.showcase{box-sizing:border-box;width:min(440px,100%);aspect-ratio:440/560;margin:0 auto;padding:5px;overflow:hidden;color:#111;font-family:inherit}
.showcase *{box-sizing:border-box}
.showcase__backdrop{width:100%;height:100%;padding:45px;background:var(--sam-showcase-color,#d7d3d0) var(--sam-showcase-background,var(--sam-showcase-default,linear-gradient(145deg,#b8b1aa,#e8e4df))) center/cover no-repeat;border-radius:16px;overflow:hidden}
.showcase__panel{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;background:rgba(255,255,255,var(--sam-showcase-opacity,.86));overflow:hidden}
.showcase__stage{flex:0 0 auto;width:340px;height:340px;padding:10px}
.showcase__slide{display:none;width:320px;height:320px;margin:0;overflow:hidden}
.showcase__slide.is-active{display:block}
.showcase__slide img{display:block;width:320px!important;height:320px!important;max-width:none!important;object-fit:cover;object-position:center}
.showcase__all{flex:0 0 auto;display:grid;width:320px;height:320px;align-self:center;grid-template-columns:repeat(3,100px);grid-template-rows:repeat(3,100px);gap:10px;margin-top:10px;padding:0}
.showcase__all[hidden]{display:none}
.showcase .showcase__thumb{appearance:none!important;-webkit-appearance:none!important;display:block!important;width:100px!important;height:100px!important;min-width:100px!important;min-height:100px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;cursor:pointer;overflow:hidden}
.showcase__thumb img{display:block;width:100px!important;height:100px!important;max-width:none!important;object-fit:cover;object-position:center;transition:transform .18s ease}
.showcase__thumb:hover img{transform:scale(1.045)}
.showcase__details{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;flex:1;min-height:0;padding:8px 10px 12px}
.showcase__controls{display:flex;flex-direction:column;align-items:center;gap:7px}
.showcase .showcase__control{appearance:none!important;-webkit-appearance:none!important;display:block!important;width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;background-repeat:no-repeat!important;background-position:center!important;background-size:30px 30px!important;color:transparent!important;cursor:pointer;line-height:0}
.showcase .showcase__back{background-image:url("icons/show_back.svg")!important}
.showcase .showcase__next{background-image:url("icons/show_next.svg")!important}
.showcase .showcase__show-all{background-image:url("icons/show_all.svg")!important}
.showcase .showcase__control::before,.showcase .showcase__control::after,.showcase .showcase__thumb::before,.showcase .showcase__thumb::after{display:none!important;content:none!important}
.showcase .showcase__control:hover{background-color:transparent!important;transform:scale(1.04)}
.showcase__copy{min-width:0;text-align:center}
.showcase__copy h2{margin:0 0 3px!important;color:inherit!important;font-size:20px!important;line-height:1.1!important;overflow-wrap:anywhere}
.showcase__copy p{display:-webkit-box;margin:0 auto!important;max-width:250px;overflow:hidden;color:inherit!important;font-size:12px!important;line-height:1.25!important;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.showcase__copy a{display:inline-block;margin-top:8px;color:inherit!important;font-size:14px;font-weight:700;line-height:1.15;text-decoration:none!important;border-bottom:1px solid currentColor}
.showcase__copy a:hover{border-bottom-width:2px}
.showcase button:focus-visible,.showcase a:focus-visible{outline:3px solid rgba(29,27,27,.35);outline-offset:3px}

@media(max-width:440px){
  .showcase{aspect-ratio:440/600}
  .sammc-yap-inner>.showcase{width:100%;height:100%;aspect-ratio:auto;padding:0}
  .showcase__backdrop{padding:28px}
  .sammc-yap-inner>.showcase .showcase__backdrop{border-radius:0}
  .showcase__stage{max-width:100%;height:auto;aspect-ratio:1/1}
  .showcase__slide,.showcase__slide img{width:100%!important;height:100%!important}
  .showcase__details{padding-bottom:9px}
  .showcase__copy h2{font-size:18px!important}
}

[data-sam-tap-layout="break"] .showcase{width:var(--sam-tap-width,100%);min-height:var(--sam-tap-min-height,560px);height:var(--sam-tap-height,auto);aspect-ratio:auto;margin:0;padding:0;overflow:var(--sam-tap-overflow,visible)}
[data-sam-tap-layout="break"] .showcase__backdrop{display:flex;align-items:center;justify-content:center;min-height:var(--sam-tap-min-height,560px);height:auto;padding:50px 20px;border-radius:0;overflow:visible}
[data-sam-tap-layout="break"] .showcase__panel{width:min(400px,100%);height:auto;min-height:540px;overflow:hidden}
[data-sam-tap-layout="break"] .showcase__stage{width:400px;height:400px;max-width:100%;align-self:center;padding:10px}
[data-sam-tap-layout="break"] .showcase__slide{width:380px;height:380px}
[data-sam-tap-layout="break"] .showcase__slide img{width:380px!important;height:380px!important}
[data-sam-tap-layout="break"] .showcase__all{width:380px;height:380px;grid-template-columns:repeat(3,120px);grid-template-rows:repeat(3,120px);gap:10px}
[data-sam-tap-layout="break"] .showcase .showcase__thumb{width:120px!important;height:120px!important;min-width:120px!important;min-height:120px!important}
[data-sam-tap-layout="break"] .showcase__thumb img{width:120px!important;height:120px!important}
[data-sam-tap-layout="break"] .showcase__details{flex:none;min-height:150px;padding:10px 24px 20px}
