/* =====================================================================
   Lab Pırlanta — marka tasarım sistemi (2026-10-06 akşam, DÖRDÜNCÜ sürüm: "açık ve boydan boya")
   Hüseyin'in yönlendirmeleri:
     · "bu kadar yeşil boğucu" → zemin sıcak fildişi; imza rengi petrol AZ ve yerinde (ince şerit, düğme, alt bilgi);
       marka rengi asıl fotoğrafların içinde (petrol kadife, petrol ipek).
     · "görseller tam orayı kaplayacak şekilde olsun, marka değeri olsun diye" → fotoğraflar kutu içinde küçük durmaz:
       slayt, kategori mozaiği, tasarım alanı, afişler ve atölye videoları ekranı BOYDAN BOYA kaplar.
     · "ana sayfada çok profesyonel altın dokunuş" → slaytta altın yazı + ince altın çerçeve, altın mühür,
       slaydın altında altın varak bant, başlıklarda altın imza çizgisi.
   Tek yazı ailesi: Jost (temanın içinde).
   BU DOSYA ELLE DÜZENLENMEZ: kaynak parçalar assets/css/kaynak/ içinde (1-temel, 2-ana, 3-ic). Değişiklikten sonra
   Masaüstü\LAB-PIRLANTA-PROJESI\araclar\css-birlestir.sh çalıştırılır (parçaları sırayla lp.css'e yazar).
   Önceki (petrol) sürüm: Masaüstü\LAB-PIRLANTA-PROJESI\yedek\tema-v3-petrol-2026-10-06\
   ===================================================================== */

@font-face { font-family: "Jost"; font-style: normal; font-weight: 300 700; font-display: swap; src: url("../fonts/jost-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Jost"; font-style: normal; font-weight: 300 700; font-display: swap; src: url("../fonts/jost-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }

:root {
	--marka: #0f3a40;
	--marka-koyu: #0a2a2e;
	--marka-orta: #1c5158;
	--marka-sis: #eaf1ef;
	--murekkep: #15282a;
	--metin: #3c3e3a;
	--soluk: #7b756b;
	--altin: #b08a4f;
	--altin-koyu: #8a6a30;
	--altin-acik: #dcc79d;
	--altin-foy: linear-gradient(115deg, #c8a35e 0%, #f1dfb2 28%, #d3b172 52%, #f4e6bf 76%, #ba904d 100%);
	--altin-yazi: linear-gradient(100deg, #8a6a30 0%, #c9a45f 38%, #94712f 62%, #c9a765 100%);
	--zemin: #faf7f1;
	--kagit: #fffdf9;
	--tas: #f3ecdf;
	--cizgi: #e8dece;
	--wa: #128c7e;
	--wa-koyu: #0e7468;
	--hata: #9b2c2c;
	--yazi: "Jost", "Segoe UI", system-ui, -apple-system, sans-serif;
	--kenar: clamp(18px, 4vw, 48px);
	--kap: 1360px;
	--bolum: clamp(60px, 7.5vw, 112px);
	--ara: 6px;                 /* boydan boya dizilen fotoğrafların arasındaki ince boşluk */
	--ust-y: 174px;             /* duyuru + logo + menü yüksekliği (lp.js gerçek değeri yazar) */
	--nav-y: 52px;              /* yukarıda sabit kalan menünün yüksekliği */
	--golge: 0 1px 2px rgba(21, 40, 42, .04), 0 14px 34px -22px rgba(21, 40, 42, .3);
	--gecis: .3s cubic-bezier(.2, .7, .2, 1);
	--imza: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='12' viewBox='0 0 150 12'%3E%3Cpath d='M0 6h62M88 6h62' stroke='%23b08a4f'/%3E%3Cpath d='M75 1l5 5-5 5-5-5z' fill='none' stroke='%23b08a4f'/%3E%3C/svg%3E");
	--imza-acik: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='12' viewBox='0 0 150 12'%3E%3Cpath d='M0 6h62M88 6h62' stroke='%23dcc79d'/%3E%3Cpath d='M75 1l5 5-5 5-5-5z' fill='none' stroke='%23dcc79d'/%3E%3C/svg%3E");
}
@media (max-width: 1099px) { :root { --ust-y: 100px; --nav-y: 64px; } }

/* ---------- Temel ---------- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-padding-top: 76px; }
body { margin: 0; background: var(--zemin); color: var(--metin); font-family: var(--yazi); font-size: 1.0625rem; line-height: 1.6; font-weight: 400; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
img, svg, video { display: block; max-width: 100%; }
img { height: auto; }
a { color: inherit; text-decoration-thickness: 1px; text-underline-offset: .2em; }
button, input, select, textarea { font: inherit; color: inherit; }
h1, h2, h3, h4 { margin: 0; font-weight: 400; color: var(--murekkep); }
p, ul, ol, dl, dd, figure { margin: 0; }
ul, ol { padding: 0; }
:focus-visible { outline: 2px solid var(--altin); outline-offset: 3px; }
::selection { background: var(--marka); color: #fff; }
/* Görseller seçilince BOYANMASIN: seçim rengi koyu petrol olduğu için fareyle sürüklenen ya da üstünden seçim geçen fotoğraf
   bir anda koyu maviye dönüyordu ("ekran mavi oluyor"). Görsel ve video seçime girmez; yazı seçimi aynen çalışır. */
img, picture, video, svg, canvas { -webkit-user-select: none; user-select: none; }
img::selection, video::selection { background: transparent; }
[hidden] { display: none !important; }

.lp-kap { width: min(var(--kap), 100% - 2 * var(--kenar)); margin-inline: auto; }
.lp-kap--dar { width: min(860px, 100% - 2 * var(--kenar)); }
.lp-gizli { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.lp-atla { position: absolute; left: 12px; top: -60px; z-index: 100; background: var(--marka); color: #fff; padding: .6rem 1rem; text-decoration: none; }
.lp-atla:focus { top: 12px; }
.lp-ikon { width: 1.2em; height: 1.2em; flex: none; }
.lp-ikon--ters { transform: scaleX(-1); }
.lp-gorsel { width: 100%; height: 100%; object-fit: cover; }
.lp-gorsel-yeri { width: 100%; height: 100%; min-height: 10rem; background: radial-gradient(110% 90% at 50% 35%, #f8f2e8 0%, #ebe1d0 60%, #dccdb6 100%); }
/* altın yazı: açık zeminde okunur koyulukta varak geçişi */
.lp-altin { background: var(--altin-yazi); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; }

/* ---------- Yazı ---------- */
.lp-ustbaslik { display: block; font-size: .74rem; font-weight: 500; letter-spacing: .26em; text-transform: uppercase; color: var(--altin-koyu); margin-bottom: .9rem; }
.lp-ustbaslik--acik { color: var(--altin-acik); }
.lp-baslik { font-size: clamp(1.7rem, 1.15rem + 1.9vw, 2.75rem); line-height: 1.14; font-weight: 300; letter-spacing: .005em; }
.lp-altbaslik { margin-top: .9rem; color: var(--soluk); max-width: 40rem; }
.lp-giris { font-size: 1.12rem; line-height: 1.6; max-width: 42rem; }

/* ---------- Düğmeler ---------- */
.lp-dugme {
	--d-zemin: var(--marka); --d-renk: #fff; --d-kenar: var(--marka);
	display: inline-flex; align-items: center; justify-content: center; gap: .6rem; min-height: 3.2rem; padding: 0 1.7rem;
	background: var(--d-zemin); color: var(--d-renk); border: 1px solid var(--d-kenar); border-radius: 2px;
	font-size: .8rem; font-weight: 500; letter-spacing: .14em; text-transform: uppercase; line-height: 1.2; text-decoration: none; text-align: center;
	cursor: pointer; transition: background var(--gecis), color var(--gecis), border-color var(--gecis), box-shadow var(--gecis);
}
.lp-dugme .lp-ikon { width: 1.25em; height: 1.25em; transition: transform var(--gecis); }
.lp-dugme:hover .lp-ikon:last-child:not(:first-child) { transform: translateX(3px); }
.lp-dugme--birincil:hover { --d-zemin: var(--marka-orta); --d-kenar: var(--marka-orta); }
.lp-dugme--ikincil { --d-zemin: transparent; --d-renk: var(--murekkep); --d-kenar: var(--murekkep); }
.lp-dugme--ikincil:hover { --d-zemin: var(--murekkep); --d-renk: #fff; }
.lp-dugme--metin { --d-zemin: transparent; --d-renk: var(--murekkep); --d-kenar: transparent; padding-inline: .1rem; min-height: 2.4rem; text-decoration: underline; text-underline-offset: .35em; }
.lp-dugme--acik { background: var(--altin-foy); --d-renk: var(--marka-koyu); --d-kenar: #d0b074; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .55); }
.lp-dugme--acik:hover { box-shadow: inset 0 1px 0 rgba(255, 255, 255, .55), 0 10px 26px -12px rgba(138, 106, 48, .75); }
.lp-dugme--acik-ikincil { --d-zemin: transparent; --d-renk: #fff; --d-kenar: rgba(255, 255, 255, .6); }
.lp-dugme--acik-ikincil:hover { --d-zemin: rgba(255, 255, 255, .14); --d-kenar: #fff; }
.lp-dugme--acik-metin { --d-zemin: transparent; --d-renk: var(--altin-acik); --d-kenar: transparent; padding-inline: .1rem; min-height: 2.4rem; }
.lp-dugme--wa { --d-zemin: var(--wa); --d-kenar: var(--wa); }
.lp-dugme--wa:hover { --d-zemin: var(--wa-koyu); --d-kenar: var(--wa-koyu); }
.lp-dugme--kucuk { min-height: 2.6rem; padding: 0 1.1rem; font-size: .74rem; }
.lp-dugme--tam { width: 100%; }
.lp-ok-baglanti { display: inline-flex; align-items: center; gap: .5rem; font-size: .8rem; font-weight: 500; letter-spacing: .14em; text-transform: uppercase; color: var(--murekkep); text-decoration: none; border-bottom: 1px solid var(--altin); padding: .55rem 0 .3rem; margin-top: -.55rem; }
button.lp-ok-baglanti { background: none; border: 0; border-bottom: 1px solid var(--altin); font-family: inherit; cursor: pointer; } /* düğme olarak kullanılınca tarayıcının gri düğme çerçevesi kalmasın */
.lp-ok-baglanti .lp-ikon { transition: transform var(--gecis); }
.lp-ok-baglanti:hover .lp-ikon { transform: translateX(4px); }
.lp-ok-baglanti--acik { color: var(--altin-acik); }

/* ---------- Duyuru şeridi (imza rengi: ince) ---------- */
.lp-serit { background: var(--marka-koyu); color: var(--altin-acik); font-size: .72rem; letter-spacing: .18em; text-transform: uppercase; }
.lp-serit__ic { display: flex; justify-content: center; align-items: center; gap: 1.4rem; min-height: 2.25rem; text-align: center; }
.lp-serit__ic span + span::before { content: ""; display: inline-block; width: 5px; height: 5px; background: var(--altin); transform: rotate(45deg); margin-right: 1.4rem; vertical-align: middle; }
@media (max-width: 860px) { .lp-serit__ic span:not(:first-child) { display: none; } }

/* ---------- Üst bölüm: açık zemin, ortada logo ---------- */
.lp-ust { background: var(--kagit); color: var(--murekkep); }
.lp-ust__ic { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 1rem; min-height: 5.4rem; }
.lp-ust__sol, .lp-ust__sag { display: flex; align-items: center; gap: 1.6rem; }
.lp-ust__sag { justify-content: flex-end; }
.lp-ust__bag { display: inline-flex; align-items: center; gap: .55rem; font-size: .78rem; letter-spacing: .1em; text-transform: uppercase; color: var(--murekkep); text-decoration: none; transition: color var(--gecis); }
.lp-ust__bag:hover { color: var(--altin-koyu); }
.lp-ust__bag .lp-ikon { color: var(--altin-koyu); }
.lp-ust__wa { display: inline-flex; align-items: center; gap: .6rem; min-height: 2.7rem; padding: 0 1.2rem; background: var(--marka); color: #fff; border-radius: 2px; font-size: .76rem; font-weight: 500; letter-spacing: .12em; text-transform: uppercase; text-decoration: none; transition: background var(--gecis); }
.lp-ust__wa:hover { background: var(--marka-orta); }
.lp-ust__menu-dugme { display: none; background: none; border: 0; padding: .5rem; margin-left: -.5rem; color: var(--murekkep); cursor: pointer; }
.lp-ust__menu-dugme .lp-ikon { width: 1.6rem; height: 1.6rem; }

.lp-marka { display: inline-flex; align-items: center; gap: .8rem; text-decoration: none; color: var(--murekkep); line-height: 1; }
.lp-marka__simge { width: 2.5rem; height: 2.5rem; color: var(--altin); flex: none; }
.lp-marka__yazi { display: inline-flex; flex-direction: column; gap: .4rem; }
.lp-marka__ad { font-size: 1.5rem; font-weight: 400; letter-spacing: .24em; text-transform: uppercase; color: var(--murekkep); white-space: nowrap; }
.lp-marka__alt { font-size: .56rem; font-weight: 500; letter-spacing: .42em; text-transform: uppercase; color: var(--altin-koyu); white-space: nowrap; }
.lp-marka--acik, .lp-marka--acik .lp-marka__ad { color: #fff; }
.lp-marka--acik .lp-marka__simge, .lp-marka--acik .lp-marka__alt { color: var(--altin-acik); }

/* Kategori menüsü (bilgisayar): sayfayla birlikte üstte sabit kalır */
.lp-nav { position: sticky; top: 0; z-index: 40; background: var(--kagit); border-top: 1px solid var(--cizgi); border-bottom: 1px solid var(--cizgi); box-shadow: 0 10px 24px -22px rgba(21, 40, 42, .55); }
.lp-nav__liste { list-style: none; display: flex; justify-content: center; gap: clamp(.2rem, 1.3vw, 1.6rem); }
.lp-nav__oge { position: relative; }
.lp-nav__oge > a { position: relative; display: inline-flex; align-items: center; gap: .45rem; height: 3.2rem; padding: 0 .55rem; font-size: .78rem; font-weight: 500; letter-spacing: .15em; text-transform: uppercase; color: var(--murekkep); text-decoration: none; white-space: nowrap; }
.lp-nav__oge > a::after { content: ""; position: absolute; left: .55rem; right: .55rem; bottom: -1px; height: 2px; background: var(--altin); transform: scaleX(0); transition: transform var(--gecis); }
.lp-nav__oge:hover > a::after, .lp-nav__oge.is-aktif > a::after { transform: scaleX(1); }
.lp-nav__oge--ozel > a { color: var(--altin-koyu); }
.lp-nav__ok { width: .85em; height: .85em; }
.lp-nav__alt { position: absolute; left: 50%; top: 100%; transform: translate(-50%, 6px); min-width: 17rem; list-style: none; padding: .6rem 0; background: var(--kagit); border: 1px solid var(--cizgi); border-top: 2px solid var(--altin); box-shadow: var(--golge); opacity: 0; visibility: hidden; transition: opacity .2s, transform .2s, visibility .2s; }
.lp-nav__oge--alt:hover .lp-nav__alt, .lp-nav__oge--alt:focus-within .lp-nav__alt { opacity: 1; visibility: visible; transform: translate(-50%, 0); }
.lp-nav__alt a { display: block; padding: .6rem 1.3rem; font-size: .95rem; color: var(--metin); text-decoration: none; }
.lp-nav__alt a:hover { color: var(--murekkep); background: var(--tas); }

@media (max-width: 1099px) {
	.lp-nav { display: none; }
	.lp-ust { position: sticky; top: 0; z-index: 40; border-bottom: 1px solid var(--cizgi); }
	.lp-ust__ic { min-height: 4rem; }
	.lp-ust__menu-dugme { display: inline-flex; }
	.lp-ust__bag { display: none; }
	.lp-ust__wa { padding: 0; width: 2.6rem; justify-content: center; border-radius: 50%; background: var(--wa); }
	.lp-ust__wa span { display: none; }
	.lp-ust__wa .lp-ikon { width: 1.35rem; height: 1.35rem; }
	.lp-marka__simge { width: 1.9rem; height: 1.9rem; }
	.lp-marka__ad { font-size: 1.05rem; letter-spacing: .2em; }
	.lp-marka__alt { font-size: .46rem; letter-spacing: .34em; }
}

/* Telefon menüsü (açık zemin) */
.lp-cekmece { position: fixed; inset: 0; z-index: 60; background: var(--kagit); color: var(--murekkep); overflow-y: auto; }
.lp-cekmece__ic { min-height: 100%; display: flex; flex-direction: column; padding: 0 var(--kenar) calc(1.5rem + env(safe-area-inset-bottom)); }
.lp-cekmece__ust { display: flex; align-items: center; justify-content: space-between; min-height: 4rem; border-bottom: 1px solid var(--cizgi); }
.lp-cekmece__kapat { background: none; border: 0; padding: .5rem; margin-right: -.5rem; cursor: pointer; color: var(--murekkep); }
.lp-cekmece__kapat .lp-ikon { width: 1.5rem; height: 1.5rem; }
.lp-cekmece nav { margin-top: .5rem; }
.lp-cekmece__grup, .lp-cekmece__tek { border-bottom: 1px solid var(--cizgi); }
.lp-cekmece__grup summary, .lp-cekmece__tek { display: flex; align-items: center; justify-content: space-between; padding: 1.1rem 0; font-size: .95rem; letter-spacing: .14em; text-transform: uppercase; color: var(--murekkep); text-decoration: none; list-style: none; cursor: pointer; }
.lp-cekmece__tek .lp-ikon, .lp-cekmece__grup summary .lp-ikon { color: var(--altin-koyu); transition: transform var(--gecis); }
.lp-cekmece__tek--ozel { color: var(--altin-koyu); }
.lp-cekmece__grup summary::-webkit-details-marker { display: none; }
.lp-cekmece__grup[open] summary .lp-ikon { transform: rotate(45deg); }
.lp-cekmece__grup ul { list-style: none; padding: 0 0 1rem; }
.lp-cekmece__grup li a { display: block; padding: .5rem 0; color: var(--metin); text-decoration: none; }
.lp-cekmece__alt { margin-top: auto; padding-top: 2rem; display: grid; gap: .7rem; }
body.lp-cekmece-acik { overflow: hidden; }

/* ---------- Bölüm iskeleti: ortalı başlık + altın imza ---------- */
.lp-bolum { padding-block: var(--bolum); }
.lp-bolum--dar { padding-block: calc(var(--bolum) * .55); }
.lp-bolum--tas { background: var(--tas); }
.lp-bolum--kagit { background: var(--kagit); }
.lp-bolum--koyu { background: var(--marka); color: rgba(255, 255, 255, .88); }
.lp-bolum__bas { display: flex; flex-direction: column; align-items: center; text-align: center; margin-bottom: clamp(2rem, 4vw, 3.25rem); }
.lp-bolum__bas::after { content: ""; width: 150px; height: 12px; margin-top: 1.3rem; background: var(--imza) center / contain no-repeat; }
.lp-bolum--koyu .lp-bolum__bas::after { background-image: var(--imza-acik); }
.lp-bolum--koyu .lp-baslik { color: #fff; }
.lp-bolum--koyu .lp-altbaslik { color: rgba(255, 255, 255, .8); }
.lp-bolum__son { text-align: center; margin-top: 2.5rem; }
/* boydan boya dizilen içerik (fotoğraf mozaiği, videolar): kap yok, yalnız ince aralık */
.lp-boydan { padding-inline: var(--ara); }

/* ---------- Kırıntı yolu ---------- */
.lp-kirinti { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; margin-bottom: 1.4rem; font-size: .82rem; color: var(--soluk); }
.lp-kirinti a { color: var(--soluk); text-decoration: none; padding-block: .55rem; margin-block: -.55rem; } /* dolgu + eksi boşluk: yer değişmez, parmakla basılacak alan büyür */
.lp-kirinti a:hover { color: var(--murekkep); text-decoration: underline; }
.lp-kirinti__ayrac { opacity: .5; }
.lp-kirinti--acik, .lp-kirinti--acik a { color: rgba(255, 255, 255, .78); }
.lp-kirinti--acik a:hover { color: var(--altin-acik); }
/* Telefonda uzun sayfa adı ikinci satıra düşmesin: tek satır, sığmayan son ad üç noktayla biter */
@media (max-width: 600px) {
	.lp-kirinti { flex-wrap: nowrap; white-space: nowrap; }
	.lp-kirinti > * { flex: none; }
	.lp-kirinti > [aria-current="page"] { flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
}

/* ---------- Bilgisayarda yüzen WhatsApp düğmesi + telefonda sabit çubuk ---------- */
.lp-yuzen { position: fixed; right: 1.5rem; bottom: 1.5rem; z-index: 35; display: inline-flex; align-items: center; gap: .6rem; min-height: 3.3rem; padding: 0 1.4rem 0 1.1rem; background: var(--wa); color: #fff; border-radius: 999px; font-size: .76rem; font-weight: 500; letter-spacing: .12em; text-transform: uppercase; text-decoration: none; box-shadow: 0 14px 30px -12px rgba(18, 140, 126, .7); transform: translateY(140%); transition: transform var(--gecis), background var(--gecis); }
.lp-yuzen .lp-ikon { width: 1.5rem; height: 1.5rem; }
.lp-yuzen.is-gorunur { transform: none; }
.lp-yuzen:hover { background: var(--wa-koyu); }
@media (max-width: 760px) { .lp-yuzen { display: none; } }
/* Tablet ve yan tutulan telefon: model ve tasarım sayfalarının kendi alt çubuğu var; yüzen düğme onun üstüne binmesin */
@media (max-width: 899px) { .single-lp_model .lp-yuzen { display: none; } }
@media (max-width: 999px) { .page-template-sablon-secici .lp-yuzen { display: none; } }
.lp-sabit-cubuk { display: none; }
@media (max-width: 760px) {
	.lp-sabit-cubuk { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: .5rem; position: fixed; left: 0; right: 0; bottom: 0; z-index: 30; padding: .6rem var(--kenar) calc(.6rem + env(safe-area-inset-bottom)); background: var(--kagit); border-top: 1px solid var(--altin-acik); box-shadow: 0 -10px 30px -20px rgba(0, 0, 0, .4); transform: translateY(110%); transition: transform var(--gecis); }
	.lp-sabit-cubuk.is-gorunur { transform: none; }
	.lp-sabit-cubuk .lp-dugme { min-height: 2.9rem; padding-inline: .5rem; gap: .45rem; font-size: .7rem; letter-spacing: .06em; white-space: nowrap; } /* yazı tek satır: "WhatsApp'tan sorun" ikiye bölünüyordu */
	.lp-sabit-cubuk .lp-dugme--birincil { --d-zemin: var(--wa); --d-kenar: var(--wa); }
	.lp-alt { padding-bottom: calc(1.6rem + 4.4rem + env(safe-area-inset-bottom)); }
}
@media (max-width: 380px) { .lp-sabit-cubuk .lp-dugme { font-size: .66rem; letter-spacing: .03em; } } /* en dar telefonlarda da tek satır, payı olsun */

/* ---------- WhatsApp penceresi (bilgisayar): logolu kart, hazır mesaj balonu, "Sohbeti başlat" ----------
   WhatsApp'ın numaralı ara sayfası yerine açılır (footer.php + lp.js). Telefonda kullanılmaz. */
.lp-wa { width: min(440px, calc(100vw - 2rem)); max-width: none; padding: 0; border: 0; border-radius: 4px; background: var(--kagit); color: var(--metin); box-shadow: 0 30px 80px -30px rgba(7, 26, 28, .7); overflow: hidden; }
.lp-wa::backdrop { background: rgba(7, 26, 28, .72); }
.lp-wa__kapat { position: absolute; z-index: 3; top: .7rem; right: .7rem; display: inline-grid; place-items: center; width: 2.4rem; height: 2.4rem; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .35); background: rgba(255, 255, 255, .1); color: #fff; cursor: pointer; }
.lp-wa__kapat .lp-ikon { width: 1rem; height: 1rem; }
.lp-wa__ust { display: flex; align-items: center; gap: 1rem; padding: 1.4rem 1.5rem; background: radial-gradient(120% 120% at 20% 0%, #17505a 0%, var(--marka-koyu) 70%); color: #fff; border-bottom: 3px solid transparent; border-image: var(--altin-foy) 1; }
.lp-wa__logo { display: inline-grid; place-items: center; flex: none; width: 4rem; height: 4rem; border-radius: 50%; background: var(--kagit); box-shadow: 0 0 0 1px rgba(176, 138, 79, .7), 0 0 0 5px var(--kagit), 0 0 0 6px rgba(176, 138, 79, .45); color: var(--altin); }
.lp-wa__logo .lp-marka__simge { width: 2.2rem; height: 2.2rem; }
.lp-wa__kim strong { display: block; font-size: 1.25rem; font-weight: 400; letter-spacing: .18em; text-transform: uppercase; color: #fff; }
.lp-wa__kim span { display: block; margin-top: .25rem; font-size: .78rem; letter-spacing: .06em; color: var(--altin-acik); }
.lp-wa__govde { padding: 1.3rem 1.5rem .4rem; background: #efe9df; }
.lp-wa__etiket { font-size: .72rem; font-weight: 500; letter-spacing: .16em; text-transform: uppercase; color: var(--soluk); margin-bottom: .7rem; }
.lp-wa__mesaj { position: relative; max-height: 11.5rem; overflow: auto; padding: .85rem 1rem; border-radius: 10px 10px 10px 2px; background: #fff; color: var(--murekkep); font-size: .95rem; line-height: 1.55; white-space: pre-line; box-shadow: 0 1px 2px rgba(21, 40, 42, .08); }
.lp-wa__eylem { display: flex; flex-direction: column; align-items: center; gap: .9rem; padding: 1.1rem 1.5rem 1.5rem; background: #efe9df; }
.lp-wa__eylem .lp-dugme { width: 100%; }
.lp-wa__eylem .lp-ok-baglanti { font-size: .74rem; }
.lp-wa__not { font-size: .8rem; line-height: 1.5; text-align: center; color: var(--soluk); }
.lp-wa { overscroll-behavior: contain; }

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; scroll-behavior: auto !important; }
}

/* Dokuz ogeli menu dar bilgisayar ekranina (1100–1239 px) sigsin: aralik ve harf boslugu biraz kisilir */
@media (min-width: 1100px) and (max-width: 1239px) {
	.lp-nav__liste { gap: 0; }
	.lp-nav__oge > a { padding: 0 .42rem; font-size: .74rem; letter-spacing: .1em; }
}

/* Dil değiştirici (TR | EN): üst çubukta WhatsApp düğmesinin solunda, telefon çekmecesinde düğmelerin üstünde */
.lp-dil { display: inline-flex; align-items: center; gap: .35rem; font-size: .72rem; font-weight: 500; letter-spacing: .14em; text-transform: uppercase; }
.lp-dil__tek { color: var(--soluk); text-decoration: none; padding: .25rem .3rem; border-radius: 2px; transition: color var(--gecis); }
.lp-dil__tek--gecerli { color: var(--murekkep); border-bottom: 1px solid var(--altin); }
a.lp-dil__tek:hover { color: var(--murekkep); }
.lp-dil--ust { margin-right: .9rem; }
.lp-dil--cekmece { justify-content: center; width: 100%; margin-bottom: .9rem; font-size: .8rem; }
@media (max-width: 899px) { .lp-dil--ust { display: none; } }
/* =====================================================================
   2 — ANA SAYFA BÖLÜMLERİ ve ortak parçalar (slayt, altın bant, kategoriler, tasarım alanı, afişler, kartlar...)
   ===================================================================== */

/* ---------- Slayt: ilk ekranı BOYDAN BOYA kaplar ----------
   Kutu en çok 21:9; ekran kısaysa ilk ekrana sığacak kadar. Fotoğraflar 21:9 hazırlanır ve konu sağ üçte birdedir;
   kutu daralınca yalnız üstten-alttan az bir pay gider, konu kesilmez (object-position sağa yaslı). */
.lp-slayt { position: relative; background: var(--tas); overflow: hidden; }
.lp-slayt__liste { display: grid; }
.lp-slayt__oge { grid-area: 1 / 1; position: relative; height: min(42.86vw, calc(100svh - var(--ust-y))); min-height: 27rem; display: flex; align-items: center; opacity: 0; visibility: hidden; transition: opacity .9s ease, visibility .9s; }
.lp-slayt__oge.is-aktif { opacity: 1; visibility: visible; }
.lp-slayt__gorsel { position: absolute; inset: 0; }
.lp-slayt__gorsel picture, .lp-slayt__gorsel img { display: block; width: 100%; height: 100%; }
.lp-slayt__gorsel img { object-fit: cover; object-position: var(--odak, 78% 50%); }
/* yazının arkasındaki tül: açık slaytta fildişi, koyu slaytta petrol */
.lp-slayt__oge::before { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, rgba(250, 247, 241, .93) 0%, rgba(250, 247, 241, .78) 30%, rgba(250, 247, 241, 0) 58%); }
.lp-slayt__oge--koyu::before { background: linear-gradient(90deg, rgba(7, 32, 36, .88) 0%, rgba(7, 32, 36, .6) 32%, rgba(7, 32, 36, 0) 62%); }
/* ince altın çerçeve */
.lp-slayt__oge::after { content: ""; position: absolute; inset: 1.15rem; z-index: 2; border: 1px solid rgba(176, 138, 79, .6); pointer-events: none; }
.lp-slayt__oge--koyu::after { border-color: rgba(220, 199, 157, .5); }
.lp-slayt__ic { position: relative; z-index: 3; width: min(var(--kap), 100% - 2 * var(--kenar)); margin-inline: auto; padding-block: 2rem 4.5rem; }
.lp-slayt__metin { max-width: 37rem; }
.lp-slayt__metin::before { content: ""; display: block; width: 150px; height: 12px; background: var(--imza) left center / contain no-repeat; margin-bottom: 1.5rem; }
.lp-slayt__oge--koyu .lp-slayt__metin::before { background-image: var(--imza-acik); }
.lp-slayt__baslik { font-size: clamp(2rem, 1rem + 3.3vw, 4.3rem); line-height: 1.06; font-weight: 300; letter-spacing: .003em; color: var(--murekkep); margin-bottom: 1.3rem; }
.lp-slayt__baslik .lp-altin { font-weight: 400; }
.lp-slayt__alt { font-size: 1.14rem; line-height: 1.6; color: var(--metin); margin-bottom: 2rem; max-width: 31rem; }
.lp-slayt__oge--koyu .lp-slayt__baslik { color: #fff; }
.lp-slayt__oge--koyu .lp-slayt__baslik .lp-altin { background-image: var(--altin-foy); }
.lp-slayt__oge--koyu .lp-slayt__alt { color: rgba(255, 255, 255, .9); }
.lp-slayt__oge--koyu .lp-ustbaslik { color: var(--altin-acik); }
.lp-slayt__dugmeler { display: flex; flex-wrap: wrap; gap: .7rem; }
.lp-slayt__kontrol { position: absolute; z-index: 4; left: 0; right: 0; bottom: 2.1rem; display: flex; justify-content: center; align-items: center; gap: 1.2rem; }
.lp-slayt__ok { display: inline-grid; place-items: center; width: 2.6rem; height: 2.6rem; background: rgba(255, 253, 249, .88); border: 1px solid rgba(176, 138, 79, .55); border-radius: 50%; color: var(--murekkep); cursor: pointer; transition: background var(--gecis), border-color var(--gecis); }
.lp-slayt__ok:hover { background: #fff; border-color: var(--altin); }
.lp-slayt__noktalar { display: flex; gap: .55rem; padding: .3rem .8rem; background: rgba(255, 253, 249, .88); border-radius: 999px; }
.lp-slayt__nokta { width: 2.6rem; height: 1.4rem; padding: 0; background: none; border: 0; cursor: pointer; display: grid; align-items: center; }
.lp-slayt__nokta i { display: block; height: 2px; background: rgba(21, 40, 42, .22); position: relative; overflow: hidden; }
.lp-slayt__nokta i::after { content: ""; position: absolute; inset: 0; background: var(--altin-koyu); transform: scaleX(0); transform-origin: left; }
.lp-slayt__nokta.is-aktif i::after { transform: scaleX(1); transition: transform 7s linear; }
.lp-slayt.is-durdu .lp-slayt__nokta.is-aktif i::after { transition: none; }
.lp-slayt--bos { min-height: 24rem; display: flex; align-items: center; }
@media (max-width: 760px) {
	/* telefonda: üstte 4:5 fotoğraf (hazır telefon kadrajı, kutusuyla aynı oran → kırpılmaz), altında yazı */
	.lp-slayt__oge { height: auto; min-height: 0; flex-direction: column; align-items: stretch; }
	.lp-slayt__gorsel { position: relative; inset: auto; aspect-ratio: 4 / 5; }
	.lp-slayt__gorsel img { object-position: 50% 50%; }
	.lp-slayt__oge::before, .lp-slayt__oge::after { display: none; }
	.lp-slayt__ic { width: 100%; padding: 1.9rem var(--kenar) 5.2rem; background: var(--kagit); }
	.lp-slayt__oge--koyu .lp-slayt__ic { background: var(--marka-koyu); }
	.lp-slayt__ok { display: none; }
	.lp-slayt__kontrol { bottom: .95rem; }
	.lp-slayt__noktalar { background: none; }
	.lp-slayt__nokta { height: 2.5rem; } /* parmakla basılabilsin: çizgi aynı yerde, dokunma alanı 40 px */
	.lp-slayt__oge--koyu ~ .lp-slayt__kontrol .lp-slayt__nokta i { background: rgba(255, 255, 255, .3); }
}

/* ---------- Altın bant: slaydın hemen altında dört söz (sayfanın büyük altın dokunuşu) ---------- */
.lp-guven { position: relative; background: var(--altin-foy); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .55), inset 0 -1px 0 rgba(138, 106, 48, .45); }
.lp-guven__liste { list-style: none; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.lp-guven__liste li { display: flex; align-items: center; gap: 1rem; padding: 1.45rem 1.25rem; }
.lp-guven__liste li + li { border-left: 1px solid rgba(138, 106, 48, .38); }
.lp-guven__liste > li > .lp-ikon { width: 2.9rem; height: 2.9rem; padding: .75rem; border: 1px solid rgba(21, 40, 42, .5); border-radius: 50%; color: var(--murekkep); }
.lp-guven__liste strong { display: block; font-size: .82rem; font-weight: 500; letter-spacing: .13em; text-transform: uppercase; color: var(--murekkep); }
.lp-guven__liste span { display: block; font-size: .88rem; color: rgba(21, 40, 42, .78); line-height: 1.4; margin-top: .15rem; }
@media (max-width: 999px) {
	.lp-guven__liste { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.lp-guven__liste li:nth-child(3) { border-left: 0; }
	.lp-guven__liste li:nth-child(n+3) { border-top: 1px solid rgba(138, 106, 48, .38); }
}
@media (max-width: 560px) {
	.lp-guven__liste li { flex-direction: column; text-align: center; gap: .6rem; padding: 1.2rem .6rem; }
	.lp-guven__liste span { font-size: .8rem; }
}
/* altın mühür: slayt ile bandın kesiştiği yerde, ağır ağır dönen yazı */
.lp-muhur { position: absolute; z-index: 5; right: clamp(1.2rem, 5vw, 5.5rem); top: -4.1rem; width: 8.2rem; height: 8.2rem; display: grid; place-items: center; border-radius: 50%; background: var(--kagit); box-shadow: 0 0 0 1px rgba(176, 138, 79, .7), 0 0 0 6px var(--kagit), 0 0 0 7px rgba(176, 138, 79, .45), 0 18px 34px -18px rgba(21, 40, 42, .55); }
.lp-muhur__yazi { position: absolute; inset: .35rem; width: calc(100% - .7rem); height: calc(100% - .7rem); animation: lp-don 36s linear infinite; }
.lp-muhur__yazi text { font-family: var(--yazi); font-size: 9.6px; font-weight: 500; letter-spacing: .26em; text-transform: uppercase; fill: var(--altin-koyu); }
.lp-muhur .lp-marka__simge { width: 2.5rem; height: 2.5rem; color: var(--altin); }
@keyframes lp-don { to { transform: rotate(360deg); } }
@media (max-width: 1099px) { .lp-muhur { display: none; } }
/* Dizüstü genişliklerinde (1740 px altı) mühür bandın son yazısının üstüne biniyordu: orada bandın üstünde, slaydın sağ alt köşesinde durur */
@media (min-width: 1100px) and (max-width: 1739px) { .lp-muhur { top: -8.5rem; } }

/* ---------- Kategoriler: boydan boya fotoğraf mozaiği ---------- */
.lp-kategoriler { padding-bottom: var(--bolum); }
.lp-kategoriler__liste { list-style: none; display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: var(--ara); }
.lp-kategoriler__liste a { position: relative; display: block; aspect-ratio: 4 / 5; overflow: hidden; text-decoration: none; color: #fff; background: var(--tas); }
.lp-kategoriler__liste img, .lp-kategoriler__liste .lp-gorsel-yeri { width: 100%; height: 100%; object-fit: cover; transition: transform 1.1s cubic-bezier(.2, .7, .2, 1); }
.lp-kategoriler__liste a::before { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(0deg, rgba(10, 30, 32, .62) 0%, rgba(10, 30, 32, .18) 34%, rgba(10, 30, 32, 0) 55%); }
.lp-kategoriler__liste a::after { content: ""; position: absolute; inset: .8rem; z-index: 2; border: 1px solid rgba(240, 222, 176, 0); transition: border-color var(--gecis); pointer-events: none; }
.lp-kategoriler__liste a:hover img { transform: scale(1.05); }
.lp-kategoriler__liste a:hover::after { border-color: rgba(240, 222, 176, .9); }
.lp-kategoriler__yazi { position: absolute; z-index: 3; left: 0; right: 0; bottom: 0; padding: 0 1rem 1.6rem; text-align: center; }
.lp-kategoriler__yazi h3 { color: #fff; font-size: clamp(.92rem, .7rem + .5vw, 1.12rem); font-weight: 500; letter-spacing: .18em; text-transform: uppercase; }
.lp-kategoriler__git { display: inline-flex; align-items: center; gap: .4rem; margin-top: .4rem; font-size: .78rem; letter-spacing: .08em; color: var(--altin-acik); }
.lp-kategoriler__git .lp-ikon { transition: transform var(--gecis); }
.lp-kategoriler__liste a:hover .lp-kategoriler__git .lp-ikon { transform: translateX(4px); }
@media (max-width: 1099px) {
	/* telefonda ve tablette: yana kaydırılan şerit (kartlar 4:5 kalır) */
	.lp-kategoriler__liste { grid-auto-columns: min(62vw, 300px); overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
	.lp-kategoriler__liste::-webkit-scrollbar { display: none; }
	.lp-kategoriler__liste li { scroll-snap-align: start; }
}

/* ---------- Yüzüğünü Tasarla (seçici): solda ekranı kaplayan fotoğraf, sağda seçenekler ----------
   Fotoğraflar kare ve HEPSİ aynı elin aynı çekimi; taş her karatta milimetre hesabıyla yerleştirilir (araclar/olcek).
   Yüzük karenin tam ortasındadır; kutu kareden farklı olsa da (object-fit: cover) yüzük hep görünür. */
.lp-secici { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); background: var(--kagit); }
.lp-sc-sahne { position: sticky; top: var(--nav-y); align-self: start; height: calc(100svh - var(--nav-y)); min-height: 30rem; margin: 0; overflow: hidden; background: var(--tas); }
.lp-secici--tam .lp-sc-sahne { height: calc(100svh - var(--sahne-ust, var(--ust-y))); }
.lp-sc-foto { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; transition: opacity .3s ease, filter .3s ease; }
.lp-sc-sahne.is-yukleniyor .lp-sc-foto { opacity: .65; }
.lp-sc-sahne.is-bekliyor .lp-sc-foto { filter: blur(10px) saturate(.5); opacity: .5; transform: scale(1.05); }
.lp-sc-bekle { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: inline-flex; align-items: center; gap: .6rem; padding: .8rem 1.2rem; background: rgba(10, 42, 46, .88); color: #fff; font-size: .78rem; letter-spacing: .12em; text-transform: uppercase; white-space: nowrap; }
.lp-sc-bekle .lp-ikon { color: var(--altin-acik); }
.lp-sc-olcek { position: absolute; left: 1.15rem; top: 1.15rem; display: inline-flex; align-items: center; gap: .55rem; padding: .5rem .85rem; background: rgba(255, 253, 249, .92); color: var(--murekkep); font-size: .72rem; font-weight: 500; letter-spacing: .12em; text-transform: uppercase; box-shadow: 0 0 0 1px rgba(176, 138, 79, .5); }
.lp-sc-olcek .lp-ikon { color: var(--altin-koyu); }
.lp-sc-etiket { position: absolute; left: 0; right: 0; bottom: 0; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: .2rem 1rem; padding: 3rem 1.3rem 1.1rem; background: linear-gradient(0deg, rgba(10, 30, 32, .72), rgba(10, 30, 32, 0)); color: #fff; }
.lp-sc-etiket strong { font-size: .8rem; font-weight: 500; letter-spacing: .15em; text-transform: uppercase; }
.lp-sc-etiket span { font-size: .9rem; color: rgba(255, 255, 255, .92); }
.lp-sc-yan { display: flex; flex-direction: column; justify-content: center; min-width: 0; padding: clamp(1.4rem, 3vw, 2.6rem) clamp(1.25rem, 4.5vw, 5rem); }
.lp-sc-yan > * { width: 100%; max-width: 41rem; }
.lp-sc-bas .lp-kirinti { margin-bottom: .8rem; }
.lp-sc-bas__baslik { font-size: clamp(1.55rem, 1.05rem + 1.5vw, 2.4rem); font-weight: 300; line-height: 1.12; }
.lp-sc-bas__metin { margin-top: .55rem; color: var(--soluk); font-size: 1rem; }
.lp-sc-panel { display: flex; flex-direction: column; gap: 1.05rem; margin-top: 1.3rem; padding-top: 1.3rem; border-top: 1px solid var(--cizgi); }
.lp-sc-adim { border: 0; margin: 0; padding: 0; min-width: 0; }
.lp-sc-adim__baslik { float: left; width: 100%; display: flex; align-items: center; gap: .6rem; padding: 0; margin-bottom: .55rem; font-size: .76rem; font-weight: 500; letter-spacing: .16em; text-transform: uppercase; color: var(--murekkep); }
.lp-sc-adim__baslik span { display: inline-grid; place-items: center; width: 1.5rem; height: 1.5rem; border-radius: 50%; background: var(--altin-foy); color: var(--marka-koyu); font-size: .74rem; letter-spacing: 0; flex: none; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .6); }
.lp-sc-adim__baslik em { margin-left: auto; font-style: normal; font-size: .82rem; font-weight: 400; letter-spacing: 0; text-transform: none; color: var(--soluk); text-align: right; line-height: 1.25; }
.lp-sc-adim__baslik + * { clear: both; }
.lp-sc-secim { position: relative; cursor: pointer; display: block; }
.lp-sc-secim input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.lp-sc-secim__kutu { display: flex; align-items: center; justify-content: center; gap: .5rem; height: 100%; border: 1px solid var(--cizgi); background: #fff; color: var(--murekkep); transition: border-color var(--gecis), background var(--gecis), box-shadow var(--gecis); }
.lp-sc-secim:hover .lp-sc-secim__kutu { border-color: var(--altin); }
.lp-sc-secim input:focus-visible + .lp-sc-secim__kutu { outline: 2px solid var(--altin); outline-offset: 2px; }
.lp-sc-secim input:checked + .lp-sc-secim__kutu { border-color: var(--murekkep); box-shadow: inset 0 0 0 1px var(--murekkep); background: var(--tas); }
.lp-sc-sekiller { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: .35rem; }
.lp-sc-sekiller .lp-sc-secim__kutu { flex-direction: column; gap: .25rem; padding: .45rem .1rem .4rem; font-size: .72rem; font-weight: 500; }
.lp-sc-sekil__gorsel { width: 2.7rem; height: 2.7rem; display: grid; place-items: center; }
.lp-sc-sekil__gorsel img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
.lp-sc-sekil__gorsel .lp-sekil { width: 2.1rem; height: 2.1rem; }
.lp-sc-ikili { display: grid; grid-template-columns: auto auto; justify-content: space-between; gap: .95rem 1.5rem; }
.lp-sc-haplar { display: flex; flex-wrap: wrap; gap: .35rem; }
.lp-sc-haplar .lp-sc-secim__kutu { min-height: 2.5rem; padding: 0 .85rem; font-size: .9rem; font-weight: 500; }
.lp-sc-metal { width: 1.05rem; height: 1.05rem; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .14); flex: none; }
.lp-sc-kaliteler { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .4rem; }
.lp-sc-kaliteler .lp-sc-secim__kutu { position: relative; flex-direction: column; align-items: flex-start; justify-content: center; gap: .1rem; padding: .6rem .8rem; }
.lp-sc-kalite__ad { font-size: .92rem; font-weight: 500; color: var(--murekkep); }
.lp-sc-kalite__teknik { font-size: .76rem; color: var(--soluk); }
.lp-sc-rozet { position: absolute; top: -.5rem; right: .5rem; padding: .12rem .45rem; background: var(--altin-foy); color: var(--marka-koyu); font-size: .56rem; font-weight: 500; letter-spacing: .1em; text-transform: uppercase; white-space: nowrap; }
.lp-sc-sonuc { display: grid; gap: .6rem; margin-top: .2rem; padding-top: 1rem; border-top: 1px solid var(--cizgi); }
.lp-sc-sonuc__baslik { display: grid; gap: .1rem; }
.lp-sc-sonuc__ust { font-size: .66rem; font-weight: 500; letter-spacing: .2em; text-transform: uppercase; color: var(--altin-koyu); }
.lp-sc-sonuc__baslik strong { font-size: 1.08rem; font-weight: 500; color: var(--murekkep); line-height: 1.3; }
.lp-sc-sonuc__baslik strong::first-letter { text-transform: uppercase; }
.lp-sc-sonuc__baslik > span:last-child { font-size: .86rem; color: var(--soluk); }
.lp-sc-sonuc__not { font-size: .78rem; line-height: 1.45; color: var(--soluk); }
.lp-sc-sonuc__not a { color: var(--murekkep); }
.lp-sc-mobil-cubuk { display: none; }
@media (max-width: 999px) {
	.lp-secici { grid-template-columns: 1fr; }
	.lp-sc-sahne, .lp-secici--tam .lp-sc-sahne { position: sticky; top: var(--nav-y); z-index: 5; height: auto; min-height: 0; aspect-ratio: 1; }
	.lp-sc-yan { padding: 1.4rem var(--kenar) 2rem; }
	.lp-sc-sekiller { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.lp-sc-ikili { grid-template-columns: 1fr; }
	.lp-secici--tam .lp-sc-sonuc .lp-dugme { display: none; }
	.lp-secici--tam .lp-sc-mobil-cubuk { display: flex; align-items: center; justify-content: space-between; gap: .75rem; position: fixed; left: 0; right: 0; bottom: 0; z-index: 30; padding: .6rem var(--kenar) calc(.6rem + env(safe-area-inset-bottom)); background: var(--kagit); border-top: 1px solid var(--altin-acik); box-shadow: 0 -10px 30px -20px rgba(0, 0, 0, .4); }
	.lp-sc-mobil-cubuk__ozet { font-size: .78rem; font-weight: 500; letter-spacing: .06em; color: var(--murekkep); }
	.lp-sc-mobil-cubuk .lp-dugme { min-height: 2.9rem; padding-inline: 1.1rem; }
}
@media (max-width: 560px) {
	.lp-sc-sahne, .lp-secici--tam .lp-sc-sahne { aspect-ratio: 4 / 3; }
	.lp-sc-olcek { left: .7rem; top: .7rem; font-size: .69rem; letter-spacing: .09em; padding: .4rem .6rem; }
	.lp-sc-etiket { padding: 2.2rem .9rem .7rem; }
	.lp-sc-adim__baslik em { display: none; }
	.lp-sc-kaliteler { grid-template-columns: 1fr; }
	.lp-sc-kaliteler .lp-sc-secim__kutu { flex-direction: row; justify-content: space-between; align-items: center; }
	.lp-sc-rozet { position: static; order: 3; }
}
/* Tablet (dik): kare fotoğraf ekranın dörtte üçünü kaplayıp üstte sabit kalıyor, seçeneklere dar bir şerit bırakıyordu.
   Fotoğraf en çok ekranın yarısı kadar olur (yüzük ortada, üstten ve alttan eşit kırpılır). */
@media (min-width: 561px) and (max-width: 999px) and (min-height: 521px) {
	.lp-sc-sahne, .lp-secici--tam .lp-sc-sahne { aspect-ratio: auto; height: min(100vw, 52svh); }
}
/* Yan tutulan telefon (geniş ama kısa ekran): bilgisayardaki gibi iki sütun; fotoğraf ekran boyunda solda sabit, seçenekler sağda kayar */
@media (min-width: 600px) and (max-width: 999px) and (max-height: 520px) {
	.lp-secici { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
	.lp-sc-sahne { aspect-ratio: auto; height: calc(100svh - var(--nav-y)); }
	.lp-secici--tam .lp-sc-sahne { aspect-ratio: auto; height: calc(100svh - var(--sahne-ust, var(--ust-y)) - 4.1rem); } /* alt çubuğun payı; --sahne-ust: lp.js */
}

/* ---------- Afişler: yan yana iki fotoğraf, ekranı boydan boya kaplar (16:9 fotoğraf, 16:9 kutu) ---------- */
.lp-afisler { padding-block: var(--bolum); }
.lp-afisler__ic { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--ara); }
.lp-afis { position: relative; display: block; aspect-ratio: 16 / 9; overflow: hidden; color: #fff; text-decoration: none; background: var(--tas); }
.lp-afis img { width: 100%; height: 100%; object-fit: cover; object-position: var(--odak, 50% 50%); transition: transform 1.2s cubic-bezier(.2, .7, .2, 1); }
.lp-afis:hover img { transform: scale(1.04); }
.lp-afis::before { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, rgba(7, 32, 36, .78), rgba(7, 32, 36, .22) 58%, rgba(7, 32, 36, 0)); }
.lp-afis::after { content: ""; position: absolute; inset: 1rem; z-index: 1; border: 1px solid rgba(240, 222, 176, .5); pointer-events: none; }
.lp-afis__metin { position: absolute; z-index: 2; left: clamp(1.6rem, 3.4vw, 3.4rem); bottom: clamp(1.6rem, 3.4vw, 3.2rem); max-width: 58%; display: grid; gap: .3rem; }
.lp-afis__metin .lp-ustbaslik { margin-bottom: .2rem; }
.lp-afis__metin strong { font-size: clamp(1.3rem, 1rem + 1.4vw, 2.2rem); font-weight: 300; line-height: 1.16; }
.lp-afis__git { display: inline-flex; align-items: center; gap: .45rem; margin-top: .8rem; font-size: .76rem; letter-spacing: .14em; text-transform: uppercase; color: var(--altin-acik); }
.lp-afisler__ic > .lp-afis:only-child { grid-column: 1 / -1; aspect-ratio: 21 / 9; }
@media (max-width: 899px) { .lp-afisler__ic { grid-template-columns: 1fr; } .lp-afis__metin { max-width: 80%; } .lp-afisler__ic > .lp-afis:only-child { aspect-ratio: 16 / 9; } }
/* Telefonda afiş yazısı görselin açık yerine taşıp okunmuyordu: koyu geçiş yazının bittiği yere kadar uzar, yazı çerçeveden biraz içeri alınır */
@media (max-width: 600px) {
	.lp-afis::before { background: linear-gradient(90deg, rgba(7, 32, 36, .86), rgba(7, 32, 36, .7) 48%, rgba(7, 32, 36, .26) 80%, rgba(7, 32, 36, .06)); }
	.lp-afis__metin { left: 1.9rem; bottom: 1.8rem; max-width: 74%; }
}

/* ---------- Model kartları ---------- */
.lp-modeller { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(.7rem, 1.4vw, 1.4rem); }
.lp-model-kart { background: var(--kagit); box-shadow: var(--golge); transition: box-shadow var(--gecis), transform var(--gecis); }
.lp-model-kart:hover { box-shadow: 0 0 0 1px var(--altin), var(--golge); transform: translateY(-3px); }
.lp-model-kart__baglanti { display: block; text-decoration: none; color: inherit; }
.lp-model-kart__gorsel { aspect-ratio: 1; overflow: hidden; background: #efe7dc; }
.lp-model-kart__gorsel img { width: 100%; height: 100%; object-fit: cover; transition: transform .9s cubic-bezier(.2, .7, .2, 1); }
.lp-model-kart:hover .lp-model-kart__gorsel img { transform: scale(1.05); }
.lp-model-kart__metin { padding: 1.1rem 1rem 1.25rem; text-align: center; }
.lp-model-kart__kat { font-size: .66rem; letter-spacing: .2em; text-transform: uppercase; color: var(--altin-koyu); margin-bottom: .35rem; }
.lp-model-kart__ad { font-size: 1.02rem; font-weight: 500; color: var(--murekkep); line-height: 1.3; }
.lp-model-kart__fiyat { display: inline-flex; align-items: center; gap: .4rem; margin-top: .6rem; font-size: .8rem; font-weight: 500; color: var(--wa); }
@media (max-width: 1099px) { .lp-modeller { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 699px) { .lp-modeller { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lp-model-kart__metin { padding: .85rem .5rem 1rem; } .lp-model-kart__ad { font-size: .92rem; } }

/* ---------- Atölyeden: gerçek atölye görüntüleri, boydan boya dört kare ---------- */
.lp-atolye { padding-bottom: var(--bolum); }
.lp-atolye__liste { list-style: none; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--ara); }
.lp-atolye__oge { position: relative; aspect-ratio: 3 / 4; overflow: hidden; background: var(--marka-koyu); color: #fff; }
.lp-atolye__oge video, .lp-atolye__oge img { width: 100%; height: 100%; object-fit: cover; }
.lp-atolye__oge::before { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(0deg, rgba(7, 26, 28, .82) 0%, rgba(7, 26, 28, .2) 42%, rgba(7, 26, 28, 0) 60%); pointer-events: none; }
.lp-atolye__no { position: absolute; z-index: 2; left: 1.1rem; top: 1.1rem; display: inline-grid; place-items: center; width: 2.2rem; height: 2.2rem; border-radius: 50%; background: var(--altin-foy); color: var(--marka-koyu); font-size: .9rem; font-weight: 500; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .6); }
.lp-atolye__yazi { position: absolute; z-index: 2; left: 0; right: 0; bottom: 0; padding: 0 clamp(1rem, 1.8vw, 1.7rem) clamp(1.1rem, 1.8vw, 1.7rem); }
.lp-atolye__yazi .lp-ustbaslik { margin-bottom: .35rem; }
.lp-atolye__yazi h3 { font-size: clamp(1.02rem, .8rem + .55vw, 1.3rem); font-weight: 400; color: #fff; line-height: 1.25; }
.lp-atolye__yazi p:last-child { margin-top: .4rem; font-size: .9rem; line-height: 1.45; color: rgba(255, 255, 255, .82); }
@media (max-width: 899px) { .lp-atolye__liste { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lp-atolye__yazi p:last-child { display: none; } }

/* ---------- Karşılaştırma tablosu ---------- */
.lp-tablo-kap { overflow-x: auto; -webkit-overflow-scrolling: touch; background: var(--kagit); box-shadow: var(--golge); max-width: 1000px; margin-inline: auto; }
.lp-tablo { width: 100%; min-width: 600px; border-collapse: collapse; font-size: .98rem; }
.lp-tablo th, .lp-tablo td { text-align: left; vertical-align: top; padding: 1rem 1.3rem; border-bottom: 1px solid var(--cizgi); }
.lp-tablo thead th { font-size: .76rem; font-weight: 500; letter-spacing: .16em; text-transform: uppercase; color: var(--murekkep); background: var(--tas); }
.lp-tablo thead th.lp-tablo__one { background: var(--altin-foy); color: var(--marka-koyu); }
.lp-tablo tbody th { font-weight: 500; color: var(--murekkep); width: 26%; }
.lp-tablo td.lp-tablo__one { background: #fbf5e7; color: var(--murekkep); font-weight: 500; }
.lp-tablo tbody tr:last-child th, .lp-tablo tbody tr:last-child td { border-bottom: 0; }
/* Telefonda üç sütun ekrana sığsın: asıl sütun (laboratuvar pırlantası) yana kaydırmadan görünmüyordu */
@media (max-width: 600px) {
	.lp-tablo { min-width: 0; font-size: .86rem; }
	.lp-tablo th, .lp-tablo td { padding: .75rem .6rem; }
	.lp-tablo thead th { font-size: .64rem; letter-spacing: .08em; }
	.lp-tablo tbody th { width: 28%; }
}

/* ---------- Süreç ---------- */
.lp-surec__liste { list-style: none; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(.8rem, 1.6vw, 1.5rem); counter-reset: adim; }
.lp-surec__liste li { position: relative; counter-increment: adim; padding: 2rem 1.5rem 1.8rem; background: var(--kagit); text-align: center; box-shadow: var(--golge); }
.lp-surec__liste li::before { content: counter(adim) ". adım"; display: block; font-size: .68rem; letter-spacing: .22em; text-transform: uppercase; color: var(--altin-koyu); margin-bottom: 1rem; }
.lp-surec__ikon { display: inline-grid; place-items: center; width: 4rem; height: 4rem; border-radius: 50%; background: var(--altin-foy); color: var(--marka-koyu); margin-bottom: 1.1rem; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .6), 0 0 0 5px var(--kagit), 0 0 0 6px rgba(176, 138, 79, .4); }
.lp-surec__ikon .lp-ikon { width: 1.7rem; height: 1.7rem; }
.lp-surec__liste h3 { font-size: 1.1rem; font-weight: 500; margin-bottom: .45rem; }
.lp-surec__liste p { font-size: .94rem; color: var(--soluk); }
@media (max-width: 999px) { .lp-surec__liste { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 520px) { .lp-surec__liste { grid-template-columns: 1fr; } }

/* ---------- Blog kartları (ana sayfa + blog) ---------- */
.lp-yazilar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(1rem, 2vw, 2rem); }
.lp-yazi-kart { background: var(--kagit); box-shadow: var(--golge); transition: box-shadow var(--gecis), transform var(--gecis); }
.lp-yazi-kart:hover { box-shadow: 0 0 0 1px var(--altin), var(--golge); transform: translateY(-3px); }
.lp-yazi-kart a { display: flex; flex-direction: column; height: 100%; text-decoration: none; color: inherit; }
.lp-yazi-kart__gorsel { aspect-ratio: 3 / 2; overflow: hidden; background: var(--tas); }
.lp-yazi-kart__gorsel img, .lp-yazi-kart__gorsel .lp-gorsel-yeri { width: 100%; height: 100%; object-fit: cover; transition: transform .9s cubic-bezier(.2, .7, .2, 1); }
.lp-yazi-kart:hover .lp-yazi-kart__gorsel img { transform: scale(1.04); }
.lp-yazi-kart__metin { display: flex; flex-direction: column; gap: .55rem; flex: 1; padding: 1.4rem 1.4rem 1.5rem; }
.lp-yazi-kart__kat { font-size: .68rem; font-weight: 500; letter-spacing: .2em; text-transform: uppercase; color: var(--altin-koyu); }
.lp-yazi-kart__baslik { font-size: 1.22rem; font-weight: 500; line-height: 1.28; color: var(--murekkep); }
.lp-yazi-kart__ozet { font-size: .95rem; color: var(--soluk); }
.lp-yazi-kart__git { display: inline-flex; align-items: center; gap: .4rem; margin-top: auto; padding-top: .5rem; font-size: .76rem; font-weight: 500; letter-spacing: .14em; text-transform: uppercase; color: var(--murekkep); }
.lp-yazi-kart__git .lp-ikon { color: var(--altin-koyu); transition: transform var(--gecis); }
.lp-yazi-kart:hover .lp-yazi-kart__git .lp-ikon { transform: translateX(4px); }
@media (max-width: 999px) { .lp-yazilar { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
/* Telefonda da YAN YANA (Hüseyin, 2026-10-07: "blog kısmı mobilde alt alta değil yan yana olmalı"): iki sütun, sıkı kutu.
   Dar kutuda özet gizlenir (başlık + okuma süresi kalır). Tek kalan son kutu iki sütunu kaplar, özetiyle birlikte. */
@media (max-width: 620px) {
	.lp-yazilar { gap: .6rem; }
	.lp-yazi-kart__metin { gap: .4rem; padding: .8rem .75rem .95rem; }
	.lp-yazi-kart__kat { font-size: .6rem; letter-spacing: .12em; }
	.lp-yazi-kart__baslik { font-size: .96rem; line-height: 1.3; }
	.lp-yazi-kart__ozet { display: none; }
	.lp-yazi-kart__git { font-size: .66rem; letter-spacing: .1em; }
	.lp-yazilar > .lp-yazi-kart:last-child:nth-child(odd) { grid-column: 1 / -1; }
	.lp-yazilar > .lp-yazi-kart:last-child:nth-child(odd) .lp-yazi-kart__metin { padding: 1.1rem 1.1rem 1.2rem; }
	.lp-yazilar > .lp-yazi-kart:last-child:nth-child(odd) .lp-yazi-kart__baslik { font-size: 1.15rem; }
	.lp-yazilar > .lp-yazi-kart:last-child:nth-child(odd) .lp-yazi-kart__ozet { display: block; }
}
/* Dört yazılık sıralar (ana sayfa, "okumaya devam edin"): üç sütunlu bilgisayar düzeninde dördüncü görünmez */
@media (min-width: 1000px) { .lp-yazilar--dort > :nth-child(n+4) { display: none; } }

/* ---------- SSS ---------- */
.lp-sss { background: var(--kagit); box-shadow: 0 0 0 1px var(--cizgi); }
.lp-sss + .lp-sss { margin-top: .6rem; }
.lp-sss summary { display: flex; align-items: center; justify-content: space-between; gap: 1.2rem; padding: 1.1rem 1.3rem; cursor: pointer; list-style: none; font-size: 1.05rem; font-weight: 500; color: var(--murekkep); }
.lp-sss summary::-webkit-details-marker { display: none; }
.lp-sss__ikon { color: var(--altin-koyu); transition: transform var(--gecis); }
.lp-sss[open] .lp-sss__ikon { transform: rotate(45deg); }
.lp-sss[open] { box-shadow: 0 0 0 1px var(--altin-acik); }
.lp-sss__cevap { padding: 0 1.3rem 1.3rem; color: var(--metin); }
.lp-sss__cevap p + p { margin-top: .7rem; }

/* ---------- Son çağrı: sayfanın kapanışı, boydan boya fotoğraf (tek koyu an) ---------- */
.lp-son-cagri { position: relative; display: flex; align-items: center; min-height: clamp(24rem, 36vw, 34rem); background: var(--marka-koyu); color: rgba(255, 255, 255, .9); overflow: hidden; }
.lp-son-cagri__gorsel { position: absolute; inset: 0; }
.lp-son-cagri__gorsel picture, .lp-son-cagri__gorsel img { display: block; width: 100%; height: 100%; }
.lp-son-cagri__gorsel img { object-fit: cover; object-position: 76% 50%; }
.lp-son-cagri--gorselli::before { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, rgba(7, 32, 36, .9) 0%, rgba(7, 32, 36, .62) 36%, rgba(7, 32, 36, 0) 68%); }
.lp-son-cagri::after { content: ""; position: absolute; inset: 1.15rem; z-index: 1; border: 1px solid rgba(220, 199, 157, .45); pointer-events: none; }
.lp-son-cagri__ic { position: relative; z-index: 2; padding-block: 3.5rem; }
.lp-son-cagri__metin-kap { max-width: 36rem; }
.lp-son-cagri__metin-kap::before { content: ""; display: block; width: 150px; height: 12px; background: var(--imza-acik) left center / contain no-repeat; margin-bottom: 1.4rem; }
.lp-son-cagri__baslik { font-size: clamp(1.9rem, 1.2rem + 2.6vw, 3.3rem); font-weight: 300; line-height: 1.1; color: #fff; margin-bottom: 1rem; }
.lp-son-cagri__metin { margin-bottom: 2rem; }
.lp-son-cagri__dugmeler { display: flex; flex-wrap: wrap; gap: .7rem; }
.lp-son-cagri__form { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem 1.6rem; margin-top: 1.4rem; font-size: .9rem; }
.lp-son-cagri__form a:not(.lp-dugme) { color: var(--altin-acik); padding-block: .5rem; margin-block: -.5rem; }
@media (max-width: 760px) {
	.lp-son-cagri--gorselli::before { background: linear-gradient(0deg, rgba(7, 32, 36, .94) 0%, rgba(7, 32, 36, .8) 55%, rgba(7, 32, 36, .35) 100%); }
	/* çerçeve kenara, yazı içeri: telefonda yazı çerçeve çizgisine yapışıyordu */
	.lp-son-cagri::after { inset: .5rem; }
	.lp-son-cagri__ic { padding-inline: calc(var(--kenar) + .65rem); }
}

/* ---------- Alt bilgi ---------- */
.lp-alt { position: relative; background: var(--marka-koyu); color: rgba(255, 255, 255, .7); padding-block: clamp(48px, 6vw, 80px) 1.6rem; font-size: .95rem; }
.lp-alt::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 3px; background: var(--altin-foy); }
.lp-alt a { color: rgba(255, 255, 255, .86); text-decoration: none; }
.lp-alt a:hover { color: var(--altin-acik); }
.lp-alt__ust { display: grid; grid-template-columns: minmax(0, 1.5fr) repeat(3, minmax(0, 1fr)); gap: 2.5rem; padding-bottom: 2.8rem; }
.lp-alt__cumle { margin-top: 1.4rem; max-width: 22rem; }
.lp-alt__iletisim { list-style: none; margin-top: 1.4rem; display: grid; gap: .6rem; }
.lp-alt__iletisim li { display: flex; align-items: flex-start; gap: .65rem; max-width: 24rem; }
.lp-alt__iletisim .lp-ikon { color: var(--altin-acik); margin-top: .22rem; }
.lp-alt__baslik { font-size: .74rem; font-weight: 500; letter-spacing: .2em; text-transform: uppercase; color: var(--altin-acik); margin-bottom: 1.1rem; }
.lp-alt__sutun ul { list-style: none; display: grid; gap: .55rem; }
.lp-alt__seffaflik { display: flex; gap: .8rem; align-items: flex-start; padding-block: 1.5rem; border-block: 1px solid rgba(255, 255, 255, .12); font-size: .86rem; line-height: 1.6; }
.lp-alt__seffaflik .lp-ikon { color: var(--altin-acik); margin-top: .15rem; }
.lp-alt__son { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .8rem; padding-top: 1.3rem; font-size: .84rem; }
.lp-alt__son ul { list-style: none; display: flex; flex-wrap: wrap; gap: 1.4rem; }
@media (max-width: 999px) { .lp-alt__ust { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lp-alt__marka { grid-column: 1 / -1; } }
@media (max-width: 520px) { .lp-alt__ust { grid-template-columns: 1fr; } }

/* ---------- Örnek parçalar: atölyede üretilmiş parçaların temsili (yeniden çekilmiş) görselleri (2:3 fotoğraf, 2:3 kutu) ---------- */
.lp-ornekler { list-style: none; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--ara); }
.lp-ornek a { position: relative; display: block; aspect-ratio: 2 / 3; overflow: hidden; background: var(--tas); color: #fff; text-decoration: none; }
.lp-ornek img, .lp-ornek .lp-gorsel-yeri { width: 100%; height: 100%; object-fit: cover; transition: transform 1.1s cubic-bezier(.2, .7, .2, 1); }
.lp-ornek a::before { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(0deg, rgba(10, 30, 32, .7) 0%, rgba(10, 30, 32, .14) 30%, rgba(10, 30, 32, 0) 46%); pointer-events: none; }
.lp-ornek a::after { content: ""; position: absolute; inset: .8rem; z-index: 2; border: 1px solid rgba(240, 222, 176, 0); transition: border-color var(--gecis); pointer-events: none; }
.lp-ornek a:hover img { transform: scale(1.04); }
.lp-ornek a:hover::after { border-color: rgba(240, 222, 176, .9); }
/* WhatsApp mesajındaki bağlantıyla gelince (…#ornek-21-a) o kare üst menünün altında durur ve altın çerçeveyle işaretlenir */
.lp-ornek { scroll-margin-top: 7rem; }
.lp-ornek:target a::after { border-color: rgba(240, 222, 176, .95); border-width: 2px; }
.lp-ornek__yazi { position: absolute; z-index: 3; left: 0; right: 0; bottom: 0; display: flex; flex-direction: column; gap: .15rem; padding: 0 clamp(.9rem, 1.6vw, 1.5rem) clamp(1rem, 1.6vw, 1.5rem); }
.lp-ornek__yazi strong { font-size: clamp(1.02rem, .85rem + .5vw, 1.3rem); font-weight: 500; letter-spacing: .02em; color: #fff; }
.lp-ornek__yazi span { font-size: .86rem; color: rgba(255, 255, 255, .86); }
.lp-ornek__rozet { position: absolute; z-index: 3; left: clamp(.7rem, 1.2vw, 1.1rem); top: clamp(.7rem, 1.2vw, 1.1rem); padding: .34rem .7rem; background: var(--altin-foy); color: var(--marka-koyu); font-size: .64rem; font-weight: 500; letter-spacing: .14em; text-transform: uppercase; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .55); }
.lp-gercek__son { text-align: center; margin-top: 2.2rem; }
@media (max-width: 899px) { .lp-ornekler { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lp-ornek__yazi span { font-size: .78rem; } }
/* Dörtten az kart (2–3): kartlar aynı boyda kalır, sıra ortalanır; telefonda tek kalan son kart da ortalanır */
@media (min-width: 900px) { .lp-ornekler--az { grid-template-columns: repeat(var(--adet, 3), calc((100% - 3 * var(--ara)) / 4)); justify-content: center; } }
@media (max-width: 899px) { .lp-ornekler--az > li:last-child:nth-child(odd) { grid-column: 1 / -1; width: calc(50% - var(--ara) / 2); justify-self: center; } }
.lp-gercek__not { display: flex; flex-direction: column; align-items: center; margin-top: 1.4rem; padding-inline: var(--kenar); text-align: center; font-size: .82rem; color: var(--soluk); }
.lp-gercek__not .lp-ok-baglanti { margin-top: .35rem; } /* notun altında: gerçek ürün fotoğrafları galeride */
/* telefonda çok kareli vitrin (ana sayfa): yana kaydırmalı tek sıra — sayfa uzamasın */
@media (max-width: 699px) {
	.lp-ornekler--kaydir { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: min(64vw, 290px); overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
	.lp-ornekler--kaydir::-webkit-scrollbar { display: none; }
	.lp-ornekler--kaydir > li { scroll-snap-align: start; }
}

/* Yan tutulan telefon (geniş ama kısa ekran): vitrin ve atölye kareleri dörtlü sırada; ikili sırada her kare ekrandan uzundu */
@media (min-width: 600px) and (max-width: 899px) and (max-height: 520px) {
	.lp-ornekler, .lp-atolye__liste { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.lp-ornekler--az { grid-template-columns: repeat(var(--adet, 3), calc((100% - 3 * var(--ara)) / 4)); justify-content: center; }
	.lp-ornekler--az > li:last-child:nth-child(odd) { grid-column: auto; width: auto; }
}

/* ---------- "Kataloğumuza göz atın": galeriye davet (ana sayfa, parcalar/katalog-davet.php) ----------
   Koyu petrol zemin; galerinin gerçek modelleri iki sıra halinde ağır ağır, ters yönlere kayar (üstüne gelince durur);
   altında üç güven maddesi, düğme ve tür sayıları. Hüseyin: "çok güven vermeli ve gerçekten iştah kabartmalı". */
.lp-katalog { position: relative; padding-block: var(--bolum); background: radial-gradient(120% 90% at 50% 0%, #14474e 0%, var(--marka-koyu) 62%); color: rgba(255, 255, 255, .86); overflow: hidden; }
.lp-katalog::before, .lp-katalog::after { content: ""; position: absolute; left: 0; right: 0; height: 3px; background: var(--altin-foy); }
.lp-katalog::before { top: 0; }
.lp-katalog::after { bottom: 0; }
.lp-katalog__bas { text-align: center; margin-bottom: clamp(1.8rem, 3.5vw, 3rem); }
.lp-katalog__baslik { font-size: clamp(2rem, 1.3rem + 2.6vw, 3.4rem); font-weight: 300; line-height: 1.1; color: #fff; }
.lp-katalog__baslik .lp-altin { background-image: var(--altin-foy); }
.lp-katalog__giris { max-width: 40rem; margin: 1rem auto 0; font-size: 1.08rem; line-height: 1.65; color: rgba(255, 255, 255, .84); }
.lp-katalog__giris strong { color: var(--altin-acik); font-weight: 500; }
.lp-katalog__serit { display: grid; gap: var(--ara); }
.lp-katalog__sira { list-style: none; display: flex; gap: var(--ara); width: max-content; animation: lp-katalog-kay 70s linear infinite; }
.lp-katalog__sira--ters { animation-direction: reverse; }
.lp-katalog__serit:hover .lp-katalog__sira { animation-play-state: paused; }
@keyframes lp-katalog-kay { to { transform: translateX(calc(-50% - var(--ara) / 2)); } }
.lp-katalog__kutu { position: relative; display: block; width: clamp(150px, 15.5vw, 232px); background: #fff; color: var(--murekkep); text-decoration: none; overflow: hidden; }
.lp-katalog__kutu img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; transition: transform .9s cubic-bezier(.2, .7, .2, 1); }
.lp-katalog__kutu:hover img { transform: scale(1.05); }
.lp-katalog__kutu::after { content: ""; position: absolute; inset: 0; border: 1px solid rgba(176, 138, 79, 0); transition: border-color var(--gecis); pointer-events: none; }
.lp-katalog__kutu:hover::after { border-color: var(--altin); }
.lp-katalog__yazi { position: relative; display: flex; flex-direction: column; gap: .1rem; padding: .55rem .7rem .65rem; border-top: 1px solid var(--cizgi); background: var(--kagit); }
.lp-katalog__yazi strong { font-size: .82rem; font-weight: 500; color: var(--murekkep); }
.lp-katalog__yazi span { font-size: .75rem; letter-spacing: .05em; color: var(--soluk); }
.lp-katalog__alt { margin-top: clamp(2rem, 4vw, 3.4rem); }
.lp-katalog__guven { list-style: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(1rem, 2.4vw, 2.4rem); }
.lp-katalog__guven li { display: flex; gap: .9rem; align-items: flex-start; padding-top: 1.1rem; border-top: 1px solid rgba(220, 199, 157, .35); }
.lp-katalog__guven .lp-ikon { flex: none; width: 2.6rem; height: 2.6rem; padding: .65rem; border: 1px solid rgba(220, 199, 157, .6); border-radius: 50%; color: var(--altin-acik); }
.lp-katalog__guven strong { display: block; font-size: 1.02rem; font-weight: 500; color: #fff; }
.lp-katalog__guven span { display: block; margin-top: .2rem; font-size: .92rem; line-height: 1.5; color: rgba(255, 255, 255, .76); }
.lp-katalog__eylem { display: flex; flex-direction: column; align-items: center; gap: 1.3rem; margin-top: clamp(1.8rem, 3.5vw, 2.8rem); }
.lp-katalog__eylem .lp-dugme { min-width: min(100%, 17rem); }
.lp-katalog__turler { list-style: none; display: flex; flex-wrap: wrap; justify-content: center; gap: .4rem; }
.lp-katalog__turler a { display: inline-flex; align-items: center; gap: .45rem; min-height: 2.5rem; padding: 0 .9rem; border: 1px solid rgba(220, 199, 157, .4); color: rgba(255, 255, 255, .9); font-size: .78rem; letter-spacing: .1em; text-transform: uppercase; text-decoration: none; transition: border-color var(--gecis), background var(--gecis); }
.lp-katalog__turler a:hover { border-color: var(--altin-acik); background: rgba(255, 255, 255, .06); }
.lp-katalog__turler a span { color: var(--altin-acik); letter-spacing: 0; }
@media (max-width: 760px) {
	.lp-katalog__kutu { width: 42vw; max-width: 190px; }
	.lp-katalog__guven { grid-template-columns: 1fr; gap: 0; }
	.lp-katalog__guven li { padding-block: 1rem; }
	.lp-katalog__eylem .lp-dugme { width: 100%; }
	.lp-katalog__sira { animation-duration: 55s; }
}
@media (prefers-reduced-motion: reduce) {
	.lp-katalog__serit { overflow-x: auto; }
	.lp-katalog__sira { animation: none; }
}
/* =====================================================================
   3 — İÇ SAYFALAR: kategori, model, bilgi sayfaları, blog, formlar, yüzük ölçüsü aracı
   ===================================================================== */

/* ---------- Kategori sayfası ----------
   Başlık boydan boya fotoğraftır (hazır kadraj: bilgisayar 3,2:1, telefon 3:2; kutusu aynı oranda → kırpılmaz).
   Fotoğrafta konu sağda, solda fildişi boşluk; yazı o boşluğa oturur. Geniş fotoğrafı olmayan kategoride
   (henüz üretilmemişse) kum zeminli başlık + sağda 4:5 kategori fotoğrafı gösterilir. */
.lp-kat-bas { position: relative; background: var(--tas); color: var(--metin); overflow: hidden; }
.lp-kat-bas__ic { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: clamp(1.5rem, 4vw, 4rem); align-items: center; }
.lp-kat-bas__metin-kap { padding-block: clamp(1.6rem, 3vw, 2.6rem); max-width: 40rem; }
.lp-kat-bas__baslik { font-size: clamp(1.9rem, 1.2rem + 2.6vw, 3.4rem); font-weight: 300; line-height: 1.08; }
.lp-kat-bas__metin { margin-top: .9rem; max-width: 34rem; font-size: 1.08rem; }
.lp-kat-bas__dugmeler { margin-top: 1.5rem; display: flex; flex-wrap: wrap; gap: .7rem; }
.lp-kat-bas__kare { width: clamp(220px, 23vw, 330px); aspect-ratio: 4 / 5; overflow: hidden; align-self: stretch; }
.lp-kat-bas__kare img { width: 100%; height: 100%; object-fit: cover; }
.lp-kat-bas--genis { aspect-ratio: 3.2 / 1; min-height: 23rem; display: flex; align-items: center; }
.lp-kat-bas--genis .lp-kat-bas__gorsel { position: absolute; inset: 0; }
.lp-kat-bas--genis .lp-kat-bas__gorsel picture, .lp-kat-bas--genis .lp-kat-bas__gorsel img { display: block; width: 100%; height: 100%; }
.lp-kat-bas--genis .lp-kat-bas__gorsel img { object-fit: cover; object-position: 80% 50%; }
.lp-kat-bas--genis::before { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, rgba(250, 247, 241, .9) 0%, rgba(250, 247, 241, .62) 34%, rgba(250, 247, 241, 0) 58%); }
.lp-kat-bas--genis::after { content: ""; position: absolute; inset: 1.15rem; z-index: 1; border: 1px solid rgba(176, 138, 79, .55); pointer-events: none; }
.lp-kat-bas--genis .lp-kat-bas__ic { width: min(var(--kap), 100% - 2 * var(--kenar)); margin-inline: auto; grid-template-columns: 1fr; }
@media (max-width: 760px) {
	.lp-kat-bas__ic { grid-template-columns: 1fr; }
	.lp-kat-bas__kare { display: none; }
	.lp-kat-bas--genis { aspect-ratio: auto; min-height: 0; flex-direction: column; align-items: stretch; background: var(--kagit); }
	.lp-kat-bas--genis .lp-kat-bas__gorsel { position: relative; inset: auto; aspect-ratio: 3 / 2; }
	.lp-kat-bas--genis .lp-kat-bas__gorsel img { object-position: 50% 50%; }
	.lp-kat-bas--genis::before, .lp-kat-bas--genis::after { display: none; }
	.lp-kat-bas--genis .lp-kat-bas__ic { width: 100%; padding-inline: var(--kenar); }
}
.lp-kat-arac { margin-bottom: 1.6rem; font-size: .95rem; color: var(--soluk); text-align: center; }
/* kategori içinde ince altın bant: "kendi yüzüğünüzü tasarlayın" */
.lp-bant { background: var(--altin-foy); color: var(--murekkep); padding-block: clamp(2rem, 3.6vw, 3rem); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .55), inset 0 -1px 0 rgba(138, 106, 48, .45); }
.lp-bant__ic { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1.5rem 3rem; }
.lp-bant .lp-ustbaslik { color: rgba(21, 40, 42, .75); }
.lp-bant__baslik { font-size: clamp(1.3rem, 1rem + 1.3vw, 2rem); font-weight: 300; color: var(--murekkep); max-width: 40rem; }
.lp-bant .lp-dugme { --d-zemin: var(--marka-koyu); --d-kenar: var(--marka-koyu); --d-renk: #fff; background: var(--marka-koyu); box-shadow: none; }

/* ---------- Model sayfası: solda ekranı kaplayan fotoğraf, sağda bilgiler ---------- */
.lp-model { background: var(--kagit); }
.lp-model__ic { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: start; }
.lp-model__gorsel { position: sticky; top: var(--nav-y); height: calc(100svh - var(--nav-y)); min-height: 30rem; margin: 0; overflow: hidden; background: #efe7dc; }
.lp-model__gorsel img, .lp-model__gorsel .lp-gorsel-yeri { width: 100%; height: 100%; object-fit: cover; }
.lp-model__gorsel figcaption { position: absolute; left: 1.15rem; bottom: 1.15rem; max-width: calc(100% - 2.3rem); padding: .45rem .8rem; background: rgba(255, 253, 249, .92); font-size: .78rem; color: var(--soluk); box-shadow: 0 0 0 1px rgba(176, 138, 79, .4); }
.lp-model__gorsel figcaption a { display: inline-flex; align-items: center; gap: .25rem; padding-block: .35rem; margin-block: -.35rem; color: var(--murekkep); font-weight: 500; text-decoration: underline; text-underline-offset: .22em; white-space: nowrap; }
.lp-model__gorsel figcaption a .lp-ikon { width: 1em; height: 1em; }
.lp-model__bilgi { min-width: 0; padding: clamp(1.4rem, 3vw, 2.8rem) clamp(1.25rem, 4.5vw, 5rem) clamp(2.5rem, 5vw, 4.5rem); }
.lp-model__bilgi > * { max-width: 41rem; }
.lp-model__baslik { font-size: clamp(1.8rem, 1.2rem + 1.9vw, 2.8rem); font-weight: 300; line-height: 1.12; }
.lp-model__ozet { margin-top: .9rem; font-size: 1.08rem; color: var(--metin); }
.lp-model__secenekler { display: grid; gap: 1.3rem; margin-top: 1.8rem; padding-top: 1.6rem; border-top: 1px solid var(--cizgi); }
.lp-secenek { border: 0; margin: 0; padding: 0; min-width: 0; }
.lp-secenek legend { float: left; width: 100%; padding: 0; margin-bottom: .7rem; font-size: .76rem; font-weight: 500; letter-spacing: .18em; text-transform: uppercase; color: var(--murekkep); }
.lp-secenek legend + * { clear: both; }
.lp-secenek__ipucu { margin: -.3rem 0 .65rem; font-size: .84rem; line-height: 1.45; color: var(--soluk); } /* "toplam karat" gibi seçeneklerin tek satırlık açıklaması */
.lp-secenek__ipucu + * { clear: both; }
.lp-model__eylem { display: grid; gap: .6rem; margin-top: 1.8rem; }
.lp-model__guven { list-style: none; display: grid; gap: .6rem; margin-top: 1.5rem; padding: 1.2rem 1.3rem; background: var(--tas); font-size: .92rem; }
.lp-model__guven li { display: flex; gap: .7rem; align-items: flex-start; }
.lp-model__guven .lp-ikon { color: var(--altin-koyu); margin-top: .15rem; }
.lp-acilir { border-bottom: 1px solid var(--cizgi); }
.lp-acilir:first-of-type { margin-top: 1.6rem; border-top: 1px solid var(--cizgi); }
.lp-acilir summary { display: flex; justify-content: space-between; align-items: center; padding: 1rem 0; cursor: pointer; list-style: none; font-size: .8rem; font-weight: 500; letter-spacing: .16em; text-transform: uppercase; color: var(--murekkep); }
.lp-acilir summary::-webkit-details-marker { display: none; }
.lp-acilir summary .lp-ikon { color: var(--altin-koyu); transition: transform var(--gecis); }
.lp-acilir[open] summary .lp-ikon { transform: rotate(45deg); }
.lp-acilir > :not(summary) { padding-bottom: 1.2rem; }
.lp-ozellikler div { display: grid; grid-template-columns: 11rem minmax(0, 1fr); gap: 1rem; padding: .5rem 0; font-size: .95rem; }
.lp-ozellikler div + div { border-top: 1px dashed var(--cizgi); }
.lp-ozellikler dt { color: var(--soluk); }
.lp-ozellikler dd { color: var(--murekkep); font-weight: 500; }
.lp-model-cubuk { display: none; }
@media (max-width: 899px) {
	.lp-model__ic { grid-template-columns: 1fr; }
	/* relative: fotoğraf altı notu fotoğrafın üstünde kalsın (static iken not sayfanın ilk ekranının dibine, seçeneklerin üstüne düşüyordu) */
	.lp-model__gorsel { position: relative; top: auto; height: auto; min-height: 0; aspect-ratio: 1; }
	.lp-model__bilgi { padding: 1.4rem var(--kenar) 2.5rem; }
	.lp-model-cubuk { display: flex; align-items: center; justify-content: space-between; gap: .75rem; position: fixed; left: 0; right: 0; bottom: 0; z-index: 30; padding: .6rem var(--kenar) calc(.6rem + env(safe-area-inset-bottom)); background: var(--kagit); border-top: 1px solid var(--altin-acik); box-shadow: 0 -10px 30px -20px rgba(0, 0, 0, .4); }
	.lp-model-cubuk__ad { font-size: .82rem; font-weight: 500; color: var(--murekkep); line-height: 1.25; }
	.lp-model-cubuk .lp-dugme { min-height: 2.9rem; padding-inline: 1.1rem; flex: none; }
	.single-lp_model .lp-alt, .page-template-sablon-secici .lp-alt { padding-bottom: calc(1.6rem + 4.4rem + env(safe-area-inset-bottom)); }
}
/* Yan tutulan telefon: model fotoğrafı ekrandan uzun kalmasın → iki sütun, fotoğraf solda ekran boyunda sabit */
@media (min-width: 600px) and (max-width: 899px) and (max-height: 520px) {
	.lp-model__ic { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
	.lp-model__gorsel { position: sticky; top: var(--nav-y); align-self: start; aspect-ratio: auto; height: calc(100svh - var(--ust-y) - 4.1rem); } /* --ust-y: sayfa en üstteyken de not alt çubuğun arkasında kalmaz */
}

/* ---------- Bilgi sayfaları ve blog yazıları ---------- */
.lp-sayfa__bas { background: var(--tas); color: var(--metin); padding-block: clamp(1.6rem, 3vw, 2.4rem) clamp(2.2rem, 4.5vw, 3.6rem); }
.lp-sayfa__baslik { font-size: clamp(1.9rem, 1.2rem + 2.8vw, 3.3rem); line-height: 1.1; font-weight: 300; max-width: 26ch; }
.lp-sayfa__bas--orta { text-align: center; }
.lp-sayfa__bas--orta .lp-kirinti { justify-content: center; }
.lp-sayfa__bas--orta .lp-sayfa__baslik, .lp-sayfa__bas--orta .lp-sayfa__giris { margin-inline: auto; }
.lp-sayfa__bas--orta .lp-sayfa__kunye { justify-content: center; }
.lp-sayfa__bas--orta::after { content: ""; display: block; width: 150px; height: 12px; margin: 1.6rem auto 0; background: var(--imza) center / contain no-repeat; }
.lp-sayfa__giris { margin-top: 1.2rem; font-size: 1.12rem; max-width: 44rem; }
.lp-sayfa__kunye { display: flex; flex-wrap: wrap; gap: .4rem 1.5rem; margin-top: 1.4rem; font-size: .82rem; color: var(--soluk); }
/* yazının kapak fotoğrafı: boydan boya, 21:9 kutu */
.lp-sayfa__kapak { aspect-ratio: 21 / 9; max-height: 34rem; width: 100%; overflow: hidden; background: var(--tas); }
.lp-sayfa__kapak img { width: 100%; height: 100%; object-fit: cover; object-position: var(--odak, 50% 50%); }
.lp-sayfa__gorsel { margin-block: clamp(1.5rem, 3vw, 2.5rem) 0; }
.lp-sayfa__gorsel img { width: 100%; aspect-ratio: 16 / 8; object-fit: cover; }
.lp-sayfa__govde { display: grid; grid-template-columns: minmax(0, 1fr) 20rem; gap: clamp(2rem, 5vw, 5rem); align-items: start; padding-block: clamp(2.2rem, 4.5vw, 3.6rem) var(--bolum); }
.lp-yan { position: sticky; top: 4.8rem; display: grid; gap: 1.5rem; }
.lp-toc { padding: 1.3rem 1.4rem; background: var(--kagit); box-shadow: var(--golge); }
.lp-toc__baslik { font-size: .72rem; font-weight: 500; letter-spacing: .2em; text-transform: uppercase; color: var(--altin-koyu); margin-bottom: .8rem; }
.lp-toc ol { list-style: none; }
.lp-toc a { display: block; padding: .38rem 0 .38rem .9rem; border-left: 2px solid var(--cizgi); font-size: .92rem; line-height: 1.35; color: var(--soluk); text-decoration: none; }
.lp-toc a:hover, .lp-toc a.is-aktif { color: var(--murekkep); border-left-color: var(--altin); }
.lp-yan-kart { padding: 1.5rem; background: var(--kagit); color: var(--metin); display: grid; gap: .7rem; border-top: 3px solid var(--altin); box-shadow: var(--golge); }
.lp-yan-kart__baslik { font-size: 1.15rem; font-weight: 500; color: var(--murekkep); line-height: 1.3; }
.lp-yan-kart p:not(.lp-yan-kart__baslik) { font-size: .92rem; margin-bottom: .4rem; }
.lp-yan-kart .lp-dugme--birincil { --d-zemin: var(--wa); --d-kenar: var(--wa); }
@media (max-width: 999px) { .lp-sayfa__govde { grid-template-columns: minmax(0, 1fr); } .lp-yan { position: static; } .lp-toc { display: none; } }
.lp-liste-govde { padding-block: 2.5rem var(--bolum); }

.lp-yazi { max-width: 46rem; font-size: 1.1rem; line-height: 1.75; }
.lp-yazi--orta { margin-inline: auto; }
.lp-yazi--kucuk { font-size: .98rem; }
.lp-yazi > * + * { margin-top: 1.2rem; }
.lp-yazi h2 { font-size: clamp(1.45rem, 1.15rem + 1.1vw, 1.95rem); line-height: 1.2; font-weight: 500; margin-top: 3rem; padding-top: 1.2rem; position: relative; }
.lp-yazi h2::before { content: ""; position: absolute; left: 0; top: 0; width: 3rem; height: 2px; background: var(--altin); }
.lp-yazi > h2:first-child { margin-top: 0; }
.lp-yazi h3 { font-size: 1.15rem; font-weight: 500; margin-top: 2rem; }
.lp-yazi h2 + *, .lp-yazi h3 + * { margin-top: .8rem; }
.lp-yazi ul, .lp-yazi ol { padding-left: 1.2rem; }
.lp-yazi li + li { margin-top: .4rem; }
.lp-yazi li::marker { color: var(--altin); }
.lp-yazi a { color: var(--murekkep); text-decoration-color: var(--altin); }
.lp-yazi strong { font-weight: 500; color: var(--murekkep); }
.lp-yazi img { width: 100%; height: auto; }
.lp-yazi figure figcaption { margin-top: .5rem; font-size: .84rem; color: var(--soluk); }
.lp-yazi__tablo { overflow-x: auto; -webkit-overflow-scrolling: touch; background: var(--kagit); box-shadow: var(--golge); }
.lp-yazi table { width: 100%; border-collapse: collapse; font-size: .98rem; }
.lp-yazi td.lp-tek-satir { white-space: nowrap; } /* "D – E – F" gibi kısa kodlar bölünmesin (tire, bölünmez boşluğa rağmen satır kırıyor) */
.lp-yazi th, .lp-yazi td { text-align: left; padding: .8rem 1.1rem; border-bottom: 1px solid var(--cizgi); vertical-align: top; }
.lp-yazi thead th { font-size: .74rem; letter-spacing: .14em; text-transform: uppercase; color: var(--marka-koyu); font-weight: 500; background: var(--altin-foy); white-space: nowrap; }
/* Telefonda tablo ekrana sığsın: başlık satırı kırılabilir, hücre boşlukları daralır (son sütun ekran dışında kalıyordu) */
@media (max-width: 600px) {
	.lp-yazi table { font-size: .88rem; }
	.lp-yazi th, .lp-yazi td { padding: .7rem .6rem; }
	.lp-yazi thead th { white-space: normal; font-size: .64rem; letter-spacing: .08em; }
}
.lp-yazi .lp-sss + .lp-sss { margin-top: .6rem; }
.lp-not { padding: 1.2rem 1.4rem; background: var(--kagit); border-left: 3px solid var(--altin); font-size: 1.02rem; box-shadow: var(--golge); }
.lp-uzman { margin-block: 2.4rem !important; padding: 1.8rem; background: var(--tas); color: var(--metin); border-top: 3px solid var(--altin); }
.lp-uzman .lp-ustbaslik { margin-bottom: .6rem; }
.lp-uzman__baslik { font-size: 1.35rem; font-weight: 500; color: var(--murekkep); line-height: 1.25; }
.lp-uzman__metin { margin-top: .5rem; font-size: .98rem; }
.lp-uzman__dugmeler { display: flex; flex-wrap: wrap; gap: .6rem; margin-top: 1.2rem; }
.lp-uzman .lp-dugme--birincil { --d-zemin: var(--wa); --d-kenar: var(--wa); }
.lp-bilgi__liste { list-style: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(.7rem, 1.4vw, 1.2rem); }
.lp-bilgi__liste a { position: relative; display: flex; flex-direction: column; gap: .5rem; min-height: 100%; padding: 1.5rem 3rem 1.5rem 1.4rem; background: var(--kagit); box-shadow: var(--golge); text-decoration: none; color: var(--murekkep); transition: box-shadow var(--gecis); }
.lp-bilgi__liste a:hover { box-shadow: 0 0 0 1px var(--altin), var(--golge); }
.lp-bilgi__liste h3 { font-size: 1.08rem; font-weight: 500; line-height: 1.3; }
.lp-bilgi__liste p { font-size: .92rem; color: var(--soluk); }
.lp-bilgi__liste .lp-ikon { position: absolute; right: 1.2rem; top: 1.6rem; color: var(--altin-koyu); }
@media (max-width: 999px) { .lp-bilgi__liste { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .lp-bilgi__liste { grid-template-columns: 1fr; } }
.lp-iletisim-liste { list-style: none; padding: 0 !important; background: var(--kagit); box-shadow: var(--golge); }
.lp-iletisim-liste li { display: grid; grid-template-columns: 1.5rem 10rem minmax(0, 1fr); gap: 1rem; align-items: center; margin: 0 !important; padding: 1rem 1.3rem; }
.lp-iletisim-liste li + li { border-top: 1px solid var(--cizgi); }
.lp-iletisim-liste .lp-ikon { color: var(--altin-koyu); }
.lp-iletisim-liste__ad { font-size: .76rem; font-weight: 500; letter-spacing: .14em; text-transform: uppercase; color: var(--soluk); }
@media (max-width: 560px) { .lp-iletisim-liste li { grid-template-columns: 1.5rem minmax(0, 1fr); } .lp-iletisim-liste__deger { grid-column: 2; } }
.lp-eksik { background: #f3e7c9; color: #6b4e00; padding: 0 .3em; }

/* ---------- Blog: öne çıkan yazı (solda ekranı kaplayan fotoğraf) + sayfalama ---------- */
.lp-one { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); background: var(--kagit); }
.lp-one__gorsel { display: block; min-height: 26rem; overflow: hidden; background: var(--tas); }
.lp-one__gorsel img, .lp-one__gorsel .lp-gorsel-yeri { width: 100%; height: 100%; object-fit: cover; transition: transform 1.1s cubic-bezier(.2, .7, .2, 1); }
.lp-one:hover .lp-one__gorsel img { transform: scale(1.03); }
.lp-one__metin { display: flex; flex-direction: column; justify-content: center; gap: .9rem; padding: clamp(1.6rem, 4vw, 4.5rem); }
.lp-one__metin > * { max-width: 34rem; }
.lp-one__baslik { font-size: clamp(1.6rem, 1.1rem + 1.8vw, 2.6rem); font-weight: 300; line-height: 1.14; }
.lp-one__baslik a { text-decoration: none; }
.lp-one__ozet { color: var(--metin); }
@media (max-width: 899px) { .lp-one { grid-template-columns: 1fr; } .lp-one__gorsel { min-height: 0; aspect-ratio: 3 / 2; } }
.lp-sayfalama { display: flex; justify-content: center; flex-wrap: wrap; gap: .4rem; margin-top: 3rem; }
.lp-sayfalama .page-numbers { display: inline-grid; place-items: center; min-width: 2.7rem; height: 2.7rem; padding: 0 .8rem; background: var(--kagit); color: var(--murekkep); text-decoration: none; font-size: .9rem; box-shadow: 0 0 0 1px var(--cizgi); }
.lp-sayfalama .page-numbers.current { background: var(--marka); color: #fff; box-shadow: none; }
.lp-sayfalama a.page-numbers:hover { box-shadow: 0 0 0 1px var(--altin); }

/* ---------- Yüzük ölçüsü aracı ---------- */
.lp-olcer { margin-block: 2rem !important; padding: clamp(1.2rem, 3vw, 2rem); background: var(--kagit); border-top: 3px solid var(--altin); box-shadow: var(--golge); }
.lp-olcer__sekme { display: flex; flex-wrap: wrap; gap: .4rem; margin-bottom: 1.4rem; }
.lp-olcer__sekme button { min-height: 2.7rem; padding: 0 1.1rem; background: #fff; border: 1px solid var(--cizgi); color: var(--murekkep); font-size: .8rem; font-weight: 500; letter-spacing: .1em; text-transform: uppercase; cursor: pointer; }
.lp-olcer__sekme button[aria-selected="true"] { background: var(--marka); border-color: var(--marka); color: #fff; }
/* Telefonda iki sekme yan yana ve eşit genişlikte */
@media (max-width: 600px) {
	.lp-olcer__sekme { display: grid; grid-template-columns: 1fr 1fr; }
	.lp-olcer__sekme button { padding: .3rem .4rem; font-size: .72rem; letter-spacing: .06em; line-height: 1.3; }
}
.lp-olcer__panel[hidden] { display: none; }
.lp-olcer__adim { font-size: .98rem; color: var(--metin); }
.lp-olcer__adim + .lp-olcer__adim { margin-top: .5rem; }
.lp-olcer__alan { position: relative; display: grid; place-items: center; height: 15rem; margin-block: 1.2rem; background: var(--tas); overflow: hidden; }
.lp-olcer__kart { width: var(--kart-en, 320px); aspect-ratio: 85.6 / 53.98; border-radius: 4.2% / 6.6%; background: var(--altin-foy); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .6), 0 8px 20px -12px rgba(21, 40, 42, .6); display: grid; place-items: center; font-size: .72rem; letter-spacing: .14em; text-transform: uppercase; color: var(--marka-koyu); }
.lp-olcer__halka { width: var(--halka-cap, 120px); height: var(--halka-cap, 120px); border-radius: 50%; border: 3px solid var(--altin-koyu); background: rgba(255, 253, 249, .6); }
.lp-olcer__kaydir { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .8rem; }
.lp-olcer__kaydir input[type="range"] { width: 100%; accent-color: var(--marka); }
.lp-olcer__kaydir button { width: 2.5rem; height: 2.5rem; background: #fff; border: 1px solid var(--cizgi); color: var(--murekkep); font-size: 1.2rem; cursor: pointer; }
.lp-olcer__sonuc { display: flex; flex-wrap: wrap; align-items: baseline; gap: .4rem 1.4rem; margin-top: 1.2rem; padding: 1rem 1.2rem; background: var(--tas); }
.lp-olcer__sonuc strong { font-size: 1.6rem; font-weight: 500; color: var(--murekkep); }
.lp-olcer__sonuc span { font-size: .95rem; color: var(--soluk); }
.lp-olcer__girdi { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem; margin-top: 1rem; }
.lp-olcer__girdi input { width: 8rem; min-height: 3rem; padding: .6rem .8rem; border: 1px solid var(--cizgi); background: #fff; font-size: 1.05rem; }
.lp-olcer__uyari { margin-top: .9rem; font-size: .86rem; color: var(--soluk); }

/* ---------- Teklif formu ---------- */
.lp-teklif { padding-block: clamp(1.6rem, 3vw, 2.6rem) var(--bolum); }
.lp-teklif__ic { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: clamp(2rem, 5vw, 5rem); align-items: start; }
.lp-teklif__giris { position: sticky; top: 4.8rem; }
.lp-teklif__baslik { font-size: clamp(1.8rem, 1.2rem + 2.2vw, 2.9rem); line-height: 1.12; font-weight: 300; margin-bottom: 1.1rem; }
.lp-teklif__sonra { list-style: none; margin-top: 1.8rem; background: var(--kagit); box-shadow: var(--golge); }
.lp-teklif__sonra li { display: flex; gap: .9rem; padding: 1rem 1.2rem; font-size: .95rem; color: var(--soluk); }
.lp-teklif__sonra li + li { border-top: 1px solid var(--cizgi); }
.lp-teklif__sonra strong { color: var(--murekkep); font-weight: 500; }
.lp-teklif__sonra .lp-ikon { margin-top: .2rem; color: var(--altin-koyu); }
.lp-teklif__alternatif { display: flex; flex-wrap: wrap; align-items: center; gap: .2rem .8rem; margin-top: 1.6rem; font-size: .95rem; color: var(--soluk); }
.lp-teklif__form { background: var(--kagit); border-top: 3px solid var(--altin); box-shadow: var(--golge); padding: clamp(1.3rem, 3vw, 2.6rem); }
@media (max-width: 999px) { .lp-teklif__ic { grid-template-columns: 1fr; } .lp-teklif__giris { position: static; } .lp-teklif__sonra, .lp-teklif .lp-yazi--kucuk { display: none; } }
.lp-form { display: grid; gap: 1.8rem; }
.lp-tuzak { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.lp-form__ilerleme { display: grid; gap: .5rem; }
.lp-form__ilerleme-yazi { font-size: .72rem; font-weight: 500; letter-spacing: .2em; text-transform: uppercase; color: var(--altin-koyu); }
.lp-form__ilerleme-cubuk { height: 3px; background: var(--cizgi); }
.lp-form__ilerleme-cubuk span { display: block; height: 3px; width: 25%; background: var(--altin-koyu); transition: width var(--gecis); }
.lp-form__hata { padding: .85rem 1.1rem; border-left: 3px solid var(--hata); background: #f6ecea; color: var(--hata); font-size: .95rem; }
.lp-adim { border: 0; margin: 0; padding: 0; min-width: 0; }
.lp-adim + .lp-adim { padding-top: 1.8rem; border-top: 1px solid var(--cizgi); }
.lp-form.is-adimli .lp-adim + .lp-adim { padding-top: 0; border-top: 0; }
.lp-form.is-adimli .lp-adim:not(.is-aktif) { display: none; }
.lp-adim__baslik { float: left; width: 100%; display: flex; align-items: center; gap: .75rem; padding: 0; margin-bottom: 1.3rem; font-size: 1.35rem; font-weight: 500; color: var(--murekkep); }
.lp-adim__baslik + * { clear: both; }
.lp-adim__no { display: inline-grid; place-items: center; width: 2rem; height: 2rem; border-radius: 50%; background: var(--altin-foy); color: var(--marka-koyu); font-size: .8rem; }
.lp-adim__alt { font-size: .74rem; font-weight: 500; letter-spacing: .18em; text-transform: uppercase; color: var(--soluk); margin: 1.4rem 0 .7rem; }
.lp-adim__baslik + .lp-adim__alt { margin-top: 0; } /* yalnız adım başlığının hemen altındaysa (first-of-type, alanlardan sonra gelen ara başlığı da alana yapıştırıyordu) */
.lp-adim__ipucu { margin-top: .9rem; font-size: .9rem; color: var(--soluk); }
.lp-secimler { display: grid; gap: .5rem; }
.lp-secimler--kart { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.lp-secimler--sekil { grid-template-columns: repeat(auto-fill, minmax(6.2rem, 1fr)); }
.lp-secimler--hap { display: flex; flex-wrap: wrap; }
.lp-secim { position: relative; cursor: pointer; }
.lp-secim input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.lp-secim__kutu { display: flex; align-items: center; gap: .7rem; height: 100%; border: 1px solid var(--cizgi); background: #fff; color: var(--murekkep); transition: border-color var(--gecis), background var(--gecis), box-shadow var(--gecis); }
.lp-secim--kart .lp-secim__kutu { padding: 1rem 1.1rem; font-size: 1rem; }
.lp-secim--sekil .lp-secim__kutu { flex-direction: column; justify-content: center; gap: .45rem; padding: .9rem .4rem; font-size: .84rem; text-align: center; min-height: 6.2rem; }
.lp-secim--sekil .lp-sekil { width: 2.3rem; height: 2.3rem; }
.lp-secim--hap .lp-secim__kutu { min-height: 2.7rem; padding: 0 1rem; font-size: .92rem; }
.lp-secim:hover .lp-secim__kutu { border-color: var(--altin); }
.lp-secim input:checked + .lp-secim__kutu { border-color: var(--murekkep); box-shadow: inset 0 0 0 1px var(--murekkep); background: var(--tas); }
.lp-secim input:focus-visible + .lp-secim__kutu { outline: 2px solid var(--altin); outline-offset: 2px; }
.lp-alanlar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .9rem; }
.lp-alan { display: grid; gap: .4rem; font-size: .84rem; font-weight: 500; letter-spacing: .04em; color: var(--murekkep); }
.lp-alan em { font-weight: 400; color: var(--soluk); font-style: normal; }
.lp-alan--tam { grid-column: 1 / -1; margin-top: .9rem; }
.lp-alan input, .lp-alan textarea, .lp-alan select { width: 100%; min-height: 3.1rem; padding: .7rem .95rem; background: #fff; border: 1px solid var(--cizgi); border-radius: 2px; font-size: 1.02rem; font-weight: 400; color: var(--murekkep); transition: border-color var(--gecis); }
.lp-alan textarea { resize: vertical; min-height: 5.5rem; }
.lp-alan input:focus, .lp-alan textarea:focus, .lp-alan select:focus { outline: 0; border-color: var(--murekkep); box-shadow: 0 0 0 3px rgba(176, 138, 79, .18); }
.lp-alan.is-hatali input { border-color: var(--hata); }
.lp-alan__hata { font-size: .84rem; font-weight: 400; color: var(--hata); }
.lp-onay { display: flex; gap: .7rem; align-items: flex-start; margin-top: .9rem; font-size: .9rem; line-height: 1.5; color: var(--soluk); cursor: pointer; }
.lp-onay input { width: 1.1rem; height: 1.1rem; margin-top: .2rem; flex: none; accent-color: var(--marka); }
.lp-onay a { color: var(--murekkep); }
.lp-onay.is-hatali span { color: var(--hata); }
.lp-form__dugmeler { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .7rem; }
.lp-form__dugmeler [data-lp-gonder], .lp-form__dugmeler [data-lp-ileri] { margin-left: auto; }
.lp-form__guvence { display: flex; align-items: center; gap: .6rem; font-size: .85rem; color: var(--soluk); }
.lp-form.is-gonderiliyor [data-lp-gonder] { opacity: .6; pointer-events: none; }
@media (max-width: 560px) { .lp-secimler--kart, .lp-alanlar { grid-template-columns: 1fr; } .lp-secimler--sekil { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.lp-kisa-form { margin-block: 2.4rem !important; padding: clamp(1.3rem, 3vw, 2rem); background: var(--kagit); border-top: 3px solid var(--altin); box-shadow: var(--golge); }
.lp-kisa-form__baslik { font-size: 1.3rem; font-weight: 500; color: var(--murekkep); margin-bottom: 1.1rem; }
.lp-form--kisa { gap: 1.1rem; }

/* ---------- Teşekkür ---------- */
.lp-tesekkur { padding-block: clamp(3.5rem, 8vw, 7rem) var(--bolum); text-align: center; }
.lp-tesekkur__ic { display: flex; flex-direction: column; align-items: center; max-width: 44rem; }
.lp-tesekkur__isaret { display: inline-grid; place-items: center; width: 4.4rem; height: 4.4rem; border-radius: 50%; background: var(--altin-foy); color: var(--marka-koyu); margin-bottom: 1.6rem; }
.lp-tesekkur__isaret .lp-ikon { width: 1.8rem; height: 1.8rem; }
.lp-tesekkur__baslik { font-size: clamp(1.9rem, 1.3rem + 2.4vw, 3rem); font-weight: 300; line-height: 1.1; margin-bottom: 1.1rem; }
.lp-tesekkur .lp-giris { margin-inline: auto; }
.lp-tesekkur__ozet { display: inline-flex; align-items: center; gap: .65rem; margin-top: 1.6rem; padding: .8rem 1.2rem; background: var(--kagit); box-shadow: 0 0 0 1px var(--altin-acik); font-size: .95rem; color: var(--murekkep); }
.lp-tesekkur__dugmeler { display: flex; flex-direction: column; align-items: center; gap: 1.2rem; margin-top: 2.2rem; }
.lp-tesekkur__dugmeler .lp-dugme--birincil { --d-zemin: var(--wa); --d-kenar: var(--wa); }
.lp-tesekkur__not { margin-top: -.5rem; font-size: .86rem; color: var(--soluk); }
.lp-tesekkur__not[hidden] { display: none; }
@media (max-width: 600px) { .lp-tesekkur__dugmeler .lp-dugme { padding-inline: .9rem; letter-spacing: .07em; white-space: nowrap; } } /* telefonda "Beklemeden WhatsApp'tan yazın" tek satır */

/* ---------- Blog listesi ve yüzük ölçer ekleri (2026-10-06) ---------- */
.lp-one + .lp-yazilar { margin-top: clamp(1.5rem, 3vw, 3rem); }
.lp-blog .lp-giris { text-align: center; }
/* telefon: kart ekrana enine sığmaz, dik tutulur ve kısa kenarı ölçü alınır */
.lp-olcer--dik .lp-olcer__alan { height: auto; padding-block: 1.2rem; }
.lp-olcer--dik .lp-olcer__kart { aspect-ratio: 53.98 / 85.6; border-radius: 6.6% / 4.2%; }
.lp-olcer [data-lp-olcer-adim="2"] .lp-olcer__alan { height: 16rem; padding-block: 0; }
.lp-olcer__girdi label { font-size: .95rem; color: var(--metin); }
.lp-olcer__girdi { margin-top: 1.2rem; }
/* yazı sütunu, içindeki geniş tablo yüzünden ekranı taşırmasın (tablo kendi içinde kayar) */
.lp-sayfa__govde > .lp-yazi { min-width: 0; }
.lp-olcer__alan { max-width: 100%; }
.lp-olcer__kart { max-width: 100%; }

/* ---------- Model galerisi (/galeri/) ----------
   Kare beyaz kutular (ürün ortada), üstte tür düğmeleri; kutuya dokununca model büyük açılır (lp-gk). */
/* Model numarasıyla arama kutusu (galeri): etiket, girdi, düğme tek satırda; sonuç satırı altında */
.lp-galeri__ara { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .6rem .8rem; max-width: 36rem; margin: 0 auto clamp(1.4rem, 2.6vw, 2rem); padding: 1rem 1.1rem; background: var(--kagit); box-shadow: var(--golge); }
.lp-galeri__ara label { font-size: .74rem; font-weight: 500; letter-spacing: .16em; text-transform: uppercase; color: var(--murekkep); white-space: nowrap; }
.lp-galeri__ara input { min-width: 0; min-height: 3rem; padding: .6rem .9rem; border: 1px solid var(--cizgi); border-radius: 2px; background: #fff; font: inherit; font-size: 1.02rem; letter-spacing: .04em; color: var(--murekkep); }
.lp-galeri__ara input:focus { outline: 0; border-color: var(--murekkep); box-shadow: 0 0 0 3px rgba(176, 138, 79, .18); }
.lp-galeri__ara .lp-dugme { min-height: 3rem; padding-inline: 1.1rem; white-space: nowrap; }
.lp-galeri__ara-sonuc { grid-column: 1 / -1; margin: 0; font-size: .86rem; color: var(--hata); }
.lp-galeri__ara-sonuc:empty { display: none; }
@media (max-width: 560px) { .lp-galeri__ara { grid-template-columns: minmax(0, 1fr) auto; } .lp-galeri__ara label { grid-column: 1 / -1; } }
.lp-galeri__suz { display: flex; flex-wrap: wrap; justify-content: center; gap: .45rem; margin-bottom: clamp(1.6rem, 3vw, 2.6rem); }
.lp-galeri__suz button { display: inline-flex; align-items: center; gap: .5rem; min-height: 2.7rem; padding: 0 1.05rem; background: var(--kagit); border: 1px solid var(--cizgi); color: var(--murekkep); font: inherit; font-size: .78rem; font-weight: 500; letter-spacing: .12em; text-transform: uppercase; cursor: pointer; transition: border-color var(--gecis), background var(--gecis), color var(--gecis); }
.lp-galeri__suz button span { font-size: .7rem; letter-spacing: .04em; color: var(--soluk); }
.lp-galeri__suz button:hover { border-color: var(--altin); }
.lp-galeri__suz button[aria-selected="true"] { background: var(--marka); border-color: var(--marka); color: #fff; }
.lp-galeri__suz button[aria-selected="true"] span { color: var(--altin-acik); }
.lp-galeri { list-style: none; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(.6rem, 1.2vw, 1.2rem); }
.lp-galeri[hidden] { display: none; }
.lp-galeri__oge { position: relative; display: block; width: 100%; padding: 0; background: #fff; border: 0; box-shadow: 0 0 0 1px var(--cizgi); cursor: pointer; text-align: center; font: inherit; color: inherit; transition: box-shadow var(--gecis), transform var(--gecis); }
.lp-galeri__oge:hover, .lp-galeri__oge:focus-visible { box-shadow: 0 0 0 1px var(--altin), var(--golge); transform: translateY(-3px); }
.lp-galeri__oge img { display: block; width: 100%; aspect-ratio: 1; object-fit: cover; background: #fff; }
.lp-galeri__yazi { display: flex; flex-direction: column; gap: .1rem; padding: .8rem .6rem 1rem; border-top: 1px solid var(--cizgi); background: var(--kagit); }
.lp-galeri__yazi strong { font-size: .95rem; font-weight: 500; color: var(--murekkep); }
.lp-galeri__yazi span { font-size: .8rem; color: var(--soluk); }
.lp-galeri__daha { text-align: center; margin-top: clamp(1.8rem, 3vw, 2.8rem); }
.lp-galeri--video { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.lp-galeri__video { position: relative; aspect-ratio: 2 / 3; overflow: hidden; background: var(--marka-koyu); }
.lp-galeri__video video { width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 1099px) { .lp-galeri, .lp-galeri--video { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 699px) {
	.lp-galeri, .lp-galeri--video { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.lp-galeri__suz { flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; margin-inline: calc(var(--kenar) * -1); padding-inline: var(--kenar); scrollbar-width: none; }
	.lp-galeri__suz::-webkit-scrollbar { display: none; }
	.lp-galeri__suz button { flex: none; }
	.lp-galeri__yazi strong { font-size: .86rem; }
}
/* büyük görünüm */
.lp-gk { width: min(1100px, calc(100vw - 2rem)); max-width: none; max-height: calc(100svh - 2rem); padding: 0; border: 0; background: var(--kagit); color: var(--metin); box-shadow: 0 30px 80px -30px rgba(7, 26, 28, .7); overflow: auto; }
.lp-gk::backdrop { background: rgba(7, 26, 28, .72); }
.lp-gk__ic { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); }
.lp-gk__sahne { position: relative; background: #fff; display: grid; place-items: center; min-height: min(72svh, 640px); }
.lp-gk__sahne img { display: block; width: 100%; height: 100%; max-height: calc(100svh - 2rem); object-fit: contain; }
.lp-gk__ok { position: absolute; top: 50%; right: .8rem; transform: translateY(-50%); display: inline-grid; place-items: center; width: 2.8rem; height: 2.8rem; border-radius: 50%; border: 1px solid var(--cizgi); background: rgba(255, 253, 249, .92); color: var(--murekkep); cursor: pointer; }
.lp-gk__ok--geri { right: auto; left: .8rem; }
.lp-gk__ok--geri .lp-ikon { transform: rotate(180deg); }
.lp-gk__ok[hidden] { display: none; }
.lp-gk__sayac { position: absolute; left: 50%; bottom: .8rem; transform: translateX(-50%); padding: .2rem .7rem; background: rgba(255, 253, 249, .9); font-size: .74rem; letter-spacing: .1em; color: var(--murekkep); }
.lp-gk__bilgi { display: flex; flex-direction: column; justify-content: center; gap: .7rem; padding: clamp(1.4rem, 3.5vw, 3rem); }
.lp-gk__baslik { font-size: clamp(1.5rem, 1.1rem + 1.4vw, 2.2rem); font-weight: 300; line-height: 1.15; color: var(--murekkep); }
.lp-gk__alt { font-size: 1.05rem; color: var(--murekkep); }
.lp-gk__metin { color: var(--metin); margin-bottom: .6rem; }
.lp-gk__not { font-size: .82rem; color: var(--soluk); }
.lp-gk__kapat { position: absolute; z-index: 3; top: .7rem; right: .7rem; display: inline-grid; place-items: center; width: 2.6rem; height: 2.6rem; border-radius: 50%; border: 1px solid var(--cizgi); background: var(--kagit); color: var(--murekkep); cursor: pointer; }
@media (max-width: 799px) {
	.lp-gk { width: 100vw; max-height: 100svh; height: 100svh; }
	.lp-gk__ic { grid-template-columns: 1fr; }
	.lp-gk__sahne { min-height: 0; }
	.lp-gk__sahne img { max-height: 58svh; }
}
.lp-galeri__yazi { min-height: 4.5rem; justify-content: center; }
.lp-gk { overscroll-behavior: none; } /* uçta çekince çıkan parlama / esneme de olmasın */
/* Telefonda dokununca tarayıcının bastığı yarı saydam (mavimsi) dokunma rengi büyük görünümü ve kutuları boyamasın */
.lp-gk, .lp-gk *, .lp-galeri__oge { -webkit-tap-highlight-color: transparent; }
.lp-gk__sahne { touch-action: pan-y; -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; }
.lp-gk__sahne img { -webkit-user-drag: none; }
.lp-gk__sahne.is-cok { cursor: grab; }
.lp-gk__sahne.is-cok:active { cursor: grabbing; }
.lp-galeri__oge { -webkit-user-select: none; user-select: none; }

/* ---------------------------------------------------------------------------------------------------------------
 * Hakkımızda (sablon-hakkimizda.php): rakam kartları → atölyeden dört kare (ana sayfanın .lp-atolye__liste'si) → metin
 * → koyu kapanış kartı (adres + WhatsApp + galeri).
 * ------------------------------------------------------------------------------------------------------------- */
.lp-hk__sayilar { list-style: none; margin: clamp(-1.4rem, -2.4vw, -1.8rem) auto 0; padding-block: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--ara); position: relative; z-index: 1; }
.lp-hk__sayilar li { padding: 1.25rem 1.3rem 1.15rem; background: var(--kagit); border: 1px solid var(--cizgi); box-shadow: var(--golge); }
.lp-hk__sayilar strong { display: block; font-family: var(--yazi-baslik, inherit); font-size: clamp(1.9rem, 1.3rem + 1.8vw, 2.9rem); font-weight: 300; line-height: 1; color: var(--marka-koyu); letter-spacing: -.01em; }
.lp-hk__sayilar span { display: block; margin-top: .5rem; font-size: .9rem; line-height: 1.35; color: var(--soluk); }
.lp-hk__atolye { margin-top: clamp(2rem, 4vw, 3.4rem); }
.lp-hk__govde { padding-block: clamp(2.4rem, 5vw, 4rem) clamp(1.6rem, 3vw, 2.4rem); }
.lp-hk__govde .lp-yazi { margin-inline: auto; }
.lp-hk__govde .lp-yazi h2:first-child { margin-top: 0; }
.lp-hk__son { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: clamp(1.4rem, 3vw, 2.6rem); align-items: center; padding: clamp(1.5rem, 3vw, 2.4rem) clamp(1.3rem, 3vw, 2.4rem); margin-bottom: var(--bolum); background: var(--marka-koyu); color: #fff; }
.lp-hk__adres .lp-ustbaslik { margin-bottom: .5rem; }
.lp-hk__adres-baslik { font-family: var(--yazi-baslik, inherit); font-size: clamp(1.5rem, 1.1rem + 1.2vw, 2.1rem); font-weight: 300; line-height: 1.15; margin-bottom: .8rem; }
.lp-hk__adres-satir { display: flex; align-items: flex-start; gap: .6rem; margin-top: .45rem; font-size: .98rem; line-height: 1.45; color: rgba(255, 255, 255, .86); }
.lp-hk__adres-satir .lp-ikon { flex: none; width: 1.15rem; height: 1.15rem; margin-top: .15rem; color: var(--altin-acik); }
.lp-hk__adres-satir a { color: inherit; text-decoration: none; }
.lp-hk__adres-satir a:hover { text-decoration: underline; text-underline-offset: .3em; }
.lp-hk__eylem p { font-size: 1.02rem; line-height: 1.5; color: rgba(255, 255, 255, .86); }
.lp-hk__dugmeler { display: flex; flex-wrap: wrap; gap: .7rem; margin-top: 1.1rem; }
@media (max-width: 899px) {
	.lp-hk__sayilar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.lp-hk__son { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
	.lp-hk__sayilar { gap: .6rem; }
	.lp-hk__sayilar li { padding: 1rem .95rem .9rem; }
	.lp-hk__dugmeler .lp-dugme { width: 100%; }
}