![Welcome to a world without smell of smoke.\n \n\n\n \n \n \n \n \n \n \n \n\n\n\n \n IQOS is an electronic device that heats tobacco without fire and ash.\n \n\n\n\n \n Try IQOS and discover the benefits.\n \n\n \n \n \n \n \n \n \n \n \n \n \n\n \n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n IQOS leaves no smoke smell on hands, hair and clothes\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n IQOS has no second-hand smoke and no ash\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n IQOS gives real tobacco taste and satisfaction\n \n \n \n \n \n \n \n\n .carousel-cards .header-navigation-container .next-btn, .carousel-cards .header-navigation-container .previous-btn {\n display: block !important;\n }\n .overlay {\n width: 100%;\n height: 100%;\n position: absolute;\n background-image: url('https:\/\/d35qeh3rfcx0mn.cloudfront.net\/images\/revamp\/discovery\/gradient_overlay.svg');\n z-index: 10;\n background-size: cover;\n }\n\n\n\n \n \n Try IQOS now\n \n Important information: IQOS is not risk-free.\n \n\n\n\n \n \n Guide to your IQOS.\n Explore your IQOS for a better experience. \n Dive into our video guides on how to take care of your device:\n\n \n \n \n \n \n \n \n \n \n \n \n\n \n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n The IQOS\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n Get started\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n Removing tobacco stick\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n Cleaning your device\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n Charging IQOS\n \n \n \n \n \n \n \n\n .carousel-cards .header-navigation-container .next-btn, .carousel-cards .header-navigation-container .previous-btn {\n display: block !important;\n }\n .btn-play:after {\n height: 49px;\n }\n\n\n\n \n \n Guide to your IQOS.\n Explore your IQOS for a better experience. \n Dive into our video guides on how to take care of your device:\n\n \n \n \n \n \n \n \n \n \n \n \n\n \n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n The IQOS\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n Get started\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n Removing tobacco stick\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n Cleaning your device\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n Charging IQOS\n \n \n \n \n \n \n \n\n .carousel-cards .header-navigation-container .next-btn, .carousel-cards .header-navigation-container .previous-btn {\n display: block !important;\n }\n .btn-play:after {\n height: 49px;\n }\n\n\n\n \n \n \n \n \n \n Ready to give it a try?\n \n IQOS DUO\n \n \n \n What is in the box\n \n \n \n \n \n 1 IQOS DUO Pocket Charger\n \n \n \n 1 IQOS DUO Holder\n \n \n \n Power Adaptor\n \n \n \n Charging Cable\n \n \n \n IQOS Cleaning Tool\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n 1 IQOS DUO Pocket Charger\n \n \n \n 1 IQOS DUO Holder\n \n \n \n Power Adaptor\n \n \n \n \n \n \n \n Charging Cable\n \n \n \n IQOS Cleaning Tool\n \n \n \n \n \n \n \n \n \n Ready to give it a try?\n \n \n \n \n \n \n \n IQOS Originals Duo\n \n \n \n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n \n \n 398.93 SEK -->\n Your price: 399.00 SEK*\n \n \n \n \n \n 1\n Order your IQOS and register on myIQOS to claim our money back guarantee. \n The guarantee lasts for 60 days and gives you money back if you\u2019re not satisfied. We deliver for free in 1-3 business days.\n \n \n 2\n Try IQOS for 60 days. Discover how it feels to go smoke-free with heated tobacco. \n No ash, no smell and no burning.\n \n \n 3\n Not for you? That\u2019s all right! Return your device anytime during your trial. \n We give you a full refund when we receive your returned package.*\n \n \n \n \n \n \n \n \n\n \n \n \n \n \n\n \n\n \n \n \n \n \n \n\n \n \n \n \n \n \n \n \n \n \n Add to cart\n \n Add to cart\n -->\n \n \n \n \n IQOS DUO is our most elegant tobacco heating system. Designed to fit amazingly in your hand, it gives hundreds of customization options to match style and needs. Choose from 6 colours. \n \n \n \n\n\n\n\/* template start *\/\n:root {\n --orange: #E3813B;\n --olive-orange: #E3813B;\n --blue: #00D1D2;\n --slate: #34303D;\n --soft-white: #F6F4F0;\n --white: #FFF;\n --black: #1C1A20;\n --pink: #DB5C60;\n --validation-color: #03AF06;\n\n --desktop-hero-heading: 60px;\n --desktop-hero-heading-small: 20px;\n --desktop-hero-subheading: 16px;\n --mobile-hero-heading: 40px;\n --mobile-hero-heading-small: 20px;\n --mobile-hero-subheading: 16px;\n\n --desktop-heading: 48px;\n --desktop-heading-small: 20px;\n --desktop-subheading: 16px;\n --mobile-heading: 30px;\n --mobile-heading-small: 20px;\n --mobile-subheading: 16px;\n --mobile-text: 13px;\n\n --desktop-legal: 12px;\n\n --desktop-line-height: 1.7;\n --mobile-line-height: 1.5;\n\n --mobile-padding: 30px 30px 40px 30px;\n --mobile-padding-no-bottom: 30px 30px 0px 30px;\n --mobile-padding-no-top: 0px 30px 40px 30px;\n}\n.text-bold {\n font-weight: bold;\n}\n.text-italic {\n font-style: italic;\n}\n.text-black {\n color: black !important;\n}\n.text-slate {\n color: var(--slate);\n}\n.text-white {\n color: white !important;\n}\n.text-soft-white {\n color: var(--soft-white);\n}\n.text-uppercase {\n text-transform: uppercase;\n}\n.show-block {\n display: block;\n}\n.hide-block {\n display: none;\n}\n.active-carousel {\n background-color: #33303C !important;\n}\n.active-faq {\n border-bottom: 3px solid var(--blue);\n}\n@media only screen and (max-width: 700px) { \n .mobile-display {\n display: block;\n }\n .desktop-display {\n display: none;\n }\n}\n@media only screen and (min-width: 701px) { \n .mobile-display {\n display: none;\n }\n .desktop-display {\n display: block;\n }\n}\n\/* template end *\/\n\n\/* cookies start *\/\n.discount-container {\n display: flex;\n justify-content: center;\n background-color: var(--soft-white);\n max-width: 41ch;\n border-radius: 7px;\n align-items: start;\n margin-bottom: 1em;\n gap: 0.8em;\n padding: 1em;\n margin-bottom: 30px;\n margin-top: 30px;\n cursor: pointer;\n}\n.discount-wrapper {\n width: 100%;\n display: flex;\n gap: 0.7em;\n}\n.shop-icon {\n height: 20px;\n align-self: center;\n}\n.duo-white {\n background-color: var(--soft-white);\n margin-bottom: 0 !important;\n}\n.duo-white span {\n font-weight: bold;\n}\n.arrow-icon {\n margin-left: 5px;\n vertical-align: revert;\n height: 12px;\n}\n.opt-in-text {\n text-decoration: underline !important;\n}\n.simply-opt {\n text-decoration: underline !important;\n background: var(--soft-white);\n}\n.payment-cards {\n display: flex;\n flex-direction: row;\n margin-bottom: 1rem;\n}\n.payment-cards .img-wrapper {\n padding: 0 5px;\n flex-basis: 20%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n}\n.payment-cards .img-wrapper img {\n max-width: 100%;\n}\n\/* cookies end *\/\n\n\n\n const radioBtns = document.querySelectorAll('.radio');\n const orderSection = document.querySelector('#order-section');\n \n var color = \"silver\";\n var newColor = ''\n const iqos3duocolors = {\n \/\/ gold:\"iqos_3_duo_gold\",\n \/\/ grey:\"iqos_3_duo_grey\",\n silver: \"silver\",\n slate: \"slate\", \n turquoise: \"turquoise\",\n scarlet: \"scarlet\"\n };\n const duoImages = {\n \/\/ gold: \"https:\/\/dnnfp2w4ej81g.cloudfront.net\/images\/revamp\/product\/Try_IQOS_-_gold.png?d=0\",\n \/\/ grey: \"https:\/\/dnnfp2w4ej81g.cloudfront.net\/images\/revamp\/product\/Try_IQOS_-_Slate.png?d=0\",\n silver: \"https:\/\/dnnfp2w4ej81g.cloudfront.net\/images\/revamp\/devices\/Mask_Group_85.png?d=0\",\n slate: \"https:\/\/dnnfp2w4ej81g.cloudfront.net\/images\/revamp\/devices\/Mask_Group_84.png?d=0\", \n turquoise: \"https:\/\/dnnfp2w4ej81g.cloudfront.net\/images\/revamp\/devices\/Mask_Group_83.png?d=0\",\n scarlet: \"https:\/\/dnnfp2w4ej81g.cloudfront.net\/images\/revamp\/devices\/Mask_Group_86.png?d=0\"\n };\n\n \/\/ images for upgrade page\n const duoImages60Days = {\n silver: \"https:\/\/dnnfp2w4ej81g.cloudfront.net\/images\/revamp\/product\/Try_IQOS_-_silver.png?d=0\",\n slate: \"https:\/\/dnnfp2w4ej81g.cloudfront.net\/images\/revamp\/product\/Try_IQOS_-_Slate.png?d=0\",\n turquoise: \"https:\/\/dnnfp2w4ej81g.cloudfront.net\/images\/revamp\/product\/TRY_IQOS_-_Turquoise.png?d=0\",\n scarlet: \"https:\/\/dnnfp2w4ej81g.cloudfront.net\/images\/revamp\/product\/Try_IQOS_-_Scarlet.png?d=0\"\n };\n\n \/\/ images for quiz page\n const duoImagesHesitator = {\n silver: \"https:\/\/dnnfp2w4ej81g.cloudfront.net\/images\/revamp\/product\/Originals_Price_499\/IQOS_silver_quiz_EN.png?d=0\",\n slate: \"https:\/\/dnnfp2w4ej81g.cloudfront.net\/images\/revamp\/product\/Originals_Price_499\/IQOS_slate_quiz_EN_(1).png?d=0\", \n turquoise: \"https:\/\/dnnfp2w4ej81g.cloudfront.net\/images\/revamp\/product\/Originals_Price_499\/IQOS_turquoise_quiz_EN.png?d=0\",\n scarlet: \"https:\/\/dnnfp2w4ej81g.cloudfront.net\/images\/revamp\/product\/Originals_Price_499\/IQOS_scarlet_quiz_EN_(1).png?d=0\"\n };\n \n \/\/ set default values\n let productId = \"563\"\n let productColor = \"silver\"\n \n \n radioBtns.forEach(radio => radio.addEventListener('click', handleClick));\n \n function handleClick(e) {\n productId = e.target.value\n productColor = iqos3duocolors[newColor]\n };\n \n var orderPaidLending = function () {\n dataLayer.push({\n \"event\": \"addToCart\",\n \"ecommerce\": {\n \"currencyCode\": \"SEK\",\n \"add\": {\n \"products\": [{\n \"name\": \"IQOS ORIGINALS DUO\",\n \"id\": \"563\",\n \"price\": \"499.00\",\n \"brand\": \"IQOS\",\n \"category\": \"Device\",\n \"variant\": \"Slate\",\n \"quantity\": \"1\",\n \"dimension51\": \"2.8\",\n \"dimension52\": \"In Stock\",\n \"dimension55\": \"standard\",\n \"metric11\": \"499\"\n }]\n }\n }\n });\n setTimeout(() => {\n window.location.href = \"\/index.php?dispatch=checkout.apply_cart_by_url&products=\" + productId + '_' + iqos3duocolors[newColor] + \"&coupon_code=\" + $('#pl-code-input').val();\n}, \"4000\");\n \n }\n \n \n function capitalizeFirstLetter(string) {\n return string.replace(\/^.\/, string[0].toUpperCase());\n }\n \n \n $(\".colors-list input:radio\").click(function () {\n \n color = $(this).parent().parent().attr('id')\n \n newColor = color.split(\" \").pop().toLocaleLowerCase()\n\n $('#color_product_value_72').html(color);\n if (orderSection.classList.contains('upgrade')) {\n $('.order-section .image-wrapper .device-container img').attr('src', duoImages60Days[\"\" + newColor + \"\"]);\n }\n else if (orderSection.classList.contains('hesitator')) {\n $('.order-section .image-wrapper .device-container img').attr('src', duoImagesHesitator[\"\" + newColor + \"\"]);\n }\n else {\n $('.order-section .image-wrapper .device-container img').attr('src', duoImages[\"\" + newColor + \"\"]);\n }\n });\n \n \n\n\n setTimeout(() => {\n \n const duo3KitDescription = document.querySelector('#iqos-3-duo-description');\n \n function getCookie(cname) {\n var name = cname + \"=\";\n var decodedCookie = decodeURIComponent(document.cookie);\n var ca = decodedCookie.split(';');\n for(var i = 0; i {\n let cookieStatus = getCookie(\"opt-in-custom\")\n let autoSubscribeStatus = getCookie(\"opt-in-custom\")\n if(cookieStatus) {\n duo3KitDescription.insertAdjacentHTML(\"beforebegin\", \n '*Congratulations! You\\'re entitled to a 20% discount on your first IQOS! You can see the final price once you add the IQOS to your cart.');\n }\n else {\n duo3KitDescription.insertAdjacentHTML(\"beforebegin\", \n '*Don\\'t miss out on a 20% discount! Opt-in to receive news and offers to apply the discount.');\n }\n }\n \n const isLoggedIn = (state) => {\n if(state == true) {\n cookieDiscount(state);\n }\n else {\n return duo3KitDescription.insertAdjacentHTML(\"beforebegin\", \n '*Don\\'t miss out on a 20% discount! Simply opt-in to receive news and offers during checkout.');\n \n }\n }\n \n isLoggedIn(false);\n }, \"1000\")\n \n \n \n\n \n \n .iqos3duo-details-container {\n width: 50%;\n background: var(--blue);\n }\n .order-section .pl-pdp-input-wrapper {\n display: none;\n }\n .order-section .cart-button {\n background: var(--slate) !important;\n color: var(--soft-white) !important;\n padding: 0.6rem 2.7rem !important;\n margin-bottom: 0;\n }\n .order-section .cart-button:hover {\n color: var(--slate) !important;\n background: var(--soft-white) !important;\n padding: 0.6rem 2.7rem !important;\n }\n .order-section {\n width:100%;\n height:auto;\n background: var(--soft-white);\n display:flex;\n align-items:center;\n justify-content:center;\n flex-direction: column;\n max-width: 1316px;\n margin: auto;\n }\n .order-section .content-wrapper {\n display:flex;\n flex-direction:row;\n justify-content:center;\n width: 100%;\n max-width: 1312px;\n }\n .order-section .image-wrapper {\n width: 50%\n }\n \/* .order-section .image-wrapper img {\n width:70%;\n } *\/\n .order-section .device-container {\n width: 40%;\n margin: auto;\n padding-top: 1rem;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n }\n .order-section .text-wrapper .top-header {\n font-size: 2rem;\n }\n .order-section .text-wrapper h2 {\n margin-top: 1rem;\n font-size: var(--mobile-heading);\n }\n .order-section .article {\n flex: 1;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n }\n .order-section .article img {\n margin-bottom: 9px;\n }\n .order-section .article-one img {\n width: 43px;\n height: 133px;\n align-self: center;\n }\n .order-section .article-two img {\n width: 21px;\n height: 124px;\n align-self: center;\n }\n .order-section .article-three img {\n width: 35px;\n height: 65px;\n align-self: center;\n margin-top: 28px;\n }\n .order-section .article-four img {\n width: 31px;\n height: 90px;\n align-self: center;\n margin-top: 18px;\n }\n .order-section .article-five img {\n width: 73px;\n height: 114px;\n align-self: center;\n }\n .order-section .device-icons-container {\n display: flex;\n margin-bottom: 0.2rem;\n padding-top: 2rem;\n width: 95%;\n margin: auto;\n }\n .order-section .description-container {\n display: flex;\n justify-content: center;\n }\n .order-section .device-description {\n font-size: var(--desktop-hero-heading-small);\n }\n .order-section .icon-device-description {\n font-size: 10px;\n margin-top: auto;\n text-align: center;\n }\n .order-section .product-form {\n margin-top:1rem;\n }\n .order-section .price-tag {\n margin-top:1rem;\n display: flex;\n gap: 1rem;\n }\n .order-heading {\n font-size: 24px;\n font-weight: bold;\n padding-top: 1.2rem;\n margin-bottom: 1.8rem !important;\n }\n .order-section p {\n max-width: 41ch;\n }\n .order-section ul {\n list-style:none;\n padding-left:0;\n margin-left:0;\n }\n .order-section .colors-wrapper {\n margin-bottom:2rem;\n width: 400px;\n }\n .qty-selector {\n display:none;\n }\n .kit-desktop {\n display: block;\n }\n .kit-mobile {\n display: none;\n }\n .discount-price {\n font-size: 0.8rem;\n color: #34303d;\n }\n .regular-price {\n font-size: 0.6rem;\n color: #7b7881;\n text-decoration: line-through;\n }\n .order-section .product-form {\n flex-direction: column;\n align-items: initial;\n }\n .article > img {\n min-width: 0px !important;\n }\n \n @media only screen and (min-width: 701px) { \n .check-list {\n max-width: 41ch;\n }\n .check-list .ic-chk {\n background: transparent;\n }\n .order-section .text-wrapper {\n padding: 2rem 0 2rem 5rem;\n width: 100% !important;\n }\n .order-section {\n margin-top: 100px;\n }\n .order-section .image-wrapper {\n width: 50%\n }\n \/* .order-section .image-wrapper img {\n width:70%;\n } *\/\n }\n @media only screen and (max-width: 700px) { \n .order-section {\n margin-bottom: 56px;\n }\n .order-section .content-wrapper {\n flex-direction:column;\n align-items:center;\n }\n .order-section .image-wrapper {\n width: 100%;\n margin: initial;\n }\n .order-section .text-wrapper {\n width: 100%;\n padding: var(--mobile-padding);\n }\n .order-section .image-wrapper img {\n height: 400px;\n object-fit: contain;\n min-width:100px;\n }\n .order-section .product-form {\n flex-direction: column;\n align-items:flex-start;\n }\n .order-section .btn {\n margin-left: 0rem;\n margin-top: 1rem;\n width:80vw;\n }\n .blk-list.blk-list-6 ul li:last-of-type {\n margin-bottom: 0 !important;\n }\n .blk-list.blk-list-6 ul li p br {\n display: initial;\n }\n .check-list {\n background-color: #FFFDFB;\n }\n .check-list ul {\n margin: auto;\n }\n .inpage-info-toggle {\n margin-bottom: 2rem;\n }\n .iqos3duo-details-container {\n width: 100%;\n }\n .order-heading {\n font-size: 24px;\n font-weight: bold;\n padding-top: 1.2rem;\n margin-top: 0 !important;\n margin-bottom: 1.2rem !important;\n }\n .kit-desktop {\n display: none;\n }\n .kit-mobile {\n display: block;\n text-align: center;\n }\n .order-section .device-container {\n padding: var(--mobile-padding-no-bottom);\n width: initial;\n }\n .order-section .device-container span, .order-section .device-container h2 {\n text-align: center;\n }\n .order-section .device-container h2 {\n font-size: var(--mobile-heading);\n margin-top: 1rem;\n }\n .order-section .device-container span {\n font-size: var(--mobile-heading-small);\n }\n .order-section .price-tag {\n justify-content: center;\n }\n .order-section .colors-wrapper {\n margin: auto;\n width: 100%;\n }\n .order-section .colors-list {\n justify-content: center;\n }\n .order-section .colors-list .color-selected {\n display: flex;\n justify-content: center;\n }\n .order-section .pl-pdp-input-container {\n display: flex;\n }\n .order-section .pl-pdp-input-container p {\n width: initial;\n margin: auto;\n }\n .order-section .check-list {\n background-color: var(--blue);\n }\n .order-section .ic-chk {\n background-color: var(--blue);\n }\n }\n \n \n \n \/* carousel start *\/\n @media only screen and (max-width: 700px) { \n .mobile-carousel {\n padding: var(--mobile-padding);\n }\n .carousel-buttons {\n display: flex;\n justify-content: flex-end;\n gap: 1rem;\n margin-bottom: 2rem;\n }\n .carousel-buttons .left-button, .carousel-buttons .right-button {\n background: #B2B0B1;\n height: 28px;\n width: 28px !important;\n border-radius: 50%;\n position: relative;\n }\n .carousel-buttons .left-button img, .carousel-buttons .right-button img {\n height: 30px;\n width: 30px !important;\n min-width: initial;\n position: absolute;\n \/* top: 50%; *\/\n }\n .carousel-buttons .left-button img {\n height: 30px;\n width: 30px;\n min-width: initial;\n position: absolute;\n \/* top: 50%; *\/\n left: -1px;\n }\n .carousel-buttons .right-button img {\n height: 30px;\n width: 30px;\n min-width: initial;\n position: absolute;\n \/* top: 50%; *\/\n left: 1px;\n }\n .slide-one-wrapper, .slide-two-wrapper {\n height: 200px;\n display: flex;\n }\n .slide .article-one img {\n width: 43px;\n height: 133px;\n align-self: center;\n }\n .slide .article-two img {\n width: 21px;\n height: 124px;\n align-self: center;\n }\n .slide .article-three img {\n width: 35px;\n height: 65px;\n align-self: center;\n margin-top: 28px;\n }\n .slide .article-four img {\n width: 31px;\n height: 90px;\n align-self: center;\n margin-top: 18px;\n }\n .slide .article-five img {\n width: 73px;\n height: 114px;\n align-self: center;\n }\n \/* carousel end *\/\n }\n \n\n\n \/* kit cookies start *\/\n .discount-container {\n display: flex;\n justify-content: center;\n background-color: var(--soft-white);\n max-width: 41ch;\n border-radius: 7px;\n align-items: start;\n margin-bottom: 1em;\n gap: 0.8em;\n padding: 1em;\n margin-bottom: 30px;\n cursor: pointer;\n }\n .discount-wrapper {\n width: 100%;\n display: flex;\n gap: 0.7em;\n }\n .shop-icon {\n height: 20px;\n align-self: center;\n }\n .duo-white {\n background-color: var(--soft-white);\n margin-bottom: 0 !important;\n }\n .duo-white span {\n font-weight: bold;\n }\n .arrow-icon {\n margin-left: 5px;\n vertical-align: revert;\n height: 12px;\n }\n .opt-in-text {\n text-decoration: underline !important;\n }\n .simply-opt {\n text-decoration: underline !important;\n background: var(--soft-white);\n }\n .payment-cards {\n display: flex;\n flex-direction: row;\n margin-bottom: 1rem;\n }\n .payment-cards .img-wrapper {\n padding: 0 5px;\n flex-basis: 20%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n .payment-cards .img-wrapper img {\n max-width: 100%;\n }\n \/* kit cookies end *\/\n\n\n\n \n \n \n \n All benefits included.\n When you buy your IQOS, we automatically register it. Why? So you can get all of this:\n \n \n \n \n \n 1 year accidental damage coverage\n \n \n \n \n \n \n \n 10% discount on all accessories\n \n \n \n \n \n \n \n International assistance\n \n \n \n \n \n \n \n Troubleshooting tool for IQOS\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n .promo-variant-3 .cta-container {\n display: flex;\n padding-top: 1rem;\n width: 80%;\n margin: auto;\n }\n .cta2 {\n margin-top: 0 !important;\n }\n .promo-variant-3 .text-wrapper {\n padding: 0 0 3rem 0;\n }\n .promo-variant-3 .content-wrapper {\n padding: 3rem 0 0 0;\n }\n .blk-title-6 {\n font-size: 48px;\n }\n .desktop-col-2 {\n line-height: 1.7;\n }\n \n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n Be part of a smoke-free world.\n \n \n We are building a smoke-free future together.\n The IQOS community is now in over 70 countries worldwide, introducing Sweden to a smoke-free life since 2019.\n Discover all our products right here.\n \n \n Take me to shop\n IQOS Technology\n \n \n \n \n \n\n\n\n \/* general styling start *\/\n :root {\n --orange: #E3813B;\n --blue: #00CED1;\n --slate: #34303D;\n --soft-white: #F6F4F0;\n --black: #1C1A20;\n --validation-color: #03AF06;\n }\n .text-bold {\n font-weight: bold;\n }\n .text-italic {\n font-style: italic;\n }\n .text-black {\n color: black !important;\n }\n .text-slate {\n color: var(--slate);\n }\n .text-white {\n color: white !important;\n }\n .text-soft-white {\n color: var(--soft-white);\n }\n @media only screen and (max-width: 700px) { \n .mobile-display {\n display: block;\n }\n .desktop-display {\n display: none;\n }\n }\n @media only screen and (min-width: 701px) { \n .mobile-display {\n display: none;\n }\n .desktop-display {\n display: block;\n }\n }\n \/* general styling end *\/\n\n .banner-list-ctas {\n background: none;\n margin: 0 0 100px 0;\n }\n .banner-list-ctas .content-wrapper {\n display: flex;\n background: var(--blue);\n max-width: 1316px;\n margin: auto;\n }\n .banner-list-ctas .banner-list-wrapper {\n order: -1;\n width: 50%;\n margin-top: auto;\n margin-bottom: auto;\n }\n .banner-list-ctas .banner-list-wrapper ul {\n display: flex;\n flex-direction: column;\n width: 65%;\n align-items: center;\n margin: auto;\n }\n .banner-list-ctas .banner-list-wrapper li {\n list-style: none;\n margin: 0;\n padding: 0;\n }\n .banner-list-ctas figure {\n top: 4.15rem;\n width: 50%;\n }\n \/* .banner-list-ctas .js-reveal .cover {\n background: var(--blue);\n }\n .banner-list-ctas .js-reveal:after {\n background: var(--blue);\n } *\/\n \/* .banner-list-ctas .js-reveal {\n position: inherit;\n }\n .banner-list-ctas .js-reveal picture img {\n visibility: inherit;\n } *\/\n\n @media only screen and (max-width: 700px) { \n .banner-list-ctas .content-wrapper {\n flex-direction: column;\n }\n .banner-list-ctas figure {\n width: 100%;\n }\n .banner-list-ctas .banner-list-wrapper {\n width: 100%;\n }\n .banner-list-ctas .banner-list-wrapper {\n padding: 2rem 0 1rem 0;\n }\n .banner-list-ctas .banner-list-ctas figure {\n top: 0rem;\n }\n .banner-list-ctas .banner-list-wrapper ul {\n width: 75%;\n }\n .banner-list-ctas figure {\n height: 300px;\n }\n .banner-list-ctas .js-reveal img {\n height: 100%;\n width: 100%;\n object-fit: cover;\n }\n .banner-list-ctas {\n margin: 0;\n padding: 0 0 2rem 0;\n }\n .banner-list-ctas .banner-list-header {\n font-size: 30px;\n }\n }\n\n\n\n\n\n We are never far away!\n Choose your preferred way of contacting us for support.Don't worry, we're not robots and we all speak Swedish and English.\n Monday to Friday from 08:00 - 19:00\n Saturday from 10:00 - 18:00\n Sunday from 12:00 - 16:00\n \n \n \n \n \n \n \n \n Use our IQOS live chat\n Chat with our Customer Care now\n Start live chat\n \n \n \n \n \n \n \n \n \n \n \n Get video support\n Book a video call and get answers\n Book video call\n \n \n \n \n \n \n \n \n \n \n \n Talk to our support\n Get a quick reply on the phone by 020 25 10 10\n Call us\n \n \n \n \n \n \n \n \n \n \n \n Find nearest store\n Where your nearest IQOS store or reseller\n Find store\n \n \n \n \n \n \n \n\n \n \n\/* template styling start *\/\n:root {\n --orange: #E3813B;\n --olive-orange: #E3813B;\n --blue: #00D1D2;\n --slate: #34303D;\n --soft-white: #F6F4F0;\n --white: #FFF;\n --black: #1C1A20;\n --pink: #DB5C60;\n --validation-color: #03AF06;\n\n --desktop-hero-heading: 60px;\n --desktop-hero-heading-small: 20px;\n --desktop-hero-subheading: 16px;\n --mobile-hero-heading: 40px;\n --mobile-hero-heading-small: 20px;\n --mobile-hero-subheading: 16px;\n\n --desktop-heading: 48px;\n --desktop-heading-small: 20px;\n --desktop-subheading: 16px;\n --mobile-heading: 30px;\n --mobile-heading-small: 20px;\n --mobile-subheading: 16px;\n --mobile-text: 13px;\n\n --desktop-legal: 12px;\n\n --mobile-padding: 30px 30px 40px 30px;\n --mobile-padding-no-bottom: 30px 30px 0px 30px;\n --mobile-padding-no-top: 0px 30px 40px 30px;\n}\n.text-bold {\n font-weight: bold;\n}\n.text-italic {\n font-style: italic;\n}\n.text-black {\n color: black !important;\n}\n.text-slate {\n color: var(--slate);\n}\n.text-white {\n color: white !important;\n}\n.text-soft-white {\n color: var(--soft-white);\n}\n.text-uppercase {\n text-transform: uppercase;\n}\n.show-block {\n display: block;\n}\n.hide-block {\n display: none;\n}\n.visibility-none {\n visibility: hidden;\n}\n.active-carousel {\n background-color: #33303C !important;\n}\n.active-faq {\n border-bottom: 3px solid var(--blue);\n}\n@media only screen and (max-width: 700px) { \n .mobile-display {\n display: block;\n }\n .desktop-display {\n display: none;\n }\n}\n@media only screen and (min-width: 701px) { \n .mobile-display {\n display: none;\n }\n .desktop-display {\n display: block;\n }\n}\n\/* template styling end *\/\n\n.contact-footer-section .contact-chat {\n width: 48px; height: 48px;\n background: url('https:\/\/d35qeh3rfcx0mn.cloudfront.net\/images\/sprites\/Contact_icons_footer.svg') 4px 10px no-repeat;\n transform: scale(1.2);\n}\n.contact-footer-section .contact-phone {\n width: 48px; height: 48px;\n background: url('https:\/\/d35qeh3rfcx0mn.cloudfront.net\/images\/sprites\/Contact_icons_footer.svg') -164px 7px no-repeat;\n transform: scale(1.2);\n}\n.contact-footer-section .contact-email {\n width: 48px; height: 48px;\n background: url('https:\/\/d35qeh3rfcx0mn.cloudfront.net\/images\/sprites\/Contact_icons_footer.svg') -111px 7px no-repeat;\n transform: scale(1.2);\n}\n.contact-footer-section .contact-headset {\n width: 64px; height: 48px;\n background: url('https:\/\/d35qeh3rfcx0mn.cloudfront.net\/images\/sprites\/Contact_icons_footer.svg') -48px 5px no-repeat;\n transform: scale(1.2);\n}\n.contact-footer-section .contact-tag {\n width: 48px; height: 48px;\n background: url('https:\/\/d35qeh3rfcx0mn.cloudfront.net\/images\/sprites\/Contact_icons_footer.svg') -218px 6px no-repeat;\n transform: scale(1.2);\n}\n.contact-footer-section .subtitle {\n font-size: 1rem;\n}\n.contact-footer-section .txt-wrapper h3, .contact-footer-section .txt-wrapper p {\n color: var(--slate);\n}\n.contact-footer-section {\n background-color: var(--soft-white);\n}\n\n@media only screen and (min-width: 701px) {\n .contact-footer-section{\n padding: 3rem;\n margin: 4rem 0 0 0;\n }\n .contact-footer-section li figure img {\n width: 48px !important;\n }\n .contact-footer-section .txt-wrapper {\n display: flex;\n flex-direction: column;\n }\n .contact-footer-section .footer-cta {\n align-self: center;\n margin-top: 1.5rem;\n }\n .contact-footer-section .content-wrapper {\n max-width: 1316px;\n }\n .contact-footer-section header {\n font-size: var(--desktop-heading);\n }\n .contact-footer-section .subtitle {\n font-size: var(--desktop-subheading) !important;\n line-height: 1.7 !important;\n }\n .contact-footer-section .subtitle:nth-child(4) {\n margin-top: 1.5rem;\n }\n .contact-footer-section header {\n margin: 0 0 2rem 0;\n }\n .contact-footer-section ul li {\n margin-bottom: 0;\n }\n .contact-footer-section .txt-wrapper h3 {\n font-size: var(--desktop-heading-small);\n }\n .contact-footer-section .txt-wrapper p {\n font-size: var(--desktop-subheading);\n margin: 0 0 0 0;\n }\n}\n\n@media only screen and (max-width: 700px) {\n .contact-footer-section .footer-cta {\n margin-top: 20px !important;\n }\n .contact-footer-section header p:not(:first-child) {\n font-size: var(--mobile-text) !important;\n }\n .contact-footer-section header:first-child p {\n font-size: var(--mobile-heading);\n }\n .contact-footer-section header {\n padding: var(--mobile-padding);\n margin: auto;\n max-width: initial;\n }\n .contact-footer-section .content-wrapper {\n \/* max-width: 91.1vw; *\/\n }\n .contact-footer-section {\n flex-direction: column !important;\n }\n .contact-footer-sectionul li, .contact-footer-section ul li {\n margin: 0 0 2rem 0;\n }\n .contact-footer-section .footer-cta {\n font-size: 13px;\n margin-bottom: 0 !important;\n }\n .contact-footer-section ul li:last-of-type {\n margin-bottom: 0px !important;\n }\n .contact-footer-section {\n padding-bottom: 40px;\n }\n .contact-footer-section .txt-wrapper h3 {\n font-size: var(--mobile-heading-small);\n }\n .contact-footer-section .txt-wrapper p {\n font-size: var(--mobile-subheading);\n }\n .contact-footer-section {\n margin: 0 0 0 0 !important;\n }\n .contact-footer-section .contact-chat {\n width: 48px; height: 48px;\n background: url('https:\/\/d35qeh3rfcx0mn.cloudfront.net\/images\/sprites\/Contact_icons_footer.svg') 4px 10px no-repeat;\n transform: scale(1.2);\n }\n .contact-footer-section .contact-phone {\n width: 48px; height: 48px;\n background: url('https:\/\/d35qeh3rfcx0mn.cloudfront.net\/images\/sprites\/Contact_icons_footer.svg') -169px 7px no-repeat;\n transform: scale(1.2);\n }\n .contact-footer-section .contact-email {\n width: 48px; height: 48px;\n background: url('https:\/\/d35qeh3rfcx0mn.cloudfront.net\/images\/sprites\/Contact_icons_footer.svg') -111px 7px no-repeat;\n transform: scale(1.2);\n }\n .contact-footer-section .contact-headset {\n width: 64px; height: 48px;\n background: url('https:\/\/d35qeh3rfcx0mn.cloudfront.net\/images\/sprites\/Contact_icons_footer.svg') -52px 5px no-repeat;\n transform: scale(1.2);\n }\n .contact-footer-section .contact-tag {\n width: 48px; height: 48px;\n background: url('https:\/\/d35qeh3rfcx0mn.cloudfront.net\/images\/sprites\/Contact_icons_footer.svg') -219px 6px no-repeat;\n transform: scale(1.2);\n }\n}\n\n\n\n .slides-2 .header-navigation-container {\n opacity: 0;\n pointer-events: none;\n }\n\n\n\nhtml, body { overflow-x: hidden; }\n\n\/* template styling start *\/\n:root {\n --orange: #E3813B;\n --olive-orange: #E3813B;\n --blue: #00D1D2;\n --slate: #34303D;\n --soft-white: #F6F4F0;\n --white: #FFF;\n --black: #1C1A20;\n --pink: #DB5C60;\n --validation-color: #03AF06;\n\n --desktop-hero-heading: 60px;\n --desktop-hero-heading-small: 20px;\n --desktop-hero-subheading: 16px;\n --mobile-hero-heading: 40px;\n --mobile-hero-heading-small: 20px;\n --mobile-hero-subheading: 16px;\n\n --desktop-heading: 48px;\n --desktop-heading-small: 20px;\n --desktop-subheading: 16px;\n --mobile-heading: 30px;\n --mobile-heading-small: 20px;\n --mobile-subheading: 16px;\n --mobile-text: 13px;\n\n --desktop-legal: 12px;\n\n --desktop-line-height: 1.7;\n --mobile-line-height: 1.5;\n\n --mobile-padding: 30px 30px 40px 30px;\n --mobile-padding-no-bottom: 30px 30px 0px 30px;\n --mobile-padding-no-top: 0px 30px 40px 30px;\n}\n.text-bold {\n font-weight: bold;\n}\n.text-italic {\n font-style: italic;\n}\n.text-black {\n color: black !important;\n}\n.text-slate {\n color: var(--slate);\n}\n.text-white {\n color: white !important;\n}\n.text-soft-white {\n color: var(--soft-white);\n}\n.text-uppercase {\n text-transform: uppercase;\n}\n.show-block {\n display: block;\n}\n.hide-block {\n display: none;\n}\n.active-carousel {\n background-color: #33303C !important;\n}\n.active-faq {\n border-bottom: 3px solid var(--blue);\n}\n@media only screen and (max-width: 700px) { \n .mobile-display {\n display: block;\n }\n .desktop-display {\n display: none;\n }\n}\n@media only screen and (min-width: 701px) { \n .mobile-display {\n display: none;\n }\n .desktop-display {\n display: block;\n }\n}\n\/* template styling end *\/\n\n\n\/* hero header styling start *\/ \n.discover-hero-headline {\n padding: 2rem 8.5vw;\n}\n.discover-hero-headline h1 {\n color: var(--slate);\n}\n@media only screen and (max-width: 1520px) { \n .discover-hero-headline h1 {\n font-size: 50px;\n }\n}\n@media only screen and (min-width: 1521px) { \n .discover-hero-headline h1 {\n font-size: var(--desktop-hero-heading);\n }\n}\n@media only screen and (max-width: 700px) { \n .discover-hero-headline {\n padding: var(--mobile-padding) !important;\n margin: auto !important;\n }\n .discover-hero-headline h1 {\n font-size: var(--mobile-hero-heading);\n }\n .discover-hero-image img {\n height: 335px;\n width: 100%;\n object-fit: cover;\n }\n}\n\/* hero header styling end *\/\n\n\/* hero sub-header styling start *\/ \n.brand-hardwhite-md {\n background: var(--white) !important;\n} \n.brand-hardwhite-md .txt-wrapper p {\n font-size: 20px;\n color: var(--slate);\n}\n.brand-hardwhite-md {\n padding: 3.25rem 8.5vw !important;\n} \n@media only screen and (max-width: 700px) { \n .brand-hardwhite-md {\n max-width: 91.1vw;\n margin: auto !important;\n padding: 0 0 !important;\n }\n .brand-hardwhite-md .txt-wrapper p {\n font-size: var(--mobile-subheading);\n padding: 1rem 0;\n width: 80%;\n margin: auto;\n }\n}\n\/* hero sub-header styling end *\/\n\n\/* carousel styling start *\/ \n.discover-carousel-cards {\n --block-background: var(--white); \n margin: 0 0 2rem 0 !important;\n padding: 3.4rem 0 0 0 !important;\n}\n.discover-carousel-cards .txt-wrapper {\n font-size: 26px !important;\n font-weight: bold;\n line-height: 1.2 !important;\n color: var(--soft-white) !important;\n text-align: center;\n bottom: 27px;\n z-index: 22 !important;\n}\n.discover-carousel-cards h2 {\n font-size: var(--desktop-heading) !important;\n color: var(--slate);\n}\n.discover-carousel-cards .header-navigation-container {\n width: 69px !important;\n top: 20px;\n right: 70px;\n}\n.discover-carousel-cards .header-navigation-container div {\n background-color: #33303C;\n height: 28px;\n width: 28px;\n}\n.discover-carousel-cards .header-navigation-container div.swiper-button-disabled {\n background-color: #B2B0B1;\n}\n.discover-carousel-cards .header-navigation-container .next-btn img {\n position: initial;\n transform: translate(1%, -2%) !important;\n}\n.discover-carousel-cards .header-navigation-container .previous-btn img {\n position: initial;\n transform: translate(-5%, -2%) !important;\n}\n.discover-carousel-cards #swiper-wrapper-8c23dc85e59710d102 {\n transform: translate3d(0px, 0, 0) !important;\n}\n.discover-carousel-cards .slide-content figure img {\n height: 100% !important;\n}\n@media only screen and (min-width: 701px) { \n \/* .discover-carousel-cards .swiper-wrapper {\n margin-left: -120px;\n } *\/\n}\n@media only screen and (min-width: 2020px) { \n .discover-carousel-cards .header-navigation-container, .discover-carousel-cards-video .header-navigation-container {\n display: none;\n }\n .discover-carousel-cards header {\n display: flex;\n justify-content: center;\n width: initial !important;\n }\n .swiper-wrapper {\n justify-content: center;\n transform: none !important;\n }\n .discover-carousel-cards-video .swiper-slide {\n margin-right: 0 !important;\n }\n}\n\n@media only screen and (max-width: 700px) { \n .discover-carousel-cards {\n padding: 1.4rem 0 0 0 !important;\n }\n .discover-carousel-cards header {\n max-width: 91.1vw;\n width: 100% !important;\n }\n .discover-carousel-cards header h2 {\n font-size: var(--mobile-heading) !important;\n }\n .discover-carousel-cards .txt-wrapper p {\n margin: 0;\n bottom: 14px;\n font-size: var(--mobile-hero-heading-small);\n }\n .discover-carousel-cards .swiper-container {\n margin-left: -31px;\n }\n .discover-carousel-cards .slide-content figure img {\n height: 100% !important;\n }\n .discover-carousel-cards .header-navigation-container {\n top: 55px;\n width: 69px !important;\n display: block !important;\n right: 27px;\n }\n}\n\/* carousel styling end *\/ \n\n\/* carousel subheading styling end *\/ \n.carousel-cards-subheading-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n.carousel-cards-subheading-button {\n background: var(--slate);\n font-size: 16px;\n margin: 2em 0 2em 0 !important;\n float: initial;\n font-size: 16px; \n letter-spacing: 0.5px; \n text-align: center; \n line-height: 24px; \n font-weight: 400;\n color: var(--soft-white);\n}\n.carousel-cards-subheading-button:hover {\n color: var(--soft-white) !important;\n background: var(--blue);\n}\n.carousel-cards-subheading-button:focus {\n color: var(--soft-white) !important;\n background: var(--blue);\n}\n.carousel-cards-subheading-button:active {\n color: var(--soft-white) !important;\n background: var(--blue);\n}\n.carousel-cards-subheading p {\n font-size: var(--desktop-subheading);\n border: 1px solid var(--slate);\n padding: 0.5rem;\n width: 70%;\n margin: auto;\n text-align: center;\n max-width: 430px;\n color: var(--slate);\n margin-bottom: 4rem;\n}\n@media only screen and (max-width: 700px) { \n .carousel-cards-subheading p {\n font-size: var(--mobile-text);\n width: initial;\n margin: var(--mobile-padding-no-top);\n }\n .carousel-cards-subheading{\n margin-top: -65px;\n }\n}\n\/* carousel subheadingstyling end *\/ \n\n\/* video styling start *\/ \n.discover-carousel-cards-video header{\n display: flex;\n align-items: center;\n flex-direction: column;\n}\n.discover-carousel-cards-video .swiper-slide {\n width: 345px;\n \/* margin-right: -30px !important; *\/\n}\n.discover-carousel-cards-video .swiper-slide .slide-content .txt-wrapper {\n top: 120px;\n font-weight: bold;\n color: var(--slate);\n font-size: 26px;\n margin: 2.4rem auto;\n}\n.discover-carousel-cards-video img {\n height: 100% !important;\n}\n.discover-carousel-cards-video .header-navigation-container div {\n background-color: #33303C;\n height: 28px;\n width: 28px;\n}\n.discover-carousel-cards-video .header-navigation-container div.swiper-button-disabled {\n background-color: #B2B0B1;\n}\n.discover-carousel-cards-video h2 {\n font-size: var(--desktop-heading) !important;\n color: var(--slate)\n}\n.discover-carousel-cards-video .subheading {\n white-space: pre-line;\n text-align: center;\n text-align: center;\n font-size: var(--desktop-subheading);\n color: var(--slate);\n margin-top: 1.5rem;\n}\n.discover-carousel-cards-video .header-navigation-container .next-btn img {\n position: initial;\n transform: translate(1%, -2%) !important;\n}\n.discover-carousel-cards-video .header-navigation-container .previous-btn img {\n position: initial;\n transform: translate(-5%, -2%) !important;\n}\n.discover-carousel-cards-video .swiper-slide:first-child .btn-play:after {\n content: url('https:\/\/d35qeh3rfcx0mn.cloudfront.net\/images\/revamp\/discovery\/magnifier_icon_3.svg');\n display: flex;\n justify-content: center;\n align-items: center;\n padding-top: 5px;\n}\n.discover-carousel-cards-video .swiper-slide:first-child .btn-play .ico {\n position: initial;\n}\n.discover-carousel-cards-video .video-overlay-content img {\n height: 100%;\n}\n\/* .video-overlay.open {\n height: 400px !important;\n width: 100%;\n} *\/\n@media only screen and (min-width: 2010px) { \n .discover-carousel-cards-video .header-navigation-container {\n display: none;\n }\n .discover-carousel-cards header {\n display: flex;\n justify-content: center;\n width: initial !important;\n }\n .discover-carousel-cards-video .swiper-slide {\n margin-right: 0 !important;\n }\n .swiper-wrapper {\n justify-content: space-around;\n transform: none !important;\n }\n .carousel-cards .content-wrapper {\n max-width: 2030px;\n }\n}\n@media only screen and (min-width: 701px) and (max-width: 2009px) { \n .discover-carousel-cards-video .swiper-slide {\n margin-right: 15px !important;\n }\n}\n@media only screen and (min-width: 701px) { \n .discover-carousel-cards-video .swiper-slide {\n width: initial;\n }\n .discover-carousel-cards-video .swiper-slide .slide-content {\n height: 360px;\n width: 385px;\n min-height: initial !important;\n margin: 0 0 4.2rem 0 !important;\n }\n}\n@media only screen and (min-width: 701px) and (max-width: 2009px){ \n .discover-carousel-cards-video .header-navigation-container {\n display: block;\n bottom: 31px;\n top: 20px;\n height: initial;\n right: 70px;\n width: 69px !important;\n }\n}\n@media only screen and (max-width: 700px) { \n .discover-carousel-cards-video {\n padding: 0rem 0 2rem 0;\n }\n .discover-carousel-cards-video header {\n width: 100%;\n padding: var(--mobile-padding);\n }\n .discover-carousel-cards-video .swiper-slide {\n margin-right: -25px !important;\n }\n \/* .discover-carousel-cards-video .swiper-container {\n margin-left: -15px;\n } *\/\n .discover-carousel-cards-video h2 {\n font-size: var(--mobile-heading) !important;\n text-align: left !important;\n align-self: start;\n }\n .discover-carousel-cards-video .subheading {\n margin-top: 1rem;\n font-size: var(--mobile-subheading);\n margin: 0 0 0 0;\n text-align: left;\n max-width: 91.1vw;\n width: 75%;\n align-self: start;\n }\n .discover-carousel-cards-video .header-navigation-container {\n top: 175px;\n width: 69px !important;\n display: block !important;\n right: 27px;\n }\n .discover-carousel-cards-video .swiper-slide .slide-content .txt-wrapper {\n top: 90px;\n font-size: 20px;\n }\n .discover-carousel-cards-video .swiper-slide .slide-content {\n height: 280px;\n width: 300px;\n min-height: initial !important;\n margin: 0 0 4.2rem 0 !important;\n }\n} \n\/* video styling end *\/ \n\n\/* PDP custom styling\/overrides for Discover; PDP styling is in the PDP CSS *\/\n .order-section .colors-wrapper {\n width: initial !important;\n font-weight: bold;\n }\n .order-section .price-tag {\n justify-content: center;\n }\n .your-price {\n display: none;\n }\n #line_discounted_price_525 {\n font-weight: bold;\n }\n .order-section .colors-list {\n justify-content: center;\n }\n \/* css for numbered list *\/\n .product-preview-instructions-container {\n display: flex;\n gap: 1rem;\n margin: 2rem 0;\n max-width: 41ch;\n }\n .product-preview-instructions-description {\n color: var(--slate);\n font-size: var(--desktop-subheading);\n }\n .product-preview-instructions-wrapper h2 {\n color: var(--slate);\n font-size: var(--desktop-heading);\n max-width: 41ch;\n }\n .product-preview-instructions-number {\n border: 3px solid var(--slate);\n padding: 1rem;\n border-radius: 50%;\n height: 30px;\n width: 30px;\n display: flex;\n justify-content: center;\n align-items: center;\n align-self: center;\n font-size: 30px;\n }\n \/* @media only screen and (min-width: 701px) and (max-width: 1300px) { \n .order-section {\n padding: 2rem !important;\n }\n } *\/\n @media only screen and (min-width: 701px) { \n .order-section {\n margin-bottom: 100px;\n }\n .order-section .text-wrapper {\n padding: 2rem 0 2rem 4rem;\n }\n .order-section .colors-list .color-selected {\n display: flex;\n justify-content: center;\n color: var(--slate);\n font-size: var(--desktop-heading-small);\n }\n .order-section .image-wrapper .device-container img {\n width: 100% !important;\n }\n .order-section .colors-wrapper {\n width: initial !important;\n }\n }\n @media only screen and (max-width: 700px) { \n .order-section .iqos3duo-details-container {\n background: var(--soft-white);\n }\n .order-section .text-wrapper {\n padding: var(--mobile-padding-no-top);\n }\n \/* css for numbered list *\/\n .order-section .product-preview-instructions-description {\n font-size: var(--mobile-subheading);\n }\n .order-section .product-preview-instructions-wrapper h2 {\n font-size: var(--mobile-heading);\n }\n .order-section .product-preview-instructions-container {\n margin: 1rem 0;\n }\n .order-section .colors-list .color-selected {\n color: var(--slate);\n font-size: var(--desktop-heading-small) !important;\n }\n .order-section .price-tag {\n margin-top: 0;\n font-size: var(--mobile-heading-small) !important;\n }\n .order-section .device-container h2{\n margin-bottom: 0.2rem;\n }\n .order-section .discount-container, .order-section .duo-white, .order-section .simply-opt {\n background: var(--blue);\n }\n .order-section #add_to_cart_update_525 {\n margin: 1rem;\n }\n .steps-container, .top-header {\n background: var(--blue);\n }\n .steps-container {\n padding: var(--mobile-padding-no-top);\n margin-top: -41px;\n }\n #title {\n margin: auto;\n font-size: 1.5rem;\n display: flex;\n justify-content: center;\n padding-top: 2rem;\n padding-bottom: 2rem;\n }\n\n .mobile-carousel {\n padding: var(--mobile-padding-no-bottom);\n }\n }\n \/* end PDP custom styling for Discover *\/\n \n\/* benefits included styling start *\/ \n.benefits-included .promo-variant-3 .text-wrapper .desktop-col-2 {\n flex-direction: column;\n align-items: center;\n}\n.benefits-included .promo-variant-3 .text-wrapper .desktop-col-2 p {\n max-width: initial;\n}\n.promo-variant-3 {\n --block-background: var(--orange) !important;\n}\n.benefits-included .blk-title-6 {\n text-align: center;\n color: var(--soft-white);\n font-size: var(--desktop-heading) !important;\n}\n.benefits-included .cta1 a{\n background: var(--slate);\n color: var(--soft-white) !important;\n}\n.benefits-included .cta1 a:hover {\n color: var(--soft-white);\n}\n.benefits-included .cta1 a:after {\n background: var(--blue);\n}\n.benefits-included .cta2 a{\n background: var(--soft-white);\n color: var(--slate);\n}\n.benefits-included ul {\n display: flex;\n}\n.benefits-included ul li {\n list-style: none !important;\n flex: 1;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n}\n.benefits-included ul li h3 {\n font-size: var(--desktop-heading-small);\n color: var(--soft-white);\n text-align: center;\n}\n.benefits-included .promo-variant-3:before {\n height: calc(100% - 165px);\n}\n.benefits-included .btn-play:after {\n height: 80px;\n width: 80px;\n}\n\/* .benefits-included .btn-play .ico .t, .btn-play .ico .t::before, .btn-play .ico .t::after {\n width: 2rem;\n height: 2rem;\n} *\/\n.benefits-included .blk-title-6, .desktop-col-2 {\n color: var(--soft-white);\n font-size: var(--desktop-subheading);\n margin-top: 1rem !important;\n}\n.promo-variant-3 .text-wrapper .desktop-col-2 p {\n max-width: initial;\n width: initial;\n}\n.promo-variant-3 .text-wrapper .desktop-col-2 {\n text-align: center;\n justify-content: center;\n}\n.promo-variant-3 .text-wrapper{\n padding: 0 0 0 0 !important;\n}\n.promo-variant-3 .text-wrapper h2{\n margin: 0 0 0 0 !important;\n}\n\n.benefits-included .accidental-damage {\n width: 90px; height: 95px;\n background: url('https:\/\/d35qeh3rfcx0mn.cloudfront.net\/images\/revamp\/discovery\/Discover_sprite.svg') -113px 10px no-repeat;\n transform: scale(0.8);\n}\n.benefits-included .discount-accessories {\n width: 90px; height: 95px;\n background: url('https:\/\/d35qeh3rfcx0mn.cloudfront.net\/images\/revamp\/discovery\/Discover_sprite.svg') -341px 7px no-repeat;\n transform: scale(0.8);\n}\n.benefits-included .international-assistance {\n width: 90px; height: 95px;\n background: url('https:\/\/d35qeh3rfcx0mn.cloudfront.net\/images\/revamp\/discovery\/Discover_sprite.svg') -227px 7px no-repeat;\n transform: scale(0.8);\n}\n.benefits-included .troubleshooting {\n width: 90px; height: 95px;\n background: url('https:\/\/d35qeh3rfcx0mn.cloudfront.net\/images\/revamp\/discovery\/Discover_sprite.svg') -458px 5px no-repeat;\n transform: scale(0.8);\n}\n\n@media only screen and (max-width: 700px) { \n .benefits-included .promo-variant-3 .content-wrapper {\n padding: 0 0 0 0;\n }\n .benefits-included .promo-variant-3 .text-wrapper {\n padding: 2.5rem 2rem;\n }\n .benefits-included .desktop-col-2 {\n text-align: center;\n }\n .benefits-included .cta-container {\n flex-direction: column;\n align-items: center;\n }\n .benefits-included .cta1 {\n margin: 0 0 1.4rem 0 !important;\n }\n .benefits-included .cta2 {\n margin: 0 0 0 0 !important;\n }\n .benefits-included .promo-variant-3 figure {\n height: 250px;\n }\n .benefits-included .text-wrapper {\n padding: var(--mobile-padding-no-bottom) !important;\n }\n .benefits-included .content-wrapper {\n padding: 0 0 0 0 !important;\n }\n .benefits-included .content-wrapper h2 {\n font-size: var(--mobile-heading) !important;\n }\n .benefits-included .content-wrapper .desktop-col-2 {\n font-size: var(--mobile-subheading);\n }\n .benefits-included .content-wrapper ul {\n flex-direction: column;\n width: 54%;\n margin: auto;\n }\n .benefits-included .content-wrapper ul li {\n margin: 0.8rem 0;\n }\n .benefits-included .text-wrapper p {\n margin: 0 0 1rem 0 !important;\n }\n\n}\n\n@media only screen and (min-width: 700px) { \n .benefits-included .promo-variant-3 .text-wrapper .desktop-col-2 {\n text-align: center;\n width: 80%;\n margin: auto;\n }\n}\n\/* benefits included styling end *\/ \n\n\/* map styling start *\/ \n.map-smoke-free figure {\n top: 0;\n }\n .map-smoke-free figure img {\n height: 535px;\n }\n .map-smoke-free .banner-list-wrapper {\n order: initial;\n }\n .map-smoke-free .banner-list-header {\n font-size: var(--desktop-heading);\n color: var(--slate);\n }\n .map-smoke-free .banner-list-description {\n font-size: var(--desktop-subheading);\n color: var(--slate);\n justify-content: space-between;\n display: flex;\n }\n .map-smoke-free .technology-button:hover {\n color: var(--soft-white);\n background-color: var(--slate);\n }\n .map-smoke-free .technology-button::after {\n color: var(--soft-white);\n background-color: var(--slate);\n }\n @media only screen and (max-width: 700px) { \n .map-smoke-free .banner-list-wrapper {\n order: -1;\n padding: var(--mobile-padding);\n }\n .map-smoke-free .banner-list-header {\n font-size: var(--mobile-heading);\n }\n .map-smoke-free .banner-list-header p {\n font-size: var(--mobile-subheading) !important;\n }\n .map-smoke-free figure {\n max-width: 91.1vw;\n margin: auto;\n }\n .map-smoke-free {\n margin-bottom: 56px;\n padding: 0 0 0 0;\n }\n .map-smoke-free .banner-list-description {\n margin: 0 0 0 0;\n font-size: var(--mobile-subheading);\n flex-direction: column;\n align-items: center;\n gap: 1rem;\n }\n .map-smoke-free .banner-list-wrapper ul {\n width: initial;\n margin: initial;\n }\n }\n\/* map styling end *\/ \n\n\/* common footer styling start *\/ \n@media only screen and (min-width: 701px) {\n .contact-footer-section, .blk-list {\n margin: 0 0 0 0 !important;\n }\n}\n\/* common footer styling end *\/ \n\n\n\n const rightBtn = document.querySelector('#right-button');\n const leftBtn = document.querySelector('#left-button');\n\n const slideOne = document.querySelector('#slide-one');\n const slideTwo = document.querySelector('#slide-two');\n\n rightBtn.addEventListener(\"click\", function () {\n console.log('carousel launched');\n if(rightBtn.classList.contains('active-carousel')) {\n slideTwo.classList.remove('hide-block');\n slideTwo.classList.add('show-block');\n slideOne.classList.add('hide-block');\n leftBtn.classList.add('active-carousel');\n rightBtn.classList.remove('active-carousel');\n }\n });\n leftBtn.addEventListener(\"click\", function () {\n console.log('carousel not launched');\n if(leftBtn.classList.contains('active-carousel')) {\n slideTwo.classList.add('hide-block');\n slideTwo.classList.remove('show-block');\n slideOne.classList.remove('hide-block');\n slideOne.classList.remove('show-block');\n rightBtn.classList.add('active-carousel');\n leftBtn.classList.remove('active-carousel');\n }\n });\n\n\n\n\n $(document).ready(function() {\n $( 'body' ).on( 'click', '.redirect-cookie', function () {\n var d = new Date();\n d.setTime(d.getTime() + (1*24*60*60*1000));\n var expires = \"expires=\" + d.toUTCString();\n document.cookie = \"redirect-cookie=https:\/\/se.iqos.com\/en\/discover-iqos\/what-is-iqos#order-section;path=\/\";\n document.cookie = \"subscribe-auto=yes;\" + expires + \";path=\/\";\n document.cookie = \"opt-in-custom=yes;\" + expires + \";path=\/\";\n \nsetTimeout(() => {\n window.location.reload(); \n},4000);\n\n });\n });\n\n \n\n\n\n const nextPrevBtns = document.querySelector('.header-navigation-container');\n const xLargeScreen = window.matchMedia(\"(min-width: 1920px)\");\n\n function hideCarouselFunctionality() {\n if(xLargeScreen.matches) {\n nextPrevBtns.classList.add('hide-block');\n }\n else {\n console.log('no media match');\n }\n }\n\n hideCarouselFunctionality();\n xLargeScreen.addListener(hideCarouselFunctionality);\n\n\n\n const imagePreviewMobile = document.querySelector('#video-image-modal-mobile');\n const imagePreviewDesktop = document.querySelector('#video-image-modal-desktop');\n\n imagePreviewDesktop.addEventListener(\"click\", function() {\n imagePreviewDesktop.style.backgroundColor = \"red\";\n });\n\n\n\n\n $('#opt_525').insertBefore('#box-title');\n $('#line_discounted_price_525').insertBefore('#opt_525');\n\n const smallScreen = window.matchMedia(\"(max-width: 700px)\");\n const bigScreen = window.matchMedia(\"(min-width: 701px)\");\n\n if(smallScreen.matches) {\n $('#steps-container').insertBefore('#order-section');\n $('#title').insertBefore('#steps-container');\n $('#line_discounted_price_525').insertAfter('#mobile-title');\n $('#add_to_cart_update_525').insertBefore('#box-title');\n }\n\n \n "}](https://dnnfp2w4ej81g.cloudfront.net/images/se/Lucid_Teal/Home_Page/Discover_IQOS/IH_CT_LucidTealCollection___Website_Tile_IDLP_Tile3_Grid1_NoPeopleHeets_Desktop_Standard__v1_en-NA_MW__Image7134_a.jpg?d=0)
![Discover IQOS.\n \n\n\n \n \n \n \n \n \n \n\n\n\n \n Welcome to your smoke-free future.\n IQOS is a brand with a big vision: to replace every cigarette for all adult smokers who would otherwise continue to smoke.\n \n\n\n\n\n \n\n \n \n \n \n \n \n \n \n \n If you\u2019re an adult smoker looking for a better alternative, IQOS is here to support you on your journey. Just like the nearly 19 million adult IQOS users around the world* who are already on that same journey.\n \n \n By offering a modern twist on the classic taste of tobacco, IQOS is at the forefront of science to help make real change a reality.\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n\n\n section.blk-disclaimer {\n text-align: center;\n }\n\n\n\n \n \n *Source: July 2022 Q2 Earnings \n \n \n\n\n\n\n .promo-variant-1 .text-wrapper {\n background-color: #34303d;\n }\n\n \n .promo-variant-1 .content-wrapper {\n color: #ffff;\n }\n\n\n\n\n \n\n \n \n \n \n \n \n \n\n\n \n What are HEETS?\n HEETS are a completely new way to enjoy tobacco. They open up a whole new world of tobacco taste and flavour when used with cutting edge IQOS HeatControl technology. \n HEETS are available in a range of tobacco taste experiences from mellow to robust. There are 6* flavours available to satisfy every palate.\n *Flavour availability differs by province.\n Discover more\n \n\n \n\n\n\n\n \n Discover our HEETS.\n \n \n \n \n \n \n \n \n \n\n \n \n \n \n \n\n \n \n \n \n \n\n \n \n \n \n \n\n \n \n \n \n \n\n \n \n \n \n \n\n \n \n \n \n\n \n \n HEETS Sequoia\n Rich and flavourful, HEETS Sequoia delivers a full-bodied, toasted tobacco blend perfectly balanced with satisfying malty aroma notes.\n\n \n \n HEETS Teak*\n Deep and rich, HEETS TEAK delivers a full and satisfying tobacco taste experience. HEETS TEAK is infused with cocoa and dry fruit aroma notes.*Only available in British Columbia\n\n \n \n HEETS Elm\n Smooth and flavourful, HEETS ELM (RED) delivers a balanced, well-rounded, toasted tobacco blend matched with woody nuances and subtle light aroma notes.\n\n \n \n HEETS Oak\n Smooth and subtly flavourful, HEETS OAK delivers a beautifully balanced tobacco taste experience defined by pleasingly woody and light nutty tobacco notes.\n\n \n \n HEETS Cypress*\n Smooth, refined with a subtle citrusy taste, HEETS CYPRESS delivers a sophisticated, beautifully balanced tobacco taste enhanced with light herbal notes.*Only available in British Columbia\n\n \n \n HEETS Birch\n Harmonious and refined, HEETS BIRCH (SILVER) delivers a delicate tobacco taste. HEETS BIRCH (SILVER) is infused with aroma notes to provide the true tobacco experience.\n\n \n \n \n \n Explore the flavour range\n \n\n\n .carousel-flavours .swiper-slide .sensory {\n left: -4px; \n bottom: -6px;\n width: 103% !important;\n }\n\n\n\n \n Why IQOS?\n Discover why millions of adult smokers around the world have switched to IQOS.*\n \n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n \n *Source: July 2022 Q2 Earnings Learn more\n \n \n\n\n\n\n\n \n\n \n\t\t\t\n \n \n \n \n \n \n \n \n\n The IQOS Story.\n\n \n \n \n \n \n \n \n \n 2020\n \n \n \n 2018\n \n \n \n 2016\n \n \n \n 2014\n \n \n \n 2009\n \n \n \n 2008\n \n \n \n 2007\n \n \n \n\n \n \n 2020\n \n This year sees a huge milestone for the IQOS evolution. Find out more \n \n \n 2018\n \n IQOS 3 and IQOS 3 MULTI are now sold in cities in 43 markets around the world. Philip Morris International, RBH's parent company, spends 92% of all R&D and 60% of all commercial expenditure on smoke-free products.\n \n \n \n 2016\n \n IQOS next generation device, the pioneering 2.4 PLUS, is launched in 21 markets. A year later, it is available to adult customers in 38 markets.\n \n \n \n 2014\n \n PMI\u2019s first commercial heat-not-burn device is launched in Japan and Italy. A year later the product is named IQOS and is made available in Portugal, Romania, Russia and Switzerland.\n \n \n \n 2009\n \n PMI expands its R&D facilities focusing on alternatives to cigarettes by opening a new research laboratory in Singapore. Today, over 400 R&D experts are working on IQOS technologies around the world.\n \n \n \n 2008\n \n Forward strides into smoke-free alternatives to cigarettes, soon to become IQOS, levels up in 2008 with a new dedicated R&D centre in Switzerland.\n \n \n \n 2007\n \n While PMI\u2019s research into heated tobacco alternatives goes back to the early 1990s, 2007 marks a turning point when a heat-not-burn prototype using HeatControl\u2122 technology is developed. The device is a technological step forward but is ergonomically awkward. \n \n \n \n\n \n\n \n \n \n \n \n \n \n \n\n \n\n\n\n\n $(document).ready(() => {\n class Component {\n static getComponentName() {\n return 'defaultcomponent';\n }\n\n constructor($context, props) {\n this.isInitialized = false;\n this.$context = $context || window.document;\n\n this.props = {}\n\n this.props = $.extend(this.props, props);\n }\n }\n\n const defaultProps = {\n years: \"[data-years]\",\n };\n\n class HorizontalTimeAxis extends Component {\n constructor($context, props) {\n super($context, $.extend(defaultProps, props));\n\n \/\/ Dot Indicator Step Size in px\n this.mobileDotPxStepSize = 50;\n this.desktopDotPxStepSize = 153;\n\n this.dotIndicatorOffset = 0;\n }\n\n init() {\n $(window).on(\"resize\", this.onResize.bind(this));\n }\n\n onUpdateIndex(index) {\n this.index = index;\n this.updateComponents()\n }\n\n onResize() {\n this.updateComponents()\n }\n\n updateComponents() {\n this.setPinActiveState();\n this.setLinePosition();\n this.calculateDotContainerOffset(this.index)\n }\n\n setPinActiveState() {\n $('.pin').removeClass('-selected');\n $(`.pin[index=${this.index}]`).addClass('-selected');\n }\n\n setLinePosition() {\n if (this.index === 0) {\n $('.line').css('transform', `translate(0, -50%)`);\n } else {\n let value = window.innerWidth >= 768 ? 153 : 50;\n $('.line').css('transform', `translate(-${value}px, -50%)`);\n }\n }\n\n calculateDotContainerOffset(targetIndex) {\n let stepSize = this.getStepSize();\n this.dotIndicatorOffset = stepSize * targetIndex;\n $('.dots-container').css('transform', `translate(-${this.dotIndicatorOffset}px, 0)`);\n }\n\n getStepSize() {\n return window.innerWidth >= 768 ? this.desktopDotPxStepSize : this.mobileDotPxStepSize;\n }\n }\n\n class SwipeDetector {\n constructor() {\n\n\n }\n\n detect(ele, func) {\n let swipe_det = {};\n swipe_det.sX = 0;\n swipe_det.sY = 0;\n swipe_det.eX = 0;\n swipe_det.eY = 0;\n\n const min_x = 30; \/\/min x swipe for horizontal swipe\n const max_x = 30; \/\/max x difference for vertical swipe\n const min_y = 50; \/\/min y swipe for vertical swipe\n const max_y = 60; \/\/max y difference for horizontal swipe\n\n let direc = \"\";\n\n ele.addEventListener('touchstart', function (e) {\n const t = e.touches[0];\n swipe_det.sX = t.screenX;\n swipe_det.sY = t.screenY;\n }, false);\n\n ele.addEventListener('touchmove', function (e) {\n e.preventDefault();\n const t = e.touches[0];\n swipe_det.eX = t.screenX;\n swipe_det.eY = t.screenY;\n }, false);\n\n ele.addEventListener('touchend', function (e) {\n \/\/horizontal detection\n if ((((swipe_det.eX - min_x > swipe_det.sX) || (swipe_det.eX + min_x swipe_det.eY - max_y) && (swipe_det.eX > 0)))) {\n if (swipe_det.eX > swipe_det.sX) direc = \"r\";\n else direc = \"l\";\n }\n \/\/vertical detection\n else if ((((swipe_det.eY - min_y > swipe_det.sY) || (swipe_det.eY + min_y swipe_det.eX - max_x) && (swipe_det.eY > 0)))) {\n if (swipe_det.eY > swipe_det.sY) direc = \"d\";\n else direc = \"u\";\n }\n\n if (direc !== \"\") {\n if (typeof func == 'function') func(ele, direc);\n }\n direc = \"\";\n swipe_det.sX = 0;\n swipe_det.sY = 0;\n swipe_det.eX = 0;\n swipe_det.eY = 0;\n }, false);\n }\n }\n\n\n class Timeline extends Component {\n constructor($context, props) {\n super($context, $.extend(defaultProps, props));\n\n this.horizontalTimeAxis = new HorizontalTimeAxis();\n \/\/ this.swipeDetector = new SwipeDetector();\n\n let itemCount = $(this.$context).data(\"count\");\n\n this.lastIndex = parseInt(itemCount) - 1;\n this.index = 0;\n\n this.init();\n }\n\n init() {\n this.horizontalTimeAxis.init();\n\n this.horizontalTimeAxis.onUpdateIndex(this.index);\n this.onUpdateDescription(this.index, this.index + 1);\n this.onUpdateImageContainer(this.index);\n\n $(\".pin\").on(\"click\", this.onPinClick.bind(this));\n\n let swipe = $('.swipe-container').first()[0];\n \/\/ this.swipeDetector.detect(swipe, function (ele, dir) {\n \/\/ switch (dir) {\n \/\/ case \"l\":\n \/\/ this.onNext();\n \/\/ return;\n \/\/ case \"r\":\n \/\/ this.onPrevious();\n \/\/ }\n \/\/ }.bind(this));\n\n var hammertime = Hammer(swipe);\n hammertime.on(\"swipeleft\", (ev) => {\n this.onNext();\n return;\n });\n hammertime.on(\"swiperight\", (ev) => {\n this.onPrevious();\n return;\n });\n\n $('.previous-btn.bnw-timeline').on('click', this.onPrevious.bind(this));\n $('.next-btn.bnw-timeline').on('click', this.onNext.bind(this));\n\n this.onUpdateNavigationButtons()\n }\n\n onNext() {\n if (this.index === this.lastIndex) {\n return\n }\n\n ++this.index;\n this.onUpdateNavigationButtons()\n this.horizontalTimeAxis.onUpdateIndex(this.index);\n this.onUpdateDescription(this.index, this.index - 1);\n this.onUpdateImageContainer(this.index);\n }\n\n onPrevious() {\n if (this.index === 0) {\n return;\n }\n\n --this.index;\n this.onUpdateNavigationButtons()\n this.horizontalTimeAxis.onUpdateIndex(this.index);\n this.onUpdateDescription(this.index, this.index + 1);\n this.onUpdateImageContainer(this.index);\n }\n\n onPinClick(el) {\n let newIndex = parseInt(el.currentTarget.getAttribute('index'));\n if (this.index === newIndex) {\n return\n }\n\n let previousIndex = this.index;\n this.index = newIndex;\n this.horizontalTimeAxis.onUpdateIndex(this.index);\n this.onUpdateDescription(this.index, previousIndex);\n this.onUpdateImageContainer()\n this.onUpdateNavigationButtons()\n }\n\n onUpdateDescription(currentIndex, previousIndex) {\n let reversed = currentIndex {\n $context.each((index, context) => {\n const $element = $(context)\n if (typeof component !== \"undefined\" && component.getComponentName && !$element.attr('data-' + component.getComponentName() + 'initialized')) {\n new component($element, props);\n $element.attr('data-' + component.getComponentName() + 'initialized', true);\n }\n });\n },\n\n debounce: (func, wait) => {\n let timeout;\n\n return function executedFunction(...args) {\n const later = () => {\n timeout = null;\n func(...args);\n };\n clearTimeout(timeout);\n timeout = setTimeout(later, wait);\n }\n },\n\n imageHeightDetector: (context) => {\n const loadedImages = [];\n const imgsArray = Array.prototype.slice.call(context.getElementsByTagName('img'));\n const imgsArrayLength = imgsArray.length\n\n function checkIfAllLoaded() {\n return loadedImages.length === imgsArrayLength;\n }\n\n return new Promise((resolve) => {\n imgsArray.forEach(img => {\n if (img.completed && img.naturalHeight) {\n loadedImages.push(img);\n if (checkIfAllLoaded())\n resolve()\n } else {\n img.addEventListener('load', () => {\n loadedImages.push(img);\n if (checkIfAllLoaded())\n resolve();\n })\n }\n })\n })\n },\n\n getCookie: (cname) => {\n let name = cname + \"=\";\n let ca = document.cookie.split(';');\n for (let i = 0; i {\n let d = new Date();\n d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));\n let expires = \"expires=\" + d.toUTCString();\n document.cookie = cname + \"=\" + cvalue + \";\" + expires + \";path=\/\";\n },\n\n isDesktop: () => {\n return window.innerWidth > maxMobileSize;\n },\n\n makeStiky: (element, offset = 0, inverted = false) => {\n const stikyClass = inverted ? '-stiky-inverted' : '-stiky';\n const stickyOffset = element.offsetTop;\n\n window.addEventListener('scroll', () => {\n if (window.pageYOffset > stickyOffset + offset) {\n element.classList.add(\"-sticky\");\n } else {\n element.classList.remove(\"-sticky\");\n }\n });\n },\n\n setQueryStringParameter: (name, value) => {\n const params = new URLSearchParams(window.location.search);\n params.set(name, value);\n window.history.replaceState({}, \"\", decodeURIComponent(`${window.location.pathname}?${params}`));\n }\n }\n\n Helpers.initializeComponent(Timeline, $('[data-timeline]'));\n });\n\n\n\n \n A smarter choice.\n With IQOS, you get an alternative to cigarettes that delivers tobacco satisfaction without fire or ash. \n\n \n \n \n \n \n \n \n \n \n \n \n\n \n\n \n \n \n \n \n \n \n \n \n \n With our HeatControl\u2122 Technology, you'll never have to worry about carrying matches or a lighter.\n \n \n \n \n \n \n \n \n \n \n \n \n \n Unlike cigarettes, IQOS has no lit end and produces no smoke.\n \n \n \n \n \n \n \n \n \n \n \n \n \n No ash. No ashtrays. No mess.\n \n \n \n \n \n \n \n\n\n\n\n\n \n\n \n Science meets dedication.\n Over 400 scientists and engineers are working on state-of-the-art alternatives to cigarettes to provide adults with a better smoke-free, ash-free tobacco alternative to continued smoking.\n \n Explore IQOS science\n \n \n \n \n\n\n\n \n Switch now.\n \n \n \n \n \n \n Heated tobacco\n \n \n \n\n \n \n \n \n \n \n \n \n \n \n \n \n Heated tobacco\n \n Shop now\n \n \n \n \n \n \n\n\n\n\n \n \n \n \n More to discover with myIQOS\n \n\n \n \n \n \n \n \n \n\n \n \n \n Care you can count on\n Chat with an expert for support on how to get the best user experience from your IQOS.\n \n \n \n Care Plus\n IQOS Care Plus gives you access to extensive support, services and offers to enhance your IQOS experience.\n \n \n \n Get to know your IQOS\n New to IQOS or need a refresher? Let us help.\n \n \n \n Learn more\n \n \n\n\n @media (min-width: 960px) {\n .blk-myiqos .text-wrapper p {\n max-width: 570px;\n }\n\n }\n\n\n \n\n\n\n @media (max-width: 960px) {\n .blk-myiqos .text-wrapper h2 {\n padding: 0 !important;\n }\n }\n .blk-list.blk-list-4 header small {\n font-size: 0.8rem;\n }\n\n \n\n \n Something we haven't covered?\n \n \n \n \n \n \n \n \n \n \n \n Find us using our store locator\n \n \n \n \n \n \n \n \n \n \n Call us at 1-800-304-4033\n \n \n \n \n \n \n \n \n \n Chat with an Expert\n \n \n \n \n \n \n \n \n \n \n Email us at info@iqos.ca\n \n \n \n \n \n \n\n\n \n "}](https://d1514ftmr30hpr.cloudfront.net/images/ca/pages/products/iqos30/iqos-3-compact.png)
![Discover IQOS.\n \n\n\n \n \n \n \n \n \n \n\n\n\n \n IQOS is a brand with a big vision: to replace every cigarette for all adult smokers who would otherwise continue to smoke. \n \n\n\n\n \n\n \n \n \n \n \n \n \n \n \n IQOS is the only brand to offer two different types of alternatives to continued smoking. IQOS heated tobacco devices heat tobacco, not liquid, to deliver a satisfying taste experience.\n \n \n IQOS VEEV e-liquid vaping device is robust and trustworthy. VEEV pods are uniquely crafted to deliver taste consistency every time. Choose your way forward.\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n\n .timeline .timeline-wrapper .description .summary a.timelineLink {\n color: #00D1D2;\n }\n\n\n\n\n\n \n\n \n\t\t\t\n \n \n \n \n \n \n \n \n\n We\u2019re on this journey together. \n\n \n \n \n \n \n \n \n \n 2021\n \n \n \n 2018\n \n \n \n 2016\n \n \n \n 2014\n \n \n \n 2009\n \n \n \n 2008\n \n \n \n 2007\n \n \n \n\n \n \n 2021\n \n IQOS VEEV e-liquid vaping device is launched in New Zealand and Czech Republic in 2020; VEEV in Finland and Italy in 2021, with more market introductions planned. 2020 also sees a huge milestone for the IQOS community. Find out more\n \n \n \n 2018\n \n IQOS 3 and IQOS 3 MULTI are now sold in cities in 43 markets around the world. IQOS parent company, Philip Morris International, spends 92% of all R&D and 60% of all commercial expenditure on smoke-free products. \n \n \n \n 2016\n \n IQOS next generation device, the pioneering 2.4 PLUS, is launched in 21 markets. A year later, it is available to adult customers in 38 markets. In 2017 it wins a GOOD DESIGN\u00ae Award from the annual presentations made by the Chicago Athenaeum and Metropolitan Arts Press. \n \n \n \n 2014\n \n PMI\u2019s first commercial heat-not-burn device is launched in Japan and Italy. A year later the product is named IQOS and is made available in Portugal, Romania, Russia and Switzerland. \n \n \n \n 2009\n \n PMI expands its R&D facilities focusing on alternatives to cigarettes by opening a new research laboratory in Singapore. Today, over 400 R&D experts are working on IQOS technologies around the world.\n \n \n \n 2008\n \n Forward strides into smoke-free alternatives to cigarettes, soon to become IQOS, levels up in 2008 with a new dedicated R&D centre in Switzerland. \n \n \n \n 2007\n \n While PMI\u2019s research into heated tobacco alternatives goes back to the early 1990s, 2007 marks a turning point when a heat-not-burn prototype using HeatControl\u2122 technology is developed. The device is a technological step forward but is ergonomically awkward. \n \n \n \n\n \n\n \n \n \n \n \n \n \n \n\n \n\n\n\n\n $(document).ready(() => {\n class Component {\n static getComponentName() {\n return 'defaultcomponent';\n }\n\n constructor($context, props) {\n this.isInitialized = false;\n this.$context = $context || window.document;\n\n this.props = {}\n\n this.props = $.extend(this.props, props);\n }\n }\n\n const defaultProps = {\n years: \"[data-years]\",\n };\n\n class HorizontalTimeAxis extends Component {\n constructor($context, props) {\n super($context, $.extend(defaultProps, props));\n\n \/\/ Dot Indicator Step Size in px\n this.mobileDotPxStepSize = 50;\n this.desktopDotPxStepSize = 153;\n\n this.dotIndicatorOffset = 0;\n }\n\n init() {\n $(window).on(\"resize\", this.onResize.bind(this));\n }\n\n onUpdateIndex(index) {\n this.index = index;\n this.updateComponents()\n }\n\n onResize() {\n this.updateComponents()\n }\n\n updateComponents() {\n this.setPinActiveState();\n this.setLinePosition();\n this.calculateDotContainerOffset(this.index)\n }\n\n setPinActiveState() {\n $('.pin').removeClass('-selected');\n $(`.pin[index=${this.index}]`).addClass('-selected');\n }\n\n setLinePosition() {\n if (this.index === 0) {\n $('.line').css('transform', `translate(0, -50%)`);\n } else {\n let value = window.innerWidth >= 768 ? 153 : 50;\n $('.line').css('transform', `translate(-${value}px, -50%)`);\n }\n }\n\n calculateDotContainerOffset(targetIndex) {\n let stepSize = this.getStepSize();\n this.dotIndicatorOffset = stepSize * targetIndex;\n $('.dots-container').css('transform', `translate(-${this.dotIndicatorOffset}px, 0)`);\n }\n\n getStepSize() {\n return window.innerWidth >= 768 ? this.desktopDotPxStepSize : this.mobileDotPxStepSize;\n }\n }\n\n class SwipeDetector {\n constructor() {\n\n\n }\n\n detect(ele, func) {\n let swipe_det = {};\n swipe_det.sX = 0;\n swipe_det.sY = 0;\n swipe_det.eX = 0;\n swipe_det.eY = 0;\n\n const min_x = 30; \/\/min x swipe for horizontal swipe\n const max_x = 30; \/\/max x difference for vertical swipe\n const min_y = 50; \/\/min y swipe for vertical swipe\n const max_y = 60; \/\/max y difference for horizontal swipe\n\n let direc = \"\";\n\n ele.addEventListener('touchstart', function (e) {\n const t = e.touches[0];\n swipe_det.sX = t.screenX;\n swipe_det.sY = t.screenY;\n }, false);\n\n ele.addEventListener('touchmove', function (e) {\n e.preventDefault();\n const t = e.touches[0];\n swipe_det.eX = t.screenX;\n swipe_det.eY = t.screenY;\n }, false);\n\n ele.addEventListener('touchend', function (e) {\n \/\/horizontal detection\n if ((((swipe_det.eX - min_x > swipe_det.sX) || (swipe_det.eX + min_x swipe_det.eY - max_y) && (swipe_det.eX > 0)))) {\n if (swipe_det.eX > swipe_det.sX) direc = \"r\";\n else direc = \"l\";\n }\n \/\/vertical detection\n else if ((((swipe_det.eY - min_y > swipe_det.sY) || (swipe_det.eY + min_y swipe_det.eX - max_x) && (swipe_det.eY > 0)))) {\n if (swipe_det.eY > swipe_det.sY) direc = \"d\";\n else direc = \"u\";\n }\n\n if (direc !== \"\") {\n if (typeof func == 'function') func(ele, direc);\n }\n direc = \"\";\n swipe_det.sX = 0;\n swipe_det.sY = 0;\n swipe_det.eX = 0;\n swipe_det.eY = 0;\n }, false);\n }\n }\n\n\n class Timeline extends Component {\n constructor($context, props) {\n super($context, $.extend(defaultProps, props));\n\n this.horizontalTimeAxis = new HorizontalTimeAxis();\n \/\/ this.swipeDetector = new SwipeDetector();\n\n let itemCount = $(this.$context).data(\"count\");\n\n this.lastIndex = parseInt(itemCount) - 1;\n this.index = 0;\n\n this.init();\n }\n\n init() {\n this.horizontalTimeAxis.init();\n\n this.horizontalTimeAxis.onUpdateIndex(this.index);\n this.onUpdateDescription(this.index, this.index + 1);\n this.onUpdateImageContainer(this.index);\n\n $(\".pin\").on(\"click\", this.onPinClick.bind(this));\n\n let swipe = $('.swipe-container').first()[0];\n \/\/ this.swipeDetector.detect(swipe, function (ele, dir) {\n \/\/ switch (dir) {\n \/\/ case \"l\":\n \/\/ this.onNext();\n \/\/ return;\n \/\/ case \"r\":\n \/\/ this.onPrevious();\n \/\/ }\n \/\/ }.bind(this));\n\n var hammertime = Hammer(swipe);\n hammertime.on(\"swipeleft\", (ev) => {\n this.onNext();\n return;\n });\n hammertime.on(\"swiperight\", (ev) => {\n this.onPrevious();\n return;\n });\n\n $('.previous-btn').on('click', this.onPrevious.bind(this));\n $('.next-btn').on('click', this.onNext.bind(this));\n\n this.onUpdateNavigationButtons()\n }\n\n onNext() {\n if (this.index === this.lastIndex) {\n return\n }\n\n ++this.index;\n this.onUpdateNavigationButtons()\n this.horizontalTimeAxis.onUpdateIndex(this.index);\n this.onUpdateDescription(this.index, this.index - 1);\n this.onUpdateImageContainer(this.index);\n }\n\n onPrevious() {\n if (this.index === 0) {\n return;\n }\n\n --this.index;\n this.onUpdateNavigationButtons()\n this.horizontalTimeAxis.onUpdateIndex(this.index);\n this.onUpdateDescription(this.index, this.index + 1);\n this.onUpdateImageContainer(this.index);\n }\n\n onPinClick(el) {\n let newIndex = parseInt(el.currentTarget.getAttribute('index'));\n if (this.index === newIndex) {\n return\n }\n\n let previousIndex = this.index;\n this.index = newIndex;\n this.horizontalTimeAxis.onUpdateIndex(this.index);\n this.onUpdateDescription(this.index, previousIndex);\n this.onUpdateImageContainer()\n this.onUpdateNavigationButtons()\n }\n\n onUpdateDescription(currentIndex, previousIndex) {\n let reversed = currentIndex {\n $context.each((index, context) => {\n const $element = $(context)\n if (typeof component !== \"undefined\" && component.getComponentName && !$element.attr('data-' + component.getComponentName() + 'initialized')) {\n new component($element, props);\n $element.attr('data-' + component.getComponentName() + 'initialized', true);\n }\n });\n },\n\n debounce: (func, wait) => {\n let timeout;\n\n return function executedFunction(...args) {\n const later = () => {\n timeout = null;\n func(...args);\n };\n clearTimeout(timeout);\n timeout = setTimeout(later, wait);\n }\n },\n\n imageHeightDetector: (context) => {\n const loadedImages = [];\n const imgsArray = Array.prototype.slice.call(context.getElementsByTagName('img'));\n const imgsArrayLength = imgsArray.length\n\n function checkIfAllLoaded() {\n return loadedImages.length === imgsArrayLength;\n }\n\n return new Promise((resolve) => {\n imgsArray.forEach(img => {\n if (img.completed && img.naturalHeight) {\n loadedImages.push(img);\n if (checkIfAllLoaded())\n resolve()\n } else {\n img.addEventListener('load', () => {\n loadedImages.push(img);\n if (checkIfAllLoaded())\n resolve();\n })\n }\n })\n })\n },\n\n getCookie: (cname) => {\n let name = cname + \"=\";\n let ca = document.cookie.split(';');\n for (let i = 0; i {\n let d = new Date();\n d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));\n let expires = \"expires=\" + d.toUTCString();\n document.cookie = cname + \"=\" + cvalue + \";\" + expires + \";path=\/\";\n },\n\n isDesktop: () => {\n return window.innerWidth > maxMobileSize;\n },\n\n makeStiky: (element, offset = 0, inverted = false) => {\n const stikyClass = inverted ? '-stiky-inverted' : '-stiky';\n const stickyOffset = element.offsetTop;\n\n window.addEventListener('scroll', () => {\n if (window.pageYOffset > stickyOffset + offset) {\n element.classList.add(\"-sticky\");\n } else {\n element.classList.remove(\"-sticky\");\n }\n });\n },\n\n setQueryStringParameter: (name, value) => {\n const params = new URLSearchParams(window.location.search);\n params.set(name, value);\n window.history.replaceState({}, \"\", decodeURIComponent(`${window.location.pathname}?${params}`));\n }\n }\n\n Helpers.initializeComponent(Timeline, $('[data-timeline]'));\n });\n\n\n\n .carousel-cards .header-navigation-container div {\n top: 50%;\n }\n \n .carousel-cards .header-navigation-container {\n opacity: 0;\n }\n \n .carousel-cards .header-navigation-container:hover {\n opacity: 1;\n }\n \n @media(min-width: 960px) {\n .carousel-cards .header-navigation-container {\n display: block;\n height: 37vw;\n bottom: auto;\n top: 0;\n max-height: 528px;\n max-width: 1087px;\n left: 0;\n right: 0;\n margin: 0 auto;\n width: 76%;\n z-index: 2;\n }\n }\n\n\n\n \n We choose better together.\n IQOS smoke-free devices leave no smoke and less lingering smell compared to cigarettes*.\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n IQOS Heated Tobacco and IQOS VEEV emit on average at least 95% lower levels of harmful chemicals compared to cigarettes.*\n \n \n This does not necessarily equal a 95% reduction in risk. IQOS is not risk-free. *Source: Average reductions (95% for IQOS Heated Tobacco and over 95% for IQOS VEEV) in the levels of a range of harmful chemicals (excluding nicotine) compared to the smoke of a reference cigarette. See important information. \n Important information: This does not necessarily equal a 95% reduction in risk. These products are not risk-free.\n \n \n \n \n \n \n \n \n \n \n Unlike cigarettes, IQOS devices do not generate smoke or second-hand smoke. \n \n \n \n \n \n \n \n \n \n \n \n \n \n IQOS devices leave less lingering smell on hands, hair and clothes than cigarettes*. \n \n \n *Source: Study conducted in multiple markets since 2014 for IQOS Heated Tobacco, and in Ukraine with 405 legal age smokers, heated tobacco or e-cigarette users, December 2019 for IQOS VEEV.\n \n \n \n \n\n\n\n\n \n Choose how to switch.\n \n \n \n \n \n \n Heated tobacco\n \n \n Vaping Made Right\n \n \n \n\n \n \n \n \n \n \n \n \n \n \n \n \n Heated tobacco\n True taste of real tobacco. Heat-not-burn technology.\n True taste of real tobacco. Heat-not-burn technology.\n \n Discover heated tobacco\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n E-liquid vaping\n Expertly crafted flavours. A vape you can trust.\n Expertly crafted flavours. A vape you can trust.\n \n Discover e-liquid vaping\n \n \n \n \n \n \n\n\n\n\n\n \n \n Need help choosing between HeatedTobacco and Vaping devices?\n \n Help me choose\n \n \n\n\n\n\n\n\n \n \n \n \n More to discover with myIQOS.\n Care you can count on, privileges to inspire you.\n \n\n \n \n \n \n \n \n \n \n \n \n \n Care you can count on\n Access our personal coaches for support on how to get the best use from your IQOS. \n \n\n \n Loyalty rewards\n Earn and spend whenever you shop directly with IQOS.*\n \n \n Peace of mind\n Accidental damage replacement and international assistance. \n \n \n Discover IQOS benefits\n *IQOS Rewards Dollars cannot be earned or redeemed on purchases of tobacco stick.\n \n \n\n\n @media (min-width: 960px){\n .blk-list.blk-list-6 li {\n width: calc(25% - 24px);\n }\n }\n\n\n \n Get in touch\n Our dedicated NZ-based customer care team is here for you.Monday to Friday, 9am to 6pm\n \n \n \n \n \n \n \n \n \n Live chat\n Click on the Chat icon to talk to us\n \n \n \n \n \n \n \n \n \n Phone\n Give us a call on 0800 810 433\n \n \n \n \n \n \n \n \n \n Email\n Email us at contact@iqos.co.nz and we'll get back to you within 24 hours.\n \n \n \n \n \n \n \n \n \n \n Facebook\n Reach out to us via Facebook \n \n \n \n \n \n \n \n \n \n SMS\n Text \"Support\" to 5998\n \n \n \n \n \n \n \n \n \n \n Video call\n Click here to book a time\n \n \n \n \n \n\n\n\n function openLiveChat() {\n $('iframe[name^=spr]').contents().find('.frame-content div[role=button]').trigger('click');\n }\n\n\n\n \n "}](https://d2wi1tskc2dmnd.cloudfront.net/design/themes/royal/media/images/pages/products/iqos24plus/iqos24plus-device-no-heets.png)
![Discover IQOS.\n \n\n\n \n \n \n \n \n \n \n\n\n\n \n Welcome to your smoke-free future.\n IQOS is a brand with a big vision: to replace every cigarette for all adult smokers who would otherwise continue to smoke.\n \n\n\n\n\n \n\n \n \n \n \n \n \n \n \n \n If you\u2019re an adult smoker looking for a better alternative, IQOS is here to support you on your journey. Just like the nearly 19 million adult IQOS users around the world* who are already on that same journey.\n \n \n By offering a modern twist on the classic taste of tobacco, IQOS is at the forefront of science to help make real change a reality.\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n\n\n section.blk-disclaimer {\n text-align: center;\n }\n\n\n\n \n \n *Source: July 2022 Q2 Earnings \n \n \n\n\n\n\n .promo-variant-1 .text-wrapper {\n background-color: #34303d;\n }\n\n \n .promo-variant-1 .content-wrapper {\n color: #ffff;\n }\n\n\n\n\n \n\n \n \n \n \n \n \n \n\n\n \n What are HEETS?\n HEETS are a completely new way to enjoy tobacco. They open up a whole new world of tobacco taste and flavour when used with cutting edge IQOS HeatControl technology. \n HEETS are available in a range of tobacco taste experiences from mellow to robust. There are 6* flavours available to satisfy every palate.\n *Flavour availability differs by province.\n Discover more\n \n\n \n\n\n\n\n \n Discover our HEETS.\n \n \n \n \n \n \n \n \n \n\n \n \n \n \n \n\n \n \n \n \n \n\n \n \n \n \n \n\n \n \n \n \n \n\n \n \n \n \n \n\n \n \n \n \n\n \n \n HEETS Sequoia\n Rich and flavourful, HEETS Sequoia delivers a full-bodied, toasted tobacco blend perfectly balanced with satisfying malty aroma notes.\n\n \n \n HEETS Teak*\n Deep and rich, HEETS TEAK delivers a full and satisfying tobacco taste experience. HEETS TEAK is infused with cocoa and dry fruit aroma notes.*Only available in British Columbia\n\n \n \n HEETS Elm\n Smooth and flavourful, HEETS ELM (RED) delivers a balanced, well-rounded, toasted tobacco blend matched with woody nuances and subtle light aroma notes.\n\n \n \n HEETS Oak\n Smooth and subtly flavourful, HEETS OAK delivers a beautifully balanced tobacco taste experience defined by pleasingly woody and light nutty tobacco notes.\n\n \n \n HEETS Cypress*\n Smooth, refined with a subtle citrusy taste, HEETS CYPRESS delivers a sophisticated, beautifully balanced tobacco taste enhanced with light herbal notes.*Only available in British Columbia\n\n \n \n HEETS Birch\n Harmonious and refined, HEETS BIRCH (SILVER) delivers a delicate tobacco taste. HEETS BIRCH (SILVER) is infused with aroma notes to provide the true tobacco experience.\n\n \n \n \n \n Explore the flavour range\n \n\n\n .carousel-flavours .swiper-slide .sensory {\n left: -4px; \n bottom: -6px;\n width: 103% !important;\n }\n\n\n\n \n Why IQOS?\n Discover why millions of adult smokers around the world have switched to IQOS.*\n \n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n \n *Source: July 2022 Q2 Earnings Learn more\n \n \n\n\n\n\n\n \n\n \n\t\t\t\n \n \n \n \n \n \n \n \n\n The IQOS Story.\n\n \n \n \n \n \n \n \n \n 2020\n \n \n \n 2018\n \n \n \n 2016\n \n \n \n 2014\n \n \n \n 2009\n \n \n \n 2008\n \n \n \n 2007\n \n \n \n\n \n \n 2020\n \n This year sees a huge milestone for the IQOS evolution. Find out more \n \n \n 2018\n \n IQOS 3 and IQOS 3 MULTI are now sold in cities in 43 markets around the world. Philip Morris International, RBH's parent company, spends 92% of all R&D and 60% of all commercial expenditure on smoke-free products.\n \n \n \n 2016\n \n IQOS next generation device, the pioneering 2.4 PLUS, is launched in 21 markets. A year later, it is available to adult customers in 38 markets.\n \n \n \n 2014\n \n PMI\u2019s first commercial heat-not-burn device is launched in Japan and Italy. A year later the product is named IQOS and is made available in Portugal, Romania, Russia and Switzerland.\n \n \n \n 2009\n \n PMI expands its R&D facilities focusing on alternatives to cigarettes by opening a new research laboratory in Singapore. Today, over 400 R&D experts are working on IQOS technologies around the world.\n \n \n \n 2008\n \n Forward strides into smoke-free alternatives to cigarettes, soon to become IQOS, levels up in 2008 with a new dedicated R&D centre in Switzerland.\n \n \n \n 2007\n \n While PMI\u2019s research into heated tobacco alternatives goes back to the early 1990s, 2007 marks a turning point when a heat-not-burn prototype using HeatControl\u2122 technology is developed. The device is a technological step forward but is ergonomically awkward. \n \n \n \n\n \n\n \n \n \n \n \n \n \n \n\n \n\n\n\n\n $(document).ready(() => {\n class Component {\n static getComponentName() {\n return 'defaultcomponent';\n }\n\n constructor($context, props) {\n this.isInitialized = false;\n this.$context = $context || window.document;\n\n this.props = {}\n\n this.props = $.extend(this.props, props);\n }\n }\n\n const defaultProps = {\n years: \"[data-years]\",\n };\n\n class HorizontalTimeAxis extends Component {\n constructor($context, props) {\n super($context, $.extend(defaultProps, props));\n\n \/\/ Dot Indicator Step Size in px\n this.mobileDotPxStepSize = 50;\n this.desktopDotPxStepSize = 153;\n\n this.dotIndicatorOffset = 0;\n }\n\n init() {\n $(window).on(\"resize\", this.onResize.bind(this));\n }\n\n onUpdateIndex(index) {\n this.index = index;\n this.updateComponents()\n }\n\n onResize() {\n this.updateComponents()\n }\n\n updateComponents() {\n this.setPinActiveState();\n this.setLinePosition();\n this.calculateDotContainerOffset(this.index)\n }\n\n setPinActiveState() {\n $('.pin').removeClass('-selected');\n $(`.pin[index=${this.index}]`).addClass('-selected');\n }\n\n setLinePosition() {\n if (this.index === 0) {\n $('.line').css('transform', `translate(0, -50%)`);\n } else {\n let value = window.innerWidth >= 768 ? 153 : 50;\n $('.line').css('transform', `translate(-${value}px, -50%)`);\n }\n }\n\n calculateDotContainerOffset(targetIndex) {\n let stepSize = this.getStepSize();\n this.dotIndicatorOffset = stepSize * targetIndex;\n $('.dots-container').css('transform', `translate(-${this.dotIndicatorOffset}px, 0)`);\n }\n\n getStepSize() {\n return window.innerWidth >= 768 ? this.desktopDotPxStepSize : this.mobileDotPxStepSize;\n }\n }\n\n class SwipeDetector {\n constructor() {\n\n\n }\n\n detect(ele, func) {\n let swipe_det = {};\n swipe_det.sX = 0;\n swipe_det.sY = 0;\n swipe_det.eX = 0;\n swipe_det.eY = 0;\n\n const min_x = 30; \/\/min x swipe for horizontal swipe\n const max_x = 30; \/\/max x difference for vertical swipe\n const min_y = 50; \/\/min y swipe for vertical swipe\n const max_y = 60; \/\/max y difference for horizontal swipe\n\n let direc = \"\";\n\n ele.addEventListener('touchstart', function (e) {\n const t = e.touches[0];\n swipe_det.sX = t.screenX;\n swipe_det.sY = t.screenY;\n }, false);\n\n ele.addEventListener('touchmove', function (e) {\n e.preventDefault();\n const t = e.touches[0];\n swipe_det.eX = t.screenX;\n swipe_det.eY = t.screenY;\n }, false);\n\n ele.addEventListener('touchend', function (e) {\n \/\/horizontal detection\n if ((((swipe_det.eX - min_x > swipe_det.sX) || (swipe_det.eX + min_x swipe_det.eY - max_y) && (swipe_det.eX > 0)))) {\n if (swipe_det.eX > swipe_det.sX) direc = \"r\";\n else direc = \"l\";\n }\n \/\/vertical detection\n else if ((((swipe_det.eY - min_y > swipe_det.sY) || (swipe_det.eY + min_y swipe_det.eX - max_x) && (swipe_det.eY > 0)))) {\n if (swipe_det.eY > swipe_det.sY) direc = \"d\";\n else direc = \"u\";\n }\n\n if (direc !== \"\") {\n if (typeof func == 'function') func(ele, direc);\n }\n direc = \"\";\n swipe_det.sX = 0;\n swipe_det.sY = 0;\n swipe_det.eX = 0;\n swipe_det.eY = 0;\n }, false);\n }\n }\n\n\n class Timeline extends Component {\n constructor($context, props) {\n super($context, $.extend(defaultProps, props));\n\n this.horizontalTimeAxis = new HorizontalTimeAxis();\n \/\/ this.swipeDetector = new SwipeDetector();\n\n let itemCount = $(this.$context).data(\"count\");\n\n this.lastIndex = parseInt(itemCount) - 1;\n this.index = 0;\n\n this.init();\n }\n\n init() {\n this.horizontalTimeAxis.init();\n\n this.horizontalTimeAxis.onUpdateIndex(this.index);\n this.onUpdateDescription(this.index, this.index + 1);\n this.onUpdateImageContainer(this.index);\n\n $(\".pin\").on(\"click\", this.onPinClick.bind(this));\n\n let swipe = $('.swipe-container').first()[0];\n \/\/ this.swipeDetector.detect(swipe, function (ele, dir) {\n \/\/ switch (dir) {\n \/\/ case \"l\":\n \/\/ this.onNext();\n \/\/ return;\n \/\/ case \"r\":\n \/\/ this.onPrevious();\n \/\/ }\n \/\/ }.bind(this));\n\n var hammertime = Hammer(swipe);\n hammertime.on(\"swipeleft\", (ev) => {\n this.onNext();\n return;\n });\n hammertime.on(\"swiperight\", (ev) => {\n this.onPrevious();\n return;\n });\n\n $('.previous-btn.bnw-timeline').on('click', this.onPrevious.bind(this));\n $('.next-btn.bnw-timeline').on('click', this.onNext.bind(this));\n\n this.onUpdateNavigationButtons()\n }\n\n onNext() {\n if (this.index === this.lastIndex) {\n return\n }\n\n ++this.index;\n this.onUpdateNavigationButtons()\n this.horizontalTimeAxis.onUpdateIndex(this.index);\n this.onUpdateDescription(this.index, this.index - 1);\n this.onUpdateImageContainer(this.index);\n }\n\n onPrevious() {\n if (this.index === 0) {\n return;\n }\n\n --this.index;\n this.onUpdateNavigationButtons()\n this.horizontalTimeAxis.onUpdateIndex(this.index);\n this.onUpdateDescription(this.index, this.index + 1);\n this.onUpdateImageContainer(this.index);\n }\n\n onPinClick(el) {\n let newIndex = parseInt(el.currentTarget.getAttribute('index'));\n if (this.index === newIndex) {\n return\n }\n\n let previousIndex = this.index;\n this.index = newIndex;\n this.horizontalTimeAxis.onUpdateIndex(this.index);\n this.onUpdateDescription(this.index, previousIndex);\n this.onUpdateImageContainer()\n this.onUpdateNavigationButtons()\n }\n\n onUpdateDescription(currentIndex, previousIndex) {\n let reversed = currentIndex {\n $context.each((index, context) => {\n const $element = $(context)\n if (typeof component !== \"undefined\" && component.getComponentName && !$element.attr('data-' + component.getComponentName() + 'initialized')) {\n new component($element, props);\n $element.attr('data-' + component.getComponentName() + 'initialized', true);\n }\n });\n },\n\n debounce: (func, wait) => {\n let timeout;\n\n return function executedFunction(...args) {\n const later = () => {\n timeout = null;\n func(...args);\n };\n clearTimeout(timeout);\n timeout = setTimeout(later, wait);\n }\n },\n\n imageHeightDetector: (context) => {\n const loadedImages = [];\n const imgsArray = Array.prototype.slice.call(context.getElementsByTagName('img'));\n const imgsArrayLength = imgsArray.length\n\n function checkIfAllLoaded() {\n return loadedImages.length === imgsArrayLength;\n }\n\n return new Promise((resolve) => {\n imgsArray.forEach(img => {\n if (img.completed && img.naturalHeight) {\n loadedImages.push(img);\n if (checkIfAllLoaded())\n resolve()\n } else {\n img.addEventListener('load', () => {\n loadedImages.push(img);\n if (checkIfAllLoaded())\n resolve();\n })\n }\n })\n })\n },\n\n getCookie: (cname) => {\n let name = cname + \"=\";\n let ca = document.cookie.split(';');\n for (let i = 0; i {\n let d = new Date();\n d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));\n let expires = \"expires=\" + d.toUTCString();\n document.cookie = cname + \"=\" + cvalue + \";\" + expires + \";path=\/\";\n },\n\n isDesktop: () => {\n return window.innerWidth > maxMobileSize;\n },\n\n makeStiky: (element, offset = 0, inverted = false) => {\n const stikyClass = inverted ? '-stiky-inverted' : '-stiky';\n const stickyOffset = element.offsetTop;\n\n window.addEventListener('scroll', () => {\n if (window.pageYOffset > stickyOffset + offset) {\n element.classList.add(\"-sticky\");\n } else {\n element.classList.remove(\"-sticky\");\n }\n });\n },\n\n setQueryStringParameter: (name, value) => {\n const params = new URLSearchParams(window.location.search);\n params.set(name, value);\n window.history.replaceState({}, \"\", decodeURIComponent(`${window.location.pathname}?${params}`));\n }\n }\n\n Helpers.initializeComponent(Timeline, $('[data-timeline]'));\n });\n\n\n\n \n A smarter choice.\n With IQOS, you get an alternative to cigarettes that delivers tobacco satisfaction without fire or ash. \n\n \n \n \n \n \n \n \n \n \n \n \n\n \n\n \n \n \n \n \n \n \n \n \n \n With our HeatControl\u2122 Technology, you'll never have to worry about carrying matches or a lighter.\n \n \n \n \n \n \n \n \n \n \n \n \n \n Unlike cigarettes, IQOS has no lit end and produces no smoke.\n \n \n \n \n \n \n \n \n \n \n \n \n \n No ash. No ashtrays. No mess.\n \n \n \n \n \n \n \n\n\n\n\n\n \n\n \n Science meets dedication.\n Over 400 scientists and engineers are working on state-of-the-art alternatives to cigarettes to provide adults with a better smoke-free, ash-free tobacco alternative to continued smoking.\n \n Explore IQOS science\n \n \n \n \n\n\n\n \n Switch now.\n \n \n \n \n \n \n Heated tobacco\n \n \n \n\n \n \n \n \n \n \n \n \n \n \n \n \n Heated tobacco\n \n Shop now\n \n \n \n \n \n \n\n\n\n\n \n \n \n \n More to discover with myIQOS\n \n\n \n \n \n \n \n \n \n\n \n \n \n Care you can count on\n Chat with an expert for support on how to get the best user experience from your IQOS.\n \n \n \n Care Plus\n IQOS Care Plus gives you access to extensive support, services and offers to enhance your IQOS experience.\n \n \n \n Get to know your IQOS\n New to IQOS or need a refresher? Let us help.\n \n \n \n Learn more\n \n \n\n\n @media (min-width: 960px) {\n .blk-myiqos .text-wrapper p {\n max-width: 570px;\n }\n\n }\n\n\n \n\n\n\n @media (max-width: 960px) {\n .blk-myiqos .text-wrapper h2 {\n padding: 0 !important;\n }\n }\n .blk-list.blk-list-4 header small {\n font-size: 0.8rem;\n }\n\n \n\n \n Something we haven't covered?\n \n \n \n \n \n \n \n \n \n \n \n Find us using our store locator\n \n \n \n \n \n \n \n \n \n \n Call us at 1-800-304-4033\n \n \n \n \n \n \n \n \n \n Chat with an Expert\n \n \n \n \n \n \n \n \n \n \n Email us at info@iqos.ca\n \n \n \n \n \n \n\n\n \n "}](https://d1514ftmr30hpr.cloudfront.net/images/ca/pages/products/iqos3multi/iqos3multi-easy-img-design-2.png)
![Discover IQOS.\n \n\n\n \n \n \n \n \n \n \n\n\n\n \n Welcome to your smoke-free future.\n IQOS is a brand with a big vision: to replace every cigarette for all adult smokers who would otherwise continue to smoke.\n \n\n\n\n\n \n\n \n \n \n \n \n \n \n \n \n If you\u2019re an adult smoker looking for a better alternative, IQOS is here to support you on your journey. Just like the nearly 19 million adult IQOS users around the world* who are already on that same journey.\n \n \n By offering a modern twist on the classic taste of tobacco, IQOS is at the forefront of science to help make real change a reality.\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n\n\n section.blk-disclaimer {\n text-align: center;\n }\n\n\n\n \n \n *Source: July 2022 Q2 Earnings \n \n \n\n\n\n\n .promo-variant-1 .text-wrapper {\n background-color: #34303d;\n }\n\n \n .promo-variant-1 .content-wrapper {\n color: #ffff;\n }\n\n\n\n\n \n\n \n \n \n \n \n \n \n\n\n \n What are HEETS?\n HEETS are a completely new way to enjoy tobacco. They open up a whole new world of tobacco taste and flavour when used with cutting edge IQOS HeatControl technology. \n HEETS are available in a range of tobacco taste experiences from mellow to robust. There are 6* flavours available to satisfy every palate.\n *Flavour availability differs by province.\n Discover more\n \n\n \n\n\n\n\n \n Discover our HEETS.\n \n \n \n \n \n \n \n \n \n\n \n \n \n \n \n\n \n \n \n \n \n\n \n \n \n \n \n\n \n \n \n \n \n\n \n \n \n \n \n\n \n \n \n \n\n \n \n HEETS Sequoia\n Rich and flavourful, HEETS Sequoia delivers a full-bodied, toasted tobacco blend perfectly balanced with satisfying malty aroma notes.\n\n \n \n HEETS Teak*\n Deep and rich, HEETS TEAK delivers a full and satisfying tobacco taste experience. HEETS TEAK is infused with cocoa and dry fruit aroma notes.*Only available in British Columbia\n\n \n \n HEETS Elm\n Smooth and flavourful, HEETS ELM (RED) delivers a balanced, well-rounded, toasted tobacco blend matched with woody nuances and subtle light aroma notes.\n\n \n \n HEETS Oak\n Smooth and subtly flavourful, HEETS OAK delivers a beautifully balanced tobacco taste experience defined by pleasingly woody and light nutty tobacco notes.\n\n \n \n HEETS Cypress*\n Smooth, refined with a subtle citrusy taste, HEETS CYPRESS delivers a sophisticated, beautifully balanced tobacco taste enhanced with light herbal notes.*Only available in British Columbia\n\n \n \n HEETS Birch\n Harmonious and refined, HEETS BIRCH (SILVER) delivers a delicate tobacco taste. HEETS BIRCH (SILVER) is infused with aroma notes to provide the true tobacco experience.\n\n \n \n \n \n Explore the flavour range\n \n\n\n .carousel-flavours .swiper-slide .sensory {\n left: -4px; \n bottom: -6px;\n width: 103% !important;\n }\n\n\n\n \n Why IQOS?\n Discover why millions of adult smokers around the world have switched to IQOS.*\n \n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n \n *Source: July 2022 Q2 Earnings Learn more\n \n \n\n\n\n\n\n \n\n \n\t\t\t\n \n \n \n \n \n \n \n \n\n The IQOS Story.\n\n \n \n \n \n \n \n \n \n 2020\n \n \n \n 2018\n \n \n \n 2016\n \n \n \n 2014\n \n \n \n 2009\n \n \n \n 2008\n \n \n \n 2007\n \n \n \n\n \n \n 2020\n \n This year sees a huge milestone for the IQOS evolution. Find out more \n \n \n 2018\n \n IQOS 3 and IQOS 3 MULTI are now sold in cities in 43 markets around the world. Philip Morris International, RBH's parent company, spends 92% of all R&D and 60% of all commercial expenditure on smoke-free products.\n \n \n \n 2016\n \n IQOS next generation device, the pioneering 2.4 PLUS, is launched in 21 markets. A year later, it is available to adult customers in 38 markets.\n \n \n \n 2014\n \n PMI\u2019s first commercial heat-not-burn device is launched in Japan and Italy. A year later the product is named IQOS and is made available in Portugal, Romania, Russia and Switzerland.\n \n \n \n 2009\n \n PMI expands its R&D facilities focusing on alternatives to cigarettes by opening a new research laboratory in Singapore. Today, over 400 R&D experts are working on IQOS technologies around the world.\n \n \n \n 2008\n \n Forward strides into smoke-free alternatives to cigarettes, soon to become IQOS, levels up in 2008 with a new dedicated R&D centre in Switzerland.\n \n \n \n 2007\n \n While PMI\u2019s research into heated tobacco alternatives goes back to the early 1990s, 2007 marks a turning point when a heat-not-burn prototype using HeatControl\u2122 technology is developed. The device is a technological step forward but is ergonomically awkward. \n \n \n \n\n \n\n \n \n \n \n \n \n \n \n\n \n\n\n\n\n $(document).ready(() => {\n class Component {\n static getComponentName() {\n return 'defaultcomponent';\n }\n\n constructor($context, props) {\n this.isInitialized = false;\n this.$context = $context || window.document;\n\n this.props = {}\n\n this.props = $.extend(this.props, props);\n }\n }\n\n const defaultProps = {\n years: \"[data-years]\",\n };\n\n class HorizontalTimeAxis extends Component {\n constructor($context, props) {\n super($context, $.extend(defaultProps, props));\n\n \/\/ Dot Indicator Step Size in px\n this.mobileDotPxStepSize = 50;\n this.desktopDotPxStepSize = 153;\n\n this.dotIndicatorOffset = 0;\n }\n\n init() {\n $(window).on(\"resize\", this.onResize.bind(this));\n }\n\n onUpdateIndex(index) {\n this.index = index;\n this.updateComponents()\n }\n\n onResize() {\n this.updateComponents()\n }\n\n updateComponents() {\n this.setPinActiveState();\n this.setLinePosition();\n this.calculateDotContainerOffset(this.index)\n }\n\n setPinActiveState() {\n $('.pin').removeClass('-selected');\n $(`.pin[index=${this.index}]`).addClass('-selected');\n }\n\n setLinePosition() {\n if (this.index === 0) {\n $('.line').css('transform', `translate(0, -50%)`);\n } else {\n let value = window.innerWidth >= 768 ? 153 : 50;\n $('.line').css('transform', `translate(-${value}px, -50%)`);\n }\n }\n\n calculateDotContainerOffset(targetIndex) {\n let stepSize = this.getStepSize();\n this.dotIndicatorOffset = stepSize * targetIndex;\n $('.dots-container').css('transform', `translate(-${this.dotIndicatorOffset}px, 0)`);\n }\n\n getStepSize() {\n return window.innerWidth >= 768 ? this.desktopDotPxStepSize : this.mobileDotPxStepSize;\n }\n }\n\n class SwipeDetector {\n constructor() {\n\n\n }\n\n detect(ele, func) {\n let swipe_det = {};\n swipe_det.sX = 0;\n swipe_det.sY = 0;\n swipe_det.eX = 0;\n swipe_det.eY = 0;\n\n const min_x = 30; \/\/min x swipe for horizontal swipe\n const max_x = 30; \/\/max x difference for vertical swipe\n const min_y = 50; \/\/min y swipe for vertical swipe\n const max_y = 60; \/\/max y difference for horizontal swipe\n\n let direc = \"\";\n\n ele.addEventListener('touchstart', function (e) {\n const t = e.touches[0];\n swipe_det.sX = t.screenX;\n swipe_det.sY = t.screenY;\n }, false);\n\n ele.addEventListener('touchmove', function (e) {\n e.preventDefault();\n const t = e.touches[0];\n swipe_det.eX = t.screenX;\n swipe_det.eY = t.screenY;\n }, false);\n\n ele.addEventListener('touchend', function (e) {\n \/\/horizontal detection\n if ((((swipe_det.eX - min_x > swipe_det.sX) || (swipe_det.eX + min_x swipe_det.eY - max_y) && (swipe_det.eX > 0)))) {\n if (swipe_det.eX > swipe_det.sX) direc = \"r\";\n else direc = \"l\";\n }\n \/\/vertical detection\n else if ((((swipe_det.eY - min_y > swipe_det.sY) || (swipe_det.eY + min_y swipe_det.eX - max_x) && (swipe_det.eY > 0)))) {\n if (swipe_det.eY > swipe_det.sY) direc = \"d\";\n else direc = \"u\";\n }\n\n if (direc !== \"\") {\n if (typeof func == 'function') func(ele, direc);\n }\n direc = \"\";\n swipe_det.sX = 0;\n swipe_det.sY = 0;\n swipe_det.eX = 0;\n swipe_det.eY = 0;\n }, false);\n }\n }\n\n\n class Timeline extends Component {\n constructor($context, props) {\n super($context, $.extend(defaultProps, props));\n\n this.horizontalTimeAxis = new HorizontalTimeAxis();\n \/\/ this.swipeDetector = new SwipeDetector();\n\n let itemCount = $(this.$context).data(\"count\");\n\n this.lastIndex = parseInt(itemCount) - 1;\n this.index = 0;\n\n this.init();\n }\n\n init() {\n this.horizontalTimeAxis.init();\n\n this.horizontalTimeAxis.onUpdateIndex(this.index);\n this.onUpdateDescription(this.index, this.index + 1);\n this.onUpdateImageContainer(this.index);\n\n $(\".pin\").on(\"click\", this.onPinClick.bind(this));\n\n let swipe = $('.swipe-container').first()[0];\n \/\/ this.swipeDetector.detect(swipe, function (ele, dir) {\n \/\/ switch (dir) {\n \/\/ case \"l\":\n \/\/ this.onNext();\n \/\/ return;\n \/\/ case \"r\":\n \/\/ this.onPrevious();\n \/\/ }\n \/\/ }.bind(this));\n\n var hammertime = Hammer(swipe);\n hammertime.on(\"swipeleft\", (ev) => {\n this.onNext();\n return;\n });\n hammertime.on(\"swiperight\", (ev) => {\n this.onPrevious();\n return;\n });\n\n $('.previous-btn.bnw-timeline').on('click', this.onPrevious.bind(this));\n $('.next-btn.bnw-timeline').on('click', this.onNext.bind(this));\n\n this.onUpdateNavigationButtons()\n }\n\n onNext() {\n if (this.index === this.lastIndex) {\n return\n }\n\n ++this.index;\n this.onUpdateNavigationButtons()\n this.horizontalTimeAxis.onUpdateIndex(this.index);\n this.onUpdateDescription(this.index, this.index - 1);\n this.onUpdateImageContainer(this.index);\n }\n\n onPrevious() {\n if (this.index === 0) {\n return;\n }\n\n --this.index;\n this.onUpdateNavigationButtons()\n this.horizontalTimeAxis.onUpdateIndex(this.index);\n this.onUpdateDescription(this.index, this.index + 1);\n this.onUpdateImageContainer(this.index);\n }\n\n onPinClick(el) {\n let newIndex = parseInt(el.currentTarget.getAttribute('index'));\n if (this.index === newIndex) {\n return\n }\n\n let previousIndex = this.index;\n this.index = newIndex;\n this.horizontalTimeAxis.onUpdateIndex(this.index);\n this.onUpdateDescription(this.index, previousIndex);\n this.onUpdateImageContainer()\n this.onUpdateNavigationButtons()\n }\n\n onUpdateDescription(currentIndex, previousIndex) {\n let reversed = currentIndex {\n $context.each((index, context) => {\n const $element = $(context)\n if (typeof component !== \"undefined\" && component.getComponentName && !$element.attr('data-' + component.getComponentName() + 'initialized')) {\n new component($element, props);\n $element.attr('data-' + component.getComponentName() + 'initialized', true);\n }\n });\n },\n\n debounce: (func, wait) => {\n let timeout;\n\n return function executedFunction(...args) {\n const later = () => {\n timeout = null;\n func(...args);\n };\n clearTimeout(timeout);\n timeout = setTimeout(later, wait);\n }\n },\n\n imageHeightDetector: (context) => {\n const loadedImages = [];\n const imgsArray = Array.prototype.slice.call(context.getElementsByTagName('img'));\n const imgsArrayLength = imgsArray.length\n\n function checkIfAllLoaded() {\n return loadedImages.length === imgsArrayLength;\n }\n\n return new Promise((resolve) => {\n imgsArray.forEach(img => {\n if (img.completed && img.naturalHeight) {\n loadedImages.push(img);\n if (checkIfAllLoaded())\n resolve()\n } else {\n img.addEventListener('load', () => {\n loadedImages.push(img);\n if (checkIfAllLoaded())\n resolve();\n })\n }\n })\n })\n },\n\n getCookie: (cname) => {\n let name = cname + \"=\";\n let ca = document.cookie.split(';');\n for (let i = 0; i {\n let d = new Date();\n d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));\n let expires = \"expires=\" + d.toUTCString();\n document.cookie = cname + \"=\" + cvalue + \";\" + expires + \";path=\/\";\n },\n\n isDesktop: () => {\n return window.innerWidth > maxMobileSize;\n },\n\n makeStiky: (element, offset = 0, inverted = false) => {\n const stikyClass = inverted ? '-stiky-inverted' : '-stiky';\n const stickyOffset = element.offsetTop;\n\n window.addEventListener('scroll', () => {\n if (window.pageYOffset > stickyOffset + offset) {\n element.classList.add(\"-sticky\");\n } else {\n element.classList.remove(\"-sticky\");\n }\n });\n },\n\n setQueryStringParameter: (name, value) => {\n const params = new URLSearchParams(window.location.search);\n params.set(name, value);\n window.history.replaceState({}, \"\", decodeURIComponent(`${window.location.pathname}?${params}`));\n }\n }\n\n Helpers.initializeComponent(Timeline, $('[data-timeline]'));\n });\n\n\n\n \n A smarter choice.\n With IQOS, you get an alternative to cigarettes that delivers tobacco satisfaction without fire or ash. \n\n \n \n \n \n \n \n \n \n \n \n \n\n \n\n \n \n \n \n \n \n \n \n \n \n With our HeatControl\u2122 Technology, you'll never have to worry about carrying matches or a lighter.\n \n \n \n \n \n \n \n \n \n \n \n \n \n Unlike cigarettes, IQOS has no lit end and produces no smoke.\n \n \n \n \n \n \n \n \n \n \n \n \n \n No ash. No ashtrays. No mess.\n \n \n \n \n \n \n \n\n\n\n\n\n \n\n \n Science meets dedication.\n Over 400 scientists and engineers are working on state-of-the-art alternatives to cigarettes to provide adults with a better smoke-free, ash-free tobacco alternative to continued smoking.\n \n Explore IQOS science\n \n \n \n \n\n\n\n \n Switch now.\n \n \n \n \n \n \n Heated tobacco\n \n \n \n\n \n \n \n \n \n \n \n \n \n \n \n \n Heated tobacco\n \n Shop now\n \n \n \n \n \n \n\n\n\n\n \n \n \n \n More to discover with myIQOS\n \n\n \n \n \n \n \n \n \n\n \n \n \n Care you can count on\n Chat with an expert for support on how to get the best user experience from your IQOS.\n \n \n \n Care Plus\n IQOS Care Plus gives you access to extensive support, services and offers to enhance your IQOS experience.\n \n \n \n Get to know your IQOS\n New to IQOS or need a refresher? Let us help.\n \n \n \n Learn more\n \n \n\n\n @media (min-width: 960px) {\n .blk-myiqos .text-wrapper p {\n max-width: 570px;\n }\n\n }\n\n\n \n\n\n\n @media (max-width: 960px) {\n .blk-myiqos .text-wrapper h2 {\n padding: 0 !important;\n }\n }\n .blk-list.blk-list-4 header small {\n font-size: 0.8rem;\n }\n\n \n\n \n Something we haven't covered?\n \n \n \n \n \n \n \n \n \n \n \n Find us using our store locator\n \n \n \n \n \n \n \n \n \n \n Call us at 1-800-304-4033\n \n \n \n \n \n \n \n \n \n Chat with an Expert\n \n \n \n \n \n \n \n \n \n \n Email us at info@iqos.ca\n \n \n \n \n \n \n\n\n \n "}](https://d1514ftmr30hpr.cloudfront.net/images/ca/pages/products/iqos30/meet-iqos-3-img-1-no-people.jpg)
★ランキング4冠達成★【公式】オルナオーガニック【楽天ランキング1位】ヘアオイル 洗い流さない アウトバス トリートメント スタイリング 80ml ふんわり柔らかナチュラル美髪へ
2,200円
11188 customer ratings
4.63 ★★★★★
【 オーガニック ヘア美容液 】 アボカド油 ホホバ種子油 ツバキ種子油 シア脂 オリーブ果実油 など、25種類の天然植物オイルで作られたこだわりのオイルトリートメント。 ※モイスチャーヘアオイルは、25種類の天然植物オイル配合です。 【 髪のことを考えた無添加を実現 】…
Iqos
Iqos
Iqos
Iqos
Iqos
IQOS
Iqos
Iqos
IQOS
