/* Account and checkout presentation. Existing data and controls stay in place. */
html body.page-account,html body.nk19-checkout{background:#f4f6f5!important}
html body.page-account .page-head{padding-top:38px!important;padding-bottom:26px!important;text-align:left;background:none!important;min-height:0}
html body.page-account .page-head h1{margin:0;line-height:1.2}
html body .nk33-eyebrow{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--nk31-ink,var(--green));margin-bottom:12px}
html body .nk33-lede{color:#65716c;font-size:15px;line-height:1.7;max-width:620px;margin:12px 0 0}
html body.page-account .acc-layout{grid-template-columns:260px minmax(0,1fr);gap:26px;align-items:start;padding-bottom:70px}
html body.page-account .acc-layout>div{min-width:0}
html body.page-account .acc-nav{background:#fff;border:1px solid #e0e6e2;border-radius:18px;padding:12px;position:sticky;top:20px;box-shadow:0 8px 28px #173a2510}
html body.page-account .acc-nav__user{padding:18px 12px 22px;margin-bottom:12px;overflow-wrap:anywhere}
html body.page-account .acc-nav__user b{font-size:18px;line-height:1.4;margin:0 0 8px}
html body.page-account .acc-nav__user span{display:block;font-size:13px;line-height:1.5}
html body.page-account .acc-nav :is(a,button){padding:13px 14px;margin:3px 0;border-radius:10px;font-size:14px;min-height:46px}
html body.page-account .acc-nav a.is-active{background:#eef3ef;color:var(--nk31-ink,var(--green));box-shadow:inset 3px 0 var(--nk31-ink,var(--green))}
html body.page-account .acc-nav form{border-top:1px solid #e5e9e6;margin-top:14px;padding-top:8px}
html body.page-account .acc-panel{padding:28px;border:1px solid #e0e6e2;border-radius:18px;background:#fff;box-shadow:0 8px 28px #173a2508}
html body.page-account .acc-panel[hidden]{display:none!important}
html body.page-account .acc-panel h2{margin:0 0 24px;line-height:1.3}
html body.page-account .stat-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:22px}
html body.page-account .stat-card{padding:20px 16px;border-radius:12px;border:1px solid #e1e7e3;background:#f7f9f7;min-width:0;box-shadow:none}
html body.page-account .stat-card b{font-size:28px;color:var(--nk31-ink,var(--green));display:block;line-height:1.2;margin-bottom:9px}
html body.page-account .stat-card span{display:block;font-size:12px;line-height:1.6;overflow-wrap:anywhere}
html body.page-account .notice{padding:18px;border-radius:12px;line-height:1.65;margin:14px 0;overflow-wrap:anywhere}
html body.page-account .order-card{grid-template-columns:minmax(0,1fr) auto auto;gap:14px;padding:20px;border-radius:14px;border:1px solid #dfe6e1;box-shadow:none;margin:14px 0}
html body.page-account .order-card>div{gap:7px;overflow-wrap:anywhere}
html body.page-account .order-card>.btn{min-height:42px;border-radius:8px!important}
html body.page-account .status{font-size:12px;line-height:1.4;white-space:normal}
html body.page-account .acc-panel .form-card{max-width:none!important;border:0;padding:0;box-shadow:none;background:none!important}
html body.page-account .acc-panel :is(input:not([type=checkbox]),select){min-height:50px;border:1px solid #cdd8d0;border-radius:9px;background:#fff;font-size:16px}
html body.page-account .acc-panel .field label{display:block;font-size:13px;font-weight:600;margin-bottom:8px}
html body.page-account .acc-panel .form-grid{gap:20px;margin-bottom:22px}
html body.page-account .acc-panel .btn{border-radius:9px!important}
html body.page-account .empty-note{background:#f7f9f7;border:1px dashed #cdd8d0;border-radius:12px;padding:28px;line-height:1.8}
/* Checkout */
html body.nk19-checkout .nk19-checkout-header{background:#fff;border-bottom:1px solid #e0e6e2}
html body.nk19-checkout .nk19-checkout-header>div{max-width:1200px;padding:20px 24px;min-height:88px}
html body.nk19-checkout .nk19-checkout-shell{max-width:1200px;padding:30px 24px 60px;gap:28px;grid-template-columns:minmax(0,1.35fr) minmax(300px,.85fr);align-items:start}
html body.nk19-checkout .nk19-checkout-main{padding:0;min-width:0}
html body.nk19-checkout .nk33-checkout-intro{margin:0 0 24px}
html body.nk19-checkout .nk33-checkout-intro h1{font-size:30px;line-height:1.2;margin:0;color:var(--nk31-ink,var(--green));font-weight:600}
html body.nk19-checkout .nk33-steps{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 0;padding:0;list-style:none}
html body.nk19-checkout .nk33-steps a{display:flex;gap:8px;align-items:center;font-size:12px;color:#4b5c52;padding:7px 10px;background:#fff;border:1px solid #dce5de;border-radius:24px}
html body.nk19-checkout .nk33-steps b{display:grid;place-items:center;width:21px;height:21px;background:#edf3ee;border-radius:50%;color:var(--nk31-ink,var(--green))}
html body.nk19-checkout .nk19-section{padding:26px;background:#fff;border:1px solid #dfe6e1;border-radius:16px;margin-bottom:20px;box-shadow:0 7px 24px #173a2505;scroll-margin-top:22px}
html body.nk19-checkout .nk19-section h2{font-size:20px;line-height:1.4;margin-bottom:20px;font-weight:650}
html body.nk19-checkout .nk19-section-heading{gap:12px;align-items:baseline;flex-wrap:wrap}
html body.nk19-checkout .nk19-field{margin-bottom:14px}
html body.nk19-checkout .nk19-field :is(input,select){min-height:56px;border-radius:9px;border-color:#cdd8d0;padding:24px 13px 8px;font-size:16px;box-shadow:none}
html body.nk19-checkout .nk19-field>label{top:8px;left:13px;color:#58665d;font-size:11px}
html body.nk19-checkout .nk19-checkbox{line-height:1.6;font-size:13px;margin-top:16px;align-items:flex-start}
html body.nk19-checkout .nk19-checkbox input{margin-top:3px}
html body.nk19-checkout .nk19-fields-row{gap:14px}
html body.nk19-checkout :is(.nk19-payment-box,.nk19-billing-box){border:1px solid #d5dfd7;border-radius:12px;overflow:hidden}
html body.nk19-checkout .nk19-bank-instructions{padding:20px;background:#f6f8f6;line-height:1.85;font-size:14px;overflow-wrap:anywhere}
html body.nk19-checkout .nk19-bank-instructions>div{padding:5px 0;border-bottom:1px solid #e2e8e3}
html body.nk19-checkout .nk19-bank-instructions>div:last-child{border:0}
html body.nk19-checkout .nk19-radio{padding:17px;line-height:1.5;font-size:14px;align-items:center}
html body.nk19-checkout .nk19-shipping{padding:18px;gap:16px;background:#f1f5f1;border:1px solid #dce6dd;line-height:1.6;align-items:start}
html body.nk19-checkout .nk19-shipping strong{white-space:nowrap}
html body.nk19-checkout .nk19-muted{font-size:13px;line-height:1.7;margin:12px 0;color:#65716c}
html body.nk19-checkout .nk19-complete{border-radius:11px;min-height:56px;margin-top:18px;box-shadow:0 6px 16px #173a2512}
html body.nk19-checkout .nk19-complete:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}
html body.nk19-checkout .nk19-checkout-summary{background:#fff;border:1px solid #dfe6e1;border-radius:16px;min-height:0;padding:26px;position:sticky;top:24px;font-size:14px;box-shadow:0 8px 28px #173a2508;min-width:0}
html body.nk19-checkout .nk19-checkout-summary::after{display:none}
html body.nk19-checkout .nk33-summary-title{font-size:19px;line-height:1.4;margin:0 0 24px}
html body.nk19-checkout .nk19-summary-item{gap:14px;line-height:1.6;padding:14px 0;border-bottom:1px solid #edf0ed;overflow-wrap:anywhere}
html body.nk19-checkout .nk19-summary-item>strong{white-space:nowrap}
html body.nk19-checkout .nk19-summary-image img{border-radius:10px}
html body.nk19-checkout .nk19-summary-total{border-top:1px solid #d9e2db;margin-top:20px;padding-top:20px;font-weight:700}
html body.nk19-checkout .nk19-discount{margin:22px 0;gap:9px}
html body.nk19-checkout .nk19-discount input{border-radius:9px;min-height:46px;font-size:14px}
html body.nk19-checkout .nk19-policy-footer{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:28px;padding-top:22px;line-height:1.5;font-size:12px}
html body.nk19-checkout .nk19-terms{font-size:12px;line-height:1.8}
html body.nk19-checkout :is(a,button,input,select):focus-visible,html body.page-account :is(a,button,input,select):focus-visible{outline:2px solid var(--nk31-ink,var(--green));outline-offset:3px}
/* The customer directory only, not the other administrative pages. */
html body.nk33-customers .adm-content{max-width:1500px;margin:auto;width:100%}
html body.nk33-customers .adm-toolbar{padding:20px;background:#fff;border:1px solid #dfe6e1;border-radius:14px;margin-bottom:22px;gap:16px;flex-wrap:wrap}
html body.nk33-customers .adm-toolbar form{display:flex;gap:10px;flex:1;min-width:0;flex-wrap:wrap}
html body.nk33-customers .adm-toolbar input{flex:1;min-width:150px;min-height:46px;border-radius:9px}
html body.nk33-customers .adm-card{border:1px solid #dfe6e1;border-radius:16px;box-shadow:0 7px 24px #173a2506}
html body.nk33-customers .adm-kv{line-height:1.9;overflow-wrap:anywhere}
html body.nk33-customers .adm-table th{padding:16px;background:#f5f8f5;font-size:11px;letter-spacing:.06em;text-transform:uppercase}
html body.nk33-customers .adm-table td{padding:18px 16px;vertical-align:top;line-height:1.6;overflow-wrap:anywhere}
html body.nk33-customers .actions{min-width:220px}
html body.nk33-customers .actions form{display:inline-flex;gap:7px;flex-wrap:wrap;margin:5px 0}
html body.nk33-customers .btn{border-radius:8px;min-height:38px}
@media(max-width:900px){
 html body.page-account .acc-layout{grid-template-columns:1fr;gap:18px}
 html body.page-account .acc-nav{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
 html body.page-account .acc-nav__user{grid-column:1/-1;margin:0 0 6px;padding:12px;display:block}
 html body.page-account .acc-nav form{margin:0;border:0;padding:0}
 html body.page-account .acc-nav :is(a,button){margin:0;font-size:13px}
 html body.nk19-checkout .nk19-checkout-shell{display:flex;flex-direction:column;padding:20px 18px 40px;gap:20px}
 html body.nk19-checkout .nk19-checkout-main{width:100%}
 html body.nk19-checkout .nk19-mobile-summary{width:100%;border:1px solid #dfe6e1;border-radius:13px;background:#fff;overflow:hidden}
 html body.nk19-checkout .nk19-mobile-summary>summary{padding:18px;font-size:14px}
 html body.nk19-checkout .nk19-checkout-summary{position:static;width:100%;padding:20px;border:0;border-radius:0;box-shadow:none}
 html body.nk19-checkout .nk19-checkout-shell>.nk19-checkout-summary{border:1px solid #dfe6e1;border-radius:14px}
 html body.nk33-customers .adm-table{display:block;width:100%;min-width:0}
 html body.nk33-customers .adm-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 html body.nk33-customers .adm-table tbody{display:grid;grid-template-columns:1fr;gap:14px}
 html body.nk33-customers .adm-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:#fff;border:1px solid #dfe6e1;border-radius:14px;padding:12px;min-width:0}
 html body.nk33-customers .adm-table td{display:block;padding:9px;border:0;min-width:0}
 html body.nk33-customers .adm-table td::before{content:attr(data-nk33-label);display:block;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:#697970;margin-bottom:5px;font-weight:600}
 html body.nk33-customers .adm-table td:first-child,html body.nk33-customers .adm-table td.actions,html body.nk33-customers .adm-table td[colspan]{grid-column:1/-1}
 html body.nk33-customers .adm-table td.actions{min-width:0;border-top:1px solid #edf0ed;margin-top:8px}
}
@media(max-width:540px){
 html body.page-account .page-head{padding-top:26px!important}
 html body.page-account .acc-panel{padding:20px 16px;border-radius:14px}
 html body.page-account .stat-cards{grid-template-columns:1fr}
 html body.page-account .stat-card{display:flex;align-items:center;gap:16px;padding:16px}
 html body.page-account .stat-card b{font-size:25px;margin:0;min-width:56px}
 html body.page-account .order-card{grid-template-columns:minmax(0,1fr) auto;padding:16px;font-size:13px;gap:14px 10px}
 html body.page-account .order-card>.btn{font-size:12px;padding:10px}
 html body.page-account .form-grid{grid-template-columns:1fr}
 html body.page-account .field--full{grid-column:1}
 html body.nk19-checkout .nk19-section{padding:20px 16px}
 html body.nk19-checkout .nk19-fields-row{grid-template-columns:1fr;display:grid;gap:0}
 html body.nk19-checkout .nk19-section-heading>a{font-size:12px}
 html body.nk19-checkout .nk19-bank-instructions{padding:16px;font-size:13px}
 html body.nk19-checkout .nk19-shipping{flex-wrap:wrap}
 html body.nk19-checkout .nk19-summary-item{grid-template-columns:56px minmax(0,1fr);gap:12px}
 html body.nk19-checkout .nk19-summary-item>strong{grid-column:2}
 html body.nk19-checkout .nk19-summary-image img{width:56px;height:56px}
}
html body.nk33-customers .actions{white-space:normal;flex-wrap:wrap}
html body.nk33-customers .actions .btn--danger{min-width:38px}
html body.page-account .stat-card b{white-space:nowrap;flex-shrink:0}
@media(max-width:900px){html body.nk33-customers .adm-table td[data-nk33-label="E-mail"]{grid-column:1/-1}}
