/*
Theme Name: Ecom1 BD IT HOME
Theme URI: https://bdithome.com
Author: BDITHOME.COM
Author URI: https://bdithome.com
Description: Starter WordPress theme with Redux Framework options (Header + General). Built by BDITHOME.COM
Version: 1.0.9
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ecom1-bd-it-home
Tags: custom-options, starter, e-commerce
*/

/* bdithome.com */

/* bdithome.com - CSS variables (default fallbacks) */
:root{
  --brt-primary: #111111;
  --brt-secondary: #3aa7ff;
  --brt-bg: #ffffff;
  --brt-text: #111111;

  --brt-drawer-bg: var(--brt-bg);
  --brt-drawer-underline: rgba(0,0,0,.12);

  --brt-header-btn-bg: var(--brt-secondary);
  --brt-header-btn-fg: #ffffff;

  --brt-link-hover: #3aa7ff;

  --brt-menu-color: #111111;
  --brt-menu-hover: #3aa7ff;
  --brt-menu-size: 16px;
  --brt-menu-weight: 500;

  --brt-topbar-bg: #FC8934;
  --brt-topbar-fg: #ffffff;
  --brt-icon-color: #FC8934;
  --brt-icon-hover: #F58A1F;
  --brt-header-main-h: 88px;

  --brt-accent: #8b0f1a;
  --brt-accent-border: rgba(139, 15, 26, 0.25);
  --brt-order-btn-bg: var(--brt-accent);
  --brt-order-btn-fg: #ffffff;
  --brt-order-btn-hover: #760b13;

  /* WooCommerce archive title (Shop/Category/Tag) button color */
  --brt-archive-title-bg: var(--brt-accent);
  --brt-archive-title-fg: #ffffff;

  --brt-footer-top-bg: #2F75FF;
  --brt-footer-bottom-bg: #1C1C1C;
  --brt-footer-text: #FFFFFF;
  --brt-footer-heading: #FFFFFF;
  --brt-footer-link: #FFFFFF;
  --brt-footer-link-hover: rgba(255,255,255,0.85);
}

/* bdithome.com - Dark mode */
html[data-theme="dark"]{
  --brt-bg: #0f1115;
  --brt-text: #f3f6f9;
}

/* bdithome.com - Global */
body{
  margin:0;
  padding:0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  line-height:1.5;
  background: var(--brt-bg);
  color: var(--brt-text);
}
a{ color: inherit; }
a:hover{ color: var(--brt-link-hover); }

/* bdithome.com - Layout container */
.brt-container{
  margin: 0 auto;
  padding: 16px;
}
body.brt-layout-boxed .brt-container{ max-width: 1100px; }
body.brt-layout-full  .brt-container{ max-width: 100%; }

/* bdithome.com - Header */
.brt-header{
  background: var(--brt-header-bg, var(--brt-bg));
border-bottom: 1px solid rgba(0,0,0,.08);
}
.brt-header-row{
  display:flex;
  align-items:center;
  gap:18px;
}
.brt-logo-img{
  max-height: var(--brt-logo-h, 52px);
  width:auto;
  height:auto;
  display:block;
}
.brt-logo-text{ text-decoration:none; color:inherit; font-weight:700; }

/* bdithome.com - Menu */
.brt-nav{ flex:1; }
.brt-nav ul,
.brt-menu{
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
  display:flex;
  align-items:center;
  gap:22px;
}
.brt-nav li{ list-style:none !important; position:relative; }
.brt-nav a{
  text-decoration:none;
  color: var(--brt-menu-color);
  font-size: var(--brt-menu-size);
  font-weight: var(--brt-menu-weight);
}
.brt-nav a:hover{ color: var(--brt-menu-hover); }

/* dropdown arrow */
.brt-nav li.menu-item-has-children > a::after{
  content:"▼";
  font-size:10px;
  margin-left:6px;
  opacity:.6;
}

/* bdithome.com - "New" badge */
.brt-new-badge{
  position:absolute;
  top:-14px;
  right:-10px;
  font-size:11px;
  padding:2px 6px;
  border-radius:10px;
  background: var(--brt-secondary);
  color:#fff;
  line-height:1;
}

/* bdithome.com - Tools */
.brt-tools{
  display:flex;
  align-items:center;
  gap:10px;
}

/* Search */
.brt-search{
  display:flex;
  align-items:center;
  gap:8px;
  background:#f3f6f9;
  border-radius:20px;
  padding:6px 8px;
}
.brt-search-input{
  border:0;
  outline:0;
  background:transparent;
  width:220px;
  color: inherit;
}
.brt-search-btn{
  border:0;
  background: var(--brt-secondary);
  border-radius:16px;
  padding:6px 10px;
  cursor:pointer;
}

/* Cart */
.brt-cart-wrap{ position:relative; }
.brt-cart-link{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  width:46px;
  height:40px;
  border-radius:999px;
  background: var(--brt-header-btn-bg, var(--brt-secondary));
  text-decoration:none;
  color: var(--brt-header-btn-fg, #fff);
}
.brt-cart-icon{ width:20px; height:20px; display:inline-block; }
.brt-cart-icon svg{ width:20px; height:20px; display:block; fill: currentColor; }
.brt-cart-count{
  position:absolute;
  top:-6px;
  right:-6px;
  min-width:18px;
  height:18px;
  border-radius:999px;
  background:#ff3b30;
  color:#fff;
  font-size:11px;
  display:flex;
  align-items:center;
  justify-content:center;
}

/* Mini cart dropdown */
.brt-mini-cart{
  display:none;
  position:absolute;
  right:0;
  top:48px;
  width:320px;
  background: var(--brt-bg);
  border:1px solid rgba(0,0,0,.10);
  border-radius:14px;
  padding:12px;
  box-shadow:0 10px 30px rgba(0,0,0,.10);
  z-index:999;
}
.brt-cart-wrap:hover .brt-mini-cart,
.brt-mini-cart.is-open{ display:block; }

/* Theme toggle */
.brt-theme-toggle{
  display:inline-flex;
  align-items:center;
  gap:8px;
  height:40px;
  padding:0 14px;
  border-radius:999px;
  border:0;
  background: var(--brt-header-btn-bg, var(--brt-secondary));
  cursor:pointer;
  color: var(--brt-header-btn-fg, #fff);
  font-weight: 700;
}
.brt-theme-toggle-icon{ line-height:1; }
.brt-theme-toggle-text{ font-size: 14px; }

/* bdithome.com - Mobile (no hamburger)
   Hamburger + drawer removed. Keep primary menu visible on mobile. */
@media (max-width: 768px){
  .brt-nav{ display:block; }
  .brt-menu{ flex-wrap: wrap; justify-content:center; gap:14px; }
  .brt-header-row{ justify-content:space-between; gap:10px; }
  .brt-logo-img{ max-height: var(--brt-logo-h, 52px); }
  .brt-search{ width:100%; }
  .brt-search-input{ width: 100%; }
}

/* bdithome.com - Footer (Blue footer like screenshot) */
.brt-footer{ margin-top: 28px; }
.brt-footer-top{
  background: var(--brt-footer-top-bg, #2F75FF);
  color: var(--brt-footer-text, #fff);
  padding: 38px 0 34px;
}
.brt-footer-bottom{
  background: var(--brt-footer-bottom-bg, #1c1c1c);
  color: var(--brt-footer-text, #fff);
}
.brt-footer-grid{
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr 1.2fr;
  gap: 34px;
}
.brt-footer-brand-title{
  margin: 0 0 10px 0;
  font-size: 18px;
  font-weight: 700;
  color: var(--brt-footer-heading, #fff);
}
.brt-footer-heading{
  margin: 0 0 12px 0;
  font-size: 16px;
  font-weight: 700;
  color: var(--brt-footer-heading, #fff);
}
.brt-footer-brand-desc{
  opacity: .95;
  line-height: 1.7;
  font-size: 14px;
  max-width: 420px;
}
.brt-footer-menu,
.brt-footer-menu ul{
  list-style: none;
  margin: 0;
  padding: 0;
}
.brt-footer-menu li{ margin: 8px 0; }
.brt-footer a{
  color: var(--brt-footer-link, #fff);
  text-decoration: none;
}
.brt-footer a:hover{
  color: var(--brt-footer-link-hover, rgba(255,255,255,.85));
  text-decoration: underline;
}
.brt-footer-contact{
  list-style: none;
  margin: 0;
  padding: 0;
}
.brt-footer-contact li{
  display: grid;
  grid-template-columns: 18px 1fr;
  gap: 10px;
  align-items: start;
  margin: 10px 0;
  font-size: 14px;
  line-height: 1.6;
}
.brt-footer-contact .brt-ic{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  opacity: .95;
}
.brt-contact-link{ display: inline-block; }

.brt-footer-bottom-row{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px 0;
  flex-wrap: wrap;
}
.brt-footer-copy{
  font-size: 13px;
  opacity: .92;
}
.brt-social-links{
  display: inline-flex;
  gap: 10px;
  align-items: center;
}
.brt-social-link{
  width: 34px;
  height: 34px;
  border-radius: 999px !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,.10);
  color: #fff;
}
.brt-social-link:hover{ background: rgba(255,255,255,.18); text-decoration: none; }
.brt-social-link .brt-ic{ display: inline-flex; }

@media (max-width: 992px){
  .brt-footer-grid{ grid-template-columns: 1fr 1fr; }
}
@media (max-width: 560px){
  .brt-footer-grid{ grid-template-columns: 1fr; }
}


/* ==========================================================
   BRT Food Slider (V2) - Put in style.css (END OF FILE)
   ========================================================== */

.brt-food-slider-v2{
  width: 100%;
  background: var(--brt-slide-bg, #fff);
  padding: 70px 40px;
  box-sizing: border-box;
}

.brt-food-slider-v2 *{
  box-sizing: border-box;
}

.brt-food-slider-v2{
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  column-gap: 28px;
  align-items: center;
}

@media (max-width: 992px){
  .brt-food-slider-v2{
    grid-template-columns: 1fr;
    padding: 32px 16px;
    row-gap: 26px;
  }
}

/* LEFT */
.brt-food-slider-v2 .brt-food-left{
  max-width: 680px;
}

.brt-food-slider-v2 .brt-food-title{
  margin: 0 0 18px;
  color: var(--brt-slide-title-col, #111);
  font-size: var(--brt-slide-title-size, 56px);
  font-weight: var(--brt-slide-title-w, 800);
  font-family: var(--brt-slide-title-ff, inherit);
  line-height: 1.05;
}

.brt-food-slider-v2 .brt-food-price{
  margin: 0 0 18px;
  color: var(--brt-slide-price-col, #111);
  font-size: var(--brt-slide-price-size, 28px);
  font-weight: var(--brt-slide-price-w, 700);
  font-family: var(--brt-slide-price-ff, inherit);
}

.brt-food-slider-v2 .brt-food-desc{
  margin: 0 0 22px;
  color: var(--brt-slide-desc-col, #111);
  font-size: var(--brt-slide-desc-size, 22px);
  font-weight: var(--brt-slide-desc-w, 700);
  font-family: var(--brt-slide-desc-ff, inherit);
  line-height: 1.35;
  max-width: 560px;
}

.brt-food-slider-v2 .brt-food-btn{
  display: inline-block;
  padding: 16px 44px;
  border-radius: 18px;
  background: var(--brt-slide-btn-bg, #0f2d25);
  color: var(--brt-slide-btn-col, #fff);
  text-decoration: none;
  font-size: var(--brt-slide-btn-size, 26px);
  font-weight: var(--brt-slide-btn-w, 800);
  font-family: var(--brt-slide-btn-ff, inherit);
}

/* RIGHT */
.brt-food-slider-v2 .brt-food-right{
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

@media (max-width: 992px){
  .brt-food-slider-v2 .brt-food-right{
    justify-content: center;
  }
}

/* ORBIT WRAP */
.brt-food-slider-v2 .brt-orbit{
  position: relative;
  width: 560px;
  height: 560px;
  flex: 0 0 auto;
}

@media (max-width: 1200px){
  .brt-food-slider-v2 .brt-orbit{
    width: 520px;
    height: 520px;
  }
}

@media (max-width: 992px){
  .brt-food-slider-v2 .brt-orbit{
    width: 420px;
    height: 420px;
  }
}

@media (max-width: 480px){
  .brt-food-slider-v2 .brt-orbit{
    width: 340px;
    height: 340px;
  }
}

/* ORBIT LINE SVG (the exact line under circles) */
.brt-food-slider-v2 .brt-orbit-svg{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.brt-food-slider-v2 .brt-orbit-line{
  fill: none;
  stroke: #000;
  stroke-width: 8;
  stroke-linecap: round;
}

/* BIG IMAGE CIRCLE (right side inside orbit) */
.brt-food-slider-v2 .brt-bigwrap{
  position: absolute;
  right: 6%;
  top: 50%;
  transform: translateY(-50%);
  width: 62%;
  height: 62%;
  z-index: 3;
  display: grid;
  place-items: center;
}

.brt-food-slider-v2 .brt-big{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 999px !important;
  box-shadow: 0 18px 50px rgba(0,0,0,.18);
  transition: opacity .18s ease, transform .18s ease;
}

/* TRIGGER BLACK DOT (left middle) */
.brt-food-slider-v2 .brt-trigger{
  position: absolute;
  left: 7%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 92px;
  height: 92px;
  border-radius: 999px;
  background: #222;
  z-index: 6;
  box-shadow: 0 16px 40px rgba(0,0,0,.25);
  pointer-events: none;
}

/* ROTOR (rotating group) */
.brt-food-slider-v2 .brt-rotor{
  position: absolute;
  inset: 0;
  z-index: 5;
  transform: rotate(var(--rot, 0deg));
  transform-origin: 50% 50%;
  will-change: transform;
}

/* THUMBS */
.brt-food-slider-v2 .brt-thumb{
  position: absolute;
  left: 50%;
  top: 50%;
  width: 78px;
  height: 78px;
  border-radius: 999px;
  border: 0;
  padding: 0;
  cursor: pointer;
  overflow: hidden;
  background: #ff0;
  box-shadow: 0 16px 38px rgba(0,0,0,.18);
  z-index: 7;

  /* place on orbit line and keep upright */
  transform:
    rotate(var(--a, 0deg))
    translateX(235px)
    rotate(calc(var(--a, 0deg) * -1))
    rotate(calc(var(--rot, 0deg) * -1));
  transform-origin: 0 0;
}

@media (max-width: 992px){
  .brt-food-slider-v2 .brt-thumb{
    width: 64px;
    height: 64px;
    transform:
      rotate(var(--a, 0deg))
      translateX(175px)
      rotate(calc(var(--a, 0deg) * -1))
      rotate(calc(var(--rot, 0deg) * -1));
  }
}

@media (max-width: 480px){
  .brt-food-slider-v2 .brt-thumb{
    width: 54px;
    height: 54px;
    transform:
      rotate(var(--a, 0deg))
      translateX(140px)
      rotate(calc(var(--a, 0deg) * -1))
      rotate(calc(var(--rot, 0deg) * -1));
  }
}

.brt-food-slider-v2 .brt-thumb img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.brt-food-slider-v2 .brt-thumb.is-active{
  outline: 4px solid rgba(0,0,0,.12);
}









/* ==========================================================
   WooCommerce: Hide result count + sorting + make archive title a button
   ========================================================== */

/* Fallback (even though PHP removes these via hooks) */
.woocommerce-result-count,
.woocommerce-ordering{
  display:none !important;
}

/* Shop/Category/Tag/Search title ("All Products" / category name)
   Theme outputs a custom wrapper (.brt-archive-title-wrap/.brt-archive-title-btn)
   but we also keep Woo default selector as fallback. */
.brt-archive-title-wrap,
/* Woo archive header wrapper (shop/category/tag/search) */
header.woocommerce-products-header,
.woocommerce-products-header{
  text-align:center !important;
  margin: 12px 0 18px;
}

.brt-archive-title-btn,
/* Woo default title element */
.woocommerce-products-header__title.page-title,
.post-type-archive-product .page-title,
.tax-product_cat .page-title,
.tax-product_tag .page-title{
  display:inline-block !important;
  padding: 10px 18px !important;
  border-radius: 999px !important;
  background: var(--brt-archive-title-bg, var(--brt-accent, #8b0f1a)) !important;
  color: var(--brt-archive-title-fg, #ffffff) !important;
  font-weight: 900 !important;
  font-size: 22px !important;
  line-height: 1.1;
  box-shadow: 0 10px 22px rgba(0,0,0,.10);
}

@media (max-width: 480px){
  .brt-archive-title-btn,
  .woocommerce-products-header__title.page-title,
.post-type-archive-product .page-title,
.tax-product_cat .page-title,
.tax-product_tag .page-title{
    font-size: 18px !important;
    padding: 9px 14px !important;
  }
}































































/* ===============================
  Home Section Base
=============================== */
.brt-home-sections{ background: var(--hs-bg); }
.hs-sec{ margin: 24px 0; }

.hs-top{
  display:flex; align-items:center; justify-content:space-between;
  margin-bottom: 14px;
}
.hs-titlewrap{ display:flex; align-items:center; gap:12px; }
.hs-accent{ width:4px; height:26px; background:var(--brt-accent, #e11d2e); border-radius:2px; }
.hs-title{ margin:0; font-size:34px; font-weight:800; color:#0b1b2b; }
.hs-viewall{ color:var(--brt-accent, #e11d2e); font-weight:700; text-decoration:none; }

.hs-grid{
  display:grid;
  gap: var(--hs-gap);
  grid-template-columns: repeat(var(--hs-mcols), minmax(0, 1fr));
}
@media (min-width:768px){
  .hs-grid{ grid-template-columns: repeat(var(--hs-tcols), minmax(0, 1fr)); }
}
@media (min-width:992px){
  .hs-grid{ grid-template-columns: repeat(var(--hs-dcols), minmax(0, 1fr)); }
}

.hs-card{
  position:relative;
  display:block;
  text-decoration:none;
  border-radius:16px;
  overflow:hidden;
  background:#fff;
}
.hs-media{
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}
.hs-badge{
  position:absolute; top:14px; right:14px;
  background:#ef4444; color:#fff; font-weight:800;
  font-size:12px; padding:4px 10px; border-radius:999px;
}
.hs-cat{
  font-size:11px; font-weight:800; letter-spacing:.6px;
  color:#9ca3af;
  margin-bottom:6px;
}
.hs-name{ font-size:16px; font-weight:800; color:#0b1b2b; line-height:1.25; }
.hs-bottom{
  display:flex; align-items:center; justify-content:space-between;
  margin-top: 10px;
}
.hs-price{ font-weight:900; color:var(--brt-accent, #e11d2e); }
.hs-price del{ opacity:.7; margin-right:8px; color:var(--brt-accent, #e11d2e); }
.hs-price ins{ text-decoration:none; }

.hs-add{
  width:36px; height:36px;
  display:grid; place-items:center;
  border-radius:999px;
  background:#f3f4f6;
  color:#0b1b2b;
  font-size:20px; font-weight:900;
}

.hs-footer{ display:flex; justify-content:center; margin-top: 18px; }
.hs-btn{
  display:inline-block;
  padding: 14px 38px;
  border:2px solid var(--brt-accent, #e11d2e);
  color:var(--brt-accent, #e11d2e);
  font-weight:900;
  border-radius:999px;
  text-decoration:none;
  letter-spacing:.4px;
}

/* ===============================
  style1: Minimal Overlay (আপনার 1st ছবি)
=============================== */
.hs-style1 .hs-card{ height: 230px; border-radius:18px; }
.hs-style1 .hs-media{ height: 100%; }
.hs-style1 .hs-info{
  position:absolute; left:0; right:0; bottom:0;
  padding: 16px;
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.72) 70%);
}
.hs-style1 .hs-cat{ display:none; }
.hs-style1 .hs-name{ color:#fff; font-size:18px; }
.hs-style1 .hs-price,
.hs-style1 .hs-price del,
.hs-style1 .hs-price ins{ color:#ffcc00; }
.hs-style1 .hs-add{
  position:absolute; right:14px; bottom:14px;
  background:#fff;
}

/* ===============================
  style2: Vertical Standard (আপনার 2nd ছবি)
=============================== */
.hs-style2 .hs-card{
  border:1px solid rgba(15,23,42,.08);
  box-shadow: 0 8px 18px rgba(15,23,42,.06);
}
.hs-style2 .hs-media{ height: 180px; }
.hs-style2 .hs-info{ padding: 14px 14px 16px 14px; }
.hs-style2 .hs-add{ background:#eef2f7; }

/* ===============================
  style3: Horizontal (আপনার 3rd ছবি)
=============================== */
.hs-style3 .hs-card{
  display:grid;
  grid-template-columns: 42% 58%;
  border:1px solid rgba(15,23,42,.08);
}
.hs-style3 .hs-media{ height: 140px; }
.hs-style3 .hs-info{
  padding: 14px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.hs-style3 .hs-name{ font-size:15px; }
.hs-style3 .hs-add{ background:#eef2f7; }

/* ===============================
  style4: Bordered Standard (আপনার 4th ছবি)
=============================== */
.hs-style4 .hs-card{
  border:1px solid rgba(15,23,42,.10);
  padding: 14px;
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.hs-style4 .hs-media{
  width:74px; height:74px;
  border-radius:999px;
  background-size:cover;
  background-position:center;
  flex: 0 0 auto;
}
.hs-style4 .hs-info{ padding: 0; width: calc(100% - 90px); }
.hs-style4 .hs-cat{ display:none; }
.hs-style4 .hs-bottom{ margin-top: 8px; }
.hs-style4 .hs-add{
  position:absolute;
  right: 18px; top: 50%;
  transform: translateY(8px);
  width:34px; height:34px;
  background:#f3f4f6;
}
.hs-style4 .hs-badge{ top: 14px; left: 14px; right:auto; }
.hs-card{ position:relative; }
.hs-card-link{
  position:absolute;
  inset:0;
  z-index:1;
  text-indent:-9999px;
}
.hs-add{
  position:relative;
  z-index:2;          /* overlay link এর উপরে */
  text-decoration:none;
  cursor:pointer;
}
/* Remove the long line above footer */
.site-footer,
footer.site-footer {
  border-top: 0 !important;
  box-shadow: none !important;
}

/* If an <hr> exists around footer */
.site-footer hr,
footer hr {
  display: none !important;
  height: 0 !important;
  border: 0 !important;
}

/* Sometimes line comes from previous section (just before footer) */
main,
#content,
.site-content,
.content-area,
.page-content {
  border-bottom: 0 !important;
  box-shadow: none !important;
}

/* If theme adds a separator element */
.footer-separator,
.section-separator {
  display: none !important;
}

/* ===== CART PAGE (match screenshot) ===== */
body.woocommerce-cart { background:#f3f4f6; }
body.woocommerce-cart .site-content,
body.woocommerce-cart #primary,
body.woocommerce-cart main,
body.woocommerce-cart .container,
body.woocommerce-cart .content-area { padding-top:18px; padding-bottom:40px; }

.brt-cart-steps{
  display:flex; align-items:center; gap:12px;
  margin: 6px 0 22px;
  font-size:15px;
}
.brt-cart-step{ color:#6b7280; font-weight:700; }
.brt-cart-step.is-active{
  color:#111827;
  text-decoration: underline;
  text-decoration-color:#ff7a00;
  text-decoration-thickness:3px;
  text-underline-offset:6px;
}
.brt-cart-step-sep{ color:#9ca3af; font-weight:800; }

/* Mobile helper labels (shown only on small screens) */
.brt-m-label{ display:none; }
.brt-m-value{ display:inline; }

.brt-cart-layout{
  display:grid;
  grid-template-columns: 1fr 360px;
  gap:26px;
  align-items:start;
}
@media (max-width: 991px){
  .brt-cart-layout{ grid-template-columns: 1fr; }
}

.brt-cart-box,
.brt-totals-box{
  background:#fff;
  border-radius:14px;
  box-shadow: 0 6px 18px rgba(0,0,0,.05);
}

.brt-cart-box{ padding:18px 18px 14px 18px; }
.brt-cart-totals{ position:relative; }
.brt-totals-box{ padding:18px; }

.brt-cart-table{ width:100%; }

.brt-cart-row{
  display:grid;
  grid-template-columns: 36px 1.35fr .55fr .75fr .65fr;
  gap:10px;
  align-items:center;
  padding:18px 6px;
  border-top: 1px solid #e5e7eb;
}
.brt-cart-row--head{
  border-top:0;
  padding: 8px 6px 14px 6px;
  font-weight:800;
  color:#111827;
}
.brt-cart-row--head .brt-ct-subtotal{ text-align:right; }

.brt-ct-price, .brt-ct-qty{ text-align:center; }
.brt-ct-subtotal{ text-align:right; color:#ff7a00; font-weight:900; }

.brt-cart-product{ display:flex; align-items:center; gap:12px; }
.brt-cart-thumb img{
  width:56px; height:56px; object-fit:cover;
  border-radius:8px;
}
.brt-cart-name a{
  color:#111827; font-weight:800; text-decoration:none;
}
.brt-cart-name a:hover{ text-decoration:underline; }

.brt-ct-remove .remove{
  display:inline-flex;
  width:28px; height:28px;
  align-items:center; justify-content:center;
  border-radius:999px;
  color:#111827;
  text-decoration:none;
  border:1px solid transparent;
}
.brt-ct-remove .remove:hover{
  border-color:#e5e7eb;
  background:#f9fafb;
}

/* Qty pill */
.brt-qty{
  margin:0 auto;
  height:34px;
  width:112px;
  display:flex; align-items:center; justify-content:space-between;
  border:1px solid #e5e7eb;
  border-radius:999px;
  padding:0 6px;
}
.brt-qty-btn{
  width:28px; height:28px;
  border:0; background:transparent;
  font-weight:900; cursor:pointer;
  color:#111827;
}
.brt-qty-input input.qty{
  width:38px !important;
  border:0 !important;
  text-align:center;
  font-weight:800;
  padding:0 !important;
  background:transparent !important;
  -moz-appearance:textfield;
}
.brt-qty-input input.qty::-webkit-outer-spin-button,
.brt-qty-input input.qty::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }

/* Coupon row */
.brt-cart-actions{
  display:flex;
  justify-content:flex-start;
  padding:16px 6px 6px 6px;
}
.brt-coupon{
  display:flex;
  gap:12px;
  align-items:center;
  flex-wrap:wrap;
}
.brt-coupon input#coupon_code{
  height:40px;
  border:1px solid #e5e7eb;
  border-radius:999px;
  padding:0 14px;
  min-width:220px;
}
.brt-btn-orange{
  height:40px;
  border:0;
  background:#ff7a00 !important;
  color:#fff !important;
  border-radius:6px !important;
  padding:0 18px !important;
  font-weight:900 !important;
}

.brt-update-cart{ display:none !important; }

/* Totals card */
.brt-totals-box h2{
  margin:0 0 12px 0;
  font-size:26px;
  font-weight:900;
  color:#111827;
}
.brt-totals-rows{ border-top:1px solid #e5e7eb; }
.brt-totals-row{
  display:flex; align-items:center; justify-content:space-between;
  padding:12px 0;
  border-bottom:1px solid #e5e7eb;
  font-weight:700;
}
.brt-totals-row:last-child{ border-bottom:0; }
.brt-totals-subtotal .brt-totals-value{ color:#111827; font-weight:800; }
.brt-totals-total .brt-totals-label{ font-weight:900; }
.brt-totals-total .brt-totals-value{ color:#ff7a00; font-weight:900; }

.brt-proceed .checkout-button{
  display:block !important;
  width:100% !important;
  background:#ff7a00 !important;
  color:#fff !important;
  text-align:center !important;
  border-radius:4px !important;
  padding:12px 14px !important;
  font-weight:900 !important;
  margin-top:14px !important;
}

/* Mobile cart layout like reference screenshot */
@media (max-width: 991px){
  .brt-cart-steps{ gap:10px; flex-wrap:wrap; }
  .brt-cart-layout{ gap:16px; }
  .brt-cart-box{ padding:14px; }
  .brt-totals-box{ padding:16px; }

  .brt-cart-row--head{ display:none; }
  .brt-cart-body{ display:block; }
  .brt-cart-row{
    position:relative;
    grid-template-columns: 1fr;
    gap:10px;
    padding:14px;
    border:1px solid #eef2f7;
    border-radius:14px;
    margin-bottom:14px;
    background:#fff;
  }

  .brt-ct-remove{
    position:absolute;
    right:10px;
    top:10px;
    width:auto;
    z-index:2;
  }
  .brt-ct-remove .remove{
    width:30px; height:30px;
    border:1px solid #eef2f7;
    background:#fff;
  }

  .brt-ct-product{ padding-right:44px; }
  .brt-cart-product{
    display:grid;
    grid-template-columns: 92px 1fr;
    gap:12px;
    align-items:start;
  }
  .brt-cart-thumb img{
    width:92px; height:92px;
    border-radius:12px;
  }
  .brt-cart-name a{ font-size:20px; line-height:1.15; display:inline-block; }

  /* Price / Qty / Subtotal lines aligned to the right column (leave space for image) */
  .brt-ct-price, .brt-ct-qty, .brt-ct-subtotal{
    text-align:left;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding-left:104px;
    border-top:1px dashed #e5e7eb;
    padding-top:10px;
    margin-top:-2px;
  }
  .brt-m-label{
    display:block;
    color:#6b7280;
    font-weight:700;
  }
  .brt-m-value{ font-weight:900; }
  .brt-ct-subtotal .brt-m-value{ color:#ff7a00; }
  .brt-qty{ margin:0; width:120px; }

  /* Coupon full width */
  .brt-cart-actions{ padding:10px 0 0 0; }
  .brt-coupon{ width:100%; flex-direction:column; align-items:stretch; gap:10px; }
  .brt-coupon input#coupon_code{ width:100%; min-width:0; height:48px; }
  .brt-btn-orange{ width:100%; height:48px; font-size:16px; }

  /* Totals button full width already, just spacing */
  .brt-proceed .checkout-button{ height:52px !important; font-size:18px; }
}


@media (max-width: 575px){
  .brt-cart-name a{ font-size:18px; }
  .brt-cart-thumb img{ width:84px; height:84px; }
  .brt-ct-price, .brt-ct-qty, .brt-ct-subtotal{ padding-left:96px; }
}

/* Cross sell title like screenshot (blue highlight) */
.brt-cross-sells{ margin-top:26px; }
.brt-cross-title{ margin:0 0 14px 0; font-size:22px; font-weight:900; }
.brt-cross-title span{
  background:#2563eb;
  color:#fff;
  padding:3px 8px;
  border-radius:3px;
  display:inline-block;
}

/* Steps links */
.brt-cart-steps a.brt-cart-step{ text-decoration:none; }
.brt-cart-steps a.brt-cart-step:hover{ text-decoration:underline; }



/* ===== Cart v8 fixes ===== */
.brt-totals-box{ overflow:hidden; }
.brt-proceed{ overflow:hidden; }
.brt-proceed .checkout-button{
  box-sizing:border-box !important;
  max-width:100% !important;
  min-width:0 !important;
}
@media (max-width: 991px){
  .brt-cart-page{ padding-bottom:110px; }
  .brt-proceed .checkout-button{ margin-bottom:90px !important; }
}


/* ===== Cart v9 fixes: coupon + prevent horizontal overflow ===== */
html, body{ overflow-x:hidden; }

body.woocommerce-cart .brt-cart-page,
body.woocommerce-cart .brt-cart-layout,
body.woocommerce-cart .brt-cart-box,
body.woocommerce-cart .brt-totals-box{
  max-width:100%;
  box-sizing:border-box;
}

/* Coupon: never overflow */
.brt-coupon, .brt-coupon *{ box-sizing:border-box; }
.brt-coupon input#coupon_code{ max-width:100%; }
.brt-coupon .brt-btn-orange{ max-width:100%; }

@media (max-width: 767px){
  .brt-cart-actions{ padding-left:6px; padding-right:6px; }
  .brt-coupon{ width:100%; flex-direction:column; align-items:stretch; gap:10px; }
  .brt-coupon input#coupon_code{
    width:100%;
    min-width:0;
  }
  .brt-coupon .brt-btn-orange{
    width:100% !important;
    border-radius:10px !important;
  }
}


/* ==========================================================
   Quick Order card style (Home)
   ========================================================== */

.hs-card{border:2px solid var(--brt-accent-border, rgba(171, 0, 23, 0.25))!important;border-radius:10px!important;overflow:hidden!important;position:relative;}
.hs-media{background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;}
.hs-badge{background:var(--brt-accent, #8b0f1a)!important;color:#fff!important;font-weight:800!important;border-radius:999px!important;}

.brt-price{display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;}
.brt-price del{color:#777;font-size:14px;opacity:.9;}
.brt-price ins{text-decoration:none;color:var(--brt-accent, #8b0f1a);font-size:22px;font-weight:900;}

.brt-order-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:11px 12px;border-radius:8px;background:var(--brt-order-btn-bg, #8b0f1a);color:var(--brt-order-btn-fg, #fff)!important;text-decoration:none!important;font-weight:800;font-size:15px;}
.brt-order-btn:hover{background:var(--brt-order-btn-hover, var(--brt-order-btn-bg, #8b0f1a));}

/* ==========================================================
   Single product button stack (Order / WhatsApp / Call)
   ========================================================== */

.brt-single-actions{display:flex;flex-direction:column;gap:10px;margin:14px 0;}
.brt-whatsapp-btn,
.brt-call-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:11px 12px;border-radius:8px;text-decoration:none!important;font-weight:800;font-size:15px;}

.brt-whatsapp-btn{background:#22c55e;color:#fff!important;}
.brt-whatsapp-btn:hover{filter:brightness(1.03);}

.brt-call-btn{background:var(--brt-order-btn-bg, #8b0f1a);color:var(--brt-order-btn-fg, #fff)!important;}
.brt-call-btn:hover{background:var(--brt-order-btn-hover, var(--brt-order-btn-bg, #8b0f1a));}

/* ==========================================================
   Size modal (like screenshot)
   ========================================================== */

.brt-modal{position:fixed;inset:0;display:none;z-index:999999;}
.brt-modal.is-open{display:block;}
.brt-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.35);}
.brt-modal-card{position:relative;width:min(760px, calc(100% - 30px));margin:6vh auto;background:#fff;border-radius:10px;box-shadow:0 10px 35px rgba(0,0,0,.2);}
.brt-modal-body{padding:22px 18px;}
.brt-modal-head{display:flex;align-items:center;gap:12px;margin:0 0 8px 0;}
.brt-modal-title{margin:0;font-size:18px;font-weight:900;line-height:1.2;flex:1;color:#111;}
.brt-modal-backbtn{display:none;align-items:center;gap:8px;border:1px solid rgba(0,0,0,.18);background:#fff;border-radius:8px;padding:7px 10px;font-weight:800;cursor:pointer;}
.brt-modal-footer{padding:0 18px 16px;display:flex;justify-content:flex-end;}
.brt-modal-close{border:1px solid rgba(0,0,0,.25);background:#fff;border-radius:8px;padding:8px 14px;cursor:pointer;}
.brt-modal-x{position:absolute;top:10px;right:10px;border:none;background:transparent;font-size:22px;cursor:pointer;line-height:1;}
.brt-size-row{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#f2f2f2;border-radius:8px;padding:16px 14px;margin:12px 0;}
.brt-size-left{font-size:14px;color:#333;}
.brt-opt-wrap{display:flex;align-items:center;gap:10px;}
.brt-opt-thumb{width:46px;height:46px;object-fit:cover;border-radius:10px;background:#fff;border:1px solid rgba(0,0,0,.08);flex:0 0 auto;}
.brt-opt-text{font-weight:800;line-height:1.2;}

.brt-size-right{display:flex;align-items:center;gap:10px;}
.brt-size-price{min-width:70px;text-align:right;font-weight:800;color:#444;}
.brt-size-order{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#8b0f1a;color:#fff!important;text-decoration:none!important;padding:7px 12px;border-radius:6px;font-weight:800;font-size:13px;}
.brt-size-order{border:0;cursor:pointer;}

body.brt-modal-open{overflow:hidden;}


/* ==========================================================
   Checkout page (match screenshot layout)
   ========================================================== */

body.woocommerce-checkout #primary{max-width:1100px;margin:0 auto;}
body.woocommerce-checkout .woocommerce{display:flex;justify-content:center;}

.brt-checkout-wrap{width:100%;display:flex;justify-content:center;padding:26px 12px;}
.brt-checkout-card{width:420px;max-width:100%;background:#fff;border:2px solid rgba(171,0,23,0.25);border-radius:8px;box-shadow:0 8px 22px rgba(0,0,0,.08);padding:0;overflow:hidden;}
.brt-checkout-head{padding:18px 18px 14px;text-align:center;border-bottom:1px solid rgba(0,0,0,.08);}
.brt-checkout-head h2{margin:0;font-size:22px;font-weight:900;color:#6a0b12;}

.brt-checkout-section{padding:14px 18px;}
.brt-checkout-section label{font-weight:700;}
.brt-checkout-section input.input-text,
.brt-checkout-section textarea{width:100%!important;border:1px solid rgba(0,0,0,.2)!important;border-radius:6px!important;padding:10px 10px!important;}

.brt-ship-box{padding:0 18px 12px;}
.brt-ship-box .woocommerce-shipping-fields{display:none;}

.brt-review-table{width:100%;border-collapse:collapse;}
.brt-review-table td,.brt-review-table th{border:1px solid rgba(0,0,0,.15);padding:8px;vertical-align:top;font-size:12px;}
.brt-review-row{display:flex;gap:8px;}
.brt-review-thumb img{width:38px;height:38px;object-fit:cover;border-radius:4px;}
.brt-review-name{font-weight:700;}
.brt-review-meta{font-size:11px;color:#555;margin-top:4px;}
.brt-qty{display:flex;align-items:center;justify-content:center;gap:6px;}
.brt-qty a{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:1px solid rgba(0,0,0,.25);border-radius:3px;text-decoration:none!important;color:#333;}
.brt-qty .brt-qty-num{min-width:18px;text-align:center;font-weight:800;}

.brt-placeorder{padding:14px 18px 18px;}
.brt-placeorder button#place_order{width:100%!important;background:#8b0f1a!important;color:#fff!important;border:none!important;border-radius:8px!important;padding:13px 12px!important;font-weight:900!important;font-size:18px!important;}

/* Checkout (Woo) Place order button styling (when using default payment.php output) */
.woocommerce-checkout #payment #place_order,
.woocommerce-checkout .place-order #place_order{
  width:100% !important;
  background:#8b0f1a !important;
  color:#fff !important;
  border:none !important;
  border-radius:8px !important;
  padding:13px 12px !important;
  font-weight:900 !important;
  font-size:18px !important;
}




/* Checkout: hide coupon/login sections and any extra blocks */
.woocommerce-form-coupon-toggle,
.woocommerce-form-coupon,
.woocommerce-info,
.woocommerce-message,
.woocommerce-error {
  /* notices are rendered inside the card; keep errors/messages visible */
}
body.woocommerce-checkout .woocommerce-form-coupon-toggle { display:none !important; }
body.woocommerce-checkout form.checkout .woocommerce-form-login-toggle { display:none !important; }

/* Checkout: Delivery charge selector */
.brt-shipping-methods .brt-shipping-ul{list-style:none;margin:0;padding:0;}
.brt-shipping-methods .brt-shipping-ul li{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #e5e5e5;border-radius:8px;background:#fff;margin-bottom:8px;}
.brt-shipping-methods .brt-shipping-ul li input[type=radio]{width:16px;height:16px;}
.brt-shipping-methods .brt-shipping-ul li label{margin:0;cursor:pointer;font-weight:700;display:flex;justify-content:space-between;width:100%;}
.brt-shipping-methods .brt-shipping-ul li label .amount{font-weight:900;}

.brt-order-btn {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  display: flex;
}

/* ===== Desktop dropdown fix (submenu hidden by default) ===== */
@media (min-width: 769px){

  /* Only the main menu should be flex */
  .brt-nav > ul,
  .brt-nav > ul.brt-menu{
    display: flex;
    align-items: center;
    gap: 22px;
  }

  /* Submenu should NOT be flex row and should be hidden */
  .brt-nav ul.sub-menu{
    display: none !important;
    position: absolute;
    /* NOTE: keep submenu touching parent item to avoid a hover "gap".
       A gap causes submenu to disappear when moving mouse from parent to submenu. */
    top: 100%;
    left: 0;
    min-width: 220px;
    padding: 10px 0 !important;
    margin: 0 !important;
    list-style: none !important;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,.12);
    z-index: 9999;
  }

  /* Parent must be positioning context for absolute submenu */
  .brt-nav li.menu-item-has-children{ position: relative; }

  /* Show submenu on hover */
  .brt-nav li.menu-item-has-children:hover > ul.sub-menu{
    display: block !important;
  }

  /* Keep submenu open when tabbing through links */
  .brt-nav li.menu-item-has-children:focus-within > ul.sub-menu{
    display: block !important;
  }

  /* Submenu items */
  .brt-nav ul.sub-menu li{
    width: 100%;
  }

  .brt-nav ul.sub-menu a{
    display: block;
    padding: 10px 14px;
    white-space: nowrap;
  }
}




































/* Base */
.brt-order-btn,
.woocommerce ul.products li.product a.button,
.woocommerce ul.products li.product .button {
  transition: transform .35s ease, box-shadow .35s ease, filter .35s ease;
  transform-origin: center;
  will-change: transform;
  display: inline-flex;
}

/* ===== Desktop hover ===== */
@media (hover:hover) {

  .brt-order-btn:hover,
  .woocommerce ul.products li.product a.button:hover,
  .woocommerce ul.products li.product .button:hover {
    transform: rotate(-9deg) scale(1.03);
    /* কাত বাড়ানো */
    filter: brightness(1.06);
    box-shadow: 0 12px 26px rgba(0, 0, 0, .20);
  }

  .brt-order-btn:active,
  .woocommerce ul.products li.product a.button:active,
  .woocommerce ul.products li.product .button:active {
    transform: rotate(-4deg) scale(0.98);
  }
}

/* ===== Mobile tap (smooth + visible) ===== */
@keyframes brtTapTilt {
  0% {
    transform: rotate(0deg) scale(1);
  }

  45% {
    transform: rotate(-10deg) scale(1.03);
  }

  /* এখানে 9/10deg দিন */
  100% {
    transform: rotate(0deg) scale(1);
  }
}

@media (hover:none) {

  /* hover off */
  .brt-order-btn:hover,
  .woocommerce ul.products li.product a.button:hover,
  .woocommerce ul.products li.product .button:hover {
    transform: none;
    box-shadow: none;
  }

  /* tap করলে animation হবে (সময় বেশি, তাই বোঝা যাবে) */
  .brt-order-btn:active,
  .woocommerce ul.products li.product a.button:active,
  .woocommerce ul.products li.product .button:active {
    animation: brtTapTilt .42s ease both;
    /* speed slow করা */
    filter: brightness(1.06);
  }

  /* stuck prevent */
  .brt-order-btn:focus,
  .brt-order-btn:focus-visible {
    transform: none !important;
  }
}












/* ===== Home section product image zoom (hs-media uses background-image) ===== */
.hs-card {
  overflow: hidden;
  /* zoom হলে বাইরে যাবে না */
}

.hs-media {
  transition: transform .35s ease;
  transform: scale(1);
  will-change: transform;
  background-size: cover;
  background-position: center;
}

/* Desktop hover */
@media (hover:hover) {
  .hs-card:hover .hs-media {
    transform: scale(1.10);
  }
}

/* Mobile tap feedback */
@media (hover:none) {
  .hs-card:active .hs-media {
    transform: scale(1.06);
  }
}





































/* ===== Single product image cursor-follow zoom ===== */
.woocommerce div.product div.images .woocommerce-product-gallery__image{
  overflow: hidden;
  border-radius: 12px;
}

.woocommerce div.product div.images .woocommerce-product-gallery__image img{
  transition: transform .12s ease;
  transform: scale(1);
  transform-origin: 50% 50%;
  will-change: transform;
  display:block;
}

.woocommerce div.product div.images .woocommerce-product-gallery__image.brt-zooming img{
  transform: scale(2); /* zoom power: 1.6 / 2 / 2.2 */
  cursor: zoom-in;
}


/* ==================================================
   Ghorer Bazar style header (same-to-same)
   ================================================== */
.brt-header--gb{
  position: relative;
  z-index: 99999;
  background:#fff;
  border-bottom:0;
}

.brt-header--gb .brt-container{
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 16px;
  overflow: visible;
}

.brt-header--gb .brt-topbar{
  background: var(--brt-topbar-bg);
  color: var(--brt-topbar-fg);
}
.brt-header--gb .brt-topbar-inner{
  padding: 10px 0;
  display:flex;
  justify-content:center;
}
.brt-header--gb .brt-topbar-text{
  font-size: 14px;
  text-align:center;
}
.brt-header--gb .brt-topbar-text a{
  color: inherit;
  text-decoration: none;
}
.brt-header--gb .brt-topbar-text a:hover{
  text-decoration: underline;
}

.brt-header--gb .brt-header-main{
  background:#fff;
  position: relative;
  z-index: 99999;
  overflow: visible;
}
.brt-header--gb .brt-header-main-row{
  height: var(--brt-header-main-h);
  display:grid;
  grid-template-columns: 1fr auto 1fr;
  align-items:center;
  gap: 10px;
}

.brt-header--gb .brt-header-left{
  display:flex;
  align-items:center;
  gap: 10px;
}
.brt-header--gb .brt-header-center{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap: 10px;
}
.brt-header--gb .brt-header-right{
  display:flex;
  justify-content:flex-end;
}
.brt-header--gb .brt-header-actions{
  display:flex;
  align-items:center;
  gap: 10px;
}

/* icon buttons */
.brt-header--gb .brt-icon-btn{
  width: 44px;
  height: 44px;
  border: 0;
  background: transparent;
  display:grid;
  place-items:center;
  cursor:pointer;
  color: var(--brt-icon-color);
  padding: 0;
  text-decoration:none;
}
.brt-header--gb .brt-icon-btn svg{
  width: 22px;
  height: 22px;
  display:block;
}
.brt-header--gb .brt-icon-btn:hover{
  color: var(--brt-icon-hover);
}

/* logo sizing */
.brt-header--gb .brt-logo-img{
  max-height: var(--brt-logo-h, 52px);
}

/* nav */
.brt-header--gb .brt-header-nav{
  background:#fff;
  border-top: 1px solid rgba(0,0,0,.06);
  position: relative;
  z-index: 99999;
  overflow: visible;
}

/* ==========================================================
   Desktop: Hamburger is used, so hide the horizontal menu bar
   (menu stays available inside the drawer)
   ========================================================== */
.brt-header--gb .brt-header-nav{ display:none !important; }
.brt-header--gb .brt-menu{
  list-style:none !important;
  margin:0 !important;
  padding: 12px 0 !important;
  display:flex;
  align-items:center;
  gap: 22px;
  overflow-x:auto;
  overflow-y: visible;
  position: relative;
  z-index: 99999;
}
.brt-header--gb .brt-menu > li{
  position:relative;
  list-style:none !important;
}
.brt-header--gb .brt-menu a{
  text-decoration:none;
  color: var(--brt-menu-color);
  font-size: var(--brt-menu-size);
  font-weight: var(--brt-menu-weight);
  white-space: nowrap;
}
.brt-header--gb .brt-menu a:hover{ color: var(--brt-menu-hover); }

.brt-header--gb .brt-nav{ overflow: visible; position: relative; z-index: 99999; }

/* dropdown */
.brt-header--gb .brt-menu li ul{
  display:none;
  position:absolute;
  top: calc(100% + 10px);
  left: 0;
  min-width: 190px;
  background:#fff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 12px;
  padding: 8px;
  box-shadow: 0 10px 24px rgba(0,0,0,.08);
  z-index: 999999;
}
/* dropdown hover bridge (prevents submenu from hiding when moving mouse) */
.brt-header--gb .brt-menu li > ul::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:-10px;
  height:10px;
}

.brt-header--gb .brt-menu li:hover > ul,
.brt-header--gb .brt-menu li:focus-within > ul{ display:block; }
.brt-header--gb .brt-menu li ul a{
  display:block;
  padding: 10px 10px;
  border-radius: 10px;
}
.brt-header--gb .brt-menu li ul a:hover{
  background: rgba(252,137,52,.10);
}

/* cart count color to match */
.brt-header--gb .brt-cart-count{
  background: var(--brt-icon-color);
  color: #fff;
  top: 4px;
  right: 4px;
  min-width: 18px;
  height: 18px;
  font-size: 11px;
}

/* mini cart position */
.brt-header--gb .brt-mini-cart{
  top: 54px;
}

/* inline search (optional) */
.brt-header--gb .brt-search-inline{
  display:flex;
  align-items:center;
  gap: 8px;
  width: min(720px, 80vw);
  background: #f3f4f6;
  border-radius: 999px;
  padding: 8px 10px;
}
.brt-header--gb .brt-search-inline-input{
  border:0;
  outline:0;
  background: transparent;
  width: 100%;
  font-size: 14px;
}
.brt-header--gb .brt-search-inline-btn{
  width: 40px;
  height: 40px;
  border:0;
  border-radius: 999px;
  background: #3aa7ff;
  color: #fff;
  display:grid;
  place-items:center;
  cursor:pointer;
}
.brt-header--gb .brt-search-inline-btn svg{ width:20px; height:20px; }

/* Search modal */
.brt-search-modal[hidden]{ display:none !important; }
.brt-search-modal{
  position: fixed;
  inset: 0;
  z-index: 10000;
  display:flex;
  align-items:center;
  justify-content:center;
}
.brt-search-backdrop{
  position:absolute;
  inset:0;
  background: rgba(0,0,0,.42);
}
.brt-search-panel{
  position:relative;
  width: min(760px, 92vw);
  background: #fff;
  border-radius: 999px;
  padding: 12px 14px;
  box-shadow: 0 18px 45px rgba(0,0,0,.18);
}
.brt-search-modal-form{
  display:flex;
  align-items:center;
  gap: 10px;
}
.brt-search-modal-input{
  flex: 1;
  height: 44px;
  border:0;
  outline:0;
  background: transparent;
  font-size: 14px;
}
.brt-search-modal-submit{
  width: 42px;
  height: 42px;
  border:0;
  border-radius: 999px;
  background: var(--brt-secondary);
  color: #fff;
  display:grid;
  place-items:center;
  cursor:pointer;
}
.brt-search-modal-submit svg{ width:20px; height:20px; }
.brt-search-modal-close{
  position:absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  border:0;
  border-radius: 999px;
  background: transparent;
  cursor:pointer;
  font-size: 18px;
  color: #111;
}

/* Responsive */
@media (max-width: 768px){
  .brt-header--gb .brt-header-main-row{
    grid-template-columns: auto 1fr auto;
    height: 72px;
  }
  /* Mobile: use hamburger + drawer, hide desktop menu row */
  .brt-header--gb .brt-header-nav{ display:none; }
  .brt-header--gb .brt-hamburger{ display:grid !important; }
  .brt-header--gb .brt-topbar-text{ font-size: 12px; }
}


/* ==================================================
   Mobile Drawer (Hamburger Menu)
   - ☰ click => drawer open/close + overlay
   - ▼ click => submenu slide down/up
   - Link text click => goes to link (▼ আলাদা)
   ================================================== */

/* hidden on desktop */
.brt-hamburger{ display:none; }
.brt-hamburger-icon{ font-size: 28px; line-height: 1; }

.brt-mobile-drawer{
  position: fixed;
  inset: 0;
  z-index: 100000;
  pointer-events: none;
  visibility: hidden;
}
.brt-mobile-overlay{
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.55);
  opacity: 0;
  transition: opacity .25s ease;
}
.brt-mobile-panel{
  position: absolute;
  top: 0;
  left: 0;
  width: min(86vw, 360px);
  height: 100%;
  background: var(--brt-drawer-bg);
  transform: translateX(-102%);
  transition: transform .25s ease;
  box-shadow: 0 20px 60px rgba(0,0,0,.25);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

body.brt-drawer-open{ overflow:hidden; }
body.brt-drawer-open .brt-mobile-drawer{ pointer-events:auto; visibility: visible; }
body.brt-drawer-open .brt-mobile-overlay{ opacity: 1; }
body.brt-drawer-open .brt-mobile-panel{ transform: translateX(0); }

.brt-mobile-panel-head{
  position: sticky;
  top: 0;
  z-index: 1;
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 10px;
  padding: 14px 14px;
  background: var(--brt-drawer-bg);
  border-bottom: 1px solid var(--brt-drawer-underline);
}
.brt-mobile-panel-title{
  font-weight: 900;
  font-size: 16px;
}
.brt-mobile-close{
  width: 40px;
  height: 40px;
  border: 0;
  background: transparent;
  border-radius: 12px;
  cursor: pointer;
  font-size: 18px;
  color: var(--brt-menu-color);
}
.brt-mobile-close:hover{ background: rgba(0,0,0,.06); }

/* Drawer menu base */
.brt-drawer-nav ul,
.brt-drawer-nav .brt-drawer-menu{
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* separator line under each item */
.brt-drawer-nav .brt-drawer-menu > li,
.brt-drawer-nav .brt-drawer-menu ul.sub-menu > li{
  border-bottom: 1px solid var(--brt-drawer-underline);
}

/* row: link text + ▼ button */
.brt-drawer-item{
  display:flex;
  align-items:center;
  gap: 10px;
  padding: 14px 14px;
}
.brt-drawer-item > a{
  flex: 1;
  text-decoration: none;
  color: var(--brt-menu-color);
  font-size: 16px;
  font-weight: 800;
}
.brt-drawer-item > a:hover{ color: var(--brt-menu-hover); }

.brt-submenu-toggle{
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: 12px;
  background: transparent;
  cursor: pointer;
  display:grid;
  place-items:center;
  color: var(--brt-menu-color);
}
.brt-submenu-toggle:hover{ background: rgba(0,0,0,.06); }
.brt-submenu-icon{
  display:block;
  font-size: 14px;
  opacity: .7;
  transition: transform .2s ease, opacity .2s ease;
}
.brt-drawer-nav li.is-open > .brt-drawer-item .brt-submenu-icon{
  transform: rotate(180deg);
  opacity: 1;
}

/* submenus: slide down */
.brt-drawer-nav ul.sub-menu{
  overflow: hidden;
  max-height: 0;
  transition: max-height .25s ease;
}

/* indent levels */
.brt-drawer-nav ul.sub-menu .brt-drawer-item{
  padding: 12px 14px 12px 26px;
}
.brt-drawer-nav ul.sub-menu ul.sub-menu .brt-drawer-item{
  padding-left: 38px;
}
.brt-drawer-nav ul.sub-menu .brt-drawer-item > a{
  font-size: 15px;
  font-weight: 700;
}



/* ==========================================================
   Home Hero Slider (WooCommerce Product Slider)
   - Big circular product image (reference style)
   ========================================================== */
.brt-hero-slider{
  position: relative;
  z-index: 1;
  width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  background:#fff;
  overflow:hidden;
}
.brt-hero-inner{ padding:48px 20px; }
.brt-hero-stage{
  position:relative;
  display:grid;
  align-items:center;
}
.brt-hero-slide{
  grid-area:1/1;
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:34px;
  align-items:center;
  opacity:0;
  transform:translateY(10px);
  transition:opacity .35s ease, transform .35s ease;
  pointer-events:none;
}
.brt-hero-slide.is-active{
  opacity:1;
  transform:none;
  pointer-events:auto;
}
.brt-hero-left{ max-width:520px; }
.brt-hero-title{
  margin:0 0 12px !important;
  font-size:44px;
  line-height:1.08;
  font-weight:800;
  color:#111;
}
.brt-hero-price{
  margin:0 0 10px !important;
  font-size:18px;
  font-weight:700;
  color:#111;
}
.brt-hero-price .amount{ font-weight:800; }
.brt-hero-rating{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 14px !important;
  font-size:14px;
  color:#666;
}
.brt-stars{ letter-spacing:2px; font-size:16px; color:#f5a623; }
.brt-hero-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 16px;
  border-radius:10px;
  text-decoration:none;
  background:var(--brt-order-btn-bg, #8b0f1a);
  color:var(--brt-order-btn-fg, #fff);
  font-weight:800;
  font-size:14px;
  transition:background .18s ease, transform .18s ease;
}
.brt-hero-btn:hover{ background:var(--brt-order-btn-hover,#760b13); transform:translateY(-1px); }

.brt-hero-right{ display:flex; justify-content:flex-end; }
.brt-hero-circle{
  width:min(440px, 46vw);
  aspect-ratio:1/1;
  border-radius:999px;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
}
.brt-hero-circle::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:999px;
  background:var(--brt-hero-circle-bg, #6f3dd2);
  filter:drop-shadow(0 16px 28px rgba(0,0,0,.18));
}
.brt-hero-img{
  position:relative;
  width:88%;
  height:88%;
  border-radius:999px;
  object-fit:cover;
  box-shadow:0 18px 46px rgba(0,0,0,.22);
}

/* Badge (corner text) */
.brt-hero-badge{
  position:absolute;
  z-index:5;
  padding:8px 12px;
  border-radius:12px;
  background:var(--brt-hero-badge-bg, #111);
  color:var(--brt-hero-badge-fg, #fff);
  font-weight:800;
  font-size:14px;
  letter-spacing:.2px;
}
.brt-badge-top-left{ top:12px; left:12px; }
.brt-badge-top-right{ top:12px; right:12px; }
.brt-badge-bottom-left{ bottom:12px; left:12px; }
.brt-badge-bottom-right{ bottom:12px; right:12px; }

/* Arrows */
.brt-hero-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:34px;
  height:34px;
  border-radius:10px;
  border:1px solid rgba(0,0,0,.12);
  background:#fff;
  cursor:pointer;
  display:grid;
  place-items:center;
  font-size:22px;
  line-height:1;
  color:#111;
  z-index:10;
}
.brt-hero-prev{ left:-6px; }
.brt-hero-next{ right:-6px; }
.brt-hero-arrow:hover{ background:#f6f7f9; }

/* Dots */
.brt-hero-dots{
  position:absolute;
  left:50%;
  bottom:-18px;
  transform:translateX(-50%);
  display:flex;
  gap:8px;
  z-index:10;
}
.brt-hero-dot{
  width:8px;
  height:8px;
  border-radius:999px;
  border:0;
  background:rgba(0,0,0,.25);
  cursor:pointer;
}
.brt-hero-dot.is-active{ background:rgba(0,0,0,.6); }

/* Responsive */
@media (max-width: 992px){
  .brt-hero-inner{ padding:28px 14px; }
  .brt-hero-slide{ grid-template-columns:1fr; gap:18px; }
  .brt-hero-right{ justify-content:center; }
  .brt-hero-title{ font-size:34px; }
  .brt-hero-prev{ left:0; }
  .brt-hero-next{ right:0; }
  .brt-hero-dots{ bottom:-12px; }
}

/* ==========================================================
   Primary menu overflow safety (prevents header breaking when many items)
   ========================================================== */
.brt-header--gb .brt-menu{
  flex-wrap:nowrap;
  overflow-x:auto;
  white-space:nowrap;
  -ms-overflow-style:none;
  scrollbar-width:none;
}
.brt-header--gb .brt-menu::-webkit-scrollbar{ display:none; }
.brt-header--gb .brt-menu > li{ flex:0 0 auto; }



/* ===== Fix: dropdown submenu above slider (z-index + overflow) ===== */
.brt-header.brt-header--gb{
  position: relative;
  z-index: 50000;
}
.brt-header.brt-header--gb .brt-header-main,
.brt-header.brt-header--gb .brt-header-nav{
  position: relative;
  z-index: 50000;
  overflow: visible;
}
.brt-header.brt-header--gb .brt-header-nav .brt-container{
  overflow: visible;
}
@media (min-width: 769px){
  .brt-header.brt-header--gb .brt-nav ul.sub-menu{
    z-index: 60000;
  }
  /* nested submenu */
  .brt-header.brt-header--gb .brt-nav ul.sub-menu ul.sub-menu{
    top: 0;
    left: 100%;
  }
}

/* ===== FIX (2026-02-25): Desktop dropdown submenu was getting clipped =====
   কারণ: .brt-menu এ overflow-x:auto ছিল। CSS নিয়ম অনুযায়ী একদিকে overflow visible না হলে
   অন্যদিকেও visible কাজ করে না (Chrome/Edge এ বিশেষ করে) — ফলে সাবমেনু কেটে যাচ্ছিল।
   সমাধান: ডেস্কটপে overflow visible করে দেওয়া + প্রয়োজন হলে menu wrap করা।
*/
@media (min-width: 769px){
  .brt-header--gb .brt-menu{
    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
    flex-wrap: wrap;
    white-space: normal;
  }
  /* nested submenu open to the right */
  .brt-header--gb .brt-menu li ul ul{
    top: 0;
    left: 100%;
  }
  .brt-header--gb .brt-menu li ul li{ position: relative; }
}

/* Mobile: desktop menu row hidden; drawer menu is used */
@media (max-width: 768px){
  .brt-header--gb .brt-menu{
    overflow: visible !important;
    flex-wrap: wrap;
    white-space: normal;
  }
}




































/* =========================
   Footer Only Dev Bar
   "Design & Development | BD IT HOME"
   ========================= */

/* যদি আগে fixed bar এর জন্য body padding-bottom দিয়ে থাকেন, এটা space বানায়—এটা শূন্য করে দিন */
body{
  padding-bottom: 0 !important;
}

/* Main bar */
.brt-devbar--footer{
  position: relative;     /* fixed নয় */
  width: 100%;
  margin: 0 !important;   /* IMPORTANT: space remove */
  padding: 10px 0;
  background: linear-gradient(180deg, #142a3d 0%, #0b1d2a 100%);
  color: #ffffff;
  font-size: 13px;
  line-height: 1.4;
  border: 0;
}

/* যদি থিম footer/container থেকে gap আসে (padding/margin), এইগুলো devbar-এর চারপাশে tight করে */
footer .brt-devbar--footer,
.site-footer .brt-devbar--footer,
#colophon .brt-devbar--footer{
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Inner container */
.brt-devbar__inner{
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 16px;
  display: flex;
  justify-content: flex-end; /* ডান পাশে */
  align-items: center;
  gap: 10px;
}

/* Separator */
.brt-devbar--footer .sep{
  opacity: .65;
}

/* Link style */
.brt-devbar--footer a{
  color: var(--brt-secondary, #f5a623); /* থিমের ভ্যার না থাকলে fallback */
  text-decoration: none;
  font-weight: 700;
}
.brt-devbar--footer a:hover{
  text-decoration: underline;
}

/* Mobile */
@media (max-width: 576px){
  .brt-devbar__inner{
    justify-content: center;
    text-align: center;
    flex-wrap: wrap;
  }
}
/* Copyright + Devbar text center */
.site-footer, 
footer, 
#colophon{
  text-align: center;
}

/* Devbar inner center */
.brt-devbar__inner{
  justify-content: center !important;
}

/* যেহেতু span + link আছে—সব inline center রাখবে */
.brt-devbar--footer{
  text-align: center;
}