/* Malay-only scoped port of the accepted11-banner overlay canvas and3 mobileCTA layout.
   No ID/TH/VI/EN selectors; inherited --idb custom-property identifiers are private variable names, not locales.
   Source ratios, URLs, copy, price and card order are unchanged; actual MS visual acceptance remains required. */
/* Only the Indonesian document and the reviewed component are adapted. */
@media (min-width: 992px) {
  html[lang^="ms"] body.home .elementor-element-b8bc8ef .klb-banner .entry-wrapper { padding: 1.1rem 1.5rem; }
  html[lang^="ms"] body.home .elementor-element-b8bc8ef .klb-banner .entry-inner { width: 25%; max-width: 25%; }
  html[lang^="ms"] body.home .elementor-element-b8bc8ef .entry-subtitle { font-size: clamp(10.5px, .9vw, 12px); line-height: 1.25; }
  html[lang^="ms"] 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^="ms"] body.home .elementor-element-b8bc8ef .entry-heading,
  html[lang^="ms"] body.home .elementor-element-b8bc8ef .entry-title { margin-bottom: 4px; }
  html[lang^="ms"] body.home .elementor-element-b8bc8ef .entry-excerpt { font-size: clamp(11px, 1vw, 13px) !important; line-height: 1.3; }
  html[lang^="ms"] body.home .elementor-element-b8bc8ef .entry-excerpt p { margin-bottom: 0; }
  html[lang^="ms"] body.home .elementor-element-b8bc8ef .entry-footer { margin-top: 6px; }
  html[lang^="ms"] body.home .elementor-element-b8bc8ef .entry-footer .btn { min-height: 0; height: auto; padding: 6px 12px; font-size: 12px; }
}

html[lang^="ms"] .icevibe-ms-quote-context { border: 1px solid #d4dbe3; border-radius: 6px; padding: 1rem; margin: 0 0 1.25rem; overflow-wrap: anywhere; }
html[lang^="ms"] .icevibe-ms-quote-context p { margin: .4rem 0 0; }
html[lang^="ms"] .icevibe-ms-shop-header .page-header-image img { object-fit: contain; object-position: center; }
html[lang^="ms"] .icevibe-ms-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^="ms"] 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^="ms"] 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^="ms"] 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^="ms"] 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^="ms"] 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^="ms"] 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^="ms"] 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^="ms"] 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^="ms"] 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^="ms"] body.home .elementor-4158 .klb-banner.inner-style .entry-excerpt p { font-size: inherit; line-height: inherit; margin: 0; opacity: 1; }
  html[lang^="ms"] 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^="ms"] 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^="ms"] 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^="ms"] 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^="ms"] 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^="ms"] 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^="ms"] body.home .elementor-4158 .klb-banner.inner-style.light { --idb-bg-top: #16191b; --idb-bg-bottom: #16191b; }
  html[lang^="ms"] 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^="ms"] 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^="ms"] 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^="ms"] 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^="ms"] 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^="ms"] 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^="ms"] 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^="ms"] 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^="ms"] 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^="ms"] 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^="ms"] 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^="ms"] 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^="ms"] 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^="ms"] 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^="ms"] body.home .elementor-4158 .klb-banner.inner-style .entry-heading .entry-discount::before { border-width: 4px; left: -7px; }
  html[lang^="ms"] 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^="ms"] body.home .elementor-4158 :is(.elementor-element-cc6a0fa, .elementor-element-ac34f4f, .elementor-element-1547844) .klb-banner.inner-style .icevibe-ms-small-banner-cta-row { display: none; }
@media screen and (max-width: 767.98px) {
  html[lang^="ms"] body.home .elementor-4158 :is(.elementor-element-cc6a0fa, .elementor-element-ac34f4f, .elementor-element-1547844) .klb-banner.inner-style .icevibe-ms-small-banner-cta-row { display: block !important; width: 100%; max-width: 100%; margin: 6px 0 0; padding: 0; }
  html[lang^="ms"] body.home .elementor-4158 :is(.elementor-element-cc6a0fa, .elementor-element-ac34f4f, .elementor-element-1547844) .klb-banner.inner-style .icevibe-ms-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^="ms"] body.home .elementor-4158 :is(.elementor-element-cc6a0fa, .elementor-element-ac34f4f, .elementor-element-1547844) .klb-banner.inner-style .icevibe-ms-small-banner-cta > span:first-child { min-width: 0; white-space: normal; }
  html[lang^="ms"] body.home .elementor-4158 :is(.elementor-element-cc6a0fa, .elementor-element-ac34f4f, .elementor-element-1547844) .klb-banner.inner-style .icevibe-ms-small-banner-cta > span[aria-hidden] { flex-shrink: 0; }
  html[lang^="ms"] body.home .elementor-4158 :is(.elementor-element-cc6a0fa, .elementor-element-ac34f4f, .elementor-element-1547844) .klb-banner.inner-style .icevibe-ms-small-banner-cta:focus-visible { outline: 2px solid #1b1f22; outline-offset: 2px; }
}


/* MS desktop primary navigation only. Full country labels keep their own width.
   No hidden items, ellipsis, clipping, mobile rules or source menu edits. */
@media screen and (min-width: 1200px) {
  html[lang^="ms"] #masthead .header-desktop .header-bottom > .container { padding-left: 16px; padding-right: 16px; }
  html[lang^="ms"] #masthead .header-desktop .header-bottom .header-inner > .col { min-width: 0; column-gap: 10px; }
  html[lang^="ms"] #masthead .header-desktop .primary-menu { flex: 1 1 auto; min-width: 0; overflow: visible; }
  html[lang^="ms"] #masthead .header-desktop .primary-menu.icevibe-ms-nav-ready > ul { flex-wrap: nowrap; column-gap: 4px; min-width: 0; overflow: visible; }
  html[lang^="ms"] #masthead .header-desktop .primary-menu > ul > li { flex: 0 0 auto; margin-right: 0; }
  html[lang^="ms"] #masthead .header-desktop .primary-menu > ul > li > a { font-size: 14px; line-height: 1.25; padding-left: 0; padding-right: 0; white-space: nowrap; }
  html[lang^="ms"] #masthead .header-desktop .primary-menu > ul > li > a::after { margin-left: 4px; }
  html[lang^="ms"] #masthead .header-desktop .primary-menu .sub-menu { overflow: visible; }
  html[lang^="ms"] #masthead .header-desktop .primary-menu .sub-menu a { white-space: normal; line-height: 1.4; }
  html[lang^="ms"] #masthead .header-desktop .primary-menu .menu-item-has-children:focus-within > .sub-menu { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0); }
  html[lang^="ms"] #masthead .header-desktop .header-bottom .custom-link.help-center { flex: 0 0 220px; width: 220px; min-width: 220px; max-width: 220px; margin-left: 0 !important; }
  html[lang^="ms"] #masthead .header-desktop .icevibe-country-control { width: 220px; min-width: 220px; max-width: 220px; padding: 0 6px; gap: 5px; }
  html[lang^="ms"] #masthead .header-desktop select.icevibe-country-select { width: 184px; min-width: 184px; max-width: 184px; font: 500 13px/1.4 Arial, sans-serif; }
}
@media screen and (min-width: 1360px) {
  html[lang^="ms"] #masthead .header-desktop .header-bottom .header-inner > .col { column-gap: 12px; }
  html[lang^="ms"] #masthead .header-desktop .primary-menu.icevibe-ms-nav-ready > ul { column-gap: 6px; }
  html[lang^="ms"] #masthead .header-desktop .primary-menu > ul > li > a { font-size: 15px; padding-left: 1px; padding-right: 1px; }
}
@media screen and (min-width: 1600px) {
  html[lang^="ms"] #masthead .header-desktop .header-bottom .header-inner > .col { column-gap: 16px; }
  html[lang^="ms"] #masthead .header-desktop .primary-menu.icevibe-ms-nav-ready > ul { column-gap: 8px; }
  html[lang^="ms"] #masthead .header-desktop .primary-menu > ul > li > a { font-size: 16px; }
}