/* SpOki category pilot — ONLY term 74 (Фиджет играчки). Product-first browse shell. */

body.spoki-pilot {
  --spoki-content-w: 73.75rem;
  --spoki-cream-bg: #FFF7EB;
  --spoki-white: #FFFFFF;
  --spoki-peach: #FDF0E3;
  --spoki-mint: #EAF6F4;
  --spoki-butter: #FBF3D6;
  --spoki-sand: #E7DED3;
  --spoki-teal: #19B0B6;
  --spoki-teal-deep: #00838A;
  --spoki-orange: #FF8A00;
  --spoki-orange-hover: #DC7A2E;
  --spoki-slate: #2A2D34;
  --spoki-ink: #2A2D34;
  --spoki-muted: #54656B;
  --spoki-font-head: 'Nunito', system-ui, sans-serif;
  --spoki-font-body: 'Open Sans', system-ui, sans-serif;
  --spoki-radius-card: 1rem;
  --spoki-radius-btn: 999rem;
  --spoki-shadow-card: 0 .45rem 1.4rem rgba(46, 58, 103, .06);
}

body.spoki-pilot .wd-page-title {
  background: var(--spoki-cream-bg);
  padding: clamp(2rem, 4vw, 3.25rem) 1rem clamp(1.4rem, 3vw, 2.4rem);
}

body.spoki-pilot .wd-page-title .entry-title,
body.spoki-pilot .wd-page-title .title {
  max-width: var(--spoki-content-w);
  margin-inline: auto;
  color: #2E3A67;
  font-family: var(--spoki-font-head);
  font-weight: 800;
  letter-spacing: 0;
}

body.spoki-pilot .wd-page-title .wd-breadcrumbs {
  max-width: var(--spoki-content-w);
  margin-inline: auto;
}

body.spoki-pilot .wd-page-title .wd-breadcrumbs a {
  color: var(--spoki-teal-deep);
}

body.spoki-pilot .shop-loop-head,
body.spoki-pilot .wd-sidebar { display: none !important; }
body.spoki-pilot .wd-products-element:empty,
body.spoki-pilot ul.products:empty { display: none !important; }
body.spoki-pilot .wd-content-area { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; }

body.spoki-pilot .wp-block-woocommerce-coming-soon {
  display: none !important;
}

.spoki-cat {
  max-width: var(--spoki-content-w);
  margin-inline: auto;
  color: var(--spoki-ink);
  font-family: var(--spoki-font-body);
}

.spoki-cat * {
  box-sizing: border-box;
}

.spoki-cat a {
  text-decoration-thickness: .08em;
  text-underline-offset: .18em;
}

.spoki-cat--top {
  margin-block: 0 2rem;
}

.spoki-cat--bottom {
  margin-block: 1.5rem 0;
}

.spoki-cat__masthead {
  max-width: 50rem;
  margin: 0 auto .85rem;
  text-align: center;
}

.spoki-cat__eyebrow,
.spoki-cat__mini,
.spoki-cat__ptag,
.spoki-cat__railtitle {
  margin: 0;
  color: var(--spoki-teal-deep);
  font-family: var(--spoki-font-head);
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}

.spoki-cat__answerh {
  margin: .35rem auto .6rem;
  color: #2E3A67;
  font-family: var(--spoki-font-head);
  font-size: clamp(1.2rem, 2.4vw, 1.8rem);
  font-weight: 800;
  line-height: 1.22;
  letter-spacing: 0;
}

.spoki-cat__intro {
  max-width: 46rem;
  margin-inline: auto;
}

.spoki-cat__lead {
  margin: 0;
  color: var(--spoki-ink);
  font-size: 1rem;
  line-height: 1.65;
}

.spoki-cat__lead.is-clamped {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.spoki-cat .spoki-cat__readmore {
  display: inline-flex;
  margin: .45rem 0 0;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  color: var(--spoki-teal) !important;
  box-shadow: none !important;
  font-family: var(--spoki-font-head);
  font-size: .92rem;
  font-weight: 800;
  line-height: 1.4;
  text-transform: none !important;
  cursor: pointer;
}

.spoki-cat .spoki-cat__readmore:hover {
  color: var(--spoki-teal-deep) !important;
  text-decoration: underline;
}

.spoki-cat__tabs {
  display: flex;
  flex-wrap: nowrap;
  gap: .65rem;
  margin: 1rem 0 1.15rem;
  padding: .15rem .05rem .55rem;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
}

.spoki-cat__tabs::-webkit-scrollbar {
  height: .35rem;
}

.spoki-cat__tabs::-webkit-scrollbar-thumb {
  background: var(--spoki-sand);
  border-radius: var(--spoki-radius-btn);
}

.spoki-cat__tab {
  flex: 0 0 auto;
  min-height: 2.45rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: .6rem 1rem;
  border: 1px solid var(--spoki-sand);
  border-radius: var(--spoki-radius-btn);
  background: var(--spoki-white);
  color: var(--spoki-slate);
  font-family: var(--spoki-font-head);
  font-size: .9rem;
  font-weight: 800;
  text-decoration: none;
  white-space: nowrap;
}

.spoki-cat__tab:hover {
  border-color: var(--spoki-teal);
  color: var(--spoki-teal-deep);
}

.spoki-cat__tab.is-active {
  border-color: var(--spoki-teal);
  background: var(--spoki-teal);
  color: var(--spoki-white);
}

/* SPOKI CHIP-PHASE3-20260721: navigation vs filter vs badge visual system.
   Added ALONGSIDE the existing .spoki-cat__tab / .spoki-cat__filterlink
   markup (dual-class), not a replacement — nothing that already targets
   those selectors changes behavior. */

.spoki-subnav__link {
  border-radius: .4rem;
  border-color: transparent;
  background: transparent;
  padding: .55rem .2rem;
  box-shadow: inset 0 -2px 0 0 transparent;
}

.spoki-subnav__link:hover {
  border-color: transparent;
  background: transparent;
  color: var(--spoki-teal-deep);
  box-shadow: inset 0 -2px 0 0 var(--spoki-sand);
}

.spoki-subnav__link.is-current {
  background: transparent;
  color: var(--spoki-teal-deep);
  box-shadow: inset 0 -3px 0 0 var(--spoki-teal);
}

.spoki-filterchip.is-selected {
  border-color: var(--spoki-teal);
  background: var(--spoki-teal);
  color: var(--spoki-white);
}

.spoki-filterchip__clear {
  margin-left: .35rem;
  opacity: .85;
  font-weight: 900;
}

@media (max-width: 47.99em) {
  .spoki-filterchip {
    min-height: 2.75rem;
  }
}

.spoki-badge {
  cursor: default;
}

.spoki-badge:hover {
  color: inherit;
}

.spoki-cat__shopframe {
  display: grid;
  grid-template-columns: minmax(10rem, 13.5rem) minmax(0, 1fr) minmax(12rem, 16rem);
  gap: 1.35rem;
  align-items: start;
  margin-block: .35rem 2rem;
}

.spoki-cat__facetrail {
  border-top: 1px solid var(--spoki-sand);
}

.spoki-cat__railtitle {
  padding-block: .85rem .25rem;
  color: var(--spoki-slate);
}

.spoki-cat__facet {
  border-bottom: 1px solid var(--spoki-sand);
}

.spoki-cat__facet summary {
  position: relative;
  display: block;
  padding: .8rem 1.5rem .8rem 0;
  color: var(--spoki-ink);
  font-family: var(--spoki-font-head);
  font-size: .94rem;
  font-weight: 800;
  cursor: pointer;
  list-style: none;
}

.spoki-cat__facet summary::-webkit-details-marker {
  display: none;
}

.spoki-cat__facet summary::after {
  content: '+';
  position: absolute;
  right: .1rem;
  top: 50%;
  color: var(--spoki-teal);
  font-size: 1.2rem;
  line-height: 1;
  transform: translateY(-50%);
}

.spoki-cat__facet[open] summary::after {
  content: '\2212';
}

.spoki-cat__filterlinks {
  display: grid;
  gap: .35rem;
  padding: 0 0 .85rem;
}

.spoki-cat__filterlink {
  display: inline-flex;
  width: fit-content;
  color: var(--spoki-muted);
  font-size: .9rem;
  line-height: 1.4;
  text-decoration: none;
}

.spoki-cat__filterlink:hover,
.spoki-cat__filterlink.is-active {
  color: var(--spoki-teal-deep);
  font-weight: 700;
}

.spoki-cat__productzone {
  min-width: 0;
}

.spoki-cat__resultbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  min-height: 2.7rem;
  margin: 0 0 1rem;
}

.spoki-cat__resultbar p {
  margin: 0;
  color: var(--spoki-muted);
  font-size: .94rem;
  font-weight: 700;
}

.spoki-cat__sort {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  color: var(--spoki-slate);
  font-family: var(--spoki-font-head);
  font-size: .9rem;
  font-weight: 800;
  white-space: nowrap;
}

.spoki-cat__sort select {
  min-height: 2.35rem;
  padding: .45rem 2rem .45rem .75rem;
  border: 1px solid var(--spoki-sand);
  border-radius: .5rem;
  background: var(--spoki-white);
  color: var(--spoki-ink);
  font-family: var(--spoki-font-body);
  font-weight: 700;
  cursor: pointer;
}

.spoki-cat__sort select:focus-visible {
  outline: .16rem solid color-mix(in srgb, var(--spoki-teal) 45%, transparent);
  outline-offset: .12rem;
}

.spoki-cat__productgrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 17rem));
  gap: 1.25rem;
  justify-content: start;
}

.spoki-cat__pcard {
  min-width: 0;
  background: var(--spoki-white);
}

.spoki-cat__pimage {
  display: block;
  aspect-ratio: 1 / 1;
  border-radius: .7rem;
  overflow: hidden;
  background: var(--spoki-cream-bg);
}

.spoki-cat__pimage img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform .18s ease;
}

.spoki-cat__pimage:hover img {
  transform: scale(1.025);
}

.spoki-cat__pbody {
  padding-block: .7rem 0;
}

.spoki-cat__ptag {
  color: var(--spoki-teal-deep);
  font-size: .72rem;
}

.spoki-cat__ptitle {
  margin: .22rem 0 .4rem;
  font-family: var(--spoki-font-head);
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.28;
  letter-spacing: 0;
}

.spoki-cat__ptitle a {
  color: var(--spoki-ink);
  text-decoration: none;
}

.spoki-cat__ptitle a:hover {
  color: var(--spoki-teal-deep);
}

.spoki-cat__pmeta {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
  margin: 0 0 .45rem;
}

.spoki-cat__pmeta span {
  display: inline-flex;
  align-items: center;
  min-height: 1.55rem;
  padding: .2rem .55rem;
  border-radius: var(--spoki-radius-btn);
  background: var(--spoki-mint);
  color: var(--spoki-slate);
  font-size: .78rem;
  font-weight: 800;
}

.spoki-cat__pmeta .is-instock {
  background: var(--spoki-butter);
  color: var(--spoki-teal-deep);
}

.spoki-cat__pmeta .is-outstock {
  background: var(--spoki-peach);
  color: var(--spoki-muted);
}

.spoki-cat__pskill {
  margin: 0 0 .7rem;
  color: var(--spoki-muted);
  font-size: .9rem;
  line-height: 1.48;
}

.spoki-cat__pfoot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
}

.spoki-cat__price {
  color: var(--spoki-ink);
  font-family: var(--spoki-font-head);
  font-size: 1rem;
  font-weight: 800;
}

.spoki-cat__view,
.spoki-cat__helpcard em {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.2rem;
  padding: .45rem .95rem;
  border-radius: var(--spoki-radius-btn);
  background: var(--spoki-orange);
  color: var(--spoki-white);
  font-family: var(--spoki-font-head);
  font-size: .86rem;
  font-style: normal;
  font-weight: 800;
  text-decoration: none;
  white-space: nowrap;
}

.spoki-cat__view:hover,
.spoki-cat__helpcard:hover em {
  background: var(--spoki-orange-hover);
  color: var(--spoki-white);
}

.spoki-cat__catalog-note,
.spoki-cat__empty {
  margin: 1rem 0 0;
  padding: .9rem 1rem;
  border: 1px solid var(--spoki-sand);
  border-radius: .8rem;
  background: var(--spoki-cream-bg);
  color: var(--spoki-muted);
  font-size: .92rem;
  line-height: 1.55;
}

.spoki-cat__empty {
  display: grid;
  gap: .25rem;
  color: var(--spoki-ink);
}

.spoki-cat__helptrail {
  display: grid;
  gap: .9rem;
}

.spoki-cat__helpcard {
  display: grid;
  gap: .45rem;
  padding: 1rem;
  border: 1px solid var(--spoki-sand);
  border-radius: var(--spoki-radius-card);
  background: var(--spoki-white);
  color: var(--spoki-muted);
  box-shadow: var(--spoki-shadow-card);
  text-decoration: none;
}

.spoki-cat__helpcard--finder {
  background: var(--spoki-mint);
  border-color: color-mix(in srgb, var(--spoki-teal) 28%, var(--spoki-sand));
}

.spoki-cat__helpcard strong {
  color: var(--spoki-slate);
  font-family: var(--spoki-font-head);
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.25;
}

.spoki-cat__helpcard span:not(.spoki-cat__mini) {
  color: var(--spoki-muted);
  font-size: .9rem;
  line-height: 1.45;
}

.spoki-cat__helpcard em {
  justify-self: start;
  margin-top: .2rem;
}

.spoki-cat__benefits {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: .85rem 2rem;
  padding: 1rem 1.15rem;
  margin: 1.4rem 0;
}

.spoki-cat__benefits--near {
  border: 1px solid var(--spoki-sand);
  border-radius: var(--spoki-radius-card);
  background: var(--spoki-cream-bg);
}

.spoki-cat__benefit {
  display: flex;
  align-items: center;
  gap: .55rem;
  color: var(--spoki-slate);
  font-size: .9rem;
  font-weight: 700;
}

.spoki-cat__bico {
  display: inline-flex;
  width: 1.75rem;
  height: 1.75rem;
  color: var(--spoki-teal);
  flex: 0 0 1.75rem;
}

.spoki-cat__bico svg {
  width: 100%;
  height: 100%;
}

.spoki-cat__sectionhead {
  max-width: 48rem;
  margin: 0 auto 1rem;
  text-align: center;
}

.spoki-cat__sectionhead p:not(.spoki-cat__eyebrow) {
  margin: .4rem auto 0;
  color: var(--spoki-muted);
  line-height: 1.6;
}

.spoki-cat__h2,
.spoki-cat__h2--left {
  margin: 0;
  color: #2E3A67;
  font-family: var(--spoki-font-head);
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1.25;
}

.spoki-cat__h2 {
  font-size: clamp(1.25rem, 2.5vw, 1.7rem);
  text-align: center;
}

.spoki-cat__h2--left {
  margin: 1.4rem 0 .75rem;
  font-size: clamp(1.12rem, 2vw, 1.35rem);
  text-align: left;
}

.spoki-cat__buyguide {
  margin: 2rem auto;
}

.spoki-cat__bgrid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
}

.spoki-cat__bcard {
  padding: 1rem;
  border: 1px solid var(--spoki-sand);
  border-radius: var(--spoki-radius-card);
  background: var(--spoki-white);
  box-shadow: var(--spoki-shadow-card);
}

.spoki-cat__bcard h3 {
  margin: 0 0 .5rem;
  color: var(--spoki-teal-deep);
  font-family: var(--spoki-font-head);
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.25;
}

.spoki-cat__bcard p,
.spoki-cat__faq p {
  margin: 0;
  color: var(--spoki-ink);
  font-size: .92rem;
  line-height: 1.6;
}

.spoki-cat__related {
  margin: 1.8rem 0 .5rem;
}

.spoki-cat__rlinks {
  display: flex;
  flex-wrap: wrap;
  gap: .65rem;
}

.spoki-cat__rlinks a {
  display: inline-flex;
  align-items: center;
  min-height: 2.35rem;
  padding: .5rem .95rem;
  border: 1px solid var(--spoki-sand);
  border-radius: var(--spoki-radius-btn);
  background: var(--spoki-white);
  color: var(--spoki-slate);
  font-size: .9rem;
  font-weight: 700;
  text-decoration: none;
}

.spoki-cat__rlinks a:hover {
  border-color: var(--spoki-teal);
  color: var(--spoki-teal-deep);
}

.spoki-cat__faq {
  max-width: 55rem;
  margin: 1.1rem auto 0;
}

.spoki-cat__faq details {
  margin: 0 0 .55rem;
  padding: 0 1rem;
  border: 1px solid var(--spoki-sand);
  border-radius: .75rem;
  background: var(--spoki-white);
}

.spoki-cat__faq summary {
  position: relative;
  display: block;
  padding: .85rem 1.5rem .85rem 0;
  color: var(--spoki-slate);
  font-family: var(--spoki-font-head);
  font-size: .96rem;
  font-weight: 800;
  cursor: pointer;
  list-style: none;
}

.spoki-cat__faq summary::-webkit-details-marker {
  display: none;
}

.spoki-cat__faq summary::after {
  content: '+';
  position: absolute;
  top: 50%;
  right: 0;
  color: var(--spoki-teal);
  font-size: 1.25rem;
  transform: translateY(-50%);
}

.spoki-cat__faq details[open] summary::after {
  content: '\2212';
}

.spoki-cat__faq details[open] p {
  padding: 0 0 .9rem;
}

@media (max-width: 68rem) {
  .spoki-cat__shopframe {
    grid-template-columns: minmax(9rem, 12rem) minmax(0, 1fr);
  }

  .spoki-cat__helptrail {
    grid-column: 1 / -1;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .spoki-cat__bgrid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 48rem) {
  body.spoki-pilot .wd-page-title {
    padding-inline: 1rem;
  }

  .spoki-cat {
    padding-inline: 1rem;
  }

  .spoki-cat__shopframe {
    grid-template-columns: 1fr;
    gap: 1.2rem;
  }

  .spoki-cat__productzone {
    order: 1;
  }

  .spoki-cat__facetrail {
    order: 2;
  }

  .spoki-cat__helptrail {
    order: 3;
    grid-column: auto;
    grid-template-columns: 1fr;
  }

  .spoki-cat__resultbar {
    align-items: flex-start;
    flex-direction: column;
    gap: .65rem;
  }

  .spoki-cat__sort {
    width: 100%;
  }

  .spoki-cat__sort select {
    width: 100%;
  }

  .spoki-cat__productgrid {
    grid-template-columns: minmax(0, 1fr);
  }

  .spoki-cat__benefits {
    justify-content: flex-start;
  }

  .spoki-cat__benefit {
    flex: 1 1 100%;
  }

  .spoki-cat__bgrid {
    grid-template-columns: 1fr;
  }
}
/* ===== AEO express layer (situational quick-pick Q&A) ===== */
.spoki-cat__aeo{margin:30px 0}
.spoki-cat__aeogrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin-top:14px}
.spoki-cat__aeocard{display:flex;flex-direction:column;background:#fff;border:1px solid #EADFD3;border-radius:16px;padding:16px 18px;box-shadow:0 4px 16px rgba(46,58,103,.05)}
.spoki-cat__aeoq{font-family:'Comfortaa','Nunito',sans-serif;color:#2E3A67;font-size:15px;line-height:1.3;margin:0 0 7px}
.spoki-cat__aeoa{margin:0;font-size:14px;line-height:1.55;color:#2A2D34}
.spoki-cat__aeolink{margin-top:10px;align-self:flex-start;font-family:'Comfortaa','Nunito',sans-serif;font-weight:700;font-size:13px;text-decoration:none;color:#00838A}
.spoki-cat__aeolink:hover{text-decoration:underline}

/* ===== SpOki insight layer ===== */
.spoki-cat__insight{background:#FFF7EB;border:1px solid #EADFD3;border-radius:22px;padding:28px 26px;margin:30px 0}
.spoki-cat__insightbody{max-width:760px;margin:0 auto}
.spoki-cat__insightbody p{line-height:1.7;color:#2A2D34;margin:0 0 14px;font-size:15.5px}
.spoki-cat__method{max-width:760px;margin:18px auto 0;background:#E7F6F3;border:1px solid #CFEDEA;border-radius:18px;padding:20px 22px}
.spoki-cat__methodh{font-family:'Comfortaa','Nunito',sans-serif;color:#2E3A67;font-size:17px;margin:0 0 12px}
.spoki-cat__methodlist{margin:0;padding:0;list-style:none;counter-reset:m}
.spoki-cat__methodlist li{counter-increment:m;position:relative;padding-left:40px;margin:0 0 12px;line-height:1.55;color:#2A2D34;font-size:14.5px}
.spoki-cat__methodlist li:last-child{margin-bottom:0}
.spoki-cat__methodlist li::before{content:counter(m);position:absolute;left:0;top:0;width:27px;height:27px;border-radius:50%;background:#19B0B6;color:#fff;font-family:'Comfortaa','Nunito',sans-serif;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center}

/* === SPOKI mobile filter+sort drawer (Fat Brain-inspired behavior, SpOki design) === */
.spoki-cat__resultbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.spoki-cat__resultbar>p{margin:0;font-family:'Nunito',sans-serif;color:#2A2D34;font-weight:700}
.spoki-cat__filterbtn{display:none!important}
.spoki-cat__facet-drawerhead,.spoki-cat__facet-drawerfoot,.spoki-cat__facet-overlay,.spoki-cat__stickyfilter{display:none!important}
@media(max-width:767px){
  .spoki-cat__resultbar{flex-direction:row!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap}
  .spoki-cat__filterbtn{display:inline-flex!important;align-items:center;gap:7px;font-family:'Nunito',sans-serif;font-weight:800;font-size:.92rem;color:#2A2D34;background:#fff;border:1px solid #E7DED3;border-radius:999px;padding:8px 16px;cursor:pointer;text-transform:none}
  .spoki-cat__filterbtn::before{content:"";width:15px;height:15px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2319B0B6' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M3 5h18M6 12h12M10 19h4'/%3E%3C/svg%3E") center/contain no-repeat}
  .spoki-cat__facetrail{position:fixed!important;top:0;right:0;height:100%;width:87%;max-width:360px;margin:0!important;transform:translateX(100%);transition:transform .25s ease;z-index:1001;background:#fff;box-shadow:-12px 0 30px rgba(42,45,52,.18);overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 16px 24px;border-radius:0}
  body.spoki-facet-open .spoki-cat__facetrail{transform:none!important}
  .spoki-cat__facet-drawerhead{display:flex!important;align-items:center;justify-content:space-between;position:sticky;top:0;background:#fff;padding:16px 0 12px;border-bottom:1px solid #E7DED3;z-index:2}
  .spoki-cat__facet-drawerhead>span{font-family:'Comfortaa',sans-serif;font-weight:700;color:#2E3A67;font-size:1.05rem}
  .spoki-cat__facet-close{background:none;border:none;font-size:1.9rem;line-height:1;color:#2A2D34;cursor:pointer;padding:0 4px}
  .spoki-cat__facetrail .spoki-cat__railtitle{display:none}
  .spoki-cat__facetrail>.spoki-cat__sort{display:flex;flex-direction:column;gap:6px;margin:14px 0 6px;width:auto}
  .spoki-cat__facetrail>.spoki-cat__sort>span{font-family:'Comfortaa',sans-serif;font-weight:700;color:#2E3A67;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}
  .spoki-cat__facetrail>.spoki-cat__sort select{width:100%;font-family:'Nunito',sans-serif;font-size:.95rem;padding:10px 12px;border:1.5px solid #E7DED3;border-radius:12px;background:#fff;color:#2A2D34}
  .spoki-cat__facet-drawerfoot{display:block!important;position:sticky;bottom:0;background:#fff;padding:14px 0 4px;margin-top:14px;border-top:1px solid #E7DED3}
  .spoki-cat__facet-apply{display:block;width:100%;background:#FF8A00!important;color:#fff!important;font-family:'Nunito',sans-serif;font-weight:800;border:none!important;border-radius:999px!important;padding:13px;font-size:1rem;cursor:pointer}
  .spoki-cat__facet-overlay{display:block;position:fixed!important;inset:0;background:rgba(42,45,52,.5);z-index:1000;border:0}
  .spoki-cat__facet-overlay[hidden]{display:none!important}
  .spoki-cat__stickyfilter{display:none!important;align-items:center;gap:8px;position:fixed!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;bottom:70px!important;z-index:900!important;background:#2E3A67;color:#fff;font-family:'Nunito',sans-serif;font-weight:800;font-size:.96rem;border:none;border-radius:999px;padding:13px 26px;box-shadow:0 8px 22px rgba(42,45,52,.32);cursor:pointer}
  .spoki-cat__stickyfilter::before{content:"";width:16px;height:16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M3 5h18M6 12h12M10 19h4'/%3E%3C/svg%3E") center/contain no-repeat}
  body.spoki-facet-open .spoki-cat__stickyfilter,body.spoki-hide-pill .spoki-cat__stickyfilter{display:none}
}
/**
 * SPOKI GLOBAL LOCKED COMPONENT:
 * Archive Bottom Controls
 * Shows pagination and products-per-page selector below product grid.
 * Uses SpOki design system.
 * Do not change without owner approval.
 */
.spoki-archive-bottom-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:28px 0 6px;font-family:'Nunito',sans-serif}
.spoki-archive-bottom-controls__pagination{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.spoki-abc__page,.spoki-abc__nav{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;border-radius:999px;border:1px solid #E7DED3;background:#fff;color:#2E3A67;font-family:'Nunito',sans-serif;font-weight:800;font-size:.95rem;text-decoration:none;transition:.15s ease}
.spoki-abc__page:hover,.spoki-abc__nav:hover{border-color:#19B0B6;color:#00838A}
.spoki-abc__page.is-current{background:#19B0B6;border-color:#19B0B6;color:#fff}
.spoki-archive-bottom-controls__per-page{display:flex;align-items:center;gap:8px}
.spoki-archive-bottom-controls__label{font-family:'Nunito',sans-serif;color:#2A2D34;font-size:.95rem;font-weight:700}
.spoki-archive-bottom-controls__select{border-radius:999px;border:1px solid #E7DED3;background:#fff;color:#2A2D34;font-family:'Nunito',sans-serif;font-size:.95rem;padding:9px 36px 9px 16px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2319B0B6' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:13px}
.spoki-archive-bottom-controls__select:focus{outline:none;border-color:#19B0B6}
@media(max-width:600px){
  .spoki-archive-bottom-controls{flex-direction:column;align-items:center;gap:14px;margin:22px 0 4px}
  .spoki-archive-bottom-controls__pagination{justify-content:center}
}
/* bottom-controls MOBILE LOCK (owner-approved 2026-06-20): left-align, one row per-page, global for all archives */
@media(max-width:767px){
  .spoki-archive-bottom-controls{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:14px}
  .spoki-archive-bottom-controls__per-page{flex-wrap:nowrap;white-space:nowrap}
  .spoki-archive-bottom-controls__pagination{justify-content:flex-start}
}

/* sort-in-bar HIDE (2026-06-20): mobile result bar = count + Филтър only; Сортирай lives inside the filter drawer. Cache/JS-timing proof, global for all pilot pages. */
@media(max-width:767px){
  .spoki-cat__resultbar > .spoki-cat__sort{display:none !important;}
}

/* === SECTION RHYTHM LOCK (2026-06-21 v2): one uniform vertical band padding on every pilot page so all sections breathe equally. Replaces ad-hoc per-band margins/padding. Owner-approved global. === */
body.spoki-pilot{--spoki-band-gap:clamp(1.5rem,3vw,2rem)}
@media(min-width:768px){body.spoki-pilot{--spoki-band-gap:clamp(2rem,3vw,2.25rem)}}
body.spoki-pilot .spoki-trust-strip.spoki-trust-strip--cat,
body.spoki-pilot .spoki-related-links,
body.spoki-pilot .spoki-related-links--top,
body.spoki-pilot .spoki-cat__helptrail,
body.spoki-pilot .spoki-faq-section{
  margin-top:0 !important;margin-bottom:0 !important;
  padding-top:var(--spoki-band-gap) !important;
  padding-bottom:var(--spoki-band-gap) !important;
}

/* === Archive UX fix 2026-06-22: compact pagination + filter collapse (pilot) === */
.spoki-abc__dots{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:40px;color:#2A2D34;font-family:'Nunito',sans-serif;font-weight:800}
.spoki-abc__pagecount{display:none;font-family:'Nunito',sans-serif;font-weight:700;color:#2A2D34;font-size:.95rem;text-align:center;width:100%;margin:4px 0}
@media (max-width:767px){
.spoki-abc__pagecount{display:block;order:2}
.spoki-archive-bottom-controls__pagination .spoki-abc__page:not(.is-current){display:none}
.spoki-archive-bottom-controls__pagination .spoki-abc__dots{display:none}
.spoki-cat__filterlinks .spoki-cat__filterlink{min-height:44px;display:flex;align-items:center}
.spoki-cat__morebtn{min-height:44px}
}
/* === Mobile pagination UX (customer-first) 2026-06-22 === */
.spoki-abc__mobilenav{display:none}
.spoki-abc__progress{display:none}
@media (max-width:767px){
.spoki-archive-bottom-controls{flex-direction:column;align-items:stretch;gap:10px}
.spoki-archive-bottom-controls__pagination{display:none}
.spoki-abc__mobilenav{display:flex;gap:10px;order:1;width:100%;max-width:300px;margin:0 auto;justify-content:center}
.spoki-abc__mnav{flex:1 1 0;min-height:44px;display:flex;align-items:center;justify-content:center;border-radius:999px;font-family:'Nunito',sans-serif;font-weight:700;font-size:.9rem;text-decoration:none;padding:0 14px;line-height:1.1;text-align:center}
.spoki-abc__mnav--next{background:#19B0B6;color:#fff;flex:1.6 1 0}
.spoki-abc__mnav--next:hover{background:#00838A;color:#fff}
.spoki-abc__mnav--prev{background:#fff;border:1px solid #E7DED3;color:#2A2D34}
.spoki-abc__progress{display:flex;flex-direction:column;align-items:center;gap:2px;order:2;width:100%;text-align:center;font-family:'Nunito',sans-serif;color:#2A2D34;margin:2px 0}
.spoki-abc__shown{font-weight:700;font-size:.95rem}
.spoki-abc__progress .spoki-abc__pagecount{display:block;font-size:.88rem;color:#54656B;margin:0;font-weight:600}
.spoki-archive-bottom-controls__per-page{order:3;justify-content:center;opacity:.9}
.spoki-archive-bottom-controls__per-page .spoki-archive-bottom-controls__label{font-size:.88rem;color:#54656B}
.spoki-archive-bottom-controls__per-page .spoki-archive-bottom-controls__select{font-size:.9rem;padding:7px 30px 7px 12px}
}
/* === SpOki Category Guide v2 (pilot: Пъзели term 76) — editorial mini-cards, visually distinct from FAQ. 2026-06-26 === */
.spoki-guide2{max-width:900px;margin:0 auto;padding:clamp(1.5rem,3vw,2rem) 20px 0;box-sizing:border-box;font-family:'Nunito',sans-serif}
.spoki-guide2__head{text-align:center;max-width:680px;margin:0 auto 22px}
.spoki-guide2__eyebrow{font-family:'Comfortaa',sans-serif;text-transform:uppercase;letter-spacing:.16em;font-size:13px;font-weight:700;color:#00838A;margin:0 0 8px}
.spoki-guide2__h2{font-family:'Comfortaa',sans-serif;color:#2E3A67;font-size:clamp(24px,2.6vw,32px);line-height:1.2;font-weight:700;margin:0 0 10px}
.spoki-guide2__lead{font-family:'Nunito',sans-serif;color:#54656B;font-size:16px;line-height:1.6;margin:0}
.spoki-guide2__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;align-items:start}
.spoki-guide2__card{background:#FFFCF8;border:1px solid #EFE2D8;border-radius:20px;padding:20px 22px}
.spoki-guide2__card:first-child{grid-column:1 / -1}
.spoki-guide2__h3{font-family:'Comfortaa',sans-serif;color:#2E3A67;font-size:1.05rem;line-height:1.3;font-weight:700;margin:0 0 8px}
.spoki-guide2__body{font-family:'Nunito',sans-serif;color:#54656B;font-size:.95rem;line-height:1.6;margin:0}
@media(max-width:781px){.spoki-guide2{padding-top:clamp(1.25rem,5vw,1.75rem)}.spoki-guide2__grid{grid-template-columns:1fr;gap:12px}.spoki-guide2__card,.spoki-guide2__card:first-child{padding:16px 18px;border-radius:18px}.spoki-guide2__h2{font-size:22px}}

/* guide v2 checklist card (full-width, pilot term 76) 2026-06-26 */
.spoki-guide2__card--wide{grid-column:1 / -1}
.spoki-guide2__check{list-style:none;margin:4px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:8px 26px}
.spoki-guide2__check li{font-family:'Nunito',sans-serif;color:#54656B;font-size:.95rem;line-height:1.5;padding-left:16px;position:relative}
.spoki-guide2__check li::before{content:'';position:absolute;left:0;top:.6em;width:6px;height:6px;border-radius:50%;background:#19B0B6}
.spoki-guide2__check strong{color:#2E3A67;font-family:'Comfortaa',sans-serif;font-weight:700}
@media(max-width:781px){.spoki-guide2__check{grid-template-columns:1fr;gap:7px}}

/* guide v2 global balance: lonely trailing card spans full width (even total => last card alone) 2026-06-26 */
.spoki-guide2__grid > .spoki-guide2__card:last-child:nth-child(even){grid-column:1 / -1}

/* design-system: enforce Comfortaa heading font on guide H2/H3 (theme overrides to Nunito) — scoped, no !important 2026-06-26 */
body .spoki-guide2 .spoki-guide2__h2,
body .spoki-guide2 .spoki-guide2__h3{font-family:var(--spoki-font-heading,'Comfortaa',sans-serif)!important}

/* category-system eyebrow teal token: textual eyebrows in the below-grid layer use deep teal #00838A (overrides global #19B0B6 !important). Scoped to pilot category pages; gift-age circle band + icons stay #19B0B6. 2026-06-26 */
body.spoki-pilot .spoki-faq-eyebrow,
body.spoki-pilot .spoki-related-links .spoki-section-eyebrow{color:#00838A!important}

/* brand-guide typography parity: beat .spoki-category-longdesc/.spoki-section p !important wrappers 2026-06-26 */
.spoki-guide2 .spoki-guide2__eyebrow{color:#00838A !important;font-family:'Comfortaa',sans-serif;font-size:13px;}
.spoki-guide2 .spoki-guide2__body,.spoki-guide2 .spoki-guide2__body p{color:#54656B !important;font-family:'Nunito',sans-serif;}
.spoki-guide2 .spoki-guide2__body a{color:#00838A !important;}
.spoki-guide2 .spoki-guide2__h2,.spoki-guide2 .spoki-guide2__h3{color:#2E3A67 !important;font-family:'Comfortaa',sans-serif;}

/* brand guide: kill .spoki-aeo-guide h2 border-top line + style lead 2026-06-27 */
.spoki-guide2 .spoki-guide2__h2{border-top:0 !important;padding-top:0 !important;}
.spoki-guide2 .spoki-guide2__lead{color:#54656B !important;font-family:'Nunito',sans-serif;}

/* OWNER-HIDE related-links chips (2026-06-28): owner asked to remove the 'Продължи избора' category related-chips section. Hidden visually site-wide; the related-category internal links remain in the DOM so internal-linking SEO is preserved. To fully delete, clear the spoki_related term-meta. */
.spoki-related-links--top{display:none!important}

/* ============================================================
   P1 CATEGORY DESIGN POLISH 2026-07-11 (audit doc 34)
   Backup: spoki-category.css.bak-polish34-20260711-145630
   Rollback: delete this block (from the banner to EOF) + purge FlyingPress.
   High-specificity !important so these win regardless of cascade order.
   ============================================================ */

/* FIX 1 - "Следваща страница" contrast: teal text on teal surface -> white.
   Base rule set color:#fff but a broad link-color rule overrode it to #00838A. */
body.tax-product_cat #main-content .spoki-cat a.spoki-abc__mnav.spoki-abc__mnav--next,
body.tax-product_cat #main-content .spoki-cat a.spoki-abc__mnav.spoki-abc__mnav--next:hover{color:#fff !important}

/* FIX 2 - "СМИСЛЕН ПОДАРЪК" band: heading sat inside the wave curve on mobile
   because band padding-top (34px) < wave ::before height (46px). Clear it. */
@media (max-width:767px){
  body.tax-product_cat #main-content .spoki-band.spoki-gift-age{padding-top:64px !important}
}

/* FIX 3 - mobile trust-strip overflow: the --discovery variant rendered as a
   208px x 5 horizontal scroll rail (~1088px) with no visible scrollbar, so items
   read as clipped. Convert to a wrapped 2-col grid so all items are visible
   (matches the .spoki-after-filter trust-strip treatment). No horizontal scroll. */
@media (max-width:767px){
  body.tax-product_cat #main-content .spoki-after-filter .spoki-trust-strip__inner{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    flex-wrap:wrap !important;
    overflow-x:visible !important;
    gap:14px 12px !important;
    justify-content:stretch !important;
  }
  body.tax-product_cat #main-content .spoki-after-filter .spoki-trust-strip__item{
    width:auto !important;
    min-width:0 !important;
    flex:0 1 auto !important;
    scroll-snap-align:none !important;
    justify-content:flex-start !important;
  }
}
/* FIX 3b removed 2026-07-11: keep 2-col grid at all mobile widths (owner-approved). */


/* ===== CATEGORY TRUST STRIP v1.1 (2026-07-12) - fit 2x2 at <=340px.
   Stack icon above text inside each item so item min-content shrinks below the
   119px column (was 138-141 -> 22px internal overflow). Category --cat variant only.
   Backup: spoki-category.css.bak-trustv11-20260711-210320. Rollback: delete this block + purge. ===== */
@media (max-width:340px){
  body.tax-product_cat #main-content .spoki-after-filter .spoki-trust-strip__item{flex-direction:column;align-items:center;text-align:center;gap:6px}
  body.tax-product_cat #main-content .spoki-after-filter .spoki-trust-strip__txt{align-items:center;text-align:center}
}


/* === GLOBAL FIX 2026-08-25: filter drawer close X always visible when drawer is open.
   The base rule hides .spoki-cat__facet-drawerhead with display:none!important and only the
   pilot <=767px block re-showed it; the arch drawer (<=1024px, no !important) and stale cached
   CSS left the X invisible. These open-state rules win at every width on every archive.
   Backup: spoki-category.css.bak-drawerx-20260825. Rollback: delete this block + purge FlyingPress. === */
body.spoki-facet-open #spoki-facet .spoki-cat__facet-drawerhead{display:flex!important;align-items:center;justify-content:space-between;position:sticky;top:0;background:#fff;padding:16px 0 12px;border-bottom:1px solid #E7DED3;z-index:2}
body.spoki-facet-open #spoki-facet .spoki-cat__facet-drawerhead>span{font-family:'Comfortaa',sans-serif;font-weight:700;color:#2E3A67;font-size:1.05rem}
body.spoki-facet-open #spoki-facet .spoki-cat__facet-close{display:inline-flex!important;align-items:center;justify-content:center;min-width:44px;min-height:44px;background:none;border:none;font-size:1.9rem;line-height:1;color:#2A2D34;cursor:pointer;padding:0 4px}
@media (max-width:1024px){aside.spoki-arch-drawer .spoki-cat__facet-drawerhead{display:flex!important}}