:root{--dark:#16120f;--dark2:#2b231d;--ink:#16120f;--ink2:#2b231d;--gold:#b8924a;--gold-d:#8f6d2f;--ivory:#faf6ef;--paper:#fff;--line:#e8dfd0;--muted:#6f6558;--ok:#2f6b4a;--err:#a3342b;--r:14px;--serif:'Iowan Old Style','Palatino Linotype',Palatino,Georgia,serif;--sans:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--ivory:#16120f;--paper:#201a15;--ink:#f3ece0;--ink2:#d9cfbf;--line:#3a3128;--muted:#a89c8b}}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font:16px/1.6 var(--sans);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}a{color:inherit}h1,h2,h3{font-family:var(--serif);font-weight:600;line-height:1.2;margin:0 0 .5em}h1{font-size:clamp(1.8rem,4vw,2.6rem)}h2{font-size:1.6rem}
.wrap{width:min(1180px,100% - 32px);margin-inline:auto}.sec{padding:40px 0}.narrow{max-width:760px}.muted{color:var(--muted)}.sr,.skip:not(:focus){position:absolute;left:-9999px}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.topbar{background:var(--dark);color:#e9dcc2;text-align:center;font-size:.8rem;padding:8px 12px;letter-spacing:.04em}
.hd{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--ivory) 92%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.hd-in{display:flex;align-items:center;gap:16px;min-height:68px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--gold-d)}
.brand span{font-family:var(--serif);font-size:1.6rem;letter-spacing:.28em;color:var(--ink);line-height:1}.brand small{display:block;font:500 .6rem var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-top:4px}
.lotus{width:34px;height:34px;color:var(--gold)}.nav{display:flex;gap:22px;margin-left:auto}.nav a{text-decoration:none;font-size:.95rem;padding:8px 2px;border-bottom:2px solid transparent}.nav a:hover{border-color:var(--gold)}
.cart-link{text-decoration:none;font-weight:600;padding:8px 14px;border:1px solid var(--line);border-radius:99px}.cart-link b{background:var(--gold);color:#fff;border-radius:99px;padding:1px 8px;font-size:.8rem;margin-left:4px}
.menu-btn{display:none;background:none;border:1px solid var(--line);border-radius:10px;font-size:1.3rem;width:44px;height:44px;color:var(--ink)}
@media(max-width:820px){.menu-btn{display:block}.nav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;gap:0;background:var(--ivory);border-bottom:1px solid var(--line);padding:8px 16px}.nav.open{display:flex}.nav a{padding:14px 4px;border-bottom:1px solid var(--line)}.cart-link{margin-left:auto}}
.hero{background:radial-gradient(1200px 500px at 80% 0,#3a2c1b 0,transparent 60%),var(--dark);color:#f3ead9}.hero-in{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center;padding:72px 0}
.hero h1{font-size:clamp(2.2rem,5.4vw,3.8rem);color:#fff}.hero p{color:#d9cdb8;max-width:52ch}.eyebrow{color:var(--gold)!important;letter-spacing:.24em;text-transform:uppercase;font-size:.78rem}.hero-art{display:grid;place-items:center}.hero-art .lotus{width:min(260px,60%);height:auto;color:var(--gold);filter:drop-shadow(0 0 40px #b8924a55)}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}@media(max-width:820px){.hero-in{grid-template-columns:1fr;padding:48px 0}.hero-art{display:none}}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 24px;background:var(--gold);color:#fff;border:0;border-radius:99px;font:600 .95rem var(--sans);cursor:pointer;text-decoration:none;transition:background .2s,transform .1s}.btn:hover{background:var(--gold-d)}.btn:active{transform:scale(.98)}
.btn-sm{min-height:40px;padding:0 18px;font-size:.88rem}.btn-lg{min-height:52px;padding:0 34px;font-size:1.02rem}.btn-ghost{background:transparent;color:inherit;border:1px solid currentColor}.btn-ghost:hover{background:#ffffff14}.btn[disabled]{opacity:.6;cursor:wait}
.cats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cat{display:grid;place-items:center;min-height:120px;border-radius:var(--r);background:linear-gradient(135deg,var(--dark2),var(--dark));color:#f3ead9;text-decoration:none;font:600 1.15rem var(--serif);letter-spacing:.06em;border:1px solid var(--gold-d)}.cat:hover{border-color:var(--gold)}@media(max-width:640px){.cats{grid-template-columns:repeat(2,1fr)}}
.sec-hd{display:flex;justify-content:space-between;align-items:baseline}.sec-hd a{color:var(--gold-d)}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@media(max-width:960px){.grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.grid{grid-template-columns:repeat(2,1fr);gap:12px}}
.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column}.card-img{position:relative;aspect-ratio:1;background:var(--ink2);display:block}.card-img img,.ph{width:100%;height:100%;object-fit:cover}
.ph{display:grid;place-items:center;align-content:center;gap:6px;background:linear-gradient(160deg,#2b231d,#16120f);color:var(--gold);aspect-ratio:1}.ph .lotus{width:64px;height:64px}.ph span{font-size:.75rem;letter-spacing:.16em;text-transform:uppercase}
.badge{position:absolute;top:10px;left:10px;background:var(--gold);color:#fff;font-size:.72rem;font-weight:700;padding:3px 9px;border-radius:99px}.badge.dark{background:var(--dark);left:auto;right:10px}.card.out img{opacity:.55}
.card-b{padding:14px;display:flex;flex-direction:column;gap:6px;flex:1}.card-b h3{font-size:1rem;margin:0}.card-b h3 a{text-decoration:none}.card-b .btn{margin-top:auto}.stone{font-size:.74rem;color:var(--gold-d);letter-spacing:.14em;text-transform:uppercase;margin:0}
.price{margin:0}.price s{color:var(--muted);font-size:.85em}.price b{font-size:1.1rem}.price.big b{font-size:1.7rem}
.trust{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border-top:1px solid var(--line)}.trust p{color:var(--muted);margin:.3em 0}@media(max-width:700px){.trust{grid-template-columns:1fr}}
.crumb{font-size:.85rem;color:var(--muted);margin-bottom:12px}.crumb a{text-decoration:none}
.search{display:flex;gap:8px;margin:8px 0 22px}.search input{flex:1}
.pdp{display:grid;grid-template-columns:1fr 1fr;gap:36px}@media(max-width:820px){.pdp{grid-template-columns:1fr}}
.pdp-img>img,.pdp-img>.ph{border-radius:var(--r);width:100%}.thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px}.thumbs img{border-radius:10px;aspect-ratio:1;object-fit:cover}
.facts{padding-left:18px;color:var(--muted)}.pdp-info .btn{margin:8px 8px 8px 0}details{margin-top:18px;border-top:1px solid var(--line);padding-top:12px}summary{cursor:pointer;font-weight:600}.note{background:var(--paper);border:1px solid var(--line);padding:12px;border-radius:10px}
input,textarea,select{width:100%;font:inherit;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);min-height:46px}label{display:block;font-size:.88rem;font-weight:600}label input,label textarea{margin-top:6px;font-weight:400}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid .full{grid-column:1/-1}@media(max-width:640px){.form-grid{grid-template-columns:1fr}}
.pay{border:1px solid var(--line);border-radius:var(--r);margin:18px 0;padding:14px}.pay label{display:flex;gap:10px;align-items:center;padding:10px;font-weight:500}.pay input{width:auto;min-height:0}.check{display:flex;gap:10px;align-items:flex-start;font-weight:400}.check input{width:auto;min-height:0;margin-top:5px}
.err{color:var(--err);font-weight:600;min-height:1.4em}.tbl{width:100%;border-collapse:collapse;background:var(--paper);border:1px solid var(--line);border-radius:var(--r)}.tbl td{padding:12px 14px;border-bottom:1px solid var(--line)}.tbl td:last-child{text-align:right;white-space:nowrap}.tot td{font-weight:700;font-size:1.1rem}
.cart-row{display:grid;grid-template-columns:72px 1fr auto;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.cart-row .ph,.cart-row img{width:72px;height:72px;border-radius:10px;object-fit:cover}.cart-row .ph .lotus{width:30px;height:30px}.cart-row .ph span{display:none}
.qty{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:99px}.qty button{background:none;border:0;width:38px;height:38px;font-size:1.1rem;cursor:pointer;color:var(--ink)}.rm{background:none;border:0;color:var(--muted);text-decoration:underline;cursor:pointer}
.box{background:var(--paper);border:1px dashed var(--gold);border-radius:var(--r);padding:16px;margin:16px 0}.status{font:600 1.2rem var(--serif);color:var(--gold-d)}
.ft{background:var(--dark);color:#d9cdb8;margin-top:40px}.ft-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px;padding:44px 0}.ft h3{color:#fff;font-size:1rem}.ft a{display:block;text-decoration:none;padding:3px 0;color:#d9cdb8}.ft a:hover{color:var(--gold)}.brand-ft span{color:#fff}.ft-bot{border-top:1px solid #ffffff22;padding:16px 0;font-size:.82rem;color:#a89c8b}@media(max-width:760px){.ft-grid{grid-template-columns:1fr 1fr}}
.wa-float{position:fixed;right:14px;bottom:14px;background:#1f9d55;color:#fff;text-decoration:none;font-weight:700;padding:12px 18px;border-radius:99px;box-shadow:0 6px 20px #0004;z-index:30}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--dark);color:#fff;padding:12px 20px;border-radius:99px;z-index:50;font-size:.92rem}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
[data-accent=rose]{--gold:#b76e79;--gold-d:#8f4a55}[data-accent=sage]{--gold:#7d9470;--gold-d:#566b4c}[data-accent=bronze]{--gold:#a8672e;--gold-d:#7d4a1e}
.announce{display:block;background:var(--gold);color:#fff;text-align:center;font-size:.88rem;font-weight:600;padding:8px 12px;text-decoration:none}
.logo-img{width:34px;height:34px;object-fit:contain;border-radius:6px}.hero-img{width:min(420px,100%);height:auto;aspect-ratio:1;object-fit:cover;border-radius:var(--r);border:1px solid var(--gold-d)}
/* ---- Tasarım v2 ---- */
.kicker{color:var(--gold-d);letter-spacing:.24em;text-transform:uppercase;font-size:.72rem;font-weight:600;margin:0 0 4px}
.sec-hd{margin-bottom:18px}.sec-hd h2{margin:0}
.hero-in{padding:64px 0 72px}
.arch{position:relative;width:min(380px,100%);margin-inline:auto;aspect-ratio:4/5;border-radius:999px 999px 18px 18px;padding:10px;border:1px solid var(--gold-d);box-shadow:0 0 0 6px #ffffff06,0 30px 80px #0008}
.arch::before{content:"";position:absolute;inset:-14px;border-radius:999px 999px 26px 26px;border:1px solid #b8924a40;pointer-events:none}
.arch-in{height:100%;border-radius:999px 999px 12px 12px;background:radial-gradient(70% 55% at 50% 38%,#3b2c1a 0,#1d1712 70%);display:grid;place-items:center;align-content:center;gap:18px;overflow:hidden}
.arch-in .lotus{width:42%;height:auto;color:var(--gold);filter:drop-shadow(0 0 24px #b8924a66)}
.gem-row{display:flex;gap:10px;align-items:flex-end}.gem{display:block}.gem-row .gem{width:54px;height:54px;filter:drop-shadow(0 8px 14px #0009)}.gem-row .g2{width:72px;height:72px}
.arch-cap{font:500 .7rem var(--sans);letter-spacing:.32em;text-transform:uppercase;color:#b8a27a!important;margin:0}
.arch .hero-img{width:100%;height:100%;object-fit:cover;border-radius:999px 999px 12px 12px;border:0}
.strip{background:var(--dark2);color:#e4d3b0;border-block:1px solid #b8924a33}.strip-in{display:flex;justify-content:space-between;gap:18px;overflow-x:auto;padding:12px 0;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;scrollbar-width:none}
.strip-in span{flex:0 0 auto}
.cat{display:flex;flex-direction:column;gap:6px;min-height:170px;padding:18px;color:#f3ead9;align-items:center;justify-content:center;transition:transform .2s,border-color .2s}.cat:hover{transform:translateY(-3px)}
.cat-ico{width:58px;height:58px;color:var(--gold)}.cat small{font:500 .75rem var(--sans);color:#bfae8e;letter-spacing:.08em}
.ph .gem{width:46%;height:auto;filter:drop-shadow(0 14px 22px #000a)}
.card{transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-3px);box-shadow:0 14px 34px #0000001f}
.card-img img{transition:transform .5s}.card:hover .card-img img{transform:scale(1.04)}.card-img{overflow:hidden}
.stones{background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--gold) 8%,transparent))}.muted-l{color:var(--muted);max-width:60ch}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.chip{display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 6px;border:1px solid var(--line);border-radius:99px;background:var(--paper);text-decoration:none;font-size:.92rem;min-height:44px;transition:border-color .2s}.chip:hover{border-color:var(--gold)}.chip-gem{width:30px;height:30px}
.t-ico{display:block;color:var(--gold);font-size:1.3rem;margin-bottom:4px}.trust b{font-family:var(--serif);font-size:1.1rem}
.ig{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:32px;border-radius:var(--r);background:linear-gradient(120deg,var(--dark),var(--dark2));color:#f3ead9;border:1px solid var(--gold-d)}.ig h2{color:#fff}.ig p{color:#d9cdb8;margin:0}
.pdp-img .ph{border-radius:var(--r)}
@media(prefers-reduced-motion:reduce){.card:hover,.cat:hover{transform:none}}

/* ---- Tasarım v3: taş öncelikli kimlik + 3D vitrin ---- */
.arch-in{position:relative}
#gem3d{position:absolute;inset:0;width:100%;height:100%;display:block}
.gem-fallback{display:grid;place-items:center;gap:18px}.gem-on .gem-fallback{display:none}
.arch-label{position:absolute;left:0;right:0;bottom:22px;display:grid;justify-items:center;gap:2px;text-align:center;padding:0 22px;z-index:1}
.arch-label b{font:600 1.35rem var(--serif);color:#fff;letter-spacing:.04em}
.arch-label span{color:#cdbb98;font-size:.82rem;max-width:30ch}
.arch-label a{color:var(--gold);font-size:.8rem;margin-top:4px;text-decoration:none;border-bottom:1px solid currentColor}
.gem-pick{display:flex;justify-content:center;gap:10px;margin-top:22px;flex-wrap:wrap}
.gem-pick button{width:46px;height:46px;border-radius:50%;border:1px solid #ffffff22;background:#ffffff08;padding:7px;cursor:pointer;transition:transform .2s,border-color .2s,background .2s}
.gem-pick button:hover{transform:translateY(-2px);border-color:var(--gold)}
.gem-pick button[aria-pressed=true]{border-color:var(--gold);background:#b8924a26;box-shadow:0 0 0 3px #b8924a33}
.gem-pick .gem{width:100%;height:100%}
.page-hero{background:radial-gradient(900px 380px at 85% 0,#3a2c1b 0,transparent 60%),var(--dark);color:#f3ead9;padding:44px 0 40px}
.page-hero h1{color:#fff}.page-hero .crumb,.page-hero .crumb a{color:#bfae8e}.page-hero .muted-l,.page-hero p{color:#d9cdb8}
.stone-hero{background:radial-gradient(700px 360px at 80% 40%,color-mix(in srgb,var(--c1) 38%,transparent) 0,transparent 65%),var(--dark)}
.sh-in{display:grid;grid-template-columns:1.4fr .6fr;gap:30px;align-items:center}.sh-in p{max-width:62ch}
.sh-gem .gem{width:min(220px,60vw);height:auto;margin-inline:auto;filter:drop-shadow(0 24px 40px #000b);animation:float 6s ease-in-out infinite}
@keyframes float{50%{transform:translateY(-10px) rotate(4deg)}}
@media(max-width:760px){.sh-in{grid-template-columns:1fr}.sh-gem{order:-1}.sh-gem .gem{width:140px}}
.stone-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.stone-card{display:grid;grid-template-columns:76px 1fr;gap:16px;align-items:center;padding:18px;border-radius:var(--r);text-decoration:none;background:linear-gradient(135deg,color-mix(in srgb,var(--c1) 16%,var(--paper)),var(--paper));border:1px solid var(--line);transition:transform .2s,border-color .2s}
.stone-card:hover{transform:translateY(-3px);border-color:var(--c2)}.stone-card .gem{width:76px;height:76px;filter:drop-shadow(0 10px 14px #0004)}
.stone-card h2{font-size:1.2rem;margin:0 0 4px}.stone-card p{margin:0;color:var(--muted);font-size:.9rem}.stone-card .kicker{color:var(--gold-d)}
.care{margin:36px 0;padding:22px;border-radius:var(--r);border:1px solid var(--line);background:var(--paper)}.care h2{font-size:1.2rem}
.note-s{font-size:.8rem;color:var(--muted);margin-top:14px}.more{color:var(--gold-d);font-weight:600}
@media(prefers-reduced-motion:reduce){.sh-gem .gem{animation:none}}

/* ---- Mobil: 3D taş görünür kalsın, üst kısım sadeleşsin ---- */
@media(max-width:820px){
  .hero-in{padding:28px 0 44px;gap:22px}
  .hero-art{display:block;order:-1}
  .arch{width:min(270px,74vw)}
  .arch-label b{font-size:1.1rem}.arch-label span{font-size:.76rem}
  .gem-pick{margin-top:16px;gap:8px}.gem-pick button{width:42px;height:42px}
  .hero h1{font-size:clamp(2rem,9vw,2.6rem)}
}
@media(max-width:640px){
  .topbar{font-size:.72rem;padding:6px 10px}
  .hd-in{gap:10px;min-height:60px}
  .brand .lotus{width:28px;height:28px}
  .brand span{font-size:1.3rem;letter-spacing:.22em}
  .brand small{display:none}
  .cart-link{padding:6px 12px;font-size:.9rem}
  .menu-btn{width:42px;height:42px}
  .hero-cta .btn{flex:1 1 auto}
  .cat{min-height:132px}.cat-ico{width:46px;height:46px}
}

.nf{text-align:center;padding:72px 0}.nf .muted-l{margin-inline:auto}.nf .hero-cta{justify-content:center}.nf-gem .gem{width:110px;height:110px;margin:0 auto 10px;filter:drop-shadow(0 18px 30px #000a)}

.preview-bar{background:#7a1f2b;color:#fff;text-align:center;font:600 .8rem var(--sans);padding:7px 12px;letter-spacing:.02em}

.btn-wa{background:#1f9d55}.btn-wa:hover{background:#17804a}
.price.ask{color:var(--gold-d);font-weight:600;font-size:.95rem}.price.big.ask{font-size:1.15rem}
.ft-addr{display:block;color:#a89c8b;font-size:.85rem;padding:3px 0}
.wa-box{border-color:#1f9d55}.wa-box .btn{margin-top:6px}

.about-img{width:100%;max-width:520px;border-radius:var(--r);margin:4px 0 22px;border:1px solid var(--line)}