.fh-shell{max-width:1280px;margin:0 auto;padding-left:1.25rem;padding-right:1.25rem}
    .fh-card{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:1.25rem;box-shadow:0 10px 30px rgba(15,23,42,.06)}
    .fh-input{width:100%;border:1px solid #e2e8f0;border-radius:14px;padding:.9rem 1rem;outline:none;background:#fff;transition:.2s}
    .fh-input:focus{border-color:#ec4899;box-shadow:0 0 0 4px rgba(236,72,153,.12)}
    .fh-progress{height:10px;background:#fce7f3;border-radius:999px;overflow:hidden}
    .fh-progress__bar{height:100%;background:linear-gradient(90deg,#ec4899,#f97316);transition:width .28s ease}
    .fh-step{scroll-margin-top:110px}
    .fh-step[hidden]{display:none !important}
    .fh-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:.25rem}
    .fh-nav__btn{border:0;border-radius:14px;padding:.9rem 1.15rem;font-weight:700;cursor:pointer;transition:.2s}
    .fh-nav__btn--prev{background:#fff;border:1px solid #cbd5e1;color:#334155}
    .fh-nav__btn--next{background:#ec4899;color:#fff;box-shadow:0 10px 24px rgba(236,72,153,.22)}
    .fh-nav__btn[disabled]{opacity:.45;cursor:not-allowed}
    .fh-btn--wa{display:inline-flex;align-items:center;justify-content:center;width:100%;border:0;border-radius:16px;padding:1rem 1.15rem;background:#16a34a;color:#fff;font-weight:800;box-shadow:0 12px 24px rgba(22,163,74,.22)}
    .fh-error{display:none;padding:.85rem 1rem;border-radius:14px;background:#fff1f2;border:1px solid #fecdd3;color:#be123c;font-size:.92rem}
    .fh-error.is-show{display:block}
    .fh-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
    .fh-summary__item{padding:.85rem 1rem;border:1px dashed #f9a8d4;border-radius:14px;background:#fff}
    .fh-plan-btn{display:block;text-align:center;border-radius:14px;padding:.9rem 1rem;font-weight:800;transition:.2s}
    .fh-anchor-offset{scroll-margin-top:110px}
    @media (max-width:767px){
      .fh-shell{padding-left:1rem;padding-right:1rem}
      .fh-summary{grid-template-columns:1fr}
      .fh-nav{flex-direction:column-reverse}
      .fh-nav__btn,.fh-btn--wa{width:100%}
    }

/* =========================================================
   FUAR HOSTESİ - FINAL POLISH
========================================================= */
main.fh-page,
main.bg-gradient-to-b {
  overflow-x: clip;
}

.fh-card {
  overflow: visible;
}

.fh-price-badge,
.fh-featured-badge {
  white-space: nowrap;
  max-width: calc(100% - 32px);
  overflow: hidden;
  text-overflow: ellipsis;
}

.fh-progress {
  height: 8px;
}

#fhStepLabel,
#fhStepHint {
  line-height: 1.25;
}

.fh-step {
  min-height: auto;
}

@media (max-width: 767px) {
  .fh-progress {
    height: 6px;
  }

  #fhStepLabel,
  #fhStepHint {
    font-size: 13px;
  }

  .fh-card {
    border-radius: 20px;
  }

  .fh-input {
    min-height: 50px;
    font-size: 16px;
  }
}

/* =========================================================
   FUAR HOSTESİ - FORM AKILLI TARİH / ÖN TOPLAM
========================================================= */
.fh-summary--smart{
  grid-template-columns:minmax(0, .9fr) minmax(0, 1.45fr);
  align-items:stretch;
}

.fh-estimate{
  border-style:solid;
  background:linear-gradient(135deg, #fff 0%, #fff7fb 100%);
}

.fh-estimate__total{
  margin-top:2px;
  color:#0f172a;
  font-size:1.2rem;
  line-height:1.2;
  font-weight:900;
  letter-spacing:-.02em;
}

.fh-estimate[data-empty="0"] .fh-estimate__total{
  color:#047857;
}

.fh-estimate__meta{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:9px;
}

.fh-estimate__meta span{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:5px 9px;
  border-radius:999px;
  background:#fff;
  border:1px solid rgba(236,72,153,.16);
  color:#475569;
  font-size:12px;
  font-weight:800;
}

.fh-estimate__note{
  margin-top:8px;
  color:#64748b;
  font-size:12px;
  line-height:1.45;
}

.fh-invalid{
  border-color:#fb7185 !important;
  box-shadow:0 0 0 4px rgba(251,113,133,.16) !important;
}

#rezervasyon input[type="date"],
#rezervasyon input[type="time"]{
  cursor:pointer;
}

#rezervasyon .enb-dt-wrap > input[type="date"],
#rezervasyon .enb-dt-wrap > input[type="time"]{
  min-height:52px;
  padding-right:52px;
}

@media (max-width: 767px){
  .fh-summary--smart{
    grid-template-columns:1fr;
  }

  .fh-estimate__total{
    font-size:1.05rem;
  }
}


/* =========================================================
   ENB Hostes Live Line / Dynamic Year UI
========================================================= */
.enb-hostes-live-line {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  width: max-content;
  max-width: min(100%, 760px);
  margin: 14px 0 0;
  padding: 10px 13px;
  border-radius: 999px;
  border: 1px solid rgba(244, 114, 182, .26);
  background: rgba(255, 255, 255, .88);
  color: #0f172a;
  font-size: clamp(13px, 1.45vw, 16px);
  font-weight: 850;
  line-height: 1.35;
  box-shadow: 0 10px 26px rgba(15, 23, 42, .07);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.enb-hostes-live-line[data-theme="dark"] {
  border-color: rgba(255, 255, 255, .28);
  background: rgba(255, 255, 255, .15);
  color: #fff;
  box-shadow: 0 12px 30px rgba(15, 23, 42, .18);
}

.enb-hostes-live-line [data-enb-live-text] {
  display: inline-block;
  min-width: 0;
  transition: opacity .18s ease, transform .18s ease;
}

.enb-hostes-live-line.is-changing [data-enb-live-text] {
  opacity: 0;
  transform: translateY(4px);
}

.enb-live-dot {
  position: relative;
  flex: 0 0 10px;
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: #22c55e;
  box-shadow: 0 0 0 3px rgba(34, 197, 94, .16);
}

.enb-live-dot::after {
  content: "";
  position: absolute;
  inset: -5px;
  border-radius: inherit;
  background: rgba(34, 197, 94, .24);
  animation: enbHostesLivePulse 1.8s ease-out infinite;
}

@keyframes enbHostesLivePulse {
  0% { transform: scale(.78); opacity: .85; }
  80%, 100% { transform: scale(1.55); opacity: 0; }
}

@media (max-width: 640px) {
  .enb-hostes-live-line {
    width: 100%;
    max-width: 100%;
    justify-content: flex-start;
    align-items: flex-start;
    border-radius: 16px;
    padding: 9px 11px;
    font-size: 13px;
    text-align: left;
  }

  .enb-live-dot {
    margin-top: 4px;
  }
}

.eh-date-close-btn,
.hk-date-close-btn {
  gap: 8px;
}

.eh-date-close-btn__icon,
.hk-date-close-btn__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  font-size: 17px;
  transform: translateY(-1px);
}



/* Hero CTA yazıları: yatay/dikey tam ortalama */

/* =========================================================
   FUAR HOSTESİ - Scroll, Mobil Container ve Sıkı Boşluk Revizyonu
========================================================= */
.fh-page {
  --fh-anchor-desktop: 92px;
  --fh-anchor-mobile: 58px;
}

.fh-scroll-section,
.fh-anchor-offset,
.fh-section-head,
.fh-form-scroll-target,
.fh-step {
  scroll-margin-top: var(--fh-anchor-desktop);
}

.fh-plan-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  width: 100%;
  line-height: 1.2;
}

.fh-plan-btn__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.35rem;
  height: 1.35rem;
  line-height: 1;
  transform: translateY(-1px);
}

@media (max-width: 767px) {
  .fh-page {
    --fh-anchor-mobile: 52px;
  }

  .fh-page {
    --fh-mobile-side-gap: 8px;
  }

  .fh-page .fh-shell {
    width: calc(100% - (var(--fh-mobile-side-gap) * 2));
    max-width: calc(100% - (var(--fh-mobile-side-gap) * 2));
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .fh-page > section.max-w-7xl,
  .fh-page > section.max-w-6xl,
  .fh-page > section.max-w-5xl {
    width: calc(100% - (var(--fh-mobile-side-gap) * 2)) !important;
    max-width: calc(100% - (var(--fh-mobile-side-gap) * 2)) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  #fiyatlar,
  #fiyatlar .fh-section-head,
  #fiyatlar .fh-section-head h2 {
    scroll-margin-top: 8px;
  }

  .fh-scroll-section,
  .fh-anchor-offset,
  .fh-section-head,
  .fh-form-scroll-target,
  .fh-step {
    scroll-margin-top: var(--fh-anchor-mobile);
  }

  .fh-page .fh-scroll-section {
    padding-top: 1.35rem !important;
    padding-bottom: 1.35rem !important;
  }

  #sss.fh-scroll-section {
    padding-top: .5rem !important;
    padding-bottom: 1.4rem !important;
  }

  #fiyatlar .fh-section-head,
  #rezervasyon .fh-card > .text-center,
  #hostes-ekibi .fh-section-head,
  #sss .fh-section-head {
    margin-bottom: 1rem !important;
  }

  #fiyatlar .fh-section-head h2,
  #rezervasyon h2,
  #hostes-ekibi .fh-section-head,
  #sss h2 {
    line-height: 1.15;
  }

  #fiyatlar .grid,
  #rezervasyon .grid,
  #hostes-ekibi .grid {
    gap: .8rem !important;
  }

  #fiyatlar .fh-card,
  #rezervasyon .fh-card,
  #sss .fh-card {
    border-radius: 18px;
  }

  #fiyatlar .fh-card.p-5,
  #rezervasyon .fh-card.p-5,
  #rezervasyon .fh-card.md\:p-6 {
    padding: .95rem !important;
  }

  #fiyatlar .fh-plan-btn {
    min-height: 46px;
    margin-top: .9rem !important;
    border-radius: 13px;
    padding: .78rem .9rem;
  }

  #fiyatlar article ul {
    row-gap: .35rem;
  }

  #rezervasyon .fh-progress {
    margin-bottom: .65rem !important;
  }

  #rezervasyon form {
    row-gap: .85rem !important;
  }

  #rezervasyon .fh-summary,
  #rezervasyon .fh-estimate__meta {
    gap: .55rem;
  }

  #rezervasyon .fh-summary__item {
    padding: .72rem .78rem;
  }

  #rezervasyon label {
    display: inline-block;
    margin-bottom: .32rem;
    font-size: .93rem;
    line-height: 1.25;
  }

  #rezervasyon .fh-input {
    min-height: 46px;
    padding: .78rem .86rem;
    border-radius: 13px;
  }

  #rezervasyon textarea.fh-input {
    min-height: 92px;
  }

  #rezervasyon .fh-nav {
    gap: .65rem;
  }

  #rezervasyon .fh-nav__btn,
  #rezervasyon .fh-btn--wa {
    min-height: 46px;
    padding: .78rem 1rem;
    border-radius: 13px;
  }

  #hostes-ekibi .fh-section-head {
    margin-bottom: 1rem !important;
  }

  #hostes-ekibi article {
    border-radius: 18px;
  }

  #hostes-ekibi img {
    height: 17rem;
  }

  #sss .fh-acc-head {
    padding: .88rem 1rem;
    font-size: .98rem;
    line-height: 1.3;
  }

  #sss .fh-acc-body {
    padding-left: 1rem;
    padding-right: 1rem;
    line-height: 1.55;
  }
}

@media (max-width: 380px) {
  .fh-page {
    --fh-mobile-side-gap: 6px;
  }
}


@media (max-width: 767px) {
  body.page-istanbul-fuar-hostesi .enb-hf-intent-section {
    padding-left: 18px !important;
    padding-right: 10px !important;
  }
}

/* Fuar Hostesi - Premium Button Hover */
body.page-istanbul-fuar-hostesi .fh-page a,
body.page-istanbul-fuar-hostesi .fh-page button {
  -webkit-tap-highlight-color: transparent;
}

/* Masaüstü hover efekti */
@media (hover: hover) and (pointer: fine) {
  body.page-istanbul-fuar-hostesi .fh-page a[class*="bg-"],
body.page-istanbul-fuar-hostesi .fh-page button[class*="bg-"],
body.page-istanbul-fuar-hostesi .fh-page .fh-package-btn,
body.page-istanbul-fuar-hostesi .fh-page .fh-cta-btn {
    position: relative;
    overflow: hidden;
    transition:
      transform .22s ease,
      box-shadow .22s ease,
      filter .22s ease,
      border-color .22s ease,
      background .22s ease;
  }

  body.page-istanbul-fuar-hostesi .fh-page a[class*="bg-"]:hover,
body.page-istanbul-fuar-hostesi .fh-page button[class*="bg-"]:hover,
body.page-istanbul-fuar-hostesi .fh-page .fh-package-btn:hover,
body.page-istanbul-fuar-hostesi .fh-page .fh-cta-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 32px rgba(225, 20, 72, .22);
    filter: brightness(1.04);
  }

  body.page-istanbul-fuar-hostesi .fh-page a[class*="bg-"]::after,
body.page-istanbul-fuar-hostesi .fh-page button[class*="bg-"]::after,
body.page-istanbul-fuar-hostesi .fh-page .fh-package-btn::after,
body.page-istanbul-fuar-hostesi .fh-page .fh-cta-btn::after {
    content: "";
    position: absolute;
    top: 0;
    left: -120%;
    width: 70%;
    height: 100%;
    background: linear-gradient(
      110deg,
      transparent 0%,
      rgba(255, 255, 255, .34) 45%,
      transparent 100%
    );
    transform: skewX(-18deg);
    pointer-events: none;
  }

  body.page-istanbul-fuar-hostesi .fh-page a[class*="bg-"]:hover::after,
body.page-istanbul-fuar-hostesi .fh-page button[class*="bg-"]:hover::after,
body.page-istanbul-fuar-hostesi .fh-page .fh-package-btn:hover::after,
body.page-istanbul-fuar-hostesi .fh-page .fh-cta-btn:hover::after {
    animation: fhButtonShine .75s ease;
  }
}

@keyframes fhButtonShine {
  from {
    left: -120%;
  }
  to {
    left: 130%;
  }
}

/* Mobil dokunma efekti */
@media (max-width: 767px) {
  body.page-istanbul-fuar-hostesi .fh-page a,
  body.page-istanbul-fuar-hostesi .fh-page button {
    transition:
      transform .16s ease,
      box-shadow .16s ease,
      filter .16s ease;
  }

  body.page-istanbul-fuar-hostesi .fh-page a:active,
  body.page-istanbul-fuar-hostesi .fh-page button:active {
    transform: scale(.975);
    filter: brightness(.98);
  }
}

/* =========================================================
   İSTANBUL FUAR HOSTESİ — EXHIBITION FLOOR HERO
   Anahtar kelime atmosferi: premium stand, ışıklı fuar koridoru,
   kurumsal ilk temas. Masaüstü metin bloğu gerçek viewport merkezindedir.
========================================================= */
body.page-istanbul-fuar-hostesi .fh-premium-hero {
  --scene-bg:
    radial-gradient(circle at 72% 18%, rgba(236,72,153,.24), transparent 34%),
    radial-gradient(circle at 14% 84%, rgba(245,158,11,.15), transparent 30%),
    linear-gradient(128deg, #07111f 0%, #111b35 46%, #4b123d 100%);
  --scene-text: #fff;
  --scene-muted: rgba(241,245,249,.78);
  --scene-accent: #fbbf24;
  --scene-accent-2: #ec4899;
  --scene-surface: rgba(15,23,42,.46);
  --scene-border: rgba(255,255,255,.18);
  --scene-shadow: 0 42px 100px rgba(2,6,23,.48);
}

body.page-istanbul-fuar-hostesi .fh-premium-hero::before {
  background: radial-gradient(circle, rgba(251,191,36,.22), transparent 68%);
}

body.page-istanbul-fuar-hostesi .fh-premium-hero::after {
  background: radial-gradient(circle, rgba(236,72,153,.32), transparent 70%);
}

body.page-istanbul-fuar-hostesi .fh-premium-hero .enb-hostes-scene__texture {
  opacity: .48;
  background-image:
    linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px),
    linear-gradient(115deg, transparent 0 42%, rgba(251,191,36,.08) 43%, transparent 44% 100%);
  background-size: 54px 54px, 54px 54px, 100% 100%;
}

body.page-istanbul-fuar-hostesi .fh-premium-hero h1 {
  max-width: 12.5ch;
}

body.page-istanbul-fuar-hostesi .fh-premium-hero__frame {
  border-radius: 36px 36px 86px 36px;
  transform: perspective(1200px) rotateY(-2deg);
}

body.page-istanbul-fuar-hostesi .fh-premium-hero__frame::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
  background: linear-gradient(90deg, transparent 0 66%, rgba(251,191,36,.08) 66% 67%, transparent 67% 100%);
}

body.page-istanbul-fuar-hostesi .fh-premium-hero .enb-hostes-scene__badge--top {
  border-color: rgba(251,191,36,.28);
}

body.page-istanbul-fuar-hostesi .fh-premium-hero .enb-hostes-scene__badge--side {
  border-color: rgba(236,72,153,.3);
}

@media (min-width: 1024px) {
  body.page-istanbul-fuar-hostesi .fh-premium-hero .enb-hostes-scene__copy {
    justify-content: center;
    padding-block: 24px;
  }

  body.page-istanbul-fuar-hostesi .fh-premium-hero .enb-hostes-scene__visual {
    align-self: center;
  }
}

@media (max-width: 900px) {
  body.page-istanbul-fuar-hostesi .fh-premium-hero__frame {
    transform: none;
    border-radius: 28px 28px 58px 28px;
  }
}