.home-subscription-spotlight-products {
    scrollbar-width: thin;
    scrollbar-color: rgba(124, 58, 237, 0.4) transparent;
}
.home-subscription-spotlight-products::-webkit-scrollbar {
    height: 6px;
}
.home-subscription-spotlight-products::-webkit-scrollbar-thumb {
    background: rgba(124, 58, 237, 0.4);
    border-radius: 999px;
}
.home-boy-summer-products {
    scrollbar-width: thin;
    scrollbar-color: rgba(14, 165, 233, 0.4) transparent;
}
.home-boy-summer-products::-webkit-scrollbar {
    height: 6px;
}
.home-boy-summer-products::-webkit-scrollbar-thumb {
    background: rgba(14, 165, 233, 0.4);
    border-radius: 999px;
}
.home-maternity-products {
    scrollbar-width: thin;
    scrollbar-color: rgba(124, 58, 237, 0.38) transparent;
}
.home-maternity-products::-webkit-scrollbar {
    height: 6px;
}
.home-maternity-products::-webkit-scrollbar-thumb {
    background: rgba(124, 58, 237, 0.38);
    border-radius: 999px;
}
.section-lift { transition: transform 0.35s ease, box-shadow 0.35s ease; }
.section-lift:hover { transform: translateY(-6px); box-shadow: 0 24px 48px -12px rgba(0,0,0,0.12); }
/* Homepage — parent stories carousel */
.home-testimonials {
    --ht-gap: 1.25rem;
    background:
        radial-gradient(ellipse 120% 80% at 50% -20%, rgba(196, 181, 253, 0.35), transparent 55%),
        radial-gradient(ellipse 70% 50% at 100% 50%, rgba(251, 191, 36, 0.08), transparent 45%),
        linear-gradient(180deg, #f5f0ff 0%, #fefcf9 48%, #fffdfb 100%);
}
.dark .home-testimonials {
    background:
        radial-gradient(ellipse 100% 60% at 50% 0%, rgba(91, 33, 182, 0.25), transparent 50%),
        linear-gradient(180deg, #0f0a14 0%, #111827 100%);
}
.home-testimonials__noise {
    opacity: 0.04;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
.home-testimonials__viewport {
    overflow: hidden;
    margin: 0 -0.25rem;
    padding: 0 0.25rem;
}
.home-testimonials__track {
    display: flex;
    gap: var(--ht-gap);
    transition: transform 0.55s cubic-bezier(0.33, 1, 0.68, 1);
    will-change: transform;
}
.home-testimonials__card {
    flex: 0 0 calc(100% - 0px);
    min-width: 0;
}
@media (min-width: 640px) {
    .home-testimonials__card {
        flex: 0 0 calc((100% - var(--ht-gap)) / 2);
    }
}
@media (min-width: 1024px) {
    .home-testimonials__card {
        flex: 0 0 calc((100% - 2 * var(--ht-gap)) / 3);
    }
}
[data-home-testimonials-dots] button {
    box-sizing: border-box;
    min-width: 2.75rem;
    min-height: 2.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}
[data-home-testimonials-dots] button::after {
    content: '';
    display: block;
    height: 0.625rem;
    border-radius: 999px;
    background: rgb(196 181 253);
    transition: width 0.3s ease, background 0.3s ease;
}
[data-home-testimonials-dots] button[aria-selected="true"]::after {
    width: 2rem;
    background: rgb(124 58 237);
}
[data-home-testimonials-dots] button[aria-selected="false"]::after {
    width: 0.625rem;
}
.dark [data-home-testimonials-dots] button::after {
    background: rgb(75 85 99);
}
.dark [data-home-testimonials-dots] button[aria-selected="true"]::after {
    background: rgb(139 92 246);
}
.home-testimonials__nav-btn {
    transition: transform 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}
.home-testimonials__nav-btn:hover:not(:disabled) {
    transform: scale(1.06);
}
.home-testimonials__nav-btn:disabled {
    opacity: 0.35;
    cursor: not-allowed;
}
@media (prefers-reduced-motion: reduce) {
    .home-testimonials__track {
        transition: none;
    }
}

/* Footer stack (same as storefront layout): wave + footer + animated theme layers */
.storefront-footer-stack {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    background: #0a0810;
}
.storefront-footer-stack__bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
    background: linear-gradient(180deg, #0b0912 0%, #0e0c18 38%, #0a0810 100%);
}
.storefront-footer-stack__bg::before {
    content: '';
    position: absolute;
    inset: -20% -14%;
    background:
        radial-gradient(ellipse 95% 75% at 12% 28%, rgba(124, 58, 237, 0.48) 0%, transparent 56%),
        radial-gradient(ellipse 88% 68% at 88% 18%, rgba(236, 72, 153, 0.42) 0%, transparent 54%),
        radial-gradient(ellipse 100% 88% at 48% 105%, rgba(85, 32, 113, 0.55) 0%, transparent 58%),
        radial-gradient(ellipse 55% 45% at 72% 72%, rgba(251, 173, 47, 0.2) 0%, transparent 52%);
    animation: storefront-footer-aurora 22s ease-in-out infinite alternate;
    will-change: transform, filter, opacity;
}
.storefront-footer-stack__bg::after {
    content: '';
    position: absolute;
    inset: -14% -10%;
    background:
        radial-gradient(ellipse 80% 60% at 75% 35%, rgba(147, 51, 234, 0.28) 0%, transparent 55%),
        radial-gradient(ellipse 70% 55% at 20% 65%, rgba(219, 39, 119, 0.22) 0%, transparent 52%),
        radial-gradient(ellipse 90% 70% at 50% -5%, rgba(85, 32, 113, 0.35) 0%, transparent 45%);
    animation: storefront-footer-aurora-slow 48s ease-in-out infinite alternate-reverse;
    opacity: 0.88;
    mix-blend-mode: screen;
}
.storefront-footer-stack .storefront-footer-wave {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    line-height: 0;
    margin: -3px 0 0;
    padding: 0;
    background: #0a0810;
}
.storefront-footer-stack .storefront-footer-wave .wave-svg {
    display: block;
    width: 100%;
    height: 52px;
    vertical-align: bottom;
}
.storefront-footer {
    position: relative;
    z-index: 2;
    background: transparent;
}
@keyframes storefront-footer-aurora {
    0% {
        transform: translate3d(-4%, -2%, 0) scale(1);
        opacity: 0.82;
        filter: hue-rotate(0deg) saturate(1.08);
    }
    33% {
        transform: translate3d(5%, 2%, 0) scale(1.06);
        opacity: 0.96;
        filter: hue-rotate(16deg) saturate(1.2);
    }
    66% {
        transform: translate3d(-3%, 4%, 0) scale(1.04);
        opacity: 0.9;
        filter: hue-rotate(-14deg) saturate(1.12);
    }
    100% {
        transform: translate3d(2%, -2%, 0) scale(1);
        opacity: 0.88;
        filter: hue-rotate(6deg) saturate(1.1);
    }
}
@keyframes storefront-footer-aurora-slow {
    0% {
        transform: translate3d(2%, 0, 0) scale(1.02);
        opacity: 0.65;
        filter: hue-rotate(-6deg) saturate(1.05);
    }
    50% {
        transform: translate3d(-4%, 2%, 0) scale(1.08);
        opacity: 0.92;
        filter: hue-rotate(18deg) saturate(1.18);
    }
    100% {
        transform: translate3d(1%, -1%, 0) scale(1.03);
        opacity: 0.72;
        filter: hue-rotate(-10deg) saturate(1.1);
    }
}
@media (prefers-reduced-motion: reduce) {
    .storefront-footer-stack__bg::before,
    .storefront-footer-stack__bg::after {
        animation: none;
        transform: none;
        filter: saturate(1.06);
        opacity: 0.85;
    }
}
