/* ========================================================= duzeltme.css · EFTALYA · 29 Agu Gomulu stile DOKUNULMADI. Yalniz ustune yazan duzeltmeler. Geri alma: sayfalardaki satirini sil, bu dosyayi sil. ========================================================= */ :root{ /* golge SIYAH degil · markanin koyu tonu */ --dr-golge:13,31,45; --dr-vurgu:14,124,102; /* iki katmanli yukseklik olcegi */ --dr-e1:0 1px 2px rgba(13,31,45,.05), 0 6px 16px -6px rgba(13,31,45,.10); --dr-e2:0 1px 2px rgba(13,31,45,.06), 0 14px 34px -10px rgba(13,31,45,.17); --dr-e3:0 2px 4px rgba(13,31,45,.07), 0 26px 58px -16px rgba(13,31,45,.22); --dr-cizgi:rgba(13,31,45,.11); --dr-gecis:.28s cubic-bezier(.2,.7,.3,1); } /* ========================================================= 1 · MENU SATIR KIRMASIN · YALNIZ 1200px USTU ⚠️ 1200 ALTINDA UYGULANMAZ: orada nowrap basligi TASIRIYOR (8 menu ogesi + CTA + WhatsApp + dil secici sigmiyor). Orasi tasarim karari ister. ========================================================= */ @media (min-width:1200px){ nav ul{ flex-wrap:nowrap; } nav ul li{ flex:0 0 auto; } nav a{ white-space:nowrap; } .nav .brand{ flex:0 0 auto; } .nav .brand .uk, .nav .brand small{ white-space:nowrap; } } /* ========================================================= 2 · RENK ve GORSEL DERINLIK · ACIK TEMA --------------------------------------------------------- ⭐ Golge SIYAH DEGIL. Acik zeminde saf siyah golge kir gibi durur. Golge markanin KOYU tonundan uretildi. ⭐ Her yukseklik IKI katman: sıkı temas golgesi + genis ortam golgesi. Tek katmanli golge "yapistirilmis" durur. ========================================================= */ /* ---------- 2a · ZEMIN · duz degil ---------- */ body{ background: radial-gradient(1150px 640px at 80% -10%, rgba(201,168,91,.11), transparent 62%), radial-gradient(880px 520px at 2% 4%, rgba(13,31,45,.055), transparent 58%), var(--bg); } /* ---------- 2b · KARTLAR ---------- */ .treat-card,.price-card,.concierge-card,.gal-card,.card{ background:var(--bg2,#fff); border:1px solid var(--dr-cizgi); border-radius:14px; box-shadow:var(--dr-e1); overflow:hidden; transition:transform var(--dr-gecis), box-shadow var(--dr-gecis), border-color var(--dr-gecis); } .treat-card:hover,.price-card:hover,.concierge-card:hover, .gal-card:hover,.card:hover{ transform:translateY(-3px); box-shadow:var(--dr-e2); border-color:rgba(14,124,102,.40); } /* ---------- 2c · KART GORSELI · yavas yakinlasma ---------- */ .t-img,.gal-card{ overflow:hidden; } .t-img img{ display:block; width:100%; transition:transform .55s cubic-bezier(.2,.7,.3,1); } .treat-card:hover .t-img img{ transform:scale(1.045); } /* ---------- 2d · SERBEST GORSELLER yerine otursun ---------- */ .hero img, .why img, figure img{ border-radius:12px; box-shadow:var(--dr-e2); } /* ---------- 2e · DUGMELER ---------- */ .btn{ box-shadow:var(--dr-e1); transition:transform var(--dr-gecis), box-shadow var(--dr-gecis), filter var(--dr-gecis); } .btn:hover{ transform:translateY(-2px); box-shadow:var(--dr-e2); filter:brightness(1.04); } .btn:active{ transform:translateY(0); box-shadow:0 1px 2px rgba(13,31,45,.20); } /* ---------- 2f · SAYILAR one ciksin ---------- */ .stat,.num,.n{ letter-spacing:-.02em; } .stat{ background:var(--bg2,#fff); border:1px solid var(--dr-cizgi); border-radius:12px; box-shadow:var(--dr-e1); } /* ---------- 2g · USTBASLIK etiketi ---------- */ .eyebrow{ letter-spacing:.20em; text-transform:uppercase; font-weight:600; color:rgba(14,124,102,.95); } /* ---------- 2h · BOLUM RITMI · katman hissi ---------- */ section + section{ border-top:1px solid rgba(13,31,45,.065); } .sec-head{ margin-bottom:1.6rem; } /* ---------- 2i · ADIM sayilari ---------- */ .step .n,.step .num{ display:inline-grid; place-items:center; box-shadow:0 2px 6px -1px rgba(14,124,102,.35), inset 0 1px 0 rgba(255,255,255,.35); } /* ---------- 2j · ODAK HALKASI · klavye erisimi ---------- */ a:focus-visible,button:focus-visible, input:focus-visible,select:focus-visible,textarea:focus-visible{ outline:2px solid rgba(14,124,102,.9); outline-offset:3px; border-radius:8px; } /* ---------- 2k · FORM ALANLARI ---------- */ input,textarea,select{ box-shadow:inset 0 1px 2px rgba(13,31,45,.07); transition:box-shadow var(--dr-gecis), border-color var(--dr-gecis); } input:focus,textarea:focus,select:focus{ border-color:rgba(14,124,102,.55); box-shadow:inset 0 1px 2px rgba(13,31,45,.05), 0 0 0 3px rgba(14,124,102,.14); } /* ---------- 2l · HAREKET AZALTMA tercihi ---------- */ @media (prefers-reduced-motion:reduce){ .treat-card,.price-card,.concierge-card,.gal-card,.card, .btn,.t-img img{ transition:none !important; } .treat-card:hover,.price-card:hover,.concierge-card:hover, .gal-card:hover,.card:hover,.btn:hover{ transform:none !important; } .treat-card:hover .t-img img{ transform:none !important; } } /* ========================================================= 3 · SADELESTIRME · 29 Agu ========================================================= */ /* --- 3a · menu kisaldi · nowrap artik HER genislikte gecerli --- Menu 8 ogeden 5'e indi, 1200 kisiti gereksiz kaldi. (Eski kisit yukarida 1200 uzeri icindi; bu blok onu genisletir.) */ nav ul{ flex-wrap:nowrap; } nav ul li{ flex:0 0 auto; } nav a{ white-space:nowrap; } .nav .brand{ flex:0 0 auto; } .nav .brand .uk, .nav .brand small{ white-space:nowrap; } /* --- 3b · alt bilgiye tasinan baglantilar --- */ .alt-bag a{ color:inherit; text-decoration:none; opacity:.9; } .alt-bag a:hover{ text-decoration:underline; opacity:1; } /* --- 3c · SADECE EFTALYA · uste sabit ucuncu WhatsApp dugmesi --- #stickyTopWa · position:fixed; top:14px; right:14px; z-index:100 Ana CTA'nin ("Ucretsiz Degerlendirme") USTUNE biniyordu ve dil secicisini orluyordu. Ayrica href'i lang=de SABIT: Turk ve Ingiliz ziyaretciyi de Almanca'ya gonderiyordu. Alt sagda yuzen WhatsApp dugmesi + sayfa ici WhatsApp blogu zaten var; bu ucuncusu fazlalik. */ #stickyTopWa{ display:none !important; }