.sk-hero-carousel{position:relative;display:grid;aspect-ratio:16/9;background:var(--soft);overflow:hidden}
.sk-hero-carousel .sk-hero-image{grid-area:1/1;display:block;width:100%;height:100%;min-height:0;object-fit:cover;object-position:center;opacity:0;transition:opacity 1.6s ease-in-out!important}
.sk-hero-carousel .sk-hero-image.is-active{opacity:1}
.sk-carousel-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:8px;color:var(--muted);font:13px Sarabun,sans-serif}
.sk-carousel-controls>div{display:flex;gap:8px}.sk-carousel-controls button{background:transparent;color:var(--ink);border:1px solid var(--line);min-width:44px;min-height:44px;padding:8px 14px;font:13px Sarabun,sans-serif;cursor:pointer}


.sk-hero-carousel[hidden],.sk-carousel-controls[hidden]{display:none}