/* okbox-shop 0.15.11 — styles front entièrement isolés sous .okbox-shop-root.
   Toutes les déclarations applicables sont renforcées par !important afin de résister
   aux styles globaux du thème/Elementor/Bootstrap chargés sur okbox.fr. */
/* okbox-shop, styles boutique, scopés sous .okbox-shop-root pour ne pas heurter le thème archub.
   Polices réelles du site servies par le plugin. Grilles en auto-fill : N articles s'ajustent seuls. */

@font-face{font-family:"VAG Bold";src:url("../fonts/vagrounded-bold.woff") format("woff");font-weight:700;font-display:swap}
@font-face{font-family:"VAG Light";src:url("../fonts/vagroundedstd-light.otf") format("opentype");font-weight:300;font-display:swap}

.okbox-shop-root{
  --ok-brown:#3D1F1A!important; --ok-coral:#EF4A4A!important; --ok-coral-ink:#D63D3D!important; --ok-coral-wash:#FDEBEB!important;
  --ok-paper:#FAF7F5!important; --ok-line:#ECE3DF!important; --ok-muted:#8A7B74!important; --ok-white:#fff!important; --ok-ok:#2E7D32!important; --ok-star:#F5A623!important;
  --ok-sh:0 1px 2px rgba(61,31,26,.05), 0 8px 20px rgba(239,74,74,.07)!important;
  --ok-sh-cta:0 5px 14px rgba(239,74,74,.28)!important;
  --ok-disp:"VAG Bold","Arial Rounded MT Bold",system-ui,sans-serif!important;
  --ok-body:"VAG Light","Segoe UI",system-ui,sans-serif!important;
  font-family:var(--ok-body)!important;color:var(--ok-brown)!important;font-size:15px!important;line-height:1.5!important;
}
.okbox-shop-root *{box-sizing:border-box!important;}
.okbox-shop-root .disp{font-family:var(--ok-disp)!important;}
.okbox-shop-root a{color:var(--ok-coral-ink)!important;text-decoration:none!important;}
.okbox-shop-root a:hover{text-decoration:underline!important;}
.okbox-shop-root .okbox-crumb{font-size:12px!important;color:var(--ok-muted)!important;margin:8px 0 14px!important;}
.okbox-shop-root .okbox-crumb b{color:var(--ok-brown)!important;}

/* ---- fiche ---- */
.okbox-shop-root .okbox-fiche{display:grid!important;grid-template-columns:1fr 1fr!important;gap:28px!important;}
@media(max-width:760px){.okbox-shop-root .okbox-fiche{grid-template-columns:1fr!important;gap:18px!important;}}
.okbox-shop-root .okbox-gal{display:flex!important;flex-direction:column!important;gap:8px!important;}
.okbox-shop-root .okbox-gal-main{position:relative!important;background:var(--ok-white)!important;border:1px solid var(--ok-line)!important;border-radius:12px!important;aspect-ratio:1!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important;}
.okbox-shop-root .okbox-gal-main img{width:100%!important;height:100%!important;object-fit:contain!important;padding:8%!important;}
.okbox-shop-root .okbox-gal-thumbs{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:7px!important;}
.okbox-shop-root .okbox-thumb{background:var(--ok-white)!important;border:1px solid var(--ok-line)!important;border-radius:8px!important;aspect-ratio:1!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;cursor:pointer!important;transition:border-color .18s,transform .18s!important;font-size:10px!important;color:var(--ok-muted)!important;}
.okbox-shop-root .okbox-thumb img{width:100%!important;height:100%!important;object-fit:contain!important;padding:10%!important;}
.okbox-shop-root .okbox-thumb:hover{border-color:var(--ok-coral)!important;transform:translateY(-1px)!important;}
.okbox-shop-root .okbox-thumb.is-on{border-color:var(--ok-coral)!important;box-shadow:inset 0 0 0 1px var(--ok-coral)!important;}

.okbox-shop-root .okbox-eyebrow{font-family:var(--ok-disp)!important;font-size:11px!important;letter-spacing:.09em!important;text-transform:uppercase!important;color:var(--ok-coral-ink)!important;}
.okbox-shop-root h1.okbox-title{font-family:var(--ok-disp)!important;font-weight:700!important;font-size:24px!important;line-height:1.12!important;margin:3px 0 6px!important;letter-spacing:-.01em!important;color:var(--ok-brown)!important;}
.okbox-shop-root .okbox-hot{display:inline-flex!important;background:var(--ok-brown)!important;color:#fff!important;font-family:var(--ok-disp)!important;font-size:11.5px!important;padding:3px 11px!important;border-radius:8px!important;margin:2px 0 8px!important;}
.okbox-shop-root .okbox-rating{display:flex!important;align-items:center!important;gap:6px!important;font-size:12.5px!important;color:var(--ok-muted)!important;margin-bottom:10px!important;}
.okbox-shop-root .okbox-stars{color:var(--ok-star)!important;letter-spacing:1px!important;font-size:13px!important;}
.okbox-shop-root .okbox-price{display:flex!important;align-items:baseline!important;gap:10px!important;flex-wrap:wrap!important;margin:2px 0!important;}
.okbox-shop-root .okbox-price .now{font-family:var(--ok-disp)!important;font-size:26px!important;color:var(--ok-brown)!important;}
.okbox-shop-root .okbox-price .now .u{font-family:var(--ok-body)!important;font-size:13px!important;color:var(--ok-muted)!important;margin-left:3px!important;}
.okbox-shop-root .okbox-price .old{font-size:15px!important;color:var(--ok-muted)!important;text-decoration:line-through!important;}
.okbox-shop-root .okbox-price .save{background:var(--ok-coral-wash)!important;color:var(--ok-coral-ink)!important;font-family:var(--ok-disp)!important;font-size:12px!important;padding:3px 9px!important;border-radius:99px!important;}
.okbox-shop-root .okbox-deg{display:inline-flex!important;gap:7px!important;align-items:center!important;background:var(--ok-coral-wash)!important;color:var(--ok-coral-ink)!important;border-radius:8px!important;padding:6px 10px!important;font-size:12.5px!important;margin:9px 0!important;}
.okbox-shop-root .okbox-deg b{font-family:var(--ok-disp)!important;}
.okbox-shop-root .okbox-lead{color:#5f524c!important;margin:4px 0 12px!important;font-size:14px!important;}

.okbox-shop-root .okbox-buy{display:flex!important;gap:9px!important;margin:2px 0 10px!important;}
.okbox-shop-root .okbox-stepper{display:flex!important;align-items:center!important;border:1px solid var(--ok-line)!important;border-radius:10px!important;background:#fff!important;overflow:hidden!important;}
.okbox-shop-root .okbox-stepper button{width:38px!important;height:46px!important;border:0!important;background:transparent!important;font-size:18px!important;color:var(--ok-brown)!important;cursor:pointer!important;transition:background .15s!important;}
.okbox-shop-root .okbox-stepper button:hover{background:var(--ok-coral-wash)!important;}
.okbox-shop-root .okbox-stepper button:active{transform:scale(.92)!important;}
.okbox-shop-root .okbox-stepper input{width:42px!important;height:46px!important;border:0!important;text-align:center!important;font-family:var(--ok-disp)!important;font-size:15px!important;color:var(--ok-brown)!important;-moz-appearance:textfield!important;}
.okbox-shop-root .okbox-stepper input::-webkit-inner-spin-button{-webkit-appearance:none!important;margin:0!important;}
.okbox-shop-root .okbox-add{flex:1!important;border:0!important;border-radius:10px!important;background:var(--ok-coral)!important;color:#fff!important;font-family:var(--ok-disp)!important;font-size:15px!important;cursor:pointer!important;box-shadow:var(--ok-sh-cta)!important;transition:transform .16s cubic-bezier(.2,.8,.2,1),background .16s!important;padding:10px 20px!important;display:flex!important;align-items:center!important;justify-content:center!important;}
.okbox-shop-root .okbox-add:hover{background:var(--ok-coral-ink)!important;transform:translateY(-1px)!important;}
.okbox-shop-root .okbox-add:active{transform:translateY(1px)!important;}
.okbox-shop-root .okbox-add:focus-visible{outline:3px solid var(--ok-brown)!important;outline-offset:2px!important;}
.okbox-shop-root .okbox-trust{display:flex!important;flex-wrap:wrap!important;gap:10px 16px!important;margin-top:10px!important;font-size:12px!important;color:var(--ok-muted)!important;}
.okbox-shop-root .okbox-trust b{color:var(--ok-brown)!important;font-family:var(--ok-disp)!important;font-weight:400!important;}

.okbox-shop-root .okbox-details{margin-top:20px!important;}
.okbox-shop-root .okbox-details details{border-top:1px solid var(--ok-line)!important;}
.okbox-shop-root .okbox-details details[open] summary .okbox-chev{transform:rotate(90deg)!important;}
.okbox-shop-root .okbox-details summary{list-style:none!important;cursor:pointer!important;padding:13px 2px!important;font-family:var(--ok-disp)!important;font-size:14.5px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;}
.okbox-shop-root .okbox-details summary::-webkit-details-marker{display:none!important;}
.okbox-shop-root .okbox-chev{transition:transform .2s!important;color:var(--ok-coral)!important;font-size:12px!important;}
.okbox-shop-root .okbox-acc{padding:0 2px 14px!important;font-size:14px!important;color:#5f524c!important;}
.okbox-shop-root .okbox-specs{list-style:none!important;margin:6px 0 0!important;padding:0!important;}
.okbox-shop-root .okbox-specs li{display:flex!important;justify-content:space-between!important;gap:12px!important;padding:6px 0!important;border-bottom:1px dashed var(--ok-line)!important;}
.okbox-shop-root .okbox-specs li span:first-child{color:var(--ok-muted)!important;}
.okbox-shop-root .okbox-eco{display:flex!important;gap:9px!important;align-items:flex-start!important;}.okbox-shop-root .okbox-eco .l{color:var(--ok-ok)!important;font-size:17px!important;flex:none!important;}
.okbox-shop-root .okbox-eco .todo{color:var(--ok-muted)!important;font-style:italic!important;}

/* ---- cross-sell : auto-fill => 2, 3, 4, 5+ articles s'ajustent seuls ---- */
.okbox-shop-root .okbox-cs-title{font-family:var(--ok-disp)!important;font-size:16px!important;margin:26px 0 12px!important;}
.okbox-shop-root .okbox-cross{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important;gap:12px!important;}
.okbox-shop-root .okbox-xs{border:1px solid var(--ok-line)!important;border-radius:11px!important;background:#fff!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;transition:transform .16s,box-shadow .16s!important;}
.okbox-shop-root .okbox-xs:hover{transform:translateY(-2px)!important;box-shadow:var(--ok-sh)!important;}
.okbox-shop-root .okbox-xs .im{aspect-ratio:1!important;background:var(--ok-paper)!important;display:flex!important;align-items:center!important;justify-content:center!important;border-bottom:1px solid var(--ok-line)!important;overflow:hidden!important;}
.okbox-shop-root .okbox-xs .im img{width:100%!important;height:100%!important;object-fit:cover!important;}
.okbox-shop-root .okbox-xs .b{padding:9px 10px 11px!important;display:flex!important;flex-direction:column!important;gap:4px!important;}
.okbox-shop-root .okbox-xs .n{font-size:12.5px!important;line-height:1.3!important;color:var(--ok-brown)!important;}
.okbox-shop-root .okbox-xs .p{font-family:var(--ok-disp)!important;font-size:14px!important;color:var(--ok-brown)!important;}
.okbox-shop-root .okbox-xs button{margin-top:3px!important;border:1px solid var(--ok-coral)!important;background:#fff!important;color:var(--ok-coral-ink)!important;border-radius:8px!important;padding:7px!important;font-family:var(--ok-disp)!important;font-size:12.5px!important;cursor:pointer!important;transition:background .15s,color .15s!important;}
.okbox-shop-root .okbox-xs button:hover{background:var(--ok-coral)!important;color:#fff!important;}

/* ---- hub / grille catégories : 2 col mobile → 3 → 4 en desktop (cartes plus grandes) ---- */
.okbox-shop-root .okbox-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:12px!important;}
@media(min-width:560px){.okbox-shop-root .okbox-grid{grid-template-columns:repeat(3,1fr)!important;}}
@media(min-width:900px){.okbox-shop-root .okbox-grid{grid-template-columns:repeat(4,1fr)!important;gap:14px!important;}}
.okbox-shop-root .okbox-pcard{border:1px solid var(--ok-line)!important;border-radius:12px!important;background:#fff!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;transition:transform .16s,box-shadow .16s!important;}
.okbox-shop-root .okbox-pcard:hover{transform:translateY(-2px)!important;box-shadow:var(--ok-sh)!important;}
.okbox-shop-root .okbox-pcard .im{aspect-ratio:1!important;background:var(--ok-paper)!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;}
.okbox-shop-root .okbox-pcard .im img{width:100%!important;height:100%!important;object-fit:cover!important;}
.okbox-shop-root .okbox-pcard .b{padding:12px 14px 14px!important;display:flex!important;flex-direction:column!important;gap:4px!important;}
.okbox-shop-root .okbox-pcard .n{font-size:14px!important;color:var(--ok-brown)!important;}
.okbox-shop-root .okbox-pcard .p{font-family:var(--ok-disp)!important;font-size:16px!important;color:var(--ok-brown)!important;}
.okbox-shop-root .okbox-fam-title{font-family:var(--ok-disp)!important;font-size:20px!important;margin:28px 0 12px!important;color:var(--ok-brown)!important;}

@media(prefers-reduced-motion:reduce){.okbox-shop-root *{transition:none!important;}}

/* ============================================================
   Tunnel d'achat, MOBILE-FIRST (base = 1 colonne, ≥720px = 2 col)
   ============================================================ */
.okbox-shop-root .okbox-tunnel{max-width:940px!important;margin:0 auto!important;padding:12px 14px 40px!important;}
.okbox-shop-root .okbox-steps{display:flex!important;gap:6px!important;flex-wrap:wrap!important;margin:6px 0 16px!important;}
.okbox-shop-root .okbox-steps span{font-size:12px!important;color:var(--ok-muted)!important;padding:6px 11px!important;border-radius:99px!important;background:#fff!important;border:1px solid var(--ok-line)!important;font-family:var(--ok-disp)!important;}
.okbox-shop-root .okbox-steps span.on{background:var(--ok-coral)!important;color:#fff!important;border-color:var(--ok-coral)!important;}
.okbox-shop-root .okbox-steps span.done{color:var(--ok-coral-ink)!important;border-color:var(--ok-coral)!important;}
.okbox-shop-root .okbox-tgrid{display:flex!important;flex-direction:column!important;gap:16px!important;}
.okbox-shop-root .okbox-tside{order:-1!important;}                         /* mobile : récap au-dessus */
.okbox-shop-root .okbox-card{background:#fff!important;border:1px solid var(--ok-line)!important;border-radius:14px!important;padding:16px!important;box-shadow:var(--ok-sh)!important;}
.okbox-shop-root .okbox-tmain .okbox-card{margin-bottom:14px!important;}
.okbox-shop-root h2{font-family:var(--ok-disp)!important;font-size:18px!important;margin:0 0 12px!important;color:var(--ok-brown)!important;}
.okbox-shop-root .okbox-sub{color:var(--ok-muted)!important;font-size:13px!important;margin:0 0 10px!important;}
.okbox-shop-root .okbox-hidden{display:none!important;}
.okbox-shop-root .okbox-empty{color:var(--ok-muted)!important;font-size:14px!important;}
.okbox-shop-root .okbox-nav{display:flex!important;justify-content:space-between!important;gap:10px!important;margin-top:14px!important;flex-wrap:wrap!important;}
.okbox-shop-root .okbox-add.ghost{background:#fff!important;color:var(--ok-coral-ink)!important;border:1px solid var(--ok-coral)!important;box-shadow:none!important;}
.okbox-shop-root .okbox-add.ghost:hover{background:var(--ok-coral-wash)!important;}
.okbox-shop-root .okbox-add.okbox-full{width:100%!important;text-align:center!important;display:inline-block!important;padding:14px!important;}
.okbox-shop-root .okbox-add[disabled]{opacity:.5!important;cursor:not-allowed!important;}
.okbox-shop-root .okbox-add.okbox-added{background:var(--ok-ok)!important;}

/* lignes panier */
.okbox-shop-root .okbox-line{display:grid!important;grid-template-columns:56px 1fr auto!important;gap:10px!important;align-items:center!important;padding:12px 0!important;border-bottom:1px solid var(--ok-line)!important;}
.okbox-shop-root .okbox-line .im{width:56px!important;height:56px!important;border:1px solid var(--ok-line)!important;border-radius:9px!important;background:var(--ok-paper)!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;}
.okbox-shop-root .okbox-line .im img{width:100%!important;height:100%!important;object-fit:contain!important;padding:8%!important;}
.okbox-shop-root .okbox-line .n{font-size:14px!important;}
.okbox-shop-root .okbox-pill{display:inline-flex!important;gap:5px!important;align-items:center!important;background:linear-gradient(90deg,var(--ok-coral),#ff6a5f)!important;color:#fff!important;font-family:var(--ok-disp)!important;font-size:11.5px!important;padding:3px 9px!important;border-radius:99px!important;margin:4px 0!important;}
.okbox-shop-root .okbox-rm{background:none!important;border:0!important;color:var(--ok-muted)!important;font-size:12px!important;cursor:pointer!important;margin-top:5px!important;}
.okbox-shop-root .okbox-rm:hover{color:var(--ok-coral-ink)!important;}
.okbox-shop-root .okbox-line .r{text-align:right!important;min-width:70px!important;}
.okbox-shop-root .okbox-line .lp{font-family:var(--ok-disp)!important;font-size:15px!important;}
.okbox-shop-root .okbox-line .up{font-size:11px!important;color:var(--ok-muted)!important;}

/* recherche centre */
.okbox-shop-root .okbox-search{display:flex!important;gap:8px!important;}
.okbox-shop-root .okbox-search input{flex:1!important;padding:12px 13px!important;border:1px solid var(--ok-line)!important;border-radius:10px!important;font-family:var(--ok-body)!important;font-size:16px!important;color:var(--ok-brown)!important;}
.okbox-shop-root .okbox-geo{border:1px solid var(--ok-line)!important;background:#fff!important;border-radius:10px!important;padding:0 14px!important;font-size:17px!important;cursor:pointer!important;}
.okbox-shop-root .okbox-geo:hover{background:var(--ok-coral-wash)!important;}
.okbox-shop-root .okbox-hint{font-size:12px!important;color:var(--ok-muted)!important;margin-top:8px!important;}
.okbox-shop-root .okbox-cc{border:1px solid var(--ok-line)!important;border-radius:12px!important;padding:13px 15px!important;cursor:pointer!important;margin-top:9px!important;transition:border-color .15s!important;}
.okbox-shop-root .okbox-cc:hover{border-color:var(--ok-coral)!important;}
.okbox-shop-root .okbox-cc.sel{border-color:var(--ok-coral)!important;box-shadow:inset 0 0 0 1px var(--ok-coral)!important;}
.okbox-shop-root .okbox-cc .t{display:flex!important;justify-content:space-between!important;align-items:baseline!important;}
.okbox-shop-root .okbox-cc .v{font-family:var(--ok-disp)!important;font-size:16px!important;}
.okbox-shop-root .okbox-cc .km{color:var(--ok-coral-ink)!important;font-family:var(--ok-disp)!important;font-size:13px!important;}
.okbox-shop-root .okbox-cc .a, .okbox-shop-root .okbox-cc .h{font-size:13px!important;color:var(--ok-muted)!important;margin-top:3px!important;}

/* coordonnées */
.okbox-shop-root .okbox-field{margin:10px 0!important;}
.okbox-shop-root .okbox-field label{font-family:var(--ok-disp)!important;font-size:13px!important;display:block!important;margin-bottom:5px!important;}
.okbox-shop-root .okbox-field input, .okbox-shop-root .okbox-field select{width:100%!important;padding:12px!important;border:1px solid var(--ok-line)!important;border-radius:10px!important;font-family:var(--ok-body)!important;font-size:16px!important;color:var(--ok-brown)!important;background:#fff!important;}
.okbox-shop-root .okbox-slot{display:flex!important;gap:8px!important;}
.okbox-shop-root .okbox-slot input{flex:1!important;}
.okbox-shop-root .okbox-slot select{width:auto!important;min-width:96px!important;}
.okbox-shop-root #okbox-time:disabled{opacity:.62!important;cursor:not-allowed!important;background:#f6f2ef!important;}

/* paiement / confirmation */
.okbox-shop-root .okbox-badge{display:inline-block!important;font-family:var(--ok-disp)!important;font-size:12px!important;padding:4px 10px!important;border-radius:99px!important;margin-bottom:8px!important;}
.okbox-shop-root .okbox-badge.on{background:#e7f6e8!important;color:#1f7a26!important;}
.okbox-shop-root .okbox-badge.later{background:var(--ok-coral-wash)!important;color:var(--ok-coral-ink)!important;}
.okbox-shop-root .okbox-confbody{text-align:center!important;padding:8px!important;}
.okbox-shop-root .okbox-confbody h2{margin:8px 0!important;}

/* récap */
.okbox-shop-root .okbox-sum .okbox-sl{display:flex!important;justify-content:space-between!important;gap:10px!important;font-size:14px!important;padding:7px 0!important;border-bottom:1px dashed var(--ok-line)!important;}
.okbox-shop-root .okbox-sum .okbox-savel{color:var(--ok-ok)!important;}
.okbox-shop-root .okbox-tot{display:flex!important;justify-content:space-between!important;font-family:var(--ok-disp)!important;font-size:17px!important;margin-top:10px!important;}
.okbox-shop-root .okbox-muted{color:var(--ok-muted)!important;}
.okbox-shop-root .okbox-small{font-size:12px!important;margin-top:8px!important;}

/* tuile cross-sell : bouton Ajouter */
.okbox-shop-root .okbox-xs .b{gap:5px!important;}
.okbox-shop-root .okbox-xs .n{text-decoration:none!important;}
.okbox-shop-root .okbox-xs button[data-okbox-add]{margin-top:4px!important;border:1px solid var(--ok-coral)!important;background:#fff!important;color:var(--ok-coral-ink)!important;border-radius:8px!important;padding:7px!important;font-family:var(--ok-disp)!important;font-size:12.5px!important;cursor:pointer!important;transition:background .15s,color .15s!important;}
.okbox-shop-root .okbox-xs button[data-okbox-add]:hover{background:var(--ok-coral)!important;color:#fff!important;}

/* ≥720px : 2 colonnes, récap à droite */
@media(min-width:720px){
  .okbox-shop-root .okbox-tgrid{display:grid!important;grid-template-columns:1.5fr .9fr!important;gap:22px!important;align-items:start!important;}
  .okbox-shop-root .okbox-tside{order:0!important;position:sticky!important;top:16px!important;}
  .okbox-shop-root .okbox-nav .okbox-add{width:auto!important;}
}

/* maillage interne fiche (SEO) */
.okbox-shop-root .okbox-related{margin-top:22px!important;padding-top:14px!important;border-top:1px solid var(--ok-line)!important;font-size:13.5px!important;color:var(--ok-muted)!important;display:flex!important;flex-wrap:wrap!important;gap:8px 14px!important;align-items:center!important;}
.okbox-shop-root .okbox-related span{font-family:var(--ok-disp)!important;}
.okbox-shop-root .okbox-related a{color:var(--ok-coral-ink)!important;}
.okbox-shop-root .okbox-related a:hover{text-decoration:underline!important;}

/* Le conseil okbox (angle humain) */
.okbox-shop-root .okbox-conseil{margin-top:18px!important;background:var(--ok-coral-wash)!important;border-radius:12px!important;padding:14px 16px!important;}
.okbox-shop-root .okbox-conseil-t{font-family:var(--ok-disp)!important;font-size:13px!important;color:var(--ok-coral-ink)!important;}
.okbox-shop-root .okbox-conseil p{margin:6px 0 0!important;font-size:14px!important;color:#5f524c!important;}

/* badges image (data-driven) : -% chocolat à gauche ; colonne droite chocolat = mise en avant + "offert" (même principe, empilables) */
.okbox-shop-root .okbox-pcard .im{position:relative!important;}
.okbox-shop-root .okbox-pcard-badge{position:absolute!important;top:8px!important;left:8px!important;z-index:1!important;background:var(--ok-brown)!important;color:#fff!important;font-family:var(--ok-disp)!important;font-size:11px!important;padding:3px 9px!important;border-radius:8px!important;white-space:nowrap!important;box-shadow:0 2px 8px rgba(61,31,26,.28)!important;}
.okbox-shop-root .okbox-pcard-tags-r{position:absolute!important;top:8px!important;right:8px!important;z-index:1!important;display:flex!important;flex-direction:column!important;gap:5px!important;align-items:flex-end!important;}
.okbox-shop-root .okbox-pcard-hot, .okbox-shop-root .okbox-pcard-gift{background:var(--ok-brown)!important;color:#fff!important;font-family:var(--ok-disp)!important;font-size:11px!important;padding:3px 9px!important;border-radius:8px!important;white-space:nowrap!important;box-shadow:0 2px 6px rgba(61,31,26,.28)!important;}
.okbox-shop-root .okbox-pcard-old{text-decoration:line-through!important;color:var(--ok-muted)!important;font-size:12px!important;margin-left:4px!important;}

/* barre "ajouter au panier" collée en bas, visible quand l'ATC principal sort de l'écran (fiche) */
.okbox-shop-root .okbox-sticky-atc{position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:40!important;background:#fff!important;border-top:1px solid var(--ok-line)!important;box-shadow:0 -6px 20px rgba(61,31,26,.10)!important;display:flex!important;align-items:center!important;gap:12px!important;padding:10px 14px calc(10px + env(safe-area-inset-bottom))!important;transform:translateY(120%)!important;transition:transform .28s cubic-bezier(.2,.8,.2,1)!important;}
.okbox-shop-root .okbox-sticky-atc.is-on{transform:none!important;}
.okbox-shop-root .okbox-sticky-atc .sa-info{display:flex!important;flex-direction:column!important;min-width:0!important;flex:1!important;}
.okbox-shop-root .okbox-sticky-atc .sa-name{font-family:var(--ok-disp)!important;font-size:13.5px!important;color:var(--ok-brown)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.okbox-shop-root .okbox-sticky-atc .sa-price{font-family:var(--ok-disp)!important;font-size:15px!important;color:var(--ok-brown)!important;}
.okbox-shop-root .okbox-sticky-atc .okbox-buy{margin:0!important;flex:none!important;}
.okbox-shop-root .okbox-sticky-atc .okbox-add{flex:none!important;padding:0 18px!important;height:46px!important;}
@media(min-width:760px){.okbox-shop-root .okbox-sticky-atc{justify-content:center!important;}.okbox-shop-root .okbox-sticky-atc .sa-info{flex:none!important;margin-right:6px!important;}.okbox-shop-root .okbox-sticky-atc .okbox-add{padding:0 28px!important;}}
@media(prefers-reduced-motion:reduce){.okbox-shop-root .okbox-sticky-atc{transition:none!important;}}

/* ---- Barème "combien de cartons" : calculateur (hub) + tableau (fiches cartons) + bloc pack ---- */
.okbox-shop-root .okbox-calc{background:#fff!important;border:1px solid var(--ok-line)!important;border-radius:14px!important;padding:18px!important;box-shadow:var(--ok-sh)!important;margin:0 0 22px!important;}
.okbox-shop-root .okbox-calc h2{margin:0 0 4px!important;}
.okbox-shop-root .okbox-calc-head{display:flex!important;flex-direction:column!important;gap:8px!important;}
.okbox-shop-root .okbox-calc-intro{min-width:0!important;}
.okbox-shop-root .okbox-calc-select{width:100%!important;max-width:380px!important;padding:12px!important;border:1px solid var(--ok-line)!important;border-radius:10px!important;font-family:var(--ok-body)!important;font-size:16px!important;color:var(--ok-brown)!important;background:#fff!important;margin-top:6px!important;}
@media(min-width:720px){.okbox-shop-root .okbox-calc-head{flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:22px!important;}.okbox-shop-root .okbox-calc-intro{flex:1!important;}.okbox-shop-root .okbox-calc-select{flex:none!important;width:300px!important;max-width:none!important;margin-top:0!important;}}
.okbox-shop-root .okbox-calc-res{margin-top:16px!important;}
.okbox-shop-root .okbox-calc-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:12px!important;}
@media(max-width:560px){.okbox-shop-root .okbox-calc-grid{grid-template-columns:1fr!important;}}
.okbox-shop-root .okbox-calc-grid>div{background:var(--ok-paper)!important;border:1px solid var(--ok-line)!important;border-radius:10px!important;padding:12px!important;text-align:center!important;display:flex!important;flex-direction:column!important;gap:3px!important;}
.okbox-shop-root .okbox-calc-grid .num{font-family:var(--ok-disp)!important;font-size:22px!important;color:var(--ok-brown)!important;}
.okbox-shop-root .okbox-calc-grid .lab{font-size:12.5px!important;color:var(--ok-muted)!important;}
.okbox-shop-root .okbox-calc-reco{margin-top:14px!important;background:var(--ok-coral-wash)!important;border-radius:12px!important;padding:14px 16px!important;display:flex!important;flex-wrap:wrap!important;gap:10px 14px!important;align-items:center!important;justify-content:space-between!important;}
.okbox-shop-root .okbox-calc-reco b{font-family:var(--ok-disp)!important;}
.okbox-shop-root .okbox-calc-prix{font-family:var(--ok-disp)!important;color:var(--ok-brown)!important;margin-left:6px!important;}
.okbox-shop-root .okbox-calc-eco{display:inline-block!important;margin-left:8px!important;background:var(--ok-coral)!important;color:#fff!important;font-family:var(--ok-disp)!important;font-size:12px!important;padding:2px 9px!important;border-radius:99px!important;}
.okbox-shop-root .okbox-calc-reco .okbox-add{flex:none!important;padding:11px 18px!important;}
.okbox-shop-root .okbox-bareme{margin-top:22px!important;}
.okbox-shop-root .okbox-bareme h3{font-family:var(--ok-disp)!important;font-size:16px!important;margin:0 0 10px!important;color:var(--ok-brown)!important;}
.okbox-shop-root .okbox-bareme-scroll{overflow-x:auto!important;}
.okbox-shop-root .okbox-bareme table{width:100%!important;border-collapse:collapse!important;font-size:14px!important;min-width:460px!important;}
.okbox-shop-root .okbox-bareme th, .okbox-shop-root .okbox-bareme td{text-align:left!important;padding:9px 12px!important;border-bottom:1px solid var(--ok-line)!important;}
.okbox-shop-root .okbox-bareme th{font-family:var(--ok-disp)!important;font-size:12.5px!important;color:var(--ok-coral-ink)!important;white-space:nowrap!important;}
.okbox-shop-root .okbox-bareme tbody tr:nth-child(odd){background:var(--ok-paper)!important;}
.okbox-shop-root .okbox-packreco{display:flex!important;gap:9px!important;align-items:flex-start!important;background:var(--ok-coral-wash)!important;border-radius:12px!important;padding:11px 14px!important;margin:2px 0 10px!important;font-size:14px!important;color:#5f524c!important;}
.okbox-shop-root .okbox-packreco b{font-family:var(--ok-disp)!important;color:var(--ok-brown)!important;font-weight:400!important;}


/* ---- isolation renforcée : reset local + compteur header ---- */
.okbox-shop-root{isolation:isolate!important;box-sizing:border-box!important;text-align:left!important;text-transform:none!important;letter-spacing:normal!important;}
.okbox-shop-root *, .okbox-shop-root *::before, .okbox-shop-root *::after{box-sizing:border-box!important;}
.okbox-shop-root h1, .okbox-shop-root h2, .okbox-shop-root h3, .okbox-shop-root h4, .okbox-shop-root h5, .okbox-shop-root h6, .okbox-shop-root p, .okbox-shop-root ul, .okbox-shop-root ol, .okbox-shop-root figure{padding:0!important;text-transform:none!important;letter-spacing:normal!important;}
.okbox-shop-root button, .okbox-shop-root input, .okbox-shop-root select, .okbox-shop-root textarea{font-style:normal!important;text-transform:none!important;letter-spacing:normal!important;box-shadow:none!important;}
.okbox-shop-root button, .okbox-shop-root a{-webkit-tap-highlight-color:transparent!important;}
.okbox-shop-root img{max-width:100%!important;border:0!important;box-shadow:none!important;}
.okbox-shop-root .okbox-photo-empty{color:var(--ok-muted)!important;font-size:13px!important;}
.okbox-shop-root .okbox-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;}
.okbox-shop-root .okbox-related-centered{justify-content:center!important;}
.okbox-shop-root .okbox-conf-icon{font-size:34px!important;}

.elementor-widget-container.okbox-shop-header-actions{display:flex!important;align-items:center!important;}
.okbox-mobile-header-actions.okbox-shop-mobile-header-actions{display:flex!important;align-items:center!important;}
.okbox-shop-root.okbox-header-cart-host{vertical-align:middle!important;line-height:1!important;flex:0 0 auto!important;}
.okbox-shop-root.okbox-header-cart-host--desktop{display:inline-flex!important;margin-left:8px!important;}
.okbox-shop-root.okbox-header-cart-host--mobile{display:inline-flex!important;margin-left:8px!important;margin-right:14px!important;}
.okbox-shop-root .okbox-header-cart{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:10px!important;background:#EF4A4A!important;color:#fff!important;border:none!important;border-radius:6px!important;font-size:15px!important;font-weight:600!important;cursor:pointer!important;line-height:1!important;text-decoration:none!important;transition:background-color 0.15s ease,transform 0.15s ease!important;box-shadow:none!important;font-family:"Be Vietnam Pro",sans-serif!important;}
.okbox-shop-root .okbox-header-cart:hover{background:#d93f43!important;color:#fff!important;border:none!important;text-decoration:none!important;transform:translateY(-1px)!important;box-shadow:none!important;}
.okbox-shop-root .okbox-header-cart:focus-visible{outline:3px solid #3D1F1A!important;outline-offset:2px!important;}
.okbox-shop-root .okbox-header-cart-icon{width:20px!important;height:20px!important;flex:none!important;}
.okbox-shop-root .okbox-header-cart-label{display:none!important;}
.okbox-shop-root .okbox-header-cart-count{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:20px!important;height:20px!important;padding:0 6px!important;border-radius:999px!important;background:#fff!important;color:#e64448!important;font-family:"Be Vietnam Pro",sans-serif!important;font-size:11px!important;font-weight:700!important;line-height:1!important;}
.okbox-shop-root .okbox-header-cart-count.is-empty{display:none!important;}
.okbox-shop-root .okbox-header-cart--mobile{position:relative!important;width:42px!important;height:42px!important;min-width:42px!important;padding:10px!important;gap:0!important;border-radius:999px!important;}
.okbox-shop-root .okbox-header-cart--mobile .okbox-header-cart-count{position:absolute!important;top:-5px!important;right:-6px!important;min-width:18px!important;height:18px!important;padding:0 5px!important;font-size:10px!important;}
@media(max-width:1124px){
.okbox-mobile-header-cta{margin-right:0!important;}
}
@media(min-width:1688px){
.okbox-shop-root .okbox-header-cart--desktop{padding:10px 18px!important;}
.okbox-shop-root .okbox-header-cart--desktop .okbox-header-cart-label{display:inline!important;}
}

@media(max-width:1424px){
.elementor-107 .elementor-element.elementor-element-26d90cc{width:100%!important;}
.elementor-107 .elementor-element.elementor-element-26d90cc.elementor-column.elementor-element[data-element_type="column"]>.elementor-widget-wrap.elementor-element-populated{flex-wrap:nowrap!important;}
}

/* ---- archives familles produits : conteneur 1140 px + grille responsive ---- */
body.okbox-shop-product-archive main#lqd-site-content {
    width: 100% !important;
    max-width: 1140px !important;
    margin: 0 auto !important;
    padding-right: 20px !important;
    padding-left: 20px !important;
    overflow: hidden !important;
}
body.okbox-shop-product-archive main#lqd-site-content > #lqd-contents-wrap {
    width: 100% !important;
    max-width: 1140px !important;
    margin: 0 auto !important;
    padding-top: 40px !important;
    padding-right: 0 !important;
    padding-bottom: 64px !important;
    padding-left: 0 !important;
}
body.okbox-shop-product-archive #lqd-contents-wrap > .lqd-lp-grid {
    width: 100% !important;
    max-width: 1140px !important;
    margin: 0 auto !important;
}
body.okbox-shop-product-archive #lqd-contents-wrap .lqd-lp-row {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)) !important;
    grid-auto-flow: row !important;
    direction: ltr !important;
    justify-content: start !important;
    gap: 32px 20px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}
body.okbox-shop-product-archive #lqd-contents-wrap .lqd-lp-row::before,
body.okbox-shop-product-archive #lqd-contents-wrap .lqd-lp-row::after {
    display: none !important;
    content: none !important;
}
body.okbox-shop-product-archive #lqd-contents-wrap .lqd-lp-column {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    flex: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
body.okbox-shop-product-archive #lqd-contents-wrap article.type-produit {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    margin: 0 !important;
}
body.okbox-shop-product-archive #lqd-contents-wrap article.type-produit .lqd-lp-img {
    width: 100% !important;
    margin: 0 0 18px !important;
}
body.okbox-shop-product-archive #lqd-contents-wrap article.type-produit .lqd-lp-img figure {
    display: block !important;
    width: 100% !important;
    aspect-ratio: 14 / 9 !important;
    margin: 0 !important;
    overflow: hidden !important;
}
body.okbox-shop-product-archive #lqd-contents-wrap article.type-produit .lqd-lp-img img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
}
body.okbox-shop-product-archive #lqd-contents-wrap article.type-produit .lqd-lp-header {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    min-width: 0 !important;
}
body.okbox-shop-product-archive #lqd-contents-wrap article.type-produit .lqd-lp-date {
    display: inline-block !important;
    font-size: 11px !important;
    line-height: 1.4 !important;
    white-space: normal !important;
}
body.okbox-shop-product-archive #lqd-contents-wrap article.type-produit .lqd-lp-title {
    margin-top: 10px !important;
    margin-bottom: 0 !important;
    font-size: clamp(17px, 1.5vw, 20px) !important;
    line-height: 1.25 !important;
    overflow-wrap: anywhere !important;
}
body.okbox-shop-product-archive #lqd-contents-wrap article.type-produit .lqd-lp-title a {
    display: block !important;
    color: inherit !important;
    text-decoration: none !important;
}

@media (min-width: 992px) {
    body.okbox-shop-product-archive #lqd-contents-wrap .lqd-lp-row {
        gap: 36px 22px !important;
    }
}

@media (min-width: 1200px) {
    body.okbox-shop-product-archive #lqd-contents-wrap .lqd-lp-row {
        gap: 40px 24px !important;
    }
}

@media (max-width: 599px) {
    body.okbox-shop-product-archive main#lqd-site-content {
        padding-right: 16px !important;
        padding-left: 16px !important;
    }
    body.okbox-shop-product-archive main#lqd-site-content > #lqd-contents-wrap {
        padding-top: 24px !important;
        padding-bottom: 42px !important;
    }
    body.okbox-shop-product-archive #lqd-contents-wrap .lqd-lp-row {
        gap: 28px !important;
    }
    body.okbox-shop-product-archive #lqd-contents-wrap article.type-produit .lqd-lp-title {
        font-size: 18px !important;
    }
}

/* ---- Fiche produit : footer de partage Archub, isolé et responsive ---- */
body.okbox-shop-product-single footer.blog-post-footer.entry-footer {
    width: 100% !important;
    max-width: 1140px !important;
    margin: 24px auto 0 !important;
    padding: 18px 0 28px !important;
    border-top: 1px solid #ECE3DF !important;
    border-bottom: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
body.okbox-shop-product-single footer.blog-post-footer.entry-footer > .d-flex.flex-wrap.justify-content-between {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    gap: 12px 18px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}
body.okbox-shop-product-single footer.blog-post-footer.entry-footer .share-links {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}
body.okbox-shop-product-single footer.blog-post-footer.entry-footer .share-links > span {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 4px 0 0 !important;
    padding: 0 !important;
    color: #3D1F1A !important;
    font-family: "Be Vietnam Pro", "Segoe UI", sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}
body.okbox-shop-product-single footer.blog-post-footer.entry-footer .share-links ul.social-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
body.okbox-shop-product-single footer.blog-post-footer.entry-footer .share-links ul.social-icon > li {
    display: block !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
}
body.okbox-shop-product-single footer.blog-post-footer.entry-footer .share-links ul.social-icon > li > a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #F3C9C9 !important;
    border-radius: 999px !important;
    background: #FDEBEB !important;
    color: #D63D3D !important;
    text-decoration: none !important;
    box-shadow: none !important;
    line-height: 1 !important;
    transform: none !important;
    transition: background-color .15s ease, color .15s ease, border-color .15s ease, transform .15s ease !important;
}
body.okbox-shop-product-single footer.blog-post-footer.entry-footer .share-links ul.social-icon > li > a:hover,
body.okbox-shop-product-single footer.blog-post-footer.entry-footer .share-links ul.social-icon > li > a:focus-visible {
    border-color: #EF4A4A !important;
    background: #EF4A4A !important;
    color: #FFFFFF !important;
    text-decoration: none !important;
    transform: translateY(-1px) !important;
}
body.okbox-shop-product-single footer.blog-post-footer.entry-footer .share-links ul.social-icon > li > a:focus-visible {
    outline: 3px solid #3D1F1A !important;
    outline-offset: 2px !important;
}
body.okbox-shop-product-single footer.blog-post-footer.entry-footer .share-links svg {
    display: block !important;
    width: 16px !important;
    height: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    fill: currentColor !important;
}
@media (max-width: 1199px) {
    body.okbox-shop-product-single footer.blog-post-footer.entry-footer {
        width: calc(100% - 40px) !important;
        max-width: 1140px !important;
    }
}
@media (max-width: 767px) {
    body.okbox-shop-product-single footer.blog-post-footer.entry-footer {
        width: calc(100% - 32px) !important;
        margin-top: 18px !important;
        padding: 16px 0 24px !important;
    }
    body.okbox-shop-product-single footer.blog-post-footer.entry-footer .share-links {
        align-items: flex-start !important;
        flex-direction: column !important;
        gap: 10px !important;
        width: 100% !important;
    }
    body.okbox-shop-product-single footer.blog-post-footer.entry-footer .share-links > span {
        margin-right: 0 !important;
        font-size: 12px !important;
    }
    body.okbox-shop-product-single footer.blog-post-footer.entry-footer .share-links ul.social-icon > li > a {
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
        min-height: 42px !important;
    }
}