/* =====================================================
   VymmoLab — стилі багатосторінкової версії
   (доповнює site.css: меню з посиланнями, сторінки
   категорій / товару / інфо, хлібні крихти, 404)
   ===================================================== */

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* курсор-крапка (раніше був inline-style) */
#cursor{position:fixed;width:16px;height:16px;background:var(--yw);border-radius:50%;top:-20px;left:-20px;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:width .15s,height .15s;mix-blend-mode:difference}
@media(hover:none){#cursor{display:none}}

/* контент зверху фону */
body>main{position:relative;z-index:1;display:block;min-height:60vh}
body>.mobile-menu{position:relative;z-index:119}
a{color:inherit}
:focus-visible{outline:2px solid var(--yw);outline-offset:2px}

/* ── меню ── */
.nav-links{align-items:center}
.nav-links a{text-decoration:none;white-space:nowrap;transition:color .16s}
.nav-links a[aria-current="page"]{color:var(--yw)}
.nav-burger{display:none}
.mobile-menu{position:sticky;top:64px;z-index:119;background:rgba(9,9,9,.98);border-bottom:1px solid rgba(255,255,255,.08);padding:8px 18px 14px;flex-direction:column;backdrop-filter:blur(16px)}
.mobile-menu:not([hidden]){display:flex}
.mobile-menu a{padding:12px 4px;text-decoration:none;font-weight:600;font-size:.95rem;color:#e8e5dc;border-bottom:1px solid rgba(255,255,255,.06)}
.mobile-menu a:last-child{border-bottom:0}
@media(max-width:760px){.nav-burger{display:flex}}
@media(min-width:761px){.mobile-menu{display:none!important}}

/* ── головна: категорії як посилання ── */
a.catcard{text-decoration:none;color:#fff;display:flex;flex-direction:column;justify-content:flex-end}
a.catcard.cc2{color:#151515}
.cc-nm{margin:0 0 4px}
.catgrid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important;max-width:100%}
@media(min-width:1025px){.catgrid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:760px){.catgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
.catcard:only-child{max-width:340px}

/* ── картки товарів ── */
.apcard{cursor:auto}
.apcard-a{display:block;text-decoration:none;color:inherit}
.apwish{top:18px;right:18px}
.apname{margin:0}
.apsold{position:absolute;left:8px;bottom:8px;background:rgba(0,0,0,.72);color:#fff;font-size:.66rem;font-weight:700;padding:4px 9px;border-radius:99px;z-index:2}
.apcard.is-sold .apimg img{filter:grayscale(.6);opacity:.7}
.inline-link{color:var(--yw);text-decoration:none;font-weight:700;white-space:nowrap}
.inline-link:hover{text-decoration:underline}
.allproducts-head h1.sttl,.allproducts-head h2.sttl{margin:0}

/* ── списки (категорія / каталог) ── */
.listing{padding-top:28px}
.crumbs{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0 0 22px;padding:0;font-size:.78rem;color:var(--mu)}
.crumbs li{display:flex;align-items:center;gap:6px}
.crumbs li+li::before{content:"›";opacity:.5}
.crumbs a{color:var(--mu);text-decoration:none}
.crumbs a:hover{color:var(--yw)}
.crumbs li[aria-current]{color:#d6d3cc}
.catpills{margin:0 0 22px}
a.pill{text-decoration:none;color:#d6d3cc}
a.pill.on{color:#111}
.pill-n{opacity:.5;font-size:.73rem}
.empty-note{color:var(--mu);font-size:.95rem;line-height:1.7;padding:26px 0}
.empty-note strong{display:block;color:#f0eeff;font-size:1.05rem;margin-bottom:4px}
.cat-content{margin-top:52px;max-width:820px;border-top:1px solid var(--br);padding-top:26px}
.cat-content h2,.cat-content h3{font-family:'Nunito',sans-serif;margin:18px 0 8px;color:#f0eeff}

/* ── сторінка товару ── */
.pdp{max-width:1240px;margin:0 auto;padding:28px 30px 80px}
.pdp-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:46px;align-items:start}
.pdp-gallery{position:sticky;top:96px}
.pdp-img.ppimg{aspect-ratio:1/1;font-size:7rem;margin-bottom:14px;background:linear-gradient(135deg,#211706,#121216)!important}
.pdp-img img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;border-radius:24px}
.ppthumbs{margin:0 0 6px}
.ppthumb{width:68px;height:68px}
.pdp-info{min-width:0}
.pdp-cat{display:inline-block;text-decoration:none;color:var(--yw);font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px}
.pdp-info .ppname{font-size:clamp(1.7rem,3.2vw,2.4rem);margin-bottom:12px}
.pdp-info .pppr{margin:0 0 16px}
.pdp-info .ppdesc p{margin:0 0 10px}
.pdp-info .ppdesc{margin-bottom:22px}
.pdp-info .ppcol,.pdp-info .ppchip{font-family:inherit;color:inherit;border:2px solid var(--br)}
.pdp-info .ppchip{background:#151515;color:#eee;border:1px solid var(--br)}
.pdp-info .ppchip.on{background:var(--yw);color:#111;border-color:var(--yw)}
.pdp-info .ppcol{padding:0}
.pdp-info .ppcol.on{border-color:var(--yw)}
.pdp-info .ppact{max-width:460px}
.pdp-info .ppqrow{margin-top:6px}
.pdp-perks{list-style:none;margin:20px 0 6px;padding:0;color:var(--mu);font-size:.82rem;display:grid;gap:7px}
.pdp-perks li::before{content:"✓";color:var(--yw);margin-right:8px;font-weight:900}
.pdp-h2{font-family:'Nunito',sans-serif;font-size:1.05rem;margin:26px 0 12px}
.pdp-related{margin-top:70px}
.pdp-related .sttl{margin-bottom:22px}
.pdp-related .allproducts-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.ppnosell{max-width:460px}
@media(max-width:1000px){.pdp-related .allproducts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:860px){
  .pdp{padding:18px 16px 60px}
  .pdp-grid{grid-template-columns:1fr;gap:22px}
  .pdp-gallery{position:static}
}

/* ── інфо-сторінки / 404 ── */
.info-page{max-width:880px;margin:0 auto;padding:36px 24px 90px}
.info-page .sttl{margin-bottom:18px}
.info-page .info-body{font-size:.95rem}
.about-teaser{max-width:780px;margin:0 auto;padding:30px 24px 70px;text-align:center}
.about-teaser .sttl{margin-bottom:14px}
.about-teaser .info-body{margin-bottom:20px}
.info-body ul,.info-body ol{margin:0 0 12px 22px}
.notfound{text-align:center}
.nf-code{font-family:'Nunito',sans-serif;font-weight:900;font-size:clamp(4rem,14vw,8rem);line-height:1;color:var(--yw);letter-spacing:-.05em}
.notfound .btn-pk,.notfound .btn-gh{text-decoration:none;margin:4px}
.info-page .btn-pk{text-decoration:none}
a.btn-pk,a.btn-gh{text-decoration:none}

/* ── підвал ── */
.footer-links{flex-wrap:wrap}
a.footer-link{text-decoration:none}

@media(max-width:760px){
  .listing{padding-top:18px}
}

/* пошук: результати — посилання */
a.search-card{text-decoration:none;color:#fff}