.account-page{padding-top:58px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface,#fff) 92%,#f3eadc) 0,transparent 320px)}
.account-container{max-width:1240px}.account-heading{display:flex;align-items:stretch;gap:18px;max-width:none;margin:0 0 28px}.account-heading-mark{width:3px;border-radius:9px;background:linear-gradient(#b78a50,#7b5430)}.account-heading .eyebrow{margin:0 0 4px}.account-heading h1{margin:0 0 5px;font-size:clamp(34px,3.4vw,48px);line-height:1.05}.account-heading .lead{margin:0;max-width:700px;font-size:17px}
.account-grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.35fr);gap:28px;align-items:stretch}.account-card{display:flex;flex-direction:column;margin:0;padding:30px;border-color:color-mix(in srgb,var(--border,#dfd9d0) 78%,#b78a50);border-radius:16px;background:color-mix(in srgb,var(--surface,#fff) 97%,#faf7f2);box-shadow:0 16px 42px rgba(50,35,20,.065)}
.account-card-head{display:flex;gap:15px;align-items:flex-start;padding-bottom:21px;margin-bottom:22px;border-bottom:1px solid color-mix(in srgb,var(--border,#dfd9d0) 76%,transparent)}.account-card-icon{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:13px;color:#8b6238;background:linear-gradient(145deg,#fbf4e7,#efe0c8);border:1px solid #ead8bb}.account-card-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.account-card-head .account-kicker{margin:0 0 3px;font-size:11px;line-height:1.2;letter-spacing:.16em;color:#936b3e}.account-card-head h2{margin:0 0 4px;font-size:25px;line-height:1.2}.account-card-head p:last-child{margin:0;color:var(--muted,#6c655e);font-size:14px;line-height:1.45}
.account-form{display:grid;gap:17px}.register-form{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px}.form-field{display:grid;gap:7px;min-width:0}.form-field-full{grid-column:1/-1}.form-field>label{font-size:13px;font-weight:700;letter-spacing:.01em}.input-shell{position:relative;display:flex;align-items:center;min-width:0;height:50px;border:1px solid #cec7be;border-radius:10px;background:var(--surface,#fff);transition:border-color .18s,box-shadow .18s,background .18s}.input-shell:focus-within{border-color:#a87a42;box-shadow:0 0 0 3px rgba(168,122,66,.13)}.input-shell>svg,.input-leading-icon{flex:0 0 19px;width:19px;height:19px;margin-left:14px;color:#8b8177;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}.account-form .input-shell input{height:48px;min-width:0;padding:0 13px;border:0!important;border-radius:10px!important;background:transparent!important;box-shadow:none!important;outline:0}.input-shell:has(input:not(:placeholder-shown):valid){border-color:#8bb69e}.input-shell:has(input:not(:placeholder-shown):invalid){border-color:#cf8c84}.password-field button{display:grid;place-items:center;flex:0 0 46px;width:46px;height:48px;padding:0;border:0;background:transparent;color:#675e55;cursor:pointer}.password-field button:hover{color:#9a6d39}.password-field button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}.password-field .eye-closed{display:none}.password-field button[aria-pressed=true] .eye-open{display:none}.password-field button[aria-pressed=true] .eye-closed{display:block}.phone-prefix{flex:0 0 auto;padding:0 0 0 10px;font-size:14px;font-weight:700;color:#665d53}.phone-field>svg{margin-right:0}.field-hint,.password-match{min-height:17px;font-size:12px;line-height:1.4;color:#81776d}.password-match.valid{color:#24704a}.password-match.invalid{color:#b43d35}
.form-inline{display:flex;align-items:center;justify-content:space-between;gap:14px}.form-inline>a,.legal-consents a{color:#936538;text-decoration-color:rgba(147,101,56,.35);text-underline-offset:3px}.shop-check{position:relative;display:flex!important;align-items:flex-start!important;gap:10px;cursor:pointer}.shop-check input[type=checkbox]{appearance:none;-webkit-appearance:none;display:grid;place-content:center;flex:0 0 19px;width:19px;height:19px;margin:1px 0 0;border:1.5px solid #aaa097;border-radius:5px;background:var(--surface,#fff);cursor:pointer;transition:.15s}.shop-check input[type=checkbox]::before{content:'';width:9px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) scale(0);transition:transform .12s}.shop-check input[type=checkbox]:checked{border-color:#9b6d38;background:#9b6d38}.shop-check input[type=checkbox]:checked::before{transform:rotate(-45deg) scale(1)}.shop-check input[type=checkbox]:focus-visible{outline:3px solid rgba(168,122,66,.2);outline-offset:2px}.shop-check>span{min-width:0;line-height:1.45}.shop-check small{display:block;margin-top:3px;color:#82776d;font-size:12px}
.account-submit{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:50px;padding:0 19px;border-radius:10px;background:linear-gradient(135deg,#a97940,#80562e);border-color:#80562e;box-shadow:0 8px 20px rgba(128,86,46,.16);letter-spacing:.055em}.account-submit svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s}.account-submit:hover svg{transform:translateX(3px)}.account-submit:disabled{filter:saturate(.5);box-shadow:none}
.account-benefits{display:grid;gap:8px;margin-top:auto;padding:23px 2px 1px;color:#62594f;font-size:13px}.account-benefits:before{content:'';height:1px;margin-bottom:8px;background:linear-gradient(90deg,#decdb6,transparent)}.account-benefits span::first-letter{color:#397657}
.password-guidance{padding:12px 14px;border-radius:10px;background:color-mix(in srgb,#f2eadf 62%,transparent)}.password-guidance>p{margin:0 0 8px;font-size:12px;font-weight:700;color:#74695f}.password-rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px;margin:0;padding:0;list-style:none;font-size:12px}.password-rules li{display:flex;align-items:center;gap:7px;color:#898078}.password-rules li:before{content:'✓';display:grid;place-items:center;width:16px;height:16px;border:1px solid #c9c1b8;border-radius:50%;font-size:9px;color:transparent}.password-rules li.valid{color:#28734d}.password-rules li.valid:before{color:#fff;border-color:#3d8a63;background:#3d8a63}.password-rules li.invalid{color:#898078}
.legal-consents{display:grid;gap:11px;padding:14px 0 2px;border-top:1px solid var(--border,#dfd9d0)}.legal-consents .shop-check{padding:0;border:0}.marketing-check{padding-top:11px!important;border-top:1px dashed color-mix(in srgb,var(--border,#dfd9d0) 75%,transparent)!important}
.account-help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:24px}.account-help-card{border:1px solid color-mix(in srgb,var(--border,#dfd9d0) 82%,#b78a50);border-radius:12px;background:color-mix(in srgb,var(--surface,#fff) 98%,#faf7f2);overflow:hidden}.account-help-card summary{display:grid;grid-template-columns:34px minmax(0,1fr) 20px;align-items:center;gap:11px;min-height:62px;padding:10px 18px;font-weight:700;cursor:pointer;list-style:none}.account-help-card summary::-webkit-details-marker{display:none}.help-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#f4eadc;color:#8c6237;font-family:Georgia,serif}.help-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round}.help-chevron{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;transition:transform .18s}.account-help-card[open] .help-chevron{transform:rotate(180deg)}.account-help-content{padding:2px 18px 18px;border-top:1px solid var(--border,#dfd9d0)}.account-help-content>p{margin:14px 0;color:#746b62;font-size:13px}.help-form{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px}.account-secondary-button{height:50px;padding:0 18px;border:1px solid #9b6d38;color:#80562e;background:transparent;border-radius:10px;white-space:nowrap}
[data-theme=dark] .account-page{background:linear-gradient(180deg,rgba(176,125,65,.07),transparent 320px)}[data-theme=dark] .account-card,[data-theme=dark] .account-help-card{background:#222725;border-color:#414944;box-shadow:0 18px 44px rgba(0,0,0,.18)}[data-theme=dark] .input-shell,[data-theme=dark] .shop-check input[type=checkbox]{background:#1c211f;border-color:#545e58}[data-theme=dark] .password-guidance,[data-theme=dark] .help-icon{background:#2d2a24}
@media(max-width:1024px){.account-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:22px}.account-card{padding:26px}.register-form{grid-template-columns:1fr}.form-field-full{grid-column:auto}.password-rules{grid-template-columns:1fr}.account-help-grid{gap:22px}}
@media(max-width:768px){.account-page{padding-top:38px}.account-heading{margin-bottom:22px}.account-grid,.account-help-grid{grid-template-columns:1fr}.account-card{padding:26px}.account-benefits{margin-top:22px}.register-form{grid-template-columns:repeat(2,minmax(0,1fr))}.form-field-full{grid-column:1/-1}.password-rules{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.account-page{padding-top:28px}.account-heading{gap:12px}.account-heading .lead{font-size:15px;line-height:1.55}.account-card{padding:20px;border-radius:13px}.account-card-head{gap:11px;margin-bottom:19px;padding-bottom:18px}.account-card-icon{flex-basis:39px;width:39px;height:39px}.register-form{grid-template-columns:1fr}.form-field-full{grid-column:auto}.password-rules{grid-template-columns:1fr 1fr}.form-inline{align-items:flex-start}.account-submit{width:100%}.account-help-grid{gap:12px}.help-form{grid-template-columns:1fr}.account-secondary-button{width:100%}.account-help-card summary{padding-inline:14px}.legal-consents{font-size:13px}}
@media(max-width:390px){.account-card{padding:17px}.account-card-head h2{font-size:22px}.input-shell{height:48px}.password-rules{grid-template-columns:1fr}.form-inline{display:grid}.account-help-card summary{font-size:14px}.phone-prefix{padding-left:7px}.account-form .input-shell input{padding-inline:9px}}
.account-center{padding-top:46px;background:#faf8f4}.account-shell{max-width:1240px;display:grid;grid-template-columns:240px minmax(0,1fr);gap:28px;align-items:start}.account-nav{position:sticky;top:100px;display:grid;padding:20px 0;border:1px solid var(--border,#ded8cf);border-radius:14px;background:var(--surface,#fff);box-shadow:0 7px 24px rgba(45,35,22,.05);overflow:hidden}.account-nav>strong{padding:0 20px 15px;color:#8c6337;font-size:13px;letter-spacing:.12em}.account-nav>a,.account-nav button{display:block;width:100%;padding:12px 20px;border:0;border-left:3px solid transparent;background:transparent;color:inherit;text-align:left;text-decoration:none;font:inherit;cursor:pointer}.account-nav>a:hover,.account-nav>a.active{border-left-color:#aa7a41;background:#f7f1e8;color:#80582e}.account-nav form{margin-top:10px;padding-top:10px;border-top:1px solid var(--border,#ded8cf)}.account-nav button{color:#9b3d35}.account-content{min-width:0}.account-content>header,.account-title-row{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:22px}.account-content h1{margin:0 0 22px;font-size:clamp(30px,3vw,42px)}.account-content>header h1{margin:0}.account-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.account-summary-grid .shop-panel,.address-card,.order-card{margin:0}.account-summary-grid .shop-panel{min-height:210px;display:flex;flex-direction:column;align-items:flex-start}.account-summary-grid .shop-panel>a{margin-top:auto}.status-ok{color:#27754d;font-size:12px}.status-chip{display:inline-block;margin:2px 4px 2px 0;padding:5px 9px;border-radius:999px;background:#f2e8d9;color:#7d572f;font-size:12px}.order-card-list{display:grid;gap:12px}.order-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.7fr) auto;align-items:center;gap:18px}.order-card h2{margin:3px 0;font-size:18px}.order-card>div:nth-child(2){display:grid;gap:7px;justify-items:start}.account-pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:24px}.address-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.address-card header{display:flex;justify-content:space-between;gap:12px}.address-card h2{margin:0 0 14px}.address-actions{display:flex;gap:18px;margin-top:18px}.address-actions form{margin:0}.address-actions button{padding:0;border:0;background:none;color:#a23e35;text-decoration:underline;cursor:pointer}.account-edit-form{max-width:760px;margin:0;gap:18px}.form-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.account-edit-form fieldset{padding:14px;border:1px solid var(--border,#ded8cf);border-radius:10px}.account-edit-form fieldset label{display:inline-flex;margin:8px 20px 4px 0;gap:7px}.account-edit-form small{color:var(--muted,#6c655e)}
@media(max-width:900px){.account-shell{grid-template-columns:1fr}.account-nav{position:static;display:flex;overflow-x:auto;padding:8px}.account-nav>strong{display:none}.account-nav>a,.account-nav button{width:auto;flex:0 0 auto;padding:10px 13px;border-left:0;border-bottom:2px solid transparent;white-space:nowrap}.account-nav>a.active{border-left:0;border-bottom-color:#aa7a41}.account-nav form{margin:0 0 0 auto;padding:0;border:0}.account-summary-grid{grid-template-columns:1fr 1fr}.order-card{grid-template-columns:1fr auto}.order-card>a{grid-column:1/-1}.address-grid{grid-template-columns:1fr}}
@media(max-width:600px){.account-center{padding-top:24px}.account-shell{gap:18px}.account-summary-grid{grid-template-columns:1fr}.account-summary-grid .shop-panel{min-height:0}.account-title-row{align-items:flex-start;flex-direction:column}.form-pair{grid-template-columns:1fr}.order-card{grid-template-columns:1fr}.account-content h1{font-size:30px}}

/* Hesap merkezi mevcut site paletini ve tema degiskenlerini kullanir. */
.account-center{
  --border:var(--line);
  background:var(--surface-alt);
  color:var(--text);
  padding-bottom:56px;
}
.account-shell{max-width:1184px}
.account-center .account-nav{
  background:var(--surface);
  border-color:var(--line);
  border-radius:8px;
  box-shadow:none;
}
.account-center .account-nav>strong{color:var(--accent-text)}
.account-center .account-nav>a,.account-center .account-nav button{
  color:var(--text);
  transition:background .18s ease,color .18s ease;
}
.account-center .account-nav>a:hover{background:var(--surface-alt)}
.account-center .account-nav>a.active{
  background:color-mix(in srgb,var(--accent) 10%,var(--surface));
  color:var(--accent-text);
  border-left-color:var(--accent);
  font-weight:600;
}
.account-center .account-nav form{border-color:var(--line)}
.account-center .account-nav button:hover{background:var(--surface-alt);color:var(--accent-text)}
.account-center .account-content>header{
  flex-direction:column;
  align-items:flex-start;
  gap:8px;
  margin-bottom:28px;
}
.account-center .account-content>header .eyebrow{margin:0;color:var(--accent-text)}
.account-center .account-content h1{
  color:var(--text);
  font-size:clamp(28px,3vw,38px);
  line-height:1.25;
  overflow-wrap:anywhere;
}
.account-center .shop-panel{
  min-width:0;
  background:var(--surface);
  color:var(--text);
  border-color:var(--line);
  border-radius:8px;
  box-shadow:none;
}
.account-center .shop-panel h2{font-size:22px;line-height:1.35}
.account-center .shop-panel p{overflow-wrap:anywhere}
.account-center .account-summary-grid .shop-panel>a,
.account-center .address-actions a,
.account-center .order-card>a,
.account-center .account-pagination a{color:var(--accent-text);font-weight:600}
.account-center .account-summary-grid .shop-panel>a:hover,
.account-center .address-actions a:hover,
.account-center .order-card>a:hover{text-decoration:underline;text-underline-offset:4px}
.account-center .status-ok{display:inline-block;color:var(--success);white-space:nowrap}
.account-center .status-chip{background:var(--surface-soft);color:var(--accent-text)}
.account-center .shop-form input:not([type=checkbox]):not([type=radio]),
.account-center .shop-form select,
.account-center .shop-form textarea{
  background:var(--surface);
  color:var(--text);
  border-color:var(--line);
}
.account-center .shop-form :is(input,select,textarea,button,a):focus-visible,
.account-center .account-nav :is(a,button):focus-visible{
  outline:2px solid var(--accent);
  outline-offset:3px;
}
.account-center .shop-check input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}
@media(max-width:900px){
  .account-center .account-nav>a.active{border-left:0;border-bottom-color:var(--accent)}
}
@media(max-width:600px){
  .account-center{padding-bottom:32px}
  .account-center .account-content>header{margin-bottom:20px}
}

/* Mobil konum secici: native acilir liste yerine ekrana sigan alt panel. */
.location-select-trigger{display:none}
@media(max-width:700px){
  .location-native-select{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:0!important;
    opacity:0!important;
    pointer-events:none!important;
  }
  .location-select-trigger{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    width:100%;
    min-height:52px;
    padding:12px 16px;
    border:1px solid var(--line);
    border-radius:8px;
    background:var(--surface,#fff);
    color:var(--text,#1b1b1b);
    text-align:left;
  }
  .location-select-trigger i{
    width:9px;
    height:9px;
    flex:0 0 auto;
    border-right:2px solid currentColor;
    border-bottom:2px solid currentColor;
    transform:rotate(45deg) translateY(-2px);
  }
  .location-select-trigger:focus-visible{outline:2px solid var(--accent);border-color:var(--accent);outline-offset:1px}
  .location-select-trigger:disabled{opacity:.55;cursor:not-allowed}
}
.location-picker-dialog{
  width:min(100%,560px);
  max-width:none;
  max-height:none;
  margin:auto auto 0;
  padding:0;
  border:0;
  border-radius:20px 20px 0 0;
  background:var(--surface,#fff);
  color:var(--text,#1b1b1b);
  box-shadow:0 -18px 55px rgb(0 0 0 / 28%);
}
.location-picker-dialog::backdrop{background:rgb(15 12 10 / 58%);backdrop-filter:blur(2px)}
.location-picker-sheet{display:flex;flex-direction:column;max-height:min(76dvh,640px);padding:0 16px max(16px,env(safe-area-inset-bottom))}
.location-picker-sheet header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 2px 13px;border-bottom:1px solid var(--line,#ddd)}
.location-picker-sheet header strong{font-size:17px}
.location-picker-close{display:grid;place-items:center;width:38px;height:38px;padding:0;border:0;border-radius:50%;background:var(--surface-soft);color:var(--accent-text);font-size:27px;line-height:1;cursor:pointer}
.location-picker-search{display:block!important;padding:13px 0 10px}
.location-picker-search input{width:100%;min-height:46px;padding:10px 14px;border:1px solid var(--line,#ddd);border-radius:10px;background:var(--surface-alt,#f7f4ef);color:inherit;outline:0}
.location-picker-search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)}
.location-picker-options{display:grid;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-bottom:6px}
.location-picker-option{min-height:47px;padding:10px 12px;border:0;border-bottom:1px solid var(--line,#ddd);background:transparent;color:inherit;text-align:left;font:inherit;cursor:pointer}
.location-picker-option[aria-selected=true]{border-radius:8px;background:var(--surface-soft);color:var(--accent-text);font-weight:700}
.location-picker-option.placeholder{color:var(--muted,#777)}

.account-edit-form .field-label{display:inline-flex;align-items:baseline;gap:4px}
.account-edit-form .req{color:#b33d32;font-weight:700}
.account-edit-form .form-legend{margin:0;font-size:13px;color:var(--muted,#6c655e)}
.account-edit-form .field-error{font-size:13px;color:#b33d32}
.account-edit-form .field-error:empty,.account-edit-form .validation-summary-valid{display:none}
.account-edit-form .field-error ul{margin:0;padding-left:18px}
.account-edit-form [aria-invalid=true]{border-color:#b33d32}
