.popular-section{max-width:1536px;margin:auto;padding:32px 60px 48px}
.popular-slider{overflow:hidden}.popular-grid{display:flex;gap:18px;transition:transform .45s cubic-bezier(.22,.61,.36,1);will-change:transform}.popular-card{flex:0 0 calc((100% - 54px)/4)}
.popular-card{min-width:0;border:1px solid #303941;border-radius:8px;background:linear-gradient(145deg,#0b1114,#05090b);overflow:hidden;transition:transform .25s,border-color .25s}
.popular-card:hover{transform:translateY(-5px);border-color:#7b7040}
.popular-media{height:180px;position:relative;overflow:hidden;background:radial-gradient(circle at 55% 45%,#293237,#070b0d 70%)}
.popular-media:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,7,9,.75),transparent 58%)}
.popular-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.78) contrast(1.08);transition:transform .35s}
.popular-card:hover .popular-media img{transform:scale(1.04)}
.popular-media span{position:absolute;top:14px;left:14px;z-index:2;padding:5px 9px;border-radius:4px;background:var(--ss-yellow);color:#080b0d;font-size:9px;font-weight:1000;letter-spacing:.8px}
.popular-body{padding:17px 18px 19px}
.popular-body>small{color:var(--ss-yellow);font-size:9px;font-weight:900;letter-spacing:1.2px}
.popular-body h3{font-size:15px;margin:7px 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.popular-body p{display:flex;align-items:center;gap:9px;color:#98a1a7;font-size:11px;margin:0 0 18px}
.popular-body p i{width:3px;height:3px;border-radius:50%;background:var(--ss-yellow)}
.popular-body>div{padding-top:14px;border-top:1px solid #293138;display:flex;align-items:center;justify-content:space-between;gap:10px}
.popular-body strong{font-size:14px;color:#fff}
.popular-body div b{font-size:9px;color:var(--ss-yellow);white-space:nowrap}
.slider-tools{display:flex;align-items:center;gap:9px}.slider-tools>a{font-size:12px;color:var(--ss-yellow);font-weight:700;margin-right:8px}.slider-tools button{width:36px;height:36px;border:1px solid #4b555c;border-radius:50%;background:#080d10;color:#fff;font-size:18px;cursor:pointer;transition:.2s}.slider-tools button:hover{border-color:var(--ss-yellow);color:var(--ss-yellow)}.slider-tools button:disabled{opacity:.3;cursor:default}.slider-dots{display:flex;justify-content:center;gap:8px;margin-top:22px}.slider-dots button{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:#4c555b;cursor:pointer}.slider-dots button.active{width:26px;border-radius:5px;background:var(--ss-yellow)}
@media(max-width:1200px){.popular-section{padding-left:30px;padding-right:30px}.popular-card{flex-basis:calc((100% - 18px)/2)}}
@media(max-width:600px){.popular-section{padding:28px 16px 40px}.popular-card{flex-basis:100%}.popular-media{height:210px}.popular-section .section-row{align-items:flex-end}.popular-section .section-row h2{font-size:17px}.slider-tools>a{display:none}.slider-tools button{width:34px;height:34px}.slider-dots{margin-top:17px}}

/* Hero image slider */
.ss-hero{background:none!important}.hero-bg-slide{position:absolute;inset:0;background-position:center 44%;background-size:cover;background-repeat:no-repeat;opacity:0;transform:scale(1.025);transition:opacity 1.15s ease,transform 6.5s ease;z-index:0}.hero-bg-slide.active{opacity:1;transform:scale(1)}.hero-shade{z-index:1}.hero-dots{z-index:4}.hero-dots button{appearance:none;border:0;background:transparent;padding:0;color:#8d969d;font:inherit;cursor:pointer}.hero-dots button.active{color:var(--ss-yellow);font-weight:900}.hero-dots span{width:24px}.hero-copy,.hero-side,.scroll{z-index:2}
@media(max-width:1200px){.hero-dots{display:grid;right:24px;top:auto;bottom:28px}}
@media(max-width:900px){.hero-bg-slide{background-position:62% center}}
@media(max-width:600px){.hero-bg-slide{background-position:64% center}.hero-bg-slide:nth-child(2){background-position:58% center}.hero-dots{right:18px;bottom:24px}}