.lch-bon-cadeau-intro {
--lch-bci-cream: #f7f3ed;
--lch-bci-dark: #1c1a18;
--lch-bci-ink: #2a2622;
--lch-bci-muted: #5a534c;
--lch-bci-gold: #c5943b;
--lch-bci-gold-soft: #b8924a;
--lch-bci-star: #c0392b;
--lch-bci-leaf-light: rgba(184, 146, 74, 0.28);
--lch-bci-leaf-dark: rgba(212, 185, 138, 0.28);
position: relative;
isolation: isolate;
overflow: hidden;
font-family: "Outfit", system-ui, sans-serif;
color: var(--lch-bci-ink);
}
.lch-bon-cadeau-intro__split {
display: grid;
grid-template-columns: 1fr 1fr;
min-height: min(88vh, 52rem);
}
.lch-bon-cadeau-intro__panel {
position: relative;
box-sizing: border-box;
}
.lch-bon-cadeau-intro__panel--info {
background: var(--lch-bci-cream);
padding: clamp(2.75rem, 6vw, 4.5rem) clamp(1.75rem, 5vw, 4.5rem);
}
.lch-bon-cadeau-intro__panel--form {
background: var(--lch-bci-dark);
color: #fff;
padding: clamp(2.75rem, 6vw, 4.5rem) clamp(1.75rem, 5vw, 4.5rem);
}
.lch-bon-cadeau-intro__info-inner,
.lch-bon-cadeau-intro__form-inner {
position: relative;
z-index: 1;
width: min(34rem, 100%);
margin: 0 auto;
}
.lch-bon-cadeau-intro__leaf {
position: absolute;
pointer-events: none;
width: clamp(7rem, 14vw, 11rem);
height: auto;
opacity: 0.9;
}
.lch-bon-cadeau-intro__leaf--info {
right: clamp(0.5rem, 2vw, 2rem);
bottom: clamp(0.5rem, 2vw, 1.5rem);
color: var(--lch-bci-leaf-light);
}
.lch-bon-cadeau-intro__leaf--form {
right: clamp(0.25rem, 1.5vw, 1.25rem);
top: clamp(0.75rem, 2vw, 1.5rem);
color: var(--lch-bci-leaf-dark);
}
.lch-bon-cadeau-intro__eyebrow {
margin: 0 0 0.85rem;
font-size: 0.72rem;
letter-spacing: 0.22em;
text-transform: uppercase;
color: var(--lch-bci-gold-soft);
font-weight: 400;
}
.lch-bon-cadeau-intro__title,
.wpcursor-component.lch-bon-cadeau-intro .lch-bon-cadeau-intro__title,
.lch-bon-cadeau-intro h2.lch-bon-cadeau-intro__title {
margin: 0 0 1.1rem !important;
font-family: "Cormorant Garamond", Georgia, serif !important;
font-weight: 500 !important;
font-size: clamp(2rem, 3.4vw, 2.75rem) !important;
line-height: 1.15 !important;
color: var(--lch-bci-ink) !important;
text-wrap: balance;
}
.lch-bon-cadeau-intro__lead {
margin: 0 0 2rem;
font-weight: 300;
font-size: clamp(0.94rem, 1.2vw, 1.02rem);
line-height: 1.7;
color: var(--lch-bci-muted);
}
.lch-bon-cadeau-intro__steps {
list-style: none;
margin: 0;
padding: 0;
display: grid;
gap: 0;
}
.lch-bon-cadeau-intro__step {
position: relative;
display: grid;
grid-template-columns: 2.6rem minmax(0, 1fr);
gap: 0.9rem;
padding: 0 0 1.45rem;
}
.lch-bon-cadeau-intro__step:last-child {
padding-bottom: 0;
}
.lch-bon-cadeau-intro__step:not(:last-child)::before {
content: "";
position: absolute;
left: 1.2rem;
top: 2.55rem;
bottom: 0.15rem;
width: 1px;
background: rgba(184, 146, 74, 0.45);
}
.lch-bon-cadeau-intro__step-icon {
display: grid;
place-items: center;
width: 2.45rem;
height: 2.45rem;
border: 1px solid rgba(184, 146, 74, 0.75);
border-radius: 999px;
color: var(--lch-bci-gold);
background: rgba(255, 255, 255, 0.35);
position: relative;
z-index: 1;
}
.lch-bon-cadeau-intro__step-title {
display: block;
margin: 0.15rem 0 0.25rem;
font-family: "Cormorant Garamond", Georgia, serif;
font-size: 1.15rem;
font-weight: 600;
line-height: 1.25;
color: var(--lch-bci-ink);
}
.lch-bon-cadeau-intro__step-text {
margin: 0;
font-size: 0.92rem;
line-height: 1.55;
font-weight: 300;
color: var(--lch-bci-muted);
}
.lch-bon-cadeau-intro__step-text a {
color: var(--lch-bci-ink);
font-weight: 500;
text-decoration: underline;
text-underline-offset: 0.15em;
}
.lch-bon-cadeau-intro__form-title,
.wpcursor-component.lch-bon-cadeau-intro .lch-bon-cadeau-intro__form-title {
margin: 0 0 0.7rem !important;
font-family: "Cormorant Garamond", Georgia, serif !important;
font-weight: 500 !important;
font-size: clamp(1.55rem, 2.4vw, 1.9rem) !important;
line-height: 1.2 !important;
color: #fff !important;
}
.lch-bon-cadeau-intro__form-rule {
display: block;
width: 2.7rem;
height: 1.5px;
background: var(--lch-bci-gold);
margin: 0 0 1.45rem;
}
.lch-bon-cadeau-intro__form,
.lch-bon-cadeau-intro__cf7 .wpcf7-form {
display: grid;
gap: 0.95rem;
}
.lch-bon-cadeau-intro__field {
display: grid;
gap: 0.4rem;
}
.lch-bon-cadeau-intro__label {
font-size: 0.86rem;
font-weight: 500;
color: rgba(255, 255, 255, 0.92);
}
.lch-bon-cadeau-intro__label i {
color: var(--lch-bci-star);
font-style: normal;
font-weight: 600;
}
.lch-bon-cadeau-intro__form input[type="text"],
.lch-bon-cadeau-intro__form input[type="email"],
.lch-bon-cadeau-intro__form input[type="tel"],
.lch-bon-cadeau-intro__form input[type="number"],
.lch-bon-cadeau-intro__form select,
.lch-bon-cadeau-intro__form textarea,
.lch-bon-cadeau-intro__cf7 input[type="text"],
.lch-bon-cadeau-intro__cf7 input[type="email"],
.lch-bon-cadeau-intro__cf7 input[type="tel"],
.lch-bon-cadeau-intro__cf7 input[type="number"],
.lch-bon-cadeau-intro__cf7 select,
.lch-bon-cadeau-intro__cf7 textarea {
width: 100%;
box-sizing: border-box;
border: 0;
border-radius: 0;
background: #fff;
padding: 0.7rem 0.85rem;
font: inherit;
font-weight: 300;
font-size: 0.95rem;
color: #1c1a18;
outline: none;
appearance: none;
}
.lch-bon-cadeau-intro__form textarea,
.lch-bon-cadeau-intro__cf7 textarea {
resize: vertical;
min-height: 5.5rem;
}
.lch-bon-cadeau-intro__form input:focus,
.lch-bon-cadeau-intro__form select:focus,
.lch-bon-cadeau-intro__form textarea:focus,
.lch-bon-cadeau-intro__cf7 input:focus,
.lch-bon-cadeau-intro__cf7 select:focus,
.lch-bon-cadeau-intro__cf7 textarea:focus {
box-shadow: inset 0 0 0 1.5px var(--lch-bci-gold);
}
.lch-bon-cadeau-intro__submit,
.lch-bon-cadeau-intro__cf7 input[type="submit"],
.lch-bon-cadeau-intro__cf7 .wpcf7-submit {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.55rem;
width: 100%;
margin-top: 0.45rem;
border: 0;
background: var(--lch-bci-gold);
color: #1c1a18 !important;
padding: 0.95rem 1.1rem;
font-family: "Outfit", system-ui, sans-serif;
font-size: 0.78rem;
font-weight: 600;
letter-spacing: 0.16em;
text-transform: uppercase;
cursor: pointer;
transition: background 0.2s ease;
}
.lch-bon-cadeau-intro__submit:hover,
.lch-bon-cadeau-intro__submit:focus-visible,
.lch-bon-cadeau-intro__cf7 .wpcf7-submit:hover,
.lch-bon-cadeau-intro__cf7 .wpcf7-submit:focus-visible {
background: #d4a84f;
outline: none;
}
.lch-bon-cadeau-intro__cf7 .wpcf7-form p { margin: 0; }
.lch-bon-cadeau-intro__cf7 label {
display: block;
font-size: 0.86rem;
font-weight: 500;
color: rgba(255, 255, 255, 0.92);
}
.lch-bon-cadeau-intro__cf7 label .wpcf7-form-control-wrap {
display: block;
margin-top: 0.4rem;
}
.lch-bon-cadeau-intro__cf7 .lch-req,
.lch-bon-cadeau-intro__cf7 label span.lch-req {
color: var(--lch-bci-star);
}
.lch-bon-cadeau-intro__cf7 .wpcf7-submit::after {
content: "\2192";
margin-left: 0.45rem;
font-size: 1rem;
line-height: 1;
}
.lch-bon-cadeau-intro__cf7 .wpcf7-spinner { display: none; }
.lch-bon-cadeau-intro__cf7 .wpcf7-response-output {
margin: 0.6rem 0 0;
border-color: rgba(255, 255, 255, 0.35);
color: #fff;
}
@media (max-width: 960px) {
.lch-bon-cadeau-intro__split {
grid-template-columns: 1fr;
min-height: 0;
}
.lch-bon-cadeau-intro__leaf--form { display: none; }
}
@media (max-width: 560px) {
.lch-bon-cadeau-intro__panel--info,
.lch-bon-cadeau-intro__panel--form {
padding: 2.25rem 1.25rem 2.5rem;
}
}