/* POINTER DEDEKTÖR - Mobile Hero + Luxury Checkout V2 */

/* Mobile hero luxury layout */
@media (max-width:760px){
    .site-header{
        background:linear-gradient(180deg,rgba(3,17,31,.96),rgba(4,22,39,.88)) !important;
        backdrop-filter:blur(18px) !important;
        box-shadow:0 16px 35px rgba(0,0,0,.22) !important;
    }
    .header-inner{
        height:72px !important;
    }
    .logo img{
        width:158px !important;
        max-height:44px !important;
        object-fit:contain !important;
    }
    .header-actions{
        gap:9px !important;
    }
    .icon-btn,
    .cart-link,
    .mobile-toggle{
        min-width:34px !important;
        height:34px !important;
    }
    .mobile-toggle span{
        width:26px !important;
        height:2.5px !important;
        margin:3.5px 0 !important;
    }

    .hero-section{
        min-height:auto !important;
        padding-top:82px !important;
        padding-bottom:26px !important;
        background:
            radial-gradient(circle at 72% 78%,rgba(0,155,255,.24),transparent 36%),
            linear-gradient(180deg,rgba(7,41,68,.94) 0%,rgba(3,15,28,.98) 58%,#020b13 100%),
            var(--hero-bg) center top/cover !important;
        overflow:hidden !important;
    }
    .hero-section:before{
        background:
            linear-gradient(180deg,rgba(0,0,0,.14),rgba(0,0,0,.18) 34%,rgba(2,11,19,.70) 100%),
            radial-gradient(circle at 18% 25%,rgba(0,208,255,.16),transparent 30%) !important;
    }
    .hero-grid{
        display:flex !important;
        flex-direction:column !important;
        align-items:stretch !important;
        justify-content:flex-start !important;
        min-height:auto !important;
        gap:0 !important;
        padding-top:22px !important;
    }
    .hero-copy{
        position:relative !important;
        z-index:4 !important;
        padding:24px 4px 4px !important;
        max-width:none !important;
    }
    .hero-copy h1{
        font-size:clamp(42px,12vw,58px) !important;
        line-height:1.02 !important;
        letter-spacing:-.055em !important;
        max-width:720px !important;
        margin-bottom:18px !important;
        text-shadow:0 18px 35px rgba(0,0,0,.26) !important;
    }
    .hero-sub{
        font-size:18px !important;
        line-height:1.72 !important;
        color:#e8f7ff !important;
        max-width:540px !important;
        margin-bottom:22px !important;
    }
    .hero-copy .btn-red{
        min-height:58px !important;
        border-radius:20px !important;
        padding:0 28px !important;
        font-size:16px !important;
        box-shadow:0 18px 32px rgba(239,52,52,.24) !important;
    }
    .video-link{
        margin-top:22px !important;
        padding-bottom:0 !important;
        color:#dff4ff !important;
        font-size:15px !important;
    }
    .video-link span{
        width:46px !important;
        height:46px !important;
        background:rgba(255,255,255,.06) !important;
        border-color:rgba(255,255,255,.42) !important;
        backdrop-filter:blur(12px) !important;
    }

    .hero-product-wrap{
        order:2 !important;
        position:relative !important;
        z-index:3 !important;
        width:100% !important;
        min-height:292px !important;
        margin:8px 0 0 !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        overflow:visible !important;
        background:
            radial-gradient(circle at 50% 55%,rgba(0,141,255,.32),transparent 34%),
            linear-gradient(180deg,rgba(8,38,65,.38),rgba(5,19,34,.04)) !important;
        border:1px solid rgba(107,190,255,.14) !important;
        border-radius:28px !important;
        box-shadow:inset 0 0 70px rgba(0,141,255,.08),0 20px 48px rgba(0,0,0,.22) !important;
    }
    .hero-product-wrap:before{
        content:"";
        position:absolute;
        width:240px;
        height:240px;
        border-radius:50%;
        border:1px solid rgba(0,208,255,.26);
        background:radial-gradient(circle,rgba(0,208,255,.10),transparent 64%);
        box-shadow:0 0 0 22px rgba(0,208,255,.035),0 0 0 46px rgba(0,208,255,.025);
        right:4%;
        bottom:12%;
        pointer-events:none;
    }
    .hero-product-wrap:after{
        content:"IP68 • 360° • LED";
        position:absolute;
        left:16px;
        bottom:16px;
        min-height:34px;
        display:flex;
        align-items:center;
        padding:0 14px;
        border-radius:999px;
        background:rgba(255,255,255,.08);
        border:1px solid rgba(255,255,255,.14);
        color:#e7f8ff;
        font-size:12px;
        font-weight:800;
        letter-spacing:.08em;
        backdrop-filter:blur(12px);
    }
    .hero-product{
        position:relative !important;
        left:auto !important;
        top:auto !important;
        right:auto !important;
        bottom:auto !important;
        width:min(88vw,440px) !important;
        max-width:440px !important;
        max-height:245px !important;
        height:auto !important;
        object-fit:contain !important;
        transform:rotate(-8deg) translateY(-2px) !important;
        transform-origin:center !important;
        filter:drop-shadow(0 28px 34px rgba(0,0,0,.55)) drop-shadow(0 0 20px rgba(0,162,255,.28)) !important;
    }
    .coin-pulse{
        display:none !important;
    }
    .hero-specs{
        display:none !important;
    }
    .trust-grid{
        margin-top:10px !important;
        border-radius:22px !important;
        overflow:hidden !important;
    }
}

/* Very small mobile adjustments */
@media (max-width:420px){
    .hero-copy h1{
        font-size:40px !important;
    }
    .hero-sub{
        font-size:16px !important;
    }
    .hero-product-wrap{
        min-height:254px !important;
        border-radius:24px !important;
    }
    .hero-product{
        width:92vw !important;
        max-height:218px !important;
    }
}

/* Luxury checkout */
.checkout-page.luxury-checkout{
    padding-top:126px !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 390px !important;
    gap:28px !important;
    align-items:start !important;
}
.checkout-shell{
    background:
        radial-gradient(circle at 18% 0%,rgba(0,208,255,.16),transparent 28%),
        linear-gradient(135deg,rgba(7,29,49,.96),rgba(3,14,25,.98)) !important;
    border:1px solid rgba(107,190,255,.18) !important;
    border-radius:28px !important;
    padding:28px !important;
    box-shadow:0 28px 80px rgba(0,0,0,.34) !important;
    overflow:hidden !important;
    position:relative !important;
}
.checkout-shell:before{
    content:"";
    position:absolute;
    right:-90px;
    top:-120px;
    width:280px;
    height:280px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(0,141,255,.18),transparent 66%);
    pointer-events:none;
}
.checkout-page .kicker{
    margin:0 0 9px !important;
    color:#56caff !important;
    font-size:12px !important;
    font-weight:900 !important;
    letter-spacing:.20em !important;
}
.checkout-page h1{
    margin:0 0 8px !important;
    font-size:clamp(34px,4vw,54px) !important;
    line-height:1.06 !important;
    letter-spacing:-.055em !important;
}
.checkout-intro{
    margin:0 0 22px !important;
    color:#bdd4e7 !important;
    max-width:680px !important;
}
.checkout-form.luxury-form{
    background:rgba(255,255,255,.96) !important;
    color:#06111d !important;
    border-radius:24px !important;
    padding:24px !important;
    display:grid !important;
    gap:18px !important;
    box-shadow:0 18px 45px rgba(0,0,0,.18) !important;
}
.checkout-form.luxury-form label{
    display:grid !important;
    gap:8px !important;
    font-weight:900 !important;
    color:#091521 !important;
}
.checkout-form.luxury-form input,
.checkout-form.luxury-form textarea{
    min-height:58px !important;
    border:1px solid #d8e4ef !important;
    border-radius:18px !important;
    background:#fff !important;
    padding:0 16px !important;
    outline:none !important;
    transition:.2s ease !important;
}
.checkout-form.luxury-form textarea{
    min-height:130px !important;
    padding:16px !important;
}
.checkout-form.luxury-form input:focus,
.checkout-form.luxury-form textarea:focus{
    border-color:#0a8dff !important;
    box-shadow:0 0 0 4px rgba(10,141,255,.10) !important;
}
.checkout-form .grid-2{
    gap:16px !important;
}
.payment-title{
    margin:2px 0 -4px !important;
    font-size:13px !important;
    font-weight:900 !important;
    letter-spacing:.14em !important;
    color:#506476 !important;
}
.payment-methods.luxury-payments{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:14px !important;
}
.payment-methods.luxury-payments label{
    position:relative !important;
    display:grid !important;
    grid-template-columns:auto 1fr !important;
    align-items:center !important;
    gap:14px !important;
    min-height:118px !important;
    border:1px solid #dbe6ee !important;
    border-radius:22px !important;
    padding:18px !important;
    background:linear-gradient(180deg,#fff,#f7fbff) !important;
    cursor:pointer !important;
    transition:.2s ease !important;
}
.payment-methods.luxury-payments label:hover{
    transform:translateY(-2px) !important;
    border-color:#0a8dff !important;
    box-shadow:0 18px 30px rgba(10,141,255,.10) !important;
}
.payment-methods.luxury-payments input{
    width:24px !important;
    height:24px !important;
    min-height:24px !important;
    accent-color:#0a8dff !important;
}
.payment-methods.luxury-payments strong{
    display:block !important;
    color:#05111e !important;
    font-size:19px !important;
    line-height:1.2 !important;
}
.payment-methods.luxury-payments span{
    display:block !important;
    margin-top:5px !important;
    color:#66788a !important;
    font-size:13px !important;
    font-weight:500 !important;
}
.checkout-form.luxury-form .btn-red{
    min-height:62px !important;
    border-radius:18px !important;
    font-size:18px !important;
    box-shadow:0 18px 32px rgba(239,52,52,.22) !important;
}
.secure-row{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:10px !important;
}
.secure-row span{
    border:1px solid #dbe6ee !important;
    background:#f6fbff !important;
    color:#3d5367 !important;
    min-height:34px !important;
    display:inline-flex !important;
    align-items:center !important;
    border-radius:999px !important;
    padding:0 12px !important;
    font-size:12px !important;
    font-weight:800 !important;
}
.order-card.luxury-order{
    position:sticky !important;
    top:98px !important;
    background:
        radial-gradient(circle at 100% 0%,rgba(0,208,255,.18),transparent 30%),
        linear-gradient(135deg,#ffffff,#f4f9ff) !important;
    color:#081521 !important;
    border:1px solid rgba(107,190,255,.18) !important;
    border-radius:28px !important;
    padding:26px !important;
    box-shadow:0 28px 80px rgba(0,0,0,.25) !important;
}
.order-card.luxury-order h2{
    margin-top:0 !important;
}
.order-line,
.order-total{
    gap:16px !important;
}
.order-total strong{
    color:#0a75e8 !important;
}
.order-note{
    margin-top:16px !important;
    color:#597083 !important;
}
.checkout-empty-card{
    background:#fff !important;
    color:#111 !important;
    border-radius:22px !important;
    padding:34px !important;
    box-shadow:var(--shadow) !important;
}

/* Mobile checkout */
@media(max-width:760px){
    .checkout-page.luxury-checkout{
        width:min(100% - 24px,1180px) !important;
        padding-top:96px !important;
        grid-template-columns:1fr !important;
        gap:16px !important;
    }
    .checkout-shell{
        border-radius:24px !important;
        padding:18px !important;
    }
    .checkout-page h1{
        font-size:34px !important;
    }
    .checkout-intro{
        font-size:14px !important;
        margin-bottom:16px !important;
    }
    .checkout-form.luxury-form{
        padding:18px !important;
        border-radius:22px !important;
        gap:15px !important;
    }
    .checkout-form .grid-2{
        grid-template-columns:1fr !important;
    }
    .checkout-form.luxury-form input,
    .checkout-form.luxury-form textarea{
        min-height:56px !important;
        border-radius:17px !important;
    }
    .checkout-form.luxury-form textarea{
        min-height:118px !important;
    }
    .payment-methods.luxury-payments{
        grid-template-columns:1fr !important;
    }
    .payment-methods.luxury-payments label{
        min-height:auto !important;
        padding:16px !important;
        border-radius:20px !important;
    }
    .payment-methods.luxury-payments strong{
        font-size:18px !important;
    }
    .checkout-form.luxury-form .btn-red{
        min-height:60px !important;
        font-size:17px !important;
    }
    .order-card.luxury-order{
        position:relative !important;
        top:auto !important;
        border-radius:24px !important;
        padding:20px !important;
    }
    body.page-checkout .whatsapp-float{
        display:none !important;
    }
}

/* Cleaner mobile payment radio alignment if old labels remain */
@media(max-width:420px){
    .payment-methods.luxury-payments strong{
        font-size:17px !important;
    }
    .payment-methods.luxury-payments span{
        font-size:12.5px !important;
    }
}