/** Shopify CDN: Minification failed

Line 1603:69 Unexpected "/"

**/

  :root{
    --acc:#C1121F; --acc-ink:#C1121F;
    --red:#E3242B; --blood:#B3001B; --bone:#F3EDE2; --mut:#8B8272; --line:#221D1E;
    --anton:'Archivo Black','Arial Black',sans-serif;
    --lat:'Archivo Black','Arial Black',sans-serif;
    --body:'Barlow','Golos Text','Helvetica Neue',Arial,sans-serif;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{background:#060607; scroll-behavior:smooth}
  body{background:#060607; color:var(--bone); font-family:var(--body); -webkit-font-smoothing:antialiased}
  h1,h2,h3,h4{font-weight:400}
  img{max-width:100%; display:block}
  button{font-family:var(--body)}
  a{color:inherit; text-decoration:none}

  /* ---------- switcher ---------- */
  #sw{position:fixed; left:50%; transform:translateX(-50%); bottom:14px; z-index:120; display:flex; gap:6px; background:rgba(8,8,9,.9); border:1px solid #2A2A2E; padding:6px; border-radius:4px; backdrop-filter:blur(6px)}
  #sw button{background:none; border:1px solid transparent; color:#9A968E; font-size:11.5px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; padding:8px 13px; cursor:pointer; border-radius:3px; white-space:nowrap}
  #sw button.on{background:var(--bone); color:#0B0A0B}
  .v{display:none}
  .v.on{display:block}
  .pg{display:none}
  .pg.on{display:block}

  /* ---------- header (полупрозрачный → тёмный при скролле) ---------- */
  .topstack{position:fixed; top:0; left:0; right:0; z-index:80}
  .annc{overflow:hidden; max-height:44px; transition:max-height .4s ease, padding .4s ease; text-align:center; font-size:10.5px; font-weight:700; letter-spacing:.22em; text-transform:uppercase; padding:9px 14px; line-height:1.4}
  .topstack.solid .annc{max-height:0; padding:0 14px}
  .annc.a-solid{background:#141314; color:#CFC9BD; border-bottom:1px solid #221D1E}
  .annc.a-rot{position:relative; height:34px; padding:0 14px}
  .annc.a-rot .ar{position:absolute; inset:0; display:flex; align-items:center; justify-content:center; padding:0 14px; opacity:0; transform:translateY(9px); transition:opacity .5s ease, transform .5s ease}
  .annc.a-rot .ar.on{opacity:1; transform:none}
  .topstack.solid .annc.a-rot{height:0}
  .annc.a-mq{background:var(--bone); color:#0B0A0B; padding-left:0; padding-right:0; white-space:nowrap}
  .annc.a-mq span{display:inline-block; padding-left:100%; animation:mq 24s linear infinite}
  .annc.a-grad{background:#141314; color:#CFC9BD; border-bottom:1px solid #221D1E}
  .hdr{display:grid; grid-template-columns:1fr auto 1fr; align-items:center; padding:14px 4vw; transition:background .35s ease, border-color .35s ease, padding .35s ease; border-bottom:1px solid transparent; background:linear-gradient(180deg, rgba(6,6,7,.55), rgba(6,6,7,0))}
  .topstack.solid .hdr{background:rgba(8,8,9,.95); border-color:#1E1E22; padding:10px 4vw; backdrop-filter:blur(10px)}
  .hdr .lft{display:flex; align-items:center; gap:14px}
  .hdr .rgt{display:flex; align-items:center; gap:16px; justify-content:flex-end}
  .logo{font-family:var(--lat); font-size:15.5px; letter-spacing:.02em; line-height:1; text-align:center}
  .logo small{display:block; font-family:var(--body); font-weight:700; font-size:9.5px; letter-spacing:.3em; margin-top:5px; color:var(--acc)}
  .burger{width:38px; height:38px; background:none; border:1px solid rgba(255,255,255,.28); border-radius:3px; cursor:pointer; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; padding:0}
  .burger i{display:block; width:17px; height:2px; background:var(--bone)}
  .burger:hover{border-color:var(--acc); }
  .burger:hover i{background:var(--acc)}
  .icobtn{width:38px; height:38px; background:none; border:1px solid rgba(255,255,255,.28); border-radius:3px; cursor:pointer; display:flex; align-items:center; justify-content:center; color:var(--bone)}
  .icobtn:hover{border-color:var(--acc); color:var(--acc)}
  .cartbtn{position:relative; width:38px; height:38px; background:none; border:1px solid rgba(255,255,255,.28); border-radius:3px; cursor:pointer; display:flex; align-items:center; justify-content:center; color:var(--bone)}
  .cartbtn:hover{border-color:var(--acc); color:var(--acc)}
  .cartbtn .cnt{position:absolute; top:-7px; right:-7px; min-width:18px; height:18px; border-radius:9px; background:var(--bone); color:#0B0A0B; font-size:10.5px; font-weight:800; display:flex; align-items:center; justify-content:center; padding:0 4px}
  .navlink{font-size:11px; font-weight:700; letter-spacing:.18em; text-transform:uppercase; opacity:.85; cursor:pointer}
  .navlink:hover{opacity:1; color:var(--acc)}

  /* ---------- cards / grids ---------- */
  .sect-h{display:flex; align-items:baseline; gap:16px; padding:0 4vw; margin:0 0 20px}
  .sect-h h2{font-family:var(--lat); font-size:clamp(18px,2.2vw,27px); text-transform:uppercase}
  .sect-h .ln{flex:1; height:1px; background:#2A2A2E}
  .grid{display:grid; grid-template-columns:repeat(4,1fr); gap:28px 20px; padding:0 4vw}
  .grid.g3{grid-template-columns:repeat(3,1fr)}
  .pcard{background:none; border-radius:0; padding:0; display:flex; flex-direction:column; gap:7px; transition:transform .18s ease}
  .pcard:hover{transform:translateY(-4px)}
  .pcard .imgw{cursor:pointer}
  .pcard img{aspect-ratio:3/4; object-fit:cover; width:100%}
  .pcard .ttl{font-size:12.5px; font-weight:800; letter-spacing:.04em; line-height:1.3; text-transform:uppercase; cursor:pointer; margin-top:3px; white-space:nowrap}
  .pcard .dsc{font-size:12px; color:#9A948A; line-height:1.5; margin-top:-3px}
  .pcard .pr{display:flex; gap:10px; align-items:baseline; font-weight:600; font-size:14.5px; margin-top:auto; padding-bottom:4px}
  .pcard .pr s{opacity:.5; font-weight:500; font-size:12.5px}
  .pcard .pr b{color:var(--bone); font-weight:700}
  .pcard .atc{margin-top:auto; background:var(--bone); border:none; color:#0B0A0B; font-size:11px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; padding:11px 0; border-radius:2px; cursor:pointer}
  .pcard .atc:hover{background:#fff}
  .pcard .atc:active{transform:scale(.97)}
  .prod{padding:56px 0 10px}
  .band3{display:flex; justify-content:center; border-top:1px solid var(--line); border-bottom:1px solid var(--line); flex-wrap:wrap; margin-top:0}
  .band3 div{padding:13px 30px; font-size:10.5px; font-weight:700; letter-spacing:.22em; text-transform:uppercase; color:var(--mut); border-right:1px solid var(--line)}
  .band3 div b{color:var(--acc)}
  .mqband{overflow:hidden; white-space:nowrap; background:var(--bone); color:#0B0A0B; font-family:var(--anton); font-size:12px; letter-spacing:.1em; padding:11px 0; text-transform:uppercase}
  .mqband span{display:inline-block; animation:mq2 45s linear infinite}
  @keyframes mq2{from{transform:translateX(0)}to{transform:translateX(-50%)}}
  .mqband img{display:inline-block; width:auto; height:17px; vertical-align:-3px; margin:0 26px; filter:brightness(0) opacity(.9)}
  .film{display:grid; grid-template-columns:1.5fr 1fr; gap:4vw; padding:0 4vw; align-items:center}
  .fscreen{position:relative; overflow:hidden; border-radius:4px; aspect-ratio:16/10; background:#0D0B0A; border:1px solid var(--line)}
  .fscreen img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; transform:scale(1.07); transition:opacity .9s ease, transform 4.4s linear}
  .fscreen img.on{opacity:1; transform:scale(1)}
  .fscreen .fcap{position:absolute; left:0; right:0; bottom:0; padding:46px 20px 16px; background:linear-gradient(180deg, rgba(6,6,7,0), rgba(6,6,7,.85)); display:flex; align-items:baseline; gap:12px; pointer-events:none}
  .fscreen .fn{font-size:10px; letter-spacing:.26em; color:var(--acc)}
  .fscreen .ft{font-family:var(--anton); font-size:clamp(13px,1.3vw,17px); letter-spacing:.04em; text-transform:uppercase}
  .fside .flead{color:#B5B0A6; font-size:14.5px; line-height:1.7; max-width:440px; min-height:72px; transition:opacity .28s ease}
  .fsteps{list-style:none; margin-top:22px; border-top:1px solid var(--line)}
  .fsteps li{display:flex; gap:16px; align-items:baseline; padding:12px 2px; border-bottom:1px solid var(--line); font-family:var(--anton); font-size:12.5px; letter-spacing:.06em; text-transform:uppercase; color:#6F6A61; cursor:pointer; transition:color .3s}
  .fsteps li b{font-family:var(--body); font-weight:800; font-size:10px; letter-spacing:.2em; color:#57524A; transition:color .3s}
  .fsteps li.on{color:var(--bone)}
  .fsteps li.on b{color:var(--acc)}
  .fsteps li:hover{color:var(--bone)}
  .bearband{border-top:1px solid var(--line); margin-top:64px; padding:60px 4vw; display:grid; grid-template-columns:1.25fr 1fr; gap:4.5vw; align-items:center; max-width:1560px; margin-left:auto; margin-right:auto}
  .bearband img{width:100%; max-width:none; aspect-ratio:16/11; object-fit:cover; border:1px solid var(--line); border-radius:4px}
  .bearband .bk{font-size:10px; letter-spacing:.3em; text-transform:uppercase; color:var(--acc); margin-bottom:12px}
  /* on tour / music */
  .tourband{position:relative; overflow:hidden; margin-top:56px; border-top:1px solid var(--line); border-bottom:1px solid var(--line)}
  .tourband .tbg{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.32; filter:saturate(.75)}
  .tourband .tveil{position:absolute; inset:0; background:linear-gradient(90deg, rgba(6,6,7,.94), rgba(6,6,7,.55) 55%, rgba(6,6,7,.92))}
  .tourband .tin{position:relative; display:grid; grid-template-columns:auto 1fr; gap:5vw; align-items:center; padding:58px 4vw; max-width:1400px; margin:0 auto}
  .tvwrap{text-align:center}
  .tv{position:relative; width:min(460px,38vw); aspect-ratio:4/3; margin:0 auto; background:#000; border-radius:8px; border:1px solid #2A2A2E; overflow:hidden; box-shadow:0 26px 70px rgba(0,0,0,.6)}
  .tv .tvimg{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; filter:saturate(.85) contrast(1.05); transition:opacity .05s}
  .tv .tvimg.on{opacity:1}
  .tvnoise{position:absolute; inset:-60%; background:url("noise.png"); opacity:.09; pointer-events:none; animation:tvgrain .5s steps(4) infinite; z-index:3}
  @keyframes tvgrain{0%{transform:translate(0,0)}25%{transform:translate(-7%,5%)}50%{transform:translate(6%,-7%)}75%{transform:translate(-4%,-3%)}100%{transform:translate(5%,6%)}}
  .tvscan{position:absolute; inset:0; pointer-events:none; z-index:2; background:repeating-linear-gradient(0deg, rgba(0,0,0,.17) 0 1px, transparent 1px 3px); box-shadow:inset 0 0 90px rgba(0,0,0,.65)}
  .tvline{position:absolute; left:0; right:0; top:0; height:2px; background:rgba(255,255,255,.85); opacity:0; z-index:4; pointer-events:none}
  .tv.zap .tvnoise{opacity:.8; animation-duration:.1s}
  .tv.zap .tvimg.on{filter:saturate(0) contrast(1.9) brightness(1.35); transform:translateX(2px) scaleY(1.02)}
  .tv.zap .tvline{opacity:1; animation:tvroll .22s linear}
  @keyframes tvroll{from{top:-4%}to{top:104%}}
  .tvcap{position:absolute; left:14px; top:12px; z-index:5; display:flex; gap:10px; align-items:baseline; font-weight:800; letter-spacing:.18em; text-transform:uppercase; text-shadow:0 1px 6px rgba(0,0,0,.8); pointer-events:none}
  .tvcap .ch{color:#7CFF6B; font-size:12px; font-family:'Courier New',monospace}
  .tvcap .tt{color:#F3EDE2; font-size:10px}
  .vcap{margin-top:18px; font-size:10.5px; letter-spacing:.2em; text-transform:uppercase; color:#9A948A}
  .pfm{display:inline-flex; align-items:center; gap:7px; border:1px solid rgba(255,255,255,.28); border-radius:20px; color:var(--bone); font-size:11px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; padding:11px 18px; text-decoration:none; transition:all .2s}
  .pfm:hover{border-color:var(--acc); color:var(--acc)}
  .showsbtn{margin-top:22px; background:none; border:none; border-bottom:1px solid rgba(255,255,255,.3); color:var(--bone); font-weight:800; font-size:12px; letter-spacing:.16em; text-transform:uppercase; padding:0 0 6px; cursor:pointer; display:inline-flex; gap:10px; align-items:baseline}
  .showsbtn b{color:var(--acc); font-weight:400; font-size:15px; transition:transform .3s}
  .showsbtn.open b{transform:rotate(45deg)}
  .shows{max-height:0; overflow:hidden; transition:max-height .45s ease; max-width:560px}
  .shows.open{max-height:420px}
  .showrow{display:flex; align-items:baseline; justify-content:space-between; gap:14px; padding:12px 2px; border-bottom:1px solid rgba(255,255,255,.12); font-size:13px; color:#C6C0B4}
  .showrow .sd{font-family:var(--anton); font-size:12px; letter-spacing:.06em; color:var(--acc); min-width:74px}
  .showrow .sc{flex:1}
  .showrow a{color:var(--bone); font-size:10.5px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; text-decoration:underline; text-underline-offset:3px; white-space:nowrap}
  .showsnote{padding:10px 2px 0; font-size:10px; letter-spacing:.1em; text-transform:uppercase; color:#6F6A61}
  .ttx .bk{font-size:10px; letter-spacing:.3em; text-transform:uppercase; color:var(--acc); margin-bottom:12px}
  .ttx h3{font-family:var(--anton); font-size:clamp(26px,3.2vw,44px); line-height:1.02; text-transform:uppercase; color:var(--bone)}
  .ttx p{color:#C6C0B4; font-size:14.5px; line-height:1.7; margin-top:14px; max-width:540px}
  .tbtns{display:flex; gap:12px; margin-top:22px; flex-wrap:wrap}
  .tbtns .ctared{text-decoration:none}
  /* ---- extra pages ---- */
  .pw{max-width:1400px; margin:0 auto; padding:0 4vw}
  .phead{padding:150px 0 10px}
  .phead .pk{font-size:10px; letter-spacing:.3em; text-transform:uppercase; color:var(--acc)}
  .phead h1{font-family:var(--anton); font-size:clamp(28px,3.8vw,52px); text-transform:uppercase; line-height:1.02; margin-top:12px; color:var(--bone)}
  .phead .psub{color:#B9B3A7; font-size:14.5px; line-height:1.7; margin-top:14px; max-width:620px}
  .fchips{display:flex; gap:10px; flex-wrap:wrap; margin:26px 0 30px}
  .fchip{background:none; border:1px solid #34302C; border-radius:20px; color:#B9B3A7; font-size:11px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; padding:9px 18px; cursor:pointer; transition:all .2s}
  .fchip:hover{border-color:var(--bone); color:var(--bone)}
  .fchip.on{background:var(--bone); border-color:var(--bone); color:#0B0A0B}
  .chap{display:grid; grid-template-columns:1fr 1fr; gap:4.5vw; align-items:center; margin:54px 0}
  .chap img{width:100%; aspect-ratio:4/3; object-fit:cover; border-radius:4px; border:1px solid var(--line)}
  .chap.flip img{order:2}
  .chnum{font-family:var(--anton); font-size:17px; color:var(--acc)}
  .chtag{font-size:10px; letter-spacing:.26em; text-transform:uppercase; color:var(--mut); margin-left:10px}
  .chh{font-family:var(--anton); font-size:clamp(20px,2.3vw,30px); text-transform:uppercase; line-height:1.08; margin-top:10px; color:var(--bone)}
  .chp{color:#C6C0B4; font-size:14px; line-height:1.7; margin-top:12px; max-width:520px}
  .bigquote{text-align:center; max-width:840px; margin:64px auto; padding:0 4vw}
  .bigquote .qm{font-family:var(--anton); font-size:44px; line-height:.6; color:var(--acc); display:block; margin-bottom:14px}
  .bigquote blockquote{font-family:var(--anton); font-size:clamp(20px,2.6vw,34px); line-height:1.2; text-transform:uppercase; color:var(--bone)}
  .bigquote cite{display:block; margin-top:16px; font-style:normal; font-size:11px; letter-spacing:.24em; color:var(--mut); text-transform:uppercase}
  .statrow{display:flex; gap:16px; flex-wrap:wrap; margin-top:26px}
  .stat{border:1px solid var(--line); border-radius:4px; padding:16px 22px}
  .stat b{display:block; font-family:var(--anton); font-size:24px; color:var(--acc)}
  .stat span{font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--mut)}
  .steps6{display:grid; grid-template-columns:repeat(3,1fr); gap:26px 30px; margin:44px 0}
  .steps6 div{border-top:1px solid var(--line); padding-top:16px}
  .steps6 b{font-family:var(--anton); font-size:14px; letter-spacing:.05em; text-transform:uppercase; color:var(--bone)}
  .steps6 i{font-family:var(--body); font-style:normal; font-weight:800; font-size:10px; letter-spacing:.2em; color:var(--acc); display:block; margin-bottom:8px}
  .steps6 p{color:#B9B3A7; font-size:13px; line-height:1.65; margin-top:8px}
  .donate{border:1px solid #3A342A; border-radius:6px; padding:34px 32px; margin:56px 0; background:color-mix(in srgb, var(--acc) 5%, transparent)}
  .donate h3{font-family:var(--anton); font-size:clamp(20px,2.4vw,30px); text-transform:uppercase; color:var(--bone)}
  .donate p{color:#C6C0B4; font-size:13.5px; line-height:1.7; margin-top:10px; max-width:640px}
  .damts{display:flex; gap:10px; flex-wrap:wrap; margin-top:20px}
  .damt{background:none; border:1px solid #34302C; border-radius:3px; color:var(--bone); font-weight:800; font-size:13px; padding:11px 20px; cursor:pointer}
  .damt.on, .damt:hover{background:var(--bone); color:#0B0A0B; border-color:var(--bone)}
  .dgo{margin-top:20px}
  .faqsec{margin:40px 0 8px}
  .faqsec h3{font-family:var(--anton); font-size:15px; letter-spacing:.1em; text-transform:uppercase; color:var(--acc); margin-bottom:4px}
  .faqfoot{display:flex; align-items:center; justify-content:space-between; gap:18px; flex-wrap:wrap; border:1px solid var(--line); border-radius:4px; padding:22px 26px; margin:48px 0}
  .faqfoot b{display:block; font-size:14px; color:var(--bone)}
  .faqfoot span{font-size:13px; color:#B9B3A7}
  .cwrap{display:grid; grid-template-columns:1fr 1.4fr; gap:4.5vw; margin:40px 0 60px; align-items:start}
  .cinfo div{border:1px solid var(--line); border-radius:4px; padding:16px 20px; margin-bottom:12px}
  .cinfo .cl{font-size:10px; letter-spacing:.24em; text-transform:uppercase; color:var(--acc)}
  .cinfo .cv{font-size:14px; color:var(--bone); font-weight:700; margin-top:5px}
  .cinfo .cs{font-size:12.5px; color:#B9B3A7; margin-top:4px; line-height:1.6}
  .cform input, .cform select, .cform textarea{width:100%; background:#100E0D; border:1px solid #2A2521; border-radius:3px; color:var(--bone); padding:13px 14px; font-size:13px; outline:none; margin-top:10px; font-family:var(--body)}
  .cform textarea{min-height:120px; resize:vertical}
  .cform .ctared{margin-top:16px}
  .cform .cdemo{margin-top:10px; font-size:10px; letter-spacing:.14em; color:#5E594F; text-transform:uppercase}
  /* product-page editorial */
  .edit3{display:grid; grid-template-columns:repeat(3,1fr); gap:26px; padding:0 4vw; margin-top:56px}
  .edit3 img{width:100%; aspect-ratio:4/5; object-fit:cover; border-radius:4px; border:1px solid var(--line)}
  .edit3 h4{font-family:var(--anton); font-size:15px; letter-spacing:.04em; text-transform:uppercase; margin-top:16px; color:var(--bone)}
  .edit3 p{color:#BDB7AB; font-size:13.5px; line-height:1.65; margin-top:8px; max-width:390px}
  .bearband h3{font-family:var(--anton); font-size:clamp(26px,3.4vw,46px); color:var(--bone); line-height:1.02; text-transform:uppercase; letter-spacing:.01em}
  .bearband p{color:#B5B0A6; font-size:15px; margin-top:14px; max-width:470px; line-height:1.7}
  .ctared{display:inline-block; background:var(--bone); border:none; color:#0B0A0B; font-weight:800; letter-spacing:.13em; text-transform:uppercase; font-size:12.5px; padding:14px 30px; border-radius:3px; cursor:pointer}
  .ctaghost{display:inline-block; background:none; border:1.5px solid rgba(243,237,226,.65); color:var(--bone); font-weight:700; letter-spacing:.13em; text-transform:uppercase; font-size:12.5px; padding:14px 26px; border-radius:3px; cursor:pointer; transition:background .25s, color .25s, border-color .25s}
  .ctaghost:hover{background:var(--bone); color:#0B0A0B; border-color:var(--bone)}

  /* ---------- их footer ---------- */
  .ftr{background:#0B0908; border-top:1px solid var(--line); margin-top:60px; padding:52px 6vw 110px}
  .ftr .brand{font-family:var(--anton); font-size:clamp(24px,3.1vw,40px); letter-spacing:.05em; text-transform:uppercase}
  .ftr .tag{color:var(--mut); font-size:13.5px; margin-top:12px; line-height:1.6}
  .ftr .rule{height:1px; background:var(--line); margin:30px 0}
  .ftr .fcol h4{font-family:var(--anton); font-size:11px; letter-spacing:.2em; text-transform:uppercase; color:var(--acc)}
  .ftr .fcol a{display:block; margin-top:13px; font-size:12px; letter-spacing:.18em; text-transform:uppercase; color:#B9B1A2}
  .ftr .fcol a:hover{color:var(--acc)}
  .socials{display:flex; gap:14px; flex-wrap:wrap}
  .socials a{width:42px; height:42px; border:1px solid #3A332E; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#C9C2B4}
  .socials a:hover{border-color:var(--acc); color:var(--acc)}
  .socials svg{display:block}
  .ftr .joinh{font-family:var(--anton); font-size:clamp(16px,1.9vw,22px); letter-spacing:.1em; text-transform:uppercase}
  .ftr .joinsub{color:var(--mut); font-size:12.5px; margin-top:8px}
  .jf{display:flex; margin-top:16px; max-width:420px}
  .jf input{flex:1; background:#12100E; border:1px solid #2A2521; border-right:none; color:var(--bone); padding:13px 16px; font-size:13px; outline:none; border-radius:3px 0 0 3px}
  .jf input:focus{border-color:#5A554E}
  .jf button{background:var(--bone); border:none; color:#0B0A0B; font-weight:800; letter-spacing:.16em; text-transform:uppercase; font-size:11.5px; padding:0 22px; border-radius:0 3px 3px 0; cursor:pointer}
  .ftr .cur{display:inline-flex; align-items:center; gap:10px; border:1px solid #2A2521; border-radius:3px; padding:11px 16px; font-size:12px; letter-spacing:.1em; color:#B9B1A2}
  .pays{display:flex; gap:8px; flex-wrap:wrap}
  .pays span{border:1px solid #2A2521; border-radius:3px; padding:5px 9px; font-size:10px; font-weight:800; letter-spacing:.04em; color:#B9B1A2; background:#0F0D0B}
  .ftr .cr{color:#57534A; font-size:10.5px; letter-spacing:.14em; text-transform:uppercase; margin-top:26px}

  /* ---------- бургер-меню (с соцсетями как у них) ---------- */
  #menuOv{position:fixed; inset:0; z-index:220; background:rgba(6,6,7,.97); display:flex; flex-direction:column; justify-content:center; padding:60px 8vw 30px; overflow-y:auto; visibility:hidden; opacity:0; transition:opacity .35s ease, visibility .35s}
  #menuOv.open{visibility:visible; opacity:1}
  #menuOv .close{position:absolute; top:22px; right:4vw; width:40px; height:40px; background:none; border:1px solid #2A2A2E; border-radius:3px; color:var(--bone); font-size:18px; cursor:pointer}
  #menuOv ol{list-style:none; display:flex; flex-direction:column; gap:2px}
  #menuOv li{transform:translateY(26px); opacity:0; transition:transform .45s cubic-bezier(.2,.8,.2,1), opacity .45s; border-bottom:1px solid #1C1A1B}
  #menuOv.open li{transform:none; opacity:1}
  #menuOv ol a{display:flex; align-items:baseline; justify-content:space-between; padding:10px 0; font-family:var(--anton); font-size:clamp(18px,2.6vw,28px); text-transform:uppercase; color:var(--bone); line-height:1.1}
  #menuOv ol a em{font-style:normal; color:var(--mut); font-size:.55em}
  #menuOv ol a:hover{color:var(--acc); padding-left:8px}
  #menuOv .mrule{height:1px; background:#1C1A1B; margin:26px 0 18px; position:relative}
  #menuOv .mrule::after{content:"◆"; position:absolute; left:50%; top:-7px; transform:translateX(-50%); color:var(--acc); font-size:10px; background:#060607; padding:0 8px}
  #menuOv .socials{justify-content:center}
  #menuOv .mcur{margin:20px auto 0; display:block; text-align:center; border:1px solid #2A2521; border-radius:3px; padding:11px 18px; font-size:11px; letter-spacing:.2em; color:#B9B1A2; width:max-content}
  #menuOv .mlinks{display:flex; gap:10px 26px; justify-content:center; flex-wrap:wrap; margin-bottom:20px}
  #menuOv .mlinks a{font-size:11px; font-weight:700; letter-spacing:.18em; text-transform:uppercase; color:#B9B1A2}
  #menuOv .mlinks a:hover{color:var(--acc)}
  /* first-visit popup */
  #promo{position:fixed; inset:0; z-index:260; display:flex; align-items:center; justify-content:center; background:rgba(4,4,5,.72); backdrop-filter:blur(6px); visibility:hidden; opacity:0; transition:opacity .4s ease, visibility .4s}
  #promo.open{visibility:visible; opacity:1}
  #promo .pbox{position:relative; width:min(440px,92vw); background:#0E0D0E; border:1px solid #262227; border-radius:6px; padding:34px 32px 26px; text-align:center; transform:translateY(16px); transition:transform .4s cubic-bezier(.2,.8,.2,1)}
  #promo.open .pbox{transform:none}
  #promo .pimg{width:110px; margin:0 auto 6px; display:block; filter:drop-shadow(0 16px 30px rgba(0,0,0,.6))}
  #promo .pclose{position:absolute; top:12px; right:12px; width:32px; height:32px; background:none; border:1px solid #2A2A2E; border-radius:3px; color:var(--bone); cursor:pointer; font-size:14px}
  #promo .pk{font-size:10px; letter-spacing:.3em; text-transform:uppercase; color:var(--acc)}
  #promo h3{font-family:var(--anton); font-size:clamp(20px,3vw,28px); text-transform:uppercase; line-height:1.12; margin-top:10px; color:var(--bone)}
  #promo p{color:#B5B0A6; font-size:13.5px; line-height:1.6; margin-top:12px}
  #promo input{width:100%; background:#12100E; border:1px solid #2A2521; border-radius:3px; color:var(--bone); padding:13px 16px; font-size:13px; outline:none; margin-top:18px; text-align:center}
  #promo .pgo{width:100%; margin-top:10px; background:var(--bone); border:none; color:#0B0A0B; font-weight:800; letter-spacing:.14em; text-transform:uppercase; font-size:12px; padding:14px 0; border-radius:3px; cursor:pointer}
  #promo .pgo:hover{background:#fff}
  #promo .pno{background:none; border:none; color:var(--mut); font-size:11.5px; letter-spacing:.08em; margin-top:12px; cursor:pointer; text-decoration:underline; text-underline-offset:3px}
  #promo .pdemo{margin-top:14px; font-size:9.5px; letter-spacing:.14em; color:#5E594F; text-transform:uppercase}

  /* ---------- cart drawer ---------- */
  #cartOv{position:fixed; inset:0; z-index:200; background:rgba(4,4,5,.6); visibility:hidden; opacity:0; transition:opacity .3s, visibility .3s}
  #cartOv.open{visibility:visible; opacity:1}
  #cartDr{position:fixed; top:0; right:0; bottom:0; width:min(420px,94vw); z-index:210; background:#0C0A0B; border-left:1px solid #221D1E; transform:translateX(102%); transition:transform .38s cubic-bezier(.2,.8,.2,1); display:flex; flex-direction:column}
  #cartDr.open{transform:none}
  #cartDr .ch{display:flex; align-items:center; justify-content:space-between; padding:18px 20px; border-bottom:1px solid #221D1E}
  #cartDr .ch .t{font-family:var(--anton); font-size:14px; letter-spacing:.06em; text-transform:uppercase}
  #cartDr .ch button{background:none; border:none; color:var(--bone); font-size:18px; cursor:pointer}
  #cartItems{flex:1; overflow-y:auto; padding:14px 20px; display:flex; flex-direction:column; gap:14px}
  .citem{display:grid; grid-template-columns:64px 1fr auto; gap:12px; align-items:center; border:1px solid #1E1A1B; border-radius:4px; padding:10px}
  .citem img{width:64px; height:80px; object-fit:cover; border-radius:2px}
  .citem .n{font-size:11px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; line-height:1.3}
  .citem .p{color:var(--bone); font-weight:700; font-size:13px; margin-top:5px}
  .citem .q{display:flex; align-items:center; gap:8px; margin-top:8px}
  .citem .q button{width:22px; height:22px; background:none; border:1px solid #34302C; border-radius:2px; color:var(--bone); cursor:pointer; font-size:12px; line-height:1}
  .citem .rm{background:none; border:none; color:#57534A; cursor:pointer; font-size:14px}
  .citem .rm:hover{color:var(--bone)}
  .cempty{text-align:center; color:var(--mut); padding:50px 10px; font-size:13px; letter-spacing:.06em}
  #cartFt{border-top:1px solid #221D1E; padding:16px 20px 20px}
  #cartFt .row{display:flex; justify-content:space-between; font-size:13px; letter-spacing:.08em; text-transform:uppercase; color:#B9B1A2}
  #cartFt .row b{color:var(--bone); font-size:16px}
  #cartFt .note{color:#57534A; font-size:10.5px; letter-spacing:.1em; text-transform:uppercase; margin-top:8px}
  #cartFt .ctared{width:100%; margin-top:14px; text-align:center}

  /* ---------- checkout (мок) ---------- */
  #chk{position:fixed; inset:0; z-index:215; background:#080708; visibility:hidden; opacity:0; transition:opacity .3s, visibility .3s; overflow-y:auto}
  #chk.open{visibility:visible; opacity:1}
  #chk .wrap{max-width:980px; margin:0 auto; padding:30px 5vw 80px}
  #chk .top{display:flex; align-items:center; justify-content:space-between; padding-bottom:18px; border-bottom:1px solid #221D1E}
  #chk .top .lg{font-family:var(--lat); font-size:15px}
  #chk .top button{background:none; border:1px solid #2A2A2E; border-radius:3px; color:var(--bone); padding:8px 14px; cursor:pointer; font-size:11px; letter-spacing:.14em; text-transform:uppercase}
  #chk .demo{margin-top:14px; border:1px dashed #7A1218; border-radius:3px; color:#C88A93; font-size:11px; letter-spacing:.12em; text-transform:uppercase; padding:9px 12px; text-align:center}
  #chk .cols2{display:grid; grid-template-columns:1.2fr 1fr; gap:34px; margin-top:24px}
  #chk h3{font-family:var(--anton); font-size:13px; letter-spacing:.06em; text-transform:uppercase; margin:18px 0 10px}
  #chk input, #chk select{width:100%; background:#100E0D; border:1px solid #2A2521; border-radius:3px; color:var(--bone); padding:12px 14px; font-size:13px; outline:none; margin-top:8px}
  #chk input:focus{border-color:#5A554E}
  #chk .row2{display:grid; grid-template-columns:1fr 1fr; gap:10px}
  #chk .paybtns{display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:8px}
  #chk .paybtns button{padding:12px; border-radius:3px; border:none; font-weight:800; cursor:pointer}
  #chk .pb1{background:#5A31F4; color:#fff}
  #chk .pb2{background:#FFC439; color:#111}
  #chk .sum{border:1px solid #221D1E; border-radius:4px; padding:18px; height:max-content}
  #chk .sline{display:flex; justify-content:space-between; gap:10px; font-size:12px; letter-spacing:.04em; padding:7px 0; color:#B9B1A2}
  #chk .sline b{color:var(--bone)}
  #chk .stot{border-top:1px solid #221D1E; margin-top:8px; padding-top:12px; display:flex; justify-content:space-between; font-size:15px; font-weight:800}
  #chk .place{width:100%; margin-top:16px}
  #chkDone{display:none; text-align:center; padding:80px 20px}
  #chkDone h2{font-family:var(--anton); font-size:clamp(24px,3.2vw,40px); text-transform:uppercase}
  #chkDone p{color:var(--mut); margin-top:14px; font-size:14px}
  #chkDone .ok{width:74px; height:74px; margin:0 auto 24px; border-radius:50%; border:2px solid var(--acc); display:flex; align-items:center; justify-content:center; font-size:30px; color:var(--acc)}

  /* ---------- product page ---------- */
  .crumbs{padding:118px 5vw 0; color:var(--mut); font-size:10.5px; letter-spacing:.2em; text-transform:uppercase}
  .prodwrap{display:grid; grid-template-columns:64px 1fr 1fr; gap:26px; padding:26px 5vw; align-items:start}
  .thumbcol{display:flex; flex-direction:column; gap:10px}
  .thumbcol img{width:64px; height:64px; object-fit:cover; border:1px solid var(--line); border-radius:3px; cursor:pointer; opacity:.7}
  .thumbcol img.on{border-color:var(--bone); opacity:1}
  .bigimg{position:relative; border:1px solid var(--line); border-radius:4px; overflow:hidden}
  .bigimg img{width:100%; display:block}
  .gnav{position:absolute; top:50%; transform:translateY(-50%); width:42px; height:42px; border-radius:50%; background:rgba(8,8,9,.55); border:1px solid rgba(255,255,255,.28); color:var(--bone); font-size:21px; line-height:1; cursor:pointer; display:flex; align-items:center; justify-content:center; backdrop-filter:blur(4px); z-index:2}
  .gnav:hover{border-color:var(--acc); color:var(--acc); background:rgba(8,8,9,.75)}
  .gprev{left:12px}
  .gnext{right:12px}
  .pinfo .lchip{display:inline-block; border:1px solid var(--acc); color:var(--acc); font-size:9.5px; font-weight:800; letter-spacing:.2em; padding:4px 10px; border-radius:2px; text-transform:uppercase}
  .pinfo h1{font-family:var(--anton); font-size:clamp(22px,2.4vw,33px); text-transform:uppercase; margin-top:12px; line-height:1.08}
  .stars{color:var(--acc); letter-spacing:2px; font-size:12px; margin-top:8px}
  .stars small{color:var(--mut); letter-spacing:0; font-size:11px; margin-left:6px}
  .prc{display:flex; align-items:baseline; gap:12px; margin-top:12px; font-size:22px; font-weight:700; color:var(--bone)}
  .prc s{color:#57534A; font-size:16px; font-weight:500}
  .prc .sv{color:#9E4A4A; font-size:11px; letter-spacing:.14em; text-transform:uppercase; font-weight:700}
  .pd{color:#C6C0B4; font-size:14px; line-height:1.65; margin-top:12px; max-width:460px}
  .specs{margin-top:16px; border:1px solid #262126; border-radius:4px; overflow:hidden}
  .specs div{display:flex; align-items:center; gap:13px; padding:11px 14px; font-size:13px; color:#D6D0C4; border-bottom:1px solid #221E22}
  .specs div:last-child{border-bottom:none}
  .specs svg{flex:0 0 auto; color:var(--acc)}
  .specs b{color:var(--bone); font-weight:700}
  .mto{margin-top:16px; border:1px solid var(--line); border-left:3px solid var(--acc); padding:10px 14px; font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:#CFC9BD}
  .qtyrow{display:flex; gap:12px; margin-top:18px; align-items:stretch}
  .qty{display:flex; border:1px solid var(--line); border-radius:3px}
  .qty b{padding:12px 16px; font-weight:400}
  .qty span{padding:12px 14px; color:var(--mut); cursor:pointer; user-select:none}
  .atcbig{flex:1; background:var(--bone); border:none; color:#0B0A0B; font-weight:800; letter-spacing:.14em; text-transform:uppercase; font-size:13px; border-radius:3px; cursor:pointer; padding:13px 10px}
  .buynow{margin-top:10px; width:100%; background:none; border:1px solid #3A3330; color:var(--bone); font-weight:700; letter-spacing:.14em; text-transform:uppercase; font-size:12px; border-radius:3px; cursor:pointer; padding:12px 10px}
  .bstrip{margin-top:18px; border:1px solid #2A2521; border-radius:4px; padding:14px 16px; display:flex; gap:15px; align-items:center; font-size:12px; line-height:1.55; color:#B5B0A6}
  .bstrip .bfb{flex:0 0 auto; width:48px; height:48px; border:1.5px solid var(--acc); border-radius:5px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:1px; color:var(--acc); font-weight:800; font-size:10.5px; letter-spacing:.08em}
  .bstrip b{color:var(--bone); letter-spacing:.12em; text-transform:uppercase; font-size:10.5px; display:block; margin-bottom:4px}
  .bstrip a{color:var(--acc); text-decoration:underline; text-underline-offset:3px; white-space:nowrap}
  .pnote{margin-top:12px; font-size:11.5px; color:#8F897D; font-style:italic; line-height:1.6}
  .accs{margin-top:20px; border-top:1px solid var(--line)}
  .acc{border-bottom:1px solid var(--line)}
  .acc .aq{display:flex; justify-content:space-between; align-items:center; padding:15px 2px; cursor:pointer; font-size:12.5px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:var(--bone)}
  .acc .aq:hover{color:var(--acc)}
  .acc.open .aq{color:var(--acc)}
  .acc .aq b{color:var(--mut); font-weight:400; font-size:16px; transition:transform .3s ease, color .3s}
  .acc.open .aq b{transform:rotate(45deg); color:var(--acc)}
  .acc .aa{max-height:0; overflow:hidden; transition:max-height .35s ease; color:#C6C0B4; font-size:13.5px; line-height:1.7}
  .acc.open .aa{max-height:260px}
  .acc .aa p{padding:0 2px 14px}
  .revblk{border-top:1px solid var(--line); padding:44px 4vw; margin-top:40px}
  .revblk h2{font-family:var(--lat); font-size:clamp(18px,2.2vw,27px); text-transform:uppercase}
  .revhead{display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap; margin-top:20px; padding-bottom:20px; border-bottom:1px solid var(--line)}
  .ravg{display:flex; align-items:center; gap:16px}
  .ravg .num{font-family:var(--anton); font-size:42px; line-height:1; color:var(--bone)}
  .ravg .st{color:var(--acc); letter-spacing:3px; font-size:15px}
  .ravg .n{color:var(--mut); font-size:11px; letter-spacing:.18em; text-transform:uppercase; margin-top:5px}
  .rwbtn{padding:12px 22px; font-size:11.5px}
  .revcards{display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:16px; margin:22px auto 0}
  .revc{border:1px solid var(--line); border-radius:4px; padding:20px; text-align:left; background:#0D0B0A}
  .revc .rst{color:var(--acc); letter-spacing:2.5px; font-size:12.5px}
  .revc .vchip{display:inline-flex; align-items:center; gap:5px; margin-left:10px; font-size:9.5px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--acc); border:1px solid #3A342A; border-radius:20px; padding:3px 9px; vertical-align:middle}
  .revc .rt{font-weight:800; font-size:13.5px; margin-top:10px; color:var(--bone)}
  .revc .q{font-size:13px; line-height:1.6; color:#CFC9BD; margin-top:6px}
  .revc .w{margin-top:12px; font-size:10.5px; letter-spacing:.16em; text-transform:uppercase; color:var(--mut)}
  .alsohead{padding:40px 4vw 18px}
  .rowalso{display:flex; gap:18px; overflow-x:auto; scroll-snap-type:x mandatory; padding-bottom:16px; -webkit-overflow-scrolling:touch; scrollbar-width:thin; scrollbar-color:#2A2A2E transparent}
  .rowalso .pcard{flex:0 0 clamp(170px,19vw,250px); scroll-snap-align:start}
  .rowalso::-webkit-scrollbar{height:6px}
  .rowalso::-webkit-scrollbar-track{background:transparent}
  .rowalso::-webkit-scrollbar-thumb{background:#2A2A2E; border-radius:3px}
  .alsohead h2{font-family:var(--lat); font-size:clamp(18px,2.2vw,27px); text-transform:uppercase}

  /* =========== V1 МОЛНИЯ (маска на весь экран) =========== */
  .v1 .minhero{position:relative; height:100vh; min-height:560px; overflow:hidden; cursor:pointer;
    background:radial-gradient(80% 60% at 50% 100%, #15101A 0%, rgba(21,16,26,0) 62%), #060607}
  #boltK{position:absolute; inset:0; width:100%; height:100%; z-index:4; pointer-events:none}
  .flashK{position:absolute; inset:0; background:#DDE4F2; opacity:0; pointer-events:none; z-index:4}
  .minhero.shakek{animation:shakeq .34s linear}
  @keyframes shakeq{0%{transform:translate(0,0)}20%{transform:translate(-7px,4px)}40%{transform:translate(6px,-5px)}60%{transform:translate(-4px,3px)}80%{transform:translate(3px,-2px)}100%{transform:translate(0,0)}}
  .minhero .bigmask{position:absolute; left:50%; top:53%; transform:translate(-50%,-50%); height:min(86vh,88%); z-index:3; filter:drop-shadow(0 40px 90px rgba(0,0,0,.75))}
  .minhero .under{position:absolute; left:50%; bottom:20px; transform:translateX(-50%); z-index:6; display:flex; flex-direction:column; align-items:center; gap:12px}
  .minhero .under .ctared{box-shadow:0 8px 30px rgba(0,0,0,.5)}
  .sdn{background:none; border:none; cursor:pointer; display:flex; flex-direction:column; align-items:center; gap:6px; color:inherit}
  .sdn .lb{font-size:9.5px; font-weight:700; letter-spacing:.4em; text-transform:uppercase; opacity:.6; animation:glowlb 2s ease-in-out infinite}
  @keyframes glowlb{0%,100%{opacity:.4}50%{opacity:.95}}
  .sdn svg{animation:chev 1.6s ease-in-out infinite}
  @keyframes chev{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}

  /* =========== V3 ФОТО =========== */
  .photohero{position:relative; height:100vh; min-height:560px; overflow:hidden}
  .photohero .ph-img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:saturate(.9) contrast(1.05)}
  .photohero .grain{position:absolute; inset:0; background-image:url("noise.png"); opacity:.09; z-index:3; pointer-events:none; animation:grainmv .5s steps(3) infinite}
  @keyframes grainmv{0%{background-position:0 0}33%{background-position:40px 28px}66%{background-position:-30px 60px}100%{background-position:0 0}}
  .photohero .veil3{position:absolute; inset:0; background:linear-gradient(180deg, rgba(10,10,11,.4) 0%, transparent 30%, transparent 55%, rgba(10,10,11,.95) 100%); z-index:2}
  .photohero .cap3{position:absolute; left:4vw; bottom:60px; z-index:5}
  .photohero .cap3 .pre{font-size:10.5px; font-weight:700; letter-spacing:.5em; text-transform:uppercase; opacity:.7}
  .photohero .cap3 h1{font-family:var(--anton); font-size:clamp(38px,5.8vw,86px); line-height:.98; text-transform:uppercase; margin-top:12px}
  .photohero .cap3 h1 .r{color:var(--acc)}
  .photohero .sdn{position:absolute; right:4vw; bottom:34px; z-index:5}
  .mq3{overflow:hidden; white-space:nowrap; padding:8px 0; background:var(--bone); color:#0B0A0B; font-family:var(--anton); font-size:11px; letter-spacing:.14em; text-transform:uppercase}
  .mq3 span{display:inline-block; padding-left:100%; animation:mq 26s linear infinite}
  @keyframes mq{to{transform:translateX(-100%)}}
  .fullphoto{position:relative; height:64vh; overflow:hidden; margin-top:56px}
  .fullphoto img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:saturate(.85)}
  .fullphoto .ov{position:absolute; inset:0; background:linear-gradient(0deg, rgba(10,10,11,.9), rgba(10,10,11,.15) 55%)}
  .fullphoto .qt{position:absolute; left:4vw; right:4vw; bottom:34px; z-index:2}
  .fullphoto .qt .q{font-family:var(--anton); font-size:clamp(18px,2.4vw,32px); line-height:1.2; max-width:820px; text-transform:uppercase}
  .fullphoto .qt .q i{color:var(--acc); font-style:normal}
  .fullphoto .qt .w{margin-top:10px; font-size:10.5px; letter-spacing:.3em; text-transform:uppercase; opacity:.6}

  /* =========== V4 МОРФ (крупнее, уход вниз по центру) =========== */
  .v4{background:#0A090C}
  .v4{position:relative}
  .v4 .blobs{position:absolute; inset:0; overflow:hidden; z-index:0; pointer-events:none}
  .v4 .blob{position:absolute; border-radius:50%; filter:blur(90px); z-index:0; pointer-events:none; opacity:.35}
  .v4 .bl1{width:44vmax; height:44vmax; left:-14vmax; top:-10vmax; background:radial-gradient(circle, color-mix(in srgb, var(--acc) 22%, transparent), transparent 65%); animation:blobm 16s ease-in-out infinite alternate}
  .v4 .bl2{width:36vmax; height:36vmax; right:-12vmax; top:34vh; background:radial-gradient(circle, rgba(160,160,170,.16), transparent 65%); animation:blobm 13s ease-in-out infinite alternate-reverse}
  @keyframes blobm{from{transform:translate(0,0) scale(1)}to{transform:translate(6vmax,4vmax) scale(1.15)}}
  .v4 .morphhero{position:relative; height:136vh}
  .v4 .mh-sticky{position:sticky; top:0; height:100vh; overflow:hidden; display:flex; align-items:center; justify-content:center}
  .v4 .mh-eyebrow{position:absolute; top:124px; left:0; right:0; text-align:center; z-index:5; font-size:11.5px; font-weight:700; letter-spacing:.44em; text-transform:uppercase; color:var(--acc); opacity:.9; pointer-events:none}
  .v4 .mh-sdn{position:absolute; bottom:86px; left:50%; transform:translateX(-50%); z-index:6}
  .v4 .mh-title{position:absolute; top:20vh; left:0; right:0; text-align:center; z-index:1; pointer-events:none}
  .v4 .mh-title .a{font-family:var(--anton); font-size:calc(clamp(44px,9vw,132px) * var(--mh-scale,1)); line-height:.94; text-transform:uppercase;
    background:linear-gradient(100deg,#8E8E8C 0%,#F2F2F0 20%,var(--acc) 40%,#EDEDEB 58%,#6E6E70 76%,#E9E9E7 92%,#8E8E8C 100%); background-size:300% 100%;
    -webkit-background-clip:text; background-clip:text; color:transparent; animation:flow 7s linear infinite}
  @keyframes flow{from{background-position:0% 0}to{background-position:300% 0}}
  .v4 .mh-title .w1, .v4 .mh-title .w2{display:block; will-change:transform}
  .v4 #morphmask{position:absolute; left:50%; top:50%; z-index:3; height:calc(var(--mh-mask,72) * 1vh); transform:translate(-50%,-44%); will-change:transform, opacity, filter; filter:drop-shadow(0 40px 80px rgba(0,0,0,.7))}
  .v4 .mh-reveal{position:absolute; left:50%; top:68%; transform:translate(-50%,-40%); z-index:6; text-align:center; opacity:0; pointer-events:none}
  .v4 .mh-reveal .rl{font-size:11px; font-weight:700; letter-spacing:.5em; text-transform:uppercase; opacity:.7}
  .v4 .mh-reveal .ctared{margin-top:16px; pointer-events:auto}
  .v4 .stripgrad{height:3px; background:linear-gradient(90deg,#8E8E8C,var(--acc),#EDEDEB,#8E8E8C); background-size:300% 100%; animation:flow 7s linear infinite}
  .v4 .pcard{background:rgba(20,16,20,.85); backdrop-filter:blur(8px)}
  .v4 .rv4{opacity:0; transform:translateY(40px); transition:opacity .7s ease, transform .7s cubic-bezier(.2,.7,.2,1)}
  .v4 .rv4.in{opacity:1; transform:none}

  /* ---------- desktop layout ---------- */
  .pcard .imgw{position:relative; overflow:hidden; border-radius:2px; transition:box-shadow .35s ease}
  .qadd{position:absolute; right:10px; bottom:10px; z-index:2; width:38px; height:38px; border-radius:50%; background:var(--bone); color:#0B0A0B; border:none; display:flex; align-items:center; justify-content:center; cursor:pointer; box-shadow:0 6px 18px rgba(0,0,0,.45); transition:transform .2s ease, background .2s ease}
  .qadd:hover{background:var(--acc); transform:scale(1.08)}
  .qadd:active{transform:scale(.92)}
  .pcard:hover .imgw{box-shadow:0 0 0 1px rgba(243,237,226,.35), 0 14px 64px rgba(243,237,226,.30), 0 4px 26px color-mix(in srgb, var(--acc) 22%, transparent)}
  .pcard .imgw img{transition:transform .35s ease}
  .pcard:hover .imgw img{transform:scale(1.06)}
  .ftr .frow1{display:grid; grid-template-columns:1.3fr 1fr; gap:48px; align-items:start}
  .ftr .frow2{display:grid; grid-template-columns:auto auto 1fr; gap:64px; align-items:start}
  .ftr .fright{justify-self:end; text-align:right; display:flex; flex-direction:column; gap:18px; align-items:flex-end}
  @media (min-width:1100px){
    .grid, .sect-h, .film, .prodwrap, .revcards, .revblk h2, .revhead, .crumbs, .alsohead, .edit3{max-width:1400px; margin-left:auto; margin-right:auto}
    .grid, .sect-h, .film, .revblk, .crumbs, .alsohead, .edit3, .pw{padding-left:0; padding-right:0}
    .prodwrap{padding-left:0; padding-right:0}
    .crumbs{padding-top:130px}
    .alsohead + .rowalso{max-width:1400px; margin-left:auto; margin-right:auto; padding-left:0 !important; padding-right:0 !important}
    .ftr{padding-left:max(6vw, calc((100vw - 1400px)/2)); padding-right:max(6vw, calc((100vw - 1400px)/2))}
    .hdr{padding-left:max(4vw, calc((100vw - 1560px)/2)); padding-right:max(4vw, calc((100vw - 1560px)/2))}
  }
  @media (max-width:900px){
    .ftr .frow1, .ftr .frow2{grid-template-columns:1fr; gap:26px}
    .ftr .fright{justify-self:start; text-align:left; align-items:flex-start}
  }
  /* hero side panel (desktop) */
  .heroside{position:absolute; right:4vw; top:50%; transform:translateY(-50%); z-index:6; width:230px; border:1px solid #26232B; border-radius:4px; background:rgba(8,8,10,.55); backdrop-filter:blur(8px); padding:18px}
  .heroside .hn{font-size:10px; letter-spacing:.26em; text-transform:uppercase; color:var(--mut)}
  .heroside .ht{font-family:var(--anton); font-size:13px; letter-spacing:.03em; text-transform:uppercase; margin-top:6px; line-height:1.25; min-height:38px}
  .heroside .hp{color:var(--bone); font-weight:800; font-size:16px; margin-top:8px}
  .heroside .hp s{color:#57534A; font-weight:500; font-size:12px; margin-right:8px}
  .heroside .hbtns{display:flex; gap:8px; margin-top:14px}
  .heroside .arw{width:38px; height:38px; background:none; border:1px solid #34303A; border-radius:3px; color:var(--bone); cursor:pointer; font-size:15px}
  .heroside .arw:hover{border-color:var(--bone)}
  .heroside .hadd{flex:1; background:var(--bone); border:none; color:#0B0A0B; font-size:11px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; border-radius:3px; cursor:pointer}
  .minhero .eyebrow{position:absolute; top:118px; left:0; right:0; text-align:center; z-index:5; font-size:10.5px; font-weight:700; letter-spacing:.5em; text-transform:uppercase; color:#8B8272; pointer-events:none}
  @media (max-width:1000px){ .heroside{display:none} }

  @media (prefers-reduced-motion: reduce){
    .sdn svg,.sdn .lb,.photohero .grain,.mq3 span,.v4 .mh-title .a,.v4 .blob,.v4 .stripgrad{animation:none}
    .v4 .rv4{opacity:1; transform:none; transition:none}
  }
  @media (min-width:761px) and (max-width:1150px){
    .v4 #morphmask{height:60vh; top:52%}
    .v4 .mh-title{top:16vh}
    .v4 .mh-title .a{font-size:10.5vw}
  }
  @media (max-width:760px){
    .grid, .grid.g3{grid-template-columns:repeat(2,1fr); gap:22px 14px}
    .pcard .ttl{white-space:normal; font-size:11.5px}
    .qadd{width:34px; height:34px; right:8px; bottom:8px}
    .tourband .tin{grid-template-columns:1fr; justify-items:center; text-align:center; padding:44px 5vw}
    .chap, .chap.flip{grid-template-columns:1fr}
    .chap.flip img{order:0}
    .steps6{grid-template-columns:1fr 1fr}
    .cwrap{grid-template-columns:1fr}
    .phead{padding-top:130px}
    .tv{width:min(420px,86vw)}
    .tbtns{justify-content:center}
    .showsbtn{margin-left:auto; margin-right:auto}
    .shows{text-align:left}
    .edit3{grid-template-columns:1fr}
    .annc.a-rot{height:40px}
    .film{grid-template-columns:1fr; gap:20px}
    .fscreen{aspect-ratio:4/3}
    .bearband{grid-template-columns:1fr; padding:44px 5vw; gap:26px}
    .minhero .bigmask{height:min(62vh,66%)}
    .photohero .cap3 h1{font-size:12vw}
    .v4 #morphmask{height:46vh; top:52%}
    .v4 .mh-title{top:158px}
    .v4 .mh-title .a{font-size:15.5vw; line-height:.98}
    .prodwrap{grid-template-columns:1fr}
    .thumbcol{flex-direction:row; order:2}
    .bearband{grid-template-columns:1fr}
    .bearband img{justify-self:center}
    #chk .cols2{grid-template-columns:1fr}
    .navlink{display:none}
    #sw{flex-wrap:wrap; justify-content:center; max-width:94vw}
    #sw button{padding:7px 9px; font-size:10.5px}
  }
/* ================= LIGHT THEME (DropDead-style) ================= */
body.light{background:#FAFAF8; color:#141312}
body.light .v1, body.light .v4{background:#FAFAF8}
/* header */
body.light .hdr{background:linear-gradient(180deg, rgba(250,250,248,.72), rgba(250,250,248,0)); color:#141312}
body.light .topstack.solid .hdr{background:rgba(250,250,248,.96); border-color:#E6E2DA}
body.light .burger{border-color:rgba(0,0,0,.3)}
body.light .burger i{background:#141312}
body.light .burger:hover{border-color:var(--acc)}
body.light .cartbtn, body.light .icobtn{border-color:rgba(0,0,0,.3); color:#141312}
body.light .cartbtn .cnt{background:#141312; color:#fff}
body.light .logo{color:#141312}
body.light .navlink{color:#141312}
/* marquee: black strip */
body.light .mqband{background:#141312; color:#F3EDE2}
body.light .mqband img{filter:brightness(0) invert(1) opacity(.92)}
/* v1 hero */
body.light .v1 .minhero{background:radial-gradient(80% 60% at 50% 100%, #ECE8E0 0%, rgba(236,232,224,0) 62%), #FAFAF8}
body.light .minhero .eyebrow{color:#8A8478}
body.light .minhero .bigmask{filter:drop-shadow(0 40px 90px rgba(0,0,0,.28))}
body.light .v4 #morphmask{filter:drop-shadow(0 40px 80px rgba(0,0,0,.3))}
body.light .flashK{background:#191922}
body.light .sdn svg path{stroke:#141312}
body.light .heroside{background:rgba(255,255,255,.72); border-color:#E2DED6}
body.light .heroside .ht, body.light .heroside .hp{color:#141312}
body.light .heroside .hp s{color:#A8A296}
body.light .heroside .arw{border-color:#CFCabf; color:#141312}
body.light .heroside .hadd{background:#141312; color:#fff}
/* seamless product grid — no gaps, hairline lines (DropDead) */
body.light .grid{gap:1px; background:#E6E2DA; border:1px solid #E6E2DA; padding:0}
body.light .pcard{background:#fff; padding:0 0 16px; gap:6px}
body.light .pcard .imgw{border-radius:0}
body.light .pcard .ttl{color:#141312; padding:8px 14px 0}
body.light .pcard .dsc{color:#7C7669; padding:0 14px}
body.light .pcard .pr{padding:0 14px}
body.light .pcard .pr b{color:#141312}
body.light .pcard .pr s{color:#A8A296; opacity:1}
body.light .pcard:hover .imgw{box-shadow:0 12px 44px rgba(20,19,18,.14)}
body.light .qadd{background:#141312; color:#fff; box-shadow:0 6px 18px rgba(0,0,0,.18)}
body.light .qadd:hover{background:var(--acc); color:#141312}
/* sections */
body.light .sect-h h2{color:#141312}
body.light .sect-h .ln{background:#E2DED6}
body.light .ctared{background:var(--btn-bg,#141312); color:var(--btn-fg,#fff)}
body.light .ctared:hover{filter:brightness(.85)}
body.light .ctaghost{border-color:rgba(20,19,18,.55); color:#141312}
body.light .ctaghost:hover{background:#141312; color:#fff; border-color:#141312}
/* bears */
body.light .bearband{border-color:#E6E2DA}
body.light .bearband h3{color:#141312}
body.light .bearband p{color:#5F594E}
body.light .bearband img{border-color:#E6E2DA}
/* footer */
body.light .ftr{background:#F3F1EB; border-top:1px solid #E6E2DA; color:#141312}
body.light .ftr .brand{color:#141312}
body.light .ftr .tag, body.light .ftr .joinsub, body.light .ftr .cr, body.light .ftr .cur{color:#7C7669}
body.light .ftr .fcol a{color:#5F594E}
body.light .ftr .rule{background:#E2DED6}
body.light .jf input{background:#fff; border-color:#DDD8CE; color:#141312}
body.light .jf button{background:#141312; color:#fff}
body.light .socials a{border-color:#D8D3C9; color:#5F594E}
body.light .pays span{border-color:#DDD8CE; color:#7C7669}
/* burger menu */
body.light #menuOv{background:rgba(250,250,248,.98)}
body.light #menuOv .close{border-color:#D8D3C9; color:#141312}
body.light #menuOv ol a{color:#141312}
body.light #menuOv li{border-color:#E6E2DA}
body.light #menuOv .mrule{background:#E2DED6}
body.light #menuOv .mrule::after{background:#FAFAF8}
body.light #menuOv .mlinks a, body.light #menuOv .mcur{color:#6B6459; border-color:#DDD8CE}
/* cart + checkout */
body.light #cartDr{background:#FFFFFF; color:#141312}
body.light #cartDr .ch{border-color:#E6E2DA}
body.light #cartDr .ch button{color:#141312}
body.light .citem{border-color:#EEEAE2}
body.light .citem .n{color:#141312}
body.light .citem .p{color:#141312}
body.light .citem .q button{border-color:#D8D3C9; color:#141312}
body.light .cempty{color:#8A8478}
body.light #cartFt{border-color:#E6E2DA}
body.light #cartFt .row b{color:#141312}
body.light #cartFt .note{color:#8A8478}
body.light #chk{background:#FAFAF8; color:#141312}
body.light #chk .top{border-color:#E6E2DA}
body.light #chk .top .lg{color:#141312}
body.light #chk .top button{border-color:#D8D3C9; color:#141312}
body.light #chk input, body.light #chk select{background:#fff; border-color:#DDD8CE; color:#141312}
body.light #chk .sum{background:#F3F1EB; border:1px solid #E6E2DA}
body.light #chk .sline b, body.light #chk .stot{color:#141312}
body.light #chkDone p{color:#7C7669}
body.light .paybtns .pb1, body.light .paybtns .pb2{filter:none}
/* popup */
body.light #promo{background:rgba(250,250,248,.7)}
body.light #promo .pbox{background:#fff; border-color:#E2DED6}
body.light #promo h3{color:#141312}
body.light #promo p{color:#6B6459}
body.light #promo input{background:#F6F4EF; border-color:#DDD8CE; color:#141312}
body.light #promo .pgo{background:#141312; color:#fff}
body.light #promo .pgo:hover{background:#000}
body.light #promo .pclose{border-color:#D8D3C9; color:#141312}
/* product page */
body.light .crumbs{color:#8A8478}
body.light .pinfo h1, body.light .prc{color:#141312}
body.light .prc s{color:#A8A296}
body.light .pd{color:#5F594E}
body.light .specs{border-color:#E2DED6}
body.light .specs div{border-color:#EEEAE2; color:#4A453C}
body.light .specs b{color:#141312}
body.light .mto{border-color:#D9CDB6; color:#8A6F3E; background:color-mix(in srgb, var(--acc) 8%, transparent)}
body.light .qty{border-color:#D8D3C9}
body.light .qty b{color:#141312}
body.light .atcbig{background:var(--btn-bg,#141312); color:var(--btn-fg,#fff)}
body.light .buynow{border-color:rgba(20,19,18,.5); color:#141312}
body.light .acc{border-color:#E6E2DA}
body.light .acc .aq{color:#141312}
body.light .acc .aq:hover{color:var(--acc)}
body.light .acc.open .aq{color:var(--acc)}
body.light .acc .aa{color:#5F594E}
body.light .bstrip{border-color:#E2DED6; color:#5F594E}
body.light .bstrip b{color:#141312}
body.light .pnote{color:#8A8478}
body.light .thumbcol img{border-color:#E2DED6}
body.light .thumbcol img.on{border-color:#141312}
body.light .bigimg{border-color:#E2DED6}
body.light .gnav{background:rgba(255,255,255,.75); border-color:rgba(0,0,0,.25); color:#141312}
body.light .revblk{border-color:#E6E2DA}
body.light .revblk h2, body.light .ravg .num{color:#141312}
body.light .revhead{border-color:#E6E2DA}
body.light .revc{background:#fff; border-color:#E2DED6}
body.light .revc .rt{color:#141312}
body.light .revc .q{color:#4A453C}
body.light .vchip{border-color:#D9CDB6}
body.light .alsohead h2{color:#141312}
body.light .rowalso{scrollbar-color:#D8D3C9 transparent}
body.light .rowalso::-webkit-scrollbar-thumb{background:#D8D3C9}
/* film + edit3 */
body.light .fscreen{border-color:#E2DED6; background:#EFEDE7}
body.light .fside .flead{color:#5F594E}
body.light .fsteps{border-color:#E6E2DA}
body.light .fsteps li{border-color:#E6E2DA; color:#A39D91}
body.light .fsteps li.on, body.light .fsteps li:hover{color:#141312}
body.light .edit3 img{border-color:#E2DED6}
body.light .edit3 h4{color:#141312}
body.light .edit3 p{color:#5F594E}
/* morph */
body.light .v4 .blobs{display:none}
body.light .v4 .mh-title .a{background:linear-gradient(100deg,#3A3936 0%,#141312 22%,var(--acc) 42%,#201F1D 60%,#4A4844 78%,#141312 100%); background-size:300% 100%; -webkit-background-clip:text; background-clip:text; color:transparent}
body.light .v4 .mh-sub{color:#8A8478}
body.light .mh-reveal .rl{color:#141312; opacity:.7}
/* pages */
body.light .phead h1, body.light .chh, body.light .donate h3, body.light .steps6 b, body.light .faqfoot b, body.light .cinfo .cv, body.light .bigquote blockquote{color:#141312}
body.light .phead .psub, body.light .chp, body.light .donate p, body.light .steps6 p, body.light .faqfoot span, body.light .cinfo .cs{color:#5F594E}
body.light .chap img{border-color:#E2DED6}
body.light .bigquote cite{color:#8A8478}
body.light .stat{border-color:#E2DED6}
body.light .stat span{color:#8A8478}
body.light .steps6 div{border-color:#E2DED6}
body.light .fchip{border-color:#D8D3C9; color:#6B6459}
body.light .fchip:hover{border-color:#141312; color:#141312}
body.light .fchip.on{background:#141312; border-color:#141312; color:#fff}
body.light .donate{border-color:#D9CDB6; background:color-mix(in srgb, var(--acc) 7%, transparent)}
body.light .damt{border-color:#D8D3C9; color:#141312}
body.light .damt.on, body.light .damt:hover{background:#141312; border-color:#141312; color:#fff}
body.light .faqfoot{border-color:#E2DED6}
body.light .cinfo div{border-color:#E2DED6}
body.light .cform input, body.light .cform select, body.light .cform textarea{background:#fff; border-color:#DDD8CE; color:#141312}
body.light .tourband{border-color:#E6E2DA}
body.light .tv{border-color:#D8D3C9}
body.light .pfm{border-color:rgba(255,255,255,.4); color:#fff}
body.light .pfm:hover{border-color:var(--acc); color:var(--acc)}
/* announcement bars stay black strips — like DropDead */


/* ============ v3 fixes ============ */
/* real payment logos */
.pays.paysvg{display:flex; flex-wrap:wrap; gap:8px}
.pays.paysvg svg{height:26px; width:auto; border-radius:3px}
/* burger menu: fill screen from top, no dead space */
#menuOv{justify-content:flex-start; padding-top:96px}
#menuOv ol{margin-top:8px}
#menuOv .mloc{margin-top:18px; text-align:center}
/* localization selector */
.locform select{appearance:none; -webkit-appearance:none; background:transparent; border:1px solid #2A2521; border-radius:3px; color:inherit; font-family:inherit; font-size:11px; letter-spacing:.14em; text-transform:uppercase; padding:11px 34px 11px 16px; cursor:pointer; background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23888' stroke-width='1.5' fill='none'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 12px center}
body.light .locform select{border-color:#D8D3C9; color:#141312}
.floc{margin:4px 0 8px}
/* mobile: announcement readable, hero like desktop — big mask overlapping title */
@media (max-width:760px){
  .annc{font-size:9px; letter-spacing:.14em}
  .annc.a-rot{height:38px}
  .v4 .mh-eyebrow{top:12vh}
  .v4 .mh-title{top:16vh}
  .v4 .mh-title .a{font-size:17.5vw; line-height:.96}
  .v4 #morphmask{height:52vh; min-height:380px; top:49%}
  .tourband .tin{grid-template-columns:1fr; justify-items:center; text-align:center; padding:44px 5vw}
  .tv{width:min(420px,88vw)}
  .tbtns{justify-content:center}
  .showsbtn{margin-left:auto; margin-right:auto}
  .shows{text-align:left}
  .pays.paysvg{justify-content:flex-start}
}

/* ============ v4: generic sections ============ */
.atbanner{position:relative; overflow:hidden}
.atbanner img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover}
.atbveil{position:absolute; inset:0; background:#060607}
.atbin{position:relative; z-index:2; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:0 6vw}
.atbin h2{font-family:'Archivo Black',sans-serif; font-size:clamp(28px,4.4vw,60px); text-transform:uppercase; line-height:1.02; color:#F3EDE2; text-shadow:0 2px 20px rgba(0,0,0,.4)}
.atbin p{color:#E6E0D4; font-size:15px; margin-top:12px; max-width:560px}
.atbin .pk{margin-bottom:12px}
.atslides{position:relative; overflow:hidden}
.atslide{position:absolute; inset:0; opacity:0; transition:opacity .8s ease; pointer-events:none}
.atslide.on{opacity:1; pointer-events:auto}
.atslide img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover}
.atdots{position:absolute; bottom:18px; left:0; right:0; display:flex; gap:8px; justify-content:center; z-index:3}
.atdots button{width:9px; height:9px; border-radius:50%; border:1px solid rgba(255,255,255,.7); background:transparent; cursor:pointer; padding:0}
.atdots button.on{background:#F3EDE2; border-color:#F3EDE2}
.atvideo iframe{width:100%; aspect-ratio:16/9; border:0; border-radius:4px; display:block}
body.light .atbin h2{color:#F3EDE2}

/* ============ v5 fixes ============ */
/* menu like the old one: items on top, socials + country pinned to the bottom, full screen */
#menuOv{padding-top:84px; padding-bottom:24px}
#menuOv ol{margin-top:0}
#menuOv .mrule{margin-top:auto}
#menuOv .mloc select{width:100%; text-align:center}
/* film caption always readable on bright photos */
.fscreen .fcap{background:linear-gradient(180deg, rgba(6,6,7,0), rgba(6,6,7,.9))}
.fscreen .ft{color:#F3EDE2}
.fscreen .fn{color:var(--acc)}
/* footer policies row */
.fpolicies{display:flex; gap:6px 22px; flex-wrap:wrap; margin:14px 0 2px}
.fpolicies a{font-size:11.5px; color:#8F897D; text-decoration:none; letter-spacing:.02em}
.fpolicies a:hover{color:var(--acc)}
body.light .fpolicies a{color:#7C7669}
@media (max-width:760px){
  /* hero title must never clip */
  .v4 .mh-title{padding:0 2vw}
  .v4 .mh-title .a{font-size:13vw; letter-spacing:.01em; line-height:1}
  .v4 #morphmask{height:50vh; min-height:360px; top:50%}
  /* product gallery: main photo → thumbs right under it → info */
  .prodwrap{display:flex; flex-direction:column}
  .bigimg{order:0}
  .thumbcol{order:1; flex-direction:row; overflow-x:auto; gap:8px; padding:2px 0 6px}
  .thumbcol img{flex:0 0 auto}
  .pinfo{order:2}
  .annc.a-rot .ar{padding:0 26px; line-height:1.25}
}

/* v5: mobile hero geometry — под все размеры телефонов */
@media (max-width:760px){
  .v4 .mh-eyebrow{top:118px}
  .v4 .mh-title{top:146px}
  .v4 #morphmask{height:min(52vh,520px); min-height:340px; top:49%}
}
@media (max-width:760px) and (max-height:720px){
  .v4 #morphmask{min-height:0; height:46vh; top:52%}
}
/* v5: меню — сплошной фон (как было раньше), без просвечивания */
#menuOv{background:#060607}
body.light #menuOv{background:#FAFAF8}

/* ============ v6 fixes ============ */
/* HEADER: логотип строго по центру, аккуратные отступы (и с иконкой аккаунта, и без неё) */
.hdr{position:relative}
.hdr .lft, .hdr .rgt{min-width:0}
@media (max-width:900px){
  .hdr{grid-template-columns:auto 1fr auto; gap:8px}
  .hdr .logo{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); white-space:nowrap}
  .hdr .rgt{gap:10px}
  .logo{font-size:14px}
  .logo small{font-size:8.5px; letter-spacing:.26em; margin-top:4px}
}
/* MENU: ничего не обрезается сверху, кнопка закрытия не наезжает на пункты */
#menuOv{padding-top:104px}
#menuOv .close{top:26px; right:4vw; z-index:3}
#menuOv ol{flex:0 0 auto}
/* FOOTER: ничего не уезжает по ширине */
.ftr .fright{min-width:0; max-width:100%}
.floc, .floc form{width:100%; max-width:340px}
.floc select{width:100%; max-width:100%}
@media (max-width:900px){
  .ftr .fright{align-items:flex-start}
  .floc, .floc form{max-width:100%}
  .pays.paysvg{gap:6px}
  .pays.paysvg svg{height:24px}
}
/* HERO на мобиле: резиновая колонка — маска всегда заполняет место под заголовком */
@media (max-width:760px){
  .v4 .mh-sticky{display:flex; flex-direction:column; align-items:center; justify-content:flex-start;
    padding:112px 4vw 92px; box-sizing:border-box}
  .v4 .mh-eyebrow{position:static; top:auto; left:auto; right:auto; flex:0 0 auto}
  .v4 .mh-title{position:static; top:auto; left:auto; right:auto; margin-top:14px; flex:0 0 auto; padding:0}
  .v4 .mh-title .a{font-size:13vw; line-height:1}
  .v4 #morphmask{position:static; left:auto; top:auto; transform:none;
    flex:1 1 auto; min-height:0; height:auto; width:auto; max-width:94vw; object-fit:contain;
    margin-top:-30px; align-self:center}
  .v4 .mh-reveal{top:auto; bottom:22vh; transform:translate(-50%,0)}
}
@media (max-width:760px){
  .v4 .mh-sticky{padding-bottom:104px}
  .v4 #morphmask{object-position:center top}
  .v4 .mh-sdn{bottom:18px}
}
/* v6: на очень высоких вьюпортах (превью редактора) блок центрируется, а не липнет вверх */
@media (max-width:760px){
  .v4 .mh-sticky{justify-content:center; padding-top:112px}
  .v4 #morphmask{flex:0 1 auto; max-height:calc(100vh - 210px)}
}

/* ============ v7 ============ */
/* сетка товаров: без серых пустых ячеек — линии рисуют сами карточки */
body.light .grid{gap:0; background:transparent; border:none; padding:0}
body.light .grid > .pcard{border-right:1px solid #E6E2DA; border-bottom:1px solid #E6E2DA}
body.light .grid{border-top:1px solid #E6E2DA; border-left:1px solid #E6E2DA}
/* product info blocks */
.clabel{font-size:10px; letter-spacing:.28em; text-transform:uppercase; color:#8F897D; margin-bottom:6px}
.lchip-sale{color:#fff; background:#6B1220; border-color:#6B1220}
.mtobox{display:flex; gap:14px; align-items:center; border:1px solid #E1DAC9; background:color-mix(in srgb, var(--acc) 8%, transparent); border-radius:4px; padding:14px 16px; margin:16px 0}
.mtoic{flex:0 0 auto; width:44px; height:44px; border-radius:50%; border:1px solid var(--acc); color:#6B1220; display:flex; align-items:center; justify-content:center}
.mtobox b{display:block; font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:var(--bone)}
.mtobox span{display:block; font-size:12.5px; color:#B9B3A7; margin-top:3px}
body.light .mtobox b{color:#141312}
body.light .mtobox span{color:#5F594E}
.specrow{display:flex; align-items:center; gap:13px; padding:9px 0; font-size:13px; color:#D6D0C4}
.specrow svg{flex:0 0 auto; color:var(--acc)}
.specrow b{font-weight:700; color:var(--bone)}
body.light .specrow{color:#4A453C}
body.light .specrow b{color:#141312}
.trustline{text-align:center; font-size:11.5px; color:#8F897D; margin-top:10px; letter-spacing:.02em}
.accs.single{margin-top:0; border-top:none}
.accs.single .acc{border-bottom:1px solid var(--line)}
body.light .accs.single .acc{border-color:#E6E2DA}
.pappblock{margin:14px 0}
/* page sections */
.ph1{font-family:'Archivo Black',sans-serif; font-size:clamp(28px,3.8vw,52px); text-transform:uppercase; line-height:1.02; margin-top:12px}
.ph2{font-family:'Archivo Black',sans-serif; font-size:clamp(20px,2.6vw,32px); text-transform:uppercase; line-height:1.05}
.atgal{display:grid; grid-template-columns:repeat(var(--cols,3),1fr); gap:18px; margin-top:26px}
.atgal figure{margin:0}
.atgal img{width:100%; aspect-ratio:4/3; object-fit:cover; border-radius:4px; border:1px solid var(--line)}
.atgal figcaption{font-size:12px; color:#8F897D; margin-top:8px}
body.light .atgal img{border-color:#E2DED6}
.dapp{margin-top:18px}
@media (max-width:760px){ .atgal{grid-template-columns:1fr 1fr; gap:12px} }
.ccount{font-size:11px; letter-spacing:.18em; text-transform:uppercase; color:#8F897D; margin-top:10px}

/* v8: pagination */
.pagi{display:flex; gap:6px; justify-content:center; align-items:center; padding:34px 4vw 10px; flex-wrap:wrap}
.pagi a,.pagi span{min-width:38px; height:38px; display:inline-flex; align-items:center; justify-content:center; border:1px solid rgba(255,255,255,.16); border-radius:2px; text-decoration:none; color:inherit; font-size:13px; font-weight:700; letter-spacing:.04em}
.pagi span.cur{background:#111; color:#fff; border-color:#111}
body.light .pagi a,body.light .pagi span{border-color:#E6E2DA}
body.light .pagi span.cur{background:var(--btn-bg,#111); color:var(--btn-fg,#FAFAF8); border-color:var(--btn-bg,#111)}
body.light .pagi a:hover{background:#F1EEE7}

/* ============================================================
   v9 — MADE TO ORDER как простая аккуратная строка
   ============================================================ */
.mtoline{display:flex; align-items:center; gap:10px; margin:14px 0 2px}
.mtoline > div{display:flex; align-items:baseline; gap:9px; flex-wrap:wrap}
.mtoline b{font-size:10.5px; font-weight:800; letter-spacing:.18em; text-transform:uppercase; color:var(--bone)}
.mtoline span{font-size:12.5px; line-height:1.6; color:#B9B3A7}
.mtoline .mtoic{width:auto; height:auto; border:none; border-radius:0; color:var(--acc); display:inline-flex}
body.light .mtoline b{color:#141312}
body.light .mtoline span{color:#5F594E}
@media (max-width:520px){ .mtoline > div{gap:4px} }

/* пустая плашка SALE ничего не занимает */
.pinfo .lchip:empty{display:none}

/* ============================================================
   v9 — DONATEMATE (Donation Widget) под наш стиль
   Приложение переиспользует классы темы (.button), у нас их нет —
   поэтому кнопки рисуем с нуля. Всё заскоплено на id/классы аппа.
   ============================================================ */
:root{ --dm-accent:#6B1220; --dm-accent-h:#7F1626; --dm-ink:#17130F; --dm-line:rgba(23,19,15,.22); --dm-line-h:rgba(23,19,15,.5); }

.dapp{margin-top:22px}
.dapp .donatemate-app-wrapper{padding-left:0 !important; padding-right:0 !important; max-width:none !important; margin:0 !important}
.dapp .donatemate-container{display:flex; flex-wrap:wrap; gap:40px !important; column-gap:40px !important; align-items:flex-start !important}
.dapp .donatemate-image{flex:1 1 300px; max-width:100%; overflow:hidden; text-align:left !important}
.dapp .donatemate-image *{text-align:left !important}
.dapp .donatemate-image img{display:block; width:100%; max-width:100%; height:auto; margin:0 auto 0 0 !important; border-radius:2px}
.dapp .donatemate-text{flex:1 1 320px}
.dapp .donatemate-text,
.dapp .donatemate-text *{text-align:left !important}
.dapp .donatemate-text h1,.dapp .donatemate-text h2,.dapp .donatemate-text h3{font-family:var(--anton); font-size:clamp(18px,2.1vw,26px); text-transform:uppercase; line-height:1.05; margin:0 0 10px; color:#141312}
.dapp .donatemate-text p{font-size:13.5px; line-height:1.7; color:#5F594E; margin:0 0 4px}
/* наш заголовок уже есть в секции — прячем дубль из приложения */
.dapp.noapptext .donatemate-text h1,
.dapp.noapptext .donatemate-text h2,
.dapp.noapptext .donatemate-text h3,
.dapp.noapptext .donatemate-text p{display:none}

.dapp .dmCurrencyAndLocalizationLabel{font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:#8F897D; margin:0 0 8px; display:block}
.dapp label,.dapp .donatemate-container label{font-size:10.5px; font-weight:800; letter-spacing:.18em; text-transform:uppercase; color:#141312; display:block; margin:14px 0 6px}

/* сетка сумм */
.dapp #donatematePresetButtons{display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:4px 0 14px}
@media (max-width:749px){ .dapp #donatematePresetButtons{grid-template-columns:repeat(2,minmax(0,1fr))} }
.dapp #donatematePresetButtons button,
.dapp #donatematePresetButtons .dm-donation-value-button,
.dapp #donatematePresetButtons button.button{width:100%; min-width:0; min-height:0; margin:0; padding:15px 12px; background:transparent; background-image:none; border:1px solid var(--dm-line); border-radius:2px; color:var(--dm-ink); box-shadow:none; font-family:var(--body); font-weight:700; font-size:14px; letter-spacing:.02em; text-transform:none; cursor:pointer; transition:border-color .15s ease,color .15s ease}
.dapp #donatematePresetButtons button::before,.dapp #donatematePresetButtons button::after{content:none; background:none; box-shadow:none}
.dapp #donatematePresetButtons button:hover{background:transparent; border-color:var(--dm-line-h)}
.dapp #donatematePresetButtons button:focus,
.dapp #donatematePresetButtons button:focus-visible,
.dapp #donatematePresetButtons button:active,
.dapp #donatematePresetButtons button.active,
.dapp #donatematePresetButtons button.selected,
.dapp #donatematePresetButtons button.is-active,
.dapp #donatematePresetButtons button[aria-pressed='true']{background:transparent; border:1.5px solid var(--dm-accent); color:var(--dm-accent); font-weight:800; outline:none; box-shadow:none}

/* поле ввода суммы */
.dapp input[type="number"],.dapp input[type="text"],.dapp .donatemateinput{width:100%; box-sizing:border-box; padding:14px 14px; font-family:var(--body); font-size:16px; font-weight:700; color:var(--dm-ink); background:#fff; border:1px solid var(--dm-line); border-radius:2px; outline:none}
.dapp input[type="number"]:focus,.dapp input[type="text"]:focus{border-color:var(--dm-accent)}
.dapp select{padding:12px 14px; font-family:var(--body); font-size:14px; border:1px solid var(--dm-line); border-radius:2px; background:#fff; color:var(--dm-ink)}

/* главная кнопка */
.dapp #donatemateAtc,
.dapp #donatemateAtc.button,
.dapp button[id*="donatemateAtc"]{display:block; width:100%; min-height:0; margin:14px 0 0; padding:17px 20px; background:var(--dm-accent); background-image:none; border:0; border-radius:2px; color:#F4ECE6; box-shadow:none; font-family:var(--body); font-weight:800; font-size:12.5px; letter-spacing:.18em; text-transform:uppercase; cursor:pointer; transition:background .15s ease}
.dapp #donatemateAtc::before,.dapp #donatemateAtc::after{content:none; background:none; box-shadow:none}
.dapp #donatemateAtc:hover{background:var(--dm-accent-h)}
.dapp .donatemate-container div:has(> #donatemateAtc){display:block !important; width:100% !important; text-align:left !important}
.dapp #donatemateError{margin:10px 0 0; font-size:13px; line-height:1.5; color:#B3001B}

@media (max-width:749px){
  .dapp .donatemate-container{gap:22px !important; column-gap:22px !important}
  .dapp .donatemate-image,.dapp .donatemate-image *{text-align:center !important}
  .dapp .donatemate-image img{margin-left:auto !important; margin-right:auto !important}
}

/* тёмная тема */
body:not(.light) .dapp .donatemate-text h2{color:var(--bone)}
body:not(.light) .dapp #donatematePresetButtons button{color:var(--bone); border-color:rgba(243,237,226,.25)}
body:not(.light) .dapp input[type="number"],body:not(.light) .dapp input[type="text"]{background:#100F10; color:var(--bone); border-color:rgba(243,237,226,.25)}

/* ============================================================
   v9 — FAQ: убираем лишний воздух между группами
   ============================================================ */
.faqsec{margin:0 0 14px}
.faqsec h3{margin:0}
.faqsec + .accs{margin-top:0}

/* ============================================================
   v10 — галерея товара: счётчик, свайп, видимая лента миниатюр
   ============================================================ */
.gcount{position:absolute; right:12px; bottom:12px; background:rgba(10,10,11,.72); color:#F3EDE2; font-size:11px; font-weight:700; letter-spacing:.08em; padding:5px 10px; border-radius:2px; pointer-events:none}
body.light .gcount{background:rgba(250,250,248,.9); color:#141312; border:1px solid #E2DED6}

@media (max-width:900px){
  .thumbcol{order:1; flex-direction:row; width:100%; max-width:100%; min-width:0; overflow-x:auto; gap:8px; padding:8px 0 10px; scroll-snap-type:x proximity; -webkit-overflow-scrolling:touch;
            scrollbar-width:thin; scrollbar-color:#C9C3B8 transparent; mask-image:linear-gradient(90deg,#000 0,#000 92%,transparent 100%);
            -webkit-mask-image:linear-gradient(90deg,#000 0,#000 92%,transparent 100%)}
  .thumbcol img{flex:0 0 auto; width:66px; height:66px; scroll-snap-align:center}
  .thumbcol::-webkit-scrollbar{height:4px}
  .thumbcol::-webkit-scrollbar-track{background:transparent}
  .thumbcol::-webkit-scrollbar-thumb{background:#C9C3B8; border-radius:2px}
  .bigimg .gnav{opacity:1}
  .gcount{right:8px; bottom:8px}
}

/* ============================================================
   v10 — FAQ / аккордеоны по центру страницы
   ============================================================ */
.pw.pw-center{text-align:center}
.pw.pw-center .psub{margin-left:auto; margin-right:auto; max-width:720px}
.accs-center .accs{margin-left:auto; margin-right:auto}
.accs-center .faqsec{max-width:820px; margin-left:auto; margin-right:auto}

/* ============================================================
   v10 — корзина: страница
   ============================================================ */
.cartempty{padding:10px 0 60px; font-size:14px; color:#5F594E}
.cartform{margin-top:26px}
.cartgrid{display:grid; grid-template-columns:1fr 330px; gap:44px; align-items:start}
.cartrow{display:grid; grid-template-columns:1fr 130px 110px; gap:16px; align-items:center; padding:18px 0; border-bottom:1px solid #E6E2DA}
.cartrow.carthead{padding:0 0 10px; border-bottom:1px solid #141312; font-size:10px; font-weight:800; letter-spacing:.18em; text-transform:uppercase; color:#8F897D}
.cartrow .c1{display:flex; gap:16px; align-items:flex-start}
.cartrow .c2{justify-self:center}
.cartrow .c3{justify-self:end; font-weight:700; font-size:14.5px}
.cartrow.carthead .c2{justify-self:center}
.cartrow.carthead .c3{justify-self:end}
.cimg{flex:0 0 auto; width:84px; display:block; border:1px solid #E6E2DA; background:#fff}
.cimg img{width:100%; aspect-ratio:3/4; object-fit:cover; display:block}
.cmeta .cttl{display:block; font-size:12.5px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; text-decoration:none; color:inherit; line-height:1.35}
.cmeta .cvar{font-size:12px; color:#8F897D; margin-top:4px}
.cmeta .cprice{font-size:13.5px; font-weight:700; margin-top:6px}
.cmeta .crm{display:inline-block; margin-top:8px; font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:#8F897D; text-decoration:underline; text-underline-offset:3px}
.cmeta .crm:hover{color:#6B1220}
.cqty{display:inline-flex; align-items:center; border:1px solid #D9D4CA; border-radius:2px; overflow:hidden}
.cqty .cqb{width:34px; height:40px; display:flex; align-items:center; justify-content:center; text-decoration:none; color:inherit; font-size:15px; user-select:none}
.cqty .cqb:hover{background:#F1EEE7}
.cqty input{width:46px; height:40px; border:0; border-left:1px solid #D9D4CA; border-right:1px solid #D9D4CA; text-align:center; background:transparent; color:inherit; font-family:inherit; font-weight:700; font-size:14px; -moz-appearance:textfield}
.cqty input::-webkit-outer-spin-button,.cqty input::-webkit-inner-spin-button{-webkit-appearance:none; margin:0}
.cartupd{margin-top:22px}
.cartsum{border:1px solid #E6E2DA; background:#fff; padding:24px 22px; position:sticky; top:120px}
.cartsum .csrow{display:flex; justify-content:space-between; align-items:baseline; font-size:12px; font-weight:800; letter-spacing:.16em; text-transform:uppercase}
.cartsum .csrow b{font-size:20px; letter-spacing:0; font-family:var(--anton)}
.cartsum .csnote{font-size:12px; line-height:1.6; color:#8F897D; margin:12px 0 18px}
.cartsum .cschk{width:100%}
body.light .cartsum .cschk{background:var(--btn-bg,#141312); color:var(--btn-fg,#FAFAF8)}
.cartsum .cscont{display:block; text-align:center; margin-top:12px; font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:#5F594E; text-decoration:underline; text-underline-offset:3px}
body:not(.light) .cartrow{border-bottom-color:rgba(243,237,226,.14)}
body:not(.light) .cartrow.carthead{border-bottom-color:rgba(243,237,226,.5)}
body:not(.light) .cartsum{background:rgba(255,255,255,.03); border-color:rgba(243,237,226,.16)}
body:not(.light) .cimg{background:#0F0E10; border-color:rgba(243,237,226,.16)}
body:not(.light) .cqty{border-color:rgba(243,237,226,.3)}
body:not(.light) .cqty input{border-color:rgba(243,237,226,.3)}
@media (max-width:900px){
  .cartgrid{grid-template-columns:1fr; gap:26px}
  .cartsum{position:static}
  .cartrow{grid-template-columns:1fr auto; row-gap:12px}
  .cartrow.carthead{display:none}
  .cartrow .c1{grid-column:1 / -1}
  .cartrow .c2{justify-self:start}
  .cartrow .c3{justify-self:end}
}

/* ============================================================
   v10 — шторка корзины: «добавлено», View cart, Continue shopping
   ============================================================ */
#cartTitle .tadd{display:none; color:#2E7D32}
#cartTitle.added .tdef{display:none}
#cartTitle.added .tadd{display:inline}
.contshop{display:block; width:100%; margin-top:12px; background:none; border:0; color:inherit; opacity:.7; font-family:inherit; font-size:11px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; text-decoration:underline; text-underline-offset:3px; cursor:pointer; padding:4px 0}
.contshop:hover{opacity:1}

/* ============================================================
   v11 — On tour: видео-фон, телефон с Instagram, список дат
   ============================================================ */
.tourband{position:relative}
.tourband.tb-tall .tin{min-height:640px; padding-top:76px; padding-bottom:76px}
.tourband.tb-xl .tin{min-height:820px; padding-top:96px; padding-bottom:96px}
.tourband .tin.nopanel{grid-template-columns:1fr; max-width:920px}
.tourband .tbgvid{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.5}
.tourband .tbgvid video{width:100%; height:100%; object-fit:cover}
.tourband .tbgext{position:absolute; inset:0; overflow:hidden; opacity:.5; pointer-events:none}
.tourband .tbgext iframe{position:absolute; top:50%; left:50%; width:100vw; height:56.25vw; min-height:100%; min-width:177.78vh; transform:translate(-50%,-50%); border:0}
.tourband .tveil{background:linear-gradient(90deg,#050506 0%, rgba(5,5,6,.55) 55%, #050506 100%)}

/* ---- телефон ---- */
.phone{width:min(300px,74vw); margin:0 auto; border-radius:34px; padding:9px; background:linear-gradient(160deg,#2A2A2E,#0C0C0E 60%);
       box-shadow:0 30px 90px rgba(0,0,0,.6), 0 0 0 1px rgba(255,255,255,.08) inset}
.phone .phscr{position:relative; border-radius:26px; background:#0B0B0D; color:#F3EDE2; overflow:hidden; padding:14px 14px 16px; text-align:left}
.phone .phscr::before{content:""; position:absolute; top:7px; left:50%; transform:translateX(-50%); width:82px; height:18px; border-radius:12px; background:#000}
.phtop{padding:14px 0 12px; text-align:center}
.phtop .phh{font-size:12.5px; font-weight:800; letter-spacing:.02em}
.phhead{display:flex; align-items:center; gap:16px; margin-top:6px}
.phav{flex:0 0 auto; width:62px; height:62px; border-radius:50%; padding:2.5px; background:conic-gradient(from 200deg, var(--acc), #F0A63C, var(--acc))}
.phav img{width:100%; height:100%; border-radius:50%; object-fit:cover; border:2px solid #0B0B0D; display:block}
.phst{flex:1; display:flex; justify-content:space-between; text-align:center; font-size:10.5px; color:#A9A499}
.phst b{display:block; color:#F3EDE2; font-size:13px}
.phbio{margin-top:12px; font-size:11.5px; line-height:1.5; color:#C6C0B4}
.phbio b{display:block; color:#F3EDE2; font-size:11.5px; letter-spacing:.04em; text-transform:uppercase; margin-bottom:3px}
.phhl{display:flex; gap:12px; margin-top:14px; overflow-x:auto; padding-bottom:4px; scrollbar-width:none}
.phhl::-webkit-scrollbar{display:none}
.phhl .hl{flex:0 0 auto; width:58px; background:none; border:0; padding:0; cursor:pointer; color:inherit; font:inherit}
.phhl .hlc{display:block; width:58px; height:58px; border-radius:50%; padding:2px; background:linear-gradient(150deg,var(--acc),#8D1220)}
.phhl .hlc img{width:100%; height:100%; border-radius:50%; object-fit:cover; border:2px solid #0B0B0D; display:block}
.phhl .hll{display:block; margin-top:5px; font-size:9.5px; text-align:center; color:#C6C0B4; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.phhl .hl:hover .hlc{filter:brightness(1.15)}
.phbtn{display:block; margin-top:16px; text-align:center; text-decoration:none; background:var(--acc); color:#fff; font-size:11px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; padding:11px 10px; border-radius:8px}
.phbtn:hover{filter:brightness(1.1)}

/* ---- сторис ---- */
.storyov{position:fixed; inset:0; z-index:120; background:rgba(6,6,7,.94); display:flex; align-items:center; justify-content:center}
.storyov[hidden]{display:none}
.showsmore[hidden]{display:none}
.storybox{position:relative; width:min(420px,92vw); height:min(760px,88vh); background:#0B0B0D; border-radius:14px; overflow:hidden}
.storybars{position:absolute; top:10px; left:10px; right:10px; z-index:3; display:flex; gap:4px}
.storybars i{flex:1; height:3px; border-radius:2px; background:rgba(255,255,255,.28)}
.storybars i.on{background:#fff}
.storyx{position:absolute; top:22px; right:12px; z-index:4; background:none; border:0; color:#fff; font-size:19px; cursor:pointer; opacity:.85}
.storyslides{position:absolute; inset:0}
.storyslides .ss{position:absolute; inset:0; margin:0; opacity:0; pointer-events:none; transition:opacity .25s ease}
.storyslides .ss.on{opacity:1; pointer-events:auto}
.storyslides .ss img{width:100%; height:100%; object-fit:cover; display:block}
.storyslides figcaption{position:absolute; left:0; right:0; bottom:0; padding:70px 20px 24px; color:#fff; font-size:14px; line-height:1.5;
  background:linear-gradient(180deg,transparent,rgba(0,0,0,.85))}
.storyslides .ssb{position:absolute; left:20px; right:20px; bottom:22px; z-index:2; text-align:center; text-decoration:none; background:#fff; color:#111;
  font-size:11px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; padding:13px 10px; border-radius:6px}
.storyslides .ss:has(.ssb) figcaption{padding-bottom:74px}
.storynav{position:absolute; top:50%; transform:translateY(-50%); z-index:4; width:38px; height:38px; border-radius:50%; border:1px solid rgba(255,255,255,.35);
  background:rgba(0,0,0,.35); color:#fff; font-size:19px; cursor:pointer}
.storynav.sprev{left:10px} .storynav.snext{right:10px}

/* ---- список дат ---- */
.showsbox{margin-top:26px; max-width:620px}
.showshead{font-size:11px; font-weight:800; letter-spacing:.2em; text-transform:uppercase; color:var(--acc); padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,.28)}
.showsbox .shows{max-height:none; overflow:visible; max-width:none}
.showsbox .showrow{display:grid; grid-template-columns:78px 1fr auto auto; gap:14px; align-items:baseline; padding:11px 2px; font-size:13px}
.showsbox .showrow .sv{color:#E7E2D8; font-weight:600}
.showsbox .showrow .sc{color:#A9A499; font-size:12px; text-align:right}
.showsmore{margin-top:14px; background:none; border:1px solid rgba(255,255,255,.28); border-radius:2px; color:inherit; font-family:inherit; font-size:11px; font-weight:800;
  letter-spacing:.14em; text-transform:uppercase; padding:11px 20px; cursor:pointer}
.showsmore:hover{border-color:var(--acc); color:var(--acc)}
.showsall{display:inline-block; margin:14px 0 0 14px; font-size:11px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:var(--acc); text-decoration:underline; text-underline-offset:3px}
@media (max-width:760px){
  .tourband.tb-tall .tin,.tourband.tb-xl .tin{min-height:0; padding-top:48px; padding-bottom:48px}
  .showsbox{margin-left:auto; margin-right:auto; text-align:left}
  .showsbox .showrow{grid-template-columns:70px 1fr; row-gap:2px}
  .showsbox .showrow .sc{text-align:left; grid-column:2}
  .showsbox .showrow a{grid-column:2; justify-self:start; margin-top:4px}
  .tourband .tveil{background:linear-gradient(180deg,rgba(5,5,6,.86),rgba(5,5,6,.94))}
}

/* виджет Bandsintown — только источник данных, на странице не показываем */
.bitwrap{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap; pointer-events:none}
.shows[hidden],.bitfallback[hidden]{display:none}

/* ============================================================
   v12 — FAQ: разделы, кнопки-якоря, блок «не нашли ответ»
   ============================================================ */
.faqpage{max-width:1000px; margin-left:auto; margin-right:auto}
.faqnav{display:flex; flex-wrap:wrap; gap:10px; margin:6px 0 34px}
.faqnav a{display:inline-block; padding:10px 16px; border:1px solid #E0DCD3; border-radius:2px; background:#F3F0EA; text-decoration:none;
  font-size:10.5px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; color:#4A453C; transition:all .16s ease}
.faqnav a:hover,.faqnav a.on{border-color:var(--acc); color:var(--acc); background:transparent}
.faqg{font-family:var(--anton); font-size:clamp(17px,2vw,24px); text-transform:uppercase; letter-spacing:.01em; color:#141312;
  margin:44px 0 0; padding-bottom:10px; border-bottom:2px solid var(--acc); display:inline-block; scroll-margin-top:130px}
.faqgroups > .faqg:first-child{margin-top:6px}
.faqlist{margin-top:0}
.faqpage .acc{border-bottom:1px solid #E6E2DA}
.faqpage .aq{display:flex; justify-content:space-between; align-items:center; gap:18px; padding:17px 2px; cursor:pointer;
  font-size:14px; font-weight:700; letter-spacing:.01em; color:#141312}
.faqpage .acc.open .aq{color:var(--acc)}
.faqpage .aq b{font-weight:400; font-size:17px; line-height:1; color:#8F897D; transition:transform .25s ease}
.faqpage .acc.open .aq b{transform:rotate(45deg); color:var(--acc)}
.faqpage .aainner{padding:0 2px 18px; font-size:13.5px; line-height:1.75; color:#5F594E; max-width:760px}
.faqpage .aainner a{color:var(--acc)}
.faqcta{display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap;
  margin-top:46px; padding:24px 26px; background:#EEEBE4; border:1px solid #E0DCD3}
.faqcta b{display:block; font-size:15px; color:#141312; margin-bottom:5px}
.faqcta span{font-size:13px; color:#5F594E}
body:not(.light) .faqnav a{background:rgba(255,255,255,.05); border-color:rgba(243,237,226,.18); color:#C6C0B4}
body:not(.light) .faqg{color:var(--bone)}
body:not(.light) .faqpage .acc{border-bottom-color:rgba(243,237,226,.14)}
body:not(.light) .faqpage .aq{color:var(--bone)}
body:not(.light) .faqpage .aainner{color:#B9B3A7}
body:not(.light) .faqcta{background:rgba(255,255,255,.04); border-color:rgba(243,237,226,.16)}
body:not(.light) .faqcta b{color:var(--bone)}
@media (max-width:700px){
  .faqcta{flex-direction:column; align-items:flex-start}
  .faqcta .ctared{width:100%; text-align:center}
}

/* ============================================================
   v12 — Contact: две колонки, карточки слева, форма справа
   ============================================================ */
.cwrap{display:grid; grid-template-columns:340px 1fr; gap:44px; margin:34px 0 0; align-items:start}
.cinfo .cbox{display:flex; gap:14px; align-items:flex-start; border:1px solid #E0DCD3; background:#F3F0EA; border-radius:0; padding:16px 18px; margin-bottom:12px}
.cinfo .cbox:last-child{background:transparent}
.cico{flex:0 0 auto; width:36px; height:36px; border-radius:50%; background:var(--acc); color:#fff; display:flex; align-items:center; justify-content:center}
.cinfo .cl{font-size:10px; font-weight:800; letter-spacing:.22em; text-transform:uppercase; color:#8F897D}
.cinfo .cv{font-size:14px; font-weight:700; color:#141312; margin-top:5px}
.cinfo .cs{font-size:12.5px; line-height:1.65; color:#5F594E; margin-top:5px}
.cinfo a{color:inherit; text-decoration:none}
.cinfo a:hover{color:var(--acc)}
.cnote{border:1px solid var(--acc); background:color-mix(in srgb, var(--acc) 6%, transparent); padding:15px 18px; font-size:13px; line-height:1.6; color:#4A453C; margin-bottom:20px}
.cnote b{color:#141312}
.cok{border:1px solid var(--acc); padding:18px; text-align:center; margin-bottom:16px}
.cok b{display:block; font-family:var(--anton); font-size:17px; text-transform:uppercase; color:var(--acc)}
.cok span{display:block; font-size:13px; margin-top:6px; color:#5F594E}
.cform .crow{display:grid; grid-template-columns:1fr 1fr; gap:16px}
.cform label{display:block; margin-top:16px; font-size:10px; font-weight:800; letter-spacing:.2em; text-transform:uppercase; color:#8F897D}
.cform input,.cform select,.cform textarea{width:100%; box-sizing:border-box; margin-top:7px; background:#fff; border:1px solid #D9D4CA; border-radius:0;
  color:#141312; padding:13px 14px; font-size:14px; font-family:var(--body); outline:none}
.cform input:focus,.cform select:focus,.cform textarea:focus{border-color:var(--acc)}
.cform textarea{min-height:150px; resize:vertical}
.cform .ctared{margin-top:22px}
body:not(.light) .cinfo .cbox{background:rgba(255,255,255,.04); border-color:rgba(243,237,226,.16)}
body:not(.light) .cinfo .cv{color:var(--bone)}
body:not(.light) .cinfo .cs{color:#B9B3A7}
body:not(.light) .cnote{color:#C6C0B4}
body:not(.light) .cnote b{color:var(--bone)}
body:not(.light) .cform input,body:not(.light) .cform select,body:not(.light) .cform textarea{background:#100E0D; border-color:#2A2521; color:var(--bone)}
@media (max-width:900px){
  .cwrap{grid-template-columns:1fr; gap:26px}
  .cform .crow{grid-template-columns:1fr; gap:0}
}

/* ============================================================
   v12 — активный пункт меню красным
   ============================================================ */
.navlink.on,.navlink[aria-current="page"]{color:var(--acc); opacity:1}
#menuOv ol li a.on,#menuOv ol li a[aria-current="page"]{color:var(--acc)}
#menuOv ol li a.on span,#menuOv ol li a[aria-current="page"] span{color:var(--acc)}
#menuOv ol li a.on em,#menuOv ol li a[aria-current="page"] em{color:var(--acc); opacity:1}
#menuOv ol li a:active span,#menuOv ol li a.tapped span{color:var(--acc)}
.mlinks a.on{color:var(--acc)}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){ html{scroll-behavior:auto} }

/* v12 fix: старое правило .cinfo div рисовало рамку на каждом вложенном div */
.cinfo div{border:0; border-radius:0; padding:0; margin:0}
.cinfo .cbox{border:1px solid #E0DCD3; padding:16px 18px; margin-bottom:12px}
body:not(.light) .cinfo .cbox{border-color:rgba(243,237,226,.16)}
/* главные кнопки на FAQ и контактах — акцентным цветом */
.faqcta .ctared,.cform .ctared{background:var(--acc); color:#fff}
.faqcta .ctared:hover,.cform .ctared:hover{filter:brightness(1.12)}
body.light .faqcta .ctared,body.light .cform .ctared{background:var(--acc); color:#fff}
.pw.pw-narrow{max-width:1000px; margin-left:auto; margin-right:auto}


/* v12.1 — фон страницы под тему (иначе внизу коротких страниц чёрная полоса) */
body.light{background:#FAFAF8}


/* v13.1 — компактный список концертов: дата + город */
.showsbox .showrow{grid-template-columns:82px 1fr auto; padding:10px 2px; border-bottom:1px solid rgba(255,255,255,.10)}
.showsbox .showrow:last-child{border-bottom:0}
.showsbox .showrow .sd{font-family:var(--anton); font-size:11.5px; letter-spacing:.08em; color:var(--acc); min-width:0}
.showsbox .showrow .sc{font-size:13.5px; color:#E7E2D8; text-align:left; font-weight:600}
.showsbox .showrow .sv{font-size:12px; color:#A9A499; font-weight:400; text-align:right}
@media (max-width:760px){
  .showsbox .showrow{grid-template-columns:74px 1fr; row-gap:0}
  .showsbox .showrow .sv{grid-column:2; text-align:left; margin-top:2px}
}

/* ============================================================
   v13.2 — подсветка меню в белой теме
   Правила body.light .navlink / body.light #menuOv ol a стоят ниже
   и специфичнее, чем :hover — поэтому красный не срабатывал.
   ============================================================ */
body.light .navlink:hover,
body.light .navlink.on,
body.light .navlink[aria-current="page"]{color:var(--acc); opacity:1}
body.light #menuOv ol a:hover,
body.light #menuOv ol a:hover span,
body.light #menuOv ol a:hover em,
body.light #menuOv ol li a.on,
body.light #menuOv ol li a.on span,
body.light #menuOv ol li a.on em,
body.light #menuOv ol li a[aria-current="page"],
body.light #menuOv ol li a[aria-current="page"] span,
body.light #menuOv ol li a[aria-current="page"] em{color:var(--acc); opacity:1}
body.light #menuOv .mlinks a:hover,
body.light #menuOv .mlinks a.on{color:var(--acc)}
#menuOv ol a:hover span,#menuOv ol a:hover em{color:var(--acc)}
.socials a:hover{border-color:var(--acc); color:var(--acc)}
body.light .socials a:hover{border-color:var(--acc); color:var(--acc)}

/* ============================================================
   v13.3 — hidden должен побеждать любой display из темы.
   .showsbox .showrow{display:grid} перебивал UA-правило [hidden],
   из-за этого лимит дат не работал визуально.
   ============================================================ */
[hidden]{display:none !important}

/* v13.4 — mp4-фон поверх фото-подложки */
.tourband video.tbgvid{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.5; z-index:0; pointer-events:none}

/* v13.5 — свой фон для телефона: 16:9 на узком экране обрезается до 15% кадра */
.tbgpic{display:contents}
.tbgpic-m{display:none}
@media (max-width:760px){
  .tbgpic-d{display:none}
  .tbgpic-m{display:contents}
}

/* ============================================================
   v14 — бургер-меню: пункты на весь экран + подразделы
   Пункты растягиваются, пока их мало, и сжимаются до min-height,
   когда разделов добавят больше — тогда список просто скроллится.
   ============================================================ */
#menuOv ol{margin:0; padding:0}
#menuOv .mtoggle{display:flex; align-items:center; justify-content:space-between; width:100%; gap:14px;
  background:none; border:0; padding:10px 0; cursor:pointer; text-align:left;
  font-family:var(--anton); font-size:clamp(18px,2.6vw,28px); text-transform:uppercase; color:var(--bone); line-height:1.1}
#menuOv .mtoggle em{font-style:normal; color:var(--mut); font-size:.55em; transition:transform .25s ease}
#menuOv li.open > .mtoggle em{transform:rotate(90deg); color:var(--acc)}
#menuOv li.open > .mtoggle{color:var(--acc)}
#menuOv .mtoggle:hover,#menuOv .mtoggle:hover em{color:var(--acc)}
body.light #menuOv .mtoggle{color:#141312}
body.light #menuOv .mtoggle:hover,body.light #menuOv li.open > .mtoggle,
body.light #menuOv li.open > .mtoggle em,body.light #menuOv .mtoggle:hover em{color:var(--acc)}

#menuOv .msub{max-height:0; overflow:hidden; transition:max-height .35s cubic-bezier(.2,.8,.2,1)}
#menuOv .msub ul{list-style:none; margin:0; padding:0 0 12px}
#menuOv .msub li{border:0; transform:none; opacity:1; min-height:0; max-height:none; display:block}
#menuOv .msub a{display:block; padding:9px 0 9px 16px; border-left:2px solid transparent;
  font-family:var(--body); font-weight:700; font-size:13px; letter-spacing:.12em; text-transform:uppercase; color:#B9B1A2; line-height:1.3}
#menuOv .msub a:hover,#menuOv .msub a.on{color:var(--acc); border-left-color:var(--acc)}
body.light #menuOv .msub a{color:#5F594E}
body.light #menuOv .msub a:hover,body.light #menuOv .msub a.on{color:var(--acc); border-left-color:var(--acc)}
#menuOv .msub3{padding-left:16px}
#menuOv .msub3 a{font-size:12px; letter-spacing:.1em; opacity:.85}

@media (max-width:900px){
  #menuOv{justify-content:flex-start; padding-bottom:calc(22px + env(safe-area-inset-bottom))}
  #menuOv ol{flex:1 1 auto; overflow-y:auto; -webkit-overflow-scrolling:touch; gap:0; min-height:0}
  #menuOv ol > li{flex:1 1 auto; min-height:58px; max-height:112px; display:flex; flex-direction:column; justify-content:center}
  #menuOv ol > li.open{flex:0 0 auto; max-height:none}
  #menuOv ol > li{border-bottom:1px solid color-mix(in srgb, var(--acc) 45%, transparent)}
  #menuOv ol > li:last-child{border-bottom:0}
  #menuOv ol a,#menuOv .mtoggle{font-size:clamp(22px,7vw,34px); padding:6px 0}
  #menuOv .mrule{margin-top:14px}
}
/* правило body.light #menuOv li специфичнее — красные линии задаём с тем же весом */
body.light #menuOv ol > li,
#menuOv ol > li{border-bottom:1px solid color-mix(in srgb, var(--acc) 45%, transparent)}
body.light #menuOv ol > li:last-child,
#menuOv ol > li:last-child{border-bottom:0}
body.light #menuOv .msub li,#menuOv .msub li{border-bottom:0}

/* ============================================================
   v15 — видео-секция на странице товара
   ============================================================ */
.pvband{position:relative; width:100%; min-height:var(--pvh,56vh); display:flex; align-items:center;
  overflow:hidden; isolation:isolate; background:#0B0A0B}
.pvband .pvbg{position:absolute; inset:0; z-index:0}
.pvband .pvbg::after{content:""; position:absolute; inset:0; z-index:2;
  background:linear-gradient(90deg, rgba(8,8,9,calc(.35 + var(--pvdim,.45))) 0%, rgba(8,8,9,var(--pvdim,.45)) 55%, rgba(8,8,9,calc(var(--pvdim,.45) * .6)) 100%)}
.pvband .pvimg{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0; filter:saturate(.8)}
.pvband video.tbgvid,.pvband .pvvid{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:1; pointer-events:none}
.pvband .tbgext{position:absolute; inset:0; overflow:hidden; z-index:1; pointer-events:none}
.pvband .tbgext iframe{position:absolute; top:50%; left:50%; width:100vw; height:56.25vw;
  min-height:100%; min-width:177.78vh; transform:translate(-50%,-50%); border:0}

.pvband .pvin{position:relative; z-index:3; width:100%; max-width:1400px; margin:0 auto; padding:48px 4vw; color:#FAFAF8}
.pvband .pv-center{text-align:center}
.pvkick{display:block; font-family:var(--body); font-weight:800; font-size:11.5px; letter-spacing:.22em;
  text-transform:uppercase; color:var(--acc); margin-bottom:12px}
.pvband .pvh{font-family:var(--lat); font-size:clamp(26px,4.4vw,58px); line-height:1.02; text-transform:uppercase;
  margin:0; color:#FAFAF8; max-width:16ch; text-shadow:0 4px 26px rgba(0,0,0,.55)}
.pvband .pv-center .pvh{max-width:22ch; margin:0 auto}
.pvband .pvsub{margin-top:14px; max-width:46ch; font-size:15px; line-height:1.55; color:#D8D3C9}
.pvband .pv-center .pvsub{margin-left:auto; margin-right:auto}
.pvband .pvsub p{margin:0}
.pvband .pvbtn{margin-top:22px; background:var(--acc); color:#fff}
body.light .pvband .pvbtn{background:var(--acc); color:#fff}

.pvsound{position:absolute; right:16px; bottom:16px; z-index:4; width:40px; height:40px; border-radius:50%;
  border:1px solid rgba(250,250,248,.4); background:rgba(10,10,11,.5); color:#FAFAF8; cursor:pointer;
  font-size:15px; line-height:1; display:flex; align-items:center; justify-content:center; backdrop-filter:blur(4px)}
.pvsound.on{background:var(--acc); border-color:var(--acc)}

/* плоский плеер */
.pvplayer{position:relative; width:100%; aspect-ratio:16/9; background:#0B0A0B; border-radius:4px; overflow:hidden}
.pvplayer .pvplay{width:100%; height:100%; object-fit:cover; display:block}
.pvplayer .tbgext{position:absolute; inset:0}
.pvplayer .tbgext iframe{position:absolute; inset:0; width:100%; height:100%; border:0}
.pvempty{position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
  border:1px dashed rgba(127,127,127,.4); color:#8C857A; font-size:13px}
.pvkick-flat{margin-bottom:10px}
.pvsub-flat{margin-top:14px; font-size:15px; line-height:1.55; color:#B9B1A2; max-width:60ch}
body.light .pvsub-flat{color:#5F594E}
.pvsub-flat p{margin:0}

@media (max-width:760px){
  .pvband{min-height:var(--pvhm,60vh)}
  .pvband .pvin{padding:36px 5vw}
  .pvband .pvh{max-width:none}
  .pvband .pvsub{font-size:14px}
  .pvband .pvbg::after{background:rgba(8,8,9,calc(var(--pvdim,.45) + .12))}
}

/* --- v15.1 режим цитаты --- */
.pvband .pv-center.pvquote{max-width:860px}
.pvband .pvquote .pvkick{opacity:.9; margin-bottom:18px}
.pvband .pvquote blockquote.pvh{margin:0; font-family:var(--body); font-weight:500; text-transform:none;
  font-size:clamp(21px,2.5vw,36px); line-height:1.28; letter-spacing:-.01em; max-width:22ch;
  color:#FAFAF8; text-shadow:0 3px 22px rgba(0,0,0,.5); position:relative}
.pvband .pv-center.pvquote blockquote.pvh{max-width:24ch; margin:0 auto}
.pvband .pvquote blockquote.pvh::before{content:"“"; color:var(--acc); font-family:var(--lat);
  font-size:1.5em; line-height:0; position:absolute; left:-.52em; top:.52em; opacity:.85}
.pvband .pv-center.pvquote blockquote.pvh::before{position:static; margin-right:.06em; top:0; left:0}
.pvauth{display:block; margin-top:18px; font-family:var(--body); font-weight:800; font-size:11.5px;
  letter-spacing:.2em; text-transform:uppercase; color:#FAFAF8}
.pvauth::before{content:"— "; color:var(--acc)}
.pvband .pvquote .pvsub{margin-top:12px; font-size:13.5px; line-height:1.5; color:#B9B1A2; max-width:40ch}
.pvband .pv-center.pvquote .pvsub{margin-left:auto; margin-right:auto}
@media (max-width:760px){
  .pvband .pvquote blockquote.pvh{font-size:clamp(19px,5.4vw,25px); max-width:none}
  .pvband .pvquote blockquote.pvh::before{left:-.42em}
  .pvband .pvquote .pvsub{font-size:13px; max-width:none}
  .pvauth{margin-top:14px; font-size:10.5px}
}

/* ============================================================
   v16 — экраны ноутбуков 13": всё влезает; сетка без дырок
   ============================================================ */
:root{ --gline:#26262A }
body.light{ --gline:#E6E2DA }

/* ---------- 1. Hero: пропорции считаются и от высоты экрана ---------- */
@media (min-width:761px){
  .v4 .mh-eyebrow{top:clamp(90px,12vh,124px)}
  .v4 .mh-title{top:clamp(120px,17vh,190px)}
  .v4 .mh-title .a{font-size:calc(clamp(38px, min(8.6vw, 12.4vh), 132px) * var(--mh-scale,1))}
  .v4 #morphmask{height:min(calc(var(--mh-mask,72) * 1vh), 54vw)}
  .v4 .mh-sdn{bottom:clamp(20px,4vh,58px)}
  .v4 .mh-reveal{top:71%}
}
/* низкий ноутбучный экран — маска крупнее, буквы тише */
@media (min-width:761px) and (max-height:860px){
  .v4 .morphhero{height:130vh}
  .v4 .mh-title .a{font-size:calc(clamp(34px, min(7.4vw, 11.4vh), 118px) * var(--mh-scale,1))}
  .v4 #morphmask{height:min(calc(var(--mh-mask,72) * 1.08vh), 58vw)}
  .v4 .mh-eyebrow{top:clamp(84px,11vh,110px)}
  .v4 .mh-title{top:clamp(112px,15.5vh,168px)}
}

/* ---------- 2. Товар: фото не выше экрана, клик — во весь экран ---------- */
@media (min-width:901px){
  .crumbs{padding-top:clamp(94px,13vh,118px)}
  .prodwrap{padding-top:16px; gap:22px}
  .bigimg{background:#fff}
  body:not(.light) .bigimg{background:#0D0B0A}
  .bigimg img{width:100%; max-height:calc(100vh - 196px); object-fit:contain; cursor:zoom-in}
  .thumbcol img{width:58px; height:58px}
  .prodwrap{grid-template-columns:58px 1fr 1fr}
}
@media (min-width:901px) and (max-height:820px){
  .bigimg img{max-height:calc(100vh - 172px)}
  .pinfo h1{font-size:clamp(21px,2.1vw,29px); margin-top:9px}
}

/* фото на весь экран */
#zoomOv{position:fixed; inset:0; z-index:2000; background:rgba(8,8,9,.94);
  display:flex; align-items:center; justify-content:center; padding:26px; cursor:zoom-out}
#zoomOv img{max-width:96vw; max-height:92vh; object-fit:contain; border-radius:3px}
#zoomOv .zclose{position:absolute; top:16px; right:18px; width:40px; height:40px; border-radius:50%;
  background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.35); color:#FAFAF8;
  font-size:16px; line-height:1; cursor:pointer}
#zoomOv .zclose:hover{border-color:var(--acc); color:var(--acc)}

/* ---------- 3. Карточки коллекции влезают в экран ---------- */
@media (min-width:901px){
  .grid .pcard img{max-height:min(64vh,620px); object-position:center 28%}
}

/* ---------- 4. Сетка без дырок: карточки встык, разделены линиями ---------- */
.grid, body.light .grid{gap:0; padding:0; background:transparent;
  border-top:1px solid var(--gline); border-left:1px solid var(--gline)}
.grid > .pcard, body.light .grid > .pcard{
  border-right:1px solid var(--gline); border-bottom:1px solid var(--gline);
  padding:0 0 16px; gap:6px; background:transparent}
body.light .grid > .pcard{background:#fff}
.grid > .pcard .ttl, .grid > .pcard .pr{padding-left:14px; padding-right:14px}
.grid > .pcard .imgw{border-radius:0}
.grid > .pcard:hover .imgw{box-shadow:none}
@media (max-width:900px){
  .grid, body.light .grid{gap:0; padding:0}
  .grid .pcard img{max-height:none}
}

/* ---------- 5. Фон-видео: как только пошло — фото убираем ---------- */
.tourband img.tbg, .pvband .pvimg{transition:opacity .5s ease}
.tourband.vplay img.tbg{opacity:0}
.pvband.vplay .pvimg{opacity:.12}
.tourband.vplay video.tbgvid, .tourband.vplay .tbgvid{opacity:.62}
.tourband.vplay .tbgext{opacity:.62}
/* совсем низкий экран ноутбука */
@media (min-width:761px) and (max-height:760px){
  .v4 .mh-eyebrow{top:clamp(72px,10vh,96px)}
  .v4 .mh-title{top:clamp(100px,14vh,150px)}
  .v4 #morphmask{height:min(calc(var(--mh-mask,72) * 1.02vh), 56vw)}
}

/* ============================================================
   v17 — надзаголовок под шапкой, фото товара без белых полей,
          липкая галерея, блок «три колонки» ниже
   ============================================================ */

/* 1. Hero: надзаголовок и строки считаются от одной точки — под шапкой */
@media (min-width:761px){
  .v4{--eb:clamp(126px,14vh,152px)}
  .v4 .mh-eyebrow{top:var(--eb)}
  .v4 .mh-title{top:calc(var(--eb) + 34px)}
}
@media (min-width:761px) and (max-height:860px){
  .v4{--eb:clamp(124px,13.5vh,138px)}
  .v4 .mh-title{top:calc(var(--eb) + 30px)}
}
@media (min-width:761px) and (max-height:760px){
  .v4{--eb:120px}
  .v4 .mh-title{top:calc(var(--eb) + 26px)}
}

/* 2. Фото товара: рамка по размеру самого фото — белых полей больше нет */
@media (min-width:901px){
  .bigimg{border:0; background:transparent; border-radius:0; overflow:visible;
    display:flex; align-items:flex-start; justify-content:center}
  .bigimg img{width:auto; max-width:100%; height:auto;
    max-height:calc(100vh - 196px); object-fit:contain; border-radius:3px}
  .gcount{bottom:8px; right:8px}
}
@media (min-width:901px) and (max-height:820px){
  .bigimg img{max-height:calc(100vh - 172px)}
}

/* 3. Фото не уезжает при прокрутке (только компьютер) */
@media (min-width:901px){
  .prodwrap{align-items:start}
  .prodwrap .thumbcol, .prodwrap .bigimg{position:sticky; top:104px}
  .prodwrap .thumbcol{max-height:calc(100vh - 130px); overflow-y:auto; scrollbar-width:none}
  .prodwrap .thumbcol::-webkit-scrollbar{display:none}
}

/* 4. Блок «три колонки» — чуть ниже, чтобы подписи было видно сразу */
@media (min-width:901px){
  .edit3 img{max-height:min(52vh,520px); object-position:center 30%}
  .edit3 h4{margin-top:13px}
  .edit3 p{margin-top:6px}
}

/* ============================================================
   v18 — телефон: страница товара, чтобы цена и кнопка были видны
   ============================================================ */
@media (max-width:900px){
  /* высота фото — регулируется в настройках секции (100% = как есть) */
  .prodwrap .bigimg img{max-height:var(--galmob,100vh); width:auto; max-width:100%;
    margin:0 auto; display:block; object-fit:contain}
  .prodwrap .bigimg{display:flex; justify-content:center; align-items:flex-start;
    background:transparent; border:0; border-radius:0}
  /* компактная лента превью — экономим ~25px первого экрана */
  .prodwrap .thumbcol{gap:6px; padding:8px 0 4px}
  .prodwrap .thumbcol img{width:46px; height:46px}
  .crumbs{padding-top:112px; padding-bottom:2px}
  .pinfo h1{margin-top:8px}
}

/* плашка «в корзину», прилипшая к низу телефона */
.buybar{position:fixed; left:0; right:0; bottom:0; z-index:150;
  display:none; align-items:center; gap:12px;
  padding:10px 14px calc(10px + env(safe-area-inset-bottom));
  background:rgba(250,250,248,.97); border-top:1px solid #E6E2DA;
  backdrop-filter:blur(10px); transform:translateY(105%); transition:transform .28s cubic-bezier(.2,.8,.2,1)}
body:not(.light) .buybar{background:rgba(10,10,11,.96); border-top-color:#221D1E}
.buybar.on{transform:none}
.buybar .bbl{flex:1 1 auto; min-width:0}
.buybar .bbl b{display:block; font-size:11px; font-weight:800; letter-spacing:.1em; text-transform:uppercase;
  color:#8F897D; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.buybar .bbl span{display:block; font-size:16px; font-weight:800; color:#141312; margin-top:1px; white-space:nowrap}
body:not(.light) .buybar .bbl span{color:#F3EDE2}
.buybar .bbl span s{font-size:13px; font-weight:500; opacity:.5; margin-right:6px}
.buybar .bbbtn{flex:0 0 auto; background:var(--btn-bg,#141312); color:var(--btn-fg,#FAFAF8);
  border:0; border-radius:3px; padding:14px 18px; cursor:pointer;
  font-weight:800; letter-spacing:.12em; text-transform:uppercase; font-size:12px}
.buybar .bbbtn:disabled{opacity:.45}
@media (max-width:900px){
  .buybar{display:flex}
  body:has(.buybar.on) .ftr{padding-bottom:82px}
}
.buybar .bbl span s,.buybar .bbl span b{display:inline; margin:0}
.buybar .bbl span s{font-size:13px; font-weight:500; opacity:.5; margin-right:7px}

/* ============================================================
   v20 — тёмная главная: чёрный hero растворяется в белый
   ============================================================ */
body.light .v4.hero-dark{background:#060607}
body.light .v4.hero-dark .mh-title .a{background:linear-gradient(100deg,#8E8E8C 0%,#F2F2F0 20%,var(--acc) 40%,#EDEDEB 58%,#6E6E70 76%,#E9E9E7 92%,#8E8E8C 100%);
  background-size:300% 100%; -webkit-background-clip:text; background-clip:text; color:transparent}
body.light .v4.hero-dark .mh-eyebrow{color:var(--acc)}
body.light .v4.hero-dark #morphmask{filter:drop-shadow(0 40px 80px rgba(0,0,0,.7))}
body.light .v4.hero-dark .mh-reveal .rl{color:#F3EDE2; opacity:.75}
body.light .v4.hero-dark .mh-reveal .ctared{background:#F3EDE2; color:#0B0A0B}
body.light .v4.hero-dark .sdn{color:#F3EDE2}
body.light .v4.hero-dark .sdn svg path{stroke:#F3EDE2}
.herofade{height:60vh; background:linear-gradient(180deg, #060607 0%, #0D0D0E 10%, #1F1F20 20%, #3B3B3B 30%, #5C5C5C 40%, #808080 50%, #A4A4A3 60%, #C5C5C4 70%, #E1E1DF 80%, #F3F3F1 90%, #FAFAF8 100%); pointer-events:none}
body:not(.light) .herofade{display:none}

/* шапка над чёрным экраном — светлая, пока не доехали до белого */
body.light.hero-dark-page:not(.past-hero) .hdr{background:linear-gradient(180deg, rgba(6,6,7,.62), rgba(6,6,7,0)); color:#F3EDE2}
body.light.hero-dark-page:not(.past-hero) .topstack.solid .hdr{background:rgba(8,8,9,.94); border-color:#1E1E22}
body.light.hero-dark-page:not(.past-hero) .logo{color:#F3EDE2}
body.light.hero-dark-page:not(.past-hero) .navlink{color:#F3EDE2}
body.light.hero-dark-page:not(.past-hero) .navlink:hover,
body.light.hero-dark-page:not(.past-hero) .navlink.on{color:var(--acc)}
body.light.hero-dark-page:not(.past-hero) .burger{border-color:rgba(255,255,255,.32)}
body.light.hero-dark-page:not(.past-hero) .burger i{background:#F3EDE2}
body.light.hero-dark-page:not(.past-hero) .cartbtn,
body.light.hero-dark-page:not(.past-hero) .icobtn{border-color:rgba(255,255,255,.32); color:#F3EDE2}
body.light.hero-dark-page:not(.past-hero) .cartbtn .cnt{background:#F3EDE2; color:#141312}
.hdr, .logo, .navlink, .burger, .burger i, .cartbtn{transition:color .35s ease, background .35s ease, border-color .35s ease}

/* то же самое до того, как отработал скрипт */
 — светлая, пока не доехали до белого */
body.light:has(.v4.hero-dark):not(.past-hero) .hdr{background:linear-gradient(180deg, rgba(6,6,7,.62), rgba(6,6,7,0)); color:#F3EDE2}
body.light:has(.v4.hero-dark):not(.past-hero) .topstack.solid .hdr{background:rgba(8,8,9,.94); border-color:#1E1E22}
body.light:has(.v4.hero-dark):not(.past-hero) .logo{color:#F3EDE2}
body.light:has(.v4.hero-dark):not(.past-hero) .navlink{color:#F3EDE2}
body.light:has(.v4.hero-dark):not(.past-hero) .navlink:hover,
body.light:has(.v4.hero-dark):not(.past-hero) .navlink.on{color:var(--acc)}
body.light:has(.v4.hero-dark):not(.past-hero) .burger{border-color:rgba(255,255,255,.32)}
body.light:has(.v4.hero-dark):not(.past-hero) .burger i{background:#F3EDE2}
body.light:has(.v4.hero-dark):not(.past-hero) .cartbtn,
body.light:has(.v4.hero-dark):not(.past-hero) .icobtn{border-color:rgba(255,255,255,.32); color:#F3EDE2}
body.light:has(.v4.hero-dark):not(.past-hero) .cartbtn .cnt{background:#F3EDE2; color:#141312}

/* v20.1 — полоса перехода ложится под хвост анимации, а не добавляется после */
.v4.hero-dark .morphhero{position:relative; z-index:1}
.herofade{position:relative; z-index:0}

/* ============================================================
   v22 — одежда: выбор размера, таблица размеров, колонки-преимущества
   ============================================================ */
.vpick{margin-top:16px}
.vopt + .vopt{margin-top:12px}
.vlab{font-size:10.5px; font-weight:800; letter-spacing:.2em; text-transform:uppercase; color:#8F897D; margin-bottom:8px}
.vlab .vsel{color:#141312; letter-spacing:.08em; text-transform:none; font-weight:700}
body:not(.light) .vlab .vsel{color:#F3EDE2}
.vvals{display:flex; flex-wrap:wrap; gap:8px}
.vv{min-width:48px; padding:10px 14px; border:1px solid #D9D4CA; background:transparent; color:#141312; border-radius:3px;
  font-family:var(--body); font-weight:700; font-size:13px; letter-spacing:.06em; cursor:pointer; transition:border-color .15s, background .15s, color .15s}
.vv:hover{border-color:#141312}
.vv.on{background:#141312; color:#FAFAF8; border-color:#141312}
.vv.na{color:#B9B3A7; border-style:dashed; position:relative}
.vv.na::after{content:""; position:absolute; left:8px; right:8px; top:50%; height:1px; background:currentColor; transform:rotate(-14deg)}
body:not(.light) .vv{border-color:#3A3A3E; color:#F3EDE2}
body:not(.light) .vv:hover{border-color:#F3EDE2}
body:not(.light) .vv.on{background:#F3EDE2; color:#0B0A0B; border-color:#F3EDE2}
.atcbig[disabled]{opacity:.45; cursor:not-allowed}

.szrow{margin-top:12px}
.szlink{display:inline-flex; align-items:center; gap:8px; background:none; border:0; padding:0; cursor:pointer;
  font-family:var(--body); font-weight:800; font-size:11.5px; letter-spacing:.14em; text-transform:uppercase; color:#141312;
  border-bottom:1px solid var(--acc); padding-bottom:3px}
.szlink svg{color:var(--acc)}
.szlink:hover{color:var(--acc)}
body:not(.light) .szlink{color:#F3EDE2}
.szempty{font-size:12px; color:#9E4A4A; font-style:italic}
.szov{position:fixed; inset:0; z-index:1900; background:rgba(8,8,9,.7); display:flex; align-items:center; justify-content:center; padding:20px; backdrop-filter:blur(4px)}
.szbox{position:relative; width:min(760px,96vw); max-height:88vh; overflow:auto; background:#FAFAF8; color:#141312; border-radius:6px; padding:34px 32px 30px}
body:not(.light) .szbox{background:#111012; color:#F3EDE2}
.szclose{position:absolute; top:12px; right:12px; width:36px; height:36px; border-radius:50%; border:1px solid rgba(127,127,127,.4); background:transparent; color:inherit; cursor:pointer; font-size:14px}
.szclose:hover{border-color:var(--acc); color:var(--acc)}
.szhead{font-family:var(--lat); font-size:22px; text-transform:uppercase; margin-bottom:16px}
.szbody{font-size:14px; line-height:1.6}
.szbody table{width:100%; border-collapse:collapse; margin:10px 0 16px; font-size:13.5px}
.szbody th,.szbody td{border:1px solid #E1DAC9; padding:9px 10px; text-align:center}
.szbody th{background:#F1EDE5; font-weight:800; letter-spacing:.06em; text-transform:uppercase; font-size:11px}
body:not(.light) .szbody th,body:not(.light) .szbody td{border-color:#2A2A2E}
body:not(.light) .szbody th{background:#1A191C}
.szbody img{max-width:100%; height:auto; border-radius:4px}
.szbody p{margin:0 0 10px}
@media (max-width:760px){ .szbox{padding:26px 18px 22px; width:100%} .szbody{overflow-x:auto} }

.fcols .fgrid{display:grid; gap:0; border-top:1px solid var(--gline); border-left:1px solid var(--gline)}
.fcols .fgrid-4{grid-template-columns:repeat(4,1fr)}
.fcols .fgrid-3{grid-template-columns:repeat(3,1fr)}
.fcol{padding:28px 26px 30px; border-right:1px solid var(--gline); border-bottom:1px solid var(--gline)}
.fico{display:inline-flex; width:44px; height:44px; border-radius:50%; border:1px solid var(--acc); color:var(--acc); align-items:center; justify-content:center; margin-bottom:16px}
.fcol h4{font-family:var(--lat); font-size:15px; letter-spacing:.04em; text-transform:uppercase; margin:0 0 8px; color:#141312}
.fcol p{margin:0; font-size:13.5px; line-height:1.6; color:#5F594E}
body:not(.light) .fcol h4{color:#F3EDE2}
body:not(.light) .fcol p{color:#BDB7AB}
@media (max-width:900px){ .fcols .fgrid-4,.fcols .fgrid-3{grid-template-columns:repeat(2,1fr)} .fcol{padding:22px 18px 24px} }
@media (max-width:480px){ .fcols .fgrid-4,.fcols .fgrid-3{grid-template-columns:1fr} }

/* v22.1 — описание товара из Shopify в нашем стиле (одежда: состав, уход) */
.pdesc{font-size:13.5px; line-height:1.65; color:#4A453C}
body:not(.light) .pdesc{color:#C6C0B4}
.pdesc p{margin:0 0 10px}
.pdesc h1,.pdesc h2,.pdesc h3,.pdesc h4,.pdesc strong:only-child{display:block; font-family:var(--body); font-size:11px; font-weight:800; letter-spacing:.18em; text-transform:uppercase; color:#141312; margin:18px 0 8px}
body:not(.light) .pdesc h1,body:not(.light) .pdesc h2,body:not(.light) .pdesc h3,body:not(.light) .pdesc h4{color:#F3EDE2}
.pdesc ul,.pdesc ol{list-style:none; margin:0 0 12px; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:4px 22px}
.pdesc li{position:relative; padding-left:16px; margin:0}
.pdesc li::before{content:""; position:absolute; left:0; top:.72em; width:7px; height:2px; background:var(--acc)}
.pdesc li img{display:inline-block; width:18px; height:18px; vertical-align:-4px; margin-right:7px; object-fit:contain}
.pdesc li:has(img)::before{display:none}
.pdesc li:has(img){padding-left:0}
.pdesc img:not(li img){max-width:100%; height:auto; border-radius:4px; margin:8px 0}
.pdesc table{width:100%; border-collapse:collapse; margin:8px 0 14px; font-size:13px}
.pdesc th,.pdesc td{border:1px solid #E1DAC9; padding:7px 9px; text-align:left}
body:not(.light) .pdesc th,body:not(.light) .pdesc td{border-color:#2A2A2E}
.pdesc a{color:var(--acc)}
.pdesc > :first-child{margin-top:0}
@media (max-width:760px){ .pdesc ul,.pdesc ol{grid-template-columns:1fr} }

/* v22.2 — кнопка-ссылка справа от заголовка секции */
.sect-h .sect-btn{flex:0 0 auto; margin-left:18px; font-family:var(--body); font-weight:800; font-size:11.5px; letter-spacing:.16em; text-transform:uppercase; color:var(--acc); text-decoration:none; border-bottom:1px solid var(--acc); padding-bottom:2px; white-space:nowrap}
.sect-h .sect-btn:hover{color:#141312; border-color:#141312}
body:not(.light) .sect-h .sect-btn:hover{color:#F3EDE2; border-color:#F3EDE2}
@media (max-width:760px){ .sect-h{flex-wrap:wrap} .sect-h .sect-btn{margin-left:0; margin-top:6px; width:100%} }

/* ============================================================
   v22.3 — iPhone Safari: видео без чёрных полос, стабильный hero
   ============================================================ */
/* фон-видео заполняет блок «математикой» — работает даже там, где object-fit у <video> игнорируется */
.pvband .pvvid, .pvband video.tbgvid,
.tourband video.tbgvid{
  position:absolute; inset:auto; left:50%; top:50%; transform:translate(-50%,-50%);
  width:auto; height:auto; min-width:100%; min-height:100%; max-width:none; max-height:none;
  object-fit:cover}
.pvband .pvbg, .tourband{overflow:hidden}
@supports (height:100svh){
  .pvband{min-height:calc(var(--pvh,56vh) * 1)}
  @media (max-width:760px){ .pvband{min-height:var(--pvhm,60vh)} }
}

/* hero на телефоне: считаем от «малого» экрана (с адресной строкой), чтобы ничего не пряталось под панелями */
@supports (height:100svh){
  @media (max-width:760px){
    .v4 .mh-sticky{height:100svh}
    .v4 .mh-sdn{bottom:auto; top:calc(100svh - 62px)}
    .v4 .mh-reveal{bottom:auto; top:calc(100svh - 200px)}
    .v4 #morphmask{max-height:calc(100svh - 230px)}
  }
}

/* ============================================================
   v22.4 — страницы, которые рисует сам Shopify (политики, аккаунт):
   отступ под фиксированную шапку и наша типографика
   ============================================================ */
main > *:not(.shopify-section):not([id^="shopify-section"]){
  max-width:820px; margin:0 auto; padding:clamp(120px,16vh,160px) 5vw 80px; box-sizing:border-box}
.shopify-policy__container{max-width:820px}
.shopify-policy__title{margin:0 0 22px}
.shopify-policy__title h1{font-family:var(--anton); font-size:clamp(28px,3.8vw,52px); text-transform:uppercase; line-height:1.02; margin:0; color:#141312}
.shopify-policy__body{font-size:15px; line-height:1.75; color:#3F3A32}
.shopify-policy__body p{margin:0 0 14px}
.shopify-policy__body h2,.shopify-policy__body h3,.shopify-policy__body strong:only-child{display:block; font-family:var(--body); font-weight:800; font-size:12px; letter-spacing:.18em; text-transform:uppercase; color:#141312; margin:26px 0 8px}
.shopify-policy__body ul{padding-left:18px; margin:0 0 14px}
.shopify-policy__body a{color:var(--acc)}
body:not(.light) .shopify-policy__title h1{color:#F3EDE2}
body:not(.light) .shopify-policy__body{color:#C6C0B4}
body:not(.light) .shopify-policy__body h2,body:not(.light) .shopify-policy__body h3{color:#F3EDE2}
/* формы аккаунта Shopify по умолчанию */
main > form, main #customer_login, main #create_customer, main #recover_customer, main .shopify-challenge__container{font-size:15px}
main input[type="email"], main input[type="password"], main input[type="text"]{width:100%; padding:12px 14px; border:1px solid #D9D4CA; border-radius:3px; font:inherit; margin:6px 0 14px}
main input[type="submit"], main button[type="submit"]{background:var(--btn-bg,#141312); color:var(--btn-fg,#FAFAF8); border:0; border-radius:3px; padding:14px 26px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; font-size:12px; cursor:pointer}
/* v23.1 — надпись, когда все даты прошли */
.showsempty{font-family:var(--body,sans-serif); font-size:13px; letter-spacing:.08em; text-transform:uppercase; color:#8F897D; padding:14px 0}
/* v23.2 — окно AI-чата поверх сайта («Track order») */
#chatOv{position:fixed; inset:0; z-index:2100; background:rgba(8,8,9,.72); backdrop-filter:blur(4px);
  display:flex; align-items:flex-end; justify-content:flex-end; padding:20px}
#chatOv[hidden]{display:none}
#chatOv .chatbox{width:min(420px,100%); height:min(680px,calc(100vh - 40px)); background:#FAFAF8; border-radius:14px;
  overflow:hidden; display:flex; flex-direction:column; box-shadow:0 30px 80px rgba(0,0,0,.45)}
#chatOv .chathead{display:flex; align-items:center; justify-content:space-between; padding:12px 12px 12px 18px;
  background:#141312; color:#FAFAF8; font-family:var(--body,sans-serif); font-weight:800; font-size:12px; letter-spacing:.16em; text-transform:uppercase}
#chatOv .chatclose{width:32px; height:32px; border-radius:50%; border:1px solid rgba(255,255,255,.3); background:transparent; color:#FAFAF8; cursor:pointer; font-size:13px}
#chatOv .chatclose:hover{border-color:var(--acc,#C1121F); color:var(--acc,#C1121F)}
#chatOv iframe{flex:1 1 auto; width:100%; border:0; background:#fff}
@media (max-width:760px){
  #chatOv{padding:0; align-items:stretch}
  #chatOv .chatbox{width:100%; height:100%; border-radius:0}
}
/* v24 — корзина: кнопка «Update cart» была чёрной на чёрном; делаем контурной */
.cartform .cartupd{background:transparent !important; color:#141312 !important; border:1px solid #141312 !important; border-radius:3px; padding:15px 28px}
.cartform .cartupd:hover{background:#141312 !important; color:#FAFAF8 !important}
/* v25 — предзаказ / sold out на странице товара */
.mtoline.mto-po b, .mtobox.mto-po b{color:var(--acc,#C1121F)}
.mtoline.mto-so b, .mtobox.mto-so b{color:#8F897D}
.atcbig.atc-po{background:var(--acc,#C1121F); border-color:var(--acc,#C1121F); color:#fff}
.atcbig.atc-po:hover{background:#141312; border-color:#141312}
/* v24.1 — hero на телефоне: без transition на анимируемых слоях, свой слой композитинга */
#morphmask, #mw1, #mw2, #mhreveal, #mhscr{transition:none !important; will-change:transform,opacity; backface-visibility:hidden; -webkit-backface-visibility:hidden}
#morphmask{will-change:transform,opacity,filter}
.mh-sticky{contain:layout paint}
/* v26 — Junip: без брендинга, без стрелок голосования и «Would recommend» */
.junip-powered-by-footer, .junip-powered-by, [class*="junip-powered"],
[class*="junip-branding"], [class*="junip-reviewed-on"],
a[href*="junip.co"]:not([class*="junip-review-link"]){display:none !important}
[class*="junip-review-vote"], [class*="junip-vote"], [class*="junip-helpful"],
[class*="junip-review-recommend"], [class*="junip-recommend"]{display:none !important}
[data-junip-hidden]{display:none !important}