/* ══════════════════════════════════════════════════════════════════════════ FORMULAIRE DE COMMANDE (#inline-checkout) — FEUILLE CANONIQUE Relevee dans le navigateur sur la page 1001 le 27/08/2026. 1001 est LA reference : toute la section doit lui etre identique sur les autres pages. ⚠️ Pourquoi ce fichier existe La feuille d'origine vient de /pages/commencer, qui tourne en html{font-size:62.5%} — racine 10px. Nos pages Vercel sont a 16px. Posee telle quelle, chacune de ses valeurs en rem sortait 60 % trop grande et les cartes debordaient de leur conteneur des que la monnaie etait large (« CHF 24.– »). Ici tout est en PIXELS. Un rem qui reapparait = un bug. Contient aussi la DA Pacha (couleurs, rayons) et l'interlettrage de la source (.6px et non .96px), scopes sous .pgt-page #inline-checkout : si le bloc sort de .pgt-page, toute la DA saute. Ne pas editer a la main : regenerer depuis 1001. ══════════════════════════════════════════════════════════════════════════ */ #inline-checkout .v2-page-wrapper input.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px; } #inline-checkout .v2-page-wrapper fieldset { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 0px; margin: 0px; min-width: 0px; } #inline-checkout .v2-page-wrapper fieldset legend.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px; } #inline-checkout .v2-page-wrapper .cat-option:has(input:focus-visible), #inline-checkout .v2-page-wrapper .plan-card:has(input:focus-visible) { outline: 2px solid var(--purple); outline-offset: 2px; } #inline-checkout .v2-page-wrapper .sr-only-live { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px; } #inline-checkout .v2-page-wrapper *, #inline-checkout .v2-page-wrapper ::before, #inline-checkout .v2-page-wrapper ::after { box-sizing: border-box; margin: 0px; padding: 0px; } #inline-checkout #v2-popup-overlay *, #inline-checkout #v2-popup-overlay-2 *, #inline-checkout #v2-popup-overlay ::before, #inline-checkout #v2-popup-overlay-2 ::before, #inline-checkout #v2-popup-overlay ::after, #inline-checkout #v2-popup-overlay-2 ::after { box-sizing: border-box; margin: 0px; padding: 0px; } #inline-checkout { --purple: var(--purple); --purple-light: #eee8ff; --purple-bg: rgba(68,46,118,.08); --pink: #c51dd8; --green: #16a34a; --green-light: #dcfce7; --green-bg: #f0fdf4; --amber: #d97706; --amber-light: #fef3c7; --amber-bg: #fffbeb; --grey: #5a5047; --grey-light: #f5f3f0; --grey-border: #e5e2dd; --white: #ffffff; --text: #1a1a1a; --text-secondary: #555; --radius: 12px; --radius-sm: 8px; --shadow: 0 2px 12px rgba(0,0,0,.08); --shadow-lg: 0 8px 30px rgba(0,0,0,.12); --transition: .2s ease; } #inline-checkout .v2-page-wrapper { max-width: 540px; margin: 0px auto; padding: 0px 16px 120px; font-family: Assistant, -apple-system, sans-serif; font-size: 15px; line-height: 1.5; color: var(--text); -webkit-font-smoothing: antialiased; } #inline-checkout .v2-page-wrapper .progress-bar { display: flex; justify-content: space-between; align-items: center; padding: 8px 0px 10px; max-width: 380px; margin: 0px auto; } #inline-checkout .v2-page-wrapper .step-container { display: flex; flex-direction: column; align-items: center; width: 100%; position: relative; } #inline-checkout .v2-page-wrapper .step-container:not(:last-child)::after { content: ""; width: 100%; height: 2px; background: var(--grey-border); position: absolute; top: 15px; left: 50%; transition: background var(--transition); } #inline-checkout .v2-page-wrapper .step-container.done:not(:last-child)::after { background: var(--purple); } #inline-checkout .v2-page-wrapper .step-dot { width: 30px; height: 30px; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 13px; font-weight: 700; border: 2px solid var(--grey-border); background: var(--white); color: var(--grey); z-index: 1; transition: all var(--transition); } #inline-checkout .v2-page-wrapper .step-container.active .step-dot, #inline-checkout .v2-page-wrapper .step-container.done .step-dot { background: var(--purple); border-color: var(--purple); color: rgb(255, 255, 255); } #inline-checkout .v2-page-wrapper .step-label { font-size: 11.5px; color: var(--grey); margin-top: 4px; font-weight: 600; } #inline-checkout .v2-page-wrapper .step-container.active .step-label { color: var(--purple); } #inline-checkout .v2-page-wrapper .form-card { background: var(--white); border-radius: var(--radius); box-shadow: var(--shadow); padding: 28px 22px 24px; margin-top: 12px; } #inline-checkout .v2-page-wrapper .form-step { display: none; } #inline-checkout .v2-page-wrapper .form-step.active { display: block; animation: 0.35s ease 0s 1 normal none running v2FadeUp; } @keyframes v2FadeUp { 0% { opacity: 0; transform: translateY(6px); } 100% { opacity: 1; transform: translateY(0px); } } #inline-checkout .v2-page-wrapper .step-subtitle { text-align: center; font-size: 13px; color: var(--grey); margin-bottom: 2px; } #inline-checkout .v2-page-wrapper .step-question { text-align: center; font-size: 22px; font-weight: 800; color: var(--text); margin-bottom: 20px; line-height: 1.2; } #inline-checkout .v2-page-wrapper .cat-options { display: flex; gap: 10px; justify-content: center; } #inline-checkout .v2-page-wrapper .cat-option { background: var(--white); border: 2px solid var(--grey-border); border-radius: var(--radius); padding: 14px 8px 12px; text-align: center; cursor: pointer; transition: all var(--transition); flex: 1 1 0%; max-width: 140px; display: flex; flex-direction: column; align-items: center; gap: 4px; } #inline-checkout .v2-page-wrapper .cat-option:hover { border-color: rgb(187, 187, 187); box-shadow: var(--shadow); } #inline-checkout .v2-page-wrapper .cat-option.selected { border-color: var(--purple); background: var(--purple-bg); box-shadow: 0 0 0 3px var(--purple)1a; } #inline-checkout .v2-page-wrapper .cat-option img { width: 50px; height: 50px; object-fit: contain; } #inline-checkout .v2-page-wrapper .cat-option .cat-title { font-weight: 800; font-size: 13.5px; text-transform: uppercase; color: var(--text); } #inline-checkout .v2-page-wrapper .cat-option .cat-price { font-size: 14px; color: var(--text); font-weight: 700; line-height: 1.2; } #inline-checkout .v2-page-wrapper .cat-option .cat-price .compare { text-decoration: line-through; color: var(--pink); font-weight: 700; font-size: 13px; margin-right: 2px; } #inline-checkout .v2-page-wrapper .cat-option .cat-per { font-size: 11px; color: var(--grey); font-weight: 500; } #inline-checkout .v2-page-wrapper .more-cats-link { display: flex; align-items: center; justify-content: center; gap: 8px; margin: 22px auto 0px; padding: 8px 16px; border-radius: 50px; box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 8px; background: rgb(255, 255, 255); text-decoration: none; color: var(--purple); font-weight: 600; font-size: 14px; width: fit-content; } #inline-checkout .v2-page-wrapper .more-cats-link .plus-icon { width: 22px; height: 22px; background: var(--purple); color: rgb(255, 255, 255); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0px; line-height: 0; } #inline-checkout .v2-page-wrapper .more-cats-link .plus-icon::after { content: ""; display: block; width: 10px; height: 10px; background: linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255)) center center / 2px 10px no-repeat, linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255)) center center / 10px 2px no-repeat; } #inline-checkout .v2-page-wrapper .plan-options { display: flex; flex-direction: column; gap: 12px; } #inline-checkout .v2-page-wrapper .plan-card { border: 2px solid var(--grey-border); border-radius: var(--radius); padding: 18px 16px 14px; cursor: pointer; transition: all var(--transition); position: relative; display: flex; gap: 14px; align-items: center; } #inline-checkout .v2-page-wrapper .plan-card:hover { border-color: rgb(204, 204, 204); box-shadow: var(--shadow); } #inline-checkout .v2-page-wrapper .plan-card.selected { border-color: var(--purple); background: var(--purple-bg); box-shadow: 0 0 0 3px var(--purple)1f; } #inline-checkout .v2-page-wrapper .plan-card.recommended { margin-top: 6px; } #inline-checkout .v2-page-wrapper .plan-badge { position: absolute; top: -11px; left: 50%; transform: translate(-50%); background: var(--purple); color: rgb(255, 255, 255); font-size: 10.5px; font-weight: 700; padding: 3px 14px; border-radius: 50px; white-space: nowrap; letter-spacing: 0.5px; text-transform: uppercase; } #inline-checkout .v2-page-wrapper .plan-radio { width: 22px; height: 22px; min-width: 22px; border-radius: 50%; border: 2px solid var(--grey-border); display: flex; align-items: center; justify-content: center; transition: all var(--transition); } #inline-checkout .v2-page-wrapper .plan-card.selected .plan-radio { border-color: var(--purple); background: var(--purple); } #inline-checkout .v2-page-wrapper .plan-radio::after { content: ""; width: 8px; height: 8px; border-radius: 50%; background: rgb(255, 255, 255); opacity: 0; transition: opacity var(--transition); } #inline-checkout .v2-page-wrapper .plan-card.selected .plan-radio::after { opacity: 1; } #inline-checkout .v2-page-wrapper .plan-image { width: 66px; min-width: 66px; height: 66px; object-fit: contain; } #inline-checkout .v2-page-wrapper .plan-info { flex: 1 1 0%; } #inline-checkout .v2-page-wrapper .plan-name { font-weight: 800; font-size: 16px; color: var(--text); } #inline-checkout .v2-page-wrapper .plan-savings-tag { display: inline-block; background: var(--green-light); color: var(--green); font-size: 11px; font-weight: 700; padding: 2px 8px; border-radius: 4px; margin-left: 6px; } #inline-checkout .v2-page-wrapper .plan-price { font-size: 14px; color: var(--text-secondary); margin-top: 2px; } #inline-checkout .v2-page-wrapper .plan-price .old { text-decoration: line-through; color: var(--pink); font-weight: 700; margin-right: 4px; } #inline-checkout .v2-page-wrapper .plan-price .new { font-weight: 800; color: var(--purple); font-size: 16px; } #inline-checkout .v2-page-wrapper .plan-detail { font-size: 12.5px; color: var(--grey); margin-top: 2px; } #inline-checkout .v2-page-wrapper .plan-footer-green { font-size: 12px; font-weight: 700; color: var(--green); margin-top: 3px; } #inline-checkout .v2-page-wrapper .plan-footer-grey { font-size: 12px; color: var(--grey); margin-top: 3px; } #inline-checkout .v2-page-wrapper .step-mention { text-align: center; font-size: 12px; color: var(--grey); margin-top: 14px; } #inline-checkout .v2-page-wrapper .guarantee-row { display: flex; align-items: center; gap: 14px; margin-top: 16px; padding: 12px 14px; background: var(--grey-light); border-radius: var(--radius-sm); } #inline-checkout .v2-page-wrapper .guarantee-row img { width: 50px; height: 50px; object-fit: contain; flex-shrink: 0; } #inline-checkout .v2-page-wrapper .guarantee-row p { font-size: 12px; line-height: 1.4; color: var(--text-secondary); } #inline-checkout .v2-page-wrapper .guarantee-row a { color: var(--purple); } #inline-checkout .v2-page-wrapper .step-context { text-align: center; font-size: 12.5px; color: var(--grey); margin-bottom: 2px; font-weight: 500; } #inline-checkout .v2-page-wrapper .plan-shipping { color: var(--green); font-weight: 600; } #inline-checkout .v2-page-wrapper .payment-logos { display: flex; justify-content: center; align-items: center; gap: 6px; margin-top: 12px; opacity: 0.65; } #inline-checkout .v2-page-wrapper .payment-logos .payment-icon { width: 38px; height: 24px; border-radius: 4px; border: 1px solid rgb(224, 224, 224); } #inline-checkout .v2-sticky-cta { position: fixed; bottom: 0px; left: 0px; right: 0px; background: rgb(255, 255, 255); border-top: 1px solid var(--grey-border); box-shadow: rgba(0, 0, 0, 0.08) 0px -4px 20px; padding: 10px 16px; z-index: 50; display: none; } #inline-checkout .v2-sticky-cta.visible { display: block; } #inline-checkout .v2-sticky-cta button { width: 100%; padding: 14px; background: var(--purple); color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: var(--radius-sm); font-family: inherit; font-size: 15px; font-weight: 800; cursor: pointer; letter-spacing: 0.3px; } #inline-checkout .v2-sticky-cta button:hover { background: rgb(51, 42, 102); } #inline-checkout .v2-page-wrapper .btn-row { display: flex; gap: 10px; margin-top: 20px; } #inline-checkout .v2-page-wrapper .btn { flex: 1 1 0%; padding: 14px 20px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: var(--radius-sm); font-family: inherit; cursor: pointer; transition: all var(--transition); letter-spacing: 0.3px; font-size: 15px !important; font-weight: 800 !important; } #inline-checkout .v2-page-wrapper .btn-back { background: rgb(232, 229, 224); color: rgb(85, 85, 85); } #inline-checkout .v2-page-wrapper .btn-back:hover { background: rgb(221, 216, 210); } #inline-checkout .v2-page-wrapper .btn-primary { background: var(--purple); color: rgb(255, 255, 255); } #inline-checkout .v2-page-wrapper .btn-primary:hover { background: rgb(51, 42, 102); } #inline-checkout .v2-page-wrapper .btn-full { flex: 0 0 auto; width: 100%; } #inline-checkout .v2-page-wrapper .trust-line { display: flex; justify-content: center; align-items: center; gap: 6px; margin-top: 14px; flex-wrap: wrap; } #inline-checkout .v2-page-wrapper .trust-item { display: flex; align-items: center; gap: 4px; font-size: 12px; color: var(--grey); font-weight: 600; } #inline-checkout .v2-page-wrapper .trust-item .check { color: var(--green); font-weight: 800; font-size: 14px; } #inline-checkout .v2-page-wrapper .trust-dot { width: 3px; height: 3px; background: var(--grey); border-radius: 50%; } #inline-checkout .v2-page-wrapper .availability { display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 14px; } #inline-checkout .v2-page-wrapper .green-dot { min-width: 8px; border-radius: 50%; box-shadow: rgba(22, 163, 74, 0.5) 0px 0px 6px; width: 8px !important; height: 8px !important; background: rgb(22, 163, 74) !important; display: block !important; } #inline-checkout .v2-page-wrapper .availability span { font-size: 13px; color: var(--text-secondary); } #inline-checkout .v2-page-wrapper .social-proof-bar { display: flex; align-items: center; justify-content: center; gap: 6px; padding: 8px 0px 2px; flex-wrap: wrap; } #inline-checkout .v2-page-wrapper .social-proof-bar .stars-row { display: inline-flex; gap: 2px; } #inline-checkout .v2-page-wrapper .social-proof-bar .star-box { width: 20px; height: 20px; background: rgb(0, 182, 122); border-radius: 3px; display: flex; align-items: center; justify-content: center; } #inline-checkout .v2-page-wrapper .social-proof-bar .star-box svg { width: 13px; height: 13px; fill: rgb(255, 255, 255); } #inline-checkout .v2-page-wrapper .social-proof-bar .proof-rating { font-size: 13px; font-weight: 700; color: var(--text); } #inline-checkout .v2-page-wrapper .social-proof-bar .proof-text { font-size: 12px; color: rgb(107, 107, 107); font-weight: 500; } #inline-checkout .v2-page-wrapper .guarantee-above-cta { background: rgb(240, 253, 244); border: 1px solid rgb(187, 247, 208); border-radius: var(--radius-sm); padding: 10px 14px; margin-top: 16px; text-align: center; font-size: 12.5px; color: rgb(22, 101, 52); font-weight: 600; line-height: 1.4; } #inline-checkout #v2-popup-overlay, #inline-checkout #v2-popup-overlay-2 { position: fixed; inset: 0px; background: rgba(30, 20, 50, 0.6); backdrop-filter: blur(4px); display: none; justify-content: center; align-items: center; z-index: 100; padding: 16px; } #inline-checkout #v2-popup-overlay.visible, #inline-checkout #v2-popup-overlay-2.visible { display: flex; } #inline-checkout .v2-page-wrapper .popup-modal, #inline-checkout #v2-popup-overlay .popup-modal, #inline-checkout #v2-popup-overlay-2 .popup-modal { width: 100%; max-width: 400px; max-height: 90vh; background: var(--white); border-radius: 24px; overflow: hidden; display: flex; flex-direction: column; box-shadow: 0 24px 80px var(--purple)40,0 0 0 1px var(--purple)14; animation: 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) 0s 1 normal none running v2PopIn; } @keyframes v2PopIn { 0% { opacity: 0; transform: scale(0.92); } 100% { opacity: 1; transform: scale(1); } } #inline-checkout #v2-popup-overlay .popup-close, #inline-checkout #v2-popup-overlay-2 .popup-close { position: absolute; top: 12px; right: 12px; width: 28px; height: 28px; border-radius: 50%; background: rgba(255, 255, 255, 0.2); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; display: flex; align-items: center; justify-content: center; z-index: 2; transition: background var(--transition); } #inline-checkout #v2-popup-overlay .popup-close:hover, #inline-checkout #v2-popup-overlay-2 .popup-close:hover { background: rgba(255, 255, 255, 0.35); } #inline-checkout #v2-popup-overlay .popup-close svg, #inline-checkout #v2-popup-overlay-2 .popup-close svg { width: 11px; height: 11px; stroke: rgb(255, 255, 255); stroke-width: 2.5; } #inline-checkout #v2-popup-overlay .popup-brand-top, #inline-checkout #v2-popup-overlay-2 .popup-brand-top { padding: 24px 24px 20px; text-align: center; position: relative; background: var(--purple) !important; color: rgb(255, 255, 255) !important; } #inline-checkout #v2-popup-overlay .popup-brand-top h3, #inline-checkout #v2-popup-overlay-2 .popup-brand-top h3 { font-size: 20px; font-weight: 800; line-height: 1.2; margin-bottom: 4px; color: rgb(255, 255, 255) !important; } #inline-checkout #v2-popup-overlay .popup-brand-top p, #inline-checkout #v2-popup-overlay-2 .popup-brand-top p { font-size: 13.5px; opacity: 0.9; font-weight: 500; color: rgb(255, 255, 255) !important; } #inline-checkout #v2-popup-overlay .popup-delivery-section, #inline-checkout #v2-popup-overlay-2 .popup-delivery-section { margin-bottom: 16px; } #inline-checkout #v2-popup-overlay .popup-delivery-row, #inline-checkout #v2-popup-overlay-2 .popup-delivery-row { display: flex; flex-direction: column; gap: 8px; } #inline-checkout #v2-popup-overlay .delivery-plan, #inline-checkout #v2-popup-overlay-2 .delivery-plan { display: flex; align-items: center; gap: 10px; padding: 10px 12px; background: var(--grey-light); border-radius: var(--radius-sm); border: 1.5px solid var(--grey-border); } #inline-checkout #v2-popup-overlay .delivery-plan.highlighted, #inline-checkout #v2-popup-overlay-2 .delivery-plan.highlighted { background: var(--purple-bg); border-color: var(--purple); } #inline-checkout #v2-popup-overlay .delivery-label, #inline-checkout #v2-popup-overlay-2 .delivery-label { font-size: 11.5px; font-weight: 700; color: var(--grey); min-width: 72px; } #inline-checkout #v2-popup-overlay .delivery-plan.highlighted .delivery-label, #inline-checkout #v2-popup-overlay-2 .delivery-plan.highlighted .delivery-label { color: var(--purple); } #inline-checkout #v2-popup-overlay .delivery-icons, #inline-checkout #v2-popup-overlay-2 .delivery-icons { flex: 1 1 0%; font-size: 10px; line-height: 1; letter-spacing: -1px; } #inline-checkout #v2-popup-overlay .delivery-count, #inline-checkout #v2-popup-overlay-2 .delivery-count { font-size: 11.5px; font-weight: 800; color: var(--grey); white-space: nowrap; } #inline-checkout #v2-popup-overlay .delivery-plan.highlighted .delivery-count, #inline-checkout #v2-popup-overlay-2 .delivery-plan.highlighted .delivery-count { color: var(--purple); } #inline-checkout #v2-popup-overlay .delivery-punchline, #inline-checkout #v2-popup-overlay-2 .delivery-punchline { text-align: center; font-size: 12px; font-weight: 600; color: var(--green); margin-top: 8px; } #inline-checkout #v2-popup-overlay .delivery-savings, #inline-checkout #v2-popup-overlay-2 .delivery-savings { text-align: center; font-size: 11.5px; font-weight: 600; color: var(--purple); margin-top: 2px; } #inline-checkout #v2-popup-overlay .popup-modal-body, #inline-checkout #v2-popup-overlay-2 .popup-modal-body { padding: 16px 22px 8px; overflow-y: auto; flex: 1 1 0%; } #inline-checkout #v2-popup-overlay .popup-perks, #inline-checkout #v2-popup-overlay-2 .popup-perks { list-style: none; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 16px; } #inline-checkout #v2-popup-overlay .popup-perks li, #inline-checkout #v2-popup-overlay-2 .popup-perks li { display: flex; align-items: center; gap: 8px; padding: 10px; font-size: 12px; color: var(--text); background: var(--grey-light); border-radius: var(--radius-sm); } #inline-checkout #v2-popup-overlay .popup-perks .perk-icon, #inline-checkout #v2-popup-overlay-2 .popup-perks .perk-icon { width: 28px; height: 28px; min-width: 28px; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 13px; } #inline-checkout #v2-popup-overlay .popup-perks .perk-icon.purple, #inline-checkout #v2-popup-overlay-2 .popup-perks .perk-icon.purple { background: var(--purple-light); } #inline-checkout #v2-popup-overlay .popup-perks .perk-icon.green, #inline-checkout #v2-popup-overlay-2 .popup-perks .perk-icon.green { background: var(--green-light); } #inline-checkout #v2-popup-overlay .popup-perks .perk-icon.amber, #inline-checkout #v2-popup-overlay-2 .popup-perks .perk-icon.amber { background: var(--amber-light); } #inline-checkout #v2-popup-overlay .popup-perks li strong, #inline-checkout #v2-popup-overlay-2 .popup-perks li strong { font-weight: 700; font-size: 11.5px; } #inline-checkout #v2-popup-overlay .popup-actions, #inline-checkout #v2-popup-overlay-2 .popup-actions { padding: 12px 22px 22px; display: flex; flex-direction: column; gap: 8px; flex-shrink: 0; } #inline-checkout #v2-popup-overlay .popup-btn-keep, #inline-checkout #v2-popup-overlay-2 .popup-btn-keep { width: 100%; padding: 15px; background: var(--purple); color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: var(--radius-sm); font-family: inherit; font-size: 15.5px; font-weight: 800; cursor: pointer; transition: all var(--transition); letter-spacing: 0.3px; } #inline-checkout #v2-popup-overlay .popup-btn-keep:hover, #inline-checkout #v2-popup-overlay-2 .popup-btn-keep:hover { background: rgb(51, 42, 102); } #inline-checkout #v2-popup-overlay .popup-btn-decline, #inline-checkout #v2-popup-overlay-2 .popup-btn-decline { width: 100%; padding: 10px; background: none; color: rgb(107, 107, 107); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; font-family: inherit; font-size: 12.5px; cursor: pointer; text-decoration: underline; text-underline-offset: 2px; transition: color var(--transition); } #inline-checkout #v2-popup-overlay .popup-btn-decline:hover, #inline-checkout #v2-popup-overlay-2 .popup-btn-decline:hover { color: rgb(85, 85, 85); } #inline-checkout #v2-popup-overlay .popup-lock-line, #inline-checkout #v2-popup-overlay-2 .popup-lock-line { text-align: center; font-size: 11.5px; color: var(--grey); margin-top: 2px; } #inline-checkout .v2-page-wrapper .below-form { margin-top: 32px; } #inline-checkout .v2-page-wrapper .below-form-bridge { margin-bottom: 24px; } #inline-checkout .v2-page-wrapper .below-form-bridge .section-title { margin-bottom: 12px; } #inline-checkout .v2-page-wrapper .section-title { font-size: 20px; font-weight: 800; text-align: center; margin-bottom: 16px; color: var(--text); } #inline-checkout .v2-page-wrapper .trust-badges { display: flex; justify-content: center; gap: 8px; margin-bottom: 28px; flex-wrap: wrap; } #inline-checkout .v2-page-wrapper .trust-badge-pill { display: flex; align-items: center; gap: 5px; background: rgb(255, 255, 255); border-radius: 50px; padding: 8px 14px; font-size: 12px; font-weight: 600; color: var(--text-secondary); box-shadow: rgba(0, 0, 0, 0.06) 0px 1px 4px; } #inline-checkout .v2-page-wrapper .trust-badge-pill .ico { font-size: 14px; } #inline-checkout .v2-page-wrapper .health-warning { background: linear-gradient(135deg,var(--amber-bg),#fff7ed); border: 1.5px solid rgb(254, 215, 170); border-radius: var(--radius); padding: 20px 18px; margin-bottom: 24px; } #inline-checkout .v2-page-wrapper .health-warning-header { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; } #inline-checkout .v2-page-wrapper .health-warning-icon { width: 36px; height: 36px; min-width: 36px; background: linear-gradient(135deg, rgb(251, 191, 36), rgb(245, 158, 11)); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 16px; } #inline-checkout .v2-page-wrapper .health-warning-title { font-weight: 800; font-size: 16px; color: rgb(120, 53, 15); } #inline-checkout .v2-page-wrapper .health-warning-body { font-size: 14px; line-height: 1.55; color: rgb(146, 64, 14); } #inline-checkout .v2-page-wrapper .health-warning-body strong { color: rgb(120, 53, 15); } #inline-checkout .v2-page-wrapper .health-warning-positive { background: rgb(220, 252, 231); border-radius: var(--radius-sm); padding: 12px 14px; margin-top: 12px; font-size: 13.5px; color: rgb(22, 101, 52); display: flex; align-items: center; gap: 8px; } #inline-checkout .v2-page-wrapper .health-warning-positive .sparkle { font-size: 16px; } #inline-checkout .v2-page-wrapper .guarantee-box { background: linear-gradient(135deg,var(--amber-bg),#fefce8); border: 1.5px solid rgb(252, 211, 77); border-radius: var(--radius); padding: 20px 18px; margin-bottom: 24px; display: flex; gap: 16px; align-items: flex-start; } #inline-checkout .v2-page-wrapper .guarantee-shield { width: 48px; height: 48px; min-width: 48px; background: linear-gradient(135deg, rgb(251, 191, 36), rgb(245, 158, 11)); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 22px; } #inline-checkout .v2-page-wrapper .guarantee-box-title { font-weight: 800; font-size: 15px; color: rgb(120, 53, 15); margin-bottom: 4px; } #inline-checkout .v2-page-wrapper .guarantee-box-text { font-size: 13.5px; line-height: 1.5; color: rgb(146, 64, 14); } #inline-checkout .v2-page-wrapper .guarantee-box-text strong { color: rgb(120, 53, 15); } #inline-checkout .v2-page-wrapper .features-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 28px; } #inline-checkout .v2-page-wrapper .feature-card { background: rgb(255, 255, 255); border-radius: var(--radius); padding: 18px 14px; text-align: center; box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 4px; border: 1px solid rgb(240, 238, 232); } #inline-checkout .v2-page-wrapper .feature-card:nth-child(1) { background: linear-gradient(rgb(240, 253, 244), rgb(255, 255, 255)); border-color: rgb(187, 247, 208); } #inline-checkout .v2-page-wrapper .feature-card:nth-child(2) { background: linear-gradient(rgb(250, 245, 255), rgb(255, 255, 255)); border-color: rgb(233, 213, 255); } #inline-checkout .v2-page-wrapper .feature-card:nth-child(3) { background: linear-gradient(rgb(239, 246, 255), rgb(255, 255, 255)); border-color: rgb(191, 219, 254); } #inline-checkout .v2-page-wrapper .feature-card:nth-child(4) { background: linear-gradient(to bottom,var(--amber-bg),white); border-color: rgb(253, 230, 138); } #inline-checkout .v2-page-wrapper .feature-icon { font-size: 26px; margin-bottom: 8px; } #inline-checkout .v2-page-wrapper .feature-title { font-weight: 800; font-size: 15px; color: var(--text); margin-bottom: 4px; } #inline-checkout .v2-page-wrapper .feature-text { font-size: 12.5px; color: var(--grey); line-height: 1.4; } #inline-checkout .v2-page-wrapper .vet-section { background: linear-gradient(135deg,var(--green-bg),#ecfdf5); border: 2px solid rgb(134, 239, 172); border-radius: var(--radius); padding: 22px 18px; text-align: center; margin-bottom: 24px; } #inline-checkout .v2-page-wrapper .vet-avatar { width: 64px; height: 64px; border-radius: 50%; border: 3px solid rgb(134, 239, 172); object-fit: cover; margin: 0px auto 12px; } #inline-checkout .v2-page-wrapper .vet-quote { font-size: 15px; font-style: italic; color: rgb(22, 101, 52); line-height: 1.5; margin-bottom: 12px; } #inline-checkout .v2-page-wrapper .vet-name { font-weight: 800; font-size: 14px; color: rgb(20, 83, 45); } #inline-checkout .v2-page-wrapper .vet-title { font-size: 12.5px; color: rgb(22, 101, 52); margin-bottom: 10px; } #inline-checkout .v2-page-wrapper .vet-badge { display: inline-flex; align-items: center; gap: 6px; background: rgb(255, 255, 255); border-radius: 50px; padding: 6px 14px; font-size: 11.5px; color: var(--green); font-weight: 600; } #inline-checkout .v2-page-wrapper .reviews-section { margin-bottom: 28px; } #inline-checkout .v2-page-wrapper .reviews-carousel { position: relative; overflow: hidden; } #inline-checkout .v2-page-wrapper .reviews-viewport { overflow: hidden; border-radius: var(--radius); } #inline-checkout .v2-page-wrapper .reviews-track { display: flex; transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); } #inline-checkout .v2-page-wrapper .review-card { min-width: 100%; max-width: 100%; flex-shrink: 0; background: rgb(255, 255, 255); border: 1.5px solid rgb(229, 226, 221); border-radius: var(--radius); padding: 24px 22px; } #inline-checkout .v2-page-wrapper .review-quote-icon { font-size: 30px; line-height: 1; color: var(--purple); opacity: 0.15; margin-bottom: -8px; } #inline-checkout .v2-page-wrapper .review-body { font-size: 14.5px; color: var(--text-secondary); line-height: 1.6; margin-bottom: 16px; font-style: italic; } #inline-checkout .v2-page-wrapper .review-body strong { color: var(--text); font-style: normal; } #inline-checkout .v2-page-wrapper .review-footer { display: flex; align-items: center; gap: 12px; padding-top: 14px; border-top: 1px solid rgb(240, 238, 232); } #inline-checkout .v2-page-wrapper .review-avatar { width: 40px; height: 40px; border-radius: 50%; background: var(--purple); color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 700; flex-shrink: 0; } #inline-checkout .v2-page-wrapper .review-meta { flex: 1 1 0%; } #inline-checkout .v2-page-wrapper .review-name { font-weight: 700; font-size: 13px; color: var(--text); } #inline-checkout .v2-page-wrapper .review-title { font-size: 11.5px; color: var(--grey); font-weight: 500; } #inline-checkout .v2-page-wrapper .review-stars { display: flex; gap: 2px; } #inline-checkout .v2-page-wrapper .review-stars .star-box { width: 18px; height: 18px; background: rgb(0, 182, 122); border-radius: 2px; display: flex; align-items: center; justify-content: center; } #inline-checkout .v2-page-wrapper .review-stars .star-box svg { width: 11px; height: 11px; fill: rgb(255, 255, 255); } #inline-checkout .v2-page-wrapper .review-nav { position: absolute; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; border-radius: 50%; background: rgb(255, 255, 255); border: 1.5px solid var(--grey-border); box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 8px; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 2; transition: all var(--transition); color: var(--text); font-size: 16px; touch-action: manipulation; -webkit-tap-highlight-color: transparent; user-select: none; } #inline-checkout .v2-page-wrapper .review-nav:hover { background: var(--purple); color: rgb(255, 255, 255); border-color: var(--purple); } #inline-checkout .v2-page-wrapper .review-nav:active { background: var(--purple); color: rgb(255, 255, 255); border-color: var(--purple); transform: translateY(-50%) scale(0.95); } #inline-checkout .v2-page-wrapper .review-nav.prev { left: -6px; } #inline-checkout .v2-page-wrapper .review-nav.next { right: -6px; } #inline-checkout .v2-page-wrapper .review-dots { display: flex; justify-content: center; gap: 6px; margin-top: 14px; } #inline-checkout .v2-page-wrapper .review-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--grey-border); transition: all var(--transition); cursor: pointer; } #inline-checkout .v2-page-wrapper .review-dot.active { background: var(--purple); width: 20px; border-radius: 4px; } #inline-checkout .v2-page-wrapper .faq-list { margin-bottom: 28px; } #inline-checkout .v2-page-wrapper .faq-item { border-bottom: 1px solid var(--grey-border); } #inline-checkout .v2-page-wrapper .faq-item:first-child { border-top: 1px solid var(--grey-border); } #inline-checkout .v2-page-wrapper .faq-question { width: 100%; padding: 16px 0px; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; font-family: inherit; font-size: 15px; font-weight: 700; color: var(--text); cursor: pointer; display: flex; justify-content: space-between; align-items: center; text-align: left; } #inline-checkout .v2-page-wrapper .faq-question .arrow { font-size: 12px; transition: transform 0.25s; color: var(--grey); } #inline-checkout .v2-page-wrapper .faq-item.open .faq-question .arrow { transform: rotate(180deg); } #inline-checkout .v2-page-wrapper .faq-answer { display: none; padding: 0px 0px 16px; font-size: 13.5px; line-height: 1.55; color: var(--text-secondary); } #inline-checkout .v2-page-wrapper .faq-item.open .faq-answer { display: block; } @media (min-width: 768px){ #inline-checkout .v2-page-wrapper { max-width: 620px; } #inline-checkout .v2-page-wrapper .form-card { padding: 32px 30px 28px; } #inline-checkout .v2-page-wrapper .cat-option { padding: 20px 14px 16px; gap: 8px; } #inline-checkout .v2-page-wrapper .cat-option img { width: 70px; height: 70px; } #inline-checkout .v2-page-wrapper .cat-option .cat-title, #inline-checkout .v2-page-wrapper .cat-option .cat-price { font-size: 16px; } #inline-checkout .v2-page-wrapper .cat-option .cat-per { font-size: 12px; } #inline-checkout .v2-page-wrapper .step-question { font-size: 24px; } #inline-checkout .v2-page-wrapper .plan-card { padding: 20px 18px 16px; } #inline-checkout .v2-page-wrapper .plan-image { width: 80px; min-width: 80px; height: 80px; } #inline-checkout .v2-page-wrapper .btn { padding: 16px 24px; font-size: 16px !important; } } @media (max-width: 480px){ #inline-checkout .v2-page-wrapper { padding: 0px 12px 100px; } #inline-checkout .v2-page-wrapper .progress-bar { padding: 4px 0px 6px; } #inline-checkout .v2-page-wrapper .social-proof-bar { padding: 4px 0px 0px; } #inline-checkout .v2-page-wrapper .form-card { padding: 16px 14px 14px; margin-top: 8px; } #inline-checkout .v2-page-wrapper .step-subtitle { font-size: 12px; } #inline-checkout .v2-page-wrapper .cat-options { gap: 6px; } #inline-checkout .v2-page-wrapper .cat-option { padding: 14px 10px 12px; max-width: none; gap: 6px; } #inline-checkout .v2-page-wrapper .cat-option img { width: 64px; height: 64px; } #inline-checkout .v2-page-wrapper .cat-option .cat-title, #inline-checkout .v2-page-wrapper .cat-option .cat-price { font-size: 15px; } #inline-checkout .v2-page-wrapper .cat-option .cat-price .compare { font-size: 14px; } #inline-checkout .v2-page-wrapper .cat-option .cat-per { font-size: 11.5px; } #inline-checkout .v2-page-wrapper .more-cats-link { font-size: 12.5px; margin-top: 16px; } #inline-checkout .v2-page-wrapper .plan-card { padding: 12px 10px 10px; gap: 8px; } #inline-checkout .v2-page-wrapper .plan-image { width: 66px; min-width: 66px; height: 66px; } #inline-checkout .v2-page-wrapper .plan-name { font-size: 15px; } #inline-checkout .v2-page-wrapper .plan-savings-tag { font-size: 11.5px; padding: 2px 8px; } #inline-checkout .v2-page-wrapper .plan-price { font-size: 14px; } #inline-checkout .v2-page-wrapper .plan-price .new { font-size: 17px; } #inline-checkout .v2-page-wrapper .plan-detail { font-size: 12px; } #inline-checkout .v2-page-wrapper .plan-footer-green, #inline-checkout .v2-page-wrapper .plan-footer-grey { font-size: 11.5px; } #inline-checkout .v2-page-wrapper .plan-badge { font-size: 10px; padding: 3px 12px; top: -10px; } #inline-checkout .v2-page-wrapper .plan-options { gap: 10px; } #inline-checkout .v2-page-wrapper .guarantee-above-cta { font-size: 12.5px; padding: 10px 12px; margin-top: 12px; } #inline-checkout .v2-page-wrapper .step-question { font-size: 19px; margin-bottom: 12px; } #inline-checkout .v2-page-wrapper .btn { padding: 12px 16px; font-size: 14px !important; } #inline-checkout .v2-page-wrapper .btn-row { margin-top: 12px; } #inline-checkout .v2-page-wrapper .trust-line { gap: 4px; } #inline-checkout .v2-page-wrapper .trust-item { font-size: 11px; } #inline-checkout .v2-page-wrapper .guarantee-row { padding: 10px 12px; gap: 10px; } #inline-checkout .v2-page-wrapper .guarantee-row img { width: 40px; height: 40px; } #inline-checkout .v2-page-wrapper .guarantee-row p { font-size: 11px; } #inline-checkout .v2-page-wrapper .social-proof-bar { gap: 5px; } #inline-checkout .v2-page-wrapper .social-proof-bar .star-box { width: 18px; height: 18px; } #inline-checkout .v2-page-wrapper .social-proof-bar .star-box svg { width: 11px; height: 11px; } #inline-checkout .v2-page-wrapper .social-proof-bar .proof-rating { font-size: 11.5px; } #inline-checkout .v2-page-wrapper .social-proof-bar .proof-text { font-size: 10.5px; } #inline-checkout .v2-page-wrapper .section-title { font-size: 17px; } #inline-checkout .v2-page-wrapper .trust-badges { gap: 6px; } #inline-checkout .v2-page-wrapper .trust-badge-pill { padding: 6px 10px; font-size: 11px; } #inline-checkout .v2-page-wrapper .features-grid { gap: 8px; } #inline-checkout .v2-page-wrapper .feature-card { padding: 14px 10px; } #inline-checkout .v2-page-wrapper .feature-icon { font-size: 22px; } #inline-checkout .v2-page-wrapper .feature-title { font-size: 13.5px; } #inline-checkout .v2-page-wrapper .feature-text { font-size: 12.5px; } #inline-checkout #v2-popup-overlay, #inline-checkout #v2-popup-overlay-2 { padding: 12px; } #inline-checkout #v2-popup-overlay .popup-modal, #inline-checkout #v2-popup-overlay-2 .popup-modal { max-width: 100%; max-height: 92vh; } #inline-checkout #v2-popup-overlay .popup-modal, #inline-checkout #v2-popup-overlay-2 .popup-modal { max-height: 95vh; max-width: 340px; } #inline-checkout #v2-popup-overlay .popup-brand-top, #inline-checkout #v2-popup-overlay-2 .popup-brand-top { padding: 16px 14px 14px; } #inline-checkout #v2-popup-overlay .popup-brand-top h3, #inline-checkout #v2-popup-overlay-2 .popup-brand-top h3 { font-size: 17px; } #inline-checkout #v2-popup-overlay .popup-brand-top p, #inline-checkout #v2-popup-overlay-2 .popup-brand-top p { font-size: 11.5px; } #inline-checkout #v2-popup-overlay .popup-modal-body, #inline-checkout #v2-popup-overlay-2 .popup-modal-body { padding: 12px 14px 4px; } #inline-checkout #v2-popup-overlay .delivery-plan, #inline-checkout #v2-popup-overlay-2 .delivery-plan { padding: 8px 10px; gap: 8px; } #inline-checkout #v2-popup-overlay .delivery-label, #inline-checkout #v2-popup-overlay-2 .delivery-label { font-size: 11.5px; min-width: 64px; } #inline-checkout #v2-popup-overlay .delivery-icons, #inline-checkout #v2-popup-overlay-2 .delivery-icons { font-size: 9px; } #inline-checkout #v2-popup-overlay .delivery-count, #inline-checkout #v2-popup-overlay-2 .delivery-count, #inline-checkout #v2-popup-overlay .delivery-punchline, #inline-checkout #v2-popup-overlay-2 .delivery-punchline { font-size: 12px; } #inline-checkout #v2-popup-overlay .popup-perks, #inline-checkout #v2-popup-overlay-2 .popup-perks { gap: 6px; margin-bottom: 8px; } #inline-checkout #v2-popup-overlay .popup-perks li, #inline-checkout #v2-popup-overlay-2 .popup-perks li { padding: 8px 7px; gap: 6px; font-size: 11.5px; } #inline-checkout #v2-popup-overlay .popup-perks li strong, #inline-checkout #v2-popup-overlay-2 .popup-perks li strong { font-size: 11.5px; } #inline-checkout #v2-popup-overlay .popup-perks .perk-icon, #inline-checkout #v2-popup-overlay-2 .popup-perks .perk-icon { width: 24px; height: 24px; min-width: 24px; font-size: 11px; border-radius: 6px; } #inline-checkout #v2-popup-overlay .popup-actions, #inline-checkout #v2-popup-overlay-2 .popup-actions { padding: 8px 14px 14px; gap: 5px; } #inline-checkout #v2-popup-overlay .popup-btn-keep, #inline-checkout #v2-popup-overlay-2 .popup-btn-keep { padding: 13px; font-size: 14px; border-radius: 8px; } #inline-checkout #v2-popup-overlay .popup-btn-decline, #inline-checkout #v2-popup-overlay-2 .popup-btn-decline { padding: 8px; font-size: 11.5px; } #inline-checkout #v2-popup-overlay .popup-lock-line, #inline-checkout #v2-popup-overlay-2 .popup-lock-line { font-size: 11px; } } .pgt-page #inline-checkout .v2-page-wrapper { background: transparent; padding-bottom: 0px; } .pgt-page #inline-checkout .v2-page-wrapper { letter-spacing: 0.6px; } .pgt-page #inline-checkout .v2-page-wrapper .step-question { letter-spacing: 0.51px; } .pgt-page #inline-checkout .v2-page-wrapper .btn { letter-spacing: 0.3px; } .pgt-page #inline-checkout { --purple: #7a4ec0; --purple-light: #efe6fb; --purple-bg: rgba(122,78,192,.08); --pink: #aa0000; --text: #1f1a24; --text-secondary: #6a6373; --grey: #6a6373; --grey-border: #ebe4d6; --grey-light: #f6f0ea; --radius: 14px; --radius-sm: 999px; } .pgt-page #inline-checkout .form-card, .pgt-page #inline-checkout .cat-option, .pgt-page #inline-checkout .plan-card, .pgt-page #inline-checkout .guarantee-above-cta { border-radius: 14px; } .pgt-page #inline-checkout .btn { border-radius: 999px; } .pgt-page #inline-checkout { --pink: #9a8fb0; } .pgt-page #inline-checkout #v2-popup-overlay .popup-modal, .pgt-page #inline-checkout #v2-popup-overlay .popup-brand-top, .pgt-page #inline-checkout #v2-popup-overlay .popup-modal-body, .pgt-page #inline-checkout #v2-popup-overlay .popup-actions { line-height: 1.8; letter-spacing: 0.6px; } .pgt-page #inline-checkout #v2-popup-overlay .popup-brand-top h3 { letter-spacing: 0.51px; line-height: 20.4px; } .pgt-page #inline-checkout #v2-popup-overlay .popup-brand-top p { line-height: 20.7px; } .pgt-page #inline-checkout #v2-popup-overlay .perk-icon { font-size: 12.5px; line-height: 17.5px; } .pgt-page #inline-checkout #v2-popup-overlay .popup-btn-keep { letter-spacing: 0.3px; font-size: 14px !important; font-weight: 800 !important; } .pgt-page #inline-checkout #v2-popup-overlay .popup-btn-decline { font-size: 14px !important; font-weight: 700 !important; } .pgt-page #inline-checkout #v2-popup-overlay .popup-close { font-size: 14px !important; } .pgt-page #inline-checkout .plan-badge { left: 14px; transform: none; } .v2-page-wrapper .social-proof-bar .star-box, .v2-page-wrapper .review-stars .star-box { background: rgb(255, 184, 0) !important; } .v2-page-wrapper .review-stars { display: none !important; } .v2-page-wrapper .social-proof-bar { margin-bottom: 16px !important; padding-bottom: 0px !important; } .v2-page-wrapper .reviews-carousel { overflow: visible; } .v2-page-wrapper .reviews-controls { display: flex; align-items: center; justify-content: center; gap: 18px; margin-top: 18px; } .v2-page-wrapper .reviews-controls .review-nav { position: static; transform: none; top: auto; left: auto; right: auto; width: 40px; height: 40px; } .v2-page-wrapper .reviews-controls .review-nav:active { transform: scale(0.95); } .v2-page-wrapper .reviews-controls .review-dots { margin-top: 0px; } @media (max-width: 749px){ .v2-page-wrapper .social-proof-bar { margin-bottom: 12px !important; } } #inline-checkout .step-subtitle { display: none !important; } /* ── Reprises propres aux pages marche (barre Trustpilot, barre collante) ── */ #inline-checkout .tp-fit { overflow: visible !important; } #inline-checkout .tp-fit .trustpilot-widget { width: 100% !important; } .pgt-page .feat:has(+ #inline-checkout) { border-bottom-width: medium !important; border-bottom-style: none !important; border-bottom-color: currentcolor !important; } .sticky-bottom.ck-hidden { display: none !important; } #inline-checkout .v2-page-wrapper .tp-proof-bar { margin-top: 8px !important; margin-bottom: 20px !important; } #inline-checkout .tp-fit { overflow: visible; justify-content: center; } #inline-checkout .tp-fit .trustpilot-widget { flex: 0 0 auto; width: 440px !important; } @media (max-width: 470px){ #inline-checkout .tp-fit { overflow: hidden; } #inline-checkout .tp-fit .trustpilot-widget { transform: scale(0.8); transform-origin: center center; } } /* ── Barre de preuve des pages marche ────────────────────────────────────── Les pages non-FR n'affichent pas le widget Trustpilot : le profil Trustpilot Pacha est celui de monpacha.fr, en francais. Elles gardent donc leur barre maison (etoiles + note + nombre d'avis), calee sur les PROPORTIONS de la barre de 1001 : environ 17 px de haut, texte discret. ⚠️ Sans ce bloc, la feuille de 1001 (qui ne s'en sert pas) laisse les etoiles en noir et renvoie la note apres les etoiles. */ #inline-checkout .v2-page-wrapper .social-proof-bar{margin:10px 0 16px;padding:0} #inline-checkout .v2-page-wrapper .social-proof-bar .stars-row{color:#FFB800;font-size:15px;letter-spacing:2px;line-height:1;display:inline-block} #inline-checkout .v2-page-wrapper .social-proof-bar .proof-rating{order:-1;font-size:13px;font-weight:700;color:var(--text)} #inline-checkout .v2-page-wrapper .social-proof-bar .proof-text{font-size:12px;color:#6b6b6b;font-weight:500} /* ── Reprises de la 1001 HORS formulaire ─────────────────────────────────── Ce fichier est la seule feuille chargée après page.css sur les 13 pages marché : les reprises communes qui doivent gagner la cascade vivent ici. */ /* Bouton final : le libellé porte le texte ET les deux prix. En français il tient tout juste sur une ligne (284 px pour 284 disponibles) ; en allemand et en suisse il déborde du cadre — jusqu'à 43 px sur CH-DE, où « CHF » est répété deux fois. On laisse le texte revenir à la ligne plutôt que de rogner la taille : le libellé reste entier et lisible. */ @media (max-width:600px){ .pgt-page .fcta-btn{white-space:normal;line-height:1.3;text-wrap:balance} } /* ── Boutons de paiement du formulaire (pages NL) ────────────────────────── Ils portent la classe `.button` du theme, hors du scope corrige plus haut : leur feuille est ecrite en rem pour une racine a 10 px, donc 22,4 px de texte et 74 px de haut chez nous, contre 14 px et 47 px sur /pages/get-started-v2. Valeurs relevees sur la vraie page le 27/08/2026. */ /* La regle de theme `button{font-size:1.4rem!important}` reprend ces boutons a 22,4 px : il faut donc un !important pour rendre la taille de la source. */ #inline-checkout .form-button-nav-container .button{ font-size:14px!important;line-height:16.8px;min-height:47px;border-radius:9px;padding:0} #inline-checkout .form-button-nav-container .button img, #inline-checkout .form-button-nav-container .button svg{flex:0 0 auto}