/* ================================================
   RADAR COSMETIC — UNIFIED BRAND CSS v3
   Color palette: #B5467A primary, #8e3660 dark,
   #d4719e light, #f5eef3 warm bg, #1e1e1e text
   ================================================ */

:root {
  --rc: #B5467A;
  --rc-dark: #8e3660;
  --rc-light: #d4719e;
  --rc-warm: #f5eef3;
  --rc-bg: #f7f3f5;
  --rc-card-bg: #ffffff;
  --rc-card-border: #eddde8;
  --rc-text: #1e1e1e;
  --rc-muted: #5a5a5a;
  --rc-section-bg: #f0e8ed;
}

/* --- Global background --- */
body { background-color: var(--rc-bg) !important; }

/* --- Sections / rows warm tone --- */
.so-listing-tabs,.so-page-builder .so-row,
.so-page-builder .so-col,.common-home .container-fluid{
  background-color: transparent;
}

/* --- Product cards warm surface --- */
.product-thumb,.product-layout .product-item-container{
  background: var(--rc-card-bg) !important;
  border: 1px solid var(--rc-card-border) !important;
}

/* --- Tab strip background --- */
.so-listing-tabs .ltabs-tabs,.so-listing-tabs .ltabs-heading{
  background: var(--rc-section-bg) !important;
  border-radius: 8px 8px 0 0;
}

/* --- Header warm --- */
#so-header,.so-header,header{
  background: #fff !important;
  border-bottom: 1px solid var(--rc-card-border) !important;
}

/* --- Footer warm --- */
#footer,.so-footer,footer{
  background: var(--rc-section-bg) !important;
}

/* --- Logo --- */
.header-logo .logo img,.header-logo .logo object,.navbar-logo .logo img,.navbar-logo .logo object,.logo img,.logo object{max-height:56px!important;width:auto!important;object-fit:contain!important;}

/* --- ALL buttons: primary brand --- */
.btn-primary,.btn-search,.search-top .btn-search,button.btn-search,.addtocart .btn,button.button-cart,.btn-checkout,.btn-default,.so-newsletter .btn,.newsletter .btn,.newsletter-button,button[type="submit"],.subcribe .btn{background:var(--rc)!important;border-color:var(--rc)!important;color:#fff!important;transition:all 0.25s ease;}
.btn-primary:hover,.btn-search:hover,.search-top .btn-search:hover,button.btn-search:hover,.addtocart .btn:hover,button.button-cart:hover,.btn-checkout:hover,.btn-default:hover,.so-newsletter .btn:hover,.newsletter .btn:hover,button[type="submit"]:hover,.subcribe .btn:hover{background:var(--rc-dark)!important;border-color:var(--rc-dark)!important;color:#fff!important;}

/* --- Product card buy button --- */
.product-thumb .button-group .addtocart a,.product-thumb .button-group .addtocart button,.product-thumb .button-group .btn-cart,.product-thumb .addtocart .btn,.product-item-container .addtocart a,.product-item-container .addtocart button,.so-listing-tabs .addtocart a,.so-deals .addtocart a,.so-extra-slider .addtocart a{background:var(--rc)!important;border-color:var(--rc)!important;color:#fff!important;opacity:1!important;visibility:visible!important;}
.product-thumb .button-group .addtocart a:hover,.product-thumb .button-group .addtocart button:hover,.product-item-container .addtocart a:hover,.product-item-container .addtocart button:hover{background:var(--rc-dark)!important;color:#fff!important;}

/* --- Quick view / compare / wishlist icons --- */
.product-thumb .button-group .quickview a,.product-thumb .button-group .compare-btn a,.product-thumb .button-group .wishlist-btn a,.product-item-container .quickview a,.product-item-container .compare-btn a,.product-item-container .wishlist-btn a{color:var(--rc-text)!important;border-color:#e0e0e0!important;transition:all 0.25s ease;}
.product-thumb .button-group .quickview a:hover,.product-thumb .button-group .compare-btn a:hover,.product-thumb .button-group .wishlist-btn a:hover,.product-item-container .quickview a:hover,.product-item-container .compare-btn a:hover,.product-item-container .wishlist-btn a:hover{background:var(--rc)!important;color:#fff!important;border-color:var(--rc)!important;}

/* --- Product card hover --- */
.product-thumb,.product-layout .product-item-container{transition:transform 0.2s ease,box-shadow 0.2s ease;border-radius:8px;}
.product-thumb:hover,.product-layout .product-item-container:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(181,70,122,.10);}

/* --- Price --- */
.price-new,.special-price{color:var(--rc)!important;font-weight:600;}

/* --- Active tabs --- */
.nav-tabs .nav-link.active,.ltabs-tab.active a,.ltabs-tab.active,.so-listing-tabs .ltabs-tabs li.active a{border-color:var(--rc)!important;color:var(--rc)!important;}

/* --- Links --- */
a:hover{color:var(--rc)!important;}

/* --- Vertical menu --- */
.so-megamenu .navbar-nav>li>a:hover,.so-megamenu .navbar-nav>li.active>a,.vertical .catname:hover{color:var(--rc)!important;}
.menu_category .navbar-header,.vertical .navbar-header,.vertical-wrapper .navbar-header{background:#fff!important;}
.menu_category .navbar-header:before,.vertical .navbar-header:before{color:var(--rc)!important;}

/* --- Horizontal nav underline --- */
.megamenu>li>a{border-bottom:2px solid transparent;transition:border-color 0.2s ease;}
.megamenu>li>a:hover,.megamenu>li.active>a{border-bottom-color:var(--rc)!important;color:var(--rc)!important;}

/* --- Sidebar icons --- */
.so-sidecontent .sidecontent-item a:hover,.sidecontent-item.active a{background:var(--rc)!important;color:#fff!important;}

/* --- Pagination --- */
.pagination>.active>a,.pagination>.active>span{background:var(--rc)!important;border-color:var(--rc)!important;}

/* --- Breadcrumb --- */
.breadcrumb a:hover{color:var(--rc)!important;}

/* --- Footer --- */
.footer-center a:hover,.box-footer a:hover{color:var(--rc-light)!important;}

/* --- Category title --- */
.title-category{color:#111!important;}

/* --- Hide demo junk --- */
.promotion-top,.header-topbar,.topbar-countdown,.so-popup-countdown,#so-groups-popup,.lang-curr{display:none!important;}

/* --- Smooth scroll --- */
html{scroll-behavior:smooth;}

/* --- Mobile --- */
@media(max-width:768px){
  .header-logo .logo img,.header-logo .logo object{max-height:40px!important;}
  .product-thumb:hover{transform:none;box-shadow:0 4px 12px rgba(181,70,122,.08);}
}

/* ===== MOBILE FIX FINAL 2 ===== */
@media (max-width: 768px){

  .container{
    width:100%!important;
    max-width:100%!important;
    padding:0 10px!important;
  }

  .row{
    margin:0!important;
  }

  [class*="col-"]{
    width:100%!important;
    max-width:100%!important;
    flex:0 0 100%!important;
  }

  .product-layout,
  .product-grid,
  .product-item-container{
    width:100%!important;
  }

  .product-thumb{
    padding:8px!important;
  }

  .product-thumb .caption{
    font-size:14px!important;
  }

  .products-list .product-layout{
    display:block!important;
  }

}

/* ---- Mobile logo fix ---- */
.extension-so_xtore-mobile-home.mobilelayout-2 .navbar-logo img,
.typeheader-1.bar-navhome .navbar-logo img {
  max-height: 32px !important;
  width: auto !important;
  max-width: 110px !important;
}

.panel-logo img {
  max-height: 42px !important;
  width: auto !important;
  max-width: 140px !important;
}

/* ---- Stock badge scale ---- */
.stock-ok  { color: #2e7d32; }
.stock-ok  .fa { color: #2e7d32; }
.stock-low { color: #e65100; }
.stock-low .fa { color: #e65100; }
.stock-out { color: #c62828; }
.stock-out .fa { color: #c62828; }


/* Radar stock meter */
.stock-meter-wrap{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:6px}
.stock-meter-label{font-size:13px;font-weight:600;line-height:1.2}
.stock-meter{display:flex;align-items:flex-end;gap:3px;min-width:74px;justify-content:flex-end}
.stock-meter .b{display:block;width:6px;border-radius:2px;background:#eadede;opacity:.45}
.stock-meter .b1{height:8px}
.stock-meter .b2{height:10px}
.stock-meter .b3{height:12px}
.stock-meter .b4{height:14px}
.stock-meter .b5{height:16px}
.stock-meter .b6{height:18px}
.stock-meter .b7{height:20px}

.stock-bars-1 .b1{background:#c62828;opacity:1}
.stock-bars-2 .b1,.stock-bars-2 .b2{background:#d84315;opacity:1}
.stock-bars-3 .b1,.stock-bars-3 .b2,.stock-bars-3 .b3{background:#ef6c00;opacity:1}
.stock-bars-4 .b1,.stock-bars-4 .b2,.stock-bars-4 .b3,.stock-bars-4 .b4{background:#f9a825;opacity:1}
.stock-bars-5 .b1,.stock-bars-5 .b2,.stock-bars-5 .b3,.stock-bars-5 .b4,.stock-bars-5 .b5{background:#c0ca33;opacity:1}
.stock-bars-6 .b1,.stock-bars-6 .b2,.stock-bars-6 .b3,.stock-bars-6 .b4,.stock-bars-6 .b5,.stock-bars-6 .b6{background:#7cb342;opacity:1}
.stock-bars-7 .b1,.stock-bars-7 .b2,.stock-bars-7 .b3,.stock-bars-7 .b4,.stock-bars-7 .b5,.stock-bars-7 .b6,.stock-bars-7 .b7{background:#2e7d32;opacity:1}

.stock-bars-0 .b1,.stock-bars-0 .b2,.stock-bars-0 .b3,.stock-bars-0 .b4,.stock-bars-0 .b5,.stock-bars-0 .b6,.stock-bars-0 .b7{background:#c62828;opacity:.18}

.product-layout .stock-meter-wrap,.product-thumb .stock-meter-wrap{width:100%}
.product-layout .stock-meter-label,.product-thumb .stock-meter-label{margin-right:8px}

@media (max-width:767px){
  .stock-meter-wrap{gap:8px}
  .stock-meter{min-width:66px;gap:2px}
  .stock-meter .b{width:5px}
}

/* Homepage: normalize category card image heights — 2026-04-10 */
/* To revert: remove these 3 rules */
.col_y4cs img,.col_7xeh img,.col_noi8 img{height:220px!important;object-fit:cover;object-position:center top;width:100%;display:block}
.col_gq8r img{height:220px!important;object-fit:contain;background:#f5eef3;width:100%;display:block}
/* Trust row compact styling */
.radar-trust-row{font-family:inherit}
.radar-trust-row h2{font-size:19px!important;font-weight:700!important}

/* HERO compact — desktop only — 2026-04-10 */
/* To revert: remove this block */
@media (min-width:1200px){
  .sohomepage-slider .so-homeslider img{max-height:380px!important;object-fit:cover;object-position:center center;}
  .sohomepage-slider .modcontent{line-height:0;}
}

/* Footer compact — desktop only — 2026-04-10 */
/* To revert: remove this block */
@media (min-width:1200px){
  .typefooter-2 .footer-middle{padding-top:28px!important;padding-bottom:20px!important;}
  .typefooter-2 .module{margin-bottom:0!important;}
  .typefooter-2 .module .modtitle{margin-bottom:0.6rem!important;}
}

/* CTA Partner banner -25% height crop — desktop only — 2026-04-10 */
/* To revert: remove this block */
@media (min-width:1200px){
  a[href="/partners"] img{max-height:530px!important;object-fit:cover;object-position:center top;}
}