.hero2 { position: relative; isolation: isolate; overflow: hidden; color: #fff; background: #0d1222; padding: 44px 0 150px; }
.h2-bg, .h2-bg > * { position: absolute; inset: 0; pointer-events: none; }
.h2-bg { z-index: -1; }
.h2-photo { width: 100%; height: 100%; object-fit: cover; object-position: center 70%; opacity: .34; filter: blur(3px) saturate(1.3) contrast(1.05); transform: scale(1.04); -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 55%, transparent 100%); mask-image: linear-gradient(180deg, #000 0%, #000 55%, transparent 100%); }
.h2-sky { background: radial-gradient(60% 55% at 78% 38%, rgba(238,158,8,.30), transparent 70%), radial-gradient(40% 40% at 10% 0%, rgba(90,110,200,.25), transparent 70%), linear-gradient(180deg, rgba(13,18,34,.55) 0%, rgba(13,18,34,.35) 40%, #0d1222 96%); }
[dir="rtl"] .h2-sky { background: radial-gradient(60% 55% at 22% 38%, rgba(238,158,8,.30), transparent 70%), radial-gradient(40% 40% at 90% 0%, rgba(90,110,200,.25), transparent 70%), linear-gradient(180deg, rgba(13,18,34,.55) 0%, rgba(13,18,34,.35) 40%, #0d1222 96%); }
.h2-sun { inset: auto; width: 620px; height: 620px; top: 2%; inset-inline-end: 4%; border-radius: 50%; background: radial-gradient(circle, rgba(255,214,120,.55) 0%, rgba(238,158,8,.28) 32%, rgba(238,158,8,.08) 55%, transparent 70%); filter: blur(6px); animation: sun 7s ease-in-out infinite alternate; }
@keyframes sun { from { transform: scale(.94); opacity: .85; } to { transform: scale(1.06); opacity: 1; } }
.h2-stars i { position: absolute; left: var(--x); top: var(--y); width: 3px; height: 3px; border-radius: 50%; background: #fff; box-shadow: 0 0 8px 2px rgba(255,220,150,.7); transform: scale(var(--s)); opacity: .2; animation: twinkle 3.6s ease-in-out var(--d) infinite; }
@keyframes twinkle { 0%, 100% { opacity: .15; } 50% { opacity: .95; } }
.h2-road { inset: auto 0 0; height: 160px; overflow: hidden; }
.h2-road::before { content: ''; position: absolute; inset: 40% 0 0; background: linear-gradient(180deg, transparent, rgba(238,158,8,.07)); }
.h2-road span { position: absolute; height: 2px; width: 38%; left: -40%; border-radius: 2px; background: linear-gradient(90deg, transparent, rgba(246,183,60,.9), #fff); filter: drop-shadow(0 0 6px rgba(246,183,60,.9)); animation: trail 4.2s linear infinite; }
.h2-road span:nth-child(1) { bottom: 58px; }
.h2-road span:nth-child(2) { bottom: 34px; animation-duration: 3.1s; animation-delay: 1.2s; width: 26%; }
.h2-road span:nth-child(3) { bottom: 84px; animation-duration: 5.4s; animation-delay: 2.4s; width: 18%; opacity: .6; }
@keyframes trail { to { left: 110%; } }

.h2-in { position: relative; display: grid; grid-template-columns: 1fr 1.08fr; gap: 32px; align-items: center; min-height: min(600px, calc(100svh - var(--hdr) - 120px)); }
.h2-kicker { display: inline-flex; align-items: center; gap: 10px; padding: 8px 16px 8px 12px; border-radius: 999px; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.16); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); font-size: .86rem; font-weight: 700; color: rgba(255,255,255,.9); }
[dir="rtl"] .h2-kicker { padding: 8px 12px 8px 16px; }
.dot { width: 9px; height: 9px; border-radius: 50%; background: #3ddc84; box-shadow: 0 0 0 0 rgba(61,220,132,.6); animation: ping 2s infinite; }
@keyframes ping { 70% { box-shadow: 0 0 0 10px rgba(61,220,132,0); } 100% { box-shadow: 0 0 0 0 rgba(61,220,132,0); } }
.hero2 h1 { color: #fff; font-size: clamp(2.5rem, 1.3rem + 4.6vw, 4.7rem); line-height: 1.02; margin: 22px 0 18px; letter-spacing: -.035em; }
.l-ar .hero2 h1 { line-height: 1.25; letter-spacing: 0; }
.h2-rot { display: block; position: relative; height: 1.14em; overflow: hidden; }
.l-ar .h2-rot { height: 1.4em; }
.h2-word { position: absolute; inset-inline-start: 0; top: 0; white-space: nowrap; background: linear-gradient(100deg, #ffd27a 0%, #ee9e08 35%, #fff1c9 50%, #ee9e08 65%, #ffb938 100%); background-size: 220% 100%; -webkit-background-clip: text; background-clip: text; color: transparent; animation: shine 4s linear infinite; }
.h2-word.in { animation: shine 4s linear infinite, wIn .7s cubic-bezier(.2,.8,.2,1) both; }
.h2-word.out { animation: wOut .6s ease both; }
@keyframes shine { to { background-position: -220% 0; } }
@keyframes wIn { from { transform: translateY(100%); opacity: 0; filter: blur(6px); } }
@keyframes wOut { to { transform: translateY(-100%); opacity: 0; filter: blur(6px); } }
.h2-lead { font-size: 1.14rem; color: rgba(255,255,255,.78); max-width: 30em; margin-bottom: 28px; }
.h2-cta { display: flex; flex-wrap: wrap; gap: 12px; }
.btn-glass { background: rgba(255,255,255,.08); color: #fff; border: 1.5px solid rgba(255,255,255,.25); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
.btn-glass:hover { background: rgba(255,255,255,.16); }
.hero2 .btn-amber { box-shadow: 0 10px 30px -8px rgba(238,158,8,.8), inset 0 1px 0 rgba(255,255,255,.4); }
.h2-stats { list-style: none; padding: 0; margin: 34px 0 0; display: flex; gap: 0; }
.h2-stats li { padding-inline: 22px; border-inline-start: 1px solid rgba(255,255,255,.15); }
.h2-stats li:first-child { padding-inline-start: 0; border: 0; }
.h2-stats b { display: block; font-family: var(--f-head); font-size: 1.7rem; line-height: 1.1; color: #fff; }
.h2-stats b em { font-style: normal; color: var(--amber); font-size: 1.1rem; margin-inline-start: 4px; }
.h2-stats span { font-size: .82rem; color: rgba(255,255,255,.6); font-weight: 600; }

.h2-stage { --px: 0; --py: 0; position: relative; aspect-ratio: 1.22; width: 100%; }
.h2-ring { position: absolute; left: 50%; top: 52%; border-radius: 50%; border: 1.5px dashed rgba(246,183,60,.35); transform: translate(-50%, -50%) rotateX(68deg); }
.h2-ring.r1 { width: 92%; aspect-ratio: 1; animation: spin 38s linear infinite; }
.h2-ring.r2 { width: 68%; aspect-ratio: 1; border-style: solid; border-color: rgba(255,255,255,.1); animation: spin 26s linear infinite reverse; }
@keyframes spin { to { transform: translate(-50%, -50%) rotateX(68deg) rotate(360deg); } }
.h2-glow { position: absolute; left: 12%; right: 12%; top: 28%; height: 50%; border-radius: 50%; background: radial-gradient(closest-side, rgba(238,158,8,.45), transparent); filter: blur(20px); }
.h2-plat { position: absolute; left: 14%; right: 14%; top: 72%; height: 12%; border-radius: 50%; background: radial-gradient(closest-side, rgba(0,0,0,.6), transparent); }
.h2-plat::after { content: ''; position: absolute; inset: -18% -6%; border-radius: 50%; border-top: 2px solid rgba(246,183,60,.85); filter: drop-shadow(0 -4px 10px rgba(246,183,60,.8)); opacity: .8; }
.h2-cars { position: absolute; inset: 6% 2% 14%; z-index: 2; transform: translate(calc(var(--px) * -14px), calc(var(--py) * -10px)); transition: transform .3s ease-out; }
.h2-car { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; object-position: center bottom; opacity: 0; transform: translateX(60px) scale(.92); transition: opacity .8s ease, transform .9s cubic-bezier(.2,.8,.2,1); filter: drop-shadow(0 28px 22px rgba(0,0,0,.55)) drop-shadow(0 0 30px rgba(238,158,8,.18)); }
[dir="rtl"] .h2-car { transform: translateX(-60px) scale(.92); }
.h2-car.on { opacity: 1; transform: none; animation: floaty 5s ease-in-out .9s infinite; }
.h2-car.off { opacity: 0; transform: translateX(-70px) scale(.92); }
[dir="rtl"] .h2-car.off { transform: translateX(70px) scale(.92); }
@keyframes floaty { 50% { transform: translateY(-8px); } }
.h2-tag { position: absolute; z-index: 3; bottom: 4%; inset-inline-start: 2%; padding: 12px 18px; border-radius: 18px; background: rgba(13,18,34,.55); border: 1px solid rgba(255,255,255,.16); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); box-shadow: 0 20px 40px -20px rgba(0,0,0,.6); }
.h2-tag b { display: block; font-family: var(--f-head); font-size: 1.05rem; color: #fff; }
.h2-tag span { font-size: .85rem; color: rgba(255,255,255,.7); font-weight: 600; }
.h2-tag em { font-style: normal; font-family: var(--f-head); font-weight: 800; font-size: 1.35rem; color: var(--amber); }
.h2-tag.pop { animation: pop2 .6s cubic-bezier(.2,.8,.2,1); }
@keyframes pop2 { from { transform: translateY(10px) scale(.96); opacity: .3; } }
.h2-chip { position: absolute; z-index: 3; display: inline-flex; align-items: center; gap: 8px; padding: 9px 14px; border-radius: 999px; font-size: .82rem; font-weight: 700; color: #fff; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.2); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); box-shadow: 0 12px 30px -14px rgba(0,0,0,.6); animation: bob 6s ease-in-out infinite; white-space: nowrap; }
.h2-chip .ic { width: 16px; height: 16px; color: var(--amber); }
.h2-chip.c1 { top: 6%; inset-inline-start: 4%; }
.h2-chip.c2 { top: 22%; inset-inline-end: 0; animation-delay: -3s; }
@keyframes bob { 50% { transform: translateY(-10px); } }
.h2-dots { position: absolute; z-index: 3; bottom: 6%; inset-inline-end: 4%; display: flex; gap: 6px; }
.h2-dots button { width: 8px; height: 8px; border-radius: 99px; border: 0; padding: 0; background: rgba(255,255,255,.3); cursor: pointer; transition: width .3s, background .3s; }
.h2-dots button[aria-current] { width: 26px; background: var(--amber); }

.bookbar { position: relative; z-index: 4; margin-top: -112px; }
.bx { display: grid; gap: 12px; padding: 22px; border-radius: 28px; background: #fff; box-shadow: 0 40px 80px -30px rgba(13,18,34,.45), 0 0 0 1px rgba(18,24,43,.04); }
.bx-bar { grid-template-columns: 1.1fr 1fr .9fr 1.7fr; grid-template-areas: "head head est est" "car pick ret dates" "name note note sub" "err err err err"; align-items: end; }
.bx-stack { grid-template-columns: 1fr 1fr; grid-template-areas: "head head" "car car" "pick ret" "dates dates" "name name" "note note" "est est" "err err" "sub sub"; }
.bx .book-head { grid-area: head; margin: 0 0 2px; }
.bx-bar .book-head { display: flex; align-items: baseline; gap: 14px; flex-wrap: wrap; }
.bx .book-head h2 { font-size: 1.3rem; margin: 0; }
.t-car { grid-area: car; } .t-pick { grid-area: pick; } .t-ret { grid-area: ret; } .t-dates { grid-area: dates; }
.t-name { grid-area: name; } .t-note { grid-area: note; } .t-est { grid-area: est; } .t-err { grid-area: err; } .t-sub { grid-area: sub; }
.bx-bar .t-est { justify-self: end; align-self: center; padding: 8px 14px; }
.bx .fld input { min-height: 54px; }
.bx .t-sub { min-height: 54px; width: 100%; }
.tile { display: flex; align-items: center; gap: 12px; min-width: 0; width: 100%; text-align: start; padding: 10px 14px 10px 10px; min-height: 64px; border-radius: 16px; border: 1.5px solid var(--line); background: var(--cream); cursor: pointer; transition: border-color .15s, background .15s, transform .15s, box-shadow .15s; }
[dir="rtl"] .tile { padding: 10px 10px 10px 14px; }
.tile:hover { border-color: var(--amber); background: #fff; box-shadow: 0 8px 20px -12px rgba(238,158,8,.6); }
.tile:active { transform: scale(.98); }
.tile-ic { flex: none; width: 44px; height: 44px; border-radius: 12px; display: grid; place-items: center; background: var(--amber-soft); color: var(--amber-d); overflow: hidden; }
.tile-ic .ic { width: 22px; height: 22px; }
.tile-ic.has-img { background: #fff; border: 1px solid var(--line); }
.tile-ic img { width: 100%; height: 100%; object-fit: contain; padding: 3px; }
.tile-txt { flex: 1; min-width: 0; display: grid; }
.tile-txt small { font-size: .7rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); }
.l-ar .tile-txt small { letter-spacing: 0; font-size: .8rem; }
.tile-txt b { font-size: .98rem; color: var(--navy); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tile-txt b i { font-style: normal; color: var(--amber-d); margin: 0 2px; }
.tile > .ic { flex: none; width: 18px; height: 18px; color: var(--muted); }
[dir="rtl"] .tile > .ic { transform: scaleX(-1); }
.tile-badge { flex: none; font-size: .78rem; font-weight: 800; color: var(--navy); background: var(--amber); padding: 5px 10px; border-radius: 999px; }
.tile-badge:empty { display: none; }

.pk { border: 0; padding: 0; background: transparent; width: min(560px, 100% - 24px); max-height: min(760px, 100dvh - 32px); overflow: visible; color: var(--ink); }
.pk::backdrop { background: rgba(10,14,26,.55); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); }
.pk[open] { animation: pkIn .28s cubic-bezier(.2,.8,.2,1); }
@keyframes pkIn { from { opacity: 0; transform: translateY(24px) scale(.98); } }
.pk-card { display: flex; flex-direction: column; max-height: min(760px, 100dvh - 32px); background: #fff; border-radius: 28px; overflow: hidden; box-shadow: 0 40px 80px -20px rgba(0,0,0,.45); }
.pk-grab { display: none; }
.pk-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 20px 22px 12px; }
.pk-head h3 { margin: 0; font-size: 1.25rem; }
.pk-x { width: 40px; height: 40px; border-radius: 50%; border: 0; background: var(--sand); display: grid; place-items: center; cursor: pointer; flex: none; }
.pk-body { overflow-y: auto; padding: 4px 22px 22px; overscroll-behavior: contain; }
.pk-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 22px calc(14px + env(safe-area-inset-bottom)); border-top: 1px solid var(--line); background: #fff; }
.pk-foot[hidden] { display: none; }
.pk-foot .btn { min-width: 150px; }
.pk-foot .btn:disabled { opacity: .45; cursor: not-allowed; }
.pk-foot .btn .ic { width: 18px; height: 18px; }
.pk-sum b { display: block; font-family: var(--f-head); font-size: 1.15rem; color: var(--navy); }
.pk-sum small { color: var(--muted); font-weight: 700; }

.pk-tabs { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; margin: 0 -22px 14px; padding: 2px 22px; }
.pk-tabs button { flex: none; border: 1.5px solid var(--line); background: var(--cream); border-radius: 999px; padding: 8px 14px; font-weight: 700; font-size: .86rem; cursor: pointer; color: var(--navy-2); }
.pk-tabs button.on { background: var(--navy); border-color: var(--navy); color: #fff; }
.pk-advise { width: 100%; display: flex; align-items: center; gap: 14px; text-align: start; padding: 14px 16px; margin-bottom: 12px; border-radius: 18px; border: 1.5px dashed var(--amber); background: linear-gradient(120deg, var(--amber-soft), #fff); cursor: pointer; }
.pk-advise > .ic:first-child { width: 40px; height: 40px; padding: 9px; border-radius: 12px; background: var(--amber); color: var(--navy); flex: none; }
.pk-advise span { flex: 1; display: grid; }
.pk-advise small { color: var(--muted); }
.pk-advise > .ic:last-child { width: 22px; height: 22px; color: var(--amber-d); }
.pk-advise.sel { border-style: solid; }
.pk-cars { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.pk-car { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 2px; text-align: start; padding: 10px 12px 12px; border-radius: 18px; border: 1.5px solid var(--line); background: #fff; cursor: pointer; transition: border-color .15s, box-shadow .15s, transform .15s; }
.pk-car:hover { border-color: var(--amber); box-shadow: 0 12px 24px -16px rgba(238,158,8,.8); }
.pk-car:active { transform: scale(.98); }
.pk-car.sel { border: 2px solid var(--amber); box-shadow: 0 0 0 4px rgba(238,158,8,.15); }
.pk-img { width: 100%; aspect-ratio: 16/10; display: grid; place-items: center; border-radius: 12px; margin-bottom: 8px; background: radial-gradient(120% 90% at 50% 100%, #fff, var(--sand)); }
.pk-img img { max-width: 92%; max-height: 92%; object-fit: contain; filter: drop-shadow(0 8px 6px rgba(18,24,43,.18)); }
.pk-car b { font-size: .95rem; color: var(--navy); line-height: 1.25; }
.pk-car small { font-size: .74rem; color: var(--muted); font-weight: 600; }
.pk-price { margin-top: 6px; font-size: .8rem; font-weight: 700; color: var(--muted); }
.pk-price em { font-style: normal; font-family: var(--f-head); font-size: 1.15rem; font-weight: 800; color: var(--navy); }
.pk-check { position: absolute; top: 14px; inset-inline-end: 14px; z-index: 1; width: 24px; height: 24px; border-radius: 50%; background: var(--amber); color: var(--navy); display: none; place-items: center; }
.pk-check .ic { width: 15px; height: 15px; stroke-width: 3; }
.pk-car.sel .pk-check { display: grid; }
.pk-new { position: absolute; top: 14px; inset-inline-start: 16px; z-index: 1; font-size: .64rem; font-weight: 800; letter-spacing: .08em; background: var(--navy); color: var(--amber); padding: 3px 7px; border-radius: 6px; }

.pk-places { display: grid; gap: 10px; }
.pk-place { display: flex; align-items: center; gap: 14px; width: 100%; text-align: start; padding: 12px 14px; border-radius: 18px; border: 1.5px solid var(--line); background: #fff; cursor: pointer; transition: border-color .15s, background .15s; }
.pk-place:hover { border-color: var(--amber); }
.pk-place.sel { border: 2px solid var(--amber); background: linear-gradient(120deg, var(--amber-soft), #fff 70%); }
.pk-pic { flex: none; width: 46px; height: 46px; border-radius: 14px; display: grid; place-items: center; background: var(--navy); color: var(--amber); }
.pk-pic .ic { width: 22px; height: 22px; }
.pk-ptxt { flex: 1; min-width: 0; display: grid; }
.pk-ptxt b { color: var(--navy); font-size: 1rem; }
.pk-ptxt small { color: var(--muted); font-size: .82rem; font-weight: 600; }
.pk-free { flex: none; font-size: .7rem; font-weight: 800; color: #0f7a41; background: #e3f6ea; padding: 4px 8px; border-radius: 999px; }
.pk-radio { flex: none; width: 22px; height: 22px; border-radius: 50%; border: 2px solid var(--line); }
.pk-place.sel .pk-radio { border: 7px solid var(--amber); }

.pk-range { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 8px; margin-bottom: 10px; }
.pk-end { padding: 10px 14px; border-radius: 16px; border: 1.5px solid var(--line); background: var(--cream); cursor: pointer; display: grid; }
.pk-end.on { border-color: var(--amber); background: #fff; box-shadow: 0 0 0 4px rgba(238,158,8,.15); }
.pk-end small { font-size: .68rem; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; color: var(--muted); }
.l-ar .pk-end small { letter-spacing: 0; font-size: .78rem; }
.pk-end b { color: var(--navy); font-size: .98rem; }
.pk-end em { font-style: normal; color: var(--amber-d); font-weight: 800; font-size: .85rem; }
.pk-arrow .ic { width: 20px; height: 20px; color: var(--amber-d); }
.pk-hint { display: flex; align-items: center; gap: 8px; font-size: .88rem; font-weight: 700; color: var(--amber-d); margin: 0 0 10px; }
.pk-hint .ic { width: 16px; height: 16px; }
.pk-cal { border: 1px solid var(--line); border-radius: 20px; padding: 12px; }
.pk-mon { display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px; }
.pk-mon b { font-family: var(--f-head); color: var(--navy); text-transform: capitalize; }
.pk-mon button { width: 38px; height: 38px; border-radius: 12px; border: 1px solid var(--line); background: #fff; display: grid; place-items: center; cursor: pointer; }
.pk-mon button:disabled { opacity: .3; cursor: default; }
.pk-mon .ic { width: 18px; height: 18px; }
.pk-wk, .pk-days { display: grid; grid-template-columns: repeat(7, 1fr); }
.pk-wk span { text-align: center; font-size: .72rem; font-weight: 800; color: var(--muted); padding: 6px 0; text-transform: uppercase; }
.pk-days span, .pk-days button { height: 44px; }
.pk-days button { position: relative; border: 0; background: none; font: inherit; font-weight: 700; color: var(--navy); cursor: pointer; z-index: 0; }
.pk-days button::after { content: ''; position: absolute; inset: 3px; border-radius: 12px; z-index: -1; transition: background .15s; }
.pk-days button:hover:not(:disabled)::after { background: var(--sand); }
.pk-days button:disabled { color: #c9c3b6; cursor: default; }
.pk-days button.t::after { box-shadow: inset 0 0 0 1.5px var(--amber); }
.pk-days button.r { background: var(--amber-soft); }
.pk-days button.sr { background: linear-gradient(90deg, transparent 50%, var(--amber-soft) 50%); }
.pk-days button.er { background: linear-gradient(90deg, var(--amber-soft) 50%, transparent 50%); }
[dir="rtl"] .pk-days button.sr { background: linear-gradient(270deg, transparent 50%, var(--amber-soft) 50%); }
[dir="rtl"] .pk-days button.er { background: linear-gradient(270deg, var(--amber-soft) 50%, transparent 50%); }
.pk-days button.s::after, .pk-days button.e::after { background: var(--amber); box-shadow: 0 6px 14px -6px rgba(238,158,8,.9); }
.pk-times { margin-top: 14px; display: grid; gap: 6px; }
.pk-times label { font-size: .72rem; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; color: var(--muted); margin-top: 6px; }
.l-ar .pk-times label { letter-spacing: 0; font-size: .82rem; }
.pk-slots { display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; margin: 0 -22px; padding: 2px 22px 4px; scroll-behavior: smooth; }
.pk-slots::-webkit-scrollbar, .pk-tabs::-webkit-scrollbar { display: none; }
.pk-slots button { flex: none; border: 1.5px solid var(--line); background: #fff; border-radius: 12px; padding: 9px 12px; font-weight: 700; font-size: .9rem; color: var(--navy-2); cursor: pointer; font-variant-numeric: tabular-nums; direction: ltr; }
.pk-slots button.on { background: var(--navy); border-color: var(--navy); color: #fff; }

@media (max-width: 1080px) {
  .h2-in { grid-template-columns: 1fr; gap: 8px; min-height: 0; }
  .h2-stage { max-width: 600px; justify-self: center; }
  .bx-bar { grid-template-columns: 1fr 1fr; grid-template-areas: "head head" "car car" "pick ret" "dates dates" "name note" "est est" "err err" "sub sub"; }
  .bx-bar .t-est { justify-self: stretch; }
}
@media (max-width: 760px) {
  .hero2 { padding: 26px 0 120px; }
  .hero2 h1 { font-size: 2.6rem; margin: 16px 0 12px; }
  .l-ar .hero2 h1 { font-size: 2.4rem; }
  .h2-lead { font-size: 1rem; margin-bottom: 20px; }
  .h2-cta { flex-wrap: nowrap; gap: 10px; }
  .h2-cta .btn { flex: 1 1 auto; padding: 14px 12px; font-size: .9rem; gap: 8px; min-width: 0; }
  .h2-cta .btn .ic { width: 18px; height: 18px; }
  .t-dates .tile-txt b { white-space: normal; line-height: 1.3; }
  .h2-stats { margin-top: 22px; }
  .h2-stats li { padding-inline: 14px; }
  .h2-stats b { font-size: 1.35rem; }
  .h2-stage { aspect-ratio: 1.15; margin-top: 8px; }
  .h2-sun { width: 420px; height: 420px; top: auto; bottom: 8%; inset-inline-end: -30%; }
  .h2-chip { font-size: .72rem; padding: 7px 11px; }
  .h2-chip.c2 { top: 16%; }
  .h2-tag { padding: 9px 14px; border-radius: 14px; }
  .h2-tag b { font-size: .92rem; }
  .h2-tag em { font-size: 1.15rem; }
  .bookbar { margin-top: -84px; }
  .bx { padding: 18px; border-radius: 24px; gap: 10px; }
  .bx-bar, .bx-stack { grid-template-columns: 1fr 1fr; grid-template-areas: "head head" "car car" "pick ret" "dates dates" "name name" "note note" "est est" "err err" "sub sub"; }
  .t-pick .tile-ic, .t-ret .tile-ic { display: none; }
  .t-pick, .t-ret { padding-inline-start: 14px; }
  .pk { margin: auto auto 0; width: 100%; max-width: 100%; max-height: 92dvh; }
  .pk-card { border-radius: 26px 26px 0 0; max-height: 92dvh; }
  .pk-grab { display: block; width: 44px; height: 5px; border-radius: 9px; background: var(--line); margin: 10px auto 0; }
  .pk-head { padding-top: 10px; }
  .pk[open] { animation: pkUp .32s cubic-bezier(.2,.8,.2,1); }
  @keyframes pkUp { from { transform: translateY(60px); opacity: .3; } }
  .pk-days span, .pk-days button { height: 42px; }
}
@media (max-width: 380px) { .pk-cars { gap: 8px; } .h2-chip.c2 { display: none; } }
@media (prefers-reduced-motion: reduce) { .h2-car, .h2-word { transition: none; animation: none !important; } }

/* EMBAF-UX-2026: Mobile visual upgrade */
@media(max-width:767px){
html,body{max-width:100%;overflow-x:clip}
.hdr{position:sticky;top:0;z-index:210}
.hdr .hdr-in{gap:6px;padding-inline:10px}
.hdr .brand img{width:clamp(105px,29vw,140px);height:auto}
.hdr .hdr-act{gap:5px;min-width:0}
.hdr .langs{gap:2px;padding:4px 5px;min-height:39px}
.hdr .langs>.ic{display:none}
.hdr .langs a{font-size:12px;display:flex;align-items:center;gap:4px;padding:5px}
.hdr .langs a:not([aria-current="true"]){display:none}
.hdr .langs.emb-lang-expanded{position:absolute;top:calc(100% - 1px);inset-inline-end:89px;display:flex;flex-direction:column;z-index:230;min-width:104px;padding:8px;border-radius:15px;box-shadow:0 15px 35px #0d152b33}
.hdr .langs.emb-lang-expanded a{display:flex}
.hdr .burger{width:40px;height:40px;min-width:40px;border-radius:13px}
.emb-currency-trigger{min-width:41px;height:39px;padding:0 5px;border:1px solid #e7dcc9;border-radius:12px;background:#fff7e8;color:#16213b;font:800 12px Manrope,sans-serif}
.drawer[data-drawer]:not([hidden]){position:fixed!important;top:var(--emb-top,78px);inset-inline:12px;bottom:var(--emb-bottom,79px);z-index:205;overflow-y:auto;overscroll-behavior:contain;background:linear-gradient(140deg,#fffefa,#f6f0e5);border:1px solid #eae0cf;border-radius:23px;box-shadow:0 23px 60px #0d173947;padding:18px;animation:emb-slide .22s ease-out}
.drawer nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0 18px}
.drawer nav a{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:9px;min-height:90px;border:1px solid #eee4d7!important;border-radius:16px;padding:13px!important;background:#fff;color:#15213a;font-size:13px!important;font-weight:800;box-shadow:0 4px 13px #14203b0a}
[dir=rtl] .drawer nav a{align-items:flex-end;text-align:right}
.drawer nav a[aria-current=page]{background:#fff0d2;border-color:#eaaa1c!important}
.emb-nav-icon{display:grid;place-items:center;background:#fff1d9;width:34px;height:34px;border-radius:10px;color:#aa7307;font-size:18px}
.emb-menu-heading{font-size:20px;font-weight:800;color:#121d34}
.emb-menu-sub{font-size:12px;color:#7a8191;margin:4px 0 12px}
.emb-menu-label{margin:14px 0 8px;color:#7b8190;text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:800}
.drawer-langs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 12px!important}
.drawer-langs a{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid #e9ddc8;border-radius:14px;padding:10px 4px!important;background:#fff;font-size:12px!important}
.drawer-langs a[aria-current=true]{background:#17233b;border-color:#17233b;color:#fff}
.emb-flag{font-size:17px;line-height:1.15}
.emb-menu-book{display:flex;align-items:center;justify-content:center;width:100%;background:#efa40a;color:#121c32;font-size:14px;font-weight:800;border:0;border-radius:14px;padding:13px;margin:13px 0 0}
.drawer>.btn-wa{border-radius:14px}
.tabs[data-tabs]{display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start!important;gap:9px;overflow-x:auto;overflow-y:hidden;padding:5px 16px 12px;margin:0 -16px 18px;scrollbar-width:none;scroll-snap-type:x proximity;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.tabs[data-tabs]::-webkit-scrollbar{display:none}
.tabs[data-tabs] button{display:flex;align-items:center;gap:7px;white-space:nowrap;flex:0 0 auto;min-height:45px;padding:11px 14px;border-radius:14px;background:#fff;border:1.5px solid #e7dcca;color:#17223b;font-size:13px;scroll-snap-align:start;box-shadow:0 4px 12px #15203b0b}
.tabs[data-tabs] button[aria-selected=true]{background:#16213b;color:#fff;border-color:#16213b;box-shadow:0 7px 18px #121e3a2c}
.emb-tab-icon{font-size:15px;line-height:1}
.car-img{overflow:hidden;background:linear-gradient(165deg,#f1ebde 0%,#fcf9f2 70%,#eee4d4 100%)}
.car-img img{mix-blend-mode:multiply;-webkit-mask-image:linear-gradient(to bottom,#000 0 92%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0 92%,transparent 100%)}
.h2-car{-webkit-mask-image:linear-gradient(to bottom,#000 0 87%,transparent 99%);mask-image:linear-gradient(to bottom,#000 0 87%,transparent 99%)}
.car{border-radius:21px;overflow:hidden}
}
@keyframes emb-slide{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
.emb-cur-menu{position:fixed;z-index:450;min-width:190px;padding:8px;background:#fff;border:1px solid #e9dec8;border-radius:17px;box-shadow:0 22px 60px #121b3645}
.emb-cur-menu[hidden]{display:none!important}
.emb-cur-menu button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px;background:transparent;border:0;border-radius:10px;color:#17213b;font-size:13px;font-weight:800;text-align:start}
.emb-cur-menu button[aria-selected=true]{background:#fff0d1;color:#956000}
.emb-cur-note{font-size:10px;color:#747d90;line-height:1.45;margin:8px}
.emb-drawer-currency{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.emb-drawer-currency button{padding:11px 2px;background:#fff;border:1px solid #e7dcc7;border-radius:12px;color:#17213b;font-size:12px;font-weight:800}
.emb-drawer-currency button[aria-selected=true]{background:#ffefcc;border-color:#dfa00d;color:#875d0c}

/* Header and drawer share the same breakpoint, including tablet widths. */
.hdr{z-index:320;background:#faf6ee;border-bottom:1px solid #e7e0d1}
.hdr .hdr-in{gap:20px;justify-content:space-between}
.hdr .brand{flex:none}
.hdr .nav{gap:2px}
.hdr .nav a{padding:9px 11px;white-space:nowrap}
.hdr .hdr-act{gap:10px;flex:none}
.emb-flag{display:inline-flex;width:22px;height:16px;flex:none;vertical-align:middle}
.emb-flag svg{display:block;width:100%;height:100%;border-radius:3px;box-shadow:0 0 0 1px #12182b20}
.emb-language{position:relative;font-size:13px;font-weight:800}
.emb-language summary,.emb-currency-trigger{display:flex;align-items:center;justify-content:center;gap:7px;height:44px;padding:0 12px;border:1px solid #e7e0d1;border-radius:12px;background:#fff;color:#12182b;font:800 13px var(--f-body);cursor:pointer;white-space:nowrap}
.emb-language summary{list-style:none}
.emb-language summary::-webkit-details-marker{display:none}
.emb-language summary:after{content:'⌄';font-size:15px;color:#5a6276}
.emb-language-options{position:absolute;inset-inline-end:0;top:calc(100% + 8px);min-width:160px;padding:6px;background:#fff;border:1px solid #e7e0d1;border-radius:14px;box-shadow:var(--sh-lg)}
.emb-language-options a{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:9px}
.emb-language-options a[aria-current=true]{background:#fdf1d8}
.emb-cur-menu{z-index:450}
.emb-cur-menu button{justify-content:flex-start;gap:8px;min-height:44px}
.emb-menu-backdrop{position:fixed;inset:var(--emb-top,64px) 0 0;z-index:300;background:#12182b66;border:0}
.emb-menu-backdrop[hidden],.drawer[hidden]{display:none!important}
html.emb-menu-open{overflow:hidden}
@media(min-width:1101px){.drawer[data-drawer],.emb-menu-backdrop{display:none!important}}
@media(max-width:1100px){
 :root{--hdr:68px}
 .hdr .nav,.hdr .hide-m{display:none}
 .hdr .hdr-in{height:var(--hdr);gap:10px;padding-inline:0}
 .hdr .hdr-act{margin-inline-start:auto;gap:7px}
 .hdr .brand img{width:128px;height:auto}
 .hdr .burger{display:inline-flex;width:44px;height:44px;min-width:44px;border-radius:12px}
 .drawer[data-drawer]:not([hidden]){position:fixed!important;top:var(--emb-top,68px);inset-inline:12px;bottom:max(12px,env(safe-area-inset-bottom));z-index:310;max-width:460px;margin-inline-start:auto;overflow-y:auto;overscroll-behavior:contain;background:#faf6ee;border:1px solid #e7e0d1;border-radius:0 0 22px 22px;box-shadow:var(--sh-lg);padding:22px;animation:emb-slide .18s ease-out}
 .drawer nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}
 .drawer nav a{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;min-height:80px;padding:12px!important;border:1px solid #e7e0d1!important;border-radius:14px;background:#fff;font-size:14px!important;font-weight:800}
 .drawer nav a[aria-current=page]{background:#fdf1d8;border-color:#ee9e08!important}
 .drawer .emb-menu-heading{font-size:22px;line-height:1.4;padding-inline-end:42px}
 .drawer .emb-menu-sub{font-size:12px;line-height:1.6;margin:4px 0 14px}
 .drawer .drawer-langs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0 0 14px!important}
 .drawer .drawer-langs a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:12px 3px!important;font-size:12px!important;min-width:0}
 .emb-menu-label{font-size:11px;font-weight:800;margin:16px 0 8px;color:#5a6276}
 .emb-menu-close{position:absolute;top:16px;inset-inline-end:16px;width:40px;height:40px;border:1px solid #e7e0d1;border-radius:12px;background:#fff;font-size:24px;cursor:pointer}
 .drawer>.btn-wa{margin-top:16px}
 .emb-drawer-currency button{min-height:44px}
}
@media(max-width:380px){.hdr .brand img{width:100px}.hdr .hdr-act{gap:5px}.emb-language summary,.emb-currency-trigger{padding-inline:8px}.hdr .wrap{width:calc(100% - 24px)}.drawer[data-drawer]:not([hidden]){padding:18px;inset-inline:8px}}
.drawer>.btn-wa{direction:ltr}.emb-drawer-currency button{direction:ltr}

/* Clean transparent cars: retain all tires and the true paint color. */
.h2-car,.car-img img{-webkit-mask-image:none!important;mask-image:none!important;mix-blend-mode:normal!important}
.h2-car{filter:drop-shadow(0 20px 16px #0005);object-position:center bottom}
.car-img{background:radial-gradient(ellipse at 50% 90%,#ee9e0818,transparent 65%),linear-gradient(145deg,#faf8f3,#f2ead9);padding:32px 22px 18px}
.car-img img{filter:drop-shadow(0 12px 9px #12182b25);max-width:100%;max-height:100%}
.car{border:1px solid #e7e0d1;border-radius:22px;box-shadow:0 10px 30px -18px #12182b55}
.pk-img img{mix-blend-mode:normal;filter:drop-shadow(0 7px 6px #12182b22)}
.tabs[data-tabs]{display:flex;gap:9px;flex-wrap:wrap;justify-content:center;margin-bottom:26px;padding:6px 2px}
.tabs[data-tabs] button,.pk-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:10px 15px;border:1px solid #e7e0d1;border-radius:15px;background:#fff;color:#12182b;font-size:13px;font-weight:800;box-shadow:0 3px 12px #12182b05;white-space:nowrap;transition:background .2s,border-color .2s,box-shadow .2s}
.tabs[data-tabs] button:hover,.pk-tabs button:hover{border-color:#ee9e08;background:#fff8e9}
.tabs[data-tabs] button[aria-selected=true],.pk-tabs button.on{background:#12182b;border-color:#12182b;color:#fff;box-shadow:0 8px 20px -10px #12182b88}
.emb-tab-icon,.emb-category-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;background:#ee9e081a;color:#b87700;flex:none}
.emb-tab-icon svg,.emb-category-icon svg{width:21px;height:21px;display:block}
.tabs button[aria-selected=true] .emb-tab-icon,.pk-tabs button.on .emb-category-icon{color:#ee9e08;background:#ee9e0820}
.cat{border:1px solid #e7e0d1;border-radius:22px;box-shadow:0 8px 26px -18px #12182b55}
.cat h3{color:#12182b}.cat img{transition:transform .35s}.cat:hover img{transform:scale(1.03)}
@media(max-width:767px){
 .tabs[data-tabs]{justify-content:flex-start;flex-wrap:nowrap;gap:9px;overflow-x:auto;margin-inline:-16px;padding:6px 16px 14px;scrollbar-width:none}
 .tabs[data-tabs] button{min-height:50px;padding:9px 13px;flex:none;border-radius:15px}
 .h2-cars{inset:6% 2% 16%}.h2-tag{backdrop-filter:blur(12px)}
}