<!doctype html>
<html
class="no-js overflow-hidden"
lang="en"
>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="theme-color" content="">
<link rel="canonical" href="https://www.hookahvault.com/">
<link rel="preconnect" href="https://cdn.shopify.com" crossorigin>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XMQKG6D6L9"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-XMQKG6D6L9');
</script>
<meta name="google-site-verification" content="E25NEbs_ADawTOsomm2BRXpjZbkbHNTZyG1mJVr3hno" /><link rel="icon" type="image/png" href="//www.hookahvault.com/cdn/shop/files/hookah-vault-favicon.svg?crop=center&height=32&v=1724083155&width=32"><link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin><title>
Hookah Vault - Premium Hookah Products Online - Hookah Store
</title>
<meta name="description" content="Shop online at Hookah Vault for Tangiers Tobacco, Shisha, Hookahs, Bowls, Coals, and Hookah Accessories!">
<meta property="og:site_name" content="Hookah Vault">
<meta property="og:url" content="https://www.hookahvault.com/">
<meta property="og:title" content="Hookah Vault - Premium Hookah Products Online - Hookah Store">
<meta property="og:type" content="website">
<meta property="og:description" content="Shop online at Hookah Vault for Tangiers Tobacco, Shisha, Hookahs, Bowls, Coals, and Hookah Accessories!"><meta property="og:image" content="http://www.hookahvault.com/cdn/shop/files/hookah-vault-logo_1.5x_b5752ec9-0afb-47ce-b5f7-00a09b74d3bc.png?v=1724083056">
<meta property="og:image:secure_url" content="https://www.hookahvault.com/cdn/shop/files/hookah-vault-logo_1.5x_b5752ec9-0afb-47ce-b5f7-00a09b74d3bc.png?v=1724083056">
<meta property="og:image:width" content="383">
<meta property="og:image:height" content="211"><meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Hookah Vault - Premium Hookah Products Online - Hookah Store">
<meta name="twitter:description" content="Shop online at Hookah Vault for Tangiers Tobacco, Shisha, Hookahs, Bowls, Coals, and Hookah Accessories!">
<style data-shopify>
@font-face {
font-family: Inter;
font-weight: 400;
font-style: normal;
font-display: swap;
src: url("//www.hookahvault.com/cdn/fonts/inter/inter_n4.481bd4d19704ca98fb1d3abd50c668b6962860a2.woff2?h1=aG9va2FoLXZhdWx0LTI0LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=aG9va2FodmF1bHQuY29t&hmac=ee6f22809c8a4a2d5c855128aaedd57bfe57fa162160a8e8d8727f75f3245947") format("woff2"),
url("//www.hookahvault.com/cdn/fonts/inter/inter_n4.5a356a4c1877691cd26008ee4a5c7ada675c80ce.woff?h1=aG9va2FoLXZhdWx0LTI0LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=aG9va2FodmF1bHQuY29t&hmac=7a09abd362dd6c7d4dbc797eda3f2a07052dfbb81764757745bdf5e488bcf6fd") format("woff");
}
@font-face {
font-family: Inter;
font-weight: 700;
font-style: normal;
font-display: swap;
src: url("//www.hookahvault.com/cdn/fonts/inter/inter_n7.50ef4139896edec0637fde057914fbf7e3a8d56e.woff2?h1=aG9va2FoLXZhdWx0LTI0LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=aG9va2FodmF1bHQuY29t&hmac=36768ef6c33f39030137a76c429da4e0b71e0538563de1a189e400ae5ecd8bdb") format("woff2"),
url("//www.hookahvault.com/cdn/fonts/inter/inter_n7.194c3d3f64efd8e4c82bbbe83dc84f5893fd9087.woff?h1=aG9va2FoLXZhdWx0LTI0LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=aG9va2FodmF1bHQuY29t&hmac=10f387052643f8fc825bc6ef5a2449bb22ff2fc843ebc6ab81c75b64a7e8124b") format("woff");
}
@font-face {
font-family: Inter;
font-weight: 800;
font-style: normal;
font-display: swap;
src: url("//www.hookahvault.com/cdn/fonts/inter/inter_n8.fcd2225f905749b78b873dcbb30454635c18ddce.woff2?h1=aG9va2FoLXZhdWx0LTI0LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=aG9va2FodmF1bHQuY29t&hmac=cbaf874908a1dea032a070decd2f04b6f988c6c7bf3a5c4725b426ca7c3646d5") format("woff2"),
url("//www.hookahvault.com/cdn/fonts/inter/inter_n8.8a62ef8f887c4f70bd5d70db0ee3bf3409261a77.woff?h1=aG9va2FoLXZhdWx0LTI0LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=aG9va2FodmF1bHQuY29t&hmac=ec86bce7aea2957e2c0d61bae5351bba5633183492df669f6cd6d1add72c7388") format("woff");
}
@font-face {
font-family: Syne;
font-weight: 400;
font-style: normal;
font-display: swap;
src: url("//www.hookahvault.com/cdn/fonts/syne/syne_n4.051620501cd4eac14b7508e4c2250201ca4f55ba.woff2?h1=aG9va2FoLXZhdWx0LTI0LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=aG9va2FodmF1bHQuY29t&hmac=7515d3199d908bc8676c8357bebfbc8b72ca1a9064b29090c6dc9c7a5f85b34c") format("woff2"),
url("//www.hookahvault.com/cdn/fonts/syne/syne_n4.028ff8ecc8f52d7c1154080ac1c6a884c38a7e4e.woff?h1=aG9va2FoLXZhdWx0LTI0LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=aG9va2FodmF1bHQuY29t&hmac=cb097d3376b1aecf4763be86cb2dd18d5f434c09ae6ab2e7ea4a36da366901d6") format("woff");
}
@font-face {
font-family: Inter;
font-weight: 800;
font-style: normal;
font-display: swap;
src: url("//www.hookahvault.com/cdn/fonts/inter/inter_n8.fcd2225f905749b78b873dcbb30454635c18ddce.woff2?h1=aG9va2FoLXZhdWx0LTI0LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=aG9va2FodmF1bHQuY29t&hmac=cbaf874908a1dea032a070decd2f04b6f988c6c7bf3a5c4725b426ca7c3646d5") format("woff2"),
url("//www.hookahvault.com/cdn/fonts/inter/inter_n8.8a62ef8f887c4f70bd5d70db0ee3bf3409261a77.woff?h1=aG9va2FoLXZhdWx0LTI0LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=aG9va2FodmF1bHQuY29t&hmac=ec86bce7aea2957e2c0d61bae5351bba5633183492df669f6cd6d1add72c7388") format("woff");
}
@font-face {
font-family: Syne;
font-weight: 700;
font-style: normal;
font-display: swap;
src: url("//www.hookahvault.com/cdn/fonts/syne/syne_n7.45aaf67b45720ef2279ece5638d1a6ee63c2cf49.woff2?h1=aG9va2FoLXZhdWx0LTI0LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=aG9va2FodmF1bHQuY29t&hmac=510683f572a64cc7d32979a4f4b6c94dde92ef2ad11736b11b36e9ca8b5574ab") format("woff2"),
url("//www.hookahvault.com/cdn/fonts/syne/syne_n7.bb94fd947807aaf01898f96a189784353fedc341.woff?h1=aG9va2FoLXZhdWx0LTI0LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=aG9va2FodmF1bHQuY29t&hmac=e4a03325cdb62d86b042876bf0dc303e0a6359653ebf2a32abef4cc9cff0fa5f") format("woff");
}
:root {
--animation-duration: 600ms;
--animation-fade-in-up: z-fade-in-up var(--animation-duration) cubic-bezier(0, 0, 0.3, 1) forwards;
--animation-fade-in-left: z-fade-in-left var(--animation-duration) cubic-bezier(0, 0, 0.3, 1) forwards;
--animation-fade-in-right: z-fade-in-right var(--animation-duration) cubic-bezier(0, 0, 0.3, 1) forwards;
--animation-fade-in-left-rtl: z-fade-in-left-rtl var(--animation-duration) cubic-bezier(0, 0, 0.3, 1) forwards;
--animation-fade-in-right-rtl: z-fade-in-right-rtl var(--animation-duration) cubic-bezier(0, 0, 0.3, 1) forwards;
--animation-fade-in: z-fade-in calc(var(--animation-duration) * 2) cubic-bezier(0, 0, 0.3, 1) forwards;
--animation-zoom-fade: z-zoom-fade var(--animation-duration) cubic-bezier(0, 0, 0.3, 1) forwards;
--font-body-family: Inter, sans-serif;
--font-body-style: normal;
--font-body-weight: 400;
--font-body-weight-bolder: 800;
--font-menu-weight: 700;
--font-btn-weight: 800;
--font-heading-family: Syne, sans-serif;
--font-heading-style: normal;
--font-heading-weight: 400;
--font-subheading-weight: 700;
--font-pcard-title-weight: 400;
--font-btn-family: Inter, sans-serif;
--font-menu-family: Inter, sans-serif;
--font-subheading-family: Syne, sans-serif;
--navigation-transform:uppercase;
--btn-transform:uppercase;
--product-title-transform:uppercase;
--font-heading-transform:uppercase;
--font-mega-transform:uppercase;
--font-subheading-transform: uppercase;
--font-body-scale: 1.0;
--font-heading-scale: 1.0;
--font-subheading-scale: 1.0;
--font-mega-scale: 7.2;
--font-pcard-title-scale: 1.0;
--font-heading-spacing: 0px;
--font-subheading-spacing: 1px;
--font-hxl-size: calc(var(--font-mega-scale) * 1rem);
--font-h0-size: calc(var(--font-heading-scale) * 4.8rem);
--font-h1-size: calc(var(--font-heading-scale) * 4rem);
--font-h2-size: calc(var(--font-heading-scale) * 3.4rem);
--font-h3-size: calc(var(--font-heading-scale) * 2.8rem);
--font-h4-size: calc(var(--font-heading-scale) * 2.2rem);
--font-h5-size: calc(var(--font-heading-scale) * 1.8rem);
--font-h6-size: calc(var(--font-heading-scale) * 1.6rem);
--font-subheading-size: calc(var(--font-subheading-scale) * 1.5rem);
--font-pcard-title-size: calc(var(--font-pcard-title-scale) * 1.5rem);
--font-heading-mobile-scale: 0.8;
--btn-height: 46px;
--btn-rounded: 0px;
--color-header-transparent-text: #ffffff;
--color-cart-bubble: #222222;
--color-overlay-bg: #222222;
--color-overlay-alpha: 64;
--color-badge-sale: #c63e2c;
--color-badge-soldout: #b7b7b7;
--color-badge-hot: #2f53be;
--color-badge-new: #1d5904;
--spacing-sections-desktop: 100px;
--spacing-sections-mobile: 40px;
--container-width: 1440px;
--fluid-container-width: 1680px;
--narrow-container-width: 880px;
--fluid-offset: 5rem;
--arrow-down: url(//www.hookahvault.com/cdn/shop/t/2/assets/ar-down.svg?v=31605338494599912611717519925);
--card-corner-radius: 0px;
--color-swatch-radius: 50%;
--color-swatch-size: 3.6rem;
--column-gap-mobile: min(var(--column-gap,1.6rem));
--header-padding-bottom: 4rem;
--header-padding-bottom-large: 6rem;
--header-padding-bottom-mobile: 3.2rem;
}
:root{
--color-base-text: 34, 34, 34;
--color-base-heading: 34, 34, 34;
--color-base-primary: 34, 34, 34;
--color-base-background-1: 255, 255, 255;
--color-base-background-2: 255, 255, 255;
}
:root,.color-background-1, .tippy-box[data-theme~='color-background-1'] {
--color-primary: #222222;
--color-border: #eeeeee;
--color-background: #ffffff;
--color-text-body: #222222;
--color-text-heading: #222222;
--color-highlight: #e97750;
--color-link: #222222;
--color-link-hover: #222222;
--color-bg-1: #ffffff;
--color-bg-2: #ffffff;
--color-btn-bg: #222222;
--color-btn-text: #ffffff;
--color-btn-secondary-bg: #ededed;
--color-btn-secondary-border: #ededed;
--color-btn-secondary-text: #222222;
--color-btn-bg-hover: #c69113;
--color-btn-text-hover: #ffffff;
--color-field-bg: #ffffff;
--color-field-text: #222222;
--color-field-text-rgb: 34, 34, 34;
--color-tooltip-bg: #222222;
--color-tooltip-text: #ffffff;
--color-product-title: #222222;
--color-product-price: #ffffff;
--color-header-bg: #ffffff;
--color-header-text: #222222;
--color-menu-text: #222222;
--color-menu-text-hover: #222222;
--color-foreground: 34, 34, 34;
--color-btn-before: #eec051;
}
@media screen and (max-width: 767.98px) {
.md-down\:color-background-1 {
--color-primary: #222222;
--color-border: #eeeeee;
--color-background: #ffffff;
--color-text-body: #222222;
--color-text-heading: #222222;
--color-highlight: #e97750;
--color-link: #222222;
--color-link-hover: #222222;
--color-bg-1: #ffffff;
--color-bg-2: #ffffff;
--color-btn-bg: #222222;
--color-btn-text: #ffffff;
--color-btn-secondary-bg: #ededed;
--color-btn-secondary-border: #ededed;
--color-btn-secondary-text: #222222;
--color-btn-bg-hover: #c69113;
--color-btn-text-hover: #ffffff;
--color-field-bg: #ffffff;
--color-field-text: #222222;
--color-field-text-rgb: 34, 34, 34;
--color-tooltip-bg: #222222;
--color-tooltip-text: #ffffff;
--color-product-title: #222222;
--color-product-price: #ffffff;
--color-header-bg: #ffffff;
--color-header-text: #222222;
--color-menu-text: #222222;
--color-menu-text-hover: #222222;
--color-foreground: 34, 34, 34;
--color-btn-before: #eec051;
}
}
.color-background-2, .tippy-box[data-theme~='color-background-2'] {
--color-primary: #222222;
--color-border: #eeeeee;
--color-background: #ffffff;
--color-text-body: #222222;
--color-text-heading: #222222;
--color-highlight: #c69113;
--color-link: #222222;
--color-link-hover: #222222;
--color-bg-1: #ffffff;
--color-bg-2: #f6f6f6;
--color-btn-bg: #ffffff;
--color-btn-text: #222222;
--color-btn-secondary-bg: #ededed;
--color-btn-secondary-border: #ededed;
--color-btn-secondary-text: #222222;
--color-btn-bg-hover: #c69113;
--color-btn-text-hover: #ffffff;
--color-field-bg: #ffffff;
--color-field-text: #222222;
--color-field-text-rgb: 34, 34, 34;
--color-tooltip-bg: #222222;
--color-tooltip-text: #ffffff;
--color-product-title: #222222;
--color-product-price: #ffffff;
--color-header-bg: #ffffff;
--color-header-text: #222222;
--color-menu-text: #222222;
--color-menu-text-hover: #222222;
--color-foreground: 34, 34, 34;
--color-btn-before: #eec051;
}
@media screen and (max-width: 767.98px) {
.md-down\:color-background-2 {
--color-primary: #222222;
--color-border: #eeeeee;
--color-background: #ffffff;
--color-text-body: #222222;
--color-text-heading: #222222;
--color-highlight: #c69113;
--color-link: #222222;
--color-link-hover: #222222;
--color-bg-1: #ffffff;
--color-bg-2: #f6f6f6;
--color-btn-bg: #ffffff;
--color-btn-text: #222222;
--color-btn-secondary-bg: #ededed;
--color-btn-secondary-border: #ededed;
--color-btn-secondary-text: #222222;
--color-btn-bg-hover: #c69113;
--color-btn-text-hover: #ffffff;
--color-field-bg: #ffffff;
--color-field-text: #222222;
--color-field-text-rgb: 34, 34, 34;
--color-tooltip-bg: #222222;
--color-tooltip-text: #ffffff;
--color-product-title: #222222;
--color-product-price: #ffffff;
--color-header-bg: #ffffff;
--color-header-text: #222222;
--color-menu-text: #222222;
--color-menu-text-hover: #222222;
--color-foreground: 34, 34, 34;
--color-btn-before: #eec051;
}
}
.color-inverse, .tippy-box[data-theme~='color-inverse'] {
--color-primary: #ffffff;
--color-border: #ffffff;
--color-background: #ffffff;
--color-text-body: #ffffff;
--color-text-heading: #ffffff;
--color-highlight: #c69113;
--color-link: #ffffff;
--color-link-hover: #ffffff;
--color-bg-1: #ffffff;
--color-bg-2: #111111;
--color-btn-bg: #c69113;
--color-btn-text: #ffffff;
--color-btn-secondary-bg: #ededed;
--color-btn-secondary-border: #ededed;
--color-btn-secondary-text: #222222;
--color-btn-bg-hover: #f2f2f2;
--color-btn-text-hover: #000000;
--color-field-bg: #ffffff;
--color-field-text: #222222;
--color-field-text-rgb: 34, 34, 34;
--color-tooltip-bg: #ffffff;
--color-tooltip-text: #222222;
--color-product-title: #ffffff;
--color-product-price: #ffffff;
--color-header-bg: #ffffff;
--color-header-text: #ffffff;
--color-menu-text: #ffffff;
--color-menu-text-hover: #ffffff;
--color-foreground: 255, 255, 255;
--color-btn-before: #ffffff;
}
@media screen and (max-width: 767.98px) {
.md-down\:color-inverse {
--color-primary: #ffffff;
--color-border: #ffffff;
--color-background: #ffffff;
--color-text-body: #ffffff;
--color-text-heading: #ffffff;
--color-highlight: #c69113;
--color-link: #ffffff;
--color-link-hover: #ffffff;
--color-bg-1: #ffffff;
--color-bg-2: #111111;
--color-btn-bg: #c69113;
--color-btn-text: #ffffff;
--color-btn-secondary-bg: #ededed;
--color-btn-secondary-border: #ededed;
--color-btn-secondary-text: #222222;
--color-btn-bg-hover: #f2f2f2;
--color-btn-text-hover: #000000;
--color-field-bg: #ffffff;
--color-field-text: #222222;
--color-field-text-rgb: 34, 34, 34;
--color-tooltip-bg: #ffffff;
--color-tooltip-text: #222222;
--color-product-title: #ffffff;
--color-product-price: #ffffff;
--color-header-bg: #ffffff;
--color-header-text: #ffffff;
--color-menu-text: #ffffff;
--color-menu-text-hover: #ffffff;
--color-foreground: 255, 255, 255;
--color-btn-before: #ffffff;
}
}
.color-accent, .tippy-box[data-theme~='color-accent'] {
--color-primary: #222222;
--color-border: #ffffff;
--color-background: #222222;
--color-text-body: #4e4e4e;
--color-text-heading: #000000;
--color-highlight: #e97750;
--color-link: #4e4e4e;
--color-link-hover: #4e4e4e;
--color-bg-1: #222222;
--color-bg-2: #222222;
--color-btn-bg: #ffffff;
--color-btn-text: #222222;
--color-btn-secondary-bg: #ededed;
--color-btn-secondary-border: #ededed;
--color-btn-secondary-text: #222222;
--color-btn-bg-hover: #ffffff;
--color-btn-text-hover: #222222;
--color-field-bg: #ffffff;
--color-field-text: #222222;
--color-field-text-rgb: 34, 34, 34;
--color-tooltip-bg: #ffffff;
--color-tooltip-text: #222222;
--color-product-title: #000000;
--color-product-price: #ffffff;
--color-header-bg: #222222;
--color-header-text: #4e4e4e;
--color-menu-text: #4e4e4e;
--color-menu-text-hover: #4e4e4e;
--color-foreground: 78, 78, 78;
--color-btn-before: #ffffff;
}
@media screen and (max-width: 767.98px) {
.md-down\:color-accent {
--color-primary: #222222;
--color-border: #ffffff;
--color-background: #222222;
--color-text-body: #4e4e4e;
--color-text-heading: #000000;
--color-highlight: #e97750;
--color-link: #4e4e4e;
--color-link-hover: #4e4e4e;
--color-bg-1: #222222;
--color-bg-2: #222222;
--color-btn-bg: #ffffff;
--color-btn-text: #222222;
--color-btn-secondary-bg: #ededed;
--color-btn-secondary-border: #ededed;
--color-btn-secondary-text: #222222;
--color-btn-bg-hover: #ffffff;
--color-btn-text-hover: #222222;
--color-field-bg: #ffffff;
--color-field-text: #222222;
--color-field-text-rgb: 34, 34, 34;
--color-tooltip-bg: #ffffff;
--color-tooltip-text: #222222;
--color-product-title: #000000;
--color-product-price: #ffffff;
--color-header-bg: #222222;
--color-header-text: #4e4e4e;
--color-menu-text: #4e4e4e;
--color-menu-text-hover: #4e4e4e;
--color-foreground: 78, 78, 78;
--color-btn-before: #ffffff;
}
}
.color-scheme-bc4a096f-47f9-4141-9ef7-6cfa59db2227, .tippy-box[data-theme~='color-scheme-bc4a096f-47f9-4141-9ef7-6cfa59db2227'] {
--color-primary: #ffffff;
--color-border: #ededed;
--color-background: #444444;
--color-text-body: #ffffff;
--color-text-heading: #ffffff;
--color-highlight: #e97750;
--color-link: #ffffff;
--color-link-hover: #ffffff;
--color-bg-1: #444444;
--color-bg-2: #f6f3ee;
--color-btn-bg: #ffffff;
--color-btn-text: #444444;
--color-btn-secondary-bg: #ededed;
--color-btn-secondary-border: #ededed;
--color-btn-secondary-text: #444444;
--color-btn-bg-hover: #000000;
--color-btn-text-hover: #ffffff;
--color-field-bg: #ffffff;
--color-field-text: #444444;
--color-field-text-rgb: 68, 68, 68;
--color-tooltip-bg: #444444;
--color-tooltip-text: #ffffff;
--color-product-title: #ffffff;
--color-product-price: #444444;
--color-header-bg: #444444;
--color-header-text: #ffffff;
--color-menu-text: #ffffff;
--color-menu-text-hover: #ffffff;
--color-foreground: 255, 255, 255;
--color-btn-before: #333333;
}
@media screen and (max-width: 767.98px) {
.md-down\:color-scheme-bc4a096f-47f9-4141-9ef7-6cfa59db2227 {
--color-primary: #ffffff;
--color-border: #ededed;
--color-background: #444444;
--color-text-body: #ffffff;
--color-text-heading: #ffffff;
--color-highlight: #e97750;
--color-link: #ffffff;
--color-link-hover: #ffffff;
--color-bg-1: #444444;
--color-bg-2: #f6f3ee;
--color-btn-bg: #ffffff;
--color-btn-text: #444444;
--color-btn-secondary-bg: #ededed;
--color-btn-secondary-border: #ededed;
--color-btn-secondary-text: #444444;
--color-btn-bg-hover: #000000;
--color-btn-text-hover: #ffffff;
--color-field-bg: #ffffff;
--color-field-text: #444444;
--color-field-text-rgb: 68, 68, 68;
--color-tooltip-bg: #444444;
--color-tooltip-text: #ffffff;
--color-product-title: #ffffff;
--color-product-price: #444444;
--color-header-bg: #444444;
--color-header-text: #ffffff;
--color-menu-text: #ffffff;
--color-menu-text-hover: #ffffff;
--color-foreground: 255, 255, 255;
--color-btn-before: #333333;
}
}
.color-scheme-6c3cb7bc-c3b2-44a7-8b61-25c7547e8185, .tippy-box[data-theme~='color-scheme-6c3cb7bc-c3b2-44a7-8b61-25c7547e8185'] {
--color-primary: #ffffff;
--color-border: #ffffff;
--color-background: #072340;
--color-text-body: #ffffff;
--color-text-heading: #ffffff;
--color-highlight: #ffffff;
--color-link: #ffffff;
--color-link-hover: #ffffff;
--color-bg-1: #072340;
--color-bg-2: #ffffff;
--color-btn-bg: #c69113;
--color-btn-text: #ffffff;
--color-btn-secondary-bg: #ededed;
--color-btn-secondary-border: #ededed;
--color-btn-secondary-text: #ffffff;
--color-btn-bg-hover: #ffffff;
--color-btn-text-hover: #222222;
--color-field-bg: #ffffff;
--color-field-text: #5e5b5b;
--color-field-text-rgb: 94, 91, 91;
--color-tooltip-bg: #ffffff;
--color-tooltip-text: #ffffff;
--color-product-title: #ffffff;
--color-product-price: #ffffff;
--color-header-bg: #072340;
--color-header-text: #ffffff;
--color-menu-text: #ffffff;
--color-menu-text-hover: #ffffff;
--color-foreground: 255, 255, 255;
--color-btn-before: #ffffff;
}
@media screen and (max-width: 767.98px) {
.md-down\:color-scheme-6c3cb7bc-c3b2-44a7-8b61-25c7547e8185 {
--color-primary: #ffffff;
--color-border: #ffffff;
--color-background: #072340;
--color-text-body: #ffffff;
--color-text-heading: #ffffff;
--color-highlight: #ffffff;
--color-link: #ffffff;
--color-link-hover: #ffffff;
--color-bg-1: #072340;
--color-bg-2: #ffffff;
--color-btn-bg: #c69113;
--color-btn-text: #ffffff;
--color-btn-secondary-bg: #ededed;
--color-btn-secondary-border: #ededed;
--color-btn-secondary-text: #ffffff;
--color-btn-bg-hover: #ffffff;
--color-btn-text-hover: #222222;
--color-field-bg: #ffffff;
--color-field-text: #5e5b5b;
--color-field-text-rgb: 94, 91, 91;
--color-tooltip-bg: #ffffff;
--color-tooltip-text: #ffffff;
--color-product-title: #ffffff;
--color-product-price: #ffffff;
--color-header-bg: #072340;
--color-header-text: #ffffff;
--color-menu-text: #ffffff;
--color-menu-text-hover: #ffffff;
--color-foreground: 255, 255, 255;
--color-btn-before: #ffffff;
}
}
.color-scheme-cd86e7e6-de2f-48b8-a41b-9e9c750ce36e, .tippy-box[data-theme~='color-scheme-cd86e7e6-de2f-48b8-a41b-9e9c750ce36e'] {
--color-primary: #000000;
--color-border: #ededed;
--color-background: #ffffff;
--color-text-body: #000000;
--color-text-heading: #000000;
--color-highlight: #e97750;
--color-link: #000000;
--color-link-hover: #000000;
--color-bg-1: #ffffff;
--color-bg-2: #ffffff;
--color-btn-bg: #072340;
--color-btn-text: #ffffff;
--color-btn-secondary-bg: #ededed;
--color-btn-secondary-border: #ededed;
--color-btn-secondary-text: #000000;
--color-btn-bg-hover: #c69113;
--color-btn-text-hover: #ffffff;
--color-field-bg: #ffffff;
--color-field-text: #000000;
--color-field-text-rgb: 0, 0, 0;
--color-tooltip-bg: #000000;
--color-tooltip-text: #ffffff;
--color-product-title: #000000;
--color-product-price: #000000;
--color-header-bg: #ffffff;
--color-header-text: #000000;
--color-menu-text: #000000;
--color-menu-text-hover: #000000;
--color-foreground: 0, 0, 0;
--color-btn-before: #eec051;
}
@media screen and (max-width: 767.98px) {
.md-down\:color-scheme-cd86e7e6-de2f-48b8-a41b-9e9c750ce36e {
--color-primary: #000000;
--color-border: #ededed;
--color-background: #ffffff;
--color-text-body: #000000;
--color-text-heading: #000000;
--color-highlight: #e97750;
--color-link: #000000;
--color-link-hover: #000000;
--color-bg-1: #ffffff;
--color-bg-2: #ffffff;
--color-btn-bg: #072340;
--color-btn-text: #ffffff;
--color-btn-secondary-bg: #ededed;
--color-btn-secondary-border: #ededed;
--color-btn-secondary-text: #000000;
--color-btn-bg-hover: #c69113;
--color-btn-text-hover: #ffffff;
--color-field-bg: #ffffff;
--color-field-text: #000000;
--color-field-text-rgb: 0, 0, 0;
--color-tooltip-bg: #000000;
--color-tooltip-text: #ffffff;
--color-product-title: #000000;
--color-product-price: #000000;
--color-header-bg: #ffffff;
--color-header-text: #000000;
--color-menu-text: #000000;
--color-menu-text-hover: #000000;
--color-foreground: 0, 0, 0;
--color-btn-before: #eec051;
}
}
.color-scheme-2decda75-2865-45aa-b5b2-b786ea87004a, .tippy-box[data-theme~='color-scheme-2decda75-2865-45aa-b5b2-b786ea87004a'] {
--color-primary: #444444;
--color-border: #ededed;
--color-background: #f0f0f0;
--color-text-body: #444444;
--color-text-heading: #444444;
--color-highlight: #e97750;
--color-link: #444444;
--color-link-hover: #444444;
--color-bg-1: #f0f0f0;
--color-bg-2: #f6f3ee;
--color-btn-bg: #444444;
--color-btn-text: #ffffff;
--color-btn-secondary-bg: #ededed;
--color-btn-secondary-border: #ededed;
--color-btn-secondary-text: #444444;
--color-btn-bg-hover: #000000;
--color-btn-text-hover: #ffffff;
--color-field-bg: #ffffff;
--color-field-text: #444444;
--color-field-text-rgb: 68, 68, 68;
--color-tooltip-bg: #444444;
--color-tooltip-text: #ffffff;
--color-product-title: #444444;
--color-product-price: #444444;
--color-header-bg: #f0f0f0;
--color-header-text: #444444;
--color-menu-text: #444444;
--color-menu-text-hover: #444444;
--color-foreground: 68, 68, 68;
--color-btn-before: #333333;
}
@media screen and (max-width: 767.98px) {
.md-down\:color-scheme-2decda75-2865-45aa-b5b2-b786ea87004a {
--color-primary: #444444;
--color-border: #ededed;
--color-background: #f0f0f0;
--color-text-body: #444444;
--color-text-heading: #444444;
--color-highlight: #e97750;
--color-link: #444444;
--color-link-hover: #444444;
--color-bg-1: #f0f0f0;
--color-bg-2: #f6f3ee;
--color-btn-bg: #444444;
--color-btn-text: #ffffff;
--color-btn-secondary-bg: #ededed;
--color-btn-secondary-border: #ededed;
--color-btn-secondary-text: #444444;
--color-btn-bg-hover: #000000;
--color-btn-text-hover: #ffffff;
--color-field-bg: #ffffff;
--color-field-text: #444444;
--color-field-text-rgb: 68, 68, 68;
--color-tooltip-bg: #444444;
--color-tooltip-text: #ffffff;
--color-product-title: #444444;
--color-product-price: #444444;
--color-header-bg: #f0f0f0;
--color-header-text: #444444;
--color-menu-text: #444444;
--color-menu-text-hover: #444444;
--color-foreground: 68, 68, 68;
--color-btn-before: #333333;
}
}
.color-scheme-fcaebfc7-5916-4b13-b092-c835c69b831f, .tippy-box[data-theme~='color-scheme-fcaebfc7-5916-4b13-b092-c835c69b831f'] {
--color-primary: #ffffff;
--color-border: #ffffff;
--color-background: #c69113;
--color-text-body: #ffffff;
--color-text-heading: #ffffff;
--color-highlight: #c69113;
--color-link: #ffffff;
--color-link-hover: #ffffff;
--color-bg-1: #c69113;
--color-bg-2: #f6f3ee;
--color-btn-bg: #ffffff;
--color-btn-text: #333333;
--color-btn-secondary-bg: #ededed;
--color-btn-secondary-border: #ededed;
--color-btn-secondary-text: #333333;
--color-btn-bg-hover: #c69113;
--color-btn-text-hover: #ffffff;
--color-field-bg: #ffffff;
--color-field-text: #333333;
--color-field-text-rgb: 51, 51, 51;
--color-tooltip-bg: #333333;
--color-tooltip-text: #ffffff;
--color-product-title: #ffffff;
--color-product-price: #333333;
--color-header-bg: #c69113;
--color-header-text: #ffffff;
--color-menu-text: #ffffff;
--color-menu-text-hover: #ffffff;
--color-foreground: 255, 255, 255;
--color-btn-before: #eec051;
}
@media screen and (max-width: 767.98px) {
.md-down\:color-scheme-fcaebfc7-5916-4b13-b092-c835c69b831f {
--color-primary: #ffffff;
--color-border: #ffffff;
--color-background: #c69113;
--color-text-body: #ffffff;
--color-text-heading: #ffffff;
--color-highlight: #c69113;
--color-link: #ffffff;
--color-link-hover: #ffffff;
--color-bg-1: #c69113;
--color-bg-2: #f6f3ee;
--color-btn-bg: #ffffff;
--color-btn-text: #333333;
--color-btn-secondary-bg: #ededed;
--color-btn-secondary-border: #ededed;
--color-btn-secondary-text: #333333;
--color-btn-bg-hover: #c69113;
--color-btn-text-hover: #ffffff;
--color-field-bg: #ffffff;
--color-field-text: #333333;
--color-field-text-rgb: 51, 51, 51;
--color-tooltip-bg: #333333;
--color-tooltip-text: #ffffff;
--color-product-title: #ffffff;
--color-product-price: #333333;
--color-header-bg: #c69113;
--color-header-text: #ffffff;
--color-menu-text: #ffffff;
--color-menu-text-hover: #ffffff;
--color-foreground: 255, 255, 255;
--color-btn-before: #eec051;
}
}
.color-scheme-5dc18b9e-525c-41b4-af37-a21c8b73b50f, .tippy-box[data-theme~='color-scheme-5dc18b9e-525c-41b4-af37-a21c8b73b50f'] {
--color-primary: #222222;
--color-border: #eeeeee;
--color-background: #c69113;
--color-text-body: #ffffff;
--color-text-heading: #ffffff;
--color-highlight: #e97750;
--color-link: #ffffff;
--color-link-hover: #ffffff;
--color-bg-1: #c69113;
--color-bg-2: #f0f0f0;
--color-btn-bg: #222222;
--color-btn-text: #ffffff;
--color-btn-secondary-bg: #ededed;
--color-btn-secondary-border: #ededed;
--color-btn-secondary-text: #222222;
--color-btn-bg-hover: #000000;
--color-btn-text-hover: #ffffff;
--color-field-bg: #ffffff;
--color-field-text: #222222;
--color-field-text-rgb: 34, 34, 34;
--color-tooltip-bg: #222222;
--color-tooltip-text: #ffffff;
--color-product-title: #ffffff;
--color-product-price: #222222;
--color-header-bg: #c69113;
--color-header-text: #ffffff;
--color-menu-text: #ffffff;
--color-menu-text-hover: #ffffff;
--color-foreground: 255, 255, 255;
--color-btn-before: #333333;
}
@media screen and (max-width: 767.98px) {
.md-down\:color-scheme-5dc18b9e-525c-41b4-af37-a21c8b73b50f {
--color-primary: #222222;
--color-border: #eeeeee;
--color-background: #c69113;
--color-text-body: #ffffff;
--color-text-heading: #ffffff;
--color-highlight: #e97750;
--color-link: #ffffff;
--color-link-hover: #ffffff;
--color-bg-1: #c69113;
--color-bg-2: #f0f0f0;
--color-btn-bg: #222222;
--color-btn-text: #ffffff;
--color-btn-secondary-bg: #ededed;
--color-btn-secondary-border: #ededed;
--color-btn-secondary-text: #222222;
--color-btn-bg-hover: #000000;
--color-btn-text-hover: #ffffff;
--color-field-bg: #ffffff;
--color-field-text: #222222;
--color-field-text-rgb: 34, 34, 34;
--color-tooltip-bg: #222222;
--color-tooltip-text: #ffffff;
--color-product-title: #ffffff;
--color-product-price: #222222;
--color-header-bg: #c69113;
--color-header-text: #ffffff;
--color-menu-text: #ffffff;
--color-menu-text-hover: #ffffff;
--color-foreground: 255, 255, 255;
--color-btn-before: #333333;
}
}
.color-scheme-c976cd6e-fe9b-4e6a-9e98-9c93ce28ea7f, .tippy-box[data-theme~='color-scheme-c976cd6e-fe9b-4e6a-9e98-9c93ce28ea7f'] {
--color-primary: #222222;
--color-border: #eeeeee;
--color-background: #ffffff;
--color-text-body: #4e4e4e;
--color-text-heading: #000000;
--color-highlight: #c69113;
--color-link: #4e4e4e;
--color-link-hover: #4e4e4e;
--color-bg-1: #ffffff;
--color-bg-2: #f0f0f0;
--color-btn-bg: #c69113;
--color-btn-text: #ffffff;
--color-btn-secondary-bg: #ededed;
--color-btn-secondary-border: #ededed;
--color-btn-secondary-text: #222222;
--color-btn-bg-hover: #000000;
--color-btn-text-hover: #ffffff;
--color-field-bg: #ffffff;
--color-field-text: #222222;
--color-field-text-rgb: 34, 34, 34;
--color-tooltip-bg: #222222;
--color-tooltip-text: #ffffff;
--color-product-title: #000000;
--color-product-price: #222222;
--color-header-bg: #ffffff;
--color-header-text: #4e4e4e;
--color-menu-text: #4e4e4e;
--color-menu-text-hover: #4e4e4e;
--color-foreground: 78, 78, 78;
--color-btn-before: #333333;
}
@media screen and (max-width: 767.98px) {
.md-down\:color-scheme-c976cd6e-fe9b-4e6a-9e98-9c93ce28ea7f {
--color-primary: #222222;
--color-border: #eeeeee;
--color-background: #ffffff;
--color-text-body: #4e4e4e;
--color-text-heading: #000000;
--color-highlight: #c69113;
--color-link: #4e4e4e;
--color-link-hover: #4e4e4e;
--color-bg-1: #ffffff;
--color-bg-2: #f0f0f0;
--color-btn-bg: #c69113;
--color-btn-text: #ffffff;
--color-btn-secondary-bg: #ededed;
--color-btn-secondary-border: #ededed;
--color-btn-secondary-text: #222222;
--color-btn-bg-hover: #000000;
--color-btn-text-hover: #ffffff;
--color-field-bg: #ffffff;
--color-field-text: #222222;
--color-field-text-rgb: 34, 34, 34;
--color-tooltip-bg: #222222;
--color-tooltip-text: #ffffff;
--color-product-title: #000000;
--color-product-price: #222222;
--color-header-bg: #ffffff;
--color-header-text: #4e4e4e;
--color-menu-text: #4e4e4e;
--color-menu-text-hover: #4e4e4e;
--color-foreground: 78, 78, 78;
--color-btn-before: #333333;
}
}
.color-scheme-38e2437a-c5a7-4807-87e0-1dfa7b8b546d, .tippy-box[data-theme~='color-scheme-38e2437a-c5a7-4807-87e0-1dfa7b8b546d'] {
--color-primary: #222222;
--color-border: #eeeeee;
--color-background: #ffffff;
--color-text-body: #222222;
--color-text-heading: #222222;
--color-highlight: #e97750;
--color-link: #222222;
--color-link-hover: #222222;
--color-bg-1: #ffffff;
--color-bg-2: #f0f0f0;
--color-btn-bg: #072340;
--color-btn-text: #ffffff;
--color-btn-secondary-bg: #ededed;
--color-btn-secondary-border: #ededed;
--color-btn-secondary-text: #222222;
--color-btn-bg-hover: #c69113;
--color-btn-text-hover: #ffffff;
--color-field-bg: #ffffff;
--color-field-text: #222222;
--color-field-text-rgb: 34, 34, 34;
--color-tooltip-bg: #222222;
--color-tooltip-text: #ffffff;
--color-product-title: #222222;
--color-product-price: #ffffff;
--color-header-bg: #ffffff;
--color-header-text: #222222;
--color-menu-text: #222222;
--color-menu-text-hover: #222222;
--color-foreground: 34, 34, 34;
--color-btn-before: #eec051;
}
@media screen and (max-width: 767.98px) {
.md-down\:color-scheme-38e2437a-c5a7-4807-87e0-1dfa7b8b546d {
--color-primary: #222222;
--color-border: #eeeeee;
--color-background: #ffffff;
--color-text-body: #222222;
--color-text-heading: #222222;
--color-highlight: #e97750;
--color-link: #222222;
--color-link-hover: #222222;
--color-bg-1: #ffffff;
--color-bg-2: #f0f0f0;
--color-btn-bg: #072340;
--color-btn-text: #ffffff;
--color-btn-secondary-bg: #ededed;
--color-btn-secondary-border: #ededed;
--color-btn-secondary-text: #222222;
--color-btn-bg-hover: #c69113;
--color-btn-text-hover: #ffffff;
--color-field-bg: #ffffff;
--color-field-text: #222222;
--color-field-text-rgb: 34, 34, 34;
--color-tooltip-bg: #222222;
--color-tooltip-text: #ffffff;
--color-product-title: #222222;
--color-product-price: #ffffff;
--color-header-bg: #ffffff;
--color-header-text: #222222;
--color-menu-text: #222222;
--color-menu-text-hover: #222222;
--color-foreground: 34, 34, 34;
--color-btn-before: #eec051;
}
}
.color-scheme-df1220ef-507a-4431-90b5-e2074c40bb7a, .tippy-box[data-theme~='color-scheme-df1220ef-507a-4431-90b5-e2074c40bb7a'] {
--color-primary: #222222;
--color-border: #eeeeee;
--color-background: #000000;
--color-text-body: #ffffff;
--color-text-heading: #222222;
--color-highlight: #e97750;
--color-link: #ffffff;
--color-link-hover: #ffffff;
--color-bg-1: #000000;
--color-bg-2: #ffffff;
--color-btn-bg: #222222;
--color-btn-text: #ffffff;
--color-btn-secondary-bg: #ededed;
--color-btn-secondary-border: #ededed;
--color-btn-secondary-text: #222222;
--color-btn-bg-hover: #c69113;
--color-btn-text-hover: #ffffff;
--color-field-bg: #ffffff;
--color-field-text: #222222;
--color-field-text-rgb: 34, 34, 34;
--color-tooltip-bg: #222222;
--color-tooltip-text: #ffffff;
--color-product-title: #222222;
--color-product-price: #ffffff;
--color-header-bg: #000000;
--color-header-text: #ffffff;
--color-menu-text: #ffffff;
--color-menu-text-hover: #ffffff;
--color-foreground: 255, 255, 255;
--color-btn-before: #eec051;
}
@media screen and (max-width: 767.98px) {
.md-down\:color-scheme-df1220ef-507a-4431-90b5-e2074c40bb7a {
--color-primary: #222222;
--color-border: #eeeeee;
--color-background: #000000;
--color-text-body: #ffffff;
--color-text-heading: #222222;
--color-highlight: #e97750;
--color-link: #ffffff;
--color-link-hover: #ffffff;
--color-bg-1: #000000;
--color-bg-2: #ffffff;
--color-btn-bg: #222222;
--color-btn-text: #ffffff;
--color-btn-secondary-bg: #ededed;
--color-btn-secondary-border: #ededed;
--color-btn-secondary-text: #222222;
--color-btn-bg-hover: #c69113;
--color-btn-text-hover: #ffffff;
--color-field-bg: #ffffff;
--color-field-text: #222222;
--color-field-text-rgb: 34, 34, 34;
--color-tooltip-bg: #222222;
--color-tooltip-text: #ffffff;
--color-product-title: #222222;
--color-product-price: #ffffff;
--color-header-bg: #000000;
--color-header-text: #ffffff;
--color-menu-text: #ffffff;
--color-menu-text-hover: #ffffff;
--color-foreground: 255, 255, 255;
--color-btn-before: #eec051;
}
}
body, .color-background-1, .color-background-2, .color-inverse, .color-accent, .color-scheme-bc4a096f-47f9-4141-9ef7-6cfa59db2227, .color-scheme-6c3cb7bc-c3b2-44a7-8b61-25c7547e8185, .color-scheme-cd86e7e6-de2f-48b8-a41b-9e9c750ce36e, .color-scheme-2decda75-2865-45aa-b5b2-b786ea87004a, .color-scheme-fcaebfc7-5916-4b13-b092-c835c69b831f, .color-scheme-5dc18b9e-525c-41b4-af37-a21c8b73b50f, .color-scheme-c976cd6e-fe9b-4e6a-9e98-9c93ce28ea7f, .color-scheme-38e2437a-c5a7-4807-87e0-1dfa7b8b546d, .color-scheme-df1220ef-507a-4431-90b5-e2074c40bb7a {
color: var(--color-text-body);
background-color: var(--color-background);
}
@media screen and (max-width: 767.98px) {
.md-down\:color-background-1, .md-down\:color-background-2, .md-down\:color-inverse, .md-down\:color-accent, .md-down\:color-scheme-bc4a096f-47f9-4141-9ef7-6cfa59db2227, .md-down\:color-scheme-6c3cb7bc-c3b2-44a7-8b61-25c7547e8185, .md-down\:color-scheme-cd86e7e6-de2f-48b8-a41b-9e9c750ce36e, .md-down\:color-scheme-2decda75-2865-45aa-b5b2-b786ea87004a, .md-down\:color-scheme-fcaebfc7-5916-4b13-b092-c835c69b831f, .md-down\:color-scheme-5dc18b9e-525c-41b4-af37-a21c8b73b50f, .md-down\:color-scheme-c976cd6e-fe9b-4e6a-9e98-9c93ce28ea7f, .md-down\:color-scheme-38e2437a-c5a7-4807-87e0-1dfa7b8b546d, .md-down\:color-scheme-df1220ef-507a-4431-90b5-e2074c40bb7a {
color: var(--color-text-body);
background-color: var(--color-background);
}
}
*,
*::before,
*::after {
box-sizing: border-box;
}
html {
font-size: calc(var(--font-body-scale) * 62.5%);
}
body {
min-height: 100%;
font-size: 1.5rem;
margin: 0;
font-family: var(--font-body-family);
font-style: var(--font-body-style);
font-weight: var(--font-body-weight);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: calc(1 + 0.6 / var(--font-body-scale));
--font-body-size: 1.5rem;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .h0, .h-xl {
font-family: var(--font-heading-family);
font-style: var(--font-heading-style);
font-weight: var(--font-heading-weight);
text-transform: var(--font-heading-transform);
color: var(--color-text-heading);
line-height: calc(1 + 0.2 / max(1, var(--font-heading-scale)));
letter-spacing: var(--font-heading-spacing, 0px);
word-break: break-word;
margin: 0 0 1.2rem;
}
.h-xl {
text-transform: var(--font-mega-transform, unset);
}
@media (max-width: 639px) {
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .h0, .h-xl {
line-height: calc(1 + 0.2 / max(1, var(--font-heading-mobile-scale)));
}
}
.h-xl {
font-size: calc(var(--font-mega-scale) * var(--font-heading-mobile-scale) * 0.8rem);
}
.h0 {
font-size: calc(var(--font-heading-mobile-scale) * var(--font-h0-size));
}
h1,.h1 {
font-size: calc(var(--font-heading-mobile-scale) * var(--font-h1-size));
}
h2,.h2 {
font-size: calc(var(--font-heading-mobile-scale) * var(--font-h2-size));
}
h3,.h3 {
font-size: calc(var(--font-heading-mobile-scale) * var(--font-h3-size));
}
h4,.h4 {
font-size: calc(var(--font-heading-mobile-scale) * var(--font-h4-size));
}
h5,.h5 {
font-size: calc(var(--font-heading-mobile-scale) * 1.8rem);
}
h6,.h6 {
font-size: calc(var(--font-heading-scale) * 1.6rem);
}
@media (min-width: 640px) {
.h-xl {
font-size: calc(var(--font-hxl-size) * 0.7);
}
.h0 {
font-size: calc(var(--font-h0-size) * 0.7);
}
h1, .h1 {
font-size: calc(var(--font-h1-size) * 0.7);
}
h2, .h2 {
font-size: calc(var(--font-h2-size) * 0.7);
}
}
@media (min-width: 1280px) {
.h-xl {
font-size: var(--font-hxl-size);
}
.h0 {
font-size: var(--font-h0-size);
}
h1, .h1 {
font-size: var(--font-h1-size);
}
h2, .h2 {
font-size: var(--font-h2-size);
}
h3, .h3 {
font-size: var(--font-h3-size);
}
h4, .h4 {
font-size: var(--font-h4-size);
}
h5, .h5 {
font-size: var(--font-h5-size);
}
h6, .h6 {
font-size: var(--font-h6-size);
}
}
.flickity-button,
[template],
.hidden,
.tooltip,
[data-aria-hidden=true],
[hidden], .critical-hidden,
.site-header .critical-hidden, .topbar .critical-hidden, .announcement-bar .critical-hidden {
display: none
}
.flex {
display: flex;
}
[style*="--aspect-ratio"] {
position: relative;
overflow: hidden;
}
[style*="--aspect-ratio"]:before {
content: "";
height: 0;
display: block;
padding-top: calc(100%/(0 + var(--aspect-ratio, 16/9)));
}
[style*="--aspect-ratio"]>:first-child {
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute!important;
object-fit: cover;
width: 100%;
height: 100%;
}
@media (max-width: 639px) {
[style*="--aspect-ratio"]:before {
padding-top: calc(100%/(0 + var(--aspect-ratio-mobile, var(--aspect-ratio, 16/9))));
}
}
.overflow-hidden {
overflow: hidden;
}
.content-visibility-auto {
content-visibility: auto;
}
.h-full {
height: 100%;
}
.w-full {
width: 100%;
}
@media (max-width: 1440px) {
.container-fluid .flickity-wrapper:not(.flickity-controls-group) .flickity-button.previous {
left: calc(var(--button-size) + (1rem - var(--column-gap, 3rem) / 2)) !important;
}
.container-fluid .flickity-wrapper:not(.flickity-controls-group) .flickity-button.next {
right: calc(var(--button-size) + (1rem - var(--column-gap, 3rem) / 2)) !important;
}
}
.spr-container .spr-header-title {
font-size: var(--font-h2-size);
}
@media (max-width: 639px) {
.spr-container .spr-header-title {
font-size: calc(var(--font-heading-mobile-scale) * 3.4rem);
}
:root {
--color-swatch-size: 4.4rem;
}
}
</style>
<link href="//www.hookahvault.com/cdn/shop/t/2/assets/theme.css?v=98320165928697442531717519924" rel="stylesheet" type="text/css" media="all" />
<link href="//www.hookahvault.com/cdn/shop/t/2/assets/base.css?v=112894300440697383711717519925" rel="stylesheet" type="text/css" media="all" />
<link href="//www.hookahvault.com/cdn/shop/t/2/assets/grid.css?v=61625359788147630411717519924" rel="stylesheet" type="text/css" media="all" />
<link href="//www.hookahvault.com/cdn/shop/t/2/assets/components.css?v=132512535693431670931718891072" rel="stylesheet" type="text/css" media="all" />
<link
rel="preload"
href="//www.hookahvault.com/cdn/shop/t/2/assets/non-critical.css?v=149497915044068732211718891070"
as="style"
onload="this.onload=null;this.rel='stylesheet';"
>
<link
rel="preload"
href="//www.hookahvault.com/cdn/shop/t/2/assets/flickity-component.css?v=68104475760773528691717519924"
as="style"
onload="this.onload=null;this.rel='stylesheet';"
>
<link
rel="preload"
href="//www.hookahvault.com/cdn/shop/t/2/assets/modal-component.css?v=52909933762003547871717519925"
as="style"
onload="this.onload=null;this.rel='stylesheet';"
>
<link
rel="preload"
href="//www.hookahvault.com/cdn/shop/t/2/assets/drawer-component.css?v=150872408552405000701717519924"
as="style"
onload="this.onload=null;this.rel='stylesheet';"
>
<noscript>
<link href="//www.hookahvault.com/cdn/shop/t/2/assets/non-critical.css?v=149497915044068732211718891070" rel="stylesheet" type="text/css" media="all" />
<link href="//www.hookahvault.com/cdn/shop/t/2/assets/components.css?v=132512535693431670931718891072" rel="stylesheet" type="text/css" media="all" />
<link href="//www.hookahvault.com/cdn/shop/t/2/assets/flickity-component.css?v=68104475760773528691717519924" rel="stylesheet" type="text/css" media="all" />
<link href="//www.hookahvault.com/cdn/shop/t/2/assets/modal-component.css?v=52909933762003547871717519925" rel="stylesheet" type="text/css" media="all" />
<link href="//www.hookahvault.com/cdn/shop/t/2/assets/drawer-component.css?v=150872408552405000701717519924" rel="stylesheet" type="text/css" media="all" />
</noscript>
<script src="//www.hookahvault.com/cdn/shop/t/2/assets/vendor.js?v=97358944675225969581718891071" defer="defer"></script>
<script src="//www.hookahvault.com/cdn/shop/t/2/assets/global.js?v=162350609739438265731718891071" defer="defer"></script>
<script src="//www.hookahvault.com/cdn/shop/t/2/assets/lazy-image.js?v=68169924899378488731717519923" defer="defer"></script>
<script src="//www.hookahvault.com/cdn/shop/t/2/assets/product-form.js?v=184177247524669186781718891069" defer="defer"></script><script src="//www.hookahvault.com/cdn/shop/t/2/assets/animations.js?v=28300096392210104821717519924" defer="defer"></script><script>
document.documentElement.className = document.documentElement.className.replace('no-js', 'js');
</script>
<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/60340568199/digital_wallets/dialog">
<script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script>
<script id="shopify-features" type="application/json">{"accessToken":"1061316ea2aee63474767ff22ec7644b","betas":["rich-media-storefront-analytics"],"domain":"www.hookahvault.com","predictiveSearch":true,"shopId":60340568199,"smart_payment_buttons_url":"https:\/\/www.hookahvault.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/spb.en.js","dynamic_checkout_cart_url":"https:\/\/www.hookahvault.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/dynamic-checkout-cart.en.js","locale":"en"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "hookah-vault-24.myshopify.com";
Shopify.locale = "en";
Shopify.currency = {"active":"USD","rate":"1.0"};
Shopify.country = "US";
Shopify.theme = {"name":"Zest","id":129589280903,"schema_name":"Zest","schema_version":"8.1.0","theme_store_id":1611,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "www.hookahvault.com/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";</script>
<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
<script>(function() {
function asyncLoad() {
var urls = ["https:\/\/static.rechargecdn.com\/assets\/js\/widget.min.js?shop=hookah-vault-24.myshopify.com","https:\/\/tools.luckyorange.com\/core\/lo.js?site-id=ccf37962\u0026shop=hookah-vault-24.myshopify.com","https:\/\/cdn.shipinsure.io\/shipinsure_shopify_5_5.min.js?shop=hookah-vault-24.myshopify.com","https:\/\/assets.gameball.co\/shopify\/gb_shopify.js?v=20241029.2\u0026shop=hookah-vault-24.myshopify.com"];
for (var i = 0; i < urls.length; i++) {
var s = document.createElement('script');
s.type = 'text/javascript';
s.async = true;
s.src = urls[i];
var x = document.getElementsByTagName('script')[0];
x.parentNode.insertBefore(s, x);
}
};
if(window.attachEvent) {
window.attachEvent('onload', asyncLoad);
} else {
window.addEventListener('load', asyncLoad, false);
}
})();</script>
<script id="__st">var __st={"a":60340568199,"offset":-25200,"reqid":"8e4922f5-538a-4295-a54a-e156624df248-1730258635","pageurl":"www.hookahvault.com\/","u":"4d83fa7662ff","p":"home"};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(',');function s(t,e,n=!1){try{const o=window.sessionStorage;for(const[n,c]of Object.entries(JSON.parse(o.getItem(e))))t.elements[n]&&(t.elements[n].value=c);n&&o.removeItem(e)}catch{}}const a='form_key',i=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response','password'],u=()=>{try{return window.sessionStorage}catch{return}},m=t=>t.elements[a],f='form_type',d='cptcha';function p(t){t.dataset[d]=!0}const l=window,h=l.document,_='Shopify',y='ce_forms',E='captcha';let v=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe','https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.4.0.iife.js',T={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=l[_][y],c=o.bindForm;if(c)return c(t,g,e,T).then(n);o.q.push([[t,g,e,T],n]),v||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:'https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.4.0.iife.js'})),v=!0)});var g,T;l[_]=l[_]||{},l[_][y]=l[_][y]||{},l[_][y].q=[],l[_][E]=l[_][E]||{},l[_][E].protect=function(t,e){n(t,void 0,e),p(t)},Object.freeze(l[_][E]),function(t,e,n,l,h,_){const[y,E,v,g]=function(t,e,n){const s=e?o:[],a=t?c:[],i=[...s,...a],u=[...o],m=r(i),f=r(s),d=n&&r(i.filter((([t,e])=>n.includes(e)))),p=r(u),l=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];return[l(m),l(f),l(d),l(p)]}(l,h,_),T=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},S=t=>y().includes(t);t.addEventListener('submit',(t=>{const e=T(t);if(!e)return;const n=S(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=m(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!u())return;!function(t){const e=u();if(!e)return;const n=m(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){m(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:a})),t.elements[a].value=e}(t,e),function(t,e){const n=u();if(!n)return;const o=[...t.querySelectorAll('input[type="password"]')].map((({name:t})=>t)),c=[...i,...o],r={};for(const[s,a]of new FormData(t).entries())c.includes(s)||(r[s]=a);n.setItem(e,JSON.stringify(r))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const w=(t,e)=>{t&&!t.dataset[d]&&(n(t,e.some((e=>e===t))),p(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=T(t);S(e)&&w(e,E())}));const A=e.get('form_key'),b=e.get(f),I=A&&b;t.addEventListener('DOMContentLoaded',(()=>{const t=E();if(I)for(const e of t)e.elements[f].value===b&&s(e,A);[...new Set([...v(),...y().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>w(e,t)))}))}(h,new URLSearchParams(l.location.search),n,!0,!0,['guest_login'])})()}();</script>
<script integrity="sha256-7/JJfxDXG7zQLENy79IvPH107WmaVwc8z5Er0jzsrPQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//www.hookahvault.com/cdn/shopifycloud/shopify/assets/storefront/load_feature-eff2497f10d71bbcd02c4372efd22f3c7d74ed699a57073ccf912bd23cecacf4.js" crossorigin="anonymous"></script>
<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://www.hookahvault.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
</script>
<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
</script>
<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("#dynamic-checkout-cart")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
</script>
<script id="sections-script" data-sections="announcement-bar,footer,mobile-sticky-bar" defer="defer" src="//www.hookahvault.com/cdn/shop/t/2/compiled_assets/scripts.js?986"></script>
<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
<link
rel="preload"
as="font"
href="//www.hookahvault.com/cdn/fonts/inter/inter_n4.481bd4d19704ca98fb1d3abd50c668b6962860a2.woff2?h1=aG9va2FoLXZhdWx0LTI0LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=aG9va2FodmF1bHQuY29t&hmac=ee6f22809c8a4a2d5c855128aaedd57bfe57fa162160a8e8d8727f75f3245947"
type="font/woff2"
crossorigin
fetchpriority="high"
><link
rel="preload"
as="font"
href="//www.hookahvault.com/cdn/fonts/syne/syne_n4.051620501cd4eac14b7508e4c2250201ca4f55ba.woff2?h1=aG9va2FoLXZhdWx0LTI0LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=aG9va2FodmF1bHQuY29t&hmac=7515d3199d908bc8676c8357bebfbc8b72ca1a9064b29090c6dc9c7a5f85b34c"
type="font/woff2"
crossorigin
fetchpriority="high"
>
<script src="https://cdn.agechecker.net/static/age-gate/v1/age-gate.js"></script>
<script
src="https://cdn-widgetsrepository.yotpo.com/v1/loader/09AgYUZpiXzPFXJR9MyJMrY7YTX75OmDfiUP6DHq?languageCode=en"
async
></script>
<!-- BEGIN app block: shopify://apps/agechecker-net-age-verifier/blocks/age-checker-net/077993e5-c664-454e-a442-8018ed97524e --><script>window.AgeChecker_APP_URL = 'sa.agechecker.net';</script>
<script async>
(function(w,d) {
let agecheckerElements = `[onclick*='/checkout'], [name=checkout], [href='/checkout'], [data-href='/checkout'], .sezzle-checkout-button, form[action='/checkout'] input[type=submit], .shopify-payment-button, #dynamic-checkout-cart, .cart__additional_checkout, [data-shopify='payment-button'], #additional-checkout-buttons, [class^='shopify-payment-button']`.split(",");
let trimElem = [];
for(let e = 0; e < agecheckerElements.length; e++) {
let el = agecheckerElements[e].trim();
if(el) {
try {
document.querySelector(el);
trimElem.push(agecheckerElements[e].trim());
} catch(e) {}
}
}
if(trimElem.length <= 0) return;
agecheckerElements = trimElem;
const agecheckerLock = function(els) {
if(!els) return;
for(let i=0;i<els.length;i++) {
const el = els[i];
if(!el) continue;
const excluded = window.AgeCheckerUB || window.AgeChecker_Excluded;
if(el.className.indexOf("agechecker") == -1 && !excluded && !el.getAttribute("disabled"))
el.setAttribute("disabled", true);
else if((el.className.indexOf("agechecker") != -1 || excluded) && el.getAttribute("disabled"))
el.removeAttribute("disabled");
}
}
setInterval(function() { for(let i = 0; i < agecheckerElements.length; i++) { agecheckerLock(document.querySelectorAll(agecheckerElements[i])); } }, 5);
})(window, document);
</script>
<script>
(function(w,d) {
var xhttp = {};
if (window.XDomainRequest) xhttp = new XDomainRequest(); else if (window.XMLHttpRequest) xhttp = new XMLHttpRequest(); else xhttp = new ActiveXObject("Microsoft.XMLHTTP");
xhttp.onload = function() {
if (xhttp.readyState === 4) {
const data = JSON.parse(xhttp.response);
if (xhttp.status === 200 && data) {
let agechecker_url = data.url;
let elements = `[onclick*='/checkout'], [name=checkout], [href='/checkout'], [data-href='/checkout'], .sezzle-checkout-button, form[action='/checkout'] input[type=submit], .shopify-payment-button, #dynamic-checkout-cart, .cart__additional_checkout, [data-shopify='payment-button'], #additional-checkout-buttons, [class^='shopify-payment-button']`.split(",");
let trimElem = [];
for(let e = 0; e < elements.length; e++) {
let el = elements[e].trim();
if(el) {
try {
document.querySelector(el);
trimElem.push(elements[e].trim());
} catch(e) {}
}
}
if(trimElem.length <= 0) return;
if(!data.type || data.type === 0) {
window.AgeCheckerUB = true;
return console.log("[AgeChecker.Net] No installation type set");
}
if(!(data.type === 1 || data.type === 2)) {
window.AgeCheckerUB = true;
return console.log("[AgeChecker.Net] Non-cart popup installation type set");
}
if(window.AgeChecker_Excluded) return;
var config = {};
if(data.type === 1) {
config = {
element: trimElem,
bind_all: true,
key: data.key,
accent_color: "linear-gradient(135deg, rgba(198, 145, 19, 1), rgba(141, 108, 28, 1) 98%)",
platform_features: {
shopify: {
app: 1,
shop: Shopify.shop,
dob_mode: 1,
cart_info: {
tags: [],
collections: []
}
}
}
};
} else if(data.type === 2) {
var setUUID = function(uuid) {
var xhttp = {};
if (window.XDomainRequest) xhttp = new XDomainRequest();
else if (window.XMLHttpRequest) xhttp = new XMLHttpRequest();
else xhttp = new ActiveXObject("Microsoft.XMLHTTP");
xhttp.open("POST", "/cart/update.js");
xhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhttp.onload = function() {
if (xhttp.status === 200) {
console.log("AgeChecker UUID set");
}
};
xhttp.send(encodeURI("attributes[Age Verified - AgeChecker.Net UUID:]=" + uuid + "&attributes[age-checker-form-id]="));
};
var verified = false;
try{
if (!window.AgeChecker_Disable_Cart_Cookie && localStorage.getItem("ac_verified_uuid")) {
verified = true;
setUUID(localStorage.getItem("ac_verified_uuid"));
}
}catch(e){}
if(verified) {
window.AgeCheckerUB = true;
return console.log("[AgeChecker.Net] Already verified");
}
config = {
element: trimElem,
bind_all: true,
key: data.key,
accent_color: "linear-gradient(135deg, rgba(198, 145, 19, 1), rgba(141, 108, 28, 1) 98%)",
platform_features: {
shopify: {
shop: Shopify.shop,
cart_info: {
tags: [],
collections: []
}
}
},
onstatuschanged: function(verification) {
if(verification.status == "accepted") {
try{localStorage.setItem("ac_verified_uuid", verification.uuid);}catch(e){}
setUUID(verification.uuid);
}
},
};
}
if(window.AgeChecker_Config) {
if(window.AgeChecker_Config.platform_features && window.AgeChecker_Config.platform_features.shopify) {
for(let a in window.AgeChecker_Config.platform_features.shopify) {
config.platform_features.shopify[a] = window.AgeChecker_Config.platform_features.shopify[a];
}
delete window.AgeChecker_Config.platform_features;
}
config = {...config, ...window.AgeChecker_Config};
}
w.AgeCheckerConfig=config;if(config.path&&(w.location.pathname+w.location.search).indexOf(config.path)) return;
var h=d.getElementsByTagName("head")[0];var a=d.createElement("script");a.src=`https://cdn.${agechecker_url}/static/popup/v1/popup.js`;a.crossOrigin="anonymous";
a.onerror=function(a){w.location.href=`https://${agechecker_url}/loaderror`;};h.insertBefore(a,h.firstChild);
}
}
};
xhttp.open('GET', `https://${window.AgeChecker_APP_URL}/get_key?domain=${Shopify.shop}`);
xhttp.send();
})(window, document);
</script>
<script>
(function(w,d) {
var removeElements = [".shopify-payment-button", "#dynamic-checkout-cart", ".cart__additional_checkout", "[data-shopify='payment-button']", "#additional-checkout-buttons", "[class^='shopify-payment-button']"];
setInterval(function() {
for(var i=0;i<removeElements.length;i++) {
var allElements = document.querySelectorAll(removeElements[i]);
for(var x=0;x<allElements.length;x++) {
var element = allElements[x];
if(element && element.style.display != "none") {
element.style.display = "none";
}
}
}
}, 50);
})(window, document);
</script>
<!-- END app app block --><!-- BEGIN app block: shopify://apps/yotpo-product-reviews-ugc/blocks/reviews_tab/eb7dfd7d-db44-4334-bc49-c893b51b36cf -->
<!-- END app app block --><!-- BEGIN app block: shopify://apps/gameball/blocks/gb-widget/4b916a35-b345-4d7d-9eb4-f51fec3f8c05 --><input type="hidden" name="" id="gameball-customerFirstName" value="">
<input type="hidden" name="" id="gameball-customerLastName" value="">
<input type="hidden" name="" id="gameball-customerID" value="">
<input type="hidden" name="" id="gameball-totalSpent" value="">
<input type="hidden" name="" id="gameball-ordersCount" value="">
<input type="hidden" name="" id="gameball-customerEmail" value="">
<input type="hidden" name="" id="gameball-shopName" value="www.hookahvault.com">
<input type="hidden" name="" id="gameball-APIKey" value="4853c83fbae04873a69691ed6e72e09b">
<input type="hidden" name="" id="gameball-TK" value="1">
<input type="hidden" name="" id="gameball-shopLocale" value="en">
<!-- END app app block --><!-- BEGIN app block: shopify://apps/order-limits-minmaxify/blocks/app-embed-block/3acfba32-89f3-4377-ae20-cbb9abc48475 --><script type="text/javascript" src="https://limits.minmaxify.com/hookah-vault-24.myshopify.com?v=120b&r=20240919190951"></script>
<!-- END app app block --><!-- BEGIN app block: shopify://apps/yotpo-product-reviews-ugc/blocks/settings/eb7dfd7d-db44-4334-bc49-c893b51b36cf -->
<script type="text/javascript" src="https://cdn-widgetsrepository.yotpo.com/v1/loader/09AgYUZpiXzPFXJR9MyJMrY7YTX75OmDfiUP6DHq?languageCode=en" async></script>
<!-- END app app block --><link href="https://cdn.shopify.com/extensions/ffccd380-056b-48b0-a2db-3fbaad2d8d56/ecomsend-popups-21/assets/style.css" rel="stylesheet" type="text/css" media="all">
<script src="https://cdn.shopify.com/extensions/662da23c-8cbb-44b9-9d03-67c80cda2517/kb-back-in-stock-49/assets/cartbite-embed.js" type="text/javascript" defer="defer"></script>
<script src="https://cdn.shopify.com/extensions/7e5b8e80-aef1-4b02-b623-14699c3b4d45/gameball-78/assets/gb_shopify.js" type="text/javascript" defer="defer"></script>
<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {var session_token = document.cookie.match(/_shopify_s=([^;]*)/);function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 60340568199,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token: session_token && session_token.length === 2 ? session_token[1] : "",page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
<script id="web-pixels-manager-setup">(function d(d,e,r,a,n){var o,i,t,s,l=(i=(o={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](12[89]|1[3-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(12[7-9]|1[3-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(12[89]|1[3-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](12[89]|1[3-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(12[7-9]|1[3-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(12[89]|1[3-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,t=o.legacy,s=navigator.userAgent,i.test(s)?"modern":(t.test(s),"legacy"));window.Shopify=window.Shopify||{};var c=window.Shopify;c.analytics=c.analytics||{};var u=c.analytics;u.replayQueue=[],u.publish=function(d,e,r){return u.replayQueue.push([d,e,r]),!0};try{self.performance.mark("wpm:start")}catch(d){}var h=[r,"/wpm","/b",n,l.substring(0,1),".js"].join("");!function(d){var e=d.src,r=d.async,a=void 0===r||r,n=d.onload,o=d.onerror,i=document.createElement("script"),t=document.head,s=document.body;i.async=a,i.src=e,n&&i.addEventListener("load",n),o&&i.addEventListener("error",o),t?t.appendChild(i):s?s.appendChild(i):console.error("Did not find a head or body element to append the script")}({src:h,async:!0,onload:function(){var r=window.webPixelsManager.init(d);e(r);var a=window.Shopify.analytics;a.replayQueue.forEach((function(d){var e=d[0],a=d[1],n=d[2];r.publishCustomEvent(e,a,n)})),a.replayQueue=[],a.publish=r.publishCustomEvent,a.visitor=r.visitor},onerror:function(){var e=d.storefrontBaseUrl.replace(/\/$/,""),r="".concat(e,"/.well-known/shopify/monorail/unstable/produce_batch"),n=JSON.stringify({metadata:{event_sent_at_ms:(new Date).getTime()},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:a||"latest",bundle_target:l,page_url:self.location.href,status:"failed",surface:d.surface,error_msg:"".concat(h," has failed to load")},metadata:{event_created_at_ms:(new Date).getTime()}}]});try{if(self.navigator.sendBeacon.bind(self.navigator)(r,n))return!0}catch(d){}var o=new XMLHttpRequest;try{return o.open("POST",r,!0),o.setRequestHeader("Content-Type","text/plain"),o.send(n),!0}catch(d){console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging a load error.")}return!1}})})({shopId: 60340568199,storefrontBaseUrl: "https://www.hookahvault.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",surface: "storefront-renderer",enabledBetaFlags: [],webPixelsConfigList: [{"id":"355172487","configuration":"{\"config\":\"{\\\"pixel_id\\\":\\\"G-J6VH4Y0815\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":\\\"G-J6VH4Y0815\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":\\\"G-J6VH4Y0815\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":\\\"G-J6VH4Y0815\\\"},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"G-J6VH4Y0815\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"G-J6VH4Y0815\\\"},{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"G-J6VH4Y0815\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"G-J6VH4Y0815\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a46b87f88a4ff97a9490f9aa4799ba7b","type":"APP","apiClientId":1780363,"privacyPurposes":[]},{"id":"295764103","configuration":"{\"siteId\":\"ccf37962\",\"environment\":\"production\",\"isPlusUser\":\"false\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"8f50100b4507da0cb1b5517ff7b85872","type":"APP","apiClientId":187969,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"]},{"id":"182943879","configuration":"{\"accountID\":\"60340568199\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"d87580088e92e7a8dcc86125a0b57a23","type":"APP","apiClientId":5263155,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"]},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0220","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0220","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Hookah Vault","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"hookah-vault-24.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/www.hookahvault.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},function pageEvents(webPixelsManagerAPI) {webPixelsManagerAPI.publish("page_viewed", {});},"https://www.hookahvault.com/cdn","197cd42ad7ab868de58b6bcb07f9e270c5ea6f17","d9f539ffw0e1474c4pae8b6d69m179c86ad",);</script> <script>window.ShopifyAnalytics = window.ShopifyAnalytics || {};
window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
window.ShopifyAnalytics.meta.currency = 'USD';
var meta = {"page":{"pageType":"home"}};
for (var attr in meta) {
window.ShopifyAnalytics.meta[attr] = meta[attr];
}</script>
<script>window.ShopifyAnalytics.merchantGoogleAnalytics = function() {
};
</script>
<script class="analytics">(function () {
var customDocumentWrite = function(content) {
var jquery = null;
if (window.jQuery) {
jquery = window.jQuery;
} else if (window.Checkout && window.Checkout.$) {
jquery = window.Checkout.$;
}
if (jquery) {
jquery('body').append(content);
}
};
var hasLoggedConversion = function(token) {
if (token) {
return document.cookie.indexOf('loggedConversion=' + token) !== -1;
}
return false;
}
var setCookieIfConversion = function(token) {
if (token) {
var twoMonthsFromNow = new Date(Date.now());
twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
}
}
var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
if (trekkie.integrations) {
return;
}
trekkie.methods = [
'identify',
'page',
'ready',
'track',
'trackForm',
'trackLink'
];
trekkie.factory = function(method) {
return function() {
var args = Array.prototype.slice.call(arguments);
args.unshift(method);
trekkie.push(args);
return trekkie;
};
};
for (var i = 0; i < trekkie.methods.length; i++) {
var key = trekkie.methods[i];
trekkie[key] = trekkie.factory(key);
}
trekkie.load = function(config) {
trekkie.config = config || {};
trekkie.config.initialDocumentCookie = document.cookie;
var first = document.getElementsByTagName('script')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.onerror = function(e) {
var scriptFallback = document.createElement('script');
scriptFallback.type = 'text/javascript';
scriptFallback.onerror = function(error) {
var Monorail = {
produce: function produce(monorailDomain, schemaId, payload) {
var currentMs = new Date().getTime();
var event = {
schema_id: schemaId,
payload: payload,
metadata: {
event_created_at_ms: currentMs,
event_sent_at_ms: currentMs
}
};
return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
},
sendRequest: function sendRequest(endpointUrl, payload) {
// Try the sendBeacon API
if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
var blobData = new window.Blob([payload], {
type: 'text/plain'
});
if (window.navigator.sendBeacon(endpointUrl, blobData)) {
return true;
} // sendBeacon was not successful
} // XHR beacon
var xhr = new XMLHttpRequest();
try {
xhr.open('POST', endpointUrl);
xhr.setRequestHeader('Content-Type', 'text/plain');
xhr.send(payload);
} catch (e) {
console.log(e);
}
return false;
},
isIos12: function isIos12() {
return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
}
};
Monorail.produce('monorail-edge.shopifysvc.com',
'trekkie_storefront_load_errors/1.1',
{shop_id: 60340568199,
theme_id: 129589280903,
app_name: "storefront",
context_url: window.location.href,
source_url: "//www.hookahvault.com/cdn/s/trekkie.storefront.a8ef5c2c4f1c6e0839c6b8857d0a2edb7d22d961.min.js"});
};
scriptFallback.async = true;
scriptFallback.src = '//www.hookahvault.com/cdn/s/trekkie.storefront.a8ef5c2c4f1c6e0839c6b8857d0a2edb7d22d961.min.js';
first.parentNode.insertBefore(scriptFallback, first);
};
script.async = true;
script.src = '//www.hookahvault.com/cdn/s/trekkie.storefront.a8ef5c2c4f1c6e0839c6b8857d0a2edb7d22d961.min.js';
first.parentNode.insertBefore(script, first);
};
trekkie.load(
{"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":60340568199,"isMerchantRequest":null,"themeId":129589280903,"themeCityHash":"6324532668427012158","contentLanguage":"en","currency":"USD"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain"},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
);
var loaded = false;
trekkie.ready(function() {
if (loaded) return;
loaded = true;
window.ShopifyAnalytics.lib = window.trekkie;
var originalDocumentWrite = document.write;
document.write = customDocumentWrite;
try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
document.write = originalDocumentWrite;
window.ShopifyAnalytics.lib.page(null,{"pageType":"home"});
var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
var token = match? match[1]: undefined;
if (!hasLoggedConversion(token)) {
setCookieIfConversion(token);
}
});
var eventsListenerScript = document.createElement('script');
eventsListenerScript.async = true;
eventsListenerScript.src = "//www.hookahvault.com/cdn/shopifycloud/shopify/assets/shop_events_listener-61fa9e0a912c675e178777d2b27f6cbd482f8912a6b0aa31fa3515985a8cd626.js";
document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
<script class="boomerang">
(function () {
window.BOOMR = window.BOOMR || {};
window.BOOMR.themeName = "Zest";
window.BOOMR.themeVersion = "8.1.0";
window.BOOMR.shopId = 60340568199;
window.BOOMR.themeId = 129589280903;
})();</script>
<script
defer
src="https://www.hookahvault.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-1.0.1.min.js"
data-application="storefront-renderer"
data-shop-id="60340568199"
data-render-region="gcp-us-east1"
data-page-type="index"
data-theme-instance-id="129589280903"
data-monorail-region="shop_domain"
data-resource-timing-sampling-rate="10"
></script>
</head>
<body class="template-index index- overflow-hidden">
<div class="f-page-transition no-js-hidden">
<div class="f-page-transition__spinner">
<div class="f-page-transition__spinner-content">
<div></div>
</div>
</div>
</div>
<a class="skip-to-content-link btn visually-hidden" href="#MainContent">Skip to content</a>
<div class="site-wrapper">
<style data-shopify>
.f-button--scroll-top {
position: fixed;
right: 16px;
bottom: 86px;
z-index: 1000 !important;
border-radius: 50%;
padding: 0;
display: inline-flex;
align-items: center;
justify-content: center;
width: 4rem;
height: 4rem;
opacity: 0;
}
.f-button--scroll-top svg {
transform: rotate(270deg);
}
.f-button--scroll-top.is-show {
opacity: 1;
}
</style>
<button
id="scroll-to-top-button"
class="btn btn--primary f-button--scroll-top"
aria-label="Scroll to Top">
<svg
xmlns="http://www.w3.org/2000/svg"
width="16"
height="16"
viewBox="0 0 16 16"
fill="none">
<path
d="M2.5 8H13.5"
stroke="currentColor"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round" />
<path
d="M9 3.5L13.5 8L9 12.5"
stroke="currentColor"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round" />
</svg>
</button>
<!-- BEGIN sections: header-group -->
<div id="shopify-section-sections--15976596242567__announcement-bar" class="shopify-section shopify-section-group-header-group">
<style data-shopify>
.announcement-bar {
display: flex;
flex-flow: column;
overflow: hidden;
}
.announcement-bar__inner {
position: relative;
}
.announcement-bar__row {
padding: 10px 20px;
position: relative;
z-index: 1;
}
.announcement-bar__inner.flickity-enabled {
min-height: 4.8rem;
}
.announcement-bar__close {
right: 1rem;
top: 50%;
transform: translateY(-50%);
color: currentColor !important;
background: none !important;
border: none !important;
z-index: 9;
position: absolute;
box-shadow: none !important;
}
@media (max-width: 639px) {
.announcement-bar__close {
right: -0.5rem;
}
}
.announcement-bar__close:hover {
transform: translateY(-50%) scale(1.2);
}
.announcement-bar__row p {
margin: 0;
padding: 0;
}
.announcement-bar__row p a {
text-decoration: underline;
}
.announcement-bar--carousel-enabled
.announcement-bar__inner:not(.flickity-enabled)
.announcement-bar__row:not(:first-child) {
display: none;
}
.no-js .announcement-bar__row {
display: block !important;
}
</style>
<announcement-bar class="announcement-bar relative color-scheme-df1220ef-507a-4431-90b5-e2074c40bb7a">
<flickity-component
class="announcement-bar__inner flickity-disable"
data-slider-options='{"pageDots": false, "prevNextButtons": false, "cellSelector": ".announcement-bar__row", "wrapAround": true, "autoPlay": 4000, "adaptiveHeight": true, "pauseAutoPlayOnHover": true}'
data-enable-slider="false"
data-calc-button-position="true"
data-slider-columns="1"
>
<div class="announcement-bar__row text-center show-on-mobile show-on-tablet show-on-desktop" role="region" aria-label="Announcement" ><div class="announcement-bar__message">
<p><strong>WARNING: THIS PRODUCT CONTAIN NICOTINE. NICOTINE IS AN ADDICTIVE CHEMICAL.</strong></p>
</div>
</div>
</flickity-component>
</announcement-bar>
<style> @media (max-width: 767px) {#shopify-section-sections--15976596242567__announcement-bar .announcement-bar__message p {font-size: 13px; }} </style></div><div id="shopify-section-sections--15976596242567__custom_liquid_cYcyxH" class="shopify-section shopify-section-group-header-group">
<div class="custom-liquid f-section-padding color-scheme-fcaebfc7-5916-4b13-b092-c835c69b831f" id="sections--15976596242567__custom_liquid_cYcyxH" style="--section-padding-top: 12px ; --section-padding-bottom: 12px;">
<div class="container">
<div class="custom-liquid__wrapper"><p style="text-align:center;">FREE SHIPPING ON ORDER $125+ (USE CODE “FREESHIP”)</p></div>
</div>
</div>
<style> @media (max-width: 767px) {#shopify-section-sections--15976596242567__custom_liquid_cYcyxH .custom-liquid__wrapper p {font-size: 13px !important; }} </style></div><div id="shopify-section-sections--15976596242567__header" class="shopify-section shopify-section-group-header-group f-section-header"><link href="//www.hookahvault.com/cdn/shop/t/2/assets/header.css?v=55912046475523597781717519925" rel="stylesheet" type="text/css" media="all" />
<link href="//www.hookahvault.com/cdn/shop/t/2/assets/site-nav.css?v=25280090549371556621723483289" rel="stylesheet" type="text/css" media="all" />
<style>
.f-section-header {position: absolute;} .site-header--sticky {position: fixed;}
</style>
<script src="//www.hookahvault.com/cdn/shop/t/2/assets/header.js?v=61425022276083526041717519924" defer="defer"></script>
<div class="site-header__placeholder"></div>
<sticky-header class="site-header__wrapper" data-header-sticky="true">
<site-header
data-section-id="sections--15976596242567__header"
data-section-type="header"
class="site-header site-header--design-4 site-header--transparent color-background-2 show-dropdown-menu-on-hover"
data-header-color-scheme="color-background-2"
data-dropdown-color-scheme="color-background-1"
data-header-transparent="true"
>
<div class="f-header__dropdown-backdrop">
<div class="f-header__dropdown-overlay"></div>
<div class="f-header__dropdown-bg color-background-1"></div>
</div>
<div class="container-fluid">
<div class="site-header__inner flex site-header__mobile-logo--center">
<drawer-opener
class="mobile-nav-toggle hidden lg-down:flex no-js-hidden"
data-drawer="#Drawer-MobileNav"
>
<button
class="btn btn--plain btn--icon focus-inset"
aria-haspopup="dialog"
aria-label="expand menu"
>
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-hamburger" fill="none" viewBox="0 0 18 16">
<path d="M1 .5a.5.5 0 100 1h15.71a.5.5 0 000-1H1zM.5 8a.5.5 0 01.5-.5h15.71a.5.5 0 010 1H1A.5.5 0 01.5 8zm0 7a.5.5 0 01.5-.5h15.71a.5.5 0 010 1H1a.5.5 0 01-.5-.5z" fill="currentColor">
</svg>
</button>
</drawer-opener>
<div class="site-header__left flex items-center">
<noscript>
<div class="mobile-nav-toggle">
<details class="parent-group">
<summary
class="header__icon header__icon--menu header__icon--summary focus-inset hidden md-down:flex"
aria-label="Menu"
>
<span class="flex">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-hamburger" fill="none" viewBox="0 0 18 16">
<path d="M1 .5a.5.5 0 100 1h15.71a.5.5 0 000-1H1zM.5 8a.5.5 0 01.5-.5h15.71a.5.5 0 010 1H1A.5.5 0 01.5 8zm0 7a.5.5 0 01.5-.5h15.71a.5.5 0 010 1H1a.5.5 0 01-.5-.5z" fill="currentColor">
</svg>
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="f-icon-svg f-icon--medium f-icon-close"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
</span>
</summary>
<div id="menu-drawer" class="menu-drawer" tabindex="-1">
<div class="menu-drawer__inner-container">
<div class="menu-drawer__navigation-container">
<nav class="menu-drawer__navigation">
<ul class="menu-drawer__menu has-submenu list-menu" role="list"><li><details id="Details-menu-drawer-menu-item-1">
<summary class="menu-drawer__menu-item list-menu__item focus-inset">
Shisha
<span data-collapsible-icon>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
id="link-Shisha"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
tabindex="-1"
>
<div class="menu-drawer__inner-submenu">
<button
class="menu-drawer__close-button focus-inset"
aria-expanded="true"
>
Shisha
</button>
<ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><details id="Details-menu-drawer-submenu-1">
<summary class="menu-drawer__menu-item list-menu__item focus-inset">
Shop by Brand
<span data-collapsible-icon>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
id="childlink-Shop by Brand"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
>
<button
class="menu-drawer__close-button focus-inset"
aria-expanded="true"
>
Shop by Brand
</button>
<ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li>
<a
href="/collections/tangiers"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Tangiers
</a>
</li><li>
<a
href="/collections/adalya-hookah-tobacco"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Adalya
</a>
</li><li>
<a
href="/collections/al-fakher"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Al Fakher
</a>
</li><li>
<a
href="/collections/azure-tobacco"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Azure
</a>
</li><li>
<a
href="/collections/banger-hookah-shisha"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Banger
</a>
</li><li>
<a
href="/collections/blackburn"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Blackburn
</a>
</li><li>
<a
href="/collections/darkside-hookah-shisha"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Darkside
</a>
</li><li>
<a
href="/collections/eternal-smoke"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Eternal Smoke
</a>
</li><li>
<a
href="/collections/fantasia-hookah-shisha"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Fantasia
</a>
</li><li>
<a
href="/collections/fumari"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Fumari
</a>
</li><li>
<a
href="/collections/musthave-tobacco"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Musthave
</a>
</li><li>
<a
href="/collections/trifecta-tobacco"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Trifecta
</a>
</li></ul>
</div>
</details></li><li><details id="Details-menu-drawer-submenu-2">
<summary class="menu-drawer__menu-item list-menu__item focus-inset">
Shop by Flavor
<span data-collapsible-icon>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
id="childlink-Shop by Flavor"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
>
<button
class="menu-drawer__close-button focus-inset"
aria-expanded="true"
>
Shop by Flavor
</button>
<ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li>
<a
href="/collections/fruit-flavored-shisha"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Fruit Flavored
</a>
</li><li>
<a
href="/collections/melon-flavored-shisha"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Melon Flavored
</a>
</li><li>
<a
href="/collections/mint-flavored-shisha"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Mint Flavored
</a>
</li><li>
<a
href="/collections/beverage-flavored-shisha"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Beverage Flavored
</a>
</li><li>
<a
href="/collections/citrus-flavored-shisha"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Citrus Flavored
</a>
</li><li>
<a
href="/collections/floral-spice-flavored-shisha"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Floral & Spice Flavored
</a>
</li></ul>
</div>
</details></li><li><details id="Details-menu-drawer-submenu-3">
<summary class="menu-drawer__menu-item list-menu__item focus-inset">
Shop by Tobacco Type
<span data-collapsible-icon>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
id="childlink-Shop by Tobacco Type"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
>
<button
class="menu-drawer__close-button focus-inset"
aria-expanded="true"
>
Shop by Tobacco Type
</button>
<ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li>
<a
href="/collections/tobacco-nicotine-free-shisha"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Tobacco/Nicotine Free
</a>
</li><li>
<a
href="/collections/blonde-leaf-shisha"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Blonde Leaf
</a>
</li><li>
<a
href="/collections/dark-leaf-shisha"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Dark Leaf
</a>
</li></ul>
</div>
</details></li><li><details id="Details-menu-drawer-submenu-4">
<summary class="menu-drawer__menu-item list-menu__item focus-inset">
Shop by Size
<span data-collapsible-icon>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
id="childlink-Shop by Size"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
>
<button
class="menu-drawer__close-button focus-inset"
aria-expanded="true"
>
Shop by Size
</button>
<ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li>
<a
href="/collections/50g-shisha"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
50g
</a>
</li><li>
<a
href="/collections/100g-shisha"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
100g
</a>
</li><li>
<a
href="/collections/125g-shisha"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
125g
</a>
</li><li>
<a
href="/collections/200g-shisha"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
200g
</a>
</li><li>
<a
href="/collections/1000g-shisha"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
1000g
</a>
</li></ul>
</div>
</details></li><li><a
href="/collections/hookah-flavor-mixes"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Flavor Mixes
</a></li><li><a
href="/collections/all-shisha"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Shop All Shisha
</a></li></ul>
</div>
</div>
</details></li><li><details id="Details-menu-drawer-menu-item-2">
<summary class="menu-drawer__menu-item list-menu__item focus-inset">
Hookahs
<span data-collapsible-icon>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
id="link-Hookahs"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
tabindex="-1"
>
<div class="menu-drawer__inner-submenu">
<button
class="menu-drawer__close-button focus-inset"
aria-expanded="true"
>
Hookahs
</button>
<ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><details id="Details-menu-drawer-submenu-1">
<summary class="menu-drawer__menu-item list-menu__item focus-inset">
Shop by Brand
<span data-collapsible-icon>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
id="childlink-Shop by Brand"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
>
<button
class="menu-drawer__close-button focus-inset"
aria-expanded="true"
>
Shop by Brand
</button>
<ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li>
<a
href="/collections/aeon-hookah-products"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Aeon
</a>
</li><li>
<a
href="/collections/alpha-hookah-products"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Alpha
</a>
</li><li>
<a
href="/collections/amotion-hookah-products"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Amotion
</a>
</li><li>
<a
href="/collections/b2-hookah-products"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
B2
</a>
</li><li>
<a
href="/collections/dsh-hookah-products"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
DSH
</a>
</li><li>
<a
href="/collections/egyptian-hookah-products"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Egyptian
</a>
</li><li>
<a
href="/collections/el-bomber-hookah-products"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
El Bomber
</a>
</li><li>
<a
href="/collections/fantasia-hookah-products"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Fantasia
</a>
</li><li>
<a
href="/collections/geometry-hookah-products"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Geometry
</a>
</li><li>
<a
href="/collections/hoob-hookah-products"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Hoob
</a>
</li><li>
<a
href="/collections/honey-sigh-hookah-products"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Honey Sigh
</a>
</li><li>
<a
href="/collections/hookah-trees-hookah-products"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Hookah Trees
</a>
</li><li>
<a
href="/collections/japona-hookah-products"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Japona
</a>
</li></ul>
</div>
</details></li><li><details id="Details-menu-drawer-submenu-2">
<summary class="menu-drawer__menu-item list-menu__item focus-inset">
Shop by Brand
<span data-collapsible-icon>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
id="childlink-Shop by Brand"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
>
<button
class="menu-drawer__close-button focus-inset"
aria-expanded="true"
>
Shop by Brand
</button>
<ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li>
<a
href="/collections/maklaud-hookah-products"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Maklaud
</a>
</li><li>
<a
href="/collections/misha-by-alpha-hookah-products"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Misha by Alpha
</a>
</li><li>
<a
href="/collections/mya-hookah-products"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Mya
</a>
</li><li>
<a
href="/collections/moze-hookah-products"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Moze
</a>
</li><li>
<a
href="/collections/na-grani-hookah-products"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Na Grani
</a>
</li><li>
<a
href="/collections/narguile-hookah-products"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Narguile
</a>
</li><li>
<a
href="/collections/oduman-hookah-products"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Oduman
</a>
</li><li>
<a
href="/collections/regal-hookah-products"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Regal
</a>
</li><li>
<a
href="/collections/shishabucks-hookah-products"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Shishabucks
</a>
</li><li>
<a
href="/collections/steamulation-hookah-products"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Steamulation
</a>
</li><li>
<a
href="/collections/union-hookah-products"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Union
</a>
</li><li>
<a
href="/collections/vyro-hookah-products"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Vyro
</a>
</li><li>
<a
href="/collections/wookah-hookah-products"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Wookah
</a>
</li></ul>
</div>
</details></li><li><details id="Details-menu-drawer-submenu-3">
<summary class="menu-drawer__menu-item list-menu__item focus-inset">
Hookahs By Price
<span data-collapsible-icon>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
id="childlink-Hookahs By Price"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
>
<button
class="menu-drawer__close-button focus-inset"
aria-expanded="true"
>
Hookahs By Price
</button>
<ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li>
<a
href="/collections/cheap-hookahs-under-150"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Cheap Hookahs (Under $150)
</a>
</li><li>
<a
href="/collections/premium-hookahs-150-300"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Premium Hookahs ($150-$300)
</a>
</li><li>
<a
href="/collections/best-hookahs-300"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Best Hookahs ($300+)
</a>
</li></ul>
</div>
</details></li><li><details id="Details-menu-drawer-submenu-4">
<summary class="menu-drawer__menu-item list-menu__item focus-inset">
Hookahs by Size
<span data-collapsible-icon>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
id="childlink-Hookahs by Size "
class="menu-drawer__submenu has-submenu gradient motion-reduce"
>
<button
class="menu-drawer__close-button focus-inset"
aria-expanded="true"
>
Hookahs by Size
</button>
<ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li>
<a
href="/collections/mini-sized-hookah"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Mini Sized Hookah
</a>
</li><li>
<a
href="/collections/small-sized-hookah"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Small Sized
</a>
</li><li>
<a
href="/collections/medium-sized-hookah"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Medium Sized
</a>
</li><li>
<a
href="/collections/large-sized-hookah"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Large Sized
</a>
</li><li>
<a
href="/collections/travel-hookah"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Travel
</a>
</li></ul>
</div>
</details></li><li><details id="Details-menu-drawer-submenu-5">
<summary class="menu-drawer__menu-item list-menu__item focus-inset">
Hookahs by Color
<span data-collapsible-icon>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
id="childlink-Hookahs by Color"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
>
<button
class="menu-drawer__close-button focus-inset"
aria-expanded="true"
>
Hookahs by Color
</button>
<ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li>
<a
href="/collections/black-hookah"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Black
</a>
</li><li>
<a
href="/collections/blue-hookah"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Blue
</a>
</li><li>
<a
href="/collections/gold-hookah"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Gold
</a>
</li><li>
<a
href="/collections/green-hookah"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Green
</a>
</li><li>
<a
href="/collections/pink-hookah"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Pink
</a>
</li><li>
<a
href="/collections/purple-hookah"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Purple
</a>
</li><li>
<a
href="/collections/white-hookah"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
White
</a>
</li></ul>
</div>
</details></li><li><details id="Details-menu-drawer-submenu-6">
<summary class="menu-drawer__menu-item list-menu__item focus-inset">
Hookah Sets / Hookah Bundles
<span data-collapsible-icon>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
id="childlink-Hookah Sets / Hookah Bundles"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
>
<button
class="menu-drawer__close-button focus-inset"
aria-expanded="true"
>
Hookah Sets / Hookah Bundles
</button>
<ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li>
<a
href="/collections/hookah-kits"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Hookah Bundles
</a>
</li><li>
<a
href="/collections/hookahs"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Shop All Hookahs
</a>
</li></ul>
</div>
</details></li></ul>
</div>
</div>
</details></li><li><details id="Details-menu-drawer-menu-item-3">
<summary class="menu-drawer__menu-item list-menu__item focus-inset">
Bowls
<span data-collapsible-icon>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
id="link-Bowls"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
tabindex="-1"
>
<div class="menu-drawer__inner-submenu">
<button
class="menu-drawer__close-button focus-inset"
aria-expanded="true"
>
Bowls
</button>
<ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><details id="Details-menu-drawer-submenu-1">
<summary class="menu-drawer__menu-item list-menu__item focus-inset">
Shop by Brand
<span data-collapsible-icon>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
id="childlink-Shop by Brand"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
>
<button
class="menu-drawer__close-button focus-inset"
aria-expanded="true"
>
Shop by Brand
</button>
<ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li>
<a
href="/collections/1010-makes"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
1010
</a>
</li><li>
<a
href="/collections/alpaca-hookah-bowls"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Alpaca
</a>
</li><li>
<a
href="/collections/alpha-hookah-bowls"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Alpha
</a>
</li><li>
<a
href="/collections/ascent-hookah-bowls"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Ascent
</a>
</li><li>
<a
href="/collections/bakkali-cornetto-hookah-bowls"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Bakkali Cornetto
</a>
</li><li>
<a
href="/collections/cyril-hookah-bowls"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Cyril
</a>
</li><li>
<a
href="/collections/fantasia-hookah-bowls"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Fantasia
</a>
</li><li>
<a
href="/collections/geometry-hookah-bowls"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Geometry
</a>
</li><li>
<a
href="/collections/hj-hookah-bowls"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
HJ
</a>
</li><li>
<a
href="/collections/japona-hookah-bowls"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Japona
</a>
</li><li>
<a
href="/collections/kong-hookah-bowls"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Kong
</a>
</li><li>
<a
href="/collections/mason-hookah-bowls"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Mason
</a>
</li><li>
<a
href="/collections/oblako-hookah-bowls"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Oblako
</a>
</li><li>
<a
href="/collections/shishabucks-hookah-bowls"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Shishabucks
</a>
</li><li>
<a
href="/collections/tangier-phunnel-hookah-bowls"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Tangier
</a>
</li><li>
<a
href="/collections/urb-bowls-hookah-bowls"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Urb Bowls
</a>
</li></ul>
</div>
</details></li><li><details id="Details-menu-drawer-submenu-2">
<summary class="menu-drawer__menu-item list-menu__item focus-inset">
Bowl Type
<span data-collapsible-icon>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
id="childlink-Bowl Type"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
>
<button
class="menu-drawer__close-button focus-inset"
aria-expanded="true"
>
Bowl Type
</button>
<ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li>
<a
href="/collections/traditional-hookah-bowls"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Traditional
</a>
</li><li>
<a
href="/collections/phunnel-hookah-bowls"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Phunnel
</a>
</li></ul>
</div>
</details></li><li><a
href="/collections/bowls"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Shop All Bowls
</a></li></ul>
</div>
</div>
</details></li><li><details id="Details-menu-drawer-menu-item-4">
<summary class="menu-drawer__menu-item list-menu__item focus-inset">
Bases
<span data-collapsible-icon>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
id="link-Bases"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
tabindex="-1"
>
<div class="menu-drawer__inner-submenu">
<button
class="menu-drawer__close-button focus-inset"
aria-expanded="true"
>
Bases
</button>
<ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><details id="Details-menu-drawer-submenu-1">
<summary class="menu-drawer__menu-item list-menu__item focus-inset">
Shop by Brand
<span data-collapsible-icon>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
id="childlink-Shop by Brand"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
>
<button
class="menu-drawer__close-button focus-inset"
aria-expanded="true"
>
Shop by Brand
</button>
<ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li>
<a
href="/collections/big-maks-hookah-bases"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Big Maks
</a>
</li><li>
<a
href="/collections/boho-hookah-bases"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Boho
</a>
</li><li>
<a
href="/collections/caesar-hookah-bases"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Caesar
</a>
</li><li>
<a
href="/collections/cyril-hookah-hookah-bases"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Cyril
</a>
</li><li>
<a
href="/collections/egermann-hookah-bases"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Egermann
</a>
</li></ul>
</div>
</details></li><li><a
href="/collections/hookah-bases"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Shop All Bases
</a></li></ul>
</div>
</div>
</details></li><li><details id="Details-menu-drawer-menu-item-5">
<summary class="menu-drawer__menu-item list-menu__item focus-inset">
Coals
<span data-collapsible-icon>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
id="link-Coals"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
tabindex="-1"
>
<div class="menu-drawer__inner-submenu">
<button
class="menu-drawer__close-button focus-inset"
aria-expanded="true"
>
Coals
</button>
<ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><details id="Details-menu-drawer-submenu-1">
<summary class="menu-drawer__menu-item list-menu__item focus-inset">
Shop by Brand
<span data-collapsible-icon>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
id="childlink-Shop by Brand"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
>
<button
class="menu-drawer__close-button focus-inset"
aria-expanded="true"
>
Shop by Brand
</button>
<ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li>
<a
href="/collections/arka-hookah-coals"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Arka
</a>
</li><li>
<a
href="/collections/black-cocos"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Black Coco's
</a>
</li><li>
<a
href="/collections/cocourth"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Cocourth
</a>
</li><li>
<a
href="/collections/coco-nara-hookah-coals"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Coco Nara
</a>
</li><li>
<a
href="/collections/fantasia-hookah-coals"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Fantasia
</a>
</li><li>
<a
href="/collections/le-orange-hookah-coals"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Le Orange
</a>
</li><li>
<a
href="/collections/qoco-turbo-hookah-coals"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Qoco Turbo
</a>
</li><li>
<a
href="/collections/shaman-hookah-coals"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Shaman
</a>
</li><li>
<a
href="/collections/superior-coco-hookah-coals"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Superior Coco
</a>
</li><li>
<a
href="/collections/tangiers-hookah-coals"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Tangiers
</a>
</li><li>
<a
href="/collections/titanium-hookah-coals"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Titanium
</a>
</li><li>
<a
href="/collections/three-kings-hookah-coals"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Three Kings
</a>
</li></ul>
</div>
</details></li><li><details id="Details-menu-drawer-submenu-2">
<summary class="menu-drawer__menu-item list-menu__item focus-inset">
Coal Type
<span data-collapsible-icon>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
id="childlink-Coal Type"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
>
<button
class="menu-drawer__close-button focus-inset"
aria-expanded="true"
>
Coal Type
</button>
<ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li>
<a
href="/collections/coconut-hookah-coals"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Coconut
</a>
</li><li>
<a
href="/collections/easy-light-hookah-coals"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Easy Light
</a>
</li><li>
<a
href="/collections/quick-light-hookah-coals"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Quick Light
</a>
</li></ul>
</div>
</details></li><li><a
href="/collections/hookah-coals"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Shop All Coals
</a></li></ul>
</div>
</div>
</details></li><li><details id="Details-menu-drawer-menu-item-6">
<summary class="menu-drawer__menu-item list-menu__item focus-inset">
Accessories
<span data-collapsible-icon>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
id="link-Accessories"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
tabindex="-1"
>
<div class="menu-drawer__inner-submenu">
<button
class="menu-drawer__close-button focus-inset"
aria-expanded="true"
>
Accessories
</button>
<ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><details id="Details-menu-drawer-submenu-1">
<summary class="menu-drawer__menu-item list-menu__item focus-inset">
Accessories
<span data-collapsible-icon>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
id="childlink-Accessories"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
>
<button
class="menu-drawer__close-button focus-inset"
aria-expanded="true"
>
Accessories
</button>
<ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li>
<a
href="/collections/bags"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Bags
</a>
</li><li>
<a
href="/collections/coal-burners"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Coal Burners
</a>
</li><li>
<a
href="/collections/coal-carriers"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Coal Carriers
</a>
</li><li>
<a
href="/collections/forks"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Forks
</a>
</li><li>
<a
href="/collections/heat-management"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Heat Management
</a>
</li><li>
<a
href="/collections/mats"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Mats
</a>
</li><li>
<a
href="/collections/molasses-catcher"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Molasses Catcher
</a>
</li><li>
<a
href="/collections/pokers"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Pokers
</a>
</li><li>
<a
href="/collections/tongs"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Tongs
</a>
</li><li>
<a
href="/collections/merchandise"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Merchandise
</a>
</li></ul>
</div>
</details></li></ul>
</div>
</div>
</details></li><li><details id="Details-menu-drawer-menu-item-7">
<summary class="menu-drawer__menu-item list-menu__item focus-inset">
Parts
<span data-collapsible-icon>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
id="link-Parts"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
tabindex="-1"
>
<div class="menu-drawer__inner-submenu">
<button
class="menu-drawer__close-button focus-inset"
aria-expanded="true"
>
Parts
</button>
<ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><details id="Details-menu-drawer-submenu-1">
<summary class="menu-drawer__menu-item list-menu__item focus-inset">
Parts
<span data-collapsible-icon>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
id="childlink-Parts"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
>
<button
class="menu-drawer__close-button focus-inset"
aria-expanded="true"
>
Parts
</button>
<ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li>
<a
href="/collections/diffusers"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Diffusers
</a>
</li><li>
<a
href="/collections/hose-adapter"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Hose Adapter
</a>
</li><li>
<a
href="/collections/hoses"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Hoses
</a>
</li><li>
<a
href="/collections/hoses-spring"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Hose Springs
</a>
</li><li>
<a
href="/collections/mouth-pieces"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Mouth Pieces
</a>
</li><li>
<a
href="/collections/purge-balls"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Purge Balls
</a>
</li><li>
<a
href="/collections/trays"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Trays
</a>
</li></ul>
</div>
</details></li></ul>
</div>
</div>
</details></li><li><details id="Details-menu-drawer-menu-item-8">
<summary class="menu-drawer__menu-item list-menu__item focus-inset">
Supplies
<span data-collapsible-icon>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
id="link-Supplies"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
tabindex="-1"
>
<div class="menu-drawer__inner-submenu">
<button
class="menu-drawer__close-button focus-inset"
aria-expanded="true"
>
Supplies
</button>
<ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><details id="Details-menu-drawer-submenu-1">
<summary class="menu-drawer__menu-item list-menu__item focus-inset">
Supplies
<span data-collapsible-icon>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
id="childlink-Supplies"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
>
<button
class="menu-drawer__close-button focus-inset"
aria-expanded="true"
>
Supplies
</button>
<ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li>
<a
href="/collections/cleaning-supplies"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Cleaning Supplies
</a>
</li><li>
<a
href="/collections/containers"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Containers
</a>
</li><li>
<a
href="/collections/foil"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Foil
</a>
</li><li>
<a
href="/collections/grommets"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Grommets
</a>
</li><li>
<a
href="/collections/mouth-tips"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Mouth Tips
</a>
</li></ul>
</div>
</details></li></ul>
</div>
</div>
</details></li><li><a
href="/collections/sale"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Sale
</a></li><li><details id="Details-menu-drawer-menu-item-10">
<summary class="menu-drawer__menu-item list-menu__item focus-inset">
Subscriptions
<span data-collapsible-icon>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
id="link-Subscriptions"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
tabindex="-1"
>
<div class="menu-drawer__inner-submenu">
<button
class="menu-drawer__close-button focus-inset"
aria-expanded="true"
>
Subscriptions
</button>
<ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><a
href="/pages/subscriptions"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
How it Works
</a></li><li><a
href="/collections/hookah-subscriptions"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Hookah Subscriptions
</a></li></ul>
</div>
</div>
</details></li></ul>
</nav>
<div class="f-mobile-nav__addons">
<a class="f-mobile-nav__addons-user-link btn btn--primary w-full" href="https://shopify.com/60340568199/account?locale=en®ion_country=US">
<span>Log in</span>
</a>
<ul class="social-links flex items-center list-none flex-wrap justify-center">
<li class="social-links__link">
<a href="https://www.facebook.com/HookahVault/" title="Facebook">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon-setting icon-settings--medium f-icon--medium " viewBox="0 0 17 16">
<path d="M14.6875 0.0429688C15.1562 0.0429688 15.5547 0.207031 15.8828 0.535156C16.2109 0.863281 16.375 1.26172 16.375 1.73047V14.1055C16.375 14.5742 16.2109 14.9727 15.8828 15.3008C15.5547 15.6289 15.1562 15.793 14.6875 15.793H9.87109V10.4492H11.9102L12.2969 7.91797H9.87109V6.26562C9.87109 5.375 10.3398 4.92969 11.2773 4.92969H12.3672V2.78516C11.7109 2.66797 11.0664 2.60938 10.4336 2.60938C9.75391 2.60938 9.16797 2.73828 8.67578 2.99609C8.20703 3.25391 7.83203 3.64062 7.55078 4.15625C7.26953 4.67188 7.12891 5.28125 7.12891 5.98438V7.91797H4.91406V10.4492H7.12891V15.793H2.3125C1.84375 15.793 1.44531 15.6289 1.11719 15.3008C0.789062 14.9727 0.625 14.5742 0.625 14.1055V1.73047C0.625 1.26172 0.789062 0.863281 1.11719 0.535156C1.44531 0.207031 1.84375 0.0429688 2.3125 0.0429688H14.6875Z" fill="currentColor"/>
</svg>
<span class="visually-hidden">Facebook</span>
</a>
</li>
<li class="social-links__link">
<a href="http://instagram.com/thehookahvault" title="Instagram">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon-setting f-icon--medium " viewBox="0 0 18 18">
<path fill="currentColor" d="M8.77 1.58c2.34 0 2.62.01 3.54.05.86.04 1.32.18 1.63.3.41.17.7.35 1.01.66.3.3.5.6.65 1 .12.32.27.78.3 1.64.05.92.06 1.2.06 3.54s-.01 2.62-.05 3.54a4.79 4.79 0 01-.3 1.63c-.17.41-.35.7-.66 1.01-.3.3-.6.5-1.01.66-.31.12-.77.26-1.63.3-.92.04-1.2.05-3.54.05s-2.62 0-3.55-.05a4.79 4.79 0 01-1.62-.3c-.42-.16-.7-.35-1.01-.66-.31-.3-.5-.6-.66-1a4.87 4.87 0 01-.3-1.64c-.04-.92-.05-1.2-.05-3.54s0-2.62.05-3.54c.04-.86.18-1.32.3-1.63.16-.41.35-.7.66-1.01.3-.3.6-.5 1-.65.32-.12.78-.27 1.63-.3.93-.05 1.2-.06 3.55-.06zm0-1.58C6.39 0 6.09.01 5.15.05c-.93.04-1.57.2-2.13.4-.57.23-1.06.54-1.55 1.02C1 1.96.7 2.45.46 3.02c-.22.56-.37 1.2-.4 2.13C0 6.1 0 6.4 0 8.77s.01 2.68.05 3.61c.04.94.2 1.57.4 2.13.23.58.54 1.07 1.02 1.56.49.48.98.78 1.55 1.01.56.22 1.2.37 2.13.4.94.05 1.24.06 3.62.06 2.39 0 2.68-.01 3.62-.05.93-.04 1.57-.2 2.13-.41a4.27 4.27 0 001.55-1.01c.49-.49.79-.98 1.01-1.56.22-.55.37-1.19.41-2.13.04-.93.05-1.23.05-3.61 0-2.39 0-2.68-.05-3.62a6.47 6.47 0 00-.4-2.13 4.27 4.27 0 00-1.02-1.55A4.35 4.35 0 0014.52.46a6.43 6.43 0 00-2.13-.41A69 69 0 008.77 0z"/>
<path fill="currentColor" d="M8.8 4a4.5 4.5 0 100 9 4.5 4.5 0 000-9zm0 7.43a2.92 2.92 0 110-5.85 2.92 2.92 0 010 5.85zM13.43 5a1.05 1.05 0 100-2.1 1.05 1.05 0 000 2.1z">
</svg>
<span class="visually-hidden">Instagram</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</details>
</div>
</noscript>
<h1 class="site-logo with-mobile with-transparent with-dropdown-hover" style="--logo-width: 150px; --logo-mobile-width: 80px">
<a href="/" class=" site-logo__img" title="Hookah Vault">
<div class="site-logos--normal">
<div class="site-logo--image site-logo--default site-logo--desktop">
<img src="//www.hookahvault.com/cdn/shop/files/Hookah-Vault-Icon.png?v=1720126778&width=500" alt="Hookah Vault" srcset="//www.hookahvault.com/cdn/shop/files/Hookah-Vault-Icon.png?v=1720126778&width=50 50w, //www.hookahvault.com/cdn/shop/files/Hookah-Vault-Icon.png?v=1720126778&width=100 100w, //www.hookahvault.com/cdn/shop/files/Hookah-Vault-Icon.png?v=1720126778&width=150 150w, //www.hookahvault.com/cdn/shop/files/Hookah-Vault-Icon.png?v=1720126778&width=200 200w, //www.hookahvault.com/cdn/shop/files/Hookah-Vault-Icon.png?v=1720126778&width=250 250w, //www.hookahvault.com/cdn/shop/files/Hookah-Vault-Icon.png?v=1720126778&width=300 300w, //www.hookahvault.com/cdn/shop/files/Hookah-Vault-Icon.png?v=1720126778&width=400 400w, //www.hookahvault.com/cdn/shop/files/Hookah-Vault-Icon.png?v=1720126778&width=500 500w" width="150" height="90" sizes="150px">
</div>
<div class="site-logo--image site-logo--mobile hidden md-down:block">
<img src="//www.hookahvault.com/cdn/shop/files/Hookah-Vault-Icon.png?v=1720126778&width=300" alt="Hookah Vault" srcset="//www.hookahvault.com/cdn/shop/files/Hookah-Vault-Icon.png?v=1720126778&width=50 50w, //www.hookahvault.com/cdn/shop/files/Hookah-Vault-Icon.png?v=1720126778&width=100 100w, //www.hookahvault.com/cdn/shop/files/Hookah-Vault-Icon.png?v=1720126778&width=150 150w, //www.hookahvault.com/cdn/shop/files/Hookah-Vault-Icon.png?v=1720126778&width=200 200w, //www.hookahvault.com/cdn/shop/files/Hookah-Vault-Icon.png?v=1720126778&width=250 250w, //www.hookahvault.com/cdn/shop/files/Hookah-Vault-Icon.png?v=1720126778&width=300 300w" width="150" height="90" sizes="150px">
</div>
<div class="site-logo--image site-logo--transparent">
<img src="//www.hookahvault.com/cdn/shop/files/Hookah-Vault-Ic-Wt.png?v=1720126878&width=500" alt="Hookah Vault" srcset="//www.hookahvault.com/cdn/shop/files/Hookah-Vault-Ic-Wt.png?v=1720126878&width=50 50w, //www.hookahvault.com/cdn/shop/files/Hookah-Vault-Ic-Wt.png?v=1720126878&width=100 100w, //www.hookahvault.com/cdn/shop/files/Hookah-Vault-Ic-Wt.png?v=1720126878&width=150 150w, //www.hookahvault.com/cdn/shop/files/Hookah-Vault-Ic-Wt.png?v=1720126878&width=200 200w, //www.hookahvault.com/cdn/shop/files/Hookah-Vault-Ic-Wt.png?v=1720126878&width=250 250w, //www.hookahvault.com/cdn/shop/files/Hookah-Vault-Ic-Wt.png?v=1720126878&width=300 300w, //www.hookahvault.com/cdn/shop/files/Hookah-Vault-Ic-Wt.png?v=1720126878&width=400 400w, //www.hookahvault.com/cdn/shop/files/Hookah-Vault-Ic-Wt.png?v=1720126878&width=500 500w" width="150" height="90" sizes="150px">
</div>
</div>
<div class="site-logos--hover">
<div class="site-logo--image site-logo--dropdown">
<img src="//www.hookahvault.com/cdn/shop/files/Hookah-Vault-Icon.png?v=1720126778&width=500" alt="Hookah Vault" srcset="//www.hookahvault.com/cdn/shop/files/Hookah-Vault-Icon.png?v=1720126778&width=50 50w, //www.hookahvault.com/cdn/shop/files/Hookah-Vault-Icon.png?v=1720126778&width=100 100w, //www.hookahvault.com/cdn/shop/files/Hookah-Vault-Icon.png?v=1720126778&width=150 150w, //www.hookahvault.com/cdn/shop/files/Hookah-Vault-Icon.png?v=1720126778&width=200 200w, //www.hookahvault.com/cdn/shop/files/Hookah-Vault-Icon.png?v=1720126778&width=250 250w, //www.hookahvault.com/cdn/shop/files/Hookah-Vault-Icon.png?v=1720126778&width=300 300w, //www.hookahvault.com/cdn/shop/files/Hookah-Vault-Icon.png?v=1720126778&width=400 400w, //www.hookahvault.com/cdn/shop/files/Hookah-Vault-Icon.png?v=1720126778&width=500 500w" width="150" height="90" sizes="150px">
</div>
</div>
</a>
</h1>
</div>
<div class="site-header__center site-header__menu hidden lg:flex">
<site-nav class="f-site-nav lg-down:hidden f-site-nav--space-sm">
<ul class="f-site-nav__list list-none" role="list">
<li class="f-site-nav__item f-site-nav__item--has-child f-site-nav__item--mega" data-index="0">
<a href="/pages/hookah-shisha" class="f-site-nav__link focus-inset">
<span>Shisha</span><span class="f-site-nav__arrow no-js-hidden"><svg class="f-icon--small" stroke-width="1" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.54204 2.55806C8.78612 2.80214 8.78612 3.19786 8.54204 3.44194L4.94242 7.04156C4.82521 7.15877 4.66586 7.225 4.5001 7.225C4.33434 7.225 4.17537 7.15915 4.05816 7.04194L0.458157 3.44194C0.214079 3.19786 0.214079 2.80214 0.458157 2.55806C0.702234 2.31398 1.09796 2.31398 1.34204 2.55806L4.5001 5.71612L7.65816 2.55806C7.90223 2.31398 8.29796 2.31398 8.54204 2.55806Z" fill="currentColor"/>
</svg>
</span></a>
<div class="f-site-nav__dropdown f-site-nav__dropdown--level2 color-background-1 no-js-hidden f-site-nav__dropdown--mega" tabindex="-1">
<div class="container-fluid">
<div class="f-site-nav__dropdown-inner">
<ul class="list-none w-full f-grid f-grid-3-cols" role="list" tabindex="-1">
<li class="f-site-nav__sub-item f-site-nav__sub-item--has-child">
<a href="/collections/all-shisha" class="f-site-nav__sub-link focus-inset no-js-hidden"><span>Shop by Brand</span> <span class="f-site-nav__arrow"><svg class="f-icon--small" stroke-width="1" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.54204 2.55806C8.78612 2.80214 8.78612 3.19786 8.54204 3.44194L4.94242 7.04156C4.82521 7.15877 4.66586 7.225 4.5001 7.225C4.33434 7.225 4.17537 7.15915 4.05816 7.04194L0.458157 3.44194C0.214079 3.19786 0.214079 2.80214 0.458157 2.55806C0.702234 2.31398 1.09796 2.31398 1.34204 2.55806L4.5001 5.71612L7.65816 2.55806C7.90223 2.31398 8.29796 2.31398 8.54204 2.55806Z" fill="currentColor"/>
</svg>
</span></a>
<div id="HeaderMenu-SubMenuList-1" class="f-site-nav__dropdown f-site-nav__dropdown--level3 " tabindex="-1">
<ul class="list-none" role="list" tabindex="-1">
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/tangiers" class="f-site-nav__sub-link focus-inset">
<span>Tangiers</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/adalya-hookah-tobacco" class="f-site-nav__sub-link focus-inset">
<span>Adalya</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/al-fakher" class="f-site-nav__sub-link focus-inset">
<span>Al Fakher</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/azure-tobacco" class="f-site-nav__sub-link focus-inset">
<span>Azure</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/banger-hookah-shisha" class="f-site-nav__sub-link focus-inset">
<span>Banger</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/blackburn" class="f-site-nav__sub-link focus-inset">
<span>Blackburn</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/darkside-hookah-shisha" class="f-site-nav__sub-link focus-inset">
<span>Darkside</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/eternal-smoke" class="f-site-nav__sub-link focus-inset">
<span>Eternal Smoke</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/fantasia-hookah-shisha" class="f-site-nav__sub-link focus-inset">
<span>Fantasia</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/fumari" class="f-site-nav__sub-link focus-inset">
<span>Fumari</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/musthave-tobacco" class="f-site-nav__sub-link focus-inset">
<span>Musthave</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/trifecta-tobacco" class="f-site-nav__sub-link focus-inset">
<span>Trifecta</span>
</a>
</li>
</ul>
</div>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--has-child">
<a href="/collections/all-shisha" class="f-site-nav__sub-link focus-inset no-js-hidden"><span>Shop by Flavor</span> <span class="f-site-nav__arrow"><svg class="f-icon--small" stroke-width="1" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.54204 2.55806C8.78612 2.80214 8.78612 3.19786 8.54204 3.44194L4.94242 7.04156C4.82521 7.15877 4.66586 7.225 4.5001 7.225C4.33434 7.225 4.17537 7.15915 4.05816 7.04194L0.458157 3.44194C0.214079 3.19786 0.214079 2.80214 0.458157 2.55806C0.702234 2.31398 1.09796 2.31398 1.34204 2.55806L4.5001 5.71612L7.65816 2.55806C7.90223 2.31398 8.29796 2.31398 8.54204 2.55806Z" fill="currentColor"/>
</svg>
</span></a>
<div id="HeaderMenu-SubMenuList-2" class="f-site-nav__dropdown f-site-nav__dropdown--level3 " tabindex="-1">
<ul class="list-none" role="list" tabindex="-1">
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/fruit-flavored-shisha" class="f-site-nav__sub-link focus-inset">
<span>Fruit Flavored</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/melon-flavored-shisha" class="f-site-nav__sub-link focus-inset">
<span>Melon Flavored</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/mint-flavored-shisha" class="f-site-nav__sub-link focus-inset">
<span>Mint Flavored</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/beverage-flavored-shisha" class="f-site-nav__sub-link focus-inset">
<span>Beverage Flavored</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/citrus-flavored-shisha" class="f-site-nav__sub-link focus-inset">
<span>Citrus Flavored</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/floral-spice-flavored-shisha" class="f-site-nav__sub-link focus-inset">
<span>Floral & Spice Flavored</span>
</a>
</li>
</ul>
</div>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--has-child">
<a href="/collections/all-shisha" class="f-site-nav__sub-link focus-inset no-js-hidden"><span>Shop by Tobacco Type</span> <span class="f-site-nav__arrow"><svg class="f-icon--small" stroke-width="1" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.54204 2.55806C8.78612 2.80214 8.78612 3.19786 8.54204 3.44194L4.94242 7.04156C4.82521 7.15877 4.66586 7.225 4.5001 7.225C4.33434 7.225 4.17537 7.15915 4.05816 7.04194L0.458157 3.44194C0.214079 3.19786 0.214079 2.80214 0.458157 2.55806C0.702234 2.31398 1.09796 2.31398 1.34204 2.55806L4.5001 5.71612L7.65816 2.55806C7.90223 2.31398 8.29796 2.31398 8.54204 2.55806Z" fill="currentColor"/>
</svg>
</span></a>
<div id="HeaderMenu-SubMenuList-3" class="f-site-nav__dropdown f-site-nav__dropdown--level3 " tabindex="-1">
<ul class="list-none" role="list" tabindex="-1">
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/tobacco-nicotine-free-shisha" class="f-site-nav__sub-link focus-inset">
<span>Tobacco/Nicotine Free</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/blonde-leaf-shisha" class="f-site-nav__sub-link focus-inset">
<span>Blonde Leaf</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/dark-leaf-shisha" class="f-site-nav__sub-link focus-inset">
<span>Dark Leaf</span>
</a>
</li>
</ul>
</div>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--has-child">
<a href="/collections/all-shisha" class="f-site-nav__sub-link focus-inset no-js-hidden"><span>Shop by Size</span> <span class="f-site-nav__arrow"><svg class="f-icon--small" stroke-width="1" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.54204 2.55806C8.78612 2.80214 8.78612 3.19786 8.54204 3.44194L4.94242 7.04156C4.82521 7.15877 4.66586 7.225 4.5001 7.225C4.33434 7.225 4.17537 7.15915 4.05816 7.04194L0.458157 3.44194C0.214079 3.19786 0.214079 2.80214 0.458157 2.55806C0.702234 2.31398 1.09796 2.31398 1.34204 2.55806L4.5001 5.71612L7.65816 2.55806C7.90223 2.31398 8.29796 2.31398 8.54204 2.55806Z" fill="currentColor"/>
</svg>
</span></a>
<div id="HeaderMenu-SubMenuList-4" class="f-site-nav__dropdown f-site-nav__dropdown--level3 " tabindex="-1">
<ul class="list-none" role="list" tabindex="-1">
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/50g-shisha" class="f-site-nav__sub-link focus-inset">
<span>50g</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/100g-shisha" class="f-site-nav__sub-link focus-inset">
<span>100g</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/125g-shisha" class="f-site-nav__sub-link focus-inset">
<span>125g </span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/200g-shisha" class="f-site-nav__sub-link focus-inset">
<span>200g</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/1000g-shisha" class="f-site-nav__sub-link focus-inset">
<span>1000g</span>
</a>
</li>
</ul>
</div>
</li>
<li class="f-site-nav__sub-item">
<a href="/collections/hookah-flavor-mixes" class="f-site-nav__sub-link focus-inset no-js-hidden"><span>Flavor Mixes</span></a>
</li>
<li class="f-site-nav__sub-item">
<a href="/collections/all-shisha" class="f-site-nav__sub-link focus-inset no-js-hidden"><span>Shop All Shisha</span></a>
</li>
</ul>
<div id="Image-list-custom_4dm8TL" class="f-site-nav__mega-addon f-site-nav__mega-addon--collection w-full" style="--max-width: 35%;">
<div class="w-full f-grid f-site-nav__mega-addon--wrapper" style="gap: 3rem;">
<div class="f-column">
<div class="f-custom-card f-custom-card--inside color-background-1 f-image-hover-effect__zoom">
<a
title="Shisha"
href="/collections/all-shisha"
class="collection-card__wrapper">
<div class="f-custom-card__image f-card overflow-hidden">
<responsive-image data-index="" class="f-image collection-card__image" data-image-loading style="--aspect-ratio: 1.0;">
<img
srcset="//www.hookahvault.com/cdn/shop/files/tangiers-hookah-shisha_d6e29783-81b1-47fa-b54c-0a9bb91246aa.jpg?v=1722367925&width=165 165w,//www.hookahvault.com/cdn/shop/files/tangiers-hookah-shisha_d6e29783-81b1-47fa-b54c-0a9bb91246aa.jpg?v=1722367925&width=360 360w,//www.hookahvault.com/cdn/shop/files/tangiers-hookah-shisha_d6e29783-81b1-47fa-b54c-0a9bb91246aa.jpg?v=1722367925&width=533 533w,//www.hookahvault.com/cdn/shop/files/tangiers-hookah-shisha_d6e29783-81b1-47fa-b54c-0a9bb91246aa.jpg?v=1722367925&width=720 720w,//www.hookahvault.com/cdn/shop/files/tangiers-hookah-shisha_d6e29783-81b1-47fa-b54c-0a9bb91246aa.jpg?v=1722367925&width=940 940w,//www.hookahvault.com/cdn/shop/files/tangiers-hookah-shisha_d6e29783-81b1-47fa-b54c-0a9bb91246aa.jpg?v=1722367925&width=1066 1066w,//www.hookahvault.com/cdn/shop/files/tangiers-hookah-shisha_d6e29783-81b1-47fa-b54c-0a9bb91246aa.jpg?v=1722367925 1080w"
src="//www.hookahvault.com/cdn/shop/files/tangiers-hookah-shisha_d6e29783-81b1-47fa-b54c-0a9bb91246aa.jpg?v=1722367925&width=360"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt=""
loading="lazy"
fetchpriority="low"
class=""
width="1080"
height="1080"
>
</responsive-image>
</div>
<div class="f-custom-card__info flex flex-col items-start justify-end text-left">
<h3 class="f-custom-card__heading text-current h3">Shisha</h3>
<button class="btn btn--primary">Shop now</button>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="f-site-nav__item f-site-nav__item--has-child f-site-nav__item--mega" data-index="1">
<a href="/pages/hookahs" class="f-site-nav__link focus-inset">
<span>Hookahs</span><span class="f-site-nav__arrow no-js-hidden"><svg class="f-icon--small" stroke-width="1" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.54204 2.55806C8.78612 2.80214 8.78612 3.19786 8.54204 3.44194L4.94242 7.04156C4.82521 7.15877 4.66586 7.225 4.5001 7.225C4.33434 7.225 4.17537 7.15915 4.05816 7.04194L0.458157 3.44194C0.214079 3.19786 0.214079 2.80214 0.458157 2.55806C0.702234 2.31398 1.09796 2.31398 1.34204 2.55806L4.5001 5.71612L7.65816 2.55806C7.90223 2.31398 8.29796 2.31398 8.54204 2.55806Z" fill="currentColor"/>
</svg>
</span></a>
<div class="f-site-nav__dropdown f-site-nav__dropdown--level2 color-background-1 no-js-hidden f-site-nav__dropdown--mega" tabindex="-1">
<div class="container-fluid">
<div class="f-site-nav__dropdown-inner">
<ul class="list-none w-full f-grid f-grid-3-cols" role="list" tabindex="-1">
<li class="f-site-nav__sub-item f-site-nav__sub-item--has-child">
<a href="/collections/hookahs" class="f-site-nav__sub-link focus-inset no-js-hidden"><span>Shop by Brand</span> <span class="f-site-nav__arrow"><svg class="f-icon--small" stroke-width="1" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.54204 2.55806C8.78612 2.80214 8.78612 3.19786 8.54204 3.44194L4.94242 7.04156C4.82521 7.15877 4.66586 7.225 4.5001 7.225C4.33434 7.225 4.17537 7.15915 4.05816 7.04194L0.458157 3.44194C0.214079 3.19786 0.214079 2.80214 0.458157 2.55806C0.702234 2.31398 1.09796 2.31398 1.34204 2.55806L4.5001 5.71612L7.65816 2.55806C7.90223 2.31398 8.29796 2.31398 8.54204 2.55806Z" fill="currentColor"/>
</svg>
</span></a>
<div id="HeaderMenu-SubMenuList-1" class="f-site-nav__dropdown f-site-nav__dropdown--level3 " tabindex="-1">
<ul class="list-none" role="list" tabindex="-1">
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/aeon-hookah-products" class="f-site-nav__sub-link focus-inset">
<span>Aeon</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/alpha-hookah-products" class="f-site-nav__sub-link focus-inset">
<span>Alpha</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/amotion-hookah-products" class="f-site-nav__sub-link focus-inset">
<span>Amotion </span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/b2-hookah-products" class="f-site-nav__sub-link focus-inset">
<span>B2 </span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/dsh-hookah-products" class="f-site-nav__sub-link focus-inset">
<span>DSH </span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/egyptian-hookah-products" class="f-site-nav__sub-link focus-inset">
<span>Egyptian </span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/el-bomber-hookah-products" class="f-site-nav__sub-link focus-inset">
<span>El Bomber</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/fantasia-hookah-products" class="f-site-nav__sub-link focus-inset">
<span>Fantasia</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/geometry-hookah-products" class="f-site-nav__sub-link focus-inset">
<span>Geometry</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/hoob-hookah-products" class="f-site-nav__sub-link focus-inset">
<span>Hoob</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/honey-sigh-hookah-products" class="f-site-nav__sub-link focus-inset">
<span>Honey Sigh</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/hookah-trees-hookah-products" class="f-site-nav__sub-link focus-inset">
<span>Hookah Trees</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/japona-hookah-products" class="f-site-nav__sub-link focus-inset">
<span>Japona</span>
</a>
</li>
</ul>
</div>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--has-child">
<a href="/collections/hookahs" class="f-site-nav__sub-link focus-inset no-js-hidden"><span>Shop by Brand</span> <span class="f-site-nav__arrow"><svg class="f-icon--small" stroke-width="1" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.54204 2.55806C8.78612 2.80214 8.78612 3.19786 8.54204 3.44194L4.94242 7.04156C4.82521 7.15877 4.66586 7.225 4.5001 7.225C4.33434 7.225 4.17537 7.15915 4.05816 7.04194L0.458157 3.44194C0.214079 3.19786 0.214079 2.80214 0.458157 2.55806C0.702234 2.31398 1.09796 2.31398 1.34204 2.55806L4.5001 5.71612L7.65816 2.55806C7.90223 2.31398 8.29796 2.31398 8.54204 2.55806Z" fill="currentColor"/>
</svg>
</span></a>
<div id="HeaderMenu-SubMenuList-2" class="f-site-nav__dropdown f-site-nav__dropdown--level3 " tabindex="-1">
<ul class="list-none" role="list" tabindex="-1">
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/maklaud-hookah-products" class="f-site-nav__sub-link focus-inset">
<span>Maklaud</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/misha-by-alpha-hookah-products" class="f-site-nav__sub-link focus-inset">
<span>Misha by Alpha</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/mya-hookah-products" class="f-site-nav__sub-link focus-inset">
<span>Mya</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/moze-hookah-products" class="f-site-nav__sub-link focus-inset">
<span>Moze</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/na-grani-hookah-products" class="f-site-nav__sub-link focus-inset">
<span>Na Grani </span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/narguile-hookah-products" class="f-site-nav__sub-link focus-inset">
<span>Narguile</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/oduman-hookah-products" class="f-site-nav__sub-link focus-inset">
<span>Oduman</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/regal-hookah-products" class="f-site-nav__sub-link focus-inset">
<span>Regal</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/shishabucks-hookah-products" class="f-site-nav__sub-link focus-inset">
<span>Shishabucks</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/steamulation-hookah-products" class="f-site-nav__sub-link focus-inset">
<span>Steamulation</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/union-hookah-products" class="f-site-nav__sub-link focus-inset">
<span>Union</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/vyro-hookah-products" class="f-site-nav__sub-link focus-inset">
<span>Vyro</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/wookah-hookah-products" class="f-site-nav__sub-link focus-inset">
<span>Wookah</span>
</a>
</li>
</ul>
</div>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--has-child">
<a href="/collections/hookahs" class="f-site-nav__sub-link focus-inset no-js-hidden"><span>Hookahs By Price</span> <span class="f-site-nav__arrow"><svg class="f-icon--small" stroke-width="1" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.54204 2.55806C8.78612 2.80214 8.78612 3.19786 8.54204 3.44194L4.94242 7.04156C4.82521 7.15877 4.66586 7.225 4.5001 7.225C4.33434 7.225 4.17537 7.15915 4.05816 7.04194L0.458157 3.44194C0.214079 3.19786 0.214079 2.80214 0.458157 2.55806C0.702234 2.31398 1.09796 2.31398 1.34204 2.55806L4.5001 5.71612L7.65816 2.55806C7.90223 2.31398 8.29796 2.31398 8.54204 2.55806Z" fill="currentColor"/>
</svg>
</span></a>
<div id="HeaderMenu-SubMenuList-3" class="f-site-nav__dropdown f-site-nav__dropdown--level3 " tabindex="-1">
<ul class="list-none" role="list" tabindex="-1">
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/cheap-hookahs-under-150" class="f-site-nav__sub-link focus-inset">
<span>Cheap Hookahs (Under $150)</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/premium-hookahs-150-300" class="f-site-nav__sub-link focus-inset">
<span>Premium Hookahs ($150-$300)</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/best-hookahs-300" class="f-site-nav__sub-link focus-inset">
<span>Best Hookahs ($300+)</span>
</a>
</li>
</ul>
</div>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--has-child">
<a href="/collections/hookahs" class="f-site-nav__sub-link focus-inset no-js-hidden"><span>Hookahs by Size </span> <span class="f-site-nav__arrow"><svg class="f-icon--small" stroke-width="1" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.54204 2.55806C8.78612 2.80214 8.78612 3.19786 8.54204 3.44194L4.94242 7.04156C4.82521 7.15877 4.66586 7.225 4.5001 7.225C4.33434 7.225 4.17537 7.15915 4.05816 7.04194L0.458157 3.44194C0.214079 3.19786 0.214079 2.80214 0.458157 2.55806C0.702234 2.31398 1.09796 2.31398 1.34204 2.55806L4.5001 5.71612L7.65816 2.55806C7.90223 2.31398 8.29796 2.31398 8.54204 2.55806Z" fill="currentColor"/>
</svg>
</span></a>
<div id="HeaderMenu-SubMenuList-4" class="f-site-nav__dropdown f-site-nav__dropdown--level3 " tabindex="-1">
<ul class="list-none" role="list" tabindex="-1">
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/mini-sized-hookah" class="f-site-nav__sub-link focus-inset">
<span>Mini Sized Hookah</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/small-sized-hookah" class="f-site-nav__sub-link focus-inset">
<span>Small Sized</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/medium-sized-hookah" class="f-site-nav__sub-link focus-inset">
<span>Medium Sized</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/large-sized-hookah" class="f-site-nav__sub-link focus-inset">
<span>Large Sized</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/travel-hookah" class="f-site-nav__sub-link focus-inset">
<span>Travel</span>
</a>
</li>
</ul>
</div>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--has-child">
<a href="/collections" class="f-site-nav__sub-link focus-inset no-js-hidden"><span>Hookahs by Color</span> <span class="f-site-nav__arrow"><svg class="f-icon--small" stroke-width="1" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.54204 2.55806C8.78612 2.80214 8.78612 3.19786 8.54204 3.44194L4.94242 7.04156C4.82521 7.15877 4.66586 7.225 4.5001 7.225C4.33434 7.225 4.17537 7.15915 4.05816 7.04194L0.458157 3.44194C0.214079 3.19786 0.214079 2.80214 0.458157 2.55806C0.702234 2.31398 1.09796 2.31398 1.34204 2.55806L4.5001 5.71612L7.65816 2.55806C7.90223 2.31398 8.29796 2.31398 8.54204 2.55806Z" fill="currentColor"/>
</svg>
</span></a>
<div id="HeaderMenu-SubMenuList-5" class="f-site-nav__dropdown f-site-nav__dropdown--level3 " tabindex="-1">
<ul class="list-none" role="list" tabindex="-1">
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/black-hookah" class="f-site-nav__sub-link focus-inset">
<span>Black</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/blue-hookah" class="f-site-nav__sub-link focus-inset">
<span>Blue </span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/gold-hookah" class="f-site-nav__sub-link focus-inset">
<span>Gold </span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/green-hookah" class="f-site-nav__sub-link focus-inset">
<span>Green </span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/pink-hookah" class="f-site-nav__sub-link focus-inset">
<span>Pink </span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/purple-hookah" class="f-site-nav__sub-link focus-inset">
<span>Purple </span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/white-hookah" class="f-site-nav__sub-link focus-inset">
<span>White </span>
</a>
</li>
</ul>
</div>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--has-child">
<a href="/collections/hookah-kits" class="f-site-nav__sub-link focus-inset no-js-hidden"><span>Hookah Sets / Hookah Bundles</span> <span class="f-site-nav__arrow"><svg class="f-icon--small" stroke-width="1" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.54204 2.55806C8.78612 2.80214 8.78612 3.19786 8.54204 3.44194L4.94242 7.04156C4.82521 7.15877 4.66586 7.225 4.5001 7.225C4.33434 7.225 4.17537 7.15915 4.05816 7.04194L0.458157 3.44194C0.214079 3.19786 0.214079 2.80214 0.458157 2.55806C0.702234 2.31398 1.09796 2.31398 1.34204 2.55806L4.5001 5.71612L7.65816 2.55806C7.90223 2.31398 8.29796 2.31398 8.54204 2.55806Z" fill="currentColor"/>
</svg>
</span></a>
<div id="HeaderMenu-SubMenuList-6" class="f-site-nav__dropdown f-site-nav__dropdown--level3 " tabindex="-1">
<ul class="list-none" role="list" tabindex="-1">
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/hookah-kits" class="f-site-nav__sub-link focus-inset">
<span>Hookah Bundles</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/hookahs" class="f-site-nav__sub-link focus-inset">
<span>Shop All Hookahs</span>
</a>
</li>
</ul>
</div>
</li>
</ul>
<div id="Image-list-custom_y3Lrgt" class="f-site-nav__mega-addon f-site-nav__mega-addon--collection w-full" style="--max-width: 35%;">
<div class="w-full f-grid f-site-nav__mega-addon--wrapper" style="gap: 3rem;">
<div class="f-column">
<div class="f-custom-card f-custom-card--inside color-background-1 f-image-hover-effect__zoom">
<a
title="Hookahs"
href="/collections/hookahs"
class="collection-card__wrapper">
<div class="f-custom-card__image f-card overflow-hidden">
<responsive-image data-index="" class="f-image collection-card__image" data-image-loading style="--aspect-ratio: 1.0;">
<img
srcset="//www.hookahvault.com/cdn/shop/files/fantasia-nitro-blac-hookah_png_ea8cb8e6-9394-4107-970c-18a46a994d8f.webp?v=1722627726&width=165 165w,//www.hookahvault.com/cdn/shop/files/fantasia-nitro-blac-hookah_png_ea8cb8e6-9394-4107-970c-18a46a994d8f.webp?v=1722627726&width=360 360w,//www.hookahvault.com/cdn/shop/files/fantasia-nitro-blac-hookah_png_ea8cb8e6-9394-4107-970c-18a46a994d8f.webp?v=1722627726&width=533 533w,//www.hookahvault.com/cdn/shop/files/fantasia-nitro-blac-hookah_png_ea8cb8e6-9394-4107-970c-18a46a994d8f.webp?v=1722627726&width=720 720w,//www.hookahvault.com/cdn/shop/files/fantasia-nitro-blac-hookah_png_ea8cb8e6-9394-4107-970c-18a46a994d8f.webp?v=1722627726&width=940 940w,//www.hookahvault.com/cdn/shop/files/fantasia-nitro-blac-hookah_png_ea8cb8e6-9394-4107-970c-18a46a994d8f.webp?v=1722627726&width=1066 1066w,//www.hookahvault.com/cdn/shop/files/fantasia-nitro-blac-hookah_png_ea8cb8e6-9394-4107-970c-18a46a994d8f.webp?v=1722627726 1080w"
src="//www.hookahvault.com/cdn/shop/files/fantasia-nitro-blac-hookah_png_ea8cb8e6-9394-4107-970c-18a46a994d8f.webp?v=1722627726&width=360"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt=""
loading="lazy"
fetchpriority="low"
class=""
width="1080"
height="1080"
>
</responsive-image>
</div>
<div class="f-custom-card__info flex flex-col items-start justify-end text-left">
<h3 class="f-custom-card__heading text-current h3">Hookahs</h3>
<button class="btn btn--primary">Shop now</button>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="f-site-nav__item f-site-nav__item--has-child f-site-nav__item--mega" data-index="2">
<a href="/pages/hookah-bowls" class="f-site-nav__link focus-inset">
<span>Bowls</span><span class="f-site-nav__arrow no-js-hidden"><svg class="f-icon--small" stroke-width="1" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.54204 2.55806C8.78612 2.80214 8.78612 3.19786 8.54204 3.44194L4.94242 7.04156C4.82521 7.15877 4.66586 7.225 4.5001 7.225C4.33434 7.225 4.17537 7.15915 4.05816 7.04194L0.458157 3.44194C0.214079 3.19786 0.214079 2.80214 0.458157 2.55806C0.702234 2.31398 1.09796 2.31398 1.34204 2.55806L4.5001 5.71612L7.65816 2.55806C7.90223 2.31398 8.29796 2.31398 8.54204 2.55806Z" fill="currentColor"/>
</svg>
</span></a>
<div class="f-site-nav__dropdown f-site-nav__dropdown--level2 color-background-1 no-js-hidden f-site-nav__dropdown--mega" tabindex="-1">
<div class="container-fluid">
<div class="f-site-nav__dropdown-inner">
<ul class="list-none w-full f-grid f-grid-3-cols" role="list" tabindex="-1">
<li class="f-site-nav__sub-item f-site-nav__sub-item--has-child">
<a href="/collections/bowls" class="f-site-nav__sub-link focus-inset no-js-hidden"><span>Shop by Brand</span> <span class="f-site-nav__arrow"><svg class="f-icon--small" stroke-width="1" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.54204 2.55806C8.78612 2.80214 8.78612 3.19786 8.54204 3.44194L4.94242 7.04156C4.82521 7.15877 4.66586 7.225 4.5001 7.225C4.33434 7.225 4.17537 7.15915 4.05816 7.04194L0.458157 3.44194C0.214079 3.19786 0.214079 2.80214 0.458157 2.55806C0.702234 2.31398 1.09796 2.31398 1.34204 2.55806L4.5001 5.71612L7.65816 2.55806C7.90223 2.31398 8.29796 2.31398 8.54204 2.55806Z" fill="currentColor"/>
</svg>
</span></a>
<div id="HeaderMenu-SubMenuList-1" class="f-site-nav__dropdown f-site-nav__dropdown--level3 " tabindex="-1">
<ul class="list-none" role="list" tabindex="-1">
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/1010-makes" class="f-site-nav__sub-link focus-inset">
<span>1010</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/alpaca-hookah-bowls" class="f-site-nav__sub-link focus-inset">
<span>Alpaca</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/alpha-hookah-bowls" class="f-site-nav__sub-link focus-inset">
<span>Alpha</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/ascent-hookah-bowls" class="f-site-nav__sub-link focus-inset">
<span>Ascent</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/bakkali-cornetto-hookah-bowls" class="f-site-nav__sub-link focus-inset">
<span>Bakkali Cornetto</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/cyril-hookah-bowls" class="f-site-nav__sub-link focus-inset">
<span>Cyril</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/fantasia-hookah-bowls" class="f-site-nav__sub-link focus-inset">
<span>Fantasia</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/geometry-hookah-bowls" class="f-site-nav__sub-link focus-inset">
<span>Geometry</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/hj-hookah-bowls" class="f-site-nav__sub-link focus-inset">
<span>HJ</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/japona-hookah-bowls" class="f-site-nav__sub-link focus-inset">
<span>Japona </span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/kong-hookah-bowls" class="f-site-nav__sub-link focus-inset">
<span>Kong </span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/mason-hookah-bowls" class="f-site-nav__sub-link focus-inset">
<span>Mason </span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/oblako-hookah-bowls" class="f-site-nav__sub-link focus-inset">
<span>Oblako </span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/shishabucks-hookah-bowls" class="f-site-nav__sub-link focus-inset">
<span>Shishabucks </span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/tangier-phunnel-hookah-bowls" class="f-site-nav__sub-link focus-inset">
<span>Tangier </span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/urb-bowls-hookah-bowls" class="f-site-nav__sub-link focus-inset">
<span>Urb Bowls</span>
</a>
</li>
</ul>
</div>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--has-child">
<a href="/collections/bowls" class="f-site-nav__sub-link focus-inset no-js-hidden"><span>Bowl Type</span> <span class="f-site-nav__arrow"><svg class="f-icon--small" stroke-width="1" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.54204 2.55806C8.78612 2.80214 8.78612 3.19786 8.54204 3.44194L4.94242 7.04156C4.82521 7.15877 4.66586 7.225 4.5001 7.225C4.33434 7.225 4.17537 7.15915 4.05816 7.04194L0.458157 3.44194C0.214079 3.19786 0.214079 2.80214 0.458157 2.55806C0.702234 2.31398 1.09796 2.31398 1.34204 2.55806L4.5001 5.71612L7.65816 2.55806C7.90223 2.31398 8.29796 2.31398 8.54204 2.55806Z" fill="currentColor"/>
</svg>
</span></a>
<div id="HeaderMenu-SubMenuList-2" class="f-site-nav__dropdown f-site-nav__dropdown--level3 " tabindex="-1">
<ul class="list-none" role="list" tabindex="-1">
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/traditional-hookah-bowls" class="f-site-nav__sub-link focus-inset">
<span>Traditional </span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/phunnel-hookah-bowls" class="f-site-nav__sub-link focus-inset">
<span>Phunnel </span>
</a>
</li>
</ul>
</div>
</li>
<li class="f-site-nav__sub-item">
<a href="/collections/bowls" class="f-site-nav__sub-link focus-inset no-js-hidden"><span>Shop All Bowls</span></a>
</li>
</ul>
<div id="Image-list-custom_WAc8eK" class="f-site-nav__mega-addon f-site-nav__mega-addon--collection w-full" style="--max-width: 30%;">
<div class="w-full f-grid f-site-nav__mega-addon--wrapper" style="gap: 3rem;">
<div class="f-column">
<div class="f-custom-card f-custom-card--inside color-background-1 f-image-hover-effect__zoom">
<a
title="Bowls"
href="/collections/bowls"
class="collection-card__wrapper">
<div class="f-custom-card__image f-card overflow-hidden">
<responsive-image data-index="" class="f-image collection-card__image" data-image-loading style="--aspect-ratio: 1.0;">
<img
srcset="//www.hookahvault.com/cdn/shop/files/KongspacePhunnel.png?v=1722627761&width=165 165w,//www.hookahvault.com/cdn/shop/files/KongspacePhunnel.png?v=1722627761&width=360 360w,//www.hookahvault.com/cdn/shop/files/KongspacePhunnel.png?v=1722627761&width=533 533w,//www.hookahvault.com/cdn/shop/files/KongspacePhunnel.png?v=1722627761&width=720 720w,//www.hookahvault.com/cdn/shop/files/KongspacePhunnel.png?v=1722627761&width=940 940w,//www.hookahvault.com/cdn/shop/files/KongspacePhunnel.png?v=1722627761&width=1066 1066w,//www.hookahvault.com/cdn/shop/files/KongspacePhunnel.png?v=1722627761 1080w"
src="//www.hookahvault.com/cdn/shop/files/KongspacePhunnel.png?v=1722627761&width=360"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt=""
loading="lazy"
fetchpriority="low"
class=""
width="1080"
height="1080"
>
</responsive-image>
</div>
<div class="f-custom-card__info flex flex-col items-start justify-end text-left">
<h3 class="f-custom-card__heading text-current h3">Bowls</h3>
<button class="btn btn--primary">Shop now</button>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="f-site-nav__item f-site-nav__item--has-child f-site-nav__item--mega" data-index="3">
<a href="/pages/hookah-bases" class="f-site-nav__link focus-inset">
<span>Bases</span><span class="f-site-nav__arrow no-js-hidden"><svg class="f-icon--small" stroke-width="1" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.54204 2.55806C8.78612 2.80214 8.78612 3.19786 8.54204 3.44194L4.94242 7.04156C4.82521 7.15877 4.66586 7.225 4.5001 7.225C4.33434 7.225 4.17537 7.15915 4.05816 7.04194L0.458157 3.44194C0.214079 3.19786 0.214079 2.80214 0.458157 2.55806C0.702234 2.31398 1.09796 2.31398 1.34204 2.55806L4.5001 5.71612L7.65816 2.55806C7.90223 2.31398 8.29796 2.31398 8.54204 2.55806Z" fill="currentColor"/>
</svg>
</span></a>
<div class="f-site-nav__dropdown f-site-nav__dropdown--level2 color-background-1 no-js-hidden f-site-nav__dropdown--mega" tabindex="-1">
<div class="container-fluid">
<div class="f-site-nav__dropdown-inner">
<ul class="list-none w-full f-grid f-grid-3-cols" role="list" tabindex="-1">
<li class="f-site-nav__sub-item f-site-nav__sub-item--has-child">
<a href="/collections/hookah-bases" class="f-site-nav__sub-link focus-inset no-js-hidden"><span>Shop by Brand</span> <span class="f-site-nav__arrow"><svg class="f-icon--small" stroke-width="1" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.54204 2.55806C8.78612 2.80214 8.78612 3.19786 8.54204 3.44194L4.94242 7.04156C4.82521 7.15877 4.66586 7.225 4.5001 7.225C4.33434 7.225 4.17537 7.15915 4.05816 7.04194L0.458157 3.44194C0.214079 3.19786 0.214079 2.80214 0.458157 2.55806C0.702234 2.31398 1.09796 2.31398 1.34204 2.55806L4.5001 5.71612L7.65816 2.55806C7.90223 2.31398 8.29796 2.31398 8.54204 2.55806Z" fill="currentColor"/>
</svg>
</span></a>
<div id="HeaderMenu-SubMenuList-1" class="f-site-nav__dropdown f-site-nav__dropdown--level3 " tabindex="-1">
<ul class="list-none" role="list" tabindex="-1">
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/big-maks-hookah-bases" class="f-site-nav__sub-link focus-inset">
<span>Big Maks</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/boho-hookah-bases" class="f-site-nav__sub-link focus-inset">
<span>Boho</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/caesar-hookah-bases" class="f-site-nav__sub-link focus-inset">
<span>Caesar</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/cyril-hookah-hookah-bases" class="f-site-nav__sub-link focus-inset">
<span>Cyril</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/egermann-hookah-bases" class="f-site-nav__sub-link focus-inset">
<span>Egermann</span>
</a>
</li>
</ul>
</div>
</li>
<li class="f-site-nav__sub-item">
<a href="/collections/hookah-bases" class="f-site-nav__sub-link focus-inset no-js-hidden"><span>Shop All Bases</span></a>
</li>
</ul>
<div id="Image-list-custom_JJXjQH" class="f-site-nav__mega-addon f-site-nav__mega-addon--collection w-full" style="--max-width: 30%;">
<div class="w-full f-grid f-site-nav__mega-addon--wrapper" style="gap: 3rem;">
<div class="f-column">
<div class="f-custom-card f-custom-card--inside color-background-1 f-image-hover-effect__zoom">
<a
title="Bases"
href="/collections/hookah-bases"
class="collection-card__wrapper">
<div class="f-custom-card__image f-card overflow-hidden">
<responsive-image data-index="" class="f-image collection-card__image" data-image-loading style="--aspect-ratio: 1.0;">
<img
srcset="//www.hookahvault.com/cdn/shop/files/Caesar_-_Amber_P_2c4cb6b2-dabf-4f98-a3f2-f9f5ab902587.png?v=1722627794&width=165 165w,//www.hookahvault.com/cdn/shop/files/Caesar_-_Amber_P_2c4cb6b2-dabf-4f98-a3f2-f9f5ab902587.png?v=1722627794&width=360 360w,//www.hookahvault.com/cdn/shop/files/Caesar_-_Amber_P_2c4cb6b2-dabf-4f98-a3f2-f9f5ab902587.png?v=1722627794&width=533 533w,//www.hookahvault.com/cdn/shop/files/Caesar_-_Amber_P_2c4cb6b2-dabf-4f98-a3f2-f9f5ab902587.png?v=1722627794&width=720 720w,//www.hookahvault.com/cdn/shop/files/Caesar_-_Amber_P_2c4cb6b2-dabf-4f98-a3f2-f9f5ab902587.png?v=1722627794&width=940 940w,//www.hookahvault.com/cdn/shop/files/Caesar_-_Amber_P_2c4cb6b2-dabf-4f98-a3f2-f9f5ab902587.png?v=1722627794&width=1066 1066w,//www.hookahvault.com/cdn/shop/files/Caesar_-_Amber_P_2c4cb6b2-dabf-4f98-a3f2-f9f5ab902587.png?v=1722627794 1080w"
src="//www.hookahvault.com/cdn/shop/files/Caesar_-_Amber_P_2c4cb6b2-dabf-4f98-a3f2-f9f5ab902587.png?v=1722627794&width=360"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt=""
loading="lazy"
fetchpriority="low"
class=""
width="1080"
height="1080"
>
</responsive-image>
</div>
<div class="f-custom-card__info flex flex-col items-start justify-end text-left">
<h3 class="f-custom-card__heading text-current h3">Bases</h3>
<button class="btn btn--primary">Shop now</button>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="f-site-nav__item f-site-nav__item--has-child f-site-nav__item--mega" data-index="4">
<a href="/pages/hookah-coals" class="f-site-nav__link focus-inset">
<span>Coals</span><span class="f-site-nav__arrow no-js-hidden"><svg class="f-icon--small" stroke-width="1" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.54204 2.55806C8.78612 2.80214 8.78612 3.19786 8.54204 3.44194L4.94242 7.04156C4.82521 7.15877 4.66586 7.225 4.5001 7.225C4.33434 7.225 4.17537 7.15915 4.05816 7.04194L0.458157 3.44194C0.214079 3.19786 0.214079 2.80214 0.458157 2.55806C0.702234 2.31398 1.09796 2.31398 1.34204 2.55806L4.5001 5.71612L7.65816 2.55806C7.90223 2.31398 8.29796 2.31398 8.54204 2.55806Z" fill="currentColor"/>
</svg>
</span></a>
<div class="f-site-nav__dropdown f-site-nav__dropdown--level2 color-background-1 no-js-hidden f-site-nav__dropdown--mega" tabindex="-1">
<div class="container-fluid">
<div class="f-site-nav__dropdown-inner">
<ul class="list-none w-full f-grid f-grid-3-cols" role="list" tabindex="-1">
<li class="f-site-nav__sub-item f-site-nav__sub-item--has-child">
<a href="/collections/hookah-coals" class="f-site-nav__sub-link focus-inset no-js-hidden"><span>Shop by Brand</span> <span class="f-site-nav__arrow"><svg class="f-icon--small" stroke-width="1" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.54204 2.55806C8.78612 2.80214 8.78612 3.19786 8.54204 3.44194L4.94242 7.04156C4.82521 7.15877 4.66586 7.225 4.5001 7.225C4.33434 7.225 4.17537 7.15915 4.05816 7.04194L0.458157 3.44194C0.214079 3.19786 0.214079 2.80214 0.458157 2.55806C0.702234 2.31398 1.09796 2.31398 1.34204 2.55806L4.5001 5.71612L7.65816 2.55806C7.90223 2.31398 8.29796 2.31398 8.54204 2.55806Z" fill="currentColor"/>
</svg>
</span></a>
<div id="HeaderMenu-SubMenuList-1" class="f-site-nav__dropdown f-site-nav__dropdown--level3 " tabindex="-1">
<ul class="list-none" role="list" tabindex="-1">
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/arka-hookah-coals" class="f-site-nav__sub-link focus-inset">
<span>Arka</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/black-cocos" class="f-site-nav__sub-link focus-inset">
<span>Black Coco's</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/cocourth" class="f-site-nav__sub-link focus-inset">
<span>Cocourth</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/coco-nara-hookah-coals" class="f-site-nav__sub-link focus-inset">
<span>Coco Nara</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/fantasia-hookah-coals" class="f-site-nav__sub-link focus-inset">
<span>Fantasia</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/le-orange-hookah-coals" class="f-site-nav__sub-link focus-inset">
<span>Le Orange</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/qoco-turbo-hookah-coals" class="f-site-nav__sub-link focus-inset">
<span>Qoco Turbo</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/shaman-hookah-coals" class="f-site-nav__sub-link focus-inset">
<span>Shaman</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/superior-coco-hookah-coals" class="f-site-nav__sub-link focus-inset">
<span>Superior Coco</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/tangiers-hookah-coals" class="f-site-nav__sub-link focus-inset">
<span>Tangiers</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/titanium-hookah-coals" class="f-site-nav__sub-link focus-inset">
<span>Titanium</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/three-kings-hookah-coals" class="f-site-nav__sub-link focus-inset">
<span>Three Kings</span>
</a>
</li>
</ul>
</div>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--has-child">
<a href="/collections/hookah-coals" class="f-site-nav__sub-link focus-inset no-js-hidden"><span>Coal Type</span> <span class="f-site-nav__arrow"><svg class="f-icon--small" stroke-width="1" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.54204 2.55806C8.78612 2.80214 8.78612 3.19786 8.54204 3.44194L4.94242 7.04156C4.82521 7.15877 4.66586 7.225 4.5001 7.225C4.33434 7.225 4.17537 7.15915 4.05816 7.04194L0.458157 3.44194C0.214079 3.19786 0.214079 2.80214 0.458157 2.55806C0.702234 2.31398 1.09796 2.31398 1.34204 2.55806L4.5001 5.71612L7.65816 2.55806C7.90223 2.31398 8.29796 2.31398 8.54204 2.55806Z" fill="currentColor"/>
</svg>
</span></a>
<div id="HeaderMenu-SubMenuList-2" class="f-site-nav__dropdown f-site-nav__dropdown--level3 " tabindex="-1">
<ul class="list-none" role="list" tabindex="-1">
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/coconut-hookah-coals" class="f-site-nav__sub-link focus-inset">
<span>Coconut </span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/easy-light-hookah-coals" class="f-site-nav__sub-link focus-inset">
<span>Easy Light</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/quick-light-hookah-coals" class="f-site-nav__sub-link focus-inset">
<span>Quick Light</span>
</a>
</li>
</ul>
</div>
</li>
<li class="f-site-nav__sub-item">
<a href="/collections/hookah-coals" class="f-site-nav__sub-link focus-inset no-js-hidden"><span>Shop All Coals</span></a>
</li>
</ul>
<div id="Image-list-custom_tEPPYU" class="f-site-nav__mega-addon f-site-nav__mega-addon--collection w-full" style="--max-width: 30%;">
<div class="w-full f-grid f-site-nav__mega-addon--wrapper" style="gap: 3rem;">
<div class="f-column">
<div class="f-custom-card f-custom-card--inside color-background-1 f-image-hover-effect__zoom">
<a
title="Coals"
href="/collections/hookah-coals"
class="collection-card__wrapper">
<div class="f-custom-card__image f-card overflow-hidden">
<responsive-image data-index="" class="f-image collection-card__image" data-image-loading style="--aspect-ratio: 1.0;">
<img
srcset="//www.hookahvault.com/cdn/shop/files/Tangiers-Silvertabs.jpg?v=1722627823&width=165 165w,//www.hookahvault.com/cdn/shop/files/Tangiers-Silvertabs.jpg?v=1722627823&width=360 360w,//www.hookahvault.com/cdn/shop/files/Tangiers-Silvertabs.jpg?v=1722627823&width=533 533w,//www.hookahvault.com/cdn/shop/files/Tangiers-Silvertabs.jpg?v=1722627823&width=720 720w,//www.hookahvault.com/cdn/shop/files/Tangiers-Silvertabs.jpg?v=1722627823&width=940 940w,//www.hookahvault.com/cdn/shop/files/Tangiers-Silvertabs.jpg?v=1722627823&width=1066 1066w,//www.hookahvault.com/cdn/shop/files/Tangiers-Silvertabs.jpg?v=1722627823 1080w"
src="//www.hookahvault.com/cdn/shop/files/Tangiers-Silvertabs.jpg?v=1722627823&width=360"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt=""
loading="lazy"
fetchpriority="low"
class=""
width="1080"
height="1080"
>
</responsive-image>
</div>
<div class="f-custom-card__info flex flex-col items-start justify-end text-left">
<h3 class="f-custom-card__heading text-current h3">Coals</h3>
<button class="btn btn--primary">Shop now</button>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="f-site-nav__item f-site-nav__item--has-child f-site-nav__item--mega" data-index="5">
<a href="/pages/hookah-accessories" class="f-site-nav__link focus-inset">
<span>Accessories</span><span class="f-site-nav__arrow no-js-hidden"><svg class="f-icon--small" stroke-width="1" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.54204 2.55806C8.78612 2.80214 8.78612 3.19786 8.54204 3.44194L4.94242 7.04156C4.82521 7.15877 4.66586 7.225 4.5001 7.225C4.33434 7.225 4.17537 7.15915 4.05816 7.04194L0.458157 3.44194C0.214079 3.19786 0.214079 2.80214 0.458157 2.55806C0.702234 2.31398 1.09796 2.31398 1.34204 2.55806L4.5001 5.71612L7.65816 2.55806C7.90223 2.31398 8.29796 2.31398 8.54204 2.55806Z" fill="currentColor"/>
</svg>
</span></a>
<div class="f-site-nav__dropdown f-site-nav__dropdown--level2 color-background-1 no-js-hidden f-site-nav__dropdown--mega" tabindex="-1">
<div class="container-fluid">
<div class="f-site-nav__dropdown-inner">
<ul class="list-none w-full f-grid f-grid-2-cols" role="list" tabindex="-1">
<li class="f-site-nav__sub-item f-site-nav__sub-item--has-child">
<a href="/collections/hookah-accessories/Accessories" class="f-site-nav__sub-link focus-inset no-js-hidden"><span>Accessories</span> <span class="f-site-nav__arrow"><svg class="f-icon--small" stroke-width="1" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.54204 2.55806C8.78612 2.80214 8.78612 3.19786 8.54204 3.44194L4.94242 7.04156C4.82521 7.15877 4.66586 7.225 4.5001 7.225C4.33434 7.225 4.17537 7.15915 4.05816 7.04194L0.458157 3.44194C0.214079 3.19786 0.214079 2.80214 0.458157 2.55806C0.702234 2.31398 1.09796 2.31398 1.34204 2.55806L4.5001 5.71612L7.65816 2.55806C7.90223 2.31398 8.29796 2.31398 8.54204 2.55806Z" fill="currentColor"/>
</svg>
</span></a>
<div id="HeaderMenu-SubMenuList-1" class="f-site-nav__dropdown f-site-nav__dropdown--level3 " tabindex="-1">
<ul class="list-none" role="list" tabindex="-1">
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/bags" class="f-site-nav__sub-link focus-inset">
<span>Bags</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/coal-burners" class="f-site-nav__sub-link focus-inset">
<span>Coal Burners</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/coal-carriers" class="f-site-nav__sub-link focus-inset">
<span>Coal Carriers</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/forks" class="f-site-nav__sub-link focus-inset">
<span>Forks</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/heat-management" class="f-site-nav__sub-link focus-inset">
<span>Heat Management</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/mats" class="f-site-nav__sub-link focus-inset">
<span>Mats</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/molasses-catcher" class="f-site-nav__sub-link focus-inset">
<span>Molasses Catcher</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/pokers" class="f-site-nav__sub-link focus-inset">
<span>Pokers</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/tongs" class="f-site-nav__sub-link focus-inset">
<span>Tongs</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/merchandise" class="f-site-nav__sub-link focus-inset">
<span>Merchandise</span>
</a>
</li>
</ul>
</div>
</li>
</ul>
<div id="Image-list-custom_tG3mV3" class="f-site-nav__mega-addon f-site-nav__mega-addon--collection w-full" style="--max-width: 30%;">
<div class="w-full f-grid f-site-nav__mega-addon--wrapper" style="gap: 3rem;">
<div class="f-column">
<div class="f-custom-card f-custom-card--inside color-scheme-fcaebfc7-5916-4b13-b092-c835c69b831f f-image-hover-effect__zoom">
<a
title="Accessories"
href="/collections/hookah-accessories"
class="collection-card__wrapper">
<div class="f-custom-card__image f-card overflow-hidden">
<responsive-image data-index="" class="f-image collection-card__image" data-image-loading style="--aspect-ratio: 1.0;">
<img
srcset="//www.hookahvault.com/cdn/shop/files/hookah-accessories-bnr.png?v=1722971392&width=165 165w,//www.hookahvault.com/cdn/shop/files/hookah-accessories-bnr.png?v=1722971392&width=360 360w,//www.hookahvault.com/cdn/shop/files/hookah-accessories-bnr.png?v=1722971392&width=533 533w,//www.hookahvault.com/cdn/shop/files/hookah-accessories-bnr.png?v=1722971392&width=720 720w,//www.hookahvault.com/cdn/shop/files/hookah-accessories-bnr.png?v=1722971392&width=940 940w,//www.hookahvault.com/cdn/shop/files/hookah-accessories-bnr.png?v=1722971392&width=1066 1066w,//www.hookahvault.com/cdn/shop/files/hookah-accessories-bnr.png?v=1722971392 1080w"
src="//www.hookahvault.com/cdn/shop/files/hookah-accessories-bnr.png?v=1722971392&width=360"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt=""
loading="lazy"
fetchpriority="low"
class=""
width="1080"
height="1080"
>
</responsive-image>
</div>
<div class="f-custom-card__info flex flex-col items-start justify-end text-left">
<h3 class="f-custom-card__heading text-current h3">Accessories</h3>
<button class="btn btn--primary">Shop now</button>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="f-site-nav__item f-site-nav__item--has-child f-site-nav__item--mega" data-index="6">
<a href="/pages/hookah-parts" class="f-site-nav__link focus-inset">
<span>Parts</span><span class="f-site-nav__arrow no-js-hidden"><svg class="f-icon--small" stroke-width="1" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.54204 2.55806C8.78612 2.80214 8.78612 3.19786 8.54204 3.44194L4.94242 7.04156C4.82521 7.15877 4.66586 7.225 4.5001 7.225C4.33434 7.225 4.17537 7.15915 4.05816 7.04194L0.458157 3.44194C0.214079 3.19786 0.214079 2.80214 0.458157 2.55806C0.702234 2.31398 1.09796 2.31398 1.34204 2.55806L4.5001 5.71612L7.65816 2.55806C7.90223 2.31398 8.29796 2.31398 8.54204 2.55806Z" fill="currentColor"/>
</svg>
</span></a>
<div class="f-site-nav__dropdown f-site-nav__dropdown--level2 color-background-1 no-js-hidden f-site-nav__dropdown--mega" tabindex="-1">
<div class="container-fluid">
<div class="f-site-nav__dropdown-inner">
<ul class="list-none w-full f-grid f-grid-3-cols" role="list" tabindex="-1">
<li class="f-site-nav__sub-item f-site-nav__sub-item--has-child">
<a href="/collections/hookah-parts" class="f-site-nav__sub-link focus-inset no-js-hidden"><span>Parts</span> <span class="f-site-nav__arrow"><svg class="f-icon--small" stroke-width="1" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.54204 2.55806C8.78612 2.80214 8.78612 3.19786 8.54204 3.44194L4.94242 7.04156C4.82521 7.15877 4.66586 7.225 4.5001 7.225C4.33434 7.225 4.17537 7.15915 4.05816 7.04194L0.458157 3.44194C0.214079 3.19786 0.214079 2.80214 0.458157 2.55806C0.702234 2.31398 1.09796 2.31398 1.34204 2.55806L4.5001 5.71612L7.65816 2.55806C7.90223 2.31398 8.29796 2.31398 8.54204 2.55806Z" fill="currentColor"/>
</svg>
</span></a>
<div id="HeaderMenu-SubMenuList-1" class="f-site-nav__dropdown f-site-nav__dropdown--level3 " tabindex="-1">
<ul class="list-none" role="list" tabindex="-1">
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/diffusers" class="f-site-nav__sub-link focus-inset">
<span>Diffusers</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/hose-adapter" class="f-site-nav__sub-link focus-inset">
<span>Hose Adapter</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/hoses" class="f-site-nav__sub-link focus-inset">
<span>Hoses</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/hoses-spring" class="f-site-nav__sub-link focus-inset">
<span>Hose Springs</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/mouth-pieces" class="f-site-nav__sub-link focus-inset">
<span>Mouth Pieces</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/purge-balls" class="f-site-nav__sub-link focus-inset">
<span>Purge Balls</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/trays" class="f-site-nav__sub-link focus-inset">
<span>Trays</span>
</a>
</li>
</ul>
</div>
</li>
</ul>
<div id="Image-list-custom_JmMqWz" class="f-site-nav__mega-addon f-site-nav__mega-addon--collection w-full" style="--max-width: 30%;">
<div class="w-full f-grid f-site-nav__mega-addon--wrapper" style="gap: 3rem;">
<div class="f-column">
<div class="f-custom-card f-custom-card--inside color-background-1 f-image-hover-effect__zoom">
<a
title="Parts"
href="/collections/hookah-parts"
class="collection-card__wrapper">
<div class="f-custom-card__image f-card overflow-hidden">
<responsive-image data-index="" class="f-image collection-card__image" data-image-loading style="--aspect-ratio: 1.0;">
<img
srcset="//www.hookahvault.com/cdn/shop/files/hookah-parts-bnr.png?v=1722971416&width=165 165w,//www.hookahvault.com/cdn/shop/files/hookah-parts-bnr.png?v=1722971416&width=360 360w,//www.hookahvault.com/cdn/shop/files/hookah-parts-bnr.png?v=1722971416&width=533 533w,//www.hookahvault.com/cdn/shop/files/hookah-parts-bnr.png?v=1722971416&width=720 720w,//www.hookahvault.com/cdn/shop/files/hookah-parts-bnr.png?v=1722971416&width=940 940w,//www.hookahvault.com/cdn/shop/files/hookah-parts-bnr.png?v=1722971416&width=1066 1066w,//www.hookahvault.com/cdn/shop/files/hookah-parts-bnr.png?v=1722971416 1080w"
src="//www.hookahvault.com/cdn/shop/files/hookah-parts-bnr.png?v=1722971416&width=360"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt=""
loading="lazy"
fetchpriority="low"
class=""
width="1080"
height="1080"
>
</responsive-image>
</div>
<div class="f-custom-card__info flex flex-col items-start justify-end text-left">
<h3 class="f-custom-card__heading text-current h3">Parts</h3>
<button class="btn btn--primary">Shop now</button>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="f-site-nav__item f-site-nav__item--has-child f-site-nav__item--mega" data-index="7">
<a href="/pages/hookah-supplies" class="f-site-nav__link focus-inset">
<span>Supplies</span><span class="f-site-nav__arrow no-js-hidden"><svg class="f-icon--small" stroke-width="1" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.54204 2.55806C8.78612 2.80214 8.78612 3.19786 8.54204 3.44194L4.94242 7.04156C4.82521 7.15877 4.66586 7.225 4.5001 7.225C4.33434 7.225 4.17537 7.15915 4.05816 7.04194L0.458157 3.44194C0.214079 3.19786 0.214079 2.80214 0.458157 2.55806C0.702234 2.31398 1.09796 2.31398 1.34204 2.55806L4.5001 5.71612L7.65816 2.55806C7.90223 2.31398 8.29796 2.31398 8.54204 2.55806Z" fill="currentColor"/>
</svg>
</span></a>
<div class="f-site-nav__dropdown f-site-nav__dropdown--level2 color-background-1 no-js-hidden f-site-nav__dropdown--mega" tabindex="-1">
<div class="container-fluid">
<div class="f-site-nav__dropdown-inner">
<ul class="list-none w-full f-grid f-grid-3-cols" role="list" tabindex="-1">
<li class="f-site-nav__sub-item f-site-nav__sub-item--has-child">
<a href="/collections/hookah-supplies" class="f-site-nav__sub-link focus-inset no-js-hidden"><span>Supplies</span> <span class="f-site-nav__arrow"><svg class="f-icon--small" stroke-width="1" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.54204 2.55806C8.78612 2.80214 8.78612 3.19786 8.54204 3.44194L4.94242 7.04156C4.82521 7.15877 4.66586 7.225 4.5001 7.225C4.33434 7.225 4.17537 7.15915 4.05816 7.04194L0.458157 3.44194C0.214079 3.19786 0.214079 2.80214 0.458157 2.55806C0.702234 2.31398 1.09796 2.31398 1.34204 2.55806L4.5001 5.71612L7.65816 2.55806C7.90223 2.31398 8.29796 2.31398 8.54204 2.55806Z" fill="currentColor"/>
</svg>
</span></a>
<div id="HeaderMenu-SubMenuList-1" class="f-site-nav__dropdown f-site-nav__dropdown--level3 " tabindex="-1">
<ul class="list-none" role="list" tabindex="-1">
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/cleaning-supplies" class="f-site-nav__sub-link focus-inset">
<span>Cleaning Supplies</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/containers" class="f-site-nav__sub-link focus-inset">
<span>Containers</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/foil" class="f-site-nav__sub-link focus-inset">
<span>Foil</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/grommets" class="f-site-nav__sub-link focus-inset">
<span>Grommets</span>
</a>
</li>
<li class="f-site-nav__sub-item f-site-nav__sub-item--level3">
<a href="/collections/mouth-tips" class="f-site-nav__sub-link focus-inset">
<span>Mouth Tips</span>
</a>
</li>
</ul>
</div>
</li>
</ul>
<div id="Image-list-custom_6cYR6f" class="f-site-nav__mega-addon f-site-nav__mega-addon--collection w-full" style="--max-width: 30%;">
<div class="w-full f-grid f-site-nav__mega-addon--wrapper" style="gap: 3rem;">
<div class="f-column">
<div class="f-custom-card f-custom-card--inside color-background-1 f-image-hover-effect__zoom">
<a
title="Supplies"
href="/collections/hookah-supplies"
class="collection-card__wrapper">
<div class="f-custom-card__image f-card overflow-hidden">
<responsive-image data-index="" class="f-image collection-card__image" data-image-loading style="--aspect-ratio: 1.0;">
<img
srcset="//www.hookahvault.com/cdn/shop/files/hookah-supplies-bnr.png?v=1722971434&width=165 165w,//www.hookahvault.com/cdn/shop/files/hookah-supplies-bnr.png?v=1722971434&width=360 360w,//www.hookahvault.com/cdn/shop/files/hookah-supplies-bnr.png?v=1722971434&width=533 533w,//www.hookahvault.com/cdn/shop/files/hookah-supplies-bnr.png?v=1722971434&width=720 720w,//www.hookahvault.com/cdn/shop/files/hookah-supplies-bnr.png?v=1722971434&width=940 940w,//www.hookahvault.com/cdn/shop/files/hookah-supplies-bnr.png?v=1722971434&width=1066 1066w,//www.hookahvault.com/cdn/shop/files/hookah-supplies-bnr.png?v=1722971434 1080w"
src="//www.hookahvault.com/cdn/shop/files/hookah-supplies-bnr.png?v=1722971434&width=360"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt=""
loading="lazy"
fetchpriority="low"
class=""
width="1080"
height="1080"
>
</responsive-image>
</div>
<div class="f-custom-card__info flex flex-col items-start justify-end text-left">
<h3 class="f-custom-card__heading text-current h3">Supplies</h3>
<button class="btn btn--primary">Shop now</button>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="f-site-nav__item" data-index="8">
<a href="/collections/sale" class="f-site-nav__link focus-inset">
<span>Sale</span></a>
</li>
<li class="f-site-nav__item f-site-nav__item--has-child" data-index="9">
<a href="/collections/hookah-subscriptions" class="f-site-nav__link focus-inset">
<span>Subscriptions</span><span class="f-site-nav__arrow"><svg class="f-icon--small" stroke-width="1" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.54204 2.55806C8.78612 2.80214 8.78612 3.19786 8.54204 3.44194L4.94242 7.04156C4.82521 7.15877 4.66586 7.225 4.5001 7.225C4.33434 7.225 4.17537 7.15915 4.05816 7.04194L0.458157 3.44194C0.214079 3.19786 0.214079 2.80214 0.458157 2.55806C0.702234 2.31398 1.09796 2.31398 1.34204 2.55806L4.5001 5.71612L7.65816 2.55806C7.90223 2.31398 8.29796 2.31398 8.54204 2.55806Z" fill="currentColor"/>
</svg>
</span></a>
<div class="f-site-nav__dropdown f-site-nav__dropdown--level2 color-background-1" tabindex="-1">
<div class="w-full">
<div class="f-site-nav__dropdown-inner">
<ul class="list-none w-full" role="list" tabindex="-1">
<li class="f-site-nav__sub-item">
<a href="/pages/subscriptions" class="f-site-nav__sub-link focus-inset no-js-hidden"><span>How it Works</span></a>
</li>
<li class="f-site-nav__sub-item">
<a href="/collections/hookah-subscriptions" class="f-site-nav__sub-link focus-inset no-js-hidden"><span>Hookah Subscriptions</span></a>
</li>
</ul>
</div>
</div>
</div>
</li>
</ul>
</site-nav>
</div>
<div class="site-header__right">
<div class="site-header__addons flex items-center ">
<drawer-opener
class="site-header__element site-header__open-search no-js-hidden sm:hidden"
data-drawer="#Drawer-Search"
>
<button
class="btn btn--plain btn--icon site-header__search-toggle site-header__link site-header__search-toggle-mobile"
data-tippy-theme="color-background-2"
data-tippy-content="Search"
data-tippy-placement="bottom"
aria-label="Search"
aria-haspopup="dialog"
>
<svg
xmlns="http://www.w3.org/2000/svg"
aria-hidden="true"
focusable="false"
role="presentation"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
class="f-icon-svg f-icon-svg--medium f-icon-search"
>
<circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line>
</svg>
</button>
</drawer-opener>
<div class="header-search-form ">
<drawer-opener
class="site-header__search site-header__link f-tablet-hidden no-js-hidden"
data-drawer="#Drawer-Search"
>
<button
class="btn btn--plain btn--icon focus-inset site-header__search-toggle site-header__link"
data-tippy-theme="color-background-2"
data-tippy-content="Search"
data-tippy-placement="bottom"
aria-label="Search"
aria-haspopup="dialog"
>
<svg
xmlns="http://www.w3.org/2000/svg"
aria-hidden="true"
focusable="false"
role="presentation"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
class="f-icon-svg f-icon-svg--medium f-icon-search"
>
<circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line>
</svg>
</button>
</drawer-opener>
<noscript>
<details>
<summary aria-label="Search" aria-haspopup="dialog">
<span class="site-header__search site-header__element" data-drawer="#Drawer-Search">
<span class="btn btn--plain btn--icon focus-inset site-header__search-toggle site-header__link">
<svg
xmlns="http://www.w3.org/2000/svg"
aria-hidden="true"
focusable="false"
role="presentation"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
class="f-icon-svg f-icon-svg--medium f-icon-search"
>
<circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line>
</svg>
</span>
</span>
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="f-icon-svg f-icon--medium hidden f-icon-close"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
</summary>
<div class="f-search-no-js">
<form action="/search" method="get" role="search" class="f-search-no-js__form">
<div class="f-search-no-js__field w-full">
<label class="visually-hidden" for="f-search-no-js-input">Search</label>
<input
class="form-control focus-inset f-search-no-js__input"
id="f-search-no-js-input"
type="text"
name="q"
value=""
placeholder="Search"
>
<input type="hidden" name="options[prefix]" value="last">
<button type="submit" class="btn btn--plain" aria-label="Search">
<svg
xmlns="http://www.w3.org/2000/svg"
aria-hidden="true"
focusable="false"
role="presentation"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
class="f-icon-svg f-icon-svg--medium f-icon-search"
>
<circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line>
</svg>
</button>
</div>
</form>
</div>
</details>
</noscript>
</div>
<div class="site-header__element hidden md:block">
<div class="account-dropdown">
<a class="site-header__link btn--icon focus-inset" href="https://shopify.com/60340568199/account?locale=en®ion_country=US" data-tippy-theme="color-background-2" data-tippy-content="Log in" data-tippy-placement="bottom">
<span class="visually-hidden">Log in</span>
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="f-icon-svg f-icon-svg--medium f-icon-user">
<g>
<path d="M12 15C15.3137 15 18 12.3137 18 9C18 5.68629 15.3137 3 12 3C8.68629 3 6 5.68629 6 9C6 12.3137 8.68629 15 12 15Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M3 20.25C4.81594 17.1122 8.11406 15 12 15C15.8859 15 19.1841 17.1122 21 20.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
</svg>
</a>
</div>
<style>
.account-dropdown {
position: relative;
display: inline-block;
}
.account-dropdown .dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
left: -40px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
.account-dropdown:hover .dropdown-content {
display: block;
}
.dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
}
.dropdown-content a:hover {
background-color: #f1f1f1;
}
</style>
</div>
<div class="site-header__element ">
<drawer-opener
class="inline-flex"
data-drawer="#Drawer-Cart"
>
<a
href="/cart"
class="site-header__link btn--icon focus-inset"
data-tippy-theme="color-background-2"
aria-label="Cart"
data-tippy-content="Cart"
data-tippy-placement="bottom"
aria-haspopup="dialog"
role="button"
data-opener
>
<div class="cart-link cart-link--icon">
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="f-icon-svg f-icon-svg--medium f-icon-shopping-cart">
<path d="M7.5 21.75C8.32843 21.75 9 21.0784 9 20.25C9 19.4216 8.32843 18.75 7.5 18.75C6.67157 18.75 6 19.4216 6 20.25C6 21.0784 6.67157 21.75 7.5 21.75Z" fill="currentColor"/>
<path d="M17.25 21.75C18.0784 21.75 18.75 21.0784 18.75 20.25C18.75 19.4216 18.0784 18.75 17.25 18.75C16.4216 18.75 15.75 19.4216 15.75 20.25C15.75 21.0784 16.4216 21.75 17.25 21.75Z" fill="currentColor"/>
<path d="M3.96469 6.75H21L18.3262 15.4416C18.2318 15.7482 18.0415 16.0165 17.7833 16.207C17.5252 16.3975 17.2127 16.5002 16.8919 16.5H7.88156C7.55556 16.5001 7.23839 16.3941 6.97806 16.1978C6.71772 16.0016 6.5284 15.7259 6.43875 15.4125L3.04781 3.54375C3.00301 3.38711 2.90842 3.24932 2.77835 3.15122C2.64828 3.05311 2.4898 3.00003 2.32687 3H0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<span class="cart-link__count is-cart-empty" data-cart-count-bubble>
<span data-cart-count-number>0</span>
<span class="visually-hidden" data-cart-count-text>items</span>
</span>
</div>
</a>
</drawer-opener>
</div>
</div>
</div>
</div>
</div>
</site-header>
<script src="//www.hookahvault.com/cdn/shop/t/2/assets/mobile-nav.js?v=157610441449757104731717519925" defer="defer"></script>
<div class="hidden no-js-hidden xl-down:block">
<drawer-component id="Drawer-MobileNav" class="f-drawer f-drawer--left f-drawer-mobile-nav" hidden role="dialog" aria-modal="true" aria-label="Menu" style="--f-drawer-width: 100vw;">
<div class="f-drawer__content focus-inset" tabindex="-1">
<div class="scroll-container">
<div id="Mobile-Nav" class="f-mobile-nav" role="navigation">
<button id="DrawerClose-Mobile-Nav" class="f-drawer__close btn btn--plain" aria-label="Close">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="f-icon-svg f-icon--medium f-icon-close"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
</button>
<noscript>
<div class="mobile-nav-toggle">
<details class="parent-group">
<summary
class="header__icon header__icon--menu header__icon--summary focus-inset hidden md-down:flex"
aria-label="Menu"
>
<span class="flex">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-hamburger" fill="none" viewBox="0 0 18 16">
<path d="M1 .5a.5.5 0 100 1h15.71a.5.5 0 000-1H1zM.5 8a.5.5 0 01.5-.5h15.71a.5.5 0 010 1H1A.5.5 0 01.5 8zm0 7a.5.5 0 01.5-.5h15.71a.5.5 0 010 1H1a.5.5 0 01-.5-.5z" fill="currentColor">
</svg>
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="f-icon-svg f-icon--medium f-icon-close"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
</span>
</summary>
<div id="menu-drawer" class="menu-drawer" tabindex="-1">
<div class="menu-drawer__inner-container">
<div class="menu-drawer__navigation-container">
<nav class="menu-drawer__navigation">
<ul class="menu-drawer__menu has-submenu list-menu" role="list"><li><details id="Details-menu-drawer-menu-item-1">
<summary class="menu-drawer__menu-item list-menu__item focus-inset">
Shisha
<span data-collapsible-icon>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
id="link-Shisha"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
tabindex="-1"
>
<div class="menu-drawer__inner-submenu">
<button
class="menu-drawer__close-button focus-inset"
aria-expanded="true"
>
Shisha
</button>
<ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><details id="Details-menu-drawer-submenu-1">
<summary class="menu-drawer__menu-item list-menu__item focus-inset">
Shop by Brand
<span data-collapsible-icon>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
id="childlink-Shop by Brand"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
>
<button
class="menu-drawer__close-button focus-inset"
aria-expanded="true"
>
Shop by Brand
</button>
<ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li>
<a
href="/collections/tangiers"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Tangiers
</a>
</li><li>
<a
href="/collections/adalya-hookah-tobacco"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Adalya
</a>
</li><li>
<a
href="/collections/al-fakher"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Al Fakher
</a>
</li><li>
<a
href="/collections/azure-tobacco"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Azure
</a>
</li><li>
<a
href="/collections/banger-hookah-shisha"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Banger
</a>
</li><li>
<a
href="/collections/blackburn"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Blackburn
</a>
</li><li>
<a
href="/collections/darkside-hookah-shisha"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Darkside
</a>
</li><li>
<a
href="/collections/eternal-smoke"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Eternal Smoke
</a>
</li><li>
<a
href="/collections/fantasia-hookah-shisha"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Fantasia
</a>
</li><li>
<a
href="/collections/fumari"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Fumari
</a>
</li><li>
<a
href="/collections/musthave-tobacco"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Musthave
</a>
</li><li>
<a
href="/collections/trifecta-tobacco"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Trifecta
</a>
</li></ul>
</div>
</details></li><li><details id="Details-menu-drawer-submenu-2">
<summary class="menu-drawer__menu-item list-menu__item focus-inset">
Shop by Flavor
<span data-collapsible-icon>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
id="childlink-Shop by Flavor"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
>
<button
class="menu-drawer__close-button focus-inset"
aria-expanded="true"
>
Shop by Flavor
</button>
<ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li>
<a
href="/collections/fruit-flavored-shisha"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Fruit Flavored
</a>
</li><li>
<a
href="/collections/melon-flavored-shisha"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Melon Flavored
</a>
</li><li>
<a
href="/collections/mint-flavored-shisha"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Mint Flavored
</a>
</li><li>
<a
href="/collections/beverage-flavored-shisha"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Beverage Flavored
</a>
</li><li>
<a
href="/collections/citrus-flavored-shisha"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Citrus Flavored
</a>
</li><li>
<a
href="/collections/floral-spice-flavored-shisha"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Floral & Spice Flavored
</a>
</li></ul>
</div>
</details></li><li><details id="Details-menu-drawer-submenu-3">
<summary class="menu-drawer__menu-item list-menu__item focus-inset">
Shop by Tobacco Type
<span data-collapsible-icon>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
id="childlink-Shop by Tobacco Type"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
>
<button
class="menu-drawer__close-button focus-inset"
aria-expanded="true"
>
Shop by Tobacco Type
</button>
<ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li>
<a
href="/collections/tobacco-nicotine-free-shisha"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Tobacco/Nicotine Free
</a>
</li><li>
<a
href="/collections/blonde-leaf-shisha"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Blonde Leaf
</a>
</li><li>
<a
href="/collections/dark-leaf-shisha"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Dark Leaf
</a>
</li></ul>
</div>
</details></li><li><details id="Details-menu-drawer-submenu-4">
<summary class="menu-drawer__menu-item list-menu__item focus-inset">
Shop by Size
<span data-collapsible-icon>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
id="childlink-Shop by Size"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
>
<button
class="menu-drawer__close-button focus-inset"
aria-expanded="true"
>
Shop by Size
</button>
<ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li>
<a
href="/collections/50g-shisha"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
50g
</a>
</li><li>
<a
href="/collections/100g-shisha"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
100g
</a>
</li><li>
<a
href="/collections/125g-shisha"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
125g
</a>
</li><li>
<a
href="/collections/200g-shisha"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
200g
</a>
</li><li>
<a
href="/collections/1000g-shisha"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
1000g
</a>
</li></ul>
</div>
</details></li><li><a
href="/collections/hookah-flavor-mixes"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Flavor Mixes
</a></li><li><a
href="/collections/all-shisha"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Shop All Shisha
</a></li></ul>
</div>
</div>
</details></li><li><details id="Details-menu-drawer-menu-item-2">
<summary class="menu-drawer__menu-item list-menu__item focus-inset">
Hookahs
<span data-collapsible-icon>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
id="link-Hookahs"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
tabindex="-1"
>
<div class="menu-drawer__inner-submenu">
<button
class="menu-drawer__close-button focus-inset"
aria-expanded="true"
>
Hookahs
</button>
<ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><details id="Details-menu-drawer-submenu-1">
<summary class="menu-drawer__menu-item list-menu__item focus-inset">
Shop by Brand
<span data-collapsible-icon>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
id="childlink-Shop by Brand"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
>
<button
class="menu-drawer__close-button focus-inset"
aria-expanded="true"
>
Shop by Brand
</button>
<ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li>
<a
href="/collections/aeon-hookah-products"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Aeon
</a>
</li><li>
<a
href="/collections/alpha-hookah-products"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Alpha
</a>
</li><li>
<a
href="/collections/amotion-hookah-products"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Amotion
</a>
</li><li>
<a
href="/collections/b2-hookah-products"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
B2
</a>
</li><li>
<a
href="/collections/dsh-hookah-products"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
DSH
</a>
</li><li>
<a
href="/collections/egyptian-hookah-products"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Egyptian
</a>
</li><li>
<a
href="/collections/el-bomber-hookah-products"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
El Bomber
</a>
</li><li>
<a
href="/collections/fantasia-hookah-products"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Fantasia
</a>
</li><li>
<a
href="/collections/geometry-hookah-products"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Geometry
</a>
</li><li>
<a
href="/collections/hoob-hookah-products"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Hoob
</a>
</li><li>
<a
href="/collections/honey-sigh-hookah-products"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Honey Sigh
</a>
</li><li>
<a
href="/collections/hookah-trees-hookah-products"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Hookah Trees
</a>
</li><li>
<a
href="/collections/japona-hookah-products"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Japona
</a>
</li></ul>
</div>
</details></li><li><details id="Details-menu-drawer-submenu-2">
<summary class="menu-drawer__menu-item list-menu__item focus-inset">
Shop by Brand
<span data-collapsible-icon>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
id="childlink-Shop by Brand"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
>
<button
class="menu-drawer__close-button focus-inset"
aria-expanded="true"
>
Shop by Brand
</button>
<ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li>
<a
href="/collections/maklaud-hookah-products"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Maklaud
</a>
</li><li>
<a
href="/collections/misha-by-alpha-hookah-products"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Misha by Alpha
</a>
</li><li>
<a
href="/collections/mya-hookah-products"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Mya
</a>
</li><li>
<a
href="/collections/moze-hookah-products"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Moze
</a>
</li><li>
<a
href="/collections/na-grani-hookah-products"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Na Grani
</a>
</li><li>
<a
href="/collections/narguile-hookah-products"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Narguile
</a>
</li><li>
<a
href="/collections/oduman-hookah-products"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Oduman
</a>
</li><li>
<a
href="/collections/regal-hookah-products"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Regal
</a>
</li><li>
<a
href="/collections/shishabucks-hookah-products"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Shishabucks
</a>
</li><li>
<a
href="/collections/steamulation-hookah-products"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Steamulation
</a>
</li><li>
<a
href="/collections/union-hookah-products"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Union
</a>
</li><li>
<a
href="/collections/vyro-hookah-products"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Vyro
</a>
</li><li>
<a
href="/collections/wookah-hookah-products"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Wookah
</a>
</li></ul>
</div>
</details></li><li><details id="Details-menu-drawer-submenu-3">
<summary class="menu-drawer__menu-item list-menu__item focus-inset">
Hookahs By Price
<span data-collapsible-icon>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
id="childlink-Hookahs By Price"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
>
<button
class="menu-drawer__close-button focus-inset"
aria-expanded="true"
>
Hookahs By Price
</button>
<ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li>
<a
href="/collections/cheap-hookahs-under-150"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Cheap Hookahs (Under $150)
</a>
</li><li>
<a
href="/collections/premium-hookahs-150-300"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Premium Hookahs ($150-$300)
</a>
</li><li>
<a
href="/collections/best-hookahs-300"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Best Hookahs ($300+)
</a>
</li></ul>
</div>
</details></li><li><details id="Details-menu-drawer-submenu-4">
<summary class="menu-drawer__menu-item list-menu__item focus-inset">
Hookahs by Size
<span data-collapsible-icon>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
id="childlink-Hookahs by Size "
class="menu-drawer__submenu has-submenu gradient motion-reduce"
>
<button
class="menu-drawer__close-button focus-inset"
aria-expanded="true"
>
Hookahs by Size
</button>
<ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li>
<a
href="/collections/mini-sized-hookah"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Mini Sized Hookah
</a>
</li><li>
<a
href="/collections/small-sized-hookah"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Small Sized
</a>
</li><li>
<a
href="/collections/medium-sized-hookah"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Medium Sized
</a>
</li><li>
<a
href="/collections/large-sized-hookah"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Large Sized
</a>
</li><li>
<a
href="/collections/travel-hookah"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Travel
</a>
</li></ul>
</div>
</details></li><li><details id="Details-menu-drawer-submenu-5">
<summary class="menu-drawer__menu-item list-menu__item focus-inset">
Hookahs by Color
<span data-collapsible-icon>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
id="childlink-Hookahs by Color"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
>
<button
class="menu-drawer__close-button focus-inset"
aria-expanded="true"
>
Hookahs by Color
</button>
<ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li>
<a
href="/collections/black-hookah"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Black
</a>
</li><li>
<a
href="/collections/blue-hookah"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Blue
</a>
</li><li>
<a
href="/collections/gold-hookah"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Gold
</a>
</li><li>
<a
href="/collections/green-hookah"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Green
</a>
</li><li>
<a
href="/collections/pink-hookah"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Pink
</a>
</li><li>
<a
href="/collections/purple-hookah"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Purple
</a>
</li><li>
<a
href="/collections/white-hookah"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
White
</a>
</li></ul>
</div>
</details></li><li><details id="Details-menu-drawer-submenu-6">
<summary class="menu-drawer__menu-item list-menu__item focus-inset">
Hookah Sets / Hookah Bundles
<span data-collapsible-icon>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
id="childlink-Hookah Sets / Hookah Bundles"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
>
<button
class="menu-drawer__close-button focus-inset"
aria-expanded="true"
>
Hookah Sets / Hookah Bundles
</button>
<ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li>
<a
href="/collections/hookah-kits"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Hookah Bundles
</a>
</li><li>
<a
href="/collections/hookahs"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Shop All Hookahs
</a>
</li></ul>
</div>
</details></li></ul>
</div>
</div>
</details></li><li><details id="Details-menu-drawer-menu-item-3">
<summary class="menu-drawer__menu-item list-menu__item focus-inset">
Bowls
<span data-collapsible-icon>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
id="link-Bowls"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
tabindex="-1"
>
<div class="menu-drawer__inner-submenu">
<button
class="menu-drawer__close-button focus-inset"
aria-expanded="true"
>
Bowls
</button>
<ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><details id="Details-menu-drawer-submenu-1">
<summary class="menu-drawer__menu-item list-menu__item focus-inset">
Shop by Brand
<span data-collapsible-icon>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
id="childlink-Shop by Brand"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
>
<button
class="menu-drawer__close-button focus-inset"
aria-expanded="true"
>
Shop by Brand
</button>
<ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li>
<a
href="/collections/1010-makes"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
1010
</a>
</li><li>
<a
href="/collections/alpaca-hookah-bowls"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Alpaca
</a>
</li><li>
<a
href="/collections/alpha-hookah-bowls"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Alpha
</a>
</li><li>
<a
href="/collections/ascent-hookah-bowls"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Ascent
</a>
</li><li>
<a
href="/collections/bakkali-cornetto-hookah-bowls"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Bakkali Cornetto
</a>
</li><li>
<a
href="/collections/cyril-hookah-bowls"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Cyril
</a>
</li><li>
<a
href="/collections/fantasia-hookah-bowls"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Fantasia
</a>
</li><li>
<a
href="/collections/geometry-hookah-bowls"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Geometry
</a>
</li><li>
<a
href="/collections/hj-hookah-bowls"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
HJ
</a>
</li><li>
<a
href="/collections/japona-hookah-bowls"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Japona
</a>
</li><li>
<a
href="/collections/kong-hookah-bowls"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Kong
</a>
</li><li>
<a
href="/collections/mason-hookah-bowls"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Mason
</a>
</li><li>
<a
href="/collections/oblako-hookah-bowls"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Oblako
</a>
</li><li>
<a
href="/collections/shishabucks-hookah-bowls"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Shishabucks
</a>
</li><li>
<a
href="/collections/tangier-phunnel-hookah-bowls"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Tangier
</a>
</li><li>
<a
href="/collections/urb-bowls-hookah-bowls"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Urb Bowls
</a>
</li></ul>
</div>
</details></li><li><details id="Details-menu-drawer-submenu-2">
<summary class="menu-drawer__menu-item list-menu__item focus-inset">
Bowl Type
<span data-collapsible-icon>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
id="childlink-Bowl Type"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
>
<button
class="menu-drawer__close-button focus-inset"
aria-expanded="true"
>
Bowl Type
</button>
<ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li>
<a
href="/collections/traditional-hookah-bowls"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Traditional
</a>
</li><li>
<a
href="/collections/phunnel-hookah-bowls"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Phunnel
</a>
</li></ul>
</div>
</details></li><li><a
href="/collections/bowls"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Shop All Bowls
</a></li></ul>
</div>
</div>
</details></li><li><details id="Details-menu-drawer-menu-item-4">
<summary class="menu-drawer__menu-item list-menu__item focus-inset">
Bases
<span data-collapsible-icon>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
id="link-Bases"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
tabindex="-1"
>
<div class="menu-drawer__inner-submenu">
<button
class="menu-drawer__close-button focus-inset"
aria-expanded="true"
>
Bases
</button>
<ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><details id="Details-menu-drawer-submenu-1">
<summary class="menu-drawer__menu-item list-menu__item focus-inset">
Shop by Brand
<span data-collapsible-icon>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
id="childlink-Shop by Brand"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
>
<button
class="menu-drawer__close-button focus-inset"
aria-expanded="true"
>
Shop by Brand
</button>
<ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li>
<a
href="/collections/big-maks-hookah-bases"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Big Maks
</a>
</li><li>
<a
href="/collections/boho-hookah-bases"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Boho
</a>
</li><li>
<a
href="/collections/caesar-hookah-bases"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Caesar
</a>
</li><li>
<a
href="/collections/cyril-hookah-hookah-bases"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Cyril
</a>
</li><li>
<a
href="/collections/egermann-hookah-bases"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Egermann
</a>
</li></ul>
</div>
</details></li><li><a
href="/collections/hookah-bases"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Shop All Bases
</a></li></ul>
</div>
</div>
</details></li><li><details id="Details-menu-drawer-menu-item-5">
<summary class="menu-drawer__menu-item list-menu__item focus-inset">
Coals
<span data-collapsible-icon>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
id="link-Coals"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
tabindex="-1"
>
<div class="menu-drawer__inner-submenu">
<button
class="menu-drawer__close-button focus-inset"
aria-expanded="true"
>
Coals
</button>
<ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><details id="Details-menu-drawer-submenu-1">
<summary class="menu-drawer__menu-item list-menu__item focus-inset">
Shop by Brand
<span data-collapsible-icon>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
id="childlink-Shop by Brand"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
>
<button
class="menu-drawer__close-button focus-inset"
aria-expanded="true"
>
Shop by Brand
</button>
<ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li>
<a
href="/collections/arka-hookah-coals"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Arka
</a>
</li><li>
<a
href="/collections/black-cocos"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Black Coco's
</a>
</li><li>
<a
href="/collections/cocourth"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Cocourth
</a>
</li><li>
<a
href="/collections/coco-nara-hookah-coals"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Coco Nara
</a>
</li><li>
<a
href="/collections/fantasia-hookah-coals"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Fantasia
</a>
</li><li>
<a
href="/collections/le-orange-hookah-coals"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Le Orange
</a>
</li><li>
<a
href="/collections/qoco-turbo-hookah-coals"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Qoco Turbo
</a>
</li><li>
<a
href="/collections/shaman-hookah-coals"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Shaman
</a>
</li><li>
<a
href="/collections/superior-coco-hookah-coals"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Superior Coco
</a>
</li><li>
<a
href="/collections/tangiers-hookah-coals"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Tangiers
</a>
</li><li>
<a
href="/collections/titanium-hookah-coals"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Titanium
</a>
</li><li>
<a
href="/collections/three-kings-hookah-coals"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Three Kings
</a>
</li></ul>
</div>
</details></li><li><details id="Details-menu-drawer-submenu-2">
<summary class="menu-drawer__menu-item list-menu__item focus-inset">
Coal Type
<span data-collapsible-icon>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
id="childlink-Coal Type"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
>
<button
class="menu-drawer__close-button focus-inset"
aria-expanded="true"
>
Coal Type
</button>
<ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li>
<a
href="/collections/coconut-hookah-coals"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Coconut
</a>
</li><li>
<a
href="/collections/easy-light-hookah-coals"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Easy Light
</a>
</li><li>
<a
href="/collections/quick-light-hookah-coals"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Quick Light
</a>
</li></ul>
</div>
</details></li><li><a
href="/collections/hookah-coals"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Shop All Coals
</a></li></ul>
</div>
</div>
</details></li><li><details id="Details-menu-drawer-menu-item-6">
<summary class="menu-drawer__menu-item list-menu__item focus-inset">
Accessories
<span data-collapsible-icon>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
id="link-Accessories"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
tabindex="-1"
>
<div class="menu-drawer__inner-submenu">
<button
class="menu-drawer__close-button focus-inset"
aria-expanded="true"
>
Accessories
</button>
<ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><details id="Details-menu-drawer-submenu-1">
<summary class="menu-drawer__menu-item list-menu__item focus-inset">
Accessories
<span data-collapsible-icon>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
id="childlink-Accessories"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
>
<button
class="menu-drawer__close-button focus-inset"
aria-expanded="true"
>
Accessories
</button>
<ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li>
<a
href="/collections/bags"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Bags
</a>
</li><li>
<a
href="/collections/coal-burners"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Coal Burners
</a>
</li><li>
<a
href="/collections/coal-carriers"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Coal Carriers
</a>
</li><li>
<a
href="/collections/forks"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Forks
</a>
</li><li>
<a
href="/collections/heat-management"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Heat Management
</a>
</li><li>
<a
href="/collections/mats"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Mats
</a>
</li><li>
<a
href="/collections/molasses-catcher"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Molasses Catcher
</a>
</li><li>
<a
href="/collections/pokers"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Pokers
</a>
</li><li>
<a
href="/collections/tongs"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Tongs
</a>
</li><li>
<a
href="/collections/merchandise"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Merchandise
</a>
</li></ul>
</div>
</details></li></ul>
</div>
</div>
</details></li><li><details id="Details-menu-drawer-menu-item-7">
<summary class="menu-drawer__menu-item list-menu__item focus-inset">
Parts
<span data-collapsible-icon>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
id="link-Parts"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
tabindex="-1"
>
<div class="menu-drawer__inner-submenu">
<button
class="menu-drawer__close-button focus-inset"
aria-expanded="true"
>
Parts
</button>
<ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><details id="Details-menu-drawer-submenu-1">
<summary class="menu-drawer__menu-item list-menu__item focus-inset">
Parts
<span data-collapsible-icon>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
id="childlink-Parts"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
>
<button
class="menu-drawer__close-button focus-inset"
aria-expanded="true"
>
Parts
</button>
<ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li>
<a
href="/collections/diffusers"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Diffusers
</a>
</li><li>
<a
href="/collections/hose-adapter"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Hose Adapter
</a>
</li><li>
<a
href="/collections/hoses"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Hoses
</a>
</li><li>
<a
href="/collections/hoses-spring"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Hose Springs
</a>
</li><li>
<a
href="/collections/mouth-pieces"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Mouth Pieces
</a>
</li><li>
<a
href="/collections/purge-balls"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Purge Balls
</a>
</li><li>
<a
href="/collections/trays"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Trays
</a>
</li></ul>
</div>
</details></li></ul>
</div>
</div>
</details></li><li><details id="Details-menu-drawer-menu-item-8">
<summary class="menu-drawer__menu-item list-menu__item focus-inset">
Supplies
<span data-collapsible-icon>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
id="link-Supplies"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
tabindex="-1"
>
<div class="menu-drawer__inner-submenu">
<button
class="menu-drawer__close-button focus-inset"
aria-expanded="true"
>
Supplies
</button>
<ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><details id="Details-menu-drawer-submenu-1">
<summary class="menu-drawer__menu-item list-menu__item focus-inset">
Supplies
<span data-collapsible-icon>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
id="childlink-Supplies"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
>
<button
class="menu-drawer__close-button focus-inset"
aria-expanded="true"
>
Supplies
</button>
<ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li>
<a
href="/collections/cleaning-supplies"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Cleaning Supplies
</a>
</li><li>
<a
href="/collections/containers"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Containers
</a>
</li><li>
<a
href="/collections/foil"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Foil
</a>
</li><li>
<a
href="/collections/grommets"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Grommets
</a>
</li><li>
<a
href="/collections/mouth-tips"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Mouth Tips
</a>
</li></ul>
</div>
</details></li></ul>
</div>
</div>
</details></li><li><a
href="/collections/sale"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Sale
</a></li><li><details id="Details-menu-drawer-menu-item-10">
<summary class="menu-drawer__menu-item list-menu__item focus-inset">
Subscriptions
<span data-collapsible-icon>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
id="link-Subscriptions"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
tabindex="-1"
>
<div class="menu-drawer__inner-submenu">
<button
class="menu-drawer__close-button focus-inset"
aria-expanded="true"
>
Subscriptions
</button>
<ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><a
href="/pages/subscriptions"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
How it Works
</a></li><li><a
href="/collections/hookah-subscriptions"
class="menu-drawer__menu-item list-menu__item focus-inset"
>
Hookah Subscriptions
</a></li></ul>
</div>
</div>
</details></li></ul>
</nav>
<div class="f-mobile-nav__addons">
<a class="f-mobile-nav__addons-user-link btn btn--primary w-full" href="https://shopify.com/60340568199/account?locale=en®ion_country=US">
<span>Log in</span>
</a>
<ul class="social-links flex items-center list-none flex-wrap justify-center">
<li class="social-links__link">
<a href="https://www.facebook.com/HookahVault/" title="Facebook">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon-setting icon-settings--medium f-icon--medium " viewBox="0 0 17 16">
<path d="M14.6875 0.0429688C15.1562 0.0429688 15.5547 0.207031 15.8828 0.535156C16.2109 0.863281 16.375 1.26172 16.375 1.73047V14.1055C16.375 14.5742 16.2109 14.9727 15.8828 15.3008C15.5547 15.6289 15.1562 15.793 14.6875 15.793H9.87109V10.4492H11.9102L12.2969 7.91797H9.87109V6.26562C9.87109 5.375 10.3398 4.92969 11.2773 4.92969H12.3672V2.78516C11.7109 2.66797 11.0664 2.60938 10.4336 2.60938C9.75391 2.60938 9.16797 2.73828 8.67578 2.99609C8.20703 3.25391 7.83203 3.64062 7.55078 4.15625C7.26953 4.67188 7.12891 5.28125 7.12891 5.98438V7.91797H4.91406V10.4492H7.12891V15.793H2.3125C1.84375 15.793 1.44531 15.6289 1.11719 15.3008C0.789062 14.9727 0.625 14.5742 0.625 14.1055V1.73047C0.625 1.26172 0.789062 0.863281 1.11719 0.535156C1.44531 0.207031 1.84375 0.0429688 2.3125 0.0429688H14.6875Z" fill="currentColor"/>
</svg>
<span class="visually-hidden">Facebook</span>
</a>
</li>
<li class="social-links__link">
<a href="http://instagram.com/thehookahvault" title="Instagram">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon-setting f-icon--medium " viewBox="0 0 18 18">
<path fill="currentColor" d="M8.77 1.58c2.34 0 2.62.01 3.54.05.86.04 1.32.18 1.63.3.41.17.7.35 1.01.66.3.3.5.6.65 1 .12.32.27.78.3 1.64.05.92.06 1.2.06 3.54s-.01 2.62-.05 3.54a4.79 4.79 0 01-.3 1.63c-.17.41-.35.7-.66 1.01-.3.3-.6.5-1.01.66-.31.12-.77.26-1.63.3-.92.04-1.2.05-3.54.05s-2.62 0-3.55-.05a4.79 4.79 0 01-1.62-.3c-.42-.16-.7-.35-1.01-.66-.31-.3-.5-.6-.66-1a4.87 4.87 0 01-.3-1.64c-.04-.92-.05-1.2-.05-3.54s0-2.62.05-3.54c.04-.86.18-1.32.3-1.63.16-.41.35-.7.66-1.01.3-.3.6-.5 1-.65.32-.12.78-.27 1.63-.3.93-.05 1.2-.06 3.55-.06zm0-1.58C6.39 0 6.09.01 5.15.05c-.93.04-1.57.2-2.13.4-.57.23-1.06.54-1.55 1.02C1 1.96.7 2.45.46 3.02c-.22.56-.37 1.2-.4 2.13C0 6.1 0 6.4 0 8.77s.01 2.68.05 3.61c.04.94.2 1.57.4 2.13.23.58.54 1.07 1.02 1.56.49.48.98.78 1.55 1.01.56.22 1.2.37 2.13.4.94.05 1.24.06 3.62.06 2.39 0 2.68-.01 3.62-.05.93-.04 1.57-.2 2.13-.41a4.27 4.27 0 001.55-1.01c.49-.49.79-.98 1.01-1.56.22-.55.37-1.19.41-2.13.04-.93.05-1.23.05-3.61 0-2.39 0-2.68-.05-3.62a6.47 6.47 0 00-.4-2.13 4.27 4.27 0 00-1.02-1.55A4.35 4.35 0 0014.52.46a6.43 6.43 0 00-2.13-.41A69 69 0 008.77 0z"/>
<path fill="currentColor" d="M8.8 4a4.5 4.5 0 100 9 4.5 4.5 0 000-9zm0 7.43a2.92 2.92 0 110-5.85 2.92 2.92 0 010 5.85zM13.43 5a1.05 1.05 0 100-2.1 1.05 1.05 0 000 2.1z">
</svg>
<span class="visually-hidden">Instagram</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</details>
</div>
</noscript>
<div class="site-logo with-mobile with-transparent with-dropdown-hover" style="--logo-width: 150px; --logo-mobile-width: 80px">
<a href="/" class=" site-logo__img" title="Hookah Vault">
<div class="site-logos--normal">
<div class="site-logo--image site-logo--default site-logo--desktop">
<img src="//www.hookahvault.com/cdn/shop/files/Hookah-Vault-Icon.png?v=1720126778&width=500" alt="Hookah Vault" srcset="//www.hookahvault.com/cdn/shop/files/Hookah-Vault-Icon.png?v=1720126778&width=50 50w, //www.hookahvault.com/cdn/shop/files/Hookah-Vault-Icon.png?v=1720126778&width=100 100w, //www.hookahvault.com/cdn/shop/files/Hookah-Vault-Icon.png?v=1720126778&width=150 150w, //www.hookahvault.com/cdn/shop/files/Hookah-Vault-Icon.png?v=1720126778&width=200 200w, //www.hookahvault.com/cdn/shop/files/Hookah-Vault-Icon.png?v=1720126778&width=250 250w, //www.hookahvault.com/cdn/shop/files/Hookah-Vault-Icon.png?v=1720126778&width=300 300w, //www.hookahvault.com/cdn/shop/files/Hookah-Vault-Icon.png?v=1720126778&width=400 400w, //www.hookahvault.com/cdn/shop/files/Hookah-Vault-Icon.png?v=1720126778&width=500 500w" width="150" height="90" sizes="150px">
</div>
<div class="site-logo--image site-logo--mobile hidden md-down:block">
<img src="//www.hookahvault.com/cdn/shop/files/Hookah-Vault-Icon.png?v=1720126778&width=300" alt="Hookah Vault" srcset="//www.hookahvault.com/cdn/shop/files/Hookah-Vault-Icon.png?v=1720126778&width=50 50w, //www.hookahvault.com/cdn/shop/files/Hookah-Vault-Icon.png?v=1720126778&width=100 100w, //www.hookahvault.com/cdn/shop/files/Hookah-Vault-Icon.png?v=1720126778&width=150 150w, //www.hookahvault.com/cdn/shop/files/Hookah-Vault-Icon.png?v=1720126778&width=200 200w, //www.hookahvault.com/cdn/shop/files/Hookah-Vault-Icon.png?v=1720126778&width=250 250w, //www.hookahvault.com/cdn/shop/files/Hookah-Vault-Icon.png?v=1720126778&width=300 300w" width="150" height="90" sizes="150px">
</div>
<div class="site-logo--image site-logo--transparent">
<img src="//www.hookahvault.com/cdn/shop/files/Hookah-Vault-Ic-Wt.png?v=1720126878&width=500" alt="Hookah Vault" srcset="//www.hookahvault.com/cdn/shop/files/Hookah-Vault-Ic-Wt.png?v=1720126878&width=50 50w, //www.hookahvault.com/cdn/shop/files/Hookah-Vault-Ic-Wt.png?v=1720126878&width=100 100w, //www.hookahvault.com/cdn/shop/files/Hookah-Vault-Ic-Wt.png?v=1720126878&width=150 150w, //www.hookahvault.com/cdn/shop/files/Hookah-Vault-Ic-Wt.png?v=1720126878&width=200 200w, //www.hookahvault.com/cdn/shop/files/Hookah-Vault-Ic-Wt.png?v=1720126878&width=250 250w, //www.hookahvault.com/cdn/shop/files/Hookah-Vault-Ic-Wt.png?v=1720126878&width=300 300w, //www.hookahvault.com/cdn/shop/files/Hookah-Vault-Ic-Wt.png?v=1720126878&width=400 400w, //www.hookahvault.com/cdn/shop/files/Hookah-Vault-Ic-Wt.png?v=1720126878&width=500 500w" width="150" height="90" sizes="150px">
</div>
</div>
<div class="site-logos--hover">
<div class="site-logo--image site-logo--dropdown">
<img src="//www.hookahvault.com/cdn/shop/files/Hookah-Vault-Icon.png?v=1720126778&width=500" alt="Hookah Vault" srcset="//www.hookahvault.com/cdn/shop/files/Hookah-Vault-Icon.png?v=1720126778&width=50 50w, //www.hookahvault.com/cdn/shop/files/Hookah-Vault-Icon.png?v=1720126778&width=100 100w, //www.hookahvault.com/cdn/shop/files/Hookah-Vault-Icon.png?v=1720126778&width=150 150w, //www.hookahvault.com/cdn/shop/files/Hookah-Vault-Icon.png?v=1720126778&width=200 200w, //www.hookahvault.com/cdn/shop/files/Hookah-Vault-Icon.png?v=1720126778&width=250 250w, //www.hookahvault.com/cdn/shop/files/Hookah-Vault-Icon.png?v=1720126778&width=300 300w, //www.hookahvault.com/cdn/shop/files/Hookah-Vault-Icon.png?v=1720126778&width=400 400w, //www.hookahvault.com/cdn/shop/files/Hookah-Vault-Icon.png?v=1720126778&width=500 500w" width="150" height="90" sizes="150px">
</div>
</div>
</a>
</div>
<div class="f-mobile-nav__inner">
<ul class="list-none">
<li class="f-mobile-nav__item f-mobile-nav__item--has-child" data-menu-toggle-item data-collapsible-parent>
<a href="/pages/hookah-shisha" class="f-mobile-nav__link">
Shisha
</a>
<collapsible-tab>
<span class="f-mobile-nav__arrow" data-trigger>
<span class="no-js-hidden f-mobile-nav__arrow-icon">
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</span>
<div class="f-mobile-nav__dropdown" data-content>
<ul class="list-none w-full">
<li class="f-mobile-nav__subitem f-mobile-nav__sub-item--has-child" data-menu-toggle-item data-collapsible-parent>
<a href="/collections/all-shisha" class="f-mobile-nav__sub-link">Shop by Brand</a>
<collapsible-tab>
<span class="f-mobile-nav__arrow" data-trigger>
<span class="no-js-hidden f-mobile-nav__arrow-icon">
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</span>
<div class="f-mobile-nav__dropdown f-mobile-nav__dropdown--level3" data-content>
<ul class="list-none">
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/tangiers" class="f-mobile-nav__sub-link">Tangiers</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/adalya-hookah-tobacco" class="f-mobile-nav__sub-link">Adalya</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/al-fakher" class="f-mobile-nav__sub-link">Al Fakher</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/azure-tobacco" class="f-mobile-nav__sub-link">Azure</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/banger-hookah-shisha" class="f-mobile-nav__sub-link">Banger</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/blackburn" class="f-mobile-nav__sub-link">Blackburn</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/darkside-hookah-shisha" class="f-mobile-nav__sub-link">Darkside</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/eternal-smoke" class="f-mobile-nav__sub-link">Eternal Smoke</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/fantasia-hookah-shisha" class="f-mobile-nav__sub-link">Fantasia</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/fumari" class="f-mobile-nav__sub-link">Fumari</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/musthave-tobacco" class="f-mobile-nav__sub-link">Musthave</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/trifecta-tobacco" class="f-mobile-nav__sub-link">Trifecta</a>
</li>
</ul>
</div>
</collapsible-tab>
</li>
<li class="f-mobile-nav__subitem f-mobile-nav__sub-item--has-child" data-menu-toggle-item data-collapsible-parent>
<a href="/collections/all-shisha" class="f-mobile-nav__sub-link">Shop by Flavor</a>
<collapsible-tab>
<span class="f-mobile-nav__arrow" data-trigger>
<span class="no-js-hidden f-mobile-nav__arrow-icon">
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</span>
<div class="f-mobile-nav__dropdown f-mobile-nav__dropdown--level3" data-content>
<ul class="list-none">
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/fruit-flavored-shisha" class="f-mobile-nav__sub-link">Fruit Flavored</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/melon-flavored-shisha" class="f-mobile-nav__sub-link">Melon Flavored</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/mint-flavored-shisha" class="f-mobile-nav__sub-link">Mint Flavored</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/beverage-flavored-shisha" class="f-mobile-nav__sub-link">Beverage Flavored</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/citrus-flavored-shisha" class="f-mobile-nav__sub-link">Citrus Flavored</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/floral-spice-flavored-shisha" class="f-mobile-nav__sub-link">Floral & Spice Flavored</a>
</li>
</ul>
</div>
</collapsible-tab>
</li>
<li class="f-mobile-nav__subitem f-mobile-nav__sub-item--has-child" data-menu-toggle-item data-collapsible-parent>
<a href="/collections/all-shisha" class="f-mobile-nav__sub-link">Shop by Tobacco Type</a>
<collapsible-tab>
<span class="f-mobile-nav__arrow" data-trigger>
<span class="no-js-hidden f-mobile-nav__arrow-icon">
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</span>
<div class="f-mobile-nav__dropdown f-mobile-nav__dropdown--level3" data-content>
<ul class="list-none">
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/tobacco-nicotine-free-shisha" class="f-mobile-nav__sub-link">Tobacco/Nicotine Free</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/blonde-leaf-shisha" class="f-mobile-nav__sub-link">Blonde Leaf</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/dark-leaf-shisha" class="f-mobile-nav__sub-link">Dark Leaf</a>
</li>
</ul>
</div>
</collapsible-tab>
</li>
<li class="f-mobile-nav__subitem f-mobile-nav__sub-item--has-child" data-menu-toggle-item data-collapsible-parent>
<a href="/collections/all-shisha" class="f-mobile-nav__sub-link">Shop by Size</a>
<collapsible-tab>
<span class="f-mobile-nav__arrow" data-trigger>
<span class="no-js-hidden f-mobile-nav__arrow-icon">
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</span>
<div class="f-mobile-nav__dropdown f-mobile-nav__dropdown--level3" data-content>
<ul class="list-none">
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/50g-shisha" class="f-mobile-nav__sub-link">50g</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/100g-shisha" class="f-mobile-nav__sub-link">100g</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/125g-shisha" class="f-mobile-nav__sub-link">125g </a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/200g-shisha" class="f-mobile-nav__sub-link">200g</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/1000g-shisha" class="f-mobile-nav__sub-link">1000g</a>
</li>
</ul>
</div>
</collapsible-tab>
</li>
<li class="f-mobile-nav__subitem" data-collapsible-parent>
<a href="/collections/hookah-flavor-mixes" class="f-mobile-nav__sub-link">Flavor Mixes</a>
</li>
<li class="f-mobile-nav__subitem" data-collapsible-parent>
<a href="/collections/all-shisha" class="f-mobile-nav__sub-link">Shop All Shisha</a>
</li>
</ul>
</div>
</collapsible-tab>
</li>
<li class="f-mobile-nav__item f-mobile-nav__item--has-child" data-menu-toggle-item data-collapsible-parent>
<a href="/pages/hookahs" class="f-mobile-nav__link">
Hookahs
</a>
<collapsible-tab>
<span class="f-mobile-nav__arrow" data-trigger>
<span class="no-js-hidden f-mobile-nav__arrow-icon">
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</span>
<div class="f-mobile-nav__dropdown" data-content>
<ul class="list-none w-full">
<li class="f-mobile-nav__subitem f-mobile-nav__sub-item--has-child" data-menu-toggle-item data-collapsible-parent>
<a href="/collections/hookahs" class="f-mobile-nav__sub-link">Shop by Brand</a>
<collapsible-tab>
<span class="f-mobile-nav__arrow" data-trigger>
<span class="no-js-hidden f-mobile-nav__arrow-icon">
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</span>
<div class="f-mobile-nav__dropdown f-mobile-nav__dropdown--level3" data-content>
<ul class="list-none">
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/aeon-hookah-products" class="f-mobile-nav__sub-link">Aeon</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/alpha-hookah-products" class="f-mobile-nav__sub-link">Alpha</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/amotion-hookah-products" class="f-mobile-nav__sub-link">Amotion </a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/b2-hookah-products" class="f-mobile-nav__sub-link">B2 </a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/dsh-hookah-products" class="f-mobile-nav__sub-link">DSH </a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/egyptian-hookah-products" class="f-mobile-nav__sub-link">Egyptian </a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/el-bomber-hookah-products" class="f-mobile-nav__sub-link">El Bomber</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/fantasia-hookah-products" class="f-mobile-nav__sub-link">Fantasia</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/geometry-hookah-products" class="f-mobile-nav__sub-link">Geometry</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/hoob-hookah-products" class="f-mobile-nav__sub-link">Hoob</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/honey-sigh-hookah-products" class="f-mobile-nav__sub-link">Honey Sigh</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/hookah-trees-hookah-products" class="f-mobile-nav__sub-link">Hookah Trees</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/japona-hookah-products" class="f-mobile-nav__sub-link">Japona</a>
</li>
</ul>
</div>
</collapsible-tab>
</li>
<li class="f-mobile-nav__subitem f-mobile-nav__sub-item--has-child" data-menu-toggle-item data-collapsible-parent>
<a href="/collections/hookahs" class="f-mobile-nav__sub-link">Shop by Brand</a>
<collapsible-tab>
<span class="f-mobile-nav__arrow" data-trigger>
<span class="no-js-hidden f-mobile-nav__arrow-icon">
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</span>
<div class="f-mobile-nav__dropdown f-mobile-nav__dropdown--level3" data-content>
<ul class="list-none">
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/maklaud-hookah-products" class="f-mobile-nav__sub-link">Maklaud</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/misha-by-alpha-hookah-products" class="f-mobile-nav__sub-link">Misha by Alpha</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/mya-hookah-products" class="f-mobile-nav__sub-link">Mya</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/moze-hookah-products" class="f-mobile-nav__sub-link">Moze</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/na-grani-hookah-products" class="f-mobile-nav__sub-link">Na Grani </a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/narguile-hookah-products" class="f-mobile-nav__sub-link">Narguile</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/oduman-hookah-products" class="f-mobile-nav__sub-link">Oduman</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/regal-hookah-products" class="f-mobile-nav__sub-link">Regal</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/shishabucks-hookah-products" class="f-mobile-nav__sub-link">Shishabucks</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/steamulation-hookah-products" class="f-mobile-nav__sub-link">Steamulation</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/union-hookah-products" class="f-mobile-nav__sub-link">Union</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/vyro-hookah-products" class="f-mobile-nav__sub-link">Vyro</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/wookah-hookah-products" class="f-mobile-nav__sub-link">Wookah</a>
</li>
</ul>
</div>
</collapsible-tab>
</li>
<li class="f-mobile-nav__subitem f-mobile-nav__sub-item--has-child" data-menu-toggle-item data-collapsible-parent>
<a href="/collections/hookahs" class="f-mobile-nav__sub-link">Hookahs By Price</a>
<collapsible-tab>
<span class="f-mobile-nav__arrow" data-trigger>
<span class="no-js-hidden f-mobile-nav__arrow-icon">
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</span>
<div class="f-mobile-nav__dropdown f-mobile-nav__dropdown--level3" data-content>
<ul class="list-none">
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/cheap-hookahs-under-150" class="f-mobile-nav__sub-link">Cheap Hookahs (Under $150)</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/premium-hookahs-150-300" class="f-mobile-nav__sub-link">Premium Hookahs ($150-$300)</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/best-hookahs-300" class="f-mobile-nav__sub-link">Best Hookahs ($300+)</a>
</li>
</ul>
</div>
</collapsible-tab>
</li>
<li class="f-mobile-nav__subitem f-mobile-nav__sub-item--has-child" data-menu-toggle-item data-collapsible-parent>
<a href="/collections/hookahs" class="f-mobile-nav__sub-link">Hookahs by Size </a>
<collapsible-tab>
<span class="f-mobile-nav__arrow" data-trigger>
<span class="no-js-hidden f-mobile-nav__arrow-icon">
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</span>
<div class="f-mobile-nav__dropdown f-mobile-nav__dropdown--level3" data-content>
<ul class="list-none">
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/mini-sized-hookah" class="f-mobile-nav__sub-link">Mini Sized Hookah</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/small-sized-hookah" class="f-mobile-nav__sub-link">Small Sized</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/medium-sized-hookah" class="f-mobile-nav__sub-link">Medium Sized</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/large-sized-hookah" class="f-mobile-nav__sub-link">Large Sized</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/travel-hookah" class="f-mobile-nav__sub-link">Travel</a>
</li>
</ul>
</div>
</collapsible-tab>
</li>
<li class="f-mobile-nav__subitem f-mobile-nav__sub-item--has-child" data-menu-toggle-item data-collapsible-parent>
<a href="/collections" class="f-mobile-nav__sub-link">Hookahs by Color</a>
<collapsible-tab>
<span class="f-mobile-nav__arrow" data-trigger>
<span class="no-js-hidden f-mobile-nav__arrow-icon">
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</span>
<div class="f-mobile-nav__dropdown f-mobile-nav__dropdown--level3" data-content>
<ul class="list-none">
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/black-hookah" class="f-mobile-nav__sub-link">Black</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/blue-hookah" class="f-mobile-nav__sub-link">Blue </a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/gold-hookah" class="f-mobile-nav__sub-link">Gold </a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/green-hookah" class="f-mobile-nav__sub-link">Green </a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/pink-hookah" class="f-mobile-nav__sub-link">Pink </a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/purple-hookah" class="f-mobile-nav__sub-link">Purple </a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/white-hookah" class="f-mobile-nav__sub-link">White </a>
</li>
</ul>
</div>
</collapsible-tab>
</li>
<li class="f-mobile-nav__subitem f-mobile-nav__sub-item--has-child" data-menu-toggle-item data-collapsible-parent>
<a href="/collections/hookah-kits" class="f-mobile-nav__sub-link">Hookah Sets / Hookah Bundles</a>
<collapsible-tab>
<span class="f-mobile-nav__arrow" data-trigger>
<span class="no-js-hidden f-mobile-nav__arrow-icon">
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</span>
<div class="f-mobile-nav__dropdown f-mobile-nav__dropdown--level3" data-content>
<ul class="list-none">
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/hookah-kits" class="f-mobile-nav__sub-link">Hookah Bundles</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/hookahs" class="f-mobile-nav__sub-link">Shop All Hookahs</a>
</li>
</ul>
</div>
</collapsible-tab>
</li>
</ul>
</div>
</collapsible-tab>
</li>
<li class="f-mobile-nav__item f-mobile-nav__item--has-child" data-menu-toggle-item data-collapsible-parent>
<a href="/pages/hookah-bowls" class="f-mobile-nav__link">
Bowls
</a>
<collapsible-tab>
<span class="f-mobile-nav__arrow" data-trigger>
<span class="no-js-hidden f-mobile-nav__arrow-icon">
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</span>
<div class="f-mobile-nav__dropdown" data-content>
<ul class="list-none w-full">
<li class="f-mobile-nav__subitem f-mobile-nav__sub-item--has-child" data-menu-toggle-item data-collapsible-parent>
<a href="/collections/bowls" class="f-mobile-nav__sub-link">Shop by Brand</a>
<collapsible-tab>
<span class="f-mobile-nav__arrow" data-trigger>
<span class="no-js-hidden f-mobile-nav__arrow-icon">
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</span>
<div class="f-mobile-nav__dropdown f-mobile-nav__dropdown--level3" data-content>
<ul class="list-none">
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/1010-makes" class="f-mobile-nav__sub-link">1010</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/alpaca-hookah-bowls" class="f-mobile-nav__sub-link">Alpaca</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/alpha-hookah-bowls" class="f-mobile-nav__sub-link">Alpha</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/ascent-hookah-bowls" class="f-mobile-nav__sub-link">Ascent</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/bakkali-cornetto-hookah-bowls" class="f-mobile-nav__sub-link">Bakkali Cornetto</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/cyril-hookah-bowls" class="f-mobile-nav__sub-link">Cyril</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/fantasia-hookah-bowls" class="f-mobile-nav__sub-link">Fantasia</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/geometry-hookah-bowls" class="f-mobile-nav__sub-link">Geometry</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/hj-hookah-bowls" class="f-mobile-nav__sub-link">HJ</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/japona-hookah-bowls" class="f-mobile-nav__sub-link">Japona </a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/kong-hookah-bowls" class="f-mobile-nav__sub-link">Kong </a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/mason-hookah-bowls" class="f-mobile-nav__sub-link">Mason </a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/oblako-hookah-bowls" class="f-mobile-nav__sub-link">Oblako </a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/shishabucks-hookah-bowls" class="f-mobile-nav__sub-link">Shishabucks </a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/tangier-phunnel-hookah-bowls" class="f-mobile-nav__sub-link">Tangier </a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/urb-bowls-hookah-bowls" class="f-mobile-nav__sub-link">Urb Bowls</a>
</li>
</ul>
</div>
</collapsible-tab>
</li>
<li class="f-mobile-nav__subitem f-mobile-nav__sub-item--has-child" data-menu-toggle-item data-collapsible-parent>
<a href="/collections/bowls" class="f-mobile-nav__sub-link">Bowl Type</a>
<collapsible-tab>
<span class="f-mobile-nav__arrow" data-trigger>
<span class="no-js-hidden f-mobile-nav__arrow-icon">
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</span>
<div class="f-mobile-nav__dropdown f-mobile-nav__dropdown--level3" data-content>
<ul class="list-none">
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/traditional-hookah-bowls" class="f-mobile-nav__sub-link">Traditional </a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/phunnel-hookah-bowls" class="f-mobile-nav__sub-link">Phunnel </a>
</li>
</ul>
</div>
</collapsible-tab>
</li>
<li class="f-mobile-nav__subitem" data-collapsible-parent>
<a href="/collections/bowls" class="f-mobile-nav__sub-link">Shop All Bowls</a>
</li>
</ul>
</div>
</collapsible-tab>
</li>
<li class="f-mobile-nav__item f-mobile-nav__item--has-child" data-menu-toggle-item data-collapsible-parent>
<a href="/pages/hookah-bases" class="f-mobile-nav__link">
Bases
</a>
<collapsible-tab>
<span class="f-mobile-nav__arrow" data-trigger>
<span class="no-js-hidden f-mobile-nav__arrow-icon">
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</span>
<div class="f-mobile-nav__dropdown" data-content>
<ul class="list-none w-full">
<li class="f-mobile-nav__subitem f-mobile-nav__sub-item--has-child" data-menu-toggle-item data-collapsible-parent>
<a href="/collections/hookah-bases" class="f-mobile-nav__sub-link">Shop by Brand</a>
<collapsible-tab>
<span class="f-mobile-nav__arrow" data-trigger>
<span class="no-js-hidden f-mobile-nav__arrow-icon">
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</span>
<div class="f-mobile-nav__dropdown f-mobile-nav__dropdown--level3" data-content>
<ul class="list-none">
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/big-maks-hookah-bases" class="f-mobile-nav__sub-link">Big Maks</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/boho-hookah-bases" class="f-mobile-nav__sub-link">Boho</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/caesar-hookah-bases" class="f-mobile-nav__sub-link">Caesar</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/cyril-hookah-hookah-bases" class="f-mobile-nav__sub-link">Cyril</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/egermann-hookah-bases" class="f-mobile-nav__sub-link">Egermann</a>
</li>
</ul>
</div>
</collapsible-tab>
</li>
<li class="f-mobile-nav__subitem" data-collapsible-parent>
<a href="/collections/hookah-bases" class="f-mobile-nav__sub-link">Shop All Bases</a>
</li>
</ul>
</div>
</collapsible-tab>
</li>
<li class="f-mobile-nav__item f-mobile-nav__item--has-child" data-menu-toggle-item data-collapsible-parent>
<a href="/pages/hookah-coals" class="f-mobile-nav__link">
Coals
</a>
<collapsible-tab>
<span class="f-mobile-nav__arrow" data-trigger>
<span class="no-js-hidden f-mobile-nav__arrow-icon">
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</span>
<div class="f-mobile-nav__dropdown" data-content>
<ul class="list-none w-full">
<li class="f-mobile-nav__subitem f-mobile-nav__sub-item--has-child" data-menu-toggle-item data-collapsible-parent>
<a href="/collections/hookah-coals" class="f-mobile-nav__sub-link">Shop by Brand</a>
<collapsible-tab>
<span class="f-mobile-nav__arrow" data-trigger>
<span class="no-js-hidden f-mobile-nav__arrow-icon">
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</span>
<div class="f-mobile-nav__dropdown f-mobile-nav__dropdown--level3" data-content>
<ul class="list-none">
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/arka-hookah-coals" class="f-mobile-nav__sub-link">Arka</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/black-cocos" class="f-mobile-nav__sub-link">Black Coco's</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/cocourth" class="f-mobile-nav__sub-link">Cocourth</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/coco-nara-hookah-coals" class="f-mobile-nav__sub-link">Coco Nara</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/fantasia-hookah-coals" class="f-mobile-nav__sub-link">Fantasia</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/le-orange-hookah-coals" class="f-mobile-nav__sub-link">Le Orange</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/qoco-turbo-hookah-coals" class="f-mobile-nav__sub-link">Qoco Turbo</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/shaman-hookah-coals" class="f-mobile-nav__sub-link">Shaman</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/superior-coco-hookah-coals" class="f-mobile-nav__sub-link">Superior Coco</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/tangiers-hookah-coals" class="f-mobile-nav__sub-link">Tangiers</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/titanium-hookah-coals" class="f-mobile-nav__sub-link">Titanium</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/three-kings-hookah-coals" class="f-mobile-nav__sub-link">Three Kings</a>
</li>
</ul>
</div>
</collapsible-tab>
</li>
<li class="f-mobile-nav__subitem f-mobile-nav__sub-item--has-child" data-menu-toggle-item data-collapsible-parent>
<a href="/collections/hookah-coals" class="f-mobile-nav__sub-link">Coal Type</a>
<collapsible-tab>
<span class="f-mobile-nav__arrow" data-trigger>
<span class="no-js-hidden f-mobile-nav__arrow-icon">
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</span>
<div class="f-mobile-nav__dropdown f-mobile-nav__dropdown--level3" data-content>
<ul class="list-none">
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/coconut-hookah-coals" class="f-mobile-nav__sub-link">Coconut </a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/easy-light-hookah-coals" class="f-mobile-nav__sub-link">Easy Light</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/quick-light-hookah-coals" class="f-mobile-nav__sub-link">Quick Light</a>
</li>
</ul>
</div>
</collapsible-tab>
</li>
<li class="f-mobile-nav__subitem" data-collapsible-parent>
<a href="/collections/hookah-coals" class="f-mobile-nav__sub-link">Shop All Coals</a>
</li>
</ul>
</div>
</collapsible-tab>
</li>
<li class="f-mobile-nav__item f-mobile-nav__item--has-child" data-menu-toggle-item data-collapsible-parent>
<a href="/pages/hookah-accessories" class="f-mobile-nav__link">
Accessories
</a>
<collapsible-tab>
<span class="f-mobile-nav__arrow" data-trigger>
<span class="no-js-hidden f-mobile-nav__arrow-icon">
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</span>
<div class="f-mobile-nav__dropdown" data-content>
<ul class="list-none w-full">
<li class="f-mobile-nav__subitem f-mobile-nav__sub-item--has-child" data-menu-toggle-item data-collapsible-parent>
<a href="/collections/hookah-accessories/Accessories" class="f-mobile-nav__sub-link">Accessories</a>
<collapsible-tab>
<span class="f-mobile-nav__arrow" data-trigger>
<span class="no-js-hidden f-mobile-nav__arrow-icon">
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</span>
<div class="f-mobile-nav__dropdown f-mobile-nav__dropdown--level3" data-content>
<ul class="list-none">
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/bags" class="f-mobile-nav__sub-link">Bags</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/coal-burners" class="f-mobile-nav__sub-link">Coal Burners</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/coal-carriers" class="f-mobile-nav__sub-link">Coal Carriers</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/forks" class="f-mobile-nav__sub-link">Forks</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/heat-management" class="f-mobile-nav__sub-link">Heat Management</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/mats" class="f-mobile-nav__sub-link">Mats</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/molasses-catcher" class="f-mobile-nav__sub-link">Molasses Catcher</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/pokers" class="f-mobile-nav__sub-link">Pokers</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/tongs" class="f-mobile-nav__sub-link">Tongs</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/merchandise" class="f-mobile-nav__sub-link">Merchandise</a>
</li>
</ul>
</div>
</collapsible-tab>
</li>
</ul>
</div>
</collapsible-tab>
</li>
<li class="f-mobile-nav__item f-mobile-nav__item--has-child" data-menu-toggle-item data-collapsible-parent>
<a href="/pages/hookah-parts" class="f-mobile-nav__link">
Parts
</a>
<collapsible-tab>
<span class="f-mobile-nav__arrow" data-trigger>
<span class="no-js-hidden f-mobile-nav__arrow-icon">
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</span>
<div class="f-mobile-nav__dropdown" data-content>
<ul class="list-none w-full">
<li class="f-mobile-nav__subitem f-mobile-nav__sub-item--has-child" data-menu-toggle-item data-collapsible-parent>
<a href="/collections/hookah-parts" class="f-mobile-nav__sub-link">Parts</a>
<collapsible-tab>
<span class="f-mobile-nav__arrow" data-trigger>
<span class="no-js-hidden f-mobile-nav__arrow-icon">
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</span>
<div class="f-mobile-nav__dropdown f-mobile-nav__dropdown--level3" data-content>
<ul class="list-none">
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/diffusers" class="f-mobile-nav__sub-link">Diffusers</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/hose-adapter" class="f-mobile-nav__sub-link">Hose Adapter</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/hoses" class="f-mobile-nav__sub-link">Hoses</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/hoses-spring" class="f-mobile-nav__sub-link">Hose Springs</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/mouth-pieces" class="f-mobile-nav__sub-link">Mouth Pieces</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/purge-balls" class="f-mobile-nav__sub-link">Purge Balls</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/trays" class="f-mobile-nav__sub-link">Trays</a>
</li>
</ul>
</div>
</collapsible-tab>
</li>
</ul>
</div>
</collapsible-tab>
</li>
<li class="f-mobile-nav__item f-mobile-nav__item--has-child" data-menu-toggle-item data-collapsible-parent>
<a href="/pages/hookah-supplies" class="f-mobile-nav__link">
Supplies
</a>
<collapsible-tab>
<span class="f-mobile-nav__arrow" data-trigger>
<span class="no-js-hidden f-mobile-nav__arrow-icon">
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</span>
<div class="f-mobile-nav__dropdown" data-content>
<ul class="list-none w-full">
<li class="f-mobile-nav__subitem f-mobile-nav__sub-item--has-child" data-menu-toggle-item data-collapsible-parent>
<a href="/collections/hookah-supplies" class="f-mobile-nav__sub-link">Supplies</a>
<collapsible-tab>
<span class="f-mobile-nav__arrow" data-trigger>
<span class="no-js-hidden f-mobile-nav__arrow-icon">
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</span>
<div class="f-mobile-nav__dropdown f-mobile-nav__dropdown--level3" data-content>
<ul class="list-none">
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/cleaning-supplies" class="f-mobile-nav__sub-link">Cleaning Supplies</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/containers" class="f-mobile-nav__sub-link">Containers</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/foil" class="f-mobile-nav__sub-link">Foil</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/grommets" class="f-mobile-nav__sub-link">Grommets</a>
</li>
<li class="f-mobile-nav__sub-item f-mobile-nav__sub-item--level3">
<a href="/collections/mouth-tips" class="f-mobile-nav__sub-link">Mouth Tips</a>
</li>
</ul>
</div>
</collapsible-tab>
</li>
</ul>
</div>
</collapsible-tab>
</li>
<li class="f-mobile-nav__item" data-collapsible-parent>
<a href="/collections/sale" class="f-mobile-nav__link">
Sale
</a>
</li>
<li class="f-mobile-nav__item f-mobile-nav__item--has-child" data-menu-toggle-item data-collapsible-parent>
<a href="/collections/hookah-subscriptions" class="f-mobile-nav__link">
Subscriptions
</a>
<collapsible-tab>
<span class="f-mobile-nav__arrow" data-trigger>
<span class="no-js-hidden f-mobile-nav__arrow-icon">
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</span>
<div class="f-mobile-nav__dropdown" data-content>
<ul class="list-none w-full">
<li class="f-mobile-nav__subitem" data-collapsible-parent>
<a href="/pages/subscriptions" class="f-mobile-nav__sub-link">How it Works</a>
</li>
<li class="f-mobile-nav__subitem" data-collapsible-parent>
<a href="/collections/hookah-subscriptions" class="f-mobile-nav__sub-link">Hookah Subscriptions</a>
</li>
</ul>
</div>
</collapsible-tab>
</li>
</ul>
</div>
<div class="f-mobile-nav__addons">
<a class="f-mobile-nav__addons-user-link btn btn--primary w-full" href="https://shopify.com/60340568199/account?locale=en®ion_country=US">
<span>Log in </span>
</a>
<ul class="social-links flex items-center list-none flex-wrap">
<li class="social-links__link">
<a href="https://www.facebook.com/HookahVault/" title="Facebook">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon-setting icon-settings--medium f-icon--medium " viewBox="0 0 17 16">
<path d="M14.6875 0.0429688C15.1562 0.0429688 15.5547 0.207031 15.8828 0.535156C16.2109 0.863281 16.375 1.26172 16.375 1.73047V14.1055C16.375 14.5742 16.2109 14.9727 15.8828 15.3008C15.5547 15.6289 15.1562 15.793 14.6875 15.793H9.87109V10.4492H11.9102L12.2969 7.91797H9.87109V6.26562C9.87109 5.375 10.3398 4.92969 11.2773 4.92969H12.3672V2.78516C11.7109 2.66797 11.0664 2.60938 10.4336 2.60938C9.75391 2.60938 9.16797 2.73828 8.67578 2.99609C8.20703 3.25391 7.83203 3.64062 7.55078 4.15625C7.26953 4.67188 7.12891 5.28125 7.12891 5.98438V7.91797H4.91406V10.4492H7.12891V15.793H2.3125C1.84375 15.793 1.44531 15.6289 1.11719 15.3008C0.789062 14.9727 0.625 14.5742 0.625 14.1055V1.73047C0.625 1.26172 0.789062 0.863281 1.11719 0.535156C1.44531 0.207031 1.84375 0.0429688 2.3125 0.0429688H14.6875Z" fill="currentColor"/>
</svg>
<span class="visually-hidden">Facebook</span>
</a>
</li>
<li class="social-links__link">
<a href="http://instagram.com/thehookahvault" title="Instagram">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon-setting f-icon--medium " viewBox="0 0 18 18">
<path fill="currentColor" d="M8.77 1.58c2.34 0 2.62.01 3.54.05.86.04 1.32.18 1.63.3.41.17.7.35 1.01.66.3.3.5.6.65 1 .12.32.27.78.3 1.64.05.92.06 1.2.06 3.54s-.01 2.62-.05 3.54a4.79 4.79 0 01-.3 1.63c-.17.41-.35.7-.66 1.01-.3.3-.6.5-1.01.66-.31.12-.77.26-1.63.3-.92.04-1.2.05-3.54.05s-2.62 0-3.55-.05a4.79 4.79 0 01-1.62-.3c-.42-.16-.7-.35-1.01-.66-.31-.3-.5-.6-.66-1a4.87 4.87 0 01-.3-1.64c-.04-.92-.05-1.2-.05-3.54s0-2.62.05-3.54c.04-.86.18-1.32.3-1.63.16-.41.35-.7.66-1.01.3-.3.6-.5 1-.65.32-.12.78-.27 1.63-.3.93-.05 1.2-.06 3.55-.06zm0-1.58C6.39 0 6.09.01 5.15.05c-.93.04-1.57.2-2.13.4-.57.23-1.06.54-1.55 1.02C1 1.96.7 2.45.46 3.02c-.22.56-.37 1.2-.4 2.13C0 6.1 0 6.4 0 8.77s.01 2.68.05 3.61c.04.94.2 1.57.4 2.13.23.58.54 1.07 1.02 1.56.49.48.98.78 1.55 1.01.56.22 1.2.37 2.13.4.94.05 1.24.06 3.62.06 2.39 0 2.68-.01 3.62-.05.93-.04 1.57-.2 2.13-.41a4.27 4.27 0 001.55-1.01c.49-.49.79-.98 1.01-1.56.22-.55.37-1.19.41-2.13.04-.93.05-1.23.05-3.61 0-2.39 0-2.68-.05-3.62a6.47 6.47 0 00-.4-2.13 4.27 4.27 0 00-1.02-1.55A4.35 4.35 0 0014.52.46a6.43 6.43 0 00-2.13-.41A69 69 0 008.77 0z"/>
<path fill="currentColor" d="M8.8 4a4.5 4.5 0 100 9 4.5 4.5 0 000-9zm0 7.43a2.92 2.92 0 110-5.85 2.92 2.92 0 010 5.85zM13.43 5a1.05 1.05 0 100-2.1 1.05 1.05 0 000 2.1z">
</svg>
<span class="visually-hidden">Instagram</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</drawer-component>
</div>
</sticky-header>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Organization",
"name": "Hookah Vault",
"logo": "https:\/\/www.hookahvault.com\/cdn\/shop\/files\/Hookah-Vault-Icon.png?v=1720126778\u0026width=1157",
"sameAs": [
"",
"https:\/\/www.facebook.com\/HookahVault\/",
"",
"http:\/\/instagram.com\/thehookahvault",
"",
"",
"",
"",
""
],
"url": "https:\/\/www.hookahvault.com"
}
</script>
<script src="//www.hookahvault.com/cdn/shop/t/2/assets/header-menu.js?v=137793763177574502671717519925" defer="defer"></script>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "WebSite",
"name": "Hookah Vault",
"potentialAction": {
"@type": "SearchAction",
"target": "https:\/\/www.hookahvault.com\/search?q={search_term_string}",
"query-input": "required name=search_term_string"
},
"url": "https:\/\/www.hookahvault.com"
}
</script>
<style> #shopify-section-sections--15976596242567__header .site-header {--header-padding: 13px;} #shopify-section-sections--15976596242567__header .f-site-nav__dropdown--mega {border-top: 1px solid var(--color-border); top: 95% !important;} #shopify-section-sections--15976596242567__header .f-site-nav__link {font-size: 14px;} #shopify-section-sections--15976596242567__header .mobile-nav-toggle button {height: 100%;} #shopify-section-sections--15976596242567__header .site-logo--image img {height: auto !important;} </style></div>
<!-- END sections: header-group -->
<main id="MainContent" class="site-main focus-none" role="main" tabindex="-1">
<div id="shopify-section-template--15976596111495__custom_content_eALkUa" class="shopify-section">
<link href="//www.hookahvault.com/cdn/shop/t/2/assets/custom-content.css?v=14016377836320966231717519924" rel="stylesheet" type="text/css" media="all" />
<div
id="template--15976596111495__custom_content_eALkUa"
class="f-custom wt-text hero-bnr relative f-section-padding color-inverse"
data-section-type="f-custom-content"
data-section-id="template--15976596111495__custom_content_eALkUa"
style="--section-padding-top: 100px; --section-padding-bottom: 100px;--grid-gap-mobile: 1.2rem 0"
>
<div
class="bg-image"
style="--aspect-ratio: 1.7777777777777777"
><img src="//www.hookahvault.com/cdn/shop/files/hookah-vault-2nd-anniversary-tanigers-exclusive-flavor-v2.png?v=1723212518&width=1500" srcset="//www.hookahvault.com/cdn/shop/files/hookah-vault-2nd-anniversary-tanigers-exclusive-flavor-v2.png?v=1723212518&width=375 375w, //www.hookahvault.com/cdn/shop/files/hookah-vault-2nd-anniversary-tanigers-exclusive-flavor-v2.png?v=1723212518&width=550 550w, //www.hookahvault.com/cdn/shop/files/hookah-vault-2nd-anniversary-tanigers-exclusive-flavor-v2.png?v=1723212518&width=750 750w, //www.hookahvault.com/cdn/shop/files/hookah-vault-2nd-anniversary-tanigers-exclusive-flavor-v2.png?v=1723212518&width=1100 1100w, //www.hookahvault.com/cdn/shop/files/hookah-vault-2nd-anniversary-tanigers-exclusive-flavor-v2.png?v=1723212518&width=1500 1500w" width="1920" height="1080.0" loading="eager" fetchpriority="high" sizes="100vw">
</div>
<div class="container">
<div class="f-flex flex-wrap f-grid--gap-extra-large">
<div
id="f-custom-block--text_M4tWyj"
class="f-column w-full"
data-block-type="text"
>
<div class="f-custom__block f-custom__block--text h-full md:flex items-end text-center hero-s">
<div class="f-text-blocks w-full">
<div
class="f-text-blocks__btn f-scroll-trigger animate--fade-in-up"
data-cascade
style="--animation-order: 4;"
>
<a href="/collections/all" class="btn btn--primary">shop now</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<style> @media (max-width: 767px) {#shopify-section-template--15976596111495__custom_content_eALkUa .hero-s {padding-top: 25px; } #shopify-section-template--15976596111495__custom_content_eALkUa .hero-bnr {padding-top: 240px; padding-bottom: 40px; }} </style></div><div id="shopify-section-template--15976596111495__collection_list_rtBiN3" class="shopify-section">
<link href="//www.hookahvault.com/cdn/shop/t/2/assets/component-collection-card.css?v=9479697017865127011717519924" rel="stylesheet" type="text/css" media="all" />
<div
id="template--15976596111495__collection_list_rtBiN3"
data-section-type="collection-list"
data-section-id="template--15976596111495__collection_list_rtBiN3"
class="collection-list f-section-padding color-background-1"
style="--section-padding-top: 100px ; --section-padding-bottom: 40px;"
>
<div class="container">
<div class="section__header section__header--vertical spacing--normal">
<div class="section__header--text text-center md:text-center">
<h2 class="section__heading h1 f-scroll-trigger animate--fade-in-up">Shop by Collection</h2>
</div>
</div>
<flickity-component
class="f-grid f-grid-2-cols md:f-grid-2-cols xl:f-grid-3-cols flickity-disable f-grid--gap-medium"
data-slider-options='{"pageDots": false, "prevNextButtons": false, "groupCells": 3, "cellSelector": ".f-column", "wrapAround": true}'
data-slider-columns="3"
data-calc-button-position="true"
data-enable-slider="false"
>
<div class="f-column">
<div
class="block f-scroll-trigger animate--fade-in-up"
data-cascade
style="--animation-order: 1;"
>
<div class="collection-card collection-card--style-2 text-left f-image-hover-effect__zoom" style="--text-color: #ffffff;">
<div class="collection-card__image-wrapper f-card overflow-hidden">
<a
title="Hookah Shisha"
href="/collections/all-shisha"
class="collection-card__wrapper"
>
<div class="f-image collection-card__image" style="--aspect-ratio: 1/1;">
<img src="//www.hookahvault.com/cdn/shop/files/tangiers-hookah-shisha_adef2581-bf12-44a6-9e9d-0b39cbfa22e2.jpg?v=1722627691&width=1500" alt="Shisha" srcset="//www.hookahvault.com/cdn/shop/files/tangiers-hookah-shisha_adef2581-bf12-44a6-9e9d-0b39cbfa22e2.jpg?v=1722627691&width=375 375w, //www.hookahvault.com/cdn/shop/files/tangiers-hookah-shisha_adef2581-bf12-44a6-9e9d-0b39cbfa22e2.jpg?v=1722627691&width=550 550w, //www.hookahvault.com/cdn/shop/files/tangiers-hookah-shisha_adef2581-bf12-44a6-9e9d-0b39cbfa22e2.jpg?v=1722627691&width=750 750w, //www.hookahvault.com/cdn/shop/files/tangiers-hookah-shisha_adef2581-bf12-44a6-9e9d-0b39cbfa22e2.jpg?v=1722627691&width=1100 1100w, //www.hookahvault.com/cdn/shop/files/tangiers-hookah-shisha_adef2581-bf12-44a6-9e9d-0b39cbfa22e2.jpg?v=1722627691&width=1500 1500w" width="1080" height="1080.0" loading="lazy" fetchpriority="low" sizes="50vw">
</div>
</a>
</div><div class="collection-card__info ">
<div class="collection-card__info--group ">
<h3 class="collection-card__title text-current font-heading h3">
Shisha
</h3>
</div>
</div>
</div>
</div>
</div>
<div class="f-column">
<div
class="block f-scroll-trigger animate--fade-in-up"
data-cascade
style="--animation-order: 2;"
>
<div class="collection-card collection-card--style-2 text-left f-image-hover-effect__zoom" style="--text-color: #ffffff;">
<div class="collection-card__image-wrapper f-card overflow-hidden">
<a
title="Hookahs"
href="/collections/hookahs"
class="collection-card__wrapper"
>
<div class="f-image collection-card__image" style="--aspect-ratio: 1/1;">
<img src="//www.hookahvault.com/cdn/shop/files/fantasia-nitro-blac-hookah_png_ea8cb8e6-9394-4107-970c-18a46a994d8f.webp?v=1722627726&width=1500" alt="Hookahs" srcset="//www.hookahvault.com/cdn/shop/files/fantasia-nitro-blac-hookah_png_ea8cb8e6-9394-4107-970c-18a46a994d8f.webp?v=1722627726&width=375 375w, //www.hookahvault.com/cdn/shop/files/fantasia-nitro-blac-hookah_png_ea8cb8e6-9394-4107-970c-18a46a994d8f.webp?v=1722627726&width=550 550w, //www.hookahvault.com/cdn/shop/files/fantasia-nitro-blac-hookah_png_ea8cb8e6-9394-4107-970c-18a46a994d8f.webp?v=1722627726&width=750 750w, //www.hookahvault.com/cdn/shop/files/fantasia-nitro-blac-hookah_png_ea8cb8e6-9394-4107-970c-18a46a994d8f.webp?v=1722627726&width=1100 1100w, //www.hookahvault.com/cdn/shop/files/fantasia-nitro-blac-hookah_png_ea8cb8e6-9394-4107-970c-18a46a994d8f.webp?v=1722627726&width=1500 1500w" width="1080" height="1080.0" loading="lazy" fetchpriority="low" sizes="50vw">
</div>
</a>
</div><div class="collection-card__info ">
<div class="collection-card__info--group ">
<h3 class="collection-card__title text-current font-heading h3">
Hookahs
</h3>
</div>
</div>
</div>
</div>
</div>
<div class="f-column">
<div
class="block f-scroll-trigger animate--fade-in-up"
data-cascade
style="--animation-order: 3;"
>
<div class="collection-card collection-card--style-2 text-left f-image-hover-effect__zoom" style="--text-color: #ffffff;">
<div class="collection-card__image-wrapper f-card overflow-hidden">
<a
title="Hookah Bowls"
href="/collections/bowls"
class="collection-card__wrapper"
>
<div class="f-image collection-card__image" style="--aspect-ratio: 1/1;">
<img src="//www.hookahvault.com/cdn/shop/files/KongspacePhunnel.png?v=1722627761&width=1500" alt="Bowls" srcset="//www.hookahvault.com/cdn/shop/files/KongspacePhunnel.png?v=1722627761&width=375 375w, //www.hookahvault.com/cdn/shop/files/KongspacePhunnel.png?v=1722627761&width=550 550w, //www.hookahvault.com/cdn/shop/files/KongspacePhunnel.png?v=1722627761&width=750 750w, //www.hookahvault.com/cdn/shop/files/KongspacePhunnel.png?v=1722627761&width=1100 1100w, //www.hookahvault.com/cdn/shop/files/KongspacePhunnel.png?v=1722627761&width=1500 1500w" width="1080" height="1080.0" loading="lazy" fetchpriority="low" sizes="50vw">
</div>
</a>
</div><div class="collection-card__info ">
<div class="collection-card__info--group ">
<h3 class="collection-card__title text-current font-heading h3">
Bowls
</h3>
</div>
</div>
</div>
</div>
</div>
<div class="f-column">
<div
class="block f-scroll-trigger animate--fade-in-up"
data-cascade
style="--animation-order: 4;"
>
<div class="collection-card collection-card--style-2 text-left f-image-hover-effect__zoom" style="--text-color: #ffffff;">
<div class="collection-card__image-wrapper f-card overflow-hidden">
<a
title="Hookah Bases"
href="/collections/hookah-bases"
class="collection-card__wrapper"
>
<div class="f-image collection-card__image" style="--aspect-ratio: 1/1;">
<img src="//www.hookahvault.com/cdn/shop/files/Caesar_-_Amber_P_2c4cb6b2-dabf-4f98-a3f2-f9f5ab902587.png?v=1722627794&width=1500" alt="Bases" srcset="//www.hookahvault.com/cdn/shop/files/Caesar_-_Amber_P_2c4cb6b2-dabf-4f98-a3f2-f9f5ab902587.png?v=1722627794&width=375 375w, //www.hookahvault.com/cdn/shop/files/Caesar_-_Amber_P_2c4cb6b2-dabf-4f98-a3f2-f9f5ab902587.png?v=1722627794&width=550 550w, //www.hookahvault.com/cdn/shop/files/Caesar_-_Amber_P_2c4cb6b2-dabf-4f98-a3f2-f9f5ab902587.png?v=1722627794&width=750 750w, //www.hookahvault.com/cdn/shop/files/Caesar_-_Amber_P_2c4cb6b2-dabf-4f98-a3f2-f9f5ab902587.png?v=1722627794&width=1100 1100w, //www.hookahvault.com/cdn/shop/files/Caesar_-_Amber_P_2c4cb6b2-dabf-4f98-a3f2-f9f5ab902587.png?v=1722627794&width=1500 1500w" width="1080" height="1080.0" loading="lazy" fetchpriority="low" sizes="50vw">
</div>
</a>
</div><div class="collection-card__info ">
<div class="collection-card__info--group ">
<h3 class="collection-card__title text-current font-heading h3">
Bases
</h3>
</div>
</div>
</div>
</div>
</div>
<div class="f-column">
<div
class="block f-scroll-trigger animate--fade-in-up"
data-cascade
style="--animation-order: 5;"
>
<div class="collection-card collection-card--style-2 text-left f-image-hover-effect__zoom" style="--text-color: #ffffff;">
<div class="collection-card__image-wrapper f-card overflow-hidden">
<a
title="Hookah Coals"
href="/collections/hookah-coals"
class="collection-card__wrapper"
>
<div class="f-image collection-card__image" style="--aspect-ratio: 1/1;">
<img src="//www.hookahvault.com/cdn/shop/files/Tangiers-Silvertabs.jpg?v=1722627823&width=1500" alt="Coals" srcset="//www.hookahvault.com/cdn/shop/files/Tangiers-Silvertabs.jpg?v=1722627823&width=375 375w, //www.hookahvault.com/cdn/shop/files/Tangiers-Silvertabs.jpg?v=1722627823&width=550 550w, //www.hookahvault.com/cdn/shop/files/Tangiers-Silvertabs.jpg?v=1722627823&width=750 750w, //www.hookahvault.com/cdn/shop/files/Tangiers-Silvertabs.jpg?v=1722627823&width=1100 1100w, //www.hookahvault.com/cdn/shop/files/Tangiers-Silvertabs.jpg?v=1722627823&width=1500 1500w" width="1080" height="1080.0" loading="lazy" fetchpriority="low" sizes="50vw">
</div>
</a>
</div><div class="collection-card__info ">
<div class="collection-card__info--group ">
<h3 class="collection-card__title text-current font-heading h3">
Coals
</h3>
</div>
</div>
</div>
</div>
</div>
<div class="f-column">
<div
class="block f-scroll-trigger animate--fade-in-up"
data-cascade
style="--animation-order: 6;"
>
<div class="collection-card collection-card--style-2 text-left f-image-hover-effect__zoom" style="--text-color: #ffffff;">
<div class="collection-card__image-wrapper f-card overflow-hidden">
<a
title="Sale"
href="/collections/sale"
class="collection-card__wrapper"
>
<div class="f-image collection-card__image" style="--aspect-ratio: 1/1;">
<img src="//www.hookahvault.com/cdn/shop/files/coconara-120pcflat.jpg?v=1722627277&width=1500" alt="Sale" srcset="//www.hookahvault.com/cdn/shop/files/coconara-120pcflat.jpg?v=1722627277&width=375 375w, //www.hookahvault.com/cdn/shop/files/coconara-120pcflat.jpg?v=1722627277&width=550 550w, //www.hookahvault.com/cdn/shop/files/coconara-120pcflat.jpg?v=1722627277&width=750 750w, //www.hookahvault.com/cdn/shop/files/coconara-120pcflat.jpg?v=1722627277&width=1100 1100w, //www.hookahvault.com/cdn/shop/files/coconara-120pcflat.jpg?v=1722627277&width=1500 1500w" width="1080" height="1080.0" loading="lazy" fetchpriority="low" sizes="50vw">
</div>
</a>
</div><div class="collection-card__info ">
<div class="collection-card__info--group ">
<h3 class="collection-card__title text-current font-heading h3">
Sale
</h3>
</div>
</div>
</div>
</div>
</div>
</flickity-component>
</div>
</div>
<style> #shopify-section-template--15976596111495__collection_list_rtBiN3 .collection-card--style-2 .collection-card__info {height: 16%;} </style></div><div id="shopify-section-template--15976596111495__0a5d81e6-2ccf-4efe-a828-ed197002987d" class="shopify-section"><link
id="ModalComponent"
rel="stylesheet"
href="//www.hookahvault.com/cdn/shop/t/2/assets/modal-component.css?v=52909933762003547871717519925"
media="print"
onload="this.media='all'"
>
<link rel="stylesheet" href="//www.hookahvault.com/cdn/shop/t/2/assets/component-product-card.css?v=130406048635386464761718891073" media="print" onload="this.media='all'">
<section
id="template--15976596111495__0a5d81e6-2ccf-4efe-a828-ed197002987d"
data-section-type="featured-collection"
data-section-id="template--15976596111495__0a5d81e6-2ccf-4efe-a828-ed197002987d"
class="featured-collection f-section-padding color-background-1"
style="--section-padding-top: 100px ; --section-padding-bottom: 0px;--pdc-padding-bottom: 1rem;"
>
<div class="container">
<div class="section__header section__header--vertical spacing--normal">
<div class="section__header--text text-center md:text-center">
<h2 class="section__heading h1 f-scroll-trigger animate--fade-in-up">Shop Flavor Mixes</h2>
</div>
<div class="section__header--button text-center md:text-center f-scroll-trigger animate--fade-in-up">
<a class="btn btn--underline" href="/collections/hookah-flavor-mixes" aria-label="Shop All">Shop All</a>
</div>
</div>
<flickity-component
class="f-grid f-grid--gap-small f-grid-2-cols md:f-grid-3-cols xl:f-grid-4-cols flickity-disable f-swiper f-swiper--no-scrollbar"
data-slider-options='{"pageDots": true, "prevNextButtons": true, "groupCells": 4, "cellSelector": ".f-column", "wrapAround": true, "percentPosition": false, "freeScroll": false}'
data-slider-columns="4"
data-enable-slider="false"
data-calc-button-position="true"
data-products-container
>
<div class="f-column">
<div
class="product-card f-scroll-trigger animate--fade-in-up quick-view-enabled quick-add-enabled"
data-cascade
style="--animation-order: 1;"
>
<div class="product-card__wrapper f-image-hover-effect__zoom">
<a href="/products/tropical-medley" class="full-width-link product-card__link">
<span class="visually-hidden">Tropical Medley</span>
</a>
<div class="product-card__image-wrapper f-card product-card__image-wrapper--main-only">
<responsive-image
class="f-image product-card__image product-card__image--main"
data-image-loading
style="--aspect-ratio: 1.0"
>
<img
srcset="//www.hookahvault.com/cdn/shop/files/20.-Tropical-Medley.png?v=1723481501&width=165 165w,//www.hookahvault.com/cdn/shop/files/20.-Tropical-Medley.png?v=1723481501&width=360 360w,//www.hookahvault.com/cdn/shop/files/20.-Tropical-Medley.png?v=1723481501&width=533 533w,//www.hookahvault.com/cdn/shop/files/20.-Tropical-Medley.png?v=1723481501&width=720 720w,//www.hookahvault.com/cdn/shop/files/20.-Tropical-Medley.png?v=1723481501&width=940 940w,//www.hookahvault.com/cdn/shop/files/20.-Tropical-Medley.png?v=1723481501 960w
"
src="//www.hookahvault.com/cdn/shop/files/20.-Tropical-Medley.png?v=1723481501&width=533"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="Tropical Medley"
class="motion-reduce"
loading="lazy"
fetchpriority="low"
width="533"
height="533"
>
</responsive-image>
<div class="product-card__actions mobile-hide-quick-view">
<product-form class="f-product-form w-full product-card__action-button" data-type="product-card"><form method="post" action="/cart/add" accept-charset="UTF-8" class="product-card-form" enctype="multipart/form-data" novalidate="novalidate"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
type="hidden"
name="id" data-productid="7869365125255"
value="41833640394887"
>
<button
class="product-card__atc btn btn--white"
name="add"
aria-label="Add to cart"
>
<span class="product-card__atc-icon product-card__action-icon hidden">
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="f-icon-svg f-icon-svg--medium f-icon-shopping-cart">
<path d="M7.5 21.75C8.32843 21.75 9 21.0784 9 20.25C9 19.4216 8.32843 18.75 7.5 18.75C6.67157 18.75 6 19.4216 6 20.25C6 21.0784 6.67157 21.75 7.5 21.75Z" fill="currentColor"/>
<path d="M17.25 21.75C18.0784 21.75 18.75 21.0784 18.75 20.25C18.75 19.4216 18.0784 18.75 17.25 18.75C16.4216 18.75 15.75 19.4216 15.75 20.25C15.75 21.0784 16.4216 21.75 17.25 21.75Z" fill="currentColor"/>
<path d="M3.96469 6.75H21L18.3262 15.4416C18.2318 15.7482 18.0415 16.0165 17.7833 16.207C17.5252 16.3975 17.2127 16.5002 16.8919 16.5H7.88156C7.55556 16.5001 7.23839 16.3941 6.97806 16.1978C6.71772 16.0016 6.5284 15.7259 6.43875 15.4125L3.04781 3.54375C3.00301 3.38711 2.90842 3.24932 2.77835 3.15122C2.64828 3.05311 2.4898 3.00003 2.32687 3H0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="product-card__action-icon-loading f-spinner-icon">
<svg
aria-hidden="true"
class="f-icon-svg f-icon-svg--medium"
viewBox="0 0 66 66"
xmlns="http://www.w3.org/2000/svg"
>
<circle fill="none" cx="33" cy="33" r="30"/>
</svg>
</span>
<span class="product-card__atc-text product-card__action-text">Add to cart
</span>
</button><input type="hidden" name="product-id" value="7869365125255" /><input type="hidden" name="section-id" value="template--15976596111495__0a5d81e6-2ccf-4efe-a828-ed197002987d" /></form></product-form>
<button
class="btn btn--white no-color-schema product-card__quickview product-card__action-button no-js-hidden"
aria-label="Quick view"
data-product-quickview="tropical-medley"
>
<span class="product-card__quick-view-icon product-card__action-icon">
<svg
xmlns="http://www.w3.org/2000/svg"
aria-hidden="true"
focusable="false"
role="presentation"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
class="f-icon-svg f-icon-svg--medium f-icon-eye"
>
<path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle>
</svg>
</span>
<span class="product-card__action-icon-loading f-spinner-icon">
<svg
aria-hidden="true"
class="f-icon-svg f-icon-svg--medium"
viewBox="0 0 66 66"
xmlns="http://www.w3.org/2000/svg"
>
<circle fill="none" cx="33" cy="33" r="30"/>
</svg>
</span>
<span class="product-card__quick-view-text product-card__action-text">Quick view</span>
</button>
</div>
</div>
<div class="product-card__info text-left"><h3 class="product-card__title text-product-title font-body">Tropical Medley</h3>
<div class="f-price f-price--left"><div class="f-price__regular">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="f-price-item f-price-item--regular">
$37.98
</span>
</div>
<div class="f-price__sale">
<span class="visually-hidden visually-hidden--inline">Sale price</span>
<span class="f-price-item f-price-item--sale">
$37.98
</span>
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span>
<s class="f-price-item f-price-item--regular">
</s>
</span></div>
<div class="f-price__unit-wrapper hidden">
<span class="visually-hidden">Unit price</span>
<div class="f-price__unit"><span data-unit-price></span><span aria-hidden="true">/</span><span class="visually-hidden">per </span><span data-unit-price-base-unit></span></div>
</div>
</div>
</div>
</div>
<div class="product-card__options relative text-left">
</div>
</div>
<div class="yotpo bottomLine" data-product-id="7869365125255">
</div>
</div>
<div class="f-column">
<div
class="product-card f-scroll-trigger animate--fade-in-up quick-view-enabled quick-add-enabled"
data-cascade
style="--animation-order: 2;"
>
<div class="product-card__wrapper f-image-hover-effect__zoom">
<a href="/products/cream-team" class="full-width-link product-card__link">
<span class="visually-hidden">Cream Team</span>
</a>
<div class="product-card__image-wrapper f-card product-card__image-wrapper--main-only">
<responsive-image
class="f-image product-card__image product-card__image--main"
data-image-loading
style="--aspect-ratio: 1.0"
>
<img
srcset="//www.hookahvault.com/cdn/shop/files/19.-Cream-Team.png?v=1723481528&width=165 165w,//www.hookahvault.com/cdn/shop/files/19.-Cream-Team.png?v=1723481528&width=360 360w,//www.hookahvault.com/cdn/shop/files/19.-Cream-Team.png?v=1723481528&width=533 533w,//www.hookahvault.com/cdn/shop/files/19.-Cream-Team.png?v=1723481528&width=720 720w,//www.hookahvault.com/cdn/shop/files/19.-Cream-Team.png?v=1723481528&width=940 940w,//www.hookahvault.com/cdn/shop/files/19.-Cream-Team.png?v=1723481528 960w
"
src="//www.hookahvault.com/cdn/shop/files/19.-Cream-Team.png?v=1723481528&width=533"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="Cream Team"
class="motion-reduce"
loading="lazy"
fetchpriority="low"
width="533"
height="533"
>
</responsive-image>
<div class="product-card__actions mobile-hide-quick-view">
<product-form class="f-product-form w-full product-card__action-button" data-type="product-card"><form method="post" action="/cart/add" accept-charset="UTF-8" class="product-card-form" enctype="multipart/form-data" novalidate="novalidate"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
type="hidden"
name="id" data-productid="7869364830343"
value="41833636331655"
>
<button
class="product-card__atc btn btn--white"
name="add"
aria-label="Add to cart"
>
<span class="product-card__atc-icon product-card__action-icon hidden">
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="f-icon-svg f-icon-svg--medium f-icon-shopping-cart">
<path d="M7.5 21.75C8.32843 21.75 9 21.0784 9 20.25C9 19.4216 8.32843 18.75 7.5 18.75C6.67157 18.75 6 19.4216 6 20.25C6 21.0784 6.67157 21.75 7.5 21.75Z" fill="currentColor"/>
<path d="M17.25 21.75C18.0784 21.75 18.75 21.0784 18.75 20.25C18.75 19.4216 18.0784 18.75 17.25 18.75C16.4216 18.75 15.75 19.4216 15.75 20.25C15.75 21.0784 16.4216 21.75 17.25 21.75Z" fill="currentColor"/>
<path d="M3.96469 6.75H21L18.3262 15.4416C18.2318 15.7482 18.0415 16.0165 17.7833 16.207C17.5252 16.3975 17.2127 16.5002 16.8919 16.5H7.88156C7.55556 16.5001 7.23839 16.3941 6.97806 16.1978C6.71772 16.0016 6.5284 15.7259 6.43875 15.4125L3.04781 3.54375C3.00301 3.38711 2.90842 3.24932 2.77835 3.15122C2.64828 3.05311 2.4898 3.00003 2.32687 3H0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="product-card__action-icon-loading f-spinner-icon">
<svg
aria-hidden="true"
class="f-icon-svg f-icon-svg--medium"
viewBox="0 0 66 66"
xmlns="http://www.w3.org/2000/svg"
>
<circle fill="none" cx="33" cy="33" r="30"/>
</svg>
</span>
<span class="product-card__atc-text product-card__action-text">Add to cart
</span>
</button><input type="hidden" name="product-id" value="7869364830343" /><input type="hidden" name="section-id" value="template--15976596111495__0a5d81e6-2ccf-4efe-a828-ed197002987d" /></form></product-form>
<button
class="btn btn--white no-color-schema product-card__quickview product-card__action-button no-js-hidden"
aria-label="Quick view"
data-product-quickview="cream-team"
>
<span class="product-card__quick-view-icon product-card__action-icon">
<svg
xmlns="http://www.w3.org/2000/svg"
aria-hidden="true"
focusable="false"
role="presentation"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
class="f-icon-svg f-icon-svg--medium f-icon-eye"
>
<path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle>
</svg>
</span>
<span class="product-card__action-icon-loading f-spinner-icon">
<svg
aria-hidden="true"
class="f-icon-svg f-icon-svg--medium"
viewBox="0 0 66 66"
xmlns="http://www.w3.org/2000/svg"
>
<circle fill="none" cx="33" cy="33" r="30"/>
</svg>
</span>
<span class="product-card__quick-view-text product-card__action-text">Quick view</span>
</button>
</div>
</div>
<div class="product-card__info text-left"><h3 class="product-card__title text-product-title font-body">Cream Team</h3>
<div class="f-price f-price--left"><div class="f-price__regular">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="f-price-item f-price-item--regular">
$39.98
</span>
</div>
<div class="f-price__sale">
<span class="visually-hidden visually-hidden--inline">Sale price</span>
<span class="f-price-item f-price-item--sale">
$39.98
</span>
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span>
<s class="f-price-item f-price-item--regular">
</s>
</span></div>
<div class="f-price__unit-wrapper hidden">
<span class="visually-hidden">Unit price</span>
<div class="f-price__unit"><span data-unit-price></span><span aria-hidden="true">/</span><span class="visually-hidden">per </span><span data-unit-price-base-unit></span></div>
</div>
</div>
</div>
</div>
<div class="product-card__options relative text-left">
</div>
</div>
<div class="yotpo bottomLine" data-product-id="7869364830343">
</div>
</div>
<div class="f-column">
<div
class="product-card f-scroll-trigger animate--fade-in-up quick-view-enabled quick-add-enabled"
data-cascade
style="--animation-order: 3;"
>
<div class="product-card__wrapper f-image-hover-effect__zoom">
<a href="/products/orange-glitch" class="full-width-link product-card__link">
<span class="visually-hidden">Orange Glitch</span>
</a>
<div class="product-card__image-wrapper f-card product-card__image-wrapper--main-only">
<responsive-image
class="f-image product-card__image product-card__image--main"
data-image-loading
style="--aspect-ratio: 1.0"
>
<img
srcset="//www.hookahvault.com/cdn/shop/files/18.-Orange-Glitch.png?v=1723481549&width=165 165w,//www.hookahvault.com/cdn/shop/files/18.-Orange-Glitch.png?v=1723481549&width=360 360w,//www.hookahvault.com/cdn/shop/files/18.-Orange-Glitch.png?v=1723481549&width=533 533w,//www.hookahvault.com/cdn/shop/files/18.-Orange-Glitch.png?v=1723481549&width=720 720w,//www.hookahvault.com/cdn/shop/files/18.-Orange-Glitch.png?v=1723481549&width=940 940w,//www.hookahvault.com/cdn/shop/files/18.-Orange-Glitch.png?v=1723481549 960w
"
src="//www.hookahvault.com/cdn/shop/files/18.-Orange-Glitch.png?v=1723481549&width=533"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="Orange Glitch"
class="motion-reduce"
loading="lazy"
fetchpriority="low"
width="533"
height="533"
>
</responsive-image>
<div class="product-card__actions mobile-hide-quick-view">
<product-form class="f-product-form w-full product-card__action-button" data-type="product-card"><form method="post" action="/cart/add" accept-charset="UTF-8" class="product-card-form" enctype="multipart/form-data" novalidate="novalidate"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
type="hidden"
name="id" data-productid="7869364502663"
value="41833628237959"
>
<button
class="product-card__atc btn btn--white"
name="add"
aria-label="Add to cart"
>
<span class="product-card__atc-icon product-card__action-icon hidden">
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="f-icon-svg f-icon-svg--medium f-icon-shopping-cart">
<path d="M7.5 21.75C8.32843 21.75 9 21.0784 9 20.25C9 19.4216 8.32843 18.75 7.5 18.75C6.67157 18.75 6 19.4216 6 20.25C6 21.0784 6.67157 21.75 7.5 21.75Z" fill="currentColor"/>
<path d="M17.25 21.75C18.0784 21.75 18.75 21.0784 18.75 20.25C18.75 19.4216 18.0784 18.75 17.25 18.75C16.4216 18.75 15.75 19.4216 15.75 20.25C15.75 21.0784 16.4216 21.75 17.25 21.75Z" fill="currentColor"/>
<path d="M3.96469 6.75H21L18.3262 15.4416C18.2318 15.7482 18.0415 16.0165 17.7833 16.207C17.5252 16.3975 17.2127 16.5002 16.8919 16.5H7.88156C7.55556 16.5001 7.23839 16.3941 6.97806 16.1978C6.71772 16.0016 6.5284 15.7259 6.43875 15.4125L3.04781 3.54375C3.00301 3.38711 2.90842 3.24932 2.77835 3.15122C2.64828 3.05311 2.4898 3.00003 2.32687 3H0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="product-card__action-icon-loading f-spinner-icon">
<svg
aria-hidden="true"
class="f-icon-svg f-icon-svg--medium"
viewBox="0 0 66 66"
xmlns="http://www.w3.org/2000/svg"
>
<circle fill="none" cx="33" cy="33" r="30"/>
</svg>
</span>
<span class="product-card__atc-text product-card__action-text">Add to cart
</span>
</button><input type="hidden" name="product-id" value="7869364502663" /><input type="hidden" name="section-id" value="template--15976596111495__0a5d81e6-2ccf-4efe-a828-ed197002987d" /></form></product-form>
<button
class="btn btn--white no-color-schema product-card__quickview product-card__action-button no-js-hidden"
aria-label="Quick view"
data-product-quickview="orange-glitch"
>
<span class="product-card__quick-view-icon product-card__action-icon">
<svg
xmlns="http://www.w3.org/2000/svg"
aria-hidden="true"
focusable="false"
role="presentation"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
class="f-icon-svg f-icon-svg--medium f-icon-eye"
>
<path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle>
</svg>
</span>
<span class="product-card__action-icon-loading f-spinner-icon">
<svg
aria-hidden="true"
class="f-icon-svg f-icon-svg--medium"
viewBox="0 0 66 66"
xmlns="http://www.w3.org/2000/svg"
>
<circle fill="none" cx="33" cy="33" r="30"/>
</svg>
</span>
<span class="product-card__quick-view-text product-card__action-text">Quick view</span>
</button>
</div>
</div>
<div class="product-card__info text-left"><h3 class="product-card__title text-product-title font-body">Orange Glitch</h3>
<div class="f-price f-price--left"><div class="f-price__regular">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="f-price-item f-price-item--regular">
$59.98
</span>
</div>
<div class="f-price__sale">
<span class="visually-hidden visually-hidden--inline">Sale price</span>
<span class="f-price-item f-price-item--sale">
$59.98
</span>
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span>
<s class="f-price-item f-price-item--regular">
</s>
</span></div>
<div class="f-price__unit-wrapper hidden">
<span class="visually-hidden">Unit price</span>
<div class="f-price__unit"><span data-unit-price></span><span aria-hidden="true">/</span><span class="visually-hidden">per </span><span data-unit-price-base-unit></span></div>
</div>
</div>
</div>
</div>
<div class="product-card__options relative text-left">
</div>
</div>
<div class="yotpo bottomLine" data-product-id="7869364502663">
</div>
</div>
<div class="f-column">
<div
class="product-card f-scroll-trigger animate--fade-in-up quick-view-enabled quick-add-enabled"
data-cascade
style="--animation-order: 4;"
>
<div class="product-card__wrapper f-image-hover-effect__zoom">
<a href="/products/tropinkal" class="full-width-link product-card__link">
<span class="visually-hidden">TroPINKal</span>
</a>
<div class="product-card__image-wrapper f-card product-card__image-wrapper--main-only">
<responsive-image
class="f-image product-card__image product-card__image--main"
data-image-loading
style="--aspect-ratio: 1.0"
>
<img
srcset="//www.hookahvault.com/cdn/shop/files/17.-TroPINKal.png?v=1723481572&width=165 165w,//www.hookahvault.com/cdn/shop/files/17.-TroPINKal.png?v=1723481572&width=360 360w,//www.hookahvault.com/cdn/shop/files/17.-TroPINKal.png?v=1723481572&width=533 533w,//www.hookahvault.com/cdn/shop/files/17.-TroPINKal.png?v=1723481572&width=720 720w,//www.hookahvault.com/cdn/shop/files/17.-TroPINKal.png?v=1723481572&width=940 940w,//www.hookahvault.com/cdn/shop/files/17.-TroPINKal.png?v=1723481572 960w
"
src="//www.hookahvault.com/cdn/shop/files/17.-TroPINKal.png?v=1723481572&width=533"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="TroPINKal"
class="motion-reduce"
loading="lazy"
fetchpriority="low"
width="533"
height="533"
>
</responsive-image>
<div class="product-card__actions mobile-hide-quick-view">
<product-form class="f-product-form w-full product-card__action-button" data-type="product-card"><form method="post" action="/cart/add" accept-charset="UTF-8" class="product-card-form" enctype="multipart/form-data" novalidate="novalidate"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
type="hidden"
name="id" data-productid="7869364240519"
value="41833624338567"
>
<button
class="product-card__atc btn btn--white"
name="add"
aria-label="Add to cart"
>
<span class="product-card__atc-icon product-card__action-icon hidden">
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="f-icon-svg f-icon-svg--medium f-icon-shopping-cart">
<path d="M7.5 21.75C8.32843 21.75 9 21.0784 9 20.25C9 19.4216 8.32843 18.75 7.5 18.75C6.67157 18.75 6 19.4216 6 20.25C6 21.0784 6.67157 21.75 7.5 21.75Z" fill="currentColor"/>
<path d="M17.25 21.75C18.0784 21.75 18.75 21.0784 18.75 20.25C18.75 19.4216 18.0784 18.75 17.25 18.75C16.4216 18.75 15.75 19.4216 15.75 20.25C15.75 21.0784 16.4216 21.75 17.25 21.75Z" fill="currentColor"/>
<path d="M3.96469 6.75H21L18.3262 15.4416C18.2318 15.7482 18.0415 16.0165 17.7833 16.207C17.5252 16.3975 17.2127 16.5002 16.8919 16.5H7.88156C7.55556 16.5001 7.23839 16.3941 6.97806 16.1978C6.71772 16.0016 6.5284 15.7259 6.43875 15.4125L3.04781 3.54375C3.00301 3.38711 2.90842 3.24932 2.77835 3.15122C2.64828 3.05311 2.4898 3.00003 2.32687 3H0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="product-card__action-icon-loading f-spinner-icon">
<svg
aria-hidden="true"
class="f-icon-svg f-icon-svg--medium"
viewBox="0 0 66 66"
xmlns="http://www.w3.org/2000/svg"
>
<circle fill="none" cx="33" cy="33" r="30"/>
</svg>
</span>
<span class="product-card__atc-text product-card__action-text">Add to cart
</span>
</button><input type="hidden" name="product-id" value="7869364240519" /><input type="hidden" name="section-id" value="template--15976596111495__0a5d81e6-2ccf-4efe-a828-ed197002987d" /></form></product-form>
<button
class="btn btn--white no-color-schema product-card__quickview product-card__action-button no-js-hidden"
aria-label="Quick view"
data-product-quickview="tropinkal"
>
<span class="product-card__quick-view-icon product-card__action-icon">
<svg
xmlns="http://www.w3.org/2000/svg"
aria-hidden="true"
focusable="false"
role="presentation"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
class="f-icon-svg f-icon-svg--medium f-icon-eye"
>
<path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle>
</svg>
</span>
<span class="product-card__action-icon-loading f-spinner-icon">
<svg
aria-hidden="true"
class="f-icon-svg f-icon-svg--medium"
viewBox="0 0 66 66"
xmlns="http://www.w3.org/2000/svg"
>
<circle fill="none" cx="33" cy="33" r="30"/>
</svg>
</span>
<span class="product-card__quick-view-text product-card__action-text">Quick view</span>
</button>
</div>
</div>
<div class="product-card__info text-left"><h3 class="product-card__title text-product-title font-body">TroPINKal</h3>
<div class="f-price f-price--left"><div class="f-price__regular">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="f-price-item f-price-item--regular">
$59.97
</span>
</div>
<div class="f-price__sale">
<span class="visually-hidden visually-hidden--inline">Sale price</span>
<span class="f-price-item f-price-item--sale">
$59.97
</span>
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span>
<s class="f-price-item f-price-item--regular">
</s>
</span></div>
<div class="f-price__unit-wrapper hidden">
<span class="visually-hidden">Unit price</span>
<div class="f-price__unit"><span data-unit-price></span><span aria-hidden="true">/</span><span class="visually-hidden">per </span><span data-unit-price-base-unit></span></div>
</div>
</div>
</div>
</div>
<div class="product-card__options relative text-left">
</div>
</div>
<div class="yotpo bottomLine" data-product-id="7869364240519">
</div>
</div>
</flickity-component>
</div>
</section>
<style> @media (min-width: 1280px) {#shopify-section-template--15976596111495__0a5d81e6-2ccf-4efe-a828-ed197002987d .section__header {padding-bottom: var(--header-padding-bottom-large); }} </style></div><div id="shopify-section-template--15976596111495__6689630c-6cbe-48c7-8952-7e41401b21ac" class="shopify-section">
<link rel="stylesheet" href="//www.hookahvault.com/cdn/shop/t/2/assets/scrolling-promotion.css?v=151708950601528283341717519925" media="print" onload="this.media='all'">
<div
id="template--15976596111495__6689630c-6cbe-48c7-8952-7e41401b21ac"
class="f-scrolling-promotion__wrapper f-section-padding color-background-1 border-top border-bottom"
style="--section-padding-top: 100px ; --section-padding-bottom: 100px;"
>
<div class="container-full">
<div class="section__header section__header--vertical spacing--normal">
<div class="section__header--text text-center md:text-center">
<h2 class="section__heading h1 f-scroll-trigger animate--fade-in-up"><b>Top-rated Hookah Brands</b></h2>
</div>
</div>
<f-scrolling-promotion
data-section-type="scrolling-promotion"
data-section-id="template--15976596111495__6689630c-6cbe-48c7-8952-7e41401b21ac"
data-pause-on-hover
class="f-scrolling-promotion f-scrolling-promotion--right"
style="--item-gap: 0px;--item-gap-mobile: 8px;--duration: 60.0s;--section-padding-top: 100px ; --section-padding-bottom: 100px;"
>
<div class="f-promotion items-center">
<div
class="f-promotion__item f-promotion--image"
style="--image-height: 140px;"
>
<div class="f-image">
<img
srcset="//www.hookahvault.com/cdn/shop/files/fumari-logo-bn.png?v=1718987103&width=165 165w,//www.hookahvault.com/cdn/shop/files/fumari-logo-bn.png?v=1718987103 260w
"
src="//www.hookahvault.com/cdn/shop/files/fumari-logo-bn.png?v=1718987103&width=533"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt=""
loading="lazy"
width="260"
height="160"
>
</div>
</div>
<div
class="f-promotion__item f-promotion--image"
style="--image-height: 140px;"
>
<div class="f-image">
<img
srcset="//www.hookahvault.com/cdn/shop/files/tangiers-logo-bn.png?v=1718987230&width=165 165w,//www.hookahvault.com/cdn/shop/files/tangiers-logo-bn.png?v=1718987230 260w
"
src="//www.hookahvault.com/cdn/shop/files/tangiers-logo-bn.png?v=1718987230&width=533"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt=""
loading="lazy"
width="260"
height="160"
>
</div>
</div>
<div
class="f-promotion__item f-promotion--image"
style="--image-height: 140px;"
>
<div class="f-image">
<img
srcset="//www.hookahvault.com/cdn/shop/files/alfakher-logo-bn.png?v=1718987269&width=165 165w,//www.hookahvault.com/cdn/shop/files/alfakher-logo-bn.png?v=1718987269 260w
"
src="//www.hookahvault.com/cdn/shop/files/alfakher-logo-bn.png?v=1718987269&width=533"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt=""
loading="lazy"
width="260"
height="160"
>
</div>
</div>
<div
class="f-promotion__item f-promotion--image"
style="--image-height: 140px;"
>
<div class="f-image">
<img
srcset="//www.hookahvault.com/cdn/shop/files/eternal-smokei-logo-bn.png?v=1718987304&width=165 165w,//www.hookahvault.com/cdn/shop/files/eternal-smokei-logo-bn.png?v=1718987304 260w
"
src="//www.hookahvault.com/cdn/shop/files/eternal-smokei-logo-bn.png?v=1718987304&width=533"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt=""
loading="lazy"
width="260"
height="160"
>
</div>
</div>
<div
class="f-promotion__item f-promotion--image"
style="--image-height: 140px;"
>
<div class="f-image">
<img
srcset="//www.hookahvault.com/cdn/shop/files/shishabucks-logo-bn.png?v=1718987329&width=165 165w,//www.hookahvault.com/cdn/shop/files/shishabucks-logo-bn.png?v=1718987329 260w
"
src="//www.hookahvault.com/cdn/shop/files/shishabucks-logo-bn.png?v=1718987329&width=533"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt=""
loading="lazy"
width="260"
height="160"
>
</div>
</div>
<div
class="f-promotion__item f-promotion--image"
style="--image-height: 140px;"
>
<div class="f-image">
<img
srcset="//www.hookahvault.com/cdn/shop/files/steamulation-logo-bn.png?v=1718987363&width=165 165w,//www.hookahvault.com/cdn/shop/files/steamulation-logo-bn.png?v=1718987363 260w
"
src="//www.hookahvault.com/cdn/shop/files/steamulation-logo-bn.png?v=1718987363&width=533"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt=""
loading="lazy"
width="260"
height="160"
>
</div>
</div>
</div>
</f-scrolling-promotion>
</div>
</div>
<style> #shopify-section-template--15976596111495__6689630c-6cbe-48c7-8952-7e41401b21ac .f-promotion__item {margin-left: 0;} #shopify-section-template--15976596111495__6689630c-6cbe-48c7-8952-7e41401b21ac .f-promotion__item:nth-child(2n) {margin-right: 40px;} #shopify-section-template--15976596111495__6689630c-6cbe-48c7-8952-7e41401b21ac .f-promotion__item:nth-child(2n + 1) {margin-right: 10px;} @media (min-width: 768px) {#shopify-section-template--15976596111495__6689630c-6cbe-48c7-8952-7e41401b21ac .f-promotion__item:nth-child(2n) {margin-right: 60px; }} @media (max-width: 767px) {#shopify-section-template--15976596111495__6689630c-6cbe-48c7-8952-7e41401b21ac h2 {font-size: 28px; }} </style></div><div id="shopify-section-template--15976596111495__scrolling_promotion_7xgjnU" class="shopify-section">
<link rel="stylesheet" href="//www.hookahvault.com/cdn/shop/t/2/assets/scrolling-promotion.css?v=151708950601528283341717519925" media="print" onload="this.media='all'">
<div
id="template--15976596111495__scrolling_promotion_7xgjnU"
class="f-scrolling-promotion__wrapper f-section-padding color-background-1 border-top border-bottom grey-bg"
style="--section-padding-top: 12px ; --section-padding-bottom: 12px;"
>
<div class="container-full">
<f-scrolling-promotion
data-section-type="scrolling-promotion"
data-section-id="template--15976596111495__scrolling_promotion_7xgjnU"
data-pause-on-hover
class="f-scrolling-promotion f-scrolling-promotion--left"
style="--item-gap: 30px;--item-gap-mobile: 20px;--duration: 6.0s;--section-padding-top: 12px ; --section-padding-bottom: 12px;"
>
<div class="f-promotion items-center">
<div class="f-promotion__item f-promotion--announcement">
<div
class="f-promotion__text font-heading"
style="--text-size: 18px;"
>
#1 ONLINE HOOKAH SHOP
</div>
</div>
<div class="f-promotion__item f-promotion--announcement">
<div
class="f-promotion__text font-heading"
style="--text-size: 18px;"
>
WITH OVER 500 HOOKAH PRODUCTS
</div>
</div>
</div>
</f-scrolling-promotion>
</div>
</div>
<style> #shopify-section-template--15976596111495__scrolling_promotion_7xgjnU .f-promotion__text {font-size: 0.85em;} </style></div><div id="shopify-section-template--15976596111495__411845a9-a690-4a50-bfe7-162bfbe7ae66" class="shopify-section">
<link rel="stylesheet" href="//www.hookahvault.com/cdn/shop/t/2/assets/collection-tabs.css?v=64772630819054147031717519924" media="print" onload="this.media='all'">
<script src="//www.hookahvault.com/cdn/shop/t/2/assets/collapsible-tab.js?v=134763552569020766841717519925" defer="defer"></script>
<script src="//www.hookahvault.com/cdn/shop/t/2/assets/collection-tabs.js?v=78888126472481556551717519924" defer="defer"></script>
<div
id="template--15976596111495__411845a9-a690-4a50-bfe7-162bfbe7ae66"
class="f-collection-tabs f-collection-tabs--image-right f-section-padding color-scheme-6c3cb7bc-c3b2-44a7-8b61-25c7547e8185"
data-section-id="template--15976596111495__411845a9-a690-4a50-bfe7-162bfbe7ae66"
style="--section-padding-top: 100px ; --section-padding-bottom: 100px;"
>
<div class="container-fluid">
<div class="section__header section__header--vertical spacing--normal md:hidden">
<div class="section__header--text text-left md:text-left">
<p class="section__subheading text-subheading f-scroll-trigger animate--fade-in-up">Favorites</p>
<h2 class="section__heading h0 f-scroll-trigger animate--fade-in-up">Shop With Confidence</h2>
</div>
</div>
<div class=" f-scroll-trigger animate--fade-in-up" data-cascade style="--animation-order: ;">
<collection-tabs class="f-flex items-center flex-wrap m-0 flex-row-reverse"
data-autoplay="false"
data-autoplay-duration="10"
data-trigger-behavior="hover"
>
<div class="f-collection-tab__images w-full md:w-1/2 lg:w-1/2" style="--aspect-ratio: 0.9426104621635348">
<div class="f-collection-tab__image f-card block is-active" data-block-id="8babad92-1998-426f-9a87-c154b91eb8df">
<responsive-image data-index="1" class="f-image " data-image-loading style="--aspect-ratio: 0.9426104621635348;">
<img
srcset="//www.hookahvault.com/cdn/shop/files/pexels-the-castlebar-3902897-1911990-comp_2.jpg?v=1718996193&width=165 165w,//www.hookahvault.com/cdn/shop/files/pexels-the-castlebar-3902897-1911990-comp_2.jpg?v=1718996193&width=360 360w,//www.hookahvault.com/cdn/shop/files/pexels-the-castlebar-3902897-1911990-comp_2.jpg?v=1718996193&width=533 533w,//www.hookahvault.com/cdn/shop/files/pexels-the-castlebar-3902897-1911990-comp_2.jpg?v=1718996193&width=720 720w,//www.hookahvault.com/cdn/shop/files/pexels-the-castlebar-3902897-1911990-comp_2.jpg?v=1718996193&width=940 940w,//www.hookahvault.com/cdn/shop/files/pexels-the-castlebar-3902897-1911990-comp_2.jpg?v=1718996193&width=1066 1066w,//www.hookahvault.com/cdn/shop/files/pexels-the-castlebar-3902897-1911990-comp_2.jpg?v=1718996193&width=1500 1500w,//www.hookahvault.com/cdn/shop/files/pexels-the-castlebar-3902897-1911990-comp_2.jpg?v=1718996193&width=1780 1780w,//www.hookahvault.com/cdn/shop/files/pexels-the-castlebar-3902897-1911990-comp_2.jpg?v=1718996193 1856w"
src="//www.hookahvault.com/cdn/shop/files/pexels-the-castlebar-3902897-1911990-comp_2.jpg?v=1718996193&width=360"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt=""
loading="lazy"
fetchpriority="low"
class=""
width="1856"
height="1969"
>
</responsive-image>
</div>
<div class="f-collection-tab__image f-card block" data-block-id="f2aeae34-b34c-40e9-aa85-9606fdd6a4c0">
<responsive-image data-index="2" class="f-image " data-image-loading style="--aspect-ratio: 0.9426104621635348;">
<img
srcset="//www.hookahvault.com/cdn/shop/files/pexels-the-castlebar-3902897-1911990-comp_2.jpg?v=1718996193&width=165 165w,//www.hookahvault.com/cdn/shop/files/pexels-the-castlebar-3902897-1911990-comp_2.jpg?v=1718996193&width=360 360w,//www.hookahvault.com/cdn/shop/files/pexels-the-castlebar-3902897-1911990-comp_2.jpg?v=1718996193&width=533 533w,//www.hookahvault.com/cdn/shop/files/pexels-the-castlebar-3902897-1911990-comp_2.jpg?v=1718996193&width=720 720w,//www.hookahvault.com/cdn/shop/files/pexels-the-castlebar-3902897-1911990-comp_2.jpg?v=1718996193&width=940 940w,//www.hookahvault.com/cdn/shop/files/pexels-the-castlebar-3902897-1911990-comp_2.jpg?v=1718996193&width=1066 1066w,//www.hookahvault.com/cdn/shop/files/pexels-the-castlebar-3902897-1911990-comp_2.jpg?v=1718996193&width=1500 1500w,//www.hookahvault.com/cdn/shop/files/pexels-the-castlebar-3902897-1911990-comp_2.jpg?v=1718996193&width=1780 1780w,//www.hookahvault.com/cdn/shop/files/pexels-the-castlebar-3902897-1911990-comp_2.jpg?v=1718996193 1856w"
src="//www.hookahvault.com/cdn/shop/files/pexels-the-castlebar-3902897-1911990-comp_2.jpg?v=1718996193&width=360"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt=""
loading="lazy"
fetchpriority="low"
class=""
width="1856"
height="1969"
>
</responsive-image>
</div>
<div class="f-collection-tab__image f-card block" data-block-id="template--17157701533922__411845a9-a690-4a50-bfe7-162bfbe7ae66-collection-1">
<responsive-image data-index="3" class="f-image " data-image-loading style="--aspect-ratio: 0.9426104621635348;">
<img
srcset="//www.hookahvault.com/cdn/shop/files/pexels-the-castlebar-3902897-1911990-comp_2.jpg?v=1718996193&width=165 165w,//www.hookahvault.com/cdn/shop/files/pexels-the-castlebar-3902897-1911990-comp_2.jpg?v=1718996193&width=360 360w,//www.hookahvault.com/cdn/shop/files/pexels-the-castlebar-3902897-1911990-comp_2.jpg?v=1718996193&width=533 533w,//www.hookahvault.com/cdn/shop/files/pexels-the-castlebar-3902897-1911990-comp_2.jpg?v=1718996193&width=720 720w,//www.hookahvault.com/cdn/shop/files/pexels-the-castlebar-3902897-1911990-comp_2.jpg?v=1718996193&width=940 940w,//www.hookahvault.com/cdn/shop/files/pexels-the-castlebar-3902897-1911990-comp_2.jpg?v=1718996193&width=1066 1066w,//www.hookahvault.com/cdn/shop/files/pexels-the-castlebar-3902897-1911990-comp_2.jpg?v=1718996193&width=1500 1500w,//www.hookahvault.com/cdn/shop/files/pexels-the-castlebar-3902897-1911990-comp_2.jpg?v=1718996193&width=1780 1780w,//www.hookahvault.com/cdn/shop/files/pexels-the-castlebar-3902897-1911990-comp_2.jpg?v=1718996193 1856w"
src="//www.hookahvault.com/cdn/shop/files/pexels-the-castlebar-3902897-1911990-comp_2.jpg?v=1718996193&width=360"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt=""
loading="lazy"
fetchpriority="low"
class=""
width="1856"
height="1969"
>
</responsive-image>
</div></div>
<div class="f-collection-tab__content flex-1">
<div class="section__header section__header--vertical spacing--normal md-down:hidden">
<div class="section__header--text text-left md:text-left">
<p class="section__subheading text-subheading f-scroll-trigger animate--fade-in-up">Favorites</p>
<h2 class="section__heading h0 f-scroll-trigger animate--fade-in-up">Shop With Confidence</h2>
</div>
</div>
<div class="f-collection-tab__content-wrap" data-collapsible-parent>
<div
class="block-collection-tab block f-scroll-trigger animate--fade-in-up"
data-cascade
style="--animation-order: 1;"
>
<collapsible-tab
class="collapsible__item collection-tab no-js-hidden"
data-block-id="8babad92-1998-426f-9a87-c154b91eb8df"
open="true"
data-can-close-all="false"
>
<div class="collapsible__button-wrap">
<button class="collapsible__button text-left" data-trigger>
<span class="collapsible__button-icon font-body text-medium">01.</span>
<span class="collapsible__button-text h4">With over 500 hookah products</span>
</button>
<a href="/collections/all-shisha" class="collection-tab__link btn btn--icon">
<svg class="f-rlt-reverse-x" aria-hidden="true" focusable="false" role="presentation" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.5 8H13.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M9 3.5L13.5 8L9 12.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</a>
</div>
<div class="collapsible__content" data-content hidden>
<div class="collapsible__content-inner rte">
<p>Shop confidently from our hookah shop’s extensive selection of over 500 premium hookah products. Whether you’re looking for the latest hookahs, unique hookah flavors, or high-quality accessories, we have everything you need to elevate your hookah experience. Our <a href="https://hookahvault.com" title="hookah shop">hookah shop</a> is dedicated to providing a seamless and secure shopping experience, backed by top-notch customer service to ensure your satisfaction every step of the way. With fast shipping and a variety of exclusive items, you can count on us to deliver the best in hookah products. Explore our collection today and enjoy the ultimate hookah experience!</p>
</div>
</div>
</collapsible-tab>
<noscript>
<details
class="collapsible__item"
open
>
<summary class="collapsible__button text-left">
<span class="collapsible__button-icon font-body text-medium">01.</span>
<span class="collapsible__button-text h4">With over 500 hookah products</span>
<a href="/collections/all-shisha" class="collection-tab__link btn btn--icon">
<svg class="f-rlt-reverse-x" aria-hidden="true" focusable="false" role="presentation" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.5 8H13.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M9 3.5L13.5 8L9 12.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</a>
</summary>
<div class="collapsible__content" role="list">
<div class="collapsible__content-inner rte">
<p>Shop confidently from our hookah shop’s extensive selection of over 500 premium hookah products. Whether you’re looking for the latest hookahs, unique hookah flavors, or high-quality accessories, we have everything you need to elevate your hookah experience. Our <a href="https://hookahvault.com" title="hookah shop">hookah shop</a> is dedicated to providing a seamless and secure shopping experience, backed by top-notch customer service to ensure your satisfaction every step of the way. With fast shipping and a variety of exclusive items, you can count on us to deliver the best in hookah products. Explore our collection today and enjoy the ultimate hookah experience!</p>
</div>
</div>
</details>
</noscript>
</div>
<div
class="block-collection-tab block f-scroll-trigger animate--fade-in-up"
data-cascade
style="--animation-order: 2;"
>
<collapsible-tab
class="collapsible__item collection-tab no-js-hidden"
data-block-id="f2aeae34-b34c-40e9-aa85-9606fdd6a4c0"
open="false"
data-can-close-all="false"
>
<div class="collapsible__button-wrap">
<button class="collapsible__button text-left" data-trigger>
<span class="collapsible__button-icon font-body text-medium">02.</span>
<span class="collapsible__button-text h4">Wide variety of Tangier shisha flavors</span>
</button>
</div>
<div class="collapsible__content" data-content hidden>
<div class="collapsible__content-inner rte">
<p>Discover your perfect flavor from our diverse selection of Tangiers shisha at our <a href="https://hookahvault.com" title="hookah store">hookah store</a>. Whether you're into bold, classic tastes or looking to try something new, our hookah store has you covered. We pride ourselves on offering a wide range of unique and high-quality shisha options to suit every preference. Shop with confidence knowing that we provide secure shopping and exceptional customer service to make your experience smooth and enjoyable. At Hookah Vault, your satisfaction is our priority. Explore our collection today and elevate your hookah experience to new heights!</p>
</div>
</div>
</collapsible-tab>
<noscript>
<details
class="collapsible__item"
>
<summary class="collapsible__button text-left">
<span class="collapsible__button-icon font-body text-medium">02.</span>
<span class="collapsible__button-text h4">Wide variety of Tangier shisha flavors</span>
</summary>
<div class="collapsible__content" role="list">
<div class="collapsible__content-inner rte">
<p>Discover your perfect flavor from our diverse selection of Tangiers shisha at our <a href="https://hookahvault.com" title="hookah store">hookah store</a>. Whether you're into bold, classic tastes or looking to try something new, our hookah store has you covered. We pride ourselves on offering a wide range of unique and high-quality shisha options to suit every preference. Shop with confidence knowing that we provide secure shopping and exceptional customer service to make your experience smooth and enjoyable. At Hookah Vault, your satisfaction is our priority. Explore our collection today and elevate your hookah experience to new heights!</p>
</div>
</div>
</details>
</noscript>
</div>
<div
class="block-collection-tab block f-scroll-trigger animate--fade-in-up"
data-cascade
style="--animation-order: 3;"
>
<collapsible-tab
class="collapsible__item collection-tab no-js-hidden"
data-block-id="template--17157701533922__411845a9-a690-4a50-bfe7-162bfbe7ae66-collection-1"
open="false"
data-can-close-all="false"
>
<div class="collapsible__button-wrap">
<button class="collapsible__button text-left" data-trigger>
<span class="collapsible__button-icon font-body text-medium">03.</span>
<span class="collapsible__button-text h4">Know the best hookah brands</span>
</button>
</div>
<div class="collapsible__content" data-content hidden>
<div class="collapsible__content-inner rte">
<p>Explore the <a href="https://hookahvault.com" title="top hookah brands">top hookah brands</a> effortlessly at our <a href="https://hookahvault.com" title="https://hookahvault.com">hookah</a> store. We offer a curated selection of the best products in the industry, ensuring you have access to high-quality hookahs, shisha, and accessories. Shop securely with peace of mind, knowing that your experience is our top priority. Our dedicated customer service team is here to assist you every step of the way, making sure you find exactly what you need to enhance your hookah sessions. Whether you're a seasoned enthusiast or just getting started, our hookah store has everything you need to enjoy a premium hookah experience.</p>
</div>
</div>
</collapsible-tab>
<noscript>
<details
class="collapsible__item"
>
<summary class="collapsible__button text-left">
<span class="collapsible__button-icon font-body text-medium">03.</span>
<span class="collapsible__button-text h4">Know the best hookah brands</span>
</summary>
<div class="collapsible__content" role="list">
<div class="collapsible__content-inner rte">
<p>Explore the <a href="https://hookahvault.com" title="top hookah brands">top hookah brands</a> effortlessly at our <a href="https://hookahvault.com" title="https://hookahvault.com">hookah</a> store. We offer a curated selection of the best products in the industry, ensuring you have access to high-quality hookahs, shisha, and accessories. Shop securely with peace of mind, knowing that your experience is our top priority. Our dedicated customer service team is here to assist you every step of the way, making sure you find exactly what you need to enhance your hookah sessions. Whether you're a seasoned enthusiast or just getting started, our hookah store has everything you need to enjoy a premium hookah experience.</p>
</div>
</div>
</details>
</noscript>
</div>
</div>
</div>
</collection-tabs>
</div>
</div>
</div>
<style> #shopify-section-template--15976596111495__411845a9-a690-4a50-bfe7-162bfbe7ae66 .section__heading {max-width: 400px;} </style></div><div id="shopify-section-template--15976596111495__custom_html_jaUyTD" class="shopify-section">
<div
class="custom-html f-section-padding color-scheme-fcaebfc7-5916-4b13-b092-c835c69b831f"
id="template--15976596111495__custom_html_jaUyTD"
style="--section-padding-top: 80px ; --section-padding-bottom: 8px;"
>
<div class="container">
<div class="custom-html__wrapper"><h2>see what our customers are saying</h2></div>
</div>
</div>
<style> #shopify-section-template--15976596111495__custom_html_jaUyTD h2 {text-align: center; font-size: 2.5em;} </style></div><div id="shopify-section-template--15976596111495__custom_liquid_Q8N6KE" class="shopify-section">
<div class="custom-liquid f-section-padding color-scheme-fcaebfc7-5916-4b13-b092-c835c69b831f" id="template--15976596111495__custom_liquid_Q8N6KE" style="--section-padding-top: 12px ; --section-padding-bottom: 80px;">
<div class="container">
<div class="custom-liquid__wrapper"><div class="yotpo-widget-instance" data-yotpo-instance-id="838141" data-yotpo-product-id="" data-yotpo-cart-product-id=""></div></div>
</div>
</div>
<style> #shopify-section-template--15976596111495__custom_liquid_Q8N6KE .yotpo-reviews-carousel-widget-container {margin: 0 auto;} #shopify-section-template--15976596111495__custom_liquid_Q8N6KE .reviews-carousel-card-container {background: transparent; border: 0;} #shopify-section-template--15976596111495__custom_liquid_Q8N6KE .reviewer-display-name, #shopify-section-template--15976596111495__custom_liquid_Q8N6KE .review-title, #shopify-section-template--15976596111495__custom_liquid_Q8N6KE .review-content, #shopify-section-template--15976596111495__custom_liquid_Q8N6KE .review-product-name, #shopify-section-template--15976596111495__custom_liquid_Q8N6KE .reviewer-status-text, #shopify-section-template--15976596111495__custom_liquid_Q8N6KE .review-date, #shopify-section-template--15976596111495__custom_liquid_Q8N6KE .reviews-bottomline-total-reviews {color: #fff !important;} #shopify-section-template--15976596111495__custom_liquid_Q8N6KE .yotpo-star-ratings path {stroke: #fff; fill: #fff;} #shopify-section-template--15976596111495__custom_liquid_Q8N6KE .yotpo-reviews-carousel-header-container, #shopify-section-template--15976596111495__custom_liquid_Q8N6KE .yotpo-carousel-arrow {display: none;} #shopify-section-template--15976596111495__custom_liquid_Q8N6KE .yotpo-reviews-carousel-bottomline-container {justify-content: center; margin-bottom: 50px;} </style></div><div id="shopify-section-template--15976596111495__image_with_text_JATrxB" class="shopify-section"><link rel="stylesheet" href="//www.hookahvault.com/cdn/shop/t/2/assets/image-with-text.css?v=165616911491769420971725433847" media="print" onload="this.media='all'">
<div
id="template--15976596111495__image_with_text_JATrxB"
class="image-with-text overflow-hidden f-section-padding color-scheme-cd86e7e6-de2f-48b8-a41b-9e9c750ce36e"
style="--section-padding-top: 40px ; --section-padding-bottom: 40px;"
>
<div class="container">
<div
class="f-flex items-center f-grid--gap-medium flex-wrap f-scroll-trigger animate--fade-in-up"
data-cascade
style="--animation-order: ;"
>
<div class="f-column w-full md:w-1/2 lg:w-1/2">
<div class="image-with-text__media f-card block">
<responsive-image data-index="1" class="f-image " data-image-loading style="--aspect-ratio: 1.183882783882784;">
<img
srcset="//www.hookahvault.com/cdn/shop/files/AdobeStock_30962034722-v1.jpg?v=1719004881&width=165 165w,//www.hookahvault.com/cdn/shop/files/AdobeStock_30962034722-v1.jpg?v=1719004881&width=360 360w,//www.hookahvault.com/cdn/shop/files/AdobeStock_30962034722-v1.jpg?v=1719004881&width=533 533w,//www.hookahvault.com/cdn/shop/files/AdobeStock_30962034722-v1.jpg?v=1719004881&width=720 720w,//www.hookahvault.com/cdn/shop/files/AdobeStock_30962034722-v1.jpg?v=1719004881&width=940 940w,//www.hookahvault.com/cdn/shop/files/AdobeStock_30962034722-v1.jpg?v=1719004881&width=1066 1066w,//www.hookahvault.com/cdn/shop/files/AdobeStock_30962034722-v1.jpg?v=1719004881&width=1500 1500w,//www.hookahvault.com/cdn/shop/files/AdobeStock_30962034722-v1.jpg?v=1719004881&width=1780 1780w,//www.hookahvault.com/cdn/shop/files/AdobeStock_30962034722-v1.jpg?v=1719004881&width=2000 2000w,//www.hookahvault.com/cdn/shop/files/AdobeStock_30962034722-v1.jpg?v=1719004881 3232w"
src="//www.hookahvault.com/cdn/shop/files/AdobeStock_30962034722-v1.jpg?v=1719004881&width=360"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="Hookah Subscriptions"
loading="lazy"
fetchpriority="low"
class=""
width="3232"
height="2730"
>
</responsive-image>
</div>
</div>
<div class="f-column f-column__image flex-1">
<div class="image-with-text__content f-text-blocks">
<h2 class="image-with-text__heading h0" >
Hookah Subscriptions
</h2><div class="image-with-text__text mega-description mega-description-- text-subtext rte" ><p>Get your essential hookah products shipped automatically!</p></div><a href="/pages/subscriptions" class="btn f-text-blocks__btn btn--primary " >
Learn More
</a><a href="/collections/hookah-subscriptions" class="btn f-text-blocks__btn btn--primary " >
View Products
</a></div>
</div>
</div>
</div>
</div>
<style> #shopify-section-template--15976596111495__image_with_text_JATrxB h2, #shopify-section-template--15976596111495__image_with_text_JATrxB p {text-align: center; color: #000;} #shopify-section-template--15976596111495__image_with_text_JATrxB a {margin: 20px 5px;} #shopify-section-template--15976596111495__image_with_text_JATrxB .image-with-text__content.f-text-blocks {text-align: center;} </style></div><div id="shopify-section-template--15976596111495__custom_content_YxeGKt" class="shopify-section">
<link rel="stylesheet" href="//www.hookahvault.com/cdn/shop/t/2/assets/custom-content.css?v=14016377836320966231717519924" media="print" onload="this.media='all'">
<div
id="template--15976596111495__custom_content_YxeGKt"
class="f-custom jc-con relative f-section-padding color-inverse"
data-section-type="f-custom-content"
data-section-id="template--15976596111495__custom_content_YxeGKt"
style="--section-padding-top: 100px; --section-padding-bottom: 100px;--grid-gap-mobile: 1.2rem 0"
>
<div
class="bg-image"
style="--aspect-ratio: 1.5"
><img src="//www.hookahvault.com/cdn/shop/files/build-your-hookah-kit.jpg?v=1720626021&width=1500" srcset="//www.hookahvault.com/cdn/shop/files/build-your-hookah-kit.jpg?v=1720626021&width=375 375w, //www.hookahvault.com/cdn/shop/files/build-your-hookah-kit.jpg?v=1720626021&width=550 550w, //www.hookahvault.com/cdn/shop/files/build-your-hookah-kit.jpg?v=1720626021&width=750 750w, //www.hookahvault.com/cdn/shop/files/build-your-hookah-kit.jpg?v=1720626021&width=1100 1100w, //www.hookahvault.com/cdn/shop/files/build-your-hookah-kit.jpg?v=1720626021&width=1500 1500w" width="3360" height="2240.0" loading="lazy" fetchpriority="low" sizes="100vw">
</div>
<div class="container-fluid">
<div class="f-flex flex-wrap f-grid--gap-medium">
<div
id="f-custom-block--text_tLG4Lm"
class="f-column w-full md:w-1/2 lg:w-1/3"
data-block-type="text"
>
<div class="f-custom__block f-custom__block--text h-full md:flex items-center text-center jc-con">
<div class="f-text-blocks w-full">
<h3
class="h0 text-current f-scroll-trigger animate--fade-in-up"
data-cascade
style="--animation-order: 2;"
>
<b>build your own hookah kit</b>
</h3>
<div
class="mega-description rte f-scroll-trigger animate--fade-in-up"
data-cascade
style="--animation-order: 3;"
>
<p>Customize your experience! Choose your colors, designs, and accessories for a unique session every time. </p>
</div>
<div
class="f-text-blocks__btn f-scroll-trigger animate--fade-in-up"
data-cascade
style="--animation-order: 4;"
>
<a href="/collections/hookah-kits" class="btn btn--primary">Build Now</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<style> @media (max-width: 767px) {#shopify-section-template--15976596111495__custom_content_YxeGKt .jc-con h3 {font-size: 30px; }} </style></div><div id="shopify-section-template--15976596111495__featured_blog_xXfcDg" class="shopify-section"><link rel="stylesheet" href="//www.hookahvault.com/cdn/shop/t/2/assets/blog.css?v=170049872102028920721717519925" media="print" onload="this.media='all';">
<noscript>
<link href="//www.hookahvault.com/cdn/shop/t/2/assets/blog.css?v=170049872102028920721717519925" rel="stylesheet" type="text/css" media="all" />
</noscript><div
id="template--15976596111495__featured_blog_xXfcDg"
class="blog-posts f-section-padding color-scheme-cd86e7e6-de2f-48b8-a41b-9e9c750ce36e"
data-section-type="featured-blog"
data-section-id="template--15976596111495__featured_blog_xXfcDg"
style="--section-padding-top: 100px ; --section-padding-bottom: 100px; --swiper-column-width: 66vw;"
>
<div class="container">
<div class="section__header section__header--vertical spacing--normal">
<div class="section__header--text text-center md:text-center">
<h2 class="section__heading h0 f-scroll-trigger animate--fade-in-up">Latest Blog Posts</h2>
</div>
</div>
<flickity-component
class="f-grid f-grid-2-cols md:f-grid-2-cols xl:f-grid-3-cols f-grid--gap-medium flickity-disable"
data-slider-options='{"pageDots": false, "prevNextButtons": false, "groupCells": 3, "cellSelector": ".f-column", "contain": true, "wrapAround": true, "freeScroll": false}'
data-slider-columns="3"
data-calc-button-position="true"
data-enable-slider="false"
>
<div class="f-column">
<div
class="f-article-card f-image-hover-effect__zoom f-scroll-trigger animate--fade-in-up"
data-cascade
style="--animation-order: 1;"
>
<div class="f-article-card__image block overflow-hidden relative f-card">
<a href="/blogs/guides/hookah-tobacco-vs-herbal-shisha" class="full-width-link"><span class="visually-hidden">Hookah Tobacco vs. Herbal Shisha: Pros and Cons</span></a>
<responsive-image class="f-image" data-image-loading style="--aspect-ratio: 1/1">
<img
srcset="//www.hookahvault.com/cdn/shop/articles/hookah-tobacco-vs-herbal-shisha.jpg?v=1729853676&width=165 165w,//www.hookahvault.com/cdn/shop/articles/hookah-tobacco-vs-herbal-shisha.jpg?v=1729853676&width=360 360w,//www.hookahvault.com/cdn/shop/articles/hookah-tobacco-vs-herbal-shisha.jpg?v=1729853676&width=533 533w,//www.hookahvault.com/cdn/shop/articles/hookah-tobacco-vs-herbal-shisha.jpg?v=1729853676&width=720 720w,//www.hookahvault.com/cdn/shop/articles/hookah-tobacco-vs-herbal-shisha.jpg?v=1729853676&width=940 940w,//www.hookahvault.com/cdn/shop/articles/hookah-tobacco-vs-herbal-shisha.jpg?v=1729853676&width=1066 1066w,//www.hookahvault.com/cdn/shop/articles/hookah-tobacco-vs-herbal-shisha.jpg?v=1729853676&width=1500 1500w,//www.hookahvault.com/cdn/shop/articles/hookah-tobacco-vs-herbal-shisha.jpg?v=1729853676 1920w"
src="//www.hookahvault.com/cdn/shop/articles/hookah-tobacco-vs-herbal-shisha.jpg?v=1729853676&width=533"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="Hookah Tobacco vs. Herbal Shisha: Pros and Cons"
loading="lazy"
class=""
width="1920"
height="1710"
>
</responsive-image>
</div>
<div class="f-article-card__info f-article-card__info--has-image">
<p class="f-article-card__date">
<time datetime="2024-10-29T22:00:07Z">October 29, 2024</time>
</p>
<h3 class="f-article-card__title h4">
<a href="/blogs/guides/hookah-tobacco-vs-herbal-shisha" title="Hookah Tobacco vs. Herbal Shisha: Pros and Cons">Hookah Tobacco vs. Herbal Shisha: Pros and Cons</a>
</h3>
<div class="f-article-card__excerpt text-subtext hidden md:block">
While traditional hookah tobacco has been the primary choice for many, a growing trend is the use of herbal shisha. This article...
</div>
<a href="/blogs/guides/hookah-tobacco-vs-herbal-shisha" class="btn btn--underline f-article-card__readmore"
aria-label="Read more: Hookah Tobacco vs. Herbal Shisha: Pros and Cons">
Read more
</a>
</div>
</div>
</div>
<div class="f-column">
<div
class="f-article-card f-image-hover-effect__zoom f-scroll-trigger animate--fade-in-up"
data-cascade
style="--animation-order: 2;"
>
<div class="f-article-card__image block overflow-hidden relative f-card">
<a href="/blogs/guides/top-5-hookah-mistakes-and-how-to-avoid-them" class="full-width-link"><span class="visually-hidden">Top 5 Hookah Mistakes and How to Avoid Them</span></a>
<responsive-image class="f-image" data-image-loading style="--aspect-ratio: 1/1">
<img
srcset="//www.hookahvault.com/cdn/shop/articles/Top_5_Hookah_Mistakes_and_How_to_Avoid_Them.jpg?v=1729618488&width=165 165w,//www.hookahvault.com/cdn/shop/articles/Top_5_Hookah_Mistakes_and_How_to_Avoid_Them.jpg?v=1729618488&width=360 360w,//www.hookahvault.com/cdn/shop/articles/Top_5_Hookah_Mistakes_and_How_to_Avoid_Them.jpg?v=1729618488&width=533 533w,//www.hookahvault.com/cdn/shop/articles/Top_5_Hookah_Mistakes_and_How_to_Avoid_Them.jpg?v=1729618488&width=720 720w,//www.hookahvault.com/cdn/shop/articles/Top_5_Hookah_Mistakes_and_How_to_Avoid_Them.jpg?v=1729618488&width=940 940w,//www.hookahvault.com/cdn/shop/articles/Top_5_Hookah_Mistakes_and_How_to_Avoid_Them.jpg?v=1729618488&width=1066 1066w,//www.hookahvault.com/cdn/shop/articles/Top_5_Hookah_Mistakes_and_How_to_Avoid_Them.jpg?v=1729618488&width=1500 1500w,//www.hookahvault.com/cdn/shop/articles/Top_5_Hookah_Mistakes_and_How_to_Avoid_Them.jpg?v=1729618488 2981w"
src="//www.hookahvault.com/cdn/shop/articles/Top_5_Hookah_Mistakes_and_How_to_Avoid_Them.jpg?v=1729618488&width=533"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="Top 5 Hookah Mistakes and How to Avoid Them"
loading="lazy"
class=""
width="2981"
height="1981"
>
</responsive-image>
</div>
<div class="f-article-card__info f-article-card__info--has-image">
<p class="f-article-card__date">
<time datetime="2024-10-24T21:00:08Z">October 24, 2024</time>
</p>
<h3 class="f-article-card__title h4">
<a href="/blogs/guides/top-5-hookah-mistakes-and-how-to-avoid-them" title="Top 5 Hookah Mistakes and How to Avoid Them">Top 5 Hookah Mistakes and How to Avoid Them</a>
</h3>
<div class="f-article-card__excerpt text-subtext hidden md:block">
Hookah smoking, while absolutely a relaxing and enjoyable experience, is not without some little hassle. That’s why it is essential to avoid...
</div>
<a href="/blogs/guides/top-5-hookah-mistakes-and-how-to-avoid-them" class="btn btn--underline f-article-card__readmore"
aria-label="Read more: Top 5 Hookah Mistakes and How to Avoid Them">
Read more
</a>
</div>
</div>
</div>
<div class="f-column">
<div
class="f-article-card f-image-hover-effect__zoom f-scroll-trigger animate--fade-in-up"
data-cascade
style="--animation-order: 3;"
>
<div class="f-article-card__image block overflow-hidden relative f-card">
<a href="/blogs/guides/next-level-hookah-products" class="full-width-link"><span class="visually-hidden">Next-Level Hookah Products: Innovations in the Market</span></a>
<responsive-image class="f-image" data-image-loading style="--aspect-ratio: 1/1">
<img
srcset="//www.hookahvault.com/cdn/shop/articles/Next-Level_Hookah_Products-_Innovations_in_the_Market.jpg?v=1729617923&width=165 165w,//www.hookahvault.com/cdn/shop/articles/Next-Level_Hookah_Products-_Innovations_in_the_Market.jpg?v=1729617923&width=360 360w,//www.hookahvault.com/cdn/shop/articles/Next-Level_Hookah_Products-_Innovations_in_the_Market.jpg?v=1729617923&width=533 533w,//www.hookahvault.com/cdn/shop/articles/Next-Level_Hookah_Products-_Innovations_in_the_Market.jpg?v=1729617923&width=720 720w,//www.hookahvault.com/cdn/shop/articles/Next-Level_Hookah_Products-_Innovations_in_the_Market.jpg?v=1729617923&width=940 940w,//www.hookahvault.com/cdn/shop/articles/Next-Level_Hookah_Products-_Innovations_in_the_Market.jpg?v=1729617923&width=1066 1066w,//www.hookahvault.com/cdn/shop/articles/Next-Level_Hookah_Products-_Innovations_in_the_Market.jpg?v=1729617923&width=1500 1500w,//www.hookahvault.com/cdn/shop/articles/Next-Level_Hookah_Products-_Innovations_in_the_Market.jpg?v=1729617923 3111w"
src="//www.hookahvault.com/cdn/shop/articles/Next-Level_Hookah_Products-_Innovations_in_the_Market.jpg?v=1729617923&width=533"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt="Next-Level Hookah Products: Innovations in the Market"
loading="lazy"
class=""
width="3111"
height="3111"
>
</responsive-image>
</div>
<div class="f-article-card__info f-article-card__info--has-image">
<p class="f-article-card__date">
<time datetime="2024-10-22T17:25:56Z">October 22, 2024</time>
</p>
<h3 class="f-article-card__title h4">
<a href="/blogs/guides/next-level-hookah-products" title="Next-Level Hookah Products: Innovations in the Market">Next-Level Hookah Products: Innovations in the Market</a>
</h3>
<div class="f-article-card__excerpt text-subtext hidden md:block">
As hookah smoking surged in popularity in recent years, new and exciting products continue to cater to the evolving tastes of hookah...
</div>
<a href="/blogs/guides/next-level-hookah-products" class="btn btn--underline f-article-card__readmore"
aria-label="Read more: Next-Level Hookah Products: Innovations in the Market">
Read more
</a>
</div>
</div>
</div>
</flickity-component>
<div class="section__footer flex justify-center">
<a class="btn btn--primary" href="/blogs/guides">
Read More
</a>
</div>
</div>
</div>
</div><div id="shopify-section-template--15976596111495__newsletter_wHGnc6" class="shopify-section"><link id="ModalComponent" rel="stylesheet" href="//www.hookahvault.com/cdn/shop/t/2/assets/newsletter.css?v=170850867026861396571717519924" media="print" onload="this.media='all'">
<noscript><link href="//www.hookahvault.com/cdn/shop/t/2/assets/newsletter.css?v=170850867026861396571717519924" rel="stylesheet" type="text/css" media="all" /></noscript>
<div id="template--15976596111495__newsletter_wHGnc6" class="f-newsletter relative f-section-padding color-scheme-6c3cb7bc-c3b2-44a7-8b61-25c7547e8185" style="--section-padding-top: 100px ; --section-padding-bottom: 100px;">
<div class="container">
<div class="f-newsletter__wrapper relative flex justify-center overflow-hidden f-scroll-trigger animate--zoom-fade">
<div class="f-newsletter__form text-center">
<h2
class="h0 f-scroll-trigger animate--fade-in-up"
data-cascade
style="--animation-order: 1;"
><b>Join our newsletter</b></h2>
<div
class="mega-description rte f-scroll-trigger animate--fade-in-up"
data-cascade
style="--animation-order: 2;"
><p>Stay up to date on the lastet news, deals and more.</p></div>
<div
class="block f-scroll-trigger animate--fade-in-up"
data-cascade
style="--animation-order: 3;"
>
<div class="newsletter-form newsletter-form__design-1"><form method="post" action="/contact#ContactSubscribe-template--15976596111495__newsletter_wHGnc6" id="ContactSubscribe-template--15976596111495__newsletter_wHGnc6" accept-charset="UTF-8" class="contact-form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" />
<input type="hidden" name="contact[tags]" value="newsletter">
<label class="block visually-hidden" for="ContactSubscribe-template--15976596111495__newsletter_wHGnc6-email">Email</label>
<div class="flex items-center justify-center newsletter-form__wrapper">
<input type="email"
name="contact[email]"
id="ContactSubscribe-template--15976596111495__newsletter_wHGnc6-email"
value=""
placeholder="Enter your email address"
autocorrect="off"
autocapitalize="off"
autocomplete="off"
spellcheck="false"
class="form-control"
required
>
<button type="submit" name="commit" aria-label="Submit" class="newsletter-form__submit">
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 9H14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M9 3.75L14.25 9L9 14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</button>
</div></form>
</div>
</div>
<div class="f-newsletter__description text-sm f-scroll-trigger animate--fade-in-up"
data-cascade
style="--animation-order: 4;"
>
<p>By subscribing you agree to the Terms of Use & Privacy Policy.</p>
</div>
</div>
</div>
</div>
</div>
</div><div id="shopify-section-template--15976596111495__a371df39-308c-42ea-83de-ec904a7f3d87" class="shopify-section">
<link rel="stylesheet" href="//www.hookahvault.com/cdn/shop/t/2/assets/multicolumn.css?v=117920938807188109311717519925" media="print" onload="this.media='all'">
<div id="template--15976596111495__a371df39-308c-42ea-83de-ec904a7f3d87" class="f-multicolumn f-section-padding color-background-1" style="--section-padding-top: 100px ; --section-padding-bottom: 100px; --column-gap:extra-largerem;--swiper-column-width: 66vw">
<div class="container">
<flickity-component
class="f-grid f-grid-1-cols sm:f-grid-2-cols md:f-grid-3-cols lg:f-grid-4-cols f-grid--gap-extra-large flickity-disable f-swiper f-swiper--no-scrollbar"
data-slider-options='{"groupCells": 2, "cellSelector": ".f-column", "contain": true, "wrapAround": true, "freeScroll": false}'
data-slider-columns="2"
data-enable-slider="false"
>
<div class="f-column" >
<div
class="multicolumn-card multicolumn-card--vertical multicolumn-card--image-x-small f-scroll-trigger animate--fade-in-up"
data-cascade
style="--animation-order: 1;"
>
<div class="multicolumn-card__inner flex flex-col text-center">
<div class="multicolumn-card__image">
<responsive-image data-index="1" class="f-image " data-image-loading style="--aspect-ratio: 1.0;">
<img
srcset="//www.hookahvault.com/cdn/shop/files/box2.webp?v=1719304754 35w"
src="//www.hookahvault.com/cdn/shop/files/box2.webp?v=1719304754&width=360"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt=""
loading="lazy"
fetchpriority="low"
class=""
width="35"
height="35"
>
</responsive-image>
</div>
<div class="multicolumn-card__info"><h3 class="h4">free shipping over $125</h3><div class="rte"><p>Enter code "FREESHIP" at checkout to redeem this offer</p></div></div>
</div>
</div>
</div>
<div class="f-column" >
<div
class="multicolumn-card multicolumn-card--vertical multicolumn-card--image-x-small f-scroll-trigger animate--fade-in-up"
data-cascade
style="--animation-order: 2;"
>
<div class="multicolumn-card__inner flex flex-col text-center">
<div class="multicolumn-card__image">
<responsive-image data-index="2" class="f-image " data-image-loading style="--aspect-ratio: 1.0;">
<img
srcset="//www.hookahvault.com/cdn/shop/files/i-love-you2.webp?v=1719304765 35w"
src="//www.hookahvault.com/cdn/shop/files/i-love-you2.webp?v=1719304765&width=360"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt=""
loading="lazy"
fetchpriority="low"
class=""
width="35"
height="35"
>
</responsive-image>
</div>
<div class="multicolumn-card__info"><h3 class="h4">Curated Products</h3><div class="rte"><p>At Hookah Vault, we've hand-picked only the absolute best products</p></div></div>
</div>
</div>
</div>
<div class="f-column" >
<div
class="multicolumn-card multicolumn-card--vertical multicolumn-card--image-x-small f-scroll-trigger animate--fade-in-up"
data-cascade
style="--animation-order: 3;"
>
<div class="multicolumn-card__inner flex flex-col text-center">
<div class="multicolumn-card__image">
<responsive-image data-index="3" class="f-image " data-image-loading style="--aspect-ratio: 1.0;">
<img
srcset="//www.hookahvault.com/cdn/shop/files/support.webp?v=1719304559 35w"
src="//www.hookahvault.com/cdn/shop/files/support.webp?v=1719304559&width=360"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt=""
loading="lazy"
fetchpriority="low"
class=""
width="35"
height="35"
>
</responsive-image>
</div>
<div class="multicolumn-card__info"><h3 class="h4">World Class Support</h3><div class="rte"><p>Shop with confidence and enjoy industry-leading support</p></div></div>
</div>
</div>
</div>
<div class="f-column" >
<div
class="multicolumn-card multicolumn-card--vertical multicolumn-card--image-x-small f-scroll-trigger animate--fade-in-up"
data-cascade
style="--animation-order: 4;"
>
<div class="multicolumn-card__inner flex flex-col text-center">
<div class="multicolumn-card__image">
<responsive-image data-index="4" class="f-image " data-image-loading style="--aspect-ratio: 1.0;">
<img
srcset="//www.hookahvault.com/cdn/shop/files/credit-card2.webp?v=1719304777 35w"
src="//www.hookahvault.com/cdn/shop/files/credit-card2.webp?v=1719304777&width=360"
sizes="(min-width: 1440px) 327px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
alt=""
loading="lazy"
fetchpriority="low"
class=""
width="35"
height="35"
>
</responsive-image>
</div>
<div class="multicolumn-card__info"><h3 class="h4">SECURE PAYMENTS</h3><div class="rte"><p>Our Site is PCI compliant, SSL Secure and Fully Encrypted</p></div></div>
</div>
</div>
</div></flickity-component>
</div>
</div>
</div>
</main>
<script src="//www.hookahvault.com/cdn/shop/t/2/assets/cart.js?v=121781415031164501691717519924" defer="defer"></script>
<script src="//www.hookahvault.com/cdn/shop/t/2/assets/cart-drawer.js?v=40926536495371867001717519924" defer="defer"></script>
<link rel="stylesheet" href="//www.hookahvault.com/cdn/shop/t/2/assets/cart-drawer.css?v=129548967273082975291717519925" media="print" onload="this.media='all'">
<noscript><link href="//www.hookahvault.com/cdn/shop/t/2/assets/cart-drawer.css?v=129548967273082975291717519925" rel="stylesheet" type="text/css" media="all" /></noscript>
<div
data-section-type="cart-drawer"
data-section-id="cart-drawer"
>
<drawer-component
id="Drawer-Cart"
class="f-drawer f-drawer-cart"
role="dialog"
aria-modal="true"
style="--f-drawer-width: 460px;"
hidden
title="Drawer Cart"
>
<div class="f-drawer__overlay" data-drawer-overlay></div>
<div class="f-drawer__content focus-inset" tabindex="-1">
<cart-drawer
class="f-cart-drawer h-full is-empty"
data-open-when-added="true"
>
<div data-drawer-inner="cart" class="f-cart-drawer__inner h-full flex flex-col">
<div class="f-drawer__header">
<h2 class="f-drawer__header-title h4" id="cart-drawer-title">
Your cart
(<span data-cart-count-bubble
><span data-cart-count-number data-type="drawer">0</span
><span class="visually-hidden" data-cart-count-text>items</span></span
>)
</h2>
<drawer-closer
class="f-drawer__close btn btn--plain"
aria-label="Close"
role="button"
>
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="f-icon-svg f-icon--medium f-icon-close"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
</drawer-closer>
</div><foxkit-cart-goal></foxkit-cart-goal>
<foxkit-cart-countdown></foxkit-cart-countdown>
<div class="f-drawer__scroller scroll-container">
<div class="f-cart-drawer__empty flex justify-center text-center flex-col">
<p class="f-cart-drawer__empty-text" data-cart-empty-text>Your cart is empty</p>
</div>
<p class="f-cart-drawer__no-cookies-text">Enable cookies to use the shopping cart</p>
<cart-drawer-items class="f-cart-drawer__items" data-cart-items>
<form
id="CartDrawer"
action="/cart"
method="post"
novalidate
class="f-cart-drawer__form h-full flex flex-col"
>
<p id="CartDrawer-LiveRegionText" class="visually-hidden" role="status"></p>
<p id="CartDrawer-LineItemStatus" class="visually-hidden" aria-hidden="true" role="status">
Loading...
</p>
<div id="CartDrawer-CartErrors" role="alert"></div>
</form>
</cart-drawer-items>
</div>
<div class="f-drawer__footer">
<cart-note class="block">
<div
class="collapsible__item-wrap block"
>
<collapsible-tab
class="collapsible__item no-js-hidden"
data-block-id="collapsible-tab-f-cart-drawer__note"
open="false"
>
<button class="collapsible__button text-left " data-trigger>
<span class="collapsible__button-text">Add order note</span>
<span data-collapsible-icon>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
<div class="collapsible__content" data-content hidden>
<div class="collapsible__content-inner rte">
<div class="f-cart-drawer__note-wrapper flex flex-col" data-index="0" data-block="" >
<div class="f-cart-drawer__note w-full">
<label for="Note" class="form-label">Add a note to your order</label>
<textarea name="note" id="Note" class="form-control form-control--textarea w-full" data-cart-note-input></textarea>
<div class="text-center no-js-hidden">
<button class="btn btn--underline btn-cancel" aria-label=">Close">Close</button>
</div>
</div>
</div>
</div>
</div>
</collapsible-tab>
<noscript>
<details
class="collapsible__item"
>
<summary class="collapsible__button text-left">
<span class="collapsible__button-text ">Add order note</span>
<span class="" data-collapsible-icon>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<svg width="2" height="12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div class="collapsible__content" role="list">
<div class="collapsible__content-inner rte">
<div class="f-cart-drawer__note-wrapper flex flex-col" data-index="0" data-block="" >
<div class="f-cart-drawer__note w-full">
<label for="Note" class="form-label">Add a note to your order</label>
<textarea name="note" id="Note" class="form-control form-control--textarea w-full" data-cart-note-input></textarea>
<div class="text-center no-js-hidden">
<button class="btn btn--underline btn-cancel" aria-label=">Close">Close</button>
</div>
</div>
</div>
</div>
</div>
</details>
</noscript>
</div>
</cart-note>
<div class="f-cart-drawer__block-subtotal" >
<div class="f-cart-drawer__discounts text-sm text-right" data-discounts>
<div data-foxkit-cart-summary></div></div>
<div class="f-cart-drawer__totals flex justify-between items-center">
<h3 class="f-cart-drawer__subtotal h6">Subtotal:</h3>
<p class="f-cart-drawer__subtotal-value" data-cart-price>$0.00</p>
<p class="visually-hidden" data-price-live-region aria-live="polite" role="status"></p>
<p
class="visually-hidden"
id="shopping-cart-line-item-status"
aria-live="polite"
aria-hidden="true"
role="status"
>
Loading...
</p>
</div><p class="f-cart-drawer__notice text-sm rte">Taxes and <a href="/policies/shipping-policy">shipping</a> calculated at checkout
</p>
</div>
<div
class="f-cart-drawer__buttons flex flex-row f-cart-drawer__view-cart justify-between items-center"
>
<a class="btn btn--secondary" href="/cart">View cart</a>
<button type="submit" class="btn btn--primary w-full" name="checkout" id="checkout"
data-checkout-button
form="CartDrawer"
>
Check out
</button>
</div>
<div class="agree-to-terms" style="text-align:right;">
<input type="checkbox" id="agree" name="agree">
<label for="agree">I agree to the <a stlye="padding:0" href="/pages/terms" target="_blank">Terms and Conditions</a></label>
</div>
</div>
</div>
</cart-drawer>
</div>
</drawer-component>
</div>
<link rel="stylesheet" href="//www.hookahvault.com/cdn/shop/t/2/assets/search-drawer.css?v=62584299175076228431717519925" media="print" onload="this.media='all'">
<noscript>
<link href="//www.hookahvault.com/cdn/shop/t/2/assets/search-drawer.css?v=62584299175076228431717519925" rel="stylesheet" type="text/css" media="all" />
</noscript>
<drawer-component id="Drawer-Search" class="f-drawer f-drawer-search no-js-hidden" hidden data-element-to-focus="#f-search-drawer-input" role="dialog" aria-modal="true" aria-label="Search" style="--f-drawer-width: 460px; --f-drawer-header-height: auto;">
<div class="f-drawer__overlay"></div>
<div class="f-search-drawer f-drawer__content"><predictive-search class="h-full" data-loading-text="Loading..."><form action="/search" method="get" role="search" class="f-search-drawer__form h-full flex flex-col">
<div class="f-drawer__header">
<div class="f-search-drawer__field w-full">
<span class="f-search-drawer__field-icon">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" class="f-icon-svg f-icon-svg--medium f-icon-search" xmlns="http://www.w3.org/2000/svg">
<g>
<path d="M10.5 18C14.6421 18 18 14.6421 18 10.5C18 6.35786 14.6421 3 10.5 3C6.35786 3 3 6.35786 3 10.5C3 14.6421 6.35786 18 10.5 18Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M15.8035 15.8032L21 20.9998" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
</svg>
</span>
<label class="visually-hidden" for="f-search-drawer-input">Search</label>
<input class="form-control focus-none f-search-drawer__input"
id="f-search-drawer-input"
type="search"
name="q"
value=""
placeholder="Search"
data-drawer-focus
role="combobox"
aria-expanded="false"
aria-owns="f-predictive-search-results"
aria-controls="f-predictive-search-results"
aria-haspopup="listbox"
aria-autocomplete="list"
autocorrect="off"
autocomplete="off"
autocapitalize="off"
spellcheck="false"
data-predictive-search-input
>
<span class="input-focus-border"></span>
<input type="hidden" name="options[prefix]" value="last">
</div>
<drawer-closer class="f-drawer__close btn btn--plain" role="button" aria-label="Close">
<svg fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg"><path d="M18.75 5.25L5.25 18.75"/><path d="M18.75 18.75L5.25 5.25"/></svg>
</drawer-closer>
</div>
<div class="f-drawer__scroller">
<div class="f-predictive-search__recommendations f-predictive-search__block f-predictive-search__block-products">
<h4 class="f-predictive-search__subheading font-body-bolder">Most searched products:</h4>
<ul class="f-predictive-search__results-list list-none" role="listbox" aria-labelledby="f-predictive-search-results-list">
<li role="option" aria-selected="false">
<a href="/products/1010-x-hx-10tacle-hookah-bowl" class="f-predictive-search__item f-image-hover-effect__zoom" tabindex="-1"><div class="f-predictive-search__item-image">
<responsive-image class="f-predictive-search__item-image f-image" style="--aspect-ratio: 1.0">
<img
src="//www.hookahvault.com/cdn/shop/files/1010-1.png?v=1726510845&width=150"
alt="1010 Makes Hookah Bowl | Hookah Vault"
width="70"
height="70.0"
loading="lazy"
>
</responsive-image>
</div><div class="f-predictive-search__item-content"><h3 class="f-predictive-search__item-heading text-product-title font-body">1010 x HX 10Tacle Hookah Bowl</h3>
<div class="f-price"><div class="f-price__regular">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="f-price-item f-price-item--regular">
$165.00
</span>
</div>
<div class="f-price__sale">
<span class="visually-hidden visually-hidden--inline">Sale price</span>
<span class="f-price-item f-price-item--sale">
$165.00
</span>
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span>
<s class="f-price-item f-price-item--regular">
</s>
</span></div>
<div class="f-price__unit-wrapper hidden">
<span class="visually-hidden">Unit price</span>
<div class="f-price__unit"><span data-unit-price></span><span aria-hidden="true">/</span><span class="visually-hidden">per </span><span data-unit-price-base-unit></span></div>
</div>
</div>
</div>
</a>
</li>
<li role="option" aria-selected="false">
<a href="/products/320-disposable-mouth-tips" class="f-predictive-search__item f-image-hover-effect__zoom" tabindex="-1"><div class="f-predictive-search__item-image">
<responsive-image class="f-predictive-search__item-image f-image" style="--aspect-ratio: 1.0">
<img
src="//www.hookahvault.com/cdn/shop/files/WhatsAppImage2024-09-25at02.58.34.jpg?v=1727388163&width=150"
alt="320 Disposable Mouth Tips"
width="70"
height="70.0"
loading="lazy"
>
</responsive-image>
</div><div class="f-predictive-search__item-content"><h3 class="f-predictive-search__item-heading text-product-title font-body">320 Disposable Mouth Tips</h3>
<div class="f-price"><div class="f-price__regular">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="f-price-item f-price-item--regular">
$5.99
</span>
</div>
<div class="f-price__sale">
<span class="visually-hidden visually-hidden--inline">Sale price</span>
<span class="f-price-item f-price-item--sale">
$5.99
</span>
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span>
<s class="f-price-item f-price-item--regular">
</s>
</span></div>
<div class="f-price__unit-wrapper hidden">
<span class="visually-hidden">Unit price</span>
<div class="f-price__unit"><span data-unit-price></span><span aria-hidden="true">/</span><span class="visually-hidden">per </span><span data-unit-price-base-unit></span></div>
</div>
</div>
</div>
</a>
</li>
<li role="option" aria-selected="false">
<a href="/products/320-hookah-foil-roll" class="f-predictive-search__item f-image-hover-effect__zoom" tabindex="-1"><div class="f-predictive-search__item-image">
<responsive-image class="f-predictive-search__item-image f-image" style="--aspect-ratio: 1.0">
<img
src="//www.hookahvault.com/cdn/shop/files/320roll1.jpg?v=1721942618&width=150"
alt="320 Hookah Foil Roll - Hookah Foil - Hookah Foil Roll - Thick Hookah Foil | Hookah Vault"
width="70"
height="70.0"
loading="lazy"
>
</responsive-image>
</div><div class="f-predictive-search__item-content"><h3 class="f-predictive-search__item-heading text-product-title font-body">320 Hookah Foil Roll</h3>
<div class="f-price"><div class="f-price__regular">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="f-price-item f-price-item--regular">
$13.99
</span>
</div>
<div class="f-price__sale">
<span class="visually-hidden visually-hidden--inline">Sale price</span>
<span class="f-price-item f-price-item--sale">
$13.99
</span>
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span>
<s class="f-price-item f-price-item--regular">
</s>
</span></div>
<div class="f-price__unit-wrapper hidden">
<span class="visually-hidden">Unit price</span>
<div class="f-price__unit"><span data-unit-price></span><span aria-hidden="true">/</span><span class="visually-hidden">per </span><span data-unit-price-base-unit></span></div>
</div>
</div>
</div>
</a>
</li>
<li role="option" aria-selected="false">
<a href="/products/320-precut-foil-sheets" class="f-predictive-search__item f-image-hover-effect__zoom" tabindex="-1"><div class="f-predictive-search__item-image">
<responsive-image class="f-predictive-search__item-image f-image" style="--aspect-ratio: 1.0">
<img
src="//www.hookahvault.com/cdn/shop/files/320precut1.jpg?v=1721942628&width=150"
alt="320 Precut Hookah Foil - Hookah Foil - Precut Hookah Foil | Hookah Vault"
width="70"
height="70.0"
loading="lazy"
>
</responsive-image>
</div><div class="f-predictive-search__item-content"><h3 class="f-predictive-search__item-heading text-product-title font-body">320 Precut Hookah Foil Sheets</h3>
<div class="f-price"><div class="f-price__regular">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="f-price-item f-price-item--regular">
$6.99
</span>
</div>
<div class="f-price__sale">
<span class="visually-hidden visually-hidden--inline">Sale price</span>
<span class="f-price-item f-price-item--sale">
$6.99
</span>
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span>
<s class="f-price-item f-price-item--regular">
</s>
</span></div>
<div class="f-price__unit-wrapper hidden">
<span class="visually-hidden">Unit price</span>
<div class="f-price__unit"><span data-unit-price></span><span aria-hidden="true">/</span><span class="visually-hidden">per </span><span data-unit-price-base-unit></span></div>
</div>
</div>
</div>
</a>
</li>
<li role="option" aria-selected="false">
<a href="/products/320-precut-pre-poked-hookah-foil-sheets" class="f-predictive-search__item f-image-hover-effect__zoom" tabindex="-1"><div class="f-predictive-search__item-image">
<responsive-image class="f-predictive-search__item-image f-image" style="--aspect-ratio: 1.7777777777777777">
<img
src="//www.hookahvault.com/cdn/shop/files/WhatsAppImage2024-09-25at02.57.52_1.jpg?v=1727385634&width=150"
alt="320 Precut Hookah Foil - Pre Poked Hookah Foil - Precut Hookah Foil | Hookah Vault"
width="70"
height="39.375"
loading="lazy"
>
</responsive-image>
</div><div class="f-predictive-search__item-content"><h3 class="f-predictive-search__item-heading text-product-title font-body">320 Precut Pre-Poked Hookah Foil Sheets</h3>
<div class="f-price"><div class="f-price__regular">
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span class="f-price-item f-price-item--regular">
$6.99
</span>
</div>
<div class="f-price__sale">
<span class="visually-hidden visually-hidden--inline">Sale price</span>
<span class="f-price-item f-price-item--sale">
$6.99
</span>
<span class="visually-hidden visually-hidden--inline">Regular price</span>
<span>
<s class="f-price-item f-price-item--regular">
</s>
</span></div>
<div class="f-price__unit-wrapper hidden">
<span class="visually-hidden">Unit price</span>
<div class="f-price__unit"><span data-unit-price></span><span aria-hidden="true">/</span><span class="visually-hidden">per </span><span data-unit-price-base-unit></span></div>
</div>
</div>
</div>
</a>
</li></ul>
</div>
<div class="f-predictive-search f-predictive-search--drawer" tabindex="-1" data-predictive-search>
<div class="f-predictive-search__loading-state">
<svg aria-hidden="true" focusable="false" role="presentation" class="f-icon-svg f-icon--medium f-spinner-icon" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
<circle fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
</svg>
</div>
</div>
<span class="visually-hidden" role="status" aria-hidden="true" data-predictive-search-status></span></div>
</form></predictive-search></div>
</drawer-component><script src="//www.hookahvault.com/cdn/shop/t/2/assets/search-drawer.js?v=170330768523545610231717519924" defer="defer"></script>
<!-- BEGIN sections: footer-group -->
<div id="shopify-section-sections--15976596275335__footer" class="shopify-section shopify-section-group-footer-group"><link rel="stylesheet" href="//www.hookahvault.com/cdn/shop/t/2/assets/footer.css?v=140201770683783651621717519925" media="print" onload="this.media='all'">
<footer class="site-footer">
<div class="site-footer__top color-scheme-2decda75-2865-45aa-b5b2-b786ea87004a">
<div class="container-fluid">
<div class="f-flex flex-wrap" style="--column-gap: 3rem; --column-gap-mobile: 1rem;">
<div
class="f-column"
data-column-type="newsletter"
style="--column-width: 40;"
>
<div
class="site-footer__block site-footer__block--newsletter f-scroll-trigger animate--fade-in-up"
data-cascade
style="--animation-order: 1;"
>
<footer-collapsible data-open-default="true">
<details id="Details-footer-3-sections--15976596275335__footer" open>
<summary>
<h3 class="site-footer__block-heading h4 font-body-bolder">Sign up to our newsletter</h3>
<span class="lg:hidden" data-collapsible-icon>
<svg width="1.5" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
<svg width="1.5" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</summary>
<div class="site-footer__block-content">
<div class="rte">
<p>Subscribe for store updates and discounts.</p>
</div>
<div class="newsletter-form newsletter-form__design-1"><form method="post" action="/contact#ContactSubscribe-footer-3" id="ContactSubscribe-footer-3" accept-charset="UTF-8" class="contact-form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" />
<input type="hidden" name="contact[tags]" value="newsletter">
<label class="block visually-hidden" for="ContactSubscribe-footer-3-email">Email</label>
<div class="flex items-center justify-center newsletter-form__wrapper">
<input type="email"
name="contact[email]"
id="ContactSubscribe-footer-3-email"
value=""
placeholder="Enter your email address"
autocorrect="off"
autocapitalize="off"
autocomplete="off"
spellcheck="false"
class="form-control"
required
>
<button type="submit" name="commit" aria-label="Submit" class="newsletter-form__submit">
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 9H14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M9 3.75L14.25 9L9 14.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</button>
</div></form>
</div>
<div class="site-footer__newsletter-description">
<p>By subscribing you agree to the <a href="#">Terms of Use</a> & <a href="#">Privacy Policy.</a></p>
</div>
</div>
</details>
</footer-collapsible>
</div>
</div>
<div
class="f-column"
data-column-type="html"
style="--column-width: 15;"
>
<div
class="site-footer__block site-footer__block--html f-scroll-trigger animate--fade-in-up"
data-cascade
style="--animation-order: 2;"
>
<footer-collapsible data-open-default="false">
<details id="Details-html_gHEGkD-sections--15976596275335__footer" open>
<summary>
<h3 class="site-footer__block-heading h6 font-body-bolder"></h3>
<span class="lg:hidden" data-collapsible-icon>
<svg width="1.5" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
<svg width="1.5" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</summary>
<div class="site-footer__block-content">
</div>
</details>
</footer-collapsible>
</div>
</div>
<div
class="f-column"
data-column-type="link_list"
style="--column-width: 16;"
>
<div
class="site-footer__block site-footer__block--link_list f-scroll-trigger animate--fade-in-up"
data-cascade
style="--animation-order: 3;"
>
<footer-collapsible data-open-default="false">
<details id="Details-footer-1-sections--15976596275335__footer" open>
<summary>
<h3 class="site-footer__block-heading h6 font-body-bolder">About</h3>
<span class="lg:hidden" data-collapsible-icon>
<svg width="1.5" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
<svg width="1.5" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</summary>
<div class="site-footer__block-content">
<ul class="list-none">
<li>
<a href="/pages/about-us" class="link--animated">
About Us
</a>
</li>
<li>
<a href="/blogs/guides" class="link--animated">
Blog
</a>
</li>
<li>
<a href="/pages/contact" class="link--animated">
Contact
</a>
</li>
<li>
<a href="/pages/accessibility-statement" class="link--animated">
Accessibility
</a>
</li>
</ul>
</div>
</details>
</footer-collapsible>
</div>
</div>
<div
class="f-column"
data-column-type="link_list"
style="--column-width: 14;"
>
<div
class="site-footer__block site-footer__block--link_list f-scroll-trigger animate--fade-in-up"
data-cascade
style="--animation-order: 4;"
>
<footer-collapsible data-open-default="false">
<details id="Details-fa9f3515-f501-433a-b115-4fe8513f8f75-sections--15976596275335__footer" open>
<summary>
<h3 class="site-footer__block-heading h6 font-body-bolder">Shop</h3>
<span class="lg:hidden" data-collapsible-icon>
<svg width="1.5" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
<svg width="1.5" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</summary>
<div class="site-footer__block-content">
<ul class="list-none">
<li>
<a href="/collections/all" class="link--animated">
All Products
</a>
</li>
<li>
<a href="/collections/hookah-flavor-mixes" class="link--animated">
Flavor Mixes
</a>
</li>
<li>
<a href="/collections/hookah-kits" class="link--animated">
Hookah Bundles
</a>
</li>
<li>
<a href="/pages/subscriptions" class="link--animated">
Subscriptions
</a>
</li>
</ul>
</div>
</details>
</footer-collapsible>
</div>
</div>
<div
class="f-column"
data-column-type="link_list"
style="--column-width: 14;"
>
<div
class="site-footer__block site-footer__block--link_list f-scroll-trigger animate--fade-in-up"
data-cascade
style="--animation-order: 5;"
>
<footer-collapsible data-open-default="false">
<details id="Details-link_list_AMBR7F-sections--15976596275335__footer" open>
<summary>
<h3 class="site-footer__block-heading h6 font-body-bolder">Others</h3>
<span class="lg:hidden" data-collapsible-icon>
<svg width="1.5" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
<svg width="1.5" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.333v9.334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
</summary>
<div class="site-footer__block-content">
<ul class="list-none">
<li>
<a href="/policies/refund-policy" class="link--animated">
Return and Refunds
</a>
</li>
<li>
<a href="/policies/shipping-policy" class="link--animated">
Shipping Policy
</a>
</li>
<li>
<a href="/pages/subscription-policy" class="link--animated">
Subscription Policy
</a>
</li>
<li>
<a href="/policies/terms-of-service" class="link--animated">
Terms of Use
</a>
</li>
<li>
<a href="/policies/privacy-policy" class="link--animated">
Privacy Policy
</a>
</li>
</ul>
</div>
</details>
</footer-collapsible>
</div>
</div>
</div>
</div>
</div>
<div class="site-footer__bottom color-scheme-2decda75-2865-45aa-b5b2-b786ea87004a">
<div class="container-fluid">
<div class="site-footer__bottom-wrapper">
<div
class="site-footer__bottom-row f-scroll-trigger animate--fade-in-up"
data-cascade
style="--animation-order: 2;"
>
<div class="site-footer__social-links flex md:justify-end overflow-hidden">
<ul class="social-links flex items-center list-none ">
<li class="social-links__link">
<a href="https://www.facebook.com/HookahVault/" title="Facebook">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon-setting icon-settings--medium f-icon--medium " viewBox="0 0 17 16">
<path d="M14.6875 0.0429688C15.1562 0.0429688 15.5547 0.207031 15.8828 0.535156C16.2109 0.863281 16.375 1.26172 16.375 1.73047V14.1055C16.375 14.5742 16.2109 14.9727 15.8828 15.3008C15.5547 15.6289 15.1562 15.793 14.6875 15.793H9.87109V10.4492H11.9102L12.2969 7.91797H9.87109V6.26562C9.87109 5.375 10.3398 4.92969 11.2773 4.92969H12.3672V2.78516C11.7109 2.66797 11.0664 2.60938 10.4336 2.60938C9.75391 2.60938 9.16797 2.73828 8.67578 2.99609C8.20703 3.25391 7.83203 3.64062 7.55078 4.15625C7.26953 4.67188 7.12891 5.28125 7.12891 5.98438V7.91797H4.91406V10.4492H7.12891V15.793H2.3125C1.84375 15.793 1.44531 15.6289 1.11719 15.3008C0.789062 14.9727 0.625 14.5742 0.625 14.1055V1.73047C0.625 1.26172 0.789062 0.863281 1.11719 0.535156C1.44531 0.207031 1.84375 0.0429688 2.3125 0.0429688H14.6875Z" fill="currentColor"/>
</svg>
<span class="visually-hidden">Facebook</span>
</a>
</li>
<li class="social-links__link">
<a href="http://instagram.com/thehookahvault" title="Instagram">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon-setting f-icon--medium " viewBox="0 0 18 18">
<path fill="currentColor" d="M8.77 1.58c2.34 0 2.62.01 3.54.05.86.04 1.32.18 1.63.3.41.17.7.35 1.01.66.3.3.5.6.65 1 .12.32.27.78.3 1.64.05.92.06 1.2.06 3.54s-.01 2.62-.05 3.54a4.79 4.79 0 01-.3 1.63c-.17.41-.35.7-.66 1.01-.3.3-.6.5-1.01.66-.31.12-.77.26-1.63.3-.92.04-1.2.05-3.54.05s-2.62 0-3.55-.05a4.79 4.79 0 01-1.62-.3c-.42-.16-.7-.35-1.01-.66-.31-.3-.5-.6-.66-1a4.87 4.87 0 01-.3-1.64c-.04-.92-.05-1.2-.05-3.54s0-2.62.05-3.54c.04-.86.18-1.32.3-1.63.16-.41.35-.7.66-1.01.3-.3.6-.5 1-.65.32-.12.78-.27 1.63-.3.93-.05 1.2-.06 3.55-.06zm0-1.58C6.39 0 6.09.01 5.15.05c-.93.04-1.57.2-2.13.4-.57.23-1.06.54-1.55 1.02C1 1.96.7 2.45.46 3.02c-.22.56-.37 1.2-.4 2.13C0 6.1 0 6.4 0 8.77s.01 2.68.05 3.61c.04.94.2 1.57.4 2.13.23.58.54 1.07 1.02 1.56.49.48.98.78 1.55 1.01.56.22 1.2.37 2.13.4.94.05 1.24.06 3.62.06 2.39 0 2.68-.01 3.62-.05.93-.04 1.57-.2 2.13-.41a4.27 4.27 0 001.55-1.01c.49-.49.79-.98 1.01-1.56.22-.55.37-1.19.41-2.13.04-.93.05-1.23.05-3.61 0-2.39 0-2.68-.05-3.62a6.47 6.47 0 00-.4-2.13 4.27 4.27 0 00-1.02-1.55A4.35 4.35 0 0014.52.46a6.43 6.43 0 00-2.13-.41A69 69 0 008.77 0z"/>
<path fill="currentColor" d="M8.8 4a4.5 4.5 0 100 9 4.5 4.5 0 000-9zm0 7.43a2.92 2.92 0 110-5.85 2.92 2.92 0 010 5.85zM13.43 5a1.05 1.05 0 100-2.1 1.05 1.05 0 000 2.1z">
</svg>
<span class="visually-hidden">Instagram</span>
</a>
</li>
</ul>
</div>
<div class="site-footer__selectors flex flex-wrap items-center md:justify-start">
<link rel="preload" href="//www.hookahvault.com/cdn/shop/t/2/assets/localization-form.css?v=15271396861012647291727261448" as="style" onload="this.onload=null;this.rel='stylesheet';">
<script src="//www.hookahvault.com/cdn/shop/t/2/assets/localization-form.js?v=63146318516881510761717519924" defer="defer"></script>
<link rel="preload" href="//www.hookahvault.com/cdn/shop/t/2/assets/localization-form.css?v=15271396861012647291727261448" as="style" onload="this.onload=null;this.rel='stylesheet';">
<link rel="stylesheet" href="//www.hookahvault.com/cdn/shop/t/2/assets/component-country-flag.css?v=34440972015563471671717519924" media="print" onload="this.media='all'">
<script src="//www.hookahvault.com/cdn/shop/t/2/assets/localization-form.js?v=63146318516881510761717519924" defer="defer"></script>
<div class="country-switcher " style="--f-max-width: 220px">
<noscript><form method="post" action="/localization" id="country-26_NoScript" accept-charset="UTF-8" class="selectors-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" /><h2 class="visually-hidden" id="CountryLabelNoScript-country-26">Country/region</h2>
<div class="form-group">
<select class="localization-selector form-control form-control--plain" name="country_code" aria-labelledby="CountryLabelNoScript-country-26"><option value="AU">
Australia (USD $)
</option><option value="AT">
Austria (USD $)
</option><option value="BE">
Belgium (USD $)
</option><option value="CA">
Canada (USD $)
</option><option value="CZ">
Czechia (USD $)
</option><option value="DK">
Denmark (USD $)
</option><option value="FI">
Finland (USD $)
</option><option value="FR">
France (USD $)
</option><option value="DE">
Germany (USD $)
</option><option value="HK">
Hong Kong SAR (USD $)
</option><option value="IE">
Ireland (USD $)
</option><option value="IL">
Israel (USD $)
</option><option value="IT">
Italy (USD $)
</option><option value="JP">
Japan (USD $)
</option><option value="MY">
Malaysia (USD $)
</option><option value="NL">
Netherlands (USD $)
</option><option value="NZ">
New Zealand (USD $)
</option><option value="NO">
Norway (USD $)
</option><option value="PL">
Poland (USD $)
</option><option value="PT">
Portugal (USD $)
</option><option value="SG">
Singapore (USD $)
</option><option value="KR">
South Korea (USD $)
</option><option value="ES">
Spain (USD $)
</option><option value="SE">
Sweden (USD $)
</option><option value="CH">
Switzerland (USD $)
</option><option value="AE">
United Arab Emirates (USD $)
</option><option value="GB">
United Kingdom (USD $)
</option><option value="US" selected>
United States (USD $)
</option></select>
<button class="btn btn--with-icon btn--square" aria-label="Update country/region">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="f-icon-svg f-icon--large f-icon-arrow-right"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg>
<span class="visually-hidden">Update country/region</span>
</button>
</div></form></noscript>
<localization-form class="f-disclosure no-js-hidden f-disclosure--up f-disclosure--plain" data-disclosure-country><form method="post" action="/localization" id="country-26" accept-charset="UTF-8" class="selectors-form" enctype="multipart/form-data" data-disclosure-form=""><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" /><h2 class="visually-hidden" id="CountryLabel-country-26">Country/region</h2>
<button type="button" class="f-disclosure__toggle btn--plain text-normal" aria-expanded="false" aria-controls="country-list" aria-describedby="CountryLabel-country-26" data-disclosure-toggle>
<span class="f-country-flags f-country-flags--US"></span>
United States (USD $)
<svg class="f-icon--medium" stroke-width="1" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.54204 2.55806C8.78612 2.80214 8.78612 3.19786 8.54204 3.44194L4.94242 7.04156C4.82521 7.15877 4.66586 7.225 4.5001 7.225C4.33434 7.225 4.17537 7.15915 4.05816 7.04194L0.458157 3.44194C0.214079 3.19786 0.214079 2.80214 0.458157 2.55806C0.702234 2.31398 1.09796 2.31398 1.34204 2.55806L4.5001 5.71612L7.65816 2.55806C7.90223 2.31398 8.29796 2.31398 8.54204 2.55806Z" fill="currentColor"/>
</svg>
</button>
<ul class="f-disclosure-list scroll-container text-left hidden"><li class="f-disclosure-list__item">
<a class="f-disclosure-list__option" href="#" data-value="AU" data-disclosure-option>
<span class="f-country-flags f-country-flags--AU"></span>Australia<span class="localization-form__currency">(USD $)</span>
</a>
</li><li class="f-disclosure-list__item">
<a class="f-disclosure-list__option" href="#" data-value="AT" data-disclosure-option>
<span class="f-country-flags f-country-flags--AT"></span>Austria<span class="localization-form__currency">(USD $)</span>
</a>
</li><li class="f-disclosure-list__item">
<a class="f-disclosure-list__option" href="#" data-value="BE" data-disclosure-option>
<span class="f-country-flags f-country-flags--BE"></span>Belgium<span class="localization-form__currency">(USD $)</span>
</a>
</li><li class="f-disclosure-list__item">
<a class="f-disclosure-list__option" href="#" data-value="CA" data-disclosure-option>
<span class="f-country-flags f-country-flags--CA"></span>Canada<span class="localization-form__currency">(USD $)</span>
</a>
</li><li class="f-disclosure-list__item">
<a class="f-disclosure-list__option" href="#" data-value="CZ" data-disclosure-option>
<span class="f-country-flags f-country-flags--CZ"></span>Czechia<span class="localization-form__currency">(USD $)</span>
</a>
</li><li class="f-disclosure-list__item">
<a class="f-disclosure-list__option" href="#" data-value="DK" data-disclosure-option>
<span class="f-country-flags f-country-flags--DK"></span>Denmark<span class="localization-form__currency">(USD $)</span>
</a>
</li><li class="f-disclosure-list__item">
<a class="f-disclosure-list__option" href="#" data-value="FI" data-disclosure-option>
<span class="f-country-flags f-country-flags--FI"></span>Finland<span class="localization-form__currency">(USD $)</span>
</a>
</li><li class="f-disclosure-list__item">
<a class="f-disclosure-list__option" href="#" data-value="FR" data-disclosure-option>
<span class="f-country-flags f-country-flags--FR"></span>France<span class="localization-form__currency">(USD $)</span>
</a>
</li><li class="f-disclosure-list__item">
<a class="f-disclosure-list__option" href="#" data-value="DE" data-disclosure-option>
<span class="f-country-flags f-country-flags--DE"></span>Germany<span class="localization-form__currency">(USD $)</span>
</a>
</li><li class="f-disclosure-list__item">
<a class="f-disclosure-list__option" href="#" data-value="HK" data-disclosure-option>
<span class="f-country-flags f-country-flags--HK"></span>Hong Kong SAR<span class="localization-form__currency">(USD $)</span>
</a>
</li><li class="f-disclosure-list__item">
<a class="f-disclosure-list__option" href="#" data-value="IE" data-disclosure-option>
<span class="f-country-flags f-country-flags--IE"></span>Ireland<span class="localization-form__currency">(USD $)</span>
</a>
</li><li class="f-disclosure-list__item">
<a class="f-disclosure-list__option" href="#" data-value="IL" data-disclosure-option>
<span class="f-country-flags f-country-flags--IL"></span>Israel<span class="localization-form__currency">(USD $)</span>
</a>
</li><li class="f-disclosure-list__item">
<a class="f-disclosure-list__option" href="#" data-value="IT" data-disclosure-option>
<span class="f-country-flags f-country-flags--IT"></span>Italy<span class="localization-form__currency">(USD $)</span>
</a>
</li><li class="f-disclosure-list__item">
<a class="f-disclosure-list__option" href="#" data-value="JP" data-disclosure-option>
<span class="f-country-flags f-country-flags--JP"></span>Japan<span class="localization-form__currency">(USD $)</span>
</a>
</li><li class="f-disclosure-list__item">
<a class="f-disclosure-list__option" href="#" data-value="MY" data-disclosure-option>
<span class="f-country-flags f-country-flags--MY"></span>Malaysia<span class="localization-form__currency">(USD $)</span>
</a>
</li><li class="f-disclosure-list__item">
<a class="f-disclosure-list__option" href="#" data-value="NL" data-disclosure-option>
<span class="f-country-flags f-country-flags--NL"></span>Netherlands<span class="localization-form__currency">(USD $)</span>
</a>
</li><li class="f-disclosure-list__item">
<a class="f-disclosure-list__option" href="#" data-value="NZ" data-disclosure-option>
<span class="f-country-flags f-country-flags--NZ"></span>New Zealand<span class="localization-form__currency">(USD $)</span>
</a>
</li><li class="f-disclosure-list__item">
<a class="f-disclosure-list__option" href="#" data-value="NO" data-disclosure-option>
<span class="f-country-flags f-country-flags--NO"></span>Norway<span class="localization-form__currency">(USD $)</span>
</a>
</li><li class="f-disclosure-list__item">
<a class="f-disclosure-list__option" href="#" data-value="PL" data-disclosure-option>
<span class="f-country-flags f-country-flags--PL"></span>Poland<span class="localization-form__currency">(USD $)</span>
</a>
</li><li class="f-disclosure-list__item">
<a class="f-disclosure-list__option" href="#" data-value="PT" data-disclosure-option>
<span class="f-country-flags f-country-flags--PT"></span>Portugal<span class="localization-form__currency">(USD $)</span>
</a>
</li><li class="f-disclosure-list__item">
<a class="f-disclosure-list__option" href="#" data-value="SG" data-disclosure-option>
<span class="f-country-flags f-country-flags--SG"></span>Singapore<span class="localization-form__currency">(USD $)</span>
</a>
</li><li class="f-disclosure-list__item">
<a class="f-disclosure-list__option" href="#" data-value="KR" data-disclosure-option>
<span class="f-country-flags f-country-flags--KR"></span>South Korea<span class="localization-form__currency">(USD $)</span>
</a>
</li><li class="f-disclosure-list__item">
<a class="f-disclosure-list__option" href="#" data-value="ES" data-disclosure-option>
<span class="f-country-flags f-country-flags--ES"></span>Spain<span class="localization-form__currency">(USD $)</span>
</a>
</li><li class="f-disclosure-list__item">
<a class="f-disclosure-list__option" href="#" data-value="SE" data-disclosure-option>
<span class="f-country-flags f-country-flags--SE"></span>Sweden<span class="localization-form__currency">(USD $)</span>
</a>
</li><li class="f-disclosure-list__item">
<a class="f-disclosure-list__option" href="#" data-value="CH" data-disclosure-option>
<span class="f-country-flags f-country-flags--CH"></span>Switzerland<span class="localization-form__currency">(USD $)</span>
</a>
</li><li class="f-disclosure-list__item">
<a class="f-disclosure-list__option" href="#" data-value="AE" data-disclosure-option>
<span class="f-country-flags f-country-flags--AE"></span>United Arab Emirates<span class="localization-form__currency">(USD $)</span>
</a>
</li><li class="f-disclosure-list__item">
<a class="f-disclosure-list__option" href="#" data-value="GB" data-disclosure-option>
<span class="f-country-flags f-country-flags--GB"></span>United Kingdom<span class="localization-form__currency">(USD $)</span>
</a>
</li><li class="f-disclosure-list__item f-disclosure-list__item--current">
<a class="f-disclosure-list__option" href="#" aria-current="true" data-value="US" data-disclosure-option>
<span class="f-country-flags f-country-flags--US"></span>United States<span class="localization-form__currency">(USD $)</span>
</a>
</li></ul>
<input type="hidden" name="country_code" value="US" data-disclosure-input/></form></localization-form>
</div>
</div>
</div>
<div
class="site-footer__bottom-row f-scroll-trigger animate--fade-in-up"
data-cascade
style="--animation-order: 2;"
>
<div class="flex flex-col site-footer__copyright-wrapper">
<p class="site-footer__copyright">© 2024, <a class="link-underline " href="/">Hookah Vault</a>. <!--<span><a target="_blank" rel="nofollow" href="https://www.shopify.com?utm_campaign=poweredby&utm_medium=shopify&utm_source=onlinestore">Powered by Shopify</a></span>--></p>
</div>
<div class="site-footer__bottom-menu-payment flex md:justify-end items-center">
<ul class="list-none f-linklist f-linklist--inline">
<li class="f-linklist--item">
<a href="/pages/about-us">About Us</a>
</li>
<li class="f-linklist--item">
<a href="/blogs/guides">Blog</a>
</li>
<li class="f-linklist--item">
<a href="/pages/contact">Contact</a>
</li>
<li class="f-linklist--item">
<a href="/pages/accessibility-statement">Accessibility</a>
</li>
</ul>
<!--<p><a href="https://OneVector.Net">Ecommerce Website Development</a> by <a href="https://OneVector.Net">OneVector.Net</a></p>-->
<div class="site-footer__payment-icons">
<span class="visually-hidden">Payment methods</span>
<ul class="list-none payment-icons flex-wrap justify-start md:justify-end"></ul>
</div>
</div>
</div>
</div>
</div>
</div>
</footer>
<!--
<script defer="defer" type="text/javascript" src="https://hookahvault.odoo.com/im_livechat/loader/2"></script>
<script defer="defer" type="text/javascript"b src="https://hookahvault.odoo.com/im_livechat/assets_embed.js"></script>
-->
<style> #shopify-section-sections--15976596275335__footer .site-footer {border-top: 1px solid var(--color-border);} #shopify-section-sections--15976596275335__footer .newsletter-form {max-width: 420px;} #shopify-section-sections--15976596275335__footer .icon-setting {width: 16px; height: 16px;} #shopify-section-sections--15976596275335__footer .site-footer .f-column[data-column-type="empty_column"] {width: 18%;} #shopify-section-sections--15976596275335__footer .site-footer__bottom-menu-payment ul {display: none;} #shopify-section-sections--15976596275335__footer .site-footer__bottom-menu-payment p {margin: 0;} #shopify-section-sections--15976596275335__footer .site-footer__bottom-menu-payment p a {text-decoration: underline;} </style></div><div id="shopify-section-sections--15976596275335__mobile-sticky-bar" class="shopify-section shopify-section-group-footer-group"><style data-shopify>
.mobile-sticky-bar {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: 11;
background: var(--color-background);
box-shadow: -1px -2px 10px rgb(0 0 0 / 8%);
max-width: 100vw;
}
.mobile-sticky-bar * {
font-family: inherit;
}
.mobile-sticky-bar__link {
flex: 1;
padding: 1rem 0;
min-height: 45px;
display: inline-flex;
justify-content: center;
flex-flow: column-reverse;
align-items: center;
overflow: hidden;
color: var(--color-text-body);
border-right: 1px solid var(--color-border);
}
.mobile-sticky-bar__link:last-child {
border-right: none;
}
.mobile-sticky-bar drawer-opener button {
justify-content: center;
flex-flow: column-reverse;
align-items: center;
}
.mobile-sticky-bar__link span:not(.relative) {
margin-top: 5px;
line-height: 1;
font-size: 14px;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
white-space: nowrap;
flex: 0 0 auto;
text-align: center;
}
.mobile-sticky-bar span.relative {
line-height: 1;
}
.mobile-sticky-bar [data-cart-count-number] {
line-height: 16px !important;
font-size: 12px !important;
}
.mobile-sticky-bar__link svg {
flex: 0 0 auto;
width: 24px;
height: 24px;
}
.mobile-sticky-bar__hide-label .mobile-sticky-bar__link svg {
width: 20px;
height: 20px;
}
.mobile-sticky-bar__link .cart-link__count {
position: absolute;
top: -5px;
}
.mobile-sticky-bar__link .cart-link__count [data-cart-count-number] {
margin: 0;
}
.mobile-sticky-bar .btn {
--btn-transform: initial !important;
flex-flow: column-reverse;
font-weight: var(--font-body-weight);
}
body.mobile-sticky-bar-enabled {
padding-bottom: calc(var(--f-mobile-navbar-height, 5rem) + 1rem);
}
@media (min-width: 768px) {
body.mobile-sticky-bar-enabled {
padding-bottom: 0;
}
}
@media (max-width: 767px) {
body {
--f-mobile-navbar-height: 68px;
}
}
</style>
<mobile-sticky-bar class="mobile-sticky-bar font-body md:hidden" data-section-type="mobile-sticky-bar">
<div class="mobile-sticky-bar__inner flex items-center ">
<a
class="mobile-sticky-bar__link text-body"
href="/collections/hookahs"
>
<span
>Hookah</span>
<svg class="icon-setting" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path d="M17.4 5.30565L10.525 1.54159C10.3643 1.45281 10.1836 1.40625 10 1.40625C9.81637 1.40625 9.63574 1.45281 9.475 1.54159L2.6 5.30565C2.42797 5.39978 2.28441 5.53842 2.18435 5.70706C2.0843 5.87571 2.03141 6.06815 2.03125 6.26425V13.7361C2.03141 13.9322 2.0843 14.1247 2.18435 14.2933C2.28441 14.4619 2.42797 14.6006 2.6 14.6947L9.475 18.4588C9.63579 18.5474 9.8164 18.5939 10 18.5939C10.1836 18.5939 10.3642 18.5474 10.525 18.4588L17.4 14.6947C17.572 14.6006 17.7156 14.4619 17.8156 14.2933C17.9157 14.1247 17.9686 13.9322 17.9688 13.7361V6.26425C17.9686 6.06815 17.9157 5.87571 17.8156 5.70706C17.7156 5.53842 17.572 5.39978 17.4 5.30565ZM9.92188 2.36347C9.94487 2.35088 9.97066 2.34429 9.99687 2.34429C10.0231 2.34429 10.0489 2.35088 10.0719 2.36347L16.6023 5.93768L13.9508 7.38847L7.34766 3.7744L9.92188 2.36347ZM9.53125 17.4221L3.04688 13.8728C3.02291 13.859 3.00306 13.8391 2.98933 13.815C2.9756 13.791 2.9685 13.7638 2.96875 13.7361V6.7705L9.53125 10.3642V17.4221ZM3.39766 5.93768L6.37187 4.30878L12.9742 7.92284L10 9.55018L3.39766 5.93768ZM17.0312 13.7361C17.0315 13.7638 17.0244 13.791 17.0107 13.815C16.9969 13.8391 16.9771 13.859 16.9531 13.8728L10.4688 17.4221V10.3627L13.2812 8.82284V11.8752C13.2812 11.9995 13.3306 12.1187 13.4185 12.2066C13.5065 12.2945 13.6257 12.3439 13.75 12.3439C13.8743 12.3439 13.9935 12.2945 14.0815 12.2066C14.1694 12.1187 14.2188 11.9995 14.2188 11.8752V8.31034L17.0312 6.7705V13.7361Z" fill="currentColor"/></svg>
</a>
<a
class="mobile-sticky-bar__link text-body"
href="/collections/all-shisha"
>
<span
>Shisha</span>
<svg class="icon-setting" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path d="M17.4 5.30565L10.525 1.54159C10.3643 1.45281 10.1836 1.40625 10 1.40625C9.81637 1.40625 9.63574 1.45281 9.475 1.54159L2.6 5.30565C2.42797 5.39978 2.28441 5.53842 2.18435 5.70706C2.0843 5.87571 2.03141 6.06815 2.03125 6.26425V13.7361C2.03141 13.9322 2.0843 14.1247 2.18435 14.2933C2.28441 14.4619 2.42797 14.6006 2.6 14.6947L9.475 18.4588C9.63579 18.5474 9.8164 18.5939 10 18.5939C10.1836 18.5939 10.3642 18.5474 10.525 18.4588L17.4 14.6947C17.572 14.6006 17.7156 14.4619 17.8156 14.2933C17.9157 14.1247 17.9686 13.9322 17.9688 13.7361V6.26425C17.9686 6.06815 17.9157 5.87571 17.8156 5.70706C17.7156 5.53842 17.572 5.39978 17.4 5.30565ZM9.92188 2.36347C9.94487 2.35088 9.97066 2.34429 9.99687 2.34429C10.0231 2.34429 10.0489 2.35088 10.0719 2.36347L16.6023 5.93768L13.9508 7.38847L7.34766 3.7744L9.92188 2.36347ZM9.53125 17.4221L3.04688 13.8728C3.02291 13.859 3.00306 13.8391 2.98933 13.815C2.9756 13.791 2.9685 13.7638 2.96875 13.7361V6.7705L9.53125 10.3642V17.4221ZM3.39766 5.93768L6.37187 4.30878L12.9742 7.92284L10 9.55018L3.39766 5.93768ZM17.0312 13.7361C17.0315 13.7638 17.0244 13.791 17.0107 13.815C16.9969 13.8391 16.9771 13.859 16.9531 13.8728L10.4688 17.4221V10.3627L13.2812 8.82284V11.8752C13.2812 11.9995 13.3306 12.1187 13.4185 12.2066C13.5065 12.2945 13.6257 12.3439 13.75 12.3439C13.8743 12.3439 13.9935 12.2945 14.0815 12.2066C14.1694 12.1187 14.2188 11.9995 14.2188 11.8752V8.31034L17.0312 6.7705V13.7361Z" fill="currentColor"/></svg>
</a>
<a class="mobile-sticky-bar__link text-body" href="https://www.hookahvault.com" >
<span
>Home</span>
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.25 19.5V15C14.25 14.801 14.171 14.6103 14.0303 14.4696C13.8897 14.329 13.6989 14.25 13.5 14.25H10.5C10.3011 14.25 10.1103 14.329 9.96967 14.4696C9.82902 14.6103 9.75 14.801 9.75 15V19.5C9.75 19.6989 9.67098 19.8896 9.53033 20.0303C9.38968 20.1709 9.19891 20.25 9 20.25H4.5C4.30109 20.25 4.11032 20.1709 3.96967 20.0303C3.82902 19.8896 3.75 19.6989 3.75 19.5V10.8281C3.75168 10.7243 3.77411 10.6219 3.81597 10.5269C3.85783 10.4319 3.91828 10.3462 3.99375 10.275L11.4937 3.45933C11.632 3.33284 11.8126 3.2627 12 3.2627C12.1874 3.2627 12.368 3.33284 12.5062 3.45933L20.0062 10.275C20.0817 10.3462 20.1422 10.4319 20.184 10.5269C20.2259 10.6219 20.2483 10.7243 20.25 10.8281V19.5C20.25 19.6989 20.171 19.8896 20.0303 20.0303C19.8897 20.1709 19.6989 20.25 19.5 20.25H15C14.8011 20.25 14.6103 20.1709 14.4697 20.0303C14.329 19.8896 14.25 19.6989 14.25 19.5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</a>
<drawer-opener
class="mobile-sticky-bar__link text-body"
data-drawer="#Drawer-Cart"
aria-haspopup="dialog"
role="button"
>
<a href="/cart" class="btn btn--plain" data-opener>
<span
>Cart</span>
<span class="relative">
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="f-icon-svg f-icon-svg--medium f-icon-shopping-cart">
<path d="M7.5 21.75C8.32843 21.75 9 21.0784 9 20.25C9 19.4216 8.32843 18.75 7.5 18.75C6.67157 18.75 6 19.4216 6 20.25C6 21.0784 6.67157 21.75 7.5 21.75Z" fill="currentColor"/>
<path d="M17.25 21.75C18.0784 21.75 18.75 21.0784 18.75 20.25C18.75 19.4216 18.0784 18.75 17.25 18.75C16.4216 18.75 15.75 19.4216 15.75 20.25C15.75 21.0784 16.4216 21.75 17.25 21.75Z" fill="currentColor"/>
<path d="M3.96469 6.75H21L18.3262 15.4416C18.2318 15.7482 18.0415 16.0165 17.7833 16.207C17.5252 16.3975 17.2127 16.5002 16.8919 16.5H7.88156C7.55556 16.5001 7.23839 16.3941 6.97806 16.1978C6.71772 16.0016 6.5284 15.7259 6.43875 15.4125L3.04781 3.54375C3.00301 3.38711 2.90842 3.24932 2.77835 3.15122C2.64828 3.05311 2.4898 3.00003 2.32687 3H0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<span
class="cart-link__count is-cart-empty"
data-cart-count-bubble
>
<span data-cart-count-number>0</span>
<span class="visually-hidden" data-cart-count-text>items</span>
</span>
</span>
</a>
</drawer-opener>
</div>
</mobile-sticky-bar>
</div><div id="shopify-section-sections--15976596275335__age-verifier-popup" class="shopify-section shopify-section-group-footer-group f-age-verifier-popup"><link href="//www.hookahvault.com/cdn/shop/t/2/assets/popup-component.css?v=91794646043681993251717519924" rel="stylesheet" type="text/css" media="all" />
<link href="//www.hookahvault.com/cdn/shop/t/2/assets/age-verifier.css?v=157950422110925112811717519924" rel="stylesheet" type="text/css" media="all" />
<age-verifier-popup
id="sections--15976596275335__age-verifier-popup"
class="f-popup f-popup--age-verifier"
data-section-id="sections--15976596275335__age-verifier-popup"
data-design-mode="true"
data-enable="false"
>
<div class="f-popup__content text-center">
<div class="f-popup__inner" aria-modal="true" role="dialog" tabindex="-1" aria-label="Age verifier popup">
<div class="f-popup--age-verifier__wrapper">
<div class="f-popup--age-verifier__content f-popup--age-verifier__content-active f-text-blocks" data-age-verifier-content><h2 class="f-popup--age-verifier__title h0" >
Confirm Your Age
</h2><div class="rte f-popup--age-verifier__text" ><p>You must be 21 or older to visit this website. Your age will be verified at checkout.</p></div><div class="f-popup--age-verifier__button-wrapper" >
<button class="btn btn--primary" data-age-verifier-agree-button>
Yes, I am 21 and older
</button>
</div></div>
<div class="f-popup--age-verifier__decline-content f-text-blocks hidden" data-age-verifier-decline-content>
<h2 class="f-popup--age-verifier__title">Come back when you're older</h2>
<div class="rte f-popup--age-verifier__text"><p>Sorry, the content of this store can't be seen by a younger audience. Come back when you're older.</p></div>
<button class="f-text-blocks__btn btn btn--secondary" data-age-verifier-return-button>
Oops, I entered incorrectly
</button>
</div>
</div>
</div>
</div>
</age-verifier-popup>
<script src="//www.hookahvault.com/cdn/shop/t/2/assets/age-verifier.js?v=87452317730814951581717519923" defer="defer"></script>
</div>
<!-- END sections: footer-group -->
</div>
<ul hidden>
<li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li>
</ul>
<script>
window.FoxThemeStrings = {
addToCart: "Add to cart",
soldOut: "Sold out",
unavailable: "Unavailable",
inStock: "In stock",
noSku: "N\/A",
outOfStock: "Out of stock",
unitPrice: "Unit price",
requiredField: `Please fill all the required fields (*).`,
unitPriceSeparator: "per",
item_added: "Item added to your cart.",
noShippingRate: "There are no shipping rates for your address.",
shippingRatesResult: "We found {{count}} shipping rate(s) for your address",
subTotal: "Subtotal",
newSubTotal: "New subtotal",
cartError: "There was an error while updating your cart. Please try again.",
quantityError: `You can only add [quantity] of this item to your cart.`,
notifications: {
discount_applied: "Discount code is applied. You will see the discount on the checkout page.",
},
willNotShipUntil: "More incoming items on [date]",
willBeInStockAfter: "Back in stock [date]",
waitingForStock: "Inventory on the way",
stockLabel: "Low stock - [count] items left",
inStockLabel: "In stock, ready to ship",
noSelectDeliveryTime: "Please select a delivery time.",
invalidDeliveryTime: "Please select a valid time, the time must be greater than the current time."
}
window.FoxThemeSettings = {
designMode: false,
isMobile: window.matchMedia('screen and (max-width: 639px)').matches,
isTablet: window.matchMedia('screen and (max-width: 1023px)').matches,
template: "index",
currency_code: "USD",
money_format: "${{amount}}",
shop_domain: "https:\/\/www.hookahvault.com",
base_url: window.location.origin + Shopify.routes.root,
routes: {
root: "/",
cart: "/cart",
cart_add_url: "/cart/add",
cart_change_url: "/cart/change",
cart_update_url: "/cart/update",
predictive_search_url: '/search/suggest'
},
color_swatches_trigger: "Color,Colour,Couleur,Farbe",
custom_colors: "Black: #000,\nWhite: #fff,\nRosin: #36362d,\nRustic Brown: #a85502,\nDark Red: #502b33,\nDark Grey: #626262,\nWalnut: #786a5f,\nPurple: #705861,\nBlack: #000000,\nMolten Lava: #b5332e,\nPine Grove: #213631,\nIvy Green: #5b7763,\nMaroon Red: #740f35,\nBuckthorn Brown: #ffdb58,\nDark Blue: #123850,\nBrown: #743500,\nScarab: #23312d,\nLight Brown: #d5b89b,\nArgan: #213631,\nGrey: #dddddd,\nDark Brown: #440004,\nBeige: #e7d8bf,\nDark Orange: #b5520e,\nMuesli: #ddd5bc,\nFudge: #493338,\nCognac: #8b645a,\nPine Green: #21694a,\nDark Coffee: #4a342e,\nRed Wine: #582b36,\nAsh Blue: #d1dfeb,\nLight Oatmeal: #f7efdf,\nDark Indigo: #1f0954,\nBlue Horizon: #8eb3d1,\nFeather Grey: #b8ad9e,\nAsh Blonde: #d7bea5,\nLight Indigo: #93b8cd,\nMedium Indigo: #3953a4,\nDeep Red: #8c2e23,\nBlue: #00008B",
cart: {
cartType: "drawer",
openDrawerWhenAdded: true,
}
}
window.FoxThemeStyles = {
product: "https://www.hookahvault.com/cdn/shop/t/2/assets/product.css?v=155832355494250949761718891071"
}
window.FoxThemeScripts = {
productModel: "https://www.hookahvault.com/cdn/shop/t/2/assets/product-model.js?v=74883181231862109891717519925",
productMedia: "https://www.hookahvault.com/cdn/shop/t/2/assets/product-media.js?v=86707939720296478581718891069",
variantsPicker: "https://www.hookahvault.com/cdn/shop/t/2/assets/variants-picker.js?v=43799299011729661161717519924"
}
if (Shopify.designMode) {
document.documentElement.classList.add('shopify-design-mode')
}
;(function () {
window.FoxThemeSettings = window.FoxThemeSettings || {}
const mobileCheck = window.matchMedia('screen and (max-width: 639px)');
const tabletCheck = window.matchMedia('screen and (max-width: 1023px)');
function screenTest(e) {
if (e.matches) {
FoxThemeSettings.isMobile = true
document.dispatchEvent(new CustomEvent('matchMobile'))
} else {
FoxThemeSettings.isMobile = false
document.dispatchEvent(new CustomEvent('unmatchMobile'))
}
}
function screenTestTablet(e) {
if (e.matches) {
FoxThemeSettings.isTablet = true
document.dispatchEvent(new CustomEvent('matchTablet'))
} else {
FoxThemeSettings.isTablet = false
document.dispatchEvent(new CustomEvent('unmatchTablet'))
}
}
try {
// Chrome & Firefox
mobileCheck.addEventListener('change', screenTest.bind(this));
tabletCheck.addEventListener('change', screenTestTablet.bind(this));
} catch (err) {
try {
// Safari
mobileCheck.addListener(screenTest);
tabletCheck.addListener(screenTestTablet);
} catch (e2) {
console.error(e2);
}
}
})();
function __calcHeight() {
var header = document.querySelector('[data-section-type="header"]')
var announcement = document.querySelector('[data-section-type="announcement-bar"]')
if (header) {
document.documentElement.style.setProperty("--f-header-height", header.offsetHeight + "px")
}
if (announcement) {
document.documentElement.style.setProperty("--f-announcement-height", announcement.offsetHeight + "px")
}
}
function __markupPolicyPage() {
var container = document.querySelector('.shopify-policy__body')
if (container) {
container.classList.add('rte')
}
}
window.addEventListener('load', function () {
__calcHeight()
__markupPolicyPage()
});
window.addEventListener('resize', function () {
__calcHeight()
});
var fader = document.querySelector('.f-page-transition')
function __fadeInPage() {
if (!window.AnimationEvent || !fader) return;
// Page transition
window.addEventListener('beforeunload', () => {
fader.classList.add('fade-in');
});
window.addEventListener('DOMContentLoaded', () => {
document.documentElement.classList.remove('overflow-hidden')
document.body.classList.remove('overflow-hidden')
fader.classList.remove('fade-in')
fader.classList.add('fade-out')
document.dispatchEvent(new CustomEvent('page:loaded'));
});
window.addEventListener('pageshow', (event) => {
// Removes unload class when returning to page via history
if (event.persisted && fader) {
fader.classList.remove('fade-in')
fader.classList.add('fade-out')
}
});
}
__fadeInPage()
function __reInitTooltip(container) {
const tooltips = container && container.querySelectorAll("[data-tippy-content]");
tooltips && tooltips.forEach(tooltip => {
window.FoxTheme.Tooltip(tooltip, {
animation: "shift-away",
touch: false,
hideOnClick: false,
onCreate(instance) {
const theme = instance.reference.dataset.tippyTheme || "color-background-1";
instance.setProps({
theme: theme,
});
}
})
});
}
const buttonToTop = document.querySelector('#scroll-to-top-button');
function __scollToTop(element, behavior) {
window.addEventListener('scroll', () => {
const currentPosition = window.pageYOffset;
if(currentPosition > 100) {
element.classList.add('is-show');
} else {
element.classList.remove('is-show');
}
});
element.addEventListener('click', (e) => {
e.preventDefault();
window.scrollTo({
top: 0,
behavior: behavior,
});
})
}
buttonToTop && __scollToTop(buttonToTop, "smooth");
</script>
<script src="//www.hookahvault.com/cdn/shop/t/2/assets/collapsible-tab.js?v=134763552569020766841717519925" defer="defer"></script>
<script src="//www.hookahvault.com/cdn/shop/t/2/assets/quick-view.js?v=154766103976603904121717519925" defer="defer"></script>
<script src="//www.hookahvault.com/cdn/shop/t/2/assets/color-swatch.js?v=58049224594384354321717519924" defer="defer"></script>
<script>
// Save the original XMLHttpRequest
const originalXMLHttpRequest = XMLHttpRequest.prototype.open;
document.addEventListener('DOMContentLoaded', function () {
function restoreXMLHttpRequest() {
// Restore the original XMLHttpRequest after a delay to ensure third-party scripts have run
setTimeout(() => {
XMLHttpRequest.prototype.open = originalXMLHttpRequest;
console.log('XMLHttpRequest restored to original.');
}, 3000); // Adjust the delay if needed
}
// Your existing code to handle other scripts and load the Odoo chat
function loadOdooChat() {
try {
var odooChatLoader = document.createElement('script');
odooChatLoader.type = 'text/javascript';
odooChatLoader.defer = true;
odooChatLoader.src = 'https://hookahvault.odoo.com/im_livechat/loader/1';
var odooChatAssets = document.createElement('script');
odooChatAssets.type = 'text/javascript';
odooChatAssets.defer = true;
odooChatAssets.src = 'https://hookahvault.odoo.com/im_livechat/assets_embed.js';
document.head.appendChild(odooChatLoader);
document.head.appendChild(odooChatAssets);
XMLHttpRequest.prototype.open = originalXMLHttpRequest;
} catch (error) {
console.error('Odoo chat failed to initialize. Retrying in 2 seconds.', error);
setTimeout(loadOdooChat, 2000); // Retry after 2 seconds
}
}
document.addEventListener('click', function(event) {
console.log(event.target , 'event.target-------------------');
if (event.target && event.target.matches('.o-livechat-root')) {
// Revert XMLHttpRequest.prototype.open to the original function
XMLHttpRequest.prototype.open = originalXMLHttpRequest;
}
});
// Function to disable unwanted scripts
function disableThirdPartyScripts() {
const scriptUrlsToDisable = [
'https://cdn.shipinsure.io/shipinsure_shopify_5_5.min.js?shop=hookah-vault-24.myshopify.com',
'https://tools.luckyorange.com/core/lo.js?shop=hookah-vault-24.myshopify.com',
'https://static.rechargecdn.com/assets/js/widget.min.js?shop=hookah-vault-24.myshopify.com'
];
scriptUrlsToDisable.forEach((url) => {
const scriptElement = document.querySelector(`script[src="${url}"]`);
if (scriptElement) {
scriptElement.remove();
console.log('Script removed:', url);
}
});
}
// Call the functions
setTimeout(() => {
disableThirdPartyScripts();
loadOdooChat();
}, 1000); // Adjust the delay if needed
restoreXMLHttpRequest(); // Restore XMLHttpRequest
});
</script>
<!--
<script src="//www.hookahvault.com/cdn/shop/t/2/assets/odoo_1.js?v=55626355020770143281727178639" defer="defer"></script>
<script src="//www.hookahvault.com/cdn/shop/t/2/assets/odoo_assets_embed.js?v=148738746324077371401727178719" defer="defer"></script>
-->
<!-- ODOO END -->
<!--
<script>
function reloadOdooChat() {
// Remove the existing loader script if it's already added
window.odoo = {}
// Remove the existing chat widget if it exists
var existingChatWidget = document.querySelector('.o-livechat-root'); // Replace with the actual chat widget class name
var existingLoaderScript = document.querySelector('script[src="https://hookahvault.odoo.com/im_livechat/loader/1"]');
if (existingLoaderScript) {
existingLoaderScript.remove();
console.log("Removed existing loader script.");
}
// Remove the existing assets script if it's already added
var existingAssetsScript = document.querySelector('script[src="https://hookahvault.odoo.com/im_livechat/assets_embed.js"]');
if (existingAssetsScript) {
existingAssetsScript.remove();
console.log("Removed existing assets script.");
}
// Now re-load the scripts again
var loaderScript = document.createElement('script');
loaderScript.defer = true;
loaderScript.type = 'text/javascript';
loaderScript.src = 'https://hookahvault.odoo.com/im_livechat/loader/1';
document.head.appendChild(loaderScript);
var assetsScript = document.createElement('script');
assetsScript.defer = true;
assetsScript.type = 'text/javascript';
assetsScript.src = 'https://hookahvault.odoo.com/im_livechat/assets_embed.js';
document.head.appendChild(assetsScript);
assetsScript.onload = function() {
console.log("Odoo live chat scripts reloaded successfully.");
};
assetsScript.onerror = function(error) {
console.error("Failed to reload Odoo live chat script:", error);
};
if (existingChatWidget) {
existingChatWidget.remove(); // Or you can reset it as needed
console.log("Removed existing chat widget.");
}
}
setInterval(() => {
// Access the root element that contains the shadow DOM
const liveChatRoot = document.querySelector('.o-livechat-root');
if (liveChatRoot && liveChatRoot.shadowRoot) {
// Now access the shadow DOM and look for the .o-mail-ChatHub element
const chatHubElement = liveChatRoot.shadowRoot.querySelector('.o-mail-ChatHub');
if (!chatHubElement) {
reloadOdooChat();
} else {
//console.log("Element with class '.o-mail-ChatHub' exists inside shadow DOM.");
}
} else {
reloadOdooChat();
// console.log("Live chat root or shadow DOM is not available.");
}
}, 1000); // Check every 1 second
window.onerror = function(message, source, lineno, colno, error) {
console.log(source , 'source')
reloadOdooChat();
};
</script>
-->
<!-- T&C Checkbox -->
<script>
document.addEventListener("DOMContentLoaded", function() {
var agreeCheckbox = document.getElementById('agree');
var checkoutButton = document.getElementById('checkout');
// Disable the checkout button initially
checkoutButton.disabled = true;
agreeCheckbox.addEventListener('change', function() {
checkoutButton.disabled = !this.checked;
});
});
</script>
<style> .mw-image600 {width: 150px; margin: 0 auto; margin-bottom: 45px;} #ac-ag-container {margin: 0 auto !important;} #agechecker-age-gate .ac-ag-button {background: #c69113 !important;} #ac-ag-body-text {text-align: center !important;} #agechecker-age-gate .ac-ag-link {color: #c69113 !important;} #ac-ag-footer,#ac-ag-header,#ac-branding {display: none !important;} #agechecker-age-gate #ac-ag-inner {border-radius: 0 !important; background: #07223e !important; padding: 45px; border: 5px solid #fff;} #agechecker-age-gate .ac-ag-h1 {text-transform: uppercase; font-family: "Syne"; font-weight: 900; color: #fff; margin-bottom: 15px !important;} div#ac-ag-body-text {color: #fff;} form#ac-ag-container {background-color: #07223e !important; border-radius: 0 !important;} div#ac-ag-accept {border-radius: 0 !important; padding: 16px 32px!;} span#ac-ag-accept-button-text {text-transform: uppercase !important;} .f-newsletter__form {max-width: 65rem; width: 100%;} .f-mobile-nav__link {font-weight: bold;} .f-mobile-nav__sub-link {font-weight: 300;} h1,h2,h3,h4,h5,h6 {font-weight: 900 !important;} span.f-price-item.f-price-item--sale,.f-price {color: #000;} .site-logo--image img {height: auto !important;} .blbg {background: transparent;} .blbg .container .f-custom__block.f-custom__block--text {background: #072340; padding: 0 25px;} .w900 .container {max-width: 980px;} .wt-text {color: #fff;} .jc-con .f-flex {justify-content: center;} .grey-bg {background: #96989a; color: #fff;} @media (min-width: 768px) {.md\:block {display: block; }} @media (min-width: 981px) {.hero-bnr .f-flex.flex-wrap {height: 80vh; } .jc-con {padding: 10vh 0; }} </style>
<div id="shopify-block-4015264832934714879" class="shopify-block shopify-app-block">
<script>
function createEcomSendMainStyleEle() {
const ele = document.createElement("link")
ele.rel = "stylesheet"
ele.href = 'https://cdn.shopify.com/extensions/ffccd380-056b-48b0-a2db-3fbaad2d8d56/ecomsend-popups-21/assets/style.css'
ele.dataset.ecomsendTag = "load-alternate-css"
return ele
}
if (window.EcomSendApps?.enableAlternateCSSLoading ?? false) {
document.head.appendChild(createEcomSendMainStyleEle())
}
function createEcomSendMainJSEle() {
const ele = document.createElement("script")
ele.defer = true
ele.id = "ecomsend-main-js"
ele.src = 'https://cdn.shopify.com/extensions/ffccd380-056b-48b0-a2db-3fbaad2d8d56/ecomsend-popups-21/assets/ecomsend.js'
if (null === document.getElementById(ele.id)) {
document.head.appendChild(ele)
}
}
</script>
<style id="ecomsend-custom-style"></style>
<div id="ecomsend-widget"></div>
<!-- BEGIN app snippet: ecomsend-app --><script type="text/javascript">
//EcomSend APPS COMMON JS CODE
window.EcomSendApps = window.EcomSendApps || {}
window.EcomSendApps.design_mode = false
window.EcomSendApps.common = window.EcomSendApps.common || {}
window.EcomSendApps.common.shop = {
permanent_domain: 'hookah-vault-24.myshopify.com',
currency: "USD",
money_format: "${{amount}}",
id: 60340568199,
}
window.EcomSendApps.common.template = 'index'
</script>
<!-- END app snippet -->
<script>window.shopLocale = 'en'</script>
<script defer="defer" src="https://cdn.shopify.com/extensions/ffccd380-056b-48b0-a2db-3fbaad2d8d56/ecomsend-popups-21/assets/react_react-dom.min.js"></script>
<script defer="defer" src="https://cdn.shopify.com/extensions/ffccd380-056b-48b0-a2db-3fbaad2d8d56/ecomsend-popups-21/assets/mobx_react-custom-roulette.min.js" onload="createEcomSendMainJSEle()"></script>
</div><div id="shopify-block-2102808784413787648" class="shopify-block shopify-app-block"><script>
window.cartbiteMainJsUrl="https://s1.staq-cdn.com/grow/api/js/60340568199/main.js?sId=60340568199&v=GA9UCLNIQY8ZIMTXRJ9P6LAH";
window.cartBiteCollectionJsUrl="https://cdn.shopify.com/extensions/662da23c-8cbb-44b9-9d03-67c80cda2517/kb-back-in-stock-49/assets/cartbite-collection.js"
setTimeout(async ()=>{
if(!window.growAppEmbedLoaded){
!async function(){window.growAppEmbedLoaded=!0;let t=async()=>{if(window.growClient)return;window.cartbiteMainJsUrl||await new Promise(t=>{setTimeout(()=>{t()},1e3)}),window.cartbiteMainJsUrl||(window.cartbiteMainJsUrl=`https://s1.staq-cdn.com/grow/api/js/main.js?sId=${encodeURIComponent(Shopify.shop)}&v=${new Date().valueOf()}&cfs=skip`);let t=document.createElement("script");t.src=window.cartbiteMainJsUrl,t.async=!0,document.getElementsByTagName("head")[0].appendChild(t)};await t(),setTimeout(async()=>{let a=!1;try{a=window.growClient||(await (await fetch("https://s1.staq-cdn.com/api/status")).json()).isActive}catch(s){console.error("Error in getting script from cdn",s)}a||(window.cartbiteMainJsUrl=window.cartbiteMainJsUrl.replace("https://s1.staq-cdn.com","https://js-server.staqlab.com"),await t())},1e3)}();
}
},1500);
window.gwProductInventoryPolicy={};window.gwProductInventoryQuantity={};</script>
</div></body>
</html>