/*
 * GT Frame conversion layer for the checkout (1147618) and the cart (1147615).
 * Loaded by md-new/lib/commerce.php after checkout-frame.css or cart-frame.css, only when
 * body carries .gtco-cv. Tokens come from commerce-frame.css; nothing here sets a font family.
 */

/* Compact page heading, so the form and the cart start higher on the page. */
.gtco-cv .gtco-hero{padding-block:32px 28px}
.gtco-cv .gtco-hero h1{font-size:clamp(1.375rem, 1.2rem + 0.6vw, 1.75rem);line-height:1.2}
.gtco-cv .gtco-hero__lede{margin-top:10px!important;font-size:1rem;line-height:1.5}

/* Step headings share one size; the country field keeps a single label. */
.gtco-cv.gtco-page .fct_checkout #payment_methods_label{margin:0 0 4px!important;color:var(--ink)!important;font-size:1.3125rem!important;line-height:1.3;font-weight:600!important}
.gtco-cv.gtco-page .fct_checkout #fct_wrapper_billing_country::after{content:none!important}

/* Reassurance rows: beside the total on wide screens, above the pay button on small ones, under the cart total. */
.gtco-cv .gtco-assure{display:grid;gap:10px;margin:0;padding:0;list-style:none;color:var(--body);font-size:.875rem;line-height:1.45}
.gtco-cv .gtco-assure li{display:flex;align-items:flex-start;gap:10px;margin:0;padding:0}
.gtco-cv .gtco-assure li::before,.gtco-cv .gtco-assure li::marker{content:none}
.gtco-cv .gtco-assure svg{flex:none;width:18px;height:18px;margin-top:1px;color:var(--accent-strong)}
.gtco-cv .gtco-assure a{color:var(--accent-strong);text-decoration:underline;text-underline-offset:3px}
.gtco-cv .gtco-assure a:hover{color:var(--ink)}
.gtco-cv .gtco-assure a:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px;border-radius:2px}
.gtco-cv .gtco-assure--side{margin:20px 0 0;padding:0 24px}
.gtco-cv .gtco-assure--pay{display:none;order:8}
.gtco-cv .gtco-assure .gtco-coupon-jump{display:inline-flex;align-items:center;min-height:44px;margin-block:-12px}

/* Cart: the reassurance rows sit under the total card. */
.gtco-cv.md-cart-page .fct-cart-page>[data-fluent-cart-page-after-items]{grid-column:2;grid-row:3;margin:20px 0 0;padding:0 24px}

/* Checkout footer: legal links only, so nothing competes with paying. */
.gtco-cv.md-checkout-page #footer .social-follow,.gtco-cv.md-checkout-page #footer a[href="/account/"],.gtco-cv.md-checkout-page #footer>.inner.block-half{display:none!important}
.gtco-cv.md-checkout-page #footer .footer-copy{padding-block:20px!important}
.gtco-cv.md-checkout-page #footer .mb-single{margin-bottom:8px!important}
.gtco-cv.md-checkout-page #footer .align-center{margin-bottom:0!important}

@media(max-width:900px){
/* The order summary starts closed and shows the total in its header; FluentCart's own toggle opens it. */
.gtco-cv.gtco-page .fct_checkout .fct_summary .fct_summary_box:not(.box_closed) .fct_form_section_body{grid-template-rows:0fr!important;padding-bottom:0!important}
.gtco-cv.gtco-page .fct_checkout .fct_summary .fct_summary_box:not(.box_closed) .fct_form_section_body_inner{padding-block:0!important}
.gtco-cv.gtco-page .fct_checkout .fct_summary .fct_summary_box:not(.box_closed) .fct_form_section_header{border-bottom-color:transparent!important}
.gtco-cv.gtco-page .fct_checkout .fct_summary .fct_summary_box:not(.box_closed) .fct_summary_toggle_total{display:block!important}
.gtco-cv.gtco-page .fct_checkout .fct_summary .fct_summary_box:not(.box_closed) .fct_toggle_content svg{transform:none!important}
.gtco-cv.gtco-page .fct_checkout .fct_summary .fct_summary_box.box_closed .fct_form_section_body{grid-template-rows:1fr!important}
.gtco-cv.gtco-page .fct_checkout .fct_summary .fct_summary_box.box_closed .fct_form_section_body_inner{padding-block:0 16px!important}
.gtco-cv.gtco-page .fct_checkout .fct_summary .fct_summary_box.box_closed .fct_summary_toggle_total{display:none!important}
.gtco-cv.gtco-page .fct_checkout .fct_summary .fct_summary_box.box_closed .fct_toggle_content svg{transform:rotate(180deg)!important}
.gtco-cv.gtco-page .fct_checkout .fct_checkout_summary .fct_form_section_header{align-items:center;min-height:56px}
.gtco-cv.gtco-page .fct_checkout .fct_checkout_summary .fct_toggle_content{min-height:44px;cursor:pointer}
.gtco-cv.gtco-page .fct_checkout .fct_summary_toggle_total,.gtco-cv.gtco-page .fct_checkout .fct_summary_toggle_total .value{color:var(--ink)!important;font-size:1rem!important;font-weight:600!important;font-variant-numeric:tabular-nums}
.gtco-cv.gtco-page .fct_checkout .fluent-cart-checkout-block-child-wrap>.wp-block-columns>.wp-block-column:nth-child(2){padding:20px 0!important}
.gtco-cv.gtco-page .fct_checkout .fluent-cart-checkout-block-child-wrap>.wp-block-columns>.wp-block-column:first-child{padding:24px 0 48px!important}
.gtco-cv .gtco-assure--side{display:none}
.gtco-cv .gtco-assure--pay{display:grid}
/* Cart on small screens: the checkout button stays in the first screen, so the rows wait for the checkout. */
.gtco-cv.md-cart-page .fct-cart-page>[data-fluent-cart-page-after-items]{grid-column:1;grid-row:auto;margin:0;padding:0}
.gtco-cv .gtco-assure--cart{display:none}
}

@media(max-width:760px){
.gtco-cv .gtco-hero{padding-block:22px 20px}
}

@media(prefers-reduced-motion:reduce){
.gtco-cv.gtco-page .fct_checkout .fct_summary .fct_form_section_body,.gtco-cv.gtco-page .fct_checkout .fct_toggle_content svg{transition:none!important}
}