/* Shakir Cooling Center — clean Saudi-first UI. ZATCA's public brand guide identifies SOMAR as its typeface.
   This site does NOT redistribute that font. It uses the open web-safe IBM Plex Sans Arabic fallback. */
:root{
  --primary:#0f5f55;--primary-2:#0b4d46;--primary-soft:#e8f4f1;--ink:#152927;--muted:#62716f;
  --surface:#f6f8f7;--white:#fff;--line:#dfe7e4;--yellow:#f5c629;--red:#c92f31;--green:#128c64;
  --shadow-sm:0 8px 24px rgba(15,63,57,.07);--shadow:0 24px 64px rgba(15,63,57,.12);
  --radius:22px;--radius-sm:15px;--container:1180px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--ink);font-family:"Somar","IBM Plex Sans Arabic",Tahoma,Arial,sans-serif;line-height:1.75;-webkit-font-smoothing:antialiased}html[lang^="en"] body{font-family:Inter,"Segoe UI",Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img{display:block;max-width:100%}.container{width:min(var(--container),calc(100% - 40px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.service-strip{background:#102d2a;color:#e9f2f0;font-size:.86rem}.service-strip__inner{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:20px}.service-strip__inner>span{font-weight:600}.service-strip a{color:#fff}.service-strip .dot{margin-inline:10px;color:#8eaaa5}.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.95);backdrop-filter:blur(15px);border-bottom:1px solid rgba(21,41,39,.08)}.nav{height:82px;display:flex;align-items:center;gap:28px}.brand{display:inline-flex;align-items:center;gap:12px;min-width:max-content}.brand-mark{width:48px;height:48px;border-radius:14px;background:var(--primary);display:grid;place-items:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}.brand-mark svg{width:28px;height:28px;fill:none;stroke:#fff;stroke-width:2.7;stroke-linecap:round}.brand-mark circle{fill:var(--yellow);stroke:none}.brand-copy{display:grid;line-height:1.25}.brand-copy b{font-size:1.08rem;letter-spacing:-.15px}.brand-copy small{color:var(--muted);font-size:.72rem;margin-top:4px;font-weight:500}.links{margin-inline-start:auto;display:flex;align-items:center;gap:24px;font-weight:600;font-size:.95rem}.links>a{position:relative;padding:8px 0}.links>a:not(.lang-link):after{content:"";position:absolute;inset-inline-start:0;bottom:2px;height:2px;width:0;background:var(--primary);transition:.2s}.links>a:hover:after{width:100%}.lang-link{border:1px solid var(--line);border-radius:999px;padding:8px 14px!important}.header-call,.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:13px;padding:12px 18px;font-weight:700;cursor:pointer;transition:.2s}.header-call{background:var(--primary);color:#fff;white-space:nowrap}.header-call svg,.btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.header-call:hover,.btn-primary:hover{background:var(--primary-2);transform:translateY(-1px)}.menu{display:none;margin-inline-start:auto;border:0;background:transparent;width:42px;height:42px;border-radius:10px;place-items:center;padding:9px}.menu span{display:block;width:22px;height:2px;background:var(--ink);margin:3px 0;border-radius:2px}
.btn-primary{background:var(--primary);color:#fff}.btn-dark{background:#102d2a;color:#fff}.btn-outline{background:#fff;color:var(--ink);border:1px solid var(--line)}.btn-wa{background:#168c64;color:#fff}.btn:hover{box-shadow:var(--shadow-sm)}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--primary);background:var(--primary-soft);border-radius:999px;padding:7px 12px;font-size:.88rem;font-weight:700}.eyebrow .dot-icon{width:7px;height:7px;background:var(--primary);border-radius:50%}
.hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#f6fbf9 0%,#fff 100%);padding:74px 0 56px}.hero:before{content:"";position:absolute;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,rgba(15,95,85,.10),rgba(15,95,85,0) 70%);inset-inline-end:-90px;top:-120px}.hero-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:56px;align-items:center;position:relative}.hero h1{font-size:clamp(2.65rem,5vw,4.7rem);line-height:1.12;letter-spacing:-1.7px;margin:18px 0;color:#122b28;font-weight:700}.hero h1 em{font-style:normal;color:var(--primary)}.hero p{font-size:1.08rem;color:var(--muted);max-width:720px;margin:0}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:27px}.hero-trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:27px;color:#526461;font-size:.91rem}.hero-trust span{display:inline-flex;align-items:center;gap:7px}.hero-trust svg{width:17px;height:17px;fill:none;stroke:var(--primary);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.hero-visual{position:relative}.service-panel{position:relative;background:#fff;border:1px solid var(--line);border-radius:30px;padding:18px;box-shadow:var(--shadow)}.sign-wrap{border-radius:22px;overflow:hidden;background:#f1f2ef;aspect-ratio:1.22/1}.sign-wrap img{width:100%;height:100%;object-fit:cover}.service-panel__bottom{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;padding:17px 6px 4px}.service-panel__bottom b{display:block;font-size:1.03rem}.service-panel__bottom span{display:block;color:var(--muted);font-size:.86rem}.mini-badge{background:#fff7d7;color:#5f4b00;border:1px solid #f1dd8f;border-radius:999px;padding:7px 10px;font-size:.76rem;font-weight:700}.floating-proof{position:absolute;inset-inline-start:-28px;bottom:54px;background:#102d2a;color:#fff;padding:13px 16px;border-radius:16px;box-shadow:var(--shadow-sm);font-size:.85rem}.floating-proof b{display:block;font-size:1.07rem;color:#fff}.floating-proof span{color:#d4e4e1}
.section{padding:78px 0}.section-soft{background:var(--surface)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:30px}.section-kicker{font-size:.84rem;font-weight:700;color:var(--primary);margin-bottom:6px}.section-head h2,.section-title{font-size:clamp(1.9rem,3.4vw,2.85rem);line-height:1.25;margin:0;color:#122b28;letter-spacing:-.5px}.section-head p{color:var(--muted);max-width:650px;margin:8px 0 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:25px;transition:.2s}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm);border-color:#cadad6}.iconbox{width:48px;height:48px;border-radius:14px;background:var(--primary-soft);display:grid;place-items:center;color:var(--primary)}.iconbox svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.card h3{margin:15px 0 7px;font-size:1.12rem}.card p{margin:0;color:var(--muted);font-size:.94rem}.card .card-link{display:inline-flex;align-items:center;gap:6px;margin-top:16px;color:var(--primary);font-weight:700;font-size:.9rem}.card-link svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}
.split{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:stretch}.why-panel{background:#102d2a;color:#fff;border-radius:28px;padding:38px}.why-panel h2{font-size:2.2rem;line-height:1.25;margin:0 0 10px}.why-panel>p{color:#c9dbd8;margin:0}.checks{display:grid;gap:15px;margin-top:26px}.check{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:start}.check .tick{width:27px;height:27px;border-radius:50%;background:#dff0ec;color:var(--primary);display:grid;place-items:center}.check .tick svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.4}.check b{display:block;color:#fff}.check span{color:#bfd2cf;font-size:.9rem}.details-panel{display:grid;grid-template-columns:1fr 1fr;gap:15px}.detail-card{border:1px solid var(--line);border-radius:20px;padding:22px;background:#fff}.detail-card.wide{grid-column:1/-1}.detail-card .label{font-size:.78rem;color:var(--muted);font-weight:600}.detail-card b,.detail-card a{display:block;margin-top:5px;font-size:1.02rem}.detail-card a{color:var(--primary);font-weight:700}.detail-icon{width:38px;height:38px;color:var(--primary);margin-bottom:15px}.detail-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.step{border-top:1px solid var(--line);padding-top:20px}.step-num{font-size:.8rem;color:var(--primary);font-weight:700}.step h3{margin:5px 0 7px}.step p{color:var(--muted);margin:0;font-size:.93rem}.map-contact{display:grid;grid-template-columns:.92fr 1.08fr;gap:24px;align-items:stretch}.contact-card{background:#102d2a;color:#fff;border-radius:28px;padding:34px}.contact-card h2{font-size:2rem;line-height:1.25;margin:0 0 8px}.contact-card>p{color:#c9dbd8;margin:0 0 22px}.contact-list{display:grid;gap:12px;margin-bottom:23px}.contact-item{display:grid;grid-template-columns:38px 1fr;gap:11px;align-items:center}.contact-item .cicon{width:38px;height:38px;border-radius:11px;background:rgba(255,255,255,.08);display:grid;place-items:center}.cicon svg{width:19px;height:19px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.contact-item small{display:block;color:#9eb9b5}.contact-item a,.contact-item b{font-weight:600}.form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form input,.form select,.form textarea{width:100%;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07);color:#fff;border-radius:12px;padding:12px 13px;outline:none}.form input::placeholder,.form textarea::placeholder{color:#b7cbc8}.form select option{color:#111}.form input:focus,.form select:focus,.form textarea:focus{border-color:#7db8ae;box-shadow:0 0 0 3px rgba(125,184,174,.12)}.form textarea{grid-column:1/-1;min-height:100px;resize:vertical}.form button{grid-column:1/-1}.map-wrap{min-height:520px;border-radius:28px;overflow:hidden;border:1px solid var(--line);position:relative;background:#e9efed}.map{border:0;width:100%;height:100%;min-height:520px;display:block}.map-overlay{position:absolute;inset-inline-start:18px;bottom:18px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:12px 14px;box-shadow:var(--shadow-sm);max-width:290px}.map-overlay b{display:block}.map-overlay span{font-size:.84rem;color:var(--muted)}
.blog-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.post-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:20px;padding:22px;background:#fff;min-height:235px;transition:.2s}.post-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm)}.tag{align-self:flex-start;background:var(--primary-soft);color:var(--primary);border-radius:999px;padding:5px 10px;font-size:.76rem;font-weight:700}.post-card h3{font-size:1.08rem;line-height:1.45;margin:14px 0 8px}.post-card p{color:var(--muted);font-size:.89rem;margin:0 0 17px}.post-card .read{margin-top:auto;color:var(--primary);font-weight:700;font-size:.88rem}.cta{background:linear-gradient(135deg,#0f5f55,#0a443e);color:#fff;border-radius:28px;padding:35px 38px;display:flex;align-items:center;justify-content:space-between;gap:28px}.cta h2{margin:0;font-size:2rem;line-height:1.25}.cta p{margin:7px 0 0;color:#c8dcda}.cta .btn-outline{border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.07);color:#fff}
.faqs{display:grid;gap:10px;max-width:900px}.faq{border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden}.faq summary{list-style:none;cursor:pointer;padding:17px 20px;font-weight:700;display:flex;align-items:center;justify-content:space-between;gap:15px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-size:1.25rem;color:var(--primary)}.faq[open] summary:after{content:"–"}.faq p{margin:0;padding:0 20px 18px;color:var(--muted)}
.footer{background:#0d2522;color:#fff;padding:50px 0 22px}.footer .brand-copy small{color:#a9c1bd}.footer .brand-mark{background:#163d38}.footer-grid{display:grid;grid-template-columns:1.35fr .8fr 1fr;gap:42px}.footer p{color:#a9c1bd;max-width:450px}.footer h3{font-size:1rem;margin:0 0 13px}.footer-links{display:grid;gap:8px;color:#bcd0cd;font-size:.92rem}.footer-links a:hover{color:#fff}.copyright{border-top:1px solid rgba(255,255,255,.1);margin-top:34px;padding-top:19px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;color:#829f9a;font-size:.84rem}.floating-actions{position:fixed;inset-inline-end:18px;bottom:18px;z-index:90;display:flex;flex-direction:column;gap:9px}.float{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;color:#fff;box-shadow:0 12px 28px rgba(0,0,0,.18)}.float svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.float.wa{background:#168c64}.float.call{background:var(--primary)}
/* Blog */
.blog-hero{background:linear-gradient(180deg,#f2f8f6,#fff);padding:60px 0 38px}.blog-hero h1{font-size:clamp(2.2rem,4.3vw,3.6rem);line-height:1.2;margin:13px 0 10px}.blog-hero p{max-width:720px;color:var(--muted);margin:0}.searchbox{position:relative;max-width:760px;margin-top:24px}.searchbox input{width:100%;height:52px;border:1px solid var(--line);border-radius:14px;padding:0 17px;background:#fff;outline:none}.searchbox input:focus{border-color:#8cbcb4;box-shadow:0 0 0 3px rgba(15,95,85,.08)}.blog-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.blog-count{font-size:.9rem;color:var(--muted)}.blog-list{padding:35px 0 80px}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.post-card.hidden{display:none}.load-more{margin:28px auto 0;display:flex}.empty-state{display:none;text-align:center;padding:50px 0;color:var(--muted)}
.article-wrap{background:linear-gradient(180deg,#f4f9f7 0, #fff 330px)}.article{max-width:900px;margin:0 auto;padding:52px 0 78px}.breadcrumbs{font-size:.85rem;color:var(--muted);margin-bottom:18px}.breadcrumbs a{color:var(--primary)}.article h1{font-size:clamp(2.15rem,4.6vw,3.7rem);line-height:1.22;letter-spacing:-.7px;margin:12px 0 12px}.meta{display:flex;gap:9px;flex-wrap:wrap;color:var(--muted);font-size:.87rem}.lang-switch{display:inline-flex;gap:4px;padding:4px;background:#eef3f1;border-radius:999px;margin-top:22px}.lang-switch button{border:0;background:transparent;border-radius:999px;padding:8px 13px;font-weight:700;color:#60706d;cursor:pointer}.lang-switch button.active{background:#fff;color:var(--primary);box-shadow:0 2px 8px rgba(0,0,0,.06)}.article-body{margin-top:30px;font-size:1.03rem}.article-body h2{font-size:1.55rem;line-height:1.35;margin:33px 0 10px;color:#173a35}.article-body p,.article-body li{color:#405451}.article-body ul{padding-inline-start:22px}.article-body li{margin-bottom:7px}.article-body .callout{background:#edf6f3;border-inline-start:4px solid var(--primary);border-radius:13px;padding:16px 18px;margin:24px 0}.article-body .callout strong{color:#173a35}.lang-en{display:none}.article.show-en .lang-ar{display:none}.article.show-en .lang-en{display:block}.article.show-en{direction:ltr;text-align:left;font-family:Inter,"Segoe UI",Arial,sans-serif}.article.show-en .cta{direction:ltr}.article .cta{margin-top:42px}.article-related{border-top:1px solid var(--line);padding-top:28px;margin-top:35px}.article-related h3{margin:0 0 13px}.article-related-links{display:grid;grid-template-columns:1fr 1fr;gap:10px}.article-related-links a{border:1px solid var(--line);border-radius:13px;padding:12px 14px;font-size:.9rem}.article-related-links a:hover{border-color:#abc9c4;background:#f7fbfa}
.not-found{min-height:65vh;display:grid;place-items:center;text-align:center;padding:60px 20px}.not-found .code{font-size:5rem;line-height:1;font-weight:700;color:var(--primary)}.not-found h1{font-size:2rem;margin:12px 0 8px}.not-found p{color:var(--muted);max-width:540px;margin:0 auto 22px}
@media(max-width:980px){.links{display:none;position:absolute;top:72px;left:20px;right:20px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:2px}.links.open{display:flex}.links>a{padding:11px 8px}.lang-link{margin-top:5px;text-align:center}.menu{display:block}.header-call{display:none}.nav{height:72px}.hero-grid,.split,.map-contact{grid-template-columns:1fr}.hero{padding-top:50px}.hero-visual{max-width:720px}.floating-proof{inset-inline-start:15px;bottom:35px}.cards,.blog-preview,.blog-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1.2fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.map-wrap,.map{min-height:390px}.section{padding:62px 0}}
@media(max-width:640px){.container{width:min(100% - 24px,var(--container))}.service-strip__inner{justify-content:center}.service-strip__inner>span{display:none}.brand-mark{width:43px;height:43px;border-radius:12px}.brand-copy b{font-size:.96rem}.brand-copy small{font-size:.67rem}.hero{padding:42px 0}.hero h1{font-size:2.65rem;letter-spacing:-1px}.hero p{font-size:1rem}.hero-actions .btn{flex:1 1 auto}.floating-proof{position:static;margin-top:12px;border-radius:14px}.service-panel{padding:11px;border-radius:22px}.sign-wrap{border-radius:16px}.service-panel__bottom{grid-template-columns:1fr}.mini-badge{justify-self:start}.section{padding:52px 0}.section-head{align-items:start;flex-direction:column}.cards,.blog-preview,.blog-grid,.steps,.details-panel,.footer-grid{grid-template-columns:1fr}.detail-card.wide{grid-column:auto}.why-panel{padding:27px;border-radius:22px}.why-panel h2{font-size:1.85rem}.map-wrap,.map{min-height:330px}.map-overlay{left:12px;right:12px;max-width:none}.form{grid-template-columns:1fr}.form textarea,.form button{grid-column:auto}.cta{align-items:flex-start;flex-direction:column;padding:27px}.cta h2{font-size:1.65rem}.footer-grid>div:first-child{grid-column:auto}.article{padding:36px 0 62px}.article-related-links{grid-template-columns:1fr}.article h1{font-size:2.35rem}.floating-actions{inset-inline-end:12px;bottom:12px}.float{width:49px;height:49px}}