.byob-section{position:relative;box-sizing:border-box;width:100%;color:var(--byob-text,#121212);background-color:var(--byob-bg,#ffffff)}.byob-section *,.byob-section *:before,.byob-section *:after{box-sizing:border-box}.byob-container{width:100%;max-width:var(--page-width,1200px);margin:0 auto;padding-left:1.5rem;padding-right:1.5rem}.byob-container--narrow{max-width:900px}.byob-container--full-width{max-width:100%;padding-left:2rem;padding-right:2rem}.byob-header{text-align:center;margin-bottom:2rem}.byob-header__badge{display:inline-flex;align-items:center;gap:6px;background:var(--byob-badge-bg,#ffe9e9);color:var(--byob-badge-text,#820010);border:1px solid var(--byob-badge-border,#f6d1d5);font-family:var(--font-heading-family,inherit);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:4px 14px;border-radius:40px;margin-bottom:.75rem}.byob-header__title{font-family:var(--font-heading-family,inherit);font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:700;color:var(--byob-text,#121212);margin:0 0 .5rem;line-height:1.2}.byob-header__subheading{font-family:var(--font-body-family,inherit);font-size:clamp(.95rem,1.5vw,1.1rem);color:rgba(var(--color-foreground,18,18,18),.75);max-width:650px;margin:0 auto;line-height:1.5}.byob-tabs-wrap{display:flex;justify-content:center;align-items:center;margin-bottom:2rem}.byob-tabs{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;padding:4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.byob-tabs::-webkit-scrollbar{display:none}.byob-tab-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 18px;background:#fff0;color:var(--byob-text,#121212);border:1.5px solid #e0e0e0;border-radius:40px;font-family:var(--font-body-family,inherit);font-size:.9rem;font-weight:600;white-space:nowrap;cursor:pointer;transition:all .2s ease}.byob-tab-btn:hover{border-color:#121212}.byob-tab-btn--active{background:var(--byob-primary-btn-bg,#000000);color:var(--byob-primary-btn-text,#ffffff);border-color:var(--byob-primary-btn-bg,#000000)}.byob-dropdown-wrap{width:100%;max-width:320px;margin:0 auto}.byob-dropdown{width:100%;height:44px;padding:0 16px;border:1.5px solid #d0d0d0;border-radius:40px;font-family:inherit;font-size:.95rem;font-weight:600;background:#fff;color:#121212;cursor:pointer}.byob-grid{display:grid;gap:var(--byob-grid-gap,16px);grid-template-columns:repeat(var(--byob-cols-desktop,4),minmax(0,1fr));margin-bottom:2rem}@media screen and (max-width:990px){.byob-grid{grid-template-columns:repeat(var(--byob-cols-tablet,3),minmax(0,1fr))}}@media screen and (max-width:750px){.byob-grid{grid-template-columns:repeat(var(--byob-cols-mobile,2),minmax(0,1fr));gap:12px}}.byob-card{display:flex;flex-direction:column;background:var(--byob-card-bg,#ffffff);border:1px solid var(--byob-card-border,#e5dcd6);border-radius:var(--byob-card-radius,8px);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.byob-card:hover{box-shadow:0 6px 18px #00000014;border-color:#c9b8b0}.byob-card--selected{border-color:var(--byob-progress-fill,#2e7d32);box-shadow:0 0 0 1.5px var(--byob-progress-fill,#2e7d32)}.byob-card--hidden{display:none!important}.byob-card__inner{display:flex;flex-direction:column;height:100%}.byob-card__media-wrap{position:relative;width:100%;overflow:hidden;background:#fafafa}.byob-card__media-wrap--square{padding-bottom:100%}.byob-card__media-wrap--portrait{padding-bottom:133.33%}.byob-card__media-wrap--landscape{padding-bottom:75%}.byob-card__media-wrap--natural{padding-bottom:100%}.byob-card__image{position:absolute;top:0;left:0;width:100%;height:100%;transition:transform .4s ease}.byob-card__image--cover{object-fit:cover}.byob-card__image--contain{object-fit:contain;padding:12px}.byob-card:hover .byob-card__image{transform:scale(1.03)}.byob-card__image-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f0f0f0}.byob-placeholder-svg{width:60%;height:60%;opacity:.4}.byob-card__badge{position:absolute;top:10px;left:10px;background:#820010;color:#fff;font-size:.7rem;font-weight:700;padding:3px 8px;border-radius:4px;text-transform:uppercase;z-index:2}.byob-card__content{display:flex;flex-direction:column;flex-grow:1;padding:16px 14px}.byob-card--align-center .byob-card__content{text-align:center;align-items:center}.byob-card--align-left .byob-card__content{text-align:left;align-items:flex-start}.byob-card--align-right .byob-card__content{text-align:right;align-items:flex-end}.byob-card__vendor{font-size:.75rem;text-transform:uppercase;letter-spacing:.8px;color:#777;margin:0 0 4px}.byob-card__title{font-family:var(--font-body-family,inherit);font-size:.95rem;font-weight:600;line-height:1.35;margin:0 0 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em}.byob-card__title-link{color:inherit;text-decoration:none}.byob-card__title-link:hover{text-decoration:underline}.byob-card__variant-wrap{width:100%;margin-bottom:8px}.byob-card__variant-select{width:100%;height:34px;padding:0 8px;font-size:.82rem;font-family:inherit;border:1px solid #d4d4d4;border-radius:4px;background:#fff;color:#121212;cursor:pointer}.byob-card__variant-subtitle{font-size:.82rem;color:#666;margin:0 0 6px}.byob-card__price-row{display:flex;align-items:center;gap:8px;margin-top:auto;margin-bottom:12px}.byob-card__price{font-family:Telex,sans-serif;font-size:1rem;font-weight:700;color:#121212}.byob-card__compare-price{font-size:.88rem;color:#888}.byob-card__actions{width:100%}.byob-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;height:40px;padding:0 16px;border-radius:40px;font-family:Telex,sans-serif;font-size:.88rem;font-weight:700;cursor:pointer;transition:all .2s ease;border:none;text-decoration:none}.byob-btn--primary{background:var(--byob-primary-btn-bg,#000000);color:var(--byob-primary-btn-text,#ffffff)}.byob-btn--primary:hover:not(:disabled){opacity:.88}.byob-btn--secondary{background:var(--byob-secondary-btn-bg,#b5b5b5);color:var(--byob-secondary-btn-text,#ffffff)}.byob-btn--secondary:hover:not(:disabled){background:#999}.byob-btn--added{background:#2e7d32!important;color:#fff!important}.byob-card__button-check{display:none}.byob-btn--added .byob-card__button-check{display:inline-flex}.byob-btn:disabled{opacity:.45;cursor:not-allowed}.byob-empty-state{text-align:center;padding:3rem 1rem;background:#fafafa;border-radius:8px;border:1px dashed #dcdcdc;margin:1.5rem 0}.byob-empty-state p{margin:0;font-size:1rem;color:#666}.byob-bottom-bar{position:relative;width:100%;max-width:860px;margin:36px auto 0;background:var(--byob-bottom-bar-bg,#ffffff);border:1px solid var(--byob-card-border,#e5dcd6);border-radius:var(--byob-card-radius,16px);box-shadow:0 4px 24px #00000014;z-index:10;padding:26px 24px 20px;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .3s ease}.byob-bottom-bar--fixed{position:fixed;bottom:20px;left:50%;transform:translate(-50%);width:calc(100% - 32px);max-width:860px;margin:0;z-index:100;box-shadow:0 10px 40px #00000029}@supports (bottom:env(safe-area-inset-bottom)){.byob-bottom-bar--fixed{bottom:calc(16px + env(safe-area-inset-bottom))}}.byob-bottom-bar--docked{position:absolute!important;bottom:20px!important;left:50%!important;transform:translate(-50%)!important;width:calc(100% - 32px);max-width:860px;margin:0!important;box-shadow:0 8px 30px #0000001a!important}.byob-bottom-bar--hidden{transform:translate(-50%,calc(100% + 40px))!important;opacity:0!important;pointer-events:none!important}.byob-bottom-bar--sticky{position:sticky;bottom:20px;z-index:50;box-shadow:0 8px 32px #0000001f}.byob-bottom-bar__inner{width:100%;max-width:680px;margin:0 auto}.byob-bottom-bar__badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:5px;background:#000;color:#fff;padding:4px 12px;border-radius:20px;font-size:.78rem;font-weight:700;box-shadow:0 2px 8px #0003;z-index:5}.byob-bottom-bar__badge svg{width:14px;height:14px}.byob-bottom-bar__nudge{text-align:center;font-family:var(--font-body-family,inherit);font-size:.95rem;font-weight:700;color:#121212;margin:0 0 8px}.byob-bottom-bar__nudge--complete{color:#2e7d32}.byob-progress{width:100%;max-width:680px;height:6px;background:var(--byob-progress-track,#e0f2e9);border-radius:6px;margin:0 auto 12px;overflow:hidden}.byob-progress__bar{height:100%;background:var(--byob-progress-fill,#2e7d32);width:0%;border-radius:6px;transition:width .35s cubic-bezier(.4,0,.2,1)}.byob-slots{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:14px;overflow-x:auto;padding:4px;scrollbar-width:none}.byob-slots::-webkit-scrollbar{display:none}.byob-slot{position:relative;width:54px;height:54px;flex-shrink:0;border-radius:6px;display:flex;align-items:center;justify-content:center;background:var(--byob-slot-bg,#fbfbfb);border:1.5px dashed var(--byob-slot-border,#cccccc);transition:all .2s ease}.byob-slot__number{font-family:Telex,sans-serif;font-size:.95rem;font-weight:700;color:#999}.byob-slot--fixed{border-style:solid;border-color:#2e7d32;background:#fff}.byob-slot--filled{border-style:solid;border-color:#d0d0d0;background:#fff}.byob-slot__thumb{width:100%;height:100%;object-fit:contain;padding:4px;border-radius:5px}.byob-slot__lock-badge{position:absolute;bottom:-4px;right:-4px;width:18px;height:18px;background:#2e7d32;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;box-shadow:0 1px 3px #0003}.byob-slot__lock-badge svg{width:10px;height:10px}.byob-slot__remove{position:absolute;top:-6px;right:-6px;width:18px;height:18px;background:#121212;color:#fff;border-radius:50%;border:1.5px solid #fff;display:flex;align-items:center;justify-content:center;font-size:11px;line-height:1;cursor:pointer;padding:0;transition:background .15s ease,transform .15s ease}.byob-slot__remove:hover{background:#c62828;transform:scale(1.1)}.byob-bottom-bar__footer{display:flex;align-items:center;justify-content:space-between;gap:16px}.byob-bottom-bar__col-left,.byob-bottom-bar__col-right{flex:0 0 160px}.byob-bottom-bar__col-center{flex:1;text-align:center}.byob-bottom-bar__total-wrap{display:flex;flex-direction:column;align-items:center;gap:2px}.byob-bottom-bar__total{font-family:Telex,sans-serif;font-size:1.15rem;font-weight:700;color:#121212}.byob-bottom-bar__original-total{font-size:.88rem;color:#888;margin-left:6px}.byob-bottom-bar__savings-badge{display:inline-block;background:#eaf6ec;color:#2e7d32;border:1px solid #cfe8d5;font-size:.75rem;font-weight:700;padding:2px 8px;border-radius:12px}.byob-bottom-bar .byob-btn{width:100%;height:48px;border-radius:40px;font-family:inherit;font-weight:700;font-size:.95rem;display:inline-flex;align-items:center;justify-content:center;text-align:center;border:none;transition:all .2s ease}.byob-bottom-bar [data-byob-btn-back]{background:var(--byob-secondary-btn-bg,#b5b5b5);color:var(--byob-secondary-btn-text,#ffffff)}.byob-bottom-bar [data-byob-btn-back]:hover{background:#999}.byob-bottom-bar [data-byob-btn-next]:disabled{background:#b5b5b5!important;color:#fff!important;opacity:1!important;cursor:not-allowed}.byob-bottom-bar [data-byob-btn-next]:not(:disabled){background:var(--byob-primary-btn-bg,#000000);color:var(--byob-primary-btn-text,#ffffff);cursor:pointer}.byob-bottom-bar [data-byob-btn-next]:not(:disabled):hover{opacity:.88}@media screen and (max-width:750px){.byob-bottom-bar{padding:24px 16px 16px;margin:24px auto 0;border-radius:12px}.byob-bottom-bar__col-left,.byob-bottom-bar__col-right{flex:0 0 100px}.byob-bottom-bar .byob-btn{height:42px;font-size:.85rem;padding:0 8px}.byob-slot{width:46px;height:46px}.byob-bottom-bar__total{font-size:1rem}.byob-bottom-bar__nudge{font-size:.85rem}}.byob-review-view{display:none;animation:byobFadeIn .3s ease}.byob-review-view--active{display:block}.byob-grid-view--hidden{display:none!important}@keyframes byobFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.byob-review-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:24px;max-width:760px;margin:0 auto 3rem;box-shadow:0 4px 20px #0000000d}.byob-review-card__header{border-bottom:1px solid #eee;padding-bottom:16px;margin-bottom:20px}.byob-review-card__title{margin:0 0 4px;font-size:1.3rem;font-weight:700}.byob-review-card__subtitle{margin:0;color:#666;font-size:.9rem}.byob-review-list{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-direction:column;gap:12px}.byob-review-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;background:#fafafa;border-radius:8px;border:1px solid #f0f0f0}.byob-review-item__left{display:flex;align-items:center;gap:12px}.byob-review-item__thumb{width:48px;height:48px;object-fit:cover;border-radius:6px;background:#fff;border:1px solid #eee}.byob-review-item__info{display:flex;flex-direction:column}.byob-review-item__title{font-weight:600;font-size:.92rem;margin:0}.byob-review-item__variant{font-size:.8rem;color:#777;margin:2px 0 0}.byob-review-item__tag{display:inline-block;font-size:.7rem;font-weight:700;color:#2e7d32;background:#eaf6ec;padding:2px 6px;border-radius:4px;margin-top:2px;width:max-content}.byob-review-item__price{font-family:Telex,sans-serif;font-weight:700;font-size:.95rem}.byob-review-summary{border-top:1.5px solid #ececec;padding-top:16px;margin-bottom:24px}.byob-review-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:.95rem;color:#555}.byob-review-row--total{border-top:1px solid #eee;margin-top:8px;padding-top:12px;font-size:1.15rem;font-weight:700;color:#121212}.byob-review-row--savings{color:#2e7d32;font-weight:600}.byob-review-actions{display:flex;gap:14px}.byob-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgb(255 255 255 / .4);border-top-color:#fff;border-radius:50%;animation:byobSpin .6s linear infinite}@keyframes byobSpin{to{transform:rotate(360deg)}}.byob-alert{padding:10px 14px;border-radius:6px;margin-bottom:16px;font-size:.88rem;display:none}.byob-alert--error{display:block;background:#ffebee;color:#c62828;border:1px solid #ffcdd2}
/*# sourceMappingURL=/cdn/shop/t/38/assets/build-your-own-bundle.css.map */