:root{--primary-green: #2e8b57;--accent-green: #8bc34a;--bg-light: #f5f5dc;--bg-alt: #e0e0c6;--bg-dark: #222222;--text-light: #f5f5dc;--text-dark: #222222;--brutal-border: #000000;--brutal-highlight: #ff5722;--border-thickness: 3px;--shadow-offset: 6px;--container-max-width: 1200px;--section-padding-y: 80px;--products-per-page: 9;--max-visible-pagination-pages: 5;--transition-fast: .2s ease;--transition-med: .3s ease;--font-heading: "Darker Grotesque", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--z-header: 1000;--z-floating-cart: 999;--z-panel-overlay: 1000;--z-panel: 1001;--z-toast: 1001;--z-modal-overlay: 2000;--z-modal: 2001}*,*:before,*:after{box-sizing:border-box}body{background-color:var(--bg-light);color:var(--text-dark)}.app-root{min-height:100vh;background-color:var(--bg-light);color:var(--text-dark)}main{border-top:var(--border-thickness) solid var(--brutal-border)}.section{padding:var(--section-padding-y) 0;border-bottom:var(--border-thickness) solid var(--brutal-border)}.section--alt{background-color:var(--bg-alt)}.section__inner{max-width:var(--container-max-width);margin:0 auto;padding:0 20px}.heading{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:1.5px;font-weight:900;color:var(--text-dark)}.text-mono{font-family:var(--font-body)}.button{display:inline-flex;align-items:center;justify-content:center;padding:15px 30px;border:var(--border-thickness) solid var(--brutal-border);background-color:var(--brutal-highlight);color:var(--text-light);font-family:var(--font-heading);font-weight:900;text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--brutal-border);transition:transform var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast);text-decoration:none}.button--primary{background-color:var(--brutal-highlight);color:var(--text-light);font-size:1.1rem}.button--ghost{background-color:var(--bg-light);color:var(--text-dark)}.button--full{width:100%}.button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--brutal-border)}.button:not(:disabled):hover,.button:not(:disabled):focus-visible{transform:translate(-3px,-3px);box-shadow:calc(var(--shadow-offset) + 3px) calc(var(--shadow-offset) + 3px) 0 var(--brutal-border);background-color:#ff6a3a;outline:none}.button--ghost:not(:disabled):hover,.button--ghost:not(:disabled):focus-visible{background-color:var(--primary-green);color:var(--text-light)}:where(button,a,input,select,textarea,[role=button]):focus-visible{outline:3px solid var(--brutal-highlight);outline-offset:2px}.spinner{width:32px;height:32px;border:3px solid var(--brutal-border);border-top-color:transparent;border-radius:50%;animation:spin .7s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.section{padding:60px 0}}.header{position:fixed;top:0;left:0;right:0;z-index:var(--z-header);background-color:var(--bg-dark);color:var(--text-light);border-bottom:var(--border-thickness) solid var(--brutal-border);box-shadow:0 var(--shadow-offset) 0 var(--brutal-border);transform:translateY(-100%);opacity:0;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1),visibility 0s .4s;visibility:hidden;will-change:transform,opacity}.header--visible{transform:translateY(0);opacity:1;visibility:visible;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1),visibility 0s 0s}.header__inner{max-width:var(--container-max-width);margin:0 auto;padding:10px 20px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;opacity:0;transform:translateY(-10px);transition:opacity .5s cubic-bezier(.4,0,.2,1) .1s,transform .5s cubic-bezier(.4,0,.2,1) .1s}.header--visible .header__inner{opacity:1;transform:translateY(0)}.header__logo-wrapper{position:relative}.header__logo{display:inline-flex;flex-direction:column;padding:10px 18px;background-color:var(--primary-green);color:var(--text-light);border:var(--border-thickness) solid var(--brutal-border);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--brutal-border);position:relative;top:8px;left:-8px;opacity:0;transform:translateY(-5px) scale(.95);transition:opacity .5s cubic-bezier(.4,0,.2,1) .05s,transform .5s cubic-bezier(.4,0,.2,1) .05s}.header__logo img{display:block;height:40px;width:auto}.header--visible .header__logo{opacity:1}.header__logo-top{font-family:var(--font-heading);font-weight:900;letter-spacing:2px;font-size:20px;text-transform:uppercase}.header__logo-bottom{font-family:var(--font-body);font-size:10px;letter-spacing:1.5px;text-transform:uppercase}.header__menu-toggle{display:none;width:44px;height:44px;border:var(--border-thickness) solid var(--brutal-border);background-color:var(--brutal-highlight);color:var(--text-light);font-size:1.5rem;cursor:pointer;box-shadow:3px 3px 0 var(--brutal-border);transition:transform var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast);align-items:center;justify-content:center;padding:0;flex-shrink:0}.header__menu-toggle:hover,.header__menu-toggle:focus-visible{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--brutal-border);background-color:#ff6a3a;outline:none}.header__menu-icon{display:block;line-height:1}.header__nav{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.header__nav .header__link{opacity:0;transform:translateY(-5px);transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1),box-shadow var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast)}.header--visible .header__nav .header__link{opacity:1;transform:translateY(0)}.header--visible .header__nav .header__link:nth-child(1){transition-delay:.15s}.header--visible .header__nav .header__link:nth-child(2){transition-delay:.2s}.header--visible .header__nav .header__link:nth-child(3){transition-delay:.25s}.header__backdrop{display:none}.header__link{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:1.5px;font-weight:700;color:var(--text-dark);padding:8px 16px;border:var(--border-thickness) solid var(--brutal-border);background-color:var(--brutal-highlight);box-shadow:4px 4px 0 var(--brutal-border);text-decoration:none;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast);cursor:pointer}.header__link:hover{transform:translate(-3px,-3px);box-shadow:7px 7px 0 var(--brutal-border);background-color:#ff6a3a}.header__link:focus-visible{transform:translate(-3px,-3px);box-shadow:7px 7px 0 var(--brutal-border);background-color:#ff6a3a;outline:3px solid var(--primary-green);outline-offset:2px}.header__link:active{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--brutal-border)}.header__link .protected-phone__icon{display:inline-block;margin-right:6px;font-size:1em;line-height:1;vertical-align:middle}.header__link .protected-phone__text{display:inline-block;vertical-align:middle}@media(max-width:768px){.header__inner{flex-direction:row;align-items:center;justify-content:space-between;position:relative;padding:10px 16px}.hero__logo{display:none}.header__logo{left:0;top:4px}.header__logo img{height:32px}.header__nav .header__link{transition-delay:0s!important}.header__menu-toggle{display:none}.header__nav{position:static;flex-direction:row;align-items:center;justify-content:flex-end;gap:8px;padding:0;flex-wrap:wrap}.header__link{width:auto;text-align:center;min-height:40px;padding:8px 12px;font-size:.85rem;letter-spacing:1px;white-space:nowrap}.header__nav .header__link:last-child{width:fit-content}.header__backdrop{display:none}}@media(max-width:640px){.header__inner{padding:8px 12px;gap:12px}.header__logo{top:2px}.header__logo img{height:28px}.header__nav{gap:6px;flex-wrap:wrap}.header__link{min-height:36px;padding:6px 10px;font-size:.75rem;letter-spacing:.5px}.header__nav .header__link:last-child{width:fit-content}}@media(max-width:480px){.header__inner{padding:8px 10px;gap:8px;flex-direction:column;align-items:center}.header__logo-wrapper{width:100%;display:flex;justify-content:center}.header__logo{top:0;left:0;margin:0 auto}.header__logo img{height:24px}.header__nav{width:100%;flex-direction:column;align-items:center;gap:6px;margin-top:6px}.header__link{min-height:36px;padding:8px 12px;font-size:.75rem;letter-spacing:.5px;white-space:normal;line-height:1.3;text-align:center}.header__nav .header__link:last-child{width:fit-content}}@media(prefers-reduced-motion:reduce){.header,.header--visible,.header__inner,.header__logo,.header__nav .header__link{transition:none;animation:none;opacity:1;transform:none;visibility:visible}}.hero{position:relative;min-height:100vh;padding-top:0;background-color:var(--bg-light);overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(45deg,rgba(0,0,0,.02),rgba(0,0,0,.02) 12px,transparent 12px,transparent 24px);pointer-events:none}.hero__inner{position:relative;display:flex;align-items:center;justify-content:space-between;height:100vh;min-height:100vh;gap:40px}.hero__content{max-width:720px;padding:40px;border:var(--border-thickness) solid var(--brutal-border);background-color:var(--bg-light);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--brutal-border);animation:heroFadeIn .6s ease-out;transition:transform var(--transition-med),box-shadow var(--transition-med)}.hero__content:hover{transform:translateY(-2px);box-shadow:calc(var(--shadow-offset) + 2px) calc(var(--shadow-offset) + 2px) 0 var(--brutal-border)}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero__trust-badges{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px;animation:heroFadeIn .6s ease-out .1s both}.hero__badge{display:inline-block;padding:6px 12px;font-family:var(--font-body);font-size:.85rem;font-weight:600;color:var(--text-dark);background-color:var(--bg-alt);border:2px solid var(--brutal-border);box-shadow:2px 2px 0 var(--brutal-border);text-transform:uppercase;letter-spacing:.5px}.hero__title{font-size:5rem;line-height:.95;color:var(--bg-dark);text-shadow:2px 2px 0 rgba(0,0,0,.3),4px 4px 0 rgba(0,0,0,.2);margin:0 0 24px;animation:heroFadeIn .6s ease-out .2s both;font-weight:900;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.hero__subtitle{font-size:1.3rem;line-height:1.5;margin:0 0 32px;animation:heroFadeIn .6s ease-out .3s both}.hero__actions{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px;animation:heroFadeIn .6s ease-out .4s both}.hero__cta-primary{font-size:1.1rem;padding:18px 36px;display:inline-flex;align-items:center;gap:10px;position:relative;overflow:hidden}.hero__cta-icon{display:inline-block;transition:transform var(--transition-fast);font-size:1.2em}.hero__cta-primary:hover .hero__cta-icon{transform:translate(4px)}.hero__cta-secondary{font-size:1rem;padding:18px 32px}.hero__note{font-size:.85rem;margin:0;opacity:.8;animation:heroFadeIn .6s ease-out .5s both}.hero__logo-wrapper{position:relative;flex:0 0 auto;display:flex;align-items:center;justify-content:center;opacity:0;animation:heroLogoFadeIn 1s ease-out .6s both}.hero__logo{max-width:400px;width:100%;height:auto;object-fit:contain;filter:drop-shadow(8px 8px 0 rgba(0,0,0,.15));animation:heroLogoFloat 6s ease-in-out infinite;will-change:transform}@keyframes heroLogoFadeIn{0%{opacity:0;transform:translate(40px) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes heroLogoFloat{0%,to{transform:translateY(0) rotate(0) scale(1)}25%{transform:translateY(-15px) rotate(1deg) scale(1.02)}50%{transform:translateY(-10px) rotate(0) scale(1)}75%{transform:translateY(-20px) rotate(-1deg) scale(1.02)}}@media(prefers-reduced-motion:reduce){.hero__content,.hero__trust-badges,.hero__title,.hero__subtitle,.hero__actions,.hero__note,.hero__logo-wrapper,.hero__logo{animation:none}.hero__content:hover{transform:none}.hero__logo-wrapper{opacity:1;transform:none}}@media(max-width:768px){.hero{padding-top:0}.hero__inner{flex-direction:column;justify-content:center;gap:30px}.hero__logo-wrapper{order:-1;max-width:200px;margin-bottom:20px}.hero__logo{max-width:200px}.hero__title{font-size:3.5rem}.hero__subtitle{font-size:1.1rem}.hero__content{padding:24px}.hero__trust-badges{gap:8px;margin-bottom:20px}.hero__badge{font-size:.75rem;padding:5px 10px}.hero__cta-primary,.hero__cta-secondary{width:100%;justify-content:center}}@media(max-width:1024px){.hero__inner{gap:30px}.hero__logo{max-width:300px}}.products{background-color:var(--bg-alt)}.products__header{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.products__title{font-size:2.4rem;margin:0 0 8px}.products__subtitle{margin:0;max-width:680px}.products__controls{display:flex;flex-direction:column;gap:12px}.products__search-wrapper{display:flex;gap:12px;align-items:center}.products__filter-toggle{display:none;padding:12px 18px;border:var(--border-thickness) solid var(--brutal-border);background-color:var(--bg-light);color:var(--text-dark);font-family:var(--font-heading);font-size:.9rem;text-transform:uppercase;letter-spacing:1px;cursor:pointer;box-shadow:3px 3px 0 var(--brutal-border);transition:transform var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast);white-space:nowrap}.products__filter-toggle:hover,.products__filter-toggle:focus-visible{background-color:var(--primary-green);color:var(--text-light);transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--brutal-highlight)}.products__search{flex:1}.products__search input{width:100%;padding:12px 14px;border:var(--border-thickness) solid var(--brutal-border);box-shadow:2px 2px 0 var(--brutal-border);font-family:var(--font-body);font-size:.95rem;background-color:#fffdf5;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.products__search input:focus-visible{border-color:var(--brutal-highlight);box-shadow:2px 2px 0 var(--brutal-highlight);transform:translate(-2px,-2px)}.products__main{display:flex;gap:30px;align-items:flex-start}.products__content{flex:1;min-width:0}.products__loading,.products__error,.products__empty{padding:30px 20px;border:var(--border-thickness) solid var(--brutal-border);background-color:var(--bg-light);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--brutal-border);text-align:center}.products__pagination{margin-top:30px;display:flex;justify-content:center}.pagination{display:inline-flex;gap:6px;flex-wrap:wrap}.pagination__btn{min-width:40px;padding:8px 12px;border:var(--border-thickness) solid var(--brutal-border);background-color:var(--bg-light);color:var(--text-dark);font-family:var(--font-heading);font-size:.8rem;cursor:pointer;box-shadow:3px 3px 0 var(--brutal-border);transition:transform var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast)}.pagination__btn--active,.pagination__btn:hover,.pagination__btn:focus-visible{background-color:var(--brutal-highlight);color:var(--text-light);transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--brutal-border)}.pagination__btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:3px 3px 0 var(--brutal-border)}@media(max-width:768px){.products__title{font-size:2rem}.products__filter-toggle{display:block}.products__main{flex-direction:column;gap:0}.products__content{width:100%}.pagination__btn{min-width:35px;padding:8px 10px;font-size:.75rem}}.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px}.product-card{display:flex;flex-direction:column;border:var(--border-thickness) solid var(--brutal-border);background-color:var(--bg-light);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--primary-green);position:relative}.product-card:before{content:"";position:absolute;top:calc(-1 * var(--border-thickness));left:calc(-1 * var(--border-thickness));right:calc(-1 * var(--border-thickness));bottom:calc(-1 * var(--border-thickness));border:var(--border-thickness) solid var(--primary-green);z-index:-1;transition:transform var(--transition-fast),opacity var(--transition-fast);transform:translate(0);opacity:0}.product-card:hover:before,.product-card:focus-within:before{transform:translate(calc(var(--shadow-offset) / -2),calc(var(--shadow-offset) / -2));opacity:1}.product-card__visual{position:relative}.product-card__image-wrapper{border-bottom:var(--border-thickness) solid var(--brutal-border);overflow:hidden;height:200px}.product-card__image{width:100%;height:100%;object-fit:cover;filter:grayscale(80%) contrast(120%);transition:filter var(--transition-fast),transform var(--transition-fast)}.product-card:hover .product-card__image,.product-card:focus-within .product-card__image{filter:grayscale(0%) contrast(100%);transform:scale(1.02)}.product-card__body{padding:16px 16px 18px;display:flex;flex-direction:column;gap:8px}.product-card__brand{display:inline-block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:var(--brutal-border);margin-bottom:4px;opacity:.8}.product-card__title{font-size:1.4rem;margin:0}.product-card__meta{display:flex;gap:8px;align-items:baseline;font-size:.9rem}.product-card__price{font-weight:700}.product-card__category{padding:2px 6px;border:var(--border-thickness) solid;font-size:.7rem;text-transform:uppercase;letter-spacing:1px;font-weight:600}.product-card__description{font-size:.8rem;line-height:1.4;margin:4px 0 8px}.product-card__options{display:flex;flex-direction:column;gap:4px;margin-top:4px}.product-card__options select{padding:8px 10px;border:var(--border-thickness) solid var(--brutal-border);box-shadow:2px 2px 0 var(--brutal-border);font-family:var(--font-body);font-size:.8rem;background-color:#fffdf5;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.product-card__options select:focus-visible{border-color:var(--brutal-highlight);box-shadow:2px 2px 0 var(--brutal-highlight);transform:translate(-2px,-2px)}.product-card__cta{margin-top:8px}@media(max-width:768px){.product-card{box-shadow:4px 4px 0 var(--primary-green)}.product-card__title{font-size:1.2rem}}.filter-sidebar__backdrop{display:none}.filter-sidebar{width:280px;background-color:var(--bg-light);border:var(--border-thickness) solid var(--brutal-border);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--brutal-border);padding:20px;position:sticky;top:100px;align-self:flex-start;max-height:calc(100vh - 120px);overflow-y:auto;flex-shrink:0}.filter-sidebar__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:var(--border-thickness) solid var(--brutal-border)}.filter-sidebar__title{font-size:1.4rem;margin:0}.filter-sidebar__close{display:none;width:32px;height:32px;border:var(--border-thickness) solid var(--brutal-border);background-color:var(--bg-light);color:var(--text-dark);font-size:1.2rem;cursor:pointer;box-shadow:2px 2px 0 var(--brutal-border);transition:transform var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast);flex-shrink:0}.filter-sidebar__close:hover,.filter-sidebar__close:focus-visible{background-color:var(--brutal-highlight);color:var(--text-light);transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--brutal-border)}.filter-sidebar__clear{margin-bottom:16px}.filter-sidebar__clear-btn{width:100%;padding:8px 12px;border:var(--border-thickness) solid var(--brutal-border);background-color:var(--bg-alt);cursor:pointer;font-size:.85rem;box-shadow:2px 2px 0 var(--brutal-border);transition:transform var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.filter-sidebar__clear-btn:hover,.filter-sidebar__clear-btn:focus-visible{background-color:var(--brutal-highlight);color:var(--text-light);transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--brutal-border)}.filter-sidebar__mobile-actions{display:none}.filter-sidebar__content{display:flex;flex-direction:column;gap:16px}.filter-section{border:var(--border-thickness) solid var(--brutal-border);background-color:var(--bg-alt)}.filter-section__header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border:none;background-color:transparent;cursor:pointer;text-align:left;transition:background-color var(--transition-fast)}.filter-section__header:hover,.filter-section__header:focus-visible{background-color:#0000000d;outline:none}.filter-section__title{font-size:1rem;margin:0;display:flex;align-items:center;gap:8px}.filter-section__badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background-color:var(--brutal-highlight);color:var(--text-light);font-size:.7rem;font-family:var(--font-body);border:var(--border-thickness) solid var(--brutal-border);box-shadow:2px 2px 0 var(--brutal-border)}.filter-section__toggle{font-size:1.2rem;font-weight:900;font-family:var(--font-heading)}.filter-section__content{padding:12px 14px;border-top:var(--border-thickness) solid var(--brutal-border);display:flex;flex-direction:column;gap:10px}.filter-checkbox{display:flex;align-items:center;gap:10px;cursor:pointer;padding:4px 0}.filter-checkbox__input{width:20px;height:20px;cursor:pointer;accent-color:var(--primary-green);border:var(--border-thickness) solid var(--brutal-border);box-shadow:2px 2px 0 var(--brutal-border)}.filter-checkbox__input:checked{accent-color:var(--brutal-highlight)}.filter-checkbox__label-wrapper{display:flex;align-items:center;gap:8px;flex:1}.filter-checkbox__label{font-size:.9rem;-webkit-user-select:none;user-select:none}.filter-checkbox__badge{padding:2px 6px;border:var(--border-thickness) solid;font-size:.7rem;text-transform:uppercase;letter-spacing:1px;font-weight:600;white-space:nowrap}.filter-checkbox:hover .filter-checkbox__label{color:var(--primary-green)}.filter-price-range{display:flex;flex-direction:column;gap:16px}.filter-price-range__display{font-size:1rem;font-weight:700;text-align:center;padding:8px;border:var(--border-thickness) solid var(--brutal-border);background-color:var(--bg-light);box-shadow:2px 2px 0 var(--brutal-border)}.price-slider{width:100%;padding:20px 0;position:relative}.price-slider__track{position:relative;width:100%;height:8px;background-color:var(--bg-alt);border:var(--border-thickness) solid var(--brutal-border);box-shadow:inset 2px 2px 0 var(--brutal-border);border-radius:0}.price-slider__range{position:absolute;height:100%;background-color:var(--primary-green);border:var(--border-thickness) solid var(--brutal-border);box-shadow:2px 2px 0 var(--brutal-border);top:0}.price-slider__handle{position:absolute;width:24px;height:24px;background-color:var(--brutal-highlight);border:var(--border-thickness) solid var(--brutal-border);box-shadow:3px 3px 0 var(--brutal-border);cursor:grab;top:50%;transform:translate(-50%,-50%);transition:transform var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast);padding:0;margin:0;outline:none}.price-slider__handle:active{cursor:grabbing;transform:translate(-50%,-50%) scale(1.1);box-shadow:4px 4px 0 var(--brutal-border)}.price-slider__handle:hover,.price-slider__handle:focus-visible{background-color:#ff6a3a;transform:translate(-50%,-50%) scale(1.05);box-shadow:4px 4px 0 var(--brutal-border)}.price-slider__handle--min,.price-slider__handle--max{z-index:2}@media(max-width:768px){.filter-sidebar__backdrop{display:block;position:fixed;inset:0;background-color:#00000080;z-index:var(--z-panel-overlay);animation:fadeIn .2s ease;pointer-events:none}.filter-sidebar{position:fixed;inset:0;width:100%;max-width:100vw;z-index:var(--z-panel);transform:translate(-100%);transition:transform var(--transition-med) ease;max-height:100vh;box-shadow:4px 0 12px #0000004d;display:flex;flex-direction:column}.filter-sidebar--open{transform:translate(0)}.filter-sidebar__close{display:flex;align-items:center;justify-content:center}.filter-sidebar__content{flex:1;overflow-y:auto}.filter-sidebar__mobile-actions{display:block;padding:20px;border-top:var(--border-thickness) solid var(--brutal-border);background-color:var(--bg-alt);flex-shrink:0}.filter-sidebar__apply-btn{width:100%}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.spinner-inline{width:24px;height:24px;border-radius:50%;border:3px solid var(--brutal-border);border-top-color:transparent;animation:spinner-inline-rotate .7s linear infinite;margin:0 auto 8px}@keyframes spinner-inline-rotate{to{transform:rotate(360deg)}}.order-panel__overlay{position:fixed;inset:0;background-color:#0000;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);visibility:hidden;opacity:0;z-index:var(--z-panel-overlay);transition:opacity var(--transition-med),background-color var(--transition-med),backdrop-filter var(--transition-med),visibility var(--transition-med);display:flex;justify-content:flex-end}.order-panel__overlay--visible{visibility:visible;opacity:1;background-color:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.order-panel{position:relative;width:400px;max-width:100vw;height:100vh;background-color:var(--bg-light);border-left:var(--border-thickness) solid var(--brutal-border);border-top:var(--border-thickness) solid var(--brutal-border);box-shadow:-var(--shadow-offset) 0 0 var(--brutal-border),0 -var(--shadow-offset) 0 var(--brutal-border);transform:translate(100%);transition:transform var(--transition-med);z-index:var(--z-panel);display:flex;flex-direction:column}.order-panel--open{transform:translate(0)}.order-panel__header{display:flex;align-items:flex-start;justify-content:space-between;padding:16px 18px;background-color:var(--primary-green);color:var(--text-light);border-bottom:var(--border-thickness) solid var(--brutal-border);gap:12px}.order-panel__header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.order-panel__title{margin:0;font-size:1.6rem}.order-panel__subtitle{margin:2px 0 0;font-size:.75rem}.order-panel__clear-cart{background:var(--brutal-highlight);color:var(--text-light);border:var(--border-thickness) solid var(--brutal-border);padding:6px 12px;font-family:var(--font-heading);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;box-shadow:3px 3px 0 var(--brutal-border);transition:transform var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.order-panel__clear-cart:hover,.order-panel__clear-cart:focus-visible{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--brutal-border);background-color:#ff6a3a;outline:none}.order-panel__close{background:var(--bg-light);color:var(--brutal-border);border:var(--border-thickness) solid var(--brutal-border);width:28px;height:28px;min-width:28px;min-height:28px;font-size:16px;padding:0;cursor:pointer;box-shadow:3px 3px 0 var(--brutal-border);display:flex;align-items:center;justify-content:center;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.order-panel__close:hover,.order-panel__close:focus-visible{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--brutal-highlight);outline:none}.order-panel__content{flex:1;display:flex;flex-direction:column;overflow:hidden}.order-panel__items{padding:14px 16px 8px;border-bottom:var(--border-thickness) solid var(--brutal-border);overflow-y:auto}.order-panel__list{list-style:none;padding:0;margin:0 0 8px;display:flex;flex-direction:column;gap:8px}.order-panel__item{display:flex;flex-direction:column;gap:8px;padding:8px;border:var(--border-thickness) solid var(--brutal-border);background-color:#fffdf5}.order-panel__item-info{flex:1}.order-panel__item-name{font-family:var(--font-heading);font-size:.9rem;text-transform:uppercase}.order-panel__item-option{font-size:.75rem;font-family:var(--font-body)}.order-panel__item-meta{font-size:.7rem}.order-panel__item-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.order-panel__qty-controls{display:flex;align-items:center;gap:8px;border:var(--border-thickness) solid var(--brutal-border);background-color:var(--bg-light);padding:2px}.order-panel__qty-btn{width:24px;height:24px;min-width:24px;min-height:24px;border:var(--border-thickness) solid var(--brutal-border);background-color:var(--brutal-highlight);color:var(--text-light);font-family:var(--font-heading);font-size:1.2rem;font-weight:900;cursor:pointer;box-shadow:2px 2px 0 var(--brutal-border);display:flex;align-items:center;justify-content:center;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast);padding:0;line-height:1}.order-panel__qty-btn:hover,.order-panel__qty-btn:focus-visible{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--brutal-border);background-color:#ff6a3a;outline:none}.order-panel__qty-btn:active{transform:translate(0);box-shadow:2px 2px 0 var(--brutal-border)}.order-panel__qty-value{min-width:24px;text-align:center;font-size:.85rem;font-weight:700;padding:0 4px}.order-panel__line-total{font-size:.9rem;font-weight:700;color:var(--text-dark);min-width:60px;text-align:right}.order-panel__remove-btn{width:24px;height:24px;min-width:24px;min-height:24px;border:var(--border-thickness) solid var(--brutal-border);background-color:var(--bg-light);color:var(--brutal-border);font-family:var(--font-heading);font-size:1.4rem;font-weight:900;cursor:pointer;box-shadow:2px 2px 0 var(--brutal-border);display:flex;align-items:center;justify-content:center;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast);padding:0;line-height:1}.order-panel__remove-btn:hover,.order-panel__remove-btn:focus-visible{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--brutal-highlight);background-color:var(--brutal-highlight);color:var(--text-light);outline:none}.order-panel__remove-btn:active{transform:translate(0);box-shadow:2px 2px 0 var(--brutal-border)}.order-panel__total{display:flex;flex-direction:column;gap:4px;padding-top:4px;border-top:var(--border-thickness) solid var(--brutal-border)}.order-panel__total>span:first-child{display:flex;justify-content:space-between;align-items:baseline}.order-panel__discount-info{display:flex;justify-content:space-between;align-items:baseline;font-size:.75rem;padding-left:8px}.order-panel__original-total{text-decoration:line-through;opacity:.6}.order-panel__discount-amount{color:var(--primary-green);font-weight:700}.order-panel__disclaimer{margin:4px 0 0;font-size:.7rem}.order-panel__form-section{flex:1;padding:10px 16px 16px;overflow-y:auto}.order-panel__sticky-actions{position:sticky;bottom:0;background-color:var(--bg-light);border-top:var(--border-thickness) solid var(--brutal-border);padding:10px 16px;margin:0 -16px;display:flex;flex-direction:row;gap:8px;box-shadow:0 -8px 12px #00000014}.order-panel__sticky-actions .button--ghost{flex:0 0 auto;min-width:120px}.order-panel__sticky-actions .button--full{flex:1}.order-panel__form-title{margin:0 0 8px;font-size:1.2rem}.order-panel__form{display:flex;flex-direction:column;gap:8px}.order-panel__field{display:flex;flex-direction:column;gap:4px;font-size:.8rem}.order-panel__field-hint{font-size:.7rem;opacity:.8}.order-panel__field input,.order-panel__field textarea{padding:8px 10px;border:var(--border-thickness) solid var(--brutal-border);box-shadow:2px 2px 0 var(--brutal-border);font-family:var(--font-body);font-size:.8rem;background-color:#fffdf5;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.order-panel__address-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.order-panel__promo-wrapper{display:flex;flex-direction:column;gap:4px}.order-panel__promo-input--valid{border-color:var(--primary-green)!important}.order-panel__promo-input--invalid{border-color:var(--brutal-highlight)!important}.order-panel__promo-loading{font-size:.7rem;color:var(--text-dark);opacity:.7}.order-panel__promo-message{font-size:.7rem;padding:4px 8px;border:var(--border-thickness) solid var(--brutal-border);box-shadow:2px 2px 0 var(--brutal-border)}.order-panel__promo-message--valid{background-color:#e8f5e9;border-color:var(--primary-green);color:var(--text-dark)}.order-panel__promo-message--invalid{background-color:#ffebee;border-color:var(--brutal-highlight);color:var(--text-dark)}.order-panel__location-section{display:flex;justify-content:flex-end;margin-bottom:8px}.order-panel__location-btn{background:var(--primary-green);color:var(--text-light);border:var(--border-thickness) solid var(--brutal-border);padding:8px 12px;font-family:var(--font-heading);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;box-shadow:3px 3px 0 var(--brutal-border);transition:transform var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.order-panel__location-btn:hover:not(:disabled),.order-panel__location-btn:focus-visible{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--brutal-border);background-color:#2d9f4d;outline:none}.order-panel__location-btn:active:not(:disabled){transform:translate(0);box-shadow:3px 3px 0 var(--brutal-border)}.order-panel__location-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.order-panel__overlay{justify-content:center;align-items:flex-end}.order-panel{width:100vw;height:100vh;border-left:none;border-top:var(--border-thickness) solid var(--brutal-border);box-shadow:0 -var(--shadow-offset) 0 var(--brutal-border)}.order-panel__header{flex-wrap:wrap}.order-panel__header-actions{width:100%;justify-content:flex-end;margin-top:8px}.order-panel__clear-cart{font-size:.7rem;padding:5px 10px}.order-panel__item-controls{flex-wrap:nowrap}.order-panel__qty-btn,.order-panel__remove-btn{width:44px;height:44px;min-width:44px;min-height:44px}.order-panel__line-total{font-size:.85rem;min-width:50px}.order-panel__address-row{grid-template-columns:1fr}}.floating-cart{position:fixed;right:24px;bottom:24px;width:70px;height:70px;border-radius:50%;border:var(--border-thickness) solid var(--brutal-border);background-color:var(--brutal-highlight);color:var(--text-light);display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--brutal-border);cursor:pointer;z-index:var(--z-floating-cart);transition:transform var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast);animation:floating-cart-pulse .5s ease-out}.floating-cart:hover,.floating-cart:focus-visible{transform:translate(-3px,-3px);box-shadow:calc(var(--shadow-offset) + 3px) calc(var(--shadow-offset) + 3px) 0 var(--brutal-border);background-color:#ff6a3a}.floating-cart__icon{font-size:1.8rem}.floating-cart__badge{position:absolute;top:-4px;right:-4px;width:26px;height:26px;border-radius:50%;background-color:var(--bg-light);color:var(--brutal-border);font-family:var(--font-heading);font-size:.8rem;display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--brutal-border);animation:floating-cart-badge-pulse .5s ease-out}@keyframes floating-cart-pulse{0%{opacity:0;transform:scale(.8)}60%{opacity:1;transform:scale(1.1)}to{transform:scale(1)}}@keyframes floating-cart-badge-pulse{0%{transform:scale(.8)}60%{transform:scale(1.2)}to{transform:scale(1)}}@media(max-width:768px){.floating-cart{width:60px;height:60px;right:16px;bottom:16px}.floating-cart__icon{font-size:1.5rem}.floating-cart__badge{width:24px;height:24px;font-size:.75rem}}.toast-container{position:fixed;top:20px;right:20px;max-width:350px;display:flex;flex-direction:column;gap:10px;z-index:var(--z-toast)}.toast{display:grid;grid-template-columns:4px 1fr auto;align-items:stretch;gap:8px;padding:10px 10px 10px 6px;background-color:var(--bg-light);border:var(--border-thickness) solid var(--brutal-border);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--brutal-border);transform:translate(400px);opacity:0;animation:toast-in var(--transition-med) forwards}.toast--success .toast__bar{background-color:var(--primary-green)}.toast--error .toast__bar{background-color:var(--brutal-highlight)}.toast__message{margin:0;font-size:.8rem}.toast__close{align-self:flex-start;border:var(--border-thickness) solid var(--brutal-border);background-color:var(--bg-light);width:20px;height:20px;cursor:pointer;font-size:12px;padding:0;box-shadow:2px 2px 0 var(--brutal-border)}.toast__close:hover,.toast__close:focus-visible{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--brutal-highlight)}@keyframes toast-in{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:768px){.toast-container{top:80px;right:15px;left:15px;max-width:none}}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;z-index:var(--z-modal-overlay);display:flex;align-items:center;justify-content:center}.modal{max-width:600px;width:calc(100% - 40px);max-height:90vh;padding:32px 26px;background-color:var(--bg-light);border:var(--border-thickness) solid var(--brutal-border);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--brutal-border);overflow-y:auto;z-index:var(--z-modal)}.modal__title{margin:0 0 12px;font-size:1.8rem}.modal__body{margin:0 0 10px;font-size:.9rem}@media(max-width:768px){.modal{padding:30px 20px;width:calc(100% - 30px)}}.about__title{margin:0 0 18px;font-size:2rem}.about__grid{display:grid;grid-template-columns:2fr 2fr;gap:20px;align-items:flex-start}.about__text{margin:0;font-size:.85rem;line-height:1.6}.about__callouts{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.about__pill{padding:6px 10px;border:var(--border-thickness) solid var(--brutal-border);background-color:#fffdf5;font-family:var(--font-heading);font-size:.7rem;text-transform:uppercase;letter-spacing:1px;box-shadow:3px 3px 0 var(--brutal-border)}@media(max-width:768px){.about__title{font-size:1.6rem}.about__grid{grid-template-columns:1fr}}.how{background-color:var(--bg-light)}.how__title{margin:0 0 20px;font-size:2rem}.how__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.how__step{padding:14px 16px;border:var(--border-thickness) solid var(--brutal-border);background-color:var(--bg-alt);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--brutal-border)}.how__step-title{margin:0 0 6px;font-size:1.1rem}.how__step-body{margin:0;font-size:.8rem}@media(max-width:768px){.how__title{font-size:1.6rem}.how__step{box-shadow:4px 4px 0 var(--brutal-border)}}.order-status-section{background-color:var(--bg-alt)}.order-status-section__inner{text-align:center;max-width:600px;margin:0 auto}.order-status-section__title{margin:0 0 16px;font-size:2rem}.order-status-section__description{margin:0 0 24px;font-size:.9rem;line-height:1.6}.order-status-section__button{display:inline-block;padding:12px 24px;border:var(--border-thickness) solid var(--brutal-border);background-color:var(--bg-light);color:var(--text-primary);text-decoration:none;font-family:var(--font-mono);font-size:.9rem;font-weight:600;box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--brutal-border);transition:transform .1s ease,box-shadow .1s ease;cursor:pointer}.order-status-section__button:hover{transform:translate(2px,2px);box-shadow:4px 4px 0 var(--brutal-border)}.order-status-section__button:active{transform:translate(var(--shadow-offset),var(--shadow-offset));box-shadow:0 0 0 var(--brutal-border)}@media(max-width:768px){.order-status-section__title{font-size:1.6rem}.order-status-section__description{font-size:.85rem}.order-status-section__button{box-shadow:4px 4px 0 var(--brutal-border)}.order-status-section__button:hover{box-shadow:3px 3px 0 var(--brutal-border)}}.footer{background-color:var(--bg-dark);color:var(--text-light);border-top:var(--border-thickness) solid var(--brutal-border)}.footer__inner{display:flex;gap:24px;padding:24px 20px;max-width:var(--container-max-width);margin:0 auto}.footer__brand{font-size:1.4rem;text-transform:uppercase;letter-spacing:2px}.footer__text{font-size:.75rem;margin:6px 0 0}.footer__legal{opacity:.8}.footer__left,.footer__right{flex:1}@media(max-width:768px){.footer__inner{flex-direction:column}}.promotions-banner{background-color:var(--bg-light);height:100vh;align-content:center}.promotions-banner__header{margin-bottom:32px}.promotions-banner__eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:.75rem;margin-bottom:8px;color:var(--brutal-highlight);font-weight:700}.promotions-banner__section-title{font-size:clamp(2rem,3vw,3.2rem);color:var(--text-dark);border:var(--border-thickness) solid var(--brutal-border);padding:12px 20px;display:inline-block;box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--primary-green);position:relative;top:0;left:0;margin:0}.promotions-banner__inner{display:flex;justify-content:space-between;gap:24px;align-items:center}.promotions-banner__card{flex:1;border:var(--border-thickness) solid var(--brutal-border);padding:24px;position:relative;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.promotions-banner__layout{display:flex;align-items:stretch;gap:24px}.promotions-banner__hero{min-width:280px;max-width:320px;padding:24px 20px;border-right:var(--border-thickness) solid var(--brutal-border);display:flex;flex-direction:column;gap:16px;align-items:flex-start}.promotions-banner__hero--light{background-color:#f5f5dc2e}.promotions-banner__discount-icon{width:56px;height:56px;border-radius:50%;border:var(--border-thickness) solid var(--brutal-border);display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-weight:900;font-size:2rem;background-color:var(--bg-light);box-shadow:4px 4px 0 var(--brutal-border)}.promotions-banner__discount-main{display:flex;flex-direction:column;gap:6px;width:100%}.promotions-banner__discount-value{font-family:var(--font-heading);font-size:clamp(3.5rem,5vw,5rem);letter-spacing:3px;text-transform:uppercase;font-weight:900;line-height:1}.promotions-banner__discount-label{font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px}.promotions-banner__discount-type-badge{display:inline-flex;align-items:center;padding:8px 14px;border:var(--border-thickness) solid var(--brutal-border);background-color:var(--accent-green);font-size:.75rem;text-transform:uppercase;letter-spacing:1.5px;font-weight:700;box-shadow:3px 3px 0 var(--brutal-border);align-self:flex-start}.promotions-banner__card:before{content:"";position:absolute;top:calc(-1 * var(--border-thickness));left:calc(-1 * var(--border-thickness));right:calc(-1 * var(--border-thickness));bottom:calc(-1 * var(--border-thickness));border:var(--border-thickness) solid var(--primary-green);z-index:-1;transition:transform var(--transition-fast),opacity var(--transition-fast);transform:translate(0);opacity:0}.promotions-banner__card:hover:before,.promotions-banner__card:focus-within:before{transform:translate(calc(var(--shadow-offset) / -2),calc(var(--shadow-offset) / -2));opacity:1}.promotions-banner__content{display:flex;flex-direction:column;gap:12px;flex:1;padding-left:24px;justify-content:center}.promotions-banner__title{color:var(--text-light);font-size:clamp(2rem,3vw,3rem);margin-bottom:0;line-height:1.1;font-weight:900}.promotions-banner__title--dark{color:var(--text-dark)}.promotions-banner__description-box{border:var(--border-thickness) solid var(--brutal-border);padding:16px 20px;background-color:#0003;box-shadow:4px 4px #0000004d;position:relative;transform:rotate(-.5deg);margin-bottom:8px}.promotions-banner__description-box--light{background-color:#ffffff80;box-shadow:4px 4px #00000026}.promotions-banner__description-box:before{content:"";position:absolute;inset:-6px;border:var(--border-thickness) solid var(--brutal-border);transform:rotate(.8deg);z-index:-1;opacity:.4}.promotions-banner__description{margin:0;color:#f5f5dcf2;font-size:.95rem;line-height:1.5;font-weight:600}.promotions-banner__description--dark{color:#222222f2}.promotions-banner__meta-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.promotions-banner__promo-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:var(--border-thickness) solid var(--brutal-border);background-color:var(--bg-light);color:var(--text-dark);cursor:pointer;text-transform:uppercase;letter-spacing:1.5px;font-size:.85rem;font-weight:700;box-shadow:4px 4px 0 var(--brutal-border);transition:transform var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast);align-self:flex-start}.promotions-banner__promo-pill:hover,.promotions-banner__promo-pill:focus-visible{background-color:var(--brutal-highlight);color:var(--text-light);transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--brutal-border)}.promotions-banner__promo-label{opacity:.8;font-size:.75rem}.promotions-banner__promo-value{font-family:var(--font-heading);font-size:1rem}.promotions-banner__type-pill{padding:4px 10px;border:var(--border-thickness) solid var(--brutal-border);background-color:var(--primary-green);color:var(--text-light);font-size:.7rem;text-transform:uppercase;letter-spacing:1px}.promotions-banner__promo-copied{font-size:.75rem}.promotions-banner__details,.promotions-banner__applies,.promotions-banner__dates{margin-bottom:4px;color:#f5f5dcd9}.promotions-banner__details--dark,.promotions-banner__applies--dark,.promotions-banner__dates--dark{color:#222222d9}.promotions-banner__controls{display:inline-flex;align-items:center;gap:12px;flex-shrink:0}.promotions-banner__btn{border:var(--border-thickness) solid var(--brutal-border);background-color:var(--bg-light);color:var(--text-dark);padding:8px 12px;cursor:pointer;font-size:1.2rem;box-shadow:3px 3px 0 var(--brutal-border);transition:transform var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast)}.promotions-banner__btn:hover,.promotions-banner__btn:focus-visible{background-color:var(--brutal-highlight);color:var(--text-light);transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--brutal-border)}.promotions-banner__progress{font-size:.85rem;letter-spacing:1px;color:var(--text-dark)}@media(max-width:768px){.promotions-banner__header{margin-bottom:24px}.promotions-banner__section-title{font-size:1.8rem;box-shadow:4px 4px 0 var(--primary-green)}.promotions-banner__layout{flex-direction:column;gap:16px}.promotions-banner__hero{min-width:auto;max-width:none;padding:20px 16px;border-right:none;border-bottom:var(--border-thickness) solid var(--brutal-border)}.promotions-banner__content{padding-left:0;padding-top:16px}.promotions-banner__inner{flex-direction:column;align-items:stretch;gap:20px}.promotions-banner__card{padding:20px}.promotions-banner__controls{width:100%;justify-content:space-between}}.admin-login{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--bg-light);padding:20px}.admin-login__container{width:100%;max-width:400px;border:var(--border-thickness) solid var(--brutal-border);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--brutal-border);background-color:var(--bg-light);padding:40px}.admin-login__header{margin-bottom:30px;text-align:center}.admin-login__title{font-size:2rem;margin-bottom:8px}.admin-login__subtitle{font-size:.9rem;opacity:.8}.admin-login__logo-link{display:block;text-align:center;margin-bottom:24px;transition:transform var(--transition-fast),opacity var(--transition-fast)}.admin-login__logo-link:hover{transform:scale(1.05);opacity:.9}.admin-login__logo-link:active{transform:scale(.98)}.admin-login__logo{height:60px;width:auto;display:block;margin:0 auto}.admin-login__form{display:flex;flex-direction:column;gap:16px}.admin-login__error{padding:12px;background-color:#ffebee;border:var(--border-thickness) solid var(--brutal-highlight);color:var(--brutal-highlight);font-size:.85rem}.admin-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background-color:var(--bg-light)}.admin-loading p{font-size:.9rem;opacity:.7}.admin-skip-link{position:absolute;top:-40px;left:0;background:var(--brutal-highlight);color:var(--text-light);padding:8px 16px;text-decoration:none;z-index:1000;font-weight:700}.admin-skip-link:focus{top:0}.admin-layout{min-height:100vh;height:100vh;display:flex;background-color:var(--bg-light);position:relative;width:100%}.admin-layout__hamburger{display:none;position:fixed;top:16px;left:16px;z-index:1001;background-color:var(--bg-light);border:var(--border-thickness) solid var(--brutal-border);box-shadow:2px 2px 0 var(--brutal-border);padding:12px;cursor:pointer;font-size:1.5rem;line-height:1;color:var(--text-dark);transition:all var(--transition-fast)}.admin-layout__hamburger:hover:not(:disabled),.admin-layout__hamburger:focus-visible{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--brutal-border);outline:none}.admin-layout__hamburger-icon{display:block}.admin-layout__backdrop{display:none;position:fixed;inset:0;background-color:#00000080;z-index:999}.admin-layout__sidebar{width:250px;background-color:var(--bg-alt);border-right:var(--border-thickness) solid var(--brutal-border);padding:20px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto;z-index:1010}.admin-layout__header{margin-bottom:30px;padding-bottom:20px;border-bottom:var(--border-thickness) solid var(--brutal-border)}.admin-layout__header-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.admin-layout__title{font-size:1.5rem;margin-bottom:4px;word-break:break-word}.admin-layout__close{display:none;background:none;border:var(--border-thickness) solid var(--brutal-border);box-shadow:2px 2px 0 var(--brutal-border);padding:4px 8px;cursor:pointer;font-size:1.2rem;line-height:1;color:var(--text-dark);flex-shrink:0;transition:all var(--transition-fast)}.admin-layout__close:hover:not(:disabled),.admin-layout__close:focus-visible{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--brutal-border);outline:none}.admin-layout__user{font-size:.8rem;opacity:.7;word-break:break-all}.admin-layout__nav{flex:1;display:flex;flex-direction:column;gap:8px}.admin-layout__nav-link{display:block;padding:12px 16px;border:var(--border-thickness) solid var(--brutal-border);background-color:var(--bg-light);color:var(--text-dark);text-decoration:none;font-family:var(--font-heading);font-weight:700;text-transform:uppercase;letter-spacing:1px;font-size:.9rem;transition:all var(--transition-fast);box-shadow:2px 2px 0 var(--brutal-border);word-break:break-word}.admin-layout__nav-link:hover,.admin-layout__nav-link:focus-visible{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--brutal-border);background-color:var(--primary-green);color:var(--text-light);outline:3px solid var(--brutal-highlight);outline-offset:2px}.admin-layout__nav-link.active{background-color:var(--brutal-highlight);color:var(--text-light)}.admin-layout__footer{margin-top:auto;padding-top:20px;border-top:var(--border-thickness) solid var(--brutal-border)}.admin-layout__main{flex:1;padding:30px;overflow-y:auto;position:relative}.admin-page-header{margin-bottom:30px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.admin-page-header__title{font-size:2rem;margin:0}.admin-page-header__actions{display:flex;gap:12px;flex-wrap:wrap}.admin-table{width:100%;border-collapse:collapse;border:var(--border-thickness) solid var(--brutal-border);background-color:var(--bg-light)}.admin-table th,.admin-table td{padding:12px;text-align:left;border-bottom:var(--border-thickness) solid var(--brutal-border)}.admin-table th{background-color:var(--bg-alt);font-family:var(--font-heading);font-weight:900;text-transform:uppercase;letter-spacing:1px;font-size:.85rem}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover{background-color:var(--bg-alt)}.button--small{padding:8px 16px;font-size:.85rem}.button--primary{background-color:var(--primary-green);color:var(--text-light);font-weight:700}.button--primary:hover:not(:disabled){background-color:#2d7a3d;transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--brutal-border)}.button--primary:focus-visible{outline:3px solid var(--brutal-highlight);outline-offset:2px}.button--danger{background-color:var(--brutal-highlight);color:var(--text-light)}.button--danger:hover:not(:disabled){background-color:#e53935;transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--brutal-border)}.button--danger:focus-visible{outline:3px solid var(--primary-green);outline-offset:2px}.admin-form{max-width:600px;display:flex;flex-direction:column;gap:20px}.admin-form__section{border:var(--border-thickness) solid var(--brutal-border);padding:20px;background-color:var(--bg-light);margin-bottom:16px}.admin-form__section--always-open{padding:20px}.admin-form__section-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;background:none;border:none;padding:0;cursor:pointer;text-align:left;gap:12px}.admin-form__section-toggle:hover .admin-form__section-title,.admin-form__section-toggle:focus-visible .admin-form__section-title{color:var(--brutal-highlight)}.admin-form__section-toggle:focus-visible{outline:3px solid var(--brutal-highlight);outline-offset:2px}.admin-form__section-title{font-size:1.2rem;margin:0;font-family:var(--font-heading);text-transform:uppercase;transition:color var(--transition-fast)}.admin-form__section-icon{font-size:.8rem;flex-shrink:0;transition:transform var(--transition-fast)}.admin-form__section-content{margin-top:16px;display:flex;flex-direction:column;gap:16px}.admin-form__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.admin-form__field-with-toggle{gap:8px}.admin-form__field-header{display:flex;justify-content:space-between;align-items:center;gap:16px}.admin-form__actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.admin-form__error{color:var(--brutal-highlight);font-size:.75rem;margin-top:4px}.order-panel__field input,.order-panel__field textarea{padding:8px 10px;border:var(--border-thickness) solid var(--brutal-border);box-shadow:2px 2px 0 var(--brutal-border);font-family:var(--font-body);font-size:.8rem;background-color:#fffdf5;color:var(--text-dark);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.order-panel__field input:focus-visible,.order-panel__field textarea:focus-visible{border-color:var(--brutal-highlight);box-shadow:2px 2px 0 var(--brutal-highlight);transform:translate(-2px,-2px)}.order-panel__field input:disabled,.order-panel__field textarea:disabled{opacity:.6;cursor:not-allowed;background-color:var(--bg-alt)}.order-panel__field select{padding:8px 10px;border:var(--border-thickness) solid var(--brutal-border);box-shadow:2px 2px 0 var(--brutal-border);font-family:var(--font-body);font-size:.8rem;background-color:#fffdf5;color:var(--text-dark);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);cursor:pointer}.order-panel__field select:focus-visible{border-color:var(--brutal-highlight);box-shadow:2px 2px 0 var(--brutal-highlight);transform:translate(-2px,-2px)}.order-panel__field select:disabled{opacity:.6;cursor:not-allowed;background-color:var(--bg-alt)}.order-panel__field select option{background-color:#fffdf5;color:var(--text-dark);padding:8px}.status-badge{display:inline-block;padding:4px 12px;border:var(--border-thickness) solid var(--brutal-border);font-family:var(--font-body);font-size:.8rem;font-weight:700;text-transform:uppercase}.status-badge--pending{background-color:#fff3cd;color:#856404}.status-badge--processing{background-color:#cfe2ff;color:#084298}.status-badge--out-for-delivery{background-color:#d1e7dd;color:#0f5132}.status-badge--completed{background-color:var(--primary-green);color:var(--text-light)}.status-badge--cancelled{background-color:#f8d7da;color:#842029}.admin-kanban{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:20px}.admin-kanban__column{background-color:var(--bg-alt);border:var(--border-thickness) solid var(--brutal-border);padding:16px;min-height:400px}.admin-kanban__column-header{font-family:var(--font-heading);font-weight:900;text-transform:uppercase;font-size:1rem;margin-bottom:16px;padding-bottom:12px;border-bottom:var(--border-thickness) solid var(--brutal-border)}.admin-kanban__cards{display:flex;flex-direction:column;gap:12px}.admin-order-card{background-color:var(--bg-light);border:var(--border-thickness) solid var(--brutal-border);padding:12px;cursor:pointer;transition:all var(--transition-fast);box-shadow:2px 2px 0 var(--brutal-border)}.admin-order-card:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--brutal-border)}.admin-order-card__header{display:flex;justify-content:space-between;align-items:start;margin-bottom:8px}.admin-order-card__number{font-family:var(--font-heading);font-weight:900;font-size:.9rem}.admin-order-card__total{font-family:var(--font-body);font-weight:700;font-size:.9rem}.admin-order-card__customer{font-size:.85rem;opacity:.8;margin-bottom:8px}.admin-order-card__date{font-size:.75rem;opacity:.6}.admin-search{margin-bottom:20px}.admin-search__input{width:100%;max-width:400px;padding:10px 12px;border:var(--border-thickness) solid var(--brutal-border);box-shadow:2px 2px 0 var(--brutal-border);font-family:var(--font-body);font-size:.9rem;background-color:#fffdf5;color:var(--text-dark)}.admin-search__input:focus-visible{outline:3px solid var(--brutal-highlight);outline-offset:2px;border-color:var(--brutal-highlight)}.admin-empty{text-align:center;padding:60px 20px;color:var(--text-dark);opacity:.6}.admin-empty__icon{font-size:3rem;margin-bottom:16px}.admin-empty__text{font-family:var(--font-body);font-size:1rem}.admin-toggle{display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.admin-toggle__label{font-size:.85rem;font-weight:700}.admin-toggle__input{position:absolute;opacity:0;width:0;height:0}.admin-toggle__slider{position:relative;display:inline-block;width:48px;height:24px;background-color:var(--bg-alt);border:var(--border-thickness) solid var(--brutal-border);box-shadow:2px 2px 0 var(--brutal-border);transition:background-color var(--transition-fast),box-shadow var(--transition-fast);cursor:pointer}.admin-toggle__slider:before{content:"";position:absolute;height:16px;width:16px;left:3px;top:50%;transform:translateY(-50%);background-color:var(--brutal-border);transition:transform var(--transition-fast),background-color var(--transition-fast);box-shadow:2px 2px #0003}.admin-toggle__input:checked+.admin-toggle__slider{background-color:var(--primary-green);box-shadow:2px 2px 0 var(--brutal-border)}.admin-toggle__input:checked+.admin-toggle__slider:before{transform:translateY(-50%) translate(20px);background-color:var(--text-light)}.admin-toggle__input:focus-visible+.admin-toggle__slider{outline:3px solid var(--brutal-highlight);outline-offset:2px}.admin-toggle__input:disabled+.admin-toggle__slider{opacity:.6;cursor:not-allowed}.admin-toggle__input:disabled{cursor:not-allowed}.admin-table-container{overflow-x:auto;display:block}.admin-table-card{display:none}.admin-table-card__item{background-color:var(--bg-light);border:var(--border-thickness) solid var(--brutal-border);padding:16px;margin-bottom:12px;box-shadow:2px 2px 0 var(--brutal-border)}.admin-table-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:12px}.admin-table-card__title{font-weight:900;font-size:1rem;flex:1}.admin-table-card__actions{display:flex;gap:8px;flex-shrink:0}.admin-table-card__field{margin-bottom:8px;font-size:.9rem}.admin-table-card__label{font-weight:700;text-transform:uppercase;font-size:.75rem;opacity:.7;display:block;margin-bottom:4px}.admin-table-card__value{word-break:break-word}.admin-upload-dropzone{position:relative;min-height:120px;padding:24px;border:var(--border-thickness) dashed var(--brutal-border);background-color:var(--bg-light);border-radius:4px;transition:all var(--transition-fast);margin-bottom:12px}.admin-upload-dropzone:hover:not(:disabled){border-color:var(--brutal-highlight);background-color:var(--bg-light)}.admin-upload-dropzone--dragover{border-color:var(--brutal-highlight);background-color:var(--bg-light);border-style:solid;box-shadow:0 0 0 2px var(--brutal-highlight)}.admin-upload-dropzone--has-file{padding:12px;min-height:auto}.admin-upload-dropzone__content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}.admin-upload-dropzone__icon{font-size:2.5rem;opacity:.6}.admin-upload-dropzone__text{margin:0;font-weight:500;color:var(--text-primary)}.admin-upload-dropzone__hint{display:block;margin-top:4px;opacity:.7;font-size:.85rem}.admin-upload-preview{display:flex;align-items:center;gap:12px;width:100%}.admin-upload-preview__image{width:100px;height:100px;object-fit:cover;border:var(--border-thickness) solid var(--brutal-border);flex-shrink:0}.admin-upload-preview__info{flex:1;min-width:0}.admin-upload-preview__filename{margin:0 0 4px;font-weight:700;word-break:break-word;overflow:hidden;text-overflow:ellipsis}.admin-upload-preview__size{margin:0;font-size:.85rem;opacity:.7}.admin-upload-preview__remove{flex-shrink:0;margin-left:auto}.admin-upload-dropzone:has(input:disabled),.admin-upload-dropzone[style*="cursor: not-allowed"]{opacity:.6;cursor:not-allowed!important}.admin-upload-dropzone:has(input:disabled) .admin-upload-dropzone__content,.admin-upload-dropzone[style*="cursor: not-allowed"] .admin-upload-dropzone__content{pointer-events:none}@media(max-width:768px){.admin-layout__hamburger,.admin-layout__backdrop,.admin-layout__close{display:block}.admin-layout__sidebar{position:fixed;top:0;left:0;width:280px;max-width:85vw;transform:translate(-100%);transition:transform .3s ease-in-out;z-index:1010;border-right:var(--border-thickness) solid var(--brutal-border)}.admin-layout__sidebar--open{transform:translate(0)}.admin-layout__nav{flex-direction:column}.admin-layout__nav-link{white-space:normal}.admin-layout__main{padding:60px 20px 20px}.admin-table-container{display:none}.admin-table-card{display:block}.admin-kanban{grid-template-columns:1fr}.admin-page-header{flex-direction:column;align-items:flex-start}.admin-page-header__actions{width:100%}.admin-page-header__actions .admin-search__input,.admin-form{max-width:100%}.admin-form__section,.admin-form__section--always-open{padding:16px}.admin-form__grid{grid-template-columns:1fr}.admin-form__actions{position:sticky;bottom:0;background-color:var(--bg-light);padding:16px 0;border-top:var(--border-thickness) solid var(--brutal-border);margin-top:24px;z-index:10;display:flex;flex-direction:column;gap:12px}.admin-form__actions .button{width:100%}.admin-kanban__column{min-height:200px}}