.box-configurator{display:flex;gap:var(--space-8)}.box-configurator__main{flex:1;min-width:0}.filter-tabs{margin-bottom:var(--space-6);overflow-x:auto;-webkit-overflow-scrolling:touch}.filter-tabs::-webkit-scrollbar{display:none}.filter-tabs__list{display:flex;gap:var(--space-2);padding-inline:var(--space-1);flex-wrap:wrap}.filter-bar{flex-direction:column;margin-bottom:var(--space-6)}.filter-bar,.filter-section{display:flex;gap:var(--space-3)}.filter-section{align-items:center;flex-wrap:wrap}.filter-section__label{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.04em;min-width:4rem}.filter-section__label,.filter-tabs__btn{font-family:var(--font-body);color:var(--color-text-muted);flex-shrink:0}.filter-tabs__btn{display:flex;align-items:center;height:var(--tap-min);padding-inline:var(--space-4);white-space:nowrap;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-white);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-hover),border-color var(--duration-fast) var(--ease-hover),color var(--duration-fast) var(--ease-hover),transform var(--duration-fast) var(--ease-out)}.filter-tabs__btn:active{transform:scale(.96)}@media (hover:hover) and (pointer:fine){.filter-tabs__btn:hover{border-color:var(--color-border-strong);color:var(--color-text)}}.filter-tabs__btn--active{background-color:var(--color-black);border-color:var(--color-black);color:var(--color-white);box-shadow:var(--shadow-sm)}@media (hover:hover) and (pointer:fine){.filter-tabs__btn--active:hover{background-color:var(--color-black);border-color:var(--color-black);color:var(--color-white)}}.flavor-grid{display:grid;gap:var(--space-6);grid-template-columns:repeat(2,1fr)}@media (min-width:768px){.flavor-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1280px){.flavor-grid{grid-template-columns:repeat(4,1fr)}}.flavor-card{position:relative;display:flex;flex-direction:column;overflow:hidden;background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--duration-fast) var(--ease-hover),box-shadow var(--duration-normal) var(--ease-out)}@media (hover:hover) and (pointer:fine){.flavor-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}}.flavor-card--selected{border-color:var(--color-black);box-shadow:0 0 0 1px var(--color-black)}.flavor-card__image-area{position:relative;display:flex;align-items:center;justify-content:center;height:9rem;background:var(--color-gray-100)}@media (min-width:640px){.flavor-card__image-area{height:10rem}}.flavor-card__image-area--specialty{background-color:rgba(180,120,200,.08)}.flavor-card__image-area--vegan{background-color:rgba(76,175,80,.08)}.flavor-card__image-area--gf{background-color:rgba(66,165,245,.08)}.flavor-card__image{object-fit:contain;padding:var(--space-2);filter:drop-shadow(0 4px 12px rgba(0,0,0,.15))}.flavor-card__abbr{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-gray-400);user-select:none}@media (min-width:640px){.flavor-card__abbr{font-size:var(--text-3xl)}}.flavor-card__badge{position:absolute;top:var(--space-2);right:var(--space-2)}.flavor-card__qty-indicator{position:absolute;top:var(--space-2);left:var(--space-2);display:flex;align-items:center;justify-content:center;min-width:1.75rem;height:1.75rem;padding-inline:var(--space-1);border-radius:var(--radius-full);background-color:var(--color-black);color:var(--color-white);font-size:var(--text-xs);font-weight:var(--weight-bold)}.flavor-card__info{display:flex;flex:1;flex-direction:column;gap:var(--space-2);padding:var(--space-4)}@media (min-width:640px){.flavor-card__info{padding:var(--space-5)}}.flavor-card__name{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--weight-bold);line-height:var(--leading-tight);color:var(--color-black)}@media (min-width:640px){.flavor-card__name{font-size:var(--text-lg)}}.flavor-card__desc{font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.flavor-card__contains{font-size:var(--text-xs);line-height:var(--leading-normal);color:var(--color-text-light)}.flavor-card__contains-label{font-weight:var(--weight-medium);color:var(--color-text-muted)}.flavor-card__nutrition-link{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-black);text-decoration:none;transition:color var(--duration-fast) var(--ease-hover)}@media (hover:hover) and (pointer:fine){.flavor-card__nutrition-link:hover{text-decoration:underline}}.flavor-card__controls{margin-top:auto;padding-top:var(--space-3)}.add-btn,.flavor-card__qty-wrap{display:flex;justify-content:center}.add-btn{align-items:center;gap:var(--space-2);width:100%;height:var(--tap-min);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background-color:var(--color-white);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-hover),border-color var(--duration-fast) var(--ease-hover),transform var(--duration-fast) var(--ease-out)}.add-btn:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.add-btn:hover{background-color:var(--color-black);border-color:var(--color-black);color:var(--color-white)}}.add-btn--disabled{background-color:var(--color-gray-100);border-color:var(--color-border);color:var(--color-text-light);cursor:not-allowed}.add-btn__icon{width:1rem;height:1rem}.quantity-control{display:flex;align-items:center;gap:var(--space-1)}.quantity-control__btn{display:flex;align-items:center;justify-content:center;width:var(--tap-min);height:var(--tap-min);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background-color:var(--color-white);color:var(--color-text);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-hover),background-color var(--duration-fast) var(--ease-hover),transform var(--duration-fast) var(--ease-out)}.quantity-control__btn:active{transform:scale(.9)}@media (hover:hover) and (pointer:fine){.quantity-control__btn:hover{border-color:var(--color-black);background-color:var(--color-gray-100)}}.quantity-control__btn--disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.quantity-control__icon{width:1rem;height:1rem}.quantity-control__value{width:2.75rem;height:var(--tap-min);padding:0;border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-white);font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text);font-variant-numeric:tabular-nums;text-align:center;line-height:var(--tap-min);outline:none;cursor:text;transition:border-color var(--duration-fast) var(--ease-hover);-moz-appearance:textfield}.quantity-control__value::-webkit-inner-spin-button,.quantity-control__value::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.quantity-control__value:focus{border-color:var(--color-black)}.box-summary__sidebar{display:none}@media (min-width:1024px){.box-summary__sidebar{display:block}}.box-summary__panel{position:sticky;top:calc(var(--header-h) + var(--space-6));width:20rem;padding:var(--space-5);background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.box-summary__heading{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--color-black)}.box-summary__heading-icon{width:1.25rem;height:1.25rem;color:var(--color-text-muted)}.box-summary__content{display:flex;flex-direction:column;gap:var(--space-4)}.box-summary__wholesale-badge{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background-color:rgba(232,168,73,.12);border:1px solid rgba(232,168,73,.3);color:#8b6914;font-size:var(--text-xs);font-weight:var(--weight-semibold);text-align:center;margin-bottom:var(--space-3)}.box-summary__alert{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-sm);background-color:rgba(201,48,44,.06);border:1px solid rgba(201,48,44,.15)}.box-summary__alert-icon{margin-top:.125rem;width:1rem;height:1rem;flex-shrink:0;color:var(--color-red)}.box-summary__alert-text{font-size:var(--text-xs);color:var(--color-red)}.box-summary__count-row{display:flex;align-items:baseline;justify-content:space-between}.box-summary__count{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-black);font-variant-numeric:tabular-nums}.box-summary__count-label{margin-left:var(--space-2)}.box-summary__count-label,.box-summary__price-each{font-size:var(--text-sm);color:var(--color-text-muted)}.box-summary__tier-hint{display:flex;justify-content:space-between;margin-bottom:var(--space-2)}.box-summary__items-heading,.box-summary__tier-hint{font-size:var(--text-xs);color:var(--color-text-light)}.box-summary__items-heading{font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-3)}.box-summary__items-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.box-summary__item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-sm);background-color:var(--color-gray-100)}.box-summary__item-info{position:relative;display:flex;align-items:baseline;gap:var(--space-2);flex:1;min-width:0}.box-summary__item-name{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:default}.box-summary__item-name:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 4px);left:0;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background-color:var(--color-black);color:var(--color-white);font-size:var(--text-xs);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-hover);z-index:10}@media (hover:hover) and (pointer:fine){.box-summary__item-name:hover:after{opacity:1}}.box-summary__item-qty{flex-shrink:0;font-size:var(--text-xs);color:var(--color-text-light);font-variant-numeric:tabular-nums}.box-summary__item-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;border-radius:var(--radius-sm);background:none;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-hover),color var(--duration-fast) var(--ease-hover)}.box-summary__item-btn--wrap{color:var(--color-text-light)}.box-summary__item-btn--wrap-active{background-color:rgba(0,0,0,.06);color:var(--color-black)}@media (hover:hover) and (pointer:fine){.box-summary__item-btn--wrap:hover{color:var(--color-black)}}.box-summary__item-btn--remove{color:var(--color-text-light)}@media (hover:hover) and (pointer:fine){.box-summary__item-btn--remove:hover{background-color:rgba(201,48,44,.08);color:var(--color-red)}}.box-summary__item-btn-icon{width:.875rem;height:.875rem}.box-summary__pricing{display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.box-summary__price-line{display:flex;justify-content:space-between;font-size:var(--text-sm);color:var(--color-text-muted)}.box-summary__price-line--total{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-black)}.box-summary__price-value{font-variant-numeric:tabular-nums}.box-summary__empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-8) 0;text-align:center}.box-summary__empty-icon{width:2.5rem;height:2.5rem;color:var(--color-text-light);opacity:.4}.box-summary__empty-text{font-size:var(--text-sm);color:var(--color-text-light)}.box-summary__mobile{position:fixed;inset-inline:0;bottom:0;z-index:var(--z-modal)}@media (min-width:1024px){.box-summary__mobile{display:none}}.box-summary__mobile-backdrop{position:fixed;inset:0;background-color:var(--color-overlay);backdrop-filter:blur(4px)}.box-summary__mobile-sheet{position:relative;max-height:80vh;overflow-y:auto;padding:var(--space-5);background-color:var(--color-white);border-top:1px solid var(--color-border);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:var(--shadow-xl)}.box-summary__mobile-sheet-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.box-summary__mobile-close{display:flex;align-items:center;justify-content:center;width:var(--tap-min);height:var(--tap-min);border:none;border-radius:var(--radius-md);background-color:var(--color-gray-100);color:var(--color-text-muted);cursor:pointer}.box-summary__mobile-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background-color:var(--color-white);border-top:1px solid var(--color-border);box-shadow:0 -2px 8px rgba(0,0,0,.06)}.box-summary__mobile-trigger{display:flex;align-items:center;gap:var(--space-3);border:none;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.box-summary__mobile-bag{position:relative}.box-summary__mobile-bag-icon{width:1.5rem;height:1.5rem;color:var(--color-text)}.box-summary__mobile-badge{position:absolute;top:-.375rem;right:-.375rem;display:flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding-inline:var(--space-1);border-radius:var(--radius-full);background-color:var(--color-black);color:var(--color-white);font-size:.625rem;font-weight:var(--weight-bold)}.box-summary__mobile-info{text-align:left}.box-summary__mobile-count{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text)}.box-summary__mobile-total{font-size:var(--text-xs);color:var(--color-text-muted)}.box-summary__mobile-chevron{margin-left:var(--space-1);width:1rem;height:1rem;color:var(--color-text-light)}.box-configurator__mobile-spacer{height:6rem}@media (min-width:1024px){.box-configurator__mobile-spacer{display:none}}.box-configurator__empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-16) 0;text-align:center}.box-configurator__empty-title{font-size:var(--text-xl);font-weight:var(--weight-medium);color:var(--color-text-light)}.box-configurator__empty-hint{font-size:var(--text-sm);color:var(--color-text-light);opacity:.6}.master-packaging{margin-bottom:var(--space-6);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-white)}.master-packaging__lede{margin:0 0 var(--space-3);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text)}.master-packaging__row{display:flex;flex-wrap:wrap;gap:var(--space-4)}.master-packaging__toggle{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text);cursor:pointer;user-select:none}.master-packaging__toggle input[type=checkbox]{width:1.125rem;height:1.125rem;accent-color:#e8a849;cursor:pointer}.master-packaging__toggle-slider{display:none}