.product-showcase{position:relative;max-width:780px;margin:40px auto 28px;text-align:start;scroll-margin-top:130px}
.showcase-heading{display:flex;justify-content:space-between;align-items:center;margin:0 4px 13px}.showcase-heading .kicker{font-size:8px;letter-spacing:.17em;margin-bottom:5px}.hero .showcase-heading h2{font-family:inherit;font-size:21px;font-weight:500;line-height:1.3;letter-spacing:-.03em;margin:0;color:#174a65}.showcase-counter{font-size:11px;letter-spacing:.12em;color:#7e9bae;direction:ltr}
.showcase-window{overflow:hidden;border:1px solid #c7dfec;border-radius:14px;background:#f5fbff;box-shadow:0 20px 55px #284f6c17}
.showcase-top{display:flex;align-items:center;gap:10px;padding:8px 14px;min-height:43px;background:linear-gradient(110deg,#eff9fd,#eef0fa);font-size:10px;color:#48728b}.showcase-controls{display:flex;gap:4px;align-items:center;margin-inline-start:auto;direction:ltr}.showcase-controls .icon-button{height:27px;width:27px;min-width:27px;border-radius:7px;border:1px solid #cedfe9;background:#ffffffa8;color:#2a5c77;font-size:14px}.showcase-controls svg{height:13px;width:13px}.showcase-controls .icon-button:hover{background:#d9edf7}
.product-showcase .gallery-panel{border:0;border-radius:0}.product-showcase .gallery-panel>button{background:linear-gradient(120deg,#e9f5fa,#f2f1fb);overflow:hidden}.product-showcase .gallery-panel img{width:100%;height:370px;max-height:none;object-fit:contain;display:block}.product-showcase .gallery-caption{padding:10px 14px;min-height:42px;gap:10px;background:#f8fcff;border-top:1px solid #d7e6ee;font-size:10px}.product-showcase .tiny-tag{font-size:8px;white-space:nowrap}
.screen-ribbon{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:14px 4px 2px}.ribbon-thumb{position:relative;min-width:0;display:block;padding:5px;background:#f4faff;border:1px solid #cddfea;border-radius:9px;text-align:start;color:#7894a5;transition:transform .25s,border-color .25s,box-shadow .25s;overflow:hidden}.ribbon-thumb img{display:block;width:100%;height:58px;object-fit:cover;object-position:top;border-radius:5px;opacity:.58;transition:opacity .25s}.ribbon-thumb>span{display:flex;align-items:center;gap:7px;padding:7px 4px 3px;font-size:10px;line-height:1.4}.ribbon-thumb b{font-size:8px;font-weight:400;color:#9bacc0}.ribbon-thumb.selected{border-color:#539cbd;box-shadow:0 5px 15px #4c7d9d20;transform:translateY(-3px);color:#164e6d;background:white}.ribbon-thumb.selected img,.ribbon-thumb:hover img{opacity:1}.ribbon-thumb.selected:after{content:'';position:absolute;bottom:0;inset-inline-start:0;height:2px;background:linear-gradient(90deg,#49a8be,#ad8fc5);width:100%;transform-origin:left}.slideshow-playing .ribbon-thumb.selected:after{animation:slide-progress 6.5s linear infinite}.showcase-note{margin:9px 4px 0;font-size:9px;color:#7b96a7;line-height:1.7;text-align:center}
@keyframes slide-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:760px){.product-showcase{margin-top:28px}.hero .showcase-heading h2{font-size:17px}.product-showcase .gallery-panel img{height:auto;aspect-ratio:1363/936;max-height:370px}.product-showcase .gallery-caption{flex-wrap:wrap;font-size:9px;min-height:45px;padding:9px 10px}.product-showcase .tiny-tag{font-size:7px}.screen-ribbon{gap:6px;padding:11px 1px 0}.ribbon-thumb{padding:3px;border-radius:6px}.ribbon-thumb img{height:38px}.ribbon-thumb>span{font-size:8px;gap:3px;padding:5px 1px 2px}.ribbon-thumb b{display:none}.showcase-note{font-size:8px}.showcase-top{padding:7px 9px;gap:7px;font-size:9px}.showcase-controls{gap:3px}.showcase-controls .icon-button{height:25px;width:25px;min-width:25px}.nav-actions .login{display:inline-flex;font-size:10px;padding:7px 9px;white-space:nowrap}.nav-actions{gap:7px}}
@media(prefers-reduced-motion:reduce){.ribbon-thumb,.ribbon-thumb img{transition:none}.slideshow-playing .ribbon-thumb.selected:after{animation:none}}