.kit-focus.kit-overview .wrap { display: block; }
.kit-overview-heading { display: flex; justify-content: space-between; align-items: end; gap: 32px; margin-bottom: 32px; }
.kit-overview-heading .kicker { margin-bottom: 16px; }
.kit-overview-heading h2 { max-width: none; font-size: clamp(32px,3.5vw,50px); }
.kit-overview-heading p:not(.kicker) { max-width: 340px; font-size: 14px; line-height: 1.7; color: var(--texte2); }
.kit-overview-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px; }
.kit-overview-card { min-width: 0; margin: 0; padding: 12px 12px 22px; border: 1px solid #dce6df; border-radius: 22px; background: #fff; }
.kit-overview-visual { width: 100%; height: 250px; display: grid; place-items: center; position: relative; overflow: hidden; padding: 12px; border: 0; border-radius: 14px; background: #edf3ef; }
button.kit-overview-visual { cursor: zoom-in; }
.kit-overview-visual > img { position: absolute; inset: 12px; width: calc(100% - 24px); height: calc(100% - 24px); object-fit: contain; }
.kit-overview-card h3 { margin: 18px 6px 8px; font-size: 19px; font-weight: 600; line-height: 1.2; }
.kit-overview-card p { margin: 0 6px; font-size: 12px; line-height: 1.7; color: var(--texte2); }
.kit-zone-label { display: inline-flex; align-items: center; gap: 7px; margin: 14px 6px 0; padding: 6px 9px; border-radius: 8px; color: #184f68; background: #edf3ef; font-size: 10px; line-height: 1.5; }
.kit-zone-label::before { content: '+'; font-size: 16px; line-height: 1; }
.kit-overview-phone { width: 132px; height: 221px; border: 5px solid #173e34; border-radius: 22px; padding: 20px 9px 12px; background: #fff; display: flex; flex-direction: column; align-items: center; gap: 10px; position: relative; box-shadow: 5px 7px 0 #cfded3; }
.kit-overview-phone::before { content: ''; position: absolute; width: 34px; height: 4px; top: 7px; left: calc(50% - 17px); background: #173e34; border-radius: 10px; }
.kit-overview-phone strong { font-size: 9px; font-weight: 600; }
.kit-overview-phone img { width: 100%; min-height: 0; flex: 1; object-fit: contain; }
.kit-overview-phone span { font-size: 9px; color: var(--bleu); }
.kit-qr-sticker { position: absolute; bottom: 10px; right: 10px; display: block; width: 54px; padding: 3px; border-radius: 5px; background: #fff; box-shadow: 0 2px 8px #173e3420; }
.kit-qr-sticker svg { display: block; width: 100%; height: auto; }
.kit-overview-notice-link { display: inline-block; margin: 14px 6px 0; font-size: 11px; text-underline-offset: 4px; color: var(--bleu); }
.kit-overview-bottom { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin: 26px 0 32px; }
.kit-overview-bottom p { font-size: 11px; color: var(--texte2); }
@media (max-width: 1050px) { .kit-overview-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 600px) { .kit-overview-heading { display: block; } .kit-overview-heading p:not(.kicker) { margin-top: 18px; } .kit-overview-grid { gap: 10px; } .kit-overview-card { padding: 7px 7px 16px; border-radius: 16px; } .kit-overview-visual { height: 170px; padding: 6px; } .kit-overview-card h3 { font-size: 16px; } .kit-overview-card p { font-size: 11px; } .kit-overview-phone { width: 94px; height: 156px; padding: 17px 5px 8px; border-width: 4px; border-radius: 16px; gap: 4px; } .kit-overview-phone strong, .kit-overview-phone span { font-size: 7px; } .kit-qr-sticker { width: 42px; bottom: 6px; right: 6px; } .kit-zone-label { margin-top: 10px; font-size: 9px; padding: 4px 6px; } .kit-overview-bottom { flex-direction: column; align-items: flex-start; } }