/*
 * 4x6 photo prints v2 — foundation.
 *
 * Translated from the MagicPath design (GeneratedComponent.tsx, Tailwind 4) one
 * class at a time: Tailwind 4 spacing (1 unit = 4px), type scale (text-xs
 * 12/16 ... text-6xl 60/1, with Tailwind's unitless line-heights so nested
 * arbitrary sizes inherit the same factor), stone palette, and the design's own
 * theme radius (rounded-xl = 14px, rounded-2xl = 16px). Breakpoints are
 * Tailwind's sm 640, md 768, lg 1024, xl 1280.
 *
 * Every selector is scoped under .p46-page (the view's root), so nothing here
 * reaches the global header, footer or any other page.
 *
 * Deliberate difference from MagicPath (WCAG AA): small text the design sets in
 * stone-400/stone-500 or #9a7944-family gold on its cream panels falls below
 * 4.5:1, so it uses --p46-muted / --p46-gold-text, a shade darker. The 24px
 * serif numerals (#b99b67, 2.4:1) use --p46-gold-num-aa (3:1 large text), and
 * the 20px ways-to-use glyphs --p46-gold-text. Large serif headings keep the
 * design's colours (they pass).
 *
 * Sections: photo-4x6-v2-sections-a.css (1–13), -sections-b.css (14–26).
 */

/* ---- Inter, self-hosted -------------------------------------------------- */

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("/assets/fonts/inter/inter-400.woff2") format("woff2");
}

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("/assets/fonts/inter/inter-500.woff2") format("woff2");
}

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("/assets/fonts/inter/inter-600.woff2") format("woff2");
}

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("/assets/fonts/inter/inter-700.woff2") format("woff2");
}

/* ---- Tokens -------------------------------------------------------------- */

.p46-page {
    --p46-ivory: #fbfaf7;
    --p46-cream: #f4f1e9;
    --p46-sand: #f5f2eb;
    --p46-paper: #f7f4ec;
    --p46-ink: #292c24;
    --p46-ink-2: #22251f;
    --p46-ink-hover: #45493d;
    --p46-text: #262820;
    --p46-gold: #9a7944;
    --p46-gold-2: #9a7b48;
    --p46-gold-light: #d7bd88;
    --p46-gold-num: #b99b67;
    /* AA for the serif numerals (24px = large text, 3:1 on --p46-sand): MagicPath's #a17e43 star gold */
    --p46-gold-num-aa: #a17e43;
    --p46-cta-light: #ead9b7;

    --p46-stone-50: #fafaf9;
    --p46-stone-100: #f5f5f4;
    --p46-stone-200: #e7e5e4;
    --p46-stone-300: #d6d3d1;
    --p46-stone-400: #a8a29e;
    --p46-stone-500: #78716c;
    --p46-stone-600: #57534e;
    --p46-stone-700: #44403c;
    --p46-stone-800: #292524;
    --p46-stone-900: #1c1917;

    --p46-emerald-50: #ecfdf5;
    --p46-emerald-100: #d0fae5;
    --p46-emerald-500: #00bc7d;
    --p46-emerald-700: #007a55;
    --p46-amber-100: #fef3c6;
    --p46-amber-800: #973c00;

    /* AA text shades (see header): >= 4.5:1 on white, ivory, #f7f4ec and sand */
    --p46-muted: #736c68;
    --p46-gold-text: #86693b;

    /* the design's default border colour (shadcn --border, oklch(.922 0 0)) */
    --p46-border: #e5e5e5;

    --p46-radius-sm: 10px;
    --p46-radius-md: 14px;
    --p46-radius-card: 16px;
    --p46-radius-lg: 24px;
    --p46-radius-xl: 28px;
    --p46-radius-pill: 9999px;
    --p46-max: 80rem;

    --p46-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
    --p46-sans: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --p46-shadow-card: 0 20px 70px rgba(51, 46, 33, .09);
    --p46-shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);
    --p46-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
    --p46-shadow-lg-ink: 0 10px 15px -3px rgba(28, 25, 23, .1), 0 4px 6px -4px rgba(28, 25, 23, .1);

    font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: var(--p46-text);
    background-color: var(--p46-ivory);
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    overflow-x: clip;
}

/* ---- Reset (Tailwind preflight, scoped) ----------------------------------- */

.p46-page *,
.p46-page *::before,
.p46-page *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid var(--p46-border);
}

.p46-page h1,
.p46-page h2,
.p46-page h3,
.p46-page h4,
.p46-page h5,
.p46-page h6 {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
}

.p46-page a,
.p46-page a:hover,
.p46-page a:focus {
    color: inherit;
    text-decoration: inherit;
}

.p46-page b,
.p46-page strong {
    font-weight: bolder;
}

.p46-page em {
    font-style: italic;
}

.p46-page img,
.p46-page svg {
    display: block;
    vertical-align: middle;
}

.p46-page img {
    max-width: 100%;
    height: auto;
}

.p46-page button {
    font: inherit;
    letter-spacing: inherit;
    color: inherit;
    background-color: transparent;
    border-radius: 0;
    cursor: pointer;
    -webkit-appearance: button;
    appearance: button;
}

.p46-page button:disabled {
    cursor: not-allowed;
}

.p46-page ol,
.p46-page ul {
    list-style: none;
}

.p46-page table {
    border-collapse: collapse;
    text-indent: 0;
    border-color: inherit;
}

.p46-page th {
    text-align: inherit;
    font-weight: inherit;
}

.p46-page [hidden] {
    display: none !important;
}

.p46-page ::selection {
    background-color: #e6d7b7;
}

.p46-page .p46-sr {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* Visible focus for every link and button (keyboard only). */
.p46-page a:focus-visible,
.p46-page button:focus-visible,
.p46-page [tabindex]:focus-visible {
    outline: 2px solid var(--p46-ink);
    outline-offset: 2px;
}

.p46-page .p46-card--dark a:focus-visible,
.p46-page .p46-card--dark button:focus-visible {
    outline-color: var(--p46-gold-light);
}

/* Prices dim while the configurator re-quotes (the script sets data-p46-status
   on every [data-p46-sync-price] node). Nested price nodes do not dim twice. */
.p46-page [data-p46-sync-price][data-p46-status="loading"] {
    opacity: .55;
    transition: opacity .15s ease;
}

.p46-page [data-p46-sync-price][data-p46-status="loading"] [data-p46-sync-price] {
    opacity: 1;
}

/* ---- Layout -------------------------------------------------------------- */

/* mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 */
.p46-page .p46-container {
    width: 100%;
    max-width: var(--p46-max);
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px;
}

@media (min-width: 640px) {
    .p46-page .p46-container {
        padding-left: 24px;
        padding-right: 24px;
    }
}

@media (min-width: 1024px) {
    .p46-page .p46-container {
        padding-left: 32px;
        padding-right: 32px;
    }
}

/* ---- Type ---------------------------------------------------------------- */

/* text-[10px] font-bold uppercase tracking-[.16em] text-[#9a7944] */
.p46-page .p46-eyebrow {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--p46-gold-text);
}

.p46-page .p46-eyebrow--wide {
    letter-spacing: .2em;
}

.p46-page .p46-eyebrow--light {
    color: var(--p46-gold-light);
}

/* mt-2 font-serif text-3xl text-stone-900 */
.p46-page .p46-h3 {
    margin-top: 8px;
    font-family: var(--p46-serif);
    font-size: 30px;
    line-height: 1.2;
    color: var(--p46-stone-900);
}

.p46-page .p46-h3--2xl {
    font-size: 24px;
    line-height: 1.3333;
}

.p46-page .p46-h3--light {
    color: #fff;
}

/* font-serif text-2xl text-[#b99b67]: decorative step numbers (aria-hidden) */
.p46-page .p46-num {
    font-family: var(--p46-serif);
    font-size: 24px;
    line-height: 1.3333;
    color: var(--p46-gold-num-aa);
}

/* mt-2 text-xs font-semibold text-stone-900 */
.p46-page .p46-mini__title {
    margin-top: 8px;
    font-size: 12px;
    line-height: 1.3333;
    font-weight: 600;
    color: var(--p46-stone-900);
}

/* mt-1 text-[10px] leading-4 text-stone-500 */
.p46-page .p46-mini__text {
    margin-top: 4px;
    font-size: 10px;
    line-height: 16px;
    color: var(--p46-muted);
}

/* ---- Ticks (MagicPath <Tick>) ------------------------------------------- */

/* inline-flex items-center gap-2 text-sm text-stone-600 */
.p46-page .p46-tick {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    line-height: 1.4286;
    color: var(--p46-stone-600);
}

/* flex h-5 w-5 items-center justify-center rounded-full bg-emerald-50 text-[11px] font-bold text-emerald-700 */
.p46-page .p46-tick__mark {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: var(--p46-radius-pill);
    background-color: var(--p46-emerald-50);
    font-size: 11px;
    font-weight: 700;
    color: var(--p46-emerald-700);
}

/* ---- Buttons ------------------------------------------------------------- */

.p46-page .p46-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: var(--p46-radius-pill);
    font-weight: 600;
    text-align: center;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease, transform .15s ease;
}

.p46-page .p46-btn--dark {
    background-color: var(--p46-ink);
    color: #fff;
}

.p46-page .p46-btn--dark:hover {
    background-color: var(--p46-ink-hover);
    color: #fff;
}

.p46-page .p46-btn--outline {
    border: 1px solid var(--p46-stone-300);
    color: var(--p46-stone-800);
}

.p46-page .p46-btn--outline:hover {
    border-color: var(--p46-stone-500);
    background-color: #fff;
    color: var(--p46-stone-800);
}

/* mt-4 rounded-full bg-[#ead9b7] px-5 py-2.5 text-[11px] font-bold text-[#292c24];
   the arrow is inline text after one space */
.p46-page .p46-btn--light {
    gap: .3em;
    margin-top: 16px;
    padding: 10px 20px;
    background-color: var(--p46-cta-light);
    font-size: 11px;
    font-weight: 700;
    color: var(--p46-ink);
}

.p46-page .p46-btn--light:hover {
    background-color: #f3e6cc;
    color: var(--p46-ink);
}

/* mt-4 rounded-full px-4 py-2 text-[10px] font-semibold */
.p46-page .p46-btn--sm {
    margin-top: 16px;
    padding: 8px 16px;
    font-size: 10px;
}

.p46-page .p46-btn--sm.p46-btn--outline {
    color: var(--p46-stone-700);
}

.p46-page .p46-btn--sm.p46-btn--outline:hover {
    border-color: var(--p46-stone-300);
    background-color: var(--p46-stone-50);
    color: var(--p46-stone-700);
}

/* ---- Cards --------------------------------------------------------------- */

/* rounded-2xl border border-stone-200 bg-white */
.p46-page .p46-card {
    border: 1px solid var(--p46-stone-200);
    border-radius: var(--p46-radius-card);
    background-color: #fff;
}

.p46-page .p46-card--cream {
    background-color: var(--p46-paper);
}

/* rounded-2xl bg-[#292c24] text-white */
.p46-page .p46-card--dark {
    border: 0;
    background-color: var(--p46-ink);
    color: #fff;
}

.p46-page .p46-card--pad5 {
    padding: 20px;
}

.p46-page .p46-card--pad68 {
    padding: 24px;
}

@media (min-width: 640px) {
    .p46-page .p46-card--pad68 {
        padding: 32px;
    }
}

/* ===========================================================================
   4. "Build your print pack" configurator (TSX 478–512)
   =========================================================================== */

/* overflow-hidden rounded-[28px] border border-stone-200 bg-white shadow-[0_20px_70px_rgba(51,46,33,.09)] */
.p46-page .p46-cfg {
    overflow: hidden;
    border: 1px solid var(--p46-stone-200);
    border-radius: var(--p46-radius-xl);
    background-color: #fff;
    box-shadow: var(--p46-shadow-card);
}

.p46-page .p46-cfg__alert {
    margin: 16px 24px 0;
    padding: 10px 12px;
    border: 1px solid #fecaca;
    border-radius: var(--p46-radius-md);
    background-color: #fef2f2;
    font-size: 12px;
    line-height: 1.3333;
    color: #991b1b;
}

/* border-b border-stone-100 bg-[#f7f4ec] px-6 py-5; flex items-start justify-between gap-3 */
.p46-page .p46-cfg__head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    column-gap: 12px;
    align-items: start;
    padding: 20px 24px;
    border-bottom: 1px solid var(--p46-stone-100);
    background-color: var(--p46-paper);
}

/* text-[10px] font-bold uppercase tracking-[.17em] text-[#927344] */
.p46-page .p46-cfg__eyebrow {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .17em;
    text-transform: uppercase;
    color: var(--p46-gold-text);
}

/* mt-1 font-serif text-2xl text-stone-900 */
.p46-page .p46-cfg__title {
    margin-top: 4px;
    font-family: var(--p46-serif);
    font-size: 24px;
    line-height: 1.3333;
    color: var(--p46-stone-900);
}

/* rounded-full bg-white px-3 py-1 text-[9px] font-bold text-emerald-700 ring-1 ring-emerald-100 */
.p46-page .p46-cfg__badge {
    padding: 4px 12px;
    border-radius: var(--p46-radius-pill);
    background-color: #fff;
    box-shadow: 0 0 0 1px var(--p46-emerald-100);
    font-size: 9px;
    font-weight: 700;
    color: var(--p46-emerald-700);
    white-space: nowrap;
}

/* mt-2 text-xs text-stone-500 */
.p46-page .p46-cfg__intro {
    grid-column: 1 / -1;
    margin-top: 8px;
    font-size: 12px;
    line-height: 1.3333;
    color: var(--p46-muted);
}

/* space-y-5 p-6 */
.p46-page .p46-cfg__body {
    padding: 24px;
}

.p46-page .p46-cfg__body > * + * {
    margin-top: 20px;
}

/* Groups 1–2: the label alone (mb-2 block). The quantity group (with its hint):
   mb-2 flex items-center justify-between, the label without margin. */
.p46-page .p46-cfg__label-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.p46-page .p46-cfg__label-row:not(:has(> .p46-cfg__hint)) {
    display: block;
}

.p46-page .p46-cfg__label-row:has(> .p46-cfg__hint) {
    margin-bottom: 8px;
}

.p46-page .p46-cfg__label-row:has(> .p46-cfg__hint) > .p46-cfg__label {
    margin-bottom: 0;
}

/* mb-2 block text-xs font-semibold text-stone-800 */
.p46-page .p46-cfg__label {
    display: block;
    margin-bottom: 8px;
    font-size: 12px;
    line-height: 1.3333;
    font-weight: 600;
    color: var(--p46-stone-800);
}

/* text-[10px] text-stone-400 */
.p46-page .p46-cfg__hint {
    font-size: 10px;
    color: var(--p46-muted);
}

/* grid gap-2: 2 columns for print type, 3 for size, 4 for quantity */
.p46-page .p46-cfg__options {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.p46-page .p46-cfg__group--type .p46-cfg__options {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.p46-page .p46-cfg__group--quantity .p46-cfg__options {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

/* rounded-xl border px-3 py-3 text-left transition; border-stone-200 */
.p46-page .p46-cfg__option {
    display: block;
    width: 100%;
    height: auto; /* style.css sets button { height: 40px }, which clipped the second line */
    padding: 12px;
    border: 1px solid var(--p46-stone-200);
    border-radius: var(--p46-radius-md);
    text-align: left;
    transition: border-color .15s ease, background-color .15s ease, color .15s ease;
}

.p46-page .p46-cfg__option:hover {
    border-color: var(--p46-stone-400);
}

/* border-[#a4864f] bg-[#f8f4eb] */
.p46-page .p46-cfg__option[aria-pressed="true"] {
    border-color: #a4864f;
    background-color: #f8f4eb;
}

.p46-page .p46-cfg__option:disabled {
    opacity: .6;
}

/* strong block text-[10px] text-stone-800 */
.p46-page .p46-cfg__option-title {
    display: block;
    font-size: 10px;
    font-weight: 700;
    color: var(--p46-stone-800);
}

/* mt-1 block text-[9px] text-stone-500 */
.p46-page .p46-cfg__option-sub {
    display: block;
    margin-top: 4px;
    font-size: 9px;
    color: var(--p46-muted);
}

/* size: rounded-xl border px-2 py-3 text-[9px] font-semibold (centred) */
.p46-page .p46-cfg__group--size .p46-cfg__option {
    padding: 12px 8px;
    text-align: center;
}

.p46-page .p46-cfg__group--size .p46-cfg__option-title {
    font-size: 9px;
    font-weight: 600;
    color: inherit;
}

/* quantity: rounded-xl border py-3 text-center; value text-sm font-semibold, "prints" text-[9px] text-stone-400 */
.p46-page .p46-cfg__group--quantity .p46-cfg__option {
    padding: 12px 0;
    text-align: center;
    color: var(--p46-stone-700);
}

.p46-page .p46-cfg__group--quantity .p46-cfg__option-title {
    font-size: 14px;
    line-height: 1.4286;
    font-weight: 600;
    color: inherit;
}

.p46-page .p46-cfg__group--quantity .p46-cfg__option-sub {
    margin-top: 0;
}

/* selected: text-[#7d6138] ring-1 ring-[#d7c59f] */
.p46-page .p46-cfg__group--quantity .p46-cfg__option[aria-pressed="true"] {
    color: #7d6138;
    box-shadow: 0 0 0 1px #d7c59f;
}

/* Paper info row (D2: no finish choice) */
.p46-page .p46-cfg__info {
    padding: 10px 12px;
    border: 1px solid var(--p46-stone-200);
    border-radius: var(--p46-radius-md);
    font-size: 10px;
    line-height: 16px;
    color: var(--p46-stone-600);
}

.p46-page .p46-cfg__info-label {
    font-weight: 600;
    color: var(--p46-stone-800);
}

/* rounded-2xl bg-[#f7f4ec] p-4 */
.p46-page .p46-cfg__summary {
    padding: 16px;
    border-radius: var(--p46-radius-card);
    background-color: var(--p46-paper);
}

/* flex items-end justify-between gap-3 */
.p46-page .p46-cfg__sum-row {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px;
}

.p46-page .p46-cfg__sum-main {
    min-width: 0;
}

/* text-[9px] font-bold uppercase tracking-[.15em] text-stone-500 */
.p46-page .p46-cfg__sum-eyebrow {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .15em;
    text-transform: uppercase;
    color: var(--p46-muted);
}

/* mt-1 flex items-baseline gap-2 */
.p46-page .p46-cfg__price {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 8px;
    margin-top: 4px;
}

/* font-serif text-3xl text-stone-900 */
.p46-page .p46-cfg__sell {
    font-family: var(--p46-serif);
    font-size: 30px;
    line-height: 1.2;
    font-weight: 400;
    color: var(--p46-stone-900);
}

/* text-xs text-stone-400 line-through */
.p46-page .p46-cfg__list {
    font-size: 12px;
    line-height: 1.3333;
    color: var(--p46-muted);
}

/* rounded-full bg-white px-3 py-1.5 text-[9px] font-semibold text-[#86683c] */
.p46-page .p46-cfg__off {
    flex-shrink: 0;
    padding: 6px 12px;
    border-radius: var(--p46-radius-pill);
    background-color: #fff;
    font-size: 9px;
    line-height: 1.5;
    font-weight: 600;
    color: #86683c;
    white-space: nowrap;
}

/* mt-1 text-[10px] text-stone-500 */
.p46-page .p46-cfg__per-print {
    margin-top: 4px;
    font-size: 10px;
    line-height: 1.5;
    color: var(--p46-muted);
}

/* mt-3 border-t border-stone-200 pt-3 text-[10px] text-stone-500 */
.p46-page .p46-cfg__selection {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--p46-stone-200);
    font-size: 10px;
    line-height: 15px;
    color: var(--p46-muted);
}

.p46-page .p46-cfg__summary > .p46-cfg__error {
    margin-top: 8px;
    font-size: 12px;
    line-height: 1.3333;
    color: #b91c1c;
}

.p46-page .p46-cfg__summary > .p46-cfg__notice {
    margin-top: 8px;
    font-size: 10px;
    line-height: 16px;
    color: var(--p46-stone-600);
}

.p46-page .p46-cfg__ready {
    margin-bottom: 12px;
    font-size: 12px;
    line-height: 1.3333;
    text-align: center;
    color: var(--p46-stone-600);
}

.p46-page .p46-cfg__pack-notice {
    margin: -4px 0 12px;
    padding: 8px 12px;
    border-radius: 8px;
    font-size: 12px;
    line-height: 1.4;
    text-align: center;
    color: var(--p46-ink);
    background: var(--p46-stone-100);
}

.p46-page .p46-cfg__pack-notice[hidden] {
    display: none;
}

.p46-page .p46-cfg__ready a {
    font-weight: 600;
    color: var(--p46-ink);
    text-decoration: underline;
    text-underline-offset: 2px;
}

/* flex w-full items-center justify-center gap-3 rounded-full bg-[#292c24] px-5 py-4
   text-sm font-semibold text-white shadow-lg shadow-stone-900/10; arrow text-lg */
.p46-page .p46-cfg__cta {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 16px 20px;
    border-radius: var(--p46-radius-pill);
    background-color: var(--p46-ink);
    box-shadow: var(--p46-shadow-lg-ink);
    font-size: 14px;
    line-height: 1.4286;
    font-weight: 600;
    color: #fff;
    transition: background-color .15s ease, transform .15s ease;
}

.p46-page .p46-cfg__cta::after {
    content: "→";
    content: "→" / "";
    font-size: 18px;
    line-height: 1.5556;
    transition: transform .15s ease;
}

.p46-page .p46-cfg__cta:hover {
    background-color: #41453a;
    color: #fff;
    transform: translateY(-2px);
}

.p46-page .p46-cfg__cta:hover::after {
    transform: translateX(4px);
}

.p46-page .p46-cfg__cta:disabled {
    opacity: .5;
    transform: none;
}

/* flex flex-wrap items-center justify-center gap-x-4 gap-y-2 text-[9px] text-stone-400 */
.p46-page .p46-cfg__assure {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    column-gap: 16px;
    row-gap: 8px;
    margin-top: 20px;
    font-size: 9px;
    color: var(--p46-muted);
}

/* 26. Mobile sticky bar: photo-4x6-v2-sections-b.css. */