/* --- GLOBAL RESET & COMMAND CENTER STYLES - PEARLESCENT EDITION --- */
*, *::before, *::after { box-sizing: border-box; }

:root {
    /* -- PREMIUM LIGHT MODE VALUES -- */
    --bg-main: #f4f7f9;          /* Pearlescent base */
    --surface: #ffffff;          /* Clean white cards */
    --surface-hover: #fcfdfe; 
    --border-light: #e2e8f0;     /* Subtle grey-blue borders */
    
    --accent: #008a99;           /* Deep Sea Teal */
    --accent-soft: rgba(0, 138, 153, 0.1);
    --accent-glow: rgba(0, 138, 153, 0.2);
    
    --gold: #b45309;             /* Professional Gold/Amber */
    --gold-glow: rgba(180, 83, 9, 0.15);
    
    --text-main: #1e293b;        /* Dark Slate for readability */
    --text-muted: #64748b;       /* Cool grey for labels */
    --success: #10b981;
    --danger: #ef4444;
}

::-webkit-scrollbar { width: 10px; background: var(--bg-main); }
::-webkit-scrollbar-track { background: #f1f5f9; border-left: 1px solid var(--border-light); }
::-webkit-scrollbar-thumb { background: var(--accent); border-radius: 10px; border: 2px solid var(--bg-main); }

body {
    background-color: var(--bg-main);
    background-image: 
        radial-gradient(circle at 10% 20%, rgba(0, 138, 153, 0.03) 0, transparent 40%), 
        radial-gradient(circle at 90% 80%, rgba(239, 68, 68, 0.03) 0, transparent 40%);
    color: var(--text-main);
    font-family: 'Rajdhani', sans-serif;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    align-items: center;
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5 { font-family: 'Orbitron', sans-serif; letter-spacing: 1px; text-transform: uppercase; }

/* Inputs & Form Elements */
input:not(.gl-search-input), select, textarea { 
    background-color: #ffffff !important; 
    color: var(--text-main) !important; 
    border: 1px solid var(--border-light) !important; 
    border-radius: 12px !important; 
    padding: 15px !important; 
    transition: .3s; 
    font-family: 'Rajdhani', sans-serif; 
}
input:not(.gl-search-input):focus { border-color: var(--accent) !important; box-shadow: 0 0 15px var(--accent-glow) !important; outline: 0; }

.btn-neon { 
    background: var(--accent); 
    border: none; 
    color: #fff; 
    padding: 12px 30px; 
    border-radius: 12px; 
    font-size: 1rem; 
    font-weight: 900; 
    font-family: 'Orbitron'; 
    cursor: pointer; 
    box-shadow: 0 4px 15px var(--accent-glow); 
    display: inline-block; 
    text-decoration: none;
    text-transform: uppercase;
    transition: .3s;
}
.btn-neon:hover { transform: translateY(-2px); box-shadow: 0 8px 25px var(--accent-glow); filter: brightness(1.1); }

/* Containers */
.dash-wide { 
    background: var(--surface); 
    max-width: 1200px; width: 95%; margin: 40px auto; 
    border: 1px solid var(--border-light); 
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.05); 
    border-radius: 24px; padding: 40px; 
}




/* ==========================================================================
   SHARED FINAL QUIET POLISH PASS
   Conservative system refinement
   ========================================================================== */

:root {
    --accent: #2f6bff;
    --accent-soft: rgba(47,107,255,.10);
    --accent-glow: rgba(47,107,255,.18);
    --gold: #d4a43a;
    --gold-glow: rgba(212,164,58,.16);

    --text-main: #132238;
    --text-muted: #61708f;
    --border-light: rgba(148,163,184,.18);
    --bg-main: #f4f8fc;
    --surface: #ffffff;
    --surface-hover: #fbfdff;

    --ui-shared-focus: 0 0 0 4px rgba(47,107,255,.12);
    --ui-shared-shadow: 0 18px 38px rgba(15,23,42,.06), 0 6px 16px rgba(15,23,42,.03);
    --ui-shared-shadow-strong: 0 24px 48px rgba(15,23,42,.10);
    --ui-shared-radius: 16px;
}

a,
button,
input,
select,
textarea {
    -webkit-tap-highlight-color: transparent;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: none;
    box-shadow: var(--ui-shared-focus);
}

input:not(.gl-search-input),
select,
textarea {
    min-height: 50px;
    border-radius: var(--ui-shared-radius) !important;
    border: 1px solid var(--border-light) !important;
    background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(246,249,255,.92)) !important;
    color: var(--text-main) !important;
    font-family: 'Inter', 'Segoe UI', Roboto, Arial, sans-serif !important;
    font-size: 0.94rem !important;
    font-weight: 600 !important;
    padding: 0 16px !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.78),
        0 10px 22px rgba(15,23,42,.04) !important;
    transition: border-color .18s ease, box-shadow .18s ease, background .18s ease !important;
}

textarea {
    min-height: 140px;
    padding: 14px 16px !important;
    line-height: 1.7 !important;
    resize: vertical;
}

input:not(.gl-search-input):focus,
select:focus,
textarea:focus {
    border-color: rgba(47,107,255,.28) !important;
    box-shadow:
        0 0 0 4px rgba(47,107,255,.10),
        0 16px 30px rgba(15,23,42,.06) !important;
}

input:not(.gl-search-input)::placeholder,
textarea::placeholder {
    color: #8b9bb1 !important;
    opacity: 1;
    font-weight: 500;
}

.btn-neon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 48px;
    padding: 0 22px;
    border-radius: var(--ui-shared-radius);
    border: none;
    background: linear-gradient(180deg, #3c79ff 0%, #2f6bff 100%);
    color: #fff;
    font-family: 'Inter', 'Segoe UI', Roboto, Arial, sans-serif !important;
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    text-decoration: none;
    box-shadow: 0 16px 30px rgba(47,107,255,.20);
    transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

.btn-neon:hover {
    transform: translateY(-2px);
    box-shadow: 0 22px 36px rgba(47,107,255,.26);
    filter: none;
}

.btn-neon:active {
    transform: translateY(0);
}

.btn-neon.btn-gold,
.btn-neon--gold {
    background: linear-gradient(180deg, #e0b656 0%, #d4a43a 100%);
    box-shadow: 0 16px 30px rgba(212,164,58,.22);
}

.btn-neon.btn-gold:hover,
.btn-neon--gold:hover {
    box-shadow: 0 22px 36px rgba(212,164,58,.28);
}

.dash-wide {
    border-radius: 30px;
    box-shadow: var(--ui-shared-shadow);
    padding: clamp(24px, 3vw, 40px);
    background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,251,255,.94));
    border: 1px solid var(--border-light);
}

@media (max-width: 768px) {
    .dash-wide {
        width: calc(100% - 20px);
        margin: 20px auto;
        padding: 22px 18px;
        border-radius: 22px;
    }

    input:not(.gl-search-input),
    select,
    textarea {
        min-height: 48px;
        border-radius: 14px !important;
    }

    .btn-neon {
        width: 100%;
        min-height: 46px;
        border-radius: 14px;
        padding: 0 16px;
        font-size: 0.78rem;
        letter-spacing: 0.07em;
    }
}

/* === RoadmapBeauty RB1 Design Tokens Foundation ===
   Purpose:
   - Central FameClock visual tokens for future targeted UI cleanup.
   - No user-facing text.
   - No layout rewrite.
   - No route/auth/payment/session behavior.
   - Safe foundation only.
*/
:root {
  /* Core surfaces */
  --fc-bg-page: #070913;
  --fc-bg-surface: rgba(255, 255, 255, 0.055);
  --fc-bg-surface-strong: rgba(255, 255, 255, 0.085);
  --fc-bg-surface-soft: rgba(255, 255, 255, 0.035);

  /* Borders / glass */
  --fc-border-soft: rgba(255, 255, 255, 0.10);
  --fc-border-medium: rgba(255, 255, 255, 0.16);
  --fc-border-strong: rgba(255, 255, 255, 0.24);

  /* Text */
  --fc-text-main: rgba(255, 255, 255, 0.94);
  --fc-text-muted: rgba(255, 255, 255, 0.72);
  --fc-text-soft: rgba(255, 255, 255, 0.58);

  /* Brand / accents */
  --fc-accent-primary: #f5c542;
  --fc-accent-primary-soft: rgba(245, 197, 66, 0.16);
  --fc-accent-primary-border: rgba(245, 197, 66, 0.34);
  --fc-accent-blue: #8ab4ff;
  --fc-accent-green: #6ee7b7;
  --fc-accent-red: #fb7185;

  /* Layout widths */
  --fc-container-sm: 760px;
  --fc-container-md: 1040px;
  --fc-container-lg: 1180px;
  --fc-container-xl: 1320px;

  /* Spacing scale */
  --fc-space-1: 4px;
  --fc-space-2: 8px;
  --fc-space-3: 12px;
  --fc-space-4: 16px;
  --fc-space-5: 20px;
  --fc-space-6: 24px;
  --fc-space-8: 32px;
  --fc-space-10: 40px;
  --fc-space-12: 48px;
  --fc-space-16: 64px;

  /* Radius scale */
  --fc-radius-sm: 10px;
  --fc-radius-md: 14px;
  --fc-radius-lg: 18px;
  --fc-radius-xl: 24px;
  --fc-radius-pill: 999px;

  /* Shadows */
  --fc-shadow-soft: 0 10px 30px rgba(0, 0, 0, 0.22);
  --fc-shadow-card: 0 18px 55px rgba(0, 0, 0, 0.30);
  --fc-shadow-glow: 0 0 34px rgba(245, 197, 66, 0.12);

  /* Effects */
  --fc-blur-glass: blur(18px);
  --fc-transition-fast: 160ms ease;
  --fc-transition-base: 220ms ease;

  /* Forms / focus */
  --fc-focus-ring: 0 0 0 3px rgba(245, 197, 66, 0.22);
}

/* RB1 helper primitives.
   Intentionally prefixed to avoid collisions.
   Future patches may adopt these class names gradually. */
.fc-ui-shell {
  width: min(100% - 32px, var(--fc-container-lg));
  margin-inline: auto;
}

.fc-ui-card {
  background: var(--fc-bg-surface);
  border: 1px solid var(--fc-border-soft);
  border-radius: var(--fc-radius-xl);
  box-shadow: var(--fc-shadow-soft);
  backdrop-filter: var(--fc-blur-glass);
  -webkit-backdrop-filter: var(--fc-blur-glass);
}

.fc-ui-card-strong {
  background: var(--fc-bg-surface-strong);
  border-color: var(--fc-border-medium);
  box-shadow: var(--fc-shadow-card);
}

.fc-ui-muted {
  color: var(--fc-text-muted);
}

.fc-ui-soft {
  color: var(--fc-text-soft);
}

.fc-ui-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--fc-space-3);
  align-items: center;
}

.fc-ui-grid {
  display: grid;
  gap: var(--fc-space-5);
}

.fc-ui-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.fc-ui-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 768px) {
  .fc-ui-shell {
    width: min(100% - 24px, var(--fc-container-lg));
  }

  .fc-ui-grid-2,
  .fc-ui-grid-3 {
    grid-template-columns: 1fr;
  }

  .fc-ui-actions {
    align-items: stretch;
  }

  .fc-ui-actions > a,
  .fc-ui-actions > button {
    width: 100%;
  }
}
/* === /RoadmapBeauty RB1 Design Tokens Foundation === */

/* ==========================================================================
   FC_MINUTE_M7_MOBILE_REFINEMENT_START
   Minute page mobile polish.
   Scope: body.minute-modern only. CSS-only. No price, checkout, offer, SQL or route logic.
   ========================================================================== */

@media (max-width: 767px) {
    body.minute-modern {
        overflow-x: hidden !important;
        -webkit-text-size-adjust: 100% !important;
        padding-bottom: calc(108px + env(safe-area-inset-bottom, 0px)) !important;
    }

    body.minute-modern .minute-shell,
    body.minute-modern .minute-grid,
    body.minute-modern .minute-next-steps-panel,
    body.minute-modern .minute-significance-panel,
    body.minute-modern .minute-provenance-card,
    body.minute-modern .minute-reassurance-card,
    body.minute-modern .minute-related-indexable {
        width: min(100% - 14px, 100%) !important;
        max-width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important;
    }

    body.minute-modern .minute-grid,
    body.minute-modern .stats-grid,
    body.minute-modern .minute-clarity-grid,
    body.minute-modern .minute-signal-grid,
    body.minute-modern .minute-significance-grid,
    body.minute-modern .minute-next-steps-grid,
    body.minute-modern .minute-provenance-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    body.minute-modern .hero-card,
    body.minute-modern .glass-card,
    body.minute-modern .info-card,
    body.minute-modern .stat-card,
    body.minute-modern .minute-clarity-card,
    body.minute-modern .minute-signal-card,
    body.minute-modern .minute-significance-card,
    body.minute-modern .minute-next-step-card,
    body.minute-modern .minute-provenance-item,
    body.minute-modern .minute-reassurance-card,
    body.minute-modern .preview-card,
    body.minute-modern .lore-box,
    body.minute-modern .countdown-box {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        border-radius: 22px !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    body.minute-modern .hero-card {
        padding: 18px 14px !important;
        text-align: center !important;
    }

    body.minute-modern .hero-top {
        display: flex !important;
        flex-wrap: nowrap !important;
        justify-content: flex-start !important;
        gap: 8px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        padding-bottom: 4px !important;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    body.minute-modern .hero-top::-webkit-scrollbar {
        display: none;
    }

    body.minute-modern .status-badge,
    body.minute-modern .rarity-badge {
        flex: 0 0 auto !important;
        max-width: min(84vw, 280px) !important;
        min-height: 36px !important;
        white-space: normal !important;
        line-height: 1.14 !important;
        overflow-wrap: anywhere !important;
    }

    body.minute-modern .minute-time {
        max-width: 100% !important;
        font-size: clamp(3.1rem, 21vw, 5.15rem) !important;
        line-height: 0.9 !important;
        letter-spacing: -0.055em !important;
        overflow-wrap: anywhere !important;
    }

    body.minute-modern .minute-kicker,
    body.minute-modern .minute-owner,
    body.minute-modern .minute-desc,
    body.minute-modern .info-title,
    body.minute-modern .info-copy,
    body.minute-modern .stat-label,
    body.minute-modern .stat-value,
    body.minute-modern .minute-clarity-label,
    body.minute-modern .minute-clarity-copy,
    body.minute-modern .minute-signal-label,
    body.minute-modern .minute-signal-value,
    body.minute-modern .minute-signal-helper,
    body.minute-modern .minute-significance-kicker,
    body.minute-modern .minute-significance-title,
    body.minute-modern .minute-significance-intro,
    body.minute-modern .minute-significance-card__label,
    body.minute-modern .minute-significance-card__desc,
    body.minute-modern .minute-next-steps-title,
    body.minute-modern .minute-next-steps-intro,
    body.minute-modern .minute-next-step-card__tag,
    body.minute-modern .minute-next-step-card__desc,
    body.minute-modern .minute-provenance-title,
    body.minute-modern .minute-provenance-sub,
    body.minute-modern .minute-provenance-label,
    body.minute-modern .minute-provenance-value,
    body.minute-modern .minute-provenance-helper,
    body.minute-modern .minute-reassurance-kicker,
    body.minute-modern .minute-reassurance-note,
    body.minute-modern .preview-title,
    body.minute-modern .preview-sub,
    body.minute-modern .preview-text,
    body.minute-modern .preview-link {
        max-width: 100% !important;
        overflow-wrap: anywhere !important;
        word-break: normal !important;
        line-height: 1.28 !important;
    }

    body.minute-modern .cta-row,
    body.minute-modern .minute-sticky-bar__actions {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 9px !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    body.minute-modern .minute-btn,
    body.minute-modern .minute-btn--primary,
    body.minute-modern .minute-btn--ghost,
    body.minute-modern .minute-btn--subtle,
    body.minute-modern .preview-link {
        width: 100% !important;
        max-width: 100% !important;
        min-height: 48px !important;
        justify-content: center !important;
        text-align: center !important;
        white-space: normal !important;
        line-height: 1.14 !important;
        overflow-wrap: anywhere !important;
        touch-action: manipulation !important;
    }

    body.minute-modern .preview-stage,
    body.minute-modern .preview-image,
    body.minute-modern .preview-video,
    body.minute-modern .preview-placeholder {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        border-radius: 18px !important;
        overflow: hidden !important;
    }

    body.minute-modern .preview-image,
    body.minute-modern .preview-video {
        object-fit: cover !important;
    }

    body.minute-modern .minute-reassurance-list {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 9px !important;
        padding-left: 0 !important;
        list-style-position: inside !important;
    }

    body.minute-modern .minute-related-indexable .grid,
    body.minute-modern .minute-related-indexable .market-grid,
    body.minute-modern .minute-related-indexable .related-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    body.minute-modern .minute-sticky-bar {
        left: 10px !important;
        right: 10px !important;
        bottom: calc(10px + env(safe-area-inset-bottom, 0px)) !important;
        width: auto !important;
        max-width: calc(100vw - 20px) !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 9px !important;
        padding: 10px !important;
        border-radius: 20px !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    body.minute-modern .minute-sticky-bar__meta {
        display: grid !important;
        grid-template-columns: 38px minmax(0, 1fr) !important;
        gap: 9px !important;
        align-items: center !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    body.minute-modern .minute-sticky-bar__icon {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
    }

    body.minute-modern .minute-sticky-bar__time,
    body.minute-modern .minute-sticky-bar__eyebrow {
        max-width: 100% !important;
        overflow-wrap: anywhere !important;
        line-height: 1.12 !important;
    }

    body.minute-modern .minute-sticky-bar__primary,
    body.minute-modern .minute-sticky-bar__secondary {
        width: 100% !important;
        min-height: 44px !important;
        justify-content: center !important;
        text-align: center !important;
        white-space: normal !important;
        line-height: 1.12 !important;
    }

    body.minute-modern img,
    body.minute-modern video,
    body.minute-modern iframe,
    body.minute-modern canvas,
    body.minute-modern svg {
        max-width: 100% !important;
    }
}

@media (max-width: 430px) {
    body.minute-modern .minute-shell,
    body.minute-modern .minute-grid,
    body.minute-modern .minute-next-steps-panel,
    body.minute-modern .minute-significance-panel,
    body.minute-modern .minute-provenance-card,
    body.minute-modern .minute-reassurance-card,
    body.minute-modern .minute-related-indexable {
        width: calc(100% - 10px) !important;
    }

    body.minute-modern .hero-card,
    body.minute-modern .glass-card,
    body.minute-modern .info-card,
    body.minute-modern .stat-card,
    body.minute-modern .minute-clarity-card,
    body.minute-modern .minute-signal-card,
    body.minute-modern .minute-significance-card,
    body.minute-modern .minute-next-step-card,
    body.minute-modern .minute-provenance-item,
    body.minute-modern .minute-reassurance-card,
    body.minute-modern .preview-card {
        border-radius: 18px !important;
    }

    body.minute-modern .minute-time {
        font-size: clamp(2.85rem, 20vw, 4.45rem) !important;
    }

    body.minute-modern .minute-sticky-bar {
        left: 6px !important;
        right: 6px !important;
        max-width: calc(100vw - 12px) !important;
        border-radius: 18px !important;
    }

    body.minute-modern .minute-btn,
    body.minute-modern .minute-sticky-bar__primary,
    body.minute-modern .minute-sticky-bar__secondary {
        min-height: 44px !important;
    }
}

html[dir="rtl"] body.minute-modern .hero-top,
html[dir="rtl"] body.minute-modern .minute-reassurance-list,
html[lang="ar"] body.minute-modern .hero-top,
html[lang="ar"] body.minute-modern .minute-reassurance-list {
    direction: rtl;
}

@media (prefers-reduced-motion: reduce) {
    body.minute-modern .minute-btn,
    body.minute-modern .preview-link,
    body.minute-modern .minute-sticky-bar,
    body.minute-modern .minute-sticky-bar__primary,
    body.minute-modern .minute-sticky-bar__secondary {
        transition: none !important;
        animation: none !important;
    }
}

/* ==========================================================================
   FC_MINUTE_M7_MOBILE_REFINEMENT_END
   ========================================================================== */

/* ==========================================================================
   FC_M7_STICKY_POSITION_HOTFIX_START
   Fix sticky bar left-offset conflict after M7 mobile polish.
   Scope: body.minute-modern only. CSS-only. No checkout, offer, SQL or route logic.
   ========================================================================== */

@media (max-width: 767px) {
    body.minute-modern .minute-sticky-bar {
        position: fixed !important;
        left: calc(10px + env(safe-area-inset-left, 0px)) !important;
        right: calc(10px + env(safe-area-inset-right, 0px)) !important;
        bottom: calc(10px + env(safe-area-inset-bottom, 0px)) !important;
        width: auto !important;
        max-width: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        transform: none !important;
        translate: none !important;
        box-sizing: border-box !important;
    }
}

@media (max-width: 430px) {
    body.minute-modern .minute-sticky-bar {
        left: calc(6px + env(safe-area-inset-left, 0px)) !important;
        right: calc(6px + env(safe-area-inset-right, 0px)) !important;
        max-width: none !important;
        transform: none !important;
        translate: none !important;
    }
}

/* ==========================================================================
   FC_M7_STICKY_POSITION_HOTFIX_END
   ========================================================================== */



/* ==========================================================================
   FC_D10_MOTION_EFFECTS_SAFETY_START
   Motion/effects safety polish.
   Scope: global safety only. No layout, no routes, no /lang, no PHP, no JS.
   ========================================================================== */

/* Respect user/device reduced-motion preference across FameClock. */
@media (prefers-reduced-motion: reduce) {
    html:focus-within {
        scroll-behavior: auto !important;
    }

    *,
    *::before,
    *::after {
        animation-duration: 0.001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.001ms !important;
        transition-delay: 0ms !important;
        scroll-behavior: auto !important;
    }

    [data-aos],
    .aos-init,
    .aos-animate {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
        animation: none !important;
    }

    .hero-hook,
    .market-hero,
    .dash-hero,
    .profile-public-hero,
    .checkout-hero,
    .lb-hero,
    .blog-hero,
    .article-hero,
    .collections-hero,
    .collection-hero {
        transform: none !important;
    }
}

/* Mobile effect safety: keep the premium look, but avoid unnecessary animated decorative layers. */
@media (max-width: 767px) {
    body::before,
    body::after,
    .hero-hook::before,
    .hero-hook::after,
    .market-hero::before,
    .market-hero::after,
    .dash-hero::before,
    .dash-hero::after,
    .profile-public-hero::before,
    .profile-public-hero::after,
    .checkout-hero::before,
    .checkout-hero::after,
    .lb-hero::before,
    .lb-hero::after,
    .blog-hero::before,
    .blog-hero::after,
    .article-hero::before,
    .article-hero::after,
    .site-footer.fc-footer-modern::before,
    .site-footer.fc-footer-modern::after {
        animation: none !important;
    }
}

/* Low-height laptop safety: reduce motion-heavy sticky/transformed UI on cramped screens. */
@media (min-width: 1025px) and (max-height: 760px) {
    .hero-hook,
    .market-hero,
    .dash-hero,
    .profile-public-hero,
    .checkout-hero,
    .lb-hero,
    .blog-hero,
    .article-hero {
        animation: none !important;
    }
}

/* ==========================================================================
   FC_D10_MOTION_EFFECTS_SAFETY_END
   ========================================================================== */