body[data-page=hops]{background-color:var(--color-green)}body[data-page=hops] .hops-catalog-section,body[data-page=hops] .hops-intro,body[data-page=hops] .site-footer{position:relative;z-index:1}.bag-shadow-wrap{max-width:calc(var(--max-width) + 130px);margin:0 auto;filter:drop-shadow(3px 0 8px rgba(0, 0, 0, .5))}body[data-page=hops] .hops-catalog-section{overflow:hidden;clip-path:polygon(0% 0%,100% 0%,100% 40px,calc(100% - 4px) 70px,calc(100% - 8px) 33%,calc(100% - 8px) 67%,calc(100% - 6px) calc(100% - 82px),100% calc(100% - 52px),100% 100%,0% 100%,0% calc(100% - 52px),4px calc(100% - 82px),8px 67%,8px 33%,6px 70px,0% 40px);-webkit-mask-image:linear-gradient(#fff,#fff),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='6'%3E%3Cpolygon points='0,0 7,6 14,0' fill='%23fff'/%3E%3C/svg%3E");-webkit-mask-size:100% calc(100% - 6px),14px 6px;-webkit-mask-position:top,bottom;-webkit-mask-repeat:no-repeat,repeat-x;-webkit-mask-composite:source-over;mask-image:linear-gradient(#fff,#fff),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='6'%3E%3Cpolygon points='0,0 7,6 14,0' fill='%23fff'/%3E%3C/svg%3E");mask-size:100% calc(100% - 6px),14px 6px;mask-position:top,bottom;mask-repeat:no-repeat,repeat-x;mask-composite:add}body[data-page=hops] .hops-catalog-section::before{content:'';position:absolute;inset:0;background:#0a0a0a;filter:url(#foil2) blur(1.5px) brightness(3.2);z-index:0;pointer-events:none;will-change:transform}body[data-page=hops] .hops-catalog-section::after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(to right,rgba(0,0,0,.45) 0,transparent 12%),linear-gradient(to left,rgba(0,0,0,.45) 0,transparent 12%),radial-gradient(ellipse 60% 50% at 50% 50%,rgba(255,255,255,.25) 0,transparent 70%),radial-gradient(ellipse 100% 100% at 50% 50%,transparent 40%,rgba(0,0,0,.5) 100%)}body[data-page=hops] .hops-catalog-section>*{position:relative;z-index:1}body[data-page=hops] .site-footer{margin-top:3rem}.hops-hero{background:var(--color-green);color:var(--color-cream);text-align:center;padding:5rem 0;margin-bottom:0;position:relative;z-index:2}.hops-hero::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%) translateY(100%);width:100%;max-width:calc(var(--max-width) + 160px);height:6px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='6' preserveAspectRatio='none'%3E%3Cpolygon points='0,0 7,6 14,0' fill='%234a6f4b'/%3E%3C/svg%3E") repeat-x bottom;background-size:14px 6px;z-index:3}.hops-hero h1{font-family:var(--font-display);font-weight:700;color:var(--color-cream);margin-bottom:.75rem}.hops-hero p{font-family:var(--font-body);font-size:1.125rem;max-width:40ch;margin:0 auto}.hops-toolbar{background:var(--color-cream);padding:1.5rem 2rem;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.3);margin:2rem 0 1.5rem}.hops-toolbar-intro{max-width:60ch;margin:0 auto 1rem;text-align:center;color:#4a4a4a;font-size:.875rem;line-height:1.5}.bag-seal{position:relative;z-index:2;height:38px;margin:0;background:repeating-linear-gradient(180deg,rgba(153,153,153,.85) 0,rgba(204,204,204,.85) 1px,rgba(238,238,238,.85) 2px,rgba(187,187,187,.85) 3px,rgba(136,136,136,.85) 4px,rgba(170,170,170,.85) 5px,rgba(221,221,221,.85) 6px,rgba(153,153,153,.85) 7px);box-shadow:0 2px 4px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.5),inset 0 -1px 0 rgba(0,0,0,.2);border-bottom:2px solid #666}.bag-seal-bottom{position:relative;z-index:2;height:38px;margin:0;background:repeating-linear-gradient(180deg,rgba(153,153,153,.85) 0,rgba(204,204,204,.85) 1px,rgba(238,238,238,.85) 2px,rgba(187,187,187,.85) 3px,rgba(136,136,136,.85) 4px,rgba(170,170,170,.85) 5px,rgba(221,221,221,.85) 6px,rgba(153,153,153,.85) 7px);box-shadow:inset 0 1px 0 rgba(0,0,0,.2),inset 0 -1px 0 rgba(255,255,255,.5);border-top:2px solid #666}.hops-catalog-section{padding:10px 0 14px}.hops-catalog-section .product-grid{padding-bottom:3rem}.catalog-retry-btn{display:inline-block;padding:10px 24px;min-height:44px;border:2px solid var(--color-green);border-radius:4px;background:0 0;color:var(--color-green);cursor:pointer;font-family:var(--font-body);font-size:1rem;font-weight:700;margin-top:.75rem}.catalog-retry-btn:hover{background:var(--color-green);color:#fff}.catalog-no-results-sub{font-size:.875rem;color:#4a4a4a;margin-top:.25rem}.hops-loading{grid-column:1/-1;text-align:center;padding:3rem 1rem;color:var(--color-cream);font-size:1rem}.hops-catalog-section .catalog-filter-btn.active{background-color:var(--color-green);color:#fff;border-color:var(--color-green)}.hops-toolbar .catalog-controls{position:static;background:0 0;padding:0;margin-bottom:1rem;box-shadow:none}@media (max-width:1023px){.hops-toolbar .catalog-search{width:100%;max-width:270px}}.hops-toolbar .catalog-filter-row{flex-wrap:wrap;width:auto;max-width:none;justify-content:center;padding:0;background:0 0;margin-bottom:0;box-shadow:none}.hops-toolbar .catalog-filter-label{width:auto;margin-left:0;text-align:center;flex-basis:100%}body[data-page=hops] .product-qty-controls{max-width:100%}body[data-page=hops] .qty-btn{width:38px;height:38px;flex-shrink:0}body[data-page=hops] .qty-input{min-width:32px;max-width:60px;height:38px;border-left:none;border-right:none}.hop-card{border-top:3px solid var(--color-green);text-align:center;background:var(--color-cream);box-shadow:0 2px 16px rgba(0,0,0,.4)}.hop-card h2{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--color-burgundy);margin:.5rem 0 .25rem}.hop-card .notes-toggle{color:var(--color-green);font-weight:700;font-size:.875rem;letter-spacing:.03em;border-bottom:1px solid transparent;transition:border-color .15s}.hop-card .notes-toggle:hover{border-bottom-color:var(--color-green)}.hop-card .notes-toggle .chevron{font-size:10px}.hop-alpha{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#4a4a4a;margin:.25rem 0}.hop-flavor-tags{display:flex;flex-wrap:wrap;gap:.3rem;justify-content:center;margin:.4rem 0}.hop-flavor-tag{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:4px 10px;background:var(--color-green);border:1px solid var(--color-green);color:#fff;border-radius:999px;font-family:var(--font-body)}.notes-wrap.open .hop-notes-body{max-height:900px}.hop-detail{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;padding:1rem 0}.hop-radar-wrap{width:160px;height:160px}.hop-radar{width:100%;height:100%}.radar-bg{fill:none;stroke:var(--color-green);stroke-width:1;opacity:.2}.radar-axis{stroke:rgba(0,0,0,0.15);stroke-width:1}.radar-fill{fill:rgba(74,111,75,0.25);stroke:var(--color-green);stroke-width:2}.radar-label{font-size:16px;fill:#4a4a4a;font-family:var(--font-body)}.radar-web{fill:none;stroke:rgba(0,0,0,0.1);stroke-width:1}.hop-specs{text-align:center;font-size:.875rem;color:#4a4a4a}.hop-specs strong{font-weight:700}.hop-origin{font-size:.875rem;color:#4a4a4a}.hop-origin strong{font-weight:700}.hop-notes{font-size:.875rem;color:var(--color-text);line-height:1.5;max-width:52ch;text-align:left}.hop-size-toggle-group{display:flex;gap:8px;justify-content:center;margin:.75rem 0}.hop-size-btn{padding:8px 16px;min-height:44px;border:2px solid var(--color-brown,#77462d);border-radius:4px;background:0 0;color:var(--color-brown,#77462d);cursor:pointer;font-family:var(--font-body);font-size:.875rem;font-weight:700}.hop-size-btn:hover{border-color:var(--color-green);color:var(--color-green)}.hop-size-btn.active{border-color:var(--color-green);color:#fff;background:var(--color-green)}.hop-size-btn:focus-visible{outline:2px solid var(--color-burgundy);outline-offset:2px}.hop-price{font-size:1.125rem;font-weight:700;color:var(--color-burgundy);margin:.25rem 0}.hop-radar-placeholder{font-size:.875rem;color:var(--color-muted);font-style:italic;text-align:center;padding:1rem 0}.hops-catalog-section .product-grid{grid-template-columns:repeat(3,1fr)}.hop-card--active{opacity:.6}.hop-detail-panel{grid-column:1/-1;background:var(--color-cream);border-top:3px solid var(--color-burgundy);border-radius:4px;box-shadow:0 2px 16px rgba(0,0,0,.4);position:relative;z-index:5;overflow:hidden;padding:2rem}.hop-panel-close{position:absolute;top:.5rem;right:.75rem;background:0 0;border:none;font-size:1.5rem;color:var(--color-muted);cursor:pointer;line-height:1;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.hop-panel-close:hover{color:var(--color-burgundy);background:rgba(55,14,19,.08);border-radius:4px}.hop-panel-close:focus-visible{outline:2px solid var(--color-burgundy);outline-offset:2px}.hop-panel-inner{display:flex;gap:2rem;align-items:flex-start}.hop-panel-left{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:.75rem}.hop-panel-left .hop-radar-wrap{width:200px;height:200px}.hop-tasting-notes{font-size:.875rem;color:#4a4a4a;text-align:center;font-style:italic;max-width:200px}.hop-panel-center{flex:1 1 0%;min-width:0}.hop-panel-name{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--color-burgundy);margin:0 0 .5rem}.hop-panel-center .hop-specs{text-align:left}.hop-panel-center .hop-origin{text-align:left}.hop-panel-center .hop-notes{max-width:none;text-align:left;margin-top:.75rem}.hop-panel-right{flex:0 0 180px;display:flex;flex-direction:column;align-items:center;gap:.75rem}.hop-panel-right .hop-price{font-size:1.25rem}.hop-compare-btn{display:inline-block;margin-top:1rem;padding:8px 20px;min-height:44px;border:2px solid var(--color-green);border-radius:4px;background:0 0;color:var(--color-green);cursor:pointer;font-family:var(--font-body);font-size:.875rem;font-weight:700}.hop-compare-btn:hover{background:var(--color-green);color:#fff}.hop-compare-btn:focus-visible,.hop-compare-clear:focus-visible{outline:2px solid var(--color-burgundy);outline-offset:2px}.hop-card{position:relative}.hop-card--comparing{border-color:var(--color-green);box-shadow:0 0 0 3px var(--color-green),0 2px 16px rgba(0,0,0,.4);opacity:1}.hop-card--comparing::after{content:'\2713';position:absolute;top:8px;left:8px;background:var(--color-green);color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;z-index:2}.hop-compare-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid rgba(0,0,0,.1)}.hop-compare-header h3{font-family:var(--font-display);font-size:1.25rem;color:var(--color-burgundy);margin:0}.hop-compare-hint{font-size:.8rem;color:#4a4a4a;font-style:italic}.hop-compare-clear{border:2px solid var(--color-burgundy);background:0 0;color:var(--color-burgundy);padding:6px 16px;min-height:44px;border-radius:4px;cursor:pointer;font-weight:700;font-size:.875rem;font-family:var(--font-body)}.hop-compare-clear:hover{background:var(--color-burgundy);color:#fff}.hop-compare-table{width:100%;max-width:960px;margin:0 auto;border-collapse:collapse}.hop-compare-th{text-align:left;font-weight:700;font-size:.8rem;color:#4a4a4a;padding:.75rem .5rem;vertical-align:top;width:110px;border-bottom:1px solid rgba(0,0,0,.06)}.hop-compare-td{padding:.75rem 1rem;vertical-align:top;font-size:.85rem;color:var(--color-text);border-bottom:1px solid rgba(0,0,0,.06)}.hop-compare-tr--header .hop-compare-td{border-bottom:2px solid var(--color-green);padding-bottom:.5rem}.hop-compare-tr--header .hop-compare-td strong{font-family:var(--font-display);font-size:1.1rem;color:var(--color-burgundy);margin-right:.5rem}.hop-compare-tr--radar .hop-compare-td{text-align:center}.hop-compare-tr--radar .hop-radar-wrap{width:180px;height:180px;display:inline-block}.hop-compare-tr--cart .hop-compare-td{border-bottom:none}.hop-compare-tr--cart .hop-price{font-size:1.1rem;display:block;margin-bottom:.5rem}.hop-compare-tr--cart .hop-size-toggle-group{margin:.5rem 0}.hop-compare-desc-wrap{position:relative}.hop-compare-desc-text{line-height:1.4;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;margin:0}.hop-compare-read-more{background:0 0;border:none;color:var(--color-green);font-size:.8rem;font-weight:700;cursor:pointer;padding:4px 0;font-family:var(--font-body)}.hop-compare-read-more:hover{text-decoration:underline}.hop-compare-desc-popup{position:absolute;bottom:100%;left:0;right:0;background:var(--color-cream);border:1px solid rgba(0,0,0,.15);border-radius:6px;box-shadow:0 4px 20px rgba(0,0,0,.25);padding:1rem 2.5rem 1rem 1rem;font-size:.85rem;line-height:1.5;color:var(--color-text);z-index:10;max-height:300px;overflow-y:auto}.hop-compare-popup-close{position:absolute;top:4px;right:4px;background:0 0;border:none;font-size:1.25rem;color:var(--color-muted);cursor:pointer;min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center}.hop-compare-popup-close:hover{color:var(--color-burgundy)}.hop-compare-remove{background:0 0;border:none;font-size:1.25rem;color:var(--color-muted);cursor:pointer;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.hop-compare-remove:hover{color:var(--color-burgundy)}.hop-compare-remove:focus-visible{outline:2px solid var(--color-burgundy);outline-offset:2px}.hop-compare-empty-cell{color:#999}.hop-compare-slot-empty{display:flex;flex-direction:column;align-items:center;gap:.5rem}.hop-compare-select-label{font-size:.8rem;font-weight:700;color:#4a4a4a}.hop-compare-select{padding:6px 10px;border:2px solid var(--color-green);border-radius:4px;font-family:var(--font-body);font-size:.85rem;min-height:44px;cursor:pointer;max-width:180px}.hops-grid--compare-active .hop-card:not(.hop-card--comparing){cursor:pointer}.hops-grid--compare-active .hop-card:not(.hop-card--comparing):hover{box-shadow:0 0 0 2px var(--color-green),0 2px 16px rgba(0,0,0,.4)}@media (max-width:900px){.hop-compare-th{width:80px;font-size:.75rem}.hop-compare-td{padding:.5rem}.hop-compare-tr--radar .hop-radar-wrap{width:120px;height:120px}.hops-catalog-section .product-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.hops-hero{padding:3rem 0;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.hops-catalog-section .container,.hops-toolbar{padding-left:max(1.5rem,env(safe-area-inset-left));padding-right:max(1.5rem,env(safe-area-inset-right))}.hop-compare-btn{display:none}.hop-radar-wrap{width:140px;height:140px}.hop-panel-inner{flex-direction:column;align-items:center}.hop-panel-right{flex:0 0 auto}.hop-panel-center .hop-notes{text-align:center}}@media (max-width:640px){.hops-catalog-section .product-grid{grid-template-columns:1fr}}@media (max-width:480px){.hop-radar-wrap{width:120px;height:120px}}.hops-table-wrap{position:relative;background:var(--color-cream);border-top:3px solid var(--color-green);border-radius:4px;box-shadow:0 2px 16px rgba(0,0,0,.4);padding:.4rem 1rem;overflow-x:auto}.hops-table{border-collapse:collapse;width:100%;font-size:.85rem;line-height:1.3}.hops-table th{text-align:left;text-transform:uppercase;font-size:.65rem;font-weight:600;letter-spacing:.05em;color:var(--color-burgundy);padding:.5rem .6rem;border-bottom:2px solid rgba(55,14,19,.25);white-space:nowrap}.hops-table th[data-sort]{cursor:pointer;user-select:none;transition:color .15s}.hops-table th[data-sort]:hover{color:var(--color-green)}.hops-table th .sort-arrow{display:inline-block;margin-left:.25rem;font-size:.6rem;vertical-align:middle;opacity:.4}.hops-table th.sort-active .sort-arrow{opacity:1;color:var(--color-green)}.hops-table td{padding:.5rem .6rem;border-bottom:1px solid rgba(55,14,19,.1);vertical-align:middle;color:var(--color-text)}.hops-table td[data-label=Price]{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.hops-table tr:hover td{background:rgba(55,14,19,.05)}.hop-row--oos td{opacity:.5}.hop-oos-badge{display:inline-block;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--color-burgundy);background:rgba(55,14,19,.1);padding:.15em .5em;border-radius:3px;margin-left:.5rem;vertical-align:middle}.hop-price-from{font-size:.75em;opacity:.6;margin-left:1px}.hops-table .product-reserve-wrap{min-width:110px}@media (max-width:640px){.hops-table thead{display:none}.hops-table,.hops-table tbody,.hops-table td,.hops-table tr{display:block}.hops-table tr{border-bottom:1px solid rgba(229,222,193,.15);padding:.5rem 0}.hops-table td{border-bottom:none;padding:.2rem .6rem}.hops-table td[data-label=Price]{text-align:left}.hops-table td::before{content:attr(data-label);display:inline-block;width:5.5rem;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:rgba(55,14,19,.6);vertical-align:middle}.hops-table td[data-label=""]::before{display:none}}.hops-cart-fab{position:fixed;bottom:1.5rem;right:1.5rem;z-index:1050;display:flex;align-items:center;gap:.5rem;padding:.85rem 1.25rem;border:2px solid rgba(255,255,255,.5);border-radius:2rem;background:var(--color-brown,#3e2c1e);color:#fff;font-family:var(--font-body);font-size:1rem;font-weight:700;cursor:pointer;box-shadow:0 4px 20px rgba(0,0,0,.5),0 0 0 3px rgba(62,44,30,.3);transition:transform .15s ease,box-shadow .15s ease}.hops-cart-fab:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 6px 24px rgba(0,0,0,.6),0 0 0 3px rgba(62,44,30,.4)}.hops-cart-fab:active{transform:translateY(0) scale(.98)}.hops-cart-fab.hidden{display:none}.hops-cart-fab svg{flex-shrink:0}.hops-cart-fab-count{min-width:1.4em;height:1.4em;line-height:1.4em;text-align:center;background:var(--color-green,#4a6f4b);border-radius:50%;font-size:.8rem}@media (min-width:1024px){body[data-page=hops] .cart-drawer-backdrop{display:block;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:1100;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}body[data-page=hops] .cart-drawer-backdrop.open{opacity:1;visibility:visible}body[data-page=hops] .cart-drawer{display:flex;flex-direction:column;position:fixed;top:0;right:0;bottom:0;width:380px;max-width:90vw;background:var(--color-white,#fff);box-shadow:-4px 0 20px rgba(0,0,0,.15);z-index:1200;transform:translateX(100%);transition:transform .3s ease}body[data-page=hops] .cart-drawer.open{transform:translateX(0)}}body[data-page=hops] .cart-drawer-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:2px solid var(--color-brown);background:rgba(229,222,193,.3);flex-shrink:0}body[data-page=hops] .cart-drawer-header h3{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--color-brown);margin:0}body[data-page=hops] .cart-drawer-close{background:0 0;border:none;font-size:1.5rem;color:var(--color-brown);cursor:pointer;padding:.25rem .5rem;line-height:1;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}body[data-page=hops] .cart-drawer-items{flex:1;overflow-y:auto;padding:.75rem 1rem;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}body[data-page=hops] .cart-drawer-footer{padding:.75rem 1rem;border-top:2px solid var(--color-brown);background:rgba(229,222,193,.2);flex-shrink:0}body[data-page=hops] .cart-drawer-subtotal{display:flex;justify-content:space-between;font-weight:700;font-size:.95rem;color:var(--color-text);margin-bottom:.75rem}body[data-page=hops] .cart-drawer-checkout{display:block;width:100%;text-align:center;margin-bottom:.5rem;font-size:.85rem;padding:.6rem 1rem}body[data-page=hops] .cart-drawer-clear{display:block;width:100%;text-align:center;font-size:.75rem;padding:.4rem .75rem}@media (prefers-reduced-motion:reduce){.hop-notes-body{transition:none}body[data-page=hops] .hops-catalog-section::before{filter:none;background:#1a1a1a}}@media print{body[data-page=hops]{background:#fff}body[data-page=hops] .hops-catalog-section::after,body[data-page=hops] .hops-catalog-section::before{display:none}.bag-shadow-wrap{filter:none}body[data-page=hops] .hops-catalog-section{clip-path:none;-webkit-mask-image:none;mask-image:none;max-width:none}.bag-seal,.bag-seal-bottom{display:none}.hop-detail-panel{break-inside:avoid}.hop-card{break-inside:avoid;box-shadow:none;border:1px solid #ccc}}