/*
Theme Name: FATED AOG
Theme URI: https://www.fatedaog.com/
Author: FATED AOG
Description: FATED AOG Bootstrap storefront converted to a WordPress and WooCommerce theme while preserving the supplied design.
Version: 1.1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: fated-aog
*/


        :root {
            --glass-bg: rgba(18, 22, 28, 0.55);
            --glass-border: rgba(255, 255, 255, 0.15);
            --glass-card-hover: rgba(28, 35, 45, 0.85);
            --text-muted-custom: #a3b1c2;
            --accent-gold: #d4af37;
        }

        body, html {
            height: 100%;
            margin: 0;
            padding: 0;
            font-family: 'Inter', sans-serif;
            background-color: #080a0d;
            color: #ffffff;
            overflow-x: hidden;
            -webkit-font-smoothing: antialiased;
        }

        .hero-viewport {
            position: relative;
            min-height: 100vh;
            width: 100%;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }

        /* Category Background Carousel */
        .bg-slider {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1;
            overflow: hidden;
        }

        .bg-slider .carousel-item {
            height: 100vh;
            width: 100%;
            transition: transform 1.2s ease-in-out, opacity 1.2s ease-in-out;
        }

        .bg-slider img, 
        .bg-slider video {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center top;
            filter: brightness(0.72) contrast(1.1);
        }

        /* Subtle dark vignette overlay */
        .dark-vignette {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: radial-gradient(circle, rgba(0,0,0,0.1) 0%, rgba(8,10,13,0.45) 60%, rgba(8,10,13,0.88) 100%),
                        linear-gradient(180deg, rgba(8,10,13,0.7) 0%, rgba(8,10,13,0.1) 35%, rgba(8,10,13,0.9) 90%);
            z-index: 2;
            pointer-events: none;
        }

        .fated-nav {
            position: relative;
            z-index: 20;
            background: transparent;
            padding: 1.25rem 2rem;
        }

        .brand-title {
            font-family: 'Rajdhani', sans-serif;
            font-weight: 800;
            letter-spacing: 2.8px;
            font-size: 1.5rem;
            color: #ffffff;
            text-transform: uppercase;
            text-decoration: none;
            text-shadow: 0 0 15px rgba(255, 255, 255, 0.4);
        }

        .nav-links-wrapper .nav-link {
            font-size: 0.9rem;
            font-weight: 600;
            color: rgba(255, 255, 255, 0.85) !important;
            padding: 0.3rem 1rem !important;
            transition: all 0.2s ease-in-out;
            letter-spacing: 0.5px;
            cursor: pointer;
            text-transform: uppercase;
        }

        .nav-links-wrapper .nav-link:hover,
        .nav-links-wrapper .nav-link.active {
            color: #ffffff !important;
            text-shadow: 0 0 10px rgba(255,255,255,0.8);
            border-bottom: 2px solid rgba(255,255,255,0.8);
        }

        .search-icon-btn {
            background: none;
            border: none;
            color: #ffffff;
            font-size: 1.1rem;
            padding: 0.2rem 0.5rem;
            opacity: 0.85;
            transition: opacity 0.2s;
        }

        .search-icon-btn:hover {
            opacity: 1;
        }

        /* Prominent Hero Glassmorphism Description Card */
        .hero-content-positioner {
            position: relative;
            z-index: 15;
            padding: 2.5rem 2rem 0 2rem;
            max-width: 620px;
        }

        .hero-glass-card {
            background: rgba(12, 16, 22, 0.6);
            backdrop-filter: blur(16px);
            -webkit-backdrop-filter: blur(16px);
            border: 1px solid rgba(255, 255, 255, 0.18);
            border-radius: 18px;
            padding: 1.5rem 1.8rem;
            box-shadow: 0 12px 35px rgba(0, 0, 0, 0.5), inset 0 0 15px rgba(255, 255, 255, 0.05);
            animation: fadeInHero 0.8s ease-out;
        }

        @keyframes fadeInHero {
            from { opacity: 0; transform: translateY(-10px); }
            to { opacity: 1; transform: translateY(0); }
        }

        .hero-tagline-badge {
            display: inline-block;
            font-family: 'Rajdhani', sans-serif;
            font-size: 0.78rem;
            font-weight: 700;
            letter-spacing: 3px;
            text-transform: uppercase;
            color: var(--accent-gold);
            background: rgba(212, 175, 55, 0.12);
            border: 1px solid rgba(212, 175, 55, 0.3);
            padding: 4px 12px;
            border-radius: 20px;
            margin-bottom: 0.8rem;
        }

        .hero-category-title {
            font-family: 'Rajdhani', sans-serif;
            font-weight: 800;
            font-size: 2.2rem;
            letter-spacing: 2px;
            text-transform: uppercase;
            margin: 0 0 0.4rem 0;
            line-height: 1;
            color: #ffffff;
            text-shadow: 0 2px 10px rgba(0,0,0,0.5);
        }

        .hero-brand-desc {
            font-size: 0.88rem;
            color: rgba(255, 255, 255, 0.82);
            line-height: 1.55;
            font-weight: 400;
            margin: 0;
            letter-spacing: 0.2px;
        }

        .bottom-overlay-container {
            position: relative;
            z-index: 20;
            padding-bottom: 1.25rem;
            padding-top: 1rem;
            width: 100%;
        }
.tactical-card {
            flex: 0 0 calc(16.666% - 10px);
            min-width: 155px;
            scroll-snap-align: start;
            background: var(--glass-bg);
            backdrop-filter: blur(14px);
            -webkit-backdrop-filter: blur(14px);
            border: 1px solid var(--glass-border);
            border-radius: 12px;
            padding: 7px;
            text-decoration: none;
            color: #ffffff;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            transition: all 0.25s cubic-bezier(0.2, 0.8, 0.2, 1);
            box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.35);
            cursor: pointer;
        }

        .tactical-card:hover, .tactical-card.active-card {
            background: var(--glass-card-hover);
            border-color: rgba(255, 255, 255, 0.5);
            transform: translateY(-4px);
            color: #ffffff;
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.5), 0 0 12px rgba(255, 255, 255, 0.2);
        }

        .card-media-box {
            width: 100%;
            aspect-ratio: 1 / 0.75;
            border-radius: 8px;
            overflow: hidden;
            background: rgba(0, 0, 0, 0.4);
            margin-bottom: 6px;
            position: relative;
        }

        .card-media-box img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
            transition: transform 0.35s ease;
        }

        .tactical-card:hover .card-media-box img {
            transform: scale(1.08);
        }

        .card-details {
            padding: 1px 2px 2px 2px;
        }

        .card-details h2 {
            font-family: 'Rajdhani', sans-serif;
            font-size: 0.98rem;
            font-weight: 700;
            letter-spacing: 0.6px;
            margin: 0 0 1px 0;
            text-transform: uppercase;
        }

        .card-details .subtext {
            font-size: 0.6rem;
            color: var(--text-muted-custom);
            font-weight: 600;
            line-height: 1.2;
            letter-spacing: 0.2px;
            text-transform: uppercase;
            margin-bottom: 4px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .card-price {
            font-size: 0.8rem;
            font-weight: 700;
            color: #ffffff;
            letter-spacing: 0.2px;
        }

        .trust-footer-bar {
            margin-top: 0.5rem;
            padding-top: 0.5rem;
            font-size: 0.75rem;
        }

        .star-rating-box {
            display: flex;
            align-items: center;
            gap: 6px;
            color: #ffffff;
        }

        .stars-yellow {
            letter-spacing: 1.5px;
            font-size: 0.8rem;
            color: #f5c518;
        }

        .trust-clients-text {
            color: #8c9ba5;
            font-size: 0.7rem;
        }

        .payments-wrapper {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            gap: 6px;
        }

        .payment-label {
            font-size: 0.7rem;
            color: #9aa5b5;
            margin-right: 2px;
        }

        .pay-pill {
            background: rgba(255, 255, 255, 0.08);
            border: 1px solid rgba(255, 255, 255, 0.12);
            border-radius: 5px;
            padding: 3px 8px;
            font-size: 0.68rem;
            font-weight: 700;
            color: #ffffff;
            display: inline-flex;
            align-items: center;
            gap: 4px;
            backdrop-filter: blur(8px);
            white-space: nowrap;
        }

        .pay-pill i {
            font-size: 0.78rem;
        }

        .pay-pill svg {
            display: inline-block;
            vertical-align: middle;
        }

        .pill-gpay { color: #ffffff; }
        .pill-apple { color: #ffffff; }
        .pill-affirm { font-style: italic; font-weight: 800; }
        .pill-cashapp { color: #00D632; }
        .pill-afterpay { color: #B2FCE4; background: rgba(178, 252, 228, 0.12); }
        .pill-visa { color: #ffffff; font-weight: 800; letter-spacing: 0.5px; }
        .pill-mastercard { color: #ffffff; font-weight: 600; letter-spacing: -0.2px; text-transform: lowercase; }
        .pill-paypal { color: #0079C1; font-weight: 800; }
        .pill-mobilepay { color: #34d399; }

        /* Carousel media indicators */
        .carousel-indicators-custom {
            position: absolute;
            top: 50%;
            right: 20px;
            transform: translateY(-50%);
            z-index: 25;
            display: flex;
            flex-direction: column;
            gap: 8px;
        }

        .carousel-indicators-custom button {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.35);
            border: none;
            padding: 0;
            transition: all 0.3s ease;
        }

        .carousel-indicators-custom button.active {
            background: #ffffff;
            height: 20px;
            border-radius: 10px;
            box-shadow: 0 0 10px rgba(255, 255, 255, 0.8);
        }

        @media (max-width: 1400px) {
            .tactical-card {
                flex: 0 0 calc(20% - 10px);
            }
        }

        @media (max-width: 1100px) {
            .tactical-card {
                flex: 0 0 calc(33.333% - 10px);
            }
        }

        @media (max-width: 576px) {
            .fated-nav {
                padding: 0.85rem 1rem;
            }
            .brand-title {
                font-size: 1.15rem;
            }
            .hero-content-positioner {
                padding: 1rem 1rem 0 1rem;
                max-width: 100%;
            }
            .hero-glass-card {
                padding: 1.1rem 1.2rem;
                border-radius: 14px;
            }
            .hero-category-title {
                font-size: 1.6rem;
            }
            .hero-brand-desc {
                font-size: 0.8rem;
                line-height: 1.45;
            }
            .tactical-card {
                flex: 0 0 142px;
                min-width: 142px;
            }
            .trust-footer-bar {
                flex-direction: column;
                gap: 8px;
                text-align: center;
            }
            .payments-wrapper {
                justify-content: center;
            }
            .carousel-indicators-custom {
                right: 10px;
            }
        }
    
        /* SHOP CTA */
        .hero-shop-btn {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            margin-top: 1.15rem;
            padding: 10px 18px;
            border-radius: 8px;
            border: 1px solid rgba(255,255,255,0.55);
            background: rgba(255,255,255,0.10);
            color: #fff;
            text-decoration: none;
            text-transform: uppercase;
            font-family: 'Rajdhani', sans-serif;
            font-size: 0.86rem;
            font-weight: 800;
            letter-spacing: 1.5px;
            backdrop-filter: blur(8px);
            transition: all .25s ease;
        }
        .hero-shop-btn:hover {
            color: #080a0d;
            background: #fff;
            border-color: #fff;
            transform: translateY(-2px);
            box-shadow: 0 8px 24px rgba(0,0,0,.35);
        }
        .shop-nav-link {
            color: rgba(255,255,255,.95) !important;
            font-weight: 800 !important;
        }
        @media (max-width: 576px) {
            .hero-shop-btn {
                width: 100%;
                justify-content: center;
                padding: 11px 16px;
            }
        }

    
        .card-shop-link {
            display: inline-flex;
            align-items: center;
            gap: 4px;
            margin-top: 6px;
            color: rgba(255,255,255,.9);
            font-family: 'Rajdhani', sans-serif;
            font-size: .67rem;
            font-weight: 800;
            letter-spacing: 1px;
            text-decoration: none;
            text-transform: uppercase;
            transition: all .2s ease;
        }
        .card-shop-link:hover {
            color: #fff;
            text-shadow: 0 0 8px rgba(255,255,255,.7);
            transform: translateX(2px);
        }

    
        /* Brand logo */
        .fated-brand {
            display: inline-flex;
            align-items: center;
            gap: 10px;
        }
        .fated-brand-logo {
            width: 32px;
            height: 32px;
            object-fit: contain;
            filter: drop-shadow(0 0 8px rgba(212,175,55,.22));
        }

        /* Strong CTA hero panel */
        .hero-glass-card {
            max-width: 560px;
            padding: 1.65rem 1.8rem 1.75rem;
        }
        .hero-cta-copy {
            color: rgba(255,255,255,.72);
            font-size: .73rem;
            letter-spacing: 1.2px;
            text-transform: uppercase;
            font-weight: 700;
            margin-top: .85rem;
        }
        .hero-shop-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 9px;
            margin-top: 1rem;
            padding: 11px 19px;
            min-width: 142px;
            border: 1px solid rgba(255,255,255,.58);
            border-radius: 8px;
            background: rgba(255,255,255,.1);
            color: #fff;
            text-decoration: none;
            text-transform: uppercase;
            font-family: 'Rajdhani', sans-serif;
            font-size: .78rem;
            font-weight: 800;
            letter-spacing: 1.6px;
            backdrop-filter: blur(8px);
            transition: .25s ease;
        }
        .hero-shop-btn:hover {
            color: #090b0e;
            background: #fff;
            border-color: #fff;
            transform: translateY(-2px);
            box-shadow: 0 9px 26px rgba(0,0,0,.38);
        }

        /* Responsive footer */
        .fated-footer {
            position: relative;
            z-index: 30;
            background: #07090c;
            border-top: 1px solid rgba(255,255,255,.12);
            color: #fff;
        }
        .fated-footer .footer-inner {
            max-width: 1440px;
            margin: 0 auto;
            padding: 48px 28px 24px;
        }
        .footer-brand-mark {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            font-family: 'Rajdhani', sans-serif;
            font-weight: 800;
            letter-spacing: 2.4px;
            color: #fff;
            text-decoration: none;
        }
        .footer-brand-mark img { width: 36px; height: 36px; }
        .footer-kicker {
            color: #d4af37;
            font-size: .68rem;
            font-weight: 800;
            letter-spacing: 2.4px;
            text-transform: uppercase;
            margin-bottom: 10px;
        }
        .footer-copy {
            color: #9ba6b4;
            font-size: .82rem;
            line-height: 1.7;
            max-width: 420px;
        }
        .footer-links {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .footer-links li { margin-bottom: 8px; }
        .footer-links a {
            color: #aeb7c4;
            text-decoration: none;
            font-size: .78rem;
            transition: .2s ease;
        }
        .footer-links a:hover { color: #fff; }
        .footer-socials {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
        }
        .footer-social {
            width: 38px;
            height: 38px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border: 1px solid rgba(255,255,255,.14);
            border-radius: 9px;
            color: #d7dde5;
            text-decoration: none;
            background: rgba(255,255,255,.035);
            transition: .22s ease;
        }
        .footer-social:hover {
            color: #0a0c0f;
            background: #fff;
            border-color: #fff;
            transform: translateY(-2px);
        }
        .footer-meta {
            margin-top: 34px;
            padding-top: 18px;
            border-top: 1px solid rgba(255,255,255,.1);
            color: #697382;
            font-size: .7rem;
        }
        .footer-badges {
            display: flex;
            flex-wrap: wrap;
            gap: 7px;
            margin-top: 15px;
        }
        .footer-badge {
            border: 1px solid rgba(255,255,255,.1);
            border-radius: 999px;
            padding: 6px 10px;
            color: #aab4c0;
            font-size: .65rem;
            letter-spacing: .5px;
        }
        @media (max-width: 576px) {
            .hero-content-positioner { padding-left: 1rem; padding-right: 1rem; }
            .hero-glass-card { padding: 1.3rem; }
            .hero-category-title { font-size: 1.85rem; }
            .hero-shop-btn { width: 100%; }
            .fated-footer .footer-inner { padding: 38px 20px 20px; }
        }

    
/* ===== MERGED MODERN EDITORIAL LAYER ===== */
.fated-nav{padding:1rem 1.25rem!important}
.fated-brand-logo{width:34px!important;height:34px!important}
.brand-title{letter-spacing:2.2px!important}
.nav-links-wrapper .nav-link{letter-spacing:.35px!important;text-transform:none!important;border-bottom:2px solid transparent}
.nav-links-wrapper .nav-link.active{border-bottom-color:rgba(255,255,255,.78)}
.fated-mega-menu{
    width:min(900px,calc(100vw - 32px));left:auto!important;right:0!important;
    margin-top:14px;padding:24px!important;border-radius:18px!important;
    background:rgba(11,13,17,.96)!important;border:1px solid rgba(255,255,255,.15)!important;
    box-shadow:0 24px 70px rgba(0,0,0,.45);backdrop-filter:blur(18px);
}
.fated-mega-menu a{display:block;color:rgba(255,255,255,.74);text-decoration:none;padding:5px 0;font-size:.82rem}
.fated-mega-menu a:hover{color:#fff}
.mega-kicker,.mobile-group{
    color:#d4af37;font-size:.65rem;font-weight:800;letter-spacing:1.6px;text-transform:uppercase
}
.mobile-group{padding:10px 0 3px;border-top:1px solid rgba(255,255,255,.1)}
.mobile-group .nav-link{font-size:.92rem;padding-left:12px!important;color:rgba(255,255,255,.75)!important}
.hero-glass-card{
    background:rgba(9,12,16,.46)!important;border-radius:20px!important;
    border-color:rgba(255,255,255,.2)!important;backdrop-filter:blur(20px)!important
}
.hero-category-title{font-family:Inter,sans-serif!important;letter-spacing:-.035em!important;font-weight:800!important}
.hero-brand-desc{font-size:.92rem!important;line-height:1.7!important}
.hero-tagline-badge{font-family:Inter,sans-serif!important;font-size:.62rem!important;letter-spacing:1.8px!important}
.hero-shop-btn,.card-shop-link{
    border-radius:999px!important;transition:all .22s ease!important
}
.hero-shop-btn{background:#fff!important;color:#090b0e!important;border-color:#fff!important;padding:11px 19px!important}
.hero-shop-btn:hover{background:transparent!important;color:#fff!important;transform:translateY(-2px)}
.tactical-card{border-radius:16px!important;background:rgba(13,16,20,.52)!important}
.card-details h2{font-family:Inter,sans-serif!important;font-weight:800!important;letter-spacing:.02em!important}
.card-details .subtext{font-family:Inter,sans-serif!important;letter-spacing:.05em!important}
.card-shop-link{font-size:.62rem!important;padding:7px 11px!important;background:rgba(255,255,255,.06)!important}
.card-shop-link:hover{background:#fff!important;color:#090b0e!important}
.explore-fated{
    position:relative;padding:100px 0 92px;background:#f3f1ed;color:#121418;overflow:hidden
}
.explore-heading{max-width:760px;margin:0 auto 44px;text-align:center}
.explore-kicker{font-size:.64rem;font-weight:800;letter-spacing:2.5px;color:#8b6b22;margin-bottom:10px}
.explore-heading h2{font-size:clamp(2.2rem,5vw,4.2rem);letter-spacing:-.05em;font-weight:800;margin:0 0 12px}
.explore-heading p{color:#656a70;line-height:1.7;margin:0 auto;max-width:620px}
.explore-card{
    display:block;height:100%;background:#fff;color:#121418;text-decoration:none;
    border:1px solid rgba(18,20,24,.1);border-radius:20px;overflow:hidden;
    box-shadow:0 12px 34px rgba(15,18,22,.08);transition:transform .3s ease,box-shadow .3s ease
}
.explore-card:hover{color:#121418;transform:translateY(-6px);box-shadow:0 20px 45px rgba(15,18,22,.14)}
.explore-card-media{height:245px;overflow:hidden;background:#ddd}
.explore-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .65s ease}
.explore-card:hover .explore-card-media img{transform:scale(1.045)}
.explore-card-body{padding:22px 22px 24px;position:relative;min-height:180px}
.explore-number{font-size:.63rem;font-weight:800;letter-spacing:1.5px;color:#a28a50}
.explore-card h3{font-size:1.25rem;font-weight:800;letter-spacing:-.02em;margin:8px 0 8px}
.explore-card p{font-size:.78rem;line-height:1.6;color:#71757b;margin:0 0 18px}
.explore-link{font-size:.67rem;text-transform:uppercase;letter-spacing:1.3px;font-weight:800}
.brand-statement{text-align:center;padding:82px 20px 0}
.brand-statement-line{font-size:clamp(1rem,2vw,1.4rem);font-weight:800;letter-spacing:.18em}
.brand-statement-line span{color:#b69445;margin:0 5px}
.brand-statement p{margin:12px auto 0;color:#686c72;max-width:620px}
.fated-footer{background:#080a0d!important}
@media(max-width:991.98px){
    .fated-mega-menu{width:100%;position:static!important;transform:none!important}
}
@media(max-width:767.98px){
    .explore-fated{padding:70px 0 65px}
    .explore-card-media{height:220px}
    .explore-card-body{min-height:0}
    .brand-statement{padding-top:60px}
    .brand-statement-line{line-height:1.7}
}


/* ===== REFERENCE-LOCKED V9 UPDATE ===== */
.hero-viewport{min-height:100svh!important}
.fated-nav{padding-left:clamp(1rem,2.4vw,2rem)!important;padding-right:clamp(1rem,2.4vw,2rem)!important}
.nav-links-wrapper .nav-link{margin-left:2px;margin-right:2px}
.explore-fated{background:#f5f2ec!important;padding:38px 0 72px!important}
.explore-heading{margin-bottom:18px!important;text-align:left!important;max-width:none!important;padding:0 clamp(10px,2vw,28px)}
.explore-kicker{margin-bottom:4px!important}
.explore-heading h2{font-size:clamp(2rem,3.7vw,3.6rem)!important;margin-bottom:4px!important}
.explore-heading p{margin:0!important;max-width:680px!important}
.explore-feature{position:relative;height:clamp(420px,55vw,680px);border-radius:10px;overflow:hidden;background:#15171a;box-shadow:0 18px 45px rgba(0,0,0,.12);margin:0 clamp(10px,2vw,28px) 16px}
.explore-feature-media,.explore-feature-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.explore-feature::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.65) 0%,rgba(0,0,0,.28) 42%,rgba(0,0,0,.08) 70%),linear-gradient(0deg,rgba(0,0,0,.38),transparent 45%);z-index:1}
.explore-feature-copy{position:absolute;left:clamp(18px,3vw,44px);bottom:clamp(22px,4vw,55px);z-index:2;color:#fff;max-width:520px}
.explore-feature-kicker{font-size:.62rem;letter-spacing:2px;font-weight:800;text-transform:uppercase;opacity:.78;margin-bottom:8px}
.explore-feature-copy h3{font-size:clamp(2.2rem,5vw,5rem);font-weight:800;letter-spacing:-.05em;margin:0 0 8px}
.explore-feature-copy p{font-size:.86rem;line-height:1.65;color:rgba(255,255,255,.78);max-width:470px;margin:0 0 15px}
.explore-feature-btn{display:inline-flex;align-items:center;gap:8px;background:#fff;color:#111;border-radius:999px;padding:10px 17px;font-size:.68rem;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;text-decoration:none;transition:.2s ease}
.explore-feature-btn:hover{background:#111;color:#fff;transform:translateY(-2px)}
.feature-payment-card{position:absolute;right:clamp(14px,2.6vw,34px);bottom:clamp(14px,2.8vw,32px);z-index:3;width:min(285px,34vw);background:rgba(14,16,19,.78);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(14px);border-radius:12px;padding:14px;color:#fff}
.feature-payment-title{font-size:.58rem;letter-spacing:1.4px;text-transform:uppercase;font-weight:800;margin-bottom:7px;color:rgba(255,255,255,.75)}
.feature-payment-copy{font-size:.62rem;color:rgba(255,255,255,.56);line-height:1.45;margin-bottom:9px}
.feature-payment-row{display:flex;flex-wrap:wrap;gap:5px}
.feature-pay{min-width:44px;height:24px;padding:3px 7px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;background:#fff;color:#111;font-size:.57rem;font-weight:800}
.feature-pay.apple{background:#000;color:#fff}.feature-pay.google{background:#fff;color:#333}.feature-pay.visa{background:#fff;color:#1434cb;font-style:italic}.feature-pay.mastercard{background:#fff;color:#111}.feature-pay.paypal{color:#0070ba}.feature-pay.afterpay{background:#b2fce4}.feature-pay.affirm{background:#4a44d4;color:#fff}
.category-mosaic{background:#f5f2ec;margin:0 clamp(10px,2vw,28px);padding:8px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}
.mosaic-card{position:relative;display:block;aspect-ratio:1/1;background:#e8e6e1;border-radius:6px;overflow:hidden;text-decoration:none;color:#111}
.mosaic-card img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;display:block}
.mosaic-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.48));opacity:.8}
.mosaic-card:hover img{transform:scale(1.06)}
.mosaic-label{position:absolute;z-index:2;left:9px;right:9px;bottom:8px;color:#fff;font-size:.62rem;font-weight:800;letter-spacing:.7px;text-transform:uppercase;text-shadow:0 1px 8px rgba(0,0,0,.55)}
.mosaic-card.is-light .mosaic-label{color:#17191d;text-shadow:none;background:rgba(255,255,255,.78);display:inline-block;padding:4px 6px;border-radius:4px;right:auto}
.brand-statement{padding-top:58px!important}
@media(max-width:991.98px){
 .category-mosaic{grid-template-columns:repeat(3,minmax(0,1fr))}
 .feature-payment-card{width:250px}
}
@media(max-width:575.98px){
 .explore-fated{padding-top:28px!important}
 .explore-heading{padding:0 10px;margin-bottom:12px!important}
 .explore-heading h2{font-size:2.1rem!important}
 .explore-feature{margin:0 10px 10px;height:520px;border-radius:8px}
 .explore-feature-copy{left:18px;right:18px;bottom:145px}
 .explore-feature-copy h3{font-size:2.55rem}
 .feature-payment-card{left:18px;right:18px;bottom:16px;width:auto}
 .category-mosaic{grid-template-columns:repeat(2,minmax(0,1fr));margin:0 10px;padding:5px;gap:5px}
 .mosaic-label{font-size:.56rem}
}


/* ===== EXPLORE COLLECTION SLIDER — REFERENCE MATCH ===== */
.explore-fated{background:#f5f2ec!important;padding:0 0 72px!important}
.explore-feature{height:clamp(500px,55vw,760px)!important;margin:0 clamp(10px,2vw,28px) 14px!important;border-radius:0!important;box-shadow:none!important;overflow:hidden!important}
.explore-heading{position:absolute!important;z-index:5!important;left:clamp(18px,3vw,46px)!important;top:clamp(18px,3vw,40px)!important;margin:0!important;padding:0!important;max-width:650px!important;color:#fff!important;text-align:left!important;pointer-events:none}
.explore-heading .explore-kicker{color:rgba(255,255,255,.82)!important;margin-bottom:4px!important;text-shadow:0 1px 10px rgba(0,0,0,.45)}
.explore-heading h2{font-size:clamp(2rem,3.5vw,3.6rem)!important;line-height:.95!important;margin:0 0 5px!important;letter-spacing:-.045em!important;text-shadow:0 2px 16px rgba(0,0,0,.38)}
.explore-heading p{font-size:.78rem!important;line-height:1.45!important;max-width:540px!important;color:rgba(255,255,255,.78)!important;text-shadow:0 1px 10px rgba(0,0,0,.4)}
.explore-slider{position:absolute;inset:0}
.explore-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .65s ease,visibility .65s ease}
.explore-slide.active{opacity:1;visibility:visible}
.explore-slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.explore-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.64),rgba(0,0,0,.18) 48%,rgba(0,0,0,.05)),linear-gradient(0deg,rgba(0,0,0,.5),transparent 55%)}
.explore-slide-copy{position:absolute;left:clamp(18px,3vw,46px);bottom:clamp(30px,5vw,62px);z-index:3;color:#fff;max-width:500px}
.explore-slide-kicker{font-size:.58rem;letter-spacing:2px;text-transform:uppercase;font-weight:800;opacity:.78;margin-bottom:7px}
.explore-slide-copy h3{font-size:clamp(2.3rem,5.5vw,5.6rem);line-height:.9;letter-spacing:-.06em;margin:0 0 9px;font-weight:900}
.explore-slide-copy p{font-size:.8rem;line-height:1.55;color:rgba(255,255,255,.8);max-width:450px;margin:0 0 13px}
.explore-slide-btn{display:inline-flex;align-items:center;gap:7px;background:#fff;color:#111;border-radius:999px;padding:10px 17px;font-size:.62rem;font-weight:900;letter-spacing:1.2px;text-transform:uppercase;text-decoration:none;transition:.2s ease}
.explore-slide-btn:hover{background:#111;color:#fff;transform:translateY(-2px)}
.explore-dots{position:absolute;z-index:6;right:18px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px}
.explore-dot{width:6px;height:6px;border:0;border-radius:50%;background:rgba(255,255,255,.5);padding:0;box-shadow:0 0 0 1px rgba(0,0,0,.12)}
.explore-dot.active{height:18px;border-radius:6px;background:#fff}
.explore-arrow{position:absolute;z-index:6;top:50%;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.45);background:rgba(0,0,0,.24);color:#fff;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;transform:translateY(-50%);font-size:18px}
.explore-arrow.prev{left:14px}.explore-arrow.next{right:14px}
.native-pay.mastercard i{width:11px;height:11px;border-radius:50%;background:#eb001b;display:block;box-shadow:5px 0 0 #f79e1b}
.category-mosaic{margin-top:0!important}
@media(max-width:767.98px){
 .explore-feature{height:590px!important;margin:0 10px 10px!important}
 .explore-heading{left:18px!important;right:18px!important;top:20px!important}.explore-heading h2{font-size:2.25rem!important}.explore-heading p{font-size:.7rem!important}
 .explore-slide-copy{left:18px;right:18px;bottom:155px}.explore-slide-copy h3{font-size:3rem}.explore-arrow{width:30px;height:30px}.explore-dots{right:10px}
}


/* ===== FINAL LAYOUT REFINEMENTS ===== */
html, body { width:100%; max-width:100%; overflow-x:hidden; }
main, section, footer, .hero-viewport, .explore-fated { width:100%; max-width:100%; }

/* Full-width sections: preserve internal breathing room without boxed section edges. */
.explore-fated { padding-left:0!important; padding-right:0!important; }
.explore-feature {
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    border-radius:0!important;
}
.category-mosaic {
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    border-radius:0!important;
    padding:12px clamp(12px,2vw,30px)!important;
}
.brand-statement, .fated-footer { width:100%; }

/* Explore heading: right-aligned on the hero image, matching the reference composition. */
.explore-heading {
    left:auto!important;
    right:clamp(18px,4vw,64px)!important;
    top:clamp(22px,4vw,52px)!important;
    max-width:min(620px,46vw)!important;
    text-align:right!important;
    padding:0!important;
}
.explore-heading .explore-kicker,
.explore-heading h2,
.explore-heading p { text-align:right!important; margin-left:auto!important; }
.explore-heading p { max-width:540px!important; }

/* Keep the slide copy separate from the section heading and visually balanced. */
.explore-slide-copy { max-width:500px; }

/* Mobile category list: clean two-column cards with comfortable tap targets. */
@media (max-width: 767.98px) {
    .category-mosaic {
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:10px!important;
        padding:10px!important;
    }
    .mosaic-card { min-height:150px; aspect-ratio:1/1; border-radius:8px!important; }
    .mosaic-label { left:10px; right:10px; bottom:10px; font-size:.62rem; line-height:1.2; }
    .explore-heading {
        right:18px!important;
        left:18px!important;
        top:20px!important;
        max-width:none!important;
        text-align:right!important;
    }
    .explore-heading h2 { font-size:clamp(1.9rem,8vw,2.7rem)!important; }
    .explore-heading p { max-width:90%!important; font-size:.72rem!important; }
}


/* ============================================================
   FATED AOG — PROFESSIONAL BLUE EDITION
   Reference-led visual system: Masonic/navy blue + white.
   ============================================================ */
:root{
  --fated-blue:#123f68;
  --fated-blue-deep:#0a2945;
  --fated-blue-mid:#1d5b8d;
  --fated-blue-soft:#eaf2f8;
  --fated-ink:#0b1622;
  --fated-line:#d8e2eb;
  --fated-gold:#c5a44a;
  --fated-radius:18px;
}

/* HERO: preserve the supplied reference composition, replacing black glass
   with layered translucent Masonic blue. */
.hero-viewport{
  min-height:clamp(700px,100vh,900px)!important;
  background:#081d31!important;
}
.bg-slider .carousel-item{
  height:clamp(700px,100vh,900px)!important;
}
.bg-slider img,.bg-slider video{
  filter:brightness(.84) contrast(1.04) saturate(.94)!important;
  object-position:center center!important;
}
.dark-vignette{
  background:
    radial-gradient(circle at 62% 44%, rgba(33,91,136,.10) 0%, rgba(7,38,65,.22) 48%, rgba(5,27,46,.54) 100%),
    linear-gradient(180deg,rgba(5,27,46,.64) 0%,rgba(10,47,76,.18) 35%,rgba(5,27,46,.72) 100%)!important;
}
.fated-nav{
  padding:1.05rem clamp(1rem,3vw,2.5rem)!important;
}
.brand-title{
  text-shadow:0 0 16px rgba(104,165,211,.28)!important;
}
.nav-links-wrapper .nav-link{
  color:rgba(255,255,255,.9)!important;
}
.nav-links-wrapper .nav-link:hover,
.nav-links-wrapper .nav-link.active{
  text-shadow:0 0 10px rgba(115,183,229,.45)!important;
  border-bottom-color:rgba(205,231,250,.9)!important;
}
.hero-content-positioner{
  max-width:650px!important;
  padding:2rem clamp(1rem,3vw,2rem) 0!important;
}
.hero-glass-card{
  background:linear-gradient(135deg,rgba(11,52,84,.72),rgba(14,66,103,.48))!important;
  border:1px solid rgba(187,220,244,.30)!important;
  box-shadow:0 18px 50px rgba(3,25,43,.34),inset 0 1px 0 rgba(255,255,255,.09)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
.hero-tagline-badge{
  background:rgba(12,52,84,.68)!important;
  border-color:rgba(199,221,238,.28)!important;
  color:#e6d39a!important;
}
.hero-category-title{
  text-shadow:0 3px 18px rgba(4,28,48,.5)!important;
}
.hero-brand-desc{
  color:rgba(242,248,252,.86)!important;
}
.hero-cta-copy{
  color:rgba(226,238,247,.78)!important;
}
.hero-shop-btn{
  background:#fff!important;
  color:var(--fated-blue-deep)!important;
  box-shadow:0 8px 24px rgba(2,27,46,.22)!important;
}
.hero-shop-btn:hover{
  background:#dcecf8!important;
  color:#09233a!important;
}
.carousel-indicators-custom button{
  background:rgba(205,229,246,.48)!important;
  box-shadow:0 0 0 1px rgba(3,31,52,.18)!important;
}
.carousel-indicators-custom button.active{
  background:#fff!important;
  box-shadow:0 0 12px rgba(205,231,250,.55)!important;
}

/* Six bottom cards — same architecture as the supplied screenshot. */
.bottom-overlay-container{
  padding-bottom:1.1rem!important;
  padding-top:.7rem!important;
}
.tactical-card{
  background:linear-gradient(145deg,rgba(11,48,78,.70),rgba(10,39,64,.54))!important;
  border:1px solid rgba(191,220,239,.28)!important;
  box-shadow:0 12px 30px rgba(2,23,40,.25),inset 0 1px 0 rgba(255,255,255,.08)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
}
.tactical-card:hover,.tactical-card.active-card{
  background:linear-gradient(145deg,rgba(20,74,114,.78),rgba(10,45,74,.65))!important;
  border-color:rgba(220,239,251,.52)!important;
  transform:translateY(-3px)!important;
}
.card-media-box{
  background:rgba(5,28,47,.46)!important;
}
.card-shop-link{
  background:rgba(224,239,249,.10)!important;
  border-color:rgba(224,239,249,.18)!important;
}
.tactical-card:hover .card-shop-link,.tactical-card.active-card .card-shop-link{
  background:rgba(255,255,255,.92)!important;
  color:var(--fated-blue-deep)!important;
}
.trust-footer-bar{
  border-top-color:rgba(191,220,239,.16)!important;
}
.trust-clients-text,.payment-label{
  color:rgba(226,239,248,.72)!important;
}

/* STORE: clean white editorial section with the same blue accent. */
.reference-store{
  background:#fff!important;
  color:var(--fated-ink)!important;
  padding:56px clamp(16px,4vw,64px) 72px!important;
}
.reference-store-inner{
  max-width:1400px!important;
  margin:0 auto!important;
}
.reference-store h2{
  color:var(--fated-ink)!important;
  font-weight:850!important;
  letter-spacing:-.045em!important;
}
.ref-cats{
  gap:26px 14px!important;
  margin-bottom:42px!important;
}
.ref-cat{
  color:var(--fated-ink)!important;
  transition:transform .22s ease!important;
}
.ref-cat:hover{transform:translateY(-4px)!important}
.ref-cat-img{
  width:clamp(88px,9vw,138px)!important;
  height:clamp(88px,9vw,138px)!important;
  border:1px solid #dfe7ee!important;
  box-shadow:0 7px 22px rgba(12,43,70,.08)!important;
  background:#f4f8fb!important;
}
.ref-cat-img img{object-fit:cover!important}
.ref-cat-label{
  margin-top:11px!important;
  font-weight:750!important;
  letter-spacing:-.01em!important;
}
.ref-banner{
  background:linear-gradient(135deg,#f4f8fb,#e9f1f7)!important;
  border:1px solid #dce7ef!important;
  box-shadow:0 14px 40px rgba(17,54,83,.08)!important;
  min-height:330px!important;
}
.ref-banner-copy h3{
  color:var(--fated-ink)!important;
  letter-spacing:-.055em!important;
}
.ref-btn{
  background:var(--fated-blue)!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(18,63,104,.18)!important;
}
.ref-btn:hover{
  background:var(--fated-blue-deep)!important;
  transform:translateY(-2px)!important;
}
.ref-banner-media{
  background:linear-gradient(135deg,#e4eef5,#f5f8fa)!important;
}
.ref-banner-media img{
  mix-blend-mode:multiply!important;
  object-fit:contain!important;
  padding:16px!important;
}
.ref-section-head{
  margin-top:34px!important;
}
.ref-section-head h3{
  color:var(--fated-ink)!important;
  letter-spacing:-.04em!important;
}
.ref-view{
  color:var(--fated-blue)!important;
  text-underline-offset:4px!important;
}
.ref-products{
  gap:16px!important;
}
.ref-product{
  background:#fff!important;
  border:1px solid #e0e7ed!important;
  border-radius:16px!important;
  padding:10px!important;
  box-shadow:0 8px 26px rgba(14,47,73,.06)!important;
  transition:transform .2s ease,box-shadow .2s ease!important;
}
.ref-product:hover{
  transform:translateY(-4px)!important;
  box-shadow:0 16px 34px rgba(14,47,73,.11)!important;
}
.ref-product-img{
  background:#f2f6f9!important;
  border-radius:12px!important;
  overflow:hidden!important;
}
.ref-product-name{
  color:var(--fated-ink)!important;
  font-weight:800!important;
  margin-top:12px!important;
}
.ref-product-price{
  color:var(--fated-blue)!important;
  font-weight:850!important;
  font-size:14px!important;
  margin:6px 0 9px!important;
}
.ref-cart{
  background:var(--fated-blue)!important;
  color:#fff!important;
  box-shadow:0 7px 16px rgba(18,63,104,.15)!important;
}
.ref-cart:hover{
  background:var(--fated-blue-deep)!important;
  transform:translateY(-1px)!important;
}
.ref-deals{
  gap:18px!important;
}
.ref-deal{
  background:#f4f8fb!important;
  border:1px solid #dce7ef!important;
  box-shadow:0 8px 24px rgba(14,47,73,.05)!important;
}
.ref-deal-body{
  padding:20px!important;
}
.ref-deal-name{
  color:var(--fated-ink)!important;
  font-weight:800!important;
}
.ref-deal-price{
  color:var(--fated-blue)!important;
  font-weight:850!important;
}
.ref-catalog-card{
  background:#fff!important;
  border:1px solid #e0e7ed!important;
  box-shadow:0 8px 26px rgba(14,47,73,.06)!important;
}
.ref-catalog-card:hover{
  border-color:#b9cddd!important;
  box-shadow:0 16px 34px rgba(14,47,73,.11)!important;
}
.ref-catalog-img{
  background:#f2f6f9!important;
}
.ref-catalog-info h4{color:var(--fated-ink)!important}
.ref-catalog-price{color:var(--fated-blue)!important}

/* Cart drawer */
.ref-cart-drawer{
  border-left:1px solid #dce7ef!important;
  box-shadow:-18px 0 45px rgba(8,38,63,.18)!important;
}
.ref-cart-head{
  background:linear-gradient(135deg,var(--fated-blue-deep),var(--fated-blue))!important;
  color:#fff!important;
}
.ref-cart-foot{
  border-top:1px solid #e2e9ef!important;
}
.ref-cart-total span:last-child{
  color:var(--fated-blue)!important;
  font-weight:900!important;
}

/* Final collection slider: blue glass, not black. */
.explore-final{
  background:var(--fated-blue-deep)!important;
  color:#fff!important;
}
.explore-fated{
  background:linear-gradient(180deg,#0b2b47,#09233a)!important;
}
.explore-slide::after{
  background:
    linear-gradient(90deg,rgba(5,30,50,.72),rgba(10,62,98,.22) 50%,rgba(10,62,98,.05)),
    linear-gradient(0deg,rgba(5,30,50,.56),transparent 55%)!important;
}
.explore-slide-btn{
  color:var(--fated-blue-deep)!important;
}
.explore-slide-btn:hover{
  background:#dcecf8!important;
  color:#09233a!important;
}
.explore-arrow{
  background:rgba(13,61,96,.42)!important;
  border-color:rgba(213,235,249,.36)!important;
}
.explore-dot{background:rgba(213,235,249,.5)!important}
.explore-dot.active{background:#fff!important}
.explore-heading .explore-kicker{color:#d8c37e!important}
.explore-heading h2,.explore-heading p{
  text-shadow:0 2px 15px rgba(3,27,46,.36)!important;
}

/* Shared polish */
button,a{ -webkit-tap-highlight-color:transparent; }
img{image-rendering:auto}
@media(max-width:991.98px){
  .reference-store{padding-left:22px!important;padding-right:22px!important}
  .ref-cats{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .ref-banner{grid-template-columns:1fr 1fr!important}
}
@media(max-width:767.98px){
  .hero-viewport,.bg-slider .carousel-item{min-height:760px!important;height:760px!important}
  .hero-content-positioner{padding-top:2.6rem!important}
  .hero-glass-card{padding:1.25rem!important}
  .hero-category-title{font-size:1.9rem!important}
  .bottom-overlay-container{padding-bottom:.65rem!important}
  .hero-cards-reference{overflow-x:auto!important;display:flex!important;flex-wrap:nowrap!important;scroll-snap-type:x mandatory!important;padding-bottom:5px}
  .hero-cards-reference .tactical-card{flex:0 0 165px!important;min-width:165px!important}
  .reference-store{padding:42px 16px 56px!important}
  .ref-cats{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px 8px!important}
  .ref-banner{grid-template-columns:1fr!important;min-height:auto!important}
  .ref-banner-copy{padding:30px 24px 18px!important}
  .ref-banner-media{min-height:235px!important}
  .ref-products{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .ref-deals{grid-template-columns:1fr!important}
  .ref-deal{grid-template-columns:42% 58%!important}
  .ref-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:480px){
  .ref-cats{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .ref-cat-label{font-size:12px!important}
  .ref-product-name{font-size:12px!important}
  .ref-cart{font-size:10px!important;padding:9px 5px!important}
  .ref-deal{grid-template-columns:40% 60%!important}
  .ref-deal-body{padding:13px!important}
}



.reference-store{background:#fff;color:#111;padding:30px 18px 44px;font-family:Inter,Arial,sans-serif}.reference-store-inner{max-width:1100px;margin:0 auto}.reference-store h2{font-size:clamp(30px,3.2vw,42px);line-height:1.05;font-weight:800;letter-spacing:-.045em;margin:0 0 24px;text-align:center}.ref-cats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px 12px;margin-bottom:30px}.ref-cat{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#111;text-align:center;min-width:0}.ref-cat-img{width:118px;height:118px;border-radius:50%;overflow:hidden;background:#eee;display:block}.ref-cat-img img{width:100%;height:100%;object-fit:cover;display:block}.ref-cat-label{font-size:16px;line-height:1.12;font-weight:700;margin-top:9px;white-space:nowrap}.ref-banner{display:grid;grid-template-columns:48% 52%;background:#f1f1f1;border-radius:15px;overflow:hidden;min-height:320px;margin-bottom:28px}.ref-banner-copy{padding:40px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.ref-banner-copy h3{font-size:clamp(36px,4.1vw,58px);line-height:1.02;letter-spacing:-.045em;margin:0 0 22px;font-weight:800;max-width:460px}.ref-btn{display:inline-flex;align-items:center;justify-content:center;background:#4e9b72;color:#fff;text-decoration:none;border-radius:999px;padding:11px 20px;font-size:14px;font-weight:700}.ref-banner-media{min-height:320px}.ref-banner-media img{width:100%;height:100%;object-fit:cover;display:block}.ref-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.ref-section-head h3{font-size:clamp(27px,3vw,40px);margin:0;font-weight:800;letter-spacing:-.04em}.ref-view{color:#111;font-weight:600;text-decoration:underline;font-size:14px}.ref-products{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:27px}.ref-product{min-width:0}.ref-product-img{height:185px;border-radius:12px;overflow:hidden;background:#eee}.ref-product-img img{width:100%;height:100%;object-fit:cover;display:block}.ref-product-name{font-size:15px;font-weight:700;text-align:center;margin:9px 3px 10px;line-height:1.15;min-height:34px}.ref-cart{display:flex;width:100%;border:0;background:#4e9b72;color:#fff;border-radius:999px;padding:9px 8px;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:700;cursor:pointer}.ref-deals{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.ref-deal{display:grid;grid-template-columns:48% 52%;background:#f1f1f1;border-radius:12px;overflow:hidden}.ref-deal-img{min-height:155px}.ref-deal-img img{width:100%;height:100%;object-fit:cover;display:block}.ref-deal-body{padding:20px 18px;display:flex;flex-direction:column;justify-content:center}.ref-deal-name{font-size:19px;font-weight:700;line-height:1.1;margin-bottom:9px}.ref-deal-price{font-size:18px;font-weight:700;margin-bottom:13px}.ref-cart-drawer{position:fixed;top:0;right:-390px;width:min(380px,92vw);height:100vh;background:#fff;z-index:99999;box-shadow:-10px 0 30px rgba(0,0,0,.18);transition:right .25s ease;display:flex;flex-direction:column;color:#111}.ref-cart-drawer.open{right:0}.ref-cart-head{padding:18px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;font-weight:800}.ref-cart-items{padding:16px;overflow:auto;flex:1}.ref-cart-item{display:grid;grid-template-columns:64px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #eee}.ref-cart-item img{width:64px;height:64px;object-fit:cover;border-radius:8px}.ref-cart-remove{border:0;background:none;color:#777;font-size:12px}.ref-cart-foot{padding:16px;border-top:1px solid #eee}.ref-cart-total{display:flex;justify-content:space-between;font-weight:800;margin-bottom:12px}.ref-cart-close{border:0;background:none;font-size:24px}@media(max-width:991px){.ref-cats{grid-template-columns:repeat(3,1fr)}.ref-cat-img{width:110px;height:110px}.ref-banner{grid-template-columns:1fr}.ref-banner-copy{min-height:245px}.ref-products{grid-template-columns:repeat(2,1fr)}}@media(max-width:575px){.reference-store{padding:24px 12px 34px}.ref-cats{grid-template-columns:repeat(2,1fr);gap:20px 8px}.ref-cat-img{width:105px;height:105px}.ref-cat-label{font-size:13px}.ref-banner{border-radius:12px}.ref-banner-copy{padding:28px 22px;min-height:220px}.ref-banner-media{min-height:210px}.ref-products{gap:10px}.ref-product-img{height:155px}.ref-product-name{font-size:13px}.ref-deals{grid-template-columns:1fr}.ref-deal{grid-template-columns:44% 56%}.ref-deal-body{padding:16px 12px}.ref-deal-name{font-size:15px}.ref-deal-price{font-size:15px}}


.hero-cards-reference{gap:12px!important;padding-bottom:10px!important}
.hero-cards-reference .tactical-card{min-width:150px!important}
.hero-cards-reference .card-media-box{aspect-ratio:1.32/1!important}
.hero-cards-reference .card-shop-link{display:inline-flex;align-items:center;gap:5px;text-decoration:none;color:#fff}
.ref-catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 34px}
.ref-catalog-card{background:#f4f4f2;border-radius:14px;overflow:hidden;min-width:0}
.ref-catalog-img{height:210px;background:#e9e9e7;overflow:hidden}
.ref-catalog-img img{width:100%;height:100%;object-fit:cover;display:block}
.ref-catalog-info{padding:13px}
.ref-catalog-info h4{font-size:15px;font-weight:800;margin:0 0 5px;line-height:1.2}
.ref-catalog-price{font-size:16px;font-weight:800;margin-bottom:11px}
@media(max-width:991px){.ref-catalog-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:575px){.ref-catalog-grid{grid-template-columns:repeat(2,1fr);gap:10px}.ref-catalog-img{height:155px}.ref-catalog-info{padding:10px}.ref-catalog-info h4{font-size:12px}.ref-catalog-price{font-size:13px}.ref-catalog-info .ref-cart{font-size:10px;padding:8px 5px}}


/* Stable local assets: all site media lives in assets/ root. */
img{font-size:0;}
.explore-final{background:#080a0d!important;color:#fff!important;padding:0 0 70px!important;}
.explore-final .explore-feature{height:clamp(520px,62vw,780px)!important;margin:0!important;border-radius:0!important;background:#080a0d!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:none!important;}
.explore-final .explore-slide img{display:block!important;opacity:1!important;}
.explore-final .explore-slide.active img{opacity:1!important;}
.explore-final .explore-heading{top:clamp(22px,4vw,52px)!important;left:clamp(24px,4vw,58px)!important;z-index:7!important;}
.explore-final .explore-slide-copy{left:clamp(24px,4vw,58px)!important;bottom:clamp(38px,6vw,72px)!important;z-index:7!important;}
.explore-final .explore-arrow{z-index:8!important;}
.explore-final .explore-dots{z-index:8!important;}
@media(max-width:700px){.explore-final .explore-feature{height:520px!important}.explore-final .explore-slide-copy{max-width:78%!important}.explore-final .explore-slide-copy h3{font-size:2.8rem!important}}


:root{
  --fated-masonic:#174f7b;
  --fated-masonic-deep:#0b2f4d;
  --fated-masonic-mid:#246a9e;
  --fated-masonic-line:rgba(183,218,241,.30);
  --fated-masonic-glass:rgba(12,58,94,.58);
}
body{background:#071a2a!important}
.hero-viewport{min-height:clamp(720px,100vh,900px)!important;background:#09243b!important}
.bg-slider .carousel-item{height:clamp(720px,100vh,900px)!important}
.bg-slider img,.bg-slider video{filter:brightness(.78) contrast(1.05) saturate(.95)!important}
.dark-vignette{
 background:
  radial-gradient(circle at 62% 42%,rgba(40,108,157,.20) 0%,rgba(9,52,83,.34) 48%,rgba(4,27,46,.72) 100%),
  linear-gradient(180deg,rgba(5,30,50,.58) 0%,rgba(13,66,104,.14) 36%,rgba(4,25,43,.78) 100%)!important;
}
.fated-nav{padding:1.05rem clamp(1rem,3.1vw,2.5rem)!important}
.fated-brand-logo{filter:drop-shadow(0 2px 8px rgba(120,190,235,.20))}
.nav-links-wrapper .nav-link{font-size:.84rem!important;letter-spacing:.2px!important;text-transform:none!important;color:rgba(255,255,255,.9)!important}
.nav-links-wrapper .nav-link.active{border-bottom:1px solid rgba(255,255,255,.92)!important}
.hero-content-positioner{max-width:620px!important;padding:0 clamp(1rem,3vw,2rem)!important;margin-top:auto!important;margin-bottom:9.5rem!important}
.hero-glass-card{
 background:linear-gradient(135deg,rgba(15,62,99,.68),rgba(18,75,116,.45))!important;
 border:1px solid rgba(181,218,241,.34)!important;
 border-radius:17px!important;
 box-shadow:0 18px 48px rgba(2,25,42,.32),inset 0 1px 0 rgba(255,255,255,.10)!important;
 backdrop-filter:blur(15px)!important;
}
.hero-tagline-badge{color:#e5cf87!important;background:rgba(20,72,108,.60)!important;border-color:rgba(212,198,133,.28)!important}
.hero-category-title{font-size:clamp(2rem,3vw,2.55rem)!important;letter-spacing:.3px!important}
.hero-brand-desc{max-width:500px!important}
.hero-shop-btn{border-radius:999px!important;padding:10px 18px!important}
.hero-cart-trigger{position:relative;background:transparent;border:0;color:#fff;font-size:1.08rem;padding:.2rem .45rem;margin-left:.35rem}
.hero-cart-count{position:absolute;top:-5px;right:-3px;min-width:16px;height:16px;border-radius:999px;background:#c9a84b;color:#0b2f4d;font:700 10px/16px Inter,sans-serif;text-align:center}
.bottom-overlay-container{padding-bottom:1rem!important;padding-top:.5rem!important}
.cards-grid-row.hero-cards-reference{gap:10px!important;padding:0 clamp(1rem,3vw,2.8rem) 6px!important}
.hero-cards-reference .tactical-card{flex:1 1 0;min-width:0!important;padding:7px!important;background:linear-gradient(145deg,rgba(13,61,98,.70),rgba(8,42,69,.56))!important;border-color:rgba(177,214,238,.28)!important;border-radius:13px!important}
.hero-cards-reference .card-media-box{aspect-ratio:1.32/1!important;border-radius:9px!important;background:rgba(5,31,50,.38)!important}
.hero-cards-reference .card-details h2{font-size:.96rem!important}
.hero-cards-reference .card-details p{color:rgba(229,240,248,.72)!important}
.hero-cards-reference .card-shop-link{background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:999px!important;padding:4px 8px!important;font-size:.58rem!important}
.hero-cards-reference .tactical-card:hover,.hero-cards-reference .tactical-card.active-card{background:linear-gradient(145deg,rgba(27,88,135,.82),rgba(10,49,80,.70))!important}
.trust-footer-bar{padding:0 clamp(1rem,3vw,2.8rem)!important;border-top:1px solid rgba(178,214,237,.13)!important}
/* store section */
.reference-store{background:#f8fbfd!important;padding:58px clamp(16px,4vw,62px) 72px!important}
.reference-store-inner{max-width:1380px!important}
.reference-store h2,.ref-section-head h3{color:#0b1d2c!important}
.ref-cats{gap:28px 14px!important}
.ref-cat-img{border:1px solid #d5e1ea!important;box-shadow:0 8px 24px rgba(12,52,82,.08)!important}
.ref-cat-label{color:#102536!important}
.ref-banner{background:linear-gradient(135deg,#edf5fa,#e2edf4)!important;border:1px solid #d3e1eb!important;box-shadow:0 16px 40px rgba(14,55,84,.08)!important}
.ref-btn,.ref-cart{background:#1b5d8d!important}
.ref-btn:hover,.ref-cart:hover{background:#0d3b60!important}
.ref-products{align-items:stretch!important}
.ref-product{display:flex!important;flex-direction:column!important;height:100%!important}
.ref-product-img{height:195px!important}
.ref-product-name{min-height:38px!important}
.ref-product-price{color:#174f7b!important;font-weight:850!important;margin:0 0 9px!important;text-align:center}
.ref-product .ref-cart{margin-top:auto!important}
.ref-deal{background:#eef5f9!important;border-color:#d5e3ec!important}
.ref-deal-img{background:#e5eef4!important}
.ref-catalog-card{border-color:#d9e4eb!important}
/* cart */
.ref-cart-drawer{background:#fff!important}
.ref-cart-head{background:linear-gradient(135deg,#0b2f4d,#1b5d8d)!important}
/* final collection section */
.explore-final,.explore-fated{background:linear-gradient(180deg,#0b304d,#09243b)!important}
.explore-slide::after{background:linear-gradient(90deg,rgba(5,30,50,.78),rgba(12,69,108,.22) 54%,rgba(5,30,50,.10)),linear-gradient(0deg,rgba(5,30,50,.62),transparent 60%)!important}
@media(max-width:767.98px){
 .hero-content-positioner{margin-bottom:10rem!important}
 .cards-grid-row.hero-cards-reference{padding-left:1rem!important;padding-right:1rem!important}
 .hero-cards-reference .tactical-card{flex:0 0 158px!important}
 .hero-cart-trigger{display:none}
}


/* Final reference-match fixes: anchored hero, six-card horizontal strip, clean imagery. */
html,body{overflow-x:hidden!important}
.hero-viewport{position:relative!important;min-height:760px!important;height:100svh!important;max-height:900px!important;overflow:hidden!important;background:#09243b!important}
.bg-slider,.bg-slider .carousel-inner,.bg-slider .carousel-item{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}
.bg-slider img,.bg-slider video{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
.hero-content-positioner{position:absolute!important;left:0!important;top:24%!important;width:min(620px,48vw)!important;max-width:620px!important;padding:0 0 0 clamp(18px,3vw,46px)!important;margin:0!important;z-index:25!important}
.hero-glass-card{margin:0!important;padding:22px!important}
.bottom-overlay-container{position:absolute!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;padding:0 0 10px!important;z-index:30!important}
.cards-grid-row.hero-cards-reference{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;gap:10px!important;padding:0 clamp(12px,3vw,48px) 8px!important}
.cards-grid-row.hero-cards-reference::-webkit-scrollbar{display:none!important}
.hero-cards-reference .tactical-card{flex:1 1 0!important;min-width:0!important;width:0!important}
.trust-footer-bar{margin-top:2px!important}
/* Keep the desktop reference six-up while making tablet/mobile cards horizontally scrollable. */
@media(max-width:1100px){.hero-cards-reference .tactical-card{flex:0 0 158px!important;width:158px!important}.hero-content-positioner{width:min(600px,62vw)!important}}
@media(max-width:767px){
 .hero-viewport{min-height:760px!important;height:100svh!important;max-height:860px!important}
 .hero-content-positioner{top:19%!important;left:0!important;width:100%!important;padding:0 16px!important}
 .hero-glass-card{max-width:560px!important}
 .bottom-overlay-container{padding-bottom:8px!important}
 .cards-grid-row.hero-cards-reference{padding-left:14px!important;padding-right:14px!important;gap:9px!important}
 .hero-cards-reference .tactical-card{flex:0 0 158px!important;width:158px!important}
 .hero-cards-reference .card-media-box{aspect-ratio:1.32/1!important}
 .trust-footer-bar{padding-left:14px!important;padding-right:14px!important}
}
/* Product imagery is a clean product crop — never show surrounding section headings inside cards. */
.ref-product-img img,.ref-deal-img img,.ref-catalog-img img{object-fit:cover!important;object-position:center!important}
.ref-product-img,.ref-deal-img,.ref-catalog-img{background:#f2f5f7!important}
/* Prevent product cards from inheriting screenshot-like overflow. */
.ref-product,.ref-deal,.ref-catalog-card{overflow:hidden!important}

/* New Mind Gamer / art collection presentation. */
.art-sale-section{margin:34px 0 28px;padding-top:6px}
.art-sale-note{font-size:13px;color:#5e6872;max-width:760px;margin:-2px 0 15px;line-height:1.5}
.art-sale-grid .ref-product-img{height:230px!important}
.art-sale-grid .ref-product-name{margin-bottom:5px!important}
.art-sale-grid .ref-product-price{font-size:16px}
@media(max-width:991px){.art-sale-grid .ref-product-img{height:210px!important}}
@media(max-width:575px){.art-sale-grid .ref-product-img{height:175px!important}.art-sale-note{font-size:12px}}
/* FATED AOG brand mark: white-backed circular logo for visibility on dark/navy surfaces. */
.fated-brand-logo{width:42px!important;height:42px!important;object-fit:contain!important;background:#fff!important;border-radius:50%!important;padding:2px!important;box-shadow:0 2px 10px rgba(0,0,0,.18)!important}
.footer-brand-mark img{width:42px!important;height:42px!important;object-fit:contain!important;background:#fff!important;border-radius:50%!important;padding:2px!important}
@media(max-width:575px){.fated-brand-logo{width:38px!important;height:38px!important}.footer-brand-mark img{width:38px!important;height:38px!important}}