/* Ören: sepet / üyelik / hesabım / favoriler / durum sayfaları.
   Statik tasarımda karşılığı yok; mevcut dilin (page-head, form-card, field, btn, c-item, faq-item, p-grid) devamı. */
:root{--sale-ink:color-mix(in srgb,var(--sale) 78%,#000);--sale-bg:color-mix(in srgb,var(--sale) 6%,#fff)}

.acc-sec{padding-block:56px 40px}
.acc-wait{min-height:40vh}
.acc-narrow .form-card{max-width:520px;margin-inline:auto}
.acc-sec .form-card form{display:grid;gap:14px}
.acc-sec .form-card .btn{width:100%;margin-top:6px}
.acc-sec .btn:disabled{opacity:.55;cursor:not-allowed}
.acc-sec select.field{appearance:auto}
.acc-sec .field:focus-visible{outline:2px solid var(--olive);outline-offset:1px}
.form-note.bad{color:var(--sale-ink)}
.acc-links{margin-top:16px;font-size:.9rem;color:var(--muted);display:grid;gap:6px}
.acc-links a,.acc-link{color:var(--green);text-decoration:underline;font-size:.9rem}

/* ikincil (çerçeveli) buton: .btn-ghost'un açık zemin karşılığı */
.btn-line{border:1.5px solid var(--green);color:var(--green);border-radius:999px;padding:11px 24px}
.btn-line:hover{background:color-mix(in srgb,var(--green) 7%,transparent)}
.acc-sec .btn:active{transform:translateY(1px)}

/* bireysel / kurumsal seçici */
.seg{display:flex;gap:4px;border:1px solid var(--line);border-radius:999px;padding:4px;background:var(--bg)}
.seg button{flex:1;padding:9px 12px;border-radius:999px;font-size:.9rem;color:var(--muted)}
.seg button[aria-pressed="true"]{background:var(--green);color:#fff}

/* boş / durum blokları */
.acc-empty{text-align:center;max-width:540px;margin-inline:auto;padding:24px 0 30px}
.acc-empty .ic{width:62px;height:62px;border-radius:50%;background:#eeeee4;display:grid;place-items:center;margin:0 auto 18px;color:var(--olive)}
.acc-empty .ic.bad{color:var(--sale-ink)}
.acc-empty .big{font-family:var(--serif);font-style:italic;font-size:clamp(3.4rem,8vw,5.2rem);line-height:1;color:var(--olive);margin-bottom:10px}
.acc-empty h2{font-size:clamp(1.5rem,2.4vw,2rem);font-weight:400;margin-bottom:10px}
.acc-empty p{color:var(--muted);font-size:.98rem}
.acc-empty p b{color:var(--text)}
.acc-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:24px}

/* sepet sayfası */
.cart-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:34px;align-items:start}
.cart-lines .c-item{grid-template-columns:88px minmax(0,1fr) auto;gap:18px}
.cart-lines .c-item:first-child{border-top:1px solid var(--line)}
.cart-lines .c-item .thumb{width:88px;height:88px}
.cart-lines .c-item b{font-size:1.12rem}
.cart-lines .c-item small{font-size:.85rem}
.cart-lines .c-item .rm{font-size:.82rem;padding:6px 0}
.line-end{display:grid;justify-items:end;gap:8px}
.line-end b{font-family:var(--sans)!important;font-weight:600;white-space:nowrap}
.cart-sum h3{margin-bottom:14px}
.sum-row{display:flex;justify-content:space-between;gap:16px;padding:7px 0;font-size:.95rem}
.sum-row.off{color:var(--olive-dark)}
.sum-row.total{border-top:1px solid var(--line);margin-top:8px;padding-top:14px;font-size:1.05rem;align-items:baseline}
.sum-row.total b{font-family:var(--serif);font-size:1.4rem;color:var(--green)}
.cart-sum .ship{font-size:.85rem;color:var(--olive-dark);margin-top:4px}
.coupon{display:flex;gap:8px;margin:16px 0 4px}
.coupon .field{min-width:0}
.coupon .btn{width:auto!important;margin:0!important;padding:11px 20px}
.cart-sum .form-note{margin-top:6px;min-height:0}
.cart-sum .btn-green{width:100%;margin-top:16px;padding-inline:20px}
.cart-sum .acc-link{display:block;text-align:center;margin-top:14px}

/* hesabım */
.acc-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 24px;margin-bottom:34px}
.acc-head h2{font-size:clamp(1.5rem,2.2vw,1.9rem);font-weight:400}
.acc-head p{color:var(--muted);font-size:.92rem;overflow-wrap:anywhere}
.acc-head .acc-actions{margin:0}
.acc-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:34px;align-items:start}
.acc-grid h2{font-size:clamp(1.4rem,2vw,1.7rem);font-weight:500;margin-bottom:16px}
.acc-grid .faq-list{gap:12px;max-width:none}
.order summary small{display:block;font-family:var(--sans);font-size:.85rem;color:var(--muted);margin-top:4px}
.order summary>span:first-child{min-width:0}
.order .ans .sum-row{font-size:.9rem;padding:5px 0}
.order .ans .acc-link{display:inline-block;margin-top:8px}
.addr{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;border:1px solid var(--line);border-radius:6px;background:var(--bg);padding:14px 18px;margin-bottom:12px}
.addr b{display:block;font-weight:600;font-size:.98rem}
.addr span{font-size:.9rem;color:var(--muted)}
.addr .rm{font-size:.82rem;color:var(--muted);text-decoration:underline;flex:none;padding:4px 0}
.acc-grid .form-card{margin-top:18px;padding:22px}
.acc-grid .form-card h3{font-size:1.25rem;margin-bottom:14px}

/* favoriler */
.fav-cell{display:flex;flex-direction:column;gap:8px;min-width:0}
.fav-cell .p-card{flex:1}
.fav-cell .rm{font-size:.82rem;color:var(--muted);text-decoration:underline;padding:6px 0}

/* çekmece: sepete git bağlantısı okunur puntoda */
.drawer .note{font-size:.82rem}
.drawer .note a{color:var(--green);text-decoration:underline}

@media (max-width:960px){
  .cart-layout,.acc-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:520px){
  .acc-sec{padding-block:34px 28px}
  .cart-lines .c-item{grid-template-columns:64px minmax(0,1fr);gap:12px}
  .cart-lines .c-item .thumb{width:64px;height:64px}
  .line-end{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center}
  .acc-sec .f-grid{grid-template-columns:minmax(0,1fr)}
  .acc-actions .btn{flex:1 1 100%}
}
/* arama sayfası: çekmecedeki arama satırının (serif girdi + yeşil alt çizgi) sayfa hâli */
.srch-bar{display:flex;gap:12px;align-items:center;max-width:760px;border-bottom:2px solid var(--green);padding-bottom:10px;margin-bottom:28px}
.srch-bar input{flex:1;min-width:0;border:0;background:transparent;font-family:var(--serif);font-size:clamp(1.4rem,3vw,2.2rem);color:var(--green)}
.srch-bar input:focus{outline:none}
.srch-bar:focus-within{border-bottom-color:var(--olive)}
.srch-bar .btn{padding:11px 26px}
.srch-count{color:var(--muted);font-size:.92rem;margin-bottom:18px}
