/*
  Ghorer Bazar inspired frontend restyle.
  This file is presentation-only: no Livewire/PHP data flow or backend logic is changed.
*/
:root{
  --gb-bg:#faf8f2;
  --gb-card:#ffffff;
  --gb-text:#202124;
  --gb-muted:#6b7280;
  --gb-border:#e8dfcf;
  --gb-soft:#fff7ea;
  --gb-accent:#f7941d;
  --gb-accent-dark:#d97706;
  --gb-green:#20b486;
  --gb-shadow:0 8px 22px rgba(22,20,16,.055);
  --gb-radius:8px;
}

html{scroll-behavior:smooth;}
body{
  background:var(--gb-bg)!important;
  color:var(--gb-text)!important;
  font-family:var(--body-font,"Lato",Arial,sans-serif);
  font-size:14px;
}
a{color:inherit;}
a:hover{color:var(--gb-accent);}
.container,
.st-container{
  max-width:1130px!important;
}
.main-content{background:var(--gb-bg);}
.bg--white{background:var(--gb-bg)!important;}
.py-10{padding-top:18px!important;padding-bottom:18px!important;}
.py-50{padding-top:28px!important;padding-bottom:28px!important;}

/* Header: clean white marketplace header like the provided reference */
.st-header-wrap{
  background:#fff!important;
  border-top:3px solid #0d2436;
  border-bottom:1px solid #ece7dd;
  box-shadow:0 2px 10px rgba(0,0,0,.035);
}
.st-header-top{
  background:#fff!important;
  color:var(--gb-text)!important;
  border:0!important;
}
.st-header-main{
  min-height:58px!important;
  grid-template-columns:160px minmax(220px,1fr) auto!important;
  gap:22px!important;
}
.st-logo img{max-width:120px!important;max-height:48px!important;}
.st-search{
  max-width:420px!important;
  height:38px!important;
  border:1px solid var(--gb-border)!important;
  border-radius:999px!important;
  box-shadow:none!important;
}
.st-search input{font-size:13px!important;padding:0 15px!important;}
.st-search button{width:42px!important;color:var(--gb-accent)!important;background:#fff!important;}
.st-actions{gap:8px!important;}
.st-action{
  color:var(--gb-text)!important;
  min-height:34px!important;
  gap:6px!important;
  padding:0 4px!important;
}
.st-action-icon{color:var(--gb-accent)!important;font-size:16px!important;min-width:18px!important;}
.st-action-title{color:var(--gb-text)!important;font-size:12px!important;font-weight:700!important;margin:0!important;}
.st-action-subtitle{display:none!important;}
.st-count{background:var(--gb-accent)!important;color:#fff!important;top:-8px!important;right:-9px!important;}
.st-pc-builder{
  background:transparent!important;
  color:var(--gb-text)!important;
  height:34px!important;
  padding:0 9px!important;
  font-size:12px!important;
  border:1px solid var(--gb-border)!important;
}
.st-menu-bar{
  background:#fff!important;
  border-top:1px solid #f2eee6!important;
  border-bottom:0!important;
  box-shadow:none!important;
}
.st-menu-list{min-height:42px!important;justify-content:center!important;gap:18px!important;}
.st-menu-link{
  height:42px!important;
  padding:0!important;
  color:#111!important;
  font-size:13px!important;
  font-weight:800!important;
}
.st-menu-link:hover{color:var(--gb-accent)!important;}
.st-submenu{border-color:var(--gb-border)!important;box-shadow:0 12px 30px rgba(0,0,0,.08)!important;}
.st-submenu a:hover{color:var(--gb-accent)!important;background:var(--gb-soft)!important;}
.st-mobile-toggle{background:var(--gb-accent)!important;color:#fff!important;}

/* Hero/banner area */
.pb-home-hero-v2{background:var(--gb-bg)!important;padding:18px 0 10px!important;}
.pb-home-hero-v2 .container{max-width:1130px!important;}
.pb-home-hero-grid{gap:12px!important;}
.pb-home-hero-left,
.pb-home-hero-right{
  height:285px!important;
  border-radius:8px!important;
  box-shadow:var(--gb-shadow)!important;
  border:1px solid #f1eadf!important;
}
.pb-home-hero-arrow{
  width:28px!important;height:34px!important;
  background:rgba(255,255,255,.92)!important;
  color:var(--gb-accent)!important;
  font-size:22px!important;
  border-radius:50%!important;
  margin:0 8px!important;
}
.pb-home-hero-dots{left:18px!important;bottom:14px!important;gap:6px!important;}
.pb-home-hero-dot{width:7px!important;height:7px!important;background:#f3d2a2!important;}
.pb-home-hero-dot.is-active{background:var(--gb-accent)!important;}

/* Section titles */
.browse--section,.achive--section,.blogmain,.contact--section,.about--section{
  background:var(--gb-bg)!important;
}
.section-content-4{
  align-items:flex-start!important;
  text-align:left!important;
  margin-bottom:12px!important;
}
.section-content-4 .title,
.title--wrap h6,
.section-title,
.sidebartitle{
  color:#1f2933!important;
  font-size:17px!important;
  font-weight:800!important;
  line-height:1.2!important;
  position:relative;
  text-align:left!important;
}
.section-content-4 .title::after,
.title--wrap h6::after,
.section-title::after,
.sidebartitle::after{
  content:"";
  display:block;
  width:46px;
  height:3px;
  background:var(--gb-accent);
  border-radius:10px;
  margin-top:8px;
}
.section-content-4 p{font-size:13px!important;color:var(--gb-muted)!important;text-align:left!important;font-weight:400!important;}
.browse--section .row.gy-5{justify-content:space-between!important;}
.browse--section .row.gy-5 > [class*="col-"]{width:100%!important;flex:0 0 100%!important;max-width:100%!important;}

/* Product grids: 5 cards per row on large screens like the reference */
.browse--section .row.gy-4,
.achive--section .row.gy-4:last-child,
.wishlist-page .row{
  --bs-gutter-x:14px!important;
  --bs-gutter-y:14px!important;
}
@media (min-width:1200px){
  .browse--section .row.gy-4 > .col-xxl-3,
  .browse--section .row.gy-4 > .col-xl-4,
  .browse--section .row.gy-4 > .col-lg-4{
    flex:0 0 20%!important;
    max-width:20%!important;
    width:20%!important;
  }
  .achive--section .col-xl-9 .row.gy-4 > [class*="col-"]{
    flex:0 0 33.3333%!important;
    max-width:33.3333%!important;
  }
}
@media (min-width:992px) and (max-width:1199px){
  .browse--section .row.gy-4 > [class*="col-"]{flex:0 0 25%!important;max-width:25%!important;}
}
@media (max-width:767px){
  .browse--section .row.gy-4 > [class*="col-"],
  .achive--section .row.gy-4 > [class*="col-"]{width:50%!important;flex:0 0 50%!important;max-width:50%!important;}
}

/* Product cards */
.product--card{
  background:var(--gb-card)!important;
  border:1px solid var(--gb-border)!important;
  border-radius:4px!important;
  box-shadow:none!important;
  padding:0!important;
  overflow:hidden!important;
  transition:box-shadow .18s ease, transform .18s ease, border-color .18s ease!important;
}
.product--card:hover{
  transform:translateY(-2px)!important;
  box-shadow:var(--gb-shadow)!important;
  border-color:#f3c37f!important;
}
.product--card .tag--wrap{
  top:10px!important;
  right:8px!important;
  left:auto!important;
  background:var(--gb-green)!important;
  color:#fff!important;
  padding:3px 7px!important;
  border-radius:3px!important;
}
.product--card .tag--wrap .text{font-size:10px!important;font-weight:700!important;color:#fff!important;}
.product--card .thumb--wrap{
  height:172px!important;
  margin:0!important;
  padding:18px 14px 8px!important;
  border-bottom:0!important;
  background:#fff!important;
}
.product--card .thumb--wrap img{object-fit:contain!important;}
.product--card .content--wrap{
  min-height:62px!important;
  padding:0 10px!important;
  margin:0!important;
  border:0!important;
}
.product--card .content--wrap a .title{
  color:#222!important;
  font-size:13px!important;
  font-weight:500!important;
  line-height:1.35!important;
  min-height:36px!important;
  margin:0!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.product--card .content--wrap ul{display:none!important;}
.product--card .price--wrap{
  justify-content:flex-start!important;
  gap:6px!important;
  padding:2px 10px 8px!important;
  margin:0!important;
}
.product--card .price--wrap .price,
.text--danger{
  color:var(--gb-accent)!important;
}
.product--card .price--wrap .price{font-size:13px!important;font-weight:800!important;}
.product--card .price--wrap .old--price{font-size:12px!important;color:#a8a29e!important;font-weight:600!important;}
.product--card .btn--wrap{padding:0 10px 10px!important;}
.btn--base,
.btn.btn--base,
.product--card .btn--wrap .btn,
.add-review-btn,
button.btn-success,
.btn-success{
  background:#fff!important;
  color:var(--gb-accent)!important;
  border:1px solid var(--gb-accent)!important;
  border-radius:3px!important;
  min-height:30px!important;
  font-size:12px!important;
  font-weight:700!important;
  box-shadow:none!important;
}
.btn--base:hover,
.btn.btn--base:hover,
.product--card .btn--wrap .btn:hover,
.add-review-btn:hover,
button.btn-success:hover,
.btn-success:hover{
  background:var(--gb-accent)!important;
  color:#fff!important;
  border-color:var(--gb-accent)!important;
}
.product--card .btn--wrap .btn::before{content:"\f07a";font-family:"Font Awesome 6 Free";font-weight:900;margin-right:5px;}

/* Filters/category/shop cards */
.base--card,
.filter--wrap,
.filter-group,
.range-slider,
.ticket--description,
.details-wrap,
.sidebar,
.postloop,
.review-item,
.checkout-box,
.cart-summary-wrapper{
  background:#fff!important;
  border:1px solid var(--gb-border)!important;
  border-radius:8px!important;
  box-shadow:none!important;
}
.base--card{padding:14px!important;}
.filter--wrap{padding:14px!important;}
.filter-group,.range-slider{padding:12px!important;}
.filter-group .label span,.range-slider .label span{font-weight:800!important;color:#1f2933!important;}
.filter span{color:#4b5563!important;font-size:13px!important;}
.form--control,.form-control,.form-select,.form--select{
  border-color:var(--gb-border)!important;
  border-radius:5px!important;
  box-shadow:none!important;
}
.form--control:focus,.form-control:focus,.form-select:focus,.form--select:focus{
  border-color:var(--gb-accent)!important;
  box-shadow:0 0 0 3px rgba(247,148,29,.12)!important;
}
.pagination .page-link{color:var(--gb-accent)!important;border-color:var(--gb-border)!important;}
.pagination .active .page-link,.page-item.active .page-link{background:var(--gb-accent)!important;border-color:var(--gb-accent)!important;color:#fff!important;}

/* Product details */
.product-details{background:var(--gb-bg)!important;}
.product--thumb,
.product-all--img a{
  background:#fff!important;
  border:1px solid var(--gb-border)!important;
  border-radius:8px!important;
}
.product--thumb{padding:18px!important;}
.product-all--img a{padding:6px!important;margin-bottom:8px!important;}
.product-details .title{color:#202124!important;}
.product--status .price,
.product--status li{
  background:#fff!important;
  border:1px solid var(--gb-border)!important;
  border-radius:6px!important;
  padding:8px 10px!important;
}
.custom--tabs .nav-link{
  color:#3f3f46!important;
  border:1px solid var(--gb-border)!important;
  background:#fff!important;
  border-radius:6px!important;
  margin-right:6px!important;
}
.custom--tabs .nav-link.active{
  color:#fff!important;
  background:var(--gb-accent)!important;
  border-color:var(--gb-accent)!important;
}
.product-description table{border-color:var(--gb-border)!important;}
.product-description table td,.product-description table th{border-color:var(--gb-border)!important;padding:9px!important;}

/* Blog/pages */
.breadcrumb{
  background:#fff!important;
  border-bottom:1px solid var(--gb-border)!important;
  margin-bottom:18px!important;
}
.bread a,.breadcrumb a{color:#374151!important;font-weight:700!important;}
.blogmain{padding:20px 0 34px!important;}
.postloop{padding:14px!important;}
.loopimg img{border-radius:8px!important;border:0!important;width:100%;}
.tagcat{
  display:inline-flex!important;
  color:var(--gb-accent)!important;
  background:var(--gb-soft)!important;
  border:1px solid #ffd9a8!important;
  border-radius:999px!important;
  padding:5px 10px!important;
  font-size:12px!important;
  font-weight:700!important;
}
.looptitile{font-size:24px!important;line-height:1.25!important;color:#1f2933!important;margin:12px 0!important;}
.dateandtime{color:var(--gb-muted)!important;font-size:13px!important;}
.recentpost img{border-radius:6px!important;}
.rtp a{color:#1f2933!important;font-weight:700!important;}
.rtc{color:var(--gb-muted)!important;}

/* Footer */
.footertop{background:#fff!important;border-top:1px solid var(--gb-border)!important;padding:22px 0!important;}
.footer-area{
  background:#fff!important;
  border-top:1px solid var(--gb-border)!important;
  color:#5f6368!important;
}
.footer-area .thumb--wrap{display:block!important;max-width:130px!important;margin-bottom:16px!important;}
.footer-area .footer-top{background:#fff!important;padding:28px 0 18px!important;}
.footer-item--title{
  color:#202124!important;
  font-size:14px!important;
  font-weight:800!important;
  text-align:left!important;
  margin-bottom:12px!important;
}
.footer--menu .menu--link,.footer-contact-info p,.footer-contact-info a,.bottom-footer-text{
  color:#6b7280!important;
  font-size:13px!important;
  line-height:1.75!important;
  text-align:left!important;
}
.footer--menu .menu--link:hover,.footer-contact-info a:hover{color:var(--gb-accent)!important;}
.social-list{justify-content:flex-start!important;}
.social-list__link{
  width:30px!important;height:30px!important;
  background:var(--gb-soft)!important;
  color:var(--gb-accent)!important;
  border-radius:50%!important;
}
.bottom-footer{border-top:1px solid #f1eadf!important;}
.whatsapp-button{background:#16a34a!important;border-radius:999px!important;font-size:14px!important;}

/* Cart/checkout/account */
.table,.cart-table{background:#fff!important;border-color:var(--gb-border)!important;}
.table th{background:var(--gb-soft)!important;color:#202124!important;}
.trash-btn{color:var(--gb-accent)!important;}
.order-product--card{border-color:var(--gb-border)!important;}

@media (max-width:1199px){
  .st-header-main{grid-template-columns:auto 1fr auto!important;}
  .st-logo{justify-content:center!important;}
  .st-mobile-panel{border-color:var(--gb-border)!important;}
  .st-mobile-actions a{background:var(--gb-soft)!important;color:var(--gb-text)!important;}
  .pb-home-hero-left,.pb-home-hero-right{height:240px!important;}
}
@media (max-width:991px){
  .pb-home-hero-left,.pb-home-hero-right{height:auto!important;aspect-ratio:16/8!important;}
  .section-content-4{align-items:flex-start!important;text-align:left!important;}
  .section-content-4 .title::after{margin-left:0;margin-right:0;}
}
@media (max-width:575px){
  body{font-size:13px;}
  .container,.st-container{width:min(100% - 18px,1130px)!important;}
  .product--card .thumb--wrap{height:138px!important;padding:12px 8px 4px!important;}
  .product--card .content--wrap{min-height:58px!important;padding:0 7px!important;}
  .product--card .content--wrap a .title{font-size:12px!important;}
  .product--card .price--wrap{padding:2px 7px 7px!important;}
  .product--card .btn--wrap{padding:0 7px 8px!important;}
}

/* ============================================================
   Reference-image refinements (Ghorer Bazar style)
   ------------------------------------------------------------
   - Section heading row: left title + orange underline,
     right "View All Items" link
   - Product card details (badge, image area, title, price,
     outline Add To Cart button)
   These rules sit at the end so they win over earlier blocks.
   ============================================================ */

/* Section heading row */
.gb-section-title-row{
  width:100%!important;
  margin-bottom:14px!important;
  border-bottom:1px solid #ece4d3!important;
  padding-bottom:10px!important;
}
.gb-section-title-row .section-content-4{
  margin:0!important;
  padding:0!important;
}
.gb-section-title-row .section-content-4 .title{
  font-size:18px!important;
  font-weight:700!important;
  letter-spacing:.2px!important;
  line-height:1.2!important;
  margin:0!important;
  padding-bottom:6px!important;
  display:inline-block!important;
  position:relative!important;
}
.gb-section-title-row .section-content-4 .title::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:0!important;
  bottom:-1px!important;
  width:46px!important;
  height:3px!important;
  background:var(--gb-accent)!important;
  border-radius:2px!important;
  margin:0!important;
}
.gb-section-title-row .section-content-4 p{
  font-size:13px!important;
  color:var(--gb-muted)!important;
  margin:6px 0 0 0!important;
}
.gb-viewall{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  color:var(--gb-accent)!important;
  font-size:12px!important;
  font-weight:700!important;
  letter-spacing:.6px!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
.gb-viewall:hover{
  color:var(--gb-accent-dark)!important;
  text-decoration:none!important;
}
.gb-viewall i{font-size:11px!important;}

/* Category page: same heading treatment for the in-page title */
.title--wrap h6{
  display:inline-block!important;
  position:relative!important;
  padding-bottom:6px!important;
}
.title--wrap h6::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:0!important;
  bottom:-1px!important;
  width:46px!important;
  height:3px!important;
  background:var(--gb-accent)!important;
  border-radius:2px!important;
  margin:0!important;
}

/* Product card refinements */
.product--card{
  display:flex!important;
  flex-direction:column!important;
  background:var(--gb-card)!important;
  border:1px solid #eadfca!important;
  border-radius:6px!important;
  overflow:hidden!important;
  padding:0!important;
}
.product--card .tag--wrap{
  position:absolute!important;
  top:10px!important;
  right:10px!important;
  left:auto!important;
  background:#22c55e!important;
  color:#fff!important;
  padding:2px 7px!important;
  border-radius:3px!important;
  z-index:2!important;
}
.product--card .tag--wrap .text{
  font-size:10px!important;
  font-weight:600!important;
  color:#fff!important;
  margin:0!important;
  line-height:1.4!important;
  letter-spacing:.2px!important;
}
.product--card .thumb--wrap{
  position:relative!important;
  height:200px!important;
  margin:0!important;
  padding:14px 14px 10px!important;
  background:#fff!important;
  border:0!important;
  border-bottom:1px solid #efe7d6!important;
}
.product--card .thumb--wrap img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
}
.product--card .content--wrap{
  padding:10px 12px 4px!important;
  margin:0!important;
  border:0!important;
  min-height:auto!important;
}
.product--card .content--wrap a{text-decoration:none!important;}
.product--card .content--wrap a .title,
.product--card .content--wrap .title{
  color:#1f2933!important;
  font-size:14px!important;
  font-weight:600!important;
  line-height:1.35!important;
  margin:0 0 6px 0!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  text-align:left!important;
  text-decoration:none!important;
}
.product--card .content--wrap a .title:hover,
.product--card .content--wrap .title:hover{
  color:var(--gb-accent)!important;
  text-decoration:none!important;
}
.product--card .content--wrap ul{display:none!important;}
.product--card .price--wrap{
  justify-content:flex-start!important;
  align-items:center!important;
  gap:8px!important;
  padding:0 12px 10px!important;
  margin:0!important;
}
.product--card .price--wrap .price{
  color:var(--gb-accent)!important;
  font-size:15px!important;
  font-weight:700!important;
  margin:0!important;
}
.product--card .price--wrap .old--price{
  font-size:13px!important;
  color:#9ca3af!important;
  font-weight:500!important;
  text-decoration:line-through!important;
  margin:0!important;
}
.product--card .btn--wrap{
  padding:0 12px 12px!important;
  margin-top:auto!important;
}
.product--card .btn--wrap .btn,
.product--card .btn--wrap button.btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  width:100%!important;
  background:#fff!important;
  color:var(--gb-accent)!important;
  border:1px solid var(--gb-accent)!important;
  border-radius:4px!important;
  min-height:34px!important;
  padding:6px 10px!important;
  font-size:12px!important;
  font-weight:600!important;
  letter-spacing:.2px!important;
  cursor:pointer!important;
  transition:background-color .15s ease,color .15s ease!important;
}
.product--card .btn--wrap .btn:hover,
.product--card .btn--wrap button.btn:hover{
  background:var(--gb-accent)!important;
  color:#fff!important;
  border-color:var(--gb-accent)!important;
}
.product--card .btn--wrap .btn[disabled],
.product--card .btn--wrap button.btn[disabled]{
  opacity:.7!important;
  cursor:wait!important;
}
.product--card .btn--wrap .btn i,
.product--card .btn--wrap button.btn i{font-size:13px!important;}
/* Cancel the ::before cart icon from earlier rule (we now put a real <i> in markup) */
.product--card .btn--wrap .btn::before{content:none!important;}

/* Tighter responsive grid like the reference (5 per row on xl) */
@media (min-width:1200px){
  .browse--section .row.gy-4 > .col-xxl-3,
  .browse--section .row.gy-4 > .col-xl-4,
  .browse--section .row.gy-4 > .col-lg-4{
    flex:0 0 20%!important;
    max-width:20%!important;
    width:20%!important;
  }
}
@media (max-width:991px){
  .gb-section-title-row .section-content-4 .title{font-size:17px!important;}
}
@media (max-width:575px){
  .gb-section-title-row{margin-bottom:10px!important;padding-bottom:8px!important;}
  .gb-section-title-row .section-content-4 .title{font-size:15px!important;}
  .gb-viewall{font-size:11px!important;}
  .product--card .thumb--wrap{height:150px!important;padding:10px 10px 6px!important;}
  .product--card .content--wrap{padding:8px 10px 2px!important;}
  .product--card .content--wrap a .title,
  .product--card .content--wrap .title{font-size:12.5px!important;}
  .product--card .price--wrap{padding:0 10px 8px!important;gap:6px!important;}
  .product--card .price--wrap .price{font-size:14px!important;}
  .product--card .price--wrap .old--price{font-size:12px!important;}
  .product--card .btn--wrap{padding:0 10px 10px!important;}
  .product--card .btn--wrap .btn,
  .product--card .btn--wrap button.btn{min-height:30px!important;font-size:11px!important;}
}