/* @itZEN-ROLE: SITEWEB-only article configurator visual layer. No cart/menu behavior. */
#extras-section.qo-siteweb-premium {
  --qo-green:#288b42; --qo-ink:#142236; --qo-muted:#657287;
  box-sizing:border-box!important; max-width:1120px!important; width:calc(100% - 40px)!important;
  margin:24px auto 70px!important; padding:28px 32px 34px!important;
  border-radius:26px!important; background:#fff!important; color:var(--qo-ink);
  box-shadow:0 16px 56px rgba(20,34,54,.07);
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
}
#extras-section.qo-siteweb-premium *,#extras-section.qo-siteweb-premium *::before,#extras-section.qo-siteweb-premium *::after {box-sizing:border-box}
#extras-section.qo-siteweb-premium .article-details {text-align:left!important;margin-bottom:34px!important}
#extras-section.qo-siteweb-premium .article-details>img {
  display:block!important; width:100%!important; max-width:100%!important;
  height:clamp(320px,38vw,520px)!important; max-height:none!important;
  object-fit:cover; border-radius:22px!important; margin:0 0 24px!important;
}
#extras-section.qo-siteweb-premium .article-details h2 {
  font-size:clamp(32px,3.7vw,48px)!important; line-height:1.12;
  letter-spacing:-.035em; font-weight:800; margin:0 0 8px!important; color:var(--qo-ink)
}
#extras-section.qo-siteweb-premium .qo-product-description {
  font-size:17px;line-height:1.55;color:var(--qo-muted);max-width:750px;margin:0 0 12px
}
#extras-section.qo-siteweb-premium .article-details>div>p {
  font-size:26px; font-weight:800; color:var(--qo-green);margin:8px 0 18px!important
}
#extras-section.qo-siteweb-premium .article-details>div>p strong {
  font-size:15px;color:var(--qo-muted);font-weight:600;margin-right:8px
}
#extras-section.qo-siteweb-premium #quantite-control {justify-content:flex-start!important;gap:8px!important}
#extras-section.qo-siteweb-premium #quantite-control button {
  width:58px!important;height:58px!important;border-radius:50%!important;
  background:#edf1ef!important;color:var(--qo-ink)!important;font-size:28px!important;
  border:1px solid #e4e9e7!important;cursor:pointer;touch-action:manipulation
}
#extras-section.qo-siteweb-premium #increase-qty {background:var(--qo-green)!important;color:#fff!important}
#extras-section.qo-siteweb-premium #quantite {height:58px!important;width:76px!important;border:0!important;font-size:23px!important;font-weight:700}
#extras-section.qo-siteweb-premium .qo-section {margin:0 0 34px!important}
#extras-section.qo-siteweb-premium .qo-section h3 {
  font-size:25px!important;letter-spacing:-.02em;font-weight:800;
  margin:0 0 18px!important;color:var(--qo-ink)
}
#extras-section.qo-siteweb-premium .mcdo-extras-grid {
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px!important;justify-content:stretch!important
}
#extras-section.qo-siteweb-premium .mcdo-extra-box {
  position:relative;min-width:0!important;min-height:150px;padding:26px 14px 52px!important;
  border:1.5px solid #e3e8e5!important;border-radius:20px!important;background:#fff!important;
  color:var(--qo-ink)!important;box-shadow:0 7px 22px rgba(20,34,54,.055);
  font-size:15px!important;font-weight:650;line-height:1.35;transition:border-color .16s,background .16s,box-shadow .16s;
  text-align:left!important;touch-action:manipulation
}
#extras-section.qo-siteweb-premium .mcdo-extra-box::after {
  content:"+";position:absolute;right:13px;bottom:12px;width:36px;height:36px;
  display:grid;place-items:center;background:#f0f2f1;color:var(--qo-ink);
  border-radius:50%;font-size:25px;font-weight:400
}
#extras-section.qo-siteweb-premium .mcdo-extra-box.selected {
  background:#f1faf3!important;border-color:var(--qo-green)!important;
  box-shadow:0 7px 24px rgba(40,139,66,.12);color:var(--qo-ink)!important
}
#extras-section.qo-siteweb-premium .mcdo-extra-box.selected::after {content:"✓";background:var(--qo-green);color:#fff;font-size:20px}
#extras-section.qo-siteweb-premium .mcdo-extra-box small {display:block;margin-top:10px;color:var(--qo-green);font-size:16px;font-weight:800}
#extras-section.qo-siteweb-premium .qo-extra-image {display:block;width:100%;height:94px;object-fit:contain;margin:0 auto 12px}
#extras-section.qo-siteweb-premium #extras-defaut {border-top:1px solid #e8edeb;padding-top:26px}
#extras-section.qo-siteweb-premium #extras-defaut>div:first-child {text-align:left!important;margin-bottom:10px!important}
#extras-section.qo-siteweb-premium #toggle-inclus {
  border:0!important;padding:0!important;background:transparent!important;
  color:var(--qo-ink)!important;font-size:25px!important;font-weight:800!important;
  border-radius:0!important;min-height:48px;text-align:left;cursor:pointer
}
#extras-section.qo-siteweb-premium #toggle-inclus::before {content:"✦";color:var(--qo-green);margin-right:12px}
#extras-section.qo-siteweb-premium #inclus-options {
  justify-content:flex-start!important;gap:12px!important;text-align:left!important
}
#extras-section.qo-siteweb-premium #inclus-options p {font-size:15px!important;color:var(--qo-muted)!important}
#extras-section.qo-siteweb-premium #inclus-options button {
  min-height:56px;border:1.5px solid #e0e7e3!important;border-radius:15px!important;
  background:#f8faf9!important;color:var(--qo-ink)!important;font-size:15px!important;
  padding:12px 18px!important;box-shadow:0 4px 14px rgba(20,34,54,.035);touch-action:manipulation
}
#extras-section.qo-siteweb-premium #inclus-options button[style*="line-through"] {
  border-color:#eaa7a7!important;background:#fff0f0!important;color:#aa2929!important
}
#extras-section.qo-siteweb-premium .qo-actions {
  display:grid;grid-template-columns:minmax(140px,1fr) minmax(280px,2fr);
  gap:16px;margin:38px 0 0!important;position:sticky;bottom:12px;z-index:20;
  padding:12px;border-radius:22px;background:rgba(255,255,255,.96);
  box-shadow:0 12px 35px rgba(20,34,54,.12)
}
#extras-section.qo-siteweb-premium .qo-actions button {
  min-height:72px;border:0!important;border-radius:17px!important;font-size:18px!important;
  font-weight:800;cursor:pointer;touch-action:manipulation
}
#extras-section.qo-siteweb-premium .qo-actions button:first-child {background:#edf0ef!important;color:var(--qo-ink)!important}
#extras-section.qo-siteweb-premium #btn-confirm-selection {background:var(--qo-green)!important;color:#fff!important}
#extras-section.qo-siteweb-premium .menu-modal {font-family:inherit}
@media(max-width:900px) {
  #extras-section.qo-siteweb-premium {width:calc(100% - 22px)!important;padding:18px!important}
  #extras-section.qo-siteweb-premium .mcdo-extras-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:530px) {
  #extras-section.qo-siteweb-premium .article-details>img {height:250px!important}
  #extras-section.qo-siteweb-premium .qo-actions {grid-template-columns:1fr 1.5fr;gap:8px;padding:8px}
  #extras-section.qo-siteweb-premium .qo-actions button {font-size:14px!important;min-height:60px}
}

/* SITEWEB desktop refinement: keep product options visible earlier in the page.
   KIOSK continues using its separate stylesheet. */
@media (min-width: 901px) {
  #extras-section.qo-siteweb-premium {
    max-width:900px!important;width:calc(100% - 32px)!important;
    margin:14px auto 54px!important;padding:20px 24px 26px!important;
    border-radius:18px!important
  }
  #extras-section.qo-siteweb-premium .article-details {margin-bottom:22px!important}
  #extras-section.qo-siteweb-premium .article-details>img {
    width:100%!important;height:clamp(350px,36vw,520px)!important;
    max-height:none!important;border-radius:14px!important;margin-bottom:14px!important
  }
  #extras-section.qo-siteweb-premium .article-details h2 {
    font-size:29px!important;margin-bottom:6px!important
  }
  #extras-section.qo-siteweb-premium .qo-product-description {
    font-size:14px;line-height:1.45;margin-bottom:8px;max-width:700px
  }
  #extras-section.qo-siteweb-premium .article-details>div>p {
    font-size:21px;margin:6px 0 12px!important
  }
  #extras-section.qo-siteweb-premium #quantite-control button {
    width:44px!important;height:44px!important;font-size:23px!important
  }
  #extras-section.qo-siteweb-premium #quantite {
    height:44px!important;width:60px!important;font-size:19px!important
  }
  #extras-section.qo-siteweb-premium .qo-section {margin-bottom:22px!important}
  #extras-section.qo-siteweb-premium .qo-section h3 {
    font-size:21px!important;margin-bottom:12px!important
  }
  #extras-section.qo-siteweb-premium .mcdo-extras-grid {gap:10px!important}
  #extras-section.qo-siteweb-premium .mcdo-extra-box {
    min-height:118px;padding:14px 12px 43px!important;
    border-radius:14px!important;font-size:14px!important
  }
  #extras-section.qo-siteweb-premium .mcdo-extra-box::after {
    width:29px;height:29px;font-size:20px
  }
  #extras-section.qo-siteweb-premium .qo-extra-image {height:70px}
  #extras-section.qo-siteweb-premium #toggle-inclus {font-size:21px!important}
  #extras-section.qo-siteweb-premium #inclus-options button {
    min-height:44px;padding:9px 13px!important;font-size:13px!important
  }
  #extras-section.qo-siteweb-premium .qo-actions {
    margin-top:24px!important;gap:12px;padding:8px;border-radius:16px
  }
  #extras-section.qo-siteweb-premium .qo-actions button {
    min-height:54px;font-size:15px!important;border-radius:12px!important
  }
}