/* Cabine Photobooth Enterprise — page produit B2B */

/* Boutons / badge (non definis globalement) */
.btn-main{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:13px 26px;border-radius:999px;font-weight:800;text-decoration:none;background:#c59d5f;color:#fff;box-shadow:0 12px 24px rgba(197,157,95,.24);transition:.2s ease}
.btn-main:hover{color:#fff;transform:translateY(-2px)}
.btn-main.light{background:#fff;color:#151515;box-shadow:none}
.section-badge{display:inline-flex;width:fit-content;background:rgba(197,157,95,.14);color:#9a743e;border:1px solid rgba(197,157,95,.25);padding:8px 15px;border-radius:999px;font-weight:800;margin-bottom:18px}
.section-badge.light{background:rgba(255,255,255,.15);color:#fff;border-color:rgba(255,255,255,.28)}

.ce-heading{text-align:center;max-width:820px;margin:0 auto 46px}
.ce-heading .section-badge{margin-left:auto;margin-right:auto}
.ce-heading h2{font-size:clamp(2rem,4vw,3.1rem);font-weight:900;color:#151515;margin-bottom:16px;line-height:1.1}
.ce-heading p{color:#666;font-size:1.05rem;line-height:1.75}

/* HERO */
.ce-hero{padding:90px 0 70px;background:linear-gradient(135deg,#fffaf2 0%,#fff 55%,#f1f4f8 100%)}
.ce-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.ce-hero h1{font-size:clamp(2.4rem,5vw,4.3rem);line-height:1.02;font-weight:900;color:#151515;margin-bottom:22px}
.ce-lead{font-size:1.15rem;line-height:1.75;color:#555;margin-bottom:28px}
.ce-lead strong{color:#151515}
.ce-hero-note{margin-top:22px;color:#7a7268;font-size:.95rem;display:flex;align-items:center;gap:8px}
.ce-hero-note i{color:#c59d5f}
.ce-hero-image{border-radius:30px;overflow:hidden;box-shadow:0 26px 70px rgba(20,30,50,.16)}
.ce-hero-image img{width:100%;height:520px;object-fit:cover;display:block}

/* PROBLEME */
.ce-problem{padding:80px 0}
.ce-problem-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.ce-problem-card{background:#fff;border:1px solid #efe7d8;border-radius:22px;padding:30px 26px;box-shadow:0 10px 32px rgba(37,32,29,.05)}
.ce-problem-card i{font-size:1.9rem;color:#c59d5f;margin-bottom:16px;display:block}
.ce-problem-card h3{font-size:1.2rem;font-weight:800;color:#151515;margin-bottom:10px}
.ce-problem-card p{color:#666;line-height:1.65;margin:0;font-size:.97rem}

/* SOLUTION */
.ce-solution{padding:80px 0;background:#faf7f1}
.ce-solution-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:52px;align-items:center}
.ce-solution-image{border-radius:28px;overflow:hidden;box-shadow:0 20px 55px rgba(20,30,50,.14)}
.ce-solution-image img{width:100%;height:100%;max-height:560px;object-fit:cover;display:block}
.ce-solution-content h2{font-size:clamp(1.9rem,3.5vw,2.8rem);font-weight:900;color:#151515;margin-bottom:18px;line-height:1.12}
.ce-solution-content p{color:#555;line-height:1.8;margin-bottom:16px}
.ce-solution-content p strong{color:#151515}
.ce-check{list-style:none;padding:0;margin:22px 0 0}
.ce-check li{display:flex;align-items:center;gap:10px;color:#2d2a26;font-weight:600;padding:7px 0}
.ce-check li i{color:#2e9e57;font-size:1.15rem}

/* FEATURES */
.ce-features{padding:84px 0}
.ce-features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.ce-feature{background:#fff;border:1px solid #efe7d8;border-radius:22px;padding:28px 24px;transition:.2s ease}
.ce-feature:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(37,32,29,.08)}
.ce-feature i{width:52px;height:52px;border-radius:15px;display:inline-flex;align-items:center;justify-content:center;background:rgba(197,157,95,.14);color:#9a743e;font-size:1.35rem;margin-bottom:18px}
.ce-feature h3{font-size:1.12rem;font-weight:800;color:#151515;margin-bottom:10px}
.ce-feature p{color:#666;line-height:1.6;margin:0;font-size:.95rem}

/* INTEGRATIONS */
.ce-integrations{padding:80px 0;background:#151515}
.ce-integrations .ce-heading h2{color:#fff}
.ce-integrations .ce-heading p{color:rgba(255,255,255,.72)}
.ce-integrations-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.ce-int{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:30px 20px;text-align:center;color:#fff}
.ce-int i{font-size:2rem;color:#c7a15a;display:block;margin-bottom:14px}
.ce-int span{font-weight:700;font-size:1rem}

/* STEPS */
.ce-steps{padding:84px 0}
.ce-steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.ce-step{position:relative;background:#fff;border:1px solid #efe7d8;border-radius:22px;padding:34px 26px 26px}
.ce-step-num{position:absolute;top:-18px;left:26px;width:44px;height:44px;border-radius:50%;background:#c59d5f;color:#fff;font-weight:900;font-size:1.2rem;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 8px 18px rgba(197,157,95,.3)}
.ce-step h3{font-size:1.12rem;font-weight:800;color:#151515;margin:10px 0 10px}
.ce-step p{color:#666;line-height:1.6;margin:0;font-size:.95rem}

/* GALLERY */
.ce-gallery{padding:84px 0}
.ce-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.ce-gallery figure{margin:0;border-radius:24px;overflow:hidden;box-shadow:0 18px 50px rgba(20,30,50,.12);aspect-ratio:3/4}
.ce-gallery img{width:100%;height:100%;object-fit:cover;display:block;transition:.3s ease}
.ce-gallery figure:hover img{transform:scale(1.03)}

/* BENEFITS */
.ce-benefits{padding:60px 0;background:#faf7f1}
.ce-benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center}
.ce-benefit strong{display:block;font-size:clamp(1.8rem,3vw,2.6rem);font-weight:900;color:#151515;line-height:1}
.ce-benefit span{display:block;margin-top:8px;color:#7a7268;font-weight:600;font-size:.95rem}

/* CTA */
.ce-cta{padding:84px 0}
.ce-cta-box{background:linear-gradient(135deg,#1b2432 0%,#151515 100%);border-radius:30px;padding:60px;text-align:center}
.ce-cta-box .section-badge{margin-left:auto;margin-right:auto}
.ce-cta-box h2{font-size:clamp(1.9rem,4vw,3rem);font-weight:900;color:#fff;margin-bottom:14px}
.ce-cta-box p{color:rgba(255,255,255,.8);max-width:680px;margin:0 auto 28px;line-height:1.8}
.hero-actions.center{justify-content:center}

/* RESPONSIVE */
@media (max-width:1000px){
    .ce-problem-grid,.ce-features-grid,.ce-integrations-grid,.ce-steps-grid{grid-template-columns:repeat(2,1fr)}
    .ce-benefits-grid{grid-template-columns:repeat(2,1fr);gap:30px 20px}
}
@media (max-width:820px){
    .ce-hero-grid,.ce-solution-grid{grid-template-columns:1fr}
    .ce-hero-image{order:-1}
    .ce-hero-image img{height:360px}
    .ce-hero,.ce-problem,.ce-solution,.ce-features,.ce-integrations,.ce-steps,.ce-gallery,.ce-cta{padding:56px 0}
    .ce-gallery-grid{grid-template-columns:repeat(3,1fr);gap:12px}
    .ce-cta-box{padding:40px 24px}
}
@media (max-width:560px){
    .ce-problem-grid,.ce-features-grid,.ce-integrations-grid,.ce-steps-grid,.ce-benefits-grid{grid-template-columns:1fr}
}