:root{--trio-purple: #c7a7e2;--trio-purple-dark: #9d7ec0;--trio-text: #413f3f;--trio-text-mute: #888;--trio-bg: #ffffff;--trio-bg-light: #fdf7ff;--trio-bg-alt: #f3f3f3;--trio-border: #eedff5;--trio-border-mid: #ddd;--trio-green: #4a7c4a;--trio-tray-h: 88px;--trio-radius: 8px;--trio-radius-pill: 30px}.section-trio-builder,.shopify-section-trio-builder{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;max-width:100vw;overflow-x:hidden;padding:0!important}.trio-builder{width:100%;padding:0 0 calc(var(--trio-tray-h) + 40px);background:var(--trio-bg);color:var(--trio-text)}.trio-builder__hero{text-align:center;padding:48px 24px 32px;background:var(--trio-bg-light);border-bottom:1px solid var(--trio-border)}.trio-builder__eyebrow{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--trio-purple);font-weight:700;margin-bottom:10px}.trio-builder__heading{font-size:clamp(26px,4vw,48px);font-weight:300;letter-spacing:.03em;line-height:1.15;margin-bottom:12px;color:var(--trio-text)}.trio-builder__subheading{font-size:16px;color:var(--trio-text-mute);margin-bottom:6px}.trio-builder__subheading strong{color:var(--trio-purple);font-weight:700}.trio-builder__value-note{font-size:13px;color:var(--trio-text-mute)}.trio-builder__progress{text-align:center;padding:24px 20px 0;background:var(--trio-bg-light);border-bottom:1px solid var(--trio-border)}.trio-builder__progress-steps{display:inline-flex;align-items:center;gap:10px;margin-bottom:8px}.trio-builder__progress-circle{width:36px;height:36px;border-radius:50%;border:1.5px solid var(--trio-border-mid);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:var(--trio-text-mute);transition:background .2s,border-color .2s,color .2s}.trio-builder__progress-step.is-active .trio-builder__progress-circle{background:var(--trio-purple);border-color:var(--trio-purple);color:#fff}.trio-builder__progress-line{width:48px;height:1.5px;background:var(--trio-border-mid)}.trio-builder__progress-label{font-size:12px;color:var(--trio-text-mute);padding-bottom:16px}.trio-builder__filters{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:16px 24px;background:var(--trio-filter-bar-bg, #f9deb5);border-top:1px solid #000;border-bottom:1px solid #000}.trio-builder__filters-left,.trio-builder__filters-right{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.trio-builder__filter-label{font-size:14px;font-weight:600;color:var(--trio-text);white-space:nowrap}.trio-builder__filter-scent,.trio-builder__sort{position:relative}.trio-builder__scent-trigger{display:inline-flex;align-items:center;gap:6px;padding:0;border:none;border-radius:0;background:transparent;font-family:inherit;font-size:14px;letter-spacing:normal;text-transform:none;font-weight:400;color:var(--trio-text);cursor:pointer;transition:color .15s;white-space:nowrap}.trio-builder__scent-trigger:hover,.trio-builder__scent-trigger[aria-expanded=true]{color:var(--trio-purple-dark)}.trio-builder__scent-trigger-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--trio-purple);color:#fff;font-size:10px;font-weight:700;line-height:1}.trio-builder__scent-chevron{transition:transform .2s;color:var(--trio-text)}.trio-builder__scent-trigger[aria-expanded=true] .trio-builder__scent-chevron{transform:rotate(180deg)}.trio-builder__scent-panel{position:absolute;top:calc(100% + 6px);left:0;z-index:100;min-width:200px;background:#fff;border:1px solid #e5e5e5;border-radius:12px;box-shadow:0 4px 20px #0000001f;overflow:hidden}.trio-builder__sort-panel{position:absolute;top:calc(100% + 6px);right:0;z-index:100;min-width:220px;background:#fff;border:1px solid #e5e5e5;border-radius:12px;box-shadow:0 4px 20px #0000001f;overflow:hidden}.trio-builder__sort-list{list-style:none;margin:0;padding:8px 0}.trio-builder__sort-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;border:none;background:none;font-family:inherit;font-size:14px;color:var(--trio-text);text-align:left;cursor:pointer;transition:background .1s}.trio-builder__sort-item:hover{background:#f9f9f9}.trio-builder__sort-item.is-active{font-weight:600}.trio-builder__sort-check{width:12px;flex-shrink:0;color:var(--trio-purple);font-size:12px;opacity:0}.trio-builder__sort-item.is-active .trio-builder__sort-check{opacity:1}.trio-builder__scent-panel-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 12px;border-bottom:1px solid #efefef}.trio-builder__scent-selected-label{font-size:13px;color:var(--trio-text);font-weight:500}.trio-builder__scent-reset{background:none;border:none;padding:0;font-family:inherit;font-size:13px;color:var(--trio-text);text-decoration:underline;cursor:pointer;font-weight:500}.trio-builder__scent-reset:hover{color:var(--trio-purple)}.trio-builder__scent-list{list-style:none;margin:0;padding:8px 0}.trio-builder__scent-item{padding:0}.trio-builder__scent-item-label{display:flex;align-items:center;gap:12px;padding:10px 16px;cursor:pointer;transition:background .1s}.trio-builder__scent-item-label:hover{background:#f9f9f9}.trio-scent-cb{width:18px;height:18px;flex-shrink:0;accent-color:var(--trio-purple);cursor:pointer;border-radius:3px}.trio-builder__scent-item-name{flex:1;font-size:14px;color:var(--trio-text)}.trio-builder__scent-item-count{font-size:13px;color:var(--trio-text-mute)}.trio-builder__filter-pills{display:flex;gap:8px}.trio-builder__pill-btn{padding:7px 18px;border:1px solid var(--trio-border-mid);border-radius:var(--trio-radius-pill);background:transparent;font-family:inherit;font-size:11px;letter-spacing:.07em;text-transform:uppercase;font-weight:600;color:var(--trio-text);cursor:pointer;transition:background .15s,border-color .15s,color .15s}.trio-builder__pill-btn.is-active,.trio-builder__pill-btn:hover{background:var(--trio-purple);border-color:var(--trio-purple);color:#fff}.trio-builder__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;padding:24px}.trio-builder__card{border:2px solid transparent;border-radius:var(--trio-radius);padding:12px;background:var(--trio-bg);cursor:pointer;transition:border-color .2s,opacity .2s,background .2s;position:relative;box-shadow:0 1px 6px #00000012}.trio-builder__card:hover{border-color:var(--trio-purple)}.trio-builder__card.is-selected{border-color:var(--trio-purple);background:var(--trio-bg-light)}.trio-builder__card.is-disabled{opacity:.3;pointer-events:none}.trio-builder__card.is-shaking{animation:trio-shake .35s ease}@keyframes trio-shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.trio-builder__card-img-wrap{position:relative;aspect-ratio:1;margin-bottom:10px;border-radius:6px;overflow:hidden;background:var(--trio-bg-alt)}.trio-builder__card-img-wrap img{width:100%;height:100%;object-fit:contain;display:block}.trio-builder__card-img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--trio-border-mid)}.trio-builder__card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#c7a7e22e;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;pointer-events:none}.trio-builder__card-check{width:32px;height:32px;border-radius:50%;background:var(--trio-purple);display:flex;align-items:center;justify-content:center;color:#fff}.trio-builder__card-badge{position:absolute;top:-8px;right:-8px;width:22px;height:22px;border-radius:50%;background:var(--trio-purple);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}.trio-builder__card-badge[hidden]{display:none}.trio-builder__card-body{margin-bottom:4px}.trio-builder__card-name{font-size:12px;line-height:1.3;font-weight:600;color:var(--trio-text);margin-bottom:3px}.trio-builder__card-price{font-size:11px;color:var(--trio-text-mute);margin-bottom:3px}.trio-builder__card-type-tag{display:inline-block;font-size:9px;letter-spacing:.07em;text-transform:uppercase;border:1px solid var(--trio-border);border-radius:3px;padding:1px 5px;color:var(--trio-purple)}.trio-builder__card-btn{width:100%;margin-top:8px;padding:6px;border:1px solid var(--trio-purple);border-radius:var(--trio-radius-pill);background:transparent;color:var(--trio-purple);font-family:inherit;font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;cursor:pointer;transition:background .15s,color .15s}.trio-builder__card-btn:hover,.trio-builder__card.is-selected .trio-builder__card-btn{background:var(--trio-purple);color:#fff}.btn-text-remove,.trio-builder__card.is-selected .btn-text-add{display:none}.trio-builder__card.is-selected .btn-text-remove{display:inline}.trio-builder__tray{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--trio-border);box-shadow:0 -4px 24px #00000014;z-index:200;padding:14px 24px;height:var(--trio-tray-h)}.trio-builder__tray-inner{max-width:1500px;margin:0 auto;display:flex;align-items:center;gap:24px}.trio-builder__tray-slots{display:flex;gap:16px;flex:1;min-width:0}.trio-builder__tray-slot{display:flex;align-items:center;gap:10px;min-width:0}.trio-builder__tray-slot-img{width:54px;height:54px;flex-shrink:0;border:1.5px dashed var(--trio-border-mid);border-radius:var(--trio-radius);overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--trio-bg-light);transition:border-color .2s,border-style .2s}.trio-builder__tray-slot.is-filled .trio-builder__tray-slot-img{border-style:solid;border-color:var(--trio-purple)}.trio-builder__tray-slot-img img{width:100%;height:100%;object-fit:contain}.trio-builder__tray-slot-num{font-size:18px;color:var(--trio-border-mid);font-weight:700}.trio-builder__tray-slot-name{font-size:11px;line-height:1.3;color:var(--trio-text-mute);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:110px}.trio-builder__tray-slot-name.is-filled{color:var(--trio-text);font-weight:600}.trio-builder__tray-slot-remove{background:none;border:none;color:var(--trio-text-mute);cursor:pointer;padding:4px;line-height:0;flex-shrink:0;transition:color .15s}.trio-builder__tray-slot-remove:hover{color:var(--trio-purple)}.trio-builder__tray-cta{display:flex;align-items:center;gap:20px;flex-shrink:0}.trio-builder__tray-pricing{text-align:right}.trio-builder__tray-price{display:block;font-size:22px;font-weight:700;color:var(--trio-text);line-height:1}.trio-builder__tray-saving{display:block;font-size:11px;color:var(--trio-green);margin-top:3px;min-height:14px}.trio-builder__add-btn{min-width:220px;padding:14px 28px;border-radius:var(--trio-radius-pill);background:var(--trio-purple);color:#fff;border:none;font-family:inherit;font-size:11px;letter-spacing:.09em;text-transform:uppercase;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .2s,opacity .2s}.trio-builder__add-btn:hover:not(:disabled){background:var(--trio-purple-dark)}.trio-builder__add-btn[disabled]{opacity:.45;cursor:not-allowed}.trio-giftbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:600;display:flex;align-items:center;justify-content:center;padding:20px}.trio-giftbox-overlay[hidden]{display:none}.trio-giftbox-modal{position:relative;background:#fff;border-radius:16px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;padding:32px 28px;text-align:center;box-shadow:0 20px 60px #0003}.trio-giftbox-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:50%;border:1px solid var(--trio-border-mid);background:#ffffffe6;color:var(--trio-text-mute);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .15s,border-color .15s}.trio-giftbox-close:hover{color:var(--trio-text);border-color:var(--trio-text-mute)}.trio-giftbox-heading{font-size:clamp(20px,3vw,26px);font-weight:400;color:var(--trio-text);margin:0 0 8px}.trio-giftbox-subheading{font-size:14px;color:var(--trio-text-mute);margin:0 0 24px}.trio-giftbox-options{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.trio-giftbox-option{border:2px solid var(--trio-border);border-radius:var(--trio-radius);padding:10px;background:var(--trio-bg);cursor:pointer;transition:border-color .2s,opacity .2s;display:flex;flex-direction:column;align-items:center;gap:8px;position:relative}.trio-giftbox-option:hover,.trio-giftbox-option:focus-visible{border-color:var(--trio-purple)}.trio-giftbox-option:disabled{opacity:.5;cursor:not-allowed}.trio-giftbox-option-img{width:100%;aspect-ratio:1;border-radius:6px;overflow:hidden;background:var(--trio-bg-alt);display:flex;align-items:center;justify-content:center}.trio-giftbox-option-img img{width:100%;height:100%;object-fit:contain;display:block}.trio-giftbox-option-swatch{width:100%;height:100%;display:block}.trio-giftbox-option-img--none{font-size:22px;color:var(--trio-text-mute)}.trio-giftbox-option-name{font-size:11px;font-weight:600;color:var(--trio-text);line-height:1.3}.trio-giftbox-option.is-loading{opacity:.6}.trio-giftbox-option.is-loading .trio-giftbox-option-name:after{content:"\2026"}.trio-giftbox-option.is-selected{border-color:var(--trio-purple);background:var(--trio-bg-light)}.trio-giftbox-option.is-selected .trio-giftbox-option-name{color:var(--trio-purple-dark)}.trio-giftbox-selected-debug{margin:14px 0 0;font-size:12px;text-align:center;color:var(--trio-text-mute)}.trio-giftbox-selected-debug strong{color:var(--trio-purple-dark)}.trio-giftbox-addcart{width:100%;margin-top:24px;padding:14px 28px;border-radius:var(--trio-radius-pill);background:var(--trio-purple);color:#fff;border:none;font-family:inherit;font-size:11px;letter-spacing:.09em;text-transform:uppercase;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .2s,opacity .2s}.trio-giftbox-addcart:hover:not(:disabled){background:var(--trio-purple-dark)}.trio-giftbox-addcart:disabled{opacity:.45;cursor:not-allowed}.trio-cart-toast{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:900;background:#fff;border:2px solid var(--trio-purple);border-radius:12px;padding:14px 22px;font-size:13px;line-height:1.5;color:var(--trio-text);box-shadow:0 8px 30px #0000002e;max-width:min(90vw,480px);text-align:center}.trio-cart-toast[hidden]{display:none}@media(max-width:700px){.trio-giftbox-modal{padding:24px 18px}.trio-giftbox-options{grid-template-columns:repeat(2,1fr)}}.trio-builder__card-quickview{display:block;width:100%;margin-top:6px;padding:6px;border:1px solid var(--trio-border-mid);border-radius:var(--trio-radius-pill);background:transparent;font-family:inherit;font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--trio-text-mute);cursor:pointer;transition:border-color .15s,color .15s}.trio-builder__card-quickview:hover{border-color:var(--trio-purple);color:var(--trio-purple)}.trio-qv-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:500;display:flex;align-items:center;justify-content:center;padding:20px}.trio-qv-overlay[hidden]{display:none}.trio-qv-modal{background:#fff;border-radius:16px;width:100%;max-width:860px;max-height:90vh;display:flex;flex-direction:row;position:relative;box-shadow:0 20px 60px #0003;overflow:hidden}.trio-qv-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:50%;border:1px solid var(--trio-border-mid);background:#ffffffe6;color:var(--trio-text-mute);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;transition:color .15s,border-color .15s}.trio-qv-close:hover{color:var(--trio-text);border-color:var(--trio-text-mute)}.trio-qv-carousel{position:relative;width:340px;flex-shrink:0;background:var(--trio-bg-alt);display:flex;flex-direction:column}.trio-qv-carousel-track{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:280px}.trio-qv-carousel-img{width:100%;height:100%;object-fit:contain;display:block}.trio-qv-carousel-prev,.trio-qv-carousel-next{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;border:1px solid var(--trio-border-mid);background:#ffffffeb;color:var(--trio-text);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1;transition:border-color .15s,color .15s}.trio-qv-carousel-prev{left:10px}.trio-qv-carousel-next{right:10px}.trio-qv-carousel-prev:hover,.trio-qv-carousel-next:hover{border-color:var(--trio-purple);color:var(--trio-purple)}.trio-qv-carousel-prev[hidden],.trio-qv-carousel-next[hidden]{display:none}.trio-qv-carousel-dots{display:flex;justify-content:center;gap:6px;padding:12px 8px;flex-shrink:0}.trio-qv-carousel-dot{width:7px;height:7px;border-radius:50%;background:var(--trio-border-mid);border:none;padding:0;cursor:pointer;transition:background .15s}.trio-qv-carousel-dot.is-active{background:var(--trio-purple)}.trio-qv-info{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.trio-qv-title{font-size:17px;font-weight:600;color:var(--trio-text);margin:0;line-height:1.3;padding:20px 52px 16px 20px;border-bottom:1px solid var(--trio-border);flex-shrink:0}.trio-qv-tabs{display:flex;border-bottom:1px solid var(--trio-border);flex-shrink:0}.trio-qv-tab{flex:1;padding:10px 8px;border:none;border-bottom:2px solid transparent;background:none;font-family:inherit;font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-weight:600;color:var(--trio-text-mute);cursor:pointer;margin-bottom:-1px;transition:color .15s,border-color .15s}.trio-qv-tab.is-active{color:var(--trio-purple);border-bottom-color:var(--trio-purple)}.trio-qv-body{overflow-y:auto;flex:1;padding:20px}.trio-qv-panel{font-size:14px;line-height:1.65;color:var(--trio-text)}.trio-qv-panel p{margin-bottom:12px}.trio-qv-panel ul,.trio-qv-panel ol{padding-left:20px;margin-bottom:12px}.trio-qv-panel li{margin-bottom:4px}.trio-qv-empty{color:var(--trio-text-mute);font-style:italic;font-size:13px}.trio-qv-footer{flex-shrink:0;padding:14px 20px 20px;border-top:1px solid var(--trio-border)}.trio-qv-view-product{display:block;width:100%;padding:10px;border:1px solid var(--trio-purple);border-radius:var(--trio-radius-pill);background:transparent;color:var(--trio-purple);font-family:inherit;font-size:11px;font-weight:600;letter-spacing:.08em;text-align:center;text-decoration:none;cursor:pointer;transition:background .15s,color .15s}.trio-qv-view-product:hover{background:var(--trio-purple);color:#fff}@media(max-width:700px){.trio-qv-overlay{align-items:flex-end;padding:0}.trio-qv-modal{border-radius:16px 16px 0 0;max-height:90vh;flex-direction:column}.trio-qv-carousel{width:100%}.trio-qv-carousel-track{min-height:220px;max-height:260px}.trio-qv-title{padding:16px 52px 12px 16px}.trio-qv-body{padding:16px}}@media(max-width:700px){:root{--trio-tray-h: 134px}.trio-builder__hero{padding:28px 16px 20px}.trio-builder__filters{flex-wrap:nowrap;justify-content:flex-start;padding:10px 12px;gap:10px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.trio-builder__filters::-webkit-scrollbar{display:none}.trio-builder__filters-left,.trio-builder__filters-right{flex:0 0 auto;flex-wrap:nowrap;gap:6px;flex-shrink:0}.trio-builder__filter-label{font-size:12px}.trio-builder__scent-trigger{font-size:12px;gap:3px}.trio-builder__scent-chevron{width:10px;height:10px}.trio-builder__pill-btn{flex-shrink:0}.trio-builder__grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;padding:16px}.trio-builder__tray{padding:10px 16px 12px}.trio-builder__tray-inner{flex-direction:column;gap:10px;align-items:stretch}.trio-builder__tray-slots{gap:10px}.trio-builder__tray-slot-name{display:none}.trio-builder__tray-cta{justify-content:space-between;gap:12px}.trio-builder__add-btn{flex:1;min-width:unset;padding:12px 16px;font-size:10px}.trio-builder__tray-price{font-size:18px}}
/*# sourceMappingURL=/cdn/shop/t/456/assets/trio-builder.css.map */