/* ==========================================================================
   ES – Kids, Gifts & Games (2026-11-12) — party-supply shops, toy & gift
   stores and play areas. Templates under boxs/component/storefront/es/kids/
   (kd_*), script assets/sf-kids.js, data functions functions/builder/kids.php.
   Colours read the ES tokens so the Theme row recolours them: --es-blue =
   primary (sky), --es-navy = secondary (ink), --es-amber = accent (sun);
   cherry / lime / grape are the kids palette's fixed friends. Display font =
   --es-font-head (Baloo Bhaijaan 2: Arabic + Latin), body = Nunito.
   Logical properties only, so Arabic (dir=rtl) mirrors without extra rules.
   Breakpoints: 1119 (header menu → menu button), 959, 720 (phone), 420.
   Every animation stops under prefers-reduced-motion (bottom of the file).
   ========================================================================== */

/* ---------- palette + frame ------------------------------------------------ */
.sf-scope[data-ct="5"] {
    --kd-sky: var(--es-blue, #0E7FA3);
    --kd-sky-ink: var(--es-blue-ink, #0A5F7A);
    --kd-sky-soft: color-mix(in srgb, var(--es-blue, #0E7FA3) 14%, #FFFFFF);
    --kd-ink: var(--es-navy, #1D2B4F);
    --kd-sun: var(--es-amber, #FFC531);
    --kd-sun-soft: color-mix(in srgb, var(--es-amber, #FFC531) 22%, #FFFFFF);
    --kd-cherry: #D2223E;
    --kd-cherry-ink: #B01B33;
    --kd-cherry-soft: #FDE4E8;
    --kd-lime: #9BC53D;
    --kd-lime-ink: #3F6E12;
    --kd-lime-soft: #EEF6DA;
    --kd-grape: #7A4FB5;
    --kd-grape-soft: #EFE6FA;
    --kd-cream: var(--es-bg, #FFFBF3);
    --kd-line: var(--es-border, #EDE6D8);
    --kd-muted: var(--es-muted, #5A6480);
    --kd-radius: 28px;
}
.sf-scope[data-ct="5"]:has(.es-kd-hdr),
.sf-scope[data-ct="5"]:has(.es-kd-ft) { --es-wrap: min(1160px, calc(100% - 32px)); --es-font: "Nunito", "Baloo Bhaijaan 2", system-ui, sans-serif; }

/* ---------- shared --------------------------------------------------------- */
/* a kids block with nothing to show (no themes / colours / zones yet) leaves
   an empty wrapper — it must not take a gap in the page column */
.sf-scope[data-ct="5"] .sf-part[class*=" kd_"]:not(:has(*)) { display: none; }
.sf-scope[data-ct="5"] .es-kd { box-sizing: border-box; color: var(--kd-ink); position: relative; }
.sf-scope[data-ct="5"] .es-kd *,
.sf-scope[data-ct="5"] .es-kd *::before,
.sf-scope[data-ct="5"] .es-kd *::after,
.sf-scope[data-ct="5"] .es-kd-hdr *,
.sf-scope[data-ct="5"] .es-kd-ft * { box-sizing: border-box; }
.sf-scope[data-ct="5"] .es-kd a,
.sf-scope[data-ct="5"] .es-kd-ft a { text-decoration: none; }
.sf-scope[data-ct="5"] .es-kd [hidden],
.sf-scope[data-ct="5"] .es-kd-hdr [hidden] { display: none !important; }
.sf-scope[data-ct="5"] .es-kd-wrap { width: var(--es-wrap, min(1160px, calc(100% - 32px))); margin-inline: auto; }
.sf-scope[data-ct="5"] .es-kd-h { font-family: var(--es-font-head, "Baloo Bhaijaan 2", var(--es-font)); font-weight: 800; letter-spacing: -0.01em; line-height: 1.05; }
.sf-scope[data-ct="5"] .es-kd-cover { position: absolute; inset: 0; display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; }
.sf-scope[data-ct="5"] .es-kd-sr { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.sf-scope[data-ct="5"] .es-kd-hp { position: absolute; inset-inline-start: -9999px; width: 1px; height: 1px; overflow: hidden; }
[dir="rtl"] .sf-scope[data-ct="5"] .es-kd-flip,
.sf-scope[data-ct="5"][dir="rtl"] .es-kd-flip { transform: scaleX(-1); }

/* tones (index cycles: 0 sky, 1 cherry, 2 lime, 3 sun, 4 grape, 5 ink) */
.sf-scope[data-ct="5"] .es-kd-tone-0, .sf-scope[data-ct="5"] .es-kd-tone--sky { --kd-t: var(--kd-sky); --kd-t-ink: var(--kd-sky-ink); --kd-t-soft: var(--kd-sky-soft); --kd-t-on: #FFFFFF; }
.sf-scope[data-ct="5"] .es-kd-tone-1, .sf-scope[data-ct="5"] .es-kd-tone--cherry { --kd-t: var(--kd-cherry); --kd-t-ink: var(--kd-cherry-ink); --kd-t-soft: var(--kd-cherry-soft); --kd-t-on: #FFFFFF; }
.sf-scope[data-ct="5"] .es-kd-tone-2, .sf-scope[data-ct="5"] .es-kd-tone--lime { --kd-t: var(--kd-lime-ink); --kd-t-ink: #2F5A0B; --kd-t-soft: var(--kd-lime-soft); --kd-t-on: #FFFFFF; }
.sf-scope[data-ct="5"] .es-kd-tone-3, .sf-scope[data-ct="5"] .es-kd-tone--sun { --kd-t: var(--kd-sun); --kd-t-ink: #9A5B00; --kd-t-soft: var(--kd-sun-soft); --kd-t-on: var(--kd-ink); }
.sf-scope[data-ct="5"] .es-kd-tone-4, .sf-scope[data-ct="5"] .es-kd-tone--grape { --kd-t: var(--kd-grape); --kd-t-ink: #5B2E9A; --kd-t-soft: var(--kd-grape-soft); --kd-t-on: #FFFFFF; }
.sf-scope[data-ct="5"] .es-kd-tone-5, .sf-scope[data-ct="5"] .es-kd-tone--ink { --kd-t: var(--kd-ink); --kd-t-ink: #0F1730; --kd-t-soft: #E4E8F2; --kd-t-on: #FFFFFF; }

/* eyebrow + section heading */
.sf-scope[data-ct="5"] .es-kd-eye { margin: 0 0 4px; font-size: 14px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--kd-sky-ink); }
[dir="rtl"] .sf-scope[data-ct="5"] .es-kd-eye { letter-spacing: 0; }
.sf-scope[data-ct="5"] .es-kd-eye--cherry { color: var(--kd-cherry-ink); }
.sf-scope[data-ct="5"] .es-kd-eye--lime { color: var(--kd-lime-ink); }
.sf-scope[data-ct="5"] .es-kd-eye--sun { color: #9A5B00; }
.sf-scope[data-ct="5"] .es-kd-eye--grape { color: #5B2E9A; }
.sf-scope[data-ct="5"] .es-kd-eye--ink { color: var(--kd-ink); }
.sf-scope[data-ct="5"] .es-kd-head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 12px 20px; margin-bottom: 22px; }
.sf-scope[data-ct="5"] .es-kd-head__copy { flex: 1 1 320px; min-width: 0; }
.sf-scope[data-ct="5"] .es-kd-head__title { margin: 0; font-size: clamp(30px, 4vw, 44px); color: var(--kd-ink); }
.sf-scope[data-ct="5"] .es-kd-head__intro { margin: 8px 0 0; font-size: 17px; color: var(--kd-muted); max-width: 640px; }
.sf-scope[data-ct="5"] .es-kd-head__link { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; font-weight: 800; color: var(--kd-sky-ink); }
.sf-scope[data-ct="5"] .es-kd-head__link:hover { color: var(--kd-ink); }

/* buttons */
.sf-scope[data-ct="5"] .es-kd-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 0 22px; border: 0; border-radius: 999px; font: inherit; font-size: 16px; font-weight: 800; line-height: 1.15; text-align: center; cursor: pointer; text-decoration: none; box-shadow: 0 4px 0 rgba(29, 43, 79, .18); transition: transform .18s ease, box-shadow .18s ease, filter .18s; }
.sf-scope[data-ct="5"] .es-kd-btn:hover { transform: translateY(-2px); box-shadow: 0 6px 0 rgba(29, 43, 79, .18); }
.sf-scope[data-ct="5"] .es-kd-btn:active { transform: translateY(2px); box-shadow: 0 1px 0 rgba(29, 43, 79, .18); }
.sf-scope[data-ct="5"] .es-kd-btn--sm { min-height: 44px; padding: 0 16px; font-size: 15px; }
.sf-scope[data-ct="5"] .es-kd-btn--lg { min-height: 54px; padding: 0 28px; font-size: 17px; }
.sf-scope[data-ct="5"] .es-kd-btn--sky, .sf-scope[data-ct="5"] .es-kd-btn--sky:hover { background: var(--kd-sky); color: #FFFFFF; box-shadow: 0 4px 0 var(--kd-sky-ink); }
.sf-scope[data-ct="5"] .es-kd-btn--cherry, .sf-scope[data-ct="5"] .es-kd-btn--cherry:hover { background: var(--kd-cherry); color: #FFFFFF; box-shadow: 0 4px 0 #8E1529; }
.sf-scope[data-ct="5"] .es-kd-btn--sun, .sf-scope[data-ct="5"] .es-kd-btn--sun:hover { background: var(--kd-sun); color: var(--kd-ink); box-shadow: 0 4px 0 #C99300; }
.sf-scope[data-ct="5"] .es-kd-btn--ink, .sf-scope[data-ct="5"] .es-kd-btn--ink:hover { background: var(--kd-ink); color: #FFFFFF; }
.sf-scope[data-ct="5"] .es-kd-btn--grape, .sf-scope[data-ct="5"] .es-kd-btn--grape:hover { background: var(--kd-grape); color: #FFFFFF; box-shadow: 0 4px 0 #3C1C69; }
.sf-scope[data-ct="5"] .es-kd-btn--white, .sf-scope[data-ct="5"] .es-kd-btn--white:hover { background: #FFFFFF; color: var(--kd-ink); box-shadow: 0 4px 0 rgba(29, 43, 79, .14); }
.sf-scope[data-ct="5"] .es-kd-btn[disabled] { opacity: .55; cursor: not-allowed; transform: none; }
.sf-scope[data-ct="5"] .es-kd-btns { display: flex; flex-wrap: wrap; gap: 12px; }
.sf-scope[data-ct="5"] .es-kd-round { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; border: 0; border-radius: 50%; background: var(--kd-ink); color: #FFFFFF; cursor: pointer; flex: none; transition: transform .2s; }
.sf-scope[data-ct="5"] .es-kd-round--white { background: #FFFFFF; color: var(--kd-ink); box-shadow: 0 4px 0 rgba(29, 43, 79, .12); }
.sf-scope[data-ct="5"] .es-kd-round:hover { transform: translateY(-2px); }
.sf-scope[data-ct="5"] .es-kd-badgepill { display: inline-flex; align-items: center; min-height: 30px; padding: 0 14px; border-radius: 999px; background: var(--kd-sun); color: var(--kd-ink); font-weight: 800; font-size: 14px; }
.sf-scope[data-ct="5"] .es-kd-badgepill--white { background: #FFFFFF; color: var(--kd-lime-ink); }
.sf-scope[data-ct="5"] .es-kd-chip { display: inline-flex; align-items: center; min-height: 30px; padding: 0 12px; border-radius: 999px; background: var(--kd-sky-soft); color: var(--kd-sky-ink); font-weight: 800; font-size: 14px; }
.sf-scope[data-ct="5"] .es-kd-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.sf-scope[data-ct="5"] .es-kd-chipbtn { display: inline-flex; align-items: center; min-height: 44px; padding: 0 18px; border: 0; border-radius: 999px; background: #FFFFFF; color: var(--kd-ink); font: inherit; font-weight: 800; cursor: pointer; box-shadow: 0 2px 0 rgba(29, 43, 79, .08); }
.sf-scope[data-ct="5"] .es-kd-chipbtn.is-on,
.sf-scope[data-ct="5"] .es-kd-chipbtn:has(input:checked) { background: var(--kd-ink); color: #FFFFFF; }
.sf-scope[data-ct="5"] .es-kd-chipbtn:has(input:focus-visible) { outline: 3px solid var(--kd-sun); outline-offset: 2px; }
.sf-scope[data-ct="5"] .es-kd-step { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; border: 0; border-radius: 50%; font: inherit; font-size: 26px; font-weight: 800; cursor: pointer; }
.sf-scope[data-ct="5"] .es-kd-step--minus { background: var(--kd-cherry-soft); color: var(--kd-cherry-ink); }
.sf-scope[data-ct="5"] .es-kd-step--plus { background: var(--kd-sky-soft); color: var(--kd-sky-ink); }
.sf-scope[data-ct="5"] .es-kd-dot { width: 14px; height: 14px; padding: 0; border: 0; border-radius: 999px; background: #FFFFFF; cursor: pointer; transition: width .25s; box-shadow: 0 0 0 2px rgba(29, 43, 79, .12); }
.sf-scope[data-ct="5"] .es-kd-dot.is-on { width: 34px; background: var(--kd-cherry); }

/* price */
.sf-scope[data-ct="5"] .es-kd-price { display: inline-flex; flex-direction: column; line-height: 1.2; }
.sf-scope[data-ct="5"] .es-kd-price b { font-weight: 800; font-size: 18px; color: var(--kd-cherry-ink); }
.sf-scope[data-ct="5"] .es-kd-price s { font-size: 13px; color: var(--kd-muted); }

/* round add (+ → tick, confetti) */
.sf-scope[data-ct="5"] .es-kd-add { position: relative; display: inline-flex; align-items: center; justify-content: center; flex: none; width: 50px; height: 50px; padding: 0; border: 0; border-radius: 50%; background: var(--kd-sky); color: #FFFFFF; cursor: pointer; box-shadow: 0 4px 0 var(--kd-sky-ink); transition: transform .18s, background-color .2s; }
.sf-scope[data-ct="5"] .es-kd-add:hover { transform: translateY(-2px) rotate(-6deg); }
.sf-scope[data-ct="5"] .es-kd-add--sm { width: 44px; height: 44px; }
.sf-scope[data-ct="5"] .es-kd-add[disabled] { background: #C9CED9; box-shadow: none; cursor: not-allowed; }
.sf-scope[data-ct="5"] .es-kd-add__tick,
.sf-scope[data-ct="5"] .es-kd-add__spin { display: none; }
.sf-scope[data-ct="5"] .es-kd-add.is-busy .es-kd-add__plus { display: none; }
.sf-scope[data-ct="5"] .es-kd-add.is-busy .es-kd-add__spin { display: block; width: 20px; height: 20px; border: 3px solid rgba(255, 255, 255, .45); border-top-color: #FFFFFF; border-radius: 50%; animation: kd-spin .7s linear infinite; }
.sf-scope[data-ct="5"] .es-kd-add.is-added { background: var(--kd-lime-ink); box-shadow: 0 4px 0 #2F5A0B; animation: kd-pop .45s cubic-bezier(.3, 1.8, .5, 1); }
.sf-scope[data-ct="5"] .es-kd-add.is-added .es-kd-add__plus { display: none; }
.sf-scope[data-ct="5"] .es-kd-add.is-added .es-kd-add__tick { display: block; }
.sf-scope[data-ct="5"] .es-kd-confetti { position: absolute; inset: 50%; pointer-events: none; }
.sf-scope[data-ct="5"] .es-kd-confetti i { position: absolute; width: 8px; height: 12px; border-radius: 2px; opacity: 0; }
.sf-scope[data-ct="5"] .es-kd-confetti i:nth-child(1) { background: var(--kd-sun); --dx: -38px; --dy: -40px; }
.sf-scope[data-ct="5"] .es-kd-confetti i:nth-child(2) { background: var(--kd-lime); --dx: 30px; --dy: -46px; }
.sf-scope[data-ct="5"] .es-kd-confetti i:nth-child(3) { background: var(--kd-cherry); --dx: -46px; --dy: 6px; }
.sf-scope[data-ct="5"] .es-kd-confetti i:nth-child(4) { background: var(--kd-sky); --dx: 10px; --dy: -56px; }
.sf-scope[data-ct="5"] .es-kd-confetti i:nth-child(5) { background: var(--kd-grape); --dx: 42px; --dy: -8px; }
.sf-scope[data-ct="5"] .es-kd-confetti i:nth-child(6) { background: var(--kd-sun); --dx: -14px; --dy: -60px; }
.sf-scope[data-ct="5"] .is-added .es-kd-confetti i { animation: kd-confetti .9s ease-out forwards; }

/* ---------- HEADER A (bubble) + shared header bits ------------------------ */
.sf-scope[data-ct="5"] .es-kd-hdr { position: relative; z-index: 30; background: #FFFFFF; color: var(--kd-ink); font-family: var(--es-font); }
.sf-scope[data-ct="5"] .es-kd-hdr.es-header--sticky { position: sticky; top: 0; }
.sf-scope[data-ct="5"] .es-kd-hdr__strip { background: var(--kd-ink); color: #FFFFFF; font-size: 14px; }
.sf-scope[data-ct="5"] .es-kd-hdr__stripin { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 4px 18px; min-height: 38px; padding-block: 4px; }
.sf-scope[data-ct="5"] .es-kd-hdr__stripin--center { justify-content: center; }
.sf-scope[data-ct="5"] .es-kd-hdr__util { display: flex; align-items: center; gap: 8px; margin: 0; min-width: 0; }
.sf-scope[data-ct="5"] .es-kd-hdr__util svg { color: var(--kd-sun); flex: none; }
.sf-scope[data-ct="5"] .es-kd-hdr__strip a, .sf-scope[data-ct="5"] .es-kd-hdr__strip .es-sxh-ann__msg { color: #FFFFFF; }
.sf-scope[data-ct="5"] .es-kd-hdr__utilend { display: flex; align-items: center; gap: 16px; margin: 0; }
.sf-scope[data-ct="5"] .es-kd-hdr__lang { font-family: var(--es-font-head, inherit); font-weight: 700; }
.sf-scope[data-ct="5"] .es-kd-hdr__barwrap { border-bottom: 4px solid var(--kd-sun-soft); }
.sf-scope[data-ct="5"] .es-kd-hdr__bar { display: flex; align-items: center; gap: 18px; min-height: 78px; }
.sf-scope[data-ct="5"] .es-kd-hdr__logo { flex: none; }
.sf-scope[data-ct="5"] .es-kd-hdr .es-sxh-brand__logo { height: 58px; width: auto; max-width: 220px; }
.sf-scope[data-ct="5"] .es-kd-hdr__nav { flex: 1 1 auto; min-width: 0; }
.sf-scope[data-ct="5"] .es-kd-hdr .es-sxh-nav { display: flex; flex-wrap: wrap; gap: 4px; margin: 0; padding: 0; list-style: none; }
.sf-scope[data-ct="5"] .es-kd-hdr .es-sxh-nav__link { display: inline-flex; align-items: center; min-height: 44px; padding: 0 14px; border-radius: 999px; font-weight: 800; color: var(--kd-ink); }
.sf-scope[data-ct="5"] .es-kd-hdr .es-sxh-nav__item:hover > .es-sxh-nav__link,
.sf-scope[data-ct="5"] .es-kd-hdr .es-sxh-nav__link[aria-current="page"] { background: var(--kd-sky-soft); color: var(--kd-sky-ink); }
.sf-scope[data-ct="5"] .es-kd-hdr .es-sxh-tile__img { border-radius: 50%; }
.sf-scope[data-ct="5"] .es-kd-hdr .es-sxh-panel { border-radius: 24px; border: 0; box-shadow: 0 18px 40px rgba(29, 43, 79, .18); }
.sf-scope[data-ct="5"] .es-kd-hdr__end { display: flex; align-items: center; gap: 8px; margin-inline-start: auto; }
.sf-scope[data-ct="5"] .es-kd-hdr__searchpill { display: inline-flex; align-items: center; gap: 8px; min-height: 46px; padding: 0 16px; border: 2px solid var(--kd-line); border-radius: 999px; background: var(--kd-cream); color: var(--kd-muted); font: inherit; font-weight: 600; cursor: pointer; }
.sf-scope[data-ct="5"] .es-kd-hdr__searchpill:hover { border-color: var(--kd-sky); color: var(--kd-ink); }
.sf-scope[data-ct="5"] .es-kd-hdr__searchtxt { white-space: nowrap; max-width: 190px; overflow: hidden; text-overflow: ellipsis; }
.sf-scope[data-ct="5"] .es-kd-acts { display: flex; align-items: center; gap: 8px; }
.sf-scope[data-ct="5"] .es-kd-act { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 46px; height: 46px; border: 0; border-radius: 50%; background: var(--kd-sun-soft); color: var(--kd-ink); cursor: pointer; flex: none; transition: transform .2s; }
.sf-scope[data-ct="5"] .es-kd-act:hover { transform: rotate(-8deg) scale(1.06); }
.sf-scope[data-ct="5"] .es-kd-act--account { background: var(--kd-lime-soft); }
.sf-scope[data-ct="5"] .es-kd-act--fav { background: var(--kd-cherry-soft); color: var(--kd-cherry-ink); }
.sf-scope[data-ct="5"] .es-kd-act--cart { background: var(--kd-cherry); color: #FFFFFF; }
.sf-scope[data-ct="5"] .es-kd-act--menu { display: none; background: var(--kd-sky-soft); color: var(--kd-sky-ink); }
.sf-scope[data-ct="5"] .es-kd-badge { position: absolute; top: -5px; inset-inline-end: -5px; display: inline-flex; align-items: center; justify-content: center; min-width: 22px; height: 22px; padding: 0 5px; border: 2px solid #FFFFFF; border-radius: 999px; background: var(--kd-sun); color: var(--kd-ink); font-size: 12px; font-weight: 800; }
.sf-scope[data-ct="5"] .es-kd-badge--soft { background: var(--kd-cherry); color: #FFFFFF; }
.sf-scope[data-ct="5"] .es-kd-hdr__search { background: #FFFFFF; border-bottom: 2px solid var(--kd-line); padding-block: 12px; }
.sf-scope[data-ct="5"] .es-kd-hdr__search .es-sxh-searchrow__in { display: flex; align-items: flex-start; gap: 10px; }
.sf-scope[data-ct="5"] .es-kd-hdr__search .es-search { flex: 1; }

/* HEADER B (mega-bar) */
.sf-scope[data-ct="5"] .es-kd-mega__top { border-bottom: 2px solid var(--kd-line); }
.sf-scope[data-ct="5"] .es-kd-mega__bar { display: flex; align-items: center; gap: 20px; min-height: 82px; }
.sf-scope[data-ct="5"] .es-kd-mega__search { flex: 1 1 auto; min-width: 0; }
.sf-scope[data-ct="5"] .es-kd-mega__search .es-search__form { border: 3px solid var(--kd-sky); border-radius: 999px; }
.sf-scope[data-ct="5"] .es-kd-mega__lang { font-weight: 800; color: var(--kd-ink); padding-inline: 6px; }
.sf-scope[data-ct="5"] .es-kd-mega__tabs { position: relative; background: #FFFFFF; }
.sf-scope[data-ct="5"] .es-kd-mega__list { display: flex; margin-block: 0; padding: 0; list-style: none; }
.sf-scope[data-ct="5"] .es-kd-mega__item { position: static; flex: 1 1 0; display: flex; align-items: center; justify-content: center; border-bottom: 5px solid var(--kd-t, var(--kd-sky)); }
.sf-scope[data-ct="5"] .es-kd-mega__item:hover,
.sf-scope[data-ct="5"] .es-kd-mega__item.is-open { background: var(--kd-t-soft, var(--kd-sky-soft)); }
.sf-scope[data-ct="5"] .es-kd-mega__tab { display: flex; align-items: center; justify-content: center; min-height: 52px; padding: 0 8px; font-weight: 800; color: var(--kd-ink); text-align: center; }
.sf-scope[data-ct="5"] .es-kd-mega__toggle { color: var(--kd-ink); }
.sf-scope[data-ct="5"] .es-kd-mega__panel { inset-inline: 0; top: 100%; border: 0; border-radius: 0 0 28px 28px; padding: 22px 0; background: var(--kd-sky-soft); box-shadow: 0 18px 30px rgba(29, 43, 79, .16); }
.sf-scope[data-ct="5"] .es-kd-mega__plates { display: grid; grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)); gap: 16px; }
.sf-scope[data-ct="5"] .es-kd-mega__plates--links { grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 6px 18px; }
.sf-scope[data-ct="5"] .es-kd-plate-link { display: flex; flex-direction: column; align-items: center; gap: 8px; color: var(--kd-ink); font-weight: 800; text-align: center; }
.sf-scope[data-ct="5"] .es-kd-mega__plates--links .es-kd-plate-link { flex-direction: row; min-height: 40px; }
.sf-scope[data-ct="5"] .es-kd-plate-link__img { display: flex; align-items: center; justify-content: center; width: 92px; height: 92px; border-radius: 50%; object-fit: cover; background: #FFFFFF; box-shadow: 0 6px 14px rgba(29, 43, 79, .16); transition: transform .3s cubic-bezier(.3, 1.5, .5, 1); font-size: 30px; }
.sf-scope[data-ct="5"] .es-kd-plate-link:hover .es-kd-plate-link__img { transform: translateY(-6px) rotate(-10deg); }

/* HEADER C (bunting) */
.sf-scope[data-ct="5"] .es-kd-bunt { background: transparent; }
.sf-scope[data-ct="5"] .es-kd-bunt__band { position: relative; background: var(--kd-sky); color: #FFFFFF; padding-top: 36px; }
.sf-scope[data-ct="5"] .es-kd-bunt__flags { position: absolute; inset-inline: 2%; top: 0; display: flex; justify-content: space-between; pointer-events: none; }
.sf-scope[data-ct="5"] .es-kd-bunt__flags::before { content: ""; position: absolute; inset-inline: 0; top: 6px; height: 14px; border-top: 2px solid rgba(255, 255, 255, .8); border-radius: 50% 50% 0 0 / 100% 100% 0 0; transform: scaleY(-1); }
.sf-scope[data-ct="5"] .es-kd-bunt__flags span { width: 0; height: 0; margin-top: 6px; border-inline: 12px solid transparent; border-top: 22px solid var(--kd-sun); transform-origin: 50% 0; animation: kd-sway 2.6s ease-in-out infinite; }
.sf-scope[data-ct="5"] .es-kd-bunt__flags span:nth-child(6n+2) { border-top-color: var(--kd-cherry); animation-delay: .3s; }
.sf-scope[data-ct="5"] .es-kd-bunt__flags span:nth-child(6n+3) { border-top-color: #FFFFFF; animation-delay: .6s; }
.sf-scope[data-ct="5"] .es-kd-bunt__flags span:nth-child(6n+4) { border-top-color: var(--kd-lime); animation-delay: .9s; }
.sf-scope[data-ct="5"] .es-kd-bunt__flags span:nth-child(6n+5) { border-top-color: #C9A6F2; animation-delay: 1.2s; }
.sf-scope[data-ct="5"] .es-kd-bunt__flags span:nth-child(6n) { border-top-color: #FF9F5A; animation-delay: 1.5s; }
.sf-scope[data-ct="5"] .es-kd-bunt__flags span:nth-child(n+9) { margin-top: 10px; }
.sf-scope[data-ct="5"] .es-kd-bunt__bar { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 16px; min-height: 84px; }
.sf-scope[data-ct="5"] .es-kd-bunt__side { display: flex; align-items: center; }
.sf-scope[data-ct="5"] .es-kd-bunt__lang { color: #FFFFFF; font-weight: 800; min-height: 44px; display: inline-flex; align-items: center; }
.sf-scope[data-ct="5"] .es-kd-bunt__logo { background: #FFFFFF; border-radius: 999px; padding: 8px 22px; box-shadow: 0 6px 0 rgba(0, 0, 0, .12); }
.sf-scope[data-ct="5"] .es-kd-bunt .es-kd-hdr__end { justify-content: flex-end; }
.sf-scope[data-ct="5"] .es-kd-bunt .es-kd-act { background: rgba(255, 255, 255, .18); color: #FFFFFF; }
.sf-scope[data-ct="5"] .es-kd-bunt .es-kd-act--cart { background: var(--kd-sun); color: var(--kd-ink); }
.sf-scope[data-ct="5"] .es-kd-bunt__nav { padding-bottom: 6px; }
.sf-scope[data-ct="5"] .es-kd-bunt__nav .es-sxh-nav { justify-content: center; }
.sf-scope[data-ct="5"] .es-kd-bunt .es-sxh-nav__link,
.sf-scope[data-ct="5"] .es-kd-bunt .es-nav__toggle { color: #FFFFFF; }
.sf-scope[data-ct="5"] .es-kd-bunt .es-sxh-nav__item:hover > .es-sxh-nav__link { background: rgba(255, 255, 255, .18); color: #FFFFFF; }
.sf-scope[data-ct="5"] .es-kd-bunt__wave { display: block; width: 100%; height: 26px; fill: var(--kd-sky); }

/* ---------- HERO A: two doors ---------------------------------------------- */
.sf-scope[data-ct="5"] .es-kd-doors { overflow: hidden; padding-block: 8px 24px; }
.sf-scope[data-ct="5"] .es-kd-doors__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 24px; }
.sf-scope[data-ct="5"] .es-kd-door { position: relative; display: flex; flex-direction: column; justify-content: flex-end; min-height: 420px; border-radius: 36px; overflow: hidden; background: var(--kd-t); color: #FFFFFF; isolation: isolate; transition: transform .35s cubic-bezier(.3, 1.4, .5, 1); }
.sf-scope[data-ct="5"] .es-kd-door:hover { transform: translateY(-6px) rotate(-.6deg); }
.sf-scope[data-ct="5"] .es-kd-door__shade { position: absolute; inset: 0; background: linear-gradient(180deg, transparent 30%, color-mix(in srgb, var(--kd-t-ink) 92%, transparent) 100%); }
.sf-scope[data-ct="5"] .es-kd-door__copy { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 10px; padding: 32px; }
.sf-scope[data-ct="5"] .es-kd-door__title { margin: 0; font-size: clamp(38px, 5vw, 56px); color: #FFFFFF; }
.sf-scope[data-ct="5"] .es-kd-door__text { font-size: 18px; max-width: 440px; }
.sf-scope[data-ct="5"] .es-kd-btn--white { color: var(--kd-t-ink, var(--kd-ink)); }
.sf-scope[data-ct="5"] .es-kd-door .es-kd-btn--white { color: var(--kd-t-ink); }
.sf-scope[data-ct="5"] .es-kd-balloon { position: absolute; z-index: 1; pointer-events: none; animation: kd-bob 3.4s ease-in-out infinite; }
.sf-scope[data-ct="5"] .es-kd-balloon ellipse, .sf-scope[data-ct="5"] .es-kd-balloon path:not(.es-kd-balloon__str) { fill: var(--kd-sun); }
.sf-scope[data-ct="5"] .es-kd-balloon__str { fill: none; stroke: var(--kd-muted); stroke-width: 1.5; }
.sf-scope[data-ct="5"] .es-kd-balloon--a { inset-inline-start: 1%; top: 10px; }
.sf-scope[data-ct="5"] .es-kd-balloon--b { inset-inline-end: 1%; top: 60px; animation-delay: .7s; }
.sf-scope[data-ct="5"] .es-kd-balloon--b ellipse, .sf-scope[data-ct="5"] .es-kd-balloon--b path:not(.es-kd-balloon__str) { fill: var(--kd-lime); }

/* HERO B: balloon slider */
.sf-scope[data-ct="5"] .es-kd-bslider__frame { position: relative; min-height: 540px; border-radius: 36px; overflow: hidden; background: var(--kd-sky-soft); }
.sf-scope[data-ct="5"] .es-kd-bslider__slide { position: absolute; inset: 0; animation: kd-slidein .5s ease-out; }
.sf-scope[data-ct="5"] .es-kd-bslider__pic { position: absolute; inset: 0; }
.sf-scope[data-ct="5"] .es-kd-bslider__card { position: absolute; inset-inline-start: 40px; bottom: 96px; max-width: 470px; padding: 24px 26px; border-radius: 28px; background: rgba(255, 255, 255, .95); display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
.sf-scope[data-ct="5"] .es-kd-bslider__title { margin: 0; font-size: clamp(30px, 3.6vw, 42px); }
.sf-scope[data-ct="5"] .es-kd-bslider__text { margin: 0; font-size: 17px; color: #3B465F; }
.sf-scope[data-ct="5"] .es-kd-bslider__nav { position: absolute; inset-inline-start: 40px; bottom: 26px; display: flex; align-items: center; gap: 10px; z-index: 3; }
.sf-scope[data-ct="5"] .es-kd-bslider__nav .es-kd-round { background: #FFFFFF; color: var(--kd-ink); }
.sf-scope[data-ct="5"] .es-kd-bslider__balloons { position: absolute; inset-block: 20px 80px; inset-inline-end: 3%; width: min(46%, 460px); z-index: 2; }
.sf-scope[data-ct="5"] .es-kd-pop { position: absolute; display: flex; flex-direction: column; align-items: center; color: #FFFFFF; animation: kd-float 4s ease-in-out infinite; }
.sf-scope[data-ct="5"] .es-kd-pop__ball { display: flex; align-items: center; justify-content: center; width: 104px; height: 120px; padding: 8px; border-radius: 50% 50% 48% 48% / 56% 56% 44% 44%; background: var(--kd-pb, var(--kd-cherry)); box-shadow: inset -12px -14px 0 rgba(0, 0, 0, .1), inset 10px 10px 0 rgba(255, 255, 255, .25); text-align: center; transition: transform .2s; }
.sf-scope[data-ct="5"] .es-kd-pop:hover .es-kd-pop__ball { transform: scale(1.06); }
.sf-scope[data-ct="5"] .es-kd-pop__label { font-family: var(--es-font-head, inherit); font-weight: 800; font-size: 16px; line-height: 1.05; color: var(--kd-pf, #FFFFFF); }
.sf-scope[data-ct="5"] .es-kd-pop__knot { fill: var(--kd-pb, var(--kd-cherry)); }
.sf-scope[data-ct="5"] .es-kd-pop__str { fill: none; stroke: var(--kd-muted); stroke-width: 1.5; }
.sf-scope[data-ct="5"] .es-kd-pop--0 { --kd-pb: var(--kd-cherry); inset-inline-start: 0; top: 4%; }
.sf-scope[data-ct="5"] .es-kd-pop--1 { --kd-pb: var(--kd-sun); --kd-pf: var(--kd-ink); inset-inline-start: 30%; top: 26%; animation-delay: .6s; }
.sf-scope[data-ct="5"] .es-kd-pop--2 { --kd-pb: var(--kd-lime); --kd-pf: var(--kd-ink); inset-inline-end: 4%; top: 0; animation-delay: 1.2s; }
.sf-scope[data-ct="5"] .es-kd-pop--3 { --kd-pb: var(--kd-grape); inset-inline-end: 0; top: 46%; animation-delay: .3s; }
.sf-scope[data-ct="5"] .es-kd-pop--4 { --kd-pb: var(--kd-sky); inset-inline-start: 8%; top: 52%; animation-delay: .9s; }
.sf-scope[data-ct="5"] .es-kd-pop.is-popped { animation: kd-popout .45s ease-out forwards; pointer-events: none; }
.sf-scope[data-ct="5"] .es-kd-pop.is-gone { visibility: hidden; }
.sf-scope[data-ct="5"] .es-kd-bslider__refill { position: absolute; bottom: 0; inset-inline-end: 0; }

/* HERO C: splash */
.sf-scope[data-ct="5"] .es-kd-splash__in { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 32px; padding: 40px 48px; border-radius: 36px; background: var(--kd-sun-soft); overflow: hidden; }
.sf-scope[data-ct="5"] .es-kd-splash__copy { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; }
.sf-scope[data-ct="5"] .es-kd-splash__title { margin: 0; font-size: clamp(42px, 6vw, 68px); line-height: .98; }
.sf-scope[data-ct="5"] .es-kd-splash__title em { font-style: normal; color: var(--kd-cherry); }
.sf-scope[data-ct="5"] .es-kd-splash__text { margin: 0; font-size: 19px; color: #3B465F; max-width: 460px; }
.sf-scope[data-ct="5"] .es-kd-splash__facts { display: flex; flex-wrap: wrap; gap: 10px; margin: 6px 0 0; padding: 0; list-style: none; }
.sf-scope[data-ct="5"] .es-kd-splash__fact { padding: 8px 12px; border-radius: 16px; background: #FFFFFF; font-weight: 800; font-size: 14px; }
.sf-scope[data-ct="5"] .es-kd-splash__art { position: relative; min-height: 440px; }
.sf-scope[data-ct="5"] .es-kd-splash__blob { position: absolute; inset: 10px 0 0 30px; overflow: hidden; border: 10px solid #FFFFFF; border-radius: 58% 42% 38% 62% / 52% 38% 62% 48%; box-shadow: 0 20px 40px rgba(29, 43, 79, .18); animation: kd-morph 9s ease-in-out infinite; }
.sf-scope[data-ct="5"] .es-kd-splash__dot { position: absolute; border-radius: 50%; animation: kd-float 4s ease-in-out infinite; }
.sf-scope[data-ct="5"] .es-kd-splash__dot--a { inset-inline-start: 0; top: 30px; width: 70px; height: 80px; background: var(--kd-cherry); }
.sf-scope[data-ct="5"] .es-kd-splash__dot--b { inset-inline-end: 0; bottom: 40px; width: 58px; height: 66px; background: var(--kd-lime); animation-delay: .7s; }
.sf-scope[data-ct="5"] .es-kd-splash__dot--c { inset-inline-end: 40px; top: 0; width: 46px; height: 52px; background: var(--kd-sky); animation-delay: 1.2s; }

/* ---------- category bubble ------------------------------------------------ */
.sf-scope[data-ct="5"] .es-kd-bubble { display: flex; flex-direction: column; align-items: center; gap: 10px; color: var(--kd-ink); text-align: center; transition: transform .3s cubic-bezier(.3, 1.6, .5, 1); }
.sf-scope[data-ct="5"] .es-kd-bubble:hover { transform: scale(1.06) rotate(-3deg); }
.sf-scope[data-ct="5"] .es-kd-bubble__disc { position: relative; display: flex; align-items: center; justify-content: center; width: min(132px, 100%); aspect-ratio: 1; border-radius: 50%; overflow: hidden; border: 6px solid var(--kd-sky); background: #FFFFFF; }
.sf-scope[data-ct="5"] *:nth-child(6n+2) > .es-kd-bubble .es-kd-bubble__disc, .sf-scope[data-ct="5"] .es-kd-bubble:nth-child(6n+2) .es-kd-bubble__disc { border-color: var(--kd-cherry); }
.sf-scope[data-ct="5"] *:nth-child(6n+3) > .es-kd-bubble .es-kd-bubble__disc, .sf-scope[data-ct="5"] .es-kd-bubble:nth-child(6n+3) .es-kd-bubble__disc { border-color: var(--kd-lime); }
.sf-scope[data-ct="5"] *:nth-child(6n+4) > .es-kd-bubble .es-kd-bubble__disc, .sf-scope[data-ct="5"] .es-kd-bubble:nth-child(6n+4) .es-kd-bubble__disc { border-color: var(--kd-sun); }
.sf-scope[data-ct="5"] *:nth-child(6n+5) > .es-kd-bubble .es-kd-bubble__disc, .sf-scope[data-ct="5"] .es-kd-bubble:nth-child(6n+5) .es-kd-bubble__disc { border-color: #B57BE0; }
.sf-scope[data-ct="5"] *:nth-child(6n) > .es-kd-bubble .es-kd-bubble__disc, .sf-scope[data-ct="5"] .es-kd-bubble:nth-child(6n) .es-kd-bubble__disc { border-color: var(--kd-ink); }
.sf-scope[data-ct="5"] .es-kd-bubble__mark { font-family: var(--es-font-head, inherit); font-size: 40px; font-weight: 800; color: var(--kd-sky); }
.sf-scope[data-ct="5"] .es-kd-bubble__name { font-size: 19px; font-weight: 700; }

/* ---------- product cards -------------------------------------------------- */
.sf-scope[data-ct="5"] .es-kd-card { position: relative; display: flex; flex-direction: column; gap: 10px; height: 100%; color: var(--kd-ink); transition: transform .25s cubic-bezier(.3, 1.6, .5, 1); }
.sf-scope[data-ct="5"] .es-kd-card a { color: inherit; }
.sf-scope[data-ct="5"] .es-kd-card__pic { position: relative; aspect-ratio: 1; overflow: hidden; background: var(--kd-cream); }
.sf-scope[data-ct="5"] .es-kd-card__pic > a { position: absolute; inset: 0; }
.sf-scope[data-ct="5"] .es-kd-card__badge { position: absolute; top: 10px; inset-inline-start: 10px; padding: 3px 10px; border-radius: 999px; background: var(--kd-cherry); color: #FFFFFF; font-weight: 800; font-size: 13px; }
.sf-scope[data-ct="5"] .es-kd-card__badge.is-out { background: var(--kd-ink); }
.sf-scope[data-ct="5"] .es-kd-card__name { margin: 0; font-size: 16px; font-weight: 800; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.6em; }
.sf-scope[data-ct="5"] .es-kd-card__foot { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: auto; }
/* A bubble */
.sf-scope[data-ct="5"] .es-kd-card--bubble { padding: 12px; border: 2px solid #F3ECDD; border-radius: var(--kd-radius); background: #FFFFFF; }
.sf-scope[data-ct="5"] .es-kd-card--bubble:hover { transform: translateY(-6px); box-shadow: 0 14px 28px rgba(29, 43, 79, .1); }
.sf-scope[data-ct="5"] .es-kd-card--bubble .es-kd-card__pic { border-radius: 22px; }
.sf-scope[data-ct="5"] .es-kd-card--bubble .es-kd-card__name { padding-inline: 4px; }
.sf-scope[data-ct="5"] .es-kd-card--bubble .es-kd-card__foot { padding: 0 4px 2px; }
.sf-scope[data-ct="5"] .es-kd-card__fav { position: absolute; top: 8px; inset-inline-end: 8px; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border: 0; border-radius: 50%; background: #FFFFFF; color: var(--kd-cherry); cursor: pointer; }
.sf-scope[data-ct="5"] .es-kd-card__fav svg { fill: none; }
.sf-scope[data-ct="5"] .es-kd-card__fav[aria-pressed="true"] svg { fill: var(--kd-cherry); animation: kd-pop .45s cubic-bezier(.3, 1.8, .5, 1); }
/* B sticker */
.sf-scope[data-ct="5"] .es-kd-card--sticker { --kd-st: var(--kd-cherry); --kd-st-on: #FFFFFF; padding: 10px 10px 14px; border-radius: 26px; background: var(--kd-st); color: var(--kd-st-on); box-shadow: 0 0 0 6px #FFFFFF, 0 10px 18px rgba(29, 43, 79, .16); transform: rotate(-2.5deg); margin: 8px; }
.sf-scope[data-ct="5"] *:nth-child(4n+2) > .es-kd-card--sticker { --kd-st: #F6B7C9; --kd-st-on: var(--kd-ink); transform: rotate(2deg); }
.sf-scope[data-ct="5"] *:nth-child(4n+3) > .es-kd-card--sticker { --kd-st: var(--kd-sky); transform: rotate(-1.5deg); }
.sf-scope[data-ct="5"] *:nth-child(4n) > .es-kd-card--sticker { --kd-st: var(--kd-sun); --kd-st-on: var(--kd-ink); transform: rotate(3deg); }
.sf-scope[data-ct="5"] .es-kd-card--sticker:hover { transform: rotate(0) scale(1.03); }
.sf-scope[data-ct="5"] .es-kd-card--sticker .es-kd-card__pic { overflow: visible; border-radius: 18px; background: transparent; }
.sf-scope[data-ct="5"] .es-kd-card--sticker .es-kd-card__pic > a { overflow: hidden; border-radius: 18px; border: 3px dashed rgba(255, 255, 255, .85); background: #FFFFFF; }
.sf-scope[data-ct="5"] .es-kd-card__tag { position: absolute; bottom: -10px; inset-inline-end: 8px; padding: 4px 12px 4px 20px; background: #FFFFFF; color: var(--kd-ink); font-family: var(--es-font-head, inherit); font-weight: 800; font-size: 17px; clip-path: polygon(12px 0, 100% 0, 100% 100%, 12px 100%, 0 50%); }
[dir="rtl"] .sf-scope[data-ct="5"] .es-kd-card__tag { padding: 4px 20px 4px 12px; clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 0 100%); }
.sf-scope[data-ct="5"] .es-kd-card--sticker .es-kd-card__name { margin-top: 10px; font-size: 18px; }
.sf-scope[data-ct="5"] .es-kd-card__was { font-size: 13px; opacity: .85; }
.sf-scope[data-ct="5"] .es-kd-card__pill { position: relative; display: grid; place-items: center; min-height: 46px; margin-top: auto; border: 0; border-radius: 999px; background: #FFFFFF; color: var(--kd-ink); font: inherit; font-weight: 800; cursor: pointer; }
.sf-scope[data-ct="5"] .es-kd-card__pill > span { grid-area: 1 / 1; }
.sf-scope[data-ct="5"] .es-kd-card__pilldone { visibility: hidden; }
.sf-scope[data-ct="5"] .is-added .es-kd-card__pilltxt { visibility: hidden; }
.sf-scope[data-ct="5"] .is-added .es-kd-card__pilldone { visibility: visible; }
.sf-scope[data-ct="5"] .es-kd-card--sticker:has(.is-added) { animation: kd-wiggle .6s ease-in-out; }
/* C toy box */
.sf-scope[data-ct="5"] .es-kd-card--toybox { --kd-tb: var(--kd-cherry-soft); --kd-tb-edge: #F3B6C1; gap: 0; overflow: hidden; border-radius: 22px; background: #FFFFFF; box-shadow: 0 8px 0 var(--kd-tb-edge); }
.sf-scope[data-ct="5"] *:nth-child(4n+2) > .es-kd-card--toybox { --kd-tb: var(--kd-sky-soft); --kd-tb-edge: #B9E2EE; }
.sf-scope[data-ct="5"] *:nth-child(4n+3) > .es-kd-card--toybox { --kd-tb: var(--kd-lime-soft); --kd-tb-edge: #CFE4A6; }
.sf-scope[data-ct="5"] *:nth-child(4n) > .es-kd-card--toybox { --kd-tb: var(--kd-sun-soft); --kd-tb-edge: #F1DB9A; }
.sf-scope[data-ct="5"] .es-kd-card--toybox:hover { transform: translateY(-6px); }
.sf-scope[data-ct="5"] .es-kd-card--toybox .es-kd-card__pic { aspect-ratio: 5 / 4; background: var(--kd-tb); }
.sf-scope[data-ct="5"] .es-kd-card--toybox .es-kd-card__pic > a { inset: 14px; overflow: hidden; border-radius: 14px; }
.sf-scope[data-ct="5"] .es-kd-card__body { display: flex; flex-direction: column; gap: 8px; flex: 1; padding: 12px 14px 16px; }
.sf-scope[data-ct="5"] .es-kd-card__block { position: relative; display: grid; place-items: center; min-width: 74px; min-height: 44px; padding: 0 14px; border: 0; border-radius: 14px; background: var(--kd-ink); color: #FFFFFF; font: inherit; font-weight: 800; cursor: pointer; }
.sf-scope[data-ct="5"] .es-kd-card__block > span { grid-area: 1 / 1; }
.sf-scope[data-ct="5"] .es-kd-card__block.is-added { background: var(--kd-lime-ink); }
.sf-scope[data-ct="5"] .es-kd-card__pill[disabled], .sf-scope[data-ct="5"] .es-kd-card__block[disabled] { opacity: .55; cursor: not-allowed; }

/* ---------- mini product row (panels) --------------------------------------- */
.sf-scope[data-ct="5"] .es-kd-mini { display: flex; align-items: center; gap: 12px; padding: 10px; border-radius: 20px; background: var(--kd-cream); }
.sf-scope[data-ct="5"] .es-kd-mini__pic { position: relative; flex: none; width: 72px; height: 72px; overflow: hidden; border-radius: 16px; background: #FFFFFF; }
.sf-scope[data-ct="5"] .es-kd-mini__body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.sf-scope[data-ct="5"] .es-kd-mini__name { font-weight: 800; color: var(--kd-ink); line-height: 1.25; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.sf-scope[data-ct="5"] .es-kd-mini .es-kd-price { flex-direction: row; align-items: baseline; gap: 6px; }
.sf-scope[data-ct="5"] .es-kd-mini .es-kd-price b { font-size: 16px; }

/* ---------- THEME PLATES --------------------------------------------------- */
.sf-scope[data-ct="5"] .es-kd-plates { padding-block: 40px 48px; background: var(--kd-sky-soft); }
.sf-scope[data-ct="5"] .es-kd-plates__arrows { display: flex; gap: 10px; }
.sf-scope[data-ct="5"] .es-kd-plates__stage { display: flex; align-items: center; gap: 40px; }
.sf-scope[data-ct="5"] .es-kd-plates__table { --kd-r: 250px; --kd-size: clamp(56px, calc(1600px / var(--kd-n, 12)), 96px); position: relative; flex: 0 0 600px; width: 600px; height: 600px; }
.sf-scope[data-ct="5"] .es-kd-plates__cloth { position: absolute; inset: 44px; border-radius: 50%; background: #FFFFFF; box-shadow: inset 0 0 0 14px #F6FBFD, 0 20px 50px rgba(14, 127, 163, .18); }
.sf-scope[data-ct="5"] .es-kd-plates__ring { position: absolute; inset: 0; margin: 0; padding: 0; transform: rotate(var(--kd-rot, 0deg)); transition: transform .8s cubic-bezier(.35, 1.35, .45, 1); }
.sf-scope[data-ct="5"] .es-kd-plates--table .es-kd-plate { position: absolute; left: calc(50% - var(--kd-size) / 2); top: calc(50% - var(--kd-size) / 2); width: var(--kd-size); padding: 0; border: 0; background: transparent; cursor: pointer; transform: rotate(calc(var(--kd-i) * 360deg / var(--kd-n))) translateY(calc(var(--kd-r) * -1)) rotate(calc(var(--kd-i) * -360deg / var(--kd-n) - var(--kd-rot, 0deg))); transition: transform .8s cubic-bezier(.35, 1.35, .45, 1); }
.sf-scope[data-ct="5"] .es-kd-plates--table .es-kd-plate__name { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.sf-scope[data-ct="5"] .es-kd-plate__disc { position: relative; display: flex; align-items: center; justify-content: center; width: var(--kd-size, 112px); height: var(--kd-size, 112px); overflow: hidden; border-radius: 50%; background: #FFFFFF; box-shadow: 0 6px 14px rgba(29, 43, 79, .18); transition: box-shadow .25s, transform .25s; }
.sf-scope[data-ct="5"] .es-kd-plate:hover .es-kd-plate__disc { transform: scale(1.1); }
.sf-scope[data-ct="5"] .es-kd-plate.is-on .es-kd-plate__disc { box-shadow: 0 0 0 5px var(--kd-cherry), 0 8px 16px rgba(29, 43, 79, .25); }
.sf-scope[data-ct="5"] .es-kd-plate:focus-visible { outline: none; }
.sf-scope[data-ct="5"] .es-kd-plate:focus-visible .es-kd-plate__disc { box-shadow: 0 0 0 5px var(--kd-sun), 0 8px 16px rgba(29, 43, 79, .25); }
.sf-scope[data-ct="5"] .es-kd-plate__mark { font-family: var(--es-font-head, inherit); font-weight: 800; font-size: 32px; color: var(--kd-sky); }
.sf-scope[data-ct="5"] .es-kd-plates__marker { position: absolute; left: 50%; top: -6px; transform: translateX(-50%); width: 0; height: 0; border-inline: 14px solid transparent; border-top: 18px solid var(--kd-cherry); }
.sf-scope[data-ct="5"] .es-kd-plates__center { position: absolute; left: 50%; top: 50%; width: 250px; height: 250px; transform: translate(-50%, -50%); }
.sf-scope[data-ct="5"] .es-kd-plates__big { position: absolute; inset: 0; overflow: hidden; border-radius: 50%; background: #FFFFFF; box-shadow: 0 0 0 10px #FFFFFF, 0 0 0 16px var(--kd-sun), 0 24px 40px rgba(29, 43, 79, .25); opacity: 0; transform: scale(.6); transition: opacity .35s, transform .45s cubic-bezier(.3, 1.6, .5, 1); }
.sf-scope[data-ct="5"] .es-kd-plates__big.is-on { opacity: 1; transform: scale(1); }
.sf-scope[data-ct="5"] .es-kd-plates__big.is-on img { animation: kd-spin 18s linear infinite; }
.sf-scope[data-ct="5"] .es-kd-plates__panels { flex: 1; min-width: 0; }
.sf-scope[data-ct="5"] .es-kd-plates__panel { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; padding: 28px; border-radius: 32px; background: #FFFFFF; animation: kd-pop .45s cubic-bezier(.3, 1.4, .5, 1); }
.sf-scope[data-ct="5"] .es-kd-plates__name { margin: 0; font-size: clamp(34px, 4vw, 48px); }
.sf-scope[data-ct="5"] .es-kd-plates__count { margin: 0; font-size: 17px; color: var(--kd-muted); }
.sf-scope[data-ct="5"] .es-kd-plates__minis { display: grid; gap: 10px; align-self: stretch; }
/* row layout (home) */
.sf-scope[data-ct="5"] .es-kd-plates--row .es-kd-plates__stage { flex-direction: column; align-items: stretch; gap: 18px; }
.sf-scope[data-ct="5"] .es-kd-plates--row .es-kd-plates__table { flex: none; width: auto; height: auto; }
.sf-scope[data-ct="5"] .es-kd-plates--row .es-kd-plates__cloth,
.sf-scope[data-ct="5"] .es-kd-plates--row .es-kd-plates__marker,
.sf-scope[data-ct="5"] .es-kd-plates--row .es-kd-plates__center { display: none; }
.sf-scope[data-ct="5"] .es-kd-plates--row .es-kd-plates__ring { position: static; display: flex; align-items: flex-start; gap: 14px; overflow-x: auto; padding: 14px 4px 18px; transform: none; scroll-snap-type: x proximity; }
.sf-scope[data-ct="5"] .es-kd-plates--row .es-kd-plate { --kd-size: 112px; flex: none; display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 0; border: 0; background: transparent; color: var(--kd-ink); font: inherit; font-weight: 800; cursor: pointer; scroll-snap-align: start; transition: transform .35s cubic-bezier(.3, 1.5, .5, 1); }
.sf-scope[data-ct="5"] .es-kd-plates--row .es-kd-plate:hover { transform: translateY(-8px) rotate(-6deg); }
.sf-scope[data-ct="5"] .es-kd-plates--row .es-kd-plate.is-on { --kd-size: 148px; }
.sf-scope[data-ct="5"] .es-kd-plates--row .es-kd-plate.is-on .es-kd-plate__disc { box-shadow: 0 0 0 6px #FFFFFF, 0 0 0 10px var(--kd-sky), 0 14px 24px rgba(14, 127, 163, .35); }
.sf-scope[data-ct="5"] .es-kd-plates--row .es-kd-plate.is-on img { animation: kd-spin 18s linear infinite; }
.sf-scope[data-ct="5"] .es-kd-plates--row .es-kd-plates__panel { flex-direction: row; flex-wrap: wrap; align-items: center; }
.sf-scope[data-ct="5"] .es-kd-plates--row .es-kd-plates__minis { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); flex: 1 1 480px; }

/* ---------- THEME FINDER --------------------------------------------------- */
.sf-scope[data-ct="5"] .es-kd-finder { padding-block: 40px 48px; background: var(--kd-sun-soft); }
.sf-scope[data-ct="5"] .es-kd-finder__top { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 14px 24px; margin-bottom: 24px; }
.sf-scope[data-ct="5"] .es-kd-finder__progress { display: flex; align-items: center; gap: 12px; }
.sf-scope[data-ct="5"] .es-kd-finder__bar { display: block; width: 160px; height: 14px; border-radius: 999px; background: #FFFFFF; overflow: hidden; }
.sf-scope[data-ct="5"] .es-kd-finder__bar i { display: block; width: var(--kd-p, 33%); height: 100%; border-radius: inherit; background: var(--kd-cherry); transition: width .35s; }
.sf-scope[data-ct="5"] .es-kd-finder__who { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 20px; }
.sf-scope[data-ct="5"] .es-kd-who { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; min-height: 300px; padding: 24px; border: 0; border-radius: 36px; background: var(--kd-t-soft); color: var(--kd-ink); font: inherit; cursor: pointer; box-shadow: 0 8px 0 rgba(29, 43, 79, .1); transition: transform .25s cubic-bezier(.3, 1.6, .5, 1), box-shadow .25s; }
.sf-scope[data-ct="5"] .es-kd-who:hover { transform: translateY(-6px) rotate(-1deg); box-shadow: 0 14px 0 rgba(29, 43, 79, .12); }
.sf-scope[data-ct="5"] .es-kd-who:focus-visible { outline: 4px solid var(--kd-ink); outline-offset: 3px; }
.sf-scope[data-ct="5"] .es-kd-who__name { font-size: 30px; }
.sf-scope[data-ct="5"] .es-kd-who__hint { font-size: 16px; color: #3B465F; text-align: center; }
.sf-scope[data-ct="5"] .es-kd-finder__hint { margin: 0 0 16px; font-size: 18px; }
.sf-scope[data-ct="5"] .es-kd-finder__ages { display: grid; grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); gap: 14px; }
.sf-scope[data-ct="5"] .es-kd-agebig { min-height: 110px; border: 0; border-radius: 28px; background: #FFFFFF; color: var(--kd-ink); font-family: var(--es-font-head, inherit); font-size: 52px; font-weight: 800; cursor: pointer; box-shadow: 0 8px 0 rgba(29, 43, 79, .1); transition: transform .25s cubic-bezier(.3, 1.6, .5, 1); }
.sf-scope[data-ct="5"] .es-kd-agebig:nth-child(4n+2) { background: var(--kd-sky-soft); }
.sf-scope[data-ct="5"] .es-kd-agebig:nth-child(4n+3) { background: var(--kd-cherry-soft); }
.sf-scope[data-ct="5"] .es-kd-agebig:nth-child(4n) { background: var(--kd-lime-soft); }
.sf-scope[data-ct="5"] .es-kd-agebig:hover { transform: translateY(-5px) rotate(-2deg); }
.sf-scope[data-ct="5"] .es-kd-finder__skip { margin-top: 16px; min-height: 44px; padding: 0 8px; border: 0; background: none; color: var(--kd-ink); font: inherit; font-weight: 800; text-decoration: underline; cursor: pointer; }
.sf-scope[data-ct="5"] .es-kd-finder__results { display: grid; grid-template-columns: 1fr auto; gap: 22px; align-items: start; }
.sf-scope[data-ct="5"] .es-kd-finder__group { grid-column: 1; }
.sf-scope[data-ct="5"] .es-kd-finder__gname { margin: 0 0 12px; font-size: 26px; }
.sf-scope[data-ct="5"] .es-kd-finder.is-live .es-kd-finder__gname { display: none; }
.sf-scope[data-ct="5"] .es-kd-finder__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 16px; margin-bottom: 18px; }
.sf-scope[data-ct="5"] .es-kd-theme { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 16px 12px; border-radius: 28px; background: #FFFFFF; color: var(--kd-ink); text-align: center; box-shadow: 0 8px 0 rgba(29, 43, 79, .08); transition: transform .25s cubic-bezier(.3, 1.6, .5, 1); }
.sf-scope[data-ct="5"] .es-kd-theme:hover { transform: translateY(-6px) rotate(-1deg); }
.sf-scope[data-ct="5"] .es-kd-theme__disc { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; box-shadow: 0 6px 14px rgba(29, 43, 79, .15); }
.sf-scope[data-ct="5"] .es-kd-theme__name { font-size: 21px; }
.sf-scope[data-ct="5"] .es-kd-theme__count { font-size: 14px; font-weight: 700; color: var(--kd-muted); }
.sf-scope[data-ct="5"] .es-kd-finder__candle { grid-column: 2; grid-row: 1 / span 6; display: flex; flex-direction: column; align-items: center; gap: 10px; width: 280px; padding: 24px; border-radius: 32px; background: var(--kd-ink); color: #FFFFFF; text-align: center; }
.sf-scope[data-ct="5"] .es-kd-finder__flame { width: 22px; height: 32px; border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%; background: radial-gradient(circle at 50% 70%, #FF8A3D 30%, var(--kd-sun) 70%); animation: kd-flame .6s ease-in-out infinite alternate; }
.sf-scope[data-ct="5"] .es-kd-finder__age { font-size: 110px; line-height: .9; color: var(--kd-sun); text-shadow: 6px 6px 0 var(--kd-cherry); }
.sf-scope[data-ct="5"] .es-kd-finder__ctitle { font-size: 24px; }
.sf-scope[data-ct="5"] .es-kd-finder__restart { grid-column: 1; justify-self: start; }

/* ---------- SPIN WHEEL ----------------------------------------------------- */
.sf-scope[data-ct="5"] .es-kd-wheel { padding-block: 48px; background: var(--kd-ink); color: #FFFFFF; overflow: hidden; }
.sf-scope[data-ct="5"] .es-kd-wheel__in { position: relative; display: flex; align-items: center; gap: 56px; }
.sf-scope[data-ct="5"] .es-kd-wheel__stage { position: relative; flex: 0 0 520px; width: 520px; height: 520px; }
.sf-scope[data-ct="5"] .es-kd-wheel__rim { position: absolute; inset: 0; border-radius: 50%; background: var(--kd-sun); box-shadow: 0 0 0 10px #2C3D66, 0 30px 60px rgba(0, 0, 0, .35); }
.sf-scope[data-ct="5"] .es-kd-wheel__rim i { position: absolute; left: calc(50% - 6px); top: calc(50% - 6px); width: 12px; height: 12px; border-radius: 50%; background: #FFFFFF; box-shadow: 0 0 10px #FFFFFF; transform: rotate(calc(var(--b) * 15deg)) translateY(-247px); }
.sf-scope[data-ct="5"] .es-kd-wheel__rim i:nth-child(2n) { background: var(--kd-cherry); box-shadow: 0 0 10px var(--kd-cherry); }
.sf-scope[data-ct="5"] .es-kd-wheel__disc { --kd-n: 8; position: absolute; inset: 26px; border-radius: 50%; overflow: hidden; background: conic-gradient(from -22.5deg, var(--kd-cherry) 0 45deg, var(--kd-sky) 45deg 90deg, var(--kd-lime) 90deg 135deg, #FF8A3D 135deg 180deg, var(--kd-grape) 180deg 225deg, #FFFFFF 225deg 270deg, #E58FB0 270deg 315deg, #2BA6C9 315deg 360deg); transform: rotate(var(--kd-spin, 0deg)); transition: transform 3.2s cubic-bezier(.12, .75, .12, 1); }
.sf-scope[data-ct="5"] .es-kd-wheel__slice { position: absolute; left: calc(50% - 42px); top: calc(50% - 42px); width: 84px; height: 84px; transform: rotate(calc(var(--kd-i) * 360deg / var(--kd-n))) translateY(-160px); }
.sf-scope[data-ct="5"] .es-kd-wheel__slice img { width: 100%; height: 100%; border: 4px solid #FFFFFF; border-radius: 50%; object-fit: cover; background: #FFFFFF; }
.sf-scope[data-ct="5"] .es-kd-wheel__pointer { position: absolute; left: 50%; top: -8px; z-index: 2; transform: translateX(-50%); width: 0; height: 0; border-inline: 22px solid transparent; border-top: 44px solid #FFFFFF; filter: drop-shadow(0 4px 4px rgba(0, 0, 0, .3)); }
.sf-scope[data-ct="5"] .es-kd-wheel__spin { position: absolute; left: 50%; top: 50%; z-index: 2; transform: translate(-50%, -50%); width: 124px; height: 124px; border: 8px solid #FFFFFF; border-radius: 50%; background: var(--kd-cherry); color: #FFFFFF; font-size: 28px; cursor: pointer; box-shadow: 0 8px 0 #8E1529; transition: transform .15s; }
.sf-scope[data-ct="5"] .es-kd-wheel__spin:active { transform: translate(-50%, calc(-50% + 3px)); }
.sf-scope[data-ct="5"] .es-kd-wheel__spin[disabled] { opacity: .8; cursor: wait; }
.sf-scope[data-ct="5"] .es-kd-wheel__copy { flex: 1; display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.sf-scope[data-ct="5"] .es-kd-wheel__title { margin: 0; font-size: clamp(36px, 5vw, 56px); color: #FFFFFF; }
.sf-scope[data-ct="5"] .es-kd-wheel__text { margin: 0; font-size: 18px; color: #DCE3F2; max-width: 460px; }
.sf-scope[data-ct="5"] .es-kd-wheel__idle { margin: 0; padding: 22px; border: 3px dashed #4A5C88; border-radius: 30px; color: #AFC0E0; font-weight: 700; max-width: 470px; }
.sf-scope[data-ct="5"] .es-kd-wheel__win { display: none; align-items: center; gap: 18px; padding: 20px; border-radius: 30px; background: #FFFFFF; color: var(--kd-ink); max-width: 520px; }
.sf-scope[data-ct="5"] .es-kd-wheel__win.is-on { display: flex; animation: kd-pop .55s cubic-bezier(.3, 1.6, .5, 1); }
.sf-scope[data-ct="5"] .es-kd-wheel:not(.is-live) .es-kd-wheel__win { display: flex; margin-bottom: 8px; }
.sf-scope[data-ct="5"] .es-kd-wheel:not(.is-live) .es-kd-wheel__idle { display: none; }
.sf-scope[data-ct="5"] .es-kd-wheel__winpic { position: relative; flex: none; width: 104px; height: 104px; border-radius: 50%; overflow: hidden; box-shadow: 0 0 0 6px var(--kd-sun); }
.sf-scope[data-ct="5"] .es-kd-wheel__wincopy { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; }
.sf-scope[data-ct="5"] .es-kd-wheel__says { font-size: 13px; font-weight: 800; color: var(--kd-muted); text-transform: uppercase; }
.sf-scope[data-ct="5"] .es-kd-wheel__winname { font-size: 36px; }
.sf-scope[data-ct="5"] .es-kd-wheel__wincount { color: var(--kd-muted); margin-bottom: 6px; }
.sf-scope[data-ct="5"] .es-kd-wheel__burst { position: absolute; left: 50%; top: 40%; pointer-events: none; }
.sf-scope[data-ct="5"] .es-kd-wheel__burst i { position: absolute; width: 10px; height: 14px; border-radius: 2px; opacity: 0; background: var(--kd-sun); }
.sf-scope[data-ct="5"] .es-kd-wheel__burst i:nth-child(3n+1) { background: var(--kd-cherry); }
.sf-scope[data-ct="5"] .es-kd-wheel__burst i:nth-child(3n+2) { background: var(--kd-lime); }
.sf-scope[data-ct="5"] .es-kd-wheel__burst.is-on i { animation: kd-confetti 1.3s ease-out forwards; }

/* ---------- SHOP BY COLOUR ------------------------------------------------- */
.sf-scope[data-ct="5"] .es-kd-colors { padding-block: 40px 44px; background: var(--kd-tint, var(--kd-sun-soft)); transition: background-color .5s ease; }
.sf-scope[data-ct="5"] .es-kd-colors__in { display: flex; gap: 44px; align-items: flex-start; }
.sf-scope[data-ct="5"] .es-kd-colors__side { flex: 0 0 380px; }
.sf-scope[data-ct="5"] .es-kd-colors__palette { position: relative; display: flex; flex-wrap: wrap; gap: 14px; padding: 26px 22px 30px; border: 3px solid #E9DDBE; border-radius: 58% 42% 50% 50% / 60% 55% 45% 40%; background: #FFFFFF; }
.sf-scope[data-ct="5"] .es-kd-blob { width: 62px; height: 56px; padding: 0; border: 4px solid #FFFFFF; border-radius: 46% 54% 50% 50% / 55% 45% 55% 45%; background: var(--kd-c); cursor: pointer; box-shadow: inset -6px -8px 0 rgba(0, 0, 0, .1), 0 0 0 1px rgba(29, 43, 79, .1); transition: transform .3s cubic-bezier(.3, 1.6, .5, 1); }
.sf-scope[data-ct="5"] .es-kd-blob:hover { transform: scale(1.1) rotate(8deg); }
.sf-scope[data-ct="5"] .es-kd-blob.is-on { border-color: var(--kd-ink); transform: scale(1.12); }
.sf-scope[data-ct="5"] .es-kd-blob:focus-visible { outline: 3px solid var(--kd-ink); outline-offset: 3px; }
.sf-scope[data-ct="5"] .es-kd-colors__panels { flex: 1; min-width: 0; }
.sf-scope[data-ct="5"] .es-kd-colors__panel { animation: kd-pop .45s cubic-bezier(.3, 1.4, .5, 1); }
.sf-scope[data-ct="5"] .es-kd-colors__ptop { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 8px; margin-bottom: 14px; }
.sf-scope[data-ct="5"] .es-kd-colors__name { margin: 0; font-size: 40px; }
.sf-scope[data-ct="5"] .es-kd-colors__ptop .es-kd-head__link { color: var(--kd-ink); }
.sf-scope[data-ct="5"] .es-kd-colors__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 18px; }
.sf-scope[data-ct="5"] .es-kd-swatchcard { padding: 12px; border-radius: 28px; background: #FFFFFF; display: flex; flex-direction: column; gap: 10px; }
.sf-scope[data-ct="5"] .es-kd-swatchcard__pic { position: relative; display: block; aspect-ratio: 4 / 3; overflow: hidden; border-radius: 22px; background: var(--kd-cream); }
.sf-scope[data-ct="5"] .es-kd-swatchcard .es-kd-mini { padding: 0; background: transparent; }
.sf-scope[data-ct="5"] .es-kd-swatchcard .es-kd-mini__pic { display: none; }
.sf-scope[data-ct="5"] .es-kd-drip { position: absolute; top: 0; inset-inline-start: 22px; width: 26px; height: 46px; border-radius: 0 0 13px 13px; background: var(--kd-c); transform-origin: top; animation: kd-drip .6s ease-out; }

/* ---------- CAKE ----------------------------------------------------------- */
.sf-scope[data-ct="5"] .es-kd-cake { padding-block: 40px 48px; background: var(--kd-grape-soft); }
.sf-scope[data-ct="5"] .es-kd-cake__in { display: flex; gap: 44px; align-items: center; }
.sf-scope[data-ct="5"] .es-kd-cake__side { flex: 0 0 440px; display: flex; flex-direction: column; align-items: flex-start; gap: 16px; }
.sf-scope[data-ct="5"] .es-kd-cake__side .es-kd-head { margin-bottom: 0; }
.sf-scope[data-ct="5"] .es-kd-cake__ages { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; align-self: stretch; }
.sf-scope[data-ct="5"] .es-kd-agebtn { min-height: 56px; border: 0; border-radius: 18px; background: #FFFFFF; color: var(--kd-ink); font-family: var(--es-font-head, inherit); font-size: 24px; font-weight: 800; cursor: pointer; transition: transform .2s; }
.sf-scope[data-ct="5"] .es-kd-agebtn:hover { transform: translateY(-3px); }
.sf-scope[data-ct="5"] .es-kd-agebtn.is-on { background: var(--kd-grape); color: #FFFFFF; }
.sf-scope[data-ct="5"] .es-kd-cake__art { position: relative; flex: 0 0 340px; height: 420px; }
.sf-scope[data-ct="5"] .es-kd-cake__happy { position: absolute; inset-inline: -20px; top: 0; margin: 0; text-align: center; font-size: 30px; color: #5B2E9A; }
.sf-scope[data-ct="5"] .es-kd-cake__candles { position: absolute; inset-inline: 34px; top: 76px; display: flex; justify-content: center; gap: 12px; }
.sf-scope[data-ct="5"] .es-kd-cake__candles:has(.es-kd-candle:nth-child(9):not([hidden])) { gap: 6px; }
.sf-scope[data-ct="5"] .es-kd-candle { position: relative; display: block; width: 14px; height: 74px; margin-top: 30px; border-radius: 6px; background: repeating-linear-gradient(135deg, var(--kd-cherry) 0 8px, #FFFFFF 8px 14px); }
.sf-scope[data-ct="5"] .es-kd-candle:nth-child(3n+2) { background: repeating-linear-gradient(135deg, var(--kd-sky) 0 8px, #FFFFFF 8px 14px); }
.sf-scope[data-ct="5"] .es-kd-candle:nth-child(3n) { background: repeating-linear-gradient(135deg, var(--kd-lime) 0 8px, #FFFFFF 8px 14px); }
.sf-scope[data-ct="5"] .es-kd-candle__flame { position: absolute; left: 50%; bottom: 100%; width: 16px; height: 26px; margin-inline-start: -8px; margin-bottom: 2px; border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%; background: radial-gradient(circle at 50% 70%, #FF8A3D 30%, var(--kd-sun) 72%); transform-origin: 50% 100%; animation: kd-flame .6s ease-in-out infinite alternate; }
.sf-scope[data-ct="5"] .es-kd-candle__smoke { position: absolute; left: 50%; bottom: 100%; width: 16px; height: 26px; margin-inline-start: -8px; border-radius: 50%; background: #C9C3D6; opacity: 0; }
.sf-scope[data-ct="5"] .es-kd-cake.is-out .es-kd-candle__flame { display: none; }
.sf-scope[data-ct="5"] .es-kd-cake.is-out .es-kd-candle__smoke { animation: kd-smoke 1.4s ease-out forwards; }
.sf-scope[data-ct="5"] .es-kd-cake__top { position: absolute; inset-inline: 20px; top: 178px; height: 34px; border-radius: 30px 30px 0 0; background: #FFFFFF; z-index: 1; }
.sf-scope[data-ct="5"] .es-kd-cake__layer { position: absolute; display: block; border-radius: 30px 30px 14px 14px; }
.sf-scope[data-ct="5"] .es-kd-cake__layer--1 { inset-inline: 20px; top: 178px; height: 110px; background: #F6B7C9; }
.sf-scope[data-ct="5"] .es-kd-cake__layer--2 { inset-inline: 0; top: 278px; height: 110px; background: #B57BE0; }
.sf-scope[data-ct="5"] .es-kd-cake__plate { position: absolute; inset-inline: -20px; top: 380px; height: 22px; border-radius: 999px; background: #FFFFFF; box-shadow: 0 10px 20px rgba(91, 46, 154, .2); }
.sf-scope[data-ct="5"] .es-kd-cake__matches { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 12px; }
.sf-scope[data-ct="5"] .es-kd-cake__match { display: grid; gap: 12px; }
.sf-scope[data-ct="5"] .es-kd-cake__match .es-kd-mini { background: #FFFFFF; }
.sf-scope[data-ct="5"] .es-kd-cake__none { margin: 0; padding: 16px; border-radius: 20px; background: #FFFFFF; color: var(--kd-muted); }
.sf-scope[data-ct="5"] .es-kd-cake .es-kd-head__link { color: #5B2E9A; }

/* ---------- PARTY BOX ------------------------------------------------------ */
.sf-scope[data-ct="5"] .es-kd-box { padding-block: 40px 48px; }
.sf-scope[data-ct="5"] .es-kd-box__in { display: flex; gap: 28px; align-items: flex-start; }
.sf-scope[data-ct="5"] .es-kd-box__controls { flex: 0 0 440px; display: flex; flex-direction: column; gap: 18px; }
.sf-scope[data-ct="5"] .es-kd-box__themes { display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 10px; }
.sf-scope[data-ct="5"] .es-kd-box__theme { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 10px; border: 4px solid #FFFFFF; border-radius: 22px; background: #FFFFFF; color: var(--kd-ink); font: inherit; font-weight: 800; cursor: pointer; box-shadow: 0 4px 0 rgba(29, 43, 79, .08); }
.sf-scope[data-ct="5"] .es-kd-box__theme.is-on { border-color: var(--kd-sky); }
.sf-scope[data-ct="5"] .es-kd-box__tdisc { position: relative; width: 70px; height: 70px; border-radius: 50%; overflow: hidden; }
.sf-scope[data-ct="5"] .es-kd-box__guests { display: flex; align-items: center; gap: 14px; padding: 14px 18px; border-radius: 24px; background: #FFFFFF; box-shadow: 0 4px 0 rgba(29, 43, 79, .06); }
.sf-scope[data-ct="5"] .es-kd-box__glabel { flex: 1; font-weight: 800; font-size: 18px; }
.sf-scope[data-ct="5"] .es-kd-box__gnum { min-width: 54px; font-size: 40px; text-align: center; }
.sf-scope[data-ct="5"] .es-kd-giftbox { position: relative; height: 330px; margin-top: 24px; }
.sf-scope[data-ct="5"] .es-kd-giftbox__body { position: absolute; inset-inline: 40px; bottom: 0; height: 120px; display: flex; align-items: center; justify-content: center; border-radius: 0 0 26px 26px; background: var(--kd-sky); z-index: 2; }
.sf-scope[data-ct="5"] .es-kd-giftbox__body i, .sf-scope[data-ct="5"] .es-kd-giftbox__lid i { position: absolute; left: 50%; top: 0; bottom: 0; width: 36px; margin-inline-start: -18px; background: var(--kd-sun); }
.sf-scope[data-ct="5"] .es-kd-giftbox__body b { position: relative; padding: 6px 16px; border-radius: 999px; background: #FFFFFF; color: var(--kd-ink); font-weight: 800; }
.sf-scope[data-ct="5"] .es-kd-giftbox__toys { position: absolute; inset-inline: 40px; bottom: 110px; display: flex; flex-wrap: wrap-reverse; justify-content: center; gap: 8px; padding: 0 16px; z-index: 1; }
.sf-scope[data-ct="5"] .es-kd-giftbox__toys span { display: flex; align-items: center; justify-content: center; width: 62px; height: 62px; border-radius: 18px; background: #FFFFFF; box-shadow: 0 6px 12px rgba(29, 43, 79, .18); overflow: hidden; animation: kd-drop .5s cubic-bezier(.3, 1.5, .5, 1); }
.sf-scope[data-ct="5"] .es-kd-giftbox__toys img { width: 100%; height: 100%; object-fit: cover; }
.sf-scope[data-ct="5"] .es-kd-giftbox__lid { position: absolute; inset-inline: 26px; top: 20px; height: 44px; border-radius: 12px; background: color-mix(in srgb, var(--kd-sky) 85%, #FFFFFF); transform-origin: 0 100%; transition: transform .5s cubic-bezier(.3, 1.5, .5, 1); z-index: 3; }
.sf-scope[data-ct="5"] .es-kd-giftbox__lid.is-open { transform: translateY(-26px) rotate(-8deg); }
[dir="rtl"] .sf-scope[data-ct="5"] .es-kd-giftbox__lid { transform-origin: 100% 100%; }
[dir="rtl"] .sf-scope[data-ct="5"] .es-kd-giftbox__lid.is-open { transform: translateY(-26px) rotate(8deg); }
.sf-scope[data-ct="5"] .es-kd-box__list { flex: 1; min-width: 0; padding: 20px 22px; border-radius: 32px; background: #FFFFFF; box-shadow: 0 4px 0 rgba(29, 43, 79, .06); }
.sf-scope[data-ct="5"] .es-kd-box__for { margin: 0 0 6px; padding-bottom: 10px; border-bottom: 2px solid var(--kd-line); font-weight: 800; color: var(--kd-muted); }
.sf-scope[data-ct="5"] .es-kd-box__lines { margin: 0; padding: 0; list-style: none; }
.sf-scope[data-ct="5"] .es-kd-box__line { display: flex; align-items: center; gap: 12px; padding: 8px; border-radius: 16px; transition: background-color .2s, opacity .2s; }
.sf-scope[data-ct="5"] .es-kd-box__line:has(input:checked) { background: var(--kd-cream); }
.sf-scope[data-ct="5"] .es-kd-box__line:not(:has(input:checked)) { opacity: .5; }
.sf-scope[data-ct="5"] .es-kd-box__check { flex: 1; min-width: 0; display: flex; align-items: center; gap: 12px; cursor: pointer; }
.sf-scope[data-ct="5"] .es-kd-box__check input { flex: none; width: 24px; height: 24px; accent-color: var(--kd-sky); }
.sf-scope[data-ct="5"] .es-kd-box__pic { position: relative; flex: none; width: 52px; height: 52px; border-radius: 14px; overflow: hidden; background: var(--kd-cream); }
.sf-scope[data-ct="5"] .es-kd-box__info { min-width: 0; display: flex; flex-direction: column; }
.sf-scope[data-ct="5"] .es-kd-box__name { font-weight: 800; line-height: 1.25; }
.sf-scope[data-ct="5"] .es-kd-box__rule { font-size: 13px; color: var(--kd-muted); }
.sf-scope[data-ct="5"] .es-kd-box__qty { flex: none; width: 52px; text-align: center; font-size: 22px; }
.sf-scope[data-ct="5"] .es-kd-box__sum { flex: none; width: 96px; display: flex; flex-direction: column; text-align: end; }
.sf-scope[data-ct="5"] .es-kd-box__sum s { font-size: 12px; color: var(--kd-muted); }
.sf-scope[data-ct="5"] .es-kd-box__open { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 44px; color: var(--kd-muted); }
.sf-scope[data-ct="5"] .es-kd-box__total { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; margin-top: 14px; padding-top: 16px; border-top: 2px dashed #E9DDBE; }
.sf-scope[data-ct="5"] .es-kd-box__tlabel { display: block; color: var(--kd-muted); font-weight: 700; }
.sf-scope[data-ct="5"] .es-kd-box__tnum { font-size: 38px; }
.sf-scope[data-ct="5"] .es-kd-box__msg { margin: 10px 0 0; min-height: 1.4em; font-weight: 700; color: var(--kd-lime-ink); }
.sf-scope[data-ct="5"] .es-kd-box__msg.is-error { color: var(--kd-cherry-ink); }

/* ---------- PLAY ZONES ----------------------------------------------------- */
.sf-scope[data-ct="5"] .es-kd-zones { padding-block: 40px 48px; background: var(--kd-lime-soft); }
.sf-scope[data-ct="5"] .es-kd-zones__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 18px; margin: 0; padding: 0; list-style: none; }
.sf-scope[data-ct="5"] .es-kd-zones__cell.is-dim { opacity: .25; }
.sf-scope[data-ct="5"] .es-kd-flipcard { display: block; width: 100%; height: 320px; padding: 0; border: 0; background: transparent; color: var(--kd-ink); font: inherit; text-align: start; cursor: pointer; perspective: 900px; }
.sf-scope[data-ct="5"] .es-kd-flipcard__inner { position: relative; display: block; width: 100%; height: 100%; transform-style: preserve-3d; transition: transform .6s cubic-bezier(.4, .2, .2, 1); }
.sf-scope[data-ct="5"] .es-kd-flipcard[aria-pressed="true"] .es-kd-flipcard__inner { transform: rotateY(180deg); }
.sf-scope[data-ct="5"] .es-kd-flipcard__front,
.sf-scope[data-ct="5"] .es-kd-flipcard__back { position: absolute; inset: 0; display: flex; flex-direction: column; border-radius: 28px; overflow: hidden; backface-visibility: hidden; -webkit-backface-visibility: hidden; }
.sf-scope[data-ct="5"] .es-kd-flipcard__front { background: #FFFFFF; box-shadow: 0 8px 0 rgba(63, 110, 18, .15); }
.sf-scope[data-ct="5"] .es-kd-flipcard__pic { position: relative; flex: none; height: 228px; }
.sf-scope[data-ct="5"] .es-kd-flipcard__name { padding: 12px 16px 0; font-size: 22px; }
.sf-scope[data-ct="5"] .es-kd-flipcard__where { padding: 0 16px; font-size: 14px; font-weight: 700; color: var(--kd-muted); }
.sf-scope[data-ct="5"] .es-kd-flipcard__turn { position: absolute; top: 10px; inset-inline-end: 10px; display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background: #FFFFFF; }
.sf-scope[data-ct="5"] .es-kd-flipcard__back { gap: 10px; padding: 22px; background: var(--kd-t); color: var(--kd-t-on); transform: rotateY(180deg); }
.sf-scope[data-ct="5"] .es-kd-flipcard__bname { font-size: 26px; }
.sf-scope[data-ct="5"] .es-kd-flipcard__bio { font-size: 15px; line-height: 1.5; }
.sf-scope[data-ct="5"] .es-kd-flipcard__chip { align-self: flex-start; margin-top: auto; padding: 4px 12px; border-radius: 999px; background: rgba(255, 255, 255, .24); font-weight: 800; font-size: 13px; }
.sf-scope[data-ct="5"] .es-kd-flipcard:focus-visible { outline: 4px solid var(--kd-ink); outline-offset: 4px; border-radius: 28px; }
/* explorer */
.sf-scope[data-ct="5"] .es-kd-explorer { padding-block: 40px 48px; }
.sf-scope[data-ct="5"] .es-kd-explorer__in { display: flex; min-height: 340px; overflow: hidden; border-radius: 30px; background: #FFFFFF; box-shadow: 0 4px 0 rgba(29, 43, 79, .06); }
.sf-scope[data-ct="5"] .es-kd-explorer__tabs { flex: 0 0 290px; display: flex; flex-direction: column; gap: 6px; padding: 14px; }
.sf-scope[data-ct="5"] .es-kd-explorer__tab { display: flex; align-items: center; gap: 10px; min-height: 48px; padding: 0 14px; border: 0; border-radius: 16px; background: transparent; color: var(--kd-ink); font: inherit; font-size: 17px; font-weight: 800; text-align: start; cursor: pointer; }
.sf-scope[data-ct="5"] .es-kd-explorer__tab i { width: 12px; height: 12px; border-radius: 50%; background: var(--kd-t); flex: none; }
.sf-scope[data-ct="5"] .es-kd-explorer__tab.is-on, .sf-scope[data-ct="5"] .es-kd-explorer__tab:hover { background: var(--kd-t-soft); }
.sf-scope[data-ct="5"] .es-kd-explorer__panels { position: relative; flex: 1; min-width: 0; }
.sf-scope[data-ct="5"] .es-kd-explorer__panel { position: absolute; inset: 0; animation: kd-slidein .4s ease-out; }
.sf-scope[data-ct="5"] .es-kd-explorer__card { position: absolute; inset-inline: 20px; bottom: 20px; max-width: 520px; padding: 16px 20px; border-radius: 22px; background: rgba(255, 255, 255, .95); }
.sf-scope[data-ct="5"] .es-kd-explorer__name { margin: 0; font-size: 28px; }
.sf-scope[data-ct="5"] .es-kd-explorer__name span { font-size: 15px; color: var(--kd-muted); font-family: var(--es-font); }
.sf-scope[data-ct="5"] .es-kd-explorer__bio { margin: 4px 0 0; color: #3B465F; }

/* ---------- VISIT ---------------------------------------------------------- */
.sf-scope[data-ct="5"] .es-kd-visit { padding-block: 32px 40px; }
.sf-scope[data-ct="5"] .es-kd-visit__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; margin: 0; padding: 0; list-style: none; }
.sf-scope[data-ct="5"] .es-kd-visit__card { display: flex; align-items: flex-start; gap: 16px; padding: 22px; border: 2px solid #F3ECDD; border-radius: 28px; background: #FFFFFF; }
.sf-scope[data-ct="5"] .es-kd-visit__pin { flex: none; display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 18px; background: var(--kd-t-soft); color: var(--kd-t-ink); }
.sf-scope[data-ct="5"] .es-kd-visit__body { flex: 1; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 6px; }
.sf-scope[data-ct="5"] .es-kd-visit__name { margin: 0; font-size: 24px; }
.sf-scope[data-ct="5"] .es-kd-visit__addr, .sf-scope[data-ct="5"] .es-kd-visit__hours { margin: 0; color: var(--kd-muted); }
.sf-scope[data-ct="5"] .es-kd-visit__open { display: inline-flex; align-items: center; gap: 6px; padding: 5px 12px; border-radius: 999px; font-weight: 800; font-size: 14px; }
.sf-scope[data-ct="5"] .es-kd-visit__open::before { content: ""; width: 9px; height: 9px; border-radius: 50%; background: currentColor; }
.sf-scope[data-ct="5"] .es-kd-visit__open.is-open { background: #E3F4D3; color: #2F5A0B; }
.sf-scope[data-ct="5"] .es-kd-visit__open.is-open::before { animation: kd-pulse 1.6s ease-in-out infinite; }
.sf-scope[data-ct="5"] .es-kd-visit__open.is-closed { background: var(--kd-cherry-soft); color: #9A1830; }
.sf-scope[data-ct="5"] .es-kd-visit__acts { display: flex; flex-wrap: wrap; gap: 10px; margin: 6px 0 0; }

/* ---------- PLAN A PARTY --------------------------------------------------- */
.sf-scope[data-ct="5"] .es-kd-plan { padding-block: 40px 48px; background: var(--kd-cherry-soft); }
.sf-scope[data-ct="5"] .es-kd-plan__in { display: flex; gap: 32px; align-items: flex-start; }
.sf-scope[data-ct="5"] .es-kd-plan__form { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 16px; }
.sf-scope[data-ct="5"] .es-kd-plan__bar { display: flex; gap: 8px; margin-top: 14px; }
.sf-scope[data-ct="5"] .es-kd-plan__bar i { flex: 1; height: 10px; border-radius: 999px; background: #FFFFFF; transition: background-color .3s; }
.sf-scope[data-ct="5"] .es-kd-plan__bar i.is-on { background: var(--kd-cherry); }
.sf-scope[data-ct="5"] .es-kd-plan__card { display: flex; flex-direction: column; gap: 18px; padding: 26px; border-radius: 32px; background: #FFFFFF; }
.sf-scope[data-ct="5"] .es-kd-plan__step { margin: 0; padding: 0; border: 0; min-width: 0; display: flex; flex-direction: column; gap: 14px; }
.sf-scope[data-ct="5"] .es-kd-plan.is-live .es-kd-plan__step:not(.is-on) { display: none; }
.sf-scope[data-ct="5"] .es-kd-plan__label { margin: 0; padding: 0; font-weight: 800; }
.sf-scope[data-ct="5"] .es-kd-plan__places { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; }
.sf-scope[data-ct="5"] .es-kd-plan__place { display: flex; flex-direction: column; overflow: hidden; border: 4px solid #F3ECDD; border-radius: 26px; cursor: pointer; transition: transform .2s cubic-bezier(.3, 1.6, .5, 1); }
.sf-scope[data-ct="5"] .es-kd-plan__place:hover { transform: translateY(-3px); }
.sf-scope[data-ct="5"] .es-kd-plan__place:has(input:checked) { border-color: var(--kd-cherry); }
.sf-scope[data-ct="5"] .es-kd-plan__place:has(input:focus-visible) { outline: 3px solid var(--kd-ink); outline-offset: 2px; }
.sf-scope[data-ct="5"] .es-kd-plan__placepic { position: relative; height: 200px; background: var(--kd-cream); }
.sf-scope[data-ct="5"] .es-kd-plan__placename { padding: 12px 16px 0; font-size: 22px; }
.sf-scope[data-ct="5"] .es-kd-plan__placesub { padding: 0 16px 14px; color: var(--kd-muted); }
.sf-scope[data-ct="5"] .es-kd-plan__days { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 10px; }
.sf-scope[data-ct="5"] .es-kd-plan__datefb { display: flex; flex-direction: column; gap: 6px; grid-column: 1 / -1; font-weight: 800; }
.sf-scope[data-ct="5"] .es-kd-plan__datefb input { max-width: 260px; min-height: 48px; padding: 0 14px; border: 2px solid var(--kd-line); border-radius: 16px; font: inherit; }
.sf-scope[data-ct="5"] .es-kd-day { display: flex; flex-direction: column; align-items: center; min-height: 72px; padding: 8px 2px; border: 0; border-radius: 18px; background: var(--kd-cream); color: var(--kd-ink); font: inherit; cursor: pointer; }
.sf-scope[data-ct="5"] .es-kd-day b { font-family: var(--es-font-head, inherit); font-size: 26px; line-height: 1.1; }
.sf-scope[data-ct="5"] .es-kd-day span { font-size: 12px; font-weight: 700; }
.sf-scope[data-ct="5"] .es-kd-day[aria-pressed="true"] { background: var(--kd-cherry); color: #FFFFFF; }
.sf-scope[data-ct="5"] .es-kd-plan__two { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.sf-scope[data-ct="5"] .es-kd-plan__two--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.sf-scope[data-ct="5"] .es-kd-field { display: flex; flex-direction: column; gap: 6px; font-weight: 800; }
.sf-scope[data-ct="5"] .es-kd-field input { min-height: 50px; padding: 0 16px; border: 2px solid var(--kd-line); border-radius: 16px; background: #FFFFFF; color: var(--kd-ink); font: inherit; font-weight: 600; }
.sf-scope[data-ct="5"] .es-kd-field input:focus { outline: none; border-color: var(--kd-sky); box-shadow: 0 0 0 3px var(--kd-sky-soft); }
.sf-scope[data-ct="5"] .es-kd-field.is-invalid input { border-color: var(--kd-cherry); }
.sf-scope[data-ct="5"] .es-kd-field__err { min-height: 1em; color: var(--kd-cherry-ink); font-size: 13px; font-weight: 700; }
.sf-scope[data-ct="5"] .es-kd-plan__kids { display: flex; align-items: center; gap: 14px; padding: 12px 16px; border-radius: 20px; background: var(--kd-cream); }
.sf-scope[data-ct="5"] .es-kd-plan__klabel { flex: 1; font-weight: 800; }
.sf-scope[data-ct="5"] .es-kd-plan__themes { display: flex; flex-wrap: wrap; gap: 12px; }
.sf-scope[data-ct="5"] .es-kd-plan__theme { display: flex; flex-direction: column; align-items: center; gap: 4px; width: 88px; cursor: pointer; text-align: center; }
.sf-scope[data-ct="5"] .es-kd-plan__tdisc { position: relative; width: 78px; height: 78px; border: 4px solid #FFFFFF; border-radius: 50%; overflow: hidden; box-shadow: 0 0 0 2px var(--kd-line); }
.sf-scope[data-ct="5"] .es-kd-plan__theme:has(input:checked) .es-kd-plan__tdisc { box-shadow: 0 0 0 4px var(--kd-cherry); }
.sf-scope[data-ct="5"] .es-kd-plan__theme:has(input:focus-visible) .es-kd-plan__tdisc { box-shadow: 0 0 0 4px var(--kd-ink); }
.sf-scope[data-ct="5"] .es-kd-plan__tname { font-size: 13px; font-weight: 800; line-height: 1.15; }
.sf-scope[data-ct="5"] .es-kd-plan__packs { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 14px; }
.sf-scope[data-ct="5"] .es-kd-plan__pack { display: flex; flex-direction: column; gap: 6px; padding: 18px; border: 4px solid #F3ECDD; border-radius: 24px; cursor: pointer; }
.sf-scope[data-ct="5"] .es-kd-plan__pack:has(input:checked) { border-color: var(--kd-cherry); background: var(--kd-sun-soft); }
.sf-scope[data-ct="5"] .es-kd-plan__pack:has(input:focus-visible) { outline: 3px solid var(--kd-ink); outline-offset: 2px; }
.sf-scope[data-ct="5"] .es-kd-plan__packname { font-size: 22px; }
.sf-scope[data-ct="5"] .es-kd-plan__packinc { font-size: 14px; color: #3B465F; }
.sf-scope[data-ct="5"] .es-kd-plan__packprice { font-weight: 800; color: var(--kd-cherry-ink); }
.sf-scope[data-ct="5"] .es-kd-plan__nav { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; }
.sf-scope[data-ct="5"] .es-kd-plan__nav [data-kd-pnext] { margin-inline-start: auto; }
.sf-scope[data-ct="5"] .es-kd-plan__msg { margin: 0; min-height: 1.2em; font-weight: 700; color: var(--kd-cherry-ink); }
.sf-scope[data-ct="5"] .es-kd-plan__done { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 20px; text-align: center; color: var(--kd-lime-ink); }
.sf-scope[data-ct="5"] .es-kd-plan__done b { font-size: 36px; color: var(--kd-ink); }
.sf-scope[data-ct="5"] .es-kd-plan__done p { margin: 0; max-width: 440px; color: #3B465F; }
.sf-scope[data-ct="5"] .es-kd-ticket { position: sticky; top: 110px; flex: 0 0 330px; overflow: hidden; border-radius: 30px; background: #FFFFFF; box-shadow: 0 20px 40px rgba(154, 24, 48, .18); }
.sf-scope[data-ct="5"] .es-kd-ticket__top { display: flex; flex-direction: column; gap: 4px; padding: 20px 22px; background: var(--kd-ink); color: #FFFFFF; }
.sf-scope[data-ct="5"] .es-kd-ticket__eye { color: var(--kd-sun); font-weight: 800; font-size: 13px; letter-spacing: .06em; text-transform: uppercase; }
.sf-scope[data-ct="5"] .es-kd-ticket__title { font-size: 28px; }
.sf-scope[data-ct="5"] .es-kd-ticket__tear { display: block; height: 18px; border-bottom: 2px dashed var(--kd-line); background: radial-gradient(circle at 0 50%, var(--kd-cherry-soft) 9px, transparent 10px), radial-gradient(circle at 100% 50%, var(--kd-cherry-soft) 9px, transparent 10px); }
.sf-scope[data-ct="5"] .es-kd-ticket__rows { display: grid; grid-template-columns: auto 1fr; gap: 10px 14px; margin: 0; padding: 16px 22px 20px; }
.sf-scope[data-ct="5"] .es-kd-ticket__rows dt { color: var(--kd-muted); font-weight: 700; }
.sf-scope[data-ct="5"] .es-kd-ticket__rows dd { margin: 0; font-weight: 800; }
.sf-scope[data-ct="5"] .es-kd-ticket__note { margin: 0; padding: 12px 22px; background: var(--kd-sun-soft); font-size: 14px; font-weight: 700; }

/* ---------- BAND ----------------------------------------------------------- */
.sf-scope[data-ct="5"] .es-kd-band__in { display: flex; flex-wrap: wrap; align-items: center; gap: 20px 28px; padding: 28px 32px; border-radius: 36px; }
.sf-scope[data-ct="5"] .es-kd-band--sun .es-kd-band__in { background: var(--kd-sun); color: var(--kd-ink); }
.sf-scope[data-ct="5"] .es-kd-band--ink { padding-block: 0; }
.sf-scope[data-ct="5"] .es-kd-band--ink .es-kd-band__in { background: var(--kd-ink); color: #FFFFFF; padding: 32px; }
.sf-scope[data-ct="5"] .es-kd-band__gift { flex: none; color: var(--kd-ink); animation: kd-bob 3.2s ease-in-out infinite; }
.sf-scope[data-ct="5"] .es-kd-band__photo { position: relative; flex: 1 1 340px; max-width: 520px; height: 280px; overflow: hidden; border-radius: 32px; }
.sf-scope[data-ct="5"] .es-kd-band__copy { flex: 1 1 340px; min-width: 0; }
.sf-scope[data-ct="5"] .es-kd-band__title { margin: 0; font-size: clamp(30px, 3.6vw, 42px); }
.sf-scope[data-ct="5"] .es-kd-band--ink .es-kd-band__title { color: #FFFFFF; }
.sf-scope[data-ct="5"] .es-kd-band__text { margin: 6px 0 0; font-size: 17px; }
.sf-scope[data-ct="5"] .es-kd-band--ink .es-kd-band__text { color: #DCE3F2; }
.sf-scope[data-ct="5"] .es-kd-band--ink .es-kd-eye--sun { color: var(--kd-sun); }

/* ---------- MEMORIES ------------------------------------------------------- */
.sf-scope[data-ct="5"] .es-kd-wall { padding-block: 40px 52px; background: var(--kd-cherry-soft); }
.sf-scope[data-ct="5"] .es-kd-wall__board { display: flex; flex-wrap: wrap; justify-content: center; gap: 22px 20px; margin: 0; padding: 28px 16px 36px; border-radius: 30px; background: #E9C98A; box-shadow: inset 0 0 0 12px #D9B26A; list-style: none; }
.sf-scope[data-ct="5"] .es-kd-wall__cell { --r: -4deg; --x: 0px; --y: 0px; transform: translate(var(--x), var(--y)) rotate(var(--r)); transition: transform .55s cubic-bezier(.3, 1.4, .5, 1); }
.sf-scope[data-ct="5"] .es-kd-wall__cell--1 { --r: 3deg; --y: 14px; }
.sf-scope[data-ct="5"] .es-kd-wall__cell--2 { --r: -2deg; }
.sf-scope[data-ct="5"] .es-kd-wall__cell--3 { --r: 4deg; --y: 10px; }
.sf-scope[data-ct="5"] .es-kd-wall__cell--4 { --r: -3deg; }
.sf-scope[data-ct="5"] .es-kd-wall__cell--5 { --r: 2deg; --y: 12px; }
.sf-scope[data-ct="5"] .es-kd-wall__cell--6 { --r: -5deg; }
.sf-scope[data-ct="5"] .es-kd-wall__cell--7 { --r: 3deg; --y: 8px; }
.sf-scope[data-ct="5"] .es-kd-polaroid { position: relative; display: flex; flex-direction: column; width: 220px; padding: 12px 12px 16px; border: 0; border-radius: 4px; background: #FFFFFF; color: var(--kd-ink); font: inherit; cursor: zoom-in; box-shadow: 0 10px 22px rgba(29, 43, 79, .22); transition: box-shadow .2s, transform .2s; }
.sf-scope[data-ct="5"] .es-kd-polaroid:hover { box-shadow: 0 18px 30px rgba(29, 43, 79, .3); transform: scale(1.04); }
.sf-scope[data-ct="5"] .es-kd-polaroid__pin { position: absolute; top: -10px; left: 50%; width: 22px; height: 22px; margin-inline-start: -11px; border-radius: 50%; background: var(--kd-cherry); box-shadow: 0 3px 4px rgba(0, 0, 0, .25); z-index: 1; }
.sf-scope[data-ct="5"] .es-kd-wall__cell:nth-child(5n+2) .es-kd-polaroid__pin { background: var(--kd-sky); }
.sf-scope[data-ct="5"] .es-kd-wall__cell:nth-child(5n+3) .es-kd-polaroid__pin { background: var(--kd-lime); }
.sf-scope[data-ct="5"] .es-kd-wall__cell:nth-child(5n+4) .es-kd-polaroid__pin { background: var(--kd-sun); }
.sf-scope[data-ct="5"] .es-kd-wall__cell:nth-child(5n) .es-kd-polaroid__pin { background: #B57BE0; }
.sf-scope[data-ct="5"] .es-kd-polaroid__pic { position: relative; height: 170px; background: var(--kd-cream); }
.sf-scope[data-ct="5"] .es-kd-polaroid__cap { margin-top: 10px; font-size: 19px; text-align: center; }
.sf-scope[data-ct="5"] .es-kd-lightbox { position: fixed; inset: 0; z-index: 1000; display: flex; align-items: center; justify-content: center; padding: 24px; background: rgba(29, 43, 79, .78); }
.sf-scope[data-ct="5"] .es-kd-lightbox[hidden] { display: none; }
.sf-scope[data-ct="5"] .es-kd-lightbox__fig { position: relative; margin: 0; max-width: min(900px, 100%); padding: 16px 16px 20px; background: #FFFFFF; transform: rotate(-1.5deg); box-shadow: 0 30px 60px rgba(0, 0, 0, .35); animation: kd-zoom .4s cubic-bezier(.3, 1.4, .5, 1); }
.sf-scope[data-ct="5"] .es-kd-lightbox__img { display: block; width: 100%; max-height: 70vh; object-fit: contain; }
.sf-scope[data-ct="5"] .es-kd-lightbox__cap { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; margin-top: 10px; font-size: 26px; }
.sf-scope[data-ct="5"] .es-kd-lightbox__close { position: absolute; top: -18px; inset-inline-end: -18px; display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border: 0; border-radius: 50%; background: var(--kd-cherry); color: #FFFFFF; cursor: pointer; }

/* ---------- FOOTERS -------------------------------------------------------- */
.sf-scope[data-ct="5"] .es-kd-ft { color: #DCE3F2; font-family: var(--es-font); }
.sf-scope[data-ct="5"] .es-kd-ft__sky { position: relative; height: 92px; overflow: hidden; }
.sf-scope[data-ct="5"] .es-kd-ft__drift { position: absolute; top: 6px; left: -50px; animation: kd-drift 16s linear infinite; }
.sf-scope[data-ct="5"] .es-kd-ft__drift ellipse, .sf-scope[data-ct="5"] .es-kd-ft__drift path:not(.es-kd-balloon__str) { fill: var(--kd-cherry); }
.sf-scope[data-ct="5"] .es-kd-ft__hills { position: absolute; inset-inline: 0; bottom: 0; width: 100%; height: 70px; display: block; }
.sf-scope[data-ct="5"] .es-kd-ft__hill1 { fill: var(--kd-lime); }
.sf-scope[data-ct="5"] .es-kd-ft__hill2 { fill: var(--kd-ink); }
.sf-scope[data-ct="5"] .es-kd-ft__band { background: var(--kd-ink); }
.sf-scope[data-ct="5"] .es-kd-ft__in { display: grid; grid-template-columns: 1.4fr repeat(3, minmax(0, 1fr)); gap: 28px; padding-block: 18px 26px; }
.sf-scope[data-ct="5"] .es-kd-ft__brand { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
.sf-scope[data-ct="5"] .es-kd-ft__logo { display: inline-flex; padding: 8px 12px; border-radius: 18px; background: #FFFFFF; }
.sf-scope[data-ct="5"] .es-kd-ft__logo img { display: block; height: 58px; width: auto; max-width: 200px; }
.sf-scope[data-ct="5"] .es-kd-ft__logo--bare { padding: 0; background: transparent; }
.sf-scope[data-ct="5"] .es-kd-ft__name { font-size: 28px; color: #FFFFFF; }
.sf-scope[data-ct="5"] .es-kd-ft__tagline { margin: 0; font-size: 15px; max-width: 320px; }
.sf-scope[data-ct="5"] .es-kd-ft__social { display: flex; flex-wrap: wrap; gap: 10px; }
.sf-scope[data-ct="5"] .es-kd-ft__sbtn { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 50%; background: #2C3D66; color: #FFFFFF; font-weight: 800; }
.sf-scope[data-ct="5"] .es-kd-ft__sbtn svg { width: 20px; height: 20px; }
.sf-scope[data-ct="5"] .es-kd-ft__sbtn:hover { background: var(--kd-sky); }
.sf-scope[data-ct="5"] .es-kd-ft__contact { display: flex; flex-wrap: wrap; gap: 6px 16px; margin: 0; }
.sf-scope[data-ct="5"] .es-kd-ft__contact a, .sf-scope[data-ct="5"] .es-kd-ft__link { color: #DCE3F2; }
.sf-scope[data-ct="5"] .es-kd-ft__link:hover, .sf-scope[data-ct="5"] .es-kd-ft__contact a:hover { color: var(--kd-sun); }
.sf-scope[data-ct="5"] .es-kd-ft__title { margin: 0 0 10px; font-size: 20px; color: #FFFFFF; }
.sf-scope[data-ct="5"] .es-kd-ft__list { display: flex; flex-direction: column; gap: 4px; margin: 0; padding: 0; list-style: none; }
.sf-scope[data-ct="5"] .es-kd-ft__list .es-kd-ft__link { display: inline-flex; min-height: 32px; align-items: center; }
.sf-scope[data-ct="5"] .es-kd-ft__bottom { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; padding-block: 14px 22px; border-top: 1px solid #34466F; font-size: 14px; }
.sf-scope[data-ct="5"] .es-kd-ft__copy { margin: 0; }
.sf-scope[data-ct="5"] .es-kd-ft__legal { display: flex; flex-wrap: wrap; gap: 6px 16px; margin: 0; padding: 0; list-style: none; }
/* B confetti */
.sf-scope[data-ct="5"] .es-kd-ft--confetti { color: var(--kd-ink); background: #FFFFFF; }
.sf-scope[data-ct="5"] .es-kd-ft__rainbow { display: grid; grid-template-columns: repeat(6, 1fr); height: 10px; }
.sf-scope[data-ct="5"] .es-kd-ft__rainbow i:nth-child(1) { background: var(--kd-cherry); }
.sf-scope[data-ct="5"] .es-kd-ft__rainbow i:nth-child(2) { background: #FF8A3D; }
.sf-scope[data-ct="5"] .es-kd-ft__rainbow i:nth-child(3) { background: var(--kd-sun); }
.sf-scope[data-ct="5"] .es-kd-ft__rainbow i:nth-child(4) { background: var(--kd-lime); }
.sf-scope[data-ct="5"] .es-kd-ft__rainbow i:nth-child(5) { background: var(--kd-sky); }
.sf-scope[data-ct="5"] .es-kd-ft__rainbow i:nth-child(6) { background: #B57BE0; }
.sf-scope[data-ct="5"] .es-kd-ft__row { display: flex; flex-wrap: wrap; align-items: center; gap: 18px 30px; padding-block: 24px; }
.sf-scope[data-ct="5"] .es-kd-ft--confetti .es-kd-ft__name { color: var(--kd-ink); }
.sf-scope[data-ct="5"] .es-kd-ft__inline { flex: 1 1 360px; display: flex; flex-wrap: wrap; gap: 4px 20px; }
.sf-scope[data-ct="5"] .es-kd-ft--confetti .es-kd-ft__link { display: inline-flex; min-height: 40px; align-items: center; color: var(--kd-ink); font-weight: 800; }
.sf-scope[data-ct="5"] .es-kd-ft--confetti .es-kd-ft__link:hover { color: var(--kd-sky-ink); }
.sf-scope[data-ct="5"] .es-kd-ft--confetti .es-kd-ft__sbtn { background: var(--kd-sky-soft); color: var(--kd-sky-ink); }
.sf-scope[data-ct="5"] .es-kd-rocket { display: inline-flex; align-items: center; justify-content: center; width: 64px; height: 64px; border: 0; border-radius: 50%; background: var(--kd-sun); color: var(--kd-ink); cursor: pointer; box-shadow: 0 5px 0 #C99300; transition: transform .5s cubic-bezier(.5, -.4, .5, 1.4); }
.sf-scope[data-ct="5"] .es-kd-rocket:hover { transform: translateY(-8px); }
.sf-scope[data-ct="5"] .es-kd-rocket.is-launch svg { animation: kd-launch .9s ease-in forwards; }
.sf-scope[data-ct="5"] .es-kd-ft__base { background: var(--kd-cream); font-size: 14px; color: var(--kd-muted); }
.sf-scope[data-ct="5"] .es-kd-ft__baserow { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; padding-block: 12px; }
.sf-scope[data-ct="5"] .es-kd-ft--confetti .es-kd-ft__contact a { color: var(--kd-muted); }

/* ---------- keyframes ------------------------------------------------------ */
@keyframes kd-spin { to { transform: rotate(360deg); } }
@keyframes kd-pop { 0% { transform: scale(.6); } 100% { transform: scale(1); } }
@keyframes kd-bob { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-12px); } }
@keyframes kd-float { 0%, 100% { transform: translateY(0) rotate(-3deg); } 50% { transform: translateY(-16px) rotate(3deg); } }
@keyframes kd-sway { 0%, 100% { transform: rotate(-6deg); } 50% { transform: rotate(6deg); } }
@keyframes kd-confetti { 0% { opacity: 1; transform: translate(0, 0) rotate(0); } 100% { opacity: 0; transform: translate(var(--dx, 30px), var(--dy, -40px)) rotate(260deg); } }
@keyframes kd-popout { 0% { transform: scale(1); opacity: 1; } 60% { transform: scale(1.35); opacity: .6; } 100% { transform: scale(1.6); opacity: 0; } }
@keyframes kd-slidein { from { opacity: .2; transform: translateX(24px); } to { opacity: 1; transform: none; } }
@keyframes kd-morph { 0%, 100% { border-radius: 58% 42% 38% 62% / 52% 38% 62% 48%; } 50% { border-radius: 42% 58% 62% 38% / 40% 60% 40% 60%; } }
@keyframes kd-flame { from { transform: scale(1, 1) rotate(-5deg); } to { transform: scale(.82, 1.15) rotate(5deg); } }
@keyframes kd-smoke { 0% { opacity: .8; transform: translateY(0) scale(.6); } 100% { opacity: 0; transform: translateY(-50px) scale(1.6); } }
@keyframes kd-drip { from { transform: scaleY(0); } to { transform: scaleY(1); } }
@keyframes kd-drop { from { transform: translateY(-120px) rotate(-20deg); opacity: 0; } to { transform: none; opacity: 1; } }
@keyframes kd-wiggle { 0%, 100% { rotate: 0deg; } 20% { rotate: -6deg; } 40% { rotate: 5deg; } 60% { rotate: -4deg; } 80% { rotate: 2deg; } }
@keyframes kd-zoom { from { opacity: 0; transform: scale(.6) rotate(-6deg); } to { opacity: 1; transform: rotate(-1.5deg); } }
@keyframes kd-pulse { 0%, 100% { box-shadow: 0 0 0 0 rgba(47, 90, 11, .45); } 50% { box-shadow: 0 0 0 7px rgba(47, 90, 11, 0); } }
@keyframes kd-drift { from { transform: translateX(0); } to { transform: translateX(110vw); } }
@keyframes kd-launch { 0% { transform: translateY(0); } 100% { transform: translateY(-140px); opacity: 0; } }

/* ---------- responsive ----------------------------------------------------- */
@media (max-width: 1119px) {
    .sf-scope[data-ct="5"] .es-kd-hdr__nav,
    .sf-scope[data-ct="5"] .es-kd-bunt__nav,
    .sf-scope[data-ct="5"] .es-kd-mega__tabs,
    .sf-scope[data-ct="5"] .es-kd-hdr__searchtxt,
    .sf-scope[data-ct="5"] .es-kd-act--fav,
    .sf-scope[data-ct="5"] .es-kd-act--account { display: none; }
    .sf-scope[data-ct="5"] .es-kd-act--menu { display: inline-flex; }
    .sf-scope[data-ct="5"] .es-kd-hdr__searchpill { width: 46px; padding: 0; justify-content: center; border: 0; background: var(--kd-sun-soft); color: var(--kd-ink); }
    .sf-scope[data-ct="5"] .es-kd-mega__bar { flex-wrap: wrap; padding-block: 10px; }
    .sf-scope[data-ct="5"] .es-kd-mega__search { order: 3; flex-basis: 100%; }
    .sf-scope[data-ct="5"] .es-kd-plates__stage { flex-direction: column; align-items: stretch; }
    .sf-scope[data-ct="5"] .es-kd-plates--table .es-kd-plates__table { flex: none; width: auto; height: auto; }
    .sf-scope[data-ct="5"] .es-kd-plates--table .es-kd-plates__cloth,
    .sf-scope[data-ct="5"] .es-kd-plates--table .es-kd-plates__marker,
    .sf-scope[data-ct="5"] .es-kd-plates--table .es-kd-plates__center { display: none; }
    .sf-scope[data-ct="5"] .es-kd-plates--table .es-kd-plates__ring { position: static; display: flex; gap: 14px; overflow-x: auto; padding: 14px 4px 18px; transform: none; }
    .sf-scope[data-ct="5"] .es-kd-plates--table .es-kd-plate { --kd-size: 104px; position: static; flex: none; display: flex; flex-direction: column; align-items: center; gap: 8px; color: var(--kd-ink); font-weight: 800; transform: none; }
    .sf-scope[data-ct="5"] .es-kd-plates--table .es-kd-plate.is-on { --kd-size: 132px; }
    .sf-scope[data-ct="5"] .es-kd-plates--table .es-kd-plate__name { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
    .sf-scope[data-ct="5"] .es-kd-plates--table .es-kd-plate.is-on img { animation: kd-spin 18s linear infinite; }
    .sf-scope[data-ct="5"] .es-kd-wheel__in { flex-direction: column; }
    .sf-scope[data-ct="5"] .es-kd-colors__in,
    .sf-scope[data-ct="5"] .es-kd-cake__in,
    .sf-scope[data-ct="5"] .es-kd-box__in,
    .sf-scope[data-ct="5"] .es-kd-plan__in { flex-direction: column; align-items: stretch; }
    .sf-scope[data-ct="5"] .es-kd-colors__side,
    .sf-scope[data-ct="5"] .es-kd-cake__side,
    .sf-scope[data-ct="5"] .es-kd-box__controls { flex: none; }
    .sf-scope[data-ct="5"] .es-kd-cake__art { align-self: center; }
    .sf-scope[data-ct="5"] .es-kd-ticket { position: static; flex: none; }
    .sf-scope[data-ct="5"] .es-kd-ft__in { grid-template-columns: 1fr 1fr; }
    .sf-scope[data-ct="5"] .es-kd-finder__results { grid-template-columns: 1fr; }
    .sf-scope[data-ct="5"] .es-kd-finder__candle { grid-column: 1; grid-row: auto; width: auto; flex-direction: row; flex-wrap: wrap; justify-content: center; }
}
@media (max-width: 720px) {
    .sf-scope[data-ct="5"] .es-kd-hdr .es-sxh-brand__logo { height: 44px; }
    .sf-scope[data-ct="5"] .es-kd-hdr__bar { min-height: 64px; gap: 10px; }
    .sf-scope[data-ct="5"] .es-kd-hdr__utilend .es-kd-hdr__phone { display: none; }
    .sf-scope[data-ct="5"] .es-kd-act { width: 44px; height: 44px; }
    .sf-scope[data-ct="5"] .es-kd-bunt__bar { grid-template-columns: auto 1fr; }
    .sf-scope[data-ct="5"] .es-kd-bunt__side { display: none; }
    .sf-scope[data-ct="5"] .es-kd-bunt__logo { justify-self: start; padding: 6px 14px; }
    .sf-scope[data-ct="5"] .es-kd-door { min-height: 320px; border-radius: 28px; }
    .sf-scope[data-ct="5"] .es-kd-door__copy { padding: 22px; }
    .sf-scope[data-ct="5"] .es-kd-balloon { display: none; }
    .sf-scope[data-ct="5"] .es-kd-bslider__frame { min-height: 0; display: flex; flex-direction: column; border-radius: 28px; }
    .sf-scope[data-ct="5"] .es-kd-bslider__slide { position: relative; }
    .sf-scope[data-ct="5"] .es-kd-bslider__pic { position: relative; height: 260px; }
    .sf-scope[data-ct="5"] .es-kd-bslider__card { position: relative; inset: auto; margin: -40px 14px 0; max-width: none; }
    .sf-scope[data-ct="5"] .es-kd-bslider__balloons { position: relative; inset: auto; width: auto; height: 170px; margin: 10px 14px 0; }
    .sf-scope[data-ct="5"] .es-kd-pop__ball { width: 78px; height: 90px; }
    .sf-scope[data-ct="5"] .es-kd-pop__label { font-size: 13px; }
    .sf-scope[data-ct="5"] .es-kd-bslider__nav { position: relative; inset: auto; padding: 12px 14px 16px; }
    .sf-scope[data-ct="5"] .es-kd-splash__in { grid-template-columns: 1fr; padding: 24px; }
    .sf-scope[data-ct="5"] .es-kd-splash__art { order: -1; min-height: 280px; }
    .sf-scope[data-ct="5"] .es-kd-bubble__name { font-size: 15px; }
    .sf-scope[data-ct="5"] .es-kd-card--bubble { padding: 8px; border-radius: 22px; }
    .sf-scope[data-ct="5"] .es-kd-card__name { font-size: 14px; }
    .sf-scope[data-ct="5"] .es-kd-card__foot { flex-wrap: wrap; }
    .sf-scope[data-ct="5"] .es-kd-plates, .sf-scope[data-ct="5"] .es-kd-finder, .sf-scope[data-ct="5"] .es-kd-colors,
    .sf-scope[data-ct="5"] .es-kd-cake, .sf-scope[data-ct="5"] .es-kd-zones, .sf-scope[data-ct="5"] .es-kd-plan, .sf-scope[data-ct="5"] .es-kd-wall { padding-block: 28px 32px; }
    .sf-scope[data-ct="5"] .es-kd-plates__panel { padding: 18px; border-radius: 24px; }
    .sf-scope[data-ct="5"] .es-kd-who { min-height: 0; padding: 16px; border-radius: 26px; }
    .sf-scope[data-ct="5"] .es-kd-who__face { width: 88px; height: 88px; }
    .sf-scope[data-ct="5"] .es-kd-who__name { font-size: 22px; }
    .sf-scope[data-ct="5"] .es-kd-finder__who { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
    .sf-scope[data-ct="5"] .es-kd-finder__ages { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .sf-scope[data-ct="5"] .es-kd-agebig { min-height: 76px; font-size: 36px; }
    .sf-scope[data-ct="5"] .es-kd-finder__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .sf-scope[data-ct="5"] .es-kd-theme__disc { width: 92px; height: 92px; }
    .sf-scope[data-ct="5"] .es-kd-wheel__stage { flex: none; width: 320px; height: 320px; align-self: center; }
    .sf-scope[data-ct="5"] .es-kd-wheel__rim i { transform: rotate(calc(var(--b) * 15deg)) translateY(-150px); }
    .sf-scope[data-ct="5"] .es-kd-wheel__disc { inset: 18px; }
    .sf-scope[data-ct="5"] .es-kd-wheel__slice { left: calc(50% - 30px); top: calc(50% - 30px); width: 60px; height: 60px; transform: rotate(calc(var(--kd-i) * 360deg / var(--kd-n))) translateY(-96px); }
    .sf-scope[data-ct="5"] .es-kd-wheel__spin { width: 92px; height: 92px; font-size: 22px; border-width: 6px; }
    .sf-scope[data-ct="5"] .es-kd-colors__palette { border-radius: 30px; justify-content: center; }
    .sf-scope[data-ct="5"] .es-kd-blob { width: 48px; height: 44px; }
    .sf-scope[data-ct="5"] .es-kd-cake__ages { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 6px; }
    .sf-scope[data-ct="5"] .es-kd-agebtn { min-height: 48px; font-size: 20px; }
    .sf-scope[data-ct="5"] .es-kd-cake__art { flex: none; width: 280px; height: 380px; }
    .sf-scope[data-ct="5"] .es-kd-cake__candles { inset-inline: 24px; gap: 6px; }
    .sf-scope[data-ct="5"] .es-kd-candle { width: 11px; }
    .sf-scope[data-ct="5"] .es-kd-giftbox { height: 250px; }
    .sf-scope[data-ct="5"] .es-kd-giftbox__toys span { width: 48px; height: 48px; }
    .sf-scope[data-ct="5"] .es-kd-box__list { padding: 14px; border-radius: 24px; }
    .sf-scope[data-ct="5"] .es-kd-box__line { flex-wrap: wrap; gap: 6px 10px; }
    .sf-scope[data-ct="5"] .es-kd-box__check { flex-basis: 100%; }
    .sf-scope[data-ct="5"] .es-kd-box__qty { margin-inline-start: 36px; text-align: start; }
    .sf-scope[data-ct="5"] .es-kd-box__sum { flex: 1; }
    .sf-scope[data-ct="5"] .es-kd-zones__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
    .sf-scope[data-ct="5"] .es-kd-flipcard { height: 260px; }
    .sf-scope[data-ct="5"] .es-kd-flipcard__pic { height: 170px; }
    .sf-scope[data-ct="5"] .es-kd-flipcard__name { font-size: 18px; padding-inline: 12px; }
    .sf-scope[data-ct="5"] .es-kd-flipcard__back { padding: 14px; }
    .sf-scope[data-ct="5"] .es-kd-flipcard__bname { font-size: 20px; }
    .sf-scope[data-ct="5"] .es-kd-flipcard__bio { font-size: 13px; }
    .sf-scope[data-ct="5"] .es-kd-explorer__in { flex-direction: column; }
    .sf-scope[data-ct="5"] .es-kd-explorer__tabs { flex: none; flex-direction: row; overflow-x: auto; }
    .sf-scope[data-ct="5"] .es-kd-explorer__tab { flex: none; }
    .sf-scope[data-ct="5"] .es-kd-explorer__panels { min-height: 320px; }
    .sf-scope[data-ct="5"] .es-kd-plan__card { padding: 16px; border-radius: 24px; }
    .sf-scope[data-ct="5"] .es-kd-plan__days { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .sf-scope[data-ct="5"] .es-kd-plan__two, .sf-scope[data-ct="5"] .es-kd-plan__two--3 { grid-template-columns: 1fr; }
    .sf-scope[data-ct="5"] .es-kd-plan__placepic { height: 150px; }
    .sf-scope[data-ct="5"] .es-kd-band__in { padding: 22px; border-radius: 28px; }
    .sf-scope[data-ct="5"] .es-kd-band__gift { width: 60px; height: 60px; }
    .sf-scope[data-ct="5"] .es-kd-band__photo { height: 190px; }
    .sf-scope[data-ct="5"] .es-kd-polaroid { width: 150px; padding: 8px 8px 12px; }
    .sf-scope[data-ct="5"] .es-kd-polaroid__pic { height: 120px; }
    .sf-scope[data-ct="5"] .es-kd-polaroid__cap { font-size: 15px; }
    .sf-scope[data-ct="5"] .es-kd-wall__board { gap: 16px 10px; padding: 22px 8px 26px; }
    .sf-scope[data-ct="5"] .es-kd-ft__in { grid-template-columns: 1fr; }
}
@media (max-width: 420px) {
    .sf-scope[data-ct="5"] .es-kd-door__title { font-size: 34px; }
    .sf-scope[data-ct="5"] .es-kd-plan__days { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .sf-scope[data-ct="5"] .es-kd-polaroid { width: 132px; }
}

/* ---------- reduced motion ------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
    .sf-scope[data-ct="5"] .es-kd *,
    .sf-scope[data-ct="5"] .es-kd-hdr *,
    .sf-scope[data-ct="5"] .es-kd-ft * { animation: none !important; transition: none !important; }
    .sf-scope[data-ct="5"] .es-kd-flipcard[aria-pressed="true"] .es-kd-flipcard__inner { transform: none; }
    .sf-scope[data-ct="5"] .es-kd-flipcard[aria-pressed="true"] .es-kd-flipcard__front { visibility: hidden; }
    .sf-scope[data-ct="5"] .es-kd-flipcard__back { transform: none; visibility: hidden; }
    .sf-scope[data-ct="5"] .es-kd-flipcard[aria-pressed="true"] .es-kd-flipcard__back { visibility: visible; }
    .sf-scope[data-ct="5"] .es-kd-ft__drift { display: none; }
}