/* Samo zamjena desnog dijela hero sekcije — ostatak dizajna ostaje nepromijenjen. */
.hero-showcase{height:540px;position:relative;z-index:2;border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:16px;background:linear-gradient(145deg,rgba(24,24,28,.96),rgba(7,7,9,.98));box-shadow:0 34px 90px rgba(0,0,0,.5);overflow:hidden}
.hero-showcase:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:rgba(255,115,0,.14);filter:blur(75px);right:-40px;top:-45px;pointer-events:none}
.hero-showcase:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;background:rgba(0,168,255,.11);filter:blur(78px);left:-80px;bottom:-100px;pointer-events:none}
.showcase-topline{height:42px;display:flex;justify-content:space-between;align-items:center;padding:0 8px 0 10px;position:relative;z-index:3}.showcase-topline span{font-size:10px;color:var(--yellow);font-weight:900;letter-spacing:.17em}.showcase-topline b{font-size:10px;color:#8d8d96;font-weight:700}
.showcase-stage{height:360px;position:relative;border-radius:17px;background:linear-gradient(140deg,#f7f7f5,#e9e9e7);overflow:hidden;z-index:2}
.showcase-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateX(18px);transition:opacity .42s ease,transform .42s ease,visibility .42s;display:grid;grid-template-columns:1fr 190px;align-items:stretch}.showcase-slide.active{opacity:1;visibility:visible;transform:translateX(0)}
.showcase-product{border:0;background:transparent;padding:10px 8px 12px 20px;min-width:0;cursor:pointer;overflow:hidden}.showcase-product img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 22px 25px rgba(0,0,0,.22));transition:transform .35s ease}.showcase-product:hover img{transform:scale(1.035)}
.showcase-caption{background:linear-gradient(180deg,#111114,#08080a);padding:32px 24px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;position:relative}.showcase-caption:before{content:"";position:absolute;left:0;top:24px;bottom:24px;width:2px;background:linear-gradient(var(--yellow),var(--orange),var(--blue))}.showcase-caption small{color:var(--orange);font-weight:900;font-size:9px;letter-spacing:.13em}.showcase-caption h3{font-family:"Arial Narrow",Impact,Arial,sans-serif;font-size:27px;line-height:1.02;margin:10px 0 16px}.showcase-caption strong{font-size:21px;color:#fff}
.showcase-arrow{position:absolute;z-index:6;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;border:1px solid rgba(0,0,0,.2);background:rgba(10,10,12,.82);color:#fff;font-size:30px;line-height:1;display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 18px rgba(0,0,0,.25)}.showcase-arrow.prev{left:12px}.showcase-arrow.next{right:201px}.showcase-arrow:hover{background:linear-gradient(135deg,var(--yellow),var(--orange));color:#111}
.showcase-thumbs{height:105px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:10px;position:relative;z-index:3}.showcase-thumb{min-width:0;display:grid;grid-template-columns:48px 1fr;align-items:center;gap:8px;border:1px solid #29292f;background:#111114;color:#fff;border-radius:10px;padding:7px;text-align:left;cursor:pointer;transition:.2s}.showcase-thumb:hover,.showcase-thumb.active{border-color:var(--orange);background:#171719}.showcase-thumb.active{box-shadow:inset 0 -2px 0 var(--orange)}.showcase-thumb img{width:48px;height:58px;object-fit:contain;background:#efefed;border-radius:6px}.showcase-thumb span{min-width:0}.showcase-thumb b{display:block;font-size:10px;line-height:1.16;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.showcase-thumb small{display:block;color:#b8b8bf;font-size:9px;margin-top:4px}
@media(max-width:980px){.hero-showcase{height:520px}.showcase-stage{height:345px}}
@media(max-width:720px){.hero-showcase{height:485px;padding:11px;border-radius:18px}.showcase-topline{height:36px}.showcase-topline b{display:none}.showcase-stage{height:326px}.showcase-slide{grid-template-columns:1fr 125px}.showcase-product{padding:8px}.showcase-caption{padding:22px 15px}.showcase-caption h3{font-size:20px}.showcase-caption strong{font-size:16px}.showcase-arrow.next{right:135px}.showcase-thumbs{height:96px;gap:5px}.showcase-thumb{display:block;padding:5px;text-align:center}.showcase-thumb img{width:100%;height:52px}.showcase-thumb span{display:none}}