.lip-combo{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:clamp(32px,4vw,64px);align-items:start;padding-block:24px 96px}.lip-combo [hidden]{display:none!important}.lip-combo__head{margin-bottom:var(--s8)}.lip-combo__head h2{font-size:clamp(28px,3vw,42px);line-height:1.12;color:var(--red);margin-bottom:12px}.lip-combo__head p{max-width:560px;color:var(--ink-2)}.lip-combo__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}.lip-combo__card{display:flex;flex-direction:column;gap:12px;min-width:0}.lip-combo__pick{display:block;width:100%;padding:0;text-align:left}.lip-combo__media{position:relative;display:block;aspect-ratio:4/5;background:var(--caramel);overflow:hidden;outline:2px solid transparent;outline-offset:-2px;transition:outline-color .15s ease-out}.lip-combo__media img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.lip-combo__name{display:block;margin-top:14px;font-family:var(--f-display);font-size:20px;line-height:1.25;color:var(--red)}.lip-combo__check{position:absolute;top:12px;right:12px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--bg);border:1px solid var(--line);color:transparent;transition:background-color .15s ease-out,color .15s ease-out,border-color .15s ease-out}.lip-combo__sold{position:absolute;top:12px;left:12px;background:var(--bg)}.lip-combo__card.is-selected .lip-combo__media{outline-color:var(--red)}.lip-combo__card.is-selected .lip-combo__check{background:var(--red);border-color:var(--red);color:var(--ink-inv)}.lip-combo__pick:disabled{cursor:not-allowed}.lip-combo__pick:disabled img{opacity:.55}.lip-combo__pick:disabled .lip-combo__check{display:none}@media(hover:hover){.lip-combo__pick:not(:disabled):hover img{transform:scale(1.03)}.lip-combo__pick:not(:disabled):hover .lip-combo__check{border-color:var(--red)}}.lip-combo__meta{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px}.lip-combo__qty[hidden]{display:none}.lip-combo__qty button,.lip-combo__qty output{width:44px;height:44px}.lip-combo__qty output{display:flex;align-items:center;justify-content:center;border-inline:1px solid var(--line);font-size:15px;font-weight:600}.lip-combo__view{align-self:flex-start}.lip-combo__tray{position:sticky;top:calc(var(--header-h-stuck) + 24px);display:flex;flex-direction:column;gap:16px;padding:32px;background:var(--bg-2);border:1px solid var(--line)}.lip-combo__stamp{width:112px;height:auto;margin:4px auto 0;opacity:.9;pointer-events:none}.lip-combo.has-items .lip-combo__stamp{display:none}.lip-combo__tray-title{font-size:26px;line-height:1.2;color:var(--red)}.lip-combo__picked{display:flex;flex-wrap:wrap;align-items:center;gap:8px 28px}.lip-combo__picked li{position:relative;width:56px;height:56px;border-radius:50%;background:var(--caramel);overflow:hidden}.lip-combo__picked li+li:before{content:"+";position:absolute;left:-20px;top:50%;transform:translateY(-50%);color:var(--ink-2);font-size:16px}.lip-combo__picked li+li{overflow:visible}.lip-combo__picked img{width:56px;height:56px;border-radius:50%;object-fit:cover}.lip-combo__slot{background:transparent!important;border:1px dashed var(--ink-muted)}.lip-combo__nudge{font-size:13px;line-height:1.6;color:var(--ink-2);min-height:21px}.lip-combo__totals{margin:0;display:flex;flex-direction:column;gap:8px;padding-top:16px;border-top:1px solid var(--line)}.lip-combo__totals>div{display:flex;justify-content:space-between;align-items:baseline;gap:16px}.lip-combo__totals>div[hidden]{display:none}.lip-combo__totals dt{font-size:13px;color:var(--ink-2)}.lip-combo__totals dd{margin:0;font-weight:600}.lip-combo__totals s{font-weight:400;color:var(--ink-muted)}.lip-combo__total{font-size:22px}.lip-combo__saving dt,.lip-combo__saving dd{color:var(--red)}.lip-combo__error{font-size:12px;color:var(--error)}.lip-combo__error:empty{display:none}.lip-combo__clear{align-self:center}.lip-combo__tip{padding-top:16px;border-top:1px solid var(--line)}.lip-combo__tip h3{font-size:18px;color:var(--red);margin-bottom:8px}.lip-combo__tip p,.lip-combo__note{font-size:13px;line-height:1.65;color:var(--ink-2)}@media(max-width:1100px){.lip-combo{grid-template-columns:minmax(0,1fr) 320px}.lip-combo__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.lip-combo{display:block;padding-block:8px 48px}.lip-combo__grid{gap:28px 16px}.lip-combo__name{font-size:17px;margin-top:10px}.lip-combo__meta{flex-wrap:wrap}.lip-combo__tray{position:static;margin-top:40px;padding:24px 20px}.lip-combo.has-items{padding-bottom:0}.lip-combo.has-items .lip-combo__tray{position:sticky;bottom:0;z-index:20;margin-inline:calc(var(--gutter) * -1);gap:10px;padding:14px 20px calc(14px + env(safe-area-inset-bottom));border-width:1px 0 0;box-shadow:var(--shadow-sticky)}.lip-combo.has-items :is(.lip-combo__tray-title,.lip-combo__tip,.lip-combo__note,.lip-combo__clear){display:none}.lip-combo.has-items .lip-combo__picked li,.lip-combo.has-items .lip-combo__picked img{width:40px;height:40px}.lip-combo.has-items .lip-combo__tray{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 12px}.lip-combo.has-items .lip-combo__tray>*{grid-column:1/-1}.lip-combo.has-items .lip-combo__picked{grid-area:1/1;gap:6px 22px}.lip-combo.has-items .lip-combo__picked li+li:before{left:-16px}.lip-combo.has-items .lip-combo__totals{grid-area:1/2;padding-top:0;border-top:0;gap:0;text-align:right}.lip-combo.has-items .lip-combo__totals>div{justify-content:flex-end;gap:6px}.lip-combo.has-items .lip-combo__totals>div:not(.lip-combo__saving) dt{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.lip-combo.has-items .lip-combo__totals :is(dt,dd){font-size:12px}.lip-combo.has-items .lip-combo__totals .lip-combo__total{font-size:17px}.lip-combo.has-items .lip-combo__nudge{min-height:0;font-size:12px}}@media(prefers-reduced-motion:reduce){.lip-combo__media,.lip-combo__media img,.lip-combo__check{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/shade-combo.css.map */
