:root { --ink:#11110f; --coal:#1b1b18; --cream:#eee9de; --muted:#aaa398; --gold:#b99a61; --line:rgba(238,233,222,.18); --serif:"Playfair Display", Georgia, serif; --sans:"DM Sans", Arial, sans-serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--cream); background:var(--ink); font-family:var(--sans); font-size:15px; -webkit-font-smoothing:antialiased; }
.cursor-glow { position:fixed; z-index:20; width:360px; height:360px; pointer-events:none; border-radius:50%; opacity:.16; background:radial-gradient(circle,rgba(200,170,107,.22),transparent 67%); transform:translate(-500px,-500px); transition:transform .22s ease-out; mix-blend-mode:screen; }
a { color:inherit; text-decoration:none; }
.brand-logo { display:inline-flex; align-items:center; width:158px; line-height:0; }.brand-logo img { display:block; width:100%; height:auto; }
.catalogue-header .wordmark,.checkout-header .wordmark,.success-header .wordmark,.admin-header .wordmark { display:block; width:158px; height:36px; padding:0; background:url('assets/kaen-logo.svg') center/contain no-repeat; color:transparent; font-size:0; }
.success-header .wordmark { width:176px; height:42px; margin:auto; }.checkout-header .wordmark { width:148px; height:34px; }
.site-header { position:absolute; z-index:10; top:0; left:0; width:100%; display:flex; align-items:center; justify-content:space-between; padding:28px 5.5vw; }
.wordmark { font:500 26px/1 var(--serif); letter-spacing:.3em; padding-left:.3em; }
.site-nav { display:flex; gap:30px; color:#d7d1c6; font-size:11px; letter-spacing:.13em; text-transform:uppercase; }
.site-nav a { transition:color .35s; }.site-nav a:hover { color:var(--gold); }
.bag-button { display:flex; align-items:center; gap:9px; margin-left:15px; padding:0; border:0; color:#d7d1c6; background:transparent; font:500 10px var(--sans); letter-spacing:.13em; text-transform:uppercase; cursor:pointer; }.bag-button b { display:grid; width:18px; height:18px; place-items:center; border:1px solid rgba(238,233,222,.55); border-radius:50%; font:400 9px var(--sans); transition:background .3s,color .3s; }.bag-button:hover b { color:var(--ink); background:var(--gold); }
.bag-backdrop { position:fixed; z-index:19; inset:0; visibility:hidden; opacity:0; background:rgba(0,0,0,.48); backdrop-filter:blur(3px); transition:opacity .4s,visibility .4s; }.bag-drawer { position:fixed; z-index:20; top:0; right:0; width:min(100%,420px); height:100svh; display:flex; flex-direction:column; padding:36px; color:#25231f; background:#e8e2d6; transform:translateX(100%); transition:transform .55s cubic-bezier(.16,1,.3,1); }.bag-drawer.open { transform:translateX(0); }.bag-backdrop.open { visibility:visible; opacity:1; }.bag-drawer-head { display:flex; align-items:center; justify-content:space-between; }.bag-drawer-head .section-label { color:#816b43; }.bag-close { width:31px; height:31px; border:1px solid #91887b; border-radius:50%; color:#2c2924; background:transparent; font:27px/20px var(--serif); cursor:pointer; transition:transform .3s; }.bag-close:hover { transform:rotate(90deg); }.bag-drawer h2 { margin:27px 0 23px; font:400 43px/1 var(--serif); letter-spacing:-.045em; }.bag-items { flex:1; overflow:auto; border-top:1px solid #b8b0a4; }.bag-empty { margin-top:24px; color:#6b655b; font:14px/1.6 var(--sans); }.bag-item { display:grid; grid-template-columns:1fr auto; gap:5px; padding:19px 0; border-bottom:1px solid #c4bdb2; }.bag-item h3 { margin:0; font:400 21px var(--serif); }.bag-item p { grid-column:1; margin:0; color:#6f695f; font-size:10px; letter-spacing:.08em; text-transform:uppercase; }.bag-item strong { grid-column:2; grid-row:1; color:#8a7045; font-size:11px; font-weight:500; }.bag-item button { grid-column:2; grid-row:2; justify-self:end; align-self:end; padding:0; border:0; color:#6a6257; background:transparent; font-size:10px; text-decoration:underline; cursor:pointer; }.bag-summary { padding-top:22px; border-top:1px solid #928a7e; }.bag-summary > div { display:flex; justify-content:space-between; align-items:center; margin-bottom:20px; font-size:12px; }.bag-summary strong { font-size:15px; font-weight:500; }.bag-checkout { width:100%; display:flex; justify-content:space-between; padding:17px 18px; border:0; color:#e8e2d6; background:#24231f; font:500 10px var(--sans); letter-spacing:.14em; text-transform:uppercase; cursor:pointer; transition:color .3s,background .3s; }.bag-checkout:hover { color:#24231f; background:var(--gold); }.bag-checkout span { font-size:17px; line-height:0; }
.bag-message { min-height:17px; margin:0 0 8px; color:#876b3d; font-size:11px; }
.menu-toggle { display:none; }
.hero { position:relative; min-height:100svh; display:grid; place-items:center; overflow:hidden; isolation:isolate; background:radial-gradient(ellipse at 50% 46%, #333027 0%, #191917 40%, #11110f 78%); }
.hero::before { content:""; position:absolute; inset:0; z-index:-1; opacity:.34; background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px); background-size:72px 72px; mask-image:radial-gradient(circle,black,transparent 72%); }
.hero-orbit { position:absolute; z-index:-1; border:1px solid rgba(208,183,129,.12); border-radius:50%; }.orbit-one { width:76vw; height:76vw; animation:turn 48s linear infinite; }.orbit-two { width:52vw; height:52vw; border-style:dashed; animation:turn 34s linear infinite reverse; }
.hero-content { text-align:center; padding-top:30px; animation:rise .9s cubic-bezier(.16,1,.3,1) both; }.eyebrow,.section-label { margin:0; color:var(--gold); font-size:10px; font-weight:500; letter-spacing:.2em; line-height:1.4; text-transform:uppercase; }.hero h1 { margin:18px 0 12px; font:400 clamp(82px,15vw,198px)/.78 var(--serif); letter-spacing:.12em; padding-left:.12em; }.hero-intro { margin:0 0 35px; color:#d8d2c8; font:400 clamp(17px,2vw,24px)/1.42 var(--serif); }.hero-intro em,.display-heading em, footer h2 em,.manifesto-text em { color:#d4b77e; font-weight:400; }
.button { display:inline-flex; align-items:center; justify-content:center; gap:31px; padding:16px 20px 16px 24px; border:1px solid var(--gold); color:var(--cream); font-size:10px; font-weight:600; letter-spacing:.16em; text-transform:uppercase; transition:background .4s,color .4s,transform .4s; }.button span { font-size:17px; line-height:0; }.button:hover { background:var(--gold); color:var(--ink); transform:translateY(-3px); }
.scroll-cue { position:absolute; bottom:32px; display:flex; flex-direction:column; align-items:center; gap:8px; font-size:9px; letter-spacing:.18em; text-transform:uppercase; color:#aaa398; }.scroll-cue span { width:1px; height:34px; background:var(--gold); animation:pulse 2.2s ease-in-out infinite; }
.section { padding:150px 8vw; }.philosophy { background:#e8e2d6; color:#22211e; }.philosophy .section-label { color:#8a7045; }.philosophy-grid { display:grid; grid-template-columns:1.2fr .8fr; gap:12vw; margin:75px 0 95px; }.display-heading { margin:0; font:400 clamp(43px,5.5vw,79px)/1.1 var(--serif); letter-spacing:-.045em; }.philosophy-copy { max-width:405px; padding-top:11px; color:#4c4941; font-size:15px; line-height:1.8; }.philosophy-copy p { margin:0 0 22px; }.text-link { display:inline-flex; gap:16px; margin-top:11px; padding-bottom:8px; border-bottom:1px solid #827962; color:#34312b; font-size:10px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; }.text-link span { font-size:16px; transition:transform .3s; }.text-link:hover span { transform:translateX(5px); }.philosophy-line { height:1px; background:#c5bfb2; }.values { display:grid; grid-template-columns:repeat(3,1fr); gap:32px; padding-top:28px; }.values div { display:flex; align-items:baseline; gap:20px; }.values span { color:#8a7045; font:italic 15px var(--serif); }.values p { margin:0; font-size:12px; line-height:1.5; }
.collection { background:#171715; }.collection-heading { max-width:700px; }.collection-heading .display-heading { margin:24px 0; }.collection-heading > p:last-child { max-width:340px; color:var(--muted); font-size:14px; line-height:1.7; }.collection-tools { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-top:70px; padding:17px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }.filter-chips { display:flex; flex-wrap:wrap; gap:8px; }.filter-chip { padding:8px 12px; border:1px solid rgba(238,233,222,.3); color:#c9c2b6; background:transparent; font:500 9px var(--sans); letter-spacing:.11em; text-transform:uppercase; cursor:pointer; transition:color .3s,background .3s,border-color .3s; }.filter-chip span { margin-left:4px; color:var(--gold); }.filter-chip:hover,.filter-chip.active { border-color:var(--gold); color:var(--ink); background:var(--gold); }.filter-chip.active span { color:var(--ink); }.sort-control { display:flex; flex-shrink:0; align-items:center; gap:11px; color:#948c80; font-size:9px; letter-spacing:.12em; text-transform:uppercase; }.sort-control select { padding:6px 18px 6px 2px; border:0; outline:0; color:var(--cream); background:transparent; font:500 10px var(--sans); letter-spacing:.08em; text-transform:uppercase; cursor:pointer; }.sort-control option { color:var(--cream); background:#272724; }.product-count { margin:18px 0 -56px; color:#938d83; font-size:10px; letter-spacing:.11em; text-transform:uppercase; }.product-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:75px; }.product-card { position:relative; min-height:540px; display:flex; flex-direction:column; justify-content:flex-end; padding:25px; overflow:hidden; cursor:default; }.product-card.is-hidden { display:none; }.product-amber { background:#79664a; }.product-ivory { color:#27251f; background:#c5baaa; }.product-ink { background:#2a2c29; }.product-moss { background:#566253; }.product-rose { background:#9a6f69; }.product-ochre { background:#8b7050; }.card-top { position:absolute; inset:24px 25px auto; display:flex; justify-content:space-between; font:italic 14px var(--serif); }.card-top button { border:0; padding:0; color:inherit; background:transparent; font:22px var(--serif); cursor:pointer; transition:color .3s,transform .3s; }.card-top button:hover { color:var(--gold); transform:scale(1.17); }.bottle { position:absolute; z-index:1; top:18%; left:50%; width:133px; height:245px; display:flex; flex-direction:column; align-items:center; justify-content:center; border-radius:4px 4px 11px 11px; transform:translateX(-50%); box-shadow:15px 20px 27px rgba(0,0,0,.22); transition:transform .65s cubic-bezier(.16,1,.3,1); }.bottle::before { content:""; position:absolute; top:-42px; width:56px; height:43px; border-radius:3px 3px 0 0; background:linear-gradient(90deg,#5e584e,#c8ba9d,#575148); }.bottle::after { content:""; position:absolute; inset:13px; border:1px solid rgba(255,255,255,.38); }.bottle span,.bottle small { position:relative; z-index:1; letter-spacing:.16em; }.bottle span { font:500 16px var(--serif); }.bottle small { margin-top:5px; font-size:7px; }.bottle-amber { color:#ddd1b8; background:linear-gradient(100deg,#362516,#ba9461 55%,#5b3a1e); }.bottle-ivory { color:#39342c; background:linear-gradient(100deg,#827c6f,#f0e9d9 55%,#968c7c); }.bottle-ink { color:#d5c19b; background:linear-gradient(100deg,#0f1211,#485047 57%,#111310); }.bottle-moss { color:#e5e5d0; background:linear-gradient(100deg,#26342a,#8f9e78 55%,#3d4c3b); }.bottle-rose { color:#f1d9cf; background:linear-gradient(100deg,#4d2928,#c99388 55%,#6c3b39); }.bottle-ochre { color:#ead8b2; background:linear-gradient(100deg,#453420,#b28b50 55%,#654b2e); }.card-info { position:relative; z-index:2; transition:transform .5s cubic-bezier(.16,1,.3,1); }.card-info h3 { margin:0 0 6px; font:400 33px var(--serif); }.card-info p { margin:0; font-size:9px; letter-spacing:.11em; text-transform:uppercase; opacity:.72; }.card-info > strong { display:block; margin-top:12px; color:var(--gold); font-size:11px; font-weight:500; letter-spacing:.08em; }.notes { position:absolute; z-index:2; right:25px; bottom:62px; left:25px; padding-top:14px; border-top:1px solid currentColor; font-size:11px; line-height:1.55; opacity:0; transform:translateY(18px); transition:opacity .45s,transform .55s cubic-bezier(.16,1,.3,1); }.notes p { margin:4px 0; }.notes strong { display:inline-block; width:34px; color:var(--gold); font-size:8px; letter-spacing:.1em; text-transform:uppercase; }.add-to-bag { position:absolute; z-index:3; right:25px; bottom:25px; left:25px; display:flex; align-items:center; justify-content:space-between; padding:12px 0; border:0; border-top:1px solid currentColor; color:inherit; background:transparent; font:500 9px var(--sans); letter-spacing:.13em; text-align:left; text-transform:uppercase; opacity:0; transform:translateY(12px); cursor:pointer; transition:opacity .35s,transform .45s, color .3s; }.add-to-bag span { color:var(--gold); font-size:18px; font-weight:400; }.add-to-bag:hover { color:var(--gold); }.product-card:hover .bottle { transform:translateX(-50%) translateY(-38px) scale(.9); }.product-card:hover .card-info { transform:translateY(-145px); }.product-card:hover .notes,.product-card:hover .add-to-bag { opacity:1; transform:translateY(0); }
.manifesto { min-height:64vh; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; background:#11110f; }.manifesto-text { max-width:900px; margin:34px 0 0; font:400 clamp(37px,5.3vw,73px)/1.16 var(--serif); letter-spacing:-.04em; }
footer { padding:72px 8vw 25px; background:#d0c6b6; color:#26241f; }.footer-top { display:flex; align-items:flex-end; justify-content:space-between; gap:50px; padding-bottom:80px; }.footer-top .section-label { color:#7c6744; }.footer-top h2 { margin:21px 0 0; font:400 clamp(36px,4.3vw,58px)/1.1 var(--serif); letter-spacing:-.04em; }.newsletter-form { width:min(100%,390px); }.newsletter-form label { display:block; margin-bottom:18px; color:#605a50; font-size:12px; }.input-row { display:flex; border-bottom:1px solid #625e55; }.input-row input { width:100%; padding:12px 0; border:0; outline:0; color:#292722; background:transparent; font:14px var(--sans); }.input-row input::placeholder { color:#777067; }.input-row button { border:0; padding:0 0 0 15px; background:transparent; color:#3c372e; font-size:23px; cursor:pointer; transition:transform .25s; }.input-row button:hover { transform:translateX(5px); }.form-message { min-height:18px; margin:9px 0 0; color:#725e3c; font-size:11px; }.footer-bottom { display:grid; grid-template-columns:1fr 2fr 1fr; align-items:center; padding-top:25px; border-top:1px solid rgba(61,56,48,.35); }.footer-bottom .wordmark { font-size:20px; }.footer-bottom p { margin:0; color:#6b655b; font-size:10px; text-align:center; }.socials { display:flex; justify-content:flex-end; gap:14px; }.socials a { width:27px; height:27px; display:grid; place-items:center; border:1px solid #71695d; border-radius:50%; font-size:8px; letter-spacing:.04em; transition:background .3s,color .3s; }.socials a:hover { color:#d0c6b6; background:#28251f; }
.reveal { opacity:0; transform:translateY(26px); transition:opacity .8s ease,transform .9s cubic-bezier(.16,1,.3,1); }.reveal.visible { opacity:1; transform:translateY(0); }.product-card.reveal:nth-child(2) { transition-delay:.12s; }.product-card.reveal:nth-child(3) { transition-delay:.24s; }
.card-top button.is-saved { color:var(--gold); transform:scale(1.17); }
.checkout-page { min-height:100vh; color:#292721; background:#e8e2d6; }.checkout-header { display:flex; align-items:center; justify-content:space-between; padding:28px 8vw; border-bottom:1px solid #bbb3a7; }.checkout-header .wordmark { font-size:23px; }.back-link { color:#5d574d; font-size:10px; font-weight:500; letter-spacing:.12em; text-transform:uppercase; }.checkout-main { max-width:1200px; margin:0 auto; padding:96px 8vw; }.checkout-intro h1 { margin:18px 0; font:400 clamp(54px,7vw,89px)/.98 var(--serif); letter-spacing:-.055em; }.checkout-intro h1 em,.order-complete h2 em { color:#947542; }.checkout-intro > p:last-child { max-width:345px; color:#625d54; font-size:14px; line-height:1.7; }.checkout-layout { display:grid; grid-template-columns:1.15fr .85fr; gap:9vw; margin-top:72px; }.form-block { margin-bottom:45px; }.form-block .section-label { margin-bottom:23px; color:#8a7045; }.checkout-form label { display:block; margin-bottom:17px; color:#5a544b; font-size:11px; }.checkout-form input { width:100%; margin-top:8px; padding:12px 0; border:0; border-bottom:1px solid #938b7f; outline:0; color:#292721; background:transparent; font:14px var(--sans); }.checkout-form input:focus { border-color:#8a7045; }.checkout-form input::placeholder { color:#8c857b; }.form-row { display:grid; grid-template-columns:1fr 1fr; gap:20px; }.payment-button { width:100%; display:flex; align-items:center; justify-content:space-between; padding:18px 21px; border:0; color:#e8e2d6; background:#24231f; font:500 10px var(--sans); letter-spacing:.14em; text-transform:uppercase; cursor:pointer; transition:color .3s,background .3s; }.payment-button:hover { color:#24231f; background:var(--gold); }.payment-button span { font-size:18px; }.checkout-message { color:#856636; font-size:12px; }.order-summary { align-self:start; padding:29px; border:1px solid #b9b0a3; }.order-summary .section-label { color:#8a7045; }.checkout-item { display:flex; justify-content:space-between; gap:18px; padding:22px 0; border-bottom:1px solid #c6beb2; }.checkout-item h2 { margin:0 0 6px; font:400 25px var(--serif); }.checkout-item p { margin:0; color:#70695f; font-size:9px; letter-spacing:.08em; text-transform:uppercase; }.checkout-item strong { flex-shrink:0; color:#80673e; font-size:11px; font-weight:500; }.order-total { display:flex; justify-content:space-between; padding-top:23px; font-size:12px; }.order-total strong { font-size:15px; }.secure-note { margin:27px 0 0; color:#7c756b; font-size:10px; letter-spacing:.08em; }.order-complete { padding:55px 0; }.order-complete h2 { margin:18px 0; font:400 58px/1 var(--serif); letter-spacing:-.05em; }.order-complete > p:not(.section-label) { margin-bottom:30px; color:#625d54; line-height:1.7; }.order-complete .payment-button { width:min(100%,295px); }
@keyframes rise { from { opacity:0; transform:translateY(24px); } to { opacity:1; transform:none; } } @keyframes turn { to { transform:rotate(360deg); } } @keyframes pulse { 50% { transform:scaleY(.45); transform-origin:top; } }
@media (max-width:700px) { .site-header { padding:23px 7vw; }.site-header .wordmark { margin-right:auto; }.site-nav { position:absolute; top:75px; right:7vw; display:none; flex-direction:column; gap:17px; padding:21px; background:#1d1d19; }.site-nav.open { display:flex; }.menu-toggle { width:30px; display:grid; gap:6px; margin-right:17px; padding:5px 0; border:0; background:transparent; cursor:pointer; }.menu-toggle span { display:block; width:100%; height:1px; background:var(--cream); }.bag-button { margin:0; }.bag-button span { display:none; }.bag-drawer { padding:27px 7vw; }.hero-orbit.orbit-one { width:130vw; height:130vw; }.hero-orbit.orbit-two { width:90vw; height:90vw; }.section { padding:100px 7vw; }.philosophy-grid { grid-template-columns:1fr; gap:36px; margin:48px 0 67px; }.values { grid-template-columns:1fr; gap:20px; }.collection-tools { display:block; margin-top:45px; }.filter-chips { flex-wrap:nowrap; padding-bottom:14px; overflow-x:auto; }.filter-chip { white-space:nowrap; }.sort-control { margin-top:5px; justify-content:space-between; }.product-count { margin:17px 0 -29px; }.product-grid { grid-template-columns:1fr; margin-top:48px; }.product-card { min-height:480px; }.notes { bottom:59px; opacity:1; transform:none; }.add-to-bag { opacity:1; transform:none; }.product-card:hover .card-info { transform:none; }.product-card:hover .bottle { transform:translateX(-50%); }.footer-top { display:block; padding-bottom:55px; }.newsletter-form { margin-top:42px; }.footer-bottom { grid-template-columns:1fr; gap:20px; }.footer-bottom p { order:3; }.socials { justify-content:flex-start; }.manifesto { min-height:48vh; }.scroll-cue { bottom:19px; }.checkout-header { padding:23px 7vw; }.checkout-main { padding:70px 7vw; }.checkout-layout { grid-template-columns:1fr; gap:48px; margin-top:52px; }.order-summary { order:-1; }.form-row { gap:13px; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; animation-duration:.01ms!important; transition-duration:.01ms!important; } }

/* Koleksiyon kartlarında sabit içerik ritmi */
.product-count { margin:22px 0 0; }.product-grid { margin-top:24px; }.bottle-plum { color:#f0d8db; background:linear-gradient(100deg,#3f2637,#8f5e80 55%,#4b2d41); }.bottle-sand { color:#42382b; background:linear-gradient(100deg,#97846a,#e8d7b9 55%,#aa9676); }.bottle-slate { color:#d5d7d3; background:linear-gradient(100deg,#202725,#68716c 55%,#29312f); }.product-plum { background:#67495c; }.product-sand { color:#312b22; background:#c5af8b; }.product-slate { background:#39413e; }
@media (max-width:700px) { .product-grid { margin-top:28px; }.product-card { min-height:610px; padding-bottom:185px; }.product-card:hover .card-info { transform:none; }.card-info { transform:none; }.notes { bottom:61px; }.add-to-bag { bottom:18px; } }

/* Yerel yönetim paneli */
.admin-page { min-height:100vh; color:var(--cream); background:var(--ink); }.admin-header { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; padding:28px 6vw; border-bottom:1px solid var(--line); }.admin-header p { margin:0; color:var(--muted); font-size:9px; letter-spacing:.16em; text-transform:uppercase; }.admin-header .back-link { justify-self:end; color:var(--cream); font-size:10px; letter-spacing:.12em; text-transform:uppercase; }.admin-main { max-width:1200px; margin:0 auto; padding:80px 6vw 110px; }.admin-intro { display:grid; grid-template-columns:1fr 1fr; gap:60px; margin-bottom:25px; }.admin-intro h1 { margin:18px 0 0; font:400 clamp(48px,6vw,77px)/.98 var(--serif); letter-spacing:-.055em; }.admin-intro h1 em { color:var(--gold); font-weight:400; }.admin-intro > p:last-child { align-self:end; max-width:350px; margin:0 0 8px; color:var(--muted); line-height:1.7; }.admin-notice { margin:0 0 65px; padding:16px 18px; border:1px solid rgba(185,154,97,.22); color:#c5b9a4; font-size:12px; line-height:1.6; }.admin-section { margin-top:55px; }.admin-section-head { display:flex; align-items:end; justify-content:space-between; gap:24px; padding-bottom:23px; border-bottom:1px solid var(--line); }.admin-section-head h2 { margin:15px 0 0; font:400 36px var(--serif); }.admin-section-head > strong { color:var(--gold); font-size:11px; font-weight:500; letter-spacing:.1em; text-transform:uppercase; }.orders-list { border-bottom:1px solid var(--line); }.order-row { display:grid; grid-template-columns:1.4fr .8fr 1.1fr auto; gap:24px; align-items:center; padding:20px 0; border-bottom:1px solid rgba(238,233,222,.1); }.order-row:last-child { border:0; }.order-row div { display:flex; flex-direction:column; gap:5px; }.order-row strong { font:500 15px var(--serif); }.order-row span,.order-row p { margin:0; color:var(--muted); font-size:11px; line-height:1.5; }.order-row em { padding:5px 8px; border:1px solid rgba(185,154,97,.5); color:var(--gold); font-size:9px; font-style:normal; letter-spacing:.1em; text-transform:uppercase; }.admin-empty { padding:30px 0; color:var(--muted); font-size:13px; }.price-list { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); border:1px solid var(--line); }.price-row { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:20px; background:var(--coal); }.price-row > span { font:400 23px var(--serif); }.price-row small { display:block; margin-top:5px; color:var(--muted); font:8px var(--sans); letter-spacing:.08em; text-transform:uppercase; }.price-row > div { display:flex; align-items:center; width:104px; border-bottom:1px solid rgba(238,233,222,.3); }.price-row input { min-width:0; width:100%; padding:6px 0; border:0; outline:0; color:var(--cream); background:transparent; font:12px var(--sans); }.price-row b { color:var(--gold); font-size:10px; font-weight:500; }.admin-save { padding:12px 18px; border:1px solid var(--gold); color:var(--ink); background:var(--gold); font:500 10px var(--sans); letter-spacing:.12em; text-transform:uppercase; cursor:pointer; transition:background .3s,color .3s; }.admin-save:hover { color:var(--cream); background:transparent; }.admin-message { min-height:19px; margin:13px 0 0; color:var(--gold); font-size:11px; }
@media (max-width:800px) { .admin-header { grid-template-columns:1fr auto; }.admin-header p { display:none; }.admin-intro { grid-template-columns:1fr; gap:22px; }.admin-intro > p:last-child { align-self:auto; }.price-list { grid-template-columns:1fr 1fr; }.order-row { grid-template-columns:1fr 1fr; }.order-row p { grid-column:1 / -1; }.order-row em { justify-self:start; } }
@media (max-width:500px) { .admin-main { padding:60px 7vw 90px; }.price-list { grid-template-columns:1fr; }.admin-section-head { align-items:flex-start; flex-direction:column; }.order-row { grid-template-columns:1fr; gap:10px; }.order-row p { grid-column:auto; } }

.admin-helper { margin:20px 0; color:var(--muted); font-size:12px; line-height:1.65; }.content-list { border-top:1px solid var(--line); }.content-row { border-bottom:1px solid var(--line); background:rgba(255,255,255,.015); }.content-row summary { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:18px 4px; cursor:pointer; list-style:none; }.content-row summary::-webkit-details-marker { display:none; }.content-row summary::after { content:'+'; order:3; color:var(--gold); font:24px var(--serif); }.content-row[open] summary::after { content:'−'; }.content-row summary span { font:400 22px var(--serif); }.content-row summary small { margin-left:auto; color:var(--muted); font-size:9px; letter-spacing:.08em; text-transform:uppercase; }.content-fields { display:grid; grid-template-columns:repeat(2,1fr); gap:16px 22px; padding:4px 0 24px; }.content-fields label { color:var(--muted); font-size:10px; letter-spacing:.09em; text-transform:uppercase; }.content-fields input,.content-fields select { width:100%; margin-top:7px; padding:10px 0; border:0; border-bottom:1px solid rgba(238,233,222,.25); outline:0; color:var(--cream); background:transparent; font:13px var(--sans); }.content-fields select option { color:var(--cream); background:var(--coal); }.content-fields input:focus,.content-fields select:focus { border-color:var(--gold); }
@media (max-width:600px) { .content-row summary { align-items:flex-start; }.content-row summary small { margin-left:0; }.content-fields { grid-template-columns:1fr; } }

/* Katalog ürün görselleri: ürün fotoğrafı + KAEN'e özgü renk katmanı */
.product-card { background-size:cover; background-position:center; background-blend-mode:multiply; }.product-card .bottle { display:none; }.product-amber { background-image:linear-gradient(rgba(78,50,22,.55),rgba(36,25,17,.72)),url('https://images.unsplash.com/photo-1594035910387-fea47794261f?auto=format&fit=crop&w=900&q=85'); }.product-ivory { background-image:linear-gradient(rgba(231,220,203,.62),rgba(107,94,76,.55)),url('https://images.unsplash.com/photo-1541643600914-78b084683601?auto=format&fit=crop&w=900&q=85'); }.product-ink { background-image:linear-gradient(rgba(12,16,14,.62),rgba(12,15,14,.82)),url('https://images.unsplash.com/photo-1587017539504-67cfbddac569?auto=format&fit=crop&w=900&q=85'); }.product-moss { background-image:linear-gradient(rgba(36,54,40,.56),rgba(23,32,25,.75)),url('https://images.unsplash.com/photo-1594035910387-fea47794261f?auto=format&fit=crop&w=900&q=85&sat=-35'); }.product-rose { background-image:linear-gradient(rgba(116,60,63,.5),rgba(53,28,32,.7)),url('https://images.unsplash.com/photo-1541643600914-78b084683601?auto=format&fit=crop&w=900&q=85&sat=-20'); }.product-ochre { background-image:linear-gradient(rgba(112,77,32,.55),rgba(59,41,22,.72)),url('https://images.unsplash.com/photo-1587017539504-67cfbddac569?auto=format&fit=crop&w=900&q=85&sat=-30'); }.product-plum { background-image:linear-gradient(rgba(80,36,62,.54),rgba(35,20,32,.74)),url('https://images.unsplash.com/photo-1594035910387-fea47794261f?auto=format&fit=crop&w=900&q=85&sat=-45'); }.product-sand { background-image:linear-gradient(rgba(207,184,145,.48),rgba(122,99,67,.58)),url('https://images.unsplash.com/photo-1541643600914-78b084683601?auto=format&fit=crop&w=900&q=85&sat=-50'); }.product-slate { background-image:linear-gradient(rgba(35,47,44,.58),rgba(18,25,23,.78)),url('https://images.unsplash.com/photo-1587017539504-67cfbddac569?auto=format&fit=crop&w=900&q=85&sat=-65'); }
.product-card::after { content:''; position:absolute; z-index:1; inset:0; pointer-events:none; background:linear-gradient(to bottom,rgba(15,15,13,.04) 34%,rgba(15,15,13,.68) 100%); }.product-card .card-top,.product-card .card-info,.product-card .notes,.product-card .add-to-bag { z-index:2; }.product-ivory::after,.product-sand::after { background:linear-gradient(to bottom,rgba(42,36,28,.02) 34%,rgba(42,36,28,.58) 100%); }.product-ivory .card-info,.product-ivory .card-top,.product-ivory .add-to-bag,.product-sand .card-info,.product-sand .card-top,.product-sand .add-to-bag { color:#211d18; }.product-ivory .card-info p,.product-sand .card-info p { color:#322b23; opacity:.9; }

/* Kadın/erkek katalogları */
.gender-links { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin:62px 0 0; }.gender-link { min-height:235px; display:flex; flex-direction:column; justify-content:space-between; padding:24px; color:var(--cream); transition:transform .4s ease; }.gender-link:hover { transform:translateY(-6px); }.gender-women { background:linear-gradient(135deg,#9a6f69,#554050); }.gender-men { background:linear-gradient(135deg,#39413e,#202622); }.gender-unisex { background:linear-gradient(135deg,#4c5155,#272521); }.gender-gifts { background:linear-gradient(135deg,#a88b58,#40382a); }.gender-link > span,.gender-link i { font-size:9px; font-style:normal; letter-spacing:.14em; text-transform:uppercase; }.gender-link strong { font:400 40px/1 var(--serif); letter-spacing:-.04em; }.gender-link em { color:#e4c789; font-weight:400; }
.catalogue-page { min-height:100vh; background:var(--ink); }.catalogue-header { display:flex; align-items:center; justify-content:space-between; padding:27px 6vw; border-bottom:1px solid var(--line); }.catalogue-header nav { display:flex; gap:25px; color:var(--muted); font-size:10px; letter-spacing:.13em; text-transform:uppercase; }.catalogue-header nav a { transition:color .25s; }.catalogue-header nav a:hover,.catalogue-header nav .active { color:var(--gold); }.catalogue-header .bag-button { margin:0; }.catalogue-main { max-width:1480px; margin:0 auto; padding:80px 6vw 120px; }.catalogue-intro { display:flex; justify-content:space-between; align-items:end; gap:50px; margin:18px 0 62px; }.catalogue-intro h1 { margin:0; font:400 clamp(55px,7.5vw,105px)/.92 var(--serif); letter-spacing:-.06em; }.catalogue-intro h1 em { color:var(--gold); font-weight:400; }.catalogue-intro p { max-width:360px; margin:0; color:var(--muted); line-height:1.75; }.catalogue-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-top:26px; }.catalogue-card { min-height:505px; }.catalogue-card .bottle { transform:translateX(-50%) scale(.88); }.catalogue-card:hover .bottle { transform:translateX(-50%) translateY(-32px) scale(.78); }.catalogue-card .card-info h3 { font-size:28px; }.catalogue-card .notes { bottom:82px; }.catalogue-card .add-to-bag { bottom:16px; }.catalogue-card:hover .card-info { transform:translateY(-153px); }
@media (max-width:1050px) { .catalogue-grid { grid-template-columns:repeat(3,1fr); } }.catalogue-header { padding:24px 7vw; }
@media (max-width:700px) { .gender-links { grid-template-columns:1fr; margin-top:45px; }.gender-link { min-height:190px; }.catalogue-header nav { position:static; display:flex; gap:13px; font-size:9px; }.catalogue-header .wordmark { font-size:18px; }.catalogue-header .bag-button span { display:none; }.catalogue-main { padding:60px 7vw 90px; }.catalogue-intro { display:block; margin-bottom:42px; }.catalogue-intro p { margin-top:25px; }.catalogue-grid { grid-template-columns:1fr; }.catalogue-card { min-height:635px; }.catalogue-card .bottle { transform:translateX(-50%); }.catalogue-card:hover .bottle { transform:translateX(-50%); }.catalogue-card:hover .card-info { transform:none; } }

@media (max-width:700px) { .catalogue-header { flex-wrap:wrap; gap:16px; }.catalogue-header nav { order:3; width:100%; justify-content:space-between; gap:8px; overflow-x:auto; padding-bottom:2px; }.catalogue-header nav a { flex:0 0 auto; }.catalogue-header .wordmark { width:126px; height:30px; }.catalogue-header .brand-logo { width:126px; }.catalogue-header .bag-button { margin-left:auto; } }

/* Ürün kartı: nota alanını ayırıcı çizgilerden uzaklaştır ve okunurluğu güçlendir */
.notes { bottom:86px; padding-top:18px; font-size:12px; line-height:1.65; }.notes p { margin:5px 0; }.notes strong { width:39px; font-size:8px; }.add-to-bag { bottom:19px; min-height:42px; }.card-info > strong { margin-top:13px; font-size:12px; }.product-card:hover .card-info { transform:translateY(-158px); }
.product-sand .card-info > strong,.product-sand .notes strong,.product-sand .add-to-bag span { color:#5d431b; }.product-sand .add-to-bag { color:#2e281f; border-top-color:rgba(46,40,31,.65); }.product-sand .notes { border-top-color:rgba(46,40,31,.58); }.product-sand .card-info p { color:#40372c; opacity:.9; }.product-sand .card-top button:hover,.product-sand .card-top button.is-saved { color:#5d431b; }
@media (max-width:700px) { .product-card { min-height:635px; padding-bottom:215px; }.notes { bottom:79px; font-size:11px; line-height:1.58; }.add-to-bag { bottom:18px; }.card-info > strong { font-size:12px; } }

/* --- Sipariş Onay Sayfası (Success Page) --- */
.success-page { min-height:100vh; display:flex; flex-direction:column; color:var(--cream); background-color:var(--ink); }
.success-header { padding:40px 0; border-bottom:1px solid rgba(185,154,97,.08); text-align:center; }.success-header .wordmark { color:var(--cream); font-size:2rem; }
.success-main { flex:1; display:flex; align-items:center; justify-content:center; padding:60px 20px; }.success-container { width:100%; max-width:600px; display:flex; flex-direction:column; align-items:center; text-align:center; animation:rise .7s cubic-bezier(.16,1,.3,1) both; }
.success-icon-wrapper { width:80px; height:80px; margin-bottom:30px; }.success-svg { display:block; width:100%; height:100%; stroke:var(--gold); stroke-width:2; stroke-miterlimit:10; }.success-circle { fill:none; stroke:var(--gold); stroke-width:2; stroke-dasharray:166; stroke-dashoffset:166; animation:success-stroke .6s cubic-bezier(.65,0,.45,1) forwards; }.success-check { transform-origin:50% 50%; stroke-dasharray:48; stroke-dashoffset:48; animation:success-stroke .3s cubic-bezier(.65,0,.45,1) .6s forwards; }
.success-title { margin:0 0 15px; color:var(--cream); font:400 clamp(40px,5vw,57px)/1.05 var(--serif); letter-spacing:-.045em; }.success-title em { color:var(--gold); font-weight:400; }.success-message { max-width:530px; margin:0 0 40px; color:var(--muted); font-size:1.05rem; line-height:1.8; }
.order-details-card { width:100%; margin-bottom:40px; padding:40px; border:1px solid rgba(185,154,97,.18); background-color:var(--coal); text-align:left; }.detail-row { display:flex; align-items:center; justify-content:space-between; padding:15px 0; border-bottom:1px solid rgba(255,255,255,.07); }.detail-row:last-child { padding-bottom:0; border-bottom:0; }.detail-label { color:var(--muted); font-size:.78rem; letter-spacing:1px; text-transform:uppercase; }.detail-value { color:var(--cream); font-size:.95rem; font-weight:400; text-align:right; }.success-btn { display:inline-flex; align-items:center; gap:24px; padding:15px 28px; color:var(--ink); background:var(--gold); font-size:10px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; transition:background .3s,transform .3s; }.success-btn:hover { color:var(--ink); background:var(--cream); transform:translateY(-2px); }.success-btn span { font-size:16px; }.success-footer { padding:30px; border-top:1px solid rgba(255,255,255,.07); color:var(--muted); font-size:.8rem; text-align:center; }
@keyframes success-stroke { 100% { stroke-dashoffset:0; } }
@media (max-width:600px) { .detail-row { flex-direction:column; align-items:flex-start; gap:5px; }.detail-value { text-align:left; }.order-details-card { padding:25px; }.success-title { font-size:2rem; } }

/* --- Ödeme Sayfası: form sol, sipariş özeti sağ --- */
.checkout-page { background-color:var(--ink); color:var(--cream); min-height:100vh; display:flex; flex-direction:column; }
.checkout-header { padding:30px 5vw; border-bottom:1px solid rgba(185,154,97,.14); }
.checkout-header .wordmark { color:var(--cream); font-size:1.5rem; }
.checkout-header .back-link { color:var(--muted); font-size:.85rem; letter-spacing:1px; transition:color .3s ease; }
.checkout-header .back-link:hover { color:var(--gold); }
.checkout-main { max-width:1200px; margin:0 auto; padding:60px 20px; width:100%; }
.checkout-intro { margin-bottom:50px; }.checkout-intro h1 { font-size:3rem; line-height:1.1; margin:10px 0 20px; }.checkout-intro > p:last-child { color:var(--muted); }
.checkout-page .section-label { margin-bottom:20px; padding-bottom:10px; border-bottom:1px solid rgba(185,154,97,.3); color:var(--gold); }
.checkout-layout { grid-template-columns:1.5fr 1fr; gap:60px; align-items:start; margin-top:0; }
.checkout-form { display:flex; flex-direction:column; gap:40px; }.form-block { margin-bottom:0; }
.django-store .product-card.no-image .bottle { display:flex; }.django-store .form-errors, .django-store .errorlist { margin:6px 0 0; padding:0; color:#9f2f28; font-size:11px; list-style:none; }.django-store .form-errors ul { margin:0; padding:0; list-style:none; }
.form-block label { color:var(--muted); font-size:.85rem; letter-spacing:.5px; }
.form-block input { border-bottom-color:rgba(255,255,255,.2); color:var(--cream); padding:12px 0; margin-top:5px; font-size:1rem; }.form-block input:focus { border-bottom-color:var(--gold); }.form-block input::placeholder { color:rgba(255,255,255,.24); }
.payment-button { color:var(--ink); background:var(--gold); padding:20px; font-size:1rem; margin-top:20px; }.payment-button:hover { color:var(--ink); background:var(--cream); }
.order-summary { color:var(--cream); background-color:var(--coal); padding:40px; border-color:rgba(185,154,97,.14); position:sticky; top:40px; }
.checkout-item,.summary-item { padding:15px 0; border-bottom:1px solid rgba(255,255,255,.08); }.checkout-item h2 { color:var(--cream); }.checkout-item p,.summary-item small { color:var(--muted); }.checkout-item strong { color:var(--gold); }
.order-total { margin-top:30px; padding-top:20px; border-top-color:rgba(185,154,97,.3); color:var(--gold); font-size:1.2rem; }.order-total strong { color:var(--gold); }
.secure-note { color:var(--muted); text-align:center; margin-top:30px; letter-spacing:1px; }
.order-complete { color:var(--cream); }.order-complete > p:not(.section-label) { color:var(--muted); }
@media (max-width:900px) { .checkout-layout { grid-template-columns:1fr; }.order-summary { position:relative; top:0; order:-1; margin-bottom:20px; } }

/* Django mağaza katmanı */
.django-store { min-height:100vh; background:var(--ink); }.django-header { position:relative; }.django-messages { position:fixed; z-index:50; top:18px; right:18px; width:min(92vw,420px); }.django-messages p { margin:0 0 8px; padding:13px 16px; border:1px solid var(--gold); color:var(--cream); background:rgba(27,27,24,.96); font-size:12px; box-shadow:0 12px 35px rgba(0,0,0,.25); }.django-messages .error { border-color:#bd756d; }.django-footer { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:28px 6vw; border-top:1px solid var(--line); color:var(--muted); }.django-footer p { margin:0; font-size:10px; }.django-footer .wordmark { font-size:19px; }
.product-photo { position:absolute; z-index:0; inset:0; width:100%; height:100%; object-fit:cover; }.detail-page { max-width:1200px; margin:0 auto; padding:60px 6vw 100px; }.detail-layout { display:grid; grid-template-columns:1fr 1fr; gap:8vw; align-items:center; margin-top:34px; }.detail-visual { position:relative; min-height:580px; display:grid; place-items:center; overflow:hidden; }.detail-bottle { width:180px; height:330px; display:grid; place-items:center; align-content:center; color:var(--gold); background:linear-gradient(105deg,#141816,#667169,#121614); box-shadow:18px 25px 35px rgba(0,0,0,.35); }.detail-bottle small { margin-top:7px; font-size:9px; letter-spacing:.16em; }.detail-content h1 { margin:17px 0; font:400 clamp(48px,6vw,78px)/.95 var(--serif); letter-spacing:-.055em; }.detail-content h1 em { color:var(--gold); font-weight:400; }.detail-description { max-width:480px; color:var(--muted); line-height:1.75; }.detail-notes { margin:36px 0; padding:20px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }.detail-notes p { display:grid; grid-template-columns:120px 1fr; gap:15px; margin:12px 0; color:var(--muted); font-size:12px; }.detail-notes strong { color:var(--gold); font-size:9px; letter-spacing:.1em; text-transform:uppercase; }.detail-price { margin-bottom:22px; color:var(--gold); font:400 28px var(--serif); }.stock-note { margin:13px 0 0; color:var(--muted); font-size:11px; }.stock-note.out { color:#db9187; }.cart-lines { border-top:1px solid var(--line); }.cart-line { display:grid; grid-template-columns:1fr auto auto; align-items:center; gap:22px; padding:22px 0; border-bottom:1px solid var(--line); }.cart-line h2 { margin:0 0 5px; font:400 25px var(--serif); }.cart-line p { margin:0; color:var(--muted); font-size:11px; }.cart-line strong { color:var(--gold); font-size:13px; }.cart-line button { border:0; padding:0; color:var(--muted); background:transparent; font-size:11px; text-decoration:underline; cursor:pointer; }.empty-state { color:var(--muted); line-height:1.7; }
@media (max-width:700px) { .django-header { flex-wrap:wrap; }.django-header nav { order:3; width:100%; justify-content:space-between; overflow-x:auto; }.django-footer { align-items:flex-start; flex-direction:column; }.detail-page { padding:45px 7vw 80px; }.detail-layout { grid-template-columns:1fr; gap:38px; }.detail-visual { min-height:410px; }.cart-line { grid-template-columns:1fr auto; }.cart-line form { grid-column:1 / -1; } }