/* Only the Indonesian document and the reviewed component are adapted. */
@media (min-width: 992px) {
  html[lang^="id"] body.home .elementor-element-b8bc8ef .klb-banner .entry-wrapper { padding: 1.1rem 1.5rem; }
  html[lang^="id"] body.home .elementor-element-b8bc8ef .klb-banner .entry-inner { width: 25%; max-width: 25%; }
  html[lang^="id"] body.home .elementor-element-b8bc8ef .entry-subtitle { font-size: clamp(10.5px, .9vw, 12px); line-height: 1.25; }
  html[lang^="id"] body.home .elementor-element-b8bc8ef .entry-title { font-size: clamp(18px, 1.7vw, 24px) !important; line-height: 1.15 !important; overflow-wrap: anywhere; }
  html[lang^="id"] body.home .elementor-element-b8bc8ef .entry-heading,
  html[lang^="id"] body.home .elementor-element-b8bc8ef .entry-title { margin-bottom: 4px; }
  html[lang^="id"] body.home .elementor-element-b8bc8ef .entry-excerpt { font-size: clamp(11px, 1vw, 13px) !important; line-height: 1.3; }
  html[lang^="id"] body.home .elementor-element-b8bc8ef .entry-excerpt p { margin-bottom: 0; }
  html[lang^="id"] body.home .elementor-element-b8bc8ef .entry-footer { margin-top: 6px; }
  html[lang^="id"] body.home .elementor-element-b8bc8ef .entry-footer .btn { min-height: 0; height: auto; padding: 6px 12px; font-size: 12px; }
}
@media (max-width: 991.98px) {
  html[lang^="id"] body.home .elementor-element-b8bc8ef .klb-banner { display: flex; flex-direction: column; }
  html[lang^="id"] body.home .elementor-element-b8bc8ef .entry-media { order: 0; position: relative !important; inset: auto; width: 100%; height: auto; }
  html[lang^="id"] body.home .elementor-element-b8bc8ef .entry-media img { width: 100%; height: auto !important; object-fit: contain !important; display: block; }
  html[lang^="id"] body.home .elementor-element-b8bc8ef .entry-wrapper { order: 1; position: relative !important; inset: auto; width: 100%; height: auto; padding: 1rem 1.25rem; }
  html[lang^="id"] body.home .elementor-element-b8bc8ef .entry-inner { width: 100%; max-width: 100%; }
  html[lang^="id"] body.home .elementor-element-b8bc8ef .entry-title { font-size: 24px !important; overflow-wrap: anywhere; }
}
html[lang^="id"] .icevibe-id-quote-context { border: 1px solid #d4dbe3; border-radius: 6px; padding: 1rem; margin: 0 0 1.25rem; overflow-wrap: anywhere; }
html[lang^="id"] .icevibe-id-quote-context p { margin: .4rem 0 0; }
html[lang^="id"] .icevibe-idqa-shop-header .page-header-image img { object-fit: contain; object-position: center; }
html[lang^="id"] .icevibe-idqa-shop-header .page-header-image img[hidden] { display: none !important; }

/* Indonesian phone homepage, revision4: image and copy share ONE grid cell.
   Full sources retain their aspect ratios; no crop, new image or text card.
   User approved same-color/gradient extra blank canvas when copy needs room.
   Text contributes natural row height instead of absolute/fixed-height clipping.
   Per-source left bounds cover original and Slick-cloned carousel slides.
   The ultra-wide Unit Cooler source is complete at80%, right-aligned inside
   the same canvas; this provides additional left blank space at readable sizes. */
@media screen and (max-width: 767.98px) {
  html[lang^="id"] body.home .elementor-4158 .klb-banner.inner-style { --idb-copy-left: 2.5%; --idb-copy-end: 30%; --idb-title: 15px; --idb-body: 12px; --idb-subtitle: 11px; --idb-pad-top: clamp(30px, 8vw, 64px); --idb-pad-bottom: 10px; --idb-bg-top: #f3f3f3; --idb-bg-bottom: #f3f3f3; --idb-image-width: 100%; --idb-media-align: start; position: relative; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto; width: 100%; height: auto !important; min-height: 0 !important; max-height: none !important; overflow: visible; isolation: isolate; background: linear-gradient(180deg, var(--idb-bg-top), var(--idb-bg-bottom)); }
  html[lang^="id"] body.home .elementor-4158 .klb-banner.inner-style > .entry-media { grid-area: 1 / 1; order: 0; position: relative !important; inset: auto !important; align-self: var(--idb-media-align); justify-self: end; width: var(--idb-image-width); max-width: 100%; height: auto !important; min-width: 0; min-height: 0 !important; max-height: none !important; aspect-ratio: auto !important; margin: 0; overflow: visible; border-radius: 0; z-index: 0; }
  html[lang^="id"] body.home .elementor-4158 .klb-banner.inner-style > .entry-media > img { display: block; position: static !important; inset: auto !important; width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; aspect-ratio: auto !important; object-fit: contain !important; object-position: center; transform: none !important; border-radius: 0 !important; }
  html[lang^="id"] body.home .elementor-4158 .klb-banner.inner-style > .entry-wrapper { grid-area: 1 / 1; order: 0; position: relative !important; inset: auto !important; align-self: stretch; justify-self: stretch; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; width: 100%; max-width: none; height: auto !important; min-width: 0; min-height: 0 !important; max-height: none !important; box-sizing: border-box; margin: 0; padding: var(--idb-pad-top) 0 var(--idb-pad-bottom); background: transparent; pointer-events: none; z-index: 9; }
  html[lang^="id"] body.home .elementor-4158 .klb-banner.inner-style .entry-inner { position: relative; inset: auto; flex: 0 0 auto; width: calc(var(--idb-copy-end) - var(--idb-copy-left)) !important; max-width: calc(var(--idb-copy-end) - var(--idb-copy-left)) !important; min-width: 0; margin: 0 0 0 var(--idb-copy-left); padding: 0; background: transparent; text-align: left; }
  html[lang^="id"] body.home .elementor-4158 .klb-banner.inner-style .entry-heading { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: 3px 6px; margin: 0 0 4px; }
  html[lang^="id"] body.home .elementor-4158 .klb-banner.inner-style .entry-subtitle { font-size: var(--idb-subtitle); line-height: 1.25; margin: 0; max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
  html[lang^="id"] body.home .elementor-4158 .klb-banner.inner-style .entry-title { font-size: var(--idb-title) !important; line-height: 1.18 !important; color: inherit; margin: 0 0 4px; max-width: 100%; white-space: normal; overflow-wrap: anywhere; word-break: normal; hyphens: none; }
  html[lang^="id"] body.home .elementor-4158 .klb-banner.inner-style .entry-excerpt { font-size: var(--idb-body) !important; line-height: 1.35; color: inherit; max-width: 100%; margin: 0; overflow-wrap: anywhere; }
  html[lang^="id"] body.home .elementor-4158 .klb-banner.inner-style .entry-excerpt p { font-size: inherit; line-height: inherit; margin: 0; opacity: 1; }
  html[lang^="id"] body.home .elementor-4158 .klb-banner.inner-style .entry-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: 4px; margin: 6px 0 0; max-width: 100%; }
  html[lang^="id"] body.home .elementor-4158 .klb-banner.inner-style .entry-footer .btn { height: auto; min-height: 28px; max-width: 100%; box-sizing: border-box; padding: 5px 8px; font-size: 11px; line-height: 1.25; gap: 4px; white-space: normal; overflow-wrap: anywhere; pointer-events: auto; }
  html[lang^="id"] body.home .elementor-4158 .klb-banner.inner-style .entry-footer .btn i { font-size: 12px; line-height: 1; margin: 0; flex-shrink: 0; }
  html[lang^="id"] body.home .elementor-4158 .klb-banner.inner-style .entry-footer .banner-price { display: inline-flex; flex-wrap: wrap; align-items: baseline; gap: 3px 5px; font-size: 16px; line-height: 1.25; max-width: 100%; margin: 0; }
  html[lang^="id"] body.home .elementor-4158 .klb-banner.inner-style .entry-footer .banner-price .price-label { font-size: 11px; line-height: 1.25; margin: 0; opacity: 1; white-space: normal; }
  html[lang^="id"] body.home .elementor-4158 .klb-banner.inner-style .entry-footer .banner-price .price { font-size: 16px; line-height: 1.25; white-space: nowrap; }
  html[lang^="id"] body.home .elementor-4158 .klb-banner.inner-style.light { --idb-bg-top: #16191b; --idb-bg-bottom: #16191b; }
  html[lang^="id"] body.home .elementor-4158 .elementor-element-1b618ca .klb-banner.inner-style:has(> .entry-media > img[src*="/4505/"]) { --idb-copy-left: 2.05%; --idb-copy-end: 41.0%; --idb-title: 16px; --idb-body: 12px; --idb-subtitle: 11px; --idb-pad-top: clamp(30px, 8vw, 64px); --idb-pad-bottom: 10px; --idb-bg-top: #fedaa0; --idb-bg-bottom: #f6c087; --idb-image-width: 100%; --idb-media-align: start; }
  html[lang^="id"] body.home .elementor-4158 .elementor-element-1b618ca .klb-banner.inner-style:has(> .entry-media > img[src*="/4512/"]) { --idb-copy-left: 2.55%; --idb-copy-end: 49.0%; --idb-title: 16px; --idb-body: 12px; --idb-subtitle: 11px; --idb-pad-top: 10px; --idb-pad-bottom: 10px; --idb-bg-top: #23333e; --idb-bg-bottom: #495c67; --idb-image-width: 100%; --idb-media-align: start; }
  html[lang^="id"] body.home .elementor-4158 .elementor-element-1b618ca .klb-banner.inner-style:has(> .entry-media > img[src*="/4522/"]) { --idb-copy-left: 2.05%; --idb-copy-end: 34.0%; --idb-title: 15px; --idb-body: 12px; --idb-subtitle: 11px; --idb-pad-top: 10px; --idb-pad-bottom: 10px; --idb-bg-top: #040e14; --idb-bg-bottom: #050f15; --idb-image-width: 100%; --idb-media-align: start; }
  html[lang^="id"] body.home .elementor-4158 .elementor-element-cc6a0fa .klb-banner.inner-style { --idb-copy-left: 3.0%; --idb-copy-end: 38.2%; --idb-title: 16px; --idb-body: 12px; --idb-subtitle: 11px; --idb-pad-top: 10px; --idb-pad-bottom: 10px; --idb-bg-top: #f6f0eb; --idb-bg-bottom: #f6f0eb; --idb-image-width: 100%; --idb-media-align: start; }
  html[lang^="id"] body.home .elementor-4158 .elementor-element-ac34f4f .klb-banner.inner-style { --idb-copy-left: 3.0%; --idb-copy-end: 48.5%; --idb-title: 16px; --idb-body: 12px; --idb-subtitle: 11px; --idb-pad-top: 10px; --idb-pad-bottom: 10px; --idb-bg-top: #add8e7; --idb-bg-bottom: #add8e7; --idb-image-width: 100%; --idb-media-align: start; }
  html[lang^="id"] body.home .elementor-4158 .elementor-element-1547844 .klb-banner.inner-style { --idb-copy-left: 2.6%; --idb-copy-end: 30.0%; --idb-title: 15px; --idb-body: 12px; --idb-subtitle: 11px; --idb-pad-top: 10px; --idb-pad-bottom: 10px; --idb-bg-top: #f9f2f2; --idb-bg-bottom: #f9f2f2; --idb-image-width: 100%; --idb-media-align: start; }
  html[lang^="id"] body.home .elementor-4158 .elementor-element-ed4feb9 .klb-banner.inner-style { --idb-copy-left: 2.7%; --idb-copy-end: 50.2%; --idb-title: 16px; --idb-body: 12px; --idb-subtitle: 11px; --idb-pad-top: 10px; --idb-pad-bottom: 10px; --idb-bg-top: #0e0d14; --idb-bg-bottom: #0e0d14; --idb-image-width: 100%; --idb-media-align: start; }
  html[lang^="id"] body.home .elementor-4158 .elementor-element-e30017e .klb-banner.inner-style { --idb-copy-left: 2.7%; --idb-copy-end: 46.0%; --idb-title: 15px; --idb-body: 12px; --idb-subtitle: 11px; --idb-pad-top: 10px; --idb-pad-bottom: 10px; --idb-bg-top: #283042; --idb-bg-bottom: #283042; --idb-image-width: 100%; --idb-media-align: start; }
  html[lang^="id"] body.home .elementor-4158 .elementor-element-b8bc8ef .klb-banner.inner-style { --idb-copy-left: 3.0%; --idb-copy-end: 37.0%; --idb-title: 15px; --idb-body: 12px; --idb-subtitle: 11px; --idb-pad-top: 12px; --idb-pad-bottom: 12px; --idb-bg-top: #efefef; --idb-bg-bottom: #eeeeee; --idb-image-width: 80%; --idb-media-align: center; }
  html[lang^="id"] body.home .elementor-4158 .elementor-element-fb86f56 .klb-banner.inner-style { --idb-copy-left: 2.4%; --idb-copy-end: 35.0%; --idb-title: 15px; --idb-body: 12px; --idb-subtitle: 11px; --idb-pad-top: 10px; --idb-pad-bottom: 10px; --idb-bg-top: #e0f0fa; --idb-bg-bottom: #e0f0fa; --idb-image-width: 100%; --idb-media-align: start; }
  html[lang^="id"] body.home .elementor-4158 .elementor-element-f1a42fd .klb-banner.inner-style { --idb-copy-left: 2.1%; --idb-copy-end: 32.6%; --idb-title: 15px; --idb-body: 12px; --idb-subtitle: 11px; --idb-pad-top: 10px; --idb-pad-bottom: 10px; --idb-bg-top: #020406; --idb-bg-bottom: #020406; --idb-image-width: 100%; --idb-media-align: start; }
  html[lang^="id"] body.home .elementor-4158 .elementor-element-1b618ca .klb-banner.inner-style:has(> .entry-media > img[src*="/4512/"]) .entry-inner { background: linear-gradient(90deg, rgba(8, 14, 20, .05), rgba(8, 14, 20, .52)); }
  html[lang^="id"] body.home .elementor-4158 .elementor-element-b8bc8ef .klb-banner.inner-style .entry-inner { background: linear-gradient(90deg, rgba(239, 239, 239, 0), rgba(239, 239, 239, .35)); }
  html[lang^="id"] body.home .elementor-4158 .klb-banner.inner-style .entry-heading .entry-discount { font-size: 11px; line-height: 1.25; max-width: calc(100% - 5px); padding: 2px 5px; margin: 0 0 0 5px; white-space: normal; overflow-wrap: anywhere; }
  html[lang^="id"] body.home .elementor-4158 .klb-banner.inner-style .entry-heading .entry-discount::before { border-width: 4px; left: -7px; }
  html[lang^="id"] body.home .elementor-4158 .klb-banner.inner-style > .entry-wrapper a { pointer-events: auto; }
}

/* Revision5: only the three requested ID-phone small-banner links.
   The real CTA follows the price in normal flow; the existing whole-card link
   remains untouched. Inline display:none prevents desktop layout/FOUC changes. */
html[lang^="id"] body.home .elementor-4158 :is(.elementor-element-cc6a0fa, .elementor-element-ac34f4f, .elementor-element-1547844) .klb-banner.inner-style .icevibe-id-small-banner-cta-row { display: none; }
@media screen and (max-width: 767.98px) {
  html[lang^="id"] body.home .elementor-4158 :is(.elementor-element-cc6a0fa, .elementor-element-ac34f4f, .elementor-element-1547844) .klb-banner.inner-style .icevibe-id-small-banner-cta-row { display: block !important; width: 100%; max-width: 100%; margin: 6px 0 0; padding: 0; }
  html[lang^="id"] body.home .elementor-4158 :is(.elementor-element-cc6a0fa, .elementor-element-ac34f4f, .elementor-element-1547844) .klb-banner.inner-style .icevibe-id-small-banner-cta { display: inline-flex; align-items: center; justify-content: center; gap: 3px; max-width: 100%; min-width: 0; width: auto; height: auto; min-height: 28px; box-sizing: border-box; padding: 5px 6px; border: 1px solid var(--theme-primary-color, #f85900); border-radius: 999px; background: var(--theme-primary-color, #f85900); color: #fff; font-size: 11px; line-height: 1.25; white-space: normal; overflow-wrap: anywhere; pointer-events: auto; text-decoration: none; }
  html[lang^="id"] body.home .elementor-4158 :is(.elementor-element-cc6a0fa, .elementor-element-ac34f4f, .elementor-element-1547844) .klb-banner.inner-style .icevibe-id-small-banner-cta > span:first-child { min-width: 0; white-space: normal; }
  html[lang^="id"] body.home .elementor-4158 :is(.elementor-element-cc6a0fa, .elementor-element-ac34f4f, .elementor-element-1547844) .klb-banner.inner-style .icevibe-id-small-banner-cta > span[aria-hidden] { flex-shrink: 0; }
  html[lang^="id"] body.home .elementor-4158 :is(.elementor-element-cc6a0fa, .elementor-element-ac34f4f, .elementor-element-1547844) .klb-banner.inner-style .icevibe-id-small-banner-cta:focus-visible { outline: 2px solid #1b1f22; outline-offset: 2px; }
}