/* NoktaShop V2.9.3 — optional footer brand logo marquee */
.brand-logo-rail{
  position:relative;
  overflow:hidden;
  margin-top:clamp(34px,5vw,72px);
  padding:22px 0 24px;
  border-top:1px solid rgba(73,45,59,.07);
  border-bottom:1px solid rgba(73,45,59,.08);
  background:
    radial-gradient(circle at 12% 20%,rgba(255,255,255,.95),rgba(255,255,255,0) 32%),
    linear-gradient(180deg,#faf6f8 0%,#f4edf1 100%);
}
.brand-logo-rail__shell{display:grid;grid-template-columns:minmax(150px,220px) minmax(0,1fr);gap:24px;align-items:center}
.brand-logo-rail__intro{display:grid;gap:5px}
.brand-logo-rail__intro span{color:#a52d5b;font-size:9px;font-weight:850;letter-spacing:.18em}
.brand-logo-rail__intro strong{color:#2d2027;font-size:17px;line-height:1.2}
.brand-logo-rail__viewport{min-width:0;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.brand-logo-rail__track{display:flex;width:max-content;animation:brandLogoMarquee var(--brand-marquee-duration,32s) linear infinite;will-change:transform}
.brand-logo-rail__track.is-static{animation:none}
.brand-logo-rail__group{display:flex;align-items:center;gap:14px;padding-right:14px}
.brand-logo-card{
  width:clamp(150px,13vw,205px);
  height:82px;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  padding:14px 20px;
  border:1px solid rgba(70,45,58,.07);
  border-radius:20px;
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(250,247,249,.92));
  box-shadow:0 10px 24px rgba(42,27,37,.055),inset 0 1px 0 rgba(255,255,255,.98);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.brand-logo-card:hover{transform:translateY(-2px);border-color:rgba(165,45,91,.18);box-shadow:0 14px 30px rgba(42,27,37,.09),inset 0 1px 0 #fff}
.brand-logo-card img{display:block;max-width:100%;max-height:50px;width:auto;height:auto;object-fit:contain;filter:saturate(.94);transition:filter .2s ease,opacity .2s ease}
.brand-logo-card:hover img{filter:saturate(1.05)}
.brand-logo-rail__viewport:hover .brand-logo-rail__track{animation-play-state:paused}
@keyframes brandLogoMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}

@media(max-width:760px){
  .brand-logo-rail{margin-top:30px;padding:16px 0 18px}
  .brand-logo-rail__shell{grid-template-columns:1fr;gap:12px}
  .brand-logo-rail__intro{display:flex;align-items:center;justify-content:space-between;gap:12px}
  .brand-logo-rail__intro strong{font-size:14px}
  .brand-logo-card{width:136px;height:64px;padding:10px 14px;border-radius:16px}
  .brand-logo-card img{max-height:38px}
  .brand-logo-rail__group{gap:9px;padding-right:9px}
}
@media(prefers-reduced-motion:reduce){.brand-logo-rail__track{animation:none}.brand-logo-rail__viewport{overflow-x:auto;mask-image:none;-webkit-mask-image:none}}