@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@700;800&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800;900&display=swap');
:root{--blue:#07519a;--blue2:#063f79;--ink:#073c70;--text:#102f4c;--muted:#6f8293;--line:#e6edf3;--soft:#f2f9fc;--green:#079c88;--yellow:#f6c800;--shadow:0 8px 22px rgba(9,52,87,.11)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--text);font-family:'Tajawal',Tahoma,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{text-decoration:none;color:inherit}button,input{font:inherit}button{cursor:pointer}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.site-width{width:min(96%,1450px);margin-inline:auto}.site-header{height:clamp(40px,4.7vw,64px);background:#fff;border-bottom:1px solid #e7edf2;position:relative;z-index:50}.header-inner{height:100%;width:min(96%,1500px);margin:auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;direction:ltr}.brand{display:flex;align-items:center;gap:7px;direction:ltr;white-space:nowrap}.brand-mark{width:clamp(24px,2.75vw,38px);height:clamp(24px,2.75vw,38px);display:grid;place-items:center}.brand-mark svg{width:100%;height:100%;fill:var(--yellow)}.brand-text{display:grid;line-height:1.04;text-align:left}.brand-text b{font-size:clamp(10px,1.2vw,16px);font-family:Arial,sans-serif;color:#174873;font-weight:800}.brand-text em{font-style:normal;font-size:clamp(8px,1.05vw,14px);font-weight:800;color:#174873;direction:rtl;text-align:left}.desktop-nav{display:flex;justify-content:center;align-items:center;gap:clamp(8px,1.2vw,21px);direction:rtl;min-width:0}.desktop-nav a{font-size:clamp(7.5px,.78vw,12px);font-weight:700;color:#284b6b;white-space:nowrap;padding:4px 0;transition:.15s}.desktop-nav a:hover,.desktop-nav a.active{color:var(--blue)}.header-actions{display:flex;align-items:center;gap:clamp(4px,.55vw,9px);direction:ltr}.icon-button,.menu-button{border:0;background:transparent;color:#114d80;padding:4px;width:clamp(26px,2.7vw,38px);height:clamp(26px,2.7vw,38px);display:grid;place-items:center;border-radius:50%}.icon-button:hover,.menu-button:hover{background:#f3f7fa}.icon-button svg,.menu-button svg{width:55%;height:55%;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}.menu-button{display:none}.mobile-nav{display:none;position:absolute;top:100%;right:0;left:0;background:#fff;padding:12px 18px;border-top:1px solid var(--line);box-shadow:0 12px 25px rgba(0,0,0,.1);grid-template-columns:repeat(2,1fr);gap:7px}.mobile-nav a{padding:9px 10px;border-radius:7px;background:#f7fafc;color:#153f64;font-size:12px;font-weight:700}
.hero-section{height:clamp(351px,41.15vw,560px);position:relative;overflow:hidden;color:#123f68;background:#eaf8ff}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,30,52,.20),rgba(5,30,52,.05) 50%,rgba(5,30,52,.25)),linear-gradient(0deg,rgba(2,18,35,.32),transparent 45%)}.hero-content{position:relative;z-index:2;width:min(76%,1080px);margin-left:12%;margin-right:0;padding-top:clamp(42px,5.2vw,76px);direction:rtl;text-align:left}.hero-eyebrow{direction:ltr;text-align:left;margin:0 0 clamp(12px,1.5vw,18px);font-family:Arial,sans-serif;font-size:clamp(6.5px,.72vw,10px);letter-spacing:.22em;line-height:1.45;font-weight:500;opacity:.93;width:52%}.hero-content h1{font-size:clamp(49px,6.4vw,88px);line-height:.98;margin:0 0 clamp(8px,1vw,14px);font-weight:800;letter-spacing:-.04em;text-shadow:0 2px 7px rgba(0,0,0,.12)}.hero-subtitle{font-size:clamp(13px,1.5vw,21px);font-weight:700;margin:0 0 clamp(15px,1.9vw,24px)}.hero-search{height:clamp(41px,4.65vw,63px);max-width:clamp(535px,62.7vw,860px);background:#fff;border-radius:clamp(8px,.95vw,13px);display:flex;align-items:center;padding:4px 5px 4px 14px;direction:ltr;box-shadow:0 6px 22px rgba(0,0,0,.19)}.hero-search svg{width:clamp(16px,1.6vw,23px);height:clamp(16px,1.6vw,23px);stroke:#0d568f;fill:none;stroke-width:2.4;flex:none;margin:0 10px 0 4px}.hero-search input{min-width:0;flex:1;border:0;outline:0;color:#445b6e;font-size:clamp(9px,.9vw,13px);direction:rtl;text-align:right;background:transparent}.hero-search button{height:100%;min-width:clamp(70px,8.3vw,114px);border:0;background:#07518d;color:#fff;border-radius:clamp(6px,.7vw,10px);font-size:clamp(9px,.9vw,13px);font-weight:700;transition:.15s}.hero-search button:hover{background:#043f72}.popular-label{font-size:clamp(8px,.9vw,12px);font-weight:700;margin:clamp(8px,1vw,14px) 0 6px}.hero-chips{display:flex;gap:clamp(4px,.5vw,8px);flex-wrap:wrap;direction:rtl}.hero-chips a{background:#fff;color:#3e566b;border-radius:18px;font-size:clamp(7.5px,.8vw,11px);font-weight:700;padding:clamp(3px,.36vw,5px) clamp(8px,.9vw,13px);box-shadow:0 2px 7px rgba(0,0,0,.16);transition:.15s}.hero-chips a:hover{transform:translateY(-1px);background:#f7fbff}.hero-script{display:none}
.category-wrap{position:relative;z-index:5;width:min(98%,1480px);margin:calc(clamp(-2px,-.25vw,-4px) - 20px) auto 0;background:#fff;border-radius:clamp(8px,.8vw,12px);box-shadow:var(--shadow);padding:0 clamp(8px,1.4vw,22px)}.category-grid{height:clamp(109px,12.8vw,175px);display:grid;grid-template-columns:repeat(10,1fr);direction:rtl}.category-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:clamp(9px,1.1vw,15px) 6px;position:relative;transition:.15s}.category-card:not(:last-child):after{content:"";position:absolute;left:0;top:15%;height:70%;width:1px;background:#e8eef3}.category-card:hover{background:#f8fbfd}.category-card svg{width:clamp(23px,2.65vw,37px);height:clamp(23px,2.65vw,37px);color:#075196;margin-bottom:clamp(4px,.5vw,7px)}.category-card b{font-size:clamp(8px,.9vw,12.5px);color:#153f63;line-height:1.25}.category-card small{font-size:clamp(6px,.7vw,9.5px);line-height:1.45;color:#5f7181;margin-top:3px}
.intro-section{height:clamp(146px,17.1vw,234px);display:grid;grid-template-columns:1fr 1fr;gap:clamp(11px,1.25vw,18px);padding:clamp(11px,1.3vw,18px) 0;direction:ltr}.discover-banner,.why-card{direction:rtl}.discover-banner{border-radius:8px;overflow:hidden;position:relative;background:#0d5a8d;color:#fff}.discover-copy{position:absolute;right:clamp(13px,1.7vw,24px);top:50%;transform:translateY(-50%);text-align:right}.discover-copy h2{font-size:clamp(14px,1.75vw,25px);line-height:1.2;margin:0 0 4px}.discover-copy p{font-size:clamp(8px,.9vw,12px);margin:0 0 clamp(7px,.8vw,12px)}.discover-copy span{display:inline-flex;align-items:center;gap:5px;border:1px solid #fff;border-radius:6px;padding:clamp(4px,.5vw,7px) clamp(9px,1.05vw,15px);font-size:clamp(8px,.85vw,11px);font-weight:700}.discover-copy span svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2}.why-card{background:#f1f9fc;border-radius:8px;padding:clamp(11px,1.3vw,18px) clamp(14px,1.5vw,22px)}.why-card h2{margin:0 0 clamp(13px,1.6vw,22px);font-size:clamp(15px,1.8vw,25px);color:#123f68}.why-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;text-align:center}.why-grid>div{display:flex;flex-direction:column;align-items:center}.why-grid svg{width:clamp(21px,2.4vw,34px);height:clamp(21px,2.4vw,34px);color:#075196;margin-bottom:6px}.why-grid .green svg{color:var(--green)}.why-grid b{font-size:clamp(7px,.82vw,11px);line-height:1.42;color:#233f57}
.section{padding:clamp(7px,.8vw,12px) 0}.section-head{height:clamp(28px,3.3vw,46px);display:flex;align-items:center;justify-content:space-between;direction:rtl}.section-head h2{font-size:clamp(16px,1.9vw,27px);margin:0;color:#123f68;line-height:1}.section-head a{font-size:clamp(8px,.85vw,11px);font-weight:600;color:#2d587a;display:inline-flex;align-items:center;gap:4px}.section-head a svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2}.city-grid,.guide-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(6px,.78vw,11px);direction:rtl}.mini-card,.guide-card{border:1px solid #e5ebf0;border-radius:6px;overflow:hidden;background:#fff;min-width:0;transition:.16s}.mini-card:hover,.guide-card:hover,.update-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(10,55,89,.10)}.mini-card img{width:100%;aspect-ratio:1.32/1;object-fit:cover;display:block}.mini-card>div{position:relative;padding:clamp(5px,.55vw,8px) clamp(7px,.75vw,11px) clamp(7px,.8vw,11px);min-height:clamp(46px,5.5vw,75px)}.mini-card b{display:block;color:#102f4b;font-size:clamp(8px,.85vw,11.5px);line-height:1.35}.mini-card small{display:block;color:#758390;font-size:clamp(6.3px,.68vw,9px);margin-top:2px;line-height:1.35}.circle-arrow{position:absolute;left:clamp(6px,.7vw,10px);bottom:clamp(7px,.8vw,11px);width:clamp(18px,2vw,28px);height:clamp(18px,2vw,28px);border:1px solid #e2e9ef;border-radius:50%;display:grid;place-items:center;background:#fff}.circle-arrow svg{width:50%;height:50%;stroke:#315e7c;fill:none;stroke-width:2}.guide-card img{width:100%;aspect-ratio:1.48/1;object-fit:cover;display:block}.guide-card>div{padding:clamp(6px,.65vw,9px);min-height:clamp(69px,8.4vw,115px)}.tag{display:block;font-size:clamp(6px,.64vw,8.5px);font-weight:800;margin-bottom:3px}.tag.blue{color:#154f86}.tag.orange{color:#e29a1d}.guide-card b{display:block;color:#153b5e;font-size:clamp(7.5px,.82vw,11px);line-height:1.45}.guide-card small{display:block;color:#7b8893;font-size:clamp(5.8px,.64vw,8.7px);line-height:1.45;margin-top:4px}.guide-section{padding-bottom:clamp(14px,1.7vw,24px)}
.stats-section{height:clamp(120px,14.1vw,193px);background:#07385f;color:#fff}.stats-inner{height:100%;display:grid;grid-template-columns:repeat(4,1fr) 1.15fr;align-items:center;direction:rtl}.stat{text-align:center}.stat svg{width:clamp(23px,2.5vw,36px);height:clamp(23px,2.5vw,36px);color:#fff;margin-bottom:4px}.stat strong{display:block;font-size:clamp(19px,2.2vw,31px);line-height:1;font-weight:700}.stat span{font-size:clamp(8px,.9vw,12px);font-weight:600;display:block;margin-top:6px}.stats-brand{text-align:center;line-height:.9}.stats-brand strong{font-size:clamp(31px,3.7vw,52px);font-weight:400;display:block}.stats-brand span{font-size:clamp(17px,2.1vw,29px);display:block;margin-top:6px}.updates-section{padding-top:clamp(10px,1.25vw,18px);padding-bottom:clamp(26px,3vw,42px)}.updates-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(7px,.8vw,12px);direction:rtl}.update-card{border:1px solid #e5ebf0;border-radius:6px;overflow:hidden;background:#fff;position:relative;transition:.16s}.update-card img{width:100%;aspect-ratio:1.75/1;object-fit:cover;display:block}.update-card .badge{position:absolute;top:8px;right:8px;background:#ffd56a;color:#805e11;border-radius:4px;padding:4px 7px;font-size:clamp(5.8px,.62vw,8.5px);font-weight:800}.update-card>div{padding:8px}.update-card b{display:block;color:#153b5f;font-size:clamp(7.5px,.85vw,11.5px);line-height:1.4}.update-card small{display:block;color:#7b8994;font-size:clamp(6px,.65vw,8.8px);margin-top:4px}.site-footer{background:#07385f;color:#dfe9f1;padding:30px 0 14px}.footer-inner{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:30px;direction:rtl}.footer-inner>div{display:grid;gap:7px;align-content:start}.footer-inner>div>b{color:#fff}.footer-inner a{font-size:12px;color:#d2dfeb}.footer-brand .brand{direction:ltr}.footer-brand p{font-size:12px;line-height:1.8;max-width:330px}.copyright{border-top:1px solid rgba(255,255,255,.12);padding-top:12px;margin-top:18px;font-size:11px;color:#a9becf;text-align:center}
.search-modal{position:fixed;inset:0;background:rgba(3,21,35,.82);z-index:100;display:none;align-items:flex-start;justify-content:center;padding-top:14vh}.search-modal.open{display:flex}.search-modal form{width:min(92%,720px);height:58px;background:#fff;border-radius:12px;padding:6px;display:flex;align-items:center;direction:ltr;box-shadow:0 18px 45px rgba(0,0,0,.22)}.search-modal form>svg{width:22px;height:22px;stroke:#0b568e;fill:none;stroke-width:2.3;margin:0 12px}.search-modal input{border:0;outline:0;flex:1;font-size:15px;direction:rtl;text-align:right}.search-modal form button{height:46px;min-width:95px;border:0;border-radius:8px;background:#07518d;color:#fff;font-weight:700}.modal-close{position:absolute;top:24px;right:24px;background:transparent;border:0;color:#fff;width:42px;height:42px}.modal-close svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:1.7}
@media (max-width:820px){.desktop-nav{display:none}.menu-button{display:grid}.site-header.open .mobile-nav{display:grid}.header-inner{grid-template-columns:auto 1fr auto}.header-actions{grid-column:3}.brand{grid-column:1}.hero-content{width:88%;margin-left:6%;padding-top:46px}.hero-section{height:500px;background-position:55% center,center}.hero-script{display:none}.category-wrap{width:96%;margin-top:-16px;padding:0}.category-grid{height:auto;grid-template-columns:repeat(5,1fr)}.category-card{min-height:92px}.category-card:nth-child(5n):after{display:none}.intro-section{height:auto;grid-template-columns:1fr;gap:10px;padding-top:14px}.discover-banner,.why-card{min-height:190px}.city-grid,.guide-grid{grid-template-columns:repeat(3,1fr)}.updates-grid{grid-template-columns:repeat(2,1fr)}.stats-section{height:auto;min-height:210px}.stats-inner{grid-template-columns:repeat(2,1fr);padding:22px 0;gap:18px}.stats-brand{grid-column:1/-1}.footer-inner{grid-template-columns:1fr 1fr}.hero-eyebrow{width:70%}}
@media (max-width:520px){.site-width{width:94%}.site-header{height:56px}.brand-text b{font-size:13px}.brand-text em{font-size:11px}.brand-mark{width:32px;height:32px}.hero-section{height:520px;background-position:58% center,center}.hero-content{width:92%;padding-top:60px}.hero-content h1{font-size:46px}.hero-subtitle{font-size:15px}.hero-script{display:none}.hero-search{max-width:100%;height:52px}.hero-search button{min-width:76px}.category-grid{grid-template-columns:repeat(2,1fr)}.category-card{min-height:108px}.category-card:nth-child(5n):after{display:block}.category-card:nth-child(2n):after{display:none}.why-grid{grid-template-columns:repeat(2,1fr);gap:18px}.city-grid,.guide-grid{grid-template-columns:repeat(2,1fr)}.section-head h2{font-size:20px}.stats-inner{grid-template-columns:repeat(2,1fr)}.updates-grid{grid-template-columns:1fr 1fr}.footer-inner{grid-template-columns:1fr}.mobile-nav{grid-template-columns:1fr 1fr}}
html[dir="ltr"] body{direction:ltr}html[dir="ltr"] .hero-content{text-align:left;direction:ltr}html[dir="ltr"] .hero-search input{direction:rtl;text-align:right}html[dir="ltr"] .category-grid,html[dir="ltr"] .city-grid,html[dir="ltr"] .guide-grid,html[dir="ltr"] .updates-grid,html[dir="ltr"] .stats-inner,html[dir="ltr"] .footer-inner{direction:ltr}html[dir="ltr"] .section-head{direction:ltr}html[dir="ltr"] .discover-copy{right:auto;left:clamp(13px,1.7vw,24px);text-align:left}html[dir="ltr"] .circle-arrow{left:auto;right:clamp(6px,.7vw,10px);transform:scaleX(-1)}

/* Arabic home hero: match the supplied reference image.
   Keep Arabic text direction RTL, but anchor the hero copy to the LEFT. */
html[dir="rtl"] .hero-content,
html[dir="ltr"] .hero-content{
  direction:ltr;
  text-align:left;
  left:4%;
  margin-left:0;
  margin-right:0;
}
html[dir="rtl"] .hero-content h1,
html[dir="rtl"] .hero-subtitle,
html[dir="rtl"] .popular-label,
html[dir="ltr"] .hero-content h1,
html[dir="ltr"] .hero-subtitle,
html[dir="ltr"] .popular-label{
  direction:ltr;
  text-align:left;
}
html[dir="rtl"] .hero-search,
html[dir="ltr"] .hero-search{
  margin-left:0;
  margin-right:auto;
}
html[dir="rtl"] .hero-chips,
html[dir="ltr"] .hero-chips{
  direction:ltr;
  justify-content:flex-start;
}
html[dir="rtl"] .hero-chips a,
html[dir="ltr"] .hero-chips a{
  direction:rtl;
  text-align:center;
}
@media (max-width:820px){
  html[dir="rtl"] .hero-content,
  html[dir="ltr"] .hero-content{
    left:6%;
    margin-left:0;
    margin-right:0;
    text-align:left;
  }
}

/* Reference hero sizing/alignment. Images stay unchanged. */
.hero-section{
  height:calc(clamp(255px,31vw,420px) + 20px);
}
.hero-overlay{
  background:linear-gradient(90deg,rgba(5,30,52,.10),rgba(5,30,52,.03) 52%,rgba(5,30,52,.18)),linear-gradient(0deg,rgba(2,18,35,.25),transparent 48%);
}
.hero-content{
  position:absolute;
  top:0;
  left:4%;
  width:min(64%,760px);
  margin-left:0;
  margin-right:0;
  padding-top:clamp(34px,4.1vw,58px);
}
.hero-eyebrow{
  width:auto;
  margin-bottom:clamp(7px,.85vw,12px);
  font-size:clamp(6px,.58vw,8.5px);
  letter-spacing:.2em;
}
.hero-content h1{
  font-size:clamp(42px,5.25vw,74px);
  line-height:.92;
  margin-bottom:clamp(4px,.55vw,8px);
}
.hero-subtitle{
  font-size:clamp(11px,1.18vw,17px);
  margin-bottom:clamp(10px,1.25vw,17px);
}
.hero-search{
  height:clamp(35px,3.9vw,53px);
  max-width:clamp(360px,45vw,740px);
  border-radius:clamp(7px,.75vw,10px);
  padding:4px 5px 4px 12px;
}
.hero-search input{
  direction:ltr;
  text-align:left;
}
.hero-search button{
  min-width:clamp(54px,6vw,84px);
}
.popular-label{
  margin:clamp(7px,.7vw,10px) 0 5px;
}
.hero-chips{
  gap:clamp(4px,.45vw,7px);
}
.hero-chips a{
  padding:clamp(3px,.3vw,4px) clamp(8px,.75vw,11px);
}
.hero-script{display:none}



@media (max-width:820px){
  .hero-section{
    height:410px;
  }
  .hero-content{
    width:88%;
    left:6%;
    margin-left:0;
    padding-top:42px;
  }
  .hero-search{
    max-width:100%;
  }
  .hero-script{display:none}
}

@media (max-width:520px){
  .hero-section{
    height:430px;
  }
  .hero-content{
    width:92%;
    left:4%;
    padding-top:52px;
  }
  .hero-content h1{
    font-size:42px;
  }
}

/* Arabic-only image cleanup: keep only the main hero background. */
.hero-eyebrow,
.hero-script{display:none}
.discover-banner,
.stats-section{
  background-image:none;
}
.discover-banner{
  background:#0d5a8d;
}
.mini-card>div,
.guide-card>div,
.update-card>div{
  min-height:clamp(88px,9vw,130px);
  display:grid;
  align-content:center;
}
.update-card{
  padding-top:34px;
}
.update-card .badge{
  top:10px;
}

/* Empty image placeholders and reference-style card arrows. */
.mini-card,
.guide-card,
.update-card{
  position:relative;
}
.mini-card::before,
.guide-card::before,
.update-card::before{
  content:"";
  display:block;
  background:linear-gradient(135deg,#eaf8ff,#d7eefb);
  border-bottom:1px solid #e5eef5;
}
.mini-card::before{
  aspect-ratio:1.65/1;
}
.guide-card::before{
  aspect-ratio:1.7/1;
}
.update-card::before{
  aspect-ratio:1.75/1;
}
.update-card{
  padding-top:0;
}
.mini-card>div,
.guide-card>div,
.update-card>div{
  min-height:clamp(66px,6.4vw,92px);
  display:block;
  position:relative;
  padding:clamp(9px,.85vw,13px) clamp(10px,1vw,15px) clamp(36px,3.1vw,44px);
  text-align:right;
}
.mini-card b,
.guide-card b,
.update-card b{
  font-size:clamp(9px,.9vw,13px);
}
.mini-card small,
.guide-card small,
.update-card small{
  font-size:clamp(7px,.72vw,10px);
}
.circle-arrow{
  left:clamp(8px,.85vw,12px);
  right:auto;
  bottom:clamp(10px,1vw,15px);
  width:clamp(32px,3vw,40px);
  height:clamp(32px,3vw,40px);
  border:1px solid #dcebf4;
  color:#0d568f;
  background:#fff;
}
.circle-arrow svg{
  display:none;
}
.circle-arrow::before{
  content:"";
  width:8px;
  height:8px;
  border-top:3px solid #0d568f;
  border-right:3px solid #0d568f;
  transform:translateX(0) rotate(45deg);
}

/* Hero final positioning: eyebrow restored, content shifted right, taller image. */
.hero-section{
  height:calc(clamp(255px,31vw,420px) + 50px);
}
.hero-content{
  left:calc(4% + 30px);
  padding-top:clamp(62px,5.7vw,88px);
}
html[dir="rtl"] .hero-content,
html[dir="ltr"] .hero-content{
  left:calc(4% + 30px);
}
.hero-eyebrow{
  display:block;
  direction:ltr;
  text-align:left;
  width:auto;
  margin:0 0 clamp(8px,.85vw,12px);
  font-family:Arial,sans-serif;
  font-size:clamp(7px,.68vw,10px);
  letter-spacing:.2em;
  line-height:1.45;
  font-weight:700;
  opacity:.92;
}

@media (max-width:820px){
  .hero-section{
    height:440px;
  }
  .hero-content,
  html[dir="rtl"] .hero-content,
  html[dir="ltr"] .hero-content{
    left:calc(6% + 12px);
    padding-top:56px;
  }
}

@media (max-width:520px){
  .hero-section{
    height:460px;
  }
  .hero-content,
  html[dir="rtl"] .hero-content,
  html[dir="ltr"] .hero-content{
    left:4%;
    padding-top:62px;
  }
}
.guide-card::before,
.update-card::before{
  z-index:0;
}

/* Hero final nudge and rectangular topic chips. */
.hero-content,
html[dir="rtl"] .hero-content,
html[dir="ltr"] .hero-content{
  left:calc(4% + 90px);
}
.hero-chips a{
  border-radius:4px;
  padding:clamp(4px,.38vw,6px) clamp(12px,1.15vw,18px);
  border:1px solid rgba(226,233,239,.9);
}

@media (max-width:820px){
  .hero-content,
  html[dir="rtl"] .hero-content,
  html[dir="ltr"] .hero-content{
    left:calc(6% + 24px);
  }
}

@media (max-width:520px){
  .hero-content,
  html[dir="rtl"] .hero-content,
  html[dir="ltr"] .hero-content{
    left:4%;
  }
}


/* Language selector added beside the header search icon. */
.language-switch{
  height:clamp(28px,2.6vw,36px);
  min-width:58px;
  padding:0 25px 0 11px;
  border:1px solid #dfe7ee;
  border-radius:18px;
  background:#fff;
  color:#244b6b;
  font-family:Arial,sans-serif;
  font-size:11px;
  font-weight:700;
  line-height:1;
  cursor:pointer;
  outline:0;
  box-shadow:0 1px 2px rgba(10,45,74,.03);
}
.language-switch:hover,.language-switch:focus{
  border-color:#b8cad9;
  background:#f8fbfd;
}

/* Malaysia Truly Asia was removed, so the four remaining stats fill the row. */
.stats-inner{grid-template-columns:repeat(4,1fr)}

/* Keep the Arabic hero search exactly as the original design.
   Search improvements below are only for the header search overlay. */
.search-modal{
  background:rgba(3,21,35,.76);
  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);
}
.search-modal.open{animation:searchOverlayIn .16s ease-out}
.search-modal form{
  width:min(92%,760px);
  height:68px;
  padding:7px 8px 7px 14px;
  border:1px solid rgba(255,255,255,.86);
  border-radius:18px;
  background:#fff;
  box-shadow:0 24px 65px rgba(0,0,0,.30),0 2px 9px rgba(4,49,84,.08);
  gap:2px;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.search-modal form:focus-within{
  border-color:#c6dbea;
  box-shadow:0 28px 72px rgba(0,0,0,.32),0 0 0 4px rgba(7,81,141,.10);
  transform:translateY(-1px);
}
.search-modal form>svg{
  width:23px;
  height:23px;
  margin:0 12px 0 8px;
  stroke:#07518d;
  stroke-width:2.2;
}
.search-modal input{
  min-width:0;
  color:#314e65;
  font-size:15px;
  padding:0 8px;
  background:transparent;
}
.search-modal input::placeholder{color:#8898a6;opacity:1}
.search-modal form button{
  height:54px;
  min-width:108px;
  border-radius:12px;
  background:#07518d;
  box-shadow:0 5px 14px rgba(7,81,141,.20);
  font-size:14px;
  font-weight:800;
  transition:background .16s ease,transform .16s ease,box-shadow .16s ease;
}
.search-modal form button:hover{
  background:#063f79;
  transform:translateY(-1px);
  box-shadow:0 7px 18px rgba(7,81,141,.25);
}
.modal-close{
  top:22px;
  right:22px;
  width:40px;
  height:40px;
  padding:8px;
  border-radius:50%;
  background:rgba(255,255,255,.08);
  transition:background .16s ease,transform .16s ease;
}
.modal-close:hover{background:rgba(255,255,255,.16);transform:rotate(4deg)}
@keyframes searchOverlayIn{from{opacity:0}to{opacity:1}}

/* English-only polish. Arabic homepage layout/search remains untouched. */
html[dir="ltr"] .desktop-nav,
html[dir="ltr"] .mobile-nav{direction:ltr}
html[dir="ltr"] .brand-text em{direction:ltr;text-align:left}
html[dir="ltr"] .discover-banner,
html[dir="ltr"] .why-card{direction:ltr}
html[dir="ltr"] .search-modal input{direction:ltr;text-align:left}
html[dir="ltr"] .search-modal form{direction:ltr}
@media(max-width:820px){
  .language-switch{height:32px;min-width:54px;padding-left:10px;padding-right:22px}
  .stats-inner{grid-template-columns:repeat(2,1fr)}
  .search-modal form{height:64px}
  .search-modal form button{height:50px;min-width:96px}
}
@media(max-width:520px){
  .header-actions{gap:2px}
  .language-switch{height:30px;min-width:50px;font-size:10px;padding-left:8px;padding-right:19px}
  .search-modal{padding-top:11vh}
  .search-modal form{width:calc(100% - 28px);height:60px;padding:6px 7px 6px 10px;border-radius:15px}
  .search-modal form>svg{width:20px;height:20px;margin:0 8px 0 5px}
  .search-modal input{font-size:13px;padding:0 4px}
  .search-modal form button{height:48px;min-width:78px;border-radius:10px;font-size:12px}
  .modal-close{top:14px;right:14px}
}


/* v5: polished compact language selector + photo-free site. */
.language-picker{
  position:relative;
  width:62px;
  height:30px;
  flex:0 0 62px;
  display:flex;
  align-items:center;
  direction:ltr;
  border:1px solid #dbe6ee;
  border-radius:999px;
  background:#fff;
  box-shadow:0 2px 7px rgba(12,58,91,.06);
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
.language-picker:hover{border-color:#bfd0dd;box-shadow:0 3px 10px rgba(12,58,91,.09)}
.language-picker:focus-within{border-color:#9fbdd1;box-shadow:0 0 0 3px rgba(7,81,141,.08)}
.language-switch{
  appearance:none !important;
  -webkit-appearance:none !important;
  width:100% !important;
  min-width:0 !important;
  height:100% !important;
  padding:0 23px 0 11px !important;
  border:0 !important;
  border-radius:999px !important;
  background:transparent !important;
  color:#174873 !important;
  font-family:Arial,sans-serif !important;
  font-size:11px !important;
  font-weight:700 !important;
  line-height:1 !important;
  outline:0 !important;
  box-shadow:none !important;
  cursor:pointer;
}
.language-chevron{
  position:absolute;
  right:11px;
  top:50%;
  width:6px;
  height:6px;
  border-right:1.6px solid #174873;
  border-bottom:1.6px solid #174873;
  transform:translateY(-68%) rotate(45deg);
  pointer-events:none;
}

/* Keep the large hero area image-only; restore the other site images. */
.hero-section{background:#eaf8ff none center bottom/cover no-repeat !important;color:#123f68 !important}
.hero-overlay{display:none !important}
.hero-content{color:#123f68 !important}
.hero-content h1{color:#0d568f !important;text-shadow:none !important}
.hero-eyebrow,.hero-subtitle,.popular-label{color:#385a73 !important;text-shadow:none !important}

@media(max-width:820px){
  .language-picker{width:60px;height:29px;flex-basis:60px}
  .language-switch{font-size:10.5px !important;padding-left:10px !important;padding-right:22px !important}
  .language-chevron{right:10px}
}
@media(max-width:520px){
  .language-picker{width:58px;height:28px;flex-basis:58px}
  .language-switch{font-size:10px !important;padding-left:9px !important;padding-right:21px !important}
  .language-chevron{right:9px;width:5.5px;height:5.5px}
}

/* Shared homepage language rules. */
html[dir="ltr"] .circle-arrow{
  left:clamp(8px,.85vw,12px) !important;
  right:auto !important;
  transform:none !important;
}

html[dir="rtl"] .popular-label{
  margin-left:50px;
}

/* Shared inner-page layouts. */
.page-shell{background:#f5f8fb;min-height:100vh}
.page-hero{background:#eaf8ff;padding:clamp(34px,5vw,72px) 0 clamp(20px,3vw,42px);border-bottom:1px solid #dceaf2}
.page-hero-inner{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(260px,.92fr);gap:clamp(18px,3vw,42px);align-items:center}
.page-kicker{display:inline-flex;margin-bottom:10px;color:#0d568f;font-weight:800;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.page-hero h1{margin:0;color:#123f68;font-size:clamp(34px,5vw,64px);line-height:1.06;font-weight:800}
.page-hero p{margin:12px 0 0;color:#526b7f;font-size:clamp(14px,1.45vw,18px);line-height:1.8;max-width:720px}
.image-placeholder{min-height:clamp(190px,24vw,340px);border:1px solid #d7eaf5;border-radius:8px;background:linear-gradient(135deg,#e4f7ff,#d3edf8);position:relative;overflow:hidden}
.image-placeholder:after{content:"";position:absolute;inset:16px;border:1px dashed rgba(13,86,143,.18);border-radius:7px}
.crumbs{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:16px;color:#6c8192;font-size:12px;font-weight:700}
.crumbs a{color:#0d568f}
.page-section{padding:clamp(22px,3.4vw,48px) 0}
.page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(10px,1.3vw,18px)}
.info-card{background:#fff;border:1px solid #e2ebf2;border-radius:8px;overflow:hidden;box-shadow:0 6px 18px rgba(11,57,91,.06)}
.info-card .thumb{height:clamp(105px,11vw,160px);background:#dff3fd;border-bottom:1px solid #e2ebf2}
.info-card .body{padding:clamp(12px,1.4vw,18px)}
.info-card b{display:block;color:#123f68;font-size:clamp(15px,1.2vw,19px);line-height:1.35}
.info-card p,.info-card small{display:block;margin:7px 0 0;color:#647889;font-size:clamp(11px,.85vw,13px);line-height:1.7}
.pill-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.pill{background:#fff;border:1px solid #dce8f0;border-radius:999px;color:#234b68;padding:8px 13px;font-size:12px;font-weight:800}
.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:clamp(18px,3vw,34px);align-items:start}
.article-body,.side-panel{background:#fff;border:1px solid #e2ebf2;border-radius:8px;padding:clamp(18px,2.4vw,32px);box-shadow:0 6px 18px rgba(11,57,91,.06)}
.article-body h2{color:#123f68;margin:0 0 10px;font-size:clamp(20px,2vw,30px)}
.article-body p{color:#536c7f;line-height:2;margin:0 0 16px;font-size:15px}
.article-body ul{margin:0 0 18px;padding-inline-start:22px;color:#536c7f;line-height:2}
.side-panel h3{margin:0 0 12px;color:#123f68}
.side-panel a{display:block;padding:10px 0;border-top:1px solid #e7eef4;color:#174873;font-weight:700;font-size:13px}
.not-found{padding:42px;text-align:center;background:#fff;border:1px solid #e2ebf2;border-radius:8px;color:#526b7f}
@media(max-width:900px){.page-hero-inner,.detail-layout{grid-template-columns:1fr}.page-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.page-grid{grid-template-columns:1fr}.page-hero{padding-top:28px}.article-body,.side-panel{padding:18px}}

/* Tourism directory page. */
.tourism-shell{background:#f4f7fb}
.tourism-hero{min-height:clamp(250px,27vw,365px);position:relative;overflow:hidden;color:#fff;background:linear-gradient(90deg,rgba(7,32,62,.74),rgba(7,48,86,.46) 46%,rgba(7,32,62,.82)),none center 44%/cover no-repeat}
.tourism-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,20,36,.2),rgba(5,20,36,.02));opacity:1}
.tourism-hero-inner{position:relative;z-index:2;padding:clamp(24px,3.2vw,42px) 0 90px;text-align:left}
.tourism-crumbs{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-bottom:clamp(36px,4.4vw,62px);font-size:12px;color:rgba(255,255,255,.82);justify-content:flex-start}
.tourism-crumbs a{color:rgba(255,255,255,.82)}
.tourism-crumbs b{color:#fff}
.tourism-hero h1{font-size:clamp(34px,4.2vw,58px);line-height:1.08;margin:0 0 12px;font-weight:800;text-shadow:0 3px 18px rgba(0,0,0,.22);text-align:left!important}
.tourism-hero p{font-size:clamp(15px,1.35vw,19px);line-height:1.7;margin:0;max-width:720px;color:rgba(255,255,255,.92);text-align:left!important}

/* Reference-style attraction directory controls. */
.tourism-panel{position:relative;z-index:4;margin-top:-44px;background:#fff;border:1px solid #e3eaf0;border-radius:11px;padding:18px 24px 20px;box-shadow:0 12px 28px rgba(18,57,91,.09)}
.tourism-search{height:61px;border:1px solid #dfe7ee;border-radius:9px;display:flex;align-items:center;gap:14px;padding:0 22px;margin:0 0 15px;background:#fff;direction:ltr}
.tourism-search-icon{width:30px;height:30px;display:grid;place-items:center;flex:0 0 30px;color:#0b568f}
.tourism-search-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.tourism-search input{border:0;outline:0;flex:1;min-width:0;color:#536b80;background:transparent;font-size:15px;direction:rtl;text-align:left}
html[dir="ltr"] .tourism-search input{direction:ltr;text-align:left}
.tourism-search input::placeholder{color:#98a4af;opacity:1}
.tourism-filter-row{display:flex;align-items:stretch;gap:12px;direction:ltr}
.tourism-filter-spacer{flex:1 1 24px;min-width:8px}
.tourism-filter-select,.tourism-filter-toggle,.tourism-more-filter{height:51px;min-width:0;border:1px solid #e1e8ee;background:#fbfcfd;color:#244967;border-radius:8px;font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center;gap:9px;padding:0 17px;position:relative;white-space:nowrap;transition:.16s ease;direction:rtl}
.tourism-filter-select{flex:1 1 180px}
.tourism-filter-toggle{flex:1 1 175px}
.tourism-more-filter{flex:0 0 180px;background:#fff}
.tourism-filter-select:hover,.tourism-filter-toggle:hover,.tourism-more-filter:hover,.tourism-filter-toggle.active,.tourism-more-filter.active{border-color:#a9bfd1;background:#f5f9fc;color:#0b568f}
.tourism-filter-select>svg,.tourism-filter-toggle>svg,.tourism-more-filter>svg{width:22px;height:22px;flex:0 0 22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tourism-filter-select select{appearance:none;-webkit-appearance:none;border:0;outline:0;background:transparent;color:inherit;font:inherit;font-weight:800;min-width:0;max-width:155px;cursor:pointer;text-align:center;padding:0 2px;direction:rtl}
html[dir="ltr"] .tourism-filter-select,html[dir="ltr"] .tourism-filter-toggle,html[dir="ltr"] .tourism-more-filter,html[dir="ltr"] .tourism-filter-select select{direction:ltr}
.tourism-filter-select .select-caret{font-size:14px;color:#6c8295;line-height:1;margin-inline-start:-2px}
.tourism-extra-filters{margin-top:12px;border-top:1px solid #edf2f6;padding-top:13px;display:flex;justify-content:flex-end;gap:12px;align-items:end;direction:rtl}
.tourism-extra-filters[hidden]{display:none!important}
.tourism-extra-filters label{display:grid;gap:5px;color:#49677e;font-size:11px;font-weight:700}
.tourism-extra-filters select{height:38px;border:1px solid #dfe7ee;border-radius:7px;background:#fff;color:#244967;padding:0 28px 0 10px;min-width:130px}
.tourism-extra-filters button{height:38px;border:1px solid #d8e3eb;background:#fff;color:#174873;border-radius:7px;padding:0 15px;font-weight:800;font-size:12px}

.tourism-content{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;padding-top:27px;align-items:start;direction:ltr}
.tourism-main{grid-column:1;min-width:0}
.tourism-side{grid-column:2}
.tourism-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px;gap:16px;direction:ltr}
.tourism-toolbar p{margin:0;color:#385f7e;font-weight:800;font-size:13px;text-align:left}
.tourism-toolbar-actions{display:flex;align-items:center;gap:9px;margin-inline-start:auto}
.tourism-sort-wrap{height:45px;display:flex;align-items:center;gap:8px;color:#6a8092;font-size:12px;font-weight:700;direction:rtl}
.tourism-sort-wrap select{height:45px;min-width:145px;border:1px solid #dfe7ee;border-radius:8px;background:#fff;color:#244967;font-size:13px;font-weight:800;padding:0 13px;outline:0}
.tourism-view-btn{width:45px;height:45px;border:1px solid #dfe7ee!important;background:#fff!important;color:#46647c!important;border-radius:8px!important;padding:0!important;display:grid;place-items:center}
.tourism-view-btn.active{color:#0b568f!important;border-color:#b8cad8!important;background:#f8fbfd!important}
.tourism-view-btn svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}

.place-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.place-card{background:#fff;border:1px solid #e2eaf1;border-radius:8px;overflow:hidden;box-shadow:0 8px 22px rgba(15,61,97,.07);transition:.16s;min-width:0}
.place-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(15,61,97,.11)}
.place-thumb{height:170px;position:relative;background:#e8eff4 center/cover no-repeat;border-bottom:1px solid #e2eaf1}
.place-thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,25,45,.08),transparent 58%)}
.place-thumb span{position:absolute;top:10px;left:10px;background:#ffd35a;color:#153f64;border-radius:6px;padding:6px 9px;font-size:11px;font-weight:900;z-index:2}
.place-body{padding:11px 12px 12px;text-align:right}
.place-body h3{margin:0;color:#123f68;font-size:17px;line-height:1.25;font-weight:800}
.place-body em{display:block;color:#6d8192;font-style:normal;font-size:12px;margin-top:3px}
.place-body small{display:flex;justify-content:space-between;gap:8px;color:#6d8192;font-size:12px;margin-top:11px}
.place-body small strong{color:#d99a12}
.place-body p{margin:9px 0;color:#5b7182;font-size:12.5px;line-height:1.6;min-height:40px}
.place-body b{display:block;color:#0d568f;font-size:13px}
.place-grid.is-list{grid-template-columns:1fr}
.place-grid.is-list .place-card{display:grid;grid-template-columns:260px minmax(0,1fr)}
.place-grid.is-list .place-thumb{height:100%;min-height:180px;border-bottom:0;border-inline-end:1px solid #e2eaf1}
.place-grid.is-list .place-body{padding:18px 20px}
.tourism-empty{background:#fff;border:1px solid #e0e8ee;border-radius:8px;padding:34px;text-align:center;color:#667c8e;font-weight:700}

.tourism-side{display:grid;gap:18px;margin-top:62px}
.map-card,.category-box{background:#fff;border:1px solid #e2eaf1;border-radius:8px;padding:15px;box-shadow:0 8px 22px rgba(15,61,97,.07)}
.map-card h3,.category-box h3{margin:0 0 13px;color:#123f68;font-size:19px;text-align:center}
.map-placeholder{height:360px;border-radius:8px;background:linear-gradient(135deg,#f5efe2,#e6f4ec);position:relative;overflow:hidden;border:1px solid #e5edf3}
.map-placeholder:before{content:"";position:absolute;inset:0;background:linear-gradient(35deg,transparent 0 46%,rgba(247,190,80,.8) 47% 49%,transparent 50%),linear-gradient(120deg,transparent 0 58%,rgba(134,181,207,.8) 59% 61%,transparent 62%),linear-gradient(90deg,rgba(255,255,255,.6) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.55) 1px,transparent 1px);background-size:auto,auto,42px 42px,42px 42px}
.pin{position:absolute;z-index:2;background:#fff;color:#174873;border-radius:999px;padding:7px 9px;font-size:11px;font-weight:800;box-shadow:0 5px 14px rgba(11,57,91,.15)}
.pin:before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;background:#0d568f;margin-left:5px}
.pin-0{top:14%;right:20%}.pin-1{top:32%;left:24%}.pin-2{top:48%;right:28%}.pin-3{top:62%;left:18%}.pin-4{bottom:16%;right:14%}
.map-card>a{display:block;margin-top:12px;text-align:center;background:#174873;color:#fff;border-radius:7px;padding:12px;font-weight:800;font-size:13px}
.category-box .tourism-area-link{width:100%;border:0;border-top:1px solid #edf2f6;background:transparent;display:flex;align-items:center;justify-content:space-between;flex-direction:row-reverse;padding:11px 2px;color:#244967;font-size:13px;text-align:inherit}
.category-box .tourism-area-link:first-of-type{border-top:0}
.category-box .tourism-area-link:hover{color:#0b568f;background:#f9fbfd}
.category-box .tourism-area-link span{color:#8192a0}
.category-box .tourism-area-link b{font-weight:800}
.tourism-guides{padding:28px 0 46px}
.tourism-guide-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.tourism-guide-row a{height:128px;border-radius:8px;overflow:hidden;position:relative;background:#dff3fd;color:#fff;display:flex;align-items:end;padding:14px;box-shadow:0 8px 22px rgba(15,61,97,.08)}
.tourism-guide-row a:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,35,61,.75),transparent 70%);z-index:1}
.guide-thumb{position:absolute;inset:0;background:#dff3fd center/cover no-repeat}
.tourism-guide-row b{position:relative;z-index:2;font-size:18px;line-height:1.35;max-width:90%;font-weight:800}
html[dir="ltr"] .tourism-hero-inner,html[dir="ltr"] .place-body{text-align:left}
html[dir="rtl"] .tourism-main,html[dir="rtl"] .tourism-side{direction:rtl}
html[dir="ltr"] .tourism-main,html[dir="ltr"] .tourism-side{direction:ltr}

/* Global search result controls. */
.directory-search-form{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #dfe7ee;border-radius:9px;padding:7px;margin-bottom:12px}
.directory-search-form input{height:46px;flex:1;min-width:0;border:0;outline:0;padding:0 13px;background:transparent;color:#244967}
.directory-search-form button{height:46px;border:0;border-radius:7px;background:#0b568f;color:#fff;padding:0 25px;font-weight:800}
.search-result-count{margin:0 0 16px;color:#60788c;font-size:13px;font-weight:800}

@media(max-width:1250px){
  .tourism-filter-row{flex-wrap:wrap}.tourism-filter-spacer{display:none}.tourism-filter-select,.tourism-filter-toggle{flex:1 1 calc(33.333% - 12px)}.tourism-more-filter{flex:1 1 calc(33.333% - 12px)}
  .tourism-content{grid-template-columns:minmax(0,1fr) 285px}.place-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:960px){
  .tourism-content{grid-template-columns:1fr}.tourism-side,.tourism-main{grid-column:auto}.tourism-side{grid-template-columns:1fr 1fr;margin-top:0}.place-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tourism-toolbar{flex-wrap:wrap}
}
@media(max-width:700px){
  .tourism-panel{padding:12px;margin-top:-30px}.tourism-search{height:52px;padding:0 13px}.tourism-filter-row{gap:8px}.tourism-filter-select,.tourism-filter-toggle,.tourism-more-filter{flex:1 1 calc(50% - 8px);height:46px;padding:0 10px;font-size:11px}.tourism-filter-select select{max-width:115px;font-size:11px}.tourism-more-filter{order:10}.tourism-extra-filters{flex-wrap:wrap}.tourism-content{padding-top:18px}.tourism-side,.place-grid,.tourism-guide-row{grid-template-columns:1fr}.tourism-toolbar{align-items:flex-start;flex-direction:column}.tourism-toolbar-actions{width:100%;margin:0;justify-content:flex-start;flex-wrap:wrap}.tourism-sort-wrap{margin-inline-end:auto}.place-grid.is-list .place-card{grid-template-columns:120px minmax(0,1fr)}.place-grid.is-list .place-thumb{min-height:150px}.map-placeholder{height:280px}
}

/* Discover Malaysia page. */
.discover-shell{background:#f4f8fb}
.discover-hero{min-height:clamp(300px,36vw,500px);margin-top:0;display:flex;align-items:center;position:relative;overflow:hidden;color:#123f68;background:linear-gradient(90deg,rgba(234,248,255,.96),rgba(234,248,255,.66) 43%,rgba(234,248,255,.16)),none center/cover no-repeat}
.discover-hero-copy{width:min(66%,760px);padding:clamp(28px,4vw,54px) 0;text-align:left!important;direction:rtl;margin-left:6%}
.discover-hero h1{margin:0;color:#123f68;font-size:clamp(52px,6.2vw,86px);line-height:.95;font-weight:900;text-align:left!important}
.discover-hero p{margin:8px 0 14px;color:#214763;font-size:clamp(15px,1.45vw,21px);font-weight:800;text-align:left!important}
.discover-search{height:clamp(44px,5vw,64px);max-width:720px;background:#fff;border-radius:10px;display:flex;align-items:center;padding:5px;direction:ltr;box-shadow:0 10px 28px rgba(10,55,89,.16)}
.discover-search span{font-size:28px;color:#0d568f;margin:0 14px}
.discover-search input{border:0;outline:0;flex:1;background:transparent;direction:rtl;text-align:right;color:#536b80}
.discover-search button{height:100%;min-width:100px;border:0;border-radius:8px;background:#07518d;color:#fff;font-weight:800}
.discover-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px;direction:rtl}
.discover-chips a{background:#fff;color:#325877;border-radius:999px;padding:7px 13px;font-size:12px;font-weight:800;box-shadow:0 4px 12px rgba(10,55,89,.12)}
.discover-section{padding:18px 0}
.discover-section.muted{background:#eef5fa}
.discover-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:16px;margin-bottom:12px;direction:ltr}
.discover-head h2{grid-column:2;margin:0;color:#123f68;font-size:clamp(19px,2vw,28px);font-weight:900;text-align:center}
.discover-head a{grid-column:3;justify-self:end}
.discover-head a{color:#315e7c;font-size:13px;font-weight:800}
#page-content>.discover-section:first-child .discover-head h2:after{
  content:"مواضيع متكاملة حسب اهتماماتك في ماليزيا";
  display:block;
  margin-top:4px;
  color:#7f91a0;
  font-size:11px;
  font-weight:700;
  line-height:1.4;
}
#page-content>.discover-section:nth-of-type(4) .discover-head h2:before{
  content:"PLAN YOUR JOURNEY";
  display:block;
  margin-bottom:7px;
  color:#9aabb8;
  font-family:Arial,sans-serif;
  font-size:9px;
  font-weight:700;
  letter-spacing:.18em;
}
#page-content>.discover-section:nth-of-type(4) .discover-head h2:after{
  content:"كل ما تحتاجه لتبدأ رحلتك بسهولة";
  display:block;
  margin-top:4px;
  color:#7f91a0;
  font-size:11px;
  font-weight:700;
  line-height:1.4;
}
.interest-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;direction:rtl}
.interest-card{background:#fff;border:1px solid #e2ebf2;border-radius:8px;overflow:hidden;text-align:center;padding-bottom:14px;box-shadow:0 8px 20px rgba(15,61,97,.06)}
.interest-photo{height:86px;background:#dff3fd center/cover no-repeat}
.interest-card svg{width:28px;height:28px;color:#07518d;margin:12px 0 6px}
.interest-card b{display:block;color:#123f68;font-size:15px}
.interest-card small{display:block;color:#708393;font-size:11px;margin-top:4px}
.destination-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;direction:rtl}
.destination-card{background:#fff;border:1px solid #e2ebf2;border-radius:8px;overflow:hidden;box-shadow:0 8px 20px rgba(15,61,97,.06)}
.destination-card div{height:125px;background:#dff3fd center/cover no-repeat}
.destination-card b,.destination-card small{display:block;padding:0 12px;text-align:right}
.destination-card b{padding-top:12px;color:#123f68;font-size:17px}
.destination-card small{padding-bottom:14px;color:#708393;font-size:12px}
.featured-trip{display:grid;grid-template-columns:34% 66%;gap:0;align-items:stretch;padding:14px 0 18px;direction:ltr;min-height:205px}
.featured-copy{background:#fff;padding:22px 26px;border-radius:0;border:0;min-height:205px;text-align:left;direction:rtl;display:flex;flex-direction:column;align-items:flex-end}
.featured-copy span{display:block;text-align:left;font-size:8.5px;color:#9aabb8;letter-spacing:.18em;margin-bottom:8px}
.featured-copy h2{font-size:clamp(18px,1.55vw,25px);line-height:1.2;color:#123f68;margin:0 0 8px;font-weight:900;max-width:260px}
.featured-copy p{color:#5d7486;line-height:1.55;font-size:11px;margin:0;max-width:270px}
.featured-copy a{display:inline-flex;margin-top:13px;background:#07518d;color:#fff;border-radius:5px;padding:8px 13px;font-weight:800;font-size:10.5px}
.featured-dots{display:flex;direction:ltr;gap:7px;margin-top:17px;justify-content:flex-start}
.featured-dots i{width:7px;height:7px;border-radius:50%;background:#d5e0e8}
.featured-dots i:first-child{background:#07518d}
.featured-image{min-height:205px;border-radius:0;background:#dff3fd center/cover no-repeat;position:relative}
.featured-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,25,43,.26),transparent 55%)}
.featured-image span{position:absolute;z-index:2;right:28px;bottom:22px;color:#fff;font-weight:900;font-size:14px;display:grid;gap:2px}
.featured-image span:before{content:"⌖";font-size:20px;line-height:1}
.featured-image small{font-size:10px;font-weight:700;opacity:.9}
.tool-row{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;direction:rtl}
.tool-row a{background:#fff;border:1px solid #e2ebf2;border-radius:8px;padding:22px;text-align:center;color:#123f68;font-weight:900}
.tool-row svg{display:block;width:32px;height:32px;margin:0 auto 10px;color:#07518d}
html[dir="ltr"] .discover-hero-copy{text-align:left;direction:ltr}
html[dir="ltr"] .discover-search input{direction:ltr;text-align:left}
html[dir="ltr"] .discover-chips,html[dir="ltr"] .discover-head,html[dir="ltr"] .interest-grid,html[dir="ltr"] .destination-row,html[dir="ltr"] .featured-trip,html[dir="ltr"] .tool-row{direction:ltr}
html[dir="ltr"] .destination-card b,html[dir="ltr"] .destination-card small{text-align:left}
.brand-text small{font-size:clamp(5.5px,.68vw,9px);font-weight:700;color:#45677f;line-height:1.05}
.hero-search-icon{width:clamp(16px,1.6vw,23px);height:clamp(16px,1.6vw,23px);color:#0d568f;flex:none;margin:0 10px 0 4px;font-size:clamp(18px,1.8vw,25px);line-height:1;display:grid;place-items:center}
.discover-bottom-banner{min-height:150px;background:linear-gradient(0deg,rgba(7,35,61,.64),rgba(7,35,61,.22)),none center/cover no-repeat;color:#fff;display:grid;place-content:center;text-align:center;padding:28px}
.discover-bottom-banner h2{margin:0;font-size:clamp(24px,3vw,44px);font-weight:900}
.discover-bottom-banner p{margin:8px 0 0;font-size:15px}
@media(max-width:900px){.interest-grid{grid-template-columns:repeat(3,1fr)}.destination-row,.featured-trip{grid-template-columns:1fr}.tool-row{grid-template-columns:repeat(2,1fr)}.discover-hero-copy{width:88%;margin-left:4%}}
@media(max-width:560px){.interest-grid,.destination-row,.tool-row{grid-template-columns:1fr 1fr}.discover-hero h1{font-size:48px}.discover-search button{min-width:76px}.featured-copy{padding:22px}}

/* Final shared Arabic banner rules: keep every inner page hero aligned like the homepage. */
.page-hero{
  background:
    linear-gradient(90deg,rgba(234,248,255,.78),rgba(234,248,255,.34) 45%,rgba(234,248,255,.04)),
    none center bottom/cover no-repeat !important;
}
html[dir="rtl"] .page-hero,
html[dir="rtl"] .tourism-hero,
html[dir="rtl"] .discover-hero{
  width:100% !important;
  max-width:none !important;
  height:clamp(351px,41.15vw,560px) !important;
  min-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  display:block !important;
  position:relative !important;
  overflow:hidden !important;
  color:#123f68 !important;
  background:
    linear-gradient(90deg,rgba(234,248,255,.78),rgba(234,248,255,.34) 45%,rgba(234,248,255,.04)),
    none center bottom/cover no-repeat !important;
}
html[dir="rtl"] .page-hero-inner,
html[dir="rtl"] .tourism-hero-inner,
html[dir="rtl"] .discover-hero-copy{
  position:relative !important;
  z-index:2 !important;
  display:block !important;
  width:min(76%,1080px) !important;
  margin-left:12% !important;
  margin-right:0 !important;
  padding-top:clamp(42px,5.2vw,76px) !important;
  text-align:left !important;
  direction:rtl !important;
}
html[dir="rtl"] .page-hero-inner>.image-placeholder{
  display:none !important;
}
html[dir="rtl"] .page-kicker,
html[dir="rtl"] .tourism-crumbs{
  justify-content:flex-start !important;
  text-align:left !important;
  direction:rtl !important;
}
html[dir="rtl"] .page-hero h1,
html[dir="rtl"] .tourism-hero h1,
html[dir="rtl"] .discover-hero h1{
  margin:0 0 clamp(8px,1vw,14px) !important;
  color:#123f68 !important;
  font-size:clamp(49px,6.4vw,88px) !important;
  line-height:.98 !important;
  font-weight:900 !important;
  letter-spacing:0 !important;
  text-align:left !important;
  text-shadow:none !important;
}
html[dir="rtl"] .page-hero p,
html[dir="rtl"] .tourism-hero p,
html[dir="rtl"] .discover-hero p{
  margin:0 0 clamp(15px,1.9vw,24px) !important;
  color:#123f68 !important;
  font-size:clamp(13px,1.5vw,21px) !important;
  line-height:1.5 !important;
  font-weight:800 !important;
  max-width:760px !important;
  text-align:left !important;
}
html[dir="rtl"] .discover-search{
  height:clamp(41px,4.65vw,63px) !important;
  max-width:clamp(535px,62.7vw,860px) !important;
}
html[dir="rtl"] .discover-chips{
  justify-content:flex-start !important;
}
@media(max-width:820px){
  html[dir="rtl"] .page-hero,
  html[dir="rtl"] .tourism-hero,
  html[dir="rtl"] .discover-hero{height:500px !important}
  html[dir="rtl"] .page-hero-inner,
  html[dir="rtl"] .tourism-hero-inner,
  html[dir="rtl"] .discover-hero-copy{width:88% !important;margin-left:6% !important;padding-top:46px !important}
}
@media(max-width:520px){
  html[dir="rtl"] .page-hero,
  html[dir="rtl"] .tourism-hero,
  html[dir="rtl"] .discover-hero{height:520px !important}
  html[dir="rtl"] .page-hero-inner,
  html[dir="rtl"] .tourism-hero-inner,
  html[dir="rtl"] .discover-hero-copy{width:92% !important;margin-left:4% !important;padding-top:60px !important}
  html[dir="rtl"] .page-hero h1,
  html[dir="rtl"] .tourism-hero h1,
  html[dir="rtl"] .discover-hero h1{font-size:46px !important}
}

/* Discover page reference-match overrides */
#page-content>.discover-section:first-child{
  padding:19px 0 24px;
  background:#fff;
}
#page-content>.discover-section:first-child .discover-head{
  margin-bottom:13px;
}
#page-content>.discover-section:first-child .discover-head h2{
  font-size:24px;
  line-height:1.1;
}
.interest-grid{
  grid-template-columns:repeat(6,1fr);
  gap:12px;
  direction:ltr;
}
.interest-card{
  border-radius:4px;
  padding-bottom:12px;
  min-height:184px;
  box-shadow:0 6px 16px rgba(15,61,97,.05);
}
.interest-photo{
  height:92px;
}
.interest-card svg{
  display:block;
  width:38px;
  height:38px;
  margin:-19px auto 8px;
  padding:8px;
  color:#07518d;
  background:#fff;
  border:1px solid #dbe7ef;
  border-radius:50%;
  position:relative;
  z-index:1;
}
.interest-card b{
  font-size:14px;
  line-height:1.25;
}
.interest-card small{
  font-size:10.5px;
  line-height:1.35;
  padding:0 8px;
}
.destination-row{
  direction:ltr;
}
#page-content>.discover-section:nth-of-type(4){
  width:100%;
  max-width:none;
  background:#f4f9fc;
  padding:25px 0 28px;
}
#page-content>.discover-section:nth-of-type(4) .discover-head{
  width:min(96%,1450px);
  margin:0 auto 15px;
  grid-template-columns:1fr auto;
  align-items:start;
  direction:ltr;
}
#page-content>.discover-section:nth-of-type(4) .discover-head h2{
  grid-column:1;
  justify-self:start;
  text-align:right;
  font-size:28px;
  line-height:1.12;
}
#page-content>.discover-section:nth-of-type(4) .discover-head a{
  grid-column:2;
  justify-self:end;
  align-self:center;
}
#page-content>.discover-section:nth-of-type(4) .tool-row{
  width:min(96%,1450px);
  margin:17px auto 0;
  grid-template-columns:repeat(6,1fr);
  gap:0;
  direction:ltr;
}
#page-content>.discover-section:nth-of-type(4) .tool-row a{
  background:transparent;
  border:0;
  border-left:1px solid #e3ebf2;
  border-radius:0;
  padding:5px 12px 0;
  display:grid;
  justify-items:center;
  gap:9px;
  box-shadow:none;
  color:#315e7c;
  font-size:14px;
  line-height:1.25;
}
#page-content>.discover-section:nth-of-type(4) .tool-row a:first-child{
  border-left:0;
}
#page-content>.discover-section:nth-of-type(4) .tool-row svg{
  width:40px;
  height:40px;
  margin:0;
  color:#587795;
}
@media(max-width:900px){
  #page-content>.discover-section:nth-of-type(4) .tool-row{grid-template-columns:repeat(3,1fr);row-gap:20px}
  #page-content>.discover-section:nth-of-type(4) .tool-row a:nth-child(3){border-left:0}
}
@media(max-width:560px){
  .interest-grid{grid-template-columns:repeat(2,1fr)}
  #page-content>.discover-section:nth-of-type(4) .discover-head{grid-template-columns:1fr;gap:8px}
  #page-content>.discover-section:nth-of-type(4) .discover-head a{grid-column:1;justify-self:start}
  #page-content>.discover-section:nth-of-type(4) .tool-row{grid-template-columns:repeat(2,1fr)}
  #page-content>.discover-section:nth-of-type(4) .tool-row a:nth-child(odd){border-left:1px solid #e3ebf2}
  #page-content>.discover-section:nth-of-type(4) .tool-row a:nth-child(even){border-left:0}
}

/* City detail page */
.city-hero{
  min-height:420px;
  color:#fff;
  background:
    linear-gradient(90deg,rgba(6,37,66,.78) 0%,rgba(6,37,66,.52) 37%,rgba(6,37,66,.18) 72%),
    var(--city-hero) center/cover no-repeat;
}
.city-hero-inner{
  position:relative;
  padding:52px 0 88px;
  direction:ltr;
  text-align:left;
}
.city-script{
  position:absolute;
  right:2%;
  top:54px;
  color:rgba(255,255,255,.88);
  font-family:"Segoe Script","Brush Script MT",cursive;
  font-size:clamp(42px,5vw,72px);
  line-height:.92;
  transform:rotate(-7deg);
  text-align:center;
  pointer-events:none;
  text-shadow:0 2px 10px rgba(0,0,0,.16);
}
.city-script small{
  display:block;
  margin-top:10px;
  font-family:"Segoe Script","Brush Script MT",cursive;
  font-size:.35em;
  line-height:1.05;
}
.city-script small:after{
  content:"";
  display:block;
  width:58px;
  height:3px;
  margin:9px auto 0;
  background:#ffd34f;
  border-radius:999px;
}
.city-crumbs{
  display:flex;
  justify-content:flex-start;
  gap:8px;
  align-items:center;
  color:rgba(255,255,255,.76);
  font-size:12px;
  margin-bottom:34px;
}
.city-crumbs a{color:rgba(255,255,255,.8)}
.city-kicker{
  margin:0 0 10px;
  color:#ffd34f;
  font-size:14px;
  font-weight:900;
  letter-spacing:.16em;
}
.city-hero h1{
  margin:0;
  font-size:clamp(54px,6.2vw,92px);
  line-height:1;
  font-weight:900;
  letter-spacing:0;
}
.city-hero p:not(.city-kicker){
  max-width:650px;
  margin:14px 0 0;
  font-size:24px;
  line-height:1.6;
  font-weight:800;
}
.city-stats{
  display:flex;
  gap:44px;
  flex-wrap:wrap;
  margin-top:34px;
  direction:ltr;
  justify-content:flex-start;
  max-width:620px;
}
.city-stats span{
  display:grid;
  justify-items:center;
  gap:5px;
  color:#fff;
  text-align:center;
  min-width:92px;
}
.city-stats svg{width:36px;height:36px;color:rgba(255,255,255,.9)}
.city-stats b{font-size:14px;line-height:1.25}
.city-stats small{color:rgba(255,255,255,.78);font-size:12px;line-height:1.25}
.city-category-wrap{
  margin-top:-44px;
  margin-bottom:28px;
}
.city-overview{
  display:grid;
  grid-template-columns:1fr 1.05fr 310px;
  gap:22px;
  padding:28px 0 22px;
  align-items:stretch;
  direction:ltr;
}
.city-about,.city-info{
  direction:rtl;
  text-align:right;
}
.city-about span{
  display:block;
  color:#8aa0b1;
  font-size:10px;
  font-weight:900;
  letter-spacing:.14em;
  margin-bottom:7px;
}
.city-about h2,.city-info h3,.city-section-head h2,.city-map-card h3{
  margin:0 0 10px;
  color:#123f68;
  font-size:24px;
  font-weight:900;
}
.city-about p{
  margin:0 0 10px;
  color:#5d7486;
  font-size:14px;
  line-height:1.75;
}
.city-about a,.city-info a,.city-map-card a{
  display:inline-flex;
  margin-top:10px;
  background:#07518d;
  color:#fff;
  border-radius:5px;
  padding:10px 17px;
  font-weight:900;
  font-size:12px;
}
.city-video{
  min-height:245px;
  border-radius:4px;
  background:#0b3555 center/cover no-repeat;
  position:relative;
  overflow:hidden;
  color:#fff;
  display:grid;
  align-content:end;
  justify-items:center;
  padding:22px;
  text-align:center;
}
.city-video:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,37,63,.58),rgba(5,37,63,.08))}
.city-video>*{position:relative;z-index:1}
.city-video .city-video-play{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:58px;
  height:58px;
  margin:0;
  padding:0;
  border:0;
  border-radius:50%;
  background:#fff;
  color:#07518d;
  display:grid;
  place-items:center;
  cursor:pointer;
  box-shadow:0 4px 18px rgba(0,0,0,.2);
}
.city-video .city-video-play svg{width:25px;height:25px;fill:currentColor;transform:translateX(1px)}
.city-video-caption{display:flex;flex-direction:column;align-items:center;gap:2px;max-width:90%}
.city-video-caption b{font-size:15px}
.city-video-caption small{font-size:11px;opacity:.9}
.city-video-coming-soon{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:max-content;
  max-width:calc(100% - 40px);
  padding:10px 16px;
  border:1px solid rgba(255,255,255,.5);
  border-radius:999px;
  background:rgba(4,45,78,.68);
  color:#fff;
  font-size:14px;
  font-weight:800;
  line-height:1.2;
  backdrop-filter:blur(3px);
}
.city-video.is-playing{padding:0;background:#000}
.city-video.is-playing:before{display:none}
.city-video-frame{position:absolute!important;z-index:2!important;inset:0;width:100%;height:100%;border:0;background:#000}
.city-info{
  background:#f7fbfe;
  border:1px solid #dfe8ef;
  border-radius:5px;
  padding:18px;
}
.city-info div{
  display:flex;
  justify-content:space-between;
  gap:12px;
  border-bottom:1px solid #e3edf4;
  padding:9px 0;
  color:#315e7c;
  font-size:13px;
}
.city-section{padding:12px 0 24px}
.city-section-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:12px;
  direction:rtl;
}
.city-section-head a{color:#315e7c;font-weight:900;font-size:12px}
.city-place-row{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
  direction:rtl;
}
.city-place-card,.city-district-grid a{
  background:#fff;
  border:1px solid #dfe8ef;
  border-radius:5px;
  overflow:hidden;
  box-shadow:0 8px 18px rgba(15,61,97,.05);
  text-align:right;
}
.city-place-card div{height:150px;background:center/cover no-repeat}
.city-place-card b,.city-place-card small,.city-district-grid b,.city-district-grid small{
  display:block;
  padding:0 12px;
}
.city-place-card b,.city-district-grid b{padding-top:10px;color:#123f68;font-size:15px;font-weight:900}
.city-place-card small,.city-district-grid small{padding-bottom:12px;color:#708393;font-size:11px}
.city-lower{
  display:grid;
  grid-template-columns:1fr 38%;
  gap:20px;
  padding:0 0 26px;
  direction:ltr;
}
.city-districts,.city-map-card{direction:rtl}
.city-district-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
}
.city-district-grid div{height:112px;background:center/cover no-repeat}
.city-map-card{
  background:#fff;
  border:1px solid #dfe8ef;
  border-radius:5px;
  padding:15px;
  text-align:right;
}
.city-map-card .map-placeholder{
  height:218px;
  border-radius:4px;
}
.city-bottom-banner{
  min-height:125px;
  color:#fff;
  background:
    linear-gradient(90deg,rgba(6,45,76,.75),rgba(6,45,76,.35)),
    var(--city-bottom-image,none) center/cover no-repeat;
  display:grid;
  align-items:center;
  text-align:center;
}
.city-bottom-banner h2{margin:0;font-size:28px;font-weight:900}
.city-bottom-banner p{margin:8px 0 0;color:rgba(255,255,255,.85);font-size:13px}
@media(max-width:900px){
  .city-script{display:none}
  .city-overview,.city-lower{grid-template-columns:1fr}
  .city-place-row,.city-district-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:560px){
  .city-hero-inner{padding:26px 0}
  .city-place-row,.city-district-grid{grid-template-columns:1fr}
}

/* =========================================================
   v7 reference-match fixes
   - City hero: spacing/alignment follows supplied reference.
   - City areas + map: same two-column composition and card order.
   - Homepage hero: clean image-free banner while preserving layout.
   ========================================================= */

/* Clean image-free homepage banner. */
body:not(.page-shell) .hero-section{
  background:linear-gradient(118deg,#eef8fd 0%,#e5f4fb 52%,#d7ecf7 100%) !important;
}
body:not(.page-shell) .hero-content,
html[dir="rtl"] body:not(.page-shell) .hero-content,
html[dir="ltr"] body:not(.page-shell) .hero-content{
  width:min(64%,860px);
  margin-left:0 !important;
  margin-right:0 !important;
  left:calc(4% + 90px) !important;
  right:auto !important;
  padding-top:clamp(54px,5.6vw,78px);
}

/* City header/banner: image intentionally removed for now. */
.city-hero{
  height:clamp(342px,37vw,455px);
  min-height:342px;
  position:relative;
  overflow:hidden;
  color:#fff;
  background:
    linear-gradient(90deg,rgba(6,37,66,.72) 0%,rgba(6,37,66,.48) 40%,rgba(6,37,66,.16) 76%),
    var(--city-hero-image,linear-gradient(112deg,#244f78 0%,#386a97 47%,#20496f 100%)) center/cover no-repeat !important;
}
.city-hero:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(4,29,51,.14),transparent 46%,rgba(4,29,51,.08));
}
.city-hero-inner{
  z-index:1;
  width:min(91%,1450px);
  height:100%;
  margin-inline:auto;
  padding:20px 0 42px;
  position:relative;
  direction:ltr;
  text-align:left;
}
.city-crumbs{
  margin:0 0 clamp(42px,5.1vw,62px);
  gap:8px;
  min-height:18px;
  align-items:center;
  justify-content:flex-start;
  color:rgba(255,255,255,.78);
  font-size:12px;
  line-height:1;
  direction:ltr;
}
.city-crumbs a,.city-crumbs b{font-weight:600}
.city-crumbs span{font-size:17px;line-height:1;color:rgba(255,255,255,.65)}
.city-kicker{
  margin:0 0 8px;
  color:#f2c649;
  font-family:Arial,sans-serif;
  font-size:13px;
  line-height:1;
  letter-spacing:.17em;
  font-weight:800;
}
.city-hero h1{
  max-width:720px;
  margin:0;
  color:#fff;
  font-size:clamp(52px,6.15vw,78px);
  line-height:1.02;
  font-weight:900;
  letter-spacing:-.035em;
  text-align:left;
  direction:rtl;
}
.city-hero p:not(.city-kicker){
  max-width:710px;
  margin:12px 0 0;
  color:rgba(255,255,255,.92);
  font-size:clamp(15px,1.7vw,20px);
  line-height:1.55;
  font-weight:700;
  text-align:left;
  direction:rtl;
}
.city-script{
  right:1.5%;
  top:34px;
  font-size:clamp(39px,4.7vw,64px);
  line-height:.95;
  color:rgba(255,255,255,.88);
}
.city-script small{margin-top:7px;font-size:.35em;line-height:1.08}
.city-script small:after{width:54px;height:3px;margin-top:8px}
.city-stats{
  max-width:650px;
  margin-top:24px;
  display:flex;
  justify-content:flex-start;
  align-items:flex-start;
  gap:clamp(26px,3.5vw,48px);
  flex-wrap:nowrap;
  direction:ltr;
}
.city-stats span{
  min-width:72px;
  max-width:116px;
  gap:4px;
  justify-items:center;
  text-align:center;
}
.city-stats svg{width:29px;height:29px}
.city-stats b{font-size:12px;line-height:1.22}
.city-stats small{font-size:10px;line-height:1.2;color:rgba(255,255,255,.8)}
.city-category-wrap{margin-top:-31px;margin-bottom:28px}

/* Reference-matched main areas + map section. */
.city-lower{
  display:grid;
  grid-template-columns:minmax(0,1.47fr) minmax(330px,1fr);
  gap:20px;
  align-items:start;
  direction:ltr;
  padding:8px 0 28px;
}
.city-districts,.city-map-card{min-width:0}
.city-districts{direction:ltr}
.city-district-head,
.city-map-head{
  min-height:34px;
  margin:0 0 10px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  direction:ltr;
}
.city-district-head h2,
.city-map-head h3{
  margin:0;
  color:#123f68;
  font-size:clamp(20px,2.15vw,28px);
  line-height:1.15;
  font-weight:900;
}
.city-district-head h2{
  text-align:left;
  direction:rtl;
}
.city-district-head>a,
.city-map-card .city-map-full{
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#315e7c !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:800 !important;
  display:inline-flex !important;
  align-items:center;
  gap:4px;
  white-space:nowrap;
}
.city-district-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  direction:ltr;
}
.city-district-grid .city-district-card{
  min-width:0;
  position:relative;
  overflow:hidden;
  background:#fff;
  border:1px solid #e2e9ef;
  border-radius:4px;
  box-shadow:0 4px 12px rgba(15,61,97,.05);
  text-align:left;
  direction:ltr;
}
.city-district-grid .district-photo{
  width:100%;
  height:124px;
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  border-bottom:1px solid #e8eef3;
}
.city-district-grid .district-copy{
  min-height:75px;
  position:relative;
  padding:8px 10px 31px;
  background:#fff;
}
.city-district-grid .district-copy b,
.city-district-grid .district-copy small{
  display:block;
  padding:0;
  text-align:left;
}
.city-district-grid .district-copy b{
  color:#123f68;
  font-family:Arial,sans-serif;
  font-size:13px;
  line-height:1.25;
  font-weight:800;
}
.city-district-grid .district-copy small{
  margin-top:5px;
  color:#6e8190;
  font-size:10px;
  line-height:1.35;
  font-weight:600;
  direction:rtl;
}
.district-arrow{
  position:absolute;
  left:10px;
  bottom:8px;
  width:20px;
  height:20px;
  display:grid;
  place-items:center;
  border:1px solid #dce8f0;
  border-radius:50%;
  background:#fff;
  color:#0d568f;
  font-family:Arial,sans-serif;
  font-size:17px;
  font-weight:700;
  line-height:1;
}
.city-map-card{
  direction:ltr;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  text-align:initial;
}
.city-map-head h3{
  margin-left:auto;
  text-align:right;
  direction:rtl;
}
.city-map-card .city-map-placeholder{
  height:200px;
  margin:0;
  position:relative;
  overflow:hidden;
  border:1px solid #dfe7ed;
  border-radius:4px;
  background:
    radial-gradient(circle at 18% 32%,rgba(164,218,186,.46) 0 11%,transparent 12%),
    radial-gradient(circle at 86% 23%,rgba(164,218,186,.42) 0 12%,transparent 13%),
    linear-gradient(28deg,transparent 0 45%,rgba(247,190,80,.72) 46% 48%,transparent 49%),
    linear-gradient(116deg,transparent 0 57%,rgba(124,187,222,.78) 58% 60%,transparent 61%),
    linear-gradient(90deg,#eef1ed 1px,transparent 1px),
    linear-gradient(0deg,#eef1ed 1px,transparent 1px),
    #f5f3ec;
  background-size:auto,auto,auto,auto,38px 38px,38px 38px,auto;
}
.city-map-card .city-map-placeholder:before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.48;
  background:
    linear-gradient(18deg,transparent 0 34%,#fff 35% 36%,transparent 37%),
    linear-gradient(152deg,transparent 0 61%,#fff 62% 63%,transparent 64%);
  pointer-events:none;
}
.city-map-placeholder .pin{
  padding:5px 8px;
  border:1px solid #e3e9ee;
  border-radius:999px;
  background:#fff;
  color:#234e72;
  font-family:Arial,sans-serif;
  font-size:9px;
  line-height:1;
  font-weight:800;
  box-shadow:0 3px 9px rgba(16,53,82,.12);
  white-space:nowrap;
}
.city-map-placeholder .pin:before{
  width:8px;
  height:8px;
  margin:0 4px 0 0;
  vertical-align:-1px;
  background:#0d568f;
}
.city-map-placeholder .pin-0{top:9%;right:16%}
.city-map-placeholder .pin-1{top:31%;right:42%}
.city-map-placeholder .pin-2{top:52%;right:20%}
.city-map-placeholder .pin-3{top:67%;right:43%}
.city-map-placeholder .pin-4{top:66%;left:17%;right:auto}
.city-map-card .city-map-open{
  position:absolute;
  right:10px;
  bottom:9px;
  z-index:4;
  margin:0 !important;
  padding:10px 13px !important;
  display:inline-flex !important;
  align-items:center;
  gap:7px;
  border:0 !important;
  border-radius:4px !important;
  background:#0b4f86 !important;
  color:#fff !important;
  box-shadow:0 3px 9px rgba(9,57,94,.18) !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:800 !important;
}

@media(max-width:900px){
  .city-hero{height:auto;min-height:400px}
  .city-hero-inner{width:min(92%,760px);padding-bottom:54px}
  .city-script{display:none}
  .city-stats{flex-wrap:wrap;gap:20px 28px}
  .city-lower{grid-template-columns:1fr;gap:26px}
  .city-district-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .city-map-card .city-map-placeholder{height:280px}
}
@media(max-width:560px){
  body:not(.page-shell) .hero-content,
  html[dir="rtl"] body:not(.page-shell) .hero-content,
  html[dir="ltr"] body:not(.page-shell) .hero-content{left:4% !important;width:92%;padding-top:48px}
  .city-hero{min-height:430px}
  .city-hero-inner{width:92%;padding-top:18px}
  .city-crumbs{margin-bottom:44px;font-size:10px}
  .city-hero h1{font-size:45px}
  .city-hero p:not(.city-kicker){font-size:15px}
  .city-stats{gap:17px 18px;margin-top:24px}
  .city-stats span{min-width:82px}
  .city-district-head,.city-map-head{align-items:flex-start}
  .city-district-head h2,.city-map-head h3{font-size:21px}
  .city-district-grid{grid-template-columns:1fr 1fr;gap:9px}
  .city-district-grid .district-photo{height:110px}
  .city-map-card .city-map-placeholder{height:235px}
}

/* Reference-match: Quick information card on city page */
.city-info{
  background:#f6f9fc;
  border:0;
  border-radius:5px;
  padding:14px 12px 12px;
  box-shadow:0 4px 14px rgba(24,67,101,.08);
  direction:rtl;
  text-align:right;
  align-self:start;
  overflow:hidden;
}
.city-info h3{
  margin:0 2px 12px 0;
  color:#123f68;
  font-size:17px;
  line-height:1.25;
  font-weight:900;
  text-align:right;
}
.city-info-list{
  display:flex;
  flex-direction:column;
  gap:1px;
  background:#e7eef4;
  border-radius:2px;
  overflow:hidden;
}
.city-info .city-info-row{
  display:flex;
  direction:rtl;
  align-items:center;
  justify-content:flex-start;
  gap:9px;
  min-height:35px;
  padding:6px 10px;
  margin:0;
  border:0;
  background:#fff;
  color:#49677e;
  font-size:12px;
  line-height:1.25;
}
.city-info .city-info-row b{
  margin:0;
  padding:0;
  font-size:12px;
  font-weight:700;
  line-height:1.3;
  color:#4a667d;
  text-align:right;
  flex:1;
  white-space:normal;
}
.city-info-icon{
  width:24px;
  min-width:24px;
  height:24px;
  display:grid;
  place-items:center;
  color:#2e6398;
  line-height:1;
}
.city-info-icon svg{
  width:21px;
  height:21px;
  display:block;
}
.city-info-icon.is-flag{
  font-size:18px;
  line-height:1;
  transform:translateY(-1px);
}
.city-info a.city-info-travel{
  width:100%;
  min-height:38px;
  margin:9px 0 0;
  padding:7px 11px;
  display:flex;
  direction:rtl;
  align-items:center;
  justify-content:center;
  gap:9px;
  box-sizing:border-box;
  background:#fff;
  color:#2a5f95;
  border:1px solid #cbd9e5;
  border-radius:5px;
  box-shadow:0 2px 5px rgba(26,70,105,.04);
  font-size:12px;
  font-weight:900;
  text-align:center;
}
.city-info a.city-info-travel svg{
  width:21px;
  height:21px;
  min-width:21px;
  color:#2f65a0;
}
.city-info a.city-info-travel span{
  display:block;
  line-height:1.25;
}
html[dir="ltr"] .city-info,
html[dir="ltr"] .city-info h3,
html[dir="ltr"] .city-info .city-info-row{
  direction:ltr;
  text-align:left;
}
html[dir="ltr"] .city-info a.city-info-travel{direction:ltr}
@media(max-width:900px){
  .city-info{width:100%;box-sizing:border-box}
}

/* =========================================================
   v9 browser-verified reference alignment corrections
   Fixes cascade conflicts found during rendered comparison.
   ========================================================= */

/* City overview sidebar proportions closer to supplied reference. */
@media (min-width:901px){
  .city-overview{
    grid-template-columns:minmax(0,1fr) minmax(0,1.05fr) 220px;
    gap:18px;
  }
}

/* Quick information card: reset older .city-info div rule completely. */
.city-info{
  background:#f7f9fb;
  border:0;
  border-radius:5px;
  padding:11px 10px 10px;
  box-shadow:0 4px 13px rgba(24,67,101,.07);
  direction:rtl;
  text-align:right;
  align-self:start;
  overflow:hidden;
}
.city-info h3{
  margin:0 2px 10px 0;
  color:#123f68;
  font-size:15px;
  line-height:1.25;
  font-weight:900;
  text-align:right;
}
.city-info .city-info-list{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  justify-content:flex-start;
  gap:2px;
  margin:0;
  padding:0;
  border:0;
  border-radius:2px;
  background:#edf2f6;
  overflow:hidden;
}
.city-info .city-info-row{
  display:flex;
  direction:rtl;
  align-items:center;
  justify-content:flex-start;
  gap:7px;
  min-height:31px;
  box-sizing:border-box;
  margin:0;
  padding:4px 7px;
  border:0;
  background:#fff;
  color:#4a667d;
  font-size:10.5px;
  line-height:1.2;
}
.city-info .city-info-row b{
  flex:1;
  margin:0;
  padding:0;
  color:#4a667d;
  font-size:10.5px;
  font-weight:700;
  line-height:1.2;
  text-align:right;
  white-space:nowrap;
}
.city-info .city-info-icon{
  width:20px;
  min-width:20px;
  height:20px;
  display:grid;
  place-items:center;
  color:#2e6398;
  line-height:1;
}
.city-info .city-info-icon svg{
  width:18px;
  height:18px;
  display:block;
}
.city-info .city-info-icon.is-flag{
  font-size:16px;
  transform:translateY(-1px);
}
.city-info a.city-info-travel{
  width:100%;
  min-height:34px;
  box-sizing:border-box;
  margin:8px 0 0;
  padding:6px 8px;
  display:flex;
  direction:rtl;
  align-items:center;
  justify-content:center;
  gap:7px;
  border:1px solid #cbd9e5;
  border-radius:5px;
  background:#fff;
  color:#2a5f95;
  box-shadow:0 2px 5px rgba(26,70,105,.035);
  font-size:10.5px;
  font-weight:900;
  line-height:1.2;
  text-align:center;
}
.city-info a.city-info-travel svg{
  width:18px;
  height:18px;
  min-width:18px;
  color:#2f65a0;
}

/* Hero spacing: keep the supplied left alignment while compressing stats. */
@media (min-width:901px){
  .city-stats{
    width:auto;
    max-width:none;
    margin-left:-22px;
    gap:14px;
  }
  .city-stats span{
    width:80px;
    min-width:80px;
    max-width:80px;
  }
  .city-script{
    right:0;
    top:34px;
    font-family:"Comic Neue","Segoe Print",cursive;
    font-size:clamp(40px,4.1vw,52px);
    letter-spacing:-.045em;
    transform:rotate(-5deg) scaleX(.84);
    transform-origin:right top;
  }
}

/* Main-area cards and map finish at nearly the same baseline as the reference. */
@media (min-width:901px){
  .city-district-grid .district-copy{min-height:68px;}
  .city-map-card .city-map-placeholder{height:228px;}
}

/* v10 final rendered-reference corrections. */
@media (min-width:901px){
  .city-district-grid .city-district-card{height:231px;}
  .city-district-grid .district-copy{height:105px;min-height:0;}
}

/* Reset generic tourism-map pin offsets that were leaking into the city map. */
.city-map-placeholder .pin-0{left:auto;bottom:auto;}
.city-map-placeholder .pin-1{left:auto;bottom:auto;}
.city-map-placeholder .pin-2{left:auto;bottom:auto;}
.city-map-placeholder .pin-3{left:auto;bottom:auto;}
.city-map-placeholder .pin-4{right:auto;bottom:auto;}

/* =========================================================
   Attraction detail page — reference-matched layout
   ========================================================= */
.attraction-shell{background:#fff;color:#163d61}
.attraction-shell .site-header{position:relative;z-index:30}
.attraction-hero{height:clamp(310px,36.9vw,500px);position:relative;background-position:center 47%;background-size:cover;background-repeat:no-repeat;color:#fff;overflow:hidden}
.attraction-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,19,34,.36),transparent 42%);pointer-events:none}
.attraction-hero-inner{height:100%;position:relative;z-index:2}
.attraction-breadcrumbs{position:absolute;top:17px;left:2.2%;display:flex;align-items:center;gap:8px;font-size:8.5px;font-weight:600;color:rgba(255,255,255,.82);direction:rtl}
.attraction-breadcrumbs a{color:rgba(255,255,255,.84)}
.attraction-breadcrumbs b{color:#fff}
.attraction-hero-copy{position:absolute;left:2.2%;top:58px;width:min(44%,380px);direction:rtl;text-align:left}
.attraction-kicker{display:block;font-family:Arial,sans-serif;letter-spacing:.22em;font-size:8px;font-weight:700;color:#f7d85d;margin-bottom:9px;direction:ltr;text-align:left}
.attraction-hero-copy h1{margin:0;color:#fff;font-size:clamp(36px,4.8vw,66px);line-height:.98;font-weight:900;letter-spacing:-.035em;text-shadow:0 2px 10px rgba(0,0,0,.18)}
.attraction-en-title{display:block;margin-top:3px;font-family:Arial,sans-serif;font-size:clamp(16px,2vw,27px);line-height:1.1;font-weight:500;direction:ltr;text-align:left;color:#fff}
.attraction-hero-copy>p{margin:10px 0 9px;max-width:355px;font-size:clamp(10px,1.05vw,14px);line-height:1.7;font-weight:600;color:rgba(255,255,255,.9);text-align:left}
.attraction-tags{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-start;direction:ltr}
.attraction-tags span{height:23px;display:inline-flex;align-items:center;gap:5px;padding:0 10px;border-radius:999px;background:#fff;color:#1a476d;font-size:8.5px;font-weight:800;direction:rtl;box-shadow:0 2px 7px rgba(0,0,0,.08)}
.attraction-watch{display:flex;direction:ltr;align-items:center;gap:10px;margin-top:18px;width:245px;text-align:left}
.attraction-watch-thumb{width:66px;height:45px;border:1px solid rgba(255,255,255,.8);border-radius:6px;background:center/cover no-repeat;flex:none}
.attraction-watch button{width:28px;height:28px;border:0;border-radius:50%;background:#fff;color:#0a4e84;font-size:10px;display:grid;place-items:center;padding-left:2px;flex:none}
.attraction-watch div:last-child{display:grid;gap:1px;direction:rtl;text-align:left}
.attraction-watch b{font-size:10px;color:#fff}
.attraction-watch small{font-size:8px;color:rgba(255,255,255,.82)}
.attraction-script{position:absolute;right:7.5%;top:52px;color:#fff;font-family:cursive;font-style:italic;font-size:clamp(28px,3.7vw,52px);line-height:.8;transform:rotate(-8deg);text-shadow:0 2px 7px rgba(0,0,0,.12)}
.attraction-script small{display:block;font-size:.45em;text-align:center;margin-top:11px}

.attraction-facts{position:relative;z-index:5;margin-top:-4px;min-height:101px;background:#fff;border:1px solid #e0e8ef;border-radius:8px;box-shadow:0 6px 18px rgba(11,57,91,.08);display:grid;grid-template-columns:1.13fr repeat(5,1fr);direction:rtl;overflow:hidden}
.attraction-actions{padding:9px 13px;display:grid;align-content:center;gap:8px;border-left:1px solid #e8edf2}
.attraction-actions a,.attraction-actions button{height:31px;border-radius:5px;font-size:9px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:7px}
.attraction-actions a{background:#07519a;color:#fff;border:1px solid #07519a}
.attraction-actions button{background:#fff;color:#244c70;border:1px solid #cfdbe5}
.attraction-actions svg{width:14px;height:14px}
.attraction-fact{position:relative;text-align:center;padding:16px 8px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.attraction-fact:not(:last-child):after{content:"";position:absolute;left:0;top:17%;height:66%;width:1px;background:#e8edf2}
.attraction-fact svg{width:22px;height:22px;color:#0a4d84;margin-bottom:6px}
.attraction-fact b{font-size:9.5px;color:#173f63;line-height:1.25}
.attraction-fact small{font-size:8px;color:#66798a;line-height:1.35;margin-top:4px}

.attraction-main{padding-top:23px;padding-bottom:22px}
.attraction-intro-grid{display:grid;grid-template-columns:1.2fr .95fr .85fr;gap:15px;direction:ltr;align-items:stretch}
.attraction-intro-grid>*{direction:rtl}
.attraction-why{padding:3px 0 0;text-align:right}
.attraction-why h2,.attraction-gallery-section h2{margin:0;color:#0e487a;font-size:clamp(19px,2.25vw,30px);line-height:1.2;font-weight:900}
.attraction-why p{margin:11px 0 16px;color:#475f73;font-size:10.5px;line-height:1.95;font-weight:500}
.attraction-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:4px}
.attraction-benefits>div{text-align:center;min-width:0}
.attraction-benefits svg{width:24px;height:24px;color:#0d568f;margin-bottom:5px}
.attraction-benefits b{display:block;font-size:8.3px;color:#153f64;line-height:1.25}
.attraction-benefits small{display:block;font-size:7.2px;color:#62788a;line-height:1.25;margin-top:2px}
.attraction-view-card{min-height:198px;border-radius:6px;overflow:hidden;background:center/cover no-repeat;position:relative;color:#fff;box-shadow:0 5px 14px rgba(12,46,72,.08)}
.attraction-view-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,18,33,.78),transparent 58%)}
.attraction-view-card>span{position:absolute;left:9px;bottom:10px;z-index:2;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.2);font-size:17px}
.attraction-view-card>div{position:absolute;right:12px;bottom:10px;z-index:2;text-align:right}
.attraction-view-card b{display:block;font-size:9px}
.attraction-view-card small{display:block;font-size:8px;margin-top:3px;color:rgba(255,255,255,.88)}
.attraction-map{min-height:198px}
.attraction-panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;gap:10px}
.attraction-panel-head b{font-size:12px;color:#143f65}
.attraction-panel-head a{font-size:8px;color:#0d568f;font-weight:700}
.attraction-map-box{height:158px;border:1px solid #e0e7ed;border-radius:5px;position:relative;overflow:hidden;background:linear-gradient(28deg,transparent 0 44%,rgba(244,199,96,.85) 45% 47%,transparent 48%),linear-gradient(117deg,transparent 0 57%,rgba(142,194,216,.85) 58% 60%,transparent 61%),linear-gradient(90deg,#eef5ea 0 18%,#f7f3e9 18% 100%)}
.attraction-map-box:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 35px,rgba(255,255,255,.6) 36px 37px),repeating-linear-gradient(0deg,transparent 0 29px,rgba(255,255,255,.72) 30px 31px);opacity:.8}
.attraction-map-box:after{content:"";position:absolute;left:22px;top:54px;width:68px;height:52px;border-radius:50% 35% 48% 43%;background:rgba(177,220,171,.62)}
.attraction-map-box .map-main-pin{position:absolute;z-index:3;right:43%;top:32%;color:#ec3a36;font-size:24px;line-height:1;text-shadow:0 1px 3px rgba(0,0,0,.15)}
.map-label{position:absolute;z-index:3;background:rgba(255,255,255,.9);border-radius:3px;padding:2px 4px;color:#194b78;font-family:Arial,sans-serif;font-size:6.5px;line-height:1.2;box-shadow:0 1px 3px rgba(0,0,0,.06)}
.map-label.main{right:10px;top:50px}.map-label.l1{left:13px;top:69px}.map-label.l2{right:15px;top:98px}.map-label.l3{right:18px;bottom:17px}
.map-address{display:block;font-family:Arial,sans-serif;font-size:6.6px;color:#63798b;margin-top:5px;text-align:left;direction:ltr}

.attraction-gallery-section{margin-top:20px}
.attraction-section-head{height:27px;display:flex;align-items:center;justify-content:space-between;direction:rtl}
.attraction-section-head h2{font-size:14px}
.attraction-section-head a{font-size:8px;color:#0d568f;font-weight:700}
.attraction-gallery{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;direction:rtl}
.attraction-gallery>div{height:109px;border-radius:5px;background:center/cover no-repeat;position:relative;overflow:hidden}
.gallery-more:after{content:"";position:absolute;inset:0;background:rgba(8,43,73,.62)}
.gallery-more strong,.gallery-more small{position:absolute;z-index:2;left:50%;transform:translateX(-50%);color:#fff;white-space:nowrap}
.gallery-more strong{top:36px;font-size:19px}.gallery-more small{top:61px;font-size:8px}

.attraction-three-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:18px;direction:ltr;align-items:start}
.attraction-box{direction:rtl;border:1px solid #e7edf2;border-radius:6px;background:#fff;padding:13px 14px;min-height:211px;box-shadow:0 3px 12px rgba(16,55,84,.035)}
.attraction-box h3{margin:0 0 10px;color:#0f4877;font-size:13px;font-weight:900;line-height:1.25}
.transport-row{display:flex;flex-direction:row-reverse;gap:9px;padding:7px 0;border-top:1px solid #eef2f5;align-items:flex-start}
.transport-row:first-of-type{border-top:0}
.transport-row svg{width:18px;height:18px;color:#0e4f83;flex:none;margin-top:1px}
.transport-row div{flex:1;text-align:right}
.transport-row b{display:block;font-size:8.5px;color:#153f64}.transport-row small{display:block;font-size:7px;color:#697d8e;margin-top:2px;line-height:1.5}
.attraction-box-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:5px}.attraction-box-title h3{margin:0}.attraction-box-title a{font-size:7.5px;color:#0d568f;font-weight:700}
.nearby-row{display:grid;grid-template-columns:52px 1fr auto;gap:8px;align-items:center;direction:ltr;padding:5px 0;border-top:1px solid #eef2f5}
.nearby-row img{width:52px;height:35px;object-fit:cover;border-radius:4px}.nearby-row div{direction:rtl;text-align:right}.nearby-row b{display:block;font-size:8px;color:#133e63}.nearby-row small{display:block;font-size:6.7px;color:#6a7c8b;margin-top:2px}.nearby-row span{font-size:7px;color:#566f83;direction:rtl}
.tips-box ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}.tips-box li{font-size:7.8px;color:#405a70;display:flex;gap:6px;line-height:1.45}.tips-box li:first-letter{color:#0d568f}.reviewed-box{margin-top:9px;padding:8px 9px;border-radius:5px;background:#f1f8fb;border:1px solid #dceaf0}.reviewed-box b{display:block;color:#0b7f76;font-size:8px}.reviewed-box small{display:block;color:#5e7485;font-size:6.7px;line-height:1.5;margin-top:3px}
.attraction-secondary-row{margin-top:15px}
.faq-box details{border-top:1px solid #edf2f5;padding:7px 0}.faq-box details:first-of-type{border-top:0}.faq-box summary{cursor:pointer;font-size:8px;color:#294b67;font-weight:700;list-style:none}.faq-box summary::-webkit-details-marker{display:none}.faq-box summary:before{content:"⌄";float:left;color:#597386}.faq-box details p{font-size:7px;line-height:1.5;color:#677d8e;margin:7px 0 0}
.sources-box{display:grid;align-content:start}.sources-box a{padding:8px 3px;border-top:1px solid #eef2f5;font-size:8px;color:#1e4b70;font-weight:700}.sources-box a:first-of-type{border-top:0}
.related-box>a{display:grid;grid-template-columns:50px 1fr;gap:8px;direction:ltr;align-items:center;padding:5px 0;border-top:1px solid #eef2f5}.related-box>a:first-of-type{border-top:0}.related-box img{width:50px;height:35px;object-fit:cover;border-radius:3px}.related-box div{direction:rtl;text-align:right}.related-box b{display:block;font-size:8px;color:#153f64}.related-box small{display:block;font-size:6.7px;color:#697d8d;line-height:1.35;margin-top:2px}
.attraction-meta{height:35px;margin-top:15px;border-top:1px solid #e8edf2;display:flex;align-items:center;justify-content:space-between;direction:rtl;color:#6c7f8d;font-size:7px}

html[dir="ltr"] .attraction-hero-copy{direction:ltr;text-align:left}
html[dir="ltr"] .attraction-hero-copy>p{direction:ltr;text-align:left}
html[dir="ltr"] .attraction-tags{direction:ltr}
html[dir="ltr"] .attraction-watch div:last-child{direction:ltr;text-align:left}
html[dir="ltr"] .attraction-breadcrumbs{direction:ltr}
html[dir="ltr"] .attraction-facts{direction:ltr}
html[dir="ltr"] .attraction-actions{border-left:0;border-right:1px solid #e8edf2}
html[dir="ltr"] .attraction-fact:not(:last-child):after{left:auto;right:0}
html[dir="ltr"] .attraction-intro-grid>*{direction:ltr}
html[dir="ltr"] .attraction-why{text-align:left}
html[dir="ltr"] .attraction-gallery,html[dir="ltr"] .attraction-section-head{direction:ltr}
html[dir="ltr"] .attraction-box{direction:ltr}
html[dir="ltr"] .transport-row{flex-direction:row}
html[dir="ltr"] .transport-row div,html[dir="ltr"] .nearby-row div,html[dir="ltr"] .related-box div{direction:ltr;text-align:left}
html[dir="ltr"] .attraction-meta{direction:ltr}

@media(max-width:820px){
  .attraction-hero{height:420px;background-position:center}
  .attraction-hero-copy{left:5%;top:62px;width:62%}
  .attraction-script{right:5%;font-size:34px}
  .attraction-facts{grid-template-columns:repeat(3,1fr);margin-top:0;border-radius:0}
  .attraction-actions{grid-column:1/-1;grid-row:3;grid-template-columns:1fr 1fr;border-left:0;border-top:1px solid #e8edf2}
  .attraction-fact{min-height:82px}
  .attraction-intro-grid{grid-template-columns:1fr 1fr}.attraction-why{grid-column:1/-1}.attraction-map{min-height:198px}
  .attraction-gallery{grid-template-columns:repeat(3,1fr)}.attraction-gallery>div:nth-child(n+4){display:none}
  .attraction-three-cols{grid-template-columns:1fr 1fr}.tips-box,.related-box{grid-column:1/-1}
}
@media(max-width:560px){
  .attraction-hero{height:520px}.attraction-hero-copy{left:5%;top:75px;width:90%;text-align:left}.attraction-script{display:none}.attraction-breadcrumbs{left:5%;top:18px}
  .attraction-hero-copy h1{font-size:42px}.attraction-en-title{font-size:19px}.attraction-hero-copy>p{font-size:12px;max-width:90%}.attraction-watch{margin-top:25px}
  .attraction-facts{grid-template-columns:repeat(2,1fr)}.attraction-actions{grid-row:auto}.attraction-fact{min-height:90px}
  .attraction-intro-grid{grid-template-columns:1fr}.attraction-why{grid-column:auto}.attraction-view-card,.attraction-map{min-height:240px}.attraction-map-box{height:205px}
  .attraction-benefits{grid-template-columns:repeat(2,1fr)}.attraction-gallery{grid-template-columns:1fr 1fr}.attraction-gallery>div:nth-child(n+3){display:none}
  .attraction-three-cols{grid-template-columns:1fr}.tips-box,.related-box{grid-column:auto}.attraction-box{min-height:auto}.attraction-meta{height:auto;padding:12px 0;gap:8px;flex-wrap:wrap}
}

/* Attraction detail fine-tuning against the 853 × 1280 reference. */
.attraction-shell .site-header{height:46px}
.attraction-facts{margin-top:0;min-height:104px}
.attraction-main{padding-top:12px}
.attraction-gallery-section{margin-top:14px}
.attraction-three-cols{margin-top:16px}
.attraction-secondary-row{margin-top:12px}
.attraction-secondary-row .attraction-box{min-height:155px;padding-top:11px;padding-bottom:9px}
.attraction-secondary-row .faq-box details{padding:5px 0}
.attraction-secondary-row .sources-box a{padding:6px 3px}
.attraction-secondary-row .related-box>a{padding:3px 0}
.attraction-secondary-row .related-box img{width:44px;height:30px}
.attraction-secondary-row .related-box>a{grid-template-columns:44px 1fr}
.attraction-meta{height:27px;margin-top:10px}
.attraction-view-card,.attraction-gallery>div{background-color:#d9e5ed}
.attraction-main{padding-bottom:0}
.attraction-meta{direction:ltr}
.attraction-meta>span{direction:rtl}
html[dir="ltr"] .attraction-meta>span{direction:ltr}

/* Keep banner blocks in the same physical position when switching languages. */
html[dir="ltr"] .page-hero-inner,
html[dir="ltr"] .tourism-hero-inner,
html[dir="ltr"] .discover-hero-copy{
  margin-left:12% !important;
  margin-right:0 !important;
}

@media(max-width:820px){
  html[dir="ltr"] .page-hero-inner,
  html[dir="ltr"] .tourism-hero-inner,
  html[dir="ltr"] .discover-hero-copy{
    margin-left:6% !important;
    margin-right:0 !important;
  }
}

@media(max-width:520px){
  html[dir="ltr"] .page-hero-inner,
  html[dir="ltr"] .tourism-hero-inner,
  html[dir="ltr"] .discover-hero-copy{
    margin-left:4% !important;
    margin-right:0 !important;
  }
}

/* =========================================================
   v12 — Attraction page proportional desktop scaling
   The 853px reference is the visual baseline. At larger desktop
   widths the vertical rhythm, type, cards and media scale with the
   content width instead of staying tiny inside a wider grid.
   ========================================================= */
@media (min-width:821px){
  /* Header: keep the same proportions as the supplied reference. */
  .attraction-shell .site-header{height:clamp(46px,5.393vw,81.5px)}
  .attraction-shell .brand-mark{width:clamp(24px,2.813vw,42.5px);height:clamp(24px,2.813vw,42.5px)}
  .attraction-shell .brand{gap:clamp(7px,.821vw,12.4px)}
  .attraction-shell .brand-text b{font-size:clamp(10.2px,1.20vw,18.1px)}
  .attraction-shell .brand-text em{font-size:clamp(8.9px,1.05vw,15.8px)}
  .attraction-shell .brand-text small{font-size:clamp(5.8px,.68vw,10.3px)}
  .attraction-shell .desktop-nav{gap:clamp(10px,1.20vw,18px)}
  .attraction-shell .desktop-nav a{font-size:clamp(7.5px,.879vw,13.3px);padding:clamp(4px,.469vw,7.1px) 0}
  .attraction-shell .header-actions{gap:clamp(5px,.586vw,8.9px)}
  .attraction-shell .icon-button,
  .attraction-shell .menu-button{width:clamp(26px,3.048vw,46px);height:clamp(26px,3.048vw,46px);padding:clamp(4px,.469vw,7px)}

  /* Hero itself: the old 500px cap made the banner too short on wide screens. */
  .attraction-hero{height:clamp(315px,36.93vw,557px);background-position:center 47%}
  .attraction-breadcrumbs{
    top:clamp(17px,1.993vw,30px);
    gap:clamp(8px,.938vw,14.2px);
    font-size:clamp(8.5px,.996vw,15px)
  }
  .attraction-hero-copy{
    top:clamp(58px,6.80vw,103px);
    width:44%;
    max-width:none
  }
  .attraction-kicker{
    font-size:clamp(8px,.938vw,14.2px);
    margin-bottom:clamp(9px,1.055vw,16px)
  }
  .attraction-hero-copy h1{font-size:clamp(41px,4.806vw,72.7px);line-height:.98}
  .attraction-en-title{
    margin-top:clamp(3px,.352vw,5.3px);
    font-size:clamp(17px,1.993vw,30.1px)
  }
  .attraction-hero-copy>p{
    margin:clamp(10px,1.172vw,17.7px) 0 clamp(9px,1.055vw,16px);
    max-width:93%;
    font-size:clamp(10px,1.172vw,17.7px);
    line-height:1.7
  }
  .attraction-tags{gap:clamp(7px,.821vw,12.4px)}
  .attraction-tags span{
    height:clamp(23px,2.696vw,40.7px);
    gap:clamp(5px,.586vw,8.9px);
    padding:0 clamp(10px,1.172vw,17.7px);
    font-size:clamp(8.5px,.996vw,15px)
  }

  /* Video preview in the hero: same left alignment, size and spacing as reference. */
  .attraction-watch{
    width:clamp(245px,28.722vw,434px);
    gap:clamp(10px,1.172vw,17.7px);
    margin-top:clamp(18px,2.110vw,31.9px);
    margin-right:auto;
    margin-left:0;
    align-items:center
  }
  .attraction-watch-thumb{
    width:clamp(66px,7.737vw,117px);
    height:clamp(45px,5.276vw,79.7px);
    border-radius:clamp(6px,.703vw,10.6px)
  }
  .attraction-watch button{
    width:clamp(28px,3.282vw,49.6px);
    height:clamp(28px,3.282vw,49.6px);
    font-size:clamp(10px,1.172vw,17.7px);
    padding-left:clamp(2px,.234vw,3.5px)
  }
  .attraction-watch div:last-child{gap:clamp(1px,.117vw,1.8px)}
  .attraction-watch b{font-size:clamp(10px,1.172vw,17.7px)}
  .attraction-watch small{font-size:clamp(8px,.938vw,14.2px)}
  .attraction-script{
    top:clamp(52px,6.096vw,92px);
    font-size:clamp(31.5px,3.693vw,55.8px)
  }
  .attraction-script small{margin-top:clamp(11px,1.289vw,19.5px)}

  /* Facts/action strip */
  .attraction-facts{
    min-height:clamp(104px,12.192vw,184px);
    border-radius:clamp(8px,.938vw,14.2px)
  }
  .attraction-actions{
    padding:clamp(9px,1.055vw,16px) clamp(13px,1.524vw,23px);
    gap:clamp(8px,.938vw,14.2px)
  }
  .attraction-actions a,.attraction-actions button{
    height:clamp(31px,3.634vw,54.9px);
    border-radius:clamp(5px,.586vw,8.9px);
    font-size:clamp(9px,1.055vw,16px);
    gap:clamp(7px,.821vw,12.4px)
  }
  .attraction-actions svg{width:clamp(14px,1.641vw,24.8px);height:clamp(14px,1.641vw,24.8px)}
  .attraction-fact{padding:clamp(16px,1.876vw,28.3px) clamp(8px,.938vw,14.2px) clamp(10px,1.172vw,17.7px)}
  .attraction-fact svg{width:clamp(22px,2.579vw,39px);height:clamp(22px,2.579vw,39px);margin-bottom:clamp(6px,.703vw,10.6px)}
  .attraction-fact b{font-size:clamp(9.5px,1.114vw,16.8px)}
  .attraction-fact small{font-size:clamp(8px,.938vw,14.2px);margin-top:clamp(4px,.469vw,7.1px)}

  /* Main intro */
  .attraction-main{padding-top:clamp(12px,1.407vw,21.2px)}
  .attraction-intro-grid{gap:clamp(15px,1.758vw,26.6px)}
  .attraction-why{padding-top:clamp(3px,.352vw,5.3px)}
  .attraction-why h2,.attraction-gallery-section h2{font-size:clamp(19.2px,2.251vw,34px)}
  .attraction-why p{
    margin:clamp(11px,1.289vw,19.5px) 0 clamp(16px,1.876vw,28.3px);
    font-size:clamp(10.5px,1.231vw,18.6px)
  }
  .attraction-benefits{gap:clamp(8px,.938vw,14.2px);margin-top:clamp(4px,.469vw,7.1px)}
  .attraction-benefits svg{width:clamp(24px,2.813vw,42.5px);height:clamp(24px,2.813vw,42.5px);margin-bottom:clamp(5px,.586vw,8.9px)}
  .attraction-benefits b{font-size:clamp(8.3px,.973vw,14.7px)}
  .attraction-benefits small{font-size:clamp(7.2px,.844vw,12.8px);margin-top:clamp(2px,.234vw,3.5px)}
  .attraction-view-card{min-height:clamp(198px,23.212vw,350px);border-radius:clamp(6px,.703vw,10.6px)}
  .attraction-view-card>span{
    left:clamp(9px,1.055vw,16px);
    bottom:clamp(10px,1.172vw,17.7px);
    width:clamp(22px,2.579vw,39px);
    height:clamp(22px,2.579vw,39px);
    font-size:clamp(17px,1.993vw,30px)
  }
  .attraction-view-card>div{right:clamp(12px,1.407vw,21.2px);bottom:clamp(10px,1.172vw,17.7px)}
  .attraction-view-card b{font-size:clamp(9px,1.055vw,16px)}
  .attraction-view-card small{font-size:clamp(8px,.938vw,14.2px);margin-top:clamp(3px,.352vw,5.3px)}
  .attraction-map{min-height:clamp(198px,23.212vw,350px)}
  .attraction-panel-head{margin-bottom:clamp(8px,.938vw,14.2px);gap:clamp(10px,1.172vw,17.7px)}
  .attraction-panel-head b{font-size:clamp(12px,1.407vw,21.2px)}
  .attraction-panel-head a{font-size:clamp(8px,.938vw,14.2px)}
  .attraction-map-box{height:clamp(158px,18.523vw,280px);border-radius:clamp(5px,.586vw,8.9px)}
  .attraction-map-box .map-main-pin{font-size:clamp(24px,2.813vw,42.5px)}
  .map-label{padding:clamp(2px,.234vw,3.5px) clamp(4px,.469vw,7.1px);border-radius:clamp(3px,.352vw,5.3px);font-size:clamp(6.5px,.762vw,11.5px)}
  .map-address{font-size:clamp(6.6px,.774vw,11.7px);margin-top:clamp(5px,.586vw,8.9px)}

  /* Gallery */
  .attraction-gallery-section{margin-top:clamp(14px,1.641vw,24.8px)}
  .attraction-section-head{height:clamp(27px,3.165vw,47.8px)}
  .attraction-section-head h2{font-size:clamp(14px,1.641vw,24.8px)}
  .attraction-section-head a{font-size:clamp(8px,.938vw,14.2px)}
  .attraction-gallery{gap:clamp(8px,.938vw,14.2px)}
  .attraction-gallery>div{height:clamp(109px,12.778vw,193px);border-radius:clamp(5px,.586vw,8.9px)}
  .gallery-more strong{top:clamp(36px,4.220vw,63.7px);font-size:clamp(19px,2.227vw,33.6px)}
  .gallery-more small{top:clamp(61px,7.151vw,108px);font-size:clamp(8px,.938vw,14.2px)}

  /* Information cards */
  .attraction-three-cols{gap:clamp(15px,1.758vw,26.6px);margin-top:clamp(16px,1.876vw,28.3px)}
  .attraction-box{
    border-radius:clamp(6px,.703vw,10.6px);
    padding:clamp(13px,1.524vw,23px) clamp(14px,1.641vw,24.8px);
    min-height:clamp(211px,24.736vw,373px)
  }
  .attraction-box h3{margin-bottom:clamp(10px,1.172vw,17.7px);font-size:clamp(13px,1.524vw,23px)}
  .transport-row{gap:clamp(9px,1.055vw,16px);padding:clamp(7px,.821vw,12.4px) 0}
  .transport-row svg{width:clamp(18px,2.110vw,31.9px);height:clamp(18px,2.110vw,31.9px);margin-top:clamp(1px,.117vw,1.8px)}
  .transport-row b{font-size:clamp(8.5px,.996vw,15px)}
  .transport-row small{font-size:clamp(7px,.821vw,12.4px);margin-top:clamp(2px,.234vw,3.5px)}
  .attraction-box-title{gap:clamp(8px,.938vw,14.2px);margin-bottom:clamp(5px,.586vw,8.9px)}
  .attraction-box-title a{font-size:clamp(7.5px,.879vw,13.3px)}
  .nearby-row{grid-template-columns:clamp(52px,6.096vw,92px) 1fr auto;gap:clamp(8px,.938vw,14.2px);padding:clamp(5px,.586vw,8.9px) 0}
  .nearby-row img{width:clamp(52px,6.096vw,92px);height:clamp(35px,4.103vw,62px);border-radius:clamp(4px,.469vw,7.1px)}
  .nearby-row b{font-size:clamp(8px,.938vw,14.2px)}
  .nearby-row small{font-size:clamp(6.7px,.785vw,11.9px);margin-top:clamp(2px,.234vw,3.5px)}
  .nearby-row span{font-size:clamp(7px,.821vw,12.4px)}
  .tips-box ul{gap:clamp(7px,.821vw,12.4px)}
  .tips-box li{font-size:clamp(7.8px,.914vw,13.8px);gap:clamp(6px,.703vw,10.6px)}
  .reviewed-box{margin-top:clamp(9px,1.055vw,16px);padding:clamp(8px,.938vw,14.2px) clamp(9px,1.055vw,16px);border-radius:clamp(5px,.586vw,8.9px)}
  .reviewed-box b{font-size:clamp(8px,.938vw,14.2px)}
  .reviewed-box small{font-size:clamp(6.7px,.785vw,11.9px);margin-top:clamp(3px,.352vw,5.3px)}

  /* Second row */
  .attraction-secondary-row{margin-top:clamp(12px,1.407vw,21.2px)}
  .attraction-secondary-row .attraction-box{
    min-height:clamp(155px,18.171vw,274px);
    padding-top:clamp(11px,1.289vw,19.5px);
    padding-bottom:clamp(9px,1.055vw,16px)
  }
  .attraction-secondary-row .faq-box details{padding:clamp(5px,.586vw,8.9px) 0}
  .faq-box summary{font-size:clamp(8px,.938vw,14.2px)}
  .faq-box details p{font-size:clamp(7px,.821vw,12.4px);margin-top:clamp(7px,.821vw,12.4px)}
  .attraction-secondary-row .sources-box a{padding:clamp(6px,.703vw,10.6px) clamp(3px,.352vw,5.3px);font-size:clamp(8px,.938vw,14.2px)}
  .attraction-secondary-row .related-box>a{
    padding:clamp(3px,.352vw,5.3px) 0;
    grid-template-columns:clamp(44px,5.158vw,78px) 1fr;
    gap:clamp(8px,.938vw,14.2px)
  }
  .attraction-secondary-row .related-box img{width:clamp(44px,5.158vw,78px);height:clamp(30px,3.517vw,53px)}
  .related-box b{font-size:clamp(8px,.938vw,14.2px)}
  .related-box small{font-size:clamp(6.7px,.785vw,11.9px);margin-top:clamp(2px,.234vw,3.5px)}
  .attraction-meta{
    height:clamp(27px,3.165vw,47.8px);
    margin-top:clamp(10px,1.172vw,17.7px);
    font-size:clamp(7px,.821vw,12.4px)
  }
}

/* v12.1 hero-media alignment measured directly against the supplied reference. */
@media (min-width:821px){
  .attraction-hero-copy{top:clamp(68px,7.972vw,120.4px)}
  .attraction-en-title{font-size:clamp(22px,2.579vw,39px)}
  .attraction-hero-copy>p{max-width:82%;font-size:clamp(10.5px,1.231vw,18.6px)}
  .attraction-watch{margin-top:clamp(26px,3.048vw,46px)}
}

/* v12.2 exact left anchor for the hero copy and description. */
@media (min-width:821px){
  .attraction-hero-copy{left:2.9%}
  .attraction-hero-copy>p{width:82%;max-width:none;margin-left:0;margin-right:auto}
}

/* =========================================================
   v13 — Reference-detail corrections
   1) Related-guide thumbnails sit on the RIGHT in Arabic.
   2) Observation-card arrow is a true left chevron, optically centered.
   3) Hero play control is smaller with a centered triangle.
   ========================================================= */
html[dir="rtl"] .related-box>a{
  direction:rtl;
  grid-template-columns:clamp(44px,5.158vw,78px) 1fr;
}
html[dir="rtl"] .related-box>a img{grid-column:1}
html[dir="rtl"] .related-box>a div{grid-column:2;direction:rtl;text-align:right}

.attraction-view-card>span{
  left:clamp(9px,1.055vw,16px);
  right:auto;
  display:flex;
  align-items:center;
  justify-content:center;
  line-height:1;
  font-size:0!important;
  padding:0;
}
.attraction-view-card>span::before{
  content:"";
  width:30%;
  height:30%;
  border-left:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:translateX(8%) rotate(45deg);
  box-sizing:border-box;
}

.attraction-watch button{
  width:24px;
  height:24px;
  min-width:24px;
  padding:0!important;
  font-size:0!important;
  display:flex;
  align-items:center;
  justify-content:center;
}
.attraction-watch button::before{
  content:"";
  display:block;
  width:0;
  height:0;
  border-top:4px solid transparent;
  border-bottom:4px solid transparent;
  border-left:6px solid currentColor;
  transform:translateX(1px);
}
@media (min-width:821px){
  .attraction-watch button{
    width:clamp(24px,2.813vw,42.5px);
    height:clamp(24px,2.813vw,42.5px);
    min-width:clamp(24px,2.813vw,42.5px);
  }
  .attraction-watch button::before{
    border-top-width:clamp(4px,.469vw,7px);
    border-bottom-width:clamp(4px,.469vw,7px);
    border-left-width:clamp(6px,.703vw,10.6px);
  }
}

/* v14 — all attraction hero/banner text is white. */
.attraction-hero,
.attraction-hero a,
.attraction-breadcrumbs,
.attraction-breadcrumbs a,
.attraction-breadcrumbs b,
.attraction-kicker,
.attraction-hero-copy h1,
.attraction-en-title,
.attraction-hero-copy>p,
.attraction-watch b,
.attraction-watch small,
.attraction-script,
.attraction-script small{
  color:#fff!important;
}
.attraction-tags span{
  color:#fff!important;
  background:rgba(12,52,82,.42);
  border:1px solid rgba(255,255,255,.55);
  box-shadow:none;
}

/* v15 — attraction names stay on a single line in the hero banner. */
.attraction-hero-copy h1{
  white-space:nowrap;
  font-size:clamp(30px,3.55vw,54px);
  line-height:1.05;
}
@media (max-width:820px){
  .attraction-hero-copy h1{
    white-space:nowrap;
    font-size:clamp(25px,7.2vw,38px);
  }
}
@media (max-width:480px){
  .attraction-hero-copy h1{
    font-size:clamp(22px,6.7vw,30px);
  }
}

/* v11 — city lower-section arrow sizing/alignment matched to supplied reference */
.city-district-head>a,
.city-map-card .city-map-full{
  direction:rtl !important;
  gap:5px !important;
  font-size:10px !important;
  line-height:16px !important;
}
.city-district-head>a span,
.city-map-card .city-map-full span{
  display:inline-flex;
  width:12px;
  height:16px;
  align-items:center;
  justify-content:center;
  font-family:Arial,sans-serif;
  font-size:12px;
  line-height:1;
  font-weight:400;
  transform:translateY(-.5px);
}
.district-arrow{
  left:9px;
  bottom:8px;
  width:17px;
  height:17px;
  box-sizing:border-box;
  font-size:13px;
  font-weight:400;
  line-height:15px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
}


/* CMS media/map support: functionality only; existing card geometry stays unchanged. */
.cms-map-frame{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:4;background:#eef1ed}
.city-map-placeholder .cms-map-frame{z-index:2}
.attraction-view-card>span.video-play::before{content:"";width:0;height:0;border:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid currentColor;transform:translateX(8%)}
.attraction-view-card>span.video-play{cursor:pointer}
.info-card .thumb{background-position:center;background-size:cover;background-repeat:no-repeat}
.article-main-image{min-height:clamp(220px,32vw,430px);border-radius:8px;background-position:center;background-size:cover;background-repeat:no-repeat;margin-bottom:22px}


/* V5 database-driven banners, links and area details. */
.site-header{z-index:1000!important}
.site-header a{position:relative;z-index:2;pointer-events:auto}
.hero-section{
  background-color:#0b527e!important;
  background-image:linear-gradient(90deg,rgba(3,28,50,.62),rgba(3,28,50,.28) 48%,rgba(3,28,50,.48)),var(--hero-bg-image,none)!important;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  color:#fff!important;
}
.hero-overlay{display:none!important}
.hero-content,.hero-eyebrow,.hero-content h1,.hero-subtitle,.popular-label{color:#fff!important}
.hero-content h1,.hero-subtitle,.hero-eyebrow{text-shadow:0 2px 10px rgba(0,0,0,.34)!important}
.discover-bottom-banner{
  background-color:#0b527e!important;
  background-image:linear-gradient(0deg,rgba(7,35,61,.68),rgba(7,35,61,.32)),var(--discover-bottom-image,none)!important;
  background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important
}
.page-hero,.tourism-hero,.discover-hero{background-image:var(--hero-bg-image,none)!important;background-color:#0b527e!important}
/* V34: Discover interest cards use each category's CMS top-banner image. */
.city-bottom-banner{background-image:linear-gradient(90deg,rgba(6,45,76,.75),rgba(6,45,76,.35)),var(--city-bottom-image,none)!important}
.arrow-link{display:inline-flex!important;align-items:center;gap:6px;color:#315e7c;font-weight:800}
html[dir="rtl"] .arrow-link{direction:rtl}
html[dir="ltr"] .arrow-link{direction:ltr}
.arrow-glyph{display:inline-block;line-height:1;font-size:1.15em}
.city-district-card{display:block;color:inherit;text-decoration:none}
.area-detail{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);gap:28px;align-items:stretch;padding:38px 0 54px;direction:ltr}
.area-detail-copy{background:#fff;border:1px solid #e2ebf2;border-radius:8px;padding:30px;direction:rtl;text-align:right;box-shadow:0 8px 22px rgba(11,57,91,.06)}
.area-detail-copy h1{color:#123f68;font-size:clamp(30px,3.5vw,52px);margin:20px 0 12px}
.area-detail-copy p{color:#536c7f;line-height:2;font-size:16px;margin:0}
.area-detail-image{min-height:420px;border-radius:8px;border:1px solid #dfe8ef;background:#e8f3f8 center/cover no-repeat}
.category-page-intro{max-width:880px;color:#63798b;line-height:1.8;margin:0 0 20px}
@media(max-width:800px){.area-detail{grid-template-columns:1fr}.area-detail-image{min-height:280px}}

/* V5.1 interaction/RTL fixes */
.hero-section::before,.hero-section::after,.hero-overlay{pointer-events:none!important}
.discover-head .arrow-link{white-space:nowrap;text-decoration:none!important}
html[dir="rtl"] .discover-head .arrow-link{flex-direction:row!important}
html[dir="ltr"] .discover-head .arrow-link{flex-direction:row!important}
.discover-head .arrow-link .arrow-glyph{width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;line-height:14px;font-family:Arial,sans-serif;font-weight:400}

/* ===== V7 shared Dalil Malaysia wordmark =====
   Matches the text logo supplied by the user: Dalil in orange, Malaysia in blue. */
.brand-wordmark{display:inline-flex;flex-direction:column;align-items:flex-start;width:fit-content;direction:ltr;white-space:nowrap;line-height:1}
.brand-main-logo{display:inline-flex;align-items:flex-end;gap:5px;white-space:nowrap;font-family:"Poppins",Arial,sans-serif;font-size:27px;font-weight:800;line-height:1;letter-spacing:0}
.brand-main-logo .dalil-logo{color:#f7a11a;font-family:"Poppins",Arial,sans-serif;font-weight:800}
.brand-main-logo .malaysia-logo{color:#1598c9;font-family:"Poppins",Arial,sans-serif;font-weight:800}
@media(max-width:680px){.brand-main-logo{font-size:22px;gap:3px}}
/* V7: attraction page uses the exact same public header sizing/spacing as the homepage. */
.attraction-shell .site-header{height:clamp(40px,4.7vw,64px)!important;position:relative;z-index:1000!important}
.attraction-shell .brand{gap:7px}
.attraction-shell .desktop-nav{gap:clamp(8px,1.2vw,21px)}
.attraction-shell .desktop-nav a{font-size:clamp(7.5px,.78vw,12px);padding:4px 0}
.attraction-shell .header-actions{gap:clamp(4px,.55vw,9px)}
@media(max-width:520px){.attraction-shell .site-header{height:56px!important}}

/* ===== V13 shared footer ===== */
.site-footer{background:#07385f;color:#dfe9f1;padding:38px 0 16px;margin-top:0}
.site-footer .footer-inner{display:grid;grid-template-columns:1.45fr repeat(3,minmax(0,1fr));gap:34px;direction:rtl;align-items:start}
.site-footer .footer-brand{display:block}
.site-footer .footer-brand .brand{display:inline-flex;margin-bottom:14px}
.site-footer .footer-brand p{margin:0 0 14px;max-width:360px;color:#c7d7e3;font-size:12px;line-height:1.8}
.site-footer .footer-group{display:grid;gap:8px;align-content:start}
.site-footer .footer-group>b{color:#fff;font-size:14px;margin-bottom:4px}
.site-footer .footer-group a{color:#d2dfeb;font-size:12px;line-height:1.45;transition:color .15s ease}
.site-footer .footer-group a:hover,.site-footer .footer-socials a:hover{color:#f7a11a}
.site-footer .footer-socials{display:flex;gap:8px;flex-wrap:wrap}
.site-footer .footer-socials a{display:inline-flex;align-items:center;justify-content:center;min-height:27px;padding:4px 9px;border:1px solid rgba(255,255,255,.15);border-radius:999px;color:#d8e4ed;font-size:10px}
.site-footer .ltr-contact{direction:ltr;unicode-bidi:isolate}
.site-footer .footer-bottom{border-top:1px solid rgba(255,255,255,.13);margin-top:26px;padding-top:14px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#a9becf;font-size:11px}
.site-footer .footer-bottom a{color:#c9d8e3;font-size:11px}
html[dir="ltr"] .site-footer .footer-inner{direction:ltr}
html[dir="ltr"] .site-footer .footer-bottom{direction:ltr}
@media(max-width:820px){.site-footer .footer-inner{grid-template-columns:1fr 1fr}.site-footer .footer-brand{grid-column:1/-1}.site-footer .footer-bottom{align-items:flex-start;flex-direction:column}}
@media(max-width:520px){.site-footer{padding-top:28px}.site-footer .footer-inner{grid-template-columns:1fr;gap:24px}.site-footer .footer-brand{grid-column:auto}.site-footer .footer-bottom{margin-top:22px}}

/* ===== V13 attraction gallery: show every uploaded image ===== */
.attraction-gallery{grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch}
.attraction-gallery>div,.attraction-gallery>.attraction-gallery-item{display:block!important;height:clamp(109px,12.778vw,193px);border-radius:clamp(5px,.586vw,8.9px);background:center/cover no-repeat;background-color:#d9e5ed}
.attraction-gallery-count{color:#748797;font-size:12px;font-weight:700}
@media(max-width:820px){.attraction-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.attraction-gallery>div:nth-child(n){display:block!important}}
@media(max-width:520px){.attraction-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.attraction-gallery>div:nth-child(n){display:block!important}}

/* V16: image-safe nearby placeholders */
.nearby-image-placeholder{width:52px;height:35px;display:block;border-radius:4px;background:#e6edf2}
@media(min-width:821px){.nearby-image-placeholder{width:clamp(52px,6.096vw,92px);height:clamp(35px,4.103vw,62px);border-radius:clamp(4px,.469vw,7.1px)}}
.article-meta-row{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;margin:0 0 20px;color:#6c8192;font-size:13px}
.article-meta-row a{color:#0a5c98;font-weight:700}

/* ===== V17 State → City → Attraction hierarchy + curated reading ===== */
.related-reading{padding:34px 0 54px}
.related-reading .section-head{margin-bottom:18px}
.related-reading .page-grid{margin-top:0}
.state-about{max-width:900px;margin:0 0 34px;padding:28px 30px;background:#fff;border:1px solid #e1eaf1;border-radius:12px;box-shadow:0 8px 26px rgba(13,63,96,.05)}
.state-about h2{margin:0 0 12px;color:#123f68;font-size:clamp(23px,2.3vw,34px)}
.state-about p{margin:0 0 12px;color:#536c7f;line-height:1.9;font-size:15px}
.state-about p:last-child{margin-bottom:0}
.about-public{max-width:960px;padding-top:54px;padding-bottom:68px}
.about-public h1{margin:0 0 20px;color:#123f68;font-size:clamp(34px,4vw,58px)}
.about-public p{max-width:850px;margin:0 0 18px;color:#536c7f;font-size:17px;line-height:2}
@media(max-width:680px){.related-reading{padding:24px 0 38px}.state-about{padding:21px 18px;margin-bottom:26px}.about-public{padding-top:34px;padding-bottom:48px}.about-public p{font-size:15px}}

/* ===== V18 About Dalil Malaysia — single-language corporate profile ===== */
.about-page{background:#f6f9fc;color:#173d5d}
.about-brand-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#07385f 0%,#0b507f 68%,#ef9d20 160%);color:#fff;padding:clamp(66px,8vw,118px) 0 clamp(58px,7vw,100px)}
.about-brand-hero:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;border:1px solid rgba(255,255,255,.12);inset-inline-end:-120px;top:-170px;box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.018)}
.about-brand-hero-inner{position:relative;z-index:1;max-width:1100px}
.about-brand-kicker{display:inline-block;margin-bottom:18px;color:#ffc45b;font-size:13px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
html[dir="rtl"] .about-brand-kicker{letter-spacing:0;text-transform:none}
.about-brand-hero h1{max-width:920px;margin:0;color:#fff;font-size:clamp(38px,5vw,72px);line-height:1.12;font-weight:900;letter-spacing:-.025em}
html[dir="rtl"] .about-brand-hero h1{letter-spacing:0}
.about-brand-hero p{max-width:780px;margin:22px 0 0;color:#e9f3f9;font-size:clamp(17px,1.8vw,25px);line-height:1.7;font-weight:600}
.about-hero-rule{width:82px;height:5px;border-radius:99px;background:#ef9d20;margin-top:30px}
.about-story{padding-top:18px;padding-bottom:70px}
.about-story-section{display:grid;grid-template-columns:92px minmax(0,1fr);gap:clamp(24px,4vw,64px);padding:clamp(46px,6vw,86px) 0;border-bottom:1px solid #dce7ef;align-items:start}
.about-section-number{position:sticky;top:92px;color:#ef9d20;font-size:clamp(34px,4vw,58px);font-weight:900;line-height:1;letter-spacing:-.04em;opacity:.92}
.about-section-content{max-width:980px}
.about-section-kicker{display:block;color:#0b5a91;font-size:12px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;margin-bottom:8px}
html[dir="rtl"] .about-section-kicker{letter-spacing:0;text-transform:none}
.about-section-content h2{margin:0 0 24px;color:#0b3f67;font-size:clamp(28px,3.2vw,46px);line-height:1.2;font-weight:900}
.about-section-content>p{max-width:900px;margin:0 0 16px;color:#526b7e;font-size:clamp(15px,1.15vw,17px);line-height:2}
.about-list{list-style:none;padding:0;margin:26px 0 28px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 18px}
.about-list li{position:relative;background:#fff;border:1px solid #e1eaf1;border-radius:10px;padding:14px 18px;padding-inline-start:42px;color:#254b68;font-size:14px;line-height:1.65;font-weight:700;box-shadow:0 5px 18px rgba(13,63,96,.035)}
.about-list li:before{content:"";position:absolute;inset-inline-start:17px;top:20px;width:8px;height:8px;border-radius:50%;background:#ef9d20;box-shadow:0 0 0 4px #fff1da}
.about-chip-grid{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 28px}
.about-chip-grid span{display:inline-flex;align-items:center;min-height:42px;padding:9px 17px;border-radius:999px;background:#fff;border:1px solid #dbe7ef;color:#174d75;font-size:13px;font-weight:800;box-shadow:0 5px 16px rgba(13,63,96,.035)}
.about-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:28px 0}
.about-feature-card{background:#fff;border:1px solid #dfe9f0;border-radius:14px;padding:24px;box-shadow:0 9px 28px rgba(13,63,96,.045)}
.about-feature-card h3{margin:0 0 10px;color:#0b4f7d;font-size:17px;line-height:1.45;font-weight:900}
.about-feature-card p{margin:0;color:#627788;font-size:14px;line-height:1.8}
.about-quote{margin:28px 0;padding:22px 26px;border-inline-start:5px solid #ef9d20;background:#fff7ea;border-radius:10px;color:#0b4670;font-size:clamp(18px,1.7vw,24px);line-height:1.6;font-weight:900}
.about-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:28px}
.about-stat-card{background:#07385f;border-radius:13px;padding:22px;color:#fff;min-height:116px;display:flex;flex-direction:column;justify-content:center}
.about-stat-card span{font-size:12px;color:#bcd3e2;font-weight:800;margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}
html[dir="rtl"] .about-stat-card span{text-transform:none;letter-spacing:0}
.about-stat-card strong{font-size:clamp(17px,1.7vw,24px);line-height:1.4;font-weight:900}
.about-cta{display:inline-flex;align-items:center;justify-content:center;margin-top:22px;min-height:50px;padding:12px 26px;background:#ef9d20;color:#fff!important;border-radius:8px;font-weight:900;box-shadow:0 8px 20px rgba(239,157,32,.22)}
.about-site-link{display:block;width:max-content;max-width:100%;margin-top:18px;color:#0b5a91!important;font-weight:900;font-size:15px}
.about-final-section{border-bottom:0;margin-top:12px;padding:clamp(44px,5vw,72px);grid-template-columns:74px minmax(0,1fr);border-radius:20px;background:#07385f;color:#fff}
.about-final-section .about-section-number{color:#ffc45b;position:static}
.about-final-section .about-section-kicker,.about-final-section h2,.about-final-section>div>p,.about-final-section .about-site-link{color:#fff!important}
.about-final-section .about-quote{background:rgba(255,255,255,.08);color:#fff;border-inline-start-color:#ef9d20}
@media(max-width:820px){.about-story-section{grid-template-columns:64px minmax(0,1fr);gap:20px}.about-section-number{position:static;font-size:35px}.about-list,.about-feature-grid,.about-stats-grid{grid-template-columns:1fr}.about-final-section{padding:34px 26px}}
@media(max-width:520px){.about-brand-hero{padding:54px 0 50px}.about-brand-hero h1{font-size:34px}.about-brand-hero p{font-size:16px}.about-story{width:92%;padding-bottom:46px}.about-story-section{display:block;padding:42px 0}.about-section-number{margin-bottom:15px;font-size:29px}.about-section-content h2{font-size:27px;margin-bottom:18px}.about-list li{padding-inline-start:38px}.about-feature-card{padding:20px}.about-final-section{margin-inline:-2%;padding:30px 22px;border-radius:16px}}

/* ==========================================================================
   DALIL MALAYSIA — ABOUT US V19 PREMIUM PRESENTATION
   Visual-only enhancement. Content remains unchanged.
   ========================================================================== */
body[data-template="about"] #page-content{overflow:hidden;background:#f7f9fb}
body[data-template="about"] .site-header{box-shadow:0 1px 0 rgba(9,47,74,.08)}
.about-page{--about-navy:#07385f;--about-blue:#0c5b90;--about-orange:#ef9d20;--about-ink:#173d5d;--about-muted:#60788a;--about-line:#dce6ed;background:linear-gradient(180deg,#fff 0,#f7f9fb 18%,#f7f9fb 100%);color:var(--about-ink)}

.about-brand-hero{min-height:620px;display:flex;align-items:center;isolation:isolate;padding:110px 0 104px;background:radial-gradient(circle at 83% 16%,rgba(255,190,76,.18),transparent 28%),radial-gradient(circle at 12% 88%,rgba(45,134,187,.24),transparent 30%),linear-gradient(125deg,#052f50 0%,#073d65 52%,#0d5b8f 100%)}
.about-brand-hero:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,#000,transparent 92%)}
.about-brand-hero:after{content:"";position:absolute;z-index:-1;width:620px;height:620px;border-radius:50%;inset-inline-end:-210px;top:-165px;border:1px solid rgba(255,255,255,.16);box-shadow:0 0 0 92px rgba(255,255,255,.027),0 0 0 184px rgba(255,255,255,.018),0 0 0 276px rgba(255,255,255,.012)}
.about-brand-hero-inner{max-width:1180px}
.about-brand-kicker{position:relative;margin-bottom:24px;padding-inline-start:43px;color:#ffc35a;font-size:13px;font-weight:900;letter-spacing:.14em}
.about-brand-kicker:before{content:"";position:absolute;inset-inline-start:0;top:50%;width:30px;height:2px;background:currentColor;transform:translateY(-50%)}
html[dir="rtl"] .about-brand-kicker{padding-inline-start:43px}
.about-brand-hero h1{max-width:980px;font-size:clamp(44px,5.7vw,82px);line-height:1.07;letter-spacing:-.04em;text-wrap:balance}
html[dir="rtl"] .about-brand-hero h1{max-width:900px;line-height:1.28;letter-spacing:0}
.about-brand-hero p{max-width:760px;margin-top:28px;color:#e6f0f6;font-size:clamp(18px,1.7vw,24px);font-weight:600;line-height:1.7}
.about-hero-rule{width:112px;height:4px;margin-top:37px;background:linear-gradient(90deg,#ef9d20,#ffc45f);box-shadow:0 5px 20px rgba(239,157,32,.25)}

.about-story{position:relative;max-width:1180px;padding-top:72px;padding-bottom:110px}
.about-story:before{content:"";position:absolute;top:70px;bottom:110px;inset-inline-start:43px;width:1px;background:linear-gradient(to bottom,transparent,#d9e4eb 3%,#d9e4eb 97%,transparent)}
.about-story-section{position:relative;display:grid;grid-template-columns:88px minmax(0,1fr);gap:44px;align-items:start;border:0;padding:42px 0;margin:0 0 26px}
.about-story-section:nth-child(even):not(.about-final-section) .about-section-content{background:#fff;border:1px solid #e3ebf0;box-shadow:0 18px 50px rgba(8,54,87,.055)}
.about-section-number{position:sticky;top:94px;z-index:2;display:flex;align-items:flex-start;justify-content:center;padding-top:14px}
.about-section-number span{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:#fff;color:var(--about-orange);border:1px solid #e5eaf0;box-shadow:0 11px 28px rgba(9,55,88,.09);font-size:20px;font-weight:950;letter-spacing:-.03em}
.about-story-section:nth-child(3n) .about-section-number span{background:var(--about-navy);border-color:var(--about-navy);color:#fff}
.about-section-content{position:relative;max-width:none;padding:38px 42px 40px;border-radius:22px;transition:transform .25s ease,box-shadow .25s ease}
.about-section-kicker{margin-bottom:11px;color:var(--about-orange);font-size:11px;letter-spacing:.14em}
.about-section-content h2{max-width:840px;margin-bottom:24px;color:#0a3c61;font-size:clamp(30px,3vw,46px);letter-spacing:-.025em;text-wrap:balance}
html[dir="rtl"] .about-section-content h2{letter-spacing:0;line-height:1.45}
.about-section-content>p{max-width:910px;color:#536d80;font-size:16px;line-height:2.05}

.about-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:28px 0 30px}
.about-list li{min-height:58px;display:flex;align-items:center;border:1px solid #e5ebef;border-radius:13px;padding:14px 18px;padding-inline-start:48px;background:#fbfcfd;color:#244c68;box-shadow:none;transition:border-color .2s ease,transform .2s ease,background .2s ease}
.about-list li:before{inset-inline-start:20px;top:50%;width:9px;height:9px;transform:translateY(-50%);background:var(--about-orange);box-shadow:0 0 0 5px #fff1dc}
@media(hover:hover){.about-list li:hover{transform:translateY(-2px);border-color:#c9dce8;background:#fff}}

.about-chip-grid{gap:11px;margin:28px 0 18px}
.about-chip-grid span{min-height:46px;padding:10px 18px;border:1px solid #dbe6ed;background:linear-gradient(180deg,#fff,#f8fafc);box-shadow:0 6px 18px rgba(11,61,94,.045);font-size:13px}

.about-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:30px 0 14px}
.about-feature-card{position:relative;overflow:hidden;min-height:155px;padding:27px 27px 24px;border:1px solid #e0e9ef;border-radius:16px;background:#fff;box-shadow:0 12px 32px rgba(8,55,88,.05)}
.about-feature-card:before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:4px;background:var(--about-orange)}
.about-feature-card:after{content:"";position:absolute;inset-inline-end:-30px;top:-35px;width:100px;height:100px;border-radius:50%;background:rgba(12,91,144,.045)}
.about-feature-card h3{position:relative;z-index:1;margin-bottom:11px;color:#0a4b77;font-size:17px}
.about-feature-card p{position:relative;z-index:1;color:#62798a;font-size:14px;line-height:1.85}
.about-kind-features .about-feature-grid .about-feature-card:first-child{background:linear-gradient(145deg,#07385f,#0a4d7a);border-color:#07385f}
.about-kind-features .about-feature-grid .about-feature-card:first-child h3,.about-kind-features .about-feature-grid .about-feature-card:first-child p{color:#fff}
.about-kind-features .about-feature-grid .about-feature-card:first-child p{color:#d8e7f1}

.about-quote{position:relative;overflow:hidden;margin:30px 0;padding:29px 34px;border:0;border-inline-start:5px solid var(--about-orange);border-radius:15px;background:linear-gradient(105deg,#fff5e5,#fffaf1);color:#0b466f;font-size:clamp(19px,1.8vw,26px);box-shadow:0 12px 30px rgba(189,124,23,.08)}
.about-quote:after{content:"“";position:absolute;inset-inline-end:22px;top:-22px;color:rgba(239,157,32,.13);font-family:Georgia,serif;font-size:120px;line-height:1}

.about-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:30px}
.about-stat-card{position:relative;overflow:hidden;min-height:140px;padding:24px 21px;border-radius:16px;background:linear-gradient(145deg,#063553,#0b527f);box-shadow:0 14px 32px rgba(7,56,95,.13)}
.about-stat-card:after{content:"";position:absolute;width:90px;height:90px;border:1px solid rgba(255,255,255,.08);border-radius:50%;inset-inline-end:-28px;bottom:-32px}
.about-stat-card span{position:relative;z-index:1;color:#bcd4e3;font-size:10px;line-height:1.45}
.about-stat-card strong{position:relative;z-index:1;font-size:clamp(16px,1.45vw,21px)}
.about-stat-card:first-child{background:linear-gradient(145deg,#d9850f,#ef9d20)}
.about-stat-card:first-child span{color:#fff5e4}

.about-kind-text .about-section-content{max-width:970px}
.about-kind-quote .about-section-content{background:linear-gradient(145deg,#fff,#fafcfd);border:1px solid #e1e9ee}
.about-kind-stats .about-section-content{padding-bottom:45px}

.about-cta{min-height:54px;margin-top:25px;padding:13px 29px;border-radius:11px;background:linear-gradient(135deg,#e99014,#f2a62e);box-shadow:0 12px 28px rgba(239,157,32,.24);transition:transform .2s ease,box-shadow .2s ease}
.about-cta:after{content:"→";margin-inline-start:12px;font-size:18px}
html[dir="rtl"] .about-cta:after{content:"←"}
@media(hover:hover){.about-cta:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(239,157,32,.29)}}
.about-site-link{margin-top:20px;padding-bottom:3px;border-bottom:1px solid currentColor;color:#0c5b90!important}

.about-final-section{margin-top:70px;padding:66px 58px;grid-template-columns:72px minmax(0,1fr);border-radius:28px;background:radial-gradient(circle at 90% 15%,rgba(239,157,32,.20),transparent 24%),linear-gradient(135deg,#052f4e,#073f68 65%,#0a537f);box-shadow:0 28px 70px rgba(5,47,78,.20)}
.about-final-section:before{content:"";position:absolute;inset:12px;border:1px solid rgba(255,255,255,.09);border-radius:21px;pointer-events:none}
.about-final-section .about-section-number{position:relative;top:auto;padding-top:0}
.about-final-section .about-section-number span{background:#ef9d20;border-color:#ef9d20;color:#fff;box-shadow:none}
.about-final-section .about-section-content{padding:0 8px;background:transparent!important;border:0!important;box-shadow:none!important}
.about-final-section .about-section-kicker{color:#ffc45b!important}
.about-final-section h2{font-size:clamp(38px,4vw,62px);margin-bottom:20px}
.about-final-section .about-quote{max-width:720px;margin-top:22px;background:rgba(255,255,255,.08);box-shadow:none}
.about-final-section .about-site-link{color:#fff!important}

@media(max-width:1020px){
  .about-brand-hero{min-height:540px;padding:86px 0 82px}
  .about-story{padding-top:52px}
  .about-story-section{grid-template-columns:72px minmax(0,1fr);gap:26px}
  .about-story:before{inset-inline-start:35px}
  .about-section-number span{width:52px;height:52px;border-radius:15px}
  .about-section-content{padding:32px 32px 35px}
  .about-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
  .about-brand-hero{min-height:auto;padding:68px 0 64px}
  .about-brand-hero:after{width:360px;height:360px;inset-inline-end:-180px;top:-80px;box-shadow:0 0 0 58px rgba(255,255,255,.024),0 0 0 116px rgba(255,255,255,.016)}
  .about-brand-kicker{margin-bottom:20px}
  .about-brand-hero h1{font-size:clamp(36px,10vw,50px)}
  .about-brand-hero p{font-size:17px}
  .about-story{width:min(92%,1180px);padding-top:28px;padding-bottom:70px}
  .about-story:before{display:none}
  .about-story-section{display:block;padding:20px 0;margin:0 0 10px}
  .about-section-number{position:static;justify-content:flex-start;padding:0 0 13px}
  .about-section-number span{width:48px;height:48px;border-radius:14px;font-size:17px}
  .about-section-content{padding:27px 22px 29px;border-radius:18px;background:#fff;border:1px solid #e4ebef;box-shadow:0 12px 32px rgba(8,54,87,.045)}
  .about-section-content h2{font-size:28px;margin-bottom:19px}
  .about-section-content>p{font-size:15px;line-height:1.95}
  .about-list,.about-feature-grid,.about-stats-grid{grid-template-columns:1fr}
  .about-list{gap:9px}
  .about-list li{min-height:54px;font-size:13px}
  .about-feature-card{min-height:auto;padding:22px}
  .about-stat-card{min-height:118px}
  .about-quote{padding:23px 24px;font-size:18px}
  .about-final-section{margin-top:38px;padding:30px 19px 32px;border-radius:21px}
  .about-final-section .about-section-content{padding:8px 5px 0;background:transparent;border:0;box-shadow:none}
  .about-final-section h2{font-size:36px}
}
@media(max-width:420px){
  .about-brand-hero h1{font-size:34px}
  .about-brand-hero p{font-size:16px}
  .about-story{width:94%}
  .about-section-content{padding:24px 18px 26px}
  .about-section-content h2{font-size:26px}
  .about-chip-grid span{width:100%;justify-content:flex-start;border-radius:11px}
}

/* ===== V20 page architecture fixes ===== */
body:not(.page-shell) .hero-section{background-color:#0b527e!important;background-image:linear-gradient(90deg,rgba(3,28,50,.60),rgba(3,28,50,.22) 52%,rgba(3,28,50,.42)),var(--hero-bg-image,none)!important;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important}
body:not(.page-shell) .hero-content,html[dir="rtl"] body:not(.page-shell) .hero-content,html[dir="ltr"] body:not(.page-shell) .hero-content{color:#fff!important}
body:not(.page-shell) .hero-content h1,body:not(.page-shell) .hero-eyebrow,body:not(.page-shell) .hero-subtitle,body:not(.page-shell) .popular-label{color:#fff!important;text-shadow:0 2px 10px rgba(0,0,0,.32)!important}
.state-premium-hero{position:relative;min-height:clamp(420px,48vw,650px);display:flex;align-items:flex-end;overflow:hidden;background:#0b456f var(--state-hero-image,none) center/cover no-repeat;color:#fff}
.state-premium-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,29,51,.84) 0%,rgba(4,29,51,.56) 45%,rgba(4,29,51,.20) 76%),linear-gradient(0deg,rgba(4,29,51,.48),transparent 55%)}
html[dir="rtl"] .state-premium-overlay{background:linear-gradient(270deg,rgba(4,29,51,.84) 0%,rgba(4,29,51,.56) 45%,rgba(4,29,51,.20) 76%),linear-gradient(0deg,rgba(4,29,51,.48),transparent 55%)}
.state-premium-inner{position:relative;z-index:1;padding-bottom:clamp(46px,6vw,78px)}
.state-breadcrumbs{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-bottom:clamp(42px,6vw,80px);font-size:12px;color:rgba(255,255,255,.8)}.state-breadcrumbs a{color:#fff}.state-breadcrumbs b{font-weight:800}
.state-hero-copy{max-width:760px}.state-label,.state-story-heading>span,.state-section-head>div>span,.article-kicker,.article-related-panel>span{display:block;color:#f4a21d;font-size:11px;font-weight:900;letter-spacing:.14em;margin-bottom:10px}html[dir="rtl"] .state-label,html[dir="rtl"] .state-story-heading>span,html[dir="rtl"] .state-section-head>div>span,html[dir="rtl"] .article-kicker,html[dir="rtl"] .article-related-panel>span{letter-spacing:0}
.state-hero-copy h1{font-size:clamp(48px,7vw,94px);line-height:.95;margin:0 0 14px;color:#fff}.state-hero-copy h2{font-size:clamp(17px,2vw,27px);margin:0 0 14px;color:#fff}.state-hero-copy p{max-width:690px;font-size:clamp(14px,1.3vw,18px);line-height:1.85;color:#e7f0f6;margin:0 0 24px}.state-primary-link{display:inline-flex;background:#fff;color:#0b568b;padding:12px 18px;border-radius:8px;font-size:12px;font-weight:900}
.state-story{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);gap:clamp(35px,7vw,100px);padding-top:clamp(50px,7vw,90px);padding-bottom:clamp(50px,7vw,90px)}.state-story-heading h2{margin:0;color:#123f68;font-size:clamp(30px,3.3vw,48px);line-height:1.2}.state-story-copy{border-inline-start:1px solid #dbe6ee;padding-inline-start:clamp(24px,4vw,54px)}.state-story-copy p{color:#526d80;line-height:2;margin:0 0 18px;font-size:15px}.state-story-copy .lead{color:#173f5e;font-size:18px;font-weight:600}
.state-cities-section{background:#f3f7fa;padding:clamp(50px,6vw,80px) 0}.state-section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}.state-section-head h2{margin:0;color:#123f68;font-size:clamp(27px,3vw,42px)}.state-section-head>a{color:#0a5c98;font-size:12px;font-weight:900;white-space:nowrap}.state-city-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.state-city-card{display:block;background:#fff;border-radius:14px;overflow:hidden;border:1px solid #e1eaf0;box-shadow:0 10px 30px rgba(12,57,89,.06);transition:.2s}.state-city-card:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(12,57,89,.12)}.state-city-image{height:220px;background:#dce8ef center/cover no-repeat;position:relative}.state-city-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,34,56,.46),transparent 60%)}.state-city-image span{position:absolute;z-index:1;bottom:14px;inset-inline-end:15px;background:#fff;color:#0b568b;border-radius:999px;padding:7px 11px;font-size:10px;font-weight:900}.state-city-copy{padding:20px}.state-city-copy small{color:#f09b16;font-weight:800}.state-city-copy h3{margin:5px 0 8px;color:#123f68;font-size:23px}.state-city-copy p{margin:0;color:#667d8d;line-height:1.7;font-size:13px}.state-empty{grid-column:1/-1;padding:30px;background:#fff;border:1px dashed #ccdbe5;border-radius:12px;color:#6a7e8d}
.state-reading{padding-top:clamp(52px,7vw,86px);padding-bottom:clamp(58px,8vw,100px)}.state-article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.state-article-card{display:grid;grid-template-rows:180px 1fr;background:#fff;border:1px solid #e1eaf0;border-radius:13px;overflow:hidden;color:inherit;box-shadow:0 8px 24px rgba(13,63,96,.05)}.state-article-image{background:#e1ebf1 center/cover no-repeat}.state-article-card>div:last-child{padding:18px}.state-article-card span{font-size:10px;color:#ef9915;font-weight:900}.state-article-card h3{margin:7px 0 8px;color:#153f60;font-size:19px}.state-article-card p{margin:0 0 14px;color:#6b7f8e;line-height:1.65;font-size:13px}.state-article-card b{font-size:11px;color:#0a5c98}
.article-premium-head{background:linear-gradient(135deg,#07385f,#0b5a8d);color:#fff;padding:clamp(55px,7vw,95px) 0 clamp(70px,9vw,125px)}.article-crumbs{display:flex;gap:8px;align-items:center;margin-bottom:38px;font-size:12px;color:#c7d9e7}.article-crumbs a{color:#fff}.article-premium-head h1{max-width:980px;margin:0;color:#fff;font-size:clamp(38px,5vw,70px);line-height:1.12}.article-premium-head p{max-width:780px;margin:18px 0 0;color:#dceaf3;font-size:clamp(15px,1.5vw,20px);line-height:1.8}.article-head-meta{display:flex;gap:18px;flex-wrap:wrap;margin-top:22px;color:#bed3e2;font-size:12px}.article-head-meta a{color:#fff;font-weight:800}.article-cover{height:clamp(280px,42vw,620px);margin-top:clamp(-75px,-5vw,-55px);position:relative;z-index:2;border-radius:16px;background:#dfe9ef center/cover no-repeat;box-shadow:0 18px 50px rgba(7,40,65,.18)}.article-premium-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:clamp(35px,5vw,70px);align-items:start;padding-top:clamp(45px,6vw,80px);padding-bottom:clamp(60px,8vw,110px)}.article-reading-body{max-width:820px}.article-reading-body p{margin:0 0 22px;color:#405f75;font-size:16px;line-height:2.05}.article-reading-body .article-lead{font-size:20px;color:#183f5d;font-weight:600}.article-related-panel{position:sticky;top:85px;border-inline-start:1px solid #dce7ee;padding-inline-start:24px}.article-related-panel h3{margin:0 0 16px;color:#123f68;font-size:24px}.article-related-panel a{display:flex;gap:11px;align-items:center;padding:12px 0;border-bottom:1px solid #e7eef3;color:#31576f}.article-related-panel i{width:70px;height:52px;flex:0 0 70px;border-radius:7px;background:#dce8ef center/cover no-repeat}.article-related-panel b{font-size:12px;line-height:1.5}
@media(max-width:820px){.state-story{grid-template-columns:1fr;gap:22px}.state-story-copy{border-inline-start:0;border-top:1px solid #dbe6ee;padding-inline-start:0;padding-top:22px}.state-city-grid,.state-article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-premium-layout{grid-template-columns:1fr}.article-related-panel{position:static;border-inline-start:0;border-top:1px solid #dce7ee;padding-inline-start:0;padding-top:28px}}
@media(max-width:540px){.state-premium-hero{min-height:520px}.state-breadcrumbs{margin-bottom:50px}.state-hero-copy h1{font-size:48px}.state-city-grid,.state-article-grid{grid-template-columns:1fr}.state-city-image{height:205px}.state-section-head{align-items:flex-start;flex-direction:column}.article-cover{width:92%;border-radius:11px;height:270px}.article-premium-head{padding-top:45px}.article-premium-head h1{font-size:38px}.article-reading-body p{font-size:15px}.article-reading-body .article-lead{font-size:18px}}

/* V21 - State information editorial articles */
.state-information-section{padding:78px 0 88px;background:linear-gradient(180deg,#f7f9fb 0%,#fff 100%);border-top:1px solid #edf0f2;border-bottom:1px solid #edf0f2}
.state-information-head{max-width:760px;margin-bottom:34px}
.state-information-head>span{display:block;font-size:12px;letter-spacing:.18em;font-weight:800;color:#d7772c;margin-bottom:10px}
.state-information-head h2{margin:0;color:#0a3557;font-size:clamp(30px,3.2vw,46px);line-height:1.08;font-weight:800}
.state-information-head p{margin:14px 0 0;color:#617181;font-size:16px;line-height:1.75}
.state-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.state-info-article{position:relative;display:flex;min-height:330px;padding:30px;border:1px solid #e4e9ed;border-radius:18px;background:#fff;color:inherit;text-decoration:none;overflow:hidden;box-shadow:0 14px 36px rgba(16,49,74,.07);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.state-info-article:hover{transform:translateY(-5px);box-shadow:0 22px 48px rgba(16,49,74,.12);border-color:#c9d9e5}
.state-info-number{position:absolute;right:22px;top:13px;font-size:68px;line-height:1;font-weight:900;color:#eef3f6;letter-spacing:-.06em;pointer-events:none}
html[dir=rtl] .state-info-number{right:auto;left:22px}
.state-info-copy{position:relative;z-index:1;display:flex;flex-direction:column;width:100%;padding-top:52px}
.state-info-copy>span{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#d7772c}
.state-info-copy h3{margin:12px 0 13px;color:#0b385b;font-size:24px;line-height:1.25}
.state-info-copy p{margin:0;color:#647484;font-size:14px;line-height:1.75;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.state-info-copy b{margin-top:auto;padding-top:24px;color:#0a5b96;font-size:14px}.state-info-copy b em{font-style:normal;display:inline-block;transition:transform .2s}.state-info-article:hover b em{transform:translateX(4px)}
html[dir=rtl] .state-info-article:hover b em{transform:translateX(-4px)}
@media(max-width:900px){.state-info-grid{grid-template-columns:1fr}.state-info-article{min-height:250px}.state-information-section{padding:55px 0 65px}}

/* ===== V23 independent page-image architecture ===== */
/* Every top-level/static page receives only its own --hero-bg-image value. */
.shared-page-hero{
  background-color:#0b527e!important;
  background-image:linear-gradient(90deg,rgba(3,28,50,.70),rgba(3,28,50,.30) 52%,rgba(3,28,50,.50)),var(--hero-bg-image,none)!important;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}

/* About Us now has its own CMS-controlled top banner image. */
.about-brand-hero{
  background-color:#07385f!important;
  background-image:linear-gradient(100deg,rgba(3,34,57,.88),rgba(5,48,80,.70) 55%,rgba(7,61,101,.45)),var(--about-hero-image,none)!important;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}
.about-brand-hero:before{opacity:.10}

/* The article main image is the article banner; do not render the same image twice. */
.article-premium-head{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:clamp(420px,48vw,650px);
  display:flex;
  align-items:flex-end;
  background-color:#07385f!important;
  background-image:linear-gradient(90deg,rgba(3,27,48,.86),rgba(3,27,48,.56) 52%,rgba(3,27,48,.34)),var(--article-hero-image,none)!important;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  padding:clamp(60px,7vw,95px) 0 clamp(65px,8vw,105px)!important;
}
html[dir="rtl"] .article-premium-head{
  background-image:linear-gradient(270deg,rgba(3,27,48,.86),rgba(3,27,48,.56) 52%,rgba(3,27,48,.34)),var(--article-hero-image,none)!important;
}
.article-premium-overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(2,20,35,.38),transparent 56%)}
.article-premium-inner{position:relative;z-index:1;width:100%}
.article-premium-layout{padding-top:clamp(55px,7vw,90px)}
.article-cover{display:none!important}

/* Legacy Area pages also use their own saved area image as the top banner. */
.area-page-hero{
  position:relative;
  min-height:clamp(380px,45vw,590px);
  display:flex;
  align-items:flex-end;
  color:#fff;
  background-color:#0b527e;
  background-image:var(--area-hero-image,none);
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  overflow:hidden;
}
.area-page-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,28,50,.82),rgba(3,28,50,.36) 65%,rgba(3,28,50,.25))}
html[dir="rtl"] .area-page-overlay{background:linear-gradient(270deg,rgba(3,28,50,.82),rgba(3,28,50,.36) 65%,rgba(3,28,50,.25))}
.area-page-hero-inner{position:relative;z-index:1;padding-bottom:clamp(44px,6vw,74px)}
.area-page-crumbs{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:35px;font-size:12px;color:rgba(255,255,255,.78)}
.area-page-crumbs a{color:#fff}.area-page-hero h1{margin:0 0 14px;color:#fff;font-size:clamp(42px,6vw,78px)}
.area-page-hero p{max-width:760px;margin:0;color:#e8f2f7;font-size:clamp(15px,1.5vw,19px);line-height:1.85}
.area-page-body{padding-top:50px;padding-bottom:75px;max-width:900px}.area-page-body h2{color:#123f68;font-size:32px;margin:0 0 15px}.area-page-body p{color:#536d80;line-height:2;font-size:16px}.area-page-body a{display:inline-flex;margin-top:12px;color:#0b5b93;font-weight:900}

@media(max-width:600px){
  .article-premium-head{min-height:500px}
  .area-page-hero{min-height:470px}
}

/* ===== V24 Attractions directory: fully interactive reference-style layout ===== */
body[data-template="attractions-directory"]{background:#f6f8fb}
body[data-template="attractions-directory"] .tourism-hero{
  --tourism-hero-image:none;
  min-height:clamp(275px,31vw,410px);
  display:flex;
  align-items:flex-end;
  position:relative;
  overflow:hidden;
  background-color:#0b4f7d;
  background-image:var(--tourism-hero-image)!important;
  background-position:center 46%!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}
body[data-template="attractions-directory"] .tourism-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,35,63,.88),rgba(4,35,63,.55) 48%,rgba(4,35,63,.28)),linear-gradient(0deg,rgba(3,24,44,.34),transparent 58%)}
html[dir="rtl"] body[data-template="attractions-directory"] .tourism-hero-shade{background:linear-gradient(270deg,rgba(4,35,63,.88),rgba(4,35,63,.55) 48%,rgba(4,35,63,.28)),linear-gradient(0deg,rgba(3,24,44,.34),transparent 58%)}
body[data-template="attractions-directory"] .tourism-hero-inner{width:100%;padding:26px 0 clamp(76px,8vw,112px);position:relative;z-index:2;text-align:start}
body[data-template="attractions-directory"] .tourism-crumbs{margin:0 0 clamp(36px,4vw,58px);justify-content:flex-start;font-size:11px;font-weight:700}
body[data-template="attractions-directory"] .tourism-hero-copy{max-width:780px}
body[data-template="attractions-directory"] .tourism-hero-copy>span{display:block;margin:0 0 9px;color:#dcebf6;font-size:11px;font-weight:900;letter-spacing:.13em}
body[data-template="attractions-directory"] .tourism-hero h1{margin:0 0 11px!important;font-size:clamp(38px,4.5vw,65px)!important;font-weight:900!important;line-height:1.02!important;color:#fff!important;text-align:start!important;text-shadow:0 3px 18px rgba(0,0,0,.2)}
body[data-template="attractions-directory"] .tourism-hero p{max-width:720px!important;margin:0!important;color:rgba(255,255,255,.92)!important;font-size:clamp(14px,1.35vw,18px)!important;line-height:1.75!important;text-align:start!important}

body[data-template="attractions-directory"] .tourism-panel{margin-top:-54px;padding:15px 18px 17px;border-radius:10px;box-shadow:0 13px 34px rgba(18,57,91,.12)}
body[data-template="attractions-directory"] .tourism-search{height:52px;margin-bottom:11px;padding:0 13px 0 8px;gap:10px;border-radius:7px;direction:rtl}
html[dir="ltr"] body[data-template="attractions-directory"] .tourism-search{direction:ltr;padding:0 8px 0 13px}
body[data-template="attractions-directory"] .tourism-search-icon{width:26px;height:26px;flex:0 0 26px}
body[data-template="attractions-directory"] .tourism-search-icon svg{width:20px;height:20px}
body[data-template="attractions-directory"] .tourism-search input{height:100%;font-size:13px;text-align:start;direction:inherit}
body[data-template="attractions-directory"] .tourism-search-submit{height:38px;min-width:82px;border:0;border-radius:6px;background:#0b568f;color:#fff;padding:0 18px;font-weight:900;cursor:pointer}
body[data-template="attractions-directory"] .tourism-filter-row{gap:8px;direction:rtl}
html[dir="ltr"] body[data-template="attractions-directory"] .tourism-filter-row{direction:ltr}
body[data-template="attractions-directory"] .tourism-filter-select,
body[data-template="attractions-directory"] .tourism-filter-toggle,
body[data-template="attractions-directory"] .tourism-more-filter{height:42px;flex:1 1 135px;border-radius:6px;padding:0 10px;font-size:11px;background:#fff;cursor:pointer}
body[data-template="attractions-directory"] .tourism-filter-select>svg,
body[data-template="attractions-directory"] .tourism-filter-toggle>svg,
body[data-template="attractions-directory"] .tourism-more-filter>svg{width:17px;height:17px;flex-basis:17px}
body[data-template="attractions-directory"] .tourism-filter-select select{max-width:120px;font-size:11px}
body[data-template="attractions-directory"] .tourism-more-filter{flex:0 0 150px;margin-inline-start:auto}
body[data-template="attractions-directory"] .tourism-more-filter em{min-width:18px;height:18px;padding:0 5px;display:grid;place-items:center;border-radius:999px;background:#0b568f;color:#fff;font-style:normal;font-size:9px}
body[data-template="attractions-directory"] .tourism-filter-toggle.active,
body[data-template="attractions-directory"] .tourism-extra-toggle.active{background:#edf6fc;border-color:#9dbcd1;color:#07558d}
body[data-template="attractions-directory"] .tourism-extra-filters{justify-content:flex-start;align-items:flex-end;gap:10px;direction:rtl}
html[dir="ltr"] body[data-template="attractions-directory"] .tourism-extra-filters{direction:ltr}
body[data-template="attractions-directory"] .tourism-extra-filters label{min-width:170px}
body[data-template="attractions-directory"] .tourism-extra-filters select{width:100%;min-width:150px;padding-inline:10px}
body[data-template="attractions-directory"] .tourism-extra-toggle,
body[data-template="attractions-directory"] .tourism-reset-filter{height:38px!important;border:1px solid #d8e3eb!important;background:#fff!important;color:#174873!important;border-radius:7px!important;padding:0 14px!important;font-weight:800!important;cursor:pointer}
body[data-template="attractions-directory"] .tourism-reset-filter{margin-inline-start:auto!important}

body[data-template="attractions-directory"] .tourism-content{grid-template-columns:minmax(0,1fr) 300px;gap:18px;padding-top:21px;padding-bottom:12px}
html[dir="rtl"] body[data-template="attractions-directory"] .tourism-content{direction:ltr}
body[data-template="attractions-directory"] .tourism-main{direction:rtl}
html[dir="ltr"] body[data-template="attractions-directory"] .tourism-main{direction:ltr}
body[data-template="attractions-directory"] .tourism-side{direction:rtl;margin-top:46px;gap:13px}
html[dir="ltr"] body[data-template="attractions-directory"] .tourism-side{direction:ltr}
body[data-template="attractions-directory"] .tourism-toolbar{margin-bottom:11px;direction:rtl}
html[dir="ltr"] body[data-template="attractions-directory"] .tourism-toolbar{direction:ltr}
body[data-template="attractions-directory"] .tourism-toolbar p{font-size:11px;color:#405f77;text-align:start}
body[data-template="attractions-directory"] .tourism-toolbar-actions{margin-inline-start:auto;gap:6px}
body[data-template="attractions-directory"] .tourism-sort-wrap{height:34px;font-size:10px;direction:inherit}
body[data-template="attractions-directory"] .tourism-sort-wrap select{height:34px;min-width:116px;border-radius:5px;font-size:10px;padding:0 8px}
body[data-template="attractions-directory"] .tourism-view-btn{width:34px;height:34px;border-radius:5px!important}
body[data-template="attractions-directory"] .tourism-view-btn svg{width:15px;height:15px}

body[data-template="attractions-directory"] .place-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
body[data-template="attractions-directory"] .place-card{border-radius:5px;box-shadow:0 4px 12px rgba(15,61,97,.055)}
body[data-template="attractions-directory"] .place-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(15,61,97,.11)}
body[data-template="attractions-directory"] .place-thumb{height:150px;border-bottom:0}
body[data-template="attractions-directory"] .place-thumb span{top:8px;inset-inline-start:8px;left:auto;background:#ffd45f;color:#173f60;padding:5px 7px;border-radius:4px;font-size:9px}
body[data-template="attractions-directory"] .place-body{padding:9px 10px 10px;text-align:start;min-height:190px;display:flex;flex-direction:column}
body[data-template="attractions-directory"] .place-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
body[data-template="attractions-directory"] .place-body h3{font-size:13.5px;line-height:1.35;min-width:0}
body[data-template="attractions-directory"] .place-rating{flex:0 0 auto;color:#d49414;font-size:10px;white-space:nowrap}
body[data-template="attractions-directory"] .place-body em{margin-top:2px;font-size:9px;color:#728696}
body[data-template="attractions-directory"] .place-body small{margin-top:8px;font-size:9.5px;align-items:center}
body[data-template="attractions-directory"] .place-body small i{font-style:normal;border:1px solid #dbe6ed;border-radius:999px;padding:2px 6px;color:#526f85;background:#f9fbfc}
body[data-template="attractions-directory"] .place-body p{margin:7px 0 8px;min-height:46px;font-size:10.5px;line-height:1.55;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
body[data-template="attractions-directory"] .place-card-foot{margin-top:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:8px;border-top:1px solid #edf2f6;padding-top:8px}
body[data-template="attractions-directory"] .place-card-foot span{color:#7b8f9d;font-size:8.5px;line-height:1.4}
body[data-template="attractions-directory"] .place-card-foot b{font-size:10px;white-space:nowrap}
body[data-template="attractions-directory"] .place-grid.is-list{grid-template-columns:1fr}
body[data-template="attractions-directory"] .place-grid.is-list .place-card{grid-template-columns:230px minmax(0,1fr);min-height:180px}
body[data-template="attractions-directory"] .place-grid.is-list .place-thumb{height:100%;min-height:180px}
body[data-template="attractions-directory"] .place-grid.is-list .place-body{min-height:0;padding:15px 17px}
body[data-template="attractions-directory"] .place-grid.is-list .place-body h3{font-size:18px}
body[data-template="attractions-directory"] .place-grid.is-list .place-body p{font-size:12px;min-height:0;-webkit-line-clamp:4}
body[data-template="attractions-directory"] .tourism-load-more{display:block;margin:20px auto 0;min-width:150px;height:42px;border:1px solid #bfd1df;border-radius:6px;background:#fff;color:#0b568f;font-weight:900;cursor:pointer}
body[data-template="attractions-directory"] .tourism-empty{font-size:12px;padding:32px 20px}
body[data-template="attractions-directory"] .tourism-empty button{display:block;margin:13px auto 0;border:0;background:#0b568f;color:#fff;border-radius:6px;padding:9px 14px;font-weight:800;cursor:pointer}

body[data-template="attractions-directory"] .map-card,
body[data-template="attractions-directory"] .category-box{padding:11px;border-radius:5px;box-shadow:0 4px 12px rgba(15,61,97,.055)}
body[data-template="attractions-directory"] .tourism-side-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}
body[data-template="attractions-directory"] .tourism-side-title h3{margin:0!important;text-align:start!important;font-size:13px!important}
body[data-template="attractions-directory"] .tourism-side-title span{width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:#eef5fa;color:#0b568f;font-size:10px}
body[data-template="attractions-directory"] .tourism-live-map{height:310px;border:1px solid #e0e9ef;border-radius:5px;overflow:hidden;background:#edf4f7;position:relative;z-index:0}
body[data-template="attractions-directory"] .tourism-map-loading,
body[data-template="attractions-directory"] .tourism-map-unavailable{height:100%;display:grid;place-items:center;padding:22px;text-align:center;color:#667f92;font-size:11px;line-height:1.7;background:linear-gradient(135deg,#f4f1e8,#e8f3ee)}
body[data-template="attractions-directory"] .tourism-full-map{width:100%;margin-top:8px;height:36px;border:0;border-radius:5px;background:#114c78;color:#fff;font-size:10px;font-weight:900;cursor:pointer}
body[data-template="attractions-directory"] .tourism-category-box .tourism-area-link{padding:8px 2px;font-size:10.5px;cursor:pointer}
body[data-template="attractions-directory"] .tourism-category-box .tourism-area-link.active{color:#0b568f;background:#f3f8fb}
body[data-template="attractions-directory"] .tourism-category-box .tourism-area-link span{min-width:24px;text-align:center;border-radius:999px;background:#f0f4f7;padding:2px 6px;font-size:9px}

body[data-template="attractions-directory"] .tourism-guides{padding:24px 0 44px}
body[data-template="attractions-directory"] .tourism-guides .section-head{margin-bottom:10px}
body[data-template="attractions-directory"] .tourism-guides .section-head h2{font-size:18px}
body[data-template="attractions-directory"] .tourism-guide-row{gap:10px}
body[data-template="attractions-directory"] .tourism-guide-row a{height:108px;border-radius:5px;padding:11px}
body[data-template="attractions-directory"] .tourism-guide-row b{font-size:13px}

body[data-template="attractions-directory"] .tourism-map-dialog{width:min(1050px,94vw);height:min(760px,88vh);padding:0;border:0;border-radius:10px;box-shadow:0 30px 80px rgba(0,0,0,.28);overflow:hidden;background:#fff}
body[data-template="attractions-directory"] .tourism-map-dialog::backdrop{background:rgba(4,20,33,.72);backdrop-filter:blur(2px)}
body[data-template="attractions-directory"] .tourism-map-dialog-head{height:62px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5edf2;color:#153f60}
body[data-template="attractions-directory"] .tourism-map-dialog-head div{display:grid;gap:2px}
body[data-template="attractions-directory"] .tourism-map-dialog-head strong{font-size:16px}
body[data-template="attractions-directory"] .tourism-map-dialog-head small{font-size:10px;color:#708493}
body[data-template="attractions-directory"] .tourism-map-dialog-head button{width:34px;height:34px;border:1px solid #dce6ed;border-radius:50%;background:#fff;color:#234d6a;font-size:22px;cursor:pointer}
body[data-template="attractions-directory"] .tourism-live-map-large{height:calc(100% - 62px);border:0;border-radius:0}
body[data-template="attractions-directory"] .tourism-map-popup{display:grid;gap:3px;min-width:130px}
body[data-template="attractions-directory"] .tourism-map-popup b{color:#123f68;font-size:12px}
body[data-template="attractions-directory"] .tourism-map-popup small{color:#718493;font-size:9px}
body[data-template="attractions-directory"] .tourism-map-popup a{color:#0b568f;font-size:10px;font-weight:800}

@media(max-width:1180px){
  body[data-template="attractions-directory"] .tourism-filter-row{flex-wrap:wrap}
  body[data-template="attractions-directory"] .tourism-filter-select,body[data-template="attractions-directory"] .tourism-filter-toggle{flex:1 1 calc(33.333% - 8px)}
  body[data-template="attractions-directory"] .tourism-more-filter{flex:1 1 calc(33.333% - 8px);margin-inline-start:0}
  body[data-template="attractions-directory"] .tourism-content{grid-template-columns:minmax(0,1fr) 275px}
  body[data-template="attractions-directory"] .place-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:880px){
  body[data-template="attractions-directory"] .tourism-content{grid-template-columns:1fr}
  body[data-template="attractions-directory"] .tourism-side{grid-column:auto;grid-template-columns:1fr 1fr;margin-top:0;direction:inherit}
  body[data-template="attractions-directory"] .tourism-live-map{height:300px}
}
@media(max-width:650px){
  body[data-template="attractions-directory"] .tourism-hero{min-height:330px}
  body[data-template="attractions-directory"] .tourism-hero-inner{padding-bottom:72px}
  body[data-template="attractions-directory"] .tourism-panel{margin-top:-35px;padding:10px}
  body[data-template="attractions-directory"] .tourism-search{height:48px}
  body[data-template="attractions-directory"] .tourism-search-submit{display:none}
  body[data-template="attractions-directory"] .tourism-filter-select,body[data-template="attractions-directory"] .tourism-filter-toggle,body[data-template="attractions-directory"] .tourism-more-filter{flex:1 1 calc(50% - 6px);height:42px}
  body[data-template="attractions-directory"] .tourism-extra-filters{align-items:stretch;flex-direction:column}
  body[data-template="attractions-directory"] .tourism-extra-filters label,body[data-template="attractions-directory"] .tourism-extra-toggle,body[data-template="attractions-directory"] .tourism-reset-filter{width:100%;margin:0!important}
  body[data-template="attractions-directory"] .tourism-toolbar{align-items:flex-start;gap:8px}
  body[data-template="attractions-directory"] .tourism-toolbar-actions{width:100%;margin:0;justify-content:flex-start}
  body[data-template="attractions-directory"] .place-grid{grid-template-columns:1fr}
  body[data-template="attractions-directory"] .place-thumb{height:210px}
  body[data-template="attractions-directory"] .place-grid.is-list .place-card{grid-template-columns:115px minmax(0,1fr);min-height:155px}
  body[data-template="attractions-directory"] .place-grid.is-list .place-thumb{min-height:155px}
  body[data-template="attractions-directory"] .place-grid.is-list .place-body{padding:11px}
  body[data-template="attractions-directory"] .place-grid.is-list .place-body h3{font-size:14px}
  body[data-template="attractions-directory"] .tourism-side{grid-template-columns:1fr}
  body[data-template="attractions-directory"] .tourism-guide-row{grid-template-columns:repeat(2,1fr)}
}
body[data-template="attractions-directory"] .tourism-map-canvas{position:absolute;inset:0;overflow:hidden;background:linear-gradient(150deg,#f7f2e6 0 38%,#e9f4eb 39% 64%,#eef2e4 65% 100%)}
body[data-template="attractions-directory"] .tourism-map-canvas:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.7) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.65) 1px,transparent 1px);background-size:38px 38px;opacity:.6}
body[data-template="attractions-directory"] .tourism-map-road{position:absolute;height:6px;background:#f2c779;border:1px solid rgba(218,166,70,.28);border-radius:999px;box-shadow:0 0 0 2px rgba(255,255,255,.45);transform-origin:left center;opacity:.9}
body[data-template="attractions-directory"] .tourism-map-road.r1{width:130%;left:-15%;top:45%;transform:rotate(-22deg)}
body[data-template="attractions-directory"] .tourism-map-road.r2{width:110%;left:2%;top:72%;transform:rotate(13deg)}
body[data-template="attractions-directory"] .tourism-map-road.r3{width:95%;left:12%;top:24%;transform:rotate(31deg);height:4px}
body[data-template="attractions-directory"] .tourism-map-river{position:absolute;width:135%;height:18px;left:-18%;top:58%;border-top:5px solid rgba(99,168,206,.55);border-bottom:3px solid rgba(99,168,206,.35);border-radius:50%;transform:rotate(-9deg)}
body[data-template="attractions-directory"] .tourism-map-pin{position:absolute;z-index:3;transform:translate(-50%,-50%);border:0;background:transparent;padding:0;display:flex;align-items:center;gap:4px;cursor:pointer;filter:drop-shadow(0 3px 4px rgba(20,59,84,.2))}
body[data-template="attractions-directory"] .tourism-map-pin>span{width:17px;height:17px;border:4px solid #fff;border-radius:50% 50% 50% 0;background:#0a5a95;transform:rotate(-45deg);box-shadow:0 0 0 1px rgba(12,77,117,.22)}
body[data-template="attractions-directory"] .tourism-map-pin>span:after{content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:#fff;left:50%;top:50%;transform:translate(-50%,-50%)}
body[data-template="attractions-directory"] .tourism-map-pin b{max-width:100px;padding:3px 5px;border-radius:4px;background:#fff;color:#174873;font-size:8px;line-height:1.2;white-space:nowrap;box-shadow:0 2px 8px rgba(17,72,108,.12);transform:translateY(-5px)}
body[data-template="attractions-directory"] .tourism-map-pin.large>span{width:22px;height:22px}
body[data-template="attractions-directory"] .tourism-map-pin.large b{max-width:150px;font-size:10px;padding:5px 7px}
body[data-template="attractions-directory"] .tourism-map-popup-host{position:absolute;z-index:8;transform:translate(-50%,14px);min-width:160px;max-width:210px;padding:8px;border:1px solid #dce7ee;border-radius:6px;background:#fff;box-shadow:0 10px 26px rgba(16,62,95,.18)}
body[data-template="attractions-directory"] .tourism-map-popup-host:empty{display:none}
body[data-template="attractions-directory"] .tourism-map-popup div{display:flex;gap:8px;margin-top:4px}
body[data-template="attractions-directory"] .tourism-map-popup a+a{border-inline-start:1px solid #dfe8ee;padding-inline-start:8px}
body[data-template="attractions-directory"] .tourism-map-pin>span{position:relative}
body[data-template="attractions-directory"] .tourism-more-filter{margin-inline-start:0}

/* ===== V25 ordered article/news content sections ===== */
.article-reading-body{min-width:0}
.article-content-block{margin:0 0 52px;padding:0 0 42px;border-bottom:1px solid #e3ebf1}
.article-content-block:last-child{margin-bottom:0;border-bottom:0;padding-bottom:0}
.article-content-block h2{margin:0 0 20px;color:#123f68;font-size:clamp(25px,3vw,36px);line-height:1.3;font-weight:900;letter-spacing:-.02em}
html[dir="rtl"] .article-content-block h2{letter-spacing:0}
.article-block-image{margin:0 0 25px}
.article-block-image img{display:block;width:100%;max-height:560px;object-fit:cover;border-radius:14px;background:#edf2f5;box-shadow:0 10px 30px rgba(12,55,86,.08)}
.article-block-image figcaption{margin-top:8px;color:#7890a1;font-size:11px;line-height:1.6;text-align:start}
.article-block-copy p{margin:0 0 21px;color:#405f75;font-size:16px;line-height:2.05}
.article-block-copy p:last-child{margin-bottom:0}
.article-block-reference{margin-top:24px;padding:14px 16px;border-inline-start:3px solid #f0a326;border-radius:0 8px 8px 0;background:#f7fafc;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
html[dir="rtl"] .article-block-reference{border-radius:8px 0 0 8px}
.article-block-reference>span{color:#788b99;font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
html[dir="rtl"] .article-block-reference>span{letter-spacing:0}
.article-block-reference a{color:#0b568f;font-size:13px;font-weight:800;overflow-wrap:anywhere}
.article-block-reference a:hover{text-decoration:underline}
.article-empty-copy{padding:28px;border:1px dashed #cedae2;border-radius:10px;background:#fafcfd;text-align:center;color:#7b8f9f!important}
@media(max-width:650px){.article-content-block{margin-bottom:38px;padding-bottom:32px}.article-content-block h2{font-size:25px}.article-block-image img{border-radius:9px;max-height:420px}.article-block-copy p{font-size:15px}.article-block-reference{align-items:flex-start;flex-direction:column;gap:5px}}

/* ===== V27 article/news media architecture ===== */
.article-premium-head{
  min-height:clamp(350px,38vw,500px)!important;
  align-items:center!important;
  background-color:#07385f!important;
  background-image:linear-gradient(90deg,rgba(2,24,43,.78) 0%,rgba(3,35,59,.56) 48%,rgba(3,35,59,.30) 100%),var(--article-hero-image,none)!important;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  padding:clamp(44px,5vw,72px) 0!important;
}
html[dir="rtl"] .article-premium-head{
  background-image:linear-gradient(270deg,rgba(2,24,43,.78) 0%,rgba(3,35,59,.56) 48%,rgba(3,35,59,.30) 100%),var(--article-hero-image,none)!important;
}
.article-premium-head.no-article-image{
  background-image:linear-gradient(120deg,#07385f 0%,#0b568b 58%,#0a6a9f 100%)!important;
}
.article-premium-overlay{background:linear-gradient(0deg,rgba(2,18,31,.28),transparent 62%)!important}
.article-premium-inner{padding:14px 0 8px!important}
.article-premium-head .article-crumbs{margin-bottom:clamp(26px,3.2vw,40px)!important}
.article-premium-head h1{max-width:1000px!important;font-size:clamp(34px,4.1vw,58px)!important;line-height:1.12!important;text-wrap:balance}
.article-premium-head p{max-width:820px!important;margin-top:14px!important;font-size:clamp(14px,1.25vw,18px)!important;line-height:1.7!important}
.article-premium-head .article-head-meta{margin-top:18px!important}
.article-first-content-block{padding-top:0}
.article-first-content-block .article-block-image{margin-top:0}
.article-block-copy .article-lead{margin-top:0}
@media(max-width:650px){
  .article-premium-head{min-height:330px!important;padding:38px 0!important}
  .article-premium-head h1{font-size:clamp(31px,9vw,42px)!important}
  .article-premium-head .article-crumbs{margin-bottom:24px!important}
}


/* ===== V28 article/news hero repair ===== */
.article-premium-head{min-height:360px!important;height:auto!important;display:flex!important;align-items:center!important;padding:48px 0!important;background-position:center 45%!important}
.article-premium-head.has-article-image{background-image:linear-gradient(90deg,rgba(2,25,44,.82),rgba(3,37,62,.55) 58%,rgba(3,37,62,.34)),var(--article-hero-image)!important}
html[dir="rtl"] .article-premium-head.has-article-image{background-image:linear-gradient(270deg,rgba(2,25,44,.82),rgba(3,37,62,.55) 58%,rgba(3,37,62,.34)),var(--article-hero-image)!important}
.article-premium-head .article-premium-inner{width:min(90%,1180px)!important;margin-inline:auto!important;padding:0!important}
.article-premium-head .article-crumbs{margin:0 0 26px!important}.article-premium-head .article-kicker{display:inline-block;margin-bottom:13px!important}
.article-premium-head h1{max-width:880px!important;margin:0!important;font-size:clamp(34px,3.6vw,54px)!important;line-height:1.16!important}
.article-premium-head p{max-width:760px!important;margin:14px 0 0!important;font-size:clamp(15px,1.15vw,18px)!important;line-height:1.75!important}
.article-premium-head .article-head-meta{margin-top:17px!important}
html[dir="rtl"] .article-premium-head .article-premium-inner{text-align:right!important}
html[dir="rtl"] .article-premium-head h1,html[dir="rtl"] .article-premium-head p{margin-right:0!important;margin-left:auto!important}
@media(max-width:650px){.article-premium-head{min-height:320px!important;padding:34px 0!important}.article-premium-head .article-premium-inner{width:90%!important}.article-premium-head h1{font-size:clamp(30px,9vw,40px)!important}.article-premium-head .article-crumbs{margin-bottom:20px!important}}


/* ===== V29 article/news hero spacing ===== */
.article-premium-head .article-premium-inner{
  width:min(calc(100% - 96px),1180px)!important;
  max-width:1180px!important;
  box-sizing:border-box!important;
  margin-inline:auto!important;
}
html[dir="rtl"] .article-premium-head .article-premium-inner{
  padding-right:clamp(34px,4vw,72px)!important;
  padding-left:0!important;
  text-align:right!important;
}
html[dir="ltr"] .article-premium-head .article-premium-inner{
  padding-left:clamp(34px,4vw,72px)!important;
  padding-right:0!important;
  text-align:left!important;
}
.article-premium-head .article-crumbs{
  position:relative!important;
  transform:translateY(-30px)!important;
  margin:0 0 2px!important;
}
html[dir="rtl"] .article-premium-head h1,
html[dir="rtl"] .article-premium-head p{
  margin-right:0!important;
  margin-left:auto!important;
}
html[dir="ltr"] .article-premium-head h1,
html[dir="ltr"] .article-premium-head p{
  margin-left:0!important;
  margin-right:auto!important;
}
@media(max-width:650px){
  .article-premium-head .article-premium-inner{width:100%!important;max-width:none!important}
  html[dir="rtl"] .article-premium-head .article-premium-inner{padding-right:24px!important;padding-left:18px!important}
  html[dir="ltr"] .article-premium-head .article-premium-inner{padding-left:24px!important;padding-right:18px!important}
  .article-premium-head .article-crumbs{transform:translateY(-18px)!important;margin-bottom:4px!important}
}


/* ===== V30 CMS card image propagation ===== */
/* Every public card uses the image stored for its record.  The soft blue
   panel remains only when that record genuinely has no usable image. */
.info-card .thumb{
  position:relative;
  overflow:hidden;
  background:#dff3fd;
}
.info-card .thumb img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
}
.info-card .thumb.has-image{
  background:#dff3fd;
}

/* Homepage cards previously drew a permanent ::before placeholder.  Hide it
   only when an actual CMS image has been supplied for that card. */
.mini-card.has-card-image::before,
.guide-card.has-card-image::before,
.update-card.has-card-image::before{
  display:none;
}
.home-card-media{
  display:block;
  width:100%;
  overflow:hidden;
  background:linear-gradient(135deg,#eaf8ff,#d7eefb);
  border-bottom:1px solid #e5eef5;
}
.home-card-media img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
}
.mini-card .home-card-media{aspect-ratio:1.65/1}
.guide-card .home-card-media{aspect-ratio:1.7/1}
.update-card .home-card-media{aspect-ratio:1.75/1}

/* Keep image-backed cards visually consistent on listing, category, search
   and related-content sections. */
.page-grid .info-card.has-card-image .thumb{
  background-color:#dbeaf3;
}

.discover-section .interest-photo{
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
}

/* ===== V31 full-bleed CMS card images ===== */
/* Home card media is a dedicated image region. Older generic > div rules
   were also styling this media wrapper, which created the blue inset/padding
   visible around uploaded images. Keep media flush to every card edge. */
.mini-card > .home-card-media,
.guide-card > .home-card-media,
.update-card > .home-card-media{
  position:relative!important;
  display:block!important;
  width:100%!important;
  padding:0!important;
  margin:0!important;
  min-height:0!important;
  overflow:hidden!important;
  border-radius:0!important;
  background:#dff3fd!important;
  border-bottom:1px solid #e5eef5!important;
}
.mini-card > .home-card-media{aspect-ratio:1.65/1!important}
.guide-card > .home-card-media{aspect-ratio:1.7/1!important}
.update-card > .home-card-media{aspect-ratio:1.75/1!important}

.mini-card > .home-card-media > img,
.guide-card > .home-card-media > img,
.update-card > .home-card-media > img{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  aspect-ratio:auto!important;
  object-fit:cover!important;
  object-position:center!important;
}

/* Standard listing cards: keep uploaded images full bleed as well. */
.info-card > .thumb.has-image{
  padding:0!important;
  overflow:hidden!important;
  background:#dff3fd!important;
}
.info-card > .thumb.has-image > img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  aspect-ratio:auto!important;
  object-fit:cover!important;
  object-position:center!important;
}


/* ===== V32 homepage Discover CTA image + article paragraph normalization ===== */
.discover-banner{
  background-color:#0d5a8d;
  background-image:linear-gradient(90deg,rgba(5,58,96,.92),rgba(8,83,132,.78)),var(--home-discover-cta-image,none);
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
}
html[dir="rtl"] .discover-banner.has-discover-image{
  background-image:linear-gradient(270deg,rgba(4,52,88,.92) 0%,rgba(7,78,124,.76) 52%,rgba(7,78,124,.24) 100%),var(--home-discover-cta-image,none);
}
html[dir="ltr"] .discover-banner.has-discover-image{
  background-image:linear-gradient(90deg,rgba(4,52,88,.92) 0%,rgba(7,78,124,.76) 52%,rgba(7,78,124,.24) 100%),var(--home-discover-cta-image,none);
}
.discover-copy{z-index:1}
.article-reading-body .article-lead,
.article-block-copy .article-lead{
  margin:0 0 21px!important;
  color:#405f75!important;
  font-size:16px!important;
  line-height:2.05!important;
  font-weight:400!important;
}
@media(max-width:540px){
  .article-reading-body .article-lead,
  .article-block-copy .article-lead{font-size:15px!important}
}


/* ===== V35 Discover category banner images ===== */
/* Discover cards use the exact top-banner image saved for each web category. */
.discover-section .interest-card .interest-photo{
  padding:0!important;
  overflow:hidden!important;
  background-color:#dff3fd;
}
.discover-section .interest-card .interest-photo img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  margin:0!important;
  padding:0!important;
}

/* ===== V40 state body redesign + English-only content alignment ===== */
/* State detail body only. Header/top hero remains on the original site styling. */
.state-overview-section{padding:42px 0 46px;background:#fff}
.state-overview-card{width:min(100%,980px);margin-inline:auto;border:1px solid #e4ebf0;border-radius:16px;background:#fff;box-shadow:0 10px 30px rgba(18,62,92,.055);padding:30px 34px;display:grid;grid-template-columns:minmax(190px,.42fr) minmax(0,1fr);gap:34px;align-items:start}
.state-overview-heading{padding-top:2px}
.state-overview-heading>span{display:block;color:#e18a19;font-size:10px;font-weight:900;letter-spacing:.13em;margin-bottom:8px}
html[dir="rtl"] .state-overview-heading>span{letter-spacing:0}
.state-overview-heading h2{margin:0;color:#123f68;font-size:clamp(24px,2.2vw,31px);line-height:1.28}
.state-overview-copy{border-inline-start:1px solid #dfe8ee;padding-inline-start:30px}
.state-overview-copy p{margin:0 0 12px;color:#536d80;font-size:13.5px;line-height:1.82}
.state-overview-copy p:last-child{margin-bottom:0}
.state-overview-copy .lead{color:#173f5e;font-size:14.5px;font-weight:650}

body[data-template="state"] .state-information-section{padding:42px 0 48px;background:#f7f9fb}
body[data-template="state"] .state-information-head{max-width:650px;margin-bottom:20px}
body[data-template="state"] .state-information-head>span{font-size:10px;margin-bottom:7px}
body[data-template="state"] .state-information-head h2{font-size:clamp(23px,2.2vw,31px);line-height:1.2}
body[data-template="state"] .state-information-head p{font-size:13px;line-height:1.65;margin-top:8px}
body[data-template="state"] .state-info-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
body[data-template="state"] .state-info-article{min-height:205px;padding:19px 20px;border-radius:12px;box-shadow:0 7px 20px rgba(16,49,74,.045)}
body[data-template="state"] .state-info-number{font-size:42px;top:11px;inset-inline-end:15px;right:auto;left:auto}
body[data-template="state"] .state-info-copy{padding-top:28px}
body[data-template="state"] .state-info-copy>span{font-size:9px}
body[data-template="state"] .state-info-copy h3{font-size:17px;line-height:1.3;margin:6px 0 7px}
body[data-template="state"] .state-info-copy p{font-size:12px;line-height:1.55;-webkit-line-clamp:3}
body[data-template="state"] .state-info-copy b{font-size:10.5px;padding-top:12px}

body[data-template="state"] .state-cities-section{padding:42px 0 50px;background:#fff;border-top:1px solid #eef2f5}
body[data-template="state"] .state-section-head{align-items:flex-end;margin-bottom:18px;gap:18px}
body[data-template="state"] .state-section-head>div>span{font-size:9px;margin-bottom:5px}
body[data-template="state"] .state-section-head h2{font-size:clamp(22px,2.1vw,30px);line-height:1.2}
body[data-template="state"] .state-section-head>a{font-size:10.5px}
body[data-template="state"] .state-city-grid{display:grid;grid-template-columns:repeat(2,minmax(0,500px));justify-content:start;gap:14px}
body[data-template="state"] .state-city-card{display:grid;grid-template-columns:145px minmax(0,1fr);min-height:128px;border-radius:12px;overflow:hidden;border:1px solid #e3ebf0;background:#fff;box-shadow:0 6px 18px rgba(12,57,89,.045);transition:.2s ease}
body[data-template="state"] .state-city-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(12,57,89,.09)}
body[data-template="state"] .state-city-image{height:auto;min-height:128px;background:#dce8ef center/cover no-repeat}
body[data-template="state"] .state-city-image:after{background:linear-gradient(0deg,rgba(5,34,56,.10),transparent 55%)}
body[data-template="state"] .state-city-copy{padding:15px 16px;min-width:0;display:flex;flex-direction:column;justify-content:center}
body[data-template="state"] .state-city-copy small{display:block;margin:0 0 3px;color:#d98417;font-size:9px;font-weight:800;line-height:1.35}
body[data-template="state"] .state-city-copy h3{margin:0 0 5px;color:#123f68;font-size:17px;line-height:1.25}
body[data-template="state"] .state-city-copy p{margin:0;color:#667d8d;font-size:11.5px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body[data-template="state"] .state-city-action{display:inline-flex;align-items:center;gap:5px;margin-top:8px;color:#0a5c98;font-size:10px;font-weight:900}
body[data-template="state"] .state-empty{padding:22px;font-size:12px}

body[data-template="state"] .state-reading{padding-top:42px;padding-bottom:56px}
body[data-template="state"] .state-article-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
body[data-template="state"] .state-article-card{grid-template-rows:125px 1fr;border-radius:10px;box-shadow:0 6px 18px rgba(13,63,96,.04)}
body[data-template="state"] .state-article-card>div:last-child{padding:13px 14px}
body[data-template="state"] .state-article-card span{font-size:9px}
body[data-template="state"] .state-article-card h3{font-size:15.5px;line-height:1.35;margin:5px 0}
body[data-template="state"] .state-article-card p{font-size:11.5px;line-height:1.5;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body[data-template="state"] .state-article-card b{font-size:10px}

@media(max-width:900px){
  .state-overview-card{grid-template-columns:1fr;gap:16px;padding:25px 26px}
  .state-overview-copy{border-inline-start:0;border-top:1px solid #dfe8ee;padding-inline-start:0;padding-top:18px}
  body[data-template="state"] .state-info-grid{grid-template-columns:1fr}
  body[data-template="state"] .state-info-article{min-height:150px}
  body[data-template="state"] .state-city-grid{grid-template-columns:1fr}
  body[data-template="state"] .state-city-card{max-width:620px}
}
@media(max-width:560px){
  .state-overview-section{padding:30px 0 34px}
  .state-overview-card{padding:21px 20px;border-radius:12px}
  .state-overview-heading h2{font-size:23px}
  .state-overview-copy p{font-size:12.5px;line-height:1.7}
  body[data-template="state"] .state-information-section{padding:32px 0 36px}
  body[data-template="state"] .state-cities-section{padding:32px 0 38px}
  body[data-template="state"] .state-section-head{align-items:flex-start;flex-direction:column;gap:6px}
  body[data-template="state"] .state-city-card{grid-template-columns:112px minmax(0,1fr);min-height:110px}
  body[data-template="state"] .state-city-image{min-height:110px}
  body[data-template="state"] .state-city-copy{padding:12px}
  body[data-template="state"] .state-city-copy h3{font-size:16px}
  body[data-template="state"] .state-city-copy p{font-size:11px}
  body[data-template="state"] .state-reading{padding-top:32px;padding-bottom:42px}
  body[data-template="state"] .state-article-grid{grid-template-columns:1fr}
}

/* ===== V40 English alignment only =====
   Arabic keeps the original RTL rules from the existing site.
   Header, top heroes/banners and bottom banners are intentionally excluded. */

/* Generic content wrappers used by internal pages. */
html[dir="ltr"] main .page-section,
html[dir="ltr"] main .tourism-main,
html[dir="ltr"] main .tourism-side,
html[dir="ltr"] main .discover-section,
html[dir="ltr"] main .attraction-page,
html[dir="ltr"] main .about-story,
html[dir="ltr"] main .area-detail-copy,
html[dir="ltr"] main .article-premium-layout,
html[dir="ltr"] main .article-reading-body,
html[dir="ltr"] main .article-related-panel{
  direction:ltr!important;
  text-align:left;
}
html[dir="ltr"] main .page-section h1,
html[dir="ltr"] main .page-section h2,
html[dir="ltr"] main .page-section h3,
html[dir="ltr"] main .page-section h4,
html[dir="ltr"] main .page-section p,
html[dir="ltr"] main .page-section li,
html[dir="ltr"] main .tourism-main h1,
html[dir="ltr"] main .tourism-main h2,
html[dir="ltr"] main .tourism-main h3,
html[dir="ltr"] main .tourism-main p,
html[dir="ltr"] main .tourism-side h1,
html[dir="ltr"] main .tourism-side h2,
html[dir="ltr"] main .tourism-side h3,
html[dir="ltr"] main .tourism-side p,
html[dir="ltr"] main .discover-section h1,
html[dir="ltr"] main .discover-section h2,
html[dir="ltr"] main .discover-section h3,
html[dir="ltr"] main .discover-section p,
html[dir="ltr"] main .attraction-page h1,
html[dir="ltr"] main .attraction-page h2,
html[dir="ltr"] main .attraction-page h3,
html[dir="ltr"] main .attraction-page p,
html[dir="ltr"] main .about-story h1,
html[dir="ltr"] main .about-story h2,
html[dir="ltr"] main .about-story h3,
html[dir="ltr"] main .about-story p,
html[dir="ltr"] main .about-story li,
html[dir="ltr"] main .area-detail-copy h1,
html[dir="ltr"] main .area-detail-copy h2,
html[dir="ltr"] main .area-detail-copy h3,
html[dir="ltr"] main .area-detail-copy p,
html[dir="ltr"] main .article-reading-body h1,
html[dir="ltr"] main .article-reading-body h2,
html[dir="ltr"] main .article-reading-body h3,
html[dir="ltr"] main .article-reading-body p,
html[dir="ltr"] main .article-reading-body li,
html[dir="ltr"] main .article-related-panel h3,
html[dir="ltr"] main .article-related-panel b{
  direction:ltr!important;
  text-align:left!important;
}


html[dir="ltr"] main .page-section .section-head,
html[dir="ltr"] main .page-section .page-grid,
html[dir="ltr"] main .page-section .info-card .body,
html[dir="ltr"] main .page-section .info-card b,
html[dir="ltr"] main .page-section .info-card p,
html[dir="ltr"] main .page-section .info-card small,
html[dir="ltr"] main .article-body,
html[dir="ltr"] main .side-panel,
html[dir="ltr"] main .article-body h2,
html[dir="ltr"] main .article-body p,
html[dir="ltr"] main .article-body li,
html[dir="ltr"] main .side-panel h3,
html[dir="ltr"] main .side-panel a{
  direction:ltr!important;
  text-align:left!important;
}

/* City detail body: English only. The city hero is intentionally untouched. */
html[dir="ltr"] body[data-template="city"] .city-overview,
html[dir="ltr"] body[data-template="city"] .city-about,
html[dir="ltr"] body[data-template="city"] .city-info,
html[dir="ltr"] body[data-template="city"] .city-section,
html[dir="ltr"] body[data-template="city"] .city-section-head,
html[dir="ltr"] body[data-template="city"] .city-place-row,
html[dir="ltr"] body[data-template="city"] .city-place-card,
html[dir="ltr"] body[data-template="city"] .city-lower,
html[dir="ltr"] body[data-template="city"] .city-map-card,
html[dir="ltr"] body[data-template="city"] .city-map-head{
  direction:ltr!important;
  text-align:left!important;
}
html[dir="ltr"] body[data-template="city"] .city-about span,
html[dir="ltr"] body[data-template="city"] .city-about h2,
html[dir="ltr"] body[data-template="city"] .city-about p,
html[dir="ltr"] body[data-template="city"] .city-info h3,
html[dir="ltr"] body[data-template="city"] .city-info .city-info-row,
html[dir="ltr"] body[data-template="city"] .city-info .city-info-row b,
html[dir="ltr"] body[data-template="city"] .city-section-head h2,
html[dir="ltr"] body[data-template="city"] .city-place-card b,
html[dir="ltr"] body[data-template="city"] .city-place-card small,
html[dir="ltr"] body[data-template="city"] .city-map-head h3{
  direction:ltr!important;
  text-align:left!important;
}
html[dir="ltr"] body[data-template="city"] .city-info .city-info-row{
  justify-content:flex-start!important;
  align-items:flex-start;
}
html[dir="ltr"] body[data-template="city"] .city-info .city-info-row b{
  min-width:0;
  flex:1 1 auto;
  overflow-wrap:anywhere;
  word-break:normal;
}
html[dir="ltr"] body[data-template="city"] .city-info-icon{flex:0 0 24px}
@media(min-width:901px){
  html[dir="ltr"] body[data-template="city"] .city-overview{
    grid-template-columns:minmax(0,1fr) minmax(0,1.05fr) 300px;
  }
}

/* State body: keep the compact V39 body design, but only force English LTR.
   State hero/banner remains on the original pre-V39 styling. */
html[dir="ltr"] body[data-template="state"] .state-overview-card,
html[dir="ltr"] body[data-template="state"] .state-overview-heading,
html[dir="ltr"] body[data-template="state"] .state-overview-copy,
html[dir="ltr"] body[data-template="state"] .state-information-head,
html[dir="ltr"] body[data-template="state"] .state-info-copy,
html[dir="ltr"] body[data-template="state"] .state-section-head,
html[dir="ltr"] body[data-template="state"] .state-city-grid,
html[dir="ltr"] body[data-template="state"] .state-city-card,
html[dir="ltr"] body[data-template="state"] .state-city-copy,
html[dir="ltr"] body[data-template="state"] .state-article-card{
  direction:ltr!important;
  text-align:left!important;
}
html[dir="ltr"] body[data-template="state"] .state-overview-heading h2,
html[dir="ltr"] body[data-template="state"] .state-overview-copy p,
html[dir="ltr"] body[data-template="state"] .state-information-head h2,
html[dir="ltr"] body[data-template="state"] .state-information-head p,
html[dir="ltr"] body[data-template="state"] .state-info-copy h3,
html[dir="ltr"] body[data-template="state"] .state-info-copy p,
html[dir="ltr"] body[data-template="state"] .state-city-copy h3,
html[dir="ltr"] body[data-template="state"] .state-city-copy p,
html[dir="ltr"] body[data-template="state"] .state-article-card h3,
html[dir="ltr"] body[data-template="state"] .state-article-card p{
  direction:ltr!important;
  text-align:left!important;
}
html[dir="ltr"] body[data-template="state"] .state-section-head>a{margin-left:auto;margin-right:0}

/* Bottom promotional banners stay centered in BOTH languages. */
.city-bottom-banner,
.city-bottom-banner .site-width,
.city-bottom-banner h2,
.city-bottom-banner p,
.discover-bottom-banner,
.discover-bottom-banner h2,
.discover-bottom-banner p{
  text-align:center!important;
}



/* ===== V43 homepage destination-card arrow refinement ===== */
.home-page .mini-card .circle-arrow,
body.home-page .mini-card .circle-arrow,
body[data-template="home"] .mini-card .circle-arrow,
.mini-card .circle-arrow{
  width:30px !important;
  height:30px !important;
  bottom:6px !important;
  left:6px !important;
  right:auto !important;
}
.mini-card .circle-arrow::before{width:7px;height:7px;border-top-width:2.5px;border-right-width:2.5px}
html[dir="ltr"] .mini-card .circle-arrow,html[dir="rtl"] .mini-card .circle-arrow{left:6px !important;right:auto !important}

/* ===== V44 state long-form reading experience ===== */
body[data-template="state"] .state-overview-section{padding:48px 0 58px;background:#f7f9fb}
body[data-template="state"] .state-overview-card{width:min(100%,1180px);padding:0;display:grid;grid-template-columns:minmax(245px,300px) minmax(0,1fr);gap:0;overflow:hidden;border:1px solid #e1e9ef;border-radius:18px;background:#fff;box-shadow:0 14px 40px rgba(18,62,92,.06)}
body[data-template="state"] .state-overview-heading{padding:36px 30px;background:#fbfcfd;border-inline-end:1px solid #e3ebf0}
body[data-template="state"] .state-overview-heading>span{font-size:10px;margin-bottom:11px}
body[data-template="state"] .state-overview-heading h2{font-size:clamp(25px,2.25vw,34px);line-height:1.25}
body[data-template="state"] .state-overview-kicker{margin:16px 0 0!important;color:#718698!important;font-size:12.5px!important;line-height:1.75!important;font-weight:500!important}
body[data-template="state"] .state-overview-copy{border:0;padding:32px 38px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 28px;align-content:start}
body[data-template="state"] .state-reading-block{margin:0;padding:0 0 16px;border-bottom:1px solid #edf1f4}
body[data-template="state"] .state-reading-block h3{margin:0 0 7px;color:#123f68;font-size:15.5px;line-height:1.45;font-weight:800}
body[data-template="state"] .state-reading-block p,
body[data-template="state"] .state-overview-copy .lead{margin:0!important;color:#5b7182!important;font-size:13.5px!important;line-height:1.85!important;font-weight:400!important}
body[data-template="state"] .state-reading-block:last-child{border-bottom:0}
html[dir="rtl"] body[data-template="state"] .state-overview-heading,
html[dir="rtl"] body[data-template="state"] .state-overview-copy,
html[dir="rtl"] body[data-template="state"] .state-reading-block{text-align:right;direction:rtl}
html[dir="ltr"] body[data-template="state"] .state-reading-block h3,
html[dir="ltr"] body[data-template="state"] .state-reading-block p{text-align:left!important;direction:ltr!important}
@media(max-width:900px){
 body[data-template="state"] .state-overview-card{grid-template-columns:1fr}
 body[data-template="state"] .state-overview-heading{padding:27px 26px;border-inline-end:0;border-bottom:1px solid #e3ebf0}
 body[data-template="state"] .state-overview-copy{padding:25px 26px;grid-template-columns:1fr;gap:0}
 body[data-template="state"] .state-reading-block{padding:14px 0}
 body[data-template="state"] .state-reading-block:first-child{padding-top:0}
}
@media(max-width:560px){
 body[data-template="state"] .state-overview-section{padding:30px 0 38px}
 body[data-template="state"] .state-overview-card{border-radius:13px}
 body[data-template="state"] .state-overview-heading{padding:23px 20px}
 body[data-template="state"] .state-overview-copy{padding:19px 20px}
 body[data-template="state"] .state-reading-block h3{font-size:14.5px}
 body[data-template="state"] .state-reading-block p{font-size:12.8px!important;line-height:1.8!important}
}


/* ===== V45 State long-form content: admin-controlled paragraphs ===== */
body[data-template="state"] .state-overview-copy{display:block!important;padding:32px 38px!important;border:0!important}
body[data-template="state"] .state-overview-copy p,
body[data-template="state"] .state-overview-copy .lead{margin:0 0 22px!important;color:#5b7182!important;font-size:14px!important;line-height:1.95!important;font-weight:400!important}
body[data-template="state"] .state-overview-copy p:last-child{margin-bottom:0!important}
html[dir="rtl"] body[data-template="state"] .state-overview-copy p{text-align:right!important;direction:rtl!important}
html[dir="ltr"] body[data-template="state"] .state-overview-copy p{text-align:left!important;direction:ltr!important}
@media(max-width:760px){body[data-template="state"] .state-overview-copy{padding:24px 25px!important}body[data-template="state"] .state-overview-copy p{font-size:13.2px!important;line-height:1.85!important;margin-bottom:18px!important}}


/* ===== V47 Search placeholder direction fix ===== */
html[dir="ltr"] .hero-search input{direction:ltr!important;text-align:left!important}
html[dir="rtl"] .hero-search input{direction:rtl!important;text-align:right!important}

/* ===== V48 entity website links + one-row attraction gallery/lightbox ===== */
.state-hero-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.state-primary-link.state-external-link{background:rgba(255,255,255,.10);color:#fff;border:1px solid rgba(255,255,255,.62);backdrop-filter:blur(4px)}
.state-primary-link.state-external-link:hover{background:rgba(255,255,255,.20)}
html[dir="ltr"] .state-hero-actions{direction:ltr}
html[dir="rtl"] .state-hero-actions{direction:rtl}

.city-about-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:2px}
.city-about-actions>a{margin-top:10px}
.city-about-actions>.city-external-link{background:#fff;color:#07518d;border:1px solid #b9cfdf}
.city-about-actions>.city-external-link:hover{background:#f2f8fc}
html[dir="ltr"] .city-about-actions{direction:ltr}
html[dir="rtl"] .city-about-actions{direction:rtl}

.attraction-actions .attraction-website-link{background:#fff;color:#07519a;border:1px solid #b8cddd}
.attraction-actions .attraction-website-link:hover{background:#f2f8fc}

/* Always keep the public attraction gallery on one row. Desktop shows up to 5,
   tablet up to 3, and small mobile up to 2. The last visible image reports the
   number of additional images and every visible tile opens the full browser. */
.attraction-gallery{display:flex!important;grid-template-columns:none!important;align-items:stretch;flex-wrap:nowrap;gap:clamp(8px,.938vw,14.2px);overflow:hidden;direction:rtl}
html[dir="ltr"] .attraction-gallery{direction:ltr}
.attraction-gallery>.attraction-gallery-item{
  -webkit-appearance:none;appearance:none;border:0;padding:0;margin:0;
  display:block!important;position:relative;overflow:hidden;flex:1 1 0;min-width:0;
  height:clamp(109px,12.778vw,193px);border-radius:clamp(5px,.586vw,8.9px);
  background:center/cover no-repeat;background-color:#d9e5ed;cursor:zoom-in;
  box-shadow:inset 0 0 0 1px rgba(7,56,95,.05)
}
.attraction-gallery>.attraction-gallery-item:focus-visible{outline:3px solid #f3b21a;outline-offset:2px}
.gallery-more-indicator{display:none;position:absolute;inset:0;z-index:2;align-items:center;justify-content:center;background:rgba(5,41,70,.66);color:#fff;font-family:Arial,sans-serif;font-size:clamp(22px,2.4vw,38px);font-weight:600;line-height:1;pointer-events:none;text-shadow:0 2px 8px rgba(0,0,0,.14)}
@media(min-width:821px){.gallery-more-desktop{display:flex}.gallery-more-tablet,.gallery-more-mobile{display:none!important}}
@media(min-width:521px) and (max-width:820px){
  .attraction-gallery>.attraction-gallery-pos-4,.attraction-gallery>.attraction-gallery-pos-5{display:none!important}
  .gallery-more-tablet{display:flex}.gallery-more-desktop,.gallery-more-mobile{display:none!important}
}
@media(max-width:520px){
  .attraction-gallery>.attraction-gallery-pos-3,.attraction-gallery>.attraction-gallery-pos-4,.attraction-gallery>.attraction-gallery-pos-5{display:none!important}
  .gallery-more-mobile{display:flex}.gallery-more-desktop,.gallery-more-tablet{display:none!important}
}

body.attraction-gallery-open{overflow:hidden!important}
.attraction-gallery-lightbox[hidden]{display:none!important}
.attraction-gallery-lightbox{
  position:fixed;inset:0;z-index:2147483000;background:rgba(3,16,29,.94);display:grid;
  grid-template-columns:64px minmax(0,1fr) 64px;align-items:center;gap:14px;padding:34px 28px;
  direction:ltr;backdrop-filter:blur(4px)
}
.gallery-lightbox-stage{margin:0;min-width:0;display:grid;grid-template-rows:minmax(0,1fr) auto;align-items:center;justify-items:center;height:min(88vh,920px)}
.gallery-lightbox-stage img{display:block;max-width:100%;max-height:calc(88vh - 58px);width:auto;height:auto;object-fit:contain;border-radius:8px;box-shadow:0 18px 54px rgba(0,0,0,.36);background:#0b1d2c}
.gallery-lightbox-stage figcaption{width:100%;min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#fff;padding-top:12px;font-size:13px}
.gallery-lightbox-stage figcaption span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gallery-lightbox-stage figcaption b{font-family:Arial,sans-serif;font-size:12px;color:#d6e3ec;white-space:nowrap}
.gallery-lightbox-close,.gallery-lightbox-nav{border:0;color:#fff;background:rgba(255,255,255,.12);cursor:pointer;display:grid;place-items:center;transition:background .15s ease,transform .15s ease}
.gallery-lightbox-close:hover,.gallery-lightbox-nav:hover{background:rgba(255,255,255,.22)}
.gallery-lightbox-close:focus-visible,.gallery-lightbox-nav:focus-visible{outline:3px solid #f3b21a;outline-offset:2px}
.gallery-lightbox-close{position:absolute;top:18px;right:20px;width:42px;height:42px;border-radius:50%;font-size:30px;line-height:1}
.gallery-lightbox-nav{width:54px;height:74px;border-radius:10px;font-family:Arial,sans-serif;font-size:46px;line-height:1}
.gallery-lightbox-prev{justify-self:end}.gallery-lightbox-next{justify-self:start}
@media(max-width:640px){
  .attraction-gallery-lightbox{grid-template-columns:42px minmax(0,1fr) 42px;gap:7px;padding:52px 8px 20px}
  .gallery-lightbox-nav{width:40px;height:58px;border-radius:8px;font-size:34px}
  .gallery-lightbox-close{top:10px;right:10px;width:36px;height:36px;font-size:26px}
  .gallery-lightbox-stage{height:calc(100vh - 86px)}
  .gallery-lightbox-stage img{max-height:calc(100vh - 140px)}
  .gallery-lightbox-stage figcaption{font-size:11px;padding:10px 3px 0}
}

/* ===== V50 Attractions directory: premium filters + real interactive map ===== */
body[data-template="attractions-directory"] .tourism-panel{
  margin-top:-58px!important;
  padding:20px 22px 22px!important;
  border:1px solid #dce7ef!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.985)!important;
  box-shadow:0 18px 48px rgba(19,58,88,.13)!important;
}
body[data-template="attractions-directory"] .tourism-search{
  height:60px!important;
  margin-bottom:17px!important;
  padding-inline:17px 7px!important;
  gap:12px!important;
  border:1px solid #d7e3ec!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 3px 10px rgba(28,67,95,.035)!important;
}
html[dir="rtl"] body[data-template="attractions-directory"] .tourism-search{padding-inline:17px 7px!important}
body[data-template="attractions-directory"] .tourism-search:focus-within{
  border-color:#76a9c9!important;
  box-shadow:0 0 0 3px rgba(11,86,143,.08)!important;
}
body[data-template="attractions-directory"] .tourism-search-icon{
  width:32px!important;height:32px!important;flex-basis:32px!important;color:#0a5b94!important
}
body[data-template="attractions-directory"] .tourism-search-icon svg{width:23px!important;height:23px!important}
body[data-template="attractions-directory"] .tourism-search input{font-size:14px!important;color:#244a67!important}
body[data-template="attractions-directory"] .tourism-search-submit{
  height:46px!important;min-width:106px!important;border-radius:9px!important;
  background:#0b5b94!important;font-size:13px!important;box-shadow:0 5px 13px rgba(11,86,143,.18)!important
}
body[data-template="attractions-directory"] .tourism-filter-heading{
  display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:2px 1px 11px;text-align:start
}
body[data-template="attractions-directory"] .tourism-filter-heading>div{display:grid;gap:3px}
body[data-template="attractions-directory"] .tourism-filter-heading b{color:#123f68;font-size:13px;font-weight:900}
body[data-template="attractions-directory"] .tourism-filter-heading span{color:#8496a4;font-size:10px;line-height:1.4}
body[data-template="attractions-directory"] .tourism-filter-clear{
  border:0;background:transparent;color:#0b5b94;font-size:10.5px;font-weight:850;cursor:pointer;padding:5px 2px
}
body[data-template="attractions-directory"] .tourism-filter-clear:hover{text-decoration:underline}
body[data-template="attractions-directory"] .tourism-filter-row{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;direction:inherit!important
}
body[data-template="attractions-directory"] .tourism-filter-select,
body[data-template="attractions-directory"] .tourism-filter-toggle,
body[data-template="attractions-directory"] .tourism-more-filter{
  min-width:0!important;height:64px!important;padding:0 12px!important;border:1px solid #dce6ed!important;
  border-radius:11px!important;background:#fbfcfd!important;color:#274e6b!important;
  display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;
  box-shadow:0 2px 7px rgba(28,68,96,.025)!important;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease!important
}
body[data-template="attractions-directory"] .tourism-filter-select:hover,
body[data-template="attractions-directory"] .tourism-filter-toggle:hover,
body[data-template="attractions-directory"] .tourism-more-filter:hover{
  border-color:#aac3d5!important;background:#f7fbfd!important;box-shadow:0 6px 15px rgba(31,72,100,.07)!important;transform:translateY(-1px)
}
body[data-template="attractions-directory"] .tourism-filter-symbol{
  width:34px;height:34px;flex:0 0 34px;border-radius:9px;background:#eef6fb;color:#0b5b94;display:grid;place-items:center
}
body[data-template="attractions-directory"] .tourism-filter-symbol svg{width:18px!important;height:18px!important;flex-basis:auto!important}
body[data-template="attractions-directory"] .tourism-filter-copy{min-width:0;flex:1;display:grid;gap:3px;text-align:start;line-height:1.12}
body[data-template="attractions-directory"] .tourism-filter-copy small{display:block;color:#8699a8;font-size:8.5px;font-weight:750;line-height:1.1}
body[data-template="attractions-directory"] .tourism-filter-copy b{display:block;overflow:hidden;text-overflow:ellipsis;color:#244967;font-size:11.5px;font-weight:850;white-space:nowrap}
body[data-template="attractions-directory"] .tourism-filter-select select{
  width:100%!important;max-width:none!important;min-width:0!important;padding:0!important;color:#244967!important;font-size:11.5px!important;font-weight:850!important;
  text-align:start!important;direction:inherit!important;white-space:nowrap;text-overflow:ellipsis;overflow:hidden
}
body[data-template="attractions-directory"] .tourism-filter-select .select-caret{flex:0 0 auto;margin:0!important;color:#698398;font-size:13px}
body[data-template="attractions-directory"] .tourism-filter-check{
  width:18px;height:18px;flex:0 0 18px;border:1px solid #c8d8e3;border-radius:50%;display:grid;place-items:center;color:transparent;background:#fff;font-size:10px;font-weight:900
}
body[data-template="attractions-directory"] .tourism-filter-toggle.active,
body[data-template="attractions-directory"] .tourism-extra-toggle.active{
  border-color:#6e9fbe!important;background:#eef7fc!important;color:#07558d!important;box-shadow:0 0 0 2px rgba(11,86,143,.055)!important
}
body[data-template="attractions-directory"] .tourism-filter-toggle.active .tourism-filter-symbol{background:#0b5b94;color:#fff}
body[data-template="attractions-directory"] .tourism-filter-toggle.active .tourism-filter-check{border-color:#0b5b94;background:#0b5b94;color:#fff}
body[data-template="attractions-directory"] .tourism-more-filter{margin:0!important}
body[data-template="attractions-directory"] .tourism-more-filter em{
  min-width:20px!important;height:20px!important;padding:0 5px!important;border-radius:999px!important;background:#0b5b94!important;color:#fff!important;font-size:9px!important;font-weight:900!important
}
body[data-template="attractions-directory"] .tourism-more-filter.active{border-color:#8eafc6!important;background:#f2f8fc!important}
body[data-template="attractions-directory"] .tourism-extra-filters{
  margin-top:11px!important;padding:12px!important;border:1px solid #dce8ef!important;border-radius:11px!important;background:#f8fbfd!important;gap:10px!important
}
body[data-template="attractions-directory"] .tourism-extra-filters label{display:grid;gap:5px;min-width:180px!important;color:#637d90;font-size:9px;font-weight:800}
body[data-template="attractions-directory"] .tourism-extra-filters select,
body[data-template="attractions-directory"] .tourism-extra-toggle,
body[data-template="attractions-directory"] .tourism-reset-filter{
  min-height:40px!important;border-radius:8px!important
}

body[data-template="attractions-directory"] .tourism-content{
  grid-template-columns:minmax(0,1fr) 350px!important;gap:22px!important;padding-top:24px!important
}
body[data-template="attractions-directory"] .tourism-side{margin-top:45px!important;gap:15px!important}
body[data-template="attractions-directory"] .map-card,
body[data-template="attractions-directory"] .category-box{
  padding:14px!important;border:1px solid #dce7ee!important;border-radius:13px!important;background:#fff!important;box-shadow:0 8px 24px rgba(15,61,97,.07)!important
}
body[data-template="attractions-directory"] .tourism-side-title{margin-bottom:12px!important}
body[data-template="attractions-directory"] .tourism-map-title>div{display:grid;gap:3px;min-width:0;text-align:start}
body[data-template="attractions-directory"] .tourism-side-title h3{font-size:14px!important;font-weight:900!important;color:#123f68!important}
body[data-template="attractions-directory"] .tourism-map-title p{margin:0;color:#8395a3;font-size:9.5px;line-height:1.45;text-align:start}
body[data-template="attractions-directory"] .tourism-side-title>span{
  width:28px!important;height:28px!important;flex:0 0 28px!important;background:#edf6fb!important;font-size:13px!important
}
body[data-template="attractions-directory"] .tourism-live-map{
  height:360px!important;border:1px solid #d6e3eb!important;border-radius:11px!important;overflow:hidden!important;background:#e9f1f5!important;position:relative!important;z-index:0!important
}
body[data-template="attractions-directory"] .tourism-map-loading,
body[data-template="attractions-directory"] .tourism-map-unavailable{
  background:#edf4f7!important;color:#667f92!important;font-size:11px!important
}
body[data-template="attractions-directory"] .tourism-map-footer{display:grid;gap:8px;margin-top:10px}
body[data-template="attractions-directory"] .tourism-map-footer>span{display:block;color:#8295a4;font-size:9.5px;text-align:start}
body[data-template="attractions-directory"] .tourism-full-map{
  width:100%!important;height:43px!important;margin:0!important;border-radius:8px!important;background:#0b568f!important;font-size:11px!important;box-shadow:0 5px 12px rgba(11,86,143,.15)!important
}
body[data-template="attractions-directory"] .tourism-full-map:hover{background:#084b7d!important}
body[data-template="attractions-directory"] .tourism-map-fallback-frame{display:block;width:100%;height:100%;border:0;background:#e8eef2}
body[data-template="attractions-directory"] .tourism-map-fallback-note{
  position:absolute;inset-inline:10px;bottom:10px;z-index:3;padding:7px 9px;border-radius:7px;background:rgba(255,255,255,.94);box-shadow:0 3px 12px rgba(18,58,86,.13);color:#516d80;font-size:9px;text-align:center
}
body[data-template="attractions-directory"] .leaflet-container{font:inherit;background:#e7eef2;outline:0}
body[data-template="attractions-directory"] .leaflet-control-zoom{border:0!important;box-shadow:0 3px 12px rgba(20,57,84,.18)!important}
body[data-template="attractions-directory"] .leaflet-control-zoom a{color:#0b568f!important;border-color:#e2e9ee!important}
body[data-template="attractions-directory"] .leaflet-control-attribution{font-size:7px!important;background:rgba(255,255,255,.82)!important;color:#718695!important}
body[data-template="attractions-directory"] .leaflet-popup-content-wrapper{border-radius:10px!important;box-shadow:0 10px 30px rgba(17,55,82,.18)!important}
body[data-template="attractions-directory"] .leaflet-popup-content{margin:11px 13px!important}
body[data-template="attractions-directory"] .dalil-leaflet-marker{background:transparent!important;border:0!important}
body[data-template="attractions-directory"] .dalil-leaflet-marker>span{
  display:block;width:24px;height:24px;border:4px solid #fff;border-radius:50% 50% 50% 0;background:#0b5b94;transform:rotate(-45deg);box-shadow:0 4px 11px rgba(8,54,87,.36);position:relative
}
body[data-template="attractions-directory"] .dalil-leaflet-marker>span:after{
  content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:#fff;left:50%;top:50%;transform:translate(-50%,-50%)
}
body[data-template="attractions-directory"] .tourism-map-popup{min-width:155px!important;gap:4px!important;text-align:start}
body[data-template="attractions-directory"] .tourism-map-popup b{font-size:12.5px!important;color:#123f68!important}
body[data-template="attractions-directory"] .tourism-map-popup small{font-size:9.5px!important;color:#738898!important}
body[data-template="attractions-directory"] .tourism-map-popup div{margin-top:6px!important;gap:9px!important}
body[data-template="attractions-directory"] .tourism-map-popup a{font-size:10px!important;color:#0b568f!important;font-weight:850!important}
body[data-template="attractions-directory"] .tourism-map-dialog{border-radius:14px!important}
body[data-template="attractions-directory"] .tourism-live-map-large{height:calc(100% - 62px)!important;border:0!important;border-radius:0!important}

@media(max-width:1180px){
  body[data-template="attractions-directory"] .tourism-filter-row{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body[data-template="attractions-directory"] .tourism-content{grid-template-columns:minmax(0,1fr) 310px!important}
  body[data-template="attractions-directory"] .tourism-live-map{height:330px!important}
}
@media(max-width:880px){
  body[data-template="attractions-directory"] .tourism-content{grid-template-columns:1fr!important}
  body[data-template="attractions-directory"] .tourism-side{grid-template-columns:1fr 1fr!important;margin-top:0!important}
  body[data-template="attractions-directory"] .tourism-live-map{height:330px!important}
}
@media(max-width:720px){
  body[data-template="attractions-directory"] .tourism-panel{margin-top:-34px!important;padding:13px!important;border-radius:13px!important}
  body[data-template="attractions-directory"] .tourism-search{height:52px!important;margin-bottom:13px!important}
  body[data-template="attractions-directory"] .tourism-search-submit{display:none!important}
  body[data-template="attractions-directory"] .tourism-filter-heading{align-items:center;margin-bottom:9px}
  body[data-template="attractions-directory"] .tourism-filter-heading span{display:none}
  body[data-template="attractions-directory"] .tourism-filter-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  body[data-template="attractions-directory"] .tourism-filter-select,
  body[data-template="attractions-directory"] .tourism-filter-toggle,
  body[data-template="attractions-directory"] .tourism-more-filter{height:58px!important;padding:0 9px!important;gap:8px!important}
  body[data-template="attractions-directory"] .tourism-filter-symbol{width:31px;height:31px;flex-basis:31px}
  body[data-template="attractions-directory"] .tourism-filter-copy b,
  body[data-template="attractions-directory"] .tourism-filter-select select{font-size:10.5px!important}
  body[data-template="attractions-directory"] .tourism-side{grid-template-columns:1fr!important}
  body[data-template="attractions-directory"] .tourism-live-map{height:315px!important}
}
@media(max-width:430px){
  body[data-template="attractions-directory"] .tourism-filter-row{grid-template-columns:1fr!important}
  body[data-template="attractions-directory"] .tourism-filter-select,
  body[data-template="attractions-directory"] .tourism-filter-toggle,
  body[data-template="attractions-directory"] .tourism-more-filter{height:56px!important}
}

/* ===== V51 Attractions directory hero isolation =====
   The old global RTL inner-page hero rules were still overriding the attractions
   directory and making the Arabic title oversized/misaligned. Keep this hero
   independent so both languages use the same clean geometry. */
body[data-template="attractions-directory"] .tourism-hero{
  height:clamp(390px,29vw,445px)!important;
  min-height:390px!important;
  max-height:445px!important;
  display:block!important;
  padding:0!important;
  margin:0!important;
  color:#fff!important;
  background-position:center 46%!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}
body[data-template="attractions-directory"] .tourism-hero:before{pointer-events:none!important}
body[data-template="attractions-directory"] .tourism-hero-inner{
  width:min(1180px,calc(100% - 48px))!important;
  height:100%!important;
  margin:0 auto!important;
  padding:28px 0 86px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  position:relative!important;
  z-index:2!important;
}
body[data-template="attractions-directory"] .tourism-crumbs{
  margin:0 0 clamp(52px,5vw,74px)!important;
  font-size:12px!important;
  line-height:1.4!important;
  font-weight:750!important;
  color:rgba(255,255,255,.86)!important;
}
body[data-template="attractions-directory"] .tourism-crumbs a{color:rgba(255,255,255,.88)!important}
body[data-template="attractions-directory"] .tourism-crumbs b{color:#fff!important}
body[data-template="attractions-directory"] .tourism-hero-copy{
  width:min(720px,72%)!important;
  max-width:720px!important;
  margin:0!important;
}
body[data-template="attractions-directory"] .tourism-hero-copy>span{
  display:block!important;
  margin:0 0 10px!important;
  color:#e7f2fa!important;
  font-size:11px!important;
  line-height:1.3!important;
  font-weight:850!important;
  letter-spacing:.09em!important;
}
body[data-template="attractions-directory"] .tourism-hero h1{
  margin:0 0 12px!important;
  max-width:720px!important;
  color:#fff!important;
  font-size:clamp(38px,3.85vw,58px)!important;
  line-height:1.07!important;
  font-weight:850!important;
  letter-spacing:0!important;
  text-shadow:0 3px 20px rgba(0,0,0,.28)!important;
}
body[data-template="attractions-directory"] .tourism-hero p{
  margin:0!important;
  max-width:680px!important;
  color:rgba(255,255,255,.93)!important;
  font-size:clamp(14px,1.12vw,17px)!important;
  line-height:1.75!important;
  font-weight:600!important;
  text-shadow:0 2px 12px rgba(0,0,0,.20)!important;
}
html[dir="rtl"] body[data-template="attractions-directory"] .tourism-hero-inner{
  direction:rtl!important;
  text-align:right!important;
}
html[dir="rtl"] body[data-template="attractions-directory"] .tourism-crumbs{
  direction:rtl!important;
  justify-content:flex-start!important;
  text-align:right!important;
}
html[dir="rtl"] body[data-template="attractions-directory"] .tourism-hero-copy{
  margin-left:auto!important;
  margin-right:0!important;
  text-align:right!important;
}
html[dir="rtl"] body[data-template="attractions-directory"] .tourism-hero-copy>span,
html[dir="rtl"] body[data-template="attractions-directory"] .tourism-hero h1,
html[dir="rtl"] body[data-template="attractions-directory"] .tourism-hero p{
  direction:rtl!important;
  text-align:right!important;
}
html[dir="ltr"] body[data-template="attractions-directory"] .tourism-hero-inner{
  direction:ltr!important;
  text-align:left!important;
}
html[dir="ltr"] body[data-template="attractions-directory"] .tourism-crumbs{
  direction:ltr!important;
  justify-content:flex-start!important;
  text-align:left!important;
}
html[dir="ltr"] body[data-template="attractions-directory"] .tourism-hero-copy{
  margin-left:0!important;
  margin-right:auto!important;
  text-align:left!important;
}
html[dir="ltr"] body[data-template="attractions-directory"] .tourism-hero-copy>span,
html[dir="ltr"] body[data-template="attractions-directory"] .tourism-hero h1,
html[dir="ltr"] body[data-template="attractions-directory"] .tourism-hero p{
  direction:ltr!important;
  text-align:left!important;
}

@media(max-width:820px){
  body[data-template="attractions-directory"] .tourism-hero{
    height:430px!important;
    min-height:430px!important;
    max-height:430px!important;
  }
  body[data-template="attractions-directory"] .tourism-hero-inner{
    width:calc(100% - 34px)!important;
    padding:24px 0 72px!important;
  }
  body[data-template="attractions-directory"] .tourism-crumbs{margin-bottom:50px!important}
  body[data-template="attractions-directory"] .tourism-hero-copy{width:min(650px,90%)!important}
  body[data-template="attractions-directory"] .tourism-hero h1{font-size:clamp(34px,7.2vw,50px)!important}
}
@media(max-width:520px){
  body[data-template="attractions-directory"] .tourism-hero{
    height:400px!important;
    min-height:400px!important;
    max-height:400px!important;
    background-position:center 44%!important;
  }
  body[data-template="attractions-directory"] .tourism-hero-inner{
    width:calc(100% - 28px)!important;
    padding:20px 0 62px!important;
  }
  body[data-template="attractions-directory"] .tourism-crumbs{
    margin-bottom:38px!important;
    font-size:10px!important;
    gap:6px!important;
  }
  body[data-template="attractions-directory"] .tourism-hero-copy{width:100%!important;max-width:none!important}
  body[data-template="attractions-directory"] .tourism-hero-copy>span{font-size:9px!important;margin-bottom:8px!important}
  body[data-template="attractions-directory"] .tourism-hero h1{
    font-size:clamp(31px,10vw,42px)!important;
    line-height:1.08!important;
    margin-bottom:10px!important;
  }
  body[data-template="attractions-directory"] .tourism-hero p{
    max-width:100%!important;
    font-size:13px!important;
    line-height:1.7!important;
    font-weight:550!important;
  }
}


/* =========================================================
   V52 — Attraction detail hero/layout correction
   Fixes oversized desktop hero, RTL placement and stale city
   presentation. These rules intentionally override the old
   proportional desktop scaling block for attraction details.
   ========================================================= */
body[data-template="attraction"] .attraction-hero{
  height:clamp(420px,30vw,500px)!important;
  min-height:420px!important;
  max-height:500px!important;
  background-size:cover!important;
  background-position:center 48%!important;
}
body[data-template="attraction"] .attraction-hero-inner{
  height:100%!important;
  position:relative!important;
}
body[data-template="attraction"] .attraction-breadcrumbs{
  top:26px!important;
  left:auto!important;
  right:auto!important;
  inset-inline-start:0!important;
  gap:9px!important;
  font-size:12px!important;
  line-height:1.35!important;
  font-weight:700!important;
  direction:inherit!important;
  text-align:start!important;
}
body[data-template="attraction"] .attraction-hero-copy{
  top:98px!important;
  left:auto!important;
  right:auto!important;
  inset-inline-start:0!important;
  width:min(620px,48%)!important;
  max-width:620px!important;
  direction:inherit!important;
  text-align:start!important;
}
body[data-template="attraction"] .attraction-kicker{
  margin:0 0 11px!important;
  color:#fff!important;
  font-family:inherit!important;
  font-size:12px!important;
  line-height:1.35!important;
  font-weight:800!important;
  letter-spacing:0!important;
  direction:inherit!important;
  text-align:start!important;
  opacity:.9!important;
}
html[dir="ltr"] body[data-template="attraction"] .attraction-kicker{
  font-family:Arial,sans-serif!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
body[data-template="attraction"] .attraction-hero-copy h1{
  margin:0!important;
  color:#fff!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  font-size:clamp(40px,3.05vw,56px)!important;
  line-height:1.06!important;
  font-weight:850!important;
  letter-spacing:0!important;
  text-align:start!important;
  text-shadow:0 3px 18px rgba(0,0,0,.28)!important;
}
body[data-template="attraction"] .attraction-en-title{
  display:block!important;
  margin-top:4px!important;
  color:rgba(255,255,255,.96)!important;
  font-family:Arial,sans-serif!important;
  font-size:clamp(20px,1.55vw,28px)!important;
  line-height:1.16!important;
  font-weight:500!important;
  direction:ltr!important;
  text-align:start!important;
}
html[dir="rtl"] body[data-template="attraction"] .attraction-en-title{text-align:right!important}
body[data-template="attraction"] .attraction-hero-copy>p{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:4!important;
  overflow:hidden!important;
  width:100%!important;
  max-width:610px!important;
  margin:16px 0 14px!important;
  color:rgba(255,255,255,.94)!important;
  font-size:15px!important;
  line-height:1.75!important;
  font-weight:600!important;
  direction:inherit!important;
  text-align:start!important;
}
body[data-template="attraction"] .attraction-tags{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  direction:inherit!important;
  justify-content:flex-start!important;
}
html[dir="rtl"] body[data-template="attraction"] .attraction-tags{justify-content:flex-start!important}
body[data-template="attraction"] .attraction-tags span{
  min-height:32px!important;
  height:auto!important;
  padding:6px 13px!important;
  border-radius:999px!important;
  color:#fff!important;
  background:rgba(5,44,76,.46)!important;
  border:1px solid rgba(255,255,255,.42)!important;
  box-shadow:none!important;
  font-size:11px!important;
  line-height:1.25!important;
  font-weight:750!important;
}
body[data-template="attraction"] .attraction-watch{
  width:auto!important;
  max-width:330px!important;
  margin-top:16px!important;
  gap:10px!important;
}
body[data-template="attraction"] .attraction-watch-thumb{width:72px!important;height:46px!important;border-radius:8px!important}
body[data-template="attraction"] .attraction-watch button{width:32px!important;height:32px!important;min-width:32px!important}
body[data-template="attraction"] .attraction-watch b{font-size:12px!important}
body[data-template="attraction"] .attraction-watch small{font-size:10px!important}

/* Keep the first information strip compact on wide monitors. */
@media(min-width:821px){
  body[data-template="attraction"] .attraction-facts{
    min-height:108px!important;
    max-height:none!important;
    border-radius:10px!important;
  }
  body[data-template="attraction"] .attraction-actions{padding:11px 15px!important;gap:8px!important}
  body[data-template="attraction"] .attraction-actions a,
  body[data-template="attraction"] .attraction-actions button{height:38px!important;font-size:11px!important;border-radius:7px!important}
  body[data-template="attraction"] .attraction-actions svg{width:17px!important;height:17px!important}
  body[data-template="attraction"] .attraction-fact{padding:15px 8px 12px!important}
  body[data-template="attraction"] .attraction-fact svg{width:25px!important;height:25px!important;margin-bottom:6px!important}
  body[data-template="attraction"] .attraction-fact b{font-size:11px!important}
  body[data-template="attraction"] .attraction-fact small{font-size:9.5px!important;margin-top:3px!important}
}

/* RTL stays on the right; English stays on the left. */
html[dir="rtl"] body[data-template="attraction"] .attraction-breadcrumbs,
html[dir="rtl"] body[data-template="attraction"] .attraction-hero-copy{
  right:0!important;
  left:auto!important;
  direction:rtl!important;
  text-align:right!important;
}
html[dir="rtl"] body[data-template="attraction"] .attraction-hero-copy h1,
html[dir="rtl"] body[data-template="attraction"] .attraction-hero-copy>p,
html[dir="rtl"] body[data-template="attraction"] .attraction-kicker{text-align:right!important}
html[dir="ltr"] body[data-template="attraction"] .attraction-breadcrumbs,
html[dir="ltr"] body[data-template="attraction"] .attraction-hero-copy{
  left:0!important;
  right:auto!important;
  direction:ltr!important;
  text-align:left!important;
}
html[dir="ltr"] body[data-template="attraction"] .attraction-hero-copy h1,
html[dir="ltr"] body[data-template="attraction"] .attraction-hero-copy>p,
html[dir="ltr"] body[data-template="attraction"] .attraction-kicker{text-align:left!important}

@media(max-width:820px){
  body[data-template="attraction"] .attraction-hero{
    height:470px!important;
    min-height:470px!important;
    max-height:470px!important;
    background-position:center!important;
  }
  body[data-template="attraction"] .attraction-breadcrumbs{top:20px!important;inset-inline-start:5%!important;font-size:10px!important}
  body[data-template="attraction"] .attraction-hero-copy{
    top:72px!important;
    inset-inline-start:5%!important;
    width:90%!important;
    max-width:620px!important;
  }
  body[data-template="attraction"] .attraction-hero-copy h1{font-size:clamp(32px,7vw,44px)!important}
  body[data-template="attraction"] .attraction-en-title{font-size:19px!important}
  body[data-template="attraction"] .attraction-hero-copy>p{font-size:13px!important;line-height:1.7!important;-webkit-line-clamp:4!important;margin:13px 0!important}
  body[data-template="attraction"] .attraction-tags span{min-height:29px!important;padding:5px 10px!important;font-size:10px!important}
}
@media(max-width:520px){
  body[data-template="attraction"] .attraction-hero{
    height:440px!important;
    min-height:440px!important;
    max-height:440px!important;
  }
  body[data-template="attraction"] .attraction-breadcrumbs{inset-inline-start:16px!important;max-width:calc(100% - 32px)!important;white-space:nowrap!important;overflow:hidden!important}
  body[data-template="attraction"] .attraction-hero-copy{top:68px!important;inset-inline-start:16px!important;width:calc(100% - 32px)!important}
  body[data-template="attraction"] .attraction-kicker{font-size:10px!important;margin-bottom:8px!important}
  body[data-template="attraction"] .attraction-hero-copy h1{font-size:clamp(30px,9vw,39px)!important}
  body[data-template="attraction"] .attraction-en-title{font-size:17px!important}
  body[data-template="attraction"] .attraction-hero-copy>p{font-size:12px!important;line-height:1.65!important;-webkit-line-clamp:4!important;margin:11px 0 12px!important}
  body[data-template="attraction"] .attraction-tags{gap:6px!important}
  body[data-template="attraction"] .attraction-tags span{min-height:27px!important;padding:4px 9px!important;font-size:9.5px!important}
  body[data-template="attraction"] .attraction-watch{display:none!important}
}