:root{
  --ink:#0f2018;
  --ink-2:#17301f;
  --ink-3:#1f3f28;
  --ivory:#ece7d8;
  --muted:#8f8a76;
  --gold:#b6904f;
  --gold-soft:#8f7343;
  --wine:#7a2331;
  --rule: rgba(182,144,79,0.24);
}
*{box-sizing:border-box;margin:0;padding:0;}
/* единый шрифт всего сайта — Lora (с кириллицей), 2026-10-19; перекрывает Fraunces/Inter/Plex Mono ниже. Иконки-SVG не трогаем */
body, body *:not(svg):not(svg *){font-family:'Lora',Georgia,serif !important;}
html{scroll-behavior:smooth;}
body{
  background:var(--ink); color:var(--ivory);
  font-family:'Inter',sans-serif; -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
a{color:inherit; text-decoration:none;}
.mono{font-family:'IBM Plex Mono',monospace;}
.wrap{max-width:1120px; margin:0 auto; padding:0 32px;}

/* ---- header ---- */
header{
  position:sticky; top:0; z-index:50;
  background:rgba(15,32,24,0.9); backdrop-filter:blur(10px);
  border-bottom:1px solid var(--rule);
}
nav{
  display:flex; align-items:center; justify-content:space-between;
  gap:20px;
  padding:18px 32px; max-width:1120px; margin:0 auto;
}
.logo{display:flex; align-items:center; gap:12px; flex-shrink:0;}
.logo img{height:34px; display:block;}
.logo-text{font-family:'Fraunces',serif; font-weight:500; font-size:19px; letter-spacing:0.05em; text-transform:uppercase; white-space:nowrap;}
.logo-text span{color:var(--gold);}
.navlinks{display:none; gap:32px; font-size:12.5px; letter-spacing:0.07em; text-transform:uppercase; color:var(--muted); margin-right:auto; margin-left:40px;}
.navlinks a:hover{color:var(--ivory);}
@media(min-width:760px){.navlinks{display:flex;}}
@media(max-width:520px){ nav > a.mono{display:none;} }
.navlinks a, nav > a.mono{white-space:nowrap;}
@media(max-width:1023px){ .navlinks{gap:20px; margin-left:24px;} }
/* 760–999: меню и телефон в одну строку не помещаются — телефон остаётся в футере и на /contacts/ */
@media(min-width:760px) and (max-width:999px){ nav > a.mono{display:none;} }
@media(max-width:400px){ nav{padding:16px; gap:12px;} .logo-text{font-size:17px; letter-spacing:0.03em;} }

.mobile-menu-btn{
  display:none; background:none; border:1px solid var(--rule); color:var(--gold);
  width:38px; height:38px; align-items:center; justify-content:center; cursor:pointer;
  flex-shrink:0; padding:0;
}
.mobile-menu-btn svg{width:18px; height:18px;}
@media(max-width:759px){ .mobile-menu-btn{display:flex;} }

.mobile-menu-panel{
  display:none; position:fixed; inset:0; background:var(--ink); z-index:200;
  padding:18px 20px 32px; flex-direction:column;
}
.mobile-menu-panel.open{display:flex;}
.mobile-menu-panel .mm-top{display:flex; justify-content:space-between; align-items:center; margin-bottom:32px; gap:16px;}
.mobile-menu-close{
  background:none; border:1px solid var(--rule); color:var(--gold);
  width:38px; height:38px; display:flex; align-items:center; justify-content:center; cursor:pointer;
}
.mobile-menu-close svg{width:16px; height:16px;}
.mobile-menu-links{display:flex; flex-direction:column; border-top:1px solid var(--rule);}
/* пункты меню — размером с логотип в шапке */
.mobile-menu-links a{
  font-family:'Fraunces',serif; font-size:19px; letter-spacing:0.04em; color:var(--ivory); padding:12px 0;
  border-bottom:1px solid var(--rule); display:flex; align-items:center; gap:14px;
}
/* иконка пункта — тонкий золотой контур в кружке, как на «Контактах» (картинки — общие классы .ci-*) */
.mobile-menu-links a::before{content:""; flex:none; width:36px; height:36px; border:1px solid var(--rule); border-radius:50%;
  background-repeat:no-repeat; background-position:center; background-size:17px 17px;}
.mobile-menu-links a:active{color:var(--gold);}
.mobile-menu-links a span{color:var(--gold);}
.mobile-menu-phone{
  margin-top:auto; padding-top:30px; font-family:'IBM Plex Mono',monospace;
  font-size:16px; color:var(--gold);
}

/* ---- breadcrumbs ---- */
.breadcrumbs{
  max-width:1120px; margin:26px auto 0; padding:0 32px;
  font-family:'IBM Plex Mono',monospace; font-size:12px; letter-spacing:0.04em; color:var(--muted);
}
.breadcrumbs a:hover{color:var(--gold);}

/* ---- hero ---- */
.hero{
  position:relative;
  padding:100px 32px 80px;
  text-align:center;
  background:
    radial-gradient(ellipse 700px 400px at 50% -10%, rgba(182,144,79,0.16), transparent 60%),
    var(--ink);
  border-bottom:1px solid var(--rule);
}
.eyebrow{
  font-family:'IBM Plex Mono',monospace;
  font-size:12px; letter-spacing:0.22em; text-transform:uppercase;
  color:var(--gold); margin-bottom:24px;
}
.hero h1, .page-title{
  font-family:'Fraunces',serif;
  font-weight:400;
  font-size:clamp(34px, 6vw, 68px);
  line-height:1.06;
  letter-spacing:-0.01em;
  max-width:780px; margin:0 auto 22px;
}
.hero h1 em{font-style:italic; color:var(--gold); font-weight:300;}
.hero p.lede{
  max-width:520px; margin:0 auto 36px;
  color:var(--muted); font-size:16.5px; line-height:1.65;
}
.cta-row{display:flex; gap:14px; justify-content:center; flex-wrap:wrap;}
.btn{
  padding:14px 28px; font-size:13px; letter-spacing:0.1em; text-transform:uppercase;
  border-radius:2px; border:1px solid var(--gold); transition:all 0.25s ease;
  display:inline-block; cursor:pointer; background:none; color:var(--ivory);
  font-family:'Inter',sans-serif;
}
.btn-solid{background:var(--gold); color:var(--ink); font-weight:600; border-color:var(--gold);}
.btn-solid:hover{background:#c9a35f;}
.btn-ghost{border-color:var(--rule);}
.btn-ghost:hover{border-color:var(--gold); color:var(--gold);}

/* ---- generic section ---- */
.section{padding:80px 32px;}
.section-narrow{max-width:820px; margin:0 auto; padding:80px 32px;}
.section-head{text-align:center; margin-bottom:56px;}
/* Главная — компактнее: отступы втрое меньше обычных */
.hero{padding:27px 32px;}
.hero .eyebrow{margin-bottom:8px;}
.hero h1{margin-bottom:8px; max-width:none;}
@media(min-width:760px){ .hero h1 .nw{white-space:nowrap;} }
.hero p.lede{margin-bottom:12px; max-width:600px;}
#roster, #formats, #catalog-roll{padding-top:27px; padding-bottom:27px;}
/* Заголовок только для поисковиков и экранных читалок — на экране не виден */
.sr-only{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;}
#formats .section-head{margin-bottom:19px;}
.section-head h1, .section-head h2{font-family:'Fraunces',serif; font-weight:400; font-size:clamp(26px,4vw,40px); margin-top:12px;}
.section-head p{color:var(--muted); max-width:460px; margin:14px auto 0; font-size:14.5px; line-height:1.6;}
h2.simple{font-family:'Fraunces',serif; font-weight:400; font-size:28px; margin-bottom:20px;}
p.body-text{color:#c9c4b3; line-height:1.75; font-size:15px; max-width:760px; margin-bottom:16px;}

/* ---- roster / brand grid ---- */
.brand-hero{
  display:flex; gap:44px; align-items:flex-start;
}
.brand-hero-logo{
  flex:0 0 200px;
  aspect-ratio:1/1;
  border:1px solid var(--rule);
  background:var(--ink-2);
  display:flex; align-items:center; justify-content:center;
  padding:24px;
}
.brand-hero-logo img{width:100%; height:100%; object-fit:contain;}
.brand-hero-body{flex:1; min-width:0;}
@media(max-width:700px){
  .brand-hero{flex-direction:column;}
  .brand-hero-logo{flex-basis:auto; width:140px;}
}

.roll{border-top:1px solid var(--rule);}
.roll-item{
  display:grid; grid-template-columns:56px 44px 1fr auto; align-items:center; gap:20px;
  padding:24px 8px; border-bottom:1px solid var(--rule);
  transition:background 0.3s ease;
}
.roll-logo{width:44px; height:44px; object-fit:contain; opacity:0.92;}
.roll-item:hover{background:var(--ink-2);}
.roll-num{font-family:'IBM Plex Mono',monospace; color:var(--gold-soft); font-size:13px;}
.roll-name{font-family:'Fraunces',serif; font-weight:400; font-size:clamp(19px,3vw,27px);}
.roll-note{color:var(--muted); font-size:12.5px; text-align:right; max-width:260px; font-family:'IBM Plex Mono',monospace; line-height:1.5;}
@media(max-width:700px){
  .roll-item{grid-template-columns:24px 36px 1fr; row-gap:6px;}
  .roll-note{grid-column:3; text-align:left; max-width:100%;}
}

/* ---- product grid (brand page) ---- */
.product-grid{
  display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:20px;
}
@media(max-width:820px){.product-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.product-grid{grid-template-columns:1fr;}}
.product-card{
  border:1px solid var(--rule); padding:26px 20px; text-align:center;
  transition:border-color 0.25s ease, transform 0.25s ease;
}
.product-card:hover{border-color:var(--gold); transform:translateY(-3px);}
.product-card .ph-box{
  aspect-ratio:1/1; background:var(--ink-2); margin-bottom:16px;
  display:flex; align-items:center; justify-content:center; color:var(--gold-soft); font-size:26px;
  overflow:hidden;
}
.product-card h3{font-family:'Fraunces',serif; font-weight:400; font-size:19px; margin-bottom:6px;}
.product-card .pc-meta{font-family:'IBM Plex Mono',monospace; font-size:10.5px; color:var(--muted); text-transform:uppercase; letter-spacing:0.05em;}

/* ---- formats / seals ---- */
.seal-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px; max-width:820px; margin:0 auto;}
@media(max-width:700px){.seal-grid{grid-template-columns:1fr; max-width:320px;}}
.seal{background:var(--ink); border:1px solid var(--rule); border-radius:4px; padding:34px 22px; text-align:center;}
.seal-vol{font-family:'Fraunces',serif; font-size:40px; color:var(--gold); line-height:1; margin-bottom:6px;}
.seal-unit{font-family:'IBM Plex Mono',monospace; font-size:11px; color:var(--muted); letter-spacing:0.1em; text-transform:uppercase; margin-bottom:14px;}
.seal-label{font-size:13.5px; color:var(--ivory); font-weight:500;}
.seal-desc{font-size:12px; color:var(--muted); margin-top:6px; line-height:1.5;}

/* ---- product page ---- */
.product{
  max-width:1120px; margin:0 auto; padding:28px 32px 70px;
  display:grid; grid-template-columns:1fr 1fr; gap:56px;
}
@media(max-width:820px){.product{grid-template-columns:1fr; gap:32px;}}
.gallery-main{
  aspect-ratio:1/1.1; border:1px solid var(--rule); background:var(--ink-2);
  display:flex; align-items:center; justify-content:center; margin-bottom:14px;
}
.ph{text-align:center; color:var(--muted); font-family:'IBM Plex Mono',monospace; font-size:11.5px; letter-spacing:0.06em; text-transform:uppercase; padding:16px;}
.ph .icon{font-size:30px; display:block; margin-bottom:8px; color:var(--gold-soft);}
.thumbs{display:flex; gap:10px;}
.thumb{
  flex:1; aspect-ratio:1/1; border:1px solid var(--rule); background:var(--ink-2);
  display:flex; align-items:center; justify-content:center; font-family:'IBM Plex Mono',monospace;
  font-size:9.5px; letter-spacing:0.03em; text-align:center; color:var(--muted);
  overflow:hidden; cursor:pointer; transition:border-color 0.2s ease;
}
.thumb:hover{border-color:var(--gold-soft);}
.thumb.active{border-color:var(--gold);}
.brand-link{font-family:'IBM Plex Mono',monospace; font-size:11.5px; letter-spacing:0.13em; text-transform:uppercase; color:var(--gold); margin-bottom:8px; display:inline-block;}
.brand-link:hover{color:#c9a35f;}
h1.product-name{font-family:'Fraunces',serif; font-weight:400; font-size:clamp(28px,4vw,42px); line-height:1.08; margin-bottom:8px;}
.tagline{color:var(--muted); font-size:14px; margin-bottom:24px; line-height:1.6;}
.specs{border-top:1px solid var(--rule); border-bottom:1px solid var(--rule); padding:20px 0; margin-bottom:26px;}
.spec-row{display:grid; grid-template-columns:140px 1fr; gap:12px; padding:8px 0; font-size:13.5px;}
.spec-label{font-family:'IBM Plex Mono',monospace; font-size:11px; color:var(--muted); letter-spacing:0.04em; text-transform:uppercase; padding-top:2px;}
.spec-value{color:var(--ivory); line-height:1.5;}
.section-label{font-family:'IBM Plex Mono',monospace; font-size:11px; color:var(--muted); letter-spacing:0.07em; text-transform:uppercase; margin-bottom:10px;}
.vol-options{display:flex; gap:10px; margin-bottom:22px;}
.vol-btn{flex:1; border:1px solid var(--rule); background:transparent; color:var(--ivory); padding:12px 6px; text-align:center;}
.vol-btn .v{font-family:'Fraunces',serif; font-size:18px; display:block;}
.vol-btn .u{font-family:'IBM Plex Mono',monospace; font-size:9.5px; color:var(--muted); text-transform:uppercase;}
.vol-btn.active{border-color:var(--gold); background:rgba(182,144,79,0.08);}
.vol-btn.active .v{color:var(--gold);}
.buy-row{display:flex; align-items:center; gap:20px;}
.price{font-family:'Fraunces',serif; font-size:32px; color:var(--ivory);}
.btn-order{flex:1; background:var(--gold); color:var(--ink); border:none; padding:16px 24px; font-size:12.5px; letter-spacing:0.09em; text-transform:uppercase; font-weight:600; cursor:pointer;}
.stock-note{margin-top:12px; font-family:'IBM Plex Mono',monospace; font-size:11px; color:#7fae86; display:flex; align-items:center; gap:6px;}
.stock-dot{width:6px; height:6px; border-radius:50%; background:#7fae86; display:inline-block;}
.stock-block{margin:4px 0 20px;}
.stock-row{display:flex; justify-content:space-between; align-items:baseline; gap:12px; padding:7px 0; border-bottom:1px solid var(--rule);}
.stock-row:last-child{border-bottom:none;}
.stock-city{font-family:'IBM Plex Mono',monospace; font-size:11px; color:var(--muted); letter-spacing:0.04em; text-transform:uppercase;}
.stock-val{font-size:13.5px; color:var(--muted); text-align:right;}
.stock-val.ok{color:var(--gold);}
.order-form{display:flex; flex-direction:column; gap:10px; margin-top:16px;}
/* разделитель «◆ Для заказа заполните поля ниже ◆» между ценой и формой */
.order-head{display:flex; align-items:center; gap:14px; margin:30px 0 2px; font-family:'IBM Plex Mono',monospace; font-size:11px; letter-spacing:0.14em; text-transform:uppercase; color:var(--gold);}
.order-head::before,.order-head::after{content:''; flex:1; min-width:16px; height:1px; background:linear-gradient(to right, transparent, var(--gold-soft));}
.order-head::after{background:linear-gradient(to left, transparent, var(--gold-soft));}
.order-head span{display:flex; align-items:center; gap:10px; text-align:center;}
.order-head span::before,.order-head span::after{content:''; flex:none; width:5px; height:5px; background:var(--gold); transform:rotate(45deg);}
.order-head + .order-form{margin-top:12px;}
.order-input{
  background:var(--ink-2); border:1px solid var(--rule); color:var(--ivory);
  padding:12px 14px; font-family:'Inter',sans-serif; font-size:14px; resize:vertical;
}
.order-input::placeholder{color:var(--muted);}
.order-input:focus{outline:none; border-color:var(--gold);}
.choice-group{margin-top:4px;}
.choice-options{display:flex; gap:8px; margin-top:8px;}
.choice{flex:1; position:relative; cursor:pointer;}
.choice input{position:absolute; opacity:0; width:1px; height:1px; bottom:0; left:50%;}
.choice span{display:block; border:1px solid var(--rule); color:var(--ivory); padding:11px 6px; text-align:center; font-size:13.5px; transition:border-color .2s, background .2s;}
.choice:hover span{border-color:var(--gold-soft);}
.choice input:checked + span{border-color:var(--gold); background:rgba(182,144,79,0.08); color:var(--gold);}
.choice input:focus-visible + span{outline:1px solid var(--gold); outline-offset:2px;}
#regionBox{margin-top:10px;}
#regionBox .order-input{width:100%; box-sizing:border-box;}
.choice span{height:100%; box-sizing:border-box; display:flex; align-items:center; justify-content:center;}
.region-note{margin:6px 0 0; font-size:12.5px; color:var(--muted); line-height:1.45;}
.vol-btn:disabled{opacity:.35; cursor:not-allowed;}
.description{max-width:1120px; margin:0 auto; padding:0 32px 90px; border-top:1px solid var(--rule); padding-top:50px;}
.notes-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-top:30px; max-width:760px;}
@media(max-width:600px){.notes-grid{grid-template-columns:1fr;}}
.note-card{border:1px solid var(--rule); padding:18px;}
.note-card p{font-size:13px; color:var(--ivory); margin:0; line-height:1.6;}

/* ---- simple content blocks (about / delivery / contacts) ---- */
.info-block{max-width:760px; margin:0 auto; padding:70px 32px 90px;}
.info-block h1{font-family:'Fraunces',serif; font-weight:400; font-size:clamp(30px,5vw,48px); margin-bottom:30px;}
.info-block p{color:#c9c4b3; line-height:1.75; font-size:15px; margin-bottom:18px;}
.why-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:30px;}
@media(max-width:700px){.why-grid{grid-template-columns:1fr;}}
.why-card{border:1px solid var(--rule); padding:20px;}
.why-card .num{font-family:'IBM Plex Mono',monospace; color:var(--gold); font-size:12px; margin-bottom:8px;}
.why-card p{font-size:13px; margin:0; color:var(--ivory);}
dl.def-list{margin-top:10px;}
dl.def-list dt{font-family:'IBM Plex Mono',monospace; font-size:11px; color:var(--muted); text-transform:uppercase; letter-spacing:0.05em; margin-top:20px;}
dl.def-list dd{color:var(--ivory); margin-top:4px; font-size:14.5px;}
/* Прайс-лист /price/ */
.pl-group{margin-top:34px; border:1px solid var(--rule);}
.pl-brand{padding:12px 16px; border-bottom:1px solid var(--rule); font-family:'IBM Plex Mono',monospace; font-size:12px; letter-spacing:0.08em; text-transform:uppercase;}
.pl-brand a{color:var(--gold);}
.pl-scroll{overflow-x:auto;}
.pl-table{width:100%; min-width:600px; border-collapse:collapse; table-layout:fixed; font-size:14px;}
.pl-c-name{width:46%;} .pl-c-p{width:18%;} /* колонку «Наличие» убрали 19.10 */
.pl-table th{font-family:'IBM Plex Mono',monospace; font-weight:400; font-size:10.5px; color:var(--muted); letter-spacing:0.05em; text-transform:uppercase; text-align:right; padding:10px 16px; border-bottom:1px solid var(--rule); white-space:nowrap;}
.pl-table th:first-child{text-align:left;}
.pl-table td{padding:10px 16px; border-bottom:1px solid rgba(182,144,79,0.12); vertical-align:middle;}
.pl-table tbody tr:last-child td{border-bottom:none;}
.pl-table tbody tr:hover{background:rgba(182,144,79,0.05);}
.pl-name a{color:var(--ivory);}
.pl-name a:hover{color:var(--gold);}
.pl-vol{margin-left:6px; font-family:'IBM Plex Mono',monospace; font-size:10.5px; color:var(--muted); white-space:nowrap;}
.pl-p{text-align:right; white-space:nowrap; font-variant-numeric:tabular-nums; color:var(--ivory);}
.pl-main{color:var(--gold);}
.pl-na{color:var(--muted);}
.pl-st{text-align:right; white-space:nowrap;}
.pl-city{display:inline-block; font-family:'IBM Plex Mono',monospace; font-size:9.5px; letter-spacing:0.06em; padding:3px 6px; margin-left:4px; border:1px solid rgba(182,144,79,0.14); color:rgba(143,138,118,0.55);}
.pl-city.on{border-color:var(--gold-soft); color:var(--gold);}
.pl-legend{margin-top:22px; font-size:12.5px; color:var(--muted);}
.pl-legend .pl-city{margin-left:0;}

/* Контакты: строка с пиктограммой слева */
dl.contact-list .ci{display:grid; grid-template-columns:44px 1fr; column-gap:16px; align-items:center; margin-top:22px;}
dl.contact-list .ci::before{content:""; grid-row:1 / span 2; width:44px; height:44px; border:1px solid var(--rule); border-radius:50%; background-repeat:no-repeat; background-position:center; background-size:20px 20px;}
dl.contact-list .ci dt{margin-top:0;}
dl.contact-list .ci dd{margin-top:3px;}
dl.contact-list a{color:var(--gold); text-decoration:none; border-bottom:1px solid var(--rule);}
dl.contact-list a:hover{border-bottom-color:var(--gold);}
.ci-phone::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b6904f' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.4 1.8.7 2.7a2 2 0 0 1-.5 2.1L8 9.8a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.7.7a2 2 0 0 1 1.9 2.1z'/%3E%3C/svg%3E");}
.ci-mail::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b6904f' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='4.5' width='19' height='15' rx='2'/%3E%3Cpath d='m3 6.5 9 6.5 9-6.5'/%3E%3C/svg%3E");}
.ci-stock::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b6904f' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21V9l9-5 9 5v12'/%3E%3Cpath d='M7 21v-8h10v8'/%3E%3Cpath d='M7 17h10'/%3E%3C/svg%3E");}
.ci-telegram::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b6904f' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.2 4.2 2.9 11.3c-.8.3-.8 1.4 0 1.7l4.4 1.6 1.7 5.3c.2.7 1.1.9 1.6.4l2.5-2.4 4.6 3.4c.6.4 1.4.1 1.6-.6L22.6 5.5c.2-.9-.6-1.6-1.4-1.3z'/%3E%3Cpath d='m7.3 14.6 10.5-7-7.9 8.4'/%3E%3C/svg%3E");}
.ci-courier::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b6904f' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 6h11v9H2z'/%3E%3Cpath d='M13 9h4l3.5 3.5V15H13'/%3E%3Ccircle cx='6.5' cy='17' r='1.8'/%3E%3Ccircle cx='16.5' cy='17' r='1.8'/%3E%3C/svg%3E");}
.ci-russia::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b6904f' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 4 3 6.5V20l6-2.5 6 2.5 6-2.5V4l-6 2.5z'/%3E%3Cpath d='M9 4v13.5'/%3E%3Cpath d='M15 6.5V20'/%3E%3C/svg%3E");}
.ci-pay::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b6904f' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='6.5' width='19' height='11' rx='1.5'/%3E%3Ccircle cx='12' cy='12' r='2.5'/%3E%3Cpath d='M6 9.5v5'/%3E%3Cpath d='M18 9.5v5'/%3E%3C/svg%3E");}
.ci-original::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b6904f' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.5 4.5 5.5v6c0 4.6 3.2 8.6 7.5 10 4.3-1.4 7.5-5.4 7.5-10v-6z'/%3E%3Cpath d='m8.5 12 2.5 2.5 4.5-5'/%3E%3C/svg%3E");}
.ci-crown::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b6904f' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8l4.5 4L12 5l4.5 7L21 8l-2 10H5z'/%3E%3Cpath d='M5 21h14'/%3E%3C/svg%3E");}
.ci-bottle::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b6904f' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9.5' y='2.5' width='5' height='3' rx='.5'/%3E%3Cpath d='M10.5 5.5V8M13.5 5.5V8'/%3E%3Crect x='5.5' y='8' width='13' height='13.5' rx='2.5'/%3E%3Cpath d='M9 14.5h6'/%3E%3C/svg%3E");}
.ci-list::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b6904f' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4.5' y='2.5' width='15' height='19' rx='1.5'/%3E%3Cpath d='M8 7.5h8M8 11.5h8M8 15.5h5'/%3E%3C/svg%3E");}
.ci-clock::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b6904f' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='M12 7v5l3.5 2'/%3E%3C/svg%3E");}

/* ---- footer ---- */
footer{border-top:1px solid var(--rule); padding:40px 32px; margin-top:0;}
.foot-row{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:16px; max-width:1120px; margin:0 auto;}
.foot-logo{font-family:'Fraunces',serif; font-size:17px;}
.foot-links{display:flex; gap:24px; font-size:11.5px; color:var(--muted); text-transform:uppercase; letter-spacing:0.07em; flex-wrap:wrap;}
.foot-links a:hover{color:var(--gold);}
/* ---- значки мессенджеров (шапка, футер) ---- */
.msgr{display:inline-flex; gap:8px; flex-shrink:0;}
.msgr a{width:32px; height:32px; border:1px solid var(--rule); border-radius:50%;
  background-repeat:no-repeat; background-position:center; background-size:16px 16px; transition:border-color .2s ease;}
.msgr a:hover{border-color:var(--gold);}
.msgr-tg{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b6904f' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.5 4 2.5 11.5l6.5 2.3L11.3 20.5l3.4-4.1 4.9 3.6z'/%3E%3Cpath d='M9 13.8l9-7.3-6.4 8.6'/%3E%3C/svg%3E");}
.msgr-max{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b6904f' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5a8.5 8.5 0 0 0-7.4 12.7L3.5 20.5l4.4-1.1A8.5 8.5 0 1 0 12 3.5z'/%3E%3Cpath d='M8.5 15V9.5l3.5 3.5 3.5-3.5V15'/%3E%3C/svg%3E");}
nav .msgr{margin-left:-8px;}
@media(max-width:759px){ nav > a.mono{margin-left:auto;} nav .msgr{margin-left:0;} }
@media(max-width:520px){ nav .msgr{margin-left:auto;} }
.foot-contact{display:inline-flex; align-items:center; gap:14px;}

/* ================= Акция (2026-10-04) ================= */
[hidden]{display:none !important;}
/* наклейка-«звезда» с зубчатым краем: золотой контур (::before) + винная середина (::after) */
.sale-sticker{--star:polygon(50% 0%,55.61% 7.37%,62.94% 1.7%,66.46% 10.27%,75% 6.7%,76.18% 15.89%,85.36% 14.64%,84.11% 23.82%,93.3% 25%,89.73% 33.54%,98.3% 37.06%,92.63% 44.39%,100% 50%,92.63% 55.61%,98.3% 62.94%,89.73% 66.46%,93.3% 75%,84.11% 76.18%,85.36% 85.36%,76.18% 84.11%,75% 93.3%,66.46% 89.73%,62.94% 98.3%,55.61% 92.63%,50% 100%,44.39% 92.63%,37.06% 98.3%,33.54% 89.73%,25% 93.3%,23.82% 84.11%,14.64% 85.36%,15.89% 76.18%,6.7% 75%,10.27% 66.46%,1.7% 62.94%,7.37% 55.61%,0% 50%,7.37% 44.39%,1.7% 37.06%,10.27% 33.54%,6.7% 25%,15.89% 23.82%,14.64% 14.64%,23.82% 15.89%,25% 6.7%,33.54% 10.27%,37.06% 1.7%,44.39% 7.37%);
  position:absolute; top:10px; right:10px; z-index:2; width:72px; height:72px;
  display:flex; align-items:center; justify-content:center; transform:rotate(12deg);
  filter:drop-shadow(0 3px 6px rgba(0,0,0,0.5)); pointer-events:none;
  font-family:'Fraunces',serif; font-weight:600; font-size:19px; color:var(--ivory); letter-spacing:-0.01em;}
.sale-sticker::before,.sale-sticker::after{content:''; position:absolute; clip-path:var(--star);}
.sale-sticker::before{inset:0; background:var(--gold);}
.sale-sticker::after{inset:3px; background:radial-gradient(circle at 35% 30%, #93303f 0%, var(--wine) 60%, #5c1a25 100%);}
.sale-sticker span{position:relative; z-index:1;}
/* голубая «свежая» наклейка для меньшей скидки (−25%, акция выходных 17–18.10) */
.sale-sticker.fresh::before{background:linear-gradient(135deg, #f4fbff 0%, #bfe3f7 100%);}
.sale-sticker.fresh::after{background:radial-gradient(circle at 35% 30%, #6cc4f0 0%, #2f8fd0 55%, #1d64a6 100%);}
.sale-sticker.fresh{color:#fff;}
.sale-sticker.big{width:96px; height:96px; font-size:26px; top:14px; right:14px;}
@media(max-width:560px){.sale-sticker{width:62px; height:62px; font-size:17px;} .sale-sticker.big{width:80px; height:80px; font-size:22px;}}
.product-card .ph-box, .gallery-main{position:relative;}
.sale-badge{display:inline-block; background:var(--wine); color:var(--ivory); font-family:'IBM Plex Mono',monospace; font-size:12px; font-weight:500; letter-spacing:0.04em; padding:5px 9px;}
.price-old{font-family:'IBM Plex Mono',monospace; font-size:13px; color:var(--muted); text-decoration:line-through; text-decoration-color:rgba(182,144,79,0.7);}
.price-new{font-family:'Fraunces',serif; font-size:22px; color:var(--gold);}
.pc-prices{margin-top:12px; display:flex; justify-content:center; align-items:baseline; gap:10px; flex-wrap:wrap;}
/* карточка товара */
.buy-row.sale{flex-wrap:wrap; gap:14px 18px;}
.buy-row.sale .price{color:var(--gold);}
.buy-row .price-old{font-size:16px;}
.sale-note{margin:10px 0 4px; font-family:'IBM Plex Mono',monospace; font-size:11.5px; color:var(--muted); letter-spacing:0.03em; line-height:1.5;}
.sale-note b{color:var(--gold); font-weight:500;}
/* прайс-лист */
.pl-p .price-old{display:block; font-size:11px; line-height:1.2;}
.pl-sale{display:inline-block; margin-left:8px; background:var(--wine); color:var(--ivory); font-family:'IBM Plex Mono',monospace; font-size:9.5px; padding:2px 5px; vertical-align:middle;}
.sale-badge.fresh,.pl-sale.fresh{background:#2f8fd0; color:#fff;}

/* ---- карусель «Акция» на главной ---- */
.promo-section{padding:6px 32px 27px;}
.promo-section .wrap{padding:0;}
.pr{border:1px solid var(--rule); background:linear-gradient(180deg, var(--ink-2) 0%, var(--ink) 100%); padding:28px 28px 22px; position:relative; overflow:hidden;}
.pr::before{content:''; position:absolute; inset:-40% -10% auto auto; width:520px; height:520px; border-radius:50%;
  background:radial-gradient(circle, rgba(182,144,79,0.14) 0%, rgba(182,144,79,0) 65%); pointer-events:none;}
.pr-top{display:flex; justify-content:space-between; align-items:flex-end; gap:18px; flex-wrap:wrap; position:relative;}
.pr-kicker{font-family:'IBM Plex Mono',monospace; font-size:11px; letter-spacing:0.14em; text-transform:uppercase; color:var(--gold); margin-bottom:8px;}
.pr-title{font-family:'Fraunces',serif; font-weight:400; font-size:clamp(28px,4.4vw,44px); line-height:1.05;}
.pr-title em{font-style:normal; color:var(--gold);}
.pr-timer{text-align:right;}
.pr-timer-l{font-family:'IBM Plex Mono',monospace; font-size:10.5px; letter-spacing:0.1em; text-transform:uppercase; color:var(--muted); margin-bottom:6px;}
.pr-timer-v{font-family:'Fraunces',serif; font-size:28px; color:var(--ivory); font-variant-numeric:tabular-nums; white-space:nowrap;}
.pr-timer-v span{display:inline-block; min-width:1.25em; text-align:center; border:1px solid var(--rule); padding:2px 6px; background:rgba(15,32,24,0.6);}
.pr-timer-v i{font-style:normal; font-family:'IBM Plex Mono',monospace; font-size:10px; color:var(--muted); margin:0 10px 0 4px; text-transform:uppercase;}
.pr-timer-v i:last-child{margin-right:0;}
.pr-stage{position:relative; margin-top:24px;}
.pr-slides{position:relative; min-height:420px;}
.pr-slide{position:absolute; inset:0; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.05fr); gap:40px; align-items:center;
  opacity:0; visibility:hidden; transform:translateX(24px); transition:opacity .6s ease, transform .6s ease, visibility .6s;}
.pr-slide.on{opacity:1; visibility:visible; transform:none; position:relative;}
.pr-ph{display:block; position:relative; aspect-ratio:1/1; background:var(--ink-2); border:1px solid var(--rule); overflow:hidden; max-width:430px; justify-self:end; width:100%;}
.pr-ph img{width:100%; height:100%; object-fit:cover; transform:scale(1.04); transition:transform 6s ease;}
.pr-slide.on .pr-ph img{transform:scale(1);}
.pr-ph .sale-sticker{width:96px; height:96px; font-size:26px; top:14px; right:14px;}
.pr-info{max-width:440px;}
.pr-brand{font-family:'IBM Plex Mono',monospace; font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:var(--gold);}
.pr-name{display:block; color:var(--ivory); font-family:'Fraunces',serif; font-weight:400; font-size:clamp(34px,5vw,56px); line-height:1.02; margin:10px 0 12px;}
.pr-meta{font-family:'IBM Plex Mono',monospace; font-size:11.5px; letter-spacing:0.05em; text-transform:uppercase; color:var(--muted);}
.pr-prices{display:flex; align-items:baseline; gap:16px; margin-top:26px; flex-wrap:wrap;}
.pr-new{font-family:'Fraunces',serif; font-size:44px; color:var(--gold); line-height:1;}
.pr-old{font-family:'IBM Plex Mono',monospace; font-size:16px; color:var(--muted); text-decoration:line-through; text-decoration-color:rgba(182,144,79,0.8);}
.pr-save{margin-top:10px; font-size:13.5px; color:var(--ivory);}
.pr-save b{color:var(--gold); font-weight:500;}
.pr-cta{display:inline-block; margin-top:26px; background:var(--gold); color:var(--ink); font-family:'IBM Plex Mono',monospace; font-size:12px; letter-spacing:0.12em; text-transform:uppercase; padding:15px 26px; border:1px solid var(--gold); transition:background .2s, color .2s;}
.pr-cta:hover{background:transparent; color:var(--gold);}
.pr-stock{margin-top:14px; font-family:'IBM Plex Mono',monospace; font-size:11px; color:var(--muted); line-height:1.5;}
.pr-stock b{color:var(--gold); font-weight:400;}
.pr-arrow{position:absolute; top:50%; z-index:3; transform:translateY(-50%); width:46px; height:46px; border-radius:50%; border:1px solid var(--rule);
  background:rgba(15,32,24,0.75); color:var(--gold); font-size:26px; line-height:1; cursor:pointer; transition:border-color .2s, background .2s;}
.pr-arrow:hover{border-color:var(--gold); background:var(--ink-3);}
.pr-arrow.prev{left:-6px;} .pr-arrow.next{right:-6px;}
.pr-progress{height:2px; background:var(--rule); margin-top:24px; overflow:hidden;}
.pr-progress i{display:block; height:100%; width:0; background:var(--gold);}
.pr-thumbs{display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px; margin-top:16px;}
.pr-th{display:flex; align-items:center; gap:10px; padding:8px; border:1px solid transparent; cursor:pointer; text-align:left; background:none; color:inherit; font:inherit; transition:border-color .2s, background .2s; min-width:0;}
.pr-th img{width:46px; height:46px; object-fit:cover; flex:none; opacity:.65; transition:opacity .2s;}
.pr-th span{display:block; min-width:0;}
.pr-th b{display:block; font-family:'Fraunces',serif; font-weight:400; font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pr-th small{font-family:'IBM Plex Mono',monospace; font-size:10.5px; color:var(--gold);}
.pr-th:hover img,.pr-th.on img{opacity:1;}
.pr-th.on{border-color:var(--gold-soft); background:rgba(182,144,79,0.07);}
@media(max-width:900px){ .pr-thumbs{grid-template-columns:repeat(3,minmax(0,1fr));} }
@media(max-width:760px){
  .promo-section{padding:4px 12px 20px;}
  .pr{padding:20px 14px 16px;}
  .pr-top{align-items:flex-start;}
  .pr-timer{text-align:left;}
  .pr-timer-v{font-size:21px;}
  .pr-timer-v i{margin:0 6px 0 3px;}
  .pr-slide{grid-template-columns:1fr; gap:18px;}
  .pr-ph{justify-self:center; max-width:100%;}
  .pr-ph .sale-sticker{width:78px; height:78px; font-size:21px;}
  .pr-new{font-size:36px;}
  .pr-arrow{top:28%; width:40px; height:40px; font-size:22px;}
  .pr-arrow.prev{left:4px;} .pr-arrow.next{right:4px;}
  .pr-thumbs{display:flex; overflow-x:auto; scroll-snap-type:x mandatory;}
  .pr-th{flex:0 0 auto; scroll-snap-align:start;}
  .pr-th b{max-width:110px;}
}
/* ---- блок доверия (карточка товара + карусель), 2026-10-04 ---- */
.trust{margin-top:22px; border-top:1px solid var(--rule); padding-top:18px; display:grid; grid-template-columns:1fr 1fr; gap:16px 18px;}
.trust .ci{display:grid; grid-template-columns:40px 1fr; column-gap:12px; align-items:center;}
.trust .ci::before{content:""; grid-row:1 / span 2; width:40px; height:40px; border:1px solid var(--rule); border-radius:50%; background-repeat:no-repeat; background-position:center; background-size:18px 18px;}
.trust b{display:block; font-weight:500; font-size:13.5px; color:var(--ivory); line-height:1.3;}
.trust small{display:block; font-size:12px; color:var(--muted); line-height:1.4;}
@media(max-width:420px){.trust{grid-template-columns:1fr;}}
.ci-unpack::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b6904f' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9 12 13.5 21 9v8L12 21.5 3 17z'/%3E%3Cpath d='M12 13.5v8'/%3E%3Cpath d='M3 9 6.5 4 15 8.5 12 13.5z'/%3E%3Cpath d='M21 9l-3.5-5-2.5 4.5'/%3E%3C/svg%3E");}
.pr-trust{display:flex; flex-wrap:wrap; justify-content:center; gap:6px 22px; margin-top:16px; padding-top:14px; border-top:1px solid var(--rule); font-family:'IBM Plex Mono',monospace; font-size:11px; letter-spacing:0.04em; text-transform:uppercase; color:var(--ivory); position:relative;}
.pr-trust span::before{content:'✓'; color:var(--gold); margin-right:7px;}
@media(max-width:760px){.pr-trust{justify-content:flex-start; font-size:10.5px;}}
/* ---- отзывы на карточке аромата ---- */
.reviews{max-width:1120px; margin:0 auto; padding:50px 32px 90px; border-top:1px solid var(--rule);}
.description + .reviews{margin-top:-40px;}
.reviews-head{display:flex; align-items:baseline; justify-content:space-between; gap:16px; flex-wrap:wrap; margin-bottom:26px;}
.reviews-head h2.simple{margin-bottom:0;}
.reviews-count{font-family:'IBM Plex Mono',monospace; font-size:12px; color:var(--muted); letter-spacing:.05em;}
.rv-grid{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; max-width:980px;}
@media(max-width:760px){.rv-grid{grid-template-columns:1fr;}}
.rv{border:1px solid var(--rule); padding:20px 22px; display:flex; flex-direction:column; gap:12px; background:rgba(23,48,31,.35); min-width:0;}
.rv[hidden]{display:none;}
.rv-top{display:flex; align-items:center; gap:12px;}
.rv-ava{flex:none; width:44px; height:44px; border-radius:50%; border:1px solid var(--rule); display:flex; align-items:center; justify-content:center; font-family:'Fraunces',serif; font-size:18px; color:var(--gold);}
.rv-who{display:flex; flex-direction:column; gap:2px; min-width:0;}
.rv-name{font-family:'Fraunces',serif; font-size:17px; color:var(--ivory); overflow-wrap:anywhere;}
.rv-meta{font-family:'IBM Plex Mono',monospace; font-size:10.5px; letter-spacing:.06em; text-transform:uppercase; color:var(--muted);}
.rv-stars{margin-left:auto; color:var(--gold); letter-spacing:2px; font-size:13px; flex:none;}
.rv-stars .off{color:var(--gold-soft); opacity:.35;}
.rv-text{color:#c9c4b3; font-size:14.5px; line-height:1.7; overflow-wrap:anywhere;}
.rv-foot{display:flex; gap:8px; flex-wrap:wrap;}
.rv-tag{font-family:'IBM Plex Mono',monospace; font-size:10.5px; letter-spacing:.05em; color:var(--gold); border:1px solid var(--rule); padding:3px 8px;}
.rv-more{margin-top:22px; background:none; border:1px solid var(--rule); color:var(--ivory); padding:12px 20px; font-family:'IBM Plex Mono',monospace; font-size:11.5px; letter-spacing:.08em; text-transform:uppercase; cursor:pointer;}
.rv-more:hover{border-color:var(--gold); color:var(--gold);}
.rv-form-wrap{margin-top:40px; max-width:620px; border:1px solid var(--rule); padding:24px;}
.rv-form-wrap h3{font-family:'Fraunces',serif; font-weight:400; font-size:21px; margin-bottom:6px;}
.rv-form-wrap .hint{color:var(--muted); font-size:13px; line-height:1.6; margin-bottom:16px;}
.rv-form{display:flex; flex-direction:column; gap:10px;}
.rv-row{display:grid; grid-template-columns:1fr 1fr; gap:10px;}
@media(max-width:520px){.rv-row{grid-template-columns:1fr;} .reviews{padding-left:16px; padding-right:16px;}}
.rate{display:flex; gap:6px; align-items:center;}
.rate .section-label{margin:0 8px 0 0;}
.rate label{cursor:pointer; font-size:22px; color:var(--gold-soft); opacity:.5; position:relative;}
.rate input{position:absolute; opacity:0; width:1px; height:1px;}
.rate label.on{color:var(--gold); opacity:1;}
.rate input:focus-visible + *, .rate label:focus-within{outline:1px solid var(--gold); outline-offset:2px;}
.rv-hp{position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden;}
.rv-msg{font-size:13.5px; margin-bottom:12px; padding:10px 12px; border:1px solid var(--rule);}
.rv-msg.ok{color:#8fc79b; border-color:rgba(143,199,155,.4);}
.rv-msg.bad{color:#e08a8a; border-color:rgba(224,138,138,.4);}
/* ==== Телефон (до 760 px), 2026-10-19. Компьютерную версию не меняет. ==== */
.brand-more{display:none;}
@media(max-width:760px){
  /* единые поля 16 px: раньше у секции и вложенного .wrap было по 32 px — тексту оставалось 262 px из 390 */
  .section, .section-narrow{padding:40px 16px;}
  .wrap{padding:0 16px;}
  .section .wrap, .section-narrow .wrap, .promo-section .wrap{padding-left:0; padding-right:0;}
  .section.promo-section{padding:4px 12px 20px;} /* свои отступы у блока акции (см. выше в файле) */
  .hero{padding:22px 16px 26px;}
  .breadcrumbs{padding:0 16px; margin-top:16px;}
  .info-block{padding:40px 16px 56px;}
  .section-head{margin-bottom:28px;}

  /* главная: кнопки одинаковой ширины, бренды компактнее, форматы — три в ряд */
  /* подзаголовки главной — Lora курсив (у Fraunces нет кириллицы, Inter на узком экране выглядит грубо) */
  .hero p.lede, .section-head p{font-family:'Lora',Georgia,serif; font-style:italic; font-weight:400; font-size:16.5px; line-height:1.6; color:#bdb8a7;}
  .hero .cta-row{flex-direction:column; align-items:stretch; max-width:340px; margin:0 auto; gap:10px;}
  .hero .cta-row .btn{text-align:center;}
  /* бренды на главной: логотип по центру слева, справа название и под ним описание */
  .roll-item{padding:14px 0; column-gap:14px; row-gap:3px; grid-template-columns:30px 52px minmax(0,1fr);
    grid-template-areas:"num logo name" "num logo note";}
  .roll-num{grid-area:num; align-self:center;}
  .roll-logo{grid-area:logo; width:52px; height:52px; align-self:center;}
  .roll-name{grid-area:name; align-self:end; font-size:21px; line-height:1.15;}
  .roll-note{grid-area:note; grid-column:auto; align-self:start; font-size:12px; line-height:1.45;}
  .seal-grid{grid-template-columns:repeat(3,minmax(0,1fr)); max-width:none; gap:8px;}
  .seal{padding:18px 6px;}
  .seal-vol{font-size:26px;}
  .seal-unit{font-size:9px; letter-spacing:.05em; margin-bottom:8px;}
  .seal-label{font-size:12px;}
  .seal-desc{font-size:11px;}
  .pr-thumbs{scrollbar-width:none;}
  .pr-thumbs::-webkit-scrollbar{display:none;}

  /* страница бренда: описание свёрнуто, ароматы по два в ряд */
  .brand-hero{gap:18px;}
  .brand-hero-logo{width:96px; padding:12px;}
  .brand-hero .page-title{margin-bottom:14px !important;}
  .brand-desc.clamp{max-height:9.5em; overflow:hidden; position:relative;}
  .brand-desc.clamp::after{content:""; position:absolute; left:0; right:0; bottom:0; height:4em; background:linear-gradient(to bottom, rgba(15,32,24,0), var(--ink));}
  .brand-more{display:inline-block; margin-top:10px; background:none; border:0; padding:4px 0; color:var(--gold); font-family:'IBM Plex Mono',monospace; font-size:11.5px; letter-spacing:.08em; text-transform:uppercase; cursor:pointer;}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px;}
  .product-card{padding:10px 10px 14px;}
  .product-card:hover{transform:none;}
  .product-card .ph-box{margin-bottom:10px;}
  .product-card h3{font-size:15.5px; line-height:1.2;}
  .product-card .pc-meta{font-size:9.5px; letter-spacing:.03em; line-height:1.4;}
  .product-card .pc-prices{margin-top:8px; gap:2px 8px;}
  .product-card .price-new{font-size:18px;}
  .product-card .price-old{font-size:11px;}
  .product-card .sale-sticker{width:50px; height:50px; font-size:14px;}

  /* карточка аромата: цена и заказ ближе к фото */
  .product{padding:16px 16px 40px; gap:22px;}
  .gallery-main{aspect-ratio:1/1; margin-bottom:8px;}
  .thumbs{gap:8px;}
  .thumb{flex:0 0 64px;}
  .tagline{margin-bottom:18px;}
  .specs{display:none;} /* те же ноты есть ниже в «Об аромате», пол и год — в строке под названием */
  .order-head{font-size:10px; letter-spacing:.08em; gap:10px; margin-top:24px;}
  /* «Об аромате»: компактнее отступы секции и карточек нот */
  .product{padding-bottom:24px;}
  .description{padding:24px 16px 28px;}
  .description h2.simple{font-size:24px; margin-bottom:12px;}
  .description p.body-text{font-size:15px; line-height:1.65; margin-bottom:0;}
  .notes-grid{margin-top:16px; gap:8px;}
  .note-card{padding:12px 14px;}
  .note-card .section-label{margin-bottom:4px;}
  .note-card p{font-size:14px; line-height:1.5;}
  .reviews{padding:32px 16px 56px;}
  .description + .reviews{margin-top:0;}
  .rv{padding:16px;}

  /* поля: текст 16 px (iOS увеличивает страницу при вводе в поле со шрифтом меньше 16 px), подсказка — Lora курсив мельче */
  .order-input, .rv-form .order-input{font-size:16px; font-family:'Lora',Georgia,serif;}
  .order-input::placeholder{font-family:'Lora',Georgia,serif; font-style:italic; font-size:14.5px;}
  .tagline{font-family:'Lora',Georgia,serif; font-style:italic; font-size:15px; color:#bdb8a7;}
}

/* прайс-лист на телефоне: строка таблицы → карточка «название / флакон · 10 мл · 5 мл · наличие» */
@media(max-width:640px){
  .pl-scroll{overflow:visible;}
  .pl-table{min-width:0; display:block;}
  .pl-table colgroup, .pl-table thead{display:none;}
  .pl-table tbody{display:block;}
  .pl-table tr{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); column-gap:8px; align-items:end; padding:12px 14px; border-bottom:1px solid rgba(182,144,79,0.12);}
  .pl-table tbody tr:last-child{border-bottom:none;}
  .pl-table td{display:block; padding:0; border:0; text-align:left;}
  .pl-table td.pl-name{grid-column:1 / -1; margin-bottom:8px;}
  .pl-table td.pl-p::before{display:block; font-family:'IBM Plex Mono',monospace; font-size:9.5px; letter-spacing:.06em; text-transform:uppercase; color:var(--muted); margin-bottom:2px;}
  .pl-table td:nth-child(2)::before{content:"Флакон";}
  .pl-table td:nth-child(3)::before{content:"10 мл";}
  .pl-table td:nth-child(4)::before{content:"5 мл";}
  .pl-table td.pl-st{text-align:right;}
  .pl-city{margin-left:2px; padding:2px 4px;}
}