{"product_id":"trade-supply™-stay-legal-breathalyser","title":"Trade Supply™ Stay Legal Breathalyser","description":"\u003cstyle\u003e\n\/* CSS RESET \u0026 ENHANCED VISUAL BASE *\/\n.ts-breathlyze {\n  background: #000000;\n  color: #ffffff;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n  width: 100%;\n  line-height: 1.6;\n  -webkit-font-smoothing: antialiased;\n}\n\n.ts-breathlyze * {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\n.ts-bl-wrap {\n  max-width: 1100px;\n  margin: 0 auto;\n  padding: 0 20px;\n}\n\n.ts-bl-orange {\n  color: #ff6a00;\n  text-shadow: 0 0 12px rgba(255, 106, 0, 0.3);\n}\n\n\/* TOP ANNOUNCEMENT BAR *\/\n.ts-bl-top {\n  background: #ff6a00;\n  color: #000000;\n  text-align: center;\n  padding: 12px 16px;\n  font-size: 13px;\n  font-weight: 900;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n}\n\n\/* HERO SECTION *\/\n.ts-bl-hero {\n  padding: 60px 0 70px;\n  background: radial-gradient(circle at center, #111111 0%, #000000 100%);\n}\n\n.ts-bl-hero-grid {\n  max-width: 850px;\n  margin: 0 auto;\n  text-align: center;\n}\n\n.ts-bl-tag {\n  display: inline-block;\n  border: 1px solid #ff6a00;\n  color: #ff6a00;\n  background: rgba(255, 106, 0, 0.05);\n  padding: 8px 16px;\n  font-size: 12px;\n  font-weight: 800;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  margin-bottom: 24px;\n  border-radius: 4px;\n}\n\n.ts-bl-title {\n  color: #ffffff;\n  font-size: clamp(40px, 7vw, 72px);\n  line-height: 1.05;\n  font-weight: 900;\n  letter-spacing: -1.5px;\n  margin-bottom: 24px;\n  text-transform: uppercase;\n}\n\n.ts-bl-title span {\n  color: #ff6a00;\n}\n\n.ts-bl-description {\n  color: #e0e0e0;\n  font-size: 19px;\n  line-height: 1.6;\n  max-width: 680px;\n  margin: 0 auto 32px;\n  font-weight: 400;\n}\n\n.ts-bl-points {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 12px;\n  margin-bottom: 40px;\n}\n\n.ts-bl-point {\n  background: #181818;\n  border: 1px solid #333333;\n  padding: 12px 20px;\n  font-size: 14px;\n  font-weight: 800;\n  color: #ffffff;\n  border-radius: 6px;\n  box-shadow: 0 4px 12px rgba(0,0,0,0.5);\n}\n\n.ts-bl-point:before {\n  content: \"✓\";\n  color: #ff6a00;\n  margin-right: 8px;\n  font-weight: 900;\n}\n\n\/* BUY BOX *\/\n.ts-bl-buy {\n  border-top: 1px solid #2a2a2a;\n  padding-top: 35px;\n  max-width: 520px;\n  margin: 0 auto;\n}\n\n.ts-bl-price {\n  color: #ffffff;\n  font-size: 40px;\n  font-weight: 900;\n  margin-bottom: 24px;\n  letter-spacing: -0.5px;\n}\n\n.ts-bl-form {\n  display: flex;\n  gap: 12px;\n}\n\n.ts-bl-quantity {\n  width: 120px;\n  height: 56px;\n  display: flex;\n  align-items: center;\n  background: #141414;\n  border: 1px solid #333333;\n  border-radius: 6px;\n  overflow: hidden;\n}\n\n.ts-bl-quantity button {\n  width: 40px;\n  height: 100%;\n  background: transparent;\n  border: 0;\n  color: #ffffff;\n  font-size: 22px;\n  font-weight: 700;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.ts-bl-quantity button:hover {\n  background: #252525;\n}\n\n.ts-bl-quantity input {\n  width: 40px;\n  border: 0;\n  background: transparent;\n  color: #ffffff;\n  text-align: center;\n  font-weight: 800;\n  font-size: 18px;\n  outline: none;\n  -moz-appearance: textfield;\n}\n\n.ts-bl-quantity input::-webkit-outer-spin-button,\n.ts-bl-quantity input::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\n.ts-bl-submit {\n  flex: 1;\n  height: 56px;\n  background: #ff6a00;\n  color: #000000;\n  border: 0;\n  border-radius: 6px;\n  font-size: 15px;\n  font-weight: 900;\n  letter-spacing: 1.5px;\n  cursor: pointer;\n  transition: all .2s ease;\n  box-shadow: 0 4px 15px rgba(255, 106, 0, 0.3);\n}\n\n.ts-bl-submit:hover {\n  background: #ff852b;\n  transform: translateY(-2px);\n  box-shadow: 0 6px 20px rgba(255, 106, 0, 0.4);\n}\n\n.ts-bl-secure {\n  color: #aaaaaa;\n  font-size: 13px;\n  margin-top: 16px;\n  font-weight: 500;\n}\n\n\/* TRUST BAR *\/\n.ts-bl-trust {\n  background: #0a0a0a;\n  border-top: 1px solid #222222;\n  border-bottom: 1px solid #222222;\n}\n\n.ts-bl-trust-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n}\n\n.ts-bl-trust-item {\n  text-align: center;\n  padding: 32px 16px;\n  border-right: 1px solid #222222;\n}\n\n.ts-bl-trust-item:last-child {\n  border-right: 0;\n}\n\n.ts-bl-trust-icon {\n  color: #ff6a00;\n  font-size: 26px;\n  margin-bottom: 10px;\n  line-height: 1;\n}\n\n.ts-bl-trust-title {\n  color: #ffffff;\n  font-size: 14px;\n  font-weight: 900;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n}\n\n.ts-bl-trust-text {\n  color: #bbbbbb;\n  font-size: 13px;\n  margin-top: 6px;\n}\n\n\/* CONTENT SECTIONS *\/\n.ts-bl-section {\n  padding: 90px 0;\n}\n\n.ts-bl-heading {\n  max-width: 720px;\n  margin: 0 auto 55px;\n  text-align: center;\n}\n\n.ts-bl-kicker {\n  color: #ff6a00;\n  font-size: 13px;\n  font-weight: 900;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  margin-bottom: 14px;\n}\n\n.ts-bl-heading h2 {\n  color: #ffffff;\n  font-size: clamp(34px, 5vw, 52px);\n  line-height: 1.1;\n  letter-spacing: -1px;\n  text-transform: uppercase;\n  font-weight: 900;\n}\n\n.ts-bl-heading p {\n  color: #dddddd;\n  font-size: 18px;\n  line-height: 1.6;\n  margin-top: 20px;\n}\n\n\/* BENEFITS GRID (LOCKED 2x2 ON ALL SCREENS) *\/\n.ts-bl-benefits {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 24px;\n  max-width: 900px;\n  margin: 0 auto;\n}\n\n.ts-bl-benefit {\n  background: #111111;\n  border: 1px solid #2a2a2a;\n  border-radius: 8px;\n  padding: 36px 28px;\n  transition: all .25s ease;\n}\n\n.ts-bl-benefit:hover {\n  transform: translateY(-5px);\n  border-color: #ff6a00;\n  box-shadow: 0 8px 24px rgba(255, 106, 0, 0.15);\n}\n\n.ts-bl-benefit-number {\n  color: #ff6a00;\n  font-size: 13px;\n  font-weight: 900;\n  letter-spacing: 1.5px;\n  margin-bottom: 20px;\n}\n\n.ts-bl-benefit h3 {\n  color: #ffffff;\n  font-size: 22px;\n  font-weight: 800;\n  margin-bottom: 12px;\n}\n\n.ts-bl-benefit p {\n  color: #cccccc;\n  font-size: 15px;\n  line-height: 1.6;\n}\n\n\/* HOW IT WORKS SECTION *\/\n.ts-bl-how {\n  background: #080808;\n  border-top: 1px solid #222222;\n  border-bottom: 1px solid #222222;\n}\n\n.ts-bl-steps {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 32px;\n}\n\n.ts-bl-step {\n  text-align: center;\n}\n\n.ts-bl-step-number {\n  width: 64px;\n  height: 64px;\n  border: 2px solid #ff6a00;\n  color: #ff6a00;\n  background: rgba(255, 106, 0, 0.05);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 0 auto 24px;\n  font-size: 18px;\n  font-weight: 900;\n}\n\n.ts-bl-step h3 {\n  color: #ffffff;\n  font-size: 20px;\n  font-weight: 800;\n  margin-bottom: 12px;\n}\n\n.ts-bl-step p {\n  color: #cccccc;\n  font-size: 15px;\n  line-height: 1.6;\n  max-width: 300px;\n  margin: 0 auto;\n}\n\n\/* CTA BOX *\/\n.ts-bl-cta {\n  padding: 90px 0;\n}\n\n.ts-bl-cta-box {\n  background: #0f0f0f;\n  border: 2px solid #ff6a00;\n  border-radius: 12px;\n  padding: 65px 28px;\n  text-align: center;\n  max-width: 850px;\n  margin: 0 auto;\n  box-shadow: 0 0 35px rgba(255, 106, 0, 0.15);\n}\n\n.ts-bl-cta-box h2 {\n  color: #ffffff;\n  font-size: clamp(34px, 5vw, 54px);\n  line-height: 1.1;\n  letter-spacing: -1px;\n  text-transform: uppercase;\n  margin-bottom: 20px;\n  font-weight: 900;\n}\n\n.ts-bl-cta-box h2 span {\n  color: #ff6a00;\n}\n\n.ts-bl-cta-box p {\n  color: #dddddd;\n  font-size: 18px;\n  max-width: 600px;\n  margin: 0 auto 35px;\n  line-height: 1.6;\n}\n\n.ts-bl-cta-button {\n  display: inline-block;\n  background: #ff6a00;\n  color: #000000;\n  padding: 20px 52px;\n  border-radius: 6px;\n  font-size: 15px;\n  font-weight: 900;\n  letter-spacing: 1.5px;\n  border: 0;\n  cursor: pointer;\n  transition: all .2s ease;\n  width: 100%;\n  max-width: 360px;\n  box-shadow: 0 4px 15px rgba(255, 106, 0, 0.3);\n}\n\n.ts-bl-cta-button:hover {\n  background: #ff852b;\n  transform: translateY(-2px);\n  box-shadow: 0 6px 20px rgba(255, 106, 0, 0.4);\n}\n\n\/* DISCLAIMER *\/\n.ts-bl-disclaimer {\n  max-width: 850px;\n  margin: 0 auto;\n  padding: 0 20px 60px;\n  color: #888888;\n  text-align: center;\n  font-size: 12px;\n  line-height: 1.6;\n}\n\n\/* RESPONSIVE ADJUSTMENTS *\/\n@media screen and (max-width: 749px) {\n  .ts-bl-hero {\n    padding: 45px 0 55px;\n  }\n\n  .ts-bl-description {\n    font-size: 17px;\n  }\n\n  .ts-bl-trust-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .ts-bl-trust-item {\n    padding: 24px 12px;\n    border-bottom: 1px solid #222222;\n  }\n\n  .ts-bl-trust-item:nth-child(2) {\n    border-right: 0;\n  }\n\n  .ts-bl-trust-item:nth-child(3),\n  .ts-bl-trust-item:nth-child(4) {\n    border-bottom: 0;\n  }\n\n  .ts-bl-benefits {\n    gap: 12px;\n  }\n\n  .ts-bl-benefit {\n    padding: 20px 16px;\n  }\n\n  .ts-bl-benefit h3 {\n    font-size: 16px;\n  }\n\n  .ts-bl-benefit p {\n    font-size: 13px;\n  }\n\n  .ts-bl-steps {\n    grid-template-columns: 1fr;\n    gap: 20px;\n  }\n\n  .ts-bl-section,\n  .ts-bl-cta {\n    padding: 60px 0;\n  }\n\n  .ts-bl-cta-box {\n    padding: 45px 20px;\n  }\n\n  .ts-bl-form {\n    flex-direction: column;\n  }\n\n  .ts-bl-quantity {\n    width: 100%;\n    justify-content: space-between;\n  }\n\n  .ts-bl-quantity button {\n    width: 70px;\n  }\n\n  .ts-bl-submit,\n  .ts-bl-cta-button {\n    width: 100%;\n    max-width: 100%;\n  }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"ts-breathlyze\"\u003e\n\u003cdiv class=\"ts-bl-top\"\u003eStay prepared. Test before you drive.\u003c\/div\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003csection class=\"ts-bl-hero\"\u003e\n\u003cdiv class=\"ts-bl-wrap\"\u003e\n\u003cdiv class=\"ts-bl-hero-grid\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"ts-bl-tag\"\u003eTrade Supply™\u003c\/div\u003e\n\u003ch1 class=\"ts-bl-title\"\u003eStay Legal.\u003cbr\u003eStay \u003cspan\u003eSmart.\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"ts-bl-description\"\u003eThe \u003cstrong\u003eTrade Supply™ \u003c\/strong\u003e\u003cstrong\u003eStay Legal Breathlyzer\u003c\/strong\u003e — a compact personal breathalyser designed to give you a quick, convenient screening check before getting behind the wheel.\u003c\/p\u003e\n\u003cdiv class=\"ts-bl-points\"\u003e\n\u003cdiv class=\"ts-bl-point\"\u003eCompact \u0026amp; Portable\u003c\/div\u003e\n\u003cdiv class=\"ts-bl-point\"\u003eEasy To Use\u003c\/div\u003e\n\u003cdiv class=\"ts-bl-point\"\u003eReusable\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- TRUST BAR --\u003e\n\u003csection class=\"ts-bl-trust\"\u003e\n\u003cdiv class=\"ts-bl-wrap\"\u003e\n\u003cdiv class=\"ts-bl-trust-grid\"\u003e\n\u003cdiv class=\"ts-bl-trust-item\"\u003e\n\u003cdiv class=\"ts-bl-trust-icon\"\u003e◉\u003c\/div\u003e\n\u003cdiv class=\"ts-bl-trust-title\"\u003eCompact\u003c\/div\u003e\n\u003cdiv class=\"ts-bl-trust-text\"\u003eEasy to carry\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ts-bl-trust-item\"\u003e\n\u003cdiv class=\"ts-bl-trust-icon\"\u003e⚡\u003c\/div\u003e\n\u003cdiv class=\"ts-bl-trust-title\"\u003eSimple\u003c\/div\u003e\n\u003cdiv class=\"ts-bl-trust-text\"\u003eEasy operation\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ts-bl-trust-item\"\u003e\n\u003cdiv class=\"ts-bl-trust-icon\"\u003e↻\u003c\/div\u003e\n\u003cdiv class=\"ts-bl-trust-title\"\u003eReusable\u003c\/div\u003e\n\u003cdiv class=\"ts-bl-trust-text\"\u003eUse it again\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ts-bl-trust-item\"\u003e\n\u003cdiv class=\"ts-bl-trust-icon\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"ts-bl-trust-title\"\u003eTrade Supply™\u003c\/div\u003e\n\u003cdiv class=\"ts-bl-trust-text\"\u003eMade for everyday use\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- BENEFITS SECTION (2x2 GRID ON BOTH MOBILE \u0026 DESKTOP) --\u003e\n\u003csection class=\"ts-bl-section\"\u003e\n\u003cdiv class=\"ts-bl-wrap\"\u003e\n\u003cdiv class=\"ts-bl-heading\"\u003e\n\u003cdiv class=\"ts-bl-kicker\"\u003eWhy you'll want one\u003c\/div\u003e\n\u003ch2\u003eDon't \u003cspan class=\"ts-bl-orange\"\u003eGuess.\u003c\/span\u003e Check.\u003c\/h2\u003e\n\u003cp\u003eWhen you've been drinking, guessing isn't worth the risk. Keep a personal screening device close and make a more informed decision before you drive.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ts-bl-benefits\"\u003e\n\u003cdiv class=\"ts-bl-benefit\"\u003e\n\u003cdiv class=\"ts-bl-benefit-number\"\u003e01 \/ PORTABLE\u003c\/div\u003e\n\u003ch3\u003eKeep It With You\u003c\/h3\u003e\n\u003cp\u003eSmall and convenient enough to keep in your vehicle, bag or glovebox.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ts-bl-benefit\"\u003e\n\u003cdiv class=\"ts-bl-benefit-number\"\u003e02 \/ CONVENIENT\u003c\/div\u003e\n\u003ch3\u003eCheck Before You Go\u003c\/h3\u003e\n\u003cp\u003eA quick personal screening step when you want an indication before deciding what to do next.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ts-bl-benefit\"\u003e\n\u003cdiv class=\"ts-bl-benefit-number\"\u003e03 \/ REUSABLE\u003c\/div\u003e\n\u003ch3\u003eReady For Next Time\u003c\/h3\u003e\n\u003cp\u003eKeep it ready for future nights out, parties, road trips and social events.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ts-bl-benefit\"\u003e\n\u003cdiv class=\"ts-bl-benefit-number\"\u003e04 \/ PEACE OF MIND\u003c\/div\u003e\n\u003ch3\u003eSmarter Choices\u003c\/h3\u003e\n\u003cp\u003eUse it as one more step in deciding whether you should drive or arrange another way home.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- HOW IT WORKS SECTION --\u003e\n\u003csection class=\"ts-bl-section ts-bl-how\"\u003e\n\u003cdiv class=\"ts-bl-wrap\"\u003e\n\u003cdiv class=\"ts-bl-heading\"\u003e\n\u003cdiv class=\"ts-bl-kicker\"\u003eHow it works\u003c\/div\u003e\n\u003ch2\u003eSimple From\u003cbr\u003e\u003cspan class=\"ts-bl-orange\"\u003eStart To Finish.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ts-bl-steps\"\u003e\n\u003cdiv class=\"ts-bl-step\"\u003e\n\u003cdiv class=\"ts-bl-step-number\"\u003e01\u003c\/div\u003e\n\u003ch3\u003eSwitch On\u003c\/h3\u003e\n\u003cp\u003eTurn on your Stay Legal Breathlyzer and allow it to prepare for use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ts-bl-step\"\u003e\n\u003cdiv class=\"ts-bl-step-number\"\u003e02\u003c\/div\u003e\n\u003ch3\u003eBlow\u003c\/h3\u003e\n\u003cp\u003eFollow the device instructions and provide your breath sample.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ts-bl-step\"\u003e\n\u003cdiv class=\"ts-bl-step-number\"\u003e03\u003c\/div\u003e\n\u003ch3\u003eCheck\u003c\/h3\u003e\n\u003cp\u003eRead the displayed result and use it as a personal screening indication.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- BUY NOW BOTTOM SECTION --\u003e\n\u003csection class=\"ts-bl-cta\"\u003e\n\u003cdiv class=\"ts-bl-wrap\"\u003e\n\u003cdiv class=\"ts-bl-cta-box\"\u003e\n\u003cdiv class=\"ts-bl-kicker\"\u003eTrade Supply™\u003c\/div\u003e\n\u003ch2\u003eStay \u003cspan\u003eLegal.\u003c\/span\u003e\u003cbr\u003eStay Smart.\u003c\/h2\u003e\n\u003cp\u003eKeep the Stay Legal Breathlyzer close and add a simple screening step to your nights out.\u003c\/p\u003e\n\u003cinput type=\"hidden\" value=\"{{ product.selected_or_first_available_variant.id }}\"\u003e  \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- DISCLAIMER --\u003e\n\u003cdiv class=\"ts-bl-disclaimer\"\u003eThe Stay Legal Breathlyzer is intended as a personal screening aid only. Breathalyser readings may be affected by a number of factors and should not be relied upon to determine whether you are legally or safely fit to drive. If you have been drinking, do not drive. Arrange alternative transport instead.\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Trade Supply™","offers":[{"title":"Default Title","offer_id":59928087036190,"sku":null,"price":799.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1091\/5971\/1006\/files\/alcohol_tester_box_shot.png?v=1788946867","url":"https:\/\/www.tradesupply.co.za\/products\/trade-supply%e2%84%a2-stay-legal-breathalyser","provider":"Trade Supply™","version":"1.0","type":"link"}