.byos-wrap{padding:var(--byos-pad-top) var(--byos-pad-right) var(--byos-pad-bottom) var(--byos-pad-left);box-sizing:border-box}.byos-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.byos-heading{font-size:var(--byos-heading-font-size);letter-spacing:.02em;margin:0 0 32px}.byos-body,.byos-body *{font-size:var(--byos-body-font-size)}.byos-items{display:flex;align-items:flex-start;gap:16px;flex-wrap:wrap}.byos-item{position:relative;width:var(--byos-card-width, 160px)}.byos-plus{font-size:28px;line-height:1;padding-top:60px;color:#555;-webkit-user-select:none;user-select:none}.byos-item-card{position:relative;text-align:center;border:1px solid #eaeaea;border-radius:8px;padding:16px 10px}.byos-no-card-border .byos-item-card{border:none}.byos-free-badge{position:absolute;top:6px;left:6px;background:var(--byos-free-badge-bg, var(--byos-accent));border:var(--byos-free-badge-border, none);-webkit-backdrop-filter:var(--byos-free-badge-blur, none);backdrop-filter:var(--byos-free-badge-blur, none);color:#fff;font-size:var(--byos-free-badge-size, 11px);font-weight:700;letter-spacing:.05em;padding:var(--byos-free-badge-padding, 3px 8px);border-radius:4px;z-index:2}.byos-pricing-note{color:#666;margin:-8px 0 16px}.byos-remove{position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:50%;border:1px solid #ccc;background:#fff;cursor:pointer;font-size:16px;line-height:1;color:#444}.byos-remove:hover{background:#f2f2f2}.byos-item-img img{width:100%;height:auto;object-fit:contain;aspect-ratio:1 / 1}.byos-item-title{margin:8px 0 4px;font-weight:var(--byos-title-weight, 500)}.byos-item-price{margin:0;color:#444}.byos-item-empty{border:1px dashed #bbb;border-radius:8px;padding:16px 10px;min-height:220px;display:flex;align-items:center;justify-content:center;position:relative}.byos-add-icon-btn{display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:none;cursor:pointer;color:#777;padding:8px}.byos-add-icon{width:36px;height:36px;border-radius:50%;border:1.5px dashed #aaa;display:flex;align-items:center;justify-content:center;font-size:20px;line-height:1;color:#666;transition:background .15s ease,border-color .15s ease}.byos-add-icon-btn:hover .byos-add-icon{background:#f6f6f6;border-color:#888;color:var(--byos-accent)}.byos-add-icon-label{font-size:13px}.byos-search-input{width:100%;padding:10px 12px;border:1px solid #ccc;border-radius:6px;box-sizing:border-box}.byos-search-results{position:absolute;top:100%;left:0;right:0;z-index:20;background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 6px 16px #00000014;max-height:260px;overflow-y:auto}.byos-search-results-modal{position:static;box-shadow:none;border:none;border-top:1px solid #eee;border-radius:0;margin-top:8px;max-height:320px}.byos-result-row{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:none;background:none;cursor:pointer;text-align:left}.byos-result-row:hover{background:#f6f6f6}.byos-result-row.is-sold-out{opacity:.5;cursor:not-allowed}.byos-result-row.is-sold-out:hover{background:none}.byos-result-row em{font-style:normal;color:#b23b3b;font-size:12px}.byos-swap-error{color:#b23b3b;font-size:13px;margin:4px 0 0;text-align:center}.byos-swap-hint{color:#888;font-size:12px;text-align:center;padding:10px;margin:0}.byos-modal-soldout-note{color:#b23b3b;font-size:12px;margin:-4px 0 8px}.byos-modal-footer .byos-cta:disabled{opacity:.6;cursor:not-allowed}.byos-result-row img{width:32px;height:32px;object-fit:cover;border-radius:4px}.byos-result-price{margin-left:auto;color:#666}.byos-summary{margin-top:36px}.byos-stack-name{font-size:var(--byos-summary-title-size, 20px);margin:0 0 8px;letter-spacing:.03em}.byos-sublink{display:inline-block;margin-bottom:12px;text-decoration:underline}.byos-price-row{margin:0 0 16px}.byos-price{margin-right:10px}.byos-compare{text-decoration:line-through;color:#999;margin-right:8px}.byos-discount{color:var(--byos-accent)}.byos-cta{display:inline-block;background:var(--byos-btn-bg, var(--byos-accent));color:var(--byos-btn-text, #fff);border:var(--byos-btn-border-width, 0px) solid var(--byos-btn-border-color, transparent);padding:var(--byos-btn-padding-v, 14px) var(--byos-btn-padding-h, 28px);font-size:var(--byos-btn-font-size, 15px);border-radius:var(--byos-btn-radius, 0px);cursor:pointer;letter-spacing:.05em;width:auto;max-width:100%}.byos-cta:disabled{opacity:.6;cursor:default}.byos-error{color:#b23b3b;margin-top:10px}.byos-right img.byos-lifestyle-img{width:100%;height:auto;display:block;border-radius:8px}.byos-lifestyle-wrap{position:relative;line-height:0;flex:1 1 auto;min-width:0}.byos-hotspot{position:absolute;transform:translate(-50%,-50%);width:var(--byos-hotspot-size, 34px);height:var(--byos-hotspot-size, 34px);cursor:pointer;outline:none;z-index:4}.byos-hotspot-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1.5px solid #fff;background:#ffffff47;box-shadow:0 0 0 1px #0000002e,0 1px 4px #00000040;transition:transform .2s ease,background .2s ease;z-index:2}.byos-hotspot-ring:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1.5px solid #fff;animation:byos-pulse 2.2s ease-out infinite;z-index:1}@keyframes byos-pulse{0%{transform:scale(1);opacity:.8}to{transform:scale(2.2);opacity:0}}.byos-hotspot.is-active .byos-hotspot-ring:before,.byos-hotspot:hover .byos-hotspot-ring:before{animation-play-state:paused;opacity:0}.byos-hotspot-ring:after{content:"";position:absolute;top:50%;left:50%;width:calc(var(--byos-hotspot-size, 34px) * .24);height:calc(var(--byos-hotspot-size, 34px) * .24);border-radius:50%;background:#fff;transform:translate(-50%,-50%);z-index:2}.byos-hotspot:hover .byos-hotspot-ring,.byos-hotspot:focus-visible .byos-hotspot-ring,.byos-hotspot.is-active .byos-hotspot-ring{transform:scale(1.15);background:#ffffff80}.byos-hotspot-tooltip{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%) translateY(6px);display:flex;align-items:center;gap:8px;background:#fff;border-radius:8px;padding:8px 10px;box-shadow:0 6px 20px #0000002e;width:190px;text-decoration:none;color:inherit;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease}.byos-hotspot:hover .byos-hotspot-tooltip,.byos-hotspot:focus-visible .byos-hotspot-tooltip,.byos-hotspot.is-active .byos-hotspot-tooltip{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.byos-hotspot-tooltip img{width:40px;height:40px;object-fit:cover;border-radius:6px;flex-shrink:0}.byos-hotspot-tooltip-text{display:flex;flex-direction:column;gap:2px;font-size:13px;line-height:1.25}.byos-hotspot-tooltip-text span{color:#666}.byos-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.byos-modal-overlay[hidden]{display:none}.byos-modal{background:#fff;border-radius:10px;width:100%;max-width:420px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden}.byos-swap-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1001;display:flex;align-items:center;justify-content:center;padding:20px}.byos-swap-modal-overlay[hidden]{display:none}.byos-swap-modal{background:#fff;border-radius:10px;width:100%;max-width:420px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden}.byos-swap-modal-body{padding:16px 20px 20px;overflow-y:auto}.byos-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #eee;flex-shrink:0}.byos-modal-title{margin:0;font-size:1.15em}.byos-modal-close{width:28px;height:28px;border-radius:50%;border:none;background:#f2f2f2;cursor:pointer;font-size:18px;line-height:1;color:#444;flex-shrink:0}.byos-modal-close:hover{background:#e6e6e6}.byos-modal-body{padding:8px 20px;overflow-y:auto;flex:1}.byos-modal-loading{color:#777;padding:20px 0;text-align:center}.byos-modal-row{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid #f0f0f0}.byos-modal-row:last-child{border-bottom:none}.byos-modal-row-img{width:72px;height:72px;object-fit:cover;border-radius:6px;flex-shrink:0}.byos-modal-row-info{flex:1;min-width:0}.byos-modal-row-title{margin:0 0 4px;font-weight:var(--byos-title-weight, 500)}.byos-modal-row-price{margin:0 0 8px}.byos-modal-price{font-weight:600;margin-right:8px}.byos-modal-compare{text-decoration:line-through;color:#999}.byos-modal-options{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.byos-modal-options-label{color:#666}.byos-modal-option-btn{min-width:36px;padding:6px 10px;border:1px solid #ccc;border-radius:6px;background:#fff;cursor:pointer}.byos-modal-option-btn.is-selected{border-color:var(--byos-accent);color:var(--byos-accent);box-shadow:0 0 0 1px var(--byos-accent)}.byos-modal-option-btn:disabled{opacity:.4;cursor:not-allowed;text-decoration:line-through}.byos-modal-footer{padding:16px 20px 20px;border-top:1px solid #eee;flex-shrink:0}.byos-modal-footer .byos-cta{display:block;width:100%;max-width:none}@media screen and (max-width:749px){.byos-grid{grid-template-columns:1fr}.byos-right{order:-1}.byos-items{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:8px}.byos-item{width:auto;flex:1 1 0;min-width:0;max-width:var(--byos-card-width, 130px)}.byos-item-card,.byos-item-empty{padding:10px 6px;min-height:160px}.byos-plus{flex:0 0 auto;padding-top:0;font-size:20px}.byos-hotspot-tooltip{width:150px}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/component-build-your-own-stack.css.map */