.age-verification-overlay{position:fixed;inset:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1.5rem}.age-verification-modal{background:#fff;border-radius:1rem;max-width:500px;width:100%;box-shadow:0 20px 60px #00000080;overflow:hidden}.age-verification-content{padding:2.5rem 2rem;text-align:center}.age-verification-content h2{font-size:clamp(1.5rem,4vw,2rem);color:var(--text-primary);margin-bottom:1rem;font-weight:700}.age-verification-content p{font-size:1.1rem;color:var(--text-secondary);margin-bottom:.75rem;line-height:1.6}.age-warning{font-size:.95rem;color:var(--secondary-color);font-weight:500;margin-top:1rem;margin-bottom:2rem}.age-verification-buttons{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.btn-age-confirm{padding:1rem 2rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border:none;border-radius:.5rem;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit}.btn-age-confirm:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ed1c2366}.btn-age-confirm:active{transform:translateY(0)}.btn-age-decline{padding:.875rem 2rem;background:transparent;color:var(--text-secondary);border:2px solid var(--border-color);border-radius:.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit}.btn-age-decline:hover{background:var(--surface-light);border-color:var(--text-secondary);color:var(--text-primary)}.app{min-height:100vh;display:flex;flex-direction:column;max-width:1400px;margin:0 auto;padding:1.5rem;width:100%;background:#ffffffe6;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:1rem;box-shadow:0 12px 32px #00000014}.header{text-align:left;margin-bottom:2rem;padding:1.25rem 0;background:linear-gradient(90deg,var(--primary-dark),var(--primary-color),var(--secondary-color));box-shadow:0 6px 18px #0000002e}.header-inner{max-width:1400px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.header-search{position:relative;flex:0 1 320px;max-width:400px}.search-input{width:100%;padding:.6rem 2.5rem .6rem 1rem;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:#ffffff26;color:#fff;font-size:.95rem;font-family:inherit;transition:all .2s ease}.search-input::placeholder{color:#ffffffb3}.search-input:focus{outline:none;border-color:#fff9;background:#fff3;box-shadow:0 0 0 3px #ffffff1a}.search-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);font-size:1.1rem;pointer-events:none;opacity:.8}.site-brand{display:inline-flex;align-items:center;gap:1rem;padding:.25rem 0}.site-logo{height:clamp(48px,9vw,68px);width:auto;object-fit:contain}.site-title h1{font-size:clamp(1.75rem,5vw,3rem);font-weight:700;color:#fff;margin-bottom:.25rem;line-height:1.2}.subtitle{font-size:clamp(1rem,2.5vw,1.25rem);color:#fef2f2;font-weight:300}.main-nav{display:flex;align-items:center;position:relative}.nav-toggle{background:#ffffff24;border-radius:999px;border:1px solid rgba(255,255,255,.5);padding:.4rem .55rem;display:flex;flex-direction:column;justify-content:center;gap:4px;cursor:pointer;transition:background .2s ease,transform .15s ease,box-shadow .2s ease}.nav-toggle span{display:block;width:20px;height:2px;border-radius:999px;background:#fff;transition:transform .2s ease,opacity .2s ease}.nav-toggle.is-open{background:#ffffff38;box-shadow:0 0 0 1px #fff6}.nav-toggle.is-open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.nav-toggle.is-open span:nth-child(2){opacity:0}.nav-toggle.is-open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.nav-menu{position:absolute;top:100%;right:1.5rem;margin-top:.75rem;background:#fff;border-radius:.75rem;padding:.4rem 0;box-shadow:0 16px 40px #0f172a73;border:1px solid var(--border-color);min-width:150px;display:none;z-index:20}.nav-menu.open{display:block}.nav-item{width:100%;padding:.55rem 1rem;background:transparent;border:none;text-align:left;font-size:.95rem;color:var(--text-primary);cursor:pointer;font-family:inherit;display:flex;align-items:center;justify-content:space-between;gap:.5rem;transition:background .15s ease,color .15s ease}.nav-item:after{content:"›";font-size:.9rem;color:var(--text-secondary)}.nav-item:hover{background:#f8717114;color:var(--secondary-color)}.nav-item.active{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));color:#fff}.nav-item.active:after{color:#fff}.home-hero{background:#fffffff5;border-radius:1rem;padding:2rem;box-shadow:0 10px 30px #0000001f;margin-bottom:2rem;border:1px solid var(--border-color)}.home-hero h2{font-size:clamp(1.75rem,4vw,2.25rem);margin-bottom:1rem;color:var(--primary-color)}.home-hero p{margin-bottom:.75rem;color:var(--text-secondary);line-height:1.6}.home-cta{margin-top:1rem}.home-section{background:#fffffff5;border-radius:1rem;padding:1.75rem 2rem;box-shadow:0 8px 24px #00000014;border:1px solid var(--border-color)}.home-section h3{font-size:1.4rem;margin-bottom:.75rem;color:var(--primary-color)}.home-section p{color:var(--text-secondary);margin-bottom:1rem}.home-brand-pills{display:flex;flex-wrap:wrap;gap:.5rem}.brand-pill{border-radius:999px;border:1px solid var(--border-color);padding:.4rem .9rem;background:var(--surface);color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:all .2s ease}.brand-pill:hover{background:var(--secondary-color);border-color:var(--secondary-color);color:#fff}.main-content{flex:1;margin-bottom:2rem}.brands-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.brand-card{background:var(--surface);border-radius:1rem;padding:2rem 1.5rem;box-shadow:0 10px 30px #00000014;border:2px solid var(--border-color);transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden;min-height:200px;display:flex;flex-direction:column;justify-content:center;-webkit-tap-highlight-color:transparent}.brand-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));transform:scaleX(0);transition:transform .3s ease}.brand-card:hover{transform:translateY(-8px);box-shadow:0 16px 40px #221e1f1f;border-color:var(--secondary-color)}.brand-card:active{transform:translateY(-4px)}@media(hover:none){.brand-card:hover{transform:none}.brand-card:active{transform:scale(.98);background:var(--surface-light)}}.brand-card:hover:before{transform:scaleX(1)}.brand-icon{width:clamp(60px,12vw,80px);height:clamp(60px,12vw,80px);border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));display:flex;align-items:center;justify-content:center;font-size:clamp(1.75rem,5vw,2.5rem);font-weight:700;color:#fff;margin:0 auto 1.25rem;box-shadow:0 8px 20px #221e1f33}.brand-logo{width:clamp(120px,22vw,180px);height:auto;max-height:120px;object-fit:contain;margin:0 auto 1.25rem;display:block;filter:drop-shadow(0 6px 14px rgba(0,0,0,.08))}.brand-logo-detail{max-height:140px;margin-bottom:.75rem}.brand-name{font-size:clamp(1.25rem,3.5vw,1.75rem);margin-bottom:.5rem;color:var(--text-primary);font-weight:600;text-align:center;line-height:1.3}.product-count{color:var(--text-secondary);font-size:.9rem;text-align:center;margin-bottom:1rem}.brand-arrow{text-align:center;font-size:1.5rem;color:var(--text-secondary);transition:all .3s ease}.brand-card:hover .brand-arrow{transform:translate(8px);color:var(--secondary-color)}.all-products-card{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-color:transparent;color:#fff}.all-products-card .brand-name{color:#fff}.all-products-card .product-count{color:#f9fafbe6}.all-products-icon{background:#0f172a4d;box-shadow:0 10px 25px #0f172a80}.brand-detail{max-width:1000px;margin:0 auto}.brand-header-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.brand-detail .brand-header-row .brand-title{text-align:center}.all-products-detail .brand-header-row{position:relative;justify-content:center}.all-products-detail .btn-back{position:absolute;left:0}.filter-bar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.all-products-filters{display:flex;justify-content:flex-end;margin-bottom:.75rem;position:relative;z-index:5}.filter-toggle{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .9rem;border-radius:999px;border:1px solid rgba(148,163,184,.6);background:#0f172acc;color:#f9fafb;font-size:.9rem;font-weight:500;cursor:pointer;box-shadow:0 4px 12px #0006;transition:background .2s ease,transform .15s ease,box-shadow .2s ease}.filter-toggle:hover{background:#0f172af2;transform:translateY(-1px);box-shadow:0 8px 20px #00000080}.filter-toggle-icon{width:16px;height:16px;border-radius:999px;border:2px solid #f97373;position:relative}.filter-toggle-icon:before,.filter-toggle-icon:after{content:"";position:absolute;left:50%;transform:translate(-50%);width:8px;height:2px;background:#f97373;border-radius:999px}.filter-toggle-icon:before{top:4px}.filter-toggle-icon:after{bottom:4px}.filter-toggle-label{letter-spacing:.03em}.filter-panel{position:absolute;top:calc(100% + .5rem);right:0;padding:.85rem 1.1rem;border-radius:.75rem;background:#0f172afa;border:1px solid rgba(148,163,184,.6);box-shadow:0 16px 40px #0f172ab3;display:flex;flex-direction:column;gap:.75rem;align-items:stretch}.filter-group{display:flex;flex-direction:column;gap:.25rem}.filter-actions{display:flex;align-items:flex-end;justify-content:flex-end}.filter-actions .btn-primary{padding:.55rem 1.2rem;font-size:.95rem;white-space:nowrap}.filter-label{font-size:.9rem;color:var(--text-secondary)}.filter-select{min-width:120px;padding:.4rem .75rem;border-radius:.5rem;border:1px solid var(--border-color);background:#fff;color:var(--text-primary);font-size:.9rem;font-family:inherit}.filter-select:focus{outline:none;border-color:var(--secondary-color)}.btn-back{background:var(--surface-light);border:1px solid var(--border-color);color:var(--text-primary);padding:.875rem 1.5rem;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit;margin-bottom:1.5rem;min-height:44px;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.btn-back:hover{background:var(--border-color);transform:translate(-4px)}.btn-back:active{transform:translate(-2px);background:var(--border-color)}@media(hover:none){.btn-back:hover{transform:none}.btn-back:active{transform:scale(.98)}}.brand-title{font-size:clamp(1.75rem,5vw,2.5rem);margin-bottom:0;color:var(--text-primary);font-weight:700;text-align:center;flex:1;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem}.product-card{background:var(--surface);border-radius:.75rem;padding:1.25rem;box-shadow:0 8px 25px #00000014;border:1px solid var(--border-color);transition:all .3s ease;min-height:120px;display:flex;flex-direction:column;justify-content:space-between;gap:.75rem}.product-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #221e1f1f;border-color:var(--secondary-color)}.product-card:active{transform:translateY(-2px)}@media(hover:none){.product-card:hover{transform:none}.product-card:active{transform:scale(.98);background:var(--surface-light)}}.product-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.35rem;gap:1rem}.product-name{font-size:clamp(.95rem,2.5vw,1.1rem);color:var(--text-primary);font-weight:600;margin:0;flex:1;line-height:1.4}.product-price{font-size:clamp(.95rem,2.5vw,1.1rem);color:var(--secondary-color);font-weight:700;white-space:nowrap}.product-flavor{color:var(--text-secondary);font-size:clamp(.85rem,2vw,.95rem);margin:0;font-style:italic;line-height:1.4}.product-meta{color:var(--text-secondary);font-size:.9rem;margin:.35rem 0 0}.no-results{text-align:center;padding:3rem 1.5rem;color:var(--text-secondary)}.no-results p{font-size:1.1rem;margin:0}.product-media{width:100%;background:var(--surface-light);border-radius:.6rem;padding:.5rem;border:1px dashed var(--border-color);display:flex;align-items:center;justify-content:center}.product-image{max-width:100%;max-height:160px;object-fit:contain;display:block;border-radius:.4rem}.footer{padding:2rem 1.5rem 2.25rem;margin-top:auto;background:linear-gradient(120deg,#221e1ff2,#ed1c23e6);color:#f9fafb;font-size:clamp(.85rem,2vw,.95rem);border-top:1px solid rgba(255,255,255,.12);box-shadow:0 -10px 28px #00000059}.footer-content{max-width:1400px;margin:0 auto 1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem 1.75rem;align-items:start}.footer-section{min-width:220px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:.75rem;padding:1rem 1.1rem;box-shadow:0 10px 25px #00000014}.footer-suggestion{max-width:340px}.footer-suggestion-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.footer-suggestion-subtext{font-size:.85rem}.suggestion-toggle-btn{padding:.55rem 1.1rem;border-radius:999px;border:1px solid rgba(248,250,252,.35);background:#0f172a33;color:#f9fafb;font-size:.9rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .2s ease,transform .15s ease,box-shadow .2s ease}.suggestion-toggle-btn:hover{background:#0f172a66;transform:translateY(-1px);box-shadow:0 6px 14px #0006}.footer-brand-main{display:flex;align-items:center;gap:.85rem}.footer-logo{width:42px;height:42px;border-radius:.75rem;object-fit:contain;background:#fff;padding:.25rem;box-shadow:0 6px 16px #0006}.footer-heading{font-weight:600;color:#fff;margin-bottom:.35rem;letter-spacing:.01em}.footer-subtext{color:#f9fafbcc}.footer-contact .footer-line{margin:.1rem 0}.footer-contact a{color:#fee2e2;text-decoration:none}.footer-contact a:hover{text-decoration:underline}.footer-copy{max-width:1400px;margin:0 auto;text-align:center;color:#f9fafbcc;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.08)}.suggestion-form{display:flex;flex-direction:column;gap:.5rem;margin-top:.35rem}.input-label{display:flex;flex-direction:column;gap:.25rem;font-size:.95rem;color:#f9fafbe6}.input-field{width:100%;padding:.55rem .75rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.2);background:#ffffff0f;color:#fff;font-size:.95rem;font-family:inherit;transition:border-color .2s ease,background .2s ease}.input-field::placeholder{color:#ffffffb3}.input-field:focus{outline:none;border-color:#ffffffb3;background:#ffffff1f}.textarea-field{resize:vertical;min-height:90px}.suggestion-submit{margin-top:.35rem;align-self:flex-start;padding:.65rem 1.2rem;font-size:.95rem}@media(max-width:768px){.footer-content{grid-template-columns:1fr;gap:1rem}.footer-section{padding:.9rem 1rem}.footer-suggestion{max-width:100%}.footer-suggestion-header{flex-direction:column;align-items:flex-start}.suggestion-toggle-btn{margin-top:.25rem}}@media(max-width:1024px){.app{padding:1.25rem}.brands-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem}.products-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media(max-width:768px){.app{padding:1rem}.header{margin-bottom:1.5rem;padding:1rem 0}.header-inner{flex-wrap:wrap;gap:1rem}.header-search{flex:1 1 100%;max-width:100%;order:3}.brands-grid{grid-template-columns:repeat(3,1fr);gap:1rem}.brand-card{padding:1.5rem 1rem;min-height:180px}.products-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.product-card{padding:1.25rem 1rem}.brand-detail{width:100%}}@media(max-width:640px){.brands-grid{grid-template-columns:repeat(2,1fr);gap:.875rem}.brand-card{padding:1.25rem .875rem;min-height:160px}.products-grid{grid-template-columns:1fr;gap:.875rem}}@media(max-width:480px){.age-verification-overlay{padding:1rem}.age-verification-modal{max-width:100%}.age-verification-content{padding:2rem 1.5rem}.age-verification-content h2{font-size:1.5rem}.age-verification-content p{font-size:1rem}.btn-age-confirm,.btn-age-decline{padding:.875rem 1.5rem;font-size:1rem}.app{padding:.875rem}.header{margin-bottom:1.25rem;padding:.75rem 0}.brands-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.brand-card{padding:1.25rem .75rem;min-height:150px}.product-card{padding:1rem;min-height:100px}.btn-back{width:100%;padding:.875rem}.footer{padding:1rem 0}}@media(max-width:360px){.app{padding:.75rem}.brands-grid{grid-template-columns:repeat(2,1fr);gap:.625rem}.brand-card{padding:1rem .625rem;min-height:140px}.product-card{padding:.875rem}}@media(min-width:1400px){.app{padding:2rem}.brands-grid{grid-template-columns:repeat(3,1fr);gap:2rem}.products-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.75rem}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #221e1f;--primary-dark: #161314;--secondary-color: #ed1c23;--background: #ffffff;--surface: #f7f7f8;--surface-light: #ececee;--text-primary: #221e1f;--text-secondary: #4a4a4a;--border-color: #e2e2e4;--success: #2e8b57;--danger: #ed1c23}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;color:var(--text-primary);min-height:100vh;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}