/* ==========================================================================
   Premium storefront theme — loaded LAST (after layout1.css / home.css)
   Brand: orange #fc630a on deep navy #0f134f, warm neutral surfaces.
   ========================================================================== */
:root{
    --brand:#fc630a;
    --brand-dark:#d94f00;
    --brand-soft:#fff1e8;
    --navy:#0f134f;
    --navy-deep:#0a0d38;
    --ink:#1a1d29;
    --muted:#6b7080;
    --line:#ececf1;
    --surface:#ffffff;
    --bg:#f6f6f9;
    --radius:14px;
    --shadow-sm:0 1px 3px rgba(15,19,79,.06),0 1px 2px rgba(15,19,79,.04);
    --shadow-md:0 10px 30px -10px rgba(15,19,79,.18);
}
body.cnt-home{ background:var(--bg); color:var(--ink); -webkit-font-smoothing:antialiased; }
body.cnt-home .bg-header, body.cnt-home header{ background:transparent; }
a{ transition:color .2s ease; }

/* ---------- Announcement bar ---------- */
.topbar{ background:var(--navy); color:#d9dbf0; font-size:13px; letter-spacing:.2px; }
.topbar .container{ display:flex; justify-content:space-between; align-items:center; min-height:38px; gap:16px; }
.topbar a{ color:#fff; font-weight:600; }
.topbar a:hover{ color:var(--brand); text-decoration:none; }
.topbar .tb-left i, .topbar .tb-right i{ color:var(--brand); margin-right:6px; }
.topbar .tb-right a + a{ margin-left:22px; }
@media(max-width:767px){ .topbar .tb-right{ display:none; } .topbar .container{ justify-content:center; text-align:center; } }

/* ---------- Header ---------- */
.header-style-1 .main-header{
    background:var(--surface); border-bottom:1px solid var(--line); padding:12px 0;
}
.main-header .logo{ margin-top:0; }
.main-header .logo-holder{ margin-top:0; display:flex; align-items:center; }
.main-header .logo img{ max-width:130px !important; margin-top:0 !important; }
.main-header .top-search-holder{ display:flex; align-items:center; }
.main-header .top-search-holder .search-area{ margin:0; width:100%; background:transparent; }
.main-header .top-search-holder .search-area .control-group{
    position:relative; display:flex; align-items:center; background:var(--bg);
    border:1.5px solid transparent; border-radius:999px; padding:4px 4px 4px 20px;
    transition:border-color .2s, box-shadow .2s, background .2s;
}
.main-header .top-search-holder .search-area .control-group:focus-within{
    background:#fff; border-color:var(--brand); box-shadow:0 0 0 4px rgba(252,99,10,.12);
}
.main-header .top-search-holder .search-area .search-field{
    flex:1; width:auto; border:0; background:transparent; color:var(--ink);
    padding:10px 6px; font-size:14.5px; border-radius:0;
}
.main-header .top-search-holder .search-area .search-field::placeholder{ color:#9a9eb0; }
.main-header .top-search-holder .search-area .search-button{
    position:static; width:42px; height:42px; border-radius:50%; border:0;
    background:var(--brand); display:flex; align-items:center; justify-content:center;
    transition:background .2s, transform .2s; flex:none;
}
.main-header .top-search-holder .search-area .search-button:hover{ background:var(--brand-dark); transform:scale(1.05); }
.main-header .top-search-holder .search-area .search-button:after{ display:none; }
.main-header .top-search-holder .search-area .search-button img{ width:18px; filter:brightness(0) invert(1); }

.cart-social ul.jd_left_header{ display:flex; justify-content:flex-end; align-items:center; gap:6px; margin:0; padding:0; list-style:none; }
.cart-social ul.jd_left_header li{ padding:0; }
.cart-social ul.jd_left_header li > a{
    display:inline-flex; align-items:center; gap:8px; padding:10px 16px; border-radius:999px;
    color:var(--ink); font-weight:600; font-size:14px; transition:background .2s,color .2s;
}
.cart-social ul.jd_left_header li > a:hover{ background:var(--brand-soft); color:var(--brand); text-decoration:none; }
.cart-social ul.jd_left_header li > a i{ color:var(--brand); }
.dropdown-cart > a{ background:var(--navy); color:#fff !important; }
.dropdown-cart > a i{ color:#fff !important; }
.dropdown-cart > a:hover{ background:var(--brand) !important; }
.dropdown-cart .badge, .cart_ount_badge{
    background:var(--brand); color:#fff; border-radius:999px; font-size:11px; font-weight:700; min-width:20px; padding:3px 6px;
}
.dropdown-cart > a:hover .badge{ background:#fff; color:var(--brand); }

/* Nav bar */
.header-style-1 .header-nav{ background:var(--navy) !important; border:0; box-shadow:0 6px 18px -8px rgba(15,19,79,.5); }
.header-nav.sticky, #navbar.sticky{ box-shadow:0 8px 24px -8px rgba(15,19,79,.55); }
.cnt-home .header-style-1 .header-nav .navbar .navbar-nav > li > a{
    color:#e7e8f6; font-weight:600; font-size:14px; letter-spacing:.3px; text-transform:none;
    padding:16px 20px; transition:color .2s, background .2s;
}
.cnt-home .header-style-1 .header-nav .navbar .navbar-nav > li > a i{ color:var(--brand); margin-right:6px; }
.cnt-home .header-style-1 .header-nav .navbar .navbar-nav > li > a:hover,
.cnt-home .header-style-1 .header-nav .navbar .navbar-nav > li:hover > a{ color:#fff; background:rgba(255,255,255,.08); }
.main_menu_before .dropdown .dp_menu{
    border:0; border-radius:12px; box-shadow:var(--shadow-md); padding:8px; background:#fff; overflow:hidden;
}
.main_menu_before .dropdown .dp_menu li a{ border-radius:8px; padding:9px 14px; color:var(--ink); }
.main_menu_before .dropdown .dp_menu li a:hover{ background:var(--brand-soft); color:var(--brand); }

/* ---------- Hero ---------- */
.hero-section{ padding-top:20px; }
.hero-section .homebanner-holder{ padding:0; }
.hero-section #hero{ border-radius:18px; overflow:hidden; box-shadow:var(--shadow-md); }
.hero-section #hero .item img{ display:block; }

/* ---------- Trust strip ---------- */
.trust-strip{ margin:22px 0 6px; }
.trust-strip .trust-grid{
    display:grid; grid-template-columns:repeat(4,1fr); gap:14px;
}
.trust-item{
    display:flex; align-items:center; gap:14px; background:var(--surface); border:1px solid var(--line);
    border-radius:var(--radius); padding:16px 18px; box-shadow:var(--shadow-sm); transition:transform .2s, box-shadow .2s;
}
.trust-item:hover{ transform:translateY(-2px); box-shadow:var(--shadow-md); }
.trust-item .ti-icon{
    flex:none; width:46px; height:46px; border-radius:12px; background:var(--brand-soft); color:var(--brand);
    display:flex; align-items:center; justify-content:center; font-size:19px;
}
.trust-item strong{ display:block; font-size:14.5px; color:var(--ink); line-height:1.25; }
.trust-item span{ display:block; font-size:12.5px; color:var(--muted); margin-top:2px; }
@media(max-width:991px){ .trust-strip .trust-grid{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:480px){ .trust-item{ padding:12px; gap:10px; } .trust-item .ti-icon{ width:38px; height:38px; font-size:16px; } .trust-item strong{ font-size:13px; } .trust-item span{ font-size:11.5px; } }

/* ---------- Section headings ---------- */
.flash_sale{ background:var(--surface) !important; border:1px solid var(--line); border-radius:18px !important; box-shadow:var(--shadow-sm); padding:10px !important; }
.flash_title{ color:var(--ink) !important; font-weight:800 !important; font-size:24px; letter-spacing:-.3px; position:relative; padding-left:14px; }
.flash_title::before{ content:""; position:absolute; left:0; top:15%; bottom:15%; width:4px; border-radius:4px; background:var(--brand); }
.flash_title_box{ padding:6px 8px; gap:10px; }
.button_outline, .cat_title .button_outline{
    color:var(--brand) !important; border:1.5px solid var(--brand) !important; border-radius:999px;
    padding:7px 18px !important; font-size:12.5px; font-weight:700 !important; letter-spacing:.6px; text-transform:uppercase;
    background:transparent; transition:all .2s;
}
.button_outline:hover{ background:var(--brand) !important; color:#fff !important; text-decoration:none; }
.cat_title{ text-align:left !important; display:flex; align-items:center; justify-content:space-between; padding:26px 4px 12px !important; font-size:24px !important; font-weight:800 !important; letter-spacing:-.3px; }
.cat_title::after{ display:none !important; }
.cat_title span{ background:transparent !important; padding:0 0 0 14px !important; position:relative; color:var(--ink); }
.cat_title span::before{ content:""; position:absolute; left:0; top:12%; bottom:12%; width:4px; border-radius:4px; background:var(--brand); }
.cat_title .button_outline{ position:static !important; }
.product_section_banner.btn_a{ border-radius:var(--radius); background:var(--brand-soft) !important; }
.clockdiv{ gap:6px; align-items:center; }
.clockdiv > div{ background:var(--navy); color:#fff; border-radius:8px; min-width:38px; text-align:center; padding:4px 6px; font-weight:700; }
.clockdiv > div.text{ background:transparent; color:var(--muted); }

/* ---------- Product cards ----------
   Card look comes from layout1.css / main.css (rounded image, price pill on the image edge,
   black order button). Only the inner image padding is removed here. */
body .product.product2 .product-image,
body .product.product2 .product-image .image img{ padding:0 !important; }

/* Carousel nav */
.owl-theme .owl-controls .owl-buttons div, .owl-buttons div{
    background:#fff !important; border-radius:50% !important; box-shadow:var(--shadow-md); color:var(--ink) !important; opacity:1 !important;
}

/* ---------- Categories ---------- */
.jd_cat_product{ padding:34px 0 10px; }
.jd_cat_product .section-title{ font-weight:800; font-size:26px; letter-spacing:-.3px; margin-bottom:18px; }
.product-category a{
    display:block; border-radius:18px; overflow:hidden; text-align:center; padding:10px 10px 14px;
    transition:transform .25s, box-shadow .25s;
}
.product-category a:hover{ transform:translateY(-4px); box-shadow:var(--shadow-md); text-decoration:none; }
.product-category .cat-title{ margin:10px 0 0; font-size:14px; font-weight:700; color:var(--ink); }
.product-category .image{ box-shadow:0 8px 18px -10px rgba(0,0,0,.35); }

/* ---------- Floating cart / back-to-top ---------- */
.cart_sidebar{ box-shadow:-10px 0 40px -10px rgba(15,19,79,.3) !important; }
.cart_sidebar .card-header{ background:var(--navy) !important; padding:14px 8px !important; }
.back-to-top{ background:var(--brand) !important; border-radius:50% !important; box-shadow:var(--shadow-md); }

/* ---------- Footer ---------- */
.newsletter-band{ background:linear-gradient(120deg,var(--brand) 0%,#ff8a3d 100%); color:#fff; padding:28px 0; margin-top:40px; }
.newsletter-band .container{ display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap; }
.newsletter-band h3{ margin:0 0 4px; font-weight:800; font-size:22px; }
.newsletter-band p{ margin:0; opacity:.92; }
.newsletter-band a.nb-btn{
    background:#fff; color:var(--brand); font-weight:800; border-radius:999px; padding:12px 28px; transition:transform .2s;
}
.newsletter-band a.nb-btn:hover{ transform:translateY(-2px); text-decoration:none; }

footer#footer, footer.footer{ background:var(--navy-deep) !important; color:#b9bcd6; margin-top:0; }
#footer .copyright-bar{ background:transparent !important; padding:56px 0 18px; }
#footer .f_item .text-light, #footer p{ color:#b9bcd6 !important; line-height:1.75; font-size:14px; }
#footer h4, #footer h4 b{ color:#fff !important; font-weight:700; font-size:16px; letter-spacing:.4px; position:relative; padding-bottom:12px; margin-bottom:18px; }
#footer h4::after{ content:""; position:absolute; left:0; bottom:0; width:34px; height:3px; border-radius:3px; background:var(--brand); }
#footer .service_col a, #footer .address_row .icon_content a, #footer .icon_content{
    color:#b9bcd6 !important; font-size:14px; transition:color .2s, padding-left .2s;
}
#footer .service_col a{ display:block; padding:6px 0; }
#footer .service_col a:hover{ color:#fff !important; padding-left:6px; text-decoration:none; }
#footer .address_row{ margin-bottom:14px; }
#footer .address_row .icon i{ color:var(--brand); }
#footer .address_row .icon_content a:hover{ color:#fff !important; }
#footer .social a.btn{
    width:40px; height:40px; border-radius:50%; background:rgba(255,255,255,.08) !important; color:#fff !important;
    display:inline-flex; align-items:center; justify-content:center; margin-right:8px; border:0; padding:0; transition:background .2s, transform .2s;
}
#footer .social a.btn:hover{ background:var(--brand) !important; transform:translateY(-3px); }
#footer .store_locations{
    display:inline-flex; align-items:center; gap:8px; margin-top:14px; padding:10px 18px; border-radius:999px;
    border:1.5px solid rgba(255,255,255,.25); color:#fff !important; font-weight:600; font-size:14px; transition:all .2s;
}
#footer .store_locations:hover{ background:var(--brand); border-color:var(--brand); text-decoration:none; }
#footer hr{ border-color:rgba(255,255,255,.1); margin:24px 0 18px; }
#footer .container-fluid img{ max-width:900px; display:block; margin:0 auto 10px; border-radius:10px; opacity:.95; }
#footer .footalltest{ color:#8b8fae !important; font-size:13px; padding:14px 0 22px; }
#footer .footalltest a{ color:var(--brand); }

/* Mobile bottom bar */
.foot_bar{ box-shadow:0 -6px 24px -8px rgba(15,19,79,.25); border-radius:18px 18px 0 0; }
.foot_bar .menu_items .menu_item, .foot_bar .menu_items .menu_item a{ font-family:inherit; }

@media(max-width:767px){
    .flash_title{ font-size:19px; }
    .cat_title{ font-size:19px !important; }
    .main-header{ padding:6px 0; }
    #footer .copyright-bar{ padding-top:36px; }
}
@media (prefers-reduced-motion:reduce){ *{ transition:none !important; } }

/* ==========================================================================
   Compact spacing pass — trim extra padding/margins, footer in particular
   ========================================================================== */
/* footer */
#footer .copyright-bar{ padding:28px 0 0 !important; }
#footer .faddress{ margin:0 !important; }
#footer .f_item{ background:transparent !important; min-height:0 !important; height:auto !important; border-radius:0; }
#footer .f_item .content{ padding:0 !important; width:100%; line-height:1.6; }
#footer .f_item1 .logo{ text-align:left !important; margin:0 0 10px; }
#footer .f_item1 .logo img{ padding:0 !important; max-width:140px !important; width:auto !important; }
#footer .f_item1 .content p{ margin:0 0 12px !important; }
#footer .f_item1 .content br{ display:none; }
#footer .f_item .social{ width:auto !important; margin:0 !important; justify-content:flex-start; }
#footer h4, #footer h4 b{ padding-bottom:8px; margin:0 0 10px; }
#footer h4{ margin-top:0; }
#footer .service_row{ margin:0; }
#footer .service_row [class*="col-"]{ padding:0 !important; width:100%; float:none; }
#footer .service_col a{ padding:4px 0 !important; }
#footer .address_row{ margin-bottom:8px; align-items:flex-start; }
#footer .address_row > div{ padding:2px 8px 2px 0 !important; }
#footer .col-md-3{ padding-bottom:14px; }
#footer .col-md-3 > .service_col{ padding:0 !important; }
#footer .store_locations{ margin-top:6px; padding:8px 16px; }
#footer hr{ margin:8px 0 12px !important; }
#footer .container-fluid img{ margin-bottom:0 !important; max-width:700px; }
#footer .footalltest{ padding:10px 0 12px !important; }
.newsletter-band{ padding:16px 0 !important; margin-top:24px !important; }
.newsletter-band h3{ font-size:19px; }
@media(max-width:775px){ #footer{ margin-bottom:46px !important; } #footer .copyright-bar{ padding-top:20px !important; } }

/* page sections */
.hero-section{ padding-top:12px !important; }
.trust-strip{ margin:14px 0 0 !important; }
body .bg-header.mt-3{ margin-top:12px !important; }
.bg-header[style*="margin-bottom"]{ margin-bottom:8px !important; }
.cat_title{ padding:14px 4px 8px !important; }
.jd_cat_product{ padding:18px 0 0 !important; }
.jd_cat_product .section-title{ margin:0 0 10px !important; }
.jd_cat_product .jd_padding{ padding-left:6px; padding-right:6px; }
.more-info-tab{ margin-bottom:6px !important; }
.flash_sale{ padding:4px !important; }
.flash_title_box{ padding:2px 6px !important; }
.flash_sale_col.p-6px{ padding:4px !important; }
.product-category a{ padding:6px 6px 8px !important; }
.product-category .cat-title{ margin-top:6px; }
.product-category p:empty{ display:none; }
.header-style-1 .main-header{ padding:8px 0 !important; }
.cnt-home .header-style-1 .header-nav .navbar .navbar-nav > li > a{ padding:12px 16px !important; }
.topbar .container{ min-height:32px !important; }
.body-content{ padding-bottom:0 !important; margin-bottom:0 !important; }

/* ==========================================================================
   Header fix — legacy main.css rules (skewed dividers, fixed-size cart pieces,
   flat orange call buttons) clashed with the premium header.
   ========================================================================== */
/* nav bar: icon + label on one line, no slanted separators */
.header-style-1 .header-nav .navbar-default .navbar-collapse .navbar-nav > li > a{
    display:flex !important; align-items:center; gap:8px; border-right:0 !important; line-height:1.2;
    padding:14px 18px !important; font-size:14px !important; color:#e7e8f6; white-space:nowrap;
}
.header-style-1 .header-nav .navbar-default .navbar-collapse .navbar-nav > li > a:after{ display:none !important; }
.header-style-1 .header-nav .navbar-default .navbar-collapse .navbar-nav > li > a i{ margin:0 !important; line-height:1; }
.header-style-1 .header-nav .navbar-default .navbar-collapse .navbar-nav > li > a::before{ bottom:0; top:auto !important; left:0 !important; }
.main_menu_before{ display:flex; align-items:stretch; margin:0; }
.main_menu_before > li{ float:none; }

/* top-right action buttons: one consistent pill style */
.cart-social ul.jd_left_header li{ display:block; }
.cart-social .call-header a{
    display:inline-flex !important; align-items:center; justify-content:center; gap:8px;
    height:44px; line-height:1 !important; padding:0 22px !important; border-radius:999px;
    background:var(--brand); color:#fff !important; font-size:14px; letter-spacing:.2px; white-space:nowrap;
}
.cart-social .call-header a i{ color:#fff !important; }
.cart-social .call-header a:hover{ background:var(--brand-dark) !important; color:#fff !important; }

/* cart pill: icon + count inline, no arrow or white box */
.cart-social .dropdown-cart > a{
    display:inline-flex !important; align-items:center; gap:10px; height:48px; padding:0 14px !important;
    border-radius:999px; background:var(--navy);
}
.cart-social .dropdown-cart span.mini-cart-icon{
    width:auto; height:auto; line-height:1; margin:0; background:transparent; font-size:18px;
}
.cart-social .dropdown-cart .mini-cart-icon::after{ display:none; }
.cart-social .dropdown-cart .mini-cart-icon i{ font-size:20px; }
.cart-social .dropdown-cart .mini-cart-link .mini-cart-number,
.cart-social .dropdown-cart .mini-cart-number{
    background:transparent !important; width:auto; height:auto; line-height:1; color:#fff;
}
.cart-social .dropdown-cart .cart_ount_badge{
    display:inline-block; min-width:22px; line-height:1.4; text-align:center; padding:2px 7px;
}

/* ==========================================================================
   Mobile compact pass (<=767px) — most traffic is phones
   ========================================================================== */
@media (max-width:767px){
    html, body{ overflow-x:hidden; max-width:100%; }
    body{ font-size:14px; }
    .container{ padding-left:10px; padding-right:10px; }
    .row.m-lg-0{ margin-left:0; margin-right:0; }

    /* top announcement: single line */
    .topbar{ font-size:11px; }
    .topbar .container{ min-height:24px !important; }
    .topbar .tb-left{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100%; }

    /* header */
    .header-style-1 .header-nav .navbar-header{ min-height:0; }

    /* floating cart tab: smaller, never covers content */
    .fixed-cart-bottom1{ height:42px !important; width:34px !important; border-radius:12px 0 0 12px !important; top:auto !important; bottom:130px; transform:none !important; opacity:.95; }
    .fixed-cart-bottom1 i{ font-size:14px !important; }
    .fixed-cart-bottom1 .cart_total_quantity{ top:2px !important; left:2px !important; min-width:16px !important; height:16px !important; line-height:16px !important; font-size:10px !important; padding:0 3px !important; }
    .back-to-top{ bottom:64px !important; width:34px !important; height:34px !important; }

    /* hero + trust strip */
    .hero-section{ padding-top:8px !important; }
    .hero-section #hero{ border-radius:12px; }
    #owl-main .owl-prev, #owl-main .owl-next{ width:30px !important; height:30px !important; }
    #owl-main .owl-controls .owl-buttons .icon{ top:2px !important; font-size:16px !important; }
    .trust-strip{ margin:8px 0 0 !important; }
    .trust-strip .trust-grid{ gap:6px; }
    .trust-item{ padding:7px 8px !important; gap:8px !important; border-radius:10px; }
    .trust-item .ti-icon{ width:30px !important; height:30px !important; font-size:13px !important; border-radius:8px; }
    .trust-item strong{ font-size:12px !important; }
    .trust-item span{ font-size:10.5px !important; margin-top:0; line-height:1.2; }

    /* section headings */
    .flash_sale{ border-radius:12px !important; }
    .flash_title{ font-size:16px !important; padding-left:10px; margin:4px 0 !important; }
    .flash_title.text-center{ text-align:left !important; }
    .flash_title_box{ gap:6px; flex-wrap:wrap; }
    .flash_title_box .button_outline, .cat_title .button_outline{ margin:0 !important; padding:4px 12px !important; font-size:11px; }
    .cat_title{ font-size:16px !important; padding:8px 2px 6px !important; }
    .clockdiv > div{ min-width:28px; padding:2px 4px; font-size:12px; }
    .cat-section .cat-head h3{ font-size:17px; padding-bottom:5px; }
    .cat-section .cat-head{ margin-bottom:6px; }
    .cat-card .cat-name{ padding:8px 2px 0 !important; font-size:12px !important; }
    .cat-card .cat-name:after{ font-size:10px; padding:2px 8px; }

    .owl-buttons div, .owl-theme .owl-controls .owl-buttons div{ width:28px; height:28px; }

    /* footer */
    .newsletter-band{ padding:12px 0 !important; margin-top:14px !important; }
    .newsletter-band h3{ font-size:16px !important; }
    .newsletter-band p{ font-size:12px; }
    .newsletter-band a.nb-btn{ padding:8px 18px; font-size:13px; }
    #footer .copyright-bar{ padding-top:14px !important; }
    #footer p, #footer .service_col a, #footer .icon_content{ font-size:13px !important; }
    #footer .social a.btn{ width:34px; height:34px; margin-right:4px; }
    #footer .col-md-3{ padding-bottom:6px; }
    #footer h4, #footer h4 b{ font-size:15px; margin-bottom:6px; }
    .foot_bar .menu_items .menu_item{ padding:6px 8px; font-size:11px; }
    .foot_bar .menu_items .menu_item a i{ font-size:15px; }
    .foot_bar{ border-radius:14px 14px 0 0; }

    /* generic page content: forms, headings, tables */
    h1{ font-size:22px; } h2{ font-size:19px; } h3{ font-size:17px; }
    .form-control{ height:38px; font-size:14px; }
    textarea.form-control{ height:auto; }
    .btn{ padding:7px 12px; font-size:13px; }
    table{ max-width:100%; }
    img{ max-width:100%; }
}

/* mobile compact pass — part 2 */
@media (max-width:767px){
    .header-style-1 .header-nav > .container, .header-style-1 .header-nav .row{ padding-left:0; padding-right:0; margin-left:0; margin-right:0; }
    .topbar .tb-left .tb-more{ display:none; }
    .topbar .tb-left{ font-size:11px; }
    .flash_title.text-center, .flash_title.block{ text-align:left !important; }
    .flash_title.mt-4{ margin-top:2px !important; padding-top:0 !important; }
    /* swipe is enough on phones; arrows only cover the products */
    .product5 .owl-buttons, .product5 .owl-controls .owl-buttons{ display:none !important; }
    /* listing page title row */
    .jd_padding .more-info-tab{ display:flex; align-items:center; justify-content:space-between; gap:8px; margin:0 !important; padding:6px 8px; }
    .jd_padding .more-info-tab h4:empty{ display:none; }
    .jd_padding .more-info-tab h3.section-title{ font-size:16px; margin:0; text-transform:uppercase; }
    #side_filter_toggler{ font-size:16px !important; padding:4px 10px; margin:0; float:none !important; }
    .shop-toolbar{ margin:0 !important; padding:0 6px; gap:4px !important; }
    .shop-toolbar .category_form{ flex:1 1 100% !important; max-width:none !important; }
    .shop-toolbar .category_form input{ height:34px !important; font-size:13px; }
    .shop-count{ font-size:12px !important; }
    .shop-grid{ gap:6px !important; }
}

/* mobile compact pass — product page */
@media (max-width:767px){
    h1.name[itemprop="name"]{ font-size:16px !important; line-height:1.35; margin:6px 0 !important; }
    #ajax_form .row2{ flex-wrap:wrap !important; gap:8px !important; align-items:stretch; }
    #ajax_form .row2 > div:first-child{ width:112px !important; flex:none; }
    #ajax_form .row2 > div:nth-child(2){ min-width:0; flex:1 1 0 !important; flex-direction:column; gap:6px; }
    #ajax_form .row2 > div:nth-child(n+3){ flex:0 0 100%; width:100% !important; margin:0 !important; }
    #ajax_form .addToCart{ padding:9px 6px; font-size:14px; }
    #ajax_form button[data-target="#store"]{ padding:7px; }
    .price_container .price, .price-box .price{ font-size:22px !important; }
}

/* mobile compact pass — checkout */
@media (max-width:767px){
    .ck-premium.container{ padding-left:6px; padding-right:6px; }
    .ck-premium .ck-wrap{ padding:8px 2px !important; border-radius:12px !important; }
    #single-product-top{ margin:6px 0 !important; }
    .ck-premium .ck-col{ margin-bottom:8px !important; padding-left:6px; padding-right:6px; }
    .ck-premium .ck-form-card{ padding:12px 12px !important; border-radius:14px !important; }
    .ck-premium .ck-title{ font-size:16px !important; margin-bottom:2px !important; }
    .ck-premium .ck-sub{ font-size:12.5px; margin-bottom:8px !important; line-height:1.4; }
    .ck-premium .form-group{ margin-bottom:8px !important; }
    .ck-premium .form-group > label{ font-size:12.5px; margin-bottom:3px !important; }
    .ck-premium .form-control{ height:38px !important; font-size:14px; border-radius:10px !important; }
    .ck-premium .select2-container--default .select2-selection--single{ height:38px !important; border-radius:10px !important; }
    .ck-premium .select2-container--default .select2-selection--single .select2-selection__rendered{ line-height:35px !important; font-size:14px; }
    .ck-premium .select2-container--default .select2-selection--single .select2-selection__arrow{ height:36px !important; }
    .ck-premium #submitButton{ height:42px !important; font-size:15px !important; }
    .ck-premium aside.card .card-body{ padding:10px 8px !important; }
    .ck-premium .table > thead > tr > th{ padding:6px 6px !important; font-size:11px; }
    .ck-premium .table > tbody > tr > td{ padding:8px 6px !important; font-size:12px; }
    .ck-premium .totalsubmit dt, .ck-premium .totalsubmit dd{ padding-top:3px !important; padding-bottom:3px !important; font-size:13px; }
}

/* mobile compact pass — content pages, best sellers, outlets */
@media (max-width:767px){
    .bs-hero{ padding:14px 12px !important; margin-bottom:8px !important; }
    .bs-hero h1{ font-size:18px !important; }
    .bs-hero p{ font-size:12px !important; }
    .cat_title span{ font-size:15px; line-height:1.3; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
    .cat_title{ gap:8px; }
    .cat_title .button_outline{ white-space:nowrap; flex:none; }
    section.bg-header[style*="margin-bottom"]{ margin-bottom:6px !important; }
    /* CMS pages */
    .section-name .container{ padding-left:12px; padding-right:12px; }
    .section-name .section-heading h4{ font-size:13px; margin:6px 0; color:var(--muted); }
    .section-name .no-gutters{ font-size:14px; line-height:1.55; }
    .section-name .no-gutters p, .section-name .no-gutters li{ text-align:left !important; margin-bottom:8px; }
    .section-name .no-gutters h1, .section-name .no-gutters h2{ font-size:18px !important; margin:8px 0; }
    .section-name .no-gutters h3, .section-name .no-gutters h4{ font-size:15px !important; margin:8px 0; }
    .section-name .no-gutters img, .section-name .no-gutters table{ max-width:100% !important; height:auto; }
    /* outlets */
    .stores .store_col{ padding:5px !important; }
    .stores .store_col .store{ padding:2px !important; }
    .row_store .col-lg-8, .row_store .col-lg-4{ padding:6px !important; }
    .store-title{ font-size:20px; margin:8px 0; }
    .alldetailsbd, .weekly, .store-location-details{ font-size:13px; }
}

/* mobile compact pass — part 3 */
@media (max-width:767px){
    .flash_title_box > div[style*="width: 100px"]{ display:none; }
    .flash_title_box{ justify-content:space-between; align-items:center; flex-wrap:nowrap; }
    .flash_title_box .flash_title{ order:-1; margin:0 !important; }
    .jd_padding .more-info-tab{ text-align:left; }
    .jd_padding .more-info-tab h3.section-title{ float:none !important; padding:0 !important; flex:1; text-align:left; }
    .jd_padding .more-info-tab h3.section-title::before, .jd_padding .more-info-tab h3.section-title::after{ display:none !important; }
}