
/* ISKO plugin cart */
#iskoPluginCartOpen{
  position:fixed!important;
  right:14px!important;
  top:96px!important;
  bottom:auto!important;
  z-index:2147483000!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  border:0!important;
  border-radius:999px!important;
  padding:14px 17px!important;
  background:#25d366!important;
  color:#fff!important;
  font-size:15px!important;
  font-weight:900!important;
  box-shadow:0 18px 42px rgba(0,0,0,.34)!important;
  cursor:pointer!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
}
#iskoPluginCartOpen strong{
  min-width:25px!important;
  padding:2px 8px!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#168c3d!important;
  text-align:center!important;
}
#iskoPluginOverlay{
  display:none;
  position:fixed!important;
  inset:0!important;
  z-index:2147483001!important;
  background:rgba(0,0,0,.60)!important;
}
#iskoPluginOverlay.open{display:block!important}
#iskoPluginPanel{
  position:fixed!important;
  top:0!important;
  right:-470px!important;
  width:min(440px,96vw)!important;
  height:100dvh!important;
  z-index:2147483002!important;
  overflow-y:auto!important;
  padding:0 18px calc(24px + env(safe-area-inset-bottom))!important;
  background:#fff!important;
  color:#160d0a!important;
  box-shadow:-24px 0 70px rgba(0,0,0,.42)!important;
  transition:right .28s ease!important;
  -webkit-overflow-scrolling:touch!important;
}
#iskoPluginPanel.open{right:0!important}
.isko-plugin-head{
  position:sticky!important;
  top:0!important;
  z-index:10!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:18px 0 14px!important;
  border-bottom:1px solid #eadac2!important;
  background:#fff!important;
}
.isko-plugin-head h3{margin:0!important;color:#711414!important;font-size:22px!important}
.isko-plugin-head p{margin:4px 0 0!important;color:#73594d!important;font-size:13px!important}
#iskoPluginClose{
  width:42px!important;
  height:42px!important;
  border:0!important;
  border-radius:14px!important;
  background:#711414!important;
  color:#fff!important;
  font-size:26px!important;
  cursor:pointer!important;
}
.isko-plugin-empty{
  margin:14px 0!important;
  padding:18px!important;
  border:1px solid #f0dfc8!important;
  border-radius:18px!important;
  background:#fff7e9!important;
  text-align:center!important;
  color:#6b5148!important;
}
.isko-plugin-item{
  margin:12px 0!important;
  padding:14px!important;
  border:1px solid #f0dfc8!important;
  border-radius:18px!important;
  background:#fffaf4!important;
}
.isko-plugin-title{font-weight:900!important;color:#160d0a!important}
.isko-plugin-sub{margin-top:5px!important;font-size:14px!important;color:#5e463c!important}
.isko-plugin-controls{display:flex!important;align-items:center!important;gap:8px!important;margin-top:10px!important}
.isko-plugin-controls button{
  min-width:34px!important;
  height:34px!important;
  border:0!important;
  border-radius:10px!important;
  background:#d8a33a!important;
  color:#160d0a!important;
  font-weight:900!important;
  cursor:pointer!important;
}
.isko-plugin-controls .remove{width:auto!important;padding:0 12px!important;background:#b91c1c!important;color:#fff!important}
.isko-plugin-note{
  width:100%!important;
  min-height:60px!important;
  margin-top:10px!important;
  padding:11px!important;
  border:1px solid #e5d5c2!important;
  border-radius:13px!important;
  font-size:16px!important;
}
.isko-plugin-total{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  margin:14px 0!important;
  padding:14px!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#fff3d4,#ffe7a5)!important;
  font-weight:900!important;
}
.isko-plugin-checkout{display:grid!important;gap:10px!important}
.isko-plugin-checkout input,
.isko-plugin-checkout select,
.isko-plugin-checkout textarea{
  width:100%!important;
  padding:14px!important;
  border:1px solid #ddd!important;
  border-radius:14px!important;
  background:#fff!important;
  color:#160d0a!important;
  font-size:16px!important;
}
.isko-plugin-checkout textarea{min-height:90px!important}
.isko-plugin-send{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:60px!important;
  border:0!important;
  border-radius:999px!important;
  color:#fff!important;
  font-size:17px!important;
  font-weight:900!important;
  text-decoration:none!important;
  cursor:pointer!important;
}
#iskoPluginWA{background:#25d366!important}
#iskoPluginTG{background:#229ED9!important}

/* Pastikan tombol halaman bisa disentuh */
.menu-filter,.add-cart-btn{
  pointer-events:auto!important;
  cursor:pointer!important;
  touch-action:manipulation!important;
  position:relative!important;
  z-index:50!important;
}
.menu-photo-card.isko-plugin-hidden{display:none!important}

@media(max-width:768px){
  #iskoPluginPanel{
    right:-100%!important;
    width:100%!important;
    max-width:100%!important;
  }
  #iskoPluginPanel.open{right:0!important}
}


/* V1.1: Floating cart tidak menutup tombol tambah keranjang */
#iskoPluginCartOpen{
  top:96px!important;
  bottom:auto!important;
  right:14px!important;
  max-width:190px!important;
}

@media(max-width:768px){
  #iskoPluginCartOpen{
    top:84px!important;
    right:10px!important;
    bottom:auto!important;
    padding:10px 12px!important;
    min-width:48px!important;
    max-width:135px!important;
    font-size:13px!important;
    box-shadow:0 10px 28px rgba(0,0,0,.28)!important;
  }

  #iskoPluginCartOpen strong{
    min-width:22px!important;
    padding:1px 6px!important;
  }
}

/* Saat panel cart terbuka, tombol floating disembunyikan */
body.isko-plugin-cart-open #iskoPluginCartOpen{
  display:none!important;
}


/* V1.2: Pesan sukses order */
#iskoPluginSuccess{
  display:none;
  position:fixed!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  z-index:2147483640!important;
  width:min(420px,90vw)!important;
  padding:24px!important;
  border:2px solid #f6c95d!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,#fffaf0,#ffe9b9)!important;
  color:#35140d!important;
  text-align:center!important;
  box-shadow:0 28px 90px rgba(0,0,0,.45)!important;
}
#iskoPluginSuccess.show{display:block!important}
#iskoPluginSuccess .isko-success-icon{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:58px!important;
  height:58px!important;
  margin:0 auto 14px!important;
  border-radius:50%!important;
  background:#25d366!important;
  color:#fff!important;
  font-size:30px!important;
  font-weight:900!important;
}
#iskoPluginSuccess h3{
  margin:0 0 10px!important;
  color:#711414!important;
  font-size:24px!important;
  line-height:1.2!important;
}
#iskoPluginSuccess p{
  margin:0!important;
  color:#4e3027!important;
  font-size:16px!important;
  line-height:1.6!important;
}

/* V1.4: tombol tutup manual untuk pesan sukses */
#iskoPluginSuccess{
  position:fixed!important;
}
#iskoPluginSuccessClose{
  position:absolute!important;
  top:12px!important;
  right:12px!important;
  width:38px!important;
  height:38px!important;
  border:0!important;
  border-radius:50%!important;
  background:#711414!important;
  color:#fff!important;
  font-size:22px!important;
  font-weight:900!important;
  cursor:pointer!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
  box-shadow:0 8px 24px rgba(0,0,0,.22)!important;
}
#iskoPluginSuccessClose:hover{
  transform:scale(1.05)!important;
}

/* HOTFIX v1.4.1: pastikan tombol X selalu terlihat */
#iskoPluginSuccess{
  padding-top:54px!important;
  overflow:visible!important;
}
#iskoPluginSuccessClose{
  display:flex!important;
  opacity:1!important;
  visibility:visible!important;
  z-index:2147483647!important;
}


/* V1.4.2: kategori benar-benar menyembunyikan menu lain */
#menu-foto .menu-photo-card.isko-plugin-hidden{
  display:none!important;
}

#menu-foto .menu-photo-card:not(.isko-plugin-hidden){
  display:flex!important;
}

/* V1.5 PREMIUM POLISH */

/* MENU */
#menu-foto{
  background:radial-gradient(circle at 10% 0%,rgba(216,163,58,.10),transparent 25%),linear-gradient(180deg,#fff8ee 0%,#fff1df 100%)!important;
}
#menu-foto .isko-section-head{max-width:980px!important;margin:0 auto 30px!important;text-align:center!important}
#menu-foto .isko-section-head p{max-width:980px!important;margin-left:auto!important;margin-right:auto!important;line-height:1.65!important;color:#4f3328!important}
#menu-foto .isko-menu-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr) 320px!important;gap:18px!important;align-items:center!important;margin:26px 0 34px!important}
#menu-foto .menu-filter-bar{gap:12px!important}
#menu-foto .menu-filter{min-height:46px!important;padding:0 20px!important;border:1px solid rgba(122,58,30,.08)!important;box-shadow:0 10px 26px rgba(86,42,18,.07)!important;transition:transform .2s ease,box-shadow .2s ease!important}
#menu-foto .menu-filter:hover{transform:translateY(-2px)!important;box-shadow:0 14px 32px rgba(86,42,18,.11)!important}
#menu-foto .menu-filter.active{background:linear-gradient(135deg,#7b1111,#b91f18)!important;box-shadow:0 14px 34px rgba(123,17,17,.22)!important}
#menu-foto .menu-search{min-height:54px!important;border:1px solid rgba(122,58,30,.16)!important;box-shadow:0 12px 30px rgba(86,42,18,.08)!important}
#menu-foto .menu-photo-grid{gap:26px!important}
#menu-foto .menu-photo-card{height:100%!important;border:1px solid rgba(122,58,30,.10)!important;border-radius:26px!important;box-shadow:0 18px 46px rgba(80,40,10,.10)!important;transition:transform .25s ease,box-shadow .25s ease!important}
#menu-foto .menu-photo-card:hover{transform:translateY(-5px)!important;box-shadow:0 26px 62px rgba(80,40,10,.14)!important}
#menu-foto .menu-photo{border-radius:26px 26px 0 0!important}
#menu-foto .menu-info{display:flex!important;flex-direction:column!important;flex:1 1 auto!important;padding:24px 22px 22px!important}
#menu-foto .menu-info h3{min-height:56px!important;margin-bottom:12px!important;letter-spacing:-.2px!important}
#menu-foto .menu-info p{min-height:78px!important;color:#4f3429!important}
#menu-foto .menu-bottom{margin-top:auto!important;padding-top:20px!important;border-top:1px solid rgba(122,58,30,.08)!important}
#menu-foto .menu-bottom strong{font-size:21px!important;letter-spacing:-.3px!important}
#menu-foto .add-cart-btn{background:linear-gradient(135deg,#21c968,#12aa50)!important;box-shadow:0 12px 28px rgba(18,170,80,.22)!important;transition:transform .2s ease,box-shadow .2s ease!important}
#menu-foto .add-cart-btn:hover{transform:translateY(-2px)!important;box-shadow:0 16px 34px rgba(18,170,80,.28)!important}

/* VOUCHER */
#voucher{background:radial-gradient(circle at 90% 0%,rgba(216,163,58,.10),transparent 25%),linear-gradient(180deg,#fff8ee 0%,#fff3e2 100%)!important}
#voucher .isko-section-head{max-width:980px!important;margin:0 auto 32px!important;text-align:center!important}
#voucher .isko-section-head p{line-height:1.55!important;color:#4e3328!important}
#voucher .isko-table-wrap{overflow:hidden!important;border-radius:24px!important;border:1px solid rgba(123,17,17,.10)!important;box-shadow:0 22px 56px rgba(90,45,15,.11)!important;background:#fff!important}
#voucher .isko-table{width:100%!important;border-collapse:separate!important;border-spacing:0!important}
#voucher .isko-table thead th{padding:18px 20px!important;background:linear-gradient(135deg,#7b1111,#971717)!important;color:#ffe9ad!important;font-size:15px!important;letter-spacing:.03em!important}
#voucher .isko-table tbody td{padding:17px 20px!important;border-bottom:1px solid #efdfca!important;background:#fff!important;color:#2a150f!important}
#voucher .isko-table tbody tr:nth-child(even) td{background:#fffaf4!important}
#voucher .isko-table tbody tr:hover td{background:#fff2d8!important}
#voucher .isko-table tbody td:last-child{font-weight:900!important;color:#7b1111!important;font-size:17px!important}
#voucher .isko-center-actions{margin-top:18px!important}
#voucher .isko-btn{min-width:240px!important;min-height:54px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:999px!important;background:linear-gradient(135deg,#ffd86b,#d8a33a)!important;color:#160705!important;font-weight:900!important;text-decoration:none!important;box-shadow:0 14px 34px rgba(216,163,58,.23)!important}

/* LOCATION */
#contact{background:radial-gradient(circle at 12% 10%,rgba(255,216,107,.15),transparent 28%),linear-gradient(135deg,#090302,#250b08 58%,#070202)!important}
#contact .isko-location-grid-final{gap:32px!important;align-items:start!important}
#contact .isko-location-grid-final>div:first-child{padding:30px!important;border-radius:32px!important;background:linear-gradient(180deg,#fffaf0,#f7dfb5)!important;box-shadow:0 30px 78px rgba(0,0,0,.38)!important}
#contact .isko-location-grid-final>div:first-child h3{margin-bottom:20px!important}
#contact .isko-location-grid-final>div:first-child>div[style*="display:grid;gap:18px"]{gap:14px!important;margin-bottom:22px!important}
#contact .isko-location-grid-final>div:first-child>div[style*="display:grid;gap:18px"]>div{padding:16px!important;border-radius:18px!important}
#contact .isko-location-grid-final>div:first-child a{min-height:52px!important;border-radius:999px!important;font-size:15px!important;box-shadow:0 12px 28px rgba(0,0,0,.12)!important}
#contact .isko-location-grid-final>div:last-child>div{border-radius:30px!important;box-shadow:0 26px 68px rgba(0,0,0,.32)!important}

/* FOOTER */
footer[style*="background:linear-gradient"]{
  background:radial-gradient(circle at 15% 0%,rgba(216,163,58,.09),transparent 25%),linear-gradient(180deg,#080303 0%,#120505 100%)!important;
  border-top:1px solid rgba(246,201,93,.20)!important;
}
footer[style*="background:linear-gradient"]>div{padding-top:30px!important}
footer[style*="background:linear-gradient"]>div>div:first-child{padding-bottom:6px!important}
footer[style*="background:linear-gradient"]>div>div:last-child{
  margin-top:16px!important;
  padding:16px 22px!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,#a77927 0%,#7f5a1d 52%,#5f4214 100%)!important;
  border:1px solid rgba(255,224,146,.30)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 28px rgba(0,0,0,.20)!important;
}
footer[style*="background:linear-gradient"]>div>div:last-child>div{color:#fff7e4!important;font-weight:700!important}

/* MOBILE */
@media(max-width:768px){
  #menu-foto .isko-menu-toolbar{grid-template-columns:1fr!important;gap:14px!important;margin-bottom:24px!important}
  #menu-foto .menu-filter-bar{flex-wrap:nowrap!important;overflow-x:auto!important;padding-bottom:6px!important;scrollbar-width:none!important}
  #menu-foto .menu-filter-bar::-webkit-scrollbar{display:none!important}
  #menu-foto .menu-filter{flex:0 0 auto!important;min-height:42px!important;padding:0 16px!important;font-size:13px!important}
  #menu-foto .menu-info h3{min-height:auto!important;font-size:21px!important}
  #menu-foto .menu-info p{min-height:auto!important}
  #menu-foto .menu-bottom{align-items:stretch!important}
  #menu-foto .menu-bottom strong{width:100%!important}
  #voucher .isko-table thead th,#voucher .isko-table tbody td{padding:12px 8px!important;font-size:12px!important}
  #voucher .isko-table tbody td:last-child{font-size:13px!important}
  #voucher .isko-btn{min-width:0!important;width:100%!important}
  #contact .isko-location-grid-final{grid-template-columns:1fr!important;gap:22px!important}
  #contact .isko-location-grid-final>div:first-child{padding:22px!important}
  footer[style*="background:linear-gradient"]>div>div:first-child{justify-content:center!important;text-align:center!important}
  footer[style*="background:linear-gradient"]>div>div:last-child{justify-content:center!important;text-align:center!important;gap:8px!important}
}

/* V1.6 HERO BACKGROUND PHOTO — SLIDESHOW TETAP ADA */
#home{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  background:
    linear-gradient(90deg,
      rgba(7,2,2,.96) 0%,
      rgba(18,5,4,.90) 38%,
      rgba(35,10,8,.76) 68%,
      rgba(8,2,2,.84) 100%
    ),
    url("https://istanakokikps.com/wp-content/uploads/2026/07/196ef8a8-09be-4c4b-aeb0-6e2dccea1021.jpg") center center / cover no-repeat!important;
  background-attachment:scroll!important;
}
#home::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  background:
    radial-gradient(circle at 16% 10%,rgba(255,216,107,.18),transparent 28%),
    linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.28))!important;
  pointer-events:none!important;
}
#home::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  height:2px!important;
  background:linear-gradient(90deg,transparent,#d8a33a,transparent)!important;
  opacity:.65!important;
  pointer-events:none!important;
}
#home .hero-v12-wrap{
  position:relative!important;
  z-index:2!important;
}
#home .hero-v12-card{
  backdrop-filter:blur(2px)!important;
  background:rgba(18,6,5,.90)!important;
  box-shadow:0 35px 90px rgba(0,0,0,.50)!important;
}
@media(max-width:768px){
  #home{
    background:
      linear-gradient(180deg,
        rgba(7,2,2,.94) 0%,
        rgba(18,5,4,.90) 48%,
        rgba(8,2,2,.88) 100%
      ),
      url("https://istanakokikps.com/wp-content/uploads/2026/07/196ef8a8-09be-4c4b-aeb0-6e2dccea1021.jpg") center center / cover no-repeat!important;
  }
}

/* =========================================================
   V1.7.2 HERO DELIVERY PANEL PREMIUM
   ========================================================= */
#home .hero-v12-actions.isko-delivery-panel{
  display:block!important;
  margin-top:28px!important;
  max-width:650px!important;
}

#home .isko-delivery-panel-box{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:22px!important;
  padding:18px 22px!important;
  border-radius:24px!important;
  background:
    linear-gradient(135deg,rgba(14,4,4,.72),rgba(40,12,10,.58))!important;
  border:1px solid rgba(255,216,107,.26)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 22px 50px rgba(0,0,0,.30)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
  overflow:hidden!important;
}

#home .isko-delivery-panel-box::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:
    radial-gradient(circle at 10% 0%,rgba(255,216,107,.10),transparent 28%),
    linear-gradient(90deg,rgba(255,255,255,.02),transparent 40%,rgba(255,255,255,.02))!important;
  pointer-events:none!important;
}

#home .isko-delivery-left{
  display:flex!important;
  align-items:center!important;
  gap:18px!important;
  min-width:0!important;
  flex:1 1 auto!important;
}

#home .isko-delivery-kicker{
  flex:0 0 auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  padding-right:8px!important;
}

#home .isko-delivery-kicker small{
  color:#ffd86b!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:2.8px!important;
  margin-bottom:5px!important;
  text-transform:uppercase!important;
}

#home .isko-delivery-kicker strong{
  color:#fff4d2!important;
  font-size:18px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.2px!important;
  white-space:nowrap!important;
}

#home .isko-delivery-logos-row{
  display:flex!important;
  align-items:center!important;
  gap:16px!important;
  min-width:0!important;
  flex-wrap:nowrap!important;
}

#home .isko-delivery-brand{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
}

#home .isko-delivery-brand img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  object-fit:contain!important;
  filter:drop-shadow(0 4px 12px rgba(0,0,0,.16))!important;
}

#home .isko-delivery-brand.foodpanda img{
  max-height:30px!important;
  width:150px!important;
}

#home .isko-delivery-brand.grab img{
  max-height:32px!important;
  width:160px!important;
}

#home .isko-delivery-brand.egets img{
  max-height:38px!important;
  width:150px!important;
}

#home .isko-delivery-divider{
  width:1px!important;
  height:34px!important;
  background:linear-gradient(180deg,transparent,rgba(255,216,107,.55),transparent)!important;
  flex:0 0 1px!important;
}

#home .isko-free-delivery{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:10px 14px!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,#ffd86b,#d8a33a)!important;
  box-shadow:0 14px 28px rgba(216,163,58,.24)!important;
}

#home .isko-free-delivery-icon{
  width:38px!important;
  height:38px!important;
  flex:0 0 38px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:12px!important;
  background:linear-gradient(135deg,#7b1111,#b71d18)!important;
}

#home .isko-free-delivery-icon svg{
  width:22px!important;
  height:22px!important;
  display:block!important;
}

#home .isko-free-delivery-text{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  line-height:1.02!important;
}

#home .isko-free-delivery-text small{
  color:#7b1111!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:1.6px!important;
  margin-bottom:4px!important;
  text-transform:uppercase!important;
}

#home .isko-free-delivery-text strong{
  color:#1c0c07!important;
  font-size:17px!important;
  font-weight:900!important;
  white-space:nowrap!important;
}

@media(max-width:1100px){
  #home .isko-delivery-panel-box{
    flex-direction:column!important;
    align-items:flex-start!important;
  }
  #home .isko-free-delivery{
    align-self:flex-start!important;
  }
}

@media(max-width:768px){
  #home .hero-v12-actions.isko-delivery-panel{
    max-width:100%!important;
    margin-top:22px!important;
  }

  #home .isko-delivery-panel-box{
    gap:16px!important;
    padding:16px 14px!important;
    border-radius:20px!important;
  }

  #home .isko-delivery-left{
    width:100%!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:12px!important;
  }

  #home .isko-delivery-kicker strong{
    font-size:16px!important;
  }

  #home .isko-delivery-logos-row{
    width:100%!important;
    justify-content:space-between!important;
    gap:10px!important;
  }

  #home .isko-delivery-brand.foodpanda img{
    width:95px!important;
    max-height:22px!important;
  }

  #home .isko-delivery-brand.grab img{
    width:98px!important;
    max-height:22px!important;
  }

  #home .isko-delivery-brand.egets img{
    width:82px!important;
    max-height:24px!important;
  }

  #home .isko-delivery-divider{
    height:22px!important;
  }

  #home .isko-free-delivery{
    width:100%!important;
    justify-content:center!important;
    padding:11px 12px!important;
  }

  #home .isko-free-delivery-text strong{
    font-size:15px!important;
  }
}


/* =========================================================
   V1.7.3 DELIVERY PANEL URL FIX + PREMIUM ALIGNMENT
   ========================================================= */
#home .isko-delivery-panel-box{
  display:grid!important;
  grid-template-columns:auto 1fr auto!important;
  align-items:center!important;
  gap:22px!important;
  padding:18px 20px!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,rgba(20,6,5,.88),rgba(45,13,10,.72))!important;
  border:1px solid rgba(255,216,107,.34)!important;
  box-shadow:0 20px 46px rgba(0,0,0,.34)!important;
}

#home .isko-delivery-left{
  display:contents!important;
}

#home .isko-delivery-kicker{
  padding-right:0!important;
}

#home .isko-delivery-logos-row{
  justify-content:center!important;
  gap:22px!important;
  min-width:0!important;
}

#home .isko-delivery-brand{
  min-width:0!important;
  max-width:150px!important;
  height:46px!important;
}

#home .isko-delivery-brand img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
}

#home .isko-delivery-brand.foodpanda{
  max-width:145px!important;
}

#home .isko-delivery-brand.grab{
  max-width:155px!important;
}

#home .isko-delivery-brand.egets{
  max-width:120px!important;
}

#home .isko-delivery-divider{
  height:30px!important;
}

#home .isko-free-delivery{
  padding:10px 14px!important;
  border-radius:16px!important;
}

#home .isko-free-delivery-text strong{
  font-size:16px!important;
}

@media(max-width:1100px){
  #home .isko-delivery-panel-box{
    grid-template-columns:1fr!important;
    justify-items:start!important;
  }

  #home .isko-delivery-logos-row{
    width:100%!important;
    justify-content:flex-start!important;
    flex-wrap:wrap!important;
  }

  #home .isko-free-delivery{
    justify-self:start!important;
  }
}

@media(max-width:768px){
  #home .isko-delivery-panel-box{
    grid-template-columns:1fr!important;
    gap:14px!important;
    padding:15px!important;
  }

  #home .isko-delivery-logos-row{
    display:grid!important;
    grid-template-columns:1fr 1fr 1fr!important;
    gap:12px!important;
    width:100%!important;
  }

  #home .isko-delivery-divider{
    display:none!important;
  }

  #home .isko-delivery-brand{
    max-width:none!important;
    width:100%!important;
    height:40px!important;
  }

  #home .isko-free-delivery{
    width:100%!important;
  }
}


/* =========================================================
   V1.7.4 LARGE PREMIUM DELIVERY BRANDS
   ========================================================= */
#home .hero-v12-actions.isko-delivery-panel{
  max-width:760px!important;
  margin-top:30px!important;
}

#home .isko-delivery-panel-box{
  display:block!important;
  padding:22px 24px 24px!important;
  border-radius:26px!important;
  background:
    linear-gradient(135deg,rgba(16,5,4,.90),rgba(46,13,10,.78))!important;
  border:1px solid rgba(255,216,107,.34)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 24px 58px rgba(0,0,0,.36)!important;
}

#home .isko-delivery-left{
  display:block!important;
}

#home .isko-delivery-kicker{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  margin-bottom:18px!important;
  padding:0!important;
}

#home .isko-delivery-kicker small{
  margin:0!important;
  color:#d8a33a!important;
  font-size:10px!important;
  letter-spacing:3px!important;
}

#home .isko-delivery-kicker strong{
  color:#fff4d2!important;
  font-size:16px!important;
  font-weight:900!important;
}

#home .isko-delivery-logos-row{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  width:100%!important;
  align-items:stretch!important;
}

#home .isko-delivery-divider{
  display:none!important;
}

#home .isko-delivery-brand,
#home .isko-free-delivery{
  min-height:112px!important;
  height:112px!important;
  max-width:none!important;
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:16px!important;
  border-radius:20px!important;
  background:
    linear-gradient(180deg,rgba(255,250,240,.98),rgba(244,229,201,.96))!important;
  border:1px solid rgba(255,216,107,.30)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.88),
    0 14px 32px rgba(0,0,0,.22)!important;
}

#home .isko-delivery-brand img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:92%!important;
  max-height:74px!important;
  object-fit:contain!important;
}

#home .isko-delivery-brand.foodpanda img{
  max-width:94%!important;
  max-height:70px!important;
}

#home .isko-delivery-brand.grab img{
  max-width:94%!important;
  max-height:70px!important;
}

#home .isko-delivery-brand.egets img{
  max-width:82%!important;
  max-height:78px!important;
}

#home .isko-free-delivery{
  gap:12px!important;
  background:
    linear-gradient(135deg,#ffd86b,#d8a33a)!important;
  border-color:rgba(255,235,170,.55)!important;
}

#home .isko-free-delivery-icon{
  width:48px!important;
  height:48px!important;
  flex:0 0 48px!important;
  border-radius:14px!important;
}

#home .isko-free-delivery-icon svg{
  width:28px!important;
  height:28px!important;
}

#home .isko-free-delivery-text small{
  font-size:9px!important;
  letter-spacing:1.6px!important;
}

#home .isko-free-delivery-text strong{
  font-size:18px!important;
}

@media(max-width:980px){
  #home .isko-delivery-logos-row{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:768px){
  #home .hero-v12-actions.isko-delivery-panel{
    max-width:100%!important;
  }

  #home .isko-delivery-panel-box{
    padding:18px 14px 16px!important;
    border-radius:22px!important;
  }

  #home .isko-delivery-kicker{
    flex-direction:column!important;
    gap:4px!important;
    margin-bottom:14px!important;
  }

  #home .isko-delivery-logos-row{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }

  #home .isko-delivery-brand,
  #home .isko-free-delivery{
    min-height:90px!important;
    height:90px!important;
    padding:12px!important;
    border-radius:16px!important;
  }

  #home .isko-delivery-brand img{
    max-height:58px!important;
  }

  #home .isko-free-delivery-icon{
    width:40px!important;
    height:40px!important;
    flex-basis:40px!important;
  }

  #home .isko-free-delivery-text strong{
    font-size:14px!important;
  }

  #home .isko-free-delivery-text small{
    font-size:7px!important;
  }
}


/* =========================================================
   V1.7.5 LUXURY DELIVERY STRIP — NO WHITE CARDS
   ========================================================= */
#home .hero-v12-actions.isko-lux-delivery{
  display:block!important;
  max-width:760px!important;
  margin-top:30px!important;
}

#home .isko-lux-delivery-panel{
  position:relative!important;
  overflow:hidden!important;
  padding:20px 22px 22px!important;
  border-radius:26px!important;
  border:1px solid rgba(255,216,107,.34)!important;
  background:
    linear-gradient(135deg,rgba(15,4,4,.92),rgba(48,12,10,.78))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 28px 64px rgba(0,0,0,.40)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
}

#home .isko-lux-delivery-panel::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:
    radial-gradient(circle at 12% 0%,rgba(255,216,107,.12),transparent 24%),
    linear-gradient(90deg,rgba(255,255,255,.02),transparent 45%,rgba(255,255,255,.02))!important;
  pointer-events:none!important;
}

#home .isko-lux-delivery-heading{
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  margin-bottom:18px!important;
}

#home .isko-lux-delivery-heading span{
  color:#d8a33a!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:3.4px!important;
  text-transform:uppercase!important;
}

#home .isko-lux-delivery-heading strong{
  color:#fff3d3!important;
  font-size:17px!important;
  font-weight:900!important;
  letter-spacing:.4px!important;
}

#home .isko-lux-delivery-row{
  position:relative!important;
  z-index:2!important;
  display:grid!important;
  grid-template-columns:.75fr 1.35fr .9fr 1.25fr!important;
  align-items:center!important;
  gap:18px!important;
}

#home .isko-lux-brand{
  min-width:0!important;
  min-height:84px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:8px 14px!important;
  position:relative!important;
}

#home .isko-lux-brand:not(:first-child)::before{
  content:""!important;
  position:absolute!important;
  left:-9px!important;
  top:18%!important;
  bottom:18%!important;
  width:1px!important;
  background:linear-gradient(180deg,transparent,rgba(255,216,107,.48),transparent)!important;
}

#home .isko-lux-brand img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  object-fit:contain!important;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.20))!important;
}

#home .isko-lux-brand.foodpanda img{
  max-width:98px!important;
  max-height:98px!important;
}

#home .isko-lux-brand.grab img{
  max-width:190px!important;
  max-height:68px!important;
}

#home .isko-lux-brand.egets img{
  max-width:132px!important;
  max-height:78px!important;
}

#home .isko-lux-free{
  min-height:84px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  padding:14px 16px!important;
  border-radius:20px!important;
  background:
    linear-gradient(135deg,#f4c552,#d69d25)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.38),
    0 16px 34px rgba(216,163,58,.30)!important;
}

#home .isko-lux-free-icon{
  width:46px!important;
  height:46px!important;
  flex:0 0 46px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#7b1111,#b71d18)!important;
  box-shadow:0 10px 22px rgba(123,17,17,.25)!important;
}

#home .isko-lux-free-icon svg{
  width:27px!important;
  height:27px!important;
  display:block!important;
}

#home .isko-lux-free-copy{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  line-height:1.03!important;
}

#home .isko-lux-free-copy small{
  color:#7b1111!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:1.7px!important;
  margin-bottom:5px!important;
  text-transform:uppercase!important;
}

#home .isko-lux-free-copy strong{
  color:#1b0b07!important;
  font-size:18px!important;
  font-weight:900!important;
  white-space:nowrap!important;
}

@media(max-width:980px){
  #home .isko-lux-delivery-row{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }

  #home .isko-lux-brand:not(:first-child)::before{
    display:none!important;
  }

  #home .isko-lux-brand,
  #home .isko-lux-free{
    min-height:92px!important;
    border-radius:18px!important;
  }

  #home .isko-lux-brand{
    background:rgba(255,255,255,.025)!important;
    border:1px solid rgba(255,216,107,.13)!important;
  }
}

@media(max-width:768px){
  #home .hero-v12-actions.isko-lux-delivery{
    max-width:100%!important;
    margin-top:24px!important;
  }

  #home .isko-lux-delivery-panel{
    padding:17px 14px 15px!important;
    border-radius:22px!important;
  }

  #home .isko-lux-delivery-heading{
    flex-direction:column!important;
    gap:4px!important;
    margin-bottom:14px!important;
  }

  #home .isko-lux-delivery-heading span{
    font-size:9px!important;
  }

  #home .isko-lux-delivery-heading strong{
    font-size:15px!important;
  }

  #home .isko-lux-delivery-row{
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
  }

  #home .isko-lux-brand,
  #home .isko-lux-free{
    min-height:86px!important;
    padding:10px!important;
  }

  #home .isko-lux-brand.foodpanda img{
    max-width:72px!important;
    max-height:72px!important;
  }

  #home .isko-lux-brand.grab img{
    max-width:125px!important;
    max-height:48px!important;
  }

  #home .isko-lux-brand.egets img{
    max-width:98px!important;
    max-height:58px!important;
  }

  #home .isko-lux-free{
    gap:8px!important;
  }

  #home .isko-lux-free-icon{
    width:38px!important;
    height:38px!important;
    flex-basis:38px!important;
  }

  #home .isko-lux-free-copy small{
    font-size:7px!important;
    letter-spacing:1.1px!important;
  }

  #home .isko-lux-free-copy strong{
    font-size:14px!important;
  }
}

/* =========================================================
   V2.0 FIXED VASA HEADER + BRAND 3 LINES
   ========================================================= */
:root{
  --isko-header-height:148px;
}

body{
  padding-top:var(--isko-header-height)!important;
}

.isko-header{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  z-index:2147482500!important;
  background:rgba(9,3,2,.98)!important;
  border-bottom:1px solid rgba(216,163,58,.30)!important;
  box-shadow:0 10px 34px rgba(0,0,0,.24)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
  transition:box-shadow .25s ease,background .25s ease!important;
}

/* TOP STATE */
.isko-header .isko-nav{
  min-height:148px!important;
  display:grid!important;
  grid-template-columns:1fr minmax(520px,760px) 1fr!important;
  grid-template-rows:84px 64px!important;
  grid-template-areas:
    ". brand ."
    ". menu cart"!important;
  align-items:center!important;
  gap:0 24px!important;
}

.isko-header .isko-brand{
  grid-area:brand!important;
  justify-self:center!important;
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  width:auto!important;
  min-width:0!important;
  text-decoration:none!important;
}

.isko-header .isko-logo{
  width:58px!important;
  height:58px!important;
  flex:0 0 58px!important;
}

.isko-header .isko-logo img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  display:block!important;
}

.isko-brand-v2{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  line-height:1!important;
}

.isko-brand-v2 .line-1,
.isko-brand-v2 .line-2{
  display:block!important;
  color:#ffd86b!important;
  font-size:18px!important;
  font-weight:900!important;
  letter-spacing:.25px!important;
  white-space:nowrap!important;
}

.isko-brand-v2 .line-2{
  margin-top:5px!important;
}

.isko-brand-v2 .line-3{
  display:block!important;
  margin-top:8px!important;
  color:#d8c49d!important;
  font-size:7px!important;
  font-weight:700!important;
  letter-spacing:1.15px!important;
  white-space:nowrap!important;
}

.isko-header .isko-menu{
  grid-area:menu!important;
  justify-self:center!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:34px!important;
  white-space:nowrap!important;
}

.isko-header .isko-menu a{
  color:#fff7e4!important;
  font-size:14px!important;
  font-weight:900!important;
  text-decoration:none!important;
}

.isko-header .isko-order-top{
  display:none!important;
}

#iskoPluginCartOpen{
  grid-area:cart!important;
  justify-self:end!important;
  position:static!important;
  inset:auto!important;
  transform:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-width:154px!important;
  min-height:48px!important;
  margin:0!important;
  padding:0 22px!important;
  border:0!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#ffd86b,#d8a33a)!important;
  color:#160705!important;
  font-size:15px!important;
  font-weight:900!important;
  white-space:nowrap!important;
  box-shadow:0 12px 28px rgba(216,163,58,.24)!important;
  z-index:auto!important;
}

#iskoPluginCartOpen strong{
  min-width:24px!important;
  padding:2px 7px!important;
  border-radius:999px!important;
  background:#7b1111!important;
  color:#fff!important;
}

/* SCROLLED STATE */
.isko-header.isko-header-scrolled{
  background:rgba(8,3,2,.995)!important;
  box-shadow:0 12px 38px rgba(0,0,0,.38)!important;
}

.isko-header.isko-header-scrolled .isko-nav{
  min-height:70px!important;
  grid-template-columns:auto 1fr auto!important;
  grid-template-rows:70px!important;
  grid-template-areas:"brand menu cart"!important;
  gap:28px!important;
}

.isko-header.isko-header-scrolled .isko-brand{
  justify-self:start!important;
}

.isko-header.isko-header-scrolled .isko-logo{
  width:44px!important;
  height:44px!important;
  flex-basis:44px!important;
}

.isko-header.isko-header-scrolled .isko-brand-v2 .line-1,
.isko-header.isko-header-scrolled .isko-brand-v2 .line-2{
  font-size:14px!important;
}

.isko-header.isko-header-scrolled .isko-brand-v2 .line-2{
  margin-top:3px!important;
}

.isko-header.isko-header-scrolled .isko-brand-v2 .line-3{
  margin-top:5px!important;
  font-size:6px!important;
}

.isko-header.isko-header-scrolled #iskoPluginCartOpen{
  min-height:44px!important;
  min-width:142px!important;
  padding:0 18px!important;
}

.isko-header .isko-nav-toggle{
  display:none!important;
}

body.isko-plugin-cart-open #iskoPluginCartOpen{
  display:none!important;
}

/* MOBILE */
@media(max-width:768px){
  :root{
    --isko-header-height:72px;
  }

  body{
    padding-top:72px!important;
  }

  .isko-header .isko-nav,
  .isko-header.isko-header-scrolled .isko-nav{
    min-height:72px!important;
    grid-template-columns:minmax(0,1fr) auto auto!important;
    grid-template-rows:72px!important;
    grid-template-areas:"brand toggle cart"!important;
    gap:9px!important;
  }

  .isko-header .isko-brand,
  .isko-header.isko-header-scrolled .isko-brand{
    grid-area:brand!important;
    justify-self:start!important;
    gap:8px!important;
    overflow:hidden!important;
  }

  .isko-header .isko-logo,
  .isko-header.isko-header-scrolled .isko-logo{
    width:44px!important;
    height:44px!important;
    flex-basis:44px!important;
  }

  .isko-brand-v2 .line-1,
  .isko-brand-v2 .line-2,
  .isko-header.isko-header-scrolled .isko-brand-v2 .line-1,
  .isko-header.isko-header-scrolled .isko-brand-v2 .line-2{
    font-size:11px!important;
  }

  .isko-brand-v2 .line-2,
  .isko-header.isko-header-scrolled .isko-brand-v2 .line-2{
    margin-top:3px!important;
  }

  .isko-brand-v2 .line-3,
  .isko-header.isko-header-scrolled .isko-brand-v2 .line-3{
    margin-top:4px!important;
    font-size:5px!important;
    letter-spacing:.65px!important;
  }

  .isko-header .isko-menu{
    display:none!important;
    position:absolute!important;
    top:100%!important;
    left:4%!important;
    right:4%!important;
    padding:14px!important;
    border-radius:18px!important;
    background:rgba(18,5,4,.99)!important;
    border:1px solid rgba(216,163,58,.30)!important;
    box-shadow:0 22px 54px rgba(0,0,0,.44)!important;
  }

  .isko-header .isko-menu.open{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }

  .isko-header .isko-menu a{
    padding:12px 14px!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.04)!important;
    font-size:13px!important;
  }

  .isko-header .isko-nav-toggle{
    grid-area:toggle!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:44px!important;
    height:44px!important;
    border-radius:14px!important;
  }

  #iskoPluginCartOpen{
    grid-area:cart!important;
    justify-self:end!important;
    min-width:0!important;
    min-height:44px!important;
    padding:0 11px!important;
    font-size:0!important;
  }

  #iskoPluginCartOpen::before{
    content:"Cart"!important;
    font-size:12px!important;
  }

  #iskoPluginCartOpen strong{
    min-width:21px!important;
    padding:1px 6px!important;
    font-size:12px!important;
  }
}


/* V2.0.1 — sembunyikan semua teks brand lama yang dobel */
.isko-header .isko-brand > *:not(.isko-logo):not(.isko-brand-v2){
  display:none!important;
}

.isko-header .isko-brand .isko-brand-v2{
  display:flex!important;
}


/* =========================================================
   V2.0.2 TRUE COMPACT HEADER AFTER SCROLL
   ========================================================= */

/* Paksa tinggi body mengikuti state header */
:root{
  --isko-header-height:148px;
}

body{
  padding-top:var(--isko-header-height)!important;
}

/* State scrolled benar-benar compact */
.isko-header.isko-header-scrolled{
  height:64px!important;
  min-height:64px!important;
  max-height:64px!important;
  overflow:visible!important;
}

.isko-header.isko-header-scrolled .isko-nav{
  width:min(1180px,92%)!important;
  height:64px!important;
  min-height:64px!important;
  max-height:64px!important;
  display:grid!important;
  grid-template-columns:auto 1fr auto!important;
  grid-template-rows:64px!important;
  grid-template-areas:"brand menu cart"!important;
  align-items:center!important;
  gap:26px!important;
  padding:0!important;
  margin:0 auto!important;
}

.isko-header.isko-header-scrolled .isko-brand{
  grid-area:brand!important;
  display:flex!important;
  align-items:center!important;
  justify-self:start!important;
  gap:10px!important;
  height:64px!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
}

.isko-header.isko-header-scrolled .isko-logo{
  width:40px!important;
  height:40px!important;
  flex:0 0 40px!important;
  margin:0!important;
  padding:0!important;
}

.isko-header.isko-header-scrolled .isko-brand-v2{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  line-height:1!important;
}

.isko-header.isko-header-scrolled .isko-brand-v2 .line-1{
  font-size:12px!important;
  line-height:1!important;
  margin:0!important;
}

.isko-header.isko-header-scrolled .isko-brand-v2 .line-2{
  font-size:12px!important;
  line-height:1!important;
  margin:2px 0 0!important;
}

.isko-header.isko-header-scrolled .isko-brand-v2 .line-3{
  font-size:5px!important;
  line-height:1!important;
  margin:4px 0 0!important;
  letter-spacing:.75px!important;
}

.isko-header.isko-header-scrolled .isko-menu{
  grid-area:menu!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  justify-self:center!important;
  gap:28px!important;
  height:64px!important;
  margin:0!important;
  padding:0!important;
}

.isko-header.isko-header-scrolled .isko-menu a{
  font-size:12px!important;
  line-height:1!important;
  margin:0!important;
  padding:0!important;
}

.isko-header.isko-header-scrolled #iskoPluginCartOpen{
  grid-area:cart!important;
  justify-self:end!important;
  position:static!important;
  min-width:132px!important;
  min-height:42px!important;
  height:42px!important;
  margin:0!important;
  padding:0 16px!important;
  font-size:14px!important;
  box-shadow:0 8px 20px rgba(216,163,58,.18)!important;
}

/* Hilangkan ruang vertikal yang tersisa dari layout atas */
.isko-header.isko-header-scrolled .isko-nav > *{
  align-self:center!important;
}

@media(max-width:768px){
  :root{
    --isko-header-height:68px;
  }

  body{
    padding-top:68px!important;
  }

  .isko-header,
  .isko-header.isko-header-scrolled{
    height:68px!important;
    min-height:68px!important;
    max-height:68px!important;
  }

  .isko-header .isko-nav,
  .isko-header.isko-header-scrolled .isko-nav{
    height:68px!important;
    min-height:68px!important;
    max-height:68px!important;
    grid-template-rows:68px!important;
  }
}


/* =========================================================
   V2.0.3 — HIDE BRAND TEXT IN COMPACT SCROLL HEADER
   ========================================================= */

/* Saat discroll, hanya logo yang tampil di sisi kiri */
.isko-header.isko-header-scrolled .isko-brand-v2{
  display:none!important;
}

/* Brand kiri jadi selebar logo saja */
.isko-header.isko-header-scrolled .isko-brand{
  min-width:40px!important;
  width:40px!important;
  max-width:40px!important;
  gap:0!important;
  overflow:visible!important;
}

/* Pastikan hero tidak terkena sisa teks brand */
.isko-header.isko-header-scrolled .isko-brand-v2 *,
.isko-header.isko-header-scrolled .isko-brand > *:not(.isko-logo){
  display:none!important;
}

@media(max-width:768px){
  /* Di mobile tetap tampil nama brand saat header normal */
  .isko-header:not(.isko-header-scrolled) .isko-brand-v2{
    display:flex!important;
  }

  /* Saat mobile discroll, tetap hanya logo agar header ringkas */
  .isko-header.isko-header-scrolled .isko-brand-v2{
    display:none!important;
  }

  .isko-header.isko-header-scrolled .isko-brand{
    min-width:42px!important;
    width:42px!important;
    max-width:42px!important;
  }
}


/* =========================================================
   V2.0.4 MOBILE HEADER FINAL FIX
   Desktop tidak diubah
   ========================================================= */
@media(max-width:768px){

  html{
    scroll-padding-top:68px!important;
  }

  body{
    padding-top:68px!important;
  }

  /* Header mobile selalu compact */
  .isko-header,
  .isko-header.isko-header-scrolled{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    height:68px!important;
    min-height:68px!important;
    max-height:68px!important;
    overflow:visible!important;
    z-index:2147482500!important;
  }

  .isko-header .isko-nav,
  .isko-header.isko-header-scrolled .isko-nav{
    width:92%!important;
    height:68px!important;
    min-height:68px!important;
    max-height:68px!important;
    margin:0 auto!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 44px auto!important;
    grid-template-rows:68px!important;
    grid-template-areas:"brand toggle cart"!important;
    align-items:center!important;
    gap:9px!important;
  }

  /* Di mobile hanya logo, teks brand tidak tampil */
  .isko-header .isko-brand,
  .isko-header.isko-header-scrolled .isko-brand{
    grid-area:brand!important;
    justify-self:start!important;
    display:flex!important;
    align-items:center!important;
    width:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    height:44px!important;
    margin:0!important;
    padding:0!important;
    gap:0!important;
    overflow:visible!important;
  }

  .isko-header .isko-logo,
  .isko-header.isko-header-scrolled .isko-logo{
    display:flex!important;
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    flex:0 0 44px!important;
    margin:0!important;
    padding:0!important;
  }

  .isko-header .isko-logo img,
  .isko-header.isko-header-scrolled .isko-logo img{
    width:100%!important;
    height:100%!important;
    display:block!important;
    object-fit:contain!important;
  }

  .isko-header .isko-brand-v2,
  .isko-header .isko-brand-v2 *,
  .isko-header .isko-brand > *:not(.isko-logo),
  .isko-header.isko-header-scrolled .isko-brand-v2,
  .isko-header.isko-header-scrolled .isko-brand-v2 *{
    display:none!important;
    visibility:hidden!important;
    width:0!important;
    height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
  }

  /* Hamburger selalu terlihat */
  .isko-header .isko-nav-toggle,
  .isko-header.isko-header-scrolled .isko-nav-toggle{
    grid-area:toggle!important;
    position:static!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    margin:0!important;
    padding:0!important;
    border-radius:13px!important;
    z-index:4!important;
    cursor:pointer!important;
  }

  /* Menu mobile benar-benar tersembunyi */
  .isko-header .isko-menu,
  .isko-header.isko-header-scrolled .isko-menu{
    display:none!important;
    position:absolute!important;
    top:68px!important;
    left:4%!important;
    right:4%!important;
    width:auto!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:12px!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    border-radius:18px!important;
    background:rgba(16,4,3,.99)!important;
    border:1px solid rgba(216,163,58,.32)!important;
    box-shadow:0 22px 54px rgba(0,0,0,.48)!important;
    z-index:2147482600!important;
    overflow:hidden!important;
  }

  .isko-header .isko-menu.open,
  .isko-header.isko-header-scrolled .isko-menu.open{
    display:grid!important;
  }

  .isko-header .isko-menu a,
  .isko-header.isko-header-scrolled .isko-menu a{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:12px 14px!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.05)!important;
    color:#fff7e4!important;
    font-size:13px!important;
    font-weight:900!important;
    line-height:1.2!important;
    text-align:left!important;
    text-decoration:none!important;
  }

  /* Cart tetap di kanan header */
  #iskoPluginCartOpen,
  .isko-header.isko-header-scrolled #iskoPluginCartOpen{
    grid-area:cart!important;
    justify-self:end!important;
    position:static!important;
    inset:auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:72px!important;
    max-width:88px!important;
    height:44px!important;
    min-height:44px!important;
    margin:0!important;
    padding:0 10px!important;
    border-radius:999px!important;
    font-size:0!important;
    z-index:4!important;
  }

  #iskoPluginCartOpen::before{
    content:"Cart"!important;
    display:inline!important;
    font-size:12px!important;
    font-weight:900!important;
  }

  #iskoPluginCartOpen strong{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:21px!important;
    padding:1px 6px!important;
    font-size:12px!important;
  }

  body.isko-plugin-cart-open #iskoPluginCartOpen{
    display:none!important;
  }
}


/* =========================================================
   V2.0.5 MOBILE: HIDE MENU BUTTON ON SCROLL + LOGO CLICKABLE
   Desktop tidak diubah
   ========================================================= */
@media(max-width:768px){

  .isko-header .isko-brand,
  .isko-header .isko-brand *{
    pointer-events:auto!important;
  }

  .isko-header .isko-brand{
    position:relative!important;
    z-index:8!important;
    cursor:pointer!important;
  }

  /* Saat belum scroll: logo + hamburger + cart */
  .isko-header:not(.isko-header-scrolled) .isko-nav{
    grid-template-columns:minmax(0,1fr) 44px auto!important;
    grid-template-areas:"brand toggle cart"!important;
  }

  .isko-header:not(.isko-header-scrolled) .isko-nav-toggle{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
  }

  /* Saat scroll: hamburger hilang, hanya logo + cart */
  .isko-header.isko-header-scrolled .isko-nav{
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:"brand cart"!important;
    gap:10px!important;
  }

  .isko-header.isko-header-scrolled .isko-nav-toggle{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    width:0!important;
    min-width:0!important;
    height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    pointer-events:none!important;
  }

  /* Kalau sedang scroll, menu dropdown harus tertutup */
  .isko-header.isko-header-scrolled .isko-menu{
    display:none!important;
  }

  .isko-header.isko-header-scrolled .isko-menu.open{
    display:none!important;
  }
}


/* =========================================================
   V2.0.6 MOBILE HAMBURGER CLICK FIX
   ========================================================= */
@media(max-width:768px){

  .isko-header:not(.isko-header-scrolled) .isko-nav-toggle{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    cursor:pointer!important;
    position:relative!important;
    z-index:2147483005!important;
  }

  .isko-header:not(.isko-header-scrolled) .isko-menu.open{
    display:grid!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
}


/* =========================================================
   V2.1 PREMIUM POLISH ALL SECTIONS
   Fungsi tetap, hanya visual
   ========================================================= */

:root{
  --isko-gold:#d8a33a;
  --isko-gold-soft:#ffd86b;
  --isko-dark:#090302;
  --isko-dark-2:#180605;
  --isko-maroon:#7b1111;
  --isko-cream:#fff6e8;
  --isko-paper:#fffaf3;
  --isko-text:#2c160f;
  --isko-muted:#6e5145;
}

/* GLOBAL */
body{
  background:#fff8ee!important;
}

.isko-section{
  position:relative!important;
}

.isko-section-head{
  max-width:980px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

.isko-section-head h2{
  letter-spacing:-1px!important;
}

.isko-section-head p{
  max-width:900px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* HERO */
#home{
  min-height:calc(100vh - 72px)!important;
  display:flex!important;
  align-items:center!important;
  background-position:center!important;
}

#home .hero-v12-wrap{
  width:min(1180px,92%)!important;
  padding-top:68px!important;
  padding-bottom:72px!important;
}

#home .hero-v12-grid{
  gap:54px!important;
  align-items:center!important;
}

#home .hero-v12-title{
  font-size:clamp(54px,6vw,82px)!important;
  line-height:.94!important;
  letter-spacing:-2px!important;
  text-shadow:0 12px 40px rgba(0,0,0,.34)!important;
}

#home .hero-v12-lead{
  max-width:650px!important;
  font-size:20px!important;
  line-height:1.72!important;
  color:#fff4df!important;
}

#home .hero-v12-badges{
  gap:11px!important;
}

#home .hero-v12-badge{
  border-color:rgba(255,216,107,.38)!important;
  background:rgba(255,255,255,.05)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}

#home .hero-v12-card{
  border-radius:30px!important;
  border:1px solid rgba(255,216,107,.62)!important;
  box-shadow:0 34px 90px rgba(0,0,0,.48)!important;
  overflow:hidden!important;
}

#home .hero-v12-caption{
  padding:22px 24px!important;
  background:linear-gradient(180deg,#180706,#0a0302)!important;
}

#home .isko-lux-delivery-panel{
  margin-top:2px!important;
  border-color:rgba(255,216,107,.36)!important;
  box-shadow:0 24px 58px rgba(0,0,0,.38)!important;
}

/* MENU SECTION */
#menu-foto{
  background:
    radial-gradient(circle at 8% 0%,rgba(216,163,58,.10),transparent 26%),
    linear-gradient(180deg,#fff8ef 0%,#fff1df 100%)!important;
}

#menu-foto .isko-section-head{
  margin-bottom:28px!important;
}

#menu-foto .isko-menu-toolbar{
  margin-top:24px!important;
  margin-bottom:34px!important;
}

#menu-foto .menu-filter{
  min-height:46px!important;
  padding:0 20px!important;
  border:1px solid rgba(105,52,28,.09)!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 10px 28px rgba(82,39,18,.08)!important;
  transition:transform .22s ease,box-shadow .22s ease!important;
}

#menu-foto .menu-filter:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 15px 34px rgba(82,39,18,.12)!important;
}

#menu-foto .menu-filter.active{
  background:linear-gradient(135deg,#7b1111,#b72118)!important;
  color:#fff!important;
  box-shadow:0 15px 34px rgba(123,17,17,.24)!important;
}

#menu-foto .menu-search{
  min-height:54px!important;
  border:1px solid rgba(105,52,28,.14)!important;
  box-shadow:0 12px 30px rgba(82,39,18,.08)!important;
}

#menu-foto .menu-photo-grid{
  gap:28px!important;
}

#menu-foto .menu-photo-card{
  height:100%!important;
  border-radius:26px!important;
  border:1px solid rgba(105,52,28,.10)!important;
  background:linear-gradient(180deg,#fff,#fffaf5)!important;
  box-shadow:0 20px 50px rgba(82,39,18,.10)!important;
  transition:transform .25s ease,box-shadow .25s ease!important;
}

#menu-foto .menu-photo-card:hover{
  transform:translateY(-6px)!important;
  box-shadow:0 28px 68px rgba(82,39,18,.15)!important;
}

#menu-foto .menu-photo{
  border-radius:26px 26px 0 0!important;
}

#menu-foto .menu-photo span{
  border:1px solid rgba(255,255,255,.32)!important;
  box-shadow:0 8px 20px rgba(0,0,0,.18)!important;
}

#menu-foto .menu-info{
  display:flex!important;
  flex-direction:column!important;
  flex:1 1 auto!important;
  padding:23px 22px 22px!important;
}

#menu-foto .menu-info h3{
  min-height:54px!important;
  margin-bottom:11px!important;
  color:#781414!important;
  letter-spacing:-.25px!important;
}

#menu-foto .menu-info p{
  min-height:76px!important;
  color:#5b4035!important;
}

#menu-foto .menu-bottom{
  margin-top:auto!important;
  padding-top:18px!important;
  border-top:1px solid rgba(105,52,28,.08)!important;
}

#menu-foto .menu-bottom strong{
  color:#1f0d08!important;
  font-size:21px!important;
}

#menu-foto .add-cart-btn{
  min-height:50px!important;
  background:linear-gradient(135deg,#21c968,#12a84f)!important;
  box-shadow:0 12px 28px rgba(18,168,79,.22)!important;
  transition:transform .22s ease,box-shadow .22s ease!important;
}

#menu-foto .add-cart-btn:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 17px 34px rgba(18,168,79,.28)!important;
}

/* PROMO */
#promo{
  background:
    radial-gradient(circle at 12% 0%,rgba(216,163,58,.10),transparent 26%),
    linear-gradient(180deg,#0a0302,#180605)!important;
}

#promo .isko-card-grid{
  gap:24px!important;
}

#promo .isko-card-dark{
  position:relative!important;
  overflow:hidden!important;
  border-radius:26px!important;
  padding:30px!important;
  border:1px solid rgba(255,216,107,.20)!important;
  background:linear-gradient(180deg,#24100c,#100504)!important;
  box-shadow:0 22px 60px rgba(0,0,0,.25)!important;
}

#promo .isko-card-dark::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:radial-gradient(circle at 10% 0%,rgba(255,216,107,.08),transparent 34%)!important;
  pointer-events:none!important;
}

#promo .isko-card-dark h3{
  position:relative!important;
  color:#ffd86b!important;
}

#promo .isko-card-dark p{
  position:relative!important;
  color:#fff2df!important;
}

/* VOUCHER */
#voucher{
  background:
    radial-gradient(circle at 92% 0%,rgba(216,163,58,.10),transparent 25%),
    linear-gradient(180deg,#fff8ef,#fff2e1)!important;
}

#voucher .isko-table-wrap{
  border-radius:24px!important;
  overflow:hidden!important;
  border:1px solid rgba(123,17,17,.10)!important;
  box-shadow:0 24px 60px rgba(92,45,15,.12)!important;
}

#voucher .isko-table thead th{
  padding:18px 20px!important;
  background:linear-gradient(135deg,#7b1111,#981818)!important;
  color:#ffe8ab!important;
  letter-spacing:.04em!important;
}

#voucher .isko-table tbody td{
  padding:17px 20px!important;
  border-bottom:1px solid #efdfca!important;
  background:#fff!important;
}

#voucher .isko-table tbody tr:nth-child(even) td{
  background:#fffaf4!important;
}

#voucher .isko-table tbody tr:hover td{
  background:#fff2d9!important;
}

#voucher .isko-table tbody td:last-child{
  color:#7b1111!important;
  font-size:17px!important;
  font-weight:900!important;
}

#voucher .isko-btn{
  min-height:54px!important;
  min-width:240px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#ffd86b,#d8a33a)!important;
  color:#180806!important;
  box-shadow:0 14px 34px rgba(216,163,58,.24)!important;
}

/* PAYMENT */
#payment{
  background:
    radial-gradient(circle at 88% 0%,rgba(216,163,58,.10),transparent 30%),
    linear-gradient(180deg,#120504,#070202)!important;
}

#payment .isko-payment-grid{
  gap:36px!important;
}

#payment .isko-card-dark{
  border-radius:24px!important;
  border:1px solid rgba(255,216,107,.20)!important;
  box-shadow:0 22px 56px rgba(0,0,0,.28)!important;
}

#payment .isko-qr-placeholder{
  border:1px solid rgba(216,163,58,.28)!important;
  border-radius:28px!important;
  box-shadow:0 26px 70px rgba(0,0,0,.36)!important;
}

/* CONTACT / LOCATION */
#contact{
  background:
    radial-gradient(circle at 12% 10%,rgba(255,216,107,.14),transparent 28%),
    linear-gradient(135deg,#090302,#250b08 58%,#070202)!important;
}

#contact .isko-location-grid-final{
  gap:30px!important;
  align-items:start!important;
}

#contact .isko-location-grid-final > div:first-child{
  border-radius:32px!important;
  border:1px solid rgba(246,201,93,.58)!important;
  box-shadow:0 30px 78px rgba(0,0,0,.38)!important;
}

#contact .isko-location-grid-final > div:last-child > div{
  border-radius:30px!important;
  border:1px solid rgba(246,201,93,.52)!important;
  box-shadow:0 26px 68px rgba(0,0,0,.32)!important;
}

#contact .isko-location-grid-final a{
  min-height:52px!important;
  border-radius:999px!important;
}

/* FOOTER */
.footer-v13,
footer[style*="background:linear-gradient"]{
  background:
    radial-gradient(circle at 15% 0%,rgba(216,163,58,.08),transparent 25%),
    linear-gradient(180deg,#080303,#120505)!important;
  border-top:1px solid rgba(246,201,93,.18)!important;
}

.footer-v13-copy,
footer[style*="background:linear-gradient"] > div > div:last-child{
  background:linear-gradient(135deg,#9b7124,#74501a 55%,#5d4014)!important;
  color:#fff7e4!important;
  border:1px solid rgba(255,224,146,.26)!important;
  border-radius:14px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 10px 28px rgba(0,0,0,.18)!important;
}

/* CART PANEL */
#iskoPluginPanel{
  background:linear-gradient(180deg,#fff,#fff8ed)!important;
}

.isko-plugin-head{
  background:rgba(255,255,255,.96)!important;
  backdrop-filter:blur(8px)!important;
}

.isko-plugin-item{
  border-radius:18px!important;
  border:1px solid rgba(123,17,17,.10)!important;
  box-shadow:0 10px 28px rgba(90,45,15,.06)!important;
}

.isko-plugin-total{
  border:1px solid rgba(216,163,58,.42)!important;
  box-shadow:0 12px 28px rgba(90,45,15,.10)!important;
}

#iskoPluginWA,
#iskoPluginTG{
  box-shadow:0 12px 28px rgba(0,0,0,.14)!important;
}

/* SUCCESS POPUP */
#iskoPluginSuccess{
  border-radius:26px!important;
  border:1px solid rgba(246,201,93,.74)!important;
  background:linear-gradient(180deg,#fffaf0,#ffe9b9)!important;
  box-shadow:0 30px 90px rgba(0,0,0,.46)!important;
}

/* MOBILE */
@media(max-width:768px){
  #home{
    min-height:auto!important;
  }

  #home .hero-v12-wrap{
    padding-top:42px!important;
    padding-bottom:48px!important;
  }

  #home .hero-v12-title{
    font-size:44px!important;
    line-height:.98!important;
  }

  #home .hero-v12-lead{
    font-size:16px!important;
  }

  #home .hero-v12-grid{
    gap:24px!important;
  }

  #menu-foto .isko-section-head,
  #voucher .isko-section-head{
    margin-bottom:22px!important;
  }

  #menu-foto .isko-menu-toolbar{
    margin-bottom:24px!important;
  }

  #menu-foto .menu-filter-bar{
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    padding-bottom:7px!important;
    scrollbar-width:none!important;
  }

  #menu-foto .menu-filter-bar::-webkit-scrollbar{
    display:none!important;
  }

  #menu-foto .menu-filter{
    flex:0 0 auto!important;
    min-height:42px!important;
    padding:0 16px!important;
    font-size:13px!important;
  }

  #menu-foto .menu-photo-grid{
    gap:18px!important;
  }

  #menu-foto .menu-info h3,
  #menu-foto .menu-info p{
    min-height:auto!important;
  }

  #menu-foto .menu-bottom{
    align-items:stretch!important;
  }

  #menu-foto .add-cart-btn{
    width:100%!important;
  }

  #voucher .isko-table thead th,
  #voucher .isko-table tbody td{
    padding:12px 8px!important;
    font-size:12px!important;
  }

  #voucher .isko-btn{
    width:100%!important;
    min-width:0!important;
  }

  #contact .isko-location-grid-final{
    gap:20px!important;
  }

  #contact .isko-location-grid-final > div:first-child{
    padding:22px!important;
  }

  #iskoPluginSuccess{
    width:min(390px,90vw)!important;
  }
}


/* =========================================================
   V2.1.2 SAFE MOBILE WIDTH
   Tidak memotong browser, tidak memaksa 100% + padding
   ========================================================= */
@media(max-width:768px){

  *,
  *::before,
  *::after{
    box-sizing:border-box!important;
  }

  html,
  body{
    width:auto!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }

  /* Wrapper mobile lebih lebar, tapi tetap aman */
  .isko-wrap,
  #home .hero-v12-wrap,
  #menu-foto .isko-wrap,
  #promo .isko-wrap,
  #voucher .isko-wrap,
  #payment .isko-wrap,
  #contact .isko-wrap,
  footer .isko-wrap{
    width:94%!important;
    max-width:94%!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:0!important;
    padding-right:0!important;
  }

  /* Section tetap full layar, isi tidak keluar */
  #home,
  #menu-foto,
  #promo,
  #voucher,
  #payment,
  #contact,
  footer{
    width:auto!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    overflow-x:hidden!important;
  }

  /* Grid aman */
  #home .hero-v12-grid,
  #menu-foto .menu-photo-grid,
  #promo .isko-card-grid,
  #payment .isko-payment-grid,
  #contact .isko-location-grid-final{
    width:auto!important;
    max-width:100%!important;
    min-width:0!important;
  }

  /* Card aman */
  #home .hero-v12-copy,
  #home .hero-v12-card,
  #home .hero-v12-actions,
  #home .isko-lux-delivery-panel,
  #menu-foto .menu-photo-card,
  #promo .isko-card-dark,
  #voucher .isko-table-wrap,
  #payment .isko-card-dark,
  #payment .isko-qr-placeholder,
  #contact .isko-location-grid-final > div{
    width:auto!important;
    max-width:100%!important;
    min-width:0!important;
  }

  /* Kategori boleh scroll horizontal tanpa memotong halaman */
  #menu-foto .menu-filter-bar{
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
  }

  /* Search aman */
  #menu-foto .menu-search{
    width:100%!important;
    max-width:100%!important;
  }

  /* Voucher tetap muat */
  #voucher .isko-table-wrap{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }

  #voucher .isko-table{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    table-layout:fixed!important;
  }

  #voucher .isko-table th,
  #voucher .isko-table td{
    white-space:normal!important;
    word-break:break-word!important;
  }

  /* Media aman */
  img,
  iframe,
  video{
    max-width:100%!important;
  }

  #contact iframe,
  #contact img{
    width:100%!important;
    max-width:100%!important;
  }

  /* Hero tidak keluar layar */
  #home .hero-v12-title,
  #home .hero-v12-lead{
    max-width:100%!important;
    word-break:normal!important;
    overflow-wrap:break-word!important;
  }
}

@media(max-width:430px){
  .isko-wrap,
  #home .hero-v12-wrap,
  #menu-foto .isko-wrap,
  #promo .isko-wrap,
  #voucher .isko-wrap,
  #payment .isko-wrap,
  #contact .isko-wrap,
  footer .isko-wrap{
    width:95%!important;
    max-width:95%!important;
  }
}


/* =========================================================
   V2.2.1 CASH + VOUCHER CART
   ========================================================= */
.isko-plugin-totals{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  margin:14px 0!important;
}

.isko-plugin-totals .isko-plugin-total{
  margin:0!important;
}

.isko-total-cash{
  background:linear-gradient(135deg,#fff3d4,#ffe7a5)!important;
  border-color:rgba(216,163,58,.55)!important;
}

.isko-total-voucher{
  background:linear-gradient(135deg,#fff0f0,#ffd7d7)!important;
  border-color:rgba(123,17,17,.32)!important;
}

.isko-total-voucher span,
.isko-total-voucher strong{
  color:#7b1111!important;
}

.isko-plugin-status{
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  max-width:100%!important;
  margin-top:7px!important;
  padding:5px 9px!important;
  border-radius:999px!important;
  font-size:11px!important;
  font-weight:900!important;
}

.isko-plugin-status.cash-status{
  background:#fff0bd!important;
  color:#6f4a00!important;
}

.isko-plugin-status.voucher-status{
  background:#7b1111!important;
  color:#fff!important;
}

.isko-plugin-item.is-voucher{
  border-color:rgba(123,17,17,.30)!important;
  background:linear-gradient(180deg,#fffafa,#fff1f1)!important;
}

.isko-plugin-controls{
  flex-wrap:wrap!important;
}

.isko-plugin-controls .voucher-toggle{
  width:auto!important;
  min-width:84px!important;
  padding:0 12px!important;
  background:#7b1111!important;
  color:#fff!important;
  white-space:nowrap!important;
}

.isko-plugin-controls .voucher-toggle.active{
  background:#198b4a!important;
  color:#fff!important;
}

@media(max-width:430px){
  .isko-plugin-controls .voucher-toggle{
    flex:1 1 120px!important;
  }
}

/* V2.2.4 ACCEPTED PAYMENT LOGOS */
#payment .isko-accepted-payments{
  margin-top:22px!important;
  padding:22px!important;
  border-radius:24px!important;
  border:1px solid rgba(255,216,107,.25)!important;
  background:linear-gradient(135deg,rgba(38,12,9,.92),rgba(12,4,3,.92))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 20px 48px rgba(0,0,0,.28)!important;
}
#payment .isko-accepted-kicker{
  margin-bottom:16px!important;
  color:#ffd86b!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:3px!important;
  text-transform:uppercase!important;
}
#payment .isko-payment-brand-row{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
}
#payment .isko-payment-brand{
  min-height:88px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:12px!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#fffdf8,#f7ead3)!important;
  border:1px solid rgba(255,216,107,.28)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 14px 34px rgba(0,0,0,.18)!important;
}
#payment .isko-payment-brand svg{
  display:block!important;
  width:100%!important;
  max-width:170px!important;
  height:auto!important;
}
#payment .tap-brand{
  gap:12px!important;
  background:linear-gradient(135deg,#ffd86b,#d8a33a)!important;
  color:#7b1111!important;
}
#payment .isko-tap-icon{
  width:46px!important;
  height:46px!important;
  flex:0 0 46px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:14px!important;
  background:#7b1111!important;
  color:#fff!important;
}
#payment .isko-tap-icon svg{
  width:30px!important;
  height:30px!important;
}
#payment .isko-tap-copy{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  line-height:1.04!important;
}
#payment .isko-tap-copy small{
  margin-bottom:5px!important;
  color:#7b1111!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:1.5px!important;
}
#payment .isko-tap-copy strong{
  color:#1d0b06!important;
  font-size:16px!important;
  font-weight:900!important;
  white-space:nowrap!important;
}
@media(max-width:768px){
  #payment .isko-accepted-payments{padding:16px!important}
  #payment .isko-payment-brand-row{grid-template-columns:1fr!important}
  #payment .isko-payment-brand{min-height:80px!important}
}

/* V2.2.5 HERO PAYMENT PARTNERS PANEL */
#home .isko-hero-payment-panel{
  margin-top:18px!important;padding:20px!important;border-radius:24px!important;
  border:1px solid rgba(255,216,107,.30)!important;
  background:linear-gradient(135deg,rgba(16,5,4,.92),rgba(48,13,10,.78))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 22px 54px rgba(0,0,0,.34)!important;
}
#home .isko-hero-payment-heading{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;margin-bottom:16px!important}
#home .isko-hero-payment-heading span{color:#d8a33a!important;font-size:9px!important;font-weight:900!important;letter-spacing:3px!important}
#home .isko-hero-payment-heading strong{color:#fff4d2!important;font-size:15px!important;font-weight:900!important}
#home .isko-hero-payment-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
#home .isko-hero-pay-card{min-height:82px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;padding:12px!important;border-radius:18px!important;background:linear-gradient(180deg,#fffdf8,#f4e7d0)!important;border:1px solid rgba(255,216,107,.30)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 12px 28px rgba(0,0,0,.18)!important}
#home .isko-hero-pay-card svg{width:100%!important;max-width:150px!important;height:auto!important;display:block!important}
#home .isko-hero-pay-card.bank{flex-direction:column!important;gap:6px!important}
#home .isko-bank-mark{min-width:44px!important;height:36px!important;padding:0 10px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:12px!important;color:#fff!important;font-size:18px!important;font-weight:900!important}
#home .aba .isko-bank-mark{background:linear-gradient(135deg,#007f9f,#0cb4c7)!important}
#home .acleda .isko-bank-mark{background:linear-gradient(135deg,#1d4d8f,#2d78c4)!important}
#home .wing .isko-bank-mark{background:linear-gradient(135deg,#f0a500,#ffcc33)!important;color:#552d00!important}
#home .isko-bank-name{color:#28130c!important;font-size:13px!important;font-weight:900!important;white-space:nowrap!important}
#home .isko-hero-pay-card.tap{background:linear-gradient(135deg,#ffd86b,#d8a33a)!important;color:#7b1111!important}
#home .isko-hero-tap-icon{width:42px!important;height:42px!important;flex:0 0 42px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:13px!important;background:#7b1111!important;color:#fff!important}
#home .isko-hero-tap-icon svg{width:27px!important;height:27px!important}
#home .isko-hero-tap-copy{display:flex!important;flex-direction:column!important;align-items:flex-start!important;line-height:1.02!important}
#home .isko-hero-tap-copy small{margin-bottom:4px!important;color:#7b1111!important;font-size:8px!important;font-weight:900!important;letter-spacing:1.3px!important}
#home .isko-hero-tap-copy strong{color:#1d0b06!important;font-size:14px!important;font-weight:900!important;white-space:nowrap!important}
@media(max-width:768px){
  #home .isko-hero-payment-panel{margin-top:14px!important;padding:15px!important;border-radius:20px!important}
  #home .isko-hero-payment-heading{flex-direction:column!important;gap:4px!important;text-align:center!important}
  #home .isko-hero-payment-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  #home .isko-hero-pay-card{min-height:76px!important;padding:10px!important}
  #home .isko-bank-name{font-size:11px!important}
  #home .isko-hero-tap-copy strong{font-size:12px!important}
}

/* =========================================================
   V2.2.6 REAL BANK LOGOS + KHQR
   ========================================================= */
#home .isko-hero-payment-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}

#home .isko-hero-pay-card.logo-card{
  background:linear-gradient(180deg,#fff,#f7ead6)!important;
  overflow:hidden!important;
}

#home .isko-hero-pay-card.logo-card img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:92%!important;
  max-height:58px!important;
  object-fit:contain!important;
}

#home .isko-hero-pay-card.wing-card img{
  max-height:64px!important;
}

#home .isko-hero-pay-card.khqr-card img{
  max-height:64px!important;
  border-radius:10px!important;
}

#home .isko-hero-pay-card.tap{
  grid-column:span 2!important;
}

@media(max-width:980px){
  #home .isko-hero-payment-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  #home .isko-hero-pay-card.tap{
    grid-column:span 2!important;
  }
}

@media(max-width:768px){
  #home .isko-hero-payment-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  #home .isko-hero-pay-card.logo-card img{
    max-width:88%!important;
    max-height:50px!important;
  }

  #home .isko-hero-pay-card.tap{
    grid-column:span 2!important;
  }
}

@media(max-width:390px){
  #home .isko-hero-pay-card{
    min-height:72px!important;
  }

  #home .isko-hero-pay-card.tap{
    grid-column:span 2!important;
  }
}

/* V2.2.8 ABA + ACLEDA DARK BACKGROUND */
#home .isko-hero-pay-card.logo-card:nth-child(1){
  background:linear-gradient(135deg,#073a57,#0a5678)!important;
  border-color:rgba(255,255,255,.12)!important;
}
#home .isko-hero-pay-card.logo-card:nth-child(2){
  background:linear-gradient(135deg,#0f3f2d,#176044)!important;
  border-color:rgba(255,216,107,.18)!important;
}
#home .isko-hero-pay-card.logo-card:nth-child(1) img,
#home .isko-hero-pay-card.logo-card:nth-child(2) img{
  max-width:94%!important;
  max-height:66px!important;
  filter:drop-shadow(0 3px 8px rgba(0,0,0,.28))!important;
}
#home .isko-hero-pay-card{
  min-height:88px!important;
}
@media(max-width:768px){
  #home .isko-hero-pay-card.logo-card:nth-child(1) img,
  #home .isko-hero-pay-card.logo-card:nth-child(2) img{
    max-width:90%!important;
    max-height:58px!important;
  }
  #home .isko-hero-pay-card{min-height:80px!important}
}


/* =========================================================
   V3.0.0 MOBILE APP UI
   ========================================================= */
@media(max-width:768px){

  body{
    padding-bottom:78px!important;
  }

  #home{
    padding:0!important;
    background:#f8f1e4!important;
  }

  #home > .hero-v12-wrap,
  #home > .isko-lux-delivery-panel,
  #home > .isko-hero-payment-panel{
    display:none!important;
  }

  .isko-mobile-app-home{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    background:#f7f0e2!important;
  }

  .isko-mobile-app-hero{
    position:relative!important;
    min-height:360px!important;
    overflow:hidden!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:34px 18px 30px!important;
    background:
      linear-gradient(rgba(3,33,22,.72),rgba(3,33,22,.88)),
      url("https://istanakokikps.com/wp-content/uploads/2026/07/196ef8a8-09be-4c4b-aeb0-6e2dccea1021.jpg") center/cover no-repeat!important;
  }

  .isko-mobile-app-hero::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    background:
      radial-gradient(circle at 20% 10%,rgba(255,216,107,.18),transparent 30%),
      radial-gradient(circle at 90% 90%,rgba(255,216,107,.12),transparent 28%)!important;
  }

  .isko-mobile-app-hero-content{
    position:relative!important;
    z-index:2!important;
    width:100%!important;
    max-width:390px!important;
    margin:auto!important;
    text-align:center!important;
    color:#fff!important;
  }

  .isko-mobile-app-logo{
    width:92px!important;
    height:92px!important;
    object-fit:contain!important;
    display:block!important;
    margin:0 auto 13px!important;
    border-radius:20px!important;
    box-shadow:0 14px 34px rgba(0,0,0,.35)!important;
  }

  .isko-mobile-welcome{
    color:#f3c85f!important;
    font-family:Georgia,serif!important;
    font-size:21px!important;
    font-style:italic!important;
    margin-bottom:5px!important;
  }

  .isko-mobile-app-hero h1{
    margin:0!important;
    color:#ffd86b!important;
    font-size:27px!important;
    line-height:1.12!important;
    font-weight:900!important;
    letter-spacing:.4px!important;
  }

  .isko-mobile-app-hero p{
    max-width:330px!important;
    margin:12px auto!important;
    color:#fff5e2!important;
    font-size:13px!important;
    line-height:1.55!important;
  }

  .isko-mobile-status-row{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    flex-wrap:wrap!important;
    margin:11px 0 16px!important;
  }

  .isko-mobile-status-row span{
    padding:5px 8px!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.08)!important;
    border:1px solid rgba(255,216,107,.22)!important;
    color:#ffe8ad!important;
    font-size:9px!important;
    font-weight:900!important;
  }

  .isko-mobile-status-row span:first-child{
    color:#65df79!important;
  }

  .isko-mobile-see-menu{
    min-width:150px!important;
    height:44px!important;
    border:0!important;
    border-radius:999px!important;
    background:linear-gradient(135deg,#ffd86b,#d8a33a)!important;
    color:#1d0b06!important;
    font-size:13px!important;
    font-weight:900!important;
    box-shadow:0 12px 30px rgba(216,163,58,.28)!important;
  }

  .isko-mobile-category-section{
    margin:-1px 0 0!important;
    padding:24px 16px 22px!important;
    background:#fffdf8!important;
    border-radius:0 0 26px 26px!important;
    box-shadow:0 14px 34px rgba(72,39,17,.10)!important;
  }

  .isko-mobile-section-title{
    text-align:center!important;
    color:#26140d!important;
    font-size:15px!important;
    font-weight:900!important;
  }

  .isko-mobile-section-subtitle{
    text-align:center!important;
    color:#7e665b!important;
    font-size:10px!important;
    margin:4px 0 17px!important;
  }

  .isko-mobile-category-grid{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:15px 9px!important;
  }

  .isko-mobile-category-grid button{
    border:0!important;
    background:transparent!important;
    padding:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    gap:6px!important;
    color:#2f1a12!important;
    font-size:10px!important;
    font-weight:800!important;
  }

  .isko-cat-icon{
    width:56px!important;
    height:56px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:50%!important;
    background:
      linear-gradient(135deg,#fff8e7,#ead3a1)!important;
    border:2px solid #d8a33a!important;
    box-shadow:0 8px 18px rgba(71,38,13,.16)!important;
    font-size:26px!important;
  }

  .isko-mobile-feature-card{
    width:calc(100% - 24px)!important;
    margin:16px auto 0!important;
    padding:20px!important;
    border-radius:24px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:14px!important;
    overflow:hidden!important;
  }

  .isko-mobile-voucher-card{
    background:
      radial-gradient(circle at 90% 0%,rgba(255,216,107,.18),transparent 38%),
      linear-gradient(135deg,#063b2a,#021d15)!important;
    color:#fff!important;
    border:1px solid rgba(216,163,58,.38)!important;
    box-shadow:0 18px 38px rgba(28,17,8,.18)!important;
  }

  .isko-mobile-feature-copy{
    flex:1!important;
    min-width:0!important;
  }

  .isko-mobile-feature-copy small{
    color:#f3c85f!important;
    font-size:8px!important;
    font-weight:900!important;
    letter-spacing:1.4px!important;
  }

  .isko-mobile-feature-copy h2{
    margin:5px 0 7px!important;
    color:#ffd86b!important;
    font-size:21px!important;
    line-height:1.05!important;
  }

  .isko-mobile-feature-copy p{
    margin:0 0 12px!important;
    color:#fff4df!important;
    font-size:11px!important;
    line-height:1.5!important;
  }

  .isko-mobile-feature-copy button{
    height:36px!important;
    padding:0 14px!important;
    border:0!important;
    border-radius:999px!important;
    background:#ffd86b!important;
    color:#1f0b05!important;
    font-size:10px!important;
    font-weight:900!important;
  }

  .isko-mobile-feature-art{
    width:76px!important;
    height:76px!important;
    flex:0 0 76px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:22px!important;
    background:rgba(255,255,255,.08)!important;
    font-size:39px!important;
  }

  .isko-mobile-quick-row{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:12px!important;
    width:calc(100% - 24px)!important;
    margin:12px auto 25px!important;
  }

  .isko-mobile-quick-row button{
    min-height:82px!important;
    padding:12px!important;
    border:1px solid rgba(123,17,17,.10)!important;
    border-radius:20px!important;
    background:#fff!important;
    box-shadow:0 12px 26px rgba(72,39,17,.09)!important;
    display:grid!important;
    grid-template-columns:42px 1fr!important;
    grid-template-rows:auto auto!important;
    align-items:center!important;
    text-align:left!important;
  }

  .isko-mobile-quick-row span{
    grid-row:1/3!important;
    font-size:29px!important;
  }

  .isko-mobile-quick-row b{
    color:#3b1c13!important;
    font-size:13px!important;
  }

  .isko-mobile-quick-row small{
    color:#846b60!important;
    font-size:9px!important;
  }

  .isko-mobile-bottom-nav{
    position:fixed!important;
    left:9px!important;
    right:9px!important;
    bottom:9px!important;
    z-index:2147483300!important;
    height:62px!important;
    display:grid!important;
    grid-template-columns:repeat(4,1fr)!important;
    align-items:center!important;
    padding:5px!important;
    border-radius:22px!important;
    background:rgba(9,3,2,.96)!important;
    border:1px solid rgba(255,216,107,.34)!important;
    box-shadow:0 20px 48px rgba(0,0,0,.38)!important;
    backdrop-filter:blur(14px)!important;
  }

  .isko-mobile-bottom-nav button{
    position:relative!important;
    height:52px!important;
    border:0!important;
    border-radius:17px!important;
    background:transparent!important;
    color:#fff6e1!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:2px!important;
  }

  .isko-mobile-bottom-nav button:active{
    background:rgba(255,216,107,.13)!important;
  }

  .isko-mobile-bottom-nav span{
    font-size:19px!important;
    line-height:1!important;
  }

  .isko-mobile-bottom-nav b{
    font-size:9px!important;
    font-weight:900!important;
  }

  #iskoMobileNavCount{
    position:absolute!important;
    top:3px!important;
    right:13px!important;
    min-width:17px!important;
    height:17px!important;
    padding:0 4px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:999px!important;
    background:#c71f1f!important;
    color:#fff!important;
    font-size:9px!important;
    font-style:normal!important;
    font-weight:900!important;
  }

  body.isko-plugin-cart-open .isko-mobile-bottom-nav{
    display:none!important;
  }
}

@media(min-width:769px){
  .isko-mobile-app-home,
  .isko-mobile-bottom-nav{
    display:none!important;
  }
}


/* =========================================================
   V3.0.4 PREMIUM SUGGESTION — DESKTOP ONLY
   ========================================================= */
@media(min-width:769px){
  .isko-suggestion-widget-v304{
    position:fixed!important;
    left:14px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    z-index:2147483200!important;
    font-family:Arial,Helvetica,sans-serif!important;
  }

  .isko-suggestion-float-v304{
    width:58px!important;
    height:58px!important;
    border:1px solid rgba(255,216,107,.52)!important;
    border-radius:18px!important;
    background:linear-gradient(145deg,#063b2a,#021d15)!important;
    color:#ffd86b!important;
    box-shadow:0 16px 38px rgba(0,0,0,.34)!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:2px!important;
    cursor:pointer!important;
  }

  .isko-suggestion-float-v304 span{font-size:20px!important;line-height:1!important}
  .isko-suggestion-float-v304 b{font-size:10px!important;font-weight:900!important}

  .isko-suggestion-panel-v304{
    position:absolute!important;
    left:72px!important;
    top:50%!important;
    transform:translateY(-50%) translateX(-14px)!important;
    width:370px!important;
    padding:26px!important;
    border-radius:24px!important;
    border:1px solid rgba(216,163,58,.38)!important;
    background:
      radial-gradient(circle at 10% 0%,rgba(255,216,107,.13),transparent 28%),
      linear-gradient(180deg,#fffdf8,#fff3df)!important;
    box-shadow:0 30px 80px rgba(0,0,0,.40)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:.22s ease!important;
  }

  .isko-suggestion-panel-v304.open{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateY(-50%) translateX(0)!important;
  }

  .isko-suggestion-close-v304,
  .isko-thanks-close-v304{
    position:absolute!important;
    top:12px!important;
    right:12px!important;
    width:34px!important;
    height:34px!important;
    border:0!important;
    border-radius:50%!important;
    background:#7b1111!important;
    color:#fff!important;
    font-size:23px!important;
    font-weight:900!important;
    cursor:pointer!important;
  }

  .isko-suggestion-head-v304 small{
    color:#b07817!important;
    font-size:9px!important;
    font-weight:900!important;
    letter-spacing:2px!important;
  }

  .isko-suggestion-head-v304 h3{
    margin:5px 0 4px!important;
    color:#4a160f!important;
    font-size:26px!important;
  }

  .isko-suggestion-head-v304 p{
    margin:0 0 18px!important;
    color:#73564b!important;
    font-size:13px!important;
    line-height:1.45!important;
  }

  .isko-suggestion-form-v304 label,
  .isko-rating-field-v304 legend{
    display:block!important;
    margin:12px 0 7px!important;
    color:#3a1c13!important;
    font-size:12px!important;
    font-weight:900!important;
  }

  .isko-suggestion-form-v304 select,
  .isko-suggestion-form-v304 textarea{
    width:100%!important;
    border:1px solid rgba(94,52,29,.18)!important;
    border-radius:14px!important;
    background:#fff!important;
    color:#291710!important;
    font-size:13px!important;
    outline:none!important;
  }

  .isko-suggestion-form-v304 select{
    height:46px!important;
    padding:0 13px!important;
    font-weight:700!important;
  }

  .isko-suggestion-form-v304 textarea{
    height:145px!important;
    padding:12px 13px!important;
    resize:vertical!important;
  }

  .isko-suggestion-form-v304 select:focus,
  .isko-suggestion-form-v304 textarea:focus{
    border-color:#d8a33a!important;
    box-shadow:0 0 0 3px rgba(216,163,58,.14)!important;
  }

  .isko-rating-field-v304{
    margin:14px 0 4px!important;
    padding:0!important;
    border:0!important;
  }

  .isko-star-rating-v304{
    display:inline-flex!important;
    flex-direction:row-reverse!important;
    justify-content:flex-end!important;
    gap:4px!important;
  }

  .isko-star-rating-v304 input{
    position:absolute!important;
    opacity:0!important;
    pointer-events:none!important;
  }

  .isko-star-rating-v304 label{
    margin:0!important;
    color:#d6c9b5!important;
    font-size:31px!important;
    line-height:1!important;
    cursor:pointer!important;
  }

  .isko-star-rating-v304 label:hover,
  .isko-star-rating-v304 label:hover ~ label,
  .isko-star-rating-v304 input:checked ~ label{
    color:#e6ad31!important;
  }

  .isko-suggestion-meta-v304{
    display:flex!important;
    justify-content:space-between!important;
    gap:12px!important;
    margin-top:7px!important;
    color:#826c61!important;
    font-size:10px!important;
  }

  .isko-suggestion-meta-v304 b{
    color:#5f4338!important;
    white-space:nowrap!important;
  }

  .isko-suggestion-error-v304{
    min-height:16px!important;
    margin-top:7px!important;
    color:#b51d1d!important;
    font-size:11px!important;
    font-weight:700!important;
  }

  .isko-suggestion-submit-v304{
    width:100%!important;
    height:48px!important;
    margin-top:15px!important;
    border:0!important;
    border-radius:999px!important;
    background:linear-gradient(135deg,#ffd86b,#d8a33a)!important;
    color:#271006!important;
    font-size:12px!important;
    font-weight:900!important;
    cursor:pointer!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    box-shadow:0 12px 28px rgba(216,163,58,.24)!important;
  }

  .isko-suggestion-submit-v304:disabled{
    opacity:.65!important;
    cursor:wait!important;
  }

  .isko-suggestion-submit-v304 i{
    font-style:normal!important;
    font-size:18px!important;
  }

  .isko-suggestion-thanks-v304{
    position:fixed!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%) scale(.94)!important;
    width:min(460px,86vw)!important;
    padding:30px 30px 26px!important;
    border-radius:26px!important;
    border:1px solid rgba(255,216,107,.62)!important;
    background:
      radial-gradient(circle at 20% 0%,rgba(255,216,107,.12),transparent 34%),
      linear-gradient(135deg,#063b2a,#021d15)!important;
    color:#fff!important;
    text-align:center!important;
    box-shadow:0 34px 100px rgba(0,0,0,.52)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:.22s ease!important;
  }

  .isko-suggestion-thanks-v304.show{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translate(-50%,-50%) scale(1)!important;
  }

  .isko-thanks-icon-v304{
    width:54px!important;
    height:54px!important;
    margin:0 auto 14px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:50%!important;
    background:#ffd86b!important;
    color:#063b2a!important;
    font-size:28px!important;
    font-weight:900!important;
  }

  .isko-suggestion-thanks-v304 p{
    margin:0!important;
    color:#fff7e5!important;
    font-size:15px!important;
    line-height:1.6!important;
    font-weight:800!important;
  }
}

@media(max-width:768px){
  .isko-suggestion-widget-v304{display:none!important}
}


/* =========================================================
   V3.0.7 THANK YOU MESSAGE — CENTER VIEWPORT FIX
   ========================================================= */
@media(min-width:769px){
  #iskoSuggestionWidgetV304 .isko-suggestion-thanks-v304{
    position:fixed!important;
    left:50vw!important;
    right:auto!important;
    top:50vh!important;
    bottom:auto!important;
    transform:translate(-50%,-50%) scale(.94)!important;
    width:min(500px,calc(100vw - 80px))!important;
    max-width:500px!important;
    min-width:360px!important;
    margin:0!important;
    box-sizing:border-box!important;
    overflow:visible!important;
    z-index:2147483646!important;
  }

  #iskoSuggestionWidgetV304 .isko-suggestion-thanks-v304.show{
    transform:translate(-50%,-50%) scale(1)!important;
  }

  #iskoSuggestionWidgetV304 .isko-suggestion-thanks-v304 p{
    width:100%!important;
    max-width:100%!important;
    padding:0 12px!important;
    box-sizing:border-box!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
  }

  #iskoSuggestionWidgetV304 .isko-thanks-close-v304{
    top:12px!important;
    right:12px!important;
    left:auto!important;
  }
}

@media(min-width:769px) and (max-width:900px){
  #iskoSuggestionWidgetV304 .isko-suggestion-thanks-v304{
    width:calc(100vw - 60px)!important;
    min-width:0!important;
  }
}


/* =========================================================
   V3.0.8 THANK YOU MESSAGE — LEFT FLOAT ANCHOR FIX
   Muncul di sebelah kanan tombol saran, tidak terpotong
   ========================================================= */
@media(min-width:769px){
  #iskoSuggestionWidgetV304 .isko-suggestion-thanks-v304{
    position:absolute!important;
    left:74px!important;
    right:auto!important;
    top:50%!important;
    bottom:auto!important;
    transform:translateY(-50%) translateX(-10px) scale(.97)!important;
    width:430px!important;
    max-width:calc(100vw - 120px)!important;
    min-width:360px!important;
    margin:0!important;
    padding:28px 30px 26px!important;
    box-sizing:border-box!important;
    overflow:visible!important;
    z-index:2147483646!important;
    text-align:center!important;
  }

  #iskoSuggestionWidgetV304 .isko-suggestion-thanks-v304.show{
    transform:translateY(-50%) translateX(0) scale(1)!important;
  }

  #iskoSuggestionWidgetV304 .isko-suggestion-thanks-v304 p{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0 18px!important;
    box-sizing:border-box!important;
    color:#fff7e5!important;
    font-size:14px!important;
    line-height:1.55!important;
    font-weight:800!important;
    white-space:normal!important;
    overflow:visible!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
  }

  #iskoSuggestionWidgetV304 .isko-thanks-icon-v304{
    margin:0 auto 14px!important;
  }

  #iskoSuggestionWidgetV304 .isko-thanks-close-v304{
    top:12px!important;
    right:12px!important;
    left:auto!important;
    z-index:3!important;
  }
}

@media(min-width:769px) and (max-width:1100px){
  #iskoSuggestionWidgetV304 .isko-suggestion-thanks-v304{
    width:390px!important;
    max-width:calc(100vw - 110px)!important;
    min-width:320px!important;
  }
}


/* =========================================================
   V4.0.2 SAFE PREMIUM SECTIONS
   ========================================================= */

.isko-premium-loader-v402{
  position:fixed!important;
  inset:0!important;
  z-index:2147483647!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:
    radial-gradient(circle at 50% 20%,rgba(255,216,107,.12),transparent 30%),
    linear-gradient(145deg,#031f16,#020907 58%,#140604)!important;
  opacity:1!important;
  visibility:visible!important;
  transition:opacity .45s ease,visibility .45s ease!important;
}
.isko-premium-loader-v402.hide{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
.isko-loader-inner-v402{
  width:min(340px,84vw)!important;
  text-align:center!important;
  color:#fff!important;
}
.isko-loader-logo-v402{
  position:relative!important;
  width:104px!important;
  height:104px!important;
  margin:0 auto 18px!important;
}
.isko-loader-logo-v402 img{
  position:relative!important;
  z-index:2!important;
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:contain!important;
  border-radius:25px!important;
  box-shadow:0 24px 58px rgba(0,0,0,.42)!important;
}
.isko-loader-logo-v402 i{
  position:absolute!important;
  inset:-7px!important;
  border-radius:31px!important;
  border:2px solid transparent!important;
  border-top-color:#ffd86b!important;
  border-right-color:#d8a33a!important;
  animation:iskoLoaderSpinV402 1.15s linear infinite!important;
}
@keyframes iskoLoaderSpinV402{to{transform:rotate(360deg)}}
.isko-loader-inner-v402 strong{
  display:block!important;
  color:#ffd86b!important;
  font-size:19px!important;
  font-weight:900!important;
}
.isko-loader-inner-v402>span{
  display:block!important;
  margin-top:6px!important;
  color:#e7d8bf!important;
  font-size:8px!important;
  font-weight:800!important;
  letter-spacing:2.1px!important;
}
.isko-loader-line-v402{
  width:180px!important;
  height:3px!important;
  margin:18px auto 0!important;
  overflow:hidden!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.09)!important;
}
.isko-loader-line-v402 b{
  display:block!important;
  width:50%!important;
  height:100%!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#d8a33a,#fff0a4,#d8a33a)!important;
  animation:iskoLoaderLineV402 1s ease-in-out infinite alternate!important;
}
@keyframes iskoLoaderLineV402{
  from{transform:translateX(-100%)}
  to{transform:translateX(200%)}
}

.isko-promo-ticker-v402{
  width:100%!important;
  overflow:hidden!important;
  border-top:1px solid rgba(255,216,107,.26)!important;
  border-bottom:1px solid rgba(255,216,107,.26)!important;
  background:linear-gradient(90deg,#8c1111,#5b0909,#8c1111)!important;
}
.isko-ticker-track-v402{
  display:flex!important;
  align-items:center!important;
  gap:54px!important;
  width:max-content!important;
  min-width:200%!important;
  padding:10px 26px!important;
  animation:iskoTickerV402 34s linear infinite!important;
}
.isko-ticker-track-v402 span{
  flex:0 0 auto!important;
  color:#fff4d5!important;
  font-size:11px!important;
  font-weight:900!important;
  white-space:nowrap!important;
}
@keyframes iskoTickerV402{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}

.isko-stats-v402{
  width:100%!important;
  padding:54px 0!important;
  background:
    radial-gradient(circle at 12% 0%,rgba(255,216,107,.10),transparent 30%),
    linear-gradient(135deg,#090302,#210806 60%,#050202)!important;
  border-top:1px solid rgba(255,216,107,.16)!important;
  border-bottom:1px solid rgba(255,216,107,.16)!important;
}
.isko-stats-wrap-v402{
  width:min(1180px,92%)!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
}
.isko-stat-card-v402{
  min-height:145px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  padding:22px!important;
  border-radius:24px!important;
  border:1px solid rgba(255,216,107,.24)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018))!important;
  box-shadow:0 22px 48px rgba(0,0,0,.23)!important;
  text-align:center!important;
}
.isko-stat-card-v402 strong{
  color:#ffd86b!important;
  font-size:38px!important;
  line-height:1!important;
  font-weight:900!important;
}
.isko-stat-card-v402 span{
  margin-top:12px!important;
  color:#fff4df!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:2px!important;
}

.isko-reviews-v402{
  width:100%!important;
  padding:66px 0!important;
  background:
    radial-gradient(circle at 88% 10%,rgba(216,163,58,.12),transparent 30%),
    linear-gradient(180deg,#fffaf1,#fff0dc)!important;
}
.isko-reviews-wrap-v402{
  width:min(1180px,92%)!important;
  margin:0 auto!important;
}
.isko-review-heading-v402{
  max-width:760px!important;
  margin:0 auto 30px!important;
  text-align:center!important;
}
.isko-review-heading-v402 small{
  color:#b17717!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:3px!important;
}
.isko-review-heading-v402 h2{
  margin:8px 0 9px!important;
  color:#5c130f!important;
  font-size:40px!important;
}
.isko-review-heading-v402 p{
  margin:0!important;
  color:#76594e!important;
  font-size:14px!important;
  line-height:1.6!important;
}
.isko-review-slider-v402{
  display:grid!important;
  grid-auto-flow:column!important;
  grid-auto-columns:minmax(310px,1fr)!important;
  gap:18px!important;
  overflow-x:auto!important;
  scroll-snap-type:x mandatory!important;
  scrollbar-width:none!important;
  padding:4px 2px 16px!important;
}
.isko-review-slider-v402::-webkit-scrollbar{display:none!important}
.isko-review-card-v402{
  scroll-snap-align:start!important;
  min-height:225px!important;
  padding:27px!important;
  border-radius:25px!important;
  border:1px solid rgba(123,17,17,.10)!important;
  background:linear-gradient(180deg,#fff,#fff9f0)!important;
  box-shadow:0 18px 42px rgba(83,40,17,.10)!important;
}
.isko-review-stars-v402{
  color:#e2a72c!important;
  font-size:21px!important;
  letter-spacing:2px!important;
}
.isko-review-card-v402 p{
  min-height:94px!important;
  margin:16px 0 18px!important;
  color:#3d2118!important;
  font-size:15px!important;
  line-height:1.7!important;
}
.isko-review-card-v402 strong{
  color:#7b1111!important;
  font-size:14px!important;
  font-weight:900!important;
}

@media(max-width:768px){
  .isko-ticker-track-v402{
    gap:34px!important;
    padding:8px 18px!important;
    animation-duration:28s!important;
  }
  .isko-ticker-track-v402 span{font-size:9px!important}
  .isko-stats-v402{padding:30px 0!important}
  .isko-stats-wrap-v402{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  .isko-stat-card-v402{
    min-height:112px!important;
    padding:14px!important;
    border-radius:19px!important;
  }
  .isko-stat-card-v402 strong{font-size:29px!important}
  .isko-stat-card-v402 span{
    margin-top:8px!important;
    font-size:8px!important;
    letter-spacing:1.2px!important;
  }
  .isko-reviews-v402{padding:42px 0!important}
  .isko-review-heading-v402 h2{font-size:30px!important}
  .isko-review-slider-v402{
    grid-auto-columns:86%!important;
    gap:12px!important;
  }
}


/* =========================================================
   V4.0.3 LOADING LOGO LOCAL ASSET FIX
   ========================================================= */
.isko-loader-logo-v402{
  background:
    radial-gradient(circle at 50% 28%,rgba(255,216,107,.22),transparent 38%),
    linear-gradient(145deg,#1c0905,#050201)!important;
  border:1px solid rgba(255,216,107,.34)!important;
  overflow:visible!important;
}

.isko-loader-logo-v402 img{
  background:#080302!important;
}

.isko-loader-logo-v402.logo-error::after{
  content:"IK"!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#ffd86b!important;
  font-family:Georgia,serif!important;
  font-size:34px!important;
  font-weight:900!important;
  letter-spacing:2px!important;
}


/* =========================================================
   V4.0.4 LOADER LOGO + REVIEW FALLBACK
   Loading screen applies to PC and mobile.
   ========================================================= */
#iskoPremiumLoaderV402{
  display:flex!important;
}

#iskoPremiumLoaderV402 .isko-loader-logo-v402{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
}

#iskoPremiumLoaderV402 .isko-loader-logo-v402 img{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  width:104px!important;
  height:104px!important;
  object-fit:cover!important;
}

@media(max-width:768px){
  #iskoPremiumLoaderV402 .isko-loader-logo-v402,
  #iskoPremiumLoaderV402 .isko-loader-logo-v402 img{
    width:92px!important;
    height:92px!important;
  }
}


/* =========================================================
   V4.0.5 REVIEW MENU + DESKTOP PREMIUM VISIBILITY FIX
   ========================================================= */
#iskoTickerV402,
#iskoStatsV402,
#iskoReviewsV402{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  visibility:visible!important;
}

@media(min-width:769px){
  #iskoPremiumLoaderV402{
    display:flex!important;
  }

  #iskoTickerV402,
  #iskoStatsV402,
  #iskoReviewsV402{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
  }
}


/* =========================================================
   V4.1.0 MOBILE-ONLY PREMIUM LOADER
   ========================================================= */
@media(min-width:769px){
  #iskoMobileLoaderV410{
    display:none!important;
  }
}

@media(max-width:768px){
  #iskoMobileLoaderV410{
    position:fixed!important;
    inset:0!important;
    z-index:2147483647!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:
      radial-gradient(circle at 50% 18%,rgba(255,216,107,.14),transparent 30%),
      linear-gradient(145deg,#031f16,#020907 60%,#140604)!important;
    opacity:1!important;
    visibility:visible!important;
    transition:opacity .4s ease,visibility .4s ease!important;
  }

  #iskoMobileLoaderV410.hide{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }

  .isko-mobile-loader-inner-v410{
    width:min(320px,84vw)!important;
    text-align:center!important;
    color:#fff!important;
  }

  .isko-mobile-loader-logo-v410{
    position:relative!important;
    width:92px!important;
    height:92px!important;
    margin:0 auto 17px!important;
    border-radius:24px!important;
    background:
      radial-gradient(circle at 45% 30%,rgba(255,216,107,.22),transparent 38%),
      linear-gradient(145deg,#1d0905,#050201)!important;
    border:1px solid rgba(255,216,107,.32)!important;
    box-shadow:0 22px 54px rgba(0,0,0,.42)!important;
  }

  .isko-mobile-loader-logo-v410 i{
    position:absolute!important;
    inset:-7px!important;
    border-radius:30px!important;
    border:2px solid transparent!important;
    border-top-color:#ffd86b!important;
    border-right-color:#d8a33a!important;
    animation:iskoMobileLoaderSpinV410 1.05s linear infinite!important;
  }

  .isko-mobile-loader-logo-fallback-v410{
    position:absolute!important;
    inset:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:#ffd86b!important;
    font-family:Georgia,serif!important;
    font-size:32px!important;
    font-weight:900!important;
    letter-spacing:2px!important;
  }

  @keyframes iskoMobileLoaderSpinV410{
    to{transform:rotate(360deg)}
  }

  .isko-mobile-loader-inner-v410 strong{
    display:block!important;
    color:#ffd86b!important;
    font-size:17px!important;
    font-weight:900!important;
    letter-spacing:.4px!important;
  }

  .isko-mobile-loader-inner-v410>span{
    display:block!important;
    margin-top:6px!important;
    color:#e8d8bd!important;
    font-size:8px!important;
    font-weight:800!important;
    letter-spacing:1.8px!important;
  }

  .isko-mobile-loader-progress-v410{
    width:170px!important;
    height:3px!important;
    margin:17px auto 0!important;
    overflow:hidden!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.09)!important;
  }

  .isko-mobile-loader-progress-v410 b{
    display:block!important;
    width:52%!important;
    height:100%!important;
    border-radius:999px!important;
    background:linear-gradient(90deg,#d8a33a,#fff0a4,#d8a33a)!important;
    animation:iskoMobileLoaderLineV410 .9s ease-in-out infinite alternate!important;
  }

  @keyframes iskoMobileLoaderLineV410{
    from{transform:translateX(-110%)}
    to{transform:translateX(200%)}
  }
}


/* =========================================================
   V4.1.0 CUSTOMER REVIEW FORM
   ========================================================= */
.isko-customer-review-v410{
  margin-top:28px!important;
  padding:26px!important;
  display:grid!important;
  grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)!important;
  gap:28px!important;
  align-items:center!important;
  border-radius:26px!important;
  border:1px solid rgba(123,17,17,.12)!important;
  background:
    radial-gradient(circle at 8% 0%,rgba(216,163,58,.13),transparent 30%),
    linear-gradient(135deg,#fff,#fff5e5)!important;
  box-shadow:0 20px 48px rgba(83,40,17,.10)!important;
}

.isko-customer-review-copy-v410 small{
  color:#b17717!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:2.4px!important;
}

.isko-customer-review-copy-v410 h3{
  margin:7px 0 8px!important;
  color:#5c130f!important;
  font-size:28px!important;
  line-height:1.1!important;
}

.isko-customer-review-copy-v410 p{
  margin:0!important;
  color:#76594e!important;
  font-size:13px!important;
  line-height:1.6!important;
}

#iskoCustomerReviewFormV410{
  display:grid!important;
  gap:11px!important;
}

#iskoCustomerReviewFormV410 input[type="text"],
#iskoCustomerReviewFormV410 textarea{
  width:100%!important;
  border:1px solid rgba(94,52,29,.17)!important;
  border-radius:14px!important;
  background:#fff!important;
  color:#291710!important;
  font-size:13px!important;
  outline:none!important;
  box-sizing:border-box!important;
}

#iskoCustomerReviewFormV410 input[type="text"]{
  height:46px!important;
  padding:0 13px!important;
}

#iskoCustomerReviewFormV410 textarea{
  min-height:120px!important;
  padding:12px 13px!important;
  resize:vertical!important;
}

.isko-customer-stars-v410{
  display:inline-flex!important;
  flex-direction:row-reverse!important;
  justify-content:flex-end!important;
  gap:4px!important;
}

.isko-customer-stars-v410 input{
  position:absolute!important;
  opacity:0!important;
  pointer-events:none!important;
}

.isko-customer-stars-v410 label{
  color:#d6c9b5!important;
  font-size:31px!important;
  line-height:1!important;
  cursor:pointer!important;
}

.isko-customer-stars-v410 label:hover,
.isko-customer-stars-v410 label:hover ~ label,
.isko-customer-stars-v410 input:checked ~ label{
  color:#e6ad31!important;
}

#iskoCustomerReviewFormV410 button{
  height:48px!important;
  border:0!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#ffd86b,#d8a33a)!important;
  color:#271006!important;
  font-size:12px!important;
  font-weight:900!important;
  cursor:pointer!important;
}

#iskoCustomerReviewFormV410 button:disabled{
  opacity:.65!important;
  cursor:wait!important;
}

.isko-customer-review-message-v410{
  min-height:18px!important;
  color:#b51d1d!important;
  font-size:11px!important;
  font-weight:700!important;
}

.isko-customer-review-message-v410.success{
  color:#148347!important;
}

@media(max-width:768px){
  .isko-customer-review-v410{
    grid-template-columns:1fr!important;
    gap:18px!important;
    padding:20px!important;
  }

  .isko-customer-review-copy-v410 h3{
    font-size:24px!important;
  }
}


/* =========================================================
   V4.1.0 MENU IMAGE PERFORMANCE
   ========================================================= */
#menu-foto .menu-photo-card,
#menu-foto .menu-photo,
#menu-foto .menu-photo img,
#menu-foto img,
.menu-photo-card,
.menu-photo-card img{
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  transition:none!important;
  animation:none!important;
}

#menu-foto [class*="isko-reveal"],
#menu-foto .isko-reveal-v401,
#menu-foto .isko-reveal-v402{
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  transition:none!important;
  animation:none!important;
}


/* =========================================================
   V5.0.0 FINAL PERFORMANCE + REVIEW NAVIGATION
   ========================================================= */

/* Desktop: no premium loader at all */
@media(min-width:769px){
  #iskoPremiumLoaderV401,
  #iskoPremiumLoaderV402,
  #iskoMobileLoaderV410,
  .isko-premium-loader-v401,
  .isko-premium-loader-v402,
  .isko-mobile-loader-v410{
    display:none!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
}

/* Menu images/cards must show immediately */
#menu-foto .menu-photo-card,
#menu-foto .menu-photo,
#menu-foto .menu-photo img,
#menu-foto img,
.menu-photo-card,
.menu-photo-card img,
#menu-foto [class*="isko-reveal"]{
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  transition:none!important;
  animation:none!important;
}

/* Review navigation shell */
.isko-review-shell-v500{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
}

.isko-review-shell-v500 .isko-review-slider-v402{
  flex:1 1 auto!important;
  min-width:0!important;
}

.isko-review-nav-v500{
  width:48px!important;
  height:48px!important;
  flex:0 0 48px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(255,216,107,.48)!important;
  border-radius:50%!important;
  background:linear-gradient(145deg,#063b2a,#021d15)!important;
  color:#ffd86b!important;
  font-size:31px!important;
  line-height:1!important;
  font-weight:900!important;
  cursor:pointer!important;
  box-shadow:0 12px 28px rgba(0,0,0,.20)!important;
  transition:transform .18s ease,box-shadow .18s ease!important;
}

.isko-review-nav-v500:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 17px 34px rgba(0,0,0,.26)!important;
}

.isko-review-position-v500{
  margin-top:10px!important;
  text-align:center!important;
  color:#74564b!important;
  font-size:13px!important;
  font-weight:800!important;
}

.isko-review-position-v500 span{
  color:#7b1111!important;
  font-size:16px!important;
  font-weight:900!important;
}

@media(max-width:768px){
  .isko-review-shell-v500{
    gap:6px!important;
  }

  .isko-review-nav-v500{
    width:38px!important;
    height:38px!important;
    flex-basis:38px!important;
    font-size:25px!important;
  }

  .isko-review-slider-v402{
    scroll-behavior:smooth!important;
  }
}


/* =========================================================
   V5.1.0 CLEAN UI + FAST MENU IMAGES
   ========================================================= */

/* Remove running text everywhere */
#iskoTickerV402,
.isko-promo-ticker-v402,
.isko-ticker-track-v402{
  display:none!important;
  height:0!important;
  min-height:0!important;
  max-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
  visibility:hidden!important;
}

/* Menu content must never wait for reveal animation */
#menu-foto .menu-photo-card,
#menu-foto .menu-photo,
#menu-foto .menu-photo img,
#menu-foto img,
.menu-photo-card,
.menu-photo-card img,
#menu-foto [class*="isko-reveal"],
.menu-photo-card[class*="isko-reveal"]{
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  transition:none!important;
  animation:none!important;
  will-change:auto!important;
}

/* Review form text spacing after removing subtitle */
.isko-customer-review-copy-v410 h3{
  margin-bottom:0!important;
}
