/* Footer labels, company address and proportions follow the supplied reference. */
.site-footer.footer-reference{margin:0;padding:clamp(75px,11.6vw,252px) 0 clamp(35px,3.55vw,77px);color:#dedede;background:radial-gradient(ellipse at 50% 20%,#0b0b0b 0%,#070707 70%,#050505 100%)}
.footer-reference .footer-inner{width:90%;max-width:1960px;margin-inline:auto}
.footer-reference .footer-grid{display:grid;grid-template-columns:30% 25% 25% 20%;gap:0;align-items:start;padding:0 0 clamp(29px,2.05vw,45px)}
.footer-reference .footer-brand{display:block;grid-column:auto;min-width:0}
.footer-reference .footer-brand-lockup{display:flex;align-items:center;gap:clamp(16px,1.3vw,28px);height:clamp(40px,2.63vw,57px);max-width:100%;width:max-content}
.footer-reference .footer-logo{width:clamp(120px,9.4vw,204px);height:auto;max-width:none}
.footer-reference .footer-brand-region{min-height:clamp(32px,2.3vw,50px);padding-left:clamp(16px,1.35vw,29px);border-left:1px solid #b4b4b4;font-size:clamp(11px,1.03vw,22.3px);font-weight:500;letter-spacing:.12em;line-height:1.2}
.footer-reference .footer-address{margin:clamp(24px,2.05vw,45px) 0 0;font-size:clamp(15px,1.29vw,28px);font-weight:400;font-style:normal;line-height:1.5;color:#d2d2d2}
.footer-reference .footer-column{display:flex;flex-direction:column;gap:0;align-items:stretch;min-width:0;grid-column:auto}
.footer-reference nav.footer-column{padding-right:clamp(20px,7.35vw,160px)}
.footer-reference .footer-column h2{font-family:inherit;margin:0 0 clamp(23px,1.61vw,35px);font-size:clamp(16px,1.29vw,28px);font-weight:700;line-height:1.2;letter-spacing:0;color:#f5f5f5}
.footer-reference .footer-link{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:clamp(37px,2.58vw,56px);padding:6px 0;max-width:none;font-size:clamp(14px,1.29vw,28px);font-weight:400;line-height:1.5;color:#d7d7d7;text-decoration:none}
.footer-reference .footer-chevron{width:clamp(8px,.53vw,11.5px);height:clamp(8px,.53vw,11.5px);border-width:0 clamp(2px,.14vw,3px) clamp(2px,.14vw,3px) 0;margin-right:3px;border-color:#00e5ef}
.footer-reference .footer-connect .social-links{display:flex;align-items:center;gap:clamp(13px,1.2vw,26px);margin:0}
.footer-reference .social-icon{display:flex;align-items:center;justify-content:center;width:clamp(50px,4.08vw,88px);height:clamp(50px,4.08vw,88px);flex:0 0 auto;border:1.5px solid #ccc;border-radius:50%;background:transparent;color:#fff;cursor:pointer;transition:background 180ms ease,border-color 180ms ease}
.footer-reference .social-icon img{width:50%;height:50%;filter:brightness(0) invert(1);display:block}
.footer-reference .social-icon:hover{background:#171717;border-color:#00e5ef;transform:none}
.footer-reference .footer-warning-break{display:block}
.footer-reference .footer-social-caption{margin:clamp(12px,.9vw,20px) 0 0;font-size:clamp(14px,1.2vw,26px);line-height:1.5;white-space:normal;color:#d5d5d5}
.footer-reference .footer-social-caption a{display:inline-block;min-height:24px;color:inherit;text-decoration:none}
.footer-reference .footer-social-caption a:hover{text-decoration:underline;text-underline-offset:4px}
.footer-reference .footer-legal{display:grid;grid-template-columns:minmax(0,62fr) minmax(0,38fr);align-items:center;gap:0;padding-top:clamp(19px,1.35vw,30px);border-top:1px solid #464646}
.footer-reference .footer-warning{display:flex;align-items:center;flex-wrap:nowrap;gap:clamp(17px,1.3vw,28px);padding:0;border:0;min-width:0}
.footer-reference .footer-age{flex:0 0 auto;width:clamp(48px,3.64vw,79px);height:clamp(48px,3.64vw,79px);border:clamp(2px,.16vw,3.5px) solid #fff;border-radius:50%;font-size:clamp(20px,1.66vw,36px);font-weight:700;letter-spacing:-.04em;line-height:1;color:#fff}
.footer-reference .footer-warning p{flex:1;width:auto;max-width:none;margin:0;padding-right:clamp(16px,3.1vw,68px);font-size:clamp(12px,1vw,22px);line-height:1.3;font-weight:400;color:#dedede}
.footer-reference .footer-legal-right{display:flex;align-items:center;justify-content:flex-end;gap:0;min-width:0;padding:0;font-size:clamp(12px,1vw,22px);line-height:1.5;white-space:nowrap}
.footer-reference .footer-copyright{border-left:1px solid #8c8c8c;padding:clamp(8px,.6vw,13px) clamp(14px,1.38vw,30px);width:auto}
.footer-reference .footer-policy{display:flex;align-items:center;gap:clamp(10px,.9vw,20px);border-left:1px solid #8c8c8c;padding:clamp(8px,.6vw,13px) 0 clamp(8px,.6vw,13px) clamp(14px,1.38vw,30px);min-height:44px;text-decoration:none;color:inherit}
.footer-reference a:focus-visible{outline:3px solid #00e5ef;outline-offset:5px}
#produk-kami .p5-global-media{cursor:default}
#produk-kami .p5-global-description{min-height:0;margin-bottom:0}
#produk-kami .p5-global-card:hover{transform:none;box-shadow:0 8px 24px #00000012}
#produk-kami .p5-global-card:hover .p5-global-media-inner img{transform:none}
@media(max-width:1100px){
 .site-footer.footer-reference{padding:85px 0 45px}
 .footer-reference .footer-grid{grid-template-columns:1fr 1fr;gap:42px 55px;padding-bottom:36px}
 .footer-reference .footer-brand,.footer-reference .footer-connect{grid-column:auto}
 .footer-reference nav.footer-column{padding-right:24px}
 .footer-reference .footer-column h2{font-size:18px;margin-bottom:20px}
 .footer-reference .footer-link{font-size:17px;min-height:46px}
 .footer-reference .footer-logo{width:155px}
 .footer-reference .footer-brand-region{font-size:13px;min-height:38px;padding-left:18px}
 .footer-reference .footer-address{font-size:17px;margin-top:25px;line-height:1.6}
 .footer-reference .footer-social-caption{font-size:17px}
 .footer-reference .social-icon{width:58px;height:58px}
 .footer-reference .footer-legal{grid-template-columns:1fr;gap:25px;padding-top:25px}
 .footer-reference .footer-warning p{font-size:14px;line-height:1.5;padding-right:0}
 .footer-reference .footer-warning-break{display:none}
 .footer-reference .footer-legal-right{justify-content:flex-start;font-size:14px;padding-left:65px}
 .footer-reference .footer-copyright{border-left:0;padding-left:0}
}
@media(max-width:600px){
 .site-footer.footer-reference{padding:65px 0 35px}
 .footer-reference .footer-inner{width:calc(100% - 44px)}
 .footer-reference .footer-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:34px 22px;padding-bottom:34px}
 .footer-reference .footer-brand,.footer-reference .footer-connect{grid-column:1/-1}
 .footer-reference .footer-brand-lockup{height:44px;gap:16px}
 .footer-reference .footer-logo{width:150px}
 .footer-reference .footer-brand-region{font-size:12px;min-height:38px;padding-left:16px}
 .footer-reference .footer-address{font-size:16px;line-height:1.65;margin-top:22px}
 .footer-reference nav.footer-column{padding-right:0}
 .footer-reference .footer-column h2{font-size:16px;margin-bottom:14px}
 .footer-reference .footer-link{font-size:14px;min-height:44px;line-height:1.45;gap:10px}
 .footer-reference .footer-chevron{width:8px;height:8px;border-width:0 2px 2px 0}
 .footer-reference .footer-connect .social-links{gap:15px}
 .footer-reference .social-icon{width:56px;height:56px}
 .footer-reference .footer-social-caption{font-size:16px;margin-top:15px}
 .footer-reference .footer-legal{padding-top:25px;gap:22px}
 .footer-reference .footer-warning{align-items:flex-start;gap:14px}
 .footer-reference .footer-age{width:54px;height:54px;font-size:23px;border-width:2px}
 .footer-reference .footer-warning p{font-size:12px;line-height:1.6;padding-right:0}
 .footer-reference .footer-warning-break{display:none}
 .footer-reference .footer-legal-right{padding:0;flex-wrap:wrap;gap:8px;font-size:12px;align-items:flex-start}
 .footer-reference .footer-copyright{width:100%;padding:0;border:0}
 .footer-reference .footer-policy{border:0;padding:4px 0;gap:12px;min-height:44px}
}