/* saleto DEV — marketplace theme */
:root{--sd-dark:#262626;--sd-darker:#1c1c1c;--sd-green:#82b440;--sd-green-d:#6f9a35;--sd-bg:#f3f3f3;--sd-text:#454545;--sd-muted:#7b7b7b;--sd-border:#e5e5e5}
body{background:var(--sd-bg);color:var(--sd-text);font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:15px}
a{color:#0084b4}a:hover{color:#006a91}
.ratio-16x10{--bs-aspect-ratio:62.5%}
/* top bar */
.sd-top{background:var(--sd-dark);color:#ccc;position:sticky;top:0;z-index:1030;box-shadow:0 1px 0 rgba(255,255,255,.04)}
.sd-top .navbar{padding:.55rem 0}
.sd-brand{font-weight:800;font-size:1.3rem;color:#fff!important;letter-spacing:-.02em;display:flex;align-items:center;gap:.45rem}
.sd-brand .sd-mark{width:28px;height:28px;border-radius:7px;background:var(--sd-green);display:inline-grid;place-items:center;color:#fff;font-size:.95rem;font-weight:900}
.sd-brand small{color:var(--sd-green);font-weight:800}
.sd-top .nav-link{color:#d7d7d7!important;font-weight:500;font-size:.92rem}
.sd-top .nav-link:hover{color:#fff!important}
.sd-subnav{background:#fff;border-bottom:1px solid var(--sd-border)}
.sd-subnav a{color:var(--sd-text);text-decoration:none;font-size:.88rem;font-weight:500;padding:.7rem .9rem;display:inline-block;border-bottom:2px solid transparent}
.sd-subnav a:hover,.sd-subnav a.active{color:#000;border-bottom-color:var(--sd-green)}
/* buttons */
.btn-sd,.btn-primary,.btn-success{background:var(--sd-green)!important;border-color:var(--sd-green)!important;color:#fff!important;font-weight:600;box-shadow:0 2px 0 var(--sd-green-d)}
.btn-sd:hover,.btn-primary:hover,.btn-success:hover{background:var(--sd-green-d)!important;border-color:var(--sd-green-d)!important}
.btn-sd-outline,.btn-outline-primary,.btn-outline-secondary{background:#fff;border:1px solid #cfcfcf;color:var(--sd-text);font-weight:600}
.btn-sd-outline:hover,.btn-outline-primary:hover,.btn-outline-secondary:hover{background:#f7f7f7;border-color:#b5b5b5;color:#000}
/* hero */
.sd-hero{background:radial-gradient(1200px 400px at 80% -10%,#3a3a3a 0,transparent 60%),linear-gradient(180deg,#2b2b2b,#1f1f1f);color:#fff;padding:3.5rem 0 3rem;margin-bottom:0}
.sd-hero h1{font-weight:800;font-size:clamp(1.8rem,4vw,2.8rem);letter-spacing:-.02em;max-width:760px}
.sd-hero p{color:#bdbdbd;font-size:1.08rem;max-width:640px}
.sd-search{max-width:720px;background:#fff;border-radius:6px;padding:.35rem;display:flex;gap:.35rem;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.sd-search input{border:0;flex:1;padding:.75rem 1rem;font-size:1rem;outline:0;border-radius:4px;color:#333}
.sd-search .btn{padding:.65rem 1.4rem}
.sd-stats{color:#9b9b9b;font-size:.88rem}.sd-stats b{color:#fff}
.sd-chips{display:flex;flex-wrap:wrap;gap:.5rem}
.sd-chip{border:1px solid #d6d6d6;background:#fff;color:var(--sd-text);border-radius:999px;padding:.38rem .95rem;font-size:.86rem;font-weight:600;cursor:pointer;transition:.15s}
.sd-chip:hover{border-color:var(--sd-green);color:#000}
.sd-chip.active{background:var(--sd-green);border-color:var(--sd-green);color:#fff}
.sd-chip .n{opacity:.65;font-weight:500;margin-left:.25rem}
/* sections */
.sd-section{padding:2.2rem 0}
.sd-section-title{font-weight:700;font-size:1.35rem;color:#222;margin:0}
/* item card */
.sd-card{background:#fff;border:1px solid var(--sd-border);border-radius:4px;overflow:hidden;height:100%;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}
.sd-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.10);transform:translateY(-2px)}
.sd-thumb{display:block;position:relative;background:#eaeaea;border-bottom:1px solid var(--sd-border)}
.sd-thumb img{width:100%;height:100%;object-fit:cover;object-position:top}
.sd-thumb .sd-badge-free{position:absolute;top:10px;left:10px;background:var(--sd-green);color:#fff;font-size:.72rem;font-weight:800;padding:.2rem .5rem;border-radius:3px;letter-spacing:.04em}
.sd-noimg{display:grid;place-items:center;color:#aaa;font-weight:700;font-size:1.4rem}
.sd-card-body{padding:.9rem 1rem .6rem;flex:1}
.sd-card-title{font-size:.98rem;font-weight:600;line-height:1.35;margin:0 0 .25rem}
.sd-card-title a{color:#222;text-decoration:none}.sd-card-title a:hover{color:#0084b4}
.sd-by{font-size:.82rem;color:var(--sd-muted)}.sd-by a{color:#0084b4;text-decoration:none}
.sd-cat{font-size:.78rem;color:var(--sd-muted)}
.sd-card-foot{padding:.7rem 1rem .9rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem;border-top:1px solid #f1f1f1}
.sd-price{font-size:1.2rem;font-weight:700;color:#222}
.sd-price.free{color:var(--sd-green-d)}
.sd-meta{font-size:.78rem;color:var(--sd-muted)}
.sd-stars{color:#f5a623;letter-spacing:1px;font-size:.8rem}
.sd-icon-btn{width:36px;height:36px;display:inline-grid;place-items:center;border:1px solid #d4d4d4;border-radius:4px;background:#fff;color:#555;text-decoration:none}
.sd-icon-btn:hover{border-color:var(--sd-green);color:var(--sd-green-d)}
.sd-icon-btn.green{background:var(--sd-green);border-color:var(--sd-green);color:#fff}
.sd-icon-btn.green:hover{background:var(--sd-green-d);color:#fff}
.sd-empty{background:#fff;border:1px dashed #ccc;border-radius:6px;padding:3rem;text-align:center;color:var(--sd-muted)}
/* item page */
.sd-item-head{background:#fff;border-bottom:1px solid var(--sd-border);padding:1.6rem 0 0}
.sd-item-head h1{font-size:clamp(1.4rem,3vw,1.9rem);font-weight:700;color:#222}
.sd-tabs a{display:inline-block;padding:.7rem 1rem;color:var(--sd-text);text-decoration:none;font-weight:600;font-size:.9rem;border-bottom:3px solid transparent}
.sd-tabs a.active{border-bottom-color:var(--sd-green);color:#000}
.sd-preview{background:#fff;border:1px solid var(--sd-border);border-radius:4px;padding:1rem}
.sd-preview .ratio{border:1px solid #eee;border-radius:3px;overflow:hidden}
.sd-panel{background:#fff;border:1px solid var(--sd-border);border-radius:4px}
.sd-panel h2,.sd-panel h3{font-size:1.1rem;font-weight:700;color:#222}
.sd-desc{white-space:pre-wrap;line-height:1.7;color:#555}
.sd-buybox{position:sticky;top:84px}
.sd-buybox .sd-license{font-weight:700;color:#222}
.sd-buybox .sd-bigprice{font-size:2rem;font-weight:800;color:#222;line-height:1}
.sd-check li{padding:.25rem 0;color:#555;font-size:.9rem}
.sd-check li::before{content:"✓";color:var(--sd-green);font-weight:800;margin-right:.5rem}
.sd-dl{font-size:.88rem}.sd-dl dt{color:var(--sd-muted);font-weight:500}.sd-dl dd{color:#222;margin-bottom:.6rem}
.sd-tag{display:inline-block;background:#f3f3f3;border:1px solid #e3e3e3;color:#555;border-radius:3px;padding:.12rem .5rem;font-size:.78rem;margin:0 .25rem .3rem 0;text-decoration:none}
/* generic pages */
.sd-page{padding:2.2rem 0 1rem}
.sd-page .card{border:1px solid var(--sd-border)!important;border-radius:4px;box-shadow:none!important}
.breadcrumb{font-size:.85rem;margin-bottom:.6rem}.breadcrumb a{color:#0084b4;text-decoration:none}
.form-control:focus,.form-select:focus{border-color:var(--sd-green);box-shadow:0 0 0 .2rem rgba(130,180,64,.2)}
h1,h2,h3,h4,h5{color:#222}
/* footer */
.sd-footer{background:var(--sd-darker);color:#9a9a9a;padding:3rem 0 1.5rem;margin-top:3rem;font-size:.9rem}
.sd-footer h6{color:#fff;font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.9rem}
.sd-footer a{color:#9a9a9a;text-decoration:none;display:block;padding:.18rem 0}.sd-footer a:hover{color:#fff}
.sd-footer .sd-bottom{border-top:1px solid #333;margin-top:2rem;padding-top:1.2rem;font-size:.82rem}
.sd-footer .sd-big{color:#fff;font-size:1.6rem;font-weight:800}
@media (max-width:767px){.sd-hero{padding:2.2rem 0}.sd-search{flex-direction:column}.sd-search .btn{width:100%}.sd-buybox{position:static}.sd-subnav .container{overflow-x:auto;white-space:nowrap}}
.sd-hero h1,.sd-hero h2{color:#fff}
.sd-card-foot .btn{white-space:nowrap}
.sd-card-foot .sd-price{line-height:1.1}