.kreco { --kreco-accent: #d9006a; --kreco-texte: #1c1917; --kreco-bord: #e7e2dc; --kreco-fond: #fff; box-sizing: border-box; color: var(--kreco-texte); } .kreco *, .kreco *::before, .kreco *::after { box-sizing: inherit; } .kreco-page { padding: 60px 20px 80px; } .kreco-etroit { max-width: 520px; margin-left: auto; margin-right: auto; } .kreco-titre { font-size: 1.5em; margin: 0 0 .8em; line-height: 1.2; } .kreco-badge { display: inline-block; background: #fdeaf3; color: #8a0044; border-radius: 999px; padding: 6px 14px; font-size: .9em; margin: 0 0 1em; } .kreco-bonjour { margin: 0 0 1.5em; } .kreco-form p { margin: 0 0 14px; } .kreco-form label { display: block; font-weight: 600; font-size: .92em; } .kreco-form input[type="text"], .kreco-form input[type="email"], .kreco-form input[type="tel"], .kreco-form textarea, .kreco-lien { display: block; width: 100%; margin-top: 6px; padding: 11px 14px; border: 1px solid var(--kreco-bord); border-radius: 10px; background: #fff; color: var(--kreco-texte); font: inherit; font-weight: 400; line-height: 1.4; } .kreco-form input:focus, .kreco-form textarea:focus { outline: 2px solid var(--kreco-accent); outline-offset: 1px; border-color: var(--kreco-accent); } .kreco-code { letter-spacing: .2em; text-transform: uppercase; text-align: center; } .kreco-ligne { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; } .kreco-ligne p { min-width: 0; } .kreco-piege { position: absolute !important; left: -9999px !important; height: 0; overflow: hidden; } .kreco-aide { font-size: .88em; opacity: .8; } .kreco-btn { display: inline-block; width: 100%; padding: 13px 22px; border: 0; border-radius: 10px; background: var(--kreco-accent); color: #fff !important; font: inherit; font-weight: 700; text-align: center; text-decoration: none !important; cursor: pointer; transition: filter .15s; } .kreco-btn:hover, .kreco-btn:focus { filter: brightness(.92); } .kreco-btn-2 { width: auto; background: #fff; color: var(--kreco-accent) !important; border: 1px solid var(--kreco-accent); padding: 9px 18px; } .kreco-msg { padding: 12px 16px; border-radius: 10px; margin: 0 0 18px; font-weight: 600; } .kreco-ok { background: #e8f6ec; color: #14532d; } .kreco-err { background: #fdecec; color: #7f1d1d; } .kreco-lots { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 22px; } .kreco-lot { background: var(--kreco-fond); border: 1px solid var(--kreco-bord); border-radius: 16px; overflow: hidden; display: flex; flex-direction: column; } .kreco-lot-img { aspect-ratio: 16 / 10; background: #f5f3f0; } .kreco-lot-img img { width: 100%; height: 100%; object-fit: cover; display: block; } .kreco-lot-corps { padding: 18px 20px 20px; } .kreco-lot-corps p { margin: 0 0 8px; } .kreco-lot-valeur { font-size: 1.7em; font-weight: 800; color: var(--kreco-accent); line-height: 1.1; } .kreco-lot-nom { margin: 0 0 6px; font-size: 1.15em; } .kreco-lot-cible { font-weight: 600; } .kreco-lot-desc { font-size: .92em; opacity: .85; } .kreco-lot-decl { font-size: .8em; text-transform: uppercase; letter-spacing: .06em; opacity: .6; margin-bottom: 0 !important; } .kreco-colonnes { display: grid; grid-template-columns: 1.2fr 1fr; gap: 24px; align-items: start; } .kreco-bloc { background: var(--kreco-fond); border: 1px solid var(--kreco-bord); border-radius: 16px; padding: 24px; margin-bottom: 24px; } .kreco-qr { margin-top: 16px; } .kreco-qr-canvas { display: block; width: 180px; height: 180px; border: 1px solid var(--kreco-bord); border-radius: 10px; margin-bottom: 10px; } .kreco-table-wrap { overflow-x: auto; } .kreco-table { width: 100%; border-collapse: collapse; } .kreco-table th, .kreco-table td { text-align: left; padding: 10px 12px; border-bottom: 1px solid var(--kreco-bord); } .kreco-statut { display: inline-block; padding: 3px 10px; border-radius: 999px; font-size: .82em; font-weight: 600; background: #eee; color: #333; white-space: nowrap; } .kreco-s-nouveau { background: #e8eefc; color: #1e3a8a; } .kreco-s-contacte { background: #fef3c7; color: #854d0e; } .kreco-s-devis { background: #e0f2fe; color: #075985; } .kreco-s-nego { background: #ffe8d6; color: #9a3412; } .kreco-s-gagne { background: #dcfce7; color: #166534; } .kreco-s-perdu { background: #fee2e2; color: #991b1b; } @media (max-width: 720px) { .kreco-colonnes, .kreco-ligne { grid-template-columns: 1fr; } .kreco-page { padding: 40px 16px 60px; } } .kreco-section { margin-bottom: 24px; } .kreco-surtitre { font-size: .82em; text-transform: uppercase; letter-spacing: .08em; opacity: .7; margin: 0 0 14px; font-weight: 600; } .kreco-centre { text-align: center; margin: 14px 0 0; } .kreco-amb-tete { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; } .kreco-amb-tete p { margin: 0 0 16px; } .kreco-amb-nom strong { font-size: 1.15em; } .kreco-chiffres { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; } .kreco-chiffres p { margin: 0; padding: 16px 8px; text-align: center; background: #fdf6f0; border-radius: 12px; } .kreco-chiffres strong { display: block; font-size: 1.5em; color: var(--kreco-accent); line-height: 1.2; } .kreco-chiffres span { font-size: .82em; opacity: .75; } .kreco-barre-ligne { display: grid; grid-template-columns: 90px 1fr 28px; gap: 12px; align-items: center; margin: 10px 0; font-size: .92em; } .kreco-barre-ligne strong { text-align: right; } .kreco-barre { display: block; height: 20px; background: #f3f1ee; border-radius: 6px; overflow: hidden; } .kreco-barre-in { display: block; height: 100%; background: var(--kreco-accent); border-radius: 6px; } @media (max-width: 480px) { .kreco-chiffres strong { font-size: 1.15em; } } .kreco-partage { display: flex; flex-wrap: wrap; gap: 8px; } .kreco-partage .kreco-btn-2 { padding: 8px 14px; font-size: .92em; } .kreco-form select { display: block; width: 100%; margin-top: 6px; padding: 11px 14px; border: 1px solid var(--kreco-bord); border-radius: 10px; background: #fff; color: var(--kreco-texte); font: inherit; font-weight: 400; }