/* Shared Studio tokens and typography are loaded first; changes stay inside the shop. */
body.litho-commerce {
  --wp--preset--color--base: var(--bg);
  --wp--preset--color--contrast: var(--ink);
  --wp--preset--color--accent-1: var(--accent);
  --wp--style--global--content-size: 100%;
  --wp--style--global--wide-size: 100%;
  color-scheme: dark;
  padding: 0;
}
.litho-commerce > .wp-site-blocks { padding: 0; margin: 0; max-width: none; }
.litho-commerce > .wp-site-blocks > * { margin-block-start: 0; margin-block-end: 0; }
.litho-commerce .site-header { height: 92px; }
.litho-commerce .main-nav a[aria-current] { color: var(--accent); }
.litho-commerce .commerce-cart-link { display: inline-flex; align-items: center; gap: 7px; }
.litho-commerce .commerce-cart-count { display: inline-grid; place-items: center; min-width: 20px; height: 20px; border: 1px solid var(--line); border-radius: 50%; font-size: 10px; }
.litho-commerce .commerce-hero {
  display: grid; grid-template-columns: 1.05fr 1fr; align-items: center;
  gap: 4vw; padding: 54px 6vw 58px; border-bottom: 1px solid var(--line);
}
.litho-commerce .commerce-hero-copy { min-width: 0; padding: 20px 0; }
.litho-commerce .commerce-hero .eyebrow { color: var(--ink); font-size: 10px; margin-bottom: 27px; }
.litho-commerce .commerce-hero .eyebrow::before { content: ''; display: inline-block; width: 6px; height: 6px; margin: 0 10px 1px 0; border-radius: 50%; background: var(--accent); }
.litho-commerce .commerce-hero h1 { font-size: clamp(54px, 6.5vw, 104px); line-height: 1.02; letter-spacing: -.06em; }
.litho-commerce .commerce-hero h1 em { color: var(--accent); font-style: normal; }
.litho-commerce .commerce-hero-copy > p:not(.eyebrow) { max-width: 420px; margin-top: 26px; color: var(--muted); font-size: 15px; line-height: 1.85; }
.litho-commerce .commerce-hero .hero-actions { flex-wrap: wrap; margin-top: 30px; gap: 24px; }
.litho-commerce .commerce-hero-visual { min-width: 0; position: relative; margin: 0; }
.litho-commerce .commerce-image-stage { position: relative; height: clamp(330px, 36vw, 550px); overflow: hidden; }
.litho-commerce .commerce-hero-visual img { position: absolute; top: 50%; left: 50%; width: auto; max-width: none; height: 100%; object-fit: contain; transform: translate(-67%,-50%); }
.litho-commerce .commerce-hero-visual figcaption { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; padding-top: 16px; border-top: 1px solid var(--line); color: var(--muted); font-size: 9px; letter-spacing: .05em; }
.litho-commerce .commerce-hero-visual .hero-caption { position: static; align-items: center; }
.litho-commerce .commerce-hero-visual figcaption span:first-child { color: var(--ink); }
.litho-commerce .commerce-hero .hero-facts { margin-top: 35px; }
.litho-commerce .commerce-catalog-heading { align-items: flex-end; gap: 28px; }
.litho-commerce .commerce-catalog-heading h2 { font-size: clamp(34px, 4vw, 56px); max-width: 650px; }
.litho-commerce .commerce-catalog-heading > .text-link { flex-shrink: 0; white-space: nowrap; }
.litho-commerce .commerce-catalog { padding-top: 75px; padding-bottom: 75px; }
.litho-commerce .commerce-catalog > .eyebrow { color: var(--muted); margin-bottom: 18px; }
.litho-commerce .commerce-catalog > h2 { font-size: clamp(34px, 4vw, 56px); margin-bottom: 34px; }
.litho-commerce .commerce-empty {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
  align-items: center; gap: 40px; padding: 38px 40px; background: var(--surface); border: 1px solid var(--line); border-radius: 3px;
}
.litho-commerce .commerce-empty h3 { font-size: clamp(26px, 3vw, 38px); line-height: 1.12; max-width: 330px; }
.litho-commerce .commerce-empty p { color: var(--muted); font-size: 14px; line-height: 1.8; max-width: 530px; }
.litho-commerce .commerce-empty .text-link { color: var(--ink); margin-top: 20px; }
.litho-commerce .commerce-empty .status-badge { color: var(--accent); margin-bottom: 20px; }
.litho-commerce .commerce-process { padding-top: 60px; border-top: 1px solid var(--line); }
.litho-commerce .commerce-process .process-grid { margin-top: 38px; }
.litho-commerce .commerce-process .process-grid p { max-width: 340px; }
.litho-commerce .commerce-page-intro { padding: 60px 6vw 35px; }
.litho-commerce .commerce-page-intro h1 { font-size: clamp(44px, 6vw, 82px); }
.litho-commerce .commerce-content { padding: 10px 6vw 80px; min-height: 300px; }
.litho-commerce .woocommerce-breadcrumb { margin: 0 0 28px; color: var(--muted); font-size: 12px; }
.litho-commerce .woocommerce-breadcrumb a { color: var(--ink); }
.litho-commerce .site-footer { border-top: 1px solid var(--line); padding-top: 55px; padding-bottom: 28px; }
.litho-commerce .commerce-footer-links { display: flex; flex-wrap: wrap; gap: 13px 25px; padding: 22px 0; border-top: 1px solid var(--line); font-size: 11px; color: var(--muted); }
.litho-commerce .commerce-footer-links a:hover { color: var(--ink); }
.litho-commerce .footer-bottom { padding-top: 20px; }

/* Retain native WooCommerce markup, notices, prices and extension hooks. */
.litho-commerce .woocommerce { color: var(--ink); }
.litho-commerce .woocommerce ul.products { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 32px; margin: 30px 0; padding: 0; }
.litho-commerce .woocommerce ul.products::before, .litho-commerce .woocommerce ul.products::after { display: none; }
.litho-commerce .woocommerce ul.products li.product { width: auto; float: none; margin: 0; padding: 0 0 26px; border-bottom: 1px solid var(--line); min-width: 0; }
.litho-commerce .woocommerce ul.products li.product a img { background: var(--surface); aspect-ratio: 1; object-fit: cover; margin-bottom: 23px; }
.litho-commerce .woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 25px; line-height: 1.15; letter-spacing: -.035em; padding: 0 0 12px; }
.litho-commerce .woocommerce ul.products li.product .price,
.litho-commerce .woocommerce div.product .price { color: var(--accent); font-size: 17px; }
.litho-commerce .woocommerce ul.products li.product .button { margin-top: 18px; }
.litho-commerce .woocommerce :is(.woocommerce-result-count,.woocommerce-ordering) { color: var(--muted); font-size: 13px; margin-bottom: 25px; }
.litho-commerce .woocommerce :is(a.button,button.button,input.button,#respond input#submit),
.litho-commerce :is(.wc-block-components-button,.wp-block-button__link) {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  padding: 15px 24px; min-height: 46px; border: 1px solid transparent; border-radius: 40px;
  background: var(--accent); color: var(--button-ink); font: 600 13px/1.4 Arial,Helvetica,sans-serif;
  text-decoration: none; box-shadow: none; height: auto;
}
.litho-commerce .woocommerce :is(a.button,button.button,input.button):hover,
.litho-commerce :is(.wc-block-components-button,.wp-block-button__link):hover { background: #eefbb4; color: var(--button-ink); }
.litho-commerce :is(button,input,a):focus-visible { outline: 3px solid var(--accent); outline-offset: 4px; }
.litho-commerce :is(input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=hidden]),select,textarea) {
  background: var(--surface); color: var(--ink); border: 1px solid var(--line); border-radius: 6px; padding: 12px 14px; font: inherit; max-width: 100%;
}
.litho-commerce :is(input[type=checkbox],input[type=radio]) { accent-color: var(--accent); }
.litho-commerce :is(input,textarea)::placeholder { color: var(--muted); opacity: 1; }
.litho-commerce :is(label,.woocommerce-form__label) { color: var(--ink); }
.litho-commerce .woocommerce form :is(.form-row,.woocommerce-form-row) { margin-bottom: 20px; }
.litho-commerce .woocommerce :is(form.login,form.register,form.checkout_coupon) { border-color: var(--line); background: var(--surface); border-radius: 4px; padding: 26px; }
.litho-commerce .woocommerce :is(table.shop_table,table.shop_table td,table.shop_table th) { border-color: var(--line); }
.litho-commerce .woocommerce table.shop_table { background: var(--surface); border-collapse: collapse; font-size: 14px; }
.litho-commerce .woocommerce table.shop_table :is(th,td) { padding: 16px; }
.litho-commerce .woocommerce :is(.cart_totals,.woocommerce-checkout-review-order) h2 { font-size: 32px; margin-bottom: 24px; }
.litho-commerce .woocommerce :is(.woocommerce-message,.woocommerce-info,.woocommerce-error),
.litho-commerce .wc-block-components-notice-banner { background: var(--surface); color: var(--ink); border-color: var(--accent); border-radius: 3px; font-size: 14px; }
.litho-commerce .woocommerce :is(.woocommerce-message,.woocommerce-info)::before { color: var(--accent); }
.litho-commerce .woocommerce .woocommerce-error { border-top-color: #f0a79b; }
.litho-commerce .woocommerce :is(.woocommerce-message,.woocommerce-info,.woocommerce-error) a { text-decoration: underline; text-underline-offset: 3px; }
.litho-commerce .woocommerce :is(.woocommerce-message,.woocommerce-info,.woocommerce-error) a.button { text-decoration: none; }
.litho-commerce .woocommerce :is(.product_meta,.woocommerce-product-details__short-description,.woocommerce-terms-and-conditions-wrapper) { color: var(--muted); font-size: 14px; line-height: 1.8; }
.litho-commerce .woocommerce div.product .product_title { font-size: clamp(34px,4vw,60px); margin-bottom: 22px; }
.litho-commerce .woocommerce div.product .woocommerce-tabs ul.tabs::before { border-color: var(--line); }
.litho-commerce .woocommerce div.product .woocommerce-tabs ul.tabs li { background: var(--surface); border-color: var(--line); border-radius: 4px 4px 0 0; }
.litho-commerce .woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.litho-commerce .woocommerce div.product .woocommerce-tabs ul.tabs li::after { display: none; }
.litho-commerce .woocommerce div.product .woocommerce-tabs ul.tabs li.active { background: var(--bg); border-bottom-color: var(--bg); }
.litho-commerce .woocommerce div.product .woocommerce-tabs ul.tabs li a { color: var(--ink); }
.litho-commerce .woocommerce div.product .woocommerce-tabs .panel h2 { font-size: 32px; margin: 25px 0; }
.litho-commerce .woocommerce .related > h2 { font-size: 36px; margin: 45px 0 25px; }
.litho-commerce .woocommerce :is(#payment,#payment div.payment_box) { background: var(--surface); color: var(--ink); }
.litho-commerce .woocommerce #payment div.payment_box::before { border-bottom-color: var(--surface); }
.litho-commerce .woocommerce #payment ul.payment_methods { border-color: var(--line); }
.litho-commerce .woocommerce .woocommerce-MyAccount-navigation ul { margin: 0; padding: 0; list-style: none; }
.litho-commerce .woocommerce .woocommerce-MyAccount-navigation a { display: block; padding: 13px 17px; border-bottom: 1px solid var(--line); font-size: 14px; }
.litho-commerce .woocommerce .woocommerce-MyAccount-navigation .is-active a { background: var(--surface); color: var(--accent); }
.litho-commerce .woocommerce .woocommerce-MyAccount-content p { margin-bottom: 20px; }
.litho-commerce .woocommerce .woocommerce-MyAccount-content a { text-decoration: underline; text-underline-offset: 3px; }
.litho-commerce .woocommerce .woocommerce-MyAccount-content .button { text-decoration: none; }
.litho-commerce .woocommerce nav.woocommerce-pagination ul { border-color: var(--line); }
.litho-commerce .woocommerce nav.woocommerce-pagination ul li { border-color: var(--line); }
.litho-commerce .woocommerce nav.woocommerce-pagination ul li :is(a,span) { padding: 14px 18px; }
.litho-commerce .woocommerce nav.woocommerce-pagination ul li span.current { background: var(--accent); color: var(--button-ink); }
.litho-commerce :is(.wc-block-components-product-name,.wc-block-components-totals-item__label,.wc-block-components-totals-item__value) { color: var(--ink); }
.litho-commerce :is(.wc-block-cart,.wc-block-checkout) { color: var(--ink); font-family: var(--body); }
.litho-commerce :is(.wc-block-components-sidebar,.wc-block-components-order-summary,.wc-block-components-totals-wrapper,.wc-block-components-checkout-step__container) { border-color: var(--line); }
.litho-commerce :is(.wc-block-components-text-input label,.wc-block-components-combobox label) { color: var(--muted); }
.litho-commerce :is(.wc-block-cart__empty-cart__title,.wc-block-checkout__empty-cart__title) { font-size: 36px; letter-spacing: -.04em; }
.litho-commerce .woocommerce .cart-empty + .return-to-shop { margin-top: 24px; }

/* Checkout blocks render their own panels in addition to the classic checkout.
   Always pair the panel background with its text color in the dark shop. */
.litho-commerce :is(.wc-block-cart,.wc-block-checkout) {
  --wc-form-color-background: var(--surface);
  --wc-form-color-text: var(--ink);
  --wc-form-border-color: var(--line);
  --wc-form-label-color: var(--muted);
  --wc-separator-color: var(--line);
}
.litho-commerce :is(
  .wp-block-woocommerce-checkout-order-summary-block,
  .checkout-order-summary-block-fill,
  .wc-block-components-order-summary,
  .wc-block-components-checkout-order-summary__content,
  .wc-block-components-radio-control,
  .wc-block-components-radio-control__option,
  .wc-block-components-radio-control-accordion-option,
  .wc-block-components-radio-control-accordion-content,
  .wc-block-components-payment-methods,
  .wc-block-checkout__shipping-method-option,
  .wc-blocks-components-select__container
) {
  background-color: var(--surface);
  color: var(--ink);
  border-color: var(--line);
}
.litho-commerce :is(.wc-block-cart,.wc-block-checkout) .components-card {
  background-color: var(--surface);
  color: var(--ink);
}
.litho-commerce :is(
  .wc-block-components-radio-control__label,
  .wc-block-components-radio-control__secondary-label,
  .wc-block-components-radio-control__description,
  .wc-block-components-radio-control__secondary-description,
  .wc-block-components-payment-method-label,
  .wc-block-components-checkout-order-summary__title,
  .wc-block-components-product-price,
  .wc-block-components-order-summary-item__total-price
) { color: var(--ink); }
.litho-commerce :is(
  .wc-block-components-radio-control-accordion-option--checked,
  .wc-block-components-radio-control__option-checked
) { border-color: var(--accent); }
.litho-commerce .wc-block-components-order-summary .wc-block-components-order-summary-item__quantity {
  background-color: var(--ink);
  color: var(--ink);
}
.litho-commerce .wc-block-components-order-summary .wc-block-components-order-summary-item__quantity span { color: var(--bg); }
.litho-commerce .woocommerce-checkout :is(.woocommerce-checkout-review-order-table th,.woocommerce-checkout-review-order-table td) {
  background-color: var(--surface);
  color: var(--ink);
}

/* Checkout owns its outer panels too. WordPress background utility classes
   use !important; extensions also load checkout styles after the shop CSS.
   Keep these overrides limited to order review and payment, including the
   classic/Germanized checkout and both desktop/mobile block summaries. */
body.litho-commerce:is(.commerce-checkout,.woocommerce-checkout) :is(
  #order_review,
  #payment,
  .woocommerce-checkout-review-order,
  .woocommerce-checkout-review-order-table,
  .wp-block-woocommerce-checkout-totals-block,
  .wp-block-woocommerce-checkout-order-summary-block,
  .wp-block-woocommerce-checkout-payment-block,
  .wc-block-checkout__payment-method,
  .checkout-order-summary-block-fill,
  .wc-block-components-order-summary,
  .wc-block-components-checkout-order-summary__content,
  .wc-block-components-totals-wrapper,
  .wc-block-components-payment-methods,
  .wc-block-components-radio-control,
  .wc-block-components-radio-control__option,
  .wc-block-components-radio-control-accordion-option,
  .wc-block-components-radio-control-accordion-content
) {
  background: #1b1e18 !important;
  color: #f3f4e8 !important;
  border-color: #363a30;
  --wc-form-color-background: #1b1e18;
  --wc-form-color-text: #f3f4e8;
}
body.litho-commerce:is(.commerce-checkout,.woocommerce-checkout) :is(
  #order_review,
  #payment,
  .wp-block-woocommerce-checkout-order-summary-block,
  .wp-block-woocommerce-checkout-payment-block,
  .wc-block-checkout__payment-method
) :is(
  .has-background,
  .components-card,
  .wc-block-components-checkout-step__container,
  .payment_methods,
  .payment_box,
  table,
  thead,
  tbody,
  tfoot,
  tr,
  th,
  td
) {
  background: #1b1e18 !important;
  color: #f3f4e8 !important;
  border-color: #363a30;
}
body.litho-commerce:is(.commerce-checkout,.woocommerce-checkout) #payment .payment_box::before {
  border-bottom-color: #1b1e18 !important;
}

/* The no-payment message is a separate WooCommerce info notice, not a payment
   option. Its is-info background otherwise wins when block CSS loads later. */
body.litho-commerce:is(.commerce-checkout,.woocommerce-checkout) :is(
  .wc-block-checkout__no-payment-methods-notice,
  .wc-block-components-notice-banner,
  .components-notice,
  #payment .woocommerce-info
) {
  background: #1b1e18 !important;
  color: #f3f4e8 !important;
}
body.litho-commerce:is(.commerce-checkout,.woocommerce-checkout) :is(
  .wc-block-components-notice-banner__content,
  .components-notice__content
) {
  background: transparent !important;
  color: #f3f4e8 !important;
}
body.litho-commerce:is(.commerce-checkout,.woocommerce-checkout) :is(
  .wc-block-checkout__no-payment-methods-notice,
  .wc-block-components-notice-banner__content,
  .components-notice__content,
  #payment .woocommerce-info
) :is(p,a,li) { color: #f3f4e8 !important; }
body.litho-commerce:is(.commerce-checkout,.woocommerce-checkout) :is(
  .wc-block-components-notice-banner,
  .components-notice
) :is(.wc-block-components-notice-banner__dismiss,.components-notice__dismiss) {
  background: transparent !important;
  color: #f3f4e8 !important;
}

@media (max-width: 1050px) {
  .litho-commerce .main-nav { gap: 18px; }
  .litho-commerce .site-header { gap: 16px; }
  .litho-commerce .header-cta { margin-left: 0; padding: 12px 16px; gap: 14px; }
  .litho-commerce .commerce-hero { gap: 3vw; padding-top: 40px; }
  .litho-commerce .commerce-hero .hero-actions { gap: 20px; }
  .litho-commerce .commerce-hero .button { padding: 16px 23px; }
}
@media (max-width: 800px) {
  .litho-commerce .site-header { height: 76px; }
  .litho-commerce .main-nav { top: 68px; }
  .litho-commerce .commerce-hero { grid-template-columns: minmax(0,1fr); gap: 25px; padding: 36px 6vw; }
  .litho-commerce .commerce-hero-copy { padding: 0; }
  .litho-commerce .commerce-hero .eyebrow { margin-bottom: 22px; font-size: 9px; }
  .litho-commerce .commerce-hero h1 { font-size: clamp(44px,10.8vw,76px); }
  .litho-commerce .commerce-hero-copy > p:not(.eyebrow) { font-size: 14px; line-height: 1.75; margin-top: 22px; max-width: 500px; }
  .litho-commerce .commerce-hero .hero-actions { margin-top: 25px; flex-direction: row; align-items: center; gap: 20px; }
  .litho-commerce .commerce-hero-visual { width: 100%; max-width: 530px; justify-self: center; }
  .litho-commerce .commerce-image-stage { height: clamp(270px,80vw,420px); }
  .litho-commerce .commerce-hero-visual figcaption { font-size: 8px; padding-top: 13px; }
  .litho-commerce .commerce-catalog { padding-top: 48px; padding-bottom: 48px; }
  .litho-commerce .commerce-catalog > h2 { font-size: 37px; margin-bottom: 28px; }
  .litho-commerce .commerce-empty { grid-template-columns: minmax(0,1fr); gap: 22px; padding: 27px; }
  .litho-commerce .commerce-empty h3 { font-size: 31px; }
  .litho-commerce .commerce-process { padding-top: 45px; padding-bottom: 48px; }
  .litho-commerce .commerce-page-intro { padding-top: 40px; }
  .litho-commerce .commerce-content { padding-bottom: 50px; }
  .litho-commerce .woocommerce ul.products { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; }
  .litho-commerce .woocommerce table.shop_table_responsive tr td { background: var(--surface); }
  .litho-commerce .woocommerce .woocommerce-MyAccount-content { margin-top: 30px; }
  .litho-commerce .site-footer { padding-top: 40px; }
}
@media (max-width: 480px) {
  .litho-commerce .commerce-hero .hero-actions { align-items: flex-start; flex-direction: column; }
  .litho-commerce .commerce-image-stage { height: 295px; }
  .litho-commerce .commerce-catalog > h2 { font-size: 34px; }
  .litho-commerce .woocommerce ul.products { grid-template-columns: minmax(0,1fr); }
  .litho-commerce .commerce-empty { padding: 23px; }
  .litho-commerce .commerce-footer-links { gap: 12px 20px; }
}

/* Legal and service pages use the established NOCTURNE shell. */
.commerce-legal .legal-page-intro{max-width:1440px;margin:0 auto;padding-top:48px;padding-bottom:48px}
.commerce-legal .legal-back-link{margin-bottom:42px;font-size:12px;color:var(--muted)}
.commerce-legal .legal-page-intro .eyebrow{color:var(--accent);margin-bottom:20px}
.commerce-legal .legal-page-intro h1{max-width:100%;font-size:clamp(38px,5vw,76px);line-height:1.08;overflow-wrap:anywhere;hyphens:auto}
.commerce-legal .legal-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:clamp(32px,5vw,80px);max-width:1440px;margin:0 auto;padding-top:0;padding-bottom:90px;align-items:start}
.commerce-legal .legal-sidebar{position:sticky;top:30px;min-width:0}
.commerce-legal .legal-navigation{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.commerce-legal .legal-navigation a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:14px 12px;border-bottom:1px solid var(--line);font-size:13px;color:var(--muted);line-height:1.5}
.commerce-legal .legal-navigation a span{opacity:.5}
.commerce-legal .legal-navigation a:hover,.commerce-legal .legal-navigation a:focus-visible{color:var(--ink);background:var(--surface)}
.commerce-legal .legal-navigation a[aria-current="page"]{background:var(--surface);box-shadow:inset 2px 0 var(--accent);color:var(--accent)}
.commerce-legal .legal-document{min-width:0;padding:clamp(24px,3.4vw,52px);border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:16px;line-height:1.85;overflow-wrap:anywhere}
.commerce-legal .legal-document>:first-child{margin-top:0}
.commerce-legal .legal-document>:last-child{margin-bottom:0}
.commerce-legal .legal-document :is(h1,h2,h3,h4,h5,h6){color:var(--ink);font-family:var(--heading);font-weight:500;line-height:1.3;letter-spacing:-.025em;hyphens:auto;scroll-margin-top:30px}
.commerce-legal .legal-document h1,.commerce-legal .legal-document h2{font-size:clamp(24px,2.2vw,32px);margin:38px 0 18px}
.commerce-legal .legal-document h3{font-size:23px;margin:30px 0 15px}
.commerce-legal .legal-document :is(h4,h5,h6){font-size:19px;margin:26px 0 12px}
.commerce-legal .legal-document :is(p,ul,ol,dl,blockquote,figure,table){margin-top:0;margin-bottom:22px}
.commerce-legal .legal-document :is(ul,ol){padding-left:24px}
.commerce-legal .legal-document li+li{margin-top:10px}
.commerce-legal .legal-document li :is(ul,ol){margin-top:10px}
.commerce-legal .legal-document a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.commerce-legal .legal-document a:hover{color:var(--ink)}
.commerce-legal .legal-document address{font-style:normal;margin-bottom:22px}
.commerce-legal .legal-document strong{font-weight:700}
.commerce-legal .legal-document blockquote{margin-left:0;padding:16px 24px;border-left:2px solid var(--accent)}
.commerce-legal .legal-document table{border-collapse:collapse;width:100%;font-size:14px}
.commerce-legal .legal-document :is(th,td){padding:12px;text-align:left;border:1px solid var(--line)}
.commerce-legal .legal-document th{font-weight:600}
.commerce-legal .legal-document .wp-block-table{overflow-x:auto}
.commerce-legal .legal-document hr{border:0;border-top:1px solid var(--line);margin:32px 0}
@media(max-width:900px){
 .commerce-legal .legal-layout{grid-template-columns:minmax(0,1fr);gap:26px}
 .commerce-legal .legal-sidebar{position:static}
 .commerce-legal .legal-navigation{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;border:0}
 .commerce-legal .legal-navigation a{border:1px solid var(--line);padding:12px;min-height:48px;font-size:12px}
}
@media(max-width:600px){
 .commerce-legal .legal-page-intro{padding-top:30px;padding-bottom:30px}
 .commerce-legal .legal-back-link{margin-bottom:30px}
 .commerce-legal .legal-page-intro h1{font-size:clamp(32px,8vw,44px)}
 .commerce-legal .legal-layout{padding-bottom:55px;gap:22px}
 .commerce-legal .legal-navigation{grid-template-columns:repeat(2,minmax(0,1fr))}
 .commerce-legal .legal-document{padding:24px 20px;font-size:15px;line-height:1.8}
 .commerce-legal .legal-document h3{font-size:21px}
}
