@import url('https://fonts.googleapis.com/css2?family=Marcellus&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

#hisar-umrah{
  /* ===== HISAR MARKA PALETI — hisar-theme.css / anasayfa / Hajj 2027 ile ayni =====
     Degisken ISIMLERI bilerek korundu (tum sayfa bunlari kullaniyor);
     sadece DEGERLER marka mavisi + altin olacak sekilde guncellendi.
     Kaynak: --ht-ink #071A33 · --ht-navy-light #1B4A78 · --ht-gold #C9A24B     */
  --ink:#2A241D; --ink-soft:#5A5348; --card:#fff;
  --line:#E4DCCC;
  --navy:#1B4A78; --navy-dk:#071A33; --navy-mid:#0B2A4D; --navy-deep:#04101F; --navy-bg:#EAF0F8;
  /* eski turkuaz slot'u artik MARKA MAVISI (acik zeminlerde aksan rengi) */
  --turq:#1B4A78; --turq-dk:#123A61; --turq-bg:#EAF1F9; --turq-line:#CBDAEA;
  --gold:#C9A24B; --gold-soft:#E4C87A; --gold-ink:#7E5F18;
  --sand:#F1E8D6; --ivory:#FBF6EC;
  --urgent:#A32424; --radius:18px;
  --hl-fast:#E4572E; --hl-cheapest:#149A55; --hl-deal:#DD8A1C; --hl-high:#8659B5;
  font-family:'Plus Jakarta Sans',system-ui,sans-serif !important;
  color:var(--ink); line-height:1.5;
  -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:100%;
}
#hisar-umrah *,#hisar-umrah *::before,#hisar-umrah *::after{ box-sizing:border-box !important; -webkit-tap-highlight-color:transparent; }
#hisar-umrah h2,#hisar-umrah h3,#hisar-umrah h4,#hisar-umrah p{ margin:0 !important; padding:0; }
#hisar-umrah a{ color:inherit; box-shadow:none !important; }
#hisar-umrah img{ max-width:100%; display:block; border:0; }
#hisar-umrah button{ text-transform:none; letter-spacing:normal; background-image:none; }

/* ---------- Dil secici ---------- */
#hisar-umrah .hh-lang{ display:flex; align-items:center; gap:4px; }
#hisar-umrah .hh-lang .globe{ font-size:13px; line-height:1; }
#hisar-umrah .hh-lang select{
  font:inherit; font-size:12.5px !important; font-weight:700; color:var(--ink) !important;
  border:1px solid var(--line) !important; border-radius:8px !important; background:#fff !important;
  padding:5px 20px 5px 8px !important; min-height:32px; max-width:104px; cursor:pointer;
  -webkit-appearance:none; appearance:none;
  background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7' viewBox='0 0 10 7'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%235C6B7E' stroke-width='1.8' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important; background-position:right 7px center !important;
}
@media(max-width:759px){
  #hisar-umrah .hh-lang .globe{ display:none; }
  #hisar-umrah .hh-lang select{ max-width:82px; font-size:12px !important; padding:4px 18px 4px 7px !important; min-height:30px; }
}

/* ---------- Hero icindeki Hisar Tour logosu ---------- */
#hisar-umrah .hero-brand{ display:inline-flex; align-items:center; justify-content:center; padding:8px 14px; margin-bottom:16px; border-radius:12px; background:rgba(4,16,31,.22); border:1px solid rgba(255,255,255,.22); text-decoration:none !important; transition:background .18s ease,transform .18s ease; animation:hisarHeroIn .7s .02s ease both; }
#hisar-umrah .hero-brand:hover{ background:rgba(4,16,31,.34); transform:translateY(-1px); }
#hisar-umrah .hero-brand:focus-visible{ outline:3px solid rgba(255,255,255,.75); outline-offset:3px; }
#hisar-umrah .hero-brand img{ width:auto; height:31px; max-width:165px; object-fit:contain; filter:drop-shadow(0 2px 5px rgba(0,0,0,.32)); }
@media(max-width:540px){ #hisar-umrah .hero-brand{ padding:6px 11px; margin-bottom:13px; } #hisar-umrah .hero-brand img{ height:26px; max-width:140px; } }

/* ---------- Hero (karsilama / "lobi") ---------- */
/* ---------- Ustbar ---------- */
#hisar-umrah .hisar-topbar{ background:#04101F; color:#EAF2F7; font-size:12.5px; }
#hisar-umrah .htb-in{ max-width:1180px; margin:0 auto; padding:7px 20px; display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap; }
#hisar-umrah .htb-contact{ display:flex; gap:18px; flex-wrap:wrap; }
#hisar-umrah .htb-contact a{ color:#E4C87A !important; text-decoration:none !important; font-weight:700; }
#hisar-umrah .htb-note{ color:rgba(234,242,247,.85); font-weight:600; }
#hisar-umrah .htb-note b{ color:#E4C87A; }
@media(max-width:620px){ #hisar-umrah .htb-note{ display:none; } }

/* ---------- Sticky header ---------- */
#hisar-umrah .hisar-head{ position:sticky; top:0; z-index:90; background:rgba(255,255,255,.9); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); border-bottom:1px solid transparent; transition:box-shadow .3s, border-color .3s; }
#hisar-umrah .hisar-head.scrolled{ box-shadow:0 12px 30px -22px rgba(4,16,31,.55); border-color:var(--line); }
#hisar-umrah .hh-in{ max-width:1180px; margin:0 auto; padding:10px 20px; display:flex; align-items:center; justify-content:space-between; gap:14px; }
#hisar-umrah .hh-brand{ flex:0 0 auto; min-width:max-content; display:block; line-height:0; }
#hisar-umrah .hh-brand img{ width:auto !important; height:auto !important; max-height:46px !important; max-width:200px !important; min-width:0;
  display:block; object-fit:contain; object-position:left center; aspect-ratio:auto; flex-shrink:0; }
#hisar-umrah .hh-links{ display:flex; gap:22px; align-items:center; margin-left:auto; }
#hisar-umrah .hh-links .hh-lang{ margin-left:6px; }
#hisar-umrah .hh-links a{ font-weight:700; font-size:14px; color:var(--ink) !important; text-decoration:none !important; position:relative; padding:4px 0; }
#hisar-umrah .hh-links a::after{ content:''; position:absolute; left:0; bottom:0; height:2px; width:0; background:var(--gold); transition:width .25s ease; }
#hisar-umrah .hh-links a:hover::after{ width:100%; }
#hisar-umrah .hh-right{ display:flex; align-items:center; gap:10px; }
#hisar-umrah .hh-book{ display:inline-flex; align-items:center; justify-content:center; background:linear-gradient(135deg,#E4C87A,#C9A24B 55%,#A8823D); color:#071A33 !important; font-weight:800; font-size:13.5px; line-height:1; padding:11px 18px; border-radius:999px; text-decoration:none !important; box-shadow:0 10px 22px -12px rgba(201,162,75,.9); transition:transform .2s, filter .2s; white-space:nowrap; -webkit-background-clip:border-box !important; background-clip:border-box !important; -webkit-text-fill-color:#071A33 !important; }
#hisar-umrah .hh-book:hover{ transform:translateY(-2px); filter:brightness(1.04); }
#hisar-umrah .hh-burger{ display:none; background:none; border:0; cursor:pointer; padding:6px; }
#hisar-umrah .hh-burger span{ display:block; width:23px; height:2px; background:var(--navy-dk); margin:5px 0; border-radius:2px; }
@media(max-width:680px){
  /* WP anasayfa tarzi: buyuk temiz logo + sadece hamburger */
  #hisar-umrah .hh-links{ display:none; }
  #hisar-umrah .hh-links.open{ display:flex; position:absolute; top:100%; left:0; right:0; flex-direction:column; align-items:stretch; background:#fff; padding:18px 20px 20px; gap:15px; border-bottom:1px solid var(--line); box-shadow:0 18px 30px -20px rgba(4,16,31,.4); }
  #hisar-umrah .hh-links.open a:not(.hh-book){ font-size:15px; padding:2px 0; }
  /* Acilir menude dil secici: tam satir */
  #hisar-umrah .hh-links.open .hh-lang{ margin:4px 0 0; width:100%; }
  #hisar-umrah .hh-links.open .hh-lang select{ flex:1; width:100%; max-width:none; min-height:42px; font-size:14px !important; padding:9px 30px 9px 12px !important; }
  /* Acilir menude Book Umrah: tam genis altin buton */
  #hisar-umrah .hh-links.open .hh-book{ display:block; text-align:center; width:100%; padding:13px; font-size:14.5px; border-radius:12px; }
  #hisar-umrah .hh-burger{ display:block; padding:8px 4px; }
  #hisar-umrah .hh-in{ padding:10px 16px; gap:10px; }
  #hisar-umrah .hh-brand img{ max-height:44px !important; max-width:216px !important; }
}
@media(max-width:380px){
  #hisar-umrah .hh-in{ padding:9px 12px; }
  #hisar-umrah .hh-brand img{ max-height:38px !important; max-width:184px !important; }
}

/* ---------- HERO v2: tam genislik bant, iki kolon ---------- */
#hisar-umrah .hero{ position:relative; margin:0 0 6px; padding:0; background:radial-gradient(130% 120% at 50% -20%, #1B4A78, #04101F 58%); overflow:hidden; isolation:isolate; }
#hisar-umrah .hero-grain{ position:absolute; inset:0; width:100%; height:100%; opacity:.5; z-index:0; pointer-events:none; }
#hisar-umrah .hero::after{ content:''; position:absolute; inset:0; z-index:1; pointer-events:none;
  background:radial-gradient(75% 100% at 22% 50%, rgba(4,16,31,.62) 0%, rgba(4,16,31,.30) 45%, rgba(4,16,31,0) 75%); }
@media(max-width:900px){ #hisar-umrah .hero::after{ background:linear-gradient(180deg, rgba(4,16,31,.55), rgba(4,16,31,.35) 70%, rgba(4,16,31,0)); } }
#hisar-umrah .hero-inner{ position:relative; z-index:2; max-width:1180px; margin:0 auto; padding:clamp(34px,6vw,60px) 20px clamp(38px,6vw,66px); display:grid; grid-template-columns:1.06fr .94fr; gap:36px; align-items:center; }
#hisar-umrah .hero-copy{ text-align:left; color:#fff; }
#hisar-umrah .hero-copy h1{ font-family:'Marcellus',serif !important; font-weight:400 !important; font-size:clamp(30px,4.8vw,50px) !important; line-height:1.1 !important; color:#fff !important; margin:14px 0 12px !important; max-width:16ch; text-wrap:balance; animation:hisarHeroIn .7s .25s ease both; }
#hisar-umrah .hero-copy h1 em{ font-style:normal; background:linear-gradient(100deg,#C9A24B 20%,#F7E7B2 50%,#C9A24B 80%); background-size:200% auto; -webkit-background-clip:text; background-clip:text; color:transparent; animation:hisarShimmer 6s linear infinite; }
@keyframes hisarShimmer{ to{ background-position:200% center; } }
#hisar-umrah .hero-lede{ font-size:15px; font-weight:600; color:rgba(232,242,241,.88); max-width:46ch; line-height:1.6; margin:0 0 20px !important; animation:hisarHeroIn .7s .40s ease both; }
#hisar-umrah .hero-actions{ display:flex; gap:11px; flex-wrap:wrap; animation:hisarHeroIn .7s .55s ease both; }
#hisar-umrah .hero-actions .hero-cta{ margin-top:0; background:linear-gradient(135deg,#E4C87A,#C9A24B 55%,#A8823D) !important; color:#071A33 !important; box-shadow:0 14px 30px -14px rgba(201,162,75,.95); animation:none; transition:transform .2s, filter .2s; }
#hisar-umrah .hero-actions .hero-cta:hover{ transform:translateY(-2px); filter:brightness(1.05); background:linear-gradient(135deg,#E4C87A,#C9A24B 55%,#A8823D) !important; }
#hisar-umrah .hero-ghost{ display:inline-flex; align-items:center; gap:7px; padding:12px 22px; border-radius:999px; border:1.5px solid var(--turq); color:#E4C87A !important; font-weight:800; font-size:14.5px; text-decoration:none !important; transition:background .2s, transform .2s; }
#hisar-umrah .hero-ghost:hover{ background:rgba(27,74,120,.14); transform:translateY(-2px); }
#hisar-umrah .hero-stats{ display:flex; gap:28px; flex-wrap:wrap; margin-top:26px; animation:hisarHeroIn .7s .70s ease both; }
#hisar-umrah .hero-stats b{ display:block; font-family:'Marcellus',serif; font-weight:400; font-size:27px; color:#E4C87A; line-height:1; }
#hisar-umrah .hero-stats span{ display:block; margin-top:5px; font-size:11.5px; font-weight:600; color:rgba(234,242,247,.72); max-width:24ch; line-height:1.4; }
#hisar-umrah .hero-network{ margin-top:16px !important; max-width:60ch; font-size:12.5px; font-weight:600; line-height:1.55; color:rgba(234,242,247,.66); animation:hisarHeroIn .7s .80s ease both; }
#hisar-umrah .hero-network b{ color:#E4C87A; font-weight:800; }
@media(max-width:680px){ #hisar-umrah .hero-network{ font-size:12px; margin-top:13px !important; } }
#hisar-umrah .hero-media{ position:relative; aspect-ratio:9/10.4; min-height:340px;
  /* Feather v2: dort kenardan belirgin tuylenme (yatay+dikey gradient kesisimi) */
  -webkit-mask-image:linear-gradient(90deg, transparent 0%, #000 10%, #000 90%, transparent 100%),
                     linear-gradient(180deg, transparent 0%, #000 10%, #000 90%, transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(90deg, transparent 0%, #000 10%, #000 90%, transparent 100%),
             linear-gradient(180deg, transparent 0%, #000 10%, #000 90%, transparent 100%);
  mask-composite:intersect;
  animation:hisarHeroIn .9s .35s ease both; }
#hisar-umrah .hero-media .hero-video{ transform:scale(1.05); }
#hisar-umrah .hero-media .hero-video, #hisar-umrah .hero-media .hero-yt{ position:absolute; inset:0; width:100%; height:100%; }
#hisar-umrah .hero-media .hero-video{ object-fit:cover; }
#hisar-umrah .hero-media-glow{ position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(85% 85% at 52% 46%, transparent 48%, rgba(4,16,31,.55) 92%); }
@media(max-width:980px){
  #hisar-umrah .hero-inner{ grid-template-columns:1fr; gap:22px; padding-top:30px; }
  #hisar-umrah .hero-copy h1{ max-width:none; }
  #hisar-umrah .hero-media{ aspect-ratio:16/10.5; min-height:230px;
    -webkit-mask-image:linear-gradient(90deg, transparent 0%, #000 10%, #000 90%, transparent 100%),
                       linear-gradient(180deg, transparent 0%, #000 10%, #000 90%, transparent 100%);
    -webkit-mask-composite:source-in;
    mask-image:linear-gradient(90deg, transparent 0%, #000 10%, #000 90%, transparent 100%),
               linear-gradient(180deg, transparent 0%, #000 10%, #000 90%, transparent 100%);
    mask-composite:intersect; }
  #hisar-umrah .hero-stats{ gap:20px; }
}
#hisar-umrah .hero-card{ position:relative; border-radius:22px; overflow:hidden; color:#fff; text-align:center; padding:44px 22px 44px; min-height:440px; display:flex; flex-direction:column; justify-content:center; align-items:center; background-size:cover; background-position:center 65%; }
@media(max-width:760px){ #hisar-umrah .hero-card{ padding-top:40px; min-height:480px; } }
#hisar-umrah .hero-video{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0; }
#hisar-umrah .hero-yt{ position:absolute; inset:0; overflow:hidden; z-index:0; }
#hisar-umrah .hero-yt iframe{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); height:120%; min-height:120%; aspect-ratio:16/9; min-width:100%; border:0; pointer-events:none; }
#hisar-umrah .hero-card h1{ text-wrap:balance; }
#hisar-umrah .hero-shade{ position:absolute; inset:0; z-index:1; background:linear-gradient(168deg, rgba(16,35,84,.82) 0%, rgba(7,26,51,.52) 50%, rgba(7,26,51,.30) 100%); }
#hisar-umrah .hero-card > *:not(.hero-video):not(.hero-shade){ position:relative; z-index:2; }
/* Sinematik giris animasyonu */
@keyframes hisarHeroIn{ from{ opacity:0; transform:translateY(16px); } to{ opacity:1; transform:translateY(0); } }
#hisar-umrah .hero-eyebrow{ animation:hisarHeroIn .7s .10s ease both; }
#hisar-umrah .hero-card h1{ animation:hisarHeroIn .7s .25s ease both; }
#hisar-umrah .hero-sub{ animation:hisarHeroIn .7s .40s ease both; }
#hisar-umrah .hero-pills{ animation:hisarHeroIn .7s .55s ease both; }
#hisar-umrah .hero-cta{ animation:hisarHeroIn .7s .70s ease both; }
#hisar-umrah .hero-eyebrow{ display:inline-block; background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.28); color:#E9E2D5; font-size:11px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; padding:6px 14px; border-radius:999px; }
#hisar-umrah .hero-card h1{ font-family:'Marcellus',serif !important; font-weight:400 !important; font-size:clamp(29px,6vw,46px) !important; line-height:1.12 !important; margin:14px auto 10px !important; max-width:19ch; color:#fff !important; }
#hisar-umrah .hero-card h1 em{ font-style:normal; color:#E4C87A; }
#hisar-umrah .hero-sub{ font-size:14.5px; font-weight:600; color:#E8F2F1; max-width:56ch; margin:0 auto !important; line-height:1.55; }
#hisar-umrah .hero-pills{ display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin-top:16px; }
#hisar-umrah .hero-pills span{ background:rgba(255,255,255,.13); border:1px solid rgba(255,255,255,.25); color:#fff; font-size:12.5px; font-weight:700; padding:7px 13px; border-radius:999px; }
#hisar-umrah .hero-cta{ display:inline-flex; align-items:center; gap:7px; margin-top:18px; background:var(--turq) !important; color:#fff !important; border:0 !important; cursor:pointer; font:inherit; font-weight:800; font-size:15px !important; padding:13px 26px !important; border-radius:999px !important; transition:background .15s; }
#hisar-umrah .hero-cta:hover{ background:var(--turq-dk) !important; }

/* ---------- "Her pakette dahil" ana karti ---------- */
#hisar-umrah .inc{ max-width:1180px; margin:16px auto 4px; padding:0 20px; }
#hisar-umrah .inc-card{ background:#fff; border:1px solid var(--line); border-radius:18px; overflow:hidden; }
#hisar-umrah .inc-head{ padding:18px 20px 10px; text-align:center; }
#hisar-umrah .inc-head h2{ font-family:'Marcellus',serif !important; font-weight:400 !important; font-size:23px !important; color:var(--navy-dk) !important; }
#hisar-umrah .inc-head p{ font-size:13.5px; color:var(--ink-soft); font-weight:600; margin-top:4px !important; max-width:62ch; margin-left:auto !important; margin-right:auto !important; }
#hisar-umrah .inc-cols{ display:grid; grid-template-columns:1fr; }
@media(min-width:760px){ #hisar-umrah .inc-cols{ grid-template-columns:1fr 1fr; } }
#hisar-umrah .inc-col{ padding:8px 20px 18px; }
#hisar-umrah .inc-col.extras{ background:linear-gradient(180deg,#FBFAF6,#F7F4EC); position:relative; }
@media(min-width:760px){ #hisar-umrah .inc-col.extras{ border-left:1px solid #ECE2C8; } }
#hisar-umrah .inc-col.extras::before{ content:''; position:absolute; top:0; left:0; right:0; height:3px; background:linear-gradient(90deg,#C9A24B,#A8823D); }
#hisar-umrah .inc-col h4{ font-size:11px; font-weight:800; letter-spacing:.11em; text-transform:uppercase; color:var(--ink-soft); padding:12px 0 6px; display:flex; align-items:center; gap:7px; }
#hisar-umrah .inc-col h4::before{ content:''; width:16px; height:2px; border-radius:2px; background:var(--ink-soft); }
#hisar-umrah .inc-col.extras h4{ color:#7E5F18; font-size:12px; }
#hisar-umrah .inc-col.extras h4::before{ background:var(--gold); width:22px; height:3px; }
#hisar-umrah .inc-note{ font-size:12px; font-weight:600; color:#7E5F18; padding:0 0 4px; line-height:1.45; }
#hisar-umrah .inc-total{ margin-top:12px; background:linear-gradient(135deg,#fff,#FBF6EA); border:1.5px solid #DFC98F; border-radius:12px; padding:12px; text-align:center; font-size:13.5px; font-weight:800; color:#6B5014; box-shadow:0 2px 10px rgba(184,137,58,.12); }
#hisar-umrah .inc-item{ display:flex; gap:13px; padding:11px 0; align-items:flex-start; border-bottom:1px solid rgba(27,74,120,.07); }
#hisar-umrah .inc-item:last-child{ border-bottom:0; }
#hisar-umrah .inc-item{ --accent:var(--turq); }
#hisar-umrah .inc-item .em{ flex:0 0 auto; width:44px; height:44px; border-radius:13px; background:linear-gradient(150deg,#EAF0F8,#DBE5F1); display:grid; place-items:center; color:var(--navy-dk); box-shadow:inset 0 0 0 1px rgba(27,74,120,.08), 0 2px 6px rgba(27,74,120,.08); transition:transform .18s ease; }
#hisar-umrah .inc-item .em svg{ width:24px; height:24px; }
/* Hisar Advantage sutunu: altin accent + fildisi/altin kutu -> prestij */
#hisar-umrah .inc-col.extras .inc-item{ --accent:var(--gold); }
#hisar-umrah .inc-col.extras .inc-item .em{ background:linear-gradient(150deg,#FFFDF8,#F6EEDC); color:var(--navy-dk); box-shadow:inset 0 0 0 1px #DFC98F, 0 2px 8px rgba(201,162,75,.18); }
@media(hover:hover){ #hisar-umrah .inc-item:hover .em{ transform:translateY(-2px) scale(1.04); } }
#hisar-umrah .inc-body-txt{ flex:1; min-width:0; }
#hisar-umrah .inc-item b{ display:block; font-size:14.5px; font-weight:800; letter-spacing:-.01em; color:var(--ink); }
#hisar-umrah .inc-item span{ display:block; font-size:12.5px; color:var(--ink-soft); font-weight:500; line-height:1.5; margin-top:2px; }
#hisar-umrah .inc-flag{ display:inline-block; vertical-align:1px; margin-left:7px; background:linear-gradient(135deg,#C9A24B,#A8823D); color:#fff; font-size:9.5px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; padding:2px 8px; border-radius:999px; box-shadow:0 1px 3px rgba(184,137,58,.35); }
#hisar-umrah .inc-item a.watch{ display:inline-flex; align-items:center; gap:4px; vertical-align:1px; margin-left:4px; background:#FF0000 !important; color:#fff !important; font-size:10.5px; font-weight:800; letter-spacing:.03em; padding:2.5px 9px 2.5px 7px !important; border-radius:999px !important; text-decoration:none !important; white-space:nowrap; }
#hisar-umrah .inc-item a.watch:hover{ background:#CC0000 !important; }
#hisar-umrah .inc-item a.watch svg{ width:10px; height:10px; }
#hisar-umrah .inc-toggle{ display:none; width:100%; font:inherit; font-size:13.5px !important; font-weight:800; color:var(--navy) !important; background:var(--navy-bg) !important; border:0 !important; padding:13px !important; cursor:pointer; }
@media(max-width:759px){
  #hisar-umrah .inc-body.collapsed{ display:none; }
  #hisar-umrah .inc-toggle{ display:block; }
}

/* ---------- Filtre cubugu ---------- */
#hisar-umrah .filter-bar{
  max-width:1180px; margin:14px auto 4px; padding:10px 12px;
  display:flex; flex-wrap:wrap; gap:8px; align-items:center; justify-content:center;
  background:#fff; border:1px solid var(--line); border-radius:14px;
  box-shadow:0 1px 3px rgba(27,74,120,.04);
}
/* Etiket artik select'in ustunde minik degil - select'in solunda ince ikon
   mantigi yerine, label'i gorsel olarak gizleyip select'i kendi basina
   birakiyoruz (ilk option zaten "All months" gibi aciklayici). */
#hisar-umrah .fgroup{ display:flex; align-items:center; }
#hisar-umrah .fgroup label{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }
#hisar-umrah .fselect{
  font:inherit; font-size:13.5px !important; font-weight:700; color:var(--ink) !important;
  padding:8px 30px 8px 13px !important; min-height:38px;
  border:1.5px solid var(--line) !important; border-radius:10px !important;
  background:#FBFCFE !important; cursor:pointer;
  -webkit-appearance:none; appearance:none;
  background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%235C6B7E' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important; background-position:right 11px center !important;
  transition:border-color .15s, box-shadow .15s;
}
#hisar-umrah .fselect:focus{ outline:none; border-color:var(--turq) !important; box-shadow:0 0 0 3px rgba(27,74,120,.22); }
#hisar-umrah .chip{ font:inherit; font-size:13px !important; font-weight:700; padding:8px 14px !important; min-height:38px; border-radius:10px !important; cursor:pointer; background:#fff !important; border:1.5px solid var(--line) !important; color:var(--ink) !important; transition:background .15s,border-color .15s,color .15s; }
#hisar-umrah .fbar-sep{ width:1px; height:24px; background:var(--line); margin:0 2px; }
@media(max-width:759px){ #hisar-umrah .fbar-sep{ display:none; } }
#hisar-umrah .chip:hover{ border-color:var(--turq) !important; }
#hisar-umrah .chip[aria-pressed="true"]{ background:var(--navy) !important; border-color:var(--navy) !important; color:#fff !important; }
#hisar-umrah .chip:focus-visible{ outline:3px solid rgba(27,74,120,.45); outline-offset:2px; }
#hisar-umrah .fclear{ font:inherit; font-size:12.5px !important; font-weight:700; color:var(--turq-dk) !important; background:none !important; border:0 !important; cursor:pointer; text-decoration:underline; text-underline-offset:3px; padding:6px 4px !important; }
/* Mobil filtre duzeni: taban kurallardan SONRA gelmeli ki gecerli olsun */
@media(max-width:759px){
  #hisar-umrah .filter-bar{ margin-left:16px; margin-right:16px; gap:8px; }
  #hisar-umrah .fgroup{ flex:1 1 calc(50% - 4px); }
  #hisar-umrah .fselect{ width:100%; }
  #hisar-umrah .chip{ flex:1 1 calc(50% - 4px); text-align:center; justify-content:center; }
  #hisar-umrah .fclear{ flex:1 1 100%; text-align:center; padding:8px !important; }
}
#hisar-umrah .count{ max-width:1180px; margin:8px auto 0 !important; padding:0 20px; text-align:center; font-size:12.5px; font-weight:700; color:var(--ink-soft); }
#hisar-umrah .no-results{ max-width:1180px; margin:24px auto !important; padding:0 20px; color:var(--ink-soft); font-size:15px; display:none; text-align:center; }

/* ---------- Grid: masaustunde 2 sutun ---------- */
#hisar-umrah .grid{ max-width:1180px; margin:14px auto 24px; padding:0 20px; display:grid; gap:20px; grid-template-columns:1fr; }
@media(min-width:760px){ #hisar-umrah .grid{ grid-template-columns:repeat(2,1fr);} }

/* ---------- Kart ---------- */
#hisar-umrah .pkg{ background:var(--card); border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; display:flex; flex-direction:column; box-shadow:0 1px 2px rgba(27,74,120,.06); transition:transform .18s ease, box-shadow .18s ease; }
@media(hover:hover){ #hisar-umrah .pkg:hover{ transform:translateY(-3px); box-shadow:0 16px 30px -18px rgba(27,74,120,.38); } }
#hisar-umrah .pkg.hidden{ display:none; }
#hisar-umrah .pkg-visual{ position:relative; min-height:172px; padding:16px; display:flex; flex-direction:column; justify-content:space-between; color:#fff; background: radial-gradient(120% 90% at 85% 0%, rgba(27,74,120,.55), transparent 55%), linear-gradient(160deg, var(--navy) 0%, var(--navy-dk) 100%); background-size:cover; background-position:center; }
/* --- Temiz kart rozet sistemi: en fazla 2 pill ust satirda --- */
#hisar-umrah .toppills{ display:flex; align-items:center; gap:7px; flex-wrap:wrap; padding-right:96px; }
/* Kategori: dolu, net, TEK vurgu rozeti */
#hisar-umrah .tierpill{ display:inline-flex; align-items:center; gap:6px; color:#fff; font-size:11px; font-weight:800; letter-spacing:.07em; text-transform:uppercase; padding:5px 11px 5px 9px; border-radius:8px; }
#hisar-umrah .tierpill::before{ content:''; width:6px; height:6px; border-radius:50%; background:currentColor; opacity:.9; }
#hisar-umrah .tier-standard{ background:#3E9B6E; }
#hisar-umrah .tier-comfort{ background:#8A94A6; }
#hisar-umrah .tier-premium{ background:linear-gradient(135deg,#C9A24B,#7E5F18); }
#hisar-umrah .tier-luxury{ background:#17171C; color:#E4C87A; box-shadow:inset 0 0 0 1px #C9A24B; }
/* Season: ince, cam efektli, sade */
#hisar-umrah .season{ background:rgba(255,255,255,.16); color:#fff; font-size:11px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; padding:5px 11px; border-radius:8px; backdrop-filter:blur(4px); border:1px solid rgba(255,255,255,.22); }
/* Route + dil: gorsel alt kismina inen kucuk, sakin meta satiri */
#hisar-umrah .cardmeta{ display:flex; align-items:center; gap:7px; flex-wrap:wrap; margin-top:10px; row-gap:5px; }
#hisar-umrah .cardmeta .cm.imam{ color:#E4C87A; }
#hisar-umrah .cardmeta .cm{ display:inline-flex; align-items:center; gap:5px; font-size:11.5px; font-weight:700; color:#E9E2D5; }
#hisar-umrah .cardmeta .cm.route::before{ content:''; width:5px; height:5px; border-radius:50%; background:var(--turq); }
#hisar-umrah .cardmeta .sep{ width:1px; height:12px; background:rgba(255,255,255,.25); }
/* eski isim uyumu (kullanilmiyor ama guvenli) */
#hisar-umrah .routepill,#hisar-umrah .langpill{ display:none; }
/* Indirim seridi */
#hisar-umrah .dealbar{ background:linear-gradient(90deg,#E4572E,#C9411F); color:#fff; text-align:center; font-size:12.5px; font-weight:800; letter-spacing:.03em; padding:8px 12px; }
#hisar-umrah .price .amt s{ display:block; font-size:12px; font-weight:700; color:#9AA8B6; text-decoration:line-through; }
/* Sold out */
#hisar-umrah .pkg.soldout{ filter:grayscale(1); opacity:.85; }
#hisar-umrah .pkg.soldout:hover{ transform:none; box-shadow:0 1px 2px rgba(27,74,120,.06); }
#hisar-umrah .soldflag{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) rotate(-8deg); background:#B4452F; color:#fff; font-size:15px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; padding:9px 24px; border-radius:10px; box-shadow:0 6px 18px rgba(0,0,0,.35); z-index:2; }
#hisar-umrah .cta.cta-sold{ background:#8A94A3 !important; }
#hisar-umrah .cta.cta-sold:hover{ background:#76818F !important; }
#hisar-umrah .hl{ position:absolute; top:12px; right:12px; color:#fff; font-size:10.5px; font-weight:800; letter-spacing:.07em; text-transform:uppercase; padding:5px 11px; border-radius:999px; box-shadow:0 3px 10px rgba(0,0,0,.25); }
#hisar-umrah .hl-fast{ background:var(--hl-fast); animation:hisarPulse 1.6s ease-in-out infinite; }
#hisar-umrah .hl-cheapest{ background:var(--hl-cheapest); }
#hisar-umrah .hl-deal{ background:var(--hl-deal); }
#hisar-umrah .hl-high{ background:var(--hl-high); }
@keyframes hisarPulse{ 0%,100%{ transform:scale(1);} 50%{ transform:scale(1.06);} }
#hisar-umrah .pkg-visual h3{ font-family:'Marcellus',serif !important; font-weight:400 !important; font-size:24px !important; line-height:1.15 !important; margin:14px 0 2px !important; color:#fff !important; }
#hisar-umrah .pkg-visual .dates{ font-size:13.5px; font-weight:600; color:#E9E2D5; }
#hisar-umrah .pkg-visual .hook{ font-size:13px; font-weight:600; color:#fff; opacity:.95; margin-top:6px !important; font-style:italic; }
#hisar-umrah .labels{ display:flex; flex-wrap:wrap; gap:6px; padding:12px 16px 0; }
#hisar-umrah .labels span{ font-size:12px; font-weight:700; padding:4px 10px; border-radius:999px; background:var(--navy-bg); color:var(--navy-dk); border:1px solid #CBDAEA; }
#hisar-umrah .facts{ padding:12px 16px 4px; display:flex; flex-direction:column; }
#hisar-umrah .fact{ display:flex; gap:10px; align-items:flex-start; padding:10px 0; border-bottom:1px solid var(--line); }
#hisar-umrah .fact:last-child{ border-bottom:0; }
#hisar-umrah .fact .ic{ flex:0 0 auto; width:20px; height:20px; color:var(--navy); margin-top:2px; }
/* Havayolu / otel logolari: koyu zeminli kabuk beyaz logolari gorunur tutar */
#hisar-umrah .brand-logo{ flex:0 0 auto; width:54px; height:38px; margin-top:0; padding:6px; display:flex; align-items:center; justify-content:center; overflow:hidden; border:1px solid var(--line); border-radius:10px; background:linear-gradient(145deg,#fff,#EDF2F8); box-shadow:0 2px 7px rgba(27,74,120,.06); }
#hisar-umrah .brand-logo.airline{ width:58px; }
#hisar-umrah .brand-logo.hotel{ width:54px; }
#hisar-umrah .brand-logo.is-dark{ background:linear-gradient(145deg,#253E7B,#071A33); border-color:#071A33; }
#hisar-umrah .brand-logo.brand-turkish-airlines{ padding:3px 4px; }
#hisar-umrah .brand-logo.brand-turkish-airlines img{ transform:scale(1.85); transform-origin:center; }
#hisar-umrah .brand-logo.brand-hilton{ background:#fff; border-color:#CBDAEA; padding:5px 7px; }
#hisar-umrah .brand-logo.brand-hilton img{ transform:scale(1.08); transform-origin:center; }
/* Address Jabal Omar: beyaz logo -> lacivert kabuk (tone:"dark" ile gelir),
   diger otel rozetleriyle ayni gorunum icin siyah yerine lacivert birakildi */
/* Address: beyaz zeminli JPG. Kabugu beyaza cevirip padding'i sifira
   yaklastiriyoruz; gorselin kendi beyaz zemini kabukla kaynasir, kutu
   kenari gorunmez ve logo mumkun olan en buyuk boyutta cikar.
   Logo kucuk duruyorsa padding:0 yapin; kenarlardan kirpiliyorsa 4px. */
#hisar-umrah .brand-logo.brand-address-makkah{ background:#fff; border-color:#CBDAEA; padding:2px; }
#hisar-umrah .brand-logo.brand-address-makkah img{ transform:none; }
/* VALY Al-Madinah: renkli logo -> temiz beyaz zemin */
#hisar-umrah .brand-logo.brand-valy-madinah{ background:#fff; border-color:#CBDAEA; padding:4px 6px; }
#hisar-umrah .brand-logo.brand-valy-madinah img{ transform:scale(1.05); transform-origin:center; }
#hisar-umrah .brand-logo img{ width:100%; height:100%; max-width:100%; object-fit:contain; }
#hisar-umrah .brand-logo .brand-fallback{ display:none; width:20px; height:20px; color:var(--navy); }
#hisar-umrah .brand-logo.is-dark .brand-fallback{ color:#fff; }
#hisar-umrah .brand-logo.logo-failed .brand-fallback{ display:block; }
#hisar-umrah .brand-logo .brand-fallback .ic{ width:20px; height:20px; margin:0; }
@media(max-width:420px){ #hisar-umrah .brand-logo.airline{ width:52px; } #hisar-umrah .brand-logo.hotel{ width:50px; } }
#hisar-umrah .fact .body{ flex:1; min-width:0; }
#hisar-umrah .fact .k{ font-size:10.5px; font-weight:800; letter-spacing:.09em; text-transform:uppercase; color:var(--ink-soft); margin:0 0 1px !important; }
#hisar-umrah .fact .v{ font-size:14.5px; font-weight:700; margin:0 !important; }
#hisar-umrah .fact .v small{ display:block; font-size:12.5px; font-weight:500; color:var(--ink-soft); margin-top:1px; }
#hisar-umrah .badge-direct{ display:inline-block; margin-left:6px; vertical-align:1px; background:var(--turq); color:#fff; font-size:10.5px; font-weight:800; letter-spacing:.05em; padding:2px 8px; border-radius:999px; text-transform:uppercase; }
#hisar-umrah .badge-stop{ display:inline-block; margin-left:6px; vertical-align:1px; background:#E9EDF3; color:#5A5348; font-size:10.5px; font-weight:800; letter-spacing:.05em; padding:2px 8px; border-radius:999px; text-transform:uppercase; }
#hisar-umrah .stars{ color:var(--gold); letter-spacing:1px; font-size:13px; }
#hisar-umrah .hrate{ display:inline-flex; align-items:center; gap:5px; margin-left:5px; vertical-align:1px; font-size:10.5px; font-weight:700; color:var(--ink-soft); white-space:nowrap; cursor:default; }
#hisar-umrah .hrate b{ background:#003B95; color:#fff; font-size:10.5px; font-weight:800; line-height:1; padding:3px 5px; border-radius:6px 6px 6px 0; }
#hisar-umrah .hinfo{ display:inline-grid; place-items:center; width:19px; height:19px; border-radius:50% !important; background:var(--navy-bg) !important; color:var(--navy) !important; font-size:11px; font-weight:800; font-style:normal; margin-left:6px; text-decoration:none !important; border:1px solid #CBDAEA !important; vertical-align:2px; }
#hisar-umrah .hinfo:hover{ background:var(--navy) !important; color:#fff !important; }
#hisar-umrah .walk-lead{ color:var(--turq-dk); }
#hisar-umrah .walk{ margin-top:6px; }
#hisar-umrah .walk .track{ position:relative; height:6px; border-radius:999px; background:linear-gradient(90deg,var(--turq) 0%, #D3F1EE 100%); }
#hisar-umrah .walk .dot{ position:absolute; top:50%; transform:translate(-50%,-50%); width:14px; height:14px; border-radius:50%; background:var(--navy); border:3px solid #fff; box-shadow:0 0 0 1px var(--line); }
#hisar-umrah .walk .scale{ display:flex; justify-content:space-between; font-size:10.5px; font-weight:700; color:var(--ink-soft); margin-top:4px; }
#hisar-umrah .prices{ display:grid; grid-template-columns:repeat(3,1fr); gap:8px; padding:14px 16px 4px; }
#hisar-umrah .price{ position:relative; border:1px solid var(--line); border-radius:12px; padding:10px 6px; text-align:center; background:#FBFCFE; }
#hisar-umrah .price.best{ border:2px solid var(--turq); background:var(--turq-bg); }
#hisar-umrah .price .pop{ position:absolute; top:-9px; left:50%; transform:translateX(-50%); background:var(--turq); color:#fff; font-size:9px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; padding:2px 8px; border-radius:999px; white-space:nowrap; }
#hisar-umrah .price .room{ font-size:10.5px; font-weight:800; letter-spacing:.07em; text-transform:uppercase; color:var(--ink-soft); }
#hisar-umrah .price .amt{ font-size:19px; font-weight:800; margin-top:2px !important; }
#hisar-umrah .price .amt.na{ color:#9AA8B6; }
#hisar-umrah .price .per{ font-size:10.5px; color:var(--ink-soft); font-weight:600; }
#hisar-umrah .price.best .amt{ color:var(--navy-dk); }
#hisar-umrah .prices-note{ padding:6px 16px 0; font-size:11.5px; color:var(--ink-soft); }
#hisar-umrah .pkg-foot{ margin-top:auto; padding:14px 16px 16px; display:flex; flex-direction:column; gap:10px; }
#hisar-umrah .meta-row{ display:flex; justify-content:space-between; gap:10px; font-size:12.5px; font-weight:700; }
#hisar-umrah .meta-row .seats{ color:var(--urgent); }
#hisar-umrah .meta-row .deadline{ color:var(--ink-soft); font-weight:600; }
#hisar-umrah .meta-row .deadline b{ color:var(--ink); }
#hisar-umrah .cta{ display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; background:var(--navy) !important; color:#fff !important; border:0 !important; cursor:pointer; font:inherit; font-weight:800; font-size:15px !important; padding:12px 18px !important; min-height:52px; border-radius:14px !important; transition:background .15s,opacity .15s; width:100%; text-decoration:none !important; }
#hisar-umrah .cta .sub{ font-size:11px; font-weight:600; opacity:.85; }
#hisar-umrah .cta:hover{ background:var(--navy-dk) !important; }
#hisar-umrah .cta[disabled]{ opacity:.6; cursor:wait; }
#hisar-umrah .cta:focus-visible{ outline:3px solid rgba(27,74,120,.45); outline-offset:2px; }
/* Cift buton: yan yana, ana buton daha genis */
#hisar-umrah .cta-pair{ display:grid; grid-template-columns:1.35fr 1fr; gap:9px; align-items:stretch; }
@media(max-width:400px){ #hisar-umrah .cta-pair{ grid-template-columns:1fr; } }
#hisar-umrah .cta-pair .cta{ margin:0 !important; }
#hisar-umrah .cta.cta-advisor{ background:var(--turq-dk) !important; text-decoration:none !important; display:flex; flex-direction:column; align-items:center; justify-content:center; }
#hisar-umrah .cta.cta-advisor:hover{ background:var(--turq) !important; }
#hisar-umrah .cta.cta-advisor .sub{ opacity:.92; }
/* Dikkat animasyonu: kart 10sn goruldukten sonra ana butonda tatli nabiz */
@keyframes hisarCtaNudge{ 0%,100%{ transform:scale(1); box-shadow:0 6px 18px rgba(27,74,120,.28);} 50%{ transform:scale(1.025); box-shadow:0 10px 26px rgba(27,74,120,.42);} }
#hisar-umrah .cta.cta-nudge{ animation:hisarCtaNudge 1.3s ease-in-out 3; }
#hisar-umrah .foot-links{ display:flex; justify-content:center; gap:18px; font-size:13px; font-weight:700; margin-top:10px; }
#hisar-umrah .foot-links a{ color:var(--turq-dk) !important; text-decoration:underline !important; text-underline-offset:3px; padding:6px 2px; }
#hisar-umrah .foot-links a.walink{ color:#1FA855 !important; display:inline-flex; align-items:center; gap:5px; }
#hisar-umrah .foot-links a.walink svg{ width:15px; height:15px; flex:0 0 auto; }

/* ---------- Kategori karsilastirma ---------- */
#hisar-umrah .tiers{ max-width:1180px; margin:22px auto 8px; padding:0 20px; }
#hisar-umrah .tiers-head{ text-align:center; margin-bottom:16px; }
#hisar-umrah .tiers-head h2{ font-family:'Marcellus',serif !important; font-weight:400 !important; font-size:24px !important; color:var(--navy-dk) !important; margin:0 0 6px !important; }
#hisar-umrah .tiers-head p{ font-size:13.5px; font-weight:600; color:var(--ink-soft); max-width:62ch; margin:0 auto !important; }
#hisar-umrah .tiers-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }
@media(min-width:820px){ #hisar-umrah .tiers-grid{ grid-template-columns:repeat(4,1fr); gap:14px; } }
#hisar-umrah .tcard{ position:relative; border-radius:16px; padding:18px 15px 16px; background:#fff; border:1px solid var(--line); display:flex; flex-direction:column; gap:9px; overflow:hidden; }
#hisar-umrah .tcard::before{ content:''; position:absolute; top:0; left:0; right:0; height:4px; }
#hisar-umrah .tcard.t-standard::before{ background:#3E9B6E; }
#hisar-umrah .tcard.t-comfort::before{ background:linear-gradient(90deg,#AAB3C0,#8A94A6); }
#hisar-umrah .tcard.t-premium::before{ background:linear-gradient(90deg,#C9A24B,#7E5F18); }
#hisar-umrah .tcard.t-luxury::before{ background:linear-gradient(90deg,#C9A24B,#17171C); }
#hisar-umrah .tcard .tname{ display:inline-flex; align-items:center; gap:7px; font-size:15px; font-weight:800; color:var(--ink); }
#hisar-umrah .tcard .tdot{ width:9px; height:9px; border-radius:50%; }
#hisar-umrah .tcard.t-standard .tdot{ background:#5A6B82; }
#hisar-umrah .tcard.t-comfort .tdot{ background:var(--turq); }
#hisar-umrah .tcard.t-premium .tdot{ background:#A8823D; }
#hisar-umrah .tcard.t-luxury .tdot{ background:#17171C; box-shadow:0 0 0 1px #C9A24B; }
#hisar-umrah .tcard .tline{ font-size:12px; font-weight:700; color:var(--turq-dk); letter-spacing:.02em; }
#hisar-umrah .tcard .tdesc{ font-size:12.5px; color:var(--ink-soft); font-weight:500; line-height:1.5; }
#hisar-umrah .tcard .thotels{ margin-top:auto !important; padding-top:9px; border-top:1px solid var(--line); font-size:11.5px; color:var(--ink-soft); font-weight:500; line-height:1.45; }
#hisar-umrah .tcard .thotels b{ color:var(--ink); font-weight:700; }
#hisar-umrah .tcard .tpick{ display:inline-block; margin-top:2px; font-size:11px; font-weight:800; color:var(--navy); background:var(--navy-bg); padding:4px 9px; border-radius:999px; }

/* ---------- Kategori karsilastirma karti ---------- */
#hisar-umrah .tiers{ max-width:1180px; margin:22px auto 8px; padding:0 20px; }
#hisar-umrah .tiers-head{ text-align:center; margin-bottom:16px; }
#hisar-umrah .tiers-head h2{ font-family:'Marcellus',serif !important; font-weight:400 !important; font-size:24px !important; color:var(--navy-dk) !important; margin:0 0 6px !important; }
#hisar-umrah .tiers-head p{ font-size:13.5px; font-weight:600; color:var(--ink-soft); max-width:58ch; margin:0 auto !important; }
#hisar-umrah .tiers-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }
@media(min-width:820px){ #hisar-umrah .tiers-grid{ grid-template-columns:repeat(4,1fr); gap:14px; } }
#hisar-umrah .tcard{ position:relative; background:#fff; border:1px solid var(--line); border-radius:16px; padding:16px 15px; display:flex; flex-direction:column; overflow:hidden; }
#hisar-umrah .tcard::before{ content:''; position:absolute; top:0; left:0; right:0; height:4px; }
#hisar-umrah .tcard.t-standard::before{ background:#3E9B6E; }
#hisar-umrah .tcard.t-comfort::before{ background:linear-gradient(90deg,#AAB3C0,#8A94A6); }
#hisar-umrah .tcard.t-premium::before{ background:linear-gradient(90deg,#C9A24B,#7E5F18); }
#hisar-umrah .tcard.t-luxury::before{ background:linear-gradient(90deg,#C9A24B,#17171C); }
#hisar-umrah .tcard .tname{ display:inline-flex; align-items:center; gap:7px; font-size:13px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; margin-bottom:3px; }
#hisar-umrah .tcard.t-standard .tname{ color:#2F8159; }
#hisar-umrah .tcard.t-comfort .tname{ color:#6B7688; }
#hisar-umrah .tcard.t-premium .tname{ color:#7E5F18; }
#hisar-umrah .tcard.t-luxury .tname{ color:#111; }
#hisar-umrah .tcard .tname .tdot{ width:8px; height:8px; border-radius:50%; background:currentColor; }
#hisar-umrah .tcard .ttag{ font-size:11.5px; font-weight:700; color:var(--ink-soft); margin-bottom:10px; min-height:32px; }
#hisar-umrah .tcard .trow{ display:flex; gap:7px; align-items:flex-start; font-size:12px; color:var(--ink); font-weight:500; padding:5px 0; border-top:1px solid rgba(27,74,120,.06); line-height:1.4; }
#hisar-umrah .tcard .trow:first-of-type{ border-top:0; }
#hisar-umrah .tcard .trow svg{ flex:0 0 auto; width:14px; height:14px; margin-top:1px; color:var(--turq); }
#hisar-umrah .tcard .tstars{ color:var(--gold); font-size:13px; letter-spacing:1px; }
#hisar-umrah .tcard .tbtn{ margin-top:12px; font:inherit; font-size:12.5px !important; font-weight:800; color:#fff !important; border:0; cursor:pointer; padding:9px 12px !important; border-radius:9px !important; text-align:center; text-decoration:none !important; display:block; transition:filter .15s; }
#hisar-umrah .tcard .tbtn:hover{ filter:brightness(1.08); }
#hisar-umrah .tcard.t-standard .tbtn{ background:#3E9B6E; }
#hisar-umrah .tcard.t-comfort .tbtn{ background:#8A94A6; }
#hisar-umrah .tcard.t-premium .tbtn{ background:linear-gradient(135deg,#C9A24B,#7E5F18); }
#hisar-umrah .tcard.t-luxury .tbtn{ background:#17171C; color:#E4C87A !important; box-shadow:inset 0 0 0 1px #C9A24B; }
/* Premium = hedef kategori: altin cerceve + "Most Chosen" seridi */
#hisar-umrah .tcard.t-premium{ border:2px solid #C9A24B; box-shadow:0 8px 26px rgba(169,120,31,.16); }
@media(min-width:820px){ #hisar-umrah .tcard.t-premium{ transform:scale(1.045); z-index:1; } }
#hisar-umrah .tribbon{ position:absolute; top:15px; right:-40px; transform:rotate(38deg); background:linear-gradient(135deg,#C9A24B,#7E5F18); color:#fff; font-size:9px; font-weight:800; letter-spacing:.09em; text-transform:uppercase; padding:5px 44px; box-shadow:0 2px 8px rgba(0,0,0,.22); }
#hisar-umrah .tcard .tfrom{ font-size:12px; font-weight:700; color:var(--ink-soft); margin:0 0 9px !important; }
#hisar-umrah .tcard .tfrom b{ font-size:17px; font-weight:800; color:var(--navy-dk); margin-right:2px; }
#hisar-umrah .tcard .trow.tfly svg{ color:var(--navy); }
#hisar-umrah .tcard .trow.ttrans svg{ color:var(--navy); }
#hisar-umrah .tcard.t-premium .trow.ttrans svg,#hisar-umrah .tcard.t-luxury .trow.ttrans svg{ color:#7E5F18; }

/* ---------- Guven / Google yorumlari ---------- */
#hisar-umrah .trust{ max-width:1180px; margin:8px auto 4px; padding:0 20px; }
#hisar-umrah .trust-card{ background:#fff; border:1px solid var(--line); border-radius:18px; padding:20px; }
#hisar-umrah .trust-head{ display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:14px; text-align:center; }
#hisar-umrah .trust-head h2{ font-family:'Marcellus',serif !important; font-weight:400 !important; font-size:22px !important; color:var(--navy-dk) !important; width:100%; }
#hisar-umrah .gbadge{ display:inline-flex; align-items:center; gap:9px; background:#FBFCFE; border:1.5px solid var(--line); border-radius:999px; padding:9px 16px; text-decoration:none !important; }
#hisar-umrah .gbadge svg{ width:20px; height:20px; flex:0 0 auto; }
#hisar-umrah .gbadge .gr{ font-size:16px; font-weight:800; color:var(--ink); }
#hisar-umrah .gbadge .gstars{ color:#FBBC05; font-size:14px; letter-spacing:1px; }
#hisar-umrah .gbadge .gcount{ font-size:12.5px; font-weight:700; color:var(--turq-dk); text-decoration:underline; text-underline-offset:3px; }
#hisar-umrah .stats{ display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin-top:14px; }
#hisar-umrah .stat{ flex:1 1 150px; max-width:240px; background:var(--navy-bg); border-radius:12px; padding:12px 10px; text-align:center; }
#hisar-umrah .stat b{ display:block; font-size:21px; color:var(--navy-dk); }
#hisar-umrah .stat span{ font-size:12px; font-weight:700; color:var(--ink-soft); }
#hisar-umrah .reviews{ display:grid; grid-template-columns:1fr; gap:12px; margin-top:14px; }
@media(min-width:760px){ #hisar-umrah .reviews{ grid-template-columns:repeat(3,1fr); } }
#hisar-umrah .review{ background:#FBFCFE; border:1px solid var(--line); border-radius:14px; padding:14px; display:flex; flex-direction:column; gap:6px; }
#hisar-umrah .review .rstars{ color:#FBBC05; font-size:14px; letter-spacing:1.5px; }
#hisar-umrah .review .rtext{ font-size:13.5px; line-height:1.55; color:var(--ink); font-weight:500; }
#hisar-umrah .review .rwho{ font-size:12px; font-weight:800; color:var(--ink-soft); margin-top:auto !important; }
#hisar-umrah .review .rwho b{ color:var(--ink); }
#hisar-umrah .review .rtour{ font-size:11px; font-weight:700; color:var(--turq-dk); }
#hisar-umrah .trust-foot{ text-align:center; margin-top:12px !important; font-size:13px; font-weight:700; }
#hisar-umrah .trust-foot a{ color:var(--turq-dk) !important; text-decoration:underline !important; text-underline-offset:3px; }

/* ---------- Video testimonial (pilgrim hikayeleri) ---------- */
#hisar-umrah .vtest{ max-width:1180px; margin:20px auto 8px; padding:0 20px; }
#hisar-umrah .vtest-head{ text-align:center; margin-bottom:16px; }
#hisar-umrah .vtest-head h2{ font-family:'Marcellus',serif !important; font-weight:400 !important; font-size:24px !important; color:var(--navy-dk) !important; margin:0 0 6px !important; }
#hisar-umrah .vtest-head p{ font-size:13.5px; font-weight:600; color:var(--ink-soft); max-width:60ch; margin:0 auto !important; }
#hisar-umrah .vtest-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:13px; }
@media(min-width:680px){ #hisar-umrah .vtest-grid{ grid-template-columns:repeat(3,1fr); gap:16px; } }
@media(min-width:1000px){ #hisar-umrah .vtest-grid{ grid-template-columns:repeat(5,1fr); } }
#hisar-umrah .vcard{ position:relative; aspect-ratio:9/16; border-radius:16px; overflow:hidden; background:#0f2354; cursor:pointer; border:0; padding:0; display:block; box-shadow:0 4px 16px rgba(15,35,84,.18); transition:transform .18s ease, box-shadow .18s ease; }
@media(hover:hover){ #hisar-umrah .vcard:hover{ transform:translateY(-3px); box-shadow:0 10px 26px rgba(15,35,84,.28); } }
#hisar-umrah .vcard:focus-visible{ outline:3px solid var(--turq); outline-offset:2px; }
#hisar-umrah .vcard img,#hisar-umrah .vcard iframe{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; border:0; }
/* Oynatilirken ust bandi (YouTube logo/baslik) yumusatan maske */
#hisar-umrah .vcard .vmask-top{ position:absolute; top:0; left:0; right:0; height:60px; z-index:3; pointer-events:none; background:linear-gradient(180deg, rgba(15,35,84,.72) 0%, rgba(15,35,84,0) 100%); opacity:0; transition:opacity .35s ease .4s; }
#hisar-umrah .vcard[data-playing="1"] .vmask-top{ opacity:1; }
/* Oynatilirken ust bandi (YouTube logosu/baslik) yumusatan maske */
#hisar-umrah .vcard .vmask-top{ position:absolute; top:0; left:0; right:0; height:58px; z-index:3; pointer-events:none; background:linear-gradient(180deg, rgba(15,35,84,.55), rgba(15,35,84,0)); opacity:0; transition:opacity .3s ease .3s; }
#hisar-umrah .vcard[data-playing="1"] .vmask-top{ opacity:1; }
#hisar-umrah .vcard .vshade{ position:absolute; inset:0; background:linear-gradient(180deg,rgba(15,35,84,.05) 40%,rgba(15,35,84,.72) 100%); z-index:1; }
#hisar-umrah .vcard .vplay{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:2; width:52px; height:52px; border-radius:50%; background:rgba(255,255,255,.92); display:grid; place-items:center; box-shadow:0 4px 14px rgba(0,0,0,.3); transition:transform .18s ease; }
@media(hover:hover){ #hisar-umrah .vcard:hover .vplay{ transform:translate(-50%,-50%) scale(1.1); } }
#hisar-umrah .vcard .vplay svg{ width:22px; height:22px; margin-left:3px; color:var(--navy); }
#hisar-umrah .vcard .vlabel{ position:absolute; left:0; right:0; bottom:0; z-index:2; padding:11px 12px; text-align:left; }
#hisar-umrah .vcard .vlabel b{ display:block; color:#fff; font-size:13px; font-weight:800; line-height:1.25; }
#hisar-umrah .vcard .vlabel span{ display:block; color:rgba(255,255,255,.82); font-size:11px; font-weight:600; margin-top:2px; }
#hisar-umrah .vtest-foot{ text-align:center; margin-top:14px; }
#hisar-umrah .vtest-foot a{ display:inline-flex; align-items:center; gap:6px; color:#1FA855 !important; font-size:13.5px; font-weight:800; text-decoration:none !important; }
#hisar-umrah .vtest-foot a svg{ width:16px; height:16px; }

/* ---------- SSS (FAQ) ---------- */
#hisar-umrah .faq{ max-width:1180px; margin:12px auto 28px; padding:0 20px; }
#hisar-umrah .faq h2{ font-family:'Marcellus',serif !important; font-weight:400 !important; font-size:22px !important; color:var(--navy-dk) !important; text-align:center; margin-bottom:12px !important; }
#hisar-umrah .faq-links{ text-align:center; font-size:14px; color:var(--ink-soft); margin-top:14px !important; }
#hisar-umrah .faq-links a{ color:var(--navy); text-decoration:underline; text-underline-offset:2px; }
#hisar-umrah .faq details{ background:#fff; border:1px solid var(--line); border-radius:14px; margin-bottom:8px; overflow:hidden; }
#hisar-umrah .faq summary{ cursor:pointer; list-style:none; padding:14px 44px 14px 16px; font-size:14.5px; font-weight:800; color:var(--ink); position:relative; }
#hisar-umrah .faq summary::-webkit-details-marker{ display:none; }
#hisar-umrah .faq summary::after{ content:'+'; position:absolute; right:16px; top:50%; transform:translateY(-50%); width:24px; height:24px; border-radius:50%; background:var(--navy-bg); color:var(--navy); display:grid; place-items:center; font-weight:800; }
#hisar-umrah .faq details[open] summary::after{ content:'−'; background:var(--navy); color:#fff; }
#hisar-umrah .faq .fa{ padding:0 16px 14px; font-size:13.5px; line-height:1.6; color:var(--ink-soft); font-weight:500; }

/* ---------- Modal ---------- */
#hisar-umrah dialog.lead{ border:0; border-radius:20px; padding:0; width:min(440px, calc(100vw - 32px)); max-height:calc(100dvh - 40px); overflow-y:auto; -webkit-overflow-scrolling:touch; box-shadow:0 30px 60px -20px rgba(7,26,51,.45); font-family:'Plus Jakarta Sans',system-ui,sans-serif; color:var(--ink); }
#hisar-umrah dialog.lead::backdrop{ background:rgba(7,26,51,.55); }
#hisar-umrah .lead-head{ background:linear-gradient(160deg,var(--navy),var(--navy-dk)); color:#fff; padding:18px 20px 16px; position:relative; }
#hisar-umrah .lead-head h3{ font-family:'Marcellus',serif !important; font-weight:400 !important; font-size:21px !important; margin:0 0 2px !important; color:#fff !important; }
#hisar-umrah .lead-head p{ margin:0 !important; font-size:13px; color:#E9E2D5; }
#hisar-umrah .lead-head p b{ color:#fff; }
#hisar-umrah .lead-close{ position:absolute; top:10px; right:10px; background:rgba(255,255,255,.15) !important; border:0 !important; color:#fff !important; width:40px; height:40px; border-radius:50% !important; cursor:pointer; font-size:17px; line-height:1; display:grid; place-items:center; padding:0 !important; }
#hisar-umrah .lead-close:hover{ background:rgba(255,255,255,.3) !important; }
#hisar-umrah dialog.lead form{ padding:16px 20px 20px; display:flex; flex-direction:column; gap:11px; margin:0 !important; }
#hisar-umrah dialog.lead label{ font-size:12px; font-weight:800; letter-spacing:.05em; text-transform:uppercase; color:var(--ink-soft); display:block; margin-bottom:3px; }
#hisar-umrah dialog.lead input:not([type="checkbox"]), #hisar-umrah dialog.lead select, #hisar-umrah dialog.lead textarea{
  width:100% !important; font:inherit; color:var(--ink) !important; padding:11px 12px !important;
  border:1px solid var(--line) !important; border-radius:10px !important; background:#FBFCFE !important;
  font-size:16px !important;
}
/* Onay kutusu: genel input kurallarindan MUAF (kucuk, sola yasli) */
#hisar-umrah dialog.lead input[type="checkbox"]{
  width:16px !important; height:16px !important; min-width:16px !important; flex:0 0 16px !important;
  padding:0 !important; margin:1px 0 0 !important; border-radius:4px !important;
  accent-color:var(--turq); cursor:pointer; appearance:auto; -webkit-appearance:checkbox;
}
#hisar-umrah dialog.lead input:focus, #hisar-umrah dialog.lead select:focus, #hisar-umrah dialog.lead textarea:focus{ outline:none; border-color:var(--turq) !important; box-shadow:0 0 0 3px rgba(27,74,120,.22) !important; }
#hisar-umrah .two{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }
#hisar-umrah dialog.lead textarea{ resize:vertical; min-height:64px; }
#hisar-umrah .imam-ic{ flex:0 0 auto; width:54px; height:38px; display:flex; align-items:center; justify-content:center; border:1px solid #DFC98F; border-radius:10px; background:linear-gradient(145deg,#FFFDF8,#F3EAD3); color:#6B5014; --accent:#A8823D; }
#hisar-umrah .imam-ic svg{ width:20px; height:20px; }
#hisar-umrah .lead-error{ background:#FDECEA; border:1px solid #F1B8AF; color:#B4452F; font-size:12px; font-weight:700; border-radius:10px; padding:10px 12px; margin:6px 0 2px !important; line-height:1.45; }
#hisar-umrah .consent-check{ display:flex !important; width:100%; gap:8px; align-items:flex-start; justify-content:flex-start; margin:4px 0 !important; cursor:pointer; text-align:left; }
#hisar-umrah .consent-check input{ flex:0 0 auto !important; width:16px; height:16px; margin:1px 0 0 !important; accent-color:var(--turq); cursor:pointer; align-self:flex-start; }
#hisar-umrah .consent-check span{ font-size:10.5px; color:var(--ink-soft); line-height:1.45; font-weight:500; text-transform:none; letter-spacing:0; }
#hisar-umrah .consent-check a{ color:var(--turq-dk) !important; text-decoration:underline !important; text-underline-offset:2px; font-weight:700; }
#hisar-umrah .consent{ font-size:11.5px; color:var(--ink-soft); line-height:1.45; margin:0 !important; }
#hisar-umrah .lead-success{ display:none; padding:28px 22px 30px; text-align:center; }
#hisar-umrah .lead-success .tick{ width:52px; height:52px; margin:0 auto 12px; border-radius:50%; background:var(--turq-bg); color:var(--turq-dk); display:grid; place-items:center; }
#hisar-umrah .lead-success h4{ font-family:'Marcellus',serif; font-weight:400; font-size:20px; margin:0 0 6px !important; }
#hisar-umrah .lead-success p{ font-size:14px; color:var(--ink-soft); margin:0 !important; }
#hisar-umrah dialog.lead.sent form{ display:none; }
#hisar-umrah dialog.lead.sent .lead-success{ display:block; }

@media (prefers-reduced-motion:reduce){
  #hisar-umrah *{ transition:none !important; animation:none !important; }
}
/* ================================================================
   HISAR PATCH 2026-09-09  (header + sticky sub-anchor nav + hero)
   Sadece EKLEME yapar; mevcut kurallar silinmedi.
   ================================================================ */
#hisar-umrah{ --hh-h:64px; }
#hisar-umrah button.hh-book{ border:0; cursor:pointer; font:inherit; }
#hisar-umrah .hh-links a[aria-current="page"]{ color:var(--navy-dk) !important; }
#hisar-umrah .hh-links a[aria-current="page"]::after{ width:100%; }

/* ---------- Sticky sub-anchor menu ---------- */
#hisar-umrah .hisar-subnav{ position:sticky; top:var(--hh-h); z-index:85; background:var(--navy-dk); border-bottom:1px solid rgba(255,255,255,.12); }
#hisar-umrah .hsn-in{ max-width:1180px; margin:0 auto; padding:0 12px; display:flex; align-items:center; gap:2px; overflow-x:auto; scrollbar-width:none; -webkit-overflow-scrolling:touch; }
#hisar-umrah .hsn-in::-webkit-scrollbar{ display:none; }
#hisar-umrah .hsn-in a{ flex:0 0 auto; display:inline-flex; align-items:center; padding:12px 13px; font-size:13.5px; font-weight:700; color:#C8D6EE !important; text-decoration:none !important; white-space:nowrap; border-bottom:2.5px solid transparent; transition:color .18s, border-color .18s; }
#hisar-umrah .hsn-in a:hover{ color:#fff !important; }
#hisar-umrah .hsn-in a.is-active{ color:#fff !important; border-bottom-color:var(--gold); }
#hisar-umrah .hsn-in a:focus-visible{ outline:2px solid #E4C87A; outline-offset:-3px; border-radius:4px; }
#hisar-umrah .hsn-cta{ flex:0 0 auto; margin-left:auto; display:inline-flex; align-items:center; gap:6px; font:inherit; font-weight:800; font-size:13px; border:0; cursor:pointer; background:var(--turq); color:#fff; padding:8px 16px; border-radius:999px; white-space:nowrap; }
#hisar-umrah .hsn-cta:hover{ background:var(--turq-dk); }
@media(max-width:759px){
  #hisar-umrah .hsn-cta{ display:none; }
  #hisar-umrah .hsn-in a{ padding:11px 11px; font-size:13px; }
}
@media(prefers-reduced-motion:reduce){ #hisar-umrah .hisar-subnav{ position:static; } }

/* ---------- Hero v3: dönüşüm odakli ---------- */
#hisar-umrah .hero-offer{ display:flex; flex-wrap:wrap; align-items:baseline; gap:8px 14px; margin:0 0 14px; padding:11px 15px; background:rgba(255,255,255,.10); border:1px solid rgba(242,207,135,.42); border-radius:14px; animation:hisarHeroIn .7s .45s ease both; }
#hisar-umrah .hero-offer .ho-price{ font-family:'Marcellus',serif; font-size:27px; line-height:1; color:#E4C87A; }
#hisar-umrah .hero-offer .ho-price small{ font-family:inherit; font-size:12.5px; font-weight:700; color:rgba(232,242,241,.85); margin-left:4px; }
#hisar-umrah .hero-offer .ho-sep{ width:1px; align-self:stretch; background:rgba(255,255,255,.22); }
#hisar-umrah .hero-offer .ho-note{ font-size:13px; font-weight:700; color:rgba(232,242,241,.92); line-height:1.4; }
#hisar-umrah .hero-proof{ list-style:none; margin:0 0 18px; padding:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px 16px; animation:hisarHeroIn .7s .5s ease both; }
#hisar-umrah .hero-proof li{ display:flex; align-items:flex-start; gap:8px; font-size:13.8px; font-weight:600; color:rgba(232,242,241,.95); line-height:1.4; }
#hisar-umrah .hero-proof svg{ flex:0 0 auto; width:17px; height:17px; margin-top:1px; color:#1B4A78; }
@media(max-width:560px){ #hisar-umrah .hero-proof{ grid-template-columns:1fr; gap:6px; } }
#hisar-umrah .hero-actions .hero-cta{ flex-direction:column; align-items:flex-start; gap:1px; padding:11px 26px !important; line-height:1.15; }
#hisar-umrah .hero-actions .hero-cta .cta-sub{ font-size:11px; font-weight:700; opacity:.78; letter-spacing:.01em; }
#hisar-umrah .hero-call{ display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px; margin:13px 0 0; font-size:13.5px; font-weight:700; color:rgba(232,242,241,.9); animation:hisarHeroIn .7s .6s ease both; }
#hisar-umrah .hero-call a{ color:#E4C87A !important; text-decoration:none !important; font-weight:800; border-bottom:1px solid rgba(242,207,135,.45); }
#hisar-umrah .hero-call a:hover{ border-bottom-color:#E4C87A; }
#hisar-umrah .hero-seeall{ display:inline-flex; align-items:center; gap:6px; margin-top:14px; background:none !important; border:0; cursor:pointer; font:inherit; font-weight:700; font-size:13.5px; color:rgba(233,241,255,.82) !important; padding:0 !important; }
#hisar-umrah .hero-seeall:hover{ color:#fff !important; }
#hisar-umrah .hero-seeall svg{ color:#E4C87A; }
#hisar-umrah .hero-seeall:focus-visible{ outline:3px solid rgba(255,255,255,.7); outline-offset:3px; border-radius:6px; }
/* kart CTA'si detay sayfasi yoksa buton olur - gorunum ayni kalsin */
#hisar-umrah button.cta{ border:0; cursor:pointer; font:inherit; text-align:left; width:100%; }
/* ================================================================
   MARKA UYUMU (mavi + altin) — anasayfa & Hajj 2027 ile ayni dil
   ================================================================ */
/* Hero: marka lacivert gradyani */
#hisar-umrah .hero{ background:radial-gradient(130% 120% at 50% -20%, #1B4A78 0%, #0B2A4D 34%, #071A33 64%, #04101F 100%) !important; }
/* Hero deseni: anasayfadaki motif, 150px -> 75px */
#hisar-umrah .hero-grain{ position:absolute; inset:0; width:100%; height:100%; z-index:0; pointer-events:none;
  opacity:.34; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='%23C9A24B' fill-opacity='.38'%3E%3Cpath d='M40.3828,4.39l-8-3.3134a1,1,0,0,0-.7656,0l-8,3.3134A1,1,0,0,0,23,5.3135v4.958L19.4937,6.7656a.9958.9958,0,0,0-1.09-.2168l-8,3.3145a.9992.9992,0,0,0-.541.541l-3.3135,8a1,1,0,0,0,.2168,1.09L10.272,23H5.3135a1,1,0,0,0-.9239.6172l-3.3134,8a1,1,0,0,0,0,.7656l3.3134,8A1,1,0,0,0,5.3135,41H10.272L6.7661,44.5059a1,1,0,0,0-.2168,1.09l3.3135,8a.9992.9992,0,0,0,.541.541l8,3.3145a.9994.9994,0,0,0,1.09-.2168L23,53.7285v4.958a1,1,0,0,0,.6172.9239l8,3.3134a1,1,0,0,0,.7656,0l8-3.3134A1,1,0,0,0,41,58.6865v-4.958l3.5063,3.5059a.9983.9983,0,0,0,1.09.2168l8-3.3145a.9992.9992,0,0,0,.541-.541l3.3135-8a1,1,0,0,0-.2168-1.09L53.728,41h4.9585a1,1,0,0,0,.9239-.6172l3.3134-8a1,1,0,0,0,0-.7656l-3.3134-8A1,1,0,0,0,58.6865,23H53.728l3.5059-3.5059a1,1,0,0,0,.2168-1.09l-3.3135-8a.9992.9992,0,0,0-.541-.541l-8-3.3145a.9947.9947,0,0,0-1.09.2168L41,10.2715V5.3135A1,1,0,0,0,40.3828,4.39ZM41,25h7.8994l-5.5859,5.5859L41,28.2725Zm7.8994,14H41V35.7275l2.3135-2.3134ZM25,5.9814,32,3.082l7,2.8994v6.2911l-7,7-7-7Zm14,9.1192V23H35.7275l-2.3134-2.3135Zm-14,0,5.5859,5.5859L28.2725,23H25ZM8.6528,18.5527l2.8994-7,7-2.9L23,13.1006V23H13.1006ZM23,25v3.2725l-2.3135,2.3134L15.1006,25ZM5.9814,39,3.0825,32l2.8989-7H12.272l7,7-7,7ZM23,50.8994l-4.4478,4.4483-7-2.9-2.8994-7L13.1006,41H23ZM23,39H15.1006l5.5859-5.5859L23,35.7275ZM39,58.0186,32,60.918l-7-2.8994V51.7275l7-7,7,7ZM25,48.8994V41h3.2725l2.3134,2.3135Zm14,0-5.5859-5.5859L35.7275,41H39Zm.293-14.293a1,1,0,0,0-.293.7071V39H35.3135a1,1,0,0,0-.7071.293L32,41.8994,29.3936,39.293A1,1,0,0,0,28.6865,39H25V35.3135a1,1,0,0,0-.293-.7071L22.1006,32l2.6064-2.6064A1,1,0,0,0,25,28.6865V25h3.6865a1,1,0,0,0,.7071-.293L32,22.1006l2.6064,2.6064a1,1,0,0,0,.7071.293H39v3.6865a1,1,0,0,0,.293.7071L41.8994,32ZM55.3472,45.4473l-2.8994,7-7,2.9L41,50.8994V41h9.8994ZM58.0186,25l2.8989,7-2.8989,7H51.728l-7-7,7-7ZM45.4478,8.6523l7,2.9,2.8994,7L50.8994,23H41V13.1006Z'/%3E%3C/svg%3E"); background-size:75px 75px; background-repeat:repeat; }
@media(max-width:680px){ #hisar-umrah .hero-grain{ background-size:58px 58px; opacity:.34; } }

/* Altin butonlar: marka gradyani (#E4C87A -> #C9A24B), uzerinde lacivert yazi */
#hisar-umrah .hh-book,
#hisar-umrah .hero-actions .hero-cta,
#hisar-umrah .hero-actions .hero-cta:hover{
  background:linear-gradient(135deg,#E4C87A 0%,#C9A24B 100%) !important; color:#071A33 !important;
  box-shadow:0 12px 26px -14px rgba(201,162,75,.85);
}
/* Koyu zeminde ikincil buton = ALTIN CERCEVE (turkuaz yerine) */
#hisar-umrah .hero-ghost{ border:1.5px solid rgba(201,162,75,.6) !important; color:#E4C87A !important; }
#hisar-umrah .hero-ghost:hover{ background:rgba(201,162,75,.14) !important; border-color:#E4C87A !important; }
/* Sticky anchor bar: lacivert zemin + altin cerceveli CTA (hero'daki dolu altinla yarismasin) */
#hisar-umrah .hisar-subnav{ background:#04101F; }
#hisar-umrah .hsn-in a{ color:#C3CFE0 !important; }
#hisar-umrah .hsn-cta{ background:transparent; color:#E4C87A; border:1.5px solid rgba(201,162,75,.6); }
#hisar-umrah .hsn-cta:hover{ background:rgba(201,162,75,.14); color:#F0DFAE; }
/* Ustbar ve hero rozeti */
#hisar-umrah .hisar-topbar{ background:#04101F; color:#E9E2D5; }
#hisar-umrah .hero-eyebrow{ background:rgba(251,246,236,.12); border-color:rgba(201,162,75,.45); color:#E4C87A; }
#hisar-umrah .hero-offer{ background:rgba(251,246,236,.07); border-color:rgba(201,162,75,.45); }
#hisar-umrah .hero-offer .ho-price{ color:#E4C87A; }
#hisar-umrah .hero-proof svg{ color:#C9A24B; }
#hisar-umrah .hero-call a{ color:#E4C87A !important; border-bottom-color:rgba(228,200,122,.5); }
#hisar-umrah .hero-seeall svg{ color:#C9A24B; }

/* ================================================================
   CTA HIYERARSISI  (P1)
   ALTIN = birincil donusum · LACIVERT = ikincil · METIN = ucuncul
   Kart olculeri, radius ve yerlesimi DEGISMEDI; sadece renk agirligi.
   ================================================================ */
#hisar-umrah .cta{ transition:background .15s, opacity .15s, transform .15s, filter .15s, box-shadow .15s; }
#hisar-umrah .cta.cta-primary{
  background:linear-gradient(135deg,#E4C87A 0%,#C9A24B 55%,#A8823D 100%) !important;
  color:#071A33 !important; font-weight:800;
  box-shadow:0 10px 24px -14px rgba(201,162,75,.9);
}
#hisar-umrah .cta.cta-primary .sub{ color:#071A33 !important; opacity:.78; }
#hisar-umrah .cta.cta-primary:hover{ transform:translateY(-2px); filter:brightness(1.04); }
#hisar-umrah .cta.cta-primary:focus-visible{ outline:3px solid #071A33; outline-offset:2px; }
/* Ikincil: geri arama — guclu ama acikca ikinci */
#hisar-umrah .cta.cta-advisor{ background:#0B2A4D !important; color:#fff !important; box-shadow:none; }
#hisar-umrah .cta.cta-advisor:hover{ background:#071A33 !important; transform:translateY(-1px); }
/* Bekleme listesi butonu notr kalir */
#hisar-umrah .cta.cta-sold{ background:#8A94A3 !important; color:#fff !important; }

/* Hero kalkis ozeti satiri */
#hisar-umrah .hero-depline{ margin:0 0 12px !important; font-size:13px; font-weight:700; letter-spacing:.01em;
  color:rgba(233,226,213,.9); animation:hisarHeroIn .7s .48s ease both; }
#hisar-umrah .hero-depline[hidden]{ display:none !important; }
@media(max-width:560px){ #hisar-umrah .hero-depline .dep-price{ display:none; } }

/* ================================================================
   HERO MEDYA — sinema hissi, mobilde bedava
   · Masaustu: video; poster once boyanir, video hazir olunca yumusakca
     gecer (siyah flas yok), cok yavas bir kacis (Ken Burns) ekler.
   · Mobil / veri tasarrufu / yavas baglanti / reduced-motion:
     video HIC indirilmez. Poster + "Watch the journey" rozeti.
     Sebep: mobil LCP ve reklam donusumu. Videoyu isteyen dokunur.
   ================================================================ */
#hisar-umrah .hero-media{ border-radius:26px; }
#hisar-umrah .hero-media::after{ content:''; position:absolute; inset:0; border-radius:26px; pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(201,162,75,.28), inset 0 0 70px -30px rgba(228,200,122,.55); }
#hisar-umrah .hero-media.is-poster{ background-size:cover; background-position:center; }
#hisar-umrah .hero-media .hero-video{ opacity:0; transition:opacity .9s ease; }
#hisar-umrah .hero-media.video-ready .hero-video{ opacity:1; }
#hisar-umrah .hero-media.kb{ animation:hisarHeroIn .9s .35s ease both, hisarKen 26s 1.2s ease-in-out infinite alternate; }
@keyframes hisarKen{ from{ transform:scale(1.02) translate3d(0,0,0); } to{ transform:scale(1.09) translate3d(-1.2%,-1.4%,0); } }
#hisar-umrah .hero-watch{ position:absolute; left:50%; bottom:14px; transform:translateX(-50%); z-index:3;
  display:inline-flex; align-items:center; gap:8px; font:inherit; font-weight:800; font-size:12.5px; cursor:pointer;
  background:rgba(4,16,31,.62); color:#E4C87A; border:1px solid rgba(201,162,75,.55);
  padding:9px 15px; border-radius:999px; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); }
#hisar-umrah .hero-watch:hover{ background:rgba(4,16,31,.8); color:#F2E3B8; }
#hisar-umrah .hero-watch svg{ width:14px; height:14px; }
@media(prefers-reduced-motion:reduce){ #hisar-umrah .hero-media.kb{ animation:none; } }

/* ================================================================
   MOBIL KART AKISI — "her ekranda bir kart"
   Kart mimarisi ve olculeri DEGISMEDI. Yapilan: yapiskan barlarin
   altina hizalanan scroll-snap + mobilde daha sik bosluk ritmi.
   Boylece parmak kaydirinca kart tam yerine oturur, yarim kart kalmaz.
   ================================================================ */
@media(max-width:760px){
  #hisar-umrah .grid{ scroll-snap-type:y proximity; }
  #hisar-umrah .grid .pkg{ scroll-snap-align:start; scroll-margin-top:calc(var(--hh-h,64px) + 46px); }
  #hisar-umrah .pkg-visual{ min-height:148px; padding:13px; }
  #hisar-umrah .pkg-visual h3{ font-size:19px !important; }
  #hisar-umrah .facts{ padding:11px 13px !important; gap:9px !important; }
  #hisar-umrah .fact .body .v small{ line-height:1.4; }
  #hisar-umrah .labels{ padding:8px 13px 0 !important; }
  #hisar-umrah .prices{ padding:10px 13px !important; }
  #hisar-umrah .pkg-foot{ padding:11px 13px 13px !important; }
  #hisar-umrah .cta{ min-height:48px; padding:10px 12px !important; }

  /* --- Mobil yogunluk: bilgi KALDIRILMADI, sadece ritim sikilastirildi.
         Hedef: kart yapiskan barlarin altina oturdugunda birincil CTA
         ekranda olsun (iPhone 390x844 referans).                     --- */
  #hisar-umrah .pkg-visual{ min-height:0; }
  #hisar-umrah .pkg-visual .hook{ font-size:12.5px !important; line-height:1.35 !important; margin:5px 0 0 !important; }
  #hisar-umrah .pkg-visual .dates{ font-size:12.5px !important; margin-top:3px !important; }
  #hisar-umrah .cardmeta{ font-size:11.5px !important; margin-top:6px !important; }
  #hisar-umrah .toppills{ gap:5px; }
  #hisar-umrah .labels{ gap:5px !important; padding:7px 13px 0 !important; }
  #hisar-umrah .labels span{ font-size:11px; padding:3px 8px; }
  #hisar-umrah .facts{ gap:8px !important; }
  #hisar-umrah .fact{ gap:9px !important; }
  #hisar-umrah .fact .body .k{ font-size:10px !important; letter-spacing:.09em; }
  #hisar-umrah .fact .body .v{ font-size:13px !important; line-height:1.32 !important; }
  #hisar-umrah .fact .body .v small{ font-size:11.5px !important; line-height:1.32 !important; margin-top:2px !important; }
  #hisar-umrah .brand-logo{ width:36px !important; height:36px !important; }
  #hisar-umrah .prices{ gap:7px !important; }
  #hisar-umrah .price{ padding:8px 4px !important; }
  #hisar-umrah .price .amt{ font-size:18px !important; }
  #hisar-umrah .price .room{ font-size:11px !important; }
  #hisar-umrah .price .per{ font-size:10px !important; }
  #hisar-umrah .meta-row{ font-size:11.5px !important; margin-bottom:8px !important; }
  #hisar-umrah .cta-pair{ gap:8px !important; }
  #hisar-umrah .cta .sub{ font-size:10.5px; }
  #hisar-umrah .foot-links{ margin-top:9px !important; font-size:12.5px !important; }
}

/* ---------- "Umre adim adim" bolumu ---------- */
#hisar-umrah .journey{ background:var(--ivory); border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:clamp(30px,5vw,52px) 0; }
#hisar-umrah .journey-in{ max-width:1180px; margin:0 auto; padding:0 20px; }
#hisar-umrah .journey-head{ text-align:center; max-width:70ch; margin:0 auto 24px; }
#hisar-umrah .journey-ey{ display:inline-block; font-size:11px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; color:var(--gold-ink); background:var(--sand); border:1px solid #E2D5B8; padding:6px 13px; border-radius:999px; }
#hisar-umrah .journey-head h2{ font-family:'Marcellus',serif !important; font-weight:400 !important; font-size:clamp(22px,3.4vw,31px) !important; color:var(--navy-dk) !important; margin:13px 0 8px !important; line-height:1.16; }
#hisar-umrah .journey-head p{ font-size:14.5px; color:var(--ink-soft); font-weight:600; margin:0 !important; }
#hisar-umrah .journey-grid{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
@media(max-width:900px){ #hisar-umrah .journey-grid{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:560px){ #hisar-umrah .journey-grid{ grid-auto-flow:column; grid-auto-columns:80%; grid-template-columns:none; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; padding-bottom:8px; } #hisar-umrah .journey-grid::-webkit-scrollbar{ display:none; } #hisar-umrah .journey-card{ scroll-snap-align:center; } }
#hisar-umrah .journey-card{ background:#fff; border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; display:flex; flex-direction:column; }
#hisar-umrah .journey-card figure{ margin:0; position:relative; flex:0 0 auto; background:var(--sand); height:clamp(158px,14.5vw,196px); display:grid; place-items:center; overflow:hidden; }
#hisar-umrah .journey-card img{ width:100%; height:100%; object-fit:contain; display:block; padding:10px 12px; }
#hisar-umrah .journey-card .jnum{ position:absolute; top:10px; left:10px; width:28px; height:28px; border-radius:50%; background:#071A33; color:#E4C87A; font-size:13px; font-weight:800; display:grid; place-items:center; }
#hisar-umrah .journey-card .jbody{ flex:1 1 auto; padding:14px 16px 17px; }
#hisar-umrah .journey-card h3{ font-size:16px !important; font-weight:800; color:var(--navy-dk) !important; margin:0 0 5px !important; }
#hisar-umrah .journey-card p{ font-size:13.5px; color:var(--ink-soft); font-weight:500; line-height:1.55; margin:0 !important; }
#hisar-umrah .journey-note{ text-align:center; font-size:12.5px; color:var(--ink-soft); margin:16px auto 0 !important; max-width:70ch; }
#hisar-umrah .journey-cta{ display:flex; justify-content:center; margin-top:16px; }
#hisar-umrah .jcta{ font:inherit; font-weight:800; font-size:14.5px; cursor:pointer; border:0; border-radius:999px; padding:13px 26px; min-height:48px;
  background:linear-gradient(135deg,#E4C87A 0%,#C9A24B 100%); color:#071A33; box-shadow:0 12px 26px -14px rgba(201,162,75,.85); }
#hisar-umrah .jcta:hover{ filter:brightness(1.05); }

#hisar-umrah .foot-links button.lnk-lead{ background:none; border:0; padding:0; cursor:pointer; font:inherit; color:var(--turq-dk); font-weight:700; text-decoration:underline; }

/* ---------- Fold ayari: birincil CTA ilk ekranda kalsin ---------- */
#hisar-umrah .hero-copy h1{ font-size:clamp(27px,3.6vw,43px) !important; max-width:21ch; margin:10px 0 10px !important; line-height:1.08 !important; }
#hisar-umrah .hero-lede{ font-size:14.5px; max-width:52ch; margin:0 0 14px !important; }
#hisar-umrah .hero-offer{ padding:10px 14px; margin-bottom:12px; }
#hisar-umrah .hero-offer .ho-price{ font-size:25px; }
#hisar-umrah .hero-proof{ margin-bottom:15px; }
#hisar-umrah .hero-inner{ padding-top:clamp(24px,4vw,40px); padding-bottom:clamp(28px,4vw,46px); }
@media(max-width:680px){
  #hisar-umrah .hero-copy h1{ font-size:clamp(25px,6.4vw,31px) !important; max-width:none; margin:8px 0 9px !important; }
  #hisar-umrah .hero-lede{ font-size:14px; margin:0 0 12px !important; }
  #hisar-umrah .hero-proof li{ font-size:13.3px; }
  #hisar-umrah .hero-offer .ho-price{ font-size:23px; }
}




#hisar-umrah .cost{ max-width:1180px; margin:30px auto 6px; padding:0 20px; }
#hisar-umrah .cost-head{ text-align:center; max-width:830px; margin:0 auto 18px; }
#hisar-umrah .cost-head h2{ font-family:'Marcellus',serif !important; font-weight:400 !important; font-size:clamp(24px,3.6vw,34px) !important; color:var(--navy-dk) !important; line-height:1.12 !important; letter-spacing:.2px; }
#hisar-umrah .cost-head p{ margin-top:11px !important; font-size:15px !important; color:var(--ink-soft) !important; line-height:1.6 !important; }
#hisar-umrah .cost-head p b{ color:var(--navy) !important; font-weight:800; }
#hisar-umrah .cost-table{ width:100%; border-collapse:collapse; background:var(--card); border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; box-shadow:0 16px 42px -32px rgba(7,26,51,.5); }
#hisar-umrah .cost-table thead th{ background:var(--navy-dk); color:#fff !important; font-weight:800 !important; font-size:12px !important; letter-spacing:.03em; text-transform:uppercase; text-align:left; padding:12px 16px !important; }
#hisar-umrah .cost-table thead th:last-child{ text-align:right; }
#hisar-umrah .cost-table td{ padding:13px 16px !important; border-top:1px solid var(--line); color:var(--ink) !important; font-size:14px !important; vertical-align:middle; }
#hisar-umrah .cost-table tbody tr:nth-child(even) td{ background:#F7F9FD; }
#hisar-umrah .cost-table tbody tr:hover td{ background:var(--navy-bg); }
#hisar-umrah .cost-table td b{ font-weight:800; }
#hisar-umrah .cost-table .ct-star{ font-size:11px; font-weight:800; color:var(--gold); background:rgba(217,169,63,.13); padding:1px 6px; border-radius:6px; margin-left:2px; white-space:nowrap; }
#hisar-umrah .cost-table td small{ display:block; font-size:11.5px !important; color:var(--ink-soft) !important; margin-top:2px; }
#hisar-umrah .cost-table .ct-price{ text-align:right; font-weight:800 !important; color:var(--navy) !important; font-size:16px !important; font-variant-numeric:tabular-nums; white-space:nowrap; }
#hisar-umrah .cost-note{ margin-top:12px !important; text-align:center; font-size:12.5px !important; color:var(--ink-soft) !important; line-height:1.55 !important; }
#hisar-umrah .cost-note a{ color:var(--turq-dk) !important; font-weight:800; text-decoration:none !important; }
#hisar-umrah .cost-note a:hover{ text-decoration:underline !important; }
@media(max-width:520px){
  #hisar-umrah .cost-table thead th{ padding:11px 10px !important; font-size:11px !important; }
  #hisar-umrah .cost-table td{ padding:11px 10px !important; font-size:13px !important; }
  #hisar-umrah .cost-table .ct-price{ font-size:15px !important; }
  #hisar-umrah .cost-table td small{ font-size:11px !important; }
}



#hisar-umrah .build{ max-width:1180px; margin:28px auto 10px; padding:0 20px; }
#hisar-umrah .build-head{ text-align:center; max-width:770px; margin:0 auto 18px; }
#hisar-umrah .build-head h2{ font-family:'Marcellus',serif !important; font-weight:400 !important; font-size:clamp(23px,3.4vw,33px) !important; color:var(--navy-dk) !important; line-height:1.1 !important; letter-spacing:.2px; }
#hisar-umrah .build-head p{ margin-top:9px !important; font-size:15px !important; color:var(--ink-soft) !important; line-height:1.55 !important; }

#hisar-umrah .build-card{ background:var(--card); border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; box-shadow:0 22px 54px -36px rgba(7,26,51,.55); }
#hisar-umrah .build-grid{ display:grid; grid-template-columns:1.42fr 1fr; }
@media(max-width:860px){ #hisar-umrah .build-grid{ grid-template-columns:1fr; } }

#hisar-umrah .build-controls{ padding:24px 26px 26px; }
@media(max-width:560px){ #hisar-umrah .build-controls{ padding:20px 16px 22px; } }

#hisar-umrah .bf{ margin-bottom:20px; }
#hisar-umrah .bf:last-child{ margin-bottom:0; }
#hisar-umrah .bf-top{ display:flex; flex-wrap:wrap; align-items:baseline; gap:3px 10px; margin-bottom:10px; }
#hisar-umrah .bf-label{ font-size:12px !important; font-weight:800 !important; letter-spacing:.06em; text-transform:uppercase; color:var(--ink) !important; }
#hisar-umrah .bf-help{ font-size:12px !important; color:var(--ink-soft) !important; font-weight:500; }

#hisar-umrah .bpills{ display:grid; gap:8px; }
#hisar-umrah .bp-2{ grid-template-columns:1fr 1fr; }
#hisar-umrah .bp-3{ grid-template-columns:1fr; }
@media(min-width:480px){ #hisar-umrah .bp-3{ grid-template-columns:repeat(3,1fr); } }
#hisar-umrah .bp-4{ grid-template-columns:1fr 1fr; }
@media(min-width:580px){ #hisar-umrah .bp-4{ grid-template-columns:repeat(4,1fr); } }

#hisar-umrah .bpill{ appearance:none !important; -webkit-appearance:none !important; cursor:pointer; text-align:left; background:#fff !important; border:1.5px solid var(--line) !important; border-radius:12px !important; padding:10px 12px !important; display:flex; flex-direction:column; gap:3px; font:inherit; transition:border-color .15s, box-shadow .15s, transform .12s ease, background .15s; }
#hisar-umrah .bpill b{ font-size:14px !important; font-weight:800 !important; color:var(--ink) !important; display:flex; align-items:center; gap:6px; line-height:1.15; }
#hisar-umrah .bpill b i{ font-style:normal; font-size:11px; font-weight:800; color:var(--gold); background:rgba(217,169,63,.13); padding:1px 6px; border-radius:6px; letter-spacing:.03em; }
#hisar-umrah .bpill small{ font-size:11.5px !important; color:var(--ink-soft) !important; font-weight:500; line-height:1.35; }
#hisar-umrah .bpill:hover{ border-color:var(--turq) !important; transform:translateY(-1px); }
#hisar-umrah .bpill:focus-visible{ outline:3px solid rgba(27,74,120,.5) !important; outline-offset:2px; }
#hisar-umrah .bpill.on{ background:var(--navy) !important; border-color:var(--navy) !important; box-shadow:0 10px 22px -12px rgba(27,74,120,.7); }
#hisar-umrah .bpill.on b, #hisar-umrah .bpill.on small{ color:#fff !important; }
#hisar-umrah .bpill.on b i{ color:#fff; background:rgba(255,255,255,.18); }

#hisar-umrah .bf-hotels{ margin-top:8px !important; font-size:12px !important; color:var(--ink-soft) !important; }
#hisar-umrah .bf-hotels #build-hotels{ font-weight:700; color:var(--navy) !important; }

/* nights split by city */
#hisar-umrah .bnights{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }
@media(max-width:420px){ #hisar-umrah .bnights{ grid-template-columns:1fr; } }
#hisar-umrah .bstep-wrap{ background:var(--navy-bg); border:1px solid var(--line); border-radius:12px; padding:9px 10px; }
#hisar-umrah .bstep-city{ display:block; font-size:12px !important; font-weight:800 !important; color:var(--navy-dk) !important; margin-bottom:7px; }
#hisar-umrah .bstep-city small{ display:block; font-size:10.5px !important; font-weight:600 !important; color:var(--ink-soft) !important; margin-top:2px; letter-spacing:0; }
#hisar-umrah .bpax{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
@media(max-width:620px){ #hisar-umrah .bpax{ grid-template-columns:1fr; } }
#hisar-umrah .bq-breakdown{ margin-top:9px; font-size:12px !important; color:var(--ink) !important; line-height:1.55; }
#hisar-umrah .bq-breakdown span{ display:block; }
#hisar-umrah .bq-breakdown b{ color:var(--navy-dk) !important; font-weight:800; }
#hisar-umrah .bstep{ display:inline-flex; align-items:center; background:#fff; border:1.5px solid var(--line); border-radius:10px; overflow:hidden; width:100%; }
#hisar-umrah .bstep-btn{ appearance:none !important; border:0 !important; background:#fff !important; cursor:pointer; width:38px; height:40px; font-size:20px; font-weight:800; color:var(--navy) !important; line-height:1; transition:background .12s; }
#hisar-umrah .bstep-btn:hover{ background:var(--navy-bg) !important; }
#hisar-umrah .bstep-btn:disabled{ color:#c2cadb !important; cursor:not-allowed; background:#fff !important; }
#hisar-umrah .bstep-btn:focus-visible{ outline:3px solid rgba(27,74,120,.5) !important; outline-offset:-3px; }
#hisar-umrah .bstep-val{ flex:1; text-align:center; font-size:12px !important; color:var(--ink-soft) !important; font-weight:600; border-left:1.5px solid var(--line); border-right:1.5px solid var(--line); height:40px; display:flex; align-items:center; justify-content:center; gap:5px; }
#hisar-umrah .bstep-val em{ font-style:normal; font-size:16px; font-weight:800; color:var(--ink) !important; }

/* ---------- price panel (mihrab niche signature) ---------- */
#hisar-umrah .build-quote{ background:linear-gradient(180deg, var(--navy-dk) 0%, #04101F 100%); color:#fff; padding:22px 24px 22px; display:flex; flex-direction:column; }
#hisar-umrah .build-quote-inner{ position:relative; max-width:320px; margin:0 auto; background:#EDF2FC; color:var(--ink); border-radius:50% 50% 16px 16px / 92px 92px 16px 16px; box-shadow:inset 0 3px 0 0 var(--gold); padding:34px 22px 20px; text-align:center; }
#hisar-umrah .bq-keystone{ position:absolute; top:-6px; left:50%; transform:translateX(-50%) rotate(45deg); width:11px; height:11px; background:var(--gold); border-radius:2px; z-index:2; }
#hisar-umrah .bq-eyebrow{ text-align:center; font-size:10.5px !important; font-weight:800; letter-spacing:.18em; text-transform:uppercase; color:#A8823D !important; }
#hisar-umrah .bq-price{ text-align:center; font-family:'Marcellus',serif !important; font-weight:400 !important; font-size:clamp(38px,6.5vw,50px) !important; line-height:1 !important; color:var(--navy-dk) !important; letter-spacing:.5px; margin-top:2px; }
#hisar-umrah .bq-per{ text-align:center; font-size:12px !important; color:var(--ink-soft) !important; font-weight:600; margin-top:5px; }
#hisar-umrah .bq-total{ text-align:center; font-size:13px !important; color:var(--ink) !important; margin-top:7px; }
#hisar-umrah .bq-total b{ color:var(--navy-dk) !important; font-weight:800; }


#hisar-umrah .bq-inc{ display:flex; flex-wrap:wrap; gap:5px 12px; justify-content:center; margin-top:14px; font-size:11.5px !important; color:rgba(255,255,255,.86) !important; font-weight:600; }

#hisar-umrah .bq-cta{ margin-top:15px; display:grid; gap:9px; }
#hisar-umrah .bq-main{ appearance:none !important; cursor:pointer; border:0 !important; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; background:linear-gradient(135deg,#E4C87A,#C9A24B 55%,#A8823D) !important; color:#071A33 !important; font:inherit; font-weight:800 !important; font-size:15.5px !important; padding:13px 18px !important; min-height:56px; border-radius:14px !important; box-shadow:0 14px 26px -12px rgba(201,162,75,.9); transition:transform .18s, filter .18s; text-decoration:none !important; }
#hisar-umrah .bq-main .s{ font-size:11px !important; font-weight:700 !important; opacity:.82; }
#hisar-umrah .bq-main:hover{ transform:translateY(-2px); filter:brightness(1.04); }
#hisar-umrah .bq-main:focus-visible{ outline:3px solid #fff !important; outline-offset:2px; }

#hisar-umrah .bq-wa{ display:flex; align-items:center; justify-content:center; gap:9px; text-decoration:none !important; cursor:pointer; background:var(--turq) !important; color:#04302c !important; font-weight:800 !important; font-size:14px !important; padding:12px 16px !important; min-height:48px; border-radius:14px !important; transition:filter .15s, transform .15s; }
#hisar-umrah .bq-wa:hover{ filter:brightness(1.05); transform:translateY(-1px); }
#hisar-umrah .bq-wa:focus-visible{ outline:3px solid #fff !important; outline-offset:2px; }
#hisar-umrah .bq-wa svg{ width:17px; height:17px; flex:0 0 auto; }

#hisar-umrah .bq-note{ margin-top:13px !important; font-size:11px !important; line-height:1.5 !important; text-align:center; color:rgba(255,255,255,.62) !important; }

#hisar-umrah .bq-trust{ margin-top:13px; padding-top:12px; border-top:1px solid rgba(255,255,255,.12); text-align:center; font-size:11px !important; font-weight:700; letter-spacing:.02em; color:rgba(242,207,135,.85) !important; }
#hisar-umrah .bq-price.flash{ animation:buildFlash .45s ease; }
@keyframes buildFlash{ 0%{ color:#A8823D; } 100%{ color:var(--navy-dk); } }
@media (prefers-reduced-motion:reduce){ #hisar-umrah .bq-price.flash{ animation:none; } }

/* hero entry point that scrolls to the builder */
#hisar-umrah .hero-build-link{ display:inline-flex; align-items:center; gap:8px; margin-top:15px; color:rgba(233,241,255,.82) !important; font-size:14px !important; font-weight:600; text-decoration:none !important; transition:color .18s; }
#hisar-umrah .hero-build-link b{ color:#E4C87A !important; font-weight:800; }
#hisar-umrah .hero-build-link svg{ color:#E4C87A; transition:transform .18s; }
#hisar-umrah .hero-build-link:hover{ color:#fff !important; }
#hisar-umrah .hero-build-link:hover svg{ transform:translateX(3px); }
#hisar-umrah .hero-build-link:focus-visible{ outline:3px solid rgba(255,255,255,.7); outline-offset:3px; border-radius:6px; }
#hisar-umrah #hisarBuild{ scroll-margin-top:82px; }
@media(max-width:680px){ #hisar-umrah .hero-build-link{ font-size:13.5px !important; margin-top:13px; } }


/* ══ R17 refinements (appended; this file is hand-maintained, not generated) ══ */

/* 1. sticky header on phones. canvas.css is not enqueued on live, so its
      overflow-x:clip never reached the page; traveltour's body{overflow-x:
      hidden} under 999px made <body> the scrollport and the header scrolled
      away. clip keeps the same containment without a scrollport. */
body.hisar-landing-canvas,body.hle-umrah-packages{overflow-x:clip}
@media (max-width:999px){body.hisar-landing-canvas,body.hle-umrah-packages{overflow-x:clip}}

/* 2. type floor: nothing a pilgrim has to read sits under 14.5px; h2s unified */
#hisar-umrah .hero-lede{font-size:17px !important;max-width:52ch}
#hisar-umrah .inc-head h2,#hisar-umrah .tiers-head h2,#hisar-umrah .trust-head h2,
#hisar-umrah .vtest-head h2,#hisar-umrah .faq h2,#hisar-umrah .journey-head h2,
#hisar-umrah .cost-head h2,#hisar-umrah .build-head h2{font-size:clamp(26px,3.2vw,32px) !important;line-height:1.15 !important}
#hisar-umrah .inc-head p,#hisar-umrah .tiers-head p{font-size:15.5px !important}
#hisar-umrah .journey-card p{font-size:15px !important}
#hisar-umrah .review .rtext{font-size:15px !important}
#hisar-umrah .faq summary{font-size:16px !important}
#hisar-umrah .faq details p,#hisar-umrah .faq details li{font-size:15px !important;line-height:1.6}
#hisar-umrah .fact .v{font-size:15.5px !important}
#hisar-umrah .fact .v small{font-size:13.5px !important}
#hisar-umrah .pkg-visual .dates{font-size:14.5px !important}
#hisar-umrah .pkg-visual .hook{font-size:14px !important}
#hisar-umrah .cardmeta .cm{font-size:12.5px !important}
#hisar-umrah .tcard .ttag{font-size:12.5px !important}
#hisar-umrah .bf-help{font-size:13px !important}
#hisar-umrah .inc-note,#hisar-umrah .journey-note,#hisar-umrah .cost-note,#hisar-umrah .hero-network{font-size:13.5px !important}

/* 3. category CTAs: one secondary style; the recommended tier alone is gold */
#hisar-umrah .tcard .tbtn{background:transparent !important;color:var(--navy-dk) !important;
  box-shadow:inset 0 0 0 1.5px var(--navy-dk) !important;min-height:44px;font-size:13.5px !important}
#hisar-umrah .tcard .tbtn:hover{filter:none;background:rgba(7,26,51,.06) !important}
#hisar-umrah .tcard.t-premium .tbtn{background:linear-gradient(135deg,#C9A24B,#7E5F18) !important;color:#fff !important;box-shadow:none !important}

/* 4. counter value never breaks mid-word */
#hisar-umrah .bstep-val{white-space:nowrap;min-width:6.4rem;font-size:12.5px !important}

/* 5. touch floors */
#hisar-umrah .consent-check{min-height:44px;align-items:center}
#hisar-umrah .consent-check input{width:22px !important;height:22px !important;margin:0 !important}
@media (hover:none){
  #hisar-umrah header a,#hisar-umrah .hisar-subnav a{min-height:44px;display:inline-flex;align-items:center}
}

/* a11y: the YouTube-red "Watch" pill was 10.5px white on #FF0000 (3.99:1). Same
   red family, dark enough for 4.5:1 at any size, one step larger. */
#hisar-umrah .inc-item a.watch{background:#C4120E !important;font-size:12px !important;min-height:24px}
#hisar-umrah .journey-grid:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
/* a11y: highlight pills carried 10.5px white on colours that measured 2.7–3.7:1
   (deal #DD8A1C 2.72, fast #E4572E 3.68, cheapest #149A55 3.63). Same hues,
   darkened to the lightest value that clears 4.5:1 with white; one size up.
   "high" (#8659B5, 5.11:1) already passed and is unchanged. */
#hisar-umrah{--hl-deal:#A46615;--hl-fast:#C44B28;--hl-cheapest:#118449}
#hisar-umrah .hl{font-size:11.5px !important}
/* the 22px consent box lost to `dialog.lead input[type="checkbox"]{16px !important}`
   at (1,1,2); this selector is (1,2,2). 16px is a 16px tap target on a required field. */
#hisar-umrah dialog.lead .consent-check input[type="checkbox"]{width:22px !important;height:22px !important;margin:0 !important;flex:0 0 22px !important}
/* a11y: WhatsApp-green links (#1FA855, 3.2:1) at 13px. #0D6E3A keeps the hue and
   clears 4.5:1 on white, ivory and sand (6.35 / 5.89 / 5.21). */
#hisar-umrah .foot-links a.walink,#hisar-umrah a[href*="youtube"],#hisar-umrah a[href*="wa.me"]{color:#0D6E3A !important}
#hisar-umrah .foot-links a.walink{font-size:14px !important}

/* a11y: the Comfort tier pill was 11px white on #8A94A6 (3.1:1); #6c7381 is the same
   grey at 4.77:1. */
#hisar-umrah .tier-comfort{background:#6c7381 !important}
#hisar-umrah .tierpill{font-size:11.5px !important}

/* the Luxury tier's own rule (1,3,1) kept gold text on the now-transparent
   button (#E4C87A on white, 1.6:1). Same treatment as the other secondaries. */
#hisar-umrah .tcard.t-luxury .tbtn{color:var(--navy-dk) !important;box-shadow:inset 0 0 0 1.5px var(--navy-dk) !important;background:transparent !important}
#hisar-umrah .tcard.t-luxury .tbtn:hover{background:rgba(7,26,51,.06) !important}

/* a11y: star badges in the price table (.ct-star) sat under 4.5:1 on the light
   table ground; gold-ink is the palette's text-on-light gold (5.9:1). */
#hisar-umrah .ct-star{color:#7E5F18 !important;font-weight:800}
/* a11y: the star badge <i> inside the planner's hotel-category pills failed 4.5:1
   in the unselected state. gold-ink on the light pill, bright gold on the navy
   selected pill. */
#hisar-umrah .bpill b i{color:#7E5F18 !important;font-style:normal}
#hisar-umrah .bpill.on b i,#hisar-umrah .bpill[aria-pressed="true"] b i{color:#F0DEAA !important}
/* selected pill: the 18% white overlay under the badge lightens the navy enough
   to drop light gold to 4.3:1. White text with no overlay: 7.7:1. */
#hisar-umrah .bpill.on b i,#hisar-umrah .bpill[aria-pressed="true"] b i{color:#fff !important;background:transparent !important;font-size:12px}
#hisar-umrah .bpill b i{font-size:12px}
/* a11y: "Estimated price" eyebrow was #A8823D at 10.5px on #EDF2FC (3.4:1). gold-ink,
   one size up. */
#hisar-umrah .bq-eyebrow{color:#7E5F18 !important;font-size:11.5px !important}

/* a11y: #build-wa ("Send my plan on WhatsApp") text measured rgb(13, 110, 58) on rgb(27, 74, 120) (effective rgb(27, 74, 120)); #FFFFFF gives 9.14:1. */
#hisar-umrah #build-wa{color:#FFFFFF !important}
#hisar-umrah #build-wa svg{color:#FFFFFF !important;fill:currentColor}

/* == R18 Umrah phase A (live defects + mobile floors) ================== */
/* traveltour resets dialog{display:block}, beating the UA dialog:not([open])
   {display:none}; the lead form rendered open at the foot of the page. */
#hisar-umrah dialog.lead:not([open]){display:none !important}
/* anchors must clear the sticky stack (jQuery animate ignored this) */
html{scroll-padding-top:calc(var(--hh-h,64px) + 56px)}
@media (max-width:640px){html{scroll-padding-top:56px}}
/* mobile sticky stack was 110px of 844 (13%): header scrolls away on phones,
   the section bar with the in-page nav stays. Same call the Hajj pages made. */
@media (max-width:640px){
  #hisar-umrah .hisar-head{position:relative !important}
  #hisar-umrah .hisar-subnav{top:0 !important}
}
/* touch floors: 58 controls measured under 44px at 390 */
#hisar-umrah .bstep-btn{width:44px !important;height:44px !important}
#hisar-umrah .bstep{min-height:44px}
#hisar-umrah .foot-links a.walink,#hisar-umrah .foot-links button.lnk-lead{min-height:44px;display:inline-flex;align-items:center;padding:8px 2px}
#hisar-umrah .fselect,#hisar-umrah .chip{min-height:44px !important}
#hisar-umrah .hero-seeall{min-height:44px;padding:8px 0}
#hisar-umrah .hh-burger{min-width:44px;min-height:44px;display:inline-flex !important;align-items:center;justify-content:center}
@media (hover:none){#hisar-umrah .hh-top a{min-height:44px;display:inline-flex;align-items:center}}
/* palette drift: the hotel-score badge used Booking.com blue #003B95 */
#hisar-umrah .hrate b{background:var(--navy) !important}

/* == R18 Umrah phase B (mobile conversion structure) ==================== */

/* persistent bottom bar, phones only */
#hisar-umrah .hm-bar{display:none}
@media (max-width:640px){
  #hisar-umrah .hm-bar{position:fixed;left:0;right:0;bottom:0;z-index:95;display:flex;gap:10px;align-items:stretch;
    padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));background:rgba(7,26,51,.97);
    -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid rgba(228,200,122,.28)}
  #hisar-umrah .hm-call{flex:0 0 auto;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
    min-width:64px;min-height:52px;border-radius:12px;color:#fff;text-decoration:none;font-size:12px;font-weight:800;
    border:1.5px solid rgba(255,255,255,.28)}
  #hisar-umrah .hm-cta{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:52px;
    border:0;border-radius:12px;background:linear-gradient(135deg,#E4C87A,#C9A24B 55%,#A8823D);color:#071A33;font:inherit;cursor:pointer}
  #hisar-umrah .hm-cta b{font-size:15.5px;font-weight:800;line-height:1.1}
  #hisar-umrah .hm-cta small{font-size:11px;font-weight:700;opacity:.85;line-height:1.1}
  #hisar-umrah .hm-cta:focus-visible,#hisar-umrah .hm-call:focus-visible{outline:3px solid #fff;outline-offset:2px}
  /* the bar must never cover the last section or the dialog's own button */
  #hisar-umrah{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}
  #hisar-umrah dialog.lead{max-height:calc(100dvh - 24px)}
  #hisar-umrah .hm-bar.is-parked{transform:translateY(110%)}
  #hisar-umrah .hm-bar{transition:transform .3s ease}
  #hisar-umrah:has(dialog.lead[open]) .hm-bar{display:none}
}

/* hero: on phones, price and the single action come before the proof list;
   the network paragraph (repeated in the Trust section) is dropped from the
   fold; the h1 rises to 2x the lede (25px was 1.5x) */
@media (max-width:640px){
  #hisar-umrah .hero-copy{display:flex;flex-direction:column}
  #hisar-umrah .hero-copy .hero-eyebrow{order:1}
  #hisar-umrah .hero-copy h1{order:2;font-size:30px !important;line-height:1.12 !important}
  #hisar-umrah .hero-copy .hero-lede{order:3;font-size:16px !important;margin-bottom:14px !important}
  #hisar-umrah .hero-copy .hero-offer{order:4}
  #hisar-umrah .hero-copy .hero-actions{order:5;margin-top:12px}
  #hisar-umrah .hero-copy .hero-proof{order:6;margin-top:16px}
  #hisar-umrah .hero-copy .hero-depline{order:7}
  #hisar-umrah .hero-copy .hero-call{order:8}
  #hisar-umrah .hero-copy .hero-seeall,#hisar-umrah .hero-copy .hero-build-link{order:9}
  #hisar-umrah .hero-copy .hero-stats{order:10;margin-top:18px;gap:14px 22px}
  #hisar-umrah .hero-copy .hero-network{display:none}
  #hisar-umrah .hero-copy .hero-media{order:11}
}

/* planner on phones: the estimate leads, the 13 pills and 5 steppers wait behind one button */
@media (max-width:640px){
  #hisar-umrah .build-grid{display:flex;flex-direction:column}
  #hisar-umrah .build-quote{order:-1}
  #hisar-umrah .build-card:not(.is-open) .build-controls{display:none}
  #hisar-umrah .bq-adjust{margin-top:14px;width:100%;min-height:48px;border-radius:12px;border:1.5px solid rgba(255,255,255,.35);
    background:transparent;color:#fff;font:inherit;font-size:14.5px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer}
  #hisar-umrah .bq-adjust i{width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .25s}
  #hisar-umrah .build-card.is-open .bq-adjust i{transform:rotate(-135deg)}
  #hisar-umrah .bq-adjust:focus-visible{outline:3px solid #E4C87A;outline-offset:3px}
}

/* departure cards: one primary per card. Save My Seat stays navy; the call /
   callback button becomes an outline so the two no longer compete. */
#hisar-umrah .cta-pair .cta-advisor{background:#fff !important;color:var(--navy-dk) !important;box-shadow:inset 0 0 0 1.5px var(--navy)}
#hisar-umrah .cta-pair .cta-advisor:hover{background:rgba(27,74,120,.06) !important}
#hisar-umrah .cta-pair .cta-advisor .sub{opacity:.75}

/* remaining touch floors measured after phase A */
#hisar-umrah .htb-contact a{min-height:44px;display:inline-flex;align-items:center}
#hisar-umrah .hero-build-link,#hisar-umrah .vtest-foot a{min-height:44px;display:inline-flex;align-items:center;padding:8px 0}
#hisar-umrah .hero-watch{min-height:44px}
#hisar-umrah .fclear{min-height:44px !important}

/* palette: the video cards carried a sixth navy (#0F2354) */
#hisar-umrah .vcard{background:var(--navy-dk) !important}
#hisar-umrah .vcard .vshade{background:linear-gradient(180deg,rgba(7,26,51,.05) 40%,rgba(7,26,51,.72) 100%) !important}

/* motion: five infinite/entrance animations ran regardless of preference */
@media (prefers-reduced-motion:reduce){
  #hisar-umrah *,#hisar-umrah *::before,#hisar-umrah *::after{animation:none !important;transition-duration:.01ms !important}
}

/* phase B follow-up: on phones the hero call line and stats repeat the bottom
   bar and the Trust section; the tier cards' buttons wrapped mid-word */
@media (max-width:640px){
  #hisar-umrah .hero-copy .hero-call,#hisar-umrah .hero-copy .hero-stats{display:none}
}

/* phase B follow-up 2: the 12 hotel "i" buttons stay 19px visually but take a
   44px touch area; the card's secondary button needs its outline to beat the
   .cta reset; section-bar links floor at 44 */
#hisar-umrah .hinfo{position:relative}
#hisar-umrah .hinfo::after{content:"";position:absolute;inset:-13px}
#hisar-umrah .cta-pair .cta-advisor{box-shadow:inset 0 0 0 1.5px var(--navy) !important}
#hisar-umrah .hisar-subnav a{min-height:44px}

/* phase B follow-up 3: at 390 the four tier cards sat in two 165px columns and
   every line wrapped twice. Same swipe strip the journey cards already use;
   the next card peeks in from the right, which is the swipe hint. */
@media (max-width:640px){
  #hisar-umrah .tiers-grid{display:flex !important;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
    gap:12px;margin:0 -16px;padding:4px 16px 14px;scrollbar-width:none}
  #hisar-umrah .tiers-grid::-webkit-scrollbar{display:none}
  #hisar-umrah .tcard{flex:0 0 82%;max-width:320px;scroll-snap-align:center}
}

/* == R19 SEO: the departure cards get the heading they never had ========== */
#hisar-umrah .dep-head{max-width:1180px;margin:30px auto 14px;padding:0 20px;text-align:center}
#hisar-umrah .dep-head h2{font-family:'Marcellus',serif !important;font-weight:400 !important;font-size:clamp(24px,3.6vw,34px) !important;
  line-height:1.12 !important;color:var(--navy-dk) !important;margin:0 0 8px !important;letter-spacing:.2px}
#hisar-umrah .dep-head p{font-size:14px;font-weight:600;color:var(--ink-soft);max-width:60ch;margin:0 auto !important;line-height:1.5}
@media (max-width:640px){#hisar-umrah .dep-head{margin:22px auto 10px;padding:0 16px}#hisar-umrah .dep-head p{font-size:13.5px}}