@layer bricks {@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes scrolling{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}}.brxe-filter-checkbox{list-style-type:none;margin:0;padding:0}:where(.brxe-filter-checkbox[data-mode=button]){display:flex;flex-wrap:wrap;gap:10px}:where(.brxe-filter-checkbox[data-mode=button]) .bricks-button{display:inline-block}.brxe-filter-checkbox[data-mode=button] input[type=checkbox]{display:none}.brxe-filter-checkbox label{align-items:center;color:inherit;cursor:pointer;display:flex;font:inherit;gap:.5em;margin:inherit}.brxe-filter-checkbox label.brx-option-disabled{cursor:default}.brxe-filter-checkbox .brx-option-text{display:inline-flex;gap:4px}}@layer bricks {@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes scrolling{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}}a.brxe-image{display:inline-block}figure.brxe-image{margin:0}:where(.brxe-image).tag{display:inline-block;height:fit-content;position:relative;width:auto}:where(.brxe-image).caption{position:relative}:where(.brxe-image).caption:has(figcaption.bricks-image-caption){overflow:hidden}:where(.brxe-image).overlay{position:relative}:where(.brxe-image).overlay:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}:where(.brxe-image):before{border-radius:inherit}:where(.brxe-image) a{border-radius:inherit;position:static;transition:inherit}:where(.brxe-image) picture{border-radius:inherit;transition:inherit}:where(.brxe-image) img{border-radius:inherit;height:100%;position:static!important;transition:inherit;width:100%}:where(.brxe-image) img.bricks-lazy-hidden+figcaption{display:none}:where(.brxe-image) .icon{color:#fff;font-size:60px;pointer-events:none;position:absolute;right:50%;text-align:center;top:50%;transform:translate(50%,-50%);z-index:5}:where(.brxe-image) .bricks-image-caption{background:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.25) 70%,transparent);bottom:0;color:#fff;font-size:inherit;margin:0;padding:10px 15px;pointer-events:none;position:absolute;text-align:center;width:100%;z-index:1}}@layer bricks {:where(.brxe-svg){height:auto;width:auto}:where(.brxe-svg) svg{height:auto;max-width:100%;overflow:visible;width:auto}}@layer bricks {:where(.brxe-heading).has-separator{align-items:center;display:inline-flex;gap:20px}:where(.brxe-heading)>[contenteditable]{display:inline-block;text-decoration:inherit}:where(.brxe-heading) .separator{border-top:1px solid;flex-grow:1;flex-shrink:0;height:1px}}@layer bricks {.brxe-text-link{gap:5px}.brxe-text-link,.brxe-text-link span{align-items:center;display:inline-flex}.brxe-text-link span{justify-content:center}}@layer bricks {.brxe-code{width:100%}} * { margin: 0; padding: 0; box-sizing: border-box; } .skip-link { position: absolute; top: -100px; left: 0; padding: 1rem 2rem; background-color: var(--color-primary); color: var(--color-white); text-decoration: none; font-weight: var(--font-weight-semibold); z-index: 10000; border-radius: 0 0 var(--radius-md) 0; transition: top var(--transition-fast); } .skip-link:focus { top: 0; outline: 3px solid var(--color-white); outline-offset: 2px; } *:focus-visible { outline: 3px solid var(--color-primary); outline-offset: 2px; }@media (prefers-reduced-motion: reduce) { * { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }}.promo-banner-hero__heading { display: block; font-family: var(--font-family-primary); font-size: clamp(1.5rem, 5vw, 2rem); font-weight: var(--font-weight-bold); line-height: var(--line-height-heading); color: var(--color-white); margin: 0; }@media (min-width: 1024px) { .promo-banner-hero__heading { font-size: 2rem; }}.promo-banner-hero__discount-text { display: block; font-family: var(--font-family-primary); font-size: clamp(1rem, 2.5vw, 1.125rem); font-weight: var(--font-weight-medium); line-height: var(--line-height-base); color: var(--color-white); margin: 0; opacity: 0.9; }.promo-banner-hero__code-text { display: block; font-family: 'Courier New', monospace; font-size: clamp(1rem, 3vw, 1.25rem); font-weight: var(--font-weight-bold); color: var(--color-white); letter-spacing: 1px; user-select: all; }.promo-banner-hero__code-display { display: flex; align-items: center; justify-content: center; flex: 1; padding: clamp(0.75rem, 3vw, 1rem) clamp(1rem, 4vw, 1.5rem); background-color: rgba(255, 255, 255, 0.15); backdrop-filter: blur(10px); border: 2px dashed var(--color-primary); border-radius: var(--radius-md); transition: background-color var(--transition-fast), border-color var(--transition-fast); } .promo-banner-hero__code-display:hover { background-color: rgba(255, 255, 255, 0.2); border-color: var(--color-white); }.promo-banner-hero__copy-icon { width: 20px; height: 20px; stroke: currentColor; flex-shrink: 0; transition: transform var(--transition-fast); } .promo-banner-hero__copy-button:hover .promo-banner-hero__copy-icon { transform: scale(1.1); }.promo-banner-hero__copy-text { display: block; white-space: nowrap; }.promo-banner-hero__copy-button { display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; padding: clamp(0.75rem, 3vw, 1rem) clamp(1rem, 4vw, 1.25rem); min-width: 44px; min-height: 44px; background-color: var(--color-primary); color: var(--color-white); border: 2px solid var(--color-primary); border-radius: var(--radius-md); font-family: var(--font-family-primary); font-size: clamp(0.875rem, 2.5vw, 1rem); font-weight: var(--font-weight-semibold); cursor: pointer; transition: transform var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast); box-shadow: 0 4px 12px rgba(240, 79, 62, 0.3); } .promo-banner-hero__copy-button:hover { background-color: var(--color-primary-dark); transform: translateY(-2px); box-shadow: 0 6px 16px rgba(240, 79, 62, 0.4); } .promo-banner-hero__copy-button:active { transform: translateY(0); box-shadow: 0 2px 8px rgba(240, 79, 62, 0.3); } .promo-banner-hero__copy-button:focus { outline: 3px solid var(--color-white); outline-offset: 2px; }.promo-banner-hero__code-wrapper { display: flex; align-items: center; justify-content: center; gap: 0.75rem; width: 100%; max-width: 400px; margin: 0; }@media (min-width: 768px) { .promo-banner-hero__code-wrapper { justify-content: flex-start; }}.promo-banner-hero__code-info { display: block; font-family: var(--font-family-primary); font-size: clamp(0.875rem, 2vw, 0.9375rem); font-weight: var(--font-weight-normal); line-height: var(--line-height-base); color: var(--color-white); text-align: center; margin: 0; opacity: 0.85; font-style: italic; }@media (min-width: 768px) { .promo-banner-hero__code-info { text-align: left; }}.promo-banner-hero__button { display: inline-flex; align-items: center; justify-content: center; width: 100%; padding: clamp(0.875rem, 3vw, 1rem) clamp(1.5rem, 5vw, 2.5rem); background-color: var(--color-primary); color: var(--color-white); border: 2px solid var(--color-primary); border-radius: var(--radius-button); font-family: var(--font-family-primary); font-size: clamp(0.9375rem, 3vw, 1.125rem); font-weight: var(--font-weight-semibold); text-decoration: none; text-transform: lowercase; cursor: pointer; transition: transform var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast); box-shadow: 0 4px 12px rgba(240, 79, 62, 0.3); } .promo-banner-hero__button:hover { background-color: var(--color-primary-dark); transform: translateY(-3px); box-shadow: 0 8px 16px rgba(240, 79, 62, 0.4); } .promo-banner-hero__button:active { transform: translateY(-1px); box-shadow: 0 4px 8px rgba(240, 79, 62, 0.3); } .promo-banner-hero__button:focus { outline: 3px solid var(--color-white); outline-offset: 2px; }@media (min-width: 768px) { .promo-banner-hero__button { width: auto; }}@media (prefers-contrast: high) { .promo-banner-hero__button { border-width: 3px; }}.promo-banner-hero__content { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: clamp(1rem, 3vw, 1.5rem); width: 100%; }@media (min-width: 768px) { .promo-banner-hero__content { align-items: flex-start; text-align: left; max-width: 50%; }}.promo-banner-hero__salad-heading { display: block; font-family: var(--font-family-primary); font-size: clamp(1.25rem, 4vw, 1.75rem); font-weight: var(--font-weight-bold); line-height: var(--line-height-heading); color: var(--color-white); text-align: center; margin: 0; }.promo-banner-hero__salad-image { width: 100%; height: 100%; object-fit: contain; display: block; transition: transform var(--transition-base); animation: rotateImage 20s linear infinite; will-change: transform; } .promo-banner-hero__salad-card:hover .promo-banner-hero__salad-image { animation-play-state: paused; transform: scale(1.05); }@media (prefers-reduced-motion: reduce) { .promo-banner-hero__salad-image { animation: none; }}.promo-banner-hero__salad-image-wrapper { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; max-width: 100%; aspect-ratio: 1 / 1; overflow: visible; }.promo-banner-hero__salad-content { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; gap: clamp(1rem, 3vw, 1.5rem); }.promo-banner-hero__salad-card { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; max-width: 400px; padding: clamp(1.5rem, 4vw, 2rem); background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%); border-radius: var(--radius-lg); text-decoration: none; color: inherit; box-shadow: 0 8px 24px rgba(240, 79, 62, 0.3); transition: transform var(--transition-base), box-shadow var(--transition-base); overflow: hidden; position: relative; } .promo-banner-hero__salad-card:hover { transform: scale(0.99) translateY(-4px); box-shadow: 0 12px 32px rgba(240, 79, 62, 0.4); } .promo-banner-hero__salad-card:active { transform: scale(0.97) translateY(-2px); box-shadow: 0 8px 24px rgba(240, 79, 62, 0.3); } .promo-banner-hero__salad-card:focus { outline: 3px solid var(--color-white); outline-offset: 4px; }@media (min-width: 768px) { .promo-banner-hero__salad-card { max-width: 350px; }}@media (min-width: 1024px) { .promo-banner-hero__salad-card { max-width: 400px; }}.promo-banner-hero__wrapper { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: clamp(2rem, 5vw, 3rem); width: 100%; }@media (min-width: 768px) { .promo-banner-hero__wrapper { flex-direction: row; justify-content: space-between; align-items: center; }}.promo-banner-hero__container { width: 100%; max-width: 1440px; margin: 0 auto; padding: 0 1rem; }@media (min-width: 768px) { .promo-banner-hero__container { padding: 0 2rem; }}@media (min-width: 1024px) { .promo-banner-hero__container { padding: 0 2.5rem; }}@media (min-width: 1440px) { .promo-banner-hero__container { padding: 0 3rem; }}.promo-banner-hero { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%); padding: clamp(2rem, 6vw, 3rem) 0; overflow: hidden; }@media (min-width: 1024px) { .promo-banner-hero { padding: clamp(2.5rem, 6vw, 4rem) 0; }}.info-banner__icon { width: clamp(24px, 5vw, 32px); height: clamp(24px, 5vw, 32px); stroke: var(--color-primary); flex-shrink: 0; }.info-banner__text { display: block; font-family: var(--font-family-primary); font-size: clamp(0.875rem, 2.5vw, 1rem); font-weight: var(--font-weight-normal); line-height: var(--line-height-base); color: var(--color-text-dark); margin: 0; }.info-banner__wrapper { display: flex; align-items: center; justify-content: center; gap: 1rem; text-align: center; }@media (min-width: 768px) { .info-banner__wrapper { justify-content: flex-start; text-align: left; }}.info-banner__container { width: 100%; max-width: 1440px; margin: 0 auto; padding: 0 1rem; }@media (min-width: 768px) { .info-banner__container { padding: 0 2rem; }}@media (min-width: 1024px) { .info-banner__container { padding: 0 2.5rem; }}@media (min-width: 1440px) { .info-banner__container { padding: 0 3rem; }}.info-banner { display: flex; align-items: center; justify-content: center; width: 100%; background-color: rgba(240, 79, 62, 0.1); border-top: 2px solid var(--color-primary); border-bottom: 2px solid var(--color-primary); padding: clamp(1rem, 3vw, 1.5rem) 0; }.products-section__heading { display: block; font-family: var(--font-family-primary); font-size: clamp(1.75rem, 6vw, 2.5rem); font-weight: var(--font-weight-bold); line-height: var(--line-height-heading); color: var(--color-text-dark); text-align: center; margin: 0 0 clamp(2rem, 5vw, 3rem) 0; }#brxe-hcatix {  position: sticky; top: 0;  z-index: 10;  background: white;   overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch;}#brxe-hcatix::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; width: 70px;   background: linear-gradient(to right, transparent 0%, rgba(255, 255, 255, 0.9) 50%, white 100%); pointer-events: none;  z-index: 1; }#brxe-nkoacu { display: flex; flex-wrap: nowrap; width: auto;}.products-section__filter-wrapper { display: flex; align-items: center; justify-content: center; width: 100%; margin: 0 0 clamp(1.5rem, 4vw, 2.5rem) 0; padding: 1rem 0; position: sticky; top: 0; z-index: 100; background-color: var(--color-white); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); height: auto;}@media (max-width: 767px) { .products-section__filter-wrapper { justify-content: flex-start; padding: 1rem; }} .product-item__image-wrapper { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; aspect-ratio: 1 / 1; overflow: hidden; background-color: var(--color-bg-light); } .product-item__title { display: block; font-family: var(--font-family-primary); font-size: clamp(0.9375rem, 2.5vw, 1.125rem); font-weight: var(--font-weight-semibold); line-height: var(--line-height-heading); color: var(--color-text-dark); margin: 0; }@media (min-width: 1024px) { .product-item__title { font-size: 1.125rem; }} .product-item__price-amount { font-size: clamp(1.125rem, 3vw, 1.375rem); font-weight: var(--font-weight-bold); }@media (min-width: 1024px) { .product-item__price-amount { font-size: 1.375rem; }} .product-item__price { display: flex; align-items: baseline; justify-content: center; gap: 0.25rem; font-family: var(--font-family-primary); color: var(--color-primary); margin: 0; } .product-item__content { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: clamp(1rem, 3vw, 1.5rem); gap: clamp(0.5rem, 2vw, 0.75rem); background-color: var(--color-white); flex-grow: 1; } .product-item__link { display: flex; flex-direction: column; text-decoration: none; color: inherit; height: 100%; } .product-item__link:focus { outline: 3px solid var(--color-primary); outline-offset: 2px; } .product-item { display: flex; flex-direction: column; background-color: var(--color-white); border-radius: var(--radius-lg); overflow: hidden; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); transition: transform var(--transition-base), box-shadow var(--transition-base); } .product-item:hover { transform: translateY(-4px); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12); }.products-section__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: clamp(1rem, 3vw, 1.5rem); width: 100%; }@media (min-width: 768px) { .products-section__grid { grid-template-columns: repeat(3, 1fr); gap: clamp(1.5rem, 4vw, 2rem); }}@media (min-width: 1024px) { .products-section__grid { grid-template-columns: repeat(4, 1fr); gap: 2rem; }}@media (min-width: 1440px) { .products-section__grid { gap: 2.5rem; }}.products-section__container { width: 100%; max-width: 1440px; margin: 0 auto; padding: 0 1rem; }@media (min-width: 768px) { .products-section__container { padding: 0 2rem; }}@media (min-width: 1024px) { .products-section__container { padding: 0 2.5rem; }}@media (min-width: 1440px) { .products-section__container { padding: 0 3rem; }}.products-section { display: flex; align-items: center; justify-content: center; width: 100%; background-color: var(--color-white); padding: clamp(3rem, 8vw, 5rem) 0; }