{"product_id":"braaihq-liquor-dispenser","title":"BraaiHQ Liquor Dispenser","description":"\u003csection id=\"bhq-liquor-dispenser\"\u003e\n  \u003cdiv class=\"bhq-orb bhq-orb-one\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"bhq-orb bhq-orb-two\"\u003e\u003c\/div\u003e\n\n  \u003cdiv class=\"bhq-container\"\u003e\n\n    \u003c!-- HERO --\u003e\n    \u003cdiv class=\"bhq-hero\"\u003e\n      \u003cdiv class=\"bhq-hero-copy bhq-reveal\"\u003e\n        \u003cdiv class=\"bhq-badge\"\u003e\n          \u003cspan class=\"bhq-live-dot\"\u003e\u003c\/span\u003e\n          BRAAIHQ SMART POUR TECHNOLOGY\n        \u003c\/div\u003e\n\n        \u003ch1\u003e\n          Pour Smarter.\n          \u003cspan\u003eEvery Time.\u003c\/span\u003e\n        \u003c\/h1\u003e\n\n        \u003cp class=\"bhq-hero-text\"\u003e\n          Turn almost any standard liquor bottle into a smart, automatic\n          dispenser. Select your amount, press once and enjoy a cleaner,\n          consistent pour every time.\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"bhq-benefit-list\"\u003e\n          \u003cdiv\u003e\n            \u003cspan\u003e✓\u003c\/span\u003e\n            Adjustable 1–99 ml serving control\n          \u003c\/div\u003e\n\n          \u003cdiv\u003e\n            \u003cspan\u003e✓\u003c\/span\u003e\n            Quick 10 ml, 20 ml and 30 ml presets\n          \u003c\/div\u003e\n\n          \u003cdiv\u003e\n            \u003cspan\u003e✓\u003c\/span\u003e\n            USB rechargeable and portable\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003ca href=\"#bhq-final-offer\" class=\"bhq-main-button\"\u003e\n          \u003cspan\u003eUpgrade Your Pour\u003c\/span\u003e\n          \u003cspan class=\"bhq-button-arrow\"\u003e→\u003c\/span\u003e\n        \u003c\/a\u003e\n\n        \u003cdiv class=\"bhq-trust-row\"\u003e\n          \u003cspan\u003e🇿🇦 South African Brand\u003c\/span\u003e\n          \u003cspan\u003e🔒 Secure Checkout\u003c\/span\u003e\n          \u003cspan\u003e📦 Nationwide Delivery\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- CSS PRODUCT VISUAL --\u003e\n      \u003cdiv class=\"bhq-product-area bhq-reveal bhq-delay-one\"\u003e\n        \u003cdiv class=\"bhq-visual-card\"\u003e\n          \u003cdiv class=\"bhq-circle bhq-circle-one\"\u003e\u003c\/div\u003e\n          \u003cdiv class=\"bhq-circle bhq-circle-two\"\u003e\u003c\/div\u003e\n\n          \u003cdiv class=\"bhq-floating-label bhq-label-one\"\u003e\n            \u003cspan\u003e🎯\u003c\/span\u003e\n            \u003cdiv\u003e\n              \u003cstrong\u003ePrecision Pour\u003c\/strong\u003e\n              \u003csmall\u003eControl from 1–99 ml\u003c\/small\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"bhq-floating-label bhq-label-two\"\u003e\n            \u003cspan\u003e🔋\u003c\/span\u003e\n            \u003cdiv\u003e\n              \u003cstrong\u003eRechargeable\u003c\/strong\u003e\n              \u003csmall\u003eNo batteries required\u003c\/small\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"bhq-floating-label bhq-label-three\"\u003e\n            \u003cspan\u003e👆\u003c\/span\u003e\n            \u003cdiv\u003e\n              \u003cstrong\u003eOne Touch\u003c\/strong\u003e\n              \u003csmall\u003eFast, effortless serving\u003c\/small\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"bhq-device\"\u003e\n            \u003cdiv class=\"bhq-device-top\"\u003e\n              \u003cdiv class=\"bhq-screen\"\u003e\n                \u003csmall\u003ePOUR\u003c\/small\u003e\n                \u003cstrong id=\"bhq-pour-number\"\u003e30\u003c\/strong\u003e\n                \u003cspan\u003eML\u003c\/span\u003e\n              \u003c\/div\u003e\n\n              \u003cdiv class=\"bhq-device-button\"\u003e\n                \u003cspan\u003e\u003c\/span\u003e\n              \u003c\/div\u003e\n\n              \u003cdiv class=\"bhq-device-brand\"\u003eBRAAIHQ\u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"bhq-pour-spout\"\u003e\n              \u003cdiv class=\"bhq-pour-stream\"\u003e\u003c\/div\u003e\n              \u003cdiv class=\"bhq-drop\"\u003e\u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"bhq-bottle-neck\"\u003e\u003c\/div\u003e\n\n            \u003cdiv class=\"bhq-bottle\"\u003e\n              \u003cdiv class=\"bhq-bottle-shine\"\u003e\u003c\/div\u003e\n\n              \u003cdiv class=\"bhq-bottle-label\"\u003e\n                \u003cspan\u003eBRAAIHQ\u003c\/span\u003e\n                \u003cstrong\u003eSMART\u003cbr\u003ePOUR\u003c\/strong\u003e\n                \u003csmall\u003ePREMIUM DISPENSING\u003c\/small\u003e\n              \u003c\/div\u003e\n\n              \u003cdiv class=\"bhq-liquid\"\u003e\u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"bhq-glass\"\u003e\n              \u003cdiv class=\"bhq-glass-liquid\"\u003e\u003c\/div\u003e\n              \u003cdiv class=\"bhq-ice bhq-ice-one\"\u003e\u003c\/div\u003e\n              \u003cdiv class=\"bhq-ice bhq-ice-two\"\u003e\u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"bhq-visual-shadow\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- POUR SELECTOR --\u003e\n    \u003cdiv class=\"bhq-pour-panel bhq-reveal\"\u003e\n      \u003cdiv class=\"bhq-pour-intro\"\u003e\n        \u003cspan class=\"bhq-small-heading\"\u003eSELECT YOUR SERVING\u003c\/span\u003e\n        \u003ch2\u003ePrecision at Your Fingertips\u003c\/h2\u003e\n        \u003cp\u003e\n          Choose a quick preset or customise your pour for cocktails,\n          tastings and perfectly measured drinks.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"bhq-pour-controls\"\u003e\n        \u003cbutton type=\"button\" class=\"bhq-pour-option\" data-pour=\"10\"\u003e\n          \u003cstrong\u003e10\u003c\/strong\u003e\n          \u003cspan\u003eML\u003c\/span\u003e\n          \u003csmall\u003eTaste\u003c\/small\u003e\n        \u003c\/button\u003e\n\n        \u003cbutton type=\"button\" class=\"bhq-pour-option\" data-pour=\"20\"\u003e\n          \u003cstrong\u003e20\u003c\/strong\u003e\n          \u003cspan\u003eML\u003c\/span\u003e\n          \u003csmall\u003eStandard\u003c\/small\u003e\n        \u003c\/button\u003e\n\n        \u003cbutton type=\"button\" class=\"bhq-pour-option bhq-active\" data-pour=\"30\"\u003e\n          \u003cstrong\u003e30\u003c\/strong\u003e\n          \u003cspan\u003eML\u003c\/span\u003e\n          \u003csmall\u003eFull Pour\u003c\/small\u003e\n        \u003c\/button\u003e\n\n        \u003cbutton type=\"button\" class=\"bhq-pour-option\" data-pour=\"99\"\u003e\n          \u003cstrong\u003e99\u003c\/strong\u003e\n          \u003cspan\u003eML\u003c\/span\u003e\n          \u003csmall\u003eCustom\u003c\/small\u003e\n        \u003c\/button\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- COMPARISON --\u003e\n    \u003cdiv class=\"bhq-section\"\u003e\n      \u003cdiv class=\"bhq-heading bhq-reveal\"\u003e\n        \u003cspan class=\"bhq-small-heading\"\u003eA BETTER WAY TO SERVE\u003c\/span\u003e\n        \u003ch2\u003eStop Guessing Every Pour\u003c\/h2\u003e\n        \u003cp\u003e\n          Make every drink cleaner, more consistent and easier to serve.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"bhq-comparison\"\u003e\n        \u003carticle class=\"bhq-compare-card bhq-before bhq-reveal\"\u003e\n          \u003cdiv class=\"bhq-card-label\"\u003eWITHOUT BRAAIHQ\u003c\/div\u003e\n          \u003cdiv class=\"bhq-large-icon\"\u003e😬\u003c\/div\u003e\n          \u003ch3\u003eMessy, Uneven Pours\u003c\/h3\u003e\n\n          \u003cul\u003e\n            \u003cli\u003eEasy to over-pour\u003c\/li\u003e\n            \u003cli\u003eSticky bottle necks\u003c\/li\u003e\n            \u003cli\u003eInconsistent servings\u003c\/li\u003e\n            \u003cli\u003eDifficult cocktail measuring\u003c\/li\u003e\n          \u003c\/ul\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"bhq-compare-card bhq-after bhq-reveal bhq-delay-one\"\u003e\n          \u003cdiv class=\"bhq-card-label\"\u003eWITH BRAAIHQ\u003c\/div\u003e\n          \u003cdiv class=\"bhq-large-icon\"\u003e🥃\u003c\/div\u003e\n          \u003ch3\u003eSmart, Precise Serving\u003c\/h3\u003e\n\n          \u003cul\u003e\n            \u003cli\u003eSelect your exact serving\u003c\/li\u003e\n            \u003cli\u003eClean one-touch dispensing\u003c\/li\u003e\n            \u003cli\u003eConsistent drinks for guests\u003c\/li\u003e\n            \u003cli\u003ePremium home-bar experience\u003c\/li\u003e\n          \u003c\/ul\u003e\n        \u003c\/article\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- FEATURES --\u003e\n    \u003cdiv class=\"bhq-section\"\u003e\n      \u003cdiv class=\"bhq-heading bhq-reveal\"\u003e\n        \u003cspan class=\"bhq-small-heading\"\u003eSMART POURING MADE SIMPLE\u003c\/span\u003e\n        \u003ch2\u003ePremium Features. Effortless Serving.\u003c\/h2\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"bhq-feature-grid\"\u003e\n        \u003carticle class=\"bhq-feature-card bhq-reveal\"\u003e\n          \u003cdiv class=\"bhq-feature-icon\"\u003e👆\u003c\/div\u003e\n          \u003ch3\u003eOne-Touch Operation\u003c\/h3\u003e\n          \u003cp\u003e\n            Dispense your selected serving with one quick and effortless press.\n          \u003c\/p\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"bhq-feature-card bhq-reveal bhq-delay-one\"\u003e\n          \u003cdiv class=\"bhq-feature-icon\"\u003e🎯\u003c\/div\u003e\n          \u003ch3\u003ePrecision Control\u003c\/h3\u003e\n          \u003cp\u003e\n            Select a quick preset or customise your serving from 1 to 99 ml.\n          \u003c\/p\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"bhq-feature-card bhq-reveal bhq-delay-two\"\u003e\n          \u003cdiv class=\"bhq-feature-icon\"\u003e💡\u003c\/div\u003e\n          \u003ch3\u003eLED Indicator\u003c\/h3\u003e\n          \u003cp\u003e\n            View your selected pour and battery information at a glance.\n          \u003c\/p\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"bhq-feature-card bhq-reveal\"\u003e\n          \u003cdiv class=\"bhq-feature-icon\"\u003e🍾\u003c\/div\u003e\n          \u003ch3\u003eUniversal Fit\u003c\/h3\u003e\n          \u003cp\u003e\n            Designed to fit securely onto most standard liquor bottle necks.\n          \u003c\/p\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"bhq-feature-card bhq-reveal bhq-delay-one\"\u003e\n          \u003cdiv class=\"bhq-feature-icon\"\u003e🔋\u003c\/div\u003e\n          \u003ch3\u003eUSB Rechargeable\u003c\/h3\u003e\n          \u003cp\u003e\n            Recharge and reuse without constantly replacing disposable batteries.\n          \u003c\/p\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"bhq-feature-card bhq-reveal bhq-delay-two\"\u003e\n          \u003cdiv class=\"bhq-feature-icon\"\u003e🌬️\u003c\/div\u003e\n          \u003ch3\u003eBuilt-In Aerator\u003c\/h3\u003e\n          \u003cp\u003e\n            Introduces airflow while pouring for a smoother serving experience.\n          \u003c\/p\u003e\n        \u003c\/article\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- HOW IT WORKS --\u003e\n    \u003cdiv class=\"bhq-section\"\u003e\n      \u003cdiv class=\"bhq-heading bhq-reveal\"\u003e\n        \u003cspan class=\"bhq-small-heading\"\u003eREADY IN SECONDS\u003c\/span\u003e\n        \u003ch2\u003eAttach. Select. Pour.\u003c\/h2\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"bhq-step-grid\"\u003e\n        \u003carticle class=\"bhq-step bhq-reveal\"\u003e\n          \u003cdiv class=\"bhq-step-number\"\u003e01\u003c\/div\u003e\n          \u003cdiv class=\"bhq-step-icon\"\u003e🍾\u003c\/div\u003e\n          \u003ch3\u003eAttach It\u003c\/h3\u003e\n          \u003cp\u003e\n            Secure the dispenser onto a compatible standard bottle neck.\n          \u003c\/p\u003e\n        \u003c\/article\u003e\n\n        \u003cdiv class=\"bhq-step-line\"\u003e\u003c\/div\u003e\n\n        \u003carticle class=\"bhq-step bhq-reveal bhq-delay-one\"\u003e\n          \u003cdiv class=\"bhq-step-number\"\u003e02\u003c\/div\u003e\n          \u003cdiv class=\"bhq-step-icon\"\u003e🎛️\u003c\/div\u003e\n          \u003ch3\u003eSelect Your Pour\u003c\/h3\u003e\n          \u003cp\u003e\n            Choose a preset amount or enter your preferred custom serving.\n          \u003c\/p\u003e\n        \u003c\/article\u003e\n\n        \u003cdiv class=\"bhq-step-line\"\u003e\u003c\/div\u003e\n\n        \u003carticle class=\"bhq-step bhq-reveal bhq-delay-two\"\u003e\n          \u003cdiv class=\"bhq-step-number\"\u003e03\u003c\/div\u003e\n          \u003cdiv class=\"bhq-step-icon\"\u003e🥃\u003c\/div\u003e\n          \u003ch3\u003ePress and Enjoy\u003c\/h3\u003e\n          \u003cp\u003e\n            Place your glass underneath and dispense with one simple touch.\n          \u003c\/p\u003e\n        \u003c\/article\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- OCCASIONS --\u003e\n    \u003cdiv class=\"bhq-occasion-section bhq-reveal\"\u003e\n      \u003cdiv class=\"bhq-occasion-copy\"\u003e\n        \u003cspan class=\"bhq-small-heading\"\u003eMADE FOR ENTERTAINING\u003c\/span\u003e\n        \u003ch2\u003eThe Perfect Addition to Your Braai\u003c\/h2\u003e\n        \u003cp\u003e\n          From weekend braais and rugby nights to home bars and cocktail\n          evenings, BraaiHQ makes serving faster, cleaner and more impressive.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"bhq-occasion-grid\"\u003e\n        \u003cdiv\u003e\n          \u003cspan\u003e🔥\u003c\/span\u003e\n          \u003cstrong\u003eBraai Nights\u003c\/strong\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv\u003e\n          \u003cspan\u003e🏉\u003c\/span\u003e\n          \u003cstrong\u003eGame Day\u003c\/strong\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv\u003e\n          \u003cspan\u003e🏠\u003c\/span\u003e\n          \u003cstrong\u003eHome Bars\u003c\/strong\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv\u003e\n          \u003cspan\u003e🍹\u003c\/span\u003e\n          \u003cstrong\u003eCocktails\u003c\/strong\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv\u003e\n          \u003cspan\u003e🎉\u003c\/span\u003e\n          \u003cstrong\u003eParties\u003c\/strong\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv\u003e\n          \u003cspan\u003e🎁\u003c\/span\u003e\n          \u003cstrong\u003eGifting\u003c\/strong\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- FAQ --\u003e\n    \u003cdiv class=\"bhq-section\"\u003e\n      \u003cdiv class=\"bhq-heading bhq-reveal\"\u003e\n        \u003cspan class=\"bhq-small-heading\"\u003eQUESTIONS ANSWERED\u003c\/span\u003e\n        \u003ch2\u003eFrequently Asked Questions\u003c\/h2\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"bhq-faq-list\"\u003e\n        \u003cdetails class=\"bhq-faq bhq-reveal\"\u003e\n          \u003csummary\u003e\n            Will it fit every liquor bottle?\n            \u003cspan\u003e+\u003c\/span\u003e\n          \u003c\/summary\u003e\n\n          \u003cdiv\u003e\n            It is designed to fit most standard liquor bottle necks. Fitment\n            may differ on unusually shaped, oversized or non-standard bottles.\n          \u003c\/div\u003e\n        \u003c\/details\u003e\n\n        \u003cdetails class=\"bhq-faq bhq-reveal\"\u003e\n          \u003csummary\u003e\n            Can I choose a custom serving size?\n            \u003cspan\u003e+\u003c\/span\u003e\n          \u003c\/summary\u003e\n\n          \u003cdiv\u003e\n            Yes. Choose one of the quick presets or adjust the serving volume\n            from 1 ml up to 99 ml.\n          \u003c\/div\u003e\n        \u003c\/details\u003e\n\n        \u003cdetails class=\"bhq-faq bhq-reveal\"\u003e\n          \u003csummary\u003e\n            How is the dispenser charged?\n            \u003cspan\u003e+\u003c\/span\u003e\n          \u003c\/summary\u003e\n\n          \u003cdiv\u003e\n            The dispenser contains a rechargeable battery and charges using a\n            compatible USB charging cable.\n          \u003c\/div\u003e\n        \u003c\/details\u003e\n\n        \u003cdetails class=\"bhq-faq bhq-reveal\"\u003e\n          \u003csummary\u003e\n            Which drinks can I use?\n            \u003cspan\u003e+\u003c\/span\u003e\n          \u003c\/summary\u003e\n\n          \u003cdiv\u003e\n            It is suitable for compatible bottles containing pourable beverages\n            such as brandy, whiskey, vodka, rum and wine.\n          \u003c\/div\u003e\n        \u003c\/details\u003e\n\n        \u003cdetails class=\"bhq-faq bhq-reveal\"\u003e\n          \u003csummary\u003e\n            How should it be cleaned?\n            \u003cspan\u003e+\u003c\/span\u003e\n          \u003c\/summary\u003e\n\n          \u003cdiv\u003e\n            Clean the liquid-contact components according to the supplied care\n            instructions. Do not submerge the electronic body in water.\n          \u003c\/div\u003e\n        \u003c\/details\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- FINAL CTA --\u003e\n    \u003cdiv class=\"bhq-final-offer bhq-reveal\" id=\"bhq-final-offer\"\u003e\n      \u003cdiv class=\"bhq-final-glow\"\u003e\u003c\/div\u003e\n\n      \u003cdiv class=\"bhq-final-content\"\u003e\n        \u003cdiv class=\"bhq-final-icon\"\u003e🥃\u003c\/div\u003e\n        \u003cspan class=\"bhq-small-heading\"\u003eA BETTER WAY TO POUR\u003c\/span\u003e\n\n        \u003ch2\u003eUpgrade Every Drink You Serve\u003c\/h2\u003e\n\n        \u003cp\u003e\n          Bring precision, convenience and a premium bar experience to your\n          next braai or gathering.\n        \u003c\/p\u003e\n\n        \u003c!-- Change the link below to your product or checkout link --\u003e\n        \u003ca href=\"#braaihq-product-form\" class=\"bhq-main-button bhq-final-button\"\u003e\n          \u003cspan\u003eGet Your BraaiHQ Dispenser\u003c\/span\u003e\n          \u003cspan class=\"bhq-button-arrow\"\u003e→\u003c\/span\u003e\n        \u003c\/a\u003e\n\n        \u003cdiv class=\"bhq-final-trust\"\u003e\n          \u003cspan\u003e🔒 Secure Payment\u003c\/span\u003e\n          \u003cspan\u003e📦 Tracked Delivery\u003c\/span\u003e\n          \u003cspan\u003e🇿🇦 South African Store\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"bhq-responsible-notice\"\u003e\n      \u003cstrong\u003e🔞 Alcohol is not for sale to persons under the age of 18.\u003c\/strong\u003e\n      Drink responsibly. Liquor bottle, glass and alcohol are not included.\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n  #bhq-liquor-dispenser {\n    --bhq-black: #070707;\n    --bhq-dark: #11100e;\n    --bhq-card: #181713;\n    --bhq-gold: #e6ad43;\n    --bhq-light-gold: #ffdc8a;\n    --bhq-orange: #e76c24;\n    --bhq-text: #f5f2eb;\n    --bhq-muted: #aaa69d;\n    --bhq-border: rgba(255, 218, 138, 0.15);\n\n    position: relative;\n    overflow: hidden;\n    padding: 35px 0 65px;\n    background:\n      radial-gradient(circle at 10% 10%, rgba(231, 108, 36, 0.12), transparent 28%),\n      radial-gradient(circle at 90% 30%, rgba(230, 173, 67, 0.12), transparent 30%),\n      linear-gradient(180deg, #070707, #11100d 50%, #070707);\n    color: var(--bhq-text);\n    isolation: isolate;\n  }\n\n  #bhq-liquor-dispenser *,\n  #bhq-liquor-dispenser *::before,\n  #bhq-liquor-dispenser *::after {\n    box-sizing: border-box;\n  }\n\n  #bhq-liquor-dispenser a {\n    text-decoration: none;\n  }\n\n  #bhq-liquor-dispenser button {\n    font: inherit;\n  }\n\n  .bhq-container {\n    position: relative;\n    z-index: 2;\n    width: min(1180px, calc(100% - 32px));\n    margin: 0 auto;\n  }\n\n  .bhq-orb {\n    position: absolute;\n    z-index: 0;\n    width: 420px;\n    height: 420px;\n    border-radius: 50%;\n    filter: blur(110px);\n    opacity: 0.14;\n    pointer-events: none;\n  }\n\n  .bhq-orb-one {\n    top: 5%;\n    left: -250px;\n    background: var(--bhq-orange);\n    animation: bhqOrbFloat 10s ease-in-out infinite;\n  }\n\n  .bhq-orb-two {\n    top: 48%;\n    right: -250px;\n    background: var(--bhq-gold);\n    animation: bhqOrbFloat 12s ease-in-out infinite reverse;\n  }\n\n  .bhq-hero {\n    display: grid;\n    grid-template-columns: 1.02fr 0.98fr;\n    align-items: center;\n    gap: 60px;\n    min-height: 690px;\n    padding: 45px 0 70px;\n  }\n\n  .bhq-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 9px;\n    margin-bottom: 23px;\n    padding: 9px 14px;\n    border: 1px solid rgba(230, 173, 67, 0.35);\n    border-radius: 999px;\n    background: rgba(230, 173, 67, 0.07);\n    color: var(--bhq-light-gold);\n    font-size: 10px;\n    font-weight: 900;\n    letter-spacing: 1.4px;\n  }\n\n  .bhq-live-dot {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    background: var(--bhq-gold);\n    animation: bhqPulse 2s infinite;\n  }\n\n  .bhq-hero h1 {\n    margin: 0;\n    color: #fff;\n    font-size: clamp(48px, 6vw, 82px);\n    font-weight: 900;\n    line-height: 0.98;\n    letter-spacing: -3.5px;\n  }\n\n  .bhq-hero h1 span {\n    display: block;\n    margin-top: 10px;\n    background: linear-gradient(\n      90deg,\n      var(--bhq-light-gold),\n      var(--bhq-gold),\n      var(--bhq-orange)\n    );\n    -webkit-background-clip: text;\n    background-clip: text;\n    color: transparent;\n  }\n\n  .bhq-hero-text {\n    max-width: 600px;\n    margin: 28px 0 24px;\n    color: #c2beb5;\n    font-size: 17px;\n    line-height: 1.75;\n  }\n\n  .bhq-benefit-list {\n    display: grid;\n    gap: 12px;\n    margin-bottom: 30px;\n  }\n\n  .bhq-benefit-list div {\n    display: flex;\n    align-items: center;\n    gap: 11px;\n    color: #f0ede5;\n    font-size: 14px;\n    font-weight: 700;\n  }\n\n  .bhq-benefit-list span {\n    display: grid;\n    place-items: center;\n    width: 25px;\n    height: 25px;\n    flex: 0 0 25px;\n    border-radius: 50%;\n    background: linear-gradient(135deg, var(--bhq-gold), var(--bhq-orange));\n    color: #171008;\n    font-size: 13px;\n    font-weight: 900;\n  }\n\n  .bhq-main-button {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 14px;\n    overflow: hidden;\n    min-height: 59px;\n    padding: 16px 26px;\n    border: 1px solid rgba(255, 220, 138, 0.45);\n    border-radius: 12px;\n    background: linear-gradient(135deg, var(--bhq-light-gold), var(--bhq-gold));\n    box-shadow:\n      0 16px 38px rgba(230, 173, 67, 0.2),\n      inset 0 1px 0 rgba(255, 255, 255, 0.5);\n    color: #171109;\n    font-size: 15px;\n    font-weight: 900;\n    transition: 0.3s ease;\n  }\n\n  .bhq-main-button::before {\n    content: \"\";\n    position: absolute;\n    top: -70%;\n    left: -45%;\n    width: 28%;\n    height: 240%;\n    background: rgba(255, 255, 255, 0.48);\n    transform: rotate(25deg);\n    animation: bhqButtonShine 3.8s infinite;\n  }\n\n  .bhq-main-button:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 22px 48px rgba(230, 173, 67, 0.3);\n  }\n\n  .bhq-button-arrow {\n    display: grid;\n    place-items: center;\n    width: 30px;\n    height: 30px;\n    border-radius: 50%;\n    background: rgba(10, 8, 4, 0.12);\n    transition: transform 0.3s ease;\n  }\n\n  .bhq-main-button:hover .bhq-button-arrow {\n    transform: translateX(4px);\n  }\n\n  .bhq-trust-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 13px 20px;\n    margin-top: 22px;\n    color: #8e8a82;\n    font-size: 10px;\n    font-weight: 800;\n  }\n\n  .bhq-visual-card {\n    position: relative;\n    display: grid;\n    place-items: center;\n    min-height: 590px;\n    overflow: hidden;\n    border: 1px solid var(--bhq-border);\n    border-radius: 38px;\n    background:\n      radial-gradient(circle, rgba(230, 173, 67, 0.14), transparent 46%),\n      linear-gradient(\n        145deg,\n        rgba(255, 255, 255, 0.06),\n        rgba(255, 255, 255, 0.015)\n      );\n    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.45);\n    backdrop-filter: blur(12px);\n  }\n\n  .bhq-circle {\n    position: absolute;\n    border-radius: 50%;\n    border: 1px solid rgba(230, 173, 67, 0.15);\n  }\n\n  .bhq-circle-one {\n    width: 330px;\n    height: 330px;\n    animation: bhqSpin 18s linear infinite;\n  }\n\n  .bhq-circle-two {\n    width: 450px;\n    height: 450px;\n    border-style: dashed;\n    animation: bhqSpin 26s linear infinite reverse;\n  }\n\n  .bhq-device {\n    position: relative;\n    z-index: 3;\n    width: 250px;\n    height: 470px;\n    animation: bhqDeviceFloat 5s ease-in-out infinite;\n  }\n\n  .bhq-device-top {\n    position: absolute;\n    top: 0;\n    left: 50%;\n    z-index: 4;\n    width: 150px;\n    height: 145px;\n    border: 2px solid rgba(255, 255, 255, 0.17);\n    border-radius: 35px 35px 28px 28px;\n    background:\n      linear-gradient(\n        145deg,\n        rgba(255, 255, 255, 0.2),\n        rgba(255, 255, 255, 0.03) 35%\n      ),\n      #151515;\n    box-shadow:\n      0 20px 35px rgba(0, 0, 0, 0.55),\n      inset 0 0 0 2px rgba(0, 0, 0, 0.3);\n    transform: translateX(-50%);\n  }\n\n  .bhq-screen {\n    position: absolute;\n    top: 21px;\n    left: 18px;\n    display: grid;\n    grid-template-columns: auto auto;\n    align-items: end;\n    width: 73px;\n    height: 63px;\n    padding: 7px 8px;\n    border: 1px solid rgba(255, 216, 133, 0.2);\n    border-radius: 8px;\n    background: #080b08;\n    box-shadow:\n      inset 0 0 15px rgba(0, 0, 0, 0.85),\n      0 0 12px rgba(230, 173, 67, 0.08);\n    color: var(--bhq-light-gold);\n  }\n\n  .bhq-screen small {\n    grid-column: 1 \/ 3;\n    align-self: start;\n    color: #8e927f;\n    font-size: 6px;\n    letter-spacing: 1px;\n  }\n\n  .bhq-screen strong {\n    font-family: monospace;\n    font-size: 28px;\n    line-height: 1;\n    text-shadow: 0 0 9px rgba(255, 218, 138, 0.55);\n  }\n\n  .bhq-screen span {\n    padding-bottom: 3px;\n    font-size: 7px;\n    font-weight: 900;\n  }\n\n  .bhq-device-button {\n    position: absolute;\n    top: 30px;\n    right: 19px;\n    display: grid;\n    place-items: center;\n    width: 36px;\n    height: 36px;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 50%;\n    background: linear-gradient(145deg, #343434, #111);\n    box-shadow:\n      0 4px 9px rgba(0, 0, 0, 0.55),\n      inset 0 1px 1px rgba(255, 255, 255, 0.25);\n  }\n\n  .bhq-device-button span {\n    width: 10px;\n    height: 10px;\n    border: 2px solid var(--bhq-gold);\n    border-radius: 50%;\n    box-shadow: 0 0 8px rgba(230, 173, 67, 0.55);\n  }\n\n  .bhq-device-brand {\n    position: absolute;\n    right: 0;\n    bottom: 22px;\n    left: 0;\n    color: var(--bhq-light-gold);\n    font-size: 9px;\n    font-weight: 900;\n    letter-spacing: 2px;\n    text-align: center;\n  }\n\n  .bhq-pour-spout {\n    position: absolute;\n    top: 70px;\n    right: 0;\n    z-index: 3;\n    width: 68px;\n    height: 29px;\n    border-radius: 0 12px 12px 0;\n    background: linear-gradient(180deg, #303030, #111);\n    box-shadow: 7px 8px 18px rgba(0, 0, 0, 0.4);\n  }\n\n  .bhq-pour-stream {\n    position: absolute;\n    top: 24px;\n    right: 12px;\n    width: 5px;\n    height: 155px;\n    border-radius: 10px;\n    background: linear-gradient(\n      180deg,\n      rgba(228, 148, 47, 0.95),\n      rgba(167, 76, 16, 0.65)\n    );\n    box-shadow: 0 0 8px rgba(228, 148, 47, 0.35);\n    transform-origin: top;\n    animation: bhqPourStream 3.5s ease-in-out infinite;\n  }\n\n  .bhq-drop {\n    position: absolute;\n    top: 171px;\n    right: 10px;\n    width: 9px;\n    height: 13px;\n    border-radius: 50% 50% 55% 55%;\n    background: #c57824;\n    animation: bhqDropFall 3.5s ease-in infinite;\n  }\n\n  .bhq-bottle-neck {\n    position: absolute;\n    top: 115px;\n    left: 50%;\n    z-index: 2;\n    width: 73px;\n    height: 78px;\n    border: 2px solid rgba(255, 255, 255, 0.14);\n    border-radius: 8px;\n    background: linear-gradient(90deg, #3a1d0c, #663715, #321709);\n    transform: translateX(-50%);\n  }\n\n  .bhq-bottle {\n    position: absolute;\n    bottom: 0;\n    left: 50%;\n    z-index: 1;\n    overflow: hidden;\n    width: 188px;\n    height: 315px;\n    border: 2px solid rgba(255, 255, 255, 0.13);\n    border-radius: 48px 48px 27px 27px;\n    background:\n      linear-gradient(\n        90deg,\n        rgba(255, 255, 255, 0.08),\n        transparent 18%,\n        transparent 75%,\n        rgba(255, 255, 255, 0.04)\n      ),\n      #2b1508;\n    box-shadow:\n      inset 0 0 40px rgba(0, 0, 0, 0.65),\n      0 35px 40px rgba(0, 0, 0, 0.55);\n  }\n\n  .bhq-bottle-shine {\n    position: absolute;\n    top: 25px;\n    bottom: 35px;\n    left: 18px;\n    width: 11px;\n    border-radius: 50%;\n    background: rgba(255, 255, 255, 0.11);\n    filter: blur(2px);\n  }\n\n  .bhq-bottle-label {\n    position: absolute;\n    top: 95px;\n    right: 23px;\n    left: 23px;\n    z-index: 3;\n    padding: 20px 10px;\n    border: 1px solid rgba(255, 218, 138, 0.3);\n    border-radius: 4px;\n    background:\n      radial-gradient(circle, rgba(230, 173, 67, 0.12), transparent 65%),\n      #11100e;\n    text-align: center;\n  }\n\n  .bhq-bottle-label span {\n    display: block;\n    margin-bottom: 8px;\n    color: var(--bhq-gold);\n    font-size: 8px;\n    font-weight: 900;\n    letter-spacing: 2px;\n  }\n\n  .bhq-bottle-label strong {\n    display: block;\n    color: #f1e6cd;\n    font-size: 21px;\n    line-height: 0.95;\n    letter-spacing: 1px;\n  }\n\n  .bhq-bottle-label small {\n    display: block;\n    margin-top: 10px;\n    color: #837c6f;\n    font-size: 5px;\n    letter-spacing: 1.4px;\n  }\n\n  .bhq-liquid {\n    position: absolute;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    height: 64%;\n    background: linear-gradient(\n      180deg,\n      rgba(132, 55, 12, 0.6),\n      rgba(63, 22, 4, 0.9)\n    );\n  }\n\n  .bhq-liquid::before {\n    content: \"\";\n    position: absolute;\n    top: -4px;\n    right: 0;\n    left: 0;\n    height: 9px;\n    border-radius: 50%;\n    background: rgba(207, 113, 35, 0.4);\n  }\n\n  .bhq-glass {\n    position: absolute;\n    right: -62px;\n    bottom: 13px;\n    z-index: 4;\n    overflow: hidden;\n    width: 92px;\n    height: 120px;\n    border: 2px solid rgba(255, 255, 255, 0.27);\n    border-top-width: 3px;\n    border-radius: 7px 7px 24px 24px;\n    background: rgba(255, 255, 255, 0.03);\n    box-shadow:\n      inset 0 0 17px rgba(255, 255, 255, 0.05),\n      0 20px 25px rgba(0, 0, 0, 0.45);\n    backdrop-filter: blur(3px);\n  }\n\n  .bhq-glass-liquid {\n    position: absolute;\n    right: 5px;\n    bottom: 5px;\n    left: 5px;\n    height: 46%;\n    border-radius: 3px 3px 18px 18px;\n    background: linear-gradient(180deg, #b6601d, #6c2c09);\n    animation: bhqGlassFill 3.5s ease-in-out infinite;\n  }\n\n  .bhq-ice {\n    position: absolute;\n    z-index: 3;\n    width: 30px;\n    height: 27px;\n    border: 1px solid rgba(255, 255, 255, 0.35);\n    border-radius: 6px;\n    background: rgba(255, 255, 255, 0.12);\n    backdrop-filter: blur(3px);\n  }\n\n  .bhq-ice-one {\n    right: 11px;\n    bottom: 34px;\n    transform: rotate(15deg);\n  }\n\n  .bhq-ice-two {\n    bottom: 27px;\n    left: 13px;\n    transform: rotate(-17deg);\n  }\n\n  .bhq-visual-shadow {\n    position: absolute;\n    right: 17%;\n    bottom: 4%;\n    left: 17%;\n    height: 35px;\n    border-radius: 50%;\n    background: rgba(0, 0, 0, 0.65);\n    filter: blur(19px);\n  }\n\n  .bhq-floating-label {\n    position: absolute;\n    z-index: 6;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    min-width: 160px;\n    padding: 12px 14px;\n    border: 1px solid rgba(255, 255, 255, 0.1);\n    border-radius: 14px;\n    background: rgba(18, 18, 16, 0.9);\n    box-shadow: 0 16px 35px rgba(0, 0, 0, 0.38);\n    backdrop-filter: blur(10px);\n  }\n\n  .bhq-floating-label \u003e span {\n    font-size: 21px;\n  }\n\n  .bhq-floating-label strong,\n  .bhq-floating-label small {\n    display: block;\n  }\n\n  .bhq-floating-label strong {\n    margin-bottom: 2px;\n    color: #fff;\n    font-size: 11px;\n  }\n\n  .bhq-floating-label small {\n    color: #98948b;\n    font-size: 9px;\n  }\n\n  .bhq-label-one {\n    top: 13%;\n    left: 3%;\n    animation: bhqLabelFloat 5.2s ease-in-out infinite;\n  }\n\n  .bhq-label-two {\n    right: 2%;\n    bottom: 17%;\n    animation: bhqLabelFloat 5.8s ease-in-out 0.5s infinite;\n  }\n\n  .bhq-label-three {\n    bottom: 4%;\n    left: 6%;\n    animation: bhqLabelFloat 5.4s ease-in-out 1s infinite;\n  }\n\n  .bhq-pour-panel {\n    display: grid;\n    grid-template-columns: 1fr 1.3fr;\n    align-items: center;\n    gap: 45px;\n    padding: 35px;\n    border: 1px solid var(--bhq-border);\n    border-radius: 25px;\n    background:\n      linear-gradient(\n        90deg,\n        rgba(230, 173, 67, 0.07),\n        rgba(255, 255, 255, 0.025)\n      );\n  }\n\n  .bhq-small-heading {\n    display: inline-block;\n    margin-bottom: 12px;\n    color: var(--bhq-gold);\n    font-size: 10px;\n    font-weight: 900;\n    letter-spacing: 2px;\n  }\n\n  .bhq-pour-intro h2,\n  .bhq-heading h2,\n  .bhq-occasion-copy h2,\n  .bhq-final-content h2 {\n    margin: 0;\n    color: #fff;\n    font-size: clamp(33px, 4.2vw, 53px);\n    font-weight: 900;\n    line-height: 1.08;\n    letter-spacing: -1.8px;\n  }\n\n  .bhq-pour-intro h2 {\n    font-size: clamp(28px, 3vw, 40px);\n  }\n\n  .bhq-pour-intro p,\n  .bhq-heading p,\n  .bhq-occasion-copy p,\n  .bhq-final-content p {\n    color: var(--bhq-muted);\n    font-size: 15px;\n    line-height: 1.75;\n  }\n\n  .bhq-pour-intro p {\n    margin: 16px 0 0;\n  }\n\n  .bhq-pour-controls {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 12px;\n  }\n\n  .bhq-pour-option {\n    min-height: 135px;\n    padding: 18px 10px;\n    border: 1px solid rgba(255, 255, 255, 0.09);\n    border-radius: 16px;\n    background: rgba(255, 255, 255, 0.025);\n    color: #fff;\n    cursor: pointer;\n    transition: 0.3s ease;\n  }\n\n  .bhq-pour-option:hover,\n  .bhq-pour-option.bhq-active {\n    transform: translateY(-5px);\n    border-color: rgba(230, 173, 67, 0.48);\n    background: rgba(230, 173, 67, 0.09);\n    box-shadow: 0 16px 30px rgba(0, 0, 0, 0.24);\n  }\n\n  .bhq-pour-option strong,\n  .bhq-pour-option span,\n  .bhq-pour-option small {\n    display: block;\n  }\n\n  .bhq-pour-option strong {\n    color: var(--bhq-light-gold);\n    font-size: 35px;\n    line-height: 1;\n  }\n\n  .bhq-pour-option span {\n    margin: 4px 0 9px;\n    color: var(--bhq-gold);\n    font-size: 8px;\n    font-weight: 900;\n    letter-spacing: 1px;\n  }\n\n  .bhq-pour-option small {\n    color: #918d84;\n    font-size: 9px;\n  }\n\n  .bhq-section {\n    padding-top: 105px;\n  }\n\n  .bhq-heading {\n    max-width: 720px;\n    margin: 0 auto 48px;\n    text-align: center;\n  }\n\n  .bhq-heading p {\n    margin: 18px auto 0;\n  }\n\n  .bhq-comparison {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 23px;\n  }\n\n  .bhq-compare-card {\n    position: relative;\n    overflow: hidden;\n    min-height: 390px;\n    padding: 37px;\n    border: 1px solid rgba(255, 255, 255, 0.09);\n    border-radius: 24px;\n    background: rgba(255, 255, 255, 0.032);\n  }\n\n  .bhq-after {\n    border-color: rgba(230, 173, 67, 0.25);\n    background:\n      radial-gradient(\n        circle at 100% 100%,\n        rgba(230, 173, 67, 0.12),\n        transparent 42%\n      ),\n      rgba(255, 255, 255, 0.04);\n  }\n\n  .bhq-card-label {\n    display: inline-block;\n    padding: 7px 11px;\n    border-radius: 999px;\n    background: rgba(255, 255, 255, 0.07);\n    color: #c0bcb3;\n    font-size: 9px;\n    font-weight: 900;\n    letter-spacing: 1px;\n  }\n\n  .bhq-after .bhq-card-label {\n    background: rgba(230, 173, 67, 0.1);\n    color: var(--bhq-light-gold);\n  }\n\n  .bhq-large-icon {\n    margin: 25px 0 12px;\n    font-size: 52px;\n  }\n\n  .bhq-compare-card h3 {\n    margin: 0 0 20px;\n    color: #fff;\n    font-size: 24px;\n  }\n\n  .bhq-compare-card ul {\n    display: grid;\n    gap: 13px;\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  }\n\n  .bhq-compare-card li {\n    position: relative;\n    padding-left: 27px;\n    color: var(--bhq-muted);\n    font-size: 14px;\n  }\n\n  .bhq-before li::before,\n  .bhq-after li::before {\n    position: absolute;\n    left: 0;\n    font-weight: 900;\n  }\n\n  .bhq-before li::before {\n    content: \"×\";\n    color: #d86e60;\n  }\n\n  .bhq-after li::before {\n    content: \"✓\";\n    color: var(--bhq-gold);\n  }\n\n  .bhq-feature-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n  }\n\n  .bhq-feature-card {\n    position: relative;\n    overflow: hidden;\n    min-height: 245px;\n    padding: 29px;\n    border: 1px solid rgba(255, 255, 255, 0.085);\n    border-radius: 20px;\n    background: linear-gradient(\n      145deg,\n      rgba(255, 255, 255, 0.052),\n      rgba(255, 255, 255, 0.016)\n    );\n    transition: 0.35s ease;\n  }\n\n  .bhq-feature-card:hover {\n    transform: translateY(-8px);\n    border-color: rgba(230, 173, 67, 0.3);\n    background: rgba(230, 173, 67, 0.055);\n  }\n\n  .bhq-feature-icon {\n    display: grid;\n    place-items: center;\n    width: 57px;\n    height: 57px;\n    margin-bottom: 22px;\n    border: 1px solid rgba(230, 173, 67, 0.2);\n    border-radius: 16px;\n    background: rgba(230, 173, 67, 0.07);\n    font-size: 27px;\n  }\n\n  .bhq-feature-card h3 {\n    margin: 0 0 11px;\n    color: #fff;\n    font-size: 18px;\n  }\n\n  .bhq-feature-card p {\n    margin: 0;\n    color: #99958c;\n    font-size: 13px;\n    line-height: 1.7;\n  }\n\n  .bhq-step-grid {\n    display: grid;\n    grid-template-columns: 1fr 75px 1fr 75px 1fr;\n    align-items: center;\n  }\n\n  .bhq-step {\n    position: relative;\n    min-height: 295px;\n    padding: 32px 24px;\n    border: 1px solid rgba(255, 255, 255, 0.085);\n    border-radius: 22px;\n    background: rgba(255, 255, 255, 0.028);\n    text-align: center;\n  }\n\n  .bhq-step-number {\n    position: absolute;\n    top: 17px;\n    right: 19px;\n    color: rgba(255, 220, 138, 0.15);\n    font-size: 34px;\n    font-weight: 900;\n  }\n\n  .bhq-step-icon {\n    margin: 23px 0 19px;\n    font-size: 53px;\n  }\n\n  .bhq-step h3 {\n    margin: 0 0 10px;\n    color: #fff;\n    font-size: 20px;\n  }\n\n  .bhq-step p {\n    max-width: 225px;\n    margin: 0 auto;\n    color: #99958c;\n    font-size: 13px;\n    line-height: 1.7;\n  }\n\n  .bhq-step-line {\n    height: 1px;\n    background: linear-gradient(\n      90deg,\n      rgba(230, 173, 67, 0.1),\n      var(--bhq-gold),\n      rgba(230, 173, 67, 0.1)\n    );\n  }\n\n  .bhq-occasion-section {\n    display: grid;\n    grid-template-columns: 0.9fr 1.1fr;\n    align-items: center;\n    gap: 50px;\n    margin-top: 110px;\n    padding: 55px;\n    border: 1px solid var(--bhq-border);\n    border-radius: 28px;\n    background:\n      radial-gradient(\n        circle at 0% 50%,\n        rgba(230, 173, 67, 0.11),\n        transparent 40%\n      ),\n      rgba(255, 255, 255, 0.03);\n  }\n\n  .bhq-occasion-copy p {\n    margin: 20px 0 0;\n  }\n\n  .bhq-occasion-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 14px;\n  }\n\n  .bhq-occasion-grid div {\n    display: grid;\n    place-items: center;\n    min-height: 125px;\n    padding: 18px 10px;\n    border: 1px solid rgba(255, 255, 255, 0.075);\n    border-radius: 16px;\n    background: rgba(255, 255, 255, 0.025);\n    text-align: center;\n    transition: 0.3s ease;\n  }\n\n  .bhq-occasion-grid div:hover {\n    transform: translateY(-5px);\n    border-color: rgba(230, 173, 67, 0.3);\n  }\n\n  .bhq-occasion-grid span {\n    margin-bottom: 11px;\n    font-size: 28px;\n  }\n\n  .bhq-occasion-grid strong {\n    color: #e5e1d8;\n    font-size: 11px;\n  }\n\n  .bhq-faq-list {\n    max-width: 880px;\n    margin: 0 auto;\n  }\n\n  .bhq-faq {\n    overflow: hidden;\n    margin-bottom: 12px;\n    border: 1px solid rgba(255, 255, 255, 0.085);\n    border-radius: 15px;\n    background: rgba(255, 255, 255, 0.026);\n  }\n\n  .bhq-faq summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 20px;\n    padding: 21px 23px;\n    color: #fff;\n    font-size: 14px;\n    font-weight: 800;\n    cursor: pointer;\n    list-style: none;\n  }\n\n  .bhq-faq summary::-webkit-details-marker {\n    display: none;\n  }\n\n  .bhq-faq summary span {\n    display: grid;\n    place-items: center;\n    width: 29px;\n    height: 29px;\n    flex: 0 0 29px;\n    border-radius: 50%;\n    background: rgba(230, 173, 67, 0.09);\n    color: var(--bhq-gold);\n    font-size: 20px;\n    transition: transform 0.3s ease;\n  }\n\n  .bhq-faq[open] summary span {\n    transform: rotate(45deg);\n  }\n\n  .bhq-faq \u003e div {\n    padding: 0 23px 22px;\n    color: #99958c;\n    font-size: 13px;\n    line-height: 1.7;\n  }\n\n  .bhq-final-offer {\n    position: relative;\n    overflow: hidden;\n    margin-top: 110px;\n    padding: 75px 25px;\n    border: 1px solid rgba(230, 173, 67, 0.25);\n    border-radius: 30px;\n    background:\n      radial-gradient(\n        circle at 50% 0%,\n        rgba(230, 173, 67, 0.17),\n        transparent 45%\n      ),\n      linear-gradient(145deg, #19160f, #0c0c0b);\n    text-align: center;\n  }\n\n  .bhq-final-glow {\n    position: absolute;\n    top: -180px;\n    left: 50%;\n    width: 450px;\n    height: 350px;\n    border-radius: 50%;\n    background: var(--bhq-gold);\n    filter: blur(125px);\n    opacity: 0.12;\n    transform: translateX(-50%);\n  }\n\n  .bhq-final-content {\n    position: relative;\n    z-index: 2;\n    max-width: 720px;\n    margin: 0 auto;\n  }\n\n  .bhq-final-icon {\n    margin-bottom: 14px;\n    font-size: 55px;\n    animation: bhqDeviceFloat 4s ease-in-out infinite;\n  }\n\n  .bhq-final-content p {\n    max-width: 620px;\n    margin: 20px auto 28px;\n  }\n\n  .bhq-final-button {\n    min-height: 64px;\n    padding: 18px 29px;\n    font-size: 16px;\n  }\n\n  .bhq-final-trust {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 14px 22px;\n    margin-top: 23px;\n    color: #8d8980;\n    font-size: 10px;\n    font-weight: 800;\n  }\n\n  .bhq-responsible-notice {\n    max-width: 850px;\n    margin: 27px auto 0;\n    color: #74716a;\n    font-size: 9px;\n    line-height: 1.7;\n    text-align: center;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n  }\n\n  .bhq-responsible-notice strong {\n    color: #a9a59c;\n  }\n\n  .bhq-reveal {\n    opacity: 0;\n    transform: translateY(30px);\n    transition:\n      opacity 0.8s ease,\n      transform 0.8s ease;\n  }\n\n  .bhq-reveal.bhq-visible {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  .bhq-delay-one {\n    transition-delay: 0.12s;\n  }\n\n  .bhq-delay-two {\n    transition-delay: 0.24s;\n  }\n\n  @keyframes bhqDeviceFloat {\n    0%,\n    100% {\n      transform: translateY(0);\n    }\n\n    50% {\n      transform: translateY(-13px);\n    }\n  }\n\n  @keyframes bhqLabelFloat {\n    0%,\n    100% {\n      transform: translateY(0);\n    }\n\n    50% {\n      transform: translateY(-8px);\n    }\n  }\n\n  @keyframes bhqPulse {\n    0%,\n    100% {\n      box-shadow: 0 0 0 4px rgba(230, 173, 67, 0.12);\n    }\n\n    50% {\n      box-shadow: 0 0 0 10px rgba(230, 173, 67, 0);\n    }\n  }\n\n  @keyframes bhqSpin {\n    from {\n      transform: rotate(0deg);\n    }\n\n    to {\n      transform: rotate(360deg);\n    }\n  }\n\n  @keyframes bhqOrbFloat {\n    0%,\n    100% {\n      transform: translate3d(0, 0, 0);\n    }\n\n    50% {\n      transform: translate3d(45px, -30px, 0);\n    }\n  }\n\n  @keyframes bhqButtonShine {\n    0% {\n      left: -45%;\n    }\n\n    40%,\n    100% {\n      left: 130%;\n    }\n  }\n\n  @keyframes bhqPourStream {\n    0%,\n    15% {\n      transform: scaleY(0);\n      opacity: 0;\n    }\n\n    25%,\n    68% {\n      transform: scaleY(1);\n      opacity: 1;\n    }\n\n    78%,\n    100% {\n      transform: scaleY(0);\n      opacity: 0;\n    }\n  }\n\n  @keyframes bhqDropFall {\n    0%,\n    68% {\n      transform: translateY(0);\n      opacity: 0;\n    }\n\n    72% {\n      opacity: 1;\n    }\n\n    88% {\n      transform: translateY(42px);\n      opacity: 0;\n    }\n\n    100% {\n      opacity: 0;\n    }\n  }\n\n  @keyframes bhqGlassFill {\n    0%,\n    20% {\n      height: 38%;\n    }\n\n    65%,\n    85% {\n      height: 54%;\n    }\n\n    100% {\n      height: 38%;\n    }\n  }\n\n  @media screen and (max-width: 990px) {\n    .bhq-hero {\n      grid-template-columns: 1fr;\n      min-height: auto;\n      gap: 40px;\n      text-align: center;\n    }\n\n    .bhq-hero-text {\n      margin-right: auto;\n      margin-left: auto;\n    }\n\n    .bhq-benefit-list {\n      width: fit-content;\n      margin-right: auto;\n      margin-left: auto;\n      text-align: left;\n    }\n\n    .bhq-trust-row {\n      justify-content: center;\n    }\n\n    .bhq-pour-panel {\n      grid-template-columns: 1fr;\n      text-align: center;\n    }\n\n    .bhq-comparison {\n      grid-template-columns: 1fr 1fr;\n    }\n\n    .bhq-feature-grid {\n      grid-template-columns: 1fr 1fr;\n    }\n\n    .bhq-step-grid {\n      grid-template-columns: 1fr;\n      gap: 15px;\n    }\n\n    .bhq-step-line {\n      width: 1px;\n      height: 35px;\n      margin: -7px auto;\n      background: linear-gradient(\n        180deg,\n        rgba(230, 173, 67, 0.1),\n        var(--bhq-gold),\n        rgba(230, 173, 67, 0.1)\n      );\n    }\n\n    .bhq-occasion-section {\n      grid-template-columns: 1fr;\n      text-align: center;\n    }\n  }\n\n  @media screen and (max-width: 700px) {\n    #bhq-liquor-dispenser {\n      padding-top: 5px;\n      padding-bottom: 45px;\n    }\n\n    .bhq-container {\n      width: min(100% - 22px, 1180px);\n    }\n\n    .bhq-hero {\n      padding: 34px 0 50px;\n    }\n\n    .bhq-badge {\n      padding: 8px 10px;\n      font-size: 8px;\n      letter-spacing: 1px;\n    }\n\n    .bhq-hero h1 {\n      font-size: clamp(43px, 14vw, 61px);\n      letter-spacing: -2.5px;\n    }\n\n    .bhq-hero-text {\n      font-size: 14px;\n      line-height: 1.7;\n    }\n\n    .bhq-main-button {\n      width: 100%;\n    }\n\n    .bhq-trust-row {\n      display: grid;\n      gap: 8px;\n    }\n\n    .bhq-visual-card {\n      min-height: 520px;\n      border-radius: 25px;\n    }\n\n    .bhq-circle-one {\n      width: 250px;\n      height: 250px;\n    }\n\n    .bhq-circle-two {\n      width: 340px;\n      height: 340px;\n    }\n\n    .bhq-device {\n      width: 210px;\n      transform: scale(0.86);\n    }\n\n    .bhq-glass {\n      right: -45px;\n    }\n\n    .bhq-floating-label {\n      min-width: 130px;\n      padding: 9px 10px;\n    }\n\n    .bhq-floating-label strong {\n      font-size: 9px;\n    }\n\n    .bhq-floating-label small {\n      font-size: 7px;\n    }\n\n    .bhq-label-one {\n      top: 7%;\n      left: 2%;\n    }\n\n    .bhq-label-two {\n      right: 1%;\n      bottom: 13%;\n    }\n\n    .bhq-label-three {\n      bottom: 2%;\n      left: 4%;\n    }\n\n    .bhq-pour-panel {\n      gap: 27px;\n      padding: 28px 15px;\n    }\n\n    .bhq-pour-controls {\n      grid-template-columns: 1fr 1fr;\n    }\n\n    .bhq-pour-option {\n      min-height: 120px;\n    }\n\n    .bhq-section {\n      padding-top: 75px;\n    }\n\n    .bhq-heading {\n      margin-bottom: 32px;\n    }\n\n    .bhq-pour-intro h2,\n    .bhq-heading h2,\n    .bhq-occasion-copy h2,\n    .bhq-final-content h2 {\n      font-size: 34px;\n      letter-spacing: -1.2px;\n    }\n\n    .bhq-pour-intro p,\n    .bhq-heading p,\n    .bhq-occasion-copy p,\n    .bhq-final-content p {\n      font-size: 13px;\n    }\n\n    .bhq-comparison,\n    .bhq-feature-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .bhq-compare-card {\n      min-height: 0;\n      padding: 27px 22px;\n    }\n\n    .bhq-feature-card {\n      min-height: 0;\n      padding: 25px 22px;\n    }\n\n    .bhq-step {\n      min-height: 255px;\n    }\n\n    .bhq-occasion-section {\n      margin-top: 75px;\n      padding: 37px 20px;\n    }\n\n    .bhq-occasion-grid {\n      grid-template-columns: 1fr 1fr;\n    }\n\n    .bhq-occasion-grid div {\n      min-height: 110px;\n    }\n\n    .bhq-faq summary {\n      padding: 18px;\n      font-size: 12px;\n    }\n\n    .bhq-faq \u003e div {\n      padding: 0 18px 19px;\n      font-size: 12px;\n    }\n\n    .bhq-final-offer {\n      margin-top: 75px;\n      padding: 55px 17px;\n      border-radius: 23px;\n    }\n\n    .bhq-final-trust {\n      display: grid;\n      gap: 8px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    #bhq-liquor-dispenser *,\n    #bhq-liquor-dispenser *::before,\n    #bhq-liquor-dispenser *::after {\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.01ms !important;\n    }\n\n    .bhq-reveal {\n      opacity: 1;\n      transform: none;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cscript\u003e\n  (function () {\n    function initialiseBraaiHQSection() {\n      const section = document.querySelector(\"#bhq-liquor-dispenser\");\n\n      if (!section || section.dataset.initialised === \"true\") {\n        return;\n      }\n\n      section.dataset.initialised = \"true\";\n\n      const revealElements = section.querySelectorAll(\".bhq-reveal\");\n      const pourButtons = section.querySelectorAll(\".bhq-pour-option\");\n      const pourNumber = section.querySelector(\"#bhq-pour-number\");\n\n      if (\"IntersectionObserver\" in window) {\n        const observer = new IntersectionObserver(\n          function (entries, revealObserver) {\n            entries.forEach(function (entry) {\n              if (entry.isIntersecting) {\n                entry.target.classList.add(\"bhq-visible\");\n                revealObserver.unobserve(entry.target);\n              }\n            });\n          },\n          {\n            threshold: 0.1,\n            rootMargin: \"0px 0px -35px 0px\"\n          }\n        );\n\n        revealElements.forEach(function (element) {\n          observer.observe(element);\n        });\n      } else {\n        revealElements.forEach(function (element) {\n          element.classList.add(\"bhq-visible\");\n        });\n      }\n\n      pourButtons.forEach(function (button) {\n        button.addEventListener(\"click\", function () {\n          const selectedPour = button.getAttribute(\"data-pour\");\n\n          pourButtons.forEach(function (item) {\n            item.classList.remove(\"bhq-active\");\n          });\n\n          button.classList.add(\"bhq-active\");\n\n          if (pourNumber) {\n            pourNumber.style.opacity = \"0\";\n            pourNumber.style.transform = \"translateY(-5px)\";\n\n            window.setTimeout(function () {\n              pourNumber.textContent = selectedPour;\n              pourNumber.style.opacity = \"1\";\n              pourNumber.style.transform = \"translateY(0)\";\n            }, 160);\n          }\n        });\n      });\n\n      const smoothLinks = section.querySelectorAll('a[href^=\"#\"]');\n\n      smoothLinks.forEach(function (link) {\n        link.addEventListener(\"click\", function (event) {\n          const selector = link.getAttribute(\"href\");\n\n          if (!selector || selector === \"#\") {\n            return;\n          }\n\n          let target;\n\n          try {\n            target = document.querySelector(selector);\n          } catch (error) {\n            target = null;\n          }\n\n          if (target) {\n            event.preventDefault();\n\n            target.scrollIntoView({\n              behavior: \"smooth\",\n              block: \"center\"\n            });\n          }\n        });\n      });\n    }\n\n    if (document.readyState === \"loading\") {\n      document.addEventListener(\"DOMContentLoaded\", initialiseBraaiHQSection);\n    } else {\n      initialiseBraaiHQSection();\n    }\n\n    document.addEventListener(\"shopify:section:load\", initialiseBraaiHQSection);\n  })();\n\u003c\/script\u003e","brand":"BraaiHQ","offers":[{"title":"White","offer_id":47547322138795,"sku":null,"price":595.0,"currency_code":"ZAR","in_stock":true},{"title":"Black","offer_id":47547322171563,"sku":null,"price":595.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0784\/9790\/6859\/files\/ChatGPTImageAug2_2026_04_18_04PM.png?v=1785688460","url":"https:\/\/braaihq.co.za\/products\/braaihq-liquor-dispenser","provider":"BraaiHQ","version":"1.0","type":"link"}