/* Shared source-inspired presentation. Existing WooCommerce data and actions remain native. */
:root { --hj-ink:#1a1a1a; --hj-cream:#f5f4f2; --hj-stone:#e8e6e1; }
.htw-site-header { font-family:Inter,Arial,sans-serif; background:var(--hj-cream); }
.htw-site-header .htw-site-header__announcement { min-height:32px; padding:8px 20px; font-size:11px; line-height:16px; }
.htw-site-header .htw-site-header__main { min-height:76px; padding:0 4%; background:var(--hj-cream); }
.htw-site-header .htw-site-header__logo { width:150px; }
.htw-site-header .htw-site-header__logo a { display:inline-flex; align-items:center; gap:8px; white-space:nowrap; }
.htw-site-header .htw-site-header__logo img { width:28px; height:28px; object-fit:contain; }
.htw-site-header .htw-site-header__logo a::after { content:'HYDROJUG'; color:#1a1a1a; font:900 17px/1 Montserrat,Arial,sans-serif; letter-spacing:.02em; }
.htw-site-header .htw-site-header__primary-list { justify-content:center; gap:25px; }
.htw-site-header .htw-site-header__primary-list > li > a { font-size:11px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; }
.htw-site-header .htw-site-header__actions { gap:16px; }
.htw-site-header .htw-site-header__actions a,.htw-site-header .htw-site-header__actions button { font-size:11px; }
.htw-site-header .htw-site-header__search-toggle { order:0; }
.htw-site-header .htw-site-header__account { order:1; }
.htw-site-header .htw-site-header__cart { order:2; }
.htw-site-header .htw-site-header__account-icon { display:block; }
.htw-site-header .htw-site-header__account-label,.htw-site-header .htw-site-header__search-toggle > span { position:absolute !important; width:1px !important; height:1px !important; padding:0 !important; margin:-1px !important; overflow:hidden !important; clip:rect(0,0,0,0) !important; white-space:nowrap !important; border:0 !important; }
.htw-site-header .htw-site-header__panel { background:var(--hj-cream); }
.htw-site-header .htw-site-header__panel.htw-site-header__search { inset:0 0 auto 0; width:100%; max-width:none; height:auto; max-height:80dvh; overflow-y:auto; padding:28px 4% 32px; background:var(--hj-cream); box-shadow:0 10px 30px #0002; }
.htw-site-header .htw-site-header__search .storefront-drawer-heading { position:absolute; top:28px; right:4%; min-height:48px; margin:0; border:0; }
.htw-site-header .htw-site-header__search .storefront-drawer-heading h2 { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
.htw-site-header .htw-site-header__search .searchform { margin:0 60px 0 0; }
.htw-site-header .htw-site-header__search .searchform .flex-row { border:1px solid #dedcd7; border-radius:5px; background:white; }
.htw-site-header .htw-site-header__search input[type=search] { height:48px; border:0; box-shadow:none; background:transparent; }
.htw-site-header .htw-site-header__panel.htw-site-header__mini-cart { width:min(420px,100%); right:0; height:100dvh; max-height:100dvh; overflow-y:auto; padding:0 28px 28px; background:var(--hj-cream); border:0; box-shadow:0 8px 28px #0003; }
.htw-site-header .htw-site-header__mini-cart .storefront-drawer-heading h2 { font-family:Montserrat,Arial,sans-serif; font-weight:900; font-size:18px; text-transform:uppercase; }
.htw-site-header .htw-site-header__mini-cart .button { background:var(--hj-ink); color:white; border:0; }
.footer-wrapper { font-family:Inter,Arial,sans-serif; }
.footer-wrapper .footer-2 { background:#161616; }
.footer-wrapper .widget-title { text-transform:uppercase; font-size:11px; letter-spacing:.12em; }
.footer-wrapper .footer-widgets a { color:#a8a8a5; font-size:13px; }
.footer-wrapper .footer-widgets a:hover,.footer-wrapper .footer-widgets a:focus-visible { color:#fff; }

/* Homepage uses independently editable core blocks; nothing here binds products or links. */
body.page-id-416 #content.page-wrapper { padding:0; }
body.page-id-416 #content > .row, body.page-id-416 #content > .row > .large-12 { max-width:none; width:100%; padding:0; margin:0; }
.hj-home-module,.hj-home-module * { box-sizing:border-box; }
.hj-home-module { color:var(--hj-ink); font-family:Inter,Arial,sans-serif; }
.hj-home-module h1,.hj-home-module h2,.hj-home-module h3 { color:inherit; font-family:Montserrat,Arial,sans-serif; font-weight:900; letter-spacing:.02em; text-transform:uppercase; }
.hj-home-module :focus-visible { outline:3px solid currentColor; outline-offset:3px; }
.hj-hero { position:relative; background:#171717; color:#f5f4f2; }
.hj-slide { position:relative; width:100%; aspect-ratio:21/9; overflow:hidden; background:#252525; }
.hj-hero:not(.hj-ready) > .hj-slide:not(:first-child) { display:none; }
.hj-hero.hj-ready { aspect-ratio:21/9; }
.hj-hero.hj-ready > .hj-slide { position:absolute; inset:0; opacity:0; visibility:hidden; pointer-events:none; transition:opacity 1s cubic-bezier(.4,0,.2,1),visibility 0s linear 1s; }
.hj-hero.hj-ready > .hj-slide.is-active { opacity:1; visibility:visible; pointer-events:auto; transition:opacity 1s cubic-bezier(.4,0,.2,1); }
.hj-slide > figure.hj-media-desktop,.hj-slide > figure.hj-media-mobile,.hj-banner > figure { position:absolute; inset:0; margin:0; width:100%; height:100%; }
.hj-slide figure img,.hj-slide figure video,.hj-banner figure img { width:100%; height:100%; object-fit:cover; }
.hj-slide .hj-media-mobile,.hj-banner .hj-media-mobile { display:none; }
.hj-slide::after { content:''; position:absolute; inset:0; pointer-events:none; background:linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.3)),linear-gradient(to top,rgba(26,26,26,.55) 0%,rgba(26,26,26,.10) 25%,transparent 50%); }
.hj-hero-copy { position:absolute; z-index:2; left:max(4vw,20px); bottom:65px; max-width:560px; color:white; }
.hj-hero-copy h1,.hj-hero-copy h2 { color:white; font-size:clamp(28px,4vw,48px); line-height:1.05; margin:10px 0 15px; }
.hj-hero-copy .hj-eyebrow { font-size:11px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; margin:0 0 8px; }
.hj-hero-copy .hj-promotion { color:#fff; font-size:17px; font-weight:700; margin:0 0 18px; }
.hj-faux-button { display:inline-block; background:var(--hj-cream); border:1px solid var(--hj-cream); color:#1a1a1a; padding:14px 27px; font:700 11px/1.2 Inter,Arial,sans-serif; letter-spacing:.08em; text-transform:uppercase; border-radius:5px; }
.hj-pending { color:#696969; font-size:12px; line-height:1.4; }
.hj-hero .hj-pending,.hj-banner .hj-pending,.hj-community .hj-pending { color:#eee; }
.hj-slider-arrow { position:absolute; top:50%; z-index:4; display:grid !important; place-items:center; width:44px; height:44px; min-height:0; padding:0 !important; border:1px solid currentColor !important; border-radius:50% !important; background:#ffffffc9 !important; color:#1a1a1a !important; transform:translateY(-50%); cursor:pointer; }
.hj-slider-arrow svg { display:block; width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.7; flex:none; }
.hj-slider-arrow.hj-prev { left:14px; }.hj-slider-arrow.hj-next { right:14px; }
.hj-dots { position:absolute; z-index:4; display:flex; gap:16px; left:max(4vw,20px); bottom:24px; }
.hj-dots button { width:8px; min-width:0 !important; height:8px; min-height:0; padding:0; margin:0 !important; border:0; border-radius:9px; background:#ffffff80; box-shadow:none; cursor:pointer; }
.hj-dots button[aria-current=true] { width:24px; background:white; }
.hj-section-inner { max-width:1400px; margin:0 auto; padding-left:clamp(16px,4vw,56px); padding-right:clamp(16px,4vw,56px); }
.hj-products { background:var(--hj-stone); padding:80px 0; }
.hj-section-heading { margin:0 0 34px; }.hj-section-heading h2 { margin:4px 0; font-size:clamp(24px,2.5vw,36px); }
.hj-section-heading .hj-eyebrow { margin:0; color:#666; font-size:10px; font-weight:600; letter-spacing:.16em; text-transform:uppercase; }
.hj-rail-wrap { position:relative; }.hj-product-rail,.hj-category-rail,.hj-community-rail { display:flex; gap:20px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; }
.hj-product-rail::-webkit-scrollbar,.hj-category-rail::-webkit-scrollbar,.hj-community-rail::-webkit-scrollbar { display:none; }
.hj-product-rail > *, .hj-category-rail > *, .hj-community-rail > * { scroll-snap-align:start; min-width:0; flex:0 0 calc((100% - 60px)/4); }
.hj-placeholder-card { border:1px solid #d7d4cf; border-radius:8px; overflow:hidden; background:var(--hj-stone); }
.hj-placeholder-visual { height:0; padding-top:110%; background:linear-gradient(135deg,#d7d5d0,#e3e1dd); position:relative; }
.hj-placeholder-visual::after { content:'PRODUCT PLACEHOLDER'; position:absolute; inset:0; display:grid; place-items:center; color:#706e6a; font-size:10px; font-weight:700; letter-spacing:.1em; }
.hj-placeholder-copy { padding:15px; }.hj-placeholder-copy p { margin:0 0 6px; font-size:14px; }.hj-placeholder-copy strong { font-size:16px; }
.hj-categories { background:var(--hj-cream); padding:96px 0; text-align:center; }
.hj-categories .hj-section-heading { margin-bottom:48px; }.hj-categories .hj-section-heading p { color:#6b6b6b; }
.hj-category-rail { gap:16px; text-align:left; }.hj-category-rail > * { flex-basis:calc((100% - 96px - 48px)/6); }
.hj-category { overflow:hidden; background:var(--hj-stone); border-radius:8px; transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s ease; }
@media (hover:hover) and (pointer:fine) { .hj-category:hover { transform:translateY(-4px); box-shadow:0 12px 32px #1a1a1a1a; }.hj-category:hover h3,.hj-category:hover .hj-category-copy p:not(.hj-pending) { text-decoration:underline; } }
.hj-category figure { margin:0; aspect-ratio:1; overflow:hidden; background:linear-gradient(135deg,#deddd9,#efeeeb); }.hj-category img { width:100%; height:100%; object-fit:cover; }
.hj-category .hj-placeholder-visual { padding-top:100%; }.hj-category .hj-placeholder-visual::after { content:'CATEGORY PLACEHOLDER'; }
.hj-category h3 { font-size:15px; margin:0 0 4px; }.hj-category-copy { padding:16px; }.hj-category-copy p { margin:0; font-size:12px; color:#6b6b6b; }
.hj-banner { position:relative; aspect-ratio:3/1; min-height:320px; max-height:760px; overflow:hidden; background:#333; text-align:center; }
.hj-banner-copy { position:absolute; bottom:13%; left:0; right:0; z-index:2; }.hj-banner-copy .hj-faux-button { background:#1a1a1a; color:white; border-color:#1a1a1a; }
.hj-community { padding:80px 0; background:#171717; color:white; text-align:center; }
.hj-community .hj-section-heading p { color:#aaa; }.hj-community-rail { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; }
.hj-community-rail figure { margin:0; aspect-ratio:1; overflow:hidden; border-radius:6px; background:#e8e6e1; }.hj-community-rail img { width:100%; height:100%; object-fit:cover; }
.hj-newsletter { background:var(--hj-cream); text-align:center; padding:80px 16px; }.hj-newsletter h2 { font-size:clamp(24px,2.5vw,36px); margin:0 0 12px; }.hj-newsletter p { color:#6b6b6b; }
.hj-newsletter-placeholder { max-width:460px; display:flex; margin:24px auto 0; }.hj-newsletter-placeholder input { flex:1 1 0; width:1%; min-width:0; height:48px; margin:0; border:1px solid #dedcd7; background:transparent; padding:10px 14px; }.hj-newsletter-placeholder button { flex:0 0 auto; width:auto; min-width:110px; height:48px; margin:0; padding:0 16px; background:#1a1a1a; color:white; border:0; opacity:.7; white-space:nowrap; font-size:11px; }
/* Neutral source palette on the real WooCommerce surfaces, without changing their data or hooks. */
.woocommerce .product-small .box-image,.woocommerce-page .product-small .box-image { background:var(--hj-stone); border-radius:8px; overflow:hidden; }
.woocommerce .product-small .product-title,.woocommerce .product-small .price { font-size:16px; line-height:1.35; }
.woocommerce .product-small .badge-container { left:8px; top:8px; }.woocommerce .badge-inner { background:#1a1a1a; color:white; }
.woocommerce .product-small .badge { display:block; width:auto; height:auto; }
.woocommerce .product-small .badge-inner { display:inline-flex; width:auto; min-width:0; height:auto; padding:4px 7px; border-radius:4px; font-size:11px; line-height:1.2; }
.woocommerce .wgm-native-card__actions .quick-view { background:#1a1a1a; color:#fff; }
.woocommerce .wgm-native-card__actions .quick-view:hover,.woocommerce .wgm-native-card__actions .quick-view:focus-visible { background:#444; color:#fff; }
.single-product .product-info,.woocommerce-cart #content,.woocommerce-account #content { font-family:Inter,Arial,sans-serif; }
.single-product .product-info h1,.woocommerce-cart h1,.woocommerce-account h1 { font-family:Montserrat,Arial,sans-serif; color:#1a1a1a; }
.single-product .single_add_to_cart_button,.woocommerce-cart .checkout-button,.woocommerce-account button.button { background:#1a1a1a; color:white; }
.single-product .woocommerce-tabs .tabs a { font-weight:700; letter-spacing:.04em; }
@media(max-width:768px) {
 .htw-site-header .htw-site-header__main { min-height:60px; padding:0 16px; }.htw-site-header .htw-site-header__logo { width:auto; }.htw-site-header .htw-site-header__logo img { width:22px; height:22px; }.htw-site-header .htw-site-header__logo a::after { font-size:15px; }
 .hj-slide,.hj-hero.hj-ready { aspect-ratio:3/4; }.hj-slide .hj-media-desktop,.hj-banner .hj-media-desktop { display:none; }.hj-slide .hj-media-mobile,.hj-banner .hj-media-mobile { display:block; }
 .hj-hero-copy { left:16px; right:16px; bottom:52px; }.hj-hero-copy h1,.hj-hero-copy h2 { font-size:28px; }.hj-hero-copy .hj-promotion { font-size:15px; }
 .hj-slider-arrow { display:none !important; }.hj-products { padding:48px 0; }.hj-product-rail > * { flex-basis:calc((100% - 32px)/2.15); }.hj-categories { padding:48px 0; }.hj-categories .hj-section-heading { margin-bottom:32px; }.hj-category-rail { gap:12px; }.hj-category-rail > * { flex:0 0 140px; }.hj-category-copy { padding:12px; }.hj-category h3 { font-size:13px; }
 .hj-banner { min-height:460px; aspect-ratio:auto; }.hj-community { padding:48px 0; }.hj-community-rail { display:flex; overflow-x:auto; gap:10px; }.hj-community-rail > * { flex:0 0 45%; }.hj-community-rail figure { aspect-ratio:9/16; }.hj-newsletter { padding:48px 16px; }
}
@media(prefers-reduced-motion:reduce) { .hj-home-module * { scroll-behavior:auto !important; transition:none !important; animation:none !important; }.hj-category:hover { transform:none; } }