{"product_id":"jcocylse-hat-storage-for-wall-mount-baseball-cap-storage-cap-holder-space-saving-hat-rack-with-hooks-for-hanging-caps-black","title":"Jcocylse Hat Storage for Wall Mount – Baseball Cap Storage \u0026 Cap Holder, Space-Saving Hat Rack with Hooks for Hanging Caps","description":"\u003c!--\n=========================================================\nJCOCYLSE WALL-MOUNTED HAT STORAGE\nSHOPIFY PRODUCT PAGE — OPTIMIZED VERSION\n\nSTYLE:\nModern Cap Gallery × Clean Home Organization\n\nPRODUCT:\nWhite Wall-Mounted Baseball Cap Organizer\n\nGLOBAL:\nPrice: $19.99\nPack: 2-Pack\nButton target:\n#shopify-section-template--16682434691147__main\n\nIMAGE MAP:\n01 = Hero\n02 = Comparison\n03 = One Hat. One Spot.\n04 = Vertical Space-Saving\n05 = Keep Caps In Shape\n06 = Two Installation Options\n08 = Product Size \/ Specs\n\nCustomer 01-05 = Real-Life Customer Photos\n=========================================================\n--\u003e\n\u003csection id=\"hat-product-page\"\u003e\n\u003cdiv class=\"hat-shell\"\u003e\n\u003c!-- =====================================================\n         HERO\n    ====================================================== --\u003e\n\u003csection class=\"hat-panel hat-hero\"\u003e\u003cheader class=\"hat-heading hat-heading--center\"\u003e\n\u003cp class=\"hat-kicker\"\u003eA Smarter Home for Your Caps\u003c\/p\u003e\n\u003ch2\u003eTurn Your Cap Collection Into a Clean, Space-Saving Display\u003c\/h2\u003e\n\u003cp\u003eKeep your everyday caps organized, easy to grab and off your shelves with a slim vertical wall-mounted storage system.\u003c\/p\u003e\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0623\/2431\/0091\/files\/shopify_hat_storage_360x480_3ec58f5a-20d0-41cb-877f-39a6e4ab5d75.gif?v=1788514947\" alt=\"\"\u003e\u003c\/p\u003e\n\u003c\/header\u003e\n\u003cdiv class=\"hat-highlights\"\u003e\n\u003cspan\u003eOne Hat. One Spot.\u003c\/span\u003e \u003cspan\u003eVertical Space-Saving\u003c\/span\u003e \u003cspan\u003eHelps Prevent Crushing\u003c\/span\u003e \u003cspan\u003e2 Installation Options\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hat-buy-row\"\u003e\n\u003cdiv class=\"hat-price\"\u003e\n\u003cstrong class=\"hat-global-price\"\u003e $19.99 \u003c\/strong\u003e \u003cspan\u003e 2-pack \u003c\/span\u003e\n\u003c\/div\u003e\n\u003ca class=\"hat-button hat-global-link\" href=\"#shopify-section-template--16682434691147__main\"\u003e Organize Your Caps — \u003cspan class=\"hat-global-price\"\u003e $19.99 \u003c\/span\u003e \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n         COMPARISON\n    ====================================================== --\u003e\n\u003csection class=\"hat-panel hat-compare\"\u003e\u003cheader class=\"hat-heading hat-heading--center\"\u003e\n\u003cp class=\"hat-kicker\"\u003eLess Clutter. Better Access.\u003c\/p\u003e\n\u003ch2\u003eFrom Cap Pile to Cap Gallery\u003c\/h2\u003e\n\u003cp\u003eStacking hats on shelves quickly creates clutter, makes favorites harder to reach and puts unnecessary pressure on the caps underneath.\u003c\/p\u003e\n\u003c\/header\u003e\n\u003cdiv class=\"hat-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0623\/2431\/0091\/files\/889f8b76-458b-4534-9552-0d4e084cc587.png?v=1788514429\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cul class=\"hat-checks\"\u003e\n\u003cli\u003eFree up valuable shelf and dresser space\u003c\/li\u003e\n\u003cli\u003eSee your collection instead of digging through a pile\u003c\/li\u003e\n\u003cli\u003eReach one cap without reorganizing everything else\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"hat-center\"\u003e\u003ca class=\"hat-text-link hat-global-link\" href=\"#shopify-section-template--16682434691147__main\"\u003e Give Every Cap a Better Spot — \u003cspan class=\"hat-global-price\"\u003e $19.99 \u003c\/span\u003e \u003c\/a\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n         FEATURE 1\n    ====================================================== --\u003e\n\u003csection class=\"hat-panel hat-feature hat-feature--one\"\u003e\u003cheader class=\"hat-heading hat-heading--center\"\u003e\n\u003cp class=\"hat-kicker\"\u003eEasy Everyday Access\u003c\/p\u003e\n\u003ch3\u003eOne Hat. One Spot.\u003c\/h3\u003e\n\u003cp\u003eIndividual storage positions keep your caps arranged in a clear vertical lineup, so you can reach the one you want without pulling down the entire collection.\u003c\/p\u003e\n\u003c\/header\u003e\n\u003cdiv class=\"hat-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0623\/2431\/0091\/files\/6d2d8bee-e6de-4dea-a641-7aa597dd4d30.png?v=1788514429\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cp class=\"hat-benefit\"\u003e\u003cstrong\u003e Your benefit: \u003c\/strong\u003e less digging, less restacking and a faster grab-and-go routine when you are getting dressed.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n         FEATURE 2\n    ====================================================== --\u003e\n\u003csection class=\"hat-panel hat-feature hat-feature--two\"\u003e\u003cheader class=\"hat-heading hat-heading--center\"\u003e\n\u003cp class=\"hat-kicker\"\u003eUse Space You Already Have\u003c\/p\u003e\n\u003ch3\u003eSave Space With Vertical Storage\u003c\/h3\u003e\n\u003cp\u003eTurn an unused wall, closet side or door area into practical cap storage without adding another bulky shelf, basket or piece of furniture.\u003c\/p\u003e\n\u003c\/header\u003e\n\u003cdiv class=\"hat-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0623\/2431\/0091\/files\/ChatGPTImage2026_9_4_05_32_18.png?v=1788514429\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"hat-mini-pills\"\u003e\n\u003cspan\u003eBedroom\u003c\/span\u003e \u003cspan\u003eCloset\u003c\/span\u003e \u003cspan\u003eBehind the Door\u003c\/span\u003e \u003cspan\u003eDressing Area\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"hat-benefit\"\u003e\u003cstrong\u003e Your benefit: \u003c\/strong\u003e move your caps off dressers and shelves while keeping them visible and within easy reach.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n         FEATURE 3\n    ====================================================== --\u003e\n\u003csection class=\"hat-panel hat-feature hat-feature--three\"\u003e\u003cheader class=\"hat-heading hat-heading--center\"\u003e\n\u003cp class=\"hat-kicker\"\u003eStore Without the Pile\u003c\/p\u003e\n\u003ch3\u003eKeep the Shape. Show the Style.\u003c\/h3\u003e\n\u003cp\u003eSeparate hanging positions reduce the need to compress your favorite caps into one heavy stack, helping them stay neater while turning your collection into part of the room.\u003c\/p\u003e\n\u003c\/header\u003e\n\u003cdiv class=\"hat-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0623\/2431\/0091\/files\/ChatGPTImage2026_9_4_05_32_23.png?v=1788514429\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"hat-two-methods\"\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e Hang by the Button \u003c\/strong\u003e \u003cspan\u003e Neat display for compatible caps \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e Hang by the Strap \u003c\/strong\u003e \u003cspan\u003e Useful for adjustable-back styles \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"hat-benefit\"\u003e\u003cstrong\u003e Your benefit: \u003c\/strong\u003e your favorite hats stay separated, easier to view and ready for the next outfit.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n         FEATURE 4\n    ====================================================== --\u003e\n\u003csection class=\"hat-panel hat-feature hat-feature--four\"\u003e\u003cheader class=\"hat-heading hat-heading--center\"\u003e\n\u003cp class=\"hat-kicker\"\u003eFlexible Setup\u003c\/p\u003e\n\u003ch3\u003eStick It or Screw It\u003c\/h3\u003e\n\u003cp\u003eChoose the mounting method that better matches your surface: adhesive mounting for suitable smooth surfaces or screw mounting for a more permanent installation.\u003c\/p\u003e\n\u003c\/header\u003e\n\u003cdiv class=\"hat-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0623\/2431\/0091\/files\/ChatGPTImage2026_9_4_05_32_28.png?v=1788514430\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"hat-install-grid\"\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e Adhesive Mount \u003c\/strong\u003e \u003cspan\u003e For suitable smooth, clean and dry surfaces \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e Screw Mount \u003c\/strong\u003e \u003cspan\u003e Better suited to rough surfaces or permanent placement \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"hat-benefit\"\u003e\u003cstrong\u003e Your benefit: \u003c\/strong\u003e choose a setup that works with your bedroom, closet, door or storage space instead of forcing one installation method.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n         PRODUCT DETAILS\n    ====================================================== --\u003e\n\u003csection class=\"hat-panel hat-details\"\u003e\u003cheader class=\"hat-heading hat-heading--center\"\u003e\n\u003cp class=\"hat-kicker\"\u003eCompact Footprint. Serious Organization.\u003c\/p\u003e\n\u003ch2\u003eBuilt for Growing Cap Collections\u003c\/h2\u003e\n\u003cp\u003eA slim vertical profile stores multiple baseball caps without taking over your closet, dresser or floor space.\u003c\/p\u003e\n\u003c\/header\u003e\n\u003cdiv class=\"hat-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0623\/2431\/0091\/files\/ChatGPTImage2026_9_4_05_32_33.png?v=1788514430\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"hat-spec-grid\"\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e Pack Size \u003c\/strong\u003e \u003cspan\u003e 2 Hat Racks \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e Capacity \u003c\/strong\u003e \u003cspan\u003e Up to 10 caps per rack \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e Total Storage \u003c\/strong\u003e \u003cspan\u003e Up to 20 caps \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e Rack Height \u003c\/strong\u003e \u003cspan\u003e Approx. 15 in \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e Hook Depth \u003c\/strong\u003e \u003cspan\u003e Approx. 1.57 in \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e Installation \u003c\/strong\u003e \u003cspan\u003e Adhesive or screw mount \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hat-pills\"\u003e\n\u003cspan\u003e Baseball Caps \u003c\/span\u003e \u003cspan\u003e Adjustable Caps \u003c\/span\u003e \u003cspan\u003e Trucker Hats \u003c\/span\u003e \u003cspan\u003e Everyday Cap Collections \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n         CUSTOMER PHOTOS\n    ====================================================== --\u003e\n\u003csection class=\"hat-panel hat-gallery\"\u003e\u003cheader class=\"hat-heading hat-heading--center\"\u003e\n\u003cp class=\"hat-kicker\"\u003eMade for Real Collections\u003c\/p\u003e\n\u003ch2\u003eHow It Fits Into Everyday Life\u003c\/h2\u003e\n\u003cp\u003eFrom getting dressed in the morning to reclaiming a crowded dresser, the biggest difference is having a dedicated place for the caps you actually wear.\u003c\/p\u003e\n\u003c\/header\u003e\n\u003cdiv class=\"hat-gallery-grid\"\u003e\n\u003c!-- CUSTOMER 01 --\u003e\n\u003carticle class=\"hat-card\"\u003e\n\u003cdiv class=\"hat-card-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0623\/2431\/0091\/files\/eb35c6dc-e0e0-4f59-8827-21fc14dfa294.png?v=1788514445\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"hat-card-copy\"\u003e\n\u003ch4\u003eGrab \u0026amp; Go\u003c\/h4\u003e\n\u003cp\u003ePick the cap that matches today's outfit without disturbing the rest.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- CUSTOMER 02 --\u003e\n\u003carticle class=\"hat-card\"\u003e\n\u003cdiv class=\"hat-card-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0623\/2431\/0091\/files\/6c9c02f4-84d8-4bcd-9001-682df8e1b444.png?v=1788514445\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"hat-card-copy\"\u003e\n\u003ch4\u003eReclaim the Dresser\u003c\/h4\u003e\n\u003cp\u003eMove the collection upward and give everyday surfaces room to breathe again.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- CUSTOMER 03 --\u003e\n\u003carticle class=\"hat-card\"\u003e\n\u003cdiv class=\"hat-card-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0623\/2431\/0091\/files\/3fe1757d-e3c4-4492-8d11-bb843cc7e9db.png?v=1788514445\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"hat-card-copy\"\u003e\n\u003ch4\u003eDisplay Your Favorites\u003c\/h4\u003e\n\u003cp\u003eTurn the caps you love into an organized part of your bedroom or sneaker setup.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- CUSTOMER 04 --\u003e\n\u003carticle class=\"hat-card\"\u003e\n\u003cdiv class=\"hat-card-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0623\/2431\/0091\/files\/fce7d93b-dac4-4d41-b810-e7c9838d9de0.png?v=1788514443\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"hat-card-copy\"\u003e\n\u003ch4\u003eUse the Door Space\u003c\/h4\u003e\n\u003cp\u003ePut an overlooked vertical area to work instead of adding more floor furniture.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- CUSTOMER 05 --\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n         FINAL CTA\n    ====================================================== --\u003e\n\u003csection class=\"hat-panel hat-cta\"\u003e\n\u003cp class=\"hat-kicker\"\u003eLess Clutter. More Style.\u003c\/p\u003e\n\u003ch2\u003eGive Your Caps a Better Home for \u003cspan class=\"hat-global-price\"\u003e $19.99 \u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eStop digging through piles and start using the wall space you already have. Organize, display and reach your favorite caps more easily every day.\u003c\/p\u003e\n\u003cp class=\"hat-cta-price hat-global-price\"\u003e$19.99\u003c\/p\u003e\n\u003ca class=\"hat-button hat-button--light hat-global-link\" href=\"#shopify-section-template--16682434691147__main\"\u003e Shop \u003cspan class=\"hat-global-product-name\"\u003e Jcocylse Wall-Mounted Hat Storage \u003c\/span\u003e \u003c\/a\u003e\u003c\/section\u003e\n\u003c!-- =====================================================\n         FAQ\n    ====================================================== --\u003e\n\u003csection class=\"hat-panel hat-faq\"\u003e\u003cheader class=\"hat-heading hat-heading--center\"\u003e\n\u003cp class=\"hat-kicker\"\u003eQuick Answers\u003c\/p\u003e\n\u003ch2\u003eFrequently Asked Questions\u003c\/h2\u003e\n\u003c\/header\u003e\n\u003cdiv class=\"hat-faq-list\"\u003e\n\u003cdetails\u003e\n\u003csummary\u003eWhat comes with my order?\u003c\/summary\u003e\n\u003cp\u003eThe set includes two white wall-mounted hat storage racks plus the mounting accessories supplied with the product, including adhesive mounting pieces and screw-mounting hardware.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eHow many hats can it hold?\u003c\/summary\u003e\n\u003cp\u003eEach rack is designed to store up to 10 caps, giving the two-pack a total capacity of up to 20 caps when fully used. Actual fit may vary slightly depending on cap size and style.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eWhat types of hats can I store?\u003c\/summary\u003e\n\u003cp\u003eThe organizer is primarily designed for baseball caps and similar structured or adjustable styles, including many snapback and trucker-style caps.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eCan I remove one hat without taking down the others?\u003c\/summary\u003e\n\u003cp\u003eYes. The individual storage positions are designed so you can reach one cap while the remaining caps stay organized on their own levels.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eWhere can I install the racks?\u003c\/summary\u003e\n\u003cp\u003eCommon locations include bedroom walls, closet sides, wardrobe panels and suitable door surfaces. Always choose a stable surface appropriate for your selected installation method.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eWhen should I use the adhesive installation?\u003c\/summary\u003e\n\u003cp\u003eAdhesive mounting is intended for suitable smooth, clean and fully dry surfaces such as compatible tile, glass, metal or smooth wood. Surface condition can affect adhesion.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eHow long should I wait after adhesive installation?\u003c\/summary\u003e\n\u003cp\u003eFor best adhesion, press the mounting plate firmly into place and allow approximately 24 hours before loading the organizer with hats.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eWhat if my wall is rough or textured?\u003c\/summary\u003e\n\u003cp\u003eFor rough, uneven or textured surfaces, screw mounting is the more appropriate installation option. Use the supplied hardware only where it is compatible with your wall type.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eWill it stop my hats from being crushed?\u003c\/summary\u003e\n\u003cp\u003eSeparating caps on individual hanging positions avoids the heavy compression that often occurs when caps are stored in a pile. Hat shape can still vary depending on material, construction and how each cap is positioned.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eHow large is each rack?\u003c\/summary\u003e\n\u003cp\u003eEach rack is approximately 15 inches tall, with the projecting support area shown at approximately 1.57 inches in the supplied product specifications.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eWhat is the current price?\u003c\/summary\u003e\n\u003cp\u003eThe current displayed price is \u003cstrong class=\"hat-global-price\"\u003e $19.99 \u003c\/strong\u003e. Check the product selector before checkout for any available variations or promotional offers.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eWhere can I find shipping and return information?\u003c\/summary\u003e\n\u003cp\u003ePlease review the shipping and return details shown on this product page or in the store policy links before completing your purchase.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n       MOBILE STICKY BUY BAR\n  ====================================================== --\u003e\n\u003cdiv class=\"hat-mobile-buy\"\u003e\n\u003cdiv\u003e\n\u003cstrong class=\"hat-global-price\"\u003e $19.99 \u003c\/strong\u003e \u003cspan\u003e 2-pack \u003c\/span\u003e\n\u003c\/div\u003e\n\u003ca class=\"hat-global-link\" href=\"#shopify-section-template--16682434691147__main\"\u003e Organize Now \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\n\/* =========================================================\n   GLOBAL COLOR SYSTEM\n========================================================= *\/\n\n#hat-product-page {\n\n  --hat-page-1: #f6f4f0;\n  --hat-page-2: #ebe7df;\n\n  --hat-navy-1: #30445d;\n  --hat-navy-2: #192638;\n\n  --hat-greige-1: #f2eee7;\n  --hat-greige-2: #e5e0d7;\n\n  --hat-sage-1: #e1e7e1;\n  --hat-sage-2: #f5f2eb;\n\n  --hat-sage-dark-1: #52645a;\n  --hat-sage-dark-2: #2d3b34;\n\n  --hat-details-1: #f8f6f2;\n  --hat-details-2: #e5e9e4;\n\n  --hat-gallery-1: #34475c;\n  --hat-gallery-2: #1f2c3b;\n\n  --hat-cta-1: #526c66;\n  --hat-cta-2: #788a7f;\n\n  --hat-faq-1: #ffffff;\n  --hat-faq-2: #edf0ec;\n\n  --hat-ink: #242d30;\n  --hat-muted: #687172;\n\n  --hat-accent: #61786d;\n  --hat-accent-dark: #40564c;\n  --hat-accent-light: #e3ebe6;\n\n  --hat-light: #ffffff;\n\n  --hat-radius: 18px;\n\n  --hat-shadow:\n    0 10px 30px rgba(33, 42, 44, 0.08);\n\n\n  position: relative;\n\n  overflow: hidden;\n\n  width: 100%;\n\n  color:\n    var(--hat-ink);\n\n  background:\n    linear-gradient(\n      180deg,\n      var(--hat-page-1),\n      var(--hat-page-2)\n    );\n\n  font-family:\n    \"Avenir Next\",\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    Helvetica,\n    Arial,\n    sans-serif;\n\n  font-size: 17px;\n\n  line-height: 1.58;\n\n}\n\n\n\n\n\/* =========================================================\n   BOX SIZING\n========================================================= *\/\n\n#hat-product-page,\n#hat-product-page *,\n#hat-product-page *::before,\n#hat-product-page *::after {\n\n  box-sizing: border-box;\n\n}\n\n\n\n\n\/* =========================================================\n   MAIN WRAPPER\n========================================================= *\/\n\n#hat-product-page .hat-shell {\n\n  position: relative;\n\n  z-index: 1;\n\n  max-width: 820px;\n\n  margin:\n    0 auto;\n\n  padding:\n    8px\n    8px\n    24px;\n\n}\n\n\n\n\n\/* =========================================================\n   PANELS\n========================================================= *\/\n\n#hat-product-page .hat-panel {\n\n  position: relative;\n\n  overflow: hidden;\n\n  margin:\n    0 0 10px;\n\n  padding:\n    clamp(20px, 4vw, 34px);\n\n  border:\n    1px solid\n    rgba(42, 55, 58, 0.09);\n\n  border-radius:\n    var(--hat-radius);\n\n  box-shadow:\n    var(--hat-shadow);\n\n}\n\n\n\n\n\/* =========================================================\n   TYPOGRAPHY\n========================================================= *\/\n\n#hat-product-page h2,\n#hat-product-page h3,\n#hat-product-page h4,\n#hat-product-page p {\n\n  margin-top: 0;\n\n}\n\n\n#hat-product-page h2,\n#hat-product-page h3,\n#hat-product-page h4 {\n\n  max-width: 100%;\n\n  color: inherit;\n\n  font-family: inherit;\n\n  font-weight: 800;\n\n  letter-spacing:\n    -0.025em;\n\n  line-height: 1.1;\n\n  overflow-wrap: normal;\n\n  word-break: normal;\n\n  hyphens: none;\n\n}\n\n\n#hat-product-page h2 {\n\n  margin-bottom: 11px;\n\n  font-size:\n    clamp(\n      1.9rem,\n      6.8vw,\n      2.85rem\n    );\n\n  line-height: 1.08;\n\n}\n\n\n#hat-product-page h3 {\n\n  margin-bottom: 10px;\n\n  font-size:\n    clamp(\n      1.65rem,\n      5.8vw,\n      2.3rem\n    );\n\n}\n\n\n#hat-product-page h4 {\n\n  margin-bottom: 6px;\n\n}\n\n\n#hat-product-page p {\n\n  margin-bottom: 12px;\n\n  font-size: 1rem;\n\n  line-height: 1.58;\n\n}\n\n\n#hat-product-page .hat-heading {\n\n  max-width: 650px;\n\n  margin-right: auto;\n\n  margin-left: auto;\n\n}\n\n\n#hat-product-page .hat-heading--center,\n#hat-product-page .hat-center {\n\n  text-align: center;\n\n}\n\n\n#hat-product-page .hat-kicker {\n\n  margin-bottom: 7px;\n\n  color:\n    var(--hat-accent-dark);\n\n  font-size: 0.78rem;\n\n  font-weight: 850;\n\n  line-height: 1.35;\n\n  letter-spacing:\n    0.10em;\n\n  text-transform:\n    uppercase;\n\n}\n\n\n\n\n\/* =========================================================\n   MEDIA\n========================================================= *\/\n\n#hat-product-page .hat-media {\n\n  position: relative;\n\n  width: 100%;\n\n  max-width: 650px;\n\n  aspect-ratio:\n    1 \/ 1;\n\n  margin:\n    15px auto 13px;\n\n  overflow: hidden;\n\n  border:\n    1px solid\n    rgba(35, 46, 49, 0.09);\n\n  border-radius: 14px;\n\n  background:\n    rgba(255, 255, 255, 0.42);\n\n}\n\n\n#hat-product-page .hat-media img,\n#hat-product-page .hat-card-image img {\n\n  display: block;\n\n  width: 100%;\n\n  height: 100%;\n\n  object-fit: cover;\n\n  object-position: center;\n\n}\n\n\n#hat-product-page .hat-media.hat-media-hidden,\n#hat-product-page .hat-card-image.hat-media-hidden {\n\n  display:\n    none !important;\n\n}\n\n\n\n\n\/* =========================================================\n   HERO\n========================================================= *\/\n\n#hat-product-page .hat-hero {\n\n  color:\n    rgba(255, 255, 255, 0.86);\n\n  background:\n    linear-gradient(\n      145deg,\n      var(--hat-navy-1),\n      var(--hat-navy-2)\n    );\n\n}\n\n\n#hat-product-page .hat-hero h2,\n#hat-product-page .hat-feature--one h3,\n#hat-product-page .hat-feature--four h3,\n#hat-product-page .hat-gallery h2,\n#hat-product-page .hat-cta h2 {\n\n  color:\n    var(--hat-light);\n\n}\n\n\n#hat-product-page .hat-hero .hat-kicker,\n#hat-product-page .hat-feature--one .hat-kicker,\n#hat-product-page .hat-feature--four .hat-kicker,\n#hat-product-page .hat-gallery .hat-kicker {\n\n  color:\n    #d8e4dc;\n\n}\n\n\n\n\n\/* =========================================================\n   HERO HIGHLIGHTS\n========================================================= *\/\n\n#hat-product-page .hat-highlights {\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(\n      2,\n      minmax(0, 1fr)\n    );\n\n  gap: 8px;\n\n  max-width: 650px;\n\n  margin:\n    0 auto 15px;\n\n}\n\n\n#hat-product-page .hat-highlights span {\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  min-height: 48px;\n\n  padding:\n    10px 9px;\n\n  border:\n    1px solid\n    rgba(255, 255, 255, 0.16);\n\n  border-radius: 10px;\n\n  color: #ffffff;\n\n  background:\n    rgba(255, 255, 255, 0.07);\n\n  font-size: 0.82rem;\n\n  font-weight: 800;\n\n  line-height: 1.3;\n\n  text-align: center;\n\n}\n\n\n\n\n\/* =========================================================\n   PRICE \u0026 BUTTON\n========================================================= *\/\n\n#hat-product-page .hat-buy-row {\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  flex-wrap: wrap;\n\n  gap: 12px;\n\n}\n\n\n#hat-product-page .hat-price {\n\n  display: flex;\n\n  align-items: baseline;\n\n  gap: 6px;\n\n}\n\n\n#hat-product-page .hat-price strong {\n\n  color: #ffffff;\n\n  font-size: 1.9rem;\n\n}\n\n\n#hat-product-page .hat-price span {\n\n  color:\n    rgba(255, 255, 255, 0.62);\n\n  font-size: 0.88rem;\n\n}\n\n\n#hat-product-page .hat-button {\n\n  display: inline-flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  min-height: 48px;\n\n  max-width: 100%;\n\n  padding:\n    12px 22px;\n\n  border-radius:\n    999px;\n\n  color:\n    #26362f;\n\n  background:\n    var(--hat-accent-light);\n\n  box-shadow:\n    0 8px 20px\n    rgba(17, 28, 25, 0.14);\n\n  font-size: 0.96rem;\n\n  font-weight: 850;\n\n  line-height: 1.25;\n\n  text-align: center;\n\n  text-decoration: none;\n\n  transition:\n    transform 0.2s ease,\n    box-shadow 0.2s ease;\n\n}\n\n\n#hat-product-page .hat-button:hover {\n\n  transform:\n    translateY(-1px);\n\n  box-shadow:\n    0 10px 24px\n    rgba(17, 28, 25, 0.18);\n\n}\n\n\n#hat-product-page .hat-button--light {\n\n  margin-top: 3px;\n\n  color:\n    #344c43;\n\n  background:\n    #ffffff;\n\n}\n\n\n#hat-product-page .hat-text-link {\n\n  color:\n    var(--hat-accent-dark);\n\n  font-weight: 850;\n\n  text-decoration: none;\n\n}\n\n\n\n\n\/* =========================================================\n   COMPARISON\n========================================================= *\/\n\n#hat-product-page .hat-compare {\n\n  background:\n    linear-gradient(\n      145deg,\n      var(--hat-greige-1),\n      var(--hat-sage-1)\n    );\n\n}\n\n\n#hat-product-page .hat-checks {\n\n  display: grid;\n\n  gap: 8px;\n\n  max-width: 620px;\n\n  margin:\n    0 auto 15px;\n\n  padding: 0;\n\n  list-style: none;\n\n}\n\n\n#hat-product-page .hat-checks li {\n\n  position: relative;\n\n  padding-left: 27px;\n\n  font-size: 0.98rem;\n\n  font-weight: 700;\n\n  line-height: 1.48;\n\n}\n\n\n#hat-product-page .hat-checks li::before {\n\n  content: \"✓\";\n\n  position: absolute;\n\n  left: 0;\n\n  color:\n    var(--hat-accent);\n\n  font-weight: 900;\n\n}\n\n\n\n\n\/* =========================================================\n   FEATURE COLORS\n========================================================= *\/\n\n#hat-product-page .hat-feature--one {\n\n  color:\n    rgba(255, 255, 255, 0.86);\n\n  background:\n    linear-gradient(\n      145deg,\n      #344a63,\n      #1f2e40\n    );\n\n}\n\n\n#hat-product-page .hat-feature--two {\n\n  background:\n    linear-gradient(\n      145deg,\n      #f4f0e9,\n      #e3ded5\n    );\n\n}\n\n\n#hat-product-page .hat-feature--three {\n\n  background:\n    linear-gradient(\n      145deg,\n      #e2e8e2,\n      #f7f4ee\n    );\n\n}\n\n\n#hat-product-page .hat-feature--four {\n\n  color:\n    rgba(255, 255, 255, 0.86);\n\n  background:\n    linear-gradient(\n      145deg,\n      var(--hat-sage-dark-1),\n      var(--hat-sage-dark-2)\n    );\n\n}\n\n\n\n\n\/* =========================================================\n   BENEFIT BOX\n========================================================= *\/\n\n#hat-product-page .hat-benefit {\n\n  max-width: 620px;\n\n  margin:\n    13px auto 0;\n\n  padding:\n    13px 15px;\n\n  border-left:\n    3px solid\n    var(--hat-accent);\n\n  border-radius:\n    0 9px 9px 0;\n\n  background:\n    rgba(255, 255, 255, 0.50);\n\n  font-size: 0.96rem;\n\n  line-height: 1.5;\n\n}\n\n\n#hat-product-page .hat-feature--one .hat-benefit,\n#hat-product-page .hat-feature--four .hat-benefit {\n\n  border-left-color:\n    #c9d9d0;\n\n  background:\n    rgba(255, 255, 255, 0.09);\n\n}\n\n\n\n\n\/* =========================================================\n   PILLS\n========================================================= *\/\n\n#hat-product-page .hat-mini-pills,\n#hat-product-page .hat-pills {\n\n  display: flex;\n\n  justify-content: center;\n\n  flex-wrap: wrap;\n\n  gap: 7px;\n\n  max-width: 650px;\n\n  margin:\n    0 auto;\n\n}\n\n\n#hat-product-page .hat-mini-pills {\n\n  margin-bottom: 12px;\n\n}\n\n\n#hat-product-page .hat-mini-pills span,\n#hat-product-page .hat-pills span {\n\n  padding:\n    8px 12px;\n\n  border:\n    1px solid\n    rgba(42, 67, 58, 0.15);\n\n  border-radius:\n    999px;\n\n  background:\n    rgba(255, 255, 255, 0.54);\n\n  font-size: 0.82rem;\n\n  font-weight: 800;\n\n  line-height: 1.25;\n\n}\n\n\n\n\n\/* =========================================================\n   HANG \/ INSTALL METHODS\n========================================================= *\/\n\n#hat-product-page .hat-two-methods,\n#hat-product-page .hat-install-grid {\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(\n      2,\n      minmax(0, 1fr)\n    );\n\n  gap: 9px;\n\n  max-width: 650px;\n\n  margin:\n    0 auto 13px;\n\n}\n\n\n#hat-product-page .hat-two-methods div,\n#hat-product-page .hat-install-grid div {\n\n  display: flex;\n\n  flex-direction: column;\n\n  gap: 5px;\n\n  padding:\n    14px 12px;\n\n  border:\n    1px solid\n    rgba(48, 71, 64, 0.13);\n\n  border-radius: 11px;\n\n  background:\n    rgba(255, 255, 255, 0.52);\n\n  text-align: center;\n\n}\n\n\n#hat-product-page .hat-install-grid div {\n\n  border-color:\n    rgba(255, 255, 255, 0.15);\n\n  background:\n    rgba(255, 255, 255, 0.09);\n\n}\n\n\n#hat-product-page .hat-two-methods strong {\n\n  color:\n    #425c51;\n\n  font-size: 0.95rem;\n\n  line-height: 1.3;\n\n}\n\n\n#hat-product-page .hat-install-grid strong {\n\n  color:\n    #ffffff;\n\n  font-size: 0.95rem;\n\n  line-height: 1.3;\n\n}\n\n\n#hat-product-page .hat-two-methods span,\n#hat-product-page .hat-install-grid span {\n\n  font-size: 0.85rem;\n\n  line-height: 1.42;\n\n}\n\n\n\n\n\/* =========================================================\n   DETAILS\n========================================================= *\/\n\n#hat-product-page .hat-details {\n\n  background:\n    linear-gradient(\n      145deg,\n      var(--hat-details-1),\n      var(--hat-details-2)\n    );\n\n}\n\n\n\n\n\/* =========================================================\n   SPECIFICATION GRID\n========================================================= *\/\n\n#hat-product-page .hat-spec-grid {\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(\n      2,\n      minmax(0, 1fr)\n    );\n\n  gap: 10px;\n\n  max-width: 650px;\n\n  margin:\n    0 auto 14px;\n\n}\n\n\n#hat-product-page .hat-spec-grid div {\n\n  display: flex;\n\n  flex-direction: column;\n\n  justify-content: center;\n\n  gap: 7px;\n\n  min-height: 88px;\n\n  padding:\n    15px 16px;\n\n  border:\n    1px solid\n    rgba(60, 83, 73, 0.13);\n\n  border-radius:\n    12px;\n\n  background:\n    rgba(255, 255, 255, 0.64);\n\n}\n\n\n#hat-product-page .hat-spec-grid strong {\n\n  color:\n    var(--hat-accent-dark);\n\n  font-size: 0.82rem;\n\n  font-weight: 850;\n\n  line-height: 1.3;\n\n  letter-spacing:\n    0.055em;\n\n  text-transform:\n    uppercase;\n\n}\n\n\n#hat-product-page .hat-spec-grid span {\n\n  color:\n    var(--hat-ink);\n\n  font-size: 1rem;\n\n  font-weight: 750;\n\n  line-height: 1.4;\n\n}\n\n\n\n\n\/* =========================================================\n   CUSTOMER GALLERY\n========================================================= *\/\n\n#hat-product-page .hat-gallery {\n\n  color:\n    rgba(255, 255, 255, 0.82);\n\n  background:\n    linear-gradient(\n      145deg,\n      var(--hat-gallery-1),\n      var(--hat-gallery-2)\n    );\n\n}\n\n\n#hat-product-page .hat-gallery-grid {\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(\n      2,\n      minmax(0, 1fr)\n    );\n\n  gap: 10px;\n\n  max-width: 680px;\n\n  margin:\n    15px auto 0;\n\n}\n\n\n#hat-product-page .hat-card {\n\n  min-width: 0;\n\n  overflow: hidden;\n\n  border:\n    1px solid\n    rgba(255, 255, 255, 0.13);\n\n  border-radius:\n    13px;\n\n  background:\n    rgba(255, 255, 255, 0.08);\n\n}\n\n\n#hat-product-page .hat-card--wide {\n\n  grid-column:\n    1 \/ -1;\n\n}\n\n\n#hat-product-page .hat-card-image {\n\n  width: 100%;\n\n  aspect-ratio:\n    1 \/ 1;\n\n  overflow: hidden;\n\n}\n\n\n#hat-product-page .hat-card--wide .hat-card-image {\n\n  aspect-ratio:\n    2 \/ 1;\n\n}\n\n\n#hat-product-page .hat-card-copy {\n\n  padding:\n    13px 14px 15px;\n\n}\n\n\n#hat-product-page .hat-card-copy h4 {\n\n  margin-bottom: 7px;\n\n  color:\n    #ffffff;\n\n  font-size:\n    1.08rem;\n\n  line-height: 1.25;\n\n}\n\n\n#hat-product-page .hat-card-copy p {\n\n  margin-bottom: 0;\n\n  color:\n    rgba(255, 255, 255, 0.70);\n\n  font-size:\n    0.86rem;\n\n  line-height:\n    1.48;\n\n}\n\n\n\n\n\/* =========================================================\n   CTA\n========================================================= *\/\n\n#hat-product-page .hat-cta {\n\n  color:\n    #ffffff;\n\n  text-align:\n    center;\n\n  background:\n    linear-gradient(\n      135deg,\n      var(--hat-cta-1),\n      var(--hat-cta-2)\n    );\n\n}\n\n\n#hat-product-page .hat-cta .hat-kicker {\n\n  color:\n    #ffffff;\n\n}\n\n\n#hat-product-page .hat-cta-price {\n\n  margin:\n    4px 0 13px;\n\n  font-size:\n    2rem;\n\n  font-weight:\n    850;\n\n}\n\n\n\n\n\/* =========================================================\n   FAQ\n========================================================= *\/\n\n#hat-product-page .hat-faq {\n\n  background:\n    linear-gradient(\n      145deg,\n      var(--hat-faq-1),\n      var(--hat-faq-2)\n    );\n\n}\n\n\n#hat-product-page .hat-faq-list {\n\n  max-width: 650px;\n\n  margin:\n    0 auto;\n\n}\n\n\n#hat-product-page .hat-faq details {\n\n  border-bottom:\n    1px solid\n    rgba(34, 49, 48, 0.13);\n\n}\n\n\n#hat-product-page .hat-faq details:first-child {\n\n  border-top:\n    1px solid\n    rgba(34, 49, 48, 0.13);\n\n}\n\n\n#hat-product-page .hat-faq summary {\n\n  position: relative;\n\n  padding:\n    16px 42px 16px 0;\n\n  cursor:\n    pointer;\n\n  font-size:\n    1rem;\n\n  font-weight:\n    800;\n\n  line-height:\n    1.4;\n\n  list-style:\n    none;\n\n}\n\n\n#hat-product-page .hat-faq summary::-webkit-details-marker {\n\n  display:\n    none;\n\n}\n\n\n#hat-product-page .hat-faq summary::after {\n\n  content:\n    \"+\";\n\n  position:\n    absolute;\n\n  right:\n    5px;\n\n  top:\n    8px;\n\n  color:\n    var(--hat-accent);\n\n  font-size:\n    1.5rem;\n\n  font-weight:\n    700;\n\n}\n\n\n#hat-product-page .hat-faq details[open] summary::after {\n\n  content:\n    \"−\";\n\n}\n\n\n#hat-product-page .hat-faq details p {\n\n  margin:\n    -1px 0 16px;\n\n  padding-right:\n    25px;\n\n  color:\n    var(--hat-muted);\n\n  font-size:\n    0.94rem;\n\n  line-height:\n    1.58;\n\n}\n\n\n\n\n\/* =========================================================\n   MOBILE BUY BAR DEFAULT\n========================================================= *\/\n\n#hat-product-page .hat-mobile-buy {\n\n  display:\n    none;\n\n}\n\n\n\n\n\/* =========================================================\n   MOBILE — \u003c= 540PX\n========================================================= *\/\n\n@media (max-width: 540px) {\n\n\n  #hat-product-page {\n\n    font-size:\n      16px;\n\n    line-height:\n      1.56;\n\n  }\n\n\n  #hat-product-page .hat-shell {\n\n    padding:\n      5px\n      5px\n      18px;\n\n  }\n\n\n  #hat-product-page .hat-panel {\n\n    margin-bottom:\n      8px;\n\n    padding:\n      18px 14px;\n\n    border-radius:\n      15px;\n\n  }\n\n\n  #hat-product-page h2 {\n\n    margin-bottom:\n      9px;\n\n    font-size:\n      clamp(\n        1.72rem,\n        7.8vw,\n        2.25rem\n      );\n\n    line-height:\n      1.08;\n\n  }\n\n\n  #hat-product-page h3 {\n\n    margin-bottom:\n      8px;\n\n    font-size:\n      clamp(\n        1.5rem,\n        6.8vw,\n        1.95rem\n      );\n\n    line-height:\n      1.1;\n\n  }\n\n\n  #hat-product-page p {\n\n    margin-bottom:\n      10px;\n\n    font-size:\n      0.97rem;\n\n    line-height:\n      1.56;\n\n  }\n\n\n  #hat-product-page .hat-kicker {\n\n    font-size:\n      0.73rem;\n\n  }\n\n\n  #hat-product-page .hat-media {\n\n    margin:\n      12px auto 11px;\n\n    border-radius:\n      12px;\n\n  }\n\n\n  \/* HERO BENEFITS *\/\n\n  #hat-product-page .hat-highlights {\n\n    gap:\n      7px;\n\n  }\n\n\n  #hat-product-page .hat-highlights span {\n\n    min-height:\n      46px;\n\n    padding:\n      9px 7px;\n\n    font-size:\n      0.78rem;\n\n  }\n\n\n  \/* BUTTON *\/\n\n  #hat-product-page .hat-buy-row {\n\n    flex-direction:\n      column;\n\n    gap:\n      9px;\n\n  }\n\n\n  #hat-product-page .hat-buy-row .hat-button {\n\n    width:\n      100%;\n\n  }\n\n\n  #hat-product-page .hat-button {\n\n    min-height:\n      50px;\n\n    font-size:\n      0.92rem;\n\n  }\n\n\n  \/* SPEC CARDS *\/\n\n  #hat-product-page .hat-spec-grid {\n\n    grid-template-columns:\n      1fr;\n\n    gap:\n      9px;\n\n  }\n\n\n  #hat-product-page .hat-spec-grid div {\n\n    min-height:\n      82px;\n\n    padding:\n      14px 15px;\n\n    gap:\n      6px;\n\n  }\n\n\n  #hat-product-page .hat-spec-grid strong {\n\n    font-size:\n      0.80rem;\n\n  }\n\n\n  #hat-product-page .hat-spec-grid span {\n\n    font-size:\n      0.98rem;\n\n    line-height:\n      1.38;\n\n  }\n\n\n  \/* PILLS *\/\n\n  #hat-product-page .hat-mini-pills span,\n  #hat-product-page .hat-pills span {\n\n    font-size:\n      0.79rem;\n\n  }\n\n\n  \/* METHOD CARDS *\/\n\n  #hat-product-page .hat-two-methods,\n  #hat-product-page .hat-install-grid {\n\n    grid-template-columns:\n      1fr;\n\n  }\n\n\n  #hat-product-page .hat-two-methods strong,\n  #hat-product-page .hat-install-grid strong {\n\n    font-size:\n      0.92rem;\n\n  }\n\n\n  #hat-product-page .hat-two-methods span,\n  #hat-product-page .hat-install-grid span {\n\n    font-size:\n      0.84rem;\n\n  }\n\n\n  \/* CUSTOMER GRID *\/\n\n  #hat-product-page .hat-gallery {\n\n    padding-right:\n      9px;\n\n    padding-left:\n      9px;\n\n  }\n\n\n  #hat-product-page .hat-gallery-grid {\n\n    gap:\n      7px;\n\n  }\n\n\n  #hat-product-page .hat-card {\n\n    border-radius:\n      10px;\n\n  }\n\n\n  #hat-product-page .hat-card-copy {\n\n    padding:\n      10px 9px 11px;\n\n  }\n\n\n  #hat-product-page .hat-card-copy h4 {\n\n    font-size:\n      0.98rem;\n\n  }\n\n\n  #hat-product-page .hat-card-copy p {\n\n    font-size:\n      0.78rem;\n\n    line-height:\n      1.46;\n\n  }\n\n\n  #hat-product-page .hat-card--wide .hat-card-image {\n\n    aspect-ratio:\n      1 \/ 1;\n\n  }\n\n\n  \/* FAQ *\/\n\n  #hat-product-page .hat-faq summary {\n\n    padding-top:\n      15px;\n\n    padding-bottom:\n      15px;\n\n    font-size:\n      0.96rem;\n\n  }\n\n\n  #hat-product-page .hat-faq details p {\n\n    font-size:\n      0.89rem;\n\n  }\n\n}\n\n\n\n\n\/* =========================================================\n   MOBILE STICKY BAR — \u003c= 820PX\n========================================================= *\/\n\n@media (max-width: 820px) {\n\n\n  #hat-product-page {\n\n    padding-bottom:\n      68px;\n\n  }\n\n\n  #hat-product-page .hat-mobile-buy {\n\n    position:\n      fixed;\n\n    z-index:\n      50;\n\n    right:\n      0;\n\n    bottom:\n      0;\n\n    left:\n      0;\n\n    display:\n      flex;\n\n    align-items:\n      center;\n\n    justify-content:\n      space-between;\n\n    gap:\n      10px;\n\n    padding:\n      10px 12px\n      calc(\n        10px + env(safe-area-inset-bottom)\n      );\n\n    color:\n      #ffffff;\n\n    background:\n      rgba(28, 40, 52, 0.97);\n\n    box-shadow:\n      0 -8px 28px\n      rgba(0, 0, 0, 0.17);\n\n    backdrop-filter:\n      blur(8px);\n\n  }\n\n\n  #hat-product-page .hat-mobile-buy div {\n\n    display:\n      flex;\n\n    flex-direction:\n      column;\n\n    line-height:\n      1.1;\n\n  }\n\n\n  #hat-product-page .hat-mobile-buy strong {\n\n    font-size:\n      1.22rem;\n\n  }\n\n\n  #hat-product-page .hat-mobile-buy span {\n\n    color:\n      rgba(255, 255, 255, 0.60);\n\n    font-size:\n      0.72rem;\n\n  }\n\n\n  #hat-product-page .hat-mobile-buy a {\n\n    padding:\n      11px 20px;\n\n    border-radius:\n      999px;\n\n    color:\n      #293930;\n\n    background:\n      var(--hat-accent-light);\n\n    font-size:\n      0.91rem;\n\n    font-weight:\n      850;\n\n    text-decoration:\n      none;\n\n  }\n\n}\n\n\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n\n  #hat-product-page *,\n  #hat-product-page *::before,\n  #hat-product-page *::after {\n\n    scroll-behavior:\n      auto !important;\n\n    transition:\n      none !important;\n\n  }\n\n}\n\n\u003c\/style\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Vivoshrine","offers":[{"title":"White","offer_id":43152692117579,"sku":null,"price":19.99,"currency_code":"USD","in_stock":true},{"title":"Black","offer_id":43152692150347,"sku":null,"price":19.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0623\/2431\/0091\/files\/889f8b76-458b-4534-9552-0d4e084cc587.png?v=1788514429","url":"https:\/\/vivoshrine.com\/products\/jcocylse-hat-storage-for-wall-mount-baseball-cap-storage-cap-holder-space-saving-hat-rack-with-hooks-for-hanging-caps-black","provider":"Vivoshrine","version":"1.0","type":"link"}