/* BeamQube: subtle light animation on the brand hero only */
.swiper-slide:has(> .overlay-bg[style*="f6bc8b8c-abd9-4c4c-a1f9-78b89dab8cf7"]) {
  overflow: hidden;
  isolation: isolate;
}
.overlay-bg[style*="f6bc8b8c-abd9-4c4c-a1f9-78b89dab8cf7"] {
  animation: beamqube-glow 8s ease-in-out infinite;
}
.swiper-slide:has(> .overlay-bg[style*="f6bc8b8c-abd9-4c4c-a1f9-78b89dab8cf7"])::after {
  content: "";
  position: absolute;
  inset: -35% -60%;
  pointer-events: none;
  z-index: 1;
  background: linear-gradient(110deg, transparent 42%, rgba(212,168,62,0.025) 46%, rgba(255,218,132,0.16) 49.7%, rgba(255,238,194,0.3) 50%, rgba(212,168,62,0.055) 50.5%, transparent 55%);
  mix-blend-mode: screen;
  animation: beamqube-light 10s ease-in-out infinite;
  will-change: transform, opacity;
}
.swiper-slide:has(> .overlay-bg[style*="f6bc8b8c-abd9-4c4c-a1f9-78b89dab8cf7"]) .home-slider__content {
  z-index: 2;
}
@keyframes beamqube-light {
  0%, 8% { transform: translateX(-65%); opacity: 0; }
  18% { opacity: 0.55; }
  70% { opacity: 0.55; }
  88%, 100% { transform: translateX(65%); opacity: 0; }
}
@keyframes beamqube-glow {
  0%, 100% { filter: brightness(1); }
  50% { filter: brightness(1.16); }
}
@media (prefers-reduced-motion: reduce) {
  .overlay-bg[style*="f6bc8b8c-abd9-4c4c-a1f9-78b89dab8cf7"],
  .swiper-slide:has(> .overlay-bg[style*="f6bc8b8c-abd9-4c4c-a1f9-78b89dab8cf7"])::after { animation: none; }
  .swiper-slide:has(> .overlay-bg[style*="f6bc8b8c-abd9-4c4c-a1f9-78b89dab8cf7"])::after { opacity: 0; }
}




/* BeamQube bilingual hero */
.swiper-slide:has(> .overlay-bg[style*="f6bc8b8c-abd9-4c4c-a1f9-78b89dab8cf7"]) .home-slider__content > div { width: 90%; max-width: 900px; }
.swiper-slide:has(> .overlay-bg[style*="f6bc8b8c-abd9-4c4c-a1f9-78b89dab8cf7"]) .home-slider__content h2 { font-size: clamp(28px, 3vw, 44px); margin-bottom: 10px; }
.swiper-slide:has(> .overlay-bg[style*="f6bc8b8c-abd9-4c4c-a1f9-78b89dab8cf7"]) .description { display: block; -webkit-line-clamp: unset; max-height: none; overflow: visible; white-space: pre-line; unicode-bidi: plaintext; font-size: clamp(14px, 1.2vw, 18px); line-height: 1.8; }
.swiper-slide:has(> .overlay-bg[style*="f6bc8b8c-abd9-4c4c-a1f9-78b89dab8cf7"]) .description::first-line { font-size: clamp(18px, 1.8vw, 27px); font-weight: 500; color: #f0d58e; }
@media (max-width: 640px) {
 .swiper-slide:has(> .overlay-bg[style*="f6bc8b8c-abd9-4c4c-a1f9-78b89dab8cf7"]) { min-height: 390px; }
 .swiper-slide:has(> .overlay-bg[style*="f6bc8b8c-abd9-4c4c-a1f9-78b89dab8cf7"]) .home-slider__content { padding-top: 32px; padding-bottom: 32px; }
}
/* BeamQube original logo above hero copy */
.swiper-slide:has(> .overlay-bg[style*="f6bc8b8c-abd9-4c4c-a1f9-78b89dab8cf7"]) .home-slider__content > div::before { content: ''; display: block; width: min(300px, 70vw); height: 270px; margin: 0 auto 14px; background: url('https://cdn.files.salla.network/other/576505305/aff293d0-23ae-45cf-85a3-5090eb7a91b1-original.webp') center / contain no-repeat; }
.swiper-slide:has(> .overlay-bg[style*="f6bc8b8c-abd9-4c4c-a1f9-78b89dab8cf7"]) { min-height: 560px; }
.swiper-slide:has(> .overlay-bg[style*="f6bc8b8c-abd9-4c4c-a1f9-78b89dab8cf7"]) .home-slider__content { padding-top: 30px; padding-bottom: 30px; }
@media (max-width:640px) { .swiper-slide:has(> .overlay-bg[style*="f6bc8b8c-abd9-4c4c-a1f9-78b89dab8cf7"]) { min-height: 540px; } .swiper-slide:has(> .overlay-bg[style*="f6bc8b8c-abd9-4c4c-a1f9-78b89dab8cf7"]) .home-slider__content > div::before { height: 210px; margin-bottom: 12px; } }


/* BeamQube category squares */
section[component-id="1749658937"] > .grid { grid-template-columns: repeat(4,minmax(0,1fr)); grid-template-rows: auto; gap: 20px; }
section[component-id="1749658937"] .banner-entry { grid-column: auto !important; grid-row: auto !important; width: 100%; height: auto !important; min-height: 0 !important; aspect-ratio: 1 / 1; background-size: cover; background-position: center; border-radius: 16px; overflow: hidden; }
section[component-id="1749658937"] .banner-entry::after { background: linear-gradient(0deg,rgba(0,0,0,.86),rgba(0,0,0,.12) 34%,transparent 60%); }
section[component-id="1749658937"] .banner-entry__text { top: auto; bottom: 0; padding: 18px 12px; transform: none; width: 100%; }
section[component-id="1749658937"] .banner__title { color: #fff; font-size: clamp(16px,1.4vw,22px); line-height: 1.5; }
section[component-id="1749658937"] .banner__description { color: #ead7a2; font-size: 12px; line-height: 1.6; }
@media(max-width:1023px) { section[component-id="1749658937"] > .grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; } }
@media(max-width:480px) { section[component-id="1749658937"] > .grid { gap:10px; } section[component-id="1749658937"] .banner-entry { border-radius:12px; } section[component-id="1749658937"] .banner-entry__text {padding:10px 5px;} section[component-id="1749658937"] .banner__title { font-size:15px; } section[component-id="1749658937"] .banner__description {font-size:10px;} }


section[component-id="1749658937"] .banner-entry { position:relative; }
section[component-id="1749658937"] .banner-entry__text { display:block !important; position:absolute !important; inset:auto 0 0 !important; z-index:3; text-align:center; color:white; }
section[component-id="1749658937"] .banner__title, section[component-id="1749658937"] .banner__description { display:block !important; opacity:1 !important; visibility:visible !important; transform:none !important; }


section[component-id="1749658937"] .banner-entry__text { height:auto !important; max-height:none !important; margin:0 !important; padding:12px 8px !important; }
section[component-id="1749658937"] .banner__title { width:100% !important; font-size:20px !important; line-height:1.45 !important; padding:0 !important; margin:0 0 3px !important; }
section[component-id="1749658937"] .banner__description { font-size:12px !important; line-height:1.5 !important; }
@media(max-width:480px) { section[component-id="1749658937"] .banner__title { font-size:14px !important; } section[component-id="1749658937"] .banner__description {font-size:10px !important;} section[component-id="1749658937"] .banner-entry__text {padding:9px 5px !important;} }