/* SLOT LANGIT alternatif additions: asset carousel, popup, responsive adjustments */
:root{--slot-pink:#188cff;--slot-gold:#f0c568;--slot-navy:#061932}
body{padding-bottom:72px}
.top_navbar,.header-wrapper,.main.nav-wrapper,.main-nav{background:linear-gradient(90deg,#061a3d,#0b4fa7,#1173e7)!important}
.btn-primary,.btn-tertiery,.btn-accent,.green_over,.yellow_over{background:linear-gradient(130deg,#0745aa,#0c88e8 65%,#0bc0f4)!important;border-color:rgba(255,255,255,.35)!important;color:white!important}
.slot88-seo-content{background:linear-gradient(150deg,#f2f8ff,#fff 56%,#e9f5ff)}
.slot88-seo-head>span{background:linear-gradient(130deg,#063f96,#0b85ea)!important}
.slot88-seo-head h1,.slot88-faq-box h2,.slot88-review-box h2{color:#123b7a!important}
.slot88-review-head strong{color:#0749a5!important}
.slot88-faq-q span{color:#0b8bd9!important}
.slot88-main-carousel{position:relative;overflow:hidden;background:#081a35}
.slot88-main-carousel .carousel-inner>.item{display:none}
.slot88-main-carousel .carousel-inner>.item.active{display:block}
.slot88-main-carousel .slider-size{max-height:none!important;min-height:0!important;width:100%;height:auto;aspect-ratio:2048/682;object-fit:cover}
.slot88-main-carousel .carousel-indicators{bottom:8px}
.slot88-main-carousel .carousel-control{display:flex!important;opacity:.72;align-items:center;justify-content:center;position:absolute;top:40%;height:52px;width:48px;z-index:3;background:rgba(9,4,17,.45)!important;border-radius:10px}
.slot88-main-carousel .carousel-control.left{left:6px}.slot88-main-carousel .carousel-control.right{right:6px}
.slot88-modal-overlay[hidden]{display:none!important}
.slot88-modal-overlay{position:fixed;inset:0;z-index:99999;display:flex;justify-content:center;align-items:center;background:rgba(3,1,10,.82);padding:14px}
.slot88-modal-card{width:min(480px,96vw);max-height:95vh;position:relative;display:flex;flex-direction:column;border:2px solid #1a9de8;border-radius:15px;background:#061b40;box-shadow:0 0 38px rgba(11,139,217,.4);overflow:hidden}
.slot88-modal-card>img{display:block;width:100%;min-height:0;max-height:calc(95vh - 83px);object-fit:contain;flex:1}
.slot88-modal-close{position:absolute;z-index:3;right:9px;top:9px;cursor:pointer;border:0;border-radius:50%;color:#fff;background:rgba(0,0,0,.86);width:38px;height:38px;font-size:29px;line-height:35px}
.slot88-modal-actions{display:flex;gap:10px;padding:12px}
.slot88-modal-actions a{display:block;flex:1;text-align:center;padding:12px 8px;text-decoration:none;color:white!important;font-weight:800;border-radius:8px}
.slot88-modal-login{background:linear-gradient(120deg,#064da8,#1b9bff)}
.slot88-modal-register{background:linear-gradient(120deg,#185996,#3d9de3)}
.slot88-faq-q{cursor:pointer}
@media(max-width:767px){.slot88-main-carousel .carousel-control{width:32px;height:36px;top:40%}.slot88-modal-actions a{padding:9px}.slot88-seo-head h1{font-size:24px}}

/* Template 1 official blue-only color variation: original DOM/layout preserved */
:root{--s88-blue:#087be1;--s88-blue2:#083b81;--s88-ink:#092848}
body{background:linear-gradient(180deg,#031531 0,#082951 35%,#f3f9ff 35%,#fff 100%)}
.top_navbar,.header-wrapper,.main.nav-wrapper,.main-nav{background:linear-gradient(90deg,#031731,#07549e,#0a81d5)!important}
.slot88-seo-content{background:linear-gradient(145deg,#e9f5ff,#fff 55%,#f1f9ff)!important}
.slot88-seo-head>span{background:linear-gradient(120deg,#073f8c,#0d96e7)!important}
.slot88-faq-q{background:linear-gradient(90deg,#f1f8ff,#eaf5ff)!important;color:#0a3e7e!important}
.slot88-faq-box,.slot88-review-box{border-color:rgba(9,105,218,.22)!important}
.slot88-modal-card{border-color:#148bd9!important;box-shadow:0 0 35px rgba(6,105,225,.4)!important}
.slot88-modal-login,.slot88-modal-register{background:linear-gradient(110deg,#074788,#1689df)!important}

/* SLOT LANGIT: palette emerald green, original Template 1 structure retained. */
:root{--slot-pink:#22ba76;--slot-gold:#ecc574;--slot-navy:#052d22;--accent-color:#23bc78;--base-color:#072b23}
body{background:#eef8f0}
.top_navbar,.header-wrapper,.main.nav-wrapper,.main-nav{background:linear-gradient(90deg,#073d31,#087e56,#13a267)!important}
.btn-primary,.btn-tertiery,.btn-accent,.green_over,.yellow_over{background:linear-gradient(130deg,#056948,#0b9e68 65%,#67c97a)!important;border-color:rgba(255,255,255,.3)!important;color:#fff!important}
.slot88-seo-content{background:linear-gradient(150deg,#effbf3,#ffffff 55%,#e4f7e9)!important}
.slot88-seo-head>span{background:linear-gradient(130deg,#09563f,#12a56b)!important}
.slot88-seo-head h1,.slot88-faq-box h2,.slot88-review-box h2,.slot88-article h2{color:#075b3f!important}
.slot88-review-head strong{color:#08764a!important}.slot88-faq-q span{color:#129962!important}
.slot88-main-carousel{background:#05291d}.slot88-modal-card{background:#052c22;border-color:#41bf80;box-shadow:0 0 38px #0b8a5d66}
.slotlangit-crumbs{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 18px;padding:0;color:#147451;font-size:11px;font-weight:800;letter-spacing:.06em}
.slotlangit-crumbs b{color:#c4a257}.slot88-article h2{font-size:clamp(20px,2vw,27px);font-weight:800;margin:24px 0 10px}
@media(max-width:620px){.slotlangit-crumbs{font-size:9px;gap:5px}}
/* Mobile header: preserve the Template 1 desktop navigation, condense on small screens. */
@media(max-width:767px){html,body{overflow-x:clip!important}.top_navbar .main.nav-wrapper{display:none!important}.floats{display:none!important}.top_navbar .main-header{min-height:65px!important;padding:8px 12px!important}.top_navbar .inner-header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:7px}.top_navbar #logo{flex:0 1 50%!important;min-width:0}.top_navbar #logo img{max-width:175px!important;width:100%!important;height:auto!important}.top_navbar .show-for-medium.flex-left{display:none!important}.top_navbar .show-for-medium.flex-right{flex:0 0 auto!important}.top_navbar .show-for-medium.flex-right .flex-row{gap:5px!important}.top_navbar .show-for-medium.flex-right a.btn{font-size:11px!important;padding:9px 10px!important;min-width:0!important}.slot88-main-carousel .carousel-control{width:28px!important;height:32px!important;top:39%!important}.slot88-main-carousel .slider-size{width:100%!important;object-fit:contain!important}}