/* Cart and checkout pages: WooCommerce's cart and checkout blocks dressed in the site's look.
   Base colours for inputs and buttons are in woocommerce.css; this file does layout and detail.
   WooCommerce's block CSS loads late and uses long selectors, hence the doubled classes. */

/* Page */
.wc-page{padding-top:var(--s-10)}
.wc-page .page-head{padding-bottom:var(--s-6)}
.wc-page .page-head h1{font-size:clamp(34px,4vw,48px)}
.dv-checkout .wc-page .page-head{display:none}
.wc-content .wc-block-components-sidebar-layout{margin-bottom:0}
.wc-content a:not(.wc-block-components-button){color:var(--gold)}
.wc-content .wc-block-components-product-name{color:var(--ink)!important;text-decoration:none}

/* Free-shipping bar and gift note on the cart page */
.cart-ship:empty{display:none}
.cart-ship{margin-bottom:var(--s-6);padding:16px 20px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--panel);font-size:var(--fs-md)}
.cart-ship .track{margin-top:10px;height:6px;border-radius:3px;background:var(--panel-2);overflow:hidden}
.cart-ship .fill{height:100%;background:var(--gold);transition:width .4s ease}
.cart-ship b{color:var(--gold);font-weight:600}
.cart-extra{display:none}
.cart-extra.is-placed{display:block;padding:20px 0 4px}
.cart-note{position:relative}
.cart-note label{display:inline-flex;align-items:center;gap:10px;min-height:var(--tap);font-size:var(--fs-base);color:var(--ink);cursor:pointer}
.cart-note label .icon{width:20px;height:20px;color:var(--gold)}
.cart-note input{width:18px;height:18px;accent-color:var(--gold)}
.cart-note textarea{display:block;width:100%;margin-top:8px;min-height:96px;padding:12px 14px;border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--night-2);color:var(--ink);font:inherit;font-size:var(--fs-md)}
.cart-note textarea[hidden]{display:none}
.cart-note textarea:focus{outline:0;border-color:var(--gold);box-shadow:0 0 0 3px rgba(236,196,128,.18)}
.cart-note .saved{position:absolute;right:0;top:12px;font-size:var(--fs-sm);color:var(--ok)}

/* Line items: name, price, short and quiet */
.wc-content .wc-block-components-product-metadata__description{display:none}
.wc-content .wc-block-components-product-name{font-family:var(--display);font-size:18px;line-height:1.3}
.wc-content .wc-block-components-product-details{margin:4px 0 0;font-size:var(--fs-sm);color:var(--ink-3)}
.wc-content .wc-block-components-product-details__name{font-weight:400}
.wc-content .wc-block-cart-item__image img,.wc-content .wc-block-components-order-summary-item__image img{border-radius:12px;background:var(--stage);aspect-ratio:1;object-fit:cover}

/* Cart table */
.wc-block-cart .wc-block-cart-items .wc-block-cart-items__header{font-size:var(--fs-xs);letter-spacing:.12em;color:var(--ink-3)}
.wc-block-cart .wc-block-cart-items .wc-block-cart-items__row{padding:24px 0}
.wc-block-cart .wc-block-cart-items .wc-block-cart-item__image{width:96px;padding-right:20px}
.wc-block-cart .wc-block-cart-item__prices{font-size:var(--fs-md);color:var(--ink-2)}
.wc-block-cart .wc-block-cart-item__total{font-weight:600;color:var(--ink)}
.wc-block-cart .wc-block-cart-item__quantity{margin-top:12px;display:flex;align-items:center;gap:12px}
.wc-block-cart .wc-block-components-quantity-selector{width:120px;height:var(--tap);margin:0}
.wc-block-cart .wc-block-components-quantity-selector:not(:has(button)){width:auto;border:0!important}
.wc-block-cart .wc-block-components-quantity-selector:not(:has(button)) input{width:auto;padding:0;text-align:left;font-size:var(--fs-sm);color:var(--ink-3)!important;pointer-events:none}
.wc-block-cart .wc-block-components-quantity-selector:not(:has(button))::before{content:"Qty\00a0";align-self:center;font-size:var(--fs-sm);color:var(--ink-3)}
.wc-block-cart .wc-block-components-quantity-selector:not(:has(button))::after{display:none}
.wc-block-cart .wc-block-cart-item__remove-link{width:var(--tap);height:var(--tap);display:inline-grid;place-items:center;border-radius:50%;color:var(--ink-3)!important;opacity:1}
.wc-block-cart .wc-block-cart-item__remove-link:hover{color:var(--ink)!important;background:var(--panel)}

/* Totals and order summary: a panel, as in the drawer */
.wc-block-cart .wc-block-cart__sidebar>.wp-block-woocommerce-cart-order-summary-block,
.wc-block-checkout .wc-block-checkout__sidebar .wp-block-woocommerce-checkout-order-summary-block,
.wc-block-checkout .checkout-order-summary-block-fill-wrapper{padding:8px 20px 4px;border:1px solid var(--line)!important;border-radius:var(--r-lg);background:var(--panel)}
.wc-block-cart .wc-block-cart__totals-title{display:block;margin:0;padding:16px 0 12px!important;font-family:var(--display)!important;font-size:22px!important;font-weight:400!important;letter-spacing:0!important;text-transform:none!important;text-align:left!important;color:var(--ink)}
.wc-content .wc-block-components-totals-wrapper{padding:14px 0!important;border-top:1px solid var(--line)!important}
.wc-content .wc-block-components-totals-wrapper:empty{display:none}
.wc-content .wc-block-components-totals-item{color:var(--ink-2);font-size:var(--fs-md)}
.wc-content .wc-block-components-totals-footer-item{color:var(--ink)}
.wc-content .wc-block-components-totals-footer-item .wc-block-components-totals-item__label{font-family:var(--display);font-size:22px;font-weight:400}
.wc-content .wc-block-components-totals-footer-item .wc-block-components-totals-item__value{font-size:22px;font-weight:600}
.wc-content .wc-block-components-totals-item__description{font-size:var(--fs-sm);color:var(--ink-3)}
.wc-content .wc-block-components-panel__button{font-size:var(--fs-md);padding-block:10px!important;margin:0!important}
.wc-content .wc-block-components-panel__button-icon{fill:var(--ink-3)}
.wc-content .wc-block-components-totals-coupon__form{gap:8px}
.wc-block-cart .wc-block-cart__submit{margin:20px 0 0}
.wc-block-cart .wc-block-cart__submit-button{width:100%}
.wc-block-cart .wc-block-cart__payment-options{padding:0}

/* Phone: WooCommerce pins the cart's checkout button to the bottom of the screen */
.wc-block-cart .wc-block-cart__submit-container--sticky{padding:12px var(--gutter) calc(12px + env(safe-area-inset-bottom,0px));background:var(--drawer);border-top:1px solid var(--line)}
.wc-block-cart .wc-block-cart__submit-container--sticky::before{display:none}

/* Checkout steps */
.wc-block-checkout .wc-block-components-checkout-step{margin-bottom:var(--s-8)}
.wc-block-checkout .wc-block-components-checkout-step__heading{margin:0 0 16px}
.wc-block-checkout .wc-block-components-checkout-step__title{font-size:24px!important;color:var(--ink)}
.wc-block-checkout .wc-block-components-checkout-step__heading-content a{color:var(--gold)}
.wc-block-checkout .wc-block-checkout__guest-checkout-notice{margin-top:8px;font-size:var(--fs-sm)}
.wc-block-checkout .wc-block-components-address-form__address_2-toggle{color:var(--gold);font-size:var(--fs-md)}
.wc-block-checkout .wc-block-components-address-card{border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--night-2);color:var(--ink-2)}
.wc-block-checkout .wc-block-components-address-card__edit{color:var(--gold)}
.wc-block-checkout .wc-block-checkout__no-payment-methods-notice{margin:0}
.wc-block-checkout .wc-block-checkout__terms{margin:0 0 20px;padding-top:20px;border-top:1px solid var(--line);font-size:var(--fs-sm);color:var(--ink-3)}
.wc-block-checkout .wc-block-checkout__terms a{color:var(--ink-2);text-decoration:underline}
.wc-block-checkout .wc-block-checkout__actions_row{flex-direction:column;align-items:stretch;gap:16px}
.wc-block-checkout .wc-block-components-checkout-place-order-button{width:100%;font-size:var(--fs-lg)}
.wc-block-checkout .wc-block-components-checkout-return-to-cart-button{color:var(--ink-3)!important;font-size:var(--fs-md);padding-left:0}
.wc-block-checkout .wc-block-components-checkout-return-to-cart-button svg{fill:currentColor}
.wc-block-checkout .wc-block-components-checkout-place-order-button::after{content:"";display:none}

/* WooCommerce indents everything inside its sidebar; the panel already has padding */
.wc-content .wc-block-components-sidebar .wc-block-components-panel,
.wc-content .wc-block-components-sidebar .wc-block-components-totals-coupon,
.wc-content .wc-block-components-sidebar .wc-block-components-totals-item,
.wc-content .wc-block-components-checkout-order-summary__title,
.wc-content .checkout-order-summary-block-fill .wc-block-components-totals-item,
.wc-content .checkout-order-summary-block-fill .wc-block-components-panel,
.wc-content .wc-block-components-order-summary{padding-left:0!important;padding-right:0!important}
.wc-block-checkout .checkout-order-summary-block-fill-wrapper{margin-bottom:var(--s-6)}
.wc-block-checkout .checkout-order-summary-block-fill-wrapper>h2{margin:0;padding:16px 0 4px;font-family:var(--display);font-size:22px;font-weight:400}

/* Order summary items */
.wc-content .wc-block-components-checkout-order-summary__title{padding:16px 0 12px;margin:0}
.wc-content .wc-block-components-checkout-order-summary__title-text{font-family:var(--display);font-size:22px;color:var(--ink)}
.wc-content .wc-block-components-checkout-order-summary__title-price{font-weight:600}
.wc-content .wc-block-components-order-summary{padding:0!important}
.wc-content .wc-block-components-order-summary .wc-block-components-order-summary-item{padding:12px 0;align-items:flex-start}
.wc-content .wc-block-components-order-summary-item__image{width:64px;flex:none}
.wc-content .wc-block-components-order-summary-item__image>img{width:64px;max-width:64px}
.wc-content .wc-block-components-order-summary-item__quantity{min-width:22px;height:22px;border:0!important;border-radius:11px;background:var(--gold)!important;color:var(--gold-ink)!important;box-shadow:0 0 0 2px var(--panel)!important;font-size:12px;font-weight:600}
.wc-content .wc-block-components-order-summary-item__description{padding:0 12px 0 18px}
.wc-content .wc-block-components-order-summary-item__description .wc-block-components-product-name{font-size:16px}
.wc-content .wc-block-components-order-summary-item__individual-prices{display:none}
.wc-content .wc-block-components-order-summary-item__total-price{font-weight:600;color:var(--ink)}
.wc-content .wc-block-components-order-summary-item__total-price .wc-block-components-product-details{display:none}
.wc-content .wc-block-components-order-summary-item__description .wc-block-components-product-details{display:block}

/* Gift note from the cart, under the order summary */
.co-gift-note{display:none}
.co-gift-note.is-placed{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;margin-top:16px;padding:16px 20px;border:1px solid var(--gold-line);border-radius:var(--r-lg);background:var(--panel);font-size:var(--fs-md)}
.co-gift-note .icon{color:var(--gold)}
.co-gift-note b{color:var(--ink);font-weight:600}
.co-gift-note p{margin:4px 0 6px;color:var(--ink-2);font-family:var(--display);font-style:italic;overflow-wrap:anywhere}
.co-gift-note a{font-size:var(--fs-sm);color:var(--gold);text-decoration:underline}

/* Phone: the checkout summary folds into a panel at the top */
@media (max-width:699px){
  .wc-page{padding-top:var(--s-6)}
  .wc-block-checkout .wc-block-components-checkout-order-summary__title{padding:14px 0}
  .wc-block-checkout .wp-block-woocommerce-checkout-order-summary-block{margin-bottom:var(--s-6)}
  .wc-block-checkout .wc-block-components-checkout-step__title{font-size:22px!important}
  .wc-block-cart .wc-block-cart-items .wc-block-cart-item__image{width:84px;padding-right:16px}
  .wc-block-cart .wc-block-cart__sidebar>.wp-block-woocommerce-cart-order-summary-block{margin-top:var(--s-6)}
  .cart-ship{padding:14px 16px}
}
.wc-block-checkout .checkout-order-summary-block-fill{border:0!important;padding:0!important;margin:0!important}

/* ------------------------------------------------------------------------------------------
   Checkout: two columns, laid out like Shopify's checkout (form left, order summary on a panel to
   the right), because shoppers already know it. Same night palette as the rest of the site; the
   form sits on the night colour, the summary on a slightly lighter panel.
   ------------------------------------------------------------------------------------------ */
body.dv-checkout{
  --co-link:var(--gold); --co-focus:var(--gold); --co-r:10px;
  --co-field:var(--night-2); --co-side:var(--panel);
  background:var(--night);
}
.dv-checkout .wc-page{max-width:none;padding:0}
.dv-checkout .wc-content a:not(.wc-block-components-button){color:var(--co-link)}

/* Header: logo and cart, nothing else */
.dv-checkout .hdr-co{position:static;background:var(--night);border-bottom:1px solid var(--line);-webkit-backdrop-filter:none;backdrop-filter:none}
.dv-checkout .hdr-co .hdr-in{height:72px;padding:0 var(--gutter)}
.dv-checkout .co-cart{display:inline-grid;place-items:center;width:var(--tap);height:var(--tap);color:var(--co-link)}
.dv-checkout .co-cart .icon{width:24px;height:24px}

/* Policy links under the form */
.ftr-co{border-top:1px solid var(--line);background:var(--night)}
.ftr-co-in{display:flex;flex-wrap:wrap;gap:4px 18px;padding:16px var(--gutter) calc(20px + env(safe-area-inset-bottom,0px))}
.ftr-co-in a{min-height:36px;display:inline-flex;align-items:center;font-size:var(--fs-sm);color:var(--co-link);text-decoration:underline}

/* Type: section titles in the site's serif, the rest plain and readable */
.dv-checkout .wc-block-components-title.wc-block-components-title,
.dv-checkout .wc-block-components-checkout-step__title{font-family:var(--display)!important;font-weight:400!important;font-size:24px!important;letter-spacing:0;color:var(--ink)}
.dv-checkout .wc-block-checkout .wc-block-components-checkout-step{margin-bottom:28px}
.dv-checkout .wc-block-checkout .wc-block-components-checkout-step__heading{margin:0 0 14px}
.dv-checkout .wc-block-components-checkout-step__heading-content{font-size:var(--fs-md)}
.dv-checkout .wc-content .wc-block-components-product-name{font-family:var(--body);font-size:14px;font-weight:600;line-height:1.35}
.dv-checkout .wc-content .wc-block-components-product-details{font-size:13px}

/* Fields: dark, thin border, gold focus ring */
.dv-checkout .wc-block-components-text-input input[type],
.dv-checkout .wc-blocks-components-select .wc-blocks-components-select__select,
.dv-checkout .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input,
.dv-checkout .wc-block-components-textarea{border-radius:var(--co-r)!important;border-color:var(--line-strong)!important;background:var(--co-field)!important;color:var(--ink)!important}
.dv-checkout .wc-blocks-components-select .wc-blocks-components-select__container{border-radius:var(--co-r);background:var(--co-field)}
.dv-checkout .wc-block-components-text-input input[type]:focus,
.dv-checkout .wc-blocks-components-select .wc-blocks-components-select__select:focus{border-color:var(--co-focus)!important;box-shadow:0 0 0 1px var(--co-focus)!important}
.dv-checkout .wc-block-components-text-input label,.dv-checkout .wc-blocks-components-select .wc-blocks-components-select__label{color:var(--ink-3)!important}
.dv-checkout .wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]{background:var(--co-field);border-color:var(--line-strong);border-radius:4px}
.dv-checkout .wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:checked{background:var(--gold);border-color:var(--gold)}
.dv-checkout .wc-block-components-checkbox .wc-block-components-checkbox__mark{fill:var(--gold-ink)}
.dv-checkout .wc-block-components-address-card{background:var(--co-field);color:var(--ink);border-radius:var(--co-r)}

/* Shipping method and payment: options in one bordered box, as on Shopify */
.dv-checkout .wc-block-components-radio-control--highlight-checked,
.dv-checkout .wc-block-components-radio-control{border-radius:var(--co-r)}
.dv-checkout .wc-block-components-radio-control__option{color:var(--ink)}
.dv-checkout .wc-block-components-radio-control__input{background:var(--co-field)!important;border-color:var(--line-strong)!important}
.dv-checkout .wc-block-components-radio-control__input:checked{border-color:var(--gold)!important}
.dv-checkout .wc-block-components-radio-control__input:checked::before{background:var(--gold)!important}
.dv-checkout .wc-block-components-radio-control--highlight-checked::after{border-color:var(--line-strong)!important}
.dv-checkout .wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted,
.dv-checkout .wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted{box-shadow:inset 0 0 0 1px var(--gold);border-radius:var(--co-r);background:var(--gold-soft)}
.dv-checkout .wc-block-components-shipping-rates-control__no-results-notice,
.dv-checkout .wc-block-checkout__no-shipping-placeholder{padding:16px;border-radius:var(--co-r);background:var(--panel);color:var(--ink-3);font-size:var(--fs-md)}
.dv-checkout .wc-block-components-notice-banner{border-radius:var(--co-r)!important;background:var(--panel)!important;color:var(--ink)!important}
.dv-checkout .wc-block-components-notice-banner.is-error{background:rgba(240,138,126,.08)!important;border-color:rgba(240,138,126,.4)!important;border-left:1px solid rgba(240,138,126,.4)!important}
.dv-checkout .wc-block-components-notice-banner>svg{fill:var(--error)}

/* Pay now */
.dv-checkout .wc-block-checkout__terms{border-top:0;padding-top:0;font-size:var(--fs-sm)}
.dv-checkout .wc-block-components-checkout-place-order-button{border-radius:var(--co-r)!important;min-height:58px;font-size:19px!important;font-weight:600}

/* Order summary */
.dv-checkout .wc-block-checkout .wc-block-checkout__sidebar .wp-block-woocommerce-checkout-order-summary-block,
.dv-checkout .wc-block-checkout .checkout-order-summary-block-fill-wrapper{padding:0;border:0!important;border-radius:0;background:none}
.dv-checkout .wc-content .wc-block-components-checkout-order-summary__title-text{font-family:var(--display);font-size:22px;font-weight:400}
.dv-checkout .wc-content .wc-block-components-checkout-order-summary__title{padding-left:0!important;padding-right:0!important;border-top:0!important}
.dv-checkout .wc-content .wc-block-components-checkout-order-summary__title-text{margin-left:0}
.dv-checkout .wc-block-checkout .wc-block-components-address-form__address_2-toggle{color:var(--co-link)}
.dv-checkout .wc-content .wc-block-components-order-summary .wc-block-components-order-summary-item{padding:8px 0;align-items:center}
.dv-checkout .wc-content .wc-block-components-order-summary-item__image{width:64px;height:64px;border:1px solid var(--line);border-radius:var(--co-r);background:var(--stage)}
.dv-checkout .wc-content .wc-block-components-order-summary-item__image>img{width:62px;max-width:62px;height:62px;border-radius:var(--co-r);background:none;object-fit:contain}
.dv-checkout .wc-content .wc-block-components-order-summary-item__quantity{top:-9px;right:-9px;min-width:22px;height:22px;background:var(--ink-3)!important;color:var(--night)!important;box-shadow:none!important}
.dv-checkout .wc-content .wc-block-components-order-summary-item__description{padding:0 12px 0 16px}
.dv-checkout .wc-content .wc-block-components-order-summary-item__total-price{font-size:14px;font-weight:500}
.dv-checkout .wc-content .wc-block-components-totals-wrapper{border-top:0!important;padding:8px 0!important}
.dv-checkout .wc-content .wc-block-components-totals-coupon .wc-block-components-panel__button{display:none}
.dv-checkout .wc-content .wc-block-components-totals-coupon__content{padding:0}
.dv-checkout .wc-content .wc-block-components-totals-coupon__form{display:flex;flex-wrap:nowrap;gap:10px;align-items:stretch}
.dv-checkout .wc-content .wc-block-components-totals-coupon__form>:first-child{flex:1 1 auto;min-width:0;margin:0}
.dv-checkout .wc-content .wc-block-components-totals-coupon__button{min-height:50px;height:auto;margin:0;flex:none;width:auto;padding:0 18px;border-radius:var(--co-r)!important;border:1px solid var(--line-strong)!important;background:var(--panel-2)!important;color:var(--ink-2)!important;font-weight:600}
.dv-checkout .wc-content .wc-block-components-totals-item{font-size:14px;color:var(--ink)}
.dv-checkout .wc-content .wc-block-components-totals-item__description{font-size:12px}
.dv-checkout .wc-content .wc-block-components-totals-footer-item .wc-block-components-totals-item__label{font-family:var(--display);font-size:22px;font-weight:400}
.dv-checkout .wc-content .wc-block-components-totals-footer-item .wc-block-components-totals-item__value{font-size:19px;font-weight:600}
.dv-checkout .wc-content .wc-block-components-totals-footer-item .wc-block-components-totals-item__value::before{content:var(--dv-cur-code,"USD");margin-right:8px;font-size:12px;font-weight:400;color:var(--ink-3);vertical-align:2px}
.dv-checkout .co-gift-note.is-placed{background:var(--night-2);border-color:var(--line);border-radius:var(--co-r)}
.dv-checkout .co-gift-note .icon{color:var(--co-link)}

/* Desktop: two halves, the summary panel runs to the right edge */
@media (min-width:1000px){
  body.dv-checkout{background:linear-gradient(90deg,var(--night) 50%,var(--line) 50%,var(--line) calc(50% + 1px),var(--co-side) calc(50% + 1px))}
  .dv-checkout .hdr-co .hdr-in{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:0;max-width:none}
  .dv-checkout .hdr-co .brand{justify-self:end;width:min(100%,644px);padding:0 64px 0 24px}
  .dv-checkout .hdr-co .co-cart{justify-self:start;margin-left:min(calc(50vw - 68px),488px)}
  .dv-checkout .wp-block-woocommerce-checkout{padding:0}
  .dv-checkout .wc-block-checkout.wc-block-components-sidebar-layout{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0}
  .dv-checkout .wc-block-checkout .wc-block-checkout__main{justify-self:end;width:min(100%,644px);padding:40px 64px 48px 24px;box-sizing:border-box}
  .dv-checkout .wc-block-checkout .wc-block-checkout__sidebar{width:auto;max-width:528px;padding:40px 24px 48px 44px;box-sizing:border-box;position:static;top:auto}
  .dv-checkout .wc-block-checkout .wc-block-checkout__sidebar>.wp-block-woocommerce-checkout-order-summary-block{position:sticky;top:24px}
  .ftr-co{display:grid;grid-template-columns:1fr 1fr;border-top:0;background:none}
  .ftr-co-in{justify-self:end;width:min(100%,644px);box-sizing:border-box;margin:0;padding:16px 64px 32px 24px;border-top:1px solid var(--line)}
}

/* Phone and tablet: summary in a panel bar at the top, form below */
@media (max-width:999px){
  .dv-checkout .wp-block-woocommerce-checkout{padding:0 var(--gutter)}
  .dv-checkout .wc-block-checkout .wc-block-checkout__sidebar{width:auto;margin:0 calc(-1 * var(--gutter)) 24px;padding:0 var(--gutter);background:var(--panel);border-bottom:1px solid var(--line)}
  .dv-checkout .wc-block-checkout .wc-block-checkout__sidebar .wp-block-woocommerce-checkout-order-summary-block{margin:0;border-top:0!important}
  .dv-checkout .wc-content .wc-block-components-checkout-order-summary__title{padding:16px 0}
  .dv-checkout .wc-content .wc-block-components-checkout-order-summary__title-text{color:var(--co-link);font-weight:500;font-size:15px}
  .dv-checkout .wc-content .wc-block-components-checkout-order-summary__title-price{font-size:17px;font-weight:600}
  .dv-checkout .wc-block-checkout .checkout-order-summary-block-fill-wrapper{margin:0 0 20px;padding:4px 16px 8px;border-radius:var(--co-r);background:var(--panel)}
  .dv-checkout .wc-block-checkout .checkout-order-summary-block-fill-wrapper>h2{font-family:var(--body);font-size:18px;font-weight:600}
  .dv-checkout .co-gift-note.is-placed{margin:0 0 16px}
}

/* ---------- Pay for an order (woocommerce/checkout/form-pay.php) ---------- */
.dv-checkout.woocommerce-order-pay .wc-page{max-width:1080px;margin:0 auto;padding:var(--s-10) max(var(--gutter),env(safe-area-inset-left,0px)) var(--s-16)}
#order_review.pay{padding:0;border-radius:0;background:none}
.pay-head{max-width:640px;margin:0 0 var(--s-8)}
.pay-head h1{font-size:clamp(30px,4vw,44px);line-height:var(--lh-tight);margin:0 0 12px}
.pay-head p{margin:0;color:var(--ink-2)}
.pay-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--s-6);align-items:start}
.pay-card{padding:24px;border-radius:var(--r-lg);background:var(--panel);border:1px solid var(--line)}
.pay-card h2{font-family:var(--body);font-size:var(--fs-lg);font-weight:600;margin:0 0 16px}
.pay-items{list-style:none;margin:0;padding:0}
.pay-items li{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
.pay-items li:first-child{padding-top:0}
.pay-items .pic{width:64px;height:64px;border-radius:var(--r-sm);background:var(--stage);overflow:hidden;display:flex;align-items:center;justify-content:center}
.pay-items .pic img{width:100%;height:100%;object-fit:contain}
.pay-items .nm{font-weight:500;min-width:0}
.pay-items .nm small{display:block;margin-top:2px;font-weight:400;font-size:var(--fs-sm);color:var(--ink-3)}
.pay-items .nm .wc-item-meta{margin:4px 0 0;padding:0;list-style:none;font-size:var(--fs-sm);color:var(--ink-3)}
.pay-items .nm .wc-item-meta p{display:inline;margin:0}
.pay-items .amt{font-variant-numeric:tabular-nums;white-space:nowrap}
.pay-totals{margin:12px 0 0}
.pay-totals .row{display:flex;justify-content:space-between;gap:16px;padding:6px 0;font-size:var(--fs-md);color:var(--ink-2)}
.pay-totals dt,.pay-totals dd{margin:0}
.pay-totals dd{font-variant-numeric:tabular-nums;text-align:right}
.pay-totals .row-order_total{margin-top:6px;padding-top:12px;border-top:1px solid var(--line);font-size:var(--fs-lg);font-weight:600;color:var(--ink)}
.pay-totals .row-order_total dd small{display:block;font-size:var(--fs-xs);font-weight:400;color:var(--ink-3)}
.pay #payment{background:none;border-radius:0}
.pay #payment ul.payment_methods{margin:0 0 16px;padding:0;border:0;list-style:none;display:grid;gap:10px}
.pay #payment ul.payment_methods li{margin:0;padding:14px 16px;border:1px solid var(--line-strong);border-radius:var(--r-md)}
.pay #payment ul.payment_methods li:has(input:checked){border-color:var(--gold);background:var(--gold-soft)}
.pay #payment ul.payment_methods li label{font-weight:500;cursor:pointer}
.pay #payment .payment_box{margin:10px 0 0;padding:0;background:none;color:var(--ink-2);font-size:var(--fs-md)}
.pay #payment .payment_box::before{display:none}
.pay #payment .form-row{margin:0;padding:0}
.pay .woocommerce-privacy-policy-text{font-size:var(--fs-sm);color:var(--ink-3);margin-bottom:16px}
.pay #place_order{width:100%;float:none}
.pay-none{margin:0 0 8px;padding:14px 16px;border:1px solid var(--line-strong);border-radius:var(--r-md);color:var(--ink-2)}
.pay-safe{display:flex;align-items:center;gap:8px;margin:14px 0 0;font-size:var(--fs-sm);color:var(--ink-3)}
.pay-safe .icon{width:16px;height:16px;flex:none}
@media (max-width:820px){
  .pay-grid{grid-template-columns:1fr}
  .pay-card{padding:18px}
}
/* One column: no split background or footer */
@media (min-width:1000px){
  body.dv-checkout.woocommerce-order-pay{background:var(--night)}
  .woocommerce-order-pay .ftr-co{display:block;border-top:1px solid var(--line)}
  .woocommerce-order-pay .ftr-co-in{width:auto;max-width:1080px;margin:0 auto;padding:16px var(--gutter) 32px;border-top:0}
}