/* Helk: My account v2 (layout B). Loaded only on account pages (includes/helk-account-v2.php).
   Tokens: docs/design-system/helk-live-tokens.css. Scoped to .hk and body.helk-acc2. */
body.helk-acc2 .site-main{max-width:none;width:100%;margin:0;padding:96px 0 0}
body.helk-acc2 .page-content{padding:0}
@media(max-width:767px){body.helk-acc2 .site-main{padding-top:80px}}

body.helk-acc2 .hk{--ink:#0A0F0D;--surface:#131917;--s2:#1C2320;--hl:#39433D;--hs:rgba(199,203,209,.22);--text:#F4F5F6;--muted:#A8ACB2;--dim:#9BA39E;--mint:#7FCBA4;--forest:#0E2118;--silver:#C7CBD1;--warn:#C9B27A;--err:#C08A8A;
--fd:"Glory",system-ui,sans-serif;--fh:"Marcellus",Georgia,serif;--fm:"IBM Plex Mono",ui-monospace,monospace;--fu:"Inter",system-ui,sans-serif;
background:var(--ink);color:var(--muted);font:300 15px/1.6 var(--fd);-webkit-font-smoothing:antialiased}
body.helk-acc2 .hk *{box-sizing:border-box}
body.helk-acc2 .hk h1,body.helk-acc2 .hk h3,body.helk-acc2 .hk h4,body.helk-acc2 .hk p,body.helk-acc2 .hk dl,body.helk-acc2 .hk dd,body.helk-acc2 .hk table{margin:0;padding:0}
body.helk-acc2 .hk a,body.helk-acc2 .hk a:hover{color:inherit;text-decoration:none!important}
body.helk-acc2 .hk .wrap{max-width:1320px;margin:0 auto;padding:0 24px}
body.helk-acc2 .hk .eb{font:400 11px/1.4 var(--fm);letter-spacing:.16em;text-transform:uppercase;color:var(--mint)}
body.helk-acc2 .hk .eb a{color:var(--dim)}
body.helk-acc2 .hk .eb a:hover{color:var(--text)}

/* band + tabs */
body.helk-acc2 .hk .band{padding:clamp(24px,3.2vw,56px) 0 0;border-bottom:1px solid var(--hl)}
body.helk-acc2 .hk .band.np{padding-bottom:clamp(36px,4vw,56px)}
body.helk-acc2 .hk .band h1{font:400 clamp(2.1rem,3.6vw,3rem)/1.12 var(--fd)!important;color:var(--text)!important;margin:14px 0 10px!important;letter-spacing:-.005em;text-transform:none}
body.helk-acc2 .hk .band p{font:300 16px/1.6 var(--fd);max-width:640px;color:var(--muted)}
body.helk-acc2 .hk .band p .pill{vertical-align:2px;margin-left:6px}
body.helk-acc2 .hk .tabs{display:flex;margin-top:40px;overflow-x:auto;scrollbar-width:none}
body.helk-acc2 .hk .tabs a{font:500 11.5px/1 var(--fm);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding:16px 22px;border-bottom:2px solid transparent;white-space:nowrap;transition:color .2s}
body.helk-acc2 .hk .tabs a:first-child{padding-left:0}
body.helk-acc2 .hk .tabs a:hover{color:var(--text)}
body.helk-acc2 .hk .tabs a.on{color:var(--text);border-color:var(--mint)}
body.helk-acc2 .hk .tabs a .c{color:var(--mint);margin-left:6px}
body.helk-acc2 .hk .tabs a.out{margin-left:auto;color:var(--dim);padding-right:0}
body.helk-acc2 .hk .body{padding:clamp(40px,5vw,64px) 0 clamp(64px,8vw,104px)}

/* WooCommerce wrappers */
body.helk-acc2 .hk .woocommerce::before,body.helk-acc2 .hk .woocommerce::after{display:none}
body.helk-acc2 .hk .woocommerce-MyAccount-content{float:none;width:auto;margin:0}
body.helk-acc2 .hk .woocommerce-MyAccount-navigation{display:none}

/* parts */
body.helk-acc2 .hk .panel{background:var(--surface);border:1px solid var(--hl);padding:28px 30px}
body.helk-acc2 .hk .panel.dashed{border-style:dashed;background:transparent}
body.helk-acc2 .hk .panel.empty{text-align:center;padding:48px 28px;border-style:dashed;background:transparent}
body.helk-acc2 .hk .panel.empty h3{margin:10px 0 8px}
body.helk-acc2 .hk .panel.empty p{margin-bottom:22px}
body.helk-acc2 .hk .ph{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:18px}
body.helk-acc2 .hk .ph .eb{color:var(--dim)}
body.helk-acc2 .hk .ph a{font:500 10.5px var(--fm);letter-spacing:.13em;text-transform:uppercase;color:var(--mint)}
body.helk-acc2 .hk h3{font:400 26px/1.2 var(--fh)!important;color:var(--text)!important;letter-spacing:-.005em}
body.helk-acc2 .hk h4{font:400 20px/1.25 var(--fh)!important;color:var(--text)!important}
body.helk-acc2 .hk h4.muted{color:var(--muted)!important}
body.helk-acc2 .hk .mono{font:400 12px var(--fm);letter-spacing:.04em;color:var(--dim)}
body.helk-acc2 .hk .num{font:500 15px var(--fm);color:var(--text);letter-spacing:.02em;font-variant-numeric:tabular-nums}
body.helk-acc2 .hk .pill{display:inline-block;font:500 10px/1 var(--fm);letter-spacing:.14em;text-transform:uppercase;padding:7px 9px;border:1px solid;white-space:nowrap}
body.helk-acc2 .hk .p-warn{color:var(--warn);border-color:rgba(201,178,122,.4)}
body.helk-acc2 .hk .p-ok{color:var(--mint);border-color:rgba(127,203,164,.4)}
body.helk-acc2 .hk .p-mute{color:var(--muted);border-color:var(--hs)}
body.helk-acc2 .hk .p-err{color:var(--err);border-color:rgba(192,138,138,.4)}
body.helk-acc2 .hk .btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;height:48px;padding:0 26px;font:500 12px/1 var(--fm);letter-spacing:.13em;text-transform:uppercase;border:1px solid;cursor:pointer;white-space:nowrap;border-radius:0;transition:background .2s,border-color .2s,color .2s}
body.helk-acc2 .hk .b-silver{background:var(--silver);border-color:var(--silver);color:var(--ink)}
body.helk-acc2 .hk .b-silver:hover{background:#E9ECEF;border-color:#E9ECEF;color:var(--ink)}
body.helk-acc2 .hk .b-forest{background:var(--forest);border-color:var(--forest);color:var(--text)}
body.helk-acc2 .hk .b-forest i{font-style:normal;color:var(--mint)}
body.helk-acc2 .hk .b-forest:hover{border-color:var(--mint)}
body.helk-acc2 .hk .b-ghost{background:transparent;border-color:var(--hs);color:var(--text)}
body.helk-acc2 .hk .b-ghost:hover{border-color:var(--silver)}
body.helk-acc2 .hk .b-sm{height:40px;padding:0 18px;font-size:10.5px}
body.helk-acc2 .hk .b-full{width:100%}
body.helk-acc2 .hk .tl{color:var(--mint);font:500 11px var(--fm);letter-spacing:.13em;text-transform:uppercase}
body.helk-acc2 .hk .grid2{display:grid;grid-template-columns:1.55fr 1fr;gap:32px;align-items:start}
body.helk-acc2 .hk .grid2e{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}
body.helk-acc2 .hk .rows>div,body.helk-acc2 .hk .rows>a{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--hl)}
body.helk-acc2 .hk .rows>:first-child{border-top:1px solid var(--hl)}
body.helk-acc2 .hk .rows>a:hover .t{color:var(--mint)}
body.helk-acc2 .hk .rows .t{color:var(--text);font:400 17px var(--fd);transition:color .2s}
body.helk-acc2 .hk .rows .s{color:var(--dim);font:300 14px var(--fd)}
body.helk-acc2 .hk .rows .s.warn{color:var(--warn)}
body.helk-acc2 .hk .rows .ar{color:var(--mint)}
body.helk-acc2 .hk .ordhead{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}
body.helk-acc2 .hk .ordhead .mono{margin-top:6px}
body.helk-acc2 .hk .acts{display:flex;gap:12px;margin-top:26px;flex-wrap:wrap;align-items:center}
body.helk-acc2 .hk .help{margin-top:24px;background:transparent}
body.helk-acc2 .hk .help p{margin:8px 0 14px;color:var(--text)}

/* progress */
body.helk-acc2 .hk .steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:24px;border-top:1px solid var(--hl)}
body.helk-acc2 .hk .st{padding:14px 12px 0 0;position:relative}
body.helk-acc2 .hk .st::before{content:"";position:absolute;top:-1px;left:0;right:0;height:2px}
body.helk-acc2 .hk .st.done::before,body.helk-acc2 .hk .st.now::before{background:var(--mint)}
body.helk-acc2 .hk .st.now::before{right:50%}
body.helk-acc2 .hk .st .n{font:400 10.5px var(--fm);letter-spacing:.12em;color:var(--dim)}
body.helk-acc2 .hk .st.done .n,body.helk-acc2 .hk .st.now .n{color:var(--mint)}
body.helk-acc2 .hk .st b{display:block;font:400 15px var(--fd);color:var(--text);margin-top:4px}
body.helk-acc2 .hk .st:not(.done):not(.now) b{color:var(--dim)}
body.helk-acc2 .hk .body>.wrap>.woocommerce>.woocommerce-MyAccount-content>.steps:first-child{margin:0 0 36px}

/* forms (own markup) */
body.helk-acc2 .hk fieldset{border:0;margin:0;padding:0;min-width:0}
body.helk-acc2 .hk legend{padding:0;margin:0 0 18px;color:var(--dim)}
body.helk-acc2 .hk .f{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}
body.helk-acc2 .hk .f label{font:400 10.5px/1 var(--fm);letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}
body.helk-acc2 .hk .f label i{color:var(--mint);font-style:normal}
body.helk-acc2 .hk .f .h{font:300 13.5px var(--fd);color:var(--dim)}
body.helk-acc2 .hk .fr{display:grid;grid-template-columns:1fr 1fr;gap:20px}
body.helk-acc2 .hk .chk{display:flex;gap:10px;align-items:center;font:300 14.5px var(--fd);color:var(--muted);cursor:pointer}
body.helk-acc2 .hk .chk input{accent-color:var(--mint);width:16px;height:16px;margin:0}
body.helk-acc2 .hk .login-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:4px 0 26px;flex-wrap:wrap}
body.helk-acc2 .hk .hr{height:1px;background:var(--hl);margin:24px 0}
body.helk-acc2 .hk .narrow{max-width:520px}
body.helk-acc2 .hk .narrow .panel{padding:36px}
body.helk-acc2 .hk .narrow>p{margin:0 0 20px}
body.helk-acc2 .hk .acct{gap:40px;max-width:980px}

/* inputs: own markup + WooCommerce form rows */
body.helk-acc2 .hk .input-text,body.helk-acc2 .hk .f input,body.helk-acc2 .hk .form-row select,body.helk-acc2 .hk .select2-container--default .select2-selection--single{height:50px;width:100%;background:var(--s2);border:1px solid var(--hl);border-radius:0;color:var(--text);font:400 15px var(--fu);padding:0 16px;box-shadow:none;outline:0}
body.helk-acc2 .hk .input-text::placeholder{color:var(--dim)}
body.helk-acc2 .hk .input-text:focus,body.helk-acc2 .hk .form-row select:focus,body.helk-acc2 .hk .select2-container--focus .select2-selection--single,body.helk-acc2 .hk .select2-container--open .select2-selection--single{border-color:var(--mint);box-shadow:0 0 0 2px rgba(127,203,164,.22)}
body.helk-acc2 .hk .woocommerce-address-fields__field-wrapper{display:grid;grid-template-columns:1fr 1fr;column-gap:20px;max-width:760px}
body.helk-acc2 .hk .form-row{float:none!important;width:auto!important;margin:0 0 20px;padding:0;display:flex;flex-direction:column;gap:8px}
body.helk-acc2 .hk .form-row-wide{grid-column:1/-1}
body.helk-acc2 .hk .form-row label{font:400 10.5px/1.4 var(--fm);letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin:0}
body.helk-acc2 .hk .form-row label .required{color:var(--mint);text-decoration:none;border:0}
body.helk-acc2 .hk .form-row label .optional{color:var(--dim);text-transform:none;letter-spacing:0;font-family:var(--fd)}
body.helk-acc2 .hk .form-row .woocommerce-input-wrapper{display:block}
body.helk-acc2 .hk .form-row.woocommerce-invalid .input-text,body.helk-acc2 .hk .form-row.woocommerce-invalid .select2-selection{border-color:var(--err)}
body.helk-acc2 .hk .select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--text);line-height:48px;padding:0}
body.helk-acc2 .hk .select2-container--default .select2-selection--single .select2-selection__arrow{height:48px;right:10px}
body.helk-acc2 .select2-dropdown{background:#1C2320;border-color:#39433D;color:#F4F5F6;border-radius:0}
body.helk-acc2 .select2-results__option--highlighted[aria-selected],body.helk-acc2 .select2-results__option--highlighted[data-selected]{background:#0E2118!important;color:#F4F5F6!important}
body.helk-acc2 .select2-search--dropdown .select2-search__field{background:#0A0F0D;border:1px solid #39433D;color:#F4F5F6}

/* notices */
body.helk-acc2 .hk .woocommerce-message,body.helk-acc2 .hk .woocommerce-info,body.helk-acc2 .hk .woocommerce-error,body.helk-acc2 .hk .woocommerce-notice,body.helk-acc2 .hk .notice{list-style:none;margin:0 0 28px;padding:15px 20px;border:1px solid rgba(127,203,164,.35);background:rgba(127,203,164,.06);color:var(--text);font:400 15px/1.5 var(--fd);border-radius:0;display:block}
body.helk-acc2 .hk .woocommerce-error{border-color:rgba(192,138,138,.45);background:rgba(192,138,138,.07)}
body.helk-acc2 .hk .woocommerce-message::before,body.helk-acc2 .hk .woocommerce-info::before,body.helk-acc2 .hk .woocommerce-error::before{display:none!important}
body.helk-acc2 .hk .woocommerce-error li{margin:0;padding:0}
body.helk-acc2 .hk :is(.woocommerce-error,.woocommerce-message,.woocommerce-info) a:not(.button){color:var(--mint);text-decoration:underline!important}
body.helk-acc2 .hk .woocommerce-message .button,body.helk-acc2 .hk .woocommerce-info .button{float:right;background:none;border:0;padding:0;color:var(--mint);font:500 11px var(--fm);letter-spacing:.13em;text-transform:uppercase}

/* tables */
body.helk-acc2 .hk table{width:100%;border-collapse:collapse;border:0;font-size:15px}
body.helk-acc2 .hk th,body.helk-acc2 .hk td{background:transparent!important;border:0;border-bottom:1px solid var(--hl)}
body.helk-acc2 .hk th{font:400 10.5px var(--fm);letter-spacing:.13em;text-transform:uppercase;color:var(--dim);text-align:left;padding:0 0 12px}
body.helk-acc2 .hk td{padding:20px 0;vertical-align:middle;color:var(--muted)}
body.helk-acc2 .hk td.r,body.helk-acc2 .hk th.r{text-align:right}
body.helk-acc2 .hk .orders h4 a:hover{color:var(--mint)}
body.helk-acc2 .hk .orders .items{color:var(--text)}
body.helk-acc2 .hk .orders .s{color:var(--dim);font:300 13.5px var(--fd)}
body.helk-acc2 .hk .pager{display:flex;justify-content:space-between;margin-top:24px}
body.helk-acc2 .hk .thumb{width:72px;height:54px;background:linear-gradient(135deg,#1C2320,#0A0F0D);border:1px solid var(--hl);flex:none;object-fit:cover;display:block}
body.helk-acc2 .hk .li{display:flex;gap:16px;align-items:center}
body.helk-acc2 .hk .li .t{color:var(--text)}
body.helk-acc2 .hk .kv{display:grid;grid-template-columns:auto 1fr;gap:10px 24px;font:400 13px var(--fm)}
body.helk-acc2 .hk .kv dt{color:var(--dim);letter-spacing:.06em}
body.helk-acc2 .hk .kv dd{color:var(--text);margin:0}
body.helk-acc2 .hk .totals{grid-template-columns:auto auto;justify-content:end;text-align:right;margin-top:20px}
body.helk-acc2 .hk .totals .tot{color:var(--text);font-size:17px}
body.helk-acc2 .hk .bacs{border-color:rgba(201,178,122,.45);margin-bottom:28px}
body.helk-acc2 .hk .bacs .eb{color:var(--warn)}
body.helk-acc2 .hk .bacs .kv{margin:16px 0 14px}
body.helk-acc2 .hk .order-again{margin-top:24px}
body.helk-acc2 .hk .order-again .button{display:inline-flex;align-items:center;height:40px;padding:0 18px;background:transparent;border:1px solid var(--hs);border-radius:0;color:var(--text);font:500 10.5px/1 var(--fm);letter-spacing:.13em;text-transform:uppercase}
body.helk-acc2 .hk .order-again .button:hover{border-color:var(--silver);background:transparent;color:var(--text)}
body.helk-acc2 .hk button.copy{background:none;border:0;padding:0;margin-left:10px;color:var(--mint);font:500 10px var(--fm);letter-spacing:.12em;text-transform:uppercase;cursor:pointer}
body.helk-acc2 .hk .addrs{gap:20px}
body.helk-acc2 .hk .addrs .eb{color:var(--dim)}
body.helk-acc2 .hk .addr{font:300 15.5px/1.7 var(--fd);color:var(--text);margin-top:8px;font-style:normal}
body.helk-acc2 .hk .notes{margin-top:28px}
body.helk-acc2 .hk .notes .eb{color:var(--dim)}
body.helk-acc2 .hk .notes .note{border-top:1px solid var(--hl);padding:14px 0;color:var(--text)}

/* login */
body.helk-acc2 .hk div.login{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--hl)}
body.helk-acc2 .hk div.login>div,body.helk-acc2 .hk div.login>aside{padding:clamp(28px,4vw,52px)}
body.helk-acc2 .hk form.login{display:block;grid-template-columns:none;border:0;padding:0;margin:0;max-width:none}
body.helk-acc2 .hk .login .side{background:var(--surface);border-left:1px solid var(--hl)}
body.helk-acc2 .hk .side h3{margin:12px 0}
body.helk-acc2 .hk .side .rows{margin:24px 0}
body.helk-acc2 .hk .side .small{font-size:14px}

@media(max-width:900px){
  body.helk-acc2 .hk .grid2,body.helk-acc2 .hk .grid2e,body.helk-acc2 .hk div.login,body.helk-acc2 .hk .fr,body.helk-acc2 .hk .woocommerce-address-fields__field-wrapper{grid-template-columns:1fr}
  body.helk-acc2 .hk .login .side{border-left:0;border-top:1px solid var(--hl)}
  body.helk-acc2 .hk .steps{grid-template-columns:1fr 1fr;row-gap:18px}
  body.helk-acc2 .hk .tabs a{padding:14px 16px}
  body.helk-acc2 .hk .orders thead{display:none}
  body.helk-acc2 .hk .orders tr{display:grid;grid-template-columns:1fr auto;gap:8px 16px;padding:18px 0;border-bottom:1px solid var(--hl)}
  body.helk-acc2 .hk .orders td{border:0;padding:0}
  body.helk-acc2 .hk .orders td.r{text-align:left}
}