/* DIRANI GROUP V4.5 — transparent hero header + catalog filter organization */
:root{
  --v45-green:#1ab81f;
  --v45-green-dark:#0c7b11;
  --v45-ink:#102019;
  --v45-white:#fff;
  --v45-line:#e2e8e4;
  --v45-soft:#f7f9f7;
}

/* ---------- HEADER: transparent on hero, white when sticky ---------- */
body.has-hero .site-header:not(.scrolled):not(.is-scrolled){
  background:linear-gradient(180deg,rgba(4,16,9,.55),rgba(4,16,9,0))!important;
  border-bottom-color:rgba(255,255,255,.08)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
body.has-hero .site-header:not(.scrolled):not(.is-scrolled) .brand,
body.has-hero .site-header:not(.scrolled):not(.is-scrolled) .brand b,
body.has-hero .site-header:not(.scrolled):not(.is-scrolled) .brand small,
body.has-hero .site-header:not(.scrolled):not(.is-scrolled) .brand-mark,
body.has-hero .site-header:not(.scrolled):not(.is-scrolled) .nav>a,
body.has-hero .site-header:not(.scrolled):not(.is-scrolled) .nav-products>a,
body.has-hero .site-header:not(.scrolled):not(.is-scrolled) .lang,
body.has-hero .site-header:not(.scrolled):not(.is-scrolled) .header-login,
body.has-hero .site-header:not(.scrolled):not(.is-scrolled) .menu{
  color:#fff!important;
}
body.has-hero .site-header:not(.scrolled):not(.is-scrolled) .brand-mark{
  border-color:rgba(255,255,255,.32)!important;
}
body.has-hero .site-header:not(.scrolled):not(.is-scrolled) .lang,
body.has-hero .site-header:not(.scrolled):not(.is-scrolled) .header-login{
  border-color:rgba(255,255,255,.25)!important;
  background:rgba(255,255,255,.06)!important;
}
body.has-hero .site-header:not(.scrolled):not(.is-scrolled) .nav>a:after,
body.has-hero .site-header:not(.scrolled):not(.is-scrolled) .nav-products>a:after{
  background:#fff!important;
}
.site-header.scrolled,.site-header.is-scrolled{
  background:rgba(255,255,255,.985)!important;
  color:var(--v45-ink)!important;
  border-bottom:1px solid rgba(16,32,25,.09)!important;
  box-shadow:0 10px 34px rgba(16,32,25,.075)!important;
  backdrop-filter:blur(16px)!important;
}
.site-header.scrolled .brand,.site-header.scrolled .brand b,.site-header.scrolled .brand small,.site-header.scrolled .brand-mark,
.site-header.scrolled .nav>a,.site-header.scrolled .nav-products>a,
.site-header.scrolled .lang,.site-header.scrolled .header-login,.site-header.scrolled .menu,
.site-header.is-scrolled .brand,.site-header.is-scrolled .brand b,.site-header.is-scrolled .brand small,.site-header.is-scrolled .brand-mark,
.site-header.is-scrolled .nav>a,.site-header.is-scrolled .nav-products>a,
.site-header.is-scrolled .lang,.site-header.is-scrolled .header-login,.site-header.is-scrolled .menu{
  color:var(--v45-ink)!important;
}
.site-header.scrolled .lang,.site-header.scrolled .header-login,
.site-header.is-scrolled .lang,.site-header.is-scrolled .header-login{
  background:#fff!important;border-color:#d8e0da!important;
}
.site-header .mega-menu{top:100%!important}

/* ---------- GENERAL PAGE ORDER ---------- */
main>section:not(.hero-slider):not(.inner-premium-hero):not(.page-hero){
  position:relative;
}
.v44-section,.section,.catalog-section{scroll-margin-top:86px}
.section-head,.v44-section-head{margin-bottom:32px}
.site-footer{margin-top:0!important}

/* ---------- PRODUCTS PAGE / FILTER AREA ---------- */
.products-page .catalog-shell,
body[data-page="products"] .catalog-shell{
  display:grid;
  grid-template-columns:260px minmax(0,1fr);
  gap:22px;
  align-items:start;
}
.products-page .catalog-sidebar,
body[data-page="products"] .catalog-sidebar{
  position:sticky;
  top:92px;
  background:#fff;
  border:1px solid var(--v45-line);
  border-radius:18px;
  padding:16px;
  box-shadow:0 10px 28px rgba(16,32,25,.045);
}
.products-page .catalog-sidebar h3,
body[data-page="products"] .catalog-sidebar h3{
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin:0 0 10px;
  color:#6a786f;
}
.products-page .catalog-sidebar .filter-group,
body[data-page="products"] .catalog-sidebar .filter-group{
  padding:14px 0;
  border-top:1px solid #edf1ee;
}
.products-page .catalog-sidebar .filter-group:first-child,
body[data-page="products"] .catalog-sidebar .filter-group:first-child{
  border-top:0;padding-top:0;
}
.products-page .brand-filter,
.products-page .category-filter,
body[data-page="products"] .brand-filter,
body[data-page="products"] .category-filter{
  display:grid!important;
  gap:7px!important;
}
.products-page .brand-filter button,
.products-page .category-filter button,
body[data-page="products"] .brand-filter button,
body[data-page="products"] .category-filter button{
  width:100%;
  min-height:38px;
  text-align:left;
  justify-content:space-between;
  border:1px solid #e3e9e5;
  border-radius:10px;
  background:#fff;
  padding:8px 10px;
  font-size:12px;
}
.products-page .brand-filter button:hover,
.products-page .category-filter button:hover,
.products-page .brand-filter button.active,
.products-page .category-filter button.active,
body[data-page="products"] .brand-filter button:hover,
body[data-page="products"] .category-filter button:hover,
body[data-page="products"] .brand-filter button.active,
body[data-page="products"] .category-filter button.active{
  border-color:rgba(26,184,31,.48);
  background:#effaf0;
  color:#0c7b11;
}
.products-page .catalog-toolbar,
body[data-page="products"] .catalog-toolbar{
  position:sticky!important;
  top:82px!important;
  z-index:20!important;
  display:grid!important;
  grid-template-columns:minmax(220px,1fr) minmax(160px,.45fr) auto!important;
  gap:10px!important;
  align-items:center!important;
  padding:10px!important;
  margin-bottom:16px!important;
  background:rgba(255,255,255,.95)!important;
  border:1px solid var(--v45-line)!important;
  border-radius:15px!important;
  box-shadow:0 8px 25px rgba(16,32,25,.045)!important;
  backdrop-filter:blur(15px)!important;
}
.products-page .catalog-toolbar input,
.products-page .catalog-toolbar select,
body[data-page="products"] .catalog-toolbar input,
body[data-page="products"] .catalog-toolbar select{
  min-height:42px!important;
  width:100%!important;
}
.products-page .category-strip,
.products-page .brand-strip,
body[data-page="products"] .category-strip,
body[data-page="products"] .brand-strip{
  display:flex!important;
  gap:8px!important;
  overflow:auto!important;
  scrollbar-width:none;
  padding:3px 0 9px!important;
}
.products-page .category-strip::-webkit-scrollbar,
.products-page .brand-strip::-webkit-scrollbar,
body[data-page="products"] .category-strip::-webkit-scrollbar,
body[data-page="products"] .brand-strip::-webkit-scrollbar{display:none}
.products-page .category-strip button,
.products-page .brand-strip button,
body[data-page="products"] .category-strip button,
body[data-page="products"] .brand-strip button{
  flex:0 0 auto!important;
  white-space:nowrap!important;
  border-radius:999px!important;
  padding:8px 13px!important;
  font-size:12px!important;
}

/* If the existing page uses generic filter classes, organize them too */
.catalog-sidebar,.filters-panel,.products-filter-panel{
  border-radius:18px!important;
}
.catalog-sidebar .filter-title,.filters-panel .filter-title{
  font-size:11px!important;letter-spacing:.07em!important;text-transform:uppercase!important;
}
.filter-stack{display:grid!important;gap:8px!important}
.product-list-head,.catalog-list-head{
  display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px
}
.product-list-head h2,.catalog-list-head h2{margin:0}
.product-list-head .results-count,.catalog-list-head .results-count{white-space:nowrap}

/* Product card metadata hierarchy */
.product-card .brand-name,.product-card .brand-badge{
  color:#0d8012!important;
  font-size:10px!important;
  font-weight:850!important;
  text-transform:uppercase;
  letter-spacing:.07em;
}
.product-card .category-name,.product-card .category-badge{
  color:#728078!important;font-size:10px!important;
}
.product-card .badge-row,.product-card .meta-row{
  display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important;
}

/* ---------- RESPONSIVE ---------- */
@media(max-width:1000px){
  .products-page .catalog-shell,
  body[data-page="products"] .catalog-shell{grid-template-columns:220px minmax(0,1fr)}
}
@media(max-width:820px){
  body.has-hero .site-header:not(.scrolled):not(.is-scrolled){
    background:rgba(8,25,14,.55)!important;
    backdrop-filter:blur(10px)!important;
  }
  .products-page .catalog-shell,
  body[data-page="products"] .catalog-shell{grid-template-columns:1fr}
  .products-page .catalog-sidebar,
  body[data-page="products"] .catalog-sidebar{
    position:relative;top:auto;
  }
  .products-page .catalog-toolbar,
  body[data-page="products"] .catalog-toolbar{
    top:72px!important;grid-template-columns:1fr 1fr!important;
  }
  .products-page .catalog-toolbar>*:first-child,
  body[data-page="products"] .catalog-toolbar>*:first-child{grid-column:1/-1}
}
@media(max-width:560px){
  .products-page .catalog-toolbar,
  body[data-page="products"] .catalog-toolbar{grid-template-columns:1fr!important}
  .products-page .catalog-toolbar>*:first-child,
  body[data-page="products"] .catalog-toolbar>*:first-child{grid-column:auto}
}
html[dir=rtl] .products-page .brand-filter button,
html[dir=rtl] .products-page .category-filter button,
html[dir=rtl] body[data-page="products"] .brand-filter button,
html[dir=rtl] body[data-page="products"] .category-filter button{text-align:right}