.av-length-builder{--forest:#294b38;--sage:#52745c;--lime:#d1ec59;--cream:#f6f2ea;--ink:#2e2e2e;color:var(--ink);background:#fff}.av-length-builder *{box-sizing:border-box}.av-length-builder__wrap{max-width:1240px;margin:auto;padding:64px 24px 80px}.av-length-builder__header{max-width:870px}.av-length-builder__eyebrow{margin:0 0 10px;color:var(--sage);font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.av-length-builder__header h1{margin:0 0 18px;font-size:clamp(36px,5.2vw,68px);line-height:1.02;letter-spacing:-.045em}.av-length-builder__header>p:not(.av-length-builder__eyebrow){max-width:720px;margin:0;font-size:17px;line-height:1.6}.av-length-builder__steps{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.av-length-builder__steps span{display:flex;align-items:center;gap:9px;padding:9px 14px;border-radius:999px;background:var(--cream);font-size:13px;font-weight:700}.av-length-builder__steps b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--forest);color:#fff}.av-length-builder__counter{display:grid;grid-template-columns:1fr auto;gap:7px;margin:45px 0 22px;padding:20px 24px;border-radius:17px;background:var(--forest);color:#fff}.av-length-builder__counter>span{font-weight:750}.av-length-builder__counter strong{font-size:20px}.av-length-builder__meter{grid-column:1/-1;height:7px;overflow:hidden;border-radius:999px;background:#fff3}.av-length-builder__meter span{display:block;width:0;height:100%;border-radius:inherit;background:var(--lime);transition:width .2s}.av-length-builder__products{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.av-length-builder__product{overflow:hidden;border:1px solid #e1ddd5;border-radius:19px;background:#fff}.av-length-builder__media{display:block;aspect-ratio:4/3;overflow:hidden;background:var(--cream)}.av-length-builder__media img{width:100%;height:100%;object-fit:contain;transition:transform .3s}.av-length-builder__product:hover img{transform:scale(1.025)}.av-length-builder__product-copy{padding:22px}.av-length-builder__tag{display:inline-block;margin:0 0 10px;padding:5px 9px;border-radius:999px;background:#e9f3ef;color:#24584b;font-size:11px;font-weight:800;text-transform:uppercase}.av-length-builder__product--kera .av-length-builder__tag{background:#fff0e4;color:#9a4918}.av-length-builder__product--micro .av-length-builder__tag{background:#eee9f6;color:#5b4676}.av-length-builder__product h2{min-height:2.7em;margin:0;font-size:19px;line-height:1.35}.av-length-builder__price{margin:8px 0 17px;color:var(--sage);font-weight:800}.av-length-builder__quantity{display:grid;grid-template-columns:44px 58px 44px;align-items:center;width:max-content;overflow:hidden;border:1px solid #bfcabf;border-radius:10px}.av-length-builder__quantity button{height:44px;border:0;background:#eff5ec;color:var(--forest);font-size:23px;cursor:pointer}.av-length-builder__quantity button:disabled{opacity:.35;cursor:not-allowed}.av-length-builder__quantity output{text-align:center;font-size:18px;font-weight:800}.av-length-builder__routine{margin-top:65px}.av-length-builder__section-heading{max-width:740px;margin-bottom:24px}.av-length-builder__section-heading h2{margin:0 0 10px;font-size:clamp(28px,3vw,42px);letter-spacing:-.03em}.av-length-builder__section-heading>p:last-child{margin:0;line-height:1.55}.av-length-builder__routine-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.av-length-builder__routine fieldset{margin:0;padding:25px;border:1px solid #d8e1d4;border-radius:18px;background:#f7faf5}.av-length-builder__routine legend{padding:0 8px;font-size:19px;font-weight:850}.av-length-builder__routine fieldset>p{margin:0 0 17px;font-size:13px;line-height:1.5}.av-length-builder__addon{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-top:9px;padding:14px;border:1px solid #d6dfd2;border-radius:11px;background:#fff;cursor:pointer}.av-length-builder__addon:has(input:checked){border-color:var(--sage);background:#eef6e9}.av-length-builder__addon input{width:19px;height:19px;accent-color:var(--sage)}.av-length-builder__addon span{display:grid;gap:2px}.av-length-builder__addon small{font-size:11px;color:#6b726b}.av-length-builder__addon>b{font-size:13px}.av-length-builder__summary{position:sticky;bottom:12px;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:28px;padding:20px 24px;border:2px solid var(--forest);border-radius:17px;background:#fffffff5;box-shadow:0 13px 38px #1f3d2b29;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.av-length-builder__summary>div{display:grid}.av-length-builder__summary p{margin:0;font-size:12px;font-weight:800;text-transform:uppercase}.av-length-builder__summary strong{font-size:26px;color:var(--forest)}.av-length-builder__summary small{color:#667166}.av-length-builder__summary button{display:flex;align-items:center;justify-content:space-between;gap:25px;min-width:275px;padding:16px 19px;border:0;border-radius:10px;background:var(--lime);color:var(--forest);font-weight:850;cursor:pointer}.av-length-builder__summary button:disabled{opacity:.48;cursor:not-allowed}.av-length-builder__howto{margin-top:45px;padding:30px;border-radius:19px;background:var(--cream)}.av-length-builder__howto h2{margin:0 0 18px;font-size:25px}.av-length-builder__howto ol{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin:0;padding-left:21px}.av-length-builder__howto li{padding-left:4px;line-height:1.5}.av-length-builder__howto>p{margin:20px 0 0;color:#7c352e}.av-length-builder button:focus-visible,.av-length-builder input:focus-visible,.av-length-builder a:focus-visible{outline:3px solid var(--forest);outline-offset:3px}@media(max-width:850px){.av-length-builder__products{grid-template-columns:1fr}.av-length-builder__product{display:grid;grid-template-columns:150px 1fr}.av-length-builder__media{height:100%;aspect-ratio:auto}.av-length-builder__product h2{min-height:0}.av-length-builder__routine-grid{grid-template-columns:1fr}.av-length-builder__howto ol{grid-template-columns:1fr 1fr}}@media(max-width:560px){.av-length-builder__wrap{padding:42px 17px 65px}.av-length-builder__product{display:block}.av-length-builder__media{aspect-ratio:16/9}.av-length-builder__summary{align-items:stretch;flex-direction:column;bottom:7px}.av-length-builder__summary button{min-width:0;width:100%}.av-length-builder__howto ol{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/28/compiled_assets/styles.css.map */
