/* wrk. on WooCommerce: cart, checkout, thank-you, account, policies, contact, 404.
   Same paper, ink and black objects as the storefront (tokens in store.css). WooCommerce's own stylesheets are off;
   everything the shop needs is here. Prefix .wo- for the wrk. templates in /woocommerce. */
:root{color-scheme:light only;--wo-err:#B4442C}
html,body.wrk{background:var(--paper)}
body.wrk{background:var(--paper);color:var(--ink);font-family:var(--f-body);direction:rtl}
.app-inner{min-height:100vh;display:flex;flex-direction:column}
#main-content{flex:1 0 auto}
.sr-only,.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:-1px;padding:0;border:0}
.wrk-page{padding-block:clamp(26px,5vw,56px) clamp(56px,8vw,96px)}
.wrk-title{font:200 clamp(36px,6vw,60px)/1.1 var(--f-display);margin:0 0 28px}
.wrk-content{font-size:15.5px;line-height:1.85}
.wrk-content a{color:var(--ink);text-underline-offset:4px;text-decoration-thickness:1px}
.wrk-content h2,.wrk-content h3{font:300 22px/1.35 var(--f-display);margin:1.8em 0 .5em}
.wrk-legal{display:flex;gap:10px 20px;flex-wrap:wrap;align-items:center;justify-content:space-between;padding-block:14px 28px;font-size:12px;color:var(--mute)}
.wrk-legal-links{display:flex;gap:8px 18px;flex-wrap:wrap}
.wrk-legal a{color:var(--mute);text-decoration:none}
.wrk-legal a:hover{color:var(--ink)}

/* ================= heads ================= */
.wo-head{display:grid;gap:10px;justify-items:start;margin-bottom:clamp(28px,4.5vw,48px)}
.wo-h{font:200 clamp(40px,7.4vw,66px)/1.08 var(--f-display);letter-spacing:-.012em;margin:0}
.wo-sub{color:var(--mute);font-size:15.5px;line-height:1.7;margin:0}
.wo-quiet{color:var(--mute);font-size:14px;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:5px;text-decoration-thickness:1px;transition:color var(--t-fast),text-decoration-color var(--t-fast)}
.wo-quiet:hover{color:var(--ink);text-decoration-color:var(--ink)}
.wo-sub .wo-quiet{margin-inline-start:10px}
.wo-head > *,.wo-empty > *,.wo-lost > *,.wo-contact-say > *,.wo-dash > *{animation:wrk-in .6s var(--ease-set) both}
.wo-head > :nth-child(2),.wo-empty > :nth-child(2),.wo-lost > :nth-child(2),.wo-contact-say > :nth-child(2),.wo-dash > :nth-child(2){animation-delay:.06s}
.wo-head > :nth-child(3),.wo-empty > :nth-child(3),.wo-lost > :nth-child(3),.wo-contact-say > :nth-child(3),.wo-dash > :nth-child(3){animation-delay:.12s}
.wo-head > :nth-child(n+4),.wo-empty > :nth-child(n+4),.wo-lost > :nth-child(n+4),.wo-contact-say > :nth-child(n+4),.wo-dash > :nth-child(n+4){animation-delay:.18s}
.wo-cta{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 0}
.wo-fine{font-size:12.5px;color:var(--mute);margin:12px 0 0;line-height:1.7}
.wo-fine a{color:var(--mute)}
.wo-fine a:hover{color:var(--ink)}

/* the way: three steps, drawn as the dot of wrk. */
.wo-steps{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:8px 0;padding:0;margin:0 0 14px;font-size:12.5px;color:var(--mute)}
.wo-steps li{display:flex;align-items:center;gap:8px}
.wo-steps li + li::before{content:"";width:clamp(22px,5vw,52px);height:1px;background:var(--line);margin-inline:12px 4px}
.wo-steps li.is-done + li::before{background:var(--ink)}
.wo-steps i{width:6px;height:6px;border-radius:50%;border:1.3px solid var(--mute);flex:none}
.wo-steps .is-done i{background:var(--black);border-color:var(--black)}
.wo-steps .is-now{color:var(--ink)}
.wo-steps .is-now i{border-color:var(--ink);box-shadow:0 0 0 3px var(--paper),0 0 0 4.3px var(--line)}

/* ================= objects on the paper ================= */
.wo-obj{display:block;line-height:0;transition:--ob-lift var(--t-move) var(--ease-set);transform-style:preserve-3d}
.wo-obj svg{display:block;margin:auto;overflow:visible;transition:transform var(--t-move) var(--ease-set)}
.wo-obj img{display:block;width:100%;max-width:120px;height:auto;margin:auto;border-radius:10px;background:var(--stock)}
.wo-obj.is-photo img{max-height:100%;object-fit:cover}
.wo-obj.is-drawn svg{animation:wo-down .9s var(--ease-set) backwards;animation-delay:calc(var(--i,0) * 90ms + 120ms)}
@keyframes wo-down{from{--ob-lift:1;transform:translate(-8px,-14px);opacity:0}35%{opacity:1}to{--ob-lift:0;transform:none;opacity:1}}
.wo-obj.is-sweep{transition:--ob-light 2.6s var(--ease-lid)}
.wo-tilt{perspective:1100px}
.wo-tilt > .wo-obj{will-change:transform}
.wo-big svg{width:100%}

/* ================= cart ================= */
.wo-cart{display:grid;gap:44px}
@media (min-width:960px){.wo-cart{grid-template-columns:minmax(0,1fr) 380px;gap:72px;align-items:start}}
.woocommerce-cart-form__contents{border-top:1px solid var(--line)}
.wo-line{display:grid;grid-template-columns:136px minmax(0,1fr) auto;grid-template-areas:"mat info sum" "mat qty rm";gap:6px 24px;padding:26px 0;border-bottom:1px solid var(--line);animation:wrk-in .6s var(--ease-set) both;animation-delay:calc(var(--i,0) * 90ms)}
.wo-line.is-quiet{grid-template-areas:"mat info sum"}
.wo-mat{grid-area:mat;height:106px;display:grid;place-items:center;min-width:0}
.wo-line:hover .wo-obj{--ob-lift:.75}
.wo-line:hover .wo-obj svg{transform:translate(-3px,-5px)}
.wo-info{grid-area:info;min-width:0;align-self:center}
.wo-word{display:block;font-size:12.5px;color:var(--mute);line-height:1.5}
.wo-name{font:300 21px/1.35 var(--f-display);color:var(--ink);text-decoration:none}
a.wo-name:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
.wo-x{font-size:13px;color:var(--mute)}
.wo-per{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:3px;font-size:13.5px;line-height:1.55}
.wo-per span{color:var(--mute);margin-inline-end:8px}
.wo-per b{font-weight:400;overflow-wrap:anywhere}
.wo-unit{display:block;margin-top:8px;font-size:12.5px;color:var(--mute)}
.wo-sum{grid-area:sum;font-size:16px;text-align:end;align-self:center;white-space:nowrap}
.wo-qty{grid-area:qty;align-self:end}
.wo-rm{grid-area:rm;align-self:end;text-align:end}
.wo-rm a{font-size:13px;color:var(--mute);text-decoration:none;padding:6px 0}
.wo-rm a:hover{color:var(--ink)}
.wo-qty{justify-self:start}
.quantity{display:inline-flex;align-items:center;height:40px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line);direction:ltr}
.wrk-shop .quantity input.qty{width:40px;min-height:0;height:38px;border:0!important;background:transparent!important;padding:0!important;text-align:center;font:400 15px/1 var(--f-mark);color:var(--ink);-moz-appearance:textfield;appearance:textfield;border-radius:0}
.quantity input.qty::-webkit-inner-spin-button,.quantity input.qty::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.wo-step{width:36px;height:38px;border:0;background:none;padding:0;font:300 18px/1 var(--f-mark);color:var(--mute);cursor:pointer;transition:color var(--t-fast)}
.wo-step:hover{color:var(--ink)}
.wo-step:active{transform:scale(.92)}
.wo-actions{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding-top:18px}
.wo-js .wo-update{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);padding:0!important;min-height:0!important}
.wo-coupon summary{cursor:pointer;color:var(--mute);font-size:14px;list-style:none;display:inline-block}
.wo-coupon summary::-webkit-details-marker{display:none}
.wo-coupon summary:hover{color:var(--ink)}
.wo-coupon .coupon{display:flex;gap:10px;align-items:end;margin-top:10px}
.wo-coupon .coupon input{max-width:200px}
.wo-side{position:relative}
@media (min-width:960px){.wo-side{position:sticky;top:calc(var(--hdr-h) + 28px)}}

/* the slip: card stock lying on the paper, perforated at the foot */
.wo-side,.wo-co-side{filter:drop-shadow(0 1px 0 rgba(17,17,18,.04)) drop-shadow(8px 14px 18px rgba(17,17,18,.12))}
.wo-slip{position:relative;background:var(--stock);padding:20px 24px 30px;
  -webkit-mask:radial-gradient(circle at 50% 100%,#0000 4px,#000 4.5px) 0 100%/12px 9px repeat-x,linear-gradient(#000 0 0) 0 0/100% calc(100% - 8.5px) no-repeat;
          mask:radial-gradient(circle at 50% 100%,#0000 4px,#000 4.5px) 0 100%/12px 9px repeat-x,linear-gradient(#000 0 0) 0 0/100% calc(100% - 8.5px) no-repeat;
  animation:wo-slip .8s var(--ease-set) .15s both}
@keyframes wo-slip{from{opacity:0;transform:translate(-6px,-10px)}to{opacity:1;transform:none}}
.wo-slip-top{display:flex;justify-content:space-between;align-items:baseline;font-size:12.5px;color:var(--mute);padding-bottom:14px;margin-bottom:4px;border-bottom:1px dashed var(--line)}
.wo-slip-top .mark{font-size:19px;color:var(--ink)}
.wo-rows{width:100%;border-collapse:collapse;font-size:14px}
.wo-rows th{font-weight:300;color:var(--mute);text-align:start;padding:11px 0;vertical-align:top}
.wo-rows td{text-align:end;padding:11px 0;vertical-align:top}
.wo-rows tr + tr th,.wo-rows tr + tr td{border-top:1px dashed var(--line)}
.wo-rows .order-total th,.wo-rows .order-total td{border-top:1px solid var(--ink);padding-top:16px;vertical-align:baseline}
.wo-rows .order-total th{color:var(--ink);font-size:15px}
.wo-rows .order-total .amount{font:200 30px/1 var(--f-display)}
.wo-rows .order-total small,.wo-rows .includes_tax{display:block;margin-top:6px;font-size:11.5px;color:var(--mute);font-weight:300}
.wo-rows .order-total small .amount{font:inherit}
.wo-rows ul#shipping_method,.woocommerce-shipping-methods{list-style:none;margin:0;padding:0}
.wo-rows #shipping_method li{margin:0}
.wo-rows #shipping_method label{display:inline;margin:0;color:var(--ink);font-size:14px}
.woocommerce-shipping-destination,.woocommerce-shipping-calculator,.shipping-calculator-button{display:none!important}
.wo-go{width:100%;min-height:56px!important;margin-top:20px;font-size:16px!important;gap:10px}
.wo-go::after{content:"←";font-family:var(--f-mark);transition:transform var(--t-move) var(--ease-set)}
.wo-go:hover::after{transform:translateX(-4px)}
.wo-pays{font-size:11px;color:var(--mute);letter-spacing:.02em;margin:4px 0 0}
.wo-is-cart .woocommerce-cart-form{min-width:0}

/* empty: the open box, nothing in it yet */
.wo-empty,.wo-lost{display:grid;gap:12px;justify-items:start;padding-block:8px 24px}
.wo-empty-box,.wo-lost-pen{width:min(100%,560px);margin-bottom:18px}
.wo-lost-pen{width:min(100%,520px);padding-block:40px}
@media (min-width:900px){
  .wo-empty:not(.is-small),.wo-lost{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);column-gap:72px;align-content:center;min-height:52vh}
  .wo-empty:not(.is-small) > *,.wo-lost > *{grid-column:1}
  .wo-empty:not(.is-small) > .wo-empty-box,.wo-lost > .wo-lost-pen{grid-column:2;grid-row:1 / span 4;align-self:center;margin:0}
}
.wo-empty.is-small .wo-empty-box{width:min(100%,380px)}

/* ================= fields: the storefront's underline ================= */
.wrk-shop input[type=text],.wrk-shop input[type=email],.wrk-shop input[type=tel],.wrk-shop input[type=password],.wrk-shop input[type=number],.wrk-shop input[type=search],
.wrk-shop textarea,.wrk-shop select{
  width:100%;min-height:48px;background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:8px 0;
  font:300 19px/1.4 var(--f-display);color:var(--ink);box-sizing:border-box;box-shadow:none;transition:border-color var(--t-fast)}
.wrk-shop textarea{min-height:84px;resize:vertical}
.wrk-shop select{-webkit-appearance:none;appearance:none;background:transparent}
.wrk-shop input::placeholder,.wrk-shop textarea::placeholder{color:#B5B3AC;font-weight:200}
.wrk-shop input:focus,.wrk-shop textarea:focus,.wrk-shop select:focus{outline:none;border-bottom-color:var(--ink)}
.wrk-shop label{font-size:12.5px;color:var(--mute);display:block;margin-bottom:2px;transition:color var(--t-fast)}
.wrk-shop .form-row:focus-within > label{color:var(--ink)}
.wrk-shop .form-row{margin:0 0 20px;padding:0}
.wrk-shop abbr.required,.wrk-shop .required{display:none}
.wrk-shop .optional{color:#B5B3AC;font-size:11.5px}
.wrk-shop .woocommerce-invalid input,.wrk-shop .woocommerce-invalid select,.wrk-shop .woocommerce-invalid .select2-selection{border-bottom-color:var(--wo-err)!important}
.wrk-shop .woocommerce-input-wrapper{display:block}
.wrk-shop .woocommerce-input-wrapper > strong{display:block;font:300 19px/48px var(--f-display);border-bottom:1px solid var(--line)}
.wrk-shop input[type=checkbox],.wrk-shop input[type=radio]{accent-color:var(--black);width:16px;height:16px;margin:0;flex:none}
.wrk-shop .woocommerce-form__label-for-checkbox,.wrk-shop label.checkbox{display:flex!important;gap:10px;align-items:center;color:var(--ink);font-size:14px;cursor:pointer}
.wrk-shop .select2-container{width:100%!important}
.wrk-shop .select2-container .select2-selection--single{height:48px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;display:flex;align-items:center}
.wrk-shop .select2-container--focus .select2-selection--single,.wrk-shop .select2-container--open .select2-selection--single{border-bottom-color:var(--ink)}
.wrk-shop .select2-selection__rendered{font:300 19px/48px var(--f-display);color:var(--ink)!important;padding:0!important}
.wrk-shop .select2-selection__arrow{height:46px!important;left:0!important;right:auto!important}
.select2-dropdown{border:1px solid var(--line)!important;border-radius:14px!important;background:var(--stock)!important;overflow:hidden;font-family:var(--f-body);box-shadow:8px 14px 24px -14px rgba(17,17,18,.3)}
.select2-search--dropdown .select2-search__field{border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;padding:8px 4px!important;font:300 15px var(--f-body)}
.select2-results__option{padding:9px 14px!important;font-size:14.5px}
.select2-results__option--highlighted,.select2-results__option[aria-selected=true]{background:var(--black)!important;color:var(--on-black)!important}

/* buttons: the black pill */
.wrk-shop .button,.wrk-shop button.button,.wrk-shop a.button,.wrk-shop input.button,.wrk-shop #place_order,.wrk-shop .checkout-button{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 26px;border-radius:999px;border:0;
  background:var(--black);color:var(--on-black);font:400 15px/1 var(--f-body);text-decoration:none;cursor:pointer;
  transition:transform var(--t-fast),opacity var(--t-fast),box-shadow var(--t-fast)}
.wrk-shop .button:hover{opacity:.88}
.wrk-shop .button:active{transform:scale(.97)}
.wrk-shop .button:disabled,.wrk-shop .button.disabled,.wrk-shop .button[aria-disabled=true]{opacity:.38;cursor:default}
.wrk-shop .wo-ghost,.wrk-shop .button.wo-ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}
.wrk-shop .wo-ghost:hover{box-shadow:inset 0 0 0 1px var(--ink);opacity:1}
.wo-full{width:100%;margin-top:6px}

/* ================= checkout ================= */
.wo-co{display:grid;gap:48px}
@media (min-width:980px){.wo-co{grid-template-columns:minmax(0,1fr) 400px;gap:80px;align-items:start}.wo-co-side{position:sticky;top:calc(var(--hdr-h) + 28px)}}
.wo-co-main{min-width:0;animation:wrk-in .6s var(--ease-set) .1s both}
.wo-sec + .wo-sec{margin-top:48px}
.wo-sh{font:300 22px/1.3 var(--f-display);margin:0 0 22px;padding-bottom:12px;border-bottom:1px solid var(--ink)}
.wo-co .woocommerce-billing-fields > h3,.wo-co .woocommerce-additional-fields > h3{display:none}
.wo-co #customer_details .col-1,.wo-co #customer_details .col-2{width:auto;float:none}
.wo-co .woocommerce-billing-fields__field-wrapper,.wo-co .woocommerce-shipping-fields__field-wrapper{display:grid;grid-template-columns:1fr 1fr;column-gap:28px}
.wo-co .form-row{grid-column:1 / -1}
.wo-co .form-row-first{grid-column:1}
.wo-co .form-row-last{grid-column:2}
@media (max-width:600px){.wo-co .form-row-first,.wo-co .form-row-last{grid-column:1 / -1}}
.wo-co #ship-to-different-address{font:300 15px/1.4 var(--f-body);margin:6px 0 18px}
.wo-co .woocommerce-account-fields{margin:4px 0 8px}
.wo-co .woocommerce-additional-fields{margin-top:8px}
.woocommerce-form-coupon-toggle .woocommerce-info{border:0!important;background:none!important;box-shadow:none!important;padding:0!important;margin:-18px 0 24px!important;color:var(--mute);font-size:14px;display:block!important}
.woocommerce-form-coupon-toggle a{color:var(--ink)}
form.checkout_coupon{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin:0 0 32px;padding:0;border:0}
form.checkout_coupon p{margin:0}
form.checkout_coupon .form-row-first{flex:1 1 200px;max-width:280px}
form.checkout_coupon > p:first-child{flex-basis:100%;font-size:13px;color:var(--mute)}

/* payment: each way to pay is a place on the paper; the chosen one fills like the dot */
#payment{background:none;border-radius:0}
#payment ul.payment_methods{list-style:none;padding:0;margin:0;display:grid;gap:10px;border:0}
#payment li.wc_payment_method{position:relative;border-radius:16px;padding:16px 18px;box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow var(--t-fast),background var(--t-fast)}
#payment li.wc_payment_method:has(input:checked){box-shadow:inset 0 0 0 1px var(--ink);background:var(--stock)}
#payment li.wc_payment_method > input.input-radio{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;border:1.3px solid var(--mute);margin:0;vertical-align:middle;position:absolute;top:24px;inset-inline-start:18px;cursor:pointer}
#payment li.wc_payment_method > input.input-radio:checked{background:var(--black);border-color:var(--black)}
#payment li.wc_payment_method > label{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin:0;padding-inline-start:26px;font-size:15px;color:var(--ink);cursor:pointer;min-height:24px}
#payment li.wc_payment_method > label::before{content:"";position:absolute;inset:0;border-radius:16px}
#payment li.wc_payment_method > label img{max-height:22px;width:auto;margin:0;filter:grayscale(1) contrast(1.1);opacity:.85}
#payment li.wc_payment_method:has(input:checked) > label img{opacity:1}
#payment div.payment_box{position:relative;background:transparent;color:var(--mute);font-size:13.5px;line-height:1.7;padding:12px 0 2px;margin:0}
#payment div.payment_box::before{display:none}
#payment div.payment_box p{margin:0 0 8px}
#payment div.payment_box fieldset{border:0;padding:0;margin:0}
#payment .place-order{margin:22px 0 0;padding:0}
#payment .woocommerce-privacy-policy-text,#payment .woocommerce-terms-and-conditions-wrapper{font-size:12.5px;color:var(--mute);line-height:1.7}
#payment .woocommerce-privacy-policy-text a,#payment .woocommerce-terms-and-conditions-wrapper a{color:var(--ink)}
#payment .woocommerce-terms-and-conditions-wrapper .form-row{margin:12px 0 0}
.wrk-shop #place_order{position:relative;overflow:hidden;width:100%;min-height:58px;font-size:16.5px;margin-top:16px}
.wrk-shop #place_order::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 35%,rgba(243,242,238,.16) 50%,transparent 65%);transform:translateX(110%);transition:transform 1.1s var(--ease-lid)}
.wrk-shop #place_order:hover::after{transform:translateX(-110%)}
.wo-review{min-width:0}
.wo-mini{list-style:none;padding:0;margin:0 0 4px}
.wo-mini li{display:grid;grid-template-columns:68px minmax(0,1fr) auto;gap:14px;align-items:center;padding:13px 0;border-bottom:1px dashed var(--line)}
.wo-mini-mat{height:50px;display:grid;place-items:center;min-width:0}
.wo-mini-mat .wo-obj img{max-width:56px}
.wo-mini .wo-name{font:300 15.5px/1.4 var(--f-display)}
.wo-for{display:block;font-size:12.5px;color:var(--mute);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wo-mini-sum{font-size:14px;white-space:nowrap}
.blockUI.blockOverlay{background:var(--paper)!important;opacity:.55!important;cursor:wait!important}
.wo-co.processing #place_order{opacity:.6}

/* ================= notices ================= */
.woocommerce-notices-wrapper:empty{display:none}
.wrk-shop .woocommerce-message,.wrk-shop .woocommerce-info,.wrk-shop .woocommerce-error,.wrk-page .woocommerce-notices-wrapper > *{
  list-style:none;display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;justify-content:space-between;
  border:0;border-radius:14px;padding:14px 18px;margin:0 0 22px;background:var(--stock);box-shadow:inset 0 0 0 1px var(--line);font-size:14px;color:var(--ink);animation:wrk-in .5s var(--ease-set) both}
.wrk-shop .woocommerce-error{box-shadow:inset 0 0 0 1px var(--wo-err);display:grid;gap:4px}
.wrk-shop .woocommerce-error li{margin:0}
.wrk-shop .woocommerce-error a{color:var(--ink)}
.wrk-shop .woocommerce-message::before,.wrk-shop .woocommerce-info::before,.wrk-shop .woocommerce-error::before{display:none}
.wrk-shop .woocommerce-message .button,.wrk-shop .woocommerce-info .button{min-height:36px;padding:0 16px;font-size:13px;order:2}

/* ================= thank-you ================= */
.wo-ty-head{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.wo-ty-stage{width:min(100%,540px);margin:6px 0 18px}
@media (min-width:900px){
  .wo-ty-head{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);grid-template-areas:"steps steps" "h stage" "sub stage";column-gap:64px;align-items:end}
  .wo-ty-head .wo-steps{grid-area:steps}.wo-ty-head .wo-h{grid-area:h}.wo-ty-head .wo-sub{grid-area:sub;align-self:start}
  .wo-ty-stage{grid-area:stage;margin:0;justify-self:center}
}
.wo-ty-box .wo-obj.is-drawn svg{animation:wo-drop 1.5s var(--ease-set) .25s backwards}
@keyframes wo-drop{from{--ob-lift:1;transform:translate(-18px,-34px) rotate(-1.5deg);opacity:0}30%{opacity:1}to{--ob-lift:0;transform:none;opacity:1}}
.wo-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:18px 32px;margin:clamp(24px,4vw,40px) 0;padding:22px 0;border-block:1px solid var(--line)}
.wo-facts div{min-width:0}
.wo-facts dt{font-size:12.5px;color:var(--mute)}
.wo-facts dd{margin:4px 0 0;font:300 18px/1.4 var(--f-display)}
.wo-facts dd.num{font:300 24px/1.2 var(--f-mark)}
.wo-path{list-style:none;padding:0;margin:0 0 clamp(36px,5vw,56px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.wo-path li{position:relative;padding:24px 0 0;padding-inline-end:18px}
.wo-path li::before{content:"";position:absolute;top:4px;inset-inline:12px 0;height:1px;background:var(--line)}
.wo-path li:last-child::before{display:none}
.wo-path li.is-done::after{content:"";position:absolute;top:4px;inset-inline:12px 0;height:1px;background:var(--ink);transform-origin:right;transform:scaleX(.5);animation:wo-grow 1.6s var(--ease-lid) 1.8s backwards}
@keyframes wo-grow{from{transform:scaleX(0)}to{transform:scaleX(.5)}}
.wo-path i{position:absolute;top:0;inset-inline-start:0;width:9px;height:9px;border-radius:50%;border:1.3px solid var(--mute);background:var(--paper);box-sizing:border-box}
.wo-path .is-done i{background:var(--black);border-color:var(--black)}
.wo-path b{display:block;font:300 16.5px/1.4 var(--f-display)}
.wo-path span{display:block;font-size:12.5px;color:var(--mute);margin-top:2px}
@media (max-width:700px){
  .wo-path{grid-template-columns:1fr}
  .wo-path li{padding:0 0 22px;padding-inline-start:28px}
  .wo-path li::before,.wo-path li.is-done::after{top:14px;bottom:-2px;inset-inline:4px auto;width:1px;height:auto}
  .wo-path li.is-done::after{transform-origin:top;transform:scaleY(.5);animation-name:wo-grow-y}
  .wo-path i{top:4px}
}
@keyframes wo-grow-y{from{transform:scaleY(0)}to{transform:scaleY(.5)}}
.wo-ty-items{border-top:1px solid var(--line)}
.woocommerce-bacs-bank-details{margin:0 0 40px;padding:20px 24px;background:var(--stock);border-radius:16px;box-shadow:inset 0 0 0 1px var(--line)}
.woocommerce-bacs-bank-details h2,.woocommerce-bacs-bank-details h3{font:300 18px/1.4 var(--f-display);margin:0 0 10px}
.woocommerce-bacs-bank-details ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px 32px;font-size:13px;color:var(--mute)}
.woocommerce-bacs-bank-details strong{display:block;font:400 15px var(--f-mark);color:var(--ink);direction:ltr;text-align:start}
.wo-ty > p:not([class]){color:var(--mute);font-size:14px}

/* ================= account ================= */
.wo-two{display:grid;gap:36px;max-width:960px}
@media (min-width:820px){.wo-two:not(.is-one){grid-template-columns:1fr 1fr;gap:0}.wo-pane{padding-inline-end:56px}.wo-pane.is-alt{padding-inline:56px 0;border-inline-start:1px solid var(--line)}}
@media (max-width:819px){.wo-pane.is-alt{border-top:1px solid var(--line);padding-top:30px}}
.wo-pane{min-width:0;animation:wrk-in .6s var(--ease-set) .1s both}
.wo-pane.is-alt{animation-delay:.18s}
.wo-pane .wo-sh{border-bottom:0;padding:0;margin-bottom:18px}
.wo-row-between{display:flex!important;justify-content:space-between;align-items:center;gap:12px}
.wo-two .woocommerce-privacy-policy-text{font-size:12.5px;color:var(--mute);line-height:1.7}
.wo-two .woocommerce-privacy-policy-text a{color:var(--ink)}
.woocommerce-account.logged-in .wo-page > .woocommerce{display:grid;grid-template-columns:minmax(0,1fr);gap:28px}
.woocommerce-MyAccount-navigation{min-width:0}
@media (min-width:900px){.woocommerce-account.logged-in .wo-page > .woocommerce{grid-template-columns:190px minmax(0,1fr);gap:72px;align-items:start}}
.woocommerce-MyAccount-navigation ul{list-style:none;padding:0;margin:0;display:flex;gap:0 22px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--line)}
@media (min-width:900px){.woocommerce-MyAccount-navigation{position:sticky;top:calc(var(--hdr-h) + 40px);padding-top:14px}.woocommerce-MyAccount-navigation ul{display:grid;gap:0;border:0}}
.woocommerce-MyAccount-navigation a{display:flex;align-items:center;gap:12px;min-height:44px;color:var(--mute);text-decoration:none;font-size:15px;white-space:nowrap;transition:color var(--t-fast)}
.woocommerce-MyAccount-navigation a::before{content:"";width:6px;height:6px;border-radius:50%;border:1.3px solid currentColor;flex:none;transition:background var(--t-fast)}
.woocommerce-MyAccount-navigation a:hover{color:var(--ink)}
.woocommerce-MyAccount-navigation .is-active a{color:var(--ink)}
.woocommerce-MyAccount-navigation .is-active a::before{background:var(--black);border-color:var(--black)}
@media (min-width:900px){.woocommerce-MyAccount-navigation-link--customer-logout{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}}
.woocommerce-MyAccount-content{min-width:0;font-size:15px;animation:wrk-in .6s var(--ease-set) .08s both}
.woocommerce-MyAccount-content > p:first-child:not(.wo-sub){color:var(--mute)}
.woocommerce-MyAccount-content h2,.woocommerce-MyAccount-content h3,.woocommerce-MyAccount-content legend{font:300 22px/1.3 var(--f-display);margin:0 0 16px}
.woocommerce-MyAccount-content fieldset{border:0;padding:0;margin:28px 0 0}
.wo-dash .wo-h{margin-bottom:10px}
.wo-orders{list-style:none;padding:0;margin:22px 0 14px;border-top:1px solid var(--line)}
.wo-orders a{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:10px 22px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none}
.wo-orders a:hover .wo-obj{--ob-lift:.6}
.wo-o-pieces{display:flex;gap:4px}
.wo-o-pieces .wo-mini-mat{width:58px;height:42px}
.wo-o-meta b{display:block;font:300 17px/1.3 var(--f-mark)}
.wo-o-meta span{font-size:12.5px;color:var(--mute)}
.wo-o-sum{white-space:nowrap}
@media (max-width:640px){.wo-orders a{grid-template-columns:minmax(0,1fr) auto}.wo-o-pieces{grid-column:1 / -1}}
.wo-badge{font-size:12px;line-height:1;padding:7px 11px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line);color:var(--mute);white-space:nowrap}
.wo-badge.is-processing,.wo-badge.is-on-hold{color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.wo-badge.is-completed{background:var(--black);color:var(--on-black);box-shadow:none}

/* tables left in the account (orders list, one order): hairlines only */
.wrk-shop table.shop_table,.wrk-shop table.woocommerce-table{width:100%;border-collapse:collapse;border:0;background:transparent;font-size:14px;margin:0 0 28px}
.wrk-shop table.shop_table th,.wrk-shop table.shop_table td,.wrk-shop table.woocommerce-table th,.wrk-shop table.woocommerce-table td{border:0;border-bottom:1px solid var(--line);padding:14px 8px;text-align:start;vertical-align:middle}
.wrk-shop table.shop_table thead th{font-weight:400;color:var(--mute);font-size:12px}
.wrk-shop table.shop_table tfoot th{font-weight:300;color:var(--mute)}
.wrk-shop table.shop_table a{color:var(--ink)}
.wrk-shop .woocommerce-orders-table .button{min-height:34px;padding:0 14px;font-size:13px;background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}
.wrk-shop .woocommerce-orders-table .button:hover{box-shadow:inset 0 0 0 1px var(--ink);opacity:1}
.wrk-shop .woocommerce-orders-table__cell-order-number a{font-family:var(--f-mark);text-decoration:none}
.wrk-shop mark{background:none;color:var(--ink);font-weight:400}
.wrk-shop .wc-item-meta{list-style:none;padding:0;margin:6px 0 0;font-size:12.5px;color:var(--mute)}
.wrk-shop .wc-item-meta li{display:flex;gap:6px}
.wrk-shop .wc-item-meta p{margin:0}
.wrk-shop .woocommerce-customer-details address{font-style:normal;line-height:1.85;border:0;padding:0}
.wrk-shop .woocommerce-Addresses,.wrk-shop .woocommerce-columns--addresses{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}
.wrk-shop .woocommerce-Addresses::before,.wrk-shop .woocommerce-Addresses::after,.wrk-shop .col2-set::before,.wrk-shop .col2-set::after,.wrk-shop .u-columns::before,.wrk-shop .u-columns::after{display:none}
.wrk-shop .woocommerce-Address,.wrk-shop .woocommerce-column{width:auto;float:none;padding:20px 22px;border-radius:16px;box-shadow:inset 0 0 0 1px var(--line)}
.wrk-shop .woocommerce-Address-title{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.wrk-shop .woocommerce-Address-title h2,.wrk-shop .woocommerce-Address-title h3{font:300 18px/1.3 var(--f-display);margin:0 0 10px}
.wrk-shop .woocommerce-Address-title a{color:var(--mute);font-size:13px}
.wrk-shop .woocommerce-Address address{font-style:normal;line-height:1.85}
.wrk-shop .woocommerce-address-fields__field-wrapper,.wrk-shop .woocommerce-EditAccountForm{display:grid;grid-template-columns:1fr 1fr;column-gap:28px}
.wrk-shop .woocommerce-address-fields__field-wrapper > *,.wrk-shop .woocommerce-EditAccountForm > *{grid-column:1 / -1}
.wrk-shop .woocommerce-address-fields__field-wrapper > .form-row-first,.wrk-shop .woocommerce-EditAccountForm > .form-row-first{grid-column:1}
.wrk-shop .woocommerce-address-fields__field-wrapper > .form-row-last,.wrk-shop .woocommerce-EditAccountForm > .form-row-last{grid-column:2}
.wrk-shop .woocommerce-EditAccountForm em{display:block;font-size:12px;color:var(--mute);font-style:normal;margin-top:6px}
.wrk-shop .woocommerce-password-strength{border-radius:10px;font-size:12px;margin-top:8px;padding:6px 10px;background:var(--stock);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink)}
.wrk-shop .woocommerce-password-hint{display:block;font-size:12px;color:var(--mute);margin-top:6px}
.wrk-shop .show-password-input{display:none}
.wrk-shop .password-input{display:block}
.wrk-shop .woocommerce-pagination{display:flex;gap:10px}

/* ================= policies: set like a printed page ================= */
.wo-doc{position:relative;z-index:0;max-width:780px}
.wo-doc-body{position:relative;font-size:16.5px;line-height:1.95;animation:wrk-in .7s var(--ease-set) .15s both}
.wo-doc-body::before{content:"";position:absolute;z-index:-1;inset:-28px -40px;pointer-events:none;
  background:radial-gradient(circle,rgba(17,17,18,.11) .75px,transparent 1.1px) 0 0/18px 18px;
  -webkit-mask:linear-gradient(to left,#000,rgba(0,0,0,.35) 45%,transparent 80%);mask:linear-gradient(to left,#000,rgba(0,0,0,.35) 45%,transparent 80%)}
.wo-doc-body p{margin:0 0 1.15em;max-width:62ch}
.wo-doc-body > p:first-of-type:not(.wo-draft),.wo-doc-body > .wo-draft + p{font:300 clamp(19px,2.3vw,23px)/1.75 var(--f-display);color:var(--ink)}
.wo-draft{display:inline-block;font-size:12px!important;line-height:1!important;color:var(--mute)!important;padding:7px 12px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line);margin:0 0 22px!important}
.wo-doc-more{display:flex;flex-wrap:wrap;gap:6px 26px;margin-top:clamp(40px,6vw,64px);padding-top:18px;border-top:1px solid var(--line)}
.wo-doc-more a{display:inline-flex;align-items:center;min-height:40px;color:var(--mute);text-decoration:none;font-size:14px;transition:color var(--t-fast)}
.wo-doc-more a:hover{color:var(--ink)}

/* contact: the message card, two ways to reach a person */
.wo-contact{display:grid;gap:28px;align-items:center}
.wo-contact-card{width:min(100%,520px);padding-block:10px 20px}
.wo-contact-say{min-width:0}
@media (min-width:900px){.wo-contact{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);column-gap:72px;min-height:56vh}.wo-contact-card{order:2;justify-self:center}}
.wo-ways{list-style:none;padding:0;margin:30px 0 0;border-top:1px solid var(--line)}
.wo-ways a,.wo-ways .is-plain{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:6px 18px;padding:18px 0;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none}
.wo-ways span{color:var(--mute);font-size:13px}
.wo-ways b{font:300 clamp(17px,2.2vw,21px)/1.4 var(--f-display);overflow-wrap:anywhere}
.wo-ways a b{transition:transform var(--t-move) var(--ease-set)}
.wo-ways a:hover b{transform:translateX(-4px)}

/* product page for items without a storefront view */
.wrk-shop .product .images img{border-radius:18px;background:var(--stock)}
.wrk-shop .product .product_title{font:200 40px/1.15 var(--f-display)}
.wrk-shop .product .price{font:200 26px/1 var(--f-display);color:var(--ink)}
.woocommerce-breadcrumb,.woocommerce-store-notice,.wc-block-store-notice{display:none!important}
.wrk-shop .amount{font-variant-numeric:tabular-nums}

@media (max-width:640px){
  .wo-line{grid-template-columns:92px minmax(0,1fr);grid-template-areas:"mat info" "mat sum" "qty rm";gap:6px 16px;padding:22px 0}
  .wo-line.is-quiet{grid-template-areas:"mat info" "mat sum"}
  .wo-mat{height:84px}
  .wo-sum{text-align:start}
  .wo-name{font-size:19px}
  .wo-slip{padding:18px 18px 28px}
  .wrk-shop table.shop_table_responsive thead{display:none}
  .wrk-shop table.shop_table_responsive tr{display:block;border-bottom:1px solid var(--line);padding:8px 0}
  .wrk-shop table.shop_table_responsive td{display:flex;justify-content:space-between;gap:12px;border:0;padding:6px 0;text-align:end}
  .wrk-shop table.shop_table_responsive td::before{content:attr(data-title);color:var(--mute);font-size:12.5px}
  .wrk-shop .woocommerce-address-fields__field-wrapper > .form-row-first,.wrk-shop .woocommerce-address-fields__field-wrapper > .form-row-last,
  .wrk-shop .woocommerce-EditAccountForm > .form-row-first,.wrk-shop .woocommerce-EditAccountForm > .form-row-last{grid-column:1 / -1}
}
@media (prefers-reduced-motion:reduce){.wo-obj svg,.wo-tilt > .wo-obj{transform:none!important}}
/* email and phone are typed left-to-right; keep them starting at the right edge like the other fields */
.wrk-shop input[type=email],.wrk-shop input[type=tel],.wrk-shop #billing_email,.wrk-shop #billing_phone{direction:ltr;text-align:right}