/* Shared multi-page additions. The compact CAL design and brand palette remain. */
html{scroll-padding-top:160px}body{overflow-wrap:break-word}.brand,.footer-brand{display:block}.header-inner{gap:24px}.main-nav{gap:20px;font-size:.71875rem}.main-nav>a[aria-current=page]{color:var(--blue);font-weight:700}.main-nav .nav-cta{font-size:.71875rem;gap:13px}.utility-inner{min-height:33px}.utility-inner>div{gap:22px}.language-switch{display:flex;align-items:center;gap:2px;padding-left:13px;border-left:1px solid #d7dee5}.language-switch .language-link{display:flex;justify-content:center;min-width:32px;padding:3px 7px;border-radius:4px;color:#67727d;font-size:.6875rem;font-weight:600}.language-switch .language-link[aria-current=true]{background:var(--blue);color:white}.language-switch .language-link:hover{background:#000;color:white}.section-nav>div{gap:34px;overflow-x:auto;scrollbar-width:none}.section-nav>div::-webkit-scrollbar{display:none}.section-nav a{white-space:nowrap}.editorial-photo{filter:saturate(.92) contrast(1.02);object-fit:cover}.main-nav a,.language-switch a,.section-nav a{transition:background .2s,color .2s}.about-body p+p{margin-top:14px}.section-heading .inline-link{font-size:.75rem;white-space:nowrap}.applications a:hover{text-decoration:underline;text-underline-offset:5px}.application-name{font-size:1.3rem}.button{border:1px solid transparent}.page-hero{padding-top:26px;padding-bottom:50px}.page-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:74px;align-items:center}.page-hero-copy h1{font-size:1.875rem;line-height:1.4;letter-spacing:-.75px}.page-lead{margin-top:21px;max-width:445px;line-height:1.95;color:var(--muted);font-size:.875rem}.page-hero-photo{aspect-ratio:1.6;min-width:0}.page-hero-photo img{height:100%;object-fit:cover}.editorial-section{padding-block:49px 55px}.ruled{border-top:1px solid var(--line)}.editorial-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:31px}.editorial-heading .eyebrow{margin-bottom:8px}.editorial-heading h2{font-size:1.4375rem;letter-spacing:-.5px}.editorial-heading>p{font-size:.8125rem;color:var(--muted);max-width:350px}.prose{color:var(--muted);font-size:.875rem;line-height:1.95}.prose p+p{margin-top:17px}.prose h3{color:var(--ink);font-size:1.0625rem;margin-bottom:15px}.prose .inline-link{margin-top:22px}.company-story,.assurance{display:grid;grid-template-columns:30% 62%;gap:8%}.company-story{padding-top:10px}.company-story h2,.assurance h2{font-size:1.4375rem}.number-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:33px}.number-grid article,.value-grid article{min-width:0;padding-top:19px;border-top:1px solid #d8e0e8}.item-number{display:block;color:var(--blue);font-size:.6875rem;letter-spacing:1px;margin-bottom:15px;font-variant-numeric:tabular-nums}.number-grid h3,.value-grid h3{font-size:.9375rem;line-height:1.65;font-weight:650;margin-bottom:13px}.number-grid p,.value-grid p{font-size:.8125rem;line-height:1.9;color:var(--muted)}.values-section{background:#f4f6f8;padding-block:49px 54px}.value-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.why-section{display:grid;grid-template-columns:36% 57%;gap:7%;padding-block:60px}.why-section h2{font-size:1.5rem}.why-photo{aspect-ratio:1.28;object-fit:cover;margin-top:29px}.why-list{display:grid;gap:22px}.why-list article{display:grid;grid-template-columns:28px 1fr;gap:5px 17px;padding-bottom:20px;border-bottom:1px solid var(--line)}.why-list article:last-child{border-bottom:0;padding-bottom:0}.why-list .item-number{grid-row:span 2;margin:2px 0 0}.why-list h3{font-size:.9375rem;font-weight:600;line-height:1.65}.why-list p{grid-column:2;font-size:.8125rem;line-height:1.9;color:var(--muted)}.service-preview-list{border:1px solid var(--line)}.service-preview{display:grid;grid-template-columns:38px 31% 1fr 16px;align-items:center;gap:18px;padding:19px 20px;background:#f5f7f9;border-bottom:1px solid #fff}.service-preview:nth-child(even){background:#edf1f5}.service-preview:last-child{border:0}.service-preview:hover{background:#e7eef5}.service-preview h3{font-size:.8125rem;line-height:1.7;font-weight:600}.service-preview p{color:var(--muted);font-size:.8125rem;line-height:1.8}.service-preview>.icon{width:14px;height:14px;color:var(--blue)}.service-details{padding-top:15px}.service-detail{display:grid;grid-template-columns:40px 30% 1fr;gap:27px;border-top:1px solid var(--line);padding:32px 0}.service-detail:last-child{padding-bottom:0}.service-detail>.item-number{margin-top:3px}.service-detail h3{font-size:1rem;font-weight:600;line-height:1.65;max-width:230px}.service-detail .prose{font-size:.8125rem}.check-list{display:grid;gap:9px;margin-top:18px;font-size:.8125rem}.check-list li{display:flex;align-items:flex-start;gap:9px}.check-list .icon{width:14px;height:14px;flex:0 0 14px;color:var(--blue);margin-top:6px}.sector-divider{padding:34px 0 0;border-top:1px solid var(--line)}.sector-divider h2{font-size:1.5rem}.sector-row{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px;padding-block:43px;border-bottom:1px solid var(--line)}.sector-row:last-of-type{border-bottom:0}.sector-row figure{aspect-ratio:1.3}.sector-row figure img{height:100%;object-fit:cover}.sector-row h2{font-size:1.4375rem;line-height:1.5;margin-bottom:17px}.sector-row p:not(.eyebrow){color:var(--muted);font-size:.875rem;line-height:1.95}.sector-row .check-list{color:var(--muted)}.sector-row .inline-link{margin-top:23px}.sector-reverse figure{order:2}.brand-mark{width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;min-width:0}.brand-directory{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.brand-directory li{flex-direction:column;min-height:146px;padding:21px 16px 16px;gap:17px}.brand-directory .brand-mark{height:61px}.brand-directory img{max-width:163px;height:48px}.brand-directory h3{font-size:.8125rem;font-weight:600;line-height:1.5;color:#5d6974}.brand-directory .midea img{width:240px;height:106px;max-width:none}.brand-directory .midea{padding:21px 16px 16px;overflow:hidden}.partner-section{padding-top:12px}.partner-note{margin-top:28px;max-width:830px;font-size:.875rem;color:var(--muted);line-height:1.95}.project-category{display:block;font-size:.6875rem;color:var(--muted);margin-top:4px}.project-caption{display:flex;justify-content:space-between;gap:14px;align-items:baseline;padding-top:13px}.project-caption>span{font-size:.6875rem;color:var(--muted)}.project-link h3{color:var(--ink)}.project-link:hover h3{color:var(--blue);text-decoration:underline;text-underline-offset:4px}.project-link img{transition:filter .2s}.project-link:hover img{filter:saturate(1.05)}.portfolio-directory{padding-top:8px}.portfolio-full{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 30px}.portfolio-full .project img{height:auto;aspect-ratio:1.72}.portfolio-full .project figcaption{padding-top:16px}.portfolio-full .project h3{font-size:.9375rem}.portfolio-full .project figcaption>span{font-size:.75rem}.direct-contact{display:grid;grid-template-columns:1.15fr .85fr;gap:66px;padding-top:10px}.contact-methods{display:grid;gap:13px}.contact-method{display:flex;align-items:center;gap:18px;padding:24px 22px;border:1px solid var(--line);border-radius:12px;min-width:0}.contact-method>div{min-width:0;flex:1}.contact-method div>span{font-size:.6875rem;color:var(--muted)}.contact-method h2{font-size:1rem;letter-spacing:0;overflow-wrap:anywhere;line-height:1.6;font-weight:600;margin-block:3px}.contact-method p{font-size:.75rem;line-height:1.8;color:var(--muted);margin-top:3px}.contact-method>.icon{width:15px;height:15px;color:var(--blue)}.contact-method-icon{width:28px;flex:0 0 28px;display:grid;place-items:center;color:var(--blue)}.contact-method-icon>.icon{width:23px;height:23px}.contact-method-icon>img{width:24px;height:24px;border-radius:0}.contact-method.primary{border-color:#c4d3e1;background:#f5f9fd}.contact-method:hover{border-color:var(--blue);background:#eef4fa}.consultation-note{padding:21px 0}.consultation-note h2{font-size:1.3125rem}.consultation-note>p:not(.eyebrow){font-size:.875rem;color:var(--muted);line-height:1.9;margin-top:15px}.consultation-note ol{padding-left:19px;margin:19px 0 0;color:var(--muted);font-size:.8125rem;line-height:1.85}.consultation-note li{padding-left:5px;margin-top:12px}.consultation-note li::marker{color:var(--blue)}.location-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-block:48px 62px}.location-section h2{font-size:1.4375rem}.location-section address{font-style:normal;line-height:1.95;font-size:.875rem;color:var(--muted);margin-top:23px}.location-section address strong{font-weight:600;color:var(--ink)}.location-section .button{margin-top:24px}.location-section .prose{padding-top:36px}.whatsapp-button img{width:25px;height:25px}.contact{margin-top:10px}.contact h2{max-width:690px}.contact .button{white-space:nowrap}.contact .button:hover{background:#000}.site-footer{font-size:.75rem}.footer-columns{grid-template-columns:.9fr 1.3fr .85fr 1.4fr;gap:30px}
@media(max-width:1150px){.header-inner{gap:21px}.main-nav{gap:15px;font-size:.6875rem}.main-nav .nav-cta{padding:9px 11px;font-size:.6875rem;gap:8px}.brand{width:148px}.page-hero-grid{gap:48px}.sector-row{gap:44px}.direct-contact{gap:44px}.contact-method{padding:22px 16px;gap:14px}.contact-method h2{font-size:.9375rem}}
@media(max-width:1000px){.header-inner{height:64px}.brand{width:151px}.menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:39px;height:39px;border:1px solid var(--line);background:white;color:var(--blue)}.menu-toggle span{width:18px;height:1.5px;background:currentColor;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.75px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.75px) rotate(-45deg)}.main-nav{display:none;position:absolute;top:97px;left:0;right:0;background:white;box-shadow:0 12px 24px #14283d15;padding:14px 30px 24px;max-height:calc(100dvh - 97px);overflow-y:auto;font-size:.875rem}.main-nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0}.main-nav>a{padding:12px 0;border-bottom:1px solid var(--line)}.main-nav .nav-cta{margin-top:16px;justify-content:space-between;font-size:.8125rem;padding:12px 15px}.page-hero-grid{gap:35px}.page-hero-copy h1{font-size:1.625rem}.page-hero-photo{aspect-ratio:1.22}.value-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 38px}.sector-row{gap:35px}.sector-row figure{aspect-ratio:1.06}.number-grid{gap:25px}.direct-contact{gap:34px;grid-template-columns:1.2fr .8fr}.contact-method h2{font-size:.875rem}.contact-method-icon{width:23px;flex-basis:23px}.portfolio-full{gap:29px 24px}.footer-columns{grid-template-columns:1fr 1fr;gap:30px 60px}}
@media(max-width:760px){.utility-inner>span{display:none}.utility-inner{justify-content:space-between}.utility-inner>div{width:100%;justify-content:space-between;gap:16px}.utility-location{display:none}.utility{font-size:.6875rem}.section-nav>div{gap:27px}.page-hero{padding-bottom:34px}.page-hero-grid{gap:28px}.page-hero-copy h1{font-size:1.5rem}.page-lead{font-size:.8125rem;margin-top:17px}.editorial-section{padding-block:38px}.editorial-heading{display:block;margin-bottom:26px}.editorial-heading>p{margin-top:13px;max-width:560px}.editorial-heading h2{font-size:1.375rem}.company-story,.assurance{grid-template-columns:1fr;gap:23px}.company-story{padding-top:5px}.number-grid{grid-template-columns:1fr;gap:26px}.number-grid article{display:grid;grid-template-columns:27px 1fr;column-gap:13px}.number-grid .item-number{grid-row:span 2;margin-top:3px}.number-grid h3{margin-bottom:8px}.number-grid p{grid-column:2}.values-section{padding-block:38px 42px}.why-section{grid-template-columns:1fr;gap:31px}.why-photo{aspect-ratio:2.2;margin-top:23px;max-height:270px}.why-list h3{font-size:.875rem}.service-preview{grid-template-columns:24px 35% 1fr 14px;gap:13px;padding:17px 14px}.service-preview h3,.service-preview p{font-size:.75rem}.service-detail{grid-template-columns:24px 1fr;gap:9px 13px;padding:26px 0}.service-detail>.item-number{grid-row:span 2}.service-detail h3{max-width:none;font-size:.9375rem}.service-detail .prose{grid-column:2}.sector-row{gap:29px;align-items:start}.sector-row h2{font-size:1.25rem}.sector-row p:not(.eyebrow){font-size:.8125rem}.sector-row .check-list{font-size:.75rem}.sector-row figure{aspect-ratio:.85}.sector-row .inline-link{font-size:.75rem}.brand-directory{gap:13px}.brand-directory li,.brand-directory .midea{padding:16px 10px;min-height:133px;gap:12px}.brand-directory h3{font-size:.75rem}.brand-directory img{height:39px}.brand-directory .midea img{width:180px;height:80px}.direct-contact{grid-template-columns:1fr;gap:25px;padding-top:0}.contact-method{padding:23px;gap:18px}.contact-method h2{font-size:1rem}.consultation-note{padding:20px 0 0}.location-section{grid-template-columns:1fr;gap:27px}.location-section .prose{padding-top:0}.contact{display:block}.contact .button{margin-top:20px}}
@media(max-width:600px){html{scroll-padding-top:145px}.utility-inner{min-height:33px}.header-inner{height:62px}.brand{width:145px}.main-nav{top:95px;max-height:calc(100dvh - 95px);padding-inline:20px}.language-switch .language-link{font-size:.6875rem;min-width:32px}.section-nav>div{justify-content:flex-start;gap:26px}.section-nav a{padding:9px 0}.breadcrumbs{margin-bottom:23px}.page-hero{padding-top:21px}.page-hero-grid{grid-template-columns:1fr;gap:25px}.page-hero-copy h1{font-size:1.625rem;line-height:1.4}.page-lead{font-size:.875rem;max-width:none;line-height:1.9;margin-top:16px}.page-hero-photo{aspect-ratio:1.55}.editorial-heading h2{font-size:1.3125rem}.editorial-heading>p{font-size:.8125rem}.editorial-section{padding-block:30px 35px}.company-story{padding-top:2px}.company-story h2,.assurance h2{font-size:1.3125rem}.company-story,.assurance{gap:18px}.prose{font-size:.875rem;line-height:1.9}.value-grid{grid-template-columns:1fr;gap:24px}.value-grid article{display:grid;grid-template-columns:27px 1fr;gap:0 13px}.value-grid .item-number{grid-row:span 2;margin-top:3px}.value-grid h3{font-size:.875rem;margin-bottom:8px}.value-grid p{grid-column:2}.why-section{padding-block:36px}.why-section h2{font-size:1.375rem}.why-photo{aspect-ratio:1.7}.why-list article{column-gap:12px}.service-preview{grid-template-columns:22px 1fr 14px;gap:5px 11px;padding:17px 13px}.service-preview .service-number{grid-row:span 2;align-self:start;margin-top:2px}.service-preview h3{font-size:.8125rem}.service-preview p{grid-column:2;font-size:.75rem}.service-preview>.icon{grid-column:3;grid-row:1/span 2}.section-heading .inline-link{font-size:.6875rem}.service-details{padding-top:0}.sector-divider{padding-top:31px}.sector-divider h2{font-size:1.3125rem}.sector-row{grid-template-columns:1fr;gap:25px;padding-block:31px}.sector-row figure{aspect-ratio:1.45}.sector-reverse figure{order:0}.sector-row h2{font-size:1.375rem;margin-bottom:14px}.sector-row p:not(.eyebrow){font-size:.875rem}.sector-row .check-list{font-size:.8125rem}.sector-row .inline-link{font-size:.8125rem;margin-top:20px}.brand-directory{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.brand-directory li,.brand-directory .midea{min-height:132px;padding:16px 11px;gap:11px}.brand-directory .brand-mark{height:54px}.brand-directory img{height:43px;max-width:135px}.brand-directory .midea img{width:215px;height:95px;max-width:none}.brand-directory h3{font-size:.75rem}.partner-section{padding-top:0}.partner-note{margin-top:22px;font-size:.8125rem}.portfolio-directory{padding-top:0}.portfolio-full{grid-template-columns:1fr;gap:27px}.portfolio-full .project img{aspect-ratio:1.6}.portfolio-full .project figcaption{display:flex;gap:15px;padding-top:14px}.portfolio-full .project h3{font-size:.9375rem}.portfolio-full .project figcaption>span{font-size:.75rem}.project-caption{display:block;padding-top:11px}.project-caption>span{display:block;margin-top:4px}.project-category{font-size:.625rem}.contact-method{padding:19px 15px;gap:13px}.contact-method h2{font-size:.9375rem}.contact-method-icon{flex-basis:22px;width:22px}.contact-method-icon>img{width:22px;height:22px}.contact-method>.icon{width:13px;height:13px;flex-basis:13px}.direct-contact{gap:18px}.consultation-note h2{font-size:1.25rem}.location-section{padding-bottom:40px}.location-section h2{font-size:1.375rem}.contact h2{font-size:1.3125rem}.footer-columns{grid-template-columns:1fr 1.15fr;gap:29px 22px}.footer-columns li{font-size:.6875rem}.footer-top{gap:18px}}
@media(max-width:360px){.language-switch{padding-left:7px}.utility-inner>div{gap:8px}.brand-directory{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-method{gap:10px;padding:18px 12px}.contact-method h2{font-size:.8125rem}.contact-method>.icon{display:none}.application-name{font-size:.875rem}.footer-columns{grid-template-columns:1fr;gap:26px}.footer-brands{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.main-nav a,.language-switch a,.section-nav a,.project-link img{transition:none}}

/* Supplied portfolio photography is shown in full, including portrait views. */
.portfolio-full .project-media{position:relative;aspect-ratio:1.72;background:#f3f5f7;border-radius:var(--image-radius);overflow:hidden}.portfolio-full .project-media>img{height:100%;width:100%;aspect-ratio:auto;object-fit:contain;border-radius:var(--image-radius);filter:none}.project-media:focus-visible{outline:2px solid #2682c6;outline-offset:5px}.project-photo-arrow{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;border:1px solid #e1e5e9;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--blue);box-shadow:0 2px 10px #132b4012}.project-photo-arrow:hover{background:var(--blue);color:#fff}.project-photo-arrow .icon{width:16px;height:16px}.project-photo-prev{left:12px}.project-photo-prev .icon{transform:rotate(180deg)}.project-photo-next{right:12px}.project-photo-count{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);padding:3px 10px;background:#fffffff2;border:1px solid #e1e5e9;border-radius:20px;font-size:.6875rem;font-variant-numeric:tabular-nums;color:#425261;line-height:1.6}.portfolio-full .project figcaption>span{flex-shrink:0}.portfolio-full .project figcaption>div{min-width:0}
@media(max-width:600px){.portfolio-full .project-media{aspect-ratio:1.5}.project-photo-prev{left:9px}.project-photo-next{right:9px}.project-photo-count{bottom:8px}.portfolio-full .project figcaption{align-items:flex-start}.portfolio-full .project figcaption>span{max-width:90px;text-align:right}}
/* Desktop header stays in normal document flow and scrolls with the page. */
@media(min-width:1001px){.site-header{position:static;top:auto}html{scroll-padding-top:24px}}

/* Top header ikut tergulir; menu utama tetap sticky */
.cal-header.site-header {
  --top-header-height: 33px;
  --main-header-height: 70px; /* sebelumnya 90px */

  position: sticky !important;
  top: calc(-1 * var(--top-header-height)) !important;
}

.cal-header .header-inner {
  height: var(--main-header-height) !important;
  min-height: var(--main-header-height) !important;
  padding-block: 0 !important;
}

/* Tablet */
@media (max-width: 1000px) {
  .cal-header.site-header {
    --top-header-height: 29px;
    --main-header-height: 53px; /* sebelumnya 73px */
  }

  .cal-header .main-nav {
    top: 100% !important;
    max-height: calc(
      100dvh - var(--top-header-height) - var(--main-header-height)
    ) !important;
    overflow-y: auto;
  }
}

/* Ponsel */
@media (max-width: 680px) {
  .cal-header.site-header {
    --main-header-height: 46px; /* sebelumnya 66px */
  }

  .cal-header .brand img {
    width: auto !important;
    max-height: 30px;
  }

  .cal-header .menu-toggle {
    width: 34px !important;
    height: 30px !important;
    padding: 6px !important;
  }
}
/* Header utama: tanpa garis bawah */
.cal-header.site-header {
  border-bottom-color: transparent !important;
  box-shadow: none !important;
}

/* Top header: garis bawah tetap terlihat */
.cal-header .utility {
  border-bottom: 1px solid rgba(215, 222, 230, 0.5) !important;
}
/* Hilangkan background logo mitra saat hover */
.brand-logo:hover,
.brand-logo:focus-visible,
.dealer-logo:hover,
.dealer-logo:focus-visible {
  background: transparent !important;
}

/* Tinggi header setelah perbaikan sebelumnya */
:root {
  --cal-header-space: 94px;
}

/* Hero memenuhi layar */
.cal-hero {
  min-height: calc(100vh - var(--cal-header-space)) !important;
  min-height: calc(100svh - var(--cal-header-space)) !important;
  margin-top: 0 !important;
}

.cal-hero > .wrap {
  min-height: inherit !important;
  display: flex;
  align-items: center;
}

.cal-hero .hero-copy {
  padding-block: 60px !important;
}

/* Tablet */
@media (max-width: 1000px) {
  :root {
    --cal-header-space: 73px;
  }
}

/* Ponsel: teks di atas, gambar memenuhi ruang tersisa */
@media (max-width: 680px) {
  :root {
    --cal-header-space: 66px;
  }

  .cal-hero {
    display: grid !important;
    grid-template-rows: auto minmax(220px, 1fr);
  }

  .cal-hero > .wrap {
    grid-row: 1;
    min-height: 0 !important;
    display: block;
  }

  .cal-hero .hero-copy {
    padding: 32px 2px 24px !important;
  }

  .cal-hero .hero-visual {
    grid-row: 2;
    position: relative !important;
    min-height: 220px;
    height: auto !important;
  }

  .cal-hero .hero-visual img {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: auto !important;
    object-fit: cover;
  }
}

/* ====================================
   FOOTER HOME UNTUK HALAMAN LAINNYA
   ==================================== */

footer.site-footer {
  padding: 48px 0 22px;
  background: #f5f6f8;
  border-top: 1px solid #e1e5e9;
  color: #646d78;
  font-size: 12px;
  line-height: 1.85;
}

footer.site-footer,
footer.site-footer * {
  box-sizing: border-box;
}

footer.site-footer > .wrap {
  width: calc(100% - 96px);
  max-width: 1160px;
  margin-inline: auto;
}

/* Logo dan tagline */
footer.site-footer .footer-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding-bottom: 28px;
  border-bottom: 1px solid #e1e5e9;
}

footer.site-footer .footer-brand {
  display: inline-flex;
  flex-shrink: 0;
}

footer.site-footer .footer-brand img {
  display: block;
  width: 180px;
  max-width: 100%;
  height: auto;
  border-radius: 0;
  box-shadow: none;
}

footer.site-footer .footer-top > span {
  color: #747d87;
  font-size: 11px;
}

/* Empat kolom */
footer.site-footer .footer-grid {
  display: grid;
  grid-template-columns:
    minmax(0, 1fr)
    minmax(0, 1.3fr)
    minmax(0, 1fr)
    minmax(0, 1.6fr);
  align-items: start;
  gap: 32px;
  padding: 34px 0 38px;
}

footer.site-footer .footer-grid > div {
  min-width: 0;
}

footer.site-footer .footer-grid h3 {
  margin: 0 0 15px;
  color: #202a35;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.6;
  letter-spacing: 0;
}

footer.site-footer .footer-grid ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

footer.site-footer .footer-grid li {
  margin: 0;
  padding: 0;
}

footer.site-footer .footer-grid li + li {
  margin-top: 8px;
}

footer.site-footer a {
  color: inherit;
  text-decoration: none;
  transition: color 0.2s ease;
}

footer.site-footer a:hover,
footer.site-footer a:focus-visible {
  color: #064789;
}

/* Hubungi CAL */
footer.site-footer .footer-contact {
  grid-column: auto;
  min-width: 0;
}

footer.site-footer .footer-contact > a,
footer.site-footer .footer-contact > address {
  display: block;
  margin: 0 0 12px;
  font-size: 12px;
  font-style: normal;
  line-height: 1.85;
  overflow-wrap: anywhere;
}

/* Ikon SVG langsung di HTML */
footer.site-footer .footer-contact > .contact-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding-left: 0;
}

/* Hindari ikon ganda dari CSS sebelumnya */
footer.site-footer .footer-contact > .contact-item::before {
  content: none;
  display: none;
}

footer.site-footer .footer-contact > .contact-item > svg {
  display: block;
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  margin-top: 3px;
  color: #064789;
  fill: none;
  stroke: currentColor;
}

footer.site-footer .footer-contact > .contact-item > span {
  min-width: 0;
  overflow-wrap: anywhere;
}

/* Copyright dan kembali ke atas */
footer.site-footer .footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding-top: 20px;
  border-top: 1px solid #e1e5e9;
  color: #7a828c;
  font-size: 11px;
  line-height: 1.8;
}

footer.site-footer .footer-bottom > a {
  flex-shrink: 0;
}

/* Laptop */
@media (max-width: 1200px) {
  footer.site-footer > .wrap {
    width: calc(100% - 72px);
  }
}

/* Tablet */
@media (max-width: 1000px) {
  footer.site-footer .footer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px;
  }
}

/* Mobile */
@media (max-width: 680px) {
  footer.site-footer {
    padding-top: 36px;
  }

  footer.site-footer > .wrap {
    width: calc(100% - 40px);
  }

  footer.site-footer .footer-top {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    padding-bottom: 24px;
  }

  footer.site-footer .footer-brand img {
    width: 160px;
  }

  footer.site-footer .footer-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 28px;
    padding: 28px 0;
  }

  footer.site-footer .footer-bottom {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
}
/* Footer mobile: 2 kolom */
@media (max-width: 680px) {
  footer.site-footer .footer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 26px 18px;
  }

  footer.site-footer .footer-grid > div {
    min-width: 0;
  }

  footer.site-footer .footer-contact {
    grid-column: auto;
  }
}

/* Footer overlay */
body {
  isolation: isolate;
}

/* Konten berada di depan footer */
body > main {
  position: relative;
  z-index: 2;
  background-color: #fff;
}


/* Sticky header lebih transparan */
.cal-header.site-header {
  background: rgba(255, 255, 255, 0.3) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  backdrop-filter: blur(20px) !important;
}

.cal-header .utility,
.cal-header .header-inner {
  background: transparent !important;
}
.cal-hero .hero-visual,
.cal-hero .hero-visual img {
  -webkit-filter: none !important;
  filter: none !important;
}