/* AC Repair Service Kuwait – Header & Footer (teal / aqua) */
:root{--acrsk-navy:#073b4c;--acrsk-navy2:#0d5a70;--acrsk-deep:#052c3a;--acrsk-aqua:#3ddbe8;--acrsk-aqua2:#19c3d2;--acrsk-ink:#0a2a33;--acrsk-line:#d4e9ee;--acrsk-muted:#b5d7df}
.acrsk-header,.acrsk-footer{color-scheme:only light;font-family:"IBM Plex Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif!important;line-height:1.6;box-sizing:border-box;width:100%;margin:0}
.acrsk-header *,.acrsk-footer *{box-sizing:border-box}
.acrsk-wrap{width:100%;max-width:1320px;margin:0 auto;padding-inline:clamp(16px,4vw,40px)}
.acrsk-header svg,.acrsk-footer svg{width:22px;height:22px;flex:none}
.acrsk-mark{width:46px!important;height:46px!important}

/* top strip */
.acrsk-top{background:var(--acrsk-deep)!important;color:var(--acrsk-muted)!important;font-size:14px}
.acrsk-top .acrsk-wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:38px}
.acrsk-top-txt{display:inline-flex;align-items:center;gap:8px;color:var(--acrsk-muted)!important;text-decoration:none!important;white-space:nowrap}
.acrsk-top-txt svg{width:16px;height:16px;color:var(--acrsk-aqua)}
.acrsk-top a.acrsk-top-txt:hover{color:#fff!important}

/* main bar */
.acrsk-header{position:sticky;top:0;z-index:9999;box-shadow:0 6px 24px -12px rgba(5,44,58,.45)}
.acrsk-bar{background:#fff!important;border-bottom:1px solid var(--acrsk-line);transition:box-shadow .2s}
.acrsk-bar .acrsk-wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:78px;transition:min-height .2s}
.acrsk-header.is-scrolled .acrsk-bar .acrsk-wrap{min-height:66px}
.acrsk-header.is-scrolled .acrsk-top{display:none}
.acrsk-brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none!important;color:var(--acrsk-ink)!important}
.acrsk-brand-txt{display:flex;flex-direction:column;line-height:1.15}
.acrsk-brand-txt b{font-family:"Alexandria",sans-serif;font-weight:800;font-size:18px;color:var(--acrsk-navy)!important;direction:ltr;letter-spacing:.2px}
.acrsk-brand-txt small{font-size:12.5px;font-weight:600;color:var(--acrsk-aqua2)!important}
.acrsk-nav{display:flex;align-items:center;gap:4px}
.acrsk-nav a{display:inline-block;padding:9px 13px;border-radius:999px;font-weight:600;font-size:15.5px;color:var(--acrsk-ink)!important;text-decoration:none!important;transition:background .15s,color .15s}
.acrsk-nav a:hover{background:#ecf8fa;color:var(--acrsk-navy2)!important}
.acrsk-actions{display:flex;align-items:center;gap:10px}
.acrsk-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border-radius:999px;font-weight:700;font-size:15px;text-decoration:none!important;border:0;line-height:1;white-space:nowrap;transition:transform .15s,background .15s}
.acrsk-btn:hover{transform:translateY(-1px)}
.acrsk-btn-call{background:var(--acrsk-navy)!important;color:#fff!important}
.acrsk-btn-call:hover{background:var(--acrsk-navy2)!important}
.acrsk-btn-wa{background:#25d366!important;color:#fff!important}
.acrsk-btn-wa:hover{background:#1fb959!important}
.acrsk-btn-aqua{background:var(--acrsk-aqua)!important;color:var(--acrsk-navy)!important}
.acrsk-btn-aqua:hover{background:var(--acrsk-aqua2)!important}
.acrsk-burger{display:none;width:46px;height:46px;border-radius:12px;border:1px solid var(--acrsk-line);background:#fff;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0}
.acrsk-burger span{display:block;width:22px;height:2.5px;border-radius:2px;background:var(--acrsk-navy);transition:transform .2s,opacity .2s}
.acrsk-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
.acrsk-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.acrsk-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}

/* drawer */
.acrsk-drawer{position:fixed;top:0;bottom:0;inset-inline-end:0;width:min(86vw,340px);background:#fff;z-index:10001;transform:translateX(-100%);transition:transform .25s ease;box-shadow:0 0 40px rgba(0,0,0,.25);overflow-y:auto}
[dir="ltr"] .acrsk-drawer{transform:translateX(100%)}
.acrsk-drawer.is-open{transform:none!important}
.acrsk-drawer-in{display:flex;flex-direction:column;gap:4px;padding:24px 20px}
.acrsk-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:14px;margin-bottom:8px;border-bottom:2px solid var(--acrsk-aqua)}
.acrsk-drawer-close{width:42px;height:42px;border-radius:10px;border:1px solid var(--acrsk-line);background:#fff;color:var(--acrsk-navy);font-size:24px;line-height:1;cursor:pointer}
.acrsk-drawer-in>a:not(.acrsk-btn){padding:13px 14px;border-radius:12px;font-weight:600;font-size:17px;color:var(--acrsk-ink)!important;text-decoration:none!important;border-bottom:1px solid var(--acrsk-line)}
.acrsk-drawer-in>a:not(.acrsk-btn):hover{background:#ecf8fa}
.acrsk-drawer-call{margin-top:10px;padding:14px 18px;font-size:16px}
.acrsk-backdrop{position:fixed;inset:0;background:rgba(5,44,58,.55);z-index:10000;opacity:0;transition:opacity .25s}
.acrsk-backdrop.is-open{opacity:1}
body.acrsk-no-scroll{overflow:hidden}

/* footer */
.acrsk-footer{background:var(--acrsk-deep)!important;color:var(--acrsk-muted)!important;margin-top:0;padding:64px 0 0;font-size:15.5px}
.acrsk-footer p,.acrsk-footer li,.acrsk-footer span{color:var(--acrsk-muted)!important}
.acrsk-fgrid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.3fr;gap:36px}
.acrsk-fcol h4{font-family:"Alexandria",sans-serif;color:#fff!important;font-size:18px;font-weight:700;margin:0 0 16px;padding-bottom:10px;position:relative}
.acrsk-fcol h4::after{content:"";position:absolute;bottom:0;inset-inline-start:0;width:42px;height:3px;border-radius:3px;background:var(--acrsk-aqua)}
.acrsk-fcol ul{list-style:none!important;margin:0!important;padding:0!important}
.acrsk-fcol li{margin:0 0 10px;padding:0;display:flex;align-items:center;gap:10px}
.acrsk-fcol li svg{color:var(--acrsk-aqua);width:20px;height:20px}
.acrsk-fcol a{color:var(--acrsk-muted)!important;text-decoration:none!important;transition:color .15s}
.acrsk-fcol a:hover{color:#fff!important}
.acrsk-fbrand .acrsk-brand-txt b{color:#fff!important}
.acrsk-fbrand .acrsk-brand .acrsk-mark circle{fill:#fff}
.acrsk-fbrand .acrsk-brand .acrsk-mark g{stroke:var(--acrsk-navy)}
.acrsk-fbrand p{margin:16px 0 20px;line-height:1.8}
.acrsk-fbtns{display:flex;flex-wrap:wrap;gap:10px}
.acrsk-fbottom{margin-top:48px;border-top:1px solid rgba(255,255,255,.12);padding:18px 0;font-size:14px}
.acrsk-fbottom .acrsk-wrap{padding-left:110px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.acrsk-fbottom-en{color:#7fb6c2!important}

/* responsive */
@media (max-width:1100px){.acrsk-nav{display:none}.acrsk-burger{display:flex}.acrsk-fgrid{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.acrsk-top .acrsk-wrap>span:nth-child(2){display:none}}
@media (max-width:600px){
  .acrsk-top .acrsk-wrap>span:first-child{display:none}.acrsk-top .acrsk-wrap{justify-content:center}
  .acrsk-btn-wa:not(.acrsk-drawer-call){display:none}
  .acrsk-btn-call:not(.acrsk-drawer-call){padding:10px 12px}
  .acrsk-btn-call:not(.acrsk-drawer-call) bdi{display:none}
  .acrsk-brand-txt b{font-size:15px}.acrsk-brand-txt small{font-size:11.5px}.acrsk-mark{width:40px!important;height:40px!important}
  .acrsk-fgrid{grid-template-columns:1fr;gap:28px}.acrsk-footer{padding-top:48px}.acrsk-fbottom .acrsk-wrap{justify-content:center;text-align:center;padding-left:16px;padding-bottom:70px}
}
