/* AvvalStock Elementor Brand Showcase v27.2.4 — Vertical Rail Nav Polish */
.avs-ew-brands{
  position:relative;width:100%;margin:0;padding:0;color:#111827;
  --avs-brand-card-width:176px;--avs-brand-gap:12px;--avs-brand-mobile-width:158px;
  --avs-brand-accent:#ff4967;--avs-brand-card-bg:#fff;--avs-brand-logo-bg:#f7f8fa;
  --avs-brand-nav-width:54px;--avs-brand-nav-height:178px;
}
.avs-ew-brands__header{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:0 0 18px;text-align:right}
.avs-ew-brands__heading{min-width:0}
.avs-ew-brands__title{margin:0!important;padding:0!important;color:#101828!important;font-size:30px!important;line-height:1.35!important;font-weight:900!important;letter-spacing:-.02em}
.avs-ew-brands__subtitle{margin:7px 0 0!important;color:#7b8494!important;font-size:13px!important;line-height:1.7!important;font-weight:600!important}

.avs-ew-brands__stage{position:relative;width:100%;min-width:0}
.avs-ew-brands__viewport{position:relative;width:100%;min-width:0;overflow:hidden}
.avs-ew-brands__grid{
  display:flex;gap:var(--avs-brand-gap,12px);width:100%;min-width:0;
  padding:4px calc(var(--avs-brand-nav-width,54px) + 16px) 14px;
  overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;
  overscroll-behavior-inline:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;
}
.avs-ew-brands__grid::-webkit-scrollbar{display:none}
.avs-ew-brands__grid:focus-visible{outline:2px solid rgba(20,118,200,.18);outline-offset:4px;border-radius:14px}

.avs-ew-brand-card{
  position:relative;display:flex;flex:0 0 var(--avs-brand-card-width,176px);min-width:0;width:var(--avs-brand-card-width,176px);height:var(--avs-brand-card-width,176px);min-height:0;aspect-ratio:1 / 1;
  flex-direction:column;align-items:center;justify-content:center;
  padding:18px 10px 16px;border:1px solid #e1e6ee;border-radius:20px;
  background:linear-gradient(180deg,var(--avs-brand-card-bg,#fff) 0%,#fcfcfd 100%);
  box-shadow:0 6px 20px rgba(15,23,42,.025);color:#101828!important;text-decoration:none!important;text-align:center;
  overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.avs-ew-brand-card::before{content:"";position:absolute;inset:0 auto auto 50%;width:54px;height:3px;border-radius:0 0 999px 999px;background:var(--avs-brand-accent,#ff4967);opacity:0;transform:translateX(-50%);transition:opacity .18s ease,width .18s ease}
.avs-ew-brand-card__media{display:flex;align-items:center;justify-content:center;width:80px;height:80px;margin:0 0 13px;border:1px solid #edf0f4;border-radius:50%;background:var(--avs-brand-logo-bg,#f7f8fa);box-shadow:inset 0 0 0 1px rgba(255,255,255,.7);overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.avs-ew-brand-card__media img{display:block;width:70px!important;height:70px!important;max-width:70px!important;max-height:70px!important;margin:0!important;object-fit:contain!important;object-position:center!important}
.avs-ew-brand-card__fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--avs-brand-accent,#ff4967);font-size:17px;font-weight:950;text-transform:uppercase}
.avs-ew-brand-card__name{display:flex;align-items:center;justify-content:center;width:100%;min-height:42px;color:#111827;font-size:13px;line-height:1.5;font-weight:850;text-wrap:balance}

.avs-ew-brands__nav-btn{
  position:absolute;z-index:22;top:50%;display:flex;align-items:center;justify-content:center;
  width:var(--avs-brand-nav-width,54px);height:clamp(108px,calc(var(--avs-brand-nav-height,178px) - 18px),220px);
  transform:translateY(-50%);padding:0;border:1px solid #e1e7ef;border-radius:18px;
  background:rgba(255,255,255,.98);box-shadow:0 12px 34px rgba(16,24,40,.11);color:#1476c8;cursor:pointer;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,color .18s ease,opacity .18s ease;
  backdrop-filter:blur(10px)
}
.avs-ew-brands__nav-btn span{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font:700 44px/1 Arial,sans-serif;transform:translateY(-1px)}
.avs-ew-brands__nav-btn:hover:not(:disabled){border-color:#c8d9ea;color:#0b69b7;box-shadow:0 16px 40px rgba(16,24,40,.15);transform:translateY(-50%) scale(1.02)}
.avs-ew-brands__nav-btn:active:not(:disabled){transform:translateY(-50%) scale(.98)}
.avs-ew-brands__nav-btn:disabled{opacity:.22;cursor:default;box-shadow:0 5px 16px rgba(16,24,40,.04)}
.avs-ew-brands__nav-btn--next{right:0}.avs-ew-brands__nav-btn--prev{left:0}

.avs-ew-brands__viewport::before,.avs-ew-brands__viewport::after{content:"";position:absolute;z-index:9;top:0;bottom:10px;width:46px;pointer-events:none;opacity:.4;transition:opacity .18s ease}
.avs-ew-brands__viewport::before{right:0;background:linear-gradient(270deg,#fff,rgba(255,255,255,0))}
.avs-ew-brands__viewport::after{left:0;background:linear-gradient(90deg,#fff,rgba(255,255,255,0))}
.avs-ew-brands.is-at-start .avs-ew-brands__viewport::after,.avs-ew-brands.is-at-end .avs-ew-brands__viewport::before{opacity:0}

@media(hover:hover) and (pointer:fine){
  .avs-ew-brands__grid{cursor:default}
  .avs-ew-brands__grid.is-dragging{cursor:defaultbing!important;scroll-snap-type:none!important;scroll-behavior:auto!important;user-select:none!important;-webkit-user-select:none!important}
  .avs-ew-brands__grid.is-dragging *{pointer-events:none!important;user-select:none!important;-webkit-user-select:none!important}
  .avs-ew-brand-card:hover{transform:translateY(-4px);border-color:var(--avs-brand-accent,#ff4967);background:#fff;box-shadow:0 16px 34px rgba(15,23,42,.075)}
  .avs-ew-brand-card:hover::before{width:86px;opacity:1}
  .avs-ew-brand-card:hover .avs-ew-brand-card__media{transform:translateY(-2px) scale(1.035);border-color:var(--avs-brand-accent,#ff4967);box-shadow:0 8px 20px rgba(15,23,42,.07),inset 0 0 0 1px rgba(255,255,255,.8)}
}
.avs-ew-brands__empty{padding:18px;border:1px dashed #d9dfe8;border-radius:14px;background:#fafbfc;color:#667085;font-size:12px;text-align:center}
@media(max-width:1199px){
  .avs-ew-brands{--avs-brand-card-width:166px;--avs-brand-nav-width:46px}
  .avs-ew-brands__title{font-size:25px!important}
  .avs-ew-brand-card{width:var(--avs-brand-card-width,166px);height:var(--avs-brand-card-width,166px);min-height:0}
  .avs-ew-brand-card__media{width:74px;height:74px}
  .avs-ew-brand-card__media img{width:65px!important;height:65px!important;max-width:65px!important;max-height:65px!important}
  .avs-ew-brands__nav-btn{height:clamp(90px,calc(var(--avs-brand-nav-height,166px) - 14px),170px);border-radius:16px}
  .avs-ew-brands__nav-btn span{font-size:36px}
}
@media(max-width:767px){
  .avs-ew-brands__header{align-items:flex-end;margin-bottom:12px}
  .avs-ew-brands__title{font-size:20px!important;line-height:1.4!important}
  .avs-ew-brands__subtitle{margin-top:4px!important;font-size:11px!important}
  .avs-ew-brands__nav-btn{display:none!important}
  .avs-ew-brands__grid{gap:9px;margin-left:-4px;padding:2px 0 10px}
  .avs-ew-brand-card{flex-basis:var(--avs-brand-mobile-width,158px);width:var(--avs-brand-mobile-width,158px);height:var(--avs-brand-mobile-width,158px);min-height:0;aspect-ratio:1 / 1;padding:13px 9px 12px;border-radius:17px}
  .avs-ew-brand-card__media{width:68px;height:68px;margin-bottom:9px}
  .avs-ew-brand-card__media img{width:60px!important;height:60px!important;max-width:60px!important;max-height:60px!important}
  .avs-ew-brand-card__name{min-height:35px;font-size:11.5px}
  .avs-ew-brands__viewport::before,.avs-ew-brands__viewport::after{display:none}
}

/* v27.3.0 Rail Core handoff */
.avs-ew-brands.avs-rail{--avs-rail-content-height:var(--avs-brand-card-width,176px)}
.avs-ew-brands.avs-rail .avs-ew-brands__grid{padding-inline:0!important}
.avs-ew-brands.avs-rail .avs-ew-brands__viewport{overflow:hidden!important}
