.mix-match{padding:3rem 0 5rem}.mix-match__container{max-width:1920px;margin:0 auto;padding:0 2rem}.mix-match__header{text-align:center;margin-bottom:2.5rem}.mix-match__eyebrow{display:inline-block;font-size:.95rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:.4rem .9rem;border:1px solid currentColor;border-radius:999px;margin-bottom:1rem;opacity:.85}.mix-match__title{margin:0 0 .75rem;font-size:clamp(2.25rem,4.5vw,3.5rem);line-height:1.1}.mix-match__description{max-width:60ch;margin:0 auto;opacity:.8;font-size:1.25rem;line-height:1.55}.mix-match__tray{position:sticky;top:0;z-index:20;background:rgb(var(--color-background, 255, 255, 255));border:1px solid rgba(var(--color-foreground, 0, 0, 0),.12);border-radius:10px;padding:1.25rem;margin-bottom:3rem;display:grid;grid-template-columns:1fr;gap:1.25rem;box-shadow:0 4px 14px #0000000f}@media(min-width:900px){.mix-match__tray{grid-template-columns:minmax(0,2fr) minmax(240px,1fr);align-items:stretch}}.mix-match__slots{display:grid;gap:.75rem;grid-template-columns:repeat(var(--mm-slots, 3),minmax(0,1fr))}.mix-match__slot{position:relative;border:2px dashed rgba(var(--color-foreground, 0, 0, 0),.22);border-radius:8px;min-height:96px;padding:.75rem;display:flex;align-items:center;justify-content:center;transition:border-color .18s ease,background .18s ease}.mix-match__slot.is-filled{border-style:solid;border-color:rgba(var(--color-foreground, 0, 0, 0),.35);background:rgba(var(--color-foreground, 0, 0, 0),.02)}.mix-match__slot.is-free:after{content:"FREE";position:absolute;top:-.55rem;right:-.55rem;background:#c0392b;color:#fff;font-size:.9rem;font-weight:700;padding:.25rem .6rem;border-radius:4px;letter-spacing:.04em;box-shadow:0 2px 4px #00000026}.mix-match__slot-empty{text-align:center;opacity:.55;font-size:1.05rem;display:flex;flex-direction:column;gap:.25rem;pointer-events:none}.mix-match__slot-num{font-size:1.9rem;font-weight:700;line-height:1}.mix-match__slot-label{font-size:.9rem;text-transform:uppercase;letter-spacing:.08em}.mix-match__slot-filled{display:flex;align-items:center;gap:.6rem;width:100%}.mix-match__slot-img{width:54px;height:54px;object-fit:cover;border-radius:4px;flex-shrink:0}.mix-match__slot-text{display:flex;flex-direction:column;gap:.1rem;font-size:1rem;overflow:hidden;flex:1;min-width:0}.mix-match__slot-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.mix-match__slot-price{font-size:1rem;opacity:.75}.mix-match__slot.is-free .mix-match__slot-price{text-decoration:line-through;color:#c0392b;opacity:1}.mix-match__slot-remove{background:none;border:0;color:inherit;font-size:1.85rem;line-height:1;cursor:pointer;padding:.25rem .5rem;opacity:.5;transition:opacity .15s}.mix-match__slot-remove:hover{opacity:1}.mix-match__summary{display:flex;flex-direction:column;gap:.75rem;padding:0 .25rem}.mix-match__totals{display:flex;flex-direction:column;gap:.3rem}.mix-match__line{display:flex;justify-content:space-between;font-size:1.1rem}.mix-match__line--save{color:#c0392b;font-weight:500}.mix-match__line--total{font-weight:700;font-size:1.3rem;border-top:1px solid rgba(var(--color-foreground, 0, 0, 0),.12);padding-top:.5rem;margin-top:.25rem}.mix-match__add-btn{width:100%}.mix-match .mix-match__add-btn.button:not([disabled]):hover,.mix-match .mix-match__add-btn.button:not([disabled]):hover span{color:#fff!important}.mix-match__add-btn[disabled]{opacity:.45;cursor:not-allowed}.mix-match__status{margin:0;font-size:.95rem;text-align:center;opacity:.7;min-height:1.2em}.products-grid{width:100%}@media screen and (min-width:750px){.products-grid{grid-row:3}}.products-grid{transition:margin-left var(--duration-default)}.mix-match__grid{list-style:none;padding:0;margin:0 0 2rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}@media(min-width:750px){.mix-match__grid{grid-template-columns:repeat(var(--mm-cols, 4),minmax(0,1fr));gap:1.5rem}}.mix-match__card{position:relative;display:flex;flex-direction:column;gap:.65rem;padding:.85rem;border:1px solid rgba(var(--color-foreground, 0, 0, 0),.1);border-radius:8px;background:rgb(var(--color-background, 255, 255, 255));transition:border-color .2s,box-shadow .2s}.mix-match__card.is-in-mix{border-color:rgba(var(--color-foreground, 0, 0, 0),.45);box-shadow:0 3px 10px #0000000d}.mix-match__card-media-btn{display:block;width:100%;padding:0;margin:0;border:0;background:none;color:inherit;cursor:pointer;position:relative;font:inherit}.mix-match__card-media{position:relative;aspect-ratio:4 / 5;overflow:hidden;border-radius:4px;background:rgba(var(--color-foreground, 0, 0, 0),.04)}.mix-match__card-img{width:100%;height:100%;object-fit:contain;transition:transform .35s ease}.mix-match__card:hover .mix-match__card-img{transform:scale(1.04)}.mix-match__card-media--sold-out .mix-match__card-img{opacity:.55}.mix-match__card-scents{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.25rem}.mix-match__card-scent{display:inline-block;font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;padding:.25rem .6rem;border:1px solid rgba(var(--color-foreground, 0, 0, 0),.25);border-radius:999px;opacity:.8;line-height:1}.mix-match__card-vendor{font-size:.9rem;opacity:.65;text-transform:uppercase;letter-spacing:.06em}.mix-match__card-title{font-size:1.2rem;margin:0;line-height:1.3;font-weight:500}.mix-match__card-price{font-weight:600;font-size:1.15rem}.mix-match__card-btn{width:100%;cursor:pointer;padding:.85rem;font-size:1.05rem;font-weight:600;letter-spacing:.03em;border:1px solid currentColor;background:transparent;color:inherit;border-radius:4px;transition:background .15s,color .15s}.mix-match__card-btn:not([disabled]):hover{background:rgb(var(--color-foreground, 0, 0, 0));color:rgb(var(--color-background, 255, 255, 255))}.mix-match__card.is-in-mix .mix-match__card-btn{background:rgb(var(--color-foreground, 0, 0, 0));color:rgb(var(--color-background, 255, 255, 255))}.mix-match__card-btn[disabled]{opacity:.5;cursor:not-allowed}.mix-match__card-btn-count:not([data-empty=true]){display:inline-block;min-width:1.4em;text-align:center;background:#ffffff40;border-radius:10px;padding:0 .4rem;margin-left:.4rem;font-size:.95rem}.mix-match__card-btn-count[data-empty=true]{display:none}.mix-match__empty{text-align:center;padding:4rem 0;opacity:.6}.mix-match__pagination{display:flex;justify-content:center;margin-top:2rem}
/*# sourceMappingURL=/cdn/shop/t/56/assets/section-mix-and-match.css.map */