/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.5
 Text Domain:  woodmart
*/

/* ============================================================
   SpOki DESIGN SYSTEM LOCK  (woodmart-child)
   Last verified: 2026-06-15. Source of truth for the homepage (page 38133).
   Do not introduce new tokens. Change a value here, not per block.
   COLORS (mirror theme.json palette):
     white #FFFFFF | peach band #FDF0E3 | beige #F6EAD8 | mint band #EAF6F4
     teal #19B0B6 | teal mid #57BDB4 | teal deep #00838A
     CTA orange #FF8A00 | orange hover #E67E00 | peach accent #F7C9A6 | yellow #F6D87B
     slate #2A2D34 | muted body #54656B | border sand #E8DDD2
   FONTS (one source: functions.php Google Fonts enqueue, Cyrillic via unicode-range):
     headings Nunito 700/800 | body Open Sans 400/600 | line-height body 1.65 / head 1.2
   SPACING: 4 8 16 24 32 48 64 80 96 (theme.json). CONTAINER content 1200 / wide 1400 / pad 24.
   RADIUS: cards 20-24 | media 16 | pills + buttons 999. BUTTONS pill, orange, white, 700, 14/28.
   CARDS #fff, radius 22, soft low shadow, hover lift 3px.
   BANDS full width wash, inner max 1200: peach hero, mint, white, teal CTA, butter trust.
   WOOCOMMERCE: spoki_product_card_badges() (mu-plugin) adds age + skill badges; loop cards inherit SpOki card style.
   WOODMART strategy: everything scoped under .spoki-band / .spoki-* so WoodMart and WooCommerce defaults do not leak. Never edit WoodMart core.
   MOBILE: single column under 900px, body >=16px, tap targets >=44px, hero CTA above fold, no horizontal scroll.
   ============================================================ */

/* ===================================================================
   SpOki Design System - Primitive Layer
   Source of truth: SpOki Home (offline).html prototype
   =================================================================== */

:root {
  --spoki-white:        #FFFFFF;
  --spoki-peach:        #FDF0E3;
  --spoki-cream-bg:     #FFF7EB;
  --spoki-beige:        #F6EAD8;
  --spoki-mint:         #EAF6F4;
  --spoki-teal:         #19B0B6;
  --spoki-teal-mid:     #57BDB4;
  --spoki-teal-deep: #00838A;
  --spoki-orange:       #FF8A00;
  --spoki-orange-hover: #E67E00;
  --spoki-slate:        #2A2D34;
  --spoki-slate-mid:    #54656B;
  --spoki-sand:         #E8DDD2;
  --spoki-radius-card:  16px;
  --spoki-radius-btn:   999px;
  --spoki-radius-img:   12px;
  --spoki-shadow-card:  0 2px 12px rgba(43,59,64,.07);
  --spoki-shadow-kit:   0 4px 24px rgba(43,59,64,.10);
  --spoki-font-head:    'Comfortaa', sans-serif;
  --spoki-font-body:    'Nunito', sans-serif;
  --spoki-content-w:    1240px;
}

.spoki-section,
.spoki-band {
  width: 100%;
  box-sizing: border-box;
}

.spoki-section h1, .spoki-section h2, .spoki-section h3,
.spoki-section h4, .spoki-section h5, .spoki-section h6,
.spoki-band h1, .spoki-band h2, .spoki-band h3 {
  font-family: var(--spoki-font-head);
  color: var(--spoki-slate);
}

.spoki-section p, .spoki-band p {
  font-family: var(--spoki-font-body);
  color: var(--spoki-slate-mid);
  line-height: 1.65;
}

.spoki-band { width: 100%; padding: 72px 0; }
.spoki-band--white  { background: var(--spoki-white); }
.spoki-band--peach  { background: var(--spoki-peach); }
.spoki-band--beige  { background: var(--spoki-beige); }
.spoki-band--mint   { background: var(--spoki-mint); }
.spoki-band--teal   { background: var(--spoki-teal-deep); color: #fff; }
.spoki-band--teal h1, .spoki-band--teal h2, .spoki-band--teal h3,
.spoki-band--teal p { color: #fff; }
@media (max-width: 768px) { .spoki-band { padding: 48px 0; } }

.spoki-inner {
  max-width: var(--spoki-content-w);
  margin: 0 auto;
  padding: 0 24px;
  box-sizing: border-box;
}
@media (max-width: 768px) { .spoki-inner { padding: 0 16px; } }

.spoki-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 28px;
  border-radius: var(--spoki-radius-btn);
  font-family: var(--spoki-font-head);
  font-weight: 700;
  font-size: 1rem;
  text-decoration: none;
  cursor: pointer;
  border: none;
  transition: background 0.18s ease, color 0.18s ease, transform 0.1s ease;
  white-space: nowrap;
  line-height: 1;
}
.spoki-btn:active { transform: scale(0.98); }

.spoki-btn--orange {
  background: var(--spoki-orange);
  color: #fff;
}
.spoki-btn--orange:hover { background: var(--spoki-orange-hover); color: #fff; }

.spoki-btn--outline-teal {
  background: transparent;
  color: var(--spoki-teal);
  border: 2px solid var(--spoki-teal);
}
.spoki-btn--outline-teal:hover {
  background: var(--spoki-teal);
  color: #fff;
}

.spoki-btn--outline-white {
  background: transparent;
  color: #fff;
  border: 2px solid rgba(255,255,255,0.6);
}
.spoki-btn--outline-white:hover {
  background: rgba(255,255,255,0.15);
  color: #fff;
}

.spoki-btn--sm { padding: 10px 20px; font-size: 0.875rem; }
.spoki-btn--lg { padding: 18px 36px; font-size: 1.125rem; }

.spoki-card {
  background: #fff;
  border-radius: var(--spoki-radius-card);
  box-shadow: var(--spoki-shadow-card);
  overflow: hidden;
}

.spoki-card--kit {
  box-shadow: var(--spoki-shadow-kit);
  padding: 28px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.spoki-badge {
  display: inline-block;
  border-radius: 999px;
  font-family: var(--spoki-font-head);
  font-size: 0.75rem;
  font-weight: 700;
  padding: 4px 12px;
  line-height: 1;
}
.spoki-badge--teal   { background: var(--spoki-teal);   color: #fff; }
.spoki-badge--orange { background: var(--spoki-orange); color: #fff; }
.spoki-badge--mint   { background: var(--spoki-mint);   color: var(--spoki-teal-deep); }
.spoki-badge--peach  { background: var(--spoki-peach);  color: var(--spoki-slate); }

.spoki-wave {
  display: block;
  width: 100%;
  line-height: 0;
  overflow: hidden;
  height: 80px;
  pointer-events: none;
}
.spoki-wave svg { width: 100%; height: 100%; display: block; }
@media (max-width: 768px) {
  .spoki-wave { height: 48px; }
}

.page-template-default .site-content,
.page-template-default .content-area,
.page-template-default #main,
.home .site-content,
.home .content-area,
.home #main {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 100% !important;
}

.entry-content > .wp-block-group.alignfull,
.entry-content > .alignfull {
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  max-width: 100vw !important;
  width: 100vw !important;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}

/* Finder card */
.spoki-finder-card {
  background: #fff;
  border-radius: var(--spoki-radius-card);
  box-shadow: var(--spoki-shadow-kit);
  padding: 28px 32px;
  margin-top: 28px;
}
.spoki-finder-card__label {
  font-family: var(--spoki-font-head);
  font-weight: 700;
  font-size: 1rem;
  color: var(--spoki-slate);
  margin: 0 0 16px;
}
.spoki-finder-fields {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 16px;
}
.spoki-finder-select {
  width: 100%;
  padding: 13px 16px;
  border: 2px solid var(--spoki-sand);
  border-radius: var(--spoki-radius-btn);
  font-family: var(--spoki-font-body);
  font-size: 0.9375rem;
  color: var(--spoki-slate);
  background: #fff;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2301A7AD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 16px;
  padding-right: 40px;
}
.spoki-finder-select:focus {
  outline: none;
  border-color: var(--spoki-teal);
  box-shadow: 0 0 0 3px rgba(1,167,173,.15);
}
.spoki-finder-card .spoki-btn--orange {
  width: 100%;
  font-size: 1rem;
}
@media (max-width: 768px) {
  .spoki-finder-card { padding: 20px; }
}

/* Hero band */
.spoki-hero {
  position: relative;
  overflow: hidden;
}
.spoki-hero__grid {
  display: grid;
  grid-template-columns: 55fr 45fr;
  gap: 48px;
  align-items: center;
}
@media (max-width: 900px) {
  .spoki-hero__grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}
.spoki-hero__badge {
  display: inline-block;
  background: rgba(1,167,173,.12);
  color: var(--spoki-teal-deep);
  border-radius: 999px;
  font-family: var(--spoki-font-head);
  font-size: 0.8125rem;
  font-weight: 700;
  padding: 6px 14px;
  margin-bottom: 16px;
}
.spoki-hero__h1 {
  font-family: var(--spoki-font-head);
  font-size: clamp(2rem, 4vw, 2.875rem);
  font-weight: 800;
  color: var(--spoki-slate);
  line-height: 1.18;
  margin: 0 0 16px;
}
.spoki-hero__h1 .highlight {
  color: var(--spoki-teal);
}
.spoki-hero__sub {
  font-family: var(--spoki-font-body);
  font-size: 1.125rem;
  color: var(--spoki-slate-mid);
  line-height: 1.6;
  margin: 0 0 4px;
}
.spoki-hero__trust {
  font-size: 0.8125rem;
  color: var(--spoki-slate-mid);
  margin-top: 16px;
  font-family: var(--spoki-font-body);
}

.spoki-hero__media {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.spoki-hero__photo {
  width: 360px;
  height: 360px;
  border-radius: 50%;
  object-fit: cover;
  border: 3px dashed var(--spoki-teal-mid);
  box-shadow: 0 26px 64px rgba(1,167,173,.20);
  display: block;
}
@media (max-width: 768px) {
  .spoki-hero__photo {
    width: 260px;
    height: 260px;
    border-radius: 20px;
  }
}
.spoki-hero__bubble {
  position: absolute;
  bottom: 24px;
  left: -20px;
  background: #fff;
  border-radius: 12px;
  padding: 12px 16px;
  box-shadow: var(--spoki-shadow-card);
  max-width: 200px;
  font-size: 0.8125rem;
  font-family: var(--spoki-font-body);
  color: var(--spoki-slate);
  line-height: 1.4;
}
.spoki-hero__bubble strong {
  font-family: var(--spoki-font-head);
  color: var(--spoki-teal-deep);
  font-size: 0.75rem;
  display: block;
  margin-top: 4px;
}
.spoki-hero__fox {
  position: absolute;
  bottom: -10px;
  right: -16px;
  width: 80px;
  height: auto;
  pointer-events: none;
}
@media (max-width: 1024px) {
  .spoki-hero__fox { display: none; }
  .spoki-hero__bubble { left: 8px; }
}

/* Mobile sticky finder CTA */
.spoki-sticky-finder-cta {
  display: none;
}
@media (max-width: 768px) {
  .spoki-sticky-finder-cta {
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    background: var(--spoki-orange);
    color: #fff;
    font-family: var(--spoki-font-head);
    font-weight: 700;
    font-size: 1rem;
    padding: 16px 24px;
    text-align: center;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    box-shadow: 0 -2px 12px rgba(240,138,60,.3);
  }
  .spoki-sticky-finder-cta:hover { background: var(--spoki-orange-hover); color: #fff; }
  .wd-bottom-toolbar { bottom: 56px !important; }
}
/* Core image block inside hero media */
.spoki-hero__photo-wrap { margin: 0; }
.spoki-hero__photo-wrap img {
  width: 360px;
  height: 360px;
  border-radius: 50%;
  object-fit: cover;
  border: 3px dashed var(--spoki-teal-mid);
  box-shadow: 0 26px 64px rgba(1,167,173,.20);
  display: block;
}
@media (max-width: 768px) {
  .spoki-hero__photo-wrap img { width: 260px; height: 260px; border-radius: 20px; }
}

/* spoki-btn cascade guard against WoodMart button styles */
.spoki-btn, button.spoki-btn { text-transform: none !important; letter-spacing: 0 !important; }
button.spoki-btn--orange, .spoki-btn--orange { background-color: var(--spoki-orange) !important; color: #fff !important; }
button.spoki-btn--orange:hover, .spoki-btn--orange:hover { background-color: var(--spoki-orange-hover) !important; }

/* Stage 2: parent pain cards (mint band) */
.spoki-pains__kicker {
  font-family: var(--spoki-font-head);
  font-size: 0.8125rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--spoki-teal);
  margin: 0 0 8px;
}
.spoki-pains__sub { margin: 8px 0 32px; }
.spoki-pains__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
@media (max-width: 900px) { .spoki-pains__grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .spoki-pains__grid { grid-template-columns: 1fr; } }
.spoki-pain-card {
  position: relative;
  display: flex;
  align-items: center;
  gap: 14px;
  background: #fff;
  border: 1px solid var(--spoki-sand);
  border-radius: var(--spoki-radius-card);
  padding: 18px 44px 18px 18px;
  box-shadow: var(--spoki-shadow-card);
  transition: transform 180ms cubic-bezier(.2,.8,.2,1), box-shadow 180ms cubic-bezier(.2,.8,.2,1), border-color 180ms ease;
}
.spoki-pain-card:hover {
  transform: translateY(-3px);
  box-shadow: var(--spoki-shadow-kit);
  border-color: var(--spoki-teal-mid);
}
.spoki-pain-card__icon {
  width: 52px;
  height: 52px;
  border-radius: 18px;
  background: var(--spoki-mint);
  color: var(--spoki-teal-deep);
  display: grid;
  place-items: center;
  flex: 0 0 auto;
}
.spoki-pain-card__icon svg { width: 24px; height: 24px; }
.spoki-pain-card__arrow {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--spoki-teal);
  display: grid;
  place-items: center;
}
.spoki-pain-card__arrow svg { width: 18px; height: 18px; }
.spoki-pain-card h3 {
  font-family: var(--spoki-font-head);
  font-size: 1rem;
  font-weight: 700;
  color: var(--spoki-slate);
  margin: 0 0 2px;
  line-height: 1.3;
}
.spoki-pain-card h3 a { color: inherit; text-decoration: none; }
.spoki-pain-card h3 a::after { content: ""; position: absolute; inset: 0; }
.spoki-pain-card p {
  font-family: var(--spoki-font-body);
  font-size: 0.875rem;
  color: var(--spoki-slate-mid);
  margin: 0;
  line-height: 1.45;
}
/* Stage 3: age pill bar + nav CTA */
.spoki-agebar {
  background: #fff;
  border-bottom: 1px solid var(--spoki-sand);
  padding: 10px 0 14px;
}
.spoki-agebar__inner {
  max-width: var(--spoki-content-w);
  margin: 0 auto;
  padding: 0 24px;
  display: flex;
  gap: 12px;
  justify-content: center;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.spoki-agebar__inner::-webkit-scrollbar { display: none; }
.spoki-agebar__pill {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  padding: 10px 22px;
  border-radius: 999px;
  background: var(--spoki-teal);
  color: #fff !important;
  font-family: var(--spoki-font-head);
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1;
  text-decoration: none;
  transition: background 0.18s ease, transform 0.1s ease;
  min-height: 40px;
}
.spoki-agebar__pill:hover { background: var(--spoki-teal-deep); color: #fff; }
.spoki-agebar__pill:active { transform: scale(0.97); }
@media (max-width: 768px) {
  .spoki-agebar__inner { justify-content: flex-start; padding: 0 16px; }
}

/* Orange CTA pill in main nav */
.whb-header .spoki-nav-cta > a,
.main-nav .spoki-nav-cta > a,
li.spoki-nav-cta > a {
  background: var(--spoki-orange) !important;
  color: #fff !important;
  border-radius: 999px !important;
  padding: 10px 22px !important;
  font-family: var(--spoki-font-head) !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  transition: background 0.18s ease;
}
li.spoki-nav-cta > a:hover { background: var(--spoki-orange-hover) !important; }
li.spoki-nav-cta > a .wd-nav-arrow { display: none; }
/* Stage 4: kits, ages, skills */
.spoki-kicker2 {
  font-family: var(--spoki-font-head);
  font-size: 0.8125rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--spoki-teal);
  margin: 0 0 8px;
}
.spoki-sub2 { margin: 8px 0 34px; max-width: 640px; }
.has-text-align-center.spoki-sub2 { margin-left: auto; margin-right: auto; }

/* kits */
.spoki-kits2__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 28px;
}
@media (max-width: 768px) { .spoki-kits2__grid { grid-template-columns: 1fr; gap: 18px; } }
.spoki-kit-card2 {
  position: relative;
  background: #fff;
  border: 1px solid var(--spoki-sand);
  border-radius: var(--spoki-radius-card);
  box-shadow: var(--spoki-shadow-kit);
  padding: 16px 16px 20px;
  transition: transform 180ms cubic-bezier(.2,.8,.2,1), box-shadow 180ms cubic-bezier(.2,.8,.2,1);
}
.spoki-kit-card2:hover { transform: translateY(-3px); box-shadow: 0 10px 36px rgba(43,59,64,.14); }
.spoki-kit-card2__badge { position: absolute; top: 28px; left: 28px; z-index: 2; }
.spoki-kit-card2__img { margin: 0 0 14px; }
.spoki-kit-card2__img img { width: 100%; aspect-ratio: 16/10; object-fit: cover; border-radius: 14px; display: block; }
.spoki-kit-card2__chips { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 8px; }
.pchip {
  display: inline-block;
  border-radius: 999px;
  padding: 4px 12px;
  font-family: var(--spoki-font-head);
  font-size: 0.75rem;
  font-weight: 700;
  background: var(--spoki-peach);
  color: var(--spoki-slate);
  line-height: 1.2;
}
.pchip-skill { background: var(--spoki-mint); color: var(--spoki-teal-deep); }
.spoki-kit-card2 h3 { font-size: 1.25rem; font-weight: 800; margin: 0 0 8px; }
.spoki-kit-card2 h3 a { color: var(--spoki-slate); text-decoration: none; }
.spoki-kit-card2 p { font-size: 0.875rem; margin: 0 0 6px; }
.spoki-kit-card2 p strong { color: var(--spoki-slate); }
.spoki-kit-card2__price {
  font-family: var(--spoki-font-head);
  font-size: 1.25rem !important;
  font-weight: 800;
  color: var(--spoki-slate) !important;
  margin: 10px 0 4px !important;
}
.spoki-kit-card2__cta .wp-block-button__link {
  background: var(--spoki-orange) !important;
  color: #fff !important;
  border-radius: 999px !important;
  font-family: var(--spoki-font-head);
  font-weight: 700;
  padding: 12px 26px;
}
.spoki-kit-card2__cta .wp-block-button__link:hover { background: var(--spoki-orange-hover) !important; }

/* ages */
.spoki-ages2__grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 20px;
}
@media (max-width: 1024px) { .spoki-ages2__grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 600px) {
  .spoki-ages2__grid {
    display: flex;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    gap: 14px;
    padding-bottom: 8px;
  }
  .spoki-ages2__grid::-webkit-scrollbar { display: none; }
  .spoki-age-card2 { flex: 0 0 150px; }
}
.spoki-age-card2 { text-align: center; }
.spoki-age-card2__photo { margin: 0 0 12px; }
.spoki-age-card2__photo img {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
  border-radius: 50%;
  border: 3px dashed var(--spoki-teal-mid);
  padding: 4px;
  background: #fff;
  display: block;
}
.spoki-age-card2__pill { margin: 0 0 6px !important; }
.spoki-age-card2__pill a {
  display: inline-block;
  background: var(--spoki-teal);
  color: #fff !important;
  border-radius: 999px;
  padding: 8px 18px;
  font-family: var(--spoki-font-head);
  font-weight: 700;
  font-size: 0.8125rem;
  text-decoration: none;
  line-height: 1;
}
.spoki-age-card2:nth-child(3n+1) .spoki-age-card2__pill a { background: var(--spoki-orange); }
.spoki-age-card2:nth-child(3n+1) .spoki-age-card2__photo img { border-color: var(--spoki-orange); }
.spoki-age-card2:nth-child(3n+3) .spoki-age-card2__pill a { background: var(--spoki-teal-deep); }
.spoki-age-card2__desc {
  font-family: var(--spoki-font-head) !important;
  font-weight: 700;
  font-size: 0.8125rem !important;
  color: var(--spoki-slate) !important;
  line-height: 1.35;
  margin: 0 0 6px !important;
}
.spoki-age-card2__more { margin: 0 !important; }
.spoki-age-card2__more a {
  color: var(--spoki-teal);
  font-family: var(--spoki-font-head);
  font-weight: 700;
  font-size: 0.8125rem;
  text-decoration: none;
}
.spoki-age-card2__more a:hover { color: var(--spoki-teal-deep); text-decoration: underline; }

/* skills */
.spoki-skills2__wrap {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 32px;
  align-items: center;
  margin-top: 12px;
}
@media (max-width: 900px) {
  .spoki-skills2__wrap { grid-template-columns: 1fr; }
  .spoki-skills2__center { order: -1; margin: 0 auto 8px; }
}
.spoki-skills2__col { display: flex; flex-direction: column; gap: 12px; }
.spoki-skill-chip {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #fff;
  border: 1px solid var(--spoki-sand);
  border-radius: 999px;
  padding: 10px 18px 10px 10px;
  text-decoration: none;
  box-shadow: var(--spoki-shadow-card);
  transition: transform 180ms cubic-bezier(.2,.8,.2,1), border-color 180ms ease;
}
.spoki-skill-chip:hover { transform: translateY(-2px); border-color: var(--spoki-teal-mid); }
.spoki-skill-chip--disabled { opacity: 0.55; cursor: default; }
.spoki-skill-chip--disabled:hover { transform: none; border-color: var(--spoki-sand); }
.spoki-skill-chip__icon {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  background: var(--spoki-mint);
  color: var(--spoki-teal-deep);
  display: grid;
  place-items: center;
  flex: 0 0 auto;
}
.spoki-skill-chip__icon svg { width: 20px; height: 20px; }
.spoki-skill-chip__txt { display: flex; flex-direction: column; line-height: 1.25; }
.spoki-skill-chip__txt strong { font-family: var(--spoki-font-head); font-weight: 700; font-size: 0.9375rem; color: var(--spoki-slate); }
.spoki-skill-chip__txt em { font-style: normal; font-family: var(--spoki-font-body); font-size: 0.8125rem; color: var(--spoki-slate-mid); }
.spoki-skills2__center {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 30px;
}
.spoki-skills2__ring {
  position: absolute;
  width: min(330px, 78vw);
  height: min(330px, 78vw);
  border-radius: 50%;
  border: 2.5px dashed rgba(1,168,174,.22);
  pointer-events: none;
}
.spoki-skills2__center img {
  width: min(280px, 66vw);
  aspect-ratio: 1/1;
  object-fit: cover;
  border-radius: 50%;
  border: 8px solid #fff;
  box-shadow: 0 22px 52px rgba(1,168,174,.20);
  display: block;
}
.spoki-skills2__label {
  margin-top: 14px;
  font-family: var(--spoki-font-head);
  font-weight: 700;
  font-size: 0.875rem;
  color: var(--spoki-teal-deep);
}
/* Stage 5-6: products tabs, teal CTA band, trust row, lead magnet */
.spoki-ptabs { display: flex; gap: 10px; flex-wrap: wrap; margin: 0 0 24px; }
.spoki-ptab {
  display: inline-flex;
  align-items: center;
  padding: 9px 18px;
  border-radius: 999px;
  border: 1.5px solid var(--spoki-sand);
  background: #fff;
  color: var(--spoki-slate);
  font-family: var(--spoki-font-head);
  font-weight: 700;
  font-size: 0.8125rem;
  text-decoration: none;
  transition: border-color .15s ease, background .15s ease, color .15s ease;
  min-height: 38px;
}
.spoki-ptab:hover { border-color: var(--spoki-teal); color: var(--spoki-teal-deep); }
.spoki-ptab--active { background: var(--spoki-teal); border-color: var(--spoki-teal); color: #fff; }
.spoki-ptab--active:hover { color: #fff; background: var(--spoki-teal-deep); }
@media (max-width: 768px) {
  .spoki-ptabs { flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; padding-bottom: 6px; }
  .spoki-ptabs::-webkit-scrollbar { display: none; }
  .spoki-ptab { flex: 0 0 auto; }
}
.spoki-products2__cta .wp-block-button__link {
  background: transparent !important;
  color: var(--spoki-teal) !important;
  border: 2px solid var(--spoki-teal) !important;
  border-radius: 999px !important;
  font-family: var(--spoki-font-head);
  font-weight: 700;
}
.spoki-products2__cta .wp-block-button__link:hover { background: var(--spoki-teal) !important; color: #fff !important; }
.spoki-products2 .spoki-brands-line { text-align: center; color: var(--spoki-slate-mid); margin-top: 28px; }

/* teal CTA band */
.spoki-ctaband { position: relative; overflow: hidden; }
.spoki-ctaband__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  position: relative;
}
.spoki-ctaband__txt h2 { color: #fff !important; margin: 0 0 10px; }
.spoki-ctaband__txt p { color: rgba(255,255,255,.92) !important; margin: 0 0 20px; font-size: 1.0625rem; }
.spoki-ctaband__btn .wp-block-button__link {
  background: var(--spoki-orange) !important;
  color: #fff !important;
  border-radius: 999px !important;
  font-family: var(--spoki-font-head);
  font-weight: 700;
  padding: 14px 30px;
}
.spoki-ctaband__btn .wp-block-button__link:hover { background: var(--spoki-orange-hover) !important; }
.spoki-ctaband__fox { width: 130px; height: auto; flex: 0 0 auto; }
@media (max-width: 768px) {
  .spoki-ctaband__inner { flex-direction: column; text-align: center; }
  .spoki-ctaband__fox { width: 90px; }
}

/* trust row */
.spoki-trust2__row {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
}
@media (max-width: 900px) { .spoki-trust2__row { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px) { .spoki-trust2__row { grid-template-columns: 1fr 1fr; gap: 14px; } }
.spoki-trust2__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  text-align: center;
  font-family: var(--spoki-font-head);
  font-weight: 700;
  font-size: 0.875rem;
  color: var(--spoki-slate);
}
.spoki-trust2__icon {
  width: 52px;
  height: 52px;
  border-radius: 18px;
  background: var(--spoki-mint);
  color: var(--spoki-teal-deep);
  display: grid;
  place-items: center;
}
.spoki-trust2__icon svg { width: 24px; height: 24px; }

/* lead magnet band */
.spoki-leadband { background: #FBF3D6; }
.spoki-leadband__inner { max-width: 720px; text-align: center; }
.spoki-leadband h2 { margin: 0 0 10px; }
.spoki-leadband p { margin: 0 0 22px; }
.spoki-lead-form { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
.spoki-lead-form p { margin: 0 !important; display: flex; gap: 12px; flex-wrap: wrap; justify-content: center; width: 100%; }
.spoki-lead-form .wpcf7-form-control-wrap { flex: 1 1 280px; max-width: 360px; }
.spoki-lead-form input[type="email"] {
  width: 100%;
  padding: 13px 20px;
  border: 2px solid var(--spoki-sand);
  border-radius: 999px;
  font-family: var(--spoki-font-body);
  font-size: 0.9375rem;
  background: #fff;
}
.spoki-lead-form input[type="email"]:focus { outline: none; border-color: var(--spoki-teal); box-shadow: 0 0 0 3px rgba(1,167,173,.15); }
.spoki-lead-form input[type="submit"] {
  background: var(--spoki-orange);
  color: #fff;
  border: none;
  border-radius: 999px;
  padding: 13px 28px;
  font-family: var(--spoki-font-head);
  font-weight: 700;
  font-size: 0.9375rem;
  cursor: pointer;
  transition: background .15s ease;
}
.spoki-lead-form input[type="submit"]:hover { background: var(--spoki-orange-hover); }
/* products2 cta specificity fix */
.spoki-products2 .spoki-products2__cta a.wp-block-button__link, .spoki-products2 .spoki-products2__cta a.wp-block-button__link:visited {
  background: transparent !important;
  background-color: transparent !important;
  color: var(--spoki-teal) !important;
  border: 2px solid var(--spoki-teal) !important;
}
.spoki-products2 .spoki-products2__cta a.wp-block-button__link:hover { background: var(--spoki-teal) !important; background-color: var(--spoki-teal) !important; color: #fff !important; }

/* Stage 7 polish */
.spoki-lead-form input[type="submit"] { text-transform: none !important; letter-spacing: 0 !important; }
@media (max-width: 768px) {
  /* stack: WoodMart toolbar above the sticky finder CTA */
  .wd-toolbar { bottom: 52px !important; }
  .spoki-sticky-finder-cta { height: 52px; padding: 0 24px; z-index: 360; }
  body { padding-bottom: 107px; }
  /* hide the back-to-top so it does not collide with the stacked bars */
  .scrollToTop { bottom: 120px !important; }
}
/* ===================================================================
   SpOki EMERGENCY RESCUE LAYER (pre-launch, 12 Jun 2026)
   Scale + confidence pass: wider container, bigger type, bigger cards
   =================================================================== */
:root {
  --spoki-content-w: 1240px;
}

/* Typography scale up */
.spoki-hero__h1 { font-size: clamp(2.25rem, 4.5vw, 3.5rem); line-height: 1.12; }
.spoki-band h2.wp-block-heading { font-size: clamp(1.75rem, 3vw, 2.375rem); }
.spoki-hero__sub { font-size: 1.1875rem; max-width: 560px; }
.spoki-sub2 { font-size: 1.0625rem; }
.spoki-hero__trust { font-size: 0.9375rem; margin-top: 20px; }
.spoki-kicker2, .spoki-pains__kicker { font-size: 0.875rem; }
body { font-size: 17px; }

/* Generous desktop rhythm */
@media (min-width: 1025px) {
  .spoki-band { padding: 96px 0; }
  .spoki-hero { padding: 96px 0 80px; }
}

/* Hero: bigger media, breathing finder */
.spoki-hero__grid { grid-template-columns: 54fr 46fr; gap: 56px; }
.spoki-hero__photo-wrap img { width: 440px; height: 440px; }
@media (max-width: 1100px) { .spoki-hero__photo-wrap img { width: 360px; height: 360px; } }
.spoki-finder-card { padding: 30px 34px; }
.spoki-finder-card__label { font-size: 1.0625rem; }
.spoki-finder-select { padding-top: 14px; padding-bottom: 14px; font-size: 1rem; }

/* Cards scale up */
.spoki-pain-card { padding: 22px 48px 22px 22px; }
.spoki-pain-card h3 { font-size: 1.0625rem; }
.spoki-pain-card p { font-size: 0.9375rem; }
.spoki-kit-card2 { padding: 18px 18px 24px; }
.spoki-kit-card2 h3 { font-size: 1.375rem; }
.spoki-kit-card2 p { font-size: 0.9375rem; }
.spoki-kit-card2__price { font-size: 1.375rem !important; }
.spoki-kits2__grid { gap: 32px; }
.spoki-ages2__grid { gap: 28px; }
.spoki-age-card2__pill a { font-size: 0.875rem; padding: 9px 20px; }
.spoki-age-card2__desc { font-size: 0.875rem !important; }
.spoki-skill-chip { padding: 12px 20px 12px 12px; }
.spoki-skill-chip__txt strong { font-size: 1rem; }
.spoki-skill-chip__txt em { font-size: 0.875rem; }
.spoki-skills2__center img { width: min(320px, 66vw); }
.spoki-skills2__ring { width: min(380px, 78vw); height: min(380px, 78vw); }
.spoki-trust2__item { font-size: 0.9375rem; }
.spoki-ptab { font-size: 0.875rem; padding: 10px 20px; min-height: 42px; }

/* Grid/flex safety: children may always shrink */
.spoki-band [class*="__grid"] > *,
.spoki-band .wp-block-columns > *,
.spoki-hero__grid > *,
.spoki-ctaband__inner > * { min-width: 0; }

/* Products section: waiting-for-import state should not collapse */
.spoki-products2 .wd-products-element:empty { display: none; }

/* Header confidence */
.whb-header .wd-logo img { max-height: 46px; }

/* === SpOki hero Phase B refinements (2026-06-15) === */
.spoki-finder-card__title{font-family:var(--spoki-font-head);font-weight:800;font-size:1.0625rem;color:var(--spoki-slate);margin:0 0 4px}
.spoki-hero__trust{display:flex;flex-wrap:wrap;gap:18px;align-items:center;margin-top:16px;font-family:var(--spoki-font-body);font-size:0.875rem;color:var(--spoki-slate-mid)}
.spoki-hero__trust-item{display:inline-flex;align-items:center;gap:7px;font-weight:600}
.spoki-hero__trust-item svg{color:var(--spoki-teal);flex:0 0 auto}
.spoki-hero__avatars{display:flex;margin-bottom:8px}
.spoki-hero__avatars span{width:26px;height:26px;border-radius:50%;border:2px solid #fff;background:linear-gradient(135deg,var(--spoki-peach),var(--spoki-teal-mid));margin-left:-8px}
.spoki-hero__avatars span:first-child{margin-left:0}
.spoki-hero__bubble-text{display:block}
.spoki-hero__grid{position:relative;z-index:1}
.spoki-hero::before{content:"";position:absolute;width:150px;height:54px;top:64px;right:13%;background:rgba(255,255,255,.5);border-radius:100px;box-shadow:70px 16px 0 -10px rgba(255,255,255,.5);z-index:0;pointer-events:none}
@media(max-width:768px){.spoki-hero::before{display:none}}

/* === SpOki block-native homepage cleanup (2026-06-15) === */
.spoki-hero__trust p{margin:0;color:var(--spoki-slate-mid)}
.spoki-hero__bubble p{margin:0;color:var(--spoki-slate);font-size:.8125rem;line-height:1.4}
.spoki-hero__bubble p strong{display:block;margin-top:4px;color:var(--spoki-teal-deep);font-family:var(--spoki-font-head);font-size:.75rem}
.spoki-pain-card .spoki-pain-card__icon{margin:0;font-family:var(--spoki-font-head);font-weight:800;font-size:1rem;line-height:1;color:var(--spoki-teal-deep)}
.spoki-pain-card .spoki-pain-card__arrow{margin:0;font-family:var(--spoki-font-head);font-weight:800;font-size:1.25rem;line-height:1;color:var(--spoki-teal)}
.spoki-kit-card2 .spoki-badge{margin:0;width:max-content}
.spoki-kit-card2 .spoki-kit-card2__chips{margin:0 0 8px}
.spoki-kit-card2 .pchip{margin:0;width:max-content}
.spoki-skills2__wrap--blocks{grid-template-columns:1fr minmax(220px,320px) 1fr}
.spoki-skill-chip>.spoki-skill-chip__icon{margin:0;font-family:var(--spoki-font-head);font-weight:800;font-size:.95rem;line-height:1;color:var(--spoki-teal-deep)}
.spoki-skill-chip>.spoki-skill-chip__txt{margin:0;display:flex;flex-direction:column;line-height:1.25}
.spoki-skill-chip>.spoki-skill-chip__txt strong{font-family:var(--spoki-font-head);font-weight:700;font-size:.9375rem;color:var(--spoki-slate)}
.spoki-skill-chip>.spoki-skill-chip__txt em{font-style:normal;font-family:var(--spoki-font-body);font-size:.8125rem;color:var(--spoki-slate-mid)}
.spoki-ptabs .spoki-ptab{margin:0}
.spoki-ptab a{color:inherit;text-decoration:none}
.spoki-ptab a:hover{color:inherit}
.spoki-trust2__item p{margin:0;color:var(--spoki-slate)}
.spoki-trust2__item .spoki-trust2__icon{margin:0;font-family:var(--spoki-font-head);font-weight:800;font-size:1.15rem;line-height:1;color:var(--spoki-teal-deep)}
.spoki-review-card{height:100%;background:#fff;border:1px solid var(--spoki-sand);border-radius:var(--spoki-radius-card);box-shadow:var(--spoki-shadow-card);padding:24px}
.spoki-review-card p{margin:0 0 12px}.spoki-review-card p:last-child{margin-bottom:0}
.spoki-stars{font-family:var(--spoki-font-head)!important;color:var(--spoki-orange)!important;letter-spacing:.08em;font-weight:800}
.spoki-band-butter{background:#FBF3D6}
.spoki-about-photo img{border-radius:var(--spoki-radius-img);box-shadow:var(--spoki-shadow-kit)}
.spoki-card{height:100%}.spoki-card .wp-block-image{margin:0}.spoki-card .wp-block-image img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}.spoki-card h3{font-size:1.125rem;line-height:1.3;margin:16px 18px 8px}.spoki-card h3 a{color:var(--spoki-slate);text-decoration:none}.spoki-card>p{margin:0 18px 18px;font-size:.875rem}
.spoki-brand-strip{margin-top:28px!important;color:var(--spoki-slate-mid)!important}.spoki-brand-strip a{color:var(--spoki-teal-deep);font-family:var(--spoki-font-head);font-weight:700;text-decoration:none}.spoki-brand-strip a:hover{text-decoration:underline}
.spoki-ctaband__fox img{width:100%;height:auto;display:block}
@media(max-width:900px){.spoki-skills2__wrap--blocks{grid-template-columns:1fr}.spoki-skills2__center{order:-1}}

/* ============================================================
   SpOki HEADER + MENU SYSTEM  (approved menu redesign 2026-06-15)
   Scope: .whb-header search, .wd-nav-main (desktop), .wd-nav-mobile (mobile).
   Overrides default WoodMart menu look. Tokens from :root above.
   ============================================================ */

/* ---- Search: wide rounded pill + teal circular button ---- */
.whb-general-header .searchform.wd-style-with-bg{display:flex;align-items:center;border-radius:999px;background:#fff;border:1.5px solid var(--spoki-sand);box-shadow:var(--spoki-shadow-card);padding:4px 5px;overflow:hidden}
.whb-general-header .searchform.wd-style-with-bg .s{flex:1 1 auto;border:0;background:transparent;outline:none;height:44px;padding:0 16px;font-family:var(--spoki-font-body);font-size:15px;color:var(--spoki-slate)}
.whb-general-header .searchform.wd-style-with-bg .s::placeholder{color:#9aa7ac;opacity:1}
.whb-general-header .searchform.wd-style-with-bg .searchsubmit{flex:0 0 auto;width:42px;height:42px;min-width:42px;padding:0;border:0;cursor:pointer;border-radius:50%;background-color:var(--spoki-teal);background-image:url('data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20stroke=%27white%27%20stroke-width=%272.4%27%20stroke-linecap=%27round%27%3E%3Ccircle%20cx=%2711%27%20cy=%2711%27%20r=%277%27/%3E%3Cline%20x1=%2720%27%20y1=%2720%27%20x2=%2716.5%27%20y2=%2716.5%27/%3E%3C/svg%3E');background-repeat:no-repeat;background-position:center;background-size:18px;transition:background-color .15s ease;font-size:0;color:transparent;line-height:0}
.whb-general-header .searchform.wd-style-with-bg .searchsubmit span{display:none}
.whb-general-header .searchform.wd-style-with-bg .searchsubmit:hover{background-color:var(--spoki-teal-deep)}
.whb-general-header .searchform.wd-style-with-bg .wd-clear-search{right:56px}

/* header tools spacing (account / wishlist / cart) */
.whb-general-header .whb-col-right .wd-tools-element{margin-left:6px}

/* ---- Second-row navigation ---- */
.wd-nav-main{align-items:center;gap:2px}
.wd-nav-main>li.item-level-0>a.woodmart-nav-link{padding:10px 16px;border-radius:12px;font-family:var(--spoki-font-body);font-weight:700;font-size:15px;color:var(--spoki-slate);transition:background-color .15s ease,color .15s ease}
.wd-nav-main>li.item-level-0:hover>a.woodmart-nav-link,.wd-nav-main>li.item-level-0:focus-within>a.woodmart-nav-link,.wd-nav-main>li.item-level-0.current-menu-item>a.woodmart-nav-link{background:var(--spoki-mint);color:var(--spoki-teal-deep)}
/* WoodMart native arrow off; draw our own chevron */
.wd-nav-main .wd-nav-arrow{display:none}
.wd-nav-main>li.menu-item-has-children>a.woodmart-nav-link .nav-link-text::after{content:'';display:inline-block;width:6px;height:6px;margin-left:8px;vertical-align:middle;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.65;transition:transform .15s ease,opacity .15s ease}
.wd-nav-main>li.menu-item-has-children:hover>a.woodmart-nav-link .nav-link-text::after{transform:rotate(-135deg) translateY(1px);opacity:1}

/* ---- Dropdown panels: white, rounded, soft ---- */
.wd-nav-main>li.item-level-0>.wd-dropdown-menu{border-radius:18px;background:#fff;box-shadow:0 18px 50px rgba(43,59,64,.16);border:1px solid var(--spoki-sand);padding:14px;margin-top:10px;transform:translateY(8px);transition:opacity .16s ease,visibility .16s ease,transform .16s ease}
.wd-nav-main>li.item-level-0:hover>.wd-dropdown-menu,.wd-nav-main>li.item-level-0:focus-within>.wd-dropdown-menu{transform:translateY(0)}
.wd-nav-main .wd-dropdown-menu .container.wd-entry-content{width:auto;max-width:none;padding:0;margin:0}
.wd-nav-main .wd-dropdown-menu:before,.wd-nav-main .wd-dropdown-menu:after{display:none !important}
/* base dropdown item link (all levels) */
.wd-nav-main .wd-dropdown-menu .woodmart-nav-link{display:block;padding:9px 14px;border-radius:10px;color:var(--spoki-slate);font-family:var(--spoki-font-body);font-weight:600;font-size:14.5px;line-height:1.3;transition:background-color .12s ease,color .12s ease}
.wd-nav-main .wd-dropdown-menu .woodmart-nav-link:hover{background:var(--spoki-mint);color:var(--spoki-teal-deep)}
.wd-nav-main>li.item-level-0>.wd-dropdown-menu .wd-sub-menu{min-width:250px;margin:0;padding:0}

/* 2-column card (По умения, Категории) */
.wd-nav-main>li.spoki-mega-2col>.wd-dropdown-menu .wd-sub-menu{min-width:470px;column-count:2;column-gap:22px}
.wd-nav-main>li.spoki-mega-2col>.wd-dropdown-menu .wd-sub-menu>li{break-inside:avoid}
.wd-nav-main>li.spoki-mega-2col>.wd-dropdown-menu .wd-sub-menu>li.spoki-mega-cta{column-span:all}

/* 3-column mega (Подаръци) */
.wd-nav-main>li.spoki-mega-3col>.wd-dropdown-menu .wd-sub-menu{display:flex;flex-wrap:wrap;gap:4px 26px;min-width:700px}
.wd-nav-main>li.spoki-mega-3col>.wd-dropdown-menu .wd-sub-menu>li.item-level-1{flex:1 1 0;min-width:172px}
.wd-nav-main>li.spoki-mega-3col>.wd-dropdown-menu .wd-sub-menu>li.spoki-mega-cta{flex:1 1 100%;min-width:100%;width:100%}
/* force level-2 flyout to render inline as the column body */
.wd-nav-main>li.spoki-mega-3col .sub-sub-menu{position:static !important;display:block !important;opacity:1 !important;visibility:visible !important;transform:none !important;left:auto !important;top:auto !important;box-shadow:none;border:0;background:transparent;padding:0;margin:4px 0 0;min-width:0}

/* column titles (ПО ПОВОД ...) */
.wd-nav-main .wd-dropdown-menu li.spoki-mega-coltitle>a.woodmart-nav-link{padding:4px 14px 8px;font-family:var(--spoki-font-body);font-weight:800;font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:var(--spoki-teal);cursor:default}
.wd-nav-main .wd-dropdown-menu li.spoki-mega-coltitle>a.woodmart-nav-link:hover{background:transparent;color:var(--spoki-teal)}

/* виж всички buttons */
.wd-nav-main .wd-dropdown-menu li.spoki-mega-cta{margin-top:8px}
.wd-nav-main .wd-dropdown-menu li.spoki-mega-cta>a.woodmart-nav-link{text-align:center;padding:11px 16px;border-radius:999px;background:var(--spoki-mint);color:var(--spoki-teal-deep);font-family:var(--spoki-font-body);font-weight:700;font-size:14px}
.wd-nav-main .wd-dropdown-menu li.spoki-mega-cta>a.woodmart-nav-link:hover{background:var(--spoki-teal-deep);color:#fff}

/* right-align the wide dropdowns near the right edge */
.wd-nav-main>li.item-level-0:nth-last-child(-n+3)>.wd-dropdown-menu{left:auto;right:0}

/* ---- Main orange CTA (Намери играчка) enhancement ---- */
.wd-nav-main>li.spoki-nav-cta>a.woodmart-nav-link{display:inline-flex;align-items:center;box-shadow:0 6px 18px rgba(240,138,60,.35)}
.wd-nav-main>li.spoki-nav-cta>a.woodmart-nav-link .nav-link-text::after{display:none}
.wd-nav-main>li.spoki-nav-cta>a.woodmart-nav-link .nav-link-text::before{content:'';display:inline-block;width:16px;height:16px;margin-right:7px;vertical-align:-3px;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url('data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2024%2024%27%20fill=%27white%27%3E%3Cpath%20d=%27M9%203l1.4%203.6L14%208l-3.6%201.4L9%2013%207.6%209.4%204%208l3.6-1.4z%27/%3E%3Cpath%20d=%27M17.5%2012l.7%201.9%201.9.7-1.9.7-.7%201.9-.7-1.9-1.9-.7%201.9-.7z%27/%3E%3C/svg%3E')}
.wd-nav-main>li.spoki-nav-cta:hover>a.woodmart-nav-link{background:var(--spoki-orange-hover) !important;color:#fff !important}

/* focus visible for keyboard */
.wd-nav-main a.woodmart-nav-link:focus-visible,.wd-nav-mobile a.woodmart-nav-link:focus-visible{outline:2px solid var(--spoki-teal);outline-offset:2px;border-radius:8px}

/* tablet tightening */
@media(max-width:1100px){.wd-nav-main>li.item-level-0>a.woodmart-nav-link{padding:9px 11px;font-size:14px}}

/* reduced motion */
@media(prefers-reduced-motion:reduce){.wd-nav-main>li.item-level-0>.wd-dropdown-menu{transition:none;transform:none}.wd-nav-main>li.menu-item-has-children>a .nav-link-text::after{transition:none}}

/* ============================================================
   MOBILE slide-panel menu (.wd-nav-mobile, accordion)
   ============================================================ */
.wd-nav-mobile>li>a.woodmart-nav-link{min-height:50px;display:flex;align-items:center;font-family:var(--spoki-font-body);font-weight:700;font-size:16px;color:var(--spoki-slate)}
.wd-nav-mobile>li{border-bottom:1px solid var(--spoki-sand)}
.wd-nav-mobile .woodmart-nav-link:hover,.wd-nav-mobile .current-menu-item>a.woodmart-nav-link{color:var(--spoki-teal-deep)}
/* submenu container rounded + mint */
.wd-nav-mobile .wd-sub-menu{background:var(--spoki-mint);border-radius:14px;margin:6px 0 12px;padding:6px}
.wd-nav-mobile .wd-sub-menu .sub-sub-menu{background:transparent;margin:2px 0 6px;padding:0}
.wd-nav-mobile .wd-sub-menu .woodmart-nav-link{min-height:44px;display:flex;align-items:center;padding:8px 14px;border-radius:10px;font-family:var(--spoki-font-body);font-weight:600;font-size:15.5px;color:var(--spoki-slate)}
.wd-nav-mobile .wd-sub-menu .woodmart-nav-link:hover{background:#fff;color:var(--spoki-teal-deep)}
/* mobile CTA */
.wd-nav-mobile>li.spoki-mobile-cta{border-bottom:0;margin:6px 0 12px}
.wd-nav-mobile>li.spoki-mobile-cta>a.woodmart-nav-link{justify-content:center;background:var(--spoki-orange);color:#fff;border-radius:999px;min-height:52px;box-shadow:0 6px 18px rgba(240,138,60,.35)}
.wd-nav-mobile>li.spoki-mobile-cta>a.woodmart-nav-link:hover{background:var(--spoki-orange-hover);color:#fff}
/* mobile column titles visible */
.wd-nav-mobile li.spoki-mega-coltitle>a.woodmart-nav-link{font-family:var(--spoki-font-body);font-weight:800;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--spoki-teal);min-height:36px}
/* mobile view-all buttons */
.wd-nav-mobile li.spoki-mega-cta>a.woodmart-nav-link{justify-content:center;background:#fff;color:var(--spoki-teal-deep);border-radius:999px;font-weight:700}
/* mobile info group header */
.wd-nav-mobile>li.spoki-mobile-info{margin-top:10px}
.wd-nav-mobile>li.spoki-mobile-info>a.woodmart-nav-link{color:var(--spoki-slate-mid);text-transform:uppercase;font-size:12px;letter-spacing:.06em}

/* SpOki menu z-index fix: dropdowns must paint above the age-pill bar */
.whb-header{position:relative;z-index:30}
.whb-header .wd-dropdown-menu{z-index:60}
.spoki-agebar{position:relative;z-index:1}

/* SpOki mega panel width fix: white card must span all columns */
.wd-nav-main>li.spoki-mega-2col>.wd-dropdown-menu{width:470px;max-width:92vw}
.wd-nav-main>li.spoki-mega-3col>.wd-dropdown-menu{width:740px;max-width:94vw}
.wd-nav-main>li.spoki-mega-2col>.wd-dropdown-menu .wd-sub-menu{min-width:0;width:100%}
.wd-nav-main>li.spoki-mega-3col>.wd-dropdown-menu .wd-sub-menu{min-width:0;width:100%}

/* === SpOki menu fixes pass2 (2026-06-15) === */
/* #2 hover bridge: keep dropdown open while moving from the item into it */
.wd-nav-main>li.item-level-0>.wd-dropdown-menu{margin-top:10px}
.wd-nav-main>li.item-level-0>.wd-dropdown-menu:before{content:"" !important;display:block !important;position:absolute;left:0;right:0;top:-15px;height:17px;background:transparent;pointer-events:auto}
/* #1 "Виж всички" button clearly inside the card, with a divider */
.wd-nav-main .wd-dropdown-menu li.spoki-mega-cta{margin-top:10px;padding-top:12px;border-top:1px solid var(--spoki-sand)}
.wd-nav-main>li.spoki-mega-3col>.wd-dropdown-menu .wd-sub-menu>li.spoki-mega-cta{margin-top:12px}
/* #3 clearer wand/sparkle on the orange CTA */
.wd-nav-main>li.spoki-nav-cta>a.woodmart-nav-link .nav-link-text::before{width:18px;height:18px;margin-right:8px;vertical-align:-4px;background-image:url('data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2024%2024%27%20fill=%27white%27%3E%3Cpath%20d=%27M12%201.5l1.9%205.3%205.3%201.9-5.3%201.9L12%2015.9l-1.9-5.3L4.8%208.7l5.3-1.9z%27/%3E%3Ccircle%20cx=%2719%27%20cy=%2717%27%20r=%271.6%27/%3E%3Ccircle%20cx=%275%27%20cy=%2717.5%27%20r=%271.2%27/%3E%3C/svg%3E')}
/* #4 age-pill bar: delicate scroll arrows on mobile */
.spoki-agebar__inner{display:flex !important;align-items:center;gap:8px;flex-wrap:nowrap !important}
.spoki-agebar__track{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;flex:1 1 auto;min-width:0}
.spoki-agebar__arrow{display:none}
@media(max-width:768px){
 .spoki-agebar__inner{gap:6px;padding:0 8px}
 .spoki-agebar__track{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:2px}
 .spoki-agebar__track::-webkit-scrollbar{display:none}
 .spoki-agebar__pill{flex:0 0 auto}
 .spoki-agebar__arrow{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:30px;height:30px;border-radius:50%;border:1px solid var(--spoki-sand);background:#fff;cursor:pointer;box-shadow:var(--spoki-shadow-card);padding:0}
 .spoki-agebar__arrow:active{transform:scale(.94)}
 .spoki-agebar__arrow::before{content:'';display:block;width:8px;height:8px;border-top:2px solid var(--spoki-teal-deep);border-right:2px solid var(--spoki-teal-deep)}
 .spoki-agebar__arrow--left::before{transform:rotate(-135deg);position:relative;left:2px}
 .spoki-agebar__arrow--right::before{transform:rotate(45deg);position:relative;right:2px}
}

/* ============================================================
   SpOki HEADER SCREENSHOT ALIGNMENT PATCH (2026-06-15)
   Scope: header builder, desktop menu dropdowns, age pills, mobile drawer.
   No homepage section/product/checkout styles are changed here.
   ============================================================ */

.whb-header,
.whb-header * {
  letter-spacing: 0;
}

.whb-header {
  background: #fff;
  box-shadow: 0 1px 0 rgba(232, 221, 210, .72);
}

.whb-top-bar {
  background: var(--spoki-teal) !important;
  color: #fff;
}

.whb-general-header,
.whb-header-bottom {
  background: #fff !important;
}

.whb-header-bottom {
  border-top: 1px solid rgba(232, 221, 210, .72);
  border-bottom: 1px solid rgba(232, 221, 210, .92);
}

@media (min-width: 1025px) {
  .whb-general-header .whb-row,
  .whb-header-bottom .whb-row {
    max-width: 1240px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 24px;
    padding-right: 24px;
  }

  .whb-general-header .wd-logo img {
    max-height: 52px;
  }

  .whb-header-bottom .whb-col-center,
  .whb-header-bottom .wd-nav-main {
    justify-content: center;
  }
}

.whb-general-header .searchform.wd-style-with-bg {
  height: 58px;
  border: 1px solid rgba(232, 221, 210, .95);
  box-shadow: 0 10px 30px rgba(43, 59, 64, .08);
}

.whb-general-header .searchform.wd-style-with-bg .s {
  height: 48px;
  padding-left: 22px;
  color: var(--spoki-slate);
}

.whb-general-header .searchform.wd-style-with-bg .searchsubmit {
  width: 48px;
  height: 48px;
  min-width: 48px;
  box-shadow: 0 8px 18px rgba(1, 167, 173, .24);
}

.whb-general-header .whb-col-right .wd-tools-element > a {
  min-width: 40px;
  min-height: 40px;
  border-radius: 999px;
  color: var(--spoki-slate);
}

.whb-general-header .whb-col-right .wd-tools-element:hover > a {
  background: var(--spoki-mint);
  color: var(--spoki-teal-deep);
}

.whb-header .wd-nav-main {
  gap: 8px;
}

.whb-header .wd-nav-main > li.item-level-0 > a.woodmart-nav-link {
  min-height: 42px;
  padding: 0 14px !important;
  border-radius: 16px;
  display: inline-flex;
  align-items: center;
  color: var(--spoki-slate) !important;
  font-family: var(--spoki-font-head) !important;
  font-size: 14px;
  font-weight: 800 !important;
  line-height: 1;
}

.whb-header .wd-nav-main > li.item-level-0:hover > a.woodmart-nav-link,
.whb-header .wd-nav-main > li.item-level-0:focus-within > a.woodmart-nav-link,
.whb-header .wd-nav-main > li.item-level-0.current-menu-item > a.woodmart-nav-link,
.whb-header .wd-nav-main > li.item-level-0.current-menu-ancestor > a.woodmart-nav-link {
  background: var(--spoki-mint) !important;
  color: var(--spoki-teal-deep) !important;
}

.whb-header .wd-nav-main > li.spoki-nav-cta > a.woodmart-nav-link {
  min-height: 42px;
  padding: 0 24px !important;
  margin-left: 8px;
  border-radius: 999px !important;
  background: var(--spoki-orange) !important;
  color: #fff !important;
  box-shadow: 0 10px 22px rgba(240, 138, 60, .32);
}

.whb-header .wd-nav-main > li.spoki-nav-cta:hover > a.woodmart-nav-link,
.whb-header .wd-nav-main > li.spoki-nav-cta:focus-within > a.woodmart-nav-link {
  background: var(--spoki-orange-hover) !important;
  color: #fff !important;
}

.whb-header .wd-nav-main > li.item-level-0 > .wd-dropdown-menu {
  margin-top: 10px;
  padding: 16px;
  border: 1px solid rgba(232, 221, 210, .95);
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 22px 58px rgba(43, 59, 64, .14);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(8px);
  transition: opacity 160ms ease, visibility 160ms ease, transform 160ms ease;
}

.whb-header .wd-nav-main > li.item-level-0:hover > .wd-dropdown-menu,
.whb-header .wd-nav-main > li.item-level-0:focus-within > .wd-dropdown-menu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}

.whb-header .wd-nav-main .wd-dropdown-menu .woodmart-nav-link {
  min-height: 38px;
  padding: 10px 14px;
  border-radius: 12px;
  color: var(--spoki-slate) !important;
  font-size: 14px;
}

.whb-header .wd-nav-main .wd-dropdown-menu .woodmart-nav-link:hover,
.whb-header .wd-nav-main .wd-dropdown-menu li.current-menu-item > .woodmart-nav-link {
  background: var(--spoki-mint) !important;
  color: var(--spoki-teal-deep) !important;
}

.whb-header .wd-nav-main .wd-dropdown-menu li.spoki-mega-coltitle > a.woodmart-nav-link {
  min-height: 28px;
  padding-top: 6px;
  padding-bottom: 6px;
  color: var(--spoki-teal) !important;
}

.whb-header .wd-nav-main .wd-dropdown-menu li.spoki-mega-cta > a.woodmart-nav-link {
  min-height: 42px;
  background: var(--spoki-mint) !important;
  color: var(--spoki-teal-deep) !important;
}

.whb-header .wd-nav-main .wd-dropdown-menu li.spoki-mega-cta > a.woodmart-nav-link:hover {
  background: var(--spoki-teal-deep) !important;
  color: #fff !important;
}

.spoki-agebar {
  overflow: hidden;
  background: #fff;
  border-bottom: 1px solid rgba(232, 221, 210, .92);
}

.spoki-agebar__inner {
  max-width: 1240px;
}

.spoki-agebar__pill {
  min-width: 88px;
  justify-content: center;
  box-shadow: 0 8px 18px rgba(1, 167, 173, .18);
}

@media (max-width: 1024px) {
  html,
  body {
    overflow-x: hidden;
  }

  .whb-top-bar,
  .whb-header-bottom {
    display: none !important;
  }

  .whb-general-header .whb-row {
    min-height: 60px;
    padding-left: 14px;
    padding-right: 14px;
  }

  .whb-general-header .wd-logo img {
    max-height: 42px;
  }

  .spoki-agebar {
    padding: 10px 0 8px;
  }

  .spoki-agebar__inner {
    max-width: 100vw;
    padding-left: 16px;
    padding-right: 16px;
    justify-content: flex-start;
    gap: 12px;
    scroll-snap-type: x proximity;
  }

  .spoki-agebar__pill {
    min-width: 72px;
    min-height: 40px;
    padding: 0 18px;
    scroll-snap-align: start;
    font-size: 13px;
  }

  .wd-side-hidden.wd-side-hidden-nav,
  .wd-side-hidden[class*="mobile"] {
    background: #fff;
  }

  .wd-side-hidden .wd-search-form,
  .mobile-nav .searchform,
  .wd-nav-mobile + .wd-search-form {
    padding: 16px 18px 10px;
  }

  .wd-side-hidden .searchform input[type="text"],
  .wd-side-hidden .searchform input[type="search"] {
    min-height: 48px;
    border-radius: 999px;
    border: 1px solid rgba(232, 221, 210, .95);
    background: #fff;
    font-size: 15px;
  }

  .wd-nav-mobile {
    padding: 0 16px 22px;
  }

  .wd-nav-mobile > li {
    margin: 0 0 8px;
    border: 1px solid rgba(232, 221, 210, .95) !important;
    border-radius: 14px;
    background: #fff;
    overflow: hidden;
  }

  .wd-nav-mobile > li > a.woodmart-nav-link {
    min-height: 52px;
    padding: 0 14px !important;
    color: var(--spoki-slate) !important;
    font-size: 15px;
    text-transform: none;
  }

  .wd-nav-mobile > li.menu-item-has-children > a.woodmart-nav-link:after {
    color: var(--spoki-teal-deep);
  }

  .wd-nav-mobile .wd-sub-menu {
    margin: 0 10px 12px;
    padding: 8px;
    border-radius: 14px;
    background: var(--spoki-mint);
  }

  .wd-nav-mobile .wd-sub-menu .woodmart-nav-link {
    min-height: 42px;
    border-radius: 10px;
    font-size: 14px;
  }

  .wd-nav-mobile > li.spoki-mobile-cta {
    margin-top: 10px;
    border: 0 !important;
    background: transparent;
  }

  .wd-nav-mobile > li.spoki-mobile-cta > a.woodmart-nav-link {
    min-height: 54px;
    justify-content: center;
    border-radius: 999px;
    background: var(--spoki-orange) !important;
    color: #fff !important;
    box-shadow: 0 10px 24px rgba(240, 138, 60, .32);
  }

  .wd-nav-mobile > li.spoki-mobile-info {
    display: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .whb-header .wd-nav-main > li.item-level-0 > .wd-dropdown-menu {
    transition: none;
  }
}

/* ============================================================
   SpOki MOBILE MENU CLOSE BUTTON (2026-06-15)
   Scope: WoodMart mobile drawer only. Adds Ozone-style visible X.
   ============================================================ */

@media (max-width: 1024px) {
  .mobile-nav.wd-side-hidden-nav {
    position: fixed;
  }

  .mobile-nav.wd-side-hidden-nav .spoki-mobile-menu-close {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
    width: 56px;
    height: 56px;
    min-width: 56px;
    min-height: 56px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: #3f3f3f;
    color: #fff;
    cursor: pointer;
    box-shadow: none;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 140ms ease;
  }

  .mobile-nav.wd-side-hidden-nav .spoki-mobile-menu-close:hover,
  .mobile-nav.wd-side-hidden-nav .spoki-mobile-menu-close:focus-visible {
    background: #2f2f2f;
  }

  .mobile-nav.wd-side-hidden-nav .spoki-mobile-menu-close:focus-visible {
    outline: 2px solid var(--spoki-teal);
    outline-offset: -4px;
  }

  .mobile-nav.wd-side-hidden-nav .spoki-mobile-menu-close span,
  .mobile-nav.wd-side-hidden-nav .spoki-mobile-menu-close::before {
    content: "";
    position: absolute;
    width: 28px;
    height: 2px;
    border-radius: 999px;
    background: #fff;
    transform: rotate(45deg);
  }

  .mobile-nav.wd-side-hidden-nav .spoki-mobile-menu-close::before {
    transform: rotate(-45deg);
  }

  .mobile-nav.wd-side-hidden-nav > .wd-search-form:first-of-type {
    padding-top: 72px;
  }
}

@media (min-width: 1025px) {
  .spoki-mobile-menu-close {
    display: none !important;
  }
}

/* === SpOki hero baseline restoration (2026-06-15) === */
/* Scoped under .spoki-hero only; uses --spoki-* tokens. Restores: row finder, clouds, rings, fox, avatars. */

/* 1. Finder: 3 selects in ONE ROW on desktop, stack on mobile */
.spoki-hero .spoki-finder-card { max-width: 600px; }
@media (min-width: 781px) {
  .spoki-hero .spoki-finder-fields { flex-direction: row; gap: 12px; }
  .spoki-hero .spoki-finder-select { flex: 1 1 0; min-width: 0; padding-left: 14px; padding-right: 30px; }
}
@media (max-width: 780px) {
  .spoki-hero .spoki-finder-fields { flex-direction: column; }
}

/* 2. Warm cream/peach bg + soft clouds */
.spoki-hero { position: relative; overflow: hidden; background: var(--spoki-peach); }
.spoki-hero .spoki-inner { position: relative; z-index: 1; }
.spoki-hero::before,
.spoki-hero::after {
  content: "";
  position: absolute;
  background: rgba(255,255,255,.62);
  border-radius: 100px;
  pointer-events: none;
  z-index: 0;
}
.spoki-hero::before { width: 150px; height: 48px; top: 56px; left: 6%; box-shadow: 64px 16px 0 -8px rgba(255,255,255,.55); }
.spoki-hero::after  { width: 120px; height: 40px; top: 38px; right: 10%; box-shadow: -54px 20px 0 -10px rgba(255,255,255,.5); }
@media (max-width: 900px) {
  .spoki-hero::before { width: 96px; height: 32px; top: 18px; left: 4%; }
  .spoki-hero::after  { width: 84px; height: 28px; top: 12px; right: 6%; }
}

/* 3. Decorative concentric rings behind the right circle */
.spoki-hero__media { position: relative; }
.spoki-hero__media::before,
.spoki-hero__media::after {
  content: "";
  position: absolute;
  top: 50%; left: 50%; transform: translate(-50%,-50%);
  border-radius: 50%;
  pointer-events: none;
  z-index: 0;
}
.spoki-hero__media::before { width: 520px; height: 520px; border: 1.5px dashed rgba(1,168,174,.20); }
.spoki-hero__media::after  { width: 600px; height: 600px; border: 1px solid rgba(1,168,174,.10); }
.spoki-hero__photo-wrap,
.spoki-hero__bubble,
.spoki-hero__fox { position: relative; z-index: 1; }
@media (max-width: 900px) {
  .spoki-hero__media::before, .spoki-hero__media::after { display: none; }
}

/* 4. Fox: larger, integrated at lower-right of the circle */
.spoki-hero__fox { position: absolute; right: 1%; bottom: 3%; width: 138px; height: auto; margin: 0; z-index: 2; }
.spoki-hero__fox img { width: 100%; height: auto; display: block; }
@media (max-width: 1024px) { .spoki-hero__fox { width: 104px; right: 4%; bottom: 2%; } }

/* 5. Trust bubble: 3 neutral avatar circles (no fake faces) */
.spoki-hero__bubble { position: absolute; z-index: 3; }
.spoki-hero__bubble::before {
  content: "";
  display: block;
  width: 60px; height: 22px;
  margin: 0 0 8px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='22' viewBox='0 0 60 22'%3E%3Cg stroke='white' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='9' fill='%23F7C9A6'/%3E%3Ccircle cx='26' cy='11' r='9' fill='%2357BDB4'/%3E%3Ccircle cx='41' cy='11' r='9' fill='%23CDEBF6'/%3E%3C/g%3E%3C/svg%3E") no-repeat left center;
}
/* hero mobile h1 tighten (reduce height) */
@media (max-width: 480px) {
  .spoki-hero__h1 { font-size: 30px; line-height: 1.12; }
  .spoki-hero { padding-top: 36px; }
}

/* === SpOki needs5 section (baseline "Какво те тревожи днес", 2026-06-15) === */
.spoki-needs5 { background: #fff; }
.spoki-needs5__eyebrow {
  font-family: var(--spoki-font-head); font-size: .8125rem; font-weight: 700;
  letter-spacing: .1em; text-transform: uppercase; color: var(--spoki-teal); margin: 0 0 10px;
}
.spoki-needs5__h2 { margin: 0 0 36px; }
.spoki-needs5__grid { display: grid; grid-template-columns: repeat(5,1fr); gap: 20px; }
@media (max-width: 1024px) { .spoki-needs5__grid { grid-template-columns: repeat(3,1fr); } }
@media (max-width: 600px) {
  .spoki-needs5__grid {
    display: flex; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none;
    gap: 14px; padding-bottom: 8px; scroll-snap-type: x mandatory;
  }
  .spoki-needs5__grid::-webkit-scrollbar { display: none; }
  .spoki-need5-card { flex: 0 0 80%; scroll-snap-align: start; }
}
.spoki-need5-card {
  background: #fff; border: 1px solid var(--spoki-sand); border-radius: 18px; overflow: hidden;
  box-shadow: var(--spoki-shadow-card); display: flex; flex-direction: column;
  transition: transform .18s cubic-bezier(.2,.8,.2,1), box-shadow .18s cubic-bezier(.2,.8,.2,1);
}
.spoki-need5-card:hover { transform: translateY(-3px); box-shadow: var(--spoki-shadow-kit); }
.spoki-need5-card__img { margin: 0; }
.spoki-need5-card__img img { width: 100%; aspect-ratio: 16/10; object-fit: cover; display: block; }
.spoki-need5-card h3 {
  font-family: var(--spoki-font-head); font-size: 1.0625rem; font-weight: 700;
  color: var(--spoki-slate); margin: 16px 16px 4px; line-height: 1.25;
}
.spoki-need5-card h3 a { color: inherit; text-decoration: none; }
.spoki-need5-card > p { font-size: .875rem; color: var(--spoki-slate-mid); margin: 0 16px 12px; line-height: 1.45; }
.spoki-need5-card__link { margin: auto 16px 16px !important; }
.spoki-need5-card__link a { color: var(--spoki-teal); font-family: var(--spoki-font-head); font-weight: 700; font-size: .875rem; text-decoration: none; }
.spoki-need5-card__link a:hover { color: var(--spoki-teal-deep); text-decoration: underline; }
/* === SpOki hero refinement v2 (2026-06-15) === */
/* Background depth */
.spoki-hero {
  background:
    radial-gradient(120% 90% at 78% 28%, rgba(255,255,255,.5) 0%, rgba(255,255,255,0) 42%),
    radial-gradient(90% 80% at 10% 92%, rgba(255,238,222,.6) 0%, rgba(255,238,222,0) 45%),
    var(--spoki-peach);
}
.spoki-hero .spoki-inner::before {
  content:""; position:absolute; width:900px; height:900px; border-radius:50%;
  border:1px solid rgba(1,168,174,.06); right:-200px; top:-230px; pointer-events:none; z-index:0;
}
/* Softer clouds */
.spoki-hero::before, .spoki-hero::after { background:#fff; filter:blur(.5px); opacity:.72; border-radius:100px; }
.spoki-hero::before { width:120px; height:42px; top:48px; left:6%; box-shadow:42px -11px 0 -6px #fff, 80px 6px 0 -2px #fff, 22px 15px 0 0 #fff; }
.spoki-hero::after  { width:90px; height:32px; top:34px; right:9%; box-shadow:-34px 10px 0 -6px #fff, -66px -4px 0 -10px #fff; }
/* Badge soft pill + sparkle */
.spoki-hero__badge { background:#fff !important; color:var(--spoki-teal-deep) !important; box-shadow:0 2px 10px rgba(43,59,64,.06); display:inline-flex; align-items:center; gap:7px; padding:7px 16px 7px 13px; }
.spoki-hero__badge::before { content:""; width:15px; height:15px; flex:0 0 auto; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2319B0B6'%3E%3Cpath d='M12 2l1.7 5.8L19.5 9l-5.8 1.2L12 16l-1.7-5.8L4.5 9l5.8-1.2z'/%3E%3C/svg%3E") no-repeat center/contain; }
/* Finder: compact CTA + search icon */
.spoki-hero .spoki-finder-form { display:flex; flex-direction:column; align-items:stretch; }
@media (min-width:781px){ .spoki-hero .spoki-finder-card .spoki-btn--orange { width:auto; align-self:flex-start; padding:14px 30px; } }
.spoki-hero .spoki-finder-card .spoki-btn--orange::before { content:""; width:17px; height:17px; margin-right:9px; flex:0 0 auto; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M21 21l-4.3-4.3'/%3E%3C/svg%3E") no-repeat center/contain; }
/* Micro trust line aligned */
.spoki-hero__trust { display:flex !important; flex-direction:row; align-items:center; gap:22px; flex-wrap:wrap; margin-top:18px; }
.spoki-hero__trust-item { display:inline-flex; align-items:center; margin:0 !important; font-size:.9375rem; color:var(--spoki-slate-mid); line-height:1; }
/* Avatars: real image blocks, overlapping circles */
.spoki-hero__bubble::before { display:none !important; }
.spoki-hero__avatars { display:flex !important; gap:0; margin:0 0 8px; flex-wrap:nowrap; }
.spoki-hero__avatars .spoki-hero__avatar { margin:0 -8px 0 0; }
.spoki-hero__avatar img { width:28px; height:28px; border-radius:50%; border:2px solid #fff; object-fit:cover; display:block; background:var(--spoki-mint); }
/* Fox integrated */
.spoki-hero__fox { right:-2%; bottom:1%; width:128px; }
/* ---- Mobile rebuild ---- */
@media (max-width:900px){
  .spoki-hero__grid { grid-template-columns:1fr; gap:28px; }
  .spoki-hero__left { width:100%; }
  .spoki-hero__media { width:-moz-fit-content; width:fit-content; max-width:100%; margin:0 auto; position:relative; order:2; }
  .spoki-hero .spoki-inner::before { display:none; }
}
@media (max-width:768px){
  .spoki-hero { padding-top:40px; padding-bottom:48px; }
  .spoki-hero .spoki-finder-fields { flex-direction:column; }
  .spoki-hero .spoki-finder-card .spoki-btn--orange { width:100%; align-self:stretch; }
  .spoki-hero__photo-wrap { margin:0; }
  .spoki-hero__photo-wrap img { width:300px !important; height:300px !important; border-radius:50% !important; }
  .spoki-hero__fox { display:block !important; width:92px; right:-6px; bottom:0; }
  .spoki-hero__bubble { position:absolute !important; left:-12px; bottom:22px; max-width:185px; margin:0; }
  .spoki-hero__trust { gap:16px; }
}
@media (max-width:480px){
  .spoki-hero__h1 { font-size:30px; line-height:1.12; }
  .spoki-hero__photo-wrap img { width:268px !important; height:268px !important; }
  .spoki-hero::before { width:80px; height:28px; top:14px; left:3%; }
  .spoki-hero::after { display:none; }
  .spoki-hero__fox { width:80px; }
  .spoki-hero__bubble { max-width:165px; }
}
/* === SpOki kicker color restore (beats .spoki-band p; 2026-06-15) === */
/* Eyebrow/kicker labels were turning grey because '.spoki-band p' (0,1,1) overrode
   '.spoki-kicker2' (0,1,0). These rules raise specificity to 0,2,1 to win, no !important. */
.spoki-band p.spoki-kicker2,
.spoki-band p.spoki-needs5__eyebrow,
.spoki-band p.spoki-pains__kicker,
.spoki-needs5 p.spoki-needs5__eyebrow {
  color: var(--spoki-teal);
  font-weight: 700;
  font-family: var(--spoki-font-head);
  font-size: .8rem;
  letter-spacing: .14em;
}
/* === SpOki mobile hero compaction + sticky reveal (2026-06-15) === */
@media (max-width:768px){
  /* Sticky finder CTA: hidden during hero, revealed only after */
  .spoki-sticky-finder-cta { display:none !important; }
  body.spoki-past-hero .spoki-sticky-finder-cta { display:flex !important; bottom:0; }
  /* Toolbar sits at the very bottom during hero; lifts above CTA only after */
  .wd-toolbar { bottom:0 !important; }
  body.spoki-past-hero .wd-toolbar { bottom:52px !important; }
  body { padding-bottom:56px !important; }
  body.spoki-past-hero { padding-bottom:108px !important; }
  .scrollToTop { bottom:66px !important; }
  body.spoki-past-hero .scrollToTop { bottom:120px !important; }

  /* Hero tighten */
  .spoki-hero { padding-top:30px; padding-bottom:40px; }
  .spoki-hero__grid { gap:20px; }
  .spoki-hero__sub { font-size:1rem; line-height:1.5; margin:0 0 18px; }
  /* Finder compact */
  .spoki-finder-card { padding:18px 18px 20px; margin-top:16px; }
  .spoki-finder-card__title { margin-bottom:4px; }
  .spoki-finder-card__label { margin-bottom:14px; font-size:.9375rem; }
  .spoki-finder-fields { gap:10px; margin-bottom:12px; }
  .spoki-finder-select { padding-top:12px; padding-bottom:12px; }
  .spoki-hero .spoki-finder-card .spoki-btn--orange { padding:15px; }
  /* Trust line connected to finder */
  .spoki-hero__trust { margin-top:14px; justify-content:flex-start; gap:18px; }
  /* Media */
  .spoki-hero__media { margin-top:6px; }
  /* Bubble smaller overlay */
  .spoki-hero__bubble { max-width:172px; padding:12px 14px; bottom:18px; left:-10px; }
  .spoki-hero__bubble p { font-size:.8125rem; }
  .spoki-hero__bubble-text { font-size:.75rem; }
  /* Avatars softer + smaller */
  .spoki-hero__avatar img { width:24px; height:24px; opacity:.92; }
}
@media (max-width:480px){
  .spoki-hero { padding-top:26px; padding-bottom:36px; }
  .spoki-hero__h1 { font-size:28px; line-height:1.1; }
  .spoki-hero__sub { font-size:.9375rem; margin-bottom:16px; }
  .spoki-finder-card { padding:16px; }
  .spoki-hero__photo-wrap img { width:264px !important; height:264px !important; }
  .spoki-hero__fox { width:76px; right:-4px; }
  .spoki-hero__bubble { max-width:160px; bottom:14px; }
}
/* === SpOki hero background v3: organic atmospheric blobs (2026-06-15) === */
/* Replaces hard 'cloud' box-shadow shapes with soft blurred gradient blobs + subtle teal rings. */
.spoki-hero {
  background:
    radial-gradient(68% 58% at 80% 22%, rgba(103,214,227,.10) 0%, rgba(103,214,227,0) 56%),
    radial-gradient(120% 90% at 78% 30%, rgba(255,255,255,.5) 0%, rgba(255,255,255,0) 44%),
    radial-gradient(90% 80% at 8% 92%, rgba(255,220,194,.5) 0%, rgba(255,220,194,0) 46%),
    var(--spoki-peach);
}
.spoki-hero::before,
.spoki-hero::after {
  content:""; position:absolute; pointer-events:none; z-index:0;
  box-shadow:none !important; filter:blur(28px); border-radius:50%;
  background: radial-gradient(circle at 45% 45%, rgba(255,255,255,.92) 0%, rgba(255,255,255,0) 68%);
}
.spoki-hero::before { width:380px; height:240px; top:-34px; left:-40px; opacity:.75; }
.spoki-hero::after  { width:300px; height:210px; top:-20px; right:2%; opacity:.6; }
/* faint oversized brand ring across hero */
.spoki-hero .spoki-inner::before {
  content:""; position:absolute; width:980px; height:980px; border-radius:50%;
  border:1px solid rgba(25,176,182,.05); right:-250px; top:-270px; pointer-events:none; z-index:0;
}
/* right circle: pale teal glow + one soft dashed ring (photo keeps its own dashed border) */
.spoki-hero__media::before,
.spoki-hero__media::after {
  content:""; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
  border-radius:50%; pointer-events:none; z-index:0;
}
.spoki-hero__media::before {
  width:560px; height:560px; border:none; filter:blur(10px);
  background: radial-gradient(circle, rgba(103,214,227,.18) 0%, rgba(103,214,227,0) 62%);
}
.spoki-hero__media::after { width:600px; height:600px; border:1.5px dashed rgba(25,176,182,.16); background:none; }
/* faint glow behind finder card */
.spoki-hero__left { position:relative; }
.spoki-hero__left::before {
  content:""; position:absolute; z-index:-1; pointer-events:none;
  width:420px; height:260px; left:-30px; bottom:30px; border-radius:50%;
  background: radial-gradient(circle, rgba(255,255,255,.5) 0%, rgba(255,255,255,0) 70%);
  filter:blur(30px);
}
/* ---- responsive: reduce decoration on mobile ---- */
@media (max-width:900px){
  .spoki-hero .spoki-inner::before { display:none; }
  .spoki-hero__media::before, .spoki-hero__media::after { display:none; }
  .spoki-hero__left::before { display:none; }
}
@media (max-width:768px){
  .spoki-hero::after { display:none; }
  .spoki-hero::before { width:220px; height:150px; top:-24px; left:-40px; opacity:.5; }
}

/* ============================================================
   SpOki WooCommerce Stock Badges (2026-06-15)
   Scope: one server-side badge on single product pages.
   ============================================================ */

.woocommerce div.product .summary .spoki-stock-badge,
.single-product .spoki-stock-badge {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  padding: 4px 10px;
  border-radius: 3px;
  font-family: var(--spoki-font-head, inherit);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  color: #fff;
  margin: 4px 0 12px;
  white-space: nowrap;
  text-transform: none;
  letter-spacing: 0;
}

.woocommerce div.product .summary .spoki-stock-badge--in-stock,
.single-product .spoki-stock-badge--in-stock {
  background: #39c85a;
  color: #fff;
}

.woocommerce div.product .summary .spoki-stock-badge--out-of-stock,
.single-product .spoki-stock-badge--out-of-stock {
  background: #e53935;
  color: #fff;
}

@media (max-width: 768px) {
  .woocommerce div.product .summary .spoki-stock-badge,
  .single-product .spoki-stock-badge {
    font-size: 13px;
    padding: 5px 10px;
    margin: 4px 0 10px;
  }
}

/* === SpOki mobile UX v2: review card below image, fox re-anchor, toolbar align (2026-06-15) === */
@media (max-width:768px){
  /* Media: photo centered, review card BELOW it (no longer covers the child) */
  .spoki-hero__media { width:auto; max-width:300px; margin:0 auto; position:relative; display:block; }
  .spoki-hero__photo-wrap { position:relative; margin:0 auto; }
  .spoki-hero__photo-wrap img { width:280px !important; height:280px !important; margin:0 auto; border-radius:50% !important; }
  .spoki-hero__fox { position:absolute; top:212px; right:2px; bottom:auto; left:auto; width:84px; }
  .spoki-hero__bubble {
    position:static !important; transform:none !important; left:auto !important; right:auto !important; bottom:auto !important;
    margin:26px auto 0; max-width:280px; display:block; text-align:left;
  }

  /* WoodMart bottom toolbar: all 4 items identical flex-column boxes (fixes 'Търсене' misalign) */
  .wd-toolbar { align-items:stretch !important; }
  .wd-toolbar > .wd-toolbar-item,
  .wd-toolbar > .wd-header-search-mobile,
  .wd-toolbar > .wd-header-cart {
    flex:1 1 0 !important; display:flex !important; align-items:center !important; justify-content:center !important;
    min-height:46px !important; height:auto !important;
  }
  .wd-toolbar > .wd-toolbar-item > a,
  .wd-toolbar > .wd-header-search-mobile > a,
  .wd-toolbar > .wd-header-cart > a {
    display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important;
    gap:3px; margin:0 !important; line-height:1.1; text-align:center;
  }
  .wd-toolbar .wd-tools-icon { margin:0 !important; }
  .wd-toolbar .wd-toolbar-label { font-size:11px; line-height:1.1; margin:0; }
  /* cart count badge stays absolute on the icon, never shifts item height */
  .wd-toolbar .wd-header-cart .wd-tools-count { position:absolute; }
}
@media (max-width:480px){
  .spoki-hero__photo-wrap img { width:260px !important; height:260px !important; }
  .spoki-hero__fox { top:196px; width:78px; }
  .spoki-hero__bubble { max-width:260px; }
}
/* toolbar icon box normalize (equal icon height so all items align) */
@media (max-width:768px){
  .wd-toolbar .wd-tools-icon { height:24px !important; min-height:24px; display:flex !important; align-items:center; justify-content:center; }
  .wd-toolbar .wd-header-search-mobile .wd-tools-icon::before { font-size:21px; line-height:24px; }
}

/* === SpOki hero background v4: restrained premium, one visual language (2026-06-15) === */
/* Removes the mint corner wash, white corner blobs, oversized ring and finder glow.
   Keeps only: warm cream depth + a single soft teal halo behind the image (+ photo dashed ring). */
.spoki-hero {
  background:
    radial-gradient(135% 110% at 50% -12%, rgba(255,255,255,.4) 0%, rgba(255,255,255,0) 42%),
    linear-gradient(180deg, #FFF3E6 0%, var(--spoki-peach) 58%, #FCEAD8 100%);
}
/* one almost-invisible warm glow upper-left; remove the top-right (mint-feeling) blob */
.spoki-hero::before {
  background: radial-gradient(circle at 45% 45%, rgba(255,255,255,.65) 0%, rgba(255,255,255,0) 70%) !important;
  box-shadow:none !important; filter:blur(40px) !important;
  width:440px !important; height:300px !important; top:-70px !important; left:-90px !important; opacity:.4 !important;
}
.spoki-hero::after { display:none !important; }
.spoki-hero .spoki-inner::before { display:none !important; }
.spoki-hero__left::before { display:none !important; }
/* behind image: ONE soft teal halo glow; drop the extra dashed ring (photo keeps its own dashed border) */
.spoki-hero__media::before {
  width:540px !important; height:540px !important; border:none !important; filter:blur(20px) !important;
  background: radial-gradient(circle, rgba(103,214,227,.14) 0%, rgba(103,214,227,0) 60%) !important;
}
.spoki-hero__media::after { display:none !important; }
@media (max-width:900px){
  .spoki-hero__media::before { display:none !important; }
}
@media (max-width:768px){
  .spoki-hero::before { opacity:.3 !important; width:240px !important; height:170px !important; top:-30px !important; left:-50px !important; }
}
/* === SpOki header logo presence (raise size, keep aspect; 2026-06-15) === */
/* The logo was capped at max-height:52px. Raise it responsively for stronger brand presence. */
.whb-header .wd-logo img {
  max-height: 60px !important;
  height: auto !important;
  width: auto !important;
  max-width: 280px !important;
}
@media (max-width: 1024px){
  .whb-header .wd-logo img { max-height: 52px !important; }
}
@media (max-width: 767px){
  .whb-header .wd-logo img { max-height: 42px !important; }
}
/* === SpOki best band: peach + waves + compact cards (scoped to .spoki-products2; 2026-06-15) === */
.spoki-products2 { background: var(--spoki-peach) !important; position:relative; overflow:hidden; }
.spoki-products2 > .spoki-inner { position:relative; z-index:2; text-align:center; }
/* soft white waves top & bottom (sections above/below are white) */
.spoki-products2::before, .spoki-products2::after {
  content:""; position:absolute; left:-3%; width:106%; height:44px; background:#fff; z-index:1; pointer-events:none;
}
.spoki-products2::before { top:-1px; border-radius:0 0 50% 50% / 0 0 100% 100%; }
.spoki-products2::after  { bottom:-1px; border-radius:50% 50% 0 0 / 100% 100% 0 0; }
/* centered header */
.spoki-products2 .spoki-sub2 { margin-left:auto; margin-right:auto; max-width:520px; }
.spoki-products2 .spoki-ptabs { justify-content:center; }
.spoki-products2__cta { justify-content:center !important; }
/* active chip filled teal */
.spoki-ptab.spoki-ptab-on { background:var(--spoki-teal) !important; border-color:var(--spoki-teal) !important; color:#fff !important; }
.spoki-ptab.spoki-ptab-on a { color:#fff !important; }
/* CTA: filled teal (override earlier outline) */
.spoki-products2 .spoki-products2__cta a.wp-block-button__link,
.spoki-products2 .spoki-products2__cta a.wp-block-button__link:visited {
  background:var(--spoki-teal) !important; background-color:var(--spoki-teal) !important; color:#fff !important; border:none !important; border-radius:999px !important;
}
.spoki-products2 .spoki-products2__cta a.wp-block-button__link:hover { background:var(--spoki-teal-deep) !important; }
/* compact product cards (scoped — does NOT touch shop/archive) */
.spoki-products2 .wd-products { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.spoki-products2 .wd-products .product { width:auto !important; margin:0 !important; background:#fff; border-radius:18px; box-shadow:var(--spoki-shadow-card); padding:10px 10px 14px; }
.spoki-products2 .wd-products .product .product-image-link img,
.spoki-products2 .wd-products .product .hover-img,
.spoki-products2 .wd-products .product img { aspect-ratio:1/1; object-fit:cover; border-radius:12px; }
.spoki-products2 .wd-products .product .wd-entities-title,
.spoki-products2 .wd-products .product .product-title { font-size:.9375rem; }
.spoki-products2 .wd-products .price { color:var(--spoki-teal) !important; font-weight:700; }
@media (max-width:1024px){ .spoki-products2 .wd-products { grid-template-columns:repeat(2,1fr); } }
@media (max-width:600px){
  .spoki-products2 .wd-products { display:flex; overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-width:none; gap:14px; scroll-snap-type:x mandatory; }
  .spoki-products2 .wd-products::-webkit-scrollbar { display:none; }
  .spoki-products2 .wd-products .product { flex:0 0 84%; scroll-snap-align:start; }
  .spoki-products2::before, .spoki-products2::after { height:28px; }
}
/* === SpOki hero rings v5: concentric rings + mint glow (desktop only; 2026-06-15) === */
@media (min-width:901px){
  /* soft mint glow behind the photo */
  .spoki-hero__media {
    background: radial-gradient(closest-side at 58% 42%, rgba(25,176,182,.14) 0%, rgba(25,176,182,0) 100%);
  }
  /* inner dashed teal ring */
  .spoki-hero__media::before {
    content:""; display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
    width:500px; height:500px; border-radius:50%;
    border:1.5px dashed rgba(25,176,182,.28) !important;
    background:none !important; filter:none !important; pointer-events:none; z-index:0;
  }
  /* outer faint solid ring */
  .spoki-hero__media::after {
    content:""; display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
    width:580px; height:580px; border-radius:50%;
    border:1px solid rgba(25,176,182,.10); background:none; pointer-events:none; z-index:0;
  }
  /* keep photo + fox + bubble above the rings */
  .spoki-hero__photo-wrap { position:relative; z-index:1; }
  .spoki-hero__fox { position:absolute; z-index:3; }
  .spoki-hero__bubble { position:absolute; z-index:3; }
}

/* ===== SPOKI HEADER DROPDOWN OVERRIDES (2026-06-15) ===== */
/* Desktop main-nav dropdowns only. Additive, removable block. */
.whb-header .wd-nav-main .wd-dropdown-menu li.spoki-mega-cta > a.woodmart-nav-link{
  background:var(--spoki-orange) !important;
  color:#fff !important;
  box-shadow:0 6px 18px rgba(240,138,60,.35);
}
.whb-header .wd-nav-main .wd-dropdown-menu li.spoki-mega-cta > a.woodmart-nav-link:hover{
  background:var(--spoki-orange-hover,#E07B2E) !important;
  color:#fff !important;
}
.wd-nav-main .wd-dropdown-menu li.spoki-mega-cta > a.woodmart-nav-link::after{
  content:"\2192";
  margin-left:8px;
  font-weight:700;
}
.wd-nav-main>li.item-level-0>.wd-dropdown-menu{min-width:290px;}
.wd-nav-main>li.spoki-mega-2col>.wd-dropdown-menu{width:560px;max-width:92vw;}
.wd-nav-main>li.spoki-mega-3col>.wd-dropdown-menu{width:820px;max-width:94vw;}
/* ===== END SPOKI HEADER DROPDOWN OVERRIDES ===== */

/* hero rings v5 tighten: inner dashed ring hugs the photo (~110%); outer solid stays */
@media (min-width:901px){
  .spoki-hero__media::before { width:488px !important; height:488px !important; border-color:rgba(25,176,182,.30) !important; }
  .spoki-hero__media::after { width:566px !important; height:566px !important; }
}

/* hero photo perfect circle (force square against max-width:100%) */
@media (min-width:901px){
  .spoki-hero__photo-wrap { width:440px !important; max-width:100% !important; margin-left:auto; margin-right:auto; }
  .spoki-hero__photo-wrap img { width:440px !important; height:440px !important; max-width:none !important; object-fit:cover; }
}

/* ===== SPOKI HEADER DROPDOWN WIDTH TUNING (2026-06-15b) ===== */
.wd-nav-main>li.menu-item-38325>.wd-dropdown-menu{min-width:0;width:250px;}
.wd-nav-main>li.menu-item-38325>.wd-dropdown-menu .wd-sub-menu{min-width:0;}
.wd-nav-main>li.menu-item-38328>.wd-dropdown-menu{min-width:0;width:275px;}
.wd-nav-main>li.menu-item-38328>.wd-dropdown-menu .wd-sub-menu{min-width:0;}
.wd-nav-main>li.menu-item-38326>.wd-dropdown-menu{width:460px;}
.wd-nav-main>li.menu-item-38327>.wd-dropdown-menu{width:730px;}
.wd-nav-main>li.menu-item-38330>.wd-dropdown-menu{min-width:0;width:240px;}
.wd-nav-main>li.menu-item-38330>.wd-dropdown-menu .wd-sub-menu{min-width:0;}
/* ===== END SPOKI HEADER DROPDOWN WIDTH TUNING ===== */

/* === SpOki best tabs widget (functional product tabs; 2026-06-15) === */
.spoki-best-tabs__nav { list-style:none; margin:0 0 24px; padding:0; display:flex; flex-wrap:wrap; gap:10px; justify-content:center; }
.spoki-best-tabs__nav li { margin:0; }
.spoki-best-tabs__nav button.spoki-ptab { font-family:var(--spoki-font-head); cursor:pointer; }
.spoki-best-tabs__panels [role="tabpanel"][hidden] { display:none; }
.spoki-products2 .spoki-best-tabs .woocommerce { margin:0; }
/* WooCommerce "no products" message inside an empty tab — calm placeholder */
.spoki-best-tabs [role="tabpanel"] .woocommerce-info,
.spoki-best-tabs [role="tabpanel"] .woocommerce-no-products-found {
  background:#fff; border:1px dashed var(--spoki-sand); border-radius:16px; color:var(--spoki-slate-mid);
  text-align:center; padding:28px; margin:0;
}
@media (max-width:600px){
  .spoki-best-tabs__nav { flex-wrap:nowrap; overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-width:none; justify-content:flex-start; }
  .spoki-best-tabs__nav::-webkit-scrollbar { display:none; }
  .spoki-best-tabs__nav li { flex:0 0 auto; }
}
/* === SpOki hero icons: teal helpers, white CTA, soft-teal avatars (2026-06-15) === */
/* Finder title: teal compass icon (decorative/helper = teal) */
.spoki-finder-card__title{ display:flex; align-items:center; gap:8px; }
.spoki-finder-card__title::before{
  content:""; width:18px; height:18px; flex:0 0 auto;
  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' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M15.5 8.5l-2 5-5 2 2-5z'/%3E%3C/svg%3E") no-repeat center/contain;
}
/* Micro trust icons (wrapped glyph) = teal, baseline aligned */
.spoki-hero__trust-item .spoki-ti-ic{ color:var(--spoki-teal); font-weight:700; margin-right:5px; line-height:1; }
/* Finder card sits above the background shapes */
.spoki-hero .spoki-finder-card{ position:relative; z-index:2; }
/* === SpOki kits compact discovery band (2026-06-15) === */
.spoki-kits{ background:var(--spoki-white); padding:60px 0; }
@media (max-width:768px){ .spoki-kits{ padding:40px 0; } }
.spoki-kits__inner{ text-align:center; }
.spoki-kits__eyebrow{ text-transform:uppercase; letter-spacing:.09em; margin:0 0 8px; }
.spoki-kits__h2{ margin:0 0 8px; }
.spoki-kits__sub{ max-width:560px; margin:0 auto 30px; color:var(--spoki-slate-mid); }
.spoki-kits__grid{ display:flex; gap:20px; align-items:stretch; justify-content:center; }
.spoki-kit-card{ flex:1 1 0; min-width:0; max-width:282px; display:flex; flex-direction:column; background:var(--spoki-white); border:1px solid var(--spoki-sand); border-radius:18px; overflow:hidden; box-shadow:var(--spoki-shadow-card); transition:transform .18s cubic-bezier(.2,.8,.2,1), box-shadow .18s cubic-bezier(.2,.8,.2,1); text-align:left; }
.spoki-kit-card:hover{ transform:translateY(-3px); box-shadow:var(--spoki-shadow-kit); }
.spoki-kit-card__image{ margin:0; }
.spoki-kit-card__image img{ display:block; width:100%; height:190px; object-fit:cover; aspect-ratio:3/2; border-radius:0; }
.spoki-kit-card__tag{ align-self:flex-start; margin:14px 16px 0; font-family:var(--spoki-font-head); font-size:.6875rem; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--spoki-teal); background:var(--spoki-mint); border-radius:999px; padding:4px 11px; }
.spoki-kit-card__title{ margin:8px 16px 4px; font-size:1.0625rem; line-height:1.25; }
.spoki-kit-card__title a{ color:var(--spoki-slate); text-decoration:none; }
.spoki-kit-card__title a:hover{ color:var(--spoki-teal); }
.spoki-kit-card__text{ margin:0 16px 12px; font-size:.875rem; line-height:1.4; color:var(--spoki-slate-mid); }
.spoki-kit-card__foot{ margin-top:auto; padding:0 16px 16px; display:flex; align-items:center; justify-content:space-between; gap:10px; }
.spoki-kit-card__price{ margin:0; font-family:var(--spoki-font-head); font-weight:800; font-size:1.0625rem; color:var(--spoki-slate); }
.spoki-kit-card__cta{ margin:0; }
.spoki-kit-card__cta .wp-block-button__link{ background:var(--spoki-orange); color:#fff; border-radius:999px; padding:8px 16px; font-size:.8125rem; font-weight:700; line-height:1; box-shadow:0 4px 12px rgba(240,138,60,.28); }
.spoki-kit-card__cta .wp-block-button__link:hover{ background:var(--spoki-orange-hover); }
@media (max-width:1023px){
  .spoki-kits__grid{ flex-wrap:wrap; }
  .spoki-kit-card{ flex:1 1 calc(50% - 20px); max-width:none; }
}
@media (max-width:600px){
  .spoki-kits__grid{ flex-wrap:nowrap; overflow-x:auto; -webkit-overflow-scrolling:touch; scroll-snap-type:x mandatory; scrollbar-width:none; margin:0 -16px; padding:4px 16px 8px; gap:14px; justify-content:flex-start; }
  .spoki-kits__grid::-webkit-scrollbar{ display:none; }
  .spoki-kit-card{ flex:0 0 86%; max-width:86%; scroll-snap-align:start; }
  .spoki-kit-card__image img{ height:168px; }
}

/* ===== SPOKI По възраст SUBTITLES (2026-06-15) ===== */
.wd-nav-main .wd-dropdown-menu .spoki-age-sub{display:inline;font-weight:400;font-size:12.5px;color:var(--spoki-slate);opacity:.55;margin-left:6px;}
/* ===== END ===== */

/* === SpOki hero clouds + soft accents v2 (cream gradient, very subtle; 2026-06-15) === */
/* hide old pseudo cloud/wave decorations — replaced by clean SVG scene */
.spoki-hero::before, .spoki-hero::after, .spoki-hero .spoki-inner::before, .spoki-hero__left::before{ display:none !important; }
.spoki-hero{ background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%201440%2060%22%20preserveAspectRatio=%22none%22%3E%3Cpath%20fill=%22%23FFFFFF%22%20d=%22M0,0%20H1440%20V26%20C1200,52%20960,6%20720,28%20C480,50%20240,8%200,30%20Z%22/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%201440%20200%22%20preserveAspectRatio=%22none%22%3E%3Cpath%20fill=%22%23FFFFFF%22%20d=%22M0,200%20V108%20C260,14%20470,182%20720,106%20C1000,22%201190,184%201440,98%20V200%20Z%22/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%201440%20600%22%20preserveAspectRatio=%22xMidYMid%20slice%22%3E%3Ccircle%20cx=%2228%22%20cy=%224%22%20r=%22180%22%20fill=%22%2357BDB4%22%20opacity=%220.11%22/%3E%3Ccircle%20cx=%221345%22%20cy=%2252%22%20r=%22190%22%20fill=%22%23F08A3C%22%20opacity=%220.09%22/%3E%3Ccircle%20cx=%221418%22%20cy=%2220%22%20r=%22104%22%20fill=%22%2357BDB4%22%20opacity=%220.11%22/%3E%3Ccircle%20cx=%22170%22%20cy=%22150%22%20r=%2262%22%20fill=%22none%22%20stroke=%22%2301A7AD%22%20stroke-width=%222%22%20stroke-dasharray=%225%209%22%20opacity=%220.22%22/%3E%3Cg%20fill=%22%23FFFFFF%22%20opacity=%220.6%22%3E%3Cellipse%20cx=%22560%22%20cy=%2273.8%22%20rx=%2242.12%22%20ry=%2215.6%22/%3E%3Ccircle%20cx=%22560%22%20cy=%2266%22%20r=%2223.4%22/%3E%3Ccircle%20cx=%22536.6%22%20cy=%2272.24%22%20r=%2217.16%22/%3E%3Ccircle%20cx=%22584.96%22%20cy=%2270.68%22%20r=%2218.72%22/%3E%3Ccircle%20cx=%22564.68%22%20cy=%2253.52%22%20r=%2215.6%22/%3E%3C/g%3E%3Cg%20fill=%22%23FFFFFF%22%20opacity=%220.55%22%3E%3Cellipse%20cx=%221170%22%20cy=%2288.2%22%20rx=%2233.48%22%20ry=%2212.4%22/%3E%3Ccircle%20cx=%221170%22%20cy=%2282%22%20r=%2218.6%22/%3E%3Ccircle%20cx=%221151.4%22%20cy=%2286.96%22%20r=%2213.64%22/%3E%3Ccircle%20cx=%221189.84%22%20cy=%2285.72%22%20r=%2214.88%22/%3E%3Ccircle%20cx=%221173.72%22%20cy=%2272.08%22%20r=%2212.4%22/%3E%3C/g%3E%3Cg%20fill=%22%23EAF6F4%22%20opacity=%220.6%22%3E%3Cellipse%20cx=%221320%22%20cy=%22173%22%20rx=%2227%22%20ry=%2210%22/%3E%3Ccircle%20cx=%221320%22%20cy=%22168%22%20r=%2215%22/%3E%3Ccircle%20cx=%221305%22%20cy=%22172%22%20r=%2211%22/%3E%3Ccircle%20cx=%221336%22%20cy=%22171%22%20r=%2212%22/%3E%3Ccircle%20cx=%221323%22%20cy=%22160%22%20r=%2210%22/%3E%3C/g%3E%3C/svg%3E"),linear-gradient(180deg,var(--spoki-cream-bg) 0%,var(--spoki-peach) 100%); background-repeat:no-repeat,no-repeat,no-repeat,no-repeat; background-position:top center,bottom center,center top,center; background-size:100% 46px,100% 168px,cover,cover; }
@media (max-width:768px){ .spoki-hero{ background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%201440%2060%22%20preserveAspectRatio=%22none%22%3E%3Cpath%20fill=%22%23FFFFFF%22%20d=%22M0,0%20H1440%20V26%20C1200,52%20960,6%20720,28%20C480,50%20240,8%200,30%20Z%22/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%201440%20200%22%20preserveAspectRatio=%22none%22%3E%3Cpath%20fill=%22%23FFFFFF%22%20d=%22M0,200%20V108%20C260,14%20470,182%20720,106%20C1000,22%201190,184%201440,98%20V200%20Z%22/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20480%20700%22%20preserveAspectRatio=%22xMidYMid%20slice%22%3E%3Ccircle%20cx=%2218%22%20cy=%228%22%20r=%22108%22%20fill=%22%2357BDB4%22%20opacity=%220.08%22/%3E%3Ccircle%20cx=%22472%22%20cy=%2224%22%20r=%22120%22%20fill=%22%23F08A3C%22%20opacity=%220.07%22/%3E%3Cg%20fill=%22%23FFFFFF%22%20opacity=%220.55%22%3E%3Cellipse%20cx=%22118%22%20cy=%2278%22%20rx=%2232.4%22%20ry=%2212%22/%3E%3Ccircle%20cx=%22118%22%20cy=%2272%22%20r=%2218%22/%3E%3Ccircle%20cx=%22100%22%20cy=%2276.8%22%20r=%2213.2%22/%3E%3Ccircle%20cx=%22137.2%22%20cy=%2275.6%22%20r=%2214.4%22/%3E%3Ccircle%20cx=%22121.6%22%20cy=%2262.4%22%20r=%2212%22/%3E%3C/g%3E%3C/svg%3E"),linear-gradient(180deg,var(--spoki-cream-bg) 0%,var(--spoki-peach) 100%); background-repeat:no-repeat,no-repeat,no-repeat,no-repeat; background-position:top center,bottom center,center top,center; background-size:100% 28px,100% 92px,cover,cover; } }

/* ===== SPOKI DROPDOWN MAX NARROW v2 (2026-06-15) ===== */
.wd-nav-main>li.menu-item-38324>.wd-dropdown-menu{min-width:0;width:270px;}
.wd-nav-main>li.menu-item-38324>.wd-dropdown-menu .wd-sub-menu{min-width:0;}
.wd-nav-main>li.menu-item-38325>.wd-dropdown-menu{width:228px;}
.wd-nav-main>li.menu-item-38328>.wd-dropdown-menu{width:260px;}
.wd-nav-main>li.menu-item-38326>.wd-dropdown-menu{width:440px;}
.wd-nav-main>li.menu-item-38329>.wd-dropdown-menu{width:440px;}
.wd-nav-main>li.menu-item-38329>.wd-dropdown-menu .wd-sub-menu{min-width:0;}
.wd-nav-main>li.menu-item-38330>.wd-dropdown-menu{width:215px;}
/* ===== END MAX NARROW v2 ===== */

/* ===== PODARACI 3COL TIGHTEN (2026-06-15) ===== */
.wd-nav-main>li.spoki-mega-3col>.wd-dropdown-menu .wd-sub-menu{gap:4px 16px;}
.wd-nav-main>li.spoki-mega-3col>.wd-dropdown-menu .wd-sub-menu>li.item-level-1{min-width:150px;}
/* ===== END PODARACI 3COL TIGHTEN ===== */

/* ===== MARKI CENTER + ONE-LINE CTA (2026-06-16) ===== */
.wd-nav-main>li.menu-item-38330>.wd-dropdown-menu{width:228px;}
/* ===== END MARKI CENTER ===== */

/* ===== MOBILE MENU desktop-parity (2026-06-16) - mobile only ===== */
.wd-nav-mobile .wd-sub-menu{background:#fff !important;border:1px solid var(--spoki-sand) !important;box-shadow:0 8px 24px rgba(43,59,64,.08);}
.wd-nav-mobile .wd-sub-menu .woodmart-nav-link:hover{background:var(--spoki-mint) !important;color:var(--spoki-teal-deep) !important;}
.wd-nav-mobile .wd-nav-opener,
.wd-nav-mobile .wd-nav-opener.wd-active{background:transparent !important;color:var(--spoki-slate) !important;box-shadow:none !important;}
.wd-nav-mobile .wd-nav-opener::after{border-color:var(--spoki-slate) !important;}
.wd-nav-mobile li.spoki-mega-cta>a.woodmart-nav-link,
.wd-nav-mobile li.spoki-mobile-cta>a.woodmart-nav-link{background:var(--spoki-orange) !important;color:#fff !important;border-radius:999px !important;box-shadow:0 6px 18px rgba(240,138,60,.35);}
.wd-nav-mobile li.spoki-mega-cta>a.woodmart-nav-link:hover,
.wd-nav-mobile li.spoki-mobile-cta>a.woodmart-nav-link:hover{background:var(--spoki-orange-hover,#E67E00) !important;color:#fff !important;}
.wd-nav-mobile .spoki-age-sub{display:inline;font-weight:400;font-size:12.5px;color:var(--spoki-slate);opacity:.55;margin-left:6px;}
/* ===== END MOBILE MENU desktop-parity ===== */

/* === SpOki skills compass (circular, accessible, responsive; 2026-06-15) === */
.spoki-skills2 .spoki-inner{ max-width:var(--spoki-content-w); text-align:center; }
.spoki-compass{ position:relative; width:560px; height:560px; max-width:100%; margin:28px auto 0; }
.spoki-compass::before{ content:""; position:absolute; inset:74px; border:2px dashed rgba(1,167,173,.35); border-radius:50%; pointer-events:none; }
.spoki-compass__center{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:212px; height:212px; background:var(--spoki-white); border-radius:50%; box-shadow:var(--spoki-shadow-kit); display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; z-index:3; }
.spoki-compass__fox{ margin:0 0 2px !important; }
.spoki-compass__fox img{ width:92px; height:auto; display:block; }
.spoki-compass__pick{ margin:0 0 7px; font-family:var(--spoki-font-head); font-weight:800; color:var(--spoki-slate); font-size:.95rem; }
.spoki-compass__tabs{ display:flex; gap:6px; justify-content:center; flex-wrap:nowrap; }
.spoki-compass__tab{ margin:0; font-size:.72rem; font-weight:700; }
.spoki-compass__tab a{ display:block; padding:4px 10px; border-radius:999px; text-decoration:none; background:var(--spoki-mint); color:var(--spoki-teal); transition:background .15s,color .15s; }
.spoki-compass__tab.is-on a, .spoki-compass__tab a:hover{ background:var(--spoki-teal); color:#fff; }
.spoki-compass__nodes{ position:absolute; inset:0; }
.spoki-compass__node{ position:absolute; width:118px; transform:translate(-50%,-50%); text-align:center; cursor:pointer; z-index:2; outline:none; }
.spoki-compass__icon{ width:64px; height:64px; margin:0 auto 6px !important; background:var(--spoki-white); border:2px solid transparent; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:30px; line-height:1; box-shadow:var(--spoki-shadow-card); transition:transform .15s, border-color .15s, box-shadow .15s; }
.spoki-compass__label{ margin:0; font-family:var(--spoki-font-head); font-weight:700; font-size:.85rem; color:var(--spoki-slate); }
.spoki-compass__node:hover .spoki-compass__icon,
.spoki-compass__node:focus-visible .spoki-compass__icon{ transform:scale(1.08); border-color:var(--spoki-teal); box-shadow:var(--spoki-shadow-kit); }
.spoki-compass__node.is-active .spoki-compass__icon{ transform:scale(1.08); border-color:var(--spoki-orange); box-shadow:var(--spoki-shadow-kit); }
.spoki-compass__node.is-active .spoki-compass__label{ color:var(--spoki-teal); }
.spoki-compass__node:focus-visible{ outline:2px solid var(--spoki-teal); outline-offset:6px; border-radius:14px; }
.spoki-compass__desc{ position:absolute; left:50%; top:100%; transform:translate(-50%,8px); background:var(--spoki-slate); color:#fff; font-size:.72rem; line-height:1.3; padding:6px 11px; border-radius:9px; white-space:nowrap; opacity:0; visibility:hidden; transition:opacity .15s; pointer-events:none; z-index:5; margin:0; box-shadow:0 6px 16px rgba(43,59,64,.22); }
.spoki-compass__desc::after{ content:""; position:absolute; left:50%; top:-5px; transform:translateX(-50%); border:5px solid transparent; border-bottom-color:var(--spoki-slate); border-top:0; }
.spoki-compass__node:hover .spoki-compass__desc,
.spoki-compass__node:focus-within .spoki-compass__desc,
.spoki-compass__node.is-active .spoki-compass__desc{ opacity:1; visibility:visible; }
.spoki-compass__node.pos1{ left:50%;   top:8%; }
.spoki-compass__node.pos2{ left:79.7%; top:20.3%; }
.spoki-compass__node.pos3{ left:92%;   top:50%; }
.spoki-compass__node.pos4{ left:79.7%; top:79.7%; }
.spoki-compass__node.pos5{ left:50%;   top:92%; }
.spoki-compass__node.pos6{ left:20.3%; top:79.7%; }
.spoki-compass__node.pos7{ left:8%;    top:50%; }
.spoki-compass__node.pos8{ left:20.3%; top:20.3%; }
@media (max-width:1024px){ .spoki-compass{ width:480px; height:480px; } .spoki-compass__center{ width:188px; height:188px; } .spoki-compass__node{ width:104px; } .spoki-compass__icon{ width:58px; height:58px; font-size:27px; } }
@media (max-width:768px){
  .spoki-compass{ width:100%; height:auto; display:flex; flex-direction:column; align-items:center; margin-top:18px; }
  .spoki-compass::before{ display:none; }
  .spoki-compass__center{ position:static; transform:none; width:auto; min-width:210px; height:auto; border-radius:24px; padding:18px 24px; margin:0 0 24px; }
  .spoki-compass__nodes{ position:static; inset:auto; display:grid; grid-template-columns:repeat(2,1fr); gap:20px 8px; width:100%; max-width:340px; }
  .spoki-compass__node{ position:static; transform:none; width:auto; }
  .spoki-compass__desc{ position:static; transform:none; white-space:normal; max-width:160px; margin:6px auto 0; display:none; }
  .spoki-compass__desc::after{ display:none; }
  .spoki-compass__node:hover .spoki-compass__desc, .spoki-compass__node:focus-within .spoki-compass__desc{ display:none; }
  .spoki-compass__node.is-active .spoki-compass__desc{ display:inline-block; opacity:1; visibility:visible; }
}
/* === SpOki typographic foundation: Comfortaa headings, Nunito body/UI (2026-06-16) === */
body, input, select, textarea, button,
.wp-block-button__link, .wd-nav-main a, .menu-item a, .whb-header a,
.woocommerce-Price-amount, .price{ font-family:var(--spoki-font-body) !important; }
h1, h2, h3, h4, h5, h6, .wp-block-heading{ font-family:var(--spoki-font-head) !important; }
/* product card / product titles stay in body font per design lock */
.product .wd-entities-title, .product-title, ul.products li.product h3,
.wd-product .title{ font-family:var(--spoki-font-body) !important; }
/* nav links use body font (Nunito) per design lock — beats earlier head-font nav rule */
.whb-header .wd-nav-main > li.item-level-0 > a.woodmart-nav-link,
.whb-header .wd-nav-main a.woodmart-nav-link{ font-family:var(--spoki-font-body) !important; }

/* === SpOki typography readability polish (Comfortaa tracking, heading rhythm; 2026-06-16) === */
h1, h2, h3, h4, .wp-block-heading, .spoki-hero__h1{ letter-spacing:-0.015em; }
h2.wp-block-heading, .spoki-kits__h2, .spoki-skills2 h2, .spoki-needs5__h2{ line-height:1.18; }
.spoki-hero__h1{ font-weight:700; line-height:1.12; }
@media (max-width:600px){
  .spoki-hero__h1{ font-size:31px; line-height:1.16; }
  .spoki-hero__sub{ font-size:16px; line-height:1.55; }
}
/* === SpOki desktop header/menu scale fix (2026-06-16) === */
/* nav items: readable 15px / weight 700 (lock 15-16px, 600-700) */
.whb-header .wd-nav-main > li.item-level-0 > a.woodmart-nav-link{ font-size:15px; font-weight:700 !important; }
/* dropdown link text 15px + generous panel padding */
.whb-header .wd-nav-main .wd-dropdown-menu .woodmart-nav-link{ font-size:15px; }
.wd-nav-main > li.item-level-0 > .wd-dropdown-menu{ padding:16px; }
/* dropdown panel widths -> lock ranges (single 290-320, 2col 540-620, 3col 780-860) */
.wd-nav-main > li.menu-item-38324 > .wd-dropdown-menu{ width:300px; }
.wd-nav-main > li.menu-item-38325 > .wd-dropdown-menu{ width:300px; }
.wd-nav-main > li.menu-item-38328 > .wd-dropdown-menu{ width:300px; }
.wd-nav-main > li.menu-item-38330 > .wd-dropdown-menu{ width:300px; }
.wd-nav-main > li.menu-item-38326 > .wd-dropdown-menu{ width:560px; }
.wd-nav-main > li.menu-item-38329 > .wd-dropdown-menu{ width:560px; }
.wd-nav-main > li.menu-item-38327 > .wd-dropdown-menu{ width:820px; }
/* nav must stay ONE line: never wrap the CTA (fits the ~1222px container at 15px) */
.whb-header .wd-nav-main{ flex-wrap:nowrap !important; gap:4px; }
.whb-header .wd-nav-main > li.item-level-0 > a.woodmart-nav-link{ padding:0 11px !important; white-space:nowrap; }
.whb-header .wd-nav-main > li.menu-item-has-children > a.woodmart-nav-link .nav-link-text::after{ margin-left:5px; }
.whb-header .wd-nav-main > li.spoki-nav-cta > a.woodmart-nav-link{ padding:0 18px !important; margin-left:6px; }
/* === SpOki hero wave transition + tighter top (2026-06-16) === */
.spoki-hero{ padding-top:60px !important; padding-bottom:104px !important; }
@media (max-width:768px){ .spoki-hero{ padding-top:40px !important; padding-bottom:74px !important; } }

/* === Home: tighten content top padding so hero sits under the pills (front page only) === */
body.home .wd-content-layout.content-layout-wrapper{ padding-top:0 !important; }

/* === SpOki P1: balance the longer hero headline on desktop (fewer lines) === */
@media (min-width:901px){ .spoki-hero__h1{ font-size:48px; line-height:1.12; } }
@media (min-width:1280px){ .spoki-hero__h1{ font-size:50px; } }

/* === SpOki P2: needs5 7-card grid (4 per row desktop) === */
.spoki-needs5__grid{ grid-template-columns:repeat(4,1fr); }
@media (max-width:1024px){ .spoki-needs5__grid{ grid-template-columns:repeat(3,1fr); } }

/* === SpOki P3: ideas 6-card grid (3 per row desktop) + summer band === */
@media (min-width:1024px){ .spoki-kits__grid{ flex-wrap:wrap; } .spoki-kits .spoki-kit-card{ flex:0 1 calc(33.333% - 14px); max-width:calc(33.333% - 14px); } }
.spoki-summer .spoki-age-card2__pill a{ pointer-events:auto; }

/* === SpOki P4: gifts + categories tiles + compass tooltip wrap === */
/* skills compass: longer hub descriptions must wrap (no horizontal overflow) */
.spoki-compass__desc{ white-space:normal; width:max-content; max-width:230px; }
@media (max-width:768px){ .spoki-compass__desc{ max-width:150px; } }
/* shared tile */
.spoki-gifts{ background:var(--spoki-peach); }
.spoki-categories{ background:var(--spoki-cream-bg); }
.spoki-gifts__grid, .spoki-categories__grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-top:28px; }
.spoki-tile{ background:var(--spoki-white); border:1px solid var(--spoki-sand); border-radius:16px; padding:18px 18px 16px; display:flex; flex-direction:column; text-align:left; box-shadow:var(--spoki-shadow-card); transition:transform .15s cubic-bezier(.2,.8,.2,1), box-shadow .15s cubic-bezier(.2,.8,.2,1); }
.spoki-tile:hover{ transform:translateY(-3px); box-shadow:var(--spoki-shadow-kit); }
.spoki-tile__ic{ width:44px; height:44px; margin:0 0 12px; display:flex; align-items:center; justify-content:center; font-size:22px; line-height:1; background:var(--spoki-mint); border-radius:13px; }
.spoki-tile__title{ margin:0 0 6px; font-size:1rem; line-height:1.25; }
.spoki-tile__title a{ color:var(--spoki-slate); text-decoration:none; }
.spoki-tile__title a:hover{ color:var(--spoki-teal); }
.spoki-tile__desc{ margin:0 0 14px; font-size:.85rem; line-height:1.45; color:var(--spoki-slate-mid); }
.spoki-tile__more{ margin:auto 0 0; }
.spoki-tile__more a{ color:var(--spoki-teal); font-family:var(--spoki-font-head); font-weight:700; font-size:.85rem; text-decoration:none; }
.spoki-tile__more a:hover{ color:var(--spoki-teal-deep); }
@media (max-width:1024px){ .spoki-gifts__grid, .spoki-categories__grid{ grid-template-columns:repeat(3,1fr); } }
@media (max-width:600px){ .spoki-gifts__grid, .spoki-categories__grid{ grid-template-columns:repeat(2,1fr); gap:12px; } .spoki-tile{ padding:14px; } .spoki-tile__ic{ width:38px; height:38px; font-size:19px; } }
/* === SpOki P5: method + trust grid + situations === */
.spoki-method{ background:var(--spoki-mint); }
.spoki-method .spoki-inner{ text-align:center; }
.spoki-method__grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-top:30px; text-align:left; }
.spoki-method-card{ background:var(--spoki-white); border:1px solid var(--spoki-sand); border-radius:16px; padding:22px 18px; box-shadow:var(--spoki-shadow-card); }
.spoki-method-card__num{ width:38px; height:38px; margin:0 0 12px; display:flex; align-items:center; justify-content:center; font-family:var(--spoki-font-head); font-weight:800; font-size:1.05rem; color:#fff; background:var(--spoki-teal); border-radius:50%; line-height:1; }
.spoki-method-card__title{ margin:0 0 6px; font-size:1.0625rem; line-height:1.25; }
.spoki-method-card__desc{ margin:0; font-size:.875rem; line-height:1.45; color:var(--spoki-slate-mid); }
/* trust grid reuses .spoki-tile */
.spoki-trust2 .spoki-inner{ text-align:center; }
.spoki-trust2__grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:30px; text-align:left; }
/* situations reuse .spoki-tile */
.spoki-situations{ background:var(--spoki-cream-bg); }
.spoki-situations .spoki-inner{ text-align:center; }
.spoki-situations__grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(205px,1fr)); gap:16px; margin-top:30px; text-align:left; }
@media (max-width:1024px){ .spoki-method__grid{ grid-template-columns:repeat(2,1fr); } .spoki-trust2__grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:600px){ .spoki-method__grid, .spoki-trust2__grid, .spoki-situations__grid{ grid-template-columns:repeat(2,1fr); gap:12px; } }
@media (max-width:380px){ .spoki-method__grid{ grid-template-columns:1fr; } }
/* === SpOki P6: guides grid + final CTA === */
.spoki-blog2 .spoki-inner{ text-align:center; }
.spoki-blog2__grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-top:30px; text-align:left; }
.spoki-guide-card{ background:var(--spoki-white); border:1px solid var(--spoki-sand); border-radius:16px; overflow:hidden; box-shadow:var(--spoki-shadow-card); transition:transform .15s cubic-bezier(.2,.8,.2,1), box-shadow .15s cubic-bezier(.2,.8,.2,1); display:flex; flex-direction:column; }
.spoki-guide-card:hover{ transform:translateY(-3px); box-shadow:var(--spoki-shadow-kit); }
.spoki-guide-card figure{ margin:0; }
.spoki-guide-card figure img{ width:100%; height:150px; object-fit:cover; display:block; aspect-ratio:4/3; }
.spoki-guide-card h3{ margin:0; padding:14px 16px 16px; font-size:.95rem; line-height:1.3; }
.spoki-guide-card h3 a{ color:var(--spoki-slate); text-decoration:none; }
.spoki-guide-card h3 a:hover{ color:var(--spoki-teal); }
.spoki-finalcta{ margin:42px auto 0; max-width:760px; text-align:center; background:var(--spoki-mint); border-radius:22px; padding:38px 28px; }
.spoki-finalcta h2{ margin:0 0 10px; }
.spoki-finalcta p{ margin:0 auto 22px; max-width:560px; color:var(--spoki-slate-mid); }
.spoki-finalcta__btn .wp-block-button__link{ background:var(--spoki-orange) !important; color:#fff !important; border-radius:999px; padding:13px 30px; font-weight:700; box-shadow:0 6px 18px rgba(240,138,60,.32); }
.spoki-finalcta__btn .wp-block-button__link:hover{ background:var(--spoki-orange-hover) !important; }
@media (max-width:1024px){ .spoki-blog2__grid{ grid-template-columns:repeat(3,1fr); } }
@media (max-width:600px){ .spoki-blog2__grid{ grid-template-columns:repeat(2,1fr); gap:12px; } .spoki-guide-card figure img{ height:120px; } .spoki-finalcta{ padding:28px 18px; } }
/* === SpOki P7 QA: products2 bottom wave blends into peach section below (was white stripe between two peach bands) === */
.spoki-products2::after{ background:var(--spoki-peach) !important; }

/* === SpOki P7 QA: remove 20px inter-band white gap (bands keep their own padding; fixes white stripe between colored bands) === */
.spoki-band, .spoki-band-butter{ margin-bottom:0 !important; }

/* === SpOki reusable soft wave divider system (organic bezier; major band transitions only; wave fill = NEXT section color so no white stripe) === */
:root{ --spoki-wave-h:96px; --spoki-wave-h-mobile:56px; }
.spoki-wave-soft-bottom, .spoki-wave-soft-top{ position:relative; }
.spoki-wave-soft-bottom::after, .spoki-wave-soft-top::before{ content:""; position:absolute; left:0; right:0; z-index:1; pointer-events:none; height:var(--spoki-wave-h); background-repeat:no-repeat; background-position:center bottom; background-size:100% 100%; }
.spoki-wave-soft-bottom::after{ bottom:-1px; }
.spoki-wave-soft-top::before{ top:-1px; transform:scaleY(-1); }
.spoki-wave-to-white.spoki-wave-soft-bottom::after, .spoki-wave-to-white.spoki-wave-soft-top::before{ background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%201440%20200%22%20preserveAspectRatio=%22none%22%3E%3Cpath%20fill=%22%23FFFFFF%22%20d=%22M0,200%20V108%20C260,14%20470,182%20720,106%20C1000,22%201190,184%201440,98%20V200%20Z%22/%3E%3C/svg%3E"); }
.spoki-wave-to-cream.spoki-wave-soft-bottom::after, .spoki-wave-to-cream.spoki-wave-soft-top::before{ background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%201440%20120%22%20preserveAspectRatio=%22none%22%3E%3Cpath%20fill=%22%23FFF7EB%22%20d=%22M0,120%20L0,66%20C360,40%20540,90%20840,60%20C1080,38%201260,80%201440,56%20L1440,120%20Z%22/%3E%3C/svg%3E"); }
.spoki-wave-to-peach.spoki-wave-soft-bottom::after, .spoki-wave-to-peach.spoki-wave-soft-top::before{ background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%201440%20120%22%20preserveAspectRatio=%22none%22%3E%3Cpath%20fill=%22%23FDF0E3%22%20d=%22M0,120%20L0,66%20C360,40%20540,90%20840,60%20C1080,38%201260,80%201440,56%20L1440,120%20Z%22/%3E%3C/svg%3E"); }
.spoki-wave-to-mint.spoki-wave-soft-bottom::after, .spoki-wave-to-mint.spoki-wave-soft-top::before{ background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%201440%20120%22%20preserveAspectRatio=%22none%22%3E%3Cpath%20fill=%22%23EAF6F4%22%20d=%22M0,120%20L0,66%20C360,40%20540,90%20840,60%20C1080,38%201260,80%201440,56%20L1440,120%20Z%22/%3E%3C/svg%3E"); }
@media (max-width:768px){ .spoki-wave-soft-bottom::after, .spoki-wave-soft-top::before{ height:var(--spoki-wave-h-mobile); } }

/* === SpOki visible organic wave dividers v2 (section::after = NEXT section color; major transitions only) === */
.spoki-products2::before, .spoki-products2::after{ display:none !important; }
.spoki-hero{ padding-bottom:150px !important; }
@media (max-width:768px){ .spoki-hero{ padding-bottom:96px !important; } }
.spoki-needs5, .spoki-summer, .spoki-skills2, .spoki-categories, .spoki-ctaband, .spoki-leadband{ position:relative; }
.spoki-needs5::after, .spoki-summer::after, .spoki-skills2::after, .spoki-categories::after, .spoki-ctaband::after, .spoki-leadband::after{ content:""; position:absolute; left:0; right:0; bottom:-1px; height:90px; z-index:1; pointer-events:none; background-repeat:no-repeat; background-position:center bottom; background-size:100% 100%; }
.spoki-needs5::after{ background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%201440%20140%22%20preserveAspectRatio=%22none%22%3E%3Cpath%20fill=%22%23FDF0E3%22%20d=%22M0,140%20V80%20C250,12%20470,130%20720,74%20C1000,16%201190,128%201440,68%20V140%20Z%22/%3E%3C/svg%3E"); }
.spoki-summer::after{ background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%201440%20140%22%20preserveAspectRatio=%22none%22%3E%3Cpath%20fill=%22%23FFFFFF%22%20d=%22M0,140%20V80%20C250,12%20470,130%20720,74%20C1000,16%201190,128%201440,68%20V140%20Z%22/%3E%3C/svg%3E"); transform:scaleX(-1); }
.spoki-skills2::after{ background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%201440%20140%22%20preserveAspectRatio=%22none%22%3E%3Cpath%20fill=%22%23FDF0E3%22%20d=%22M0,140%20V80%20C250,12%20470,130%20720,74%20C1000,16%201190,128%201440,68%20V140%20Z%22/%3E%3C/svg%3E"); }
.spoki-categories::after{ background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%201440%20140%22%20preserveAspectRatio=%22none%22%3E%3Cpath%20fill=%22%23EAF6F4%22%20d=%22M0,140%20V80%20C250,12%20470,130%20720,74%20C1000,16%201190,128%201440,68%20V140%20Z%22/%3E%3C/svg%3E"); transform:scaleX(-1); }
.spoki-ctaband::after{ background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%201440%20140%22%20preserveAspectRatio=%22none%22%3E%3Cpath%20fill=%22%23FFFFFF%22%20d=%22M0,140%20V80%20C250,12%20470,130%20720,74%20C1000,16%201190,128%201440,68%20V140%20Z%22/%3E%3C/svg%3E"); }
.spoki-leadband::after{ background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%201440%20140%22%20preserveAspectRatio=%22none%22%3E%3Cpath%20fill=%22%23FFFFFF%22%20d=%22M0,140%20V80%20C250,12%20470,130%20720,74%20C1000,16%201190,128%201440,68%20V140%20Z%22/%3E%3C/svg%3E"); transform:scaleX(-1); }
@media (max-width:768px){ .spoki-needs5::after, .spoki-summer::after, .spoki-skills2::after, .spoki-categories::after, .spoki-ctaband::after, .spoki-leadband::after{ height:46px; } }

/* === SpOki hero trust bubble: rounded comment pill with real avatar circles (P-bubble: rounded comment pill) === */
.spoki-hero__bubble{ display:flex !important; align-items:center; gap:12px; background:var(--spoki-white) !important; border:0 !important; border-radius:22px !important; padding:11px 18px 11px 14px !important; box-shadow:0 16px 40px rgba(42,45,52,.16) !important; max-width:300px !important; }
.spoki-hero__bubble::before{ display:none !important; }
.spoki-hero__avatars{ display:flex !important; flex:0 0 auto; gap:0; margin:0 !important; align-items:center; }
.spoki-hero__avatar{ margin:0 0 0 -10px !important; }
.spoki-hero__avatar:first-child{ margin-left:0 !important; }
.spoki-hero__avatar img{ width:36px !important; height:36px !important; border-radius:50% !important; object-fit:cover; border:3px solid #fff !important; box-shadow:0 2px 6px rgba(42,45,52,.14); display:block; background:var(--spoki-mint); }
.spoki-hero__bubble-body{ display:flex; flex-direction:column; gap:1px; min-width:0; }
.spoki-hero__bubble-body > p{ margin:0 !important; }
.spoki-hero__bubble-body > p:first-child{ font-family:var(--spoki-font-head); font-weight:700; font-size:.8125rem; line-height:1.2; color:var(--spoki-slate); }
.spoki-hero__bubble-text{ font-size:.75rem !important; line-height:1.25; color:var(--spoki-teal-deep) !important; font-weight:600; }
.spoki-hero__bubble-text strong{ font-weight:600; }
/* mobile: compact pill, sits below the photo (kept from prior mobile layout) */
@media (max-width:768px){
  .spoki-hero__bubble{ max-width:280px !important; padding:10px 14px !important; gap:10px; }
  .spoki-hero__avatar img{ width:30px !important; height:30px !important; border-width:2px !important; }
  .spoki-hero__avatar{ margin-left:-8px !important; }
  .spoki-hero__bubble-body > p:first-child{ font-size:.78rem; }
  .spoki-hero__bubble-text{ font-size:.72rem !important; }
}
/* === SpOki reorder: products2 white bg (now sits right after hero) === */
.spoki-products2{ background:var(--spoki-white) !important; }
.spoki-products2::before, .spoki-products2::after{ display:none !important; }

/* ============================================================
   SpOki Products Simple Card Final (P-final) — replaces P-prodUX/V2/V3.
   Scoped to .spoki-products2 ONLY. image -> title -> price -> small orange pill.
   Button stays visible & stable in every add-to-cart state.
   ============================================================ */
/* layout: promote thumb children so the pill can sit under the price */
.spoki-products2 .wd-product .wd-product-wrapper{ display:flex; flex-direction:column; height:100%; }
.spoki-products2 .wd-product .wd-product-thumb{ display:contents; }
.spoki-products2 .wd-product .wd-product-img-link{ order:1; }
.spoki-products2 .wd-product .wd-entities-title{ order:2; }
.spoki-products2 .wd-product .price{ order:3; }
.spoki-products2 .wd-product .wd-add-btn{ order:4; }
/* card: ONE soft frame, no nested heavy frames, no jumpy hover */
.spoki-products2 .wd-product.product{ background:#fff !important; border:1px solid rgba(42,45,52,.10) !important; border-radius:20px !important; box-shadow:0 10px 26px rgba(42,45,52,.07) !important; padding:14px !important; transition:box-shadow .18s ease; }
.spoki-products2 .wd-product.product:hover{ box-shadow:0 14px 30px rgba(42,45,52,.10) !important; transform:none !important; }
/* image: one clean area, no border, no overlay, fully visible */
.spoki-products2 .wd-product .wd-product-img-link{ display:flex; align-items:center; justify-content:center; background:#FDFBF8 !important; border:0 !important; border-radius:16px !important; padding:11px !important; aspect-ratio:1/1; overflow:hidden; }
.spoki-products2 .wd-product .wd-product-img-link img{ width:100% !important; height:100% !important; max-width:100%; max-height:100%; object-fit:contain !important; aspect-ratio:auto !important; margin:0 !important; border-radius:0 !important; }
/* hide hover overlay clutter + hover-swap image (this block only) */
.spoki-products2 .wd-product .wd-buttons,
.spoki-products2 .wd-product .wd-product-img-hover{ display:none !important; }
/* title: simple, 2 lines, centered */
.spoki-products2 .wd-product .wd-entities-title{ margin:12px 0 4px !important; padding:0 4px; font-family:var(--spoki-font-body) !important; font-weight:700 !important; font-size:15px !important; line-height:1.25 !important; text-align:center; min-height:2.4em; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.spoki-products2 .wd-product .wd-entities-title a{ color:var(--spoki-slate) !important; }
/* price: teal, centered, room reserved for future EUR/BGN */
.spoki-products2 .wd-product .price{ text-align:center; font-weight:800 !important; font-size:16px !important; margin:0 0 10px !important; min-height:1.3em; }
.spoki-products2 .wd-product .price,
.spoki-products2 .wd-product .price .amount,
.spoki-products2 .wd-product .price bdi{ color:var(--spoki-teal) !important; }
/* BUTTON: small orange pill, auto width, centered, STABLE in all states */
.spoki-products2 .wd-product .wd-add-btn{ position:static !important; transform:none !important; opacity:1 !important; visibility:visible !important; margin:auto 0 0 !important; padding:0 !important; width:auto !important; align-self:center; text-align:center; }
.spoki-products2 .wd-product .wd-add-btn > a,
.spoki-products2 .wd-product .wd-add-btn > a.button,
.spoki-products2 .wd-product .wd-add-btn > a.add_to_cart_button,
.spoki-products2 .wd-product .wd-add-btn > a.add_to_cart_button:hover,
.spoki-products2 .wd-product .wd-add-btn > a.add_to_cart_button:focus,
.spoki-products2 .wd-product .wd-add-btn > a.add_to_cart_button:active,
.spoki-products2 .wd-product .wd-add-btn > a.add_to_cart_button.loading,
.spoki-products2 .wd-product .wd-add-btn > a.add_to_cart_button.added{
  display:inline-flex !important; align-items:center; justify-content:center;
  width:auto !important; min-width:150px; max-width:210px; min-height:40px;
  background:var(--spoki-orange) !important; background-color:var(--spoki-orange) !important; color:#fff !important;
  border:0 !important; border-radius:999px !important;
  font-family:var(--spoki-font-body) !important; font-weight:800 !important; font-size:14px !important;
  line-height:1.1; padding:9px 18px !important; box-shadow:0 8px 16px rgba(240,138,60,.22) !important;
  text-align:center; text-transform:none !important; letter-spacing:0 !important; opacity:1 !important; visibility:visible !important; }
.spoki-products2 .wd-product .wd-add-btn > a.add_to_cart_button:hover{ background:var(--spoki-orange-hover) !important; background-color:var(--spoki-orange-hover) !important; }
/* keep label visible in every state; drop icon + spinner so text never blanks */
.spoki-products2 .wd-product .wd-add-btn > a .wd-action-text{ display:inline !important; font-size:14px !important; font-weight:800 !important; opacity:1 !important; visibility:visible !important; }
.spoki-products2 .wd-product .wd-add-btn > a .wd-action-icon{ display:none !important; }
.spoki-products2 .wd-product .wd-add-btn > a.add_to_cart_button::before,
.spoki-products2 .wd-product .wd-add-btn > a.add_to_cart_button::after{ display:none !important; }
/* AJAX "Виж количката" link: hide (main button stays visible) to avoid layout jump */
.spoki-products2 .wd-product .wd-add-btn a.added_to_cart.wc-forward,
.spoki-products2 .wd-product .wd-add-btn a.added_to_cart{ display:none !important; }
/* section CTA: orange pill, slightly larger (override older teal) */
.spoki-products2 .spoki-products2__cta a.wp-block-button__link,
.spoki-products2 .spoki-products2__cta a.wp-block-button__link:visited{ background:var(--spoki-orange) !important; background-color:var(--spoki-orange) !important; color:#fff !important; border-radius:999px !important; box-shadow:0 8px 16px rgba(240,138,60,.24) !important; padding:11px 26px !important; font-size:15px !important; line-height:1.2 !important; font-weight:800 !important; min-height:44px; }
.spoki-products2 .spoki-products2__cta a.wp-block-button__link:hover{ background:var(--spoki-orange-hover) !important; background-color:var(--spoki-orange-hover) !important; color:#fff !important; }
/* tabs: teal active (kept), mint hover, focus never grey */
.spoki-products2 .spoki-ptab:hover{ background:var(--spoki-mint) !important; border-color:var(--spoki-teal) !important; color:var(--spoki-teal-deep) !important; }
.spoki-products2 .spoki-ptab.spoki-ptab-on,
.spoki-products2 .spoki-ptab.spoki-ptab-on:hover{ background:var(--spoki-teal) !important; border-color:var(--spoki-teal) !important; color:#fff !important; }
.spoki-products2 .spoki-ptab:focus-visible{ outline:2px solid var(--spoki-teal); outline-offset:2px; }
.spoki-products2 .spoki-ptab:focus:not(:focus-visible){ outline:none; }

/* ===== SPOKI MEGA v2 2026-06-16 ===== */
.wd-nav-main>li[class*="spoki-col"]>.wd-dropdown-menu .wd-sub-menu{display:flex !important;flex-wrap:wrap;gap:2px 16px;min-width:0;width:100%;}
.wd-nav-main>li[class*="spoki-col"] .sub-sub-menu{position:static !important;display:block !important;opacity:1 !important;visibility:visible !important;transform:none !important;box-shadow:none !important;border:0 !important;padding:0 !important;margin:2px 0 10px !important;min-width:0 !important;width:100% !important;background:transparent !important;}
.wd-nav-main>li[class*="spoki-col"]>.wd-dropdown-menu .wd-sub-menu>li.spoki-mega-cta{flex:1 1 100% !important;min-width:100% !important;width:100% !important;}
.wd-nav-main>li.spoki-col2>.wd-dropdown-menu{width:480px;max-width:92vw;}
.wd-nav-main>li.spoki-col2>.wd-dropdown-menu .wd-sub-menu>li.spoki-mega-coltitle{flex:1 1 0;min-width:200px;}
.wd-nav-main>li.spoki-col3>.wd-dropdown-menu{width:620px;max-width:94vw;}
.wd-nav-main>li.spoki-col3>.wd-dropdown-menu .wd-sub-menu{gap:2px 6px;}
.wd-nav-main>li.spoki-col3>.wd-dropdown-menu .wd-sub-menu>li.spoki-mega-coltitle{flex:0 0 calc(33.33% - 4px);min-width:0;}
.wd-nav-main>li.spoki-col4:not(.spoki-megawide)>.wd-dropdown-menu{width:560px;max-width:94vw;}
.wd-nav-main>li.spoki-col4:not(.spoki-megawide)>.wd-dropdown-menu{width:600px;max-width:94vw;}
.wd-nav-main>li.spoki-col4:not(.spoki-megawide)>.wd-dropdown-menu .wd-sub-menu{gap:2px 8px;align-items:flex-start;}
.wd-nav-main>li.spoki-col4:not(.spoki-megawide)>.wd-dropdown-menu .wd-sub-menu>li.spoki-mega-coltitle{flex:0 0 calc(25% - 6px);min-width:0;}
.wd-nav-main>li.spoki-col4:not(.spoki-megawide) .spoki-mega-coltitle>a{display:block !important;min-height:58px !important;font-size:12px !important;letter-spacing:.01em !important;line-height:1.3 !important;}
.wd-nav-main>li.spoki-flat2>.wd-dropdown-menu{width:386px;max-width:92vw;}
.wd-nav-main>li.spoki-flat2>.wd-dropdown-menu .wd-sub-menu{display:block !important;column-count:2;column-gap:14px;}
.wd-nav-main>li.menu-item-38802>.wd-dropdown-menu{width:320px;min-width:0;}
.wd-nav-main>li.menu-item-38806>.wd-dropdown-menu{width:296px;min-width:0;}
.wd-nav-main>li.spoki-agecol>.wd-dropdown-menu{width:372px;min-width:0;}
.wd-nav-main>li.spoki-agecol>.wd-dropdown-menu .wd-sub-menu>li>a{padding-top:9px;padding-bottom:9px;white-space:nowrap;font-weight:700;}
.wd-nav-main>li.spoki-agecol>.wd-dropdown-menu .wd-sub-menu>li>a::after{font-weight:400;font-size:16px;color:var(--spoki-slate);opacity:.7;margin-left:7px;}
.wd-nav-main>li.spoki-agecol a[href*="bebeta-0-12-meseca"]::after{content:"сетива и първи открития";}
.wd-nav-main>li.spoki-agecol a[href*="malki-deca-1-2"]::after{content:"първи стъпки и думи";}
.wd-nav-main>li.spoki-agecol a[href*="detska-gradina-3-4"]::after{content:"въображение и роли";}
.wd-nav-main>li.spoki-agecol a[href*="podgotovka-za-uchilishte-5-7"]::after{content:"подготовка за училище";}
.wd-nav-main>li.spoki-agecol a[href*="uchenici-8-10"]::after{content:"логика и открития";}
.wd-nav-main>li.spoki-agecol a[href*="golemi-deca-10-12"]::after{content:"хоби и майсторство";}
.wd-nav-main .wd-dropdown-menu .spoki-age-sub{display:inline;font-weight:400;font-size:16px;color:var(--spoki-slate);opacity:.72;margin-left:6px;}
/* Детски играчки — wide centered premium 4-col mega */
.wd-nav-main{position:relative;}
.wd-nav-main>li.spoki-megawide{position:static !important;}
.wd-nav-main>li.spoki-megawide>.wd-dropdown-menu{left:50% !important;right:auto !important;transform:translateX(-50%) !important;width:1060px !important;max-width:96vw;background:#fff !important;border-radius:16px !important;box-shadow:0 24px 60px rgba(31,42,56,.16) !important;padding:30px 32px !important;z-index:9999 !important;}
.wd-nav-main>li.spoki-megawide>.wd-dropdown-menu .wd-sub-menu{gap:6px 8px;align-items:flex-start;}
.wd-nav-main>li.spoki-megawide>.wd-dropdown-menu .wd-sub-menu>li.spoki-mega-coltitle{flex:0 0 calc(23.5% - 6px);min-width:0;}
.wd-nav-main>li.spoki-megawide>.wd-dropdown-menu .wd-sub-menu>li.spoki-mega-coltitle:nth-child(4){flex-basis:calc(29.5% - 6px);}
.wd-nav-main>li.spoki-megawide>.wd-dropdown-menu .wd-sub-menu li:not(.spoki-mega-coltitle):not(.spoki-mega-cta)>a{font-size:15px !important;line-height:1.4 !important;}
.wd-nav-main>li.spoki-megawide>.wd-dropdown-menu .wd-sub-menu a:hover,.wd-nav-main>li.spoki-megawide>.wd-dropdown-menu .wd-sub-menu a:focus{background:transparent !important;color:var(--spoki-teal-deep,#1F6F78) !important;}
.wd-nav-mobile li.spoki-nav-cta>a::after{content:none !important;display:none !important;}
.wd-nav-mobile li>a[href*="/vazrast/"]{font-weight:700;font-size:15px;white-space:nowrap;}
.wd-nav-mobile li>a[href*="/vazrast/"]::after{font-weight:400;font-size:14px;color:var(--spoki-slate);opacity:.62;margin-left:7px;white-space:nowrap;}
.wd-nav-mobile li>a[href*="/vazrast/bebeta-0-12-meseca"]::after{content:"сетива и първи открития";}
.wd-nav-mobile li>a[href*="/vazrast/malki-deca-1-2"]::after{content:"първи стъпки и думи";}
.wd-nav-mobile li>a[href*="/vazrast/detska-gradina-3-4"]::after{content:"въображение и роли";}
.wd-nav-mobile li>a[href*="/vazrast/podgotovka-za-uchilishte-5-7"]::after{content:"подготовка за училище";}
.wd-nav-mobile li>a[href*="/vazrast/uchenici-8-10"]::after{content:"логика и открития";}
.wd-nav-mobile li>a[href*="/vazrast/golemi-deca-10-12"]::after{content:"хоби и майсторство";}
/* Mobile CTA fix — clean orange card, stacked subtext */
.wd-nav-mobile li.spoki-nav-cta>a.woodmart-nav-link{display:flex !important;flex-direction:row !important;align-items:center !important;justify-content:center !important;background:var(--spoki-orange) !important;color:#fff !important;border-radius:999px !important;padding:12px 18px !important;min-height:0 !important;box-shadow:none !important;width:100%;text-align:center;}
.wd-nav-mobile li.spoki-nav-cta>a.woodmart-nav-link .nav-link-text{font-weight:700;font-size:15px;line-height:1.2;color:#fff;}
.wd-nav-mobile li.spoki-nav-cta{margin:16px 0 12px !important;}
.wd-nav-mobile li.spoki-nav-cta>a.woodmart-nav-link::after{content:none !important;display:none !important;}
/* Mobile drawer search — full width so placeholder fits */
.mobile-nav .wd-search-form{width:100% !important;}
.mobile-nav .wd-search-form form.searchform{width:100% !important;display:flex !important;align-items:center;border:1.5px solid #ececec !important;border-radius:999px !important;background:#fff !important;height:40px;padding:0 6px 0 16px;box-shadow:none !important;}
.mobile-nav .wd-search-form input.s,.mobile-nav .wd-search-form input[type=text],.mobile-nav .wd-search-form input[type=search]{width:100% !important;flex:1 1 auto;border:0 !important;box-shadow:none !important;background:transparent !important;height:38px !important;padding:0 !important;font-size:13.5px;}
.mobile-nav .wd-search-form .searchsubmit,.mobile-nav .wd-search-form button[type=submit]{background:transparent !important;border:0 !important;box-shadow:none !important;color:#8a8f98 !important;padding:0 8px !important;min-width:auto !important;}
/* ===== SPOKI HUB (category/selection landing) ===== */
.spoki-hub{max-width:1100px;margin:0 auto;padding:6px 0 8px;}
.spoki-hub__lead{font-size:1.05rem;line-height:1.6;color:var(--spoki-slate-mid,#5a6470);max-width:760px;margin:0 0 22px;}
.spoki-hub__herocta{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 30px;}
.spoki-hub__herocta a{display:inline-block;padding:9px 18px;border-radius:999px;background:var(--spoki-mint,#e7f5f3);color:var(--spoki-teal-deep,#1f6f78);font-weight:700;font-size:14px;text-decoration:none;}
.spoki-hub__herocta a:hover{background:var(--spoki-teal,#2aa6a0);color:#fff;}
.spoki-hub__group{background:#fff;border:1px solid #f0ece6;border-radius:16px;padding:20px 22px;margin:0 0 16px;box-shadow:0 6px 20px rgba(31,42,56,.05);}
.spoki-hub__group--featured{background:var(--spoki-cream,#fdf6ee);}
.spoki-hub__h2{font-family:var(--spoki-font-head,inherit) !important;color:var(--spoki-teal-deep,#1f6f78) !important;font-size:1.15rem !important;font-weight:800 !important;margin:0 0 4px !important;}
.spoki-hub__desc{color:var(--spoki-slate-mid,#5a6470);font-size:.92rem;margin:0 0 14px;}
.spoki-hub__pills{display:flex;flex-wrap:wrap;gap:8px;}
.spoki-hub__pill{display:inline-block;padding:8px 14px;border-radius:999px;background:#f6f3ef;color:var(--spoki-slate,#2f3a46);font-size:14px;text-decoration:none;border:1px solid #efe9e2;transition:background .15s,color .15s;}
.spoki-hub__pill:hover{background:var(--spoki-orange,#FF8A00);color:#fff;border-color:var(--spoki-orange,#FF8A00);}
.spoki-hub__cta{text-align:center;margin:22px 0;}
.spoki-hub__ctabtn,.spoki-hub__ctabtn:visited{display:inline-block;padding:13px 30px;border-radius:999px;background:var(--spoki-orange,#FF8A00) !important;color:#fff !important;font-weight:800;font-size:15px;text-decoration:none;box-shadow:0 8px 18px rgba(240,138,60,.28);}
.spoki-hub__ctabtn:hover{background:var(--spoki-orange-hover,#E07B2E) !important;}
.spoki-hub__seo{color:var(--spoki-slate-mid,#5a6470);font-size:.92rem;line-height:1.6;margin:18px 0;}
.spoki-hub__faq{margin:18px 0;}
.spoki-hub__faq details{background:#fff;border:1px solid #f0ece6;border-radius:12px;padding:12px 16px;margin:0 0 8px;}
.spoki-hub__faq summary{cursor:pointer;font-weight:700;color:var(--spoki-slate,#2f3a46);font-size:15px;}
.spoki-hub__faq details p{margin:8px 0 0;color:var(--spoki-slate-mid,#5a6470);font-size:.92rem;line-height:1.55;}
.spoki-hub__links{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:18px 0 4px;}
.spoki-hub__links a{color:var(--spoki-teal-deep,#1f6f78);font-weight:700;font-size:14px;text-decoration:none;}
.spoki-hub__links a:hover{text-decoration:underline;}
@media(max-width:600px){.spoki-hub__group{padding:16px;}.spoki-hub__lead{font-size:1rem;}}
/* ===== END SPOKI HUB ===== */
/* ===== SpOki Детски играчки HUB ===== */
.spoki-hub{max-width:1180px;margin:0 auto;padding:6px 0 10px;color:var(--spoki-slate,#33424f);}
.spoki-hub a{text-decoration:none;}
.spoki-hub .sh-hero{background:var(--spoki-mint,#e8f6f4);border-radius:18px;padding:28px 26px;text-align:center;margin-bottom:24px;}
.spoki-hub .sh-hero__h{font-family:var(--spoki-font-head,inherit);color:var(--spoki-slate,#2b3a47) !important;font-size:1.9rem;margin:0 0 10px !important;}
.spoki-hub .sh-hero__p{max-width:720px;margin:0 auto 18px;color:var(--spoki-slate-mid,#5b6a77);font-size:1.02rem;line-height:1.55;}
.spoki-hub .sh-cta{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;}
.spoki-hub .sh-btn{display:inline-block;background:var(--spoki-orange,#FF8A00);color:#fff !important;font-weight:700;border-radius:999px;padding:11px 22px;font-size:.95rem;box-shadow:0 6px 16px rgba(240,138,60,.25);}
.spoki-hub .sh-btn:hover{background:var(--spoki-orange-hover,#e07b2e);}
.spoki-hub .sh-sec__h{font-family:var(--spoki-font-head,inherit);color:var(--spoki-teal-deep,#1f6f78) !important;font-size:1.25rem;margin:26px 0 14px !important;}
.spoki-hub .sh-sec__h--all{border-top:1px solid #eee;padding-top:22px;}
.spoki-hub .sh-pills{display:flex;flex-wrap:wrap;gap:9px;}
.spoki-hub .sh-pill{display:inline-block;background:#fff;border:1px solid #ececec;border-radius:999px;padding:8px 15px;font-size:.9rem;color:var(--spoki-slate,#33424f) !important;transition:all .15s;}
.spoki-hub .sh-pill:hover{border-color:var(--spoki-teal,#3aa6a6);background:var(--spoki-mint,#eef9f7);color:var(--spoki-teal-deep,#1f6f78) !important;}
.spoki-hub .sh-featured .sh-pill{background:var(--spoki-cream,#fff6ec);border-color:#f3e2cf;font-weight:600;}
.spoki-hub .sh-group{background:#fff;border:1px solid #f0f0f0;border-radius:16px;padding:18px 20px;margin-bottom:14px;box-shadow:0 4px 14px rgba(31,42,56,.04);}
.spoki-hub .sh-group__h{font-family:var(--spoki-font-head,inherit);color:var(--spoki-teal-deep,#1f6f78) !important;font-size:1.08rem;margin:0 0 4px !important;}
.spoki-hub .sh-group__d{color:var(--spoki-slate-mid,#5b6a77);font-size:.92rem;line-height:1.45;margin:0 0 12px;}
.spoki-hub .sh-seo{background:var(--spoki-cream,#fff6ec);border-radius:14px;padding:18px 20px;margin:24px 0;font-size:.95rem;line-height:1.6;color:var(--spoki-slate-mid,#5b6a77);}
.spoki-hub .sh-seo strong{color:var(--spoki-slate,#33424f);}
.spoki-hub .sh-faq__item{background:#fff;border:1px solid #f0f0f0;border-radius:12px;padding:14px 18px;margin-bottom:10px;}
.spoki-hub .sh-faq__q{font-family:var(--spoki-font-head,inherit);color:var(--spoki-slate,#2b3a47) !important;font-size:1rem;margin:0 0 6px !important;}
.spoki-hub .sh-faq__a{margin:0;color:var(--spoki-slate-mid,#5b6a77);font-size:.92rem;line-height:1.5;}
.spoki-hub .sh-links{margin:22px 0 6px;font-size:.92rem;color:var(--spoki-slate-mid,#5b6a77);}
.spoki-hub .sh-links span{font-weight:700;color:var(--spoki-slate,#33424f);}
.spoki-hub .sh-links a{color:var(--spoki-teal-deep,#1f6f78) !important;font-weight:600;}
@media (max-width:600px){.spoki-hub .sh-hero{padding:22px 16px;}.spoki-hub .sh-hero__h{font-size:1.45rem;}.spoki-hub .sh-hero__p{font-size:.95rem;}.spoki-hub .sh-group{padding:15px 14px;}.spoki-hub .sh-pill{font-size:.86rem;padding:7px 13px;}}
.spoki-hub .sh-group{transition:box-shadow .18s ease,transform .18s ease;}
.spoki-hub .sh-group:hover{box-shadow:0 10px 24px rgba(31,42,56,.09);transform:translateY(-2px);}
.spoki-hub .sh-group__h{display:flex;align-items:center;gap:9px;}
.spoki-hub .sh-group__h::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--spoki-orange,#FF8A00);flex:0 0 auto;}
.spoki-hub .sh-featured{background:linear-gradient(180deg,#ffffff,#fffaf3);border:1px solid #f3e7d6;border-radius:16px;padding:16px 20px 18px;margin-bottom:18px;}
.spoki-hub .sh-featured .sh-sec__h{margin-top:0 !important;}
.spoki-hub .sh-btn{transition:transform .15s ease,background .15s ease;}
.spoki-hub .sh-btn:hover{transform:translateY(-1px);}
/* ===== END HUB ===== */
/* ===== SpOki Need / Skill Hubs (По нужда / По умения) ===== */
.spoki-need-hub,.spoki-skill-hub{max-width:1100px;margin:0 auto;padding:6px 0 14px;color:var(--spoki-slate,#33424f);}
.spoki-need-hub a,.spoki-skill-hub a{text-decoration:none;}
.snh-intro,.ssh-intro{max-width:760px;margin:0 auto 26px;text-align:center;color:var(--spoki-slate-mid,#5b6a77);font-size:1.05rem;line-height:1.6;}
.snh-grid,.ssh-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;}
.snh-card,.ssh-card{background:#fff;border:1px solid #f0f0f0;border-radius:16px;padding:22px 22px 20px;box-shadow:0 5px 16px rgba(31,42,56,.05);display:flex;flex-direction:column;transition:box-shadow .18s ease,transform .18s ease;}
.snh-card:hover,.ssh-card:hover{box-shadow:0 12px 26px rgba(31,42,56,.09);transform:translateY(-2px);}
.snh-card__h,.ssh-card__h{font-family:var(--spoki-font-head,inherit);color:var(--spoki-teal-deep,#1f6f78) !important;font-size:1.18rem;margin:0 0 8px !important;}
.snh-card__d,.ssh-card__d{color:var(--spoki-slate,#33424f);font-size:.97rem;line-height:1.55;margin:0 0 10px;}
.snh-card__t,.ssh-card__t{color:var(--spoki-slate-mid,#5b6a77);font-size:.88rem;line-height:1.5;margin:0 0 16px;}
.snh-card__t strong,.ssh-card__t strong{color:var(--spoki-slate,#33424f);font-weight:700;}
.snh-card__link,.ssh-card__link{margin-top:auto;display:inline-block;align-self:flex-start;background:var(--spoki-orange,#FF8A00);color:#fff !important;font-weight:700;font-size:.92rem;border-radius:999px;padding:10px 18px;box-shadow:0 6px 14px rgba(240,138,60,.22);transition:transform .15s ease,background .15s ease;}
.snh-card__link:hover,.ssh-card__link:hover{background:var(--spoki-orange-hover,#e07b2e);transform:translateY(-1px);}
.snh-foot,.ssh-foot{margin-top:26px;text-align:center;font-size:.95rem;color:var(--spoki-slate-mid,#5b6a77);}
.snh-foot span,.ssh-foot span{font-weight:700;color:var(--spoki-slate,#33424f);}
.snh-foot a,.ssh-foot a{color:var(--spoki-teal-deep,#1f6f78) !important;font-weight:600;}
@media (max-width:782px){.snh-grid,.ssh-grid{grid-template-columns:1fr;gap:14px;}.snh-card,.ssh-card{padding:18px 18px 16px;}.snh-intro,.ssh-intro{font-size:.98rem;margin-bottom:20px;}}
/* ===== END Need / Skill Hubs ===== */
/* ===== SpOki Hub pages (Gutenberg native blocks) ===== */
.spoki-hub-intro{max-width:760px;margin:0 auto 24px;text-align:center;color:var(--spoki-slate-mid,#5b6a77);font-size:1.05rem;line-height:1.6;}
.spoki-hub-grid{display:grid !important;grid-template-columns:repeat(2,1fr);gap:18px;}
.spoki-need-card,.spoki-skill-card,.spoki-cat-card,.spoki-faq-item{background:#fff;border:1px solid #f0f0f0;border-radius:16px;padding:22px;box-shadow:0 5px 16px rgba(31,42,56,.05);}
.spoki-need-card,.spoki-skill-card{display:flex;flex-direction:column;}
.spoki-need-card .wp-block-heading,.spoki-skill-card .wp-block-heading,.spoki-cat-card .wp-block-heading{color:var(--spoki-teal-deep,#1f6f78) !important;font-size:1.15rem;margin:0 0 8px !important;}
.spoki-need-card p,.spoki-skill-card p{margin:0 0 10px;font-size:.97rem;line-height:1.55;color:var(--spoki-slate,#33424f);}
.spoki-hub-cta .wp-block-button__link{background:var(--spoki-orange,#FF8A00) !important;color:#fff !important;border-radius:999px !important;font-weight:700;padding:10px 18px;box-shadow:0 6px 14px rgba(240,138,60,.22);}
.spoki-hub-cta .wp-block-button__link:hover{background:var(--spoki-orange-hover,#e07b2e) !important;}
.spoki-need-card .wp-block-buttons,.spoki-skill-card .wp-block-buttons{margin-top:auto;}
.spoki-hub-foot{text-align:center;margin-top:24px;color:var(--spoki-slate-mid,#5b6a77);font-size:.95rem;}
.spoki-hub-foot a{color:var(--spoki-teal-deep,#1f6f78) !important;font-weight:600;}
.spoki-hub .spoki-hub-h{text-align:center;color:var(--spoki-slate,#2b3a47) !important;font-size:1.7rem;margin-bottom:10px !important;}
.spoki-hub-cta-row{justify-content:center;gap:10px;margin:0 0 24px;}
.spoki-cat-card{margin-bottom:14px;}
.spoki-cat-card .wp-block-heading{font-size:1.05rem;}
.spoki-cat-desc{color:var(--spoki-slate-mid,#5b6a77) !important;font-size:.9rem !important;margin:0 0 12px !important;}
.spoki-cat-pills{display:flex !important;flex-wrap:wrap;gap:8px;margin:0;}
.spoki-cat-pills a{display:inline-block;background:#fff;border:1px solid #ececec;border-radius:999px;padding:7px 14px;font-size:.88rem;color:var(--spoki-slate,#33424f) !important;}
.spoki-cat-pills a:hover{border-color:var(--spoki-teal,#3aa6a6);background:var(--spoki-mint,#eef9f7);color:var(--spoki-teal-deep,#1f6f78) !important;}
.spoki-cat-pills--featured a{background:var(--spoki-cream,#fff6ec);border-color:#f3e2cf;font-weight:600;}
.spoki-hub-seo{background:var(--spoki-cream,#fff6ec);border-radius:14px;padding:16px 20px;color:var(--spoki-slate-mid,#5b6a77) !important;font-size:.95rem !important;line-height:1.6 !important;}
.spoki-faq-item{margin-bottom:10px;padding:14px 18px;}
.spoki-faq-item .wp-block-heading{color:var(--spoki-slate,#2b3a47) !important;font-size:1rem;margin:0 0 6px !important;}
.spoki-faq-item p{margin:0;color:var(--spoki-slate-mid,#5b6a77);font-size:.92rem;line-height:1.5;}
@media (max-width:782px){.spoki-hub-grid{grid-template-columns:1fr;}}
/* ===== END Hub pages ===== */
/* ===== END SPOKI MEGA v2 ===== */

/* P-final-nowrap: keep pill label on one line (stable height ~40px) */
.spoki-products2 .wd-product .wd-add-btn > a{ white-space:nowrap !important; min-height:40px !important; }
.spoki-products2 .wd-product .wd-add-btn > a .wd-action-text{ white-space:nowrap !important; }

/* P-final-spanfix: collapse WoodMart's tall action-text box so pill is ~40px */
.spoki-products2 .wd-product .wd-add-btn > a span.wd-action-text{ display:inline !important; height:auto !important; min-height:0 !important; line-height:1.1 !important; margin:0 !important; padding:0 !important; }
.spoki-products2 .wd-product .wd-add-btn > a{ height:auto !important; }

/* === P-needs8: needs-discovery moved under hero — subheading + clean white transition === */
.spoki-needs5__h2{ margin:0 0 10px !important; }
.spoki-needs5__sub{ text-align:center; max-width:640px; margin:0 auto 34px; color:var(--spoki-slate-mid); font-size:1.05rem; line-height:1.55; }
/* now followed by the white products section — remove the peach wave for a calm flat transition */
.spoki-needs5::after{ display:none !important; }

/* === SpOki Three Benefits (P-3ben) — compact why-it-matters row, scoped to .spoki-3ben === */
.spoki-3ben{ background:#fff; }
.spoki-3ben .spoki-inner{ padding-top:8px; }
.spoki-3ben__eyebrow{ color:var(--spoki-teal); font-family:var(--spoki-font-head); font-weight:700; letter-spacing:.14em; text-transform:uppercase; font-size:.8rem; margin:0 0 10px; }
.spoki-3ben__h2{ margin:0 0 12px !important; }
.spoki-3ben__sub{ max-width:660px; margin:0 auto 40px; color:var(--spoki-slate-mid); font-size:1.05rem; line-height:1.55; }
.spoki-3ben__row{ gap:28px; align-items:flex-start; }
.spoki-3ben__item{ text-align:center; }
.spoki-3ben__item > *{ max-width:300px; margin-left:auto; margin-right:auto; }
.spoki-3ben__icon{ position:relative; width:128px; height:128px; border-radius:50%; background:var(--spoki-mint); display:flex; align-items:center; justify-content:center; margin:0 auto 20px; }
.spoki-3ben__icon svg{ width:54px; height:54px; }
.spoki-3ben__num{ position:absolute; top:4px; right:16px; width:32px; height:32px; border-radius:50%; background:var(--spoki-orange); color:#fff; font-family:var(--spoki-font-head); font-weight:700; font-size:15px; display:flex; align-items:center; justify-content:center; box-shadow:0 5px 12px rgba(240,138,60,.32); }
.spoki-3ben__title{ font-family:var(--spoki-font-head) !important; font-weight:700 !important; font-size:1.2rem !important; color:var(--spoki-slate) !important; margin:0 0 8px !important; }
.spoki-3ben__text{ font-family:var(--spoki-font-body); color:var(--spoki-slate-mid); font-size:.95rem; line-height:1.55; margin:0; }
@media (max-width:781px){
  .spoki-3ben__row{ gap:32px; }
  .spoki-3ben__icon{ width:108px; height:108px; }
  .spoki-3ben__icon svg{ width:46px; height:46px; }
  .spoki-3ben__item{ width:100% !important; }
}
/* P-3ben-eyebrowfix: raise specificity so eyebrow stays brand teal */
.spoki-3ben p.spoki-3ben__eyebrow{ color:var(--spoki-teal) !important; }

/* === SpOki Three Benefits Mobile Compact Row === */
.spoki-3ben__m{ display:none; }
/* keep items in a 3-up row from tablet down (no vertical stacking) */
@media (max-width:781px){
  .spoki-3ben__row{ display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:16px !important; align-items:start; }
  .spoki-3ben__item{ width:auto !important; }
}
/* compact confidence strip on phones */
@media (max-width:600px){
  .spoki-3ben.spoki-band{ padding-top:30px !important; padding-bottom:30px !important; }
  .spoki-3ben__sub{ font-size:.92rem; line-height:1.45; margin-bottom:22px !important; }
  .spoki-3ben__row{ gap:8px !important; }
  .spoki-3ben__item > *{ max-width:100% !important; }
  .spoki-3ben__icon{ width:58px !important; height:58px !important; margin:0 auto 8px !important; }
  .spoki-3ben__icon svg{ width:27px !important; height:27px !important; }
  .spoki-3ben__num{ width:22px !important; height:22px !important; font-size:11px !important; top:-2px !important; right:4px !important; box-shadow:0 3px 7px rgba(240,138,60,.3) !important; }
  /* hide long desktop title + paragraph, show short mobile labels */
  .spoki-3ben__title, .spoki-3ben__text{ display:none !important; }
  .spoki-3ben__m{ display:block; text-align:center; padding:0 2px; }
  .spoki-3ben__m-title{ display:block; font-family:var(--spoki-font-head); font-weight:800; font-size:13px; color:var(--spoki-slate); line-height:1.2; }
  .spoki-3ben__m-text{ display:block; font-family:var(--spoki-font-body); font-size:11px; color:var(--spoki-slate-mid); line-height:1.25; margin-top:3px; }
}
/* === SpOki Discovery Banners (P-disc) — scoped to .spoki-disc === */
.spoki-disc{ background:#fff; }
.spoki-disc p.spoki-disc__eyebrow{ color:var(--spoki-teal) !important; font-family:var(--spoki-font-head); font-weight:700; letter-spacing:.14em; text-transform:uppercase; font-size:.8rem; margin:0 0 10px; }
.spoki-disc__h2{ margin:0 0 12px !important; }
.spoki-disc__sub{ max-width:690px; margin:0 auto 38px; color:var(--spoki-slate-mid); font-size:1.05rem; line-height:1.55; }
.spoki-disc__grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:24px; }
.spoki-disc__banner{ border-radius:26px; overflow:hidden; box-shadow:0 12px 30px rgba(42,45,52,.07); }
.spoki-disc__banner--cream{ background:var(--spoki-cream-bg); }
.spoki-disc__banner--peach{ background:#FBEFE2; }
.spoki-disc__banner--mint{ background:var(--spoki-mint); }
.spoki-disc__row{ margin:0 !important; gap:0 !important; align-items:stretch !important; min-height:190px; flex-wrap:nowrap; }
.spoki-disc__text{ padding:30px 30px !important; display:flex; flex-direction:column; justify-content:center; }
.spoki-disc__line{ font-family:var(--spoki-font-body); font-size:.9rem; color:var(--spoki-slate-mid); margin:0 0 8px; line-height:1.4; }
.spoki-disc__title{ font-family:var(--spoki-font-head) !important; font-weight:700 !important; font-size:1.6rem !important; color:var(--spoki-slate) !important; line-height:1.15 !important; margin:0 0 16px !important; }
.spoki-disc__cta{ margin:0 !important; }
.spoki-disc__cta a{ font-family:var(--spoki-font-head); font-weight:700; font-size:.95rem; color:var(--spoki-teal); text-decoration:none; border-bottom:2px solid var(--spoki-orange); padding-bottom:2px; transition:color .15s ease; }
.spoki-disc__cta a:hover{ color:var(--spoki-teal-deep); }
.spoki-disc__media{ padding:0 !important; }
.spoki-disc__media .spoki-disc__img{ margin:0; height:100%; }
.spoki-disc__media .spoki-disc__img a,
.spoki-disc__media .spoki-disc__img img{ display:block; width:100%; height:100%; object-fit:cover; }
/* tablet: 1 banner per row, text + image still side by side */
@media (max-width:1024px){ .spoki-disc__grid{ grid-template-columns:1fr; } }
/* phones: stack image on top, text below */
@media (max-width:781px){
  .spoki-disc__row{ flex-direction:column-reverse !important; min-height:0; }
  .spoki-disc__text, .spoki-disc__media{ width:100% !important; flex-basis:auto !important; }
  .spoki-disc__media .spoki-disc__img img{ height:180px; }
}
@media (max-width:600px){
  .spoki-disc__grid{ gap:18px; }
  .spoki-disc__text{ padding:22px 20px !important; }
  .spoki-disc__title{ font-size:1.35rem !important; }
  .spoki-disc__media .spoki-disc__img img{ height:165px; }
}
/* === P-disc-v2: 3-up equal-height banners + mobile swipe rail === */
.spoki-disc__grid{ grid-template-columns:repeat(3,1fr) !important; gap:20px !important; }
.spoki-disc__row{ height:200px !important; min-height:0 !important; }
.spoki-disc__text{ flex-basis:55% !important; padding:22px 24px !important; }
.spoki-disc__media{ flex-basis:45% !important; }
.spoki-disc__title{ font-size:1.4rem !important; margin:0 0 14px !important; }
@media (max-width:1024px){ .spoki-disc__grid{ grid-template-columns:repeat(2,1fr) !important; } }
@media (max-width:781px){
  .spoki-disc__grid{ display:flex !important; grid-template-columns:none !important; flex-wrap:nowrap !important; overflow-x:auto; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; scrollbar-width:none; gap:14px !important; padding-bottom:6px; }
  .spoki-disc__grid::-webkit-scrollbar{ display:none; }
  .spoki-disc__banner{ flex:0 0 84vw !important; scroll-snap-align:start; }
  .spoki-disc__row{ flex-direction:column-reverse !important; height:auto !important; }
  .spoki-disc__text,.spoki-disc__media{ flex-basis:auto !important; width:100% !important; max-width:100% !important; }
  .spoki-disc__media .spoki-disc__img img{ height:152px !important; }
  .spoki-disc__text{ padding:18px 18px !important; }
  .spoki-disc__title{ font-size:1.3rem !important; }
}
/* P-disc-v2-eqh: lock banner height for perfect alignment (desktop/tablet), release on rail */
.spoki-disc__banner{ height:200px; }
.spoki-disc__row{ height:100% !important; }
@media (max-width:781px){ .spoki-disc__banner{ height:auto !important; } }

/* P-disc-v2-title: fit long BG words on one line, no mid-word breaks */
.spoki-disc__title{ font-size:1.25rem !important; line-height:1.2 !important; overflow-wrap:normal !important; word-break:normal !important; hyphens:none !important; }
.spoki-disc__line{ font-size:.85rem !important; }
@media (max-width:781px){ .spoki-disc__title{ font-size:1.3rem !important; } }

/* P-disc-v2-mobimg: stop columns flex-growing on the rail; fix image-area height */
@media (max-width:781px){
  .spoki-disc__row{ align-items:stretch !important; }
  .spoki-disc__text, .spoki-disc__media{ flex:0 0 auto !important; }
  .spoki-disc__media .spoki-disc__img{ height:150px !important; }
  .spoki-disc__media .spoki-disc__img a{ height:150px !important; }
  .spoki-disc__media .spoki-disc__img img{ height:150px !important; width:100% !important; object-fit:cover !important; }
}
/* P-disc-v2-mobblock: drop flex on the rail card; plain stacked text + fixed image below */
@media (max-width:781px){
  .spoki-disc__row{ display:block !important; height:auto !important; }
  .spoki-disc__text, .spoki-disc__media{ display:block !important; width:100% !important; max-width:100% !important; }
  .spoki-disc__text{ padding:18px 18px 16px !important; }
  .spoki-disc__media .spoki-disc__img,
  .spoki-disc__media .spoki-disc__img a,
  .spoki-disc__media .spoki-disc__img img{ display:block !important; height:150px !important; width:100% !important; object-fit:cover !important; }
}
/* === SpOki Gift By Age (P-giftage) — scoped to .spoki-gift-age === */
.spoki-gift-age{ background:var(--spoki-cream-bg); position:relative; padding:96px 0; overflow:hidden; }
.spoki-gift-age::before{ content:""; position:absolute; top:-1px; left:0; right:0; height:78px; background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201440%2080'%20preserveAspectRatio='none'%3E%3Cpath%20fill='%23FFFFFF'%20d='M0,0%20H1440%20V42%20C1190,84%201000,6%20720,44%20C470,82%20250,4%200,42%20Z'/%3E%3C/svg%3E") no-repeat center top; background-size:100% 100%; pointer-events:none; z-index:1; }
.spoki-gift-age::after{ content:""; position:absolute; bottom:-1px; left:0; right:0; height:78px; background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201440%2080'%20preserveAspectRatio='none'%3E%3Cpath%20fill='%23FDF0E3'%20d='M0,80%20H1440%20V38%20C1190,-4%201000,74%20720,36%20C470,-2%20250,76%200,38%20Z'/%3E%3C/svg%3E") no-repeat center bottom; background-size:100% 100%; pointer-events:none; z-index:1; }
.spoki-gift-age .spoki-inner{ position:relative; z-index:2; }
.spoki-gift-age p.spoki-gift-age__eyebrow{ color:var(--spoki-teal) !important; font-family:var(--spoki-font-head); font-weight:700; letter-spacing:.14em; text-transform:uppercase; font-size:.8rem; margin:0 0 10px; }
.spoki-gift-age__h2{ margin:0 0 12px !important; }
.spoki-gift-age__sub{ max-width:670px; margin:0 auto 46px; color:var(--spoki-slate-mid); font-size:1.05rem; line-height:1.55; }
.spoki-gift-age__grid{ display:grid; grid-template-columns:repeat(6,1fr); gap:18px; }
.spoki-gift-age__item{ text-align:center; }
.spoki-gift-age__circle{ position:relative; width:150px; height:150px; margin:0 auto 14px !important; border-radius:50%; padding:7px; border:2px dashed rgba(1,167,173,.45); background:#fff; box-shadow:0 10px 24px rgba(42,45,52,.08); }
.spoki-gift-age__circle a{ display:block; width:100%; height:100%; border-radius:50%; overflow:hidden; }
.spoki-gift-age__circle img{ width:100%; height:100%; object-fit:cover; border-radius:50%; display:block; }
.spoki-gift-age__circle::after{ content:""; position:absolute; right:4px; bottom:6px; width:36px; height:36px; border-radius:50%; background:var(--spoki-orange) url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='%23FFFFFF'%3E%3Cpath%20d='M20%207h-1.6c.3-.5.6-1.2.6-2%200-1.7-1.3-3-3-3-1.2%200-2.3.7-2.8%201.7L12%204.6l-.2-.9C11.3%202.7%2010.2%202%209%202%207.3%202%206%203.3%206%205c0%20.8.3%201.5.6%202H5v4h1v9h12v-9h1V7zM15%204c.6%200%201%20.4%201%201s-.4%201-1%201h-1.6C13.7%204.8%2014.3%204%2015%204zM9%204c.7%200%201.3.8%201.6%202H9c-.6%200-1-.4-1-1s.4-1%201-1zm2%2015H8v-7h3v7zm5%200h-3v-7h3v7z'/%3E%3C/svg%3E") center/19px no-repeat; box-shadow:0 4px 10px rgba(240,138,60,.35); border:2px solid #fff; }
.spoki-gift-age__pill{ margin:0 0 7px !important; }
.spoki-gift-age__pill a{ display:inline-block; background:var(--spoki-teal); color:#fff; font-family:var(--spoki-font-head); font-weight:700; font-size:.95rem; padding:5px 16px; border-radius:999px; text-decoration:none; }
.spoki-gift-age__pill a:hover{ background:var(--spoki-teal-deep); }
.spoki-gift-age__txt{ font-size:.85rem; color:var(--spoki-slate-mid); line-height:1.35; margin:0 auto; max-width:165px; }
.spoki-gift-age__occ{ display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:12px 14px; margin-top:50px; }
.spoki-gift-age__occ-label{ font-family:var(--spoki-font-head); font-weight:700; color:var(--spoki-slate); margin:0; }
.spoki-gift-age__chips{ display:flex; flex-wrap:wrap; gap:10px; justify-content:center; }
.spoki-gift-age__chip{ margin:0 !important; }
.spoki-gift-age__chip a{ display:inline-block; background:#fff; border:1.5px solid var(--spoki-teal); color:var(--spoki-slate); font-family:var(--spoki-font-body); font-weight:700; font-size:.9rem; padding:9px 18px; border-radius:999px; text-decoration:none; transition:.15s ease; }
.spoki-gift-age__chip a:hover{ background:var(--spoki-mint); color:var(--spoki-teal-deep); border-color:var(--spoki-teal); }
@media (max-width:1024px){ .spoki-gift-age__grid{ grid-template-columns:repeat(3,1fr); gap:26px 18px; } }
@media (max-width:600px){
  .spoki-gift-age{ padding:74px 0; }
  .spoki-gift-age__grid{ display:flex; grid-template-columns:none; overflow-x:auto; scroll-snap-type:x mandatory; gap:12px; -webkit-overflow-scrolling:touch; scrollbar-width:none; padding-bottom:6px; }
  .spoki-gift-age__grid::-webkit-scrollbar{ display:none; }
  .spoki-gift-age__item{ flex:0 0 44vw; scroll-snap-align:start; }
  .spoki-gift-age__circle{ width:124px; height:124px; }
  .spoki-gift-age__circle::after{ width:30px; height:30px; background-size:16px; }
  .spoki-gift-age__occ{ flex-direction:column; align-items:stretch; gap:10px; }
  .spoki-gift-age__occ-label{ text-align:center; }
  .spoki-gift-age__chips{ flex-wrap:nowrap; overflow-x:auto; justify-content:flex-start; scrollbar-width:none; padding-bottom:4px; }
  .spoki-gift-age__chips::-webkit-scrollbar{ display:none; }
  .spoki-gift-age__chip{ flex:0 0 auto; }
  .spoki-gift-age__chip a{ padding:11px 18px; }
}

/* P-giftage-size: slightly larger gift circles (match school-readiness scale) */
.spoki-gift-age__circle{ width:168px !important; height:168px !important; }
@media (max-width:600px){ .spoki-gift-age__circle{ width:138px !important; height:138px !important; } }

/* === P-giftage-wave2: peach bg + clean white waves both sides (neighbors are white) === */
.spoki-gift-age{ background:#FDF0E3 !important; }
.spoki-gift-age::before{ background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201440%2080'%20preserveAspectRatio='none'%3E%3Cpath%20fill='%23FFFFFF'%20d='M0,0%20H1440%20V36%20C1190,72%201000,16%20720,40%20C470,62%20250,8%200,38%20Z'/%3E%3C/svg%3E") no-repeat center top !important; background-size:100% 100% !important; height:80px !important; top:-1px !important; }
.spoki-gift-age::after{ background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201440%2080'%20preserveAspectRatio='none'%3E%3Cpath%20fill='%23FFFFFF'%20d='M0,80%20H1440%20V44%20C1190,8%201000,64%20720,40%20C470,18%20250,72%200,42%20Z'/%3E%3C/svg%3E") no-repeat center bottom !important; background-size:100% 100% !important; height:80px !important; bottom:-1px !important; }

/* === SpOki Summer Mosaic (P-summos) — scoped to .spoki-summer-mosaic === */
.spoki-summer-mosaic p.spoki-summer-mosaic__eyebrow{ color:var(--spoki-teal) !important; font-family:var(--spoki-font-head); font-weight:700; letter-spacing:.14em; text-transform:uppercase; font-size:.8rem; margin:0 0 10px; }
.spoki-summer-mosaic__h2{ margin:0 0 12px !important; }
.spoki-summer-mosaic__sub{ max-width:660px; margin:0 auto 34px; color:var(--spoki-slate-mid); font-size:1.05rem; line-height:1.55; text-align:center; }
.spoki-summer-mosaic__row{ margin:0 !important; gap:18px !important; align-items:stretch !important; }
.spoki-summer-mosaic__left,.spoki-summer-mosaic__right{ display:flex; }
.spoki-summer-mosaic__right{ flex-direction:column; }
.spoki-summer-mosaic__tiles{ display:grid; grid-template-columns:repeat(2,1fr); grid-template-rows:repeat(2,1fr); gap:18px; flex:1; }
.spoki-summer-mosaic .wp-block-cover{ border-radius:24px; overflow:hidden; box-shadow:0 12px 30px rgba(42,45,52,.10); justify-content:flex-end !important; align-items:flex-start !important; }
.spoki-summer-mosaic__feat{ min-height:520px; height:100%; }
.spoki-summer-mosaic__tile{ min-height:250px; height:100%; }
.spoki-summer-mosaic .wp-block-cover__image-background{ object-fit:cover !important; }
.spoki-summer-mosaic .wp-block-cover::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(43,59,64,0) 40%, rgba(43,59,64,.66) 100%); z-index:1; pointer-events:none; }
.spoki-summer-mosaic .wp-block-cover__inner-container{ position:relative; z-index:2; width:100%; padding:22px; }
.spoki-summer-mosaic__t{ color:#fff !important; font-family:var(--spoki-font-head) !important; font-weight:700 !important; font-size:1.3rem !important; line-height:1.2 !important; margin:0 0 6px !important; text-shadow:0 1px 6px rgba(0,0,0,.35); }
.spoki-summer-mosaic__feat .spoki-summer-mosaic__t{ font-size:2rem !important; }
.spoki-summer-mosaic__x{ color:rgba(255,255,255,.94) !important; font-size:.9rem !important; line-height:1.4 !important; margin:0 0 12px !important; max-width:32ch; text-shadow:0 1px 5px rgba(0,0,0,.4); }
.spoki-summer-mosaic__feat .spoki-summer-mosaic__x{ font-size:1rem !important; }
.spoki-summer-mosaic__cta{ margin:0 !important; }
.spoki-summer-mosaic__cta a{ display:inline-block; background:#fff; color:var(--spoki-teal) !important; font-family:var(--spoki-font-head); font-weight:700; font-size:.9rem; padding:8px 16px; border-radius:999px; text-decoration:none; box-shadow:0 4px 12px rgba(0,0,0,.12); }
.spoki-summer-mosaic__cta a:hover{ color:var(--spoki-teal-deep) !important; }
/* tablet: featured full width, then 2x2 tiles */
@media (max-width:1024px){
  .spoki-summer-mosaic__row{ display:flex !important; flex-direction:column !important; }
  .spoki-summer-mosaic__left,.spoki-summer-mosaic__right{ width:100% !important; flex-basis:auto !important; max-width:100% !important; }
  .spoki-summer-mosaic__feat{ min-height:360px; }
}
/* mobile: stacked single column */
@media (max-width:600px){
  .spoki-summer-mosaic__tiles{ grid-template-columns:1fr; grid-template-rows:none; gap:14px; }
  .spoki-summer-mosaic__feat{ min-height:300px; }
  .spoki-summer-mosaic__tile{ min-height:188px; }
  .spoki-summer-mosaic__feat .spoki-summer-mosaic__t{ font-size:1.6rem !important; }
  .spoki-summer-mosaic .wp-block-cover__inner-container{ padding:18px; }
}
/* P-summos-bottom: anchor overlay text to the bottom (over the gradient) */
.spoki-summer-mosaic .wp-block-cover__inner-container{ margin-top:auto !important; }

/* P-summos-grad2: stronger readability gradient on light images */
.spoki-summer-mosaic .wp-block-cover::after{ background:linear-gradient(180deg, rgba(43,59,64,0) 26%, rgba(43,59,64,.50) 64%, rgba(43,59,64,.80) 100%) !important; }

/* P-summos-h: override inline cover min-heights responsively */
@media (max-width:1024px){ .spoki-summer-mosaic__feat{ min-height:360px !important; } }
@media (max-width:600px){
  .spoki-summer-mosaic__feat{ min-height:300px !important; }
  .spoki-summer-mosaic__tile{ min-height:190px !important; }
}
/* === P-summer-waves2: white top wave + peach bottom wave (neighbors: white above, peach below) === */
.spoki-summer{ position:relative; overflow:hidden; }
.spoki-summer::before{ content:""; position:absolute; top:-1px; left:0; right:0; height:80px; background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201440%2080'%20preserveAspectRatio='none'%3E%3Cpath%20fill='%23FFFFFF'%20d='M0,0%20H1440%20V36%20C1190,72%201000,16%20720,40%20C470,62%20250,8%200,38%20Z'/%3E%3C/svg%3E") no-repeat center top !important; background-size:100% 100% !important; pointer-events:none; z-index:1; }
.spoki-summer::after{ content:""; position:absolute; bottom:-1px; left:0; right:0; height:80px; background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201440%2080'%20preserveAspectRatio='none'%3E%3Cpath%20fill='%23FDF0E3'%20d='M0,80%20H1440%20V44%20C1190,8%201000,64%20720,40%20C470,18%20250,72%200,42%20Z'/%3E%3C/svg%3E") no-repeat center bottom !important; background-size:100% 100% !important; pointer-events:none; z-index:1; }
.spoki-summer .spoki-inner{ position:relative; z-index:2; }
@media (max-width:768px){ .spoki-summer::before, .spoki-summer::after{ height:46px; } }

/* === SpOki Skills Showcase (P-skillshow) — scoped to .spoki-skills-showcase === */
.spoki-skills2{ background:var(--spoki-cream-bg) !important; }
.spoki-skills2::after{ display:none !important; }
.spoki-skills-showcase p.spoki-skills-showcase__eyebrow{ color:var(--spoki-teal) !important; font-family:var(--spoki-font-head); font-weight:700; letter-spacing:.14em; text-transform:uppercase; font-size:.8rem; margin:0 0 10px; }
.spoki-skills-showcase__h2{ margin:0 0 12px !important; }
.spoki-skills-showcase__sub{ max-width:720px; margin:0 auto 30px; color:var(--spoki-slate-mid); font-size:1.05rem; line-height:1.55; text-align:center; }
.spoki-skills-showcase__tabs{ display:flex; flex-wrap:wrap; justify-content:center; gap:8px; list-style:none; margin:0 0 26px; padding:0; }
.spoki-skills-showcase__tabs li{ margin:0; }
.spoki-skills-showcase .spoki-ptab{ background:#fff; border:1.5px solid var(--spoki-sand,#E8DDD2); color:var(--spoki-slate); font-family:var(--spoki-font-head); font-weight:700; font-size:.88rem; padding:9px 16px; border-radius:999px; cursor:pointer; transition:background .15s ease, color .15s ease, border-color .15s ease; }
.spoki-skills-showcase .spoki-ptab:hover{ background:var(--spoki-mint); color:var(--spoki-teal-deep); border-color:var(--spoki-teal); }
.spoki-skills-showcase .spoki-ptab.spoki-ptab-on{ background:var(--spoki-teal) !important; border-color:var(--spoki-teal) !important; color:#fff !important; }
.spoki-skills-showcase .spoki-ptab:focus-visible{ outline:2px solid var(--spoki-teal); outline-offset:2px; }
.spoki-skills-showcase__panel{ display:grid; grid-template-columns:42% 58%; gap:0; background:#fff; border-radius:24px; overflow:hidden; box-shadow:0 14px 34px rgba(42,45,52,.08); }
.spoki-skills-showcase__panel[hidden]{ display:none !important; }
.spoki-skills-showcase__media{ position:relative; min-height:340px; }
.spoki-skills-showcase__media img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; inset:0; }
.spoki-skills-showcase__body{ padding:36px 40px; display:flex; flex-direction:column; justify-content:center; }
.spoki-skills-showcase__body h3{ font-family:var(--spoki-font-head); font-weight:700; font-size:1.7rem; color:var(--spoki-slate); line-height:1.18; margin:0 0 10px; }
.spoki-skills-showcase__benefit{ color:var(--spoki-slate-mid); font-size:1.05rem; line-height:1.55; margin:0 0 18px; max-width:48ch; }
.spoki-skills-showcase__micros{ list-style:none; display:flex; flex-wrap:wrap; gap:8px; margin:0 0 22px; padding:0; }
.spoki-skills-showcase__micros li{ background:var(--spoki-mint); color:var(--spoki-teal-deep); font-family:var(--spoki-font-body); font-weight:700; font-size:.82rem; padding:6px 13px; border-radius:999px; }
.spoki-skills-showcase__cta{ margin:0; }
.spoki-skills-showcase__cta a{ color:var(--spoki-teal); font-family:var(--spoki-font-head); font-weight:700; font-size:1rem; text-decoration:none; border-bottom:2px solid var(--spoki-orange); padding-bottom:2px; transition:color .15s ease; }
.spoki-skills-showcase__cta a:hover{ color:var(--spoki-teal-deep); }
@media (max-width:1024px){ .spoki-skills-showcase__body{ padding:30px 30px; } .spoki-skills-showcase__body h3{ font-size:1.5rem; } }
@media (max-width:781px){
  .spoki-skills-showcase__tabs{ flex-wrap:nowrap; overflow-x:auto; justify-content:flex-start; scrollbar-width:none; padding-bottom:6px; margin-bottom:20px; }
  .spoki-skills-showcase__tabs::-webkit-scrollbar{ display:none; }
  .spoki-skills-showcase__tabs li{ flex:0 0 auto; }
  .spoki-skills-showcase__panel{ grid-template-columns:1fr; }
  .spoki-skills-showcase__media{ min-height:0; height:210px; }
  .spoki-skills-showcase__media img{ position:static; height:210px; }
  .spoki-skills-showcase__body{ padding:24px 22px; }
  .spoki-skills-showcase__body h3{ font-size:1.4rem; }
}
/* === SpOki School Banners (P-schoolban) — scoped to .spoki-school-banners === */
/* section: mint bg + waves both sides (cream above, white below) */
.spoki-ages2{ background:var(--spoki-mint) !important; position:relative; overflow:hidden; }
.spoki-ages2::before{ content:""; position:absolute; top:-1px; left:0; right:0; height:80px; background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201440%2080'%20preserveAspectRatio='none'%3E%3Cpath%20fill='%23FFF7EB'%20d='M0,0%20H1440%20V36%20C1190,72%201000,16%20720,40%20C470,62%20250,8%200,38%20Z'/%3E%3C/svg%3E") no-repeat center top !important; background-size:100% 100% !important; pointer-events:none; z-index:1; }
.spoki-ages2::after{ content:""; position:absolute; bottom:-1px; left:0; right:0; height:80px; background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201440%2080'%20preserveAspectRatio='none'%3E%3Cpath%20fill='%23FFFFFF'%20d='M0,80%20H1440%20V44%20C1190,8%201000,64%20720,40%20C470,18%20250,72%200,42%20Z'/%3E%3C/svg%3E") no-repeat center bottom !important; background-size:100% 100% !important; pointer-events:none; z-index:1; }
.spoki-ages2 .spoki-inner{ position:relative; z-index:2; }
/* previous section (summer) -> cream; drop its old bottom wave (school owns the boundary) */
.spoki-summer{ background:var(--spoki-cream-bg) !important; }
.spoki-summer::after{ display:none !important; }
/* heading block */
.spoki-school-banners p.spoki-school-banners__eyebrow{ color:var(--spoki-teal) !important; font-family:var(--spoki-font-head); font-weight:700; letter-spacing:.14em; text-transform:uppercase; font-size:.8rem; margin:0 0 10px; }
.spoki-school-banners__h2{ margin:0 0 12px !important; }
.spoki-school-banners__sub{ max-width:720px; margin:0 auto 36px; color:var(--spoki-slate-mid); font-size:1.05rem; line-height:1.55; text-align:center; }
/* grid 3x2 */
.spoki-school-banners__grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.spoki-school-banners__card{ border-radius:24px; overflow:hidden; box-shadow:0 12px 28px rgba(42,45,52,.08); border:1px solid rgba(42,45,52,.05); height:210px; }
.spoki-school-banners__card--cream{ background:var(--spoki-cream-bg); }
.spoki-school-banners__card--mint{ background:#E2F1EF; }
.spoki-school-banners__row{ margin:0 !important; gap:0 !important; height:100%; align-items:stretch !important; flex-wrap:nowrap; }
.spoki-school-banners__text{ padding:20px 22px !important; display:flex; flex-direction:column; justify-content:center; }
.spoki-school-banners__t{ font-family:var(--spoki-font-head) !important; font-weight:700 !important; font-size:1.18rem !important; color:var(--spoki-slate) !important; line-height:1.2 !important; margin:0 0 7px !important; }
.spoki-school-banners__x{ font-size:.9rem !important; line-height:1.4 !important; color:var(--spoki-slate-mid) !important; margin:0 0 12px !important; }
.spoki-school-banners__cta{ margin:0 !important; }
.spoki-school-banners__cta a{ color:var(--spoki-teal); font-family:var(--spoki-font-head); font-weight:700; font-size:.9rem; text-decoration:none; border-bottom:2px solid var(--spoki-orange); padding-bottom:2px; }
.spoki-school-banners__cta a:hover{ color:var(--spoki-teal-deep); }
.spoki-school-banners__media{ padding:0 !important; }
.spoki-school-banners__img{ margin:0; height:100%; }
.spoki-school-banners__img a,.spoki-school-banners__img img{ display:block; width:100%; height:100%; object-fit:cover; }
/* tablet 2x3 */
@media (max-width:1024px){ .spoki-school-banners__grid{ grid-template-columns:repeat(2,1fr); } }
/* mobile: horizontal scroll-snap, ~1.15 cards */
@media (max-width:600px){
  .spoki-school-banners__grid{ display:flex; grid-template-columns:none; overflow-x:auto; scroll-snap-type:x mandatory; gap:14px; -webkit-overflow-scrolling:touch; scrollbar-width:none; padding-bottom:6px; }
  .spoki-school-banners__grid::-webkit-scrollbar{ display:none; }
  .spoki-school-banners__card{ flex:0 0 86%; scroll-snap-align:start; height:auto; }
  .spoki-school-banners__row{ flex-direction:column-reverse !important; height:auto; }
  .spoki-school-banners__text,.spoki-school-banners__media{ width:100% !important; flex-basis:auto !important; }
  .spoki-school-banners__img a,.spoki-school-banners__img img{ height:150px !important; }
  .spoki-school-banners__text{ padding:18px 18px !important; }
  .spoki-ages2::before,.spoki-ages2::after{ height:46px; }
}

/* === SpOki Category Circles (P-catcircles) — scoped to .spoki-category-circles === */
.spoki-categories{ background:var(--spoki-white) !important; }
.spoki-category-circles p.spoki-category-circles__eyebrow{ color:var(--spoki-teal) !important; font-family:var(--spoki-font-head); font-weight:700; letter-spacing:.14em; text-transform:uppercase; font-size:.8rem; margin:0 0 10px; }
.spoki-category-circles__h2{ margin:0 0 12px !important; }
.spoki-category-circles__sub{ max-width:620px; margin:0 auto 34px; color:var(--spoki-slate-mid); font-size:1.05rem; line-height:1.55; text-align:center; }
.spoki-category-circles__grid{ display:flex; flex-wrap:wrap; justify-content:center; gap:26px 18px; }
.spoki-category-circles__tile{ flex:0 0 calc((100% - 5*18px)/6); display:flex; flex-direction:column; align-items:center; text-align:center; text-decoration:none; cursor:pointer; }
.spoki-category-circles__ring{ width:146px; height:146px; border-radius:50%; padding:6px; display:block; margin:0 auto 12px; border:2px dashed var(--spoki-teal); transition:transform .18s ease, box-shadow .18s ease; }
.spoki-category-circles__tile--orange .spoki-category-circles__ring{ border-color:var(--spoki-orange); }
.spoki-category-circles__tile--mint .spoki-category-circles__ring{ border-color:#7FCFC9; }
.spoki-category-circles__ring img{ width:100%; height:100%; border-radius:50%; object-fit:cover; display:block; }
.spoki-category-circles__tile:hover .spoki-category-circles__ring{ transform:translateY(-3px); box-shadow:0 10px 22px rgba(42,45,52,.12); }
.spoki-category-circles__label{ display:inline-block; background:#fff; border:1px solid rgba(42,45,52,.08); color:var(--spoki-slate); font-family:var(--spoki-font-head); font-weight:700; font-size:.9rem; padding:5px 14px; border-radius:999px; margin:0 0 7px; box-shadow:0 3px 8px rgba(42,45,52,.05); }
.spoki-category-circles__tile:hover .spoki-category-circles__label{ color:var(--spoki-teal-deep); }
.spoki-category-circles__text{ font-family:var(--spoki-font-body); font-size:.82rem; line-height:1.35; color:var(--spoki-slate-mid); max-width:170px; }
/* tablet: 4 per row */
@media (max-width:1024px){ .spoki-category-circles__tile{ flex:0 0 calc((100% - 3*18px)/4); } }
/* mobile: horizontal scroll-snap, ~2.2 tiles */
@media (max-width:600px){
  .spoki-category-circles__grid{ flex-wrap:nowrap; overflow-x:auto; justify-content:flex-start; scroll-snap-type:x mandatory; gap:14px; -webkit-overflow-scrolling:touch; scrollbar-width:none; padding-bottom:8px; }
  .spoki-category-circles__grid::-webkit-scrollbar{ display:none; }
  .spoki-category-circles__tile{ flex:0 0 41vw; scroll-snap-align:start; }
  .spoki-category-circles__ring{ width:108px; height:108px; }
  .spoki-category-circles__text{ font-size:.8rem; }
}
/* === SpOki School Products (P-schoolprod) — scoped to .spoki-school-products === */
.spoki-school-products p.spoki-school-products__eyebrow{ color:var(--spoki-teal) !important; font-family:var(--spoki-font-head); font-weight:700; letter-spacing:.14em; text-transform:uppercase; font-size:.8rem; margin:0 0 10px; }
.spoki-school-products__h2{ margin:0 0 12px !important; }
.spoki-school-products__sub{ max-width:680px; margin:0 auto 28px; color:var(--spoki-slate-mid); font-size:1.05rem; line-height:1.55; text-align:center; }
/* tabs */
.spoki-school-products .spoki-ptabs{ display:flex; flex-wrap:wrap; justify-content:center; gap:8px; list-style:none; margin:0 0 26px; padding:0; }
.spoki-school-products .spoki-ptabs li{ margin:0; }
.spoki-school-products .spoki-ptab{ background:#fff; border:1.5px solid var(--spoki-sand,#E8DDD2); color:var(--spoki-slate); font-family:var(--spoki-font-head); font-weight:700; font-size:.88rem; padding:9px 16px; border-radius:999px; cursor:pointer; transition:background .15s ease,color .15s ease,border-color .15s ease; }
.spoki-school-products .spoki-ptab:hover{ background:var(--spoki-mint); color:var(--spoki-teal-deep); border-color:var(--spoki-teal); }
.spoki-school-products .spoki-ptab.spoki-ptab-on{ background:var(--spoki-teal) !important; border-color:var(--spoki-teal) !important; color:#fff !important; }
.spoki-school-products .spoki-ptab:focus-visible{ outline:2px solid var(--spoki-teal); outline-offset:2px; }
.spoki-school-products .spoki-ptab:focus:not(:focus-visible){ outline:none; }
/* product grid 4-up */
.spoki-school-products .wd-products{ display:grid !important; grid-template-columns:repeat(4,1fr) !important; gap:18px !important; }
.spoki-school-products .wd-product.product{ background:#fff !important; border:1px solid rgba(42,45,52,.08) !important; border-radius:20px !important; box-shadow:0 10px 26px rgba(42,45,52,.07) !important; padding:14px !important; transition:box-shadow .18s ease; }
.spoki-school-products .wd-product.product:hover{ box-shadow:0 14px 30px rgba(42,45,52,.10) !important; }
/* reorder image -> title -> price -> button */
.spoki-school-products .wd-product .wd-product-wrapper{ display:flex !important; flex-direction:column; height:100%; }
.spoki-school-products .wd-product .wd-product-thumb{ display:contents; }
.spoki-school-products .wd-product .wd-product-img-link{ order:1; display:flex; align-items:center; justify-content:center; background:#FDFBF8 !important; border:0 !important; border-radius:16px !important; padding:11px !important; aspect-ratio:1/1; overflow:hidden; }
.spoki-school-products .wd-product .wd-product-img-link img{ width:100% !important; height:100% !important; object-fit:contain !important; aspect-ratio:auto !important; margin:0 !important; }
.spoki-school-products .wd-product .wd-entities-title{ order:2; margin:12px 0 4px !important; padding:0 4px; font-family:var(--spoki-font-body) !important; font-weight:700 !important; font-size:15px !important; line-height:1.25 !important; text-align:center; min-height:2.4em; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.spoki-school-products .wd-product .wd-entities-title a{ color:var(--spoki-slate) !important; }
.spoki-school-products .wd-product .price{ order:3; text-align:center; font-weight:800 !important; font-size:16px !important; margin:0 0 10px !important; }
.spoki-school-products .wd-product .price, .spoki-school-products .wd-product .price .amount, .spoki-school-products .wd-product .price bdi{ color:var(--spoki-teal) !important; }
/* hide hover clutter */
.spoki-school-products .wd-product .wd-buttons, .spoki-school-products .wd-product .wd-product-img-hover{ display:none !important; }
/* compact orange button below price, stable */
.spoki-school-products .wd-product .wd-add-btn{ order:4; position:static !important; transform:none !important; opacity:1 !important; visibility:visible !important; margin:auto 0 0 !important; padding-top:12px; width:auto !important; align-self:center; }
.spoki-school-products .wd-product .wd-add-btn > a{ display:inline-flex !important; align-items:center; justify-content:center; width:auto !important; min-width:150px; max-width:210px; min-height:42px; height:auto !important; background:var(--spoki-orange) !important; background-color:var(--spoki-orange) !important; color:#fff !important; border:0 !important; border-radius:999px !important; font-family:var(--spoki-font-body) !important; font-weight:800 !important; font-size:14px !important; line-height:1.1; padding:9px 18px !important; box-shadow:0 8px 16px rgba(240,138,60,.22) !important; text-align:center; text-transform:none !important; letter-spacing:0 !important; white-space:nowrap; }
.spoki-school-products .wd-product .wd-add-btn > a:hover{ background:var(--spoki-orange-hover) !important; background-color:var(--spoki-orange-hover) !important; }
.spoki-school-products .wd-product .wd-add-btn > a span.wd-action-text{ display:inline !important; height:auto !important; min-height:0 !important; line-height:1.1 !important; margin:0 !important; padding:0 !important; font-size:14px !important; font-weight:800 !important; }
.spoki-school-products .wd-product .wd-add-btn > a .wd-action-icon{ display:none !important; }
.spoki-school-products .wd-product .wd-add-btn > a.add_to_cart_button::before, .spoki-school-products .wd-product .wd-add-btn > a.add_to_cart_button::after{ display:none !important; }
.spoki-school-products .wd-product .wd-add-btn a.added_to_cart{ display:none !important; }
/* section CTA */
.spoki-school-products__cta{ margin-top:30px !important; }
.spoki-school-products__cta a{ display:inline-block; background:var(--spoki-orange); color:#fff !important; font-family:var(--spoki-font-head); font-weight:800; font-size:15px; padding:11px 26px; border-radius:999px; text-decoration:none; box-shadow:0 8px 16px rgba(240,138,60,.24); }
.spoki-school-products__cta a:hover{ background:var(--spoki-orange-hover); color:#fff !important; }
/* tablet/mobile */
@media (max-width:1024px){ .spoki-school-products .wd-products{ grid-template-columns:repeat(2,1fr) !important; } }
@media (max-width:600px){
  .spoki-school-products .wd-products{ display:flex !important; grid-template-columns:none !important; overflow-x:auto; scroll-snap-type:x mandatory; gap:14px !important; -webkit-overflow-scrolling:touch; scrollbar-width:none; padding-bottom:6px; }
  .spoki-school-products .wd-products::-webkit-scrollbar{ display:none; }
  .spoki-school-products .wd-products .product{ flex:0 0 84% !important; scroll-snap-align:start; }
}
/* === SpOki Mission Proof (P-mission) — scoped to .spoki-mission-proof === */
.spoki-mission-proof{ position:relative; overflow:hidden; padding:96px 0 104px; background:linear-gradient(180deg, #19B0B6 0%, #00838A 100%); background-image:linear-gradient(180deg,#19B0B6 0%,#00838A 100%),linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px); background-size:auto,42px 42px,42px 42px; }
.spoki-mission-proof::before{ content:""; position:absolute; top:-1px; left:0; right:0; height:70px; background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201440%2070'%20preserveAspectRatio='none'%3E%3Cpath%20fill='%232E8B83'%20d='M0,0%20H1440%20V32%20C1190,64%201000,12%20720,36%20C470,58%20250,6%200,34%20Z'/%3E%3C/svg%3E") no-repeat center top; background-size:100% 100%; pointer-events:none; z-index:1; }
.spoki-mission-proof::after{ content:""; position:absolute; bottom:-1px; left:0; right:0; height:70px; background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201440%2070'%20preserveAspectRatio='none'%3E%3Cpath%20fill='%23FBF3D6'%20d='M0,70%20H1440%20V38%20C1190,6%201000,58%20720,34%20C470,12%20250,64%200,36%20Z'/%3E%3C/svg%3E") no-repeat center bottom; background-size:100% 100%; pointer-events:none; z-index:1; }
.spoki-mission-proof .spoki-inner{ position:relative; z-index:2; }
.spoki-mission-proof p.spoki-mission-proof__eyebrow{ color:rgba(255,255,255,.85) !important; font-family:var(--spoki-font-head); font-weight:700; letter-spacing:.16em; text-transform:uppercase; font-size:.82rem; margin:0 0 12px; }
.spoki-mission-proof__h2{ color:#fff !important; margin:0 0 14px !important; }
.spoki-mission-proof__sub{ color:rgba(255,255,255,.92) !important; max-width:680px; margin:0 auto 44px; font-size:1.08rem; line-height:1.6; }
/* cards */
.spoki-mission-proof__cards{ margin:0 0 36px !important; gap:24px !important; align-items:stretch !important; }
.spoki-mission-proof__card{ position:relative; background:#fff; border-radius:22px; overflow:hidden; box-shadow:0 18px 40px rgba(20,60,55,.22); padding:0 !important; display:flex; flex-direction:column; }
.spoki-mission-proof__card::before{ content:""; position:absolute; top:-8px; left:50%; transform:translateX(-50%) rotate(-3deg); width:66px; height:20px; border-radius:3px; z-index:3; box-shadow:0 2px 5px rgba(0,0,0,.08); }
.spoki-mission-proof__cards .wp-block-column:nth-child(1) .spoki-mission-proof__card::before{ background:rgba(1,167,173,.55); }
.spoki-mission-proof__cards .wp-block-column:nth-child(2) .spoki-mission-proof__card::before{ background:rgba(240,138,60,.6); }
.spoki-mission-proof__cards .wp-block-column:nth-child(3) .spoki-mission-proof__card::before{ background:rgba(127,207,201,.7); }
.spoki-mission-proof__cardimg{ margin:0 !important; }
.spoki-mission-proof__cardimg img{ width:100%; height:240px; object-fit:cover; display:block; }
.spoki-mission-proof__cardbody{ padding:22px 24px 26px; }
.spoki-mission-proof__cardtitle{ font-family:var(--spoki-font-head) !important; font-weight:700 !important; font-size:1.3rem !important; color:var(--spoki-slate) !important; margin:0 0 8px !important; line-height:1.2; }
.spoki-mission-proof__cardtext{ font-size:.95rem; line-height:1.5; color:var(--spoki-slate-mid); margin:0; }
/* trust strip */
.spoki-mission-proof__trust{ display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin:0 0 18px !important; }
.spoki-mission-proof__trustpill{ margin:0 !important; background:rgba(255,255,255,.16); color:#fff; font-family:var(--spoki-font-body); font-weight:700; font-size:.85rem; padding:7px 15px; border-radius:999px; border:1px solid rgba(255,255,255,.28); }
/* situation chips */
.spoki-mission-proof__chips{ display:flex; flex-wrap:wrap; justify-content:center; gap:9px; margin:0 0 30px !important; }
.spoki-mission-proof__chip{ margin:0 !important; }
.spoki-mission-proof__chip a{ display:inline-block; background:#fff; color:var(--spoki-teal-deep); font-family:var(--spoki-font-head); font-weight:700; font-size:.85rem; padding:8px 15px; border-radius:999px; text-decoration:none; transition:.15s ease; }
.spoki-mission-proof__chip a:hover{ background:var(--spoki-cream-bg); color:var(--spoki-teal); }
/* CTA */
.spoki-mission-proof__cta{ display:flex; flex-direction:column; align-items:center; gap:12px; }
.spoki-mission-proof__primary{ margin:0 !important; }
.spoki-mission-proof__primary a{ display:inline-block; background:var(--spoki-orange); color:#fff !important; font-family:var(--spoki-font-head); font-weight:800; font-size:16px; padding:13px 34px; border-radius:999px; text-decoration:none; box-shadow:0 10px 22px rgba(240,138,60,.34); }
.spoki-mission-proof__primary a:hover{ background:var(--spoki-orange-hover); }
.spoki-mission-proof__secondary{ margin:0 !important; }
.spoki-mission-proof__secondary a{ color:#fff !important; font-family:var(--spoki-font-head); font-weight:700; font-size:.95rem; text-decoration:none; border-bottom:2px solid rgba(255,255,255,.5); padding-bottom:2px; }
.spoki-mission-proof__secondary a:hover{ border-color:#fff; }
/* tablet */
@media (max-width:1024px){ .spoki-mission-proof__cards{ flex-wrap:wrap; } .spoki-mission-proof__cards .wp-block-column{ flex-basis:calc(50% - 12px) !important; } }
/* mobile */
@media (max-width:781px){
  .spoki-mission-proof{ padding:74px 0 80px; }
  .spoki-mission-proof__cards{ display:flex !important; flex-direction:column; gap:20px !important; }
  .spoki-mission-proof__cards .wp-block-column{ flex-basis:auto !important; width:100% !important; }
  .spoki-mission-proof__cardimg img{ height:200px; }
  .spoki-mission-proof__trust,.spoki-mission-proof__chips{ flex-wrap:nowrap; overflow-x:auto; justify-content:flex-start; scrollbar-width:none; padding-bottom:6px; }
  .spoki-mission-proof__trust::-webkit-scrollbar,.spoki-mission-proof__chips::-webkit-scrollbar{ display:none; }
  .spoki-mission-proof__trustpill,.spoki-mission-proof__chip{ flex:0 0 auto; }
  .spoki-mission-proof::before,.spoki-mission-proof::after{ height:44px; }
}

/* === SpOki Social Proof (P-social) — scoped to .spoki-social === */
.spoki-social{ background:#E8F4F4; padding:66px 0 74px; }
.spoki-social p.spoki-social__eyebrow{ color:var(--spoki-teal) !important; font-family:var(--spoki-font-head); font-weight:700; letter-spacing:.15em; text-transform:uppercase; font-size:.8rem; margin:0 0 10px; }
.spoki-social__h2{ margin:0 0 12px !important; }
.spoki-social__sub{ max-width:680px; margin:0 auto 36px; color:var(--spoki-slate-mid); font-size:1.05rem; line-height:1.55; text-align:center; }
.spoki-social__grid{ display:grid; grid-template-columns:repeat(4,1fr); grid-auto-rows:186px; gap:14px; grid-auto-flow:dense; }
.spoki-social__tile{ margin:0 !important; border-radius:18px; overflow:hidden; box-shadow:0 8px 22px rgba(42,45,52,.09); }
.spoki-social__grid .wp-block-image img, .spoki-social__tile img{ width:100% !important; height:100% !important; object-fit:cover; display:block; }
.spoki-social__tile--big{ grid-column:span 2; grid-row:span 2; }
.spoki-social__tile--wide{ grid-column:span 2; }
.spoki-social__tile--tall{ grid-row:span 2; }
.spoki-social__brand{ display:flex !important; align-items:center; justify-content:center; text-align:center; padding:18px 20px; }
.spoki-social__brand p{ margin:0; font-family:var(--spoki-font-head); font-weight:700; font-size:1.05rem; line-height:1.3; }
.spoki-social__brand--teal{ background:var(--spoki-teal); } .spoki-social__brand--teal p{ color:#fff; }
.spoki-social__brand--cream{ background:var(--spoki-cream-bg); } .spoki-social__brand--cream p{ color:var(--spoki-slate); }
.spoki-social__brand--peach{ background:#FDF0E3; } .spoki-social__brand--peach p{ color:var(--spoki-slate); }
.spoki-social__cta{ margin-top:30px !important; }
.spoki-social__cta a{ display:inline-block; background:var(--spoki-orange); color:#fff !important; font-family:var(--spoki-font-head); font-weight:800; font-size:15px; padding:12px 28px; border-radius:999px; text-decoration:none; box-shadow:0 8px 18px rgba(240,138,60,.26); }
.spoki-social__cta a:hover{ background:var(--spoki-orange-hover); color:#fff !important; }
/* tablet */
@media (max-width:1024px){ .spoki-social__grid{ grid-template-columns:repeat(3,1fr); grid-auto-rows:166px; } }
/* mobile 2-col */
@media (max-width:600px){
  .spoki-social__grid{ grid-template-columns:repeat(2,1fr); grid-auto-rows:148px; gap:10px; }
  .spoki-social__tile--big{ grid-column:span 2; grid-row:span 2; }
  .spoki-social__tile--wide{ grid-column:span 2; grid-row:span 1; }
  .spoki-social__tile--tall{ grid-column:span 1; grid-row:span 2; }
  .spoki-social__brand{ grid-column:span 2 !important; grid-row:span 1 !important; }
}
/* === SpOki Play Guide (P-guides) — scoped to .spoki-play-guide === */
.spoki-play-guide.spoki-blog2{ background:var(--spoki-cream-bg) !important; }
.spoki-play-guide p.spoki-play-guide__eyebrow{ color:var(--spoki-teal) !important; font-family:var(--spoki-font-head); font-weight:700; letter-spacing:.14em; text-transform:uppercase; font-size:.8rem; margin:0 0 10px; }
.spoki-play-guide__h2{ margin:0 0 12px !important; }
.spoki-play-guide__sub{ max-width:720px; margin:0 auto 36px; color:var(--spoki-slate-mid); font-size:1.05rem; line-height:1.55; text-align:center; }
/* card base */
.spoki-play-guide__card{ background:#fff; border:1px solid rgba(42,45,52,.08); border-radius:20px; overflow:hidden; box-shadow:0 8px 22px rgba(42,45,52,.06); display:flex; flex-direction:column; height:100%; transition:box-shadow .18s ease, transform .18s ease; }
.spoki-play-guide__card:hover{ box-shadow:0 14px 30px rgba(42,45,52,.10); transform:translateY(-2px); }
.spoki-play-guide__cardimg{ margin:0 !important; }
.spoki-play-guide__cardimg a,.spoki-play-guide__cardimg img{ display:block; width:100%; object-fit:cover; }
.spoki-play-guide__cardbody{ padding:18px 20px 20px; display:flex; flex-direction:column; flex:1; }
.spoki-play-guide__label{ font-family:var(--spoki-font-head); font-weight:700; font-size:.68rem; letter-spacing:.1em; text-transform:uppercase; color:var(--spoki-teal); margin:0 0 7px !important; }
.spoki-play-guide__cardtitle{ font-family:var(--spoki-font-head) !important; font-weight:700 !important; line-height:1.22 !important; margin:0 0 8px !important; }
.spoki-play-guide__cardtitle a{ color:var(--spoki-slate) !important; text-decoration:none; }
.spoki-play-guide__cardtitle a:hover{ color:var(--spoki-teal-deep) !important; }
.spoki-play-guide__cardtext{ font-size:.9rem; line-height:1.45; color:var(--spoki-slate-mid); margin:0 0 12px !important; }
.spoki-play-guide__cardcta{ margin:auto 0 0 !important; }
.spoki-play-guide__cardcta a{ color:var(--spoki-teal); font-family:var(--spoki-font-head); font-weight:700; font-size:.9rem; text-decoration:none; }
.spoki-play-guide__cardcta a:hover{ color:var(--spoki-teal-deep); text-decoration:underline; }
/* layout: top row featured + 2 secondary */
.spoki-play-guide__top{ margin:0 0 22px !important; gap:22px !important; align-items:stretch !important; }
.spoki-play-guide__seccol{ display:flex !important; flex-direction:column; gap:22px; }
.spoki-play-guide__card--featured .spoki-play-guide__cardimg img{ height:300px; }
.spoki-play-guide__card--featured .spoki-play-guide__cardtitle{ font-size:1.55rem !important; }
.spoki-play-guide__card--featured .spoki-play-guide__cardtext{ font-size:1rem; }
.spoki-play-guide__card--featured .spoki-play-guide__cardbody{ padding:24px 26px 26px; }
.spoki-play-guide__card--secondary .spoki-play-guide__cardimg img{ height:130px; }
.spoki-play-guide__card--secondary .spoki-play-guide__cardtitle{ font-size:1.12rem !important; }
/* compact 4-col */
.spoki-play-guide__compact{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.spoki-play-guide__card--compact .spoki-play-guide__cardimg img{ height:120px; }
.spoki-play-guide__card--compact .spoki-play-guide__cardtitle{ font-size:1.04rem !important; }
/* closing CTA */
.spoki-play-guide__final{ text-align:center; margin-top:36px; }
.spoki-play-guide__finaltext{ font-family:var(--spoki-font-head); font-weight:700; font-size:1.2rem; color:var(--spoki-slate); margin:0 0 14px !important; }
.spoki-play-guide__finalcta{ margin:0 !important; }
.spoki-play-guide__finalcta a{ display:inline-block; background:var(--spoki-orange); color:#fff !important; font-family:var(--spoki-font-head); font-weight:800; font-size:15px; padding:12px 30px; border-radius:999px; text-decoration:none; box-shadow:0 8px 18px rgba(240,138,60,.26); }
.spoki-play-guide__finalcta a:hover{ background:var(--spoki-orange-hover); color:#fff !important; }
/* tablet */
@media (max-width:1024px){
  .spoki-play-guide__top{ flex-direction:column !important; }
  .spoki-play-guide__featcol,.spoki-play-guide__seccol{ width:100% !important; flex-basis:auto !important; }
  .spoki-play-guide__seccol{ flex-direction:row; }
  .spoki-play-guide__seccol .spoki-play-guide__card{ flex:1; }
  .spoki-play-guide__compact{ grid-template-columns:repeat(2,1fr); }
}
/* mobile */
@media (max-width:600px){
  .spoki-play-guide__seccol{ flex-direction:column; }
  .spoki-play-guide__compact{ grid-template-columns:1fr; }
  .spoki-play-guide__card--featured .spoki-play-guide__cardimg img{ height:210px; }
  .spoki-play-guide__card--compact .spoki-play-guide__cardimg img{ height:170px; }
}
/* === SpOki Awards (P-awards) — scoped to .spoki-awards === */
.spoki-awards{ background:#EEF6F4; padding:58px 0 62px; }
.spoki-awards p.spoki-awards__eyebrow{ color:var(--spoki-teal) !important; font-family:var(--spoki-font-head); font-weight:700; letter-spacing:.15em; text-transform:uppercase; font-size:.8rem; margin:0 0 10px; }
.spoki-awards__h2{ margin:0 0 12px !important; }
.spoki-awards__sub{ max-width:640px; margin:0 auto 34px; color:var(--spoki-slate-mid); font-size:1.02rem; line-height:1.55; text-align:center; }
.spoki-awards__row{ display:flex; flex-wrap:wrap; justify-content:center; align-items:flex-start; gap:20px 34px; }
.spoki-awards__item{ display:flex; flex-direction:column; align-items:center; text-align:center; width:120px; }
.spoki-awards__badge{ margin:0 0 10px !important; width:84px; height:84px; border-radius:50%; background:#fff; border:1px dashed rgba(42,45,52,.18); box-shadow:0 6px 16px rgba(42,45,52,.07); display:flex; align-items:center; justify-content:center; padding:12px; }
.spoki-awards__badge img{ width:100%; height:100%; object-fit:contain; border-radius:50%; opacity:.55; }
.spoki-awards__brand{ margin:0 !important; font-family:var(--spoki-font-head); font-weight:700; font-size:.95rem; color:var(--spoki-slate); }
@media (max-width:600px){
  .spoki-awards{ padding:48px 0 52px; }
  .spoki-awards__row{ gap:18px 20px; }
  .spoki-awards__item{ width:30%; min-width:92px; }
  .spoki-awards__badge{ width:72px; height:72px; }
  .spoki-awards__brand{ font-size:.85rem; }
}
/* === SpOki Awards Strip (P-awardstrip) — scoped to .spoki-awards-strip === */
.spoki-awards-strip{ background:var(--spoki-mint) !important; padding:64px 0 70px; }
.spoki-awards-strip p.spoki-awards-strip__eyebrow{ color:var(--spoki-teal) !important; font-family:var(--spoki-font-head); font-weight:700; letter-spacing:.15em; text-transform:uppercase; font-size:.8rem; margin:0 0 10px; }
.spoki-awards-strip__h2{ margin:0 0 12px !important; }
.spoki-awards-strip__sub{ max-width:640px; margin:0 auto 40px; color:var(--spoki-slate-mid); font-size:1.05rem; line-height:1.55; text-align:center; }
.spoki-awards-strip__row{ display:flex; flex-wrap:wrap; justify-content:center; align-items:flex-start; gap:24px 34px; }
.spoki-awards-strip__item{ display:flex; flex-direction:column; align-items:center; text-align:center; width:160px; }
.spoki-awards-strip__badge{ width:96px; height:96px; border-radius:50%; background:var(--spoki-white); border:1.5px dashed rgba(1,167,173,.30); display:flex; align-items:center; justify-content:center; padding:14px; margin:0 0 12px !important; box-shadow:0 4px 14px rgba(42,45,52,.05); }
.spoki-awards-strip__badge img{ width:100%; height:100%; object-fit:contain; opacity:.5; border-radius:50%; }
.spoki-awards-strip__brand{ font-family:var(--spoki-font-head); font-weight:700; font-size:1.02rem; color:var(--spoki-slate); margin:0 0 4px !important; }
.spoki-awards-strip__text{ font-family:var(--spoki-font-body); font-size:.8rem; line-height:1.35; color:var(--spoki-slate-mid); margin:0 !important; max-width:150px; }
/* remove duplicate plain brand line under the products section */
.spoki-brand-strip{ display:none !important; }
/* tablet: 3 per row */
@media (max-width:1024px){ .spoki-awards-strip__item{ width:30%; min-width:130px; } }
/* mobile: 2 per row */
@media (max-width:600px){
  .spoki-awards-strip{ padding:50px 0 56px; }
  .spoki-awards-strip__row{ gap:22px 18px; }
  .spoki-awards-strip__item{ width:44%; min-width:120px; }
  .spoki-awards-strip__badge{ width:84px; height:84px; }
}
/* P-giftage-nowave: remove gift-age background waves (per reorder) */
.spoki-gift-age::before, .spoki-gift-age::after{ display:none !important; }

/* P-giftage-white: white background, no waves (now directly under hero) */
.spoki-gift-age{ background:var(--spoki-white) !important; }
.spoki-gift-age::before, .spoki-gift-age::after{ display:none !important; }

/* P-giftage-restore: peach bg + white waves both sides (neighbors white above/below) */
.spoki-gift-age{ background:#FDF0E3 !important; position:relative; overflow:hidden; }
.spoki-gift-age::before{ content:"" !important; display:block !important; position:absolute; top:-1px; left:0; right:0; height:80px; background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201440%2080'%20preserveAspectRatio='none'%3E%3Cpath%20fill='%23FFFFFF'%20d='M0,0%20H1440%20V42%20C1190,84%201000,6%20720,44%20C470,82%20250,4%200,42%20Z'/%3E%3C/svg%3E") no-repeat center top !important; background-size:100% 100% !important; pointer-events:none; z-index:1; }
.spoki-gift-age::after{ content:"" !important; display:block !important; position:absolute; bottom:-1px; left:0; right:0; height:80px; background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201440%2080'%20preserveAspectRatio='none'%3E%3Cpath%20fill='%23FFFFFF'%20d='M0,80%20H1440%20V38%20C1190,-4%201000,74%20720,36%20C470,-2%20250,76%200,38%20Z'/%3E%3C/svg%3E") no-repeat center bottom !important; background-size:100% 100% !important; pointer-events:none; z-index:1; }
.spoki-gift-age .spoki-inner{ position:relative; z-index:2; }
@media (max-width:768px){ .spoki-gift-age::before, .spoki-gift-age::after{ height:46px; } }

/* P-awardstrip-butter: awards-strip -> #FBF3D6 with white waves both sides */
.spoki-awards-strip{ background:#FBF3D6 !important; position:relative; overflow:hidden; }
.spoki-awards-strip::before{ content:""; display:block; position:absolute; top:-1px; left:0; right:0; height:78px; background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201440%2080'%20preserveAspectRatio='none'%3E%3Cpath%20fill='%23FFFFFF'%20d='M0,0%20H1440%20V42%20C1190,84%201000,6%20720,44%20C470,82%20250,4%200,42%20Z'/%3E%3C/svg%3E") no-repeat center top !important; background-size:100% 100% !important; pointer-events:none; z-index:1; }
.spoki-awards-strip::after{ content:""; display:block; position:absolute; bottom:-1px; left:0; right:0; height:78px; background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201440%2080'%20preserveAspectRatio='none'%3E%3Cpath%20fill='%23FFFFFF'%20d='M0,80%20H1440%20V38%20C1190,-4%201000,74%20720,36%20C470,-2%20250,76%200,38%20Z'/%3E%3C/svg%3E") no-repeat center bottom !important; background-size:100% 100% !important; pointer-events:none; z-index:1; }
.spoki-awards-strip .spoki-inner{ position:relative; z-index:2; }
@media (max-width:768px){ .spoki-awards-strip::before, .spoki-awards-strip::after{ height:44px; } }
/* skills section: remove background color (white) */
.spoki-skills2{ background:var(--spoki-white) !important; }

/* P-cat-1row: enlarge circles, action buttons, cream waves top+bottom */
.spoki-category-circles__ring{ width:175px !important; height:175px !important; }
.spoki-category-circles__btns{ display:flex; justify-content:center; align-items:center; gap:14px; margin-top:38px; flex-wrap:wrap; }
.spoki-category-circles__btn-all,.spoki-category-circles__btn-find{ margin:0 !important; }
.spoki-category-circles__btn-all a{ display:inline-block; background:#fff; border:1.5px solid var(--spoki-teal); color:var(--spoki-teal-deep); font-family:var(--spoki-font-head); font-weight:700; font-size:15px; padding:11px 26px; border-radius:999px; text-decoration:none; transition:.15s ease; }
.spoki-category-circles__btn-all a:hover{ background:var(--spoki-mint); border-color:var(--spoki-teal); }
.spoki-category-circles__btn-find a{ display:inline-block; background:var(--spoki-orange); color:#fff !important; font-family:var(--spoki-font-head); font-weight:800; font-size:15px; padding:12px 28px; border-radius:999px; text-decoration:none; box-shadow:0 8px 18px rgba(240,138,60,.26); }
.spoki-category-circles__btn-find a:hover{ background:var(--spoki-orange-hover); color:#fff !important; }
.spoki-categories{ position:relative; overflow:hidden; padding-top:84px !important; padding-bottom:84px !important; }
.spoki-categories::before{ content:"" !important; display:block !important; position:absolute; top:-1px; left:0; right:0; height:78px; background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201440%2080'%20preserveAspectRatio='none'%3E%3Cpath%20fill='%23FFF7EB'%20d='M0,0%20H1440%20V42%20C1190,84%201000,6%20720,44%20C470,82%20250,4%200,42%20Z'/%3E%3C/svg%3E") no-repeat center top !important; background-size:100% 100% !important; pointer-events:none; z-index:1; }
.spoki-categories::after{ content:"" !important; display:block !important; position:absolute; bottom:-1px; left:0; right:0; height:78px; background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201440%2080'%20preserveAspectRatio='none'%3E%3Cpath%20fill='%23FFF7EB'%20d='M0,80%20H1440%20V38%20C1190,-4%201000,74%20720,36%20C470,-2%20250,76%200,38%20Z'/%3E%3C/svg%3E") no-repeat center bottom !important; background-size:100% 100% !important; pointer-events:none; z-index:1; }
.spoki-categories .spoki-inner{ position:relative; z-index:2; }
@media (max-width:1024px){ .spoki-category-circles__ring{ width:150px !important; height:150px !important; } }
@media (max-width:600px){ .spoki-category-circles__ring{ width:124px !important; height:124px !important; } .spoki-categories::before,.spoki-categories::after{ height:44px; } }

/* === P-fixbatch === */
/* 1) mission-proof: drop conflicting top wave (categories wave handles it); bottom wave -> white (social is white) */
.spoki-mission-proof::before{ display:none !important; }
.spoki-mission-proof::after{ background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201440%2080'%20preserveAspectRatio='none'%3E%3Cpath%20fill='%23FFFFFF'%20d='M0,80%20H1440%20V38%20C1190,-4%201000,74%20720,36%20C470,-2%20250,76%200,38%20Z'/%3E%3C/svg%3E") no-repeat center bottom !important; background-size:100% 100% !important; }
/* 2) social: remove background color */
.spoki-social{ background:var(--spoki-white) !important; }
/* 3) guides/blog: remove background color */
.spoki-play-guide.spoki-blog2{ background:var(--spoki-white) !important; }
/* 4) school-products (Готовност за училище): remove background + waves */
.spoki-ages2{ background:var(--spoki-white) !important; }
.spoki-ages2::before, .spoki-ages2::after{ display:none !important; }
/* 5) footer: add wave at the top */
footer.wd-footer.footer-container{ position:relative; }
footer.wd-footer.footer-container::before{ content:""; position:absolute; left:0; right:0; top:-76px; height:78px; background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201440%2080'%20preserveAspectRatio='none'%3E%3Cpath%20fill='%23E4F4EE'%20d='M0,80%20H1440%20V38%20C1190,-4%201000,74%20720,36%20C470,-2%20250,76%200,38%20Z'/%3E%3C/svg%3E") no-repeat center bottom; background-size:100% 100%; pointer-events:none; z-index:1; }
@media (max-width:768px){ footer.wd-footer.footer-container::before{ top:-44px; height:46px; } }

/* === P-bg-batch2 === */
/* 1) skills section: cream bg + cream waves bleeding into the white neighbors */
.spoki-skills2{ background:#FFF7EB !important; position:relative; overflow:visible !important; }
.spoki-skills2::before{ content:"" !important; display:block !important; position:absolute; left:0; right:0; top:-77px; height:78px; background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201440%2080'%20preserveAspectRatio='none'%3E%3Cpath%20fill='%23FFF7EB'%20d='M0,80%20H1440%20V40%20C1190,4%201000,72%20720,38%20C470,2%20250,74%200,40%20Z'/%3E%3C/svg%3E") no-repeat center bottom !important; background-size:100% 100% !important; pointer-events:none; z-index:1; }
.spoki-skills2::after{ content:"" !important; display:block !important; position:absolute; left:0; right:0; bottom:-77px; height:78px; background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201440%2080'%20preserveAspectRatio='none'%3E%3Cpath%20fill='%23FFF7EB'%20d='M0,0%20H1440%20V40%20C1190,76%201000,8%20720,42%20C470,78%20250,6%200,40%20Z'/%3E%3C/svg%3E") no-repeat center top !important; background-size:100% 100% !important; pointer-events:none; z-index:1; }
.spoki-skills2 .spoki-inner{ position:relative; z-index:2; }
@media (max-width:768px){ .spoki-skills2::before{ top:-45px; height:46px; } .spoki-skills2::after{ bottom:-45px; height:46px; } }
/* 2) awards strip -> #FDF0E3 (keep white waves) */
.spoki-awards-strip{ background:#FDF0E3 !important; }
/* 3) summer -> #FBF3D6 */
.spoki-summer{ background:#FBF3D6 !important; }

/* === P-bg-guides: guides section -> #FBF3D6 with waves both sides === */
.spoki-play-guide.spoki-blog2{ background:#FBF3D6 !important; position:relative; overflow:visible !important; }
.spoki-play-guide.spoki-blog2::before{ content:"" !important; display:block !important; position:absolute; left:0; right:0; top:-77px; height:78px; background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201440%2080'%20preserveAspectRatio='none'%3E%3Cpath%20fill='%23FBF3D6'%20d='M0,80%20H1440%20V40%20C1190,4%201000,72%20720,38%20C470,2%20250,74%200,40%20Z'/%3E%3C/svg%3E") no-repeat center bottom !important; background-size:100% 100% !important; pointer-events:none; z-index:1; }
.spoki-play-guide.spoki-blog2::after{ content:"" !important; display:block !important; position:absolute; left:0; right:0; bottom:-77px; height:78px; background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201440%2080'%20preserveAspectRatio='none'%3E%3Cpath%20fill='%23FBF3D6'%20d='M0,0%20H1440%20V40%20C1190,76%201000,8%20720,42%20C470,78%20250,6%200,40%20Z'/%3E%3C/svg%3E") no-repeat center top !important; background-size:100% 100% !important; pointer-events:none; z-index:1; }
.spoki-play-guide.spoki-blog2 .spoki-inner{ position:relative; z-index:2; }
@media (max-width:768px){ .spoki-play-guide.spoki-blog2::before{ top:-45px; height:46px; } .spoki-play-guide.spoki-blog2::after{ bottom:-45px; height:46px; } }

/* === SpOki Footer v2 (P-footer) — scoped to .spoki-foot === */
footer.wd-footer .spoki-foot,
.main-footer .spoki-foot{ color:var(--spoki-slate) !important; font-family:var(--spoki-font-body); }
.spoki-foot__inner{ max-width:1240px; margin:0 auto; padding:8px 20px 4px; }
.spoki-foot__grid{ display:grid; grid-template-columns:1.5fr repeat(5,1fr); gap:30px 26px; align-items:start; }
.spoki-foot a{ color:var(--spoki-slate) !important; text-decoration:none; transition:color .15s ease; }
.spoki-foot a:hover{ color:var(--spoki-teal-deep) !important; }
/* brand */
.spoki-foot__fox{ width:62px; height:auto; margin:0 0 14px; display:block; }
.spoki-foot__tag{ font-size:.9rem; line-height:1.55; color:var(--spoki-slate-mid) !important; margin:0 0 16px; max-width:330px; }
.spoki-foot__contact{ font-size:.9rem; line-height:1.7; margin:0 0 16px; }
.spoki-foot__contact a{ font-weight:700; }
.spoki-foot__contact span{ color:var(--spoki-slate-mid) !important; font-size:.82rem; }
.spoki-foot__socials{ display:flex; gap:10px; }
.spoki-foot__socials a{ width:38px; height:38px; border-radius:50%; background:#fff; display:flex; align-items:center; justify-content:center; color:var(--spoki-teal-deep) !important; box-shadow:0 3px 8px rgba(42,45,52,.08); }
.spoki-foot__socials a:hover{ background:var(--spoki-teal); color:#fff !important; }
.spoki-foot__socials svg{ width:18px; height:18px; }
/* nav columns */
.spoki-foot__col{ margin:0; }
.spoki-foot__h{ font-family:var(--spoki-font-head); font-weight:700; font-size:1rem; color:var(--spoki-slate) !important; }
.spoki-foot__list{ list-style:none; margin:0; padding:0; }
.spoki-foot__list li{ margin:0 0 9px; }
.spoki-foot__list a{ font-size:.9rem; }
/* desktop: details always open, no marker */
@media (min-width:769px){
  .spoki-foot__col > .spoki-foot__list{ display:block !important; }
  .spoki-foot__h{ list-style:none; cursor:default; pointer-events:none; margin:0 0 14px; display:flex; align-items:center; min-height:44px; padding:8px 2px; box-sizing:border-box; }
  .spoki-foot__h::-webkit-details-marker{ display:none; }
  .spoki-foot__h::marker{ content:""; }
}
/* legal + payment */
.spoki-foot__legal{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px 18px; margin-top:38px; padding-top:20px; border-top:1px solid rgba(42,45,52,.10); }
.spoki-foot__copy{ margin:0; font-size:.82rem; color:var(--spoki-slate-mid) !important; }
.spoki-foot__legal-links{ margin:0; display:flex; flex-wrap:wrap; gap:6px 14px; }
.spoki-foot__legal-links a{ font-size:.82rem; color:var(--spoki-slate-mid) !important; }
.spoki-foot__legal-links a:hover{ color:var(--spoki-teal-deep) !important; }
.spoki-foot__rate{ margin:0; font-size:.82rem; font-weight:700; color:var(--spoki-slate) !important; }
.spoki-foot__pay{ display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; }
.spoki-foot__pay span{ font-size:.74rem; font-weight:700; color:var(--spoki-slate-mid) !important; background:#fff; border:1px solid rgba(42,45,52,.10); padding:5px 11px; border-radius:7px; }
/* mobile accordion */
@media (max-width:768px){
  .spoki-foot__grid{ grid-template-columns:1fr; gap:0; }
  .spoki-foot__brand{ margin-bottom:18px; text-align:center; }
  .spoki-foot__fox{ margin:0 auto 14px; }
  .spoki-foot__tag{ max-width:none; }
  .spoki-foot__socials{ justify-content:center; }
  .spoki-foot__col{ border-top:1px solid rgba(42,45,52,.10); }
  .spoki-foot__h{ display:flex; align-items:center; justify-content:space-between; padding:14px 2px; min-height:44px; cursor:pointer; list-style:none; margin:0; }
  .spoki-foot__h::-webkit-details-marker{ display:none; }
  .spoki-foot__h::after{ content:"+"; font-size:1.3rem; font-weight:400; color:var(--spoki-teal); line-height:1; }
  .spoki-foot__col[open] .spoki-foot__h::after{ content:"–"; }
  .spoki-foot__list{ padding:0 2px 14px; }
  .spoki-foot__list li{ margin:0 0 12px; }
  .spoki-foot__list a{ font-size:.95rem; }
  .spoki-foot__legal{ flex-direction:column; align-items:flex-start; margin-top:24px; }
  .spoki-foot__legal-links{ justify-content:flex-start; }
}
/* === SpOki Pay Badges (P-pay) — bottom-bar payment chips === */
.spoki-pay{ display:inline-flex; flex-wrap:wrap; gap:8px; align-items:center; justify-content:flex-end; }
.spoki-pay__b{ display:inline-flex; align-items:center; gap:6px; background:#fff; border:1px solid rgba(42,45,52,.10); border-radius:7px; padding:5px 10px; font-family:var(--spoki-font-body); font-size:.72rem; font-weight:700; color:var(--spoki-slate) !important; line-height:1; }
.spoki-pay__mc{ width:30px; height:19px; display:inline-block; }
.spoki-pay__visa{ font-style:italic; font-weight:800; letter-spacing:.5px; font-size:.82rem; color:#1A1F71 !important; }
/* WoodMart copyrights bar: keep light + tidy two columns */
.wd-footer .woodmart-copyrights-inner, .wd-footer .reset-last-child{ }
.wd-footer .copyrights-inner, .wd-footer [class*="copyrights"]{ color:var(--spoki-slate-mid); }
.wd-footer .copyrights-inner a, .wd-footer [class*="copyrights"] a{ color:var(--spoki-slate) !important; }
@media (max-width:768px){
  .spoki-pay{ justify-content:center; width:100%; margin-top:8px; }
}
/* P-foottag-strong: emphasize the lead clause of the footer brand text */
.spoki-foot__tag strong{ color:var(--spoki-slate) !important; font-weight:800; }


/* ============================================================
   SpOki GLOBAL INNER-PAGE HERO + LEGAL/HELP LAYOUT + FOOTER SPACING
   Added 2026-06-17. Child-theme safe, pure CSS, no JS.
   Uses existing --spoki-* design tokens (does NOT redefine them).
   Scope: standard content pages only (pages, blog, single posts).
   Excludes: homepage and ALL WooCommerce pages/archives.
   ============================================================ */

/* ===== PART 1: global branded hero (restyle WoodMart .wd-page-title) ===== */
body.page:not(.home):not(.woocommerce-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .wd-page-title,
body.blog:not(.home) .wd-page-title,
body.single-post:not(.home) .wd-page-title{
  position:relative;overflow:hidden;margin:0;
  padding:54px 20px 92px !important;
  background-color:var(--spoki-cream-bg) !important;
  background-image:
    radial-gradient(closest-side at 7% 16%, rgba(253,240,227,.7), transparent 72%),
    radial-gradient(circle at 90% 24%, rgba(103,214,227,.16) 0 86px, transparent 88px) !important;
  background-repeat:no-repeat !important;
}
/* dashed mint/teal circle (decorative, low weight) */
body.page:not(.home):not(.woocommerce-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .wd-page-title::before,
body.blog:not(.home) .wd-page-title::before,
body.single-post:not(.home) .wd-page-title::before{
  content:"";position:absolute;top:-46px;right:6%;width:150px;height:150px;
  border:2px dashed rgba(1,167,173,.28);border-radius:50%;z-index:0;pointer-events:none;
}
/* bottom wave divider (decorative only, sits below the text) */
body.page:not(.home):not(.woocommerce-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .wd-page-title::after,
body.blog:not(.home) .wd-page-title::after,
body.single-post:not(.home) .wd-page-title::after{
  content:"";position:absolute;left:0;right:0;bottom:-1px;height:46px;z-index:1;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2046'%20preserveAspectRatio%3D'none'%3E%3Cpath%20d%3D'M0%2046%20L1440%2046%20L1440%2018%20C1200%2044%20960%2030%20720%2016%20C480%202%20240%2040%200%2020%20Z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") center bottom / 100% 100% no-repeat;
}
/* hero text above decorations */
body.page:not(.home):not(.woocommerce-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .wd-page-title .page-title-wrapper,
body.blog:not(.home) .wd-page-title .page-title-wrapper,
body.single-post:not(.home) .wd-page-title .page-title-wrapper,
body.page:not(.home):not(.woocommerce-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .wd-page-title .entry-title,
body.blog:not(.home) .wd-page-title .entry-title,
body.single-post:not(.home) .wd-page-title .entry-title,
body.page:not(.home):not(.woocommerce-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .wd-page-title .title,
body.blog:not(.home) .wd-page-title .title,
body.single-post:not(.home) .wd-page-title .title,
body.page:not(.home):not(.woocommerce-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .wd-page-title .wd-breadcrumbs,
body.blog:not(.home) .wd-page-title .wd-breadcrumbs,
body.single-post:not(.home) .wd-page-title .wd-breadcrumbs{position:relative;z-index:2}
body.page:not(.home):not(.woocommerce-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .wd-page-title .entry-title,
body.blog:not(.home) .wd-page-title .entry-title,
body.single-post:not(.home) .wd-page-title .entry-title,
body.page:not(.home):not(.woocommerce-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .wd-page-title .title,
body.blog:not(.home) .wd-page-title .title,
body.single-post:not(.home) .wd-page-title .title{
  font-family:var(--spoki-font-head,'Comfortaa',sans-serif);color:var(--spoki-slate);
  font-size:clamp(28px,5vw,44px);line-height:1.15;margin:0 0 10px;
}
body.page:not(.home):not(.woocommerce-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .wd-page-title .wd-breadcrumbs,
body.blog:not(.home) .wd-page-title .wd-breadcrumbs,
body.single-post:not(.home) .wd-page-title .wd-breadcrumbs{color:var(--spoki-slate-mid,#54656B);font-size:14px}
body.page:not(.home):not(.woocommerce-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .wd-page-title .wd-breadcrumbs a,
body.blog:not(.home) .wd-page-title .wd-breadcrumbs a,
body.single-post:not(.home) .wd-page-title .wd-breadcrumbs a{color:var(--spoki-teal)}

/* ===== PART 2: footer overlap fix (global bottom spacing, standard pages) ===== */
body.page:not(.home):not(.woocommerce-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .wd-content-layout,
body.blog:not(.home) .wd-content-layout,
body.single-post:not(.home) .wd-content-layout{padding-bottom:88px}
.wd-page-wrapper .wd-footer.footer-container{position:relative;z-index:2;margin-top:0}

/* ===== Legal page layout (consolidated from inline page styles) ===== */
.spoki-legal__wrap{max-width:880px;margin:0 auto;padding:32px 20px 0;background:transparent}
.spoki-legal__trust{background:var(--spoki-white,#fff);border:1px solid var(--spoki-sand);border-left:4px solid var(--spoki-teal);border-radius:14px;padding:16px 20px;margin:0 0 8px;color:var(--spoki-slate);font-size:16px;line-height:1.6}
.spoki-legal__toc{background:var(--spoki-white,#fff);border:1px solid var(--spoki-sand);border-radius:var(--spoki-radius-card,16px);padding:24px 28px;margin:24px 0;box-shadow:var(--spoki-shadow-card,0 2px 12px rgba(43,59,64,.07))}
.spoki-legal__toc h2{font-family:var(--spoki-font-head,'Comfortaa',sans-serif);color:var(--spoki-slate);font-size:20px;margin:0 0 12px}
.spoki-legal__toc ul{columns:2;column-gap:32px;margin:0;padding-left:18px}
.spoki-legal__toc a{color:var(--spoki-teal);text-decoration:none}
.spoki-legal__toc a:hover{text-decoration:underline}
.spoki-legal__card{background:var(--spoki-white,#fff);border:1px solid var(--spoki-sand);border-radius:var(--spoki-radius-card,16px);padding:28px 32px;margin:0 0 22px;box-shadow:var(--spoki-shadow-card,0 2px 12px rgba(43,59,64,.07))}
.spoki-legal__card h2{font-family:var(--spoki-font-head,'Comfortaa',sans-serif);color:var(--spoki-slate);font-size:clamp(20px,3vw,26px);scroll-margin-top:110px;margin:28px 0 12px;padding-top:14px;border-top:1px solid var(--spoki-sand)}
.spoki-legal__card h2:first-child{border-top:0;margin-top:0;padding-top:0}
.spoki-legal__card h3{font-family:var(--spoki-font-head,'Comfortaa',sans-serif);color:var(--spoki-slate);font-size:18px;margin:18px 0 8px}
.spoki-legal__card p,.spoki-legal__card li{color:var(--spoki-slate);line-height:1.7}
.spoki-legal__card p{margin:0 0 12px}
.spoki-legal__formbtn{margin:8px 0 24px}
.spoki-legal__formbtn a{display:inline-block;background:var(--spoki-teal);color:#fff;font-weight:700;padding:14px 26px;border-radius:var(--spoki-radius-btn,999px);text-decoration:none}

/* ===== Help-center layout (consolidated from inline page styles) ===== */
.spoki-help__wrap{max-width:920px;margin:0 auto;padding:32px 20px 0;background:transparent}
.spoki-help__btn{text-align:center;margin:24px 0}
.spoki-help__btn a{display:inline-block;background:var(--spoki-orange);color:#fff;font-weight:700;padding:15px 30px;border-radius:var(--spoki-radius-btn,999px);text-decoration:none;font-size:16px}
.spoki-help__cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;margin:28px 0}
.spoki-help__c{background:var(--spoki-white,#fff);border:1px solid var(--spoki-sand);border-radius:var(--spoki-radius-card,16px);padding:22px 20px;box-shadow:var(--spoki-shadow-card,0 2px 12px rgba(43,59,64,.07))}
.spoki-help__c h3{font-family:var(--spoki-font-head,'Comfortaa',sans-serif);color:var(--spoki-slate);font-size:17px;margin:0 0 8px}
.spoki-help__c p{color:var(--spoki-slate);line-height:1.55;margin:0;font-size:15px}
.spoki-help__cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:28px 0}
.spoki-help__cat{display:flex;align-items:center;justify-content:center;text-align:center;min-height:74px;background:var(--spoki-white,#fff);border:1px solid var(--spoki-sand);border-radius:18px;padding:14px;text-decoration:none;box-shadow:var(--spoki-shadow-card,0 2px 12px rgba(43,59,64,.07))}
.spoki-help__cat span{font-family:var(--spoki-font-head,'Comfortaa',sans-serif);color:var(--spoki-slate);font-weight:700;font-size:16px}
.spoki-help__cat:hover{border-color:var(--spoki-teal)}
.spoki-help__sec{font-family:var(--spoki-font-head,'Comfortaa',sans-serif);color:var(--spoki-slate);font-size:22px;margin:34px 0 12px;scroll-margin-top:110px}
.spoki-help__wrap .wp-block-details{background:var(--spoki-white,#fff);border:1px solid var(--spoki-sand);border-radius:var(--spoki-radius-card,16px);padding:6px 22px;margin:0 0 12px;box-shadow:var(--spoki-shadow-card,0 2px 12px rgba(43,59,64,.05))}
.spoki-help__wrap .wp-block-details summary{font-family:var(--spoki-font-head,'Comfortaa',sans-serif);color:var(--spoki-slate);font-weight:700;font-size:16px;cursor:pointer;padding:14px 0}
.spoki-help__wrap .wp-block-details p,.spoki-help__wrap .wp-block-details li{color:var(--spoki-slate);line-height:1.7}
.spoki-help__wrap .wp-block-details a{color:var(--spoki-teal)}

/* ===== Mobile ===== */
@media(max-width:768px){
  body.page:not(.home):not(.woocommerce-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .wd-page-title,
body.blog:not(.home) .wd-page-title,
body.single-post:not(.home) .wd-page-title{padding:38px 16px 66px !important}
  body.page:not(.home):not(.woocommerce-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .wd-page-title::before,
body.blog:not(.home) .wd-page-title::before,
body.single-post:not(.home) .wd-page-title::before{width:104px;height:104px;top:-32px;right:4%}
  body.page:not(.home):not(.woocommerce-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .wd-content-layout,
body.blog:not(.home) .wd-content-layout,
body.single-post:not(.home) .wd-content-layout{padding-bottom:56px}
  .spoki-legal__toc ul{columns:1}
  .spoki-legal__card{padding:22px 18px}
  .spoki-legal__wrap,.spoki-help__wrap{padding:24px 16px 0}
}

/* ============================================================
   SpOki Gift Registry landing — /podarachen-spisak/
   Added 2026-06-17. Scoped under .spoki-gr. Uses existing --spoki-* tokens.
   ============================================================ */
.spoki-gr{max-width:1080px;margin:0 auto;color:var(--spoki-slate,#2A2D34)}
.spoki-gr *{box-sizing:border-box}

/* hero intro card */
.spoki-gr__hero{background:var(--spoki-cream-bg,#FFF7EB);border:1px solid var(--spoki-sand,#E8DDD2);border-radius:24px;padding:34px 28px;text-align:center;position:relative;overflow:hidden;margin:8px 0 6px}
.spoki-gr__hero::after{content:"";position:absolute;right:-46px;top:-46px;width:170px;height:170px;border-radius:50%;background:rgba(103,214,227,.12);pointer-events:none}
.spoki-gr__eyebrow{font-family:var(--spoki-font-head,'Comfortaa',sans-serif);letter-spacing:.12em;font-size:13px;font-weight:700;color:var(--spoki-teal,#19B0B6);margin:0 0 10px;position:relative}
.spoki-gr__sub{max-width:680px;margin:0 auto 20px;font-size:17px;line-height:1.6;position:relative}
.spoki-gr__chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:18px 0 0;position:relative}
.spoki-gr__chip{margin:0;background:#fff;border:1px solid var(--spoki-sand,#E8DDD2);border-radius:999px;padding:8px 16px;font-size:14px;font-weight:600;color:var(--spoki-slate,#2A2D34)}

/* CTA buttons */
.spoki-gr .wp-block-buttons.spoki-gr__ctas{justify-content:center;gap:12px;position:relative}
.spoki-gr .spoki-gr__btn a.wp-block-button__link{border-radius:999px!important;font-family:var(--spoki-font-head,'Comfortaa',sans-serif);font-weight:700;padding:14px 30px;text-transform:none;letter-spacing:normal}
.spoki-gr .spoki-gr__btn--primary a.wp-block-button__link{background-color:var(--spoki-orange,#FF8A00)!important;background-image:none!important;color:#fff!important;box-shadow:none!important}
.spoki-gr .spoki-gr__btn--ghost a.wp-block-button__link{background-color:transparent!important;background-image:none!important;color:var(--spoki-teal,#19B0B6)!important;box-shadow:inset 0 0 0 2px var(--spoki-teal,#19B0B6)!important}

/* section titles */
.spoki-gr__h2{font-family:var(--spoki-font-head,'Comfortaa',sans-serif);color:var(--spoki-slate,#2A2D34);font-size:clamp(22px,3.4vw,30px);margin:40px 0 20px;scroll-margin-top:110px}

/* card grids */
.spoki-gr__grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin:0 0 8px}
.spoki-gr__card{background:#fff;border:1px solid var(--spoki-sand,#E8DDD2);border-radius:var(--spoki-radius-card,16px);padding:24px 22px;box-shadow:var(--spoki-shadow-card,0 2px 12px rgba(43,59,64,.07));position:relative}
.spoki-gr__card h3{font-family:var(--spoki-font-head,'Comfortaa',sans-serif);color:var(--spoki-teal,#19B0B6);font-size:18px;margin:0 0 8px}
.spoki-gr__card p{margin:0;line-height:1.6;color:var(--spoki-slate,#2A2D34);font-size:15px}
.spoki-gr__num{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--spoki-cream-bg,#FFF7EB);border:1px solid var(--spoki-sand,#E8DDD2);color:var(--spoki-teal,#19B0B6);font-family:var(--spoki-font-head,'Comfortaa',sans-serif);font-weight:700;margin:0 0 12px!important}
.spoki-gr__card--soon{border-style:dashed;border-color:var(--spoki-teal,#19B0B6)}
.spoki-gr__soon{display:inline-block;background:var(--spoki-teal,#19B0B6);color:#fff;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:3px 10px;margin:0 0 10px!important}

/* CTA band */
.spoki-gr__band{background:var(--spoki-cream-bg,#FFF7EB);border:1px solid var(--spoki-sand,#E8DDD2);border-radius:24px;padding:38px 28px;text-align:center;margin:44px 0 8px}
.spoki-gr__band-h{font-family:var(--spoki-font-head,'Comfortaa',sans-serif);color:var(--spoki-slate,#2A2D34);font-size:clamp(22px,3.4vw,30px);margin:0 0 10px}
.spoki-gr__band-p{max-width:620px;margin:0 auto 20px;line-height:1.6}
.spoki-gr__band-link{margin:14px 0 0}
.spoki-gr__band-link a{color:var(--spoki-teal,#19B0B6);font-weight:700;text-decoration:underline}

/* FAQ */
.spoki-gr__faq{max-width:780px;margin:0 auto}
.spoki-gr__faq .wp-block-details{background:#fff;border:1px solid var(--spoki-sand,#E8DDD2);border-radius:var(--spoki-radius-card,16px);padding:4px 22px;margin:0 0 12px;box-shadow:var(--spoki-shadow-card,0 2px 12px rgba(43,59,64,.05))}
.spoki-gr__faq summary{font-family:var(--spoki-font-head,'Comfortaa',sans-serif);color:var(--spoki-slate,#2A2D34);font-weight:700;font-size:16px;cursor:pointer;padding:14px 0;list-style-position:inside}
.spoki-gr__faq p{color:var(--spoki-slate,#2A2D34);line-height:1.7;margin:0 0 12px}
.spoki-gr__faq a{color:var(--spoki-teal,#19B0B6)}

/* mobile */
@media(max-width:768px){
  .spoki-gr__hero,.spoki-gr__band{padding:26px 18px;border-radius:20px}
  .spoki-gr__grid{grid-template-columns:1fr;gap:14px}
  .spoki-gr .wp-block-buttons.spoki-gr__ctas{flex-direction:column;align-items:stretch}
  .spoki-gr__btn a,.spoki-gr__btn .wp-block-button__link{display:block;text-align:center}
}

/* ============================================================
   SpOki Toy Finder page — /nameri-podarak/  (award-worthy rebuild)
   Added 2026-06-18. Scoped under .spoki-pp. Spec palette (hardcoded, page-only).
   ============================================================ */
.spoki-pp{--c-cream:#FFF7EB;--c-teal:#19B0B6;--c-blue:#2E3A67;--c-ink:#2A2D34;--c-orange:#FF8A00;--c-bd:#EADFD3;--c-mut:#6b6f78;--hd:'Comfortaa','Nunito',sans-serif;color:var(--c-ink);font-family:'Nunito',sans-serif}
.spoki-pp *{box-sizing:border-box}
.spoki-pp h1,.spoki-pp h2,.spoki-pp h3{font-family:var(--hd);color:var(--c-blue)}
.spoki-pp__in{max-width:1180px;margin:0 auto;padding:0 20px}
.spoki-pp__sec{padding:64px 0}
.spoki-pp__h2{font-size:clamp(24px,3.2vw,32px);text-align:center;margin:0 0 8px;line-height:1.2}
.spoki-pp__sub{text-align:center;max-width:680px;margin:0 auto 32px;color:var(--c-ink);line-height:1.6}

/* ---------- SECTION 1: wave hero ---------- */
.spoki-pp__hero{position:relative;background:var(--c-cream);padding:56px 0 92px;overflow:hidden}
.spoki-pp__hero::before{content:"";position:absolute;right:-80px;top:-60px;width:280px;height:280px;border-radius:50%;background:rgba(25,176,182,.08);pointer-events:none}
.spoki-pp__hero::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:60px;background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201440%2060'%20preserveAspectRatio='none'%3E%3Cpath%20d='M0%2060%20L1440%2060%20L1440%2024%20C1160%2056%20940%2034%20720%2020%20C480%204%20240%2052%200%2026%20Z'%20fill='%23ffffff'/%3E%3C/svg%3E") center bottom/100% 100% no-repeat;pointer-events:none}
.spoki-pp__herogrid{display:grid;grid-template-columns:48% 52%;gap:40px;align-items:center;position:relative;z-index:1}
.spoki-pp__h1{font-size:clamp(30px,4.4vw,44px);line-height:1.12;margin:0 0 16px;color:var(--c-blue)}
.spoki-pp__lead p{font-size:17px;line-height:1.6;margin:0 0 12px;color:var(--c-ink)}
.spoki-pp__proof{font-weight:700;color:var(--c-teal);line-height:1.5;margin:8px 0 22px}
.spoki-pp__cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.spoki-pp__btn{display:inline-block;font-family:var(--hd);font-weight:700;text-decoration:none;border-radius:999px;padding:15px 30px;font-size:16px;cursor:pointer;border:0;transition:filter .15s,background .15s}
.spoki-pp__btn--primary{background:var(--c-orange);color:#fff}
.spoki-pp__btn--primary:hover{filter:brightness(.95)}
.spoki-pp__btn--ghost{background:transparent;color:var(--c-teal);box-shadow:inset 0 0 0 2px var(--c-teal)}
.spoki-pp__btn--ghost:hover{background:rgba(25,176,182,.08)}
.spoki-pp__microtrust{display:none}

/* finder card framing in hero right column */
.spoki-pp__assistant .spoki-toy-finder{max-width:none;margin:0;padding:0}
.spoki-pp__assistant .spoki-tf-quiz{background:#fff;border:1px solid var(--c-bd);border-radius:22px;box-shadow:0 18px 48px rgba(46,58,103,.10);padding:22px}
.spoki-pp__assistant .spoki-tf-progress{margin:0 0 18px}
.spoki-pp__assistant .spoki-tf-progress li{border-color:var(--c-bd)}
.spoki-pp__assistant .spoki-tf-progress li span{background:#EFE7DA;color:var(--c-mut)}
.spoki-pp__assistant .spoki-tf-progress li.is-active span,.spoki-pp__assistant .spoki-tf-progress li.is-done span{background:var(--c-teal);color:#fff}
.spoki-pp__assistant .spoki-tf-progress li.is-active{border-color:var(--c-teal);color:var(--c-blue)}
.spoki-pp__assistant .spoki-tf-panel{background:transparent;border:0;box-shadow:none;padding:0}
.spoki-pp__assistant .spoki-tf-step legend{color:var(--c-blue)}
.spoki-pp__assistant .spoki-tf-chip{border-radius:14px;border:1.5px solid var(--c-bd);color:var(--c-ink);font-weight:600}
.spoki-pp__assistant .spoki-tf-chip:hover{border-color:var(--c-teal)}
.spoki-pp__assistant .spoki-tf-chip.is-selected{background:var(--c-teal);border-color:var(--c-teal);color:#fff}
.spoki-pp__assistant .spoki-tf-next{background:var(--c-orange);color:#fff}
.spoki-pp__assistant .spoki-tf-next:disabled{background:#F3E7D6;color:#B9A88E;cursor:not-allowed}
.spoki-pp__assistant .spoki-tf-back,.spoki-pp__assistant .spoki-tf-skip{border:1.5px solid var(--c-bd);color:var(--c-blue)}

/* ---------- generic cards ---------- */
.spoki-pp__card{background:#fff;border:1px solid var(--c-bd);border-radius:20px;padding:24px 22px;box-shadow:0 6px 20px rgba(46,58,103,.05)}
.spoki-pp__card h3{font-size:17px;margin:0 0 8px;color:var(--c-blue)}
.spoki-pp__card p{margin:0;line-height:1.55;color:var(--c-ink);font-size:15px}
.spoki-pp__ic{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:rgba(25,176,182,.12);color:var(--c-teal);margin:0 0 12px;font-size:22px;font-weight:700}

/* SECTION 2: trust cards */
.spoki-pp__trust{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.spoki-pp__trust .spoki-pp__card{padding:20px 18px}
.spoki-pp__trust h3{font-size:15px}
.spoki-pp__trust p{font-size:14px}

/* SECTION 3: before/after */
.spoki-pp__ba{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:0 0 26px}
.spoki-pp__bacard{border-radius:20px;padding:26px 24px;border:1px solid var(--c-bd)}
.spoki-pp__bacard h3{font-size:19px;margin:0 0 14px}
.spoki-pp__bacard ul{margin:0;padding-left:22px}
.spoki-pp__bacard li{line-height:1.8}
.spoki-pp__before{background:#FBEFE6}
.spoki-pp__before h3{color:#9A5A2B}
.spoki-pp__after{background:#E7F6F3}
.spoki-pp__after h3{color:#0F7E78}
.spoki-pp__bacta{text-align:center}

/* SECTION 4 + 6: process / benefit grids */
.spoki-pp__grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.spoki-pp__grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}

/* SECTION 5: example result cards */
.spoki-pp__results{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.spoki-pp__rcard{display:flex;flex-direction:column;background:#fff;border:1px solid var(--c-bd);border-radius:20px;overflow:hidden;box-shadow:0 6px 20px rgba(46,58,103,.05)}
.spoki-pp__rimg{display:block;aspect-ratio:1/1;background:#faf7f1}
.spoki-pp__rimg img{width:100%;height:100%;object-fit:contain}
.spoki-pp__rbody{display:flex;flex-direction:column;gap:6px;padding:16px 18px 18px;flex:1}
.spoki-pp__rname{font-family:var(--hd);font-size:16px;color:var(--c-blue);margin:0;line-height:1.3}
.spoki-pp__rmeta{font-size:13px;color:var(--c-ink);margin:0}
.spoki-pp__rmeta b{color:var(--c-blue)}
.spoki-pp__rprice{font-family:var(--hd);font-weight:700;color:var(--c-blue);margin:2px 0}
.spoki-pp__rcta{margin-top:auto;display:inline-block;text-align:center;background:var(--c-teal);color:#fff;font-weight:700;text-decoration:none;border-radius:999px;padding:11px 14px;font-size:14px;font-family:var(--hd)}
.spoki-pp__rcta:hover{filter:brightness(.96);color:#fff}

/* SECTION 7: FAQ */
.spoki-pp__faq{max-width:820px;margin:0 auto}
.spoki-pp__faq details{background:#fff;border:1px solid var(--c-bd);border-radius:16px;padding:2px 22px;margin:0 0 12px;box-shadow:0 4px 16px rgba(46,58,103,.04)}
.spoki-pp__faq summary{font-family:var(--hd);font-weight:700;color:var(--c-blue);cursor:pointer;padding:16px 0;list-style:none}
.spoki-pp__faq summary::-webkit-details-marker{display:none}
.spoki-pp__faq summary::after{content:"+";float:right;color:var(--c-teal);font-size:22px;line-height:1}
.spoki-pp__faq details[open] summary::after{content:"\2212"}
.spoki-pp__faq p{margin:0 0 16px;line-height:1.7;color:var(--c-ink)}

/* SECTION 8: final CTA */
.spoki-pp__final{background:#E7F6F3;border-radius:0}
.spoki-pp__final .spoki-pp__in{text-align:center}
.spoki-pp__final h2{color:var(--c-blue)}
.spoki-pp__final p{max-width:620px;margin:0 auto 22px;line-height:1.6}
.spoki-pp__finalcta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* ---------- tablet ---------- */
@media(max-width:1024px){
  .spoki-pp__trust{grid-template-columns:repeat(3,1fr)}
  .spoki-pp__grid4{grid-template-columns:repeat(2,1fr)}
  .spoki-pp__results{grid-template-columns:repeat(2,1fr)}
}
/* ---------- mobile ---------- */
@media(max-width:781px){
  .spoki-pp__sec{padding:36px 0}
  .spoki-pp__hero{padding:36px 0 70px}
  .spoki-pp__herogrid{grid-template-columns:1fr;gap:22px}
  .spoki-pp__cta{flex-direction:column;align-items:stretch}
  .spoki-pp__btn{text-align:center}
  .spoki-pp__ba,.spoki-pp__grid3,.spoki-pp__grid4,.spoki-pp__results{grid-template-columns:1fr}
  /* trust = horizontal scroll */
  .spoki-pp__trust{display:flex;overflow-x:auto;gap:14px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:6px}
  .spoki-pp__trust .spoki-pp__card{flex:0 0 75%;scroll-snap-align:start}
  .spoki-pp__microtrust{display:flex;flex-wrap:wrap;gap:8px 14px;justify-content:center;margin-top:18px;font-size:13px;color:var(--c-mut)}
  .spoki-pp__microtrust span{position:relative;padding-left:16px}
  .spoki-pp__microtrust span::before{content:"\2713";position:absolute;left:0;color:var(--c-teal);font-weight:700}
}

/* SpOki Best Sellers Banner (shop sidebar) */
.spoki-bs-banner{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#19B0B6;color:#fff;border-radius:18px;padding:26px 18px;margin:0 0 24px;text-decoration:none;font-family:'Comfortaa','Nunito',sans-serif}
.spoki-bs-banner b{font-size:22px;font-weight:700;line-height:1.1}
.spoki-bs-banner span{display:inline-block;margin-top:14px;background:#fff;color:#00838A;font-weight:700;border-radius:999px;padding:9px 22px;font-size:14px}
.spoki-bs-banner:hover span{background:#FF8A00;color:#fff}

/* ===== PART 1b: category & shop archive hero (same global SpOki Page Title Hero with Breadcrumbs) ===== */
body.tax-product_cat .wd-page-title,
body.post-type-archive-product .wd-page-title,
body.spoki-brand .wd-page-title{
  position:relative;overflow:hidden;margin:0;
  padding:54px 20px 92px !important;
  background-color:var(--spoki-cream-bg,#FFF7EB) !important;
  background-image:
    radial-gradient(closest-side at 7% 16%, rgba(253,240,227,.7), transparent 72%),
    radial-gradient(circle at 90% 24%, rgba(103,214,227,.16) 0 86px, transparent 88px) !important;
  background-repeat:no-repeat !important;
  text-align:center;
}
body.tax-product_cat .wd-page-title::before,
body.post-type-archive-product .wd-page-title::before,
body.spoki-brand .wd-page-title::before{
  content:"";position:absolute;top:-46px;right:6%;width:150px;height:150px;
  border:2px dashed rgba(1,167,173,.28);border-radius:50%;z-index:0;pointer-events:none;
}
body.tax-product_cat .wd-page-title::after,
body.post-type-archive-product .wd-page-title::after,
body.spoki-brand .wd-page-title::after{
  content:"";position:absolute;left:0;right:0;bottom:-1px;height:46px;z-index:1;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2046'%20preserveAspectRatio%3D'none'%3E%3Cpath%20d%3D'M0%2046%20L1440%2046%20L1440%2018%20C1200%2044%20960%2030%20720%2016%20C480%202%20240%2040%200%2020%20Z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") center bottom / 100% 100% no-repeat;
}
body.tax-product_cat .wd-page-title .entry-title,
body.tax-product_cat .wd-page-title .title,
body.post-type-archive-product .wd-page-title .entry-title,
body.post-type-archive-product .wd-page-title .title{
  position:relative;z-index:2;
  font-family:var(--spoki-font-head,'Comfortaa',sans-serif);color:var(--spoki-slate,#2E3A67);
  font-size:clamp(28px,5vw,44px);line-height:1.15;margin:0 0 10px;
}
body.tax-product_cat .wd-page-title .wd-breadcrumbs,
body.post-type-archive-product .wd-page-title .wd-breadcrumbs{position:relative;z-index:2;color:var(--spoki-slate-mid,#54656B);font-size:14px}
body.tax-product_cat .wd-page-title .wd-breadcrumbs a,
body.post-type-archive-product .wd-page-title .wd-breadcrumbs a{color:var(--spoki-teal,#19B0B6)}
@media(max-width:767px){
  body.tax-product_cat .wd-page-title,
  body.post-type-archive-product .wd-page-title{padding:34px 16px 60px !important}
  body.tax-product_cat .wd-page-title::before,
  body.post-type-archive-product .wd-page-title::before{width:104px;height:104px;top:-30px;right:-14px;opacity:.7}
}
/**
 * SPOKI GLOBAL LOCKED RULE: hero breadcrumb order
 * Page Title Hero with Breadcrumbs.
 * H1 first, breadcrumbs below; no back-arrow inside the title.
 * Category/shop breadcrumb shown under the H1 in the hero; toolbar copy hidden to avoid duplication.
 */
/* remove WoodMart back-arrow from every page-title hero (H1 must be clean) */
.wd-page-title .wd-back-btn{display:none !important}
/* category/shop: hide the duplicate breadcrumb in the shop toolbar (hero shows it under the H1) */
body.tax-product_cat .wd-shop-tools .wd-breadcrumbs,
body.tax-product_cat .shop-loop-head .woocommerce-breadcrumb,
body.post-type-archive-product .wd-shop-tools .wd-breadcrumbs,
body.post-type-archive-product .shop-loop-head .woocommerce-breadcrumb{display:none !important}
/* center the injected hero breadcrumb on category/shop heroes, directly under the H1 */
body.tax-product_cat .wd-page-title .wd-breadcrumbs,
body.post-type-archive-product .wd-page-title .wd-breadcrumbs{display:block;text-align:center;margin-top:8px;position:relative;z-index:2}
body.tax-product_cat .wd-page-title .wd-breadcrumbs a,
body.post-type-archive-product .wd-page-title .wd-breadcrumbs a{color:var(--spoki-teal,#19B0B6)}
/* SPOKI GLOBAL LOCKED RULE: hero woocommerce-breadcrumb (category/shop) centered under H1 */
body.tax-product_cat .wd-page-title .woocommerce-breadcrumb,
body.post-type-archive-product .wd-page-title .woocommerce-breadcrumb{display:block;position:relative;z-index:2;text-align:center;margin-top:8px;color:var(--spoki-slate-mid,#54656B);font-size:14px}
body.tax-product_cat .wd-page-title .woocommerce-breadcrumb a,
body.post-type-archive-product .wd-page-title .woocommerce-breadcrumb a{color:var(--spoki-teal,#19B0B6)}

/* SPOKI GLOBAL LOCKED RULE: wd-title-wrapp stack (category/shop) - H1 above, breadcrumb below, centered */
body.tax-product_cat .wd-page-title .wd-title-wrapp,
body.post-type-archive-product .wd-page-title .wd-title-wrapp{display:block !important;text-align:center}

/**
 * SPOKI GLOBAL LOCKED RULE:
 * Section Heading Taxonomy
 * Applies to all Gutenberg/WoodMart page content sections.
 * Level 2 = compact AEO intro, no heading.
 * Level 3 = teal overline + question H2 + short subtitle.
 * Do not change without owner approval.
 */
/* LEVEL 2: compact AEO category intro (one paragraph; no heading/label/button/read-more) */
.spoki-category-intro{max-width:760px;margin:20px auto 18px;padding:0 16px;font-size:16px;line-height:1.6;color:#2A2D34;text-align:center}
.spoki-category-intro p{margin:0}
@media(max-width:781px){.spoki-category-intro{margin:16px auto 14px;font-size:15px;text-align:left}}
/* LEVEL 3: approved section heading taxonomy (teal overline + question H2 + short subtitle) */
.spoki-section-heading{max-width:760px;margin:0 auto 18px;text-align:center}
.spoki-section-eyebrow{font-family:'Comfortaa','Nunito',sans-serif;text-transform:uppercase;letter-spacing:.12em;font-size:13px;font-weight:700;color:#00838A;margin:0 0 8px}
.spoki-section-title{font-family:'Comfortaa','Nunito',sans-serif;color:#2E3A67;font-size:clamp(26px,3.4vw,40px);line-height:1.2;margin:0 0 10px}
.spoki-section-subtitle{max-width:720px;margin:0 auto;font-size:16px;line-height:1.6;color:#2A2D34}
@media(max-width:781px){.spoki-section-title{font-size:clamp(26px,7vw,32px)}.spoki-section-subtitle{font-size:15px}}
/* SPOKI LOCKED RULE: tighten category intro top gap (no large empty space under hero) */
body.tax-product_cat .wd-content-layout,
body.post-type-archive-product .wd-content-layout{padding-top:0 !important}

/**
 * SPOKI GLOBAL LOCKED RULE:
 * Typography and Color System
 * Applies to all Gutenberg/WoodMart content sections.
 * Use approved Cyrillic-safe heading/body fonts (Comfortaa / Nunito, already loaded).
 * Use #19B0B6 for section eyebrows and #2E3A67 for headings.
 * Do not create random greens, random blues or page-specific font systems.
 * Do not change without owner approval.
 */
:root{
  --spoki-color-teal:#19B0B6;
  --spoki-color-trust-blue:#2E3A67;
  --spoki-color-cream:#FFF7EB;
  --spoki-color-charcoal:#2A2D34;
  --spoki-color-warm-neutral:#E7DED3;
  --spoki-color-orange:#FF8A00;
  --spoki-font-heading:'Comfortaa','Nunito',sans-serif;
  --spoki-font-body:'Nunito',sans-serif;
}
/* LEVEL 2: compact AEO category intro */
.spoki-category-intro{max-width:760px;margin:20px auto 18px;padding:0 16px;font-family:var(--spoki-font-body);font-size:16px;line-height:1.6;color:var(--spoki-color-charcoal);text-align:center}
.spoki-category-intro p{margin:0}
@media(max-width:781px){.spoki-category-intro{margin:16px auto 14px;font-size:15px;text-align:left}}
/* LEVEL 3: approved section heading taxonomy (eyebrow + question H2 + short subtitle) */
.spoki-section-heading{max-width:760px;margin:0 auto 20px;text-align:center}
.spoki-section-eyebrow{font-family:var(--spoki-font-heading);text-transform:uppercase;letter-spacing:.18em;font-size:13px;font-weight:700;color:var(--spoki-color-teal);margin:0 0 10px}
.spoki-section-title{font-family:var(--spoki-font-heading);color:var(--spoki-color-trust-blue);font-weight:700;font-size:clamp(28px,3.2vw,42px);line-height:1.2;letter-spacing:-.4px;margin:0 0 10px}
.spoki-section-subtitle{font-family:var(--spoki-font-body);max-width:720px;margin:0 auto;font-size:16px;line-height:1.6;color:var(--spoki-color-charcoal)}
@media(max-width:781px){.spoki-section-eyebrow{font-size:12px}.spoki-section-title{font-size:clamp(27px,7vw,32px)}.spoki-section-subtitle{font-size:15px;text-align:center}}
/* SPOKI LOCKED RULE: lock fonts over theme defaults (Comfortaa headings / Nunito body) */
.spoki-section-eyebrow{font-family:var(--spoki-font-heading)!important}
.spoki-section-title{font-family:var(--spoki-font-heading)!important}
.spoki-section-subtitle,
.spoki-category-intro,
.spoki-category-intro p{font-family:var(--spoki-font-body)!important}

/* SPOKI LOCKED RULE: body font collision fix (site --spoki-font-body is Open Sans; lock SpOki body text to Nunito to match approved section) */
.spoki-section-subtitle,
.spoki-category-intro,
.spoki-category-intro p{font-family:'Nunito',sans-serif!important}


/* ===== SpOki bold fix BEGIN ===== */
.woocommerce-product-details__short-description strong,
.woocommerce-product-details__short-description b,
.woocommerce-Tabs-panel strong,
.woocommerce-Tabs-panel b,
.wd-product-tabs strong,
.wd-product-tabs b,
.product-short-description strong,
.product-short-description b,
.woocommerce-product-details__short-description li strong,
.entry-content strong,
.entry-content b,
.term-description strong,
.term-description b{font-weight:700 !important;}
/* ===== SpOki bold fix END ===== */

/* SPOKI LOCKED RULE: quick-choice wave section (reusable visual quick-choice pattern) */
.spoki-wave-section{position:relative;width:100%;background:var(--spoki-color-cream,#FFF7EB);margin:40px 0;padding:60px 0 66px;overflow:hidden}
.spoki-wave-section::before{content:'';position:absolute;left:0;right:0;top:-1px;height:40px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2046'%20preserveAspectRatio%3D'none'%3E%3Cpath%20d%3D'M0%2046%20L1440%2046%20L1440%2018%20C1200%2044%20960%2030%20720%2016%20C480%202%20240%2040%200%2020%20Z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") center top/100% 100% no-repeat;transform:scaleY(-1);z-index:1;pointer-events:none}
.spoki-wave-section::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:40px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2046'%20preserveAspectRatio%3D'none'%3E%3Cpath%20d%3D'M0%2046%20L1440%2046%20L1440%2018%20C1200%2044%20960%2030%20720%2016%20C480%202%20240%2040%200%2020%20Z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") center bottom/100% 100% no-repeat;z-index:1;pointer-events:none}
.spoki-wave-section__in{position:relative;z-index:2;max-width:1100px;margin:0 auto;padding:0 20px}
.spoki-quick-choice{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;max-width:1040px;margin:22px auto 0}
.spoki-quick-choice-item{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:4px;background:#fff;border:1.5px solid var(--spoki-color-warm-neutral,#E7DED3);border-radius:18px;padding:18px 12px;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s}
a.spoki-quick-choice-item:hover{border-color:var(--spoki-color-teal,#19B0B6);box-shadow:0 8px 20px rgba(46,58,103,.07);transform:translateY(-2px)}
.spoki-quick-choice-title{font-family:var(--spoki-font-heading,'Comfortaa',sans-serif)!important;font-weight:700;color:var(--spoki-color-trust-blue,#2E3A67);font-size:15px;line-height:1.2}
.spoki-quick-choice-text{font-family:'Nunito',sans-serif!important;color:var(--spoki-color-charcoal,#2A2D34);font-size:12.5px;line-height:1.3;opacity:.85}
.spoki-quick-choice-gift{background:#FFF1E0;border-color:#FFD9AE}
.spoki-quick-choice-gift .spoki-quick-choice-title{color:#E07600}
a.spoki-quick-choice-gift:hover{border-color:var(--spoki-color-orange,#FF8A00)}
@media(max-width:781px){.spoki-wave-section{padding:42px 0 48px;margin:28px 0}.spoki-quick-choice{grid-template-columns:repeat(2,1fr);gap:10px}.spoki-quick-choice-item{padding:14px 10px}}

/**
 * SPOKI GLOBAL LOCKED RULE: Typography global rollout
 * Comfortaa = headings/section titles; Nunito = body/UI/nav/menu/footer.
 * Teal #19B0B6; heading blue #2E3A67; body #2A2D34; cream #FFF7EB; CTA orange #FF8A00.
 * Do not change without owner approval. Checkout/account/cart excluded from body-font flip.
 */
.wd-page-title .entry-title,.wd-page-title .title{font-family:'Comfortaa','Nunito',sans-serif!important;color:#2E3A67!important}
body:not(.woocommerce-checkout):not(.woocommerce-cart):not(.woocommerce-account){--spoki-font-body:'Nunito',Arial,sans-serif;font-family:'Nunito',Arial,sans-serif}
.spoki-disc__eyebrow{color:#00838A!important}
.spoki-disc__h2,.spoki-disc__title{color:#2E3A67!important}

/* SPOKI LOCKED RULE: homepage eyebrow specificity (beat Gutenberg .has-color !important) */
p.spoki-disc__eyebrow,
.spoki-disc__eyebrow.has-text-color,
.spoki-disc .spoki-disc__eyebrow{color:#00838A!important}

/* SPOKI LOCKED RULE: remap legacy teal token #19B0B6 -> approved #19B0B6 (eliminate old teal globally) */
:root,body{--spoki-teal:#19B0B6}

/**
 * SPOKI GLOBAL DESIGN SYSTEM LOCK
 * Typography, colors, spacing and reusable UI components.
 * Approved: Comfortaa headings, Nunito body, #19B0B6 teal, #2E3A67 headings.
 * Applies to pages, categories, menus, mega menu, product cards, filters, FAQs and SpOki Gutenberg sections.
 * Do not create one-off page typography or random colors without owner approval.
 */
:root{
  --spoki-color-soft-teal-bg:#E8F7F5;
  --spoki-color-white:#FFFFFF;
  --spoki-radius-sm:12px;
  --spoki-radius-md:18px;
  --spoki-radius-lg:26px;
  --spoki-radius-pill:999px;
  --spoki-shadow-soft:0 8px 24px rgba(46,58,103,.08);
  --spoki-border-soft:1px solid var(--spoki-color-warm-neutral,#E7DED3);
  --spoki-container-wide:1240px;
  --spoki-container-readable:760px;
}
/* Cards (opt-in, reusable) */
.spoki-card{background:var(--spoki-color-white);border:var(--spoki-border-soft);border-radius:var(--spoki-radius-md);box-shadow:var(--spoki-shadow-soft);padding:20px}
.spoki-helper-card{background:var(--spoki-color-soft-teal-bg);border:1px solid #CFEDEA;border-radius:var(--spoki-radius-md);padding:20px}
/* Buttons (opt-in) */
.spoki-btn{display:inline-block;font-family:var(--spoki-font-body,'Nunito',sans-serif);font-weight:800;text-decoration:none;border-radius:var(--spoki-radius-pill);padding:13px 26px;font-size:15px;line-height:1;cursor:pointer;border:0;text-align:center}
.spoki-btn-primary,.spoki-btn-orange{background:var(--spoki-color-orange,#FF8A00);color:#fff}
.spoki-btn-primary:hover,.spoki-btn-orange:hover{filter:brightness(.96);color:#fff}
.spoki-btn-secondary,.spoki-btn-teal{background:transparent;color:var(--spoki-color-teal,#19B0B6);box-shadow:inset 0 0 0 2px var(--spoki-color-teal,#19B0B6)}
.spoki-btn-secondary:hover,.spoki-btn-teal:hover{background:var(--spoki-color-soft-teal-bg,#E8F7F5)}
/* FAQ (opt-in) */
.spoki-faq-section{max-width:var(--spoki-container-readable);margin:0 auto}
.spoki-faq-item{background:var(--spoki-color-white);border:var(--spoki-border-soft);border-radius:var(--spoki-radius-sm);padding:2px 18px;margin:0 0 10px}
.spoki-faq-question{font-family:var(--spoki-font-heading,'Comfortaa',sans-serif);font-weight:700;color:var(--spoki-color-trust-blue,#2E3A67)}
.spoki-faq-answer{font-family:var(--spoki-font-body,'Nunito',sans-serif);color:var(--spoki-color-charcoal,#2A2D34);line-height:1.65}
/* Chips / badges (opt-in) */
.spoki-chip{display:inline-block;font-family:var(--spoki-font-heading,'Comfortaa',sans-serif);font-weight:700;font-size:14px;border-radius:var(--spoki-radius-pill);padding:8px 16px;background:#fff;border:1.5px solid var(--spoki-color-warm-neutral,#E7DED3);color:var(--spoki-color-trust-blue,#2E3A67);text-decoration:none}
.spoki-chip-active{background:var(--spoki-color-teal,#19B0B6);border-color:var(--spoki-color-teal,#19B0B6);color:#fff}
.spoki-badge{display:inline-block;font-family:var(--spoki-font-body,'Nunito',sans-serif);font-weight:700;font-size:12px;border-radius:var(--spoki-radius-pill);padding:3px 10px}
.spoki-age-badge{background:var(--spoki-color-soft-teal-bg,#E8F7F5);color:var(--spoki-color-trust-blue,#2E3A67)}
.spoki-stock-badge{background:#FFF1E0;color:#E07600}
/* Full-width wave wrapper standard */
.spoki-wave-section__inner{max-width:var(--spoki-container-wide);margin:0 auto;padding:0 20px}
/**
 * SPOKI GLOBAL LOCKED RULE: Quick Choice Visual Row
 * Full-width wave background. Circular image items only. No rectangular text-card fallback.
 * Do not change without owner approval.
 */
.spoki-wave-section{position:relative;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;background:var(--spoki-color-cream,#FFF7EB);padding:62px 0 70px;overflow:hidden}
.spoki-wave-section::before{content:'';position:absolute;left:0;right:0;top:-1px;height:40px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2046'%20preserveAspectRatio%3D'none'%3E%3Cpath%20d%3D'M0%2046%20L1440%2046%20L1440%2018%20C1200%2044%20960%2030%20720%2016%20C480%202%20240%2040%200%2020%20Z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") center top/100% 100% no-repeat;transform:scaleY(-1);z-index:1;pointer-events:none}
.spoki-wave-section::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:40px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2046'%20preserveAspectRatio%3D'none'%3E%3Cpath%20d%3D'M0%2046%20L1440%2046%20L1440%2018%20C1200%2044%20960%2030%20720%2016%20C480%202%20240%2040%200%2020%20Z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") center bottom/100% 100% no-repeat;z-index:1;pointer-events:none}
.spoki-wave-section__inner{position:relative;z-index:2;max-width:var(--spoki-container-wide,1240px);margin:0 auto;padding:0 20px}
.spoki-quick-choice{display:flex!important;flex-wrap:nowrap;gap:16px;justify-content:center;align-items:flex-start;max-width:1080px;margin:24px auto 0}
.spoki-quick-choice .spoki-quick-choice__item{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;background:transparent;border:0;box-shadow:none;padding:0;margin:0}
.spoki-quick-choice__image{margin:0 auto}
.spoki-quick-choice__image img{width:124px;height:124px;border-radius:50%;object-fit:cover;border:2px dashed var(--spoki-color-teal,#19B0B6);padding:5px;background:#fff;box-sizing:border-box;display:block}
.spoki-quick-choice__gift .spoki-quick-choice__image img{border-color:var(--spoki-color-orange,#FF8A00)}
.spoki-quick-choice__title{margin:8px 0 0!important;font-family:var(--spoki-font-heading,'Comfortaa',sans-serif)!important;font-weight:700;font-size:15px;line-height:1.2}
.spoki-quick-choice__title a{color:var(--spoki-color-trust-blue,#2E3A67);text-decoration:none}
.spoki-quick-choice__title a:hover{color:var(--spoki-color-teal,#19B0B6)}
.spoki-quick-choice__gift .spoki-quick-choice__title a{color:#E07600}
.spoki-quick-choice__text{margin:0!important;font-family:'Nunito',sans-serif!important;font-size:12.5px;line-height:1.3;color:var(--spoki-color-charcoal,#2A2D34);opacity:.85}
@media(max-width:781px){.spoki-wave-section{padding:42px 0 50px}.spoki-quick-choice{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;gap:12px;padding-bottom:8px;-webkit-overflow-scrolling:touch}.spoki-quick-choice .spoki-quick-choice__item{flex:0 0 116px}.spoki-quick-choice__image img{width:100px;height:100px}}

/* quick-choice mobile scroll force */
@media(max-width:781px){
.spoki-wave-section .spoki-quick-choice{overflow-x:auto!important;flex-wrap:nowrap!important;justify-content:flex-start!important}
.spoki-wave-section .spoki-quick-choice>.spoki-quick-choice__item{flex:0 0 120px!important;width:120px!important;max-width:120px!important}
.spoki-wave-section .spoki-quick-choice__image img{width:100px!important;height:100px!important}
}

/**
 * SPOKI GLOBAL LOCKED COMPONENT: Circular Choice Row
 * Used for homepage discovery, category quick choice, gift/age/skill sections.
 * Circular images, dashed borders, pill labels, short helper text. No rectangular card fallback.
 * Do not change without owner approval.
 */
.spoki-circular-choice{position:relative;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;background:var(--spoki-color-cream,#FFF7EB);padding:62px 0 72px;overflow:hidden}
.spoki-circular-choice::before{content:'';position:absolute;left:0;right:0;top:-1px;height:40px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2046'%20preserveAspectRatio%3D'none'%3E%3Cpath%20d%3D'M0%2046%20L1440%2046%20L1440%2018%20C1200%2044%20960%2030%20720%2016%20C480%202%20240%2040%200%2020%20Z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") center top/100% 100% no-repeat;transform:scaleY(-1);z-index:1;pointer-events:none}
.spoki-circular-choice::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:40px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201440%2046'%20preserveAspectRatio%3D'none'%3E%3Cpath%20d%3D'M0%2046%20L1440%2046%20L1440%2018%20C1200%2044%20960%2030%20720%2016%20C480%202%20240%2040%200%2020%20Z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") center bottom/100% 100% no-repeat;z-index:1;pointer-events:none}
.spoki-circular-choice__inner{position:relative;z-index:2;max-width:1240px;margin:0 auto;padding:0 20px}
.spoki-circular-choice__grid{display:flex!important;flex-wrap:nowrap;gap:18px;justify-content:center;align-items:flex-start;max-width:1120px;margin:28px auto 0}
.spoki-circular-choice .spoki-circular-choice__item{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;background:transparent;border:0;box-shadow:none;padding:0;margin:0}
.spoki-circular-choice__image{margin:0 auto}
.spoki-circular-choice__image img{width:132px;height:132px;border-radius:50%;object-fit:cover;border:3px dashed rgba(25,176,182,.55);padding:6px;background:#fff;box-sizing:border-box;display:block}
.spoki-circular-choice__gift .spoki-circular-choice__image img{border-color:rgba(255,138,0,.6)}
.spoki-circular-choice__pill{margin:0!important;line-height:1}
.spoki-circular-choice__pill a{display:inline-block;background:var(--spoki-color-teal,#19B0B6);color:#fff!important;font-family:var(--spoki-font-heading,'Comfortaa',sans-serif)!important;font-weight:700;font-size:15px;line-height:1.2;padding:7px 18px;border-radius:999px;text-decoration:none;transition:filter .15s}
.spoki-circular-choice__pill a:hover{filter:brightness(.95);color:#fff!important}
.spoki-circular-choice__gift .spoki-circular-choice__pill a{background:var(--spoki-color-orange,#FF8A00)}
.spoki-circular-choice__text{margin:0!important;font-family:'Nunito',sans-serif!important;font-size:13.5px;line-height:1.4;color:#54656B}
@media(max-width:1024px){.spoki-circular-choice__grid{flex-wrap:wrap;gap:26px 16px}.spoki-circular-choice .spoki-circular-choice__item{flex:0 0 30%}}
@media(max-width:781px){.spoki-circular-choice{padding:42px 0 52px}.spoki-circular-choice__grid{flex-wrap:nowrap!important;overflow-x:auto!important;justify-content:flex-start!important;gap:14px;padding-bottom:10px;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.spoki-circular-choice .spoki-circular-choice__item{flex:0 0 118px!important;width:118px!important;max-width:118px!important;scroll-snap-align:start}.spoki-circular-choice__image img{width:98px!important;height:98px!important}.spoki-circular-choice__pill a{font-size:14px;padding:6px 15px}}

/**
 * SPOKI GLOBAL LOCKED COMPONENT: AEO FAQ Section
 * Converts long category descriptions into atomic FAQ answers (below products).
 * Native <details>, lightweight, visible in HTML, AEO-friendly. No JS.
 * Do not change without owner approval.
 */
.spoki-faq-section{max-width:960px;margin:34px auto 8px;padding:0 20px}
.spoki-faq-section__inner{margin:0 auto}
.spoki-faq-heading{text-align:center;margin:0 0 22px}
.spoki-faq-eyebrow{font-family:var(--spoki-font-heading,'Comfortaa',sans-serif)!important;text-transform:uppercase;letter-spacing:.16em;font-size:13px;font-weight:700;color:var(--spoki-color-teal,#19B0B6);margin:0 0 8px}
.spoki-faq-title{font-family:var(--spoki-font-heading,'Comfortaa',sans-serif)!important;color:var(--spoki-color-trust-blue,#2E3A67);font-size:clamp(26px,3vw,38px);line-height:1.2;margin:0 0 8px}
.spoki-faq-subtitle{font-family:'Nunito',sans-serif!important;color:var(--spoki-color-charcoal,#2A2D34);font-size:16px;line-height:1.6;max-width:640px;margin:0 auto}
.spoki-faq-list{margin:0}
.spoki-faq-item{background:#fff;border:1px solid var(--spoki-color-warm-neutral,#E7DED3);border-radius:14px;margin:0 0 10px;padding:0 20px}
.spoki-faq-question{font-family:'Nunito',sans-serif!important;font-weight:800;color:var(--spoki-color-trust-blue,#2E3A67);cursor:pointer;list-style:none;padding:16px 30px 16px 0;position:relative;font-size:16px;line-height:1.35}
.spoki-faq-question::-webkit-details-marker{display:none}


.spoki-faq-answer{padding:0 0 16px}
.spoki-faq-answer p{font-family:'Nunito',sans-serif!important;color:var(--spoki-color-charcoal,#2A2D34);line-height:1.65;margin:0;font-size:15px}
@media(max-width:781px){.spoki-faq-section{margin:24px auto 6px}.spoki-faq-item{padding:0 16px;margin:0 0 8px}.spoki-faq-question{font-size:16px;padding:10px 26px 10px 0;min-height:44px}}

/* SpOki related links + freshness + helper cards (term-meta driven) */
.spoki-related-links{max-width:1100px;margin:30px auto 6px;padding:0 20px;text-align:center}
.spoki-related-links__h{margin:0 0 14px}
.spoki-related-links__list{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.spoki-related-links__list a{font-family:'Nunito',sans-serif;background:#fff;border:1px solid var(--spoki-color-warm-neutral,#E7DED3);border-radius:999px;padding:8px 16px;color:var(--spoki-color-trust-blue,#2E3A67);text-decoration:none;font-weight:700;font-size:14px}
.spoki-related-links__list a:hover{border-color:var(--spoki-color-teal,#19B0B6);color:var(--spoki-color-teal,#19B0B6)}
.spoki-freshness-block{max-width:760px;margin:16px auto 34px;padding:0 20px;text-align:center;font-family:'Nunito',sans-serif;font-size:13px;color:#54656B;line-height:1.6}
.spoki-helper-cards{max-width:1100px;margin:24px auto;padding:0 20px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.spoki-helper-card{background:var(--spoki-color-soft-teal-bg,#E8F7F5);border:1px solid #CFEDEA;border-radius:18px;padding:20px}
.spoki-helper-card h3{font-family:'Comfortaa',sans-serif;color:#2E3A67;font-size:16px;margin:0 0 6px}
.spoki-helper-card p{font-family:'Nunito',sans-serif;color:#2A2D34;font-size:14px;margin:0 0 10px}
.spoki-helper-card a{font-family:'Nunito',sans-serif;font-weight:800;color:var(--spoki-color-orange,#FF8A00);text-decoration:none}
@media(max-width:781px){.spoki-helper-cards{grid-template-columns:1fr}}

/**
 * SPOKI GLOBAL LOCKED RULE: category archive product grid 4/3/2 + help rail below grid
 * Desktop 4 cols, tablet 3, mobile 2. Help rail moves out of the right sidebar (full-width below).
 * Do not change without owner approval.
 */
.spoki-cat__shopframe{grid-template-columns:212px minmax(0,1fr)!important;gap:34px!important}
.spoki-cat__helptrail{grid-column:1 / -1!important;order:90;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:16px!important;margin-top:30px}
.spoki-cat__productgrid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:26px 22px!important}
@media(max-width:1199px){.spoki-cat__productgrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:900px){.spoki-cat__shopframe{grid-template-columns:1fr!important;gap:18px!important}.spoki-cat__productzone{order:1}.spoki-cat__facetrail{order:2}.spoki-cat__helptrail{order:3;margin-top:18px}}
@media(max-width:767px){.spoki-cat__productgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px 12px!important}.spoki-cat__helptrail{grid-template-columns:1fr!important}}

/* SPOKI GLOBAL LOCKED RULE: category archive age-circle full-bleed (matches homepage spoki-gift-age) */
body.tax-product_cat .spoki-gift-age,body.post-type-archive-product .spoki-gift-age{width:auto;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important}

/* SPOKI LOCKED: category long description (above FAQ) + registry helper card */
.spoki-longdesc{padding:8px 0 4px}
.spoki-category-longdesc{max-width:820px;margin:0 auto;font-family:'Nunito',sans-serif;color:#2A2D34}
.spoki-category-longdesc h2{font-family:'Comfortaa',sans-serif;color:#2E3A67;font-size:1.32rem;line-height:1.3;font-weight:700;margin:1.5em 0 .45em}
.spoki-category-longdesc h2:first-child{margin-top:.2em}
.spoki-category-longdesc p{font-size:1rem;line-height:1.65;margin:0 0 1em}
.spoki-category-longdesc strong{color:#2E3A67}
.spoki-category-longdesc a{color:#00838A;text-decoration:underline}
.spoki-category-longdesc a:hover{color:#00838A}
.spoki-cat__helpcard--gift{background:#FFF7EB;border-color:#E7DED3}
@media(max-width:600px){.spoki-category-longdesc h2{font-size:1.18rem}}

/**
 * SPOKI GLOBAL LOCKED COMPONENT:
 * Pre-Footer Screen-Free Play CTA
 * Full-width wave section before footer.
 * Editable from WordPress admin.
 * Do not show on checkout/cart/account.
 * Do not change without owner approval.
 */
.spoki-prefooter-cta{position:relative;grid-column:1 / -1;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);margin-top:48px;background:var(--spoki-color-cream);padding:34px 20px 42px;overflow:hidden;box-sizing:border-box}
.wd-content-layout:has(> .spoki-prefooter-cta){padding-bottom:0!important}
.spoki-prefooter-cta__wave-top{position:absolute;top:-1px;left:0;right:0;height:44px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 80' preserveAspectRatio='none'%3E%3Cpath fill='%23FFFFFF' d='M0,0 H1440 V40 C1190,82 1000,4 720,42 C470,80 250,2 0,40 Z'/%3E%3C/svg%3E") no-repeat center top;background-size:100% 100%;pointer-events:none;z-index:1}
.spoki-prefooter-cta__wave-bottom{position:absolute;bottom:-1px;left:0;right:0;height:38px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 80' preserveAspectRatio='none'%3E%3Cpath fill='%23E4F4EE' d='M0,80 H1440 V40 C1190,-2 1000,76 720,38 C470,0 250,78 0,40 Z'/%3E%3C/svg%3E") no-repeat center bottom;background-size:100% 100%;pointer-events:none;z-index:1}
.spoki-prefooter-cta__inner{position:relative;z-index:2;max-width:1180px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px 44px;flex-wrap:wrap}
.spoki-prefooter-cta__content{flex:1 1 440px;min-width:280px}
.spoki-prefooter-cta__image{display:none}
.spoki-prefooter-cta__title{font-family:var(--spoki-font-heading)!important;color:var(--spoki-color-heading)!important;font-size:clamp(1.5rem,2.4vw,1.95rem);font-weight:700;margin:0 0 8px;line-height:1.2}
.spoki-prefooter-cta__subtitle{font-family:var(--spoki-font-body);color:var(--spoki-color-text);font-size:1rem;line-height:1.5;margin:0;max-width:560px}
.spoki-prefooter-cta__form{flex:0 1 470px;min-width:300px;display:flex;flex-direction:column;gap:10px}
.spoki-prefooter-cta__row{display:flex;align-items:center;gap:12px;flex-wrap:nowrap}
.spoki-prefooter-cta__input{border-radius:var(--spoki-radius-pill)!important;background:#fff;border:1px solid var(--spoki-color-border);padding:13px 22px;font-family:var(--spoki-font-body);font-size:1rem;color:var(--spoki-color-text);flex:1 1 auto;min-width:0;height:48px;box-sizing:border-box}
.spoki-prefooter-cta__input:focus{outline:none;border-color:var(--spoki-color-teal)}
.spoki-prefooter-cta__button{border-radius:var(--spoki-radius-pill)!important;background:var(--spoki-color-orange)!important;color:#fff!important;border:none!important;padding:0 32px!important;height:48px;font-family:var(--spoki-font-body)!important;font-weight:800!important;font-size:1rem;cursor:pointer;transition:background .15s;white-space:nowrap;flex:0 0 auto}
.spoki-prefooter-cta__button:hover{background:var(--spoki-color-orange-deep)!important}
.spoki-prefooter-cta__consent{display:flex;align-items:flex-start;gap:8px;font-family:var(--spoki-font-body);font-size:.82rem;color:var(--spoki-color-text);line-height:1.4}
.spoki-prefooter-cta__consent input{margin-top:2px;width:16px;height:16px;flex:0 0 auto;accent-color:var(--spoki-color-teal)}
.spoki-prefooter-cta__privacy{color:var(--spoki-color-teal)!important;text-decoration:underline}
@media(max-width:782px){
  .spoki-prefooter-cta{margin-top:32px;padding:28px 16px 34px}
  .spoki-prefooter-cta__inner{flex-direction:column;align-items:stretch;justify-content:flex-start;text-align:center;gap:14px}
  .spoki-prefooter-cta__content{flex:0 0 auto}
  .spoki-prefooter-cta__subtitle{margin:0 auto}
  .spoki-prefooter-cta__form{flex:0 0 auto;min-width:0}
  .spoki-prefooter-cta__row{flex-direction:column;gap:10px}
  .spoki-prefooter-cta__input{width:100%}
  .spoki-prefooter-cta__button{width:100%}
  .spoki-prefooter-cta__consent{text-align:left}
}

/**
 * SPOKI GLOBAL LOCKED: pricing color
 * Single price color for product pages, loops and category cards.
 * Deep teal #00838A — single global price colour (colour-law: price = TEXT you read).
 * Do not change without owner approval.
 */
/* token declaration REMOVED (priceunify2): --spoki-price-current is declared ONCE in assets/css/spoki-design-system.css */
.woocommerce-Price-amount,.woocommerce-Price-amount bdi,.woocommerce-Price-currencySymbol,.spoki-cat__price,.spoki-cat__price .woocommerce-Price-amount,.price .woocommerce-Price-amount,.price ins .woocommerce-Price-amount{color:var(--spoki-price-current)!important}
.price del,.price del .woocommerce-Price-amount,.price del bdi{color:#2A2D34!important;opacity:.5}
.price ins{text-decoration:none}


/**
 * SPOKI GLOBAL STYLE RECONCILIATION AND ENFORCEMENT
 * Master reference: “ИЗБЕРИ ПО НУЖДА / Какво ти трябва днес?”
 * Comfortaa headings, Nunito body/UI, #19B0B6 teal, #2E3A67 headings.
 * Applies to homepage, category pages, product archives, filters, tabs, product cards, prices, header, mega menu, mobile menu, footer and pre-footer.
 * Do not create one-off styles or random colors without owner approval.
 */
:root{
  --spoki-color-teal:#19B0B6;--spoki-color-trust-blue:#2E3A67;--spoki-color-cream:#FFF7EB;--spoki-color-charcoal:#2A2D34;--spoki-color-warm-neutral:#E7DED3;--spoki-color-orange:#FF8A00;--spoki-color-soft-teal-bg:#E8F7F5;--spoki-color-white:#FFFFFF;--spoki-color-muted-subtitle:#54656B;
  --spoki-font-heading:'Comfortaa','Nunito',sans-serif;--spoki-font-body:'Nunito',Arial,sans-serif;
  --spoki-radius-sm:12px;--spoki-radius-md:18px;--spoki-radius-lg:26px;--spoki-radius-pill:999px;
  --spoki-shadow-soft:0 8px 24px rgba(46,58,103,.08);--spoki-border-soft:1px solid var(--spoki-color-warm-neutral);
  --spoki-container-wide:1240px;--spoki-container-readable:760px;
}
/* Canonical teal everywhere: override WoodMart legacy #19B0B6 at the CSS-variable source (approved) */
html:root{--wd-primary-color:#19B0B6!important;--wd-link-color:#19B0B6!important;--spoki-teal:#19B0B6!important;--spoki-slate:#2A2D34!important}
/* Product card titles + section headings -> trust blue #2E3A67 (was #2A2D34) */
.wd-entities-title,.wd-entities-title a,.woocommerce-loop-product__title,.spoki-cat__title,.spoki-gr__h2,.spoki-gr__card h3,.spoki-gr__band-h,.spoki-gr__faq summary{color:#2E3A67!important}
/* Main nav + footer links -> trust blue idle, teal hover */
.whb-general-header .wd-nav-main>li>a,.wd-footer a{color:#2E3A67!important}
.whb-general-header .wd-nav-main>li>a:hover,.wd-footer a:hover{color:#00838A!important}
/* Prices: canonical teal + Nunito 800 everywhere */
.woocommerce-Price-amount,.woocommerce-Price-amount bdi,.spoki-cat__price .woocommerce-Price-amount,.price ins .woocommerce-Price-amount{color:var(--spoki-price-current)!important;font-weight:800!important}
.price del,.price del .woocommerce-Price-amount,.price del bdi{color:#2A2D34!important;font-weight:600!important;opacity:.5}
/* Section subtitles: official muted token #54656B (master-reference truth) */
.spoki-section-subtitle,.spoki-disc__sub,.spoki-gift-age__sub{color:var(--spoki-color-muted-subtitle)!important}
/* reconcile cont.: category card title + deep-teal remap (#00838A green-teal -> #00838A) */
html:root{--spoki-teal-deep:#00838A!important}
.spoki-cat__ptitle,.spoki-cat__ptitle a{color:#2E3A67!important}
.spoki-cat__ptag{color:#00838A!important}
.spoki-cat__pbody .is-instock,.spoki-cat__pmeta .is-instock{color:#00838A!important}

/* reconcile cont. 2: wd title/secondary color overrides (legacy #2A2D34 title, #FF8A00 accent -> canonical) */
html:root{--wd-title-color:#2E3A67!important;--wd-secondary-color:#FF8A00!important}
.btn-accent,a.btn-accent,button.btn-accent{background-color:#FF8A00!important;border-color:#FF8A00!important;color:#fff!important}
.btn-accent:hover,a.btn-accent:hover,button.btn-accent:hover{background-color:#E67E00!important;border-color:#E67E00!important}

/* reconcile cont. 3: neutralize legacy SpOki tokens at fresh-loading layer + widget titles */
html:root{--spoki-orange:#FF8A00!important;--spoki-orange-deep:#E67E00!important;--spoki-trust:#2E3A67!important;--wd-title-color:#2E3A67!important;--wd-secondary-color:#FF8A00!important}
.widget-title,.widgettitle,.wd-widget-title{color:#2E3A67!important}
.woodmart-nav-link[class]{}

/* reconcile cont. 4: WooCommerce action buttons -> canonical orange #FF8A00 (exclude checkout/cart/account) */
body:not(.woocommerce-checkout):not(.woocommerce-cart):not(.woocommerce-account) .single_add_to_cart_button,
body:not(.woocommerce-checkout):not(.woocommerce-cart):not(.woocommerce-account) .woocommerce a.button.alt,
body:not(.woocommerce-checkout):not(.woocommerce-cart):not(.woocommerce-account) .woocommerce button.button.alt,
body:not(.woocommerce-checkout):not(.woocommerce-cart):not(.woocommerce-account) .wd-product .button,
body:not(.woocommerce-checkout):not(.woocommerce-cart):not(.woocommerce-account) .wd-product .add_to_cart_button{background-color:#FF8A00!important;border-color:#FF8A00!important;color:#fff!important;border-radius:999px!important}
body:not(.woocommerce-checkout):not(.woocommerce-cart):not(.woocommerce-account) .single_add_to_cart_button:hover,
body:not(.woocommerce-checkout):not(.woocommerce-cart):not(.woocommerce-account) .woocommerce .button.alt:hover{background-color:#E67E00!important;border-color:#E67E00!important}


/* ===== SPOKI COLOR ROLE LOCK (emergency global consistency pass) =====
   Headings #2E3A67 | text #2A2D34 | accent #19B0B6 | deep-teal strip #00838A | CTA #FF8A00 | cream #FFF7EB | border #E7DED3 */
/* Hero H1 -> trust blue, keep teal accent */
.spoki-hero__h1{color:#2E3A67!important}
.spoki-hero__h1 .highlight{color:#00838A!important}
/* Main menu: charcoal idle, teal hover/active (both header skins) */
.whb-header .wd-nav-main>li>a,.wd-nav-main>li>a{color:#2A2D34!important}
.whb-header .wd-nav-main>li>a:hover,.wd-nav-main>li>a:hover,.wd-nav-main>li.current-menu-item>a,.wd-nav-main>li.current-menu-ancestor>a,.wd-nav-main>li:hover>a{color:#00838A!important}
/* Mega menu / dropdowns: links charcoal, sub-headings trust blue, hover teal, light bg */
.wd-dropdown-menu,.wd-dropdown-menu .wd-sub-menu{background-color:#fff!important}
.wd-dropdown-menu a,.wd-sub-menu a{color:#2A2D34!important}
.wd-dropdown-menu a:hover,.wd-sub-menu a:hover{color:#00838A!important}
.wd-dropdown-menu .wd-nav-title,.wd-dropdown-menu .menu-item-has-children>a>strong{color:#2E3A67!important}
/* Mobile menu */
.wd-mobile-menu a,.mobile-nav a{color:#2A2D34!important}
.wd-mobile-menu a:hover,.mobile-nav a:hover{color:#00838A!important}
/* Footer: mint bg kept; text charcoal, headings trust blue, hover teal */
.wd-footer p,.wd-footer li,.wd-footer span,.wd-footer a,.spoki-foot__col,.spoki-foot__col a{color:#2A2D34!important}
.wd-footer a:hover,.spoki-foot__col a:hover{color:#00838A!important}
.spoki-foot__h,.wd-footer .widgettitle,.wd-footer .wp-block-heading,.wd-footer h2,.wd-footer h3,.wd-footer h4,.wd-footer h5{color:#2E3A67!important}
/* Footer social icons: never stay teal-filled */
.wd-footer .social-icon,.wd-footer [class*="social"] a,.spoki-foot__social a{color:#2A2D34!important;background-color:transparent!important;border-color:#E7DED3!important}
.wd-footer .social-icon:hover,.wd-footer [class*="social"] a:hover,.spoki-foot__social a:hover{color:#00838A!important;background-color:transparent!important}
/* Breadcrumb + active facet links -> teal accent (not deep teal) */
.wd-breadcrumbs a,.woocommerce-breadcrumb a{color:#00838A!important}
.spoki-cat__filterlink.is-active{color:#00838A!important}
/* AEO / category long content body -> charcoal, links teal, headings trust blue */
.spoki-category-longdesc p,.spoki-category-longdesc li{color:#2A2D34!important}
.spoki-category-longdesc a{color:#00838A!important}
.spoki-category-longdesc h2,.spoki-category-longdesc h3{color:#2E3A67!important}
/* footer copyright charcoal */
.wd-footer .wd-col-start,.wd-footer .reset-last-child,.wd-footer .copyrights-wrapper{color:#2A2D34!important}

/* nav idle unify both skins (override earlier .whb-general-header rule) */
.whb-general-header .wd-nav-main>li>a,.whb-general-header .wd-nav>li>a{color:#2A2D34!important}
.whb-general-header .wd-nav-main>li>a:hover,.whb-general-header .wd-nav-main>li.current-menu-item>a,.whb-general-header .wd-nav-main>li:hover>a{color:#00838A!important}

/* nav-link-text charcoal (overrides var(--wd-title-color)); hover/active teal */
.wd-nav-main .nav-link-text{color:#2A2D34!important}
.wd-nav-main>li:hover>a .nav-link-text,.wd-nav-main .item-level-0:hover>a .nav-link-text,.wd-nav-main .current-menu-item>a .nav-link-text,.wd-nav-main .current-menu-ancestor>a .nav-link-text{color:#00838A!important}


/* ===== SPOKI TYPOGRAPHY NORMALIZATION (approved consistency pass) =====
   Unifies product-card titles, chips/tabs, AEO headings, H1 weight, eyebrows.
   Case kept natural per component (homepage tabs stay uppercase via own rule). */
/* 1. Product card titles -> Nunito 700 / 16px / #2E3A67 (Fidget was 800/16, home 700/15) */
.wd-product .wd-entities-title,.wd-product .wd-entities-title a,.spoki-cat__ptitle,.spoki-cat__ptitle a{font-family:'Nunito',sans-serif!important;font-weight:700!important;font-size:16px!important;line-height:1.3!important;color:#2E3A67!important}
/* product CTA -> 14px / 9px 18px pill */
.wd-product .button,.wd-product .add_to_cart_button,.spoki-cat__view,.spoki-cat__productgrid .button{font-size:14px!important;padding:9px 18px!important;border-radius:999px!important}
/* 2. Chips/tabs unified rhythm (size/weight/padding/radius/border/color) */
.spoki-ptab,.spoki-cat__tab,.spoki-subcat-chips .spoki-chip{font-family:'Nunito',sans-serif!important;font-size:14px!important;font-weight:700!important;line-height:1.2!important;padding:9px 18px!important;border-radius:999px!important;border:1px solid #E7DED3!important;color:#2E3A67!important;background:#fff!important}
.spoki-ptab:hover,.spoki-cat__tab:hover,.spoki-subcat-chips .spoki-chip:hover{border-color:#19B0B6!important;color:#00838A!important}
.spoki-ptab[aria-selected="true"],.spoki-cat__tab.is-active,.spoki-subcat-chips .spoki-chip-active{background:#19B0B6!important;border-color:#19B0B6!important;color:#fff!important}
.spoki-ptab[aria-selected="true"]:hover,.spoki-cat__tab.is-active:hover,.spoki-subcat-chips .spoki-chip-active:hover{color:#fff!important}
/* 3. AEO long-desc headings -> Comfortaa editorial rhythm (was Nunito) */
.spoki-category-longdesc h2{font-family:'Comfortaa',sans-serif!important;font-weight:700!important;color:#2E3A67!important;font-size:1.4rem!important;line-height:1.3!important;margin:1.6em 0 .5em!important}
.spoki-category-longdesc h3{font-family:'Comfortaa',sans-serif!important;font-weight:700!important;color:#2E3A67!important;font-size:1.15rem!important;line-height:1.3!important;margin:1.4em 0 .4em!important}
/* 4. H1 weight unify -> 700 (Fidget was 800) */
.spoki-hero__h1,.wd-page-title .title,.wd-page-title .entry-title,.wd-page-title h1{font-weight:700!important}
/* 5. Section eyebrows unified -> Comfortaa 700 / 13px / .14em / #19B0B6 */
.spoki-disc__eyebrow,.spoki-section-eyebrow,.spoki-faq-eyebrow,.spoki-gift-age__eyebrow{font-family:'Comfortaa',sans-serif!important;font-weight:700!important;font-size:13px!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:#00838A!important}
/* dropdown menu link literal charcoal (fix term-74 --spoki-slate leak turning dropdown blue) */
.whb-header .wd-nav-main .wd-dropdown-menu .woodmart-nav-link,.whb-general-header .wd-nav-main .wd-dropdown-menu .woodmart-nav-link,.wd-nav-main .wd-dropdown-menu .woodmart-nav-link,.wd-dropdown-menu .woodmart-nav-link,.wd-sub-menu li>a{color:#2A2D34!important}
.whb-header .wd-nav-main .wd-dropdown-menu .woodmart-nav-link:hover,.whb-general-header .wd-nav-main .wd-dropdown-menu .woodmart-nav-link:hover,.wd-dropdown-menu .woodmart-nav-link:hover,.wd-sub-menu li>a:hover{color:#00838A!important}


/* ===== SPOKI HEADING COLOR ENFORCEMENT (all section headings/card titles -> #2E3A67) ===== */
h2.wp-block-heading,
h3.wp-block-heading,
[class*="spoki-"][class*="__h2"],[class*="spoki-"][class*="__h3"],[class*="spoki-"][class*="__title"],[class*="spoki-"][class*="__cardtitle"],[class*="spoki-"][class*="__coltitle"],[class*="spoki-"][class*="__name"]{color:#2E3A67!important}
/* preserve intentional white-on-dark headings (summer photo cards + teal mission band) */
.spoki-summer-mosaic .spoki-summer-mosaic__t,.spoki-summer-mosaic__t.spoki-summer-mosaic__t,.spoki-mission-proof .spoki-mission-proof__h2,.spoki-mission-proof__h2.spoki-mission-proof__h2,.spoki-mission-proof.spoki-band .wp-block-heading{color:#fff!important}
/* mega-menu orange CTA arrows -> white (one rendered dark) */
.spoki-mega-cta a::after,.spoki-mega-cta .woodmart-nav-link::after,li.spoki-mega-cta>a::after{color:#fff!important}
/* footer heading font unify -> Comfortaa (was Nunito on category); review bubble -> Nunito */
.spoki-foot__h{font-family:'Comfortaa',sans-serif!important}
.spoki-hero__bubble-body p,.spoki-hero__bubble-body{font-family:'Nunito',sans-serif!important}

/* skills-showcase panel heading -> trust blue */
.spoki-skills-showcase__body h3,.spoki-skills-showcase__panel h3{color:#2E3A67!important}


/* ===== SPOKI COMPONENT POLISH (chips/CTA/finder/footer consistency) ===== */
/* Occasion chips -> match chip system (trust-blue inactive) */
.spoki-gift-age__chip,.spoki-gift-age__chip a{color:#2E3A67!important}
.spoki-gift-age__chip a:hover{color:#00838A!important}
/* Header CTA "Намери играчка" -> always orange bg + white text (kill teal hover + white flash) */
li.spoki-nav-cta>a.woodmart-nav-link,li.spoki-nav-cta>a.woodmart-nav-link:hover,li.spoki-nav-cta>a.woodmart-nav-link:focus,li.spoki-nav-cta>a.woodmart-nav-link:active{background-color:#FF8A00!important;border-color:#FF8A00!important}
li.spoki-nav-cta>a.woodmart-nav-link:hover{background-color:#E67E00!important;border-color:#E67E00!important}
li.spoki-nav-cta>a.woodmart-nav-link,li.spoki-nav-cta>a.woodmart-nav-link:hover,li.spoki-nav-cta>a.woodmart-nav-link:focus,li.spoki-nav-cta>a.woodmart-nav-link .nav-link-text,li.spoki-nav-cta>a.woodmart-nav-link:hover .nav-link-text{color:#fff!important}
/* Hero finder subtitle -> not bold, calmer */
.spoki-finder-card__label{font-weight:400!important;font-size:15px!important;line-height:1.5!important;color:#54656B!important}
/* Footer about (under fox) -> unified charcoal (was gray + blue/black mismatch) */
.spoki-foot__tag,.spoki-foot__tag strong,.spoki-foot__brand p,.spoki-foot__brand strong{color:#2A2D34!important}
/* awards brand name trust blue */
.spoki-awards-strip__brand{color:#2E3A67!important}

/* SPOKI FOOTER POLISH: blue lead + white social chips (2026-06-19) */
.spoki-foot__tag strong,.spoki-foot__brand p strong,.spoki-foot__brand p b{color:#2E3A67!important}
.wd-footer .spoki-foot__socials a{background:#FFFFFF!important;background-color:#FFFFFF!important;border:1px solid #E7DED3!important;color:#2E3A67!important;box-shadow:0 3px 8px rgba(15,142,147,.12)!important;transition:background .2s,color .2s,border-color .2s}
.wd-footer .spoki-foot__socials a svg,.wd-footer .spoki-foot__socials a i{color:#2E3A67!important}
.wd-footer .spoki-foot__socials a:hover,.wd-footer .spoki-foot__socials a:focus{background:#FFFFFF!important;background-color:#FFFFFF!important;border-color:#00838A!important;color:#00838A!important}
.wd-footer .spoki-foot__socials a:hover svg,.wd-footer .spoki-foot__socials a:hover i,.wd-footer .spoki-foot__socials a:focus svg{color:#00838A!important}

/* SPOKI TAB CASE + CONTACT (2026-06-19) */
.spoki-ptab,.spoki-cat__tab,.spoki-chip,.spoki-subcat-chips .spoki-chip,.spoki-ptab-on{text-transform:none!important}
.spoki-foot__contact a[href^="tel"],.spoki-foot__contact a[href^="mailto"]{color:#2E3A67!important;font-weight:700!important}

/* === SpOki BRAND age-circle centering (P-brandage-center) — brand pages only, desktop ≥ 1025 === */
@media (min-width:1025px){
 body.spoki-brand .spoki-gift-age__grid{ display:flex !important; grid-template-columns:none !important; flex-wrap:wrap; justify-content:center; align-items:flex-start; gap:22px 16px; max-width:1180px; margin-inline:auto; }
 body.spoki-brand .spoki-gift-age__item{ flex:0 0 168px; }
}

/* === SpOki BRAND related-brand strip polish (P-brandstrip-polish) — brand pages only === */
body.spoki-brand .spoki-brandstrip__track{ gap:18px !important; flex-wrap:wrap !important; justify-content:center !important; }
body.spoki-brand .spoki-brandstrip__item{ box-sizing:border-box !important; height:96px !important; min-width:160px !important; padding:14px 18px !important; background:#fff !important; border:1px solid rgba(1,167,173,.16) !important; border-radius:14px !important; box-shadow:0 4px 14px rgba(42,45,52,.06) !important; transition:transform .15s ease, box-shadow .15s ease !important; }
body.spoki-brand .spoki-brandstrip__item:hover{ transform:translateY(-2px) !important; box-shadow:0 8px 20px rgba(42,45,52,.10) !important; }
body.spoki-brand .spoki-brandstrip__item img{ width:auto !important; height:auto !important; max-width:138px !important; max-height:58px !important; object-fit:contain !important; margin:0 auto !important; }
@media (max-width:768px){
 body.spoki-brand .spoki-brandstrip__track{ flex-wrap:nowrap !important; justify-content:flex-start !important; overflow-x:auto !important; scroll-snap-type:x mandatory !important; -webkit-overflow-scrolling:touch !important; scrollbar-width:none !important; gap:11px !important; padding:4px 2px 10px !important; }
 body.spoki-brand .spoki-brandstrip__track::-webkit-scrollbar{ display:none !important; }
 body.spoki-brand .spoki-brandstrip__item{ flex:0 0 124px !important; min-width:124px !important; height:84px !important; padding:10px 12px !important; border-radius:12px !important; scroll-snap-align:start !important; }
 body.spoki-brand .spoki-brandstrip__item:nth-child(2), body.spoki-brand .spoki-brandstrip__item:nth-child(5){ display:flex !important; }
 body.spoki-brand .spoki-brandstrip__item img{ max-width:98px !important; max-height:46px !important; }
}


/* === SPOKI KATEGORII DIRECTORY START 2026-06-24 === */
/* 2026-07-07 owner redesign: theme hero UNHIDDEN so /kategorii/ gets the same Page Title Hero + breadcrumb as category pages. Old rule was: .page-id-76615 .wd-page-title{display:none!important} */
.page-id-76615 .content-layout-wrapper.container,.page-id-76615 .wd-content-area,.page-id-76615 .entry-content{max-width:none!important;width:100%!important;margin:0!important;padding:0!important;overflow-x:hidden!important}
.page-id-76615{overflow-x:hidden!important}
.spoki-kategorii,.spoki-kategorii *{box-sizing:border-box}
.spoki-kategorii{background:var(--spoki-cream-bg);padding:clamp(.85rem,2vw,1.45rem) 1rem clamp(1.8rem,4vw,3rem);overflow-x:hidden;color:var(--spoki-color-trust-blue)}
.spoki-kategorii a{text-decoration:none;transition:background-color .14s ease,color .14s ease,border-color .14s ease,transform .14s ease}
.spoki-kategorii a:hover{color:var(--spoki-teal-deep)}
.spoki-kategorii .wp-block-group,.spoki-kategorii .wp-block-buttons,.spoki-kategorii p,.spoki-kategorii h2,.spoki-kategorii h3{margin-block-start:0;margin-block-end:0}
.spoki-kat-compact-hero,.spoki-kat-section,.spoki-kat-help{max-width:var(--spoki-content-w);margin-inline:auto}
.spoki-kat-compact-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(20rem,.44fr);gap:clamp(1rem,2.4vw,1.8rem);align-items:stretch;background:var(--spoki-white);border:var(--spoki-border-soft);border-radius:var(--spoki-radius-card);box-shadow:var(--spoki-shadow-card);padding:clamp(1rem,2.4vw,1.65rem);position:relative;overflow:hidden}
.spoki-kat-compact-hero::after{content:"";position:absolute;inset:auto -2.6rem -3.2rem auto;width:9rem;aspect-ratio:1;border-radius:50%;background:var(--spoki-mint);opacity:.75;pointer-events:none}
.spoki-kat-hero-copy,.spoki-kat-hero-nav,.spoki-kat-hero-visual{position:relative;z-index:1}
.spoki-kat-hero-visual{position:relative;min-height:17.5rem;border-radius:var(--spoki-radius-card);overflow:hidden;background:var(--spoki-mint);box-shadow:var(--spoki-shadow-soft);isolation:isolate}
.spoki-kat-hero-visual::before{content:"";position:absolute;inset:.7rem;border:var(--spoki-border-soft);border-radius:calc(var(--spoki-radius-card) - .45rem);z-index:2;pointer-events:none}
.spoki-kat-photo{height:100%;margin:0!important}
.spoki-kat-photo img{width:100%;height:100%;min-height:17.5rem;object-fit:cover;display:block;transform:scale(1.02)}
.spoki-kat-visual-card{position:absolute;left:.85rem;bottom:.85rem;z-index:3;background:var(--spoki-white);border:var(--spoki-border-soft);border-radius:var(--spoki-radius-small);box-shadow:var(--spoki-shadow-soft);padding:.62rem .75rem;color:var(--spoki-color-muted);font-size:.82rem;line-height:1.35}
.spoki-kat-visual-card strong{color:var(--spoki-color-trust-blue);font-weight:900}
.spoki-kat-visual-tags{position:absolute;right:.85rem;top:.85rem;z-index:3;display:flex;gap:.34rem;flex-wrap:wrap;justify-content:flex-end;max-width:72%;line-height:1}
.spoki-kat-visual-tags a{display:inline-flex;background:var(--spoki-white);border:var(--spoki-border-soft);border-radius:var(--spoki-radius-pill);color:var(--spoki-teal-deep);font-size:.72rem;font-weight:900;padding:.34rem .5rem;box-shadow:var(--spoki-shadow-soft)}
.spoki-kat-hero-copy{display:flex;flex-direction:column;justify-content:center}

.spoki-kat-kicker{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:.34rem .7rem;border-radius:var(--spoki-radius-pill);background:var(--spoki-mint);color:var(--spoki-teal-deep);border:var(--spoki-border-soft);font-weight:800;font-size:.82rem;line-height:1.2;margin-block-end:.55rem!important}
.spoki-kat-title{font-size:clamp(1.95rem,3.6vw,2.7rem);line-height:1.08;font-weight:800;letter-spacing:0;color:var(--spoki-color-trust-blue);max-width:13ch;margin-block-end:.55rem!important}
.spoki-kat-intro{max-width:58rem;color:var(--spoki-color-muted);font-size:clamp(.96rem,1.4vw,1.05rem);line-height:1.6}
.spoki-kat-mini-meta{font-weight:800;color:var(--spoki-teal-deep);font-size:.9rem;margin-block-end:.75rem!important}
.spoki-kat-actions{display:flex!important;flex-wrap:wrap!important;gap:.48rem!important;align-items:center}
.spoki-kat-button .wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--spoki-radius-pill)!important;background:var(--spoki-orange)!important;color:var(--spoki-white)!important;font-weight:800;font-size:.9rem!important;line-height:1.1!important;padding:.62rem .95rem!important;min-height:auto!important;box-shadow:var(--spoki-shadow-soft)}
.spoki-kat-button .wp-block-button__link:hover{background:var(--spoki-orange-hover)!important;transform:translateY(-1px)}
.spoki-kat-section{margin-block-start:clamp(.9rem,2vw,1.25rem);background:var(--spoki-white);border:var(--spoki-border-soft);border-radius:var(--spoki-radius-card);box-shadow:var(--spoki-shadow-card);padding:clamp(.95rem,2vw,1.35rem)}
.spoki-kat-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-block-end:.85rem!important}
.spoki-kat-section-title{font-size:clamp(1.18rem,2vw,1.55rem);line-height:1.18;font-weight:800;color:var(--spoki-color-trust-blue)}
.spoki-kat-section-lead{color:var(--spoki-color-muted);font-size:.92rem;line-height:1.55;max-width:42rem}
.spoki-kat-tile-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem}
.spoki-kat-tile{background:var(--spoki-cream-bg);border:var(--spoki-border-soft);border-radius:var(--spoki-radius-small);padding:.66rem .78rem;min-height:3.45rem;display:flex;flex-direction:column;justify-content:center;gap:.2rem;position:relative;overflow:hidden}
.spoki-kat-tile::after{content:"";position:absolute;right:-1.1rem;bottom:-1.1rem;width:2.8rem;aspect-ratio:1;border-radius:50%;background:var(--spoki-mint);opacity:.58;transition:transform .14s ease,opacity .14s ease}
.spoki-kat-tile:hover::after{transform:scale(1.18);opacity:.9}
.spoki-kat-tile:hover{border-color:var(--spoki-teal);background:var(--spoki-mint)}
.spoki-kat-count{display:none!important;color:var(--spoki-teal-deep);font-size:.78rem;font-weight:800;line-height:1.2}
.spoki-kat-tile-title{font-size:.94rem;line-height:1.22;font-weight:800;color:var(--spoki-color-trust-blue)}
.spoki-kat-tile-title a{color:inherit}
.spoki-kat-cluster-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}
.spoki-kat-cluster{border:var(--spoki-border-soft);border-radius:var(--spoki-radius-small);background:var(--spoki-cream-bg);padding:.85rem}
.spoki-kat-cluster-title{font-size:1rem;line-height:1.25;font-weight:800;color:var(--spoki-color-trust-blue);margin-block-end:.35rem!important}
.spoki-kat-cluster-lead{color:var(--spoki-color-muted);font-size:.85rem;line-height:1.45;margin-block-end:.55rem!important}
.spoki-kat-cluster-links{display:flex;flex-wrap:wrap;gap:.34rem;line-height:1.2}
.spoki-kat-cluster-links a,.spoki-kat-all-links a{display:inline-flex;align-items:center;border:var(--spoki-border-soft);border-radius:var(--spoki-radius-pill);background:var(--spoki-white);color:var(--spoki-color-trust-blue);font-size:.82rem;font-weight:800;padding:.34rem .55rem}
.spoki-kat-cluster-links a:hover,.spoki-kat-all-links a:hover{background:var(--spoki-mint);border-color:var(--spoki-teal);color:var(--spoki-teal-deep)}
.spoki-kat-all-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.42rem;line-height:1.2}
.spoki-kat-all-links a{justify-content:space-between;border-radius:var(--spoki-radius-small);padding:.48rem .58rem;min-width:0}
.spoki-kat-all-links a span{display:none!important;color:var(--spoki-teal-deep);font-size:.76rem;font-weight:900;margin-inline-start:.45rem;white-space:nowrap}
.spoki-kat-help{margin-block-start:clamp(.9rem,2vw,1.25rem);background:var(--spoki-mint);border:var(--spoki-border-soft);border-radius:var(--spoki-radius-card);padding:clamp(.95rem,2vw,1.35rem);box-shadow:var(--spoki-shadow-card);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:center}
.spoki-kat-help .spoki-kat-section-title{font-size:clamp(1.15rem,2vw,1.45rem)}
.spoki-kat-help .spoki-kat-actions{justify-content:flex-end}
@media (max-width:900px){
  .spoki-kat-compact-hero{grid-template-columns:1fr}
  .spoki-kat-hero-visual{min-height:15rem}
  .spoki-kat-photo img{min-height:15rem}
  .spoki-kat-section-head{display:block}
  .spoki-kat-section-lead{margin-block-start:.25rem!important}
  .spoki-kat-tile-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .spoki-kat-cluster-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .spoki-kat-all-links{grid-template-columns:repeat(3,minmax(0,1fr))}
  .spoki-kat-help{grid-template-columns:1fr}
  .spoki-kat-help .spoki-kat-actions{justify-content:flex-start}
}
@media (max-width:600px){
  .spoki-kategorii{padding:.75rem .85rem 2.2rem!important}
  .spoki-kat-compact-hero,.spoki-kat-section,.spoki-kat-help{width:100%;max-width:100%;border-radius:var(--spoki-radius-card)}
  .spoki-kat-compact-hero{padding:.95rem;gap:.8rem}
  .spoki-kat-hero-visual{min-height:12.5rem;order:2}
  .spoki-kat-photo img{min-height:12.5rem}
  .spoki-kat-visual-tags{top:.55rem;right:.55rem;max-width:90%}
  .spoki-kat-visual-tags a{font-size:.68rem;padding:.28rem .42rem}
  .spoki-kat-visual-card{left:.55rem;bottom:.55rem;font-size:.76rem;padding:.5rem .58rem}
  .spoki-kat-kicker{font-size:.78rem;padding:.3rem .62rem;margin-block-end:.45rem!important}
  .spoki-kat-title{font-size:clamp(1.48rem,7vw,1.72rem)!important;line-height:1.16!important;max-width:15ch;margin-block-end:.45rem!important}
  .spoki-kat-intro{font-size:.93rem;line-height:1.5}
  .spoki-kat-mini-meta{font-size:.82rem;margin-block-end:.55rem!important}
  .spoki-kat-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.5rem!important;width:100%}
  .spoki-kat-button,.spoki-kat-button .wp-block-button__link{width:100%}
  .spoki-kat-button .wp-block-button__link{font-size:.84rem!important;padding:.56rem .55rem!important;min-height:2.45rem!important;box-shadow:none}
  .spoki-kat-section,.spoki-kat-help{padding:.9rem;margin-block-start:.85rem}
  .spoki-kat-section-title{font-size:1.14rem!important;line-height:1.22!important}
  .spoki-kat-section-lead{font-size:.86rem;line-height:1.45}
  .spoki-kat-tile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.48rem}
  .spoki-kat-tile{padding:.62rem;min-height:4.45rem;border-radius:var(--spoki-radius-small)}
  .spoki-kat-count{font-size:.72rem}
  .spoki-kat-tile-title{font-size:.84rem;line-height:1.22}
  .spoki-kat-cluster-grid{grid-template-columns:1fr;gap:.55rem}
  .spoki-kat-cluster{padding:.72rem}
  .spoki-kat-cluster-title{font-size:.94rem}
  .spoki-kat-cluster-lead{display:none}
  .spoki-kat-cluster-links a{font-size:.78rem;padding:.3rem .48rem}
  .spoki-kat-all-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:.38rem}
  .spoki-kat-all-links a{font-size:.76rem;padding:.42rem .46rem;line-height:1.16}
  .spoki-kat-all-links a span{font-size:.68rem;margin-inline-start:.25rem}
}

/* Visual polish pass: keep the directory compact but less flat. */
.spoki-kat-compact-hero{background:linear-gradient(135deg,var(--spoki-white),var(--spoki-cream-bg));}
.spoki-kat-popular,.spoki-kat-clusters,.spoki-kat-all{position:relative;overflow:hidden;}
.spoki-kat-popular::before,.spoki-kat-clusters::before,.spoki-kat-all::before{content:"";position:absolute;inset:auto auto -3.4rem -3.4rem;width:7.2rem;aspect-ratio:1;border-radius:50%;background:var(--spoki-mint);opacity:.48;pointer-events:none;}
.spoki-kat-section-head{position:relative;z-index:1;}
.spoki-kat-tile-grid{counter-reset:spokiKat;position:relative;z-index:1;}
.spoki-kat-tile{counter-increment:spokiKat;transition:transform .14s ease,border-color .14s ease,background-color .14s ease,box-shadow .14s ease;}
.spoki-kat-tile::before{content:counter(spokiKat,decimal-leading-zero);position:absolute;top:.52rem;right:.58rem;color:var(--spoki-teal-deep);font-size:.68rem;font-weight:900;line-height:1;opacity:.7;z-index:1;}
.spoki-kat-tile:hover{transform:translateY(-1px);box-shadow:var(--spoki-shadow-soft);}
.spoki-kat-tile-title{position:relative;z-index:2;padding-right:1.55rem;}
.spoki-kat-tile-title a{display:block;color:inherit;}
.spoki-kat-tile-title a::after{content:"";display:block;width:2.2rem;height:.14rem;border-radius:var(--spoki-radius-pill);background:var(--spoki-teal);margin-block-start:.42rem;opacity:.55;transition:width .14s ease,opacity .14s ease;}
.spoki-kat-tile:hover .spoki-kat-tile-title a::after{width:3.2rem;opacity:1;}
.spoki-kat-cluster-grid{position:relative;z-index:1;}
.spoki-kat-cluster{position:relative;overflow:hidden;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease;}
.spoki-kat-cluster::before{content:"";position:absolute;inset:0 auto 0 0;width:.34rem;background:var(--spoki-teal);border-radius:var(--spoki-radius-pill);opacity:.78;}
.spoki-kat-cluster:hover{transform:translateY(-1px);border-color:var(--spoki-teal);box-shadow:var(--spoki-shadow-soft);}
.spoki-kat-cluster-title,.spoki-kat-cluster-lead,.spoki-kat-cluster-links{position:relative;z-index:1;}
.spoki-kat-cluster-title{padding-left:.45rem;}
.spoki-kat-cluster-lead{padding-left:.45rem;}
.spoki-kat-cluster-links{padding-left:.45rem;}
.spoki-kat-cluster-links a:nth-child(3n+1){background:var(--spoki-white);}
.spoki-kat-cluster-links a:nth-child(3n+2){background:var(--spoki-mint);}
.spoki-kat-all-links{position:relative;z-index:1;}
.spoki-kat-all-links a{transition:transform .14s ease,border-color .14s ease,background-color .14s ease;}
.spoki-kat-all-links a:hover{transform:translateY(-1px);}
.spoki-kat-help{background:linear-gradient(135deg,var(--spoki-mint),var(--spoki-white));}
@media (max-width:600px){
  .spoki-kat-tile::before{top:.48rem;right:.52rem;font-size:.64rem;}
  .spoki-kat-tile-title{padding-right:1.35rem;}
  .spoki-kat-tile-title a::after{width:1.65rem;margin-block-start:.35rem;}
  .spoki-kat-cluster::before{width:.26rem;}
  .spoki-kat-cluster-title,.spoki-kat-cluster-lead,.spoki-kat-cluster-links{padding-left:.36rem;}
}
/* === SPOKI KATEGORII DIRECTORY END 2026-06-24 === */

/* === SPOKI INTERESTS HUB + MENU START 2026-06-24 === */
.whb-header .wd-nav-main > li.spoki-interest-menu > .wd-dropdown-menu {
  width: 39rem;
  max-width: 94vw;
}

.whb-header .wd-nav-main > li.spoki-interest-menu > .wd-dropdown-menu .wd-sub-menu {
  gap: .125rem 1.125rem !important;
  align-items: flex-start;
}

.whb-header .wd-nav-main > li.spoki-interest-menu > .wd-dropdown-menu .wd-sub-menu > li.spoki-mega-coltitle {
  flex: 1 1 0 !important;
  min-width: 0 !important;
}

.whb-header .wd-nav-main > li.spoki-interest-menu .spoki-mega-coltitle > a.woodmart-nav-link {
  padding: .45rem .75rem .55rem !important;
  min-height: 2rem !important;
  color: var(--spoki-teal) !important;
  font-weight: 800 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  background: transparent !important;
}

.whb-header .wd-nav-main > li.spoki-interest-menu .sub-sub-menu {
  margin-top: .25rem !important;
}

.whb-header .wd-nav-main > li.spoki-interest-menu .sub-sub-menu .woodmart-nav-link {
  padding: .55rem .75rem !important;
  min-height: 2.2rem !important;
  line-height: 1.25 !important;
}

/* spoki-interest-mobile top-level color removed 2026-06-28 — match other items */

.wd-nav-mobile li.spoki-mega-coltitle > a.woodmart-nav-link {
  color: var(--spoki-teal) !important;
  background: transparent !important;
}

.spoki-interest-hub {
  background: var(--spoki-cream-bg);
  padding: 0 0 4.5rem;
  overflow: hidden;
}

.spoki-interest-hero,
.spoki-interest-directory,
.spoki-interest-featured {
  max-width: var(--spoki-content-w);
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.spoki-interest-hero {
  padding-top: 3.5rem;
  padding-bottom: 2.5rem;
}

.spoki-interest-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(20rem, .98fr);
  gap: 2.5rem;
  align-items: center;
}

.spoki-interest-kicker {
  display: inline-flex;
  width: fit-content;
  margin: 0 0 .9rem !important;
  padding: .45rem .9rem;
  border: .0625rem solid var(--spoki-sand);
  border-radius: var(--spoki-radius-btn);
  background: var(--spoki-white);
  color: var(--spoki-teal-deep) !important;
  font-family: var(--spoki-font-head) !important;
  font-weight: 800;
  line-height: 1.2 !important;
  box-shadow: var(--spoki-shadow-card);
}

.spoki-interest-hero__title {
  margin: 0 0 .9rem !important;
  max-width: 42rem;
  color: var(--spoki-slate) !important;
  font-family: var(--spoki-font-head) !important;
  font-size: clamp(2rem, 4vw, 3.4rem) !important;
  font-weight: 800 !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
}

.spoki-interest-hero__lead {
  max-width: 41rem;
  margin: 0 0 1.3rem !important;
  color: var(--spoki-slate-mid) !important;
  font-size: 1.06rem !important;
  line-height: 1.65 !important;
}

.spoki-interest-hero__buttons {
  margin-top: 0 !important;
  gap: .65rem !important;
}

.spoki-interest-hero__button .wp-block-button__link {
  border-radius: var(--spoki-radius-btn) !important;
  background: var(--spoki-teal) !important;
  color: var(--spoki-white) !important;
  padding: .72rem 1.15rem !important;
  font-family: var(--spoki-font-head) !important;
  font-weight: 800 !important;
  font-size: .9rem !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: 0 .45rem 1rem rgba(1, 167, 173, .18);
}

.spoki-interest-hero__button .wp-block-button__link:hover {
  background: var(--spoki-teal-deep) !important;
  color: var(--spoki-white) !important;
}

.spoki-interest-hero__trust {
  margin: 1rem 0 0 !important;
  color: var(--spoki-slate) !important;
  font-family: var(--spoki-font-head) !important;
  font-weight: 700;
  font-size: .92rem !important;
}

.spoki-interest-visual {
  position: relative;
  display: grid;
  grid-template-columns: 1fr .55fr;
  gap: .85rem;
  align-items: stretch;
  margin: 0 !important;
}

.spoki-interest-visual figure {
  margin: 0 !important;
}

.spoki-interest-visual img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  border-radius: 1.25rem;
  box-shadow: var(--spoki-shadow-kit);
}

.spoki-interest-visual__main img {
  aspect-ratio: 1 / 1;
  border: .5rem solid var(--spoki-white);
}

.spoki-interest-visual__stack {
  display: grid;
  gap: .85rem;
  margin: 1.2rem 0 !important;
}

.spoki-interest-visual__small img {
  aspect-ratio: 1 / 1;
  border: .35rem solid var(--spoki-white);
}

.spoki-interest-directory,
.spoki-interest-featured {
  padding-top: 1.2rem;
}

.spoki-interest-section-title {
  margin: 0 0 .65rem !important;
  color: var(--spoki-slate) !important;
  font-family: var(--spoki-font-head) !important;
  font-weight: 800 !important;
  font-size: clamp(1.65rem, 3vw, 2.35rem) !important;
  line-height: 1.16 !important;
  letter-spacing: 0 !important;
}

.spoki-interest-section-lead {
  max-width: 45rem;
  margin: 0 0 1.45rem !important;
  color: var(--spoki-slate-mid) !important;
  font-size: 1rem !important;
}

.spoki-interest-groups {
  display: grid;
  grid-template-columns: 1.1fr .92fr .82fr;
  gap: 1rem;
  align-items: stretch;
}

.spoki-interest-card,
.spoki-interest-feature-card {
  height: 100%;
  padding: 1.15rem;
  border: .0625rem solid var(--spoki-sand);
  border-radius: var(--spoki-radius-card);
  background: var(--spoki-white);
  box-shadow: var(--spoki-shadow-card);
}

.spoki-interest-card__title,
.spoki-interest-feature-card__title {
  margin: 0 0 .45rem !important;
  color: var(--spoki-slate) !important;
  font-family: var(--spoki-font-head) !important;
  font-size: 1.08rem !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
}

.spoki-interest-card__desc,
.spoki-interest-feature-card__text {
  margin: 0 0 .8rem !important;
  color: var(--spoki-slate-mid) !important;
  font-size: .9rem !important;
  line-height: 1.5 !important;
}

.spoki-interest-card__links {
  display: grid;
  grid-template-columns: 1fr;
  gap: .35rem;
}

.spoki-interest-card__link {
  margin: 0 !important;
}

.spoki-interest-card__link a,
.spoki-interest-feature-card__cta a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 2.35rem;
  padding: .55rem .72rem;
  border-radius: .75rem;
  background: var(--spoki-mint);
  color: var(--spoki-slate) !important;
  font-family: var(--spoki-font-body) !important;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none !important;
}

.spoki-interest-card__link a::after,
.spoki-interest-feature-card__cta a::after {
  content: "›";
  color: var(--spoki-teal-deep);
  font-weight: 800;
  margin-left: .6rem;
}

.spoki-interest-card__link a:hover,
.spoki-interest-feature-card__cta a:hover {
  background: var(--spoki-teal);
  color: var(--spoki-white) !important;
}

.spoki-interest-card__link a:hover::after,
.spoki-interest-feature-card__cta a:hover::after {
  color: var(--spoki-white);
}

.spoki-interest-featured {
  margin-top: 2.2rem;
}

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

.spoki-interest-feature-card__meta {
  display: inline-flex;
  width: fit-content;
  margin: 0 0 .55rem !important;
  padding: .28rem .62rem;
  border-radius: var(--spoki-radius-btn);
  background: var(--spoki-peach);
  color: var(--spoki-teal-deep) !important;
  font-family: var(--spoki-font-head) !important;
  font-size: .78rem !important;
  font-weight: 800;
  line-height: 1.15 !important;
}

.spoki-interest-feature-card__cta {
  margin: .7rem 0 0 !important;
}

.spoki-interest-feature-card__cta a {
  min-height: 2.25rem;
  background: var(--spoki-cream-bg);
}

@media (max-width: 1024px) {
  .spoki-interest-hero__grid,
  .spoki-interest-groups {
    grid-template-columns: 1fr;
  }

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

@media (max-width: 768px) {
  .spoki-interest-hub {
    padding-bottom: 3rem;
  }

  .spoki-interest-hero,
  .spoki-interest-directory,
  .spoki-interest-featured {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .spoki-interest-hero {
    padding-top: 2rem;
    padding-bottom: 1.5rem;
  }

  .spoki-interest-hero__grid {
    gap: 1.4rem;
  }

  .spoki-interest-hero__title {
    font-size: 2rem !important;
  }

  .spoki-interest-hero__lead {
    font-size: 1rem !important;
    line-height: 1.55 !important;
  }

  .spoki-interest-hero__buttons {
    flex-wrap: nowrap !important;
    overflow-x: auto;
    padding-bottom: .2rem;
    scrollbar-width: none;
  }

  .spoki-interest-hero__buttons::-webkit-scrollbar {
    display: none;
  }

  .spoki-interest-hero__button .wp-block-button__link {
    white-space: nowrap;
  }

  .spoki-interest-visual {
    grid-template-columns: 1fr;
  }

  .spoki-interest-visual__stack {
    grid-template-columns: 1fr 1fr;
    margin: 0 !important;
  }

  .spoki-interest-groups,
  .spoki-interest-feature-grid {
    gap: .8rem;
  }

  .spoki-interest-card,
  .spoki-interest-feature-card {
    padding: 1rem;
  }

  .spoki-interest-feature-grid {
    grid-template-columns: 1fr;
  }
}

/* Compact dedicated hub chrome. Keep the editable Gutenberg hero as the page H1. */
body.page-id-76693 .wd-page-title {
  display: none !important;
}

.spoki-interest-hub,
.spoki-interest-hub * {
  box-sizing: border-box;
}

.spoki-interest-hero__grid,
.spoki-interest-hero__copy,
.spoki-interest-visual,
.spoki-interest-groups,
.spoki-interest-feature-grid {
  min-width: 0;
  max-width: 100%;
}

.spoki-interest-hero__title,
.spoki-interest-hero__lead,
.spoki-interest-section-title,
.spoki-interest-section-lead {
  overflow-wrap: anywhere;
}

@media (max-width: 768px) {
  .spoki-interest-hero__buttons {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100%;
    overflow: visible !important;
  }

  .spoki-interest-hero__button,
  .spoki-interest-hero__button .wp-block-button__link {
    width: 100%;
  }

  .spoki-interest-hero__button .wp-block-button__link {
    display: flex !important;
    justify-content: center;
  }
}
/* === SPOKI INTERESTS HUB + MENU END 2026-06-24 === */

/* ============================================================
 * C.23 -- HOMEPAGE PRODUCT RAILS: centered card text + mobile one-row scroll
 * Owner approved 2026-07-09: keep the centered card look from the best-tabs
 * section on ALL homepage rails, and on mobile show rails as ONE horizontally
 * scrollable row (same pattern as .spoki-disc__grid / .spoki-ages2__grid).
 * Scope: body.home only. Rollback: style.css.bak-homerails-*
 * ============================================================ */
body.home .spoki-prail .spoki-pcard { text-align: center; }
body.home .spoki-prail .spoki-pcard__brand,
body.home .spoki-prail .spoki-pcard__title,
body.home .spoki-prail .spoki-pcard__price { text-align: center; }
body.home .spoki-prail .spoki-pcard__pills { justify-content: center; }
body.home .spoki-prail .spoki-pcard__foot { align-items: center; }
@media (max-width: 781px) {
  body.home .spoki-prail {
    display: flex !important;
    grid-template-columns: none !important;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    gap: 14px !important;
    padding: 4px 2px 12px;
  }
  body.home .spoki-prail::-webkit-scrollbar { display: none; }
  body.home .spoki-prail > * { flex: 0 0 43%; min-width: 158px; scroll-snap-align: start; }
}

/* C.23b -- restore the owner-requested contextual link below the homepage rail
 * (old design-system rule .spoki-products2__cta{display:none} predates the
 * 2026-07-09 instruction to show this link; newer owner decision wins, home only) */
body.home .spoki-products2__cta { display: block !important; }

/* C.23c -- rail 'view all' link = teal secondary (must not compete with orange Поръчай CTAs) */
body.home .spoki-products2__cta a.wp-block-button__link,
body.home .spoki-products2__cta a.wp-block-button__link:visited {
  background: transparent !important;
  background-color: transparent !important;
  color: #00838A !important; /* colour law: text teal on white */
  border: 2px solid var(--spoki-teal) !important;
  border-radius: 999px !important;
  font-family: var(--spoki-font-head);
  font-weight: 700;
}
body.home .spoki-products2__cta a.wp-block-button__link:hover {
  background: var(--spoki-teal) !important;
  background-color: var(--spoki-teal) !important;
  color: #fff !important;
}

/* ============================================================
 * C.23d -- Homepage best-tabs MOBILE fixes (owner report 2026-07-10)
 * 1) tab strip must start at the first (active) tab, then scroll right
 * 2) equal-height cards + bottom-aligned price/button in the one-row rail
 * Scoped to body.home only, <=781px. Shared .spoki-pcard design + desktop untouched.
 * Rollback: style.css.bak-mobtabs-*
 * ============================================================ */
@media (max-width: 781px) {
  body.home .spoki-best-tabs__nav { justify-content: flex-start; }
  body.home .spoki-prail > .spoki-pcard { height: auto; align-self: stretch; }
  body.home .spoki-prail .spoki-pcard__body { display: flex; flex-direction: column; flex: 1 1 auto; }
  body.home .spoki-prail .spoki-pcard__foot { margin-top: auto; }
}

/* ============================================================
 * C.23e -- Homepage rails: fuller mobile width + teal scroll indicator
 * Owner 2026-07-10. Mobile rail uses full screen width with bigger cards;
 * a slim teal progress bar under each rail shows it is scrollable.
 * Scoped body.home, <=781px. Desktop grid untouched. Rollback: style.css.bak-railwidth-*
 * ============================================================ */
.spoki-railscroll { display: none; }
@media (max-width: 781px) {
  /* full-bleed panels so the rail spans the whole screen width */
  body.home .spoki-best-tabs__panels { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }
  body.home .spoki-best-tabs__panels [role="tabpanel"] { padding: 0; }
  body.home .spoki-prail { padding-left: 16px; padding-right: 16px; gap: 12px !important; }
  body.home .spoki-prail > * { flex: 0 0 47% !important; min-width: 168px; }
  /* teal scroll-progress indicator */
  body.home .spoki-railscroll { display: block; height: 4px; border-radius: 999px; background: rgba(0,131,138,.12); margin: 12px 16px 0; position: relative; overflow: hidden; }
  body.home .spoki-railscroll__thumb { position: absolute; top: 0; left: 0; height: 100%; width: 30%; border-radius: 999px; background: var(--spoki-teal); transition: left .08s linear; }
}

/* C.23f -- mobile tappable arrow scroll control (owner 2026-07-10) */
.spoki-railnav{display:none}
@media (max-width:781px){
  body.home .spoki-railnav{display:flex;align-items:center;justify-content:center;gap:14px;margin:14px 16px 4px}
  body.home .spoki-railnav__btn{flex:0 0 auto;width:42px;height:42px;border-radius:999px;border:2px solid var(--spoki-teal);background:#fff;color:var(--spoki-teal);font-size:22px;line-height:1;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;transition:opacity .15s}
  body.home .spoki-railnav__btn:disabled{opacity:.3}
  body.home .spoki-railnav__track{flex:1 1 auto;max-width:150px;height:4px;border-radius:999px;background:rgba(0,131,138,.12);position:relative;overflow:hidden}
  body.home .spoki-railnav__thumb{position:absolute;top:0;left:0;height:100%;width:30%;border-radius:999px;background:var(--spoki-teal);transition:left .1s linear}
}

/* ============================================================
 * C.23g -- Homepage best-tabs DESKTOP: 6 per row, horizontal scroll,
 * same teal arrow control when there are more than 6. Owner 2026-07-10.
 * Scoped body.home .spoki-best-tabs, >=782px. Rollback: style.css.bak-desk6-*
 * ============================================================ */
@media (min-width: 782px) {
  body.home .spoki-best-tabs .spoki-prail {
    display: flex !important;
    grid-template-columns: none !important;
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    gap: 20px !important;
    padding: 4px 2px 8px;
  }
  body.home .spoki-best-tabs .spoki-prail::-webkit-scrollbar { display: none; }
  body.home .spoki-best-tabs .spoki-prail > * {
    flex: 0 0 calc((100% - 100px) / 6) !important;
    min-width: 0;
    scroll-snap-align: start;
  }
  body.home .spoki-railnav {
    display: flex; align-items: center; justify-content: center; gap: 16px;
    margin: 18px auto 0; max-width: 340px;
  }
  body.home .spoki-railnav__btn {
    flex: 0 0 auto; width: 44px; height: 44px; border-radius: 999px;
    border: 2px solid var(--spoki-teal); background: #fff; color: var(--spoki-teal);
    font-size: 22px; line-height: 1; display: flex; align-items: center; justify-content: center;
    padding: 0; cursor: pointer; transition: opacity .15s;
  }
  body.home .spoki-railnav__btn:hover:not(:disabled) { background: var(--spoki-teal); color: #fff; }
  body.home .spoki-railnav__btn:disabled { opacity: .3; cursor: default; }
  body.home .spoki-railnav__track { flex: 1 1 auto; height: 4px; border-radius: 999px; background: rgba(0,131,138,.12); position: relative; overflow: hidden; }
  body.home .spoki-railnav__thumb { position: absolute; top: 0; left: 0; height: 100%; width: 30%; border-radius: 999px; background: var(--spoki-teal); transition: left .1s linear; }
}

/* C.23h -- arrows ABOVE rail, top-right (fidget.bg style); no bar. Desktop + mobile. */
body.home .spoki-railnav{ display:flex !important; justify-content:flex-end; align-items:center; gap:10px; margin:0 0 14px !important; padding:0 16px; max-width:none !important; }
body.home .spoki-railnav__track{ display:none !important; }
body.home .spoki-railnav__btn{ width:40px; height:40px; border-radius:999px; border:2px solid var(--spoki-teal); background:#fff; color:var(--spoki-teal); font-size:22px; line-height:1; display:flex; align-items:center; justify-content:center; padding:0; cursor:pointer; transition:.15s; -webkit-appearance:none; }
body.home .spoki-railnav__btn:hover:not(:disabled){ background:var(--spoki-teal); color:#fff; }
body.home .spoki-railnav__btn:disabled{ opacity:.3; cursor:default; }

/* C.23i -- school section tabs: match top section (one-row scroll on mobile, not wrapped) */
@media (max-width: 600px){
  body.home .spoki-school-products .spoki-best-tabs__nav{ flex-wrap:nowrap; overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-width:none; justify-content:flex-start; }
  body.home .spoki-school-products .spoki-best-tabs__nav::-webkit-scrollbar{ display:none; }
}

/* C.23j -- equal-height cards + bottom-aligned price/button on ALL widths
 * (desktop rail is now flex scroll too, so height:100% no longer equalizes). body.home only. */
body.home .spoki-prail > .spoki-pcard { height: auto; align-self: stretch; }
body.home .spoki-prail .spoki-pcard__body { display: flex; flex-direction: column; flex: 1 1 auto; }
body.home .spoki-prail .spoki-pcard__foot { margin-top: auto; }

/* C.23k -- remove double-cream: story section becomes clean white (age keeps cream). Owner 2026-07-10 */
body.home .spoki-story{ background:#ffffff !important; }
body.home .spoki-story::before, body.home .spoki-story::after{ display:none !important; }

/* C.23l -- eduline value block redesigned in Spoki style (was a lone line on empty cream). 2026-07-10 */
body.home .spoki-eduline{ padding:68px 0; }
.spoki-eduline__box{ max-width:800px; margin:0 auto; text-align:center; padding:0 20px; }
.spoki-eduline__eyebrow{ font-family:var(--spoki-font-head); font-weight:700; text-transform:uppercase; letter-spacing:.14em; font-size:.8rem; color:var(--spoki-teal); margin:0 0 14px; }
.spoki-eduline__lead{ font-family:var(--spoki-font-head); font-weight:700; font-size:clamp(21px,2.3vw,28px); line-height:1.32; color:#2E3A67; margin:0 0 22px; text-wrap:balance; }
.spoki-eduline__chips{ display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin:0 0 22px; }
.spoki-eduline__chip{ background:#EAF6F4; color:#04767D; font-family:var(--spoki-font-head); font-weight:700; font-size:.9rem; padding:8px 16px; border-radius:999px; line-height:1; }
.spoki-eduline__note{ font-family:var(--spoki-font-body,'Nunito',sans-serif); font-size:16px; line-height:1.55; color:#54656B; max-width:640px; margin:0 auto; }
@media (max-width:600px){ body.home .spoki-eduline{ padding:48px 0; } .spoki-eduline__lead{ font-size:21px; } .spoki-eduline__chip{ font-size:.82rem; padding:7px 13px; } }

/* C.23l-fix -- eduline eyebrow+lead must use Comfortaa (beat .spoki-band p) */
body.home .spoki-eduline p.spoki-eduline__eyebrow{ font-family:var(--spoki-font-head); color:var(--spoki-teal); }
body.home .spoki-eduline p.spoki-eduline__lead{ font-family:var(--spoki-font-head); color:#2E3A67; }

/* C.23m -- eduline as a contained Spoki BANNER card (not an empty full-width cream band). 2026-07-10 */
body.home .spoki-eduline{ background:#ffffff !important; padding:60px 0 68px; }
body.home .spoki-eduline .spoki-inner{ padding:0 20px; }
body.home .spoki-eduline__box{ max-width:940px; margin:0 auto; padding:46px 44px; background:linear-gradient(135deg,#FFF7EB,#FDF0E3); border:1px solid #F1E7D8; border-radius:28px; box-shadow:0 20px 44px rgba(46,58,103,.08); }
body.home .spoki-eduline__eyebrow{ margin:0 0 12px; }
body.home .spoki-eduline__lead{ margin:0 0 20px; }
body.home .spoki-eduline__chips{ margin:0 0 18px; }
body.home .spoki-eduline__note{ margin:0 auto; }
@media (max-width:600px){ body.home .spoki-eduline{ padding:40px 0 48px; } body.home .spoki-eduline__box{ padding:32px 22px; border-radius:22px; } }

/* C.23n -- eduline skill icon feature-badges (stunning upgrade). 2026-07-10 */
.spoki-eduline__feats{ display:flex; flex-wrap:wrap; justify-content:center; gap:16px 30px; margin:8px 0 24px; }
.spoki-eduline__feat{ display:flex; flex-direction:column; align-items:center; gap:11px; width:118px; }
.spoki-eduline__ic{ width:62px; height:62px; border-radius:50%; display:flex; align-items:center; justify-content:center; box-shadow:0 8px 18px rgba(46,58,103,.09); transition:transform .18s ease; }
.spoki-eduline__feat:hover .spoki-eduline__ic{ transform:translateY(-4px); }
.spoki-eduline__ic svg{ width:28px; height:28px; display:block; }
.spoki-eduline__ic.ic-move{ background:#E3F4F3; color:#04767D; }
.spoki-eduline__ic.ic-speak{ background:#E4EEF9; color:#3E6FA6; }
.spoki-eduline__ic.ic-think{ background:#EDE9F7; color:#7A6BB5; }
.spoki-eduline__ic.ic-self{ background:#E7F3EC; color:#4B8C6A; }
.spoki-eduline__lbl{ font-family:var(--spoki-font-head); font-weight:700; font-size:.92rem; color:#2E3A67; text-align:center; line-height:1.2; }
@media(max-width:600px){ .spoki-eduline__feats{ gap:16px 8px; } .spoki-eduline__feat{ width:44%; } .spoki-eduline__ic{ width:54px; height:54px; } .spoki-eduline__ic svg{ width:25px; height:25px; } .spoki-eduline__lbl{ font-size:.86rem; } }
@media(prefers-reduced-motion:reduce){ .spoki-eduline__feat:hover .spoki-eduline__ic{ transform:none; } }

/* C.23o -- eduline 8 real skills as clickable icon badges, 4x2 grid. 2026-07-10 */
body.home .spoki-eduline__feats{ display:grid !important; grid-template-columns:repeat(4,1fr); gap:22px 10px; margin:10px auto 24px; max-width:660px; }
body.home .spoki-eduline__feat{ width:auto; text-decoration:none; }
body.home a.spoki-eduline__feat:hover{ text-decoration:none; }
.spoki-eduline__ic.ic-rose{ background:#FBE7EE; color:#C05B85; }
.spoki-eduline__ic.ic-gold{ background:#F6EFD9; color:#A98527; }
.spoki-eduline__ic.ic-coral{ background:#FBE9E4; color:#C56A52; }
.spoki-eduline__ic.ic-cyan{ background:#E0F2F4; color:#2A8A93; }
body.home a.spoki-eduline__feat:hover .spoki-eduline__lbl{ color:var(--spoki-teal); }
@media(max-width:600px){ body.home .spoki-eduline__feats{ grid-template-columns:repeat(2,1fr); max-width:320px; gap:20px 8px; } }

/* C.23p -- smaller skill icons + mission link. 2026-07-10 */
body.home .spoki-eduline__ic{ width:48px; height:48px; box-shadow:0 6px 14px rgba(46,58,103,.08); }
body.home .spoki-eduline__ic svg{ width:22px; height:22px; }
body.home .spoki-eduline__feats{ gap:18px 10px; }
body.home .spoki-eduline__lbl{ font-size:.86rem; }
body.home .spoki-eduline__mission{ margin:20px 0 0; text-align:center; }
body.home .spoki-eduline__mission a{ font-family:var(--spoki-font-head); font-weight:700; color:var(--spoki-teal); text-decoration:none; font-size:.95rem; }
body.home .spoki-eduline__mission a:hover{ text-decoration:underline; }
@media(max-width:600px){ body.home .spoki-eduline__ic{ width:42px; height:42px; } body.home .spoki-eduline__ic svg{ width:20px; height:20px; } body.home .spoki-eduline__lbl{ font-size:.8rem; } body.home .spoki-eduline__feats{ gap:16px 6px; } }

/* C.23q -- eduline skills: single row of 8 on desktop (wider local card), 4-per-row on small screens. 2026-07-10 */
body.home .spoki-eduline__feats{ align-items:start; }
@media (min-width:782px){
  body.home .spoki-eduline__box{ max-width:1060px; }
  body.home .spoki-eduline__feats{ grid-template-columns:repeat(8,1fr) !important; max-width:1000px; gap:14px 6px; }
  body.home .spoki-eduline__lbl{ font-size:.8rem; line-height:1.18; }
  body.home .spoki-eduline__ic{ width:46px; height:46px; }
  body.home .spoki-eduline__ic svg{ width:21px; height:21px; }
}
@media (max-width:781px){
  body.home .spoki-eduline__feats{ grid-template-columns:repeat(4,1fr) !important; max-width:none; gap:18px 6px; }
}
@media (max-width:600px){
  body.home .spoki-eduline__feats{ gap:16px 4px; }
  body.home .spoki-eduline__lbl{ font-size:.74rem; }
  body.home .spoki-eduline__ic{ width:40px; height:40px; }
  body.home .spoki-eduline__ic svg{ width:19px; height:19px; }
}

/* C.23r -- story section: half-mint gradient (white to mint) like the advisor upper section. 2026-07-10 */
body.home .spoki-story{ background: linear-gradient(180deg, #ffffff 0%, #ECF9F7 100%) !important; }
body.home .spoki-story::before{ display:none !important; }

/* C.23r-wave -- story bottom wave visible (transition into awards) */
body.home .spoki-story::after{ display:block !important; }

/* C.23s -- summer mosaic: dark gradient scrim for readable text + premium look. 2026-07-10 */
.spoki-summer-mosaic .wp-block-cover{ position:relative; overflow:hidden; }
.spoki-summer-mosaic .wp-block-cover::after{ content:''; position:absolute; inset:0; z-index:1; pointer-events:none; border-radius:inherit; background:linear-gradient(to top, rgba(18,28,38,.82) 0%, rgba(18,28,38,.55) 26%, rgba(18,28,38,.12) 52%, rgba(18,28,38,0) 72%); }
.spoki-summer-mosaic .wp-block-cover__inner-container{ position:relative; z-index:2; }
.spoki-summer-mosaic .wp-block-cover .wp-block-cover__image-background{ transition:transform .5s ease; }
.spoki-summer-mosaic .wp-block-cover:hover .wp-block-cover__image-background{ transform:scale(1.05); }
@media(prefers-reduced-motion:reduce){ .spoki-summer-mosaic .wp-block-cover:hover .wp-block-cover__image-background{ transform:none; } }

/* C.23s-fix -- bottom-align card text + stronger gradient so text is readable on light images too */
.spoki-summer-mosaic .wp-block-cover__inner-container{ justify-content:flex-end !important; }
.spoki-summer-mosaic .wp-block-cover::after{ background:linear-gradient(to top, rgba(14,24,34,.9) 0%, rgba(14,24,34,.66) 30%, rgba(14,24,34,.34) 56%, rgba(14,24,34,.08) 82%, rgba(14,24,34,0) 100%) !important; }
.spoki-summer-mosaic .wp-block-cover [class*='__ttl'], .spoki-summer-mosaic .wp-block-cover h3, .spoki-summer-mosaic .wp-block-cover p{ text-shadow:0 1px 6px rgba(0,0,0,.45); }
.spoki-summer-mosaic .wp-block-cover a{ color:#fff !important; }

/* C.23t -- summer bottom wave WHITE to match the white school section below (was cream, clashed). 2026-07-10 */
body.home .spoki-summer::after{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 90' preserveAspectRatio='none'%3E%3Cpath fill='%23ffffff' d='M0,90 V44 C240,8 480,80 720,54 C960,28 1200,74 1440,44 V90 Z'/%3E%3C/svg%3E") !important; background-size:100% 100% !important; background-position:bottom center !important; background-repeat:no-repeat !important; }


/* C.23u -- summer mosaic polish: radius, shadow, hover lift, CTA micro-interaction. 2026-07-10 */
.spoki-summer-mosaic .wp-block-cover{ border-radius:18px; box-shadow:0 10px 26px rgba(46,58,103,.12); transition:transform .35s ease, box-shadow .35s ease; }
.spoki-summer-mosaic .wp-block-cover:hover{ transform:translateY(-4px); box-shadow:0 16px 34px rgba(46,58,103,.18); }
@media(prefers-reduced-motion:reduce){ .spoki-summer-mosaic .wp-block-cover:hover{ transform:none; } }
.spoki-summer-mosaic__feat h3{ font-size:2rem; }
.spoki-summer-mosaic__tile h3{ font-size:1.35rem; margin-bottom:.35rem; }
.spoki-summer-mosaic .wp-block-cover p{ margin-bottom:.4rem; }
.spoki-summer-mosaic__cta a{ font-weight:700; text-decoration:none; display:inline-block; transition:transform .25s ease; }
.spoki-summer-mosaic .wp-block-cover:hover .spoki-summer-mosaic__cta a{ transform:translateX(4px); text-decoration:underline; text-underline-offset:3px; }

/* C.23u-fix -- summer CTA links must be WHITE on the dark scrim (beats global link-reset :link teal). 2026-07-10 */
body .spoki-summer-mosaic .wp-block-cover p.spoki-summer-mosaic__cta a:link,
body .spoki-summer-mosaic .wp-block-cover p.spoki-summer-mosaic__cta a:visited,
body .spoki-summer-mosaic .wp-block-cover p.spoki-summer-mosaic__cta a:hover,
body .spoki-summer-mosaic .wp-block-cover p.spoki-summer-mosaic__cta a:focus{ color:#fff !important; }

/* C.24 -- categories bottom wave WHITE to match white social section below (was cream #FFF7EB, clashed). Top wave left cream = intended skills2 transition. 2026-07-10 */
body.home .spoki-categories::after{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 80' preserveAspectRatio='none'%3E%3Cpath fill='%23ffffff' d='M0,80 H1440 V38 C1190,-4 1000,74 720,36 C470,-2 250,76 0,38 Z'/%3E%3C/svg%3E") !important; background-size:100% 100% !important; background-position:bottom center !important; background-repeat:no-repeat !important; }

/* === C.25 -- categories: CTA hierarchy + equal-height title pills. 2026-07-10 === */
/* Primary CTA: Виж всички -> solid orange pill */
body.home .spoki-category-circles__btn-all a{ background:var(--spoki-orange) !important; color:#fff !important; border:none !important; border-radius:999px !important; padding:13px 30px !important; font-family:var(--spoki-font-head) !important; font-weight:800 !important; font-size:15px !important; text-decoration:none !important; display:inline-block; line-height:1.1; box-shadow:0 6px 16px rgba(240,130,30,.22); transition:background .2s ease, transform .2s ease; }
body.home .spoki-category-circles__btn-all a:hover{ background:var(--spoki-orange-hover) !important; color:#fff !important; transform:translateY(-1px); }
/* Secondary CTA: Намери играчки -> teal underlined text link + arrow (no pill) */
body.home .spoki-category-circles__btn-find a{ background:none !important; background-color:transparent !important; border:none !important; border-radius:0 !important; box-shadow:none !important; padding:0 !important; color:#00838A !important; font-family:var(--spoki-font-body) !important; font-weight:800 !important; font-size:16px !important; text-decoration:none !important; }
body.home .spoki-category-circles__btn-find a::after{ content:'\2192'; display:inline-block; margin-left:7px; text-decoration:none; transition:transform .2s ease; }
body.home .spoki-category-circles__btn-find a:hover{ color:#00838A !important; }
body.home .spoki-category-circles__btn-find a:hover::after{ transform:translateX(3px); }
/* align the two CTAs on one baseline */
body.home .spoki-category-circles__btns{ display:flex !important; flex-wrap:wrap; align-items:center; justify-content:center; gap:14px 26px !important; margin-top:30px; }
/* Equal-height title pills: center-wrap, min-height */
body.home .spoki-category-circles__label{ display:inline-flex !important; align-items:center; justify-content:center; text-align:center; line-height:1.2; min-height:48px; box-sizing:border-box; max-width:170px; }

/* === C.26 -- spoki-social reviews wall: quote-on-image cover cards; desktop grid, mobile ONE ROW scroll. 2026-07-10 === */
body.home .spoki-social__grid{ display:grid !important; grid-template-columns:repeat(3,1fr) !important; grid-auto-rows:auto !important; gap:18px !important; }
body.home .spoki-review-card{ position:relative; overflow:hidden; border-radius:18px; min-height:320px; box-shadow:0 8px 22px rgba(42,45,52,.10); margin:0 !important; }
body.home .spoki-review-card .wp-block-cover__image-background{ width:100% !important; height:100% !important; object-fit:cover; }
body.home .spoki-review-card::after{ content:''; position:absolute; inset:0; z-index:1; pointer-events:none; background:linear-gradient(to top, rgba(14,24,34,.88) 0%, rgba(14,24,34,.55) 34%, rgba(14,24,34,.15) 62%, rgba(14,24,34,0) 100%); }
body.home .spoki-review-card .wp-block-cover__inner-container{ position:relative; z-index:2; justify-content:flex-end; padding:22px; }
body.home .spoki-review-card__quote{ margin:0; color:#fff; font-family:var(--spoki-font-head); font-weight:700; font-size:1.12rem; line-height:1.4; text-shadow:0 1px 8px rgba(0,0,0,.5); }
@media (max-width:1024px){ body.home .spoki-social__grid{ grid-template-columns:repeat(2,1fr) !important; } }
@media (max-width:600px){ body.home .spoki-social__grid{ display:flex !important; grid-template-columns:none !important; flex-wrap:nowrap !important; overflow-x:auto; -webkit-overflow-scrolling:touch; scroll-snap-type:x mandatory; gap:12px !important; padding:2px 2px 12px; } body.home .spoki-review-card{ flex:0 0 78% !important; scroll-snap-align:start; min-height:300px; } }

/* === C.27 -- reviews wall v2: split testimonial cards (photo top + clean quote panel). best-practice legible layout. 2026-07-10 === */
body.home .spoki-social__grid > .spoki-rev{ display:flex; flex-direction:column; height:100%; background:#fff; border-radius:20px; overflow:hidden; box-shadow:0 12px 30px rgba(42,45,52,.10); border:1px solid rgba(42,45,52,.06); }
body.home .spoki-social__grid .spoki-rev__img{ margin:0 !important; }
body.home .spoki-social__grid .spoki-rev__img img{ width:100% !important; height:190px !important; object-fit:cover; display:block; border-radius:0 !important; }
body.home .spoki-rev__body{ flex:1; display:flex; flex-direction:column; padding:18px 22px 24px; }
body.home .spoki-rev__tag{ margin:0 !important; font-family:var(--spoki-font-body); font-weight:800; font-size:.7rem; letter-spacing:.14em; text-transform:uppercase; color:#00838A; }
body.home .spoki-rev__q{ margin:0 !important; font-family:var(--spoki-font-head); font-weight:700; font-size:1.05rem; line-height:1.5; color:var(--spoki-slate); }
body.home .spoki-rev__q::before{ content:'\201E'; display:block; font-family:Georgia,serif; font-size:2.4rem; line-height:1; height:26px; color:#00838A; opacity:.25; margin:2px 0; }
@media (max-width:600px){ body.home .spoki-social__grid > .spoki-rev{ flex:0 0 80% !important; scroll-snap-align:start; height:auto; } }

/* === C.28 -- reviews slider v3: circular-avatar testimonial cards, center-featured coverflow slider + arrows. 2026-07-10 === */
body.home .spoki-social__grid{ display:flex !important; grid-template-columns:none !important; flex-wrap:nowrap !important; overflow-x:auto; scroll-snap-type:x mandatory; gap:26px !important; padding:26px 0 32px !important; scrollbar-width:none; }
body.home .spoki-social__grid::-webkit-scrollbar{ display:none; }
body.home .spoki-social__grid > .spoki-rev{ flex:0 0 clamp(290px,38%,430px) !important; scroll-snap-align:center; height:auto !important; text-align:center; padding:34px 30px 32px; transition:transform .4s ease, opacity .4s ease, box-shadow .4s ease; opacity:1; transform:none; }
body.home .spoki-social__grid.is-ready > .spoki-rev{ opacity:.5; transform:scale(.9); }
body.home .spoki-social__grid.is-ready > .spoki-rev.is-active{ opacity:1; transform:scale(1); box-shadow:0 22px 48px rgba(42,45,52,.20); }
body.home .spoki-social__grid .spoki-rev__img{ margin:0 auto 16px !important; }
body.home .spoki-social__grid .spoki-rev__img img{ width:96px !important; height:96px !important; border-radius:50% !important; object-fit:cover; box-shadow:0 8px 18px rgba(42,45,52,.20); }
body.home .spoki-rev__body{ flex:0 1 auto; padding:0; align-items:center; }
body.home .spoki-rev__tag{ text-align:center; margin:0 0 4px !important; }
body.home .spoki-rev__q{ text-align:center; font-size:1.14rem; line-height:1.5; }
body.home .spoki-rev__q::before{ display:block; text-align:center; margin:6px auto 4px; height:22px; line-height:1; }
body.home .spoki-rvs{ position:relative; }
body.home .spoki-rvs__nav{ position:absolute; top:50%; transform:translateY(-50%); z-index:5; width:54px; height:54px; border-radius:50%; border:1px solid rgba(42,45,52,.12); background:#fff; box-shadow:0 10px 24px rgba(42,45,52,.16); font-size:28px; line-height:0; color:var(--spoki-slate); cursor:pointer; display:flex; align-items:center; justify-content:center; transition:color .2s ease, border-color .2s ease, transform .2s ease; }
body.home .spoki-rvs__nav:hover{ color:#00838A; border-color:#00838A; }
body.home .spoki-rvs__nav:active{ transform:translateY(-50%) scale(.94); }
body.home .spoki-rvs__nav--prev{ left:-6px; } body.home .spoki-rvs__nav--next{ right:-6px; }
@media (max-width:600px){ body.home .spoki-social__grid > .spoki-rev{ flex-basis:80% !important; } body.home .spoki-rvs__nav{ width:44px; height:44px; font-size:24px; } body.home .spoki-rvs__nav--prev{ left:-2px; } body.home .spoki-rvs__nav--next{ right:-2px; } }

/* === C.29 -- reviews slider polish: bigger ringed avatar, hide quote glyph, arrow CTA. 2026-07-10 === */
body.home .spoki-rev__q::before{ content:none !important; display:none !important; }
body.home .spoki-rev__q{ margin-top:6px !important; }
body.home .spoki-social__grid .spoki-rev__img{ width:134px !important; height:134px !important; padding:6px; border:2px dashed #19B0B6; border-radius:50%; margin:0 auto 18px !important; box-shadow:none; box-sizing:border-box; }
body.home .spoki-social__grid .spoki-rev__img img{ width:100% !important; height:100% !important; border-radius:50% !important; object-fit:cover; box-shadow:none !important; }
body.home .spoki-social__grid > .spoki-rev:nth-child(3n+2) .spoki-rev__img{ border-color:var(--spoki-orange); }
body.home .spoki-social__grid > .spoki-rev:nth-child(3n) .spoki-rev__img{ border-color:#7FCFC9; }
body.home .spoki-social__cta{ margin-top:26px !important; }
body.home .spoki-social__cta a{ display:inline-flex !important; align-items:center; gap:8px; background:none !important; background-color:transparent !important; border:none !important; box-shadow:none !important; border-radius:0 !important; padding:0 !important; color:#00838A !important; font-family:var(--spoki-font-body) !important; font-weight:800 !important; font-size:16px !important; text-decoration:none !important; }
body.home .spoki-social__cta a::after{ content:'\2192'; display:inline-block; transition:transform .2s ease; }
body.home .spoki-social__cta a:hover{ color:#006A6F !important; }
body.home .spoki-social__cta a:hover::after{ transform:translateX(4px); }

/* === C.30 -- reviews avatar: drop dashed ring (it duplicated the category dotted circles above); bigger clean avatar to differentiate. 2026-07-10 === */
body.home .spoki-social__grid .spoki-rev__img{ width:150px !important; height:150px !important; padding:0 !important; border:none !important; border-radius:50%; box-shadow:none; margin:0 auto 18px !important; }
body.home .spoki-social__grid > .spoki-rev:nth-child(3n+2) .spoki-rev__img, body.home .spoki-social__grid > .spoki-rev:nth-child(3n) .spoki-rev__img{ border:none !important; }
body.home .spoki-social__grid .spoki-rev__img img{ border:3px solid #fff !important; box-shadow:0 12px 26px rgba(42,45,52,.18) !important; }

/* === C.31 -- bring back decorative quote mark on its own line (clear of text) + smaller quote text so longer quotes fit. 2026-07-10 === */
body.home .spoki-rev__q{ font-size:1.02rem !important; line-height:1.46 !important; margin-top:2px !important; }
body.home .spoki-rev__q::before{ content:'\201E' !important; display:block !important; text-align:center; font-family:Georgia,'Times New Roman',serif; font-size:3rem !important; line-height:.72 !important; color:#00838A !important; opacity:.24; margin:2px 0 10px !important; height:auto !important; }
body.home .spoki-social__grid > .spoki-rev{ min-height:360px; }


/* ===== INTRO FULL-WIDTH (variant B, owner-locked 2026-07-11) - audit doc 37.
   Backup: style.css.bak-intro-20260711-193610. Rollback: delete this block + purge FlyingPress. ===== */
.spoki-category-intro{text-align:center;max-width:none;margin:20px auto 18px}
@media (max-width:781px){.spoki-category-intro{margin:16px auto 14px}}


/* ===================================================================
   SHARED ARCHIVE / HUB INTRODUCTION  (.spoki-page-intro) - 2026-07-12
   One reusable intro component. Supersedes per-page narrow caps
   (max-width:760/700) and the doc-37 max-width:none on category intro.
   Wide (~1120px) centered on desktop; full-width left on mobile.
   Backup: style.css.bak-pageintro-20260711-233902. Rollback: delete this block + purge FlyingPress.
   =================================================================== */
.spoki-page-intro,
.spoki-category-intro,
.spoki-discovery-intro,
.spoki-shop__intro,
.snh-intro, .ssh-intro,
.spoki-hub-intro,
.spoki-cat__intro,
.spoki-kat-intro {
  width: 100%;
  max-width: 1120px;
  margin: 24px auto 30px;
  padding-inline: 16px;
  color: #4b4f55;
  font-size: 16px;
  line-height: 1.65;
  text-align: center;
  text-wrap: pretty;
}
.spoki-page-intro > :first-child,
.spoki-category-intro > :first-child { margin-top: 0; }
.spoki-page-intro > :last-child,
.spoki-category-intro > :last-child { margin-bottom: 0; }
.spoki-page-intro p { margin: 0; }

@media (max-width: 781px) {
  .spoki-page-intro,
  .spoki-category-intro,
  .spoki-discovery-intro,
  .spoki-shop__intro,
  .snh-intro, .ssh-intro,
  .spoki-hub-intro,
  .spoki-cat__intro,
  .spoki-kat-intro {
    max-width: none;
    margin: 16px 0 22px;
    padding-inline: 16px;
    text-align: left;
  }
}
/* ===== END SHARED ARCHIVE / HUB INTRODUCTION ===== */
/* Hub intros baked into post_content (.spk-hubintro on brand/skill/interest/need hubs).
   Body-scope to beat the in-body inline <style> max-width:680px (not !important). 2026-07-12 */
body .spk-hubintro{max-width:1120px;margin-left:auto;margin-right:auto}
@media (max-width:781px){body .spk-hubintro{max-width:none;text-align:left}}

/* === SPOKI-HEADER-SEARCH-WIDTH (Step 1: visible wide search) === */
@media (min-width:1025px){
  .whb-col-center .wd-header-search-form,
  .whb-col-center .wd-header-search-form .dgwt-wcas-search-wrapp,
  .whb-col-center .wd-header-search-form .dgwt-wcas-search-form{ width:100% !important; max-width:560px !important; }
  .whb-col-center .wd-header-search-form .dgwt-wcas-search-input{ height:50px !important; }
}

/* === SPOKI-MOBILE-SEARCH (Step 1 mobile: visible 2nd-row FiboSearch) === */
@media (max-width:1024px){
  .whb-header-bottom{ display:block !important; }
  .whb-header-bottom > .container{ padding:8px 16px 10px !important; text-align:left !important; }
  .whb-header-bottom .wd-search-form.wd-header-search-form-mobile{ width:100% !important; max-width:100% !important; }
  .whb-header-bottom .dgwt-wcas-search-wrapp.dgwt-wcas-layout-classic,
  .whb-header-bottom .dgwt-wcas-search-wrapp.dgwt-wcas-layout-classic .dgwt-wcas-search-form,
  .whb-header-bottom .dgwt-wcas-search-wrapp.dgwt-wcas-layout-classic .dgwt-wcas-sf-wrapp,
  .whb-header-bottom .dgwt-wcas-search-wrapp.dgwt-wcas-layout-classic .dgwt-wcas-search-input{ width:100% !important; max-width:100% !important; box-sizing:border-box !important; float:none !important; margin-left:0 !important; margin-right:0 !important; }
  .whb-header-bottom .dgwt-wcas-search-wrapp.dgwt-wcas-layout-classic .dgwt-wcas-search-input{ height:48px !important; }
  /* row-1 search icon only in compact sticky state */
  .whb-header:not(.whb-sticked) .whb-general-header .dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon{ display:none !important; }
  /* guard against horizontal overflow */
  .whb-header-bottom .dgwt-wcas-suggestions-wrapp{ max-width:100vw !important; }
}

/* === SPOKI-AGEBAR-V3 (canonical order, SVG chevrons, smart arrows, no grey) === */
.spoki-agebar__inner{ display:flex !important; align-items:center; gap:8px; flex-wrap:nowrap !important; padding:0 12px; }
.spoki-agebar__track{ display:flex !important; flex-wrap:nowrap !important; gap:10px; flex:1 1 auto; min-width:0; overflow-x:auto; scroll-behavior:smooth; -webkit-overflow-scrolling:touch; scrollbar-width:none; scroll-snap-type:x proximity; scroll-padding-left:16px; }
.spoki-agebar__track::-webkit-scrollbar{ display:none !important; }
.spoki-agebar__pill{ flex:0 0 auto; scroll-snap-align:start; }
.spoki-agebar:not(.is-scrollable) .spoki-agebar__track{ justify-content:center; }
.spoki-agebar__arrow{ display:none !important; flex:0 0 auto; width:44px; height:44px; min-width:44px; border-radius:50%; background:#fff !important; border:1.5px solid #19B0B6 !important; color:#19B0B6 !important; box-shadow:0 1px 3px rgba(0,0,0,.08); cursor:pointer; padding:0; align-items:center; justify-content:center; }
.spoki-agebar__arrow::before{ content:none !important; display:none !important; }
.spoki-agebar__arrow svg{ display:block; width:18px; height:18px; }
.spoki-agebar.is-scrollable .spoki-agebar__arrow{ display:flex !important; }
.spoki-agebar.is-scrollable .spoki-agebar__arrow.is-hidden{ display:none !important; }
.spoki-agebar__arrow:active{ transform:scale(.94); }

/* === SPOKI-AGEBAR-V3-FIX: chevron size + scroll fade === */
.spoki-agebar__arrow svg{ width:18px !important; height:18px !important; flex:0 0 auto !important; }
.spoki-agebar.is-scrollable:not(.at-end) .spoki-agebar__track{ -webkit-mask-image:linear-gradient(90deg,#000 84%,rgba(0,0,0,.12) 100%); mask-image:linear-gradient(90deg,#000 84%,rgba(0,0,0,.12) 100%); }

/* age strip scroll arrow refinement — owner 2026-07-14 */
.spoki-agebar .spoki-agebar__arrow{width:40px!important;height:40px!important;min-width:40px!important;border:1px solid var(--spoki-sand)!important;background:#fff!important;color:var(--spoki-teal-deep)!important;box-shadow:0 4px 14px rgba(43,59,64,.14)!important}
.spoki-agebar .spoki-agebar__arrow svg{width:15px!important;height:15px!important;stroke-width:2.4!important}
.spoki-agebar .spoki-agebar__arrow:hover{border-color:var(--spoki-teal-deep)!important;box-shadow:0 6px 18px rgba(43,59,64,.18)!important}
.spoki-agebar .spoki-agebar__track{-webkit-mask-image:linear-gradient(90deg,#000 78%,rgba(0,0,0,0) 100%)!important;mask-image:linear-gradient(90deg,#000 78%,rgba(0,0,0,0) 100%)!important}


/* SPOKI-PRAILGRID-V1: grid layout for [spoki_products_rail layout="grid"] — oferti page card parity 2026-07-16 */
.spoki-prail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 22px;padding:4px 2px 12px}
.spoki-prail-grid.spoki-prail-grid--cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1199px){.spoki-prail-grid,.spoki-prail-grid.spoki-prail-grid--cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){.spoki-prail-grid,.spoki-prail-grid.spoki-prail-grid--cols-3{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}}
.spoki-prail-grid>.spoki-pcard{height:auto;align-self:stretch}

/* ===== NEWSLETTER CONSENT A11Y (2026-07-21, PDP_FINAL point 3) =====
   Scope: prefooter newsletter consent row only. No markup, no consent logic,
   no privacy or email-flow change. Goal: >=44px tap target, whole row clickable,
   visible keyboard focus. input stays inside <label> (implicit association kept). */
.spoki-prefooter-cta__consent{min-height:44px;padding:8px 6px;cursor:pointer;border-radius:10px;-webkit-tap-highlight-color:transparent}
.spoki-prefooter-cta__consent>span{cursor:pointer}
.spoki-prefooter-cta__consent input[type="checkbox"]{width:22px;height:22px;cursor:pointer}
.spoki-prefooter-cta__consent input[type="checkbox"]:focus-visible{outline:3px solid var(--spoki-color-teal,#19B0B6);outline-offset:2px}
.spoki-prefooter-cta__consent:focus-within{outline:2px solid var(--spoki-color-teal,#19B0B6);outline-offset:2px;background:rgba(25,176,182,.06)}
.spoki-prefooter-cta__consent a{cursor:pointer;position:relative;z-index:1}
@media (max-width:767px){.spoki-prefooter-cta__consent input[type="checkbox"]{width:24px;height:24px}}

@media (max-width:430px){ .spoki-pay-bank-label{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; } .spoki-pay-bank{ padding:7px!important; } }

.spoki-pay-bank svg{ display:block; width:auto; height:24px; max-width:100%; }


/* ============================================================
   SpOki HEADER JUMP + MOBILE SEARCH/AGE CLEANUP (2026-07-31)
   1) Desktop sticky ~2px jump: our .whb-header-bottom top+bottom
      borders (1px each) added 2px of layout height that WoodMart's
      --wd-header-h (calc 42+104+50+1 = 197px) does NOT count, so the
      sticky placeholder was 2px short -> content jumped -2px on scroll.
      Convert those borders to INSET box-shadow (0 layout height):
      the lines stay identical, header height now == reserved height.
   2) Mobile homepage only: drop the duplicate divider between search
      and the age pills (keep only the age-bar's own bottom divider),
      tighten the empty band, 44px arrow, no faded/covered last chip.
   Backup: /home/spokibg/ops-backups/header-search-agebar-20260731/style.css.prod.bak
   Rollback: restore backup + purge FlyingPress.
   ============================================================ */
.whb-header-bottom{
  border-top:0 !important;
  border-bottom:0 !important;
  box-shadow: inset 0 1px 0 rgba(232,221,210,.72), inset 0 -1px 0 rgba(232,221,210,.92) !important;
}
@media (max-width:1024px){
  body.home .whb-header-bottom{ box-shadow: inset 0 1px 0 rgba(232,221,210,.72) !important; }
  body.home .whb-header-bottom > .container{ padding-top:8px !important; padding-bottom:6px !important; }
  body.home .spoki-agebar{ padding-top:8px !important; padding-bottom:10px !important; }
}
.spoki-agebar.is-scrollable .spoki-agebar__arrow,
.spoki-agebar .spoki-agebar__arrow{ box-sizing:border-box !important; width:44px !important; height:44px !important; min-width:44px !important; }
.spoki-agebar__track{ scroll-padding-right:16px !important; padding-right:4px !important; }
.spoki-agebar.is-scrollable .spoki-agebar__track{ -webkit-mask-image:none !important; mask-image:none !important; }