.dilution-page{min-height:70vh;color:#171612;background:#f5f3ee}.dilution-page__shell{width:min(calc(100% - 2rem),82.5rem);margin-inline:auto;padding:1.25rem 0 4rem}.dilution-page__breadcrumbs{display:flex;gap:.55rem;margin-bottom:clamp(2.5rem,6vw,5rem);color:#716c63;font-size:.75rem}.dilution-page__breadcrumbs a{color:inherit;text-underline-offset:.2em}.dilution-page__header{max-width:50rem;margin-bottom:clamp(2.5rem,6vw,4.5rem)}.dilution-page__eyebrow,.dilution-result__eyebrow{margin:0 0 .75rem;color:#806624;font-size:.72rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.dilution-page__header h1{max-width:14ch;margin:0;font-family:var(--dds-font-display);font-size:clamp(2.45rem,7vw,4.25rem);line-height:1.02}.dilution-page__header>p:last-child{max-width:42rem;margin:1.15rem 0 0;color:#5f5a52;font-size:clamp(1rem,2vw,1.15rem);line-height:1.65}.dilution-calculator{display:grid;gap:1rem;scroll-margin-top:1rem}.dilution-step,.dilution-mix{padding:clamp(1.1rem,3vw,2rem);border:1px solid #ded9cf;border-radius:var(--dds-card-radius);background:#fff}.dilution-step__heading{display:grid;grid-template-columns:2.25rem minmax(0,1fr);gap:.85rem;align-items:start;margin-bottom:1.25rem}.dilution-step__heading>span{display:grid;width:2.25rem;height:2.25rem;place-items:center;border:1px solid #c9a44d;color:#6f5518;font-size:.7rem;font-weight:700}.dilution-step__heading h2{margin:0;font-family:var(--dds-font-display);font-size:clamp(1.25rem,3vw,1.65rem);line-height:1.15}.dilution-step__heading p{margin:.3rem 0 0;color:#746f66;font-size:.78rem;line-height:1.5}.dilution-brand-grid,.dilution-product-grid,.dilution-application-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.dilution-brand-choice{display:grid;overflow:hidden;min-width:0;aspect-ratio:4 / 3;place-items:center;padding:.75rem;border:1px solid #ddd8ce;border-radius:var(--dds-card-radius);background:#fff;cursor:pointer}.dilution-brand-choice img{width:86%;height:86%;object-fit:contain}.dilution-brand-choice span{font-size:.9rem;font-weight:700}.dilution-brand-choice:hover,.dilution-brand-choice.is-active{border-color:#c9a44d;background:#faf7ef}.dilution-brand-choice:focus-visible{outline:2px solid #c9a44d;outline-offset:2px}.dilution-brand-choice--custom{align-content:center;gap:.35rem;color:#fff;background:#171612;text-align:center}.dilution-brand-choice--custom strong{font-size:.9rem;text-transform:uppercase}.dilution-brand-choice--custom small{color:#ffffff9e;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}.dilution-brand-choice--custom:hover,.dilution-brand-choice--custom.is-active{color:#171612;background:#c9a44d}.dilution-brand-choice--custom:hover small,.dilution-brand-choice--custom.is-active small{color:#171612b3}.dilution-choice{display:grid;min-width:0;min-height:5.5rem;align-content:center;gap:.35rem;padding:1rem;border:1px solid #ddd8ce;border-radius:var(--dds-card-radius);color:#171612;background:#faf9f6;text-align:left;cursor:pointer}.dilution-choice:hover,.dilution-choice.is-active{border-color:#c9a44d;background:#f7f0df}.dilution-choice:focus-visible{outline:2px solid #c9a44d;outline-offset:2px}.dilution-choice strong{overflow-wrap:anywhere;font-size:.88rem;line-height:1.25}.dilution-choice small{color:#716c63;font-size:.68rem;line-height:1.35}.dilution-choice--product{min-height:0;align-content:stretch;padding:0 0 .9rem;background:#fff}.dilution-choice--product>strong,.dilution-choice--product>small{margin-inline:.85rem}.dilution-choice__media{display:grid;overflow:hidden;aspect-ratio:1 / 1;margin-bottom:.15rem;place-items:center;border-bottom:1px solid #e5e0d7;background:#fff}.dilution-choice__media img{width:88%;height:88%;object-fit:contain}.dilution-choice__ratio{color:#806624!important;font-weight:700}.dilution-search{display:block;margin-bottom:1rem}.dilution-search input{width:100%;min-height:3rem;padding:.7rem .9rem;border:1px solid #cbc5ba;border-radius:var(--dds-button-radius);background:#fff;font:inherit}.dilution-search input:focus{border-color:#c9a44d;outline:2px solid rgb(201 164 77 / 25%)}.dilution-custom-ratio{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:.65rem;align-items:end}.dilution-custom-ratio label{display:grid;gap:.4rem;color:#5f5a52;font-size:.7rem;font-weight:700}.dilution-custom-ratio input{width:100%;min-height:3rem;padding:.65rem .75rem;border:1px solid #cbc5ba;border-radius:var(--dds-button-radius);background:#fff;font:inherit}.dilution-custom-ratio__separator{padding-bottom:.85rem;color:#806624;font-size:1.2rem;font-weight:700}.dilution-custom-ratio button{grid-column:1 / -1;min-height:3rem;padding:.7rem 1rem;border:1px solid #171612;border-radius:var(--dds-button-radius);color:#fff;background:#171612;font:inherit;font-size:.78rem;font-weight:700;cursor:pointer}.dilution-custom-ratio button:disabled{opacity:.35;cursor:not-allowed}.dilution-workspace{display:grid;gap:1rem}.dilution-size-presets{display:flex;flex-wrap:wrap;gap:.5rem}.dilution-size-presets button{min-height:2.6rem;padding:.55rem .75rem;border:1px solid #d5cec0;border-radius:var(--dds-button-radius);color:#28251f;background:#f8f5ed;font:inherit;font-size:.75rem;font-weight:700;cursor:pointer}.dilution-size-presets button:hover,.dilution-size-presets button.is-active{border-color:#c9a44d;background:#c9a44d}.dilution-size-custom{display:grid;grid-template-columns:minmax(0,1fr) 7rem;gap:.65rem;margin-top:1rem}.dilution-size-custom label{display:grid;gap:.4rem;color:#5f5a52;font-size:.7rem;font-weight:700}.dilution-size-custom input,.dilution-size-custom select{width:100%;min-height:3rem;padding:.65rem .75rem;border:1px solid #cbc5ba;border-radius:var(--dds-button-radius);background:#fff;font:inherit}.dilution-strength{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid #e5e0d7}.dilution-strength>div{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.7rem;color:#716c63;font-size:.7rem}.dilution-strength strong{color:#171612;font-size:1rem}.dilution-strength input{width:100%;accent-color:#c9a44d}.dilution-result{position:relative;overflow:hidden;padding:clamp(1.4rem,4vw,2.5rem);border-radius:var(--dds-card-radius);color:#fff;background:#171612}.dilution-result:before{position:absolute;top:0;left:0;width:4rem;height:3px;background:#c9a44d;content:""}.dilution-result h2{margin:0;font-family:var(--dds-font-display);font-size:clamp(1.6rem,4vw,2.25rem);line-height:1.1}.dilution-result__meta{margin:.5rem 0 1.4rem;color:#ffffffa6;font-size:.78rem}.dilution-result__amounts{display:grid;gap:.6rem}.dilution-result__amounts>div{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:.75rem;align-items:center;padding:.9rem;border:1px solid rgb(255 255 255 / 16%);background:#ffffff0d}.dilution-result__amounts>div>span{display:grid;width:2rem;height:2rem;place-items:center;border-radius:50%;color:#171612;background:#c9a44d;font-size:.72rem;font-weight:700}.dilution-result__amounts p{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin:0;color:#ffffffb3;font-size:.78rem}.dilution-result__amounts strong{color:#fff;font-size:clamp(1.2rem,4vw,1.65rem)}.dilution-result__guidance{padding:1rem;border:1px solid rgb(201 164 77 / 60%);color:#fff;background:#c9a44d1f;line-height:1.55}.dilution-result__note{margin:1rem 0 0;color:#ffffffb3;font-size:.75rem;line-height:1.55}.dilution-result__link{display:flex;min-height:3rem;align-items:center;justify-content:space-between;margin-top:1.25rem;padding:.65rem .85rem;border:1px solid #c9a44d;color:#171612;background:#c9a44d;font-size:.78rem;font-weight:700;text-decoration:none}.dilution-result__link:hover{background:#d8b65f}.dilution-result__disclaimer{margin:1rem 0 0;color:#ffffff7a;font-size:.65rem;line-height:1.5}.dilution-empty{grid-column:1 / -1;margin:0;padding:1rem;color:#716c63;background:#f7f5f0;font-size:.8rem}@media(min-width:42rem){.dilution-brand-grid,.dilution-product-grid,.dilution-application-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:62rem){.dilution-page__shell{width:min(calc(100% - 4rem),82.5rem);padding-bottom:6rem}.dilution-brand-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.dilution-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.dilution-workspace{grid-template-columns:minmax(0,1fr) minmax(22rem,.8fr);align-items:start}.dilution-result{position:sticky;top:1.5rem}}@media(prefers-reduced-motion:reduce){.dilution-choice,.dilution-result__link{transition:none}}.dilution-calculator [hidden]{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/13/assets/dilution-calculator.css.map */