/* AvvalStock Unified Showcase Rail v27.4.1 */
.avs-showcase{
  --avs-showcase-card-width:176px;--avs-showcase-card-height:178px;--avs-showcase-gap:12px;--avs-showcase-mobile-width:158px;
  --avs-showcase-accent:#ff4967;--avs-showcase-card-bg:#fff;--avs-showcase-media-bg:#f7f8fa;
  position:relative;width:100%;min-width:0;margin:0;padding:0;color:#111827;
}
.avs-showcase.avs-rail{--avs-rail-nav-width:52px;--avs-rail-nav-gap:9px;--avs-rail-nav-trim:8px;--avs-rail-nav-radius:14px;--avs-rail-fade-width:16px}
.avs-showcase__header{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:0 0 18px;text-align:right}
.avs-showcase__heading{min-width:0}
.avs-showcase__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-showcase__subtitle{margin:7px 0 0!important;color:#7b8494!important;font-size:13px!important;line-height:1.7!important;font-weight:600!important}
.avs-showcase__stage{position:relative;width:100%;min-width:0}
.avs-showcase__viewport{position:relative;width:100%;min-width:0;overflow:hidden}
.avs-showcase__track{
  display:flex;gap:var(--avs-showcase-gap);width:100%;min-width:0;margin:0;padding:4px 0 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-showcase__track::-webkit-scrollbar{display:none}
.avs-showcase__track:focus-visible{outline:2px solid rgba(20,118,200,.16);outline-offset:3px;border-radius:14px}

/* One exact outer geometry for ALL sources. */
.avs-showcase-card{
  position:relative;display:flex;flex:0 0 var(--avs-showcase-card-width);width:var(--avs-showcase-card-width);height:var(--avs-showcase-card-height);min-width:0;
  flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;
  padding:12px 10px 11px;border:1px solid #e1e6ee;border-radius:20px;
  background:linear-gradient(180deg,var(--avs-showcase-card-bg) 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-showcase-card::before{content:"";position:absolute;z-index:3;inset:0 auto auto 50%;width:54px;height:3px;border-radius:0 0 999px 999px;background:var(--avs-showcase-accent);opacity:0;transform:translateX(-50%);transition:opacity .18s ease,width .18s ease}
.avs-showcase-card__media{display:flex;align-items:center;justify-content:center;min-width:0;overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.avs-showcase-card__media img{display:block!important;margin:0!important;object-fit:contain!important;object-position:center!important}
.avs-showcase-card__fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--avs-showcase-accent);font-size:18px;font-weight:950;text-transform:uppercase}
.avs-showcase-card__title{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;overflow:hidden;color:#111827;font-size:13px;line-height:1.45;font-weight:850;text-wrap:balance}

/* Brand/logo mode: same approved brand geometry. */
.avs-showcase--logo .avs-showcase-card__media{flex:0 0 80px;width:80px;height:80px;margin:0 0 12px;border:1px solid #edf0f4;border-radius:50%;background:var(--avs-showcase-media-bg);box-shadow:inset 0 0 0 1px rgba(255,255,255,.7)}
.avs-showcase--logo .avs-showcase-card__media img{width:70px!important;height:70px!important;max-width:70px!important;max-height:70px!important}
.avs-showcase--logo .avs-showcase-card__title{min-height:42px;max-height:42px}

/* Poster mode: EXACT same outer card, image simply uses most of its interior. */
.avs-showcase--poster .avs-showcase-card{padding:8px 8px 9px}
.avs-showcase--poster .avs-showcase-card__media{flex:1 1 auto;width:100%;height:auto;min-height:0;margin:0 0 6px;border:0;border-radius:14px;background:var(--avs-showcase-media-bg)}
.avs-showcase--poster .avs-showcase-card__media img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;padding:0!important}
.avs-showcase--poster .avs-showcase-card__title{flex:0 0 30px;min-height:30px;max-height:30px;font-size:11.5px;line-height:1.35}
.avs-showcase--poster.avs-showcase--hide-title .avs-showcase-card__media{height:100%;margin:0;flex:1 1 100%}


/* Immersive poster theme: full image inside the same approved outer card without inner white frame. */
.avs-showcase--theme-immersive.avs-showcase--poster .avs-showcase-card{
  padding:0;border-color:#e4e9f1;border-radius:22px;background:linear-gradient(180deg,#f8fafc 0%,#eef2f7 100%);
  box-shadow:0 10px 28px rgba(15,23,42,.045);isolation:isolate;
}
.avs-showcase--theme-immersive.avs-showcase--poster .avs-showcase-card::before{width:68px;height:3px;opacity:.95}
.avs-showcase--theme-immersive.avs-showcase--poster .avs-showcase-card__media{
  position:absolute;inset:0;margin:0;width:100%;height:100%;border:0;border-radius:inherit;background:transparent;overflow:hidden;
}
.avs-showcase--theme-immersive.avs-showcase--poster .avs-showcase-card__media img{
  width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;
  object-fit:contain!important;object-position:center!important;border-radius:inherit;filter:drop-shadow(0 8px 18px rgba(15,23,42,.08));
}
.avs-showcase--theme-immersive.avs-showcase--poster .avs-showcase-card__title{
  position:absolute;left:8px;right:8px;bottom:8px;z-index:2;display:flex;align-items:center;justify-content:center;
  min-height:30px;max-height:none;padding:7px 10px;border-radius:12px;background:rgba(255,255,255,.92);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 8px 20px rgba(15,23,42,.08);
  font-size:11.5px;line-height:1.35;font-weight:900;color:#0f172a;
}
.avs-showcase--theme-immersive.avs-showcase--poster.avs-showcase--hide-title .avs-showcase-card__media{inset:0}
.avs-showcase--theme-immersive.avs-showcase--poster.avs-showcase--hide-title .avs-showcase-card__title{display:none}
.avs-showcase--theme-immersive.avs-showcase--poster .avs-showcase-card__fallback{font-size:28px}
@media(hover:hover) and (pointer:fine){
  .avs-showcase--theme-immersive.avs-showcase--poster .avs-showcase-card:hover{background:linear-gradient(180deg,#fbfdff 0%,#eff4fb 100%);box-shadow:0 16px 34px rgba(15,23,42,.08)}
  .avs-showcase--theme-immersive.avs-showcase--poster .avs-showcase-card:hover .avs-showcase-card__media{transform:scale(1.02)}
  .avs-showcase--theme-immersive.avs-showcase--poster .avs-showcase-card:hover .avs-showcase-card__title{box-shadow:0 10px 24px rgba(15,23,42,.12)}
}

@media(hover:hover) and (pointer:fine){
  .avs-showcase-card:hover{transform:translateY(-3px);border-color:var(--avs-showcase-accent);background:#fff;box-shadow:0 14px 30px rgba(15,23,42,.07)}
  .avs-showcase-card:hover::before{width:84px;opacity:1}
  .avs-showcase--logo .avs-showcase-card:hover .avs-showcase-card__media{transform:translateY(-1px) scale(1.03);border-color:var(--avs-showcase-accent);box-shadow:0 7px 18px rgba(15,23,42,.06),inset 0 0 0 1px rgba(255,255,255,.8)}
  .avs-showcase--poster .avs-showcase-card:hover .avs-showcase-card__media{transform:scale(1.018)}
}
.avs-showcase__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-showcase{--avs-showcase-card-width:166px;--avs-showcase-card-height:166px}
  .avs-showcase__title{font-size:25px!important}
  .avs-showcase--logo .avs-showcase-card__media{width:74px;height:74px;flex-basis:74px}
  .avs-showcase--logo .avs-showcase-card__media img{width:65px!important;height:65px!important;max-width:65px!important;max-height:65px!important}
  .avs-showcase-card__title{font-size:12px}
}
@media(max-width:767px){
  .avs-showcase__header{margin-bottom:12px}
  .avs-showcase__title{font-size:20px!important;line-height:1.4!important}
  .avs-showcase__subtitle{margin-top:4px!important;font-size:11px!important}
  .avs-showcase__track{gap:9px;padding:2px 0 10px}
  .avs-showcase-card{flex-basis:var(--avs-showcase-mobile-width);width:var(--avs-showcase-mobile-width);height:146px;padding:10px 8px;border-radius:17px}
  .avs-showcase--logo .avs-showcase-card__media{flex-basis:68px;width:68px;height:68px;margin-bottom:8px}
  .avs-showcase--logo .avs-showcase-card__media img{width:60px!important;height:60px!important;max-width:60px!important;max-height:60px!important}
  .avs-showcase--logo .avs-showcase-card__title{min-height:35px;max-height:35px;font-size:11.3px}
  .avs-showcase--poster .avs-showcase-card__title{flex-basis:27px;min-height:27px;max-height:27px;font-size:10.5px}
  .avs-showcase--theme-immersive.avs-showcase--poster .avs-showcase-card{border-radius:19px}
  .avs-showcase--theme-immersive.avs-showcase--poster .avs-showcase-card__title{left:6px;right:6px;bottom:6px;padding:6px 8px;border-radius:10px;font-size:10px;line-height:1.3}
}

