:root{--utx-radius-8:8px;--utx-radius-10:10px;--utx-card-shadow:0 10px 24px rgba(16,24,40,.08),0 4px 10px rgba(16,24,40,.06);--utx-soft-shadow:0 2px 6px rgba(16,24,40,.06)}
.Product-Detail-card{row-gap:2rem}
.product-img-section-md .mySwiper-preview,.d-sm-block.d-lg-none .swiper{background:#fff;border-radius:var(--utx-radius-10);box-shadow:var(--utx-card-shadow)}
.product-swiper-slide img{width:100%;height:auto;object-fit:contain;border-radius:var(--utx-radius-10)}
.image-Thumbnail-container .swiper{padding:2px}
.image-Thumbnail-container .swiper-slide{border:1px solid #e7e7e7;border-radius:var(--utx-radius-8);padding:4px;opacity:.7;cursor:pointer;background:#fff;transition:all .2s ease}
.image-Thumbnail-container .swiper-slide:hover,.image-Thumbnail-container .swiper-slide-thumb-active{border-color:var(--primary-color);opacity:1;box-shadow:0 0 0 2px rgba(0,0,0,.02)}
.product-title{font-family:"Lexend Deca","Cairo",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-weight:700;line-height:1.2}
.price{font-size:28px;font-weight:700;color:#1f2937;display:flex;align-items:baseline;gap:8px}
.price.text-muted{color:#1f2937!important}
/* Ensure the numeric price is prominent even if a smaller utility class exists */
.price #price,#price{font-size:32px!important;font-weight:800;line-height:1;color:#111827}
/* Stronger specificity within product details layout */
.Product-Detail-card .price #price,.Product-Detail-card #price{font-size:34px!important;font-weight:800;color:#0f172a;letter-spacing:.2px}
/* Optional: make leading currency symbol a bit smaller when it is a single character (e.g., $, £, €) */
.Product-Detail-card #price:first-letter{font-size:.8em;opacity:.9}
.price sup{font-size:16px;line-height:1}
.price sup .striped-price{margin-left:2px}
#product-striped-price-div s,#striped-price{color:#9ca3af!important;font-weight:600;font-size:16px!important}
.quickview-variant-sec{--chip-bg:#fff;--chip-bd:#e6e8ec;--chip-active:var(--primary-color);gap:8px}
.quickview-variant-sec .swatch{border:0!important;margin:0;padding:0}
.quickview-variant-sec .swatch label{position:relative;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--chip-bd);background:var(--chip-bg);border-radius:999px;cursor:pointer;user-select:none;transition:all .2s ease;font-weight:600;font-size:13px;line-height:1}
.quickview-variant-sec .swatch label:hover{border-color:var(--chip-active);box-shadow:0 1px 3px rgba(16,24,40,.12)}
.quickview-variant-sec .swatch label input{position:absolute;inset:0;opacity:0;cursor:pointer}
.quickview-variant-sec .swatch:has(input:checked) label,.quickview-variant-sec .swatch.active label{background:var(--chip-active);color:#fff;border-color:var(--chip-active)}
.quickview-variant-sec .product-color{width:26px;height:26px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.08);display:inline-block}
.quickview-variant-sec .color-swatch:has(input:checked) .product-color,.quickview-variant-sec .color-swatch.active .product-color{box-shadow:0 0 0 2px var(--primary-color)}
.quickview-variant-sec .color-swatch-img{width:30px;height:30px;border-radius:var(--utx-radius-8);overflow:hidden;border:1px solid #e6e8ec;display:inline-flex;align-items:center;justify-content:center;background:#fff}
.quickview-variant-sec .color-swatch-img img.swatche-image{width:100%;height:100%;object-fit:cover}
.quickview-variant-sec .image-swatch:has(input:checked) .color-swatch-img,.quickview-variant-sec .image-swatch.active .color-swatch-img{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(0,113,227,.15)}
.num-block .button.circle{width:40px;height:40px;border-radius:var(--utx-radius-10);background:#f6f7f9;border:1px solid #e6e8ec;display:inline-flex;align-items:center;justify-content:center}
.num-block .button.circle i{pointer-events:none}
.input-field-cart-modal{height:40px;border-radius:var(--utx-radius-10)!important;border:1px solid #e6e8ec;background:#fff;font-weight:600;text-align:center}
#add_cart,.buy_now{height:44px;border-radius:var(--utx-radius-10);display:inline-flex;align-items:center;gap:.5rem;box-shadow:var(--utx-soft-shadow);font-weight:700;letter-spacing:.2px}
#add_cart{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}
#add_cart:hover{filter:brightness(.95);color:#fff}
.buy_now{background-color:#16a34a;border-color:#16a34a;color:#fff}
.buy_now:hover{filter:brightness(.95);color:#fff}
.product-add-section .btn{height:44px;border-radius:var(--utx-radius-10);box-shadow:var(--utx-soft-shadow)}
.product-add-section .btn.btn-primary{background-color:var(--primary-color);border-color:var(--primary-color)}
.product-add-section .btn.btn-success{background-color:#16a34a;border-color:#16a34a}
.add-btn{height:44px;border-radius:var(--utx-radius-10)!important;background-color:var(--primary-color);color:#fff;font-weight:700}
.btn.whatsapp{background:#25D366;color:#fff;border:none;height:44px;border-radius:var(--utx-radius-10);padding-inline:14px;box-shadow:var(--utx-soft-shadow)}
.btn.whatsapp:hover{filter:brightness(.95)}
.compare-share-btn{background:#fff;border:1px solid #efefef;border-radius:var(--utx-radius-10);box-shadow:var(--utx-soft-shadow)}
.compare-share-btn a.btn{gap:.5rem;padding:6px 10px;border-radius:var(--utx-radius-8)}
.delivery-service ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}
.delivery-service ul li{background:#fff;border:1px dashed #e6e8ec;border-radius:12px;padding:10px 12px;display:flex;align-items:center;gap:10px;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.delivery-service ul li img{width:26px;height:26px}
.specification .element-title{margin-bottom:12px}
.specification table{width:100%;border:1px solid #eee;border-radius:12px;overflow:hidden;background:#fff}
.specification table tr:nth-child(odd) td{background:#fafafa}
.specification table td{padding:12px 16px}
.specification table td:first-child{color:#475467;font-weight:600;width:35%}
#validate-zipcode-form .form-control,#validate-city-form .form-control{height:44px;border-radius:var(--utx-radius-10)}
#validate-zipcode-form .btn,#validate-city-form .btn{height:44px;border-radius:var(--utx-radius-10)}
@media (min-width:992px){.product-add-section,.compare-share-btn,.delivery-service,.specification{border-radius:var(--utx-radius-10)}}

/* Enhanced Header Styles - Prevent FOUC */
.modern-top-nav{background:rgba(255,255,255,.98)!important;backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.06);box-shadow:0 2px 10px rgba(16,24,40,.08)}

/* Prevent FOUC - Hide elements until styled */
.modern-search-container{opacity:1;transition:opacity .3s ease}
.modern-search-container .search_product{visibility:visible!important}

/* Search Bar Styles - Target the actual Select2 and fallback for regular input */
.modern-search-container .select2-container{width:100%!important}
.modern-search-container .select2-selection,
.modern-search-container .search_product,
.modern-search-container .modern-search-input{border:none!important;border-radius:50px!important;height:48px!important;padding:0 20px!important;background:linear-gradient(135deg,#f8fafc 0%,#ffffff 100%)!important;box-shadow:0 4px 15px rgba(16,24,40,.08),inset 0 1px 0 rgba(255,255,255,.7)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;border:1px solid rgba(16,24,40,.08)!important;outline:none!important}
.modern-search-container .select2-selection:hover,
.modern-search-container .search_product:hover,
.modern-search-container .modern-search-input:hover{box-shadow:0 6px 20px rgba(16,24,40,.12),inset 0 1px 0 rgba(255,255,255,.8)!important;transform:translateY(-1px)}

/* Before Select2 loads - style the original select/input */
.modern-search-container .search_product:not(.select2-hidden-accessible){appearance:none;background-image:url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4 5"><path fill="%23667eea" d="m2 0-2 2h4zm0 5 2-2h-4z"/></svg>');background-repeat:no-repeat;background-position:right 15px center;background-size:12px;padding-right:40px!important}

.modern-search-container .select2-selection--single .select2-selection__rendered{line-height:46px!important;padding-left:0!important;color:#374151!important;font-weight:500}
.modern-search-container .select2-selection--single .select2-selection__placeholder,
.modern-search-container .search_product::placeholder{color:#9ca3af!important;font-style:italic}
.modern-search-container .select2-selection--single .select2-selection__arrow{right:15px!important;top:50%!important;transform:translateY(-50%);width:20px!important;height:20px!important}

/* Focus states for both Select2 and regular input */
.modern-search-container .search_product:focus,
.modern-search-container .modern-search-input:focus{box-shadow:0 8px 25px rgba(102,126,234,.2),inset 0 1px 0 rgba(255,255,255,.9)!important;border-color:rgba(102,126,234,.3)!important;transform:translateY(-2px)}
.modern-search-container .select2-selection--single .select2-selection__arrow b{border-color:#667eea transparent transparent transparent!important;border-width:6px 6px 0 6px!important}
.modern-search-container .select2-container--open .select2-selection__arrow b{border-color:transparent transparent #667eea transparent!important;border-width:0 6px 6px 6px!important}
.select2-dropdown{border:none!important;border-radius:16px!important;box-shadow:0 20px 60px rgba(16,24,40,.15),0 8px 30px rgba(16,24,40,.1)!important;margin-top:8px!important;backdrop-filter:blur(20px);background:rgba(255,255,255,.98)!important;overflow:hidden}
.select2-results__options{padding:8px 0!important}
.select2-results__option{padding:12px 20px!important;transition:all .2s ease!important;border-bottom:1px solid rgba(16,24,40,.04);font-weight:500;color:#374151}
.select2-results__option:last-child{border-bottom:none}
.select2-results__option--highlighted{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)!important;color:#fff!important;transform:translateX(4px)}
.select2-results__option--selected{background:rgba(102,126,234,.1)!important;color:#667eea!important;font-weight:600}

/* Enhanced Top Navigation Links */
.modern-top-nav .navbar-nav .nav-link{color:#374151!important;font-weight:600;font-size:14px;padding:10px 16px!important;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;text-decoration:none!important;background:transparent}
.modern-top-nav .navbar-nav .nav-link:hover{color:#667eea!important;background:rgba(102,126,234,.08)!important;transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.15)}
.modern-top-nav .navbar-nav .nav-link:active,.modern-top-nav .navbar-nav .nav-link:focus{color:#667eea!important;background:rgba(102,126,234,.12)!important}
.modern-top-nav .navbar-nav .nav-link::before{content:'';position:absolute;bottom:0;left:50%;width:0;height:2px;background:linear-gradient(90deg,#667eea,#764ba2);transition:all .3s ease;transform:translateX(-50%)}
.modern-top-nav .navbar-nav .nav-link:hover::before{width:80%}

/* Logo hover effect */
.modern-logo{transition:all .3s cubic-bezier(.4,0,.2,1)}
.modern-logo:hover{transform:scale(1.05) rotate(1deg);filter:brightness(1.1)}

/* Search focus state */
.modern-search-container .select2-container--open .select2-selection{box-shadow:0 8px 25px rgba(102,126,234,.2),inset 0 1px 0 rgba(255,255,255,.9)!important;border-color:rgba(102,126,234,.3)!important;transform:translateY(-2px)}

/* Responsive adjustments */
@media (max-width:1200px){.modern-top-nav .navbar-nav .nav-link{padding:8px 12px!important;font-size:13px}}
@media (max-width:768px){.modern-search-container .select2-selection{height:44px!important;border-radius:25px!important}.modern-search-container .select2-selection--single .select2-selection__rendered{line-height:42px!important}}