:root{--dark:#081927;--dark2:#102b3a;--aqua:#77d7df;--gold:#d8b878;--paper:#f7f5f0;--ink:#1a2a32;--muted:#63737a;--border:#dce4e5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--ink);background:var(--paper);line-height:1.7}a{color:inherit;text-decoration:none}a:hover{color:#086e80}img{max-width:100%;height:auto}button,input,textarea{font:inherit}button{cursor:pointer}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}.top{background:#05111c;color:#d6e5e8;font-size:12px;padding:7px 0}.top .wrap{display:flex;justify-content:space-between;gap:10px}.head{position:sticky;top:0;z-index:30;background:rgba(8,25,39,.98);border-bottom:1px solid #ffffff25;color:white}.headin{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px}.brand img{width:182px;max-height:54px}.nav{display:flex;align-items:center;gap:19px;font-size:13px;font-weight:650}.nav a{color:#dce7e9}.nav a:hover{color:var(--gold)}.menu{display:none;background:none;color:white;border:1px solid #78909b;padding:9px 13px;border-radius:6px}.hero{background:linear-gradient(110deg,#071a29ee,#0b2a3acc),url('/images/havuz-mimari.svg') center/cover;color:white;padding:100px 0 106px}.eyebrow{letter-spacing:.23em;text-transform:uppercase;font-size:11px;font-weight:800;color:var(--gold)}h1,h2,h3{line-height:1.19;letter-spacing:-.035em}h1{font-size:clamp(38px,5.7vw,70px);max-width:880px;margin:17px 0 24px;font-weight:750}h2{font-size:clamp(29px,3.5vw,43px);margin:0 0 16px}h3{font-size:21px;margin:0 0 12px}.lead{font-size:clamp(17px,2vw,21px);max-width:740px;color:#d4e2e6}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:4px;padding:13px 22px;font-size:13px;font-weight:800;letter-spacing:.02em;border:1px solid var(--gold);background:var(--gold);color:#112432}.btn.outline{background:transparent;color:white;border-color:#a9c0c5}.section{padding:78px 0}.section.alt{background:white}.section.dark{background:var(--dark);color:white}.intro{max-width:780px;color:var(--muted);font-size:17px}.dark .intro{color:#c6d4d8}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:32px}.tile{background:white;border:1px solid var(--border);padding:29px;min-height:205px;box-shadow:0 12px 35px #0b243008;transition:transform .2s}.tile:hover{transform:translateY(-3px)}.tile small{color:#8a6a33;letter-spacing:.14em;font-weight:800}.tile p{color:var(--muted);font-size:14px}.tile .more{font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:#0c6679}.columns{display:grid;grid-template-columns:1.5fr 1fr;gap:55px;align-items:start}.article p{font-size:16px;color:#4a5d64}.article h2{margin-top:44px}.article h3{margin-top:25px}.article ul{padding-left:22px}.article li{margin:8px 0}.side{background:white;border:1px solid var(--border);padding:28px;position:sticky;top:104px}.side a{display:block;border-bottom:1px solid var(--border);padding:10px 0;font-size:14px}.crumb{font-size:12px;color:#d4e2e6;margin-bottom:20px}.crumb a{text-decoration:underline}.stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #c5d0d1;margin-top:35px}.stat{padding:25px;border-right:1px solid #c5d0d1}.stat:last-child{border:0}.stat b{font-size:31px;display:block;color:#0d6075}.faq details{background:white;border:1px solid var(--border);padding:18px 22px;margin:10px 0}.faq summary{cursor:pointer;font-weight:750}.faq p{color:var(--muted)}.province-list{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:30px}.province-list a{background:white;padding:13px;border:1px solid var(--border);font-size:13px}.ads{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:30px}.ad{border:1px solid #bca675;padding:22px 15px;background:#112e3b;color:white;min-height:190px}.ad b{font-size:28px;color:var(--gold)}.ad h3{font-size:16px;margin:12px 0}.ad p{font-size:12px;color:#c5d6d9}.call{padding:65px 0;background:linear-gradient(110deg,#123c4d,#061a28);color:white}.footer{background:#06131e;color:#bacbd1;padding:60px 0 22px}.footgrid{display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:40px}.footer h3{font-size:16px;color:white}.footer a{color:#dce8eb}.footer a:hover{color:var(--gold)}.footer p,.footer li{font-size:13px}.footer ul{list-style:none;padding:0}.footer li{margin:8px 0}.fine{border-top:1px solid #ffffff23;padding-top:18px;margin-top:36px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:11px}.cookie{position:fixed;bottom:18px;left:18px;z-index:70;width:min(520px,calc(100% - 36px));background:white;border:1px solid #d9e3e5;box-shadow:0 16px 70px #0004;padding:22px;color:var(--ink)}.cookie p{font-size:13px;margin:0 0 14px}.cookie a{text-decoration:underline}.cookie button{padding:9px 19px;margin-right:8px;border:1px solid #0d3141;background:#0d3141;color:white}.cookie button.reject{background:white;color:#0d3141}.hidden{display:none!important}.notice{border-left:3px solid var(--gold);background:#f2eee5;padding:19px;margin:28px 0}.visual{border:1px solid var(--border);background:white;padding:12px}.visual img{width:100%;display:block}.legal{max-width:900px}.legal h2{margin-top:34px}.legal p{color:#4d5e64}@media(max-width:1000px){.nav{gap:10px;font-size:11px}.ads{grid-template-columns:repeat(3,1fr)}.province-list{grid-template-columns:repeat(4,1fr)}}@media(max-width:760px){.top .wrap{display:block}.menu{display:block}.nav{display:none;position:absolute;left:0;right:0;top:100%;background:#081927;padding:16px 20px;flex-direction:column;align-items:stretch;gap:0;border-top:1px solid #ffffff30}.nav.open{display:flex}.nav a{padding:12px;border-bottom:1px solid #ffffff1b}.brand img{width:158px}.hero{padding:65px 0}.grid,.columns,.footgrid{grid-template-columns:1fr}.province-list{grid-template-columns:repeat(2,1fr)}.ads{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:1fr}.stat{border-right:0;border-bottom:1px solid #c5d0d1}.side{position:static}.section{padding:55px 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}


/* HAVUZMARKETTE 2026 — OCEAN DEPTH DESIGN SYSTEM */
:root{--dark:#032a49;--dark2:#014c72;--aqua:#53d8ed;--gold:#edc879;--paper:#e7f7fd;--ink:#08324c;--muted:#4e7488;--border:#b7e0ec}
html{scroll-padding-top:96px}body{font-family:'Noto Sans',system-ui,-apple-system,'Segoe UI',sans-serif;color:#eaf9ff;background:linear-gradient(180deg,#b6edff 0%,#7cd6f1 11%,#1884b8 30%,#075b8c 49%,#063d69 69%,#021d3b 100%) fixed;background-attachment:scroll;font-size:15px;line-height:1.75}a:hover{color:#ffe5a4}a:focus-visible,button:focus-visible{outline:3px solid #ffd78a;outline-offset:3px}.wrap{width:min(1280px,calc(100% - 44px))}.top{background:linear-gradient(90deg,#035779,#0c8fbb);color:#fff}.top a{color:#fff}.head{background:rgba(3,40,68,.91);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid #ffffff35;box-shadow:0 8px 28px #001d3540}.headin{min-height:88px}.brand img{width:220px;max-height:76px;object-fit:contain}.nav{gap:clamp(9px,1.6vw,21px);font-size:12.5px}.nav a{color:#eefaff}.nav a:hover{color:#f8d18c}.hero{position:relative;isolation:isolate;min-height:580px;background:linear-gradient(100deg,rgba(0,28,58,.95) 0%,rgba(0,64,105,.79) 45%,rgba(1,92,142,.13) 100%),url('/images/havuz-hero-4k.webp') center/cover no-repeat;padding:108px 0 125px}.hero:after{content:'';position:absolute;inset:auto 0 0;height:90px;background:linear-gradient(0deg,#0873a6a6,transparent);z-index:-1}.hero h1{max-width:780px;text-shadow:0 3px 28px #001e36aa;font-size:clamp(38px,5.1vw,72px);letter-spacing:-.045em}.hero .lead{color:#f1fbff;max-width:700px;font-size:18px}.eyebrow{color:#f9d58d}.crumb,.crumb a{color:#d8f4ff}.btn{background:linear-gradient(135deg,#ffe6a7,#d7a84c)!important;color:#052b43!important;border:1px solid #fbe1a2!important;border-radius:12px!important;box-shadow:0 10px 30px #001e3640;font-weight:800}.btn.outline{background:#004e78a6!important;color:#fff!important;border:1px solid #c8edff!important}.section{background:transparent!important;color:#fff;padding:85px 0}.section.alt{background:#00385a2b!important}.section.dark{background:#001c39aa!important}.section h2,.section h3,.section p,.section .intro{color:#fff}.section .intro{color:#d9f1ff}.tile,.ad,.stat,.faq details{background:linear-gradient(145deg,#e8fafff5,#b7e9f5eb)!important;color:#08304c!important;border:1px solid #ffffffa8!important;border-radius:19px!important;box-shadow:0 18px 44px #001b3d30;overflow:hidden;transition:transform .22s,box-shadow .22s}.tile:hover{transform:translateY(-5px);box-shadow:0 22px 55px #001b3d70}.tile h3,.tile p,.tile small,.tile .more,.ad h3,.ad p,.stat,.faq details p,.faq summary{color:#08304c!important}.tile img{width:calc(100% + 44px);max-width:calc(100% + 44px);height:155px;object-fit:cover;margin:-22px -22px 19px;display:block}.visual{border-radius:20px;overflow:hidden;box-shadow:0 20px 55px #001c3c55}.stats .stat b{color:#056a98}.call{background:linear-gradient(120deg,#06365d,#006b9a);color:#fff}.footer{background:#00152c!important;color:#d9eefa;border-top:1px solid #58c4e850}.footer a{color:#d9eefa}.footer a:hover{color:#f5d28c}.fine{border-top-color:#ffffff30}.floating{position:fixed;z-index:80;right:16px;top:50%;transform:translateY(-40%);display:flex;flex-direction:column;gap:7px;padding:10px 8px;border:1px solid #a9edff80;border-radius:26px;background:#002944de;box-shadow:0 18px 50px #001c3c8c;backdrop-filter:blur(14px)}.floating a,.floating button{width:57px;min-height:53px;border:0;border-radius:16px;color:#fff;background:#0c638e;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;cursor:pointer;font-weight:800;line-height:1.1;transition:transform .2s}.floating a:hover,.floating button:hover{transform:translateX(-3px);color:white;background:#0a8cc2}.floating .float-wa{background:#119b69}.floating span{font-size:22px}.floating small{font-size:8px;font-weight:600;margin-top:2px}.floating .up{background:#d3b068;color:#042940}.skip{position:absolute;left:-9999px;top:10px;background:white;color:#032d4a;padding:10px;z-index:100}.skip:focus{left:10px}.cookie{z-index:90}.faq details{padding:18px 24px}.faq details p{color:#244c63!important}
@media(max-width:900px){.headin{min-height:74px}.brand img{width:170px}.nav{background:#003958!important}.menu{display:block}.floating{right:7px;top:auto;bottom:12px;transform:none;flex-direction:row;gap:4px;border-radius:16px;padding:5px}.floating a,.floating button{width:47px;min-height:45px;border-radius:11px}.floating span{font-size:18px}.floating small{font-size:7px}.hero{min-height:520px;padding:75px 0 100px;background-position:62% center}.section{padding:62px 0}.tile img{height:140px}}@media(max-width:540px){.top .wrap{flex-wrap:wrap}.hero h1{font-size:38px}.hero .lead{font-size:15px}.floating{left:50%;right:auto;transform:translateX(-50%);bottom:8px}.footer{padding-bottom:85px}.brand img{width:152px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tile,.floating a,.floating button{transition:none}}


/* 2026 PREMIUM DESIGN FIX — all pages, contrast, 6-column grid and clean photography */
:root{--ink:#0a304c;--gold:#f1cb76;--border:#c5e4f1}
body{background:#f3faff;color:#103450;line-height:1.65}
.wrap{width:min(1450px,calc(100% - 60px))}
.top{background:linear-gradient(90deg,#05577f,#0791c0);font-size:12px}
.head{background:#082e4c;box-shadow:0 4px 22px #00294426}
.headin{min-height:76px}.brand img{width:205px}
.nav{gap:clamp(9px,1.2vw,20px);font-size:12px}
.hero{background:linear-gradient(90deg,#002848 0%,#005481 42%,rgba(0,82,125,.35) 76%,rgba(0,65,108,.1) 100%),url('/images/havuz-hero-temiz.webp') right center/cover no-repeat;min-height:410px;padding:72px 0 76px}
.hero.homehero{min-height:520px;padding:85px 0 100px;background:linear-gradient(90deg,#00375b 0%,rgba(0,65,103,.92) 30%,rgba(0,78,126,.43) 63%,rgba(0,77,118,.12) 100%),url('/images/havuz-hero-temiz.webp') right center/cover no-repeat}
.hero h1{font-size:clamp(38px,4.4vw,64px);line-height:1.12;max-width:850px;margin:18px 0 22px}.homehero h1{max-width:770px}
.goldtext{display:block;color:#f6d482}
.hero .lead{max-width:690px;font-size:17px;line-height:1.7}
.section{padding:65px 0;background:#f6fbff!important;color:#0b3150!important}
.section.alt{background:#e8f6fd!important;color:#0b3150!important}
.section.dark{background:#062d4e!important;color:#fff!important}
.section h2,.section h3,.section p,.section .intro{color:#123c59!important}
.section.dark h2,.section.dark h3,.section.dark p,.section.dark .intro{color:#fff!important}
.section .intro{color:#466e86!important}
.grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:28px}
.tile{min-height:0;padding:12px 13px 16px!important;background:linear-gradient(180deg,#fff,#edfaff)!important;border:1px solid #c9e7f1!important;border-radius:17px!important;box-shadow:0 8px 24px #063f6617}
.tile img{width:calc(100% + 26px);max-width:calc(100% + 26px);height:116px;object-fit:cover;margin:-12px -13px 12px}
.tile h3{font-size:15px!important;line-height:1.3;margin:6px 0;color:#082e4b!important}
.tile p{font-size:12px!important;line-height:1.45;margin:6px 0;color:#315771!important}
.tile small{font-size:10px;color:#906b32!important}.tile .more{font-size:10px!important;color:#00668e!important}
.columns{grid-template-columns:minmax(0,1.55fr) minmax(290px,.8fr);gap:38px}
.article,.article p,.article li,.legal,.legal p{color:#173f5a!important}
.article h2,.article h3,.legal h2,.legal h3{color:#073c60!important}
.article h2{font-size:clamp(25px,2.5vw,36px)}
.notice{background:#e2f2fb!important;color:#16405b!important;border-left:4px solid #0086b9;padding:19px 22px}
.notice *{color:#16405b!important}
.side{background:#fff!important;border:1px solid #c9e2ef!important;border-radius:18px;box-shadow:0 12px 35px #06456816;padding:24px}
.side h3{color:#0b3451!important}.side a{color:#07557c!important;border-bottom-color:#d6e8f1}.side a:hover{color:#004267!important}
.side .visual{background:#f3faff;border:1px solid #d5e8f1}.side .visual img{height:200px;object-fit:cover}
.stats .stat,.faq details,.ad{background:#fff!important;color:#123b57!important}
.stat b,.faq summary,.faq details p,.ad h3,.ad p{color:#123b57!important}
.section.dark .ad h3,.section.dark .ad p{color:#123b57!important}
.province-list a{background:#fff;color:#09577a;border:1px solid #d1e9f1;border-radius:8px}
.call{background:linear-gradient(115deg,#063a62,#007cab);color:#fff}.call p,.call h2{color:#fff}
.footer{background:#031e37!important}.footer p,.footer a,.footer li{color:#dcecf5!important}
.floating{right:10px;top:50%;transform:translateY(-35%);background:#003d61d9;border:1px solid #b9ebff70;gap:5px;padding:7px;border-radius:20px}
.floating a,.floating button{width:49px;min-height:49px;border-radius:13px}
.floating span{font-size:19px}.floating small{font-size:7px}
@media(max-width:1180px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tile img{height:135px}}
@media(max-width:760px){.wrap{width:calc(100% - 30px)}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.columns{grid-template-columns:1fr}.hero.homehero{min-height:460px;padding:70px 0 90px}.hero{padding:60px 0}.hero h1{font-size:clamp(34px,7vw,52px)}.section{padding:45px 0}.tile img{height:120px}.side{position:static}.floating{top:auto;right:8px;bottom:10px;transform:none;flex-direction:row}.floating a,.floating button{width:43px;min-height:43px}}
@media(max-width:380px){.tile h3{font-size:13px!important}.tile img{height:95px}}