main{width:100%;min-height:calc(100svh - 68px)}img,video{max-width:100%;height:auto}.page-container{width:min(100%, var(--max-content));padding-inline:var(--page-inline);box-sizing:border-box;margin-inline:auto}@media (width<=768px){button,.btn,a.btn,input[type=submit],input[type=button]{min-height:40px}input,select,textarea{font-size:16px}}@media (width<=480px){:root{--page-inline:14px}}:root{--clr-primary-900:#1a3a2e;--clr-primary-700:#214637;--clr-primary-500:#4a7c5a;--clr-primary-400:#67964d;--clr-primary-300:#7aa874;--clr-primary-200:#a8c9a0;--clr-primary-100:#e6f0e6;--clr-primary-50:#f5f9f5;--clr-neutral-900:#111827;--clr-neutral-700:#374151;--clr-neutral-600:#4b5563;--clr-neutral-500:#6b7280;--clr-neutral-400:#9ca3af;--clr-neutral-300:#d1d5db;--clr-neutral-200:#e5e7eb;--clr-neutral-100:#f3f4f6;--clr-neutral-50:#f9fafb;--clr-white:#fff;--clr-accent:#f5b82e;--clr-success:#22c55e;--clr-error:#ef4444;--font-base:"Poppins", system-ui, sans-serif;--text-display:clamp(36px, 4.5vw, 52px);--text-h1:clamp(32px, 3.5vw, 44px);--text-h2:clamp(26px, 2.5vw, 36px);--text-h3:clamp(20px, 1.8vw, 26px);--text-h4:18px;--text-body-lg:18px;--text-body:16px;--text-body-sm:14px;--text-caption:12px;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--lh-tight:1.15;--lh-base:1.5;--lh-loose:1.65;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--sp-9:96px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-pill:999px;--shadow-sm:0 1px 3px #00000014, 0 1px 2px #0000000f;--shadow-md:0 4px 12px #0000001a, 0 2px 4px #0000000f;--shadow-lg:0 10px 30px #0000001f, 0 4px 8px #0000000f;--transition-fast:.15s ease;--transition-base:.25s ease;--max-content:1240px;--page-inline:clamp(16px, 4vw, 64px)}*,:before,:after{box-sizing:border-box}body{font-family:var(--font-base);font-size:var(--text-body);line-height:var(--lh-base);color:var(--clr-neutral-900);background:var(--clr-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;overflow-x:hidden}h1,h2,h3,h4,h5,h6{line-height:var(--lh-tight);font-weight:var(--fw-semibold);margin:0}p{margin:0}img,svg{display:block}button{font-family:var(--font-base);cursor:pointer}#root{width:100%;min-height:100svh}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.navbar{z-index:100;justify-content:space-between;align-items:center;gap:var(--sp-3);width:100%;min-height:68px;padding:0 var(--page-inline);background:var(--clr-white);box-shadow:0 1px 0 var(--clr-neutral-200), var(--shadow-sm);box-sizing:border-box;display:flex;position:sticky;top:0}.navbar-left .logo{font-size:22px;font-weight:var(--fw-bold);color:var(--clr-primary-700);letter-spacing:-.3px;white-space:nowrap;text-decoration:none}.navbar-middle{align-items:center;gap:var(--sp-3);max-width:620px;margin:0 var(--sp-4);flex:1;display:flex}.location{align-items:center;gap:var(--sp-2);font-size:var(--text-body-sm);font-weight:var(--fw-medium);color:var(--clr-primary-400);padding:6px var(--sp-3);border-radius:var(--radius-sm);white-space:nowrap;flex-shrink:0;display:flex}.location .icon{color:var(--clr-primary-400);flex-shrink:0}.search-bar{border:1.5px solid var(--clr-neutral-300);background:var(--clr-neutral-50);border-radius:var(--radius-pill);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);flex:1;align-items:center;padding:8px 16px;display:flex;position:relative}.search-bar:focus-within{border-color:var(--clr-primary-300);background:var(--clr-white);box-shadow:0 0 0 3px #7aa87426}.search-icon{color:var(--clr-neutral-400);flex-shrink:0;font-size:14px}.search-bar input{color:var(--clr-neutral-900);font-family:var(--font-base);font-size:var(--text-body-sm);margin-left:var(--sp-2);background:0 0;border:none;outline:none;width:100%;min-width:0}.search-bar input::placeholder{color:var(--clr-neutral-400)}.navbar-right{align-items:center;gap:var(--sp-3);flex-shrink:0;display:flex}.btn{border-radius:var(--radius-pill);font-family:var(--font-base);font-size:var(--text-body-sm);font-weight:var(--fw-medium);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);white-space:nowrap;border:1px solid #0000;padding:8px 18px}.btn:active{transform:scale(.97)}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px #245e382e}.btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.app-btn{background:var(--clr-primary-300);color:var(--clr-white);border:none}.app-btn:hover{background:var(--clr-primary-400)}.signup-btn{border:1.5px solid var(--clr-primary-700);color:var(--clr-primary-700);background:0 0}.signup-btn:hover{background:var(--clr-primary-700);color:var(--clr-white)}.account-btn{border:1px solid var(--clr-primary-400);background:var(--clr-primary-400);color:var(--clr-white);box-shadow:0 4px 10px #245e3829}.account-btn:hover{background:var(--clr-primary-500);border-color:var(--clr-primary-500)}.signout-btn{color:#b42318;background:#fff;border:1px solid #d0d5dd}.signout-btn:hover{color:#912018;background:#fff5f4;border-color:#fda29b}.dropdown{font-size:var(--text-body-sm);font-weight:var(--fw-medium);color:var(--clr-neutral-700);cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition-fast);white-space:nowrap;align-items:center;gap:4px;padding:6px 8px;display:flex}.dropdown:hover{background:var(--clr-neutral-100)}.dropdown-icon{color:var(--clr-neutral-500);font-size:10px}.navbar-icon-group{align-items:center;gap:2px;display:flex}.icon-btn{color:var(--clr-neutral-700);cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:8px;font-size:18px;display:flex}.icon-btn:hover{background:var(--clr-neutral-100);color:var(--clr-primary-700)}.icon-btn--cart{position:relative}.navbar-cart-badge{color:#fff;text-align:center;pointer-events:none;background:#b42318;border-radius:999px;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:700;line-height:18px;position:absolute;top:2px;right:2px}.navbar-cart-badge--empty{background:var(--clr-neutral-400)}.side-menu-backdrop{z-index:1200;background:#0f172a80;justify-content:flex-end;display:flex;position:fixed;inset:0}.side-menu-drawer{background:#fff;flex-direction:column;gap:14px;width:min(92vw,380px);height:100%;padding:16px;display:flex;overflow:hidden;box-shadow:-8px 0 28px #0f172a33}.side-menu-scroll{flex-direction:column;flex:1;gap:8px;min-height:0;padding-right:4px;display:flex;overflow-y:auto}.side-menu-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.side-menu-login-btn{color:#fff;cursor:pointer;background:#5f7e2f;border:none;border-radius:6px;padding:12px 16px;font-size:16px;font-weight:600;line-height:1}.side-menu-close-btn{color:#111827;cursor:pointer;background:0 0;border:none;border-radius:999px;width:34px;height:34px;font-size:28px;line-height:1}.side-menu-group{border-bottom:1px solid #e5e7eb;padding-bottom:12px}.side-menu-group summary{color:#111827;cursor:pointer;font-size:18px;font-weight:500}.side-menu-items{gap:8px;margin-top:10px;display:grid}.side-menu-items--scroll{max-height:min(42vh,320px);padding-right:4px;overflow-y:auto}.side-menu-status{color:#6b7280;margin:0;font-size:14px}.side-menu-items button,.side-menu-links button,.side-menu-footer-links button{text-align:left;color:#111827;cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:17px}.side-menu-links{gap:6px;display:grid}.side-menu-footer-links{border-top:1px solid #d1d5db;flex-wrap:wrap;justify-content:center;gap:12px 20px;margin-top:auto;padding-top:14px;display:flex}.side-menu-signout-btn{font-weight:600;color:#b42318!important}.search-suggestions{border:1.5px solid var(--clr-neutral-300);border-radius:var(--radius-sm);z-index:200;background:#fff;max-height:300px;margin:0;padding:4px 0;list-style:none;position:absolute;top:calc(100% + 8px);left:-1.5px;right:-1.5px;overflow-y:auto;box-shadow:0 6px 20px #0000001a}.search-suggestion-item{font-size:var(--text-body-sm);color:var(--clr-neutral-700);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);align-items:center;gap:10px;padding:10px 16px;display:flex}.search-suggestion-item:hover{background:var(--clr-neutral-100);color:var(--clr-primary-700)}.suggestion-icon{color:var(--clr-neutral-400);flex-shrink:0;font-size:12px}@media (width<=1024px){.navbar{gap:var(--sp-2);padding:var(--sp-2) var(--page-inline);flex-wrap:wrap;min-height:auto}.navbar-middle{order:3;width:100%;max-width:100%;margin:0}.search-bar{flex:1}}@media (width<=768px){.navbar-right{gap:var(--sp-2)}.dropdown,.app-btn,.location{display:none}.side-menu-items button,.side-menu-links button,.side-menu-footer-links button{font-size:16px}}@media (width<=640px){.navbar-left .logo{font-size:18px}.account-btn,.signout-btn,.signup-btn,.navbar-icon-group .icon-btn:not(:last-child){display:none}}.toast-viewport{z-index:10000;flex-direction:column;gap:10px;width:min(360px,100vw - 24px);display:flex;position:fixed;top:20px;right:20px}.toast-item{color:#111827;background:#fff;border:1px solid #0000;border-radius:12px;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 14px;display:flex;box-shadow:0 10px 25px #0000001f}.toast-item--success{background:#f0fdf4;border-color:#bbf7d0}.toast-item--error{background:#fef2f2;border-color:#fecaca}.toast-item--info{background:#eff6ff;border-color:#bfdbfe}.toast-item__message{margin:0;font-size:14px;line-height:1.35}.toast-item__close{color:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-size:18px;line-height:1}@media (width<=640px){.toast-viewport{width:auto;inset:auto 12px 12px}}