/* =========================================================
   SHAHMIE TRAVEL & TOURS — V17 STABLE UI PATCH
   Targeted refinements for hero card, smart finder, contact,
   navigation controls and transparent horizontal branding.
   ========================================================= */

:root{
  --v17-maroon-950:#2b0309;
  --v17-maroon-900:#3d050d;
  --v17-maroon-800:#5b0b18;
  --v17-maroon-700:#741225;
  --v17-maroon-600:#8d1a30;
  --v17-gold-500:#d7a93d;
  --v17-gold-300:#efd487;
  --v17-cream:#fff9ef;
  --v17-paper:#fffdf8;
  --v17-ink:#2b1d20;
  --v17-muted:#76666a;
  --v17-line:#ead9c4;
  --v17-shadow:0 24px 65px rgba(54,5,14,.12);
}

/* ------------------ BRAND / HEADER ------------------ */
.site-header{background:rgba(255,252,246,.97)!important;border-bottom:1px solid rgba(30,28,29,.20)!important;box-shadow:0 10px 28px rgba(45,3,10,.06)!important}
.header-inner{min-height:82px!important;gap:22px!important}
.brand{
  width:250px!important;min-width:250px!important;height:68px!important;padding:0!important;
  display:flex!important;align-items:center!important;background:transparent!important;border:0!important;
  border-radius:0!important;box-shadow:none!important;overflow:visible!important
}
.brand img{
  width:100%!important;height:64px!important;max-width:none!important;object-fit:contain!important;
  object-position:left center!important;background:transparent!important;padding:0!important;border:0!important;
  border-radius:0!important;box-shadow:none!important;filter:none!important
}
.main-nav-clean{gap:3px!important}
.main-nav-clean a{color:#513b40!important;font-size:.88rem!important;white-space:nowrap!important;padding:11px 10px!important}
.main-nav-clean a i{color:var(--v17-gold-500)!important}
.main-nav-clean a:hover,.main-nav-clean a.active{color:var(--v17-maroon-800)!important;background:#f7eee5!important}
.header-actions .btn-outline{background:transparent!important;border-color:rgba(91,11,24,.36)!important;color:var(--v17-maroon-800)!important}

/* ------------------ HERO PACKAGE PREVIEW ------------------ */
.hero-grid{grid-template-columns:minmax(0,1fr) minmax(380px,430px)!important;gap:48px!important}
.hero-card-preview{
  max-width:430px!important;width:100%!important;margin:66px 0 86px!important;
  border-radius:28px!important;background:rgba(255,252,245,.99)!important;
  border:1px solid rgba(239,212,135,.76)!important;box-shadow:0 30px 80px rgba(24,2,7,.38)!important;
  overflow:hidden!important;transform:none!important
}
.hero-card-preview::before{display:none!important}
.hero-card-top{height:58px!important;padding:0 20px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;border-bottom:1px solid #ead9c5!important;background:#fffaf1!important}
.hero-card-label,.hero-chip{display:inline-flex!important;align-items:center!important;gap:7px!important;font-size:.76rem!important;font-weight:800!important;letter-spacing:.01em!important}
.hero-card-label{padding:7px 11px!important;border-radius:999px!important;background:#e9f7e8!important;color:#23733b!important;border:1px solid #cbe8ce!important}
.hero-card-label i{color:#ef6c3c!important}
.hero-chip{color:var(--v17-maroon-700)!important}.hero-chip i{color:var(--v17-gold-500)!important}
.hero-card-image{height:205px!important;margin:0!important;position:relative!important;background:var(--v17-maroon-900)!important;overflow:hidden!important}
.hero-card-image img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
.hero-card-image::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(36,3,9,.38));pointer-events:none}
.hero-card-duration{position:absolute;right:15px;bottom:13px;z-index:2;padding:6px 10px;border-radius:999px;background:rgba(55,4,12,.88);color:#fff;font-size:.72rem;font-weight:800;border:1px solid rgba(255,255,255,.25)}
.hero-card-body{padding:20px 22px 18px!important;background:linear-gradient(180deg,#fffdf8,#fff7ea)!important}
.hero-card-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:15px}
.hero-card-title-row>div{min-width:0}.hero-card-title-row small{display:block;color:var(--v17-gold-500)!important;font-size:.68rem!important;font-weight:900;letter-spacing:.09em;text-transform:uppercase;margin-bottom:4px}
.hero-card-title-row h3{font-size:1.24rem!important;line-height:1.24!important;margin:0!important;color:var(--v17-maroon-900)!important}
.hero-card-price{flex:none;color:var(--v17-maroon-700)!important;font-size:1.02rem!important;white-space:nowrap;padding-top:17px}
.hero-info-grid{grid-template-columns:1fr 1fr!important;gap:10px!important;margin-bottom:14px!important}
.hero-info-grid span{display:grid!important;grid-template-columns:18px 1fr!important;grid-template-rows:auto auto!important;column-gap:7px!important;align-items:start!important;padding:9px 10px!important;border:1px solid #eadfce!important;border-radius:12px!important;background:#fff!important;color:#68585c!important;font-size:.72rem!important;line-height:1.35!important;min-width:0!important;overflow-wrap:anywhere!important}
.hero-info-grid span i{grid-row:1/3;color:var(--v17-gold-500)!important;margin-top:2px}.hero-info-grid span b{font-size:.66rem;color:#8b7579;text-transform:uppercase;letter-spacing:.05em}
.hero-slot-line{display:flex;justify-content:space-between;gap:12px;color:#7c696d;font-size:.72rem;margin-bottom:7px}.hero-slot-line strong{color:var(--v17-maroon-800)}
.hero-card-body .slot-meter{height:7px!important;margin:0 0 14px!important;background:#e9dfd2!important;border-radius:999px!important}
.hero-card-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:13px;border-top:1px solid #eadfce;font-size:.74rem;font-weight:750;color:#6a575c}
.hero-card-footer i{color:var(--v17-gold-500)}.hero-card-footer a{color:var(--v17-maroon-700)!important;font-weight:900!important;white-space:nowrap}

/* ------------------ VISIBLE SLIDER NAVIGATION ------------------ */
.hero-controls{inset:0!important;transform:none!important;width:100%!important;display:block!important;pointer-events:none!important;z-index:18!important}
.hero-controls .carousel-buttons{display:contents!important}
.hero-controls .carousel-button{
  position:absolute!important;top:50%!important;transform:translateY(-50%)!important;width:auto!important;height:48px!important;
  min-width:48px!important;border-radius:16px!important;padding:0 14px!important;gap:8px!important;display:flex!important;align-items:center!important;justify-content:center!important;
  background:rgba(43,3,9,.9)!important;color:#fff!important;border:1px solid rgba(239,212,135,.70)!important;box-shadow:0 12px 30px rgba(0,0,0,.28)!important;pointer-events:auto!important
}
.hero-controls .carousel-button span{font-size:.74rem!important;font-weight:800!important}
.hero-controls [data-prev]{left:18px!important}.hero-controls [data-next]{right:18px!important}
.hero-controls .carousel-button:hover{background:var(--v17-gold-500)!important;color:var(--v17-maroon-950)!important}
.hero-controls .carousel-dots{position:absolute!important;left:50%!important;bottom:22px!important;transform:translateX(-50%)!important;pointer-events:auto!important;max-width:min(720px,70vw)!important}

.premium-package-carousel>.carousel-controls{display:flex!important;align-items:center!important;justify-content:center!important;gap:18px!important;margin-top:28px!important}
.premium-package-carousel .carousel-buttons{display:flex!important;gap:10px!important;order:2!important}
.premium-package-carousel .carousel-button{width:auto!important;min-width:126px!important;height:46px!important;border-radius:14px!important;padding:0 17px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;color:#fff!important}
.premium-package-carousel .carousel-button span{font-size:.78rem!important;font-weight:850!important}
.premium-package-carousel .carousel-dots{order:1!important;max-width:430px!important;overflow:auto!important;scrollbar-width:none!important}.premium-package-carousel .carousel-dots::-webkit-scrollbar{display:none}

/* ------------------ SMART FINDER ------------------ */
.smart-finder-shell{
  display:grid!important;grid-template-columns:minmax(380px,.78fr) minmax(0,1.22fr)!important;
  gap:0!important;padding:0!important;border-radius:32px!important;overflow:hidden!important;
  background:#fff!important;border:1px solid var(--v17-line)!important;box-shadow:var(--v17-shadow)!important
}
.smart-finder-shell::before,.smart-finder-shell::after{display:none!important}
.finder-intro-v17{
  min-height:100%!important;padding:46px 42px!important;position:relative!important;overflow:hidden!important;
  background:linear-gradient(145deg,var(--v17-maroon-950),var(--v17-maroon-700))!important;color:#fff!important
}
.finder-intro-v17::before{content:"";position:absolute;right:-120px;top:-105px;width:280px;height:280px;border-radius:50%;border:1px solid rgba(239,212,135,.24);box-shadow:0 0 0 42px rgba(239,212,135,.035)}
.finder-intro-v17::after{content:"";position:absolute;left:-90px;bottom:-120px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(215,169,61,.15),transparent 68%)}
.finder-intro-v17>*{position:relative;z-index:2}
.finder-intro-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}
.finder-intro-v17 .eyebrow{background:rgba(255,255,255,.10)!important;border-color:rgba(239,212,135,.30)!important;color:#f4d77e!important}
.finder-intro-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,#f5d678,#b77b1e);color:#3b060d;font-size:1.35rem;box-shadow:0 14px 30px rgba(0,0,0,.22)}
.finder-intro-v17 h2{font-size:clamp(2.45rem,3.6vw,3.7rem)!important;line-height:1.06!important;margin:0 0 18px!important;color:#fff!important;max-width:600px!important}
.finder-intro-v17>p{font-size:1rem!important;line-height:1.78!important;color:rgba(255,255,255,.82)!important;margin:0 0 28px!important;max-width:570px!important}
.finder-steps-v17{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:10px!important;margin:0 0 20px!important}
.finder-steps-v17 span{min-width:0!important;display:grid!important;grid-template-columns:auto 1fr!important;grid-template-rows:auto auto!important;gap:2px 8px!important;align-items:center!important;padding:12px 10px!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:15px!important;background:rgba(255,255,255,.07)!important;color:#fff!important}
.finder-steps-v17 b{grid-row:1/3;font-family:'Playfair Display',serif;font-size:1.2rem;color:#f0cc72}.finder-steps-v17 i{font-size:.8rem;color:#f0cc72}.finder-steps-v17 em{font-style:normal;font-size:.71rem;font-weight:800;white-space:nowrap}
.finder-assurance-v17{display:flex;flex-wrap:wrap;gap:8px 16px;padding-top:18px;border-top:1px solid rgba(255,255,255,.15)}
.finder-assurance-v17 span{display:inline-flex;align-items:center;gap:7px;font-size:.76rem!important;font-weight:750;color:rgba(255,255,255,.86)!important}.finder-assurance-v17 i{color:#f0cc72}
.finder-form{padding:42px!important;background:linear-gradient(180deg,#fff,#fffaf2)!important;align-self:stretch!important}
.choice-chips{gap:10px!important}.choice-chip{min-height:84px!important;border-radius:16px!important;padding:15px!important}.choice-chip.active{background:linear-gradient(145deg,#fff3d4,#f8e2ad)!important;border-color:#d5a23a!important;box-shadow:0 10px 28px rgba(187,130,24,.13)!important}
.finder-submit-row{padding-top:4px!important}.btn-finder{min-width:230px!important}

/* ------------------ CONTACT INTRO PANEL ------------------ */
.contact-v17-intro{
  padding:38px!important;border-radius:30px!important;overflow:hidden!important;position:sticky!important;top:110px!important;
  background:linear-gradient(145deg,var(--v17-maroon-950),var(--v17-maroon-700))!important;
  border:1px solid rgba(239,212,135,.26)!important;box-shadow:0 25px 65px rgba(49,4,12,.24)!important;color:#fff!important
}
.contact-v17-intro::before{content:"";position:absolute;right:-100px;top:-120px;width:260px;height:260px;border-radius:50%;border:1px solid rgba(239,212,135,.20);box-shadow:0 0 0 38px rgba(255,255,255,.025)}
.contact-v17-intro>*{position:relative;z-index:2}
.contact-v17-intro-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}
.contact-v17-intro .eyebrow{margin:0!important;background:#fff0ca!important;color:var(--v17-maroon-800)!important;border-color:#f2d17c!important}
.contact-v17-head-icon{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);color:#f2d17c;font-size:1.2rem}
.contact-v17-intro h2{font-size:clamp(2.2rem,3.2vw,3.35rem)!important;line-height:1.08!important;color:#fff!important;margin:0 0 16px!important;text-shadow:0 2px 12px rgba(0,0,0,.18)!important}
.contact-v17-intro>p{font-size:1rem!important;line-height:1.75!important;color:rgba(255,255,255,.84)!important;margin:0 0 26px!important}
.contact-v17-highlights{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important}
.contact-v17-highlights>div{display:flex!important;align-items:center!important;gap:12px!important;padding:15px!important;border-radius:17px!important;background:rgba(255,255,255,.075)!important;border:1px solid rgba(255,255,255,.15)!important;min-height:92px!important}
.contact-v17-highlight-icon{flex:0 0 42px;width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#f3d57e,#bd8629);color:#430710}
.contact-v17-highlights strong{display:block!important;color:#fff!important;font-size:.89rem!important;margin-bottom:4px!important}.contact-v17-highlights small{display:block!important;color:rgba(255,255,255,.72)!important;font-size:.72rem!important;line-height:1.4!important}
.contact-v17-response{display:flex;align-items:center;gap:12px;margin-top:18px;padding:14px 16px;border-radius:16px;background:#fff5dc;color:var(--v17-maroon-900)}
.contact-v17-response>i{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--v17-maroon-800);color:#f4d77e}.contact-v17-response strong,.contact-v17-response small{display:block}.contact-v17-response small{font-size:.72rem;color:#7c6268;margin-top:3px}
.contact-v14-form{border-radius:30px!important;padding:36px!important}.contact-v14-form .section-heading h2{color:var(--v17-maroon-900)!important}

/* ------------------ FOOTER HORIZONTAL LOGO ------------------ */
.footer-top-logo{grid-template-columns:310px 1fr!important;gap:38px!important}
.footer-logo-only{min-height:126px!important;padding:18px!important;background:rgba(255,255,255,.035)!important;border-color:rgba(239,212,135,.24)!important}
.footer-logo-only img{width:100%!important;height:auto!important;max-width:290px!important;max-height:88px!important;object-fit:contain!important;background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important;filter:drop-shadow(0 8px 20px rgba(0,0,0,.28))!important}
.sidebar-brand{min-height:112px!important;padding:20px 22px!important;background:var(--v17-maroon-950)!important}
.sidebar-brand img{width:100%!important;max-width:230px!important;height:auto!important;max-height:70px!important;object-fit:contain!important;background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important}

/* ------------------ RESPONSIVE ------------------ */
@media(max-width:1240px){
  .brand{width:215px!important;min-width:215px!important}.brand img{height:58px!important}
  .main-nav-clean a{font-size:.82rem!important;padding:10px 8px!important}
  .hero-grid{grid-template-columns:minmax(0,1fr) 380px!important;gap:30px!important}.hero-card-preview{max-width:380px!important}.hero-card-image{height:185px!important}
  .smart-finder-shell{grid-template-columns:minmax(330px,.72fr) minmax(0,1.28fr)!important}.finder-intro-v17{padding:38px 32px!important}.finder-form{padding:34px!important}
}
@media(max-width:1050px){
  .brand{width:205px!important;min-width:205px!important}.main-nav-clean a span{display:none!important}.main-nav-clean a i{display:inline-block!important;font-size:1rem!important}.main-nav-clean a{width:42px;height:42px;display:grid!important;place-items:center!important;padding:0!important}
  .smart-finder-shell{grid-template-columns:1fr!important}.finder-intro-v17{min-height:auto!important}.finder-intro-v17 h2{max-width:760px!important}.finder-steps-v17{max-width:660px!important}
  .footer-top-logo{grid-template-columns:1fr!important}.footer-logo-only{justify-content:flex-start!important}.footer-logo-only img{max-width:310px!important}
}
@media(max-width:900px){
  .hero-grid{grid-template-columns:1fr!important}.hero-card-preview{display:none!important}
  .hero-controls .carousel-button{top:auto!important;bottom:76px!important;transform:none!important}.hero-controls [data-prev]{left:20px!important}.hero-controls [data-next]{right:20px!important}
  .contact-v17-intro{position:relative!important;top:auto!important}.contact-v14-form-shell{grid-template-columns:1fr!important}
}
@media(max-width:760px){
  .header-inner{min-height:72px!important}.brand{width:200px!important;min-width:0!important;height:58px!important}.brand img{height:55px!important}.header-actions .btn{display:none!important}
  .finder-intro-v17,.finder-form{padding:28px 22px!important}.finder-intro-v17 h2{font-size:2.35rem!important}.finder-steps-v17{grid-template-columns:1fr!important}.finder-steps-v17 span{grid-template-columns:34px 22px 1fr!important;grid-template-rows:1fr!important}.finder-steps-v17 b{grid-row:auto!important}.finder-steps-v17 em{white-space:normal!important}
  .choice-chips{grid-template-columns:1fr 1fr!important}.finder-submit-row{display:grid!important;gap:12px!important}.btn-finder{width:100%!important;min-width:0!important}
  .contact-v17-intro{padding:28px 22px!important}.contact-v17-highlights{grid-template-columns:1fr!important}.contact-v14-form{padding:26px 20px!important}
  .premium-package-carousel>.carousel-controls{flex-direction:column!important}.premium-package-carousel .carousel-buttons{order:1!important}.premium-package-carousel .carousel-dots{order:2!important}
  .premium-package-carousel .carousel-button{min-width:115px!important}
}
@media(max-width:520px){
  .brand{width:174px!important}.brand img{height:49px!important}.mobile-toggle{width:44px!important;height:44px!important}
  .hero-controls .carousel-button{width:44px!important;min-width:44px!important;height:44px!important;border-radius:14px!important;padding:0!important}.hero-controls .carousel-button span{display:none!important}.hero-controls [data-prev]{left:12px!important}.hero-controls [data-next]{right:12px!important}.hero-controls .carousel-dots{max-width:65vw!important;bottom:22px!important}
  .choice-chips{grid-template-columns:1fr!important}.finder-intro-top{align-items:flex-start!important}.finder-intro-icon{width:50px;height:50px;border-radius:15px}.finder-intro-v17 h2{font-size:2.05rem!important}
  .contact-v17-intro-head{align-items:flex-start!important}.contact-v17-intro h2{font-size:2.1rem!important}.contact-v17-head-icon{width:48px;height:48px}
  .footer-logo-only{justify-content:center!important}.footer-logo-only img{max-width:260px!important}
}