/*==================================
PRODUCT DETAILS PAGE
==================================*/

.product-details{

    padding:80px 0;
    
    background:#f7f8fa;
    
    }
    
    .product-layout{
    
    display:grid;
    
    grid-template-columns:1fr 1fr;
    
    gap:60px;
    
    align-items:start;
    
    }
    
    /*=========================
    LEFT SIDE
    =========================*/
    
    .product-left{
    
    background:#fff;
    
    border-radius:20px;
    
    padding:30px;
    
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    
    }
    
    .main-image{
    
    height:500px;
    
    background:#fff;
    
    border:1px solid #eee;
    
    border-radius:18px;
    
    display:flex;
    
    align-items:center;
    
    justify-content:center;
    
    overflow:hidden;
    
    }
    
    .main-image img{
    
    max-width:100%;
    
    max-height:100%;
    
    object-fit:contain;
    
    transition:.4s;
    
    cursor:zoom-in;
    
    }
    
    .main-image img:hover{
    
    transform:scale(1.08);
    
    }
    
    .thumb-gallery{
    
    display:flex;
    
    justify-content:center;
    
    gap:15px;
    
    margin-top:20px;
    
    flex-wrap:wrap;
    
    }
    
    .thumb-gallery img{
    
    width:90px;
    
    height:90px;
    
    padding:8px;
    
    background:#fff;
    
    border:2px solid #eee;
    
    border-radius:12px;
    
    object-fit:contain;
    
    cursor:pointer;
    
    transition:.3s;
    
    }
    
    .thumb-gallery img:hover{
    
    border-color:#d60000;
    
    transform:translateY(-5px);
    
    }
    
    /*=========================
    RIGHT SIDE
    =========================*/
    
    .product-right{
    
    background:#fff;
    
    padding:40px;
    
    border-radius:20px;
    
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    
    }
    
    .product-brand{
    
    display:inline-block;
    
    background:#d60000;
    
    color:#fff;
    
    padding:8px 18px;
    
    border-radius:30px;
    
    font-size:13px;
    
    font-weight:700;
    
    letter-spacing:1px;
    
    margin-bottom:18px;
    
    text-transform:uppercase;
    
    }
    
    #productName{
    
    font-size:34px;
    
    font-weight:700;
    
    line-height:1.4;
    
    color:#111;
    
    margin-bottom:20px;
    
    }
    
    .product-rating{
    
    font-size:20px;
    
    color:#ffb400;
    
    margin-bottom:20px;
    
    }
    
    .product-rating span{
    
    font-size:15px;
    
    color:#777;
    
    margin-left:10px;
    
    }
    
    .product-price{
    
    display:flex;
    
    align-items:center;
    
    gap:18px;
    
    margin-bottom:20px;
    
    }
    
    #productPrice{
    
    font-size:40px;
    
    font-weight:700;
    
    color:#d60000;
    
    }
    
    #productOldPrice{
    
    font-size:22px;
    
    color:#999;
    
    text-decoration:line-through;
    
    }
    
    .stock{
    
    display:inline-flex;
    
    align-items:center;
    
    gap:8px;
    
    background:#eaf8ed;
    
    color:#148a39;
    
    padding:10px 18px;
    
    border-radius:30px;
    
    font-weight:600;
    
    margin-bottom:25px;
    
    }
    /*==================================
COLOUR SELECTION
==================================*/

.product-right h4{

    font-size:18px;
    
    margin:25px 0 15px;
    
    color:#222;
    
    }
    
    .colour-box{
    
    display:flex;
    
    gap:15px;
    
    margin-bottom:30px;
    
    }
    
    .colour-box span{
    
    width:34px;
    
    height:34px;
    
    border-radius:50%;
    
    cursor:pointer;
    
    border:3px solid #fff;
    
    box-shadow:0 0 0 2px #ddd;
    
    transition:.3s;
    
    }
    
    .colour-box span:hover{
    
    transform:scale(1.15);
    
    box-shadow:0 0 0 2px #d60000;
    
    }
    
    .red{background:#d60000;}
    .black{background:#111;}
    .blue{background:#005eff;}
    .green{background:#008a2e;}
    .yellow{background:#ffd000;}
    .white{
    background:#fff;
    border:2px solid #ccc;
    }
    
    /*==================================
    QUANTITY
    ==================================*/
    
    .quantity{
    
    display:flex;
    
    align-items:center;
    
    gap:12px;
    
    margin:25px 0;
    
    }
    
    .quantity button{
    
    width:45px;
    
    height:45px;
    
    border:none;
    
    background:#d60000;
    
    color:#fff;
    
    font-size:20px;
    
    border-radius:10px;
    
    cursor:pointer;
    
    transition:.3s;
    
    }
    
    .quantity button:hover{
    
    background:#111;
    
    }
    
    .quantity input{
    
    width:70px;
    
    height:45px;
    
    text-align:center;
    
    font-size:18px;
    
    border:1px solid #ddd;
    
    border-radius:10px;
    
    outline:none;
    
    }
    
    /*==================================
    BUTTONS
    ==================================*/
    
    .product-buttons{
    
    display:flex;
    
    flex-direction:column;
    
    gap:15px;
    
    margin-top:30px;
    
    }
    
    .buy-now,
    .add-cart,
    .whatsapp-order{
    
    height:55px;
    
    border:none;
    
    border-radius:12px;
    
    font-size:17px;
    
    font-weight:600;
    
    cursor:pointer;
    
    transition:.3s;
    
    }
    
    .buy-now{
    
    background:#111;
    
    color:#fff;
    
    }
    
    .buy-now:hover{
    
    background:#000;
    
    transform:translateY(-3px);
    
    }
    
    .add-cart{
    
    background:#d60000;
    
    color:#fff;
    
    }
    
    .add-cart:hover{
    
    background:#b00000;
    
    transform:translateY(-3px);
    
    }
    
    .whatsapp-order{
    
    background:#25D366;
    
    color:#fff;
    
    }
    
    .whatsapp-order:hover{
    
    background:#1da851;
    
    transform:translateY(-3px);
    
    }
    
    .product-buttons i{
    
    margin-right:8px;
    
    }
    
    /*==================================
    RESPONSIVE
    ==================================*/
    
    @media(max-width:991px){
    
    .product-layout{
    
    grid-template-columns:1fr;
    
    }
    
    .main-image{
    
    height:350px;
    
    }
    
    #productName{
    
    font-size:28px;
    
    }
    
    #productPrice{
    
    font-size:32px;
    
    }
    
    }
    /*=========================
HEADER CART
=========================*/

.header-cart{

    margin-right:20px;
    
    position:relative;
    
    }
    
    .header-cart a{
    
    width:52px;
    
    height:52px;
    
    background:#fff;
    
    border-radius:50%;
    
    display:flex;
    
    align-items:center;
    
    justify-content:center;
    
    position:relative;
    
    text-decoration:none;
    
    color:#111;
    
    font-size:20px;
    
    box-shadow:0 10px 25px rgba(0,0,0,.12);
    
    transition:.3s;
    
    }
    
    .header-cart a:hover{
    
    background:#d60000;
    
    color:#fff;
    
    transform:translateY(-3px);
    
    }
    
    #cartCount{
    
    position:absolute;
    
    top:-6px;
    
    right:-6px;
    
    width:22px;
    
    height:22px;
    
    background:#d60000;
    
    color:#fff;
    
    border-radius:50%;
    
    font-size:12px;
    
    font-weight:700;
    
    display:flex;
    
    align-items:center;
    
    justify-content:center;
    
    }
    /*==================================
PREMIUM BUTTONS
==================================*/

.product-buttons{

    display:flex;
    flex-direction:column;
    gap:15px;
    margin-top:25px;
    
    }
    
    .product-buttons button{
    
    height:56px;
    border:none;
    border-radius:12px;
    font-size:16px;
    font-weight:700;
    cursor:pointer;
    transition:.35s;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    
    }
    
    .buy-now{
    
    background:#ff6b00;
    color:#fff;
    
    }
    
    .buy-now:hover{
    
    transform:translateY(-3px);
    box-shadow:0 12px 25px rgba(255,107,0,.35);
    
    }
    
    .add-cart{
    
    background:#111;
    color:#fff;
    
    }
    
    .add-cart:hover{
    
    background:#222;
    transform:translateY(-3px);
    
    }
    
    .whatsapp-order:hover{
    
    transform:translateY(-3px);
    box-shadow:0 12px 25px rgba(37,211,102,.35);
    
    }
    
    /*==================================
    TRUST BADGES
    ==================================*/
    
    .trust-badges{
    
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:15px;
    margin-top:25px;
    
    }
    
    .badge{
    
    background:#fff;
    border:1px solid #eee;
    border-radius:12px;
    padding:15px;
    text-align:center;
    box-shadow:0 8px 20px rgba(0,0,0,.06);
    
    }
    
    .badge i{
    
    font-size:26px;
    color:#ff5a00;
    margin-bottom:10px;
    
    }
    
    .badge span{
    
    display:block;
    font-size:14px;
    font-weight:600;
    
    }
    /*==================================
PREMIUM IMAGE
==================================*/

.product-left{

    position:sticky;
    top:120px;
    
    }
    
    .main-image{
    
    background:#fff;
    border-radius:18px;
    padding:30px;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    overflow:hidden;
    cursor:zoom-in;
    transition:.4s;
    
    }
    
    .main-image img{
    
    width:100%;
    display:block;
    transition:.45s;
    
    }
    
    .main-image:hover img{
    
    transform:scale(1.18);
    
    }
    
    .main-image:hover{
    
    box-shadow:0 25px 55px rgba(0,0,0,.15);
    
    }
    
    /*==================================
    THUMBNAILS
    ==================================*/
    
    .thumb-gallery{
    
    display:flex;
    justify-content:center;
    gap:15px;
    margin-top:20px;
    flex-wrap:wrap;
    
    }
    
    .thumb{
    
    width:75px;
    height:75px;
    object-fit:contain;
    background:#fff;
    padding:8px;
    border-radius:12px;
    border:2px solid #eee;
    cursor:pointer;
    transition:.35s;
    
    }
    
    .thumb:hover{
    
    transform:translateY(-6px);
    border-color:#ff5a00;
    
    }
    
    .thumb.active{
    
    border-color:#ff5a00;
    box-shadow:0 10px 25px rgba(255,90,0,.25);
    
    }
    /*==================================
PREMIUM PRICE
==================================*/

.price-box{

    margin:20px 0;
    
    }
    
    .current-price{
    
    display:flex;
    align-items:center;
    gap:15px;
    flex-wrap:wrap;
    
    }
    
    .current-price span:first-child{
    
    font-size:38px;
    font-weight:800;
    color:#e53935;
    
    }
    
    .discount-badge{
    
    background:#ff5722;
    color:#fff;
    padding:6px 14px;
    border-radius:50px;
    font-size:13px;
    font-weight:700;
    
    }
    
    .old-price{
    
    margin-top:10px;
    font-size:18px;
    color:#888;
    
    }
    
    /*==================================
    STATUS
    ==================================*/
    
    .product-status{
    
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:15px;
    margin:25px 0;
    
    }
    
    .status-item{
    
    background:#fff;
    padding:15px;
    border-radius:12px;
    text-align:center;
    box-shadow:0 8px 20px rgba(0,0,0,.08);
    
    }
    
    .status-item i{
    
    font-size:24px;
    color:#ff5a00;
    margin-bottom:8px;
    display:block;
    
    }
    
    .status-item span{
    
    font-size:14px;
    font-weight:600;
    
    }
    /*==================================================
PREMIUM PRODUCT PAGE
==================================================*/

.product-layout{

    display:grid;
    
    grid-template-columns:1fr 1fr;
    
    gap:60px;
    
    align-items:flex-start;
    
    margin:60px 0;
    
    }
    
    .product-right{
    
    background:#fff;
    
    padding:35px;
    
    border-radius:20px;
    
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    
    }
    
    .product-brand{
    
    display:inline-block;
    
    background:#111;
    
    color:#fff;
    
    padding:8px 18px;
    
    border-radius:50px;
    
    font-size:13px;
    
    font-weight:700;
    
    letter-spacing:1px;
    
    margin-bottom:18px;
    
    }
    
    #productName{
    
    font-size:34px;
    
    font-weight:800;
    
    line-height:1.35;
    
    margin:15px 0 20px;
    
    color:#111;
    
    }
    
    .product-rating{
    
    display:flex;
    
    align-items:center;
    
    gap:8px;
    
    font-size:18px;
    
    color:#ffb400;
    
    margin-bottom:20px;
    
    }
    
    .product-rating span{
    
    font-size:15px;
    
    font-weight:600;
    
    color:#555;
    
    }
    
    .price-box{
    
    background:#fff7f2;
    
    padding:22px;
    
    border-radius:18px;
    
    margin:25px 0;
    
    border:2px solid #ffe4cf;
    
    }
    
    #productPrice{
    
    font-size:42px;
    
    font-weight:800;
    
    color:#ff5a00;
    
    }
    
    .discount-badge{
    
    background:#ff5a00;
    
    color:#fff;
    
    padding:8px 15px;
    
    border-radius:40px;
    
    font-size:13px;
    
    font-weight:700;
    
    }
    
    .old-price{
    
    margin-top:12px;
    
    font-size:18px;
    
    color:#777;
    
    }
    
    .product-status{
    
    display:grid;
    
    grid-template-columns:repeat(3,1fr);
    
    gap:15px;
    
    margin:30px 0;
    
    }
    
    .status-item{
    
    background:#fff;
    
    border-radius:15px;
    
    padding:18px;
    
    text-align:center;
    
    box-shadow:0 10px 25px rgba(0,0,0,.08);
    
    transition:.35s;
    
    }
    
    .status-item:hover{
    
    transform:translateY(-8px);
    
    }
    
    .status-item i{
    
    font-size:26px;
    
    color:#ff5a00;
    
    margin-bottom:10px;
    
    display:block;
    
    }
    
    .status-item span{
    
    font-size:14px;
    
    font-weight:700;
    
    }
    /*==================================================
PREMIUM IMAGE SECTION
==================================================*/

.product-left{

    position:sticky;
    
    top:120px;
    
    }
    
    .main-image{
    
    background:linear-gradient(135deg,#ffffff,#f8f8f8);
    
    padding:35px;
    
    border-radius:24px;
    
    box-shadow:0 20px 50px rgba(0,0,0,.08);
    
    overflow:hidden;
    
    transition:.45s;
    
    cursor:zoom-in;
    
    border:1px solid #ececec;
    
    }
    
    .main-image:hover{
    
    transform:translateY(-8px);
    
    box-shadow:0 30px 70px rgba(0,0,0,.15);
    
    }
    
    .main-image img{
    
    width:100%;
    
    display:block;
    
    transition:.5s;
    
    }
    
    .main-image:hover img{
    
    transform:scale(1.15);
    
    }
    
    /*=============================
    THUMBNAILS
    =============================*/
    
    .thumb-gallery{
    
    display:flex;
    
    justify-content:center;
    
    gap:15px;
    
    margin-top:25px;
    
    flex-wrap:wrap;
    
    }
    
    .thumb{
    
    width:85px;
    
    height:85px;
    
    background:#fff;
    
    padding:8px;
    
    border-radius:15px;
    
    border:2px solid #ececec;
    
    cursor:pointer;
    
    transition:.35s;
    
    object-fit:contain;
    
    }
    
    .thumb:hover{
    
    transform:translateY(-8px);
    
    border-color:#ff5a00;
    
    }
    
    .thumb.active{
    
    border-color:#ff5a00;
    
    box-shadow:0 12px 30px rgba(255,90,0,.30);
    
    }
    /*==================================================
SPECIAL OFFER
==================================================*/

.offer-box{

display:flex;

align-items:center;

gap:20px;

background:linear-gradient(135deg,#ff5a00,#ff8a00);

padding:22px;

border-radius:18px;

color:#fff;

margin:25px 0;

box-shadow:0 15px 35px rgba(255,90,0,.25);

}

.offer-left{

font-size:48px;

}

.offer-right h3{

font-size:22px;

margin-bottom:8px;

}

.offer-right p{

margin:4px 0;

font-size:15px;

}

/*==================================================
LIVE STOCK
==================================================*/

.live-stock{

margin-top:18px;

padding:15px 20px;

background:#ecfff2;

border-left:5px solid #22c55e;

border-radius:12px;

font-weight:700;

color:#166534;

display:flex;

align-items:center;

gap:12px;

}

.pulse{

width:12px;

height:12px;

background:#22c55e;

border-radius:50%;

animation:pulse 1s infinite;

}

@keyframes pulse{

0%{

transform:scale(1);

opacity:1;

}

50%{

transform:scale(1.8);

opacity:.4;

}

100%{

transform:scale(1);

opacity:1;

}

}
/*==================================================
ACTION BUTTONS
==================================================*/

.action-buttons{

    display:flex;
    gap:15px;
    margin-top:25px;
    
    }
    
    .action-buttons button{
    
    flex:1;
    height:55px;
    border:none;
    border-radius:12px;
    font-size:15px;
    font-weight:700;
    cursor:pointer;
    transition:.35s;
    
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    
    }
    
    .wishlist-btn{
    
    background:#fff;
    border:2px solid #ff5a00;
    color:#ff5a00;
    
    }
    
    .wishlist-btn:hover{
    
    background:#ff5a00;
    color:#fff;
    
    }
    
    .share-btn{
    
    background:#222;
    color:#fff;
    
    }
    
    .share-btn:hover{
    
    background:#000;
    
    }
    
    /*==================================================
    SECURE PAYMENT
    ==================================================*/
    
    .secure-payment{
    
    margin-top:20px;
    
    padding:18px;
    
    background:#f8fff8;
    
    border-left:5px solid #28a745;
    
    border-radius:12px;
    
    display:flex;
    
    align-items:center;
    
    gap:15px;
    
    font-weight:600;
    
    }
    
    .secure-payment i{
    
    font-size:28px;
    
    color:#28a745;
    
    }
    /*==================================
CUSTOMER TRUST
==================================*/

.customer-trust{

    padding:80px 0;
    
    background:#f8f9fb;
    
    margin-top:80px;
    
    }
    
    .customer-trust h2{
    
    text-align:center;
    
    font-size:38px;
    
    margin-bottom:45px;
    
    font-weight:800;
    
    }
    
    .trust-grid{
    
    display:grid;
    
    grid-template-columns:repeat(3,1fr);
    
    gap:30px;
    
    }
    
    .trust-card{
    
    background:#fff;
    
    padding:35px;
    
    border-radius:20px;
    
    text-align:center;
    
    box-shadow:0 12px 35px rgba(0,0,0,.08);
    
    transition:.35s;
    
    }
    
    .trust-card:hover{
    
    transform:translateY(-10px);
    
    }
    
    .trust-card i{
    
    font-size:48px;
    
    color:#ff5a00;
    
    margin-bottom:20px;
    
    }
    
    .trust-card h3{
    
    margin-bottom:12px;
    
    font-size:22px;
    
    }
    
    .trust-card p{
    
    color:#666;
    
    line-height:1.7;
    
    }
    /*==================================================
RELATED PRODUCTS
==================================================*/

.related-products{

    padding:80px 0;
    
    }
    
    .related-products h2{
    
    text-align:center;
    
    font-size:38px;
    
    margin-bottom:50px;
    
    font-weight:800;
    
    }
    
    .related-grid{
    
    display:grid;
    
    grid-template-columns:repeat(4,1fr);
    
    gap:30px;
    
    }
    
    .related-card{
    
    background:#fff;
    
    padding:25px;
    
    border-radius:18px;
    
    text-align:center;
    
    box-shadow:0 15px 35px rgba(0,0,0,.08);
    
    transition:.35s;
    
    }
    
    .related-card:hover{
    
    transform:translateY(-10px);
    
    }
    
    .related-card img{
    
    width:100%;
    
    height:180px;
    
    object-fit:contain;
    
    margin-bottom:20px;
    
    }
    
    .related-card h3{
    
    font-size:18px;
    
    margin-bottom:20px;
    
    }
    
    .related-card a{
    
    display:inline-block;
    
    padding:12px 28px;
    
    background:#ff5a00;
    
    color:#fff;
    
    border-radius:8px;
    
    text-decoration:none;
    
    font-weight:700;
    
    transition:.3s;
    
    }
    
    .related-card a:hover{
    
    background:#111;
    
    }
    /*==================================================
PART 1
PRODUCT LAYOUT
==================================================*/

.product-layout{

    display:grid;
    
    grid-template-columns:1.1fr 1fr;
    
    gap:60px;
    
    align-items:flex-start;
    
    margin:70px 0;
    
    }
    
    .product-left{
    
    background:#fff;
    
    padding:30px;
    
    border-radius:22px;
    
    box-shadow:0 15px 45px rgba(0,0,0,.08);
    
    }
    
    .main-image{
    
    display:flex;
    
    justify-content:center;
    
    align-items:center;
    
    background:#fafafa;
    
    border-radius:18px;
    
    padding:35px;
    
    margin-bottom:25px;
    
    }
    
    .main-image img{
    
    width:100%;
    
    max-width:360px;
    
    height:360px;
    
    object-fit:contain;
    
    transition:.35s;
    
    }
    
    .thumb-gallery{
    
    display:flex;
    
    justify-content:center;
    
    gap:15px;
    
    flex-wrap:wrap;
    
    }
    
    .thumb{
    
    width:75px;
    
    height:75px;
    
    padding:8px;
    
    border:2px solid #eee;
    
    border-radius:12px;
    
    cursor:pointer;
    
    background:#fff;
    
    object-fit:contain;
    
    transition:.30s;
    
    }
    
    .thumb:hover{
    
    border-color:#ff5a00;
    
    transform:translateY(-4px);
    
    }
    
    .thumb.active{
    
    border-color:#ff5a00;
    
    box-shadow:0 0 15px rgba(255,90,0,.25);
    
    }
    
    .product-right{
    
    background:#fff;
    
    padding:35px;
    
    border-radius:22px;
    
    box-shadow:0 15px 45px rgba(0,0,0,.08);
    
    }
    
    .product-brand{
    
    display:inline-block;
    
    padding:6px 16px;
    
    background:#111;
    
    color:#fff;
    
    border-radius:30px;
    
    font-size:12px;
    
    font-weight:700;
    
    letter-spacing:2px;
    
    margin-bottom:18px;
    
    }
    
    .product-right h2{
    
    font-size:38px;
    
    font-weight:800;
    
    line-height:1.3;
    
    margin-bottom:18px;
    
    color:#222;
    
    }
    
    .product-rating{
    
    display:flex;
    
    align-items:center;
    
    gap:6px;
    
    margin-bottom:25px;
    
    color:#ffb400;
    
    font-size:18px;
    
    }
    
    .product-rating span{
    
    color:#777;
    
    font-size:15px;
    
    margin-left:10px;
    
    }
    /*==================================================
PART 2
PRICE + STATUS + COLOUR + QUANTITY
==================================================*/

.price-box{

    margin:30px 0;
    
    }
    
    .current-price{
    
    display:flex;
    
    align-items:center;
    
    gap:15px;
    
    margin-bottom:12px;
    
    }
    
    .discount-badge{
    
    background:#ff5a00;
    
    color:#fff;
    
    padding:6px 14px;
    
    border-radius:30px;
    
    font-size:13px;
    
    font-weight:700;
    
    }
    
    .old-price del{
    
    font-size:20px;
    
    color:#999;
    
    }
    
    .status-item{
    
    background:#fafafa;
    
    border-radius:14px;
    
    padding:18px;
    
    text-align:center;
    
    transition:.30s;
    
    }
    
    .status-item:hover{
    
    transform:translateY(-5px);
    
    box-shadow:0 12px 25px rgba(0,0,0,.08);
    
    }
    
    .status-item i{
    
    font-size:22px;
    
    color:#ff5a00;
    
    margin-bottom:10px;
    
    display:block;
    
    }
    
    .status-item span{
    
    font-size:14px;
    
    font-weight:600;
    
    color:#444;
    
    }
    
    .colour-box{
    
    display:flex;
    
    gap:14px;
    
    margin:20px 0 30px;
    
    }
    
    .colour-box span{
    
    width:34px;
    
    height:34px;
    
    border-radius:50%;
    
    cursor:pointer;
    
    border:3px solid #fff;
    
    box-shadow:0 0 0 2px #ddd;
    
    transition:.30s;
    
    }
    
    .colour-box span:hover{
    
    transform:scale(1.15);
    
    box-shadow:0 0 0 2px #ff5a00;
    
    }
    
    .quantity{
    
    display:flex;
    
    align-items:center;
    
    gap:15px;
    
    margin-top:20px;
    
    margin-bottom:35px;
    
    }
    
    .quantity button{
    
    width:52px;
    
    height:52px;
    
    border:none;
    
    background:#ff5a00;
    
    color:#fff;
    
    font-size:24px;
    
    font-weight:700;
    
    border-radius:12px;
    
    cursor:pointer;
    
    transition:.30s;
    
    }
    
    .quantity input{
    
    width:90px;
    
    height:52px;
    
    text-align:center;
    
    font-size:20px;
    
    font-weight:700;
    
    border:2px solid #eee;
    
    border-radius:12px;
    
    outline:none;
    
    }
    /*==================================================
PART 3
PRODUCT BUTTONS
==================================================*/

.product-buttons{

    display:flex;
    
    flex-direction:column;
    
    gap:18px;
    
    margin-top:25px;
    
    }
    
    .product-buttons button{
    
    width:100%;
    
    height:58px;
    
    border:none;
    
    border-radius:14px;
    
    font-size:17px;
    
    font-weight:700;
    
    cursor:pointer;
    
    display:flex;
    
    align-items:center;
    
    justify-content:center;
    
    gap:12px;
    
    transition:.35s;
    
    }
    
    .buy-now{
    
    background:linear-gradient(135deg,#ff7b00,#ff4d00);
    
    color:#fff;
    
    box-shadow:0 15px 35px rgba(255,90,0,.35);
    
    }
    
    .buy-now:hover{
    
    transform:translateY(-4px);
    
    box-shadow:0 20px 40px rgba(255,90,0,.45);
    
    }
    
    .add-cart{
    
    background:#111;
    
    color:#fff;
    
    box-shadow:0 15px 35px rgba(0,0,0,.20);
    
    }
    
    .add-cart:hover{
    
    background:#000;
    
    transform:translateY(-4px);
    
    }
    
    .whatsapp-order{
    
    background:#25D366;
    
    color:#fff;
    
    box-shadow:0 15px 35px rgba(37,211,102,.35);
    
    }
    
    .whatsapp-order:hover{
    
    background:#1ebe5d;
    
    transform:translateY(-4px);
    
    }
    
    .product-buttons button i{
    
    font-size:18px;
    
    }
    
    .action-buttons{
    
    display:grid;
    
    grid-template-columns:1fr 1fr;
    
    gap:15px;
    
    margin-top:25px;
    
    }
    
    .action-buttons button{
    
    height:55px;
    
    border:none;
    
    border-radius:12px;
    
    font-size:15px;
    
    font-weight:700;
    
    cursor:pointer;
    
    transition:.30s;
    
    }
    
    .secure-payment{
    
    margin-top:25px;
    
    padding:18px;
    
    border-radius:14px;
    
    background:#f8fff8;
    
    border-left:5px solid #28a745;
    
    display:flex;
    
    align-items:center;
    
    gap:15px;
    
    font-weight:600;
    
    }
    /*==================================================
PART 4
RESPONSIVE + FINAL POLISH
==================================================*/

.product-right hr{

    border:none;
    
    height:1px;
    
    background:#ececec;
    
    margin:28px 0;
    
    }
    
    .product-details{
    
    padding:70px 0;
    
    background:#f7f8fa;
    
    }
    
    .product-left,
    .product-right{
    
    transition:.35s;
    
    }
    
    .product-left:hover,
    .product-right:hover{
    
    transform:translateY(-6px);
    
    }
    
    button{
    
    outline:none;
    
    }
    
    button:active{
    
    transform:scale(.98);
    
    }
    
    input[type="number"]::-webkit-inner-spin-button,
    input[type="number"]::-webkit-outer-spin-button{
    
    -webkit-appearance:none;
    
    margin:0;
    
    }
    
    input[type="number"]{
    
    -moz-appearance:textfield;
    
    }
    
    @media(max-width:991px){
    
    .product-layout{
    
    grid-template-columns:1fr;
    
    gap:35px;
    
    }
    
    .product-right h2{
    
    font-size:30px;
    
    }
    
    .product-status{
    
    grid-template-columns:1fr;
    
    }
    
    .action-buttons{
    
    grid-template-columns:1fr;
    
    }
    
    }
    
    @media(max-width:768px){
    
    .main-image img{
    
    max-width:260px;
    
    height:260px;
    
    }
    
    .thumb{
    
    width:60px;
    
    height:60px;
    
    }
    
    .product-buttons button{
    
    height:54px;
    
    font-size:16px;
    
    }
    
    .quantity{
    
    justify-content:center;
    
    }
    
    .quantity input{
    
    width:70px;
    
    }
    
    }
    
    @media(max-width:480px){
    
    .product-left,
    .product-right{
    
    padding:20px;
    
    border-radius:16px;
    
    }
    
    .product-right h2{
    
    font-size:24px;
    
    }
    
    .product-brand{
    
    font-size:11px;
    
    }
    
    .discount-badge{
    
    font-size:11px;
    
    padding:5px 10px;
    
    }
    
    }
    /*==================================================
METER INPUT
==================================================*/

#meterBox{

    margin-top:25px;
    
    }
    
    #meterBox h4{
    
    font-size:18px;
    
    font-weight:700;
    
    margin-bottom:12px;
    
    color:#222;
    
    }
    
    #meterInput{
    
    width:100%;
    
    height:58px;
    
    padding:0 18px;
    
    font-size:18px;
    
    font-weight:600;
    
    border:2px solid #e5e5e5;
    
    border-radius:14px;
    
    outline:none;
    
    transition:.30s;
    
    background:#fff;
    
    }
    
    #meterInput:focus{
    
    border-color:#ff5a00;
    
    box-shadow:0 0 0 4px rgba(255,90,0,.15);
    
    }
    /*=============================
COIL LENGTH
=============================*/

#coilLengthBox{

    margin:25px 0;
    
    }
    
    #coilLength{
    
    width:100%;
    
    height:55px;
    
    border:2px solid #e5e5e5;
    
    border-radius:12px;
    
    padding:0 15px;
    
    font-size:17px;
    
    font-weight:600;
    
    background:#fff;
    
    cursor:pointer;
    
    }
    
    #coilLength:focus{
    
    border-color:#ff5a00;
    
    outline:none;
    
    }
    /*=========================================
DOUBLE CORE CARD FIX
=========================================*/

.wire-grid{

    display:grid;
    
    grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
    
    gap:30px;
    
    }
    
    .bw-card{
    
    width:100%;
    
    max-width:340px;
    
    margin:auto;
    
    background:#fff;
    
    border-radius:18px;
    
    overflow:hidden;
    
    box-shadow:0 12px 35px rgba(0,0,0,.08);
    
    }
    
    .bw-image{
    
    height:240px;
    
    display:flex;
    
    justify-content:center;
    
    align-items:center;
    
    padding:20px;
    
    }
    
    .bw-image img{
    
    max-width:180px;
    
    max-height:180px;
    
    object-fit:contain;
    
    }
    
    .bw-content{
    
    padding:20px;
    
    }
    
    .bw-buttons{
    
    display:flex;
    
    gap:12px;
    
    margin-top:18px;
    
    }
    
    .bw-details{
    
    flex:1;
    
    }
    
    .bw-cart{
    
    width:55px;
    
    height:50px;
    
    flex:none;
    
    }
    /* =========================================================
   AR CABLES — PRODUCT DETAILS PROFESSIONAL OVERRIDE
   Load AFTER style.css, responsive.css and product-details.css
   ========================================================= */

html{
    overflow-x:hidden;
}

body{
    overflow-x:hidden;
    background:#f6f7f9;
    padding-top:76px;
}

.header{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    height:76px !important;
    min-height:76px !important;
    z-index:999999 !important;
    background:rgba(7,10,14,.98) !important;
    box-shadow:0 8px 30px rgba(0,0,0,.18) !important;
}

.header > .container{
    height:100% !important;
    display:flex !important;
    align-items:center !important;
}

.header .logo img{
    width:58px !important;
    height:58px !important;
    object-fit:contain !important;
}

.mobile-menu-btn{
    display:none !important;
}

/* HERO */
.page-banner{
    position:relative !important;
    isolation:isolate !important;
    overflow:hidden !important;
    min-height:300px !important;
    display:flex !important;
    align-items:center !important;
    background:
        radial-gradient(circle at 82% 40%,rgba(255,91,31,.16),transparent 28%),
        linear-gradient(120deg,#080a0d,#161a20 58%,#0b0e12) !important;
}

.page-banner::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    pointer-events:none !important;
    background:
        linear-gradient(90deg,rgba(0,0,0,.62),transparent 70%),
        repeating-linear-gradient(
            125deg,
            transparent 0,
            transparent 72px,
            rgba(255,255,255,.025) 73px,
            transparent 74px
        ) !important;
}

.page-banner .container{
    position:relative !important;
    z-index:2 !important;
}

.details-eyebrow{
    display:inline-flex !important;
    padding:7px 13px !important;
    border:1px solid rgba(255,98,44,.35) !important;
    border-radius:999px !important;
    background:rgba(255,90,31,.08) !important;
    color:#ff7748 !important;
    font-size:11px !important;
    font-weight:800 !important;
    letter-spacing:2px !important;
}

.page-banner h1{
    margin:13px 0 7px !important;
    text-shadow:0 8px 30px rgba(0,0,0,.35) !important;
}

/* PRODUCT AREA */
.product-details{
    padding:70px 0 80px !important;
}

.product-layout{
    display:grid !important;
    grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr) !important;
    gap:46px !important;
    align-items:start !important;
}

/* IMAGE PANEL */
.product-left{
    position:sticky !important;
    top:98px !important;
}

.main-image{
    position:relative !important;
    min-height:510px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
    padding:35px !important;
    border:1px solid #e5e8ed !important;
    border-radius:24px !important;
    background:
        radial-gradient(circle at 50% 48%,rgba(255,255,255,.98),rgba(244,246,248,.98)) !important;
    box-shadow:0 22px 55px rgba(15,23,42,.09) !important;
}

.main-image::after{
    content:"" !important;
    position:absolute !important;
    inset:auto 12% 8% !important;
    height:30px !important;
    border-radius:50% !important;
    background:rgba(0,0,0,.08) !important;
    filter:blur(18px) !important;
}

.main-image img{
    position:relative !important;
    z-index:2 !important;
    max-width:92% !important;
    max-height:430px !important;
    object-fit:contain !important;
    transition:transform .35s ease !important;
}

.main-image:hover img{
    transform:scale(1.035) !important;
}

.image-badge{
    position:absolute !important;
    top:18px !important;
    left:18px !important;
    z-index:4 !important;
    display:inline-flex !important;
    align-items:center !important;
    gap:7px !important;
    padding:8px 11px !important;
    border:1px solid #e5e8ed !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.90) !important;
    color:#343a41 !important;
    font-size:10px !important;
    font-weight:700 !important;
    box-shadow:0 8px 20px rgba(0,0,0,.06) !important;
}

.image-badge i{
    color:#f45b27 !important;
}

.thumb-gallery{
    display:flex !important;
    gap:10px !important;
    margin-top:14px !important;
}

.thumb-wrap{
    width:82px !important;
    height:74px !important;
    padding:7px !important;
    border:1px solid #e2e5e9 !important;
    border-radius:12px !important;
    background:#fff !important;
    cursor:pointer !important;
    transition:.22s ease !important;
}

.thumb-wrap:hover,
.thumb-wrap.active{
    border-color:#ff6631 !important;
    box-shadow:0 7px 18px rgba(255,90,31,.13) !important;
}

.thumb{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
}

.image-note{
    margin-top:9px !important;
    color:#8a919a !important;
    font-size:10px !important;
}

/* PRODUCT INFO */
.product-right{
    min-width:0 !important;
    padding:28px !important;
    border:1px solid #e5e8ed !important;
    border-radius:22px !important;
    background:#fff !important;
    box-shadow:0 18px 48px rgba(15,23,42,.075) !important;
}

.product-brand{
    display:inline-block !important;
    margin-bottom:10px !important;
    color:#f15b29 !important;
    font-size:11px !important;
    font-weight:800 !important;
    letter-spacing:1.7px !important;
}

.product-right h2{
    margin:0 !important;
    color:#15191e !important;
    font-size:27px !important;
    line-height:1.3 !important;
}

.product-rating{
    display:flex !important;
    align-items:center !important;
    gap:9px !important;
    margin:12px 0 18px !important;
    color:#7a8189 !important;
    font-size:12px !important;
}

.stars{
    color:#f5a623 !important;
    letter-spacing:1px !important;
}

.price-box{
    padding:15px 0 !important;
    border-top:1px solid #edf0f3 !important;
    border-bottom:1px solid #edf0f3 !important;
}

.current-price{
    display:flex !important;
    align-items:center !important;
    flex-wrap:wrap !important;
    gap:10px !important;
}

#productPrice{
    color:#f05a27 !important;
    font-size:29px !important;
    font-weight:800 !important;
}

.discount-badge{
    padding:5px 8px !important;
    border-radius:6px !important;
    background:#fff0eb !important;
    color:#e84f1c !important;
    font-size:9px !important;
    font-weight:800 !important;
}

.old-price{
    margin-top:3px !important;
    color:#989ea5 !important;
    font-size:12px !important;
}

.product-status{
    display:grid !important;
    grid-template-columns:repeat(3,1fr) !important;
    gap:8px !important;
    margin:17px 0 !important;
}

.status-item{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
    min-height:42px !important;
    padding:7px !important;
    border:1px solid #e8ebee !important;
    border-radius:10px !important;
    background:#fafbfc !important;
    color:#4e555d !important;
    font-size:9px !important;
    font-weight:700 !important;
    text-align:center !important;
}

.status-item i{
    color:#f15a27 !important;
}

.details-divider{
    height:1px !important;
    margin:18px 0 !important;
    background:#eceff2 !important;
}

.option-group h4,
.product-right > h4{
    margin:0 0 9px !important;
    color:#22272d !important;
    font-size:12px !important;
    font-weight:800 !important;
}

.colour-box{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
}

.colour{
    position:relative !important;
    width:31px !important;
    height:31px !important;
    padding:0 !important;
    border:2px solid #fff !important;
    border-radius:50% !important;
    box-shadow:0 0 0 1px #d8dce0,0 4px 10px rgba(0,0,0,.10) !important;
    cursor:pointer !important;
}

.colour.active{
    box-shadow:0 0 0 2px #ff6330,0 4px 12px rgba(255,99,48,.22) !important;
}

.colour.red{background:#d52b2b !important}
.colour.black{background:#17191c !important}
.colour.blue{background:#176bd0 !important}
.colour.green{background:#2d9a50 !important}
.colour.yellow{background:#f1c928 !important}
.colour.white{background:#fff !important}

#coilLength{
    width:100% !important;
    height:44px !important;
    padding:0 12px !important;
    border:1px solid #dfe3e7 !important;
    border-radius:10px !important;
    background:#fff !important;
    outline:none !important;
}

.quantity{
    display:grid !important;
    grid-template-columns:44px minmax(70px,1fr) 44px !important;
    max-width:190px !important;
    height:44px !important;
    border:1px solid #dfe3e7 !important;
    border-radius:10px !important;
    overflow:hidden !important;
}

.quantity button{
    border:0 !important;
    background:#f5f6f7 !important;
    color:#20252a !important;
    font-size:18px !important;
    font-weight:700 !important;
    cursor:pointer !important;
}

.quantity input{
    width:100% !important;
    min-width:0 !important;
    border:0 !important;
    border-left:1px solid #e5e8eb !important;
    border-right:1px solid #e5e8eb !important;
    text-align:center !important;
    outline:none !important;
}

#meterInput{
    width:100% !important;
    height:44px !important;
    box-sizing:border-box !important;
    padding:0 12px !important;
    border:1px solid #dfe3e7 !important;
    border-radius:10px !important;
}

/* BUTTONS */
.product-buttons{
    display:grid !important;
    grid-template-columns:repeat(3,1fr) !important;
    gap:9px !important;
    margin-top:22px !important;
}

.product-buttons button{
    min-height:48px !important;
    border:0 !important;
    border-radius:11px !important;
    color:#fff !important;
    font-size:10px !important;
    font-weight:800 !important;
    cursor:pointer !important;
    transition:transform .2s ease,box-shadow .2s ease,filter .2s ease !important;
}

.product-buttons button:hover{
    transform:translateY(-2px) !important;
    filter:brightness(1.04) !important;
}

.buy-now{
    background:linear-gradient(135deg,#15191e,#30363d) !important;
    box-shadow:0 9px 22px rgba(20,24,29,.14) !important;
}

.add-cart{
    background:linear-gradient(135deg,#ff6b35,#ed4d18) !important;
    box-shadow:0 9px 22px rgba(239,79,25,.22) !important;
}

.whatsapp-order{
    background:#20a95b !important;
    box-shadow:0 9px 22px rgba(32,169,91,.18) !important;
}

.trust-badges{
    display:grid !important;
    grid-template-columns:repeat(3,1fr) !important;
    gap:8px !important;
    margin-top:16px !important;
}

.badge{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:6px !important;
    min-height:39px !important;
    padding:6px !important;
    border:1px solid #e8ebee !important;
    border-radius:9px !important;
    background:#fafbfc !important;
    color:#626970 !important;
    font-size:8px !important;
    font-weight:700 !important;
    text-align:center !important;
}

.badge i{
    color:#f15a27 !important;
}

.secure-payment{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
    margin-top:13px !important;
    padding-top:13px !important;
    border-top:1px solid #eceff2 !important;
    color:#7c838b !important;
    font-size:9px !important;
}

.secure-payment i{
    color:#36a15a !important;
}

/* TRUST SECTION */
.customer-trust{
    padding:85px 0 !important;
    background:#fff !important;
}

.trust-heading{
    max-width:650px !important;
    margin:0 auto 35px !important;
    text-align:center !important;
}

.trust-heading > span{
    color:#f15a27 !important;
    font-size:10px !important;
    font-weight:800 !important;
    letter-spacing:2px !important;
}

.trust-heading h2{
    margin:7px 0 !important;
    color:#171b20 !important;
}

.trust-heading p{
    color:#747b83 !important;
}

.trust-grid{
    display:grid !important;
    grid-template-columns:repeat(3,1fr) !important;
    gap:18px !important;
}

.trust-card{
    padding:28px 20px !important;
    border:1px solid #e6e9ed !important;
    border-radius:18px !important;
    background:#fff !important;
    box-shadow:0 12px 32px rgba(15,23,42,.06) !important;
    text-align:center !important;
    transition:.25s ease !important;
}

.trust-card:hover{
    transform:translateY(-5px) !important;
    box-shadow:0 18px 38px rgba(15,23,42,.10) !important;
}

.trust-card > i{
    display:inline-flex !important;
    width:52px !important;
    height:52px !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:14px !important;
    background:#fff0eb !important;
    color:#f15a27 !important;
    font-size:21px !important;
}

.trust-card h3{
    margin:14px 0 7px !important;
    font-size:15px !important;
}

.trust-card p{
    margin:0 !important;
    color:#747b83 !important;
    font-size:11px !important;
    line-height:1.7 !important;
}

/* MOBILE */
@media(max-width:760px){

    body{
        padding-top:66px !important;
    }

    .header{
        height:66px !important;
        min-height:66px !important;
    }

    .header > .container{
        width:calc(100% - 12px) !important;
        height:66px !important;
        min-height:66px !important;
        display:grid !important;
        grid-template-columns:minmax(0,1fr) 40px 40px auto !important;
        align-items:center !important;
        gap:6px !important;
    }

    .header .logo img{
        width:51px !important;
        height:51px !important;
    }

    .mobile-menu-btn{
        display:flex !important;
        width:40px !important;
        height:40px !important;
        min-width:40px !important;
        min-height:40px !important;
        padding:0 !important;
        align-items:center !important;
        justify-content:center !important;
        flex-direction:column !important;
        gap:5px !important;
        border:1px solid rgba(255,255,255,.14) !important;
        border-radius:10px !important;
        background:rgba(255,255,255,.07) !important;
        cursor:pointer !important;
        z-index:1000000 !important;
    }

    .mobile-menu-btn span{
        width:19px !important;
        height:2px !important;
        background:#fff !important;
        border-radius:20px !important;
        transition:.2s ease !important;
    }

    .mobile-menu-btn.is-open span:nth-child(1){
        transform:translateY(7px) rotate(45deg) !important;
    }

    .mobile-menu-btn.is-open span:nth-child(2){
        opacity:0 !important;
    }

    .mobile-menu-btn.is-open span:nth-child(3){
        transform:translateY(-7px) rotate(-45deg) !important;
    }

    .header .header-cart{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        margin:0 !important;
    }

    .header-cart a{
        position:relative !important;
        width:38px !important;
        height:38px !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        color:#fff !important;
        text-decoration:none !important;
        border-radius:10px !important;
        background:rgba(255,255,255,.07) !important;
    }

    #cartCount{
        position:absolute !important;
        top:-3px !important;
        right:-3px !important;
        min-width:16px !important;
        height:16px !important;
        padding:0 3px !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        border-radius:999px !important;
        background:#ff5a1f !important;
        color:#fff !important;
        font-size:8px !important;
        font-weight:800 !important;
    }

    .header .quote-btn{
        min-width:78px !important;
        width:78px !important;
        height:39px !important;
        min-height:39px !important;
        padding:0 7px !important;
        font-size:9px !important;
        white-space:nowrap !important;
    }

    .header .navbar{
        position:absolute !important;
        top:calc(100% + 8px) !important;
        left:6px !important;
        right:6px !important;
        width:auto !important;
        margin:0 !important;
        padding:8px !important;
        display:block !important;
        visibility:hidden !important;
        opacity:0 !important;
        pointer-events:none !important;
        transform:translateY(-8px) !important;
        border:1px solid rgba(255,255,255,.10) !important;
        border-radius:14px !important;
        background:rgba(7,10,14,.99) !important;
        box-shadow:0 22px 55px rgba(0,0,0,.40) !important;
        transition:.22s ease !important;
        z-index:999999 !important;
    }

    .header .navbar.mobile-open{
        visibility:visible !important;
        opacity:1 !important;
        pointer-events:auto !important;
        transform:translateY(0) !important;
    }

    .header .navbar ul{
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:2px !important;
        margin:0 !important;
        padding:0 !important;
    }

    .header .navbar a{
        width:100% !important;
        min-height:42px !important;
        display:flex !important;
        align-items:center !important;
        justify-content:flex-start !important;
        padding:10px 12px !important;
        box-sizing:border-box !important;
        border-radius:8px !important;
    }

    .page-banner{
        min-height:250px !important;
        padding:40px 0 !important;
    }

    .product-details{
        padding:35px 0 55px !important;
    }

    .product-layout{
        grid-template-columns:1fr !important;
        gap:20px !important;
    }

    .product-left{
        position:relative !important;
        top:auto !important;
    }

    .main-image{
        min-height:330px !important;
        padding:25px !important;
        border-radius:18px !important;
    }

    .main-image img{
        max-height:275px !important;
    }

    .image-badge{
        top:12px !important;
        left:12px !important;
        font-size:8px !important;
    }

    .thumb-wrap{
        width:70px !important;
        height:62px !important;
    }

    .product-right{
        padding:19px !important;
        border-radius:18px !important;
    }

    .product-right h2{
        font-size:21px !important;
    }

    #productPrice{
        font-size:24px !important;
    }

    .product-status{
        grid-template-columns:1fr !important;
    }

    .status-item{
        justify-content:flex-start !important;
        padding-left:12px !important;
    }

    .product-buttons{
        grid-template-columns:1fr !important;
        gap:8px !important;
    }

    .product-buttons button{
        min-height:47px !important;
    }

    .trust-badges{
        grid-template-columns:1fr !important;
    }

    .badge{
        justify-content:flex-start !important;
        padding-left:12px !important;
    }

    .customer-trust{
        padding:60px 0 !important;
    }

    .trust-grid{
        grid-template-columns:1fr !important;
        gap:12px !important;
    }

}

@media(max-width:430px){

    body{
        padding-top:62px !important;
    }

    .header{
        height:62px !important;
        min-height:62px !important;
    }

    .header > .container{
        height:62px !important;
        min-height:62px !important;
        width:calc(100% - 8px) !important;
        grid-template-columns:minmax(0,1fr) 38px 38px 74px !important;
        gap:4px !important;
    }

    .header .logo img{
        width:47px !important;
        height:47px !important;
    }

    .mobile-menu-btn{
        width:38px !important;
        height:38px !important;
        min-width:38px !important;
        min-height:38px !important;
    }

    .header-cart a{
        width:36px !important;
        height:36px !important;
    }

    .header .quote-btn{
        width:74px !important;
        min-width:74px !important;
        height:37px !important;
        min-height:37px !important;
        font-size:8px !important;
    }

    .main-image{
        min-height:285px !important;
    }

    .main-image img{
        max-height:235px !important;
    }

    .product-right{
        padding:16px !important;
    }

    .colour{
        width:28px !important;
        height:28px !important;
    }

}

/* =========================================================
   AR CABLES MOBILE HEADER FIX
   ========================================================= */
@media (max-width:760px){
    .header .container{position:relative !important;}

    .mobile-menu-btn{
        display:flex !important;
        width:40px !important;height:40px !important;
        min-width:40px !important;min-height:40px !important;
        padding:0 !important;align-items:center !important;
        justify-content:center !important;flex-direction:column !important;
        gap:5px !important;border:1px solid rgba(255,255,255,.14) !important;
        border-radius:10px !important;background:rgba(255,255,255,.07) !important;
        cursor:pointer !important;z-index:1000000 !important;
    }
    .mobile-menu-btn span{
        display:block !important;width:19px !important;height:2px !important;
        background:#fff !important;border-radius:20px !important;
        transition:.2s ease !important;
    }
    .mobile-menu-btn.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg) !important;}
    .mobile-menu-btn.is-open span:nth-child(2){opacity:0 !important;}
    .mobile-menu-btn.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg) !important;}

    .header .navbar{
        position:absolute !important;top:calc(100% + 8px) !important;
        left:6px !important;right:6px !important;width:auto !important;
        margin:0 !important;padding:8px !important;display:block !important;
        visibility:hidden !important;opacity:0 !important;
        pointer-events:none !important;transform:translateY(-8px) !important;
        z-index:999999 !important;
    }
    .header .navbar.mobile-open{
        visibility:visible !important;opacity:1 !important;
        pointer-events:auto !important;transform:translateY(0) !important;
    }
    .header .navbar ul{
        display:grid !important;grid-template-columns:1fr !important;
        gap:2px !important;margin:0 !important;padding:0 !important;
    }
    .header .navbar a{
        width:100% !important;min-height:42px !important;
        display:flex !important;align-items:center !important;
        justify-content:flex-start !important;padding:10px 12px !important;
        box-sizing:border-box !important;
    }
}