:root{--vip-primary:#1a56db;--vip-primary-dark:#1e429f;--vip-primary-light:#e1effe;--vip-accent:#f59e0b;--vip-accent-dark:#d97706;--vip-success:#10b981;--vip-success-dark:#059669;--vip-danger:#ef4444;--vip-text:#1f2937;--vip-text-light:#6b7280;--vip-bg:#f9fafb;--vip-white:#fff;--vip-border:#e5e7eb;--vip-shadow:rgba(0,0,0,0.1);--vip-shadow-lg:rgba(0,0,0,0.15)}:root{--primary-button-background-color:var(--vip-primary);--primary-button-background-color-hover:var(--vip-primary-dark);--success-button-background-color:var(--vip-success);--success-button-background-color-hover:var(--vip-success-dark);--site-background-color:var(--vip-bg);--link-text-color:var(--vip-primary)}body{font-family:"Inter","Asap",-apple-system,BlinkMacSystemFont,sans-serif;color:var(--vip-text);line-height:1.6}h1,h2,h3,h4,h5,h6{font-weight:700;color:var(--vip-text);line-height:1.3}h2{font-size:1.5rem;margin-bottom:1.25rem;position:relative;padding-bottom:.75rem}h2::after{content:"";position:absolute;bottom:0;left:0;width:50px;height:3px;background:linear-gradient(90deg,var(--vip-primary) 0,var(--vip-accent) 100%);border-radius:2px}#site-menu{position:sticky;top:0;z-index:1000;background:var(--vip-white);box-shadow:0 1px 3px var(--vip-shadow);transition:box-shadow .3s ease}#site-menu.scrolled{box-shadow:0 4px 12px var(--vip-shadow-lg)}#site-menu .navbar{padding:.75rem 0}#site-menu .logotype img{max-height:50px}.navbar-header .navbar-search{flex:1;max-width:450px;margin:0 1.5rem;position:relative}.navbar-header .navbar-search input[type="search"]{background:var(--vip-bg) !important;border:2px solid var(--vip-border) !important;border-radius:50px !important;padding:.75rem 1.25rem !important;font-size:.95rem;transition:all .3s ease !important;width:100%}.navbar-header .navbar-search input[type="search"]:focus{background:var(--vip-white) !important;border-color:var(--vip-primary) !important;box-shadow:0 0 0 4px var(--vip-primary-light) !important}#site-menu .quick-access a{display:flex;flex-direction:column;align-items:center;padding:.5rem .75rem;color:var(--vip-text);text-decoration:none;border-radius:8px;transition:all .2s ease}#site-menu .quick-access a:hover{background:var(--vip-primary-light);color:var(--vip-primary)}.dropdown-menu{border:0;border-radius:12px;box-shadow:0 10px 40px var(--vip-shadow-lg);padding:.5rem}.trust-badges{padding:.75rem 0}.trust-badges .container{display:flex;justify-content:center;gap:2.5rem;flex-wrap:wrap;background:linear-gradient(135deg,var(--vip-primary) 0,var(--vip-primary-dark) 100%);color:var(--vip-white);padding:.875rem 1.5rem;border-radius:12px}.trust-badges .badge-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500}.trust-badges .badge-item i,.trust-badges .badge-item .fa{font-size:1.1rem;opacity:.9}@media(max-width:767px){.trust-badges .container{gap:.75rem;padding:.75rem 1rem;border-radius:8px}.trust-badges .badge-item{font-size:.75rem}.trust-badges .badge-item span{display:none}}article.product{background:var(--vip-white);border:1px solid var(--vip-border);border-radius:12px;overflow:hidden;transition:all .3s ease}article.product:hover{border-color:var(--vip-primary);box-shadow:0 8px 24px var(--vip-shadow);transform:translateY(-3px)}article.product .image-wrapper{position:relative;background:var(--vip-white);padding:.75rem}article.product .image-wrapper img{transition:transform .3s ease}article.product:hover .image-wrapper img{transform:scale(1.03)}article.product .sticker,.listing .product .image-wrapper .sticker{position:absolute !important;top:8px !important;left:8px !important;padding:.3rem .6rem !important;font-size:.7rem !important;font-weight:700 !important;text-transform:uppercase !important;border-radius:4px !important;transform:none !important;width:auto !important}article.product .sticker.sale,.listing .product .image-wrapper .sticker.sale{background:var(--vip-danger) !important;color:var(--vip-white) !important}article.product .sticker.new,.listing .product .image-wrapper .sticker.new{background:var(--vip-accent) !important;color:var(--vip-white) !important}article.product .preview{position:absolute;bottom:8px;right:8px;width:32px;height:32px;background:var(--vip-primary);color:var(--vip-white);border:0;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease;font-size:.8rem}article.product:hover .preview{opacity:1}article.product .preview:hover{background:var(--vip-primary-dark);transform:scale(1.1)}article.product .info{padding:.75rem;border-top:1px solid var(--vip-border)}article.product .manufacturer-name{font-size:.7rem;color:var(--vip-text-light);text-transform:uppercase;letter-spacing:.03em;margin-bottom:.25rem}article.product .name{font-size:.85rem;font-weight:600;color:var(--vip-text);line-height:1.3;margin-bottom:.375rem}article.product:hover .name{color:var(--vip-primary)}article.product .description{display:none}article.product .price{font-size:1.1rem;font-weight:700;color:var(--vip-text)}article.product .campaign-price{font-size:1.1rem;font-weight:700;color:var(--vip-danger)}article.product .regular-price{font-size:.8rem;color:var(--vip-text-light);text-decoration:line-through;margin-right:.375rem}.live-search-results{position:absolute;top:100%;left:0;right:0;background:var(--vip-white);border:1px solid var(--vip-border);border-radius:12px;box-shadow:0 10px 40px var(--vip-shadow-lg);z-index:1001;max-height:400px;overflow-y:auto;display:none;margin-top:.5rem}.live-search-results.active{display:block}.live-search-results .search-item{display:flex;align-items:center;padding:.75rem 1rem;text-decoration:none;color:inherit;border-bottom:1px solid var(--vip-border);transition:background .2s ease}.live-search-results .search-item:last-child{border-bottom:0}.live-search-results .search-item:hover{background:var(--vip-primary-light)}.live-search-results .search-item img{width:50px;height:50px;object-fit:contain;margin-right:1rem;border-radius:6px;background:var(--vip-bg)}.live-search-results .search-item .item-info{flex:1}.live-search-results .search-item .item-name{font-size:.9rem;font-weight:500;color:var(--vip-text);margin-bottom:.25rem}.live-search-results .search-item .item-price{font-size:.95rem;font-weight:700;color:var(--vip-success)}.live-search-results .search-all{display:block;padding:1rem;text-align:center;background:var(--vip-bg);color:var(--vip-primary);font-weight:600;text-decoration:none;border-radius:0 0 12px 12px}.live-search-results .search-all:hover{background:var(--vip-primary-light)}.live-search-results .no-results{padding:1.5rem;text-align:center;color:var(--vip-text-light)}.btn{font-weight:600;border-radius:8px;padding:.625rem 1.25rem;transition:all .25s ease;border:0}.btn-primary{background:var(--vip-primary);color:var(--vip-white);box-shadow:0 4px 12px rgba(26,86,219,0.3)}.btn-primary:hover{background:var(--vip-primary-dark);transform:translateY(-2px)}.btn-success{background:var(--vip-success);color:var(--vip-white);box-shadow:0 4px 12px rgba(16,185,129,0.3)}.btn-success:hover{background:var(--vip-success-dark);transform:translateY(-2px)}.btn-default{background:var(--vip-white);color:var(--vip-text);border:2px solid var(--vip-border)}.btn-default:hover{border-color:var(--vip-primary);color:var(--vip-primary)}#box-product .title{font-size:1.75rem;font-weight:700;margin-bottom:.75rem}#box-product .price-wrapper{background:var(--vip-bg);border:2px solid var(--vip-border);border-radius:12px;padding:1.25rem;margin:1.25rem 0}#box-product .price-wrapper .price,#box-product .price-wrapper .campaign-price{font-size:2rem;font-weight:700}#box-product .price-wrapper .price{color:var(--vip-success)}#box-product .price-wrapper .campaign-price{color:var(--vip-danger)}#box-product .price-wrapper .regular-price{font-size:1.1rem;color:var(--vip-text-light);text-decoration:line-through}#box-product .cheapest-shipping{background:rgba(16,185,129,0.1);border:1px solid rgba(16,185,129,0.2);color:var(--vip-success-dark);padding:.875rem 1rem;border-radius:10px;font-weight:600}#box-product .btn-success{width:100%;padding:.875rem 1.5rem;font-size:1.05rem;margin-top:.75rem}#box-campaign-products,#box-popular-products,#box-latest-products{margin-bottom:2rem}#box-campaign-products{background:linear-gradient(135deg,#fef3c7 0,#fde68a 100%);border-radius:16px;padding:1.5rem;margin-left:-.5rem;margin-right:-.5rem}#box-campaign-products h2::after{background:var(--vip-danger)}#box-newsletter-subscribe{background:linear-gradient(135deg,var(--vip-primary) 0,var(--vip-primary-dark) 100%);color:var(--vip-white);padding:2rem 1.5rem;border-radius:16px;text-align:center;margin:2rem 0}#box-newsletter-subscribe h2{color:var(--vip-white);margin-bottom:.5rem}#box-newsletter-subscribe h2::after{display:none}#box-newsletter-subscribe form{display:flex;gap:.75rem;max-width:450px;margin:1rem auto 0;flex-wrap:wrap;justify-content:center}#box-newsletter-subscribe input[type="email"]{flex:1;min-width:200px;padding:.875rem 1.25rem;border:0;border-radius:50px;font-size:.95rem}#box-newsletter-subscribe .btn{background:var(--vip-accent);color:var(--vip-white);padding:.875rem 1.5rem;border-radius:50px;font-weight:700}#box-newsletter-subscribe .btn:hover{background:var(--vip-accent-dark)}#site-footer{background:var(--vip-text);color:rgba(255,255,255,0.8);padding:2.5rem 0 0}#site-footer h3{color:var(--vip-white);font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}#site-footer a{color:rgba(255,255,255,0.7);transition:color .2s ease}#site-footer a:hover{color:var(--vip-white)}#site-footer ul{list-style:none;padding:0;margin:0}#site-footer ul li{margin-bottom:.5rem}#copyright{background:rgba(0,0,0,0.3);color:rgba(255,255,255,0.6);padding:1rem 0;margin-top:1.5rem;text-align:center;font-size:.8rem}#box-checkout-cart,#box-checkout-customer,#box-checkout-shipping,#box-checkout-payment,#box-checkout-summary{background:var(--vip-white);border:1px solid var(--vip-border);border-radius:12px;overflow:hidden;margin-bottom:1.25rem}#box-checkout-customer input,#box-checkout-customer select{border:2px solid var(--vip-border);border-radius:8px;padding:.75rem;transition:all .2s ease}#box-checkout-customer input:focus,#box-checkout-customer select:focus{border-color:var(--vip-primary);box-shadow:0 0 0 3px var(--vip-primary-light);outline:0}#box-checkout-shipping .option,#box-checkout-payment .option{border:2px solid var(--vip-border);border-radius:10px;margin-bottom:.5rem;padding:.875rem;transition:all .2s ease}#box-checkout-shipping .option:hover,#box-checkout-payment .option:hover,#box-checkout-shipping .option.active,#box-checkout-payment .option.active{border-color:var(--vip-primary);background:var(--vip-primary-light)}#box-checkout-summary .btn-success{width:100%;padding:1rem 1.5rem;font-size:1.1rem;font-weight:700;margin-top:.75rem}#breadcrumbs{background:transparent;padding:.75rem 0;font-size:.85rem}#breadcrumbs a{color:var(--vip-text-light)}#breadcrumbs a:hover{color:var(--vip-primary)}@media(max-width:991px){.navbar-header .navbar-search{margin:.5rem .75rem;max-width:100%}}@media(max-width:767px){h2{font-size:1.25rem}#box-product .title{font-size:1.375rem}#box-product .price-wrapper .price,#box-product .price-wrapper .campaign-price{font-size:1.5rem}#box-campaign-products{margin-left:-.25rem;margin-right:-.25rem;padding:1rem;border-radius:12px}#box-newsletter-subscribe{padding:1.5rem 1rem}#site-footer{text-align:center}article.product .info{padding:.5rem}article.product .name{font-size:.8rem}article.product .price,article.product .campaign-price{font-size:.95rem}article.product .manufacturer-name{display:none}}.featherlight{z-index:1100 !important}.featherlight-content{z-index:1101 !important}#box-slides{border-radius:16px;overflow:hidden;margin-bottom:1.5rem;position:relative}#box-slides .carousel-inner{height:500px}#box-slides .item{position:relative;height:500px}#box-slides .item img{width:100%;height:100%;object-fit:cover}#box-slides .carousel-caption{position:absolute;left:0;right:0;bottom:0;top:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:2rem 3rem;background:linear-gradient(90deg,rgba(0,0,0,0.7) 0,rgba(0,0,0,0.3) 50%,transparent 100%);text-align:left;color:var(--vip-white)}#box-slides .carousel-caption h2{color:var(--vip-white);font-size:2.5rem;font-weight:800;margin-bottom:.75rem;text-shadow:2px 2px 4px rgba(0,0,0,0.3);max-width:500px}#box-slides .carousel-caption h2::after{display:none}#box-slides .carousel-caption p{font-size:1.25rem;margin-bottom:1.5rem;opacity:.95;max-width:450px}#box-slides .carousel-caption .btn{background:var(--vip-accent);color:var(--vip-white);padding:1rem 2rem;font-size:1.1rem;font-weight:700;border-radius:50px;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 15px rgba(245,158,11,0.4)}#box-slides .carousel-caption .btn:hover{background:var(--vip-accent-dark);transform:translateY(-2px);box-shadow:0 6px 20px rgba(245,158,11,0.5)}#box-slides .carousel-control{opacity:.7;transition:opacity .3s ease}#box-slides .carousel-control:hover{opacity:1}#box-slides .carousel-indicators li{background-color:rgba(255,255,255,0.5);border:0}#box-slides .carousel-indicators li.active{background-color:var(--vip-white)}@media(max-width:991px){#box-slides .carousel-inner,#box-slides .item{height:400px}#box-slides .carousel-caption{padding:1.5rem 2rem}#box-slides .carousel-caption h2{font-size:1.75rem}#box-slides .carousel-caption p{font-size:1rem}}@media(max-width:767px){#box-slides{border-radius:12px}#box-slides .carousel-inner,#box-slides .item{height:300px}#box-slides .carousel-caption{padding:1rem 1.25rem;background:linear-gradient(0,rgba(0,0,0,0.8) 0,rgba(0,0,0,0.4) 60%,transparent 100%);justify-content:flex-end;align-items:center;text-align:center}#box-slides .carousel-caption h2{font-size:1.25rem;margin-bottom:.5rem}#box-slides .carousel-caption p{font-size:.875rem;margin-bottom:1rem}#box-slides .carousel-caption .btn{padding:.75rem 1.5rem;font-size:.95rem}}#box-categories{margin-bottom:2rem}#box-categories .card-title{font-size:1.5rem;margin-bottom:1rem}#box-categories .listing.categories{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}#box-categories .category{background:var(--vip-white);border:1px solid var(--vip-border);border-radius:12px;overflow:hidden;transition:all .3s ease}#box-categories .category:hover{border-color:var(--vip-primary);box-shadow:0 8px 24px var(--vip-shadow);transform:translateY(-3px)}#box-categories .category .link{display:flex;flex-direction:column;text-decoration:none;color:inherit}#box-categories .category img{width:100%;height:150px;object-fit:contain;padding:1rem;background:var(--vip-bg)}#box-categories .category .caption{padding:1rem;text-align:center;border-top:1px solid var(--vip-border)}#box-categories .category .name{font-weight:700;font-size:1rem;color:var(--vip-text);margin-bottom:.25rem}#box-categories .category .short-description{font-size:.8rem;color:var(--vip-text-light)}@media(max-width:991px){#box-categories .listing.categories{grid-template-columns:repeat(2,1fr)}}@media(max-width:575px){#box-categories .listing.categories{grid-template-columns:1fr}#box-categories .category img{height:120px}}
/* =====================================================

/* =====================================================
   MOBILE OPTIMIZATION V2 - VIPTechnology
   Aggressive overrides for product grid
   ===================================================== */

/* Force 2 columns on mobile for product listings */
@media (max-width: 767px) {
    /* Remove excessive padding that squeezes the grid */
    .card-body {
        padding: 0.5rem !important;
    }
    
    #box-campaign-products .card-body,
    #box-popular-products .card-body,
    #box-latest-products .card-body {
        padding: 0.5rem !important;
    }
    
    /* Force 2-column grid */
    .listing.products.columns {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 0.5rem !important;
    }
    
    /* Product card optimizations */
    .listing .product {
        overflow: hidden;
    }
    
    .listing .product .image-wrapper {
        padding: 0.25rem;
    }
    
    .listing .product .image-wrapper img {
        width: 100%;
        height: auto;
        aspect-ratio: 1;
        object-fit: contain;
    }
    
    .listing .product .info {
        padding: 0.4rem !important;
    }
    
    .listing .product .name {
        font-size: 0.7rem !important;
        line-height: 1.2 !important;
        height: auto !important;
        min-height: 2.4em;
        display: -webkit-box !important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    
    .listing .product .manufacturer-name {
        display: none !important;
    }
    
    .listing .product .description {
        display: none !important;
    }
    
    .listing .product .price-wrapper {
        font-size: 0.9rem !important;
    }
    
    .listing .product .price-wrapper .regular-price {
        font-size: 0.65rem !important;
    }
    
    /* Sticker fixes */
    .listing .product .image-wrapper .sticker {
        position: absolute !important;
        top: 4px !important;
        left: 4px !important;
        width: auto !important;
        transform: none !important;
        padding: 0.15rem 0.4rem !important;
        font-size: 0.55rem !important;
        border-radius: 3px !important;
    }
    
    /* Hide preview button on mobile */
    .listing .product .preview {
        display: none !important;
    }
    
    /* Campaign section */
    #box-campaign-products {
        margin-left: -0.5rem !important;
        margin-right: -0.5rem !important;
        padding: 0.75rem !important;
        border-radius: 8px !important;
    }
    
    /* Container padding */
    .fourteen-forty,
    .container {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }
}

/* Extra small screens (< 375px) - still 2 columns but tighter */
@media (max-width: 374px) {
    .listing.products.columns {
        gap: 0.35rem !important;
    }
    
    .listing .product .name {
        font-size: 0.65rem !important;
    }
    
    .listing .product .price-wrapper {
        font-size: 0.8rem !important;
    }
}

/* Categories - horizontal layout on mobile */
@media (max-width: 767px) {
    #box-categories .listing.categories {
        display: flex !important;
        flex-direction: column !important;
        gap: 0.5rem !important;
    }
    
    #box-categories .category {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
    }
    
    #box-categories .category .link {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        width: 100%;
    }
    
    #box-categories .category img {
        width: 60px !important;
        height: 60px !important;
        object-fit: contain;
        flex-shrink: 0;
    }
    
    #box-categories .category .caption {
        flex: 1;
        text-align: left !important;
        padding: 0.5rem 0.75rem !important;
        border-top: none !important;
    }
    
    #box-categories .category .name {
        font-size: 0.85rem !important;
    }
    
    #box-categories .category .short-description {
        font-size: 0.7rem !important;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
}

/* Slider mobile */
@media (max-width: 575px) {
    #box-slides {
        margin-left: -0.5rem !important;
        margin-right: -0.5rem !important;
        border-radius: 0 !important;
        margin-bottom: 1rem !important;
    }
    
    #box-slides .carousel-inner,
    #box-slides .item {
        height: 200px !important;
    }
    
    #box-slides .carousel-caption {
        padding: 0.75rem 1rem !important;
    }
    
    #box-slides .carousel-caption h2 {
        font-size: 1rem !important;
        margin-bottom: 0.25rem !important;
    }
    
    #box-slides .carousel-caption p {
        font-size: 0.75rem !important;
        margin-bottom: 0.5rem !important;
    }
    
    #box-slides .carousel-caption .btn {
        padding: 0.5rem 1rem !important;
        font-size: 0.8rem !important;
    }
}

/* Header mobile */
@media (max-width: 767px) {
    #site-menu .navbar {
        padding: 0.5rem !important;
    }
    
    .navbar-header .logotype img {
        max-height: 32px !important;
    }
    
    .navbar-header .quick-access {
        gap: 0.25rem !important;
    }
    
    .navbar-header .quick-access > a {
        padding: 0.25rem 0.4rem !important;
    }
    
    .navbar-header .navbar-search {
        margin-top: 0.5rem !important;
    }
    
    .navbar-header .navbar-search input {
        padding: 0.5rem 0.75rem !important;
        font-size: 16px !important; /* Prevent iOS zoom */
    }
    
    /* Trust badges */
    .trust-badges .container {
        padding: 0.5rem 0.75rem !important;
        gap: 0.5rem !important;
        border-radius: 6px !important;
    }
    
    .trust-badges .badge-item {
        font-size: 0.75rem !important;
    }
}

/* Newsletter mobile */
@media (max-width: 767px) {
    #box-newsletter-subscribe {
        margin: 1rem -0.5rem !important;
        padding: 1rem !important;
        border-radius: 0 !important;
    }
    
    #box-newsletter-subscribe h2 {
        font-size: 1rem !important;
    }
    
    #box-newsletter-subscribe form {
        flex-direction: column !important;
    }
    
    #box-newsletter-subscribe input[type="email"],
    #box-newsletter-subscribe .btn {
        width: 100% !important;
        font-size: 16px !important;
    }
}

/* Footer mobile */
@media (max-width: 767px) {
    #site-footer {
        padding: 1rem 0 !important;
    }
    
    #site-footer .columns {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 1rem !important;
    }
    
    #site-footer .title {
        font-size: 0.85rem !important;
    }
    
    #site-footer a {
        font-size: 0.8rem !important;
    }
}

/* Headings mobile */
@media (max-width: 767px) {
    h2, .card-title {
        font-size: 1.1rem !important;
        margin-bottom: 0.75rem !important;
    }
    
    h2::after {
        width: 30px !important;
        height: 2px !important;
    }
}

/* Product page mobile */
@media (max-width: 767px) {
    #box-product .title {
        font-size: 1.1rem !important;
        line-height: 1.3 !important;
    }
    
    #box-product .price-wrapper {
        font-size: 1.5rem !important;
    }
    
    #box-product form[name="buy_now_form"] {
        padding: 0.75rem !important;
        margin: 0.75rem 0 !important;
    }
}

/* Breadcrumbs mobile */
@media (max-width: 767px) {
    #breadcrumbs {
        font-size: 0.7rem !important;
        padding: 0.5rem 0 !important;
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }
}


/* =====================================================
   FIXES - Logo, Search, Newsletter, Slider
   ===================================================== */

/* Logo - preserve aspect ratio with max-height */
#site-menu .logotype img {
    width: auto !important;
    height: auto !important;
    max-height: 50px;
    object-fit: contain;
}

@media (max-width: 767px) {
    #site-menu .logotype img,
    .navbar-header .logotype img {
        max-height: 32px !important;
        width: auto !important;
        height: auto !important;
    }
}

/* Search bar - consistent rounding */
.navbar-header .navbar-search {
    background: var(--vip-bg);
    border-radius: 50px;
}

.navbar-header .navbar-search input[type="search"] {
    background: transparent !important;
    border: 2px solid var(--vip-border) !important;
    border-radius: 50px !important;
}

/* Newsletter - consistent rounding */
#box-newsletter-subscribe form {
    background: rgba(255,255,255,0.1);
    padding: 0.5rem;
    border-radius: 50px;
}

#box-newsletter-subscribe input[type="email"] {
    border-radius: 50px !important;
}

#box-newsletter-subscribe .btn {
    border-radius: 50px !important;
}

@media (max-width: 767px) {
    #box-newsletter-subscribe form {
        border-radius: 12px;
        padding: 0.75rem;
    }
    
    #box-newsletter-subscribe input[type="email"],
    #box-newsletter-subscribe .btn {
        border-radius: 8px !important;
    }
}

/* Slider - fix button clickability */
#box-slides .carousel-caption {
    pointer-events: none;
}

#box-slides .carousel-caption .btn,
#box-slides .carousel-caption a {
    pointer-events: auto;
}

#box-slides .carousel-control {
    z-index: 15;
    pointer-events: auto;
}

#box-slides .carousel-indicators {
    z-index: 15;
    pointer-events: auto;
}

#box-slides .carousel-indicators li {
    pointer-events: auto;
}

/* =====================================================
   FIXES V2 - Search and Newsletter refinements
   ===================================================== */

/* Search bar - flat left side (magnifier icon is there) */
.navbar-header .navbar-search {
    display: flex;
    align-items: center;
    background: var(--vip-bg);
    border: 2px solid var(--vip-border);
    border-radius: 50px;
    padding-left: 1rem;
}

.navbar-header .navbar-search .fa-search,
.navbar-header .navbar-search i {
    color: var(--vip-text-light);
}

.navbar-header .navbar-search .input-group {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    width: 100%;
}

.navbar-header .navbar-search .input-group-icon {
    background: transparent !important;
    border: none !important;
}

.navbar-header .navbar-search input[type="search"] {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding-left: 0.5rem !important;
}

.navbar-header .navbar-search input[type="search"]:focus {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

.navbar-header .navbar-search:focus-within {
    border-color: var(--vip-primary);
    box-shadow: 0 0 0 3px var(--vip-primary-light);
}

/* Newsletter - cleaner design */
#box-newsletter-subscribe form {
    background: transparent;
    padding: 0;
    border-radius: 0;
    display: flex;
    gap: 0.75rem;
    max-width: 450px;
    margin: 1rem auto 0;
}

#box-newsletter-subscribe input[type="email"] {
    flex: 1;
    padding: 0.875rem 1.25rem;
    border: none;
    border-radius: 8px !important;
    font-size: 0.95rem;
    background: var(--vip-white);
}

#box-newsletter-subscribe .btn {
    padding: 0.875rem 1.5rem;
    border-radius: 8px !important;
    background: var(--vip-accent);
    color: var(--vip-white);
    font-weight: 700;
    white-space: nowrap;
}

@media (max-width: 767px) {
    #box-newsletter-subscribe form {
        flex-direction: column;
        gap: 0.5rem;
    }
    
    #box-newsletter-subscribe input[type="email"],
    #box-newsletter-subscribe .btn {
        width: 100%;
        border-radius: 8px !important;
    }
}

/* =====================================================
   SLIDER ARROWS - move to edges, don't overlap buttons
   ===================================================== */

#box-slides .carousel-control {
    width: 50px;
    background: rgba(0,0,0,0.3);
    opacity: 1;
}

#box-slides .carousel-control.left {
    left: 0;
    border-radius: 0 8px 8px 0;
}

#box-slides .carousel-control.right {
    right: 0;
    border-radius: 8px 0 0 8px;
}

#box-slides .carousel-control:hover {
    background: rgba(0,0,0,0.5);
}

/* Make sure caption buttons are clickable */
#box-slides .carousel-caption {
    pointer-events: none;
    z-index: 10;
}

#box-slides .carousel-caption .btn,
#box-slides .carousel-caption a {
    pointer-events: auto;
    position: relative;
    z-index: 11;
}

/* Arrows above caption but narrower */
#box-slides .carousel-control {
    z-index: 12;
    width: 40px;
}

@media (max-width: 767px) {
    #box-slides .carousel-control {
        width: 30px;
        padding: 0;
    }
    
    #box-slides .carousel-control .icon-prev,
    #box-slides .carousel-control .icon-next {
        font-size: 14px;
    }
    
    /* Center the caption content away from arrows */
    #box-slides .carousel-caption {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }
}

/* =====================================================
   PRODUCT NAME FIX - Limit to 2 lines with ellipsis
   ===================================================== */

/* Desktop - limit product names to 2 lines */
article.product .name,
.listing .product .name {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 2.2em;
    max-height: 2.6em;
    line-height: 1.3;
}

/* Ensure consistent card height */
article.product .info {
    display: flex;
    flex-direction: column;
    min-height: 90px;
}

article.product .info .price-wrapper {
    margin-top: auto;
}

/* Hide manufacturer if empty to save space */
article.product .manufacturer-name:empty {
    display: none;
}

/* =====================================================
   SLIDER CROSSFADE FIX - prevent white flash
   ===================================================== */

/* Crossfade transition instead of slide */
#box-slides .carousel-inner .item {
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

#box-slides .carousel-inner .item.active {
    opacity: 1;
    position: relative;
}

#box-slides .carousel-inner .item.active.left,
#box-slides .carousel-inner .item.active.right {
    opacity: 0;
}

#box-slides .carousel-inner .item.next.left,
#box-slides .carousel-inner .item.prev.right {
    opacity: 1;
}

/* Dark background during any transition */
#box-slides .carousel-inner {
    background: #1f2937;
}