/* Local foundation replacing the removed framework. Shared config markup is immutable. */
html { font-size:15px; line-height:1.5; -webkit-text-size-adjust:100%; }
body { margin:0; }
main, header, footer, section, article, aside, nav { display:block; }
button, input, select, textarea { font:inherit; color:inherit; }
button, select { text-transform:none; }
button, [type=button], [type=submit] { -webkit-appearance:button; }
button:not(:disabled), [type=submit]:not(:disabled) { cursor:pointer; }
a { color:#6d28d9; text-decoration:none; }
img { max-width:100%; height:auto; border-style:none; }
svg { vertical-align:middle; }
[hidden] { display:none !important; }
h1,h2,h3,h4,h5,h6 { font-weight:400; line-height:1.1; }
h1 { font-size:4.2rem; margin:2.8rem 0 1.68rem; }
h2 { font-size:3.56rem; margin:2.373rem 0 1.424rem; }
h3 { font-size:2.92rem; margin:1.947rem 0 1.168rem; }
h4 { font-size:2.28rem; margin:1.52rem 0 .912rem; }
h5 { font-size:1.64rem; margin:1.093rem 0 .656rem; }
h6 { font-size:1.15rem; margin:.767rem 0 .46rem; }
strong { font-weight:700; }
ul:not(.browser-default) { padding-left:0; list-style-type:none; }
table { width:100%; border-collapse:collapse; border-spacing:0; }
th,td { padding:15px 5px; text-align:left; vertical-align:middle; }
:is(.container,.grid-container) { margin-left:auto;margin-right:auto; }
nav { width:100%; }
nav .brand-logo { display:inline-block; color:inherit; white-space:nowrap; }
nav ul { margin:0; }
nav ul li { float:left; padding:0; }
nav ul a { display:block; padding:0 15px; }
:is(.btn,.button),:is(.ui-btn-flat,.fnd-btn-flat) { display:inline-block;cursor:pointer;border-width:0;text-align:center;text-decoration:none; height:36px; line-height:36px; padding:0 16px; border-radius:2px; font-size:14px; letter-spacing:.5px; text-transform:uppercase; vertical-align:middle; }
:is(.btn,.button) { color:#fff; background:#6d28d9; transition:background-color .2s, box-shadow .2s; }
:is(.ui-btn-flat,.fnd-btn-flat) { background:transparent; color:#343434; }
button:disabled,:is(.btn,.button).disabled { opacity:.55; cursor:default; }
select.browser-default { display:block; width:100%; background:#fff; padding:5px; border:1px solid #d1d5db; border-radius:4px; height:3rem; }
input:not([type=checkbox]):not([type=radio]):not([type=hidden]),textarea { box-sizing:border-box; }
label { color:#667085; font-size:.8rem; }
:focus-visible { outline:2px solid #6d28d9; outline-offset:3px; }
:is(.ui-skip-link,.fnd-skip-link) { position:fixed; left:16px; top:-100px; z-index:2000; background:#fff; color:#4c1d95; padding:12px 18px; border-radius:12px; box-shadow:0 8px 24px #10182826; }
:is(.ui-skip-link,.fnd-skip-link):focus { top:12px; }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto !important; } }




        :root {
            --blue: #6d28d9;
            --blue-dark: #4c1d95;
            --blue-soft: #f1eafa;
            --navy: #281542;
            --text: #101828;
            --muted: #667085;
            --line: #e7eef7;
        }

        html {
            scroll-behavior: smooth;
        }

        body {
            background: #fff;
            color: var(--text);
            font-family: Arial, Helvetica, sans-serif;
        }

        * {
            box-sizing:border-box;
        }

        :is(.container,.grid-container) {
            width: 90%;
            max-width: 1240px;
        }

        /* --------------------------------
           NAVBAR
        -------------------------------- */

        nav {
            background: rgba(255,255,255,.95);
            box-shadow: 0 1px 0 rgba(0,0,0,.06);
            position:fixed;
            top: 0;
            z-index: 999;
        }

        nav .brand-logo {
            color: var(--blue);
            font-weight:900;
            letter-spacing: -2px;
            font-size: 31px;
        }

        nav ul a {
            color: #344054;
            font-size: 14px;
            font-weight: 600;
        }

        nav ul a:hover {
            background: transparent;
            color: var(--blue);
        }

        .nav-cta {
            background: var(--blue) !important;
            color: #fff !important;
            border-radius: 30px;
            height: 42px;
            line-height: 42px;
            margin-top: 9px;
            padding: 0 20px;
        }

        /* --------------------------------
           HERO
        -------------------------------- */

        :is(.ui-hero,.fnd-hero) {
            min-height: 850px;
            padding-top: 120px;
            position:relative;
            overflow:hidden;
            background:
                radial-gradient(
                    circle at 75% 35%,
                    rgba(109,40,217,.18),
                    transparent 32%
                ),
                linear-gradient(
                    120deg,
                    #ffffff 0%,
                    #faf7ff 55%,
                    #f1eafa 100%
                );
        }

        :is(.ui-hero,.fnd-hero):after {
            content: "";
            position:absolute;
            width: 700px;
            height: 700px;
            border-radius: 50%;
            background: rgba(109,40,217,.04);
            right: -300px;
            bottom: -250px;
        }

        :is(.ui-hero-content,.fnd-hero-content) {
            padding-top: 90px;
            position:relative;
            z-index: 2;
        }

        :is(.ui-small-label,.fnd-small-label) {
            color: var(--blue);
            font-weight:800;
            letter-spacing: 2px;
            font-size: 12px;
            text-transform: uppercase;
            margin-bottom: 20px;
        }

        :is(.ui-hero,.fnd-hero) h1 {
            font-size: clamp(48px, 7vw, 88px);
            line-height: .94;
            letter-spacing: -6px;
            font-weight:900;
            margin: 0 0 30px;
        }

:is(.ui-product-description,.fnd-product-description) h2{font-size:27px;}

        :is(.ui-hero,.fnd-hero) h1 span {
            color: var(--blue);
        }

        :is(.ui-hero-description,.fnd-hero-description) {
            color: var(--muted);
            font-size: 18px;
            line-height: 1.8;
            max-width: 580px;
            margin-bottom: 35px;
        }

        :is(.ui-hero-buttons,.fnd-hero-buttons) {
            display:flex;
            gap: 12px;
            flex-wrap:wrap;
        }

   .whatsapp-button {

background: #25D366;
border-radius: 40px;
padding: 0 28px;
height: 50px;
line-height: 50px;
box-shadow: 0 12px 30px rgba(37, 211, 102, .28);
font-weight:700;
color: #fff;
border: none;
        }
   :is(.ui-dark-button,.fnd-dark-button) {
          background: #101828;
border-radius: 40px;
padding: 0 28px;
height: 50px;
line-height: 50px;
box-shadow: 0 12px 30px rgba(16, 24, 40, .25);
font-weight:700;
color: #fff;
        }
        :is(.ui-blue-button,.fnd-blue-button) {
            background: var(--blue);
            border-radius: 40px;
            padding: 0 28px;
            height: 50px;
            line-height: 50px;
            box-shadow: 0 12px 30px rgba(109,40,217,.25);
            font-weight:700;
        }

        :is(.ui-blue-button,.fnd-blue-button):hover {
            background: var(--blue-dark);
        }

        :is(.ui-white-button,.fnd-white-button) {
            background: #fff;
            color: var(--text);
            border: 1px solid var(--line);
            border-radius: 40px;
            padding: 0 28px;
            height: 50px;
            line-height: 48px;
            font-weight:700;
        }

        /* HERO PRODUCT */

        .hero-visual {
            height: 650px;
            position:relative;
        }

        .orb {
            position:absolute;
            width: 510px;
            height: 510px;
            border-radius: 50%;
            background: linear-gradient(
                145deg,
                #dff0ff,
                #a9d5ff
            );
            top: 50px;
            left: 60px;
            box-shadow:
                inset 0 0 100px rgba(255,255,255,.9),
                0 30px 80px rgba(109,40,217,.12);
        }

        .product-main {
            position:absolute;
            z-index: 4;
            width: 205px;
            height: 410px;
            border-radius: 35px;
            left: 210px;
            top: 90px;

            background:
                linear-gradient(
                    155deg,
                    #075ad2,
                    #1499ff 50%,
                    #6848f3
                );

            transform: rotate(9deg);

            box-shadow:
                25px 40px 65px rgba(0,70,160,.32),
                inset 8px 8px 25px rgba(255,255,255,.22);
        }

        .product-main:before {
            content: "";
            position:absolute;
            width: 65px;
            height: 52px;
            background: #151a20;
            top: -43px;
            left: 70px;
            border-radius: 17px 17px 8px 8px;
        }

        .product-main:after {
            content: "STORE";
            position:absolute;
            color: #fff;
            font-size: 29px;
            font-weight:900;
            transform: rotate(90deg);
            top: 175px;
            left: 57px;
        }

        .product-back {
            position:absolute;
            width: 165px;
            height: 335px;
            border-radius: 30px;
            background: linear-gradient(
                145deg,
                #ffffff,
                #d9ecff
            );
            left: 375px;
            top: 190px;
            transform: rotate(19deg);
            box-shadow: 20px 30px 50px rgba(0,60,130,.15);
            z-index: 2;
        }

        .product-back:before {
            content: "";
            position:absolute;
            width: 53px;
            height: 42px;
            background: #181c21;
            left: 56px;
            top: -34px;
            border-radius: 13px 13px 7px 7px;
        }

        .floating-tag {
            position:absolute;
            z-index: 6;
            background: rgba(255,255,255,.92);
            border: 1px solid rgba(255,255,255,.7);
            padding: 15px 20px;
            border-radius: 16px;
            box-shadow: 0 15px 40px rgba(0,70,150,.12);
        }

        .floating-tag.one {
            top: 90px;
            left: 0;
        }

        .floating-tag.two {
            bottom: 90px;
            right: 0;
        }

        .floating-tag strong {
            display:block;
            color: var(--blue);
            font-size: 17px;
        }

        .floating-tag span {
            color: var(--muted);
            font-size: 11px;
        }

        /* --------------------------------
           MARQUEE
        -------------------------------- */

        :is(.ui-brand-strip,.fnd-brand-strip) {
            border-top: 1px solid var(--line);
            border-bottom: 1px solid var(--line);
            padding: 22px 0;
            background: #fff;
        }

        :is(.ui-brand-strip-inner,.fnd-brand-strip-inner) {
            display:flex;
            justify-content:space-between;
            align-items:center;
            gap: 20px;
            flex-wrap:wrap;
        }

        :is(.ui-brand-strip,.fnd-brand-strip) span {
            color: #98a2b3;
            font-weight:800;
            letter-spacing: 1px;
            font-size: 12px;
        }

        /* --------------------------------
           INTRO
        -------------------------------- */

        :is(.ui-section,.fnd-section) {
            padding: 110px 0;
        }

        :is(.ui-section-label,.fnd-section-label) {
            color: var(--blue);
            text-transform: uppercase;
            font-size: 12px;
            font-weight:800;
            letter-spacing: 2px;
            margin-bottom: 15px;
        }

        :is(.ui-section-title,.fnd-section-title) {
            font-size: clamp(38px,5vw,60px);
            line-height: 1;
            letter-spacing: -3px;
            font-weight:900;
            margin: 0 0 22px;
        }

        :is(.ui-section-text,.fnd-section-text) {
            color: var(--muted);
            font-size: 16px;
            line-height: 1.8;
        }

        .intro-number {
            font-size: 150px;
            font-weight:900;
            color: #edf6ff;
            line-height: .8;
            text-align: right;
        }

        /* --------------------------------
           FEATURE CARDS
        -------------------------------- */

        :is(.ui-feature-section,.fnd-feature-section) {
            background: #f6faff;
        }

        :is(.ui-feature-card,.fnd-feature-card) {
            background: #fff;
            border-radius: 24px;
            padding: 35px;
            min-height: 270px;
            border: 1px solid #e8f0f8;
            transition: .3s;
        }

        :is(.ui-feature-card,.fnd-feature-card):hover {
            transform: translateY(-7px);
            box-shadow: 0 25px 60px rgba(30,100,170,.10);
        }

        :is(.ui-feature-icon,.fnd-feature-icon) {
            width: 58px;
            height: 58px;
            border-radius: 17px;
            background: var(--blue-soft);
            color: var(--blue);
            display:flex;
            align-items:center;
            justify-content:center;
            margin-bottom: 25px;
        }

        :is(.ui-feature-card,.fnd-feature-card) h3 {
            font-size: 20px;
            font-weight:800;
            margin-bottom: 10px;
        }

        :is(.ui-feature-card,.fnd-feature-card) p {
            color: var(--muted);
            font-size: 14px;
            line-height: 1.7;
        }

        /* --------------------------------
           PRODUCTS
        -------------------------------- */

        :is(.ui-products-section,.fnd-products-section) {
            background: #fff;
        }

        .product-card-new {
            border-radius: 25px;
            overflow:hidden;
            border: 1px solid var(--line);
            background: #fff;
            transition: .3s;
        }

        .product-card-new:hover {
            transform: translateY(-8px);
            box-shadow: 0 25px 70px rgba(0,80,160,.12);
        }

        .product-picture {
            height: 330px;
            background:
                radial-gradient(
                    circle,
                    #efe5f8,
                    #faf7ff
                );
            position:relative;
            display:flex;
            justify-content:center;
            align-items:center;
        }

        .mini-product {
            width: 105px;
            height: 235px;
            border-radius: 23px;
            background: linear-gradient(
                145deg,
                #4c1d95,
                #26a0ff,
                #6250ed
            );
            box-shadow: 18px 25px 40px rgba(0,70,170,.20);
            position:relative;
        }

        .mini-product:before {
            content: "";
            position:absolute;
            width: 34px;
            height: 27px;
            background: #15191e;
            top: -22px;
            left: 35px;
            border-radius: 8px 8px 4px 4px;
        }

        .mini-product:after {
            content: "STORE";
            position:absolute;
            color: #fff;
            font-size: 14px;
            font-weight:900;
            transform: rotate(90deg);
            top: 105px;
            left: 29px;
        }

        .product-content {
            padding: 28px;
        }

        .product-number {
            color: var(--blue);
            font-size: 11px;
            font-weight:800;
            letter-spacing: 2px;
        }

        .product-content h3 {
            font-weight:900;
            margin: 8px 0 10px;
        }

        .product-content p {
            color: var(--muted);
            font-size: 13px;
            line-height: 1.7;
        }

        /* --------------------------------
           BLUE STORY
        -------------------------------- */

        .story {
            background: var(--navy);
            color: #fff;
            position:relative;
            overflow:hidden;
        }

        .story:before {
            content: "";
            position:absolute;
            width: 650px;
            height: 650px;
            border-radius: 50%;
            background: rgba(109,40,217,.22);
            right: -200px;
            top: -250px;
            filter: blur(2px);
        }

        .story :is(.ui-section-label,.fnd-section-label) {
            color: #65adff;
        }

        .story :is(.ui-section-text,.fnd-section-text) {
            color: #9db0c8;
        }

        .story-box {
            position:relative;
            z-index: 2;
            padding: 40px;
            border: 1px solid rgba(255,255,255,.1);
            border-radius: 25px;
            background: rgba(255,255,255,.04);
            backdrop-filter: blur(10px);
        }

        .story-stat {
            border-left: 1px solid rgba(255,255,255,.15);
            padding-left: 25px;
        }

        .story-stat strong {
            display:block;
            color: #fff;
            font-size: 36px;
            font-weight:900;
        }

        .story-stat span {
            color: #8da0b8;
            font-size: 12px;
        }

        /* --------------------------------
           AROMA / OPTIONS
        -------------------------------- */

        .options {
            background: #fff;
        }

        .option-box {
            min-height: 230px;
            border-radius: 24px;
            padding: 30px;
            position:relative;
            overflow:hidden;
            background: #fff;
            border: 1px solid var(--line);
        }

        .option-circle {
            width: 110px;
            height: 110px;
            border-radius: 50%;
            position:absolute;
            right: -25px;
            bottom: -30px;
            opacity: .9;
        }

        .blue-circle {
            background: #9ed0ff;
        }

        .cyan-circle {
            background: #91eee8;
        }

        .purple-circle {
            background: #c1a9ff;
        }

        .pink-circle {
            background: #ffb0cb;
        }

        .option-box h4 {
            font-weight:900;
            position:relative;
            z-index: 2;
        }

        .option-box p {
            max-width: 230px;
            color: var(--muted);
            font-size: 13px;
            position:relative;
            z-index: 2;
        }

        /* --------------------------------
           INFORMATION TABLE
        -------------------------------- */

        .info-table {
            border-radius: 25px;
            overflow:hidden;
            border: 1px solid var(--line);
        }

        .info-table table {
            margin: 0;
        }

        .info-table th {
            background: #f2f8ff;
            color: #344054;
            font-size: 12px;
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        .info-table td {
            font-size: 14px;
            color: var(--muted);
        }

        /* --------------------------------
           FAQ
        -------------------------------- */

        .faq {
            max-width: 900px;
            margin: auto;
        }

        .faq .collapsible {
            border: 0;
            box-shadow: none;
        }

        .faq .collapsible-header {
            border-bottom: 1px solid var(--line);
            padding: 25px 5px;
            font-weight:800;
            font-size: 16px;
            background: transparent;
        }

        .faq .collapsible-body {
            border-bottom: 1px solid var(--line);
            color: var(--muted);
            line-height: 1.8;
            padding: 20px 5px;
        }

        /* --------------------------------
           CONTACT CTA
        -------------------------------- */

        .contact-box {
            background:
                radial-gradient(
                    circle at 80% 20%,
                    rgba(255,255,255,.2),
                    transparent 25%
                ),
                linear-gradient(
                    135deg,
                    #0966df,
                    #218fff
                );

            color: #fff;
            border-radius: 30px;
            padding: 65px;
            text-align:center;
            box-shadow: 0 30px 70px rgba(0,100,220,.20);
        }

        .contact-box h2 {
            font-size: clamp(35px,5vw,58px);
            letter-spacing: -3px;
            font-weight:900;
            margin: 0 0 18px;
        }

        .contact-box p {
            max-width: 650px;
            margin: auto auto 30px;
            color: rgba(255,255,255,.82);
        }

        .contact-box :is(.ui-white-button,.fnd-white-button) {
            border: 0;
            color: var(--blue);
        }

        /* --------------------------------
           AGE NOTICE
        -------------------------------- */

        .age-notice {
            background: #f8fafc;
            border-top: 1px solid var(--line);
            border-bottom: 1px solid var(--line);
            padding: 18px 0;
            text-align:center;
            color: #667085;
            font-size: 12px;
        }

        .age-notice strong {
            color: #344054;
        }

        /* --------------------------------
           FOOTER
        -------------------------------- */

        footer {
            background: #061326;
            color: #fff;
            padding: 70px 0 25px;
        }

        .footer-logo {
            color: #4b9dff;
            font-size: 34px;
            font-weight:900;
            letter-spacing: -2px;
        }

        .footer-about {
            color: #8496ad;
            font-size: 13px;
            line-height: 1.8;
            max-width: 330px;
        }

        .footer-title {
            font-size: 13px;
            font-weight:800;
            margin-bottom: 20px;
        }

        .footer-links a {
            display:block;
            color: #8496ad;
            font-size: 12px;
            margin-bottom: 12px;
        }

        .footer-links a:hover {
            color: #fff;
        }

        .footer-bottom {
            margin-top: 45px;
            padding-top: 22px;
            border-top: 1px solid rgba(255,255,255,.08);
            color: #62748c;
            font-size: 11px;
        }

        /* --------------------------------
           MOBILE
        -------------------------------- */

        @media(max-width: 992px) {

            :is(.ui-hero,.fnd-hero) {
                min-height: auto;
                padding-bottom: 70px;
            }

            :is(.ui-hero-content,.fnd-hero-content) {
                padding-top: 40px;
            }

            .hero-visual {
                height: 560px;
                transform: scale(.85);
                transform-origin: center;
            }

            .intro-number {
                text-align: left;
                margin-top: 30px;
            }

            .story-stat {
                border-left: 0;
                border-top: 1px solid rgba(255,255,255,.15);
                padding: 20px 0 0;
                margin-top: 20px;
            }
        }

        @media(max-width: 600px) {

            :is(.container,.grid-container) {
                width: 92%;
            }

            nav .brand-logo {
                font-size: 27px;
            }

            :is(.ui-hero,.fnd-hero) h1 {
                letter-spacing: -4px;
            }

            :is(.ui-hero-description,.fnd-hero-description) {
                font-size: 15px;
            }

            .hero-visual {
                height: 440px;
                transform: scale(.66);
                margin-top: -20px;
            }

            .orb {
                left: 0;
            }

            .floating-tag.one {
                left: -25px;
            }

            .floating-tag.two {
                right: -25px;
            }

            :is(.ui-section,.fnd-section) {
                padding: 31px 0;
            }

            :is(.ui-section-title,.fnd-section-title) {
                letter-spacing: -2px;
            }

            .contact-box {
                padding: 40px 22px;
            }

            :is(.ui-brand-strip-inner,.fnd-brand-strip-inner) {
                justify-content:center;
            }

            .story-box {
                padding: 25px;
            }
        }

    


/* ===== DYNAMIC STORE EXTENSIONS ===== */
body { padding-top:64px; }
a { text-decoration:none; }
img { max-width:100%; display:block; }
.store-nav { height:64px; line-height:64px; }
.store-nav .nav-wrapper { height:64px; }
.store-nav .brand-logo { position:relative; transform:none; left:auto; }
.store-nav .nav-actions { float:right; display:flex; align-items:center; gap:10px; height:64px; }
.cart-link { display:flex; align-items:center; gap:8px; height:42px; line-height:42px; margin-top:11px; padding:0 16px; border:1px solid var(--line); border-radius:999px; color:var(--text); font-weight:800; background:#fff; }
.cart-badge { display:inline-flex; min-width:22px; height:22px; padding:0 6px; align-items:center; justify-content:center; border-radius:999px; background:var(--blue); color:#fff; font-size:11px; line-height:1; }
.mobile-category-trigger { display:none; width:42px; height:42px; margin-top:11px; border:1px solid var(--line); background:#fff; border-radius:50%; align-items:center; justify-content:center; cursor:pointer; }
.mobile-category-trigger span { display:block; width:18px; height:2px; background:var(--text); margin:3px 0; border-radius:2px; }
.category-drawer-backdrop { position:fixed; inset:0; background:rgba(6,19,38,.45); opacity:0; visibility:hidden; transition:.25s; z-index:1100; }
.category-drawer { position:fixed; top:0; left:0; width:min(88vw,360px); height:100vh; background:#fff; z-index:1101; transform:translateX(-100%); transition:.28s ease; padding:24px; box-shadow:30px 0 80px rgba(0,0,0,.16); }
.category-drawer.open { transform:translateX(0); }
.category-drawer-backdrop.open { opacity:1; visibility:visible; }
.drawer-top { display:flex; align-items:center; justify-content:space-between; padding-bottom:18px; border-bottom:1px solid var(--line); }
.drawer-top strong { font-size:20px; }
.drawer-close { width:38px; height:38px; border:0; border-radius:50%; background:#f2f6fb; font-size:24px; cursor:pointer; }
.drawer-list { padding-top:18px; }
.drawer-list a { display:flex; justify-content:space-between; align-items:center; padding:16px 4px; border-bottom:1px solid var(--line); color:var(--text); font-weight:800; }
.drawer-list a span:last-child { color:var(--blue); }

.hero-product-image { position:absolute; z-index:4; width:280px; height:420px; left:170px; top:75px; transform:rotate(5deg); border-radius:34px; background:#fff; box-shadow:25px 40px 65px rgba(0,70,160,.24); overflow:hidden; display:flex; align-items:center; justify-content:center; border:1px solid rgba(255,255,255,.7); }
.hero-product-image img { width:100%; height:100%; object-fit:contain; padding:28px; background:linear-gradient(145deg,#fff,#edf6ff); }
.hero-product-image .fallback { font-size:42px; font-weight:900; color:var(--blue); letter-spacing:-2px; }
.hero-product-back { position:absolute; width:170px; height:300px; border-radius:30px; background:linear-gradient(145deg,#fff,#d9ecff); left:365px; top:200px; transform:rotate(18deg); box-shadow:20px 30px 50px rgba(0,60,130,.15); z-index:2; }

:is(.ui-category-strip,.fnd-category-strip) { display:flex; gap:12px; flex-wrap:wrap; margin-top:32px; }
:is(.ui-category-pill,.fnd-category-pill) { display:inline-flex; align-items:center; gap:10px; padding:13px 18px; border-radius:999px; border:1px solid var(--line); background:#fff; color:var(--text); font-weight:800; font-size:13px; transition:.2s; }
:is(.ui-category-pill,.fnd-category-pill):hover { border-color:#b9d7fb; color:var(--blue); transform:translateY(-2px); }
:is(.ui-category-pill,.fnd-category-pill) :is(.ui-dot,.fnd-dot) { width:8px; height:8px; border-radius:50%; background:var(--blue); }

:is(.ui-store-product-grid,.fnd-store-product-grid) { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px; margin-top:38px; }
:is(.ui-store-product-card,.fnd-store-product-card) { border-radius:25px; overflow:hidden; border:1px solid var(--line); background:#fff; transition:.3s; }
:is(.ui-store-product-card,.fnd-store-product-card):hover { transform:translateY(-8px); box-shadow:0 25px 70px rgba(0,80,160,.12); }
.store-product-media {
    height: 390px;
    background: radial-gradient(circle, #efe5f8, #faf7ff);
    display:flex;
    align-items:center;
    justify-content:center;
    padding: 34px;
    position:relative;
    overflow:hidden;
}

.store-product-media img {
    width: 84%;
    height: 84%;
    object-fit: contain;
    object-position: center;
    border-radius: 26px;
    display:block;
    mix-blend-mode: multiply;
    filter: drop-shadow(14px 20px 24px rgba(0,70,170,.13));
    transition: transform .28s ease;
}

:is(.ui-store-product-card,.fnd-store-product-card):hover .store-product-media img {
    transform: scale(1.025);
}
.store-product-media :is(.ui-no-image,.fnd-no-image) { width:120px; height:250px; border-radius:28px; background:linear-gradient(145deg,#4c1d95,#26a0ff,#6250ed); box-shadow:18px 25px 40px rgba(0,70,170,.20); }
:is(.ui-store-product-body,.fnd-store-product-body) { padding:28px; }
:is(.ui-store-product-kicker,.fnd-store-product-kicker) { color:var(--blue); font-size:11px; font-weight:800; letter-spacing:2px; text-transform:uppercase; }
:is(.ui-store-product-body,.fnd-store-product-body) h3 { margin:8px 0 10px; font-size:26px; font-weight:900; }
:is(.ui-store-product-body,.fnd-store-product-body) h3 a { color:var(--text); }
:is(.ui-store-product-body,.fnd-store-product-body) p { color:var(--muted); font-size:13px; line-height:1.7; min-height:44px; }
:is(.ui-price-row,.fnd-price-row) { display:flex; justify-content:space-between; align-items:end; gap:15px; margin:20px 0; }
:is(.ui-price-main,.fnd-price-main) { font-size:25px; font-weight:900; color:var(--text); }
:is(.ui-price-old,.fnd-price-old) { margin-left:7px; color:#98a2b3; text-decoration:line-through; font-size:13px; }
.stock-chip { font-size:11px; font-weight:800; border-radius:999px; padding:7px 10px; background:#ecfdf3; color:#027a48; }
.stock-chip.out { background:#fff1f3; color:#c01048; }
:is(.ui-product-actions,.fnd-product-actions) { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
:is(.ui-product-actions,.fnd-product-actions) form { margin:0; }
:is(.ui-product-actions,.fnd-product-actions) :is(.btn,.button), :is(.ui-product-actions,.fnd-product-actions) button { width:100%; border:0; text-transform:none; letter-spacing:0; box-shadow:none; }
:is(.ui-btn-outline,.fnd-btn-outline) { background:#fff !important; color:var(--text) !important; border:1px solid var(--line) !important; }
:is(.btn,.button)-dark { background:var(--navy) !important; color:#fff !important; }

:is(.ui-page-top,.fnd-page-top) { background:linear-gradient(120deg,#fff 0%,#faf7ff 58%,#f1eafa 100%); padding:72px 0 58px; border-bottom:1px solid var(--line); }
:is(.ui-breadcrumbs,.fnd-breadcrumbs) { color:#98a2b3; font-size:12px; margin-bottom:16px; }
:is(.ui-breadcrumbs,.fnd-breadcrumbs) a { color:#667085; }
:is(.ui-page-top,.fnd-page-top) h1 { margin:0 0 16px; font-size:clamp(42px,6vw,72px); line-height:1; letter-spacing:-4px; font-weight:900; }
:is(.ui-page-top,.fnd-page-top) p { max-width:700px; color:var(--muted); font-size:16px; line-height:1.8; }

:is(.ui-detail-wrap,.fnd-detail-wrap) { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:start; }
:is(.ui-detail-media-box,.fnd-detail-media-box) {
    min-height: 600px;
    border-radius: 30px;
    background: radial-gradient(circle, #efe5f8, #faf7ff);
    display:flex;
    align-items:center;
    justify-content:center;
    padding: 52px;
    border: 1px solid var(--line);
    position:sticky;
    top: 95px;
    overflow:hidden;
}

:is(.ui-detail-media-box,.fnd-detail-media-box) img {
    width: auto;
    height: auto;
    max-width: 86%;
    max-height: 500px;
    object-fit: contain;
    object-position: center;
    border-radius: 30px;
    display:block;
    margin: auto;
    mix-blend-mode: multiply;
    filter: drop-shadow(16px 24px 28px rgba(0,70,170,.14));
}
:is(.ui-detail-info-box,.fnd-detail-info-box) :is(.ui-category-label,.fnd-category-label) { color:var(--blue); font-weight:800; letter-spacing:2px; font-size:12px; text-transform:uppercase; }
:is(.ui-detail-info-box,.fnd-detail-info-box) h1 { font-size:clamp(40px,5vw,62px); line-height:1; letter-spacing:-3px; margin:12px 0 18px; font-weight:900; }
:is(.ui-detail-info-box,.fnd-detail-info-box) :is(.ui-lead,.fnd-lead) { color:var(--muted); font-size:16px; line-height:1.8; }
:is(.ui-detail-price,.fnd-detail-price) { margin:25px 0; display:flex; align-items:center; justify-content:space-between; gap:15px; padding:22px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
:is(.ui-detail-price,.fnd-detail-price) :is(.ui-price-main,.fnd-price-main) { font-size:34px; }
:is(.ui-detail-actions,.fnd-detail-actions) { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-bottom:18px; }
:is(.ui-detail-actions,.fnd-detail-actions) form { margin:0; }
:is(.ui-detail-actions,.fnd-detail-actions) :is(.btn,.button), :is(.ui-detail-actions,.fnd-detail-actions) button, :is(.ui-detail-actions,.fnd-detail-actions) a { width:100%; text-align:center; border:0; box-shadow:none; text-transform:none; letter-spacing:0; }
:is(.ui-detail-actions,.fnd-detail-actions) .whatsapp-order { grid-column:1/-1; background:#fff !important; color:#137a44 !important; border:1px solid #b7e6ca !important; }
:is(.ui-trust-grid,.fnd-trust-grid) {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin:24px 0 34px;
}
:is(.ui-trust-mini,.fnd-trust-mini) {
  position:relative;
  display:flex;
  align-items:center;
  gap:12px;
  min-height:86px;
  padding:15px 14px;
  border:1px solid #e4edf7;
  border-radius:20px;
  background:linear-gradient(145deg,#ffffff 0%,#f8fbff 100%);
  box-shadow:0 10px 30px rgba(24,82,140,.055);
  overflow:hidden;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
:is(.ui-trust-mini,.fnd-trust-mini):after {
  content:"";
  position:absolute;
  width:54px;
  height:54px;
  right:-20px;
  bottom:-24px;
  border-radius:50%;
  background:rgba(109,40,217,.06);
}
:is(.ui-trust-mini,.fnd-trust-mini):hover {
  transform:translateY(-3px);
  border-color:#d3e5fa;
  box-shadow:0 16px 36px rgba(24,82,140,.09);
}
:is(.ui-trust-icon,.fnd-trust-icon) {
  flex:0 0 42px;
  width:42px;
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:13px;
  color:var(--blue);
  background:var(--blue-soft);
  position:relative;
  z-index:1;
}
:is(.ui-trust-icon,.fnd-trust-icon) .material-icons { font-size:21px; }
:is(.ui-trust-copy,.fnd-trust-copy) { min-width:0; position:relative; z-index:1; }
:is(.ui-trust-mini,.fnd-trust-mini) strong {
  display:block;
  font-size:12px;
  line-height:1.35;
  font-weight:800;
  color:#172033;
}
:is(.ui-trust-mini,.fnd-trust-mini) span {
  display:block;
  color:var(--muted);
  font-size:10px;
  line-height:1.45;
  margin-top:4px;
}
:is(.ui-product-description,.fnd-product-description) { color:#475467; line-height:1.85; }
:is(.ui-product-description,.fnd-product-description) h2,:is(.ui-product-description,.fnd-product-description) h3 { color:var(--text); font-weight:900; }

:is(.ui-cart-layout,.fnd-cart-layout) { display:grid; grid-template-columns:minmax(0,1fr) 360px; gap:30px; align-items:start; }
:is(.ui-surface-card,.fnd-surface-card) { background:#fff; border:1px solid var(--line); border-radius:25px; padding:28px; }
:is(.ui-cart-item,.fnd-cart-item) { display:grid; grid-template-columns:100px 1fr 90px 120px 38px; gap:18px; align-items:center; padding:20px 0; border-bottom:1px solid var(--line); }
:is(.ui-cart-item,.fnd-cart-item):last-child { border-bottom:0; }
:is(.ui-cart-thumb,.fnd-cart-thumb) { width:100px; height:100px; object-fit:contain; background:#f6faff; border-radius:18px; padding:10px; }
:is(.ui-cart-item,.fnd-cart-item) h3 { font-size:16px; margin:0 0 6px; font-weight:900; }
:is(.ui-cart-item,.fnd-cart-item) small { color:var(--muted); }
:is(.ui-qty-field,.fnd-qty-field) { width:78px !important; margin:0 !important; text-align:center; border:1px solid var(--line) !important; border-radius:12px !important; height:42px !important; box-shadow:none !important; }
:is(.ui-remove-x,.fnd-remove-x) { width:34px; height:34px; border:0; border-radius:50%; background:#adadf6; cursor:pointer; font-size:18px; }
:is(.ui-summary-card,.fnd-summary-card) { position:sticky; top:95px; }
:is(.ui-summary-line,.fnd-summary-line) { display:flex; justify-content:space-between; padding:12px 0; color:var(--muted); }
:is(.ui-summary-total,.fnd-summary-total) { display:flex; justify-content:space-between; padding:20px 0; margin-top:8px; border-top:1px solid var(--line); font-size:19px; font-weight:900; }
:is(.ui-summary-actions,.fnd-summary-actions) { display:grid; gap:10px; }
:is(.ui-summary-actions,.fnd-summary-actions) :is(.btn,.button) { width:100%; text-align:center; text-transform:none; box-shadow:none; }
:is(.ui-empty-box,.fnd-empty-box) { text-align:center; padding:70px 25px; border:1px solid var(--line); border-radius:25px; background:#fff; }
:is(.ui-empty-box,.fnd-empty-box) h2 { font-weight:900; }
:is(.ui-empty-box,.fnd-empty-box) p { color:var(--muted); }

.checkout-layout { display:grid; grid-template-columns:minmax(0,1fr) 390px; gap:32px; align-items:start; }
.checkout-card h2 { font-size:25px; font-weight:900; margin-top:0; }
:is(.ui-form-grid,.fnd-form-grid) { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.field.full { grid-column:1/-1; }
.field label { display:block; color:#344054; font-weight:800; font-size:12px; margin-bottom:8px; }
.field input,.field textarea,.field select { width:100%; border:1px solid var(--line) !important; border-radius:13px !important; padding:0 14px !important; box-sizing:border-box !important; box-shadow:none !important; background:#fff; }
.field input,.field select { height:48px !important; }
.field textarea { min-height:120px; padding-top:13px !important; resize:vertical; }
.payment-options { display:grid; gap:10px; margin-top:10px; }
.payment-option { display:flex; gap:12px; align-items:center; border:1px solid var(--line); border-radius:14px; padding:15px; cursor:pointer; }
.checkout-summary-item { display:flex; justify-content:space-between; gap:15px; padding:10px 0; border-bottom:1px solid var(--line); font-size:13px; }

.store-footer { background:#061326; color:#fff; padding:70px 0 25px; }
.footer-grid { display:grid; grid-template-columns:1.7fr 1fr 1fr; gap:55px; }
.footer-brand { color:#4b9dff; font-size:34px; font-weight:900; letter-spacing:-2px; }
.footer-copy { color:#8496ad; font-size:13px; line-height:1.8; max-width:340px; }
.footer-heading { font-size:13px; font-weight:800; margin-bottom:18px; }
.footer-links a { display:block; color:#8496ad; font-size:12px; margin-bottom:12px; }
.footer-links a:hover { color:#fff; }
.footer-bottom { margin-top:45px; padding-top:22px; border-top:1px solid rgba(255,255,255,.08); color:#62748c; font-size:11px; display:flex; justify-content:space-between; gap:20px; }

@media(max-width:992px){
  .mobile-category-trigger{display:flex;}.store-nav .brand-logo{font-size:28px}.cart-link .cart-text{display:none;}
  .hero-product-image{left:170px}:is(.ui-store-product-grid,.fnd-store-product-grid){grid-template-columns:1fr 1fr}
  :is(.ui-detail-wrap,.fnd-detail-wrap),.checkout-layout{grid-template-columns:1fr}:is(.ui-detail-media-box,.fnd-detail-media-box),:is(.ui-summary-card,.fnd-summary-card){position:relative;top:auto}:is(.ui-cart-layout,.fnd-cart-layout){grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}
}
@media(max-width:700px){
  body{padding-top:60px}.store-nav{height:60px;line-height:60px}.store-nav .nav-actions{height:60px}.cart-link{margin-top:9px;height:42px}.mobile-category-trigger{margin-top:9px}
  :is(.ui-hero,.fnd-hero){padding-top:80px}.hero-visual{margin-top:-30px}.hero-product-image{left:130px;top:70px}
  :is(.ui-store-product-grid,.fnd-store-product-grid){grid-template-columns:1fr}.store-product-media{height:330px}:is(.ui-product-actions,.fnd-product-actions){grid-template-columns:1fr 1fr}
  :is(.ui-detail-wrap,.fnd-detail-wrap){gap:30px}:is(.ui-detail-media-box,.fnd-detail-media-box){min-height:410px;padding:28px}:is(.ui-detail-actions,.fnd-detail-actions){grid-template-columns:1fr}:is(.ui-detail-actions,.fnd-detail-actions) .whatsapp-order{grid-column:auto}:is(.ui-trust-grid,.fnd-trust-grid){grid-template-columns:1fr}
  :is(.ui-cart-item,.fnd-cart-item){grid-template-columns:76px 1fr 70px}:is(.ui-cart-thumb,.fnd-cart-thumb){width:76px;height:76px}:is(.ui-cart-item,.fnd-cart-item) :is(.ui-item-total,.fnd-item-total){grid-column:2}:is(.ui-cart-item,.fnd-cart-item) :is(.ui-remove-x,.fnd-remove-x){grid-column:3;grid-row:2}:is(.ui-form-grid,.fnd-form-grid){grid-template-columns:1fr}.field.full{grid-column:auto}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{flex-direction:column;}
}

/* Shared navigation alignment */
.store-nav .nav-wrapper{display:flex;align-items:center;justify-content:space-between;}
.store-nav .nav-actions{float:none;}
@media(max-width:600px){.valign-wrapper{display:block;}.store-nav .brand-logo{font-size:25px;letter-spacing:-1.5px}.hero-product-image{left:110px;width:250px;height:360px}.hero-product-back{left:300px;top:170px}.floating-tag.two{right:-10px}}


/* V5 additions */
.mobile-category-trigger{flex-direction:column;padding:0;gap:4px}
.mobile-category-trigger span{display:block;width:19px;height:2px;background:#101828;margin:0!important;border-radius:99px;transition:.22s ease}
.mobile-category-trigger.active span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.mobile-category-trigger.active span:nth-child(2){opacity:0}
.mobile-category-trigger.active span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.drawer-section-title{font-size:10px;font-weight:900;letter-spacing:1.8px;color:#98a2b3;margin:24px 0 8px}
.drawer-other-title{margin-top:30px}
.drawer-empty{padding:14px 0;color:#667085}
:is(.ui-content-page-card,.fnd-content-page-card){max-width:920px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:26px;padding:42px;box-shadow:0 20px 60px rgba(16,24,40,.06)}
:is(.ui-rich-content,.fnd-rich-content){font-size:16px;line-height:1.85;color:#475467}
:is(.ui-rich-content,.fnd-rich-content) h1,:is(.ui-rich-content,.fnd-rich-content) h2,:is(.ui-rich-content,.fnd-rich-content) h3,:is(.ui-rich-content,.fnd-rich-content) h4{color:#101828;font-weight:900;letter-spacing:-1px;line-height:1.18;margin:34px 0 14px}
:is(.ui-rich-content,.fnd-rich-content) h2{font-size:32px}:is(.ui-rich-content,.fnd-rich-content) h3{font-size:24px}
:is(.ui-rich-content,.fnd-rich-content) p{margin:0 0 18px}:is(.ui-rich-content,.fnd-rich-content) ul,:is(.ui-rich-content,.fnd-rich-content) ol{padding-left:24px;margin:0 0 22px}:is(.ui-rich-content,.fnd-rich-content) li{margin-bottom:8px}
:is(.ui-rich-content,.fnd-rich-content) img{max-width:100%;height:auto;border-radius:18px}:is(.ui-rich-content,.fnd-rich-content) a{color:var(--blue);font-weight:700;}
:is(.ui-blog-grid,.fnd-blog-grid){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
:is(.ui-blog-card,.fnd-blog-card){background:#fff;border:1px solid var(--line);border-radius:26px;overflow:hidden;transition:.25s ease}
:is(.ui-blog-card,.fnd-blog-card):hover{transform:translateY(-5px);box-shadow:0 24px 70px rgba(0,80,160,.10)}
:is(.ui-blog-card-media,.fnd-blog-card-media){display:block;height:260px;background:linear-gradient(145deg,#faf7ff,#e4f2ff);overflow:hidden;}
:is(.ui-blog-card-media,.fnd-blog-card-media) img{width:100%;height:100%;object-fit:cover;display:block;}:is(.ui-blog-placeholder,.fnd-blog-placeholder){height:100%;display:flex;align-items:center;justify-content:center;font-size:54px;font-weight:900;color:#d6e9ff}
:is(.ui-blog-card-body,.fnd-blog-card-body){padding:28px}:is(.ui-blog-card-body,.fnd-blog-card-body) h2{font-size:25px;line-height:1.2;font-weight:900;letter-spacing:-.7px;margin:8px 0 12px}:is(.ui-blog-card-body,.fnd-blog-card-body) h2 a{color:#101828}:is(.ui-blog-card-body,.fnd-blog-card-body) p{color:#667085;line-height:1.7;margin-bottom:18px}:is(.ui-text-link,.fnd-text-link){color:var(--blue);font-weight:800;}
:is(.ui-blog-hero,.fnd-blog-hero) h1{max-width:900px}:is(.ui-blog-date,.fnd-blog-date){margin-top:16px;color:#98a2b3;font-size:13px;font-weight:700;}:is(.ui-article-cover,.fnd-article-cover){max-width:920px;margin:0 auto 28px;border-radius:26px;overflow:hidden;border:1px solid var(--line)}:is(.ui-article-cover,.fnd-article-cover) img{display:block;width:100%;max-height:520px;object-fit:cover}
@media(max-width:700px){:is(.ui-content-page-card,.fnd-content-page-card){padding:24px;border-radius:20px}:is(.ui-blog-grid,.fnd-blog-grid){grid-template-columns:1fr}:is(.ui-blog-card-media,.fnd-blog-card-media){height:220px}}


/* =========================================================
   CHECKOUT V5.5
   ========================================================= */

:is(.ui-checkout-page,.fnd-checkout-page) {
    background:
        radial-gradient(circle at 85% 18%, rgba(109,40,217,.08), transparent 26%),
        #f7faff;
}

:is(.ui-checkout-hero,.fnd-checkout-hero) {
    padding: 125px 0 42px;
    background:
        radial-gradient(circle at 82% 30%, rgba(109,40,217,.13), transparent 28%),
        linear-gradient(180deg, #ffffff 0%, #f6faff 100%);
    border-bottom: 1px solid #e8eef7;
}

:is(.ui-checkout-hero-inner,.fnd-checkout-hero-inner) {
    display:flex;
    align-items: flex-end;
    justify-content:space-between;
    gap: 40px;
}

:is(.ui-checkout-hero,.fnd-checkout-hero) h1 {
    margin: 7px 0 12px;
    font-size: clamp(40px, 5vw, 66px);
    line-height: .98;
    letter-spacing: -3px;
    font-weight:900;
    color: #0b1628;
}

:is(.ui-checkout-hero,.fnd-checkout-hero) p {
    max-width: 620px;
    margin: 0;
    color: #667085;
    font-size: 17px;
    line-height: 1.7;
}

:is(.ui-checkout-steps,.fnd-checkout-steps) {
    display:flex;
    align-items:center;
    gap: 9px;
    flex-shrink: 0;
}

:is(.ui-checkout-step,.fnd-checkout-step) {
    min-width: 82px;
    padding: 13px 14px;
    border: 1px solid #dfe8f4;
    border-radius: 18px;
    background: rgba(255,255,255,.8);
    text-align:center;
}

:is(.ui-checkout-step,.fnd-checkout-step) span {
    width: 30px;
    height: 30px;
    margin: 0 auto 6px;
    border-radius: 50%;
    display:grid;
    place-items: center;
    background: #eef4fb;
    color: #738094;
    font-size: 12px;
    font-weight:900;
}

:is(.ui-checkout-step,.fnd-checkout-step) small {
    display:block;
    color: #7b8798;
    font-size: 11px;
    font-weight:800;
    letter-spacing: .5px;
    text-transform: uppercase;
}

:is(.ui-checkout-step,.fnd-checkout-step).done span,
:is(.ui-checkout-step,.fnd-checkout-step).active span {
    background: #6d28d9;
    color: #fff;
}

:is(.ui-checkout-step,.fnd-checkout-step).active {
    border-color: rgba(109,40,217,.35);
    box-shadow: 0 12px 34px rgba(109,40,217,.11);
}

:is(.ui-checkout-step,.fnd-checkout-step).active small {
    color: #6d28d9;
}

:is(.ui-checkout-section,.fnd-checkout-section) {
    padding: 54px 0 90px;
}

:is(.ui-checkout-modern-layout,.fnd-checkout-modern-layout) {
    display:grid;
    grid-template-columns: minmax(0, 1fr) 390px;
    align-items: start;
    gap: 28px;
}

:is(.ui-checkout-form-card,.fnd-checkout-form-card),
:is(.ui-checkout-summary-card,.fnd-checkout-summary-card) {
    background: rgba(255,255,255,.94);
    border: 1px solid #e5ecf5;
    border-radius: 28px;
    box-shadow: 0 22px 65px rgba(16,24,40,.07);
}

:is(.ui-checkout-form-card,.fnd-checkout-form-card) {
    padding: 34px;
}

:is(.ui-checkout-summary-card,.fnd-checkout-summary-card) {
    position:sticky;
    top: 100px;
    padding: 28px;
}

:is(.ui-checkout-card-heading,.fnd-checkout-card-heading) {
    display:flex;
    align-items:flex-start;
    gap: 15px;
    margin-bottom: 28px;
}

:is(.ui-checkout-heading-icon,.fnd-checkout-heading-icon) {
    width: 48px;
    height: 48px;
    border-radius: 15px;
    display:grid;
    place-items: center;
    flex: 0 0 auto;
    background: #f1eafa;
    color: #6d28d9;
}

:is(.ui-checkout-heading-icon,.fnd-checkout-heading-icon) i {
    font-size: 23px;
}

:is(.ui-checkout-card-heading,.fnd-checkout-card-heading) > div:last-child > span {
    display:block;
    margin-bottom: 3px;
    color: #6d28d9;
    font-size: 11px;
    font-weight:900;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}

:is(.ui-checkout-card-heading,.fnd-checkout-card-heading) h2 {
    margin: 0 0 5px;
    color: #101828;
    font-size: 26px;
    line-height: 1.15;
    font-weight:900;
    letter-spacing: -1px;
}

:is(.ui-checkout-card-heading,.fnd-checkout-card-heading) p {
    margin: 0;
    color: #7a8698;
    font-size: 14px;
    line-height: 1.55;
}

:is(.ui-checkout-error-box,.fnd-checkout-error-box) {
    display:flex;
    gap: 12px;
    padding: 16px 18px;
    margin: 0 0 24px;
    border: 1px solid #ffd6df;
    border-radius: 16px;
    background: #fff5f7;
    color: #b4234d;
}

:is(.ui-checkout-error-box,.fnd-checkout-error-box) > i {
    margin-top: 1px;
}

:is(.ui-checkout-error-box,.fnd-checkout-error-box) strong,
:is(.ui-checkout-error-box,.fnd-checkout-error-box) span {
    display:block;
}

:is(.ui-checkout-error-box,.fnd-checkout-error-box) strong {
    margin-bottom: 4px;
}

:is(.ui-checkout-error-box,.fnd-checkout-error-box) span {
    font-size: 13px;
    line-height: 1.45;
}

:is(.ui-checkout-fields,.fnd-checkout-fields) {
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
}

:is(.ui-checkout-field,.fnd-checkout-field) {
    display:block;
}

:is(.ui-checkout-field,.fnd-checkout-field).full {
    grid-column: 1 / -1;
}

:is(.ui-checkout-field,.fnd-checkout-field) > span {
    display:block;
    margin: 0 0 8px;
    color: #344054;
    font-size: 13px;
    font-weight:800;
}

:is(.ui-checkout-input-wrap,.fnd-checkout-input-wrap) {
    min-height: 56px;
    padding: 0 15px;
    display:flex;
    align-items:center;
    gap: 11px;
    border: 1px solid #dfe7f1;
    border-radius: 15px;
    background: #fbfdff;
    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

:is(.ui-checkout-input-wrap,.fnd-checkout-input-wrap):focus-within {
    border-color: #6d28d9;
    background: #fff;
    box-shadow: 0 0 0 4px rgba(109,40,217,.09);
}

:is(.ui-checkout-input-wrap,.fnd-checkout-input-wrap) > i {
    flex: 0 0 auto;
    color: #91a0b4;
    font-size: 20px;
}

:is(.ui-checkout-input-wrap,.fnd-checkout-input-wrap):focus-within > i {
    color: #6d28d9;
}

:is(.ui-checkout-input-wrap,.fnd-checkout-input-wrap) input,
:is(.ui-checkout-input-wrap,.fnd-checkout-input-wrap) textarea {
    width: 100% !important;
    height: auto !important;
    min-height: 54px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    color: #101828 !important;
    font-family: inherit;
    font-size: 15px !important;
}

:is(.ui-checkout-input-wrap,.fnd-checkout-input-wrap) textarea {
    min-height: 116px !important;
    padding: 17px 0 !important;
    resize: vertical;
    line-height: 1.55;
}

:is(.ui-checkout-input-wrap,.fnd-checkout-input-wrap):is(.ui-textarea,.fnd-textarea) {
    align-items:flex-start;
}

:is(.ui-checkout-input-wrap,.fnd-checkout-input-wrap):is(.ui-textarea,.fnd-textarea) > i {
    margin-top: 17px;
}

:is(.ui-checkout-input-wrap,.fnd-checkout-input-wrap) input::placeholder,
:is(.ui-checkout-input-wrap,.fnd-checkout-input-wrap) textarea::placeholder {
    color: #a2adbb;
}

:is(.ui-checkout-divider,.fnd-checkout-divider) {
    height: 1px;
    margin: 34px 0;
    background: #edf1f6;
}

.payment-heading {
    margin-bottom: 18px;
}

:is(.ui-checkout-payment-grid,.fnd-checkout-payment-grid) {
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

:is(.ui-checkout-payment-card,.fnd-checkout-payment-card) {
    position:relative;
    display:block;
    cursor:pointer;
}

:is(.ui-checkout-payment-card,.fnd-checkout-payment-card) > input {
    position:absolute;
    opacity: 0;
    pointer-events: none;
}

:is(.ui-checkout-payment-content,.fnd-checkout-payment-content) {
    min-height: 100px;
    padding: 16px;
    display:flex;
    align-items:center;
    gap: 12px;
    border: 1px solid #dfe7f1;
    border-radius: 18px;
    background: #fbfdff;
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

:is(.ui-checkout-payment-card,.fnd-checkout-payment-card):hover :is(.ui-checkout-payment-content,.fnd-checkout-payment-content) {
    transform: translateY(-2px);
    border-color: #cbd8e8;
}

:is(.ui-checkout-payment-card,.fnd-checkout-payment-card) > input:checked + :is(.ui-checkout-payment-content,.fnd-checkout-payment-content) {
    border-color: #6d28d9;
    background: #f4f9ff;
    box-shadow: 0 10px 30px rgba(109,40,217,.10);
}

:is(.ui-payment-icon,.fnd-payment-icon) {
    width: 43px;
    height: 43px;
    border-radius: 13px;
    display:grid;
    place-items: center;
    flex: 0 0 auto;
    background: #fff;
    color: #6d28d9;
    box-shadow: 0 6px 18px rgba(16,24,40,.06);
}

:is(.ui-payment-icon,.fnd-payment-icon) i {
    font-size: 21px;
}

:is(.ui-payment-copy,.fnd-payment-copy) {
    min-width: 0;
    flex: 1;
}

:is(.ui-payment-copy,.fnd-payment-copy) strong,
:is(.ui-payment-copy,.fnd-payment-copy) small {
    display:block;
}

:is(.ui-payment-copy,.fnd-payment-copy) strong {
    margin-bottom: 4px;
    color: #182230;
    font-size: 14px;
    font-weight:900;
}

:is(.ui-payment-copy,.fnd-payment-copy) small {
    color: #7a8698;
    font-size: 12px;
}

:is(.ui-payment-check,.fnd-payment-check) {
    width: 25px;
    height: 25px;
    border: 1px solid #d7e0eb;
    border-radius: 50%;
    display:grid;
    place-items: center;
    color: transparent;
    background: #fff;
}

:is(.ui-payment-check,.fnd-payment-check) i {
    font-size: 16px;
}

:is(.ui-checkout-payment-card,.fnd-checkout-payment-card) > input:checked + :is(.ui-checkout-payment-content,.fnd-checkout-payment-content) :is(.ui-payment-check,.fnd-payment-check) {
    border-color: #6d28d9;
    background: #6d28d9;
    color: #fff;
}

:is(.ui-checkout-submit-row,.fnd-checkout-submit-row) {
    margin-top: 30px;
}

:is(.ui-checkout-security-note,.fnd-checkout-security-note) {
    margin-bottom: 14px;
    display:flex;
    align-items:center;
    gap: 8px;
    color: #718096;
    font-size: 12px;
}

:is(.ui-checkout-security-note,.fnd-checkout-security-note) i {
    color: #32a46f;
    font-size: 18px;
}

:is(.ui-checkout-submit-button,.fnd-checkout-submit-button) {
    width:100%;
    min-height: 62px;
    padding: 0 20px;
    border: 0;
    border-radius: 18px;
    display:grid;
    grid-template-columns: 1fr auto auto;
    align-items:center;
    gap: 14px;
    background: #6d28d9;
    color: #fff;
    cursor:pointer;
    box-shadow: 0 18px 40px rgba(109,40,217,.24);
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

:is(.ui-checkout-submit-button,.fnd-checkout-submit-button):hover {
    transform: translateY(-2px);
    background: #0c68e8;
    box-shadow: 0 22px 46px rgba(109,40,217,.28);
}

:is(.ui-checkout-submit-button,.fnd-checkout-submit-button) span {
    text-align: left;
    font-size: 15px;
    font-weight:900;
}

:is(.ui-checkout-submit-button,.fnd-checkout-submit-button) strong {
    font-size: 15px;
}

:is(.ui-checkout-submit-button,.fnd-checkout-submit-button) i {
    font-size: 20px;
}

:is(.ui-checkout-summary-head,.fnd-checkout-summary-head) {
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap: 20px;
    margin-bottom: 22px;
}

:is(.ui-checkout-summary-head,.fnd-checkout-summary-head) :is(.ui-section-label,.fnd-section-label) {
    margin-bottom: 5px;
}

:is(.ui-checkout-summary-head,.fnd-checkout-summary-head) h2 {
    margin: 0;
    color: #101828;
    font-size: 28px;
    font-weight:900;
    letter-spacing: -1px;
}

:is(.ui-checkout-summary-head,.fnd-checkout-summary-head) > a {
    padding-top: 5px;
    color: #6d28d9;
    font-size: 12px;
    font-weight:800;
}

:is(.ui-checkout-order-products,.fnd-checkout-order-products) {
    display:grid;
    gap: 16px;
}

:is(.ui-checkout-order-product,.fnd-checkout-order-product) {
    display:grid;
    grid-template-columns: 58px minmax(0, 1fr) auto;
    align-items:center;
    gap: 12px;
}

:is(.ui-checkout-order-image,.fnd-checkout-order-image) {
    width: 58px;
    height: 58px;
    position:relative;
    border: 1px solid #e2e9f2;
    border-radius: 15px;
    overflow: visible;
    background: #f6f9fd;
}

:is(.ui-checkout-order-image,.fnd-checkout-order-image) img,
:is(.ui-checkout-order-placeholder,.fnd-checkout-order-placeholder) {
    width:100%;
    height: 100%;
    border-radius: 14px;
    object-fit: contain;
}

:is(.ui-checkout-order-placeholder,.fnd-checkout-order-placeholder) {
    display:grid;
    place-items: center;
    color: #9aa8b9;
}

:is(.ui-checkout-order-image,.fnd-checkout-order-image) > span {
    min-width: 22px;
    height: 22px;
    padding: 0 5px;
    position:absolute;
    top: -7px;
    right: -7px;
    border-radius: 20px;
    display:grid;
    place-items: center;
    background: #101828;
    color: #fff;
    font-size: 10px;
    font-weight:900;
}

:is(.ui-checkout-order-copy,.fnd-checkout-order-copy) {
    min-width: 0;
}

:is(.ui-checkout-order-copy,.fnd-checkout-order-copy) strong,
:is(.ui-checkout-order-copy,.fnd-checkout-order-copy) small {
    display:block;
}

:is(.ui-checkout-order-copy,.fnd-checkout-order-copy) strong {
    overflow:hidden;
    color: #182230;
    font-size: 13px;
    font-weight:900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

:is(.ui-checkout-order-copy,.fnd-checkout-order-copy) small {
    margin-top: 4px;
    color: #8995a6;
    font-size: 11px;
}

:is(.ui-checkout-order-price,.fnd-checkout-order-price) {
    color: #101828;
    font-size: 13px;
    white-space: nowrap;
}

:is(.ui-checkout-summary-lines,.fnd-checkout-summary-lines) {
    margin-top: 24px;
    padding: 20px 0;
    border-top: 1px solid #edf1f6;
    border-bottom: 1px solid #edf1f6;
    display:grid;
    gap: 12px;
}

:is(.ui-checkout-summary-lines,.fnd-checkout-summary-lines) > div,
:is(.ui-checkout-summary-total,.fnd-checkout-summary-total) {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap: 16px;
}

:is(.ui-checkout-summary-lines,.fnd-checkout-summary-lines) span {
    color: #7b8798;
    font-size: 13px;
}

:is(.ui-checkout-summary-lines,.fnd-checkout-summary-lines) strong {
    color: #344054;
    font-size: 13px;
}

:is(.ui-checkout-summary-total,.fnd-checkout-summary-total) {
    padding: 22px 0 4px;
}

:is(.ui-checkout-summary-total,.fnd-checkout-summary-total) span {
    color: #344054;
    font-size: 14px;
    font-weight:800;
}

:is(.ui-checkout-summary-total,.fnd-checkout-summary-total) strong {
    color: #6d28d9;
    font-size: 27px;
    font-weight:900;
    letter-spacing: -1px;
}

:is(.ui-checkout-summary-trust,.fnd-checkout-summary-trust) {
    margin-top: 22px;
    padding-top: 20px;
    border-top: 1px solid #edf1f6;
    display:grid;
    gap: 10px;
}

:is(.ui-checkout-summary-trust,.fnd-checkout-summary-trust) > div {
    display:flex;
    align-items:center;
    gap: 8px;
    color: #718096;
    font-size: 12px;
}

:is(.ui-checkout-summary-trust,.fnd-checkout-summary-trust) i {
    color: #6d28d9;
    font-size: 18px;
}

@media (max-width: 980px) {
    :is(.ui-checkout-modern-layout,.fnd-checkout-modern-layout) {
        grid-template-columns: 1fr;
    }

    :is(.ui-checkout-summary-card,.fnd-checkout-summary-card) {
        position: static;
        order: -1;
    }

    :is(.ui-checkout-hero-inner,.fnd-checkout-hero-inner) {
        align-items:flex-start;
        flex-direction:column;
    }
}

@media (max-width: 700px) {
    :is(.ui-checkout-hero,.fnd-checkout-hero) {
        padding: 104px 0 28px;
    }

    :is(.ui-checkout-hero,.fnd-checkout-hero) h1 {
        font-size: 42px;
        letter-spacing: -2px;
    }

    :is(.ui-checkout-hero,.fnd-checkout-hero) p {
        font-size: 15px;
    }

    :is(.ui-checkout-steps,.fnd-checkout-steps) {
        width:100%;
    }

    :is(.ui-checkout-step,.fnd-checkout-step) {
        min-width: 0;
        flex: 1;
        padding: 10px 7px;
    }

    :is(.ui-checkout-section,.fnd-checkout-section) {
        padding: 28px 0 58px;
    }

    :is(.ui-checkout-form-card,.fnd-checkout-form-card),
    :is(.ui-checkout-summary-card,.fnd-checkout-summary-card) {
        border-radius: 22px;
    }

    :is(.ui-checkout-form-card,.fnd-checkout-form-card) {
        padding: 22px 18px;
    }

    :is(.ui-checkout-summary-card,.fnd-checkout-summary-card) {
        padding: 22px 18px;
    }

    :is(.ui-checkout-fields,.fnd-checkout-fields),
    :is(.ui-checkout-payment-grid,.fnd-checkout-payment-grid) {
        grid-template-columns: 1fr;
    }

    :is(.ui-checkout-field,.fnd-checkout-field).full {
        grid-column: auto;
    }

    :is(.ui-checkout-card-heading,.fnd-checkout-card-heading) h2 {
        font-size: 22px;
    }

    :is(.ui-checkout-submit-button,.fnd-checkout-submit-button) {
        grid-template-columns: 1fr auto;
    }

    :is(.ui-checkout-submit-button,.fnd-checkout-submit-button) i {
        display:none;
    }

    :is(.ui-checkout-order-product,.fnd-checkout-order-product) {
        grid-template-columns: 52px minmax(0, 1fr) auto;
    }

    :is(.ui-checkout-order-image,.fnd-checkout-order-image) {
        width: 52px;
        height: 52px;
    }
}


/* =========================================================
   CHECKOUT PAYMENT SECTION V5.5.1
   ========================================================= */

:is(.ui-checkout-payment-section,.fnd-checkout-payment-section) {
    padding: 4px 0 0;
}

:is(.ui-checkout-payment-section-head,.fnd-checkout-payment-section-head) {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap: 20px;
    margin-bottom: 10px;
}

:is(.ui-checkout-payment-eyebrow,.fnd-checkout-payment-eyebrow) {
    display:block;
    margin-bottom: 5px;
    color: #6d28d9;
    font-size: 11px;
    font-weight:900;
    letter-spacing: 1.6px;
}

:is(.ui-checkout-payment-section-head,.fnd-checkout-payment-section-head) h2 {
    margin: 0;
    color: #101828;
    font-size: 25px;
    line-height: 1.15;
    font-weight:900;
    letter-spacing: -1px;
}

:is(.ui-checkout-payment-badge,.fnd-checkout-payment-badge) {
    min-height: 38px;
    padding: 0 13px;
    border: 1px solid #dce9f8;
    border-radius: 999px;
    display:inline-flex;
    align-items:center;
    gap: 7px;
    flex: 0 0 auto;
    background: #f6faff;
    color: #6d28d9;
    font-size: 11px;
    font-weight:800;
}

:is(.ui-checkout-payment-badge,.fnd-checkout-payment-badge) i {
    font-size: 17px;
}

:is(.ui-checkout-payment-description,.fnd-checkout-payment-description) {
    max-width: 620px;
    margin: 0 0 20px;
    color: #7a8698;
    font-size: 13px;
    line-height: 1.65;
}

@media (max-width: 700px) {
    :is(.ui-checkout-payment-section-head,.fnd-checkout-payment-section-head) {
        align-items:flex-start;
        flex-direction:column;
        gap: 10px;
    }

    :is(.ui-checkout-payment-badge,.fnd-checkout-payment-badge) {
        min-height: 34px;
    }

    :is(.ui-checkout-payment-section-head,.fnd-checkout-payment-section-head) h2 {
        font-size: 22px;
    }
}


/* =========================================================
   HOME SEO CONTENT
   ========================================================= */

:is(.ui-home-seo-section,.fnd-home-seo-section) {
    padding-top: 28px;
    padding-bottom: 84px;
    background: #fff;
}

:is(.ui-home-seo-shell,.fnd-home-seo-shell) {
    max-width: 1040px;
    margin: 0 auto;
    padding: 38px 42px;
    border: 1px solid #e9eef5;
    border-radius: 24px;
    background: #fbfdff;
}

:is(.ui-home-seo-heading,.fnd-home-seo-heading) {
    padding-bottom: 22px;
    margin-bottom: 26px;
    border-bottom: 1px solid #e8eef6;
}

:is(.ui-home-seo-heading,.fnd-home-seo-heading) :is(.ui-section-title,.fnd-section-title) {
    margin: 0;
    font-size: clamp(28px, 4vw, 42px);
    line-height: 1.08;
    letter-spacing: -1.8px;
}

:is(.ui-home-seo-content,.fnd-home-seo-content) {
    color: #526071;
    font-size: 15px;
    line-height: 1.9;
}

:is(.ui-home-seo-content,.fnd-home-seo-content) h2,
:is(.ui-home-seo-content,.fnd-home-seo-content) h3,
:is(.ui-home-seo-content,.fnd-home-seo-content) h4 {
    color: #101828;
    font-weight:900;
    line-height: 1.25;
    letter-spacing: -.5px;
}

:is(.ui-home-seo-content,.fnd-home-seo-content) h2 {
    margin: 36px 0 14px;
    font-size: 25px;
}

:is(.ui-home-seo-content,.fnd-home-seo-content) h3 {
    margin: 30px 0 12px;
    font-size: 20px;
}

:is(.ui-home-seo-content,.fnd-home-seo-content) h4 {
    margin: 24px 0 10px;
    font-size: 17px;
}

:is(.ui-home-seo-content,.fnd-home-seo-content) h2:first-child,
:is(.ui-home-seo-content,.fnd-home-seo-content) h3:first-child,
:is(.ui-home-seo-content,.fnd-home-seo-content) h4:first-child {
    margin-top: 0;
}

:is(.ui-home-seo-content,.fnd-home-seo-content) p {
    margin: 0 0 18px;
}

:is(.ui-home-seo-content,.fnd-home-seo-content) ul,
:is(.ui-home-seo-content,.fnd-home-seo-content) ol {
    margin: 12px 0 22px 22px;
}

:is(.ui-home-seo-content,.fnd-home-seo-content) li {
    margin-bottom: 8px;
}

:is(.ui-home-seo-content,.fnd-home-seo-content) strong {
    color: #263445;
    font-weight:800;
}

:is(.ui-home-seo-content,.fnd-home-seo-content) a {
    color: #6d28d9;
    font-weight:700;
    text-decoration: underline;
    text-underline-offset: 3px;
}

:is(.ui-home-seo-content,.fnd-home-seo-content) blockquote {
    margin: 24px 0;
    padding: 16px 20px;
    border-left: 4px solid #6d28d9;
    border-radius: 0 14px 14px 0;
    background: #f2f7ff;
    color: #344054;
}

@media (max-width: 700px) {
    :is(.ui-home-seo-section,.fnd-home-seo-section) {
        padding-top: 12px;
        padding-bottom: 54px;
    }

    :is(.ui-home-seo-shell,.fnd-home-seo-shell) {
        padding: 26px 20px;
        border-radius: 18px;
    }

    :is(.ui-home-seo-heading,.fnd-home-seo-heading) {
        padding-bottom: 18px;
        margin-bottom: 22px;
    }

    :is(.ui-home-seo-content,.fnd-home-seo-content) {
        font-size: 14px;
        line-height: 1.82;
    }

    :is(.ui-home-seo-content,.fnd-home-seo-content) h2 {
        font-size: 22px;
    }

    :is(.ui-home-seo-content,.fnd-home-seo-content) h3 {
        font-size: 18px;
    }
}




/* =========================================================
   PRODUCT IMAGE FIX — SQUARE SOURCE IMAGES
   ========================================================= */

@media (max-width: 700px) {
    .store-product-media {
        height: 330px !important;
        padding: 24px !important;
    }

    .store-product-media img {
        width: 88% !important;
        height: 88% !important;
        border-radius: 22px !important;
    }

    :is(.ui-detail-media-box,.fnd-detail-media-box) {
        min-height: 410px !important;
        padding: 30px !important;
    }

    :is(.ui-detail-media-box,.fnd-detail-media-box) img {
        max-width: 90% !important;
        max-height: 350px !important;
        border-radius: 24px !important;
    }
}
@media (max-width: 700px) {
    :is(.ui-store-product-grid,.fnd-store-product-grid) {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }

    :is(.ui-store-product-card,.fnd-store-product-card) {
        border-radius: 18px !important;
    }

    .store-product-media {
        height: 190px !important;
        min-height: 190px !important;
        padding: 14px !important;
    }

    .store-product-media img {
        max-width: 100% !important;
        max-height: 160px !important;
    }

    :is(.ui-store-product-body,.fnd-store-product-body) {
        padding: 16px !important;
    }

    :is(.ui-store-product-body,.fnd-store-product-body) h3 {
        font-size: 16px !important;
        line-height: 1.3 !important;
    }

    :is(.ui-store-product-body,.fnd-store-product-body) p {
        font-size: 12px !important;
        line-height: 1.5 !important;
    }

    :is(.ui-price-main,.fnd-price-main) {
        font-size: 18px !important;
    }

    :is(.ui-product-actions,.fnd-product-actions) {
        gap: 7px !important;
    }

    :is(.ui-product-actions,.fnd-product-actions) :is(.btn,.button) {
        padding: 0 10px !important;
        font-size: 11px !important;
    }
}

:is(.ui-product-image-box,.fnd-product-image-box) {
    width:100%;
    aspect-ratio: 1 / 1;
    padding: 14px;
    background: #ffffff;
    border: 1px solid #dce7f3;
    border-radius: 24px;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:
        0 8px 25px rgba(15, 23, 42, .06),
        inset 0 0 0 1px rgba(255,255,255,.8);
    transition: .25s ease;
}

:is(.ui-product-image-box,.fnd-product-image-box) img {
    width:100%;
    height: 100%;
    object-fit: contain;
    border-radius: 16px;
    display:block;
}

:is(.ui-product-image-box,.fnd-product-image-box):hover {
    border-color: #b7d4f5;
    box-shadow:
        0 14px 35px rgba(15, 23, 42, .10),
        0 0 0 4px rgba(109,40,217,.05);
    transform: translateY(-3px);
}

@media (max-width: 700px) {
    :is(.ui-product-image-box,.fnd-product-image-box) {
        padding: 8px;
        border-radius: 16px;
    }

    :is(.ui-product-image-box,.fnd-product-image-box) img {
        border-radius: 11px;
    }
}

/* MASAÜSTÜ - 4 ÜRÜN */
:is(.ui-store-product-grid,.fnd-store-product-grid) {
    display:grid;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 20px;
}

/* TABLET - 3 ÜRÜN */
@media (max-width: 1100px) {
    :is(.ui-store-product-grid,.fnd-store-product-grid) {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 16px;
    }
}

/* MOBİL - 2 ÜRÜN */
@media (max-width: 700px) {
    :is(.ui-store-product-grid,.fnd-store-product-grid) {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }
}

.nav-actions {
    display:flex;
    align-items:center;
    gap: 8px;
}

.nav-static-link {
    display:inline-flex;
    align-items:center;
    height: 42px;
    padding: 0 13px;
    color: #344054;
    font-size: 14px;
    font-weight: 600;
    border-radius: 10px;
    transition: .2s ease;
}

.nav-static-link:hover {
    color: #6d28d9;
    background: #f1f7ff;
}
.cart-link {
    display:inline-flex;
    align-items:center;
    gap: 9px;

    height: 44px;
    padding: 0 10px 0 15px;

    background: #ffffff !important;
    color: #6d28d9 !important;

    border: 1px solid rgba(109,40,217, .15);
    border-radius: 14px;

    box-shadow: 0 7px 20px rgba(15, 23, 42, .08);

    text-decoration:none;
    transition: all .25s ease;
}

.cart-link:hover {
    background: #faf7ff !important;
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(15, 23, 42, .12);
}

.cart-icon {
    font-size: 18px;
    line-height: 1;
}

.cart-text {
    color: #101828 !important;
    font-size: 14px;
    font-weight:700;
}

.cart-badge {
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-width: 25px;
    height: 25px;
    padding: 0 7px;

    background: #6d28d9 !important;
    color: #ffffff !important;

    border-radius: 8px;

    font-size: 12px;
    font-weight:800;
    line-height: 1;

    box-shadow: 0 4px 10px rgba(109,40,217, .25);
}

/* Mobilde statik header linklerini gizle */
@media (max-width: 700px) {
    .nav-static-link {
        display: none !important;
    }
}
@media (max-width: 992px) {

    .category-drawer {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;

        height: 100dvh !important;
        max-height: 100dvh !important;

        overflow-y: auto !important;
        overflow-x: hidden !important;

        -webkit-overflow-scrolling: touch;
        overscroll-behavior-y: contain;

        padding-bottom: 50px !important;
    }

    .drawer-top {
        position: sticky !important;
        top: 0 !important;
        z-index: 20;

        background: #fff;
    }

}

.category-drawer::-webkit-scrollbar {
    width: 4px;
}

.category-drawer::-webkit-scrollbar-track {
    background: transparent;
}

.category-drawer::-webkit-scrollbar-thumb {
    background: rgba(109,40,217, .32);
    border-radius: 999px;
}

.category-drawer::-webkit-scrollbar-thumb:hover {
    background: rgba(109,40,217, .65);
}


/* ==========================================
   MOBILE DRAWER TABS
========================================== */

.drawer-tabs {
    display:grid;
    grid-template-columns: 1fr 1fr;

    gap: 5px;

    margin: 14px 18px 18px;
    padding: 5px;

    background: #f2f6fb;

    border: 1px solid #e5edf6;
    border-radius: 15px;
}

.drawer-tab {
    appearance: none;
    border: 0;

    height: 44px;

    display:flex;
    align-items:center;
    justify-content:center;

    background: transparent;

    color: #667085;

    border-radius: 11px;

    font-size: 13px;
    font-weight:700;

    cursor:pointer;

    transition:
        background .22s ease,
        color .22s ease,
        box-shadow .22s ease,
        transform .22s ease;
}

.drawer-tab.active {
    background: #ffffff;
    color: #6d28d9;

    box-shadow:
        0 4px 14px rgba(15, 23, 42, .08),
        0 1px 2px rgba(15, 23, 42, .04);
}

.drawer-tab:active {
    transform: scale(.98);
}


/* TAB İÇERİKLERİ */

.drawer-tab-panel {
    display:none;
    animation: drawerTabFade .22s ease;
}

.drawer-tab-panel.active {
    display:block;
}

@keyframes drawerTabFade {

    from {
        opacity: 0;
        transform: translateY(5px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }

}


/* MENÜ OKLARI */

.drawer-arrow {
    color: #98a2b3;
    transition: .2s ease;
}

.drawer-list a:hover .drawer-arrow {
    color: #6d28d9;
    transform: translateX(3px);
}


/* SEPET SAYISI */

.drawer-cart-count {
    min-width: 25px;
    height: 25px;

    padding: 0 7px;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    background: #f1eafa;
    color: #6d28d9;

    border-radius: 8px;

    font-size: 12px;
    font-weight:800;
}

 /* Hero görseli kaldırıldığı için alanı kompaktlaştır */
        :is(.ui-hero,.fnd-hero) {
            min-height: auto !important;
            padding-bottom: 70px !important;
        }

        :is(.ui-hero,.fnd-hero) :is(.ui-grid-row,.fnd-row) {
            margin-bottom: 0 !important;
        }

        :is(.ui-hero-content,.fnd-hero-content) {
            max-width: 860px;
            padding-bottom: 20px;
        }

        /* Mobil hamburger menü: çok kategori olduğunda kaydırılabilir */
        .sidenav {
            height: 100vh !important;
            max-height: 100vh !important;
            overflow-y: auto !important;
            overflow-x: hidden !important;
            -webkit-overflow-scrolling: touch;
            overscroll-behavior: contain;
            padding-bottom: 40px !important;
        }

        @media (max-width: 992px) {
            :is(.ui-hero,.fnd-hero) {
                padding-bottom: 45px !important;
            }

            :is(.ui-hero-content,.fnd-hero-content) {
                width: 100% !important;
                max-width: 100% !important;
            }
        }

/* Kategori ürün butonları düzeltme */
:is(.ui-product-actions,.fnd-product-actions) {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
}

:is(.ui-product-actions,.fnd-product-actions) > a,
:is(.ui-product-actions,.fnd-product-actions) > form {
    width: 100% !important;
    grid-column: 1 / -1 !important;
}

:is(.ui-product-actions,.fnd-product-actions) :is(.btn,.button),
:is(.ui-product-actions,.fnd-product-actions) button {
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 20px !important;
    white-space: nowrap !important;
    text-align: center !important;
    overflow: visible !important;
}

/* BLOG İÇİNDEKİLER */

:is(.ui-article-toc,.fnd-article-toc) {
    max-width: 820px;
    margin: 0 auto 28px;
    background: #fff;
    border: 1px solid #e5edf6;
    border-radius: 20px;
    box-shadow: 0 10px 35px rgba(15, 23, 42, .06);
    overflow:hidden;
}

:is(.ui-toc-head,.fnd-toc-head) {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap: 20px;
    padding: 20px 22px;
    background: linear-gradient(135deg, #f8fbff, #fff);
    border-bottom: 1px solid #edf2f7;
}

:is(.ui-toc-head,.fnd-toc-head) > div {
    display:flex;
    flex-direction:column;
    gap: 3px;
}

:is(.ui-toc-label,.fnd-toc-label) {
    color: #6d28d9;
    font-size: 10px;
    font-weight:800;
    letter-spacing: 1.5px;
}

:is(.ui-toc-head,.fnd-toc-head) strong {
    color: #101828;
    font-size: 18px;
    font-weight:800;
}

:is(.ui-toc-toggle,.fnd-toc-toggle) {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;

    display:flex;
    align-items:center;
    justify-content:center;

    border: 1px solid #dce8f5;
    border-radius: 11px;

    background: #fff;
    color: #6d28d9;

    font-size: 22px;
    font-weight: 500;

    cursor:pointer;
    transition: .2s ease;
}

:is(.ui-toc-toggle,.fnd-toc-toggle):hover {
    background: #f1eafa;
    border-color: #bfd9f7;
}

:is(.ui-toc-content,.fnd-toc-content) {
    padding: 15px 22px 19px;
}

:is(.ui-toc-content,.fnd-toc-content) ol {
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: toc;
}

:is(.ui-toc-content,.fnd-toc-content) li {
    counter-increment: toc;
    position:relative;
    margin: 0;
    border-bottom: 1px solid #f0f3f7;
}

:is(.ui-toc-content,.fnd-toc-content) li:last-child {
    border-bottom: 0;
}

:is(.ui-toc-content,.fnd-toc-content) li > a {
    display:flex;
    align-items:center;
    gap: 10px;

    padding: 11px 4px;

    color: #344054;
    font-size: 14px;
    font-weight: 600;

    text-decoration:none;
    transition: .2s ease;
}

:is(.ui-toc-content,.fnd-toc-content) li > a::before {
    content: counter(toc, decimal-leading-zero);

    min-width: 26px;

    color: #6d28d9;
    font-size: 10px;
    font-weight:800;
}

:is(.ui-toc-content,.fnd-toc-content) li > a:hover {
    color: #6d28d9;
    padding-left: 8px;
}

/* H3 alt başlık */

:is(.ui-toc-content,.fnd-toc-content) .toc-sub > a {
    padding-left: 28px;
    color: #667085;
    font-size: 13px;
}

:is(.ui-toc-content,.fnd-toc-content) .toc-sub > a::before {
    opacity: .55;
}

/* TOC hedef başlık scroll */

:is(.ui-rich-content,.fnd-rich-content) h2[id],
:is(.ui-rich-content,.fnd-rich-content) h3[id] {
    scroll-margin-top: 110px;
}

html {
    scroll-behavior: smooth;
}

/* Kapalı */

:is(.ui-article-toc,.fnd-article-toc).collapsed :is(.ui-toc-content,.fnd-toc-content) {
    display:none;
}

:is(.ui-article-toc,.fnd-article-toc).collapsed :is(.ui-toc-head,.fnd-toc-head) {
    border-bottom: 0;
}

/* MOBİL */

@media (max-width: 700px) {

    :is(.ui-article-toc,.fnd-article-toc) {
        margin-bottom: 20px;
        border-radius: 16px;
    }

    :is(.ui-toc-head,.fnd-toc-head) {
        padding: 16px;
    }

    :is(.ui-toc-head,.fnd-toc-head) strong {
        font-size: 16px;
    }

    :is(.ui-toc-content,.fnd-toc-content) {
        padding: 10px 16px 14px;
    }

    :is(.ui-toc-content,.fnd-toc-content) li > a {
        font-size: 13px;
        padding: 10px 2px;
    }

    :is(.ui-toc-content,.fnd-toc-content) .toc-sub > a {
        padding-left: 20px;
    }
}

:is(.ui-category-description-scroll,.fnd-category-description-scroll) {
    max-height: 250px;
    overflow-y:auto;
    overflow-x:hidden;
    padding-right: 15px;
    line-height: 1.7;
}

:is(.ui-category-description-scroll,.fnd-category-description-scroll)::-webkit-scrollbar {
    width: 6px;
}

:is(.ui-category-description-scroll,.fnd-category-description-scroll)::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

:is(.ui-category-description-scroll,.fnd-category-description-scroll)::-webkit-scrollbar-thumb {
    background: #6d28d9;
    border-radius: 10px;
}

:is(.ui-category-description-scroll,.fnd-category-description-scroll)::-webkit-scrollbar-thumb:hover {
    background: #0d5fd1;
}

/* Product package selector */
:is(.ui-package-selector,.fnd-package-selector) {
    margin: 22px 0 20px;
    padding: 16px;
    border: 1px solid #e2ebf5;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 10px 34px rgba(23, 32, 51, .045);
    width:100%;
    box-sizing:border-box;
    overflow:hidden;
}

:is(.ui-package-selector-head,.fnd-package-selector-head) {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap: 12px;
    margin-bottom: 12px;
}

:is(.ui-package-selector-head,.fnd-package-selector-head) strong {
    font-size: 17px;
    line-height: 1.2;
    color: #172033;
    font-weight:900;
}

:is(.ui-package-selector-head,.fnd-package-selector-head) span {
    font-size: 12px;
    line-height: 1.3;
    color: #8a96a8;
}

:is(.ui-package-options,.fnd-package-options) {
    display:grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    width:100%;
}

.package-option {
    position:relative;
    display: block !important;
    width: 100% !important;
    min-width: 0;
    margin: 0 !important;
    cursor:pointer;
    box-sizing:border-box;
}

.package-option input {
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none;
}

.package-option input + :is(.ui-package-option-card,.fnd-package-option-card)::before,
.package-option input + :is(.ui-package-option-card,.fnd-package-option-card)::after {
    display: none !important;
    content: none !important;
}

:is(.ui-package-option-card,.fnd-package-option-card) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items:center;
    gap: 12px;
    width: 100% !important;
    min-width: 0;
    min-height: 82px;
    padding: 13px 14px;
    box-sizing:border-box;
    border: 1.5px solid #e3e9f1;
    border-radius: 15px;
    background: #fff;
    transition: border-color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s ease;
    overflow:hidden;
}

:is(.ui-package-option-left,.fnd-package-option-left),
:is(.ui-package-option-right,.fnd-package-option-right) {
    min-width: 0;
    display:flex;
    flex-direction:column;
}

:is(.ui-package-option-left,.fnd-package-option-left) {
    align-items:flex-start;
    gap: 5px;
}

:is(.ui-package-option-right,.fnd-package-option-right) {
    align-items: flex-end;
    gap: 5px;
    text-align: right;
}

:is(.ui-package-box-count,.fnd-package-box-count) {
    display:inline-flex;
    align-items:center;
    min-height: 27px;
    padding: 0 10px;
    border-radius: 999px;
    background: #f1f5f9;
    color: #344054;
    font-size: 12px;
    line-height: 1;
    font-weight:900;
    white-space: nowrap;
}

:is(.ui-package-unit-price,.fnd-package-unit-price) {
    color: #8a96a8;
    font-size: 10px;
    line-height: 1.25;
    font-weight:700;
    white-space: nowrap;
}

:is(.ui-package-option-card,.fnd-package-option-card) strong {
    display:block;
    color: #172033;
    font-size: 17px;
    line-height: 1.1;
    font-weight:900;
    white-space: nowrap;
}

:is(.ui-package-saving,.fnd-package-saving),
:is(.ui-package-standard,.fnd-package-standard) {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    max-width: 100%;
    min-height: 21px;
    padding: 0 7px;
    border-radius: 999px;
    box-sizing:border-box;
    font-size: 9px;
    line-height: 1;
    font-weight:800;
    white-space: nowrap;
}

:is(.ui-package-saving,.fnd-package-saving) {
    background: #eaf7ef;
    color: #16834b;
}

:is(.ui-package-standard,.fnd-package-standard) {
    background: #f5f7fa;
    color: #7a8799;
}

.package-option:hover :is(.ui-package-option-card,.fnd-package-option-card) {
    border-color: #bfd9fb;
    transform: translateY(-1px);
}

.package-option input:checked + :is(.ui-package-option-card,.fnd-package-option-card) {
    border-color: #6d28d9;
    background: #faf7ff;
    box-shadow: 0 8px 22px rgba(109,40,217,.10);
}

.package-option input:checked + :is(.ui-package-option-card,.fnd-package-option-card) :is(.ui-package-box-count,.fnd-package-box-count) {
    background: #6d28d9;
    color: #fff;
}

.package-option.disabled {
    cursor: not-allowed;
    opacity: .42;
}

.package-option.disabled :is(.ui-package-option-card,.fnd-package-option-card) {
    background: #f7f8fa;
    box-shadow: none;
    transform: none;
}

/* Ürün detay kolonunda kartların gereksiz daralmasını engeller */
:is(.ui-detail-info-box,.fnd-detail-info-box) :is(.ui-package-selector,.fnd-package-selector),
:is(.ui-detail-info-box,.fnd-detail-info-box) :is(.ui-package-options,.fnd-package-options),
:is(.ui-detail-info-box,.fnd-detail-info-box) .package-option,
:is(.ui-detail-info-box,.fnd-detail-info-box) :is(.ui-package-option-card,.fnd-package-option-card) {
    max-width: none !important;
}

@media (max-width: 1180px) {
    :is(.ui-package-options,.fnd-package-options) {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 992px) {
    :is(.ui-package-options,.fnd-package-options) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    :is(.ui-package-selector,.fnd-package-selector) {
        padding: 13px;
        border-radius: 17px;
    }

    :is(.ui-package-selector-head,.fnd-package-selector-head) {
        align-items:flex-start;
        flex-direction:column;
        gap: 3px;
    }

    :is(.ui-package-options,.fnd-package-options) {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    :is(.ui-package-option-card,.fnd-package-option-card) {
        min-height: 76px;
        padding: 12px 13px;
    }

    :is(.ui-package-option-card,.fnd-package-option-card) strong {
        font-size: 16px;
    }
}

@media (max-width: 390px) {
    :is(.ui-package-option-card,.fnd-package-option-card) {
        gap: 8px;
        padding: 11px;
    }

    :is(.ui-package-unit-price,.fnd-package-unit-price) {
        font-size: 9px;
    }

    :is(.ui-package-option-card,.fnd-package-option-card) strong {
        font-size: 15px;
    }

    :is(.ui-package-saving,.fnd-package-saving),
    :is(.ui-package-standard,.fnd-package-standard) {
        font-size: 8px;
        padding: 0 6px;
    }
}

/* =========================================================
   ÜRÜN ARAMA
   ========================================================= */
.header-search {
    width: 258px;
    height: 42px;
    margin: 0;
    padding: 4px 4px 4px 13px;
    flex: 0 0 258px;
    display:flex;
    align-items:center;
    gap: 9px;
    border: 1px solid #e3e8ef;
    border-radius: 999px;
    background: #fff;
    box-shadow: 0 4px 16px rgba(16, 24, 40, .045);
    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.header-search:focus-within {
    border-color: rgba(109,40,217, .42);
    box-shadow: 0 0 0 4px rgba(109,40,217, .07), 0 6px 18px rgba(16, 24, 40, .06);
}

.header-search-icon {
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color: #8491a5;
    line-height: 1;
}

.header-search input[type="search"] {
    appearance: none;
    -webkit-appearance: none;
    box-sizing: border-box !important;
    flex: 1 1 auto;
    min-width: 0;
    width: auto !important;
    height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-bottom: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    color: #172033 !important;
    box-shadow: none !important;
    font-size: 13px !important;
    font-weight: 600;
    line-height: 32px !important;
}

.header-search input[type="search"]:focus {
    border: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
}

.header-search input[type="search"]::-webkit-search-cancel-button {
    display:none;
}

.header-search input[type="search"]::placeholder {
    color: #98a2b3;
    font-weight: 500;
}

.header-search button {
    flex: 0 0 auto;
    height: 32px;
    min-width: 55px;
    padding: 0 15px;
    border: 0;
    border-radius: 999px;
    background: #6d28d9;
    color: #fff;
    font-size: 12px;
    font-weight:800;
    line-height: 32px;
    letter-spacing: 0;
    text-transform: none;
    box-shadow: none;
    cursor:pointer;
    transition: background .2s ease, transform .2s ease;
}

.header-search button:hover {
    background: #0868e8;
}

.header-search button:active {
    transform: scale(.97);
}

.drawer-search {
    display:flex;
    gap: 8px;
    padding: 14px 18px 6px;
    margin: 0;
}

.drawer-search input[type="search"] {
    box-sizing: border-box !important;
    min-width: 0;
    height: 46px !important;
    margin: 0 !important;
    padding: 0 14px !important;
    border: 1px solid #e4e7ec !important;
    border-radius: 13px !important;
    background: #f8fafc !important;
    box-shadow: none !important;
}

.drawer-search input[type="search"]:focus {
    border-color: #6d28d9 !important;
    box-shadow: 0 0 0 3px rgba(109,40,217, .08) !important;
}

.drawer-search button {
    flex: 0 0 auto;
    height: 46px;
    padding: 0 17px;
    border: 0;
    border-radius: 13px;
    background: #6d28d9;
    color: #fff;
    font-weight:800;
    cursor:pointer;
}

:is(.ui-search-page-top,.fnd-search-page-top) {
    padding-bottom: 38px;
}

:is(.ui-search-page-form,.fnd-search-page-form) {
    display:flex;
    align-items:center;
    gap: 10px;
    width: min(720px, 100%);
    margin: 26px 0 0;
    padding: 8px;
    border: 1px solid #e4e7ec;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 12px 35px rgba(15, 23, 42, .07);
}

:is(.ui-search-page-form,.fnd-search-page-form) input[type="search"] {
    box-sizing: border-box !important;
    min-width: 0;
    height: 48px !important;
    margin: 0 !important;
    padding: 0 14px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #101828;
    font-size: 16px !important;
}

:is(.ui-search-page-form,.fnd-search-page-form) button {
    flex: 0 0 auto;
    height: 48px;
    border-radius: 12px;
    padding: 0 27px;
}

:is(.ui-search-help,.fnd-search-help) {
    margin: 14px 0 0;
    color: #667085;
}

:is(.ui-search-results-section,.fnd-search-results-section) {
    padding-top: 34px;
}

:is(.ui-search-empty-box,.fnd-search-empty-box) {
    text-align:center;
    padding: 55px 24px;
}

:is(.ui-search-empty-icon,.fnd-search-empty-icon) {
    display:grid;
    place-items: center;
    width: 62px;
    height: 62px;
    margin: 0 auto 15px;
    border-radius: 18px;
    background: #f1eafa;
    color: #6d28d9;
    font-size: 32px;
    font-weight:800;
}

@media (max-width: 1100px) {
    .header-search {
        display:none;
    }
}

@media (min-width: 1101px) {
    .drawer-search {
        display:none;
    }
}

@media (max-width: 600px) {
    :is(.ui-search-page-form,.fnd-search-page-form) {
        gap: 6px;
        padding: 6px;
        border-radius: 15px;
    }

    :is(.ui-search-page-form,.fnd-search-page-form) input[type="search"] {
        height: 44px !important;
        font-size: 15px !important;
        padding-left: 10px !important;
    }

    :is(.ui-search-page-form,.fnd-search-page-form) button {
        height: 44px;
        padding: 0 18px;
    }
}

/* =========================================================
   HEADER SEARCH MODAL V3
   ========================================================= */
.nav-search-trigger {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap: 8px;
    height: 42px;
    margin: 0;
    padding: 0 16px;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: #fff;
    color: var(--text);
    font: inherit;
    font-size: 14px;
    font-weight:800;
    line-height: 1;
    cursor:pointer;
    box-shadow: none;
    transition: border-color .2s ease, color .2s ease, background .2s ease, transform .2s ease;
}

.nav-search-trigger:hover {
    color: #6d28d9;
    border-color: #cfe3ff;
    background: #f6faff;
}

.nav-search-trigger:active { transform: translateY(1px); }
.nav-search-icon { width:18px; height:18px; display:inline-flex; align-items:center; justify-content:center; }
.nav-search-icon svg { display:block; }

/* Eski header arama kutusunu yeni popup sisteminde kullanma */
.header-search { display:none !important; }

.product-search-modal {
    position:fixed;
    inset: 0;
    z-index: 2500;
    display:flex;
    align-items:flex-start;
    justify-content:center;
    padding: 105px 20px 30px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .22s ease, visibility .22s ease;
}

.product-search-modal.open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.product-search-backdrop {
    position:absolute;
    inset: 0;
    background: rgba(6, 19, 38, .48);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.product-search-dialog {
    position:relative;
    z-index: 1;
    width: min(680px, 100%);
    padding: 34px;
    border: 1px solid rgba(255,255,255,.9);
    border-radius: 26px;
    background: rgba(255,255,255,.98);
    box-shadow: 0 30px 90px rgba(6,19,38,.22);
    transform: translateY(-14px) scale(.985);
    transition: transform .24s ease;
}

.product-search-modal.open .product-search-dialog { transform: translateY(0) scale(1); }

.product-search-close {
    position:absolute;
    top: 16px;
    right: 16px;
    width: 38px;
    height: 38px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #f2f6fb;
    color: #475467;
    font-size: 25px;
    line-height: 38px;
    cursor:pointer;
    transition: background .2s ease, color .2s ease;
}
.product-search-close:hover { background:#eaf3ff; color:#6d28d9; }

.product-search-kicker {
    margin-bottom: 8px;
    color: #6d28d9;
    font-size: 10px;
    font-weight:900;
    letter-spacing: 1.8px;
}

.product-search-dialog h2 {
    margin: 0 48px 7px 0;
    color: #101828;
    font-size: clamp(27px, 4vw, 38px);
    line-height: 1.08;
    font-weight:900;
    letter-spacing: -1.2px;
}

.product-search-dialog > p {
    margin: 0 0 22px;
    color: #667085;
    font-size: 14px;
    line-height: 1.6;
}

.product-search-form {
    display:flex;
    align-items:center;
    gap: 10px;
    width:100%;
    margin: 0;
    padding: 7px 7px 7px 16px;
    border: 1px solid #dce5ef;
    border-radius: 17px;
    background: #fff;
    box-shadow: 0 10px 28px rgba(16,24,40,.06);
    transition: border-color .2s ease, box-shadow .2s ease;
}
.product-search-form:focus-within {
    border-color: rgba(109,40,217,.52);
    box-shadow: 0 0 0 4px rgba(109,40,217,.08), 0 12px 30px rgba(16,24,40,.07);
}

.product-search-form-icon {
    flex: 0 0 22px;
    width: 22px;
    height: 22px;
    display:inline-flex;
    color: #7d8ba0;
}

.product-search-form input[type="search"] {
    appearance: none;
    -webkit-appearance: none;
    flex: 1 1 auto;
    min-width: 0;
    width: auto !important;
    height: 46px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-bottom: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #101828 !important;
    font-size: 16px !important;
    font-weight: 650;
}
.product-search-form input[type="search"]:focus { border:0 !important; box-shadow:none !important; }
.product-search-form input[type="search"]::-webkit-search-cancel-button { display:none; }
.product-search-form input[type="search"]::placeholder { color:#98a2b3; font-weight:500; }

.product-search-form button {
    flex: 0 0 auto;
    height: 46px;
    padding: 0 24px;
    border: 0;
    border-radius: 12px;
    background: #6d28d9;
    color: #fff;
    font-size: 13px;
    font-weight:900;
    text-transform: none;
    cursor:pointer;
    box-shadow: 0 8px 20px rgba(109,40,217,.18);
    transition: background .2s ease, transform .2s ease;
}
.product-search-form button:hover { background:#0868e8; }
.product-search-form button:active { transform:scale(.98); }

.product-search-hint {
    margin-top: 12px;
    color: #98a2b3;
    font-size: 11px;
    font-weight: 600;
}

body.search-modal-open { overflow:hidden; }

@media (max-width: 992px) {
    .nav-search-trigger { width:42px; padding:0; border-radius:50%; }
    .nav-search-text { display:none; }
}

@media (max-width: 700px) {
    .nav-search-trigger { height:42px; margin-top:9px; }
    .product-search-modal { align-items:center; padding:20px 14px; }
    .product-search-dialog { padding:27px 20px 22px; border-radius:22px; }
    .product-search-dialog h2 { font-size:28px; }
    .product-search-dialog > p { font-size:13px; margin-bottom:18px; }
    .product-search-form { gap:7px; padding:6px 6px 6px 13px; border-radius:15px; }
    .product-search-form input[type="search"] { height:44px !important; font-size:15px !important; }
    .product-search-form button { height:44px; padding:0 18px; border-radius:11px; }
}

:is(.ui-home-category-row,.fnd-home-category-row) {
    margin: 0 0 70px;
}

:is(.ui-home-category-head,.fnd-home-category-head) {
    display:flex;
    align-items: end;
    justify-content:space-between;
    gap: 20px;
    margin-bottom: 22px;
}

:is(.ui-home-category-title,.fnd-home-category-title) {
    margin: 4px 0 0;
    color: #101828;
    font-size: 30px;
    font-weight:900;
    letter-spacing: -1px;
}

:is(.ui-home-category-all,.fnd-home-category-all) {
    color: #6d28d9;
    font-size: 14px;
    font-weight:800;
    white-space: nowrap;
}

:is(.ui-category-carousel-wrap,.fnd-category-carousel-wrap) {
    position:relative;
}

:is(.ui-category-carousel,.fnd-category-carousel) {
    display:flex;
    gap: 18px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    padding: 4px 2px 18px;
}

:is(.ui-category-carousel,.fnd-category-carousel)::-webkit-scrollbar {
    display:none;
}

:is(.ui-carousel-product-card,.fnd-carousel-product-card) {
    flex: 0 0 calc((100% - 72px) / 5);
    min-width: 0;
    scroll-snap-align: start;
    background: #ffffff;
    border: 1px solid #e6edf5;
    border-radius: 22px;
    overflow:hidden;
    box-shadow: 0 10px 28px rgba(15, 23, 42, .055);
    transition: .25s ease;
}

:is(.ui-carousel-product-card,.fnd-carousel-product-card):hover {
    transform: translateY(-4px);
    border-color: #cfe0f5;
    box-shadow: 0 16px 38px rgba(15, 23, 42, .10);
}

:is(.ui-carousel-product-body,.fnd-carousel-product-body) {
    padding: 16px;
}

:is(.ui-carousel-product-body,.fnd-carousel-product-body) h3 {
    margin: 0 0 10px;
    font-size: 15px;
    font-weight:800;
    line-height: 1.35;
}

:is(.ui-carousel-product-body,.fnd-carousel-product-body) h3 a {
    color: #101828;
}

:is(.ui-carousel-price,.fnd-carousel-price) {
    display:flex;
    align-items:center;
    gap: 8px;
    flex-wrap:wrap;
    margin-bottom: 14px;
}

:is(.ui-carousel-price,.fnd-carousel-price) strong {
    color: #6d28d9;
    font-size: 17px;
}

:is(.ui-carousel-price,.fnd-carousel-price) del {
    color: #98a2b3;
    font-size: 12px;
}

:is(.ui-carousel-card-actions,.fnd-carousel-card-actions) {
    display:grid;
    grid-template-columns: .88fr 1.12fr;
    gap: 9px;
    margin-top: 2px;
}

:is(.ui-carousel-card-actions,.fnd-carousel-card-actions) form {
    margin: 0;
}

:is(.ui-carousel-detail-btn,.fnd-carousel-detail-btn),
:is(.ui-carousel-cart-btn,.fnd-carousel-cart-btn) {
    width:100%;
    min-width: 0;
    height: 42px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap: 7px;
    border-radius: 12px;
    font-size: 12px;
    font-weight:800;
    line-height: 1;
    text-decoration:none;
    cursor:pointer;
    transition: all .22s ease;
}

:is(.ui-carousel-detail-btn,.fnd-carousel-detail-btn) {
    color: #344054;
    background: #f8fafc;
    border: 1px solid #e4ebf3;
}

:is(.ui-carousel-detail-btn,.fnd-carousel-detail-btn):hover {
    color: #6d28d9;
    background: #f1eafa;
    border-color: #cfe3fb;
    transform: translateY(-1px);
    box-shadow: 0 7px 16px rgba(15, 23, 42, .07);
}

:is(.ui-carousel-cart-btn,.fnd-carousel-cart-btn) {
    color: #fff;
    background: linear-gradient(135deg, #6d28d9 0%, #4c1d95 100%);
    border: 1px solid transparent;
    box-shadow: 0 8px 18px rgba(109,40,217, .22);
}

:is(.ui-carousel-cart-btn,.fnd-carousel-cart-btn):hover {
    transform: translateY(-1px);
    box-shadow: 0 11px 24px rgba(109,40,217, .30);
}

:is(.ui-carousel-cart-btn,.fnd-carousel-cart-btn):active,
:is(.ui-carousel-detail-btn,.fnd-carousel-detail-btn):active {
    transform: translateY(0);
}

:is(.ui-carousel-action-icon,.fnd-carousel-action-icon) {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width: 20px;
    height: 20px;
    border-radius: 7px;
    font-size: 13px;
    font-weight:900;
    line-height: 1;
}

:is(.ui-carousel-detail-btn,.fnd-carousel-detail-btn) :is(.ui-carousel-action-icon,.fnd-carousel-action-icon) {
    background: #fff;
    color: #6d28d9;
    box-shadow: inset 0 0 0 1px #e2ebf5;
}

:is(.ui-carousel-cart-btn,.fnd-carousel-cart-btn) :is(.ui-carousel-action-icon,.fnd-carousel-action-icon) {
    background: rgba(255, 255, 255, .16);
    color: #fff;
}

@media (max-width: 640px) {
    :is(.ui-carousel-detail-btn,.fnd-carousel-detail-btn),
    :is(.ui-carousel-cart-btn,.fnd-carousel-cart-btn) {
        height: 40px;
        border-radius: 11px;
        font-size: 11px;
        gap: 6px;
    }

    :is(.ui-carousel-action-icon,.fnd-carousel-action-icon) {
        width: 18px;
        height: 18px;
        font-size: 12px;
    }
}

:is(.ui-carousel-arrow,.fnd-carousel-arrow) {
    position:absolute;
    top: 50%;
    z-index: 5;
    width: 42px;
    height: 42px;
    display:flex;
    align-items:center;
    justify-content:center;
    transform: translateY(-50%);
    border: 1px solid #e1e8f0;
    border-radius: 50%;
    background: rgba(255, 255, 255, .95);
    color: #6d28d9;
    font-size: 28px;
    line-height: 1;
    cursor:pointer;
    box-shadow: 0 8px 24px rgba(15, 23, 42, .12);
    transition: .2s ease;
}

:is(.ui-carousel-arrow,.fnd-carousel-arrow):hover {
    background: #6d28d9;
    border-color: #6d28d9;
    color: #ffffff;
}

:is(.ui-carousel-prev,.fnd-carousel-prev) {
    left: -20px;
}

:is(.ui-carousel-next,.fnd-carousel-next) {
    right: -20px;
}

@media (max-width: 1200px) {
    :is(.ui-carousel-product-card,.fnd-carousel-product-card) {
        flex-basis: calc((100% - 54px) / 4);
    }
}

@media (max-width: 900px) {
    :is(.ui-carousel-product-card,.fnd-carousel-product-card) {
        flex-basis: calc((100% - 36px) / 3);
    }
}

@media (max-width: 640px) {
    :is(.ui-home-category-row,.fnd-home-category-row) {
        margin-bottom: 48px;
    }

    :is(.ui-home-category-head,.fnd-home-category-head) {
        align-items:center;
    }

    :is(.ui-home-category-title,.fnd-home-category-title) {
        font-size: 23px;
    }

    :is(.ui-carousel-product-card,.fnd-carousel-product-card) {
        flex: 0 0 47%;
    }

    :is(.ui-category-carousel,.fnd-category-carousel) {
        gap: 12px;
    }

    :is(.ui-carousel-arrow,.fnd-carousel-arrow) {
        display:none;
    }

}

        .wa-container{
            position:fixed;
            right:24px;
            bottom:24px;
            z-index:999999;
            font-family:Arial,Helvetica,sans-serif;
            line-height:1.25;
        }
        .wa-float-btn{
            width:60px;
            height:60px;
            border:0;
            border-radius:50%;
            padding:0;
            display:flex;
            align-items:center;
            justify-content:center;
            cursor:pointer;
            box-shadow:0 12px 30px rgba(15,23,42,.20);
            transition:transform .22s ease,box-shadow .22s ease;
        }
        .wa-float-btn:hover{
            transform:translateY(-3px) scale(1.03);
            box-shadow:0 16px 36px rgba(15,23,42,.25);
        }
        .wa-float-btn img{
            width:34px;
            height:34px;
            display:block;
        }
        .wa-chat-popup{
            position:absolute;
            right:0;
            bottom:78px;
            width:320px;
            max-width:calc(100vw - 32px);
            background:#fff;
            border:1px solid rgba(15,23,42,.08);
            border-radius:22px;
            overflow:hidden;
            box-shadow:0 24px 70px rgba(15,23,42,.20);
            opacity:0;
            visibility:hidden;
            transform:translateY(14px) scale(.98);
            transform-origin:bottom right;
            transition:.22s ease;
        }
        .wa-chat-popup.show-popup{
            opacity:1;
            visibility:visible;
            transform:translateY(0) scale(1);
        }
        .wa-header{
            display:flex;
            align-items:center;
            gap:12px;
            padding:16px;
            color:#fff;
        }
        .wa-avatar-wrapper{
            position:relative;
            width:42px;
            height:42px;
            flex:0 0 42px;
        }
        .wa-avatar-img{
            width:42px;
            height:42px;
            object-fit:cover;
            border-radius:50%;
            display:block;
            background:#fff;
            border:2px solid rgba(255,255,255,.75);
        }
        .wa-online-dot{
            position:absolute;
            right:-1px;
            bottom:-1px;
            width:12px;
            height:12px;
            border-radius:50%;
            background:#4ade80;
            border:2px solid #fff;
        }
        .wa-online-dot.offline{background:#ef4444}
        .wa-info{
            min-width:0;
            display:flex;
            flex-direction:column;
            gap:3px;
        }
        .wa-name{
            color:#fff;
            font-size:15px;
            font-weight:800;
        }
        .wa-status{
            color:rgba(255,255,255,.88);
            font-size:12px;
        }
        .wa-close-btn{
            margin-left:auto;
            width:34px;
            height:34px;
            border:0;
            border-radius:10px;
            background:rgba(255,255,255,.12);
            color:#fff;
            font-size:24px;
            line-height:1;
            cursor:pointer;
        }
        .wa-body{
            padding:22px 18px 28px;
            background:
                radial-gradient(circle at 20% 20%,rgba(255,255,255,.35),transparent 26%),
                #efeae2;
        }
        .wa-msg-bubble{
            position:relative;
            max-width:88%;
            background:#fff;
            padding:12px 13px 8px;
            border-radius:5px 15px 15px 15px;
            box-shadow:0 4px 12px rgba(15,23,42,.07);
        }
        .wa-msg-text{
            color:#344054;
            font-size:14px;
            line-height:1.5;
        }
        .wa-msg-time{
            display:block;
            margin-top:5px;
            color:#98a2b3;
            font-size:10px;
            text-align:right;
        }
        .wa-footer{
            padding:14px;
            background:#fff;
        }
        .wa-send-btn{
            min-height:44px;
            display:flex;
            align-items:center;
            justify-content:center;
            border-radius:13px;
            color:#fff !important;
            text-decoration:none;
            font-size:13px;
            font-weight:800;
            box-shadow:0 8px 20px rgba(15,23,42,.10);
        }
        .wa-send-btn.offline{
            background:#98a2b3;
            color:#fff;
            cursor:not-allowed;
        }
        @media(max-width:640px){
            .wa-container{right:16px;bottom:16px}
            .wa-float-btn{width:56px;height:56px}
            .wa-float-btn img{width:31px;height:31px}
            .wa-chat-popup{bottom:72px;width:min(320px,calc(100vw - 32px))}
        }

.product-shipping-notice {
    display:flex;
    align-items:center;
    gap: 13px;
    margin: 17px 0 20px;
    padding: 14px 16px;
    background: #f2f4e9;
    border: 1px solid #dce8fb;
    border-radius: 14px;
}

.product-shipping-notice.is-free {
    background: #f2fbf6;
    border-color: #ccebd8;
}

:is(.ui-product-shipping-icon,.fnd-product-shipping-icon) {
    width: 40px;
    height: 40px;
    min-width: 40px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius: 11px;
    background: #6d28d9;
    color: #fff;
}

.product-shipping-notice.is-free :is(.ui-product-shipping-icon,.fnd-product-shipping-icon) {
    background: #159447;
}

:is(.ui-product-shipping-icon,.fnd-product-shipping-icon) i {
    font-size: 21px;
}

:is(.ui-product-shipping-copy,.fnd-product-shipping-copy) {
    flex: 1;
    min-width: 0;
}

:is(.ui-product-shipping-copy,.fnd-product-shipping-copy) strong {
    display:block;
    font-size: 14px;
    font-weight:800;
    color: #151515;
}

:is(.ui-product-shipping-copy,.fnd-product-shipping-copy) small {
    display:block;
    margin-top: 3px;
    font-size: 12px;
    color: #687386;
}

:is(.ui-product-shipping-progress,.fnd-product-shipping-progress) {
    width:100%;
    height: 5px;
    margin-top: 9px;
    overflow:hidden;
    border-radius: 99px;
    background: #e3eaf3;
}

:is(.ui-product-shipping-progress,.fnd-product-shipping-progress) span {
    display:block;
    height: 100%;
    border-radius: inherit;
    background: #6d28d9;
    transition: width .25s ease;
}

.product-shipping-notice.is-free
:is(.ui-product-shipping-progress,.fnd-product-shipping-progress) span {
    background: #159447;
}

/* ========================================
   CİMER / SAHTE İLAÇ BİLDİRİM ALANI
======================================== */

.medicine-report {
    padding-top: 4px;
    padding-bottom: 10px;
}

.medicine-report-card {
    background: #c62828;
    border-radius: 18px;
    overflow:hidden;
    margin-top: 0;
    box-shadow: 0 5px 18px rgba(0, 0, 0, 0.14);
}

.medicine-report-content {
    padding: 20px 24px;
}


/* ÜST ETİKET */

.medicine-report-label {
    display:inline-block;
    background: rgba(255, 255, 255, 0.15);
    color: #fff;
    padding: 5px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.3px;
    margin-bottom: 9px;
}


/* BAŞLIK */

.medicine-report-title {
    color: #fff;
    font-weight:700;
    margin: 2px 0 8px;
    line-height: 1.35;
}


.top-support-bar {
    background: linear-gradient(90deg, #0f172a 0%, #1e293b 100%);
    color: #e2e8f0;
    font-size: 16px;
    padding: 12px 0;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.top-support-bar :is(.container,.grid-container) {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap: 12px;
}

.support-info {
    display:flex;
    align-items:center;
    gap: 10px;
    flex-wrap:wrap;
}

.support-label {
    opacity: .85;
}

.support-number {
    color: #fff;
    font-size: 18px;
    font-weight:700;
    letter-spacing: .3px;
    text-decoration:none;
}

.support-number:hover {
    color: #fbbf24;
}

.support-call-btn {
    display:inline-flex;
    align-items:center;
    gap: 6px;
    margin-left: auto;
    padding: 9px 26px;
    border-radius: 999px;
    background: #22c55e;
    color: #fff;
    font-size: 15px;
    font-weight:700;
    text-decoration:none;
    box-shadow: 0 4px 14px rgba(34, 197, 94, .35);
    transition: background .2s ease, transform .2s ease, box-shadow .2s ease;
}

.support-call-btn:hover,
.support-call-btn:focus-visible {
    background: #16a34a;
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(34, 197, 94, .45);
}

@media (max-width: 600px) {
    .top-support-bar {
        font-size: 13px;
        padding: 10px 0;
    }
    .support-number {
        font-size: 15px;
    }
    .support-call-btn {
        padding: 8px 20px;
        font-size: 14px;
    }
    .support-label {
 font-size: 12px;    }
	   .support-info {
        gap: 2px 8px;
    }
}
/* Keep icon dimensions stable while the existing icon font loads. */
.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    white-space: nowrap;
    direction: ltr;
    font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    max-width: 1em;
    overflow: hidden;
    vertical-align: middle;
    flex-shrink: 0;
}

:is(.ui-home-blog-section,.fnd-home-blog-section) {
    background: #f8fbff;
}

:is(.ui-home-blog-grid,.fnd-home-blog-grid) {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    margin-top: 28px;
}

:is(.ui-home-blog-card,.fnd-home-blog-card) {
    overflow: hidden;
    background: #fff;
    border: 1px solid #e7eef7;
    border-radius: 24px;
    box-shadow: 0 14px 40px rgba(16, 24, 40, .06);
    transition: transform .25s ease, box-shadow .25s ease;
}

:is(.ui-home-blog-card,.fnd-home-blog-card):hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 50px rgba(16, 24, 40, .10);
}

:is(.ui-home-blog-media,.fnd-home-blog-media) {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: #eef5ff;
}

:is(.ui-home-blog-media,.fnd-home-blog-media) img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .35s ease;
}

:is(.ui-home-blog-card,.fnd-home-blog-card):hover :is(.ui-home-blog-media,.fnd-home-blog-media) img {
    transform: scale(1.035);
}

:is(.ui-home-blog-placeholder,.fnd-home-blog-placeholder) {
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, #f1eafa 0%, #dcecff 100%);
    color: #6d28d9;
    font-size: 18px;
    font-weight: 900;
    letter-spacing: -0.5px;
}

:is(.ui-home-blog-body,.fnd-home-blog-body) {
    padding: 24px;
}

:is(.ui-home-blog-meta,.fnd-home-blog-meta) {
    margin-bottom: 10px;
    color: #6d28d9;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.2px;
}

:is(.ui-home-blog-body,.fnd-home-blog-body) h3 {
    margin: 0 0 12px;
    font-size: 22px;
    line-height: 1.25;
    font-weight: 900;
}

:is(.ui-home-blog-body,.fnd-home-blog-body) h3 a {
    color: #101828;
}

:is(.ui-home-blog-body,.fnd-home-blog-body) p {
    min-height: 72px;
    margin: 0 0 18px;
    color: #667085;
    line-height: 1.7;
}

:is(.ui-home-blog-link,.fnd-home-blog-link) {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #6d28d9;
    font-weight: 800;
}

:is(.ui-home-blog-all,.fnd-home-blog-all) {
    margin-top: 30px;
    text-align: center;
}

@media (max-width: 992px) {
    :is(.ui-home-blog-grid,.fnd-home-blog-grid) {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 640px) {
    :is(.ui-home-blog-grid,.fnd-home-blog-grid) {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    :is(.ui-home-blog-body,.fnd-home-blog-body) {
        padding: 20px;
    }

    :is(.ui-home-blog-body,.fnd-home-blog-body) p {
        min-height: 0;
    }
}

/* Editorial storefront: soft lilac, deep purple and lavender. */
:root { --blue:#6d28d9; --blue-dark:#4c1d95; --blue-soft:#f1eafa; --navy:#281542; --text:#30223f; --muted:#7b7088; --line:#e5dcec; --paper:#faf7ff; --accent:#e1c7ff; }
html { scroll-padding-top:130px; }
body { background:var(--paper); color:var(--text); padding-top:80px; font-family:Arial,Helvetica,sans-serif; }
body:has(.top-support-bar) { padding-top:112px; }
:is(.container,.grid-container) { width:calc(100% - 80px); max-width:1240px; }
a { color:var(--blue); }
::selection { background:var(--accent); color:var(--navy); }
.top-support-bar { position:fixed; inset:0 0 auto; height:32px; padding:0; z-index:1001; background:var(--navy); border:0; }
.top-support-bar :is(.container,.grid-container) { height:32px; }
.support-label,.support-number { font-size:11px; font-weight:500; letter-spacing:.25px; }
.support-call-btn { padding:0; height:auto; font-size:11px; border-radius:0; background:none; color:var(--accent); box-shadow:none; }
.support-call-btn:hover { background:none; box-shadow:none; color:#fff; transform:none; }
body .store-nav { top:0; height:80px; line-height:normal; background:#faf7fff5; border-bottom:1px solid var(--line); box-shadow:none; backdrop-filter:blur(12px); }
body:has(.top-support-bar) .store-nav { top:32px; }
body .store-nav .nav-wrapper { height:80px; gap:24px; }
body .store-nav .brand-logo { font-family:Georgia,'Times New Roman',serif; color:var(--navy); font-size:29px; font-weight:700; letter-spacing:-1.2px; }
body .store-nav .nav-actions { gap:24px; height:80px; }
body .nav-static-link { color:#60516e; font-size:12px; font-weight:600; padding:8px 0; border-radius:0; }
body .nav-static-link:hover { color:var(--blue); background:transparent; text-decoration:underline; text-underline-offset:7px; }
body .nav-search-trigger { background:transparent; border:0; box-shadow:none; color:var(--blue); padding:8px 0; }
body .cart-link { margin:0; height:43px; line-height:43px; border:1px solid #dbcee9; border-radius:6px; padding:0 13px; background:#f2eafa; font-size:12px; gap:8px; }
body .cart-badge { background:var(--blue); border-radius:4px; }
body .mobile-category-trigger { margin:0; border-radius:6px; background:transparent; border-color:var(--line); }
body .mobile-category-trigger span { background:var(--blue); }
body .category-drawer { background:var(--paper); border-radius:0 20px 20px 0; }
body .drawer-top strong { font-family:Georgia,serif; font-size:28px; }
body .drawer-tab.active { background:var(--blue); color:white; }
body .drawer-list a { font-weight:500; }
body .drawer-close,body .product-search-close { background:#eee5f8; color:var(--blue); border-radius:6px; }
body .product-search-dialog { border-radius:12px; background:var(--paper); box-shadow:0 28px 90px #30134630; }
body .product-search-dialog h2 { font-family:Georgia,serif; font-weight:400; letter-spacing:-1px; }
body .product-search-form { background:#fff; border-color:var(--line); border-radius:6px; }
body .product-search-form button { background:var(--blue); border-radius:5px; }
:is(.ui-hero,.fnd-hero) { padding:76px 0 72px !important; min-height:0 !important; background:var(--paper); border-bottom:1px solid var(--line); overflow:visible; }
:is(.ui-hero,.fnd-hero)::after { display:none; }
:is(.ui-hero,.fnd-hero) :is(.editorial-hero-layout,.fnd-editorial-hero-layout) { display:grid; grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr); gap:64px; margin:0 !important; align-items:center; }
:is(.editorial-hero-layout,.fnd-editorial-hero-layout) > :is(.ui-hero-content,.fnd-hero-content) { width:auto; min-width:0; padding:0; max-width:none; }
:is(.ui-small-label,.fnd-small-label),:is(.ui-section-label,.fnd-section-label),:is(.editorial-kicker,.fnd-editorial-kicker) { font-size:10px; font-weight:700; color:var(--blue); letter-spacing:2.2px; line-height:1.6; }
:is(.ui-small-label,.fnd-small-label) { display:inline-flex; align-items:center; gap:10px; margin-bottom:24px; }
:is(.ui-small-label,.fnd-small-label)::before { content:''; width:22px; height:1px; background:var(--blue); }
:is(.ui-hero,.fnd-hero) h1 { font-family:Georgia,'Times New Roman',serif; font-weight:400; font-size:clamp(42px,5.6vw,78px); line-height:1.06; letter-spacing:-3px; margin:0 0 24px; overflow-wrap:anywhere; }
:is(.ui-hero,.fnd-hero) h1 span { color:var(--blue); }
:is(.ui-hero-description,.fnd-hero-description) { max-width:460px; font-size:15px; line-height:1.85; color:#697267; margin:0 0 32px; }
:is(.ui-hero-buttons,.fnd-hero-buttons) { gap:12px; }
body :is(.btn,.button):is(.ui-blue-button,.fnd-blue-button),body :is(.btn,.button):is(.ui-dark-button,.fnd-dark-button),body :is(.ui-btn-flat,.fnd-btn-flat):is(.ui-white-button,.fnd-white-button) { height:48px; line-height:46px; padding:0 22px; font-size:11px; letter-spacing:.35px; border-radius:5px; box-shadow:none; text-transform:none; }
body :is(.ui-blue-button,.fnd-blue-button) { background:var(--blue); color:#fff; box-shadow:none; border:1px solid var(--blue); }
body :is(.ui-blue-button,.fnd-blue-button):hover { background:var(--blue-dark); box-shadow:none; }
body :is(.ui-white-button,.fnd-white-button) { background:transparent; border-color:#d9c9e7; color:var(--blue); }
body :is(.ui-dark-button,.fnd-dark-button) { background:var(--navy); color:white; }
:is(.editorial-discovery,.fnd-editorial-discovery) { background:var(--blue); color:#fff; border-radius:10px; padding:32px; position:relative; overflow:hidden; }
:is(.editorial-discovery,.fnd-editorial-discovery)::before { content:''; position:absolute; width:270px; height:270px; border:1px solid #ffffff12; border-radius:50%; right:-150px; top:-150px; box-shadow:0 0 0 42px #ffffff05,0 0 0 84px #ffffff03; pointer-events:none; }
:is(.editorial-discovery-head,.fnd-editorial-discovery-head) { display:flex; justify-content:space-between; align-items:center; gap:20px; position:relative; }
:is(.editorial-discovery,.fnd-editorial-discovery) :is(.editorial-kicker,.fnd-editorial-kicker) { color:var(--accent); letter-spacing:1.8px; font-size:9px; }
:is(.editorial-compass,.fnd-editorial-compass) { font-size:29px; line-height:1; font-weight:400; color:var(--accent); }
:is(.editorial-discovery-title,.fnd-editorial-discovery-title) { font-family:Georgia,serif; font-size:34px; line-height:1.2; letter-spacing:-1px; margin:26px 0; position:relative; }
:is(.editorial-discovery-title,.fnd-editorial-discovery-title) em { font-weight:400; color:var(--accent); }
:is(.editorial-discovery-links,.fnd-editorial-discovery-links) { border-top:1px solid #ffffff26; }
:is(.editorial-discovery-links,.fnd-editorial-discovery-links) a { display:grid; grid-template-columns:26px 1fr 18px; gap:12px; align-items:center; padding:18px 0; border-bottom:1px solid #ffffff26; color:white; font-size:12px; transition:color .2s; }
:is(.editorial-discovery-links,.fnd-editorial-discovery-links) a:hover { color:var(--accent); }
:is(.editorial-step,.fnd-editorial-step) { color:#d4b6f3; font-size:10px; }
:is(.editorial-discovery-links,.fnd-editorial-discovery-links) a > span:last-child { font-size:20px; color:var(--accent); }
:is(.editorial-discovery-foot,.fnd-editorial-discovery-foot) { display:flex; align-items:center; gap:8px; color:#d7c5e9; font-size:10px; margin-top:24px; }
:is(.editorial-dot,.fnd-editorial-dot) { width:5px; height:5px; border-radius:50%; background:var(--accent); }
:is(.ui-brand-strip,.fnd-brand-strip) { background:#f0e8fa; border-bottom:1px solid var(--line); border-top:0; }
:is(.ui-brand-strip-inner,.fnd-brand-strip-inner) { min-height:60px; gap:20px; }
:is(.ui-brand-strip-inner,.fnd-brand-strip-inner) span { font-size:9px; font-weight:600; letter-spacing:1.8px; color:#847091; }
:is(.ui-section,.fnd-section) { padding:76px 0; }
:is(.ui-section-title,.fnd-section-title) { font-family:Georgia,serif; font-weight:400; font-size:clamp(32px,3.6vw,48px); letter-spacing:-1.7px; line-height:1.15; }
:is(.ui-section-title,.fnd-section-title) span { color:var(--blue); }
:is(.ui-section-text,.fnd-section-text) { color:var(--muted); font-size:14px; line-height:1.8; }
:is(.ui-products-section,.fnd-products-section) { background:var(--paper); padding-top:68px; padding-bottom:28px; }
:is(.ui-home-category-row,.fnd-home-category-row) { margin-bottom:52px; }
:is(.ui-home-category-head,.fnd-home-category-head) { border-bottom:1px solid var(--line); padding-bottom:20px; margin-bottom:24px; gap:20px; }
:is(.ui-home-category-title,.fnd-home-category-title) { font-family:Georgia,serif; font-weight:400; font-size:31px; letter-spacing:-.8px; }
:is(.ui-home-category-all,.fnd-home-category-all) { border:1px solid var(--line); border-radius:4px; padding:8px 12px; font-size:11px; font-weight:600; color:var(--blue); white-space:nowrap; }
:is(.ui-category-carousel,.fnd-category-carousel) { gap:18px; padding:0 0 20px; }
:is(.ui-carousel-product-card,.fnd-carousel-product-card) { flex-basis:calc((100% - 54px) / 4); background:#fff; border:1px solid var(--line); border-radius:7px; box-shadow:none; }
:is(.ui-carousel-product-card,.fnd-carousel-product-card):hover { transform:translateY(-3px); border-color:#bca2d2; box-shadow:0 12px 24px #30223f0a; }
body :is(.ui-product-image-box,.fnd-product-image-box) { background:#f4effa; border:0; border-radius:0; height:230px; padding:24px; }
body :is(.ui-product-image-box,.fnd-product-image-box) img { mix-blend-mode:multiply; max-height:185px; object-fit:contain; }
:is(.ui-carousel-product-body,.fnd-carousel-product-body) { padding:20px; }
:is(.ui-carousel-product-body,.fnd-carousel-product-body) h3 { font-size:15px; font-weight:600; min-height:40px; margin-bottom:14px; }
:is(.ui-carousel-price,.fnd-carousel-price) { border-top:1px solid #eceee6; padding-top:14px; margin-bottom:16px; }
:is(.ui-carousel-price,.fnd-carousel-price) strong { color:var(--blue); font-size:21px; font-weight:700; }
:is(.ui-carousel-card-actions,.fnd-carousel-card-actions) { grid-template-columns:1fr 1fr; gap:8px; }
:is(.ui-carousel-detail-btn,.fnd-carousel-detail-btn),:is(.ui-carousel-cart-btn,.fnd-carousel-cart-btn) { height:40px; border-radius:4px; font-size:11px; font-weight:600; box-shadow:none; }
:is(.ui-carousel-cart-btn,.fnd-carousel-cart-btn) { background:var(--blue); box-shadow:none; }
:is(.ui-carousel-cart-btn,.fnd-carousel-cart-btn):hover { background:var(--blue-dark); box-shadow:none; }
:is(.ui-carousel-detail-btn,.fnd-carousel-detail-btn),:is(.ui-carousel-detail-btn,.fnd-carousel-detail-btn):hover { background:#f6f0fc; border-color:#e8ddf0; color:var(--blue); box-shadow:none; }
:is(.ui-carousel-action-icon,.fnd-carousel-action-icon) { background:none !important; box-shadow:none !important; width:14px; color:inherit !important; }
:is(.ui-carousel-arrow,.fnd-carousel-arrow) { width:38px; height:38px; border-radius:4px; color:var(--blue); background:var(--paper); border-color:var(--line); box-shadow:none; }
:is(.ui-carousel-arrow,.fnd-carousel-arrow):hover { background:var(--blue); border-color:var(--blue); }
:is(.ui-carousel-prev,.fnd-carousel-prev) { left:-19px; }
:is(.ui-carousel-next,.fnd-carousel-next) { right:-19px; }
:is(.ui-feature-section,.fnd-feature-section) { background:#eee5f8; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
:is(.ui-feature-card,.fnd-feature-card) { height:100%; min-height:225px; background:transparent; border:0; border-radius:0; padding:24px 20px; box-shadow:none; border-top:1px solid #bfcbb3; }
:is(.ui-feature-card,.fnd-feature-card):hover { background:#ffffff40; transform:none; box-shadow:none; }
:is(.ui-feature-icon,.fnd-feature-icon) { background:none; color:var(--blue); width:36px; height:36px; border-radius:0; font-size:28px; margin-bottom:18px; }
:is(.ui-feature-card,.fnd-feature-card) h3 { font-family:Georgia,serif; font-size:23px; font-weight:400; letter-spacing:-.4px; }
:is(.ui-feature-card,.fnd-feature-card) p { font-size:12px; line-height:1.85; color:#796587; }
body .options { background:var(--paper); }
:is(.ui-category-strip,.fnd-category-strip) { gap:12px; }
:is(.ui-category-pill,.fnd-category-pill) { background:transparent; border:1px solid #bec9b4; border-radius:5px; padding:16px 24px; font-size:13px; font-weight:500; color:var(--blue); }
:is(.ui-category-pill,.fnd-category-pill):hover { background:#eee5f8; color:var(--blue); border-color:var(--blue); }
:is(.ui-category-pill,.fnd-category-pill) :is(.ui-dot,.fnd-dot) { width:5px; height:5px; }
:is(.ui-home-blog-section,.fnd-home-blog-section) { background:#f1eafa; border-top:1px solid var(--line); }
:is(.ui-home-blog-grid,.fnd-home-blog-grid) { gap:24px; }
:is(.ui-home-blog-card,.fnd-home-blog-card),body :is(.ui-blog-card,.fnd-blog-card) { border:1px solid var(--line); border-radius:6px; box-shadow:none; background:var(--paper); }
:is(.ui-home-blog-card,.fnd-home-blog-card):hover { transform:translateY(-3px); box-shadow:0 10px 25px #30223f0a; }
:is(.ui-home-blog-media,.fnd-home-blog-media),body :is(.ui-blog-card-media,.fnd-blog-card-media) { border-radius:0; background:#e9def3; }
:is(.ui-home-blog-body,.fnd-home-blog-body) { padding:24px; }
:is(.ui-home-blog-body,.fnd-home-blog-body) h3 { font-family:Georgia,serif; font-weight:400; font-size:25px; letter-spacing:-.6px; }
:is(.ui-home-blog-meta,.fnd-home-blog-meta),:is(.ui-home-blog-link,.fnd-home-blog-link) { color:var(--blue); }
:is(.ui-home-seo-section,.fnd-home-seo-section) { background:var(--paper); }
:is(.ui-home-seo-shell,.fnd-home-seo-shell) { background:transparent; border:0; border-radius:0; box-shadow:none; }
:is(.ui-home-seo-heading,.fnd-home-seo-heading) { border-bottom-color:var(--line); }
body .store-footer { background:var(--navy); color:#dbcee6; padding-top:64px; border-radius:0; }
body .footer-grid { gap:40px; }
body .footer-brand { font-family:Georgia,serif; font-size:32px; font-weight:400; letter-spacing:-1px; color:var(--accent); }
body .footer-heading { color:#e8daf5; font-size:10px; font-weight:600; letter-spacing:1.5px; }
body .footer-links a { color:#cdbbdc; font-size:12px; }
body .footer-links a:hover { color:var(--accent); }
body .footer-bottom { border-top-color:#ffffff1a; color:#b7a1c9; }
body :is(.ui-page-top,.fnd-page-top),body :is(.ui-blog-hero,.fnd-blog-hero) { background:#eee5f8; padding:48px 0; border-bottom:1px solid var(--line); }
body :is(.ui-page-top,.fnd-page-top) h1,body :is(.ui-blog-hero,.fnd-blog-hero) h1 { font-family:Georgia,serif; font-weight:400; font-size:clamp(34px,5vw,58px); letter-spacing:-2px; line-height:1.15; }
body :is(.ui-store-product-grid,.fnd-store-product-grid) { grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
body :is(.ui-store-product-card,.fnd-store-product-card) { border-radius:7px; border-color:var(--line); box-shadow:none; }
body .store-product-media { height:290px; background:#f3ebfa; padding:24px; }
body .store-product-media img { filter:none; border-radius:4px; }
body :is(.ui-store-product-body,.fnd-store-product-body) { padding:22px; }
body :is(.ui-store-product-body,.fnd-store-product-body) h3 { font-size:21px; letter-spacing:-.5px; }
body :is(.ui-store-product-body,.fnd-store-product-body) p { font-size:12px; }
body :is(.ui-product-actions,.fnd-product-actions) :is(.btn,.button) { padding:0 10px; font-size:11px; }
body :is(.ui-detail-wrap,.fnd-detail-wrap) { gap:48px; align-items:start; }
body :is(.ui-detail-media-box,.fnd-detail-media-box) { background:#f3ebfa; border:1px solid var(--line); border-radius:8px; min-height:520px; top:140px; }
body :is(.ui-detail-media-box,.fnd-detail-media-box) img { filter:none; border-radius:4px; }
body :is(.ui-detail-info-box,.fnd-detail-info-box) h1 { font-family:Georgia,serif; font-weight:400; font-size:clamp(36px,3.6vw,52px); letter-spacing:-1.8px; line-height:1.12; }
body :is(.ui-trust-mini,.fnd-trust-mini) { border-radius:5px; background:#f3ecfb; border-color:var(--line); box-shadow:none; }
body :is(.ui-trust-icon,.fnd-trust-icon) { background:#e9dcf7; color:var(--blue); border-radius:5px; }
body :is(.ui-trust-copy,.fnd-trust-copy) strong { color:var(--text); }
body :is(.ui-package-selector,.fnd-package-selector) { border-radius:7px; border-color:var(--line); background:white; box-shadow:none; }
body :is(.ui-package-option-card,.fnd-package-option-card) { border-radius:5px; }
body .package-option input:checked + :is(.ui-package-option-card,.fnd-package-option-card) { border-color:var(--blue); background:#f1eafa; }
body :is(.ui-cart-item,.fnd-cart-item),body :is(.ui-summary-card,.fnd-summary-card),body :is(.ui-content-page-card,.fnd-content-page-card),body :is(.ui-surface-card,.fnd-surface-card) { background:#fff; border:1px solid var(--line); border-radius:7px; box-shadow:none; }
body :is(.ui-summary-card,.fnd-summary-card) { top:140px; }
body :is(.ui-summary-total,.fnd-summary-total) { color:var(--blue); }
body :is(.ui-checkout-hero,.fnd-checkout-hero) { background:#eee5f8; border-bottom:1px solid var(--line); }
body :is(.ui-checkout-hero,.fnd-checkout-hero) h1 { font-family:Georgia,serif; font-weight:400; letter-spacing:-1.4px; }
body :is(.ui-checkout-form-card,.fnd-checkout-form-card),body :is(.ui-checkout-summary-card,.fnd-checkout-summary-card),body :is(.ui-os-card,.fnd-os-card) { border-radius:8px; border-color:var(--line); box-shadow:none; background:white; }
body :is(.ui-checkout-card-heading,.fnd-checkout-card-heading) h2,body :is(.ui-checkout-summary-head,.fnd-checkout-summary-head) h2 { font-family:Georgia,serif; font-weight:400; letter-spacing:-.5px; }
body :is(.ui-checkout-heading-icon,.fnd-checkout-heading-icon),body :is(.ui-checkout-payment-badge,.fnd-checkout-payment-badge) { color:var(--blue); background:#eee5f8; border-radius:5px; }
body :is(.ui-checkout-input-wrap,.fnd-checkout-input-wrap),body :is(.ui-checkout-city-select,.fnd-checkout-city-select) { border-radius:5px; border-color:var(--line); background:#fcfaff; }
body :is(.ui-checkout-submit-button,.fnd-checkout-submit-button) { border-radius:5px; background:var(--blue); box-shadow:none; }
body :is(.ui-checkout-step,.fnd-checkout-step).is-current { color:var(--blue); }
body :is(.ui-os-hero,.fnd-os-hero) { background:#eee5f8; }
body :is(.ui-os-hero,.fnd-os-hero) h1 { font-family:Georgia,serif; font-weight:400; letter-spacing:-1.5px; }
body :is(.ui-os-hero,.fnd-os-hero) h1 span { color:var(--blue); }
body :is(.ui-os-check,.fnd-os-check) { background:var(--blue); box-shadow:none; border-radius:8px; }
body :is(.ui-os-chip,.fnd-os-chip) { border-radius:4px; background:#f8f3fd; border-color:var(--line); }
body :is(.ui-search-page-form,.fnd-search-page-form) { border-radius:6px; border-color:var(--line); background:white; }
body :is(.ui-search-page-form,.fnd-search-page-form) button { border-radius:4px; background:var(--blue); }
body :is(.ui-article-toc,.fnd-article-toc) { border-radius:6px; background:#f4ecfc; border-color:var(--line); }
body :is(.ui-rich-content,.fnd-rich-content) h2,body :is(.ui-product-description,.fnd-product-description) h2 { font-family:Georgia,serif; font-weight:400; color:var(--navy); }
body :is(.ui-article-cover,.fnd-article-cover) { border-radius:6px; }
body .wa-float-btn { background:var(--blue); box-shadow:0 5px 15px #30223f26; }
body .wa-header,body .wa-send-btn { background:var(--blue); }
body .wa-chat-popup { border-radius:10px; }
body :is(.ui-skip-link,.fnd-skip-link):focus { top:120px; }
@media (max-width:1100px) {
 :is(.container,.grid-container) { width:calc(100% - 48px); }
 body .store-nav .nav-actions { gap:14px; }
 :is(.ui-hero,.fnd-hero) :is(.editorial-hero-layout,.fnd-editorial-hero-layout) { gap:32px; }
 :is(.editorial-discovery,.fnd-editorial-discovery) { padding:26px; }
 :is(.editorial-discovery-title,.fnd-editorial-discovery-title) { font-size:29px; }
 :is(.ui-carousel-product-card,.fnd-carousel-product-card) { flex-basis:calc((100% - 36px) / 3); }
 body :is(.ui-store-product-grid,.fnd-store-product-grid) { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:900px) {
 body .store-nav .nav-actions { gap:12px; }
 :is(.ui-hero,.fnd-hero) :is(.editorial-hero-layout,.fnd-editorial-hero-layout) { grid-template-columns:1fr; gap:36px; }
 :is(.ui-hero,.fnd-hero) h1 { max-width:680px; font-size:62px; }
 :is(.ui-hero-description,.fnd-hero-description) { max-width:560px; }
 :is(.editorial-discovery,.fnd-editorial-discovery) { display:grid; grid-template-columns:1fr 1fr; gap:0 28px; }
 :is(.editorial-discovery-head,.fnd-editorial-discovery-head) { grid-column:1; }
 :is(.editorial-discovery-title,.fnd-editorial-discovery-title) { grid-column:1; margin:16px 0; }
 :is(.editorial-discovery-links,.fnd-editorial-discovery-links) { grid-column:2; grid-row:1/4; align-self:center; }
 :is(.editorial-discovery-foot,.fnd-editorial-discovery-foot) { margin-top:10px; }
 body :is(.ui-detail-wrap,.fnd-detail-wrap) { grid-template-columns:1fr; gap:32px; }
 body :is(.ui-detail-media-box,.fnd-detail-media-box) { position:relative; top:0; min-height:400px; }
}
@media (max-width:600px) {
 html { scroll-padding-top:116px; }
 :is(.container,.grid-container) { width:calc(100% - 36px); }
 body { padding-top:70px; }
 body:has(.top-support-bar) { padding-top:102px; }
 body .store-nav,body .store-nav .nav-wrapper,body .store-nav .nav-actions { height:70px; }
 body .store-nav .nav-wrapper { gap:10px; }
 body .store-nav .brand-logo { font-size:21px; letter-spacing:-.8px; flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
 body .store-nav .nav-actions { gap:7px; flex-shrink:0; }
 body .nav-search-trigger { width:35px; height:38px; padding:7px; border:1px solid var(--line); border-radius:5px; }
 body .cart-link { height:38px; padding:0 8px; gap:4px; border-radius:5px; }
 body .cart-icon { font-size:14px; }
 body .cart-badge { min-width:18px; height:18px; font-size:10px; }
 body .mobile-category-trigger { width:35px; height:38px; flex-shrink:0; }
 .support-label,.support-number { font-size:10px; }
 .support-info { gap:5px; }
 .support-call-btn { padding:0; font-size:10px; }
 :is(.ui-hero,.fnd-hero) { padding:44px 0 36px !important; }
 :is(.ui-small-label,.fnd-small-label) { margin-bottom:20px; font-size:9px; }
 :is(.ui-hero,.fnd-hero) h1 { font-size:46px; line-height:1.06; letter-spacing:-1.9px; margin-bottom:22px; }
 :is(.ui-hero-description,.fnd-hero-description) { font-size:13px; line-height:1.85; margin-bottom:26px; }
 :is(.ui-hero-buttons,.fnd-hero-buttons) { gap:8px; }
 body :is(.btn,.button):is(.ui-blue-button,.fnd-blue-button),body :is(.btn,.button):is(.ui-dark-button,.fnd-dark-button),body :is(.ui-btn-flat,.fnd-btn-flat):is(.ui-white-button,.fnd-white-button) { padding:0 15px; font-size:10px; height:44px; line-height:42px; }
 :is(.editorial-discovery,.fnd-editorial-discovery) { display:block; padding:26px; border-radius:7px; }
 :is(.editorial-discovery-title,.fnd-editorial-discovery-title) { font-size:30px; margin:22px 0; }
 :is(.editorial-discovery-links,.fnd-editorial-discovery-links) a { padding:16px 0; font-size:12px; }
 :is(.editorial-discovery-foot,.fnd-editorial-discovery-foot) { margin-top:22px; }
 :is(.ui-brand-strip-inner,.fnd-brand-strip-inner) { min-height:72px; padding:18px 0; gap:14px 20px; justify-content:flex-start; }
 :is(.ui-brand-strip-inner,.fnd-brand-strip-inner) span { font-size:8px; letter-spacing:1.1px; }
 :is(.ui-section,.fnd-section) { padding:48px 0; }
 :is(.ui-products-section,.fnd-products-section) { padding-top:44px; padding-bottom:0; }
 :is(.ui-home-category-row,.fnd-home-category-row) { margin-bottom:32px; }
 :is(.ui-home-category-head,.fnd-home-category-head) { align-items:center; gap:12px; padding-bottom:16px; margin-bottom:18px; }
 :is(.ui-home-category-title,.fnd-home-category-title) { font-size:25px; letter-spacing:-.7px; }
 :is(.ui-home-category-all,.fnd-home-category-all) { font-size:9px; padding:7px 9px; }
 :is(.ui-carousel-product-card,.fnd-carousel-product-card) { flex-basis:78%; }
 body :is(.ui-product-image-box,.fnd-product-image-box) { height:240px; }
 :is(.ui-carousel-product-body,.fnd-carousel-product-body) { padding:20px; }
 :is(.ui-carousel-product-body,.fnd-carousel-product-body) h3 { font-size:17px; min-height:36px; }
 :is(.ui-carousel-detail-btn,.fnd-carousel-detail-btn),:is(.ui-carousel-cart-btn,.fnd-carousel-cart-btn) { font-size:12px; height:42px; }
 :is(.ui-carousel-arrow,.fnd-carousel-arrow) { display:none; }
 :is(.ui-section-title,.fnd-section-title) { font-size:35px; letter-spacing:-1.4px; }
 :is(.ui-section-text,.fnd-section-text) { font-size:12px; }
 :is(.ui-feature-card,.fnd-feature-card) { min-height:0; padding:22px 6px; margin-bottom:0; border-top-color:#d5c3e7; }
 :is(.ui-feature-card,.fnd-feature-card) h3 { font-size:25px; }
 :is(.ui-feature-icon,.fnd-feature-icon) { margin-bottom:12px; }
 :is(.ui-feature-section,.fnd-feature-section) :is(.ui-grid-row,.fnd-row):last-child { margin-bottom:0; }
 :is(.ui-category-pill,.fnd-category-pill) { padding:15px 20px; font-size:12px; }
 body :is(.ui-store-product-grid,.fnd-store-product-grid) { grid-template-columns:1fr; gap:20px; }
 body .store-product-media { height:300px; }
 body :is(.ui-store-product-body,.fnd-store-product-body) h3 { font-size:23px; }
 body :is(.ui-detail-media-box,.fnd-detail-media-box) { min-height:340px; padding:26px; }
 body :is(.ui-detail-info-box,.fnd-detail-info-box) h1 { font-size:38px; }
 body :is(.ui-trust-grid,.fnd-trust-grid) { grid-template-columns:1fr; }
 body :is(.ui-page-top,.fnd-page-top),body :is(.ui-blog-hero,.fnd-blog-hero) { padding:36px 0; }
 body :is(.ui-page-top,.fnd-page-top) h1,body :is(.ui-blog-hero,.fnd-blog-hero) h1 { font-size:38px; letter-spacing:-1.4px; }
 body :is(.ui-summary-card,.fnd-summary-card) { position:static; }
 body .store-footer { padding-top:44px; }
 body .footer-grid { gap:28px; }
 body .footer-brand { font-size:29px; }
}
@media (prefers-reduced-motion:reduce) {
 *,*::before,*::after { scroll-behavior:auto !important; transition:none !important; }
}

/* Foundation layout integration; shared config markup keeps its original classes. */
.grid-container{padding-left:0;padding-right:0}.grid-x.grid-padding-x{margin-left:-12px;margin-right:-12px}.grid-padding-x>.cell{padding-left:12px;padding-right:12px;min-height:1px}.fnd-content{isolation:isolate}.fnd-row-gap{margin-bottom:1.25rem}.button{margin-bottom:0;font-family:inherit}.button.clear{background:transparent}.button:focus-visible{outline:2px solid currentColor;outline-offset:3px}table tbody tr:nth-child(even){background:transparent}table tbody{border:0;background:transparent;color:inherit}input,select,textarea{margin-bottom:0}article{display:block}

/* Purple theme: Foundation button states and local branding. */
.button.clear{color:#6d28d9}.button.clear:hover,.button.clear:focus{color:#4c1d95}.button.primary{background:#6d28d9;color:white}.button.primary:hover{background:#4c1d95}