.locations-page{background:var(--main-bg-color);min-height:100vh;color:var(--heading-color)}.locations-container{width:min(1180px,100% - 40px);margin:0 auto}.locations-hero{background:var(--section-bg-color);padding:120px 0 100px;position:relative;overflow:hidden}.locations-hero-grid{opacity:.45;background-image:var(--grid-bg-pattern);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 85%);mask-image:linear-gradient(#000 0%,#0000 85%)}.locations-hero-content{z-index:1;max-width:850px;position:relative}.locations-eyebrow,.locations-section-label{color:var(--accent-dark);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.locations-eyebrow{border:var(--main-border);background:#ffffffb3;border-radius:999px;margin-bottom:24px;padding:8px 14px}.locations-eyebrow svg{font-size:16px}.locations-hero h1{max-width:800px;color:var(--heading-color);letter-spacing:-.04em;margin:0;font-size:clamp(42px,6vw,78px);font-weight:800;line-height:1.02}.locations-hero p{max-width:680px;color:var(--paragraph-color);margin:28px 0 0;font-size:18px;line-height:1.8}.locations-hero-stats{flex-wrap:wrap;gap:45px;margin-top:55px;display:flex}.locations-stat{flex-direction:column;gap:4px;display:flex}.locations-stat strong{color:var(--heading-color);font-size:28px;line-height:1}.locations-stat span{color:var(--paragraph-color);font-size:13px}.locations-section{padding:110px 0}.locations-section-heading{justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:55px;display:flex}.locations-section-heading h2{letter-spacing:-.03em;margin:12px 0 0;font-size:clamp(32px,4vw,52px);line-height:1.1}.locations-section-heading p{max-width:380px;color:var(--paragraph-color);margin:0;line-height:1.8}.locations-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.location-card{background:var(--white);min-height:390px;box-shadow:var(--card-shadow);border:1px solid #d8e98373;border-radius:24px;flex-direction:column;padding:28px;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex;position:relative;overflow:hidden}.location-card:before{content:"";background:var(--accent-soft);border-radius:50%;width:180px;height:180px;transition:transform .4s;position:absolute;top:-90px;right:-90px}.location-card:hover{border-color:var(--primary-color);transform:translateY(-8px);box-shadow:0 18px 40px #222b101f}.location-card:hover:before{transform:scale(1.4)}.location-card-top{z-index:1;justify-content:space-between;align-items:center;display:flex;position:relative}.location-number{color:#a2b832;letter-spacing:.08em;font-size:13px;font-weight:800}.location-icon{background:var(--accent-soft);width:48px;height:48px;color:var(--accent-dark);border-radius:14px;justify-content:center;align-items:center;font-size:21px;display:flex}.location-card-content{z-index:1;margin-top:55px;position:relative}.location-country{color:var(--paragraph-color);align-items:center;gap:7px;font-size:12px;font-weight:600;display:inline-flex}.location-country svg{color:#a2b832}.location-card h3{color:var(--heading-color);margin:12px 0 10px;font-size:34px;line-height:1.1}.location-governorate{color:var(--paragraph-color);align-items:center;gap:7px;font-size:14px;display:flex}.location-governorate svg{color:#a2b832}.location-card-content p{color:var(--paragraph-color);margin:20px 0 0;font-size:14px;line-height:1.8}.location-card-link{z-index:1;color:var(--heading-color);border-top:1px solid #d8e98359;justify-content:space-between;align-items:center;gap:15px;margin-top:auto;padding-top:25px;font-size:14px;font-weight:700;text-decoration:none;display:flex;position:relative}.location-card-link svg{transition:transform .25s}.location-card:hover .location-card-link svg{transform:translate(4px,-4px)}.locations-loading{min-height:300px;color:var(--paragraph-color);flex-direction:column;justify-content:center;align-items:center;gap:15px;display:flex}.locations-loader{border:3px solid var(--accent-soft);border-top-color:var(--accent-dark);border-radius:50%;width:38px;height:38px;animation:.8s linear infinite locations-spin}@keyframes locations-spin{to{transform:rotate(360deg)}}.locations-empty{background:var(--section-bg-color);text-align:center;border:1px dashed #d8e983cc;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:40px;display:flex}.locations-empty svg{color:var(--accent-dark);margin-bottom:15px;font-size:34px}.locations-empty h3{margin:0;font-size:22px}.locations-empty p{color:var(--paragraph-color);margin:8px 0 0}.locations-cta{padding:0 0 100px}.locations-cta-inner{background:var(--accent-dark);color:var(--white);border-radius:28px;justify-content:space-between;align-items:center;gap:40px;padding:55px;display:flex;overflow:hidden}.locations-cta .locations-section-label{color:var(--primary-color)}.locations-cta h2{color:var(--white);margin:12px 0;font-size:clamp(30px,4vw,46px);line-height:1.1}.locations-cta p{color:#ffffffb8;max-width:600px;margin:0;line-height:1.8}.locations-cta-button{background:var(--primary-color);min-width:170px;color:var(--primary-text-color);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;gap:12px;padding:15px 22px;font-size:14px;font-weight:800;text-decoration:none;transition:background .25s,transform .25s;display:inline-flex}.locations-cta-button:hover{background:var(--primary-hover);transform:translateY(-3px)}.locations-cta-button svg{transition:transform .25s}.locations-cta-button:hover svg{transform:translate(3px,-3px)}.locations-rtl .location-card-link svg,.locations-rtl .locations-cta-button svg{transform:rotate(90deg)}.locations-rtl .location-card:hover .location-card-link svg,.locations-rtl .locations-cta-button:hover svg{transform:rotate(90deg)translate(3px,-3px)}@media (max-width:950px){.locations-grid{grid-template-columns:repeat(2,1fr)}.locations-section-heading,.locations-cta-inner{flex-direction:column;align-items:flex-start}}@media (max-width:650px){.locations-container{width:min(100% - 28px,1180px)}.locations-hero{padding:90px 0 75px}.locations-hero h1{font-size:43px}.locations-hero p{font-size:16px}.locations-hero-stats{gap:28px;margin-top:40px}.locations-section{padding:75px 0}.locations-grid{grid-template-columns:1fr;gap:16px}.location-card{min-height:360px}.locations-cta{padding-bottom:70px}.locations-cta-inner{padding:35px 25px}.locations-cta-button{width:100%}}
