/* AR CABLES - SAFE STRUCTURE FIX
   Only stabilizes the existing header, mobile navigation,
   product-card action buttons and responsive containers.
*/

.header{width:100%!important;z-index:999999!important;box-sizing:border-box!important}
.header .container{width:min(94%,1320px)!important;margin:0 auto!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;gap:18px!important}
.header .logo{flex:0 0 auto!important;min-width:0!important}
.header .navbar{min-width:0!important;margin-left:auto!important}
.header .navbar ul{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;margin:0!important;padding:0!important}
.header .header-cart{position:relative!important;flex:0 0 42px!important;width:42px!important;min-width:42px!important;height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;border-radius:10px!important;z-index:2!important}
.header .header-cart span{position:absolute!important;top:-4px!important;right:-4px!important;min-width:16px!important;height:16px!important;padding:0 3px!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;border-radius:99px!important;font-size:8px!important;line-height:1!important}
.header .quote-btn{flex:0 0 auto!important;position:relative!important;z-index:2!important;box-sizing:border-box!important;white-space:nowrap!important}
.header .mobile-menu-btn{display:none!important;position:relative!important;flex:0 0 auto!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:5px!important;padding:0!important;margin:0!important;box-sizing:border-box!important;cursor:pointer!important;z-index:1000001!important}
.header .mobile-menu-btn span{display:block!important;flex:0 0 auto!important}

@media(max-width:760px){
html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
body{padding-top:68px!important}
.header{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;height:68px!important;min-height:68px!important;margin:0!important}
.header .container{width:calc(100% - 14px)!important;height:68px!important;min-height:68px!important;padding:5px 0!important;display:grid!important;grid-template-columns:minmax(0,1fr) 40px 80px 40px!important;grid-template-rows:68px!important;align-items:center!important;gap:5px!important}
.header .logo{grid-column:1!important;grid-row:1!important}
.header .logo img{width:52px!important;height:52px!important;max-width:52px!important;object-fit:contain!important}
.header .header-cart{grid-column:2!important;grid-row:1!important;justify-self:center!important;width:40px!important;min-width:40px!important;height:40px!important}
.header .quote-btn{grid-column:3!important;grid-row:1!important;justify-self:center!important;width:80px!important;min-width:80px!important;max-width:80px!important;height:38px!important;min-height:38px!important;padding:0 6px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:9px!important;line-height:1!important}
.header .mobile-menu-btn{grid-column:4!important;grid-row:1!important;justify-self:end!important;display:flex!important;width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:10px!important;background:rgba(255,255,255,.07)!important}
.header .mobile-menu-btn span{width:18px!important;height:2px!important;margin:0!important;border-radius:99px!important;background:#fff!important;transition:transform .22s ease,opacity .22s ease!important}
.header .mobile-menu-btn.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)!important}
.header .mobile-menu-btn.is-open span:nth-child(2){opacity:0!important}
.header .mobile-menu-btn.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)!important}
.header .navbar{position:absolute!important;top:68px!important;left:7px!important;right:7px!important;width:auto!important;margin:0!important;box-sizing:border-box!important}
.header .navbar ul{width:100%!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:3px!important}
.header .navbar li{width:100%!important}
.header .navbar a{width:100%!important;min-height:42px!important;padding:10px 13px!important;box-sizing:border-box!important;white-space:normal!important}
}

@media(max-width:420px){
body{padding-top:64px!important}
.header,.header .container{height:64px!important;min-height:64px!important}
.header .container{width:calc(100% - 10px)!important;grid-template-columns:minmax(0,1fr) 36px 74px 36px!important;grid-template-rows:64px!important;gap:4px!important}
.header .logo img{width:49px!important;height:49px!important;max-width:49px!important}
.header .navbar{top:64px!important}
.header .header-cart{width:36px!important;min-width:36px!important;height:36px!important}
.header .quote-btn{width:74px!important;min-width:74px!important;max-width:74px!important;height:36px!important;min-height:36px!important;font-size:8px!important}
.header .mobile-menu-btn{width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important}
}

/* Product listing action buttons: keep Add to Cart inside the card. */
.wire-grid .bw-card,.wire-grid .bw-content{min-width:0!important;max-width:100%!important;box-sizing:border-box!important;overflow:hidden!important}
.wire-grid .bw-content h3{min-width:0!important;overflow-wrap:anywhere!important}
.wire-grid .bw-buttons{width:100%!important;min-width:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) 46px!important;gap:8px!important;align-items:stretch!important;box-sizing:border-box!important;margin-top:auto!important}
.wire-grid .bw-buttons .bw-details,.wire-grid .bw-buttons .bw-cart{width:100%!important;min-width:0!important;max-width:100%!important;height:46px!important;min-height:46px!important;max-height:46px!important;margin:0!important;padding:0 8px!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;white-space:nowrap!important}
.wire-grid .bw-buttons .bw-cart i{position:static!important;margin:0!important;transform:none!important}

@media(max-width:760px){
.wire-grid .bw-buttons{grid-template-columns:minmax(0,1fr) 42px!important;gap:6px!important}
.wire-grid .bw-buttons .bw-details,.wire-grid .bw-buttons .bw-cart{height:42px!important;min-height:42px!important;max-height:42px!important;padding:0 6px!important;font-size:11px!important}
}

/* Product-detail action buttons: no overlap on phones. */
.product-buttons{width:100%!important;max-width:100%!important;min-width:0!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;box-sizing:border-box!important}
.product-buttons>button,.product-buttons>a{min-width:0!important;max-width:100%!important;min-height:48px!important;margin:0!important;box-sizing:border-box!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important}
@media(max-width:600px){
.product-buttons{grid-template-columns:1fr!important;gap:9px!important}
.product-buttons>button,.product-buttons>a{width:100%!important;min-height:48px!important}
}

/* Cart / checkout containers stay within the viewport. */
@media(max-width:800px){
.ar-cart-section .container{width:calc(100% - 20px)!important}
.cart-content,.cart-items,.cart-summary,.cart-item{min-width:0!important;max-width:100%!important}
.cart-item{box-sizing:border-box!important;overflow:hidden!important}
}
@media(max-width:600px){
.checkout-layout,.checkout-main,.checkout-section,.checkout-input,.shipping-card,.payment-card,.billing-option,.checkout-actions{max-width:100%!important;box-sizing:border-box!important}
.bank-details{overflow-wrap:anywhere!important;word-break:break-word!important}
}


/* =========================================================
   FINAL MOBILE MENU POSITION
   ALL PROJECT PAGES — MOBILE ONLY
   Dropdown sits directly below the 3-line menu.
   No other page structure is changed.
   ========================================================= */

@media (max-width:760px){

    .header .navbar{
        top:100% !important;
        bottom:auto !important;

        left:auto !important;
        right:0 !important;

        width:145px !important;
        max-width:145px !important;
        min-width:145px !important;

        margin:0 !important;
        padding:6px !important;

        transform:none !important;

        border-radius:0 0 10px 10px !important;

        box-sizing:border-box !important;
        z-index:999999 !important;
    }

    .header .navbar.mobile-open{
        top:100% !important;
        transform:none !important;
    }

    .header .navbar ul{
        width:100% !important;
        margin:0 !important;
        padding:0 !important;

        display:flex !important;
        flex-direction:column !important;
        gap:0 !important;
    }

    .header .navbar li{
        width:100% !important;
        margin:0 !important;
        padding:0 !important;
    }

    .header .navbar a{
        width:100% !important;
        min-height:40px !important;
        height:40px !important;

        margin:0 !important;
        padding:8px 12px !important;

        display:flex !important;
        align-items:center !important;

        box-sizing:border-box !important;

        white-space:nowrap !important;
    }
}

@media (max-width:420px){

    .header .navbar{
        top:100% !important;
        right:0 !important;

        width:138px !important;
        max-width:138px !important;
        min-width:138px !important;

        padding:5px !important;
    }

    .header .navbar a{
        min-height:38px !important;
        height:38px !important;
        padding:7px 11px !important;
    }
}