/** Shopify CDN: Minification failed

Line 136:0 Expected "*/" to terminate multi-line comment

**/
/* PYRÈNE · Calculateur — styles de l'outil. Scopé sous .pyr-scope. Vars dans pyr-core.css.
   ⚠️ NE PAS passer ce fichier dans les scripts de mise à l'échelle globale des polices :
   cette UI est dense (steppers, cartes support, timeline) et a ses propres tailles calibrées. */
.pyr-scope .pyr-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--f-body);font-size:15px;font-weight:500;text-decoration:none;padding:15px 24px;border:1px solid transparent;cursor:pointer;transition:background .15s,color .15s,border-color .15s;}
.pyr-scope .pyr-btn--primary{background:#fff;color:var(--ink);}
.pyr-scope .pyr-btn--primary:hover{background:transparent;color:#fff;border-color:#fff;}
.pyr-scope .pyr-btn svg{width:16px;height:16px;}
.pyr-scope .pyr-btn[disabled]{opacity:.6;cursor:default;}

.pyr-scope .pyr-calc{position:relative;background:var(--ink);color:#fff;padding:120px 0 72px;overflow:hidden;}
.pyr-scope .pyr-calc__bg{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;}
.pyr-scope .pyr-calc__veil{position:absolute;inset:0;z-index:1;background:rgba(10,10,10,.6);}
.pyr-scope .pyr-calc>.pyr-wrap{position:relative;z-index:2;}
.pyr-scope .pyr-calc__head{margin-bottom:28px;}
.pyr-scope .pyr-calc h1{font-family:var(--f-display);font-weight:700;font-size:29px;line-height:1.08;letter-spacing:-.01em;max-width:18ch;margin-top:14px;color:#fff;}

.pyr-scope .pyr-calc__form{display:grid;grid-template-columns:1fr;gap:22px 32px;border:1px solid rgba(255,255,255,.18);padding:24px 20px;background:rgba(10,10,10,.35);}
.pyr-scope .pyr-calc__form>*{grid-column:1 / -1;min-width:0;}
.pyr-scope .pyr-cset{margin-bottom:0;min-width:0;}
.pyr-scope .pyr-clabel{display:block;font-family:var(--f-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#b3b3b3;margin-bottom:11px;}
.pyr-scope .pyr-clabel em{font-style:normal;color:#7d7d7d;}
.pyr-scope .pyr-cgrid{display:grid;gap:8px;}
.pyr-scope .pyr-cgrid--2{grid-template-columns:1fr 1fr;}
.pyr-scope .pyr-cgrid--3{grid-template-columns:repeat(3,1fr);}
.pyr-scope .pyr-cbtn{font-family:var(--f-body);font-size:14px;font-weight:500;color:#fff;background:transparent;border:1px solid rgba(255,255,255,.4);padding:12px 8px;cursor:pointer;transition:background .15s,color .15s,border-color .15s;min-width:0;}
.pyr-scope .pyr-cbtn:hover{border-color:#fff;}
.pyr-scope .pyr-cbtn.is-active{background:#fff;color:var(--ink);border-color:#fff;}
.pyr-scope .pyr-cbtn--card{display:flex;flex-direction:column;align-items:center;gap:9px;padding:16px 6px;}
.pyr-scope .pyr-cbtn--card svg{width:28px;height:28px;}
.pyr-scope .pyr-cinput{width:100%;font-family:var(--f-mono);font-size:17px;color:#fff;background:transparent;border:1px solid rgba(255,255,255,.4);padding:11px 12px;}
.pyr-scope .pyr-cinput:focus{outline:2px solid #fff;outline-offset:-2px;}
/* retire les flèches natives du champ number (on garde nos boutons +/−) */
.pyr-scope .pyr-cinput[type=number]{-moz-appearance:textfield;appearance:textfield;}
.pyr-scope .pyr-cinput::-webkit-outer-spin-button,
.pyr-scope .pyr-cinput::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.pyr-scope .pyr-cunit{display:flex;align-items:center;font-family:var(--f-mono);font-size:13px;color:#b3b3b3;padding:0 2px;flex:0 0 auto;}
.pyr-scope .pyr-cgpx{display:block;text-align:center;font-size:12.5px;color:#b3b3b3;border:1px dashed rgba(255,255,255,.35);padding:15px 12px;cursor:pointer;line-height:1.35;}
.pyr-scope .pyr-cgpx:hover{border-color:rgba(255,255,255,.6);color:#fff;}
.pyr-scope .pyr-cgpx__t{pointer-events:none;}
.pyr-scope .pyr-calc__go{width:100%;margin-top:4px;}

.pyr-scope .pyr-csec-h{grid-column:1 / -1;font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#fff;padding-bottom:7px;margin-top:6px;border-bottom:1px solid rgba(255,255,255,.16);}
.pyr-scope .pyr-csec-h:first-child{margin-top:0;}
.pyr-scope .pyr-cstep{display:flex;align-items:stretch;gap:6px;}
.pyr-scope .pyr-cstep .pyr-cinput{flex:1;min-width:0;}
.pyr-scope .pyr-cstep__b{display:flex;flex-direction:column;gap:3px;flex:0 0 auto;}
.pyr-scope .pyr-cstep__b button{width:30px;flex:1;border:1px solid rgba(255,255,255,.4);background:transparent;color:#fff;cursor:pointer;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center;padding:0;transition:background .15s,color .15s;}
.pyr-scope .pyr-cstep__b button:hover{background:#fff;color:#0a0a0a;}
.pyr-scope .pyr-cbtn--sub{display:flex;flex-direction:column;align-items:center;gap:3px;line-height:1.15;padding-top:10px;padding-bottom:10px;}
.pyr-scope .pyr-cbtn__t{font-weight:500;}
.pyr-scope .pyr-cbtn__s{font-family:var(--f-mono);font-size:9px;letter-spacing:.02em;text-transform:uppercase;opacity:.62;}
.pyr-scope .pyr-cbtn.is-active .pyr-cbtn__s{opacity:.8;}

.pyr-scope .pyr-calc__grid{display:flex;flex-direction:column;gap:24px;}
.pyr-scope .pyr-calc__out{min-width:0;}
.pyr-scope .pyr-calc__ph{border:1px dashed rgba(255,255,255,.22);padding:44px 26px;text-align:center;color:#c9c9c9;font-size:15px;line-height:1.6;}
.pyr-scope .pyr-calc__result{margin-top:0;border-top:0;padding-top:0;}
.pyr-scope .pyr-calc__disc{font-size:13px;color:#9a9a9a;margin-top:20px;line-height:1.5;}

.pyr-scope .pyr-syn{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.2);margin-bottom:24px;}
.pyr-scope .pyr-syn__m{background:var(--ink);padding:18px 16px;}
.pyr-scope .pyr-syn__n{font-family:var(--f-mono);font-size:30px;font-weight:700;line-height:1;color:#fff;}
.pyr-scope .pyr-syn__n small{font-size:14px;font-weight:400;color:#9a9a9a;}
.pyr-scope .pyr-syn__l{font-size:14px;color:#9a9a9a;margin-top:8px;}

.pyr-scope .pyr-proto{display:grid;grid-template-columns:1fr;gap:20px;}
.pyr-scope .pyr-proto__card{position:relative;border:1px solid rgba(255,255,255,.18);padding:24px 22px;background:rgba(10,10,10,.35);min-width:0;}
.pyr-scope .pyr-proto__card.is-reco{border-color:#fff;}
.pyr-scope .pyr-proto__badge{position:absolute;top:-10px;left:16px;background:#fff;color:#0a0a0a;font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:4px 10px;}
.pyr-scope .pyr-proto__h{font-family:var(--f-display);font-size:25px;font-weight:700;color:#fff;line-height:1.1;}
.pyr-scope .pyr-proto__sub{font-family:var(--f-body);font-size:15px;font-weight:400;color:#9a9a9a;letter-spacing:0;text-transform:none;}
.pyr-scope .pyr-proto__d{font-size:15px;color:#b3b3b3;margin-top:8px;margin-bottom:20px;line-height:1.5;}
.pyr-scope .pyr-proto__sum{font-size:15px;color:#cfcfcf;margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.14);line-height:1.55;}
.pyr-scope .pyr-proto__sum b{color:#fff;}
.pyr-scope .pyr-proto__sum span{display:inline-block;min-width:86px;font-family:var(--f-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#8a8a8a;margin-right:10px;vertical-align:baseline;}
.pyr-scope .pyr-proto__caf{font-family:var(--f-mono);font-size:12.5px;letter-spacing:.05em;text-transform:uppercase;color:#cfcfcf;border:1px solid rgba(255,255,255,.22);padding:8px 12px;margin-bottom:8px;display:inline-block;line-height:1.4;}
.pyr-scope .pyr-proto__flav{display:flex;flex-wrap:wrap;gap:14px;margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.14);}
.pyr-scope .pyr-proto__carts{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px;}
.pyr-scope .pyr-proto__carts .pyr-btn{flex:1 1 200px;margin-top:0;padding:15px 18px;font-size:16px;}
.pyr-scope .pyr-proto__cart2{border:1px solid rgba(255,255,255,.55);background:transparent;color:#fff;}
.pyr-scope .pyr-proto__cart2:hover{background:#fff;color:#0a0a0a;}

.pyr-scope .pyr-flav{display:flex;flex-direction:column;gap:6px;flex:1 1 220px;min-width:0;}
.pyr-scope .pyr-flav__l{font-family:var(--f-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#8a8a8a;}
.pyr-scope .pyr-flav__sel{appearance:none;-webkit-appearance:none;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.4);border-radius:0;padding:12px 34px 12px 13px;font-family:var(--f-body);font-size:16px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23fff' stroke-width='1.4' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;}
.pyr-scope .pyr-flav__sel:focus{outline:none;border-color:#fff;}
.pyr-scope .pyr-flav__sel option{background:#141414;color:#fff;}

.pyr-scope .pyr-sups{display:flex;flex-wrap:wrap;gap:18px;}
.pyr-scope .pyr-supgrp{margin-bottom:18px;}
.pyr-scope .pyr-supgrp:last-child{margin-bottom:0;}
.pyr-scope .pyr-supgrp__l{display:block;font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#8a8a8a;margin-bottom:11px;}
.pyr-scope .pyr-sup{flex:0 0 122px;width:122px;text-align:center;}
.pyr-scope .pyr-sup__num{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#fff;color:#0a0a0a;font-family:var(--f-mono);font-size:12px;font-weight:700;margin:0 auto 9px;}
.pyr-scope .pyr-sup__svg{width:54px;height:126px;display:block;margin:0 auto 9px;}
.pyr-scope .pyr-sup__cap{font-family:var(--f-mono);font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:#fff;line-height:1.3;}
.pyr-scope .pyr-sup__rows{font-size:14px;color:#cfcfcf;margin-top:7px;line-height:1.4;}
.pyr-scope .pyr-sup__rows b{color:#fff;font-weight:700;}
.pyr-scope .pyr-sup__hd{margin-bottom:5px;}
.pyr-scope .pyr-sup__dose{display:flex;flex-direction:column;gap:2px;font-size:12.5px;color:#e4e4e4;padding:4px 0;border-top:1px solid rgba(255,255,255,.08);text-align:left;}
.pyr-scope .pyr-sup__dose span{font-family:var(--f-mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#8a8a8a;}
.pyr-scope .pyr-sup__cov{font-family:var(--f-mono);font-size:11px;color:#8a8a8a;margin-top:7px;text-transform:uppercase;letter-spacing:.04em;line-height:1.35;}
.pyr-scope .pyr-sup__more{flex:1 0 100%;font-family:var(--f-mono);font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:#8a8a8a;margin-top:2px;}

.pyr-scope .pyr-tl{margin-top:20px;padding-top:18px;border-top:1px solid rgba(255,255,255,.14);}
.pyr-scope .pyr-tl__hd{font-family:var(--f-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#8a8a8a;margin-bottom:22px;}
.pyr-scope .pyr-tl__scroll{overflow-x:auto;overflow-y:hidden;padding-bottom:2px;}
.pyr-scope .pyr-tl__row{position:relative;padding-bottom:32px;}
.pyr-scope .pyr-tl__name{display:block;font-family:var(--f-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#cfcfcf;margin:0 0 24px 26px;}
.pyr-scope .pyr-tl__line{position:relative;height:2px;background:rgba(255,255,255,.22);margin:0 26px;}
.pyr-scope .pyr-tl__pt{position:absolute;top:0;transform:translateX(-50%);}
.pyr-scope .pyr-tl__dot{width:23px;height:23px;border-radius:50%;background:#fff;color:#0a0a0a;font-family:var(--f-mono);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;transform:translateY(-50%);}
.pyr-scope .pyr-tl__t{position:absolute;top:17px;left:50%;transform:translateX(-50%);font-family:var(--f-mono);font-size:10.5px;color:#9a9a9a;white-space:nowrap;letter-spacing:.02em;}
.pyr-scope .pyr-tl__axis{position:relative;height:14px;margin:0 26px;}
.pyr-scope .pyr-tl__tick{position:absolute;transform:translateX(-50%);font-family:var(--f-mono);font-size:10.5px;color:#6a6a6a;letter-spacing:.04em;}

@media(min-width:760px){
  .pyr-scope .pyr-calc{padding-top:150px;}
  .pyr-scope .pyr-calc h1{font-size:42px;max-width:24ch;}
  .pyr-scope .pyr-calc__form{grid-template-columns:1fr 1fr;padding:36px 40px;gap:26px 44px;}
  .pyr-scope .pyr-calc__form>.pyr-cset--half{grid-column:auto;}
  .pyr-scope .pyr-syn{grid-template-columns:repeat(4,1fr);}
}
@media(min-width:1000px){
  .pyr-scope .pyr-calc__grid{display:grid;grid-template-columns:minmax(360px,420px) 1fr;gap:44px;align-items:start;}
}
/*pyr-d*/@media (min-width:760px){.pyr-scope .pyr-cbtn__s{font-size:7.2px !important}.pyr-scope .pyr-proto__h{font-size:20px !important}.pyr-scope .pyr-supgrp__l{font-size:9.6px !important}.pyr-scope .pyr-tl__dot{font-size:9.6px !important}.pyr-scope .pyr-sup__cap{font-size:9.6px !important}.pyr-scope .pyr-proto__badge{font-size:8.8px !important}.pyr-scope .pyr-sup__dose{font-size:10px !important}.pyr-scope .pyr-tl__name{font-size:9.6px !important}.pyr-scope .pyr-cstep__b button{font-size:11.2px !important}.pyr-scope .pyr-cinput{font-size:13.6px !important}.pyr-scope .pyr-flav__l{font-size:9.6px !important}.pyr-scope .pyr-cbtn{font-size:11.2px !important}.pyr-scope .pyr-flav__sel{font-size:12.8px !important}.pyr-scope .pyr-sup__num{font-size:9.6px !important}.pyr-scope .pyr-cunit{font-size:10.4px !important}.pyr-scope .pyr-proto__sum{font-size:12px !important}timeline) et a ses propres tailles calibrées. */
.pyr-scope .pyr-btn{font-size:12px !important}.pyr-scope .pyr-proto__sub{font-size:12px !important}.pyr-scope .pyr-proto__sum span{font-size:8.8px !important}.pyr-scope .pyr-proto__caf{font-size:10px !important}.pyr-scope .pyr-sup__more{font-size:9.6px !important}.pyr-scope .pyr-tl__t{font-size:8.4px !important}.pyr-scope .pyr-proto__carts .pyr-btn{font-size:12.8px !important}.pyr-scope .pyr-proto__d{font-size:12px !important}.pyr-scope .pyr-cgpx{font-size:10px !important}.pyr-scope .pyr-sup__dose span{font-size:8px !important}.pyr-scope .pyr-csec-h{font-size:8.8px !important}.pyr-scope .pyr-calc__ph{font-size:12px !important}.pyr-scope .pyr-calc__disc{font-size:10.4px !important}.pyr-scope .pyr-calc h1{font-size:33.6px !important}cartes support{font-size:12px !important}.pyr-scope .pyr-sup__rows{font-size:11.2px !important}.pyr-scope .pyr-tl__tick{font-size:8.4px !important}.pyr-scope .pyr-syn__n{font-size:24px !important}.pyr-scope .pyr-syn__l{font-size:11.2px !important}.pyr-scope .pyr-sup__cov{font-size:8.8px !important}.pyr-scope .pyr-tl__hd{font-size:9.6px !important}.pyr-scope .pyr-syn__n small{font-size:11.2px !important}.pyr-scope .pyr-clabel{font-size:8.8px !important}/* PYRÈNE · Calculateur — styles de l'outil. Scopé sous .pyr-scope. Vars dans pyr-core.css.
   ⚠️ NE PAS passer ce fichier dans les scripts de mise à l'échelle globale des polices :
   cette UI est dense (steppers{font-size:12px !important}}
