/* Restoration overrides — static replacements for JS-driven carousels */

/* Cosmetics brand list (was owl carousel of brand logos) */
.brand-list{
  display:flex;flex-wrap:wrap;justify-content:center;align-items:center;
  gap:14px;padding:10px 0;
}
.brand-list .brand-pill{
  display:inline-block;padding:12px 26px;
  background:rgba(255,255,255,.75);
  border:1px solid rgba(183,138,40,.35);
  border-radius:40px;
  font-family:"Raleway",sans-serif;font-weight:600;letter-spacing:1px;
  color:#8a6a1f;font-size:15px;text-transform:uppercase;
  box-shadow:0 4px 14px rgba(0,0,0,.05);
}

/* Static grid replacement for owl carousels (specialists, feedbacks) */
.static-grid{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:24px;
  width:100%;
}
.static-grid .owl-stage-outer,.static-grid .owl-stage,
.static-grid .owl-nav,.static-grid .owl-dots{display:contents;}
.static-grid .item{width:auto !important;margin:0 !important;}
.static-grid .item img{width:100%;height:auto;border-radius:10px;display:block;}

/* keep separators visible without JS parallax */
#main-home-separator,.separator-marmor-bg-first,.separator-marmor-bg-second{
  background-size:cover !important;background-position:center !important;
}

/* mobile: disable fixed parallax (jank / iOS) */
@media (max-width:820px){
  .parallax-section{background-attachment:scroll !important;}
}