/* ===== Made³ polish v3: warm, lively, premium. Burgundy = accent only. ===== */
:root{
 --burgundy:#510e22;--berry:#7a1f3a;--blush:#f6e9e6;--cream:#fbf7f0;--sage:#2f5a43;
 --radius:6px;--shadow:0 24px 48px -28px rgba(81,14,34,.35),0 6px 16px -10px rgba(21,36,30,.18);
}
body{background:var(--cream)}
.eyebrow{display:inline-flex;align-items:center;gap:12px;color:var(--berry)}
.eyebrow::before{content:"";width:28px;height:1px;background:currentColor;opacity:.7}
.section-head.center .eyebrow::after{content:"";width:28px;height:1px;background:currentColor;opacity:.7}
.hero .eyebrow,.section-dark .eyebrow{color:var(--gold-soft)}

/* Header: fine burgundy-gold hairline instead of a flat grey border */
.site-header{border-bottom:0;box-shadow:0 1px 0 var(--line)}
.site-header::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,var(--burgundy),var(--gold-soft) 50%,var(--burgundy));opacity:.9}
.main-nav a:hover,.main-nav a[aria-current=page]{border-color:var(--berry);color:var(--burgundy)}
.notice-bar{background:linear-gradient(90deg,#3d0a19,var(--burgundy) 50%,#3d0a19)}

/* Buttons */
.btn{border-radius:var(--radius);box-shadow:0 1px 0 rgba(0,0,0,.04);transition:background .25s,color .25s,border-color .25s,transform .2s,box-shadow .25s}
.btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px -12px rgba(81,14,34,.55)}
.btn.gold{box-shadow:0 10px 24px -14px rgba(214,183,123,.9)}
.btn.ghost{border-color:var(--burgundy);color:var(--burgundy)}
.btn.ghost:hover{background:var(--burgundy);color:#fff}
.link{color:var(--burgundy)}
:focus-visible{outline-color:var(--berry)}

/* Hero: let the fir photo breathe, warm tone instead of heavy black-green */
.hero-bg{background:linear-gradient(90deg,rgba(18,32,25,.88) 0%,rgba(24,44,34,.62) 45%,rgba(24,44,34,.12) 100%),radial-gradient(60% 80% at 85% 50%,rgba(122,31,58,.28),transparent 70%),url(assets/tree-green.webp) center/cover no-repeat}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:90px;background:linear-gradient(to top,rgba(251,247,240,.0),transparent);pointer-events:none}
.hero-visual #hero-bauble svg{filter:drop-shadow(0 28px 36px rgba(0,0,0,.4))}
.season-label{border-bottom-color:var(--gold-soft)}

/* Facts band: numbered badges */
.facts{background:#fff;box-shadow:0 18px 40px -30px rgba(81,14,34,.35)}
.fact-num{display:inline-grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;background:var(--blush);color:var(--burgundy);font-size:13px;font-weight:600;line-height:1}
.facts-grid strong{color:var(--burgundy)}

/* Sections: alternating warm tones with soft depth */
#isikuparasta{background:linear-gradient(180deg,var(--cream),#f4ede1)}
#isikuparasta .section-head h2{color:var(--sage)}
.section-sand{background:linear-gradient(180deg,#f1e9dc,#ebe2d2)}
.section-head h2{letter-spacing:-.015em}

/* Cards */
.style-card,.steps li,.carrier{border-radius:10px;background:#fff;border-color:rgba(81,14,34,.1);overflow:hidden}
.style-card:hover{border-color:rgba(81,14,34,.28);box-shadow:var(--shadow);transform:translateY(-4px)}
.style-art{border-radius:0}
.card-art{border-radius:10px;box-shadow:0 14px 30px -22px rgba(21,36,30,.5);background:#fff}
.card:hover .card-art{box-shadow:var(--shadow)}
.card-body h3{color:var(--ink)}
.card:hover .card-body h3{color:var(--burgundy)}
.tag{border-radius:3px;background:rgba(255,255,255,.95);color:var(--burgundy);box-shadow:0 2px 8px rgba(0,0,0,.12)}
.price{color:var(--burgundy)}
.chip{border-color:rgba(81,14,34,.25);color:var(--burgundy);background:#fff}
.chip:hover{background:var(--blush)}
.chip[aria-pressed=true]{background:var(--burgundy);color:#fff;border-color:var(--burgundy)}

/* Steps */
.steps li{padding:44px 32px 38px;position:relative;box-shadow:0 14px 34px -28px rgba(81,14,34,.45);border-top:3px solid var(--burgundy)}
.steps li>span{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--blush);color:var(--burgundy);font-size:19px}

/* Eritellimus: forest softened with a warm berry glow */
.section-dark{background:radial-gradient(70% 90% at 100% 0%,rgba(122,31,58,.35),transparent 60%),linear-gradient(160deg,#27483a,#1d3a2d)}
.custom-form{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:clamp(20px,3vw,34px)}

/* FAQ */
.faq details summary:hover{color:var(--burgundy)}
.faq details[open] summary{color:var(--burgundy)}
.faq summary::after{border-color:var(--burgundy)}
.info-grid h3{color:var(--burgundy)}

/* Dialogs and cart */
dialog{border-radius:12px}
.totals .grand{color:var(--burgundy)}
.cart-count{background:var(--burgundy)}
.choice:has(input:checked),.seg input:checked+span{border-color:var(--burgundy);box-shadow:inset 0 0 0 1px var(--burgundy)}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--berry)}
.field input,.field select,.field textarea,.choice,.seg span{border-radius:var(--radius)}
.choice input,.consent input{accent-color:var(--burgundy)}

/* Footer: warm cream, burgundy crown line */
.site-footer{background:linear-gradient(180deg,#f3ebde,#eee3d2);border-top:3px solid var(--burgundy)}
.site-footer a:hover{color:var(--burgundy)}

/* Original Made³ wordmark is wider (501:142) than the placeholder */
.brand .brand-logo{width:172px;height:49px}
@media(max-width:900px){.brand .brand-logo{width:138px;height:39px}}

/* Colour hints: the ornaments come in many colours */
.dots{display:inline-flex;align-items:center}
.dots i{display:block;width:18px;height:18px;border-radius:50%;border:1px solid rgba(21,36,30,.28);box-shadow:inset 0 0 0 2px #fff;margin-left:-3px}
.dots i:first-child{margin-left:0}
.card-colors{display:flex;align-items:center;gap:10px;margin-top:8px}
.card-colors small{font-size:12px;color:var(--muted);letter-spacing:.02em}
.style-body .card-colors{margin:2px 0 4px}
.color-strip{display:flex;align-items:center;gap:14px;margin-top:18px;padding:12px 16px;background:#fff;border:1px solid rgba(81,14,34,.12);border-radius:999px;width:fit-content;max-width:100%;font-size:14px;color:var(--muted);line-height:1.4}
.color-strip .dots i{width:22px;height:22px;margin-left:-2px}
#kollektsioon .color-strip{margin-top:14px}
.hero-swatches{display:flex;justify-content:center;gap:10px;margin-top:14px}
.hero-swatches button{padding:0;border:0;background:none;cursor:pointer;border-radius:50%;line-height:0}
.hero-swatches i{display:block;width:22px;height:22px;border-radius:50%;border:1px solid rgba(255,255,255,.55);box-shadow:0 0 0 0 transparent;transition:transform .2s,box-shadow .2s}
.hero-swatches button:hover i{transform:scale(1.15)}
.hero-swatches button[aria-pressed="true"] i{box-shadow:0 0 0 2px rgba(0,0,0,.25),0 0 0 4px var(--gold-soft);transform:scale(1.1)}
.hero-swatches button:focus-visible{outline:2px solid var(--gold-soft);outline-offset:4px}
@media(max-width:600px){.color-strip{border-radius:14px;align-items:flex-start;flex-direction:column;gap:8px}}

/* Hero ornament: sway on the persistent wrapper so colour changes don't restart it */
.hero-visual #hero-bauble{animation:sway 7s ease-in-out infinite;transform-origin:50% 0}
.hero-visual #hero-bauble svg{animation:none}