/* ==========================================================================
   1. GLOBAL VARIABLES & BASE COMPONENTS
   ========================================================================== */
*{
  font-family: Helvetica, sans-serif;
  font-size: 14px;
}
/* ==========================================================================
   1. ROOT VARIABLES & GLOBAL RESET
   ========================================================================== */
:root {
    --deli-purple: #27AE96;
    --deli-purple-hover: #16A085;
    --deli-purple-light: #E9F7F5;
    
    --deli-orange: #E67F66;         
    --deli-orange-light: #FDF2F0;   
    
    --secondary-color: #0F172A;
    --text-main: #0F172A;
    --text-muted: #727B76;          
    
    --primary-color: var(--deli-purple);
    --primary-background: #F8FAFB;
    --deli-border: #E2E8F0;

    --deli-rating: #9acd32;
}body, h1, h2, h3, h4, h5, h6, .login-area .header-area .title { color: var(--text-main) !important; }
a { text-decoration: none !important; }

/* ==========================================================================
   2. DESKTOP FOUNDATIONS & UTILITIES
   ========================================================================== */
.deli-detail-page .detail-mobile-variant-heading, .deli-detail-page .detail-shop-mobile-stats, .detail-mobile-action-bar { display: none; }
.lg-w-50 { width: 50% !important; }
.lg-w-20 { width: 20%; }
.radius-10 { border-radius: 10px; }
.m-padding-0 { padding: 0 !important; }
.w-40 { width: 40% !important; }
.deli-wrapper { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 15px; }
.deli-page-container { width: min(calc(100% - 32px), 1200px) !important; max-width: 1200px !important; margin: 0 auto !important; padding: 0 !important; box-sizing: border-box !important; }
.deli-front-layout .footer .deli-page-container > .row { margin: 0 !important; }
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb { background: #888; border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: #555; }

/* ==========================================================================
   3. RESPONSIVE QUERY BLOCK (MAX-WIDTH: 767.98PX)
   ========================================================================== */
@media (max-width: 767.98px) {
    .deli-detail-page { padding-bottom: calc(74px + env(safe-area-inset-bottom, 0px)); }
    .deli-detail-page .detail-shop-card { position: relative; overflow: hidden; }
    .deli-detail-page .detail-shop-head { padding: 2px 118px 12px 0 !important; border-bottom: 1px solid var(--deli-border, #E2E8F0) !important; }
    .deli-detail-page .detail-shop-name { font: 800 13.5px/1.2 Helvetica, sans-serif !important; }
    .deli-detail-page .detail-shop-location, .deli-detail-page .detail-shop-stats, .deli-detail-page .detail-shop-summary, .deli-detail-page .detail-shop-actions .detail-shop-primary-btn, .deli-detail-page .detail-action-row { display: none !important; }
    .deli-detail-page .detail-shop-actions { position: absolute; top: 16px; right: 14px; width: 96px; padding: 0 !important; gap: 0 !important; }
    .deli-detail-page .detail-shop-outline-btn { width: 96px; height: 38px; border-color: var(--deli-border, #E2E8F0) !important; color: var(--text-main, #0F172A) !important; background: #fff !important; box-shadow: 0 3px 10px rgba(15, 23, 42, 0.04); }
    .deli-detail-page .detail-shop-mobile-stats { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; padding-top: 12px; }
    .deli-detail-page .detail-shop-mobile-stats > div { min-width: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; padding: 0 8px; text-align: center; border-right: 1px solid var(--deli-border, #E2E8F0); }
    .deli-detail-page .detail-shop-mobile-stats > div:last-child { border-right: 0; }
    .deli-detail-page .detail-shop-mobile-stats i { color: var(--deli-purple, var(--deli-purple)); font-size: 12px; }
    .deli-detail-page .detail-shop-mobile-stats > div:first-child i { color: #f5b21b; }
    .deli-detail-page .detail-shop-mobile-stats strong { color: var(--text-main, #0F172A); font: 900 12.5px/1 Helvetica, sans-serif; }
    .deli-detail-page .detail-shop-mobile-stats span { color: var(--text-muted, #727B76); font: 700 11px/1.2 Helvetica, sans-serif; }
    .deli-detail-page .detail-mobile-variant-heading { display: block !important; margin: 8px 0 2px; color: var(--text-main, #0F172A); font: 800 14px/1.2 Helvetica, sans-serif; }
    .deli-detail-page .detail-option-group { border-bottom: 0 !important; }
    .deli-detail-page .detail-option-title { color: #667085; font-weight: 700 !important; }
    .deli-detail-page .detail-size-option { border-radius: 9px !important; background: #fff !important; }
    .deli-detail-page .detail-color-option.active, .deli-detail-page .detail-size-option.active { position: relative; }
    .deli-detail-page .detail-color-option.active::after, .deli-detail-page .detail-size-option.active::after { content: "\f00c"; font-family: "Font Awesome 6 Free"; font-weight: 900; position: absolute; top: -7px; right: -7px; width: 16px; height: 16px; display: flex; align-items: center; justify-content: center; border-radius: 50%; color: #fff; background: var(--deli-purple, var(--deli-purple)); font-size: 9px; line-height: 1; }
    .deli-detail-page .detail-action-row { display: none !important; }
    .detail-mobile-action-bar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 4900; height: calc(66px + env(safe-area-inset-bottom, 0px)); padding: 7px 12px calc(7px + env(safe-area-inset-bottom, 0px)); display: grid; grid-template-columns: 64px minmax(0, 1fr) minmax(0, 1.15fr); gap: 8px; background: rgba(255, 255, 255, 0.96); border-top: 1px solid var(--deli-border, #E2E8F0); box-shadow: 0 -8px 22px rgba(15, 23, 42, 0.12); backdrop-filter: blur(10px); }
    .detail-mobile-action-bar button { min-width: 0; height: 52px; border-radius: 10px; border: 1px solid var(--deli-border, #E2E8F0); font: 800 12.5px/1.15 Helvetica, Arial, sans-serif; display: inline-flex; align-items: center; justify-content: center; gap: 7px; }
    .detail-mobile-action-chat { flex-direction: column; gap: 3px !important; color: var(--text-main, #0F172A); background: #fff; }
    .detail-mobile-action-chat i, .detail-mobile-action-cart i { font-size: 18px; }
    .detail-mobile-action-chat span { font-size: 10.5px; line-height: 1; }
    .detail-mobile-action-cart { color: var(--deli-purple, var(--deli-purple)); background: #fff; border-color: var(--deli-purple, var(--deli-purple)) !important; }
    .detail-mobile-action-buy { color: #fff; background: linear-gradient(180deg, var(--deli-purple) 0%, var(--deli-purple-hover) 100%); border-color: transparent !important; box-shadow: 0 8px 18px rgba(0, 138, 125, 0.22); }
}
.deli-front-layout .me-1 { margin-right: 0.25rem !important; }
.deli-front-layout .me-2 { margin-right: 0.5rem !important; }
.deli-front-layout .me-3 { margin-right: 1rem !important; }
.deli-front-layout .ms-1 { margin-left: 0.25rem !important; }
.deli-front-layout .ms-2 { margin-left: 0.5rem !important; }
.deli-front-layout .ms-3 { margin-left: 1rem !important; }
.deli-flex { display: flex; align-items: center; }

/* ==========================================================================
   2. HEADER, SEARCH BAR & TOPBAR NAVIGATIONS
   ========================================================================== */
.deli-topbar {
    background-color: var(--deli-purple); color: #ffffff; padding: 8px 0;
    font-size: 14px; line-height: 21px; min-height: 37px; position: relative; z-index: 5000;
}
.deli-topbar .deli-flex { justify-content: space-between; }
.deli-topbar-links { list-style: none; margin: 0; padding: 0; gap: 20px; }
.deli-topbar-links a, .deli-topbar-links span { color: #ffffff; text-decoration: none; cursor: pointer; transition: 0.2s; }
.deli-topbar-links a:hover { color: var(--deli-orange); }

.deli-main-header {
    background-color: #ffffff; border-bottom: 1px solid #eeeeee; padding: 15px 0;
    position: sticky; top: 0; z-index: 4900; box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}
.deli-main-header .deli-flex { justify-content: space-between; gap: 60px; }
.deli-logo-img { max-height: 55px; width: auto; object-fit: contain; }

#logo-area h2{ font-size: 36px; font-weight: 1000; color: var(--primary-color); }
.sub-menu-area{ background-color: var(--primary-color); }

.list-icon-social, .list-icon-header, .list-menu-primary, .header__menu--primary {
    list-style: none; margin: 0; padding: 0;
}
.list-icon-social li { display: inline-block; margin-right: 16px; color: white; }
.list-icon-header li { display: inline-block; margin-right: 1rem; color: white; }
.list-menu-primary li { display: inline-block; margin-right: 16px; background-color: yellow; }
.header__menu--primary li { display: inline-block; }

.menu__show--result ul { padding: 0; list-style: none; }
.menu__show--result ul li { padding: 10px; box-sizing: border-box; }
.menu__show--result ul li a { text-decoration: none; color: black; }

.menu-primary li:hover, .categorie_sub_menu li:hover { background-color: var(--primary-color); }
.menu-primary li:hover a, .categorie_sub_menu li:hover a { color: white !important; }

/* Custom Search Box Component */
.deli-search-box {
    flex-grow: 1 !important; border: 2px solid var(--deli-purple); border-radius: 30px;
    height: 48px; display: flex; align-items: center; overflow: visible !important; position: relative !important;
}
.deli-search-box input { flex: 1; min-width: 0; border: none; outline: none; font-size: 14px; background: transparent; height: 100%; padding: 0 12px !important; border-right: none !important; }

.deli-search-box select {
    background-color: var(--deli-purple) !important; color: #ffffff !important; border: none !important;
    height: 100% !important; border-radius: 50px !important; margin: 0 10px !important; padding: 0 25px 0 15px !important;
    outline: none !important; cursor: pointer; font-weight: 500; flex-shrink: 0; transition: all 0.2s ease;
    appearance: none !important; -webkit-appearance: none !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='%23ffffff' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important; background-position: right 10px center !important; background-size: 12px 12px !important;
}
.deli-search-box select:hover { background-color: var(--deli-purple-hover) !important; }

.deli-search-box button {
    background: transparent !important; border: none !important; border-radius: 0 !important; margin: 0 !important; padding: 0 !important;
    color: var(--deli-purple); font-size: 18px; cursor: pointer; flex-shrink: 0; width: 55px !important; height: 100% !important;
    display: flex !important; justify-content: center !important; align-items: center !important; transition: 0.3s;
}
.deli-search-box button:hover { opacity: 0.8; }

.deli-dropdown-wrap { position: relative; outline: none; }
.deli-dropdown-menu {
    position: absolute; top: 100%; right: 0; background: #fff; min-width: 150px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1); border-radius: 8px; padding: 10px 0;
    visibility: hidden; opacity: 0; transform: translateY(10px); transition: all 0.3s ease; z-index: 1000;
}
.deli-dropdown-wrap:hover .deli-dropdown-menu, .deli-dropdown-wrap.active .deli-dropdown-menu { visibility: visible; opacity: 1; transform: translateY(0); }
.deli-dropdown-menu a { color: var(--deli-purple) !important; font-weight: bold !important; display: block; padding: 8px 20px !important; text-decoration: none; font-size: 14px !important; white-space: nowrap; transition: 0.2s; }
.deli-dropdown-menu a:hover { color: var(--deli-orange) !important; background-color: #f8f9fa !important; }

/* ==========================================================================
   3. ADAPTIVE DESKTOP ACTIONS BLOCK (MIN-WIDTH: 992PX)
   ========================================================================== */
@media (min-width: 992px) {
    .deli-main-header .deli-actions.deli-actions-rounded { background: transparent !important; border-radius: 0 !important; height: auto !important; padding: 0 !important; box-shadow: none !important; display: flex !important; align-items: center !important; gap: 15px !important; }
    .deli-main-header .deli-action-divider { display: none !important; }
    .deli-main-header .deli-actions.deli-actions-rounded .deli-action-item:first-child { height: 48px !important; border-radius: 50px !important; padding: 0 20px !important; display: flex !important; align-items: center !important; gap: 0 !important; box-sizing: border-box; text-decoration: none !important; transition: transform 0.15s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.25s ease, border-color 0.25s ease !important; }
    .deli-main-header .deli-actions.deli-actions-rounded .deli-user-info { display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: flex-start !important; margin-left: 8px !important; line-height: 1.2 !important; }
    .deli-main-header .deli-actions.deli-actions-rounded .deli-user-info small { font-size: 11px !important; margin: 0 !important; }
    .deli-main-header .deli-actions.deli-actions-rounded .deli-user-info strong { font: 700 14px Helvetica, sans-serif !important; margin: 0 !important; text-transform: capitalize !important; }
    .deli-main-header .deli-actions.deli-actions-rounded .deli-action-item:first-child[href*="login"], .deli-main-header .deli-actions.deli-actions-rounded .deli-action-item:first-child[href*="signin"] { background: #fff !important; border: 1.5px solid var(--deli-purple) !important; }
    .deli-main-header .deli-actions.deli-actions-rounded .deli-action-item:first-child[href*="login"] .deli-action-icon, .deli-main-header .deli-actions.deli-actions-rounded .deli-action-item:first-child[href*="login"] .deli-user-info strong, .deli-main-header .deli-actions.deli-actions-rounded .deli-action-item:first-child[href*="login"] .deli-user-info small { color: var(--deli-purple) !important; }
    .deli-main-header .deli-actions.deli-actions-rounded .deli-action-item:first-child[href*="login"]:hover { background: var(--deli-purple) !important; transform: scale(0.95) !important; }
    .deli-main-header .deli-actions.deli-actions-rounded .deli-action-item:first-child[href*="login"]:hover .deli-action-icon, .deli-main-header .deli-actions.deli-actions-rounded .deli-action-item:first-child[href*="login"]:hover .deli-user-info strong, .deli-main-header .deli-actions.deli-actions-rounded .deli-action-item:first-child[href*="login"]:hover .deli-user-info small { color: #fff !important; }
    .deli-main-header .deli-actions.deli-actions-rounded .deli-action-item:first-child:not([href*="login"]):not([href*="signin"]) { background: var(--deli-purple) !important; border: 1.5px solid var(--deli-purple) !important; }
    .deli-main-header .deli-actions.deli-actions-rounded .deli-action-item:first-child:not([href*="login"]):not([href*="signin"]) .deli-action-icon, .deli-main-header .deli-actions.deli-actions-rounded .deli-action-item:first-child:not([href*="login"]):not([href*="signin"]) .deli-user-info strong, .deli-main-header .deli-actions.deli-actions-rounded .deli-action-item:first-child:not([href*="login"]):not([href*="signin"]) .deli-user-info small { color: #fff !important; }
    .deli-main-header .deli-actions.deli-actions-rounded .deli-action-item:first-child:not([href*="login"]):not([href*="signin"]):hover { transform: scale(0.94) !important; }
    .deli-main-header .deli-actions.deli-actions-rounded .deli-wishlist-btn, .deli-main-header .deli-actions.deli-actions-rounded .deli-cart-action-item { width: 48px !important; height: 48px !important; border-radius: 50% !important; background: #fff !important; border: 1.5px solid var(--deli-purple) !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; margin: 0 !important; transition: all 0.25s ease-in-out !important; position: relative !important; }
    .deli-main-header .deli-actions.deli-actions-rounded .deli-wishlist-btn .deli-action-icon, .deli-main-header .deli-actions.deli-actions-rounded .deli-cart-action-item .deli-action-icon { color: var(--deli-purple) !important; font-size: 21px !important; margin: 0 !important; transition: color 0.2s ease !important; }
    .deli-main-header .deli-actions.deli-actions-rounded .deli-wishlist-btn:hover, .deli-main-header .deli-actions.deli-actions-rounded .deli-cart-action-item:hover { background: var(--deli-purple) !important; border-color: var(--deli-purple) !important; }
    .deli-main-header .deli-actions.deli-actions-rounded .deli-wishlist-btn:hover .deli-action-icon, .deli-main-header .deli-actions.deli-actions-rounded .deli-cart-action-item:hover .deli-action-icon { color: #fff !important; }
    .deli-main-header .deli-actions.deli-actions-rounded .deli-cart-action-item .deli-cart-badge { position: absolute !important; top: -14px !important; right: -14px !important; width: 18px; height: 18px; font-size: 10px !important; border: 1.5px solid #fff !important; }
}
/* ==========================================================================
   4. VERTICAL MEGA NAVIGATION MENU
   ========================================================================== */
.ecommerce-mega-dropdown {
    position: absolute; top: 100%; left: 0; width: 1100px; height: 500px; background: #fff; z-index: 9999;
    border: none; border-radius: 0 0 12px 12px; box-shadow: 0 10px 35px rgba(0, 0, 0, 0.12);
    display: none; visibility: hidden; opacity: 0; transform: translateY(-15px); transition: all 0.3s ease-in-out;
}
.ecommerce-mega-btn { padding: 12px 15px; border-radius: 12px 12px 0 0; transition: all 0.2s ease; gap: 8px; }
.ecommerce-mega-btn .fa-bars,
.ecommerce-mega-btn svg.fa-bars,
.mobile-navbar-trigger-btn .fa-bars,
.mobile-navbar-trigger-btn svg.fa-bars {
    margin-right: 0 !important;
}

@media (min-width: 992px) {
    .ecommerce-mega-wrapper:hover .ecommerce-mega-dropdown { display: flex !important; visibility: visible; opacity: 1; transform: translateY(0); }
    .ecommerce-mega-wrapper:hover .ecommerce-mega-btn { background-color: #eff1f5; }
    .col-lg-20 { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; }
    .deli-logo-desktop { display: block !important; }
    .deli-logo-mobile { display: none !important; }
}

.ecommerce-mega-left-sidebar { width: 280px; height: 100%; background-color: #f8f9fb; border-right: 1px solid #f0f0f0; overflow-y: auto; }
.mega-tab-item { list-style: none !important; display: block !important; width: 100%; }
.mega-tab-item > a {
    padding: 12px 15px !important; font-size: 13px; color: #333; display: flex !important;
    justify-content: space-between; align-items: center; border-bottom: 1px solid #f0f0f0; background-color: #eff1f5; transition: all 0.2s ease;
}
.mega-tab-item > a:hover { background-color: #e8eaef; color: var(--primary-color) !important; }
.mega-tab-item.active > a { color: var(--primary-color) !important; font-weight: 700; background-color: #fff; box-shadow: inset 4px 0 0 var(--deli-orange); }

.mega-tab-panel { position: absolute; top: 0; left: 280px; width: 820px; height: 100%; background: #fff; padding: 25px 30px; overflow-y: auto; display: none; }
.mega-tab-item.active .mega-tab-panel { display: block; }

.mega-subcat-title { font-size: 13px; margin-bottom: 12px !important; text-transform: uppercase; color: #333 !important; display: block; font-weight: bold !important; }
.mega-subcat-title:hover { color: var(--primary-hover) !important; text-decoration: none; }
.mega-childcat-list li { margin-bottom: 12px !important; }
.mega-childcat-list li a { line-height: 1.5 !important; display: block; }
.nav-cat-item .nav-cat-link, .nav-cat-item .nav-cat-link strong { font-weight: 700 !important; }
.nav-cat-item .nav-cat-link:hover { color: var(--primary-hover) !important; }

.category-sidebar li a { border-left: 3px solid transparent; transition: 0.2s; color: var(--text-main, #0F172A); }
.category-sidebar li:hover a { background-color: var(--deli-purple-light, var(--deli-purple-light)); color: var(--primary-color) !important; padding-left: 22px !important; border-left: 3px solid var(--primary-color); }

/* ==========================================================================
   5. PRODUCT GRID, CARDS & IMAGES
   ========================================================================== */
.feature{ border-radius: 10px; border: 1px solid #E0E0E0; }
.category span, .category a { font-size: 18px; text-decoration: none; }
.category__card ul { list-style-type: square; }
.view-more{ transition: all linear .3s; }
.view-more:hover{ font-size: 20px; color: var(--primary-color) !important; }

.product { background-color: white; overflow: hidden; }
.product img { width:100%; height:auto; aspect-ratio: 1/1; object-fit:cover; }
.previous-price { text-decoration-line: line-through; color: rgba(128, 128, 128, 0.737); }
.product:hover { box-shadow: 0 0 16px 4px gray; animation: productAnimetion linear .3s forwards; }
.add-to-cart { min-width: 70px; }

.product-card { transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); will-change: transform, box-shadow; border: 1px solid #f2f2f2; }
.product-card:hover { transform: translateY(-3px); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1) !important; border-color: var(--primary-color) !important; z-index: 3; }
.product-img-box img { transition: transform 0.5s ease; }
.product-card:hover .product-img-box img { transform: scale(1.02); }
.product-card:hover .product-name { color: var(--primary-color) !important; }
.product-card:hover .badge-sale { animation: pulse-orange 1.5s infinite; }

@keyframes pulse-orange {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

.product-main-img { width: 100%; object-fit: contain !important; background-color: #ffffff; border-radius: 8px; cursor: pointer; }
@media (min-width: 992px) { .product-main-img { height: 450px !important; } }
.xzoom-preview { z-index: 999 !important; }
.xzoom-lens { z-index: 998 !important; }
.xzoom-source { z-index: 997 !important; }

.cart-quick-view {
  margin-top: 60px; margin-left: -2%; width: 300px; background-color: white;
  position: absolute; border-radius: 6px; box-shadow: 0 0 16px 4px gray; z-index: 10; display: none;
}
#icon-header-cart-li:hover .cart-quick-view { display: block; animation: cartQuickViewAnimetion linear .3s forwards; }

@keyframes productAnimetion { from{ transform: translateY(0); } to{ transform: translateY(-30px); } }
@keyframes cartQuickViewAnimetion { from{ transform: translateY(0); } to{ transform: translateY(-33px); } }

/* ==========================================================================
   6. SEARCH FILTERS, DROP-DOWNS & PAGINATIONS
   ========================================================================== */
.filter-price-wrapper { position: relative; width: 200px; display: inline-block; }
#sortby {
    appearance: none !important; -webkit-appearance: none !important; -moz-appearance: none !important;
    background-color: #ffffff !important; border: 1px solid #E2E8F0 !important; border-radius: 50px !important;
    padding: 6px 35px 6px 15px !important; font-size: 13px !important; font-weight: 600 !important;
    color: var(--text-main, #0F172A) !important; cursor: pointer; transition: all 0.25s ease-in-out;
    width: 100%; height: 32px !important; line-height: 1.5 !important; box-shadow: 0 1px 3px rgba(0,0,0,0.02) !important;
}
#sortby:hover { border-color: var(--primary-color) !important; background-color: var(--deli-purple-light, var(--deli-purple-light)) !important; color: var(--primary-color) !important; }
#sortby:focus { outline: none !important; border-color: var(--primary-color) !important; box-shadow: 0 0 0 3px rgba(39, 174, 150, 0.15) !important; }

.filter-price-wrapper::after {
    content: '\f078' !important; font-family: "Font Awesome 6 Free" !important; font-weight: 900 !important;
    font-size: 10px !important; color: var(--text-muted, #727B76); position: absolute; right: 15px; top: 50%; transform: translateY(-50%); pointer-events: none; transition: all 0.25s ease;
}
.filter-price-wrapper:hover::after { color: var(--primary-color); }

.filter-sort-group { background: #ffffff; border: 1px solid #E2E8F0; border-radius: 50px; padding: 2px; display: inline-flex; }
.filter-sort-group .btn-filter-sort { border-radius: 50px !important; font-size: 13px !important; font-weight: 600 !important; padding: 4px 16px !important; border: none !important; transition: all 0.2s ease; }
.filter-sort-group .btn-filter-sort.btn-filter-active { background-color: var(--primary-color) !important; color: white !important; }
.btn-filter-active { background-color: var(--primary-color) !important; color: var(--white, #ffffff) !important; }
.btn-outline-secondary:hover { background-color: var(--deli-purple-light, var(--deli-purple-light)); color: var(--primary-color) !important; border-color: var(--primary-color) !important; }

.deli-custom-dropdown { position: relative; width: 180px; user-select: none; }
.deli-custom-dropdown .dropdown-trigger {
    background-color: #ffffff; border: 1px solid #E2E8F0; border-radius: 50px; padding: 6px 16px;
    font-size: 13px; font-weight: 600; color: var(--text-main, #0F172A); cursor: pointer;
    display: flex; align-items: center; justify-content: space-between; height: 32px; transition: all 0.2s ease-in-out;
}
.deli-custom-dropdown .dropdown-trigger:hover { border-color: var(--primary-color); color: var(--primary-color); background-color: var(--deli-purple-light, var(--deli-purple-light)); }
.deli-custom-dropdown .dropdown-trigger i { font-size: 11px; color: var(--text-muted, #727B76); transition: transform 0.2s ease; }
.deli-custom-dropdown .dropdown-menu-list {
    position: absolute; top: calc(100% + 6px); left: 0; right: 0; background: #ffffff; border-radius: 10px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); padding: 6px 0; z-index: 1000; display: none; border: 1px solid rgba(0,0,0,0.05);
}
.deli-custom-dropdown .dropdown-item-option { padding: 8px 16px; font-size: 13px; font-weight: 500; color: var(--text-main, #0F172A); cursor: pointer; transition: all 0.15s ease; }
.deli-custom-dropdown .dropdown-item-option:hover { background-color: var(--deli-purple-light, var(--deli-purple-light)); color: var(--primary-color); }
.deli-custom-dropdown.active .dropdown-trigger i { transform: rotate(180deg); color: var(--primary-color); }
.deli-custom-dropdown.active .dropdown-menu-list { display: block; animation: deliDropdownFadeIn 0.2s ease; }

@keyframes deliDropdownFadeIn { from { opacity: 0; transform: translateY(-5px); } to { opacity: 1; transform: translateY(0); } }

.deli-breadcrumb { list-style: none; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; }
.deli-breadcrumb::-webkit-scrollbar { display: none; }
.deli-breadcrumb .breadcrumb-item, .deli-breadcrumb .breadcrumb-item a { color: #a79191; font-size: 13px; text-decoration: none; transition: color 0.2s ease; }
.deli-breadcrumb .breadcrumb-item a:hover { color: var(--primary-color); }
.deli-breadcrumb .breadcrumb-item + .breadcrumb-item::before { content: "/"; display: inline-block; padding: 0 10px; color: #a79191; font-size: 16px; font-weight: 300; }
.deli-breadcrumb .breadcrumb-item.active span { color: #666666; }

.pagination { margin-bottom: 0; }
.pagination .page-item .page-link { color: var(--text-main, #0F172A); border: 1px solid var(--border-color, #eeeeee); margin: 0 4px; border-radius: 6px; transition: all 0.3s ease-in-out; font-weight: 500; }
.pagination .page-item:not(.active):not(.disabled) .page-link:hover { background-color: var(--deli-purple-light, var(--deli-purple-light)); color: var(--primary-color) !important; border-color: var(--primary-color) !important; transform: translateY(-2px); }
.pagination .page-item.active .page-link { background-color: var(--primary-color) !important; border-color: var(--primary-color) !important; color: var(--white, #ffffff) !important; box-shadow: 0 4px 8px rgba(39, 174, 150, 0.3); }
.pagination .page-item.disabled .page-link { color: #bbb; background-color: #f8f9fa; border-color: #eaeaea; }

/* ==========================================================================
   7. USER LOGIN & SIGNUP PORTAL
   ========================================================================== */
.login-signup { padding: 60px 0px 60px; z-index: 3; position: relative; }
.login-area {
  padding: 30px 30px 39px; background: #fff;
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1); box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
}
.login-area .header-area { text-align: center; margin-bottom: 40px; }
.login-area .header-area .title { font-size: 30px; font-weight: 700; text-transform: uppercase; line-height: 40px; color: var(--deli-orange); }
.login-area .header-area .text { font-size: 18px; color: #919191; }
.login-area .form-input { position: relative; margin-bottom: 15px; }
.login-area .form-input input, .login-area .form-input select { width: 100%; height: 50px; background: #f3f8fc; padding: 0px 30px 0px 45px; border: 1px solid rgba(0, 0, 0, 0.1); font-size: 14px; }
.login-area .form-input textarea { width: 100%; height: 100px; background: #f3f8fc; padding: 15px 25px 15px 25px; border: 1px solid rgba(0, 0, 0, 0.1); font-size: 14px; }
.login-area .form-input i { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 15px; color: var(--deli-orange); }
.login-area .form-forgot-pass { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 14px; }
.login-area .to-login-page { text-align: right; }
.login-area .submit-btn {
  width: 100%; height: 50px; text-align: center; background: var(--deli-orange); border: 0px; color: #fff;
  font-weight: 700; text-transform: uppercase; margin-top: 20px; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; cursor: pointer;
}
.login-area .submit-btn:hover { background: var(--secondary-color); }

.login-area .social-area { text-align: center; padding-top: 26px; }
.login-area .social-area .title { font-size: 20px; text-transform: uppercase; font-weight: 600; display: inline-block; color: var(--deli-orange); position: relative; }
.login-area .social-area .title::after, .login-area .social-area .title::before { position: absolute; content: ''; width: 40px; height: 1px; background: rgba(0, 0, 0, 0.2); top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.login-area .social-area .title::after { right: 100%; margin-right: 7px; }
.login-area .social-area .title::before { left: 100%; margin-left: 7px; }
.login-area .social-area .text { font-size: 20px; font-weight: 300; color: var(--secondary-color); }
.login-area .social-area .social-links { padding-left: 0px; }
.login-area .social-area .social-links li { display: inline-block; }
.login-area .social-area .social-links li a i { width: 50px; height: 50px; border-radius: 50%; line-height: 50px; display: inline-block; color: #fff; margin: 0px 5px; -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15); box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15); }
.login-area .social-area .social-links li a i.fa-facebook-f { background: #0069f7; }
.login-area .social-area .social-links li a i.fa-twitter { background: #00c6f7; }
.login-area .social-area .social-links li a i.fa-google-plus-g { background: #d1062c; }

.comment-log-reg-tabmenu .full-container { padding: 0px !important; }
.comment-log-reg-tabmenu .nav-tabs { border: 0px; margin: 0px; padding: 0px; }
.comment-log-reg-tabmenu .nav-tabs .nav-link { border: 0px; margin: 0px; padding: 10px 0px; width: 50%; text-align: center; background: var(--deli-orange); border-radius: 0px; color: #fff; }
.comment-log-reg-tabmenu .nav-tabs .nav-link.active { background: var(--secondary-color); }

/* ==========================================================================
   8. PRODUCT REVIEWS & COMMENTS SECTION
   ========================================================================== */
#comment-area { background-color: #fafafa; padding: 25px; border-radius: 16px; border: 1px solid #f0f0f0; margin-top: 20px; }
#comment-area h3, #comment-area h4, #comment-area .write-comment-heading { font-size: 16px; font-weight: 700; margin-bottom: 15px; color: #333; }
#comment-area textarea {
    width: 100% !important; padding: 15px; border: 1px solid #dee2e6; border-radius: 12px; font-size: 14px;
    resize: vertical; min-height: 100px; transition: all 0.3s ease; margin-bottom: 15px; outline: none; background-color: #ffffff; box-sizing: border-box;
}
#comment-area textarea:focus { border-color: var(--deli-purple); box-shadow: 0 0 0 3px rgba(39, 174, 150, 0.15); }
#comment-area button, #comment-area input[type="submit"], #comment-area .submit-btn { background-color: var(--deli-purple); color: #ffffff; border: none; padding: 10px 24px; font-size: 14px; font-weight: 600; border-radius: 50px; cursor: pointer; transition: all 0.3s ease; display: inline-block; }
#comment-area button:hover, #comment-area input[type="submit"]:hover, #comment-area .submit-btn:hover { background-color: var(--deli-purple-hover); box-shadow: 0 4px 12px rgba(39, 174, 150, 0.3); transform: translateY(-1px); }
#comment-area button.remove { background-color: #f0f0f0; color: #666; border: 1px solid #e0e0e0; padding: 10px 24px; box-shadow: none; margin-left: 15px; }
#comment-area button.remove:hover { background-color: #e8e8e8; color: #333; border-color: #d0d0d0; transform: translateY(0); }
#comment-area button.remove:active { box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1); }
#comment-area ul.all-comment { list-style: none; padding-left: 0; margin-top: 20px; }
#comment-area .all-comment > li { display: block; margin-bottom: 25px; background-color: transparent !important; padding: 0 !important; border: none !important; }
#comment-area .single-comment, #comment-area .comment-box { display: block !important; margin-bottom: 10px; background-color: transparent !important; padding: 0 !important; border: none !important; position: relative !important; }
#comment-area .left-area { display: flex; align-items: center; margin-bottom: 5px; margin-right: 0; }
#comment-area .left-area img { width: 35px !important; height: 35px !important; border-radius: 50% !important; object-fit: cover !important; margin-right: 12px; border: 1px solid #eee; }
#comment-area .left-area h5, #comment-area .left-area .name { font-size: 15px; font-weight: 700; color: #333; margin: 0 10px 0 0 !important; }
#comment-area .left-area p, #comment-area .left-area .date { font-size: 12px; color: #999; margin: 2px 0 0 0 !important; }
#comment-area .right-area { padding-left: 0; width: 100%; }
#comment-area .right-area > .comment-body > p, #comment-area .right-area > p { font-size: 14px; color: #444; margin-bottom: 15px; line-height: 1.6; }
#comment-area .comment-footer .links { display: flex; align-items: center; flex-wrap: wrap; margin-top: 5px; padding: 0; }
#comment-area .comment-footer .links a, #comment-area .comment-footer .links .dropdown-item { white-space: nowrap; display: inline-flex; align-items: center; color: #6c757d; font-size: 13px; font-weight: 600; text-decoration: none; transition: color 0.2s ease; cursor: pointer; margin-right: 20px; }
#comment-area .comment-footer .links a i, #comment-area .comment-footer .links .dropdown-item i { margin-right: 6px !important; font-size: 14px; }
#comment-area .comment-footer .links a i, #comment-area .comment-footer .links a svg, #comment-area .comment-footer .links .dropdown-item i, #comment-area .comment-footer .links .dropdown-item svg { margin-right: 6px !important; margin-left: 6px !important; }
#comment-area a.reply:hover, #comment-area a.view-reply:hover { color: var(--deli-purple); }
#comment-area a.edit:hover { color: var(--deli-orange); }
#comment-area a.comment-delete:hover, #comment-area a.reply-delete:hover { color: #dc3545; }

#comment-area .replay-review { margin-left: 55px; padding-top: 15px !important; border-top: 1px dashed #e5e5e5 !important; margin-top: 15px; }
#comment-area .replay-review .left-area img { width: 28px !important; height: 28px !important; }
#comment-area .threaded-reply-toggle a { white-space: nowrap !important; }
#comment-area .dropdown-toggle::after { display: none; }
.replay-area { display: none; }

.product-details-page #product-details-tab { margin-top: 40px; display: block; width: 100%; text-align: center; }
.product-details-page #product-details-tab.ui-widget.ui-widget-content { background: #fff; border: 1px solid rgba(0, 0, 0, 0.1); }
.product-details-page #product-details-tab .ui-widget.ui-widget-content { margin: 0px; padding: 0px; border: 0px; }
.product-details-page #product-details-tab.ui-tabs .ui-tabs-panel { padding: 20px 20px 30px; text-align: left; display: block; border-width: 0; background: transparent; }
.product-details-page #product-details-tab.ui-tabs .ui-tabs-panel .title { font-size: 20px; line-height: 30px; margin-bottom: 10px; margin-top: 10px; font-weight: 600; display: block; }
.product-details-page #product-details-tab.ui-tabs .ui-tabs-panel p { font-size: 16px; line-height: 26px; }
.product-details-page #product-details-tab.ui-tabs .ui-tabs-panel .list li { display: block; }
.product-details-page #product-details-tab.ui-tabs .ui-tabs-panel .list li p { margin-bottom: 0px; }
.product-details-page #product-details-tab .top-menu-area { background: #fff; width: 100%; display: block; text-align: center; border: 1px solid #0000; }
.product-details-page #product-details-tab .top-menu-area ul { border: 0px; display: inline-block; background: none; padding: 0px; margin: 0px; }
.product-details-page #product-details-tab .top-menu-area ul li { border: 0px; background: none; display: inline-block; }
.product-details-page #product-details-tab .top-menu-area ul li a { padding: 12px 10px 9px; font-size: 16px; line-height: 26px; font-weight: 600; color: var(--secondary-color); display: block; font-family: "Open Sans", sans-serif; transition: 0.3s ease-in; position: relative; }
.product-details-page #product-details-tab .top-menu-area ul li a::after { position: absolute; content: " "; bottom: -7px; left: 0px; width: 100%; height: 2px; background: var(--secondary-color); opacity: 0; }
.product-details-page #product-details-tab li.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab.ui-tabs-active.ui-state-active a::after { opacity: 1; }

.content-body { overflow-wrap: break-word; word-wrap: break-word; overflow: hidden; }
.content-body img, .content-body iframe, .content-body video { max-width: 100% !important; height: auto !important; object-fit: contain; }
.content-body table { width: 100% !important; max-width: 100% !important; display: table !important; border-collapse: collapse; margin-bottom: 20px; }
.content-body table td, .content-body table th { padding: 12px 20px !important; vertical-align: top; border-bottom: 1px solid #f5f5f5; }
.content-body table tr td:first-child { width: 40%; font-weight: 500; color: #555; }

/* ==========================================================================
   9. UI BUTTONS & DYNAMIC NAVIGATION COMPONENTS
   ========================================================================== */
.hide-spin-button::-webkit-outer-spin-button, .hide-spin-button::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.hide-spin-button[type=number] { -moz-appearance: textfield; }
.btn-qty { transition: all 0.2s ease; cursor: pointer; outline: none; display: flex; align-items: center; justify-content: center; }
.btn-qty:hover, .btn-qty:active { background-color: var(--deli-purple-light) !important; }
.btn-qty:hover { color: var(--deli-purple) !important; }

.text-deli-purple { color: var(--deli-purple) !important; }
.text-deli-orange { color: var(--deli-orange) !important; }
.text-muted, span[style*="rgb(167, 145, 145)"] { color: var(--deli-text-muted) !important; }

.btn-deli-purple { background-color: var(--deli-purple) !important; border-color: var(--deli-purple) !important; color: #ffffff !important; transition: all 0.3s ease; }
.btn-deli-purple:hover { background-color: var(--deli-purple-hover) !important; box-shadow: 0 4px 12px rgba(39, 174, 150, 0.3); transform: translateY(-1px); }

.btn-outline-deli-purple { background-color: transparent !important; border: 1px solid var(--deli-purple) !important; color: var(--deli-purple) !important; transition: all 0.3s ease; }
.btn-outline-deli-purple:hover { background-color: var(--deli-purple-light) !important; color: var(--deli-purple-hover) !important; }

.btn-outline-deli-orange { color: var(--deli-orange) !important; border: 1px solid var(--deli-orange) !important; background-color: transparent !important; transition: all 0.3s ease; }
.btn-outline-deli-orange:hover { background-color: var(--deli-orange) !important; color: #ffffff !important; border-color: var(--deli-orange) !important; }

.badge-point { background-color: var(--deli-orange-light); color: var(--deli-orange); padding: 2px 10px; border-radius: 6px; font-size: 0.85rem; font-weight: 600; }
.discount-pill { background-color: var(--deli-orange-light); color: var(--deli-orange); border: 1px solid var(--deli-orange); padding: 2px 8px; border-radius: 50px; font-size: 0.75rem; font-weight: 700; }

.box-variant.active, .color-dot-wrapper.active { border-color: var(--deli-purple) !important; background-color: var(--deli-purple-light) !important; box-shadow: 0 0 0 1px var(--deli-purple); }

.tab-menu .tab-btn { border-bottom: 3px solid transparent; }
.tab-menu .tab-btn.active { border-color: var(--deli-purple) !important; }
.tab-menu .tab-btn.active .nav-link, .tab-menu .nav-link:hover { color: var(--deli-purple) !important; }
.tab-menu .tab-btn.ui-tabs-tab-active, .bg-primary { background-color: transparent !important; background: none !important; }
.tab-menu .tab-btn a { color: #6c757d !important; transition: all 0.3s; border-bottom: 3px solid transparent; }
.tab-menu .tab-btn.active a, .tab-menu .tab-btn:hover a { color: var(--primary-color) !important; }
.tab-content-area { display: none; }
.tab-content-area.active { display: block !important; }

.message-modal .modal .modal-dialog { position: fixed; bottom: 0; right: 0; width: 600px; margin: 0px; z-index: 999; }
.message-modal .modal .modal-dialog .modal-header { background: var(--deli-orange); padding: 12px 30px !important; text-align: right; }
.message-modal .modal .modal-dialog .modal-header .modal-title { color: #fff; font-size: 18px; font-weight: 600; display: inline-block; }
.message-modal .modal .contact-form { margin-top: 12px; padding: 10px 10px 10px; }
.message-modal .modal .contact-form ul { padding-left: 0px; margin-bottom: 0px; }
.message-modal .modal .contact-form ul li { list-style: none; }
.message-modal .modal .contact-form ul li .input-field { margin-bottom: 20px !important; background: none !important; border-radius: 0px !important; border: 0px !important; font-size: 16px; border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important; }
.message-modal .modal .contact-form ul li .input-field:focus { border: 0px !important; border-bottom: 1px solid var(--deli-orange) !important; }
.message-modal .modal .contact-form ul li .input-field.textarea { margin-bottom: 35px !important; }
.message-modal .modal .contact-form .submit-btn { width: 100%; height: 50px; background: var(--deli-orange); color: #fff; font-size: 14px; line-height: 50px; font-weight: 600; text-align: center; border: 0px; border-radius: 5px; cursor: pointer; transition: all 0.3s ease-in; }
.message-modal .modal .contact-form .submit-btn:hover { background: var(--secondary-color); }
.message-modal .modal-backdrop, #imageViewerModal { background: none !important; }
.message-modal .modal-header .close { right: 27px; top: 26px; color: #000; border: 1px solid #fff; display: inline-block; }
.message-modal .modal-header .close span { color: #333; }
.message-modal .modal-header .close:hover span { color: #fff; }

#vendorform, #vendorform1 .modal-header { padding: 1rem 1rem !important; }
.modal-header { border: none !important; padding: 0px 15px !important; }
.modal-header .close { position: absolute; right: 5px; top: 4px; background: #fff; opacity: 1 !important; width: 25px; height: 25px; text-align: center; line-height: 25px; padding: 0px; border-radius: 50%; font-size: 18px; font-weight: 600 !important; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); }
.modal-header .close:hover { color: #fff; font-weight: 600 !important; opacity: 1 !important; }
#track-order-modal .modal-header { border: none !important; padding: 11px 15px 0px !important; }

.deli-hero-container-v2 { padding: 24px 0 !important; background-color: #F8FAFB; }
.deli-hero-container-v2 .hero-main-row-v2 { display: flex !important; gap: 24px !important; }
.deli-hero-container-v2 .hero-left-col-v2 { width: 260px !important; flex-shrink: 0 !important; }
.deli-hero-container-v2 .hero-right-col-v2 { flex-grow: 1 !important; min-width: 0 !important; }
.hero-sidebar-cats-v2 { background: #fff; border: 1px solid #E2E8F0; border-radius: 12px; padding: 12px 0; box-shadow: 0 1px 3px rgba(0,0,0,0.02); height: 100%; display: flex; flex-direction: column; justify-content: space-between; }
.hero-cat-list-v2 { list-style: none; margin: 0; padding: 0; }
.hero-cat-item-v2 a { display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 11px 18px !important; color: #334155 !important; font: 500 13.5px sans-serif !important; transition: all 0.2s; }
.hero-cat-item-v2 a:hover { background-color: var(--deli-purple-light); color: var(--deli-purple) !important; padding-left: 22px !important; }
.hero-cat-item-v2 a i { font-size: 11px !important; color: #94A3B8; }
.hero-cat-all-btn-v2 { background: none; border: none; border-top: 1px solid #F1F5F9; width: 100%; text-align: left; padding: 14px 18px 4px 18px; color: var(--deli-purple) !important; font: 700 13.5px sans-serif; cursor: pointer; display: flex; align-items: center; gap: 8px; }
.hero-cat-all-btn-v2:hover { color: var(--deli-purple-hover) !important; }
.hero-images-row-v2 { display: grid !important; grid-template-columns: 1fr 270px !important; gap: 16px !important; width: 100% !important; }
.hero-slider-block-v2 { flex: 1 !important; min-width: 0 !important; height: auto !important; overflow: hidden !important; border-radius: 12px !important; aspect-ratio: 1.8 / 1; }
.hero-slider-block-v2 .carousel, .hero-slider-block-v2 .carousel-inner, .hero-slider-block-v2 .carousel-item { width: 100% !important; height: 100% !important; }
.hero-slider-block-v2 img { width: 100% !important; height: 100% !important; display: block !important; object-fit: contain !important; border-radius: 12px !important; }
.hero-banners-block-v2 { display: flex !important; flex-direction: column !important; gap: 12px !important; height: 380px !important; }
.hero-features-row-v2 { background: #ffffff; border: 1px solid #E2E8F0; border-radius: 12px; padding: 14px 20px; box-shadow: 0 1px 3px rgba(0,0,0,0.02); margin-top: 16px !important; }
.feature-item-v2 { display: flex; align-items: center; gap: 12px; }
.feature-item-v2 img { width: 34px; height: 34px; object-fit: contain; flex-shrink: 0; }
.feature-item-v2 strong { font-size: 13.5px; color: #1E293B; display: block; margin-bottom: 1px; }
.feature-item-v2 p { font-size: 12px; color: #64748B; margin: 0; line-height: 1.4; }
.deli-all-cats-modal .modal-content { border-radius: 16px; border: none; padding: 22px !important; }
.deli-all-cats-modal .modal-header { padding: 0 0 18px !important; }
.deli-all-cats-modal .modal-body { padding: 18px 0 0 !important; }
.deli-all-cats-modal .btn-close { margin: 0 !important; }
.deli-modal-cat-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.deli-modal-cat-box { background: #F8FAFB; border: 1px solid #E2E8F0; border-radius: 8px; padding: 12px; text-decoration: none; display: flex; align-items: center; justify-content: center; text-align: center; transition: all 0.2s; }
.deli-modal-cat-box:hover { border-color: var(--deli-purple); background: var(--deli-purple-light); }
.deli-modal-cat-box span { font-weight: 600; color: #0F172A; font-size: 13px; }
@media (max-width: 1199px) { .hero-images-row-v2 { grid-template-columns: 1fr !important; height: auto !important; } .hero-slider-block-v2 { height: 320px !important; } .hero-banners-block-v2 { flex-direction: row !important; height: auto !important; } }
@media (max-width: 767px) { .deli-hero-container-v2 .hero-main-row-v2 { flex-direction: column !important; gap: 16px !important; } .hero-left-col-v2 { width: 100% !important; } .hero-features-row-v2 .row > div { border-bottom: 1px solid #F1F5F9; padding-bottom: 10px; } .hero-features-row-v2 .row > div:last-child { border-bottom: none; padding-bottom: 0; } }

.input-field { width: 100%; height: 50px; padding: 0 20px; border-radius: 3px; color: var(--secondary-color); margin-bottom: 15px; border: 1px solid #000 !important; }
.input-field::-webkit-input-placeholder, .input-field:-moz-placeholder, .input-field::-moz-placeholder, .input-field:-ms-input-placeholder { color: var(--secondary-color); }
.input-field.borderd { border: 2px solid rgba(0, 0, 0, 0.07); }
.input-field.borderd:focus { border: 2px solid rgba(0, 0, 0, 0.3); }
.input-field.textarea { min-height: 137px; padding: 15px 20px; resize: none; }
.input-field.error { border: 1px solid var(--deli-orange); }
.input-field.error::-webkit-input-placeholder, .input-field.error:-moz-placeholder, .input-field.error::-moz-placeholder, .input-field.error:-ms-input-placeholder { color: var(--deli-orange); }
.input-field.error:focus { border-color: var(--deli-orange); }

.modal { z-index: 6000 !important; }
.modal-backdrop { z-index: 5000 !important; }

#btn-back-to-top {
    position: fixed; bottom: 90px; right: 20px; display: none; z-index: 9999; width: 45px; height: 45px;
    border-radius: 50%; background-color: var(--deli-purple); color: #ffffff; border: none;
    transition: all 0.3s ease-in-out; box-shadow: 0 4px 10px rgba(245, 145, 29, 0.4); 
}
#btn-back-to-top:hover { background-color: var(--deli-orange); transform: translateY(-5px); color: #ffffff; }
@media (max-width: 991.98px) {
    #btn-back-to-top { display: none !important; }
}

.footer { background-color: var(--secondary-color); }
.footer ul { list-style: none; padding: 0; }
.footer ul li { line-height: 28px; }
#footer__iphone6 { margin-top: -150px; }
.toast-success { background-color: var(--primary-color); }

.owl-carousel1 { position: relative; padding: 0 15px !important; }
.owl-carousel1 .owl-nav { margin-top: 0 !important; }
.owl-carousel1 .owl-nav button.owl-prev, .owl-carousel1 .owl-nav button.owl-next {
    position: absolute; top: 50%; transform: translateY(-50%); width: 28px; height: 28px;
    background-color: rgba(0,0,0,0.5) !important; color: white !important; border-radius: 50% !important;
    display: flex; align-items: center; justify-content: center; font-size: 12px; transition: 0.3s;
}
.owl-carousel1 .owl-nav button.owl-prev { left: -5px; }
.owl-carousel1 .owl-nav button.owl-next { right: -5px; }
.owl-carousel1 .owl-nav button:hover { background-color: var(--deli-purple) !important; }
.owl-carousel1 .owl-nav button.disabled { opacity: 0; cursor: default; pointer-events: none; }

.partner-logo { width: 100%; height: 90px; object-fit: cover !important; border-radius: 8px; border: 1px solid #eee; transition: transform 0.3s ease; }
.partner-logo:hover { transform: scale(1.05); box-shadow: 0 4px 15px rgba(0,0,0,0.1); }

/* ==========================================================================
   10. MOBILE & TABLET RESPONSIVE MEDIA QUERIES (100% ORIGINAL BACKUP)
   ========================================================================== */
@media only screen and (max-width:576px) {
    .filter-price-wrapper, .deli-custom-dropdown { width: 100% !important; }
    #sortby { height: 38px !important; }
}

@media only screen and (max-width:700px) {
    .mb-w-100{ width: 100% !important; }
    .icon_logo, .space, .header__menu--primary li{ display: none; }
    .list-icon-social li { margin-right: 10px; }
    .list-icon-header li { margin-right: 0.8rem; }
    .header__menu--primary li:first-child{ display: block; margin-left: 10px; }
    .btn-buy-with_me{ padding-left: 10px !important; padding-right: 10px !important; }
    .header_mobile:nth-child(4){ display: none !important; }
    .lg-w-20{ width: 50%; }
    .product img{ width: 100% !important; height: 100%; }
    .product:hover{ box-shadow: 0 0 4px 1px gray; animation: none !important; }
}

@media (max-width: 767px) {
    .search-box-wrapper { position: relative !important; width: 100%; }
    .deli-search-box select { display: none !important; }
    .deli-search-box input { width: 100% !important; flex: none !important; padding-right: 70px !important; }
    .deli-search-box button { position: absolute !important; top: 0 !important; right: 5px !important; width: 55px !important; height: 100% !important; display: flex !important; justify-content: center !important; align-items: center !important; z-index: 5 !important; }
    .mobile-search-suggestion { display: none; position: absolute !important; top: calc(100% + 4px) !important; left: 0 !important; width: 100% !important; background: #ffffff !important; border: 1px solid var(--deli-purple) !important; border-radius: 12px !important; z-index: 9999 !important; box-shadow: 0 4px 15px rgba(0,0,0,0.1); }
    .mobile-search-suggestion .suggestion-item { padding: 12px 15px !important; font-size: 14px !important; cursor: pointer !important; border-radius: 8px !important; display: flex !important; align-items: center !important; background: #fff !important; }
    .mobile-search-suggestion .suggestion-item:active { background-color: var(--deli-purple-light) !important; }
    #comment-area { padding: 15px 10px !important; }
    #comment-area .replay-review, #comment-area .threaded-reply-toggle { margin-left: 30px !important; margin-right: 20px !important; }
    #comment-area .threaded-reply-toggle .d-flex > div:first-child { width: 20px !important; margin-right: 6px !important; }
    .content-body table { display: block !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch; }
    .content-body table td, .content-body table th { padding: 10px 12px !important; }
    .content-body table tr td:first-child { width: auto; min-width: 120px; }
}

@media (max-width: 768px) {
    .deli-logo-desktop { display: none !important; }
    .deli-logo-mobile { display: block !important; max-height: 35px; }
}

@media only screen and (max-width:1200px){
    .list-icon-social li { margin-right: 10px; }
    .space{ display: none; }
    .list-icon-header li { margin-right: 1rem; }
    .header_mobile:nth-child(2){ display: flex !important; }
    .header_mobile:nth-child(4){ display: none !important; }
    .product:hover, #footer__iphone6 { animation: none; margin-top: 0; }
}

@media (max-width: 1024px) {
    .deli-search-box select, .deli-wishlist-btn, .deli-user-info { display: none; }
    .deli-main-header .deli-flex { flex-wrap: nowrap !important; gap: 10px !important; }
    .deli-search-box { max-width: 400px; width: 100%; height: 40px; margin: 0 auto; }
    .deli-actions { gap: 12px; flex-shrink: 0; }
    .deli-action-icon { font-size: 20px; }
}

@media (max-width: 992px) {
    body .deli-actions.deli-actions-rounded {
        display: flex !important;
        background-color: var(--deli-purple, var(--deli-purple)) !important;
        border-radius: 50px !important;
        height: 40px !important;
        padding: 0 18px 0 12px !important;
        gap: 10px !important;
        border: none !important;
        box-shadow: none !important;
    }

    body .deli-action-divider {
        display: block !important;
        width: 1px !important;
        height: 20px !important;
        background-color: rgba(255, 255, 255, 0.4) !important;
    }

    body .deli-actions.deli-actions-rounded .deli-action-item {
        background: transparent !important;
        border: none !important;
        border-radius: 0 !important;
        padding: 0 !important;
        width: auto !important;
        height: auto !important;
        transform: none !important;
    }

    body .deli-actions.deli-actions-rounded .deli-action-icon {
        color: #ffffff !important;
        font-size: 18px !important;
    }

    body .deli-actions.deli-actions-rounded .deli-user-info strong {
        color: #ffffff !important;
        max-width: 60px !important;
    }

    body .deli-actions.deli-actions-rounded .deli-cart-badge {
        position: absolute !important;
        top: -6px !important;
        right: -10px !important;
        width: 18px;
        height: 18px;
        font-size: 10px !important;
        border: 1px solid #ffffff !important;
    }

    .ecommerce-mega-dropdown { width: 100vw; left: -15px; height: 75vh !important; max-height: 75vh; overflow-y: auto !important; scroll-behavior: smooth; }
    .ecommerce-mega-wrapper.active-dropdown .ecommerce-mega-dropdown { display: block !important; visibility: visible; opacity: 1; transform: translateY(0); }
    .ecommerce-mega-left-sidebar { width: 100%; height: auto; border-right: none; }
    .mega-tab-panel { display: none; position: static; width: 100%; height: auto; padding: 15px; background: #ffffff; border-bottom: 1px solid #eee; }
    .mega-tab-item { transition: all 0.3s ease; opacity: 0.9; background: #fff; }
    .mega-tab-item.is-open { opacity: 1; background-color: #fdf2f0 !important; border-left: 4px solid var(--deli-orange); }
    .mega-tab-item.is-open > a { color: var(--deli-purple) !important; font-weight: 700; }
    .mega-tab-item > a i { transition: transform 0.3s ease; }
    .mega-tab-item.is-open > a i { transform: rotate(90deg); }
    
    .deli-mobile-drawer { position: fixed; top: 0; left: 0; width: 85vw; max-width: 360px; height: 100vh; background-color: #F8FAFB; z-index: 9999; box-shadow: 4px 0 20px rgba(0,0,0,0.15); transform: translateX(-100%); transition: transform 0.3s ease-out; display: none; flex-direction: column; visibility: hidden; }
    .deli-mobile-drawer.is-active { display: flex !important; transform: translateX(0); visibility: visible; }
    .deli-mobile-drawer-backdrop { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.5); z-index: 9998; display: none; opacity: 0; transition: opacity 0.3s ease-out; visibility: hidden; }
    .deli-mobile-drawer-backdrop.is-active { display: block !important; opacity: 1; visibility: visible; }
    .deli-drawer-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 16px; background-color: #ffffff; border-bottom: 1px solid #E2E8F0; }
    .deli-drawer-logo { font-size: 16px; font-weight: 800; color: var(--primary-color); }
    .deli-drawer-close { background: none; border: none; font-size: 18px; color: #64748B; cursor: pointer; }
    .deli-drawer-content { flex: 1; overflow-y: auto; padding: 12px; }
    .deli-mobile-featured-cats { background: #ffffff; border-radius: 12px; padding: 12px; margin-bottom: 12px; box-shadow: 0 1px 3px rgba(0,0,0,0.05); }
    .deli-featured-title { font-size: 11px; font-weight: 700; text-transform: uppercase; color: #727B76; margin-bottom: 10px; letter-spacing: 0.5px; }
    .deli-featured-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px 6px; }
    .deli-featured-item { display: flex; flex-direction: column; align-items: center; text-align: center; text-decoration: none; }
    .deli-featured-icon { width: 40px; height: 40px; background-color: #F8FAFB; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 4px; }
    .deli-featured-icon img { width: 30px; height: 30px; object-fit: contain; }
    .deli-featured-name { font-size: 10px; color: #0F172A; font-weight: 500; line-height: 1.2; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
    .deli-mobile-menu-tree { display: flex !important; flex-direction: column !important; gap: 14px !important; }
    .deli-menu-tier1 { display: flex !important; flex-direction: column !important; }
    .deli-tier1-title { font-size: 10.5px !important; font-weight: 700 !important; color: #727B76 !important; text-transform: uppercase !important; margin-bottom: 6px !important; padding-left: 4px !important; letter-spacing: 0.5px !important; display: block !important; }
    .deli-tier2-list { list-style: none !important; margin: 0 !important; padding: 0 !important; background: #ffffff !important; border-radius: 12px !important; overflow: hidden !important; box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important; display: block !important; }
    .deli-menu-tier2-item { border-bottom: 1px solid #F1F5F9 !important; display: block !important; }
    .deli-menu-tier2-item:last-child { border-bottom: none !important; }
    .deli-menu-tier2-item, .deli-menu-tier2-item *, .deli-tier3-item, .deli-tier3-item * { text-indent: 0 !important; box-shadow: none !important; }
    .deli-tier2-row { display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 8px 14px !important; margin: 0 !important; width: 100% !important; box-sizing: border-box !important; cursor: pointer !important; }
    .deli-tier2-link { font-size: 13px !important; color: #0F172A !important; font-weight: 600 !important; text-decoration: none !important; padding: 0 !important; margin: 0 !important; display: inline-block !important; }
    .deli-toggle-btn { background: none !important; border: none !important; padding: 4px 6px !important; color: #94A3B8 !important; cursor: pointer !important; }
    .deli-toggle-btn i { font-size: 10px !important; transition: transform 0.3s ease-out !important; }
    .deli-tier3-list { list-style: none !important; margin: 0 !important; padding: 0 !important; background-color: #e2e2e2 !important; display: none; }
    .deli-tier3-item { display: block !important; padding: 12px 14px 12px 28px !important; margin: 0 !important; border-bottom: 1px solid #E2E8F0 !important; }
    .deli-tier3-item:last-child { border-bottom: none !important; }
    .deli-tier3-link { display: block !important; font-size: 13px !important; color: #475569 !important; text-decoration: none !important; padding: 0 !important; margin: 0 !important; line-height: 1.4 !important; }
    .deli-menu-tier2-item.is-open .deli-toggle-btn i { transform: rotate(180deg) !important; color: var(--primary-color) !important; }
    .deli-menu-tier2-item.is-open .deli-tier2-link { color: var(--primary-color) !important; }
}

@media (max-width: 991.98px) {
    .order-action-box {
        position: fixed !important; bottom: 0 !important; left: 0 !important; width: 100% !important; top: auto !important;
        z-index: 1050 !important; border-radius: 16px 16px 0 0 !important; border: none !important; box-shadow: 0 -4px 20px rgba(0,0,0,0.08) !important;
        padding: 12px 16px calc(12px + env(safe-area-inset-bottom)) !important; background-color: #ffffff !important;
    }
    body.deli-detail-page { padding-bottom: 80px; }
}

.deli-cart-badge { position: absolute !important; top: -8px !important; right: -12px !important; z-index: 10 !important; min-width: 16px !important; height: 18px; padding: 2px 6px !important; border-radius: 50px !important; border: 1px solid #fff !important; background: var(--deli-orange, var(--deli-orange)) !important; color: #fff !important; font: 700 11px/12px Helvetica, sans-serif !important; display: flex !important; align-items: center !important; justify-content: center !important; }
.deli-cart-action-item:hover .deli-cart-badge { background: var(--deli-orange, var(--deli-orange)) !important; color: #fff !important; }
.deli-search-box select { color: #fff !important; border: none !important; height: 38px !important; border-radius: 50px !important; margin: auto 10px !important; padding: 0 25px 0 15px !important; outline: none !important; cursor: pointer; font-weight: 500; flex-shrink: 0; transition: all 0.2s ease; appearance: none !important; -webkit-appearance: none !important; background: var(--deli-purple) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='%23ffffff' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") no-repeat right 10px center/12px 12px !important; }
.text-topbar-label { font: 500 12px sans-serif !important; margin-right: 4px; }
.deli-topbar .deli-topbar-links { gap: 10px !important; }
@media (min-width: 992px) { .deli-main-header .deli-actions.deli-actions-rounded .deli-cart-action-item .deli-cart-badge { top: -14px !important; right: -14px !important; width: 18px; font-size: 10px !important; border-width: 1.5px !important; } .deli-main-header .deli-flex { gap: 15px !important; } .deli-search-box { flex: 1 !important; margin: 0 20px !important; } }

.deli-main-header { background-color: #ffffff; border-bottom: 1px solid #eeeeee; padding: 12px 0; position: sticky; top: 0; z-index: 4900; box-shadow: 0 2px 10px rgba(0,0,0,0.05); }
.layout-desktop-header-v2 { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 15px !important; width: 100% !important; }
.deli-logo-anchor-v2 { flex-shrink: 0; display: flex; align-items: center; }
.search-box-wrapper-v2 { flex-grow: 1; position: relative; min-width: 0; }
.deli-search-box-v2 { display: flex !important; align-items: center !important; width: 100% !important; height: 42px !important; background: #F8FAFB !important; border: 1px solid #E2E8F0 !important; border-radius: 6px !important; overflow: hidden !important; }
.deli-search-box-v2 input { flex: 1 !important; min-width: 0 !important; height: 100% !important; border: none !important; outline: none !important; padding: 0 14px !important; font-size: 13.5px !important; background: transparent !important; color: #0F172A !important; }
.deli-search-box-v2 input::placeholder { color: #94A3B8; }
.search-select-container-v2 { height: 100% !important; display: flex !important; align-items: center !important; border-left: 1px solid #E2E8F0 !important; padding: 0 2px !important; }
.deli-search-box-v2 select { border: none !important; height: 100% !important; color: #475569 !important; font: 500 13px sans-serif !important; padding: 0 24px 0 10px !important; cursor: pointer !important; outline: none !important; appearance: none !important; -webkit-appearance: none !important; background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='%23475569' stroke='%23475569' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") no-repeat right 8px center/10px 10px !important; }
.deli-search-btn-v2 { width: 50px !important; height: 100% !important; background-color: var(--deli-purple) !important; border: none !important; color: #ffffff !important; font-size: 15px !important; display: flex !important; justify-content: center !important; align-items: center !important; cursor: pointer !important; }
.deli-actions-desktop-v2 { display: flex !important; align-items: center !important; flex-shrink: 0 !important; }
.deli-nav-action-item-v2 { display: flex !important; align-items: center !important; text-decoration: none !important; color: #334155 !important; cursor: pointer !important; }
.action-trigger-link-v2 { display: flex !important; align-items: center !important; text-decoration: none !important; color: inherit !important; }
.action-v2-icon { color: #334155 !important; font-size: 22px !important; }
.cart-icon-wrapper-v2 { position: relative !important; display: flex !important; align-items: center !important; }
.deli-cart-badge-v2 { position: absolute !important; background: var(--deli-orange) !important; color: #ffffff !important; font-weight: 700 !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 50% !important; border: 1px solid #ffffff !important; }
.deli-mobile-sub-navbar { display: none !important; }
@media (min-width: 768px) { body .deli-actions.deli-actions-rounded, .deli-main-header .deli-action-divider { display: none !important; } .deli-logo-img { max-height: 48px; } .search-box-wrapper-v2 { max-width: 580px; margin-right: 20px; } .deli-actions-desktop-v2 { gap: 20px !important; } .action-v2-icon { margin-right: 6px !important; } .action-v2-text { display: flex !important; flex-direction: column !important; justify-content: center !important; line-height: 1.2 !important; text-align: left !important; } .action-v2-text small { font: 400 11px sans-serif !important; color: #64748B !important; } .action-v2-text strong { font: 600 13px sans-serif !important; color: #1E293B !important; } .deli-cart-badge-v2 { top: -10px !important; right: -10px !important; min-width: 18px !important; height: 18px !important; font-size: 10px !important; padding: 0 4px !important; } }
@media (min-width: 1200px) { .deli-logo-img { max-height: 55px; } .search-box-wrapper-v2 { max-width: 650px; margin-right: 40px; } .deli-actions-desktop-v2 { gap: 28px !important; } .action-v2-icon { margin-right: 8px !important; } }
@media (max-width: 767px) { .deli-main-header { padding: 10px 0 0 0 !important; position: sticky !important; top: 0 !important; z-index: 4900 !important; } .layout-desktop-header-v2 { gap: 10px !important; padding: 0 15px !important; } .deli-logo-img { max-height: 34px; } .search-select-container-v2, .deli-wishlist-v2-hide, .deli-user-mobile-hidden, .deli-actions-desktop-v2 .action-v2-text { display: none !important; } .action-v2-icon { font-size: 22px !important; margin-right: 0 !important; } .deli-cart-badge-v2 { top: -6px !important; right: -6px !important; min-width: 14px !important; height: 14px !important; font-size: 9px !important; padding: 0 2px !important; } .deli-mobile-sub-navbar { display: flex !important; align-items: center !important; justify-content: space-between !important; background-color: #ffffff !important; border-top: 1px solid #F1F5F9 !important; border-bottom: 1px solid #F1F5F9 !important; position: relative !important; top: auto !important; left: auto !important; width: 100% !important; height: 54px !important; padding: 0 15px !important; box-sizing: border-box !important; margin-top: 10px !important; transform: none !important; opacity: 1 !important; visibility: visible !important; transition: none !important; } .mobile-navbar-trigger-btn { display: inline-flex !important; align-items: center !important; font: 700 14.5px sans-serif !important; color: #0F172A !important; } .mobile-navbar-trigger-btn i { font-size: 18px !important; color: var(--deli-purple) !important; } .btn-mobile-navbar-action { font: 700 12.5px sans-serif !important; padding: 6px 14px !important; border-radius: 6px !important; border: 1px solid var(--deli-orange) !important; color: var(--deli-orange) !important; text-transform: capitalize !important; text-decoration: none !important; } .deli-main-header.scroll-down .deli-mobile-sub-navbar, .deli-main-header.scroll-up .deli-mobile-sub-navbar { display: flex !important; height: 54px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; } }
@media (min-width: 768px) and (max-width: 991.98px) { .deli-main-header { padding: 12px 0 0 0 !important; } .deli-mobile-sub-navbar { display: flex !important; align-items: center !important; justify-content: space-between !important; background-color: #ffffff !important; border-top: 1px solid #F1F5F9 !important; border-bottom: 1px solid #F1F5F9 !important; position: relative !important; top: auto !important; left: auto !important; width: 100% !important; height: 54px !important; padding: 0 15px !important; box-sizing: border-box !important; margin-top: 12px !important; transform: none !important; opacity: 1 !important; visibility: visible !important; transition: none !important; } .mobile-navbar-trigger-btn { display: inline-flex !important; align-items: center !important; font: 700 14.5px sans-serif !important; color: #0F172A !important; } .mobile-navbar-trigger-btn i { font-size: 18px !important; color: var(--deli-purple) !important; } .btn-mobile-navbar-action { font: 700 12.5px sans-serif !important; padding: 6px 14px !important; border-radius: 6px !important; border: 1px solid var(--deli-orange) !important; color: var(--deli-orange) !important; text-transform: capitalize !important; text-decoration: none !important; } .deli-main-header.scroll-down .deli-mobile-sub-navbar, .deli-main-header.scroll-up .deli-mobile-sub-navbar { display: flex !important; height: 54px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; } }

@media (min-width: 992px) {
    .header-navbar-desktop-area { border-top: 1px solid #E2E8F0; background: #fff; width: 100% !important; }
    .navbar-row-v2-container { padding: 8px 0; width: 100%; }
    .deli-navbar-row-v2 { display: flex !important; align-items: center !important; justify-content: space-between !important; list-style: none !important; width: 100% !important; gap: 18px !important; }
    .deli-navbar-row-v2 > li { display: inline-flex !important; align-items: center !important; min-width: 0 !important; position: relative !important; }
    .deli-nav-mega-block-v2 .ecommerce-mega-btn { background: var(--deli-purple-light, var(--deli-purple-light)) !important; color: var(--deli-purple, var(--deli-purple)) !important; padding: 8px 18px !important; border-radius: 6px !important; transition: all 0.2s ease; flex-shrink: 0 !important; text-transform: capitalize !important; }
    .deli-nav-mega-block-v2 .ecommerce-mega-btn span { font: 700 15px sans-serif !important; }
    .deli-nav-mega-block-v2 .ecommerce-mega-btn i { font-size: 15px !important; }
    .deli-nav-mega-block-v2:hover .ecommerce-mega-btn { background: var(--deli-purple) !important; color: #fff !important; }
    .deli-navbar-divider-v2 { width: 1px !important; height: 24px !important; background: #E2E8F0 !important; margin: 0 10px !important; flex-shrink: 0 !important; }
    .nav-cat-item-v2 { display: flex !important; align-items: center !important; justify-content: center !important; flex: 1 1 0 !important; min-width: 0 !important; }
    .nav-cat-link-v2 { font: 700 15px sans-serif !important; color: #0F172A !important; padding: 10px 0 !important; text-decoration: none !important; transition: color 0.15s ease; display: flex !important; align-items: center !important; justify-content: center !important; text-align: center !important; text-transform: capitalize !important; width: 100% !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
    .nav-cat-link-v2:hover { color: var(--deli-purple) !important; }
    .nav-cat-link-v2 i { transition: transform 0.2s ease; }
    .nav-cat-item-v2:hover .nav-cat-link-v2 i { color: var(--deli-purple) !important; transform: rotate(180deg); }
    .nav-cat-dropdown-sub { display: none; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); min-width: 220px; background: #fff; border-radius: 8px; box-shadow: 0 8px 24px rgba(0,0,0,0.12); padding: 10px 0; z-index: 9995; border: 1px solid #F1F5F9; }
    .dropdown-sub-grid { display: flex; flex-direction: column; }
    .dropdown-sub-item-link { padding: 10px 20px; color: #475569 !important; font: 500 13.5px sans-serif !important; text-decoration: none; transition: all 0.15s; text-align: left; white-space: nowrap !important; text-transform: capitalize !important; }
    .dropdown-sub-item-link:hover { background: var(--deli-purple-light); color: var(--deli-purple) !important; padding-left: 24px; }
    .nav-cat-item-v2:hover .nav-cat-dropdown-sub { display: block; animation: deliNavFadeIn-v2 0.2s ease-out; }
    .deli-nav-mega-block-v2 { margin-right: 0 !important; flex: 0 0 auto !important; }
    .nav-btn-action-item-v2 { margin-left: 0 !important; flex: 0 0 auto !important; justify-content: flex-end !important; }
    .btn-navbar-action-v2 { font: 700 13.5px sans-serif !important; padding: 7px 16px !important; border-radius: 6px !important; border: 1.5px solid var(--deli-orange) !important; color: var(--deli-orange) !important; background: transparent !important; transition: all 0.2s; text-transform: capitalize !important; }
    .btn-navbar-action-v2:hover { background: var(--deli-orange) !important; color: #fff !important; }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .deli-navbar-row-v2 { gap: 12px !important; }
    .nav-cat-link-v2 { font-size: 13.5px !important; }
    .deli-nav-mega-block-v2 .ecommerce-mega-btn { padding: 8px 14px !important; }
    .btn-navbar-action-v2 { padding: 7px 12px !important; font-size: 12.5px !important; }
}
@keyframes deliNavFadeIn-v2 {
    from { opacity: 0; transform: translate(-50%, 8px); }
    to { opacity: 1; transform: translate(-50%, 0); }
}
.deli-featured-cats-section-v2 { background-color: #fff; padding: 30px 0; }
.deli-cats-header-v2 { display: flex !important; align-items: center !important; justify-content: space-between !important; margin-bottom: 20px !important; border-bottom: none !important; }
.deli-cats-title-v2 { font-size: 18px !important; font-weight: 700 !important; color: #0F172A !important; display: flex !important; align-items: center !important; gap: 8px !important; }
.deli-cats-title-v2 i { color: var(--deli-purple); font-size: 16px; }
.deli-cats-viewall-btn-v2 { font: 600 13.5px sans-serif !important; color: #475569 !important; background: none !important; border: none !important; cursor: pointer !important; display: inline-flex !important; align-items: center !important; gap: 4px !important; transition: color 0.2s ease; padding: 0 !important; }
.deli-cats-viewall-btn-v2:hover { color: var(--deli-purple) !important; }
.deli-cats-slider-wrap { position: relative !important; padding: 0 42px !important; }
.deli-cats-nav-btn { position: absolute !important; top: 50% !important; z-index: 12 !important; flex: 0 0 34px !important; width: 34px !important; height: 34px !important; border-radius: 50% !important; border: 1px solid #D7E3EF !important; background: #ffffff !important; color: #334155 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; transform: translateY(-50%) !important; cursor: pointer !important; transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease, opacity 0.2s ease, box-shadow 0.2s ease !important; }
.deli-cats-nav-btn i { font-size: 14px !important; line-height: 1 !important; }
.deli-cats-nav-btn:hover { border-color: var(--primary-color) !important; color: var(--primary-color) !important; box-shadow: 0 6px 16px rgba(15,23,42,0.1) !important; }
.deli-cats-nav-btn:disabled { opacity: 0.35 !important; cursor: default !important; pointer-events: none !important; box-shadow: none !important; }
.deli-cats-nav-prev { left: 0 !important; }
.deli-cats-nav-next { right: 0 !important; }
.deli-cats-grid-v2 { display: flex !important; gap: 14px !important; width: 100% !important; flex-wrap: nowrap !important; overflow-x: auto !important; scroll-behavior: smooth !important; scroll-snap-type: x mandatory !important; padding-bottom: 8px !important; -ms-overflow-style: none !important; scrollbar-width: none !important; cursor: grab !important; user-select: none !important; touch-action: pan-y !important; }
.deli-cats-grid-v2.is-dragging { cursor: grabbing !important; scroll-behavior: auto !important; scroll-snap-type: none !important; }
.deli-cats-grid-v2 a, .deli-cats-grid-v2 img { -webkit-user-drag: none !important; user-select: none !important; }
.deli-cats-grid-v2::-webkit-scrollbar { display: none !important; }
.deli-cat-card-v2 { display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; padding: 16px 12px !important; border-radius: 12px !important; text-decoration: none !important; transition: transform 0.2s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.2s ease !important; height: 100% !important; }
.deli-cats-grid-v2 .deli-cat-card-v2 { flex: 0 0 calc((100% - 98px) / 8) !important; min-width: calc((100% - 98px) / 8) !important; scroll-snap-align: start !important; scroll-snap-stop: always !important; }
.deli-cat-card-v2:hover { transform: translateY(-4px) !important; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06) !important; }
.deli-cat-thumb-v2 { width: 75% !important; aspect-ratio: 1 / 1 !important; object-fit: contain !important; margin-bottom: 14px !important; transition: transform 0.3s ease; }
.deli-cat-card-v2:hover .deli-cat-thumb-v2 { transform: scale(1.05); }
.deli-cat-info-v2 { display: flex !important; flex-direction: column !important; align-items: flex-start !important; text-align: left !important; width: 100% !important; margin-top: auto !important; }
.deli-cat-name-v2 { font: 700 13.5px/1.3 sans-serif !important; color: #1E293B !important; margin: 0 0 4px 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; height: 35px !important; }
.deli-cat-count-v2 { font: 500 11px sans-serif !important; color: #64748B !important; margin: 0 !important; }
.deli-cat-bg-0 { background-color: #FFF1F2 !important; }
.deli-cat-bg-1 { background-color: #F0FDF4 !important; }
.deli-cat-bg-2 { background-color: #EFF6FF !important; }
.deli-cat-bg-3 { background-color: #FEFCE8 !important; }
.deli-cat-bg-4 { background-color: #FAF5FF !important; }
.deli-cat-bg-5 { background-color: #F0FDFA !important; }
.deli-cat-bg-6 { background-color: #FFF7ED !important; }
.deli-cat-bg-7 { background-color: #F8FAFC !important; }
@media (max-width: 991.98px) { .deli-cats-grid-v2 { display: flex !important; flex-wrap: nowrap !important; grid-template-rows: none !important; grid-auto-flow: initial !important; grid-auto-columns: auto !important; gap: 12px !important; overflow-x: auto !important; scroll-snap-type: x mandatory !important; } .deli-cats-grid-v2 .deli-cat-card-v2 { flex: 0 0 calc((100% - 60px) / 6) !important; min-width: calc((100% - 60px) / 6) !important; } }
@media (max-width: 767.98px) { .deli-cats-header-v2 { gap: 12px !important; } .deli-cats-slider-wrap { padding: 0 34px !important; } .deli-cats-grid-v2 { display: flex !important; flex-wrap: nowrap !important; gap: 10px !important; grid-auto-columns: auto !important; } .deli-cats-grid-v2 .deli-cat-card-v2 { flex: 0 0 calc((100% - 20px) / 3) !important; min-width: calc((100% - 20px) / 3) !important; } .deli-cats-nav-btn { width: 32px !important; height: 32px !important; flex-basis: 32px !important; } }
.deli-deal-hot-section { background-color: #F9F9F9; padding: 30px 0; }
.deli-deal-header-v2 { display: flex !important; align-items: center !important; justify-content: space-between !important; margin-bottom: 20px !important; }
.deli-deal-left-title { display: flex !important; align-items: center !important; gap: 12px !important; }
.deli-deal-title-text { font: 800 20px sans-serif !important; color: #0F172A !important; margin: 0 !important; }
.deli-deal-title-text i { color: #FF4D4F; }
.deli-countdown-wrap { display: flex !important; align-items: center !important; gap: 6px !important; font: 13.5px sans-serif !important; color: #64748B !important; margin-left: 10px !important; }
.countdown-box { background-color: #E2E8F0; color: #0F172A; font-weight: 700; padding: 4px 8px; border-radius: 6px; font-size: 13px !important; }
.deli-deal-right-actions { display: flex !important; align-items: center !important; gap: 15px !important; }
.deli-deal-viewmore-link { font: 600 14px sans-serif !important; color: #475569 !important; text-decoration: none; transition: color 0.2s; }
.deli-deal-viewmore-link:hover { color: var(--deli-purple) !important; }
.deli-deal-nav-btns { display: flex !important; gap: 8px !important; }
.deli-deal-nav-btn { width: 32px !important; height: 32px !important; border-radius: 50% !important; border: 1px solid #E2E8F0 !important; background-color: #ffffff !important; color: #334155 !important; display: flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; transition: all 0.2s ease; padding: 0 !important; }
.deli-deal-nav-btn:hover:not(:disabled) { border-color: var(--deli-purple) !important; color: var(--deli-purple) !important; background-color: var(--deli-purple-light) !important; }
.deli-deal-nav-btn:disabled { opacity: 0.4 !important; cursor: not-allowed !important; }
.deli-deal-scroll-container { width: 100% !important; overflow-x: auto !important; scroll-behavior: smooth !important; display: flex !important; gap: 16px !important; padding: 4px 2px 16px 2px !important; }
.deli-deal-scroll-container::-webkit-scrollbar { display: none !important; }
.deli-deal-scroll-item { flex: 0 0 calc(25% - 12px) !important; min-width: calc(25% - 12px) !important; box-sizing: border-box !important; }
.custom-deal-card { background: #ffffff !important; border: 1px solid #E2E8F0 !important; border-radius: 12px !important; padding: 14px !important; display: flex !important; gap: 12px !important; position: relative !important; height: 145px !important; box-sizing: border-box !important; transition: transform 0.2s ease, box-shadow 0.2s ease !important; }
.deal-card-link-overlay { position: absolute !important; inset: 0 !important; display: block !important; z-index: 4 !important; border-radius: inherit !important; text-indent: -9999px !important; overflow: hidden !important; }
.custom-deal-card:hover { transform: translateY(-2px) !important; box-shadow: 0 6px 15px rgba(0,0,0,0.05) !important; border-color: var(--deli-purple) !important; }
.deal-card-left { width: 100px !important; height: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; position: relative !important; flex-shrink: 0 !important; }
.deal-badge-sale { position: absolute !important; top: -4px !important; left: -4px !important; background-color: #FF4D4F !important; color: #ffffff !important; font: 700 11px sans-serif !important; padding: 2px 6px !important; border-radius: 6px !important; z-index: 2 !important; }
.deal-product-img { width: 90px !important; height: 90px !important; object-fit: contain !important; transition: transform 0.3s ease; }
.custom-deal-card:hover .deal-product-img { transform: scale(1.04); }
.deal-card-right { flex: 1 !important; display: flex !important; flex-direction: column !important; min-width: 0 !important; position: relative !important; }
.deal-btn-wishlist { position: absolute !important; top: -2px !important; right: 0 !important; background: none !important; border: none !important; color: #94A3B8 !important; font-size: 15px !important; cursor: pointer !important; padding: 0 !important; transition: color 0.2s; z-index: 8 !important; }
.deal-btn-wishlist:hover { color: #FF4D4F !important; }
.deal-btn-wishlist.is-wishlisted,
.deal-btn-wishlist.is-wishlisted i,
.deal-btn-wishlist.is-wishlisted svg,
.card-v2-wishlist-btn.is-wishlisted,
.card-v2-wishlist-btn.is-wishlisted i,
.card-v2-wishlist-btn.is-wishlisted svg,
.toggle-wishlist-btn i.text-danger,
.toggle-wishlist-btn svg.text-danger,
.toggle-wishlist-btn.is-wishlisted .fa-heart,
.toggle-wishlist-btn.is-wishlisted i.fa-heart { color: #dc3545 !important; }
.toggle-wishlist-btn i.text-dark,
.toggle-wishlist-btn svg.text-dark { color: #212529 !important; }
.toggle-wishlist-btn.is-loading { pointer-events: none; opacity: 0.75; }
.deal-product-name { display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; text-overflow: ellipsis !important; font: 600 13px/1.4 sans-serif !important; color: #1E293B !important; margin: 0 !important; height: 36px !important; max-height: 36px !important; text-decoration: none !important; }
.custom-deal-card:hover { transform: translateY(-2px) !important; box-shadow: 0 6px 15px rgba(0,0,0,0.05) !important; border-color: var(--primary-color) !important; }
.deal-product-name:hover { color: var(--primary-color) !important; }
.deal-badge-sale { position: absolute !important; top: -4px !important; left: -4px !important; background-color: var(--deli-orange) !important; color: #ffffff !important; font: 700 11px sans-serif !important; padding: 2px 6px !important; border-radius: 6px !important; z-index: 2 !important; }
.deal-current-price { font: 700 16px sans-serif !important; color: var(--primary-color) !important; }
.deal-btn-add-cart { position: absolute !important; bottom: 0 !important; right: 0 !important; width: 32px !important; height: 32px !important; border-radius: 50% !important; background-color: var(--primary-color) !important; border: none !important; color: #ffffff !important; display: flex !important; align-items： center !important; justify-content: center !important; cursor: pointer ! important; padding: 0 ! important; transition: background-color 0.2s, transform 0.1s; }
.deal-btn-add-cart:hover { background-color: var(--deli-purple-hover) ! important; }
.deal-meta-row { display: flex !important; align-items: center !important; gap: 8px !important; font-size: 12px !important; color: #64748B !important; margin-bottom: auto !important; }
.deal-stars { color: #FFB400 !important; display: flex !important; gap: 1px !important; }
.deal-stars i { font-size: 11px !important; }
.deal-price-block { display: flex !important; flex-direction: column !important; line-height: 1.2 !important; }
.deal-old-price { font-size: 12px !important; color: #94A3B8 !important; text-decoration: line-through !important; }
.deal-current-price { font: 700 16px sans-serif !important; color: #FF4D4F !important; }
.deal-btn-add-cart { position: absolute !important; bottom: 0 !important; right: 0 !important; width: 32px !important; height: 32px !important; border-radius: 50% !important; background-color: var(--deli-purple) !important; border: none !important; color: #ffffff !important; display: flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; transition: background-color 0.2s, transform 0.1s; padding: 0 !important; z-index: 8 !important; }
.deal-btn-add-cart:hover { background-color: var(--deli-purple-hover) !important; }
.deal-btn-add-cart:active { transform: scale(0.92); }
.deal-btn-add-cart i { font-size: 13px !important; }
@media (max-width: 1199px) { .deli-deal-scroll-item { flex: 0 0 calc(33.333% - 11px) !important; min-width: calc(33.333% - 11px) !important; } }
@media (max-width: 768px) { .deli-countdown-wrap { display: none !important; } .deli-deal-scroll-item { flex: 0 0 calc(85% - 12px) !important; min-width: calc(85% - 12px) !important; } }

.product-card-v2 { border: 1px solid var(--deli-border) !important; border-radius: 12px !important; overflow: hidden !important; background: #ffffff !important; display: flex !important; flex-direction: column !important; position: relative !important; width: 100% !important; height: 100% !important; padding-bottom: 12px !important; box-sizing: border-box !important; transition: transform 0.2s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.2s ease, border-color 0.2s ease !important; }
.card-v2-link-overlay { position: absolute !important; inset: 0 !important; display: block !important; z-index: 4 !important; border-radius: inherit !important; text-indent: -9999px !important; overflow: hidden !important; }
.product-card-v2:hover { transform: translateY(-4px) !important; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06) !important; border-color: var(--primary-color) !important; }
.card-v2-img-box { position: relative !important; padding-top: 100% !important; aspect-ratio: 1 / 1 !important; overflow: hidden !important; background: #ffffff !important; width: 100% !important; }
.card-v2-img-box img { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; object-fit: contain !important; padding: 8px !important; transition: transform 0.4s ease !important; }
.product-card-v2:hover .card-v2-img-box img { transform: scale(1.03) !important; }
.card-v2-badge-sale { position: absolute !important; top: 12px !important; left: 12px !important; background: var(--deli-orange) !important; color: #ffffff !important; font: 700 11px/1.2 Helvetica, sans-serif !important; padding: 2px 6px !important; border-radius: 6px !important; z-index: 5 !important; }
.deal-badge-sale, .card-v2-badge-sale { pointer-events: none !important; }
.card-v2-wishlist-btn { position: absolute !important; top: 12px !important; right: 12px !important; background: none !important; border: none !important; color: var(--text-muted) !important; font-size: 15px !important; cursor: pointer !important; z-index: 8 !important; padding: 0 !important; transition: color 0.2s !important; }
.card-v2-wishlist-btn:hover { color: var(--deli-orange) !important; }
.card-v2-body { padding: 12px 12px 0 12px !important; display: flex !important; flex-direction: column !important; flex-grow: 1 !important; }
.card-v2-title { font: 600 13.5px/1.4 Helvetica, sans-serif !important; color: var(--text-main) !important; height: 38px !important; overflow: hidden !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; margin-bottom: 8px !important; }
.card-v2-point-row { height: 20px !important; margin-bottom: 4px !important; display: flex !important; align-items: center !important; }
.card-v2-point-row .badge-point { background-color: var(--deli-orange-light) !important; color: var(--deli-orange) !important; }
.card-v2-footer-price-row { display: flex !important; align-items: center !important; justify-content: space-between !important; margin-top: auto !important; gap: 6px !important; width: 100% !important; }
.card-v2-current-price { font: 700 15.5px/1 Helvetica, sans-serif !important; color: var(--primary-color) !important; }
.card-v2-add-cart { position: relative !important; flex: 0 0 auto !important; width: 30px !important; height: 30px !important; border-radius: 50% !important; background-color: var(--primary-color) !important; border: none !important; color: #ffffff !important; display: flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; padding: 0 !important; transition: background-color 0.2s, transform 0.1s !important; z-index: 8 !important; }
.card-v2-add-cart:hover { background-color: var(--deli-purple-hover) !important; }
.card-v2-add-cart:active { transform: scale(0.92) !important; }
.card-v2-add-cart i { font-size: 12px !important; }
.card-v2-sold-text { font-size: 11.5px !important; color: var(--text-muted) !important; white-space: nowrap !important; }

.deli-flash-sale-container { background: #fff !important; border: 1.5px solid var(--deli-border) !important; border-radius: 16px !important; padding: 24px 44px !important; box-shadow: 0 12px 30px rgba(15,23,42,0.05) !important; margin: 24px 0 !important; box-sizing: border-box !important; }
.deli-flash-slider-wrap { position: relative !important; }
.deli-flash-row-scroll { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; scroll-behavior: smooth !important; scroll-snap-type: x mandatory !important; gap: 0 !important; padding-bottom: 8px !important; width: 100% !important; -ms-overflow-style: none !important; scrollbar-width: none !important; cursor: grab !important; user-select: none !important; touch-action: pan-y !important; }
.deli-flash-row-scroll.is-dragging { cursor: grabbing !important; scroll-behavior: auto !important; scroll-snap-type: none !important; }
.deli-flash-row-scroll a, .deli-flash-row-scroll img { -webkit-user-drag: none !important; user-select: none !important; }
.deli-flash-row-scroll::-webkit-scrollbar { display: none !important; }
.deli-flash-scroll-item { flex: 0 0 calc(100% / 6) !important; min-width: calc(100% / 6) !important; box-sizing: border-box !important; padding: 0 8px !important; scroll-snap-align: start !important; scroll-snap-stop: always !important; }
.deli-flash-nav-btn { position: absolute !important; top: 50% !important; z-index: 12 !important; width: 46px !important; height: 46px !important; border-radius: 50% !important; border: 1px solid #D7E3EF !important; background: rgba(255,255,255,0.98) !important; color: var(--primary-color) !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; transform: translateY(-50%) !important; box-shadow: 0 8px 22px rgba(15,23,42,0.14) !important; cursor: pointer !important; transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease, opacity 0.2s ease, box-shadow 0.2s ease !important; }
.deli-flash-nav-btn i { font-size: 18px !important; line-height: 1 !important; }
.deli-flash-nav-btn:hover { border-color: var(--primary-color) !important; background: #ffffff !important; color: #0F172A !important; box-shadow: 0 10px 26px rgba(15,23,42,0.18) !important; }
.deli-flash-nav-btn:disabled { opacity: 0.35 !important; cursor: default !important; pointer-events: none !important; }
.deli-flash-nav-prev { left: -30px !important; }
.deli-flash-nav-next { right: -30px !important; }
@media (max-width: 991.98px) { .deli-flash-row-scroll { display: flex !important; flex-wrap: nowrap !important; grid-template-rows: none !important; grid-auto-flow: initial !important; grid-auto-columns: auto !important; overflow-x: auto !important; scroll-snap-type: x mandatory !important; } .deli-flash-scroll-item { flex: 0 0 25% !important; min-width: 25% !important; } }
@media (max-width: 767.98px) { .deli-flash-sale-container { padding: 14px 34px !important; } .deli-flash-row-scroll { display: flex !important; flex-wrap: nowrap !important; gap: 0 !important; grid-auto-columns: auto !important; } .deli-flash-scroll-item { flex: 0 0 50% !important; min-width: 50% !important; padding: 0 6px !important; } .deli-flash-nav-btn { width: 40px !important; height: 40px !important; } .deli-flash-nav-btn i { font-size: 16px !important; } .deli-flash-nav-prev { left: -24px !important; } .deli-flash-nav-next { right: -24px !important; } }
.deli-hero-container-v2 { background-color: #ffffff !important; padding: 20px 0 !important; width: 100% !important; }
.hero-main-row-v2 { display: flex !important; gap: 20px !important; width: 100% !important; align-items: stretch !important; }
.hero-left-col-v2 { width: 250px !important; flex-shrink: 0 !important; position: relative !important; }
.hero-sidebar-cats-v2 { position: absolute !important; top: 0; left: 0; right: 0; bottom: 0; background: #ffffff !important; border: 1px solid var(--deli-border) !important; border-radius: 12px !important; padding: 8px 0 0 0 !important; display: flex !important; flex-direction: column !important; overflow: hidden !important; }
.hero-cat-list-v2 { list-style: none !important; margin: 0 !important; padding: 0 !important; flex: 1 !important; overflow-y: auto !important; }
.hero-cat-list-v2::-webkit-scrollbar { width: 4px; }
.hero-cat-list-v2::-webkit-scrollbar-track { background: #f8fafb; }
.hero-cat-list-v2::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 10px; }
.hero-cat-item-v2 a { display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 10px 18px !important; color: #334155 !important; font: 500 13.5px sans-serif !important; transition: all 0.2s ease !important; }
.hero-cat-item-v2 a:hover { background-color: var(--deli-purple-light) !important; color: var(--deli-purple) !important; padding-left: 22px !important; }
.hero-cat-item-v2 a i { font-size: 11px !important; color: #94A3B8 !important; }
.hero-right-col-v2 { flex-grow: 1 !important; min-width: 0 !important; }
.hero-images-row-v2 { display: flex !important; gap: 16px !important; width: 100% !important; margin-bottom: 16px !important; align-items: stretch !important; }
.hero-slider-block-v2 { flex: 1 !important; min-width: 0 !important; border-radius: 12px !important; overflow: hidden !important; height: auto !important; }
.hero-slider-block-v2 img { width: 100% !important; height: auto !important; object-fit: contain !important; display: block !important; border-radius: 12px !important; transition: transform .3s ease !important; }
.hero-slider-block-v2:hover img { transform: scale(1.03); }
.hero-banners-block-v2 { flex: 0 0 240px !important; width: 240px !important; background: var(--deli-orange-light); border-radius: 12px; padding: 20px; display: flex; flex-direction: column; justify-content: center; text-align: center; }
@media (max-width: 1199.98px) { .hero-banners-block-v2 { flex: 0 0 200px !important; width: 200px !important; } }
@media (max-width: 991.98px) { .hero-features-row-v2 .row > div { border-bottom: 1px solid #F1F5F9; padding-bottom: 10px; } .hero-features-row-v2 .row > div:last-child { border-bottom: none; padding-bottom: 0; } }
@media (max-width: 767.98px) { .hero-images-row-v2 { margin-bottom: 12px !important; flex-direction: column; } .hero-banners-block-v2 { width: 100% !important; flex-basis: auto !important; } .hero-slider-block-v2 { aspect-ratio: unset; } .hero-slider-block-v2 img { border-radius: 8px !important; height: auto !important; object-fit: contain !important; } .hero-features-row-v2 .feature-item-v2 { padding: 10px !important; } }
@media (max-width: 768px) { .deli-deal-scroll-container { gap: 12px !important; padding: 4px 2px 12px 2px !important; } }
@media (max-width: 575px) { .row.m-0 .category .col-lg-12 + .col-lg-12 .row.g-3 .col-xl-2 { flex: 0 0 calc(50% - 6px) !important; max-width: calc(50% - 6px) !important; padding: 0 3px !important; } }

.deli-recommend-section { padding: 40px 0 !important; }
.deli-recommend-heading { display: flex !important; flex-direction: column !important; gap: 4px !important; min-width: 0 !important; }
.deli-recommend-heading small { color: var(--text-muted) !important; font: 500 12.5px/1.4 sans-serif !important; }
.recommend-view-more { color: var(--primary-color) !important; flex-shrink: 0 !important; }
.recommend-layout { display: grid !important; grid-template-columns: 236px minmax(0, 1fr) !important; gap: 14px !important; align-items: stretch !important; }
.recommend-offer-card { display: block !important; min-width: 0 !important; aspect-ratio: 5 / 6 !important; min-height: 0 !important; align-self: start !important; border-radius: 12px !important; overflow: hidden !important; background: transparent !important; border: 1px solid #D7F0EB !important; box-shadow: 0 8px 20px rgba(15, 23, 42, 0.04) !important; }
.recommend-offer-card picture,
.recommend-offer-card img { display: block !important; width: 100% !important; height: 100% !important; }
.recommend-offer-card img { object-fit: contain !important; object-position: center !important; transition: transform 0.25s ease !important; }
.recommend-offer-card:hover img { transform: scale(1.02) !important; }
.recommend-products-grid { display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)) !important; gap: 14px !important; align-items: stretch !important; min-width: 0 !important; width: 100% !important; }
.recommend-products-item { min-width: 0 !important; }
.recommend-card { position: relative !important; height: 100% !important; min-height: 282px !important; max-height: 282px !important; background: #ffffff !important; border: 1px solid var(--deli-border) !important; border-radius: 12px !important; overflow: hidden !important; display: flex !important; flex-direction: column !important; transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease !important; }
.recommend-card:hover { transform: translateY(-3px) !important; box-shadow: 0 8px 20px rgba(15, 23, 42, 0.06) !important; border-color: var(--primary-color) !important; }
.recommend-card-link { position: absolute !important; inset: 0 !important; display: block !important; z-index: 3 !important; border-radius: inherit !important; text-indent: -9999px !important; overflow: hidden !important; }
.recommend-card-badge { position: absolute !important; top: 12px !important; left: 12px !important; z-index: 5 !important; background: var(--deli-orange) !important; color: #ffffff !important; font: 700 11px/1 Helvetica, sans-serif !important; padding: 4px 7px !important; border-radius: 999px !important; pointer-events: none !important; }
.recommend-card-wishlist { position: absolute !important; top: 12px !important; right: 12px !important; width: 28px !important; height: 28px !important; border: none !important; border-radius: 50% !important; background: rgba(255,255,255,0.92) !important; color: var(--text-muted) !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; cursor: pointer !important; z-index: 8 !important; box-shadow: 0 2px 8px rgba(15,23,42,0.08) !important; }
.recommend-card-wishlist:hover { color: var(--deli-orange) !important; }
.recommend-card-wishlist i { font-size: 14px !important; }
.recommend-card-image { width: 100% !important; aspect-ratio: 1 / 1 !important; max-height: 158px !important; background: #ffffff !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 14px !important; }
.recommend-card-image img { width: 100% !important; height: 100% !important; object-fit: contain !important; transition: transform 0.3s ease !important; }
.recommend-card:hover .recommend-card-image img { transform: scale(1.03) !important; }
.recommend-card-body { padding: 8px 12px 14px !important; display: flex !important; flex-direction: column !important; flex: 1 !important; min-height: 0 !important; overflow: hidden !important; }
.recommend-card-title { color: var(--text-main) !important; font: 600 13.5px/1.35 Helvetica, sans-serif !important; height: 37px !important; max-height: 37px !important; overflow: hidden !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; margin-bottom: 8px !important; position: relative !important; z-index: 5 !important; }
.recommend-card-title:hover { color: var(--primary-color) !important; }
.recommend-card-point-row { min-height: 20px !important; margin-bottom: 6px !important; display: flex !important; align-items: center !important; }
.recommend-card-point { display: inline-flex !important; align-items: center !important; gap: 4px !important; max-width: 100% !important; min-width: 0 !important; background: var(--deli-orange-light) !important; color: var(--deli-orange) !important; border-radius: 5px !important; padding: 3px 7px !important; font: 700 10.5px/1 Helvetica, sans-serif !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
.recommend-card-point i { font-size: 9px !important; flex-shrink: 0 !important; }
.recommend-card-price-row { margin-top: auto !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 4px !important; min-width: 0 !important; padding-right: 0 !important; }
.recommend-card-price { color: var(--primary-color) !important; font: 800 16px/1 Helvetica, sans-serif !important; white-space: nowrap !important; }
.recommend-card-old-price { color: #9CA3AF !important; font: 600 11.5px/1 Helvetica, sans-serif !important; text-decoration: line-through !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
.recommend-card-cart { position: absolute !important; right: 12px !important; bottom: 12px !important; z-index: 8 !important; width: 30px !important; height: 30px !important; border: 0 !important; border-radius: 50% !important; background: var(--primary-color) !important; color: #ffffff !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; box-shadow: 0 5px 12px rgba(39, 174, 150, 0.28) !important; }
.recommend-card-cart i { font-size: 12px !important; }
.deli-mobile-view-more { display: inline-block; font: 700 14px sans-serif; color: var(--deli-orange); text-decoration: none; transition: color 0.2s ease; }
.deli-mobile-view-more:hover { color: var(--primary-color); }
.deli-featured-products-section { padding: 30px 0 !important; background: #fff !important; width: 100% !important; box-sizing: border-box !important; }
.deli-featured-products-grid { display: grid !important; grid-template-columns: repeat(6, minmax(0, 1fr)) !important; gap: 16px !important; align-items: stretch !important; margin-top: 8px !important; }
.deli-featured-products-item { min-width: 0 !important; }
.ranking-category-panel { background: transparent !important; border: 0 !important; border-radius: 14px !important; overflow: visible !important; box-shadow: none !important; }
.ranking-category-head { display: flex !important; align-items: flex-end !important; justify-content: space-between !important; border-bottom: 0 !important; min-height: 48px !important; }
.ranking-category-tabs { display: flex !important; align-items: flex-end !important; gap: 4px !important; min-width: 0 !important; overflow-x: auto !important; -ms-overflow-style: none !important; scrollbar-width: none !important; }
.ranking-category-tabs::-webkit-scrollbar { display: none !important; }
.ranking-category-tab { min-width: 160px !important; height: 42px !important; border: 1px solid var(--deli-border) !important; border-bottom: 0 !important; background: #F8FAFB !important; color: var(--deli-orange) !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; padding: 0 14px !important; font: 700 14px/1.25 sans-serif !important; text-transform: none !important; letter-spacing: 0 !important; cursor: pointer !important; transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease !important; white-space: nowrap !important; border-radius: 12px 12px 0 0 !important; }
.ranking-category-tab span { font: inherit !important; color: inherit !important; letter-spacing: 0 !important; }
.ranking-category-tab i { color: var(--deli-orange) !important; font-size: 15px !important; }
.ranking-category-tab.is-active { background: #ffffff !important; color: var(--primary-color) !important; border-color: var(--primary-color) !important; box-shadow: inset 0 3px 0 var(--primary-color) !important; }
.ranking-category-tab.is-active i { color: var(--primary-color) !important; }
.ranking-category-viewmore { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; height: 42px !important; margin-right: 18px !important; padding: 0 14px !important; color: var(--primary-color) !important; font: 700 13.5px/1 Helvetica, sans-serif !important; white-space: nowrap !important; }
.ranking-mobile-title-row { display: none !important; }
.ranking-category-body { padding: 16px 18px !important; background: #ffffff !important; border: 1px solid var(--deli-border) !important; border-radius: 0 14px 14px 14px !important; box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04) !important; }
.ranking-category-content { display: none !important; }
.ranking-category-content.is-active { display: block !important; }
.ranking-desktop-list { display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)) !important; gap: 0 !important; }
.ranking-mobile-scroll { display: none !important; }
.ranking-product-card { position: relative !important; min-width: 0 !important; display: grid !important; grid-template-columns: 96px minmax(0, 1fr) !important; gap: 14px !important; align-items: center !important; padding: 8px 16px 8px 12px !important; color: var(--text-main) !important; min-height: 126px !important; border-right: 1px solid #EEF2F7 !important; transition: background 0.2s ease !important; }
.ranking-product-card:last-child { border-right: 0 !important; }
.ranking-product-card:hover { background: #F8FAFB !important; }
.ranking-product-badge { position: absolute !important; top: 10px !important; left: 8px !important; z-index: 2 !important; width: 30px !important; height: 30px !important; border-radius: 50% !important; background: var(--deli-orange) !important; color: #ffffff !important; border: 3px solid #FFE5D8 !important; box-shadow: 0 4px 10px rgba(230, 127, 102, 0.35) !important; display: flex !important; align-items: center !important; justify-content: center !important; font: 800 13px/1 Helvetica, sans-serif !important; }
.ranking-product-card:nth-child(1) .ranking-product-badge { background: #F5B21B !important; border-color: #FFF0C7 !important; box-shadow: 0 4px 10px rgba(245, 178, 27, 0.32) !important; }
.ranking-product-card:nth-child(2) .ranking-product-badge { background: #9CA3AF !important; border-color: #EEF2F7 !important; box-shadow: 0 4px 10px rgba(100, 116, 139, 0.22) !important; }
.ranking-product-card:nth-child(3) .ranking-product-badge { background: var(--deli-orange) !important; border-color: #FFE5D8 !important; box-shadow: 0 4px 10px rgba(230, 127, 102, 0.35) !important; }
.ranking-product-card:nth-child(n+4) .ranking-product-badge { background: #F28A62 !important; border-color: #FFE5D8 !important; box-shadow: 0 4px 10px rgba(242, 138, 98, 0.28) !important; }
.ranking-product-image { width: 96px !important; height: 96px !important; display: flex !important; align-items: center !important; justify-content: center !important; }
.ranking-product-image img { width: 100% !important; height: 100% !important; object-fit: contain !important; }
.ranking-product-info { min-width: 0 !important; display: flex !important; flex-direction: column !important; gap: 8px !important; }
.ranking-product-name { color: #334155 !important; font: 700 13px/1.35 Helvetica, sans-serif !important; height: 36px !important; overflow: hidden !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; }
.ranking-product-price { color: var(--primary-color) !important; font: 800 15px/1 Helvetica, sans-serif !important; }
.ranking-product-meta { display: inline-flex !important; align-items: center !important; gap: 4px !important; color: #475569 !important; font: 700 11.5px/1 Helvetica, sans-serif !important; }
.ranking-product-meta i { color: #FFB400 !important; font-size: 11px !important; }
@media (max-width: 991.98px) { .deli-featured-cats-section-v2 .deli-page-container, .deli-deal-hot-section .deli-page-container, .deli-featured-products-section .deli-page-container, .deli-recommend-section .deli-page-container, .deli-top-rated-section .deli-page-container { padding: 0 !important; } }
@media (max-width: 767.98px) { .deli-recommend-section { padding: 30px 0 !important; } }
@media (min-width: 768px) and (max-width: 1199.98px) { .recommend-layout { grid-template-columns: minmax(210px, 0.8fr) minmax(0, 2.2fr) !important; gap: 16px !important; align-items: stretch !important; } .recommend-products-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; grid-auto-flow: row !important; grid-auto-columns: auto !important; gap: 14px !important; overflow: visible !important; scroll-snap-type: none !important; } .recommend-products-item { min-width: 0 !important; scroll-snap-align: none !important; } .recommend-products-item:nth-child(n+5) { display: none !important; } .recommend-card { min-height: 140px !important; max-height: none !important; display: grid !important; grid-template-columns: 128px minmax(0, 1fr) !important; align-items: center !important; } .recommend-card-image { width: 128px !important; height: 128px !important; max-height: none !important; aspect-ratio: auto !important; padding: 10px !important; } .recommend-card-body { min-height: 0 !important; padding: 14px 16px !important; } .recommend-card-title { font-size: 12.5px !important; height: 36px !important; max-height: 36px !important; margin-bottom: 11px !important; } .recommend-card-point-row { min-height: 20px !important; margin-bottom: 11px !important; } .recommend-card-point { font-size: 9.5px !important; padding: 4px 7px !important; } .recommend-card-price-row { gap: 5px !important; padding-right: 0 !important; } .recommend-card-price { font-size: 15px !important; } .recommend-card-old-price { font-size: 10px !important; } }
@media (max-width: 767.98px) { .deli-recommend-section .category > .d-flex:first-child { gap: 10px !important; } .deli-recommend-heading small { font-size: 11.5px !important; } .recommend-layout { display: block !important; } .recommend-offer-card { display: none !important; } .recommend-products-grid { display: grid !important; grid-auto-flow: column !important; grid-auto-columns: calc((100% - 24px) / 3) !important; grid-template-columns: none !important; gap: 12px !important; overflow-x: auto !important; scroll-snap-type: x mandatory !important; scroll-behavior: smooth !important; overscroll-behavior-x: contain !important; -ms-overflow-style: none !important; scrollbar-width: none !important; } .recommend-products-grid::-webkit-scrollbar { display: none !important; } .recommend-products-item { scroll-snap-align: start !important; } .recommend-products-item:nth-child(n+4) { display: none !important; } .recommend-card { min-height: 220px !important; max-height: none !important; } .recommend-card-image { max-height: none !important; padding: 8px !important; } .recommend-card-body { padding: 8px !important; min-height: 98px !important; } .recommend-card-title { font-size: 11px !important; height: 31px !important; max-height: 31px !important; margin-bottom: 6px !important; } .recommend-card-point-row { min-height: 17px !important; margin-bottom: 6px !important; } .recommend-card-point { font-size: 8.5px !important; padding: 3px 5px !important; } .recommend-card-price-row { gap: 3px !important; padding-right: 0 !important; } .recommend-card-price { font-size: 12.5px !important; } .recommend-card-old-price { font-size: 9px !important; } }
@media (min-width: 768px) and (max-width: 1199.98px) { .ranking-desktop-list { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; overflow: hidden !important; } .ranking-product-card:nth-child(n+4) { display: none !important; } .ranking-product-card { border-right: 1px solid #EEF2F7 !important; } .ranking-product-card:nth-child(3) { border-right: 0 !important; } }
@media (max-width: 767.98px) { .ranking-category-panel { border-radius: 20px !important; padding: 14px 12px 16px !important; background: #ffffff !important; } .ranking-category-head { flex-direction: column !important; min-height: 0 !important; border-bottom: 0 !important; } .ranking-category-tabs { width: 100% !important; display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; overflow: visible !important; gap: 8px !important; padding: 0 !important; } .ranking-category-tab { min-width: 0 !important; width: 100% !important; padding: 13px 6px !important; font-size: 12px !important; gap: 0 !important; border: 0 !important; border-radius: 14px !important; background: #ffffff !important; color: #64748B !important; box-shadow: 0 2px 10px rgba(15, 23, 42, 0.08) !important; } .ranking-category-tab.is-active { color: #ffffff !important; background: var(--primary-color) !important; box-shadow: 0 7px 16px rgba(39, 174, 150, 0.24) !important; } .ranking-category-tab i { display: none !important; } .ranking-category-tab span { overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; font-size: 0 !important; } .ranking-category-tab span::after { content: attr(data-short-title) !important; font: 700 12px/1.25 sans-serif !important; letter-spacing: 0 !important; } .ranking-category-viewmore { display: none !important; } .ranking-mobile-title-row { display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 22px 2px 14px !important; } .ranking-mobile-title { display: inline-flex !important; align-items: center !important; gap: 8px !important; color: var(--text-main) !important; font: 700 22px/1.25 sans-serif !important; letter-spacing: 0 !important; } .ranking-mobile-title i { color: var(--deli-orange) !important; font-size: 20px !important; } .ranking-mobile-viewmore { display: inline-flex !important; align-items: center !important; gap: 7px !important; color: var(--primary-color) !important; font: 700 13px/1 Helvetica, sans-serif !important; } .ranking-category-body { padding: 0 !important; } .ranking-desktop-list { display: none !important; } .ranking-mobile-scroll { display: grid !important; grid-auto-flow: column !important; grid-template-rows: repeat(1, auto) !important; grid-auto-columns: calc((100% - 24px) / 2.35) !important; gap: 12px !important; overflow-x: auto !important; scroll-behavior: smooth !important; padding: 2px 2px 4px !important; -ms-overflow-style: none !important; scrollbar-width: none !important; } .ranking-mobile-scroll::-webkit-scrollbar { display: none !important; } .ranking-mobile-card { position: relative !important; min-width: 0 !important; } .ranking-mobile-card .product-card-v2 { min-height: 305px !important; } .ranking-mobile-rank { position: absolute !important; top: 10px !important; left: 10px !important; width: 32px !important; height: 38px !important; border-radius: 9px 9px 9px 0 !important; background: var(--deli-orange) !important; color: #ffffff !important; display: flex !important; align-items: center !important; justify-content: center !important; font: 800 18px/1 Helvetica, sans-serif !important; z-index: 9 !important; box-shadow: 0 4px 10px rgba(230, 127, 102, 0.28) !important; } .ranking-mobile-card:nth-child(2) .ranking-mobile-rank { background: #9CA3AF !important; box-shadow: 0 4px 10px rgba(100, 116, 139, 0.22) !important; } .ranking-mobile-card .card-v2-badge-sale { top: 52% !important; left: 12px !important; z-index: 8 !important; } }
@media (max-width: 767.98px) { .ranking-category-panel { display: flex !important; flex-direction: column !important; padding: 14px !important; box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08) !important; } .ranking-category-head { order: 2 !important; margin-bottom: 12px !important; } .ranking-mobile-title-row { order: 1 !important; justify-content: flex-start !important; padding: 2px 0 14px !important; } .ranking-category-body { order: 3 !important; } .ranking-mobile-title { color: inherit !important; letter-spacing: 0 !important; } .ranking-mobile-viewmore { display: none !important; } .ranking-category-tabs { gap: 8px !important; } .ranking-category-tab { min-height: 32px !important; padding: 0 8px !important; border: 1px solid #EAF0F4 !important; border-radius: 999px !important; box-shadow: none !important; color: #64748B !important; background: #ffffff !important; text-transform: none !important; gap: 0 !important; } .ranking-category-tab.is-active { background: #ffffff !important; color: var(--primary-color) !important; border-color: var(--primary-color) !important; box-shadow: inset 0 0 0 1px rgba(39, 174, 150, 0.1) !important; } .ranking-mobile-scroll { display: flex !important; flex-direction: column !important; gap: 0 !important; overflow: visible !important; padding: 0 !important; } .ranking-mobile-list-card { position: relative !important; display: grid !important; grid-template-columns: 28px 62px minmax(0, 1fr) 34px !important; align-items: center !important; gap: 10px !important; min-height: 82px !important; padding: 8px 0 !important; border-bottom: 1px solid #EEF2F7 !important; color: var(--text-main) !important; } .ranking-mobile-list-card:last-child { border-bottom: 0 !important; } .ranking-mobile-list-rank { width: 21px !important; height: 28px !important; display: flex !important; align-items: center !important; justify-content: center !important; align-self: start !important; margin-top: 3px !important; color: var(--primary-color) !important; font: 800 12px/1 Helvetica, sans-serif !important; } .ranking-mobile-list-rank-1, .ranking-mobile-list-rank-2, .ranking-mobile-list-rank-3 { border-radius: 8px 8px 8px 0 !important; color: #ffffff !important; } .ranking-mobile-list-rank-1 { background: #F5B21B !important; } .ranking-mobile-list-rank-2 { background: #9CA3AF !important; } .ranking-mobile-list-rank-3 { background: var(--deli-orange) !important; } .ranking-mobile-list-image { width: 62px !important; height: 62px !important; border-radius: 8px !important; background: #F8FAFB !important; display: flex !important; align-items: center !important; justify-content: center !important; overflow: hidden !important; } .ranking-mobile-list-image img { width: 100% !important; height: 100% !important; object-fit: contain !important; padding: 4px !important; } .ranking-mobile-list-info { min-width: 0 !important; display: flex !important; flex-direction: column !important; gap: 3px !important; } .ranking-mobile-list-name { color: #334155 !important; font: 700 11.5px/1.25 Helvetica, sans-serif !important; height: 29px !important; overflow: hidden !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; } .ranking-mobile-list-price-row { display: flex !important; align-items: baseline !important; gap: 6px !important; min-width: 0 !important; } .ranking-mobile-list-price { color: var(--primary-color) !important; font: 900 15px/1.05 Helvetica, sans-serif !important; white-space: nowrap !important; } .ranking-mobile-list-old-price { color: #9CA3AF !important; font: 600 9.5px/1 Helvetica, sans-serif !important; text-decoration: line-through !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } .ranking-mobile-list-meta { display: inline-flex !important; align-items: center !important; gap: 3px !important; color: #64748B !important; font: 600 9.5px/1 Helvetica, sans-serif !important; } .ranking-mobile-list-meta i { color: var(--deli-orange) !important; font-size: 9.5px !important; } .ranking-mobile-list-cart { width: 30px !important; height: 30px !important; border-radius: 50% !important; border: 0 !important; color: #ffffff !important; background: var(--primary-color) !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; } .ranking-mobile-list-cart i { font-size: 12px !important; } }
@media (max-width: 991.98px) { .deli-featured-products-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 14px !important; } }
@media (max-width: 575.98px) { .deli-featured-products-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; } }
@media (min-width: 576px) and (max-width: 991px) { .row.m-0 .category .col-lg-12 + .col-lg-12 .row.g-3 .col-xl-2 { flex: 0 0 calc(33.333% - 6px) !important; max-width: calc(33.333% - 6px) !important; padding: 0 3px !important; } }
@media (min-width: 992px) { .row.m-0 .category .col-lg-12 + .col-lg-12 .row.g-3 .col-xl-2 { flex: 0 0 calc(16.666% - 6px) !important; max-width: calc(16.666% - 6px) !important; padding: 0 3px !important; } }
@media (max-width: 575px) { .deli-deal-hot-section .row.m-0 .col-12.col-md-6.col-xl-3 { flex: 0 0 50% !important; max-width: 50% !important; padding: 0 3px !important; } }
@media (min-width: 576px) and (max-width: 991px) { .deli-deal-hot-section .row.m-0 .col-12.col-md-6.col-xl-3 { flex: 0 0 50% !important; max-width: 50% !important; padding: 0 3px !important; } }

.hero-features-row-v2 { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 12px !important; padding: 16px 12px !important; box-shadow: 0 1px 3px #00000005 !important; margin-top: 16px !important; width: 100% !important; }
.deli-features-grid-v2 { display: flex !important; flex-direction: row !important; align-items: stretch !important; width: 100% !important; flex-wrap: nowrap !important; }
.feature-item-v2 { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: center !important; gap: 12px !important; flex: 1 !important; padding: 0 16px !important; position: relative !important; width: 25% !important; }
.feature-item-v2:not(:last-child)::after { content: '' !important; position: absolute !important; right: 0 !important; top: 15% !important; height: 70% !important; width: 1px !important; background: #e2e8f0 !important; }
.feature-item-v2 img { width: 36px !important; height: 36px !important; object-fit: contain !important; flex-shrink: 0 !important; }
.feature-text-v2 { display: flex !important; flex-direction: column !important; justify-content: center !important; }
.feature-text-v2 strong { font: 700 13.5px/1.2 Helvetica, sans-serif !important; color: #1e293b !important; margin-bottom: 2px !important; display: block !important; }
.feature-sub-title { font: 400 11.5px/1.4 Helvetica, sans-serif !important; color: #64748b !important; margin: 0 !important; }
@media (max-width: 1199.98px) { .feature-item-v2 { padding: 0 10px !important; gap: 8px !important; } .feature-text-v2 strong { font-size: 12px !important; } .feature-sub-title { display: none !important; } }
@media (max-width: 767.98px) { .hero-features-row-v2 { padding: 12px 6px !important; } .feature-item-v2 { flex-direction: column !important; padding: 0 4px !important; gap: 6px !important; } .feature-item-v2 img { width: 26px !important; height: 26px !important; } .feature-text-v2 { align-items: center !important; } .feature-text-v2 strong { font: 700 10px/1.2 Helvetica, sans-serif !important; text-align: center !important; white-space: normal !important; } .feature-item-v2:not(:last-child)::after { top: 20% !important; height: 60% !important; } }

.custom-deal-banners-row { align-items: stretch !important; }
.custom-banner-anchor { display: block !important; width: 100% !important; height: 100% !important; background: transparent !important; transition: transform 0.2s ease-in-out; }
.custom-banner-anchor:hover { transform: scale(1.01); }
.custom-banner-img { display: block !important; width: 100% !important; height: 100% !important; min-height: 100% !important; object-fit: cover !important; background: transparent !important; border: 1px solid var(--deli-border); border-radius: 12px; }
@media (max-width: 991.98px) { .custom-banner-img { object-fit: fill !important; } }

.deli-deal-scroll-container { display: grid !important; grid-auto-flow: column !important; grid-auto-columns: calc((100% - 36px) / 4) !important; gap: 12px !important; overflow-x: auto !important; padding: 4px 2px 16px 2px !important; scrollbar-width: none !important; -webkit-overflow-scrolling: touch !important; scroll-behavior: smooth !important; }
.deli-deal-scroll-container::-webkit-scrollbar { display: none !important; }
.deli-deal-scroll-item { display: flex !important; width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; }
.custom-deal-card { display: flex !important; background: #ffffff !important; border: 1px solid var(--deli-border) !important; border-radius: 12px !important; padding: 10px !important; width: 100% !important; position: relative !important; box-sizing: border-box !important; transition: transform 0.2s ease, box-shadow 0.2s ease !important; }
.custom-deal-card:hover { transform: translateY(-2px) !important; box-shadow: 0 6px 15px rgba(0,0,0,0.05) !important; border-color: var(--primary-color) !important; }
.deal-card-left { width: 90px !important; flex-shrink: 0 !important; margin-right: 10px !important; position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; }
.deal-product-img { width: 100% !important; height: 90px !important; object-fit: contain !important; transition: transform 0.3s ease !important; }
.deal-card-right { flex-grow: 1 !important; position: relative !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; min-width: 0 !important; min-height: 90px !important; padding-right: 25px !important; }
.deal-price-block { display: flex !important; flex-direction: column !important; margin-top: auto !important; }
.deal-btn-add-cart { position: absolute !important; bottom: 0 !important; right: 0 !important; width: 30px !important; height: 30px !important; border-radius: 50% !important; background-color: var(--primary-color) !important; border: none !important; color: #ffffff !important; display: flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; padding: 0 !important; transition: background-color 0.2s, transform 0.1s !important; }
.deal-btn-add-cart:hover { background-color: var(--deli-purple-hover) !important; }
.deal-btn-add-cart:active { transform: scale(0.9) !important; }
@media (min-width: 1200px) { .deli-deal-scroll-container { grid-template-rows: repeat(1, auto) !important; } .custom-deal-card { height: 145px !important; } }
@media (min-width: 768px) and (max-width: 1199.98px) { .deli-deal-scroll-container { grid-template-rows: repeat(2, auto) !important; grid-auto-columns: calc((100% - 24px) / 3) !important; } .custom-deal-card { height: auto !important; min-height: 120px !important; } }
@media (max-width: 767.98px) { .deli-page-container { width: min(calc(100% - 24px), 1200px) !important; } .deli-deal-scroll-container { grid-template-rows: repeat(2, auto) !important; grid-auto-columns: calc((100% - 12px) / 2) !important; } .custom-deal-card { height: auto !important; min-height: 125px !important; padding: 8px !important; } .deal-card-left { width: 70px !important; } .deal-product-img { height: 70px !important; } .deal-product-name { font-size: 12px !important; } .deal-current-price { font-size: 14px !important; } }
@media (max-width: 480px) { .custom-deal-card { flex-direction: column !important; height: auto !important; min-height: 250px !important; align-items: stretch !important; gap: 10px !important; padding: 0 0 12px 0 !important; overflow: hidden !important; } .deal-card-left { width: 100% !important; height: 140px !important; margin: 0 !important; border-radius: 11px 11px 0 0 !important; overflow: hidden !important; background-color: #EBF7F5 !important; display: flex !important; align-items: center !important; justify-content: center !important; } .deal-product-img { width: 100% !important; height: 100% !important; max-height: 120px !important; object-fit: contain !important; padding: 8px !important; } .deal-card-right { padding: 0 12px !important; width: 100% !important; height: auto !important; min-height: unset !important; display: flex !important; flex-direction: column !important; box-sizing: border-box !important; position: relative !important; } .deal-product-name, .card-v2-title { font: 600 13.5px/17px Helvetica, sans-serif !important; color: var(--text-main) !important; margin: 0 24px 4px 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; text-overflow: ellipsis !important; height: 34px !important; max-height: 34px !important; } .deal-btn-wishlist { position: absolute !important; top: 0 !important; right: 12px !important; z-index: 10 !important; } .deal-price-block { margin-top: 4px !important; } .deal-badge-sale { top: 8px !important; left: 8px !important; } .deal-btn-add-cart { position: absolute !important; bottom: 0 !important; right: 12px !important; } }

.deli-deal-hot-section .deli-deal-slider-wrap { position: relative !important; padding: 0 42px !important; }
.deli-deal-hot-section .deli-deal-nav-btn { position: absolute !important; top: 50% !important; z-index: 12 !important; width: 34px !important; height: 34px !important; border-radius: 50% !important; border: 1px solid #D7E3EF !important; background: #ffffff !important; color: #334155 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; transform: translateY(-50%) !important; cursor: pointer !important; transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease, opacity 0.2s ease, box-shadow 0.2s ease !important; }
.deli-deal-hot-section .deli-deal-nav-btn i { font-size: 14px !important; line-height: 1 !important; }
.deli-deal-hot-section .deli-deal-nav-btn:hover:not(:disabled) { border-color: var(--primary-color) !important; color: var(--primary-color) !important; background: #ffffff !important; box-shadow: 0 6px 16px rgba(15,23,42,0.1) !important; }
.deli-deal-hot-section .deli-deal-nav-btn:disabled { opacity: 0.35 !important; cursor: default !important; pointer-events: none !important; box-shadow: none !important; }
.deli-deal-hot-section .deli-deal-nav-prev { left: 0 !important; }
.deli-deal-hot-section .deli-deal-nav-next { right: 0 !important; }
.deli-deal-hot-section .deli-deal-scroll-container { display: flex !important; flex-wrap: nowrap !important; grid-template-rows: none !important; grid-auto-flow: initial !important; grid-auto-columns: auto !important; gap: 12px !important; width: 100% !important; overflow-x: auto !important; scroll-behavior: smooth !important; scroll-snap-type: x mandatory !important; padding: 4px 2px 16px !important; -ms-overflow-style: none !important; scrollbar-width: none !important; cursor: grab !important; user-select: none !important; touch-action: pan-y !important; }
.deli-deal-hot-section .deli-deal-scroll-container.is-dragging { cursor: grabbing !important; scroll-behavior: auto !important; scroll-snap-type: none !important; }
.deli-deal-hot-section .deli-deal-scroll-container a, .deli-deal-hot-section .deli-deal-scroll-container img { -webkit-user-drag: none !important; user-select: none !important; }
.deli-deal-hot-section .deli-deal-scroll-item { flex: 0 0 calc((100% - 36px) / 4) !important; min-width: calc((100% - 36px) / 4) !important; width: auto !important; scroll-snap-align: start !important; scroll-snap-stop: always !important; box-sizing: border-box !important; }
.deli-deal-hot-section .custom-deal-card { height: 145px !important; min-height: 145px !important; }
@media (min-width: 768px) and (max-width: 1199.98px) { .deli-deal-hot-section .deli-deal-scroll-item { flex-basis: calc((100% - 36px) / 4) !important; min-width: calc((100% - 36px) / 4) !important; } .deli-deal-hot-section .custom-deal-card { height: auto !important; min-height: 125px !important; } }
@media (max-width: 767.98px) { .deli-deal-hot-section .deli-deal-slider-wrap { padding: 0 34px !important; } .deli-deal-hot-section .deli-deal-scroll-container { gap: 10px !important; } .deli-deal-hot-section .deli-deal-scroll-item { flex-basis: calc((100% - 10px) / 2) !important; min-width: calc((100% - 10px) / 2) !important; } .deli-deal-hot-section .deli-deal-nav-btn { width: 32px !important; height: 32px !important; } .deli-deal-hot-section .custom-deal-card { min-height: 125px !important; } }

.deli-hero-container-v2, .deli-flash-section, .deli-featured-cats-section-v2, .deli-deal-hot-section, .deli-featured-products-section, .deli-recommend-section, .deli-top-rated-section, .deli-links-section { padding: 32px 0 !important; margin: 0 !important; }
.deli-flash-sale-container { margin: 0 !important; }
.custom-deal-banners-row { margin-top: 24px !important; background: transparent !important; }
.deli-section-title, .deli-cats-title-v2, .deli-deal-title-text { display: inline-flex !important; align-items: center !important; gap: 8px !important; color: var(--text-main, #0F172A) !important; font: 700 22px/1.25 sans-serif !important; margin: 0 !important; letter-spacing: 0 !important; }
.deli-section-title span, .deli-cats-title-v2 span, .deli-deal-title-text span { font: inherit !important; color: inherit !important; letter-spacing: 0 !important; }
.deli-section-title i, .deli-cats-title-v2 i, .deli-deal-title-text i { font-size: 18px !important; line-height: 1 !important; }
.view-more, .deli-deal-viewmore-link, .deli-cats-viewall-btn-v2, .recommend-view-more, .ranking-category-viewmore { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 32px !important; color: var(--text-muted) !important; font: 600 13.5px/1.2 sans-serif !important; text-decoration: none !important; white-space: nowrap !important; transition: color 0.2s ease !important; }
.view-more:hover, .view-more:focus, .view-more:active, .deli-deal-viewmore-link:hover, .deli-deal-viewmore-link:focus, .deli-deal-viewmore-link:active, .deli-cats-viewall-btn-v2:hover, .deli-cats-viewall-btn-v2:focus, .deli-cats-viewall-btn-v2:active, .recommend-view-more:hover, .recommend-view-more:focus, .recommend-view-more:active, .ranking-category-viewmore:hover, .ranking-category-viewmore:focus, .ranking-category-viewmore:active { color: var(--primary-color) !important; font-size: 13.5px !important; }
.deli-deal-right-actions, .deli-cats-header-v2 > .d-flex, .deli-flash-section .col-lg-12 > .d-flex:last-child, .deli-recommend-section .col-lg-12 > .d-flex:last-child { display: flex !important; align-items: center !important; gap: 12px !important; }
.deli-deal-nav-btns { align-items: center !important; height: 32px !important; }
.deli-deal-nav-btn { flex: 0 0 32px !important; line-height: 1 !important; }

@media (max-width: 767.98px) {
    .deli-hero-container-v2, .deli-flash-section, .deli-featured-cats-section-v2, .deli-deal-hot-section, .deli-featured-products-section, .deli-recommend-section, .deli-top-rated-section, .deli-links-section { padding: 24px 0 !important; }
    .deli-section-title, .deli-cats-title-v2, .deli-deal-title-text { font-size: 20px !important; }
}

/* Checkout steps */
.deli-checkout-page { padding: 24px 32px !important; overflow: visible !important; }
.deli-checkout-page .checkout-shell, .deli-checkout-page .checkout-main-row, .deli-checkout-page .checkout-area .tab-content, .deli-checkout-page .checkout-area .content-box, .deli-checkout-page .checkout-area .content-box .content { overflow: visible !important; }
.deli-checkout-page section.checkout { padding: 28px 0 48px !important; overflow: visible !important; }
.deli-checkout-page form.checkoutform.checkout, .deli-checkout-page .checkout-area { margin: 0 !important; padding: 0 !important; overflow: visible !important; }
.deli-checkout-page .breadcrumb-area { padding: 12px 0 !important; margin-bottom: 0 !important; }
.deli-checkout-page .checkout-process { width: 100% !important; margin: 0 0 22px !important; }
.deli-checkout-page .checkout-process .nav { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 18px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; }
.deli-checkout-page .checkout-process .nav-item { min-width: 0 !important; margin: 0 !important; }
.deli-checkout-page .checkout-process .nav-item:not(:first-child) { margin-left: 0 !important; }
.deli-checkout-page .checkout-process .nav-item:not(:first-child) .checkout-step-link { border-radius: 0 8px 8px 0 !important; clip-path: polygon(0 0, calc(100% - 24px) 0, 100% 50%, calc(100% - 24px) 100%, 0 100%, 24px 50%) !important; }
.deli-checkout-page .checkout-step-link { position: relative !important; display: flex !important; align-items: center !important; gap: 14px !important; min-height: 78px !important; width: 100% !important; padding: 16px 34px 16px 58px !important; border: 1px solid #E6EDF2 !important; border-radius: 40px 8px 8px 40px !important; background: #ffffff !important; color: #61707C !important; box-shadow: 0 6px 18px rgba(15, 23, 42, 0.03) !important; clip-path: polygon(0 0, calc(100% - 24px) 0, 100% 50%, calc(100% - 24px) 100%, 0 100%, 24px 50%) !important; overflow: visible !important; line-height: normal !important; transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease !important; }
.deli-checkout-page .checkout-area .checkout-process li a.checkout-step-link::before, .deli-checkout-page .checkout-area .checkout-process li a.checkout-step-link::after { content: none !important; display: none !important; border: 0 !important; }
.deli-checkout-page .checkout-process .nav-item:first-child .checkout-step-link { border-radius: 40px 8px 8px 40px !important; clip-path: polygon(0 0, calc(100% - 24px) 0, 100% 50%, calc(100% - 24px) 100%, 0 100%) !important; padding-left: 36px !important; }
.deli-checkout-page .checkout-process .nav-item:last-child .checkout-step-link { border-radius: 0 40px 40px 0 !important; clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 24px 50%) !important; padding-right: 30px !important; }
.deli-checkout-page .checkout-step-number, .deli-checkout-page .checkout-area .checkout-process li a.checkout-step-link .checkout-step-number { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 42px !important; width: 42px !important; height: 42px !important; border-radius: 50% !important; background: #ffffff !important; border: 1px solid #E7EEF3 !important; color: #263642 !important; font: 700 17px/1 Helvetica, sans-serif !important; box-shadow: 0 3px 10px rgba(15, 23, 42, 0.06) !important; margin-right: 0 !important; text-align: center !important; line-height: 1 !important; }
.deli-checkout-page .checkout-step-copy, .deli-checkout-page .checkout-area .checkout-process li a.checkout-step-link .checkout-step-copy { display: flex !important; flex-direction: column !important; min-width: 0 !important; gap: 5px !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border-radius: 0 !important; background: transparent !important; color: inherit !important; text-align: left !important; line-height: 1.2 !important; box-shadow: none !important; }
.deli-checkout-page .checkout-step-copy strong { color: #263642 !important; font: 700 14px/1.2 Helvetica, sans-serif !important; letter-spacing: 0 !important; white-space: nowrap !important; }
.deli-checkout-page .checkout-step-copy small { color: #7A8893 !important; font: 400 13px/1.25 Helvetica, sans-serif !important; letter-spacing: 0 !important; white-space: nowrap !important; }
.deli-checkout-page .checkout-step-link.active { background: var(--primary-color) !important; border-color: var(--primary-color) !important; color: #ffffff !important; box-shadow: 0 10px 22px rgba(39, 174, 150, 0.22) !important; }
.deli-checkout-page .checkout-step-link.active .checkout-step-number { border-color: rgba(255, 255, 255, 0.86) !important; color: var(--primary-color) !important; background: #ffffff !important; }
.deli-checkout-page .checkout-area .checkout-process li a.checkout-step-link.active .checkout-step-number, .deli-checkout-page .checkout-area .checkout-process li a.checkout-step-link:hover .checkout-step-number { background: #ffffff !important; color: var(--primary-color) !important; }
.deli-checkout-page .checkout-area .checkout-process li a.checkout-step-link:hover { background: #ffffff !important; color: #61707C !important; }
.deli-checkout-page .checkout-area .checkout-process li a.checkout-step-link.active:hover { background: var(--primary-color) !important; color: #ffffff !important; }
.deli-checkout-page .checkout-step-link.active .checkout-step-copy strong, .deli-checkout-page .checkout-step-link.active .checkout-step-copy small { color: #ffffff !important; }
.deli-checkout-page .checkout-step-link.disabled { opacity: 1 !important; }
.deli-checkout-page .checkout-contact-card, .deli-checkout-page .checkout-shipping-card, .deli-checkout-page .checkout-delivery-card { background: #ffffff !important; border: 1px solid #EEF2F5 !important; border-radius: 8px !important; padding: 24px !important; margin-bottom: 24px !important; box-shadow: 0 6px 18px rgba(15, 23, 42, 0.04) !important; }
.deli-checkout-page .checkout-contact-heading { display: flex !important; align-items: center !important; gap: 12px !important; margin-bottom: 22px !important; }
.deli-checkout-page .checkout-contact-icon { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 26px !important; width: 26px !important; height: 26px !important; color: var(--primary-color) !important; }
.deli-checkout-page .checkout-contact-icon i { font-size: 22px !important; line-height: 1 !important; }
.deli-checkout-page .checkout-contact-heading .title { margin: 0 !important; color: var(--text-main) !important; font: 700 18px/1.25 Helvetica, sans-serif !important; letter-spacing: 0 !important; }
.deli-checkout-page .checkout-contact-heading .title, .deli-checkout-page .checkout-review-heading .title, .deli-checkout-page .checkout-payment-heading .title { border: 0 !important; border-bottom: 0 !important; text-decoration: none !important; box-shadow: none !important; }
.deli-checkout-page .checkout-contact-heading .title::before, .deli-checkout-page .checkout-contact-heading .title::after, .deli-checkout-page .checkout-review-heading .title::before, .deli-checkout-page .checkout-review-heading .title::after, .deli-checkout-page .checkout-payment-heading .title::before, .deli-checkout-page .checkout-payment-heading .title::after { content: none !important; display: none !important; }
.deli-checkout-page .checkout-contact-fields, .deli-checkout-page .checkout-shipping-fields { row-gap: 16px !important; }
.deli-checkout-page .checkout-contact-col, .deli-checkout-page .checkout-shipping-col { flex: 0 0 33.333333% !important; max-width: 33.333333% !important; }
.deli-checkout-page .checkout-shipping-address-col { flex: 0 0 100% !important; max-width: 100% !important; }
.deli-checkout-page .checkout-step-legacy-icon { display: none !important; }
.deli-checkout-page .checkout-field-label { display: block !important; margin: 0 0 10px !important; color: #334155 !important; font: 600 13px/1.25 Helvetica, sans-serif !important; }
.deli-checkout-page .checkout-field-label span { color: #E5484D !important; font: inherit !important; }
.deli-checkout-page .checkout-contact-card .form-control, .deli-checkout-page .checkout-shipping-card .form-control { height: 52px !important; margin-bottom: 0 !important; padding: 0 16px !important; border: 1px solid #E1E7EC !important; border-radius: 6px !important; background: #ffffff !important; color: #334155 !important; font: 500 14px/1.4 Helvetica, sans-serif !important; box-shadow: none !important; }
.deli-checkout-page .checkout-contact-card .form-control::placeholder, .deli-checkout-page .checkout-shipping-card .form-control::placeholder { color: #7C8794 !important; opacity: 1 !important; }
.deli-checkout-page .checkout-contact-card .form-control:focus, .deli-checkout-page .checkout-shipping-card .form-control:focus { border-color: var(--primary-color) !important; box-shadow: 0 0 0 3px rgba(39, 174, 150, 0.12) !important; }
.deli-checkout-page .checkout-shipping-card select.form-control { cursor: pointer !important; appearance: none !important; -webkit-appearance: none !important; padding-right: 42px !important; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='%2364758B' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m4 6 4 4 4-4'/%3e%3c/svg%3e") no-repeat right 14px center/16px 16px !important; }
.deli-checkout-page .right-area .packeging-area > .title, .deli-checkout-page .right-area .packeging-area > .radio-design, .deli-checkout-page .checkout-summary-coupon-box #coupon-link { display: none !important; }
.deli-checkout-page .right-area .packeging-area { margin-top: 14px !important; }
.deli-checkout-page .checkout-summary-column { align-self: flex-start !important; top: 90px !important; z-index: 20 !important; }
.deli-checkout-page .checkout-summary-panel { position: static !important; top: auto !important; height: auto !important; overflow: visible !important; padding: 0 !important; }
.deli-checkout-page .checkout-summary-box { display: flex !important; flex-direction: column !important; min-height: 0 !important; padding: 18px !important; border: 1px solid #EEF2F5 !important; border-radius: 8px !important; background: #ffffff !important; box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06) !important; }
.deli-checkout-page .checkout-summary-head { order: 1 !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; padding-bottom: 18px !important; margin-bottom: 16px !important; border-bottom: 1px solid #EEF2F5 !important; }
.deli-checkout-page .checkout-summary-title { margin: 0 !important; color: #0F172A !important; font: 700 18px/1.3 Helvetica, sans-serif !important; }
.deli-checkout-page .checkout-summary-count { color: #64748B !important; font: 600 13px/1.2 Helvetica, sans-serif !important; white-space: nowrap !important; }
.deli-checkout-page .checkout-summary-points-box, .deli-checkout-page .checkout-summary-section-title, .deli-checkout-page .checkout-summary-product-point-row, .deli-checkout-page .checkout-summary-box > .final-price, .deli-checkout-page .checkout-summary-coupon-box .coupon br { display: none !important; }
.deli-checkout-page .checkout-summary-coupon-box { order: 2 !important; margin: 0 0 18px !important; padding: 0 !important; border: 0 !important; }
.deli-checkout-page .checkout-summary-coupon-box .coupon { display: grid !important; grid-template-columns: minmax(0, 1fr) 92px !important; gap: 8px 10px !important; margin: 0 !important; }

.deli-checkout-page .checkout-summary-coupon-box #code { width: 100% !important; height: 44px !important; margin: 0 !important; padding: 0 14px 0 42px !important; border: 1px solid #E1E7EC !important; border-radius: 6px !important; background: #ffffff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%2327AE96' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m20 12-8 8-8-8 8-8 8 8Z'/%3e%3cpath stroke='%2327AE96' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m12 8 4 4-4 4'/%3e%3c/svg%3e") no-repeat 14px center !important; color: #334155 !important; font: 500 13px/1.3 Helvetica, sans-serif !important; box-shadow: none !important; }
.deli-checkout-page .checkout-summary-coupon-box .btn-apply-coupon { width: 100% !important; height: 44px !important; margin: 0 !important; padding: 0 12px !important; border: 1px solid #E5E7EB !important; border-radius: 6px !important; background: #F7F8FA !important; color: #0F172A !important; font: 700 13px/1 Helvetica, sans-serif !important; }
.deli-checkout-page .checkout-summary-total-row .checkout-summary-base-total, .deli-checkout-page .checkout-summary-shipping-source .total-price { display: none !important; }
.deli-checkout-page .checkout-summary-list { order: 3 !important; display: flex !important; flex-direction: column !important; gap: 13px !important; margin: 0 !important; padding: 0 0 18px !important; border-bottom: 1px solid #EEF2F5 !important; }
.deli-checkout-page .checkout-summary-list .checkout-summary-row { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 16px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; }
.deli-checkout-page .checkout-summary-list p, .deli-checkout-page .checkout-summary-list P { margin: 0 !important; color: #334155 !important; font: 500 13px/1.35 Helvetica, sans-serif !important; }
.deli-checkout-page .checkout-summary-list b { color: #0F172A !important; font: 700 13px/1.35 Helvetica, sans-serif !important; white-space: nowrap !important; }
.deli-checkout-page .checkout-summary-list .checkout-summary-deduction, .deli-checkout-page .checkout-summary-list .discount-bar b, .deli-checkout-page .checkout-summary-total-row .checkout-summary-final-total, .deli-checkout-page .checkout-delivery-price { color: var(--deli-orange) !important; }
.deli-checkout-page .checkout-summary-total-row { order: 4 !important; display: flex !important; align-items: flex-start !important; justify-content: space-between !important; gap: 16px !important; margin: 0 !important; padding: 18px 0 22px !important; border: 0 !important; }
.deli-checkout-page .checkout-summary-total-row p { margin: 0 !important; color: #0F172A !important; font: 700 18px/1.3 Helvetica, sans-serif !important; }
.deli-checkout-page .checkout-summary-total-row p:last-child { display: flex !important; flex-direction: column !important; align-items: flex-end !important; gap: 4px !important; text-align: right !important; }
.deli-checkout-page .checkout-summary-total-row .checkout-summary-final-total { font: 800 25px/1.1 Helvetica, sans-serif !important; white-space: nowrap !important; }
.deli-checkout-page .checkout-summary-total-row small, .deli-checkout-page .checkout-delivery-copy small { color: #64748B !important; font: 500 12px/1.2 Helvetica, sans-serif !important; }
.deli-checkout-page .checkout-delivery-copy small { font-size: 12px/1.35 Helvetica, sans-serif !important; }
.deli-checkout-page .checkout-summary-shipping-source { order: 5 !important; padding: 0 !important; margin: 0 !important; }
.deli-checkout-page .checkout-summary-banner { order: 6 !important; margin: 0 0 22px !important; overflow: hidden !important; border: 1px solid rgba(39, 174, 150, 0.45) !important; border-radius: 6px !important; }
.deli-checkout-page .checkout-summary-banner img { display: block !important; width: 100% !important; height: auto !important; }
.deli-checkout-page .checkout-delivery-options { display: grid !important; gap: 14px !important; }
.deli-checkout-page .checkout-delivery-options--count-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
.deli-checkout-page .checkout-delivery-options--count-1 { grid-template-columns: 1fr !important; }
.deli-checkout-page .checkout-delivery-options--count-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
.deli-checkout-page .checkout-delivery-option { position: relative !important; display: grid !important; grid-template-columns: 22px minmax(0, 1fr) !important; align-items: flex-start !important; gap: 12px !important; min-height: 88px !important; min-width: 0 !important; margin: 0 !important; padding: 16px 14px !important; border: 1px solid #E1E7EC !important; border-radius: 8px !important; background: #ffffff !important; cursor: pointer !important; transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease !important; }
.deli-checkout-page .checkout-delivery-option.is-active { border-color: var(--primary-color) !important; background: #F2FBF9 !important; box-shadow: 0 0 0 1px rgba(39, 174, 150, 0.08) !important; }
.deli-checkout-page .checkout-delivery-radio { position: absolute !important; opacity: 0 !important; pointer-events: none !important; }
.deli-checkout-page .checkout-delivery-check { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 18px !important; height: 18px !important; margin-top: 1px !important; border: 2px solid #D6E0E7 !important; border-radius: 50% !important; background: #ffffff !important; }
.deli-checkout-page .checkout-delivery-option.is-active .checkout-delivery-check { border-color: var(--primary-color) !important; background: var(--primary-color) !important; }
.deli-checkout-page .checkout-delivery-option.is-active .checkout-delivery-check::before { content: "" !important; width: 5px !important; height: 9px !important; border-right: 2px solid #ffffff !important; border-bottom: 2px solid #ffffff !important; transform: rotate(45deg) translate(-1px, -1px) !important; }
.deli-checkout-page .checkout-delivery-copy { min-width: 0 !important; display: grid !important; grid-template-columns: minmax(0, 1fr) !important; row-gap: 6px !important; }
.deli-checkout-page .checkout-delivery-copy strong { color: var(--text-main) !important; font: 700 14px/1.25 Helvetica, sans-serif !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
.deli-checkout-page .checkout-delivery-price { justify-self: start !important; font: 700 12px/1.25 Helvetica, sans-serif !important; white-space: nowrap !important; }
.deli-checkout-page .checkout-different-address-row { margin: 18px 0 0 !important; padding-top: 16px !important; border-top: 1px solid #EEF2F5 !important; }
.deli-checkout-page .checkout-different-address-row .col-lg-12 { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 16px !important; margin-top: 0 !important; padding: 0 !important; }
.deli-checkout-page .checkout-different-address-label { margin: 0 !important; color: #334155 !important; font: 600 14px/1.3 Helvetica, sans-serif !important; cursor: pointer !important; }
.deli-checkout-page .checkout-delivery-card .ship-diff-addres-area { margin-top: 18px !important; padding-top: 18px !important; border-top: 1px solid #EEF2F5 !important; background: transparent !important; }
.deli-checkout-page .checkout-delivery-card .ship-diff-addres-area .title { margin: 0 0 16px !important; padding-bottom: 10px !important; border-bottom: 1px solid #B8C0C8 !important; color: var(--text-main) !important; font: 700 20px/1.25 Helvetica, sans-serif !important; }
.deli-checkout-page .checkout-shipdiff-section { margin-top: 16px !important; }
.deli-checkout-page .checkout-shipdiff-section:first-of-type { margin-top: 0 !important; }
.deli-checkout-page .checkout-shipdiff-section + .checkout-shipdiff-section { padding-top: 16px !important; border-top: 1px dashed #DDE6EE !important; }
.deli-checkout-page .checkout-shipdiff-title { display: flex !important; align-items: center !important; gap: 8px !important; margin: 0 0 12px !important; color: var(--primary-color) !important; font: 700 14px/1.25 Helvetica, sans-serif !important; }
.deli-checkout-page .checkout-shipdiff-title::before { content: "" !important; width: 7px !important; height: 7px !important; border-radius: 999px !important; background: var(--primary-color) !important; }
.deli-checkout-page .checkout-delivery-card .ship-diff-addres-area .row { row-gap: 14px !important; margin: 0 -8px 14px !important; }
.deli-checkout-page .checkout-delivery-card .ship-diff-addres-area .row:last-child { margin-bottom: 0 !important; }
.deli-checkout-page .checkout-delivery-card .ship-diff-addres-area [class*="col-"] { padding: 0 8px !important; }
.deli-checkout-page .checkout-delivery-card .ship-diff-addres-area .form-control { height: 52px !important; margin-bottom: 0 !important; padding: 0 16px !important; border: 1px solid #E1E7EC !important; border-radius: 6px !important; background-color: #ffffff !important; color: #334155 !important; font: 500 14px/1.4 Helvetica, sans-serif !important; box-shadow: none !important; }
.deli-checkout-page .checkout-delivery-card .ship-diff-addres-area .form-control::placeholder { color: #7C8794 !important; opacity: 1 !important; }
.deli-checkout-page .checkout-delivery-card .ship-diff-addres-area .form-control:focus, .deli-checkout-page .checkout-note-field .form-control:focus { border-color: var(--primary-color) !important; box-shadow: 0 0 0 3px rgba(39, 174, 150, 0.12) !important; }
.deli-checkout-page .checkout-delivery-card .ship-diff-addres-area select.form-control { height: 52px !important; padding: 0 16px !important; border: 1px solid #E1E7EC !important; border-radius: 6px !important; color: #334155 !important; font: 500 14px/1.4 Helvetica, sans-serif !important; box-shadow: none !important; cursor: pointer !important; appearance: none !important; -webkit-appearance: none !important; padding-right: 42px !important; background: #ffffff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='%2364758B' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m4 6 4 4 4-4'/%3e%3c/svg%3e") no-repeat right 14px center !important; }
.deli-checkout-page .checkout-order-note-card { background: #ffffff !important; border: 1px solid #EEF2F5 !important; border-radius: 8px !important; padding: 24px !important; margin-bottom: 18px !important; box-shadow: 0 6px 18px rgba(15, 23, 42, 0.04) !important; }
.deli-checkout-page .checkout-note-field { position: relative !important; }
.deli-checkout-page .checkout-note-field .form-control { width: 100% !important; min-height: 74px !important; height: 74px !important; margin: 0 !important; padding: 14px 16px 24px !important; resize: none !important; border: 1px solid #E1E7EC !important; border-radius: 6px !important; color: #334155 !important; font: 500 14px/1.45 Helvetica, sans-serif !important; box-shadow: none !important; }
.deli-checkout-page .checkout-note-count { position: absolute !important; right: 14px !important; bottom: 8px !important; color: #64748B !important; font: 500 11px/1 Helvetica, sans-serif !important; }
.deli-checkout-page .checkout-step-actions-row { align-items: stretch !important; row-gap: 14px !important; }
.deli-checkout-page .checkout-secure-note { display: flex !important; align-items: center !important; gap: 12px !important; height: 100% !important; min-height: 52px !important; padding: 14px 18px !important; border: 1px solid #DDEFEA !important; border-radius: 8px !important; background: #F8FCFB !important; color: #64748B !important; font: 500 13px/1.35 Helvetica, sans-serif !important; }
.deli-checkout-page .checkout-secure-note i { color: var(--primary-color) !important; font-size: 22px !important; }
.deli-checkout-page .checkout-step-action, .deli-checkout-page .checkout-step-action .checkout-next-step-btn, .deli-checkout-page .checkout-step-action .checkout-prev-step-btn { width: 100% !important; }
.deli-checkout-page .checkout-step-action { display: flex !important; flex-direction: column !important; gap: 10px !important; }
.deli-checkout-page .checkout-next-step-btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 12px !important; min-height: 52px !important; margin: 0 !important; border: 0 !important; border-radius: 8px !important; background: var(--deli-orange) !important; color: #ffffff !important; font: 800 15px/1 Helvetica, sans-serif !important; text-transform: none !important; box-shadow: 0 8px 18px rgba(255, 139, 24, 0.24) !important; }
.deli-checkout-page .checkout-step-action .checkout-next-step-btn.mybtn1 { width: 100% !important; height: auto !important; min-height: 52px !important; padding: 0 24px !important; line-height: 1.2 !important; background: var(--deli-orange) !important; border-color: var(--deli-orange) !important; color: #ffffff !important; font: 700 15px/1.2 Helvetica, Arial, sans-serif !important; letter-spacing: 0 !important; }
.deli-checkout-page .checkout-step-action .checkout-prev-step-btn.mybtn1 { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 12px !important; width: 100% !important; height: auto !important; min-height: 52px !important; margin: 0 !important; padding: 0 24px !important; border: 1px solid var(--primary-color) !important; border-radius: 8px !important; background: #ffffff !important; color: var(--primary-color) !important; font: 700 15px/1.2 Helvetica, Arial, sans-serif !important; letter-spacing: 0 !important; text-transform: none !important; box-shadow: none !important; }
.deli-checkout-page .checkout-step-action .checkout-next-step-btn.mybtn1, .deli-checkout-page .checkout-step-action .checkout-prev-step-btn.mybtn1, .deli-checkout-page .checkout-step-action .checkout-next-step-btn.mybtn1 *, .deli-checkout-page .checkout-step-action .checkout-prev-step-btn.mybtn1 *, .deli-checkout-page .checkout-step-action .checkout-next-step-btn.mybtn1 i, .deli-checkout-page .checkout-step-action .checkout-prev-step-btn.mybtn1 i { font-family: Helvetica, Arial, sans-serif !important; }
.deli-checkout-page .checkout-step-action .checkout-next-step-btn.mybtn1:hover, .deli-checkout-page .checkout-step-action .checkout-next-step-btn.mybtn1:focus { background: var(--primary-color) !important; border-color: var(--primary-color) !important; color: #ffffff !important; box-shadow: 0 8px 18px rgba(39, 174, 150, 0.24) !important; }
.deli-checkout-page .checkout-step-action .checkout-prev-step-btn.mybtn1:hover, .deli-checkout-page .checkout-step-action .checkout-prev-step-btn.mybtn1:focus { background: var(--primary-color) !important; border-color: var(--primary-color) !important; color: #ffffff !important; box-shadow: 0 8px 18px rgba(39, 174, 150, 0.2) !important; }
.deli-checkout-page .checkout-next-step-btn i { font-size: 16px !important; }
.deli-checkout-page #final-btn[style*="display: none"], .deli-checkout-page #vnpt-btn[style*="display: none"], .deli-checkout-page .checkout-summary-total-row .checkout-summary-base-total, .deli-checkout-page .checkout-summary-shipping-source .total-price, .deli-checkout-page .checkout-payment-detail-panel.d-none { display: none !important; }
.deli-checkout-page .checkout-review-address-card, .deli-checkout-page .checkout-review-products-card, .deli-checkout-page .checkout-payment-shipping-card, .deli-checkout-page .checkout-payment-method-card, .deli-checkout-page .checkout-payment-shipping-card.checkout-review-address-card { background: #fff !important; border: 1px solid #E8EEF3 !important; border-radius: 10px !important; padding: 20px !important; margin-bottom: 18px !important; box-shadow: 0 10px 28px rgba(15, 23, 42, 0.045) !important; }
.deli-checkout-page .checkout-review-address-card, .deli-checkout-page .checkout-review-products-card { overflow: visible !important; }
.deli-checkout-page .checkout-review-products-card { background: transparent !important; border-color: transparent !important; box-shadow: none !important; }
.deli-checkout-page .checkout-payment-heading { margin-bottom: 16px !important; }
.deli-checkout-page .checkout-payment-heading .title { margin: 0 !important; color: var(--text-main) !important; font: 700 18px/1.25 Helvetica, sans-serif !important; }
.deli-checkout-page .checkout-payment-shipping-card .info-list { display: grid !important; gap: 10px !important; margin: 0 !important; padding: 0 !important; list-style: none !important; }
.deli-checkout-page .checkout-payment-shipping-card .info-list li { display: grid !important; grid-template-columns: 24px minmax(0, 1fr) !important; gap: 10px !important; align-items: start !important; margin: 0 !important; color: #334155 !important; font: 500 14px/1.45 Helvetica, sans-serif !important; }
.deli-checkout-page .checkout-payment-shipping-card .info-list li i { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 24px !important; min-height: 20px !important; color: var(--primary-color) !important; font-size: 13px !important; }
.deli-checkout-page .checkout-payment-shipping-card .info-list li p { margin: 0 !important; color: inherit !important; font: inherit !important; }
.deli-checkout-page .checkout-payment-methods { gap: 12px !important; }
.deli-checkout-page .checkout-payment-methods .payment, .deli-checkout-page .checkout-area .content-box .content .payment-information .checkout-payment-methods .payment { position: relative !important; display: grid !important; grid-template-columns: 26px minmax(0, 1fr) auto !important; gap: 14px !important; align-items: center !important; min-height: 74px !important; margin: 0 !important; padding: 14px 16px !important; border: 1px solid #E6EDF3 !important; border-radius: 8px !important; background: #fff !important; color: var(--text-main) !important; text-decoration: none !important; box-shadow: none !important; }
.deli-checkout-page .checkout-payment-methods .payment.active, .deli-checkout-page .checkout-payment-methods .payment:hover { border-color: var(--primary-color) !important; background: #F3FBF9 !important; }
.deli-checkout-page .checkout-payment-methods .payment .icon { position: static !important; left: auto !important; width: 22px !important; height: 22px !important; margin: 0 !important; }
.deli-checkout-page .checkout-payment-methods .payment .radio { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 22px !important; height: 22px !important; border: 2px solid #D4DEE8 !important; border-radius: 999px !important; background: #fff !important; }
.deli-checkout-page .checkout-payment-methods .payment span::after, .deli-checkout-page .checkout-payment-methods .payment[data-show="yes"]::before, .deli-checkout-page .checkout-payment-methods .payment.checkout-payment-detail-collapsed::before { content: none !important; display: none !important; }
.deli-checkout-page .checkout-payment-methods .payment.active .radio { border-color: var(--primary-color) !important; background: var(--primary-color) !important; }
.deli-checkout-page .checkout-payment-methods .payment.active .radio::before { content: "" !important; width: 8px !important; height: 8px !important; border-radius: 999px !important; background: #fff !important; }
.deli-checkout-page .checkout-payment-methods .payment p { display: grid !important; gap: 5px !important; margin: 0 !important; position: static !important; top: auto !important; left: auto !important; min-width: 0 !important; width: 100% !important; color: #172033 !important; font: 700 14px/1.25 Helvetica, sans-serif !important; white-space: normal !important; }
.deli-checkout-page .checkout-payment-methods .payment small { display: block !important; color: #64748B !important; font: 500 12px/1.35 Helvetica, sans-serif !important; }
.deli-checkout-page .checkout-payment-methods .payment::after { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 54px !important; height: 44px !important; border-radius: 8px !important; background: #F5F8FB !important; color: var(--primary-color) !important; font-family: "Font Awesome 5 Free" !important; font-weight: 900 !important; font-size: 20px !important; }
.deli-checkout-page .checkout-payment-methods .payment[data-val="cod"]::after { content: "\f3d1" !important; }
.deli-checkout-page .checkout-payment-methods .payment.gateway::after, .deli-checkout-page .checkout-payment-methods .payment.vnpt-epay::after { content: "\f19c" !important; }
.deli-checkout-page .checkout-payment-methods .payment:not(.gateway):not(.vnpt-epay):not([data-val="cod"])::after { content: "\f09d" !important; }
.deli-checkout-page .checkout-payment-methods .payment[data-show="yes"] { cursor: pointer !important; }
.deli-checkout-page .checkout-payment-detail-panel { width: calc(100% - 40px) !important; margin: -4px 0 4px 40px !important; padding: 16px !important; border: 1px solid #DDEFEA !important; border-top: 0 !important; border-radius: 0 0 8px 8px !important; background: #fff !important; }
.deli-checkout-page .checkout-payment-detail-panel .tab-content, .deli-checkout-page .checkout-payment-detail-panel .tab-pane, .deli-checkout-page .checkout-payment-detail-panel #vnpay-bank-selection { background: #fff !important; border: 0 !important; padding: 0 !important; margin: 0 !important; }
.deli-checkout-page .checkout-payment-detail-panel .sub_show, .deli-checkout-page .checkout-payment-detail-panel .sub_showpayment, .deli-checkout-page .checkout-payment-detail-panel .payment_method_c, .deli-checkout-page .checkout-payment-detail-panel .col-pd { background: #fff !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; }
.deli-checkout-page .checkout-payment-detail-panel .title_head { margin: 0 0 10px !important; padding: 0 !important; border: 0 !important; background: #fff !important; color: #172033 !important; font: 700 13px/1.35 Helvetica, sans-serif !important; }
.deli-checkout-page .checkout-payment-detail-panel hr { margin: 12px 0 !important; border-top: 1px solid #E8EEF3 !important; }
.deli-checkout-page .checkout-payment-detail-panel .title_head + div { padding: 0 0 12px !important; background: #fff !important; gap: 18px !important; flex-wrap: wrap !important; }
.deli-checkout-page .checkout-payment-detail-panel img { object-fit: contain !important; }
.deli-checkout-page .checkout-payment-detail-panel img:not([src]), .deli-checkout-page .checkout-payment-detail-panel img[src=""] { content: url("/assets/deli/images/no-photo.jpg") !important; }
.deli-checkout-page .checkout-payment-detail-panel .list_cart { display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)) !important; gap: 10px !important; margin: 0 !important; padding: 0 !important; background: #fff !important; }
.deli-checkout-page .checkout-payment-detail-panel .list_cart li { float: none !important; width: auto !important; min-height: 86px !important; display: grid !important; align-items: center !important; justify-items: center !important; gap: 6px !important; padding: 10px 8px !important; border: 1px solid #DDE6EE !important; border-radius: 8px !important; background: #fff !important; color: #172033 !important; cursor: pointer !important; transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease !important; }
.deli-checkout-page .checkout-payment-detail-panel .list_cart li:hover, .deli-checkout-page .checkout-payment-detail-panel .list_cart li.active { border-color: var(--primary-color) !important; box-shadow: 0 8px 18px rgba(43, 178, 154, 0.12) !important; }
.deli-checkout-page .checkout-payment-detail-panel .list_cart li label, .deli-checkout-page .checkout-payment-detail-panel .list_cart li img { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 34px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
.deli-checkout-page .checkout-payment-detail-panel .list_cart li img { max-width: 92px !important; max-height: 32px !important; width: auto !important; height: auto !important; }
.deli-checkout-page .checkout-vnpay-bank-name { position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; transform: none !important; display: block !important; color: #172033 !important; font: 700 11px/1.2 Helvetica, sans-serif !important; font-style: normal !important; text-align: center !important; word-break: break-word !important; }
.deli-checkout-page .checkout-review-heading { display: flex !important; align-items: center !important; gap: 12px !important; margin-bottom: 16px !important; }
.deli-checkout-page .checkout-review-heading .title { margin: 0 !important; color: var(--text-main) !important; font: 700 18px/1.25 Helvetica, sans-serif !important; }
.deli-checkout-page .checkout-review-edit { margin-left: auto !important; color: var(--primary-color) !important; font: 700 13px/1.25 Helvetica, sans-serif !important; text-decoration: none !important; }
.deli-checkout-page .checkout-review-address-box { padding: 16px !important; border: 1px solid #EEF2F5 !important; border-radius: 8px !important; background: #FBFCFD !important; }
.deli-checkout-page .checkout-review-address-box p { position: relative !important; margin: 0 0 6px !important; padding-left: 0 !important; color: #334155 !important; font: 500 13px/1.45 Helvetica, sans-serif !important; }
.deli-checkout-page .checkout-review-address-box p::before, .deli-checkout-page .checkout-review-address-box p:nth-child(1)::before, .deli-checkout-page .checkout-review-address-box p:nth-child(2)::before, .deli-checkout-page .checkout-review-address-box p:nth-child(3)::before, .deli-checkout-page .checkout-review-shop-select, .deli-checkout-page .checkout-review-product .cart-remove, .deli-checkout-page .checkout-review-product .remove, .deli-checkout-page .checkout-review-product .delete, .deli-checkout-page .checkout-review-product .product-delete, .deli-checkout-page .checkout-review-product-qty span, .deli-checkout-page .checkout-review-coupon-dropdown::before { content: none !important; display: none !important; border: 0 !important; }
.deli-checkout-page .checkout-review-address-box p:last-child { margin-bottom: 0 !important; }
.deli-checkout-page .checkout-review-address-box strong { color: #0F172A !important; font-weight: 700 !important; }
.deli-checkout-page .checkout-review-address-box span { color: #94A3B8 !important; margin: 0 8px !important; }
.deli-checkout-page .checkout-review-product { position: relative !important; display: block !important; padding: 0 !important; border: 1px solid #E3EAF1 !important; border-radius: 10px !important; margin-bottom: 14px !important; overflow: hidden !important; background: #fff !important; box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04) !important; }
.deli-checkout-page .checkout-review-product.is-coupon-open { z-index: 60 !important; }
.deli-checkout-page .checkout-review-product:last-of-type { margin-bottom: 0 !important; }
.deli-checkout-page .checkout-review-product-unit { position: relative !important; }
.deli-checkout-page .checkout-review-product-unit + .checkout-review-product-unit { border-top: 1px solid #EAF0F4 !important; }
.deli-checkout-page .checkout-review-shop-head { display: flex !important; align-items: center !important; gap: 10px !important; padding: 12px 16px !important; color: #172033 !important; font: 700 14px/1.25 Helvetica, sans-serif !important; background: var(--deli-purple-light, #E9F7F5) !important; border-bottom: 1px solid #CFEAE5 !important; border-radius: 10px 10px 0 0 !important; }
.deli-checkout-page .checkout-review-shop-head i { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 24px !important; height: 24px !important; border-radius: 6px !important; color: var(--primary-color) !important; background: transparent !important; font-size: 13px !important; }
.deli-checkout-page .checkout-review-shop-head strong, .deli-checkout-page .checkout-review-shop-link { color: var(--primary-color) !important; font-weight: 700 !important; letter-spacing: 0 !important; text-decoration: none !important; }
.deli-checkout-page .checkout-review-shop-link:hover, .deli-checkout-page .checkout-review-product-name a:hover { color: var(--primary-color) !important; text-decoration: none !important; }
.deli-checkout-page .checkout-review-product-card { display: grid !important; grid-template-columns: 118px minmax(0, 1fr) !important; gap: 18px !important; align-items: center !important; min-height: 118px !important; margin: 0 !important; padding: 14px 16px !important; border: 0 !important; border-bottom: 1px solid #EAF0F4 !important; border-radius: 0 !important; background: transparent !important; }
.deli-checkout-page .checkout-review-product-img img { display: block !important; width: 104px !important; height: 94px !important; object-fit: contain !important; border: 1px solid #E5EDF2 !important; border-radius: 8px !important; padding: 5px !important; background: #F8FAFB !important; box-shadow: none !important; }
.deli-checkout-page .checkout-review-product-content { min-width: 0 !important; }
.deli-checkout-page .checkout-review-product-main { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; grid-template-rows: auto auto auto !important; gap: 8px !important; align-items: start !important; }
.deli-checkout-page .checkout-review-product-info { display: contents !important; min-width: 0 !important; }
.deli-checkout-page .checkout-review-product-name { grid-column: 1 / -1 !important; margin: 0 !important; padding: 0 !important; border-bottom: 0 !important; }
.deli-checkout-page .checkout-review-product-name a { color: #0B2B5F !important; display: block !important; font: 700 14px/1.35 Helvetica, sans-serif !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
.deli-checkout-page .checkout-review-product-meta { grid-column: 1 !important; grid-row: 2 !important; align-self: center !important; display: -webkit-box !important; width: 100% !important; margin: 7px 0 0 !important; overflow: hidden !important; color: #66788A !important; font: 500 12px/1.35 Helvetica, sans-serif !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; }
.deli-checkout-page .checkout-review-product-meta span { display: inline !important; padding: 0 !important; border-radius: 0 !important; background: transparent !important; color: #66788A !important; font: inherit !important; }
.deli-checkout-page .checkout-review-product-meta span:not(:last-child)::after { content: ", " !important; }
.deli-checkout-page .checkout-review-product-qty { grid-column: 1 !important; grid-row: 3 !important; display: inline-flex !important; align-items: center !important; min-height: 22px !important; margin-top: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; overflow: visible !important; justify-self: end !important; align-self: center !important; background: transparent !important; box-shadow: none !important; white-space: nowrap !important; }
.deli-checkout-page .checkout-review-product-qty strong { display: inline-flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; color: #0B2B5F !important; font: 600 13px/1.35 Helvetica, sans-serif !important; border-right: 0 !important; }
.deli-checkout-page .checkout-review-product-qty strong::before { content: "Số lượng: " !important; color: #0B2B5F !important; font: 500 13px Helvetica, sans-serif !important; margin-right: 4px !important; }
.deli-checkout-page .checkout-review-product-total { grid-column: 1 !important; justify-self: stretch !important; display: flex !important; gap: 16px !important; align-items: center !important; justify-content: flex-end !important; min-width: 0 !important; min-height: 58px !important; padding: 10px 16px !important; border: 1px solid #F4E0CD !important; border-radius: 10px !important; color: #F2672D !important; background: #FFF7EF !important; font: 800 22px/1.15 Helvetica, sans-serif !important; white-space: nowrap !important; }
.deli-checkout-page .checkout-review-product-total p { margin: 0 !important; color: inherit !important; font: inherit !important; }
.deli-checkout-page .checkout-review-product-total-label { color: #0B2B5F !important; font: 700 12px/1.25 Helvetica, sans-serif !important; }
.deli-checkout-page .checkout-review-point label { margin: 0 !important; color: #0B2B5F !important; font: 700 14px/1.25 Helvetica, sans-serif !important; white-space: nowrap !important; overflow: visible !important; text-overflow: clip !important; }
.deli-checkout-page .checkout-review-shop-coupon { position: relative !important; display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(160px, auto) !important; gap: 0 !important; align-items: stretch !important; margin: 0 !important; padding: 12px 16px !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; }
.deli-checkout-page .checkout-review-shop-coupon > * { min-height: 68px !important; padding: 8px 18px !important; }
.deli-checkout-page .checkout-review-shop-coupon > * + * { border-left: 0 !important; }
.deli-checkout-page .checkout-review-shop-coupon > .checkout-review-product-total { padding: 8px 16px !important; }
.deli-checkout-page .checkout-review-shop-coupon:not(.checkout-review-shop-coupon--product-row) { grid-template-columns: minmax(0, 1fr) !important; padding: 0 16px !important; border-bottom: 1px solid #EAF0F4 !important; background: #fff !important; }
.deli-checkout-page .checkout-review-shop-coupon:not(.checkout-review-shop-coupon--product-row) > * { min-height: 56px !important; padding: 0 !important; }
.deli-checkout-page .checkout-review-shop-coupon:not(.checkout-review-shop-coupon--product-row) .checkout-review-shop-coupon-main { grid-column: 1 !important; display: block !important; padding: 0 !important; }
.deli-checkout-page .checkout-review-shop-coupon--product-row { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 10px !important; align-items: stretch !important; padding: 12px 16px !important; border-top: 1px solid #EAF0F4 !important; background: #FCFDFD !important; }
.deli-checkout-page .checkout-review-shop-coupon--product-row > * { min-height: 0 !important; padding: 0 !important; }
.deli-checkout-page .checkout-review-point { grid-column: 1 !important; display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; grid-template-rows: auto auto !important; align-items: center !important; width: 100% !important; gap: 9px 10px !important; }
.deli-checkout-page .checkout-review-point-detail { grid-column: 1 / -1 !important; grid-row: 2 !important; display: grid !important; grid-template-columns: 80px minmax(0, 1fr) !important; align-items: center !important; gap: 8px !important; width: 100% !important; color: #64748B !important; font: 500 12px/1.3 Helvetica, sans-serif !important; }
.deli-checkout-page .checkout-review-point-detail.d-none { display: none !important; }
.deli-checkout-page .checkout-review-point-detail input, #pills-step2 .use-shopping-point-item-input, #pills-step2 .use-shop-coupon-input { max-width: 500px !important; }
.deli-checkout-page .checkout-review-point-detail input { width: 80px !important; height: 32px !important; padding: 0 8px !important; border: 1px solid #E1E7EC !important; border-radius: 6px !important; font-size: 11px !important; }
.deli-checkout-page .checkout-review-point-detail span:last-of-type, .deli-checkout-page .checkout-review-point-remain { justify-self: end !important; display: inline-flex !important; align-items: center !important; gap: 4px !important; min-height: 28px !important; min-width: 0 !important; padding: 0 8px !important; border: 1px solid #DDE8F8 !important; border-radius: 7px !important; background: #F5F8FF !important; color: #64748B !important; font: 500 11px/1.3 Helvetica, sans-serif !important; white-space: nowrap !important; }
.deli-checkout-page .checkout-review-point-detail span:last-of-type span { min-height: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; }
.deli-checkout-page .checkout-review-shop-coupon.is-open { z-index: auto !important; }
body.checkout-shop-coupon-open { overflow: hidden !important; }
body.checkout-shop-coupon-open::before { content: "" !important; position: fixed !important; inset: 0 !important; z-index: 5080 !important; display: block !important; background: rgba(15, 23, 42, 0.42) !important; }
body.checkout-shop-coupon-open .deli-checkout-page .checkout-review-shop-group.is-coupon-open,
body.checkout-shop-coupon-open .deli-checkout-page .checkout-review-shop-coupon.is-open { z-index: auto !important; overflow: visible !important; }
.deli-checkout-page .checkout-review-shop-coupon-title { display: inline-flex !important; align-items: center !important; gap: 8px !important; min-width: 0 !important; min-height: 20px !important; margin: 0 !important; color: #0F172A !important; font: 700 14px/1.25 Helvetica, sans-serif !important; white-space: nowrap !important; }
.deli-checkout-page .checkout-review-shop-coupon-title i { color: var(--deli-orange) !important; font-size: 14px !important; }
.deli-checkout-page .checkout-review-shop-coupon-title svg,
.deli-checkout-page .checkout-review-shop-coupon-title svg path {
    color: var(--deli-orange) !important;
    fill: var(--deli-orange) !important;
}
.deli-checkout-page .checkout-review-shop-coupon-title span { color: #0F172A !important; }
.deli-checkout-page .checkout-review-coupon-option-code { color: var(--deli-orange) !important; }
.deli-checkout-page .checkout-review-coupon-control { position: relative !important; display: block !important; min-width: 0 !important; }
.deli-checkout-page .checkout-review-shop-coupon-main { display: grid !important; grid-template-rows: 24px 36px !important; align-content: start !important; padding-left: 0 !important; }
.deli-checkout-page .checkout-review-shop-coupon:not(.checkout-review-shop-coupon--product-row) .checkout-review-shop-coupon-main { display: block !important; grid-template-rows: none !important; align-content: normal !important; padding-left: 0 !important; }
.deli-checkout-page .checkout-review-coupon-trigger { display: grid !important; grid-template-columns: minmax(0, 1fr) auto 18px !important; align-items: center !important; gap: 10px !important; width: 100% !important; min-height: 56px !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: #0F172A !important; font: 700 14px/1.25 Helvetica, sans-serif !important; text-align: left !important; cursor: pointer !important; }
.deli-checkout-page .checkout-review-coupon-trigger-code { justify-self: end !important; min-width: 0 !important; color: var(--primary-color) !important; font: 700 13px/1.25 Helvetica, Arial, sans-serif !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
.deli-checkout-page .checkout-review-coupon-trigger-code.is-empty { color: #64748B !important; font-weight: 600 !important; }
.deli-checkout-page .checkout-review-coupon-trigger-arrow { justify-self: end !important; color: #94A3B8 !important; font-size: 12px !important; }
.deli-checkout-page .checkout-review-shop-coupon.is-open .checkout-review-coupon-trigger { color: #0F172A !important; }
.deli-checkout-page .checkout-review-coupon-dropdown { position: fixed !important; top: 50% !important; left: 50% !important; right: auto !important; z-index: 7000 !important; display: none !important; width: min(660px, calc(100vw - 48px)) !important; min-height: 320px !important; max-height: calc(100vh - 48px) !important; overflow-y: auto !important; transform: translate(-50%, -50%) !important; border: 1px solid #E8EEF3 !important; border-radius: 8px !important; background: #fff !important; box-shadow: 0 18px 42px rgba(15, 23, 42, 0.22) !important; }
.deli-checkout-page .checkout-review-shop-coupon.is-open .checkout-review-coupon-dropdown { display: block !important; }
.deli-checkout-page .checkout-review-coupon-dropdown::before { content: none !important; display: none !important; }
.deli-checkout-page .checkout-review-coupon-dropdown-head { padding: 22px 28px !important; border-bottom: 1px solid #EEF2F5 !important; }
.deli-checkout-page .checkout-review-coupon-dropdown-head strong { color: #172033 !important; font: 700 20px/1.25 Helvetica, sans-serif !important; letter-spacing: 0 !important; }
.deli-checkout-page .checkout-review-coupon-entry { display: grid !important; grid-template-columns: 92px minmax(0, 1fr) 104px !important; gap: 10px !important; align-items: center !important; margin: 20px 28px !important; padding: 16px !important; background: #F8FAFB !important; }
.deli-checkout-page .checkout-review-coupon-entry label { margin: 0 !important; color: #42546A !important; font: 700 13px/1.3 Helvetica, sans-serif !important; letter-spacing: 0 !important; }
.deli-checkout-page .checkout-review-coupon-options { display: grid !important; gap: 10px !important; max-height: 210px !important; margin: 0 28px 28px !important; overflow-y: auto !important; }
.deli-checkout-page .checkout-review-coupon-options.d-none { display: none !important; }
.deli-checkout-page .checkout-review-coupon-option { display: grid !important; grid-template-columns: 22px minmax(0, 1fr) auto !important; align-items: center !important; gap: 14px !important; min-height: 54px !important; padding: 12px 14px !important; border: 1px solid #F1C9B5 !important; border-radius: 8px !important; background: #FFF9F4 !important; color: #0F172A !important; font-family: Helvetica, Arial, sans-serif !important; text-align: left !important; cursor: pointer !important; transition: border-color 0.18s ease, background-color 0.18s ease !important; }
.deli-checkout-page .checkout-review-coupon-option:hover { border-color: var(--deli-orange) !important; background: #FFF3EA !important; }
.deli-checkout-page .checkout-review-coupon-option.is-selected { border-color: var(--primary-color) !important; background: #F0FBF8 !important; }
.deli-checkout-page .checkout-review-coupon-option-check { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 18px !important; height: 18px !important; border: 1px solid #CBD5E1 !important; border-radius: 4px !important; background: #fff !important; color: transparent !important; font-size: 10px !important; }
.deli-checkout-page .checkout-review-coupon-option.is-selected .checkout-review-coupon-option-check { border-color: var(--primary-color) !important; background: var(--primary-color) !important; color: #fff !important; }
.deli-checkout-page .checkout-review-coupon-option-code { font: 800 13px/1.25 Helvetica, sans-serif !important; letter-spacing: 0 !important; }
.deli-checkout-page .checkout-review-coupon-option-desc { color: #42546A !important; font: 700 12px/1.25 Helvetica, sans-serif !important; letter-spacing: 0 !important; text-align: right !important; }
.deli-checkout-page .checkout-review-coupon-control input { height: 38px !important; min-width: 0 !important; padding: 0 12px !important; border: 1px solid #E5DAD0 !important; border-radius: 8px !important; color: #42546A !important; background: #fff !important; font: 500 13px/1 Helvetica, Arial, sans-serif !important; letter-spacing: 0 !important; }
.deli-checkout-page .checkout-review-coupon-control .check-shop-coupon { height: 38px !important; border: 1px solid #F2A66B !important; border-radius: 8px !important; background: #FFF4EA !important; color: #C85E28 !important; font: 800 12px/1 Helvetica, Arial, sans-serif !important; letter-spacing: 0 !important; text-transform: uppercase !important; }
.deli-checkout-page .checkout-review-coupon-empty { display: flex !important; min-height: 180px !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 10px !important; padding: 24px !important; text-align: center !important; }
.deli-checkout-page .checkout-review-coupon-empty.d-none { display: none !important; }
.deli-checkout-page .checkout-review-coupon-empty i { display: inline-flex !important; width: 76px !important; height: 54px !important; align-items: center !important; justify-content: center !important; border: 2px solid #D7DCE1 !important; border-radius: 10px !important; color: #C8D0D8 !important; font-size: 26px !important; }
.deli-checkout-page .checkout-review-coupon-empty strong { color: #42546A !important; font: 700 17px/1.35 Helvetica, sans-serif !important; }
.deli-checkout-page .checkout-review-coupon-empty span { color: #7C8A99 !important; font: 500 13px/1.45 Helvetica, sans-serif !important; }

.deli-checkout-page .checkout-review-discount-label { display: inline-flex !important; justify-content: flex-end !important; gap: 4px !important; margin: 0 !important; color: #66788A !important; font: 600 13px/1.25 Helvetica, sans-serif !important; white-space: nowrap !important; }
.deli-checkout-page .checkout-review-discount-label.d-none, .deli-checkout-page .checkout-review-product-subtotal.d-none { display: none !important; }
.deli-checkout-page .checkout-review-discount-label .text-success { color: var(--deli-orange) !important; font-weight: 800 !important; }
.deli-checkout-page .checkout-review-point { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; grid-template-rows: auto auto !important; align-items: center !important; gap: 9px 10px !important; min-height: 32px !important; margin-top: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 8px !important; background: transparent !important; white-space: normal !important; }
.deli-checkout-page .checkout-review-point-checkbox { display: block !important; position: relative !important; grid-row: 1 !important; grid-column: 2 !important; justify-self: end !important; align-self: center !important; width: 38px !important; height: 22px !important; opacity: 1 !important; appearance: none !important; -webkit-appearance: none !important; margin: 0 !important; border: 0 !important; border-radius: 999px !important; background: #CBD5E1 !important; cursor: pointer !important; transition: background-color 0.2s ease, box-shadow 0.2s ease !important; }
.deli-checkout-page .checkout-review-point-checkbox::before { content: "" !important; position: absolute !important; top: 2px !important; left: 2px !important; width: 18px !important; height: 18px !important; border-radius: 50% !important; background: #ffffff !important; box-shadow: 0 2px 5px rgba(15, 23, 42, 0.18) !important; transition: transform 0.2s ease !important; }
.deli-checkout-page .checkout-review-point-checkbox:checked { background: var(--primary-color) !important; }
.deli-checkout-page .checkout-review-point-checkbox:checked::before { transform: translateX(16px) !important; }
.deli-checkout-page .checkout-review-point-checkbox + label::before, .deli-checkout-page .checkout-review-point-checkbox + label::after, .deli-checkout-page .checkout-review-point-detail span:first-of-type, .deli-checkout-page .checkout-different-address-checkbox + .checkout-different-address-label::before, .deli-checkout-page .checkout-different-address-checkbox + .checkout-different-address-label::after { content: none !important; display: none !important; }
.deli-checkout-page .checkout-review-point-detail { display: grid !important; grid-column: 1 / -1 !important; grid-row: 2 !important; grid-template-columns: 80px minmax(0, 1fr) !important; align-items: center !important; justify-self: stretch !important; width: 100% !important; max-width: 100% !important; gap: 8px !important; margin-top: 0 !important; color: #64748B !important; font: 500 12px/1.3 Helvetica, sans-serif !important; }
.deli-checkout-page .checkout-review-point label { grid-row: 1 !important; grid-column: 1 !important; }
.deli-checkout-page .checkout-review-point-detail.d-none { display: none !important; }
.deli-checkout-page .checkout-review-point-detail input { width: 80px !important; max-width: 80px !important; height: 32px !important; padding: 0 8px !important; border: 1px solid #E1E7EC !important; border-radius: 6px !important; font-size: 11px !important; }
.deli-checkout-page .checkout-review-point-detail span:last-of-type, .deli-checkout-page .checkout-review-point-remain { justify-self: end !important; display: inline-flex !important; align-items: center !important; gap: 4px !important; min-height: 28px !important; min-width: 0 !important; padding: 0 8px !important; border: 1px solid #DDE8F8 !important; border-radius: 7px !important; background: #F5F8FF !important; color: #64748B !important; font: 500 11px/1.3 Helvetica, sans-serif !important; white-space: nowrap !important; text-overflow: ellipsis !important; overflow: hidden !important; }
.deli-checkout-page .checkout-review-point-detail span:last-of-type span { min-height: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; }
.deli-checkout-page .checkout-review-point-detail .checkout-review-point-remain span, .deli-checkout-page .checkout-review-point-remain p { display: inline !important; margin: 0 !important; color: inherit !important; font: inherit !important; white-space: nowrap !important; }
.deli-checkout-page .checkout-review-product-subtotal { display: flex !important; justify-content: flex-end !important; gap: 8px !important; margin-top: 8px !important; }
.deli-checkout-page .checkout-review-product-subtotal .label, .deli-checkout-page .checkout-review-product-subtotal p { margin: 0 !important; font: 12px/1.35 Helvetica, sans-serif !important; }
.deli-checkout-page .checkout-review-product-subtotal .label { color: #64748B !important; font-weight: 600 !important; }
.deli-checkout-page .checkout-review-product-subtotal p { color: #0F172A !important; font-weight: 800 !important; font-size: 13px !important; }
.deli-checkout-page .checkout-different-address-checkbox { display: inline-block !important; opacity: 1 !important; flex: 0 0 42px !important; width: 42px !important; height: 24px !important; margin: 0 !important; order: 2 !important; appearance: none !important; -webkit-appearance: none !important; border: 0 !important; border-radius: 999px !important; background: #D8DEE5 !important; cursor: pointer !important; position: relative !important; transition: background 0.2s ease !important; }
.deli-checkout-page .checkout-different-address-checkbox::before { content: "" !important; position: absolute !important; top: 3px !important; left: 3px !important; width: 18px !important; height: 18px !important; border-radius: 50% !important; background: #ffffff !important; box-shadow: 0 2px 5px rgba(15, 23, 42, 0.18) !important; transition: transform 0.2s ease !important; }
.deli-checkout-page .checkout-different-address-checkbox:checked { background: var(--primary-color) !important; }
.deli-checkout-page .checkout-different-address-checkbox:checked::before { transform: translateX(18px) !important; }

@media (max-width: 991.98px) {
    .deli-checkout-page { padding: 24px 20px !important; }
    .deli-checkout-page .checkout-process { margin-bottom: 20px !important; }
    .deli-checkout-page .checkout-process .nav { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 10px !important; }
    .deli-checkout-page .checkout-step-link { min-height: 62px !important; gap: 9px !important; padding: 12px 24px 12px 38px !important; }
    .deli-checkout-page .checkout-process .nav-item:first-child .checkout-step-link { padding-left: 18px !important; }
    .deli-checkout-page .checkout-process .nav-item:last-child .checkout-step-link { padding-right: 18px !important; }
    .deli-checkout-page .checkout-step-copy small { display: none !important; }
    .deli-checkout-page .checkout-step-copy strong { font-size: 13px !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
    .deli-checkout-page .checkout-step-number, .deli-checkout-page .checkout-area .checkout-process li a.checkout-step-link .checkout-step-number { flex-basis: 34px !important; width: 34px !important; height: 34px !important; font-size: 14px !important; }
    .deli-checkout-page .checkout-contact-card, .deli-checkout-page .checkout-shipping-card, .deli-checkout-page .checkout-delivery-card, .deli-checkout-page .checkout-order-note-card, .deli-checkout-page .checkout-review-address-card, .deli-checkout-page .checkout-review-products-card { padding: 20px !important; }
    .deli-checkout-page .checkout-review-product-main { grid-template-columns: minmax(0, 1fr) 82px !important; gap: 12px !important; }
    .deli-checkout-page .checkout-review-shop-coupon { grid-template-columns: minmax(0, 1.2fr) minmax(190px, 0.9fr) minmax(112px, auto) !important; }
    .deli-checkout-page .checkout-contact-col, .deli-checkout-page .checkout-shipping-col { flex: 0 0 33.333333% !important; max-width: 33.333333% !important; }
    .deli-checkout-page .checkout-summary-column { margin-top: 20px !important; position: static !important; top: auto !important; }
    .deli-checkout-page .checkout-summary-panel { position: static !important; top: auto !important; height: auto !important; overflow: visible !important; }
    .deli-checkout-page .checkout-summary-box { min-height: 0 !important; padding: 16px !important; }
    .deli-checkout-page .checkout-payment-detail-panel .list_cart { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}

@media (max-width: 575.98px) {
    .deli-checkout-page { padding: 0 12px !important; }
    .deli-checkout-page .checkout-process .nav { gap: 2px !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
    .deli-checkout-page .checkout-step-link { min-height: 50px !important; gap: 5px !important; padding: 9px 12px 9px 20px !important; clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 0 100%, 12px 50%) !important; }
    .deli-checkout-page .checkout-process .nav-item:not(:first-child) .checkout-step-link { clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 0 100%, 12px 50%) !important; }
    .deli-checkout-page .checkout-process .nav-item:first-child .checkout-step-link { padding-left: 8px !important; border-radius: 26px 6px 6px 26px !important; clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 0 100%) !important; }
    .deli-checkout-page .checkout-process .nav-item:last-child .checkout-step-link { padding-right: 8px !important; border-radius: 0 26px 26px 0 !important; clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 12px 50%) !important; }
    .deli-checkout-page .checkout-step-copy strong { font-size: 11px !important; }
    .deli-checkout-page .checkout-step-number, .deli-checkout-page .checkout-area .checkout-process li a.checkout-step-link .checkout-step-number { flex-basis: 28px !important; width: 28px !important; height: 28px !important; font-size: 12px !important; }
    .deli-checkout-page .checkout-contact-card, .deli-checkout-page .checkout-shipping-card, .deli-checkout-page .checkout-delivery-card, .deli-checkout-page .checkout-order-note-card, .deli-checkout-page .checkout-review-address-card, .deli-checkout-page .checkout-review-products-card, .deli-checkout-page .checkout-payment-shipping-card, .deli-checkout-page .checkout-payment-method-card { padding: 16px !important; margin-bottom: 18px !important; }
    .deli-checkout-page .checkout-contact-heading, .deli-checkout-page .checkout-review-heading, .deli-checkout-page .checkout-payment-heading { gap: 8px !important; margin-bottom: 12px !important; }
    .deli-checkout-page .checkout-contact-heading .title, .deli-checkout-page .checkout-review-heading .title, .deli-checkout-page .checkout-payment-heading .title { font-size: 16px !important; line-height: 1.25 !important; }
    .deli-checkout-page .checkout-contact-icon { flex-basis: 22px !important; width: 22px !important; height: 22px !important; }
    .deli-checkout-page .checkout-contact-icon i, .deli-checkout-page .checkout-review-heading i, .deli-checkout-page .checkout-payment-heading i { font-size: 16px !important; }
    .deli-checkout-page .checkout-review-edit, .deli-checkout-page .checkout-review-heading .title { font-size: 12px !important; line-height: 1.25 !important; }
    .deli-checkout-page .checkout-review-address-box { padding: 12px !important; }
    .deli-checkout-page .checkout-review-address-box p { font-size: 12px !important; line-height: 1.45 !important; }
    .deli-checkout-page .checkout-review-address-box strong { font-size: 13px !important; }
    .deli-checkout-page .checkout-review-shop-head { padding: 10px 14px !important; gap: 8px !important; font-size: 13px !important; }
    .deli-checkout-page .checkout-review-product { border-radius: 8px !important; margin-bottom: 12px !important; overflow: hidden !important; box-shadow: 0 6px 14px rgba(15, 23, 42, 0.04) !important; }
    .deli-checkout-page .checkout-review-product-card { grid-template-columns: 92px minmax(0, 1fr) !important; gap: 12px !important; align-items: start !important; min-height: 0 !important; padding: 12px !important; }
    .deli-checkout-page .checkout-review-product-img img { width: 92px !important; height: 92px !important; padding: 4px !important; object-fit: contain !important; border-radius: 7px !important; }
    .deli-checkout-page .checkout-review-product-content { min-width: 0 !important; }
    .deli-checkout-page .checkout-review-product-main { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; grid-template-rows: auto auto auto !important; align-items: start !important; gap: 8px !important; min-width: 0 !important; }
    .deli-checkout-page .checkout-review-product-info { display: contents !important; min-width: 0 !important; }
    .deli-checkout-page .checkout-review-product-name { grid-column: 1 / -1 !important; margin: 0 !important; padding: 0 !important; }
    .deli-checkout-page .checkout-review-product-name a { display: block !important; color: #071B45 !important; font: 700 13px/1.35 Helvetica, Arial, sans-serif !important; letter-spacing: 0 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; -webkit-line-clamp: unset !important; -webkit-box-orient: unset !important; }
    .deli-checkout-page .checkout-review-product-meta { grid-column: 1 / 2 !important; grid-row: 2 !important; align-self: center !important; display: -webkit-box !important; width: 100% !important; margin: 7px 0 0 !important; overflow: hidden !important; color: #64748B !important; font: 500 11px/1.35 Helvetica, Arial, sans-serif !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; }
    .deli-checkout-page .checkout-review-product-meta span { display: inline !important; min-width: 0 !important; max-width: none !important; height: auto !important; padding: 0 !important; border-radius: 0 !important; background: transparent !important; color: #64748B !important; font: inherit !important; overflow: visible !important; text-overflow: clip !important; white-space: normal !important; }
    .deli-checkout-page .checkout-review-product-meta span:not(:last-child)::after { content: ", " !important; }
    .deli-checkout-page .checkout-review-product-qty { grid-column: 1 !important; grid-row: 3 !important; justify-self: end !important; align-self: center !important; min-height: 22px !important; margin-top: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; white-space: nowrap !important; }
    .deli-checkout-page .checkout-review-product-qty strong { font: 600 12px/1.2 Helvetica, Arial, sans-serif !important; }
    .deli-checkout-page .checkout-review-product-qty strong::before { content: "Số lượng: " !important; font: 500 12px/1.2 Helvetica, Arial, sans-serif !important; }
    .deli-checkout-page .checkout-review-product-subtotal { justify-content: flex-start !important; }
    .deli-checkout-page .checkout-review-shop-coupon { grid-template-columns: minmax(0, 1fr) minmax(116px, auto) !important; gap: 8px !important; align-items: stretch !important; padding: 12px 14px !important; }
    .deli-checkout-page .checkout-review-shop-coupon > * { min-height: 0 !important; padding: 0 !important; }
    .deli-checkout-page .checkout-review-shop-coupon-main { grid-column: 1 / -1 !important; grid-template-rows: auto 36px !important; }
    .deli-checkout-page .checkout-review-shop-coupon-title { gap: 7px !important; font-size: 14px !important; }
    .deli-checkout-page .checkout-review-shop-coupon-title span { font-size: 14px !important; }
    .deli-checkout-page .checkout-review-shop-coupon-title span::after { content: none !important; }
    .deli-checkout-page .checkout-review-shop-coupon-title i { font-size: 13px !important; }
    .deli-checkout-page .checkout-review-coupon-trigger { min-height: 46px !important; padding: 0 !important; gap: 8px !important; font-size: 14px !important; line-height: 1.25 !important; white-space: nowrap !important; }
    .deli-checkout-page .checkout-review-coupon-trigger i { flex: 0 0 auto !important; font-size: 12px !important; }
    .deli-checkout-page .checkout-review-shop-coupon--product-row { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 10px !important; align-items: stretch !important; padding: 12px !important; border-top: 1px solid #EAF0F4 !important; background: #FCFDFD !important; }
    .deli-checkout-page .checkout-review-shop-coupon--product-row > * { min-height: 0 !important; padding: 0 !important; }
    .deli-checkout-page .checkout-review-point { grid-column: 1 !important; grid-template-columns: minmax(0, 1fr) auto !important; grid-template-rows: auto auto !important; align-self: start !important; justify-self: stretch !important; align-items: center !important; min-width: 0 !important; max-width: 100% !important; width: 100% !important; gap: 9px 10px !important; }
    .deli-checkout-page .checkout-review-point label { font-size: 0 !important; white-space: nowrap !important; }
    .deli-checkout-page .checkout-review-point .checkout-review-point-checkbox + label::after { content: attr(data-mobile-label) !important; display: inline !important; color: #0B8F78 !important; font: 700 11px/1.2 Helvetica, sans-serif !important; }
    .deli-checkout-page .checkout-review-point-checkbox { width: 38px !important; height: 20px !important; }
    .deli-checkout-page .checkout-review-point-checkbox::before { width: 16px !important; height: 16px !important; }
    .deli-checkout-page .checkout-review-point-checkbox:checked::before { transform: translateX(16px) !important; }
    .deli-checkout-page .checkout-review-point-detail { grid-column: 1 / -1 !important; grid-row: 2 !important; display: grid !important; grid-template-columns: 80px minmax(0, 1fr) !important; align-items: center !important; gap: 8px !important; min-width: 0 !important; max-width: 100% !important; width: 100% !important; }
    .deli-checkout-page .checkout-review-point-detail.d-none { display: none !important; }
    .deli-checkout-page .checkout-review-point-detail input, #pills-step2 .use-shopping-point-item-input, #pills-step2 .use-shop-coupon-input { max-width: 100px !important; }
    .deli-checkout-page .checkout-review-point-detail input { min-width: 0 !important; width: 80px !important; height: 32px !important; padding: 0 8px !important; font-size: 11px !important; }
    .deli-checkout-page .checkout-review-point-detail span:last-of-type, .deli-checkout-page .checkout-review-point-remain { justify-self: end !important; min-height: 28px !important; padding: 0 8px !important; border: 1px solid #DDE8F8 !important; border-radius: 7px !important; background: #F5F8FF !important; color: #64748B !important; font-size: 10px !important; }
    .deli-checkout-page .checkout-review-point-detail span:last-of-type span { min-height: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; }
    .deli-checkout-page .checkout-review-point-remain { gap: 2px !important; }
    .deli-checkout-page .checkout-review-product-total { grid-column: 1 !important; display: flex !important; justify-self: stretch !important; align-self: stretch !important; align-items: center !important; justify-content: space-between !important; min-width: 0 !important; width: 100% !important; min-height: 58px !important; padding: 10px 14px !important; gap: 10px !important; border-radius: 8px !important; font-size: clamp(18px, 5vw, 22px) !important; letter-spacing: 0 !important; overflow: hidden !important; }
    .deli-checkout-page .checkout-review-product-total p { max-width: 100% !important; overflow: hidden !important; text-overflow: clip !important; white-space: nowrap !important; }
    .deli-checkout-page .checkout-review-product-total-label { font-size: 14px !important; }
    .deli-checkout-page .checkout-review-discount-label { font-size: 10px !important; }
    .deli-checkout-page .checkout-review-discount-label { max-width: 100% !important; overflow: hidden !important; justify-content: center !important; text-overflow: clip !important; }
    .deli-checkout-page .checkout-review-coupon-dropdown { top: 50% !important; left: 50% !important; right: auto !important; width: min(430px, calc(100vw - 32px)) !important; min-height: 0 !important; max-height: calc(100vh - 120px) !important; overflow-y: auto !important; transform: translate(-50%, -50%) !important; border-radius: 10px !important; font-family: Helvetica, Arial, sans-serif !important; }
    .deli-checkout-page .checkout-review-coupon-dropdown::before { left: 50% !important; right: auto !important; transform: translateX(-50%) rotate(45deg) !important; }
    .deli-checkout-page .checkout-review-coupon-dropdown-head { padding: 16px 18px !important; }
    .deli-checkout-page .checkout-review-coupon-dropdown-head strong { font-size: 18px !important; font-family: Helvetica, Arial, sans-serif !important; }
    .deli-checkout-page .checkout-review-coupon-entry { grid-template-columns: minmax(0, 1fr) 108px !important; gap: 10px !important; margin: 14px !important; padding: 14px !important; font-family: Helvetica, Arial, sans-serif !important; }
    .deli-checkout-page .checkout-review-coupon-entry label { grid-column: 1 / -1 !important; }
    .deli-checkout-page .checkout-review-coupon-control input, .deli-checkout-page .checkout-review-coupon-control .check-shop-coupon { width: 100% !important; height: 40px !important; font-family: Helvetica, Arial, sans-serif !important; }
    .deli-checkout-page .checkout-review-coupon-control .check-shop-coupon { border-radius: 8px !important; font: 700 12px/1 Helvetica, Arial, sans-serif !important; letter-spacing: 0 !important; text-transform: none !important; }
    .deli-checkout-page .checkout-review-coupon-control input { font-size: 13px !important; }
    .deli-checkout-page .checkout-review-coupon-options { max-height: 220px !important; margin: 0 14px 14px !important; }
    .deli-checkout-page .checkout-review-coupon-option { grid-template-columns: 20px minmax(0, 1fr) !important; gap: 10px !important; min-height: 52px !important; padding: 10px 12px !important; font-family: Helvetica, Arial, sans-serif !important; }
    .deli-checkout-page .checkout-review-coupon-option-desc { grid-column: 2 !important; text-align: left !important; font-size: 12px !important; }
    .deli-checkout-page .checkout-review-coupon-empty { min-height: 150px !important; padding: 20px 14px !important; font-family: Helvetica, Arial, sans-serif !important; }
    .deli-checkout-page .checkout-step-secure-col, .deli-checkout-page .checkout-step-action-col, .deli-checkout-page .checkout-contact-col, .deli-checkout-page .checkout-shipping-col, .deli-checkout-page .checkout-shipping-address-col { flex: 0 0 100% !important; max-width: 100% !important; }
    .deli-checkout-page .checkout-delivery-options { gap: 8px !important; }
    .deli-checkout-page .checkout-delivery-options--count-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
    .deli-checkout-page .checkout-delivery-options--count-1 { grid-template-columns: 1fr !important; }
    .deli-checkout-page .checkout-delivery-options--count-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
    .deli-checkout-page .checkout-delivery-option { min-height: 86px !important; grid-template-columns: 20px minmax(0, 1fr) !important; padding: 12px !important; }
    .deli-checkout-page .checkout-delivery-price { justify-self: start !important; }
    .deli-checkout-page .checkout-contact-heading { margin-bottom: 18px !important; }
    .deli-checkout-page .checkout-summary-box { padding: 14px !important; }
    .deli-checkout-page .checkout-summary-head { align-items: flex-start !important; }
    .deli-checkout-page .checkout-summary-coupon-box .coupon { grid-template-columns: minmax(0, 1fr) 78px !important; }
    .deli-checkout-page .checkout-summary-total-row .checkout-summary-final-total { font-size: 21px !important; }
    .deli-checkout-page .checkout-payment-shipping-card, .deli-checkout-page .checkout-payment-method-card { padding: 16px !important; }
    .deli-checkout-page .checkout-payment-methods .payment { grid-template-columns: 22px minmax(0, 1fr) 42px !important; min-height: 66px !important; gap: 10px !important; padding: 12px !important; }
    .deli-checkout-page .checkout-payment-methods .payment::after { width: 42px !important; height: 38px !important; font-size: 17px !important; }
    .deli-checkout-page .checkout-payment-detail-panel { width: 100% !important; margin: -4px 0 4px !important; padding: 12px !important; }
    .deli-checkout-page .checkout-payment-detail-panel .list_cart { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 8px !important; }
    .deli-checkout-page .checkout-payment-detail-panel .list_cart li { min-height: 76px !important; padding: 8px 5px !important; }
    .deli-checkout-page .checkout-payment-detail-panel .list_cart li img { max-width: 72px !important; max-height: 26px !important; }
    .deli-checkout-page .checkout-payment-detail-panel .checkout-vnpay-bank-name { font-size: 9px !important; }
}

@media (max-width: 991.98px) {
    .deli-checkout-page .checkout-review-product { border-radius: 8px !important; margin-bottom: 12px !important; overflow: hidden !important; box-shadow: 0 6px 14px rgba(15, 23, 42, 0.04) !important; }
    .deli-checkout-page .checkout-review-product-card { grid-template-columns: 92px minmax(0, 1fr) !important; gap: 12px !important; align-items: start !important; min-height: 0 !important; padding: 12px !important; }
    .deli-checkout-page .checkout-review-product-img img { width: 92px !important; height: 92px !important; padding: 4px !important; object-fit: contain !important; border-radius: 7px !important; }
    .deli-checkout-page .checkout-review-product-content { min-width: 0 !important; }
    .deli-checkout-page .checkout-review-product-main { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; grid-template-rows: auto auto auto !important; align-items: start !important; gap: 8px !important; min-width: 0 !important; }
    .deli-checkout-page .checkout-review-product-info { display: contents !important; min-width: 0 !important; }
    .deli-checkout-page .checkout-review-product-name { grid-column: 1 / -1 !important; margin: 0 !important; padding: 0 !important; }
    .deli-checkout-page .checkout-review-product-name a { display: block !important; color: #071B45 !important; font: 700 13px/1.35 Helvetica, Arial, sans-serif !important; letter-spacing: 0 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; -webkit-line-clamp: unset !important; -webkit-box-orient: unset !important; }
    .deli-checkout-page .checkout-review-product-meta { grid-column: 1 / 2 !important; grid-row: 2 !important; align-self: center !important; display: -webkit-box !important; width: 100% !important; margin: 7px 0 0 !important; overflow: hidden !important; color: #64748B !important; font: 500 11px/1.35 Helvetica, Arial, sans-serif !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; }
    .deli-checkout-page .checkout-review-product-meta span { display: inline !important; min-width: 0 !important; max-width: none !important; height: auto !important; padding: 0 !important; border-radius: 0 !important; background: transparent !important; color: #64748B !important; font: inherit !important; overflow: visible !important; text-overflow: clip !important; white-space: normal !important; }
    .deli-checkout-page .checkout-review-product-meta span:not(:last-child)::after { content: ", " !important; }
    .deli-checkout-page .checkout-review-product-qty { grid-column: 1 !important; grid-row: 3 !important; justify-self: end !important; align-self: center !important; min-height: 22px !important; margin-top: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; white-space: nowrap !important; }
    .deli-checkout-page .checkout-review-product-qty strong { font: 600 12px/1.2 Helvetica, Arial, sans-serif !important; }
    .deli-checkout-page .checkout-review-product-qty strong::before { content: "Số lượng: " !important; font: 500 12px/1.2 Helvetica, Arial, sans-serif !important; }
    .deli-checkout-page .checkout-review-shop-coupon--product-row { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 10px !important; align-items: stretch !important; padding: 12px !important; border-top: 1px solid #EAF0F4 !important; background: #FCFDFD !important; }
    .deli-checkout-page .checkout-review-shop-coupon--product-row > * { min-height: 0 !important; padding: 0 !important; }
    .deli-checkout-page .checkout-review-point { grid-column: 1 !important; grid-template-columns: minmax(0, 1fr) auto !important; grid-template-rows: auto auto !important; align-self: start !important; justify-self: stretch !important; align-items: center !important; min-width: 0 !important; max-width: 100% !important; width: 100% !important; gap: 9px 10px !important; }
    .deli-checkout-page .checkout-review-point label { font-size: 0 !important; white-space: nowrap !important; }
    .deli-checkout-page .checkout-review-point .checkout-review-point-checkbox + label::after { content: attr(data-mobile-label) !important; display: inline !important; color: #0B8F78 !important; font: 700 11px/1.2 Helvetica, sans-serif !important; }
    .deli-checkout-page .checkout-review-point-detail { grid-column: 1 / -1 !important; grid-row: 2 !important; display: grid !important; grid-template-columns: 80px minmax(0, 1fr) !important; align-items: center !important; gap: 8px !important; min-width: 0 !important; max-width: 100% !important; width: 100% !important; }
    .deli-checkout-page .checkout-review-point-detail.d-none { display: none !important; }
    .deli-checkout-page .checkout-review-point-detail input, #pills-step2 .use-shopping-point-item-input, #pills-step2 .use-shop-coupon-input { max-width: 400px !important; }
    .deli-checkout-page .checkout-review-point-detail input { min-width: 0 !important; width: 80px !important; height: 32px !important; padding: 0 8px !important; font-size: 11px !important; }
    .deli-checkout-page .checkout-review-point-detail span:last-of-type, .deli-checkout-page .checkout-review-point-remain { justify-self: end !important; min-height: 28px !important; padding: 0 8px !important; border: 1px solid #DDE8F8 !important; border-radius: 7px !important; background: #F5F8FF !important; color: #64748B !important; font-size: 10px !important; }
    .deli-checkout-page .checkout-review-point-detail span:last-of-type span { min-height: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; }
    .deli-checkout-page .checkout-review-product-total { grid-column: 1 !important; display: flex !important; justify-self: stretch !important; align-self: stretch !important; align-items: center !important; justify-content: space-between !important; min-width: 0 !important; width: 100% !important; min-height: 58px !important; padding: 10px 14px !important; gap: 10px !important; border-radius: 8px !important; font-size: clamp(18px, 5vw, 22px) !important; letter-spacing: 0 !important; overflow: hidden !important; }
    .deli-checkout-page .checkout-review-product-total-label { font-size: 14px !important; }
}

@media (max-width: 380px) {
    .deli-checkout-page .checkout-step-link { justify-content: center !important; padding: 8px 12px 8px 18px !important; }
    .deli-checkout-page .checkout-process .nav-item:first-child .checkout-step-link, .deli-checkout-page .checkout-process .nav-item:last-child .checkout-step-link { padding: 0 6px !important; }
    .deli-checkout-page .checkout-step-copy { display: none !important; }
    .deli-checkout-page .checkout-review-product-main { display: grid !important; }
    .deli-checkout-page .checkout-review-product-card { grid-template-columns: 78px minmax(0, 1fr) !important; gap: 10px !important; padding: 10px !important; }
    .deli-checkout-page .checkout-review-product-img img { width: 78px !important; height: 78px !important; }
    .deli-checkout-page .checkout-review-product-qty { justify-self: end !important; padding: 0 7px !important; }
    .deli-checkout-page .checkout-review-shop-coupon { grid-template-columns: minmax(0, 1fr) minmax(104px, auto) !important; gap: 6px !important; padding: 0 10px !important; }
    .deli-checkout-page .checkout-review-shop-coupon--product-row { grid-template-columns: minmax(0, 1fr) !important; padding: 10px !important; }
    .deli-checkout-page .checkout-review-point { width: 100% !important; }
    .deli-checkout-page .checkout-review-product-total { grid-column: 1 !important; justify-self: stretch !important; width: 100% !important; min-width: 0 !important; min-height: 54px !important; padding: 9px 12px !important; font-size: clamp(17px, 5vw, 20px) !important; }
    .deli-checkout-page .checkout-review-point-detail { grid-template-columns: 80px minmax(0, 1fr) !important; gap: 6px !important; }
    .deli-checkout-page .checkout-review-point-detail input { width: 80px !important; padding: 0 6px !important; }
    .deli-checkout-page .checkout-review-point-detail span:last-of-type, .deli-checkout-page .checkout-review-point-remain { font-size: 9px !important; }
}

/* Detail Product Overview */
.root.root--in-iframe { background: rgba(70, 130, 180, 0.28) !important; }
.deli-detail-page .detail-product-card-col { padding: 0 12px 16px !important; }
.deli-detail-page .detail-product-card { width: 100%; padding: 12px; border: 1px solid var(--deli-border, #E2E8F0); border-radius: 16px; background: #fff; box-shadow: 0 4px 12px rgba(15, 23, 42, 0.04); }
.deli-detail-page .detail-product-card-row { --bs-gutter-x: 12px; --bs-gutter-y: 12px; align-items: stretch; }
.deli-detail-page .detail-product-card .detail-gallery-col, .deli-detail-page .detail-product-card .detail-info-col { padding: 0 6px !important; }
.deli-detail-page .detail-product-card .detail-gallery-card, .deli-detail-page .detail-product-card .detail-info-card { border: 0 !important; box-shadow: none !important; background: transparent !important; }
.deli-detail-page .detail-product-card .detail-gallery-card { padding: 0 !important; }
.deli-detail-page .detail-product-card .detail-info-card { height: auto; padding: 8px 10px 0 !important; }
.deli-detail-page .detail-product-card .detail-gallery-card.is-height-matched { height: auto !important; min-height: 0 !important; max-height: none !important; }
.deli-detail-page .detail-gallery-col { padding: 0 12px 16px !important; }
.deli-detail-page .detail-gallery-card { width: 100%; box-sizing: border-box; background: #fff; border: 1px solid var(--deli-border, #E2E8F0); border-radius: 16px; padding: 12px; box-shadow: 0 4px 12px rgba(15, 23, 42, 0.04); }
.deli-detail-page .detail-gallery-card.is-height-matched { height: var(--detail-gallery-match-height) !important; min-height: var(--detail-gallery-match-height) !important; max-height: var(--detail-gallery-match-height) !important; display: flex; flex-direction: column; overflow: hidden; }
.deli-detail-page .detail-main-image-wrap { width: 100%; aspect-ratio: 1 / 1; height: auto !important; max-height: 360px; border-radius: 14px; background: #fff; overflow: hidden !important; display: flex; align-items: center; justify-content: center; cursor: zoom-in; }
.deli-detail-page .detail-main-image { width: 100% !important; height: 100% !important; max-width: 100%; max-height: 100%; object-fit: contain !important; display: block; background: #fff; border-radius: 12px; transition: transform 0.16s ease-out; transform-origin: center center; will-change: transform; }
.deli-detail-page .detail-thumb-carousel { width: 100%; margin-top: 12px !important; padding: 0 !important; }
.deli-detail-page .detail-gallery-card.is-height-matched .detail-main-image-wrap, .deli-detail-page .detail-gallery-card.is-height-matched .detail-thumb-carousel { flex: 0 0 auto; }
.deli-detail-page .detail-thumb-carousel .owl-stage { display: flex; align-items: center; }
.deli-detail-page .detail-thumb-carousel .owl-item { width: 72px !important; flex: 0 0 72px !important; }
.deli-detail-page .detail-thumb-carousel .item { width: 72px !important; height: 72px !important; }
.deli-detail-page .detail-thumb-img { width: 72px !important; height: 72px !important; object-fit: cover !important; border: 1px solid var(--deli-border, #E2E8F0); border-radius: 12px; padding: 3px; background: #fff; cursor: pointer; transition: all 0.2s ease; }
.deli-detail-page .detail-thumb-img:hover, .deli-detail-page .detail-thumb-img.active { border-color: var(--deli-purple); box-shadow: 0 0 0 2px rgba(39, 174, 150, 0.16); }
.deli-detail-page .xzoom-preview, .deli-detail-page .xzoom-source, .deli-detail-page .xzoom-lens, .deli-detail-page .xzoom-loading { display: none !important; }
.deli-detail-page .product-main-img { height: auto !important; }
body.detail-image-viewer-open { overflow: hidden; }
.deli-detail-page .detail-image-viewer { position: fixed; inset: 0; z-index: 7000; display: grid; place-items: center; padding: 24px; background: #000; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.18s ease, visibility 0.18s ease; }
.deli-detail-page .detail-image-viewer.is-open { opacity: 1; visibility: visible; pointer-events: auto; }
.deli-detail-page .detail-image-viewer-backdrop { position: absolute; inset: 0; border: 0; background: transparent; cursor: zoom-out; }
.deli-detail-page .detail-image-viewer-panel { position: relative; z-index: 1; width: min(1000px, 100%); height: min(860px, calc(100vh - 48px)); display: grid; grid-template-columns: 54px minmax(0, 1fr) 54px; grid-template-rows: 48px minmax(0, 1fr); align-items: center; gap: 10px; padding: 0; background: transparent; box-shadow: none; }
.deli-detail-page .detail-image-viewer-stage { min-width: 0; height: 100%; display: flex; align-items: center; justify-content: center; overflow: auto; border-radius: 0; background: transparent; cursor: zoom-in; touch-action: pan-y; grid-column: 1 / -1; grid-row: 2; scrollbar-width: none; }
.deli-detail-page .detail-image-viewer-stage::-webkit-scrollbar { display: none; }
.deli-detail-page .detail-image-viewer-stage img { width: 100%; height: 100%; object-fit: contain; display: block; user-select: none; -webkit-user-drag: none; transition: transform 0.18s ease; transform-origin: center center; }
.deli-detail-page .detail-image-viewer.is-zoomed .detail-image-viewer-stage { align-items: flex-start; justify-content: flex-start; cursor: zoom-out; touch-action: auto; }
.deli-detail-page .detail-image-viewer.is-zoomed .detail-image-viewer-stage img { width: auto; height: auto; max-width: none; max-height: none; min-width: 100%; min-height: 100%; transform: scale(1.7); transform-origin: top left; }
.deli-detail-page .detail-image-viewer-close, .deli-detail-page .detail-image-viewer-nav { display: inline-flex; align-items: center; justify-content: center; padding: 0; border: 0; border-radius: 50%; color: #fff; background: rgba(255, 255, 255, 0.14); box-shadow: none; transition: background-color 0.16s ease, transform 0.16s ease; }
.deli-detail-page .detail-image-viewer-close { position: absolute; top: 0; right: 0; z-index: 2; width: 42px; height: 42px; font-size: 22px; }
.deli-detail-page .detail-image-viewer-nav { position: absolute; top: 50%; z-index: 2; width: 44px; height: 44px; transform: translateY(-50%); }
.deli-detail-page .detail-image-viewer-prev { left: 0; }
.deli-detail-page .detail-image-viewer-next { right: 0; }
.deli-detail-page .detail-image-viewer-close:hover, .deli-detail-page .detail-image-viewer-nav:hover { background: rgba(255, 255, 255, 0.24); }
.deli-detail-page .detail-image-viewer-count { grid-column: 1 / -1; grid-row: 1; justify-self: center; padding: 0; border-radius: 0; background: transparent; color: #fff; font: 500 24px/42px Helvetica, sans-serif; letter-spacing: 0; }

@media (max-width: 991.98px) {
    .deli-detail-page .detail-main-image-wrap { max-height: none; cursor: pointer; }
    .deli-detail-page .detail-main-image { transform: none !important; will-change: auto; }
    .deli-detail-page .detail-main-image-wrap, .deli-detail-page .detail-main-image { touch-action: pan-y; }
}
@media (min-width: 1200px) {
    .deli-detail-page .detail-gallery-card.is-height-matched .detail-main-image-wrap { flex: 1 1 auto; min-height: 0; height: auto !important; max-height: none; aspect-ratio: auto; }
}
@media (max-width: 575.98px) {
    .deli-detail-page .detail-gallery-col { padding: 0 !important; }
    .deli-detail-page .detail-gallery-card { padding: 10px; }
    .deli-detail-page .detail-thumb-carousel .owl-item, .deli-detail-page .detail-thumb-carousel .item { width: 64px !important; flex-basis: 64px !important; height: 64px !important; }
    .deli-detail-page .detail-thumb-img { width: 64px !important; height: 64px !important; }
    .deli-detail-page .detail-image-viewer { padding: 0; }
    .deli-detail-page .detail-image-viewer-panel { width: 100%; height: 100vh; grid-template-columns: 40px minmax(0, 1fr) 40px; grid-template-rows: 82px minmax(0, 1fr); gap: 0; }
    .deli-detail-page .detail-image-viewer-close { top: 22px; right: 22px; width: 38px; height: 38px; background: transparent; color: rgba(255, 255, 255, 0.82); font-size: 28px; }
    .deli-detail-page .detail-image-viewer-nav { width: 36px; height: 36px; font-size: 12px; background: rgba(255, 255, 255, 0.16); }
    .deli-detail-page .detail-image-viewer-count { font-size: 22px; line-height: 82px; }
}

/* ==========================================================================
   DETAIL PAGE - PRODUCT INFO COLUMN
   ========================================================================== */

.deli-detail-page .detail-info-col { padding: 0 12px 16px !important; }
.deli-detail-page .detail-info-card { padding: 20px; height: 100%; background: #fff; border-radius: 16px; }
.deli-detail-page .detail-product-title { font: 800 24px/1.35 Helvetica, sans-serif; color: var(--text-main, #0F172A) !important; margin: 0; }
.deli-detail-page .detail-rating-row { font-size: 13px; color: var(--text-muted, #727B76); }
.deli-detail-page .detail-stars { display: inline-flex; align-items: center; gap: 2px; font-size: 12px; }
.deli-detail-page .detail-review-count, .deli-detail-page .detail-sold-count { color: var(--text-muted); font: 600 13px Helvetica, sans-serif; }
.deli-detail-page .detail-divider { width: 1px; height: 14px; background: var(--deli-border, #E2E8F0); display: inline-block; }
.deli-detail-page .detail-icon-btn { width: 34px; height: 34px; border: 0; background: transparent; color: var(--text-muted); display: inline-flex; align-items: center; justify-content: center; padding: 0; cursor: pointer; font-size: 18px; }
.deli-detail-page .detail-icon-btn:hover { color: var(--deli-purple); }
.deli-detail-page .detail-price-card { padding: 16px 18px; border-radius: 14px; background: var(--deli-orange-light); }
.deli-detail-page .detail-current-price { color: var(--deli-orange, var(--deli-orange)); font: 900 34px/1 Helvetica, sans-serif; }
.deli-detail-page .detail-point-badge { display: inline-flex; align-items: center; background: var(--deli-orange-light); color: var(--deli-orange, var(--deli-orange)); border-radius: 8px; padding: 6px 10px; font: 800 13px Helvetica, sans-serif; margin-bottom: 2px; }
.deli-detail-page .detail-old-price { color: var(--text-muted); font: 700 15px Helvetica, sans-serif; }
.deli-detail-page .detail-option-group { padding: 14px 0; border-bottom: 1px solid var(--deli-border, #E2E8F0); }
.deli-detail-page .detail-option-title { color: var(--text-main, #0F172A); font: 800 14px Helvetica, sans-serif; margin-bottom: 10px; }
.deli-detail-page .detail-option-list, .deli-detail-page .detail-color-list { display: flex; flex-wrap: wrap; }
.deli-detail-page .detail-option-list { gap: 10px; }
.deli-detail-page .detail-size-option { min-width: 76px; min-height: 48px; border: 1px solid var(--deli-border, #E2E8F0); border-radius: 10px; background: #fff; padding: 8px 12px; cursor: pointer; transition: all 0.2s ease; }
.deli-detail-page .detail-size-option:hover { border-color: var(--deli-purple); }
.deli-detail-page .detail-size-name { display: block; color: var(--text-muted); font: 800 14px/1.2 Helvetica, sans-serif; }
.deli-detail-page .detail-size-stock { display: block; color: var(--text-muted, #727B76); font: 500 11px Helvetica, sans-serif; margin-top: 4px; }
.deli-detail-page .box-variant.active.detail-size-option, .deli-detail-page .color-dot-wrapper.active.detail-color-option { border-color: var(--deli-purple) !important; background: var(--deli-purple-light, var(--deli-purple-light)) !important; box-shadow: 0 0 0 1px var(--deli-purple); }
.deli-detail-page .detail-size-option.is-disabled, .deli-detail-page .detail-floating-choice.is-disabled { opacity: 0.42; cursor: not-allowed; filter: grayscale(1); }
.deli-detail-page .detail-size-option.is-disabled:hover { border-color: var(--deli-border, #E2E8F0); }
.deli-detail-page .detail-size-option.is-disabled .detail-size-stock { color: #EF4444 !important; }
.deli-detail-page .detail-color-list { gap: 12px; }
.deli-detail-page .detail-color-option { width: 34px; height: 34px; border: 1px solid var(--deli-border, #E2E8F0); border-radius: 50%; background: #fff; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }
.deli-detail-page .detail-color-option .color-dot { width: 22px; height: 22px; border-radius: 50%; display: block; border: 1px solid rgba(0,0,0,0.08); }
.deli-detail-page .detail-attr-option { position: relative; cursor: pointer; margin: 0; }
.deli-detail-page .detail-attr-option input { position: absolute; opacity: 0; pointer-events: none; }
.deli-detail-page .detail-attr-option span { min-width: 74px; height: 38px; padding: 0 14px; border: 1px solid var(--deli-border, #E2E8F0); border-radius: 10px; background: #fff; color: var(--text-muted); font: 700 13px Helvetica, sans-serif; display: inline-flex; align-items: center; justify-content: center; }
.deli-detail-page .detail-attr-option input:checked + span { border-color: var(--deli-purple); background: var(--deli-purple-light); color: var(--deli-purple); box-shadow: 0 0 0 1px var(--deli-purple); }
.deli-detail-page .detail-purchase-info-row { margin: 12px 0 0; }
.deli-detail-page .detail-purchase-info-card { padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.deli-detail-page .detail-purchase-info-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 10px; padding: 0 0 8px; border-bottom: 1px solid var(--deli-border, #E2E8F0); }
.deli-detail-page .detail-purchase-info-head span, .deli-detail-page .detail-purchase-info-head strong, .deli-detail-page .detail-purchase-info-item strong, .deli-detail-page .detail-purchase-info-item span { font-family: Helvetica, Arial, sans-serif !important; letter-spacing: 0 !important; }
.deli-detail-page .detail-purchase-info-head span { color: #64748B; font-size: 13px; font-weight: 700; line-height: 1.25; }
.deli-detail-page .detail-purchase-info-head strong { color: var(--deli-purple, var(--primary-color)); font-size: 13px; font-weight: 700; line-height: 1.25; }
.deli-detail-page .detail-purchase-info-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.deli-detail-page .detail-purchase-info-item { min-width: 0; min-height: 52px; display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 10px; align-items: center; padding: 9px 10px; border: 1px solid #EEF2F5; border-radius: 10px; background: #fff; text-align: left; }
.deli-detail-page .detail-purchase-info-item i { width: 34px; height: 34px; display: inline-flex; align-items: center; justify-content: center; border-radius: 10px; background: transparent; color: var(--deli-purple, var(--primary-color)); font-size: 16px; }
.deli-detail-page .detail-purchase-info-item strong, .deli-detail-page .detail-purchase-info-item span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.deli-detail-page .detail-purchase-info-item strong { color: var(--text-main, #0F172A); font-size: 13px; font-weight: 700; line-height: 1.2; }
.deli-detail-page .detail-purchase-info-item span { margin-top: 2px; color: #64748B; font-size: 11.5px; font-weight: 500; line-height: 1.25; }
.deli-detail-page .detail-buy-panel { padding-top: 18px; }
.deli-detail-page .detail-qty-control { width: 150px; height: 42px; border: 1px solid var(--deli-border, #E2E8F0); border-radius: 10px; overflow: hidden; display: flex; align-items: center; background: #fff; }
.deli-detail-page .detail-qty-btn { width: 44px; min-width: 44px; height: 100%; border: 0; background: #F8FAFB; color: var(--text-muted); display: flex; align-items: center; justify-content: center; cursor: pointer; }
.deli-detail-page .detail-qty-btn:hover { color: var(--deli-purple); background: var(--deli-purple-light); }
.deli-detail-page .detail-qty-btn i { font-size: 13px; }
.deli-detail-page .detail-qty-input { width: 62px; height: 100%; border: 0; outline: 0; text-align: center; color: var(--text-muted); font: 800 15px Helvetica, sans-serif; background: #fff; padding: 0; }
.deli-detail-page .detail-stock-text { padding-bottom: 10px; color: var(--text-muted, #727B76); font: 600 13px Helvetica, sans-serif; }
.deli-detail-page .detail-stock-text strong { color: var(--text-main, #0F172A); font-size: 13px; }
.deli-detail-page .detail-action-row { display: flex; gap: 10px; margin-top: 18px; width: 100%; align-items: stretch; }
.deli-detail-page .detail-add-cart-btn, .deli-detail-page .detail-buy-now-btn { flex: 1 1 0; min-height: 48px; border-radius: 10px !important; font: 800 14px Helvetica, sans-serif; }
.deli-detail-page .detail-add-cart-btn.is-disabled, .deli-detail-page .detail-add-cart-btn:disabled, .deli-detail-page .detail-floating-add-cart.is-disabled, .deli-detail-page .detail-floating-add-cart:disabled { border-color: #CBD5E1 !important; background: #CBD5E1 !important; color: #fff !important; box-shadow: none !important; cursor: not-allowed; opacity: 1; }
.deli-detail-page .detail-buy-now-btn.is-out-stock, .deli-detail-page .detail-buy-now-btn:disabled, .deli-detail-page .detail-floating-buy-now.is-out-stock, .deli-detail-page .detail-floating-buy-now:disabled { border-color: #CBD5E1 !important; background: #F8FAFB !important; color: #94A3B8 !important; cursor: not-allowed; opacity: 1; }
.deli-detail-page .detail-qty-warning { margin-top: 10px; color: #ef4444; font: 500 14px/1.4 Helvetica, sans-serif; }
.deli-detail-page .detail-quantity-row { display: flex; align-items: flex-end; justify-content: flex-start; gap: 24px; flex-wrap: wrap; }
.deli-detail-page .detail-quantity-left { display: flex; flex-direction: column; }

@media (max-width: 575.98px) {
    .deli-detail-page .detail-info-col { padding: 0 !important; }
    .deli-detail-page .detail-info-card { padding: 16px; }
    .deli-detail-page .detail-product-title { font-size: 21px; }
    .deli-detail-page .detail-current-price { font-size: 28px; }
    .deli-detail-page .detail-action-row { flex-direction: column; }
    .deli-detail-page .detail-add-cart-btn, .deli-detail-page .detail-buy-now-btn { width: 100%; }
}

.deli-checkout-page .pay-area { border: 0 !important; box-shadow: none !important; outline: 0 !important; }
.deli-checkout-page .pay-area > .tab-content { border: 0 !important; box-shadow: none !important; outline: 0 !important; }
.deli-checkout-page .pay-area > .tab-content > .tab-pane { border: 0 !important; box-shadow: none !important; outline: 0 !important; }
.deli-checkout-page .pay-area .tab-pane > div { border: 0 !important; box-shadow: none !important; outline: 0 !important; }
.deli-checkout-page .pay-area .tab-pane > form { border: 0 !important; box-shadow: none !important; outline: 0 !important; }

.deli-checkout-page .pay-area ul.list_cart.clearfix::before { display: none !important; content: none !important; background: transparent !important; border: 0 !important; width: 0 !important; height: 0 !important; }
.deli-checkout-page .pay-area ul.list_cart.clearfix::after { display: none !important; content: none !important; background: transparent !important; border: 0 !important; width: 0 !important; height: 0 !important; }

.deli-checkout-page .pay-area li.vnpay_bank { border: 1px solid #dbe6f0 !important; border-radius: 10px !important; box-shadow: none !important; outline: 0 !important; }
.deli-checkout-page .pay-area li.vnpay_bank:hover { border-color: var(--deli-purple) !important; }
.deli-checkout-page .pay-area li.vnpay_bank.active { border-color: var(--deli-purple) !important; }
.deli-checkout-page .pay-area li.vnpay_bank.selected { border-color: var(--deli-purple) !important; }

.deli-checkout-page .pay-area li.vnpay_bank label { border: 0 !important; box-shadow: none !important; outline: 0 !important; background-image: none !important; text-decoration: none !important; }
.deli-checkout-page .pay-area li.vnpay_bank:hover label { border: 0 !important; box-shadow: none !important; outline: 0 !important; background-image: none !important; text-decoration: none !important; }
.deli-checkout-page .pay-area li.vnpay_bank label:hover { border: 0 !important; box-shadow: none !important; outline: 0 !important; background-image: none !important; text-decoration: none !important; }
.deli-checkout-page .pay-area li.vnpay_bank label::before { display: none !important; content: none !important; border: 0 !important; background: transparent !important; box-shadow: none !important; width: 0 !important; height: 0 !important; }
.deli-checkout-page .pay-area li.vnpay_bank label::after { display: none !important; content: none !important; border: 0 !important; background: transparent !important; box-shadow: none !important; width: 0 !important; height: 0 !important; }

.deli-checkout-page .pay-area li.vnpay_bank .fa-check { display: none !important; }
.deli-checkout-page .pay-area li.vnpay_bank svg.fa-check { display: none !important; }
.deli-checkout-page .pay-area li.vnpay_bank svg[data-icon="check"] { display: none !important; }

.deli-checkout-page .pay-area li.vnpay_bank img { border: 0 !important; box-shadow: none !important; outline: 0 !important; text-decoration: none !important; }
.deli-checkout-page .pay-area li.vnpay_bank:hover img { border: 0 !important; box-shadow: none !important; outline: 0 !important; text-decoration: none !important; }

.deli-checkout-page .pay-area li.vnpay_bank .checkout-vnpay-bank-name { display: block !important; border: 0 !important; box-shadow: none !important; outline: 0 !important; background: transparent !important; text-decoration: none !important; text-shadow: none !important; font-style: normal !important; font-weight: 700 !important; }
.deli-checkout-page .pay-area li.vnpay_bank .checkout-vnpay-bank-name:hover { border: 0 !important; box-shadow: none !important; outline: 0 !important; background: transparent !important; text-decoration: none !important; text-shadow: none !important; }

.deli-checkout-page .pay-area ul.list_cart,
.deli-checkout-page .pay-area ul.list_cart.clearfix { border-left: 0 !important; border-right: 0 !important; border-bottom: 0 !important; box-shadow: none !important; outline: 0 !important; }

.deli-checkout-page .checkout-process,
.deli-checkout-page .checkout-process .nav,
.deli-checkout-page .checkout-process .nav-item { background: transparent !important; box-shadow: none !important; filter: none !important; }

.deli-checkout-page .checkout-step-link,
.deli-checkout-page .checkout-step-link:hover,
.deli-checkout-page .checkout-step-link:focus,
.deli-checkout-page .checkout-step-link:active,
.deli-checkout-page .checkout-step-link.active,
.deli-checkout-page .checkout-step-link.disabled,
.deli-checkout-page .checkout-process .checkout-step-link { box-shadow: none !important; filter: none !important; -webkit-filter: none !important; outline: 0 !important; }

.deli-checkout-page .checkout-process .checkout-step-link { position: relative !important; overflow: visible !important; }
.deli-checkout-page .checkout-process .nav-item:first-child .checkout-step-link { border-radius: 40px 8px 8px 40px !important; }
.deli-checkout-page .checkout-process .nav-item:last-child .checkout-step-link { border-radius: 0 40px 40px 0 !important; }
.deli-checkout-page .checkout-step-link.active { background: var(--primary-color) !important; border-color: var(--primary-color) !important; }

.deli-checkout-page .checkout-process .nav-item:not(:first-child) .checkout-step-link::before { content: "" !important; display: block !important; position: absolute !important; left: 0 !important; top: 0 !important; width: 24px !important; height: 100% !important; background: linear-gradient(to top right, transparent calc(50% - 0.5px), #d6e1ea calc(50% - 0.5px), #d6e1ea calc(50% + 0.5px), transparent calc(50% + 0.5px)) top left / 24px 50% no-repeat, linear-gradient(to bottom right, transparent calc(50% - 0.5px), #d6e1ea calc(50% - 0.5px), #d6e1ea calc(50% + 0.5px), transparent calc(50% + 0.5px)) bottom left / 24px 50% no-repeat !important; border: 0 !important; box-shadow: none !important; z-index: 6 !important; pointer-events: none !important; }
.deli-checkout-page .checkout-process .nav-item:not(:first-child) .checkout-step-link::after { content: none !important; display: none !important; }
.deli-checkout-page .checkout-process .nav-item:not(:first-child) .checkout-step-link.active::before { background: linear-gradient(to top right, transparent calc(50% - 0.5px), rgba(39, 174, 150, 0.45) calc(50% - 0.5px), rgba(39, 174, 150, 0.45) calc(50% + 0.5px), transparent calc(50% + 0.5px)) top left / 24px 50% no-repeat, linear-gradient(to bottom right, transparent calc(50% - 0.5px), rgba(39, 174, 150, 0.45) calc(50% - 0.5px), rgba(39, 174, 150, 0.45) calc(50% + 0.5px), transparent calc(50% + 0.5px)) bottom left / 24px 50% no-repeat !important; }
.deli-checkout-page .checkout-process .checkout-step-number, .deli-checkout-page .checkout-process .checkout-step-copy { position: relative !important; z-index: 8 !important; }
.deli-checkout-page .pay-area { overflow: hidden !important; }
.deli-checkout-page .pay-area .tab-pane { transition: opacity 0.16s ease, transform 0.16s ease !important; }
.deli-detail-page .detail-main-image-wrap { position: relative; }
.deli-detail-page .detail-image-sale-badge { position: absolute; top: 14px; left: 14px; z-index: 5; min-width: 48px; height: 28px; padding: 0 10px; border-radius: 999px; background: var(--deli-orange, var(--deli-orange)); color: #fff; font: 800 13px/28px Helvetica, Arial, sans-serif !important; text-align: center; box-shadow: 0 8px 18px rgba(230, 127, 102, 0.25); }
.deli-detail-page .detail-price-card { padding: 16px 18px !important; border-radius: 14px !important; background: var(--deli-orange-light) !important; }
.deli-detail-page .detail-price-line { display: flex; align-items: baseline; flex-wrap: wrap; gap: 10px; }
.deli-detail-page .detail-current-price { color: var(--deli-orange, var(--deli-orange)) !important; font: 800 25px/1.1 Helvetica, Arial, sans-serif !important; letter-spacing: -0.25px; }
.deli-detail-page .detail-old-price { color: var(--text-muted) !important; font: 700 13px/1.2 Helvetica, Arial, sans-serif !important; opacity: 0.85; }

@media (max-width: 991.98px) {
    .deli-checkout-page .checkout-process .nav { gap: 6px !important; }
    .deli-checkout-page .checkout-process .checkout-step-link { min-height: 48px !important; padding: 8px 12px 8px 30px !important; }
    .deli-checkout-page .checkout-process .nav-item:first-child .checkout-step-link { padding-left: 12px !important; }
    .deli-checkout-page .checkout-process .nav-item:last-child .checkout-step-link { padding-right: 10px !important; }
    .deli-checkout-page .checkout-process .checkout-step-number, .deli-checkout-page .checkout-area .checkout-process li a.checkout-step-link .checkout-step-number { flex: 0 0 28px !important; width: 28px !important; height: 28px !important; font-size: 12px !important; }
    .deli-checkout-page .checkout-process .checkout-step-copy strong { font-size: 11px !important; line-height: 1.2 !important; white-space: nowrap !important; }
    .deli-checkout-page .checkout-process .checkout-step-copy small { display: none !important; }
    .deli-checkout-page .checkout-process .nav-item:not(:first-child) .checkout-step-link::before { width: 8px !important; background: linear-gradient(to top right, transparent calc(50% - 0.25px), #d6e1ea calc(50% - 0.25px), #d6e1ea calc(50% + 0.25px), transparent calc(50% + 0.25px)) top left / 8px 50% no-repeat, linear-gradient(to bottom right, transparent calc(50% - 0.25px), #d6e1ea calc(50% - 0.25px), #d6e1ea calc(50% + 0.25px), transparent calc(50% + 0.25px)) bottom left / 8px 50% no-repeat !important; }
    .deli-checkout-page .checkout-process .nav-item:not(:first-child) .checkout-step-link.active::before { background: linear-gradient(to top right, transparent calc(50% - 0.25px), rgba(39, 174, 150, 0.4) calc(50% - 0.25px), rgba(39, 174, 150, 0.4) calc(50% + 0.25px), transparent calc(50% + 0.25px)) top left / 8px 50% no-repeat, linear-gradient(to bottom right, transparent calc(50% - 0.25px), rgba(39, 174, 150, 0.4) calc(50% - 0.25px), rgba(39, 174, 150, 0.4) calc(50% + 0.25px), transparent calc(50% + 0.25px)) bottom left / 8px 50% no-repeat !important; }
}

@media (max-width: 991.98px) {
    .deli-checkout-page .checkout-area .content-box,
    .deli-checkout-page .checkout-area .content-box .content {
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .deli-checkout-page .checkout-area,
    .deli-checkout-page .checkout-area .tab-content,
    .deli-checkout-page .checkout-area .tab-pane,
    .deli-checkout-page form.checkoutform.checkout {
        border: 0 !important;
        outline: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .deli-checkout-page .checkout-process .checkout-step-number,
    .deli-checkout-page .checkout-area .checkout-process li a.checkout-step-link .checkout-step-number {
        display: none !important;
    }

    .deli-checkout-page .checkout-process .checkout-step-link {
        justify-content: center !important;
        min-height: 48px !important;
        gap: 0 !important;
        padding: 8px 12px 8px 20px !important;
    }

    .deli-checkout-page .checkout-process .nav-item:first-child .checkout-step-link {
        padding-left: 12px !important;
        padding-right: 18px !important;
    }

    .deli-checkout-page .checkout-process .nav-item:last-child .checkout-step-link {
        padding-left: 20px !important;
        padding-right: 12px !important;
    }

    .deli-checkout-page .checkout-step-copy,
    .deli-checkout-page .checkout-area .checkout-process li a.checkout-step-link .checkout-step-copy {
        display: flex !important;
        align-items: center !important;
        text-align: center !important;
        width: 100% !important;
    }

    .deli-checkout-page .checkout-process .checkout-step-copy strong,
    .deli-checkout-page .checkout-step-copy strong {
        width: 100% !important;
        overflow: visible !important;
        text-overflow: clip !important;
        white-space: normal !important;
        font-size: 11px !important;
        line-height: 1.2 !important;
    }

    .deli-checkout-page .checkout-process .checkout-step-copy small {
        display: none !important;
    }

    .deli-checkout-page .checkout-contact-card,
    .deli-checkout-page .checkout-shipping-card,
    .deli-checkout-page .checkout-delivery-card,
    .deli-checkout-page .checkout-order-note-card {
        padding: 18px 16px !important;
        margin-bottom: 18px !important;
    }

    .deli-checkout-page .checkout-delivery-options,
    .deli-checkout-page .checkout-delivery-options--count-1,
    .deli-checkout-page .checkout-delivery-options--count-2,
    .deli-checkout-page .checkout-delivery-options--count-3 {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    .deli-checkout-page .checkout-delivery-option {
        min-height: 0 !important;
        grid-template-columns: 22px minmax(0, 1fr) !important;
        align-items: flex-start !important;
        padding: 14px 14px !important;
    }

    .deli-checkout-page .checkout-delivery-copy {
        row-gap: 5px !important;
    }

    .deli-checkout-page .checkout-delivery-copy strong {
        overflow: visible !important;
        text-overflow: clip !important;
        white-space: normal !important;
        font-size: 14px !important;
        line-height: 1.25 !important;
    }

    .deli-checkout-page .checkout-delivery-copy small {
        white-space: normal !important;
        font-size: 12px !important;
        line-height: 1.35 !important;
    }

    .deli-checkout-page {
        padding-bottom: 0 !important;
    }

    .deli-checkout-page section.checkout {
        padding-bottom: 0 !important;
    }

    .deli-checkout-page .checkout-shell,
    .deli-checkout-page .checkout-main-row,
    .deli-checkout-page .checkout-main-row > [class*="col-"] {
        min-height: 0 !important;
    }

    body.checkout-summary-sheet-open {
        overflow: hidden !important;
    }

    body.checkout-summary-sheet-open::before {
        content: "" !important;
        position: fixed !important;
        inset: 0 !important;
        z-index: 5035 !important;
        display: block !important;
        background: rgba(15, 23, 42, 0.44) !important;
        pointer-events: none !important;
    }

    body.checkout-voucher-popup-open {
        overflow: hidden !important;
    }

    .deli-checkout-page .checkout-step-actions-row {
        position: fixed !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        z-index: 5050 !important;
        display: flex !important;
        align-items: stretch !important;
        gap: 8px !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 8px 12px calc(8px + env(safe-area-inset-bottom, 0px)) !important;
        border-top: 1px solid #E8EEF3 !important;
        background: rgba(255, 255, 255, 0.98) !important;
        box-shadow: 0 -8px 22px rgba(15, 23, 42, 0.10) !important;
    }

    body.checkout-voucher-popup-open .deli-checkout-page .checkout-step-actions-row {
        pointer-events: none !important;
    }

    .deli-checkout-page .checkout-step-actions-row .checkout-step-secure-col {
        display: none !important;
    }

    .deli-checkout-page .checkout-step-actions-row .checkout-step-action-col {
        flex: 1 1 0 !important;
        max-width: none !important;
        width: auto !important;
        padding: 0 !important;
    }

    .deli-checkout-page .checkout-step-action .checkout-next-step-btn.mybtn1,
    .deli-checkout-page .checkout-step-action .checkout-prev-step-btn.mybtn1 {
        min-height: 50px !important;
        padding: 0 12px !important;
        border-radius: 8px !important;
        font-size: 13px !important;
        line-height: 1.2 !important;
        text-align: center !important;
    }

    .deli-checkout-page .checkout-step-action .checkout-next-step-btn.mybtn1 {
        font-size: 0 !important;
        white-space: nowrap !important;
    }

    .deli-checkout-page .checkout-step-action .checkout-next-step-btn.mybtn1::before {
        content: "Tiếp tục" !important;
        font: 700 14px/1.2 Helvetica, Arial, sans-serif !important;
    }

    .deli-checkout-page .checkout-step-action .checkout-next-step-btn.mybtn1 i {
        font-size: 14px !important;
    }

    .deli-checkout-page .checkout-summary-column {
        position: fixed !important;
        left: 0 !important;
        right: 0 !important;
        bottom: calc(67px + env(safe-area-inset-bottom, 0px)) !important;
        z-index: 5040 !important;
        width: 100% !important;
        max-width: none !important;
        padding: 0 !important;
        margin: 0 !important;
        pointer-events: none !important;
    }

    .deli-checkout-page .checkout-summary-panel {
        width: 100% !important;
        pointer-events: auto !important;
    }

    .deli-checkout-page .checkout-summary-panel.is-open {
        position: fixed !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        z-index: 5060 !important;
        display: flex !important;
        align-items: flex-end !important;
        background: transparent !important;
        pointer-events: auto !important;
    }

    .deli-checkout-page .checkout-summary-box {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        border-width: 1px 0 0 !important;
        border-radius: 0 !important;
        box-shadow: 0 -8px 22px rgba(15, 23, 42, 0.10) !important;
        overflow: hidden !important;
    }

    .deli-checkout-page .checkout-summary-head,
    .deli-checkout-page .checkout-summary-list,
    .deli-checkout-page .checkout-summary-shipping-source,
    .deli-checkout-page .checkout-summary-banner,
    .deli-checkout-page .checkout-summary-box > .final-price {
        display: none !important;
    }

    .deli-checkout-page .checkout-summary-coupon-box {
        order: 1 !important;
        margin: 0 !important;
        padding: 6px 12px !important;
        border-bottom: 1px solid #EEF2F5 !important;
        background: #ffffff !important;
    }

    .deli-checkout-page .checkout-voucher-trigger {
        min-height: 48px !important;
        padding: 0 !important;
    }

    .deli-checkout-page .checkout-voucher-trigger-title,
    .deli-checkout-page .checkout-voucher-trigger-code {
        font-size: 14px !important;
    }

    .deli-checkout-page .checkout-voucher-trigger-title i {
        color: var(--primary-color) !important;
    }

    .deli-checkout-page .checkout-voucher-trigger-title svg,
    .deli-checkout-page .checkout-voucher-trigger-title svg path {
        color: var(--primary-color) !important;
        fill: var(--primary-color) !important;
    }

    .deli-checkout-page .checkout-summary-coupon-box .coupon {
        grid-template-columns: minmax(0, 1fr) 88px !important;
        gap: 8px !important;
    }

    .deli-checkout-page .checkout-summary-coupon-box #code,
    .deli-checkout-page .checkout-summary-coupon-box .btn-apply-coupon {
        height: 42px !important;
    }

    .deli-checkout-page .checkout-voucher-popup .coupon {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 96px !important;
        gap: 8px !important;
        margin: 0 !important;
    }

    .deli-checkout-page .checkout-voucher-popup #code,
    .deli-checkout-page .checkout-voucher-popup .btn-apply-coupon {
        height: 40px !important;
    }

    .deli-checkout-page .checkout-voucher-popup #code {
        border-radius: 8px !important;
        font: 500 13px/1.3 Helvetica, Arial, sans-serif !important;
    }

    .deli-checkout-page .checkout-voucher-popup .btn-apply-coupon {
        border-color: #F2A66B !important;
        border-radius: 8px !important;
        background: #FFF4EA !important;
        color: #C85E28 !important;
        font: 700 12px/1 Helvetica, Arial, sans-serif !important;
        letter-spacing: 0 !important;
        text-transform: none !important;
    }

    .deli-checkout-page .checkout-voucher-popup .coupon br {
        display: none !important;
    }

    .deli-checkout-page .checkout-voucher-popup #applied-coupon-display {
        display: flex !important;
        justify-content: center !important;
        min-height: 34px !important;
        margin-bottom: 14px !important;
    }

    .deli-checkout-page .checkout-voucher-popup #applied-coupon-display.d-none {
        display: flex !important;
        visibility: hidden !important;
    }

    .deli-checkout-page .checkout-summary-total-row {
        order: 2 !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) max-content 18px !important;
        align-items: center !important;
        gap: 8px !important;
        min-height: 58px !important;
        margin: 0 !important;
        padding: 8px 12px !important;
        border: 0 !important;
        background: #ffffff !important;
        cursor: pointer !important;
    }

    .deli-checkout-page .checkout-summary-total-row p {
        margin: 0 !important;
        font-size: 12px !important;
        line-height: 1.2 !important;
    }

    .deli-checkout-page .checkout-summary-total-row p:first-child {
        display: flex !important;
        align-items: center !important;
        gap: 7px !important;
        min-width: 0 !important;
        color: #334155 !important;
        font: 700 14px/1.25 Helvetica, Arial, sans-serif !important;
    }

    .deli-checkout-page .checkout-summary-total-row p:first-child::before {
        content: none !important;
        display: none !important;
    }

    .deli-checkout-page .checkout-summary-total-row p:last-child {
        align-items: flex-end !important;
        text-align: right !important;
        gap: 2px !important;
        justify-self: end !important;
        width: auto !important;
        min-width: 0 !important;
    }

    .deli-checkout-page .checkout-summary-total-row .checkout-summary-final-total {
        color: var(--deli-orange) !important;
        font-size: 20px !important;
        line-height: 1 !important;
    }

    .deli-checkout-page .checkout-summary-total-row small {
        font-size: 10px !important;
        line-height: 1.1 !important;
    }

    .deli-checkout-page .checkout-summary-toggle-icon {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 18px !important;
        height: 18px !important;
        color: #64748B !important;
    }

    .deli-checkout-page .checkout-summary-panel.is-open .checkout-summary-box {
        pointer-events: auto !important;
        max-height: min(76vh, 620px) !important;
        border-radius: 16px 16px 0 0 !important;
        overflow-y: auto !important;
        padding-bottom: calc(67px + env(safe-area-inset-bottom, 0px)) !important;
        box-shadow: 0 -14px 36px rgba(15, 23, 42, 0.18) !important;
    }

    .deli-checkout-page .checkout-summary-panel.is-open .checkout-summary-head {
        order: 1 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 58px !important;
        margin: 0 !important;
        padding: 0 54px !important;
        border-bottom: 1px solid #EEF2F5 !important;
        background: #ffffff !important;
    }

    .deli-checkout-page .checkout-summary-panel.is-open .checkout-summary-title {
        font-size: 20px !important;
        line-height: 1.2 !important;
        text-align: center !important;
    }

    .deli-checkout-page .checkout-summary-close {
        display: none !important;
    }

    .deli-checkout-page .checkout-summary-panel.is-open .checkout-summary-close {
        position: absolute !important;
        top: 10px !important;
        right: 12px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 38px !important;
        height: 38px !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 50% !important;
        background: transparent !important;
        color: #64748B !important;
        font-size: 20px !important;
    }

    .deli-checkout-page .checkout-summary-panel.is-open .checkout-summary-list {
        order: 2 !important;
        display: flex !important;
        padding: 18px 16px !important;
        border-bottom: 1px solid #EEF2F5 !important;
        background: #ffffff !important;
    }

    .deli-checkout-page .checkout-summary-panel.is-open .checkout-summary-total-row {
        order: 3 !important;
        min-height: 58px !important;
        padding: 8px 12px !important;
        border-top: 1px solid #EEF2F5 !important;
        grid-template-columns: minmax(0, 1fr) max-content 18px !important;
    }

    .deli-checkout-page .checkout-summary-panel.is-open .checkout-summary-toggle-icon i {
        transform: rotate(180deg) !important;
    }

    .deli-checkout-page .checkout-summary-panel.is-open .checkout-summary-coupon-box {
        display: none !important;
    }

    .deli-checkout-page .checkout-voucher-popup {
        top: 0 !important;
        right: 0 !important;
        bottom: calc(181px + env(safe-area-inset-bottom, 0px)) !important;
        left: 0 !important;
        align-items: flex-end !important;
        justify-content: center !important;
    }

    .deli-checkout-page .checkout-voucher-popup-panel {
        width: 100% !important;
        max-width: none !important;
        min-height: 250px !important;
        max-height: min(62vh, 480px) !important;
        border-radius: 16px 16px 0 0 !important;
    }
}

@media (max-width: 575.98px) {
    .deli-detail-page .detail-current-price { font-size: 23px !important; }
    .deli-detail-page .detail-image-sale-badge { top: 10px; left: 10px; height: 26px; line-height: 26px; font-size: 12px; }
}

/* ==========================================================================
   DETAIL PAGE - COMPACT INFO COLUMN FINAL
   ========================================================================== */

.deli-detail-page .detail-info-card { padding: 18px 22px !important; }
.deli-detail-page .detail-info-head { margin-bottom: 10px !important; }
.deli-detail-page .detail-product-title { font: 700 20px/1.3 Helvetica, Arial, sans-serif !important; letter-spacing: -0.15px; margin-bottom: 6px !important; }
.deli-detail-page .detail-rating-row { margin-bottom: 0 !important; gap: 7px !important; }
.deli-detail-page .detail-stars { font-size: 11px !important; gap: 1px !important; }
.deli-detail-page .detail-review-count, .deli-detail-page .detail-sold-count { font-size: 12px !important; font-weight: 600 !important; }
.deli-detail-page .detail-price-card { background: transparent !important; padding: 12px 0 14px 0 !important; margin: 14px 0 !important; border-radius: 0 !important; border: 1px solid var(--deli-border, #E2E8F0); border-left: 0 !important; border-right: 0 !important; }
.deli-detail-page .detail-price-line { display: flex; align-items: baseline; flex-wrap: wrap; gap: 10px; }
.deli-detail-page .detail-current-price { font: 800 24px/1.1 Helvetica, Arial, sans-serif !important; color: var(--deli-orange, var(--deli-orange)) !important; letter-spacing: -0.2px; }
.deli-detail-page .detail-old-price { font: 600 13px/1.2 Helvetica, Arial, sans-serif !important; color: #687076 !important; }
.deli-detail-page .detail-point-row { margin-top: 7px !important; }
.deli-detail-page .detail-point-badge { display: inline-flex !important; align-items: center; width: fit-content; background: var(--deli-orange-light) !important; color: var(--deli-orange, var(--deli-orange)) !important; border-radius: 6px !important; padding: 4px 8px !important; font: 700 11px/1.25 sans-serif !important; }
.deli-detail-page .detail-option-group { padding: 12px 0 !important; border-bottom: 1px solid var(--deli-border, #E2E8F0); }
.deli-detail-page .detail-option-title { font-size: 13px !important; font-weight: 700 !important; margin-bottom: 8px !important; }
.deli-detail-page .detail-size-list { gap: 8px !important; }
.deli-detail-page .detail-size-option { min-width: 76px !important; min-height: 44px !important; padding: 7px 11px !important; border-radius: 8px !important; }
.deli-detail-page .detail-size-name { font-size: 13px !important; font-weight: 700 !important; }
.deli-detail-page .detail-size-stock { font-size: 11px !important; margin-top: 3px !important; }
.deli-detail-page .detail-color-list { display: flex; flex-wrap: wrap; gap: 8px !important; }
.deli-detail-page .detail-color-option { width: 42px !important; height: 36px !important; border: 1px solid var(--deli-border, #E2E8F0) !important; border-radius: 9px !important; background: #ffffff !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; cursor: pointer; transition: all 0.18s ease; }
.deli-detail-page .detail-color-option .color-dot { width: 28px !important; height: 22px !important; border-radius: 6px !important; display: block; border: 1px solid rgba(0,0,0,0.08); }
.deli-detail-page .detail-color-option:hover { border-color: var(--deli-purple, var(--deli-purple)) !important; }
.deli-detail-page .color-dot-wrapper.active.detail-color-option { border-color: var(--deli-purple, var(--deli-purple)) !important; background: var(--deli-purple-light, var(--deli-purple-light)) !important; box-shadow: 0 0 0 1px var(--deli-purple, var(--deli-purple)) !important; }
.deli-detail-page .detail-buy-panel { padding-top: 12px !important; margin-top: 12px !important; }
.deli-detail-page .detail-quantity-row { gap: 18px !important; }
.deli-detail-page .detail-action-row { margin-top: 14px !important; }

@media (max-width: 575.98px) {
    .deli-detail-page .detail-product-title { font-size: 19px !important; }
    .deli-detail-page .detail-current-price { font-size: 22px !important; }
    .deli-detail-page .detail-color-option { width: 40px !important; height: 34px !important; }
    .deli-detail-page .detail-color-option .color-dot { width: 26px !important; height: 20px !important; }
}

/* ==========================================================================
   DETAIL PAGE - SIDEBAR SHOP & RATING
   ========================================================================== */

.deli-detail-page .detail-sidebar-col { padding-left: 12px !important; }
.deli-detail-page .detail-sidebar-stack, .deli-detail-page .detail-shop-stats, .deli-detail-page .detail-rating-bars { display: flex; flex-direction: column; }
.deli-detail-page .detail-sidebar-stack { gap: 16px; }
.deli-detail-page .detail-shop-card, .deli-detail-page .detail-rating-card { padding: 16px; background: #fff; border-radius: 16px !important; }
.deli-detail-page .detail-shop-head { padding-bottom: 14px; border-bottom: 1px solid var(--deli-border, #E2E8F0); }
.deli-detail-page .detail-shop-avatar { width: 54px; height: 54px; flex: 0 0 54px; border-radius: 50%; background: var(--deli-purple-light, var(--deli-purple-light)); color: var(--deli-purple, var(--deli-purple)); display: flex; align-items: center; justify-content: center; overflow: hidden; }
.deli-detail-page .detail-shop-avatar img { width: 100%; height: 100%; object-fit: cover; }
.deli-detail-page .detail-shop-avatar i { font-size: 20px; }
.deli-detail-page .detail-shop-name, .deli-detail-page .detail-rating-card-head h6 { margin: 0; color: var(--text-main, #0F172A) !important; font: 800 14px/1.25 Helvetica, sans-serif !important; }
.deli-detail-page .detail-shop-location { margin-top: 4px; display: flex; align-items: center; gap: 5px; color: var(--text-muted, #727B76); font-size: 12px; line-height: 1.3; }
.deli-detail-page .detail-shop-location .province-shop { font-size: 10px;}
.deli-detail-page .detail-shop-location i { color: #ef4444; font-size: 12px; }
.deli-detail-page .detail-shop-stats { padding: 14px 0; gap: 9px; border-bottom: 1px solid var(--deli-border, #E2E8F0); }
.deli-detail-page .detail-shop-stat-item { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.deli-detail-page .detail-shop-stat-item span { color: var(--text-muted, #727B76); font-size: 12px; font-weight: 500; }
.deli-detail-page .detail-shop-stat-item strong { color: var(--text-main, #0F172A); font-size: 12px; font-weight: 800; white-space: nowrap; }
.deli-detail-page .detail-shop-summary { display: flex !important; align-items: stretch; justify-content: center; padding: 12px 0; border-bottom: 1px solid var(--deli-border, #E2E8F0); }
.deli-detail-page .detail-shop-summary > div { flex: 1 1 0; text-align: center; border-right: 1px solid var(--deli-border, #E2E8F0); }
.deli-detail-page .detail-shop-summary > div:last-child { border-right: 0; }
.deli-detail-page .detail-shop-summary span { display: block; color: var(--text-muted, #727B76); font-size: 11px; font-weight: 500; }
.deli-detail-page .detail-shop-summary strong { display: block; margin-top: 3px; color: var(--text-main, #0F172A); font: 900 15px Helvetica, sans-serif; }
.deli-detail-page .detail-shop-actions { display: flex; gap: 8px; padding-top: 14px; }
.deli-detail-page .detail-shop-actions .btn:only-child { flex: 1 1 100%; }
.deli-detail-page .detail-shop-outline-btn, .deli-detail-page .detail-shop-primary-btn { flex: 1; height: 38px; border-radius: 8px !important; font-size: 12px; font-weight: 800; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--deli-purple, var(--deli-purple)) !important; }
.deli-detail-page .detail-shop-outline-btn { color: var(--deli-purple, var(--deli-purple)) !important; background: #fff !important; }
.deli-detail-page .detail-shop-primary-btn { color: #fff !important; background: var(--deli-purple, var(--deli-purple)) !important; }
.deli-detail-page .detail-shop-outline-btn:hover { background: var(--deli-purple-light, var(--deli-purple-light)) !important; }
.deli-detail-page .detail-shop-primary-btn:hover { background: var(--deli-purple-hover, var(--deli-purple-hover)) !important; }
.deli-detail-page .detail-rating-card-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 14px; }
.deli-detail-page .detail-rating-card-head a { color: var(--deli-purple, var(--deli-purple)) !important; font-size: 11px; font-weight: 700; white-space: nowrap; }
.deli-detail-page .detail-rating-score { display: flex; align-items: baseline; gap: 2px; }
.deli-detail-page .detail-rating-score strong { color: var(--text-main, #0F172A); font: 800 14px/1 Helvetica, sans-serif; }
.deli-detail-page .detail-rating-score span { color: var(--text-muted, #727B76); font-size: 13px; font-weight: 700; }
.deli-detail-page .detail-rating-stars { margin-top: 6px; color: var(--deli-orange, var(--deli-orange)); font-size: 13px; letter-spacing: 1px; }
.deli-detail-page .detail-rating-count { margin-top: 4px; color: var(--text-muted, #727B76); font-size: 12px; font-weight: 500; }
.deli-detail-page .detail-rating-bars { gap: 7px; }
.deli-detail-page .detail-rating-bar-row { display: grid; grid-template-columns: 42px 1fr 32px; align-items: center; gap: 7px; }
.deli-detail-page .detail-rating-bar-row span, .deli-detail-page .detail-rating-bar-row em { color: var(--text-muted, #727B76); font: 600 11px Helvetica, sans-serif; font-style: normal; }
.deli-detail-page .detail-rating-bar { height: 5px; border-radius: 999px; background: #eef2f4; overflow: hidden; }
.deli-detail-page .detail-rating-bar i { display: block; height: 100%; border-radius: inherit; background: var(--deli-purple, var(--deli-purple)); }

@media (max-width: 991.98px) {
    .deli-detail-page .detail-sidebar-col { padding-left: 0 !important; }
    .deli-detail-page .detail-sidebar-stack { position: static !important; }
}

/* ==========================================================================
   DETAIL PAGE - COLUMN ALIGNMENT & STICKY GALLERY
   ========================================================================== */

.deli-detail-page .detail-main-row, .deli-detail-page .detail-product-row, .deli-detail-page .detail-product-card-row { align-items: flex-start !important; --bs-gutter-x: 12px !important; --bs-gutter-y: 12px !important; }
.deli-detail-page .detail-gallery-col, .deli-detail-page .detail-info-col, .deli-detail-page .detail-sidebar-col { align-self: flex-start !important; }
.deli-detail-page .detail-sidebar-stack { position: static !important; top: auto !important; z-index: auto !important; }
.deli-detail-page .detail-content-col, .deli-detail-page .detail-gallery-col { padding-right: 6px !important; }
.deli-detail-page .detail-info-col { padding: 0 6px !important; }
.deli-detail-page .detail-sidebar-col { padding-left: 6px !important; }
.deli-detail-page .detail-sidebar-col.mb-5 { margin-bottom: 0 !important; }
.deli-detail-page .deli-detail-page-wrap { padding: 0 8px !important; }
.deli-detail-page .detail-product-card, .deli-detail-page .detail-gallery-card, .deli-detail-page .detail-info-card, .deli-detail-page .detail-shop-card, .deli-detail-page .detail-rating-card { border-radius: 14px !important; }

@media (min-width: 992px) {
    .deli-detail-page .detail-gallery-sticky, .deli-detail-page .detail-gallery-card.detail-gallery-sticky { position: sticky !important; top: 96px !important; z-index: 20; height: auto !important; }
}
@media (max-width: 991.98px) {
    .deli-detail-page .detail-gallery-sticky, .deli-detail-page .detail-gallery-card.detail-gallery-sticky { position: static !important; top: auto !important; }
    .deli-detail-page .detail-content-col, .deli-detail-page .detail-gallery-col, .deli-detail-page .detail-info-col, .deli-detail-page .detail-sidebar-col { padding: 0 !important; }
    .deli-detail-page .detail-product-card-col { padding: 0 !important; }
    .deli-detail-page .detail-product-card { padding: 10px; }
    .deli-detail-page .detail-main-row, .deli-detail-page .detail-product-row, .deli-detail-page .detail-product-card-row { --bs-gutter-x: 0 !important; --bs-gutter-y: 12px !important; }
}

.deli-detail-page .detail-rating-card { padding: 16px; }
.deli-detail-page .detail-rating-card-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 14px; }
.deli-detail-page .detail-rating-card-head h6 { margin: 0; color: var(--text-main, #0F172A) !important; font: 800 14px Helvetica, sans-serif !important; }
.deli-detail-page .detail-rating-card-head a { color: var(--deli-purple, var(--deli-purple)) !important; font: 700 11px Helvetica, sans-serif !important; white-space: nowrap; }
.deli-detail-page .detail-rating-overview { display: grid !important; grid-template-columns: 92px 1fr !important; gap: 12px !important; align-items: start !important; }
.deli-detail-page .detail-rating-left { width: 92px !important; max-width: 92px !important; min-width: 92px !important; flex: unset !important; }
.deli-detail-page .detail-rating-right { flex: 1 1 auto; min-width: 0; }
.deli-detail-page .detail-rating-score { display: flex; align-items: baseline; gap: 2px; line-height: 1; }
.deli-detail-page .detail-rating-score strong { color: var(--text-main, #0F172A); font: 900 21px/1 Helvetica, sans-serif !important; }
.deli-detail-page .detail-rating-score span { color: var(--text-muted, #727B76); font: 700 11px Helvetica, sans-serif !important; }
.deli-detail-page .detail-rating-stars { display: flex !important; align-items: center !important; flex-wrap: nowrap !important; white-space: nowrap !important; gap: 2px !important; margin-top: 6px !important; font-size: 11px !important; letter-spacing: 0 !important; line-height: 1 !important; color: var(--deli-orange, var(--deli-orange)); }
.deli-detail-page .detail-rating-stars i { flex: 0 0 auto !important; font-size: 11px !important; line-height: 1 !important; }
.deli-detail-page .detail-rating-count { color: var(--text-muted, #727B76); font: 500 10px/1.4 Helvetica, sans-serif !important; margin-top: 6px !important; white-space: nowrap !important; }
.deli-detail-page .detail-rating-bars { display: flex; flex-direction: column; gap: 8px; padding-top: 4px; }
.deli-detail-page .detail-rating-bar-row { display: grid; grid-template-columns: 34px minmax(48px, 1fr) 28px !important; align-items: center; gap: 6px !important; }
.deli-detail-page .detail-rating-bar-row span, .deli-detail-page .detail-rating-bar-row em { color: var(--text-muted, #727B76); font: 600 11px Helvetica, sans-serif; font-style: normal; }
.deli-detail-page .detail-rating-bar { height: 5px; border-radius: 999px; background: #eef2f4; overflow: hidden; }
.deli-detail-page .detail-rating-bar i { display: block; height: 100%; border-radius: inherit; background: var(--deli-purple, var(--deli-purple)); }

@media (max-width: 575.98px) {
    .deli-detail-page .detail-rating-overview { gap: 14px !important; }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .deli-detail-page .deli-page-container { width: min(calc(100% - 24px), 960px) !important; max-width: 960px !important; }
    .deli-detail-page .detail-main-row { --bs-gutter: 12px 16px !important; }
    .deli-detail-page .detail-content-col, .deli-detail-page .detail-sidebar-col { flex: 0 0 100% !important; max-width: 100% !important; }
    .deli-detail-page .detail-content-col { padding-right: 0 !important; }
    .deli-detail-page .detail-sidebar-col { padding-left: 0 !important; margin-bottom: 16px !important; }
    .deli-detail-page .detail-sidebar-stack { display: grid !important; grid-template-columns: 1fr 1fr; gap: 12px; position: static !important; }
    .deli-detail-page .detail-gallery-col { flex: 0 0 42% !important; max-width: 42% !important; }
    .deli-detail-page .detail-info-col { flex: 0 0 58% !important; max-width: 58% !important; }
    .deli-detail-page .detail-gallery-card, .deli-detail-page .detail-info-card, .deli-detail-page .detail-shop-card, .deli-detail-page .detail-rating-card { height: auto !important; }
}

/* ==========================================================================
   DETAIL PAGE - FIX TABLET COLUMN GAP
   ========================================================================== */

.deli-detail-page .detail-bottom-row { --bs-gutter-x: 40px !important; --bs-gutter-y: 16px !important; align-items: flex-start !important; }
.deli-detail-page .detail-bottom-row.mt-4 { margin-top: 12px !important; }
.deli-detail-page .detail-related-row { --bs-gutter-x: 0 !important; margin-top: 12px !important; }
.deli-detail-page .detail-suggested-row { --bs-gutter-x: 0 !important; margin: 12px 0 0 !important; }
.deli-detail-page .detail-bottom-content-col { padding-right: 6px !important; }
.deli-detail-page .detail-bottom-action-col { padding-left: 6px !important; }
.deli-detail-page .detail-floating-buy-card { padding: 16px; position: sticky; top: 100px; }
.deli-detail-page .detail-floating-img-wrap { width: 84px; height: 84px; flex: 0 0 84px; border-radius: 10px; background: #F8FAFB; overflow: hidden; }
.deli-detail-page .detail-floating-img { width: 100%; height: 100%; object-fit: contain; display: block; }
.deli-detail-page .detail-floating-title { margin: 0 0 8px 0; color: var(--text-main, #0F172A) !important; font: 800 13px/1.35 Helvetica, sans-serif !important; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.deli-detail-page .detail-floating-price { color: var(--deli-orange, var(--deli-orange)); font: 900 20px/1.1 Helvetica, sans-serif !important; }
.deli-detail-page .detail-floating-old-price { display: inline-block; margin-top: 4px; color: var(--text-muted, #727B76); font: 600 12px Helvetica, sans-serif !important; }
.deli-detail-page .detail-floating-label { margin-bottom: 8px; color: var(--text-muted, #727B76); font: 700 12px Helvetica, sans-serif !important; }
.deli-detail-page .detail-floating-choice-list, .deli-detail-page .detail-floating-color-list, .deli-detail-page .detail-floating-actions { display: flex; flex-wrap: wrap; }
.deli-detail-page .detail-floating-choice-list, .deli-detail-page .detail-floating-color-list { gap: 8px; }
.deli-detail-page .detail-floating-choice { min-width: 54px; height: 34px; padding: 0 10px; border: 1px solid var(--deli-border, #E2E8F0); border-radius: 8px; background: #fff; color: var(--text-main, #0F172A); font: 700 12px Helvetica, sans-serif; cursor: pointer; }
.deli-detail-page .detail-floating-choice.active { border-color: var(--deli-purple, var(--deli-purple)); background: var(--deli-purple-light, var(--deli-purple-light)); color: var(--deli-purple, var(--deli-purple)); box-shadow: 0 0 0 1px var(--deli-purple, var(--deli-purple)); }
.deli-detail-page .detail-floating-color { width: 36px; height: 32px; border: 1px solid var(--deli-border, #E2E8F0); border-radius: 8px; background: #fff; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }
.deli-detail-page .detail-floating-color span { width: 24px; height: 18px; border-radius: 6px; display: block; border: 1px solid rgba(0,0,0,0.08); }
.deli-detail-page .detail-floating-color.active { border-color: var(--deli-purple, var(--deli-purple)); background: var(--deli-purple-light, var(--deli-purple-light)); box-shadow: 0 0 0 1px var(--deli-purple, var(--deli-purple)); }
.deli-detail-page .detail-floating-qty-row { width: 150px; height: 40px; border: 1px solid var(--deli-border, #E2E8F0); border-radius: 9px; overflow: hidden; display: flex; align-items: center; background: #fff; }
.deli-detail-page .detail-floating-qty-row button { width: 42px; height: 100%; border: 0; background: #F8FAFB; color: var(--text-main, #0F172A); display: flex; align-items: center; justify-content: center; cursor: pointer; }
.deli-detail-page .detail-floating-qty-row span { flex: 1; text-align: center; color: var(--text-main, #0F172A); font: 800 14px Helvetica, sans-serif; }
.deli-detail-page .detail-floating-actions { gap: 10px; }
.deli-detail-page .detail-floating-buy-now, .deli-detail-page .detail-floating-add-cart { flex: 1; min-height: 44px; border-radius: 9px !important; font: 800 13px Helvetica, sans-serif; }
.deli-detail-page .detail-floating-buy-now { border: 1px solid var(--deli-purple, var(--deli-purple)) !important; background: #fff !important; color: var(--deli-purple, var(--deli-purple)) !important; }
.deli-detail-page .detail-floating-add-cart { border: 1px solid var(--deli-purple, var(--deli-purple)) !important; background: var(--deli-purple, var(--deli-purple)) !important; color: #fff !important; }

@media (min-width: 768px) and (max-width: 1199.98px) {
    .deli-detail-page .detail-product-row, .deli-detail-page .detail-product-card-row { --bs-gutter-x: 14px !important; --bs-gutter-y: 14px !important; margin: 0 -7px !important; }
    .deli-detail-page .detail-product-card { padding: 12px !important; }
    .deli-detail-page .detail-gallery-col, .deli-detail-page .detail-info-col { padding: 0 7px !important; }
    .deli-detail-page .detail-gallery-card, .deli-detail-page .detail-info-card { height: auto !important; }
}
@media (min-width: 1200px) {
    .deli-detail-page .detail-gallery-card.detail-gallery-sticky.is-height-matched { height: auto !important; min-height: 0 !important; max-height: none !important; overflow: hidden; }
    .deli-detail-page .detail-gallery-card.detail-gallery-sticky.is-height-matched .detail-main-image-wrap { flex: 0 0 auto; height: auto !important; max-height: 360px !important; aspect-ratio: 1 / 1; }
}
@media (max-width: 991.98px) {
    .deli-detail-page .detail-bottom-content-col, .deli-detail-page .detail-bottom-action-col { flex: 0 0 100% !important; max-width: 100% !important; padding: 0 !important; }
    .deli-detail-page .detail-floating-buy-card { position: static; }
}
@media (max-width: 767.98px) {
    .deli-detail-page .detail-rating-card { display: none !important; }
    .deli-detail-page .detail-info-card, .deli-detail-page .detail-shop-card { padding: 14px 16px !important; }
    .deli-detail-page .detail-info-head { margin-bottom: 8px !important; gap: 8px !important; }
    .deli-detail-page .detail-product-title { font-size: 18px !important; line-height: 1.22 !important; margin-bottom: 5px !important; }
    .deli-detail-page .detail-rating-row { gap: 6px !important; line-height: 1.2 !important; }
    .deli-detail-page .detail-price-card { margin: 10px 0 !important; padding: 10px 0 !important; }
    .deli-detail-page .detail-current-price { font-size: 21px !important; }
    .deli-detail-page .detail-point-row { margin-top: 5px !important; }
    .deli-detail-page .detail-option-group { padding: 9px 0 !important; }
    .deli-detail-page .detail-option-title { margin-bottom: 6px !important; }
    .deli-detail-page .detail-size-list, .deli-detail-page .detail-color-list { gap: 7px !important; }
    .deli-detail-page .detail-size-option { min-width: 76px !important; min-height: 40px !important; padding: 6px 10px !important; }
    .deli-detail-page .detail-size-stock { margin-top: 2px !important; font-size: 10.5px !important; }
    .deli-detail-page .detail-purchase-info-row { margin-top: 10px; }
    .deli-detail-page .detail-purchase-info-card { padding: 0; border-radius: 0; }
    .deli-detail-page .detail-purchase-info-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
    .deli-detail-page .detail-purchase-info-item { min-height: 52px; padding: 8px; }
    .deli-detail-page .detail-buy-panel { padding-top: 9px !important; margin-top: 9px !important; }
    .deli-detail-page .detail-quantity-row { gap: 12px !important; }
    .deli-detail-page .detail-action-row { margin-top: 12px !important; gap: 10px !important; }
    .deli-detail-page .detail-sidebar-stack { gap: 0 !important; }
    .deli-detail-page .detail-shop-head { padding-bottom: 12px !important; }
    .deli-detail-page .detail-shop-avatar { width: 46px !important; height: 46px !important; flex-basis: 46px !important; }
    .deli-detail-page .detail-shop-stats { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 18px !important; padding: 12px 0 !important; }
    .deli-detail-page .detail-shop-stat-item { display: grid !important; grid-template-columns: 1fr; gap: 3px !important; min-width: 0; }
    .deli-detail-page .detail-shop-stat-item span, .deli-detail-page .detail-shop-stat-item strong { font-size: 12px !important; line-height: 1.25 !important; }
    .deli-detail-page .detail-shop-stats .detail-shop-stat-item:nth-child(n+5), .deli-detail-page .detail-shop-summary { display: none !important; }
    .deli-detail-page .detail-shop-actions { padding-top: 12px !important; }
}
@media (max-width: 575.98px) {
    .deli-detail-page .detail-floating-actions { flex-direction: column; }
}

.deli-detail-page .detail-bottom-row { --bs-gutter-x: 12px !important; --bs-gutter-y: 16px !important; align-items: flex-start !important; margin-top: 14px !important; padding: 20px !important; background: #ffffff; border: 1px solid var(--deli-border, #E2E8F0); border-radius: 16px; box-shadow: 0 4px 12px rgba(15, 23, 42, 0.04); }
.deli-detail-page #product-details-stacked { margin-bottom: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
.deli-detail-page .detail-content-section { position: relative; padding: 20px 22px 22px; margin-bottom: 18px; border: 1px solid var(--deli-border, #E2E8F0); border-radius: 14px; background: #ffffff; box-shadow: 0 3px 10px rgba(15, 23, 42, 0.035); }
.deli-detail-page .detail-content-section:last-child { margin-bottom: 0; }
.deli-detail-page .detail-section-heading { display: flex; align-items: center; gap: 8px; min-height: 32px; margin-bottom: 18px; padding-bottom: 12px; border-bottom: 1px solid var(--deli-border, #E2E8F0); }
.deli-detail-page .detail-section-heading h3 { margin: 0; color: var(--text-main, #0F172A); font: 700 16px/1.25 Helvetica, Arial, sans-serif; letter-spacing: 0; text-transform: none; }
.deli-detail-page .detail-section-count { min-width: 28px; height: 24px; padding: 0 9px; display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; color: var(--deli-purple, #22B39F); background: rgba(34, 179, 159, 0.1); font-size: 12px; font-weight: 800; }
.deli-detail-page .detail-content-section .content-body > :last-child { margin-bottom: 0; }
.deli-detail-page .detail-content-section .content-body, .deli-detail-page .detail-content-section .content-body * { font-family: Helvetica, Arial, sans-serif !important; letter-spacing: 0; }
.deli-detail-page .detail-content-section .content-body { color: var(--text-main, #0F172A); font-size: 14px; line-height: 1.65; }
.deli-detail-page .detail-content-section .content-body h1, .deli-detail-page .detail-content-section .content-body h2, .deli-detail-page .detail-content-section .content-body h3 { margin: 18px 0 10px; color: var(--text-main, #0F172A); font: 600 22px/1.28 sans-serif !important; }
.deli-detail-page .detail-content-section .content-body h4, .deli-detail-page .detail-content-section .content-body h5, .deli-detail-page .detail-content-section .content-body h6 { margin: 16px 0 8px; color: var(--text-main, #0F172A); font: 600 17px/1.35 sans-serif !important; }
.deli-detail-page .detail-content-section .content-body p, .deli-detail-page .detail-content-section .content-body li { color: var(--text-main, #0F172A); font: 14px/1.65 sans-serif !important; }
.deli-detail-page .detail-content-section .content-body ul, .deli-detail-page .detail-content-section .content-body ol { margin-bottom: 14px; padding-left: 22px; }
.deli-detail-page .detail-related-row .related-products-section, .deli-detail-page .detail-suggested-section { overflow: hidden; border-radius: 12px !important; box-shadow: none !important; }
.deli-detail-page .related-products-heading, .deli-detail-page .detail-suggested-heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; padding-bottom: 10px; border-bottom: 1px solid var(--deli-border, #E2E8F0); }
.deli-detail-page .related-products-heading h3, .deli-detail-page .detail-suggested-heading h3 { margin: 0; color: var(--text-main, #0F172A); font: 700 18px/1.25 Arial, Helvetica, sans-serif; }
.deli-detail-page .detail-related-slider-wrap { position: relative; }
.deli-detail-page .detail-related-nav { position: absolute; top: 50%; z-index: 12; width: 38px; height: 38px; transform: translateY(-50%); border: 0; border-radius: 50%; background: rgba(15, 23, 42, 0.46); color: #ffffff; display: inline-flex; align-items: center; justify-content: center; padding: 0; cursor: pointer; box-shadow: 0 8px 18px rgba(15, 23, 42, 0.18); transition: background-color 0.18s ease, opacity 0.18s ease, transform 0.18s ease; }
.deli-detail-page .detail-related-nav:hover { background: var(--deli-purple, var(--deli-purple)); transform: translateY(-50%) scale(1.04); }
.deli-detail-page .detail-related-nav:disabled { opacity: 0; pointer-events: none; }
.deli-detail-page .detail-related-nav i { font-size: 14px; line-height: 1; }
.deli-detail-page .detail-related-nav-prev { left: -8px; }
.deli-detail-page .detail-related-nav-next { right: -8px; }
.deli-detail-page .detail-related-deal-scroll { display: grid !important; grid-auto-flow: column !important; grid-template-rows: repeat(1, auto) !important; grid-auto-columns: calc((100% - 36px) / 4) !important; gap: 12px !important; overflow: auto hidden !important; padding: 2px 2px 10px !important; scrollbar-width: none !important; -webkit-overflow-scrolling: touch !important; }
.deli-detail-page .detail-related-deal-scroll::-webkit-scrollbar { display: none !important; }
.deli-detail-page .detail-related-deal-scroll .deli-deal-scroll-item { display: flex !important; width: 100% !important; min-width: 0 !important; }
.deli-detail-page .detail-related-deal-scroll .custom-deal-card { height: 145px !important; min-height: 145px !important; }
.deli-detail-page .detail-related-deal-scroll .deal-card-link-overlay { z-index: 1 !important; }
.deli-detail-page .detail-related-deal-scroll .deal-card-right { z-index: 6 !important; }
.deli-detail-page .detail-related-deal-scroll .deal-btn-wishlist { z-index: 18 !important; width: 28px !important; height: 28px !important; display: flex !important; align-items: center !important; justify-content: center !important; pointer-events: auto !important; }
.deli-detail-page .detail-related-deal-scroll .deli-dp-holder-row { display: flex !important; align-items: center !important; min-height: 22px !important; margin-bottom: 2px !important; }
.deli-detail-page .detail-related-deal-scroll .badge-point { display: inline-flex; align-items: center; gap: 3px; max-width: 100%; padding: 2px 6px; border-radius: 4px; background-color: var(--deli-orange-light, var(--deli-orange-light)); color: var(--deli-orange, #E97963); font: 600 9.5px/1 Arial, Helvetica, sans-serif; white-space: nowrap; }
.deli-detail-page .detail-related-deal-scroll .badge-point i { font-size: 8px; }
.deli-detail-page .detail-related-deal-scroll .deal-current-price { color: var(--primary-color, var(--deli-purple)) !important; font: 700 16px/1.2 Arial, Helvetica, sans-serif !important; }
.deli-detail-page .detail-related-deal-scroll .deal-current-price span { margin-left: 1px; font: 600 11px sans-serif; }
.deli-detail-page .detail-suggested-heading { margin: 0 0 14px; padding: 0 0 10px; }
.deli-detail-page .detail-suggested-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 16px; padding: 2px 2px 10px; }
.deli-detail-page .detail-suggested-item { min-width: 0; }
.deli-detail-page .detail-suggested-more { display: flex; justify-content: center; padding: 14px 0 0; }
.deli-detail-page .detail-suggested-more-btn { min-width: 148px; min-height: 38px; width: auto; display: inline-flex; align-items: center; justify-content: center; padding: 0 22px; border: 1px solid var(--deli-purple, var(--primary-color)) !important; border-radius: 6px; background: var(--deli-purple, var(--primary-color)) !important; color: #fff !important; font: 800 13px/1.2 Arial, Helvetica, sans-serif; text-align: center; text-decoration: none !important; box-shadow: 0 8px 18px rgba(39, 174, 150, 0.16); transition: border-color 0.18s ease, color 0.18s ease, background-color 0.18s ease; }
.deli-detail-page .detail-suggested-more-btn:hover { border-color: var(--deli-purple-hover, var(--primary-color)) !important; background: var(--deli-purple-hover, var(--primary-color)) !important; color: #fff !important; }

@media (min-width: 768px) and (max-width: 1199.98px) {
    .deli-detail-page .detail-related-deal-scroll { grid-template-rows: repeat(1, auto) !important; grid-auto-columns: calc((100% - 24px) / 3) !important; }
    .deli-detail-page .detail-related-deal-scroll .custom-deal-card { height: 130px !important; min-height: 130px !important; }
    .deli-detail-page .detail-suggested-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
}
@media (max-width: 767.98px) {
    .deli-detail-page .related-products-section, .deli-detail-page .detail-suggested-section { padding: 14px !important; }
    .deli-detail-page .related-products-section { margin-top: 14px !important; }
    .deli-detail-page .related-products-heading, .deli-detail-page .detail-suggested-heading { margin-bottom: 10px; padding-bottom: 8px; }
    .deli-detail-page .related-products-heading h3, .deli-detail-page .detail-suggested-heading h3 { font-size: 16px; }
    .deli-detail-page .detail-suggested-heading { margin: 0 0 10px; padding: 0 0 8px; }
    .deli-detail-page .detail-suggested-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; padding: 2px 2px 6px; }
    .deli-detail-page .detail-suggested-more { padding: 12px 0 0; }
    .deli-detail-page .detail-suggested-more-btn { min-height: 38px; padding: 0 18px; font: 800 13px/1.2 Arial, Helvetica, sans-serif; }
    .deli-detail-page .detail-related-nav { width: 34px; height: 34px; }
    .deli-detail-page .detail-related-nav-prev { left: -6px; }
    .deli-detail-page .detail-related-nav-next { right: -6px; }
    .deli-detail-page .detail-related-deal-scroll { grid-template-rows: repeat(1, auto) !important; grid-auto-columns: min(82%, 320px) !important; gap: 10px !important; padding-bottom: 6px !important; }
    .deli-detail-page .detail-related-deal-scroll .custom-deal-card { flex-direction: row !important; align-items: stretch !important; gap: 8px !important; height: 124px !important; min-height: 124px !important; padding: 8px !important; overflow: visible !important; }
    .deli-detail-page .detail-related-deal-scroll .deal-card-left { width: 72px !important; height: 100% !important; margin: 0 8px 0 0 !important; border-radius: 0 !important; background: transparent !important; }
    .deli-detail-page .detail-related-deal-scroll .deal-product-img { width: 70px !important; height: 70px !important; max-height: 70px !important; padding: 0 !important; }
    .deli-detail-page .detail-related-deal-scroll .deal-card-right { width: auto !important; min-height: 0 !important; padding: 0 24px 0 0 !important; }
    .deli-detail-page .detail-related-deal-scroll .deal-product-name { height: 34px !important; max-height: 34px !important; margin: 0 0 3px !important; font: 600 12px/17px Arial, Helvetica, sans-serif !important; }
    .deli-detail-page .detail-related-deal-scroll .deal-current-price { font-size: 14px !important; }
    .deli-detail-page .detail-related-deal-scroll .deal-btn-wishlist { top: 0 !important; right: 0 !important; }
    .deli-detail-page .detail-related-deal-scroll .deal-btn-add-cart { right: 0 !important; bottom: 0 !important; }
}

.deli-detail-page .detail-review-summary-row { display: grid; grid-template-columns: 150px minmax(0, 1fr); align-items: center; gap: 22px; width: 100%; margin: 0 0 18px !important; padding: 18px; background: linear-gradient(180deg, rgba(39, 174, 150, 0.08) 0%, rgba(39, 174, 150, 0.035) 100%) !important; border: 1px solid rgba(39, 174, 150, 0.18); border-radius: 12px !important; }
.deli-detail-page .detail-review-summary-score { min-width: 0; text-align: center; }
.deli-detail-page .detail-review-score-line { display: flex; align-items: baseline; justify-content: center; gap: 5px; color: var(--deli-purple, var(--deli-purple)); }
.deli-detail-page .detail-review-score-line strong { color: var(--deli-purple, var(--deli-purple)); font: 700 36px/1 Arial, Helvetica, sans-serif; }
.deli-detail-page .detail-review-score-line span { color: var(--deli-purple, var(--deli-purple)); font: 600 16px Arial, Helvetica, sans-serif; }
.deli-detail-page .detail-review-summary-stars { margin-top: 10px; display: flex; align-items: center; justify-content: center; gap: 3px; color: var(--deli-orange, var(--deli-orange)); }
.deli-detail-page .detail-review-summary-stars i, .deli-detail-page .detail-review-summary-stars svg { color: var(--deli-orange, var(--deli-orange)) !important; fill: var(--deli-orange, var(--deli-orange)) !important; font-size: 17px; }
.deli-detail-page .detail-review-summary-stars svg path { fill: currentColor !important; }
.deli-detail-page .detail-review-filter-list { min-width: 0; display: flex; flex-wrap: wrap; gap: 10px; }
.deli-detail-page .detail-review-filter { flex: 0 0 auto; min-height: 38px; padding: 0 18px; border: 1px solid var(--deli-border, #E2E8F0); border-radius: 8px; color: var(--text-main, #0F172A); background: #fff; font: 600 13px/1 Arial, Helvetica, sans-serif; white-space: nowrap; transition: border-color 0.16s ease, color 0.16s ease, background 0.16s ease; }
.deli-detail-page .detail-review-filter span { font: inherit; }
.deli-detail-page .detail-review-filter.active, .deli-detail-page .detail-review-filter:hover { border-color: var(--deli-purple, var(--deli-purple)); color: var(--deli-purple, var(--deli-purple)); background: #fff; }
.deli-detail-page .detail-review-meta { color: var(--text-muted, #727B76); font: 500 12px/1.4 sans-serif !important; }
.deli-detail-page .detail-review-photo-list { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.deli-detail-page .detail-review-photo { width: 72px; height: 72px; padding: 0; border: 1px solid var(--deli-border, #E2E8F0); border-radius: 6px; background: #fff; overflow: hidden; cursor: default; }
.deli-detail-page .detail-review-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
.deli-detail-page .detail-bottom-content-col { padding-right: calc(var(--bs-gutter-x) * 0.5) !important; }
.deli-detail-page .detail-bottom-action-col { padding-left: calc(var(--bs-gutter-x) * 0.5) !important; align-self: flex-start !important; position: relative; }
.deli-detail-page .detail-floating-buy-card { position: fixed !important; top: 50% !important; left: var(--detail-floating-card-left, auto) !important; width: var(--detail-floating-card-width, 300px) !important; max-height: calc(100vh - 128px); overflow-y: auto; z-index: 100; opacity: 0; visibility: hidden; transform: translate(36px, -50%); pointer-events: none;}
.deli-detail-page .detail-floating-buy-card.is-visible { opacity: 1; visibility: visible; transform: translate(0, -50%); pointer-events: auto; }

.deli-detail-page .detail-bottom-row { --bs-gutter-x: 12px !important; --bs-gutter-y: 16px !important; align-items: flex-start !important; margin-top: 14px !important; padding: 20px !important; background: #fff; border: 1px solid var(--deli-border, #E2E8F0); border-radius: 16px; box-shadow: 0 4px 12px rgba(15, 23, 42, 0.04); }
.deli-detail-page #product-details-stacked { margin-bottom: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
.deli-detail-page .detail-content-section { position: relative; padding: 20px 22px 22px; margin-bottom: 18px; border: 1px solid var(--deli-border, #E2E8F0); border-radius: 14px; background: #fff; box-shadow: 0 3px 10px rgba(15, 23, 42, 0.035); }
.deli-detail-page .detail-content-section:last-child, .deli-detail-page .detail-content-section .content-body > :last-child { margin-bottom: 0; }
.deli-detail-page .detail-section-heading { display: flex; align-items: center; gap: 8px; min-height: 32px; margin-bottom: 18px; padding-bottom: 12px; border-bottom: 1px solid var(--deli-border, #E2E8F0); }
.deli-detail-page .detail-section-heading h3 { margin: 0; color: var(--text-main, #0F172A); font: 700 16px/1.25 Helvetica, Arial, sans-serif; letter-spacing: 0; text-transform: none; }
.deli-detail-page .detail-section-count { min-width: 28px; height: 24px; padding: 0 9px; display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; color: var(--deli-purple, #22B39F); background: rgba(34, 179, 159, 0.1); font: 800 12px sans-serif; }
.deli-detail-page .detail-content-section .content-body, .deli-detail-page .detail-content-section .content-body * { font-family: Helvetica, Arial, sans-serif !important; letter-spacing: 0; }
.deli-detail-page .detail-content-section .content-body { color: var(--text-main, #0F172A); font: 14px/1.65 sans-serif; }
.deli-detail-page .detail-content-section .content-body h1, .deli-detail-page .detail-content-section .content-body h2, .deli-detail-page .detail-content-section .content-body h3 { margin: 18px 0 10px; color: var(--text-main, #0F172A); font: 600 22px/1.28 sans-serif !important; }
.deli-detail-page .detail-content-section .content-body h4, .deli-detail-page .detail-content-section .content-body h5, .deli-detail-page .detail-content-section .content-body h6 { margin: 16px 0 8px; color: var(--text-main, #0F172A); font: 600 17px/1.35 sans-serif !important; }
.deli-detail-page .detail-content-section .content-body p, .deli-detail-page .detail-content-section .content-body li { color: var(--text-main, #0F172A); font: 14px/1.65 sans-serif !important; }
.deli-detail-page .detail-content-section .content-body ul, .deli-detail-page .detail-content-section .content-body ol { margin-bottom: 14px; padding-left: 22px; }
.deli-detail-page .detail-related-row .related-products-section { border-radius: 12px !important; box-shadow: none !important; }
.deli-detail-page .related-products-section { overflow: hidden; }
.detail-mobile-variant-sheet { display: none; }

@media (min-width: 1200px) {
    .deli-detail-page .detail-bottom-content-col { flex: 0 0 75% !important; max-width: 75% !important; }
    .deli-detail-page .detail-bottom-action-col { display: block !important; flex: 0 0 25% !important; max-width: 25% !important; }
}
@media (max-width: 1199.98px) {
    .deli-detail-page .detail-bottom-row { --bs-gutter-x: 0 !important; padding: 16px !important; }
    .deli-detail-page .detail-content-section { padding: 16px; border-radius: 12px; }
    .deli-detail-page .detail-section-heading { margin-bottom: 14px; }
    .deli-detail-page .detail-review-summary-row { grid-template-columns: 120px minmax(0, 1fr); gap: 14px; padding: 14px; }
    .deli-detail-page .detail-review-score-line strong { font: 700 30px/1 Arial, Helvetica, sans-serif; }
    .deli-detail-page .detail-review-score-line span { font: 600 14px/1.2 Arial, Helvetica, sans-serif; }
    .deli-detail-page .detail-review-summary-stars { margin: 8px 0 0; gap: 2px; }
    .deli-detail-page .detail-review-summary-stars i, .deli-detail-page .detail-review-summary-stars svg { font-size: 15px; }
    .deli-detail-page .detail-review-filter-list { gap: 8px; }
    .deli-detail-page .detail-review-filter { min-height: 34px; padding: 0 14px; font: 600 12px/1 Arial, Helvetica, sans-serif; }
    .deli-detail-page .detail-bottom-content-col { flex: 0 0 100% !important; max-width: 100% !important; padding: 0 !important; }
    .deli-detail-page .detail-bottom-action-col { display: none !important; }
    .deli-detail-page .detail-floating-buy-card { position: static !important; top: auto !important; left: auto !important; width: auto !important; max-height: none; overflow: visible; opacity: 0; visibility: hidden; transform: translateX(36px); pointer-events: none; }
}
@media (max-width: 767.98px) {
    body.detail-mobile-sheet-open { overflow: hidden; touch-action: none; }
    .deli-detail-page .deli-detail-page-wrap { padding: 8px 0 10px !important; }
    .deli-detail-page .detail-main-row, .deli-detail-page .detail-product-row { --bs-gutter-y: 8px !important; }
    .deli-detail-page .detail-gallery-col, .deli-detail-page .detail-info-col, .deli-detail-page .detail-sidebar-col { padding-bottom: 8px !important; margin-bottom: 0 !important; }
    .deli-detail-page .detail-gallery-card { padding: 8px !important; border-radius: 12px !important; }
    .deli-detail-page .detail-thumb-carousel { margin-top: 8px !important; }
    .deli-detail-page .detail-info-card, .deli-detail-page .detail-shop-card { padding: 12px 14px !important; border-radius: 12px !important; }
    .deli-detail-page .detail-info-head { margin-bottom: 6px !important; }
    .deli-detail-page .detail-product-title { font-size: 17px !important; line-height: 1.18 !important; margin-bottom: 4px !important; }
    .deli-detail-page .detail-rating-row { gap: 5px !important; line-height: 1.2 !important; }
    .deli-detail-page .detail-review-count, .deli-detail-page .detail-sold-count { font-size: 11.5px !important; }
    .deli-detail-page .detail-price-card { margin: 8px 0 !important; padding: 8px 0 !important; }
    .deli-detail-page .detail-price-line { gap: 8px !important; }
    .deli-detail-page .detail-current-price { font-size: 20px !important; }
    .deli-detail-page .detail-old-price { font-size: 12px !important; }
    .deli-detail-page .detail-point-badge { padding: 3px 7px !important; font-size: 10.5px !important; }
    .deli-detail-page .detail-review-summary-row { grid-template-columns: 82px minmax(0, 1fr); gap: 8px; margin: 0 0 12px; padding: 10px; border-radius: 10px !important; }
    .deli-detail-page .detail-review-score-line { gap: 3px; }
    .deli-detail-page .detail-review-score-line strong { font: 700 24px/1 Arial, Helvetica, sans-serif; }
    .deli-detail-page .detail-review-score-line span { font: 600 11px/1.1 Arial, Helvetica, sans-serif; }
    .deli-detail-page .detail-review-summary-stars { margin: 6px 0 0; gap: 1px; }
    .deli-detail-page .detail-review-summary-stars i, .deli-detail-page .detail-review-summary-stars svg { font-size: 12px; }
    .deli-detail-page .detail-review-filter-list { gap: 6px; }
    .deli-detail-page .detail-review-filter { min-height: 30px; padding: 0 10px; border-radius: 7px; font: 600 11px/1 Arial, Helvetica, sans-serif; }
    .deli-detail-page .detail-option-group { padding: 7px 0 !important; }
    .deli-detail-page .detail-option-title { margin-bottom: 5px !important; font-size: 12.5px !important; }
    .deli-detail-page .detail-size-list, .deli-detail-page .detail-color-list { gap: 6px !important; }
    .deli-detail-page .detail-size-option { min-width: 74px !important; min-height: 38px !important; padding: 5px 9px !important; }
    .deli-detail-page .detail-size-name { font-size: 12.5px !important; }
    .deli-detail-page .detail-size-stock { font-size: 10px !important; }
    .deli-detail-page .detail-color-option { width: 38px !important; height: 32px !important; }
    .deli-detail-page .detail-color-option .color-dot { width: 24px !important; height: 18px !important; }
    .deli-detail-page .detail-purchase-info-row { display: block !important; margin-top: 14px !important; }
    .deli-detail-page .detail-purchase-info-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
    .deli-detail-page .detail-buy-panel { padding-top: 7px !important; margin-top: 7px !important; }
    .deli-detail-page .detail-quantity-row { gap: 8px !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; }
    .deli-detail-page .detail-qty-control { width: 150px !important; height: 38px !important; border-radius: 9px !important; }
    .deli-detail-page .detail-qty-btn { width: 42px !important; min-width: 42px !important; }
    .deli-detail-page .detail-qty-input { font-size: 14px !important; }
    .deli-detail-page .detail-stock-text { margin-left: auto !important; padding-bottom: 0 !important; font-size: 12px !important; text-align: right !important; white-space: nowrap !important; }
    .deli-detail-page .detail-action-row { margin-top: 10px !important; gap: 8px !important; flex-direction: column !important; }
    .deli-detail-page .detail-add-cart-btn, .deli-detail-page .detail-buy-now-btn { min-height: 44px !important; border-radius: 9px !important; font-size: 13px !important; }
    .deli-detail-page .detail-bottom-row { margin-top: 8px !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
    .deli-detail-page .detail-content-section { margin-bottom: 10px !important; }
    .deli-detail-page .detail-shop-card .detail-shop-stats, .deli-detail-page .detail-shop-card .detail-shop-summary, .deli-detail-page .detail-mobile-variant-heading, .deli-detail-page .detail-info-card > .detail-option-group, .deli-detail-page .detail-info-card > .detail-buy-panel { display: none !important; }
    .deli-detail-page .detail-shop-card .detail-shop-location { display: flex !important; margin-top: 5px !important; color: #667085 !important; font: 600 12px/1.25 Helvetica, Arial, sans-serif !important; }
    .deli-detail-page .detail-shop-card .detail-shop-location i { color: #667085 !important; font-size: 11px !important; }
    .deli-detail-page .detail-shop-card .detail-shop-name { font: 800 14px/1.2 Helvetica, Arial, sans-serif !important; letter-spacing: 0 !important; }
    .deli-detail-page .detail-shop-mobile-stats strong, .deli-detail-page .detail-shop-mobile-stats span { font-family: Helvetica, Arial, sans-serif !important; letter-spacing: 0 !important; }
    .deli-detail-page .detail-shop-card .detail-shop-mobile-stats { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; padding-top: 12px !important; border-top: 1px solid var(--deli-border, #E2E8F0); }
    .detail-mobile-action-buy, .detail-mobile-sheet-submit { background: linear-gradient(180deg, var(--deli-purple, var(--primary-color)) 0%, var(--deli-purple-hover, var(--deli-purple-hover)) 100%) !important; color: #fff !important; box-shadow: 0 8px 18px rgba(39, 174, 150, 0.24) !important; }
    .detail-mobile-variant-sheet { position: fixed; inset: 0; z-index: 5000; display: block; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.2s ease, visibility 0.2s ease; }
    .detail-mobile-variant-sheet.is-open { opacity: 1; visibility: visible; pointer-events: auto; }
    .detail-mobile-sheet-backdrop { position: absolute; inset: 0; background: rgba(15, 23, 42, 0.55); }
    .detail-mobile-sheet-panel { position: absolute; left: 0; right: 0; bottom: 0; max-height: min(82vh, 720px); display: flex; flex-direction: column; padding: 18px 16px calc(14px + env(safe-area-inset-bottom, 0px)); border-radius: 22px 22px 0 0; background: #fff; box-shadow: 0 -14px 36px rgba(15, 23, 42, 0.22); transform: translateY(100%); transition: transform 0.24s ease; }
    .detail-mobile-variant-sheet.is-open .detail-mobile-sheet-panel { transform: translateY(0); }
    .detail-mobile-sheet-close { position: absolute; top: 16px; right: 16px; width: 36px; height: 36px; border: 0; border-radius: 50%; color: #667085; background: #f4f6f8; display: inline-flex; align-items: center; justify-content: center; padding: 0; }
    .detail-mobile-sheet-close i { font-size: 18px; }
    .detail-mobile-sheet-product { display: grid; grid-template-columns: 118px minmax(0, 1fr); gap: 14px; padding-right: 42px; padding-bottom: 16px; border-bottom: 1px solid var(--deli-border, #E2E8F0); }
    .detail-mobile-sheet-img { width: 118px; aspect-ratio: 1 / 1; padding: 0; border: 1px solid var(--deli-border, #E2E8F0); border-radius: 12px; background: #fff; overflow: hidden; cursor: pointer; }
    .detail-mobile-sheet-img img { width: 100%; height: 100%; object-fit: contain; display: block; }
    .detail-mobile-sheet-info { min-width: 0; align-self: end; }
    .detail-mobile-sheet-price { color: var(--deli-orange, #F5A623); font: 900 23px/1.1 sans-serif; }
    .detail-mobile-sheet-old-price { display: inline-block; margin-top: 5px; color: #98a2b3; font: 600 13px sans-serif; }
    .detail-mobile-sheet-stock { margin-top: 9px; color: #667085; font: 700 13px sans-serif; }
    .detail-mobile-sheet-body { flex: 1 1 auto; min-height: 0; overflow-y: auto; padding: 14px 0 12px; }
    .detail-mobile-sheet-group { display: grid; grid-template-columns: 82px minmax(0, 1fr); gap: 10px; align-items: start; margin-bottom: 14px; }
    .detail-mobile-sheet-group p, .detail-mobile-sheet-qty-line > span { margin: 0; color: #667085; font: 700 13px/38px sans-serif; }
    .detail-mobile-sheet-options { display: flex; flex-wrap: wrap; gap: 9px; min-width: 0; }
    .detail-mobile-sheet-size, .detail-mobile-sheet-color { position: relative; min-height: 38px; border: 1px solid var(--deli-border, #E2E8F0); border-radius: 9px; background: #fff; color: var(--text-main, #0F172A); font: 800 13px sans-serif; display: inline-flex; align-items: center; justify-content: center; }
    .detail-mobile-sheet-size { min-width: 96px; padding: 0 14px; }
    .detail-mobile-sheet-color { width: 48px; padding: 0; }
    .detail-mobile-sheet-color span { width: 30px; height: 22px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.08); }
    .detail-mobile-sheet-size.active, .detail-mobile-sheet-color.active { border-color: var(--deli-purple, var(--primary-color)); color: var(--deli-purple, var(--primary-color)); background: #f7fffd; box-shadow: 0 0 0 1px rgba(93, 43, 255, 0.2); }
    .detail-mobile-sheet-size.active::after, .detail-mobile-sheet-color.active::after { content: "\f00c"; font-family: "Font Awesome 6 Free"; font-weight: 900; position: absolute; top: -7px; right: -7px; width: 17px; height: 17px; border-radius: 50%; color: #fff; background: var(--deli-purple, var(--primary-color)); display: flex; align-items: center; justify-content: center; font-size: 9px; }
    .detail-mobile-sheet-qty-line { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-top: 14px; border-top: 1px solid var(--deli-border, #E2E8F0); }
    .detail-mobile-sheet-qty { width: 136px; height: 38px; display: grid; grid-template-columns: 42px 1fr 42px; border: 1px solid var(--deli-border, #E2E8F0); border-radius: 10px; overflow: hidden; background: #fff; }
    .detail-mobile-sheet-qty button { border: 0; background: #f8fafb; color: var(--text-main, #0F172A); display: inline-flex; align-items: center; justify-content: center; }
    .detail-mobile-sheet-qty strong { display: flex; align-items: center; justify-content: center; color: var(--deli-orange, #F5A623); font: 800 16px sans-serif; }
    .detail-mobile-sheet-submit { width: 100%; min-height: 48px; margin: 0; padding: 0 18px; border: 0 !important; border-radius: 10px; font: 700 15px/1.2 Helvetica, sans-serif; outline: 0; }
    .detail-mobile-sheet-submit:focus, .detail-mobile-sheet-submit:active { outline: 0; box-shadow: 0 8px 18px rgba(39, 174, 150, 0.24) !important; }
    .detail-mobile-sheet-submit:disabled { opacity: 0.72; }
}

.deli-detail-page .detail-mobile-stock-pill, .deli-detail-page .detail-mobile-extra-divider, .deli-detail-page .detail-mobile-voucher-row { display: none; }

@media (max-width: 767.98px) {
    .deli-detail-page .detail-stars i:not(:first-child), .deli-detail-page .detail-stars svg:not(:first-child), .deli-detail-page .detail-shop-mobile-stats .detail-shop-stat-item:nth-child(n+5), .deli-detail-page .detail-shop-summary, .deli-detail-page .detail-shop-card .detail-shop-location, .deli-detail-page .detail-shop-card .detail-shop-stats, .deli-detail-page .detail-shop-card .detail-shop-summary { display: none !important; }
    .deli-detail-page .detail-stars i:first-child, .deli-detail-page .detail-stars svg:first-child { color: #f5b21b !important; fill: #f5b21b !important; font-size: 13px !important; }
    .deli-detail-page .detail-stars svg:first-child path { fill: #f5b21b !important; }
    .deli-detail-page .detail-mobile-stock-pill, .deli-detail-page .detail-mobile-extra-divider { display: inline-flex !important; }
    .deli-detail-page .detail-mobile-stock-pill { align-items: center; color: var(--text-muted, #727B76); font: 700 11.5px/1.2 sans-serif; white-space: nowrap; }
    .deli-detail-page .detail-mobile-voucher-row { display: grid !important; grid-auto-flow: column; grid-auto-columns: minmax(210px, 66%); gap: 8px; margin-top: 8px; padding: 0 2px 3px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
    .deli-detail-page .detail-mobile-voucher-row::-webkit-scrollbar { display: none; }
    .deli-detail-page .detail-mobile-voucher-card { min-width: 0; height: 46px; display: grid; grid-template-columns: 50px minmax(0, 1fr) 56px; align-items: stretch; overflow: hidden; border: 1px solid rgba(230, 127, 102, 0.32); border-radius: 8px; background: var(--deli-orange-light); scroll-snap-align: start; box-shadow: 0 4px 10px rgba(15, 23, 42, 0.04); }
    .deli-detail-page .detail-mobile-voucher-icon { display: flex; align-items: center; justify-content: center; color: #fff; background: var(--deli-orange, var(--deli-orange)); font-size: 15px; }
    .deli-detail-page .detail-mobile-voucher-icon i, .deli-detail-page .detail-mobile-voucher-icon svg { color: #fff !important; fill: #fff !important; }
    .deli-detail-page .detail-mobile-voucher-icon svg path { fill: currentColor !important; }
    .deli-detail-page .detail-mobile-voucher-main { min-width: 0; display: flex; flex-direction: column; justify-content: center; gap: 1px; padding: 5px 7px; border-right: 1px dashed rgba(230, 127, 102, 0.32); }
    .deli-detail-page .detail-mobile-voucher-main strong, .deli-detail-page .detail-mobile-voucher-main span, .deli-detail-page .detail-mobile-voucher-main small { display: block; font-family: Arial, Helvetica, sans-serif !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; letter-spacing: 0 !important; text-transform: none !important; }
    .deli-detail-page .detail-mobile-voucher-main strong { color: var(--text-main, #0F172A); font: 600 10.5px/1.15 sans-serif !important; }
    .deli-detail-page .detail-mobile-voucher-main span { color: var(--deli-orange, var(--deli-orange)); font: 600 10px/1.15 sans-serif !important; }
    .deli-detail-page .detail-mobile-voucher-main small { color: #667085; font: 700 10.5px/1.2 sans-serif; }
    .deli-detail-page .detail-mobile-voucher-copy { margin: auto; width: 46px; height: 24px; border: 1px solid var(--deli-orange, var(--deli-orange)); border-radius: 6px; color: var(--deli-orange, var(--deli-orange)); background: #fff; font: 600 8.5px/1 Arial, Helvetica, sans-serif !important; letter-spacing: 0 !important; text-transform: none !important; padding: 0; }
    .deli-detail-page .detail-shop-mobile-stats > div { display: grid !important; align-items: center; justify-content: center; grid-template-columns: max-content max-content !important; column-gap: 3px !important; row-gap: 1px !important; padding: 0 4px !important; }
    .deli-detail-page .detail-shop-mobile-stats i, .deli-detail-page .detail-shop-mobile-stats svg { grid-column: 1; grid-row: 1; color: var(--deli-purple, var(--deli-purple)) !important; fill: var(--deli-purple, var(--deli-purple)) !important; font-size: 13px !important; line-height: 1; text-align: center; width: 13px !important; min-width: 13px !important; justify-self: end !important; margin: 0 !important; }
    .deli-detail-page .detail-shop-mobile-stats svg path { fill: currentColor !important; }
    .deli-detail-page .detail-shop-mobile-stats > div:first-child i, .deli-detail-page .detail-shop-mobile-stats > div:first-child svg { color: #f5b21b !important; fill: #f5b21b !important; }
    .deli-detail-page .detail-shop-mobile-stats > div:first-child svg path { fill: #f5b21b !important; }
    .deli-detail-page .detail-shop-mobile-stats strong { grid-column: 2; grid-row: 1; font-size: 13px !important; line-height: 1 !important; justify-self: start !important; margin: 0 !important; }
    .deli-detail-page .detail-shop-mobile-stats span { grid-column: 1 / -1; grid-row: 2; font-size: 11px !important; justify-self: center !important; }
}
@media (min-width: 768px) and (max-width: 1199.98px) {
    .deli-detail-page .detail-sidebar-stack { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 14px !important; }
    .deli-detail-page .detail-shop-card, .deli-detail-page .detail-rating-card { width: 100% !important; border-radius: 12px !important; padding: 14px 16px !important; min-height: 0 !important; }
    .deli-detail-page .detail-shop-card { display: grid !important; grid-template-columns: minmax(300px, 0.75fr) minmax(0, 1.25fr); grid-template-areas: "shopHead shopStats" "shopActions shopSummary"; column-gap: 26px; row-gap: 10px; align-items: center; padding: 18px 24px !important; height: auto !important; }
    .deli-detail-page .detail-shop-head { grid-area: shopHead; padding: 0 !important; border-bottom: 0 !important; }
    .deli-detail-page .detail-shop-avatar { width: 48px !important; height: 48px !important; flex-basis: 48px !important; }
    .deli-detail-page .detail-shop-name { font: 800 14px/1.2 Helvetica, sans-serif !important; }
    .deli-detail-page .detail-shop-location { margin-top: 3px !important; font-size: 12px !important; }
    .deli-detail-page .detail-shop-actions { grid-area: shopActions; width: 100%; max-width: 320px; margin-top: 0 !important; padding: 10px 0 0 !important; }
    .deli-detail-page .detail-shop-outline-btn, .deli-detail-page .detail-shop-primary-btn { height: 36px !important; }
    .deli-detail-page .detail-shop-stats { grid-area: shopStats; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 34px !important; padding: 0 0 10px 26px !important; border-left: 1px solid var(--deli-border, #E2E8F0); border-bottom: 0 !important; }
    .deli-detail-page .detail-shop-stat-item { justify-content: space-between !important; gap: 12px !important; }
    .deli-detail-page .detail-shop-stat-item span, .deli-detail-page .detail-shop-summary span { color: #64748B !important; font: 500 12.5px/1.25 Arial, Helvetica, sans-serif !important; letter-spacing: 0 !important; }
    .deli-detail-page .detail-shop-stat-item strong, .deli-detail-page .detail-shop-summary strong { color: var(--text-main, #0F172A) !important; font: 700 13px/1.25 Arial, Helvetica, sans-serif !important; letter-spacing: 0 !important; }
    .deli-detail-page .detail-shop-summary { grid-area: shopSummary; display: flex !important; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: stretch !important; justify-content: center !important; padding: 10px 0 0 26px !important; border-left: 1px solid var(--deli-border, #E2E8F0); border-bottom: 0 !important; }
    .deli-detail-page .detail-shop-summary > div { flex: 1 1 0 !important; text-align: center !important; border-right: 1px solid var(--deli-border, #E2E8F0) !important; }
    .deli-detail-page .detail-shop-summary > div:last-child { border-right: 0 !important; }
    .deli-detail-page .detail-shop-summary strong { display: block !important; margin-top: 4px !important; font-size: 15px !important; font-weight: 800 !important; }
    .deli-detail-page .detail-rating-card { padding: 22px 26px !important; height: auto !important; }
    .deli-detail-page .detail-rating-card-head { margin-bottom: 22px !important; }
    .deli-detail-page .detail-rating-overview { display: grid !important; grid-template-columns: 150px minmax(0, 1fr) !important; gap: 28px !important; align-items: center !important; }
    .deli-detail-page .detail-rating-left { width: 150px !important; min-width: 150px !important; max-width: 150px !important; }
    .deli-detail-page .detail-rating-score strong { font-size: 48px !important; font-weight: 500 !important; }
    .deli-detail-page .detail-rating-score span { font-size: 15px !important; }
    .deli-detail-page .detail-rating-stars { margin-top: 5px !important; }
    .deli-detail-page .detail-rating-stars, .deli-detail-page .detail-rating-stars i, .deli-detail-page .detail-rating-stars svg { font-size: 15px !important; }
    .deli-detail-page .detail-rating-count { margin-top: 5px !important; white-space: normal !important; }
    .deli-detail-page .detail-rating-bars { gap: 7px !important; padding-top: 0 !important; }
    .deli-detail-page .detail-rating-bar-row { grid-template-columns: 32px minmax(0, 1fr) 34px !important; gap: 10px !important; }
    .deli-detail-page .detail-rating-bar { height: 8px !important; }
    .deli-detail-page .detail-bottom-row { padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
    .deli-detail-page .detail-main-row, .deli-detail-page .detail-product-row { --bs-gutter-y: 14px !important; }
    .deli-detail-page .detail-content-col, .deli-detail-page .detail-gallery-col, .deli-detail-page .detail-info-col, .deli-detail-page .detail-sidebar-col { padding-bottom: 0 !important; margin-bottom: 0 !important; }
    .deli-detail-page .detail-bottom-row.mt-4 { margin-top: 14px !important; }
}

.deli-detail-page,
.deli-detail-page button,
.deli-detail-page input,
.deli-detail-page select,
.deli-detail-page textarea,
.detail-mobile-action-bar button,
.deli-detail-page .detail-option-title,
.deli-detail-page .detail-size-name,
.deli-detail-page .detail-stock-text strong,
.deli-detail-page .detail-shop-stat-item strong,
.deli-detail-page .detail-shop-summary strong,
.deli-detail-page .detail-shop-mobile-stats strong,
.deli-detail-page .detail-review-filter,
.deli-detail-page .detail-floating-label,
.deli-detail-page .detail-floating-choice,
.deli-detail-page .detail-floating-qty-row span,
.deli-detail-page .detail-rating-score strong,
.deli-detail-page .detail-review-score-line strong,
.deli-detail-page .detail-review-score-line span,
.deli-detail-page .detail-rating-score span,
.deli-detail-page .detail-content-section .content-body,
.deli-detail-page .detail-content-section .content-body * { font-family: Helvetica, sans-serif !important; letter-spacing: 0 !important; }
.deli-detail-page .detail-product-title, .deli-detail-page .detail-shop-name, .deli-detail-page .detail-section-heading h3, .deli-detail-page .related-products-heading h3, .deli-detail-page .detail-suggested-heading h3, .deli-detail-page .detail-rating-card-head h3, .deli-detail-page .detail-rating-card-head h6, .deli-detail-page .detail-floating-title { font: 700 18px/1.25 Helvetica, sans-serif !important; letter-spacing: 0 !important; }
.deli-detail-page .detail-shop-stat-item span, .deli-detail-page .detail-shop-summary span, .deli-detail-page .detail-shop-location, .deli-detail-page .detail-size-stock, .deli-detail-page .detail-review-count, .deli-detail-page .detail-sold-count, .deli-detail-page .detail-rating-count, .deli-detail-page .detail-rating-bar-row span, .deli-detail-page .detail-rating-bar-row em, .deli-detail-page .detail-rating-card-head a, .deli-detail-page .detail-review-meta { color: #64748B !important; font: 500 12px/1.35 Helvetica, sans-serif !important; letter-spacing: 0 !important; }
.deli-detail-page .detail-product-title { font-size: 20px !important; }
.deli-detail-page .detail-shop-name { font-size: 16px !important; }
.deli-detail-page .detail-section-heading h3, .deli-detail-page .related-products-heading h3, .deli-detail-page .detail-suggested-heading h3, .deli-detail-page .detail-rating-card-head h3, .deli-detail-page .detail-rating-card-head h6 { font-size: 17px !important; }
.deli-detail-page .detail-rating-card-head a { color: var(--deli-purple, var(--primary-color)) !important; font-weight: 600 !important; }
.deli-detail-page .detail-rating-card .detail-rating-stars { gap: 2px !important; justify-content: center !important; width: 100% !important; text-align: center !important; }
.deli-detail-page .detail-rating-card .detail-rating-left { align-items: center !important; text-align: center !important; }
.deli-detail-page .detail-rating-card .detail-rating-score { justify-content: center !important; }
.deli-detail-page .detail-rating-card .detail-rating-score strong { font-size: 34px !important; }
.deli-detail-page .detail-rating-card .detail-rating-score span { font-size: 14px !important; }
.deli-detail-page .detail-rating-card .detail-rating-stars i, .deli-detail-page .detail-rating-card .detail-rating-stars svg { font-size: 12px !important; }
.deli-detail-page .detail-rating-card .detail-rating-bar-row { grid-template-columns: 16px minmax(0, 1fr) 34px !important; }
.deli-detail-page .detail-rating-card .detail-rating-bar-row span { text-align: right !important; }
.deli-detail-page .detail-shop-stat-item strong, .deli-detail-page .detail-shop-mobile-stats strong { color: var(--text-main, #0F172A) !important; font: 700 15px/1.2 Helvetica, sans-serif !important; }
.deli-detail-page .detail-shop-summary strong { color: var(--text-main, #0F172A) !important; font: 700 18px/1.2 Helvetica, sans-serif !important; }
.deli-detail-page .detail-current-price, .deli-detail-page .detail-floating-price { font: 700 24px/1.1 Helvetica, sans-serif !important; letter-spacing: 0 !important; }
.deli-detail-page .detail-old-price, .deli-detail-page .detail-floating-old-price { font: 500 13px/1.2 Helvetica, sans-serif !important; }
.deli-detail-page .detail-add-cart-btn,
.deli-detail-page .detail-buy-now-btn,
.deli-detail-page .detail-shop-outline-btn,
.deli-detail-page .detail-shop-primary-btn,
.deli-detail-page .detail-floating-buy-now,
.deli-detail-page .detail-floating-add-cart,
.deli-detail-page .detail-suggested-more-btn,
.detail-mobile-action-cart,
.detail-mobile-action-buy { font: 700 14px/1.2 Helvetica, sans-serif !important; letter-spacing: 0 !important; }
.deli-detail-page .detail-rating-score strong, .deli-detail-page .detail-review-score-line strong, .deli-detail-page .detail-review-score-line span, .deli-detail-page .detail-rating-score span { font-weight: 500 !important; }
.deli-detail-page #comment-area .submit-btn, .deli-detail-page #comment-area button[type="submit"], .deli-detail-page #comment-area input[type="submit"] { min-width: 150px !important; min-height: 44px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; margin: 18px 0 0 !important; padding: 0 22px !important; border: 1px solid var(--deli-purple, var(--primary-color)) !important; border-radius: 10px !important; background: var(--deli-purple, var(--primary-color)) !important; color: #fff !important; font: 700 14px/1.2 Helvetica, sans-serif !important; box-shadow: 0 8px 18px rgba(39, 174, 150, 0.18) !important; transition: transform 0.16s ease, box-shadow 0.16s ease, background-color 0.16s ease !important; }
.deli-detail-page #comment-area .submit-btn:hover, .deli-detail-page #comment-area button[type="submit"]:hover, .deli-detail-page #comment-area input[type="submit"]:hover { background: var(--deli-purple-hover, var(--deli-purple-hover)) !important; border-color: var(--deli-purple-hover, var(--deli-purple-hover)) !important; box-shadow: 0 10px 22px rgba(39, 174, 150, 0.24) !important; transform: translateY(-1px) !important; }
.deli-detail-page #comment-area .submit-btn:active, .deli-detail-page #comment-area button[type="submit"]:active, .deli-detail-page #comment-area input[type="submit"]:active { box-shadow: 0 5px 12px rgba(39, 174, 150, 0.18) !important; transform: translateY(0) !important; }
.deli-detail-page #comment-area .submit-btn:focus-visible, .deli-detail-page #comment-area button[type="submit"]:focus-visible, .deli-detail-page #comment-area input[type="submit"]:focus-visible { outline: 3px solid rgba(39, 174, 150, 0.18) !important; outline-offset: 2px !important; }
.deli-detail-page #comment-area button.remove { min-width: 120px !important; min-height: 44px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; margin: 18px 0 0 18px !important; padding: 0 22px !important; border: 1px solid #d0d0d0 !important; border-radius: 10px !important; background: #f0f0f0 !important; color: #666 !important; font: 700 14px/1.2 Helvetica, sans-serif !important; box-shadow: none !important; transition: background-color 0.16s ease, border-color 0.16s ease, color 0.16s ease !important; }
.deli-detail-page #comment-area button.remove:hover { background: #e8e8e8 !important; border-color: #c0c0c0 !important; color: #333 !important; }
.deli-detail-page #comment-area button.remove:active { box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1) !important; }
.deli-detail-page .detail-review-write-card, .deli-detail-page .detail-review-login-card { margin: 22px 0 0; padding: 20px; border: 1px solid var(--deli-border, #E2E8F0); border-radius: 12px; background: #fff; box-shadow: 0 8px 22px rgba(15, 23, 42, 0.04); }
.deli-detail-page .detail-review-write-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin: 0 0 16px; padding: 0 0 14px; border-bottom: 1px solid var(--deli-border, #E2E8F0); }
.deli-detail-page .detail-review-write-title { margin: 0; color: var(--text-main, #0F172A); font: 700 18px/1.25 Helvetica, sans-serif; letter-spacing: 0; }
.deli-detail-page .detail-review-write-subtitle { max-width: 520px; margin: 0; color: #64748B; font: 500 13px/1.45 Helvetica, sans-serif; letter-spacing: 0; }
.deli-detail-page .detail-review-alert { position: relative; margin: 0 0 14px; padding: 12px 42px 12px 14px; border-radius: 10px; font: 500 13px/1.4 Helvetica, sans-serif; letter-spacing: 0; }
.deli-detail-page .detail-review-alert-close { position: absolute; top: 50%; right: 12px; width: 26px; height: 26px; display: inline-flex; align-items: center; justify-content: center; padding: 0; border: 0; border-radius: 50%; background: rgba(15, 23, 42, 0.06); color: #64748B; transform: translateY(-50%); }
.deli-detail-page .detail-review-form { display: grid; gap: 16px; }
.deli-detail-page .detail-review-rating-row { display: grid; grid-template-columns: 160px minmax(0, 1fr); gap: 16px; align-items: center; }
.deli-detail-page .detail-review-label { margin: 0 0 8px; color: var(--text-main, #0F172A); font: 700 14px/1.25 Helvetica, sans-serif; letter-spacing: 0; }
.deli-detail-page .detail-review-label span { color: var(--deli-orange, #E67F66); }
.deli-detail-page .detail-review-rating-control { display: flex; align-items: center; gap: 12px; min-width: 0; }
.deli-detail-page .detail-review-star-list { display: inline-flex; align-items: center; gap: 4px; line-height: 1; }
.deli-detail-page .detail-review-star { width: 30px; height: 30px; display: inline-flex; align-items: center; justify-content: center; padding: 0; border: 0; background: transparent; color: #CBD5E1; font: 800 28px/1 Helvetica, sans-serif; cursor: pointer; transition: color 0.15s ease, transform 0.15s ease; }
.deli-detail-page .detail-review-star.is-active { color: var(--deli-orange, #E67F66); }
.deli-detail-page .detail-review-star:hover { transform: translateY(-1px); }
.deli-detail-page .detail-review-rating-text { color: #64748B; font: 500 13px/1.25 Helvetica, sans-serif; white-space: nowrap; letter-spacing: 0; }
.deli-detail-page .detail-review-textarea { width: 100%; min-height: 118px; padding: 12px 14px; border: 1px solid var(--deli-border, #E2E8F0); border-radius: 10px; background: #fff; color: var(--text-main, #0F172A); font: 500 14px/1.5 Helvetica, sans-serif; letter-spacing: 0; resize: vertical; transition: border-color 0.16s ease, box-shadow 0.16s ease; }
.deli-detail-page .detail-review-textarea:focus { border-color: var(--deli-purple, var(--primary-color)); box-shadow: 0 0 0 3px rgba(39, 174, 150, 0.14); outline: 0; }
.deli-detail-page .detail-review-submit, .deli-detail-page .detail-review-login-btn { min-width: 156px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; justify-self: start; padding: 0 22px; border: 1px solid var(--deli-purple, var(--primary-color)); border-radius: 10px; background: var(--deli-purple, var(--primary-color)); color: #fff !important; font: 700 14px/1.2 Helvetica, sans-serif; letter-spacing: 0; text-decoration: none !important; box-shadow: 0 8px 18px rgba(39, 174, 150, 0.18); transition: transform 0.16s ease, box-shadow 0.16s ease, background-color 0.16s ease; }
.deli-detail-page .detail-review-submit:hover, .deli-detail-page .detail-review-login-btn:hover { background: var(--deli-purple-hover, var(--deli-purple-hover)); border-color: var(--deli-purple-hover, var(--deli-purple-hover)); box-shadow: 0 10px 22px rgba(39, 174, 150, 0.24); transform: translateY(-1px); }
.deli-detail-page .detail-review-submit.is-loading { opacity: 0.72; pointer-events: none; }
.deli-detail-page .detail-review-login-card { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.deli-detail-page .detail-review-login-card strong, .deli-detail-page .detail-review-login-card span { display: block; font-family: Helvetica, sans-serif; letter-spacing: 0; }
.deli-detail-page .detail-review-login-card strong { color: var(--text-main, #0F172A); font-size: 15px; font-weight: 700; }
.deli-detail-page .detail-review-login-card span { margin-top: 4px; color: #64748B; font-size: 13px; font-weight: 500; }

@media (max-width: 767.98px) {
    .deli-detail-page .detail-product-title { font: 700 17px/1.2 Helvetica, sans-serif !important; }
    .deli-detail-page .detail-shop-name { font: 700 13.5px/1.2 Helvetica, sans-serif !important; }
    .deli-detail-page .detail-current-price { font-size: 20px !important; }
    .deli-detail-page .detail-shop-mobile-stats span { font: 500 11px/1.2 Helvetica, sans-serif !important; }
    .deli-detail-page #comment-area .submit-btn, .deli-detail-page #comment-area button[type="submit"], .deli-detail-page #comment-area input[type="submit"] { width: 100% !important; min-height: 42px !important; margin-top: 14px !important; }
    .deli-detail-page #comment-area button.remove { width: auto !important; min-height: auto !important; padding: 10px 20px !important; margin-top: 10px !important; margin-left: 10px !important; }
    .deli-detail-page .detail-review-write-card, .deli-detail-page .detail-review-login-card { margin-top: 14px; padding: 14px; border-radius: 11px; }
    .deli-detail-page .detail-review-write-head { display: block; margin-bottom: 12px; padding-bottom: 12px; }
    .deli-detail-page .detail-review-write-title { font-size: 16px; }
    .deli-detail-page .detail-review-write-subtitle { margin-top: 6px; font-size: 12px; }
    .deli-detail-page .detail-review-form { gap: 12px; }
    .deli-detail-page .detail-review-rating-row { grid-template-columns: 1fr; gap: 8px; }
    .deli-detail-page .detail-review-rating-control { justify-content: space-between; gap: 8px; }
    .deli-detail-page .detail-review-star { width: 26px; height: 26px; font-size: 24px; }
    .deli-detail-page .detail-review-textarea { min-height: 104px; padding: 10px 12px; font-size: 13px; }
    .deli-detail-page .detail-review-submit, .deli-detail-page .detail-review-login-btn { width: 100%; min-height: 42px; justify-self: stretch; }
    .deli-detail-page .detail-review-login-card { flex-direction: column; align-items: stretch; text-align: center; }
}

@media (min-width: 768px) and (max-width: 1199.98px) {
    .deli-detail-page .detail-review-write-card, .deli-detail-page .detail-review-login-card { margin-top: 18px; padding: 18px; }
    .deli-detail-page .detail-review-rating-row { grid-template-columns: 140px minmax(0, 1fr); gap: 14px; }
    .deli-detail-page .detail-review-star { width: 28px; height: 28px; font-size: 26px; }
}

@media (max-width: 575.98px) {
    .deli-detail-page .detail-review-rating-control { flex-direction: column; align-items: flex-start; }
    .deli-detail-page .detail-review-star-list { gap: 2px; }
    .deli-detail-page .detail-review-star { width: 24px; height: 24px; font-size: 22px; }
    .deli-detail-page .detail-review-alert { padding: 10px 38px 10px 12px; font-size: 12px; }
}

/* Cart List Panel */
.deli-cart-page .cart-list-card { overflow: visible; border: 0; border-radius: 0; background: transparent; box-shadow: none; font-family: Arial, Helvetica, sans-serif; letter-spacing: 0; }
.deli-cart-page .cart-layout-row { margin-right: -10px; margin-left: -10px; }
.deli-cart-page .cart-layout-row > [class*="col-"] { padding-right: 10px; padding-left: 10px; }
.deli-cart-page .cart-main-col { flex: 0 0 66.666667%; max-width: 66.666667%; }
.deli-cart-page .cart-summary-col { flex: 0 0 33.333333%; max-width: 33.333333%; }
.deli-cart-page .cart-list-head { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin: 0 0 14px; padding: 0 0 0 2px; border-bottom: 0; }
.deli-cart-page .cart-list-head h3 { margin: 0; color: var(--text-main); font: 700 22px/1.25 Arial, Helvetica, sans-serif; letter-spacing: 0; }
.deli-cart-page .cart-list-head h3 span { color: var(--primary-color); font: 700 14px/1.25 Arial, Helvetica, sans-serif; letter-spacing: 0; }
.deli-cart-page .cart-list-body { padding: 0; }
.deli-cart-page .cart-shop-group { margin: 0 0 16px; overflow: hidden; border: 1px solid #EEF2F5; border-radius: 8px; background: #fff; box-shadow: 0 8px 24px rgba(15, 23, 42, 0.05); }
.deli-cart-page .cart-shop-group:last-child { margin-bottom: 0; }
.deli-cart-page .cart-shop-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 20px; padding: 18px 0 14px; border-bottom: 1px solid #EEF2F5; }
.deli-cart-page .cart-shop-head a { min-width: 0; display: inline-flex; align-items: center; max-width: 70%; min-height: 0; padding: 0; border-radius: 0; background: transparent; color: var(--text-main) !important; font: 700 18px/1.25 Arial, Helvetica, sans-serif; letter-spacing: 0; text-decoration: none !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.deli-cart-page .cart-shop-head span { display: inline-flex; align-items: center; min-height: 0; padding: 0; border-radius: 0; background: transparent; color: var(--primary-color); font: 700 13px/1.25 Arial, Helvetica, sans-serif; letter-spacing: 0; white-space: nowrap; }
.deli-cart-page .cart-item-row { display: grid; grid-template-columns: minmax(0, 1fr) 112px 140px 34px; gap: 18px; align-items: center; min-height: 116px; margin: 0; padding: 16px 20px; border-bottom: 1px solid #EEF2F5; background: #fff; }
.deli-cart-page .cart-item-row:last-child { border-bottom: 0; }
.deli-cart-page .cart-product-cell { display: grid; grid-template-columns: 112px minmax(0, 1fr); gap: 16px; align-items: center; min-width: 0; }
.deli-cart-page .cart-product-img { position: relative; width: 112px; height: 80px; flex-shrink: 0; margin: 0; border-radius: 8px; background: #F8FAFB; overflow: visible; }
.deli-cart-page .cart-product-img a { position: relative; z-index: 4; width: 100%; height: 100%; display: block; cursor: pointer; pointer-events: auto; }
.deli-cart-page .cart-product-img img { width: 100%; height: 100%; object-fit: contain; padding: 8px; border: 0; border-radius: 0; }
.deli-cart-page .cart-product-sale-badge { position: absolute; top: -7px; left: -7px; z-index: 8; display: inline-flex; align-items: center; justify-content: center; min-height: 22px; padding: 0 7px; border-radius: 6px; background: var(--deli-orange); color: #fff; font: 700 11px/1 Arial, Helvetica, sans-serif; letter-spacing: 0; pointer-events: none; box-shadow: 0 4px 10px rgba(230, 127, 102, 0.22); }
.deli-cart-page .cart-product-info { min-width: 0; }
.deli-cart-page .cart-product-name { position: relative; z-index: 4; display: block; margin: 0 0 7px; color: var(--text-main) !important; font: 700 14px/1.3 Arial, Helvetica, sans-serif; letter-spacing: 0; text-decoration: none !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; pointer-events: auto; }
.deli-cart-page .cart-product-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; color: #64748B; font: 400 13px/1.25 Arial, Helvetica, sans-serif; letter-spacing: 0; }
.deli-cart-page .cart-product-meta > span { min-width: 0; min-height: 28px; display: inline-flex; align-items: center; max-width: 100%; padding: 0 10px; border-radius: 6px; background: #F8FAFB; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.deli-cart-page .cart-product-color { display: inline-flex; align-items: center; gap: 6px; }
.deli-cart-page .cart-product-color i { width: 12px; height: 12px; display: inline-block; border: 1px solid #D8E0E8; border-radius: 50%; }
.deli-cart-page .cart-product-attrs { display: flex; flex-wrap: wrap; gap: 5px; }
.deli-cart-page .cart-product-attrs span { display: inline-flex; align-items: center; min-height: 22px; padding: 0 7px; border: 1px solid #EEF2F5; border-radius: 6px; background: #F8FAFB; color: #64748B; font: 500 11px/1 Arial, Helvetica, sans-serif; letter-spacing: 0; }
.deli-cart-page .cart-product-stock { flex-basis: 100%; display: inline-flex; align-items: center; gap: 5px; min-height: 0 !important; padding: 0 !important; border-radius: 0 !important; background: transparent !important; color: var(--primary-color); font: 700 12px/1.2 Arial, Helvetica, sans-serif; letter-spacing: 0; }
.deli-cart-page .cart-product-stock i { font-size: 12px; }
.deli-cart-page .cart-qty-cell { display: flex; justify-content: center; }
.deli-cart-page .cart-qty-box { width: 98px; height: 34px; display: grid; grid-template-columns: 30px 1fr 30px; align-items: center; border: 1px solid #DDE6EE !important; border-radius: 6px !important; background: #fff; overflow: hidden; }
.deli-cart-page .cart-qty-box .reducing, .deli-cart-page .cart-qty-box .adding { width: 30px; height: 32px; display: inline-flex; align-items: center; justify-content: center; color: #0F172A; font-size: 13px; cursor: pointer; }
.deli-cart-page .cart-qty-box .qttotal1 { display: inline-flex; align-items: center; justify-content: center; color: var(--text-main); font: 700 14px/1 Arial, Helvetica, sans-serif; letter-spacing: 0; }
.deli-cart-page .cart-price-cell { display: grid; justify-items: end; gap: 6px; text-align: right; }
.deli-cart-page .cart-price-cell strong { color: var(--primary-color); font: 700 16px/1.15 Arial, Helvetica, sans-serif; letter-spacing: 0; white-space: nowrap; }
.deli-cart-page .cart-price-extra { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 6px; min-height: 20px; }
.deli-cart-page .cart-price-extra del { color: #94A3B8; font: 500 12px/1 Arial, Helvetica, sans-serif; letter-spacing: 0; }
.deli-cart-page .cart-price-extra span { display: inline-flex; align-items: center; min-height: 20px; padding: 0 7px; border-radius: 6px; background: var(--deli-orange-light); color: var(--deli-orange); font: 700 11px/1 Arial, Helvetica, sans-serif; letter-spacing: 0; }
.deli-cart-page .cart-remove-cell { display: flex; justify-content: flex-end; }
.deli-cart-page .cart-remove { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; color: var(--deli-orange) !important; font-size: 18px; cursor: pointer; transition: background-color 0.16s ease, color 0.16s ease; }
.deli-cart-page .cart-remove:hover { background: var(--deli-orange-light); color: var(--deli-orange) !important; }
.deli-cart-page .cart-shop-footer { display: block; padding: 14px 20px; border-top: 1px solid #EEF2F5; background: #FCFDFD; }
.deli-cart-page .cart-shop-final { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-width: 0; text-align: right; }
.deli-cart-page .cart-shop-final span { color: #64748B; font: 600 12px/1.2 Arial, Helvetica, sans-serif; letter-spacing: 0; text-align: left; white-space: nowrap; }
.deli-cart-page .cart-shop-final strong { color: var(--primary-color); font: 800 18px/1.15 Arial, Helvetica, sans-serif; letter-spacing: 0; white-space: nowrap; }
.deli-cart-page .cart-unavailable-card { margin: 16px 0 0; overflow: hidden; border: 1px solid #EEF2F5; border-radius: 8px; background: #fff; box-shadow: 0 8px 24px rgba(15, 23, 42, 0.05); }
.deli-cart-page .cart-unavailable-head { display: flex; align-items: center; justify-content: space-between; min-height: 48px; padding: 0 20px; border-bottom: 1px solid #EEF2F5; background: #FCFDFD; }
.deli-cart-page .cart-unavailable-head span { color: #64748B; font: 700 14px/1.25 Arial, Helvetica, sans-serif; letter-spacing: 0; }
.deli-cart-page .cart-unavailable-row { display: grid; grid-template-columns: 112px minmax(0, 1fr) 140px 34px; gap: 18px; align-items: center; min-height: 104px; padding: 14px 20px; border-bottom: 1px solid #EEF2F5; background: #fff; }
.deli-cart-page .cart-unavailable-row:last-child { border-bottom: 0; }
.deli-cart-page .cart-unavailable-img { position: relative; width: 112px; height: 80px; border-radius: 8px; background: #F8FAFB; overflow: hidden; }
.deli-cart-page .cart-unavailable-img img { width: 100%; height: 100%; object-fit: contain; padding: 8px; opacity: 0.55; filter: grayscale(0.2); }
.deli-cart-page .cart-unavailable-img span { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: rgba(15, 23, 42, 0.42); color: #fff; font: 700 11px/1.2 Arial, Helvetica, sans-serif; text-align: center; letter-spacing: 0; }
.deli-cart-page .cart-unavailable-info { display: grid; gap: 5px; min-width: 0; }
.deli-cart-page .cart-unavailable-info strong { color: #94A3B8; font: 700 14px/1.3 Arial, Helvetica, sans-serif; letter-spacing: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.deli-cart-page .cart-unavailable-info span { color: #94A3B8; font: 500 12px/1.25 Arial, Helvetica, sans-serif; letter-spacing: 0; }
.deli-cart-page .cart-unavailable-info em { color: #F04438; font: 600 12px/1.25 Arial, Helvetica, sans-serif; letter-spacing: 0; font-style: normal; }
.deli-cart-page .cart-unavailable-price { display: grid; justify-items: end; }
.deli-cart-page .cart-unavailable-price strong { color: #0F172A; font: 600 15px/1.2 Arial, Helvetica, sans-serif; letter-spacing: 0; white-space: nowrap; }
.deli-cart-page .cart-unavailable-remove { display: flex; justify-content: flex-end; }

/* Cart Summary Panel */
.deli-cart-page .cart-summary-panel { top: 120px; z-index: 1020; padding: 20px; border: 1px solid #EEF2F5; border-radius: 8px; background: #fff; box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06); font-family: Helvetica, sans-serif; letter-spacing: 0; }
.deli-cart-page .cart-summary-benefit { display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 12px; align-items: center; }
.deli-cart-page .cart-summary-benefit-icon { width: 42px; height: 42px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: #F1FBF8; color: var(--primary-color); font-size: 18px; }
.deli-cart-page .cart-summary-benefit-copy strong { display: block; margin: 0 0 4px; color: #0F172A; font: 700 14px/1.25 Helvetica, sans-serif; letter-spacing: 0; }
.deli-cart-page .cart-summary-benefit-copy span { display: block; color: #64748B; font: 500 12px/1.35 Helvetica, sans-serif; letter-spacing: 0; }
.deli-cart-page .cart-summary-progress { height: 7px; margin: 16px 0 8px; border-radius: 999px; background: #EEF2F5; overflow: hidden; }
.deli-cart-page .cart-summary-progress span { display: block; height: 100%; border-radius: inherit; background: var(--primary-color); }
.deli-cart-page .cart-summary-progress-text { margin: 0 0 18px; color: #64748B; font: 500 12px/1.35 Helvetica, sans-serif; text-align: center; letter-spacing: 0; }
.deli-cart-page .cart-summary-progress-text strong { color: var(--primary-color); font-weight: 700; }
.deli-cart-page .cart-summary-divider { height: 1px; margin: 0 0 18px; background: #EEF2F5; }
.deli-cart-page .cart-summary-title { margin: 0 0 18px; color: #0F172A; font: 700 16px/1.3 Helvetica, sans-serif; letter-spacing: 0; }
.deli-cart-page .cart-summary-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 12px; color: #334155; font: 500 13px/1.35 Helvetica, sans-serif; letter-spacing: 0; }
.deli-cart-page .cart-summary-row span { min-width: 0; color: #334155; }
.deli-cart-page .cart-summary-row strong { color: #0F172A; font: 700 13px/1.35 Helvetica, sans-serif; white-space: nowrap; letter-spacing: 0; }
.deli-cart-page .cart-summary-row .cart-summary-discount { color: #F04438; }
.deli-cart-page .cart-summary-total { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 18px 0; padding-top: 16px; border-top: 1px solid #EEF2F5; }
.deli-cart-page .cart-summary-total span { color: #0F172A; font: 700 15px/1.25 Helvetica, sans-serif; letter-spacing: 0; }
.deli-cart-page .cart-summary-total small { color: #64748B; font: 500 10px/1.2 Helvetica, sans-serif; letter-spacing: 0; }
.deli-cart-page .cart-summary-total strong { color: var(--primary-color); font: 800 22px/1.1 Helvetica, sans-serif; white-space: nowrap; letter-spacing: 0; }
.deli-cart-page .cart-summary-checkout-btn, .deli-cart-page .cart-summary-continue-btn { width: 100%; min-height: 42px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 0 14px; border-radius: 6px; font: 700 14px/1.2 Helvetica, sans-serif; letter-spacing: 0; text-decoration: none !important; }
.deli-cart-page .cart-summary-checkout-btn { border: 1px solid var(--primary-color); background: var(--primary-color); color: #fff !important; box-shadow: 0 8px 18px rgba(39, 174, 150, 0.18); }
.deli-cart-page .cart-summary-continue-btn { margin-top: 10px; border: 1px solid #D8E0E8; background: #fff; color: #0F172A !important; }
.deli-cart-page .cart-summary-checkout-btn:hover { background: var(--deli-purple-hover, var(--primary-color)); border-color: var(--deli-purple-hover, var(--primary-color)); color: #fff !important; }
.deli-cart-page .cart-summary-continue-btn:hover { border-color: var(--primary-color); color: var(--primary-color) !important; }

/* Detail Shop Card */
.deli-detail-page .detail-shop-title-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-width: 0; }
.deli-detail-page .detail-shop-title-row .detail-shop-name { min-width: 0; flex: 1 1 auto; }
.deli-detail-page .detail-shop-title-row .detail-shop-outline-btn { flex: 0 0 auto; min-width: 96px; height: 36px; padding: 0 16px; border: 1px solid var(--deli-purple, var(--primary-color)) !important; border-radius: 8px !important; background: #fff !important; color: var(--deli-purple, var(--primary-color)) !important; font: 800 12px/1.2 Helvetica, Arial, sans-serif; display: inline-flex; align-items: center; justify-content: center; text-decoration: none !important; }
.deli-detail-page .detail-shop-title-row .detail-shop-outline-btn:hover { background: var(--deli-purple-light, #E9F7F5) !important; color: var(--deli-purple, var(--primary-color)) !important; }

@media (min-width: 768px) and (max-width: 1199.98px) {
    .deli-detail-page .detail-shop-title-row { align-items: flex-start; flex-direction: column; gap: 8px; }
    .deli-detail-page .detail-shop-title-row .detail-shop-outline-btn { min-width: 112px; height: 36px; }
}

@media (max-width: 767.98px) {
    .deli-detail-page .detail-shop-card .detail-shop-location { display: flex !important; margin-top: 5px !important; color: #667085 !important; font: 600 12px/1.25 Helvetica, Arial, sans-serif !important; }
    .deli-detail-page .detail-shop-title-row { align-items: center; }
    .deli-detail-page .detail-shop-title-row .detail-shop-outline-btn { min-width: 92px; height: 34px; padding: 0 13px; font-size: 12px; }
}

@media (max-width: 575.98px) {
    .deli-detail-page .detail-shop-head { padding-right: 0 !important; }
    .deli-detail-page .detail-shop-title-row .detail-shop-outline-btn { min-width: 86px; height: 32px; padding: 0 10px; }
}

@media (min-width: 1200px) {
    .deli-detail-page .detail-shop-card { display: block !important; }
    .deli-detail-page .detail-shop-head { height: auto; padding: 0 0 14px !important; border-right: 0 !important; border-bottom: 1px solid var(--deli-border, #E2E8F0) !important; }
    /* .deli-detail-page .detail-shop-stats { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px 20px !important; padding: 14px 0 !important; border-bottom: 1px solid var(--deli-border, #E2E8F0); } */
    .deli-detail-page .detail-shop-summary { padding: 12px 0 !important; border-bottom: 1px solid var(--deli-border, #E2E8F0) !important; }
    .deli-detail-page .detail-shop-stat-item { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; }
}

@media (min-width: 768px) and (max-width: 1199.98px) {
    .deli-detail-page .detail-shop-title-row { align-items: center !important; flex-direction: row !important; gap: 12px !important; }
    .deli-detail-page .detail-shop-title-row .detail-shop-outline-btn { min-width: 96px !important; height: 36px !important; }
}

@media (max-width: 767.98px) {
    .deli-detail-page .detail-shop-card { margin-left: 0 !important; margin-right: 0 !important; padding-left: 16px !important; padding-right: 16px !important; }
    .deli-detail-page .detail-shop-head { width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; }
    .deli-detail-page .detail-shop-main { min-width: 0 !important; padding-left: 0 !important; }
    .deli-detail-page .detail-shop-title-row { width: 100% !important; align-items: center !important; flex-direction: row !important; gap: 10px !important; }
    .deli-detail-page .detail-shop-title-row .detail-shop-outline-btn { min-width: 92px !important; height: 34px !important; }
    .deli-detail-page .detail-shop-card .detail-shop-location { display: flex !important; }
}
.deli-cart-page .cart-mobile-summary-bar { display: none; }
.deli-cart-page .cart-mobile-summary-sheet { display: none; }
.deli-cart-page .cart-mobile-summary-backdrop { border: 0; }
.deli-cart-page .cart-mobile-summary-panel { background: #fff; }
.deli-cart-page .cart-mobile-summary-head { display: flex; align-items: center; justify-content: space-between; }
.deli-cart-page .cart-mobile-summary-head h4 { margin: 0; color: var(--text-main); font: 800 20px/1.25 Helvetica, Arial, sans-serif; letter-spacing: 0; }
.deli-cart-page .cart-mobile-summary-head button { width: 38px; height: 38px; display: inline-flex; align-items: center; justify-content: center; border: 0; border-radius: 50%; background: transparent; color: #64748B; font-size: 22px; }
.deli-cart-page .cart-mobile-summary-lines { display: grid; gap: 0; }
.deli-cart-page .cart-mobile-summary-line { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 46px; border-bottom: 1px solid #EEF2F5; color: #334155; font: 500 14px/1.35 Helvetica, Arial, sans-serif; letter-spacing: 0; }
.deli-cart-page .cart-mobile-summary-line strong { color: var(--text-main); font: 700 14px/1.35 Helvetica, Arial, sans-serif; white-space: nowrap; letter-spacing: 0; }
.deli-cart-page .cart-mobile-summary-line .cart-mobile-discount, .deli-cart-page .cart-mobile-summary-line .cart-mobile-voucher { color: #F04438; }
.deli-cart-page .cart-mobile-summary-final { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 0 0; color: var(--text-main); }
.deli-cart-page .cart-mobile-summary-final span { display: grid; gap: 3px; font: 800 15px/1.2 Helvetica, Arial, sans-serif; letter-spacing: 0; }
.deli-cart-page .cart-mobile-summary-final small { color: #64748B; font: 500 10px/1.2 Helvetica, Arial, sans-serif; letter-spacing: 0; }
.deli-cart-page .cart-mobile-summary-final strong { color: var(--primary-color); font: 900 22px/1.1 Helvetica, Arial, sans-serif; white-space: nowrap; letter-spacing: 0; }
.deli-cart-page .cart-suggested-section { margin: 34px 0 0; padding: 24px; overflow: hidden; border: 1px solid #EEF2F5; border-radius: 12px; background: #fff; box-shadow: none; }
.deli-cart-page .cart-suggested-heading { display: flex; align-items: center; justify-content: space-between; margin: 0 0 14px; padding: 0 0 10px; border-bottom: 1px solid var(--deli-border, #E2E8F0) !important; }
.deli-cart-page .cart-suggested-heading h3 { margin: 0; color: var(--text-main); font: 700 18px/1.25 Helvetica, Arial, sans-serif !important; letter-spacing: 0 !important; }
.deli-cart-page .cart-suggested-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 16px; padding: 2px 2px 10px; }
.deli-cart-page .cart-suggested-item { min-width: 0; }
.deli-cart-page .cart-suggested-more { display: flex; justify-content: center; margin: 0; padding: 14px 0 0; }
.deli-cart-page .cart-suggested-more-btn { min-width: 148px; min-height: 38px; width: auto; display: inline-flex; align-items: center; justify-content: center; padding: 0 22px; border: 1px solid var(--primary-color) !important; border-radius: 6px; background: var(--primary-color) !important; color: #fff !important; font: 800 13px/1.2 Arial, Helvetica, sans-serif; letter-spacing: 0; text-align: center; text-decoration: none !important; box-shadow: 0 8px 18px rgba(39, 174, 150, 0.16); transition: border-color 0.18s ease, color 0.18s ease, background-color 0.18s ease; }
.deli-cart-page .cart-suggested-more-btn:hover { background: var(--deli-purple-hover, var(--primary-color)); border-color: var(--deli-purple-hover, var(--primary-color)); color: #fff !important; }

@media (min-width: 768px) and (max-width: 1199.98px) {
    .deli-cart-page .cart-suggested-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
}

@media (max-width: 767.98px) {
    .deli-cart-page .cart-suggested-section { padding: 14px !important; }
    .deli-cart-page .cart-suggested-heading { margin: 0 0 10px; padding: 0 0 8px; }
    .deli-cart-page .cart-suggested-heading h3 { font-size: 16px !important; }
    .deli-cart-page .cart-suggested-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; padding: 2px 2px 6px; }
    .deli-cart-page .cart-suggested-more { padding: 12px 0 0; }
    .deli-cart-page .cart-suggested-more-btn { min-height: 38px; padding: 0 18px; font: 800 13px/1.2 Arial, Helvetica, sans-serif; }
}

@media (max-width: 991.98px) {
    body.cart-mobile-summary-open { overflow: hidden; }
    .deli-cart-page { padding-bottom: calc(92px + env(safe-area-inset-bottom, 0px)) !important; }
    .deli-cart-page .cart-layout-row { margin-right: -15px; margin-left: -15px; }
    .deli-cart-page .cart-layout-row > [class*="col-"] { padding-right: 15px; padding-left: 15px; }
    .deli-cart-page .cart-main-col, .deli-cart-page .cart-summary-col { flex: 0 0 100%; max-width: 100%; }
    .deli-cart-page .cart-item-row { grid-template-columns: minmax(0, 1fr) 108px 128px 32px; gap: 14px; padding: 14px 16px; }
    .deli-cart-page .cart-product-cell { grid-template-columns: 96px minmax(0, 1fr); gap: 14px; }
    .deli-cart-page .cart-product-img { width: 96px; height: 74px; }
    .deli-cart-page .cart-unavailable-row { grid-template-columns: 96px minmax(0, 1fr) 128px 32px; gap: 14px; padding: 14px 16px; }
    .deli-cart-page .cart-unavailable-img { width: 96px; height: 74px; }
    .deli-cart-page .cart-summary-col { display: none; }
    .deli-cart-page .cart-summary-panel { top: 0; }
    .deli-cart-page .cart-mobile-summary-bar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 4900; height: calc(74px + env(safe-area-inset-bottom, 0px)); display: grid; grid-template-columns: minmax(0, 1fr) 148px; gap: 10px; align-items: center; padding: 9px 14px calc(9px + env(safe-area-inset-bottom, 0px)); border-top: 1px solid #E8EEF3; background: rgba(255, 255, 255, 0.98); box-shadow: 0 -8px 24px rgba(15, 23, 42, 0.12); backdrop-filter: blur(10px); }
    .deli-cart-page .cart-mobile-summary-total { min-width: 0; height: 56px; display: grid; grid-template-columns: 22px minmax(0, 1fr) 18px; gap: 8px; align-items: center; padding: 0; border: 0; background: transparent; color: var(--text-main); text-align: left; }
    .deli-cart-page .cart-mobile-summary-total > i:first-child { color: var(--primary-color); font-size: 20px; }
    .deli-cart-page .cart-mobile-summary-total > i:last-child { color: #64748B; font-size: 16px; }
    .deli-cart-page .cart-mobile-summary-total span { min-width: 0; display: grid; gap: 3px; }
    .deli-cart-page .cart-mobile-summary-total strong { color: var(--deli-orange); font: 900 20px/1.05 Helvetica, Arial, sans-serif; letter-spacing: 0; white-space: nowrap; }
    .deli-cart-page .cart-mobile-summary-total small { color: var(--deli-orange); font: 600 12px/1.1 Helvetica, Arial, sans-serif; letter-spacing: 0; white-space: nowrap; }
    .deli-cart-page .cart-mobile-checkout-btn { height: 56px; display: inline-flex; align-items: center; justify-content: center; padding: 0 12px; border-radius: 8px; background: var(--deli-orange); color: #fff !important; font: 800 15px/1.2 Helvetica, Arial, sans-serif; letter-spacing: 0; text-decoration: none !important; box-shadow: 0 8px 18px rgba(230, 127, 102, 0.22); }
    .deli-cart-page .cart-mobile-summary-sheet { position: fixed; inset: 0; z-index: 4899; display: block; pointer-events: none; visibility: hidden; }
    .deli-cart-page .cart-mobile-summary-sheet.is-open { pointer-events: auto; visibility: visible; }
    .deli-cart-page .cart-mobile-summary-backdrop { position: absolute; inset: 0; width: 100%; height: 100%; background: rgba(15, 23, 42, 0); transition: background-color 0.2s ease; }
    .deli-cart-page .cart-mobile-summary-sheet.is-open .cart-mobile-summary-backdrop { background: rgba(15, 23, 42, 0.55); }
    .deli-cart-page .cart-mobile-summary-panel { position: absolute; left: 0; right: 0; bottom: 0; max-height: calc(86vh - env(safe-area-inset-bottom, 0px)); padding: 22px 22px calc(94px + env(safe-area-inset-bottom, 0px)); border-radius: 22px 22px 0 0; box-shadow: 0 -14px 36px rgba(15, 23, 42, 0.2); transform: translateY(105%); transition: transform 0.22s ease; overflow-y: auto; }
    .deli-cart-page .cart-mobile-summary-sheet.is-open .cart-mobile-summary-panel { transform: translateY(0); }
    .deli-cart-page .cart-mobile-summary-head { padding: 0 0 14px; border-bottom: 1px solid #EEF2F5; }
    .deli-cart-page .cart-mobile-summary-lines { padding: 14px 0 0; }
}

@media (max-width: 575.98px) {
    .deli-cart-page .cart-list-head { margin-bottom: 12px; padding: 0; }
    .deli-cart-page .cart-list-head h3 { font-size: 19px; }
    .deli-cart-page .cart-shop-head { align-items: flex-start; margin: 0 16px; padding: 16px 0 12px; }
    .deli-cart-page .cart-shop-head a { max-width: 64%; }
    .deli-cart-page .cart-shop-head span { max-width: 36%; overflow: hidden; text-overflow: ellipsis; }
    .deli-cart-page .cart-item-row {
        grid-template-columns: 86px minmax(0, 1fr) auto;
        grid-template-rows: auto auto auto;
        column-gap: 12px;
        row-gap: 9px;
        align-items: center;
        min-height: 132px;
        padding: 14px 16px;
    }
    .deli-cart-page .cart-product-cell,
    .deli-cart-page .cart-product-info { display: contents; }
    .deli-cart-page .cart-product-img {
        grid-column: 1;
        grid-row: 1 / 4;
        width: 86px;
        height: 100px;
        align-self: stretch;
        overflow: visible;
    }
    .deli-cart-page .cart-product-name {
        grid-column: 2 / 4;
        grid-row: 1;
        min-width: 0;
        margin: 0;
        font-size: 14px;
        line-height: 18px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
    }
    .deli-cart-page .cart-product-meta {
        grid-column: 2;
        grid-row: 2;
        min-width: 0;
        display: -webkit-box;
        max-height: 36px;
        overflow: hidden;
        color: #64748B;
        font: 500 12px/18px Arial, Helvetica, sans-serif;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
    .deli-cart-page .cart-product-meta > span:not(.cart-product-stock) {
        display: inline;
        min-width: 0;
        min-height: 0;
        max-width: none;
        padding: 0;
        border-radius: 0;
        background: transparent;
        overflow: visible;
        white-space: normal;
        font: inherit;
    }
    .deli-cart-page .cart-product-variant.has-next-variant::after { content: ", "; }
    .deli-cart-page .cart-product-color {
        display: inline !important;
        max-width: none !important;
    }
    .deli-cart-page .cart-product-color i {
        width: 10px;
        height: 10px;
        margin-left: 3px;
        vertical-align: -1px;
    }
    .deli-cart-page .cart-product-attrs {
        display: inline;
    }
    .deli-cart-page .cart-product-attrs span {
        display: inline;
        min-height: 0;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        color: inherit;
        font: inherit;
    }
    .deli-cart-page .cart-product-stock { display: none !important; }
    .deli-cart-page .cart-qty-cell {
        grid-column: 3;
        grid-row: 2;
        justify-content: flex-end;
    }
    .deli-cart-page .cart-qty-box {
        width: 88px;
        height: 32px;
        grid-template-columns: 28px 1fr 28px;
    }
    .deli-cart-page .cart-qty-box .cart-reducing,
    .deli-cart-page .cart-qty-box .cart-adding {
        width: 28px;
        height: 30px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 12px;
    }
    .deli-cart-page .cart-qty-box .qttotal1 { font-size: 13px; }
    .deli-cart-page .cart-price-cell {
        grid-column: 2;
        grid-row: 3;
        min-width: 0;
        display: grid;
        justify-items: start;
        gap: 6px;
        text-align: left;
    }
    .deli-cart-page .cart-price-cell strong { font-size: 16px; }
    .deli-cart-page .cart-price-extra {
        width: 100%;
        min-height: 20px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }
    .deli-cart-page .cart-price-extra del { display: none; }
    .deli-cart-page .cart-remove-cell {
        grid-column: 3;
        grid-row: 3;
        align-self: center;
        justify-content: flex-end;
    }
    .deli-cart-page .cart-remove { width: 30px; height: 30px; font-size: 16px; }
    .deli-cart-page .cart-unavailable-head { padding: 0 16px; }
    .deli-cart-page .cart-unavailable-row { grid-template-columns: 84px minmax(0, 1fr) 32px; gap: 12px; padding: 14px 16px; }
    .deli-cart-page .cart-unavailable-img { width: 84px; height: 70px; }
    .deli-cart-page .cart-unavailable-price { grid-column: 2; justify-items: start; }
    .deli-cart-page .cart-unavailable-remove { grid-column: 3; grid-row: 1 / 3; align-self: center; }
    .deli-cart-page .cart-shop-footer { padding: 12px 16px; }
    .deli-cart-page .cart-summary-panel { padding: 16px; }
    .deli-cart-page .cart-summary-total { align-items: flex-start; }
    .deli-cart-page .cart-summary-total strong { font-size: 20px; }
}

/* ── Checkout: DP balance banner ── */
.deli-checkout-page .checkout-review-sp-balance {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 7px 14px;
    margin-bottom: 10px;
    background: var(--deli-purple-light, #E9F7F5);
    border-radius: 8px;
    border-left: 3px solid var(--primary-color);
    color: #1E3A5F;
    font: 600 13px/1.4 Helvetica, sans-serif;
}
.deli-checkout-page .checkout-review-sp-balance i { color: #3B82F6; font-size: 13px; }
.deli-checkout-page .checkout-review-sp-balance strong { color: #F2672D; }

/* ── Checkout: shop coupon summary (Voucher giảm: X) ── */
.deli-checkout-page .checkout-review-shop-coupon-summary {
    display: none !important;
    align-items: center;
    gap: 6px;
    padding: 5px 0 2px;
    font: 500 12px/1.4 Helvetica, sans-serif;
    color: #0B8F78;
}
.deli-checkout-page .checkout-review-shop-coupon-summary strong {
    font-weight: 700;
}

/* ── Checkout: DP input placeholder ── */
.deli-checkout-page .use-shopping-point-item-input::placeholder {
    color: #94A3B8;
    font-size: 11px;
}

/* ── Checkout: Shop group card separation ── */
.deli-checkout-page .checkout-review-shop-group {
    margin-bottom: 20px !important;
    border: 1.5px solid #C8D6EC !important;
    border-radius: 12px !important;
    overflow: visible !important;
    background: #F8FAFD !important;
    box-shadow: 0 3px 14px rgba(15, 23, 42, 0.08) !important;
}
.deli-checkout-page .checkout-review-shop-group:last-child {
    margin-bottom: 0 !important;
}
.deli-checkout-page .checkout-review-shop-head {
    background: var(--deli-purple-light, #E9F7F5) !important;
    border-bottom: 1.5px solid #CFEAE5 !important;
}
.deli-checkout-page .checkout-review-shop-head i {
    background: rgba(var(--primary-color-rgb, 59, 130, 246), 0.08) !important;
}
/* Products inside group: add horizontal margin so they float within the card */
.deli-checkout-page .checkout-review-shop-group .checkout-review-product {
    margin-left: 12px !important;
    margin-right: 12px !important;
    margin-top: 12px !important;
}
.deli-checkout-page .checkout-review-shop-group .checkout-review-product:last-of-type {
    margin-bottom: 12px !important;
}
/* Coupon row (direct child of group, not product-row) */
.deli-checkout-page .checkout-review-shop-group > .shop-coupon.checkout-review-shop-coupon {
    background: #fff !important;
    border-bottom: 1px solid #E4EDFB !important;
}

/* ── Checkout: Section heading icon/title alignment ── */
.deli-checkout-page .checkout-contact-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    width: auto !important;
    height: auto !important;
    transform: none !important;
}
.deli-checkout-page .checkout-contact-icon i {
    display: block !important;
    font-size: 18px !important;
    line-height: 1 !important;
    vertical-align: unset !important;
    position: relative !important;
    top: -2px !important;
}
.deli-checkout-page .checkout-contact-heading .title,
.deli-checkout-page .checkout-review-heading .title,
.deli-checkout-page .checkout-payment-heading .title {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important;
}

/* ==========================================================================
   SEARCH RESULT PAGE
   ========================================================================== */
#deliSearchPage.deli-search-page { background: #F8FAFB; color: #0F172A; font-family: Arial, Helvetica, sans-serif; min-height: 100vh; }
#deliSearchPage :where(p, a, span, button, select, input, div, li, strong, strike) { font-family: Arial, Helvetica, sans-serif !important; letter-spacing: 0; }
.deli-search-breadcrumb-wrap { background-color: var(--primary-background); padding: 8px 0; overflow: hidden; }
.deli-search-breadcrumb-wrap .deli-page-container { display: block; min-width: 0; }
.deli-search-breadcrumb-wrap nav { min-width: 0; overflow: hidden; }
.deli-search-breadcrumb-wrap .deli-breadcrumb { max-width: 100%; min-width: 0; white-space: nowrap; }
.deli-search-layout { display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: 28px; align-items: start; }
.deli-search-sidebar-card, .deli-search-toolbar, .deli-search-filterbar, .deli-search-pagination-card { background: #ffffff; border: 1px solid #E8EEF3; border-radius: 8px; box-shadow: 0 8px 22px rgba(15, 23, 42, 0.04); }
.deli-search-sidebar-card { overflow: hidden; }
.deli-search-sidebar-head { padding: 18px 18px 12px; color: #0F172A; font: 700 15px/1.3 Helvetica, Arial, sans-serif; }
.category-sidebar { padding: 6px 10px 12px; }
.category-sidebar li a { display: flex; align-items: center; gap: 10px; min-height: 38px; padding: 9px 10px; border-left: 3px solid transparent; border-radius: 8px; color: #334155 !important; font: 500 13px/1.35 Helvetica, Arial, sans-serif; text-decoration: none; transition: color .18s ease, background-color .18s ease, padding-left .18s ease, border-color .18s ease; }
.category-sidebar li a::before { content: "\f1ad"; width: 16px; color: #64748B; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 12px; text-align: center; }
.category-sidebar li:hover a, .category-sidebar li.is-active a { background-color: #E9F7F5; color: var(--primary-color, #27AE96) !important; padding-left: 14px !important; border-left-color: var(--primary-color, #27AE96); }
.category-sidebar li:hover a::before, .category-sidebar li.is-active a::before { color: var(--primary-color, #27AE96); }
.deli-search-ad-card { display: block; margin-top: 16px; border-radius: 8px; overflow: hidden; border: 1px solid #E8EEF3; background: #ffffff; box-shadow: 0 8px 22px rgba(15, 23, 42, 0.04); }
.deli-search-ad-card img { display: block; width: 100%; height: auto; }
.deli-search-content { min-width: 0; }
.deli-search-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 16px 18px; margin-bottom: 16px; }
#deliSearchPage .deli-search-title-heading { display: block !important; margin: 0 !important; padding: 0 !important; color: #0F172A !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 24px !important; font-style: normal !important; font-weight: 700 !important; line-height: 1.22 !important; letter-spacing: 0 !important; text-transform: none !important; text-shadow: none !important; }
#deliSearchPage .deli-search-title p { margin: 5px 0 0 !important; color: #64748B !important; font: 500 13px/1.4 Arial, Helvetica, sans-serif !important; }
.deli-search-filterbar { display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 14px; margin-bottom: 16px; }
.deli-search-filter-left { display: inline-flex; align-items: center; gap: 12px; min-width: 0; }
.deli-search-filter-pagination { display: inline-flex; align-items: center; gap: 12px; margin-left: auto; flex-shrink: 0; }
.deli-search-filter-label { color: #64748B; font: 600 13px/1.3 Helvetica, Arial, sans-serif; }
#deliSearchPage .filter-sort-group { border-radius: 8px; padding: 0; border: 1px solid #E2E8F0; overflow: hidden; background: #ffffff; }
#deliSearchPage .filter-sort-group .btn-filter-sort, #deliSearchPage .deli-search-filterbar .btn-filter-sort { min-height: 34px; border-radius: 0 !important; padding: 7px 16px !important; color: #334155; font: 700 13px/1 Helvetica, Arial, sans-serif !important; box-shadow: none !important; }
#deliSearchPage .filter-sort-group .btn-filter-sort + .btn-filter-sort { border-left: 1px solid #E2E8F0 !important; }
#deliSearchPage .deli-mobile-price-sort { display: none !important; align-items: center !important; justify-content: center !important; gap: 5px !important; text-align: center !important; }
#deliSearchPage .deli-mobile-price-sort i { font-size: 10px; line-height: 1; }
#deliSearchPage .btn-outline-secondary:hover { background-color: #E9F7F5; color: var(--primary-color, #27AE96) !important; }
#deliSearchPage .btn-filter-active { background-color: var(--primary-color, #27AE96) !important; color: #ffffff !important; }
.deli-search-price-sort-desktop { width: 210px; flex: 0 0 210px; }
.deli-search-price-sort-desktop .dropdown-trigger { height: 38px; border-radius: 8px; padding: 0 16px; }
.deli-search-grid { margin-left: -8px; margin-right: -8px; }
.deli-search-grid > [class*="col-"] { padding-left: 8px; padding-right: 8px; margin-bottom: 16px !important; }
.deli-search-grid .product-card { min-height: 306px; border-color: #E3EAF1 !important; border-radius: 8px !important; box-shadow: none !important; }
.deli-search-grid .product-card:hover { border-color: var(--primary-color, #27AE96) !important; box-shadow: 0 10px 22px rgba(15, 23, 42, 0.08) !important; transform: translateY(-2px); }
.deli-search-grid .product-img-box { background: #F3F6F8 !important; background-repeat: no-repeat !important; background-position: center !important; background-size: contain !important; }
.deli-search-grid .product-img-box img { object-fit: contain !important; padding: 10px !important; background: transparent !important; }
.deli-search-grid .product-name { background: transparent !important; color: #0F172A !important; font: 700 13px/1.35 Helvetica, Arial, sans-serif !important; letter-spacing: 0 !important; text-transform: none !important; }
.deli-search-grid .product-card > div, .deli-search-grid .product-card .p-2, .deli-search-grid .product-card .product-name { background-color: #ffffff !important; }
.deli-search-pagination-card { display: inline-flex; align-items: center; min-height: 46px; padding: 7px 10px; }
#deliSearchPage .pagination, #deliSearchPage .deli-search-pagination-card .pagination { display: inline-flex !important; align-items: center !important; gap: 6px !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; }
#deliSearchPage .pagination .page-item { display: inline-flex !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; list-style: none !important; }
#deliSearchPage .pagination .page-item::before { display: none !important; content: none !important; }
#deliSearchPage .pagination .page-link { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 34px !important; height: 34px !important; min-width: 34px !important; margin: 0 !important; padding: 0 !important; border: 1px solid #E3EAF1 !important; border-radius: 7px !important; background: #ffffff !important; color: #0F172A !important; font: 700 13px/1 Arial, Helvetica, sans-serif !important; box-shadow: none !important; text-decoration: none !important; transition: background-color .18s ease, border-color .18s ease, color .18s ease, transform .18s ease; }
#deliSearchPage .pagination .page-link i, #deliSearchPage .pagination .page-link svg { width: 11px; height: 11px; font-size: 11px; color: currentColor; }
#deliSearchPage .pagination .page-item:not(.active):not(.disabled) .page-link:hover { border-color: var(--primary-color, #27AE96) !important; background: #E9F7F5 !important; color: var(--primary-color, #27AE96) !important; transform: none !important; }
#deliSearchPage .pagination .page-item.active .page-link { border-color: var(--primary-color, #27AE96) !important; background: var(--primary-color, #27AE96) !important; color: #ffffff !important; box-shadow: 0 6px 14px rgba(39, 174, 150, 0.22) !important; }
#deliSearchPage .pagination .page-item.disabled { background: transparent !important; border: 0 !important; box-shadow: none !important; opacity: 1 !important; }
#deliSearchPage .pagination .page-item.disabled .page-link { border-color: #E6EDF3 !important; background: #ffffff !important; color: #B6C2CE !important; opacity: 1 !important; cursor: not-allowed !important; }
.deli-search-top-pagination { display: flex; align-items: center; gap: 12px; flex-shrink: 0; }
.deli-search-page-indicator { color: #64748B; font: 600 13px/1.35 Helvetica, Arial, sans-serif; white-space: nowrap; }

@media (max-width: 991.98px) {
    .deli-search-breadcrumb-wrap { padding: 9px 0; }
    .deli-search-breadcrumb-wrap .deli-page-container { width: calc(100% - 32px) !important; max-width: none !important; margin-left: auto !important; margin-right: auto !important; }
    .deli-search-breadcrumb-wrap .deli-breadcrumb { display: flex !important; overflow-x: auto; }
    .deli-search-layout { display: block; }
    .deli-search-toolbar { align-items: flex-start; }
    .deli-search-price-sort-desktop, .deli-search-filter-pagination { display: none !important; }
    .deli-search-bottom-pagination { display: flex !important; }
    .deli-search-filterbar { overflow-x: auto; padding: 0; border-radius: 8px; border: 1px solid #E8EEF3; box-shadow: none; background: #ffffff; -ms-overflow-style: none; scrollbar-width: none; }
    .deli-search-filterbar::-webkit-scrollbar { display: none; }
    .deli-search-filter-left { width: max-content; min-width: 100%; gap: 0; }
    .deli-search-filter-label { display: none; }
    .deli-search-pagination-card{display:flex;justify-content:center;align-items:center;width:fit-content;margin:40px auto 20px;padding:8px 10px;background:#fff;border:1px solid #dfe7ef;border-radius:10px;box-shadow:0 8px 24px rgba(15,23,42,.06);}
    .deli-search-pagination-card:empty{display:none;}
    .deli-search-pagination-card .pagination{display:flex;gap:6px;margin:0;padding:0;}
    .deli-search-pagination-card .page-item{margin:0;}
    .deli-search-pagination-card .page-link{min-width:34px;height:34px;display:flex;align-items:center;justify-content:center;padding:0;border:1px solid #dfe7ef;border-radius:8px;background:#fff;color:#0f172a;font-size:14px;line-height:1;text-decoration:none;}
    .deli-search-pagination-card .page-item.active .page-link{background:#22b39b;border-color:#22b39b;color:#fff;}
    .deli-search-pagination-card .page-item.disabled .page-link{opacity:.45;pointer-events:none;}
    #deliSearchPage .filter-sort-group { display: grid; grid-template-columns: repeat(4, minmax(86px, 1fr)); width: 100%; min-width: 430px; border: 0; border-radius: 8px; overflow: hidden; }
    #deliSearchPage .deli-mobile-price-sort { display: inline-flex !important; }
    #deliSearchPage .filter-sort-group .btn-filter-sort, #deliSearchPage .deli-search-filterbar .btn-filter-sort, #deliSearchPage .deli-mobile-price-sort { min-height: 44px; height: 44px; border: 0 !important; background: #ffffff !important; color: #0F172A !important; font: 600 13px/1 Arial, Helvetica, sans-serif !important; padding: 0 10px !important; align-items: center !important; justify-content: center !important; white-space: nowrap !important; }
    #deliSearchPage .filter-sort-group .btn-filter-sort:first-child { border-radius: 8px 0 0 8px !important; }
    #deliSearchPage .filter-sort-group .deli-mobile-price-sort { border-radius: 0 8px 8px 0 !important; }
    #deliSearchPage .filter-sort-group .btn-filter-sort + .btn-filter-sort, #deliSearchPage .filter-sort-group .deli-mobile-price-sort { border-left: 1px solid #EEF2F6 !important; }
    #deliSearchPage .filter-sort-group .btn-filter-active, #deliSearchPage .filter-sort-group .deli-mobile-price-sort.is-active { position: relative; background: #ffffff !important; color: var(--deli-orange, #E67F66) !important; }
    #deliSearchPage .filter-sort-group .btn-filter-active::after, #deliSearchPage .filter-sort-group .deli-mobile-price-sort.is-active::after { content: ""; position: absolute; left: 22%; right: 22%; bottom: 0; height: 2px; background: var(--deli-orange, #E67F66); }
}

@media (max-width: 575.98px) {
    .deli-search-page { padding-top: 0 !important; }
    #deliSearchPage .deli-search-title-heading { font-size: 20px !important; line-height: 1.25 !important; }
    #deliSearchPage .filter-sort-group { min-width: 360px; }
}

.deli-search-filter-pagination .deli-search-pagination-card{margin:0;padding:0;background:transparent;border:0;box-shadow:none;min-height:0;}
.deli-search-filter-pagination .deli-search-pagination-card:empty{display:none!important;}
.deli-search-bottom-pagination .deli-search-pagination-card{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:7px 10px;background:#fff;border:1px solid #E8EEF3;border-radius:8px;box-shadow:0 8px 22px rgba(15,23,42,.04);}
.deli-search-bottom-pagination .deli-search-pagination-card:empty{display:none!important;}
@media(max-width:991.98px){.deli-search-filter-pagination{display:none!important;}.deli-search-bottom-pagination{display:flex!important;}.deli-search-bottom-pagination .deli-search-pagination-card{width:fit-content;margin:40px auto 20px;padding:8px 10px;}}
/* ── Checkout: Applied admin coupon display ── */
/* ── Checkout: Applied admin coupon chip ── */
.deli-checkout-page #applied-coupon-display { margin-bottom: 10px; }
.deli-checkout-page #applied-coupon-display.d-none { display: none !important; }
.deli-checkout-page .checkout-voucher-trigger {
    width: 100%;
    min-height: 46px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto 18px;
    align-items: center;
    gap: 10px;
    margin: 0;
    padding: 0 2px;
    border: 0;
    background: transparent;
    color: var(--text-main, #0F172A);
    text-align: left;
    cursor: pointer;
}

.deli-checkout-page .checkout-voucher-trigger-title,
.deli-checkout-page .checkout-voucher-trigger-code {
    min-width: 0;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font: 700 14px/1.25 Helvetica, Arial, sans-serif;
    white-space: nowrap;
}

.deli-checkout-page .checkout-voucher-trigger-title i {
    color: var(--deli-orange);
    font-size: 15px;
}

.deli-checkout-page .checkout-voucher-trigger-code {
    max-width: 130px;
    justify-content: flex-end;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--primary-color);
}

.deli-checkout-page .checkout-voucher-trigger-code.is-empty {
    color: #64748B;
    font-weight: 600;
}

.deli-checkout-page .checkout-voucher-trigger-arrow {
    color: #94A3B8;
    font-size: 13px;
}

.deli-checkout-page .checkout-voucher-popup {
    position: fixed;
    top: 0;
    right: 0;
    bottom: calc(181px + env(safe-area-inset-bottom, 0px));
    left: 0;
    z-index: 5070;
    display: none;
    align-items: flex-end;
    justify-content: center;
    background: rgba(15, 23, 42, 0.44);
}

.deli-checkout-page .checkout-voucher-popup.is-open {
    display: flex;
}

.deli-checkout-page .checkout-voucher-popup-panel {
    width: min(520px, 100%);
    min-height: 250px;
    max-height: min(62vh, 480px);
    padding: 0 20px 20px;
    border-radius: 16px 16px 0 0;
    background: #ffffff;
    box-shadow: 0 -14px 36px rgba(15, 23, 42, 0.18);
    overflow-y: auto;
}

.deli-checkout-page .checkout-voucher-popup-head {
    position: sticky;
    top: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 58px;
    margin: 0 -20px 16px;
    padding: 0 58px;
    border-bottom: 1px solid #EEF2F5;
    background: #ffffff;
}

.deli-checkout-page .checkout-voucher-popup-head h5 {
    margin: 0;
    color: var(--text-main, #0F172A) !important;
    font: 800 20px/1.2 Helvetica, Arial, sans-serif !important;
}

.deli-checkout-page .checkout-voucher-popup-close {
    position: absolute;
    right: 12px;
    top: 10px;
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: #64748B;
    font-size: 20px;
    cursor: pointer;
}

@media (min-width: 992px) {
    .deli-checkout-page .checkout-summary-close,
    .deli-checkout-page .checkout-summary-toggle-icon,
    .deli-checkout-page .checkout-voucher-trigger,
    .deli-checkout-page .checkout-voucher-popup-head {
        display: none !important;
    }

    .deli-checkout-page .checkout-voucher-popup {
        position: static !important;
        inset: auto !important;
        z-index: auto !important;
        display: block !important;
        background: transparent !important;
    }

    .deli-checkout-page .checkout-voucher-popup-panel {
        width: 100% !important;
        min-height: 0 !important;
        max-height: none !important;
        padding: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        overflow: visible !important;
    }

    .deli-checkout-page .checkout-summary-total-row {
        cursor: default !important;
    }
}

.deli-checkout-page .checkout-coupon-chip {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 5px 7px 5px 11px;
    background: #DCFCE7;
    border: 1px solid #86EFAC;
    border-radius: 999px;
    color: #166534;
    font: 600 12px/1 Helvetica, sans-serif;
    max-width: 100%;
}

.deli-checkout-page .checkout-coupon-chip > i {
    color: #16A34A;
    font-size: 11px;
    flex-shrink: 0;
}

.deli-checkout-page .checkout-coupon-chip > span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 2px;
}

.deli-checkout-page .checkout-coupon-chip #coupon_code_text {
    display: inline-block;
    margin-left: 2px;
    margin-right: 2px;
    padding: 5px;
}

.deli-checkout-page .checkout-coupon-chip-remove {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: none;
    background: rgba(22, 101, 52, 0.15);
    color: #166534;
    font-size: 9px;
    cursor: pointer;
    padding: 0;
    line-height: 1;
    transition: background 0.15s, color 0.15s;
}

.deli-checkout-page .checkout-coupon-chip-remove:hover {
    background: #FCA5A5;
    color: #DC2626;
}

@media (max-width: 1199.98px) {
    #deliSearchPage .deli-search-filter-pagination {
        display: none !important;
    }
}

/* Cart quantity control */
.cart-breadcrumb-wrap { background-color: var(--primary-background); }
.cart-breadcrumb-container, .cart-breadcrumb-column { min-width: 0; }
.cart-breadcrumb-nav { min-width: 0; overflow: hidden; }
.cart-breadcrumb-current { max-width: 200px; vertical-align: bottom; }

.deli-cart-page .cart-global-state-slot { width: 100%; }
.deli-cart-page .cart-global-empty-state { width: 100%; min-height: 430px; padding: 48px 16px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.deli-cart-page .cart-global-empty-state > img { display: block !important; width: 120px !important; height: 120px !important; min-width: 120px !important; max-width: 120px !important; min-height: 120px !important; max-height: 120px !important; object-fit: contain !important; flex: 0 0 120px !important; margin: 0 0 24px !important; opacity: 0.5; }
.deli-cart-page .cart-empty-title { display: block; margin: 0 0 16px; }
.deli-cart-page .cart-no-available-title { margin-bottom: 8px; }
.deli-cart-page .cart-empty-description { display: block; margin: 0 0 20px; }
.deli-cart-page .cart-empty-action { background-color: var(--primary-color); color: #fff !important; }

.deli-cart-page .cart-mobile-summary-panel,
.deli-cart-page .cart-mobile-summary-panel * { font-family: Arial, Helvetica, sans-serif !important; }
.deli-cart-page .cart-mobile-summary-head h4 { font-size: 20px !important; font-weight: 700 !important; line-height: 1.25 !important; }
.deli-cart-page .cart-mobile-summary-line > span { font-size: 14px !important; font-weight: 400 !important; }
.deli-cart-page .cart-mobile-summary-line > strong { font-size: 14px !important; font-weight: 700 !important; }
.deli-cart-page .cart-mobile-summary-final > span { font-size: 15px !important; font-weight: 700 !important; }
.deli-cart-page .cart-mobile-summary-final > span small { font-size: 10px !important; font-weight: 400 !important; }
.deli-cart-page .cart-mobile-summary-final > strong { font-size: 22px !important; font-weight: 700 !important; }

.deli-cart-page .cart-remove-confirm { position: fixed; inset: 0; z-index: 6000; display: none; align-items: center; justify-content: center; padding: 20px; }
.deli-cart-page .cart-remove-confirm-backdrop { position: absolute; inset: 0; width: 100%; height: 100%; padding: 0; border: 0; background: rgba(15, 23, 42, 0.55); }
.deli-cart-page .cart-remove-confirm-dialog { position: relative; z-index: 1; width: min(100%, 400px); padding: 24px; border-radius: 12px; background: #fff; box-shadow: 0 20px 50px rgba(15, 23, 42, 0.25); text-align: center; font-family: Arial, Helvetica, sans-serif; }
.deli-cart-page .cart-remove-confirm-icon { width: 48px; height: 48px; display: inline-flex; align-items: center; justify-content: center; margin-bottom: 14px; border-radius: 50%; background: #FFF1ED; color: var(--deli-orange); font-size: 22px; }
.deli-cart-page .cart-remove-confirm-dialog h4 { margin: 0 0 8px; color: #0F172A; font: 700 18px/1.3 Arial, Helvetica, sans-serif; }
.deli-cart-page .cart-remove-confirm-dialog p { margin: 0 0 22px; color: #64748B; font: 400 14px/1.5 Arial, Helvetica, sans-serif; }
.deli-cart-page .cart-remove-confirm-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.deli-cart-page .cart-remove-confirm-actions button { height: 42px; border-radius: 8px; font: 700 14px Arial, Helvetica, sans-serif; }
.deli-cart-page .cart-remove-confirm-cancel { border: 1px solid #D8E0E8; background: #fff; color: #334155; }
.deli-cart-page .cart-remove-confirm-submit { border: 1px solid var(--deli-orange); background: var(--deli-orange); color: #fff; }

.deli-cart-page .cart-qty-box { display: inline-flex; align-items: center; justify-content: center; width: 98px; height: 36px; margin: 0; padding: 0; overflow: hidden; box-sizing: border-box; border: 1px solid #D9E3EF; border-radius: 6px; background: #fff; }
.deli-cart-page .cart-qty-box .cart-reducing, .deli-cart-page .cart-qty-box .cart-adding { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 100%; margin: 0; padding: 0; box-sizing: border-box; color: #001A41; font: 700 16px/1 Helvetica, Arial, sans-serif; cursor: pointer; user-select: none; }
.deli-cart-page .cart-qty-box .qttotal1 { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 100%; margin: 0; padding: 0; box-sizing: border-box; color: #001A41; font: 700 14px/1 Helvetica, Arial, sans-serif; }
.deli-cart-page .cart-qty-box .cart-reducing i, .deli-cart-page .cart-qty-box .cart-adding i { display: block; margin: 0; padding: 0; line-height: 1; }

@media (max-width: 575.98px) {
    .deli-cart-page .cart-qty-box { width: 88px; height: 32px; }
    .deli-cart-page .cart-qty-box .cart-reducing,
    .deli-cart-page .cart-qty-box .cart-adding { width: 28px; font-size: 13px; }
    .deli-cart-page .cart-qty-box .qttotal1 { width: 32px; font-size: 13px; }
}

.modal-header {
    border: none !important;
    padding: 16px 24px 8px !important;
    position: relative;
    display: flex !important;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
}

.modal-header .close {
    width: 32px;
    height: 32px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    flex-shrink: 0;
    border-radius: 50%;
    background: #f8fafc;
    color: #64748b;
    border: 1px solid #e2e8f0;
    opacity: 1 !important;
    padding: 0;
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    cursor: pointer;
    outline: none;
}

.modal-header .close:hover,
.modal-header .close:focus {
    background: #ef4444 !important;
    color: #ffffff !important;
    border-color: #ef4444 !important;
    transform: rotate(90deg);
    box-shadow: 0 4px 12px rgba(239, 68, 68, 0.25);
}

.modal-header .close span,
.modal-header .close i {
    display: inline-block;
    color: inherit;
    font-size: 16px;
    line-height: 1;
}

.modal-header .close i {
    transform: translateY(0.5px);
}

.modal-header .close span {
    transform: translateY(-1px);
}

#comment-log-reg .modal-header {
    padding: 12px 14px 0 !important;
    justify-content: flex-end;
}

#comment-log-reg .modal-header .close {
    width: 36px;
    height: 36px;
    background: #ffffff;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.08);
}

#comment-log-reg .modal-header .close:hover,
#comment-log-reg .modal-header .close:focus {
    background: #ef4444 !important;
    color: #ffffff !important;
    border-color: #ef4444 !important;
    transform: rotate(90deg);
}

#track-order-modal .modal-header { border: none !important; padding: 11px 15px 0px !important; }