/* Layout 3 — „Мозаик“: trust strip, CAPS tab bar, round favourites, promo mosaic, long 6-wide sections, big CTA product. */
.hdr{background:var(--hdr-bg);color:var(--hdr-fg);box-shadow:var(--hdr-shadow);position:sticky;top:0;z-index:40}
.trust-bar{background:var(--bar-bg);color:var(--bar-fg);font-size:12px}
.trust-in{display:flex;align-items:center;gap:22px;padding-block:5px;white-space:nowrap;overflow:hidden}
.tb-r{margin-left:auto;display:flex;align-items:center;gap:12px}
.tb-r a{font-weight:700}
.main-row{display:flex;align-items:center;gap:16px;padding-block:10px}
.search{position:relative;flex:1;min-width:0;max-width:720px;margin-inline:auto}
.search input{width:100%;height:42px;padding:0 44px 0 16px;border:2px solid var(--accent);border-radius:var(--r-s);background:var(--card);color:var(--fg)}
[data-theme="stadion"] .search input{background:#131722;color:#fff}
.search button{position:absolute;right:0;top:0;width:44px;height:42px;border-radius:0 var(--r-s) var(--r-s) 0;background:var(--accent);color:var(--accent-ink);font-size:18px}
.hdr-order{padding:10px 18px;border-radius:var(--r-s);font-weight:800;white-space:nowrap}
.tabs-bar{border-top:1px solid var(--line-on-hdr)}
.tabs-bar>ul{display:flex;justify-content:space-between;gap:0;overflow-x:auto;scrollbar-width:none}
.tabs-bar>ul::-webkit-scrollbar{display:none}
.tabs-bar>ul>li{position:relative}
.tabs-bar>ul>li>a{display:block;padding:12px 12px;font-weight:800;font-size:13px;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.tabs-bar>ul>li>a:hover{color:var(--accent-text);box-shadow:inset 0 -3px 0 var(--accent)}
.tabs-bar .hot>a{color:var(--accent2)}
.dd{position:absolute;left:0;top:100%;min-width:260px;background:var(--card);color:var(--fg);border:1px solid var(--line);border-top:3px solid var(--accent);box-shadow:0 20px 50px rgba(0,0,0,.3);padding:8px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.18s;z-index:60}
.sp-tab:nth-last-child(-n+4) .dd{left:auto;right:0}
@media (hover:hover){.sp-tab:hover .dd{opacity:1;visibility:visible;transform:none}}
.sp-tab.open .dd{opacity:1;visibility:visible;transform:none}
.dd li a{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--r-s);font-size:14px;font-weight:600}
.dd li a small{margin-left:auto;font-weight:400;opacity:.55;font-size:12px}
.dd li a:hover{background:var(--soft)}

/* favourites row */
.favs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-block:18px 8px}
.favs::-webkit-scrollbar{display:none}
.fav{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:8px;width:104px;font-size:12px;font-weight:700;text-align:center;line-height:1.15}
.fav-ic{display:grid;place-items:center;width:84px;height:84px;border-radius:50%;background:var(--card);border:2px solid var(--line);padding:16px;transition:.15s}
.fav-ic .shirt{width:100%;height:100%}
.fav-ic.crest-ic{padding:6px}
.fav:hover .fav-ic,.fav.on .fav-ic{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 30%,transparent)}
.favs.small .fav{width:92px}.favs.small .fav-ic{width:72px;height:72px}
/* mosaic */
.mosaic{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:220px 220px;gap:12px;padding-block:8px 10px}
.mt{position:relative;display:flex;align-items:flex-end;padding:20px;border-radius:var(--r-m);overflow:hidden;color:var(--promo-fg);isolation:isolate}
.mt.big{grid-column:1/3;grid-row:1/3;background:var(--promo-a);padding:30px}
.mt.s1{background:var(--promo-b)}.mt.s2{background:var(--promo-d)}.mt.s3{background:var(--promo-c)}.mt.s4{background:var(--promo-b)}
[data-theme="katalog"] .mt{color:var(--fg)}
[data-theme="tribina"] .mt.s3{color:#15231b}
.mt-txt{position:relative;z-index:2;display:flex;flex-direction:column;gap:4px}
.mt h3{font-size:24px}
.mt.big h3{font-size:clamp(34px,4vw,54px)}
.mt .btn{margin-top:10px;background:var(--fg);color:var(--bg);align-self:flex-start;padding:9px 14px;font-size:13px}
[data-theme="stadion"] .mt .btn{background:var(--accent);color:var(--accent-ink)}
.mt-art{position:absolute;right:-6%;top:-6%;width:52%;height:112%;display:flex;align-items:center;justify-content:flex-end;gap:0;opacity:.95}
.mt-art .shirt{width:70%;filter:drop-shadow(0 16px 24px rgba(0,0,0,.35))}
.mt.big .mt-art{width:60%;right:-4%}
.mt.big .mt-art .shirt{width:42%;margin-left:-14%}
.mt.big .mt-art .shirt:nth-child(1){transform:rotate(-10deg) translateY(10%)}
.mt.big .mt-art .shirt:nth-child(3){transform:rotate(10deg) translateY(10%)}
/* sections */
.msec{padding-block:22px}
.msec-h{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;padding-bottom:10px;border-bottom:3px solid var(--accent)}
.msec-h h2{font-size:20px;text-transform:uppercase;letter-spacing:.06em}
.msec-h a{font-size:12px;font-weight:800;letter-spacing:.1em;color:var(--accent-text);white-space:nowrap}
.msec-h span{font-size:13px;opacity:.6}
.pgrid.six{grid-template-columns:repeat(6,1fr);gap:10px}
.pgrid.six .pimg{padding:10%}
.pgrid.six .pbody{padding:10px 10px 12px}
.pgrid.six .pteam{display:none}
.pgrid.six .ptitle{font-size:13px;min-height:34px}
.pgrid.six .pprice{font-size:15px}
.testi{padding-block:26px;text-align:center}
.testi h2{font-size:22px;margin-bottom:16px}
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;text-align:left}
.testi blockquote{margin:0;padding:18px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-m)}
.testi blockquote p{font-size:14px}
.testi footer{margin-top:10px;font-size:12px;opacity:.6;font-weight:600}
.crest-row{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:6px}
.crest-row::-webkit-scrollbar{display:none}
.crest-round{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:6px;width:96px;font-size:12px;font-weight:700;text-align:center}
.crest-round .crest{width:64px;height:64px}
.ph{padding-block:10px 6px}
.ph h1{font-size:clamp(26px,3.4vw,36px);display:flex;align-items:center;gap:12px}
.ph.team{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.ph.team .tcrest{width:72px;height:72px}
.ph.team .order{margin-left:auto}
.caps-tabs{display:flex;gap:0;border-bottom:2px solid var(--line);margin-block:10px 4px;overflow-x:auto;scrollbar-width:none}
.caps-tabs .chip{background:transparent;border:0;border-bottom:3px solid transparent;border-radius:0;padding:10px 14px;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:800;margin-bottom:-2px}
.caps-tabs .chip.on{background:transparent;color:var(--accent-text);border-bottom-color:var(--accent)}

/* product */
.prod{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;padding-block:8px 10px;align-items:start}
.gallery .thumbs{display:flex;gap:8px;margin-top:8px}
.info{display:flex;flex-direction:column;gap:14px}
.info h1{font-size:clamp(24px,2.8vw,34px);line-height:1.1}
.rating{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--accent2);font-weight:700}
.rating small{color:var(--fg);opacity:.6;font-weight:500}
.rating .crest{width:18px;height:18px}
.rating a{color:var(--fg)}
.price-row{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;padding:12px 0;border-block:1px solid var(--line)}
.price-note{font-size:13px;opacity:.65}
.size-row.big .size{min-width:56px;height:46px;font-size:15px}
.cta{display:flex;align-items:center;justify-content:center;gap:10px;padding:18px;border-radius:var(--r-s);background:var(--accent);color:var(--accent-ink);font-weight:900;font-size:17px;letter-spacing:.06em;box-shadow:0 10px 24px color-mix(in srgb,var(--accent) 35%,transparent)}
[data-theme="tribina"] .cta{background:var(--gold);color:#15231b}
.cta:hover{filter:brightness(1.07)}
.cta-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.cta-row a{text-align:center;padding:11px;border-radius:var(--r-s);border:1.5px solid var(--line-strong);font-weight:700;font-size:13px;background:var(--card)}
.ptags-inline{display:flex;gap:6px;flex-wrap:wrap}
.acc{border-top:1px solid var(--line);padding:4px 0}
.acc>summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;padding:12px 0;font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:13px}
.acc>summary::-webkit-details-marker{display:none}
.acc>summary::after{content:'+';opacity:.5}
.acc[open]>summary::after{content:'–'}
.acc p{max-width:60ch;padding-bottom:12px}

@media (max-width:1100px){.pgrid.six{grid-template-columns:repeat(4,1fr)}}
@media (max-width:900px){
  .trust-bar{display:none}.main-row{gap:10px}.hdr-order{display:none}.tabs-bar>ul{justify-content:flex-start}
  .mosaic{grid-template-columns:1fr 1fr;grid-template-rows:200px 160px 160px}.mt.big{grid-column:1/3;grid-row:1}
  .testi-grid{grid-template-columns:1fr}
  .prod{grid-template-columns:1fr}
  .ph.team .order{margin-left:0;width:100%}
}
@media (max-width:560px){.pgrid.six{grid-template-columns:repeat(2,1fr)}.mt h3{font-size:18px}.mt.big h3{font-size:28px}.cta{font-size:15px;padding:16px}}

@media (max-width:900px){.main-row{flex-wrap:wrap}.main-row .logo{margin-right:auto}.main-row .search{order:3;flex:1 1 100%;max-width:none;margin:0}}