.kent-byob{--byob-ink: var(--kent-ink, #161616);--byob-green: var(--kent-green, #2D9960);--byob-oat: var(--kent-oat, #F8F3F0);--byob-line: #E4DDD7;--byob-gutter: clamp(16px, 3.2vw, 56px);background:var(--byob-oat);color:var(--byob-ink);font-family:var(--kent-text, "futura-pt", "Futura", "Helvetica Neue", Arial, sans-serif);padding:clamp(28px,4vw,56px) var(--byob-gutter) clamp(48px,6vw,96px)}.kent-byob *,.kent-byob *:before,.kent-byob *:after{box-sizing:border-box}.kent-byob button{font:inherit;color:inherit;cursor:pointer}.kent-byob img{display:block;max-width:100%}.kent-byob__hero{max-width:1400px;margin:0 auto clamp(24px,3vw,40px)}.kent-byob__kicker{display:inline-grid;place-items:center;min-width:110px;height:34px;padding:0 16px;margin:0 0 10px;border:1px solid var(--byob-green);border-radius:50%;transform:rotate(-6deg);color:var(--byob-green);font-size:10.6px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.kent-byob__title{margin:0;font-family:var(--kent-display, "futura-pt", "Futura", sans-serif);font-weight:var(--kent-display-weight, 800);font-size:clamp(2rem,4.2vw,3.6rem);line-height:.95;letter-spacing:-.02em;text-transform:uppercase}.kent-byob__lede{margin:12px 0 0;max-width:none;font-size:clamp(1rem,1.2vw,1.15rem);line-height:1.45}.kent-byob__tiers{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 0;padding:0;list-style:none}.kent-byob__tiers li{display:flex;align-items:baseline;gap:8px;padding:9px 16px;border-radius:999px;background:#fff;border:1px solid var(--byob-line);font-size:13px}.kent-byob__tiers strong{font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:11.5px}.kent-byob__tiers span{color:var(--byob-green);font-weight:600}.kent-byob__wrap{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,380px);gap:clamp(24px,3vw,48px);align-items:start}.kent-byob__tabs{display:flex;gap:22px;margin:0 0 18px;border-bottom:1px solid var(--byob-line)}.kent-byob__tab{flex:0 0 auto;width:auto;min-width:0;padding:0 0 10px;margin-bottom:-1px;border:0;border-bottom:2px solid transparent;background:none;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;opacity:.55}.kent-byob__tab[aria-selected=true]{opacity:1;border-bottom-color:var(--byob-ink)}.kent-byob__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.4vw,20px);margin:0;padding:0;list-style:none}.kent-byob__card{display:flex;flex-direction:column;background:#fff;border-radius:12px;overflow:hidden}.kent-byob__card[hidden]{display:none}.kent-byob__media{display:block;aspect-ratio:4 / 5;background:var(--kent-flatlay-bg, #FBFBFB)}.kent-byob__media img{width:100%;height:100%;object-fit:cover}.kent-byob__info{display:flex;flex-direction:column;gap:10px;padding:14px 14px 16px;flex:1}.kent-byob__row{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.kent-byob__name{color:inherit!important;text-decoration:none!important;font-size:15px;font-weight:600;line-height:1.25}.kent-byob__price{font-size:14px;white-space:nowrap}.kent-byob__colour{margin:-4px 0 0;font-size:12px;opacity:.65;min-height:1.2em}.kent-byob__swatches{display:flex;flex-wrap:wrap;gap:6px}.kent-byob__swatch{width:24px;height:24px;padding:2px;border-radius:50%;border:1px solid transparent;background:none}.kent-byob__swatch span{display:block;width:100%;height:100%;border-radius:50%;background:#ddd;box-shadow:inset 0 0 0 1px #0000001f}.kent-byob__swatch[aria-checked=true]{border-color:var(--byob-ink)}.kent-byob__swatch.is-out span{opacity:.35}.kent-byob__sizes{display:flex;flex-wrap:wrap;gap:5px;border-radius:6px;transition:box-shadow .2s}.kent-byob__sizes.is-nudge{box-shadow:0 0 0 2px var(--byob-green)}.kent-byob__size{min-width:36px;height:30px;padding:0 6px;border:1px solid #D6D0CB;border-radius:4px;background:#fff;font-size:11.5px;font-weight:600;letter-spacing:.04em}.kent-byob__size[aria-checked=true]{background:var(--byob-ink);border-color:var(--byob-ink);color:#fff}.kent-byob__size:disabled{opacity:.35;cursor:not-allowed;text-decoration:line-through}.kent-byob__add{margin-top:auto;height:42px;border:1px solid var(--byob-ink);border-radius:4px;background:var(--byob-ink);color:#fff!important;font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.kent-byob__add.is-hint{background:#fff;color:var(--byob-ink)!important}.kent-byob__add.is-added{background:var(--byob-green);border-color:var(--byob-green)}.kent-byob__add:disabled{opacity:.45;cursor:not-allowed}.kent-byob__panel{position:sticky;top:calc(var(--kent-header-bottom, 120px) + 16px);background:#fff;border-radius:14px;border:1px solid var(--byob-line)}.kent-byob__bar{display:none}.kent-byob__panel-body{padding:20px}.kent-byob__panel-title{margin:0;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.kent-byob__status{margin:6px 0 14px;font-size:14px;line-height:1.4;min-height:2.8em}.kent-byob__progress{position:relative;height:6px;margin:0 4px 26px;border-radius:6px;background:#ede7e2}.kent-byob__progress-fill{position:absolute;inset:0 auto 0 0;width:0;border-radius:6px;background:var(--byob-green);transition:width .3s var(--kent-ease, ease)}.kent-byob__mark{position:absolute;top:50%;left:var(--at);transform:translate(-50%,-50%)}.kent-byob__mark b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#fff;border:1.5px solid var(--byob-green);color:var(--byob-green);font-size:11px;font-weight:700}.kent-byob__mark:last-child b{transform:translate(-11px)}.kent-byob__slots{display:flex;flex-direction:column;gap:8px;margin:0 0 16px;padding:0;list-style:none}.kent-byob__slot{display:grid;grid-template-columns:44px minmax(0,1fr) auto auto;align-items:center;gap:10px;min-height:56px;padding:6px 8px;border:1px dashed #D6D0CB;border-radius:8px;font-size:13px}.kent-byob__slot.is-tier{border-color:var(--byob-green)}.kent-byob__slot.is-filled{border-style:solid;border-color:var(--byob-line);background:#fcfaf8}.kent-byob__slot-num{display:grid;place-items:center;width:44px;height:44px;border-radius:6px;background:#f3eeea;font-size:13px;font-weight:700;opacity:.6}.kent-byob__slot-empty{grid-column:2 / -1;font-size:12.5px;opacity:.55}.kent-byob__slot.is-tier .kent-byob__slot-empty{opacity:1;color:var(--byob-green);font-weight:600}.kent-byob__slot-img{width:44px;height:56px;border-radius:4px;overflow:hidden;background:var(--kent-flatlay-bg, #FBFBFB)}.kent-byob__slot-img img{width:100%;height:100%;object-fit:cover}.kent-byob__slot-text{display:flex;flex-direction:column;min-width:0;line-height:1.3}.kent-byob__slot-text b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kent-byob__slot-text span{font-size:12px;opacity:.65;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kent-byob__slot-price{font-size:13px}.kent-byob__remove{width:28px;height:28px;border:0;border-radius:50%;background:none;font-size:18px;line-height:1;opacity:.5}.kent-byob__remove:hover{opacity:1;background:#f3eeea}.kent-byob__totals{border-top:1px solid var(--byob-line);padding-top:12px;margin-bottom:14px}.kent-byob__totals p{display:flex;justify-content:space-between;margin:0 0 4px;font-size:14px}.kent-byob__saving{color:var(--byob-green);font-weight:600}.kent-byob__checkout{width:100%;min-height:50px;border:0;border-radius:4px;background:var(--byob-ink);color:#fff!important;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.kent-byob__checkout:disabled{background:#cfc8c2;cursor:not-allowed}.kent-byob__fine{margin:10px 0 0;font-size:12px;text-align:center;opacity:.65}.kent-byob__clear{display:block;margin:8px auto 0;border:0;background:none;font-size:12px;text-decoration:underline;opacity:.6}.kent-byob__clear[hidden]{display:none}@media screen and (max-width:1100px){.kent-byob__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:749px){.kent-byob{padding-bottom:110px}.kent-byob__wrap{grid-template-columns:1fr}.kent-byob__grid{gap:10px}.kent-byob__info{padding:10px 10px 12px;gap:8px}.kent-byob__name{font-size:13.5px}.kent-byob__price{font-size:13px}.kent-byob__swatch{width:22px;height:22px}.kent-byob__size{min-width:32px;height:28px;font-size:11px}.kent-byob__add{height:38px;font-size:10.5px;letter-spacing:.08em}.kent-byob__panel{position:fixed;left:0;right:0;bottom:0;top:auto;z-index:40;border-radius:14px 14px 0 0;border-width:1px 0 0;box-shadow:0 -6px 24px #00000014;max-height:82vh;display:flex;flex-direction:column}.kent-byob__bar{display:flex;align-items:center;gap:10px;width:100%;min-height:58px;padding:0 18px;border:0;background:none;text-align:left}.kent-byob__bar-count{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.kent-byob__bar-note{flex:1;font-size:13px;color:var(--byob-green);font-weight:600}.kent-byob__bar-chev{width:10px;height:10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-135deg);transition:transform .2s}.kent-byob.is-panel-open .kent-byob__bar-chev{transform:rotate(45deg)}.kent-byob__panel-body{display:none;overflow-y:auto;padding:0 18px 18px}.kent-byob.is-panel-open .kent-byob__panel-body{display:block}.kent-byob__panel-title{display:none}}.kent-byob .kent-byob__tab{flex:none!important;width:auto!important;min-width:0!important;padding:0 0 10px!important;height:auto!important;font-size:12px!important;letter-spacing:.1em!important}.kent-byob .kent-byob__size{width:auto!important;font-size:11.5px!important;letter-spacing:.04em!important;line-height:1!important}.kent-byob .kent-byob__add,.kent-byob .kent-byob__checkout{width:100%!important;font-size:11.5px!important;line-height:1.2!important;white-space:nowrap}.kent-byob .kent-byob__swatch{min-width:0!important}@media screen and (max-width:749px){.kent-byob .kent-byob__size{min-width:30px!important;height:28px!important;font-size:10.5px!important}.kent-byob .kent-byob__add{font-size:10px!important;letter-spacing:.06em!important}.kent-byob .kent-byob__bar{width:100%!important}}.kent-byob .kent-byob__tabs{justify-content:flex-start!important;gap:22px!important;padding:0!important}.kent-byob .kent-byob__tabs .kent-byob__tab{margin:0 0 -1px!important}
/*# sourceMappingURL=/cdn/shop/t/85/assets/kent-byob.css.map */