/* =========================================================
   AS SALIK TRAVEL V3.6
   - Homepage representative image and compact contact data
   - Contact photo highlights and clearer quick-response icon
   - Company lightbox close visibility
   - Top-selling edge blur and plain cream carousel controls
   ========================================================= */

:root{
  --v36-wine:#74101e;
  --v36-wine-dark:#4d0711;
  --v36-cream:#fff2d8;
  --v36-cream-soft:#fff9ef;
  --v36-gold:#d7a63d;
  --v36-line:#ead6c7;
}

/* Homepage representative and tighter phone/e-mail alignment */
html body[data-page="home"] .assalik-contact-dock .hero-contact-layout-clean{
  grid-template-columns:minmax(450px,1.3fr) minmax(420px,.88fr) minmax(220px,.55fr)!important;
  gap:16px!important;
}
html body[data-page="home"] .assalik-contact-dock .hero-contact-profile img{
  width:96px!important;
  height:96px!important;
  object-fit:cover!important;
  object-position:50% 18%!important;
}
html body[data-page="home"] .assalik-contact-dock .contact-info-card{
  grid-template-columns:112px minmax(0,1fr)!important;
  gap:8px!important;
  min-height:68px!important;
  padding:12px 15px!important;
}
html body[data-page="home"] .assalik-contact-dock .contact-info-card>span{
  gap:7px!important;
}
html body[data-page="home"] .assalik-contact-dock .contact-info-value{
  justify-self:start!important;
  text-align:left!important;
}

/* Contact quick response icon */
html body[data-page="contact"] .contact-v17-response{
  align-items:center!important;
}
html body[data-page="contact"] .contact-v17-response>i{
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  border-radius:15px!important;
  display:grid!important;
  place-items:center!important;
  background:#f6d269!important;
  color:var(--v36-wine-dark)!important;
  box-shadow:inset 0 0 0 1px rgba(77,7,17,.08)!important;
  opacity:1!important;
  font-size:1.05rem!important;
}

/* Contact journey photo section */
.contact-journey-v36{
  padding-top:30px!important;
  background:linear-gradient(180deg,#fff,#fff9f1);
}
.contact-journey-head-v36{margin-bottom:24px!important}
.contact-journey-grid-v36{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(340px,.85fr);
  gap:22px;
}
.contact-journey-card-v36{
  position:relative;
  overflow:hidden;
  min-height:420px;
  border-radius:30px;
  background:#22070c;
  border:1px solid rgba(116,16,30,.12);
  box-shadow:0 24px 56px rgba(61,8,16,.14);
}
.contact-journey-card-v36:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(17,3,6,.02) 35%,rgba(42,5,11,.9) 100%);
  pointer-events:none;
}
.contact-journey-card-v36 img{
  width:100%;
  height:100%;
  min-height:420px;
  display:block;
  object-fit:cover;
  transition:transform .45s ease;
}
.contact-journey-wide-v36 img{object-position:center 42%}
.contact-journey-kaabah-v36 img{object-position:center 38%}
.contact-journey-card-v36:hover img{transform:scale(1.025)}
.contact-journey-card-v36>div{
  position:absolute;
  z-index:2;
  left:28px;
  right:28px;
  bottom:26px;
  color:#fff;
}
.contact-journey-card-v36 span{
  display:inline-flex;
  padding:7px 11px;
  border-radius:999px;
  background:var(--v36-cream);
  color:var(--v36-wine-dark);
  font-size:.75rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.contact-journey-card-v36 h3{
  color:#fff!important;
  margin:12px 0 6px;
  font-size:clamp(1.35rem,2vw,2rem);
}
.contact-journey-card-v36 p{
  color:rgba(255,255,255,.84)!important;
  margin:0;
  max-width:650px;
  line-height:1.6;
}

/* Company lightbox close button: visible on every image */
.pdo-lightbox [data-lightbox-close]{
  z-index:20!important;
  display:grid!important;
  place-items:center!important;
  width:52px!important;
  height:52px!important;
  top:22px!important;
  right:22px!important;
  padding:0!important;
  border:2px solid rgba(116,16,30,.18)!important;
  background:#fff!important;
  color:var(--v36-wine-dark)!important;
  box-shadow:0 14px 36px rgba(0,0,0,.28)!important;
  cursor:pointer!important;
}
.pdo-lightbox [data-lightbox-close] span{
  color:var(--v36-wine-dark)!important;
  font:500 2rem/1 Arial,sans-serif!important;
  transform:translateY(-1px);
}
.pdo-lightbox [data-lightbox-close]:hover{
  background:var(--v36-cream)!important;
  color:var(--v36-wine-dark)!important;
}

/* Top-selling carousel controls (V3.7 replaces the clipped-card blur with a clean card rail). */
/* Gallery note made concise */
.package-gallery-note-v35{
  padding:11px 13px;
  border-radius:12px;
  background:#fff3dd;
  color:#67471e!important;
}

@media(max-width:1180px){
  html body[data-page="home"] .assalik-contact-dock .hero-contact-layout-clean{grid-template-columns:1fr 1fr!important}
  .contact-journey-grid-v36{grid-template-columns:1fr 1fr}
}
@media(max-width:900px){
  html body[data-page="home"] .assalik-contact-dock .hero-contact-layout-clean{grid-template-columns:1fr!important}
  .contact-journey-grid-v36{grid-template-columns:1fr}
  .contact-journey-card-v36,.contact-journey-card-v36 img{min-height:360px}
  .package-showcase-section .premium-package-carousel:before,
  .package-showcase-section .premium-package-carousel:after{width:32px}
}
@media(max-width:680px){
  html body[data-page="home"] .assalik-contact-dock .contact-info-card{grid-template-columns:1fr!important;gap:5px!important}
  .contact-journey-v36{padding-top:16px!important}
  .contact-journey-card-v36,.contact-journey-card-v36 img{min-height:310px}
  .contact-journey-card-v36>div{left:20px;right:20px;bottom:20px}
  .package-showcase-section .premium-package-carousel:before,
  .package-showcase-section .premium-package-carousel:after{display:none}
}