:root { --ink:#25231f; --muted:#706c64; --cream:#f6f3ed; --line:#d8d1c6; --olive:#596052; } * { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; color:var(--ink); background:var(--cream); font-family:Arial,Helvetica,sans-serif; } a { color:inherit; text-decoration:none; } button,input,select { font:inherit; }.announcement { background:var(--olive); color:#fffdf8; padding:.65rem 1rem; text-align:center; font-size:.7rem; letter-spacing:.12em; text-transform:uppercase; }.announcement span { opacity:.5; margin:0 .7rem; }header,main,footer { max-width:1280px; margin:auto; }header { height:82px; padding:0 2rem; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; border-bottom:1px solid var(--line); }.wordmark { font-size:1.05rem; letter-spacing:.18em; font-weight:700; }.wordmark em { font:400 1.05rem Georgia,serif; letter-spacing:.05em; }header nav { display:flex; gap:1.55rem; font-size:.84rem; }header nav a { padding:.35rem 0; }header nav a.active { border-bottom:1px solid var(--ink); }.bag { justify-self:end; border:1px solid var(--ink); border-radius:30px; padding:.48rem .75rem; font-size:.78rem; }.bag span { border-radius:50%; background:var(--ink); color:var(--cream); padding:.11rem .32rem; margin-left:.25rem; }.intro { max-width:740px; padding:7rem 2rem 4.5rem; }.eyebrow { color:var(--muted); margin:0 0 .8rem; font-size:.7rem; text-transform:uppercase; letter-spacing:.14em; }.intro h1,.material h2 { margin:0; font:400 clamp(3.1rem,6vw,5.4rem)/.94 Georgia,serif; letter-spacing:-.055em; }.intro > p:not(.eyebrow) { max-width:470px; color:var(--muted); line-height:1.7; margin:1.4rem 0 0; }.catalog { padding:1.2rem 2rem 7.5rem; }.catalog-head { display:flex; justify-content:space-between; gap:1rem; align-items:center; border-bottom:1px solid var(--line); padding-bottom:1rem; }.filters,.tools { display:flex; gap:.5rem; align-items:center; flex-wrap:wrap; }.filter { border:1px solid var(--line); background:transparent; border-radius:99px; padding:.5rem .8rem; cursor:pointer; font-size:.78rem; }.filter.active { background:var(--ink); color:var(--cream); border-color:var(--ink); }.search input,.sort select { border:1px solid var(--line); background:transparent; padding:.48rem .7rem; font-size:.76rem; }.search input { width:160px; }.result-count { color:var(--muted); font-size:.76rem; margin:1.2rem 0; }.product-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:2.5rem 1.4rem; }.card { min-width:0; }.card-image { height:390px; position:relative; overflow:hidden; background:var(--bg); display:grid; place-items:center; }.card-image > a { display:grid; width:100%; height:100%; place-items:center; }.card-image:after { content:""; position:absolute; width:60%; height:7%; background:rgba(68,56,42,.13); border-radius:50%; bottom:15%; filter:blur(8px); }.card-photo { z-index:1; width:100%; height:100%; object-fit:cover; transition:transform .4s; }.card:hover .card-photo { transform:scale(1.04); }.object { z-index:1; position:relative; background:linear-gradient(105deg,#e9e3d9,#c7bbaa); box-shadow:inset 11px 0 17px rgba(255,255,255,.43),inset -9px 0 15px rgba(57,46,33,.1),0 17px 23px rgba(57,46,33,.12); }.object.vase { width:142px; height:220px; clip-path:polygon(35% 0,65% 0,60% 15%,76% 27%,73% 43%,88% 62%,82% 88%,64% 100%,36% 100%,18% 88%,12% 62%,27% 43%,24% 27%,40% 15%); }.object.vase.arc { width:154px; height:205px; clip-path:polygon(20% 0,75% 0,75% 12%,93% 20%,90% 82%,74% 100%,18% 100%,7% 87%,7% 31%,20% 20%); }.object.candle { width:178px; height:70px; border-radius:50%; margin-top:116px; }.object.candle:before { content:""; position:absolute; left:64px; bottom:53px; width:48px; height:120px; background:linear-gradient(90deg,#fffdf5,#ddd7ca,#fffdf5); border-radius:4px 4px 0 0; }.object.candle:after { content:""; position:absolute; width:2px; height:13px; left:87px; bottom:167px; background:#3d322b; }.object.candle.pebble { width:135px; height:86px; margin-top:88px; border-radius:48% 52% 49% 51%; }.object.tray { width:235px; height:113px; border-radius:50%; background:linear-gradient(105deg,#e4ded2,#b8ad9d); }.object.tray:after { content:""; position:absolute; inset:15px 22px; border:8px solid rgba(105,89,70,.15); border-radius:50%; }.object.tray.square { width:175px; height:175px; border-radius:16px; }.object.tray.square:after { inset:14px; border-radius:9px; }.favorite { z-index:2; position:absolute; right:.8rem; top:.8rem; width:34px; height:34px; border:0; border-radius:50%; background:#fffdf8; color:var(--ink); cursor:pointer; font-size:1.25rem; }.favorite.active { color:#a36f54; }.quick { z-index:2; position:absolute; bottom:1rem; left:1rem; right:1rem; padding:.78rem; background:#fffdf8; color:var(--ink); border:0; cursor:pointer; opacity:0; transform:translateY(8px); transition:.2s; }.card:hover .quick { opacity:1; transform:none; }.card-meta { display:flex; justify-content:space-between; gap:1rem; padding-top:.95rem; }.card-meta h3 { margin:0 0 .35rem; font:400 1.23rem Georgia,serif; }.card-meta p { color:var(--muted); margin:0; font-size:.78rem; }.card-meta strong { font-size:.83rem; white-space:nowrap; }.material { margin:0; background:#c6b197; display:grid; grid-template-columns:1fr 1fr; min-height:510px; }.material-art { background:#8f9680; position:relative; overflow:hidden; }.curve,.orb { position:absolute; display:block; }.curve { width:290px; height:430px; border:37px solid #e2d9ca; border-bottom:0; border-radius:160px 160px 0 0; }.curve.one { top:18%; left:15%; }.curve.two { top:5%; right:-14%; border-color:#c3aa8d; transform:scale(.9); }.orb { width:150px; height:170px; background:linear-gradient(120deg,#ded5c8,#aaa18f); border-radius:50% 42% 45% 52%; bottom:9%; left:43%; }.material > div:last-child { padding:6rem clamp(2rem,8vw,9rem); align-self:center; }.material h2 { font-size:3.7rem; }.material p:not(.eyebrow) { max-width:395px; line-height:1.7; color:#50463a; }.material a { display:inline-block; border-bottom:1px solid var(--ink); padding-bottom:.25rem; margin-top:.8rem; font-size:.84rem; }footer { padding:2rem; display:flex; align-items:center; justify-content:space-between; border-top:1px solid var(--line); font-size:.76rem; }footer div { display:flex; gap:1rem; }footer p { color:var(--muted); }.sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }
@media(max-width:800px) { header { height:68px; padding:0 1rem; grid-template-columns:1fr auto; }header nav { display:none; }.intro { padding:5rem 1rem 3rem; }.catalog { padding:1rem 1rem 5rem; }.catalog-head { align-items:start; flex-direction:column; }.tools { width:100%; }.search { flex:1; }.search input,.sort { width:100%; }.sort select { width:100%; }.product-grid { grid-template-columns:1fr 1fr; gap:2rem .8rem; }.card-image { height:270px; }.quick { opacity:1; transform:none; }.material { grid-template-columns:1fr; }.material-art { min-height:330px; }.material > div:last-child { padding:4rem 1.5rem; }.material h2 { font-size:3rem; }footer { padding:1.5rem 1rem; align-items:start; flex-direction:column; } }
@media(max-width:430px) { .product-grid { grid-template-columns:1fr; }.card-image { height:360px; }.filters { gap:.35rem; }.filter { padding:.42rem .65rem; } }
.menu-button { display:none; border:0; background:transparent; color:var(--ink); cursor:pointer; font-size:1.2rem; }.quick:disabled { cursor:default; color:var(--muted); }.mobile-nav { position:fixed; z-index:10; inset:0 auto 0 0; width:min(330px,88vw); padding:1.35rem; background:var(--cream); box-shadow:16px 0 45px rgba(0,0,0,.18); transform:translateX(-105%); transition:transform .28s ease; }.mobile-nav.open { transform:translateX(0); }.mobile-nav > div { display:flex; align-items:center; justify-content:space-between; padding-bottom:1.5rem; border-bottom:1px solid var(--line); }.mobile-nav button { border:0; background:transparent; font-size:1.45rem; cursor:pointer; }.mobile-nav nav { display:grid; gap:1.15rem; padding:2rem 0; }.mobile-nav nav a { font:400 1.65rem Georgia,serif; }.mobile-nav > a { font-size:.78rem; border-bottom:1px solid var(--ink); padding-bottom:.2rem; }

/* Collection material story: a real texture-focused visual rather than an abstract placeholder. */
.material-art > img { display:block; width:100%; height:100%; object-fit:cover; object-position:center 58%; filter:saturate(.84) contrast(1.01); }
.material-art:after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(43,46,38,.12),transparent 48%); pointer-events:none; }
@media(max-width:800px) { header { grid-template-columns:auto 1fr auto; gap:.75rem; }.menu-button { display:block; } }
.advanced-filters { display:flex; flex-wrap:wrap; align-items:center; gap:.7rem; margin-top:.9rem; font-size:.72rem; }.advanced-filters label { display:flex; align-items:flex-start; gap:.4rem; color:var(--muted); }.advanced-filters select { border:1px solid var(--line); background:var(--cream); padding:.48rem .55rem; color:var(--ink); font-size:.72rem; min-height:36px; }.advanced-filters .stock-filter { color:var(--ink); }.advanced-filters .stock-filter input { width:1.1rem; height:1.1rem; min-width:1.1rem; min-height:1.1rem; margin:.15rem 0 0; flex:none; }
.member-actions { display:flex; align-items:center; gap:0; white-space:nowrap; }.member-actions a { display:inline-flex; align-items:center; min-height:30px; padding:.4rem .56rem; border:1px solid var(--ink); font-size:.66rem; text-decoration:none; }.member-actions a:first-child { border-radius:99px 0 0 99px; }.member-actions a + a { margin-left:-1px; background:var(--ink); color:var(--cream); }.member-actions a:last-child { border-radius:0 99px 99px 0; }.member-actions.is-signed-in a { border-radius:99px; background:transparent; color:var(--ink); }.mobile-nav .member-actions { display:grid; gap:1.15rem; }.mobile-nav .member-actions a { min-height:0; padding:0; border:0; border-radius:0; background:transparent; color:inherit; font:400 1.65rem Georgia,serif; }

.collection-guide-entry { display:flex; flex-direction:column; gap:.35rem; width:max-content; max-width:100%; margin-top:2rem; padding:1rem 1.15rem; border:1px solid var(--ink); background:#fffdf8; transition:background .2s,color .2s; }.collection-guide-entry span { color:var(--muted); font-size:.7rem; letter-spacing:.04em; }.collection-guide-entry strong { font:400 1.08rem Georgia,serif; }.collection-guide-entry b { margin-left:.45rem; font-family:Arial,Helvetica,sans-serif; font-weight:400; }.collection-guide-entry:hover { background:var(--ink); color:var(--cream); }.collection-guide-entry:hover span { color:#d8d1c6; }

/* Five-category layout: one uninterrupted photo per card and bounded copy. */
.category-path-card img { transform:translateZ(0); }
.category-path-card h3 { max-width:11ch; font-size:clamp(1.35rem,1.75vw,1.85rem); line-height:.94; text-wrap:balance; overflow-wrap:normal; }
.category-path-card p { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; }
@media(min-width:1250px) { .category-path-grid { gap:.85rem; } .category-path-card { min-height:396px !important; } .category-path-card>div { padding:1.2rem; } .category-path-card strong { font-size:.7rem; } }

/* Ürün listesi: kare kırpma yerine fotoğrafın dikey oranına yakın, dengeli kadraj. */
.card-image { height:auto; aspect-ratio:4 / 5; background:#e2dbd0; }
.card-photo { object-position:center 50%; }
.card:hover .card-photo { transform:none; }