/* Оформление повторяет monivito.ru (AdvantShop): белый фон, текст #4b4f58, Montserrat, кнопка покупки #10302a */
:root{--text:#4b4f58;--mute:#94969b;--line:#e6e6e6;--wine:#7a2440;--buy:#10302a;--ok:#b1cd03;--soft:#f4f4f4}
*{box-sizing:border-box}
body{margin:0;background:#fff;color:var(--text);font:14px/1.5 Montserrat,Arial,Helvetica,sans-serif}
a{color:inherit}
img{max-width:100%;height:auto;display:block}
.wrap{max-width:1376px;margin:0 auto;padding:0 16px}
h1{font-weight:500;font-size:28px;line-height:1.2;margin:10px 0 20px}
/* верхняя строка */
.topbar{border-bottom:1px solid var(--line);font-size:13px}
.topbar-in{display:flex;align-items:center;justify-content:space-between;height:44px}
.tb-l{color:var(--mute)}
.tb-c{display:flex;gap:16px}.tb-c a,.tb-r{text-decoration:none}.tb-c a:hover,.tb-r:hover{text-decoration:underline}
/* шапка */
.hd{border-bottom:1px solid var(--line);background:#fff}
.hd-in{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:72px}
.wa{font-size:13px;text-decoration:none}
.logo{display:block;color:#000;line-height:0}.logo svg{height:28px;width:auto}
.hd-r{justify-self:end;position:relative;color:#000;text-decoration:none}
.cart-n{position:absolute;top:-6px;right:-8px;min-width:16px;height:16px;border-radius:8px;background:#000;color:#fff;font-size:10px;line-height:16px;text-align:center;padding:0 4px}
.cart-n[hidden]{display:none}
.menu{display:flex;justify-content:center;gap:4px;flex-wrap:wrap}
.menu a{display:flex;align-items:center;gap:8px;padding:14px 15px;text-decoration:none;font-size:14px}
.menu a:hover{color:#000}
.menu img{width:15px;height:15px}
/* хлебные крошки */
.crumbs{font-size:13px;margin:16px 0 6px}.crumbs a{text-decoration:none}.crumbs a:hover{text-decoration:underline}
.crumbs i{font-style:normal;margin:0 6px}.crumbs span{color:var(--mute)}
/* главная */
.home-h1{text-align:center;margin:34px 0 30px;color:#000}
.bn{position:relative;display:block;border-radius:10px;overflow:hidden;margin-bottom:24px;text-decoration:none}
.bn img{width:100%}
.bn::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(250,245,238,.88) 0%,rgba(250,245,238,.72) 30%,rgba(250,245,238,0) 52%)}
.bn-t{position:absolute;z-index:2;left:7%;top:50%;transform:translateY(-50%);color:#3a3a3a}
.bn-badge{display:inline-block;margin-bottom:14px;padding:6px 16px;border:2px solid var(--wine);border-radius:40px;font-size:13px;font-weight:600;letter-spacing:.14em;color:var(--wine)}
.bn-e{margin:0;font-size:clamp(20px,2.6vw,36px);font-weight:500;letter-spacing:.22em}
.bn-h{margin:0;font-size:clamp(40px,6vw,86px);line-height:1;font-weight:800;color:var(--wine)}
.bn-d{margin:12px 0 24px;font-size:clamp(14px,1.6vw,22px);font-weight:500}
.bn-f{display:flex;gap:28px;margin-bottom:28px}
.bn-f div{width:110px;text-align:center;font-size:12px;font-weight:600;line-height:1.3}
.bn-f svg{display:block;margin:0 auto 8px;width:40px;height:40px;stroke:#3a3a3a;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.bn-f circle[r="1.8"]{fill:#3a3a3a}
.bn-b{display:inline-flex;align-items:center;gap:36px;padding:18px 30px;border-radius:8px;background:var(--wine);color:#fff;font-size:18px;font-weight:600}
.bn-b svg{width:32px;height:20px;stroke:#fff;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.h2{font-size:24px;font-weight:500;margin:40px 0 18px;color:#000}
.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.tile{text-decoration:none;text-align:center;font-size:15px}
.tile .ph{border-radius:6px;overflow:hidden;background:var(--soft);margin-bottom:10px}
.tile img{aspect-ratio:3/4;object-fit:cover;width:100%;transition:transform .3s}.tile:hover img{transform:scale(1.03)}
/* сетка товаров как в каталоге monivito.ru */
.cat-h1 small{font-size:13px;color:var(--mute);font-weight:400;margin-left:6px;vertical-align:middle}
.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:30px 20px;margin-bottom:40px}
.card{text-decoration:none}
.card .ph{position:relative;border-radius:6px;overflow:hidden;background:var(--soft)}
.card img{aspect-ratio:3/4;object-fit:cover;width:100%;transition:transform .3s}.card:hover img{transform:scale(1.03)}
.sold{position:absolute;top:10px;left:10px;background:#fff;padding:2px 10px;border-radius:3px;font-size:12px;color:var(--mute)}
.art{margin:12px 10px 2px;font-size:11px;color:var(--mute)}
.pr{margin:0 10px;font-size:16px;font-weight:700;color:#000}
.nm{margin:2px 10px 0;font-size:14px;line-height:1.3}
.intro{max-width:900px;color:var(--mute);margin:0 0 40px}
/* карточка товара */
.prod{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:40px;margin:14px 0 50px}
.gal{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:start}
.gal img{width:100%;aspect-ratio:3/4;object-fit:cover}
.info{position:sticky;top:10px;align-self:start}
.info h1{font-size:32px;margin:0 0 10px}
.price-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.price{font-size:24px;font-weight:700;color:#000}
.sku{color:var(--text)}
.avail{display:block;margin:10px 0 16px;color:var(--ok)}.avail.no{color:var(--mute)}
.lbl{margin:0 0 8px}.lbl.up{text-transform:uppercase;font-size:13px}
.sizes{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}
.sz{position:relative;cursor:pointer}
.sz input{position:absolute;opacity:0;pointer-events:none}
.sz span{display:block;min-width:55px;padding:2px 10px;border:1px solid var(--line);text-align:center;color:#000}
.sz input:checked+span{border:2px solid var(--mute);padding:1px 9px}
.sz input:focus-visible+span{outline:2px solid var(--buy)}
.sz.off{cursor:not-allowed}.sz.off span{color:#c8c8c8;text-decoration:line-through}
.colours{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.colours a{display:block;padding:4px;border:1px solid transparent}.colours a.on{border-color:var(--mute)}
.colours img{width:45px;height:60px;object-fit:cover}
.buy{display:inline-block;min-width:195px;padding:13px 40px;border:0;border-radius:4px;background:var(--buy);color:#fff;font:700 14px Montserrat,sans-serif;cursor:pointer}
.buy:hover{background:#1a4a40}.buy:disabled{opacity:.6}
.order{margin:0 0 20px}
.msg{font-weight:600;margin:10px 0 0}
.msg a{color:var(--buy)}
.soldout{margin:0 0 20px}
.acc{border-top:1px solid var(--line)}.acc:last-child{border-bottom:1px solid var(--line)}
.acc summary{cursor:pointer;padding:10px 0;list-style:none;display:flex;justify-content:space-between}
.acc summary::after{content:"⌄";font-size:18px;line-height:1}.acc[open] summary::after{transform:rotate(180deg)}
.acc summary::-webkit-details-marker{display:none}
.acc>div,.acc>p,.acc>table{margin:0 0 14px}
.params{border-collapse:collapse;width:100%}
.params th{text-align:left;color:var(--mute);font-weight:400;padding:4px 12px 4px 0;width:45%;vertical-align:top}
.params td{padding:4px 0}
/* корзина и формы */
.fields{display:grid;gap:10px;margin:0 0 12px;max-width:520px}
.fields input,.fields textarea{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:4px;font:inherit;color:#000}
.chk{display:flex;gap:8px;align-items:center;margin:0 0 14px}
.hp{position:absolute;left:-9999px}
.note{font-size:12px;color:var(--mute);margin:10px 0 0;max-width:520px}
#checkout h2{font-weight:500;font-size:20px;margin:30px 0 14px}
.ci{display:grid;grid-template-columns:60px 1fr auto 130px;gap:16px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
.ci img{width:60px;height:80px;object-fit:cover}
.ci a{text-decoration:none;color:#000}
.ci-s{color:var(--mute);font-size:13px}
.ci-q{display:flex;align-items:center;gap:10px}
.ci-q button{width:28px;height:28px;border:1px solid var(--line);background:#fff;cursor:pointer;font-size:16px}
.ci-p{text-align:right;font-weight:700;color:#000}
.ci-total{text-align:right;padding:16px 0;font-size:16px}.ci-total small{display:block;color:var(--mute);font-size:12px}
.text{max-width:900px;margin-bottom:50px}
/* подвал: белый, колонки как на monivito.ru */
.ft{border-top:1px solid var(--line);padding:40px 0 20px;margin-top:40px}
.ft-in{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.ft-h{font-weight:600;color:#000;margin-bottom:12px}
.ft a{display:block;text-decoration:none;margin-bottom:8px}.ft a:hover{text-decoration:underline}
.copy{margin-top:30px;color:var(--mute);font-size:13px}
@media (max-width:1100px){.grid{grid-template-columns:repeat(4,1fr)}}
@media (max-width:900px){.grid,.tiles{grid-template-columns:repeat(3,1fr)}.prod{grid-template-columns:1fr;gap:20px}.info{position:static}.ft-in{grid-template-columns:1fr 1fr}.bn-f{display:none}}
@media (max-width:767px){
 .topbar{display:none}
 .hd-in{grid-template-columns:auto 1fr auto;height:60px}.wa{font-size:0}.wa::before{content:"WhatsApp";font-size:12px}
 .logo{justify-self:center}.logo svg{height:22px}
 .menu{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;gap:0;border-top:1px solid var(--line)}.menu a{white-space:nowrap;padding:10px 12px}
 .grid,.tiles{grid-template-columns:repeat(2,1fr);gap:20px 10px}
 .home-h1{font-size:22px;margin:20px 0}
 .bn::before{background:linear-gradient(180deg,rgba(250,248,242,.92) 0%,rgba(250,248,242,.7) 24%,rgba(250,248,242,0) 38%)}
 .bn-t{inset:0;transform:none;padding-top:7%;text-align:center}
 .bn-e{font-size:16px}.bn-h{font-size:clamp(28px,10vw,40px)}.bn-d{font-size:14px;margin:6px 0 0}
 .bn-b{position:absolute;left:50%;transform:translateX(-50%);bottom:6%;gap:16px;padding:12px 18px;font-size:15px;white-space:nowrap}
 .bn-badge{font-size:11px;margin-bottom:8px}
 .gal{grid-template-columns:1fr;gap:6px}.info h1{font-size:24px}
 .ci{grid-template-columns:60px 1fr;row-gap:6px}.ci-q,.ci-p{grid-column:2}.ci-p{text-align:left}
 .ft-in{grid-template-columns:1fr}}