cariloha-pack-builder-component{display:block;width:100%}.pb__loading-note{font-size:var(--font-size--sm);color:rgb(var(--color-foreground-rgb) / var(--opacity-70, .7))}.pb__root{display:flex;flex-direction:column;gap:var(--gap-xl, 32px);width:100%}.pb__progress{display:flex;flex-direction:column;gap:var(--gap-xs, 8px);width:100%}.pb__progress-track{width:100%;height:6px;border-radius:0;background:rgb(var(--color-foreground-rgb) / .1);overflow:hidden}.pb__progress-fill{width:100%;height:100%;background:var(--color-foreground);border-radius:0;transform:scaleX(0);transform-origin:left;transition:transform .25s ease}.pb__progress-label{font-size:var(--font-size--sm);color:rgb(var(--color-foreground-rgb) / var(--opacity-70, .7))}.pb__progress-label strong{color:var(--color-foreground);font-weight:var(--font-weight-bold, 700)}.pb__layout{display:flex;flex-direction:column;gap:var(--gap-xl, 32px);width:100%}.pb__card{background:rgb(var(--color-foreground-rgb) / .03);border:1px solid rgb(var(--color-foreground-rgb) / .1);border-radius:0;padding:var(--padding-lg, 20px)}@media(min-width:990px){.pb__layout{display:grid;grid-template-columns:1fr 320px;align-items:start}.pb__grid{min-width:0}.pb__summary{width:auto;position:sticky;top:calc(75px + var(--gap-md, 16px))}.pb__mobile-bar{display:none}}.pb__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--gap-md, 16px);width:100%}@media(min-width:990px){.pb__grid{grid-template-columns:repeat(4,1fr)}}.pb__tile{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:var(--padding-sm, 10px);border:1px solid rgb(var(--color-foreground-rgb) / .1);border-radius:0;transition:border-color .15s}.pb__tile--active{border-color:var(--color-foreground)}.pb__tile:has(.pb__tile-sizes){cursor:pointer}.pb__tile-img-wrap{position:relative;width:100%;aspect-ratio:1;border-radius:0;overflow:hidden}.pb__tile-img{width:100%;height:100%;object-fit:cover;display:block}.pb__tile-img-placeholder{display:block;width:100%;height:100%;background:rgb(var(--color-foreground-rgb) / .08)}.pb__tile-count{position:absolute;top:6px;right:6px;min-width:22px;height:22px;padding:0 6px;border-radius:0;background:var(--color-foreground);color:var(--color-background);font-size:var(--font-size--xs);font-weight:var(--font-weight-bold, 700);display:flex;align-items:center;justify-content:center}.pb__tile-title{font-size:var(--font-size--sm);font-weight:var(--font-weight-semibold, 600);line-height:1.2;margin:0}.pb__tile-price{font-size:var(--font-size--xs);color:rgb(var(--color-foreground-rgb) / var(--opacity-70, .7));margin:0}.pb__tile-add-btn{width:100%;background:transparent;border:1px solid rgb(var(--color-foreground-rgb) / .3);border-radius:0;color:var(--color-foreground);font-size:var(--font-size--sm);font-weight:var(--font-weight-semibold, 600);padding:6px var(--padding-sm, 10px);cursor:pointer;box-shadow:none;transition:background .15s}.pb__tile-add-btn:hover:not(:disabled){background:rgb(var(--color-foreground-rgb) / .06)}.pb__tile-add-btn:disabled{opacity:.4;cursor:not-allowed}.pb__tile-hint{width:100%;margin:0;padding:6px 8px;background:rgb(var(--color-foreground-rgb) / .08);color:var(--color-foreground);font-size:var(--font-size--xs);line-height:1.3}.pb__tile-sizes{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;width:100%}.pb__size-btn{background:transparent;border:1px solid rgb(var(--color-foreground-rgb) / .3);border-radius:0;color:var(--color-foreground);font-size:var(--font-size--xs);padding:4px 8px;cursor:pointer;box-shadow:none;transition:background .15s,border-color .15s}.pb__size-btn:hover:not(:disabled){border-color:var(--color-foreground);background:rgb(var(--color-foreground-rgb) / .06)}.pb__size-btn:disabled{opacity:.4;cursor:not-allowed}.pb__size-btn--unavailable{position:relative;overflow:hidden}.pb__size-btn--unavailable:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent calc(50% - 1px),rgb(var(--color-foreground-rgb) / .5) calc(50% - 1px),rgb(var(--color-foreground-rgb) / .5) calc(50% + 1px),transparent calc(50% + 1px))}.pb__summary{display:flex;flex-direction:column;gap:var(--gap-md, 16px);width:100%}.pb__empty{font-size:var(--font-size--sm);color:rgb(var(--color-foreground-rgb) / var(--opacity-70, .7));margin:0}.pb__summary-items{display:flex;flex-direction:column;gap:var(--gap-xs, 8px);width:100%}.pb__summary-item{display:flex;align-items:center;gap:var(--gap-xs, 8px)}.pb__summary-item__img,.pb__summary-item__img-placeholder{width:40px;height:40px;border-radius:0;object-fit:cover;flex-shrink:0}.pb__summary-item__img-placeholder{background:rgb(var(--color-foreground-rgb) / .08)}.pb__summary-item__name{flex:1;font-size:var(--font-size--sm);font-weight:var(--font-weight-semibold, 600);text-align:left}.pb__summary-item__qty-controls{display:flex;align-items:center;gap:6px}.pb__qty-btn{width:1.75rem;height:1.75rem;border-radius:0;border:1px solid rgb(var(--color-foreground-rgb) / .3);background:transparent;color:var(--color-foreground);cursor:pointer;box-shadow:none;display:flex;align-items:center;justify-content:center}.pb__summary-item__qty{min-width:1.5rem;text-align:center;font-size:var(--font-size--sm);font-weight:var(--font-weight-semibold, 600)}.pb__price-table{width:100%;background:rgb(var(--color-foreground-rgb) / .04);border-radius:0;padding:var(--padding-md, 16px) var(--padding-lg, 20px);display:flex;flex-direction:column;gap:var(--gap-xs, 8px)}.pb__price-row{display:flex;justify-content:space-between;align-items:baseline;font-size:var(--font-size--sm)}.pb__price-row--total{border-top:1px solid rgb(var(--color-foreground-rgb) / .12);padding-block-start:var(--padding-xs, 8px);margin-block-start:4px;font-weight:var(--font-weight-bold, 700);font-size:var(--font-size--md)}.pb__price-original{color:rgb(var(--color-foreground-rgb) / var(--opacity-70, .7));text-decoration:line-through}.pb__price-bundle{font-weight:var(--font-weight-bold, 700)}.pb__price-placeholder{color:rgb(var(--color-foreground-rgb) / .3)}.pb__error{color:rgb(var(--color-error-rgb, 220 38 38));font-size:var(--font-size--sm);margin:0}.pb__success{display:flex;align-items:center;justify-content:center;gap:var(--gap-xs, 8px);margin:0;padding:var(--padding-sm, 10px) var(--padding-md, 16px);border-radius:0;background:rgb(var(--color-foreground-rgb) / .06);color:var(--color-foreground);font-size:var(--font-size--sm);font-weight:var(--font-weight-semibold, 600)}.pb__add-btn{width:100%}.pb__add-btn:disabled,.pb__add-btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.pb__mobile-bar{display:none}@media(max-width:989.98px){.pb__root{padding-bottom:88px}.pb__summary .pb__add-btn{display:none}.pb__summary{display:none;position:fixed;left:0;right:0;bottom:64px;z-index:99;max-height:60vh;overflow-y:auto;background:var(--color-background, #fff);border-top:1px solid rgb(var(--color-foreground-rgb) / .12);box-shadow:var(--shadow-popover);padding:var(--padding-md, 16px)}.pb__summary--mobile-expanded{display:flex}.pb__mobile-bar{display:flex;align-items:center;gap:var(--gap-sm, 12px);position:fixed;left:0;right:0;bottom:0;z-index:100;padding:var(--padding-sm, 10px) var(--padding-md, 16px);background:var(--color-background, #fff);border-top:1px solid rgb(var(--color-foreground-rgb) / .12);box-shadow:var(--shadow-popover)}.pb__mobile-bar__toggle{display:flex;align-items:center;gap:6px;background:transparent;border:none;box-shadow:none;padding:6px 0;cursor:pointer;color:var(--color-foreground);font-size:var(--font-size--sm);flex-shrink:0}.pb__mobile-bar__count strong{font-weight:var(--font-weight-bold, 700)}.pb__mobile-bar__chevron{display:flex;transition:transform .2s ease}.pb__mobile-bar__chevron--up{transform:rotate(180deg)}.pb__mobile-bar__add-btn{flex:1;margin:0}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/cariloha-pack-builder.css.map */