.metall-account{padding-top:24px;padding-bottom:40px;color:#292d33;overflow-wrap:anywhere}.metall-account-crumbs{display:flex;flex-wrap:wrap;gap:9px;font-size:13px;line-height:1.6;color:#59616b;margin-bottom:16px}.metall-account-crumbs a{color:inherit}.metall-account h1{font-size:28px;line-height:1.3;font-weight:700;margin:0 0 24px}.metall-account h2{font-size:20px;line-height:1.4;font-weight:600;margin:0 0 20px}.metall-account h3{font-size:18px;line-height:1.4;margin:0 0 12px}.metall-account-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:28px;align-items:start}.metall-account-navigation{min-width:0;background:#fff;border:0;border-radius:0;padding:8px}.metall-account-navigation>summary{display:none}.metall-account-navigation nav{display:grid;gap:2px}.metall-account-navigation a{display:flex;align-items:center;min-height:44px;padding:10px 14px;color:#424a56;font-size:14px;border-radius:3px}.metall-account-navigation a:hover{background:#f5f6f8;color:#a33c00}.metall-account-navigation a[aria-current=page]{background:#fff1e6;color:#9a3900;font-weight:600}.metall-account-navigation .metall-account-logout{margin-top:10px;border-top:1px solid #e0e3e8;border-radius:0;padding-top:16px}.metall-account-content{display:grid;gap:24px;min-width:0}.metall-account-section,.metall-account-profile{padding:28px;background:#fff;min-width:0}.metall-account-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.metall-account-section-heading h2{margin:0}.metall-account-profile{display:flex;justify-content:space-between;gap:24px;align-items:start}.metall-account-profile h2{margin-bottom:8px}.metall-account-profile p{font-size:14px;line-height:1.75;color:#59616b;margin:0}.metall-account-link,.metall-account-order-open{font-size:14px;color:#a33c00;text-decoration:underline;text-underline-offset:3px}.metall-account-link:hover,.metall-account-order-open:hover{color:#813000}.metall-account-profile>.metall-account-link{flex-shrink:0;min-height:40px;display:flex;align-items:center}.metall-account-orders{list-style:none;padding:0;margin:0}.metall-account-orders>li{display:grid;grid-template-columns:minmax(130px,1.2fr) minmax(100px,1fr) auto auto;gap:20px;align-items:center;padding:18px 0;border-top:1px solid #e0e3e8}.metall-account-orders>li:first-child{border-top:0;padding-top:0}.metall-account-orders>li:last-child{padding-bottom:0}.metall-account-order-number{display:block;color:#292d33;font-size:15px;font-weight:600;line-height:1.6}.metall-account-order-number:hover{color:#a33c00}.metall-account-order-date{display:block;font-size:13px;color:#59616b;margin-top:4px}.metall-account-status{font-size:13px;line-height:1.5;padding:5px 8px;background:#f1f3f5;color:#424a56;border-radius:4px;justify-self:start}.metall-account-order-total{font-size:17px;white-space:nowrap;font-variant-numeric:tabular-nums}.metall-account-order-open{min-height:40px;display:flex;align-items:center;justify-content:flex-end}.metall-account-empty{padding:12px 0}.metall-account-empty p{max-width:55ch;line-height:1.65;font-size:14px;color:#59616b;margin:0 0 20px}.metall-account-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 18px;background:#bd4700;border:1px solid #bd4700;border-radius:4px;color:#fff;font-size:14px;font-weight:600;line-height:20px;text-align:center;max-width:100%}.metall-account-button:hover,.metall-account-button:focus{background:#a33c00;border-color:#a33c00;color:#fff}.metall-account-button:disabled{opacity:.6;cursor:not-allowed}.metall-account-extra>summary{cursor:pointer;font-size:14px;color:#59616b;padding:10px 0;min-height:40px}.metall-account-extra>div{display:flex;gap:12px 24px;flex-wrap:wrap;padding:12px 0}.metall-account-extra a{font-size:14px;color:#a33c00;text-decoration:underline;text-underline-offset:3px}.metall-account-pagination{font-size:13px;color:#59616b}.metall-account-pagination .pagination{margin:0 0 12px}.metall-account-pagination .pagination>li>a,.metall-account-pagination .pagination>li>span{min-width:40px;min-height:40px;display:inline-flex;justify-content:center;align-items:center}.metall-account-pagination .pagination>.active>span{background:#bd4700;color:#fff}.metall-account-order-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:14px;color:#59616b}.metall-account-order-meta>a{margin-left:auto}.metall-account-products{list-style:none;padding:0;margin:0}.metall-account-products>li{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,1fr);gap:20px;padding:20px 0;border-bottom:1px solid #e0e3e8}.metall-account-products>li:first-child{padding-top:0}.metall-account-product-name{font-size:15px;line-height:1.6;font-weight:500}.metall-account-product-name>a{color:#292d33;text-decoration:underline;text-underline-offset:3px}.metall-account-product-name small{display:block;color:#59616b;font-size:13px;font-weight:400;line-height:1.6;margin-top:4px}.metall-account-products dl{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin:0}.metall-account-products dt{font-size:12px;font-weight:400;color:#59616b;margin-bottom:8px}.metall-account-products dd{font-size:15px;margin:0;white-space:nowrap;font-variant-numeric:tabular-nums}.metall-account-products dl>div:last-child dd{font-weight:600}.metall-account-product-actions{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px}.metall-account-products form{margin:0}.metall-account-totals{max-width:360px;margin:24px 0 0 auto}.metall-account-totals>div{display:flex;justify-content:space-between;gap:24px;font-size:14px;margin-bottom:12px}.metall-account-totals dt{font-weight:400}.metall-account-totals dd{margin:0;font-variant-numeric:tabular-nums;white-space:nowrap}.metall-account-totals>div:last-child{font-size:18px;padding-top:14px;margin-bottom:0;border-top:1px solid #e0e3e8}.metall-account-totals>div:last-child dt,.metall-account-totals>div:last-child dd{font-weight:700}.metall-account-details{display:grid;gap:20px;margin:0}.metall-account-details>div{display:grid;grid-template-columns:180px minmax(0,1fr);gap:20px;font-size:14px;line-height:1.7}.metall-account-details dt{font-weight:400;color:#59616b}.metall-account-details dd{margin:0}.metall-account-comment{font-size:14px;line-height:1.7}.metall-account-history{list-style:none;padding:0;margin:0}.metall-account-history>li{display:grid;grid-template-columns:110px minmax(0,1fr);gap:20px;padding:18px 0;border-top:1px solid #e0e3e8;font-size:14px;line-height:1.65}.metall-account-history>li:first-child{border:0;padding-top:0}.metall-account-history>li:last-child{padding-bottom:0}.metall-account-history time{color:#59616b;font-size:13px}.metall-account-history strong{font-weight:600}.metall-account-history p{margin:8px 0 0}.metall-account-notice,.metall-account-error{padding:14px 16px;line-height:1.65;font-size:14px;border-radius:4px}.metall-account-notice{background:#eff7f1;color:#284c37;border:1px solid #bfd5c5}.metall-account-error{background:#fff1f0;color:#8b2323;border:1px solid #e3b7b3}.metall-account :focus-visible{outline:2px solid #a33c00;outline-offset:3px}.metall-account ::selection{background:#f9d6bb;color:#292d33}.metall-account-settings{max-width:760px}.metall-account-settings--addresses{max-width:none}.metall-account-settings .uni-wrapper,.metall-account-settings .uni-form{background:transparent;padding:0;margin:0;max-width:none;width:100%}.metall-account-settings .form-group{margin:0 0 20px}.metall-account-settings .col-sm-2,.metall-account-settings .col-sm-10{width:100%;float:none;padding:0;text-align:left}.metall-account-settings .control-label,.metall-account-field>label{display:block;padding:0;margin:0 0 8px;font-size:14px;font-weight:600}.metall-account-settings input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.metall-account-settings select,.metall-account-settings textarea{min-height:46px;width:100%;max-width:100%;font-size:16px;line-height:22px;padding:11px 12px;background:#fff;color:#292d33;border:1px solid #b7c0cd;border-radius:4px;box-shadow:none;caret-color:#bd4700}.metall-account-settings .btn-primary{min-height:44px;padding:10px 18px;background:#bd4700;border-color:#bd4700;color:#fff;font-size:14px;border-radius:4px}.metall-account-settings .btn-primary:hover{background:#a33c00;border-color:#a33c00}.metall-account-settings .btn:disabled{opacity:.65}.metall-account-settings p{font-size:14px;line-height:1.65;margin:0 0 24px}.metall-account-settings form[data-account-form]{display:grid;gap:20px}.metall-account-settings form[data-account-form]>.metall-account-button{justify-self:start}.metall-account-password{position:relative}.metall-account-password input{padding-right:94px!important}.metall-account-password button{position:absolute;right:2px;top:2px;min-width:86px;min-height:42px;font-size:12px;background:transparent;color:#59616b;border:0;border-radius:3px;padding:0 8px}.metall-account-password button:hover{color:#a33c00;background:#fff5eb}.metall-account-check{display:flex;align-items:flex-start;gap:10px;line-height:1.7;font-size:14px;font-weight:400}.metall-account-check a{color:#a33c00;text-decoration:underline;text-underline-offset:3px}.metall-account-settings input[type=checkbox],.metall-account-settings input[type=radio]{position:static;opacity:1;width:17px;height:17px;flex:0 0 auto;margin:3px 0 0;accent-color:#bd4700;appearance:auto}.metall-account-settings label.input:before,.metall-account-settings label.input:after{display:none}.metall-account-settings label.input{display:flex;gap:10px;align-items:flex-start}.metall-account-settings .text-danger{font-size:13px;line-height:1.5;margin-top:8px}.metall-account-addresses{list-style:none;padding:0;margin:0}.metall-account-addresses>li{display:flex;justify-content:space-between;gap:24px;padding:20px 0;border-top:1px solid #e0e3e8;font-size:14px;line-height:1.7}.metall-account-address-actions{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap}.metall-account-address-actions>form[data-account-form]{display:block;margin:0}.metall-account-text-button{padding:0;border:0;min-height:24px;background:transparent;color:#a33c00;text-decoration:underline;text-underline-offset:3px;font-size:14px}.metall-account-muted{color:#59616b}
@media(max-width:1100px){.metall-account-layout{grid-template-columns:185px minmax(0,1fr);gap:20px}.metall-account-section,.metall-account-profile{padding:24px}.metall-account-orders>li{gap:12px;grid-template-columns:minmax(100px,1fr) minmax(90px,1fr) auto}.metall-account-order-open{grid-column:1/-1;justify-content:flex-start;min-height:30px}.metall-account-products>li{grid-template-columns:1fr}.metall-account-profile{flex-direction:column;gap:12px}}
@media(max-width:767px){.metall-account{padding-top:20px;padding-bottom:28px}.metall-account h1{font-size:24px;margin-bottom:20px}.metall-account h2{font-size:18px}.metall-account-layout{display:block}.metall-account-navigation{margin-bottom:16px;padding:0}.metall-account-navigation>summary{display:list-item;min-height:44px;padding:13px 16px;cursor:pointer;font-size:14px;line-height:20px;font-weight:600}.metall-account-navigation>nav{padding:4px 8px 8px}.metall-account-content{gap:16px}.metall-account-section,.metall-account-profile{padding:20px 16px}.metall-account-section-heading{flex-wrap:wrap;gap:12px}.metall-account-profile>.metall-account-link{min-height:30px}.metall-account-orders>li{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:18px 0}.metall-account-orders .metall-account-status{grid-column:1;grid-row:auto;max-width:100%;font-size:12px}.metall-account-order-total{grid-column:2;grid-row:1;align-self:start;font-size:17px}.metall-account-order-open{grid-column:2;grid-row:2;justify-content:flex-end;font-size:13px}.metall-account-products>li{gap:16px}.metall-account-products dl{gap:10px}.metall-account-products dt{font-size:12px}.metall-account-products dd{font-size:14px}.metall-account-product-actions{align-items:flex-start;flex-direction:column;gap:14px}.metall-account-totals{max-width:none}.metall-account-totals>div{gap:14px}.metall-account-details>div{display:block}.metall-account-details dt{margin-bottom:5px}.metall-account-history>li{grid-template-columns:1fr;gap:6px}.metall-account-crumbs{font-size:12px;gap:8px}.metall-account-addresses>li{flex-direction:column;gap:16px}.metall-account-settings form[data-account-form]>.metall-account-button{justify-self:stretch}}
.metall-account-settings .form-group.required .control-label:before{color:#59616b}