@import url("https://fonts.googleapis.com/css2?family=Literata:opsz,wght@7..72,400;7..72,500&family=Outfit:wght@300;400;500;600;700&display=swap"); :root {
--nf-cream: #f7f4f0;
--nf-paper: #fffdf9;
--nf-ink: #222222;
--nf-muted: #676460;
--nf-green: #5e7264;
--nf-green-dark: #3f5146;
--nf-green-soft: #dfe6df;
--nf-rose: #ad7e76;
--nf-rose-dark: #8f645d;
--nf-rose-soft: #f4ecea;
--nf-berry: #6f4246;
--nf-line: rgba(34, 34, 34, .13);
--nf-serif: "Literata", Georgia, serif;
--nf-sans: "Outfit", Arial, sans-serif;
--nf-radius: 24px;
--nf-shadow: 0 24px 70px rgba(55, 48, 43, .12);
--nf-accent: var(--nf-rose);
--nf-accent-dark: var(--nf-berry);
--nf-tint: var(--nf-rose-soft);
--nf-panel: var(--nf-green-soft);
}
body.cartflows-instant-checkout,
body.woocommerce-order-received {
background: var(--nf-cream) !important;
color: var(--nf-ink) !important;
font-family: var(--nf-sans) !important;
-webkit-font-smoothing: antialiased;
}
body.cartflows-instant-checkout .main-header,
body.cartflows-instant-checkout header.main-header {
border-bottom: 1px solid var(--nf-line) !important;
background: rgba(247, 244, 240, .94) !important;
backdrop-filter: blur(18px);
}
body.cartflows-instant-checkout .main-header--brand,
body.cartflows-instant-checkout .main-header__brand,
body.cartflows-instant-checkout .main-header a {
color: var(--nf-ink) !important;
font-family: var(--nf-serif) !important;
}
body.cartflows-instant-checkout .cartflows-checkout-main-wrapper {
width: min(1180px, calc(100% - 44px));
margin: 38px auto 64px !important;
}
.nf-checkout-intro {
max-width: 780px;
margin: 0 auto 30px;
text-align: center;
}
.nf-checkout-intro__eyebrow,
.nf-thankyou-hero__eyebrow {
margin: 0 0 12px;
color: var(--nf-accent-dark);
font: 600 12px/1.2 var(--nf-sans);
letter-spacing: .13em;
text-transform: uppercase;
}
.nf-checkout-intro h1 {
margin: 0;
font-size: clamp(38px, 5vw, 62px) !important;
line-height: 1.04 !important;
}
.nf-checkout-intro__lead {
max-width: 650px;
margin: 18px auto 0;
color: var(--nf-muted);
font-size: 17px;
line-height: 1.65;
}
body.cartflows-instant-checkout .checkout-form--wrapper,
body.cartflows-instant-checkout .wcf-instant-checkout-wrapper {
overflow: hidden;
border: 1px solid var(--nf-line) !important;
border-radius: 30px !important;
background: var(--nf-paper) !important;
box-shadow: var(--nf-shadow) !important;
}
body.cartflows-instant-checkout .wcf-ic-layout-left-column {
background: var(--nf-paper) !important;
padding: clamp(30px, 4vw, 58px) !important;
}
body.cartflows-instant-checkout .wcf-ic-layout-right-column {
border-left: 1px solid var(--nf-line) !important;
background: var(--nf-panel) !important;
padding: clamp(30px, 3.5vw, 52px) !important;
}
body.cartflows-instant-checkout h1,
body.cartflows-instant-checkout h2,
body.cartflows-instant-checkout h3,
body.woocommerce-order-received h1,
body.woocommerce-order-received h2,
body.woocommerce-order-received h3 {
color: var(--nf-ink) !important;
font-family: var(--nf-serif) !important;
font-weight: 400 !important;
letter-spacing: -.025em;
}
body.cartflows-instant-checkout h3 {
margin: 0 0 22px !important;
font-size: clamp(23px, 2.2vw, 30px) !important;
line-height: 1.15 !important;
}
body.cartflows-instant-checkout .woocommerce-billing-fields,
body.cartflows-instant-checkout .wcf-payment-option-heading {
margin-top: 42px !important;
}
body.cartflows-instant-checkout .woocommerce-info,
body.cartflows-instant-checkout .woocommerce-message,
body.cartflows-instant-checkout .wcf-customer-info__notice {
border: 1px solid color-mix(in srgb, var(--nf-accent) 45%, transparent) !important;
border-radius: 16px !important;
background: var(--nf-tint) !important;
color: var(--nf-ink) !important;
box-shadow: none !important;
}
body.cartflows-instant-checkout .form-row {
margin-bottom: 16px !important;
}
body.cartflows-instant-checkout .form-row label,
body.cartflows-instant-checkout .wcf-field-modern-label label {
color: var(--nf-muted) !important;
font-family: var(--nf-sans) !important;
font-size: 12px !important;
font-weight: 500 !important;
letter-spacing: .02em;
}
body.cartflows-instant-checkout input.input-text,
body.cartflows-instant-checkout select,
body.cartflows-instant-checkout textarea,
body.cartflows-instant-checkout .select2-selection {
min-height: 54px !important;
border: 1px solid rgba(34, 34, 34, .18) !important;
border-radius: 14px !important;
background: #fff !important;
color: var(--nf-ink) !important;
font: 400 15px/1.35 var(--nf-sans) !important;
box-shadow: none !important;
transition: border-color .2s ease, box-shadow .2s ease;
}
body.cartflows-instant-checkout input.input-text:focus,
body.cartflows-instant-checkout select:focus,
body.cartflows-instant-checkout textarea:focus,
body.cartflows-instant-checkout .select2-container--open .select2-selection {
border-color: var(--nf-accent) !important;
outline: none !important;
box-shadow: 0 0 0 4px color-mix(in srgb, var(--nf-accent) 14%, transparent) !important;
}
body.cartflows-instant-checkout #payment {
overflow: hidden;
border: 1px solid var(--nf-line) !important;
border-radius: 18px !important;
background: #fff !important;
}
body.cartflows-instant-checkout #payment ul.payment_methods,
body.cartflows-instant-checkout #payment .payment_box {
border-color: var(--nf-line) !important;
background: #fff !important;
}
body.cartflows-instant-checkout #payment .payment_box {
color: var(--nf-muted) !important;
font-size: 13px !important;
line-height: 1.55 !important;
}
body.cartflows-instant-checkout input[type="radio"]:checked,
body.cartflows-instant-checkout input[type="checkbox"]:checked {
border-color: var(--nf-accent) !important;
background-color: var(--nf-accent) !important;
}
body.cartflows-instant-checkout #place_order {
min-height: 58px !important;
border: 1px solid var(--nf-accent) !important;
border-radius: 999px !important;
background: var(--nf-accent) !important;
color: #fff !important;
font: 600 16px/1.2 var(--nf-sans) !important;
letter-spacing: .01em !important;
box-shadow: 0 14px 32px color-mix(in srgb, var(--nf-accent) 25%, transparent) !important;
transition: transform .2s ease, background .2s ease, box-shadow .2s ease !important;
}
body.cartflows-instant-checkout #place_order:hover {
transform: translateY(-2px) !important;
background: var(--nf-accent-dark) !important;
box-shadow: 0 18px 38px color-mix(in srgb, var(--nf-accent) 31%, transparent) !important;
}
body.cartflows-instant-checkout .instant-checkout-order-review-table,
body.cartflows-instant-checkout .wcf-order-wrap,
body.cartflows-instant-checkout .woocommerce-checkout-review-order {
color: var(--nf-ink) !important;
font-family: var(--nf-sans) !important;
}
body.cartflows-instant-checkout .cart_item {
border-bottom: 1px solid var(--nf-line) !important;
}
body.cartflows-instant-checkout .wcf-product-thumbnail img {
border-radius: 14px !important;
box-shadow: 0 10px 24px rgba(55, 48, 43, .13) !important;
}
body.cartflows-instant-checkout .wcf-product-name {
color: var(--nf-ink) !important;
font-weight: 500 !important;
line-height: 1.35 !important;
}
body.cartflows-instant-checkout .nf-qty {
border-color: color-mix(in srgb, var(--nf-accent) 42%, transparent) !important;
background: rgba(255, 255, 255, .72) !important;
}
body.cartflows-instant-checkout .nf-qty__btn,
body.cartflows-instant-checkout .nf-qty__val {
color: var(--nf-accent-dark) !important;
font-family: var(--nf-sans) !important;
}
body.cartflows-instant-checkout .cart-subtotal th,
body.cartflows-instant-checkout .cart-subtotal td,
body.cartflows-instant-checkout .order-total th,
body.cartflows-instant-checkout .order-total td {
border-color: var(--nf-line) !important;
}
body.cartflows-instant-checkout .order-total,
body.cartflows-instant-checkout .order-total .amount {
color: var(--nf-accent-dark) !important;
font-size: 20px !important;
font-weight: 600 !important;
}
body.cartflows-instant-checkout .woocommerce-privacy-policy-text,
body.cartflows-instant-checkout .woocommerce-privacy-policy-text a {
color: var(--nf-muted) !important;
font-size: 12px !important;
line-height: 1.55 !important;
} .nf-thankyou-hero {
width: min(920px, calc(100% - 40px));
margin: 56px auto 32px;
overflow: hidden;
border: 1px solid var(--nf-line);
border-radius: 30px;
background: var(--nf-paper);
box-shadow: var(--nf-shadow);
}
.nf-thankyou-hero__top {
padding: clamp(38px, 6vw, 72px);
background: linear-gradient(135deg, var(--nf-green-dark), #26372e);
color: #fff;
text-align: center;
}
.nf-thankyou-hero__mark {
display: grid;
width: 58px;
height: 58px;
margin: 0 auto 24px;
place-items: center;
border: 1px solid rgba(255, 255, 255, .42);
border-radius: 50%;
background: rgba(255, 255, 255, .11);
font: 400 29px/1 var(--nf-serif);
}
.nf-thankyou-hero__eyebrow {
margin: 0 0 13px;
color: #dfca7b;
font: 700 12px/1.3 var(--nf-sans);
letter-spacing: .12em;
text-transform: uppercase;
}
.nf-thankyou-hero h1 {
max-width: 680px;
margin: 0 auto 18px;
color: #fff !important;
font-size: clamp(38px, 6vw, 66px) !important;
line-height: 1.04 !important;
}
.nf-thankyou-hero__lead {
max-width: 650px;
margin: 0 auto;
color: rgba(255, 255, 255, .82);
font: 300 clamp(17px, 2.1vw, 21px)/1.55 var(--nf-sans);
}
.nf-thankyou-hero__next {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 18px;
padding: clamp(24px, 4vw, 40px);
}
.nf-thankyou-card {
border: 1px solid var(--nf-line);
border-radius: 18px;
padding: 24px;
background: var(--nf-cream);
}
.nf-thankyou-card:first-child {
background: var(--nf-green-soft);
}
.nf-thankyou-card__label {
display: block;
margin-bottom: 9px;
color: var(--nf-green-dark);
font-size: 11px;
font-weight: 700;
letter-spacing: .11em;
text-transform: uppercase;
}
.nf-thankyou-card p {
margin: 0;
color: var(--nf-muted);
font: 400 15px/1.6 var(--nf-sans);
}
.nf-thankyou-card a {
color: var(--nf-green-dark);
font-weight: 600;
text-decoration: underline;
text-decoration-color: rgba(63, 81, 70, .35);
text-underline-offset: 3px;
}
body.woocommerce-order-received .woocommerce,
body.woocommerce-order-received .wcf-thank-you-wrap {
width: min(920px, calc(100% - 40px));
margin-right: auto !important;
margin-left: auto !important;
font-family: var(--nf-sans) !important;
}
body.woocommerce-order-received .woocommerce-order-overview,
body.woocommerce-order-received .woocommerce-order-details,
body.woocommerce-order-received .woocommerce-customer-details {
border: 1px solid var(--nf-line) !important;
border-radius: 20px !important;
padding: clamp(22px, 3vw, 34px) !important;
background: var(--nf-paper) !important;
box-shadow: 0 14px 40px rgba(55, 48, 43, .08) !important;
}
@media (max-width: 900px) {
body.cartflows-instant-checkout .cartflows-checkout-main-wrapper {
width: min(100% - 24px, 720px);
margin-top: 18px !important;
}
body.cartflows-instant-checkout .checkout-form--wrapper,
body.cartflows-instant-checkout .wcf-instant-checkout-wrapper {
border-radius: 22px !important;
}
body.cartflows-instant-checkout .wcf-ic-layout-right-column {
border-top: 1px solid var(--nf-line) !important;
border-left: 0 !important;
}
}
@media (max-width: 640px) {
body.cartflows-instant-checkout .wcf-ic-layout-left-column,
body.cartflows-instant-checkout .wcf-ic-layout-right-column {
padding: 26px 20px !important;
}
.nf-thankyou-hero {
width: min(100% - 24px, 520px);
margin-top: 26px;
border-radius: 22px;
}
.nf-thankyou-hero__next {
grid-template-columns: 1fr;
}
}
@media (prefers-reduced-motion: reduce) {
body.cartflows-instant-checkout *,
.nf-thankyou-hero * {
scroll-behavior: auto !important;
transition: none !important;
}
}