.byo{padding-bottom:calc(var(--section-space) + 90px)}.byo__steps{display:grid;gap:clamp(32px,5vw,56px);max-width:64rem;margin-inline:auto}.byo__step>h2{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.byo__num{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--color-saffron);color:var(--color-walnut);font-family:var(--font-body);font-size:1rem;font-weight:500;flex:none}.byo__hint{margin-bottom:1rem;font-weight:500}.byo__setup{max-width:40rem;margin-inline:auto}.byo__sizes{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;border:0;padding:0;min-width:0}.byo-size{position:relative;display:block}.byo-size input{position:absolute;opacity:0;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;cursor:pointer}.byo-size__card{display:grid;gap:.35rem;justify-items:center;padding:.9rem .5rem;border:1.5px solid var(--color-line-strong);border-radius:var(--radius-card);text-align:center;transition:border-color .2s,background-color .2s}.byo-size__card.is-selected{border-color:var(--color-terracotta);background:color-mix(in srgb,var(--color-terracotta) 8%,transparent);box-shadow:inset 0 0 0 1px var(--color-terracotta)}.byo-size input:focus-visible+.byo-size__card{outline:2px solid var(--color-walnut);outline-offset:3px}.byo-size.is-unavailable{opacity:.5}.byo-size__grid{display:grid;grid-template-columns:repeat(var(--cols, 2),10px);gap:3px;margin-bottom:.25rem}.byo-size__grid i{width:10px;height:10px;border-radius:2px;background:var(--color-walnut);opacity:.8}.byo-size strong{font-size:.875rem;font-weight:500}.byo__layout{display:grid;gap:1.5rem}.byo__box{display:grid;grid-template-columns:repeat(var(--cols, 2),1fr);gap:.6rem;padding:.75rem;max-width:26rem;margin-inline:auto;width:100%;border:2px solid var(--color-terracotta);border-radius:var(--radius-card);background:color-mix(in srgb,var(--color-walnut) 8%,var(--color-almond))}.byo-slot{position:relative;aspect-ratio:1 / 1}.byo-slot__btn{display:grid;place-items:center;align-content:center;gap:.2rem;width:100%;height:100%;padding:.25rem;border:1.5px dashed var(--color-line-strong);border-radius:calc(var(--radius-card) / 1.5);background:var(--color-almond);overflow:hidden}.byo-slot.is-filled .byo-slot__btn{border-style:solid;border-color:var(--color-walnut)}.byo-slot.is-active .byo-slot__btn{border:2.5px solid var(--color-terracotta);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-saffron) 70%,transparent)}.byo-slot__btn img{width:62%;height:62%;object-fit:cover;border-radius:50%}.byo-slot__num{font-family:var(--font-heading);font-size:1.5rem;opacity:.7}.byo-slot__name{font-size:.6875rem;line-height:1.15;font-weight:500;text-align:center;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.byo-slot__clear{position:absolute;top:-6px;right:-6px;width:26px;height:26px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:var(--color-walnut);color:var(--color-almond);font-size:1rem;line-height:1}.byo__picker .label{margin-bottom:.75rem}.byo__fillings{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.byo-filling{display:grid;gap:.4rem;justify-items:center;width:100%;padding:.5rem .35rem;border:1px solid var(--color-line);border-radius:var(--radius-card);background:transparent;text-align:center;transition:border-color .2s,transform .2s var(--ease-out)}.byo-filling:hover{border-color:var(--color-walnut)}.byo-filling:active{transform:scale(.97)}.byo-filling__img{display:block;width:100%;max-width:72px;aspect-ratio:1;overflow:hidden;border-radius:50%}.byo-filling__img img,.byo-filling__img .image-placeholder{width:100%;height:100%;min-height:0;object-fit:cover;padding:0}.byo-filling__name{font-size:.8125rem;font-weight:500;line-height:1.2}.byo__summary{position:fixed;left:0;right:0;bottom:0;z-index:calc(var(--z-float) + 5);display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem var(--page-margin) calc(.7rem + env(safe-area-inset-bottom));background:var(--color-almond);border-top:1px solid var(--color-line-strong);box-shadow:0 -6px 20px color-mix(in srgb,var(--color-walnut) 12%,transparent)}.byo__summary-info{display:grid;min-width:0}.byo__summary-title{font-size:.875rem}.byo__summary-status{font-size:.8125rem;min-height:1.2em}.byo__app [data-error]{margin-top:1rem;max-width:64rem;margin-inline:auto}.whatsapp-button{bottom:calc(86px + env(safe-area-inset-bottom))}@media(min-width:750px){.byo__sizes{max-width:34rem}.byo__fillings{grid-template-columns:repeat(4,1fr)}}@media(min-width:990px){.byo__layout{grid-template-columns:minmax(0,26rem) minmax(0,1fr);gap:3rem;align-items:start}.byo__box{position:sticky;top:calc(var(--header-height) + 1rem);margin:0}.byo__fillings{grid-template-columns:repeat(4,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-byo.css.map */