/*
 * 11.6.5 — High-Fidelity Claymorphism presentation layer.
 * Presentation only. Commerce, catalog, SEO, product data, routes and plugin
 * integrations remain owned by the existing theme/plugin code.
 */

/* --------------------------------------------------------------------------
   0. Clay design tokens
   -------------------------------------------------------------------------- */
body.nt-clay {
    --clay-canvas: #F4F1FA;
    --clay-surface: rgba(255,255,255,.72);
    --clay-surface-solid: #FBF9FE;
    --clay-surface-soft: #EFEBF5;
    --clay-text: #332F3A;
    --clay-muted: #635F69;
    --clay-violet: #7C3AED;
    --clay-violet-light: #A78BFA;
    --clay-pink: #DB2777;
    --clay-blue: #0EA5E9;
    --clay-green: #10B981;
    --clay-amber: #F59E0B;
    --clay-danger: #E11D48;
    --clay-line: rgba(98,80,124,.11);
    --clay-line-strong: rgba(124,58,237,.20);
    --clay-r-sm: 20px;
    --clay-r-md: 24px;
    --clay-r-lg: 32px;
    --clay-r-xl: 48px;
    --clay-shadow-deep:
        30px 30px 60px rgba(177,166,196,.38),
        -30px -30px 60px rgba(255,255,255,.92),
        inset 10px 10px 20px rgba(139,92,246,.035),
        inset -10px -10px 20px rgba(255,255,255,.78);
    --clay-shadow-card:
        16px 16px 32px rgba(160,150,180,.20),
        -10px -10px 24px rgba(255,255,255,.90),
        inset 6px 6px 12px rgba(139,92,246,.025),
        inset -6px -6px 12px rgba(255,255,255,.88);
    --clay-shadow-card-hover:
        22px 24px 42px rgba(151,140,173,.26),
        -12px -12px 28px rgba(255,255,255,.96),
        inset 6px 6px 12px rgba(139,92,246,.03),
        inset -6px -6px 12px rgba(255,255,255,.92);
    --clay-shadow-button:
        12px 12px 24px rgba(124,58,237,.26),
        -8px -8px 16px rgba(255,255,255,.45),
        inset 4px 4px 8px rgba(255,255,255,.34),
        inset -4px -4px 8px rgba(61,28,116,.14);
    --clay-shadow-pressed:
        inset 10px 10px 20px rgba(207,201,220,.86),
        inset -10px -10px 20px rgba(255,255,255,.92);

    /* Alias the legacy design tokens so old components inherit the new world. */
    --primary-color: var(--clay-violet);
    --primary-strong: #6D28D9;
    --primary-soft: var(--clay-violet-light);
    --primary-glow: rgba(124,58,237,.18);
    --secondary-color: var(--clay-pink);
    --accent-color: var(--clay-amber);
    --dark-bg: var(--clay-canvas);
    --surface-bg: var(--clay-surface-soft);
    --surface-solid: var(--clay-surface-solid);
    --surface-raised: #FFFFFF;
    --card-bg: var(--clay-surface);
    --text-main: var(--clay-text);
    --text-strong: #25212B;
    --text-muted: var(--clay-muted);
    --glass-border: var(--clay-line);
    --glass-glow: rgba(255,255,255,.55);
    --success-color: var(--clay-green);
    --danger-color: var(--clay-danger);
    --info-color: var(--clay-blue);
    --border-radius: var(--clay-r-lg);
    --radius-btn: var(--clay-r-sm);
    --radius-sm: var(--clay-r-sm);
    --shadow-card: var(--clay-shadow-card);

    --nt-bg: var(--clay-canvas);
    --nt-bg-2: var(--clay-canvas);
    --nt-elevated: var(--clay-surface-soft);
    --nt-card: var(--clay-surface);
    --nt-interactive: #FFFFFF;
    --nt-text: var(--clay-text);
    --nt-text-2: var(--clay-muted);
    --nt-muted: var(--clay-muted);
    --nt-muted-2: #77717D;
    --nt-border: var(--clay-line);
    --nt-border-strong: var(--clay-line-strong);
    --nt-border-subtle: rgba(98,80,124,.07);
    --nt-orange: var(--clay-violet);
    --nt-purple: var(--clay-pink);
    --nt-blue: var(--clay-blue);
    --nt-cyan: #06B6D4;
    --nt-emerald: var(--clay-green);
    --nt-danger: var(--clay-danger);
    --nt-r-sm: 20px;
    --nt-r-md: 24px;
    --nt-r-lg: 32px;
    --nt-r-xl: 48px;
    --nt-shadow: var(--clay-shadow-card-hover);
    --nt-shadow-soft: var(--clay-shadow-card);
}

html { background: #F4F1FA; }

body.nt-clay,
body.nt-clay.nt-v6 {
    position: relative;
    isolation: isolate;
    min-height: 100vh;
    background: var(--clay-canvas) !important;
    background-image: none !important;
    color: var(--clay-text) !important;
    font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif !important;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

body.nt-clay::before,
body.nt-clay::after {
    content: '';
    position: fixed;
    inset: -16vh -14vw;
    z-index: -2;
    pointer-events: none;
    transform: translateZ(0);
}

body.nt-clay::before {
    background:
        radial-gradient(circle at 13% 15%, rgba(124,58,237,.16) 0 10%, transparent 32%),
        radial-gradient(circle at 88% 18%, rgba(14,165,233,.13) 0 10%, transparent 30%),
        radial-gradient(circle at 18% 84%, rgba(219,39,119,.11) 0 10%, transparent 30%),
        radial-gradient(circle at 83% 82%, rgba(16,185,129,.10) 0 8%, transparent 27%);
    filter: blur(16px);
    opacity: .92;
    animation: ntClayWorldFloat 16s ease-in-out infinite alternate;
}

body.nt-clay::after {
    inset: 0;
    z-index: -1;
    background:
        linear-gradient(135deg, rgba(255,255,255,.36), transparent 28%),
        radial-gradient(circle at 50% -18%, rgba(255,255,255,.85), transparent 36%);
    opacity: .78;
}

@keyframes ntClayWorldFloat {
    0% { transform: translate3d(0,0,0) rotate(0deg) scale(1); }
    50% { transform: translate3d(1.5vw,-1.6vh,0) rotate(1.2deg) scale(1.015); }
    100% { transform: translate3d(-1vw,1.2vh,0) rotate(-1deg) scale(1.01); }
}

body.nt-clay h1,
body.nt-clay h2,
body.nt-clay h3,
body.nt-clay h4,
body.nt-clay h5,
body.nt-clay h6,
body.nt-clay .bm-display,
body.nt-clay .site-logo,
body.nt-clay .nt-card-heading,
body.nt-clay .nt-product-price-v6__line,
body.nt-clay .nt-product-card-v6__price strong,
body.nt-clay .woocommerce-Price-amount {
    font-family: 'Inter', 'Inter', ui-sans-serif, system-ui, sans-serif !important;
}

body.nt-clay h1,
body.nt-clay h2,
body.nt-clay h3,
body.nt-clay .bm-display { color: var(--clay-text) !important; }

body.nt-clay p,
body.nt-clay li,
body.nt-clay td,
body.nt-clay .nt-text-muted { color: var(--clay-muted); }

body.nt-clay ::selection { background: rgba(124,58,237,.22); color: #251E31; }

/* --------------------------------------------------------------------------
   1. Shared clay primitives
   -------------------------------------------------------------------------- */
body.nt-clay :where(
    .glass-card,
    .nt-rate-card,
    .nt-product-card-v6,
    .category-card,
    .archive-sidebar-card,
    .nt-category-directory-v6__item,
    .nt-category-directory-card,
    .nt-action-card,
    .nt-faq-v6__list,
    .nt-feature-slide,
    .nt-final-cta__panel,
    .nt-hero-signal,
    .nt-auth-card,
    .nt-widget-card,
    .nt-cart-panel,
    .nt-cart-items-card,
    .nt-cart-summary-card,
    .nt-checkout-details-card,
    .nt-checkout-review-card,
    .nt-account-overview,
    .nt-account-orders,
    .nt-dash-header__card,
    .nt-dash-stat,
    .nt-modal > div,
    .nt-search-modal-v6__card
) {
    background: rgba(255,255,255,.72) !important;
    border: 1px solid rgba(255,255,255,.72) !important;
    border-radius: var(--clay-r-lg) !important;
    box-shadow: var(--clay-shadow-card) !important;
    backdrop-filter: blur(18px) saturate(120%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(120%) !important;
}

body.nt-clay :where(
    .nt-product-card-v6,
    .nt-rate-card,
    .category-card,
    .nt-category-directory-v6__item,
    .nt-category-directory-card,
    .nt-action-card,
    .nt-feature-slide,
    .bm-cat,
    .bm-step,
    .bm-contact-card,
    .bm-post-card
) {
    transition: transform .42s cubic-bezier(.2,.75,.25,1), box-shadow .42s ease, border-color .25s ease !important;
}

@media (hover:hover) and (pointer:fine) {
    body.nt-clay :where(
        .nt-product-card-v6,
        .nt-rate-card,
        .category-card,
        .nt-category-directory-v6__item,
        .nt-category-directory-card,
        .nt-action-card,
        .nt-feature-slide,
        .bm-cat,
        .bm-step,
        .bm-contact-card,
        .bm-post-card
    ):hover {
        transform: translateY(-8px) !important;
        box-shadow: var(--clay-shadow-card-hover) !important;
        border-color: rgba(124,58,237,.16) !important;
    }
}

/* --------------------------------------------------------------------------
   2. Header, announcement and mobile drawer
   -------------------------------------------------------------------------- */
body.nt-clay .bm-promobar,
body.nt-clay .nt-announce {
    color: #fff !important;
    background: linear-gradient(135deg, #8B5CF6, #7C3AED 48%, #DB2777) !important;
    border: 0 !important;
    box-shadow: 0 10px 28px rgba(124,58,237,.20) !important;
}

body.nt-clay .nt-floating-header {
    position: fixed !important;
    inset: 14px 18px auto !important;
    width: auto !important;
    max-width: 1380px !important;
    margin: 0 auto !important;
    background: rgba(255,255,255,.78) !important;
    border: 1px solid rgba(255,255,255,.82) !important;
    border-radius: 36px !important;
    box-shadow:
        14px 14px 34px rgba(154,145,174,.18),
        -8px -8px 24px rgba(255,255,255,.78),
        inset 1px 1px 0 rgba(255,255,255,.9) !important;
    backdrop-filter: blur(20px) saturate(135%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(135%) !important;
    overflow: visible !important;
}

body.nt-clay.admin-bar .nt-floating-header { top: 46px !important; }
body.nt-clay .nt-floating-header__inner {
    max-width: 1340px !important;
    min-height: 68px !important;
    padding: 10px 16px 10px 18px !important;
    border-radius: 36px !important;
}

body.nt-clay { --bm-header-h: 94px; }
body.nt-clay .bm-home > :first-child,
body.nt-clay .bm-page > :first-child { padding-top: calc(var(--bm-header-h) + clamp(32px,5vw,66px)); }

body.nt-clay .site-logo {
    color: var(--clay-text) !important;
    font-weight: 900 !important;
    letter-spacing: -.035em !important;
}
body.nt-clay .site-logo__mark,
body.nt-clay .site-logo__accent { color: var(--clay-violet) !important; }
body.nt-clay .site-logo__word { color: var(--clay-text) !important; }

body.nt-clay .nt-desktop-nav a {
    min-height: 44px;
    padding: 10px 14px !important;
    border-radius: 16px !important;
    color: var(--clay-muted) !important;
    font-weight: 700 !important;
}
body.nt-clay .nt-desktop-nav a:hover,
body.nt-clay .nt-desktop-nav a:focus-visible,
body.nt-clay .nt-desktop-nav a[aria-current='page'] {
    color: var(--clay-violet) !important;
    background: rgba(124,58,237,.085) !important;
    box-shadow: inset 4px 4px 10px rgba(205,198,219,.58), inset -4px -4px 10px rgba(255,255,255,.82) !important;
}

body.nt-clay .nt-header-icon,
body.nt-clay .mobile-nav-toggle {
    width: 46px !important;
    height: 46px !important;
    border: 0 !important;
    border-radius: 16px !important;
    color: var(--clay-text) !important;
    background: rgba(255,255,255,.80) !important;
    box-shadow: 7px 7px 14px rgba(162,152,182,.18), -5px -5px 12px rgba(255,255,255,.82) !important;
}
body.nt-clay .nt-header-icon:active,
body.nt-clay .mobile-nav-toggle:active {
    transform: scale(.94) !important;
    box-shadow: var(--clay-shadow-pressed) !important;
}

body.nt-clay .bm-drawer { background: rgba(51,47,58,.26) !important; backdrop-filter: blur(8px) !important; }
body.nt-clay .bm-drawer__panel {
    background: rgba(250,248,253,.97) !important;
    color: var(--clay-text) !important;
    border-radius: 0 34px 34px 0 !important;
    box-shadow: 24px 0 54px rgba(89,75,111,.24), inset -1px 0 0 rgba(255,255,255,.7) !important;
}
body.nt-clay .bm-drawer__nav a,
body.nt-clay .bm-drawer__account,
body.nt-clay .bm-drawer__search,
body.nt-clay .bm-drawer__note {
    background: rgba(255,255,255,.68) !important;
    border: 1px solid rgba(255,255,255,.78) !important;
    border-radius: 22px !important;
    color: var(--clay-text) !important;
    box-shadow: 8px 8px 18px rgba(166,156,186,.13), -6px -6px 16px rgba(255,255,255,.8) !important;
}

/* --------------------------------------------------------------------------
   3. Typography, labels and buttons
   -------------------------------------------------------------------------- */
body.nt-clay .bm-display {
    font-weight: 900 !important;
    letter-spacing: -.045em !important;
    line-height: 1.06 !important;
}
body.nt-clay .bm-hero .bm-display {
    font-size: clamp(3rem, 6.2vw, 5.9rem) !important;
    max-width: 10.5ch;
}
body.nt-clay .bm-display--sm { font-size: clamp(2.1rem, 4.4vw, 4rem) !important; }
body.nt-clay .bm-display__accent,
body.nt-clay .nt-display-title__accent,
body.nt-clay .bm-accent {
    color: var(--clay-violet) !important;
    background: linear-gradient(110deg, #332F3A 5%, #7C3AED 55%, #DB2777 95%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

body.nt-clay .bm-eyebrow,
body.nt-clay .nt-kicker,
body.nt-clay .nt-commerce-page-head__eyebrow {
    display: inline-flex !important;
    align-items: center;
    width: max-content;
    min-height: 36px;
    padding: 7px 13px !important;
    border-radius: 999px !important;
    color: var(--clay-violet) !important;
    background: rgba(255,255,255,.64) !important;
    border: 1px solid rgba(255,255,255,.78) !important;
    box-shadow: 7px 7px 15px rgba(169,157,190,.14), -5px -5px 14px rgba(255,255,255,.82) !important;
    font-size: .76rem !important;
    font-weight: 800 !important;
    letter-spacing: .055em !important;
}

body.nt-clay :where(.bm-btn,.nt-btn,.woocommerce a.button,.woocommerce button.button,button.single_add_to_cart_button) {
    min-height: 52px !important;
    padding: 12px 20px !important;
    border-radius: 20px !important;
    border: 0 !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 800 !important;
    letter-spacing: .005em !important;
    transition: transform .22s cubic-bezier(.2,.8,.2,1), box-shadow .22s ease, filter .22s ease !important;
}
body.nt-clay :where(.bm-btn--primary,.nt-btn--primary,.btn-primary,.btn-brand-primary,.woocommerce a.button.alt,.woocommerce button.button.alt,button.single_add_to_cart_button) {
    color: #fff !important;
    background: linear-gradient(145deg, #A78BFA, #7C3AED 60%, #6D28D9) !important;
    box-shadow: var(--clay-shadow-button) !important;
}
body.nt-clay :where(.bm-btn--ghost,.nt-btn--quiet,.btn-secondary,.woocommerce a.button:not(.alt),.woocommerce button.button:not(.alt)) {
    color: var(--clay-text) !important;
    background: rgba(255,255,255,.76) !important;
    border: 1px solid rgba(255,255,255,.84) !important;
    box-shadow: 9px 9px 20px rgba(159,149,180,.18), -7px -7px 18px rgba(255,255,255,.82) !important;
}
@media (hover:hover) and (pointer:fine) {
    body.nt-clay :where(.bm-btn,.nt-btn,.woocommerce a.button,.woocommerce button.button,button.single_add_to_cart_button):hover {
        transform: translateY(-4px) !important;
        filter: saturate(1.05) !important;
    }
}
body.nt-clay :where(.bm-btn,.nt-btn,.woocommerce a.button,.woocommerce button.button,button.single_add_to_cart_button):active {
    transform: scale(.92) translateY(1px) !important;
    box-shadow: var(--clay-shadow-pressed) !important;
}
body.nt-clay :focus-visible {
    outline: 0 !important;
    box-shadow: 0 0 0 4px rgba(124,58,237,.22), var(--clay-shadow-card) !important;
}

/* --------------------------------------------------------------------------
   4. Hero
   -------------------------------------------------------------------------- */
body.nt-clay .bm-hero {
    position: relative;
    background: transparent !important;
    padding-bottom: clamp(56px,7vw,92px) !important;
}
body.nt-clay .bm-hero__grid {
    position: relative;
    align-items: center !important;
    gap: clamp(36px,5vw,84px) !important;
}
body.nt-clay .bm-hero__copy { position: relative; z-index: 2; }
body.nt-clay .bm-hero__lead {
    max-width: 62ch;
    color: var(--clay-muted) !important;
    font-size: clamp(1rem,1.5vw,1.18rem) !important;
    line-height: 1.75 !important;
    font-weight: 500 !important;
}

body.nt-clay .bm-hero-search {
    max-width: 740px !important;
    margin-top: 28px !important;
    padding: 8px !important;
    border: 0 !important;
    border-radius: 28px !important;
    background: var(--clay-surface-soft) !important;
    box-shadow: var(--clay-shadow-pressed) !important;
}
body.nt-clay .bm-hero-search input {
    color: var(--clay-text) !important;
    background: transparent !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
}
body.nt-clay .bm-hero-search input::placeholder { color: #827A89 !important; }
body.nt-clay .bm-hero-search__icon { color: var(--clay-violet) !important; }
body.nt-clay .bm-hero-search__categories { color: var(--clay-muted) !important; }
body.nt-clay .bm-hero-search__categories a,
body.nt-clay .nt-search-modal-v6__categories a {
    color: var(--clay-text) !important;
    background: rgba(255,255,255,.66) !important;
    border: 1px solid rgba(255,255,255,.8) !important;
    border-radius: 999px !important;
    box-shadow: 5px 5px 12px rgba(167,157,186,.14), -4px -4px 10px rgba(255,255,255,.8) !important;
}

body.nt-clay .bm-hero__proof { gap: 10px 18px !important; }
body.nt-clay .bm-hero__proof li {
    color: var(--clay-muted) !important;
    font-weight: 700 !important;
}
body.nt-clay .bm-hero__proof li::before { color: var(--clay-green) !important; }

body.nt-clay .bm-hero__media { perspective: 1200px; }
body.nt-clay .bm-hero__img,
body.nt-clay .bm-hero__placeholder,
body.nt-clay .bm-hero__showcase {
    border-radius: 48px !important;
}
body.nt-clay .bm-hero__img {
    box-shadow: var(--clay-shadow-deep) !important;
    border: 1px solid rgba(255,255,255,.82) !important;
}
body.nt-clay .bm-showcase-card {
    position: relative;
    overflow: hidden;
    padding: clamp(20px,2.8vw,32px) !important;
    border: 1px solid rgba(255,255,255,.82) !important;
    border-radius: 48px !important;
    background: rgba(255,255,255,.68) !important;
    box-shadow: var(--clay-shadow-deep) !important;
    backdrop-filter: blur(18px) !important;
    transform: rotate(1.2deg);
    transition: transform .55s cubic-bezier(.2,.8,.2,1), box-shadow .4s ease;
}
@media (hover:hover) and (pointer:fine) {
    body.nt-clay .bm-showcase-card:hover { transform: rotate(0deg) translateY(-7px); }
}
body.nt-clay .bm-showcase-card::before {
    content:'';
    position:absolute;
    width:170px;height:170px;
    right:-60px;top:-62px;
    border-radius:50%;
    background:linear-gradient(145deg,rgba(167,139,250,.55),rgba(219,39,119,.26));
    filter:blur(1px);
    box-shadow: inset 18px 18px 30px rgba(255,255,255,.23), 14px 18px 34px rgba(124,58,237,.16);
}
body.nt-clay .bm-showcase-pill,
body.nt-clay .bm-showcase-stat,
body.nt-clay .bm-showcase-item__tag {
    border-radius: 999px !important;
    border: 0 !important;
    font-weight: 800 !important;
}
body.nt-clay .bm-showcase-pill {
    color: #047857 !important;
    background: rgba(16,185,129,.12) !important;
}
body.nt-clay .bm-showcase-stat { color: var(--clay-muted) !important; }
body.nt-clay .bm-showcase-card__list { gap: 12px !important; }
body.nt-clay .bm-showcase-item {
    min-height: 76px;
    padding: 12px 14px !important;
    border: 1px solid rgba(255,255,255,.78) !important;
    border-radius: 24px !important;
    background: rgba(255,255,255,.67) !important;
    box-shadow: 8px 9px 18px rgba(164,153,184,.14), -6px -6px 14px rgba(255,255,255,.76), inset 2px 2px 5px rgba(255,255,255,.6) !important;
}
body.nt-clay .bm-showcase-item__icon {
    width: 48px !important;
    height: 48px !important;
    border-radius: 17px !important;
    color: #fff !important;
    background: linear-gradient(145deg,#A78BFA,#7C3AED) !important;
    box-shadow: 7px 8px 16px rgba(124,58,237,.23), inset 3px 3px 7px rgba(255,255,255,.3) !important;
}
body.nt-clay .bm-showcase-item:nth-child(2) .bm-showcase-item__icon { background:linear-gradient(145deg,#38BDF8,#0EA5E9)!important; }
body.nt-clay .bm-showcase-item:nth-child(3) .bm-showcase-item__icon { background:linear-gradient(145deg,#F472B6,#DB2777)!important; }
body.nt-clay .bm-showcase-item:nth-child(4) .bm-showcase-item__icon { background:linear-gradient(145deg,#34D399,#10B981)!important; }
body.nt-clay .bm-showcase-item__info strong { color: var(--clay-text) !important; font-family:'Inter',sans-serif!important; font-weight:800!important; }
body.nt-clay .bm-showcase-item__info small,
body.nt-clay .bm-showcase-card__foot { color: var(--clay-muted) !important; }

/* --------------------------------------------------------------------------
   5. Sections, categories, steps and editorial blocks
   -------------------------------------------------------------------------- */
body.nt-clay .bm-section,
body.nt-clay .bm-section--plain,
body.nt-clay .bm-section--band,
body.nt-clay .nt-section-band,
body.nt-clay .bm-cta { background: transparent !important; }
body.nt-clay .bm-section { padding-block: clamp(58px,7vw,104px) !important; }
body.nt-clay .bm-section--band > .nt-container {
    position: relative;
    padding: clamp(28px,4vw,56px) !important;
    border-radius: 48px !important;
    background: rgba(255,255,255,.48) !important;
    border: 1px solid rgba(255,255,255,.70) !important;
    box-shadow: var(--clay-shadow-deep) !important;
    backdrop-filter: blur(16px) !important;
}
body.nt-clay .bm-section__lead,
body.nt-clay .bm-split__copy p { color: var(--clay-muted) !important; line-height: 1.75 !important; }
body.nt-clay .bm-text-link { color: var(--clay-violet) !important; font-weight: 800 !important; }

body.nt-clay .bm-cat-grid { gap: clamp(14px,2vw,24px) !important; }
body.nt-clay .bm-cat {
    min-height: 220px;
    padding: 24px !important;
    border: 1px solid rgba(255,255,255,.78) !important;
    border-radius: 32px !important;
    background: rgba(255,255,255,.70) !important;
    box-shadow: var(--clay-shadow-card) !important;
    color: var(--clay-text) !important;
}
body.nt-clay .bm-cat__icon,
body.nt-clay .nt-category-directory-v6__icon,
body.nt-clay .nt-category-directory-card__icon,
body.nt-clay .nt-category-tile__icon {
    width: 54px !important;
    height: 54px !important;
    border-radius: 18px !important;
    color: #fff !important;
    background: linear-gradient(145deg,#A78BFA,#7C3AED) !important;
    box-shadow: 8px 9px 18px rgba(124,58,237,.24), inset 3px 3px 7px rgba(255,255,255,.28) !important;
}
body.nt-clay .bm-cat:nth-child(2n) .bm-cat__icon { background: linear-gradient(145deg,#38BDF8,#0EA5E9)!important; }
body.nt-clay .bm-cat:nth-child(3n) .bm-cat__icon { background: linear-gradient(145deg,#F472B6,#DB2777)!important; }
body.nt-clay .bm-cat:nth-child(4n) .bm-cat__icon { background: linear-gradient(145deg,#34D399,#10B981)!important; }
body.nt-clay .bm-cat h3 { color: var(--clay-text) !important; font-size: 1.15rem !important; font-weight: 900 !important; }
body.nt-clay .bm-cat p,
body.nt-clay .bm-cat__meta { color: var(--clay-muted) !important; }
body.nt-clay .bm-cat__go { color: var(--clay-violet) !important; font-weight: 800 !important; }

body.nt-clay .bm-checklist {
    padding: clamp(24px,3vw,36px) !important;
    border: 1px solid rgba(255,255,255,.78) !important;
    border-radius: 36px !important;
    background: rgba(255,255,255,.70) !important;
    box-shadow: var(--clay-shadow-card) !important;
}
body.nt-clay .bm-checklist li {
    border-color: rgba(98,80,124,.10) !important;
    color: var(--clay-muted) !important;
}
body.nt-clay .bm-checklist li i { color: var(--clay-green) !important; }

body.nt-clay .bm-steps { gap: 22px !important; }
body.nt-clay .bm-step {
    position: relative;
    padding: 26px !important;
    border: 1px solid rgba(255,255,255,.76) !important;
    border-top: 1px solid rgba(255,255,255,.76) !important;
    border-radius: 32px !important;
    background: rgba(255,255,255,.66) !important;
    box-shadow: var(--clay-shadow-card) !important;
}
body.nt-clay .bm-step__num {
    display: grid !important;
    place-items: center;
    width: 54px !important;
    height: 54px !important;
    margin-bottom: 22px !important;
    border-radius: 50% !important;
    color: #fff !important;
    background: linear-gradient(145deg,#A78BFA,#7C3AED) !important;
    box-shadow: 8px 9px 18px rgba(124,58,237,.22), inset 3px 3px 7px rgba(255,255,255,.28) !important;
    font-family:'Inter',sans-serif!important;
    font-weight:900!important;
}
body.nt-clay .bm-step h3 { color: var(--clay-text)!important; font-weight:900!important; }
body.nt-clay .bm-step p { color: var(--clay-muted)!important; }

body.nt-clay .bm-table-wrap {
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.8) !important;
    border-radius: 32px !important;
    background: rgba(255,255,255,.66) !important;
    box-shadow: var(--clay-shadow-card) !important;
}
body.nt-clay .bm-table tr { border-color: rgba(98,80,124,.09)!important; }
body.nt-clay .bm-table th { color: var(--clay-text)!important; font-family:'Inter',sans-serif!important; font-weight:800!important; }
body.nt-clay .bm-table td { color: var(--clay-muted)!important; }

body.nt-clay .bm-faq { border: 0 !important; display:grid; gap:14px; }
body.nt-clay .bm-faq__item {
    overflow:hidden;
    border: 1px solid rgba(255,255,255,.76) !important;
    border-radius: 26px !important;
    background: rgba(255,255,255,.62) !important;
    box-shadow: 9px 10px 20px rgba(164,153,184,.14), -6px -6px 15px rgba(255,255,255,.78) !important;
}
body.nt-clay .bm-faq__q {
    padding: 20px 22px !important;
    color: var(--clay-text) !important;
    font-family:'Inter',sans-serif!important;
    font-weight:800!important;
}
body.nt-clay .bm-faq__q:hover,
body.nt-clay .bm-faq__q[aria-expanded='true'] { color: var(--clay-violet)!important; }
body.nt-clay .bm-faq__a { padding: 0 22px 22px !important; }

body.nt-clay .bm-cta__inner,
body.nt-clay .nt-final-cta__panel {
    position:relative;
    overflow:hidden;
    padding: clamp(30px,5vw,64px) !important;
    border: 1px solid rgba(255,255,255,.80) !important;
    border-radius: 48px !important;
    background: rgba(255,255,255,.68) !important;
    box-shadow: var(--clay-shadow-deep) !important;
}
body.nt-clay .bm-cta__inner::after {
    content:''; position:absolute; right:-74px; bottom:-92px; width:230px; height:230px; border-radius:50%;
    background:linear-gradient(145deg,rgba(219,39,119,.28),rgba(124,58,237,.22));
    box-shadow:inset 18px 18px 38px rgba(255,255,255,.25);
    pointer-events:none;
}

/* --------------------------------------------------------------------------
   6. Full catalog picker, search, filters and currency controls
   -------------------------------------------------------------------------- */
body.nt-clay .nt-service-picker-wrap { margin-bottom: 18px !important; }
body.nt-clay .nt-service-picker { border-radius: 30px !important; }
body.nt-clay .nt-service-picker__summary {
    min-height: 72px !important;
    padding: 12px 16px !important;
    color: var(--clay-text) !important;
    background: rgba(255,255,255,.72) !important;
    border: 1px solid rgba(255,255,255,.82) !important;
    border-radius: 26px !important;
    box-shadow: var(--clay-shadow-card) !important;
}
body.nt-clay .nt-service-picker[open] .nt-service-picker__summary {
    border-color: rgba(124,58,237,.20) !important;
    border-radius: 26px !important;
}
body.nt-clay .nt-service-picker__summary-icon {
    width: 46px !important;
    height: 46px !important;
    border-radius: 17px !important;
    color: #fff !important;
    background: linear-gradient(145deg,#A78BFA,#7C3AED) !important;
    box-shadow: 7px 8px 16px rgba(124,58,237,.22), inset 3px 3px 7px rgba(255,255,255,.3) !important;
}
body.nt-clay .nt-service-picker__summary-copy strong { color: var(--clay-text)!important; font-family:'Inter',sans-serif!important; font-weight:900!important; }
body.nt-clay .nt-service-picker__summary-copy small,
body.nt-clay .nt-service-picker__summary-hint,
body.nt-clay .nt-service-picker__chevron { color: var(--clay-muted)!important; }
body.nt-clay .nt-service-picker__panel {
    margin-top: 12px !important;
    padding: 14px !important;
    background: rgba(250,248,253,.96) !important;
    border: 1px solid rgba(255,255,255,.82) !important;
    border-radius: 30px !important;
    box-shadow: 18px 22px 44px rgba(132,118,154,.20), -10px -10px 26px rgba(255,255,255,.84) !important;
    backdrop-filter: blur(22px) !important;
}
body.nt-clay .nt-service-picker__search-wrap {
    padding: 8px 10px !important;
    border: 0 !important;
    border-radius: 22px !important;
    background: var(--clay-surface-soft) !important;
    box-shadow: var(--clay-shadow-pressed) !important;
}
body.nt-clay .nt-service-picker__search-wrap input {
    color: var(--clay-text)!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
}
body.nt-clay .nt-service-picker__item {
    min-height: 64px;
    margin: 6px 0;
    padding: 9px 10px !important;
    border-radius: 20px !important;
    color: var(--clay-text) !important;
    border: 1px solid transparent !important;
}
body.nt-clay .nt-service-picker__item:hover,
body.nt-clay .nt-service-picker__item:focus-visible {
    background: rgba(255,255,255,.74) !important;
    border-color: rgba(255,255,255,.86) !important;
    box-shadow: 7px 8px 16px rgba(164,153,184,.12), -5px -5px 12px rgba(255,255,255,.72) !important;
}
body.nt-clay .nt-service-picker__badge {
    border-radius: 15px !important;
    color: #fff !important;
    background: linear-gradient(145deg,#38BDF8,#0EA5E9) !important;
    box-shadow: 6px 7px 13px rgba(14,165,233,.19), inset 2px 2px 5px rgba(255,255,255,.28) !important;
}
body.nt-clay .nt-service-picker__item-copy strong { color: var(--clay-text)!important; font-weight:800!important; }
body.nt-clay .nt-service-picker__item-copy small { color: var(--clay-muted)!important; }
body.nt-clay .nt-service-picker__price { color: var(--clay-violet)!important; font-family:'Inter',sans-serif!important; font-weight:900!important; }

body.nt-clay .nt-toolfilter { gap: 10px !important; }
body.nt-clay .nt-toolfilter__chip,
body.nt-clay .bm-chip,
body.nt-clay .nt-category-filter-v6 a,
body.nt-clay .nt-currency-switcher button {
    min-height: 42px;
    padding: 9px 14px !important;
    color: var(--clay-text) !important;
    background: rgba(255,255,255,.68) !important;
    border: 1px solid rgba(255,255,255,.82) !important;
    border-radius: 999px !important;
    box-shadow: 6px 7px 14px rgba(165,154,184,.14), -5px -5px 12px rgba(255,255,255,.78) !important;
    font-weight: 800 !important;
}
body.nt-clay .nt-toolfilter__chip span { color:var(--clay-muted)!important; }
body.nt-clay .nt-toolfilter__chip.is-active,
body.nt-clay .nt-currency-switcher button.is-active {
    color:#fff !important;
    background:linear-gradient(145deg,#A78BFA,#7C3AED)!important;
    border-color:transparent!important;
    box-shadow:var(--clay-shadow-button)!important;
}
body.nt-clay .nt-currency-switcher { color: var(--clay-muted)!important; }

body.nt-clay .nt-live-search-results,
body.nt-clay #searchSuggestionsDropdown {
    overflow:hidden;
    padding:8px!important;
    background:rgba(250,248,253,.96)!important;
    border:1px solid rgba(255,255,255,.84)!important;
    border-radius:24px!important;
    box-shadow:18px 22px 42px rgba(121,105,146,.20),-10px -10px 24px rgba(255,255,255,.84)!important;
    backdrop-filter:blur(20px)!important;
}
body.nt-clay .nt-live-search-result { border-radius:18px!important; color:var(--clay-text)!important; }
body.nt-clay .nt-live-search-result:hover,
body.nt-clay .nt-live-search-result[aria-selected='true'] { background:rgba(124,58,237,.075)!important; }

/* --------------------------------------------------------------------------
   7. Product cards and grids
   -------------------------------------------------------------------------- */
body.nt-clay .products-grid,
body.nt-clay .nt-product-grid,
body.nt-clay .woocommerce ul.products { gap: clamp(14px,2vw,24px) !important; }

body.nt-clay .nt-product-card-v6,
body.nt-clay .nt-rate-card,
body.nt-clay .woocommerce ul.products li.product {
    position:relative;
    overflow:hidden;
    padding: 18px !important;
    color: var(--clay-text) !important;
    background: rgba(255,255,255,.70) !important;
    border: 1px solid rgba(255,255,255,.80) !important;
    border-radius: 32px !important;
    box-shadow: var(--clay-shadow-card) !important;
}
body.nt-clay .nt-product-card-v6__badge {
    width: 58px !important;
    height: 58px !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,.72) !important;
    box-shadow: 7px 8px 16px rgba(163,152,183,.13), -5px -5px 13px rgba(255,255,255,.76) !important;
}
body.nt-clay .nt-product-card-v6__badge img { padding: 6px !important; }
body.nt-clay .nt-product-card-v6__eyebrow,
body.nt-clay .nt-product-card-v6--compact .nt-product-card-v6__eyebrow { color: var(--clay-violet)!important; font-weight:900!important; }
body.nt-clay .nt-product-card-v6__status.is-available { color: #059669!important; }
body.nt-clay .nt-product-card-v6__status.is-unavailable { color: var(--clay-muted)!important; }
body.nt-clay .nt-product-card-v6__discount {
    color:#fff!important;
    background:linear-gradient(145deg,#F472B6,#DB2777)!important;
    border-radius:999px!important;
    box-shadow:6px 7px 14px rgba(219,39,119,.18)!important;
}
body.nt-clay .nt-product-card-v6__body h3,
body.nt-clay .nt-product-card-v6__body h3 a {
    color: var(--clay-text) !important;
    font-family:'Inter',sans-serif!important;
    font-weight:900!important;
}
body.nt-clay .nt-product-card-v6__body > p { color: var(--clay-muted)!important; }
body.nt-clay .nt-product-card-v6__price small { color: var(--clay-muted)!important; }
body.nt-clay .nt-product-card-v6__price strong,
body.nt-clay .nt-product-card-v6__price strong * { color: var(--clay-violet)!important; }
body.nt-clay .nt-product-card-v6__rating { color: var(--clay-muted)!important; }
body.nt-clay .nt-product-card-v6__rating i { color: var(--clay-amber)!important; }
body.nt-clay .nt-product-card-v6__meta span {
    color:var(--clay-muted)!important;
    background:rgba(124,58,237,.055)!important;
    border-radius:16px!important;
}
body.nt-clay .nt-product-card-v6__actions .bm-btn { min-height:46px!important; border-radius:17px!important; }

/* --------------------------------------------------------------------------
   8. Product page, shop/archive and content-page chrome
   -------------------------------------------------------------------------- */
body.nt-clay .nt-page-hero-v84,
body.nt-clay .nt-guide-hero-v9,
body.nt-clay .nt-shop-intro-v84,
body.nt-clay .nt-directory-hero-v6,
body.nt-clay .nt-archive-v6__hero,
body.nt-clay .nt-content-page__header,
body.nt-clay .nt-commerce-page-head {
    color: var(--clay-text)!important;
    background: rgba(255,255,255,.62)!important;
    border: 1px solid rgba(255,255,255,.78)!important;
    border-radius: 42px!important;
    box-shadow: var(--clay-shadow-deep)!important;
}

body.nt-clay .nt-catalog-sidebar__sticky,
body.nt-clay .archive-sidebar-card,
body.nt-clay .nt-filter-shell,
body.nt-clay .nt-catalog-search-v6,
body.nt-clay .nt-catalog-sort-v6 {
    color: var(--clay-text)!important;
    background:rgba(255,255,255,.66)!important;
    border:1px solid rgba(255,255,255,.78)!important;
    border-radius:28px!important;
    box-shadow:var(--clay-shadow-card)!important;
}

body.nt-clay :where(input:not([type='checkbox']):not([type='radio']),select,textarea) {
    color: var(--clay-text)!important;
    background: var(--clay-surface-soft)!important;
    border: 0!important;
    border-radius: 20px!important;
    box-shadow: var(--clay-shadow-pressed)!important;
}
body.nt-clay :where(input:not([type='checkbox']):not([type='radio']),select,textarea):focus {
    background:#fff!important;
    outline:0!important;
    box-shadow:0 0 0 4px rgba(124,58,237,.16),var(--clay-shadow-pressed)!important;
}
body.nt-clay input::placeholder,
body.nt-clay textarea::placeholder { color:#807987!important; opacity:1!important; }

body.nt-clay .nt-product-gallery-v6,
body.nt-clay .nt-product-summary-v6,
body.nt-clay .nt-product-information,
body.nt-clay .nt-related-products-v92,
body.nt-clay .nt-product-purchase-v6 {
    background:rgba(255,255,255,.66)!important;
    border-color:rgba(255,255,255,.78)!important;
    border-radius:36px!important;
    box-shadow:var(--clay-shadow-card)!important;
}
body.nt-clay .nt-product-gallery-v6 img { border-radius:28px!important; }
body.nt-clay .nt-product-summary-v6 h1 { color:var(--clay-text)!important; font-family:'Inter',sans-serif!important; font-weight:900!important; }
body.nt-clay .nt-product-price-v6__line,
body.nt-clay .nt-product-price-v6__line * { color:var(--clay-violet)!important; }
body.nt-clay .nt-product-information__nav {
    background:var(--clay-surface-soft)!important;
    border-radius:22px!important;
    box-shadow:var(--clay-shadow-pressed)!important;
}
body.nt-clay .nt-product-information__nav button { border-radius:16px!important; color:var(--clay-muted)!important; }
body.nt-clay .nt-product-information__nav button.is-active { color:#fff!important; background:linear-gradient(145deg,#A78BFA,#7C3AED)!important; box-shadow:var(--clay-shadow-button)!important; }

body.nt-clay .bm-prose,
body.nt-clay .nt-article-content,
body.nt-clay .nt-content-page,
body.nt-clay .bm-article__body { color:var(--clay-muted)!important; }
body.nt-clay .bm-post-card,
body.nt-clay .bm-contact-card,
body.nt-clay .nt-article-featured,
body.nt-clay .bm-toc {
    background:rgba(255,255,255,.67)!important;
    border:1px solid rgba(255,255,255,.78)!important;
    border-radius:30px!important;
    box-shadow:var(--clay-shadow-card)!important;
}

/* --------------------------------------------------------------------------
   9. WooCommerce cart / checkout / account
   -------------------------------------------------------------------------- */
body.nt-clay.bm-commerce,
body.nt-clay.woocommerce-cart,
body.nt-clay.woocommerce-checkout,
body.nt-clay.woocommerce-account { background:var(--clay-canvas)!important; }
body.nt-clay .woocommerce-message,
body.nt-clay .woocommerce-info,
body.nt-clay .woocommerce-error {
    border:0!important;
    border-radius:24px!important;
    background:rgba(255,255,255,.72)!important;
    color:var(--clay-text)!important;
    box-shadow:var(--clay-shadow-card)!important;
}
body.nt-clay .woocommerce-message::before { color:var(--clay-green)!important; }
body.nt-clay .woocommerce-info::before { color:var(--clay-blue)!important; }
body.nt-clay .woocommerce-error::before { color:var(--clay-danger)!important; }
body.nt-clay table.shop_table,
body.nt-clay .woocommerce form.checkout_coupon,
body.nt-clay .woocommerce form.login,
body.nt-clay .woocommerce form.register {
    background:rgba(255,255,255,.68)!important;
    border:1px solid rgba(255,255,255,.78)!important;
    border-radius:28px!important;
    box-shadow:var(--clay-shadow-card)!important;
}

/* --------------------------------------------------------------------------
   10. Footer, modal, toast and consent
   -------------------------------------------------------------------------- */
body.nt-clay .nt-footer-v6,
body.nt-clay footer.site-footer {
    background: transparent !important;
    color: var(--clay-muted)!important;
}
body.nt-clay .nt-footer-v6 > .nt-container,
body.nt-clay .nt-footer-v6__inner {
    background:rgba(255,255,255,.54)!important;
    border:1px solid rgba(255,255,255,.74)!important;
    border-radius:48px!important;
    box-shadow:var(--clay-shadow-deep)!important;
}
body.nt-clay .nt-footer-group__toggle,
body.nt-clay .nt-footer-group__links a,
body.nt-clay .nt-footer-bottom,
body.nt-clay .nt-footer-trust-strip { color:var(--clay-muted)!important; }
body.nt-clay .nt-footer-group__toggle span,
body.nt-clay .nt-footer-v6 strong,
body.nt-clay .nt-footer-bottom strong { color:var(--clay-text)!important; }
body.nt-clay .nt-footer-group__links a:hover { color:var(--clay-violet)!important; }
body.nt-clay .nt-footer-trust-strip,
body.nt-clay .nt-footer-payments,
body.nt-clay .nt-footer-bottom { border-color:rgba(98,80,124,.10)!important; }

body.nt-clay .nt-search-modal-v6,
body.nt-clay .nt-modal { background:rgba(51,47,58,.25)!important; backdrop-filter:blur(12px)!important; }
body.nt-clay .nt-modal-close {
    color:var(--clay-text)!important;
    background:rgba(255,255,255,.72)!important;
    border:0!important;
    border-radius:16px!important;
    box-shadow:6px 7px 14px rgba(164,153,184,.14),-5px -5px 12px rgba(255,255,255,.75)!important;
}
body.nt-clay .nt-toast,
body.nt-clay .nt-consent {
    color:var(--clay-text)!important;
    background:rgba(255,255,255,.92)!important;
    border:1px solid rgba(255,255,255,.82)!important;
    border-radius:24px!important;
    box-shadow:18px 20px 38px rgba(129,114,151,.22),-8px -8px 20px rgba(255,255,255,.82)!important;
}

/* --------------------------------------------------------------------------
   11. Responsive clay behavior
   -------------------------------------------------------------------------- */
@media (max-width: 1180px) {
    body.nt-clay .nt-floating-header { inset: 10px 12px auto!important; border-radius:30px!important; }
    body.nt-clay .nt-floating-header__inner { min-height:62px!important; padding:8px 12px!important; border-radius:30px!important; }
    body.nt-clay { --bm-header-h: 84px; }
}

@media (max-width: 760px) {
    body.nt-clay .bm-hero .bm-display { font-size: clamp(2.65rem,12vw,4.15rem)!important; max-width:11ch; }
    body.nt-clay .bm-display--sm { font-size: clamp(2rem,8.8vw,3rem)!important; }
    body.nt-clay .bm-section { padding-block: 48px!important; }
    body.nt-clay .bm-section--band > .nt-container { padding:22px 14px!important; border-radius:32px!important; }
    body.nt-clay .bm-showcase-card { border-radius:34px!important; transform:none!important; }
    body.nt-clay .bm-cat,
    body.nt-clay .nt-product-card-v6,
    body.nt-clay .nt-rate-card { border-radius:24px!important; }
    body.nt-clay .bm-cat { min-height:176px; padding:16px!important; }
    body.nt-clay .bm-cat__icon { width:46px!important; height:46px!important; border-radius:15px!important; }
    body.nt-clay .nt-product-card-v6 { padding:13px!important; }
    body.nt-clay .nt-product-card-v6__badge { width:46px!important; height:46px!important; border-radius:15px!important; }
    body.nt-clay .bm-hero-search { grid-template-columns:34px minmax(0,1fr) auto!important; border-radius:22px!important; }
    body.nt-clay .bm-hero-search__submit { min-height:42px!important; padding-inline:13px!important; border-radius:16px!important; }
    body.nt-clay .nt-service-picker__summary { min-height:64px!important; border-radius:22px!important; }
    body.nt-clay .nt-service-picker__panel { border-radius:24px!important; }
    body.nt-clay :where(.bm-btn,.nt-btn,.woocommerce a.button,.woocommerce button.button,button.single_add_to_cart_button) { min-height:48px!important; }
    body.nt-clay .bm-cta__inner { border-radius:34px!important; padding:28px 20px!important; }
}

@media (max-width: 460px) {
    body.nt-clay .nt-floating-header { inset:8px 8px auto!important; border-radius:26px!important; }
    body.nt-clay .nt-floating-header__inner { border-radius:26px!important; }
    body.nt-clay .site-logo { font-size:1.05rem!important; }
    body.nt-clay .bm-hero .bm-display { font-size:clamp(2.35rem,12vw,3.45rem)!important; }
    body.nt-clay .bm-hero__lead { font-size:.96rem!important; }
    body.nt-clay .bm-cat-grid--auto { grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:10px!important; }
    body.nt-clay .bm-cat { min-height:164px; padding:14px!important; }
    body.nt-clay .bm-cat p { -webkit-line-clamp:2; display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; }
    body.nt-clay .products-grid,
    body.nt-clay .woocommerce ul.products { gap:10px!important; }
    body.nt-clay .nt-product-card-v6__actions .bm-btn { min-height:42px!important; padding:9px 10px!important; }
}

@media (prefers-reduced-motion: reduce) {
    body.nt-clay::before { animation:none!important; }
    body.nt-clay *,
    body.nt-clay *::before,
    body.nt-clay *::after { scroll-behavior:auto!important; animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; }
}