.account-page{background:#faf8f8;min-height:60vh;padding:44px 16px 72px;color:#222}
.account-wrap{max-width:1160px;margin:0 auto}.account-narrow{max-width:490px}
.account-card{background:#fff;border:1px solid #eee6e9;border-radius:14px;padding:30px;box-shadow:0 6px 30px rgba(25,16,20,.035)}
.account-eyebrow{color:#8f237d;font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;margin:0 0 8px}
.account-page h1{font-family:Montserrat,sans-serif;font-size:clamp(25px,3vw,34px);line-height:1.2;margin:0 0 10px;color:#17151a}
.account-page h2{font-size:20px;font-weight:700;margin:0 0 18px}.account-page h3{font-size:16px;margin:26px 0 12px}
.account-muted{font-size:14px;line-height:1.7;color:#69646c;margin:0 0 20px}.account-muted a,.account-note a{color:#8f237d;text-decoration:underline}
.account-tabs{display:flex;border-bottom:1px solid #eee6e9;margin:24px 0}.account-tabs a{width:50%;text-align:center;text-decoration:none;padding:13px;color:#666;font-size:14px;font-weight:600}.account-tabs a.active{color:#8f237d;border-bottom:2px solid #8f237d}
.account-form{display:grid;gap:17px}.account-form label{font-weight:600;font-size:13px;color:#29242b;display:grid;gap:8px}
.account-form input{width:100%;min-height:45px;padding:11px 13px;border:1px solid #ded9de;border-radius:7px;background:#fff;font:inherit;font-size:14px;color:#222;outline:none}
.account-form input:focus{border-color:#8f237d;box-shadow:0 0 0 3px rgba(143,35,125,.1)}.account-form input:disabled{background:#f7f5f6;color:#777}
.account-button{display:inline-flex;justify-content:center;align-items:center;min-height:45px;padding:11px 20px;border:0;border-radius:7px;background:var(--primary-color,#121117);color:#fff;cursor:pointer;font:600 14px Montserrat,sans-serif;text-decoration:none}.account-button:hover{background:#8f237d}
.account-note{font-size:12px;color:#777;line-height:1.7;margin:20px 0 0}.account-error,.account-success{font-size:14px;padding:12px 15px;border-radius:7px;margin-bottom:16px}.account-error{background:#fff0f1;color:#9c2039}.account-success{background:#e9f8ef;color:#247445}
.account-title{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 24px}.account-title .account-muted{margin:0}.account-outline{border:1px solid #d9d2d8;background:#fff;color:#17151a;padding:10px 16px;border-radius:7px;cursor:pointer;font:600 13px Montserrat,sans-serif;white-space:nowrap}
.account-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(270px,1fr);gap:20px;align-items:start}.account-order{display:flex;gap:15px;align-items:center;padding:16px 0;border-top:1px solid #f0eced;color:#222;text-decoration:none}.account-order:first-of-type{border-top:0}.account-order span:first-child{display:grid;gap:4px;flex:1}.account-order small,.account-coupon small{font-size:12px;color:#777}.account-order b{white-space:nowrap;font-size:14px}.account-order i{color:#aaa;font-size:11px}.account-status{font-size:12px;border-radius:20px;padding:6px 10px;background:#faf2f8;color:#8f237d;white-space:nowrap}
.account-coupon{display:grid;gap:5px;border:1px dashed #dcb6d4;border-radius:9px;padding:13px;margin:10px 0}.account-coupon strong{font-size:15px;letter-spacing:.04em;color:#8f237d}.account-coupon span{font-size:13px}
.account-pager{display:flex;gap:14px;justify-content:center;align-items:center;margin-top:16px;font-size:13px}.account-pager a{color:#8f237d}
.account-detail,.account-settings{margin-top:20px}.account-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.account-detail-grid div{display:grid;gap:4px;font-size:13px}.account-detail-grid b{color:#777;font-size:12px}.account-detail-grid span{overflow-wrap:anywhere}
.account-product{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #f0eced;padding:12px 0;font-size:14px}.account-total{font-size:17px;font-weight:700}.account-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}
@media(max-width:800px){.account-grid,.account-settings-grid{grid-template-columns:1fr}.account-page{padding:26px 12px 48px}.account-card{padding:20px}.account-order{flex-wrap:wrap}.account-status{order:3}.account-order b{margin-left:auto}.account-title{align-items:start}.account-detail-grid{grid-template-columns:1fr}}

/* Hesabım: mevcut marka renkleriyle sakin ve bölüm odaklı düzen. */
.account-dashboard{display:grid;grid-template-columns:224px minmax(0,1fr);gap:22px;align-items:start}
.account-sidebar{display:grid;gap:4px;padding:18px 11px;background:#fff;border:1px solid #eee6e9;border-radius:14px;box-shadow:0 6px 30px rgba(25,16,20,.035)}
.account-nav-label{padding:4px 13px 12px;color:#8f237d;letter-spacing:.09em;font-size:11px;font-weight:700}
.account-nav-link{display:flex;align-items:center;gap:12px;min-height:46px;padding:10px 13px;border-radius:8px;color:#5d5660;text-decoration:none;font-size:13px;font-weight:600;transition:background .2s,color .2s}
.account-nav-link i{width:19px;text-align:center;color:#8f237d}.account-nav-link small{margin-left:auto;border-radius:15px;padding:2px 7px;background:#f4e9f1;color:#8f237d;font-size:11px}
.account-nav-link:hover,.account-nav-link.active{color:#8f237d;background:#faf1f8}.account-nav-link:focus-visible,.account-quick-card:focus-visible,.account-disclosure summary:focus-visible{outline:2px solid #8f237d;outline-offset:2px}
.account-main{min-width:0}.account-panel{min-height:340px;padding:32px}.account-panel-heading{margin-bottom:26px}.account-panel-heading h2{margin-bottom:7px;font-size:23px;color:#17151a}.account-panel-heading .account-muted{margin:0}
.account-quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.account-quick-card{position:relative;display:flex;flex-direction:column;min-height:170px;gap:8px;padding:21px 17px;border:1px solid #eee6e9;border-radius:11px;text-decoration:none;color:#222;transition:border-color .2s,transform .2s}
.account-quick-card:hover{border-color:#d6a2cb;transform:translateY(-2px)}.account-quick-icon,.account-empty-icon,.account-disclosure-icon{display:inline-flex;align-items:center;justify-content:center;background:#faf1f8;color:#8f237d;border-radius:10px}
.account-quick-icon{width:36px;height:36px;margin-bottom:14px;font-size:15px}.account-quick-card strong{font-size:13px}.account-quick-card small{color:#777;font-size:12px}.account-quick-arrow{position:absolute;right:16px;bottom:21px;color:#8f237d;font-size:12px}
.account-empty{text-align:center;padding:36px 15px 43px;border:1px dashed #eadde6;border-radius:12px;background:#fdfbfc}.account-empty-icon{width:48px;height:48px;font-size:20px}.account-empty h3{margin:15px 0 8px}.account-empty p{font-size:13px;line-height:1.7;color:#777;margin:0 auto 15px;max-width:420px}.account-empty a,.account-back{color:#8f237d;font-weight:600;text-decoration:none;font-size:13px}
.account-back{display:inline-flex;align-items:center;gap:8px;margin-bottom:22px}.account-order-list{border-top:1px solid #f0eced}.account-order{min-height:68px}.account-order:hover{color:#8f237d}.account-order span:first-child small{font-weight:400}.account-order .account-status{flex:0 0 auto}.account-order .fa-chevron-right{margin-left:8px}
.account-coupon-list{display:grid;gap:12px}.account-coupon{display:grid;grid-template-columns:1fr auto;gap:7px 12px;margin:0;padding:17px 19px}.account-coupon>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.account-coupon>p{grid-column:1/-1;margin:0;color:#777;font-size:12px}.account-coupon-state{color:#8f237d!important}.account-coupon.inactive{opacity:.65;border-color:#e7e1e5}.account-coupon.inactive .account-coupon-state{color:#777!important}
.account-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:25px}.account-info>div{display:grid;gap:6px;padding:15px;border:1px solid #eee6e9;border-radius:9px;overflow-wrap:anywhere}.account-info span{color:#777;font-size:12px}.account-info strong{font-size:13px;font-weight:600}
.account-disclosure{margin-top:12px;border:1px solid #eee6e9;border-radius:10px;overflow:hidden}.account-disclosure[open]{border-color:#ddc3d6}.account-disclosure summary{display:flex;align-items:center;gap:13px;padding:16px;cursor:pointer;list-style:none}.account-disclosure summary::-webkit-details-marker{display:none}.account-disclosure-icon{flex:none;width:36px;height:36px}.account-disclosure summary>span:nth-child(2){display:grid;gap:4px;flex:1}.account-disclosure summary strong{font-size:13px}.account-disclosure summary small{color:#777;font-size:12px}.account-chevron{color:#8f237d;font-size:12px;transition:transform .2s}.account-disclosure[open] .account-chevron{transform:rotate(180deg)}
.account-disclosure .account-form{padding:0 16px 18px;border-top:1px solid #f4eef1;padding-top:18px;max-width:480px}.account-disclosure .account-button{justify-self:start}.account-coupon-note{margin:13px 0}.account-page .account-detail-grid{margin:10px 0 25px}
@media(max-width:900px){.account-dashboard{grid-template-columns:190px minmax(0,1fr);gap:14px}.account-quick-grid{grid-template-columns:1fr}.account-quick-card{min-height:90px;display:grid;grid-template-columns:37px 1fr;column-gap:12px;align-items:center;padding:16px}.account-quick-icon{grid-row:1/3;margin:0}.account-quick-card small{grid-column:2}.account-quick-arrow{bottom:34px}}
@media(max-width:700px){.account-dashboard{grid-template-columns:1fr}.account-sidebar{display:flex;gap:4px;overflow-x:auto;padding:8px;scrollbar-width:thin}.account-nav-label{display:none}.account-nav-link{flex:none;white-space:nowrap;padding:10px 12px}.account-nav-link small{margin-left:2px}.account-panel{min-height:0;padding:22px}.account-panel-heading h2{font-size:20px}.account-info{grid-template-columns:1fr}.account-title{align-items:start}.account-title h1{font-size:25px}.account-order .account-status{order:3}.account-order b{order:2}.account-order .fa-chevron-right{order:4}}
@media(max-width:420px){.account-title{flex-wrap:wrap}.account-title form{margin-left:auto}.account-quick-arrow{right:14px}.account-coupon{grid-template-columns:1fr}.account-coupon-state{grid-row:2}}
