:root{--ink:#202c38;--muted:#65717f;--orange:#eb7124;--orange-dark:#ce5512;--line:#e7e9ec;--soft:#f7f8fa;--navy:#20384d}
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font:16px/1.48 system-ui,-apple-system,"Segoe UI",Arial,sans-serif}button,input,select{font:inherit}button,a{touch-action:manipulation}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ffb15e;outline-offset:3px}.container{width:min(1240px,calc(100% - 44px));margin:auto}.muted{color:var(--muted)}
    .utility{border-bottom:1px solid var(--line);background:#fff}.utility .container{height:34px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:13px;color:#586574}.utility a{text-decoration:none}.utility a:hover{text-decoration:underline}.utility-links{display:flex;gap:25px}
    .header{background:#fff;position:relative;z-index:10;box-shadow:0 4px 18px #27394d12}.header-inner{height:77px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{font-size:27px;font-weight:900;line-height:1;letter-spacing:-.055em;text-decoration:none;color:var(--navy);white-space:nowrap}.logo b{color:var(--orange)}.nav{display:flex;align-items:center;gap:34px;font-size:15px;font-weight:700}.nav a{text-decoration:none}.nav a:hover{color:var(--orange-dark)}.nav .phone{display:flex;align-items:center;gap:9px;color:var(--orange-dark)}.nav .phone:before{content:"☎";font-size:18px}.header-action{background:var(--orange);color:#fff;padding:11px 18px;border-radius:8px}.header-action:hover{color:#fff!important;background:var(--orange-dark)}
    .category-nav{border-top:1px solid #f0f1f3;background:#fff}.category-nav .container{display:flex;gap:38px;height:53px;align-items:center;font-weight:700;font-size:15px}.category-nav a{text-decoration:none;display:inline-flex;gap:8px;align-items:center;height:100%;border-bottom:3px solid transparent}.category-nav a.active,.category-nav a:hover{color:var(--orange-dark);border-bottom-color:var(--orange)}
    .hero{position:relative;min-height:440px;background:linear-gradient(90deg,rgba(11,35,50,.66),rgba(11,35,50,.06) 74%),url("hero-2027.webp") center 46%/cover}.hero .container{padding-top:94px;padding-bottom:125px;color:#fff}.eyebrow{display:inline-block;background:#fff;color:var(--orange-dark);padding:8px 12px;border-radius:4px;font-size:13px;font-weight:900;letter-spacing:.055em}.hero h1{font-size:clamp(37px,4.7vw,61px);max-width:660px;line-height:1.07;letter-spacing:-.04em;margin:19px 0 13px;font-weight:850;text-shadow:0 2px 15px #18314240}.hero p{max-width:565px;font-size:20px;margin:0;color:#f4f8fa}.search-wrap{margin-top:-89px;position:relative;z-index:2}.search{border-radius:12px;background:#fff;box-shadow:0 17px 48px #1d334a29;border:1px solid #f0f0f1}.search-tabs{height:57px;display:flex;border-bottom:1px solid var(--line);padding:0 22px;gap:25px}.search-tabs button{background:transparent;border:0;border-bottom:3px solid transparent;color:var(--muted);padding:0 15px;font-size:16px;font-weight:800;cursor:pointer}.search-tabs button.active{color:var(--orange-dark);border-bottom-color:var(--orange)}.search-body{padding:23px 24px 21px}.search-intro{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:16px}.search-intro h2{font-size:19px;margin:0;letter-spacing:-.015em}.search-intro p{font-size:13px;color:var(--muted);margin:0}.form-row{display:grid;grid-template-columns:1.6fr 1fr 1fr .72fr 1fr;gap:10px;align-items:end}.field label{display:block;color:#3c4853;font-weight:750;font-size:13px;margin-bottom:7px}.field input,.field select{width:100%;height:52px;background:#fff;border:1px solid #d7dde2;border-radius:7px;padding:10px 11px;color:var(--ink);min-width:0}.field input:focus,.field select:focus{outline:0;border-color:var(--orange);box-shadow:0 0 0 3px #f387372c}.search-submit{background:var(--orange);color:#fff;border:0;border-radius:7px;height:52px;font-weight:800;cursor:pointer;white-space:nowrap}.search-submit:hover{background:var(--orange-dark)}.privacy{font-size:12px;color:#727e87;margin:13px 0 0}
    .benefits{padding:40px 0 52px}.benefits-inner{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.benefit{display:flex;gap:13px;align-items:center;padding:16px 20px;border:1px solid var(--line);border-radius:9px;background:#fff}.benefit-icon{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fff2e6;color:#b45516;font-size:20px;font-weight:850}.benefit b{display:block;font-size:15px}.benefit span{display:block;color:var(--muted);font-size:13px;margin-top:2px}
    .explore{background:var(--soft);padding:62px 0 70px}.section-kicker{color:var(--orange-dark);font-size:13px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.section-title{font-size:clamp(28px,3vw,40px);letter-spacing:-.035em;line-height:1.15;margin:10px 0}.explore-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:25px}.explore-heading p{color:var(--muted);margin:0;max-width:420px}.destination-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.destination{min-height:190px;border:1px solid #e4e7ea;border-radius:11px;background:#fff;text-align:left;padding:22px;display:flex;flex-direction:column;align-items:flex-start;cursor:pointer;transition:transform .2s,box-shadow .2s}.destination:hover{transform:translateY(-4px);box-shadow:0 12px 26px #122a3b15}.destination .round{width:48px;height:48px;background:#fff1df;color:#b65616;border-radius:11px;display:grid;place-items:center;font-weight:900;font-size:21px}.destination b{margin-top:24px;font-size:21px}.destination small{color:var(--muted);margin-top:3px;font-size:13px}.destination .arrow{margin-top:auto;align-self:flex-end;color:var(--orange);font-size:24px;line-height:1}
    .service{padding:76px 0}.service-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:75px;align-items:start}.service h2{max-width:400px}.service p{color:var(--muted);font-size:17px}.process{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.process-card{padding:23px;border-left:3px solid #f28a3d;background:#fff9f3;min-height:208px}.process-card strong{font-size:30px;color:#f0a469}.process-card h3{margin:15px 0 7px;font-size:18px}.process-card p{margin:0;font-size:14px;line-height:1.55}
    .contact{background:#233b4e;color:#fff;padding:55px 0}.contact-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.contact h2{margin:5px 0;font-size:32px;letter-spacing:-.03em}.contact p{color:#d4e0e6;margin:0;max-width:600px}.contact-actions{display:flex;gap:10px;flex-wrap:wrap}.action{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:800;border-radius:7px;padding:13px 18px;white-space:nowrap}.action-orange{background:var(--orange);color:#fff}.action-white{background:#fff;color:var(--navy)}.footer{background:#182c3d;color:#e3edf2;padding:30px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer .logo{color:#fff;font-size:23px}.footer-links{display:flex;gap:18px;flex-wrap:wrap;font-size:13px}.footer-links a{text-decoration:none}.footer-links a:hover{text-decoration:underline}.mobile-actions{display:none}
    @media(max-width:1050px){.form-row{grid-template-columns:repeat(4,1fr)}.form-row .field:first-child{grid-column:span 2}.search-submit{grid-column:span 2}.destination-grid{grid-template-columns:repeat(2,1fr)}.service-grid{gap:35px}.nav{gap:18px}}
    @media(max-width:720px){.container{width:min(100% - 32px,1240px)}.utility,.category-nav{display:none}.header-inner{height:68px}.logo{font-size:23px}.nav>a:not(.header-action){display:none}.header-action{font-size:13px;padding:9px 12px}.hero{min-height:385px;background-image:linear-gradient(90deg,rgba(11,35,50,.74),rgba(11,35,50,.25)),url("hero-2027.webp");background-position:60% center}.hero .container{padding-top:61px;padding-bottom:108px}.hero h1{font-size:41px}.hero p{font-size:17px}.search-wrap{margin-top:-65px}.search-tabs{height:52px}.search-body{padding:19px 16px 20px}.search-intro{display:block}.search-intro p{margin-top:5px}.form-row{grid-template-columns:repeat(2,minmax(0,1fr))}.form-row .field:first-child,.search-submit{grid-column:span 2}.search-submit{margin-top:5px}.benefits-inner{grid-template-columns:1fr;gap:9px}.benefits{padding:27px 0 41px}.explore{padding:49px 0}.explore-heading{display:block}.explore-heading p{margin-top:9px}.destination-grid{gap:10px}.destination{min-height:167px;padding:16px}.destination b{margin-top:18px;font-size:18px}.destination small{font-size:12px}.service{padding:55px 0}.service-grid{grid-template-columns:1fr;gap:20px}.process{grid-template-columns:1fr;gap:9px}.process-card{min-height:0}.contact-inner,.footer-inner{display:block}.contact-actions{margin-top:25px}.footer-links{margin-top:22px}.footer{padding-bottom:92px}.mobile-actions{display:flex;position:fixed;z-index:30;bottom:0;left:0;right:0;gap:10px;background:#fff;padding:10px 13px max(10px,env(safe-area-inset-bottom));box-shadow:0 -4px 20px #092d3d22}.mobile-actions a{flex:1}}
    @media(max-width:390px){.nav .header-action{display:none}.hero h1{font-size:36px}.destination-grid{grid-template-columns:1fr 1fr}}
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.destination{transition:none}}
    /* Editorial polish: compact booking controls, confident contrast, calmer hierarchy. */
    body{background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
    .utility{background:#24384a;color:#fff;border:0}.utility .container{height:38px;color:#e8edf0}.utility a{color:#fff}
    .header{box-shadow:0 5px 24px #192e3d16}.header-inner{height:83px}
    .logo{font-size:29px;letter-spacing:-.065em}.logo b{font-weight:900}
    .category-nav{box-shadow:0 3px 8px #192e3d0b}
    .hero{min-height:520px;background-image:linear-gradient(90deg,rgba(19,40,53,.83) 0%,rgba(19,40,53,.55) 38%,rgba(19,40,53,.07) 80%),url("hero-2027.webp");background-position:center 50%}
    .hero .container{padding-top:105px;padding-bottom:155px}.hero h1{max-width:675px;font-size:clamp(43px,5vw,68px);line-height:1.04;margin:21px 0 17px}.hero p{font-size:21px;line-height:1.45}
    .eyebrow{background:var(--orange);color:#fff;border-radius:5px;padding:9px 15px;box-shadow:0 5px 18px #37180c25}
    .search-wrap{margin-top:-105px}.search{border-radius:15px;box-shadow:0 24px 64px #192f403b;border:1px solid #f3f4f5;overflow:hidden}
    .search-tabs{height:61px;padding:0 28px;gap:23px}.search-tabs button{font-size:16px;padding:0 16px}.search-body{padding:23px 28px 26px}.search-intro h2{font-size:21px}
    .form-row{grid-template-columns:minmax(170px,1.7fr) minmax(130px,.95fr) minmax(130px,.95fr) minmax(85px,.52fr) minmax(75px,.52fr) minmax(75px,.48fr) minmax(120px,.9fr);gap:10px}
    .field input,.field select{border-color:#cbd5db;border-radius:8px;background:#fff;height:55px}.search-submit{height:55px;border-radius:8px;font-size:15px;box-shadow:0 8px 15px #d15c1828}
    .benefits{padding-top:45px}.benefit{background:#fafbfd;border-color:#eef0f2;padding:19px 20px}.benefit-icon{border-radius:12px;width:48px;height:48px}
    .explore{background:#f6f8fa}.destination{min-height:205px;border-color:#e2e7eb;border-radius:13px;box-shadow:0 3px 13px #1e344408;padding:24px;position:relative;overflow:hidden}.destination:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#e76822,#ffc76f)}.destination .round{background:#fff2e6;border:1px solid #f7d8bd}.destination .arrow{font-weight:700}
    .process-card{border-left-width:4px;background:#fff9f4;border-radius:0 10px 10px 0}.contact{background:#18374b}
    @media(max-width:1120px){.form-row{grid-template-columns:repeat(4,minmax(0,1fr))}.form-row .field:first-child{grid-column:span 2}.search-submit{grid-column:auto}}
    @media(max-width:720px){.utility,.category-nav{display:none}.header-inner{height:69px}.logo{font-size:23px}.hero{min-height:420px;background-image:linear-gradient(90deg,rgba(19,40,53,.84),rgba(19,40,53,.26)),url("hero-2027.webp");background-position:64% center}.hero .container{padding-top:67px;padding-bottom:117px}.hero h1{font-size:clamp(38px,9vw,46px);max-width:560px}.hero p{font-size:17px}.search-wrap{margin-top:-71px}.search-tabs{height:55px;padding:0 17px}.search-body{padding:20px 17px 22px}.form-row{grid-template-columns:repeat(2,minmax(0,1fr))}.form-row .field:first-child,.form-row .field:nth-child(6),.search-submit{grid-column:span 2}.field label{font-size:14px}.field input,.field select{height:52px}.destination{min-height:181px;padding:17px}.benefits{padding-top:31px}}
  
/* Tarih seçici: yerel takvim korunur, görünen tarih her cihazda gün.ay.yıl olur. */
.date-field{position:relative;height:55px;border:1px solid #cbd5db;border-radius:8px;background:#fff;display:flex;align-items:center;padding:0 12px;gap:8px}.date-field:focus-within{border-color:var(--orange);box-shadow:0 0 0 3px #f387372c}.date-display{color:#788690;font-size:15px;white-space:nowrap;pointer-events:none}.date-display.has-date{color:var(--ink)}.date-icon{margin-left:auto;color:var(--orange-dark);font-size:21px;pointer-events:none}.field .date-field input[type=date]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0;padding:0}.field .date-field input[type=date]::-webkit-calendar-picker-indicator{position:absolute;inset:0;width:100%;height:100%;cursor:pointer}
@media(max-width:720px){.date-field{height:52px}}

/* Oben Travel: a bright, modern presentation with the original layout. */
:root{--ink:#24323c;--muted:#65727c;--orange:#f47b20;--orange-dark:#d75e0f;--navy:#24323c;--soft:#fff8f2}
body{font-family:Arial,Helvetica,sans-serif;background:#fff}
.utility{background:#fff;border-bottom:1px solid #f0e9e2}.utility .container,.utility a{color:#66727b}
.header{background:#fff;box-shadow:0 5px 22px #26374313}.logo{font-family:Arial,Helvetica,sans-serif;font-weight:900;letter-spacing:-.055em}.logo b{color:#f47b20}.nav{color:#293d48}.header-action{background:#f47b20;border-radius:9px;color:#fff}.header-action:hover{background:#d75e0f}
.category-nav{background:#fff;border-top:1px solid #f4f1ed}.category-nav a.active,.category-nav a:hover{color:#d75e0f;border-color:#f47b20}
.hero{background-image:linear-gradient(90deg,rgba(18,41,50,.72) 0%,rgba(18,41,50,.4) 42%,rgba(18,41,50,.02) 85%),url("hero-2027.webp");background-position:center 52%}
.hero h1{font-family:Arial,Helvetica,sans-serif;font-weight:800;letter-spacing:-.045em;line-height:1.08}.eyebrow{background:#f47b20;color:#fff;box-shadow:none}.hero p{color:#fff}
.search{border-radius:16px;box-shadow:0 20px 55px #1c344126}.search-tabs button.active{color:#d75e0f;border-color:#f47b20}.search-intro h2{font-weight:800}.field input,.field select,.date-field{background:#fff}.search-submit{background:#f47b20;box-shadow:none}.search-submit:hover{background:#d75e0f}
.benefit{background:#fff;border-color:#f1e6dc}.benefit-icon{background:#fff0e1;color:#d75e0f}.explore{background:#fff8f2}.section-kicker{color:#d75e0f}.section-title{font-family:Arial,Helvetica,sans-serif;font-weight:800;letter-spacing:-.04em}.destination{background:#fff;border-color:#f2e4d7}.destination:before{background:linear-gradient(90deg,#f47b20,#ffc274)}.destination .round{background:#fff0e1;border-color:#ffddb9;color:#c45a13}.destination .arrow{color:#e87520}.process-card{background:#fff8f2;border-color:#f47b20}.contact{background:#253a45}.action-orange{background:#f47b20}.footer{background:#1c303b}
@media(max-width:720px){.hero{background-image:linear-gradient(90deg,rgba(18,41,50,.76),rgba(18,41,50,.19)),url("hero-2027.webp");background-position:62% center}.hero h1{font-size:clamp(38px,9vw,48px)}.mobile-actions{background:#fff}}

/* Destination photography; the booking-card action remains unchanged. */
.destination.has-photo{padding:0;min-height:315px;display:flex;position:relative;overflow:hidden;background:#fff;border:1px solid #f0e3d7}
.destination.has-photo:before{z-index:2}
.destination-media{display:block;width:100%;height:205px;flex:none;background-size:cover;background-position:center;transition:transform .3s ease}
.destination.has-photo:hover .destination-media{transform:scale(1.035)}
.destination-copy{display:flex;flex-direction:column;align-items:flex-start;padding:17px 20px 20px;width:100%}
.destination.has-photo b{margin:0;font-size:21px;line-height:1.2}
.destination.has-photo small{margin-top:5px;font-size:13px;line-height:1.35}
.destination.has-photo .arrow{position:absolute;right:19px;bottom:20px}
@media(max-width:720px){.destination.has-photo{min-height:245px}.destination-media{height:145px}.destination-copy{padding:13px 13px 18px}.destination.has-photo b{font-size:18px}.destination.has-photo small{font-size:12px;padding-right:16px}.destination.has-photo .arrow{right:11px;bottom:14px}}
@media(prefers-reduced-motion:reduce){.destination-media{transition:none}}

.about .service-grid{grid-template-columns:.7fr 1.3fr;gap:90px}
.about .section-title{margin-top:12px}
.about-copy{border-left:3px solid #f47b20;padding:2px 0 2px 34px}
.about-copy p{font-size:17px;line-height:1.8;margin:0 0 18px;color:#35434d}
.about-copy p:last-child{margin-bottom:0}
.about-copy strong{color:#24323c}
.about-copy .about-signoff{color:#ba5e1b;font-weight:700}
@media(max-width:720px){.about .service-grid{grid-template-columns:1fr;gap:18px}.about-copy{padding-left:18px}.about-copy p{font-size:16px;line-height:1.65}}

.benefits{padding:52px 0 67px}
.benefits-inner{gap:18px}
.benefit{display:block;padding:0;overflow:hidden;border:1px solid #f0e3d7;border-radius:12px;background:#fff;box-shadow:0 7px 25px #2637430c}
.benefit img{display:block;width:100%;height:190px;object-fit:cover}
.benefit-copy{display:block;padding:20px 22px 23px}
.benefit-copy b{display:block;font-size:19px;line-height:1.3;color:#24323c}
.benefit-copy span{display:block;font-size:15px;line-height:1.5;color:#65727c;margin-top:6px}
@media(max-width:720px){.benefits{padding:34px 0 46px}.benefits-inner{display:grid;grid-template-columns:1fr;gap:14px}.benefit{border:1px solid #f0e3d7;padding:0}.benefit img{height:185px}.benefit-copy{padding:16px 18px 19px}.benefit-copy b{font-size:18px}.benefit-copy span{font-size:14px}}


/* Main image slider: photography stays free of text. */
.hero.hero-slider{position:relative;height:520px;min-height:0;background:none;overflow:hidden}
.hero-track{display:flex;width:100%;height:100%;transition:transform .75s cubic-bezier(.3,.7,.2,1)}
.hero-slide{flex:0 0 100%;height:100%;background:#e9f1f0}
.hero-slide img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.hero-dots{position:absolute;left:0;right:0;bottom:22px;display:flex;justify-content:center;gap:10px}
.hero-dots button{width:11px;height:11px;border:1px solid #fff;border-radius:50%;background:#ffffff77;padding:0;box-shadow:0 1px 5px #0007;cursor:pointer}
.hero-dots button[aria-current="true"]{width:30px;border-radius:10px;background:#f47b20;border-color:#f47b20}
.hero-intro{background:#fff;padding:36px 0 22px}
.hero-intro .eyebrow{display:inline-block;font-size:12px;letter-spacing:.09em;padding:7px 10px}
.hero-intro h1{max-width:1000px;margin:16px 0 9px;font-size:clamp(32px,3.3vw,47px);line-height:1.13;letter-spacing:-.035em;font-weight:800;color:#24323c}
.hero-intro p{margin:0;max-width:860px;color:#65727c;font-size:17px;line-height:1.5}
.search-wrap{margin-top:0}
.search{box-shadow:0 12px 35px #1c344118}
@media(max-width:720px){.hero.hero-slider{height:290px;min-height:0}.hero-slide img{object-position:center}.hero-intro{padding:28px 0 18px}.hero-intro h1{font-size:31px}.hero-intro p{font-size:15px}.search-wrap{margin-top:0}.hero-dots{bottom:14px}}
@media(prefers-reduced-motion:reduce){.hero-track{transition:none}}

/* Cinematic full-width photography with quiet, accessible controls. */
.hero.hero-slider{width:100%;height:clamp(420px,48vw,650px);min-height:0;margin:0;border-radius:0;box-shadow:none;background:#dde6e5;overflow:hidden}
.hero-slider .hero-track{position:relative;display:block;width:100%;height:100%;transition:none;overflow:hidden}
.hero-slider .hero-slide{position:absolute;inset:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity 1.1s ease,visibility 1.1s ease;background:#dde6e5}
.hero-slider .hero-slide.is-active{opacity:1;visibility:visible;z-index:1}
.hero-slider .hero-slide img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.025)}
.hero-slider .hero-slide.is-active img{animation:hero-zoom 5.5s ease-out both}
@keyframes hero-zoom{from{transform:scale(1.035)}to{transform:scale(1)}}
.hero-controls{position:absolute;z-index:3;inset:0;display:flex;justify-content:space-between;align-items:center;padding:0 clamp(16px,3.4vw,58px);pointer-events:none}
.hero-arrow{display:grid;place-items:center;width:46px;height:46px;padding:0 0 5px;border:1px solid #ffffffb3;border-radius:50%;background:#ffffffb8;backdrop-filter:blur(8px);color:#273941;font-size:32px;line-height:1;cursor:pointer;pointer-events:auto;transition:background .2s,transform .2s}
.hero-arrow:hover{background:#fff;transform:scale(1.06)}
.hero-arrow:focus-visible,.hero-dots button:focus-visible{outline:3px solid #f47b20;outline-offset:3px}
.hero-slider .hero-dots{position:absolute;z-index:3;left:50%;right:auto;bottom:27px;transform:translateX(-50%);display:flex;gap:9px;align-items:center}
.hero-slider .hero-dots button,.hero-slider .hero-dots button[aria-current="true"]{width:34px;height:4px;padding:0;border:0;border-radius:4px;background:#ffffffa8;box-shadow:0 1px 5px #0004;cursor:pointer;transition:background .2s}
.hero-slider .hero-dots button[aria-current="true"]{background:#fff}
.hero-progress{position:absolute;z-index:3;bottom:0;left:0;right:0;height:3px;background:#ffffff54}
.hero-progress span{display:block;width:0;height:100%;background:#f47b20}
@keyframes hero-progress{from{width:0}to{width:100%}}
@media(max-width:720px){.hero.hero-slider{height:clamp(270px,65vw,390px)}.hero-controls{padding:0 12px}.hero-arrow{width:36px;height:36px;font-size:27px;padding-bottom:4px}.hero-slider .hero-dots{bottom:17px}.hero-slider .hero-dots button,.hero-slider .hero-dots button[aria-current="true"]{width:26px}}
@media(prefers-reduced-motion:reduce){.hero-slider .hero-slide{transition:none}.hero-slider .hero-slide.is-active img{animation:none;transform:none}}

/* Hotel name suggestions in the offer form. */
.search .field:has(#destination){position:relative;z-index:5}
.hotel-suggestions[hidden]{display:none}
.hotel-suggestions{position:absolute;top:100%;left:0;right:0;max-height:320px;overflow-y:auto;margin-top:5px;padding:6px;background:#fff;border:1px solid #e7d7c8;border-radius:10px;box-shadow:0 15px 34px #1c344126;z-index:20}
.hotel-option{display:block;width:100%;padding:12px 13px;border:0;border-radius:6px;background:transparent;text-align:left;color:#24323c;font:inherit;font-size:15px;line-height:1.35;cursor:pointer}
.hotel-option:hover,.hotel-option[aria-selected="true"]{background:#fff0e2;color:#a94608}
#destination:focus-visible{outline:2px solid #f47b20;outline-offset:1px}

/* Hotel-group carousel navigation, outside the photography. */
.hero-brand-bar{background:#fff;border-bottom:1px solid #eee5dd}
.hero-brand-inner{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:69px}
.hero-brand-bar .hero-dots{position:static;display:flex;transform:none;gap:clamp(18px,3vw,48px);align-items:stretch;height:69px}
.hero-brand-bar .hero-dots button,.hero-brand-bar .hero-dots button[aria-current="true"]{position:relative;display:flex;align-items:center;width:auto;height:auto;min-width:0;padding:0 2px;border:0;border-radius:0;background:transparent;box-shadow:none;color:#65727c;font-size:15px;font-weight:700;letter-spacing:.015em;white-space:nowrap;cursor:pointer}
.hero-brand-bar .hero-dots button[aria-current="true"]{color:#263943}
.hero-brand-bar .hero-dots button[aria-current="true"]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:#f47b20}
.hero-brand-bar .hero-dots button:hover{color:#d75e0f}
.hero-image-note{color:#89939a;font-size:12px;white-space:nowrap}
@media(max-width:720px){.hero-brand-inner{display:block}.hero-brand-bar .hero-dots{height:60px;justify-content:space-between;gap:8px}.hero-brand-bar .hero-dots button,.hero-brand-bar .hero-dots button[aria-current="true"]{font-size:12px;letter-spacing:0}.hero-image-note{display:block;text-align:right;padding:0 0 8px;font-size:11px}}

/* Hotel names on the hero images; visual is marked as illustrative. */
.hero-slider .hero-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,33,42,.64),rgba(13,33,42,.20) 42%,transparent 75%);pointer-events:none}
.hero-slide-label{position:absolute;z-index:2;left:max(6vw,calc((100vw - 1180px)/2));bottom:clamp(70px,8vw,112px);max-width:min(70vw,800px);color:#fff;text-shadow:0 2px 20px #0006}
.hero-slide-label span{display:block;margin-bottom:12px;font-size:13px;font-weight:750;letter-spacing:.17em;color:#ffe6d2}
.hero-slide-label strong{display:block;font-size:clamp(38px,5vw,76px);line-height:1.04;font-weight:800;letter-spacing:-.045em}
.hero-slider .hero-image-note{position:absolute;z-index:3;right:clamp(18px,3vw,50px);bottom:22px;color:#fff;font-size:12px;text-shadow:0 1px 6px #0009}
@media(max-width:720px){.hero-slider .hero-slide:after{background:linear-gradient(90deg,rgba(13,33,42,.56),rgba(13,33,42,.09) 80%)}.hero-slide-label{left:27px;bottom:58px;max-width:calc(100% - 65px)}.hero-slide-label span{font-size:10px;margin-bottom:7px}.hero-slide-label strong{font-size:clamp(29px,7vw,46px)}.hero-slider .hero-image-note{right:10px;bottom:8px;font-size:10px}.hero-slider .hero-dots{bottom:18px}}

/* Hotel photography slider */
.hero.hero-slider{height:clamp(360px,34vw,490px);background:#142b32}
.hero-slider .hero-slide img{transform:none;object-position:center 54%}
.hero-slider .hero-slide.is-active img{animation:none}
.hero-slider .hero-slide:after{background:linear-gradient(0deg,rgba(9,24,31,.58) 0%,rgba(9,24,31,.12) 34%,transparent 65%)}
.hero-slide-label{left:max(5vw,calc((100vw - 1180px)/2));bottom:42px;max-width:min(78vw,850px);text-shadow:0 2px 16px #0008}
.hero-slide-label strong{font-size:clamp(32px,3.5vw,52px);line-height:1.12;font-weight:700;letter-spacing:-.025em}
.hero-slider .hero-dots{left:auto;right:max(5vw,calc((100vw - 1180px)/2));bottom:47px;transform:none}
.hero-slider .hero-dots button,.hero-slider .hero-dots button[aria-current="true"]{width:22px;height:3px}
.hero-controls{left:0;right:0;padding:0 22px}
.hero-arrow{width:42px;height:42px;background:#ffffffd9;color:#203744;box-shadow:0 4px 18px #0003}
@media(max-width:720px){
 .hero.hero-slider{height:clamp(320px,72vw,440px)}
 .hero-slider .hero-slide img{object-position:center}
 .hero-slide-label{left:22px;bottom:43px;max-width:calc(100% - 44px)}
 .hero-slide-label strong{font-size:clamp(27px,7vw,39px);line-height:1.12}
 .hero-slider .hero-dots{left:22px;right:auto;bottom:18px;transform:none}
 .hero-controls{padding:0 10px}
 .hero-arrow{width:34px;height:34px}
}

/* User-selected hotel photographs */
.hero.hero-slider{height:clamp(430px,39vw,550px)}
.hero-slider .hero-slide img{object-position:center 52%;filter:saturate(1.06) contrast(1.03)}
.hero-slider .hero-slide:nth-child(1) img{object-position:center 54%}
.hero-slider .hero-slide:nth-child(2) img{object-position:center 53%}
.hero-slider .hero-slide:nth-child(3) img{object-position:center 55%}
.hero-slider .hero-slide:after{background:linear-gradient(0deg,rgba(7,24,35,.37),transparent 38%)}
.hero-slide-label{bottom:32px;left:max(5vw,calc((100vw - 1180px)/2));padding:16px 22px 17px 24px;border-left:4px solid #f5822b;background:rgba(7,32,46,.62);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 10px 26px #071b2540;border-radius:0 10px 10px 0;text-shadow:0 2px 12px #071b25aa}
.hero-slide-label strong{font-size:clamp(29px,3vw,44px);letter-spacing:-.02em}
.hero-slider .hero-dots{bottom:53px}
@media(max-width:720px){
 .hero.hero-slider{height:clamp(340px,83vw,480px)}
 .hero-slider .hero-slide img{object-position:center 50%}
 .hero-slide-label{left:16px;right:16px;bottom:45px;max-width:none;padding:12px 14px 13px 15px;border-left-width:3px}
 .hero-slide-label strong{font-size:clamp(25px,6.5vw,34px)}
 .hero-slider .hero-dots{left:19px;bottom:20px}
}

.hero-slider .hero-slide img{filter:none}

/* Restrained single-line hotel names, with no title panel. */
.hero-slider .hero-slide:after{background:linear-gradient(0deg,rgba(7,24,35,.53),rgba(7,24,35,.12) 34%,transparent 62%)}
.hero-slide-label{left:max(5vw,calc((100vw - 1180px)/2));bottom:43px;right:auto;max-width:min(78vw,850px);padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;text-shadow:0 2px 11px rgba(0,0,0,.7)}
.hero-slide-label strong{display:block;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:clamp(29px,3vw,44px);font-weight:700;line-height:1.12;letter-spacing:-.025em;text-transform:none}
.hero-slide-label:after{display:none}
@media(max-width:720px){.hero-slide-label{left:22px;right:22px;bottom:43px;max-width:calc(100% - 44px);padding:0}.hero-slide-label strong{font-size:clamp(25px,6.5vw,34px)}.hero-slider .hero-dots{bottom:18px}}

.hero-slide-label{width:max-content;max-width:calc(100% - 110px);padding:10px 21px 12px;background:linear-gradient(120deg,rgba(255,166,54,.94) 0%,rgba(242,111,20,.91) 48%,rgba(205,65,10,.88) 100%);border:1px solid rgba(255,217,144,.7);border-radius:5px;box-shadow:0 10px 28px rgba(55,25,8,.3),inset 0 1px 0 rgba(255,255,255,.6),inset 0 -1px 0 rgba(154,51,6,.28);text-shadow:0 1px 5px rgba(83,31,4,.55)}
@media(max-width:720px){.hero-slide-label{left:18px;right:auto;width:max-content;max-width:calc(100% - 60px);padding:8px 12px 9px}}
/* Club Grand Side banner: show the supplied finished artwork without cropping on mobile. */
.hero-slide.deal-slide img{object-fit:cover;object-position:center 35%}
@media(max-width:720px){.hero-slider:has(.deal-slide.is-active){height:56.25vw;min-height:0;max-height:none}.hero-slide.deal-slide img{object-position:center center}}

/* Region hotel directory */
.destination{text-decoration:none}
.hotel-directory{min-height:100vh;background:#f7f8fa}
.hotel-directory-hero{padding:48px 0 54px;color:#fff;background:linear-gradient(105deg,rgba(21,45,57,.92),rgba(31,56,70,.7)),url('/dest-antalya.webp') center 44%/cover}
.hotel-directory-hero .container{max-width:1240px}
.directory-back{display:inline-block;margin-bottom:30px;color:#fff;text-decoration:none;font-size:14px;font-weight:700;opacity:.92}
.directory-back:hover{text-decoration:underline}
.hotel-directory-hero .section-kicker{display:block;color:#ffd09b;font-size:13px}
.hotel-directory-hero h1{max-width:800px;margin:9px 0 10px;font-size:clamp(38px,5vw,62px);line-height:1.06;letter-spacing:-.04em}
.hotel-directory-hero p{max-width:680px;margin:0;color:#f0f4f6;font-size:18px}
.hotel-directory-list{padding:36px 0 72px}
.hotel-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.hotel-card{overflow:hidden;display:flex;flex-direction:column;background:#fff;border:1px solid #e8ebee;border-radius:14px;box-shadow:0 8px 28px rgba(27,45,58,.07)}
.hotel-card-photo{display:block;aspect-ratio:16/10;overflow:hidden;background:#dfe8ec}
.hotel-card-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.hotel-card-photo:hover img{transform:scale(1.035)}
.hotel-card-body{display:flex;flex:1;flex-direction:column;padding:19px 20px 20px}
.hotel-card-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#697684;font-size:12px;font-weight:700}
.hotel-card-meta span:last-child{padding:5px 8px;color:#a54e18;background:#fff1e6;border-radius:999px;white-space:nowrap}
.hotel-card h2{margin:14px 0 7px;font-size:21px;line-height:1.2;color:#243746}
.hotel-card p{margin:0 0 22px;color:#63707c;font-size:14px;line-height:1.55}
.hotel-card-actions{display:flex;align-items:center;gap:17px;margin-top:auto}
.hotel-offer-button{display:inline-flex;justify-content:center;align-items:center;min-height:43px;padding:0 17px;border-radius:7px;background:#ed7428;color:#fff;text-decoration:none;font-weight:800;font-size:14px}
.hotel-offer-button:hover{background:#ca5b18}
.hotel-official-link{color:#445764;font-size:14px;font-weight:700;text-decoration:none}
.hotel-official-link:hover{text-decoration:underline}
.hotel-empty{max-width:680px;margin:24px auto;padding:35px;background:#fff;border:1px solid #e6e9ec;border-radius:14px;text-align:center}
.hotel-empty h2{margin:0 0 8px;color:#243746;font-size:24px}
.hotel-empty p{margin:0 auto 21px;color:#65717f;max-width:540px}
.hotel-directory-footer{padding:25px 0 90px;background:#20384d;color:#fff}
.hotel-directory-footer .container{display:flex;justify-content:space-between;align-items:center;gap:22px}
.hotel-directory-footer .logo{color:#fff}
.hotel-directory-footer p{margin:0;color:#e4eaf0;font-size:14px}
.hotel-directory-footer a:not(.logo){color:#fff;text-decoration:none}
@media(max-width:980px){.hotel-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.hotel-directory-hero{padding:32px 0 38px}.directory-back{margin-bottom:22px}.hotel-directory-hero p{font-size:16px}.hotel-directory-list{padding:23px 0 45px}.hotel-card-grid{grid-template-columns:1fr;gap:16px}.hotel-card-photo{aspect-ratio:16/9}.hotel-card-body{padding:16px}.hotel-directory-footer .container{display:block}.hotel-directory-footer p{margin-top:16px;line-height:1.8}.hotel-directory-footer{padding-bottom:102px}}
@media(prefers-reduced-motion:reduce){.hotel-card-photo img{transition:none}}