/* Yet Core — calculateur de taille.
   Les couleurs et polices retombent sur les tokens du thème Yet quand il est actif,
   et sur des valeurs par défaut sinon. Le widget reste donc cohérent partout. */

.yet-fit{
  --ink:var(--yet-ink,#1C1512);
  --paper:var(--yet-paper,#F4EEEA);
  --wine:var(--yet-wine,#6E1E38);
  --rose:var(--yet-rose,#C99BA4);
  --taupe:var(--yet-taupe,#8A7A72);
  --line:var(--yet-line,rgba(28,21,18,.14));
  --display:var(--yet-display,'Bodoni Moda',Georgia,serif);
  --body:var(--yet-body,'Jost',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif);

  box-sizing:border-box;
  font-family:var(--body);
  color:var(--ink);
  background:var(--paper);
  padding:clamp(28px,5vw,64px) clamp(18px,4vw,48px);
  max-width:760px;
  margin-inline:auto;
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
}
.yet-fit *,.yet-fit *::before,.yet-fit *::after{box-sizing:border-box;}
.yet-fit p,.yet-fit h2,.yet-fit h3,.yet-fit ol,.yet-fit li,.yet-fit table{margin:0;padding:0;}
.yet-fit ol{list-style:none;}

.yet-fit__eyebrow{font-size:11px;letter-spacing:.24em;text-transform:uppercase;font-weight:500;color:var(--wine);margin-bottom:18px!important;}
.yet-fit__title{font-family:var(--display);font-size:clamp(32px,7vw,52px);font-weight:400;line-height:1.05;letter-spacing:-.01em;margin-bottom:14px!important;}
.yet-fit__title em{font-style:italic;color:var(--wine);}
.yet-fit__intro{font-size:15px;font-weight:300;color:var(--taupe);max-width:44ch;margin-bottom:clamp(28px,5vw,44px)!important;}

.yet-step{border-top:1px solid var(--line);padding:26px 0 30px;}
.yet-step__head{display:flex;align-items:baseline;gap:12px;margin-bottom:4px;}
.yet-step__num{font-family:var(--display);font-size:13px;font-weight:500;color:var(--rose);font-variant-numeric:tabular-nums;}
.yet-step__label{font-size:16px!important;font-weight:500;letter-spacing:-.005em;text-transform:none;}
.yet-step__hint{font-size:13px;font-weight:300;color:var(--taupe);margin:0 0 20px 25px!important;max-width:42ch;}

.yet-read{display:flex;align-items:flex-end;gap:8px;margin:0 0 14px 25px;}
.yet-read input{
  font-family:var(--display);font-size:40px;font-weight:400;line-height:1;color:var(--ink);
  background:transparent;border:none;border-bottom:1px solid var(--line);border-radius:0;
  width:2.6ch;padding:0 0 4px;text-align:center;box-shadow:none;
  font-variant-numeric:tabular-nums;-moz-appearance:textfield;appearance:textfield;
}
.yet-read input::-webkit-outer-spin-button,
.yet-read input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.yet-read input:focus{outline:none;border-bottom-color:var(--wine);box-shadow:none;}
.yet-read input:focus-visible{outline:2px solid var(--wine);outline-offset:4px;}
.yet-read__unit{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--taupe);padding-bottom:8px;font-weight:500;}

/* le ruban gradué : l'élément signature */
.yet-tape{position:relative;height:74px;cursor:grab;}
.yet-tape:active{cursor:grabbing;}
.yet-tape__track{position:absolute;inset:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}
.yet-tape__track::-webkit-scrollbar{display:none;}
.yet-tape__ribbon{position:relative;height:74px;background:linear-gradient(180deg,#FBF7F4 0%,#F0E7E1 100%);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.yet-tick{position:absolute;bottom:0;width:1px;background:rgba(28,21,18,.32);}
.yet-tick--minor{height:12px;}
.yet-tick--mid{height:19px;}
.yet-tick--major{height:30px;background:rgba(28,21,18,.55);}
.yet-tick__n{position:absolute;bottom:34px;left:50%;transform:translateX(-50%);font-size:11px;color:var(--taupe);font-variant-numeric:tabular-nums;letter-spacing:.04em;}
.yet-tape__needle{position:absolute;left:50%;top:0;bottom:0;width:2px;background:var(--wine);transform:translateX(-50%);pointer-events:none;z-index:2;}
.yet-tape__needle::before{content:"";position:absolute;top:-1px;left:50%;transform:translateX(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid var(--wine);}
.yet-tape::before,.yet-tape::after{content:"";position:absolute;top:0;bottom:0;width:52px;z-index:1;pointer-events:none;}
.yet-tape::before{left:0;background:linear-gradient(90deg,var(--paper),transparent);}
.yet-tape::after{right:0;background:linear-gradient(-90deg,var(--paper),transparent);}
.yet-tape__track:focus-visible{outline:2px solid var(--wine);outline-offset:3px;}

.yet-result{border-top:1px solid var(--ink);margin-top:8px;padding-top:34px;text-align:center;}
.yet-result__label{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--taupe);font-weight:500;margin-bottom:10px!important;}
.yet-result__size{font-family:var(--display);font-size:clamp(64px,17vw,110px);font-weight:400;line-height:.92;letter-spacing:-.02em;color:var(--wine);}
.yet-result__size .yet-cup{font-style:italic;}
.yet-result__gloss{font-size:14px;font-weight:300;color:var(--taupe);margin-top:12px!important;}
.yet-result[data-state="invalid"] .yet-result__size{font-size:clamp(22px,5vw,28px);line-height:1.3;color:var(--ink);}

.yet-conv{display:flex;justify-content:center;flex-wrap:wrap;margin-top:26px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.yet-conv__item{flex:1 1 88px;padding:14px 8px;border-right:1px solid var(--line);}
.yet-conv__item:last-child{border-right:none;}
.yet-conv__k{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--taupe);font-weight:500;}
.yet-conv__v{font-family:var(--display);font-size:20px;margin-top:5px;font-variant-numeric:tabular-nums;}

.yet-sister{margin-top:24px;text-align:left;}
.yet-sister__title{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--wine);font-weight:500;margin-bottom:12px!important;}
.yet-sister__row{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:11px 0;border-bottom:1px dotted var(--line);font-size:14px;font-weight:300;color:var(--taupe);}
.yet-sister__row b{font-family:var(--display);font-size:18px;font-weight:500;color:var(--ink);white-space:nowrap;}

.yet-fit .yet-cta{
  display:inline-block;margin-top:30px;background:var(--ink);color:var(--paper);
  text-decoration:none;font-size:13px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;
  padding:17px 34px;border-radius:0;transition:background .25s ease;
}
.yet-fit .yet-cta:hover{background:var(--wine);color:var(--paper);}
.yet-fit .yet-cta:focus-visible{outline:2px solid var(--wine);outline-offset:3px;}
.yet-note{font-size:12.5px;font-weight:300;color:var(--taupe);margin-top:20px!important;max-width:46ch;margin-inline:auto;}
.yet-note a{color:var(--wine);text-decoration:underline;text-underline-offset:2px;}

.yet-doc{margin-top:52px;border-top:1px solid var(--line);padding-top:36px;}
.yet-doc h3{font-family:var(--display);font-size:24px!important;font-weight:400;margin-bottom:18px!important;letter-spacing:-.01em;text-transform:none;}
.yet-doc h3 + p{font-size:14.5px;font-weight:300;color:var(--taupe);margin-bottom:24px!important;max-width:52ch;}
.yet-how li{display:flex;gap:16px;padding:16px 0;border-top:1px solid var(--line);}
.yet-how li:last-child{border-bottom:1px solid var(--line);}
.yet-how__n{font-family:var(--display);font-size:13px;color:var(--rose);padding-top:3px;font-variant-numeric:tabular-nums;}
.yet-how__b strong{display:block;font-size:15px;font-weight:500;margin-bottom:4px;}
.yet-how__b span{font-size:14px;font-weight:300;color:var(--taupe);}

.yet-tbl{width:100%;border-collapse:collapse;margin-top:22px;font-size:13.5px;}
.yet-tbl caption{text-align:left;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--wine);font-weight:500;padding-bottom:12px;}
.yet-tbl th,.yet-tbl td{padding:9px 6px;text-align:left;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums;font-weight:300;background:transparent;}
.yet-tbl th{font-weight:500;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--taupe);}
.yet-tbl td:first-child{font-weight:500;}

@media (max-width:520px){
  .yet-step__hint,.yet-read{margin-left:0!important;}
  .yet-conv__item{flex-basis:33.333%;}
  .yet-tbl{font-size:12.5px;}
}
@media (prefers-reduced-motion:reduce){
  .yet-fit *{animation:none!important;transition:none!important;scroll-behavior:auto!important;}
}