@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:wght@400;500;600;700&display=swap');
:root{--font:'DM Sans',system-ui,sans-serif;--bg:#f9faf8;--surface:#fff;--surface2:#f0f4f0;--fg:#192b27;--mute:#66736d;--line:#dce5df;--brand:#096c58;--brand2:#cbf3dc;--dark:#0e2421;--radius:20px;--shadow:0 22px 65px rgba(14,31,25,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--bg);color:var(--fg);font:15px/1.65 var(--font);overflow-x:hidden;min-width:300px}body.dark{--bg:#101914;--surface:#17231d;--surface2:#203127;--fg:#ecf1e9;--mute:#acbdb2;--line:#304237;--dark:#0c1612;--shadow:0 18px 52px #02080455}body.no-scroll{overflow:hidden}body[dir=rtl]{font-family:Tahoma,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}input,textarea,select{min-width:0}button:disabled{opacity:.45;cursor:not-allowed}img{max-width:100%;display:block}::selection{background:var(--brand2);color:#122a1f}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{line-height:1.13;letter-spacing:-.055em}p{color:var(--mute)}.container{max-width:1220px;padding:0 28px;margin:0 auto}.narrow{max-width:850px;margin-inline:auto}.muted{color:var(--mute)}.small{font-size:12px}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:var(--brand)}.eyebrow:before{content:'';width:24px;height:1px;background:currentColor}.section{padding:92px 0}.section.soft{background:var(--surface2)}.section-head{max-width:700px;margin:0 0 34px}.section-head h2{font-size:clamp(32px,4vw,52px);margin:12px 0 14px}.section-head p{font-size:16px;max-width:610px}.btn{border:1px solid transparent;border-radius:12px;padding:13px 20px;font-weight:800;display:inline-flex;gap:10px;align-items:center;justify-content:center;transition:transform .2s,background .2s,color .2s,border-color .2s;text-align:center;white-space:normal}.btn:hover{transform:translateY(-2px)}.btn.primary{background:var(--brand);color:white}.btn.primary:hover{background:var(--fg);color:var(--bg)}.btn.outline{border-color:var(--line);background:var(--surface);color:var(--fg)}.btn.dark{background:#172e27;color:white}.btn.light{background:#f4f6ec;color:#173126}.btn.small{padding:9px 13px;font-size:12px}.btn.wide{width:100%}.icon-btn{width:41px;height:41px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--fg);display:inline-grid;place-items:center;font-size:19px;flex-shrink:0}.icon-btn:hover{border-color:var(--brand);color:var(--brand)}.site-header{position:sticky;top:0;z-index:90;background:color-mix(in srgb,var(--surface) 94%, transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.site-nav{min-height:76px;display:flex;align-items:center;gap:24px}.logo{font-size:22px;letter-spacing:-.065em;font-weight:900;white-space:nowrap;line-height:1.05;display:flex;align-items:center;gap:10px}.logo-mark{width:40px;height:40px;background:var(--brand);border-radius:13px;color:white;display:inline-grid;place-items:center;font-size:24px;font-weight:700}.logo em{font-style:normal;color:var(--brand)}.nav-links{display:flex;gap:25px;margin-inline:auto;align-items:center}.nav-links a{font-weight:700;font-size:13px;transition:color .2s}.nav-links a:hover,.nav-links a.active{color:var(--brand)}.nav-controls{display:flex;align-items:center;gap:8px}.language-picker{border:1px solid var(--line);background:var(--surface);border-radius:10px;color:var(--fg);font-size:12px;font-weight:800;padding:11px 28px 11px 11px;max-width:85px;direction:ltr}.mobile-toggle{display:none}.mobile-nav{display:none;border-top:1px solid var(--line);padding:14px 26px;background:var(--surface)}.mobile-nav.is-open{display:grid;gap:12px}.mobile-nav a{padding:10px;border-bottom:1px solid var(--line);font-weight:700}.ribbon{background:#12362e;color:#eef9e8;padding:9px 18px;text-align:center;font-size:11px;font-weight:750;letter-spacing:.02em}.ribbon a{text-decoration:underline}.site-footer{background:var(--dark);color:#e3ede8;padding:60px 0 28px}.footer-grid{display:grid;grid-template-columns:1.65fr 1fr 1fr 1fr;gap:45px}.site-footer .logo{font-size:23px}.site-footer .logo-mark{background:#b6f0ce;color:#18372c}.site-footer p{color:#b6c7be;max-width:380px}.site-footer h4{font-size:12px;letter-spacing:.13em;text-transform:uppercase;margin-bottom:15px;color:white}.site-footer a:not(.logo){display:block;color:#aebfb7;padding:5px 0;font-size:13px}.site-footer a:hover{color:white}.footer-base{margin-top:32px;padding-top:20px;border-top:1px solid #ffffff24;display:flex;justify-content:space-between;gap:14px;color:#9fac9f;font-size:12px;flex-wrap:wrap}.floating-wa{position:fixed;bottom:24px;inset-inline-end:25px;background:#20bd62;color:#fff;border-radius:100px;padding:13px 19px;box-shadow:0 10px 24px #071c1780;font-weight:800;z-index:70;display:flex;align-items:center;gap:7px}.floating-wa:hover{background:#178f4c}.hero{position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1.05fr;min-height:620px;align-items:center;gap:48px;padding-top:68px;padding-bottom:75px}.hero h1{font-size:clamp(43px,5.5vw,76px);letter-spacing:-.075em;margin:18px 0 20px;line-height:1.035;max-width:740px}.hero p{font-size:17px;max-width:535px}.hero-actions{display:flex;gap:11px;margin:28px 0;flex-wrap:wrap}.hero-photo{height:475px;border-radius:28px;overflow:hidden;position:relative;background:linear-gradient(140deg,var(--brand),var(--brand2));box-shadow:var(--shadow)}.hero-photo>img{width:100%;height:100%;object-fit:cover}.hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,#04191190)}.hero-caption{position:absolute;inset-inline:30px;bottom:29px;z-index:2;color:white;font-size:22px;font-weight:850}.hero-caption small{display:block;font-weight:600;font-size:12px;opacity:.9}.picture-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:210px 210px;gap:12px}.picture-grid img{width:100%;height:100%;object-fit:cover;border-radius:17px}.picture-grid img:first-child{grid-row:span 2}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.feature{padding:26px;border:1px solid var(--line);background:var(--surface);border-radius:19px}.feature b{font-size:16px;display:block;margin-bottom:8px}.feature .glyph{font-size:26px;width:49px;height:49px;display:grid;place-items:center;border-radius:14px;background:var(--surface2);margin-bottom:17px;color:var(--brand)}.feature p{font-size:13px;line-height:1.6;margin:0}.sector-card{border:1px solid var(--line);background:var(--surface);border-radius:21px;overflow:hidden;transition:transform .2s,box-shadow .2s}.sector-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.sector-card .image{height:205px;position:relative;background:var(--surface2);overflow:hidden}.sector-card .image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.sector-card:hover .image img{transform:scale(1.055)}.sector-card .content{padding:23px}.sector-card .content h3{font-size:21px;margin:8px 0}.sector-card .content p{font-size:13px;margin-bottom:20px}.sector-card .card-link{font-size:12px;font-weight:850;color:var(--brand);display:flex;justify-content:space-between}.stat-strip{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:var(--surface);border-radius:19px;margin-top:18px}.stat-strip>div{padding:22px;text-align:center;border-inline-end:1px solid var(--line)}.stat-strip>div:last-child{border-inline:0}.stat-strip strong{display:block;font-size:28px;letter-spacing:-.05em}.stat-strip span{font-size:12px;color:var(--mute)}.pricing-area{display:grid;grid-template-columns:.9fr 1.1fr;gap:36px;align-items:stretch}.price-card{background:#133e31;color:#eaf6ee;padding:39px;border-radius:28px}.price-card .price{font-size:clamp(54px,7vw,86px);letter-spacing:-.09em;line-height:1;margin:18px 0}.price-card .price span{font-size:20px;letter-spacing:0;margin-inline-start:7px}.price-card p{color:#d1e5da}.price-card ul{list-style:none;padding:0;margin:25px 0;display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}.price-card li{font-size:12px;display:flex;gap:8px}.price-card li:before{content:'✓';color:#aff0ba}.custom-card{background:var(--surface);padding:35px;border:1px solid var(--line);border-radius:25px;display:flex;flex-direction:column;gap:12px}.custom-card h3{font-size:34px;margin:4px 0}.custom-card p{margin-bottom:0}.custom-card .btn{margin-top:auto}.flow-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.flow-step{background:var(--surface);border:1px solid var(--line);padding:27px;border-radius:20px}.step-num{font-size:35px;font-weight:900;color:var(--brand);letter-spacing:-.08em}.flow-step h3{font-size:19px;margin:15px 0 8px}.faq{border-block-start:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:18px 4px}summary{font-weight:800;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px}summary:after{content:'+';font-size:23px;color:var(--brand)}details[open] summary:after{content:'−'}details p{max-width:850px;margin:12px 0 0;font-size:14px}.page-heading{padding:65px 0 48px}.page-heading h1{font-size:clamp(38px,5vw,65px);margin:12px 0}.page-heading p{max-width:680px;font-size:16px}.form-card{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:33px;box-shadow:0 12px 38px #08180e07}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:15px}.field label{font-weight:750;font-size:12px}.field input,.field select,.field textarea{border:1px solid var(--line);border-radius:11px;padding:13px 12px;background:var(--bg);color:var(--fg);width:100%;outline:0}.field textarea{min-height:96px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 14%,transparent)}.checkline{display:flex;align-items:flex-start;gap:9px;color:var(--mute);font-size:12px;margin:14px 0}.checkline input{margin-top:4px;accent-color:var(--brand)}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.choice{display:flex;align-items:center;gap:10px;padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--bg);font-size:13px}.choice input{accent-color:var(--brand)}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:37px}.contact-quick{background:var(--surface2);padding:25px;border-radius:20px;margin:15px 0}.contact-quick strong{display:block}.notice{font-size:12px;padding:13px 16px;background:var(--surface2);color:var(--mute);border-inline-start:3px solid var(--brand);border-radius:6px}.bread{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:12px;color:var(--mute);padding:17px 0}.bread a:hover{color:var(--brand)}
/* Independent sector design systems */
body.demo{--brand:var(--sector-accent);--brand2:var(--sector-soft)}body[data-sector=apart]{--sector-accent:#087e88;--sector-soft:#b3e9e2;--font:'Manrope',sans-serif;--radius:22px}body[data-sector=butik]{--sector-accent:#936f4e;--sector-soft:#e9d9c7;--font:'DM Sans',sans-serif;--bg:#f9f5ef;--surface2:#f1e9dd;--radius:6px}body[data-sector=butik] h1,body[data-sector=butik] h2,body[data-sector=butik] h3{font-family:'Playfair Display',Georgia,serif;letter-spacing:-.035em}body[data-sector=pansiyon]{--sector-accent:#c36d28;--sector-soft:#f5dcac;--bg:#fffaf2;--surface2:#fff2dd;--radius:25px}body[data-sector=villa]{--sector-accent:#a88653;--sector-soft:#413b31;--bg:#10120f;--surface:#1b1e18;--surface2:#25271f;--fg:#f2f0e9;--mute:#b7baab;--line:#37392d;--radius:4px;--dark:#080b08}body[data-sector=villa].dark{--bg:#f7f3eb;--surface:#fffdfa;--surface2:#ede7dc;--fg:#201c15;--mute:#766d60;--line:#e1d9cd;--dark:#10120f}body[data-sector=villa] h1,body[data-sector=villa] h2,body[data-sector=villa] h3{font-family:'Playfair Display',Georgia,serif;letter-spacing:-.035em}body[data-sector=bungalov]{--sector-accent:#45684c;--sector-soft:#c5d9c3;--bg:#f5f7f1;--radius:28px}body[data-sector=gunluk]{--sector-accent:#31619d;--sector-soft:#c7d9ef;--radius:7px}body[data-sector=glamping]{--sector-accent:#ad684c;--sector-soft:#edd4bd;--bg:#faf4ec;--radius:36px}body.demo.dark:not([data-sector=villa]){--bg:#131916;--surface:#1c2720;--surface2:#26332a;--fg:#f0f0e9;--mute:#a9b7a8;--line:#344439}
.demo-header{background:color-mix(in srgb,var(--surface) 96%,transparent)}.demo .logo{font-size:21px;letter-spacing:-.04em}.demo .logo-mark{border-radius:var(--radius)}.demo .btn{border-radius:var(--radius)}.demo .icon-btn,.demo .language-picker{border-radius:12px}.demo-hero{position:relative}.demo-hero .hero-grid{min-height:625px}.demo-hero h1{font-size:clamp(50px,6vw,86px);line-height:1.02;max-width:750px}.demo-hero .hero-photo{height:520px;border-radius:var(--radius)}.demo-hero.full .hero-grid{display:block;max-width:none;padding:0;min-height:unset}.demo-hero.full .hero-photo{height:min(77vh,780px);border-radius:0;box-shadow:none}.demo-hero.full .hero-photo:after{background:linear-gradient(90deg,#07140ac9,transparent 88%),linear-gradient(0deg,#07140a80,transparent 40%)}.demo-hero.full .hero-words{position:absolute;z-index:3;top:50%;left:max(5%,calc((100vw - 1170px)/2));transform:translateY(-50%);max-width:670px;color:white;padding:20px 20px 20px 0}.demo-hero.full .hero-words p{color:#f4f5ed;max-width:530px}.demo-hero.full .eyebrow{color:#e2f5e5}.demo-hero.editorial .hero-grid{grid-template-columns:.9fr 1.1fr}.demo-hero.editorial .hero-photo{height:445px}.demo-hero.editorial .hero-words{padding-inline:36px 0}.demo-hero.editorial{background:var(--surface2)}body.demo[data-sector=pansiyon] .demo-hero.editorial .hero-photo{transform:rotate(2deg)}body.demo[data-sector=glamping] .hero-photo{border-radius:50% 50% 0 0}.booking-wrap{position:relative;z-index:35;margin-top:-36px}.booking-bar{position:relative;display:grid;grid-template-columns:1.25fr 1fr 1fr auto;align-items:stretch;gap:0;border-radius:19px;background:var(--surface);box-shadow:0 14px 45px #0b1e1a28;border:1px solid var(--line);padding:8px}.booking-field{padding:11px 19px;border:0;border-inline-end:1px solid var(--line);text-align:start;color:var(--fg);background:none;min-width:0;cursor:pointer}.booking-field small{display:block;color:var(--mute);font-size:11px;margin-bottom:3px}.booking-field strong{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.booking-bar>.btn{margin:3px 2px;min-width:112px}.popover{position:absolute;top:calc(100% + 9px);z-index:66;background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:0 20px 60px #091b1644;display:none;color:var(--fg)}.popover.is-open{display:block}.popover.calendar{width:min(700px,calc(100vw - 34px));inset-inline-start:18%;padding:22px}.popover.guests{width:min(370px,calc(100vw - 34px));inset-inline-end:110px;padding:24px}.calendar-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.calendar-months{display:grid;grid-template-columns:1fr 1fr;gap:23px}.month h4{font-size:14px;margin:9px 0 14px;text-align:center}.month-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}.month-days>span{text-align:center;font-size:10px;color:var(--mute);padding:6px 0}.date-cell{background:none;border:0;aspect-ratio:1;display:grid;place-items:center;min-width:0;border-radius:7px;color:var(--fg);font-size:12px}.date-cell:hover:not(:disabled){background:var(--surface2)}.date-cell.inrange{background:var(--brand2);color:#20342a}.date-cell.selected{background:var(--brand);color:white}.date-cell:disabled{color:var(--mute);opacity:.3}.calendar-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:16px;border-top:1px solid var(--line);padding-top:12px}.guest-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 0}.guest-row+ .guest-row{border-top:1px solid var(--line)}.guest-row strong{font-size:13px}.counter{display:flex;align-items:center;gap:10px}.counter span{min-width:20px;text-align:center;font-weight:800}.counter button{width:32px;height:32px;border-radius:50%;border:1px solid var(--line);color:var(--brand);background:var(--surface);font-size:20px;line-height:1}.guest-actions{border-top:1px solid var(--line);padding-top:15px;display:flex;justify-content:space-between;gap:12px;margin-top:11px}.guest-check{display:flex;align-items:center;gap:10px;margin-top:10px}.guest-check input{accent-color:var(--brand)}.property-intro{display:grid;grid-template-columns:1fr .72fr;gap:60px;align-items:center}.property-intro h2{font-size:clamp(31px,4vw,51px)}.intro-card{border:1px solid var(--line);border-radius:var(--radius);padding:32px;background:var(--surface)}.intro-features{display:grid;grid-template-columns:1fr 1fr;gap:12px 10px}.intro-features span{padding:11px 0;font-weight:750;font-size:13px;border-bottom:1px solid var(--line)}.intro-features span:before{content:'✦';color:var(--brand);margin-inline-end:9px}.room-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}.room-card .photo{height:224px;overflow:hidden;position:relative;background:var(--surface2);cursor:pointer}.room-card .photo img{height:100%;width:100%;object-fit:cover;transition:transform .4s}.room-card:hover .photo img{transform:scale(1.04)}.room-card .inside{padding:22px;display:flex;flex-direction:column;flex:1}.room-card h3{font-size:23px;margin:6px 0}.room-card p{font-size:13px;margin:0 0 16px}.room-card .room-meta{display:flex;flex-wrap:wrap;gap:7px}.room-meta span{display:inline-flex;border-radius:8px;background:var(--surface2);padding:5px 9px;font-size:11px;color:var(--mute)}.room-price{border-top:1px solid var(--line);margin-top:auto;padding-top:18px;display:flex;align-items:end;justify-content:space-between;gap:10px}.room-price strong{font-size:25px;letter-spacing:-.05em;display:block}.room-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:17px}.compare-check{cursor:pointer;font-size:12px;display:flex;align-items:center;gap:5px}.compare-check input{accent-color:var(--brand)}.compare-bar{position:fixed;bottom:23px;left:50%;transform:translateX(-50%);padding:13px 19px;border-radius:16px;background:var(--fg);color:var(--bg);z-index:60;display:none;gap:15px;align-items:center;box-shadow:var(--shadow);max-width:calc(100vw - 30px)}.compare-bar.is-open{display:flex}.compare-bar .btn{background:var(--brand);color:white}.filters{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:25px 0}.filter-btn{border:1px solid var(--line);padding:9px 16px;background:var(--surface);color:var(--fg);border-radius:100px;font-size:12px;font-weight:750}.filter-btn.active{background:var(--brand);color:white;border-color:var(--brand)}.detail-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:28px}.detail-gallery{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:210px 170px;gap:9px;margin-bottom:28px}.detail-gallery button{border:0;padding:0;background:var(--surface2);overflow:hidden;cursor:pointer;border-radius:var(--radius)}.detail-gallery button:first-child{grid-row:span 2}.detail-gallery img{width:100%;height:100%;object-fit:cover}.detail-gallery button:hover img{transform:scale(1.03)}.sticky-reserve{position:sticky;top:97px;background:var(--surface);border-radius:var(--radius);border:1px solid var(--line);padding:26px;align-self:start}.detail-list{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:25px 0}.detail-list span{padding:12px;border-bottom:1px solid var(--line);font-weight:700;font-size:13px}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.gallery-grid button{padding:0;border:0;background:var(--surface2);border-radius:var(--radius);overflow:hidden;height:240px;cursor:pointer}.gallery-grid button:nth-child(4n+1){grid-row:span 2;height:auto}.gallery-grid img{width:100%;height:100%;object-fit:cover}.gallery-grid button img:hover{transform:scale(1.04)}.dialog-backdrop{position:fixed;inset:0;z-index:200;background:#04100bd5;display:none;align-items:center;justify-content:center;padding:20px}.dialog-backdrop.open{display:flex}.lightbox{width:min(1050px,100%);background:var(--surface);color:var(--fg);padding:15px;border-radius:19px}.lightbox-top{display:flex;justify-content:space-between;align-items:center;padding:4px 6px 12px}.lightbox-photo{height:min(67vh,670px);display:flex;align-items:center;justify-content:space-between;position:relative;background:var(--surface2);overflow:hidden}.lightbox-photo img{height:100%;max-width:100%;object-fit:contain;margin:auto}.lightbox-arrow{position:absolute;top:48%;background:var(--surface);border:1px solid var(--line);font-size:25px;width:44px;height:44px;z-index:1;border-radius:50%}.lightbox-arrow.prev{inset-inline-start:10px}.lightbox-arrow.next{inset-inline-end:10px}.lightbox-thumbs{display:flex;gap:9px;overflow:auto;padding:12px 0 2px}.lightbox-thumbs button{width:83px;height:55px;flex-shrink:0;border:2px solid transparent;padding:0;border-radius:7px;overflow:hidden;opacity:.65}.lightbox-thumbs button.active{border-color:var(--brand);opacity:1}.lightbox-thumbs img{width:100%;height:100%;object-fit:cover}.drawer-overlay{position:fixed;inset:0;z-index:160;background:#03180d8d;display:none}.drawer-overlay.open{display:block}.booking-drawer{position:absolute;top:0;bottom:0;inset-inline-end:0;background:var(--surface);color:var(--fg);width:min(475px,100vw);display:flex;flex-direction:column;box-shadow:-15px 0 60px #02080455}.drawer-head{display:flex;justify-content:space-between;align-items:center;padding:22px;border-bottom:1px solid var(--line)}.drawer-head h3{margin:0;font-size:22px}.drawer-scroll{overflow:auto;flex:1;padding:21px 25px}.drawer-footer{padding:18px 22px;background:var(--surface);border-top:1px solid var(--line)}.drawer-total{display:flex;align-items:end;justify-content:space-between;margin-bottom:12px}.drawer-total strong{font-size:27px;letter-spacing:-.07em}.rate-option{display:flex;align-items:center;gap:14px;margin:10px 0;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface2);cursor:pointer}.rate-option.selected{border-color:var(--brand);background:color-mix(in srgb,var(--brand2) 22%,var(--surface))}.rate-option input{accent-color:var(--brand);width:19px;height:19px}.rate-option strong{margin-inline-start:auto;white-space:nowrap}.estimate-row{display:flex;justify-content:space-between;gap:8px;font-size:13px;padding:11px 0;border-bottom:1px solid var(--line)}.booking-inline{padding:20px;background:var(--surface2);border-radius:16px}.booking-inline h3{font-size:19px}.split-contact{display:grid;grid-template-columns:1fr 1fr;gap:24px}.map-panel{height:275px;background:linear-gradient(140deg,var(--surface2),var(--brand2));border:1px solid var(--line);border-radius:var(--radius);display:grid;place-items:center;text-align:center;padding:30px}.map-panel span{font-size:38px}.amenity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.amenity-tile{padding:26px;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);font-weight:750}.amenity-tile span{display:block;font-size:27px;margin-bottom:12px}.policy-note{background:var(--surface2);border-radius:16px;padding:18px;color:var(--mute);font-size:12px;margin-top:17px}
@media(max-width:1050px){.nav-links{gap:14px}.nav-links a{font-size:12px}.site-nav{gap:12px}.container{padding-inline:22px}.hero-grid{gap:30px}.footer-grid{gap:24px}}
@media(max-width:880px){.nav-links{display:none}.mobile-toggle{display:grid}.site-nav{min-height:68px}.hero-grid,.demo-hero.editorial .hero-grid,.pricing-area,.property-intro,.contact-grid,.detail-layout{grid-template-columns:1fr}.hero-grid{padding-top:45px;padding-bottom:75px;min-height:auto}.hero-photo,.demo-hero .hero-photo{height:400px}.demo-hero.full .hero-photo{height:620px}.demo-hero.full .hero-words{left:26px;right:26px;max-width:620px}.booking-bar{grid-template-columns:1fr 1fr}.booking-field{border-bottom:1px solid var(--line)}.booking-bar>.btn{grid-column:1/-1}.popover.calendar{inset-inline-start:0}.popover.guests{inset-inline-end:0}.card-grid,.feature-grid,.amenity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:repeat(2,1fr)}.gallery-grid{grid-template-columns:1fr 1fr}.detail-layout{gap:20px}.sticky-reserve{position:static}.demo-hero.editorial .hero-words{padding-inline:0}.split-contact{grid-template-columns:1fr}}
@media(max-width:600px){.container{padding-inline:16px}.ribbon{font-size:10px;padding:6px 14px}.site-nav{gap:9px}.logo{font-size:18px}.logo-mark{width:33px;height:33px;border-radius:9px;font-size:20px}.nav-controls{margin-inline-start:auto;gap:5px}.language-picker{padding:8px 18px 8px 6px;max-width:70px}.nav-controls>.btn{display:none}.icon-btn{width:34px;height:34px;font-size:16px}.hero-grid{gap:25px;padding-top:39px;padding-bottom:60px}.hero h1{font-size:clamp(37px,10.4vw,52px)}.hero p{font-size:14px}.hero-photo,.demo-hero .hero-photo{height:330px}.demo-hero.full .hero-photo{height:520px}.demo-hero.full .hero-words{inset-inline-start:17px;inset-inline-end:15px;padding:0;max-width:400px}.demo-hero.full .hero-words h1{font-size:42px}.demo-hero.full .hero-words p{font-size:13px}.hero-actions{gap:8px}.btn{padding:12px 15px;font-size:12px}.section{padding:60px 0}.section-head h2{font-size:34px}.card-grid,.feature-grid,.flow-steps,.pricing-area,.contact-grid,.form-grid,.amenity-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:25px}.footer-grid>div:first-child{grid-column:1/-1}.footer-base{display:block}.price-card,.custom-card,.form-card{padding:23px}.price-card ul{grid-template-columns:1fr}.booking-wrap{margin-top:-12px}.booking-bar{grid-template-columns:1fr 1fr;border-radius:14px;gap:0;padding:5px}.booking-field{padding:12px 9px}.booking-field:first-child{grid-column:1/-1}.booking-field:nth-child(3){border-inline-end:0}.booking-field strong{font-size:12px}.booking-bar>.btn{width:100%;margin:4px 0 0}.popover{position:fixed!important;inset:auto 8px 8px 8px!important;width:auto!important;max-height:min(82vh,690px);overflow:auto;border-radius:18px;box-shadow:0 0 0 999px #06100899,0 18px 65px #0005}.popover.calendar{padding:13px}.calendar-months{grid-template-columns:1fr;gap:3px}.calendar-months .month:last-child{display:none}.month-days{gap:1px}.date-cell{font-size:12px}.card-grid{gap:15px}.room-card .photo{height:210px}.intro-features,.detail-list{grid-template-columns:1fr 1fr}.detail-gallery{grid-template-rows:160px 140px}.gallery-grid{grid-template-columns:1fr 1fr;gap:7px}.gallery-grid button{height:155px}.gallery-grid button:nth-child(4n+1){grid-row:span 1;height:155px}.lightbox{padding:8px}.lightbox-photo{height:55vh}.lightbox-thumbs button{width:65px;height:48px}.drawer-scroll{padding:15px}.drawer-head,.drawer-footer{padding:14px}.floating-wa{bottom:15px;inset-inline-end:15px;padding:11px 14px;font-size:12px}.choice-grid{grid-template-columns:1fr}.page-heading{padding:40px 0 20px}.stat-strip{grid-template-columns:1fr}.stat-strip>div{border-inline:0;border-bottom:1px solid var(--line)}.stat-strip>div:last-child{border:0}.compare-bar{bottom:9px;width:calc(100vw - 18px);gap:6px;padding:10px}.compare-bar .btn{font-size:11px}.popover.guests{padding:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Small-screen brand fitting & sector-specific compositions */
.signature{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;border-radius:var(--radius);overflow:hidden;background:var(--surface);border:1px solid var(--line)}.signature .text{padding:48px}.signature .text h2{font-size:clamp(28px,3.8vw,47px);margin:14px 0}.signature .visual{height:360px;min-height:100%;overflow:hidden;background:var(--surface2)}.signature .visual img{width:100%;height:100%;object-fit:cover}.gallery-tabs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 22px}.gallery-tabs button{padding:9px 16px;border-radius:100px;border:1px solid var(--line);background:var(--surface);color:var(--fg);font-weight:750;font-size:12px}.gallery-tabs button.active{background:var(--brand);color:white;border-color:var(--brand)}.gallery-tabs .layout-toggle{margin-inline-start:auto}.gallery-grid.as-list{grid-template-columns:1fr}.gallery-grid.as-list button,.gallery-grid.as-list button:nth-child(4n+1){height:260px;grid-row:auto}
body[data-sector=butik] .signature{grid-template-columns:1.2fr .8fr}body[data-sector=butik] .signature .text{order:1}body[data-sector=butik] .signature .visual{order:0}body[data-sector=pansiyon] .signature .visual{border-radius:50% 0 0 50%}body[data-sector=villa] .signature .text{padding:60px}body[data-sector=villa] .signature{border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0}body[data-sector=gunluk] .signature{border-radius:0}body[data-sector=gunluk] .signature .visual{height:450px}body[data-sector=glamping] .signature .visual{border-radius:45% 45% 0 0}
@media(max-width:700px){.signature{grid-template-columns:1fr!important;gap:0}.signature .text{padding:27px!important;order:1!important}.signature .visual{height:235px!important;order:0!important;min-height:0}.gallery-tabs button{font-size:11px;padding:7px 10px}}@media(max-width:600px){.demo .site-nav .logo{min-width:0;overflow:hidden;flex-shrink:1;max-width:calc(100% - 155px)}.demo .site-nav .logo span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo .site-nav .logo .logo-mark{flex-shrink:0}.demo .site-nav .nav-controls{flex-shrink:0;margin-inline-start:auto}.demo .site-nav .logo{font-size:17px}.gallery-tabs .layout-toggle{margin-inline-start:0}}
@media(max-width:375px){.demo .site-nav .logo{font-size:15px;max-width:calc(100% - 150px)}.demo .site-nav .language-picker{max-width:63px}.demo .site-nav{gap:5px}}
/* Phone navigation must not cause horizontal scrolling on narrow 320–390px devices. */
@media(max-width:390px){.marketing .site-nav .logo{font-size:16px;min-width:0;overflow:hidden;flex-shrink:1;max-width:calc(100% - 157px)}.marketing .site-nav .logo em{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.marketing .site-nav .nav-controls{flex-shrink:0}.marketing .language-picker{max-width:64px}.marketing .site-nav{gap:5px}}
/* A light scheme remains light and a dark scheme dark, including the cinematic villa theme. */
body.demo[data-sector=villa]{--bg:#f7f3eb;--surface:#fffdfa;--surface2:#ede7dc;--fg:#201c15;--mute:#766d60;--line:#e1d9cd;--dark:#10120f}
body.demo[data-sector=villa].dark{--bg:#10120f;--surface:#1b1e18;--surface2:#25271f;--fg:#f2f0e9;--mute:#b7baab;--line:#37392d;--dark:#080b08}

/* WEB PANSİYON V3 — accessibility, palette, responsive, scroll controls */
.brand-symbol{display:block;width:43px;height:43px;flex:0 0 43px;object-fit:contain;border-radius:12px}.site-footer .brand-symbol{width:38px;height:38px;flex-basis:38px}.site-nav .logo{min-width:0;overflow:visible;white-space:nowrap}.demo .site-nav .logo span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lang-switch,.palette-control{position:relative;flex-shrink:0}.lang-trigger{border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--fg);height:43px;min-width:90px;display:flex;gap:6px;align-items:center;justify-content:center;padding:6px 9px;cursor:pointer}.lang-trigger img,.lang-menu img{width:25px;height:17px;object-fit:cover;border:1px solid #ddd8;border-radius:2px}.lang-trigger strong{font-size:11px}.chevron{font-size:13px;opacity:.7}.lang-menu,.palette-menu{display:none;position:absolute;right:0;top:calc(100% + 9px);width:205px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow);padding:6px;z-index:110}.lang-switch.expanded .lang-menu,.palette-control.open .palette-menu{display:block}.lang-menu button{border:0;background:transparent;color:var(--fg);display:flex;align-items:center;gap:10px;width:100%;padding:9px;text-align:start;border-radius:9px;cursor:pointer}.lang-menu button:hover,.lang-menu button[aria-checked=true]{background:var(--surface2)}.lang-menu small{margin-inline-start:auto;color:var(--mute)}.palette-menu{width:218px;padding:13px}.palette-label{font-size:12px;font-weight:800}.palette-swatches{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-top:13px}.palette-swatches button{width:30px;height:30px;background:var(--swatch);border:2px solid #fff;outline:1px solid #ddd;border-radius:50%;cursor:pointer}.palette-swatches button[aria-pressed=true]{outline:3px solid var(--fg)}
.back-to-top{position:fixed;inset-inline-end:27px;bottom:91px;z-index:75;width:47px;height:47px;border-radius:15px;background:var(--brand);color:#fff;border:1px solid #ffffff38;font-size:24px;font-weight:800;box-shadow:0 10px 22px #0519154c;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .18s,transform .18s,visibility .18s;pointer-events:none}.back-to-top.visible{opacity:1;visibility:visible;transform:none;pointer-events:auto}.back-to-top:hover{filter:brightness(1.15)}.back-to-top:focus-visible,.lang-trigger:focus-visible,.palette-swatches button:focus-visible{outline:3px solid #f7b747;outline-offset:3px}
.single-package{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:23px;align-items:stretch}.package-expansion{background:var(--surface);border:1px solid var(--line);border-radius:26px;padding:40px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.package-expansion h3{font-size:clamp(25px,3vw,37px);margin:18px 0}.package-expansion .btn{margin-top:20px}.why-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.why-tile{border:1px solid var(--line);border-radius:19px;background:var(--surface);padding:26px;min-width:0}.why-tile-icon{display:inline-grid;place-items:center;width:49px;height:49px;background:var(--surface2);color:var(--brand);font-size:26px;border-radius:15px;margin-bottom:25px}.why-tile small{color:var(--mute);display:block;font-size:11px}.why-tile h3{font-size:21px;margin:12px 0}.why-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.flow-four{grid-template-columns:repeat(4,minmax(0,1fr))}.doc-banner{display:flex;justify-content:space-between;align-items:center;gap:26px;margin-top:29px;background:var(--surface);border:1px solid var(--line);padding:34px;border-radius:21px}.doc-banner h3{overflow-wrap:anywhere;font-size:clamp(22px,3vw,32px);margin:8px 0}.doc-banner p{max-width:750px}.doc-banner .btn{flex-shrink:0}
.demo .booking-bar{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr) auto}.booking-room{min-width:0;padding:8px 16px;display:flex;flex-direction:column;justify-content:center;border-inline-end:1px solid var(--line)}.booking-room label{font-size:11px;color:var(--mute)}.booking-room select{color:var(--fg);background:transparent;border:0;font-size:15px;font-weight:750;max-width:100%;cursor:pointer;outline-offset:5px}.booking-room select option{color:#1d2822}.booking-bar .booking-main-cta{font-size:12px;min-width:156px;white-space:normal}.booking-hint{font-size:11px;margin:9px 4px 0;opacity:.84}.amenities-rich{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.amenity-rich{padding:27px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.amenity-rich-icon{font-size:30px;color:var(--brand);margin-bottom:14px}.amenity-rich small{color:var(--mute);font-size:11px}.amenity-rich h3{font-size:20px;margin:10px 0}.amenity-rich p{font-size:13px}.demo-contact-form{min-width:0}.field input::placeholder,.field textarea::placeholder{color:var(--mute);opacity:.85}
/* Section-specific visual art direction; every sector differs in composition and spacing */
body[data-sector=butik] .demo-hero .hero-photo{clip-path:polygon(0 0,100% 0,100% 91%,91% 100%,0 100%)}body[data-sector=apart] .demo-hero .hero-photo{border-radius:0 0 110px 0}body[data-sector=pansiyon] .demo-hero .hero-photo{border-radius:35px 35px 135px 35px}body[data-sector=bungalov] .demo-hero .hero-photo{border-radius:35% 35% 20px 20px}body[data-sector=gunluk] .demo-hero .hero-photo{border-radius:0;box-shadow:20px 20px 0 var(--brand2)}body[data-sector=glamping] .demo-hero .hero-photo{border-radius:48% 48% 5% 5%}body[data-sector=villa] .demo-hero .hero-photo{border-radius:0}
@media(max-width:1000px){.flow-four,.why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo .booking-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.demo .booking-bar .booking-main-cta{min-height:67px}.booking-room{border-bottom:1px solid var(--line)}.amenities-rich{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.single-package,.why-grid,.flow-four,.amenities-rich{grid-template-columns:1fr}.package-expansion{padding:24px}.why-tile{padding:23px}.doc-banner{flex-direction:column;align-items:stretch;padding:22px}.demo .booking-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.booking-room{padding:11px;border-inline-end:1px solid var(--line)}.demo .booking-bar .booking-field{padding:10px;font-size:12px;min-height:67px}.demo .booking-bar .booking-main-cta{font-size:12px;min-height:62px}.back-to-top{width:43px;height:43px;bottom:75px;inset-inline-end:15px}.lang-trigger{min-width:62px;padding:5px;gap:4px}.lang-trigger img{width:22px;height:16px}.lang-trigger .chevron{display:none}.icon-btn{width:37px;height:37px}.brand-symbol{width:32px;height:32px;flex-basis:32px}.site-nav .logo{font-size:16px}.demo .site-nav .logo{font-size:15px;max-width:calc(100% - 142px)}.site-nav .nav-controls>.btn{display:none}.palette-menu,.lang-menu{max-width:min(210px,85vw)}.site-nav{gap:5px}.nav-controls{gap:3px}}
@media(max-width:380px){.lang-trigger strong{font-size:10px}.site-nav .logo{font-size:14px}.demo .site-nav .logo{font-size:13px}.demo .booking-bar{grid-template-columns:1fr}.demo .booking-bar .booking-field,.booking-room{border-inline-end:0;border-bottom:1px solid var(--line)}.demo .booking-bar .booking-main-cta{min-height:50px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.back-to-top{transition:none}}