:root{--ink:#172019;--ink2:#233027;--forest:#263b30;--orange:#df842e;--orange-dark:#c46d23;--paper:#f7f6f0;--cream:#eae9df;--line:#e4e6dc;--muted:#747b73;--white:#fff;--shadow:0 22px 70px rgba(23,32,25,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}button:disabled{cursor:not-allowed;opacity:.45}svg{display:inline-block;vertical-align:middle}::selection{background:#e2ab73;color:#201d17}
.mono{font-size:11px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.dim{color:var(--muted)}.accent{color:var(--orange)}.container{width:min(1220px,calc(100% - 72px));margin:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:48px;padding:0 24px;border:1px solid transparent;border-radius:6px;background:var(--ink);color:white;font-size:13px;font-weight:800;letter-spacing:.01em;transition:.22s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(20,31,24,.16)}.btn.primary{background:var(--orange);color:#241f17}.btn.primary:hover{background:#ef9c48}.btn.outline{background:transparent;color:var(--ink);border-color:#aab1a9}.btn.light{background:#f5f5ef;color:var(--ink)}.btn.sm{min-height:36px;padding:0 14px;font-size:12px}.btn.ghost{background:transparent;color:inherit}.icon-btn{display:inline-grid;place-items:center;width:39px;height:39px;border:0;border-radius:50%;background:transparent;color:inherit;position:relative}.icon-btn:hover{background:rgba(0,0,0,.055)}.icon-btn .bubble{position:absolute;top:0;right:-4px;border-radius:20px;background:var(--orange);color:#111;padding:2px 5px;font-size:9px;font-weight:800}
.announcement{height:32px;background:#24382d;color:#dce4d5;text-align:center;display:flex;align-items:center;justify-content:center;gap:12px;font-size:10px;font-weight:800;letter-spacing:.19em}.announcement .dot{width:5px;height:5px;border-radius:50%;background:var(--orange)}.site-header{height:86px;display:flex;align-items:center;justify-content:space-between;gap:26px;background:var(--paper);position:relative;z-index:8;border-bottom:1px solid #edf0e8}.brand{display:inline-flex;align-items:center;gap:9px;font-size:26px;letter-spacing:-1.6px;font-weight:800;font-family:Manrope,sans-serif;line-height:1}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border:2.5px solid var(--ink);border-radius:50%;font-weight:900;letter-spacing:-3px;font-size:24px;padding-right:3px;transform:rotate(-9deg)}.brand .brand-sub{display:block;letter-spacing:.28em;font-size:8px;font-weight:800;margin-top:5px;line-height:1.5}.brand-text{display:flex;flex-direction:column}.nav-links{display:flex;align-items:center;gap:32px}.nav-links button{background:none;border:0;font-size:13px;font-weight:800;color:#405147;padding:9px 0}.nav-links button:hover,.nav-links button.active{color:var(--orange-dark)}.header-actions{display:flex;align-items:center;gap:6px}.desktop-menu-btn{display:none}.header-shop{min-height:40px;margin-left:7px}
.hero{padding:26px 0 0}.hero-grid{min-height:596px;display:grid;grid-template-columns:55% 45%;background:var(--ink);color:#fff;overflow:hidden;border-radius:10px}.hero-copy{position:relative;display:flex;flex-direction:column;justify-content:center;padding:68px 4% 70px 70px;z-index:2}.hero-copy .eyebrow{display:flex;align-items:center;gap:14px;color:#eeb47b}.hero-copy .eyebrow:before{content:'';width:32px;height:1px;background:#d38d50}.hero h1{font-family:Manrope,sans-serif;letter-spacing:-.075em;font-size:clamp(68px,7.2vw,110px);line-height:.98;margin:34px 0 20px;font-weight:800}.hero h1 span{color:#e79a4b}.hero-copy p{font-size:15px;color:#bbc9bf;line-height:1.9;max-width:425px;margin:0 0 34px}.hero-actions{display:flex;flex-wrap:wrap;gap:13px}.hero-labels{display:flex;gap:34px;margin-top:68px;color:#b5c4b7;font-size:10px;font-weight:700;letter-spacing:.09em}.hero-labels b{color:white;font-size:20px;font-family:Manrope;display:block;margin-bottom:5px;letter-spacing:-.05em}.hero-art{background:radial-gradient(ellipse at 68% 42%,#f2b75b 0,#db8e37 42%,#ae6124 100%);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.hero-art:before{content:'BEAR HOPS   BEAR HOPS   BEAR HOPS';position:absolute;font-weight:900;font-family:Manrope;font-size:90px;line-height:1.55;letter-spacing:-8px;color:rgba(67,40,22,.12);transform:rotate(-21deg);width:600px;left:-64px;top:50px}.hero-art .halo{width:480px;height:480px;border:1px solid rgba(255,248,211,.35);position:absolute;border-radius:50%;top:52%;left:50%;transform:translate(-50%,-50%)}.hero-art .halo:before,.hero-art .halo:after{content:'';position:absolute;border-radius:50%;border:1px solid rgba(255,248,211,.17);inset:36px}.hero-art .halo:after{inset:74px}.hero-art .float-stamp{position:absolute;top:35px;right:30px;text-align:center;width:105px;height:105px;border:1px solid rgba(83,53,21,.5);border-radius:50%;transform:rotate(14deg);display:flex;align-items:center;justify-content:center;font-size:10px;color:#40240c;line-height:1.65;letter-spacing:.15em;font-weight:900}.hero-art .product-art{transform:rotate(-11deg) scale(1.25);filter:drop-shadow(15px 28px 16px rgba(52,26,10,.3));z-index:1}.hero-art .floating-note{position:absolute;bottom:29px;left:32px;color:#40230d;font-size:12px;font-weight:800}.hero-art .floating-note span{display:block;font-size:10px;font-weight:600;margin-top:5px}.corner-splash{position:absolute;right:-20px;bottom:-40px;width:170px;height:170px;border-radius:45%;background:rgba(255,232,177,.14)}
.product-art{--can:#f0b442;--can2:#d78524;--label:#2b261e;--labeltext:#251e14;position:relative;display:grid;place-items:center;width:182px;height:326px;flex-shrink:0}.product-art .can-body{position:relative;width:135px;height:278px;border-radius:23px 23px 18px 18px;background:linear-gradient(90deg,rgba(0,0,0,.20) 0%,transparent 13%,rgba(255,255,255,.3) 28%,transparent 55%,rgba(0,0,0,.22) 100%),linear-gradient(140deg,var(--can),var(--can2));box-shadow:inset -6px 0 15px rgba(0,0,0,.2),inset 4px 0 10px rgba(255,255,255,.15),5px 8px 12px rgba(0,0,0,.14)}.product-art .can-body:before{content:'';position:absolute;top:-7px;left:4px;right:4px;height:16px;border-radius:45%;background:linear-gradient(#d0d2cc,#fafafa 44%,#8a928d);border:2px solid #b7bab6;z-index:2}.product-art .can-body:after{content:'';position:absolute;bottom:-4px;left:4px;right:4px;height:11px;border-radius:50%;background:linear-gradient(#555d55,#bbc1b9 85%);opacity:.85}.product-art .can-label{position:absolute;inset:29px 8px 18px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--labeltext)}.product-art .can-label .tiny{font-size:7px;letter-spacing:.19em;font-weight:900;margin-bottom:12px}.product-art .can-label .bear-glyph{font-size:52px;line-height:1;font-weight:900;letter-spacing:-7px;padding-right:7px;font-family:Manrope,sans-serif;position:relative}.product-art .can-label .bear-glyph:before,.product-art .can-label .bear-glyph:after{content:'';width:16px;height:16px;background:currentColor;position:absolute;border-radius:50%;top:-6px}.product-art .can-label .bear-glyph:before{left:5px}.product-art .can-label .bear-glyph:after{right:1px}.product-art .can-label .label-brand{font-size:17px;font-family:Manrope;font-weight:900;line-height:1.12;letter-spacing:-.07em;margin:10px 0 8px}.product-art .can-label .label-style{font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;max-width:85px}.product-art .can-label .label-bottom{font-size:7px;font-weight:900;letter-spacing:.08em;position:absolute;bottom:8px}.product-art.is-bottle .can-body{height:217px;width:106px;border-radius:27px 27px 11px 11px;background:linear-gradient(90deg,rgba(0,0,0,.35),rgba(255,255,255,.12) 36%,rgba(0,0,0,.28)),linear-gradient(var(--can),var(--can2));margin-top:75px}.product-art.is-bottle .can-body:before{height:82px;top:-75px;left:31px;right:31px;border-radius:6px 6px 0 0;background:linear-gradient(90deg,#6d5634,#b18753 42%,#443221);border-color:#70603e}.product-art.is-bottle .can-body:after{height:8px}.product-art.is-bottle .can-label{background:var(--can);inset:42px 7px 15px;border-radius:2px}.product-art.is-bottle .can-label .bear-glyph{font-size:34px}.product-art.is-bottle .can-label .bear-glyph:before,.product-art.is-bottle .can-label .bear-glyph:after{width:10px;height:10px}.product-art.is-bottle .can-label .label-brand{font-size:14px}.product-art.is-keg{width:184px;height:326px}.product-art.is-keg .can-body{width:154px;height:198px;margin-top:60px;border-radius:24px;background:repeating-linear-gradient(0deg,transparent,transparent 45px,rgba(20,30,24,.2) 47px,rgba(255,255,255,.3) 51px),linear-gradient(90deg,#626d67,#f4f4ec 23%,#a6b1a9 66%,#4f5f58);box-shadow:inset 8px 0 13px rgba(0,0,0,.15),8px 11px 10px rgba(0,0,0,.16)}.product-art.is-keg .can-body:before{top:-10px;height:18px;background:linear-gradient(#7c8983,#eceee9);border-color:#8b9890}.product-art.is-keg .can-label{inset:48px 13px 45px;background:var(--can);border-radius:5px}.product-art.is-keg .can-label .bear-glyph{font-size:32px}.product-art.is-keg .can-label .bear-glyph:before,.product-art.is-keg .can-label .bear-glyph:after{width:10px;height:10px}.product-art.is-keg .can-label .label-brand{font-size:14px}
.trust-row{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);padding:28px 0 24px}.trust-item{padding:0 26px;display:flex;align-items:center;gap:15px;border-right:1px solid var(--line)}.trust-item:first-child{padding-left:0}.trust-item:last-child{border-right:0}.trust-item .trust-icon{display:grid;place-items:center;border-radius:50%;background:#e9eade;height:43px;width:43px;flex:0 0 auto;color:#455b48}.trust-item b{font-size:13px;display:block}.trust-item small{display:block;color:var(--muted);font-size:11px;margin-top:4px}
.section{padding:100px 0}.section.sm-padded{padding:72px 0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:35px}.section-heading h2,.story h2,.business-band h2{font-family:Manrope,sans-serif;font-weight:800;line-height:1.15;letter-spacing:-.064em;font-size:clamp(34px,4.3vw,57px);margin:14px 0 0}.section-heading .intro{max-width:320px;color:var(--muted);font-size:13px;line-height:1.8}.section-kicker{color:var(--orange-dark);display:flex;align-items:center;gap:10px}.section-kicker:before{content:'';width:18px;height:2px;background:currentColor}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-card{background:white;border:1px solid #e9eae3;border-radius:9px;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.product-visual{height:300px;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 55% 42%,color-mix(in srgb,var(--bg) 50%,white),var(--bg))}.product-visual:after{content:'';position:absolute;bottom:23px;width:170px;height:14px;border-radius:50%;background:rgba(33,38,27,.09);filter:blur(10px)}.product-visual .product-art{transform:scale(.78);z-index:1}.product-visual .small-badge{position:absolute;top:18px;left:20px;color:#333;font-size:10px;font-weight:900;letter-spacing:.15em;background:rgba(255,255,255,.55);padding:9px 11px;border-radius:30px}.product-visual .abv-pill{position:absolute;top:18px;right:20px;font-size:10px;font-weight:800;background:#fff;padding:8px 12px;border-radius:30px}.product-info{padding:22px}.product-info .style{font-size:10px;color:var(--orange-dark);letter-spacing:.15em;font-weight:900;text-transform:uppercase}.product-info h3{font-family:Manrope;font-size:23px;letter-spacing:-.055em;line-height:1.15;margin:9px 0 8px}.product-info p{font-size:12px;line-height:1.6;color:var(--muted);margin:0 0 18px;min-height:38px}.product-bottom{border-top:1px solid #ecefe9;padding-top:16px;display:flex;justify-content:space-between;align-items:center}.price{font-family:Manrope;font-size:20px;font-weight:800;letter-spacing:-.05em}.price small{font:11px 'DM Sans';color:var(--muted);display:block;margin-bottom:2px}.format-pills{display:flex;gap:5px;margin:14px 0}.format-pills span{background:#eff0e8;border-radius:3px;font-size:10px;padding:5px 8px;color:#55615a;font-weight:800}.chip{display:inline-flex;align-items:center;gap:7px;border-radius:50px;padding:7px 10px;font-size:10px;font-weight:800;background:#f5e7d6;color:#8e542c}.chip.dark{background:#2e4236;color:#e6efde}.chip.grey{background:#e8ebe7;color:#526153}.chip.pink{background:#f7e2dd;color:#a3584b}.shop-controls{display:flex;gap:10px;margin-bottom:30px;align-items:center;flex-wrap:wrap}.filter-pill{border:1px solid #dfe4d9;background:transparent;color:#506056;border-radius:50px;padding:11px 21px;font-size:12px;font-weight:800}.filter-pill.active{background:var(--ink);border-color:var(--ink);color:white}.search-box{margin-left:auto;display:flex;align-items:center;gap:8px;padding:0 13px;border:1px solid #dfe4d9;background:#fff;border-radius:5px;height:43px}.search-box input{border:0;outline:0;background:none;font-size:12px;width:170px;color:#243329}
.business-band{display:grid;grid-template-columns:48% 52%;background:#253b2f;color:#fff;border-radius:10px;min-height:442px;overflow:hidden}.business-content{padding:65px 65px}.business-content h2{font-size:clamp(38px,4vw,58px);margin:18px 0}.business-content p{font-size:13px;color:#bbcdc0;line-height:1.9;max-width:425px}.business-features{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin:25px 0 33px}.business-features div{font-size:12px;display:flex;gap:9px;align-items:center;color:#e0ece0}.business-art{position:relative;overflow:hidden;background:radial-gradient(circle at 55% 65%,#d6974c,#9a582c 70%)}.tap-device{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.tap-system{position:relative;width:245px;height:235px}.tap-system .spine{position:absolute;top:24px;left:28px;width:190px;height:25px;border-radius:9px;background:linear-gradient(#e2e0d1,#899389 54%,#cdd1c9);box-shadow:0 4px 10px #62421d55}.tap-system .tower{position:absolute;top:38px;left:105px;height:170px;width:34px;background:linear-gradient(90deg,#73817a,#edf1e9 40%,#889790 80%)}.tap-system .base{position:absolute;bottom:10px;left:38px;height:26px;width:174px;border-radius:5px;background:linear-gradient(#c9cfc5,#7e8c83 70%,#d1d5cf)}.tap-system .handle{position:absolute;top:-42px;width:17px;height:78px;background:linear-gradient(90deg,#222622,#4a5148,#151c18);border-radius:7px 7px 4px 4px}.tap-system .handle.one{left:63px}.tap-system .handle.two{right:65px}.tap-system .spout{position:absolute;top:47px;width:18px;height:37px;background:linear-gradient(90deg,#8e9991,#edf2ec,#7b867e);border-radius:0 0 8px 8px}.tap-system .spout.one{left:63px}.tap-system .spout.two{right:65px}.glass{position:absolute;bottom:39px;left:49px;width:50px;height:91px;border:3px solid #f1eedb99;border-top:0;clip-path:polygon(0 0,100% 0,86% 100%,14% 100%);background:linear-gradient(to bottom,#faf7e9 0 17%,#f4b347 20%,#d07419 100%);box-shadow:inset 0 6px 9px #fff8}.glass.two{left:auto;right:48px;background:linear-gradient(to bottom,#fff4e0 0 15%,#a23d28 18%,#743122 100%)}.business-art .outline-word{position:absolute;bottom:0;left:40px;font:900 94px Manrope;letter-spacing:-.08em;color:transparent;-webkit-text-stroke:1px #f8d3a844}
.story{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.story-art{height:420px;background:linear-gradient(145deg,#dbb58c,#a15e36);position:relative;border-radius:8px;overflow:hidden;display:grid;place-items:center}.story-art .rings{position:absolute;border:1px solid #f8dcb155;border-radius:50%;width:340px;height:340px}.story-art .rings:before{content:'';position:absolute;inset:28px;border:1px solid #f8dcb166;border-radius:50%}.story-art .big-type{font-family:Manrope;font-size:150px;font-weight:900;letter-spacing:-.1em;transform:rotate(-12deg);color:#4b3222;text-shadow:9px 12px 0 #e9ba84}.story-copy p{line-height:1.9;color:#737b72;font-size:14px;max-width:470px}.story-points{border-top:1px solid var(--line);margin-top:32px;padding-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:26px}.story-points b{font-size:24px;letter-spacing:-.06em}.story-points small{display:block;font-size:11px;color:var(--muted);margin-top:5px}
.footer{background:var(--ink);color:white;margin-top:80px;padding:66px 0 20px}.footer-top{display:flex;justify-content:space-between;gap:50px;padding-bottom:70px}.footer .brand-mark{border-color:white}.footer .foot-text{color:#a8b9aa;font-size:13px;line-height:1.9;max-width:325px;margin-top:22px}.footer-links{display:grid;grid-template-columns:repeat(2,150px);gap:14px 30px;font-size:12px;color:#bdcbbc}.footer-links button{border:0;background:none;color:inherit;text-align:left;padding:0;cursor:pointer}.footer-links button:hover{color:white}.footer-bottom{border-top:1px solid #405247;padding:20px 0;display:flex;justify-content:space-between;gap:20px;color:#8d9c90;font-size:10px;letter-spacing:.05em}.footer-bottom button{border:0;background:none;color:inherit;padding:0}
.floating-chat{position:fixed;right:28px;bottom:26px;z-index:20;width:61px;height:61px;background:var(--orange);color:var(--ink);border:2px solid #eab06e;border-radius:50%;box-shadow:0 8px 28px #44301840;display:grid;place-items:center;transition:transform .2s}.floating-chat:hover{transform:scale(1.07)}.chat-status{position:absolute;top:-3px;right:-3px;background:#4a9e70;width:13px;height:13px;border-radius:50%;border:3px solid white}
.overlay-backdrop{position:fixed;inset:0;background:rgba(13,23,17,.65);backdrop-filter:blur(5px);z-index:40;display:flex;align-items:center;justify-content:center;padding:18px}.drawer-backdrop{position:fixed;inset:0;background:#09130d99;z-index:40}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(480px,100%);background:var(--paper);z-index:41;display:flex;flex-direction:column;box-shadow:-20px 0 60px #0c1b1055}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:26px 29px;border-bottom:1px solid var(--line)}.drawer-head h2{margin:0;font:800 25px Manrope;letter-spacing:-.06em}.drawer-body{overflow:auto;flex:1;padding:24px 29px}.drawer-foot{padding:22px 29px;border-top:1px solid var(--line);background:#fff}.modal{width:min(840px,100%);max-height:min(92vh,1000px);overflow:auto;background:var(--paper);position:relative;border-radius:11px;box-shadow:0 25px 90px #0a1a0e66}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:22px 30px;border-bottom:1px solid var(--line)}.modal-header h2{font-size:25px;font-family:Manrope;letter-spacing:-.055em;margin:0}.modal-body{padding:30px}.close-float{position:absolute;right:17px;top:17px;z-index:2}.cart-line{display:flex;align-items:center;gap:14px;padding:17px 0;border-bottom:1px solid var(--line)}.cart-swatch{width:67px;height:80px;display:grid;place-items:center;border-radius:5px;flex-shrink:0}.cart-swatch .product-art{transform:scale(.19);transform-origin:center}.cart-line h4{margin:0 0 5px;font-size:14px}.cart-line small{color:var(--muted);font-size:11px}.qty-control{display:inline-flex;border:1px solid #cfd5cc;border-radius:4px;align-items:center;overflow:hidden;height:31px;margin-top:10px}.qty-control button{border:0;background:none;width:31px;height:31px}.qty-control span{min-width:27px;text-align:center;font-size:12px}.cart-total{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.cart-total b{font:800 24px Manrope}.empty-state{padding:85px 20px;text-align:center;color:var(--muted)}.empty-state h3{color:var(--ink);font-size:21px}
.field{display:flex;flex-direction:column;gap:8px;margin-bottom:15px}.field label{font-size:11px;font-weight:900;letter-spacing:.04em;color:#526258}.field input,.field select,.field textarea{width:100%;border:1px solid #d9dfd5;background:#fff;border-radius:5px;min-height:44px;padding:11px 13px;color:var(--ink);outline:none;font-size:13px}.field textarea{min-height:105px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--orange)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.fineprint{font-size:11px;line-height:1.7;color:var(--muted)}.alert{font-size:12px;padding:13px 15px;line-height:1.6;border-radius:5px;background:#fff4e6;color:#8b5d2d;margin:14px 0}.success-panel{text-align:center;padding:38px 14px}.success-panel .success-circle{width:70px;height:70px;border-radius:50%;background:#e2eee3;color:#437550;margin:auto;display:grid;place-items:center}.success-panel h2{font:800 33px Manrope;letter-spacing:-.06em}
.product-modal-grid{display:grid;grid-template-columns:43% 57%;min-height:470px}.product-modal-visual{background:var(--bg);display:grid;place-items:center;min-height:470px}.product-modal-visual .product-art{transform:scale(1.05)}.product-modal-detail{padding:50px 38px}.product-modal-detail h2{font:800 42px/1.1 Manrope;letter-spacing:-.07em;margin:12px 0}.product-modal-detail p{font-size:13px;line-height:1.8;color:var(--muted)}.variant-buttons{display:flex;gap:8px;margin:24px 0 20px}.variant-btn{border:1px solid #d9dfd5;background:#fff;border-radius:5px;padding:11px 15px;text-align:left;min-width:90px}.variant-btn.active{background:var(--forest);color:#fff;border-color:var(--forest)}.variant-btn strong{display:block;font-size:12px}.variant-btn small{display:block;font-size:10px;margin-top:4px;color:inherit;opacity:.7}.product-modal-price{font:800 30px Manrope;letter-spacing:-.06em;margin-bottom:19px}
.chat-panel{position:fixed;right:27px;bottom:100px;width:min(385px,calc(100% - 28px));height:min(565px,calc(100vh - 125px));background:white;z-index:45;border:1px solid #e8e7dd;border-radius:12px;box-shadow:0 24px 80px #11201840;display:flex;flex-direction:column;overflow:hidden}.chat-head{background:var(--forest);color:white;padding:19px 19px;display:flex;gap:11px;align-items:center}.chat-head .avatar{width:37px;height:37px;background:var(--orange);border-radius:50%;display:grid;place-items:center;color:#1a2c20;font-weight:900;font-size:18px}.chat-head h3{font-size:14px;margin:0 0 3px}.chat-head p{font-size:10px;color:#baccbf;margin:0}.chat-head button{margin-left:auto;color:white}.chat-messages{flex:1;overflow:auto;padding:18px;background:#fafaf6}.chat-bubble{max-width:91%;font-size:12px;line-height:1.75;padding:11px 13px;border-radius:11px;margin-bottom:12px;white-space:pre-wrap}.chat-bubble.bot{background:#e9ece4;color:#344539;border-bottom-left-radius:3px}.chat-bubble.user{background:#d88c43;color:#241d15;margin-left:auto;border-bottom-right-radius:3px}.chat-suggestions{padding:0 14px 11px;display:flex;gap:6px;overflow:auto}.chat-suggestions button{flex-shrink:0;white-space:nowrap;border:1px solid #daddd4;border-radius:20px;background:white;color:#596658;padding:7px 9px;font-size:10px;font-weight:800}.chat-input{display:flex;gap:8px;padding:12px;border-top:1px solid #e8e9df}.chat-input input{flex:1;min-width:0;border:0;outline:0;background:#f0f2eb;border-radius:5px;padding:12px;font-size:12px}.chat-input button{border:0;border-radius:5px;background:var(--orange);width:43px;color:var(--ink)}.mini-status{font-size:10px;color:#79857a;padding:0 17px 12px}
.age-backdrop{position:fixed;inset:0;background:#1d2d23;z-index:100;display:grid;place-items:center;padding:20px}.age-card{max-width:500px;text-align:center;color:white}.age-card .age-logo{border:2px solid #df9a4d;display:grid;place-items:center;width:90px;height:90px;border-radius:50%;font:900 51px Manrope;letter-spacing:-8px;margin:0 auto 36px;padding-right:10px;transform:rotate(-9deg)}.age-card h1{font:800 clamp(36px,6vw,59px)/1.06 Manrope;letter-spacing:-.07em;margin:0 0 18px}.age-card p{line-height:1.8;color:#bdcaba;font-size:13px}.age-card .age-buttons{display:flex;gap:12px;justify-content:center;margin:31px 0}.age-card .age-legal{font-size:10px;color:#839a88}
/* Admin */
.admin-shell{display:grid;grid-template-columns:244px minmax(0,1fr);min-height:100vh;background:#f5f6f3}.admin-sidebar{background:#1c2c22;color:white;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:27px 14px}.admin-sidebar .brand{font-size:20px;padding:0 14px 24px;border-bottom:1px solid #405248}.admin-sidebar .brand-mark{color:#e9a35e;border-color:#e9a35e;width:37px;height:37px;font-size:20px}.admin-sidebar .brand-sub{font-size:7px}.sidebar-caption{font-size:9px;color:#7e9886;letter-spacing:.2em;font-weight:900;margin:28px 17px 10px}.sidebar-nav{display:flex;flex-direction:column;gap:3px}.sidebar-nav button{border:0;background:none;color:#a9bbad;display:flex;align-items:center;gap:13px;font-size:12px;font-weight:800;text-align:left;padding:13px 15px;border-radius:5px}.sidebar-nav button.active,.sidebar-nav button:hover{color:white;background:#354e3e}.sidebar-nav button.active:before{content:'';width:3px;background:var(--orange);height:20px;position:absolute;left:13px;border-radius:3px}.sidebar-footer{margin-top:auto;font-size:10px;color:#789180;line-height:1.8;padding:17px}.sidebar-footer button{display:flex;align-items:center;gap:8px;margin-top:15px;border:0;background:none;color:#d0ddcf;font-size:12px;padding:0}.admin-main{min-width:0}.admin-top{height:83px;display:flex;align-items:center;justify-content:space-between;background:white;border-bottom:1px solid #e6e9e3;padding:0 40px}.admin-top .breadcrumb{color:#7d8c7f;font-size:12px}.admin-top .breadcrumb strong{color:#24382a}.admin-top-right{display:flex;align-items:center;gap:15px}.admin-top-right .avatar{height:37px;width:37px;background:#dfe9d9;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:900;color:#37583c}.admin-content{max-width:1500px;padding:36px 40px 80px}.admin-titlebar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.admin-titlebar h1{font:800 33px Manrope;letter-spacing:-.067em;margin:5px 0 6px}.admin-titlebar p{font-size:12px;color:#7b887e;margin:0}.demo-ribbon{display:flex;align-items:center;gap:9px;padding:11px 14px;background:#fff0df;color:#815b2d;font-size:11px;border-radius:5px;margin-bottom:25px;line-height:1.6}.admin-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:23px}.metric-card{background:white;border:1px solid #e7ece5;border-radius:7px;padding:23px}.metric-card .metric-top{display:flex;align-items:center;justify-content:space-between;color:#7a8b7b;font-size:11px;font-weight:800}.metric-card .metric-icon{height:35px;width:35px;background:#f2f3ee;color:#607463;display:grid;place-items:center;border-radius:6px}.metric-card .value{font:800 27px Manrope;letter-spacing:-.065em;margin:23px 0 7px}.metric-card .trend{font-size:10px;color:#869185}.metric-card .trend b{color:#4a9865}.admin-panels{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,1fr);gap:19px;margin-bottom:20px}.panel{background:white;border:1px solid #e7ece5;border-radius:7px;overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:21px 24px;border-bottom:1px solid #edf0eb}.panel-head h3{margin:0;font:800 15px Manrope;letter-spacing:-.03em}.panel-head small{font-size:10px;color:#8b968c}.panel-content{padding:23px 24px}.chart-area{height:219px;display:flex;align-items:flex-end;gap:19px;border-bottom:1px solid #e8ebe6;padding:0 5px 0;position:relative}.chart-area:before{content:'';position:absolute;inset:0 0 0;background:repeating-linear-gradient(to top,transparent 0px,transparent 53px,#ecf0ea 54px);pointer-events:none}.chart-group{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:end;height:100%;z-index:1;gap:7px}.chart-bars{display:flex;align-items:end;justify-content:center;gap:4px;height:190px;width:100%}.chart-bar{width:min(23px,42%);min-height:3px;background:#d2decf;border-radius:4px 4px 0 0}.chart-bar.orange{background:#e6a05b}.chart-group small{height:22px;color:#8a968b;font-size:10px}.legend{display:flex;gap:20px;font-size:10px;color:#809184}.legend span{display:inline-flex;gap:6px;align-items:center}.legend span:before{content:'';height:8px;width:8px;background:#d2decf;border-radius:2px}.legend span.orange:before{background:#e6a05b}.channel-list{display:flex;flex-direction:column;gap:23px}.channel-row{display:grid;grid-template-columns:39px 1fr auto;gap:10px;align-items:center}.channel-symbol{height:38px;width:38px;border:1px solid #e8ebe6;background:#f7f8f4;border-radius:6px;display:grid;place-items:center;font-weight:900;font-size:15px;color:#506557}.channel-name{font-size:12px;font-weight:900}.channel-sub{font-size:10px;color:#87948a;margin-top:4px}.channel-val{font-size:13px;font-weight:900;text-align:right}.channel-val small{font-size:9px;color:#849286;display:block;font-weight:600;margin-top:4px}.progress-track{height:5px;background:#eef0ea;border-radius:5px;overflow:hidden;margin-top:10px}.progress-track span{display:block;background:#e19b54;height:100%;border-radius:5px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:570px}th{text-align:left;background:#fafbf8;color:#7b897d;font-size:10px;letter-spacing:.05em;text-transform:uppercase;padding:14px 18px;font-weight:900}td{font-size:12px;color:#405147;padding:16px 18px;border-top:1px solid #eef1ec}td strong{font-size:12px;color:#2e3f33}td small{display:block;color:#9ca79c;margin-top:4px;font-size:10px}td select{border:1px solid #dce3d9;background:#fff;padding:6px 8px;border-radius:4px;font-size:11px}.admin-tabbar{display:flex;gap:8px;margin:0 0 18px}.admin-tabbar button{border:1px solid #dae3d9;background:#fff;padding:10px 14px;border-radius:5px;font-size:11px;font-weight:800}.admin-tabbar button.active{background:var(--forest);color:white}.admin-product-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.admin-product{background:white;border:1px solid #e4ebe2;border-radius:7px;display:flex;align-items:center;gap:14px;padding:13px}.admin-product .mini-can{width:63px;height:72px;border-radius:5px;display:grid;place-items:center;overflow:hidden;flex-shrink:0}.admin-product .mini-can .product-art{transform:scale(.23)}.admin-product h3{font-size:13px;margin:0 0 5px}.admin-product p{font-size:10px;color:#8c9a8c;margin:0 0 10px}.admin-product button{color:#b8793b;border:0;padding:0;background:none;font-size:11px;font-weight:900}.admin-toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;margin:0 0 20px}.admin-toolbar h3{margin:0;font-size:15px}.admin-knowledge{width:100%;min-height:390px;border:1px solid #dce4db;border-radius:5px;padding:20px;font:12px/1.8 ui-monospace,SFMono-Regular,monospace;outline:none;resize:vertical}.admin-knowledge:focus{border-color:var(--orange)}.integration-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.integration-card{padding:22px;background:white;border:1px solid #e7ece5;border-radius:7px;display:flex;gap:16px;align-items:start}.integration-card .symbol{height:45px;width:45px;border-radius:7px;background:#eef0ea;display:grid;place-items:center;color:#536455;flex-shrink:0}.integration-card h3{font-size:14px;margin:1px 0 8px}.integration-card p{font-size:11px;color:#839284;line-height:1.7;margin:0 0 12px}.integration-card small{font-weight:900;font-size:10px}.lead-card{padding:17px 23px;border-bottom:1px solid #edf0ea;font-size:12px}.lead-card strong{font-size:14px}.lead-card small{display:block;color:#829183;margin:7px 0}.login-admin{max-width:400px;margin:100px auto;background:#fff;border-radius:9px;padding:38px;box-shadow:var(--shadow)}.login-admin h2{font:800 30px Manrope;letter-spacing:-.06em}
/* Utility */
#toast-root{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);z-index:110;pointer-events:none}.toast{padding:13px 22px;border-radius:7px;background:#273c2d;color:white;box-shadow:var(--shadow);font-size:12px;white-space:nowrap}.modal-section-spacer{height:12px}.muted-line{font-size:11px;color:#879588}.admin-empty{padding:35px;text-align:center;color:#839187}.mobile-nav{display:none}
@media(max-width:1150px){.nav-links{gap:18px}.hero-copy{padding-left:45px}.admin-cards{grid-template-columns:repeat(2,1fr)}.admin-product-list{grid-template-columns:repeat(2,1fr)}.admin-panels{grid-template-columns:1fr 1fr}}
@media(max-width:850px){.container{width:calc(100% - 36px)}.site-header{height:70px}.nav-links{display:none}.desktop-menu-btn{display:inline-grid}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:63px 34px 44px}.hero h1{font-size:70px}.hero-labels{margin-top:40px}.hero-art{height:440px}.trust-row{grid-template-columns:repeat(2,1fr);gap:18px}.trust-item{border-right:0;padding:0}.product-grid{grid-template-columns:repeat(2,1fr)}.business-band{grid-template-columns:1fr}.business-art{min-height:330px}.story{gap:30px}.section{padding:65px 0}.mobile-nav{display:flex;gap:20px;position:absolute;top:70px;left:0;right:0;flex-direction:column;background:var(--paper);padding:22px;border-bottom:1px solid var(--line);box-shadow:var(--shadow)}.mobile-nav button{border:0;background:none;text-align:left;font-size:14px;font-weight:800;color:var(--ink);padding:8px}.admin-shell{grid-template-columns:76px minmax(0,1fr)}.admin-sidebar{padding:20px 8px}.admin-sidebar .brand-text,.sidebar-nav .navlabel,.sidebar-caption,.sidebar-footer{display:none}.admin-sidebar .brand{padding:0 10px 19px;justify-content:center}.sidebar-nav button{justify-content:center;padding:15px}.admin-sidebar .brand-mark{flex-shrink:0}.admin-top{padding:0 22px}.admin-content{padding:28px 22px}.admin-panels{grid-template-columns:1fr}}
@media(max-width:580px){.container{width:calc(100% - 28px)}.brand{font-size:22px}.brand-mark{width:37px;height:37px;font-size:20px}.header-shop{display:none}.announcement{font-size:8px}.hero{padding-top:11px}.hero-copy{padding:49px 25px 42px}.hero h1{font-size:clamp(59px,15vw,79px)}.hero-copy p{font-size:13px}.hero-art{height:370px}.hero-art .product-art{transform:rotate(-11deg) scale(1)}.hero-art .floating-note{font-size:10px}.hero-labels{gap:19px}.trust-row{gap:12px}.trust-item{gap:9px}.trust-item b{font-size:11px}.trust-item small{font-size:10px}.trust-item .trust-icon{width:33px;height:33px}.section-heading{align-items:start;flex-direction:column}.section-heading h2,.story h2{font-size:39px}.product-grid{grid-template-columns:1fr}.product-visual{height:310px}.product-visual .product-art{transform:scale(.83)}.business-content{padding:40px 26px}.business-content h2{font-size:43px}.story{grid-template-columns:1fr;gap:34px}.story-art{height:310px}.story-art .big-type{font-size:110px}.footer-top{flex-direction:column}.footer-bottom{flex-direction:column}.footer-links{grid-template-columns:repeat(2,minmax(110px,1fr))}.search-box{width:100%;margin-left:0}.search-box input{width:100%}.form-grid{grid-template-columns:1fr}.product-modal-grid{grid-template-columns:1fr}.product-modal-visual{min-height:310px}.product-modal-visual .product-art{transform:scale(.84)}.product-modal-detail{padding:30px 23px}.variant-buttons{flex-wrap:wrap}.admin-shell{grid-template-columns:58px minmax(0,1fr)}.admin-sidebar .brand-mark{width:30px;height:30px;font-size:16px}.admin-sidebar .brand{padding:0 2px 19px}.admin-top{padding:0 13px;height:65px}.admin-top .breadcrumb{font-size:10px}.admin-top-right{gap:4px}.admin-content{padding:22px 12px}.admin-titlebar h1{font-size:27px}.admin-titlebar{align-items:flex-start}.admin-cards{gap:9px}.metric-card{padding:15px}.metric-card .value{font-size:20px}.admin-product-list{grid-template-columns:1fr}.integration-grid{grid-template-columns:1fr}.admin-titlebar .btn{padding:0 10px;font-size:10px}.chart-area{gap:7px}.panel-head{padding:15px}.panel-content{padding:15px}.admin-toolbar{flex-wrap:wrap}.chat-panel{right:8px;bottom:80px;height:calc(100vh - 98px)}.floating-chat{right:15px;bottom:16px}.drawer-body,.drawer-head,.drawer-foot{padding-left:19px;padding-right:19px}}

/* Bear Hops V0.3 — approved Sunshine Bliss visual identity */
:root{--bh-night:#0b1d15;--bh-forest:#102c20;--bh-amber:#ffba2f;--bh-cream:#f6f0e5;--bh-radius:16px}
html{scroll-behavior:smooth}
body{overflow-x:hidden}
.bh-header{position:sticky;top:0;z-index:65;background:#0b2017;color:#f9f3e7;border-bottom:1px solid #ffffff17;box-shadow:0 6px 26px #04110b22}
.bh-nav-shell{max-width:1560px;margin:auto;padding:0 clamp(18px,4.2vw,70px);height:79px;display:flex;align-items:center;justify-content:space-between;gap:40px}
.bh-header .brand-trigger{display:block;flex-shrink:0;border:0;background:none;color:inherit;cursor:pointer;padding:0;text-align:left}
.bh-brand .bh-brand-text{font-family:Manrope,Arial,sans-serif;font-weight:900;letter-spacing:-.075em;font-size:28px;line-height:.9;color:#fff;white-space:nowrap}
.bh-brand small{display:block;font:700 10px/1.5 'DM Sans',sans-serif;letter-spacing:.27em;text-align:center;margin-top:8px;color:#fff9}
.bh-desktop-links{display:flex;gap:clamp(16px,2.4vw,43px);align-items:center;margin:auto}
.bh-desktop-links button{background:transparent;border:none;color:#f3efe4;font:800 12px 'DM Sans',sans-serif;white-space:nowrap;padding:29px 1px;position:relative;cursor:pointer}
.bh-desktop-links button.active,.bh-desktop-links button:hover{color:#ffc147}
.bh-desktop-links button.active:after{content:'';height:3px;border-radius:3px;background:#ffc147;bottom:17px;left:1px;right:1px;position:absolute}
.bh-head-actions{display:flex;align-items:center;gap:14px;flex-shrink:0}
.bh-lang{display:flex;gap:3px;border:1px solid #f8e9ce7a;border-radius:30px;padding:3px}
.bh-lang button{min-width:40px;height:31px;border:0;color:#eee;background:transparent;border-radius:24px;font-weight:900;font-size:11px;cursor:pointer}
.bh-lang button.active{background:#ffc247;color:#172216}
.bh-icon-action{position:relative;border:0;display:inline-grid;place-items:center;background:transparent;color:#fff;cursor:pointer;width:36px;height:36px}
.bh-icon-action:hover{color:#ffc247}
.bh-icon-action .bubble{position:absolute;right:-4px;top:-3px;font-size:10px;font-weight:900;background:#ffc13a;color:#13291b;min-width:17px;height:17px;border-radius:12px;display:grid;place-items:center}
.bh-menu-button{display:none}
.bh-mobile-nav{display:none}
.bh-home{background:#f6f1e8}
.bh-hero{min-height:620px;position:relative;isolation:isolate;background-image:linear-gradient(90deg,rgba(5,21,13,.95) 0%,rgba(5,21,13,.82) 39%,rgba(5,21,13,.29) 74%,rgba(5,21,13,.1)),var(--bh-bg);background-size:cover;background-position:50% 52%;overflow:hidden}
.bh-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,17,10,var(--bh-tint)) 0%,rgba(3,17,10,.19) 75%,rgba(3,17,10,.08)),linear-gradient(0deg,rgba(2,13,8,.48),transparent 24%);z-index:-1}
.bh-hero-inner{max-width:1570px;min-height:620px;margin:auto;padding:55px clamp(20px,5.2vw,90px) 32px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);align-items:center;gap:10px;position:relative}
.bh-hero-left{max-width:800px;position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;padding-bottom:12px}
.bh-creative-slot{min-height:330px;display:flex;justify-content:center;flex-direction:column}
.bh-hero-eyebrow{font-size:11px;color:#f6eedb;text-transform:uppercase;letter-spacing:.42em;font-weight:900;margin-bottom:23px}
.bh-hero-kicker{color:#ffc447;text-transform:uppercase;font:900 clamp(28px,3.2vw,47px)/1 Manrope,sans-serif;letter-spacing:-.06em;font-style:italic;text-shadow:0 8px 20px #0006;margin-bottom:8px}
.bh-creative-slot h1{font-family:Manrope,Arial,sans-serif;color:#fff5dc;font-weight:900;line-height:1.03;letter-spacing:-.074em;font-size:clamp(49px,5vw,78px);text-shadow:0 8px 25px #0008;margin:0 0 23px;text-transform:uppercase;max-width:790px}
.bh-hero-description{color:#f0ecde;font-size:clamp(13px,1.28vw,17px);line-height:1.8;max-width:560px;font-weight:500;text-shadow:0 2px 10px #000a;margin:0 0 16px}
.bh-creative-code{border:0;background:transparent;min-height:325px;width:100%;max-width:740px;pointer-events:none}
.bh-hero-actions{display:flex;gap:13px;align-items:stretch;margin:10px 0 36px;flex-wrap:wrap}
.bh-primary-cta,.bh-secondary-cta{display:flex;align-items:center;justify-content:center;gap:10px;min-height:59px;padding:15px 22px;border-radius:38px;font:900 13px 'DM Sans',sans-serif;cursor:pointer;white-space:nowrap;transition:transform .18s,background .18s}
.bh-primary-cta{border:1px solid #ffc347;background:linear-gradient(130deg,#ffcc52,#ffb820);color:#12271b;box-shadow:0 12px 26px #0005}
.bh-primary-cta:hover,.bh-secondary-cta:hover{transform:translateY(-3px)}
.bh-secondary-cta{border:1.5px solid #fff2d6;color:#fff;background:#071a0a55}
.bh-hero-meta{display:flex;align-items:center;gap:19px;color:#f8e3b1;letter-spacing:.11em;font-weight:900;font-size:10px;flex-wrap:wrap}
.bh-medal{display:inline-flex;align-items:center;gap:8px;color:#ffd162}.bh-meta-line{height:32px;width:1px;background:#fff5}
.bh-hero-product{height:570px;position:relative;display:grid;place-items:center;align-self:end;min-width:0}
.bh-hero-product > img{height:95%;width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(20px 24px 25px #000b);position:relative;z-index:2;transform:rotate(-2deg)}
.bh-product-glow{position:absolute;inset:15% 0 7% 0;border-radius:50%;background:radial-gradient(circle,rgba(255,177,52,.28),transparent 66%);filter:blur(35px)}
.bh-hero-prod-tag{position:absolute;bottom:45px;right:4px;z-index:3;display:flex;align-items:end;gap:12px;font:900 11px 'DM Sans',sans-serif;letter-spacing:.05em;color:#fff;text-shadow:0 2px 5px #0008;text-transform:uppercase}
.bh-hero-prod-tag small{font-weight:600;color:#ffe2a3}
.bh-category-band{background:#0d2a1d;padding:20px clamp(14px,2vw,30px);border-top:2px solid #f7d58b}
.bh-category-grid{max-width:1630px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.bh-category{min-height:170px;display:flex;align-items:center;gap:13px;padding:19px 13px;background:#143a29;border:1px solid #ffffff24;border-radius:12px;color:#fff3db;text-align:left;cursor:pointer;position:relative;overflow:hidden;transition:background .2s,transform .2s}
.bh-category:hover{background:#205139;transform:translateY(-3px)}
.bh-category-photo{flex:0 0 31%;height:132px;display:grid;place-items:center;position:relative}
.bh-category-photo img{max-width:100%;max-height:125px;object-fit:contain;filter:drop-shadow(6px 10px 12px #0008)}
.bh-category-photo.img-1 img,.bh-category-photo.img-2 img,.bh-category-photo.img-3 img{width:100%;height:125px;object-fit:cover;border-radius:8px;filter:none}
.bh-category-text{display:flex;flex-direction:column;gap:11px;z-index:1;min-width:0;padding:5px 0}
.bh-category-text strong{font:900 clamp(15px,1.4vw,22px)/1.15 Manrope,sans-serif;letter-spacing:-.05em}
.bh-category-text small{font:500 11px/1.6 'DM Sans',sans-serif;color:#f4eddbcb;min-height:34px}
.bh-category-arrow{display:grid;place-items:center;border:1px solid #f5e9c9;border-radius:50%;height:30px;width:30px;color:#ffe0a6}
.bh-collection{padding-top:75px!important}
.bh-section-eyebrow{color:#bd7c29;font-weight:900;letter-spacing:.23em;font-size:10px}
.bh-collection-top{display:flex;justify-content:space-between;align-items:end;gap:30px;margin:10px 0 30px}
.bh-collection-top h2{font:900 clamp(32px,3.5vw,52px)/1.12 Manrope,sans-serif;letter-spacing:-.07em;color:#1c3826;margin:0 0 12px}
.bh-collection-top p{font-size:13px;color:#6d796d;line-height:1.7;max-width:600px;margin:0}
.bh-text-link{background:transparent;border:0;border-bottom:2px solid #d59538;color:#223f2d;font-weight:900;font-size:13px;padding:12px 1px;display:flex;align-items:center;gap:10px;cursor:pointer;white-space:nowrap}
.bh-ask-bottom{background:#e8dfcf;border-radius:12px;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px 34px;margin-top:40px;margin-bottom:40px}
.bh-ask-bottom h2{font:900 29px Manrope,sans-serif;letter-spacing:-.06em;margin:0 0 6px}.bh-ask-bottom p{margin:0;font-size:13px;color:#70806f}
.real-product-can{width:100%;height:100%;object-fit:contain;filter:drop-shadow(9px 12px 12px #0005)}
.product-visual .real-product-can{height:280px;max-width:235px;object-fit:contain;position:absolute;top:10px;left:50%;transform:translateX(-50%)}
.cart-swatch .real-product-can{max-height:65px}.product-modal-visual .real-product-can{max-width:240px;max-height:360px;margin:10px auto;display:block}
.admin-product .real-product-can{height:70px;max-width:55px}
.bh-chat-float{border-radius:50px;padding:0 18px;gap:10px;width:auto;min-width:55px;background:#ffc344;color:#173324;box-shadow:0 6px 24px #1e2b2059;display:flex;align-items:center}
.bh-chat-label{font-weight:900;font-size:12px;white-space:nowrap}
.bh-chat-float .chat-status{right:8px;bottom:4px}
.bh-editor-note{border:1px solid #f1d3a5;background:#fff6e9;padding:14px 18px;border-radius:8px;display:flex;gap:11px;align-items:center;font-size:12px;color:#755127;margin-bottom:18px;font-weight:700;line-height:1.5}
.bh-editor-grid{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(300px,.78fr);gap:18px}
.bh-editor-form .panel-content{padding:23px}
.bh-editor-block{margin-bottom:26px;border-bottom:1px solid #e7ebe5;padding-bottom:25px}
.bh-editor-block h4{font-size:16px;margin:0 0 16px;font-weight:900;color:#263f2b}
.bh-editor-block textarea{width:100%;min-height:65px;resize:vertical}
.bh-editor-block textarea[name^='creativeHtml']{min-height:95px;font-family:monospace;font-size:11px}
.bh-editor-block input,.bh-editor-block select{width:100%}
.bh-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0 15px}
.bh-file-label{display:flex;align-items:center;justify-content:center;gap:6px;padding:11px;border:1px solid #b5c4b4;border-radius:5px;background:#f0f5ec;color:#365a3b;cursor:pointer;font-size:11px;font-weight:800}
.bh-editor-buttons{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}
.bh-editor-preview{align-self:start;position:sticky;top:95px}
.bh-mini-preview{position:relative;min-height:260px;overflow:hidden;border-radius:8px;background:#123322;color:#fff;display:flex;align-items:end;padding:26px}
.bh-mini-preview:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#07160cc9,transparent);pointer-events:none}
.bh-mini-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bh-mini-preview>div{position:relative;z-index:2}.bh-mini-preview small{color:#ffcd62;letter-spacing:.2em;font-weight:900}.bh-mini-preview h3{color:#fff;font:900 27px/1.05 Manrope,sans-serif;letter-spacing:-.06em;max-width:320px}
.bh-layout-reference{width:100%;border-radius:7px;margin-top:24px}
@media(max-width:1150px){.bh-nav-shell{gap:23px}.bh-desktop-links{gap:15px}.bh-desktop-links button{font-size:11px}.bh-hero-inner{grid-template-columns:minmax(0,1fr) minmax(300px,.75fr)}.bh-hero-product{height:490px}.bh-category-text strong{font-size:15px}.bh-category-photo{height:104px}.bh-category-photo img{max-height:100px}}
@media(max-width:900px){.bh-desktop-links{display:none}.bh-menu-button{display:grid}.bh-header{position:sticky}.bh-mobile-nav{position:absolute;top:79px;left:0;right:0;background:#0a2318;display:flex;flex-direction:column;gap:0;box-shadow:0 14px 20px #0007;padding:12px 22px 18px}.bh-mobile-nav button{border:0;border-bottom:1px solid #ffffff24;background:none;padding:14px 8px;text-align:left;color:white;font-weight:800}.bh-hero-inner{padding-left:35px;padding-right:35px;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.bh-hero-product{height:460px}.bh-creative-slot h1{font-size:clamp(42px,5.3vw,64px)}.bh-category-grid{grid-template-columns:repeat(2,1fr)}.bh-editor-grid{grid-template-columns:1fr}.bh-editor-preview{position:static}}
@media(max-width:650px){.bh-nav-shell{height:68px;padding:0 16px;gap:8px}.bh-brand .bh-brand-text{font-size:22px}.bh-brand small{font-size:8px}.bh-head-actions{gap:6px}.bh-icon-action{width:31px}.bh-lang button{min-width:28px;height:26px;font-size:10px}.bh-mobile-nav{top:68px}.bh-hero{min-height:715px;background-position:60% 45%}.bh-hero-inner{min-height:715px;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;padding:30px 23px 25px;gap:0}.bh-hero-left{max-width:none;width:100%}.bh-creative-slot{min-height:254px;justify-content:flex-start}.bh-hero-eyebrow{font-size:9px;letter-spacing:.18em;margin-bottom:12px}.bh-hero-kicker{font-size:28px}.bh-creative-slot h1{font-size:clamp(39px,10vw,56px);margin-bottom:14px;line-height:1.03}.bh-hero-description{font-size:12px;line-height:1.6;margin:0;max-width:450px}.bh-hero-actions{margin:12px 0 18px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.bh-primary-cta,.bh-secondary-cta{min-height:49px;font-size:10px;padding:10px 8px;gap:6px;white-space:normal}.bh-primary-cta svg:first-child,.bh-secondary-cta svg:first-child{display:none}.bh-hero-meta{font-size:9px;gap:10px}.bh-hero-meta .bh-meta-line{display:none}.bh-hero-product{height:280px;position:absolute;top:auto;bottom:0;right:0;width:47%;z-index:1;opacity:.95}.bh-hero-product>img{height:98%;max-width:100%;transform:rotate(-3deg)}.bh-hero-prod-tag{display:none}.bh-hero-left{padding-bottom:205px}.bh-hero-shade{background:linear-gradient(180deg,#06180ce0 0%,#06180c9c 63%,#06180c47)}.bh-category-band{padding:12px}.bh-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.bh-category{min-height:126px;padding:9px;gap:8px}.bh-category-photo{flex-basis:37%;height:108px}.bh-category-photo img{max-height:108px}.bh-category-photo.img-1 img,.bh-category-photo.img-2 img,.bh-category-photo.img-3 img{height:98px}.bh-category-text{gap:5px}.bh-category-text strong{font-size:13px}.bh-category-text small{font-size:10px;min-height:0}.bh-category-arrow{height:25px;width:25px}.bh-collection{padding-top:48px!important}.bh-collection-top{flex-direction:column;align-items:flex-start}.bh-collection-top h2{font-size:34px}.bh-chat-float{min-width:52px;padding:0 13px}.bh-chat-label{display:none}.bh-ask-bottom{padding:20px 23px;flex-direction:column;align-items:flex-start}.bh-ask-bottom h2{font-size:25px}.bh-editor-block textarea{font-size:12px}}
@media(max-width:375px){.bh-brand .bh-brand-text{font-size:19px}.bh-icon-action[data-action="chat"]{display:none}.bh-hero-left{padding-bottom:218px}.bh-hero-product{width:54%}}
/* Navigation remains sticky but must never cover modal/drawer controls. */
.drawer-backdrop,.overlay-backdrop{z-index:100!important}
.drawer{z-index:101!important}
.bh-hero-product > img{max-height:485px;max-width:75%;height:auto;width:auto}
@media(max-width:650px){.bh-hero-product > img{max-height:265px;max-width:92%}}

/* v0.4: photo-real campaign scene. The can and beer are photographed together, not pasted as a separate floating PNG. */
.bh-hero.scene-photo{background-image:var(--bh-bg);background-size:cover;background-position:center center}
.bh-hero.scene-photo .bh-hero-product{visibility:hidden;pointer-events:none}
.bh-hero.scene-photo .bh-hero-shade{background:linear-gradient(90deg,rgba(3,16,10,.20) 0%,rgba(3,16,10,.11) 44%,transparent 70%),linear-gradient(0deg,rgba(2,13,8,.25),transparent 26%)}
@media(max-width:650px){.bh-hero.scene-photo{background-position:62% 50%;background-image:linear-gradient(180deg,#051b11d6 0%,#051b1180 49%,#051b116b 100%),var(--bh-bg)}.bh-hero.scene-photo .bh-hero-shade{background:none}}

/* v0.5 visual QA — studio photograph has no baked-in text; HTML remains accessible and editable. */
.bh-hero.scene-photo{background-image:var(--bh-bg);background-color:#061a10;background-size:cover;background-position:center center}
.bh-hero.scene-photo .bh-hero-shade{background:linear-gradient(90deg,rgba(3,20,12,.16) 0%,rgba(3,20,12,.06) 55%,transparent 74%)}
.bh-category-photo.img-0{background:#17372a;border-radius:9px;overflow:hidden}
.bh-category-photo.img-0 img{width:100%;height:100%;max-height:none;max-width:none;object-fit:cover;object-position:center center;filter:saturate(.88) brightness(.89) contrast(.97)}
.product-visual .natural-product-can{filter:drop-shadow(6px 10px 15px #0003) saturate(.90) brightness(.95)}
.cart-swatch .natural-product-can,.product-modal-visual .natural-product-can,.admin-product .natural-product-can{filter:drop-shadow(3px 5px 8px #0004) saturate(.90) brightness(.95)}
@media(max-width:650px){.bh-hero.scene-photo{background-position:64% center}.bh-category-photo.img-0 img{object-fit:cover;height:100%;width:100%}}

/* Bear Hops customer CRM and authentic product photo library */
.crm-layout{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.6fr);gap:20px;align-items:start;margin-top:20px}
.crm-list{max-height:680px;overflow:auto;padding:8px}
.crm-customer{display:flex;flex-direction:column;align-items:flex-start;text-align:left;width:100%;border:1px solid transparent;border-bottom-color:#e5e9e2;background:transparent;padding:15px 12px;gap:6px;cursor:pointer;color:#26382d}
.crm-customer strong{font-size:14px}.crm-customer small{color:#68776b;font-size:11px}.crm-customer.selected{background:#ecf1e9;border-radius:8px;border-color:#ccd7c8}
.crm-history{border-top:1px solid #e1e7df;margin-top:24px;padding-top:16px}.crm-history h4{font-size:13px;margin:18px 0 10px}.crm-history article{padding:11px 0;border-bottom:1px solid #edf0ed;font-size:12px;line-height:1.6}.crm-history article small{font-size:10px;color:#77867b}.crm-history article p{white-space:pre-wrap;overflow-wrap:anywhere;margin:5px 0}
.crm-image-panel{background:#f5f7f3;padding:18px;border-radius:10px;margin:17px 0}.crm-image-panel h3{font-size:15px;margin:0 0 7px}.crm-image-panel p{font-size:12px;color:#68776b}.admin-image-grid{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}.admin-image-thumb,.admin-image-add{height:130px;width:116px;background:#fff;border:1px solid #d8e0d4;border-radius:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.admin-image-thumb img{height:95px;width:100%;object-fit:contain}.admin-image-thumb button{width:100%;border:0;background:#f0e7e4;color:#9c332f;padding:5px;font-size:11px;cursor:pointer}.admin-image-add{border-style:dashed;cursor:pointer;font-size:13px;font-weight:700;color:#295339}.crm-product-large{width:100%;height:min(430px,48vh);object-fit:contain;display:block}.crm-gallery-thumbs{display:flex;gap:8px;justify-content:center;position:absolute;bottom:15px;left:15px;right:15px}.crm-gallery-thumbs button{width:55px;height:58px;cursor:pointer;background:#fff;border:2px solid transparent;border-radius:6px;padding:3px;overflow:hidden}.crm-gallery-thumbs button.selected{border-color:#ffc543}.crm-gallery-thumbs img{width:100%;height:100%;object-fit:contain}.product-modal-visual:has(.crm-gallery-thumbs){position:relative;padding-bottom:85px}
@media(max-width:800px){.crm-layout{grid-template-columns:1fr}.crm-list{max-height:320px}.admin-image-thumb,.admin-image-add{width:100px;height:122px}}


/* Bear Hops Admin compact data-grid pattern — Bot Studio and Chat Inbox */
.bh-sheet-panel { overflow: hidden; margin-bottom: 18px; }
.bh-sheet-header { padding: 16px 18px; display:flex; align-items:center; justify-content:space-between; gap:14px; border-bottom:1px solid #e5e8e2; }
.bh-sheet-header h3 { font-size:16px; font-weight:700; margin:0 0 3px; }
.bh-sheet-header small { color:#748077; font-size:12px; }
.bh-sheet-scroll { overflow-x:auto; width:100%; }
table.bh-sheet { width:100%; border-collapse:collapse; table-layout:fixed; min-width:670px; font-size:13px; }
.bh-sheet thead th { background:#f4f6f2; color:#4c6151; padding:11px 14px; font-weight:700; font-size:11px; text-align:left; letter-spacing:.02em; border-bottom:1px solid #e1e6dd; }
.bh-sheet tbody td { padding:12px 14px; border-bottom:1px solid #edf0e9; vertical-align:middle; font-size:12px; line-height:1.5; }
.bh-sheet tbody tr:last-child td { border-bottom:0; }
.bh-sheet tbody tr:hover { background:#fafbf8; }
.bh-sheet tbody tr.bh-row-selected { background:#f4f8ed; }
.bh-cell-text { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; overflow-wrap:anywhere; word-break:normal; }
.bh-cell-question { color:#213527; font-weight:600; }
.bh-nowrap { white-space:nowrap; }
.bh-sheet-empty { color:#7b867d; text-align:center; padding:28px 16px !important; }
.bh-text-action { color:#a65523; background:none; padding:7px 3px; border:0; font-size:12px; font-weight:700; cursor:pointer; }
.bh-text-action:hover { text-decoration:underline; }
.bh-pill { font-size:11px; font-weight:650; border-radius:20px; padding:5px 10px; white-space:nowrap; display:inline-flex; align-items:center; }
.bh-pill-active { background:#e7f0e4; color:#366849; }
.bh-pill-inactive { background:#eef0ed; color:#748177; }
.bh-pill-alert { background:#fff0dc; color:#99601d; }
.bh-editor { margin:0; padding:18px; display:grid; gap:14px; background:#f9faf7; border-top:1px solid #dfe6dc; }
.bh-editor-head, .bh-editor-actions { display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; }
.bh-editor-head strong { font-size:15px; }
.bh-editor .field input, .bh-editor .field textarea, .bh-editor .field select { width:100%; }
.bh-inline-status { min-width:180px; }
.bh-inline-buttons { display:flex; align-items:center; gap:8px; }
.bh-studio-details { margin:14px 0; overflow:hidden; }
.bh-studio-details summary { cursor:pointer; padding:18px; display:flex; justify-content:space-between; gap:16px; align-items:center; list-style:none; font-size:14px; }
.bh-studio-details summary::-webkit-details-marker { display:none; }
.bh-studio-details summary::after { content:'⌄'; font-size:18px; color:#7c867b; }
.bh-studio-details[open] summary::after { content:'⌃'; }
.bh-studio-details summary span { font-size:12px; color:#7a867c; }
.bh-studio-details[open] summary { border-bottom:1px solid #e5e8e2; }
.bh-studio-content { padding:20px; }
.bh-studio-content .field textarea { width:100%; }
.bh-sheet-toolbar { flex-wrap:wrap; }
.bh-sheet-filters { display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.bh-sheet-filters input, .bh-sheet-filters select { padding:9px 12px; border:1px solid #d9e1d8; border-radius:6px; background:white; color:#273d2c; font-size:12px; min-height:37px; }
.bh-sheet-filters input { min-width:220px; }
.bh-chat-detail { margin-top:18px; overflow:hidden; }
.bh-chat-transcript { max-height:440px; overflow:auto; display:grid; gap:10px; margin-bottom:22px; }
.bh-transcript-line { border:1px solid #edf0e8; border-radius:8px; padding:12px 14px; max-width:95%; overflow-wrap:anywhere; }
.bh-transcript-line small { font-size:11px; color:#718074; }
.bh-transcript-line p { white-space:pre-wrap; margin:6px 0 0; font-size:13px; line-height:1.6; }
.bh-customer-line { background:#f5f6f3; }
.bh-bot-line { background:#fff8ed; }
.bh-case-fields { display:flex; align-items:flex-end; gap:12px; flex-wrap:wrap; }
.bh-case-fields .field { flex:1 1 210px; }
.bh-case-fields .field select { width:100%; }
@media(max-width:760px) {
 .bh-sheet-header { align-items:flex-start; }
 .bh-sheet-header small { display:block; }
 .bh-sheet-toolbar { flex-direction:column; }
 .bh-sheet-filters { width:100%; }
 .bh-sheet-filters input { min-width:0; flex:1 1 180px; }
 .bh-studio-details summary { flex-direction:column; align-items:flex-start; }
 .bh-studio-content { padding:15px; }
 .bh-editor { padding:14px; }
}