[{"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
An easy, permanent and powerful approach, the Buteyko Mindfulness Method provides you with the tools to deal with anxiety, excessive thinking, panic attacks and worry.
View full details
Choosing a selection results in a full page refresh.
Opens in a new window.
