:root {
            --gold-primary: #D4AF37;
            --gold-light: #F4E4BA;
            --gold-dark: #8B7355;
            --gold-gradient: linear-gradient(135deg, #D4AF37 0%, #F4E4BA 50%, #D4AF37 100%);
            --gold-shine: linear-gradient(135deg, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C);
            --dark-bg: #0D0D0D;
            --dark-secondary: #1A1A1A;
            --dark-card: #141414;
            --text-light: #FFFFFF;
            --text-muted: #A0A0A0;
            --transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        html {
            scroll-behavior: smooth;
        }

        body {
            font-family: 'Montserrat', sans-serif;
            background-color: var(--dark-bg);
            color: var(--text-light);
            line-height: 1.7;
            overflow-x: hidden;
        }

        h1, h2, h3, h4, h5 {
            font-family: 'Playfair Display', serif;
            font-weight: 600;
        }

        /* Preloader */
        .preloader {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: var(--dark-bg);
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 9999;
            transition: opacity 0.5s ease, visibility 0.5s ease;
        }

        .preloader.hidden {
            opacity: 0;
            visibility: hidden;
        }

        .preloader-ring {
            position: relative;
            width: 80px;
            height: 80px;
        }

        .preloader-dot {
            position: absolute;
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background: rgba(212, 175, 55, 0.2);
            box-shadow: 0 0 0 rgba(212, 175, 55, 0);
            animation: dotGlow 1.6s ease-in-out infinite;
        }

        .preloader-dot:nth-child(1) { top: 0; left: 50%; transform: translateX(-50%); animation-delay: 0s; }
        .preloader-dot:nth-child(2) { top: 12%; left: 85%; transform: translate(-50%, -50%); animation-delay: 0.13s; }
        .preloader-dot:nth-child(3) { top: 50%; left: 100%; transform: translate(-100%, -50%); animation-delay: 0.26s; }
        .preloader-dot:nth-child(4) { top: 88%; left: 85%; transform: translate(-50%, -50%); animation-delay: 0.39s; }
        .preloader-dot:nth-child(5) { bottom: 0; left: 50%; transform: translateX(-50%); animation-delay: 0.52s; }
        .preloader-dot:nth-child(6) { top: 88%; left: 15%; transform: translate(-50%, -50%); animation-delay: 0.65s; }
        .preloader-dot:nth-child(7) { top: 50%; left: 0; transform: translateY(-50%); animation-delay: 0.78s; }
        .preloader-dot:nth-child(8) { top: 12%; left: 15%; transform: translate(-50%, -50%); animation-delay: 0.91s; }

        @keyframes dotGlow {
            0%, 100% {
                background: rgba(212, 175, 55, 0.2);
                box-shadow: 0 0 0 rgba(212, 175, 55, 0);
                transform: translateX(-50%) scale(1);
            }
            50% {
                background: #D4AF37;
                box-shadow: 0 0 20px rgba(212, 175, 55, 0.8), 0 0 40px rgba(212, 175, 55, 0.4);
                transform: translateX(-50%) scale(1.3);
            }
        }

        .preloader-dot:nth-child(2),
        .preloader-dot:nth-child(4),
        .preloader-dot:nth-child(6),
        .preloader-dot:nth-child(8) {
            animation-name: dotGlowDiagonal;
        }

        .preloader-dot:nth-child(3),
        .preloader-dot:nth-child(7) {
            animation-name: dotGlowSide;
        }

        .preloader-dot:nth-child(5) {
            animation-name: dotGlowBottom;
        }

        @keyframes dotGlowDiagonal {
            0%, 100% {
                background: rgba(212, 175, 55, 0.2);
                box-shadow: 0 0 0 rgba(212, 175, 55, 0);
                transform: translate(-50%, -50%) scale(1);
            }
            50% {
                background: #D4AF37;
                box-shadow: 0 0 20px rgba(212, 175, 55, 0.8), 0 0 40px rgba(212, 175, 55, 0.4);
                transform: translate(-50%, -50%) scale(1.3);
            }
        }

        @keyframes dotGlowSide {
            0%, 100% {
                background: rgba(212, 175, 55, 0.2);
                box-shadow: 0 0 0 rgba(212, 175, 55, 0);
                transform: translateY(-50%) scale(1);
            }
            50% {
                background: #D4AF37;
                box-shadow: 0 0 20px rgba(212, 175, 55, 0.8), 0 0 40px rgba(212, 175, 55, 0.4);
                transform: translateY(-50%) scale(1.3);
            }
        }

        @keyframes dotGlowBottom {
            0%, 100% {
                background: rgba(212, 175, 55, 0.2);
                box-shadow: 0 0 0 rgba(212, 175, 55, 0);
                transform: translateX(-50%) scale(1);
            }
            50% {
                background: #D4AF37;
                box-shadow: 0 0 20px rgba(212, 175, 55, 0.8), 0 0 40px rgba(212, 175, 55, 0.4);
                transform: translateX(-50%) scale(1.3);
            }
        }

        /* Header */
        header {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            padding: 15px 50px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            z-index: 1000;
            background: rgba(13, 13, 13, 0.9);
            backdrop-filter: blur(20px);
            border-bottom: 1px solid rgba(212, 175, 55, 0.1);
            transition: var(--transition);
        }

        header.scrolled {
            padding: 10px 50px;
            background: rgba(13, 13, 13, 0.98);
        }

        .logo {
            display: flex;
            align-items: center;
            text-decoration: none;
        }

        .logo-img {
            height: 50px;
            width: auto;
            object-fit: contain;
        }

        nav {
            display: flex;
            gap: 25px;
            flex-wrap: nowrap;
        }

        nav a {
            color: var(--text-light);
            text-decoration: none;
            font-weight: 500;
            font-size: 13px;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            position: relative;
            padding: 5px 0;
            transition: var(--transition);
            white-space: nowrap;
        }

        nav a::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 0;
            height: 2px;
            background: var(--gold-primary);
            transition: var(--transition);
        }

        nav a:hover {
            color: var(--gold-primary);
        }

        nav a:hover::after {
            width: 100%;
        }

        .header-contact {
            display: flex;
            align-items: center;
            gap: 15px;
            flex-wrap: nowrap;
            white-space: nowrap;
        }

        .header-phone {
            color: var(--gold-primary);
            text-decoration: none;
            font-weight: 600;
            font-size: 15px;
            display: flex;
            align-items: center;
            gap: 8px;
            transition: var(--transition);
        }

        .header-phone:hover {
            color: var(--gold-light);
        }

        .btn-telegram {
            background: var(--gold-gradient);
            color: var(--dark-bg);
            padding: 12px 25px;
            border-radius: 30px;
            text-decoration: none;
            font-weight: 600;
            font-size: 13px;
            text-transform: uppercase;
            letter-spacing: 1px;
            transition: var(--transition);
            display: flex;
            align-items: center;
            gap: 8px;
            box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3);
        }

        .btn-telegram:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 25px rgba(212, 175, 55, 0.4);
        }

        /* Mobile Menu */
        .mobile-menu-btn {
            display: none;
            flex-direction: column;
            gap: 5px;
            cursor: pointer;
            padding: 10px;
        }

        .mobile-menu-btn span {
            width: 25px;
            height: 2px;
            background: var(--gold-primary);
            transition: var(--transition);
        }

        /* Intermediate breakpoints: progressive menu collapse for 1366×768 and 125% scale */
        @media (max-width: 1300px) {
            .btn-telegram {
                display: none;
            }
        }

        @media (max-width: 1250px) {
            header {
                padding: 10px 25px;
            }

            header.scrolled {
                padding: 8px 25px;
            }

            nav {
                gap: 16px;
            }

            nav a {
                font-size: 12px;
                letter-spacing: 0;
            }

            .header-phone {
                font-size: 13px;
            }

            .logo-img {
                height: 40px;
            }
        }

        @media (max-width: 1100px) {
            nav {
                gap: 10px;
            }

            nav a {
                font-size: 11px;
            }

            .header-phone {
                font-size: 12px;
            }

            .logo-img {
                height: 36px;
            }
        }

        /* Hero Section */
        .hero {
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            overflow: hidden;
            padding: 120px 50px 80px;
        }

        .hero-bg {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: radial-gradient(ellipse at center, rgba(212, 175, 55, 0.08) 0%, transparent 70%);
            z-index: 0;
        }

        .hero-particles {
            position: absolute;
            width: 100%;
            height: 100%;
            overflow: hidden;
        }

        .particle {
            position: absolute;
            width: 4px;
            height: 4px;
            background: var(--gold-primary);
            border-radius: 50%;
            opacity: 0.3;
            animation: float 15s infinite ease-in-out;
        }

        @keyframes float {
            0%, 100% { transform: translateY(100vh) rotate(0deg); opacity: 0; }
            10% { opacity: 0.3; }
            90% { opacity: 0.3; }
            100% { transform: translateY(-100vh) rotate(720deg); opacity: 0; }
        }

        .hero-content {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 80px;
            max-width: 1400px;
            margin: 0 auto;
            align-items: center;
            position: relative;
            z-index: 1;
        }

        .hero-text {
            animation: fadeInLeft 1s ease-out;
        }

        @keyframes fadeInLeft {
            from { opacity: 0; transform: translateX(-50px); }
            to { opacity: 1; transform: translateX(0); }
        }

        .hero-badge {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            background: rgba(212, 175, 55, 0.1);
            border: 1px solid rgba(212, 175, 55, 0.3);
            padding: 10px 20px;
            border-radius: 30px;
            margin-bottom: 25px;
            font-size: 13px;
            color: var(--gold-primary);
            text-transform: uppercase;
            letter-spacing: 2px;
        }

        .hero-badge i {
            font-size: 16px;
        }

        .hero h1 {
            font-size: 58px;
            line-height: 1.15;
            margin-bottom: 25px;
            background: linear-gradient(135deg, #FFFFFF 0%, var(--gold-light) 50%, var(--gold-primary) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .hero-description {
            font-size: 18px;
            color: var(--text-muted);
            margin-bottom: 40px;
            max-width: 500px;
            line-height: 1.8;
        }

        .hero-buttons {
            display: flex;
            gap: 20px;
            flex-wrap: wrap;
        }

        .btn-primary {
            background: var(--gold-gradient);
            color: var(--dark-bg);
            padding: 18px 40px;
            border-radius: 50px;
            text-decoration: none;
            font-weight: 700;
            font-size: 14px;
            text-transform: uppercase;
            letter-spacing: 2px;
            transition: var(--transition);
            display: inline-flex;
            align-items: center;
            gap: 10px;
            box-shadow: 0 10px 30px rgba(212, 175, 55, 0.3);
            border: none;
            cursor: pointer;
        }

        .btn-primary:hover {
            transform: translateY(-3px);
            box-shadow: 0 15px 40px rgba(212, 175, 55, 0.4);
        }

        .btn-secondary {
            background: transparent;
            color: var(--gold-primary);
            padding: 18px 40px;
            border-radius: 50px;
            text-decoration: none;
            font-weight: 600;
            font-size: 14px;
            text-transform: uppercase;
            letter-spacing: 2px;
            transition: var(--transition);
            display: inline-flex;
            align-items: center;
            gap: 10px;
            border: 2px solid var(--gold-primary);
        }

        .btn-secondary:hover {
            background: var(--gold-primary);
            color: var(--dark-bg);
        }

        .hero-coin {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            animation: fadeInRight 1s ease-out;
        }

        @keyframes fadeInRight {
            from { opacity: 0; transform: translateX(50px); }
            to { opacity: 1; transform: translateX(0); }
        }

        .coin-container {
            position: relative;
            width: 450px;
            height: 450px;
            perspective: 1200px;
        }

        .coin-glow {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 380px;
            height: 380px;
            background: radial-gradient(circle, rgba(212, 175, 55, 0.5) 0%, transparent 70%);
            border-radius: 50%;
            animation: pulse 3s ease-in-out infinite;
        }

        @keyframes pulse {
            0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.4; }
            50% { transform: translate(-50%, -50%) scale(1.1); opacity: 0.6; }
        }

        /* 3D Coin with Realistic Thickness */
        .coin-3d {
            position: relative;
            width: 350px;
            height: 350px;
            transform-style: preserve-3d;
            animation: coin3DFloat 10s ease-in-out infinite;
        }

        .coin-container:hover .coin-3d {
            animation: coin3DSpin 3s linear infinite;
        }

        @keyframes coin3DFloat {
            0% { 
                transform: translateY(0) rotateY(0deg) rotateX(5deg); 
            }
            25% { 
                transform: translateY(-15px) rotateY(90deg) rotateX(5deg); 
            }
            50% { 
                transform: translateY(-20px) rotateY(180deg) rotateX(5deg); 
            }
            75% { 
                transform: translateY(-15px) rotateY(270deg) rotateX(5deg); 
            }
            100% { 
                transform: translateY(0) rotateY(360deg) rotateX(5deg); 
            }
        }

        @keyframes coin3DSpin {
            0% { 
                transform: translateY(-10px) rotateY(0deg) rotateX(5deg); 
            }
            100% { 
                transform: translateY(-10px) rotateY(360deg) rotateX(5deg); 
            }
        }

        /* Coin Front Face (Avers) */
        .coin-face {
            position: absolute;
            width: 100%;
            height: 100%;
            border-radius: 50%;
            backface-visibility: hidden;
            overflow: hidden;
        }

        .coin-face::before {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: linear-gradient(45deg, transparent 40%, rgba(255, 255, 255, 0.4) 50%, transparent 60%);
            animation: shine 4s ease-in-out infinite;
            z-index: 10;
            pointer-events: none;
        }

        .coin-face-front {
            background: var(--gold-shine);
            transform: translateZ(12px);
            box-shadow: 
                inset 0 0 30px rgba(139, 115, 85, 0.3),
                inset 0 0 60px rgba(255, 255, 255, 0.1),
                0 0 20px rgba(212, 175, 55, 0.3);
        }

        .coin-face-back {
            background: var(--gold-shine);
            transform: rotateY(180deg) translateZ(12px);
            box-shadow: 
                inset 0 0 30px rgba(139, 115, 85, 0.3),
                inset 0 0 60px rgba(255, 255, 255, 0.1),
                0 0 20px rgba(212, 175, 55, 0.3);
        }

        .coin-face img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 50%;
        }

        /* Coin Edge (Thickness) - Creates 3D depth effect */
        .coin-edge {
            position: absolute;
            width: 100%;
            height: 100%;
            transform-style: preserve-3d;
        }

        .coin-edge-segment {
            position: absolute;
            width: 100%;
            height: 100%;
            border-radius: 50%;
            background: linear-gradient(90deg, 
                #8B7355 0%, 
                #C9A227 25%, 
                #E8D48B 50%, 
                #C9A227 75%, 
                #8B7355 100%);
            box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.3);
        }

        /* Create multiple edge segments for smooth 3D appearance */
        .coin-edge-segment:nth-child(1) { transform: translateZ(11px); }
        .coin-edge-segment:nth-child(2) { transform: translateZ(10px); }
        .coin-edge-segment:nth-child(3) { transform: translateZ(9px); }
        .coin-edge-segment:nth-child(4) { transform: translateZ(8px); }
        .coin-edge-segment:nth-child(5) { transform: translateZ(7px); }
        .coin-edge-segment:nth-child(6) { transform: translateZ(6px); }
        .coin-edge-segment:nth-child(7) { transform: translateZ(5px); }
        .coin-edge-segment:nth-child(8) { transform: translateZ(4px); }
        .coin-edge-segment:nth-child(9) { transform: translateZ(3px); }
        .coin-edge-segment:nth-child(10) { transform: translateZ(2px); }
        .coin-edge-segment:nth-child(11) { transform: translateZ(1px); }
        .coin-edge-segment:nth-child(12) { transform: translateZ(0px); }
        .coin-edge-segment:nth-child(13) { transform: translateZ(-1px); }
        .coin-edge-segment:nth-child(14) { transform: translateZ(-2px); }
        .coin-edge-segment:nth-child(15) { transform: translateZ(-3px); }
        .coin-edge-segment:nth-child(16) { transform: translateZ(-4px); }
        .coin-edge-segment:nth-child(17) { transform: translateZ(-5px); }
        .coin-edge-segment:nth-child(18) { transform: translateZ(-6px); }
        .coin-edge-segment:nth-child(19) { transform: translateZ(-7px); }
        .coin-edge-segment:nth-child(20) { transform: translateZ(-8px); }
        .coin-edge-segment:nth-child(21) { transform: translateZ(-9px); }
        .coin-edge-segment:nth-child(22) { transform: translateZ(-10px); }
        .coin-edge-segment:nth-child(23) { transform: translateZ(-11px); }

        /* Legacy coin-flipper styles (keep for backwards compatibility) */
        .coin-flipper {
            position: relative;
            width: 350px;
            height: 350px;
            transform-style: preserve-3d;
            animation: coinFloatAndSpin 8s ease-in-out infinite;
        }

        .coin-container:hover .coin-flipper {
            animation: coinSpinFast 2s ease-in-out infinite;
        }

        @keyframes coinFloatAndSpin {
            0% { 
                transform: translateY(0) rotateY(0deg); 
            }
            25% { 
                transform: translateY(-15px) rotateY(90deg); 
            }
            50% { 
                transform: translateY(-20px) rotateY(180deg); 
            }
            75% { 
                transform: translateY(-15px) rotateY(270deg); 
            }
            100% { 
                transform: translateY(0) rotateY(360deg); 
            }
        }

        @keyframes coinSpinFast {
            0% { 
                transform: translateY(-10px) rotateY(0deg); 
            }
            100% { 
                transform: translateY(-10px) rotateY(360deg); 
            }
        }

        .coin-side {
            position: absolute;
            width: 100%;
            height: 100%;
            backface-visibility: hidden;
            border-radius: 50%;
            overflow: hidden;
            box-shadow: 
                0 0 60px rgba(212, 175, 55, 0.4),
                inset 0 0 60px rgba(255, 255, 255, 0.1);
        }

        .coin-side::before {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: linear-gradient(45deg, transparent 40%, rgba(255, 255, 255, 0.3) 50%, transparent 60%);
            animation: shine 4s ease-in-out infinite;
            z-index: 10;
        }

        .coin-front-side {
            background: var(--gold-shine);
        }

        .coin-back-side {
            background: var(--gold-shine);
            transform: rotateY(180deg);
        }

        .coin-side img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 50%;
        }

        /* Legacy coin-image for backwards compatibility */
        .coin-image {
            position: relative;
            width: 350px;
            height: 350px;
            border-radius: 50%;
            background: var(--gold-shine);
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 
                0 0 60px rgba(212, 175, 55, 0.4),
                inset 0 0 60px rgba(255, 255, 255, 0.1);
            animation: coinFloat 4s ease-in-out infinite;
            overflow: hidden;
        }

        .coin-image::before {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: linear-gradient(45deg, transparent 40%, rgba(255, 255, 255, 0.3) 50%, transparent 60%);
            animation: shine 4s ease-in-out infinite;
        }

        @keyframes shine {
            0%, 100% { transform: translateX(-100%) rotate(45deg); }
            50% { transform: translateX(100%) rotate(45deg); }
        }

        @keyframes coinFloat {
            0%, 100% { transform: translateY(0) rotateY(0deg); }
            50% { transform: translateY(-20px) rotateY(5deg); }
        }

        .coin-inner {
            width: 320px;
            height: 320px;
            border-radius: 50%;
            background: linear-gradient(145deg, #C9A227, #E8D48B);
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            position: relative;
            border: 8px solid rgba(139, 115, 85, 0.5);
        }

        .coin-icon {
            font-size: 120px;
            color: rgba(139, 115, 85, 0.9);
            margin-bottom: 10px;
        }

        .coin-text {
            font-family: 'Playfair Display', serif;
            font-size: 18px;
            color: rgba(139, 115, 85, 0.9);
            text-transform: uppercase;
            letter-spacing: 3px;
            text-align: center;
        }

        .coin-nominal {
            font-family: 'Playfair Display', serif;
            font-size: 24px;
            color: rgba(139, 115, 85, 0.9);
            font-weight: 700;
            margin-top: 5px;
        }

        .hero-stats {
            display: flex;
            gap: 50px;
            margin-top: 60px;
            padding-top: 40px;
            border-top: 1px solid rgba(212, 175, 55, 0.2);
        }

        .stat-item {
            text-align: center;
        }

        .stat-number {
            font-family: 'Playfair Display', serif;
            font-size: 42px;
            color: var(--gold-primary);
            font-weight: 700;
            display: block;
        }

        .stat-label {
            font-size: 13px;
            color: var(--text-muted);
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-top: 5px;
        }

        /* Section Styles */
        section {
            padding: 120px 50px;
            position: relative;
        }

        .section-header {
            text-align: center;
            margin-bottom: 80px;
        }

        .section-badge {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            background: rgba(212, 175, 55, 0.1);
            border: 1px solid rgba(212, 175, 55, 0.3);
            padding: 8px 20px;
            border-radius: 30px;
            margin-bottom: 20px;
            font-size: 12px;
            color: var(--gold-primary);
            text-transform: uppercase;
            letter-spacing: 2px;
        }

        .section-title {
            font-size: 48px;
            margin-bottom: 20px;
            background: linear-gradient(135deg, #FFFFFF 0%, var(--gold-light) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .section-subtitle {
            font-size: 18px;
            color: var(--text-muted);
            max-width: 600px;
            margin: 0 auto;
        }

        /* About Section */
        #about {
            background: var(--dark-secondary);
        }

        .about-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 80px;
            max-width: 1400px;
            margin: 0 auto;
            align-items: center;
        }

        .about-image {
            position: relative;
        }

        .about-image-main {
            width: 100%;
            height: 580px;
            background: linear-gradient(145deg, var(--dark-card), var(--dark-bg));
            border-radius: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            overflow: hidden;
            border: 1px solid rgba(212, 175, 55, 0.2);
        }

        .about-coin-display {
            display: flex;
            gap: 30px;
        }

        .about-coin {
            width: 150px;
            height: 150px;
            border-radius: 50%;
            background: var(--gold-shine);
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 10px 40px rgba(212, 175, 55, 0.3);
            transition: var(--transition);
        }

        .about-coin:hover {
            transform: scale(1.1) rotateY(15deg);
        }

        .about-coin i {
            font-size: 60px;
            color: rgba(139, 115, 85, 0.9);
        }

        /* Marketplace Card Styles */
        .marketplace-card {
            width: 100%;
            height: 100%;
            padding: 35px 30px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }

        .mp-trust-badges {
            display: flex;
            justify-content: center;
            gap: 15px;
            flex-wrap: wrap;
        }

        .mp-trust-badge {
            display: flex;
            align-items: center;
            gap: 8px;
            background: rgba(212, 175, 55, 0.15);
            padding: 8px 14px;
            border-radius: 20px;
            border: 1px solid rgba(212, 175, 55, 0.3);
        }

        .mp-trust-badge i {
            color: var(--gold-primary);
            font-size: 14px;
        }

        .mp-trust-badge span {
            color: var(--gold-light);
            font-size: 11px;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        .mp-coins-row {
            display: flex;
            justify-content: center;
            gap: 40px;
            padding: 20px 0;
        }

        .mp-coin {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 10px;
        }

        .mp-coin img {
            width: 130px;
            height: 130px;
            border-radius: 50%;
            object-fit: cover;
            box-shadow: 0 10px 40px rgba(212, 175, 55, 0.3);
            transition: var(--transition);
            border: 3px solid rgba(212, 175, 55, 0.3);
        }

        .mp-coin:hover img {
            transform: scale(1.08) rotateY(10deg);
            box-shadow: 0 15px 50px rgba(212, 175, 55, 0.4);
        }

        .mp-coin-label {
            font-size: 12px;
            color: var(--text-muted);
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        .mp-subtitle {
            text-align: center;
            color: var(--gold-primary);
            font-size: 13px;
            font-weight: 500;
            padding: 12px 20px;
            background: rgba(212, 175, 55, 0.08);
            border-radius: 8px;
            border: 1px solid rgba(212, 175, 55, 0.15);
            margin-bottom: 10px;
        }

        .mp-specs-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 15px;
            margin-bottom: 15px;
        }

        .mp-spec {
            text-align: center;
            padding: 15px 10px;
            background: rgba(255, 255, 255, 0.03);
            border-radius: 10px;
            border: 1px solid rgba(255, 255, 255, 0.05);
        }

        .mp-spec-label {
            display: block;
            font-size: 10px;
            color: var(--text-muted);
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-bottom: 6px;
        }

        .mp-spec-value {
            display: block;
            font-size: 18px;
            font-weight: 700;
            color: var(--text-primary);
            font-family: 'Montserrat', sans-serif;
        }

        .mp-spec-value.mp-spec-nominals {
            font-size: 14px;
            letter-spacing: 1px;
        }

        .mp-benefits {
            display: flex;
            justify-content: center;
            gap: 30px;
        }

        .mp-benefit {
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .mp-benefit i {
            color: var(--gold-primary);
            font-size: 16px;
        }

        .mp-benefit span {
            color: var(--text-secondary);
            font-size: 13px;
            font-weight: 500;
        }

        .about-badge {
            position: absolute;
            bottom: -30px;
            right: 30px;
            background: var(--gold-gradient);
            color: var(--dark-bg);
            padding: 25px 35px;
            border-radius: 15px;
            text-align: center;
            box-shadow: 0 15px 40px rgba(212, 175, 55, 0.3);
        }

        .about-badge-number {
            font-family: 'Playfair Display', serif;
            font-size: 36px;
            font-weight: 700;
            display: block;
        }

        .about-badge-text {
            font-size: 12px;
            text-transform: uppercase;
            letter-spacing: 1px;
            font-weight: 600;
        }

        .about-content h2 {
            font-size: 42px;
            margin-bottom: 25px;
            background: linear-gradient(135deg, #FFFFFF 0%, var(--gold-light) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .about-content p {
            color: var(--text-muted);
            margin-bottom: 25px;
            font-size: 16px;
        }

        .about-features {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 20px;
            margin-top: 40px;
        }

        .about-feature {
            display: flex;
            align-items: center;
            gap: 15px;
            padding: 15px;
            background: rgba(212, 175, 55, 0.05);
            border-radius: 10px;
            border: 1px solid rgba(212, 175, 55, 0.1);
        }

        .about-feature i {
            color: var(--gold-primary);
            font-size: 20px;
        }

        .about-feature span {
            font-size: 14px;
            font-weight: 500;
        }

        /* Products Section */
        #products {
            background: var(--dark-bg);
        }

        .products-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 30px;
            max-width: 1400px;
            margin: 0 auto;
        }

        .product-card {
            background: linear-gradient(145deg, var(--dark-card), var(--dark-secondary));
            border-radius: 20px;
            padding: 40px 30px;
            text-align: center;
            border: 1px solid rgba(212, 175, 55, 0.1);
            transition: var(--transition);
            position: relative;
            overflow: hidden;
            display: flex;
            flex-direction: column;
            min-height: 580px;
        }

        .product-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(180deg, rgba(212, 175, 55, 0.05) 0%, transparent 100%);
            opacity: 0;
            transition: var(--transition);
            pointer-events: none;
            z-index: 0;
        }

        .product-card:hover {
            transform: translateY(-10px);
            border-color: rgba(212, 175, 55, 0.3);
            box-shadow: 0 20px 60px rgba(212, 175, 55, 0.15);
        }

        .product-card:hover::before {
            opacity: 1;
        }

        .product-badge {
            position: absolute;
            top: 20px;
            right: 20px;
            background: var(--gold-gradient);
            color: var(--dark-bg);
            padding: 5px 15px;
            border-radius: 20px;
            font-size: 11px;
            font-weight: 700;
            text-transform: uppercase;
        }

        .product-coin {
            width: 180px;
            height: 180px;
            margin: 0 auto 30px;
            perspective: 1000px;
            flex-shrink: 0;
        }

        .product-coin-flipper {
            position: relative;
            width: 100%;
            height: 100%;
            transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            transform-style: preserve-3d;
        }

        .product-card:hover .product-coin-flipper {
            transform: rotateY(180deg);
        }

        .product-coin-side {
            position: absolute;
            width: 100%;
            height: 100%;
            backface-visibility: hidden;
            border-radius: 50%;
            overflow: hidden;
            background: var(--gold-shine);
            box-shadow: 0 10px 40px rgba(212, 175, 55, 0.3);
        }

        .product-coin-front {
            transform: translateZ(4px);
        }

        .product-coin-back {
            transform: rotateY(180deg) translateZ(4px);
        }

        .product-coin-side img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 50%;
        }

        /* Product coin edge (thickness) */
        .product-coin-edge {
            position: absolute;
            width: 100%;
            height: 100%;
            transform-style: preserve-3d;
        }

        .product-coin-edge-segment {
            position: absolute;
            width: 100%;
            height: 100%;
            border-radius: 50%;
            background: linear-gradient(90deg, #8B7355 0%, #C9A227 25%, #D4AF37 50%, #C9A227 75%, #8B7355 100%);
            border: 1px solid rgba(139, 115, 85, 0.5);
        }

        .product-coin-edge-segment:nth-child(1) { transform: translateZ(3px); }
        .product-coin-edge-segment:nth-child(2) { transform: translateZ(2px); }
        .product-coin-edge-segment:nth-child(3) { transform: translateZ(1px); }
        .product-coin-edge-segment:nth-child(4) { transform: translateZ(0px); }
        .product-coin-edge-segment:nth-child(5) { transform: translateZ(-1px); }
        .product-coin-edge-segment:nth-child(6) { transform: translateZ(-2px); }
        .product-coin-edge-segment:nth-child(7) { transform: translateZ(-3px); }

        /* Silver coin edge */
        .silver-edge .product-coin-edge-segment {
            background: linear-gradient(90deg, #8A8A8A 0%, #C0C0C0 25%, #E8E8E8 50%, #C0C0C0 75%, #8A8A8A 100%);
            border-color: rgba(150, 150, 150, 0.5);
        }

        /* Legacy single-image product-coin */
        .product-coin.legacy {
            border-radius: 50%;
            background: var(--gold-shine);
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 10px 40px rgba(212, 175, 55, 0.3);
            position: relative;
            overflow: hidden;
        }

        .product-coin.legacy img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 50%;
        }

        .product-coin i {
            font-size: 80px;
            color: rgba(139, 115, 85, 0.9);
        }

        .product-title {
            font-size: 24px;
            margin-bottom: 15px;
            color: var(--text-light);
        }

        .product-specs {
            margin: 25px 0;
            text-align: left;
            flex-grow: 1;
        }

        .product-spec {
            display: flex;
            justify-content: space-between;
            padding: 12px 0;
            border-bottom: 1px solid rgba(255, 255, 255, 0.05);
        }

        .product-spec:last-child {
            border-bottom: none;
        }

        .product-spec-label {
            color: var(--text-muted);
            font-size: 13px;
        }

        .product-spec-value {
            color: var(--gold-primary);
            font-weight: 600;
            font-size: 13px;
        }

        .product-btn {
            width: 100%;
            background: transparent;
            border: 2px solid var(--gold-primary);
            color: var(--gold-primary);
            padding: 15px clamp(12px, 2.5vw, 30px);
            border-radius: 50px;
            font-weight: 600;
            font-size: clamp(10px, 1.1vw, 13px);
            text-transform: uppercase;
            letter-spacing: 1px;
            cursor: pointer;
            transition: var(--transition);
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            margin-top: auto;
            position: relative;
            z-index: 10; white-space: nowrap;}

        .product-btn:hover {
            background: var(--gold-gradient);
            border-color: var(--gold-primary);
            color: var(--dark-bg);
        }

        .product-btn.max-link {
            cursor: pointer;
            text-decoration: none;
        }

        .product-btn.max-link:hover {
            background: var(--gold-gradient);
            border-color: var(--gold-primary);
            color: var(--dark-bg);
            transform: translateY(-2px);
            box-shadow: 0 5px 20px rgba(212, 175, 55, 0.4);
        }

        /* Gallery Section with Flip Animation */
        #gallery {
            background: var(--dark-secondary);
            padding: 100px 50px;
        }

        .gallery-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 30px;
            max-width: 1400px;
            margin: 0 auto;
        }

        .coin-flip-container {
            perspective: 1000px;
            width: 100%;
            max-width: 200px;
            aspect-ratio: 1;
            margin: 0 auto;
        }

        .coin-flip-inner {
            position: relative;
            width: 100%;
            height: 100%;
            transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            transform-style: preserve-3d;
            cursor: pointer;
        }

        .coin-flip-container:hover .coin-flip-inner {
            transform: rotateY(180deg);
        }

        .coin-front, .coin-back {
            position: absolute;
            width: 100%;
            height: 100%;
            backface-visibility: hidden;
            border-radius: 50%;
            overflow: hidden;
            box-shadow: 0 10px 40px rgba(212, 175, 55, 0.3);
            border: 3px solid rgba(212, 175, 55, 0.3);
        }

        .coin-front {
            background: var(--gold-shine);
            transform: translateZ(4px);
        }

        .coin-back {
            background: var(--gold-shine);
            transform: rotateY(180deg) translateZ(4px);
        }

        .coin-front img, .coin-back img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 50%;
        }

        /* Gallery coin edge (thickness) */
        .coin-edge {
            position: absolute;
            width: 100%;
            height: 100%;
            transform-style: preserve-3d;
        }

        .coin-edge-seg {
            position: absolute;
            width: 100%;
            height: 100%;
            border-radius: 50%;
            background: linear-gradient(90deg, #8B7355 0%, #C9A227 25%, #D4AF37 50%, #C9A227 75%, #8B7355 100%);
            border: 1px solid rgba(139, 115, 85, 0.5);
        }

        .coin-edge-seg:nth-child(1) { transform: translateZ(3px); }
        .coin-edge-seg:nth-child(2) { transform: translateZ(2px); }
        .coin-edge-seg:nth-child(3) { transform: translateZ(1px); }
        .coin-edge-seg:nth-child(4) { transform: translateZ(0px); }
        .coin-edge-seg:nth-child(5) { transform: translateZ(-1px); }
        .coin-edge-seg:nth-child(6) { transform: translateZ(-2px); }
        .coin-edge-seg:nth-child(7) { transform: translateZ(-3px); }

        /* Silver gallery coin edge */
        .silver-gallery-edge .coin-edge-seg {
            background: linear-gradient(90deg, #8A8A8A 0%, #C0C0C0 25%, #E8E8E8 50%, #C0C0C0 75%, #8A8A8A 100%);
            border-color: rgba(150, 150, 150, 0.5);
        }

        .coin-info {
            text-align: center;
            margin-top: 20px;
        }

        .coin-info h4 {
            font-size: 16px;
            color: var(--text-light);
            margin-bottom: 5px;
            font-family: 'Playfair Display', serif;
        }

        .coin-info p {
            font-size: 13px;
            color: var(--text-muted);
        }

        .gallery-item {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        /* Legacy gallery item styles (keep for backwards compatibility) */
        .gallery-item.legacy {
            position: relative;
            border-radius: 15px;
            overflow: hidden;
            aspect-ratio: 1;
            cursor: pointer;
            transition: var(--transition);
        }

        .gallery-item.legacy:hover {
            transform: scale(1.05);
            z-index: 10;
        }

        .gallery-item.legacy img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: var(--transition);
        }

        /* Responsive gallery */
        @media (max-width: 1200px) {
            .gallery-grid {
                grid-template-columns: repeat(3, 1fr);
            }
        }

        @media (max-width: 768px) {
            .gallery-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 20px;
            }
            
            .coin-flip-container {
                max-width: 160px;
            }
        }

        @media (max-width: 480px) {
            .gallery-grid {
                grid-template-columns: repeat(2, 1fr);
            }
            
            .coin-flip-container {
                max-width: 140px;
            }
            
            .coin-info h4 {
                font-size: 14px;
            }
            
            .coin-info p {
                font-size: 11px;
            }
        }

        /* MAX Messenger Widget */
        
        
        
        
        
        
        
        
        
        
        @media (max-width: 768px) {
            
            
            
        }

        /* Cookie Consent Banner */
        #cookie-banner {
            position: fixed;
            bottom: 25px;
            right: 25px;
            max-width: 400px;
            background: linear-gradient(135deg, rgba(26, 26, 26, 0.98) 0%, rgba(18, 18, 18, 0.98) 100%);
            border: 1px solid rgba(212, 175, 55, 0.3);
            color: var(--text-light);
            padding: 20px 24px;
            border-radius: 16px;
            font-size: 14px;
            line-height: 1.5;
            z-index: 10000;
            display: none;
            flex-direction: column;
            gap: 15px;
            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5), 0 0 20px rgba(212, 175, 55, 0.1);
            backdrop-filter: blur(10px);
            opacity: 0;
            transform: translateY(20px);
            transition: opacity 0.3s ease, transform 0.3s ease;
        }

        #cookie-banner.visible {
            opacity: 1;
            transform: translateY(0);
        }

        #cookie-banner p {
            margin: 0;
            color: var(--text-muted);
        }

        #cookie-banner a {
            color: var(--gold-primary);
            text-decoration: none;
            transition: var(--transition);
        }

        #cookie-banner a:hover {
            color: var(--gold-light);
            text-decoration: underline;
        }

        .cookie-buttons {
            display: flex;
            gap: 10px;
            flex-wrap: wrap;
        }

        #cookie-accept {
            background: var(--gold-gradient);
            color: var(--dark-bg);
            border: none;
            border-radius: 25px;
            padding: 10px 24px;
            font-size: 14px;
            font-weight: 600;
            cursor: pointer;
            transition: var(--transition);
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        #cookie-accept:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4);
        }

        #cookie-reject {
            background: transparent;
            color: #999;
            border: 1px solid rgba(255,255,255,0.15);
            border-radius: 25px;
            padding: 10px 24px;
            font-size: 14px;
            font-weight: 500;
            cursor: pointer;
            transition: var(--transition);
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        #cookie-reject:hover {
            border-color: rgba(255,255,255,0.4);
            color: #ccc;
            transform: translateY(-2px);
        }

        .cookie-links {
            display: flex;
            flex-wrap: wrap;
            gap: 8px 15px;
            font-size: 12px;
        }

        @media (max-width: 768px) {
            #cookie-banner {
                right: 10px;
                left: 10px;
                bottom: 10px;
                max-width: none;
            }
        }

        /* CTA Banner to Main Site */
        .cta-banner {
            background: linear-gradient(135deg, rgba(212, 175, 55, 0.15) 0%, rgba(212, 175, 55, 0.05) 100%);
            border-top: 1px solid rgba(212, 175, 55, 0.3);
            border-bottom: 1px solid rgba(212, 175, 55, 0.3);
            padding: 60px 50px;
            text-align: center;
        }

        .cta-banner-content {
            max-width: 900px;
            margin: 0 auto;
        }

        .cta-banner h3 {
            font-size: 32px;
            margin-bottom: 15px;
            background: linear-gradient(135deg, #FFFFFF 0%, var(--gold-light) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .cta-banner p {
            font-size: 16px;
            color: var(--text-muted);
            margin-bottom: 30px;
            line-height: 1.8;
        }

        .cta-banner .btn-primary {
            display: inline-flex;
        }

        /* Why Choose Section */
        #why {
            background: var(--dark-bg);
        }

        .why-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 30px;
            max-width: 1400px;
            margin: 0 auto;
        }

        .why-card {
            background: linear-gradient(145deg, var(--dark-card), var(--dark-bg));
            border-radius: 20px;
            padding: 40px 30px;
            text-align: center;
            border: 1px solid rgba(212, 175, 55, 0.1);
            transition: var(--transition);
        }

        .why-card:hover {
            border-color: rgba(212, 175, 55, 0.3);
            transform: translateY(-5px);
        }

        .why-icon {
            width: 80px;
            height: 80px;
            margin: 0 auto 25px;
            background: rgba(212, 175, 55, 0.1);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 2px solid rgba(212, 175, 55, 0.2);
        }

        .why-icon i {
            font-size: 32px;
            color: var(--gold-primary);
        }

        .why-card h3 {
            font-size: 20px;
            margin-bottom: 15px;
            color: var(--text-light);
        }

        .why-card p {
            font-size: 14px;
            color: var(--text-muted);
            line-height: 1.7;
        }

        /* History Section */
        #history {
            background: var(--dark-bg);
        }

        .history-timeline {
            max-width: 900px;
            margin: 0 auto;
            position: relative;
        }

        .history-timeline::before {
            content: '';
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            width: 2px;
            height: 100%;
            background: linear-gradient(180deg, var(--gold-primary), transparent);
        }

        .timeline-item {
            display: flex;
            margin-bottom: 50px;
            position: relative;
        }

        .timeline-item:nth-child(odd) {
            flex-direction: row-reverse;
        }

        .timeline-content {
            width: 45%;
            background: linear-gradient(145deg, var(--dark-card), var(--dark-secondary));
            padding: 30px;
            border-radius: 15px;
            border: 1px solid rgba(212, 175, 55, 0.1);
            position: relative;
        }

        .timeline-item:nth-child(odd) .timeline-content {
            margin-right: auto;
            margin-left: 5%;
        }

        .timeline-item:nth-child(even) .timeline-content {
            margin-left: auto;
            margin-right: 5%;
        }

        .timeline-dot {
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            width: 20px;
            height: 20px;
            background: var(--gold-primary);
            border-radius: 50%;
            border: 4px solid var(--dark-bg);
            box-shadow: 0 0 20px rgba(212, 175, 55, 0.5);
        }

        .timeline-year {
            font-family: 'Playfair Display', serif;
            font-size: 28px;
            color: var(--gold-primary);
            margin-bottom: 15px;
        }

        .timeline-content h4 {
            font-size: 18px;
            margin-bottom: 10px;
            color: var(--text-light);
        }

        .timeline-content p {
            font-size: 14px;
            color: var(--text-muted);
        }

        /* Company Section */
        #company {
            background: var(--dark-secondary);
        }

        .company-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 80px;
            max-width: 1400px;
            margin: 0 auto;
            align-items: center;
        }

        .company-content h2 {
            font-size: 42px;
            margin-bottom: 25px;
            background: linear-gradient(135deg, #FFFFFF 0%, var(--gold-light) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .company-content p {
            color: var(--text-muted);
            margin-bottom: 20px;
            font-size: 16px;
        }

        .company-highlights {
            margin-top: 40px;
        }

        .company-highlight {
            display: flex;
            align-items: flex-start;
            gap: 20px;
            margin-bottom: 25px;
            padding: 20px;
            background: rgba(212, 175, 55, 0.05);
            border-radius: 15px;
            border-left: 3px solid var(--gold-primary);
        }

        .company-highlight i {
            color: var(--gold-primary);
            font-size: 24px;
            margin-top: 3px;
        }

        .company-highlight h4 {
            font-size: 16px;
            margin-bottom: 5px;
            color: var(--text-light);
        }

        .company-highlight p {
            font-size: 14px;
            color: var(--text-muted);
            margin-bottom: 0;
        }

        .company-stats {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 30px;
        }

        .company-stat {
            background: linear-gradient(145deg, var(--dark-card), var(--dark-bg));
            padding: 40px;
            border-radius: 20px;
            text-align: center;
            border: 1px solid rgba(212, 175, 55, 0.1);
        }

        .company-stat-number {
            font-family: 'Playfair Display', serif;
            font-size: 48px;
            color: var(--gold-primary);
            font-weight: 700;
            display: block;
        }

        .company-stat-label {
            font-size: 14px;
            color: var(--text-muted);
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-top: 10px;
        }

        /* Contact Section */
        #contact {
            background: var(--dark-bg);
            position: relative;
        }

        .contact-wrapper {
            max-width: 1200px;
            margin: 0 auto;
        }

        .contact-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 60px;
        }

        .contact-info {
            padding: 50px;
            background: linear-gradient(145deg, var(--dark-card), var(--dark-secondary));
            border-radius: 25px;
            border: 1px solid rgba(212, 175, 55, 0.1);
        }

        .contact-info h3 {
            font-size: 32px;
            margin-bottom: 30px;
            background: linear-gradient(135deg, #FFFFFF 0%, var(--gold-light) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .contact-item {
            display: flex;
            align-items: flex-start;
            gap: 20px;
            margin-bottom: 30px;
        }

        .contact-icon {
            width: 55px;
            height: 55px;
            background: rgba(212, 175, 55, 0.1);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            border: 1px solid rgba(212, 175, 55, 0.2);
        }

        .contact-icon i {
            color: var(--gold-primary);
            font-size: 20px;
        }

        .contact-text h4 {
            font-size: 14px;
            color: var(--text-muted);
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-bottom: 8px;
            font-family: 'Montserrat', sans-serif;
        }

        .contact-text p, .contact-text a {
            font-size: 18px;
            color: var(--text-light);
            text-decoration: none;
            transition: var(--transition);
        }

        .contact-text a:hover {
            color: var(--gold-primary);
        }

        .contact-socials {
            display: flex;
            gap: 15px;
            margin-top: 40px;
        }

        .social-btn {
            width: 55px;
            height: 55px;
            background: rgba(212, 175, 55, 0.1);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--gold-primary);
            font-size: 22px;
            text-decoration: none;
            transition: var(--transition);
            border: 1px solid rgba(212, 175, 55, 0.2);
        }

        .social-btn:hover {
            background: var(--gold-gradient);
            color: var(--dark-bg);
            transform: translateY(-5px);
        }

        .contact-cta {
            background: linear-gradient(145deg, rgba(212, 175, 55, 0.1), rgba(212, 175, 55, 0.05));
            border: 2px solid rgba(212, 175, 55, 0.3);
            border-radius: 25px;
            padding: 60px;
            text-align: center;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .contact-cta h3 {
            font-size: 36px;
            margin-bottom: 20px;
            background: linear-gradient(135deg, #FFFFFF 0%, var(--gold-light) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .contact-cta p {
            font-size: 16px;
            color: var(--text-muted);
            margin-bottom: 35px;
            max-width: 400px;
            margin-left: auto;
            margin-right: auto;
        }

        .contact-cta .btn-primary {
            margin: 0 auto;
        }

        /* Delivery Info */
        .delivery-info {
            margin-top: 60px;
            padding-top: 50px;
            border-top: 1px solid rgba(212, 175, 55, 0.2);
        }

        .delivery-info h3 {
            text-align: center;
            font-size: 28px;
            color: var(--gold-primary);
            margin-bottom: 15px;
        }

        .delivery-info h3 i {
            margin-right: 12px;
        }

        .delivery-intro {
            text-align: center;
            color: var(--text-secondary);
            font-size: 16px;
            max-width: 700px;
            margin: 0 auto 40px;
        }

        .delivery-steps {
            display: flex;
            flex-direction: column;
            gap: 20px;
            max-width: 800px;
            margin: 0 auto 40px;
        }

        .delivery-step {
            display: flex;
            align-items: flex-start;
            gap: 20px;
            background: rgba(255, 255, 255, 0.02);
            padding: 25px 30px;
            border-radius: 12px;
            border: 1px solid rgba(212, 175, 55, 0.15);
            transition: all 0.3s ease;
        }

        .delivery-step:hover {
            border-color: var(--gold-primary);
            background: rgba(212, 175, 55, 0.05);
            transform: translateX(5px);
        }

        .step-number {
            flex-shrink: 0;
            width: 45px;
            height: 45px;
            background: linear-gradient(135deg, var(--gold-primary), var(--gold-dark));
            color: var(--dark-primary);
            font-size: 20px;
            font-weight: 700;
            font-family: 'Montserrat', sans-serif;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .step-content h4 {
            font-size: 18px;
            color: var(--text-primary);
            margin-bottom: 8px;
            font-family: 'Montserrat', sans-serif;
        }

        .step-content p {
            color: var(--text-secondary);
            font-size: 15px;
            line-height: 1.6;
        }

        .delivery-notes {
            max-width: 800px;
            margin: 0 auto 30px;
            display: flex;
            flex-direction: column;
            gap: 15px;
        }

        .delivery-note {
            display: flex;
            align-items: flex-start;
            gap: 15px;
            padding: 20px 25px;
            background: rgba(34, 197, 94, 0.1);
            border-radius: 10px;
            border-left: 4px solid #22c55e;
        }

        .delivery-note i {
            font-size: 20px;
            color: #22c55e;
            margin-top: 2px;
        }

        .delivery-note span {
            color: var(--text-secondary);
            font-size: 15px;
            line-height: 1.6;
        }

        .delivery-note.warning {
            background: rgba(245, 158, 11, 0.1);
            border-left-color: #f59e0b;
        }

        .delivery-note.warning i {
            color: #f59e0b;
        }

        .company-legal {
            text-align: center;
            padding: 30px 20px;
            margin-top: 30px;
            border-top: 1px solid rgba(212, 175, 55, 0.1);
            background: rgba(212, 175, 55, 0.03);
            border-radius: 12px;
        }

        .company-legal-title {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            margin-bottom: 20px;
        }

        .company-legal-title i {
            color: var(--gold-primary);
            font-size: 18px;
        }

        .company-legal-title h4 {
            color: var(--gold-primary);
            font-size: 16px;
            font-weight: 600;
            margin: 0;
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        .company-legal-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 12px 25px;
            max-width: 1100px;
            margin: 0 auto;
        }

        .company-legal-item {
            display: flex;
            align-items: flex-start;
            gap: 8px;
            text-align: left;
            white-space: nowrap;
        }

        .company-legal-item.address {
            grid-column: span 2;
            white-space: normal;
        }

        .company-legal-item i {
            color: var(--gold-primary);
            font-size: 14px;
            margin-top: 2px;
            min-width: 16px;
            flex-shrink: 0;
        }

        .company-legal-item span {
            color: var(--text-muted);
            font-size: 13px;
            line-height: 1.4;
        }

        .company-legal-item span strong {
            color: var(--text-light);
            font-weight: 600;
        }

        .company-legal-item a {
            color: var(--gold-primary);
            text-decoration: none;
            transition: var(--transition);
        }

        .company-legal-item a:hover {
            color: var(--gold-light);
        }

        @media (max-width: 992px) {
            .company-legal-grid {
                grid-template-columns: repeat(2, 1fr);
            }
            .company-legal-item.address {
                grid-column: span 2;
            }
        }

        @media (max-width: 768px) {
            .company-legal-grid {
                grid-template-columns: 1fr;
            }
            .company-legal-item {
                white-space: normal;
            }
            .company-legal-item.address {
                grid-column: span 1;
            }
        }

        /* Footer */
        footer {
            background: var(--dark-secondary);
            padding: 60px 50px 30px;
            border-top: 1px solid rgba(212, 175, 55, 0.1);
        }

        .footer-content {
            max-width: 1400px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: 2fr 1fr 1fr 1fr;
            gap: 60px;
        }

        .footer-brand .logo {
            margin-bottom: 20px;
        }

        .footer-brand p {
            color: var(--text-muted);
            font-size: 14px;
            line-height: 1.8;
        }

        .footer-column h4 {
            font-size: 16px;
            margin-bottom: 25px;
            color: var(--gold-primary);
            font-family: 'Montserrat', sans-serif;
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        .footer-column ul {
            list-style: none;
        }

        .footer-column ul li {
            margin-bottom: 12px;
        }

        .footer-column ul li a {
            color: var(--text-muted);
            text-decoration: none;
            font-size: 14px;
            transition: var(--transition);
        }

        .footer-column ul li a:hover {
            color: var(--gold-primary);
        }

        .footer-bottom {
            max-width: 1400px;
            margin: 40px auto 0;
            padding-top: 30px;
            border-top: 1px solid rgba(255, 255, 255, 0.05);
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .footer-bottom p {
            color: var(--text-muted);
            font-size: 13px;
        }

        .footer-disclaimer {
            max-width: 1400px;
            margin: 30px auto 0;
            padding: 20px;
            background: rgba(212, 175, 55, 0.05);
            border-radius: 10px;
            border: 1px solid rgba(212, 175, 55, 0.1);
        }

        .footer-disclaimer p {
            color: var(--text-muted);
            font-size: 12px;
            text-align: center;
        }

        .footer-legal-links {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            gap: 10px 25px;
            margin-top: 15px;
        }

        .footer-legal-links a {
            color: var(--text-muted);
            font-size: 12px;
            text-decoration: none;
            transition: var(--transition);
        }

        .footer-legal-links a:hover {
            color: var(--gold-primary);
        }

        /* Scroll to Top */
        .scroll-top {
            position: fixed;
            bottom: 30px;
            right: 30px;
            width: 50px;
            height: 50px;
            background: var(--gold-gradient);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--dark-bg);
            font-size: 20px;
            cursor: pointer;
            opacity: 0;
            visibility: hidden;
            transition: var(--transition);
            box-shadow: 0 5px 20px rgba(212, 175, 55, 0.3);
            z-index: 100;
            border: none;
        }

        .scroll-top.visible {
            opacity: 1;
            visibility: visible;
        }

        .scroll-top:hover {
            transform: translateY(-5px);
        }

        /* Responsive */
        @media (max-width: 1200px) {
            .hero-content {
                gap: 50px;
            }
            
            .hero h1 {
                font-size: 46px;
            }
            
            .coin-container {
                width: 380px;
                height: 380px;
            }
            
            .coin-image {
                width: 300px;
                height: 300px;
            }
            
            .coin-inner {
                width: 270px;
                height: 270px;
            }
            
            .products-grid {
                grid-template-columns: repeat(2, 1fr);
            }
            
            .why-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        @media (max-width: 992px) {
            header {
                padding: 12px 25px;
            }
            
            nav {
                display: none;
            }
            
            .mobile-menu-btn {
                display: flex;
            }

            .header-contact {
                display: none;
            }
            
            section {
                padding: 80px 30px;
            }
            
            .gallery-grid {
                grid-template-columns: repeat(2, 1fr);
            }
            
            .hero {
                padding: 100px 30px 60px;
            }
            
            .hero-content {
                grid-template-columns: 1fr;
                text-align: center;
            }
            
            .hero h1 {
                font-size: 42px;
            }
            
            .hero-description {
                margin: 0 auto 40px;
            }
            
            .hero-buttons {
                justify-content: center;
            }
            
            .hero-coin {
                order: -1;
                margin-bottom: 40px;
            }
            
            .coin-container {
                width: 300px;
                height: 300px;
            }
            
            .coin-image {
                width: 250px;
                height: 250px;
            }
            
            .coin-inner {
                width: 220px;
                height: 220px;
            }
            
            .coin-icon {
                font-size: 80px;
            }
            
            .hero-stats {
                justify-content: center;
            }
            
            .about-grid,
            .company-grid,
            .contact-grid {
                grid-template-columns: 1fr;
            }
            
            .about-badge {
                position: relative;
                bottom: 0;
                right: 0;
                margin-top: 30px;
                display: inline-block;
            }

            .mp-trust-badges {
                gap: 10px;
            }

            .mp-trust-badge {
                padding: 6px 10px;
            }

            .mp-trust-badge span {
                font-size: 10px;
            }

            .mp-coins-row {
                gap: 30px;
            }

            .mp-coin img {
                width: 110px;
                height: 110px;
            }

            .mp-specs-grid {
                grid-template-columns: repeat(4, 1fr);
                gap: 10px;
            }

            .mp-spec {
                padding: 12px 8px;
            }

            .mp-spec-value {
                font-size: 16px;
            }

            .mp-benefits {
                gap: 20px;
                flex-wrap: wrap;
                justify-content: center;
            }
            
            .footer-content {
                grid-template-columns: 1fr 1fr;
            }
            
            .history-timeline::before {
                left: 20px;
            }
            
            .timeline-item,
            .timeline-item:nth-child(odd) {
                flex-direction: column;
            }
            
            .timeline-content,
            .timeline-item:nth-child(odd) .timeline-content,
            .timeline-item:nth-child(even) .timeline-content {
                width: 100%;
                margin-left: 50px !important;
                margin-right: 0 !important;
            }
            
            .timeline-dot {
                left: 20px;
            }
        }

        @media (max-width: 768px) {
            .section-title {
                font-size: 36px;
            }
            
            .products-grid,
            .why-grid {
                grid-template-columns: 1fr;
            }
            
            .about-features {
                grid-template-columns: 1fr;
            }
            
            .hero-stats {
                flex-direction: column;
                gap: 30px;
            }
            
            .company-stats {
                grid-template-columns: 1fr;
            }
            
            .footer-content {
                grid-template-columns: 1fr;
                text-align: center;
            }
            
            .footer-bottom {
                flex-direction: column;
                gap: 15px;
                text-align: center;
            }
            
            .header-contact {
                display: none;
            }

            /* Marketplace Card Mobile */
            .marketplace-card {
                padding: 20px 15px;
            }

            .mp-trust-badges {
                gap: 8px;
            }

            .mp-trust-badge {
                padding: 5px 8px;
            }

            .mp-trust-badge i {
                font-size: 12px;
            }

            .mp-trust-badge span {
                font-size: 9px;
            }

            .mp-coins-row {
                gap: 20px;
                padding: 15px 0;
            }

            .mp-coin img {
                width: 90px;
                height: 90px;
            }

            .mp-coin-label {
                font-size: 10px;
            }

            .mp-subtitle {
                font-size: 11px;
                padding: 10px 15px;
            }

            .mp-specs-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 8px;
            }

            .mp-spec {
                padding: 10px 8px;
            }

            .mp-spec-label {
                font-size: 9px;
            }

            .mp-spec-value {
                font-size: 14px;
            }

            .mp-benefits {
                gap: 15px;
            }

            .mp-benefit i {
                font-size: 14px;
            }

            .mp-benefit span {
                font-size: 11px;
            }

            .delivery-info h3 {
                font-size: 24px;
            }

            .delivery-step {
                padding: 20px;
            }

            .step-number {
                width: 40px;
                height: 40px;
                font-size: 18px;
            }

            .step-content h4 {
                font-size: 16px;
            }

            .step-content p {
                font-size: 14px;
            }

            .delivery-note {
                padding: 15px 20px;
            }

            .delivery-note span {
                font-size: 14px;
            }
        }

        @media (max-width: 480px) {
            header {
                padding: 15px 20px;
            }
            
            section {
                padding: 60px 20px;
            }
            
            .hero {
                padding: 80px 20px 40px;
            }
            
            .hero h1 {
                font-size: 32px;
            }
            
            .section-title {
                font-size: 28px;
            }
            
            .btn-primary,
            .btn-secondary {
                padding: 15px 30px;
                font-size: 12px;
            }
            
            .contact-info,
            .contact-cta {
                padding: 30px;
            }
        }
    
        /* price block styling */
        .coin-prices {
            margin: 10px 0;
            font-weight: bold;
            font-size: 18px; white-space: nowrap;
            width: 100%;
            text-align: center;
            /* gradient color like section titles */
            background: linear-gradient(135deg, #FFFFFF 0%, var(--gold-light) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        /* ===== CONTACT MODAL ===== */
        .contact-modal-overlay {
            position: fixed;
            top: 0; left: 0;
            width: 100%; height: 100%;
            background: rgba(0,0,0,0.85);
            backdrop-filter: blur(8px);
            -webkit-backdrop-filter: blur(8px);
            z-index: 10000;
            display: none;
            align-items: center;
            justify-content: center;
            animation: fadeIn 0.3s ease;
        }
        .contact-modal-overlay.active {
            display: flex;
        }
        .contact-modal {
            background: linear-gradient(145deg, #1a1a1a 0%, #111 100%);
            border: 1px solid rgba(212,175,55,0.3);
            border-radius: 20px;
            padding: 40px 35px 30px;
            max-width: 520px;
            width: 90%;
            position: relative;
            box-shadow: 0 25px 60px rgba(0,0,0,0.6), 0 0 30px rgba(212,175,55,0.1);
            animation: modalSlideIn 0.4s cubic-bezier(0.4,0,0.2,1);
        }
        @keyframes modalSlideIn {
            from { opacity: 0; transform: translateY(30px) scale(0.95); }
            to   { opacity: 1; transform: translateY(0) scale(1); }
        }
        @keyframes fadeIn {
            from { opacity: 0; }
            to   { opacity: 1; }
        }
        .contact-modal-close {
            position: absolute;
            top: 14px; right: 18px;
            background: none;
            border: none;
            color: #888;
            font-size: 24px;
            cursor: pointer;
            transition: color 0.3s;
            width: 36px; height: 36px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
        }
        .contact-modal-close:hover {
            color: #D4AF37;
            background: rgba(212,175,55,0.1);
        }
        .contact-modal-title {
            text-align: center;
            font-family: 'Playfair Display', serif;
            font-size: 22px;
            font-weight: 600;
            margin-bottom: 6px;
            background: linear-gradient(135deg, #D4AF37 0%, #F4E4BA 50%, #D4AF37 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }
        .contact-modal-subtitle {
            text-align: center;
            color: #999;
            font-size: 13px;
            margin-bottom: 28px;
        }
        .contact-options {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 14px;
            margin-bottom: 20px;
        }
        .contact-option {
            background: #141414;
            border: 1px solid rgba(255,255,255,0.06);
            border-radius: 14px;
            padding: 20px 16px;
            text-align: center;
            cursor: pointer;
            transition: all 0.3s ease;
            text-decoration: none;
            color: #fff;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 8px;
        }
        .contact-option:hover {
            border-color: rgba(212,175,55,0.4);
            background: #1c1c1c;
            transform: translateY(-2px);
            box-shadow: 0 8px 25px rgba(212,175,55,0.08);
        }
        .contact-option-icon {
            width: 48px; height: 48px;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 22px;
        }
        .contact-option-icon.tg  { background: rgba(0,136,204,0.15);  color: #2AABEE; }
        .contact-option-icon.max { background: rgba(139,63,242,0.15); color: #8B3FF2; }
        .contact-option-icon.form{ background: rgba(212,175,55,0.12); color: #D4AF37; }
        .contact-option-label {
            font-size: 14px;
            font-weight: 600;
        }
        .contact-option-desc {
            font-size: 11px;
            color: #777;
            margin-top: -2px;
        }

        /* Form area */
        .contact-form-wrap {
            display: none;
            animation: fadeIn 0.3s ease;
        }
        .contact-form-wrap.active {
            display: block;
        }
        .contact-form {
            display: flex;
            flex-direction: column;
            gap: 14px;
        }
        .contact-form-field {
            display: flex;
            flex-direction: column;
            gap: 5px;
        }
        .contact-form-field label {
            font-size: 12px;
            color: #999;
            font-weight: 500;
        }
        .contact-form-field input,
        .contact-form-field textarea {
            background: #0d0d0d;
            border: 1px solid rgba(255,255,255,0.1);
            border-radius: 10px;
            padding: 12px 15px;
            color: #fff;
            font-family: 'Montserrat', sans-serif;
            font-size: 14px;
            transition: border 0.3s;
            outline: none;
        }
        .contact-form-field input:focus,
        .contact-form-field textarea:focus {
            border-color: rgba(212,175,55,0.5);
            box-shadow: 0 0 0 3px rgba(212,175,55,0.05);
        }
        .contact-form-field textarea {
            resize: vertical;
            min-height: 80px;
        }
        .contact-submit {
            background: linear-gradient(135deg, #D4AF37 0%, #F4E4BA 50%, #D4AF37 100%);
            color: #0D0D0D;
            border: none;
            border-radius: 50px;
            padding: 14px 30px;
            font-weight: 700;
            font-size: 14px;
            text-transform: uppercase;
            letter-spacing: 1px;
            cursor: pointer;
            transition: all 0.3s ease;
            font-family: 'Montserrat', sans-serif;
        }
        /* Consent checkbox */
        .consent-checkbox-wrap {
            display: flex;
            align-items: flex-start;
            gap: 10px;
            margin: 4px 0;
            padding: 10px 12px;
            background: rgba(212,175,55,0.05);
            border: 1px solid rgba(212,175,55,0.15);
            border-radius: 10px;
            font-size: 12px;
            color: #aaa;
            line-height: 1.5;
            cursor: pointer;
            transition: border-color 0.3s;
        }
        .consent-checkbox-wrap:hover {
            border-color: rgba(212,175,55,0.3);
        }
        .consent-checkbox-wrap input[type="checkbox"] {
            flex-shrink: 0;
            width: 18px;
            height: 18px;
            margin-top: 1px;
            accent-color: #D4AF37;
            cursor: pointer;
            border: 1px solid rgba(212,175,55,0.4);
            border-radius: 4px;
            background: #0d0d0d;
        }
        .consent-checkbox-wrap a {
            color: #D4AF37;
            text-decoration: underline;
        }
        .consent-checkbox-wrap a:hover {
            color: #F4E4BA;
        }
        .contact-submit:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 25px rgba(212,175,55,0.25);
        }
        .contact-submit:disabled {
            opacity: 0.5;
            cursor: not-allowed;
            transform: none;
        }
        .contact-form-success {
            display: none;
            text-align: center;
            padding: 20px;
        }
        .contact-form-success.active {
            display: block;
            animation: fadeIn 0.4s ease;
        }
        .contact-form-success .success-icon {
            font-size: 48px;
            color: #4CAF50;
            margin-bottom: 15px;
        }
        .contact-form-success .success-text {
            font-size: 16px;
            color: #ccc;
            line-height: 1.6;
        }
        .contact-form-error {
            display: none;
            color: #ff6b6b;
            font-size: 13px;
            text-align: center;
            padding: 8px 0;
        }
        .contact-form-error.active {
            display: block;
        }
        .contact-back-btn {
            background: none;
            border: none;
            color: #888;
            font-size: 13px;
            cursor: pointer;
            margin-bottom: 16px;
            padding: 0;
            transition: color 0.3s;
            display: inline-flex;
            align-items: center;
            gap: 5px;
        }
        .contact-back-btn:hover { color: #D4AF37; }

        /* ===== MAX FLOATING BUTTON ===== */
        .max-float-btn {
            position: fixed;
            bottom: 95px;
            right: 30px;
            z-index: 99;
            display: flex;
            align-items: center;
            gap: 10px;
            background: #141414;
            border: 1px solid rgba(139,63,242,0.3);
            border-radius: 50px;
            padding: 10px 20px 10px 14px;
            cursor: pointer;
            transition: all 0.4s cubic-bezier(0.4,0,0.2,1);
            opacity: 0;
            visibility: hidden;
            box-shadow: 0 4px 20px rgba(139,63,242,0.15);
        }
        .max-float-btn.visible {
            opacity: 1;
            visibility: visible;
        }
        .max-float-btn:hover {
            transform: translateY(-3px);
            border-color: rgba(139,63,242,0.6);
            box-shadow: 0 8px 30px rgba(139,63,242,0.25);
        }
        .max-float-icon {
            width: 36px; height: 36px;
            border-radius: 50%;
            background: linear-gradient(135deg, #8B3FF2, #6C2BD9);
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 700;
            font-size: 14px;
            color: #fff;
            flex-shrink: 0;
        }
        .max-float-text {
            font-size: 13px;
            font-weight: 600;
            color: #fff;
            white-space: nowrap;
        }
        .max-float-dot {
            width: 8px; height: 8px;
            border-radius: 50%;
            background: #4CAF50;
            animation: pulse-dot 2s infinite;
            position: absolute;
            top: 6px; right: 6px;
        }
        @keyframes pulse-dot {
            0%,100% { opacity:1; transform:scale(1); }
            50%     { opacity:0.5; transform:scale(1.5); }
        }

        @media (max-width: 768px) {
            .contact-options {
                grid-template-columns: 1fr;
                gap: 10px;
            }
            .contact-modal {
                padding: 28px 20px 22px;
            }
            .contact-modal-title {
                font-size: 19px;
            }
            .max-float-btn {
                right: 16px;
                bottom: 85px;
                padding: 8px 16px 8px 12px;
            }
            .max-float-text { font-size: 12px; }
            .scroll-top { right: 16px; bottom: 20px; }
            .contact-modal-phone-number {
                font-size: 16px;
                letter-spacing: 0.5px;
                white-space: nowrap;
            }
            .contact-modal-phone-label {
                font-size: 10px;
            }
            .contact-modal-phone {
                gap: 8px;
                padding: 12px 14px;
            }
            .contact-modal-phone-icon {
                width: 34px; height: 34px;
                font-size: 15px;
            }
        }


        /* ===== MODAL PHONE BLOCK ===== */
        .contact-modal-phone {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            padding: 16px 20px;
            margin: 0 0 18px 0;
            background: rgba(212,175,55,0.06);
            border: 1px solid rgba(212,175,55,0.18);
            border-radius: 14px;
            transition: all 0.3s ease;
            text-decoration: none;
            color: inherit;
        }
        .contact-modal-phone:hover {
            background: rgba(212,175,55,0.1);
            border-color: rgba(212,175,55,0.3);
        }
        .contact-modal-phone-icon {
            width: 40px; height: 40px;
            border-radius: 50%;
            background: rgba(212,175,55,0.12);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 18px;
            color: #D4AF37;
            flex-shrink: 0;
        }
        .contact-modal-phone-info {
            display: flex;
            flex-direction: column;
        }
        .contact-modal-phone-label {
            font-size: 11px;
            color: #888;
            text-transform: uppercase;
            letter-spacing: 1px;
        }
        .contact-modal-phone-number {
            font-size: 20px;
            font-weight: 700;
            background: linear-gradient(135deg, #D4AF37 0%, #F4E4BA 50%, #D4AF37 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            font-family: 'Montserrat', sans-serif;
            letter-spacing: 1px;
        }
        .contact-modal-phone-number a {
            color: inherit;
            text-decoration: none;
        }
        .contact-modal-phone {
            text-decoration: none;
            color: inherit;
        }
        .contact-modal-phone:hover .contact-modal-phone-number {
            color: #F4E4BA;
        }



        /* FAQ */
        #faq { padding: 100px 5%; max-width: 1000px; margin: 0 auto; }
        .faq-list { display: flex; flex-direction: column; gap: 14px; margin-top: 40px; }
        .faq-item {
            background: var(--dark-card);
            border: 1px solid rgba(212, 175, 55, 0.15);
            border-radius: 14px;
            overflow: hidden;
            transition: var(--transition);
        }
        .faq-item[open] { border-color: rgba(212, 175, 55, 0.45); box-shadow: 0 10px 30px rgba(212,175,55,0.08); }
        .faq-item summary {
            list-style: none; cursor: pointer;
            display: flex; align-items: center; justify-content: space-between; gap: 16px;
            padding: 20px 24px;
            font-family: 'Playfair Display', serif; font-size: 1.1rem; font-weight: 600;
            color: var(--text-light);
        }
        .faq-item summary::-webkit-details-marker { display: none; }
        .faq-item summary::after {
            content: '+'; flex-shrink: 0;
            width: 30px; height: 30px; border-radius: 50%;
            display: flex; align-items: center; justify-content: center;
            background: rgba(212,175,55,0.12); color: var(--gold-primary);
            font-family: 'Montserrat', sans-serif; font-size: 1.2rem; font-weight: 400;
            transition: var(--transition);
        }
        .faq-item[open] summary::after { content: '−'; background: var(--gold-primary); color: var(--dark-bg); }
        .faq-item summary:hover { color: var(--gold-light); }
        .faq-answer { padding: 0 24px 22px; color: var(--text-muted); line-height: 1.8; }
        .faq-answer strong { color: var(--gold-light); }

        /* Дата актуальности цен */
        .prices-updated {
            margin-top: 12px; font-size: 0.85rem; color: var(--text-muted);
            display: none;
        }
        .prices-updated i { color: var(--gold-primary); margin-right: 6px; }

        /* Цена за грамм */
        .coin-price-gram {
            width: 100%; text-align: center;
            font-size: 0.8rem; color: var(--text-muted); margin: -4px 0 8px;
        }

        /* Городской блок доставки */
        #city-delivery { padding: 90px 5%; max-width: 1100px; margin: 0 auto; }
        #city-delivery .city-delivery-text { color: var(--text-muted); line-height: 1.9; margin-top: 26px; }
        #city-delivery .city-delivery-text p { margin-bottom: 16px; }
        #city-delivery .city-delivery-text strong { color: var(--gold-light); }
        .city-fast-facts { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; margin-top: 34px; }
        @media (max-width: 992px) { .city-fast-facts { grid-template-columns: repeat(2, 1fr); } }
        @media (max-width: 480px) { .city-fast-facts { grid-template-columns: 1fr; } }
        .city-fast-fact {
            background: var(--dark-card); border: 1px solid rgba(212,175,55,0.15);
            border-radius: 14px; padding: 22px; text-align: center;
        }
        .city-fast-fact i { font-size: 1.6rem; color: var(--gold-primary); margin-bottom: 10px; display: block; }
        .city-fast-fact span { color: var(--text-light); font-size: 0.95rem; }

        /* Мобильная CTA-панель */
        .mobile-cta-bar { display: none; }
        @media (max-width: 768px) {
            .mobile-cta-bar {
                display: flex; position: fixed; left: 0; right: 0; bottom: 0;
                z-index: 1500; gap: 1px;
                background: rgba(13,13,13,0.97);
                border-top: 1px solid rgba(212,175,55,0.3);
                padding-bottom: env(safe-area-inset-bottom);
                backdrop-filter: blur(8px);
            }
            .mobile-cta-bar a {
                flex: 1; display: flex; align-items: center; justify-content: center; gap: 8px;
                padding: 15px 10px; font-size: 0.95rem; font-weight: 600;
                text-decoration: none; letter-spacing: 0.3px;
            }
            .mobile-cta-bar .mcb-call { color: var(--dark-bg); background: var(--gold-gradient); }
            .mobile-cta-bar .mcb-tg { color: #fff; background: #229ED9; }
            .scroll-top { bottom: 84px !important; }
            body { padding-bottom: 64px; }
        }
    
        /* Отзывы — нативные карточки */
        #reviews { padding: 100px 5%; max-width: 1200px; margin: 0 auto; }
        .reviews-grid {
            display: grid; grid-template-columns: repeat(3, 1fr);
            gap: 24px; margin-top: 44px;
        }
        .review-card {
            background: var(--dark-card);
            border: 1px solid rgba(212, 175, 55, 0.15);
            border-radius: 16px;
            padding: 28px;
            display: flex; flex-direction: column; gap: 14px;
            transition: var(--transition);
        }
        .review-card:hover { border-color: rgba(212,175,55,0.4); transform: translateY(-4px); box-shadow: 0 16px 40px rgba(0,0,0,0.4); }
        .review-head { display: flex; align-items: center; gap: 14px; }
        .review-avatar {
            width: 46px; height: 46px; border-radius: 50%; flex-shrink: 0;
            background: var(--gold-gradient); color: var(--dark-bg);
            display: flex; align-items: center; justify-content: center;
            font-weight: 700; font-size: 1.1rem; font-family: 'Playfair Display', serif;
        }
        .review-meta { min-width: 0; }
        .review-name { font-weight: 600; color: var(--text-light); }
        .review-date { font-size: 0.8rem; color: var(--text-muted); }
        .review-stars { color: var(--gold-primary); font-size: 0.85rem; letter-spacing: 2px; }
        .review-stars .far { color: rgba(212,175,55,0.3); }
        .review-text { color: var(--text-muted); line-height: 1.75; font-size: 0.93rem; flex: 1; }
        .review-source { font-size: 0.75rem; color: var(--text-muted); display: flex; align-items: center; gap: 6px; opacity: 0.7; }
        .review-source i { color: var(--gold-primary); }

        .reviews-cta-card {
            margin-top: 28px;
            background: linear-gradient(135deg, rgba(212,175,55,0.08), rgba(212,175,55,0.02));
            border: 1px solid rgba(212, 175, 55, 0.25);
            border-radius: 18px;
            padding: 38px 30px;
            display: flex; align-items: center; justify-content: space-between;
            gap: 24px; flex-wrap: wrap;
        }
        .reviews-cta-text h3 { font-size: 1.4rem; margin-bottom: 8px; color: var(--text-light); }
        .reviews-cta-text p { color: var(--text-muted); max-width: 560px; }
        .reviews-cta-rating { display: flex; align-items: center; gap: 10px; margin-top: 12px; }
        .reviews-cta-rating .rating-num {
            font-family: 'Playfair Display', serif; font-size: 1.9rem; font-weight: 700;
            background: var(--gold-gradient); -webkit-background-clip: text;
            -webkit-text-fill-color: transparent; background-clip: text;
        }
        .reviews-cta-rating .review-stars { font-size: 1rem; }
        .reviews-actions { display: flex; gap: 16px; flex-wrap: wrap; }
        .reviews-actions a {
            display: inline-flex; align-items: center; gap: 8px;
            padding: 13px 26px; border-radius: 50px; text-decoration: none;
            font-weight: 600; font-size: 0.95rem; transition: var(--transition); white-space: nowrap;
        }
        .reviews-actions .btn-yandex { background: var(--gold-gradient); color: var(--dark-bg); }
        .reviews-actions .btn-yandex:hover { transform: translateY(-2px); box-shadow: 0 10px 25px rgba(212,175,55,0.35); }
        .reviews-actions .btn-leave { border: 1px solid rgba(212,175,55,0.5); color: var(--gold-primary); }
        .reviews-actions .btn-leave:hover { background: rgba(212,175,55,0.1); }
        @media (max-width: 992px) { .reviews-grid { grid-template-columns: repeat(2, 1fr); } }
        @media (max-width: 640px) {
            .reviews-grid { grid-template-columns: 1fr; }
            #reviews { padding: 70px 5%; }
            .reviews-cta-card { flex-direction: column; align-items: flex-start; }
        }
    

/* ============================================================
   V2 OVERRIDES (test copy index-v2) — site palette gold/black
   ============================================================ */
:root { --v2-content: 1180px; }

/* --- new-block shared look --- */
.v2-trustbar, .v2-priceexplain, .v2-also { max-width: var(--v2-content); margin-left:auto; margin-right:auto; padding:0 24px; }
.v2-trustbar { margin-top: -18px; margin-bottom: 40px; position: relative; z-index: 3; }
.v2-trustbar-inner { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.v2-trust { display:flex; gap:12px; align-items:flex-start; background:linear-gradient(145deg,#1A1A1A,#111); border:1px solid rgba(212,175,55,.18); border-radius:14px; padding:16px 16px; }
.v2-trust i { color:#D4AF37; font-size:20px; margin-top:2px; flex:0 0 auto; }
.v2-trust b { display:block; color:#F4E4BA; font-size:14px; margin-bottom:3px; font-family:'Montserrat',sans-serif; }
.v2-trust span { display:block; color:#A0A0A0; font-size:12.5px; line-height:1.4; }

.v2-priceexplain { margin:34px auto 40px; }
.v2-priceexplain-card { display:flex; gap:18px; align-items:flex-start; background:linear-gradient(145deg,#1A1A1A,#111); border:1px solid rgba(212,175,55,.25); border-radius:16px; padding:22px 24px; }
.v2-pe-icon { flex:0 0 auto; width:52px; height:52px; border-radius:12px; display:flex; align-items:center; justify-content:center; background:rgba(212,175,55,.12); color:#D4AF37; font-size:22px; }
.v2-pe-body h3 { color:#F4E4BA; font-size:19px; margin:0 0 8px; }
.v2-pe-body p { color:#e6e6e6; font-size:14.5px; line-height:1.65; margin:0 0 14px; }
.v2-pe-link { display:inline-flex; gap:8px; align-items:center; color:#0D0D0D; background:var(--gold-gradient); font-weight:600; font-size:13.5px; padding:10px 20px; border-radius:30px; text-decoration:none; transition:var(--transition); }
.v2-pe-link:hover { transform:translateY(-2px); box-shadow:0 8px 22px rgba(212,175,55,.3); }

.v2-proof { max-width:var(--v2-content); margin:0 auto 20px; display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.v2-proof-item { background:linear-gradient(145deg,#1A1A1A,#111); border:1px solid rgba(212,175,55,.2); border-radius:14px; padding:18px 14px; text-align:center; }
.v2-proof-item b { display:block; font-size:26px; color:#D4AF37; font-family:'Playfair Display',serif; line-height:1.1; }
.v2-proof-item span { display:block; margin-top:6px; font-size:12.5px; color:#A0A0A0; line-height:1.4; }

.v2-also { margin-top:10px; margin-bottom:40px; }
.v2-also-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.v2-also-card { display:block; background:linear-gradient(145deg,#1A1A1A,#111); border:1px solid rgba(212,175,55,.15); border-radius:14px; padding:14px; text-decoration:none; transition:var(--transition); }
.v2-also-card:hover { transform:translateY(-4px); border-color:rgba(212,175,55,.45); box-shadow:0 12px 28px rgba(0,0,0,.4); }
.v2-also-img { border-radius:10px; overflow:hidden; margin-bottom:12px; background:#0D0D0D; }
.v2-also-img img { width:100%; height:auto; display:block; }
.v2-also-card b { display:block; color:#F4E4BA; font-size:14.5px; margin-bottom:3px; font-family:'Montserrat',sans-serif; }
.v2-also-card span { display:block; color:#A0A0A0; font-size:12.5px; }
.v2-also-cta { text-align:center; margin-top:24px; }

/* --- hero micro-CTA under buttons --- */
.hero-microcta { display:flex; flex-wrap:wrap; gap:10px 22px; align-items:center; margin-top:18px; }
.hero-microcta a { color:#D4AF37; font-size:13.5px; text-decoration:none; border-bottom:1px dashed rgba(212,175,55,.5); padding-bottom:2px; }
.hero-microcta a:hover { color:#F4E4BA; }
.hero-microcta-note { color:#A0A0A0; font-size:12.5px; }
.hero-microcta-note i { color:#D4AF37; margin-right:4px; }

/* --- content width for stretchy grids/headers --- */
.products-grid, .gallery-grid, .why-grid, .delivery-steps, .contact-grid, .reviews-grid,
#history .section-header, #why .section-header, #reviews .section-header,
#delivery .section-header, #contact .section-header, #faq .section-header {
  max-width: var(--v2-content); margin-left:auto; margin-right:auto;
}

/* --- tighten vertical rhythm --- */
section { padding-top:72px !important; padding-bottom:72px !important; }
#hero { padding-top:110px !important; padding-bottom:70px !important; }
.section-header { margin-bottom:44px !important; }

/* --- HISTORY: variant A, horizontal timeline of milestones --- */
#history .history-timeline { display:grid; grid-template-columns:repeat(6,1fr); gap:12px; padding:0; max-width:var(--v2-content); margin-left:auto; margin-right:auto; }
#history .history-timeline::before, #history .history-timeline::after { display:none !important; }
#history .timeline-item { display:block; width:auto !important; margin:0 !important; padding:0 !important; background:linear-gradient(145deg,#1A1A1A,#141414); border:1px solid rgba(212,175,55,.14); border-radius:12px; position:static !important; }
#history .timeline-item:nth-child(odd), #history .timeline-item:nth-child(even) { flex-direction:row; margin:0 !important; left:auto; right:auto; }
#history .timeline-dot { display:none !important; }
#history .timeline-content { width:auto !important; margin:0 !important; padding:14px 12px !important; background:none !important; border:none !important; border-radius:0 !important; box-shadow:none !important; }
#history .timeline-content::before, #history .timeline-content::after { display:none !important; }
#history .timeline-year { display:block; font-size:20px; font-weight:700; color:var(--gold-primary); margin:0 0 6px; padding:0; line-height:1; }
#history .timeline-content h4 { font-size:13.5px; font-weight:600; color:var(--text-light); margin:0 0 5px; line-height:1.3; }
#history .timeline-content p { font-size:11.5px; color:#8b949e; line-height:1.45; margin:0; }
#history .section-header p.section-subtitle { max-width:640px; margin-left:auto; margin-right:auto; }

/* --- responsive --- */
@media (max-width:1024px){
  .v2-trustbar-inner, .v2-proof, .v2-also-grid { grid-template-columns:repeat(2,1fr); }
  #history .history-timeline { grid-template-columns:repeat(3,1fr); }
}
@media (max-width:640px){
  .v2-trustbar-inner, .v2-proof, .v2-also-grid { grid-template-columns:1fr 1fr; }
  #history .history-timeline { grid-template-columns:1fr 1fr; }
  .v2-priceexplain-card { flex-direction:column; }
  .v2-trustbar { margin-top:8px; }
}


/* ===== V2 AUDIT ADDITIONS (sandbox) — site palette ===== */
.v2-how { max-width:1180px; margin:0 auto; padding:0 24px; }
.v2-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.v2-step { position:relative; background:linear-gradient(145deg,#1A1A1A,#111); border:1px solid rgba(212,175,55,.16); border-radius:14px; padding:22px 20px 18px; }
.v2-step-n { display:flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:11px; background:var(--gold-gradient); color:#0D0D0D; font-weight:800; font-size:19px; font-family:'Playfair Display',serif; margin-bottom:12px; }
.v2-step b { display:block; color:#F4E4BA; font-size:16px; margin-bottom:6px; }
.v2-step p { color:#A0A0A0; font-size:13.5px; line-height:1.5; margin:0; }
.v2-buyback { display:flex; gap:18px; align-items:center; flex-wrap:wrap; margin-top:18px; background:linear-gradient(145deg,#1c1710,#121212); border:1px solid rgba(212,175,55,.3); border-radius:16px; padding:20px 24px; }
.v2-buyback-ic { flex:0 0 auto; width:54px; height:54px; border-radius:13px; display:flex; align-items:center; justify-content:center; background:rgba(212,175,55,.14); color:#D4AF37; font-size:24px; }
.v2-buyback-tx { flex:1; min-width:240px; }
.v2-buyback-tx b { color:#F4E4BA; font-size:17px; }
.v2-buyback-tx p { color:#e6e6e6; font-size:14px; line-height:1.6; margin:5px 0 0; }
.v2-pricebadge { display:inline-flex; gap:8px; align-items:center; margin:14px auto 0; padding:8px 16px; border-radius:30px; background:rgba(212,175,55,.1); border:1px solid rgba(212,175,55,.3); color:#F4E4BA; font-size:13px; }
.v2-pricebadge i { color:#6cc070; }
.v2-map { max-width:1180px; margin:26px auto 0; padding:0 24px; }

/* exit-intent popup */
.v2-exit { position:fixed; inset:0; z-index:1000; background:rgba(0,0,0,.72); display:flex; align-items:center; justify-content:center; padding:20px; }
.v2-exit[hidden]{ display:none; }
.v2-exit-card { position:relative; max-width:440px; width:100%; background:linear-gradient(145deg,#1A1A1A,#111); border:1px solid rgba(212,175,55,.35); border-radius:18px; padding:30px 28px 26px; text-align:center; box-shadow:0 24px 60px rgba(0,0,0,.6); }
.v2-exit-close { position:absolute; top:12px; right:14px; background:none; border:none; color:#A0A0A0; font-size:26px; line-height:1; cursor:pointer; }
.v2-exit-close:hover { color:#fff; }
.v2-exit-ic { width:60px; height:60px; margin:0 auto 14px; border-radius:15px; display:flex; align-items:center; justify-content:center; background:rgba(212,175,55,.14); color:#D4AF37; font-size:26px; }
.v2-exit-card h3 { color:#F4E4BA; font-size:22px; margin:0 0 8px; }
.v2-exit-card p { color:#cfcabb; font-size:14.5px; line-height:1.6; margin:0 0 18px; }
.v2-exit-actions { display:flex; flex-direction:column; gap:10px; align-items:center; }
.v2-exit-alt { color:#A0A0A0; font-size:13px; text-decoration:none; border-bottom:1px dashed rgba(160,160,160,.5); }
.v2-exit-alt:hover { color:#F4E4BA; }
@media (max-width:640px){ .v2-steps{ grid-template-columns:1fr; } }

/* --- refinements (client feedback) --- */
/* #6 history: wider (match company 1400) + larger text */
#history .history-timeline { max-width:1400px !important; gap:16px !important; }
#history .timeline-content { padding:18px 18px !important; }
#history .timeline-year { font-size:23px !important; }
#history .timeline-content h4 { font-size:15px !important; margin-bottom:7px !important; }
#history .timeline-content p { font-size:13px !important; line-height:1.5 !important; }
/* #8 stretch narrow texts */
.reviews-cta-text p { max-width:820px !important; }
#how .section-subtitle { max-width:760px; margin-left:auto; margin-right:auto; }
/* #10 keep original small sparkles, just a touch of glow (count increased in markup) */
.particle { box-shadow:0 0 6px rgba(212,175,55,.5); }
/* #4 map scroll shield */
.v2-map-wrap { position:relative; }
.v2-map-shield { position:absolute; inset:0; display:flex; align-items:flex-end; justify-content:center; cursor:pointer; background:transparent; border-radius:14px; }
.v2-map-shield span { margin-bottom:16px; background:rgba(13,13,13,.82); color:#F4E4BA; font-size:12.5px; padding:7px 15px; border-radius:20px; border:1px solid rgba(212,175,55,.3); }
.v2-map-shield.off { display:none; }
/* #11 secondary popup CTA */
.v2-exit-alt2 { display:inline-flex; gap:8px; align-items:center; color:#F4E4BA; font-size:13.5px; text-decoration:none; padding:9px 18px; border:1px solid rgba(212,175,55,.4); border-radius:30px; }
.v2-exit-alt2:hover { border-color:rgba(212,175,55,.75); }
.v2-pricebadge #v2PriceUpd { color:#F4E4BA; }


/* ===== V2 MOBILE UX (sandbox) ===== */
.mobile-menu-extra{ display:none; }   /* only shown inside the open mobile menu */

/* footer: hub-and-spoke cities (replaces 150-link footer list) */
.v2-cities{ max-width:1180px; margin:24px auto 0; padding:0 24px; text-align:center; }
.v2-cities h4{ color:#F4E4BA; font-size:15px; margin-bottom:6px; font-family:'Montserrat',sans-serif; }
.v2-cities p{ color:#A0A0A0; font-size:13px; margin-bottom:12px; }
.v2-cities-row{ display:flex; flex-wrap:wrap; gap:8px; justify-content:center; }
.v2-cities-row a{ font-size:13px; color:#d9d2c4; text-decoration:none; background:#151515; border:1px solid #2a2a2a; border-radius:8px; padding:7px 14px; }
.v2-cities-row a:hover{ border-color:rgba(212,175,55,.45); color:#F4E4BA; }
.v2-cities-row a.all{ border-color:rgba(212,175,55,.5); color:#F4E4BA; }

/* contact modal: always fits the screen + scrolls (small phones / large fonts) */
.contact-modal-overlay{ align-items:flex-start !important; overflow-y:auto !important; -webkit-overflow-scrolling:touch; padding:20px 12px !important; padding-top:calc(20px + env(safe-area-inset-top)) !important; padding-bottom:calc(20px + env(safe-area-inset-bottom)) !important; }
.contact-modal{ margin:auto !important; max-height:none !important; width:100% !important; max-width:460px !important; }
@media (max-width:480px){
  .contact-modal{ padding:24px 18px 18px !important; }
  .contact-modal-subtitle{ margin-bottom:16px !important; }
  .contact-modal-close{ top:8px !important; right:10px !important; }
}
@media (max-width:360px){
  .contact-modal-title{ font-size:18px !important; }
  .contact-options{ gap:8px !important; }
}

@media (max-width:992px){
  section{ padding:52px 22px !important; }
  /* HERO: offer first, coin smaller and below */
  .hero{ padding:84px 20px 34px !important; }
  .hero-text{ order:1; }
  .hero-coin{ order:2 !important; margin:24px auto 0 !important; width:100%; }
  /* scale the WHOLE 3D coin down (everything inside coin-3d is 100%) and center it */
  .coin-container{ width:210px !important; height:210px !important; margin:0 auto; }
  .coin-3d{ width:210px !important; height:210px !important; }
  .coin-glow{ width:240px !important; height:240px !important; }
  .hero h1{ font-size:30px !important; line-height:1.18 !important; margin-bottom:12px !important; }
  .hero-description{ font-size:15px !important; margin:0 auto 18px !important; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
  .hero-buttons{ margin-bottom:8px; }
  .hero-stats{ margin-top:18px; }
  /* MOBILE MENU overlay above the coin */
  header{ z-index:1300 !important; }
  /* header's backdrop-filter creates a containing block that traps position:fixed —
     disable it while the menu is open so the overlay covers the whole viewport */
  body.menu-open header{ backdrop-filter:none !important; -webkit-backdrop-filter:none !important; transform:none !important; }
  body.menu-open{ overflow:hidden; }
  body.menu-open nav{ display:flex !important; position:fixed; inset:0; z-index:1200; flex-direction:column; justify-content:flex-start; align-items:stretch; gap:0; padding:86px 26px 28px; background:#0D0D0D; overflow-y:auto; }
  body.menu-open nav a{ font-size:19px; padding:16px 4px; text-align:left; color:#F4E4BA; border-bottom:1px solid rgba(212,175,55,.12); }
  body.menu-open nav a::after{ display:none !important; }
  .mobile-menu-extra{ display:none; }
  body.menu-open .mobile-menu-extra{ display:flex; flex-direction:column; gap:12px; margin-top:22px; }
  .mm-phone{ font-size:22px !important; color:#F4E4BA !important; text-align:center; border:none !important; padding:8px !important; }
  .mm-order{ background:var(--gold-gradient); color:#0D0D0D !important; padding:15px !important; border-radius:30px !important; text-align:center; font-weight:700; border:none !important; }
  .mobile-menu-btn{ z-index:1301; }
  .mobile-menu-btn span{ transition:transform .25s ease, opacity .2s ease; }
  .mobile-menu-btn.is-open span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
  .mobile-menu-btn.is-open span:nth-child(2){ opacity:0; }
  .mobile-menu-btn.is-open span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }
  .scroll-top{ bottom:92px !important; }
}
@media (max-width:480px){
  .hero h1{ font-size:26px !important; }
  .coin-container{ width:186px !important; height:186px !important; }
  .coin-3d{ width:186px !important; height:186px !important; }
  .coin-glow{ width:214px !important; height:214px !important; }
}@media (max-width:768px){ .coin-3d{ animation-duration:16s !important; } }