.preview-main{overflow:hidden}.preview-hero-shell{background:var(--section-alt)}.preview-hero{position:relative;min-height:62svh;display:flex;flex-direction:column;overflow:hidden;border-radius:0 0 96px 96px;background:#061009;color:#fff}.preview-ambient{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 16% 20%,rgba(46,204,113,.12),transparent 32%),linear-gradient(rgba(46,204,113,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(46,204,113,.025) 1px,transparent 1px);background-size:auto,56px 56px,56px 56px;mask-image:linear-gradient(#000,transparent 94%)}.preview-wrap{position:relative;z-index:2;width:min(1120px,calc(100% - 40px));margin:auto;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(390px,.98fr);align-items:center;gap:clamp(42px,5vw,72px);padding:clamp(88px,11vh,108px) 0 38px}.preview-copy{min-width:0}.preview-rating{display:flex;align-items:center;gap:8px;margin-bottom:20px;font-size:.67rem;color:rgba(255,255,255,.5)}.preview-stars{color:#f5bd33;letter-spacing:.08em}.preview-rating strong{color:#fff}.preview-title{margin:0 0 18px;font-size:clamp(2.2rem,4.2vw,3.6rem);font-weight:900;line-height:.94;letter-spacing:-.045em}.preview-title>span>span{display:block;overflow:hidden;padding-bottom:.08em}.preview-title>span>span:last-child{color:rgba(255,255,255,.36)}.preview-title em{font-style:normal;color:var(--green)}.preview-title>span>span{transform:translateY(115%);animation:previewTitle .82s .12s cubic-bezier(.16,1,.3,1) forwards}.preview-title>span>span:nth-child(2){animation-delay:.24s}.preview-sub{max-width:500px;margin:0 0 25px;font-size:clamp(.85rem,1.2vw,.96rem);line-height:1.68;color:rgba(255,255,255,.48)}.preview-search{width:100%;max-width:580px;height:62px;display:flex;align-items:center;gap:11px;padding:6px 6px 6px 18px;border:1px solid rgba(46,204,113,.3);border-radius:16px;background:#fff;box-shadow:0 24px 65px rgba(0,0,0,.3),0 0 0 6px rgba(46,204,113,.035);transition:border-color .2s,box-shadow .2s}.preview-search:focus-within{border-color:var(--green);box-shadow:0 24px 65px rgba(0,0,0,.34),0 0 0 5px rgba(46,204,113,.1)}.preview-search>svg{width:19px;height:19px;flex:none;color:#27ae60}.preview-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#0f1a12;font:inherit;font-size:.86rem;transition:opacity .18s,transform .18s}.preview-search input::placeholder{color:#7f8982}.preview-search input.is-switching{opacity:0;transform:translateY(4px)}.preview-search button{height:50px;padding:0 21px;border:0;border-radius:11px;background:var(--green);color:#07160b;font:inherit;font-size:.75rem;font-weight:850;cursor:pointer;transition:background .2s,transform .2s}.preview-search button:hover{background:#39d77d;transform:translateY(-1px)}[dir=rtl] .preview-search{padding:6px 18px 6px 6px}.preview-popular{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:12px;font-size:.62rem;color:rgba(255,255,255,.38)}.preview-popular a{color:rgba(255,255,255,.68);text-decoration:underline;text-underline-offset:3px;transition:color .2s}.preview-popular a:hover{color:var(--green)}.preview-benefits{display:flex;flex-wrap:wrap;gap:18px;margin-top:26px}.preview-benefits>div{display:flex;align-items:center;gap:7px;font-size:.67rem;color:rgba(255,255,255,.6)}.preview-benefits i{width:17px;height:17px;display:grid;place-items:center;border-radius:50%;background:rgba(46,204,113,.13);color:var(--green);font-style:normal;font-size:.55rem}.preview-media{position:relative;height:430px;overflow:hidden;border-radius:26px;background:#d6dfdb;box-shadow:0 34px 75px rgba(0,0,0,.3);clip-path:inset(0 100% 0 0 round 26px);animation:previewMedia 1s .18s cubic-bezier(.16,1,.3,1) forwards}.preview-media>img{width:100%;height:100%;display:block;object-fit:cover;object-position:60% center;transform:scale(1.08);animation:previewZoom 1.6s .2s cubic-bezier(.16,1,.3,1) forwards}.preview-media-shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(3,12,6,.56),transparent 48%)}.preview-connected{position:absolute;left:18px;right:18px;bottom:18px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:12px 13px;border:1px solid rgba(255,255,255,.2);border-radius:14px;background:rgba(5,17,9,.76);backdrop-filter:blur(16px);box-shadow:0 15px 35px rgba(0,0,0,.24);opacity:0;transform:translateY(18px);animation:previewFloat .7s .85s ease-out forwards}.preview-connected-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:rgba(46,204,113,.13)}.preview-connected-icon img{width:30px;height:22px;object-fit:contain}.preview-connected small,.preview-connected strong{display:block}.preview-connected small{font-size:.48rem;letter-spacing:.08em;color:rgba(255,255,255,.45)}.preview-connected strong{margin-top:2px;font-size:.69rem;color:#fff}.preview-connected>i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(46,204,113,.12),0 0 16px var(--green);animation:previewPulse 1.8s infinite}.preview-coverage{position:absolute;right:18px;top:18px;padding:10px 12px;border-radius:11px;background:rgba(255,255,255,.92);color:#0f1a12;box-shadow:0 12px 28px rgba(0,0,0,.14);opacity:0;transform:translateY(-12px);animation:previewFloat .65s .72s ease-out forwards}.preview-coverage b,.preview-coverage span{display:block}.preview-coverage b{font-size:1rem;color:#27ae60}.preview-coverage span{margin-top:1px;font-size:.5rem;color:#667069}.preview-country-strip{position:relative;z-index:3;width:min(1120px,calc(100% - 40px));margin:0 auto 27px;min-height:72px;display:grid;grid-template-columns:1.2fr repeat(4,1fr);align-items:center;border:1px solid rgba(46,204,113,.14);border-radius:17px;background:rgba(255,255,255,.035);overflow:hidden}.preview-country-strip>span{padding:0 20px;font-size:.61rem;font-weight:750;line-height:1.4;color:rgba(255,255,255,.42)}.preview-country-strip>a{height:100%;padding:12px 14px;display:grid;grid-template-columns:auto 1fr;column-gap:9px;align-content:center;border-inline-start:1px solid rgba(46,204,113,.1);transition:background .2s}.preview-country-strip>a:hover{background:rgba(46,204,113,.07)}.preview-country-strip b{grid-row:span 2;font-size:1.15rem}.preview-country-strip a>span{font-size:.66rem;font-weight:750;color:#fff}.preview-country-strip small{font-size:.48rem;color:rgba(255,255,255,.35)}.preview-rise{opacity:0;transform:translateY(15px);animation:previewFloat .7s var(--delay,0s) ease-out forwards}
/* Final readability and depth tuning for the approved composition. */
.preview-search{box-shadow:0 12px 32px rgba(0,0,0,.16),0 0 0 5px rgba(46,204,113,.028)}
.preview-search:focus-within{box-shadow:0 14px 36px rgba(0,0,0,.2),0 0 0 4px rgba(46,204,113,.09)}
.preview-popular{gap:9px;margin-top:13px;font-size:.7rem;color:rgba(255,255,255,.42)}
.preview-benefits>div{font-size:.74rem;color:rgba(255,255,255,.62)}
.preview-country-strip>span{font-size:.7rem;color:rgba(255,255,255,.46)}
.preview-country-strip b{font-size:1.24rem}
.preview-country-strip a>span{font-size:.74rem}
.preview-country-strip small{font-size:.57rem;color:rgba(255,255,255,.4)}
@keyframes previewTitle{to{transform:none}}@keyframes previewFloat{to{opacity:1;transform:none}}@keyframes previewMedia{to{clip-path:inset(0 0 0 0 round 26px)}}@keyframes previewZoom{to{transform:scale(1)}}@keyframes previewPulse{50%{opacity:.4;transform:scale(.7)}}
[data-theme=light] .preview-hero{background:#eef7f1;color:#0f1a12}[data-theme=light] .preview-ambient{background:radial-gradient(circle at 16% 20%,rgba(46,204,113,.12),transparent 32%),linear-gradient(rgba(39,174,96,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(39,174,96,.045) 1px,transparent 1px);background-size:auto,56px 56px,56px 56px}[data-theme=light] .preview-rating,[data-theme=light] .preview-sub,[data-theme=light] .preview-popular,[data-theme=light] .preview-benefits>div{color:rgba(15,26,18,.56)}[data-theme=light] .preview-rating strong,[data-theme=light] .preview-country-strip a>span{color:#0f1a12}[data-theme=light] .preview-title>span>span:last-child{color:rgba(15,26,18,.28)}[data-theme=light] .preview-popular a{color:rgba(15,26,18,.68)}[data-theme=light] .preview-country-strip{background:rgba(255,255,255,.54);border-color:rgba(39,174,96,.16)}[data-theme=light] .preview-country-strip>span,[data-theme=light] .preview-country-strip small{color:rgba(15,26,18,.48)}
@media(max-width:960px){.preview-wrap{grid-template-columns:1fr;gap:30px}.preview-copy{text-align:center}.preview-rating,.preview-popular,.preview-benefits{justify-content:center}.preview-sub,.preview-search{margin-inline:auto}.preview-media{width:min(620px,100%);height:360px;margin:auto}.preview-country-strip{grid-template-columns:repeat(4,1fr)}.preview-country-strip>span{display:none}}
@media(max-width:600px){.preview-hero{min-height:auto;border-radius:0 0 44px 44px}.preview-wrap{width:calc(100% - 32px);padding:92px 0 25px}.preview-title{font-size:clamp(2.35rem,12vw,3.35rem)}.preview-sub{font-size:.84rem}.preview-search{height:58px;padding-inline-start:14px}.preview-search button{height:46px;padding:0 14px}.preview-benefits{gap:10px 15px;margin-top:22px}.preview-media{height:305px;border-radius:21px}.preview-media>img{object-position:62% center}.preview-connected{left:12px;right:12px;bottom:12px}.preview-country-strip{width:calc(100% - 32px);grid-template-columns:repeat(2,1fr);margin-bottom:18px}.preview-country-strip>a{min-height:62px}.preview-country-strip>a:nth-of-type(3),.preview-country-strip>a:nth-of-type(4){border-top:1px solid rgba(46,204,113,.1)}}
@media(prefers-reduced-motion:reduce){.preview-title>span>span,.preview-rise,.preview-media,.preview-media>img,.preview-connected,.preview-coverage{opacity:1;transform:none;clip-path:none;animation:none}}
.preview-wrap{z-index:5}
.preview-search-wrap{width:100%;max-width:580px;position:relative;z-index:100}
.preview-popular .h-chip{appearance:none;border:0;padding:0;background:none;color:rgba(255,255,255,.68);font:inherit;font-size:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer;transition:color .2s}
.preview-popular .h-chip:hover{color:var(--green);background:none;transform:none}
[data-theme=light] .preview-popular .h-chip{color:rgba(15,26,18,.68)}
[data-theme=light] .preview-popular .h-chip:hover{color:var(--green-dark)}
@media(max-width:960px){.preview-search-wrap{margin-inline:auto}}

/* Production destination menu — visually paired with the new white search field. */
.preview-search-wrap .h-search-dropdown{top:calc(100% + 8px);padding:8px;background:rgba(255,255,255,.985);border:1px solid rgba(25,92,50,.12);border-radius:17px;box-shadow:0 18px 42px rgba(8,30,16,.16),0 2px 8px rgba(8,30,16,.06);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);max-height:350px;transform:translateY(-5px) scale(.99);scrollbar-color:rgba(39,174,96,.25) transparent}
.preview-search-wrap .h-search-dropdown.open{transform:none}
.preview-search-wrap .preview-dd-head{height:34px;padding:0 10px 6px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(15,26,18,.07);font-size:.61rem;font-weight:800;letter-spacing:.025em;color:rgba(15,26,18,.45)}
.preview-search-wrap .preview-dd-head small{min-width:22px;height:20px;padding:0 6px;display:grid;place-items:center;border-radius:6px;background:#eaf8ef;color:#228d4a;font-size:.58rem}
.preview-search-wrap .h-search-result{position:relative;gap:12px;margin-top:3px;padding:10px 10px;border:0;border-radius:11px;color:#0f1a12;transition:background .16s,transform .16s}
.preview-search-wrap .h-search-result:hover,.preview-search-wrap .h-search-result.hs-active{background:#edf9f1;transform:translateX(2px)}
[data-lang=ar] .preview-search-wrap .h-search-result:hover,[data-lang=ar] .preview-search-wrap .h-search-result.hs-active{transform:translateX(-2px)}
.preview-search-wrap .h-search-flag{width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(15,26,18,.07);border-radius:10px;background:#f7faf8;font-size:1.25rem;box-shadow:0 2px 7px rgba(15,26,18,.04)}
.preview-search-wrap .h-search-name{color:#0f1a12;font-size:.82rem;font-weight:800}
.preview-search-wrap .h-search-sub{margin-top:3px;color:rgba(15,26,18,.42);font-size:.62rem;letter-spacing:0}
.preview-search-wrap .preview-dd-arrow{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;color:#239e51;background:rgba(46,204,113,.08);opacity:.55;transition:opacity .16s,background .16s}
.preview-search-wrap .preview-dd-arrow svg{width:14px;height:14px}
[data-lang=ar] .preview-search-wrap .preview-dd-arrow svg{transform:scaleX(-1)}
.preview-search-wrap .h-search-result:hover .preview-dd-arrow,.preview-search-wrap .h-search-result.hs-active .preview-dd-arrow{opacity:1;background:rgba(46,204,113,.15)}
.preview-search-wrap .h-search-empty,.preview-search-wrap .h-search-loading{padding:25px 18px;color:rgba(15,26,18,.48);font-size:.78rem;text-align:center}
.preview-search-wrap .h-search-spinner{border-color:rgba(39,174,96,.15);border-top-color:#27ae60}
[data-theme=light] .preview-search-wrap .h-search-dropdown{background:rgba(255,255,255,.99);border-color:rgba(25,92,50,.12);box-shadow:0 18px 42px rgba(8,30,16,.13),0 2px 8px rgba(8,30,16,.05)}
@media(max-width:600px){.preview-search-wrap .h-search-dropdown{padding:6px;border-radius:15px;max-height:310px}.preview-search-wrap .h-search-result{padding:9px 8px}.preview-search-wrap .h-search-flag{width:36px;height:36px}.preview-search-wrap .preview-dd-arrow{width:28px;height:28px}}