.byo{--byo-accent: #1b1b1b;--byo-accent-soft: #f3f3f3;--byo-success: #2e7d32;--byo-warn: #e0a200;--byo-card-radius: 12px;--byo-gap: clamp(12px, 2vw, 20px);padding:clamp(24px,5vw,56px) 0}.byo__header{text-align:center;margin-bottom:clamp(24px,4vw,40px)}.byo__title{font-family:var(--font-heading-family, "Assistant", sans-serif);font-weight:600;font-size:clamp(1.6rem,3vw,2.25rem);margin:0 0 8px;color:rgb(var(--color-foreground));font-style:normal!important}.byo__subtitle{font-family:var(--font-body-family, "Raleway", sans-serif);font-size:clamp(.95rem,1.5vw,1.05rem);color:rgba(var(--color-foreground),.7);margin:0 0 20px}.byo__tiers{display:inline-flex;flex-wrap:wrap;gap:8px;justify-content:center}.byo__tier-chip{display:inline-flex;flex-direction:column;align-items:center;padding:10px 16px;background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.12);border-radius:999px;font-family:var(--font-body-family, "Raleway", sans-serif);font-size:.78rem;line-height:1.3;transition:all .2s ease}.byo__tier-chip strong{color:rgb(var(--color-foreground));font-weight:600;font-size:.85rem}.byo__tier-chip span{color:rgba(var(--color-foreground),.6);font-size:.72rem}.byo__tier-chip[data-tier-active=true]{background:var(--byo-accent);border-color:var(--byo-accent)}.byo__tier-chip[data-tier-active=true] strong,.byo__tier-chip[data-tier-active=true] span{color:#fff}.byo__main{display:grid;grid-template-columns:1fr min(380px,35%);gap:clamp(20px,3vw,36px);align-items:start}@media(max-width:989px){.byo__main{grid-template-columns:1fr}}.byo__catalog-heading{font-family:var(--font-heading-family, "Assistant", sans-serif);font-weight:600;font-size:1.1rem;margin:0 0 16px;color:rgb(var(--color-foreground));font-style:normal!important}.byo__catalog-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--byo-gap)}.byo__product-card{display:flex;flex-direction:column;background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.1);border-radius:var(--byo-card-radius);padding:12px;transition:border-color .2s ease,box-shadow .2s ease;position:relative}.byo__product-card:hover{border-color:rgba(var(--color-foreground),.25);box-shadow:0 4px 12px #0000000a}.byo__product-card[data-byo-added=true]{border-color:var(--byo-accent);background:var(--byo-accent-soft)}.byo__product-image{aspect-ratio:1 / 1;border-radius:8px;overflow:hidden;background:rgba(var(--color-foreground),.04);margin-bottom:10px}.byo__product-image img{width:100%;height:100%;object-fit:cover;display:block}.byo__product-image-placeholder{width:100%;height:100%;background:linear-gradient(135deg,rgba(var(--color-foreground),.05),rgba(var(--color-foreground),.1))}.byo__product-info{margin-bottom:10px}.byo__product-name{font-family:var(--font-body-family, "Raleway", sans-serif);font-size:.92rem;font-weight:500;margin:0 0 4px;line-height:1.3;color:rgb(var(--color-foreground))}.byo__product-price{font-family:var(--font-heading-family, "Assistant", sans-serif);font-size:.85rem;font-weight:600;margin:0;color:rgba(var(--color-foreground),.7);font-style:normal!important}.byo__product-options{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.byo__option-label{display:flex;flex-direction:column;gap:3px;font-size:.72rem}.byo__option-name{color:rgba(var(--color-foreground),.6);font-family:var(--font-body-family, "Raleway", sans-serif);text-transform:uppercase;letter-spacing:.05em}.byo__option-select{font-family:var(--font-body-family, "Raleway", sans-serif);font-size:.82rem;padding:6px 8px;border:1px solid rgba(var(--color-foreground),.15);border-radius:6px;background:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer}.byo__add-btn{margin-top:auto;padding:9px 14px;border:1px solid var(--byo-accent);background:rgb(var(--color-background));color:var(--byo-accent);font-family:var(--font-body-family, "Raleway", sans-serif);font-size:.82rem;font-weight:600;border-radius:999px;cursor:pointer;transition:all .18s ease;text-transform:none;letter-spacing:.01em}.byo__add-btn:hover,.byo__product-card[data-byo-added=true] .byo__add-btn{background:var(--byo-accent);color:#fff}.byo__product-card[data-byo-added=true] .byo__add-btn-default{display:none}.byo__product-card[data-byo-added=true] .byo__add-btn-added{display:inline}.byo__sidebar{display:flex;flex-direction:column;gap:18px;padding:20px 18px;background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.1);border-radius:var(--byo-card-radius);position:sticky;top:80px;max-height:calc(100vh - 100px);overflow-y:auto}@media(max-width:989px){.byo__header{margin-bottom:12px}.byo__tiers{position:sticky;top:0;z-index:60;background:rgb(var(--color-background));padding:8px 12px;margin:0;box-shadow:0 2px 6px #0000000a;border-bottom:1px solid rgba(var(--color-foreground),.06);gap:6px}.byo__tier-chip{padding:5px 10px;font-size:.7rem;flex-direction:row;gap:4px}.byo__tier-chip strong{font-size:.72rem}.byo__tier-chip span{font-size:.65rem}.byo__catalog{padding:0 8px}.byo__catalog-heading{font-size:.95rem;margin:12px 0;padding:0 4px}.byo__catalog-grid{grid-template-columns:repeat(3,1fr);gap:8px}.byo__product-card{padding:6px;border-radius:10px}.byo__product-image{margin-bottom:6px;border-radius:6px}.byo__product-info{margin-bottom:6px}.byo__product-name{font-size:.74rem;line-height:1.2;margin:0 0 2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.4em}.byo__product-price{font-size:.76rem}.byo__product-options{gap:4px;margin-bottom:6px}.byo__option-label{font-size:.62rem;gap:1px}.byo__option-name{font-size:.58rem}.byo__option-select{padding:4px;font-size:.7rem;border-radius:4px}.byo__add-btn{padding:6px 8px;font-size:.7rem}@media(max-width:380px){.byo__catalog-grid{gap:6px}.byo__product-card{padding:4px}.byo__product-name{font-size:.68rem}.byo__product-price{font-size:.7rem}}.byo__main{padding-bottom:200px}.byo__sidebar{position:fixed;bottom:0;left:0;right:0;top:auto;max-height:195px;border-radius:16px 16px 0 0;box-shadow:0 -8px 24px #0000001f;z-index:100;margin:0;padding:18px 16px 14px;gap:6px;transition:max-height .35s ease;overflow-y:hidden}.byo__sidebar.is-expanded{max-height:78vh;overflow-y:auto}.byo__sidebar:not(.is-expanded) .byo__progress,.byo__sidebar:not(.is-expanded) .byo__cart,.byo__sidebar:not(.is-expanded) .byo__cta-note{display:none}.byo__sidebar:not(.is-expanded) .byo__totals{gap:1px;padding-top:2px;border-top:1px solid rgba(var(--color-foreground),.06)}.byo__sidebar:not(.is-expanded) .byo__totals-row--sub,.byo__sidebar:not(.is-expanded) .byo__totals-row--discount{font-size:.74rem;line-height:1.2}.byo__sidebar:not(.is-expanded) .byo__totals-row--total{font-size:.92rem;padding-top:2px}.byo__sidebar-handle{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:0;padding:2px 4px 4px;margin:-12px -4px 2px;cursor:pointer;font-family:var(--font-body-family, "Raleway", sans-serif);font-size:.76rem;color:rgba(var(--color-foreground),.65);position:relative}.byo__sidebar-handle:before{content:"";position:absolute;top:-2px;left:50%;transform:translate(-50%);width:38px;height:4px;background:#00000026;border-radius:2px}.byo__sidebar-handle-summary{font-weight:500;color:rgb(var(--color-foreground))}.byo__sidebar-handle-summary strong{font-weight:700}.byo__sidebar-handle-arrow{margin-left:6px;transition:transform .3s ease;color:rgba(var(--color-foreground),.4);font-size:.85rem}.byo__sidebar.is-expanded .byo__sidebar-handle-arrow{transform:rotate(180deg)}.byo__cta{padding:11px 18px;font-size:.88rem}}@media(min-width:990px){.byo__sidebar-handle{display:none}}.byo__progress{padding-bottom:14px;border-bottom:1px solid rgba(var(--color-foreground),.08)}.byo__progress-tiers{display:flex;justify-content:space-between;margin-bottom:8px}.byo__progress-tier{display:flex;flex-direction:column;align-items:center;font-family:var(--font-body-family, "Raleway", sans-serif);font-size:.7rem;color:rgba(var(--color-foreground),.5);transition:color .2s ease}.byo__progress-tier-num{font-weight:700;font-size:.85rem}.byo__progress-tier[data-progress-tier-reached=true]{color:var(--byo-success)}.byo__progress-bar{height:6px;background:rgba(var(--color-foreground),.08);border-radius:999px;overflow:hidden;margin-bottom:8px}.byo__progress-fill{height:100%;width:0%;background:linear-gradient(90deg,#6e6e6e,var(--byo-accent));transition:width .35s ease}.byo__progress-msg{margin:0;font-family:var(--font-body-family, "Raleway", sans-serif);font-size:.82rem;color:rgba(var(--color-foreground),.7);text-align:center;font-style:normal!important}.byo__cart-heading{font-family:var(--font-heading-family, "Assistant", sans-serif);font-weight:600;font-size:.95rem;margin:0 0 10px;font-style:normal!important}.byo__cart-list{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:8px}.byo__cart-item{display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center;padding:6px 0}.byo__cart-item-image{width:40px;height:40px;border-radius:6px;overflow:hidden;background:rgba(var(--color-foreground),.05)}.byo__cart-item-image img{width:100%;height:100%;object-fit:cover;display:block}.byo__cart-item-info{font-family:var(--font-body-family, "Raleway", sans-serif);font-size:.82rem;line-height:1.3;min-width:0}.byo__cart-item-name{display:block;color:rgb(var(--color-foreground));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.byo__cart-item-variant{display:block;color:rgba(var(--color-foreground),.55);font-size:.72rem}.byo__cart-item-remove{background:none;border:0;cursor:pointer;width:24px;height:24px;border-radius:50%;color:rgba(var(--color-foreground),.4);display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .15s ease}.byo__cart-item-remove:hover{background:rgba(var(--color-foreground),.08);color:rgb(var(--color-foreground))}.byo__cart-empty{margin:0;font-family:var(--font-body-family, "Raleway", sans-serif);font-size:.82rem;color:rgba(var(--color-foreground),.5);text-align:center;padding:20px 0;font-style:italic}.byo__cart-empty[hidden]{display:none}.byo__totals{border-top:1px solid rgba(var(--color-foreground),.08);padding-top:12px;display:flex;flex-direction:column;gap:6px}.byo__totals-row{display:flex;justify-content:space-between;font-family:var(--font-body-family, "Raleway", sans-serif);font-size:.88rem}.byo__totals-row--sub{color:rgba(var(--color-foreground),.7)}.byo__totals-row--discount{color:var(--byo-success);font-weight:600}.byo__totals-row--discount[hidden]{display:none}.byo__totals-row--total{font-family:var(--font-heading-family, "Assistant", sans-serif);font-size:1.05rem;font-weight:600;color:rgb(var(--color-foreground));padding-top:4px;font-style:normal!important}.byo__cta{margin-top:6px;padding:14px 20px;background:var(--byo-accent);color:#fff;border:0;border-radius:999px;font-family:var(--font-body-family, "Raleway", sans-serif);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .18s ease;text-transform:none}.byo__cta:not([disabled]):hover{transform:translateY(-1px);box-shadow:0 6px 14px #0000001f}.byo__cta[disabled]{opacity:.4;cursor:not-allowed}.byo__cta-note{margin:0;font-family:var(--font-body-family, "Raleway", sans-serif);font-size:.72rem;color:rgba(var(--color-foreground),.5);text-align:center;font-style:normal!important}.byo__benefits{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;margin-top:clamp(28px,4vw,48px);padding-top:clamp(20px,3vw,32px);border-top:1px solid rgba(var(--color-foreground),.08)}.byo__benefit{display:flex;align-items:center;gap:8px;font-family:var(--font-body-family, "Raleway", sans-serif);font-size:.88rem;color:rgba(var(--color-foreground),.7)}.byo__benefit-icon{font-size:1.2rem}.byo__benefit-text{margin:0}.byo-error{padding:20px;border:1px dashed rgba(0,0,0,.2);background:#fff8e1;text-align:center;font-family:var(--font-body-family, sans-serif)}.byo__totals-row--discount[data-byo-discount-no-tier=true]{opacity:.55}.byo__totals-row--discount[data-byo-discount-no-tier=true] [data-byo-discount-label],.byo__totals-row--discount[data-byo-discount-no-tier=true] [data-byo-discount-amount]{font-weight:400}@media(max-width:989px){body:has(header-drawer details[open]) .byo__tiers,body:has(header-drawer details[open]) .byo__sidebar{visibility:hidden!important;pointer-events:none!important}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-bundle-byo.css.map */