:root{
  --lp-primary:#1B2A4A;
  --lp-accent:#E8833A;
  --lp-success:#2ECC9B;
  --lp-ink:#16213A;
  --lp-muted:#66708A;
  --lp-bg:#F7F7F5;
  --lp-card:#fff;
  --lp-border:#E7E5E1;
  --lp-radius:20px;
  --lp-radius-lg:26px;
  --lp-shadow-sm:0 2px 10px rgba(22,33,58,.06);
  --lp-shadow:0 22px 48px -18px rgba(22,33,58,.24);
  --lp-shadow-lg:0 32px 70px -24px rgba(22,33,58,.32);
  --lp-ease:cubic-bezier(.22,1,.36,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--lp-bg);color:var(--lp-ink);font-family:Poppins,"Segoe UI",system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.hidden{display:none!important}
button,input,select,textarea{font:inherit}
img{max-width:100%;display:block}

.lp-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px max(20px,calc((100vw - 1180px)/2));background:rgba(247,247,245,.9);border-bottom:1px solid var(--lp-border);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.lp-brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}
.lp-brand img{width:36px;height:36px}
.lp-brand span{display:grid;line-height:1.25}
.lp-brand b{font-size:15px;font-weight:700;letter-spacing:-.01em}
.lp-brand small{color:var(--lp-muted);font-size:11px;font-weight:500}
.lp-secure{padding:9px 14px;border-radius:999px;background:color-mix(in srgb,var(--lp-success) 14%,white);color:#0d7d5c;font-size:12px;font-weight:700;letter-spacing:.01em}

.lp-root{max-width:1180px;margin:auto;padding:32px 18px 96px}

.lp-loading{min-height:60vh;display:grid;place-content:center;text-align:center;color:var(--lp-muted);gap:14px}
.lp-spinner{width:40px;height:40px;margin:auto;border:3px solid color-mix(in srgb,var(--lp-primary) 14%,white);border-top-color:var(--lp-primary);border-radius:50%;animation:lp-spin .8s linear infinite}
@keyframes lp-spin{to{transform:rotate(360deg)}}
.lp-error{min-height:60vh;display:grid;place-content:center;text-align:center;gap:8px;max-width:420px;margin:auto}
.lp-error h1{font-size:26px;margin:0;letter-spacing:-.02em}
.lp-error p{color:var(--lp-muted);margin:0}

.lp-section{margin:0 0 22px;padding:32px;border:1px solid var(--lp-border);border-radius:var(--lp-radius-lg);background:var(--lp-card);box-shadow:var(--lp-shadow-sm);animation:lp-rise .5s var(--lp-ease) both}
@keyframes lp-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.lp-section-title{margin:0 0 20px;font-size:26px;font-weight:700;letter-spacing:-.025em}

.lp-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);gap:44px;align-items:center;box-shadow:var(--lp-shadow)}
.lp-hero>div{min-width:0}
.lp-gallery-main{position:relative;overflow:hidden;aspect-ratio:4/5;border-radius:18px;background:#EFEEEA}
.lp-gallery-main img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--lp-ease)}
.lp-gallery-main:hover img{transform:scale(1.035)}
.lp-thumbs{display:flex;max-width:100%;gap:10px;margin-top:12px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}
.lp-thumb{flex:0 0 66px;width:66px;height:78px;padding:0;border:2px solid transparent;border-radius:12px;overflow:hidden;background:#fff;cursor:pointer;opacity:.62;transition:opacity .2s var(--lp-ease),border-color .2s var(--lp-ease),transform .2s var(--lp-ease)}
.lp-thumb:hover{opacity:.9;transform:translateY(-1px)}
.lp-thumb.active{border-color:var(--lp-primary);opacity:1}
.lp-thumb img{width:100%;height:100%;object-fit:cover}
.lp-eyebrow{display:inline-flex;padding:7px 13px;border-radius:999px;background:color-mix(in srgb,var(--lp-primary) 10%,white);color:var(--lp-primary);font-size:12px;font-weight:700;letter-spacing:.02em}
.lp-hero h1{margin:16px 0 10px;font-size:clamp(30px,4.6vw,50px);font-weight:700;line-height:1.06;letter-spacing:-.03em}
.lp-product-category{margin:0 0 10px;color:var(--lp-accent);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.09em}
.lp-subtitle{font-size:17px;line-height:1.6;color:var(--lp-muted);margin:0}
.lp-commercial{margin:18px 0;color:#3A4560;line-height:1.8;white-space:pre-line;font-size:15px}
.lp-price-row{display:flex;align-items:baseline;gap:12px;margin:20px 0 22px;padding-top:20px;border-top:1px solid var(--lp-border)}
.lp-price{font-size:30px;font-weight:700;color:var(--lp-primary);letter-spacing:-.01em}
.lp-old-price{font-size:16px;color:#9AA1B5}
.lp-primary-button{width:100%;padding:16px 20px;border:0;border-radius:14px;background:var(--lp-primary);color:#fff;font-weight:700;font-size:15px;letter-spacing:.01em;cursor:pointer;box-shadow:0 14px 28px -10px color-mix(in srgb,var(--lp-primary) 55%,transparent);transition:transform .18s var(--lp-ease),box-shadow .18s var(--lp-ease),filter .18s var(--lp-ease)}
.lp-primary-button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.05)}
.lp-primary-button:active:not(:disabled){transform:translateY(0)}
.lp-primary-button:disabled{background:#B8BECF;box-shadow:none;cursor:not-allowed}
.lp-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}
.lp-trust span{padding:12px 8px;border-radius:12px;background:#F1F0EC;color:#4A5372;text-align:center;font-size:11px;font-weight:700;letter-spacing:-.01em;display:flex;align-items:center;justify-content:center;gap:6px;line-height:1.3}

.lp-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.lp-benefit{padding:20px;border:1px solid var(--lp-border);border-radius:16px;background:#FBFAF8;line-height:1.6;font-size:14px;color:#3A4560;transition:border-color .2s var(--lp-ease),transform .2s var(--lp-ease)}
.lp-benefit:hover{border-color:color-mix(in srgb,var(--lp-primary) 30%,var(--lp-border));transform:translateY(-2px)}
.lp-benefit:before{content:"\2713";display:grid;place-items:center;width:30px;height:30px;margin-bottom:12px;border-radius:9px;background:color-mix(in srgb,var(--lp-success) 16%,white);color:#0d7d5c;font-weight:700}

.lp-photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.lp-photo-grid img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:16px;background:#EFEEEA;transition:transform .35s var(--lp-ease)}
.lp-photo-grid img:hover{transform:scale(1.02)}

.lp-options{display:grid;gap:20px}
.lp-option-group b{display:block;margin-bottom:10px;font-size:13px;font-weight:700}
.lp-selector-row{display:flex;flex-wrap:wrap;gap:9px}
.lp-selector{padding:11px 16px;border:1.5px solid #DBDCE0;border-radius:11px;background:#fff;color:#3A4560;font-weight:700;font-size:13px;cursor:pointer;transition:all .15s var(--lp-ease)}
.lp-selector:hover:not(:disabled){border-color:color-mix(in srgb,var(--lp-primary) 45%,#DBDCE0)}
.lp-selector.active{border-color:var(--lp-primary);background:color-mix(in srgb,var(--lp-primary) 8%,white);color:var(--lp-primary)}
.lp-selector:disabled{opacity:.38;cursor:not-allowed;text-decoration:line-through;background:#F3F4F6;color:#8B93A7;border-color:#D8DCE5}
.lp-selector.active:disabled{background:#F3F4F6;color:#8B93A7;border-color:#D8DCE5}
.lp-stock{margin-top:14px;font-size:13px;font-weight:700;color:#0d7d5c}
.lp-stock.error{color:#C0392B}

.lp-order-layout{display:grid;grid-template-columns:minmax(0,1fr) 336px;gap:26px}
.lp-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.lp-field{display:grid;gap:7px}
.lp-field.full{grid-column:1/-1}
.lp-field label{font-size:12px;font-weight:700;color:#3A4560}
.lp-field input,.lp-field select,.lp-field textarea{width:100%;padding:13px 14px;border:1.5px solid #DBDCE0;border-radius:12px;background:#fff;color:#16213A;outline:none;transition:border-color .15s var(--lp-ease),box-shadow .15s var(--lp-ease)}
.lp-field input:focus,.lp-field select:focus,.lp-field textarea:focus{border-color:var(--lp-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--lp-primary) 12%,transparent)}
.lp-delivery-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.lp-delivery-tab{padding:13px;border:1.5px solid #DBDCE0;border-radius:12px;background:#fff;font-weight:700;font-size:13px;cursor:pointer;transition:all .15s var(--lp-ease)}
.lp-delivery-tab.active{border-color:var(--lp-primary);background:color-mix(in srgb,var(--lp-primary) 8%,white);color:var(--lp-primary)}
.lp-qty{display:flex;align-items:center;gap:12px}
.lp-qty button{width:38px;height:38px;border:1.5px solid #DBDCE0;border-radius:10px;background:#fff;font-size:16px;cursor:pointer;transition:border-color .15s var(--lp-ease)}
.lp-qty button:hover:not(:disabled){border-color:var(--lp-primary)}
.lp-qty button:disabled{opacity:.4;cursor:not-allowed;background:#F3F4F6}
.lp-mobile-cta:disabled{background:#B8BECF;box-shadow:none;cursor:not-allowed}
.lp-summary{position:sticky;top:92px;align-self:start;padding:24px;border-radius:20px;background:var(--lp-ink);color:#fff;box-shadow:var(--lp-shadow-lg)}
.lp-summary h3{margin:0 0 4px;font-size:16px;font-weight:700}
.lp-summary-line{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.12);font-size:13px;color:rgba(255,255,255,.82)}
.lp-summary-total{font-size:19px;font-weight:700;color:#fff}
.lp-summary .lp-primary-button{margin-top:18px;background:var(--lp-accent);color:#1A1206;box-shadow:0 14px 26px -10px rgba(232,131,58,.5)}
#summaryStock{display:block;margin-top:10px;font-size:12px;color:rgba(255,255,255,.65)}

.lp-delivery-message{display:flex;align-items:flex-start;gap:14px;padding:20px;border:1px solid color-mix(in srgb,var(--lp-accent) 30%,var(--lp-border));background:color-mix(in srgb,var(--lp-accent) 7%,white);border-radius:16px;line-height:1.65;font-size:14px;color:#3A4560}
.lp-delivery-message:before{content:"\1F69A";font-size:22px;line-height:1}

.lp-mobile-cta{display:none;position:fixed;left:14px;right:14px;bottom:14px;z-index:30;padding:16px;border:0;border-radius:15px;background:var(--lp-primary);color:#fff;font-weight:700;font-size:15px;box-shadow:var(--lp-shadow-lg)}

.lp-success{position:fixed;inset:0;z-index:50;display:none;place-items:center;padding:20px;background:rgba(22,33,58,.6);backdrop-filter:blur(3px)}
.lp-success.show{display:grid}
.lp-success-card{max-width:420px;width:100%;padding:32px 28px;border-radius:22px;background:#fff;text-align:center;box-shadow:var(--lp-shadow-lg);animation:lp-rise .35s var(--lp-ease) both}
.lp-success-card>span{display:grid;place-items:center;width:56px;height:56px;margin:0 auto 16px;border-radius:50%;background:color-mix(in srgb,var(--lp-success) 16%,white);color:#0d7d5c;font-size:26px;font-weight:700}
.lp-success-card h2{margin:0 0 8px;font-size:20px;letter-spacing:-.02em}
.lp-success-card p{margin:0 0 22px;color:var(--lp-muted);font-size:14px;line-height:1.55}
.lp-success-card button{padding:13px 26px;border:0;border-radius:12px;background:var(--lp-primary);color:#fff;font-weight:700;cursor:pointer}

@media(max-width:850px){
  .lp-hero,.lp-order-layout{grid-template-columns:1fr}
  .lp-benefits,.lp-photo-grid{grid-template-columns:repeat(2,1fr)}
  .lp-summary{position:static}
  .lp-mobile-cta{display:block}
  .lp-trust{grid-template-columns:1fr}
  .lp-section{padding:22px}
  .lp-root{padding-bottom:104px}
}
@media(max-width:560px){
  .lp-header{padding:12px 14px}
  .lp-secure{display:none}
  .lp-root{padding:18px 12px 104px}
  .lp-section{border-radius:18px;padding:20px}
  .lp-benefits,.lp-photo-grid,.lp-form-grid{grid-template-columns:1fr}
  .lp-hero h1{font-size:32px}
  .lp-gallery-main{aspect-ratio:4/5}
  .lp-field.full{grid-column:auto}
  .lp-price{font-size:26px}
}
@media(prefers-reduced-motion:reduce){
  .lp-section{animation:none}
  .lp-gallery-main img,.lp-photo-grid img,.lp-primary-button,.lp-benefit,.lp-thumb{transition:none}
}

.lp-success-warning{margin:14px 0 4px;padding:11px 13px;border-radius:12px;background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46;font-weight:700;line-height:1.45}

/* SoukPilot V1.5.8 — CTA de commande partagé entre le héros et le formulaire */
.lp-order-cta{cursor:pointer}
.lp-order-cta:disabled{cursor:not-allowed;opacity:.58;filter:saturate(.55)}
