/* =========================================================================== * /start-selling remplacement de la page vendeur et de la zone tarifaire * Fichier versionne : start-selling-2026-08-30.css * * Cette feuille est chargee dans le , donc AVANT que React ne peigne. * Elle masque l ancienne page des son premier rendu : les anciennes cartes * (3,49 $ / 90 Days, Regular price US $7.00, 50% discount...) et les huit * photographies externes ne sont jamais visibles, meme un instant. * * Le selecteur vise la racine du composant compile StartSelling, qui n existe * que sur cette route. Aucune autre page n est touchee. * * RETOUR ARRIERE : retirer les deux lignes ajoutees a index.html. * =========================================================================== */ main > div[class*="StartSelling_StartSelling"] { display: none !important; } /* --------------------------------------------------------------------- */ .us-wrap { --or:#c9a84c; --or2:#a9873a; --te:#2fb8d4; --tx:#151719; --tx2:#5c6570; --bd:#e8e9ec; --cd:#fff; --bg2:#f7f8fa; color:var(--tx); background:var(--cd); font-family:inherit; -webkit-font-smoothing:antialiased; } .us-wrap *,.us-wrap *::before,.us-wrap *::after{ box-sizing:border-box } .us-in { max-width:1120px; margin:0 auto; padding:0 20px } .us-sec { padding:56px 0 } .us-sec + .us-sec { border-top:1px solid var(--bd) } .us-hero { padding:64px 0 48px; background: radial-gradient(120% 90% at 50% -20%, rgba(201,168,76,.10), transparent 62%) } .us-h1 { font-size:clamp(30px,5.2vw,50px); line-height:1.08; font-weight:800; letter-spacing:-.02em; margin:0 0 16px } .us-h1 em { font-style:normal; color:var(--or2) } .us-lead { font-size:clamp(15px,2.1vw,18.5px); line-height:1.62; color:var(--tx2); max-width:62ch; margin:0 0 28px } .us-cta { display:flex; flex-wrap:wrap; gap:12px; align-items:center } .us-btn { display:inline-flex; align-items:center; gap:9px; font-size:15px; font-weight:700; border-radius:12px; padding:13px 22px; cursor:pointer; border:1px solid transparent; text-decoration:none; line-height:1.2 } .us-btn-1 { color:#fff; background:linear-gradient(135deg,var(--or2),var(--or)) } .us-btn-2 { color:var(--tx); background:var(--cd); border-color:var(--bd) } .us-btn:hover { filter:brightness(1.05) } .us-link { font-size:14.5px; font-weight:600; color:var(--tx2); text-decoration:underline; text-underline-offset:3px } .us-h2 { font-size:clamp(22px,3.4vw,30px); font-weight:800; letter-spacing:-.015em; margin:0 0 8px } .us-sub { font-size:15px; color:var(--tx2); margin:0 0 30px; max-width:60ch } .us-grid4 { display:grid; grid-template-columns:repeat(4,1fr); gap:18px } .us-card { border:1px solid var(--bd); border-radius:16px; padding:22px 20px; background:var(--cd) } .us-ico { width:42px; height:42px; border-radius:12px; display:flex; align-items:center; justify-content:center; font-size:21px; background:var(--bg2); border:1px solid var(--bd); margin-bottom:14px } .us-ct { font-size:16px; font-weight:700; margin:0 0 7px } .us-cd { font-size:14px; line-height:1.55; color:var(--tx2); margin:0 } .us-steps { counter-reset:us; display:grid; grid-template-columns:repeat(4,1fr); gap:18px } .us-step { position:relative; padding-top:44px } .us-step::before { counter-increment:us; content:counter(us); position:absolute; top:0; inset-inline-start:0; width:34px; height:34px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:800; font-size:15px; color:#fff; background:linear-gradient(135deg,var(--or2),var(--or)) } .us-plans { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; align-items:stretch } .us-plan { border:1px solid var(--bd); border-radius:18px; padding:24px 20px; display:flex; flex-direction:column; background:var(--cd) } .us-plan-n { font-size:13px; font-weight:800; letter-spacing:.09em; text-transform:uppercase; color:var(--tx2); margin:0 0 12px } .us-price { display:flex; align-items:baseline; gap:6px; flex-wrap:wrap; margin-bottom:4px } .us-amt { font-size:34px; font-weight:800; letter-spacing:-.03em } .us-per { font-size:14px; color:var(--tx2); font-weight:600 } .us-was { font-size:14px; color:var(--tx2); text-decoration:line-through } .us-tag { display:inline-block; font-size:12px; font-weight:700; border-radius:999px; padding:4px 10px; margin:8px 0 0; background:rgba(201,168,76,.14); color:var(--or2) } .us-tag.us-aff { background:rgba(47,184,212,.14); color:#1d7f93 } .us-feat { list-style:none; margin:18px 0 22px; padding:0; flex:1 } .us-feat li { position:relative; padding-inline-start:22px; font-size:14px; line-height:1.5; color:var(--tx2); margin-bottom:9px } .us-feat li::before { content:"\2713"; position:absolute; inset-inline-start:0; color:var(--or2); font-weight:800 } .us-buy { width:100%; justify-content:center } .us-quote { font-size:13px; line-height:1.5; margin:10px 0 0; min-height:1em } .us-quote.ok { color:#1d7f93 } .us-quote.warn { color:#8a6a12 } .us-note { font-size:13.5px; line-height:1.6; color:var(--tx2); background:var(--bg2); border:1px solid var(--bd); border-radius:14px; padding:16px 18px; margin-top:22px } .us-note b { color:var(--tx) } .us-final { text-align:center; background:var(--bg2); border-radius:20px; padding:44px 24px; margin:8px 0 56px } .us-final .us-cta { justify-content:center } .us-skel { border-radius:18px; background:linear-gradient(90deg,#f2f3f5,#e9ebef,#f2f3f5); background-size:200% 100%; animation:usSk 1.1s linear infinite; min-height:300px } @keyframes usSk { to { background-position:-200% 0 } } [dir="rtl"] .us-wrap { text-align:right } @media (max-width:1024px){ .us-plans,.us-grid4,.us-steps{ grid-template-columns:repeat(2,1fr) } } @media (max-width:640px){ .us-plans,.us-grid4,.us-steps{ grid-template-columns:1fr } .us-hero{ padding:44px 0 34px } .us-sec{ padding:40px 0 } .us-in{ padding:0 16px } .us-btn{ width:100%; justify-content:center } .us-link{ display:block; text-align:center; width:100% } .us-final{ padding:34px 18px } } @media (prefers-reduced-motion: reduce){ .us-skel{ animation:none } } .us-erreur{grid-column:1/-1;font-size:14.5px;line-height:1.6;color:var(--tx2); background:var(--bg2);border:1px solid var(--bd);border-radius:14px;padding:18px 20px}