/* TUDOBALA's own brand, with restrained product-first presentation. */
:root{--paper:#f5f5f7;--line:#e5e5e7;--muted:#6e6e73;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.site-header{background:rgba(255,255,255,.94)}
.announcement{background:#1d1d1f;min-height:32px}
.hero{max-width:1380px;min-height:430px;border-radius:20px;margin-top:24px}
.hero-copy{padding:48px 56px;width:min(640px,60%)}
.hero h1{font-size:clamp(2.3rem,4vw,4.5rem);letter-spacing:-.045em;line-height:1.06;text-transform:none}
.hero-copy>p{font-size:1rem;color:#d2d2d7;max-width:390px}
.hero-proof{display:none}
.strip{box-shadow:none;background:transparent;border-bottom:1px solid var(--line)}
.section{max-width:1380px;padding-top:42px;padding-bottom:14px}
.section-heading h2{letter-spacing:-.035em}
.category-card{background:#fff;border:1px solid transparent;border-radius:16px;box-shadow:none;min-height:130px}
.category-card:hover{border-color:#b7b7bd;transform:translateY(-2px)}
.category-icon{background:transparent!important;color:#1d1d1f!important}
.product-card{border:0;border-radius:18px;box-shadow:none;transition:box-shadow .2s,transform .2s}
.product-card:hover{box-shadow:0 10px 28px #0000000c;transform:translateY(-3px)}
.product-art{background:#fff!important;padding:20px;height:260px}
.product-art .catalog-image{height:220px}
.product-info{padding:18px 20px 22px}
.product-info h3{font-size:1rem;line-height:1.45;min-height:2.9em;font-weight:600}
.seller-line{font-size:.75rem}
.tag{font-size:.75rem;background:#f5f5f7;color:#6e6e73;border:0}
.heart{background:#f5f5f7}
.product-grid{gap:20px}
.btn,.chip,.sort,.search{border-radius:12px}
.seller-banner{border-radius:20px}
.gallery-thumbnails{overflow-x:auto}
.technical-specifications{margin-top:20px;font-size:.875rem}.technical-specifications summary{cursor:pointer;font-weight:600}.technical-specifications dl{display:grid;grid-template-columns:1fr 1.4fr;gap:12px;line-height:1.5}.technical-specifications dd{margin:0;color:var(--muted)}
.product-pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin:28px 0;color:var(--muted)}
@media(max-width:1000px){.hero-copy{width:66%;padding:36px}.category-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.hero{min-height:420px;align-items:flex-end}.hero-copy{width:100%;padding:30px 24px}.hero h1{font-size:2.5rem}.section{padding:28px 16px 10px}.product-art{height:200px;padding:12px}.product-art .catalog-image{height:176px}.product-info{padding:14px}.product-grid{gap:12px}.category-grid{grid-template-columns:repeat(2,1fr)}.product-pagination{gap:10px;font-size:.875rem}}
@media(prefers-reduced-motion:reduce){.product-card,.category-card{transition:none!important;transform:none!important}}
.hero{min-height:480px;display:block}
.hero::after{display:none}
.hero-slide{min-height:480px;position:relative;display:flex;align-items:center}
.hero-slide[hidden]{display:none!important}
.hero-intro{isolation:isolate}
.hero-intro::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#040404b0,transparent 68%)}
.hero-intro .hero-bg{object-position:center}
.hero-intro .hero-copy{padding-bottom:84px}
.hero-intro .hero-copy .eyebrow{color:#d2d2d7;letter-spacing:.16em;font-size:.875rem}
.hero-controls{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;z-index:3;padding:6px 10px;border-radius:30px;background:#101010dc;color:white;border:1px solid #ffffff28}
.hero-controls[hidden]{display:none}
.hero-controls>button{border:0;background:transparent;color:white;width:36px;height:36px;border-radius:50%;font-size:24px;cursor:pointer}
.hero-controls>button[data-hero-pause]{font-size:16px}
.hero-controls button:hover{background:#ffffff25}
.hero-controls button:focus-visible,.hero:focus-visible{outline:3px solid #ffb11b;outline-offset:3px}
.hero-dots{display:flex;gap:4px}
.hero-dots button{border:0;background:transparent;width:28px;height:36px;display:grid;place-items:center;cursor:pointer}
.hero-dots button::before{content:"";width:7px;height:7px;border-radius:50%;background:#a5a5a5}
.hero-dots button.selected::before{background:#ffb11b;width:18px;border-radius:5px}
.hero-product-slide{background:radial-gradient(ellipse at 85% 30%,#362311,#080808 70%);padding:44px 56px 84px;gap:48px}
.hero-product-copy{flex:1;min-width:0}
.hero-product-copy .eyebrow{font-size:.875rem;color:#d2d2d7;margin:0 0 22px}
.hero-product-copy h2{font-size:clamp(1.6rem,3vw,3rem);line-height:1.12;letter-spacing:-.03em;margin:0 0 20px;overflow-wrap:anywhere;color:#fff}
.hero-product-price{font-size:clamp(1.5rem,2.4vw,2.2rem);color:#ffb11b;display:block;margin-bottom:24px}
.hero-product-copy small{display:block;color:#b5b5ba;font-size:.75rem;margin-top:14px}
.hero-product-photo{flex:0 0 42%;height:320px;border-radius:22px;background:#fff;position:relative;padding:22px;display:flex;align-items:center;justify-content:center}
.hero-product-photo img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.hero-watermark{position:absolute;bottom:12px;right:14px;color:#777;font-size:10px;font-weight:700;letter-spacing:.08em;pointer-events:none}
@media(max-width:640px){.hero-slide{min-height:570px}.hero-intro{align-items:flex-end}.hero-intro .hero-bg{object-position:64% center}.hero-intro::after{background:linear-gradient(0deg,#030303f5 0%,#030303c0 45%,#03030318 85%)}.hero-intro .hero-copy{padding:28px 24px 88px}.hero-product-slide{flex-direction:column-reverse;gap:20px;padding:24px 24px 84px}.hero-product-copy{width:100%;flex:0}.hero-product-copy h2{font-size:1.5rem;margin-bottom:10px}.hero-product-copy .eyebrow{margin-bottom:12px}.hero-product-price{margin-bottom:14px}.hero-product-photo{flex:0 0 auto;width:100%;height:220px;padding:16px}.hero-controls{gap:4px}.hero-dots button{width:24px}}
