/* V06 · Вставка як артефакт. Чорна база, вузька центральна колонка, вертикальний ритм. */
:root{
  --bg:#0C0C0D; --ink:#E9E5DE; --muted:#8B857D; --line:rgba(233,229,222,.14); --accent:#B08A55; --sku:#A50A26;
  --ob-bg:#131315; --ob-ink:#E9E5DE; --ob-muted:#8B857D; --ob-line:rgba(233,229,222,.2);
  --ob-accent:#B08A55; --ob-font:'Rubik',system-ui,sans-serif; --ob-radius:0px;
  --pad:clamp(18px,4vw,64px); --col:min(620px,100%);
}
body{background:var(--bg); color:var(--ink); font-family:'Rubik',system-ui,sans-serif; font-weight:300; font-size:16.5px; line-height:1.7; overflow-x:hidden;}
h1,h2,h3{margin:0; font-family:'Playfair Display',Georgia,serif; font-weight:400;}
p{margin:0 0 1em;}
em{font-style:italic; color:#D3B683;}
.kick{font-size:10.5px; letter-spacing:.32em; text-transform:uppercase; color:var(--muted); margin:0 0 14px;}
.kick--c{text-align:center;}
.h2c{text-align:center; font-size:clamp(26px,3.4vw,44px); margin-bottom:clamp(30px,5vw,64px);}
.lbl{font-size:10.5px; letter-spacing:.26em; text-transform:uppercase; color:var(--muted); margin:20px 0 9px;}
.note{color:var(--muted); font-size:14.5px; text-align:center; max-width:52ch; margin:26px auto 0;}

.hd{position:fixed; top:0; left:0; right:0; z-index:40; display:flex; justify-content:space-between; align-items:center;
  padding:14px var(--pad); font-size:11px; letter-spacing:.26em; text-transform:uppercase;
  background:linear-gradient(180deg,rgba(12,12,13,.95),rgba(12,12,13,0));}
.hd button{background:none; border:1px solid var(--line); color:var(--ink); padding:8px 18px; font-size:10.5px; letter-spacing:.2em; text-transform:uppercase;}
.hd button:hover{border-color:var(--accent);}

/* експонат */
.relic{min-height:100vh; display:grid; grid-template-columns:auto 1fr; gap:clamp(24px,5vw,80px); align-items:center; padding:clamp(80px,12vh,140px) var(--pad) clamp(50px,8vh,110px);}
.relic__strip{position:relative;}
.relic__strip img{width:clamp(180px,24vw,330px); height:min(74vh,760px); object-fit:cover; object-position:center 72%; box-shadow:0 30px 70px rgba(0,0,0,.65);}
.relic__strip::after{content:''; position:absolute; inset:-1px; border:1px solid rgba(176,138,85,.35); pointer-events:none;}
.relic__t{max-width:52ch;}
.relic__t h1{font-size:clamp(36px,5.4vw,78px); line-height:1.04; margin-bottom:22px;}
.relic__t p{color:#C4BCB2;}
@media(max-width:820px){ .relic{grid-template-columns:1fr;} .relic__strip img{width:min(240px,60%); height:52vh;} }

/* колонка */
.col{width:var(--col); margin:0 auto; padding:clamp(50px,9vw,120px) var(--pad);}
.col--wide{width:min(1080px,100%);}
.sg{padding:clamp(24px,4vw,48px) 0; border-top:1px solid var(--line);}
.sg img{width:100%; aspect-ratio:16/10; object-fit:cover; margin-bottom:22px;}
.sg h3{font-size:clamp(24px,3vw,36px); margin-bottom:6px;}
.sg__s{font-size:10.5px; letter-spacing:.24em; text-transform:uppercase; color:var(--accent); margin-bottom:14px;}
.sg p:last-child{color:#C4BCB2; font-size:16px; margin:0;}

/* смуга у виробі */
.into{display:grid; grid-template-columns:.85fr 1fr .85fr; gap:clamp(16px,3vw,44px); align-items:center;
  padding:clamp(40px,7vw,100px) var(--pad); border-top:1px solid var(--line); border-bottom:1px solid var(--line);}
.into img{width:100%; aspect-ratio:3/4; object-fit:cover;}
.into__c{text-align:center;}
.into__c h2{font-size:clamp(24px,3vw,40px); margin-bottom:14px;}
.into__c p{color:#C4BCB2; font-size:15.5px;}
@media(max-width:860px){ .into{grid-template-columns:1fr 1fr;} .into__c{grid-column:1/-1; order:-1;} }

/* товар */
.buy{display:grid; grid-template-columns:1fr 1fr; gap:clamp(20px,3.4vw,60px); align-items:center;}
.buy__v{display:grid; place-items:center; padding:clamp(16px,3vw,40px);
  background:radial-gradient(100% 78% at 50% 50%, color-mix(in srgb,var(--sku) 30%,transparent), transparent 72%);}
.buy__v img{width:min(400px,88%); filter:drop-shadow(0 28px 40px rgba(0,0,0,.6));}
.buy__price{font-family:'Playfair Display',Georgia,serif; font-size:clamp(28px,3.4vw,44px); color:var(--accent); margin:0 0 6px;}
.row{display:flex; gap:9px; flex-wrap:wrap;}
.mat{flex:1 1 160px; text-align:left; background:none; border:1px solid var(--line); padding:11px 14px; font-size:13.5px; color:var(--ink);}
.mat em{display:block; font-style:normal; color:var(--muted); font-size:11.5px; margin-top:2px;}
.mat.is-on{border-color:var(--accent);}
.mat[disabled]{opacity:.4;}
.sws{display:flex; gap:10px; flex-wrap:wrap;}
.sw{width:38px; height:38px; border-radius:50%; border:1px solid var(--line); background:var(--c); padding:0; transition:transform .2s;}
.sw:hover{transform:translateY(-2px);}
.sw.is-on{box-shadow:0 0 0 2px var(--accent);}
.mean{margin-top:16px; color:#C4BCB2; font-size:14.5px; min-height:3.2em; max-width:44ch;}
.btn{margin-top:8px; padding:15px 34px; border:0; background:var(--accent); color:#100F0D; font-size:11px; letter-spacing:.22em; text-transform:uppercase;}
.btn:hover{filter:brightness(1.1);}
.btn--big{padding:18px 46px; font-size:12px;}
.facts{list-style:none; margin:24px 0 0; padding:0;}
.facts li{display:flex; justify-content:space-between; gap:16px; padding:9px 0; border-top:1px solid var(--line); font-size:14px;}
.facts span{color:var(--muted);} .facts b{font-weight:400; text-align:right;}
@media(max-width:860px){ .buy{grid-template-columns:1fr;} }

/* на кожен день */
.daily{padding:clamp(50px,9vw,120px) var(--pad); border-top:1px solid var(--line);}
.daily__t{max-width:60ch; margin:0 auto 34px; text-align:center;}
.daily__t h2{font-size:clamp(26px,3.4vw,44px); margin-bottom:14px;}
.daily__t p{color:#C4BCB2;}
.daily__g{display:grid; grid-template-columns:repeat(4,1fr); gap:clamp(8px,1.2vw,16px);}
.daily__g figure{margin:0;}
.daily__g img{width:100%; aspect-ratio:3/4; object-fit:cover;}
.daily__g figcaption{margin-top:9px; font-size:10.5px; letter-spacing:.2em; text-transform:uppercase; color:var(--muted); text-align:center;}
@media(max-width:820px){ .daily__g{grid-template-columns:repeat(2,1fr);} }

/* палітра */
.pal{display:grid; grid-template-columns:repeat(2,1fr); gap:12px;}
.pal button{background:none; border:1px solid var(--line); padding:14px 10px; text-align:center; color:var(--ink);}
.pal img{width:78%; margin:0 auto 10px;}
.pal b{display:block; font-size:13px; font-weight:400;}
.pal em{display:block; font-style:normal; font-size:11px; color:var(--muted); margin-top:3px;}
.pal button:hover,.pal button.is-on{border-color:var(--accent);}

/* етапи */
.steps{display:grid; grid-template-columns:.8fr 1.2fr; gap:clamp(20px,3.4vw,60px); padding:clamp(50px,9vw,120px) var(--pad); border-top:1px solid var(--line); align-items:center;}
.steps__i img{width:100%; aspect-ratio:3/4; object-fit:cover;}
.steps__t h2{font-size:clamp(24px,3.2vw,42px); line-height:1.1; margin-bottom:22px;}
.steps__t ol{margin:0; padding-left:20px;}
.steps__t li{padding:9px 0; color:#C4BCB2; font-size:15.5px;}
.steps__t b{color:var(--ink); font-weight:400;}
.thread{margin-top:18px; color:#C4BCB2;}
.thread b{font-family:'Playfair Display',Georgia,serif; color:var(--accent); font-size:24px;}
.steps__row{display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:24px;}
.steps__row img{width:100%; aspect-ratio:1/1; object-fit:cover;}
@media(max-width:860px){ .steps{grid-template-columns:1fr;} }

/* картка */
.card{display:grid; grid-template-columns:1fr .8fr; gap:clamp(20px,3.4vw,60px); padding:clamp(50px,9vw,120px) var(--pad); border-top:1px solid var(--line);}
.card__g{background:#EFE9E0; padding:clamp(10px,1.3vw,16px);}
.card__main{width:100%; aspect-ratio:4/5; object-fit:cover; background:#EFE9E0;}
.card__th{display:grid; grid-template-columns:repeat(5,1fr); gap:7px; margin-top:7px;}
.card__th img{aspect-ratio:1/1; object-fit:cover;}
.card__s h2{font-size:clamp(20px,2.3vw,30px); line-height:1.22; margin-bottom:10px;}
.card__price{font-family:'Playfair Display',Georgia,serif; font-size:26px; color:var(--accent); margin-bottom:14px;}
.acc{border-top:1px solid var(--line);}
.acc:last-of-type{border-bottom:1px solid var(--line); margin-bottom:14px;}
.acc__h{width:100%; display:flex; justify-content:space-between; align-items:center; background:none; border:0; padding:16px 0; font-size:11px; letter-spacing:.22em; text-transform:uppercase; color:var(--ink);}
.acc__h i{width:11px; height:1px; background:currentColor; position:relative;}
.acc__h i::after{content:''; position:absolute; inset:0; background:currentColor; transform:rotate(90deg); transition:transform .3s;}
.acc.is-open .acc__h i::after{transform:rotate(0);}
.acc__b{display:none; padding-bottom:16px; color:#C4BCB2; font-size:14.5px;}
.acc.is-open .acc__b{display:block;}
.acc__b p{margin:0 0 8px;} .acc__b b{color:var(--ink); font-weight:400;}
@media(max-width:860px){ .card{grid-template-columns:1fr;} }

/* набір */
.set{display:grid; grid-template-columns:1.3fr .7fr; gap:clamp(20px,3.4vw,60px); padding:clamp(50px,9vw,120px) var(--pad); border-top:1px solid var(--line); align-items:center;}
.set h2{font-size:clamp(24px,3.2vw,42px); margin-bottom:18px;}
.set__l{list-style:none; display:flex; flex-wrap:wrap; gap:8px; padding:0; margin:0 0 22px;}
.set__l li{border:1px solid var(--line); padding:7px 14px; font-size:13px;}
.free{width:100%; max-width:520px; border-collapse:collapse;}
.free td{padding:10px 0; border-top:1px solid var(--line); font-size:14px; color:#C4BCB2;}
.free td:last-child{text-align:right; color:var(--ink);}
.free__t td{border-top:1px solid var(--accent); color:var(--accent); font-size:15.5px;}
.award{text-align:center;}
.award img{width:min(190px,58%); margin:0 auto 14px;}
.award p{font-size:12.5px; color:var(--muted); line-height:1.6; max-width:32ch; margin:0 auto;}
@media(max-width:860px){ .set{grid-template-columns:1fr;} }

/* фінал */
.fin{display:grid; grid-template-columns:auto 1fr; gap:clamp(20px,4vw,70px); align-items:center; padding:clamp(60px,10vw,130px) var(--pad); border-top:1px solid var(--line);}
.fin__s{width:clamp(140px,18vw,240px); height:min(60vh,540px); object-fit:cover;}
.fin__t h2{font-size:clamp(32px,5vw,72px); line-height:1.02; margin-bottom:18px;}
.fin__t p{color:#C4BCB2; max-width:44ch;}
@media(max-width:760px){ .fin{grid-template-columns:1fr;} .fin__s{width:min(200px,50%); height:40vh;} }
.ft{display:flex; justify-content:space-between; gap:14px; flex-wrap:wrap; padding:22px var(--pad); border-top:1px solid var(--line); font-size:10.5px; letter-spacing:.2em; text-transform:uppercase; color:var(--muted);}