.byo{--byo-ink:#0a1b3d;--byo-surface:#fff;--byo-soft:#f7e7d7;--byo-line:rgba(10, 27, 61, .14);max-width:1400px;width:100%;margin-inline:auto;color:var(--byo-ink)}.byo .byo__grid{gap:clamp(14px, 1.4vw, 24px);margin-bottom:clamp(28px, 4vw, 52px)}.byo .byo__tile{display:flex;flex-direction:column;min-width:0;padding:clamp(12px, 1.1vw, 18px);border-radius:14px;border-color:var(--byo-line);background:var(--byo-surface);cursor:pointer;transition:box-shadow .15s,transform .15s}.byo .byo__tile:hover{box-shadow:0 8px 24px rgb(10 27 61 / .1)}.byo .byo__tile.is-picked{border-color:var(--byo-accent,#aa2827);box-shadow:0 8px 24px rgb(10 27 61 / .09)}.byo .byo__img-wrap{aspect-ratio:1419 / 1109;margin-bottom:clamp(10px, 1vw, 16px)}.byo .byo__img{object-fit:contain}.byo .byo__name{flex:1 1 auto;align-items:center;justify-content:center;text-align:center;min-height:2.5em;margin-bottom:clamp(12px, 1.2vw, 20px);font-size:clamp(18px, 1.35vw, 23px);line-height:1.18;font-weight:700}.byo .byo__badges{top:1rem;left:1rem}.byo .byo__badge{font-size:1rem;padding:.28rem .6rem}.byo .byo__stepper{justify-content:space-between;gap:10px;padding-top:2px}.byo .byo__step{width:44px;height:44px;font-size:1.45rem}.byo .byo__qty{font-size:17px}.byo .byo__actionbar{bottom:12px;flex-wrap:wrap;gap:12px 18px;margin-top:0;padding:14px;border-color:var(--byo-line);border-radius:14px;box-shadow:0 12px 36px rgb(10 27 61 / .16)}.byo .byo__counter-text,.byo .byo__added{font-size:clamp(17px, 1.15vw, 20px)}.byo .byo__progress{height:10px;margin-top:7px}.byo .byo__submit,.byo .byo__actionbar .byo__submit{min-height:48px;padding:13px 24px;font-size:clamp(17px, 1.15vw, 19px);border-radius:10px}.byo__selection-tray{flex:1 0 100%;min-width:0}.byo__selection-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:9px;font-size:clamp(16px, 1.05vw, 19px);line-height:1.2}.byo__selection-summary{font-weight:700;color:var(--byo-accent,#aa2827)}.byo__selection-slots{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.byo__selection-slot{position:relative;display:flex;align-items:center;gap:9px;min-width:0;height:72px;padding:7px;border:1.5px dashed rgb(10 27 61 / .25);border-radius:10px;background:rgb(247 231 215 / .48);color:rgb(10 27 61 / .58);overflow:hidden}.byo__selection-slot.is-filled{border-style:solid;border-color:var(--byo-accent,#aa2827);background:#fff;color:var(--byo-ink,#0a1b3d);cursor:pointer}.byo__selection-slot.is-filled:hover{background:#fff8f2}.byo__selection-number{display:grid;place-items:center;flex:0 0 auto;width:28px;height:28px;border-radius:50%;background:rgb(10 27 61 / .07);font-size:.8rem;font-weight:700}.byo__selection-thumb{flex:0 0 auto;width:52px;height:52px;border-radius:8px;object-fit:cover}.byo__selection-name{min-width:0;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:.83rem;font-weight:700;line-height:1.15;text-align:left}.byo__selection-remove{position:absolute;top:3px;right:4px;font-size:1rem;font-weight:700;line-height:1;color:var(--byo-accent,#aa2827)}@media (max-width:960px){.byo .byo__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.byo__selection-name{display:none}.byo__selection-slot{justify-content:center;height:64px;padding:5px}.byo__selection-thumb{width:48px;height:48px}}@media (max-width:640px){.byo .byo__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px;margin-bottom:24px}.byo .byo__tile{padding:10px;border-radius:12px}.byo .byo__name{min-height:2.45em;margin-bottom:10px;font-size:clamp(16px, 4.5vw, 18px)}.byo .byo__step{width:42px;height:42px}.byo .byo__actionbar{bottom:6px;gap:9px;padding:10px}.byo .byo__counter-text,.byo .byo__added,.byo .byo__actionbar .byo__submit{font-size:16px}.byo .byo__actionbar .byo__submit{width:100%;min-width:0;min-height:46px}.byo__selection-heading{margin-bottom:6px;font-size:.95rem}.byo__selection-slots{gap:5px}.byo__selection-slot{height:45px;min-width:0;padding:3px;border-radius:8px}.byo__selection-thumb{width:37px;height:37px;border-radius:6px}.byo__selection-number{width:23px;height:23px;font-size:.72rem}.byo__selection-remove{top:1px;right:2px;font-size:.8rem}}body.byo-builder-page .byo{max-width:var(--content-width,1366px)!important;margin-inline:auto;padding-inline:2rem}body.byo-builder-page #brx-content{padding-bottom:clamp(60px, 8vw, 120px)}@media (max-width:640px){body.byo-builder-page .byo{padding-inline:1rem}}