/* Baloot 8.5 — storefront banner slider + desktop menu cleanup */
@media (min-width:901px){
  .ui-v8-store #mobileMenuBtn,
  .ui-v8-store .mobile-menu-button,
  .ui-v8-store #mobileMenu{display:none!important}
}

.home-banner-section{position:relative}
.home-banner-slider{position:relative;overflow:hidden;border-radius:var(--card-radius);background:var(--theme-surface-2);border:1px solid var(--theme-line);box-shadow:0 16px 45px color-mix(in srgb,var(--theme-text) 8%,transparent)}
.home-banner-slider .swiper-wrapper{align-items:stretch}
.home-banner-slider .swiper-slide{height:auto;display:flex}
.home-banner-slide{display:block;position:relative;width:100%;aspect-ratio:16/5;min-height:240px;overflow:hidden;background:var(--theme-surface-2);text-decoration:none;color:inherit}
.home-banner-slide picture,.home-banner-slide img{display:block;width:100%;height:100%}
.home-banner-slide img{display:block;object-fit:cover;transition:transform .7s cubic-bezier(.22,.61,.36,1);filter:none!important;image-rendering:auto;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}
.home-banner-slide:hover{transform:none!important}
.home-banner-slide:hover img{transform:scale(1.015)}
.home-banner-slide::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 32%,rgba(2,6,23,.06) 78%,rgba(2,6,23,.10) 100%);opacity:0}
.home-banner-info{position:absolute;z-index:2;right:clamp(18px,4vw,56px);bottom:clamp(18px,4vw,46px);display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:min(520px,65%);padding:18px 20px;border:1px solid rgba(255,255,255,.36);border-radius:18px;background:rgba(255,255,255,.84);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 18px 48px rgba(15,23,42,.13);color:#111827}
.home-banner-info b{font-size:clamp(17px,2vw,26px);line-height:1.45;font-weight:900}
.home-banner-info small{display:block;font-size:clamp(12px,1.1vw,15px);line-height:1.8;color:#475569;font-style:normal}
.home-banner-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;margin-top:3px;padding:0 16px;border-radius:12px;font-size:13px;font-style:normal;font-weight:900;transition:.18s ease;border:1px solid transparent}
.home-banner-button span{font-size:16px;line-height:1}
.home-banner-button-solid{background:var(--store-primary);color:#fff;box-shadow:0 8px 20px color-mix(in srgb,var(--store-primary) 25%,transparent)}
.home-banner-button-outline{background:transparent;color:var(--store-primary);border-color:color-mix(in srgb,var(--store-primary) 55%,transparent)}
.home-banner-button-glass{background:rgba(255,255,255,.62);color:#111827;border-color:rgba(255,255,255,.9);box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
.home-banner-button-minimal{min-height:auto;padding:5px 0;border-radius:0;background:transparent;color:var(--store-primary);border-bottom-color:color-mix(in srgb,var(--store-primary) 45%,transparent)}
.home-banner-slide:hover .home-banner-button{transform:translateY(-1px)}
.home-banner-arrow{position:absolute;z-index:8;top:50%;transform:translateY(-50%);width:43px!important;height:43px!important;min-width:43px!important;min-height:43px!important;padding:0!important;border-radius:14px!important;border:1px solid rgba(255,255,255,.65)!important;background:rgba(255,255,255,.78)!important;color:#111827!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 10px 30px rgba(15,23,42,.13)!important;display:grid!important;place-items:center!important;cursor:pointer;transition:.18s ease}
.home-banner-arrow:hover{background:#fff!important;color:var(--store-primary)!important;transform:translateY(-50%) scale(1.04)}
.home-banner-arrow svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
.home-banner-next{right:14px}.home-banner-prev{left:14px}
.home-banner-pagination{position:absolute!important;z-index:8!important;right:50%!important;left:auto!important;bottom:13px!important;transform:translateX(50%);width:auto!important;display:flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;background:rgba(15,23,42,.28);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.home-banner-pagination .swiper-pagination-bullet{width:7px;height:7px;margin:0!important;background:#fff;opacity:.55;transition:.2s ease}
.home-banner-pagination .swiper-pagination-bullet-active{width:22px;border-radius:999px;opacity:1;background:#fff}

html[data-theme="dark"] .home-banner-info{background:rgba(15,23,42,.82);border-color:rgba(148,163,184,.23);color:#f8fafc;box-shadow:0 18px 48px rgba(0,0,0,.28)}
html[data-theme="dark"] .home-banner-info small{color:#cbd5e1}
html[data-theme="dark"] .home-banner-button-glass{background:rgba(30,41,59,.68);border-color:rgba(148,163,184,.28);color:#f8fafc}

@media(max-width:900px){
  .home-banner-slide{aspect-ratio:12/5;min-height:210px}
  .home-banner-info{right:16px;bottom:16px;width:min(520px,76%);padding:14px 15px;border-radius:15px}
  .home-banner-arrow{width:39px!important;height:39px!important;min-width:39px!important;min-height:39px!important;border-radius:12px!important}
  .home-banner-next{right:8px}.home-banner-prev{left:8px}
}
@media(max-width:600px){
  .home-banner-slider{border-radius:18px}
  .home-banner-slide{aspect-ratio:4/3;min-height:260px}
  .home-banner-slide::after{background:linear-gradient(0deg,rgba(2,6,23,.08),transparent 58%);opacity:0}
  .home-banner-info{right:12px;left:12px;bottom:16px;width:auto;padding:13px 14px;gap:6px}
  .home-banner-info b{font-size:16px}.home-banner-info small{font-size:11px}
  .home-banner-button{min-height:38px;padding:0 13px;border-radius:10px;font-size:11px}
  .home-banner-arrow{display:none!important}
  .home-banner-pagination{bottom:7px!important}
}
@media(prefers-reduced-motion:reduce){
  .home-banner-slide img,.home-banner-button,.home-banner-arrow{transition:none!important}
}