/* Shared media presentation for /tours/, /en/tours/, /ar/tours/.
   One component and one asset registry; translations keep their own typography. */
.unified-tour-media-gallery {
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:stretch!important;
  gap:16px!important;
  direction:inherit;
  width:100%;
  max-width:100%;
  min-width:0;
  margin:18px 0 30px;
}
.unified-tour-media-gallery .unified-gallery-button {
  box-sizing:border-box;
  display:flex!important;
  flex-direction:column;
  align-items:stretch;
  gap:0!important;
  width:100%;
  min-width:0;
  height:auto;
  margin:0;
  padding:0!important;
  overflow:hidden;
  text-align:start;
  border:1px solid #e6dfd5!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:none;
  cursor:zoom-in;
  color:#193337;
}
.unified-tour-media-gallery .unified-gallery-button img {
  box-sizing:border-box;
  display:block!important;
  width:100%!important;
  height:220px!important;
  max-height:220px!important;
  min-height:0!important;
  aspect-ratio:4/3!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:0!important;
  margin:0!important;
  padding:0!important;
  flex:none!important;
  background:#f3eee5;
}
.unified-tour-media-gallery .unified-gallery-button .gallery-visible-caption {
  display:block;
  box-sizing:border-box;
  width:100%;
  padding:11px 12px!important;
  margin:0!important;
  font-size:13px!important;
  line-height:1.5!important;
  color:#324c4f;
  background:#fff;
  text-align:start;
  overflow-wrap:anywhere;
  flex:1;
}
.unified-tour-media-gallery .unified-gallery-button:focus-visible {
  outline:3px solid #b17a41!important;
  outline-offset:3px;
}
.unified-tour-media-section {
  display:block;
  width:100%;
  max-width:1180px;
  min-width:0;
  margin:38px auto 34px;
  padding:12px 22px 0;
  clear:both;
}
.unified-tour-media-section h2 { margin:0 0 20px; line-height:1.45; }
.unified-tour-media-modal {
  border:0;
  border-radius:14px;
  padding:24px 18px 18px;
  background:#182f34;
  color:white;
  text-align:center;
  max-width:min(94vw,1040px);
  max-height:94vh;
}
.unified-tour-media-modal::backdrop { background:rgba(0,0,0,.85); }
.unified-tour-media-modal img {
  max-width:100%;
  max-height:73vh;
  width:auto;
  height:auto;
  object-fit:contain;
}
.unified-tour-media-modal p { margin:10px 0 0; }
.unified-tour-media-modal-close {
  position:absolute;top:5px;inset-inline-end:8px;
  width:38px;height:38px;border:0;border-radius:50%;
  background:white;color:#172b2f;font-size:27px;cursor:pointer;
}
@media(max-width:700px){
 .unified-tour-media-gallery {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
 .unified-tour-media-gallery .unified-gallery-button img {height:160px!important;max-height:160px!important;}
 .unified-tour-media-gallery .gallery-visible-caption {font-size:11px!important;padding:8px!important;}
}
@media(max-width:370px){
 .unified-tour-media-gallery {grid-template-columns:1fr!important;}
 .unified-tour-media-gallery .unified-gallery-button img {height:210px!important;max-height:210px!important;}
}

/* Shared cards for related tours across Arabic and English. */
.seo-related-tours ul {
 list-style:none; padding:0; margin:22px 0;
 display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px;
}
.seo-related-tours li {min-width:0;margin:0;padding:0;list-style:none;}
.seo-related-tours .related-tour-card {
 display:flex;flex-direction:column;overflow:hidden;height:100%;
 border:1px solid #e6dfd5;border-radius:16px;background:#fff;
 box-shadow:0 6px 20px rgba(20,35,40,.06);
 text-decoration:none;color:inherit;font-weight:700;
 padding:0 0 14px;gap:12px;line-height:1.5;
 transition:transform .2s ease,box-shadow .2s ease;
}
.seo-related-tours .related-tour-card:hover {transform:translateY(-3px);box-shadow:0 10px 26px rgba(20,35,40,.13);}
.seo-related-tours .related-tour-image {
 display:block;width:100%;height:180px;object-fit:contain;aspect-ratio:16/10;
 border:0;border-radius:0;max-width:100%;
}
.seo-related-tours .related-tour-card {text-align:start;}
.seo-related-tours .related-tour-title {
 display:block;width:100%;padding:0 14px;box-sizing:border-box;
 font-size:14px;font-weight:750;line-height:1.6;
 color:#204c50;text-align:start;overflow-wrap:anywhere;
}
.seo-related-tours .related-tour-card:focus-visible {
 outline:3px solid #b17a41;outline-offset:3px;
}
.seo-related-tours .related-tour-card:not(img) {overflow-wrap:anywhere;}
@media(max-width:700px) {
 .seo-related-tours ul {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
 .seo-related-tours .related-tour-image {height:130px;}
}
@media(max-width:400px) {.seo-related-tours ul {grid-template-columns:1fr;}.seo-related-tours .related-tour-image {height:180px;}}
