/* Kinetic Cobalt Light ? commerce module. */
:root{--commerce-ink:#082544;--commerce-blue:var(--cg-blue-700);--commerce-line:#c6d8ee;--commerce-soft:#edf5ff;--commerce-surface:#fff;--commerce-radius:16px}.commerce-page,
.commerce-auth{width:min(1500px,calc(100% - 48px));margin:0 auto;padding:64px 0 96px;color:var(--commerce-ink)}.commerce-heading{max-width:760px;margin-bottom:36px}.commerce-heading>span,
.commerce-auth header>span{color:var(--commerce-blue);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.commerce-heading h1,
.commerce-auth h1{margin:10px 0 12px;font-size:clamp(36px,5vw,64px);line-height:1;letter-spacing:-.05em}.commerce-heading p,
.commerce-auth header p{max-width:60ch;margin:0;color:#58708d;font-size:17px;line-height:1.65}.commerce-primary,
.commerce-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border:1px solid var(--commerce-blue);border-radius:10px;font-weight:800;text-decoration:none;cursor:pointer}.commerce-primary{color:#fff;background:var(--commerce-blue)}.commerce-secondary{color:var(--commerce-blue);background:#fff}.commerce-primary:active,
.commerce-secondary:active{transform:translateY(1px)}.commerce-notice,
.commerce-error{padding:14px 16px;margin-bottom:20px;border-radius:10px}.commerce-notice{color:#075b35;background:#e6f6ee}.commerce-error{color:#a11b16;background:#fff0ef}
.checkout-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:36px;align-items:start}
.order-list{border-top:1px solid var(--commerce-line)}
.order-success{display:grid;justify-items:start;max-width:760px;padding:56px;background:var(--commerce-surface);border:1px solid var(--commerce-line);border-radius:var(--commerce-radius)}
.order-success>i{color:var(--commerce-blue);font-size:44px}.commerce-auth{display:grid;place-items:center;min-height:70dvh}.commerce-auth>section{width:min(720px,100%);padding:42px;background:#fff;border:1px solid var(--commerce-line);border-radius:var(--commerce-radius);box-shadow:0 24px 70px rgb(23 71 133 / 10%)}.commerce-auth h1{font-size:clamp(34px,5vw,52px)}.commerce-auth form{margin-top:28px}.commerce-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.commerce-fields--single{grid-template-columns:1fr}.commerce-fields label{display:grid;gap:7px;font-weight:750}.commerce-fields input,
.commerce-fields textarea{width:100%;min-height:48px;padding:11px 13px;color:var(--commerce-ink);background:#fff;border:1px solid var(--commerce-line);border-radius:9px}.commerce-fields textarea{resize:vertical}.commerce-fields input:focus,
.commerce-fields textarea:focus{border-color:var(--commerce-blue);outline:3px solid rgb(13 71 161 / 13%)}.commerce-fields label>span{color:#b42318;font-size:12px}.commerce-fields .wide{grid-column:1/-1}.commerce-check{display:flex;gap:8px;margin:18px 0}.commerce-auth .commerce-primary{width:100%}.commerce-switch{text-align:center;color:#58708d}.commerce-switch a{color:var(--commerce-blue);font-weight:750}.checkout-form{display:grid;gap:32px}.checkout-form>h2{margin:0}.payment-panel{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:28px;padding:28px;background:var(--commerce-soft);border:1px solid var(--commerce-line);border-radius:var(--commerce-radius)}.payment-panel h2{margin:6px 0 10px}.payment-panel p{color:#58708d;line-height:1.6}.payment-panel dl{display:grid;gap:8px}.payment-panel dl div{display:flex;justify-content:space-between;gap:18px}.payment-panel dd{font-weight:750;text-align:right}.payment-panel img,
.payment-qr-empty{width:280px;aspect-ratio:1;object-fit:contain;background:#fff;border:1px solid var(--commerce-line);border-radius:12px}.payment-qr-empty{display:grid;place-items:center;text-align:center;color:#58708d}.payment-qr-empty i{font-size:48px}.checkout-item{padding-bottom:12px;border-bottom:1px solid var(--commerce-line)}.checkout-item span{max-width:230px}.checkout-total{padding-top:8px;font-size:18px}.order-success{margin:30px auto;text-align:left}.order-success h1{font-size:clamp(40px,6vw,70px);line-height:1}.order-success>div{display:flex;gap:24px;margin:20px 0;font-size:22px}.order-success nav{display:flex;gap:12px}.order-list article{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0;border-bottom:1px solid var(--commerce-line)}.order-list h2{margin:5px 0}.order-list article>div:last-child{display:grid;justify-items:end;gap:8px}.order-list article>div:last-child span{color:#875b00;background:#fff3d5;padding:5px 9px;border-radius:6px}@media(max-width:1100px){
.checkout-layout{grid-template-columns:1fr}.payment-panel{grid-template-columns:1fr}.payment-panel img,
.payment-qr-empty{width:min(320px,100%)}}@media(max-width:720px){.commerce-page,
.commerce-auth{width:min(100% - 28px,1500px);padding:40px 0 64px}.commerce-auth>section{padding:26px 20px}.commerce-fields{grid-template-columns:1fr}.commerce-fields .wide{grid-column:auto}.payment-panel{padding:20px}.order-list article{align-items:flex-start;flex-direction:column}.order-list article>div:last-child{justify-items:start}.order-success nav{align-items:stretch;flex-direction:column}}.payment-methods{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0;padding:0;border:0}.payment-methods legend{grid-column:1/-1;margin-bottom:4px;font-size:20px;font-weight:800}.payment-methods label{cursor:pointer}.payment-methods input{position:absolute;opacity:0}.payment-methods label>span{display:grid;grid-template-columns:32px 1fr;gap:2px 10px;height:100%;padding:18px;background:#fff;border:1px solid #c6d8ee;border-radius:12px}.payment-methods i{grid-row:1/3;color:var(--cg-blue-700);font-size:24px}.payment-methods small{color:#58708d}.payment-methods input:checked+span{border-color:var(--cg-blue-700);box-shadow:0 0 0 3px rgb(13 71 161 / 12%)}.customer-profile__layout{display:grid;grid-template-columns:280px minmax(0,720px);gap:36px}.customer-profile__identity,
.customer-profile__form{padding:28px;background:#fff;border:1px solid #c6d8ee;border-radius:8px}.customer-profile__identity{display:flex;align-items:center;flex-direction:column;gap:14px}.customer-profile__identity img,
.customer-profile__identity>span{display:grid;place-items:center;width:112px;height:112px;object-fit:cover;color:#fff;background:var(--cg-blue-700);border-radius:50%;font-size:38px}.customer-profile__identity a{color:var(--cg-blue-700);font-weight:750}.customer-profile__form .commerce-primary{margin-top:22px}.site-toast{position:fixed;right:24px;bottom:24px;z-index:1000;max-width:360px;padding:15px 18px;color:#fff;background:#075b35;border-radius:10px;box-shadow:0 16px 44px rgb(0 0 0 / 20%);opacity:0;transform:translateY(12px);pointer-events:none;transition:.2s}.site-toast.is-visible{opacity:1;transform:none}.site-toast.is-error{background:#a11b16}[data-transfer-panel][hidden]{display:none}@media(max-width:720px){.payment-methods,
.customer-profile__layout{grid-template-columns:1fr}.site-toast{right:14px;bottom:14px;left:14px}}.storefront-v2 :where(.commerce-page, .commerce-auth) {
    --commerce-v2-ink: #092b50;
    --commerce-v2-muted: #607692;
    --commerce-v2-accent: #0d5fc7;
    --commerce-v2-accent-dark: #084b9e;
    --commerce-v2-line: #cadbef;
    --commerce-v2-soft: #edf5ff;
    --commerce-v2-surface: #ffffff;
}.storefront-v2 .commerce-page,
.storefront-v2 .commerce-auth {
    width: min(100% - 3rem, 1480px);
    padding: clamp(2.5rem, 5vw, 5rem) 0 clamp(5rem, 8vw, 8rem);
    color: var(--commerce-v2-ink);
}.storefront-v2 .commerce-heading {
    position: relative;
    max-width: 880px;
    margin-bottom: clamp(2rem, 4vw, 3.5rem);
    padding-left: 1.25rem;
}.storefront-v2 .commerce-heading::before {
    content: "";
    position: absolute;
    inset: .25rem auto .25rem 0;
    width: 3px;
    border-radius: 3px;
    background: var(--commerce-v2-accent);
}.storefront-v2 .commerce-heading > span,
.storefront-v2 .commerce-auth header > span {
    color: var(--commerce-v2-accent);
    font-size: .75rem;
    letter-spacing: .12em;
}.storefront-v2 .commerce-heading h1,
.storefront-v2 .commerce-auth h1 {
    max-width: 16ch;
    margin: .55rem 0 .75rem;
    color: var(--commerce-v2-ink);
    font-size: clamp(2.75rem, 5vw, 5rem);
    line-height: 1.02;
    letter-spacing: -.052em;
    text-wrap: balance;
}.storefront-v2 .commerce-heading p,
.storefront-v2 .commerce-auth header p { color: var(--commerce-v2-muted); line-height: 1.65; }.storefront-v2 .commerce-steps { max-width: 760px; margin: -1rem 0 clamp(2rem, 4vw, 3rem); }.storefront-v2 .commerce-steps ol { margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); list-style: none; }.storefront-v2 .commerce-steps li { position: relative; display: grid; justify-items: start; gap: .45rem; color: var(--commerce-v2-muted); font-size: .78rem; }.storefront-v2 .commerce-steps li::after { content: ""; position: absolute; top: 17px; left: 38px; right: 8px; height: 2px; background: var(--commerce-v2-line); }.storefront-v2 .commerce-steps li:last-child::after { display: none; }.storefront-v2 .commerce-steps li > span { position: relative; z-index: 1; display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid var(--commerce-v2-line); border-radius: 50%; background: #fff; font-weight: 800; }.storefront-v2 .commerce-steps li.is-active { color: var(--commerce-v2-ink); }.storefront-v2 .commerce-steps li.is-active > span { border-color: var(--commerce-v2-accent); color: #fff; background: var(--commerce-v2-accent); }.storefront-v2 .commerce-steps li.is-active::after { background: var(--commerce-v2-accent); }.storefront-v2 :is(.commerce-primary, .commerce-secondary) {
    min-height: 50px;
    border-radius: 12px;
    transition: background-color .18s ease, border-color .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease;
}.storefront-v2 .commerce-primary {
    color: #fff;
    border-color: var(--commerce-v2-accent);
    background: var(--commerce-v2-accent);
    box-shadow: 0 10px 24px rgba(13, 95, 199, .16);
}.storefront-v2 .commerce-primary:hover { color: #fff; border-color: var(--commerce-v2-accent-dark); background: var(--commerce-v2-accent-dark); }.storefront-v2 .commerce-secondary { color: var(--commerce-v2-accent); border-color: var(--commerce-v2-line); background: #fff; }.storefront-v2 .commerce-secondary:hover { border-color: var(--commerce-v2-accent); background: var(--commerce-v2-soft); }.storefront-v2 :is(.commerce-primary, .commerce-secondary):active { transform: translateY(1px) scale(.99); }.storefront-v2 :is(.commerce-primary, .commerce-secondary):focus-visible { outline: 3px solid rgba(13, 95, 199, .22); outline-offset: 3px; }.storefront-v2 .commerce-primary:disabled { opacity: .65; cursor: wait; box-shadow: none; }.storefront-v2 .commerce-notice,
.storefront-v2 .commerce-error { border: 1px solid currentColor; border-radius: 12px; }.storefront-v2 .commerce-notice { color: #09623d; background: #effaf5; }.storefront-v2 .commerce-error { color: #a2211b; background: #fff5f4; }.storefront-v2 .commerce-error:empty { display: none; }
.storefront-v2 .checkout-layout { grid-template-columns: minmax(0, 1fr) minmax(330px, 390px); gap: clamp(1.5rem, 4vw, 3.5rem); }.storefront-v2 .cart-line:last-child { border-bottom: 0; }.storefront-v2 .cart-line input:focus { border-color: var(--commerce-v2-accent); outline: 3px solid rgba(13, 95, 199, .12); }.storefront-v2 .cart-summary > div:last-of-type { border-bottom: 0; }.storefront-v2 .cart-summary :is(.commerce-primary, .commerce-secondary) { width: 100%; }.storefront-v2 .checkout-form {
    gap: 1.5rem;
    padding: clamp(1.25rem, 3vw, 2rem);
    border: 1px solid var(--commerce-v2-line);
    border-radius: 8px;
    background: var(--commerce-v2-surface);
}.storefront-v2 .checkout-form > h2 { padding-bottom: 1rem; border-bottom: 1px solid var(--commerce-v2-line); color: var(--commerce-v2-ink); }.storefront-v2 .commerce-fields { gap: 1.15rem; }.storefront-v2 .commerce-fields label { gap: .5rem; color: var(--commerce-v2-ink); font-size: .9rem; }.storefront-v2 .commerce-fields :is(input, textarea) {
    min-height: 52px;
    padding: .8rem 1rem;
    color: var(--commerce-v2-ink);
    border-color: var(--commerce-v2-line);
    border-radius: 11px;
    background: #fbfdff;
    font: inherit;
}.storefront-v2 .commerce-fields :is(input, textarea)::placeholder { color: #8294aa; }.storefront-v2 .commerce-fields :is(input, textarea):focus { border-color: var(--commerce-v2-accent); outline: 3px solid rgba(13, 95, 199, .12); background: #fff; }.storefront-v2 .payment-methods { gap: .85rem; }.storefront-v2 .payment-methods legend { margin-bottom: .35rem; color: var(--commerce-v2-ink); font-size: 1.25rem; }.storefront-v2 .payment-methods label > span {
    grid-template-columns: 38px 1fr;
    padding: 1.15rem;
    border-color: var(--commerce-v2-line);
    border-radius: 14px;
    background: #fbfdff;
    transition: border-color .18s ease, background-color .18s ease, box-shadow .18s ease;
}.storefront-v2 .payment-methods i { display: grid; grid-row: 1 / 3; place-items: center; width: 36px; height: 36px; border-radius: 10px; color: var(--commerce-v2-accent); background: var(--commerce-v2-soft); }.storefront-v2 .payment-methods small { color: var(--commerce-v2-muted); line-height: 1.45; }.storefront-v2 .payment-methods input:checked + span { border-color: var(--commerce-v2-accent); background: #f3f8ff; box-shadow: 0 0 0 3px rgba(13, 95, 199, .1); }.storefront-v2 .payment-methods input:focus-visible + span { outline: 3px solid rgba(13, 95, 199, .2); outline-offset: 2px; }.storefront-v2 .payment-panel { gap: 2rem; padding: 1.5rem; border-color: var(--commerce-v2-line); border-radius: 8px; background: var(--commerce-v2-soft); }.storefront-v2 .payment-panel > div > span { color: var(--commerce-v2-accent); font-size: .75rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }.storefront-v2 .payment-panel :is(img, .payment-qr-empty) { overflow: hidden; border-color: var(--commerce-v2-line); border-radius: 14px; }.storefront-v2 .checkout-total { margin-top: .25rem; padding-top: 1rem; border-top: 2px solid var(--commerce-v2-ink) !important; font-size: 1.08rem; }.storefront-v2 .checkout-total strong { font-size: 1.45rem; }.storefront-v2 .checkout-edit-cart { display: inline-flex; justify-content: center; align-items: center; gap: .45rem; color: var(--commerce-v2-accent); font-size: .84rem; font-weight: 750; text-decoration: none; }.storefront-v2 .checkout-guest-note { max-width: 760px; margin: -1.25rem 0 1.75rem; padding: .9rem 1rem; display: flex; align-items: center; gap: .75rem; border: 1px solid var(--commerce-v2-line); border-radius: 12px; color: var(--commerce-v2-ink); background: var(--commerce-v2-soft); }.storefront-v2 .checkout-guest-note i { color: var(--commerce-v2-accent); font-size: 1.1rem; }.storefront-v2 .checkout-guest-note span { display: grid; gap: .1rem; font-size: .85rem; }.storefront-v2 .order-success-note { max-width: 54ch; margin: .25rem 0 1.25rem; color: var(--commerce-v2-muted); font-size: .85rem; }.storefront-v2 .commerce-auth { min-height: 72dvh; }.storefront-v2 .commerce-auth > section {
    width: min(760px, 100%);
    padding: clamp(1.5rem, 5vw, 3rem);
    border-color: var(--commerce-v2-line);
    border-radius: 8px;
    box-shadow: 0 28px 75px rgba(25, 69, 120, .1);
}.storefront-v2 .commerce-auth header { padding-bottom: 1.5rem; border-bottom: 1px solid var(--commerce-v2-line); }.storefront-v2 .commerce-auth h1 { font-size: clamp(2.5rem, 5vw, 4rem); }.storefront-v2 .commerce-check { align-items: center; color: var(--commerce-v2-muted); }.storefront-v2 .commerce-check input { width: 18px; height: 18px; accent-color: var(--commerce-v2-accent); }.storefront-v2 .commerce-switch { margin: 1.25rem 0 0; }.storefront-v2 .commerce-context { display: flex; gap: .65rem; align-items: center; margin: 1.25rem 0; padding: .9rem 1rem; border: 1px solid var(--commerce-v2-line); border-radius: 12px; color: var(--commerce-v2-ink); background: var(--commerce-v2-soft); }.storefront-v2 .commerce-state-page > section { text-align: center; }.storefront-v2 .commerce-state-page > section > i { display: grid; place-items: center; width: 72px; height: 72px; margin: 0 auto 1rem; border-radius: 8px; color: var(--commerce-v2-accent); background: var(--commerce-v2-soft); font-size: 2rem; }.storefront-v2 .commerce-state-page nav { display: flex; justify-content: center; gap: .75rem; margin-top: 1.5rem; }.storefront-v2 .commerce-request-id { margin: 1rem 0 0; color: var(--commerce-v2-muted); font-size: .8rem; }.storefront-v2 .commerce-request-id code { color: var(--commerce-v2-ink); }.storefront-v2 .customer-profile__layout { grid-template-columns: 300px minmax(0, 760px); align-items: start; }.storefront-v2 :is(.customer-profile__identity, .customer-profile__form) { border-color: var(--commerce-v2-line); border-radius: 8px; box-shadow: 0 18px 45px rgba(25, 69, 120, .07); }.storefront-v2 .customer-profile__identity { position: sticky; top: 132px; }.storefront-v2 .customer-profile__identity :is(img, > span) { border: 4px solid #fff; outline: 1px solid var(--commerce-v2-line); background: var(--commerce-v2-accent); }.storefront-v2 .customer-profile__identity a { width: 100%; padding: .75rem; border-radius: 10px; color: var(--commerce-v2-accent); background: var(--commerce-v2-soft); text-align: center; text-decoration: none; }.storefront-v2 .order-search { max-width: 760px; margin: 0 0 2rem; padding: 1.25rem; border: 1px solid var(--commerce-v2-line); border-radius: 8px; background: #fff; }.storefront-v2 .order-search > label { display: block; margin-bottom: .55rem; color: var(--commerce-v2-ink); font-weight: 750; }.storefront-v2 .order-search > div { display: flex; gap: .65rem; }.storefront-v2 .order-search input { flex: 1; min-width: 0; min-height: 50px; padding: .75rem 1rem; border: 1px solid var(--commerce-v2-line); border-radius: 11px; }.storefront-v2 .order-search input:focus { border-color: var(--commerce-v2-accent); outline: 3px solid rgba(13, 95, 199, .12); }.storefront-v2 .order-list { overflow: hidden; border: 1px solid var(--commerce-v2-line); border-radius: 8px; background: #fff; }.storefront-v2 .order-list article { padding: 1.25rem 1.5rem; border-bottom-color: var(--commerce-v2-line); }.storefront-v2 .order-list article:last-child { border-bottom: 0; }.storefront-v2 .order-list h2 { color: var(--commerce-v2-ink); font-size: 1.25rem; }.storefront-v2 .order-list p { margin: 0; color: var(--commerce-v2-muted); }.storefront-v2 .order-status { padding: .4rem .65rem; border-radius: 999px; font-size: .75rem; font-weight: 800; }.storefront-v2 .order-status.is-pending { color: #8a4c00; background: #fff4d8; }.storefront-v2 .order-status.is-confirmed { color: #0757a0; background: #e8f3ff; }.storefront-v2 .order-status.is-shipping { color: #5d3aa5; background: #f1ebff; }.storefront-v2 .order-status.is-complete { color: #08734a; background: #e8f8f1; }.storefront-v2 .order-status.is-cancelled { color: #9f2c27; background: #fff0ef; }.storefront-v2 .order-success {
    justify-items: center;
    max-width: 820px;
    padding: clamp(2rem, 6vw, 5rem);
    border-color: var(--commerce-v2-line);
    border-radius: 8px;
    text-align: center;
    box-shadow: 0 24px 64px rgba(25, 69, 120, .1);
}.storefront-v2 .order-success > i { display: grid; place-items: center; width: 84px; height: 84px; border-radius: 50%; color: #08734a; background: #e8f8f1; }.storefront-v2 .order-success > span { margin-top: 1.25rem; color: #08734a; font-weight: 800; }.storefront-v2 .order-success h1 { max-width: 14ch; margin: .75rem 0; color: var(--commerce-v2-ink); font-size: clamp(2.7rem, 6vw, 4.8rem); letter-spacing: -.05em; }.storefront-v2 .order-success p { max-width: 58ch; color: var(--commerce-v2-muted); line-height: 1.65; }.storefront-v2 .order-success > div { width: min(100%, 460px); justify-content: space-between; padding: 1.1rem; border-radius: 12px; background: var(--commerce-v2-soft); }.storefront-v2 .order-success .guest-order-reminder { width: min(100%, 560px); margin: 1rem 0 0; padding: 1rem 1.1rem; display: flex; align-items: center; gap: .7rem; border: 1px solid var(--commerce-v2-line); border-radius: 12px; color: var(--commerce-v2-ink); background: var(--commerce-v2-soft); text-align: left; }.storefront-v2 .order-success .guest-order-reminder i { color: var(--commerce-v2-accent); font-size: 1.2rem; }@media (max-width: 1100px) {
    
.storefront-v2 .checkout-layout { grid-template-columns: 1fr; }
    .storefront-v2 .customer-profile__identity { position: static; }
}@media (max-width: 760px) {
    .storefront-v2 .commerce-page,
.storefront-v2 .commerce-auth { width: min(100% - 1.25rem, 1480px); padding-top: 2rem; }
    .storefront-v2 .commerce-heading { padding-left: .9rem; }
    .storefront-v2 .commerce-steps li { font-size: .7rem; }
    .storefront-v2 .commerce-steps li::after { right: 5px; }
    .storefront-v2 .commerce-heading h1 { font-size: clamp(2.45rem, 12vw, 3.6rem); }
    .storefront-v2 .payment-methods { grid-template-columns: 1fr; }
    .storefront-v2 .payment-panel { grid-template-columns: 1fr; padding: 1.1rem; }
    .storefront-v2 .payment-panel :is(img, .payment-qr-empty) { width: min(100%, 300px); }
    .storefront-v2 .customer-profile__layout { grid-template-columns: 1fr; gap: 1rem; }
    .storefront-v2 .order-search > div { align-items: stretch; flex-direction: column; }
    .storefront-v2 .order-list article { align-items: flex-start; flex-direction: column; }
    .storefront-v2 .order-list article > div:last-child { justify-items: start; }
    .storefront-v2 .order-success nav { width: 100%; }
    .storefront-v2 .commerce-state-page nav { align-items: stretch; flex-direction: column; }
}@media (prefers-reduced-motion: reduce) {
    .storefront-v2 :is(.commerce-primary, .commerce-secondary, .payment-methods label > span) { transition: none; }
}