:root { --bg:#faf6f0; --ink:#2b2622; --muted:#7a6f66; --accent:#c8561e; --line:#e3d9cc; --card:#fff; }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--ink); font-family:Georgia,"Times New Roman",serif; line-height:1.6; }
a { color:inherit; }
.wrap { max-width:1100px; margin:0 auto; padding:0 16px; }
header.site { padding:36px 0 12px; }
header.site h1 { font-family:'Cormorant Garamond',Garamond,'Times New Roman',serif; font-weight:500; font-size:1.6rem; line-height:1.0; margin:0; letter-spacing:.01em; color:#3a2a1f; }
header.site h1 .l2 { display:block; font-size:1em; letter-spacing:.02em; margin-top:2px; }
header.site p { margin:8px 0 0; color:var(--muted); letter-spacing:.08em; font-size:.9rem; }
header.site { display:flex; justify-content:space-between; align-items:flex-end; flex-wrap:wrap; gap:8px 24px; border-bottom:1px solid var(--line); margin-bottom:6px; padding-bottom:18px; }
@media (max-width:520px){ header.site h1 { font-size:1.35rem; } }
header.site a { text-decoration:none; }

.grid { display:flex; flex-wrap:wrap; gap:32px 26px; align-items:flex-end; padding:28px 0 56px; }
.card { display:block; width:170px; flex:0 0 auto; text-decoration:none; background:var(--card); border-radius:6px; overflow:hidden; box-shadow:0 2px 12px rgba(0,0,0,.08); transition:transform .15s, box-shadow .15s; }
.card:hover { transform:translateY(-3px); box-shadow:0 8px 24px rgba(0,0,0,.16); }
.card .ph { background:#efe7db; position:relative; line-height:0; }
.card img { width:100%; height:auto; display:block; }
.card .t { padding:10px 12px 12px; font-size:1rem; line-height:1.3; }
.card .t small { display:block; color:var(--muted); font-size:.8rem; margin-top:2px; }
.noimg { display:flex; align-items:center; justify-content:center; min-height:200px; color:var(--muted); font-size:.9rem; line-height:1.4; }
.en { color:var(--muted); font-style:italic; margin:-2px 0 6px; font-size:1.05rem; }
.badge { position:absolute; top:10px; left:10px; background:var(--accent); color:#fff; font-size:.75rem; letter-spacing:.06em; text-transform:uppercase; padding:2px 8px; border-radius:3px; }
.empty { color:var(--muted); padding:48px 0; }

.urun { display:grid; gap:32px; grid-template-columns:1fr; padding:24px 0 48px; }
@media (min-width:800px){ .urun { grid-template-columns:minmax(0,2.2fr) minmax(0,1fr); align-items:start; } }
.wrap.wide { max-width:1500px; }
.urun .main img#big { width:100%; height:auto; max-height:90vh; object-fit:contain; display:block; border-radius:4px; box-shadow:0 10px 30px rgba(0,0,0,.25); cursor:zoom-in; background:#efe7db; }
.urun .main .thumbs img { width:72px; height:72px; }
.thumbs { display:flex; gap:10px; margin-top:14px; flex-wrap:wrap; }
.thumbs img { width:72px; height:72px; object-fit:cover; border-radius:3px; cursor:pointer; opacity:.7; border:2px solid transparent; }
.thumbs img.on { opacity:1; border-color:var(--accent); }
.urun h1 { font-size:2.1rem; margin:0 0 4px; }
.sub { color:var(--accent); letter-spacing:.08em; text-transform:uppercase; font-size:.8rem; margin-bottom:18px; }
.fiyat { font-size:1.8rem; margin:14px 0 6px; }
.fiyat.sold { color:var(--muted); text-decoration:none; }
.back { display:inline-block; margin:20px 0 0; color:var(--muted); text-decoration:none; }
.back:hover { color:var(--accent); }
footer.site { border-top:1px solid var(--line); color:var(--muted); font-size:.85rem; padding:16px 0 32px; }

table.spec { width:100%; border-collapse:collapse; margin:22px 0; background:var(--card); border:1px solid var(--line); border-radius:6px; overflow:hidden; }
table.spec th, table.spec td { padding:12px 16px; text-align:left; vertical-align:middle; border-bottom:1px solid var(--line); }
table.spec tr:last-child th, table.spec tr:last-child td { border-bottom:0; }
table.spec th { width:42%; font-weight:normal; color:var(--ink); background:#f6efe4; border-right:1px solid var(--line); }
table.spec th small { display:block; color:var(--muted); font-size:.82rem; font-style:italic; }
table.spec td { font-size:1.05rem; }
.expo { text-align:right; margin-left:auto; padding-bottom:4px; }
.expo .dt { display:block; color:var(--muted); letter-spacing:.1em; font-size:.85rem; }
.expo .nm { display:block; font-family:'Cormorant Garamond',Georgia,serif; font-style:italic; font-weight:600; font-size:1.9rem; line-height:1.15; color:var(--accent); }
@media (max-width:520px){ .expo .nm { font-size:1.5rem; } }
.grid.packed { display:block; position:relative; margin:28px 0 56px; padding:0; }
.grid.packed .card { position:absolute; }

.wrap.full { max-width:none; padding:0 20px; }
.grid:not(.packed) { opacity:0; }
.grid.packed { margin:20px 0 48px; }
.grid.packed .card { height:auto; }
.grid.packed .card .ph { overflow:hidden; }
.grid.packed .card img { width:100%; height:100%; object-fit:cover; margin:0; }
.grid.packed .noimg { height:100%; min-height:0; }
.grid.packed .card .t { position:static; height:auto; padding:10px 12px 12px; overflow:visible; line-height:1.3; color:var(--ink); background:none; }
.grid.packed .card .t .n { display:block; font-size:1rem; font-weight:normal; text-shadow:none; overflow:visible; }
.grid.packed .card .t small { display:block; margin-top:2px; color:var(--muted); font-size:.82rem; font-weight:normal; text-shadow:none; }

a.expo { display:block; margin-left:auto; padding:0; text-align:right; }
a.expo img { display:block; height:150px; width:auto; max-width:100%; mix-blend-mode:multiply; }
@media (max-width:700px){ a.expo { margin-left:0; } a.expo img { height:auto; width:100%; max-width:340px; } }
a.ig { display:block; width:84px; margin:0 0 10px; }
a.ig img { display:block; width:100%; height:auto; }
@media (max-width:520px){ a.ig { width:72px; } }
table.spec tr.note td { padding:18px 22px; border-top:1px solid var(--line); background:#fff; line-height:1.55; }
table.spec tr.note strong { display:block; font-size:1.05rem; color:var(--ink); }
table.spec tr.note p { margin:4px 0 14px; color:var(--ink); }
table.spec tr.note p:last-child { margin-bottom:0; }
table.spec tr.note strong[lang="en"] { font-style:italic; font-weight:600; }