[{"id":642302935367,"handle":"breathing-books","updated_at":"2025-10-02T12:26:20+01:00","published_at":"2025-01-23T14:02:08+00:00","sort_order":"manual","template_suffix":"","published_scope":"web","title":"Breathing Books","body_html":"\u003cp\u003eComprehensive guides by breathing expert Patrick McKeown exploring the science of functional breathing. These books offer practical techniques for improving health, performance, and mental focus through optimal breathing practices.\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003eWe offer tiers of product discount when you purchase in bulk. Unlock volume discount when you buy in bulk from across this Range.\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n \/* Volume discount table styling *\/\n .volume-discount-table {\n width: 100%;\n border-collapse: separate;\n border-spacing: 0;\n border-radius: 12px;\n overflow: hidden;\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\n background: #ffffff;\n border: 1px solid #e9ecef;\n }\n\n \/* Header column styling *\/\n .volume-discount-table td:first-child {\n background: #f8fafc;\n font-weight: 600;\n color: #334155;\n border-right: 1px solid #e2e8f0;\n min-width: 200px;\n padding: 16px 20px;\n text-align: right;\n white-space: nowrap;\n position: relative;\n }\n\n \/* General cell styling *\/\n .volume-discount-table td {\n padding: 16px 12px;\n text-align: center;\n vertical-align: middle;\n min-width: 80px;\n white-space: nowrap;\n transition: all 0.2s ease;\n }\n\n \/* Data columns minimum width *\/\n .volume-discount-table td:not(:first-child) {\n min-width: 85px;\n }\n\n \/* Vertical zebra striping for data columns *\/\n \/* Light columns (2nd, 4th, 6th, 8th) *\/\n .volume-discount-table td:nth-child(2n) {\n background-color: #ffffff;\n }\n\n \/* Accent columns (3rd, 5th, 7th, 9th) *\/\n .volume-discount-table td:nth-child(2n+1):not(:first-child) {\n background-color: #f0f8ff;\n }\n\n \/* First row (quantity ranges) styling *\/\n .volume-discount-table tr:first-child td:not(:first-child) {\n font-weight: 600;\n color: #00a6f4;\n border-bottom: 2px solid #e2e8f0;\n letter-spacing: 0.3px;\n }\n\n \/* Second row (discount values) styling - Badge style *\/\n .volume-discount-table tr:last-child td:not(:first-child) {\n padding: 12px 8px;\n position: relative;\n }\n\n \/* Discount badge styling *\/\n .volume-discount-table tr:last-child td:not(:first-child)::before {\n content: attr(data-discount);\n display: inline-block;\n background: #00a6f4;\n color: white;\n padding: 2px 8px;\n border-radius: 20px;\n font-size: 0.9em;\n font-weight: 700;\n box-shadow: 0 2px 8px rgba(0, 166, 244, 0.3);\n text-transform: uppercase;\n border: 2px solid rgba(255, 255, 255, 0.2);\n transition: all 0.2s ease;\n }\n\n \/* CSS-only column highlighting approach using table hover *\/\n \/* When hovering over table, and any cell in column 2 is hovered *\/\n .volume-discount-table:hover td:nth-child(2):hover {\n background-color: rgba(0, 166, 244, 0.15) !important;\n box-shadow: 0 4px 12px rgba(0, 166, 244, 0.15);\n }\n \n \/* Highlight all cells in column 2 when hovering the table AND column 2 is active *\/\n .volume-discount-table:hover:has(td:nth-child(2):hover) td:nth-child(2):not(:first-child) {\n background-color: rgba(0, 166, 244, 0.15) !important;\n box-shadow: 0 4px 12px rgba(0, 166, 244, 0.15);\n }\n\n \/* Repeat for each column using :has() selector (modern CSS) *\/\n .volume-discount-table:hover:has(td:nth-child(3):hover) td:nth-child(3):not(:first-child) {\n background-color: rgba(0, 166, 244, 0.15) !important;\n box-shadow: 0 4px 12px rgba(0, 166, 244, 0.15);\n }\n\n .volume-discount-table:hover:has(td:nth-child(4):hover) td:nth-child(4):not(:first-child) {\n background-color: rgba(0, 166, 244, 0.15) !important;\n box-shadow: 0 4px 12px rgba(0, 166, 244, 0.15);\n }\n\n .volume-discount-table:hover:has(td:nth-child(5):hover) td:nth-child(5):not(:first-child) {\n background-color: rgba(0, 166, 244, 0.15) !important;\n box-shadow: 0 4px 12px rgba(0, 166, 244, 0.15);\n }\n\n .volume-discount-table:hover:has(td:nth-child(6):hover) td:nth-child(6):not(:first-child) {\n background-color: rgba(0, 166, 244, 0.15) !important;\n box-shadow: 0 4px 12px rgba(0, 166, 244, 0.15);\n }\n\n .volume-discount-table:hover:has(td:nth-child(7):hover) td:nth-child(7):not(:first-child) {\n background-color: rgba(0, 166, 244, 0.15) !important;\n box-shadow: 0 4px 12px rgba(0, 166, 244, 0.15);\n }\n\n .volume-discount-table:hover:has(td:nth-child(8):hover) td:nth-child(8):not(:first-child) {\n background-color: rgba(0, 166, 244, 0.15) !important;\n box-shadow: 0 4px 12px rgba(0, 166, 244, 0.15);\n }\n\n .volume-discount-table:hover:has(td:nth-child(9):hover) td:nth-child(9):not(:first-child) {\n background-color: rgba(0, 166, 244, 0.15) !important;\n box-shadow: 0 4px 12px rgba(0, 166, 244, 0.15);\n }\n\n \/* Fallback for browsers without :has() support - simple individual cell hover *\/\n @supports not selector(:has(*)) {\n .volume-discount-table td:not(:first-child):hover {\n background-color: rgba(0, 166, 244, 0.15) !important;\n box-shadow: 0 4px 12px rgba(0, 166, 244, 0.15);\n }\n }\n\n \/* Enhanced badge hover effect - only when parent column is highlighted *\/\n .volume-discount-table:hover:has(td:nth-child(2):hover) tr:last-child td:nth-child(2)::before,\n .volume-discount-table:hover:has(td:nth-child(3):hover) tr:last-child td:nth-child(3)::before,\n .volume-discount-table:hover:has(td:nth-child(4):hover) tr:last-child td:nth-child(4)::before,\n .volume-discount-table:hover:has(td:nth-child(5):hover) tr:last-child td:nth-child(5)::before,\n .volume-discount-table:hover:has(td:nth-child(6):hover) tr:last-child td:nth-child(6)::before,\n .volume-discount-table:hover:has(td:nth-child(7):hover) tr:last-child td:nth-child(7)::before,\n .volume-discount-table:hover:has(td:nth-child(8):hover) tr:last-child td:nth-child(8)::before,\n .volume-discount-table:hover:has(td:nth-child(9):hover) tr:last-child td:nth-child(9)::before {\n background: #0284c7;\n transform: scale(1.05);\n box-shadow: 0 4px 16px rgba(0, 166, 244, 0.4);\n }\n\n \/* Responsive container - fix the overflow issue *\/\n .table-container {\n overflow-x: auto;\n overflow-y: hidden;\n margin: 24px 0;\n border-radius: 12px;\n scrollbar-width: thin;\n scrollbar-color: #cbd5e1 #f1f5f9;\n max-width: 100vw;\n width: 100%;\n box-sizing: border-box;\n }\n\n .table-container::-webkit-scrollbar {\n height: 8px;\n }\n\n .table-container::-webkit-scrollbar-track {\n background: #f1f5f9;\n border-radius: 4px;\n }\n\n .table-container::-webkit-scrollbar-thumb {\n background: #cbd5e1;\n border-radius: 4px;\n }\n\n .table-container::-webkit-scrollbar-thumb:hover {\n background: #94a3b8;\n }\n\n \/* Tablet responsive design *\/\n @media (max-width: 1024px) {\n .volume-discount-table td:first-child {\n min-width: 180px;\n }\n\n .volume-discount-table td:not(:first-child) {\n min-width: 75px;\n }\n }\n\n \/* Mobile responsive design *\/\n @media (max-width: 768px) {\n .table-container {\n margin: 16px 0;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n max-width: calc(100vw - 32px);\n }\n\n .volume-discount-table {\n min-width: 700px;\n width: 700px;\n }\n\n .volume-discount-table td {\n padding: 10px 6px;\n }\n \n .volume-discount-table td:first-child {\n min-width: 150px;\n padding: 10px 12px;\n }\n\n .volume-discount-table td:not(:first-child) {\n min-width: 65px;\n }\n }\n\n \/* Very small mobile devices *\/\n @media (max-width: 480px) {\n .table-container {\n margin: 12px 0;\n max-width: calc(100vw - 24px);\n }\n\n .volume-discount-table {\n min-width: 650px;\n width: 650px;\n }\n\n .volume-discount-table td:first-child {\n min-width: 130px;\n padding: 8px 10px;\n }\n\n .volume-discount-table td:not(:first-child) {\n min-width: 60px;\n padding: 8px 4px;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"table-container\"\u003e\n\u003ctable class=\"volume-discount-table\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eOrder Quantity\u003c\/td\u003e\n\u003ctd\u003e2-4\u003c\/td\u003e\n\u003ctd\u003e5-9\u003c\/td\u003e\n\u003ctd\u003e10-19\u003c\/td\u003e\n\u003ctd\u003e20-49\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eVolume Discount\u003c\/td\u003e\n\u003ctd data-discount=\"-12%\"\u003e\u003c\/td\u003e\n\u003ctd data-discount=\"-30%\"\u003e\u003c\/td\u003e\n\u003ctd data-discount=\"-40%\"\u003e\u003c\/td\u003e\n\u003ctd data-discount=\"-50%\"\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e"}]
[]
Skip to content
Mouth Breather - a revolutionary self-help book by Patrick McKeown and Andrew Dunne that reveals the science of proper breathing and its impact on health, performance, and wellbeing.
Key benefits:
Learn proper breathing techniques
Improve sleep quality and energy levels
Enhance athletic performance
Reduce stress and anxiety
Boost mental focus and concentration
Clear nasal congestion naturally
Access free online resources and app
Science-based, practical exercises
View full details
Choosing a selection results in a full page refresh.
Opens in a new window.
