/* Shared header, navigation, footer and cookie shell. */
:root{--ks-shell-red:#b10b0a;--ks-shell-ink:#111214;--ks-shell-muted:#666c73;--ks-shell-line:#e2e4e7;--ks-shell-dark:#111315;--ks-shell-top:#fff;--ks-shell-nav:#fff}
.ks-shell-header,.ks-shell-header *,.ks-shell-header *:before,.ks-shell-header *:after,.ks-shell-footer,.ks-shell-footer *,.ks-shell-footer *:before,.ks-shell-footer *:after{box-sizing:border-box}
.ks-shell-container{width:100%;max-width:var(--container-width,1380px);margin:0 auto;padding:0 28px}
.ks-shell-header{position:sticky;top:0;z-index:5000;display:block;min-height:123px;background:var(--ks-shell-top);color:var(--ks-shell-ink);font-family:Arial,Helvetica,sans-serif;box-shadow:inset 0 3px 0 var(--ks-shell-red),0 8px 28px rgba(17,18,20,.09)}
.ks-shell-top{border-bottom:1px solid #e6e7e8;background:var(--ks-shell-top)}
.ks-shell-top-inner{height:76px;display:flex;align-items:center;gap:28px}
.ks-shell-logo{box-sizing:border-box;display:block;width:190px;height:64px;min-width:190px;margin-right:auto;overflow:hidden;background:transparent}
.ks-shell-logo img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;object-position:left center;}
.ks-shell-top-actions{display:flex;align-items:center;gap:24px}
.ks-shell-phone{display:grid;gap:3px;color:var(--ks-shell-ink);text-align:right;font-size:17px;font-weight:800;text-decoration:none}
.ks-shell-phone span{color:#8a8f95;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.ks-shell-header-socials{display:flex;align-items:center;gap:8px}
.ks-shell-header-social-link{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;border-radius:50%;color:#fff;text-decoration:none;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}
.ks-shell-header-social-link svg{display:block;width:19px;height:19px;fill:currentColor}
.ks-shell-header-social-link--whatsapp{background:#25d366}
.ks-shell-header-social-link--telegram{background:#229ed9}
.ks-shell-header-social-link:hover{color:#fff;filter:brightness(.92);transform:translateY(-2px);box-shadow:0 7px 16px rgba(20,24,28,.16)}
.ks-shell-header-social-link:focus-visible{outline:3px solid rgba(177,11,10,.24);outline-offset:3px}
.ks-shell-header-social-link:active{transform:translateY(0)}
.ks-shell-cta,.ks-shell-mobile-cta{display:inline-flex;min-height:44px;padding:0 20px;align-items:center;justify-content:center;border-radius:7px;background:var(--ks-shell-red);color:#fff;font-size:13px;font-weight:800;text-decoration:none;box-shadow:0 7px 18px rgba(129,28,20,.18);transition:background .18s ease,transform .18s ease,box-shadow .18s ease}
.ks-shell-cta:hover,.ks-shell-mobile-cta:hover{background:#8d0908;box-shadow:0 9px 22px rgba(129,28,20,.24);transform:translateY(-1px)}
.ks-shell-nav-row{height:47px;border-bottom:1px solid #dfe1e3;background:var(--ks-shell-nav)}
.ks-shell-nav{height:47px;display:flex;align-items:stretch;justify-content:space-between;gap:clamp(18px,2.4vw,42px)}
.ks-shell-nav>a,.ks-shell-drop>summary{display:flex;align-items:center;border-bottom:2px solid transparent;color:var(--ks-shell-ink);font-size:15px;font-weight:750;text-decoration:none;white-space:nowrap;transition:color .18s ease,border-color .18s ease}
.ks-shell-drop{position:relative}
.ks-shell-drop{width:auto;height:auto;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.ks-shell-drop>summary{width:auto;height:47px;min-height:0;gap:7px;margin:0;padding:0;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;box-shadow:none;cursor:pointer;list-style:none}
.ks-shell-drop>summary::-webkit-details-marker{display:none}
.ks-shell-drop>summary:after{width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);content:""}
.ks-shell-drop[open]>summary,.ks-shell-drop>summary[aria-current=page],.ks-shell-drop>summary:hover,.ks-shell-nav>a:hover,.ks-shell-nav>a[aria-current=page]{border-bottom-color:var(--ks-shell-red);color:var(--ks-shell-red)}
.ks-shell-mega,.ks-shell-solutions{position:absolute;top:47px;left:0;z-index:5100;padding:28px;border:1px solid var(--ks-shell-line);border-top:2px solid var(--ks-shell-red);border-radius:0 0 10px 10px;background:#fff;box-shadow:0 18px 50px rgba(17,18,20,.14)}
.ks-shell-mega{width:min(1120px,calc(100vw - 48px))}
.ks-shell-solutions{width:320px;display:grid;gap:6px}
.ks-shell-drop-catalog{position:static}
.ks-shell-nav{position:relative}
.ks-shell-mega-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 30px}
.ks-shell-col{min-width:0}
.ks-shell-col-title{display:block;color:var(--ks-shell-ink);font-size:15px;font-weight:850;line-height:1.4;text-decoration:none}
.ks-shell-col-links{display:grid;gap:10px;margin-top:12px}
.ks-shell-col-links a,.ks-shell-solutions a{color:var(--ks-shell-muted);font-size:14px;line-height:1.45;text-decoration:none}
.ks-shell-col a:hover,.ks-shell-solutions a:hover{color:var(--ks-shell-red)}
.ks-shell-all{display:inline-flex;margin-top:22px;color:var(--ks-shell-red);font-size:14px;font-weight:850;text-decoration:none}
.ks-shell-solutions .ks-shell-overview-link{color:var(--ks-shell-red);font-weight:850}
.ks-shell-burger,.ks-shell-mobile-panel{display:none}
.ks-shell-footer{display:block;margin:0;padding:48px 0 24px;border:0;border-top:1px solid var(--ks-shell-line);background:var(--ks-shell-top);color:var(--ks-shell-ink);font-family:Arial,Helvetica,sans-serif}
.ks-shell-footer-grid{display:grid;grid-template-columns:1.45fr repeat(3,minmax(0,1fr));gap:38px}
.ks-shell-footer-logo{box-sizing:border-box;width:190px;height:64px;min-width:190px;margin:0 0 16px;overflow:hidden;border-radius:0;background:transparent}
.ks-shell-footer-logo>img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:left center;filter:none;}
.ks-shell-footer p{max-width:330px;margin:0 0 18px;color:#555b62;font-size:15px;line-height:1.6}
.ks-shell-footer address{display:grid;gap:7px;color:#555b62;font-size:14px;line-height:1.55;font-style:normal}
.ks-shell-footer address span{display:block}
.ks-shell-footer .ks-shell-footer-heading{margin:0 0 14px;color:var(--ks-shell-ink);font-size:14px;line-height:1.25;text-transform:uppercase;letter-spacing:.07em}
body.kerong-sitewide .ks-shell-footer .ks-shell-footer-grid>div>.ks-shell-footer-heading{margin:0 0 13px;color:var(--ks-shell-ink);font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:800;line-height:1.25;text-transform:uppercase;letter-spacing:.07em}
.ks-shell-footer-grid>div:not(:first-child)>a{display:block;margin:9px 0;color:#555b62;font-size:15px;line-height:1.5;text-decoration:none}
.ks-shell-footer a:hover{color:var(--ks-shell-red)}
.ks-shell-footer address a{color:var(--ks-shell-ink);text-decoration:none}
.ks-shell-footer-bottom{margin-top:36px;padding-top:18px;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--ks-shell-line);color:#666c73;font-size:12px;line-height:1.5}
.ks-shell-header :where(a,button,summary):focus-visible,.ks-shell-footer a:focus-visible{outline:3px solid rgba(129,28,20,.38);outline-offset:3px}
@media(hover:hover) and (min-width:1081px){.ks-shell-drop:not([open]):hover>.ks-shell-mega,.ks-shell-drop:not([open]):hover>.ks-shell-solutions{display:block}.ks-shell-drop:not([open])>.ks-shell-mega,.ks-shell-drop:not([open])>.ks-shell-solutions{display:none}}
@media(max-width:1080px){
  .ks-shell-container{width:100%;max-width:var(--container-width,1380px);padding-right:18px;padding-left:18px}
  body:has(>.ks-shell-header){padding-top:64px}
  body>.ks-shell-header{position:fixed;top:0;right:0;left:0;width:100%;min-height:64px}
  .ks-shell-top-inner{height:64px}
  .ks-shell-logo{width:154px;height:52px;min-width:154px}
  .ks-shell-nav-row{display:none}
  .ks-shell-top-actions{display:flex;width:auto;height:auto;margin-left:auto;align-items:center;justify-content:flex-end;gap:0}
  .ks-shell-phone,.ks-shell-cta{display:none}
  .ks-shell-header-socials{gap:7px}
  .ks-shell-header-social-link{width:32px;height:32px}
  .ks-shell-header-social-link svg{width:17px;height:17px}
  .ks-shell-burger{box-sizing:border-box;position:relative;display:block;width:44px;height:44px;min-width:44px;margin-left:8px;padding:0;overflow:hidden;border:1px solid #dfe1e4;border-radius:8px;background:#f7f8f8;box-shadow:none;appearance:none;-webkit-appearance:none;cursor:pointer}
  .ks-shell-burger>span{position:absolute;top:50%;left:50%;width:22px;height:2px;border:0;border-radius:2px;background:#111;box-shadow:none;transform:translate(-50%,-50%);transition:background .2s ease}
  .ks-shell-burger>span:before,.ks-shell-burger>span:after{position:absolute;top:0;left:0;width:22px;height:2px;border:0;border-radius:2px;background:#111;box-shadow:none;content:"";transform-origin:center;transition:transform .2s ease}
  .ks-shell-burger>span:before{transform:translateY(-7px)}
  .ks-shell-burger>span:after{transform:translateY(7px)}
  .ks-shell-burger[aria-expanded=true]>span{background:transparent}
  .ks-shell-burger[aria-expanded=true]>span:before{transform:rotate(45deg)}
  .ks-shell-burger[aria-expanded=true]>span:after{transform:rotate(-45deg)}
  .ks-shell-mobile-panel{position:fixed;top:64px;right:0;bottom:0;left:0;z-index:5050;display:block;overflow-y:auto;padding:14px max(18px,calc((100vw - 760px)/2)) max(40px,env(safe-area-inset-bottom));background:#fff}
  .ks-shell-mobile-panel[hidden]{display:none}
  body.ks-shell-menu-open{overflow:hidden}
  .ks-shell-mobile-panel a,.ks-shell-mobile-panel summary{box-sizing:border-box;min-height:48px;padding:13px 0;display:flex;align-items:center;border-bottom:1px solid #eceef0;color:var(--ks-shell-ink);background:#fff;font-size:16px;font-weight:780;text-decoration:none;cursor:pointer;list-style:none}
  .ks-shell-mobile-panel summary::-webkit-details-marker{display:none}
  .ks-shell-mobile-panel summary:after{width:8px;height:8px;margin-left:auto;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);content:""}
  .ks-shell-mobile-panel details[open]>summary:after{transform:rotate(225deg)}
  .ks-shell-mobile-section>div,.ks-shell-mobile-group>div{padding-left:14px}
  .ks-shell-mobile-section>div>a,.ks-shell-mobile-group>div>a{color:var(--ks-shell-muted);font-size:15px;font-weight:650}
  .ks-shell-mobile-panel a.ks-shell-mobile-cta,
  .ks-shell-mobile-panel a.ks-shell-mobile-cta:link,
  .ks-shell-mobile-panel a.ks-shell-mobile-cta:visited{
    width:100%;
    min-height:52px;
    margin-top:18px;
    padding:0 20px;
    justify-content:center;
    border:1px solid var(--ks-shell-red);
    border-radius:7px;
    background:var(--ks-shell-red);
    color:#fff;
    -webkit-text-fill-color:#fff;
  }
  .ks-shell-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
  .ks-shell-container{width:100%;padding-right:18px;padding-left:18px}
  .ks-shell-footer{padding:36px 0 20px}
  .ks-shell-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}
  .ks-shell-footer-brand{grid-column:1/-1}
  .ks-shell-footer-logo{width:154px;height:52px;min-width:154px;margin-bottom:14px}
  .ks-shell-footer p{max-width:100%;margin-bottom:15px}
  .ks-shell-footer address{font-size:14px;line-height:1.55}
  .ks-shell-footer-grid>div:not(:first-child)>a{margin:9px 0;font-size:15px}
  .ks-shell-footer-bottom{display:block;margin-top:28px}
  .ks-shell-footer-bottom span{display:block;margin-top:5px}
}
@media(orientation:landscape) and (max-height:600px) and (pointer:coarse){
  body:has(>.ks-shell-header){padding-top:0}
  body>.ks-shell-header{position:relative;min-height:112px}
  .ks-shell-container{
    width:100%;
    max-width:var(--container-width,1380px);
    padding-right:max(28px,env(safe-area-inset-right));
    padding-left:max(28px,env(safe-area-inset-left))
  }
  .ks-shell-top-inner{height:65px}
  .ks-shell-top-actions,.ks-shell-nav-row{display:flex}
  .ks-shell-nav-row{height:47px}
  .ks-shell-nav{gap:clamp(8px,1.2vw,14px)}
  .ks-shell-nav>a,.ks-shell-drop>summary{font-size:13px}
  .ks-shell-burger{display:none}
  .ks-shell-mobile-panel{display:none}
  .ks-shell-logo{width:168px;height:56px;min-width:168px}
  .ks-shell-phone{font-size:14px}
  .ks-shell-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 36px}
  .ks-shell-footer-brand{grid-column:auto}
}
@media(max-width:480px){
  .ks-shell-footer-grid{grid-template-columns:1fr}
  .ks-shell-footer-brand{grid-column:auto}
}
@media(prefers-reduced-motion:reduce){.ks-shell-header *{transition:none}}


/* Keep overview links red even against the more specific submenu link rule. */
.ks-shell-mobile-panel .ks-shell-mobile-section>div>a.ks-shell-mobile-overview,
.ks-shell-mobile-panel .ks-shell-mobile-group>div>a.ks-shell-mobile-overview { color: #b10b0a; font-weight: 850; }
.ks-shell-mobile-panel .ks-shell-mobile-section>div>a.ks-shell-mobile-overview:hover,
.ks-shell-mobile-panel .ks-shell-mobile-section>div>a.ks-shell-mobile-overview:focus-visible,
.ks-shell-mobile-panel .ks-shell-mobile-group>div>a.ks-shell-mobile-overview:hover,
.ks-shell-mobile-panel .ks-shell-mobile-group>div>a.ks-shell-mobile-overview:focus-visible { color: #8d0908; }
/* Keep the mobile consultation action visually primary. */
.ks-shell-mobile-cta { background: #b10b0a; color: #fff; border-color: #b10b0a; }
.ks-shell-mobile-cta:hover, .ks-shell-mobile-cta:focus-visible { background: #8d0908; color: #fff; }
.ks-shell-mobile-menu .ks-shell-mobile-cta,
.ks-shell-mobile-menu .ks-shell-mobile-cta:link,
.ks-shell-mobile-menu .ks-shell-mobile-cta:visited { color: #fff; -webkit-text-fill-color: #fff; }
.ks-shell-mobile-cta,.ks-shell-mobile-cta:visited,.ks-shell-mobile-cta:hover,.ks-shell-mobile-cta:focus,.ks-shell-mobile-cta *{color:#fff}

.ks-shell-mobile-cta,.ks-shell-mobile-cta:link,.ks-shell-mobile-cta:visited,.ks-shell-mobile-cta:hover,.ks-shell-mobile-cta:focus{color:#fff;-webkit-text-fill-color:#fff}
/* Keep all first-level catalog categories visually consistent on mobile. */
@media(max-width:899px){
  .ks-shell-mobile-panel .ks-shell-mobile-group>summary,
  .ks-shell-mobile-panel .ks-shell-mobile-direct{
    color:var(--ks-shell-ink);
    -webkit-text-fill-color:var(--ks-shell-ink);
    font-size:16px;
    font-weight:780;
    opacity:1;
  }
}


/* Footer messenger shortcuts. */
.ks-shell-footer-socials{display:flex;align-items:center;gap:10px;margin-top:14px}
.ks-shell-footer-social-link{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:50%;color:#fff;text-decoration:none;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}
.ks-shell-footer-social-link svg{display:block;width:22px;height:22px;fill:currentColor}
.ks-shell-footer-social-link--whatsapp{background:#25d366}
.ks-shell-footer-social-link--telegram{background:#229ed9}
.ks-shell-footer .ks-shell-footer-social-link:hover{color:#fff;filter:brightness(.92);transform:translateY(-2px);box-shadow:0 7px 16px rgba(20,24,28,.16)}
.ks-shell-footer-social-link:active{transform:translateY(0)}
@media(max-width:620px){.ks-shell-footer-social-link{width:44px;height:44px}}