/* ===== İÇERİK / FORM / DİĞER SAYFALAR ===== */
.page-hero{background:var(--band);text-align:center;padding:clamp(40px,6vw,72px) var(--gutter);}
.page-hero .breadcrumb{justify-content:center;margin-bottom:14px;}
.page-hero h1{font-family:var(--serif);font-size:clamp(1.9rem,3.4vw,2.8rem);font-weight:400;}
.page-hero p{color:#44423d;font-weight:300;margin-top:12px;max-width:60ch;margin-inline:auto;}
.article{max-width:calc(var(--maxw) + 2*var(--gutter));margin:0 auto;padding:clamp(36px,5vw,64px) var(--gutter);} /* içerik sayfaları diğer sayfalarla aynı konteynerde (1600px) */
.article.legal{max-width:calc(860px + 2*var(--gutter));} /* isteğe bağlı dar okuma sütunu (Sayfa › "Dar okuma sütunu") */
.article p{font-size:1.02rem;}
.article h2{font-family:var(--serif);font-size:1.5rem;font-weight:400;margin:32px 0 12px;}
.article h3{font-size:1rem;font-weight:600;margin:24px 0 8px;}
.article p{color:#3a3833;font-weight:300;margin-bottom:14px;line-height:1.8;}
.article ul{margin:0 0 16px 20px;color:#3a3833;font-weight:300;line-height:1.9;}
.article a.inline{border-bottom:1px solid;}

.field{margin-bottom:18px;}
.field label{display:block;font-size:.82rem;font-weight:500;margin-bottom:7px;}
.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);background:#fff;padding:13px 14px;font-family:inherit;font-size:.92rem;color:var(--ink);}
.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--ink);}
.field textarea{min-height:130px;resize:vertical;}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.form-note{font-size:.78rem;color:var(--grey);font-weight:300;margin-top:4px;}
.btn-full{width:100%;background:var(--ink);color:#fff;border:1px solid var(--ink);padding:15px;font-size:.9rem;letter-spacing:.03em;transition:.25s;}
.btn-full:hover{background:transparent;color:var(--ink);}

.contact-grid{max-width:calc(var(--maxw) + 2*var(--gutter));margin:0 auto;padding:clamp(36px,5vw,64px) var(--gutter);display:grid;grid-template-columns:1.3fr .7fr;gap:clamp(30px,5vw,64px);align-items:start;}
.contact-info{display:flex;flex-direction:column;gap:22px;}
.contact-info .ci{display:flex;gap:14px;align-items:flex-start;}
.contact-info svg{width:22px;height:22px;color:#7a776e;flex:0 0 auto;margin-top:2px;}
.contact-info h4{font-size:.95rem;font-weight:600;margin-bottom:4px;}
.contact-info p{font-size:.88rem;color:#4a483f;font-weight:300;line-height:1.6;}

.stores-wrap{max-width:calc(var(--maxw) + 2*var(--gutter));margin:0 auto;padding:clamp(30px,4vw,56px) var(--gutter) clamp(50px,7vw,90px);}
.stores-inner{display:grid;grid-template-columns:400px 1fr;border:1px solid var(--line);min-height:560px;}
.stores-list{padding:24px;overflow-y:auto;max-height:640px;}
.stores-search{display:flex;border:1px solid var(--line);margin-bottom:20px;}
.stores-search input{flex:1;border:none;outline:none;padding:13px 14px;font-family:inherit;font-size:.9rem;}
.stores-search button{background:var(--ink);color:#fff;border:none;padding:0 18px;}
.store{padding:18px 0;border-bottom:1px solid var(--line);cursor:pointer;}
.store:hover h4{text-decoration:underline;}
.store.active{background:#faf9f5;margin:0 -22px;padding-left:22px;padding-right:22px;}
.store h4{font-size:.98rem;font-weight:600;margin-bottom:5px;}
.store p{font-size:.84rem;color:#4a483f;font-weight:300;line-height:1.55;}
.store .hours{font-size:.8rem;color:var(--grey);margin-top:5px;}
.stores-map{position:relative;background:linear-gradient(135deg,#dfe4e0,#eef0ec);min-height:560px;}
.stores-map .lbl{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#8a938c;letter-spacing:.16em;text-transform:uppercase;font-size:.72rem;}
.stores-map .pin{position:absolute;width:16px;height:16px;background:var(--ink);border:3px solid #fff;border-radius:50% 50% 50% 0;transform:rotate(-45deg);box-shadow:0 2px 6px rgba(0,0,0,.3);}

/* ÖDEME */
.checkout{max-width:calc(var(--maxw) + 2*var(--gutter));margin:0 auto;padding:clamp(14px,2vw,28px) var(--gutter) clamp(50px,7vw,90px);}
.checkout h1{font-family:var(--serif);font-size:clamp(1.6rem,2.6vw,2.1rem);font-weight:400;margin-bottom:26px;}
.checkout-grid{display:grid;grid-template-columns:1fr 400px;gap:clamp(30px,4vw,60px);align-items:start;}
.checkout-step{border:1px solid var(--line);background:#fff;padding:clamp(20px,3vw,32px);margin-bottom:20px;}
.checkout-step .step-h{display:flex;align-items:center;gap:12px;font-size:1.05rem;font-weight:600;margin-bottom:20px;}
.checkout-step .step-h .num{width:26px;height:26px;border-radius:50%;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.82rem;flex:0 0 auto;}
.pay-methods{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap;}
.pay-methods .pm{border:1px solid var(--line);padding:10px 16px;font-size:.8rem;border-radius:4px;cursor:pointer;}
.pay-methods .pm.active{border-color:var(--ink);background:var(--band);}
.osum{border:1px solid var(--line);background:#faf9f5;padding:26px;position:sticky;top:90px;}
.osum h2{font-size:1.05rem;font-weight:600;margin-bottom:18px;}
.osum-line{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);align-items:center;}
.osum-line .ph{width:60px;height:60px;flex:0 0 auto;background:#f2f0ec;}
.osum-line .n{font-size:.82rem;font-weight:500;}
.osum-line .m{font-size:.76rem;color:var(--grey);}
.osum-line .p{margin-left:auto;font-size:.84rem;font-weight:500;white-space:nowrap;}
.osum-tot{display:flex;justify-content:space-between;font-size:.9rem;margin-top:12px;}
.osum-tot.grand{font-size:1.1rem;font-weight:600;border-top:1px solid var(--line);margin-top:14px;padding-top:14px;}

/* SİPARİŞ BAŞARILI */
.success{max-width:calc(var(--maxw) + 2*var(--gutter));margin:0 auto;padding:clamp(50px,8vw,110px) var(--gutter);text-align:center;}
.success .order-box,.success h1,.success p,.success .actions{max-width:720px;margin-inline:auto;}
.success .check{width:76px;height:76px;border-radius:50%;background:#1f7a4d;display:flex;align-items:center;justify-content:center;margin:0 auto 26px;}
.success .check svg{width:38px;height:38px;color:#fff;}
.success h1{font-family:var(--serif);font-size:clamp(1.8rem,3vw,2.4rem);font-weight:400;margin-bottom:12px;}
.success p{color:#3a3833;font-weight:300;margin-bottom:8px;}
.success .order-box{border:1px solid var(--line);background:#faf9f5;padding:24px;margin:30px 0;text-align:left;display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.success .order-box div span{display:block;font-size:.76rem;color:var(--grey);margin-bottom:3px;}
.success .order-box div b{font-weight:600;font-size:.92rem;}
.success .actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:10px;}

/* ÜYELİK / GİRİŞ */
.auth{max-width:calc(var(--maxw) + 2*var(--gutter));margin:0 auto;padding:clamp(30px,5vw,60px) var(--gutter);}
.auth-tabs,.auth-form{max-width:460px;margin-inline:auto;}
.auth-tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:28px;}
.auth-tabs button{flex:1;background:none;border:none;padding:14px;font-size:.95rem;color:var(--grey);border-bottom:2px solid transparent;margin-bottom:-1px;}
.auth-tabs button.active{color:var(--ink);border-color:var(--ink);font-weight:500;}
.auth-form{display:none;}
.auth-form.active{display:block;}
.auth .forgot{font-size:.82rem;color:var(--grey);border-bottom:1px solid var(--line);}
.auth .row-between{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;font-size:.84rem;}
.auth .check-line{display:flex;gap:9px;align-items:flex-start;font-size:.82rem;color:#4a483f;font-weight:300;margin-bottom:20px;}
.auth .check-line input{margin-top:2px;accent-color:var(--ink);}
.auth .club-note{background:var(--band);padding:16px;font-size:.82rem;color:#4a483f;font-weight:300;margin-bottom:22px;line-height:1.6;}

/* footer credit */
.foot-credit{width:100%;text-align:center;font-size:.75rem;color:var(--grey);margin-top:6px;font-weight:300;}
.foot-credit a{border-bottom:1px solid var(--line);}
.foot-credit a:hover{color:var(--ink);}

@media (max-width:820px){
  .contact-grid{grid-template-columns:1fr;}
  .stores-inner{grid-template-columns:1fr;}
  .stores-map{min-height:320px;}
  .stores-list{max-height:none;overflow:visible;} /* mobilde liste tam görünsün */
  .checkout-grid{grid-template-columns:1fr;}
  .osum{position:static;order:-1;} /* mobilde özet önce */
  .field-row{grid-template-columns:1fr;}
  .success .order-box{grid-template-columns:1fr;}
}

/* ===== İSTEK LİSTESİ ===== */
.wishpage{max-width:calc(var(--maxw) + 2*var(--gutter));margin:0 auto;padding:clamp(20px,3vw,40px) var(--gutter) clamp(50px,7vw,90px);}
.wishpage h1{font-family:var(--serif);font-size:clamp(1.7rem,3vw,2.3rem);font-weight:400;margin-bottom:6px;}
.wishpage .subttl{font-size:.9rem;color:var(--grey);margin-bottom:30px;}
.wish-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,1.8vw,24px);}
.wish-card{background:#fff;border:1px solid var(--line);position:relative;display:flex;flex-direction:column;}
.wish-card .ph{aspect-ratio:1/1;background:#f6f4f0;}
.wish-card .wc-remove{position:absolute;top:10px;right:10px;z-index:2;background:#fff;border:1px solid var(--line);border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:1rem;color:#666;line-height:1;}
.wish-card .wc-remove:hover{color:var(--ink);border-color:var(--ink);}
.wish-card .wc-body{padding:16px 18px 20px;display:flex;flex-direction:column;gap:5px;flex:1;}
.wish-card h3{font-size:.9rem;font-weight:600;}
.wish-card .wc-desc{font-size:.82rem;color:var(--grey);font-weight:300;}
.wish-card .wc-price{font-size:.9rem;font-weight:500;margin:2px 0 12px;}
.wish-card .btn{margin-top:auto;text-align:center;font-size:.82rem;padding:11px;}
.wish-empty{text-align:center;padding:clamp(40px,6vw,70px) var(--gutter) clamp(20px,3vw,30px);display:flex;flex-direction:column;align-items:center;gap:20px;}
.wish-empty svg{color:#c4bfb4;}
.wish-empty p{color:#3a3833;font-weight:300;}
@media(max-width:1100px){.wish-grid{grid-template-columns:repeat(3,1fr);}}
@media(max-width:820px){.wish-grid{grid-template-columns:repeat(2,1fr);}}

/* ===== HESABIM (giriş sonrası panel) ===== */
.account{max-width:calc(var(--maxw) + 2*var(--gutter));margin:0 auto;padding:clamp(20px,3vw,40px) var(--gutter) clamp(50px,7vw,90px);display:grid;grid-template-columns:260px 1fr;gap:clamp(24px,4vw,50px);align-items:start;}
.acc-side{border:1px solid var(--line);background:#fff;border-radius:2px;overflow:hidden;position:sticky;top:100px;}
.acc-side .acc-user{padding:22px;border-bottom:1px solid var(--line);}
.acc-side .acc-user .nm{font-weight:600;font-size:1rem;}
.acc-side .acc-user .em{font-size:.82rem;color:var(--grey);margin-top:2px;}
.acc-side nav a{display:flex;align-items:center;gap:12px;padding:14px 22px;font-size:.9rem;color:#4a483f;border-left:3px solid transparent;cursor:pointer;}
.acc-side nav a svg{width:18px;height:18px;color:#8a877f;}
.acc-side nav a:hover{background:#faf9f5;}
.acc-side nav a.active{background:#faf9f5;color:var(--ink);border-left-color:var(--ink);font-weight:500;}
.acc-side nav a.active svg{color:var(--ink);}
.acc-side nav a.logout{border-top:1px solid var(--line);color:var(--grey);}
.acc-panel{min-width:0;}
.acc-panel h1{font-family:var(--serif);font-size:clamp(1.5rem,2.6vw,2rem);font-weight:400;margin-bottom:8px;}
.acc-panel .sub{color:var(--grey);font-size:.9rem;margin-bottom:26px;}
.acc-view{display:none;padding:0;}
.acc-view.active{display:block;}
.addr-card .acts a{cursor:pointer;}
.acc-order{border:1px solid var(--line);background:#fff;padding:20px 22px;margin-bottom:16px;}
.acc-order .oh{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:14px;}
.acc-order .oh .no{font-weight:600;font-size:.92rem;}
.acc-order .oh .dt{font-size:.82rem;color:var(--grey);}
.acc-order .oitems{display:flex;gap:14px;flex-wrap:wrap;}
.acc-order .oitem{display:flex;gap:12px;align-items:center;}
.acc-order .oitem .ph{width:56px;height:56px;background:#f6f4f0;flex:0 0 auto;}
.acc-order .oitem .n{font-size:.84rem;font-weight:500;}
.acc-order .oitem .m{font-size:.76rem;color:var(--grey);}
.acc-order .of{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding-top:14px;border-top:1px solid var(--line);}
.acc-order .of .tot{font-weight:600;}
.ostat{display:inline-flex;align-items:center;gap:6px;font-size:.74rem;font-weight:500;padding:4px 11px;border-radius:20px;}
.ostat::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;}
.ostat.tamamlandi{color:#1f7a4d;background:#e8f3ec;}
.ostat.kargoda{color:#2e6fb0;background:#e6eef7;}
.ostat.hazirlaniyor{color:#b8860b;background:#f6efdc;}
.ostat.beklemede{color:#6d6a63;background:#ecebe6;}
.ostat.odendi{color:#2e6fb0;background:#e6eef7;}
.ostat.iptal{color:#b23b3b;background:#f6e9e9;}
.addr-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;}
.addr-card{border:1px solid var(--line);background:#fff;padding:20px 22px;position:relative;}
.addr-card.add{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:var(--grey);cursor:pointer;border-style:dashed;min-height:150px;}
.addr-card .tag{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent,#b8912f);font-weight:600;margin-bottom:8px;}
.addr-card h4{font-size:.92rem;font-weight:600;margin-bottom:6px;}
.addr-card p{font-size:.84rem;color:#4a483f;font-weight:300;line-height:1.6;}
.addr-card .acts{margin-top:12px;display:flex;gap:14px;font-size:.8rem;}
.addr-card .acts a{border-bottom:1px solid var(--line);color:var(--grey);}
.acc-form{max-width:520px;}
@media(max-width:820px){
  .account{grid-template-columns:1fr;}
  .acc-side{position:static;}
  .acc-side nav{display:flex;flex-wrap:wrap;}
  .acc-side nav a{border-left:none;border-bottom:2px solid transparent;padding:12px 16px;}
  .acc-side nav a.active{border-left:none;border-bottom-color:var(--ink);}
  .acc-side nav a.logout{border-top:none;}
  .acc-side .acc-user{display:none;}
  .addr-grid{grid-template-columns:1fr;}
}

/* ===== MODAL (sipariş detayı + adres) ===== */
.modal{position:fixed;inset:0;z-index:300;display:flex;align-items:flex-start;justify-content:center;padding:clamp(16px,5vh,60px) 16px;overflow-y:auto;}
.modal[hidden]{display:none;}
.modal-scrim{position:fixed;inset:0;background:rgba(24,21,14,.5);}
.modal-box{position:relative;background:#fff;width:min(580px,100%);border-radius:2px;box-shadow:0 30px 90px rgba(0,0,0,.3);animation:modalIn .22s cubic-bezier(.2,.7,.3,1);margin:auto 0;}
@keyframes modalIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.modal-x{position:absolute;top:12px;right:12px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:none;border:none;font-size:1.05rem;cursor:pointer;color:var(--grey);border-radius:50%;z-index:2;}
.modal-x:hover{background:#f2f0ea;color:var(--ink);}
.modal-body{padding:30px clamp(22px,4vw,38px) 34px;}
.modal-body h2{font-family:var(--serif);font-weight:400;font-size:1.35rem;margin-bottom:4px;padding-right:30px;}
.modal-body .msub{color:var(--grey);font-size:.85rem;margin-bottom:20px;}

/* sipariş detayı içi */
.od-track{display:flex;gap:0;margin:18px 0 24px;counter-reset:s;}
.od-track .step{flex:1;text-align:center;position:relative;font-size:.7rem;color:var(--grey);}
.od-track .step::before{content:"";display:block;width:14px;height:14px;border-radius:50%;background:#e2ded4;margin:0 auto 8px;position:relative;z-index:1;}
.od-track .step::after{content:"";position:absolute;top:6px;left:-50%;width:100%;height:2px;background:#e2ded4;z-index:0;}
.od-track .step:first-child::after{display:none;}
.od-track .step.done::before{background:var(--accent,#b8912f);}
.od-track .step.done::after{background:var(--accent,#b8912f);}
.od-track .step.done{color:var(--ink);font-weight:500;}
.od-sec{border-top:1px solid var(--line);padding:16px 0;}
.od-sec:last-child{border-bottom:1px solid var(--line);}
.od-sec .lbl{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--grey);margin-bottom:8px;font-weight:600;}
.od-line{display:flex;gap:14px;align-items:center;padding:8px 0;}
.od-line .ph{width:54px;height:54px;background:#f6f4f0;flex:0 0 auto;}
.od-line .n{font-size:.86rem;font-weight:500;}
.od-line .m{font-size:.77rem;color:var(--grey);}
.od-line .pr{margin-left:auto;font-size:.86rem;font-weight:600;white-space:nowrap;}
.od-addr{font-size:.85rem;color:#4a483f;font-weight:300;line-height:1.6;}
.od-tot{display:flex;justify-content:space-between;font-size:.86rem;padding:5px 0;color:#4a483f;}
.od-tot.grand{font-weight:700;color:var(--ink);font-size:1rem;border-top:1px solid var(--line);margin-top:8px;padding-top:12px;}
.od-cancel{background:#f6e9e9;color:#b23b3b;padding:12px 16px;border-radius:6px;font-size:.85rem;margin:6px 0 4px;}

/* adres formu */
.modal-form .field{margin-bottom:14px;}
.modal-form .field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.modal-form label{display:block;font-size:.78rem;color:var(--grey);margin-bottom:6px;}
.modal-form input,.modal-form textarea{width:100%;border:1px solid var(--line);background:#faf9f5;padding:11px 13px;font:inherit;font-size:.88rem;border-radius:2px;}
.modal-form input:focus,.modal-form textarea:focus{outline:none;border-color:var(--ink);background:#fff;}
.modal-form textarea{resize:vertical;min-height:66px;}
.modal-form .chk{display:flex;align-items:center;gap:8px;font-size:.84rem;color:#4a483f;cursor:pointer;margin:4px 0 20px;}
.modal-form .chk input{width:auto;}
.modal-actions{display:flex;gap:12px;margin-top:6px;}
.modal-actions .btn-full,.modal-actions .btn-ghost{flex:1;}
.btn-ghost{background:#fff;border:1px solid var(--ink);color:var(--ink);padding:13px;font:inherit;font-size:.85rem;letter-spacing:.04em;cursor:pointer;border-radius:2px;}
.btn-ghost:hover{background:#f6f4f0;}

/* mağaza haritası: stilize zemin + pin etiketleri */
.stores-map{background:radial-gradient(circle at 30% 30%,#e9ede8 0,#dfe4e0 55%,#d6dcd7 100%);background-image:radial-gradient(circle at 30% 30%,#e9ede8 0,#dfe4e0 55%,#d6dcd7 100%),linear-gradient(rgba(0,0,0,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.035) 1px,transparent 1px);background-size:auto,40px 40px,40px 40px;}
.stores-map .pin{cursor:pointer;}
.stores-map .pin::after{content:attr(title);position:absolute;left:22px;top:-6px;transform:rotate(45deg);white-space:nowrap;background:#fff;color:var(--ink);font-size:.72rem;padding:4px 8px;border:1px solid var(--line);box-shadow:0 2px 8px rgba(0,0,0,.08);opacity:0;pointer-events:none;transition:.15s;}
.stores-map .pin:hover::after,.stores-map .pin.active::after{opacity:1;}
.stores-map .pin.active{background:#b8912f;}

/* ===== Boşluk ölçeği (sayfalar) ===== */
.page-hero{padding:clamp(36px,5vw,56px) var(--gutter);}
.article,.contact-grid,.auth{padding-top:clamp(30px,4vw,48px);padding-bottom:var(--sp-page);}
.stores-wrap{padding:clamp(24px,3vw,36px) var(--gutter) var(--sp-page);}
.account{padding-bottom:var(--sp-page);}
.wishpage{padding-bottom:var(--sp-page);}
.checkout{padding-bottom:var(--sp-page);}