to
![]()
for Google Images indexing + responsive srcset. These
override the legacy background-size:cover rules.
============================================================ */
img.tic-img,
img.activity-img,
img.gc-photo{
display:block !important;
width:100% !important;
height:auto !important;
max-width:100% !important;
object-fit:cover !important;
object-position:center !important;
background-color:var(--color-surface-soft,#FAF7F1) !important;
}
img.tic-img,
img.activity-img{
aspect-ratio:4 / 3 !important;
height:100% !important;
}
img.gc-photo{
flex:0 0 clamp(220px,70vw,280px);
width:clamp(220px,70vw,280px) !important;
height:clamp(220px,70vw,280px) !important;
scroll-snap-align:start;
border-radius:16px;
box-shadow:0 4px 14px rgba(14,42,71,0.08);
}
/* Tour card image wrapper anim — keep the existing card border-radius */
.tour-card-isp{overflow:hidden}
.activity-card{overflow:hidden}
/* Wave 50.1: BMAD UX+FE sentezi — hero headline + booking widget bug fix paketi. Additive, mevcut Wave 49.x ve 50.0 dokunulmadan. Kapsam: (1) tab brand ikon boyut, (2) swap btn boyut + rotate iptal, (3) round-trip subtitle overflow, (4) hero h1 clamp ceiling. */
@media (min-width:769px){.booking-widget.in-hero .booking-tab .bw-tab-icon,.booking-widget.in-hero .booking-tab img.brand-icon{width:24px !important;height:24px !important;flex-shrink:0}.booking-widget.in-hero .booking-swap-btn{width:36px !important;height:36px !important}.booking-widget.in-hero .booking-swap-btn .brand-icon,.booking-widget.in-hero .booking-swap-btn img{width:20px !important;height:20px !important}.booking-widget.in-hero .booking-swap-btn:hover{transform:none !important}}
@media (max-width:768px){.booking-widget.in-hero .booking-tab .bw-tab-icon,.booking-widget.in-hero .booking-tab img.brand-icon{width:20px !important;height:20px !important;flex-shrink:0}}
@media (min-width:1025px){.booking-widget.in-hero .bw-roundtrip-field{padding-inline-start:1rem !important;min-height:80px;overflow:visible}.booking-widget.in-hero .bw-roundtrip-field .bw-toggle{gap:0.25rem !important}.booking-widget.in-hero .bw-roundtrip-field .bw-toggle-text{font-size:0.625rem;line-height:1.25;white-space:normal;max-width:100%;letter-spacing:0.02em}.hb-overlay h1{font-size:clamp(1.875rem,3.2vw,2.75rem) !important;line-height:1.1 !important}}
@media (min-width:1440px){.hb-overlay h1{font-size:clamp(2rem,2.6vw,3rem) !important}}
/* Wave 50.2: round-trip pill DE/EN'de tasiyor — PDF spec wave'inden gelen display:inline-block !important ile content-sized. Cozum: display:block + width:100% + box-sizing zinciri ile parent field width'inde kal. Sadece >=769px masaustu/tablet, mobil zaten ayri kurallarla yonetiliyor. */
@media (min-width:769px){.booking-widget.in-hero .bw-roundtrip-field{overflow:hidden;min-width:0}.booking-widget.in-hero .bw-roundtrip-field .bw-toggle{width:100%;box-sizing:border-box;min-width:0}.booking-widget.in-hero .bw-roundtrip-field .bw-toggle-text{display:block !important;width:100% !important;max-width:100% !important;box-sizing:border-box !important;white-space:normal !important;text-align:center !important;font-size:0.5625rem !important;padding:0.4rem 0.5rem !important;line-height:1.2 !important;letter-spacing:0.02em !important}}
/* Wave 50.3: ROUND-TRIP field eksik brand-icon ::before - mask-image kurali var ama common props (position/width/height) selector listesinde yokmus. Diger fields ile esit gorunum: orange 28px circle + gidis-donus.png mask. Wave 50.1'in 1rem padding-inline-start 1rem'i 3.25rem'e geri (ikon yer rezervasyonu icin). */
@media (min-width:769px){.booking-widget.in-hero .bw-roundtrip-field{padding-inline-start:3.25rem !important}.booking-widget.in-hero .bw-roundtrip-field::before{content:"" !important;position:absolute !important;inset-inline-start:0.4375rem !important;top:50% !important;transform:translateY(-50%) !important;width:28px !important;height:28px !important;border-radius:50% !important;background-color:var(--color-accent,#C3664B) !important;background-image:none !important;-webkit-mask-image:url("/assets/brand/icons/gidis-donus.png") !important;mask-image:url("/assets/brand/icons/gidis-donus.png") !important;-webkit-mask-size:contain !important;mask-size:contain !important;-webkit-mask-position:center !important;mask-position:center !important;-webkit-mask-repeat:no-repeat !important;mask-repeat:no-repeat !important}body.rtl .booking-widget.in-hero .bw-roundtrip-field::before{inset-inline-start:auto !important;right:0.4375rem !important}}
@media (max-width:768px){.booking-widget.in-hero .bw-roundtrip-field{padding-inline-start:3rem !important}.booking-widget.in-hero .bw-roundtrip-field::before{width:22px !important;height:22px !important;inset-inline-start:0.4375rem !important}}
/* Wave 50.4: round-trip field inline horizontal + 80px sabit yukseklik + pill desktop gizli (BMAD UX+FE sentezi: Option A). Sadece >=769px masaustu; mobil Wave 49.8 bands korunur. */
@media (min-width:769px){.booking-widget.in-hero .bw-roundtrip-field{flex-direction:row !important;align-items:center !important;justify-content:flex-start !important;gap:0.75rem !important;min-height:80px !important;max-height:80px !important;padding-block:0 !important;padding-inline-start:3.25rem !important;padding-inline-end:1rem !important;overflow:hidden !important}.booking-widget.in-hero .bw-roundtrip-field .bw-label{margin:0 !important;white-space:nowrap !important;line-height:1 !important;flex:0 0 auto !important}.booking-widget.in-hero .bw-roundtrip-field .bw-toggle{display:inline-flex !important;flex-direction:row !important;align-items:center !important;gap:0.5rem !important;width:auto !important;flex:1 1 auto !important;min-width:0 !important;padding:0 !important}.booking-widget.in-hero .bw-roundtrip-field .bw-toggle-text{display:none !important}.booking-widget.in-hero .bw-roundtrip-field .bw-toggle-track{margin-inline-start:auto !important;flex-shrink:0 !important}.booking-widget.in-hero .bw-roundtrip-field::before{top:50% !important;transform:translateY(-50%) !important}}
/* Wave 50.5: mobil grid blowout + round-trip pill fix (BMAD UX+FE sentezi, canli preview'da dogrulandi). Additive, SADECE <=768px. (1) grid item min-width:0 ile track'e sigsin, (2) input/select/placeholder ellipsis ile kesilsin, (3) autocomplete-dropdown width'e katki yapmasin, (4) round-trip pill mobilde de gizli (desktop Wave 50.4 ile tutarli), toggle label yaninda inline. Desktop'a ve brand ikonlara DOKUNMAZ. */
@media (max-width:768px){.booking-widget.in-hero .booking-form,.booking-widget.in-hero .booking-form.bw-form-transfer,.booking-widget.in-hero .booking-panel[data-roundtrip="on"] .booking-form.bw-form-transfer,.booking-widget.in-hero .booking-form.bw-form-hourly,.booking-widget.in-hero .booking-form.bw-form-tours{grid-template-columns:1fr !important;min-width:0 !important;max-width:100% !important}.booking-widget.in-hero .booking-field{min-width:0 !important;width:auto !important;max-width:100% !important;overflow:hidden !important}.booking-widget.in-hero .booking-field input,.booking-widget.in-hero .booking-field select{min-width:0 !important;max-width:100% !important;width:100% !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important}.booking-widget.in-hero .booking-field input::placeholder{overflow:hidden !important;text-overflow:ellipsis !important}.booking-widget.in-hero .booking-field .autocomplete-dropdown{min-width:0 !important;max-width:100% !important}.booking-widget.in-hero .bw-roundtrip-field{min-width:0 !important;max-width:100% !important;overflow:hidden !important;flex-direction:row !important;align-items:center !important;gap:0.5rem !important}.booking-widget.in-hero .bw-roundtrip-field .bw-label{flex:0 0 auto !important;white-space:nowrap !important;margin-bottom:0 !important}.booking-widget.in-hero .bw-roundtrip-field .bw-toggle{display:inline-flex !important;flex-direction:row !important;align-items:center !important;gap:0.5rem !important;width:auto !important;flex:1 1 auto !important;min-width:0 !important;padding:0 !important}.booking-widget.in-hero .bw-roundtrip-field .bw-toggle-text{display:none !important}.booking-widget.in-hero .bw-roundtrip-field .bw-toggle-track{margin-inline-start:auto !important;flex-shrink:0 !important}}
/* Wave 50.6: round-trip ON olunca her sey kayiyordu (4 kolon -> 5 kolon, tum field 217->160px daraliyordu). Cozum: ON da OFF ile AYNI 4 kolonu korur, return date YENI 3. satira eklenir -> from/to/date/rt/pax/lug HIC kipirdama. Sadece >=1025px. */
@media (min-width:1025px){.booking-widget.in-hero .booking-panel[data-panel="transfer"][data-roundtrip="on"] .booking-form.bw-form-transfer{grid-template-columns:1fr 36px 1fr 1fr !important;grid-template-areas:"from swap to date" "rt rt pax lug" "ret ret ret ret" !important;grid-auto-rows:minmax(80px,auto) !important}}