@font-face{font-family:system-ui;src:local("Arial")}
:root{
  --blue:#0b4e8a;--blue2:#072f5f;--cyan:#1d7fd0;--text:#14283a;--muted:#68798a;
  --line:#dce7f2;--bg:#f5f8fb;--white:#fff;--shadow:0 18px 45px rgba(15,45,76,.10);
  --radius:26px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Tahoma,Arial,sans-serif;background:var(--bg);color:var(--text)}
body.en{font-family:Arial,Tahoma,sans-serif}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.container{width:min(1180px,92vw);margin:auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;min-height:82px;direction:ltr!important}
.logo-wrap{justify-self:start;display:flex;align-items:center;gap:10px}
.logo-wrap img{width:76px;height:54px;object-fit:contain;border-radius:10px}
.logo-wrap span{font-size:12px;font-weight:950;color:var(--blue2);letter-spacing:.05em}
.nav-links{justify-self:center;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}
.nav-links a{font-size:14px;font-weight:850;color:var(--blue2);padding:9px 11px;border-radius:999px}
.nav-links a:hover{background:#eef6fd;color:var(--cyan)}
.language-switch{justify-self:end;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:999px;padding:5px;direction:ltr}
.lang-option{display:flex;align-items:center;gap:7px;border:0;background:transparent;color:var(--muted);font-weight:900;border-radius:999px;padding:7px 10px;cursor:pointer;transition:.2s}
.lang-option img{width:23px;height:23px;border-radius:50%;object-fit:cover}
.lang-option.active{background:var(--blue);color:#fff;box-shadow:0 8px 18px rgba(11,78,138,.22)}
.lang-option:not(.active):hover{background:#f0f6fb;color:var(--blue2)}

.hero{padding:44px 0 24px}
.hero-grid{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:20px;align-items:stretch;direction:ltr!important}
.panel{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:var(--radius);overflow:hidden}
.hero-visual img{width:100%;height:100%;min-height:550px;object-fit:cover}
.hero-center{padding:38px 30px;text-align:center;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;direction:rtl}
body.en .hero-center{direction:ltr}
.hero-logo-big{width:160px;object-fit:contain;margin-bottom:6px}
.since-hero{font-weight:950;color:var(--blue);letter-spacing:.1em;font-size:13px;margin-bottom:16px}
.kicker,.eyebrow{display:inline-flex;border:1px solid #cce3f6;background:#eef8ff;color:var(--blue);border-radius:999px;padding:7px 13px;font-weight:900}
h1{margin:14px 0 12px;color:var(--blue2);font-size:clamp(36px,5vw,58px);line-height:1.05}
h1 span{color:var(--cyan)}
.hero-center p,.section-title p{color:var(--muted);line-height:1.85;font-weight:700}
.cta-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:12px}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:12px 18px;font-weight:950;border:1px solid var(--blue);cursor:pointer}
.btn.primary,.btn.secondary:hover,.btn.outline:hover{background:var(--blue);color:#fff}
.btn.secondary,.btn.outline{background:#fff;color:var(--blue)}
.btn.light{background:#eef6fd;color:var(--blue);border-color:#d7e8f6}
.confetti span{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--cyan);animation:float 5s infinite ease-in-out;opacity:.45}
.confetti span:nth-child(1){left:18%;top:15%}.confetti span:nth-child(2){left:75%;top:20%;animation-delay:.5s}.confetti span:nth-child(3){left:86%;top:70%;animation-delay:1s}.confetti span:nth-child(4){left:20%;top:80%;animation-delay:1.5s}.confetti span:nth-child(5){left:50%;top:10%;animation-delay:2s}.confetti span:nth-child(6){left:58%;top:88%;animation-delay:2.5s}
@keyframes float{50%{transform:translateY(-15px) scale(1.25)}}

.timeline-wrap{padding:10px 0 38px}
.timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.t-card{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;padding:18px;text-align:center;direction:rtl}
body.en .t-card{direction:ltr}
.t-ico{font-size:27px}.t-year{font-weight:950;color:var(--cyan);margin:5px 0}.t-title{font-weight:950;color:var(--blue2)}.t-text{font-size:13px;color:var(--muted);line-height:1.55;font-weight:700}

.featured-products{padding:32px 0;background:#fff;border-block:1px solid var(--line)}
.section-mini-title{text-align:center;font-size:25px;font-weight:1000;color:var(--blue2);margin-bottom:18px}
.featured-belt,.awards-belt{overflow:hidden;direction:ltr!important;position:relative}
.featured-track,.awards-track{display:flex;flex-wrap:nowrap;width:max-content;min-width:max-content;will-change:transform;direction:ltr!important}
.featured-track{gap:16px;animation:featuredContinuous 74s linear infinite}
.featured-card{flex:0 0 270px;background:#f7fbff;border:1px solid var(--line);border-radius:22px;box-shadow:0 12px 28px rgba(12,45,80,.08);padding:18px;text-align:center}
.featured-card img{height:115px;width:100%;object-fit:contain}.featured-card b{display:block;color:var(--blue2);margin-top:8px}
@keyframes featuredContinuous{to{transform:translate3d(-25%,0,0)}}

.section{padding:72px 0}.section.white{background:#fff}.section.blue{background:linear-gradient(135deg,var(--blue2),var(--blue));color:#fff}
.section-title{text-align:center;max-width:820px;margin:0 auto 28px;direction:rtl}.section-title h2{font-size:clamp(28px,4vw,44px);color:var(--blue2);margin:14px 0 8px}
body.en .section-title{direction:ltr}.light-title h2,.light-title p{color:#fff}.light-title .eyebrow{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.24);color:#fff}
.brand-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:28px 0}
.brand-card{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:24px;padding:22px;display:flex;align-items:center;justify-content:center;min-height:120px}
.brand-card img{max-height:70px;object-fit:contain}
.official-note,.management-box,.group-story{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:26px;padding:24px;margin-top:22px}
.official-note{text-align:center}.official-note h3,.group-story h3,.management-box h3{color:var(--blue2);margin:0 0 8px;font-size:25px}.official-note p,.group-story p,.management-box p{color:var(--muted);line-height:1.75;font-weight:700}
.group-story{display:grid;grid-template-columns:180px 1fr;gap:24px;align-items:center}.group-story img{width:170px;object-fit:contain}.group-links{display:flex;gap:10px;flex-wrap:wrap}
.management-word{text-align:center}.quote{font-size:22px;font-weight:950;color:var(--blue);margin-bottom:12px}

.office-gallery-section,.partners-block{margin-top:42px;padding-top:34px;border-top:1px solid var(--line)}
.office-slideshow{position:relative;background:linear-gradient(135deg,#fff,#f3f8fc);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);overflow:hidden;padding:18px 18px 58px}
.office-slides{position:relative;min-height:510px}.office-slide{display:none;position:relative;background:#eaf3fb;border-radius:20px;overflow:hidden;animation:fadeOffice .35s}.office-slide.active{display:block}
.office-slide:before{content:"";position:absolute;inset:0;background-image:var(--slide-bg);background-size:cover;background-position:center;filter:blur(18px) saturate(1.08);transform:scale(1.08);opacity:.42}
.office-slide img{position:relative;z-index:1;width:100%;height:510px;object-fit:contain;background:rgba(255,255,255,.7);padding:10px;border-radius:20px}
.office-slide-caption{position:absolute;right:18px;bottom:18px;z-index:2;max-width:min(78%,640px);background:rgba(7,39,73,.82);color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:18px;padding:12px 16px;font-weight:850;line-height:1.6}
body.en .office-slide-caption{right:auto;left:18px}.office-slide-nav{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border:0;border-radius:999px;background:rgba(7,39,73,.82);color:#fff;font-size:24px;z-index:4;cursor:pointer}.office-slide-nav.prev{left:28px}.office-slide-nav.next{right:28px}.office-slide-dots{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);display:flex;gap:10px}.office-dot{width:12px;height:12px;border-radius:50%;border:0;background:#d2d8e0;cursor:pointer}.office-dot.active{background:var(--blue);transform:scale(1.15)}
@keyframes fadeOffice{from{opacity:.35;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}

.photo-map-frame{display:grid;grid-template-columns:minmax(520px,1.12fr) minmax(380px,.88fr);gap:22px;align-items:start;background:linear-gradient(145deg,#fff,#f6fbff);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:30px;padding:22px;direction:ltr!important}
.photo-map-panel{position:sticky;top:104px;background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:0 12px 30px rgba(12,45,80,.10);padding:14px}
.photo-map{position:relative;overflow:hidden;border-radius:22px;background:#eef5fb}.photo-map-base{width:100%;height:auto;border-radius:22px;transition:.2s}.photo-map:hover .photo-map-base{filter:saturate(1.08) contrast(1.04)}
.photo-region{position:absolute;z-index:4;border:2px solid rgba(255,255,255,.9);background:rgba(255,255,255,.92);color:var(--blue2);box-shadow:0 8px 18px rgba(10,55,103,.17);font-family:Tahoma,Arial,sans-serif;font-weight:1000;font-size:13px;border-radius:999px;padding:7px 10px;cursor:pointer;transition:.18s}
.photo-region:hover,.photo-region.active{background:#1d7fd0;color:#fff;border-color:#fff;transform:scale(1.08);box-shadow:0 16px 36px rgba(29,127,208,.28)}
.selected-map-card{position:absolute;z-index:5;left:18px;bottom:18px;min-width:210px;background:rgba(8,46,87,.88);color:#fff;border:1px solid rgba(255,255,255,.22);border-radius:18px;padding:12px 14px;box-shadow:0 12px 26px rgba(0,0,0,.16)}body.en .selected-map-card{left:auto;right:18px}.selected-title{font-weight:1000;font-size:18px;margin-bottom:3px}.selected-subtitle{font-size:12px;line-height:1.5;opacity:.92}
.map-partner-boxes{display:grid;gap:12px;max-height:980px;overflow:auto;padding-inline-end:4px}.map-partner-box{display:grid;grid-template-columns:118px 1fr;gap:12px;background:#fff;border:1px solid var(--line);box-shadow:0 10px 24px rgba(12,45,80,.08);border-radius:20px;padding:10px;transition:.2s;direction:rtl}
body.en .map-partner-box{direction:ltr}.map-partner-box:hover,.map-partner-box.active{background:#eef8ff;border-color:#1d7fd0;box-shadow:0 16px 42px rgba(29,127,208,.18),var(--shadow)}.map-partner-box img{width:118px;height:92px;object-fit:cover;border-radius:14px}.map-partner-box h3{margin:0 0 4px;color:var(--blue2);font-size:20px}.map-partner-box p{margin:0 0 8px;color:var(--muted);font-weight:700;line-height:1.55;font-size:13px}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{background:#eef6fd;color:var(--blue);border:1px solid #d5e8f8;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:900}
.partner-cta{text-align:center;margin-top:18px}

.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;direction:ltr!important}.contact-card{background:#fff;color:var(--text);border-radius:24px;padding:24px;box-shadow:var(--shadow);direction:rtl}.contact-card h3{color:var(--blue2)}body.en .contact-card{direction:ltr}.contact-icon{font-size:32px}
.filters{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:22px}.filters select{padding:12px 14px;border:1px solid var(--line);border-radius:999px;font-weight:850;background:#fff;color:var(--blue2)}
.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-card{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:24px;overflow:hidden;direction:rtl}.product-card.hidden{display:none}body.en .product-card{direction:ltr}.product-card>img{width:100%;height:210px;object-fit:contain;background:#f7fbff;padding:18px}.product-body{padding:18px}.brand-row{display:flex;justify-content:space-between;color:var(--cyan);font-weight:950;font-size:12px}.product-card h3{color:var(--blue2);margin:10px 0}.sku{font-weight:950;color:#53606d}.product-card p{color:var(--muted);line-height:1.55}.dist-tag{display:inline-flex;background:#eef8ff;color:var(--blue);border:1px solid #d4e9fa;border-radius:999px;padding:6px 10px;font-weight:950}

.awards-section{background:#fff}.awards-track{gap:18px;animation:awardsContinuous 68s linear infinite}.award-card{flex:0 0 190px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;overflow:hidden;text-align:center}.award-card img{height:220px;width:100%;object-fit:cover}.award-label{padding:10px 8px;font-weight:950;color:var(--blue2);min-height:46px}
@keyframes awardsContinuous{to{transform:translate3d(-25%,0,0)}}
footer{background:#071d34;color:#fff;padding:28px 0}.footer-grid{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}.socials{display:flex;gap:10px;flex-wrap:wrap}.socials a{color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:8px 12px}

@media(max-width:980px){
  .nav{grid-template-columns:1fr auto}.nav-links{grid-column:1/-1}.hero-grid,.timeline,.brand-grid,.products-grid{grid-template-columns:1fr 1fr}.hero-center{grid-column:1/-1;order:-1}.photo-map-frame,.contact-grid{grid-template-columns:1fr}.photo-map-panel{position:relative;top:auto}.map-partner-boxes{max-height:none;overflow:visible}.group-story{grid-template-columns:1fr;text-align:center}.group-story img{margin:auto}
}
@media(max-width:640px){
  .hero-grid,.timeline,.brand-grid,.products-grid{grid-template-columns:1fr}.hero-visual img{min-height:330px}.nav-links{gap:2px}.nav-links a{font-size:12px;padding:7px}.language-switch{scale:.9;transform-origin:right}.photo-region{font-size:10px;padding:5px 7px}.map-partner-box{grid-template-columns:1fr}.map-partner-box img{width:100%;height:170px}.selected-map-card{left:10px!important;right:10px!important;bottom:10px;min-width:0}.office-slides,.office-slide img{min-height:330px;height:330px}.office-slide-caption{left:14px!important;right:14px!important;max-width:none;font-size:13px}.featured-card{flex-basis:240px}.award-card{flex-basis:170px}.awards-belt:before,.awards-belt:after{width:40px}
}


/* v2 ChamData requested refinements */
h1 span{
  color:#d71920!important;
}
.hero-slogan{
  margin:0 0 12px;
  color:var(--blue);
  font-weight:1000;
  letter-spacing:.02em;
  background:linear-gradient(90deg,rgba(215,25,32,.10),rgba(29,127,208,.12));
  border:1px solid #d7e8f8;
  border-radius:999px;
  padding:9px 15px;
}
.confetti span{
  width:12px!important;
  height:12px!important;
  opacity:.95!important;
  border-radius:4px!important;
  animation:confettiPop 3.8s infinite ease-in-out!important;
}
.confetti span:nth-child(1){background:#d71920!important}
.confetti span:nth-child(2){background:#1d7fd0!important}
.confetti span:nth-child(3){background:#ffbe0b!important}
.confetti span:nth-child(4){background:#31b56a!important}
.confetti span:nth-child(5){background:#ef476f!important}
.confetti span:nth-child(6){background:#8338ec!important}
@keyframes confettiPop{
  0%,100%{transform:translateY(0) rotate(0deg) scale(1)}
  50%{transform:translateY(-26px) rotate(140deg) scale(1.45)}
}
.wheel-start-indicator{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:0 auto 14px;
  background:#d71920;
  color:#fff;
  border-radius:999px;
  padding:9px 15px;
  font-weight:1000;
  box-shadow:0 12px 26px rgba(215,25,32,.18);
}
.wheel-start-indicator:before{
  content:"●";
  color:#fff;
  font-size:12px;
}
.cert-title-wrap{
  margin-top:50px;
}
.big-award-card{
  flex:0 0 240px!important;
}
.big-award-card img{
  height:300px!important;
  object-fit:contain!important;
  background:#fff!important;
  padding:8px!important;
}
.award-label{
  padding:12px 10px!important;
  min-height:78px!important;
  display:grid;
  place-items:center;
  gap:3px;
  line-height:1.3;
}
.award-label span{
  font-weight:1000;
}
.award-label small{
  display:block;
  color:#d71920;
  font-weight:1000;
  font-size:13px;
}
.cert-card{
  background:#f9fcff!important;
}
.certifications-belt{
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  padding-block:8px;
}
.certifications-track{
  animation:awardsContinuous 82s linear infinite!important;
}
.awards-track{
  animation:awardsContinuous 82s linear infinite!important;
}
@media(max-width:640px){
  .big-award-card{flex-basis:210px!important}
  .big-award-card img{height:260px!important}
}


/* v3 refinements: centered logos, service center, lively contact, flip products, accurate 14-map */
.brand-grid{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:18px!important;
}
.brand-card{
  width:min(260px,100%)!important;
  flex:0 1 260px!important;
  justify-content:center!important;
  text-align:center!important;
}
.brand-card img{margin:auto!important}

/* Compact service center */
.service-section{
  background:linear-gradient(135deg,#f7fbff,#ffffff);
  padding:46px 0!important;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.service-compact{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:22px;
  align-items:center;
  direction:ltr!important;
}
.service-copy{
  background:#fff;
  border:1px solid var(--line);
  box-shadow:var(--shadow);
  border-radius:26px;
  padding:24px;
  direction:rtl;
}
body.en .service-copy{direction:ltr}
.service-copy h2{
  color:var(--blue2);
  font-size:clamp(26px,3vw,38px);
  margin:14px 0 8px;
}
.service-copy p{
  color:var(--muted);
  line-height:1.75;
  font-weight:750;
}
.service-badges{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:14px;
}
.service-badges span{
  background:#eef8ff;
  color:var(--blue);
  border:1px solid #d4e9fa;
  border-radius:999px;
  padding:8px 12px;
  font-weight:950;
  font-size:13px;
}
.service-photo-strip{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
}
.service-photo-strip figure{
  margin:0;
  position:relative;
  overflow:hidden;
  border-radius:20px;
  min-height:220px;
  box-shadow:var(--shadow);
  border:1px solid var(--line);
  background:#fff;
}
.service-photo-strip img{
  width:100%;
  height:100%;
  min-height:220px;
  object-fit:cover;
  transition:.22s;
}
.service-photo-strip figure:hover img{transform:scale(1.04)}
.service-photo-strip figcaption{
  position:absolute;
  left:10px;
  right:10px;
  bottom:10px;
  background:rgba(7,47,95,.85);
  color:#fff;
  border-radius:14px;
  padding:8px 10px;
  font-weight:900;
  font-size:12px;
  line-height:1.35;
  text-align:center;
}

/* Products flip boxes, about 25% smaller */
.flip-products-grid{
  grid-template-columns:repeat(4,1fr)!important;
  gap:14px!important;
}
.flip-product-card{
  height:300px!important;
  perspective:1100px;
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
  overflow:visible!important;
}
.flip-inner{
  position:relative;
  width:100%;
  height:100%;
  transition:transform .55s ease;
  transform-style:preserve-3d;
}
.flip-product-card:hover .flip-inner{transform:rotateY(180deg)}
body[dir="rtl"] .flip-product-card:hover .flip-inner{transform:rotateY(-180deg)}
.flip-face{
  position:absolute;
  inset:0;
  backface-visibility:hidden;
  border:1px solid var(--line);
  box-shadow:var(--shadow);
  border-radius:22px;
  overflow:hidden;
  background:#fff;
}
.flip-front{
  display:grid;
  grid-template-rows:170px 1fr;
}
.flip-front img{
  width:100%;
  height:170px;
  object-fit:contain;
  background:#f7fbff;
  padding:14px;
}
.product-front-copy{padding:14px}
.flip-product-card h3{
  font-size:18px;
  line-height:1.25;
}
.flip-back{
  transform:rotateY(180deg);
  display:flex;
  align-items:center;
  padding:18px;
  background:linear-gradient(135deg,#072f5f,#0b4e8a);
  color:#fff;
}
body[dir="rtl"] .flip-back{transform:rotateY(-180deg)}
.flip-back h3,.flip-back .brand-row,.flip-back .sku,.flip-back p{color:#fff!important}
.flip-back p{
  font-size:13px;
  line-height:1.55;
}
.flip-back .dist-tag{
  background:#fff;
  color:var(--blue);
  border-color:#fff;
}

/* More lively contact */
.contact-section{
  position:relative;
  overflow:hidden;
}
.contact-section:before{
  content:"";
  position:absolute;
  inset:-60px -20px auto auto;
  width:360px;
  height:360px;
  background:radial-gradient(circle,rgba(29,127,208,.45),transparent 65%);
  pointer-events:none;
}
.contact-showcase{
  display:grid;
  grid-template-columns:1fr .95fr;
  gap:22px;
  align-items:stretch;
  direction:ltr!important;
}
.contact-grid{grid-template-columns:repeat(2,1fr)!important}
.contact-card{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.18)!important;
}
.contact-card:after{
  content:"";
  position:absolute;
  right:-30px;
  top:-30px;
  width:90px;
  height:90px;
  border-radius:50%;
  background:rgba(29,127,208,.12);
}
.contact-icon{
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  border-radius:18px;
  background:#eef8ff;
  color:var(--blue);
  margin-bottom:10px;
}
.location-map-card{
  background:#fff;
  color:var(--text);
  border-radius:26px;
  padding:16px;
  box-shadow:var(--shadow);
  border:1px solid rgba(255,255,255,.2);
  overflow:hidden;
}
.map-copy{
  direction:rtl;
  padding:4px 4px 12px;
}
body.en .map-copy{direction:ltr}
.map-copy h3{
  color:var(--blue2);
  margin:10px 0 0;
}
.location-map-card iframe{
  width:100%;
  height:330px;
  border:0;
  border-radius:20px;
  background:#eef6fd;
}

/* Accurate map photo interaction: no duplicate city photos */
.photo-map-frame{grid-template-columns:minmax(520px,1.15fr) minmax(330px,.85fr)!important}
.photo-map-panel{top:98px!important}
.photo-region{
  width:92px!important;
  height:58px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:translate(-50%,-50%)!important;
}
.photo-region span{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  opacity:0;
  white-space:nowrap;
  background:#1d7fd0;
  color:#fff;
  border:2px solid #fff;
  border-radius:999px;
  padding:7px 10px;
  font-size:12px;
  font-weight:1000;
  box-shadow:0 12px 24px rgba(29,127,208,.25);
  transition:.18s;
}
.photo-region:after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:22px;
  height:22px;
  border:3px solid rgba(255,122,24,.95);
  border-radius:50%;
  transform:translate(-50%,-50%);
  box-shadow:0 0 0 7px rgba(255,122,24,.14);
  transition:.18s;
}
.photo-region:hover,.photo-region.active{transform:translate(-50%,-50%) scale(1.04)!important}
.photo-region:hover span,.photo-region.active span{
  opacity:1;
  top:-8px;
}
.photo-region:hover:after,.photo-region.active:after{
  background:#ff7a18;
  box-shadow:0 0 0 10px rgba(255,122,24,.20),0 0 22px rgba(255,122,24,.45);
}
.map-partner-box{grid-template-columns:1fr!important}
.map-partner-box img{display:none!important}
.map-partner-box h3{
  display:flex;
  align-items:center;
  gap:8px;
}
.map-partner-box h3:before{
  content:"📍";
  font-size:17px;
}
.selected-map-card{max-width:260px}
.award-label small:empty{display:none}

@media(max-width:1080px){
  .flip-products-grid{grid-template-columns:repeat(3,1fr)!important}
}
@media(max-width:980px){
  .service-compact,.contact-showcase,.photo-map-frame{grid-template-columns:1fr!important}
  .service-photo-strip{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:700px){
  .flip-products-grid{grid-template-columns:repeat(2,1fr)!important}
  .flip-product-card{height:280px!important}
  .flip-front{grid-template-rows:145px 1fr}
  .flip-front img{height:145px}
  .contact-grid{grid-template-columns:1fr!important}
  .photo-region{width:58px!important;height:44px!important}
  .photo-region span{font-size:10px;padding:5px 7px}
  .photo-region:after{width:16px;height:16px}
  .service-photo-strip figure,.service-photo-strip img{min-height:180px}
}
@media(max-width:520px){
  .flip-products-grid{grid-template-columns:1fr!important}
  .service-photo-strip{grid-template-columns:1fr}
}


/* v4 final content/layout fixes */
.footer-grid{display:none!important}
.site-footer{
  background:linear-gradient(135deg,#06182d,#082b50);
  color:#fff;
  padding:42px 0 18px;
  direction:rtl;
}
body.en .site-footer{direction:ltr}
.footer-main{
  display:grid;
  grid-template-columns:1.35fr .8fr .8fr .95fr;
  gap:26px;
  align-items:start;
}
.footer-brand img{
  width:118px;
  height:auto;
  background:#fff;
  border-radius:16px;
  padding:8px;
  margin-bottom:14px;
}
.footer-brand p{
  color:rgba(255,255,255,.78);
  line-height:1.75;
  font-weight:700;
  margin:0 0 14px;
}
.footer-socials{
  display:flex;
  gap:10px;
}
.footer-socials a{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.16);
  transition:.18s;
}
.footer-socials a:hover{
  background:#1d7fd0;
  transform:translateY(-2px);
}
.footer-socials svg{
  width:22px;
  height:22px;
  fill:#fff;
}
.footer-col{
  display:grid;
  gap:9px;
}
.footer-col h4{
  margin:0 0 8px;
  color:#fff;
  font-size:18px;
}
.footer-col a,
.footer-col span{
  color:rgba(255,255,255,.78);
  font-weight:750;
  font-size:14px;
}
.footer-col a:hover{color:#fff}
.footer-bottom{
  margin-top:28px;
  padding-top:16px;
  border-top:1px solid rgba(255,255,255,.13);
  display:flex;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  color:rgba(255,255,255,.65);
  font-size:13px;
}
.footer-bottom a{
  color:#fff;
  font-weight:850;
}

/* Governorate partner boxes with accurately matched photos */
.photo-map-frame .map-partner-box.has-photo{
  grid-template-columns:96px 1fr!important;
  align-items:center;
}
.photo-map-frame .map-partner-box.has-photo img{
  display:block!important;
  width:96px!important;
  height:76px!important;
  object-fit:cover!important;
  border-radius:14px!important;
  border:1px solid var(--line);
}
.photo-map-frame .map-partner-box.no-photo{
  grid-template-columns:1fr!important;
}
.photo-map-frame .map-partner-box.no-photo:before{
  content:"📍";
  width:42px;
  height:42px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:#eef8ff;
  color:var(--blue);
  font-size:20px;
  float:inline-start;
  margin-inline-end:10px;
}

/* Contact map action */
.contact-map-actions{
  margin-top:10px;
}
.map-link-btn{
  background:var(--blue)!important;
  color:#fff!important;
  border-color:var(--blue)!important;
  padding:9px 13px!important;
  font-size:13px!important;
}

/* Visitor-facing smoothness */
.office-gallery-section .section-title p,
.partners-block .section-title p,
.service-copy p,
.contact-section .section-title p{
  max-width:760px;
  margin-inline:auto;
}

@media(max-width:980px){
  .footer-main{
    grid-template-columns:1fr 1fr;
  }
  .photo-map-frame .map-partner-box.has-photo{
    grid-template-columns:86px 1fr!important;
  }
  .photo-map-frame .map-partner-box.has-photo img{
    width:86px!important;
    height:70px!important;
  }
}
@media(max-width:620px){
  .footer-main{
    grid-template-columns:1fr;
  }
  .footer-bottom{
    display:grid;
  }
  .photo-map-frame .map-partner-box.has-photo{
    grid-template-columns:76px 1fr!important;
  }
  .photo-map-frame .map-partner-box.has-photo img{
    width:76px!important;
    height:64px!important;
  }
}


/* v5 refinements */
.brand-card img{display:block!important;margin:0 auto!important;max-width:100%;justify-self:center;align-self:center}
.brand-card{display:flex!important;align-items:center!important;justify-content:center!important}

.map-partner-box[data-region="damascus"] img{object-position:center 64%!important}
.photo-map-frame .map-partner-box.has-photo,
.photo-map-frame .map-partner-box.no-photo{grid-template-columns:96px 1fr!important;align-items:center}
.photo-map-frame .map-partner-box.no-photo:before{content:"";width:96px;height:76px;border-radius:14px;display:block;background:linear-gradient(135deg,#eef5fb,#ddebf7);border:1px solid var(--line);box-shadow:inset 0 0 0 1px rgba(255,255,255,.6)}
.photo-map-frame .map-partner-box.no-photo:after{content:"📍";position:absolute;inset-inline-start:37px;transform:translateY(0);margin-top:22px;font-size:22px;color:var(--blue);pointer-events:none}
.photo-map-frame .map-partner-box{position:relative}
.photo-map-frame .map-partner-box h3{margin-bottom:4px}

.inline-wheel-indicator{position:absolute;top:10px;left:50%;transform:translateX(-50%);z-index:5;margin:0!important;pointer-events:none;background:rgba(215,25,32,.95)!important}
.awards-belt,.certifications-belt{padding-top:54px!important}

.footer-main{grid-template-columns:1.3fr .9fr .75fr .8fr 1fr!important}
.footer-socials-images a{background:rgba(255,255,255,.07);padding:7px}
.footer-socials-images img{display:block;width:30px;height:30px;object-fit:contain}
.footer-col h4{font-size:17px}

@media(max-width:1100px){
  .footer-main{grid-template-columns:1fr 1fr 1fr!important}
}
@media(max-width:760px){
  .footer-main{grid-template-columns:1fr 1fr!important}
}
@media(max-width:620px){
  .footer-main{grid-template-columns:1fr!important}
  .photo-map-frame .map-partner-box.has-photo,
  .photo-map-frame .map-partner-box.no-photo{grid-template-columns:76px 1fr!important}
  .photo-map-frame .map-partner-box.has-photo img,
  .photo-map-frame .map-partner-box.no-photo:before{width:76px!important;height:64px!important}
  .photo-map-frame .map-partner-box.no-photo:after{inset-inline-start:28px;margin-top:18px;font-size:18px}
}


/* v6 final polish */

/* True moving start/end markers inside Awards and Certifications wheels */
.awards-belt{
  padding-top:8px!important;
}
.inline-wheel-indicator{
  display:none!important;
}
.wheel-marker-card{
  flex:0 0 190px;
  min-height:378px;
  display:grid;
  place-items:center;
  text-align:center;
  border-radius:22px;
  border:2px dashed rgba(215,25,32,.45);
  background:linear-gradient(135deg,#fff6f6,#eef8ff);
  color:var(--blue2);
  box-shadow:var(--shadow);
  padding:16px;
}
.wheel-marker-card b{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:58px;
  border-radius:999px;
  padding:10px 16px;
  color:#fff;
  font-weight:1000;
  background:#d71920;
  box-shadow:0 12px 26px rgba(215,25,32,.18);
}
.wheel-marker-card.end-marker{
  border-color:rgba(7,47,95,.32);
  background:linear-gradient(135deg,#f6fbff,#ffffff);
}
.wheel-marker-card.end-marker b{
  background:var(--blue2);
}

/* Flip products work by hover on desktop and tap/click class on mobile */
.flip-product-card.is-flipped .flip-inner{
  transform:rotateY(180deg);
}
body[dir="rtl"] .flip-product-card.is-flipped .flip-inner{
  transform:rotateY(-180deg);
}
.flip-product-card{
  cursor:pointer;
}
.flip-front:after{
  content:"";
  position:absolute;
  right:14px;
  bottom:14px;
  width:28px;
  height:28px;
  border-radius:50%;
  background:rgba(29,127,208,.12);
  border:1px solid rgba(29,127,208,.22);
}
.flip-front:before{
  content:"↻";
  position:absolute;
  right:21px;
  bottom:17px;
  color:var(--blue);
  font-weight:1000;
  z-index:2;
}

/* Ensure clean equal governorate list cards */
.map-partner-box{
  min-height:96px;
}
.photo-map-frame .map-partner-box.has-photo,
.photo-map-frame .map-partner-box.no-photo{
  grid-template-columns:96px 1fr!important;
}

/* Mobile polishing */
@media(max-width:720px){
  .nav{
    min-height:auto!important;
    padding-block:10px!important;
  }
  .logo-wrap img{
    width:62px!important;
    height:46px!important;
  }
  .logo-wrap span{
    font-size:10px!important;
  }
  .language-switch{
    transform:scale(.86)!important;
    transform-origin:right!important;
  }
  .nav-links a{
    font-size:12px!important;
    padding:7px 8px!important;
  }
  .wheel-marker-card{
    flex-basis:170px!important;
    min-height:338px!important;
  }
  .footer-socials-images img{
    width:25px!important;
    height:25px!important;
  }
}


/* v7 governorate image additions + footer icon polish */
.map-partner-box[data-region="rif-dimashq"] img,
.selected-map-card[data-region="rif-dimashq"] .selected-image{object-position:center 62%!important}
.map-partner-box[data-region="suwayda"] img,
.selected-map-card[data-region="suwayda"] .selected-image{object-position:center center!important}
.map-partner-box[data-region="raqqa"] img,
.selected-map-card[data-region="raqqa"] .selected-image{object-position:center center!important}
.map-partner-box[data-region="quneitra"] img,
.selected-map-card[data-region="quneitra"] .selected-image{object-position:center center!important}
.footer-socials-images{gap:12px}
.footer-socials-images a{padding:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18)}
.footer-socials-images a:hover{transform:translateY(-2px)}
.brand-logo img[src*="samsung"], .brands-strip img[src*="samsung"], img.brand-samsung{object-fit:contain;object-position:center center}


/* v9 requested fixes */
.selected-map-card{display:none!important}

.footer-social-block{
  margin-top:18px;
}
.footer-social-block h4{
  margin:0 0 10px;
  color:#fff;
  font-size:18px;
}
.footer-socials-images{
  gap:14px!important;
}
.footer-socials-images a{
  width:58px!important;
  height:58px!important;
  padding:8px!important;
  background:rgba(255,255,255,.10)!important;
  border:1px solid rgba(255,255,255,.20)!important;
}
.footer-socials-images img{
  width:42px!important;
  height:42px!important;
  object-fit:contain!important;
}

/* Thin red wheel start marker inside moving belt */
.wheel-start-indicator,
.wheel-marker-card{
  display:none!important;
}
.wheel-line-marker{
  flex:0 0 4px;
  width:4px;
  min-height:360px;
  background:#d71920;
  border-radius:999px;
  box-shadow:0 0 0 4px rgba(215,25,32,.08);
  align-self:stretch;
  margin-inline:10px;
}
.certifications-track .wheel-line-marker{
  background:#d71920;
}

/* Arabic/mixed-language award labels should stay visually centered and RTL-safe */
body:not(.en) .award-label,
body:not(.en) .award-label span{
  direction:rtl!important;
  text-align:center!important;
  unicode-bidi:isolate!important;
}
.award-label{
  text-align:center!important;
}
.award-label span{
  display:block;
  width:100%;
  unicode-bidi:isolate;
}

/* Map governorate cards: equal size with only partner count when available */
.map-partner-box{
  min-height:96px!important;
  display:grid!important;
  align-items:center!important;
}
.map-partner-box p{
  margin:4px 0 0!important;
  font-weight:1000!important;
  color:var(--cyan)!important;
}
.map-partner-box .chips{
  display:none!important;
}
.photo-map-frame .map-partner-box.has-photo,
.photo-map-frame .map-partner-box.no-photo{
  grid-template-columns:96px 1fr!important;
}
.photo-map-frame .map-partner-box.no-photo:before{
  content:"";
  width:96px!important;
  height:76px!important;
  border-radius:14px;
  display:block;
  background:linear-gradient(135deg,#eef5fb,#ddebf7);
  border:1px solid var(--line);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.65);
}
.photo-map-frame .map-partner-box.no-photo:after{
  content:"📍";
  position:absolute;
  inset-inline-start:37px;
  margin-top:20px;
  font-size:22px;
  color:var(--blue);
  pointer-events:none;
}
.photo-map-frame .map-partner-box{
  position:relative;
}

/* Mobile phone/contact numbers fit better */
.contact-card a[href^="tel"],
.footer-contact a[href^="tel"]{
  white-space:nowrap;
}

@media(max-width:620px){
  .footer-socials-images a{
    width:54px!important;
    height:54px!important;
  }
  .footer-socials-images img{
    width:38px!important;
    height:38px!important;
  }
  .wheel-line-marker{
    min-height:320px;
  }
  .photo-map-frame .map-partner-box.has-photo,
  .photo-map-frame .map-partner-box.no-photo{
    grid-template-columns:76px 1fr!important;
  }
  .photo-map-frame .map-partner-box.has-photo img,
  .photo-map-frame .map-partner-box.no-photo:before{
    width:76px!important;
    height:64px!important;
  }
  .photo-map-frame .map-partner-box.no-photo:after{
    inset-inline-start:28px;
    margin-top:17px;
    font-size:18px;
  }
}


/* v10 requested fixes */
.selected-map-card{display:none!important}

/* Keep the map clean: no visible boxes/labels over the map image */
.photo-region{
  opacity:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.photo-region span,
.photo-region:after,
.photo-region:before{
  display:none!important;
}
.photo-map-panel{
  overflow:hidden!important;
}
.photo-map{
  overflow:hidden!important;
}
.photo-map-base{
  display:block!important;
  width:100%!important;
  height:auto!important;
  object-fit:contain!important;
}

/* Google embedded map: keep same location query but crop/shift the view visually */
.location-map-card{
  overflow:hidden!important;
}
.location-map-card iframe{
  height:360px!important;
  transform:translate(-24px,-28px) scale(1.10);
  transform-origin:center center;
  width:calc(100% + 48px)!important;
  margin-bottom:-46px;
}

/* Footer socials as a real labeled section */
.footer-social-block{
  margin-top:20px!important;
}
.footer-social-block h4{
  margin:0 0 12px!important;
  color:#fff!important;
  font-size:19px!important;
}
.labeled-socials{
  display:flex!important;
  gap:14px!important;
  flex-wrap:wrap!important;
}
.labeled-socials a{
  width:76px!important;
  height:auto!important;
  min-height:90px!important;
  display:grid!important;
  grid-template-rows:auto 56px!important;
  place-items:center!important;
  padding:8px!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.10)!important;
  border:1px solid rgba(255,255,255,.20)!important;
  text-align:center!important;
}
.labeled-socials a span{
  color:#fff!important;
  font-size:12px!important;
  font-weight:900!important;
  line-height:1.2!important;
}
.labeled-socials img{
  width:52px!important;
  height:52px!important;
  object-fit:contain!important;
}

/* Keep phone numbers in correct LTR order inside RTL footer/contact */
.phone-ltr,
a[href^="tel"]{
  direction:ltr!important;
  unicode-bidi:isolate!important;
  display:inline-block!important;
  text-align:left!important;
}

/* Samsung logo visual handling */
.brand-card img[src*="samsung-logo"]{
  width:220px!important;
  max-height:80px!important;
  object-fit:contain!important;
  object-position:center!important;
}

/* Clean award marker line remains thin */
.wheel-line-marker{
  flex:0 0 3px!important;
  width:3px!important;
  min-height:360px!important;
  background:#d71920!important;
  border-radius:999px!important;
  box-shadow:none!important;
  margin-inline:10px!important;
}

/* Map list remains right side on desktop, stacked on mobile */
.photo-map-frame{
  grid-template-columns:minmax(520px,1.15fr) minmax(330px,.85fr)!important;
  align-items:start!important;
}

@media(max-width:760px){
  .labeled-socials a{
    width:70px!important;
    min-height:84px!important;
    grid-template-rows:auto 48px!important;
  }
  .labeled-socials img{
    width:46px!important;
    height:46px!important;
  }
  .location-map-card iframe{
    transform:translate(-18px,-24px) scale(1.08);
    width:calc(100% + 36px)!important;
  }
}


/* v11 emergency restore: old visual map section with image list */
.selected-map-card{
  display:none!important;
}

/* Bring back visible interactive map pins/labels on top of the map */
.photo-region{
  opacity:1!important;
  display:block!important;
  position:absolute!important;
  z-index:4!important;
  width:auto!important;
  height:auto!important;
  min-width:auto!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:translate(-50%,-50%)!important;
  cursor:pointer!important;
}
.photo-region span{
  display:inline-flex!important;
  opacity:1!important;
  white-space:nowrap!important;
  position:relative!important;
  left:auto!important;
  top:auto!important;
  transform:none!important;
  background:rgba(255,255,255,.94)!important;
  color:var(--blue2)!important;
  border:2px solid #fff!important;
  border-radius:999px!important;
  padding:7px 10px!important;
  font-size:12px!important;
  font-weight:1000!important;
  box-shadow:0 10px 22px rgba(10,55,103,.18)!important;
  transition:.18s ease!important;
}
.photo-region:after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:50%!important;
  top:100%!important;
  width:14px!important;
  height:14px!important;
  border:3px solid rgba(255,122,24,.95)!important;
  border-radius:50%!important;
  background:#ff7a18!important;
  transform:translate(-50%,-2px)!important;
  box-shadow:0 0 0 6px rgba(255,122,24,.16)!important;
}
.photo-region:hover span,
.photo-region.active span{
  background:#1d7fd0!important;
  color:#fff!important;
  transform:translateY(-2px)!important;
}
.photo-region:hover:after,
.photo-region.active:after{
  box-shadow:0 0 0 9px rgba(255,122,24,.22),0 0 22px rgba(255,122,24,.45)!important;
}

/* Keep the old section composition: map left, image list right */
.photo-map-frame{
  display:grid!important;
  grid-template-columns:minmax(520px,1.15fr) minmax(360px,.85fr)!important;
  gap:22px!important;
  align-items:start!important;
  background:linear-gradient(145deg,#fff,#f6fbff)!important;
  border:1px solid var(--line)!important;
  box-shadow:var(--shadow)!important;
  border-radius:30px!important;
  padding:22px!important;
  direction:ltr!important;
}
.photo-map-panel{
  position:sticky!important;
  top:98px!important;
  background:#fff!important;
  border:1px solid var(--line)!important;
  border-radius:28px!important;
  box-shadow:0 12px 30px rgba(12,45,80,.10)!important;
  padding:14px!important;
}
.photo-map{
  position:relative!important;
  overflow:hidden!important;
  border-radius:22px!important;
  background:#eef5fb!important;
}
.photo-map-base{
  display:block!important;
  width:100%!important;
  height:auto!important;
  object-fit:contain!important;
  border-radius:22px!important;
}

/* Restore governorate image cards in the list */
.map-partner-boxes{
  display:grid!important;
  gap:12px!important;
  max-height:980px!important;
  overflow:auto!important;
  padding-inline-end:4px!important;
}
.photo-map-frame .map-partner-box{
  display:grid!important;
  grid-template-columns:104px 1fr!important;
  gap:12px!important;
  align-items:center!important;
  min-height:104px!important;
  background:#fff!important;
  border:1px solid var(--line)!important;
  box-shadow:0 10px 24px rgba(12,45,80,.08)!important;
  border-radius:20px!important;
  padding:10px!important;
  transition:.2s!important;
  position:relative!important;
}
.photo-map-frame .map-partner-box:hover,
.photo-map-frame .map-partner-box.active{
  background:#eef8ff!important;
  border-color:#1d7fd0!important;
  box-shadow:0 16px 42px rgba(29,127,208,.18),var(--shadow)!important;
}
.photo-map-frame .map-partner-box.has-photo img{
  display:block!important;
  width:104px!important;
  height:82px!important;
  object-fit:cover!important;
  border-radius:14px!important;
  border:1px solid var(--line)!important;
}
.photo-map-frame .map-partner-box.no-photo:before{
  content:""!important;
  display:block!important;
  width:104px!important;
  height:82px!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#eef5fb,#ddebf7)!important;
  border:1px solid var(--line)!important;
}
.photo-map-frame .map-partner-box.no-photo:after{
  content:"📍"!important;
  position:absolute!important;
  inset-inline-start:48px!important;
  top:42px!important;
  font-size:23px!important;
  color:var(--blue)!important;
  pointer-events:none!important;
}
.photo-map-frame .map-partner-box h3{
  margin:0 0 4px!important;
  color:var(--blue2)!important;
  font-size:20px!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}
.photo-map-frame .map-partner-box h3:before{
  content:"📍";
  font-size:16px;
}
.photo-map-frame .map-partner-box p{
  margin:0!important;
  font-weight:1000!important;
  color:var(--cyan)!important;
  line-height:1.4!important;
}
.photo-map-frame .map-partner-box .chips{
  display:none!important;
}

/* Damascus photo framing adjustment */
.map-partner-box[data-region="damascus"] img{
  object-position:center 64%!important;
}

@media(max-width:980px){
  .photo-map-frame{
    grid-template-columns:1fr!important;
  }
  .photo-map-panel{
    position:relative!important;
    top:auto!important;
  }
  .map-partner-boxes{
    max-height:none!important;
    overflow:visible!important;
  }
}
@media(max-width:620px){
  .photo-region span{
    font-size:10px!important;
    padding:5px 7px!important;
  }
  .photo-region:after{
    width:11px!important;
    height:11px!important;
  }
  .photo-map-frame .map-partner-box{
    grid-template-columns:82px 1fr!important;
    min-height:92px!important;
  }
  .photo-map-frame .map-partner-box.has-photo img,
  .photo-map-frame .map-partner-box.no-photo:before{
    width:82px!important;
    height:66px!important;
  }
  .photo-map-frame .map-partner-box.no-photo:after{
    inset-inline-start:36px!important;
    top:35px!important;
    font-size:18px!important;
  }
}


/* v12 map section: match reference layout shape */
.partners-block{
  margin-top:42px!important;
  padding-top:34px!important;
  border-top:1px solid var(--line)!important;
}
.partners-block .section-title{
  margin-bottom:30px!important;
}
.photo-map-frame{
  display:grid!important;
  grid-template-columns:minmax(540px,1.14fr) minmax(390px,.86fr)!important;
  gap:22px!important;
  align-items:stretch!important;
  background:rgba(255,255,255,.72)!important;
  border:1px solid rgba(216,226,236,.9)!important;
  border-radius:30px!important;
  box-shadow:0 18px 44px rgba(15,45,76,.08)!important;
  padding:22px!important;
  direction:ltr!important;
}
.photo-map-panel{
  position:sticky!important;
  top:98px!important;
  align-self:start!important;
  background:#fff!important;
  border:1px solid var(--line)!important;
  border-radius:28px!important;
  box-shadow:0 12px 30px rgba(12,45,80,.08)!important;
  padding:18px!important;
  overflow:hidden!important;
}
.photo-map{
  position:relative!important;
  overflow:hidden!important;
  border-radius:24px!important;
  background:#fff!important;
  min-height:610px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.photo-map-base{
  width:100%!important;
  height:auto!important;
  object-fit:contain!important;
  border-radius:20px!important;
  display:block!important;
  filter:drop-shadow(0 10px 14px rgba(15,45,76,.12))!important;
}

/* The map image already contains the pins and names.
   Keep transparent hover zones only, no extra visible boxes over the map. */
.selected-map-card{
  display:none!important;
}
.photo-region{
  opacity:0!important;
  display:block!important;
  position:absolute!important;
  z-index:5!important;
  width:8.5%!important;
  height:7%!important;
  min-width:36px!important;
  min-height:30px!important;
  transform:translate(-50%,-50%)!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  cursor:pointer!important;
}
.photo-region span,
.photo-region:before,
.photo-region:after{
  display:none!important;
  content:none!important;
}

/* Right governorate photo list, like the reference */
.map-partner-boxes{
  display:grid!important;
  gap:14px!important;
  max-height:710px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:2px 10px 2px 0!important;
  direction:rtl!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(7,47,95,.55) rgba(7,47,95,.08)!important;
}
.map-partner-boxes::-webkit-scrollbar{
  width:9px!important;
}
.map-partner-boxes::-webkit-scrollbar-track{
  background:rgba(7,47,95,.08)!important;
  border-radius:999px!important;
}
.map-partner-boxes::-webkit-scrollbar-thumb{
  background:rgba(7,47,95,.55)!important;
  border-radius:999px!important;
}
.photo-map-frame .map-partner-box{
  display:grid!important;
  grid-template-columns:112px 1fr!important;
  gap:14px!important;
  align-items:center!important;
  min-height:112px!important;
  background:#fff!important;
  border:1px solid rgba(216,226,236,.95)!important;
  box-shadow:0 12px 26px rgba(12,45,80,.07)!important;
  border-radius:22px!important;
  padding:12px!important;
  transition:.2s ease!important;
  direction:rtl!important;
  position:relative!important;
}
.photo-map-frame .map-partner-box:hover,
.photo-map-frame .map-partner-box.active{
  background:#f3faff!important;
  border-color:#1d7fd0!important;
  box-shadow:0 18px 42px rgba(29,127,208,.16)!important;
}
.photo-map-frame .map-partner-box.has-photo img{
  display:block!important;
  grid-column:1!important;
  width:112px!important;
  height:84px!important;
  object-fit:cover!important;
  border-radius:16px!important;
  border:1px solid var(--line)!important;
}
.photo-map-frame .map-partner-box.no-photo:before{
  content:""!important;
  display:block!important;
  grid-column:1!important;
  width:112px!important;
  height:84px!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,#eef5fb,#ddebf7)!important;
  border:1px solid var(--line)!important;
}
.photo-map-frame .map-partner-box.no-photo:after{
  content:"📍"!important;
  position:absolute!important;
  right:50px!important;
  top:43px!important;
  font-size:23px!important;
  color:var(--blue)!important;
  pointer-events:none!important;
}
.photo-map-frame .map-partner-box > div{
  grid-column:2!important;
  min-width:0!important;
}
.photo-map-frame .map-partner-box h3{
  margin:0 0 4px!important;
  color:var(--blue2)!important;
  font-size:22px!important;
  line-height:1.2!important;
  font-weight:1000!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
}
.photo-map-frame .map-partner-box h3:before{
  content:"📍"!important;
  font-size:15px!important;
}
.photo-map-frame .map-partner-box p{
  margin:0!important;
  color:var(--cyan)!important;
  font-weight:1000!important;
  line-height:1.45!important;
  font-size:14px!important;
}
.photo-map-frame .map-partner-box .chips{
  display:none!important;
}
.map-partner-box[data-region="damascus"] img{
  object-position:center 64%!important;
}

/* Desktop reference layout: map stays left, list stays right. Mobile stacks cleanly. */
@media(max-width:980px){
  .photo-map-frame{
    grid-template-columns:1fr!important;
  }
  .photo-map-panel{
    position:relative!important;
    top:auto!important;
  }
  .photo-map{
    min-height:auto!important;
  }
  .map-partner-boxes{
    max-height:none!important;
    overflow:visible!important;
    padding:0!important;
  }
}
@media(max-width:620px){
  .photo-map-frame{
    padding:14px!important;
    border-radius:24px!important;
  }
  .photo-map-panel{
    padding:10px!important;
    border-radius:22px!important;
  }
  .photo-map-frame .map-partner-box{
    grid-template-columns:88px 1fr!important;
    min-height:96px!important;
    gap:10px!important;
  }
  .photo-map-frame .map-partner-box.has-photo img,
  .photo-map-frame .map-partner-box.no-photo:before{
    width:88px!important;
    height:68px!important;
    border-radius:13px!important;
  }
  .photo-map-frame .map-partner-box.no-photo:after{
    right:38px!important;
    top:38px!important;
    font-size:18px!important;
  }
  .photo-map-frame .map-partner-box h3{
    font-size:18px!important;
  }
}


/* v13 full map-section rebuild: fixed side-by-side reference layout */
.coverage-v13-section{
  margin-top:42px!important;
  padding-top:34px!important;
  border-top:1px solid var(--line)!important;
}
.coverage-v13-section .section-title{
  margin-bottom:30px!important;
}
.coverage-v13-shell{
  display:grid!important;
  grid-template-columns:minmax(0,1.12fr) 430px!important;
  gap:22px!important;
  align-items:start!important;
  width:100%!important;
  max-width:100%!important;
  background:rgba(255,255,255,.78)!important;
  border:1px solid rgba(216,226,236,.92)!important;
  border-radius:30px!important;
  box-shadow:0 18px 44px rgba(15,45,76,.08)!important;
  padding:22px!important;
  direction:ltr!important;
}
.coverage-v13-map-card{
  min-width:0!important;
  background:#fff!important;
  border:1px solid var(--line)!important;
  border-radius:28px!important;
  box-shadow:0 12px 30px rgba(12,45,80,.08)!important;
  padding:18px!important;
  overflow:hidden!important;
}
.coverage-v13-map{
  position:relative!important;
  min-height:600px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  border-radius:24px!important;
  background:#fff!important;
}
.coverage-v13-map img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  object-fit:contain!important;
  border-radius:20px!important;
  filter:drop-shadow(0 10px 14px rgba(15,45,76,.12))!important;
}
.coverage-v13-hotspot{
  position:absolute!important;
  z-index:4!important;
  width:8.5%!important;
  height:7%!important;
  min-width:36px!important;
  min-height:30px!important;
  transform:translate(-50%,-50%)!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  opacity:.02!important;
  cursor:pointer!important;
  padding:0!important;
}
.coverage-v13-hotspot:hover,
.coverage-v13-hotspot.active{
  opacity:.08!important;
  background:rgba(255,122,24,.35)!important;
  border-radius:999px!important;
}
.coverage-v13-list{
  display:grid!important;
  gap:14px!important;
  max-height:710px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:2px 10px 2px 0!important;
  direction:rtl!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(7,47,95,.55) rgba(7,47,95,.08)!important;
}
.coverage-v13-list::-webkit-scrollbar{width:9px!important}
.coverage-v13-list::-webkit-scrollbar-track{
  background:rgba(7,47,95,.08)!important;
  border-radius:999px!important;
}
.coverage-v13-list::-webkit-scrollbar-thumb{
  background:rgba(7,47,95,.55)!important;
  border-radius:999px!important;
}
.coverage-v13-card{
  display:grid!important;
  grid-template-columns:112px minmax(0,1fr)!important;
  gap:14px!important;
  align-items:center!important;
  min-height:112px!important;
  background:#fff!important;
  border:1px solid rgba(216,226,236,.95)!important;
  box-shadow:0 12px 26px rgba(12,45,80,.07)!important;
  border-radius:22px!important;
  padding:12px!important;
  transition:.2s ease!important;
  direction:rtl!important;
}
.coverage-v13-card:hover,
.coverage-v13-card.active{
  background:#f3faff!important;
  border-color:#1d7fd0!important;
  box-shadow:0 18px 42px rgba(29,127,208,.16)!important;
  transform:translateY(-1px)!important;
}
.coverage-v13-photo{
  grid-column:1!important;
  width:112px!important;
  height:84px!important;
  border-radius:16px!important;
  overflow:hidden!important;
  background:linear-gradient(135deg,#eef5fb,#ddebf7)!important;
  border:1px solid var(--line)!important;
  display:grid!important;
  place-items:center!important;
}
.coverage-v13-photo img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
.coverage-v13-photo span{
  font-size:26px!important;
  color:var(--blue)!important;
}
.coverage-v13-card[data-region="damascus"] .coverage-v13-photo img{
  object-position:center 64%!important;
}
.coverage-v13-copy{
  grid-column:2!important;
  min-width:0!important;
}
.coverage-v13-copy h3{
  margin:0 0 5px!important;
  color:var(--blue2)!important;
  font-size:22px!important;
  line-height:1.2!important;
  font-weight:1000!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
}
.coverage-v13-copy h3:before{
  content:"📍"!important;
  font-size:15px!important;
}
.coverage-v13-copy p{
  margin:0!important;
  color:var(--cyan)!important;
  font-weight:1000!important;
  line-height:1.45!important;
  font-size:14px!important;
}
.coverage-v13-cta{
  margin-top:18px!important;
  text-align:center!important;
}

/* Hide old broken map structures if any survive */
.photo-map-frame,
.photo-map-panel,
.photo-map,
.map-partner-boxes,
.map-partner-box{
  /* Do not affect v13 because it uses new class names */
}

/* Keep side-by-side on normal laptop/desktop; stack only on tablet/mobile */
@media(max-width:820px){
  .coverage-v13-shell{
    grid-template-columns:1fr!important;
    padding:14px!important;
    border-radius:24px!important;
  }
  .coverage-v13-map{
    min-height:auto!important;
  }
  .coverage-v13-list{
    max-height:none!important;
    overflow:visible!important;
    padding:0!important;
  }
}
@media(max-width:620px){
  .coverage-v13-card{
    grid-template-columns:88px minmax(0,1fr)!important;
    min-height:96px!important;
    gap:10px!important;
  }
  .coverage-v13-photo{
    width:88px!important;
    height:68px!important;
    border-radius:13px!important;
  }
  .coverage-v13-copy h3{
    font-size:18px!important;
  }
  .coverage-v13-copy p{
    font-size:13px!important;
  }
}


/* v14 final publishable polish */

/* Footer: Main Brands + clearly separated Social label / logo blocks */
.footer-social-block{
  margin-top:22px!important;
  padding-top:16px!important;
  border-top:1px solid rgba(255,255,255,.14)!important;
}
.footer-social-block h4{
  margin:0 0 14px!important;
  color:#fff!important;
  font-size:19px!important;
  font-weight:1000!important;
}
.labeled-socials{
  display:flex!important;
  gap:16px!important;
  flex-wrap:wrap!important;
}
.labeled-socials a{
  width:88px!important;
  min-height:106px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  padding:10px 8px!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.10)!important;
  border:1px solid rgba(255,255,255,.20)!important;
  text-align:center!important;
  color:#fff!important;
}
.labeled-socials a span{
  display:block!important;
  width:100%!important;
  padding-bottom:8px!important;
  border-bottom:1px solid rgba(255,255,255,.18)!important;
  color:#fff!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:950!important;
}
.labeled-socials img{
  width:54px!important;
  height:54px!important;
  object-fit:contain!important;
}
.labeled-socials a:hover{
  background:rgba(29,127,208,.55)!important;
  transform:translateY(-2px)!important;
}

/* More reliable laptop/desktop map layout: left map + right list */
.coverage-v13-shell{
  grid-template-columns:minmax(0,1.1fr) 430px!important;
  align-items:start!important;
}
.coverage-v13-map-card{
  min-width:0!important;
}
.coverage-v13-list{
  min-width:0!important;
  max-height:710px!important;
}

/* Do not stack map on normal laptop widths */
@media(max-width:760px){
  .coverage-v13-shell{
    grid-template-columns:1fr!important;
  }
  .coverage-v13-list{
    max-height:none!important;
    overflow:visible!important;
  }
}

/* Mobile site optimization */
@media(max-width:760px){
  .container{width:min(94vw,1180px)!important}
  .site-header{position:sticky!important}
  .nav{
    grid-template-columns:1fr auto!important;
    gap:8px!important;
    min-height:auto!important;
    padding:8px 0!important;
  }
  .logo-wrap img{
    width:62px!important;
    height:42px!important;
  }
  .logo-wrap span{
    font-size:10px!important;
  }
  .language-switch{
    transform:scale(.86)!important;
    transform-origin:right!important;
  }
  .nav-links{
    grid-column:1/-1!important;
    display:flex!important;
    justify-content:center!important;
    gap:4px!important;
    max-width:100%!important;
  }
  .nav-links a{
    font-size:12px!important;
    padding:7px 8px!important;
  }
  .hero{
    padding-top:20px!important;
  }
  .hero-grid{
    grid-template-columns:1fr!important;
  }
  .hero-center{
    order:-1!important;
  }
  .hero-visual img{
    min-height:260px!important;
    max-height:360px!important;
  }
  .timeline{
    grid-template-columns:1fr!important;
  }
  .brand-grid{
    grid-template-columns:1fr!important;
  }
  .service-compact,
  .contact-showcase{
    grid-template-columns:1fr!important;
  }
  .contact-grid{
    grid-template-columns:1fr!important;
  }
  .flip-products-grid{
    grid-template-columns:1fr!important;
  }
  .footer-main{
    grid-template-columns:1fr!important;
  }
  .footer-bottom{
    display:grid!important;
    gap:8px!important;
  }
  .labeled-socials{
    justify-content:flex-start!important;
  }
  .labeled-socials a{
    width:82px!important;
    min-height:100px!important;
  }
  .labeled-socials img{
    width:48px!important;
    height:48px!important;
  }
}

/* Mid-size tablet optimization */
@media(min-width:761px) and (max-width:1050px){
  .coverage-v13-shell{
    grid-template-columns:1fr!important;
  }
  .coverage-v13-list{
    max-height:none!important;
    overflow:visible!important;
  }
  .coverage-v13-card{
    grid-template-columns:112px 1fr!important;
  }
  .footer-main{
    grid-template-columns:1fr 1fr!important;
  }
  .flip-products-grid{
    grid-template-columns:repeat(2,1fr)!important;
  }
}

/* Admin/login pages on cPanel mobile */
.login-card{
  max-width:430px!important;
}
@media(max-width:640px){
  .login-card{
    width:92vw!important;
    padding:22px!important;
  }
  .admin-layout{
    grid-template-columns:1fr!important;
  }
  .admin-menu{
    position:relative!important;
    top:auto!important;
    height:auto!important;
    display:flex!important;
    overflow-x:auto!important;
    border-right:0!important;
    border-bottom:1px solid #dce7f2!important;
  }
  .admin-menu .tab{
    white-space:nowrap!important;
    width:auto!important;
  }
  .admin-main{
    padding:16px!important;
  }
  .two,.three,.four{
    grid-template-columns:1fr!important;
  }
}


/* v15 final footer social alignment fix */
.labeled-socials,
.footer-socials-images{
  display:grid!important;
  grid-template-columns:repeat(3, 1fr)!important;
  gap:10px!important;
  width:100%!important;
  max-width:300px!important;
  align-items:stretch!important;
}
.labeled-socials a,
.footer-socials-images a{
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  min-height:98px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  padding:10px 6px!important;
  border-radius:18px!important;
}
.labeled-socials a span{
  display:block!important;
  width:100%!important;
  text-align:center!important;
  padding-bottom:7px!important;
  border-bottom:1px solid rgba(255,255,255,.18)!important;
  white-space:nowrap!important;
  font-size:11px!important;
}
.labeled-socials img,
.footer-socials-images img{
  width:48px!important;
  height:48px!important;
  object-fit:contain!important;
}
@media(max-width:760px){
  .labeled-socials,
  .footer-socials-images{
    grid-template-columns:repeat(3, 1fr)!important;
    max-width:280px!important;
  }
  .labeled-socials a,
  .footer-socials-images a{
    min-height:92px!important;
  }
  .labeled-socials img,
  .footer-socials-images img{
    width:44px!important;
    height:44px!important;
  }
}


/* Hostinger v16 final optimization */
img{max-width:100%;height:auto}
button,input,select,textarea{font-family:inherit}
.site-header{z-index:999}
@media(max-width:760px){
  html,body{overflow-x:hidden!important}
  .coverage-v13-shell,
  .photo-map-frame,
  .footer-main,
  .products-grid,
  .contact-showcase,
  .service-compact{
    max-width:100%!important;
  }
}