:root {
  --navy:#092d66;
  --navy-dark:#061d49;
  --sun:#ffd424;
  --cream:#fffaf3;
  --font:'Manrope',Arial,sans-serif;
  --gutter:clamp(22px,5vw,92px);
}
*,*::before,*::after {box-sizing:border-box;}
html {scroll-behavior:smooth;}
body {margin:0;background:#fff;color:var(--navy);font-family:var(--font);-webkit-font-smoothing:antialiased;}
a {color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent;}
button,input {font:inherit;}
button {cursor:pointer;}
a:focus-visible,button:focus-visible,input:focus-visible {outline:3px solid #4884dd;outline-offset:4px;}
.shell {width:min(100% - 2*var(--gutter),1260px);margin-inline:auto;}
/* HERO V2 — Fotoğraf yalnızca atmosfer/ürün katmanıdır; logo, metin ve bağlantılar erişilebilir HTML'dir. */
.hero {height:clamp(690px,88svh,825px);min-height:690px;position:relative;isolation:isolate;overflow:hidden;background:#faf8f2;}
.hero__image,.hero__wash {position:absolute;left:0;right:0;top:90px;bottom:0;pointer-events:none;}
.hero__image {z-index:-3;background:url('../images/hero/inci-hero-akdeniz-desktop.webp') center 48%/cover no-repeat;filter:brightness(.9) saturate(.98);}
.hero__wash {z-index:-2;background:radial-gradient(ellipse 36% 54% at 46% 48%,rgba(255,252,248,.36),rgba(255,252,248,.16) 62%,transparent 100%);}
.hero__mobile-image {display:none;filter:brightness(.92) saturate(.98);}
.hero::after {display:none;}
/* Header: beyaz tek satır, ürün ve tarif bağlantıları korunur. */
.header {position:absolute;top:0;left:0;right:0;height:90px;z-index:30;background:rgba(255,255,255,.975);}
.header__inner {height:100%;display:grid;grid-template-columns:minmax(135px,1fr) auto minmax(255px,1fr);gap:22px;align-items:center;position:relative;}
.brand {display:flex;align-items:center;width:max-content;}
.brand img {width:115px;height:76px;object-fit:contain;display:block;}
.navigation {display:flex;align-items:center;gap:clamp(20px,2.5vw,38px);white-space:nowrap;}
.navigation__item {font-size:14px;font-weight:600;letter-spacing:-.025em;position:relative;padding:20px 0;transition:color .2s;}
.navigation__item::after {content:'';position:absolute;left:0;bottom:13px;width:0;height:2px;background:var(--sun);transition:width .22s;}
.navigation__item:hover::after,.navigation__item:focus-visible::after {width:100%;}
.navigation__item:hover {color:#164c98;}
.header__actions {display:flex;justify-self:end;align-items:center;gap:22px;}
.search-button {height:42px;width:32px;background:none;border:0;display:grid;place-items:center;padding:0;color:var(--navy);}
.search-button svg {width:23px;height:23px;}
.cta {position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:22px;border:1.5px solid transparent;min-height:54px;padding:0 25px;border-radius:999px;white-space:nowrap;font-size:14px;line-height:1.2;font-weight:600;transition:color .26s ease,box-shadow .26s ease,transform .26s ease;}
.cta::before {content:'';position:absolute;inset:0;z-index:-1;transform:translateY(-105%);background:var(--navy-dark);transition:transform .28s cubic-bezier(.21,.84,.19,1);}
.cta:hover::before,.cta:focus-visible::before {transform:translateY(0);}
.cta:hover,.cta:focus-visible {color:#fff;box-shadow:0 9px 22px rgba(8,35,75,.17);}
.cta:active {transform:translateY(1px);}
.cta svg {width:20px;height:20px;flex:none;}
.cta--header {color:var(--navy);background:var(--sun);min-height:44px;min-width:214px;padding-inline:16px;font-size:13px;gap:10px;}
.cta--header svg {width:18px;height:18px;}
.cta--primary {color:#fff;background:linear-gradient(120deg,#092b67,#1453a2);min-width:226px;}
.cta--outline {border-color:#144c9b;background:rgba(255,255,255,.78);color:#0a3780;min-width:224px;}
.menu-button {display:none;}
.search-panel {position:absolute;right:0;top:calc(100% - 3px);z-index:40;width:min(385px,90vw);padding:19px;background:#fff;border:1px solid #e2e8f1;border-radius:15px;box-shadow:0 16px 45px #082b5840;}
.search-panel[hidden] {display:none;}
.search-panel label {display:block;font-size:13px;font-weight:700;margin-bottom:11px;}
.search-panel__row {display:flex;gap:9px;}
.search-panel input {min-width:0;flex:1;border:1px solid #cad5df;padding:12px;border-radius:7px;font-size:13px;}
.search-panel button {background:var(--sun);color:var(--navy);border:0;border-radius:7px;padding:0 17px;font-size:13px;font-weight:700;}
.hero__content {height:100%;display:flex;align-items:center;justify-content:center;padding-top:90px;padding-bottom:48px;}
.hero__copy {position:relative;isolation:isolate;width:min(635px,54vw);text-align:center;transform:translateX(-1.2vw);animation:hero-copy-in .85s both cubic-bezier(.24,.68,.16,1);}
.hero__copy::before {content:'';position:absolute;z-index:-1;pointer-events:none;left:50%;top:50%;width:clamp(760px,66vw,940px);height:clamp(350px,32vw,440px);transform:translate(-58%,-50%);border-radius:50%;background:radial-gradient(ellipse at center,rgba(255,255,255,.88) 0%,rgba(255,252,247,.78) 30%,rgba(255,251,245,.56) 52%,rgba(255,251,245,.30) 70%,rgba(255,251,245,.10) 84%,rgba(255,251,245,0) 100%),radial-gradient(ellipse at 22% 50%,rgba(255,251,245,.28) 0%,rgba(255,251,245,.18) 28%,rgba(255,251,245,.08) 48%,rgba(255,251,245,0) 72%);filter:blur(11px);opacity:.95;}
.hero__ornament {display:flex;align-items:center;justify-content:center;gap:15px;margin:0 auto 20px;color:#e7b700;}
.hero__ornament span {display:block;width:70px;height:1px;background:#eacc64a8;}
.hero__ornament svg {width:28px;height:26px;}
.hero h1 {margin:0 0 18px;font-size:clamp(37px,3.25vw,53px);font-weight:500;line-height:1.18;letter-spacing:-.049em;color:#0b2d68;}
.hero__lead {max-width:620px;margin:0 auto;line-height:1.67;font-size:clamp(14px,1.1vw,17px);font-weight:400;letter-spacing:-.01em;color:#183762;text-wrap:pretty;}
.hero__buttons {display:flex;align-items:center;justify-content:center;gap:13px;margin-top:27px;}
@keyframes hero-copy-in {from {opacity:0;transform:translate(-1.2vw,16px);}to {opacity:1;transform:translate(-1.2vw,0);}}
@media(max-width:1400px) {
  :root {--gutter:clamp(24px,4vw,64px);}
  .header__inner {grid-template-columns:minmax(106px,1fr) auto minmax(237px,1fr);gap:14px;}
  .navigation {gap:clamp(13px,1.6vw,24px);}
  .navigation__item {font-size:13px;}
  .header__actions {gap:13px;}
  .hero__copy {width:min(610px,53vw);transform:translateX(-1.9vw);}
  .hero__copy::before {width:min(860px,90vw);height:clamp(338px,38vw,424px);transform:translate(-59%,-50%);}
  @keyframes hero-copy-in {from {opacity:0;transform:translate(-1.9vw,16px);}to {opacity:1;transform:translate(-1.9vw,0);}}
}
@media(max-width:1130px) {
  .header {height:82px;}
  .header__inner {grid-template-columns:1fr auto;}
  .navigation {display:none;position:absolute;top:calc(100% - 1px);right:0;background:#fff;flex-direction:column;align-items:stretch;width:min(340px,100%);padding:12px;gap:0;box-shadow:0 17px 33px #132d5840;border:1px solid #e6e8ec;border-radius:0 0 14px 14px;}
  .navigation.is-open {display:flex;}
  .navigation__item {font-size:15px;padding:14px 15px;}
  .navigation__item:hover {background:#f6f8fb;border-radius:8px;}
  .navigation__item::after {display:none;}
  .menu-button {display:flex;width:40px;height:40px;align-items:center;justify-content:center;flex-direction:column;gap:5px;border:1px solid #d7dce5;border-radius:50%;background:#fff;padding:0;}
  .menu-button span {width:19px;height:2px;background:var(--navy);border-radius:2px;transition:transform .22s,opacity .22s;}
  .menu-button[aria-expanded="true"] span:first-child {transform:translateY(7px) rotate(45deg);}
  .menu-button[aria-expanded="true"] span:nth-child(2) {opacity:0;}
  .menu-button[aria-expanded="true"] span:last-child {transform:translateY(-7px) rotate(-45deg);}
  .hero__image,.hero__wash {top:82px;}
  .hero__content {padding-top:82px;}
  .hero__copy {width:min(565px,60vw);}
  .hero__copy::before {width:min(830px,98vw);height:clamp(328px,42vw,410px);transform:translate(-60%,-50%);}
  .hero__wash {background:radial-gradient(ellipse 51% 62% at 41% 46%,rgba(255,252,248,.48),rgba(255,252,248,.24) 64%,transparent 100%);}
  .hero h1 {font-size:clamp(34px,4vw,48px);}
  .hero__lead {font-size:15px;}
}
@media(max-width:780px) {
  .hero {height:790px;min-height:790px;}
  .hero__image,.hero__wash {display:none;}
  .hero__mobile-image {display:block;position:absolute;z-index:-2;inset:0;top:36%;background:url('../images/hero/inci-hero-akdeniz-mobile.webp') center 60%/cover no-repeat;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 25%);mask-image:linear-gradient(to bottom,transparent,#000 25%);}
  .header {height:78px;}
  .brand img {width:94px;height:66px;}
  .header__actions {gap:15px;}
  .cta--header {display:none;}
  .hero__content {align-items:flex-start;padding-top:145px;padding-bottom:0;}
  .hero__copy {width:min(550px,100%);transform:none;animation:none;}
  .hero__copy::before {width:min(680px,124%);height:356px;transform:translate(-57%,-50%);filter:blur(10px);opacity:.93;}
  .hero h1 {font-size:clamp(32px,6.3vw,44px);margin-bottom:16px;}
  .hero__lead {max-width:520px;font-size:14px;line-height:1.62;}
  .hero__buttons {margin-top:21px;gap:9px;}
  .cta {min-height:47px;padding-inline:15px;font-size:12.5px;gap:9px;}
  .cta--primary,.cta--outline {min-width:0;}
  .cta svg {width:17px;height:17px;}
}
@media(max-width:520px) {
  :root {--gutter:19px;}
  .hero {height:800px;min-height:800px;}
  .hero__content {padding-top:125px;}
  .hero__copy {max-width:420px;}
  .hero__copy::before {width:min(600px,132%);height:330px;transform:translate(-56%,-50%);filter:blur(11px);opacity:.91;}
  .hero h1 {font-size:clamp(30px,8vw,38px);letter-spacing:-.046em;line-height:1.19;}
  .hero__lead {font-size:14px;line-height:1.55;}
  .hero__mobile-image {top:40%;background-position:50% 60%;}
  .hero__buttons {margin-top:19px;}
  .cta {font-size:12.2px;letter-spacing:-.02em;padding-inline:12px;min-height:45px;}
}
@media(max-width:375px) {
  .hero {height:770px;min-height:770px;}
  .hero__content {padding-top:113px;}
  .hero h1 {font-size:30px;}
  .hero__copy::before {height:305px;filter:blur(12px);}
  .hero__lead {font-size:12.8px;}
  .cta {font-size:11px;padding-inline:9px;gap:4px;}
  .hero__mobile-image {top:42%;}
}
@media(prefers-reduced-motion:reduce) {html {scroll-behavior:auto;}*,*::before,*::after {transition-duration:.01ms!important;animation-duration:.01ms!important;}}
/* Demo site: satış noktaları yayına alınana kadar mevcut bilgilendirme penceresi korunur. */
.demo-dialog {color:var(--navy);font-family:var(--font);padding:32px;border:1px solid #cdd5e1;border-radius:18px;max-width:min(440px,calc(100vw - 40px));box-shadow:0 20px 65px #0b2c6040;}
.demo-dialog::backdrop {background:rgba(4,21,48,.45)}
.demo-dialog h2 {font-size:22px;margin:0 0 14px;font-weight:500}
.demo-dialog p {line-height:1.6;margin:0 0 22px}
.demo-dialog button {background:var(--sun);color:var(--navy);font-weight:700;padding:12px 24px;border-radius:30px;border:0}


/* Logo düzeltmesi: doğru kaynak logo ve daha temiz entegrasyon */
.brand img,.inci-site-logo{display:block;width:126px;height:auto;object-fit:contain;background:transparent;image-rendering:auto}
@media(max-width:1100px){.brand img,.inci-site-logo{width:112px}}