/* KUBIVO fluid layer (8 Oct 2026). Loaded after plush.css by kubivo-v2.php; drop the enqueue to roll back.
   Ilya: the font "more like bold calibri like the one in our logo branding"; the "01 / INDOOR ENERGY" labels
   "look like coders style... kids friendly and for parents"; the page "needs to be smooth and interconnected,
   seamlessly integrated and full width, not choppy and 2005 style". So: Calibri Bold (Carlito, its metric twin,
   where Calibri is not installed) for every heading, label and button, no monospace anywhere, light sections
   share one white canvas with soft colour glows instead of grey bands, colour bands join it with wave edges,
   and the footer runs full width on a light wave with the logo straight on it. */

:root{
  --k-display:"Calibri","Carlito","Segoe UI",system-ui,sans-serif;
  --k-mono:var(--k-display);
  --kv-head:var(--k-display);
  --wt:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 100' preserveAspectRatio='none'%3E%3Cpath d='M0 62C240 18 480 10 720 46C960 82 1200 86 1440 38V100H0Z'/%3E%3C/svg%3E");
  --wb:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 100' preserveAspectRatio='none'%3E%3Cpath d='M0 0H1440V52C1200 92 960 90 720 58C480 26 240 18 0 60Z'/%3E%3C/svg%3E");
  --wv:clamp(26px,3.6vw,56px);
  --sp:clamp(46px,4.8vw,68px);   /* one section rhythm: 68 px at 1440, 46 px on phones */
}

/* ---------- type: Calibri Bold, the logo's voice ---------- */
html body .k2 h1,html body .k2 h2,html body .k2 h3,html body .k2 h4,
html body .kv-page h1,html body .kv-page h2,html body .kv-page h3,html body .kv-doc h1,html body .kv-doc h2,
html body .product_title,html body .wd-entities-title{font-family:var(--k-display)!important;font-weight:700!important;letter-spacing:-.012em!important}
html body .k-h1{font-size:clamp(48px,6.4vw,96px);line-height:1}
html body .k-h2{font-size:clamp(36px,4.8vw,70px);line-height:1.02}
html body .k-h3{font-size:clamp(23px,2.2vw,30px);line-height:1.12}
html body .k-hl::after{bottom:.08em;height:.3em}
html body .k2 .k-btn{font:700 19px/1 var(--k-display)!important;letter-spacing:.01em;padding:19px 34px 20px!important}
html body .whb-header .btn,html body .single_add_to_cart_button,html body .woocommerce .button.alt,
html body .woocommerce a.checkout-button,html body .woocommerce #place_order,html body .k-tag{font-family:var(--k-display)!important;font-weight:700!important;letter-spacing:.01em}
html body .whb-header .btn{font-size:17px!important}
html body .whb-header .wd-nav-main>li>a,html body .whb-general-header .wd-nav>li>a{font-family:var(--k-display)!important;font-weight:700!important;font-size:18px!important;color:var(--k-ink)!important;letter-spacing:.005em}
html body .whb-header .wd-nav-main>li>a:hover,html body .whb-header .wd-nav-main>li.current-menu-item>a{color:var(--k-pink)!important}
/* header (8 Oct): big centred logo row, the menu centred in its own row under it, one soft shadow under both */
@media (min-width:1025px){
  html body .whb-general-header{box-shadow:none!important}
  html body .whb-header:not(.whb-sticked) .whb-general-header .wd-logo{margin-top:22px}   /* air between the top bar and the logo */
  html body .whb-header-bottom{box-shadow:0 12px 30px -26px rgba(27,31,39,.45)!important;border:0!important;background:#fff!important}
  html body .whb-header-bottom .wd-nav-main>li>a{padding-left:16px!important;padding-right:16px!important}
}
html body .kv-announce{font-family:var(--k-display)!important;font-weight:700;font-size:15px}

/* ---------- friendly labels: no capitals-with-tracking, no numbering, no monospace ---------- */
html body .k-eyebrow,html body .kv-page .kv-eyebrow{font:700 16px/1 var(--k-display)!important;letter-spacing:.01em!important;text-transform:none!important;color:var(--k-teal-d)!important;padding:10px 16px!important}
html body .k-ink .k-eyebrow,html body .k-pinkbg .k-eyebrow,html body .kv-sec--ink .kv-eyebrow{color:#fff!important;background:rgba(255,255,255,.16)!important;box-shadow:none!important}
html body .k-pinkbg .k-eyebrow[style]{color:var(--k-pink-d)!important;background:#fff!important}
html body .k-chip{font:700 16px/1 var(--k-display)}
html body .k-chip b{font:700 16px/1 var(--k-display)}
html body .k-ben__n{display:inline-flex;align-self:flex-start;font:700 15px/1 var(--k-display)!important;color:#fff!important;background:var(--k-pink);padding:8px 14px 9px;border-radius:999px;margin-bottom:14px;letter-spacing:.01em}
html body .k-ben:nth-child(2) .k-ben__n{background:var(--k-teal-d)}
html body .k-ben:nth-child(3) .k-ben__n{background:#6E8114}
html body .k-ben:nth-child(4) .k-ben__n{background:#8A6A52}
html body .k-pole__state{font:700 17px/1 var(--k-display)!important}
html body .k-pole__word{font-family:var(--k-display)!important;font-weight:700}
html body .k-perhour small{font:400 15px/1.5 var(--k-body)!important}
html body .k-ico{font:700 17px/1 var(--k-display)!important;letter-spacing:.02em}
html body .k-build span{font:700 21px/1 var(--k-display)!important}
html body .k-build small{display:none}
html body .kv-foot h4{font:700 19px/1.2 var(--k-display)!important;letter-spacing:0!important;text-transform:none!important}

/* ---------- one canvas: no grey bands, no dashed boxes ---------- */
html body .k2 .k-canvas,html body .k-hero{background:transparent!important}
html body .k2 .k-cream,html body .kv-sec--ivory,html body .kv-sec--sand,html body .kv-pagehead{
  background:radial-gradient(42% 40% at 3% 45%,rgba(20,160,198,.10),rgba(20,160,198,0) 72%),
             radial-gradient(38% 38% at 97% 55%,rgba(216,27,102,.07),rgba(216,27,102,0) 72%)!important;border:0!important}
html body .k-stack__row{border-bottom:1px solid rgba(27,31,39,.08)!important}
html body .k-help div{background:rgba(20,160,198,.07)!important;border:0!important;border-radius:20px!important}
html body .k-safe__c{border:0!important;box-shadow:var(--k-soft)!important}

/* ---------- tighter rhythm (Ilya, 8 Oct: "too much white space in between, on all the sections") ---------- */
html body .k2 .k-sec{padding-top:var(--sp);padding-bottom:var(--sp)}
html body .k-hero{padding:28px 0 calc(var(--sp) * .5)!important}
html body .k-hero__grid{min-height:min(70vh,720px)}
html body .k-head{margin-bottom:clamp(30px,3.4vw,46px)}
html body .k-head .k-lead{margin-top:14px}
html body .k-actions{margin-top:28px}
html body .k-marquee{padding-bottom:12px}
html body .kv-sec{padding:var(--sp) 0}
html body .kv-pagehead{padding:calc(var(--sp) * .8) 0 calc(var(--sp) * .6)}
html body .kv-head{margin-bottom:clamp(28px,3.2vw,40px)}
html body .wd-footer{margin-top:0!important}
html body.home .site-content,html body.home .wd-content-layout{padding-bottom:0!important;margin-bottom:0!important}
html body.woocommerce .wd-content-layout,html body.woocommerce-page .wd-content-layout{padding-bottom:calc(var(--sp) + var(--wv))!important}

/* ---------- colour bands flow in on waves instead of hard edges ---------- */
html body .k2 .k-ink.k-sec,html body .k2 .k-pinkbg.k-sec,html body .kv-sec--ink{
  padding-top:calc(var(--sp) + var(--wv) * .8)!important;padding-bottom:calc(var(--sp) + var(--wv) * .8)!important;
  margin-top:calc(var(--wv) * -.45);margin-bottom:calc(var(--wv) * -.45);z-index:1;
  -webkit-mask:var(--wt) top/100% var(--wv) no-repeat,linear-gradient(#000 0 0) center/100% calc(100% - 2 * var(--wv) + 2px) no-repeat,var(--wb) bottom/100% var(--wv) no-repeat;
          mask:var(--wt) top/100% var(--wv) no-repeat,linear-gradient(#000 0 0) center/100% calc(100% - 2 * var(--wv) + 2px) no-repeat,var(--wb) bottom/100% var(--wv) no-repeat}

/* ---------- footer: full width, light, on a wave, logo straight on the canvas ---------- */
html body footer.wd-footer.footer-container,html body .wd-footer .main-footer{background:transparent!important;border:0!important}
html body .wd-footer .main-footer{max-width:none!important;padding:0!important}
html body .wd-footer .kv-foot{width:100vw;position:relative;left:50%;margin-left:-50vw;
  background:linear-gradient(180deg,#EDF8FB 0%,#DCEFF5 100%)!important;color:var(--k-text)!important;
  padding:calc(var(--sp) * .7 + var(--wv)) 0 26px!important;margin-top:calc(var(--wv) * -.45);
  -webkit-mask:var(--wt) top/100% var(--wv) no-repeat,linear-gradient(#000 0 0) bottom/100% calc(100% - var(--wv) + 2px) no-repeat;
          mask:var(--wt) top/100% var(--wv) no-repeat,linear-gradient(#000 0 0) bottom/100% calc(100% - var(--wv) + 2px) no-repeat}
html body .wd-footer .kv-foot .kv-wrap{max-width:1280px;padding:0 28px}
html body .wd-footer .kv-foot a{color:var(--k-ink)!important}
html body .wd-footer .kv-foot a:hover{color:var(--k-pink)!important}
html body .wd-footer .kv-foot h4{color:var(--k-teal-d)!important}
html body .wd-footer .kv-foot p{color:var(--k-text)!important}
html body .kv-foot__logo{background:none!important;padding:0!important;border-radius:0!important;margin-bottom:18px}
html body .kv-foot__logo img{width:190px!important;height:auto}
html body .wd-footer .kv-foot__bar{border-top:1px solid rgba(12,124,156,.16)!important;color:var(--k-text)!important}

@media (max-width:640px){
  html body .k-eyebrow{font-size:14px!important;padding:8px 13px!important}
  html body .k2 .k-btn{font-size:18px!important;padding:17px 28px 18px!important}
  html body .wd-footer .kv-foot .kv-wrap{padding:0 18px}
  html body .kv-foot__logo img{width:160px!important}
}

/* ================= round 2 (8 Oct): fixes from the desktop + mobile QA sweep ================= */
/* headings never strand one word on a line */
html body .k2 h1,html body .k2 h2,html body .k2 h3,html body .kv-page h1,html body .kv-page h2,html body .kv-page h3{text-wrap:balance}

/* hero: CTAs above the fold under the big header; no stray sparkles */
html body .k-h1{font-size:clamp(46px,5.4vw,80px)}
html body .k-hero__grid{min-height:0!important}
html body .k-hero .k-spark{display:none!important}
html body .k-stack__row b{font:700 18px/1.25 var(--k-display)}

/* every button is the same plush pillow: no black offset shadows, no capitals, Calibri */
html body .k2 .k-btn,html body .kv-btn,html body .kv-page a.kv-btn,html body .kv-form button.kv-btn,html body .k-form button,
html body .single_add_to_cart_button,html body .woocommerce .button,html body .wd-wtl-form button{text-transform:none!important;font-family:var(--k-display)!important;font-weight:700!important;letter-spacing:.01em!important}
html body .kv-page a.kv-btn,html body .kv-form button.kv-btn,html body .kv-page .kv-btn{
  background-color:var(--f)!important;background-image:url(plush-weave.webp),radial-gradient(130% 120% at 50% 0%,var(--fh) 0%,var(--f) 52%,var(--fl) 100%)!important;
  background-size:160px 160px,100% 100%!important;background-blend-mode:soft-light,normal!important;border:0!important;
  box-shadow:inset 0 3px 2px rgba(255,255,255,.42),inset 0 -7px 12px rgba(0,0,0,.16),0 12px 22px -8px var(--glow),0 3px 6px rgba(27,31,39,.12)!important}
html body .kv-page a.kv-btn--dark,html body .kv-btn--dark{--f:var(--k-teal);--fh:var(--k-teal-l);--fl:var(--k-teal-d);--glow:rgba(20,160,198,.45);--tx:#fff}

/* form fields: one shape for inputs, selects and text areas */
html body .k-form input[type=email],html body .k-form input[type=text],html body .k-form select,
html body .kv-form input[type=email],html body .kv-form input[type=text],html body .kv-form select{height:56px!important;border-radius:18px!important}
html body .k-form textarea,html body .kv-form textarea{border-radius:18px!important}
html body .k-form select,html body .kv-form select{-webkit-appearance:none;appearance:none;padding-right:46px!important;background-color:#fff;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1.5 1.5l5.5 5.5 5.5-5.5' fill='none' stroke='%230C7C9C' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;background-position:right 18px center!important;background-size:14px 9px!important}
html body .k-wl .k-consent,html body .kv-wl .kv-consent{color:var(--k-text)!important}
html body .k-wl .k-consent a,html body .kv-wl a{color:var(--k-teal-d)!important;text-decoration:underline}

/* "what big-block play gives kids" and the set ladder: real cards, one numeral style */
html body .k-dev div{background:#fff;border:0!important;border-radius:24px;padding:26px 24px 24px;box-shadow:var(--k-soft)!important}
html body .k-step .k-bign{color:var(--k-teal);font-family:var(--k-display)!important;font-weight:700}
html body .k-step--hot{background:linear-gradient(160deg,#F3F8DC 0%,#E3EEAF 100%)!important}
html body .k-step--hot p,html body .k-step--hot h3{color:var(--k-ink)!important}
html body .k-step--hot .k-bign{color:var(--k-lime-d)}

/* palette strays */
html body .k-eyebrow i[style]{background:var(--k-teal)!important;box-shadow:0 0 0 3px rgba(20,160,198,.2)!important}
html body .k-ben:nth-child(4) .k-ben__n{background:var(--k-pink-d)}
html body .k-marquee{-webkit-mask-image:none!important;mask-image:none!important}

/* builds page cards: names only, a soft pill on the two-set builds */
html body .kv-build figcaption small{display:none}
html body .kv-build figcaption small.kv-two{display:inline-block;font:700 13px/1 var(--k-display)!important;letter-spacing:0!important;text-transform:none!important;
  color:#fff!important;background:var(--k-pink);border-radius:999px;padding:6px 10px 7px;margin-bottom:6px}
html body .kv-build figcaption b{font:700 19px/1.15 var(--k-display)!important}

/* shop archive: no beige title band, no theme toolbar */
html body .wd-page-title,html body .page-title{background:radial-gradient(42% 60% at 6% 50%,rgba(20,160,198,.10),rgba(20,160,198,0) 72%),radial-gradient(38% 60% at 94% 50%,rgba(216,27,102,.07),rgba(216,27,102,0) 72%)!important;border:0!important}
html body .wd-page-title .entry-title,html body .page-title .entry-title,html body .wd-page-title h1{text-transform:none!important;font-family:var(--k-display)!important;font-weight:700!important;letter-spacing:-.01em!important;color:var(--k-ink)!important}
html body .shop-loop-head,html body .wd-shop-tools,html body .wd-btn-show-cat,html body .wd-nav-product-cat-wrap,html body .wd-products-nav{display:none!important}

/* product page: theme leftovers */
html body.single-product .product_meta,html body.single-product .product-share,html body.single-product .summary .wd-social-icons{display:none!important}
html body.single-product .wd-nav-tabs>li>a{text-transform:none!important;font:700 21px/1.2 var(--k-display)!important;letter-spacing:0!important}
html body.single-product .product-tabs-wrapper,html body.single-product .wd-single-tabs{border-top:0!important;border-bottom:0!important}
html body .quantity{border-radius:999px;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(27,31,39,.14);background:#fff}
html body .quantity input.qty{border:0!important;background:transparent!important;min-width:44px;height:52px!important}
html body .quantity .btn,html body .quantity .minus,html body .quantity .plus{border:0!important;background:transparent!important;min-width:44px;height:52px!important;font-size:20px!important}

@media (max-width:640px){
  /* seven colourways in a 2-column grid instead of seven full-width cards */
  html body .k-colors{grid-template-columns:1fr 1fr!important;gap:12px}
  html body .k-color__b{padding:10px 12px}
  html body .k-color__n{font-size:18px!important}
  html body .k-color__m{display:block;font-size:12px;line-height:1.3;margin-top:3px}
  html body .k-color img.k-sw{width:22px!important;height:22px!important}
  html body .k-color--cta{grid-column:1/-1;padding:22px!important}
  /* comparison rows: label over value */
  html body .k-stack__row{flex-direction:column;gap:2px}
  html body .k-stack__row span{text-align:left}
  /* trust cards 2 x 2 */
  html body .k-safe{grid-template-columns:1fr 1fr!important;gap:12px}
  html body .k-safe__c{padding:18px 16px}
  html body .k-safe__c p{font-size:14px}
  /* bigger tap targets on the product page */
  html body .wd-swatch{min-width:40px;min-height:40px}
  html body .scrollToTop{display:none!important}
}

/* phones: our own sticky Preorder bar replaces the theme toolbar (Shop / Cart / My account) */
html body:has(.kv-mbar) .wd-toolbar{display:none!important}   /* only where the bar exists: kubivo.ru shares this file */
html body.sticky-toolbar-on:has(.kv-mbar){padding-bottom:0!important}
.kv-mbar{display:none}
@media (max-width:768px){
  .kv-mbar{display:flex;position:fixed;left:12px;right:12px;bottom:12px;z-index:390;align-items:center;justify-content:space-between;gap:12px;
    padding:10px 10px 10px 18px;border-radius:999px;background:rgba(255,255,255,.96);box-shadow:0 18px 40px -16px rgba(27,31,39,.45),0 2px 6px rgba(27,31,39,.08);
    transform:translateY(140%);transition:transform .35s cubic-bezier(.2,.8,.2,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
  .kv-mbar.is-on{transform:none}
  .kv-mbar span{font:700 15px/1.2 var(--k-display);color:var(--k-ink)}
  .kv-mbar span small{display:block;font:400 12px/1.3 var(--k-body);color:var(--k-text)}
  html body .kv-mbar .kv-btn{padding:13px 20px 14px!important;font-size:16px!important;white-space:nowrap}
  html body.single-product .kv-mbar,html body.woocommerce-cart .kv-mbar,html body.woocommerce-checkout .kv-mbar{display:none}
}
/* shop title: the theme's category nav ("Play sets / 1 product") is noise with one product */
html body .wd-nav-product-cat,html body .wd-page-title .wd-nav-product-cat{display:none!important}
/* hero copy sits at the top of the grid (it was centred against the tall packshot card, which pushed the buttons below the fold) */
@media (min-width:1081px){
  html body .k-hero__grid{align-items:start!important}
  html body .k-hero__copy{padding-top:6px}
  html body .k-hero .k-stage{height:min(64vh,620px)!important;min-height:420px}
  html body .k-hero .k-lead{margin-top:18px!important}
  html body .k-hero .k-actions{margin-top:24px}
}
/* home: the big centred header is 306 px tall, so the hero starts tight under it */
html body.home .wd-content-layout,html body.home .main-page-wrapper{padding-top:0!important}
html body .k-hero{padding-top:14px!important}
html body .k-hero .k-eyebrow{margin-bottom:14px}
@media (min-width:1081px){html body .k-h1{font-size:clamp(46px,4.9vw,78px)}}
/* value section without the cost-per-hour card (Ilya, 8 Oct): the comparison stands alone, centred */
html body .k-value--solo{grid-template-columns:1fr!important;max-width:780px;margin:0 auto}

/* ================= shop grid as a play zone (10 Oct 2026, Ilya: "lets not cut them up, everything needs to look seamless and in
   harmony as if the kids came into a fun play zone room and the parents feel like this is a top of the line brand").
   Whole products (uncropped thumbnails), each set on a soft tile tinted with its own colour, the white render background
   melts into the tint (multiply), no category line, brand type; a 3D-builder tile completes the 4 x 2 grid. ================= */
html body .wd-products .wd-product{--tint:#EEF6F9;--ink2:#0C7C9C}
html body .wd-product:has(a[href*="pa_color=ocean"]){--tint:#E6F4F8;--ink2:#0C7C9C}
html body .wd-product:has(a[href*="pa_color=berry"]){--tint:#FBEAF1;--ink2:#A90F4B}
html body .wd-product:has(a[href*="pa_color=lime"]){--tint:#F2F6DF;--ink2:#6E8114}
html body .wd-product:has(a[href*="pa_color=cocoa"]){--tint:#F4ECE6;--ink2:#7A5340}
html body .wd-product:has(a[href*="pa_color=honey"]){--tint:#FDF4D8;--ink2:#9A7400}
html body .wd-product:has(a[href*="pa_color=burgundy"]){--tint:#F7E7EB;--ink2:#8A243D}
html body .wd-product:has(a[href*="pa_color=aubergine"]){--tint:#EFEBF6;--ink2:#5C4A7B}
html body .wd-products .wd-product .wd-product-wrapper{background:var(--tint);border-radius:30px;
  padding:16px 16px 22px;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 26px 46px -34px rgba(27,31,39,.38),0 2px 6px rgba(27,31,39,.04);
  transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s;height:100%}
html body .wd-products .wd-product:hover .wd-product-wrapper{transform:translateY(-6px);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 34px 56px -32px rgba(27,31,39,.42)}
html body .wd-products .wd-product .wd-product-card-bg{display:none}
html body .wd-products .wd-product .wd-product-thumb,html body .wd-products .wd-product .wd-product-img-link{background:var(--tint)!important;border-radius:22px;overflow:hidden}
html body .wd-products .wd-product .wd-product-img-link img{mix-blend-mode:multiply;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}
html body .wd-products .wd-product .wd-product-img-hover img{border-radius:22px;width:100%;height:100%;object-fit:cover}
html body .wd-products .wd-product .wd-product-cats{display:none!important}
html body .wd-products .wd-product .wd-entities-title{font:700 20px/1.2 var(--k-display)!important;margin-top:12px;text-transform:none}
html body .wd-products .wd-product .wd-entities-title a{color:var(--k-ink)!important;font:700 20px/1.2 var(--k-display)!important}
html body .wd-products .wd-product .price,html body .wd-products .wd-product .price .amount{font:700 22px/1 var(--k-display)!important;color:var(--ink2)!important}
html body .wd-products .wd-product .wd-product-card-hover{background:transparent!important}
html body .wd-products .wd-product .wd-add-btn .button{border-radius:999px!important}
/* the 3D-builder tile that fills the 8th cell */
html body .wd-products .kv-shop-3d{display:flex;align-self:stretch}
html body .kv-shop-3d a{display:flex;flex:1;flex-direction:column;justify-content:flex-start;gap:10px;width:100%;border-radius:30px;padding:22px 22px 24px;text-decoration:none!important;
  color:#fff!important;background:radial-gradient(120% 100% at 80% 0%,#3CC0E2 0%,#14A0C6 45%,#0B7D9E 100%);box-shadow:0 26px 46px -30px rgba(12,124,156,.7);
  position:relative;overflow:hidden;transition:transform .4s cubic-bezier(.2,.8,.2,1)}
html body .kv-shop-3d a:hover{transform:translateY(-6px)}
html body .kv-shop-3d svg{display:block;width:72%;max-width:220px;height:auto;margin:0 auto 4px;filter:drop-shadow(0 14px 18px rgba(0,40,60,.25))}
html body .kv-shop-3d b{font:700 26px/1.08 var(--k-display);color:#fff}
html body .kv-shop-3d span{font:400 15px/1.45 var(--k-body);color:rgba(255,255,255,.92)}
html body .kv-shop-3d i{font-style:normal!important;align-self:flex-start;font:700 16px/1 var(--k-display);font-style:normal;background:#fff;color:#0C7C9C;border-radius:999px;padding:12px 18px;margin-top:6px;box-shadow:0 10px 20px -12px rgba(0,0,0,.4)}
@media (max-width:768px){
  html body .wd-products .wd-product .wd-product-wrapper{padding:10px 10px 14px;border-radius:22px}
  html body .wd-products .wd-product .wd-entities-title,html body .wd-products .wd-product .wd-entities-title a{font-size:16px!important}
  html body .wd-products .wd-product .price,html body .wd-products .wd-product .price .amount{font-size:18px!important}
  html body .kv-shop-3d a{padding:14px 14px 16px;border-radius:22px}
  html body .kv-shop-3d span{font-size:13px}
  html body .kv-shop-3d i{font-size:14px;padding:10px 14px}
  html body .kv-shop-3d b{font-size:20px}
}

/* ---------- "How it helps" page + the home benefit grid (11 Oct 2026). Ilya: "see what else we can do to make the
   benefits of the game and what various areas of life and how it helps the child". kh- = how-it-helps. ---------- */
html body .kh-jump{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:26px auto 0;max-width:900px}
html body .kh-jump a{display:inline-flex;align-items:center;gap:8px;background:#fff;border-radius:999px;padding:10px 16px 11px;
  font:700 15px/1 var(--k-display);color:#1B1F27!important;text-decoration:none!important;box-shadow:0 10px 24px -14px rgba(20,40,60,.35);transition:transform .25s}
html body .kh-jump a::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--c)}
html body .kh-jump a:hover{transform:translateY(-2px)}
html body .kh-sec{padding:var(--sp) 0}
html body .kh-areas{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}
html body .kh-area{display:grid;grid-template-columns:42% 1fr;align-items:center;gap:6px;background:#fff;border-radius:30px;overflow:hidden;
  box-shadow:0 30px 60px -40px rgba(20,40,60,.45),0 2px 10px rgba(20,40,60,.05);scroll-margin-top:120px}
html body .kh-area__img{align-self:stretch;display:flex;align-items:center;background:#fff}
html body .kh-area__img img{width:100%;height:auto;display:block}
html body .kh-area__body{padding:28px 28px 26px 8px}
html body .kh-tag{display:inline-block;font:700 14px/1 var(--k-display);color:var(--c);background:color-mix(in srgb,var(--c) 12%,#fff);
  border-radius:999px;padding:8px 13px 9px;margin-bottom:12px}
html body .kv-page .kh-h{font-size:clamp(23px,2vw,28px)!important;line-height:1.1;margin:0 0 10px;color:#1B1F27}
html body .kh-area p{font-size:15.5px;line-height:1.55;margin:0 0 12px}
html body .kh-area sup a,html body .kh-note sup a{color:var(--c,#0C7C9C);text-decoration:none;font-weight:700}
html body .kh-try{background:color-mix(in srgb,var(--c) 8%,#fff);border-radius:16px;padding:12px 14px;margin:4px 0 0!important}
html body .kh-try b{display:block;font:700 13px/1 var(--k-display);letter-spacing:.04em;text-transform:uppercase;color:var(--c);margin-bottom:6px}
html body .kh-band{padding:var(--sp) 0;background:linear-gradient(180deg,#F2FAFD 0%,#FFFFFF 100%)}
html body .kh-game{display:grid;grid-template-columns:1.08fr 1fr;gap:54px;align-items:center}
html body .kh-game__shots{position:relative;padding:0 0 22% 0}
html body .kh-shot{display:block;width:88%;height:auto;border-radius:22px;box-shadow:0 30px 60px -30px rgba(12,60,90,.45)}
html body .kh-shot--b{position:absolute;right:0;bottom:0;width:62%;border:5px solid #fff}
html body .kh-loop{list-style:none;counter-reset:s;margin:18px 0 18px;padding:0}
html body .kh-loop li{counter-increment:s;position:relative;padding:0 0 14px 52px;font-size:15.5px;line-height:1.5}
html body .kh-loop li::before{content:counter(s);position:absolute;left:0;top:0;width:36px;height:36px;border-radius:12px;background:#14A0C6;color:#fff;
  font:700 18px/36px var(--k-display);text-align:center;box-shadow:inset 0 -3px 0 rgba(0,0,0,.14)}
html body .kh-loop li:nth-child(2)::before{background:#D81B66}
html body .kh-loop li:nth-child(3)::before{background:#A6C02A}
html body .kh-loop li:nth-child(4)::before{background:#F2B705}
html body .kh-loop li:nth-child(5)::before{background:#5C4A7B}
html body .kh-loop b{display:block;font:700 18px/1.2 var(--k-display);color:#1B1F27}
html body .kh-note{background:#fff;border-radius:18px;padding:14px 16px;font-size:14.5px;line-height:1.5;box-shadow:0 14px 30px -22px rgba(20,40,60,.4)}
html body .kh-ages{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}
html body .kh-age{background:#fff;border-radius:28px;padding:26px 24px;box-shadow:0 26px 50px -36px rgba(20,40,60,.45),0 2px 8px rgba(20,40,60,.05)}
html body .kh-age__n{font:700 54px/1 var(--k-display);color:var(--c);margin-bottom:10px}
html body .kh-age p{font-size:15.5px;line-height:1.55;margin:0}
html body .kh-life{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:28px}
html body .kh-life div{background:#fff;border-radius:22px;padding:20px 18px;font-size:15px;line-height:1.5;box-shadow:0 18px 40px -30px rgba(20,40,60,.4)}
html body .kh-life b{display:block;font:700 19px/1.15 var(--k-display);color:#1B1F27;margin-bottom:6px}
html body .kh-res{max-width:880px}
html body .kh-res ol{margin:18px 0 0;padding-left:22px;font-size:14px;line-height:1.55;color:#5A616B}
html body .kh-res li{margin-bottom:8px}
html body .kh-res a{color:#0C7C9C}
html body .kh-fgos{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:26px}
html body .kh-fgos div{background:#fff;border-radius:22px;padding:18px 16px;font-size:14.5px;line-height:1.5;box-shadow:0 18px 40px -30px rgba(20,40,60,.4);border-top:5px solid var(--c)}
html body .kh-fgos b{display:block;font:700 17px/1.2 var(--k-display);color:#1B1F27;margin-bottom:6px}
/* home: eight compact benefit tiles */
html body .k-dev.k-dev--8{grid-template-columns:repeat(4,1fr);gap:18px}
html body .k-dev--8 div{padding:22px 20px 20px!important;font-size:15px;line-height:1.5}
html body .k-dev--8 b{font-size:21px!important}
html body .k-dev--8 b::before{content:"";display:block;width:34px;height:8px;border-radius:8px;background:var(--c,#14A0C6);margin-bottom:12px}
html body .k-dev-more{text-align:center;margin-top:26px}
@media (max-width:1100px){
  html body .kh-areas{grid-template-columns:1fr}
  html body .kh-life,html body .kh-fgos{grid-template-columns:repeat(2,1fr)}
  html body .k-dev.k-dev--8{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:768px){
  html body .kh-area{grid-template-columns:1fr}
  html body .kh-area__body{padding:6px 20px 22px}
  html body .kh-game{grid-template-columns:1fr;gap:30px}
  html body .kh-ages{grid-template-columns:1fr}
  html body .kh-life,html body .kh-fgos{grid-template-columns:1fr}
  html body .kh-jump a{font-size:14px;padding:9px 13px 10px}
  html body .k-dev.k-dev--8{grid-template-columns:1fr 1fr;gap:12px}
  html body .k-dev--8 div{padding:16px 14px!important;font-size:14px}
  html body .k-dev--8 b{font-size:18px!important}
}
@media (max-width:420px){ html body .k-dev.k-dev--8{grid-template-columns:1fr} }
html body .kh-area__img{overflow:hidden}
@media (min-width:769px){ html body .kh-area__img img{transform:scale(1.22);transform-origin:50% 55%} }