.brand-care-sym{--cs-bg: var(--color-bone-100, #f5f1eb);--cs-card: #fff;--cs-ink: var(--color-ink-900, #1a1814);--cs-mute: var(--color-ink-500, #7a766f);--cs-line: rgba(26, 24, 20, .12);--cs-line-strong: rgba(26, 24, 20, .55);background:var(--cs-bg);color:var(--cs-ink);padding-block:clamp(2.5rem,4vw,4.5rem);padding-inline:clamp(1rem,4vw,3rem)}.brand-care-sym__inner{max-width:1240px;margin-inline:auto;display:grid;gap:clamp(2rem,4vw,3.5rem)}.brand-care-sym__eyebrow{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--cs-mute);margin:0 0 .5rem}.brand-care-sym__title{font-family:var(--font-display--family, var(--font-primary--family));font-size:clamp(1.75rem,4vw,3rem);line-height:1.05;letter-spacing:-.01em;margin:0 0 .75rem;font-weight:500;max-width:22ch}.brand-care-sym__lede{margin:0;font-size:1rem;color:var(--cs-mute);max-width:50ch}.brand-care-sym__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}@media(min-width:600px){.brand-care-sym__grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:900px){.brand-care-sym__grid{grid-template-columns:repeat(5,1fr)}}.brand-care-sym__item{background:var(--cs-card);border:1px solid var(--cs-line);border-radius:4px;padding:1rem .85rem;display:grid;gap:.5rem;text-align:center;transition:border-color .2s,transform .2s}.brand-care-sym__item:hover{border-color:var(--cs-line-strong);transform:translateY(-2px)}.brand-care-sym__glyph{inline-size:3rem;block-size:3rem;margin-inline:auto;color:var(--cs-ink)}.brand-care-sym__glyph svg{width:100%;height:100%}.brand-care-sym__label{margin:0;font-size:.85rem;letter-spacing:.01em;font-weight:500}.brand-care-sym__body{margin:0;font-size:.78rem;color:var(--cs-mute);line-height:1.5}.brand-care-sym__picker{background:var(--cs-card);border:1px solid var(--cs-line);border-radius:6px;padding:clamp(1.5rem,3vw,2.5rem)}.brand-care-sym__picker-title{font-family:var(--font-display--family, var(--font-primary--family));font-size:clamp(1.4rem,2.5vw,2rem);line-height:1.1;margin:0 0 1.5rem;font-weight:500}.brand-care-sym__picker-grid{display:grid;gap:1.25rem}.brand-care-sym__picker fieldset{border:0;padding:0;margin:0;display:grid;gap:.6rem}.brand-care-sym__picker legend{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--cs-mute);padding:0}.brand-care-sym__pills{display:flex;gap:.5rem;flex-wrap:wrap}.brand-care-sym__pills button{-webkit-appearance:none;appearance:none;border:1px solid var(--cs-line);background:var(--cs-bg);font:inherit;font-size:.85rem;padding:.55rem 1rem;border-radius:999px;cursor:pointer;transition:background-color .16s,color .16s,border-color .16s}.brand-care-sym__pills button[aria-pressed=true]{background:var(--cs-ink);color:var(--cs-bg);border-color:var(--cs-ink)}.brand-care-sym__picker-result{background:var(--cs-bg);border:1px solid var(--cs-line);border-radius:4px;padding:1rem 1.2rem;font-size:.92rem;line-height:1.55;color:var(--cs-ink)}.brand-care-sym__picker-result strong{display:block;font-family:var(--font-display--family, var(--font-primary--family));font-size:1rem;margin-bottom:.25rem;font-weight:500}.brand-care-sym__stains{border-block:1px solid var(--cs-line);padding-block:clamp(2rem,3vw,3rem)}.brand-care-sym__stains-title{font-family:var(--font-display--family, var(--font-primary--family));font-size:clamp(1.4rem,2.5vw,2rem);line-height:1.1;margin:0 0 1rem;font-weight:500}.brand-care-sym__stains-list{list-style:none;padding:0;margin:0}.brand-care-sym__stains-list li{border-top:1px solid var(--cs-line)}.brand-care-sym__stains-list li:last-child{border-bottom:1px solid var(--cs-line)}.brand-care-sym__stains-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding-block:1rem;font-family:var(--font-display--family, var(--font-primary--family));font-size:1rem;font-weight:500}.brand-care-sym__stains-list summary::-webkit-details-marker{display:none}.brand-care-sym__stains-list summary svg{width:1rem;height:1rem;color:var(--cs-mute);transition:transform .2s}.brand-care-sym__stains-list details[open] summary svg{transform:rotate(-180deg)}.brand-care-sym__stains-list p{margin:0;padding-bottom:1rem;font-size:.92rem;line-height:1.6;color:var(--cs-mute);max-width:60ch}
/*# sourceMappingURL=/cdn/shop/t/3/assets/brand-care-symbols.css.map */