/* THB homepage promotional banners: remove the enclosing card so artwork feels open and expansive. */
#thb-new .n-home-ad-panel{
  padding:0!important;
  gap:14px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
#thb-new .n-home-ad-heading{padding:0 2px 2px!important}
#thb-new .n-home-ad-banner{
  width:100%!important;
  border:0!important;
  border-radius:10px!important;
  box-shadow:none!important;
  background:transparent!important;
  overflow:hidden!important;
}
#thb-new .n-home-ad-media{
  width:100%!important;
  aspect-ratio:2.13/1!important;
  border-radius:10px!important;
  overflow:hidden!important;
}
#thb-new .n-home-ad-media img{object-fit:cover!important}
#thb-new .n-home-ad-caption{padding:7px 2px!important}
#thb-new .n-home-ad-grid{gap:14px!important}
#thb-new .n-home-ad-tile{
  border:0!important;
  border-radius:10px!important;
  box-shadow:none!important;
  background:transparent!important;
  overflow:hidden!important;
}
#thb-new .n-home-ad-tile-media{border-radius:10px!important;overflow:hidden!important}
#thb-new .n-home-ad-tile-caption{padding:7px 2px!important}
@media(min-width:1100px){
  #thb-new .n-wrap{max-width:1600px!important;padding-left:clamp(24px,3.5vw,56px)!important;padding-right:clamp(24px,3.5vw,56px)!important}
}
@media(max-width:700px){
  #thb-new .n-home-ad-panel{gap:10px!important}
  #thb-new .n-home-ad-grid{gap:8px!important}
  #thb-new .n-home-ad-media{aspect-ratio:1.65/1!important}
}


/* v2 hard override: remove the outer promotional panel/card entirely */
#thb-new aside.n-pick.n-home-ad-panel,
#thb-new .n-pick.n-home-ad-panel,
#thb-new aside.n-home-ad-panel{
  display:flex!important;
  width:100%!important;
  max-width:none!important;
  margin:24px 0 36px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
  overflow:visible!important;
}
#thb-new .n-home-ad-heading{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0 2px 2px!important;
}
#thb-new .n-home-ad-banner,
#thb-new .n-home-ad-tile{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
#thb-new .n-home-ad-banner img,
#thb-new .n-home-ad-tile img{
  display:block!important;
  max-width:100%!important;
}


/* THB MAIN BANNER MULTI-SLIDE v1 — only the large hero banner rotates. */
#thb-new .n-home-ad-carousel{position:relative!important;overflow:hidden!important;border-radius:10px!important;}
#thb-new .n-home-ad-slides{display:grid;grid-template-columns:minmax(0,1fr);position:relative;width:100%;min-width:0;}
#thb-new .n-home-ad-slide{grid-area:1/1;min-width:0;opacity:0;visibility:hidden;pointer-events:none;z-index:0;transition:opacity .55s ease,visibility .55s ease;}
#thb-new .n-home-ad-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:1;}
#thb-new .n-home-ad-slide .n-home-ad-media{display:block!important;width:100%!important;position:relative!important;aspect-ratio:2.13/1!important;overflow:hidden!important;}
#thb-new .n-home-ad-slide .n-home-ad-media img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;opacity:1!important;transition:transform 5s ease;}
#thb-new .n-home-ad-slide.is-active .n-home-ad-media img{transform:scale(1.012);}
#thb-new .n-home-ad-slide .n-home-ad-caption{min-height:30px;}
#thb-new .n-home-ad-arrow{position:absolute;z-index:5;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid rgba(255,255,255,.88);border-radius:50%;background:rgba(255,255,255,.92);color:#17472e;box-shadow:0 6px 22px rgba(12,45,28,.18);font:500 29px/1 system-ui,sans-serif;cursor:pointer;transition:background .2s ease,transform .2s ease;}
#thb-new .n-home-ad-arrow:hover{background:#fff;transform:translateY(-50%) scale(1.05);}
#thb-new .n-home-ad-prev{left:16px;} #thb-new .n-home-ad-next{right:16px;}
#thb-new .n-home-ad-dots{position:absolute;z-index:6;left:50%;bottom:34px;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:8px;padding:7px 10px;border-radius:999px;background:rgba(14,55,37,.43);backdrop-filter:blur(8px);}
#thb-new .n-home-ad-dot{display:block;width:9px;height:9px;min-width:9px;min-height:0;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.68);cursor:pointer;transition:width .2s ease,background .2s ease;}
#thb-new .n-home-ad-dot.is-active{width:22px;border-radius:999px;background:#fff;}
#thb-new .n-home-ad-arrow:focus-visible,#thb-new .n-home-ad-dot:focus-visible{outline:3px solid #e6bb64;outline-offset:3px;}
@media(max-width:700px){
 #thb-new .n-home-ad-slide .n-home-ad-media{aspect-ratio:1.65/1!important;}
 #thb-new .n-home-ad-arrow{width:34px;height:34px;font-size:23px;}
 #thb-new .n-home-ad-prev{left:8px;} #thb-new .n-home-ad-next{right:8px;}
 #thb-new .n-home-ad-dots{bottom:33px;gap:6px;padding:6px 8px;}
 #thb-new .n-home-ad-dot{width:7px;height:7px;min-width:7px;}
 #thb-new .n-home-ad-dot.is-active{width:17px;}
}
@media(prefers-reduced-motion:reduce){#thb-new .n-home-ad-slide,#thb-new .n-home-ad-slide .n-home-ad-media img,#thb-new .n-home-ad-arrow,#thb-new .n-home-ad-dot{transition:none!important;animation:none!important;}}

/* MOBILE FIX: tampilkan seluruh artwork banner tanpa memotong sisi gambar. */
@media(max-width:700px){
  #thb-new .n-home-ad-carousel{height:auto!important;overflow:hidden!important;}
  #thb-new .n-home-ad-slides{height:auto!important;align-items:start!important;}
  #thb-new .n-home-ad-slide{height:auto!important;align-self:start!important;}
  #thb-new .n-home-ad-slide .n-home-ad-media{
    height:auto!important;
    aspect-ratio:auto!important;
    overflow:hidden!important;
  }
  #thb-new .n-home-ad-slide .n-home-ad-media img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-width:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
    transform:none!important;
  }
  #thb-new .n-home-ad-dots{bottom:10px!important;}
}


/* v3 MOBILE: preserve full banner artwork; use intrinsic image height, never crop. */
@media screen and (max-width: 700px) {
  #thb-new .n-home-ad-carousel {
    height: auto !important; min-height: 0 !important; aspect-ratio: auto !important;
    overflow: hidden !important;
  }
  #thb-new .n-home-ad-slides {
    display: grid !important; height: auto !important; min-height: 0 !important;
    align-items: start !important;
  }
  #thb-new .n-home-ad-slide {
    position: relative !important; grid-area: 1 / 1 !important;
    width: 100% !important; height: auto !important; min-height: 0 !important;
    align-self: start !important; overflow: visible !important;
  }
  #thb-new .n-home-ad-slide .n-home-ad-media {
    display: block !important; position: relative !important; width: 100% !important;
    height: auto !important; min-height: 0 !important; aspect-ratio: auto !important;
    padding: 0 !important; overflow: visible !important; line-height: 0 !important;
  }
  #thb-new .n-home-ad-slide .n-home-ad-media img {
    display: block !important; position: static !important; inset: auto !important;
    width: 100% !important; height: auto !important; min-height: 0 !important;
    max-width: 100% !important; max-height: none !important;
    object-fit: contain !important; object-position: center !important;
    transform: none !important; aspect-ratio: auto !important;
  }
  #thb-new .n-home-ad-dots { bottom: 8px !important; }
}


/* THB banner cinematic slide transition v5: full-width smooth horizontal slide + gentle dimming. */
#thb-new .n-home-ad-carousel{isolation:isolate!important;}
#thb-new .n-home-ad-slides{overflow:hidden!important;position:relative!important;}
#thb-new .n-home-ad-slide{
  transform:translate3d(100%,0,0) scale(.995)!important;
  filter:brightness(.72) saturate(.9)!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  z-index:0!important;
  transition:transform 1.05s cubic-bezier(.22,.75,.18,1),opacity .9s ease,filter 1.05s ease,visibility 0s linear 1.05s!important;
  will-change:transform,opacity,filter;
  backface-visibility:hidden;
}
#thb-new .n-home-ad-slide.is-active{
  transform:translate3d(0,0,0) scale(1)!important;
  filter:brightness(1) saturate(1)!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  z-index:3!important;
  transition:transform 1.05s cubic-bezier(.22,.75,.18,1),opacity .9s ease,filter 1.05s ease,visibility 0s!important;
}
#thb-new .n-home-ad-slide.is-leaving{
  transform:translate3d(-100%,0,0) scale(.995)!important;
  filter:brightness(.48) saturate(.78)!important;
  opacity:.55!important;
  visibility:visible!important;
  pointer-events:none!important;
  z-index:2!important;
  transition:transform 1.05s cubic-bezier(.22,.75,.18,1),opacity .9s ease,filter 1.05s ease,visibility 0s!important;
}
#thb-new .n-home-ad-slide .n-home-ad-media img{
  transition:transform 6s cubic-bezier(.2,.7,.2,1),filter 1.05s ease!important;
  backface-visibility:hidden;
}
#thb-new .n-home-ad-slide.is-active .n-home-ad-media img{transform:scale(1.025)!important;}
#thb-new .n-home-ad-arrow{transition:background .3s ease,transform .3s ease,box-shadow .3s ease!important;}
@media(prefers-reduced-motion:reduce){
 #thb-new .n-home-ad-slide,#thb-new .n-home-ad-slide .n-home-ad-media img,#thb-new .n-home-ad-arrow,#thb-new .n-home-ad-dot{transition:none!important;animation:none!important;transform:none!important;filter:none!important;}
}


/* THB floating artwork v6 — softened edges that blend into the shared site canvas. */
#thb-new .n-home-ad-panel {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  gap: clamp(16px, 2vw, 24px) !important;
  overflow: visible !important;
}
#thb-new .n-home-ad-heading {
  padding: 0 4px 2px !important;
}
#thb-new .n-home-ad-carousel {
  position: relative !important;
  border: 1px solid rgba(255,255,255,.70) !important;
  border-radius: clamp(20px, 2.5vw, 32px) !important;
  outline: 1px solid rgba(29, 77, 51, .035) !important;
  outline-offset: -1px !important;
  background: transparent !important;
  box-shadow: 0 26px 64px rgba(20, 66, 43, .14), 0 7px 22px rgba(20, 66, 43, .055) !important;
  overflow: hidden !important;
  isolation: isolate !important;
}
#thb-new .n-home-ad-slides,
#thb-new .n-home-ad-slide,
#thb-new .n-home-ad-slide .n-home-ad-media {
  background: transparent !important;
}
#thb-new .n-home-ad-slide .n-home-ad-media {
  border-radius: clamp(20px, 2.5vw, 32px) !important;
  overflow: hidden !important;
}
/* Fade the actual image perimeter into the page rather than adding a visible frame. */
#thb-new .n-home-ad-slide .n-home-ad-media img {
  border-radius: clamp(20px, 2.5vw, 32px) !important;
  -webkit-mask-image:
    linear-gradient(90deg, transparent 0%, #000 2.6%, #000 97.4%, transparent 100%),
    linear-gradient(180deg, transparent 0%, #000 4%, #000 96%, transparent 100%);
  -webkit-mask-composite: source-in;
  mask-image:
    linear-gradient(90deg, transparent 0%, #000 2.6%, #000 97.4%, transparent 100%),
    linear-gradient(180deg, transparent 0%, #000 4%, #000 96%, transparent 100%);
  mask-composite: intersect;
}
/* Smaller campaign tiles float independently without a hard card border. */
#thb-new .n-home-ad-grid {
  gap: clamp(12px, 1.5vw, 20px) !important;
}
#thb-new .n-home-ad-tile {
  background: transparent !important;
  border: 0 !important;
  border-radius: 22px !important;
  box-shadow: none !important;
  overflow: visible !important;
  transform: translateY(0);
  transition: transform .28s cubic-bezier(.2,.7,.2,1) !important;
}
#thb-new .n-home-ad-tile:hover {
  transform: translateY(-4px);
}
#thb-new .n-home-ad-tile-media {
  display: block !important;
  border: 1px solid rgba(255,255,255,.62) !important;
  border-radius: 22px !important;
  background: transparent !important;
  box-shadow: 0 18px 40px rgba(20,66,43,.12), 0 4px 12px rgba(20,66,43,.045) !important;
  overflow: hidden !important;
}
#thb-new .n-home-ad-tile-media img {
  border-radius: 22px !important;
  -webkit-mask-image:
    linear-gradient(90deg, transparent 0%, #000 3%, #000 97%, transparent 100%),
    linear-gradient(180deg, transparent 0%, #000 3.5%, #000 96.5%, transparent 100%);
  -webkit-mask-composite: source-in;
  mask-image:
    linear-gradient(90deg, transparent 0%, #000 3%, #000 97%, transparent 100%),
    linear-gradient(180deg, transparent 0%, #000 3.5%, #000 96.5%, transparent 100%);
  mask-composite: intersect;
  transition: filter .28s ease, transform .45s cubic-bezier(.2,.7,.2,1) !important;
}
#thb-new .n-home-ad-tile:hover .n-home-ad-tile-media img {
  transform: scale(1.012);
  filter: saturate(1.025);
}
#thb-new .n-home-ad-caption,
#thb-new .n-home-ad-tile-caption {
  background: transparent !important;
  border: 0 !important;
  padding-left: 5px !important;
  padding-right: 5px !important;
}
@media (max-width: 700px) {
  #thb-new .n-home-ad-carousel {
    border-radius: 20px !important;
    box-shadow: 0 16px 35px rgba(20,66,43,.10), 0 3px 10px rgba(20,66,43,.035) !important;
  }
  #thb-new .n-home-ad-slide .n-home-ad-media img {
    border-radius: 20px !important;
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 1.8%, #000 98.2%, transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0%, #000 1.8%, #000 98.2%, transparent 100%);
  }
  #thb-new .n-home-ad-tile,
  #thb-new .n-home-ad-tile-media { border-radius: 16px !important; }
  #thb-new .n-home-ad-tile-media img {
    border-radius: 16px !important;
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 2.2%, #000 97.8%, transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0%, #000 2.2%, #000 97.8%, transparent 100%);
  }
  #thb-new .n-home-ad-tile:hover { transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  #thb-new .n-home-ad-tile,
  #thb-new .n-home-ad-tile-media img {
    transition: none !important;
    transform: none !important;
  }
}