/* GoldTrade modern component layer: native sliders, no jQuery/Slick dependency. */
.home-hero-slider{position:relative;width:100%;aspect-ratio:2/1;max-height:600px;overflow:hidden;background:#2a2117}
.home-hero-slide{display:none;position:absolute;inset:0}
.home-hero-slide.active{display:block}
.home-hero-slide img{display:block;width:100%;height:100%;object-fit:cover}
.home-hero-copy{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);width:min(520px,44%);padding:22px 28px;text-align:center;color:#fff;background:rgba(20,16,10,.58);border:1px solid rgba(255,255,255,.35);border-radius:8px;box-sizing:border-box}
.home-hero-copy h2{margin:0 0 8px;font-size:clamp(22px,3vw,40px);line-height:1.12;color:#fff}
.home-hero-copy p{margin:0;font-size:clamp(14px,1.5vw,20px);line-height:1.45;color:#fff}
.home-hero-dots{position:absolute;z-index:5;bottom:14px;left:50%;transform:translateX(-50%);display:flex;gap:8px}
.home-hero-dots button{width:11px;height:11px;padding:0;border:1px solid #fff;border-radius:50%;background:rgba(255,255,255,.4);cursor:pointer}
.home-hero-dots button.active{background:#e8b633}
.full-rotater{position:relative;overflow:hidden;width:100%;padding:0 36px;box-sizing:border-box}
.coins-slider{display:flex!important;flex-wrap:nowrap!important;float:none!important;width:300%!important;transition:transform .55s ease;will-change:transform}
.coins-slider .coins-rotater{float:none!important;width:auto!important;box-sizing:border-box;padding:0 10px;flex:0 0 33.333333%;min-width:0!important}
.coins-slider .coins-img img{max-width:200px;width:100%;height:auto;display:block;margin:auto}
.coins-slider-controls{position:absolute;inset:0;pointer-events:none;display:flex;align-items:center;justify-content:space-between;z-index:4}
.coins-slider-controls button{pointer-events:auto;width:34px;height:54px;border:0;border-radius:4px;background:rgba(20,20,20,.45);color:#fff;font-size:25px;cursor:pointer}
.coins-slider-controls button:hover{background:rgba(20,20,20,.7)}
@media(max-width:1024px){.coins-slider .coins-rotater{flex-basis:50%}.home-hero-copy{width:min(500px,58%)}}
@media(max-width:600px){.home-hero-slider{aspect-ratio:2/1;min-height:0}.home-hero-copy{left:50%;top:50%;width:78%;padding:13px 15px}.home-hero-copy h2{font-size:22px}.home-hero-copy p{font-size:13px}.coins-slider .coins-rotater{flex-basis:100%}.full-rotater{padding:0 28px}}