.production-showcase{position:relative}
.production-showcase__header{text-align:center;margin-bottom:2rem}
.production-showcase__heading{margin:0 0 0.5rem}
.production-showcase__subheading{margin:0;opacity:0.7}
.production-showcase__image-wrapper{position:relative;overflow:hidden;border-radius:var(--radius-sm)}
.production-showcase__image{width:100%;height:auto;display:block;object-fit:cover}
.production-showcase__hotspot{position:absolute;width:3.5rem;height:3.5rem;transform:translate(-50%,-50%);cursor:pointer;z-index:2}
.production-showcase__hotspot-dot{position:relative;display:block;width:100%;height:100%;border-radius:var(--radius-circle);background-color:rgba(var(--hotspot-color-after,0 0 0)/0.3);animation:production-hotspot-scale 1.5s ease infinite;transition:background-color 0.3s ease,box-shadow 0.3s ease}
.production-showcase__hotspot-dot:before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1);width:8px;height:8px;background-color:rgba(var(--hotspot-color,255 255 255)/1);border-radius:var(--radius-circle);transition:transform 0.3s ease}
.production-showcase__hotspot:hover{z-index:3}
.production-showcase__hotspot:hover .production-showcase__hotspot-dot{animation-play-state:paused;background-color:rgba(var(--hotspot-color-after,0 0 0)/0.7);box-shadow:0 0 0 2px rgba(var(--hotspot-color,255 255 255)/1)}
.production-showcase__hotspot:hover .production-showcase__hotspot-dot:before{transform:translate(-50%,-50%) scale(0.8)}
@keyframes production-hotspot-scale{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}
.production-showcase__tooltip{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translateX(-50%);background:rgb(var(--color-background));color:rgb(var(--color-foreground));padding:0.75rem 1rem;border-radius:var(--radius-xs);box-shadow:0 4px 16px rgba(0,0,0,0.15);font-size:0.85rem;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity 0.2s ease;pointer-events:none;z-index:3}
.production-showcase__tooltip::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:rgb(var(--color-background))}
.production-showcase__hotspot:hover .production-showcase__tooltip,.production-showcase__hotspot.is-tooltip-visible .production-showcase__tooltip{opacity:1;visibility:visible}
.production-showcase__trust{display:flex;align-items:center;justify-content:center;gap:0.5rem;margin-top:1.5rem;font-size:0.875rem;opacity:0.7}
.production-showcase .splide__arrows{pointer-events:none}
.production-showcase .splide__arrow{pointer-events:auto;width:44px;height:44px;background:rgb(var(--color-background));color:rgb(var(--color-foreground));border:1px solid rgba(var(--color-foreground)/0.15);border-radius:var(--radius-circle);box-shadow:0 4px 12px rgba(0,0,0,0.15);opacity:1;z-index:2;transition:background 0.2s ease,transform 0.2s ease}
.production-showcase .splide__arrow svg{width:18px;height:18px;fill:rgb(var(--color-foreground))}
.production-showcase .splide__arrow:hover:not(:disabled){background:rgb(var(--color-foreground));transform:translateY(-50%) scale(1.05)}
.production-showcase .splide__arrow:hover:not(:disabled) svg{fill:rgb(var(--color-background))}
.production-showcase .splide__arrow--prev{left:12px}
.production-showcase .splide__arrow--next{right:12px}
@media(max-width:749px){.production-showcase__image-wrapper{border-radius:var(--radius-xs)}.production-showcase .splide__arrow{width:36px;height:36px}.production-showcase .splide__arrow svg{width:14px;height:14px}.production-showcase .splide__arrow--prev{left:8px}.production-showcase .splide__arrow--next{right:8px}}
@media(prefers-reduced-motion:reduce){.production-showcase__hotspot-dot{animation:none}}