[hidden]{display:none!important}.account-page #customerLogin input{border:1px solid #dce5dd;border-radius:9px;padding:13px;width:100%;font-size:16px}.account-page #customerLogin h1{font-size:32px;letter-spacing:-1px}.account-page #customerLogin{padding:8px}#accountMessage,.orders-message{font-size:13px;color:#687d71;line-height:1.5}#changeEmail{background:none;border:0;padding:8px;color:#448538;font:inherit;cursor:pointer}.orders-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.orders-heading h2{font:800 22px Arial;letter-spacing:-.5px}.orders-heading button{border:1px solid #dce7dc;border-radius:8px;padding:9px 12px;background:white;color:#4d7354;font-size:11px;cursor:pointer}.customer-order{border:1px solid #e0e8df;border-radius:13px;padding:20px;margin-bottom:16px;background:#fff}.customer-order-head{display:flex;justify-content:space-between;align-items:start;gap:10px}.customer-order-head strong{font-size:12px;overflow-wrap:anywhere}.customer-order-head small{display:block;color:#849080;font-size:10px;margin-top:5px}.order-status{display:inline-block;white-space:nowrap;font-size:10px;padding:5px 9px;background:#fff4d7;color:#8d731f;border-radius:20px}.order-status.paid{background:#edf7e9;color:#397631}.order-status.cancelled{background:#f1f1f1;color:#888}.profile-item{display:flex;gap:13px;border-bottom:1px solid #eff2ec;padding:16px 0}.profile-item img{width:65px;height:65px;object-fit:contain;border-radius:7px;background:#fafbf9}.profile-item div{flex:1}.profile-item h3{font:600 12px/1.5 Arial;margin:0 0 5px}.profile-item p{font:11px/1.4 Arial;color:#8a9786;margin:0}.profile-total{display:flex;justify-content:space-between;align-items:center;padding:15px 0;font-size:12px}.profile-total b{font-size:21px}.profile-delivery{background:#f6f9f3;padding:12px;border-radius:8px;font-size:11px;line-height:1.6;color:#68815e;overflow-wrap:anywhere}.order-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.order-actions button{border:1px solid #dce5d7;border-radius:7px;background:#fff;color:#507341;padding:9px 12px;font-size:11px;cursor:pointer}.order-actions .cancel{color:#986253}.address-editor{margin-top:12px}.address-editor textarea{display:block;width:100%;min-height:80px;border:1px solid #ceddca;padding:12px;border-radius:8px;font:14px Arial;margin-bottom:8px}.address-editor button{border:0;border-radius:7px;background:#327b3c;color:white;padding:10px;cursor:pointer}.account-page .konto-overview{display:none!important}.account-page .konto-overview.placeholder-view{display:grid!important;grid-template-columns:1fr}.account-page .konto-overview.placeholder-view article{display:none}.account-page .konto-overview.placeholder-view article.visible-placeholder{display:grid}.account-page .konto-chat{display:none}.account-page .konto-chat.active-view{display:block}.account-page .konto-support{display:none}#profileSupport{margin-top:20px}.account-page .account-dialog:has(#customerLogin:not([hidden])){max-width:530px}.account-page .konto-content{min-width:0}.orders-message:empty{display:none}@media(max-width:720px){.account-page .konto-nav{display:flex;overflow-x:auto;gap:8px;padding-top:16px}.account-page .konto-nav a{white-space:nowrap;padding:10px 12px;font-size:11px}.konto-nav svg{display:none}.account-page .konto-content{padding:24px 16px}.customer-order{padding:16px}.orders-heading h2{font-size:20px}.customer-order-head{flex-wrap:wrap}.account-page .konto-content-head h1{font-size:26px!important}.account-page .konto-content-head{height:auto}.account-page .account-dialog:has(#customerLogin:not([hidden])){padding:25px 20px}}
/* Full desktop account workspace. Login and mobile retain their own layouts. */
@media (min-width: 901px) {
  .account-page-main:has(#accountDashboard:not([hidden])) { display:block; padding:0; min-height:100dvh; }
  .account-page .account-dialog:has(#accountDashboard:not([hidden])) { width:100%; max-width:none; max-height:none; min-height:100dvh; margin:0; padding:0; border:0; border-radius:0; box-shadow:none; overflow:visible; }
  .account-page-main:has(#accountDashboard:not([hidden])) > .account-back { display:none; }
  .account-page #accountDashboard { margin:0; }
  .account-page .konto-layout { grid-template-columns:260px minmax(0,1fr); min-height:100dvh; }
  .account-page .konto-sidebar { padding:36px 24px; }
  .account-page .konto-logo { font-size:26px; }
  .account-page .konto-nav a { font-size:15px; padding:15px 14px; }
  .account-page .konto-logout { font-size:15px; }
  .account-page .konto-content { padding:40px clamp(28px,4vw,76px); }
  .account-page .konto-content-head { margin-bottom:32px; }
  .account-page .konto-content-head h1 { font-size:36px!important; }
  .account-page .konto-content-head div > span, .account-page .konto-content-head > a { font-size:15px; }
  .account-page .orders-heading h2 { font-size:28px; }
  .account-page .orders-heading button { font-size:14px; padding:12px 16px; }
  .account-page .customer-order { padding:26px; margin-bottom:22px; }
  .account-page .customer-order-head strong { font-size:16px; }
  .account-page .customer-order-head small, .account-page .order-status { font-size:13px; }
  .account-page .profile-item { gap:20px; padding:22px 0; }
  .account-page .profile-item img { width:104px; height:104px; }
  .account-page .profile-item h3 { font-size:17px; }
  .account-page .profile-item p, .account-page .profile-delivery { font-size:14px; }
  .account-page .profile-total { font-size:16px; padding:20px 0; }
  .account-page .profile-total b { font-size:30px; }
  .account-page .profile-delivery { padding:18px; }
  .account-page .order-actions button { font-size:14px; padding:12px 16px; }
  .account-page .orders-message { font-size:14px; }
}
