1 2<!DOCTYPE html> 3<html lang="en-US" dir="ltr"> 4 <head> 5 6 7 8 9 10<!-- Current Page ID: --> 11<!-- Root Page ID: --> 12<!-- Unique Brand ID: --> 13<meta charset="utf-8"> 14<meta name="viewport" content="width=device-width, initial-scale=1.0" /> 15<link rel="stylesheet preload prefetch" as="style" href="/.css/theme.css?x-sny-siteoverride=nasacort-us"> 16<style> 17:root { 18--theme-button-border-color: #525CA3; 19--theme-button-border-color-hover: #7079BD; 20--theme-button-secondary-border-color: #2157A1; 21--theme-button-secondary-border-color-hover: #007CB1; 22--theme-button-tertiary-border-color: transparent; 23--theme-button-tertiary-border-color-hover: transparent; 24--theme-button-quaternary-border-color: #2157A1; 25--theme-button-quaternary-border-color-hover: #007CB1; 26} 27</style> 28<link rel="stylesheet preload prefetch" href="/.resources/sanofi-lm-chc/themes/chc/dist/common~2026-09-30-08-55-30-000~cache.css" as="style" type="text/css" />
29<script class="site-data"> 30var ua = navigator.userAgent; 31var device = /(tablet|ipad|playbook|silk)|(android(?!.*mobi))/i.test(ua) ? "tablet" : (/Mobile|iP(hone|od)|Android|BlackBerry|IEMobile|Kindle|Silk-Accelerated|(hpw|web)OS|Opera M(obi|ini)/.test(ua) ? "mobile" : "desktop") 32window.dataLayer = window.dataLayer || []; 33window.dataLayer.push({ 34"siteType": "brand", 35"brandWebsiteType": "monobrand", 36"brandCluster": "allergy cough and cold", 37"subBrandCluster": "nasal", 38"brand": "Nasacort", 39"gbu": "GBU - Consumer healthcare", 40"gbu_related": "GBU - Consumer healthcare", 41"region": "amer", 42"country": "united states", 43"target": "consumers", 44"platform": "magnolia", 45"context": "other", 46"page_type": "contact", 47"page_subtype": "contact_page", 48"language": "en", 49"page_name": "Contact", 50"pageName": "Contact", 51"item_name": "Contact", 52"device": device 53}); 54</script>
54 55<!-- OneTrust Cookies Consent Notice start -->
56<script src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" defer type="text/javascript" charset="UTF-8" data-domain-script="f805c430-39a0-467a-bc57-a4744364f49a" ></script>
56 57<!-- OneTrust Cookies Consent Notice end-->
58<script>
vendor: 324 bytes, lines 58-59
58 59(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','
59GTM-PRF7ZQM
vendor: 4 bytes, line 59
59');
60</script>
60 61<title>Contact</title> 62<meta name="title" content="Contact us | Nasacort®" /> 63<meta name="description" content="Have a question or comment about our products? We'd love to hear from you." /> 64<meta name="algo:roles" content="" /> 65<meta name="algo:security" content="" /> 66<meta name="algo:id" content="b3a077ac-6a02-4b8a-8558-eb7f53fbdb79_en-US" /> 67<meta name="algo:categories" content="" /> 68<meta name="algo:pageType" content="other" /> 69<meta name="algo:bzvProductId" content="" /> 70<meta name="algo:date" content="2022-07-21T15:20:07.045+02:00" /> 71<meta property="og:type" content="website" /> 72<meta property="og:title" content="Contact us | Nasacort®" /> 73<meta property="og:description" content="Have a question or comment about our products? We'd love to hear from you." /> 74<meta property="og:url" content="https://www.nasacort.com/en-us/contact" /> 75<meta property="og:site_name" content="Nasacort® US" /> 76<meta property="og:locale" content="en_US" /> 77<meta property="og:locale:alternate" content="" /> 78<meta name="twitter:card" content="summary_large_image" /> 79<meta name="twitter:title" content="Contact us | Nasacort®" /> 80<meta name="twitter:description" content="Have a question or comment about our products? We'd love to hear from you." /> 81<meta name="twitter:url" content="https://www.nasacort.com/en-us/contact" /> 82<link rel="icon" sizes="" href="/dam/jcr:be6d7539-8a31-4acc-9611-a6347d428d29/nasacort_favicon.ico" type="image/png" /> 83<link rel="canonical" href="https://www.nasacort.com/en-us/contact" />
84<script>document.getElementsByTagName('html')[0].classList.add('has-js');</script>
84 85<style> 86[x-cloak]:not([x-hide]) {display: none !important;} 87[x-cloak][x-hide] { visibility: hidden !important;} 88</style>
89<script type="text/json" class="site-config"> 90{ 91"editMode": false, 92"context": "" 93} 94</script>
vendor: 1 bytes, line 94
94
95<script type="application/ld+json"> 96{ 97"@context": "http://schema.org", 98"@type": "BreadcrumbList", 99"itemListElement": [ 100{ 101"@type": "ListItem", 102"position": "1", 103"item": { 104"@id": "https://www.nasacort.com/en-us", 105"name": "24-hour nasal allergy congestion relief | Nasacort®" 106} 107}, 108{ 109"@type": "ListItem", 110"position": "2", 111"item": { 112"@id": "https://www.nasacort.com/en-us/contact", 113"name": "Contact" 114} 115} 116] 117} 118</script>
118
118<script src="https://bc26.nasacort.com/script.js"></script>
vendor: 1 bytes, line 118
118
119<script type="application/ld+json"> 120{ 121"@context": "https://schema.org", 122"@type": "Organization", 123"@id": "https://www.nasacort.com/en-us#organization", 124"name": "Nasacort", 125"alternateName": "Nasacort®", 126"url": "https://www.nasacort.com/en-us", 127"logo": { 128"@type": "ImageObject", 129"url": "https://www.nasacort.com/dam/jcr:fe0077af-ee2d-44a5-a7e7-e330c75c2eb0/Nasacort_Nav_Logo_Blue.webp" 130}, 131"description": "Nasacort® Allergy 24HR is an OTC nasal corticosteroid spray containing triamcinolone acetonide that provides 24-hour, non-drowsy relief from nasal allergy congestion, sneezing, runny nose, and itchy nose by working at the source of nasal allergy inflammation.", 132"parentOrganization": { 133"@type": "Organization", 134"name": "Opella Healthcare Group SAS", 135"url": "https://www.opella.com/en" 136}, 137"sameAs": [ 138"https://www.facebook.com/NasacortOTC/", 139"https://www.instagram.com/nasacortus/", 140"https://www.youtube.com/user/chattemnasacort" 141], 142"brand": { 143"@type": "Brand", 144"name": "Nasacort®" 145}, 146"makesOffer": [ 147{ 148"@type": "Offer", 149"itemOffered": { 150"@type": "Product", 151"name": "Nasacort Allergy 24HR", 152"url": "https://www.nasacort.com/en-us/allergy-nasal-spray" 153} 154} 155] 156} 157</script>
157 158<style> 159.rich-text ul { 160margin-bottom: 10px !important; 161} 162.rich-text ul li { 163margin-bottom: 0px !important; 164} 165.object-cover { 166border-radius: 15px; 167} 168/* 169.bg-black { 170background-color:#DCF3FF; 171} 172.text-center { 173text-align: left; 174} */ 175#pollenForecastSearch { 176flex-direction: column !important; 177} 178.announcementBar .text-center { 179text-align: center; 180} 181@media (min-width:1440px) { 182.footer__bottom{ 183padding-bottom: 7% !important; 184background-color: #031652; 185} 186} 187@media (max-width:480px) { 188.footer__bottom{ 189/* padding-bottom: 89% !important; */ 190background-color: #031652; 191} 192} 193#pollenForecastSearch + .frame-wrapper > iframe { 194display: none; 195} 196#pollenForecastSearch #formSearch input[type="submit"] { 197cursor: pointer; 198} 199</style> 200<style> 201/* 202#modal- { padding: 0; } 203#modal- .close-modal-btn { 204z-index: 99; 205right: 1.75rem; 206top: 1.5rem; 207} 208div#modal- { 209margin: auto; 210} 211*/ 212/* 461 */ 213html,body { 214overflow-x: hidden!important; 215} 216[x-data="buttonSticky"] { 217display: none; 218} 219.buttonSticky { 220background: #211747; 221} 222.buttonSticky__text { 223margin-left:0; 224} 225.modal-chc #modal- .close-modal-btn { 226background: #f7f0e7; 227} 228@media screen and (max-width: 768px) { 229.modal-chc #modal- .close-modal-btn { 230background: #f7f0e7; 231right: 0; 232top: 0.5rem; 233} 234} 235/* 599 */ 236header nav .nav__desktop .nav__left > div:last-child > .nav__item { 237align-items: center; 238height: 60px; 239} 240header nav .nav__desktop .nav__left > div:last-child > .nav__item > a, 241header nav .nav__mobile .nav__mobile__menu .nav__mobile__navList .nav__mobile__menu__main > div:last-child > .nav__item > a { 242/* 243background-color: #211747; 244border-radius: var(--theme-button-border-radius); 245color: #fff; 246padding: var(--theme-button-padding); 247height: auto; 248*/ 249} 250header nav .nav__desktop .nav__left > div:last-child > .nav__item > a > .nav__itemLinkBorderHover { 251display:none; 252} 253header nav .nav__mobile .nav__mobile__menu .nav__mobile__navList .nav__mobile__menu__main > div:last-child > .nav__item > a { 254background-color: #211747; 255color: #fff; 256} 257header nav .nav__mobile .nav__mobile__menu .nav__mobile__navList .nav__mobile__menu__main > div:last-child > .nav__item { 258border:none; 259} 260header nav .nav__mobile .nav__mobile__menu .nav__mobile__navList .nav__mobile__menu__main > div:last-child > .nav__item > a { 261width:100%; 262justify-content: center; 263} 264header nav .nav__mobile .nav__mobile__menu .nav__mobile__navList { 265height:0; 266} 267/* 620 */ 268@media screen and (max-width:768px) { 269.sticky__adjusted [x-data="buttonSticky"] { 270bottom:11rem; 271} 272} 273/* pdp UX */ 274.hero-wrap.m60 { 275margin-top:60px; 276} 277.hero-wrap.m60 { 278margin-top:60px; 279} 280@media screen and (min-width:1440px) { 281.product-detail #Nasacort { 282width: 420px; 283margin: 0 auto; 284} 285} 286@media screen and (min-width:1600px) { 287.product-detail #Nasacort { 288width: unset; 289margin: unset; 290} 291} 292.nav__desktop .nav__left > div:nth-child(n+5) { 293display: none; 294} 295.nav__mobile .nav__mobile__menu__main > div:nth-child(n+5), 296.nav__mobile .nav__mobile--uLinks{ 297display: none; 298} 299@media screen and (max-width:768px) { 300.utility-links { 301display: block; 302} 303.utility-links .justify-end, 304.utility-links .flex-end { 305justify-content: center; 306} 307.utility-links li { 308margin:0.75rem 0; 309} 310} 311/* font-migration */ 312h1.font-title > p, h2.font-title > p { 313font-family: 'PlusJakartaSans-ExtraBold'!important; 314} 315header > nav .nav__desktop .nav__left > div > .nav__item > a > span > strong { 316font-weight: normal; 317} 318</style> 319<meta name="ps-language" content="en" /> 320<meta name="ps-country" content="US" /> 321<meta name="ps-key" content="3185-6091d619da679b011f64d499" /> <style> 322 header[role='banner'] { 323 } 324 325 .hero-wrap { 326 } 327 328 main[role='main'] { 329 } 330 331 footer[role='contentinfo'] { 332 } 333 334 </style> 335 336 </head> 337 338 339 <body class=" relative right-0 transition-all duration-300 ease-in-out flex flex-col !min-h-screen overrideFonts">
vendor: 73 bytes, lines 339-341
339 340 341 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
341GTM-PRF7ZQM
vendor: 91 bytes, lines 341-342
341" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 342
342<div class="overrideFonts"> 343 <style> 344crazyegg-survey{ 345 display: none!important; 346} 347 348 349header nav .mx-auto { 350 max-width: 1280px; 351 padding-left: 0; 352 padding-right: 0; 353} 354 355header nav .mx-auto .nav__logo { 356 max-width: 270px; 357} 358 359header nav .mx-auto .nav__left { 360 margin-left: 0; 361 margin-right: 0; 362} 363 364header #quicklinksV2--navigation { 365 background-color: #0032a0; 366} 367 368header #quicklinksV2--navigation > .relative { 369 max-width: 1280px; 370 margin: 0 auto; 371 padding-left: 1rem; 372 padding-right: 1rem; 373} 374 375header #quicklinksV2--navigation .quicklinksv2__list ul li:last-child { 376 padding-right: 0; 377} 378 379@media screen and (min-width:1280px) { 380 header #quicklinksV2--navigation > .relative { 381 padding-left: 0; 382 padding-right: 0; 383 } 384} 385 386</style> 387<style> 388.announcementBar { 389 height:30px; 390 background:#fff; 391} 392.announcementBar .announcementBar__item { 393 padding: 0; 394} 395 396.announcementBar .announcementBar__item p { 397 font-size: 12px; 398 text-decoration: underline; 399 color:#211747; 400 position: relative; 401} 402 403.announcementBar .announcementBar__item p sup { 404 position: absolute; 405 top:0.75rem; 406 font-size: 1rem; 407} 408 409header.top-11 { 410 top:30px; 411} 412 413body { 414 overflow: unset!important; 415} 416 417@media screen and (min-width:1024px) { 418 .announcementBar { 419 height:35px; 420 } 421 422 .announcementBar .announcementBar__item p { 423 font-size: 16px; 424 } 425 426 .announcementBar .announcementBar__item p sup { 427 top:0.5rem; 428 } 429 430 .announcementBar .announcementBar__item { 431 padding:4px 0; 432 } 433 434 header.top-11 { 435 top:35px; 436 } 437} 438 439#hsa h2, 440#hsa .rich-text p { 441 color: #211747; 442} 443 444/**** sticky side button *****/ 445.buttonSticky { 446 width: 120px!important; 447 transition: unset; 448 opacity: 1 !important; 449 background: #0032A0; 450 display: block; 451 padding: 10px; 452 height: auto; 453 text-align: center; 454 border-radius: 10px 10px 0 10px!important; 455 box-shadow: 2.7px 4px 7px #11083563; 456} 457.buttonSticky.w-20 { 458 width:120px !important; 459} 460.buttonSticky__text { 461 display: block; 462 opacity: 1 !important; 463 font-family: 'PlusJakartaSans-Bold', sans-serif !important; 464 font-size: 20px; 465 text-wrap: auto; 466 line-height: 24px; 467 margin-left: 0; 468 width:100px; 469 margin: 0 auto; 470 color: #ffffff; 471} 472.buttonSticky--hovered { 473 width: 100px!important; 474 transition: unset; 475} 476[x-data="buttonSticky"] { 477 width: auto !important; 478 bottom: 7rem; 479 transition: unset; 480 opacity: 1 !important; 481 display: block !important; 482 right: 0; 483} 484 485@media screen and (min-width:1440px) { 486 .buttonSticky { 487 width: 160px!important; 488 padding: 15px 0; 489 } 490 .buttonSticky__text { 491 font-size: 28px; 492 line-height: 28px; 493 width: 180px; 494 margin: 0 auto; 495 } 496 .buttonSticky.w-20 { 497 width:160px!important; 498 } 499 .buttonSticky--hovered { 500 width: 160px!important; 501 } 502 503 [x-data="buttonSticky"] { 504 right: 1rem; 505 } 506} 507 508.offers [x-data="buttonSticky"] { 509 display:none!important; 510} 511 512 513#main > div > div > ul.sitemap__listing--level-1 > li:nth-child(14) { 514 display: none; 515} 516 517header .utility-links, 518header .utility-links .bg-primary1, 519footer .bg-primary1, 520footer > div { 521 background-color:#211747!important; 522} 523</style> 524 525 526 </div> 527 528 529<a href="#main" class="skipToMainContent skip font-body bg-primary2 text-white fixed top-0 left-0 z-0 opacity-0 focus:z-40 focu
529s:opacity-100 px-5 py-3">Skip to main content</a> 530 531 532 533 534 535 536 537 538 539 540 541 542 543 544 545 546 547 <div class="sticky-nav-overlay-spacer" style="height: 0px"></div> 548 549 <header class="z-40 fixed top-0 left-0 w-full" role="banner" data-sticky='true'> 550 551<div class="utility-links bg-primary1 relative top-0 hidden lg:block"> 552 <div class="container flex flex-row justify-end" dir="ltr"> 553 <div class="flex flex-col lg:flex-row"> 554 555<div class="flex flex-col items-end"> 556 <ul class="flex flex-wrap md:flex-nowrap"> 557 558 559 <li id="b1cd83a7-7c46-495e-b40a-14a54c34093d" class="flex items-center px-3 lg:px-4 border-r border-white my-8 lg:my-2 bg-primary1 text-white lg:bg-primary1 lg:text-white text-body-3 lg:text-body-3 " x-data=""> 560 561 562 563 <a 564 href="/en-us/savings" 565 566 567 target="_self" 568 569 title="" 570 data-gtmSection="" 571 data-gtmSubSection="" 572 data-gtmElement="" 573 class=" cursor-pointer inline font-navigation flex items-center justify-center normal-case lg:normal-case " 574 > 575 <span class="flex items-center gap-2" 576> 577 <span>Offers</span> 578 </span> 579 </a> 580 581 582 </li> 583 584 585 586 <li id="be8931b7-9eea-4d3f-9c51-f4b82604e757" class="flex items-center px-3 lg:px-4 border-r border-white my-8 lg:my-2 bg-primary1 text-white lg:bg-primary1 lg:text-white text-body-3 lg:text-body-3 " x-data=""> 587 588 589 590 <a 591 href="/en-us/where-to-buy" 592 593 594 target="_self" 595 596 title="" 597 data-gtmSection="" 598 data-gtmSubSection="" 599 data-gtmElement="" 600 class=" cursor-pointer inline font-navigation flex items-center justify-center normal-case lg:normal-case " 601 > 602 <span class="flex items-center gap-2" 603> 604 <span>Where To Buy</span> 605 </span> 606 </a> 607 608 609 </li> 610 611 612 613 <li id="89d7c660-c488-4839-8da4-2b1508bf6032" class="flex items-center px-3 lg:px-4 border-white my-8 lg:my-2 bg-primary1 text-white lg:bg-primary1 lg:text-white text-body-3 lg:text-body-3 " x-data=""> 614 615 616 617 <a 618 href="/en-us/find-cortney" 619 620 621 target="_self" 622 623 title="" 624 data-gtmSection="" 625 data-gtmSubSection="" 626 data-gtmElement="" 627 class=" cursor-pointer inline font-navigation flex items-center justify-center normal-case lg:normal-case " 628 > 629 <span class="flex items-center gap-2" 630> 631 <span>Where is Courtney</span> 632 </span> 633 </a> 634 635 636 </li> 637 638 </ul> 639</div> </div> 640 </div> 641</div> 642 643 644 <style> 645 @media screen and (min-width: 1025px){ 646 .nav-chc { 647 backdrop-filter: ; -webkit-backdrop-filter: ; 648 } 649 } 650 @media screen and (max-width: 1024px) { 651 .nav-chc .nav__mobileMenu { 652 backdrop-filter: ; -webkit-backdrop-filter: ; 653 } 654 } 655 </style> 656 657 658 659 660 661 662 663 664 665
665<script type="text/javascript"> 666document.addEventListener("alpine:init", () => { 667 Alpine.data("nav", () => ({ 668 next: "", 669 depth: 0, 670 showSkip: false, 671 activeNav: "", 672 nextElement: null, 673 currentNavItem: null, 674 nextNavItem: null, 675 currentSubNav: null, 676 nextSubNavItem: null, 677 setNextSkipText(e) { 678 const elem = e.target; 679 if (!elem) return; 680 const nextElement = elem.nextElementSibling; 681 this.currentNavItem = elem; 682 this.nextNavItem = nextElement; 683 if (nextElement && nextElement.dataset) { 684 this.nextElement = nextElement; 685 this.next = nextElement.dataset.linkText; 686 } else { 687 this.nextElement = null; 688 this.next = ""; 689 } 690 }, 691 setSkipLink(e) { 692 this.showSkip = true; 693 const elem = e.target; 694 const isShiftTabPressed = e.shiftKey && e.which === 9; 695 const isNavItemLink = elem.classList.contains("nav__item"); 696 const isFirstSubNavItemLink = 697 elem.classList.contains("subNav__firstItem"); 698 if (isNavItemLink) { 699 // shift + tab or last nav link 700 if (isShiftTabPressed || !this.nextNavItem) return; 701 e.preventDefault(); 702 this.focusNextTabbableElement(elem); 703 } else if (isFirstSubNavItemLink && isShiftTabPressed) { 704 this.setNextSkipText(this.currentNavItem); 705 } 706 }, 707 skipItemLink(e) { 708 const elem = e.target; 709 const isShiftTabPressed = e.shiftKey && e.which === 9; 710 if (isShiftTabPressed) { 711 e.preventDefault(); 712 let navListItem = elem.parentNode.previousElementSibling; 713 if (navListItem && navListItem.classList.contains("subNav__title")) { 714 navListItem = navListItem.previousElementSibling; 715 if (navListItem.classList.contains("subNav__skipListItem")) { 716 const isFirstSubNav = navListItem.dataset.depth === 0; 717 if (isFirstSubNav) { 718 if (this.nextNavItem) { 719 this.next = this.nextNavItem.dataset.linkText; 720 } 721 } else { 722 if (this.nextSubNavItem) { 723 this.next = this.nextSubNavItem.dataset.linkText; 724 } 725 } 726 } 727 } 728 if (!navListItem) { 729 this.focusNextElement(); 730 } else { 731 this.focusNextTabbableElement(navListItem); 732 } 733 } 734 }, 735 skipSubNavButton(e) { 736 const elem = e.target; 737 const nextListItem = elem.parentNode.nextElementSibling; 738 const isShiftTabPressed = e.shiftKey && e.which === 9; 739 const isSubNavItemNextButton = elem.classList.contains( 740 "subNav__itemNextButton" 741 ); 742 if (isShiftTabPressed && isSubNavItemNextButton) { 743 elem.previousElementSibling.focus(); 744 } else if (!nextListItem) { 745 this.focusNextElement(); 746 } else { 747 e.preventDefault(); 748 const nextTabElem = 749 elem.parentNode.nextElementSibling.querySelector(".subNav__itemLink"); 750 if (nextTabElem) nextTabElem.focus(); 751 } 752 }, 753 setSkipSubNavButton(e) { 754 const elem = e.target; 755 const nextSubNavItem = e.target.parentNode.nextElementSibling; 756 this.nextSubNavItem = nextSubNavItem; 757 this.currentSubNav = elem.nextElementSibling; 758 if (nextSubNavItem) { 759 this.nextElement = nextSubNavItem.querySelector(".subNav__itemLink"); 760 this.next = nextSubNavItem.dataset.linkText; 761 } else { 762 const nextNavItem = this.currentNavItem.nextElementSibling; 763 if (nextNavItem && nextNavItem.dataset) { 764 this.next = nextNavItem.dataset.linkText; 765 } else { 766 this.next = ""; 767 } 768 }
769 this.focusNextTabbableElement(this.currentSubNav); 770 }, 771 focusNextTabbableElement(container) { 772 // waits for DOM to update 773 setTimeout(function () { 774 const nextTabElem = container.querySelector( 775 "[tabindex]:not([disabled]):not([tabindex='-1'])" 776 ); 777 if (!nextTabElem) return; 778 nextTabElem.focus(); 779 }, 50); 780 }, 781 focusNextElement() { 782 if (this.depth < 0) { 783 this.depth = 0; 784 } 785 this.nextElement.focus(); 786 }, 787 get skipToNextLinkText() { 788 if (this.next === "") return ""; 789 return "Skip to " + this.next; 790 }, 791 adjustPosition(hasSubpage, direction, hover = false) { 792 const _parent = this.$el.parentNode; 793 794 if (!_parent.closest(".isRightSide")) return; 795 796 const dir = direction === "ltr" ? "left" : "right"; 797 const subNav1 = _parent.closest(".subNav--1"); 798 const sideMenu = subNav1 ? subNav1.querySelector(".subNav1--rightSide") : null; 799 const subNav2 = sideMenu ? sideMenu.querySelector(".subNav--2") : null; 800 const addRemove = (hasSubpage && hover) ? "add" : "remove"; 801 802 if (subNav1) subNav1.style[dir] = (hasSubpage && hover) ? "230px" : null; 803 if (subNav2) subNav2.classList[addRemove]("subNav--adjustPosition"); 804 }, 805 adjustHeight() { 806 const subNavHeight = this.$el.closest(".subNav").clientHeight; 807 this.$el.style.height = (subNavHeight - 32) + "px"; 808 809 const subItems = this.$el.querySelectorAll(".subNav__item"); 810 subItems.forEach((item) => { 811 const _parent = item.parentNode; 812 item.addEventListener("mouseover", () => { 813 if (!item.querySelector(".subNav")) return; 814 _parent.style.overflow = "hidden"; 815 }); 816 817 item.addEventListener("mouseleave", () => { 818 if (!item.querySelector(".subNav")) return; 819 _parent.style.overflow = "auto"; 820 }); 821 }); 822 } 823 })); 824}); </script>
824 825 826 827 828 829 <style> 830 .nav-chc, 831 .nav-chc .nav__mobileMenu { 832 border-radius: 0 0 ; 833 } 834 @media screen and (min-width: 1025px){ 835 .nav-chc { 836 border-radius: 0 0 ; 837 } 838 } 839 </style> 840 841 <nav 842 role="navigation" 843 class="nav-chc relative nav bg-white text-primary1 border-b z-40 top-0 sticky w-full h-auto lg:max-h-[60px] transition-all duration-200" 844 aria-label="menu" 845 x-data="{...nav(), ...chcHeader(), currTitle: '', prevTitle: ''}" 846 @setActiveNav="activeNav=$event.detail.id" 847 @isActiveNav="activeNav == $event.detail.id" 848 style="border-radius: " 849 850 851 > 852 <div class="mx-auto container lg:max-w-none lg:px-20 hidden lg:block"> 853 <div class="nav__desktop flex md:items-center lg:max-h-[60px]"> 854 <a href="/en-us" class="nav__inner ml-0 py-2 flex-shrink-0" data-gtmSubSection="logo" data-gtmElement="logo"> 855 <img 856 width="296" height="54" 857 858 class="Image nav__logo max-w-28 md:max-w-60 max-h-[40px] w-auto md:block h-auto pr-2 lg:pr-0" 859 src="/dam/jcr:fe0077af-ee2d-44a5-a7e7-e330c75c2eb0/Nasacort_Nav_Logo_Blue.webp" 860 loading="lazy" 861 decoding="async" 862 data-fade-in="true" 863 alt="Nasacort® - Homepage" 864 865 > 866 </a> 867 <div 868 class="nav__left pt-0 justify-end flex mx-12 w-full lg:gap-4" 869 @mouseout.outside="$dispatch('setActiveNav', { id: '' })" 870 > 871 872 873 874 875 <div > 876 <div class="nav__item group justify-between flex items-start h-full normal-case lg:text-primary1 h-[72px] lg:h-auto" data-link-text="<strong>Home</strong>" 877 @focus="setNextSkipText($event); showSkip = false" 878 @keydown.tab="setSkipLink($event)" 879 @mouseover="showSkip = false; $dispatch('setActiveNav', { id: '80d1bd5b-8701-491a-b5ba-c92289845370' })" 880 :class="{ 'nav__item--active': $dispatch('isActiveNav', { id: '80d1bd5b-8701-491a-b5ba-c92289845370' }) }" 881 882 > 883 884 <a href="/en-us" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation nav__itemLink hover:text- relative font-extralight md:font-normal text-link border-white px-0 lg:px-3 py-6 lg:py-0 lg:h-[60px] flex items-center text-center flex items-center" data-gtmSection="header" data-gtmSubSection="menu"> 885 <span class="text-xl lg:text-base text-left lg:text-center"> 886 <strong>Home</strong> 887 </span> 888 <div class="nav__itemLinkBorderHover text- hidden absolute left-0 bottom-0 w-full h-1 bg-current"></div> 889 </a> 890 891 </div> 892 </div> 893 894 895 896 <div > 897 <div class="nav__item group justify-between flex items-start h-full normal-case lg:text-primary1 h-[72px] lg:h-auto" data-link-text="<strong>Products</strong>" 898 @focus="setNextSkipText($event); showSkip = false" 899 @keydown.tab="setSkipLink($event)" 900 @mouseover="showSkip = false; $dispatch('setActiveNav', { id: 'feb27c91-e317-4217-a889-a97a49721b80' })" 901 :class="{ 'nav__item--active': $dispatch('isActiveNav', { id: 'feb27c91-e317-4217-a889-a97a49721b80' }) }" 902 903 > 904 905 <a href="/en-us/allergy-nasal-spray" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation nav__itemLink hover:text- relative font-extralight md:font-normal text-link border-white px-0 lg:px-3 py-6 lg:py-0 lg:h-[60px] flex items-center text-center nav__itemLink--withArrow lg:pr-6 flex items-center" data-gtmSection="header" data-gtmSubSection="menu">
906 <span class="text-xl lg:text-base text-left lg:text-center"> 907 <strong>Products</strong> 908 </span> 909 <div class="nav__itemLinkBorderHover text- hidden absolute left-0 bottom-0 w-full h-1 bg-current"></div> 910 </a> 911 912 913 914 915 </div> 916 </div> 917 918 919 920 <div > 921 <div class="nav__item group justify-between flex items-start h-full normal-case lg:text-primary1 h-[72px] lg:h-auto" data-link-text="<strong>How to Use</strong>" 922 @focus="setNextSkipText($event); showSkip = false" 923 @keydown.tab="setSkipLink($event)" 924 @mouseover="showSkip = false; $dispatch('setActiveNav', { id: 'bb9cb5da-c9a2-4f6f-8a30-1af68ab401e0' })" 925 :class="{ 'nav__item--active': $dispatch('isActiveNav', { id: 'bb9cb5da-c9a2-4f6f-8a30-1af68ab401e0' }) }" 926 927 > 928 929 <a href="/en-us/instructions" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation nav__itemLink hover:text- relative font-extralight md:font-normal text-link border-white px-0 lg:px-3 py-6 lg:py-0 lg:h-[60px] flex items-center text-center flex items-center" data-gtmSection="header" data-gtmSubSection="menu"> 930 <span class="text-xl lg:text-base text-left lg:text-center"> 931 <strong>How to Use</strong> 932 </span> 933 <div class="nav__itemLinkBorderHover text- hidden absolute left-0 bottom-0 w-full h-1 bg-current"></div> 934 </a> 935 936 </div> 937 </div> 938 939 940 941 <div > 942 <div class="nav__item group justify-between flex items-start h-full normal-case lg:text-primary1 h-[72px] lg:h-auto" data-link-text="<strong>About Allergies</strong>" 943 @focus="setNextSkipText($event); showSkip = false" 944 @keydown.tab="setSkipLink($event)" 945 @mouseover="showSkip = false; $dispatch('setActiveNav', { id: '6f226c5e-392d-49c5-a49f-0598e8a7d278' })" 946 :class="{ 'nav__item--active': $dispatch('isActiveNav', { id: '6f226c5e-392d-49c5-a49f-0598e8a7d278' }) }" 947 948 > 949 950 <a href="/en-us/about-allergies" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation nav__itemLink hover:text- relative font-extralight md:font-normal text-link border-white px-0 lg:px-3 py-6 lg:py-0 lg:h-[60px] flex items-center text-center nav__itemLink--withArrow lg:pr-6 flex items-center" data-gtmSection="header" data-gtmSubSection="menu"> 951 <span class="text-xl lg:text-base text-left lg:text-center"> 952 <strong>About Allergies</strong> 953 <span class="subNav__arrow h-full w-4 h-4 absolute right-0 hidden lg:inline-block top-1/2 -translate-y-1/2 rotate-90"> 954 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-4 h-4 svg_button"> 955 <path stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" /> 956 </svg> 957 </span> 958 </span> 959 <div class="nav__itemLinkBorderHover text- hidden absolute left-0 bottom-0 w-full h-1 bg-current"></div> 960 </a> 961 962 <button class="font-body inline-block px-3 py-5 h-full subNav__itemNextButton lg:hidden" 963 @click="currTitle = `<strong>About Allergies</strong>`" 964 aria-label="go to sub menu"> 965 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-8 h-8 lg:w-6 lg:h-6 svg_button"> 966 <path stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" /> 967 </svg> 968 </button> 969 970 971 972 973 <div 974 x-data="{ subMenuHeight: '', subMenuContHeight: '' }" 975 class="text-primary1 hover:border-transparent subNav subNav--V2 z-40 left-0 w-full fixed lg:absolute hidden overflow-x-hidden !shadow-none bg-white subNav--0 overflow-hidden fixed lg:absolute top-full overflow-auto" 976 977 > 978 <div class="subNav__bg absolute w-full h-full top-0 left-0 right-0 bottom-0 bg-white opacity-00"></div> 979 980 <div class="w-full block lg:hidden subNavReturn" x-intersect="subMenuHeight = navigationHeight - $el.clientHeight"> 981 <button class="font-navigation subNav__back flex items-center gap-2 text-xl font-semibold relative px-4 py-4 text-left" 982 @click="currTitle = ``" 983 aria-label="go to sub menu"> 984 985 <div class="w-6 h-6"> 986 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-6 h-6 svg_button block"> 987 <path stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5L8.25 12l7.5-7.5" /> 988 </svg> 989 </div>
990 <span class="w-11/12" x-html="currTitle"><strong>About Allergies</strong></span> 991 </button> 992 </div> 993 994 995 <div x-data="nav" class="subNav__container lg:h-full lg:container pt-0 lg:pt-8 lg:pl-4 flex flex-row relative"> 996 <ul class="subNav__list flex flex-col w-full z-00 overflow-y-auto px-4 lg:px-0 " > 997 998 999 <li x-show="showSkip && depth == 0" tabindex="-1" class="subNav__skipListItem" 1000 data-depth="0"> 1001 <button tabindex="0" 1002 class="font-body nav__itemSkipButton my-2 text-xs border-0 font-thin transition-none" 1003 x-html="skipToNextLinkText" 1004 @keydown.tab="next = '';setSkipLink($event)" 1005 @keydown.enter.prevent="depth--; next = ''; focusNextElement()" 1006 @keydown.space.prevent="depth--; next = ''; focusNextElement()" 1007 ></button> 1008 </li> 1009 1010 <li class="subNav__title text-2xl py-0 py-6 normal-case lg:hidden" tabindex="-1"> 1011 <a href="/en-us/about-allergies" tabindex="0" target="_self" class=" flex items-center" data-gtmSection="header" data-gtmSubSection="menu"> 1012 <strong>About Allergies</strong> 1013 </a> 1014 </li> 1015 1016 <ul > 1017 1018 1019 <li 1020 dir="ltr" 1021 class="subNav__item subNav__item--v2 items-start md:items-center font-medium px-4 py-6 lg:py-0 border-b md:w-full flex flex-col md:flex-row normal-case hover:text-primary1" 1022 data-link-text="Seasonal allergies: Causes, symptoms, and how to manage them" 1023 @mouseover='adjustPosition(false, `ltr`, true)' 1024 @mouseleave='adjustPosition(false, `ltr`, false)' 1025 > 1026 <div class="subNav__itemWrap relative flex flex-row w-full items-center"> 1027 1028 <a href="/en-us/about-allergies/seasonal-allergies" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 md:py-6 lg:py-4 text-link font-medium inline-block w-full text-xl md:text-base subNav__firstItem flex items-center" data-gtmSection="header" data-gtmSubSection="menu"> 1029 <span>
1029Seasonal allergies: Causes, symptoms, and how to manage them</span> 1030 </a> 1031 1032 </div> 1033 1034 </li> 1035 1036 1037 <li 1038 dir="ltr" 1039 class="subNav__item subNav__item--v2 items-start md:items-center font-medium px-4 py-6 lg:py-0 border-b md:w-full flex flex-col md:flex-row normal-case hover:text-primary1" 1040 data-link-text="All in the family: Living with pets and pet allergies" 1041 @mouseover='adjustPosition(false, `ltr`, true)' 1042 @mouseleave='adjustPosition(false, `ltr`, false)' 1043 > 1044 <div class="subNav__itemWrap relative flex flex-row w-full items-center"> 1045 1046 <a href="/en-us/about-allergies/pet-allergies" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 md:py-6 lg:py-4 text-link font-medium inline-block w-full text-xl md:text-base flex items-center" data-gtmSection="header" data-gtmSubSection="menu"> 1047 <span>All in the family: Living with pets and pet allergies</span> 1048 </a> 1049 1050 </div> 1051 1052 </li> 1053 1054 1055 <li 1056 dir="ltr" 1057 class="subNav__item subNav__item--v2 items-start md:items-center font-medium px-4 py-6 lg:py-0 border-b md:w-full flex flex-col md:flex-row normal-case hover:text-primary1" 1058 data-link-text="Indoor allergies â symptoms, causes, and tips for relief" 1059 @mouseover='adjustPosition(false, `ltr`, true)' 1060 @mouseleave='adjustPosition(false, `ltr`, false)' 1061 > 1062 <div class="subNav__itemWrap relative flex flex-row w-full items-center"> 1063 1064 <a href="/en-us/about-allergies/indoor-allergies" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 md:py-6 lg:py-4 text-link font-medium inline-block w-full text-xl md:text-base flex items-center" data-gtmSection="header" data-gtmSubSection="menu"> 1065 <span>Indoor allergies â symptoms, causes, and tips for relief</span> 1066 </a> 1067 1068 </div> 1069 1070 </li> 1071 1072 1073 <li 1074 dir="ltr" 1075 class="subNav__item subNav__item--v2 items-start md:items-center font-medium px-4 py-6 lg:py-0 border-b md:w-full flex flex-col md:flex-row normal-case hover:text-primary1" 1076 data-link-text="Six ways to help with nasal allergy congestion" 1077 @mouseover='adjustPosition(false, `ltr`, true)' 1078 @mouseleave='adjustPosition(false, `ltr`, false)' 1079 > 1080 <div class="subNav__itemWrap relative flex flex-row w-full items-center"> 1081 1082 <a href="/en-us/about-allergies/allergy-regimen" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 md:py-6 lg:py-4 text-link font-medium inline-block w-full text-xl md:text-base flex items-center" data-gtmSection="header" data-gtmSubSection="menu"> 1083 <span>Six ways to help with nasal allergy congestion</span> 1084 </a> 1085 1086 </div> 1087 1088 </li> 1089 1090 1091 <li 1092 dir="ltr" 1093 class="subNav__item subNav__item--v2 items-start md:items-center font-medium px-4 py-6 lg:py-0 border-b md:w-full flex flex-col md:flex-row normal-case hover:text-primary1" 1094 data-link-text="How nasal sprays and oral antihistamine tablets relieve allergies" 1095 @mouseover='adjustPosition(false, `ltr`, true)' 1096 @mouseleave='adjustPosition(false, `ltr`, false)' 1097 > 1098 <div class="subNav__itemWrap relative flex flex-row w-full items-center"> 1099 1100 <a href="/en-us/about-allergies/nasal-spray-vs-tablet" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 md:py-6 lg:py-4 text-link font-medium inline-block w-full text-xl md:text-base flex items-center" data-gtmSection="header" data-gtmSubSection="menu">
1101 <span>How nasal sprays and oral antihistamine tablets relieve allergies</span> 1102 </a> 1103 1104 </div> 1105 1106 </li> 1107 </ul> 1108 1109 </ul> 1110 1111 </div> 1112 </div> 1113 </div> 1114 </div> 1115 1116 1117 1118 <div > 1119 <div class="nav__item group justify-between flex items-start h-full normal-case lg:text-primary1 h-[72px] lg:h-auto" data-link-text="<strong>Savings</strong>" 1120 @focus="setNextSkipText($event); showSkip = false" 1121 @keydown.tab="setSkipLink($event)" 1122 @mouseover="showSkip = false; $dispatch('setActiveNav', { id: '4e57d5ea-b8d6-4eb9-98a2-88b50e3dc44b' })" 1123 :class="{ 'nav__item--active': $dispatch('isActiveNav', { id: '4e57d5ea-b8d6-4eb9-98a2-88b50e3dc44b' }) }" 1124 1125 > 1126 1127 <a href="/en-us/savings" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation nav__itemLink hover:text- relative font-extralight md:font-normal text-link border-white px-0 lg:px-3 py-6 lg:py-0 lg:h-[60px] flex items-center text-center flex items-center" data-gtmSection="header" data-gtmSubSection="menu"> 1128 <span class="text-xl lg:text-base text-left lg:text-center"> 1129 <strong>Savings</strong> 1130 </span> 1131 <div class="nav__itemLinkBorderHover text- hidden absolute left-0 bottom-0 w-full h-1 bg-current"></div> 1132 </a> 1133 1134 </div> 1135 </div> 1136 1137 1138 1139 <div > 1140 <div class="nav__item group justify-between flex items-start h-full normal-case lg:text-primary1 h-[72px] lg:h-auto" data-link-text="<strong>How To Use</strong>" 1141 @focus="setNextSkipText($event); showSkip = false" 1142 @keydown.tab="setSkipLink($event)" 1143 @mouseover="showSkip = false; $dispatch('setActiveNav', { id: '22493938-a55a-4967-81fa-b066283c11b3' })" 1144 :class="{ 'nav__item--active': $dispatch('isActiveNav', { id: '22493938-a55a-4967-81fa-b066283c11b3' }) }" 1145 1146 > 1147 1148 <a href="/en-us/instructions" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation nav__itemLink hover:text- relative font-extralight md:font-normal text-link border-white px-0 lg:px-3 py-6 lg:py-0 lg:h-[60px] flex items-center text-center flex items-center" data-gtmSection="header" data-gtmSubSection="menu"> 1149 <span class="text-xl lg:text-base text-left lg:text-center"> 1150 <strong>How To Use</strong> 1151 </span> 1152 <div class="nav__itemLinkBorderHover text- hidden absolute left-0 bottom-0 w-full h-1 bg-current"></div> 1153 </a> 1154 1155 </div> 1156 </div> 1157 1158 1159 1160 <div > 1161 <div class="nav__item group justify-between flex items-start h-full normal-case lg:text-primary1 h-[72px] lg:h-auto" data-link-text="<strong>About Allergies</strong>" 1162 @focus="setNextSkipText($event); showSkip = false" 1163 @keydown.tab="setSkipLink($event)" 1164 @mouseover="showSkip = false; $dispatch('setActiveNav', { id: '869332e9-2eff-4fb5-ba8f-42617aed1bdf' })" 1165 :class="{ 'nav__item--active': $dispatch('isActiveNav', { id: '869332e9-2eff-4fb5-ba8f-42617aed1bdf' }) }" 1166 1167 > 1168 1169 <a href="/en-us/about-allergies" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation nav__itemLink hover:text- relative font-extralight md:font-normal text-link border-white px-0 lg:px-3 py-6 lg:py-0 lg:h-[60px] flex items-center text-center nav__itemLink--withArrow lg:pr-6 flex items-center" data-gtmSection="header" data-gtmSubSection="menu">
1170 <span class="text-xl lg:text-base text-left lg:text-center"> 1171 <strong>About Allergies</strong> 1172 <span class="subNav__arrow h-full w-4 h-4 absolute right-0 hidden lg:inline-block top-1/2 -translate-y-1/2 rotate-90"> 1173 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-4 h-4 svg_button"> 1174 <path stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" /> 1175 </svg> 1176 </span> 1177 </span> 1178 <div class="nav__itemLinkBorderHover text- hidden absolute left-0 bottom-0 w-full h-1 bg-current"></div> 1179 </a> 1180 1181 <button class="font-body inline-block px-3 py-5 h-full subNav__itemNextButton lg:hidden" 1182 @click="currTitle = `<strong>About Allergies</strong>`" 1183 aria-label="go to sub menu"> 1184 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-8 h-8 lg:w-6 lg:h-6 svg_button"> 1185 <path stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" /> 1186 </svg> 1187 </button> 1188 1189 1190 1191 1192 <div 1193 x-data="{ subMenuHeight: '', subMenuContHeight: '' }" 1194 class="text-primary1 hover:border-transparent subNav subNav--V2 z-40 left-0 w-full fixed lg:absolute hidden overflow-x-hidden !shadow-none bg-white subNav--0 overflow-hidden fixed lg:absolute top-full overflow-auto" 1195 1196 > 1197 <div class="subNav__bg absolute w-full h-full top-0 left-0 right-0 bottom-0 bg-white opacity-00"></div> 1198 1199 <div class="w-full block lg:hidden subNavReturn" x-intersect="subMenuHeight = navigationHeight - $el.clientHeight"> 1200 <button class="font-navigation subNav__back flex items-center gap-2 text-xl font-semibold relative px-4 py-4 text-left" 1201 @click="currTitle = ``" 1202 aria-label="go to sub menu"> 1203 1204 <div class="w-6 h-6"> 1205 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-6 h-6 svg_button block"> 1206 <path stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5L8.25 12l7.5-7.5" /> 1207 </svg> 1208 </div> 1209 <span class="w-11/12" x-html="currTitle"><strong>About Allergies</strong></span> 1210 </button> 1211 </div> 1212 1213 1214 <div x-data="nav" class="subNav__container lg:h-full lg:container pt-0 lg:pt-8 lg:pl-4 flex flex-row relative"> 1215 <ul class="subNav__list flex flex-col w-full z-00 overflow-y-auto px-4 lg:px-0 " > 1216 1217 1218 <li x-show="showSkip && depth == 0" tabindex="-1" class="subNav__skipListItem" 1219 data-depth="0"> 1220 <button tabindex="0" 1221 class="font-body nav__itemSkipButton my-2 text-xs border-0 font-thin transition-none" 1222 x-html="skipToNextLinkText" 1223 @keydown.tab="next = '';setSkipLink($event)" 1224 @keydown.enter.prevent="depth--; next = ''; focusNextElement()" 1225 @keydown.space.prevent="depth--; next = ''; focusNextElement()" 1226 ></button> 1227 </li> 1228 1229 <li class="subNav__title text-2xl py-0 py-6 normal-case lg:hidden" tabindex="-1"> 1230 <a href="/en-us/about-allergies" tabindex="0" target="_self" class=" flex items-center" data-gtmSection="header" data-gtmSubSection="menu"> 1231 <strong>About Allergies</strong> 1232 </a> 1233 </li> 1234 1235 <ul > 1236 1237 1238 <li 1239 dir="ltr" 1240 class="subNav__item subNav__item--v2 items-start md:items-center font-medium px-4 py-6 lg:py-0 border-b md:w-full flex flex-col md:flex-row normal-case hover:text-primary1" 1241 data-link-text="Seasonal allergies: Causes, symptoms, and how to manage them" 1242 @mouseover='adjustPosition(false, `ltr`, true)' 1243 @mouseleave='adjustPosition(false, `ltr`, false)' 1244 > 1245 <div class="subNav__itemWrap relative flex flex-row w-full items-center"> 1246 1247 <a href="/en-us/about-allergies/seasonal-allergies" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 md:py-6 lg:py-4 text-link font-medium inline-block w-full text-xl md:text-base subNav__firstItem flex items-center" data-gtmSection="header" data-gtmSubSection="menu">
1248 <span>Seasonal allergies: Causes, symptoms, and how to manage them</span> 1249 </a> 1250 1251 </div> 1252 1253 </li> 1254 1255 1256 <li 1257 dir="ltr" 1258 class="subNav__item subNav__item--v2 items-start md:items-center font-medium px-4 py-6 lg:py-0 border-b md:w-full flex flex-col md:flex-row normal-case hover:text-primary1" 1259 data-link-text="All in the family: Living with pets and pet allergies" 1260 @mouseover='adjustPosition(false, `ltr`, true)' 1261 @mouseleave='adjustPosition(false, `ltr`, false)' 1262 > 1263 <div class="subNav__itemWrap relative flex flex-row w-full items-center"> 1264 1265 <a href="/en-us/about-allergies/pet-allergies" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 md:py-6 lg:py-4 text-link font-medium inline-block w-full text-xl md:text-base flex items-center" data-gtmSection="header" data-gtmSubSection="menu"> 1266 <span>All in the family: Living with pets and pet allergies</span> 1267 </a> 1268 1269 </div> 1270 1271 </li> 1272 1273 1274 <li 1275 dir="ltr" 1276 class="subNav__item subNav__item--v2 items-start md:items-center font-medium px-4 py-6 lg:py-0 border-b md:w-full flex flex-col md:flex-row normal-case hover:text-primary1" 1277 data-link-text="Indoor allergies â symptoms, causes, and tips for relief" 1278 @mouseover='adjustPosition(false, `ltr`, true)' 1279 @mouseleave='adjustPosition(false, `ltr`, false)' 1280 > 1281 <div class="subNav__itemWrap relative flex flex-row w-full items-center"> 1282 1283 <a href="/en-us/about-allergies/indoor-allergies" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 md:py-6 lg:py-4 text-link font-medium inline-block w-full text-xl md:text-base flex items-center" data-gtmSection="header" data-gtmSubSection="menu"> 1284 <span>Indoor allergies â symptoms, causes, and tips for relief</span> 1285 </a> 1286 1287 </div> 1288 1289 </li> 1290 1291 1292 <li 1293 dir="ltr" 1294 class="subNav__item subNav__item--v2 items-start md:items-center font-medium px-4 py-6 lg:py-0 border-b md:w-full flex flex-col md:flex-row normal-case hover:text-primary1" 1295 data-link-text="Six ways to help with nasal allergy congestion" 1296 @mouseover='adjustPosition(false, `ltr`, true)' 1297 @mouseleave='adjustPosition(false, `ltr`, false)' 1298 > 1299 <div class="subNav__itemWrap relative flex flex-row w-full items-center"> 1300 1301 <a href="/en-us/about-allergies/allergy-regimen" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 md:py-6 lg:py-4 text-link font-medium inline-block w-full text-xl md:text-base flex items-center" data-gtmSection="header" data-gtmSubSection="menu"> 1302 <span>Six ways to help with nasal allergy congestion</span> 1303 </a> 1304 1305 </div> 1306 1307 </li> 1308 1309 1310 <li 1311 dir="ltr" 1312 class="subNav__item subNav__item--v2 items-start md:items-center font-medium px-4 py-6 lg:py-0 border-b md:w-full flex flex-col md:flex-row normal-case hover:text-primary1" 1313 data-link-text="How nasal sprays and oral antihistamine tablets relieve allergies" 1314 @mouseover='adjustPosition(false, `ltr`, true)' 1315 @mouseleave='adjustPosition(false, `ltr`, false)' 1316 > 1317 <div class="subNav__itemWrap relative flex flex-row w-full items-center"> 1318 1319 <a href="/en-us/about-allergies/nasal-spray-vs-tablet" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 md:py-6 lg:py-4 text-link font-medium inline-block w-full text-xl md:text-base flex items-center" data-gtmSection="header" data-gtmSubSection="menu">
1320 <span>How nasal sprays and oral antihistamine tablets relieve allergies</span> 1321 </a> 1322 1323 </div> 1324 1325 </li> 1326 </ul> 1327 1328 </ul> 1329 1330 </div> 1331 </div> 1332 </div> 1333 </div> 1334 1335 1336 1337 <div > 1338 <div class="nav__item group justify-between flex items-start h-full normal-case lg:text-primary1 h-[72px] lg:h-auto" data-link-text="<strong>Money Back Guarantee</strong>" 1339 @focus="setNextSkipText($event); showSkip = false" 1340 @keydown.tab="setSkipLink($event)" 1341 @mouseover="showSkip = false; $dispatch('setActiveNav', { id: '32b7b68e-e92e-4736-b18b-b6b60f3978de' })" 1342 :class="{ 'nav__item--active': $dispatch('isActiveNav', { id: '32b7b68e-e92e-4736-b18b-b6b60f3978de' }) }" 1343 1344 > 1345 1346 <a href="/en-us/money-back-guarantee" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation nav__itemLink hover:text- relative font-extralight md:font-normal text-link border-white px-0 lg:px-3 py-6 lg:py-0 lg:h-[60px] flex items-center text-center nav__itemLink--withArrow lg:pr-6 flex items-center" data-gtmSection="header" data-gtmSubSection="menu"> 1347 <span class="text-xl lg:text-base text-left lg:text-center"> 1348 <strong>Money Back Guarantee</strong> 1349 <span class="subNav__arrow h-full w-4 h-4 absolute right-0 hidden lg:inline-block top-1/2 -translate-y-1/2 rotate-90"> 1350 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-4 h-4 svg_button"> 1351 <path stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" /> 1352 </svg> 1353 </span> 1354 </span> 1355 <div class="nav__itemLinkBorderHover text- hidden absolute left-0 bottom-0 w-full h-1 bg-current"></div> 1356 </a> 1357 1358 <button class="font-body inline-block px-3 py-5 h-full subNav__itemNextButton lg:hidden" 1359 @click="currTitle = `<strong>Money Back Guarantee</strong>`" 1360 aria-label="go to sub menu"> 1361 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-8 h-8 lg:w-6 lg:h-6 svg_button"> 1362 <path stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" /> 1363 </svg> 1364 </button> 1365 1366 1367 1368 1369 <div 1370 x-data="{ subMenuHeight: '', subMenuContHeight: '' }" 1371 class="text-primary1 hover:border-transparent subNav subNav--V2 z-40 left-0 w-full fixed lg:absolute hidden overflow-x-hidden !shadow-none bg-white subNav--0 overflow-hidden fixed lg:absolute top-full overflow-auto" 1372 1373 > 1374 <div class="subNav__bg absolute w-full h-full top-0 left-0 right-0 bottom-0 bg-white opacity-00"></div> 1375 1376 <div class="w-full block lg:hidden subNavReturn" x-intersect="subMenuHeight = navigationHeight - $el.clientHeight"> 1377 <button class="font-navigation subNav__back flex items-center gap-2 text-xl font-semibold relative px-4 py-4 text-left" 1378 @click="currTitle = ``" 1379 aria-label="go to sub menu"> 1380 1381 <div class="w-6 h-6"> 1382 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-6 h-6 svg_button block"> 1383 <path stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5L8.25 12l7.5-7.5" /> 1384 </svg> 1385 </div>
1386 <span class="w-11/12" x-html="currTitle"><strong>Money Back Guarantee</strong></span> 1387 </button> 1388 </div> 1389 1390 1391 <div x-data="nav" class="subNav__container lg:h-full lg:container pt-0 lg:pt-8 lg:pl-4 flex flex-row relative"> 1392 <ul class="subNav__list flex flex-col w-full z-00 overflow-y-auto px-4 lg:px-0 " > 1393 1394 1395 <li x-show="showSkip && depth == 0" tabindex="-1" class="subNav__skipListItem" 1396 data-depth="0"> 1397 <button tabindex="0" 1398 class="font-body nav__itemSkipButton my-2 text-xs border-0 font-thin transition-none" 1399 x-html="skipToNextLinkText" 1400 @keydown.tab="next = '';setSkipLink($event)" 1401 @keydown.enter.prevent="depth--; next = ''; focusNextElement()" 1402 @keydown.space.prevent="depth--; next = ''; focusNextElement()" 1403 ></button> 1404 </li> 1405 1406 <li class="subNav__title text-2xl py-0 py-6 normal-case lg:hidden" tabindex="-1"> 1407 <a href="/en-us/money-back-guarantee" tabindex="0" target="_self" class=" flex items-center" data-gtmSection="header" data-gtmSubSection="menu"> 1408 <strong>Money Back Guarantee</strong> 1409 </a> 1410 </li> 1411 1412 <ul > 1413 1414 1415 <li 1416 dir="ltr" 1417 class="subNav__item subNav__item--v2 items-start md:items-center font-medium px-4 py-6 lg:py-0 border-b md:w-full flex flex-col md:flex-row normal-case hover:text-primary1" 1418 data-link-text="Check Status" 1419 @mouseover='adjustPosition(false, `ltr`, true)' 1420 @mouseleave='adjustPosition(false, `ltr`, false)' 1421 > 1422 <div class="subNav__itemWrap relative flex flex-row w-full items-center"> 1423 1424 <a href="/en-us/money-back-guarantee/mycheckstatus" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 md:py-6 lg:py-4 text-link font-medium inline-block w-full text-xl md:text-base subNav__firstItem flex items-center" data-gtmSection="header" data-gtmSubSection="menu"> 1425 <span>Check Status</span> 1426 </a> 1427 1428 </div> 1429 1430 </li> 1431 1432 1433 <li 1434 dir="ltr" 1435 class="subNav__item subNav__item--v2 items-start md:items-center font-medium px-4 py-6 lg:py-0 border-b md:w-full flex flex-col md:flex-row normal-case hover:text-primary1" 1436 data-link-text="Terms & Conditions" 1437 @mouseover='adjustPosition(false, `ltr`, true)' 1438 @mouseleave='adjustPosition(false, `ltr`, false)' 1439 > 1440 <div class="subNav__itemWrap relative flex flex-row w-full items-center"> 1441 1442 <a href="/en-us/money-back-guarantee/terms-and-conditions" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 md:py-6 lg:py-4 text-link font-medium inline-block w-full text-xl md:text-base flex items-center" data-gtmSection="header" data-gtmSubSection="menu"> 1443 <span>Terms & Conditions</span> 1444 </a> 1445 1446 </div> 1447 1448 </li> 1449 </ul> 1450 1451 </ul> 1452 1453 </div> 1454 </div> 1455 </div> 1456 </div> 1457 1458 1459 1460 <div > 1461 <div class="nav__item group justify-between flex items-start h-full normal-case lg:text-primary1 h-[72px] lg:h-auto" data-link-text="<strong>How to Recycle</strong>" 1462 @focus="setNextSkipText($event); showSkip = false" 1463 @keydown.tab="setSkipLink($event)" 1464 @mouseover="showSkip = false; $dispatch('setActiveNav', { id: 'ff9d6355-fdf6-467e-a288-35ef1c9db704' })" 1465 :class="{ 'nav__item--active': $dispatch('isActiveNav', { id: 'ff9d6355-fdf6-467e-a288-35ef1c9db704' }) }" 1466 1467 > 1468 1469 <a href="/en-us/recycling" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation nav__itemLink hover:text- relative font-extralight md:font-normal text-link border-white px-0 lg:px-3 py-6 lg:py-0 lg:h-[60px] flex items-center text-center flex items-center" data-gtmSection="header" data-gtmSubSection="menu">
1470 <span class="text-xl lg:text-base text-left lg:text-center"> 1471 <strong>How to Recycle</strong> 1472 </span> 1473 <div class="nav__itemLinkBorderHover text- hidden absolute left-0 bottom-0 w-full h-1 bg-current"></div> 1474 </a> 1475 1476 </div> 1477 </div> 1478 </div> 1479 1480 <div class="chcHeader__buttonContainer flex gap-2 "> 1481 </div> 1482 1483 1484 </div> 1485 </div> 1486 <div class="mx-auto lg:max-w-none lg:px-20 lg:hidden h-[60px] max-h-[60px]"> 1487 <div class="nav__mobile" x-data="{ navigationHeight: 0 }" x-ref="navHead"> 1488 <div class="nav__mobileMenu flex justify-between items-center px-4 py-1.5"> 1489 <a href="/en-us" class=" flex-shrink-0" data-gtmSubSection="logo" data-gtmElement="logo"> 1490 <img 1491 width="296" height="54" 1492 1493 class="Image nav__logo max-w-28 md:max-w-60 max-h-[40px] w-auto md:block h-auto !w-full" 1494 src="/dam/jcr:fe0077af-ee2d-44a5-a7e7-e330c75c2eb0/Nasacort_Nav_Logo_Blue.webp" 1495 loading="lazy" 1496 decoding="async" 1497 data-fade-in="true" 1498 alt="Nasacort® - Homepage" 1499 1500 > 1501 </a> 1502 <div class="nav__mobile__right flex flex-row items-center"> 1503 <div class="globalHeader__icons flex justify-evenly"> 1504 1505 1506 </div> 1507 1508 <div class="chcHeader__buttonContainer flex gap-2 "> 1509 </div> 1510 1511 1512 <button class="nav__mobile__button flex items-center justify-center relative ml-2 md:ml-4 h-12 w-12" aria-label="open menu" @click="bodyScrollHide(true)"> 1513 1514 <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" class="fill-current h-12 w-12"> 1515 <path fill-rule="evenodd" clip-rule="evenodd" d="M12 15.5C12 14.6716 12.6716 14 13.5 14H34.5C35.3284 14 36 14.6716 36 15.5C36 16.3284 35.3284 17 34.5 17H13.5C12.6716 17 12 16.3284 12 15.5ZM12 31.5C12 30.6716 12.6716 30 13.5 30H34.5C35.3284 30 36 30.6716 36 31.5C36 32.3284 35.3284 33 34.5 33H13.5C12.6716 33 12 32.3284 12 31.5ZM13.5 22C12.6716 22 12 22.6716 12 23.5C12 24.3284 12.6716 25 13.5 25H34.5C35.3284 25 36 24.3284 36 23.5C36 22.6716 35.3284 22 34.5 22H13.5Z"/> 1516 </svg> 1517 </button> 1518 </div> 1519 </div> 1520 1521 1522 <div dir="ltr" class="nav__mobile__menu w-full fixed overflow-hidden z-50 transition-all duration-50 left-0 top-0 uLinksBtmStyle" x-ref="navMobileSubmenu"> 1523 <div class="nav__mobile__menuItems bg-white flex justify-between items-center py-0 px-4 border-b w-full transition-all duration-700 ease-in-out h-[60px] max-h-[60px]"> 1524 <a href="/en-us" class=" flex-shrink-0" data-gtmSubSection="logo" data-gtmElement="logo"> 1525 <img 1526 width="296" height="54" 1527 1528 class="Image nav__logo max-w-28 md:max-w-60 max-h-[40px] w-auto md:block h-auto " 1529 src="/dam/jcr:fe0077af-ee2d-44a5-a7e7-e330c75c2eb0/Nasacort_Nav_Logo_Blue.webp" 1530 loading="lazy" 1531 decoding="async" 1532 data-fade-in="true" 1533 alt="Nasacort® - Homepage" 1534 1535 > 1536 </a> 1537 1538 <div class="flex"> 1539 <div class="chcHeader__buttonContainer flex gap-2 flex items-center"> 1540 </div> 1541 1542 <button class="flex items-center justify-center nav__mobile__close relative ml-2 md:ml-4 h-12 w-12" aria-label="close menu" @click="bodyScrollHide(false)"> 1543 1544 <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" class="stroke-current h-12 w-12"> 1545 <path d="M14 34L33.4454 14" stroke-width="3" stroke-linecap="round"/> 1546 <path d="M34 34L14.5546 14" stroke-width="3" stroke-linecap="round"/> 1547 </svg> 1548 </button> 1549 </div> 1550 </div> 1551 1552 1553 <div class="nav__mobile__navList flex flex-col overflow-y-auto" :style="{ height: 'calc(100dvh - 60px)', overflow: 'auto' }"> 1554 1555 <div class="nav__mobile__menu__main relative right-0 transition-all duration-300 ease-in-out px-4 bg-white h-full" x-intersect="navigationHeight = window.innerHeight - ($refs.navHead.clientHeight + $refs.bottomNav.clientHeight)"> 1556 1557 1558 1559 1560 <div > 1561 <div class="nav__item group justify-between flex border-b items-center text-primary1 normal-case lg:text-primary1 h-[72px] lg:h-auto" data-link-text="<strong>Home</strong>" 1562 @focus="setNextSkipText($event); showSkip = false" 1563 @keydown.tab="setSkipLink($event)" 1564 @mouseover="showSkip = false; $dispatch('setActiveNav', { id: '80d1bd5b-8701-491a-b5ba-c92289845370' })" 1565 :class="{ 'nav__item--active': $dispatch('isActiveNav', { id: '80d1bd5b-8701-491a-b5ba-c92289845370' }) }" 1566 1567 > 1568 1569 <a href="/en-us" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation nav__itemLink relative font-extralight md:font-normal text-link border-white px-0 lg:px-3 py-6 lg:py-0 lg:h-[60px] flex items-center text-center flex items-center" data-gtmSection="header" data-gtmSubSection="menu">
1570 <span class="text-xl lg:text-base text-left lg:text-center"> 1571 <strong>Home</strong> 1572 </span> 1573 <div class="nav__itemLinkBorderHover text- hidden absolute left-0 bottom-0 w-full h-1 bg-current"></div> 1574 </a> 1575 1576 </div> 1577 </div> 1578 1579 1580 1581 <div > 1582 <div class="nav__item group justify-between flex border-b items-center text-primary1 normal-case lg:text-primary1 h-[72px] lg:h-auto" data-link-text="<strong>Products</strong>" 1583 @focus="setNextSkipText($event); showSkip = false" 1584 @keydown.tab="setSkipLink($event)" 1585 @mouseover="showSkip = false; $dispatch('setActiveNav', { id: 'feb27c91-e317-4217-a889-a97a49721b80' })" 1586 :class="{ 'nav__item--active': $dispatch('isActiveNav', { id: 'feb27c91-e317-4217-a889-a97a49721b80' }) }" 1587 1588 > 1589 1590 <a href="/en-us/allergy-nasal-spray" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation nav__itemLink relative font-extralight md:font-normal text-link border-white px-0 lg:px-3 py-6 lg:py-0 lg:h-[60px] flex items-center text-center nav__itemLink--withArrow lg:pr-6 flex items-center" data-gtmSection="header" data-gtmSubSection="menu"> 1591 <span class="text-xl lg:text-base text-left lg:text-center"> 1592 <strong>Products</strong> 1593 </span> 1594 <div class="nav__itemLinkBorderHover text- hidden absolute left-0 bottom-0 w-full h-1 bg-current"></div> 1595 </a> 1596 1597 1598 1599 1600 </div> 1601 </div> 1602 1603 1604 1605 <div > 1606 <div class="nav__item group justify-between flex border-b items-center text-primary1 normal-case lg:text-primary1 h-[72px] lg:h-auto" data-link-text="<strong>How to Use</strong>" 1607 @focus="setNextSkipText($event); showSkip = false" 1608 @keydown.tab="setSkipLink($event)" 1609 @mouseover="showSkip = false; $dispatch('setActiveNav', { id: 'bb9cb5da-c9a2-4f6f-8a30-1af68ab401e0' })" 1610 :class="{ 'nav__item--active': $dispatch('isActiveNav', { id: 'bb9cb5da-c9a2-4f6f-8a30-1af68ab401e0' }) }" 1611 1612 > 1613 1614 <a href="/en-us/instructions" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation nav__itemLink relative font-extralight md:font-normal text-link border-white px-0 lg:px-3 py-6 lg:py-0 lg:h-[60px] flex items-center text-center flex items-center" data-gtmSection="header" data-gtmSubSection="menu"> 1615 <span class="text-xl lg:text-base text-left lg:text-center"> 1616 <strong>How to Use</strong> 1617 </span> 1618 <div class="nav__itemLinkBorderHover text- hidden absolute left-0 bottom-0 w-full h-1 bg-current"></div> 1619 </a> 1620 1621 </div> 1622 </div> 1623 1624 1625 1626 <div > 1627 <div class="nav__item group justify-between flex border-b items-center text-primary1 normal-case lg:text-primary1 h-[72px] lg:h-auto" data-link-text="<strong>About Allergies</strong>" 1628 @focus="setNextSkipText($event); showSkip = false" 1629 @keydown.tab="setSkipLink($event)" 1630 @mouseover="showSkip = false; $dispatch('setActiveNav', { id: '6f226c5e-392d-49c5-a49f-0598e8a7d278' })" 1631 :class="{ 'nav__item--active': $dispatch('isActiveNav', { id: '6f226c5e-392d-49c5-a49f-0598e8a7d278' }) }" 1632 1633 > 1634 1635 <a href="/en-us/about-allergies" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation nav__itemLink relative font-extralight md:font-normal text-link border-white px-0 lg:px-3 py-6 lg:py-0 lg:h-[60px] flex items-center text-center nav__itemLink--withArrow lg:pr-6 flex items-center" data-gtmSection="header" data-gtmSubSection="menu">
1636 <span class="text-xl lg:text-base text-left lg:text-center"> 1637 <strong>About Allergies</strong> 1638 <span class="subNav__arrow h-full w-4 h-4 absolute right-0 hidden lg:inline-block top-1/2 -translate-y-1/2 rotate-90"> 1639 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-4 h-4 svg_button"> 1640 <path stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" /> 1641 </svg> 1642 </span> 1643 </span> 1644 <div class="nav__itemLinkBorderHover text- hidden absolute left-0 bottom-0 w-full h-1 bg-current"></div> 1645 </a> 1646 1647 <button class="font-body inline-block px-3 py-5 h-full subNav__itemNextButton lg:hidden" 1648 @click="currTitle = `<strong>About Allergies</strong>`" 1649 aria-label="go to sub menu"> 1650 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-8 h-8 lg:w-6 lg:h-6 svg_button"> 1651 <path stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" /> 1652 </svg> 1653 </button> 1654 1655 1656 1657 1658 <div 1659 x-data="{ subMenuHeight: '', subMenuContHeight: '' }" 1660 class="text-primary1 hover:border-transparent subNav subNav--V2 z-40 subNav--mobile h-full z-50 left-0 w-full fixed lg:absolute hidden overflow-x-hidden !shadow-none bg-white subNav--0 overflow-hidden fixed lg:absolute top-full overflow-auto" 1661 x-intersect="subMenuContHeight = { height: navigationHeight + 'px', top: ($refs.navHead.clientHeight + 1) + 'px' }" 1662 :style="subMenuContHeight" 1663 1664 > 1665 <div class="subNav__bg absolute w-full h-full top-0 left-0 right-0 bottom-0 bg-white opacity-00"></div> 1666 1667 <div class="w-full block lg:hidden subNavReturn" x-intersect="subMenuHeight = navigationHeight - $el.clientHeight"> 1668 <button class="font-navigation subNav__back flex items-center gap-2 text-xl font-semibold relative px-4 py-4 text-left" 1669 @click="currTitle = ``" 1670 aria-label="go to sub menu"> 1671 1672 <div class="w-6 h-6"> 1673 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-6 h-6 svg_button block"> 1674 <path stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5L8.25 12l7.5-7.5" /> 1675 </svg> 1676 </div> 1677 <span class="w-11/12" x-html="currTitle"><strong>About Allergies</strong></span> 1678 </button> 1679 </div> 1680 1681 1682 <div x-data="nav" class="subNav__container lg:h-full lg:container pt-0 lg:pt-8 lg:pl-4 flex flex-row relative"> 1683 <ul class="subNav__list flex flex-col w-full z-00 overflow-y-auto px-4 lg:px-0 " :style="{ height: subMenuHeight + 'px' }" 1684> 1685 1686 1687 <li x-show="showSkip && depth == 0" tabindex="-1" class="subNav__skipListItem" 1688 data-depth="0"> 1689 <button tabindex="0" 1690 class="font-body nav__itemSkipButton my-2 text-xs border-0 font-thin transition-none" 1691 x-html="skipToNextLinkText" 1692 @keydown.tab="next = '';setSkipLink($event)" 1693 @keydown.enter.prevent="depth--; next = ''; focusNextElement()" 1694 @keydown.space.prevent="depth--; next = ''; focusNextElement()" 1695 ></button> 1696 </li> 1697 1698 <li class="subNav__title text-2xl py-0 py-6 normal-case lg:hidden" tabindex="-1"> 1699 <a href="/en-us/about-allergies" tabindex="0" target="_self" class=" flex items-center" data-gtmSection="header" data-gtmSubSection="menu"> 1700 <strong>About Allergies</strong> 1701 </a> 1702 </li> 1703 1704 <ul > 1705 1706 1707 <li 1708 dir="ltr" 1709 class="subNav__item subNav__item--v2 items-start md:items-center font-medium px-4 py-6 lg:py-0 border-b md:w-full flex flex-col md:flex-row normal-case hover:text-primary1" 1710 data-link-text="Seasonal allergies: Causes, symptoms, and how to manage them" 1711 @mouseover='adjustPosition(false, `ltr`, true)' 1712 @mouseleave='adjustPosition(false, `ltr`, false)' 1713 > 1714 <div class="subNav__itemWrap relative flex flex-row w-full items-center"> 1715 1716 <a href="/en-us/about-allergies/seasonal-allergies" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 md:py-6 lg:py-4 text-link font-medium inline-block w-full text-xl md:text-base subNav__firstItem flex items-center" data-gtmSection="header" data-gtmSubSection="menu">
1717 <span>Seasonal allergies: Causes, symptoms, and how to manage them</span> 1718 </a> 1719 1720 </div> 1721 1722 </li> 1723 1724 1725 <li 1726 dir="ltr" 1727 class="subNav__item subNav__item--v2 items-start md:items-center font-medium px-4 py-6 lg:py-0 border-b md:w-full flex flex-col md:flex-row normal-case hover:text-primary1" 1728 data-link-text="All in the family: Living with pets and pet allergies" 1729 @mouseover='adjustPosition(false, `ltr`, true)' 1730 @mouseleave='adjustPosition(false, `ltr`, false)' 1731 > 1732 <div class="subNav__itemWrap relative flex flex-row w-full items-center"> 1733 1734 <a href="/en-us/about-allergies/pet-allergies" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 md:py-6 lg:py-4 text-link font-medium inline-block w-full text-xl md:text-base flex items-center" data-gtmSection="header" data-gtmSubSection="menu"> 1735 <span>All in the family: Living with pets and pet allergies</span> 1736 </a> 1737 1738 </div> 1739 1740 </li> 1741 1742 1743 <li 1744 dir="ltr" 1745 class="subNav__item subNav__item--v2 items-start md:items-center font-medium px-4 py-6 lg:py-0 border-b md:w-full flex flex-col md:flex-row normal-case hover:text-primary1" 1746 data-link-text="Indoor allergies â symptoms, causes, and tips for relief" 1747 @mouseover='adjustPosition(false, `ltr`, true)' 1748 @mouseleave='adjustPosition(false, `ltr`, false)' 1749 > 1750 <div class="subNav__itemWrap relative flex flex-row w-full items-center"> 1751 1752 <a href="/en-us/about-allergies/indoor-allergies" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 md:py-6 lg:py-4 text-link font-medium inline-block w-full text-xl md:text-base flex items-center" data-gtmSection="header" data-gtmSubSection="menu"> 1753 <span>Indoor allergies â symptoms, causes, and tips for relief</span> 1754 </a> 1755 1756 </div> 1757 1758 </li> 1759 1760 1761 <li 1762 dir="ltr" 1763 class="subNav__item subNav__item--v2 items-start md:items-center font-medium px-4 py-6 lg:py-0 border-b md:w-full flex flex-col md:flex-row normal-case hover:text-primary1" 1764 data-link-text="Six ways to help with nasal allergy congestion" 1765 @mouseover='adjustPosition(false, `ltr`, true)' 1766 @mouseleave='adjustPosition(false, `ltr`, false)' 1767 > 1768 <div class="subNav__itemWrap relative flex flex-row w-full items-center"> 1769 1770 <a href="/en-us/about-allergies/allergy-regimen" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 md:py-6 lg:py-4 text-link font-medium inline-block w-full text-xl md:text-base flex items-center" data-gtmSection="header" data-gtmSubSection="menu"> 1771 <span>Six ways to help with nasal allergy congestion</span> 1772 </a> 1773 1774 </div> 1775 1776 </li> 1777 1778 1779 <li 1780 dir="ltr" 1781 class="subNav__item subNav__item--v2 items-start md:items-center font-medium px-4 py-6 lg:py-0 border-b md:w-full flex flex-col md:flex-row normal-case hover:text-primary1" 1782 data-link-text="How nasal sprays and oral antihistamine tablets relieve allergies" 1783 @mouseover='adjustPosition(false, `ltr`, true)' 1784 @mouseleave='adjustPosition(false, `ltr`, false)' 1785 > 1786 <div class="subNav__itemWrap relative flex flex-row w-full items-center"> 1787 1788 <a href="/en-us/about-allergies/nasal-spray-vs-tablet" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 md:py-6 lg:py-4 text-link font-medium inline-block w-full text-xl md:text-base flex items-center" data-gtmSection="header" data-gtmSubSection="menu">
1789 <span>How nasal sprays and oral antihistamine tablets relieve allergies</span> 1790 </a> 1791 1792 </div> 1793 1794 </li> 1795 </ul> 1796 1797 </ul> 1798 1799 </div> 1800 </div> 1801 </div> 1802 </div> 1803 1804 1805 1806 <div > 1807 <div class="nav__item group justify-between flex border-b items-center text-primary1 normal-case lg:text-primary1 h-[72px] lg:h-auto" data-link-text="<strong>Savings</strong>" 1808 @focus="setNextSkipText($event); showSkip = false" 1809 @keydown.tab="setSkipLink($event)" 1810 @mouseover="showSkip = false; $dispatch('setActiveNav', { id: '4e57d5ea-b8d6-4eb9-98a2-88b50e3dc44b' })" 1811 :class="{ 'nav__item--active': $dispatch('isActiveNav', { id: '4e57d5ea-b8d6-4eb9-98a2-88b50e3dc44b' }) }" 1812 1813 > 1814 1815 <a href="/en-us/savings" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation nav__itemLink relative font-extralight md:font-normal text-link border-white px-0 lg:px-3 py-6 lg:py-0 lg:h-[60px] flex items-center text-center flex items-center" data-gtmSection="header" data-gtmSubSection="menu"> 1816 <span class="text-xl lg:text-base text-left lg:text-center"> 1817 <strong>Savings</strong> 1818 </span> 1819 <div class="nav__itemLinkBorderHover text- hidden absolute left-0 bottom-0 w-full h-1 bg-current"></div> 1820 </a> 1821 1822 </div> 1823 </div> 1824 1825 1826 1827 <div > 1828 <div class="nav__item group justify-between flex border-b items-center text-primary1 normal-case lg:text-primary1 h-[72px] lg:h-auto" data-link-text="<strong>How To Use</strong>" 1829 @focus="setNextSkipText($event); showSkip = false" 1830 @keydown.tab="setSkipLink($event)" 1831 @mouseover="showSkip = false; $dispatch('setActiveNav', { id: '22493938-a55a-4967-81fa-b066283c11b3' })" 1832 :class="{ 'nav__item--active': $dispatch('isActiveNav', { id: '22493938-a55a-4967-81fa-b066283c11b3' }) }" 1833 1834 > 1835 1836 <a href="/en-us/instructions" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation nav__itemLink relative font-extralight md:font-normal text-link border-white px-0 lg:px-3 py-6 lg:py-0 lg:h-[60px] flex items-center text-center flex items-center" data-gtmSection="header" data-gtmSubSection="menu"> 1837 <span class="text-xl lg:text-base text-left lg:text-center"> 1838 <strong>How To Use</strong> 1839 </span> 1840 <div class="nav__itemLinkBorderHover text- hidden absolute left-0 bottom-0 w-full h-1 bg-current"></div> 1841 </a> 1842 1843 </div> 1844 </div> 1845 1846 1847 1848 <div > 1849 <div class="nav__item group justify-between flex border-b items-center text-primary1 normal-case lg:text-primary1 h-[72px] lg:h-auto" data-link-text="<strong>About Allergies</strong>" 1850 @focus="setNextSkipText($event); showSkip = false" 1851 @keydown.tab="setSkipLink($event)" 1852 @mouseover="showSkip = false; $dispatch('setActiveNav', { id: '869332e9-2eff-4fb5-ba8f-42617aed1bdf' })" 1853 :class="{ 'nav__item--active': $dispatch('isActiveNav', { id: '869332e9-2eff-4fb5-ba8f-42617aed1bdf' }) }" 1854 1855 > 1856 1857 <a href="/en-us/about-allergies" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation nav__itemLink relative font-extralight md:font-normal text-link border-white px-0 lg:px-3 py-6 lg:py-0 lg:h-[60px] flex items-center text-center nav__itemLink--withArrow lg:pr-6 flex items-center" data-gtmSection="header" data-gtmSubSection="menu">
1858 <span class="text-xl lg:text-base text-left lg:text-center"> 1859 <strong>About Allergies</strong> 1860 <span class="subNav__arrow h-full w-4 h-4 absolute right-0 hidden lg:inline-block top-1/2 -translate-y-1/2 rotate-90"> 1861 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-4 h-4 svg_button"> 1862 <path stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" /> 1863 </svg> 1864 </span> 1865 </span> 1866 <div class="nav__itemLinkBorderHover text- hidden absolute left-0 bottom-0 w-full h-1 bg-current"></div> 1867 </a> 1868 1869 <button class="font-body inline-block px-3 py-5 h-full subNav__itemNextButton lg:hidden" 1870 @click="currTitle = `<strong>About Allergies</strong>`" 1871 aria-label="go to sub menu"> 1872 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-8 h-8 lg:w-6 lg:h-6 svg_button"> 1873 <path stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" /> 1874 </svg> 1875 </button> 1876 1877 1878 1879 1880 <div 1881 x-data="{ subMenuHeight: '', subMenuContHeight: '' }" 1882 class="text-primary1 hover:border-transparent subNav subNav--V2 z-40 subNav--mobile h-full z-50 left-0 w-full fixed lg:absolute hidden overflow-x-hidden !shadow-none bg-white subNav--0 overflow-hidden fixed lg:absolute top-full overflow-auto" 1883 x-intersect="subMenuContHeight = { height: navigationHeight + 'px', top: ($refs.navHead.clientHeight + 1) + 'px' }" 1884 :style="subMenuContHeight" 1885 1886 > 1887 <div class="subNav__bg absolute w-full h-full top-0 left-0 right-0 bottom-0 bg-white opacity-00"></div> 1888 1889 <div class="w-full block lg:hidden subNavReturn" x-intersect="subMenuHeight = navigationHeight - $el.clientHeight"> 1890 <button class="font-navigation subNav__back flex items-center gap-2 text-xl font-semibold relative px-4 py-4 text-left" 1891 @click="currTitle = ``" 1892 aria-label="go to sub menu"> 1893 1894 <div class="w-6 h-6"> 1895 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-6 h-6 svg_button block"> 1896 <path stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5L8.25 12l7.5-7.5" /> 1897 </svg> 1898 </div> 1899 <span class="w-11/12" x-html="currTitle"><strong>About Allergies</strong></span> 1900 </button> 1901 </div> 1902 1903 1904 <div x-data="nav" class="subNav__container lg:h-full lg:container pt-0 lg:pt-8 lg:pl-4 flex flex-row relative"> 1905 <ul class="subNav__list flex flex-col w-full z-00 overflow-y-auto px-4 lg:px-0 " :style="{ height: subMenuHeight + 'px' }" 1906> 1907 1908 1909 <li x-show="showSkip && depth == 0" tabindex="-1" class="subNav__skipListItem" 1910 data-depth="0"> 1911 <button tabindex="0" 1912 class="font-body nav__itemSkipButton my-2 text-xs border-0 font-thin transition-none" 1913 x-html="skipToNextLinkText" 1914 @keydown.tab="next = '';setSkipLink($event)" 1915 @keydown.enter.prevent="depth--; next = ''; focusNextElement()" 1916 @keydown.space.prevent="depth--; next = ''; focusNextElement()" 1917 ></button> 1918 </li> 1919 1920 <li class="subNav__title text-2xl py-0 py-6 normal-case lg:hidden" tabindex="-1"> 1921 <a href="/en-us/about-allergies" tabindex="0" target="_self" class=" flex items-center" data-gtmSection="header" data-gtmSubSection="menu"> 1922 <strong>About Allergies</strong> 1923 </a> 1924 </li> 1925 1926 <ul > 1927 1928 1929 <li 1930 dir="ltr" 1931 class="subNav__item subNav__item--v2 items-start md:items-center font-medium px-4 py-6 lg:py-0 border-b md:w-full flex flex-col md:flex-row normal-case hover:text-primary1" 1932 data-link-text="Seasonal allergies: Causes, symptoms, and how to manage them" 1933 @mouseover='adjustPosition(false, `ltr`, true)' 1934 @mouseleave='adjustPosition(false, `ltr`, false)' 1935 > 1936 <div class="subNav__itemWrap relative flex flex-row w-full items-center"> 1937 1938 <a href="/en-us/about-allergies/seasonal-allergies" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 md:py-6 lg:py-4 text-link font-medium inline-block w-full text-xl md:text-base subNav__firstItem flex items-center" data-gtmSection="header" data-gtmSubSection="menu">
1939 <span>Seasonal allergies: Causes, symptoms, and how to manage them</span> 1940 </a> 1941 1942 </div> 1943 1944 </li> 1945 1946 1947 <li 1948 dir="ltr" 1949 class="subNav__item subNav__item--v2 items-start md:items-center font-medium px-4 py-6 lg:py-0 border-b md:w-full flex flex-col md:flex-row normal-case hover:text-primary1" 1950 data-link-text="All in the family: Living with pets and pet allergies" 1951 @mouseover='adjustPosition(false, `ltr`, true)' 1952 @mouseleave='adjustPosition(false, `ltr`, false)' 1953 > 1954 <div class="subNav__itemWrap relative flex flex-row w-full items-center"> 1955 1956 <a href="/en-us/about-allergies/pet-allergies" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 md:py-6 lg:py-4 text-link font-medium inline-block w-full text-xl md:text-base flex items-center" data-gtmSection="header" data-gtmSubSection="menu"> 1957 <span>All in the family: Living with pets and pet allergies</span> 1958 </a> 1959 1960 </div> 1961 1962 </li> 1963 1964 1965 <li 1966 dir="ltr" 1967 class="subNav__item subNav__item--v2 items-start md:items-center font-medium px-4 py-6 lg:py-0 border-b md:w-full flex flex-col md:flex-row normal-case hover:text-primary1" 1968 data-link-text="Indoor allergies â symptoms, causes, and tips for relief" 1969 @mouseover='adjustPosition(false, `ltr`, true)' 1970 @mouseleave='adjustPosition(false, `ltr`, false)' 1971 > 1972 <div class="subNav__itemWrap relative flex flex-row w-full items-center"> 1973 1974 <a href="/en-us/about-allergies/indoor-allergies" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 md:py-6 lg:py-4 text-link font-medium inline-block w-full text-xl md:text-base flex items-center" data-gtmSection="header" data-gtmSubSection="menu"> 1975 <span>Indoor allergies â symptoms, causes, and tips for relief</span> 1976 </a> 1977 1978 </div> 1979 1980 </li> 1981 1982 1983 <li 1984 dir="ltr" 1985 class="subNav__item subNav__item--v2 items-start md:items-center font-medium px-4 py-6 lg:py-0 border-b md:w-full flex flex-col md:flex-row normal-case hover:text-primary1" 1986 data-link-text="Six ways to help with nasal allergy congestion" 1987 @mouseover='adjustPosition(false, `ltr`, true)' 1988 @mouseleave='adjustPosition(false, `ltr`, false)' 1989 > 1990 <div class="subNav__itemWrap relative flex flex-row w-full items-center"> 1991 1992 <a href="/en-us/about-allergies/allergy-regimen" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 md:py-6 lg:py-4 text-link font-medium inline-block w-full text-xl md:text-base flex items-center" data-gtmSection="header" data-gtmSubSection="menu"> 1993 <span>Six ways to help with nasal allergy congestion</span> 1994 </a> 1995 1996 </div> 1997 1998 </li> 1999 2000 2001 <li 2002 dir="ltr" 2003 class="subNav__item subNav__item--v2 items-start md:items-center font-medium px-4 py-6 lg:py-0 border-b md:w-full flex flex-col md:flex-row normal-case hover:text-primary1" 2004 data-link-text="How nasal sprays and oral antihistamine tablets relieve allergies" 2005 @mouseover='adjustPosition(false, `ltr`, true)' 2006 @mouseleave='adjustPosition(false, `ltr`, false)' 2007 > 2008 <div class="subNav__itemWrap relative flex flex-row w-full items-center"> 2009 2010 <a href="/en-us/about-allergies/nasal-spray-vs-tablet" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 md:py-6 lg:py-4 text-link font-medium inline-block w-full text-xl md:text-base flex items-center" data-gtmSection="header" data-gtmSubSection="menu">
2011 <span>How nasal sprays and oral antihistamine tablets relieve allergies</span> 2012 </a> 2013 2014 </div> 2015 2016 </li> 2017 </ul> 2018 2019 </ul> 2020 2021 </div> 2022 </div> 2023 </div> 2024 </div> 2025 2026 2027 2028 <div > 2029 <div class="nav__item group justify-between flex border-b items-center text-primary1 normal-case lg:text-primary1 h-[72px] lg:h-auto" data-link-text="<strong>Money Back Guarantee</strong>" 2030 @focus="setNextSkipText($event); showSkip = false" 2031 @keydown.tab="setSkipLink($event)" 2032 @mouseover="showSkip = false; $dispatch('setActiveNav', { id: '32b7b68e-e92e-4736-b18b-b6b60f3978de' })" 2033 :class="{ 'nav__item--active': $dispatch('isActiveNav', { id: '32b7b68e-e92e-4736-b18b-b6b60f3978de' }) }" 2034 2035 > 2036 2037 <a href="/en-us/money-back-guarantee" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation nav__itemLink relative font-extralight md:font-normal text-link border-white px-0 lg:px-3 py-6 lg:py-0 lg:h-[60px] flex items-center text-center nav__itemLink--withArrow lg:pr-6 flex items-center" data-gtmSection="header" data-gtmSubSection="menu"> 2038 <span class="text-xl lg:text-base text-left lg:text-center"> 2039 <strong>Money Back Guarantee</strong> 2040 <span class="subNav__arrow h-full w-4 h-4 absolute right-0 hidden lg:inline-block top-1/2 -translate-y-1/2 rotate-90"> 2041 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-4 h-4 svg_button"> 2042 <path stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" /> 2043 </svg> 2044 </span> 2045 </span> 2046 <div class="nav__itemLinkBorderHover text- hidden absolute left-0 bottom-0 w-full h-1 bg-current"></div> 2047 </a> 2048 2049 <button class="font-body inline-block px-3 py-5 h-full subNav__itemNextButton lg:hidden" 2050 @click="currTitle = `<strong>Money Back Guarantee</strong>`" 2051 aria-label="go to sub menu"> 2052 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-8 h-8 lg:w-6 lg:h-6 svg_button"> 2053 <path stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" /> 2054 </svg> 2055 </button> 2056 2057 2058 2059 2060 <div 2061 x-data="{ subMenuHeight: '', subMenuContHeight: '' }" 2062 class="text-primary1 hover:border-transparent subNav subNav--V2 z-40 subNav--mobile h-full z-50 left-0 w-full fixed lg:absolute hidden overflow-x-hidden !shadow-none bg-white subNav--0 overflow-hidden fixed lg:absolute top-full overflow-auto" 2063 x-intersect="subMenuContHeight = { height: navigationHeight + 'px', top: ($refs.navHead.clientHeight + 1) + 'px' }" 2064 :style="subMenuContHeight" 2065 2066 > 2067 <div class="subNav__bg absolute w-full h-full top-0 left-0 right-0 bottom-0 bg-white opacity-00"></div> 2068 2069 <div class="w-full block lg:hidden subNavReturn" x-intersect="subMenuHeight = navigationHeight - $el.clientHeight"> 2070 <button class="font-navigation subNav__back flex items-center gap-2 text-xl font-semibold relative px-4 py-4 text-left" 2071 @click="currTitle = ``" 2072 aria-label="go to sub menu"> 2073 2074 <div class="w-6 h-6"> 2075 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-6 h-6 svg_button block"> 2076 <path stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5L8.25 12l7.5-7.5" /> 2077 </svg> 2078 </div>
2079 <span class="w-11/12" x-html="currTitle"><strong>Money Back Guarantee</strong></span> 2080 </button> 2081 </div> 2082 2083 2084 <div x-data="nav" class="subNav__container lg:h-full lg:container pt-0 lg:pt-8 lg:pl-4 flex flex-row relative"> 2085 <ul class="subNav__list flex flex-col w-full z-00 overflow-y-auto px-4 lg:px-0 " :style="{ height: subMenuHeight + 'px' }" 2086> 2087 2088 2089 <li x-show="showSkip && depth == 0" tabindex="-1" class="subNav__skipListItem" 2090 data-depth="0"> 2091 <button tabindex="0" 2092 class="font-body nav__itemSkipButton my-2 text-xs border-0 font-thin transition-none" 2093 x-html="skipToNextLinkText" 2094 @keydown.tab="next = '';setSkipLink($event)" 2095 @keydown.enter.prevent="depth--; next = ''; focusNextElement()" 2096 @keydown.space.prevent="depth--; next = ''; focusNextElement()" 2097 ></button> 2098 </li> 2099 2100 <li class="subNav__title text-2xl py-0 py-6 normal-case lg:hidden" tabindex="-1"> 2101 <a href="/en-us/money-back-guarantee" tabindex="0" target="_self" class=" flex items-center" data-gtmSection="header" data-gtmSubSection="menu"> 2102 <strong>Money Back Guarantee</strong> 2103 </a> 2104 </li> 2105 2106 <ul > 2107 2108 2109 <li 2110 dir="ltr" 2111 class="subNav__item subNav__item--v2 items-start md:items-center font-medium px-4 py-6 lg:py-0 border-b md:w-full flex flex-col md:flex-row normal-case hover:text-primary1" 2112 data-link-text="Check Status" 2113 @mouseover='adjustPosition(false, `ltr`, true)' 2114 @mouseleave='adjustPosition(false, `ltr`, false)' 2115 > 2116 <div class="subNav__itemWrap relative flex flex-row w-full items-center"> 2117 2118 <a href="/en-us/money-back-guarantee/mycheckstatus" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 md:py-6 lg:py-4 text-link font-medium inline-block w-full text-xl md:text-base subNav__firstItem flex items-center" data-gtmSection="header" data-gtmSubSection="menu"> 2119 <span>Check Status</span> 2120 </a> 2121 2122 </div> 2123 2124 </li> 2125 2126 2127 <li 2128 dir="ltr" 2129 class="subNav__item subNav__item--v2 items-start md:items-center font-medium px-4 py-6 lg:py-0 border-b md:w-full flex flex-col md:flex-row normal-case hover:text-primary1" 2130 data-link-text="Terms & Conditions" 2131 @mouseover='adjustPosition(false, `ltr`, true)' 2132 @mouseleave='adjustPosition(false, `ltr`, false)' 2133 > 2134 <div class="subNav__itemWrap relative flex flex-row w-full items-center"> 2135 2136 <a href="/en-us/money-back-guarantee/terms-and-conditions" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 md:py-6 lg:py-4 text-link font-medium inline-block w-full text-xl md:text-base flex items-center" data-gtmSection="header" data-gtmSubSection="menu"> 2137 <span>Terms & Conditions</span> 2138 </a> 2139 2140 </div> 2141 2142 </li> 2143 </ul> 2144 2145 </ul> 2146 2147 </div> 2148 </div> 2149 </div> 2150 </div> 2151 2152 2153 2154 <div > 2155 <div class="nav__item group justify-between flex border-b items-center text-primary1 normal-case lg:text-primary1 h-[72px] lg:h-auto" data-link-text="<strong>How to Recycle</strong>" 2156 @focus="setNextSkipText($event); showSkip = false" 2157 @keydown.tab="setSkipLink($event)" 2158 @mouseover="showSkip = false; $dispatch('setActiveNav', { id: 'ff9d6355-fdf6-467e-a288-35ef1c9db704' })" 2159 :class="{ 'nav__item--active': $dispatch('isActiveNav', { id: 'ff9d6355-fdf6-467e-a288-35ef1c9db704' }) }" 2160 2161 > 2162 2163 <a href="/en-us/recycling" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation nav__itemLink relative font-extralight md:font-normal text-link border-white px-0 lg:px-3 py-6 lg:py-0 lg:h-[60px] flex items-center text-center flex items-center" data-gtmSection="header" data-gtmSubSection="menu">
2164 <span class="text-xl lg:text-base text-left lg:text-center"> 2165 <strong>How to Recycle</strong> 2166 </span> 2167 <div class="nav__itemLinkBorderHover text- hidden absolute left-0 bottom-0 w-full h-1 bg-current"></div> 2168 </a> 2169 2170 </div> 2171 </div> 2172 </div> 2173 2174 <div class="nav__mobile--uLinks order-2 backdrop-blur-md uLinksBtmStyle relative"> 2175 <ul class="nav__mobile__menu__main block lg:hidden border-b"> 2176 2177 2178 <li id="b1cd83a7-7c46-495e-b40a-14a54c34093d" class="flex items-center px-3 lg:px-4 border-white my-8 lg:my-2 bg-primary1 text-white lg:bg-primary1 lg:text-white text-body-3 lg:text-body-3 " x-data=""> 2179 2180 2181 2182 <a 2183 href="/en-us/savings" 2184 2185 2186 target="_self" 2187 2188 title="" 2189 data-gtmSection="" 2190 data-gtmSubSection="" 2191 data-gtmElement="" 2192 class=" cursor-pointer inline font-navigation flex items-center justify-center normal-case lg:normal-case " 2193 > 2194 <span class="flex items-center gap-2" 2195> 2196 <span>Offers</span> 2197 </span> 2198 </a> 2199 2200 2201 </li> 2202 2203 </ul> 2204 <ul class="nav__mobile__menu__main block lg:hidden border-b"> 2205 2206 2207 <li id="be8931b7-9eea-4d3f-9c51-f4b82604e757" class="flex items-center px-3 lg:px-4 border-white my-8 lg:my-2 bg-primary1 text-white lg:bg-primary1 lg:text-white text-body-3 lg:text-body-3 " x-data=""> 2208 2209 2210 2211 <a 2212 href="/en-us/where-to-buy" 2213 2214 2215 target="_self" 2216 2217 title="" 2218 data-gtmSection="" 2219 data-gtmSubSection="" 2220 data-gtmElement="" 2221 class=" cursor-pointer inline font-navigation flex items-center justify-center normal-case lg:normal-case " 2222 > 2223 <span class="flex items-center gap-2" 2224> 2225 <span>Where To Buy</span> 2226 </span> 2227 </a> 2228 2229 2230 </li> 2231 2232 </ul> 2233 <ul class="nav__mobile__menu__main block lg:hidden border-b"> 2234 2235 2236 <li id="89d7c660-c488-4839-8da4-2b1508bf6032" class="flex items-center px-3 lg:px-4 border-white my-8 lg:my-2 bg-primary1 text-white lg:bg-primary1 lg:text-white text-body-3 lg:text-body-3 " x-data=""> 2237 2238 2239 2240 <a 2241 href="/en-us/find-cortney" 2242 2243 2244 target="_self" 2245 2246 title="" 2247 data-gtmSection="" 2248 data-gtmSubSection="" 2249 data-gtmElement="" 2250 class=" cursor-pointer inline font-navigation flex items-center justify-center normal-case lg:normal-case " 2251 > 2252 <span class="flex items-center gap-2" 2253> 2254 <span>Where is Courtney</span> 2255 </span> 2256 </a> 2257 2258 2259 </li> 2260 2261 </ul> 2262 2263 <div class="z-[-1] absolute top-0 left-0 h-full w-full bg-primary1"></div> 2264 </div> 2265 2266 <div class="nav__mobile__menu__main nav__mobile__menu__main--bottom w-full h-auto right-0 transition-all duration-300 ease-in-out border-b z-50 bottom-0 px-4 bg-white order-1 pb-3 mt-auto " x-ref="bottomNav"> 2267 <div class="chcHeader__buttonContainer flex gap-2 !mr-0"> 2268 </div> 2269 </div> 2270 </div> 2271 </div> 2272 </div> 2273 </div> 2274 </nav> 2275 </header> 2276 2277 2278 <div class="hero-wrap"> 2279 2280 2281 2282 <nav class="font-body font-normal text-size-default breadcrumbs bg-transparent text-primary1 px-4 lg:px-0 py-3 md:py-4 md:block block " aria-label="breadcrumbs" role="navigation"> 2283 <div class="container"> 2284 <ul class="flex flex-wrap flex-row "> 2285 2286 <li class="contents"> 2287 <a href="/en-us" class="flex items-center">
2288 <span class="underline truncate overflow-ellipsis w-auto max-w-128 md:max-w-none inline-block text-size-default">Home</span> 2289 <svg class="w-3 h-3 inline mx-1 fill-current fill-current" aria-hidden="true" role="img"> 2290 2291 <use xlink:href="/.resources/sanofi-lm-platform/themes/sanofi-platform/src/img/sprites/global.svg#angle-right"></use> 2292 </svg> 2293 </a> 2294 </li> 2295 <li class="contents"> 2296 <span class="truncate overflow-ellipsis w-auto max-w-128 md:max-w-none inline-block font-bold text-size-default">Contact</span> 2297 </li> 2298 </ul> 2299 </div> 2300 </nav> 2301 </div> 2302 2303 <main role="main" id="main" class="relative flex-1" > 2304 2305 2306 2307 2308 2309 2310 2311 2312 2313 2314 2315 2316 <section id="e339f263-b990-43d3-b7c0-f5ac6a62ef03" class="contentGridItem--e339f263-b990-43d3-b7c0-f5ac6a62ef03 contentGridItem relative h-full contentGrid-min-h-e339f263-b990-43d3-b7c0-f5ac6a62ef03 .background--e339f263-b990-43d3-b7c0-f5ac6a62ef03 contentGrid-border-r-e339f263-b99
23160-43d3-b7c0-f5ac6a62ef03 " > 2317 2318 2319 2320 2321 2322 2323 2324 <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("e339f263-b990-43d3-b7c0-f5ac6a62ef03");'> 2325 2326 <div class="contentGridItem__container relative h-full" dir="ltr"> 2327 <style> 2328 .backgroundBlur-e339f263-b990-43d3-b7c0-f5ac6a62ef03 { 2329 backdrop-filter: blur(px); 2330 -webkit-backdrop-filter: blur(px); 2331 background-color: ; 2332 opacity: calc(/100); 2333 } 2334 </style> 2335 2336 <div class="backgroundBlur-e339f263-b990-43d3-b7c0-f5ac6a62ef03 absolute top-0 bottom-0 left-0 right-0"></div> 2337 2338 2339 2340 2341 2342 2343 2344 2345 2346 2347 2348 2349 2350 2351 2352 2353 2354 2355 2356 2357 2358 <div 2359 class="background--e339f263-b990-43d3-b7c0-f5ac6a62ef03 backgroundWrap-e339f263-b990-43d3-b7c0-f5ac6a62ef03 py-0 text-primary h-full animateImage md:bg-auto bg-no-repeat default bg-center bg-no-repeat bg-auto " 2360 2361 2362 > 2363 2364 2365 2366 2367 2368 2369 2370 2371 2372 2373 2374 2375 2376 2377<div class="ContentGrid relative container mx-auto lg:pt-8 lg:pb-16 md:pt-0 md:pb-0 pt-16 pb-16"> 2378 2379 2380 <div class="flex md:flex lg:flex-row flex-wrap justify-center items-center -mx-0 py-0 md:-mx-0 md:py-0 lg:-mx-0 lg:py-0"> 2381 2382 2383 2384 2385 2386 <div class="CHC gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full lg:w-full self-auto " > 2387 2388 2389 2390 2391 2392 2393 2394 <div style="" class="ContentSectionItem h-full w-full py-4 md:py-8 lg:py-4 px-0 md:px-8 lg:px-0 items-start self-auto contentSectionItem-border-r-7c1b8d36-0bd2-4847-8643-830b9633826e bg-transparent" x-data="" dir="ltr"> 2395 2396 2397 2398 2399 2400 2401 2402 2403 2404 2405 2406 2407 <section id="7c1b8d36-0bd2-4847-8643-830b9633826e" class="contentGridItem--7c1b8d36-0bd2-4847-8643-830b9633826e contentGridItem relative h-full contentGrid-min-h-7c1b8d36-0bd2-4847-8643-830b9633826e .background--7c1b8d36-0bd2-4847-8643-830b9633826e contentGrid-border-r-7c1b8d36-0bd2-4847-8643-830b9633826e " > 2408 2409 2410 2411 2412 2413 2414 2415 <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("7c1b8d36-0bd2-4847-8643-830b9633826e");'> 2416 2417 <div class="contentGridItem__container relative h-full" dir="ltr"> 2418 <style> 2419 .backgroundBlur-7c1b8d36-0bd2-4847-8643-830b9633826e { 2420 backdrop-filter: blur(px); 2421 -webkit-backdrop-filter: blur(px); 2422 background-color: ; 2423 opacity: calc(/100); 2424 } 2425 </style> 2426 2427 <div class="backgroundBlur-7c1b8d36-0bd2-4847-8643-830b9633826e absolute top-0 bottom-0 left-0 right-0"></div> 2428 2429 2430 2431 2432 2433 2434 2435 2436 2437 2438 2439 2440 2441 2442 2443 2444 2445 2446 2447 2448 2449 <div 2450 class="background--7c1b8d36-0bd2-4847-8643-830b9633826e backgroundWrap-7c1b8d36-0bd2-4847-8643-830b9633826e py-4 md:py-8 lg:py-4 px-0 md:px-8 lg:px-0 text-primary h-full animateImage md:bg-auto bg-no-repeat bg-transparent bg-center bg-no-repeat bg-cover " 2451 2452 2453 > 2454 2455 2456 2457 2458 2459 2460 2461 2462 2463 2464<div class="ContentGrid relative container mx-auto "> 2465 2466 2467 <div class="flex md:flex lg:flex-row flex-wrap justify-start items-start -mx-0 py-0 md:-mx-0 md:py-0 lg:-mx-0 lg:py-0"> 2468 2469 2470 2471 2472 2473 <div class="CHC gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full lg:w-full self-auto " > 2474 2475 2476 2477 2478 2479 2480 2481 <div style="" class="ContentSectionItem h-full w-full py-0 md:py-8 lg:py-0 px-0 md:px-8 lg:px-0 items-start self-auto contentSectionItem-border-r-0ca52a7f-f8c9-49b6-9bf8-ea133f3e2c88 bg-transparent" x-data="" dir="ltr"> 2482 2483 2484 2485 2486 2487 2488 2489 2490 2491 2492 2493 2494 <section id="0ca52a7f-f8c9-49b6-9bf8-ea133f3e2c88" class="contentGridItem--0ca52a7f-f8c9-49b6-9bf8-ea133f3e2c88 contentGridItem relative h-full contentGrid-min-h-0ca52a7f-f8c9-49b6-9bf8-ea133f3e2c88 .background--0ca52a7f-f8c9-49b6-9bf8-ea133f3e2c88 contentGrid-border-r-0ca52a7f-f8c9-49b6-9bf8-ea133f3e2c88 " > 2495 2496 2497 2498 2499 2500 2501 2502 <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("0ca52a7f-f8c9-49b6-9bf8-ea133f3e2c88");'> 2503 2504 <div class="contentGridItem__container relative h-full" dir="ltr"> 2505 <style> 2506 .backgroundBlur-0ca52a7f-f8c9-49b6-9bf8-ea133f3e2c88 { 2507 backdrop-filter: blur(px); 2508 -webkit-backdrop-filter: blur(px); 2509 background-color: ; 2510 opacity: calc(/100); 2511 } 2512 </style> 2513 2514 <div class="backgroundBlur-0ca52a7f-f8c9-49b6-9bf8-ea133f3e2c88 absolute top-0 bottom-0 left-0 right-0"></div> 2515 2516 2517 2518 2519 2520 2521 2522 2523 2524 2525 2526 2527 2528 2529 2530 2531 2532 2533 2534 2535 2536 <div 2537 class="background--0ca52a7f-f8c9-49b6-9bf8-ea133f3e2c88 backgroundWrap-0ca52a7f-f8c9-49b6-9bf8-ea133f3e2c88 py-0 md:py-8 lg:py-0 px-0 md:px-8 lg:px-0 text-primary h-full animateImage md:bg-auto bg-no-repeat bg-transparent bg-center bg-no-repeat bg-cover " 2538 2539 2540 > 2541 2542 2543 2544 2545 2546 2547 2548 2549 2550 2551<div class="ContentGrid relative container mx-auto "> 2552 2553 2554 <div class="flex md:flex lg:flex-row flex-wrap justify-start items-start -mx-0 py-0 md:-mx-0 md:py-0 lg:-mx-0 lg:py-0"> 2555 2556 2557 2558 2559 2560 <div class="CHC gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full lg:w-full self
2560-auto " > 2561 2562 2563 2564 <div style="" class="ContentSectionItem h-full w-full py-0 md:py-8 lg:py-0 px-4 md:px-8 lg:px-0 self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text- bg- bg-transparent" x-data="" dir="ltr"> 2565 2566 2567 <div class="flex items-center justify-start md:justify-start lg:justify-start overrideFonts"> 2568 2569 <h1 class="contentBlock__title text-title-1 font-title text-primary1">Contact us</h1> 2570 </div> 2571 2572 2573 </div> 2574 </div> 2575 </div> 2576</div> 2577 </div> 2578 2579 </div> 2580 </div> 2581 2582 </section> 2583 2584 </div> 2585 </div> 2586 2587 2588 2589 2590 2591 <div class="CHC gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full lg:w-6/12 self-auto " > 2592 2593 2594 2595 2596 2597 2598 2599 <div style="" class="ContentSectionItem h-full w-full py-0 md:py-8 lg:py-0 px-0 md:px-8 lg:px-0 items-start self-auto contentSectionItem-border-r-70aa5d4e-d384-455c-8c3e-566017fb99d4 bg-transparent" x-data="" dir="ltr"> 2600 2601 2602 2603 2604 2605 2606 2607 2608 2609 2610 2611 2612 <section id="70aa5d4e-d384-455c-8c3e-566017fb99d4" class="contentGridItem--70aa5d4e-d384-455c-8c3e-566017fb99d4 contentGridItem relative h-full contentGrid-min-h-70aa5d4e-d384-455c-8c3e-566017fb99d4 .background--70aa5d4e-d384-455c-8c3e-566017fb99d4 contentGrid-border-r-70aa5d4e-d384-455c-8c3e-566017fb99d4 " > 2613 2614 2615 2616 2617 2618 2619 2620 <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("70aa5d4e-d384-455c-8c3e-566017fb99d4");'> 2621 2622 <div class="contentGridItem__container relative h-full" dir="ltr"> 2623 <style> 2624 .backgroundBlur-70aa5d4e-d384-455c-8c3e-566017fb99d4 { 2625 backdrop-filter: blur(px); 2626 -webkit-backdrop-filter: blur(px); 2627 background-color: ; 2628 opacity: calc(/100); 2629 } 2630 </style> 2631 2632 <div class="backgroundBlur-70aa5d4e-d384-455c-8c3e-566017fb99d4 absolute top-0 bottom-0 left-0 right-0"></div> 2633 2634 2635 2636 2637 2638 2639 2640 2641 2642 2643 2644 2645 2646 2647 2648 2649 2650 2651 2652 2653 2654 <div 2655 class="background--70aa5d4e-d384-455c-8c3e-566017fb99d4 backgroundWrap-70aa5d4e-d384-455c-8c3e-566017fb99d4 py-0 md:py-8 lg:py-0 px-0 md:px-8 lg:px-0 text-primary h-full animateImage md:bg-auto bg-no-repeat bg-transparent bg-center bg-no-repeat bg-cover " 2656 2657 2658 > 2659 2660 2661 2662 2663 2664 2665 2666 2667 2668 2669<div class="ContentGrid relative container mx-auto "> 2670 2671 2672 <div class="flex md:flex lg:flex-row flex-wrap justify-center items-start -mx-0 py-0 md:-mx-0 md:py-0 lg:-mx-0 lg:py-0"> 2673 2674 2675 2676 2677 2678 <div class="CHC gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full self-auto " > 2679 2680 2681 2682 <div style="" class="ContentSectionItem h-full w-full py-0 md:py-8 lg:py-0 px-4 md:px-8 lg:px-4 self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text-default bg- bg-transparent" x-data="" dir="ltr"> 2683 2684 2685 2686 <div class="rich-text mt-3 text-base font-body overrideFonts"> 2687 <p>Have a question or comment about our products? We'd love to hear from you.</p> 2688 2689 </div> 2690 2691 </div> 2692 </div> 2693 2694 2695 2696 2697 2698 <div class="CHC gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-1/12 lg:w-1/12 self-auto " > 2699 2700 2701 2702 <div style="" class="ContentSectionItem h-full w-full py-0 md:py-8 lg:py-0 px-0 md:px-8 lg:px-4 self-auto contentBlock flex flex-col text-right md:text-left lg:text-right text- bg- bg-transparent" x-data="" dir="ltr"> 2703 2704 2705 2706 <div class="rich-text mt-3 text-base font-body overrideFonts"> 2707 <p><img alt="" src="/dam/jcr:d3a9f933-03d7-4131-9ed8-25cee1cc4ad7/Nasacort_Icon_Check.2025-12-17-16-23-51.webp" style="float:right; height:20px; width:20px" /></p> 2708 2709 </div> 2710 2711 </div> 2712 </div> 2713 2714 2715 2716 2717 2718 <div class="CHC gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-11/12 lg:w-11/12 self-auto " > 2719 2720 2721 2722 <div style="" class="ContentSectionItem h-full w-full py-0 md:py-8 lg:py-0 px-4 md:px-8 lg:px-0 self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text-default bg- bg-transparent" x-data="" dir="ltr"> 2723 2724 2725 2726 <div class="rich-text mt-3 text-base font-body overrideFonts"> 2727 <p><strong><u>
2727<a href="https://www.opella.com/our-countries/en-us" rel="noopener noreferrer" target="_blank">Submit your question online</a></u></strong></p> 2728 2729 </div> 2730 2731 </div> 2732 </div> 2733 2734 2735 2736 2737 2738 <div class="CHC gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-1/12 lg:w-1/12 self-auto " > 2739 2740 2741 2742 <div style="" class="ContentSectionItem h-full w-full py-0 md:py-8 lg:py-0 px-0 md:px-8 lg:px-4 self-auto contentBlock flex flex-col text-right md:text-left lg:text-right text- bg- bg-transparent" x-data="" dir="ltr"> 2743 2744 2745 2746 <div class="rich-text mt-3 text-base font-body overrideFonts"> 2747 <p><img alt="" src="/dam/jcr:d3a9f933-03d7-4131-9ed8-25cee1cc4ad7/Nasacort_Icon_Check.2025-12-17-16-23-51.webp" style="float:right; height:20px; width:20px" /></p> 2748 2749 </div> 2750 2751 </div> 2752 </div> 2753 2754 2755 2756 2757 2758 <div class="CHC gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-11/12 self-auto " > 2759 2760 2761 2762 <div style="" class="ContentSectionItem h-full w-full py-0 md:py-8 lg:py-0 px-4 md:px-8 lg:px-0 self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text-default bg- bg-transparent" x-data="" dir="ltr"> 2763 2764 2765 2766 <div class="rich-text mt-3 text-base font-body overrideFonts"> 2767 <p>Call <u><strong>1-866-844-2798</strong></u> (M–F 8 a.m.–6 p.m.)</p> 2768 2769 </div> 2770 2771 </div> 2772 </div> 2773 2774 2775 2776 2777 2778 <div class="CHC gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full self-auto " > 2779 2780 2781 2782 <div style="" class="ContentSectionItem h-full w-full py-0 md:py-8 lg:py-0 px-4 md:px-8 lg:px-4 self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text-default bg- bg-transparent" x-data="" dir="ltr"> 2783 2784 2785 2786 <div class="rich-text mt-3 text-base font-body overrideFonts"> 2787 <p>If you prefer to contact us by mail, please send correspondence to:</p> 2788 2789<p><strong>Consumer Affairs Department</strong><br /> 2790Chattem, Inc.<br /> 2791P.O. Box 2219<br /> 2792Chattanooga, TN 37409-0219</p> 2793 2794<p>Can’t find our products? Visit our <strong><u><a href="/en-us/where-to-buy">where to buy</a></u></strong> to discover where your favorite Nasacort® products are available.</p> 2795 2796 </div> 2797 2798 </div> 2799 </div> 2800 </div> 2801</div> 2802 </div> 2803 2804 </div> 2805 </div> 2806 2807 </section> 2808 2809 </div> 2810 </div> 2811 </div> 2812</div> 2813 </div> 2814 2815 </div> 2816 </div> 2817 2818 </section> 2819 2820 </div> 2821 </div> 2822 </div> 2823</div> 2824 </div> 2825 2826 </div> 2827 </div> 2828 2829 </section> 2830 2831 2832 2833 2834 2835 2836 2837 <style> 2838 2839 2840 2841 </style> 2842 2843 2844 2845 2846 2847 2848 2849 2850 2851 2852 <section id="031560cf-d922-49d3-8cb6-714343b43c59" class="contentGridItem--031560cf-d922-49d3-8cb6-714343b43c59 contentGridItem relative h-full contentGrid-min-h-031560cf-d922-49d3-8cb6-714343b43c59 .background--031560cf-d922-49d3-8cb6-714343b43c59 contentGrid-border-r-031560cf-d922-49d3-8cb6-714343b43c59 " > 2853 2854 2855 2856 2857 2858 2859 2860 <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("031560cf-d922-49d3-8cb6-714343b43c59");'> 2861 2862 <div class="contentGridItem__container relative h-full" dir="ltr"> 2863 <style> 2864 .backgroundBlur-031560cf-d922-49d3-8cb6-714343b43c59 { 2865 backdrop-filter: blur(px); 2866 -webkit-backdrop-filter: blur(px); 2867 background-color: ; 2868 opacity: calc(/100); 2869 } 2870 </style> 2871 2872 <div class="backgroundBlur-031560cf-d922-49d3-8cb6-714343b43c59 absolute top-0 bottom-0 left-0 right-0"></div> 2873 2874 2875 2876 2877 2878 2879 2880 2881 2882 2883 2884 2885 2886 2887 2888 2889 2890 2891 2892 2893 2894 <div 2895 class="background--031560cf-d922-49d3-8cb6-714343b43c59 backgroundWrap-031560cf-d922-49d3-8cb6-714343b43c59 py-0 text-primary h-full animateImage md:bg-auto bg-no-repeat bg-transparent bg-center bg-no-repeat bg-auto " 2896 2897 2898 > 2899 2900 2901 2902 2903 2904 2905 2906 2907 2908 2909 2910 2911 2912 2913<div class="ContentGrid relative container mx-auto lg:pt-0 lg:pb-0 md:pt-0 md:pb-0 pt-0 pb-0"> 2914 2915 2916 <div class="flex md:flex md:flex-row lg:flex-row flex-wrap justify-center items-center -mx-0 py-0 md:-mx-0 md:py-0 lg:-mx-0 lg:py-0"> 2917 2918 2919 2920 2921 2922 <div class="CHC gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full self
2922-auto " > 2923 2924 2925 2926 <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-0 md:px-0 lg:px-0 self-auto secondary4" x-data="" dir="ltr"> 2927 2928 2929 2930 2931 2932 2933 2934 2935 2936 2937 2938 2939 2940 2941 2942 2943 2944 <div x-data="{ sticky: false }"> 2945 2946 <template x-teleport="header"> 2947 <div > 2948 2949 2950 2951 <a 2952 x-data='buttonSticky' 2953 class="bottom-10 right-4 fixed z-30 max-w-[90%] cursor-pointer" 2954 title="" 2955 data-context="other" 2956 href="/en-us/savings" 2957 target="_self" 2958 > 2959 2960 2961 <div 2962 class="buttonSticky buttonSticky--animate buttonSticky--quaternary px-6 py-2 h-20 rounded-t-3xl rounded-bl-3xl transition-all max-w-full" 2963 x-ref="buttonStickyElem" 2964 data-state="expanded" 2965 data-expand-on-scroll-up="none" 2966 data-scroll="none" 2967 data-scroll-mobile="none" 2968 data-delay='30000' 2969 @mouseleave="mouseLeave" 2970 @mouseenter="mouseEnter" 2971 2972 > 2973 <div class="h-full flex items-center overflow-hidden"> 2974 <span class="buttonSticky__text text-base leading-5 whitespace-nowrap ml-4 font-body"> 2975 Save $5! 2976 </span> 2977 </div> 2978 </div> 2979 </a> 2980 2981 </div> 2982 </template> 2983 2984 <div 2985 class='flex w-full justify-center' 2986 x-intersect:enter='sticky = false' 2987 x-intersect:leave='sticky = true' 2988 2989 > 2990 2991 </div> 2992 </div> 2993 </div> 2994 </div> 2995 </div> 2996</div> 2997 </div> 2998 2999 </div> 3000 </div> 3001 3002 </section> 3003 3004 3005 3006 3007 3008 3009 3010 3011 3012 3013 3014 </main> 3015 <footer role="contentinfo"> 3016 3017 3018 3019 3020 3021 3022 3023 3024 3025 3026 3027 <div id="25c225d9-c934-48da-a119-bffd72e5f47a" class="contentGridItem--25c225d9-c934-48da-a119-bffd72e5f47a contentGridItem relative h-full contentGrid-min-h-25c225d9-c934-48da-a119-bffd72e5f47a .background--25c225d9-c934-48da-a119-bffd72e5f47a contentGrid-border-r-25c225d9-c934-48da-a119-bffd72e5f47a " > 3028 3029 3030 3031 3032 3033 3034 3035 <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("25c225d9-c934-48da-a119-bffd72e5f47a");'> 3036 3037 <div class="contentGridItem__container relative h-full" dir="ltr"> 3038 <style> 3039 .backgroundBlur-25c225d9-c934-48da-a119-bffd72e5f47a { 3040 backdrop-filter: blur(px); 3041 -webkit-backdrop-filter: blur(px); 3042 background-color: ; 3043 opacity: calc(/100); 3044 } 3045 </style> 3046 3047 <div class="backgroundBlur-25c225d9-c934-48da-a119-bffd72e5f47a absolute top-0 bottom-0 left-0 right-0"></div> 3048 3049 3050 3051 3052 3053 3054 3055 3056 3057 3058 3059 3060 3061 3062 3063 3064 3065 3066 3067 3068 3069 <div 3070 class="background--25c225d9-c934-48da-a119-bffd72e5f47a backgroundWrap-25c225d9-c934-48da-a119-bffd72e5f47a py-0 text-primary h-full animateImage md:bg-auto bg-no-repeat bg-transparent bg-center bg-no-repeat bg-auto " 3071 3072 3073 > 3074 3075 3076 3077 3078 3079 3080 3081 3082 3083 3084 3085 3086 3087 3088<div class="ContentGrid relative container mx-auto lg:pt-0 lg:pb-0 md:pt-0 md:pb-0 pt-0 pb-0"> 3089 3090 3091 <div class="flex md:flex lg:flex-row flex-wrap justify-center items-center -mx-0 py-0 md:-mx-0 md:py-0 lg:-mx-0 lg:py-0"> 3092 3093 3094 3095 3096 3097 <div class="CHC gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full self-auto " > 3098 3099 3100 <div style="" class="ContentSectionItem h-full w-full py-4 md:py-4 lg:py-4 px-0 md:px-0 lg:px-0 self-auto overrideFonts " x-data="" dir="ltr"> 3101 3102 3103 </div> 3104 </div> 3105 </div> 3106</div> 3107 </div> 3108 3109 </div> 3110 </div> 3111 3112 </div> 3113 3114 3115 3116 3117<div 3118 class="footer bg-primary1 text-white" 3119 3120> 3121 <div class="container mx-auto py-8"> 3122 <div class="flex flex-col md:flex-row justify-between px-4 md:px-0 my-6"> 3123 <div class="md:flex w-full min-w-full items-start"> 3124 <div class="md:w-1/6 flex items-center mt-2 ltr:pr-10 rtl:pl-10" x-data=""> 3125 <a href="/en-us" 3126 @click="
3127 $dispatch('track-event', { 3128 'event': 'cmp_event', 3129 'event_type': 'navigation', 3130 'section': 'footer', 3131 'sub_section': 'logo', 3132 'element': 'logo' 3133 }) 3134 " 3135 > 3136 <img 3137 width="156" height="75" 3138 3139 class="Image h-auto nav__logo max-w-176 md:max-w-full" 3140 src="/dam/jcr:ab94b707-5cd4-4ceb-a67e-bd19294533b9/Nasacort-X-Opella-logo.webp" 3141 decoding="async" 3142 alt="Nasacort® logo - footer Opella CHC logo - footer" 3143 3144 /> 3145 </a> 3146 </div> 3147 3148 <div class="font-body rich-text overrideFonts text-base font-sans p-2 md:px-0 md:w-2/4 md:my-0 my-8"> 3149 <p><span class="text-white">Nasacort® works at the source to give you 24-hour, non-drowsy relief from nasal allergy congestion, sneezing, and runny nose. See for yourself why breathing is believing. </span></p> 3150 3151<p> </p> 3152 3153<div style="display: flex; align-items: center;"> 3154<div style="flex-shrink: 0; width: 70px; height: 118px; overflow: hidden;"><a href="https://www.opella.com/en/making-an-impact" target="_blank"><img alt="B Corp Certification Logo" src="/dam/jcr:121b1e0e-5109-4c53-9422-bc4851ee6de9/nasacortbcorpfooter.2023-07-25-18-46-13.png" style="border-width: 0px; border-style: solid; width: 70px; height: 118px;" /> </a></div> 3155 3156<div style="margin-left: 25px;">The makers of Nasacort are now a <a href="https://www.opella.com/en/making-an-impact" target="_blank"><u>Certified B Corp</u></a>.</div> 3157</div> 3158 3159 </div> 3160 3161 3162 <div class="flex ltr:ml-auto rtl:mr-auto"> 3163 3164<div class="Area flex flex-col justify-evenly"> 3165 <ul class="flex flex-wrap md:flex-nowrap"> 3166 3167 3168<div class="footer__social my-2 max-w-30" x-data=""> 3169 <div > 3170 3171 3172 <a 3173 href="https://www.facebook.com/NasacortOTC/" 3174 rel='noopener' 3175 aria-label='Click to go to facebook' 3176 target="_self" 3177 3178 title="" 3179 data-gtmSection="" 3180 data-gtmSubSection="" 3181 data-gtmElement="" 3182 class="font-title cursor-pointer inline social__item flex h-12.5 w-12.5 mx-1 md:mx-2 items-center hover:bg-white hover:bg-opacity-10 hover:text-default hover:border-default justify-center rounded-full border border-solid border-white " 3183 > 3184 <span > 3185 <svg class="w-6 h-6 social__icon fill-current" aria-hidden="true" role="img"> 3186 3187 <use xlink:href="/.resources/sanofi-lm-platform/themes/sanofi-platform/src/img/sprites/global.svg#facebook"></use> 3188 </svg> 3189 </span> 3190 </a> 3191 3192 3193 </div> 3194</div> 3195 3196 3197 3198 3199 3200<div class="footer__social my-2 max-w-30" x-data=""> 3201 <div > 3202 3203 3204 <a 3205 href="https://www.youtube.com/user/chattemnasacort" 3206 rel='noopener' 3207 aria-label='Click to go to youtube' 3208 target="_self" 3209 3210 title="" 3211 data-gtmSection="" 3212 data-gtmSubSection="" 3213 data-gtmElement="" 3214 class="font-title cursor-pointer inline social__item flex h-12.5 w-12.5 mx-1 md:mx-2 items-center hover:bg-white hover:bg-opacity-10 hover:text-default hover:border-default justify-center rounded-full border border-solid border-white " 3215 > 3216 <span > 3217 <svg class="w-6 h-6 social__icon fill-current" aria-hidden="true" role="img"> 3218 3219 <use xlink:href="/.resources/sanofi-lm-platform/themes/sanofi-platform/src/img/sprites/global.svg#youtube"></use> 3220 </svg> 3221 </span> 3222 </a> 3223 3224 3225 </div> 3226</div> 3227 3228 3229 3230 </ul> 3231</div> </div> 3232 </div> 3233 </div> 3234 </div> 3235 3236 <div class="footer__bottom bg-primary1 text-white"> 3237 <div class="md:flex block container mx-auto items-center py-4"> 3238 <div class="md:flex block w-full md:w-2/3"> 3239 3240<div class="Area block flex-col justify-evenly"> 3241 <ul class="flex flex-wrap flex-col md:flex-row"> 3242 3243 3244 <li class="md:px-2 lg:px-0 px-4 pt-1 md:pt-0 mr-0 md:ltr:mr-8 md:rtl:ml-8 ltr:last:mr-0 rtl:last:ml-0" x-data=""> 3245 3246 3247 <a 3248 href="/en-us/contact" 3249 3250 3251 target="_self" 3252 3253 title="" 3254 data-gtmSection="" 3255 data-gtmSubSection="" 3256 data-gtmElement="" 3257 class=" cursor-pointer inline font-navigation font-footer-links text-size-default hover:underline " 3258 >
3259 <span > 3260 Contact us 3261 </span> 3262 </a> 3263 3264 3265 </li> 3266 3267 3268 <li class="md:px-2 lg:px-0 px-4 pt-1 md:pt-0 mr-0 md:ltr:mr-8 md:rtl:ml-8 ltr:last:mr-0 rtl:last:ml-0" x-data=""> 3269 3270 3271 <a 3272 href="/en-us/savings" 3273 3274 3275 target="_self" 3276 3277 title="" 3278 data-gtmSection="" 3279 data-gtmSubSection="" 3280 data-gtmElement="" 3281 class=" cursor-pointer inline font-navigation font-footer-links text-size-default hover:underline " 3282 > 3283 <span > 3284 Offers 3285 </span> 3286 </a> 3287 3288 3289 </li> 3290 3291 3292 <li class="md:px-2 lg:px-0 px-4 pt-1 md:pt-0 mr-0 md:ltr:mr-8 md:rtl:ml-8 ltr:last:mr-0 rtl:last:ml-0" x-data=""> 3293 3294 3295 <a 3296 href="/en-us/sitemap" 3297 3298 3299 target="_self" 3300 3301 title="" 3302 data-gtmSection="" 3303 data-gtmSubSection="" 3304 data-gtmElement="" 3305 class=" cursor-pointer inline font-navigation font-footer-links text-size-default hover:underline " 3306 > 3307 <span > 3308 Sitemap 3309 </span> 3310 </a> 3311 3312 3313 </li> 3314 3315 3316 <li class="md:px-2 lg:px-0 px-4 pt-1 md:pt-0 mr-0 md:ltr:mr-8 md:rtl:ml-8 ltr:last:mr-0 rtl:last:ml-0" x-data=""> 3317 3318 3319 <a 3320 href="https://www.opella.com/en/privacy-center/documents/website-privacy-notice-en-us" 3321 rel='noopener' 3322 3323 target="_blank" 3324 3325 title="" 3326 data-gtmSection="" 3327 data-gtmSubSection="" 3328 data-gtmElement="" 3329 class=" cursor-pointer inline font-navigation font-footer-links text-size-default hover:underline " 3330 > 3331 <span > 3332 Privacy Notice 3333 </span> 3334 </a> 3335 3336 3337 </li> 3338 3339 3340 <li class="md:px-2 lg:px-0 px-4 pt-1 md:pt-0 mr-0 md:ltr:mr-8 md:rtl:ml-8 ltr:last:mr-0 rtl:last:ml-0" x-data=""> 3341 3342 3343 <a 3344 href="https://www.opella.com/en/privacy-center/documents/chd-privacy-notice-en-us" 3345 rel='noopener' 3346 3347 target="_blank" 3348 3349 title="" 3350 data-gtmSection="" 3351 data-gtmSubSection="" 3352 data-gtmElement="" 3353 class=" cursor-pointer inline font-navigation font-footer-links text-size-default hover:underline " 3354 > 3355 <span > 3356 Consumer Health Data Privacyâ Notice 3357 </span> 3358 </a> 3359 3360 3361 </li> 3362 3363 3364 <li class="md:px-2 lg:px-0 px-4 pt-1 md:pt-0 mr-0 md:ltr:mr-8 md:rtl:ml-8 ltr:last:mr-0 rtl:last:ml-0" x-data=""> 3365 3366 3367 <a 3368 href="https://hcpportal.hcpordering.com" 3369 rel='noopener' 3370 3371 target="_blank" 3372 3373 title="Order Healthcare Professional Samples" 3374 data-gtmSection="" 3375 data-gtmSubSection="" 3376 data-gtmElement="" 3377 class=" cursor-pointer inline font-navigation font-footer-links text-size-default hover:underline " 3378 > 3379 <span > 3380 Order Healthcare Professional Samples 3381 </span> 3382 </a> 3383 3384 3385 </li> 3386 3387 3388 <li class="md:px-2 lg:px-0 px-4 pt-1 md:pt-0 mr-0 md:ltr:mr-8 md:rtl:ml-8 ltr:last:mr-0 rtl:last:ml-0" x-data=""> 3389 3390 3391 <a 3392 href="/en-us/where-to-buy" 3393 3394 3395 target="_self" 3396 3397 title="" 3398 data-gtmSection="" 3399 data-gtmSubSection="" 3400 data-gtmElement="" 3401 class=" cursor-pointer inline font-navigation font-footer-links text-size-default hover:underline " 3402 > 3403 <span > 3404 Where to buy 3405 </span> 3406 </a> 3407 3408 3409 </li> 3410 3411 3412 <li class="md:px-2 lg:px-0 px-4 pt-1 md:pt-0 mr-0 md:ltr:mr-8 md:rtl:ml-8 ltr:last:mr-0 rtl:last:ml-0" x-data=""> 3413 3414 3415 <a 3416 href="/en-us/cookies" 3417 3418 3419 target="_self" 3420 3421 title="" 3422 data-gtmSection="" 3423 data-gtmSubSection="" 3424 data-gtmElement="" 3425 class=" cursor-pointer inline font-navigation font-footer-links text-size-default hover:underline " 3426 >
3427 <span > 3428 Do Not Sell or Share My Personal Information 3429 </span> 3430 </a> 3431 3432 3433 </li> 3434 3435 3436 <li class="md:px-2 lg:px-0 px-4 pt-1 md:pt-0 mr-0 md:ltr:mr-8 md:rtl:ml-8 ltr:last:mr-0 rtl:last:ml-0" x-data=""> 3437 3438 3439 <a 3440 href="https://www.opella.com/en/legal-notice" 3441 rel='noopener' 3442 3443 target="_blank" 3444 3445 title="" 3446 data-gtmSection="" 3447 data-gtmSubSection="" 3448 data-gtmElement="" 3449 class=" cursor-pointer inline font-navigation font-footer-links text-size-default hover:underline " 3450 > 3451 <span > 3452 Terms & Conditions 3453 </span> 3454 </a> 3455 3456 3457 </li> 3458 3459 3460 <li class="md:px-2 lg:px-0 px-4 pt-1 md:pt-0 mr-0 md:ltr:mr-8 md:rtl:ml-8 ltr:last:mr-0 rtl:last:ml-0" x-data=""> 3461 3462 3463 <a 3464 href="/en-us/community-guidelines" 3465 3466 3467 target="_self" 3468 3469 title="" 3470 data-gtmSection="" 3471 data-gtmSubSection="" 3472 data-gtmElement="" 3473 class=" cursor-pointer inline font-navigation font-footer-links text-size-default hover:underline " 3474 > 3475 <span > 3476 Community Guidelines 3477 </span> 3478 </a> 3479 3480 3481 </li> 3482 3483 3484 <li class="md:px-2 lg:px-0 px-4 pt-1 md:pt-0 mr-0 md:ltr:mr-8 md:rtl:ml-8 ltr:last:mr-0 rtl:last:ml-0" x-data=""> 3485 3486 3487 <a 3488 href="https://www.opella.com/en/making-an-impact" 3489 rel='noopener' 3490 3491 target="_blank" 3492 3493 title="" 3494 data-gtmSection="" 3495 data-gtmSubSection="" 3496 data-gtmElement="" 3497 class=" cursor-pointer inline font-navigation font-footer-links text-size-default hover:underline " 3498 > 3499 <span > 3500 Our responsibility 3501 </span> 3502 </a> 3503 3504 3505 </li> 3506 </ul> 3507</div> </div> 3508 3509 <div class="font-body flex flex-start md:flex-end px-4 md:px-0 ml-auto md:mt-0 mt-12 text-sm w-full md:w-1/3 flex-col rtl:text-left ltr:text-right"> 3510 3511 <p><span class="text-body-6"><span class="text-white">© 2025 Opella Healthcare Group SAS. All rights reserved.</span></span></p> 3512 3513<p><span class="text-body-6"><span class="text-white">The content of this site is intended for US audiences only. Use all products only as directed.</span></span></p> 3514 3515 3516 </div> 3517 </div> 3518 </div> 3519</div> 3520 3521 3522 <div class="block" x-data="anchorMenu" x-init="scrollTopBtnObserver()"> 3523 <a href="#" class=" fixed bottom-4 right-6 xl:right-16 transform translate-y-8 opacity-0 scrollTopBtn h-12 w-12 border-2 border-default bg-primary1 z-40 p-4 transition-all duration-500 rounded-full" 3524 x-on:click.prevent 3525 @click="scrollTop()"> 3526 <i class="icon chevron border-white chevron--up"></i> 3527 </a> 3528 </div> 3529 </footer> 3530 3531 3532 3533 3534 3535 3536 3537 3538 3539 3540 3541 3542 3543 3544 3545 3546 3547 3548 3549 3550 3551 3552 <style>
3553 .modal-chc .modal__parent { 3554 } 3555 3556 </style> 3557 3558 3559 <div 3560 id="" 3561 class="h-full w-full z-50 hidden modal-chc" 3562 style="backdrop-filter: blur(0px); -webkit-backdrop-filter: blur(0px);" 3563 :class="{'hidden': !open, 'fixed': open}" 3564 x-data="modal({ 3565 uuid: '', 3566 hideScroll: 'overflow-auto', 3567 blurMobile: '0', 3568 blurDesktop: '0', 3569 mobileStatus: true, 3570 desktopStatus: true 3571 })" 3572 x-init="$nextTick(triggerNextTick('')); initFocus(''); initState(false, ''); validateStorage('', 'cookies'); ; timeDelay(20, '');" 3573 x-cloak 3574 border-radius:25px; 3575 > 3576 <div 3577 class="modal__parent top-0 left-0 right-0 bottom-0 z-50 flex items-center justify-center w-full h-full bg-black bg-opacity-70" 3578 :class="{'hidden': !open, 'fixed': open}" 3579 @open-modal.window="openModal($event.detail.id); $store.chcHeader.modalShow = true" 3580 @close-modal.window="closeModal('7154648a-ba34-4324-98cc-ebe746814cdb'); $store.chcHeader.modalShow = false" 3581 @click="closeModal('7154648a-ba34-4324-98cc-ebe746814cdb'); pauseVideo(), $store.chcHeader.modalShow = false" 3582 x-on:keydown.escape.window="closeModal('7154648a-ba34-4324-98cc-ebe746814cdb'); pauseVideo()" 3583 > 3584 </div> 3585 <div :class="{'hidden': !open, 'fixed': open}" class="z-50 w-full px-2 -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2" @click="closeModal('7154648a-ba34-4324-98cc-ebe746814cdb'); pauseVideo(), $store.chcHeader.modalShow = false"> 3586 <div 3587 tabindex="-1" 3588 role="dialog" 3589 id="modal-" 3590 data-id="" 3591 data-gtmContext="other" 3592 aria-modal="true" 3593 class=" bg-white text-black relative overflow-auto h-auto max-h-90vh text-left shadow-xl w-11/12 md:w-4/12 lg:w-4/12 px-4 py-12 md:max-w-7xl md:py-8 md:px-8 lg:py-12 lg:px-12 mx-auto" 3594 style='border-radius:25px;' 3595 @click="stopPropagation" 3596 > 3597 <button 3598 @click="closeModal('7154648a-ba34-4324-98cc-ebe746814cdb'), pauseVideo(), clearActiveQuicklinkClass(), $store.chcHeader.modalShow = false" 3599 @focus="open = true" 3600 class="close-modal-btn flex absolute top-2 right-3 " 3601 aria-label="close" 3602 type="button" 3603 > 3604 <span class="font-body text-default leading-none overflow-hidden text-3xl">Ã</span> 3605 </button> 3606 3607 3608 3609 3610 3611 3612<div class="ContentGrid relative "> 3613 3614 3615 <div class="flex md:flex lg:flex-row flex-wrap "> 3616 3617 3618 3619 3620 3621 <div class="CHC gridComponent flex flex-col w-full self-auto " > 3622 3623 3624 3625 3626 3627 3628 3629 3630 3631 <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-0 md:px-0 lg:px-0 items-center self-auto contentSectionItem-border-r-b00ab86c-edb7-4fc0-930c-7cd394575847 bg-transparent" x-data="" dir="ltr"> 3632 3633 3634 3635 3636 3637 3638 3639 3640 3641 3642 3643 3644 <section id="b00ab86c-edb7-4fc0-930c-7cd394575847" class="contentGridItem--b00ab86c-edb7-4fc0-930c-7cd394575847 contentGridItem relative h-full contentGrid-min-h-b00ab86c-edb7-4fc0-930c-7cd394575847 .background--b00ab86c-edb7-4fc0-930c-7cd394575847 contentGrid-border-r-b00ab86c-edb7-4fc0-930c-7cd394575847 " > 3645 3646 3647 3648 3649 3650 3651 3652 <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("b00ab86c-edb7-4fc0-930c-7cd394575847");'> 3653 3654 <div class="contentGridItem__container relative h-full" dir="ltr"> 3655 <style> 3656 .backgroundBlur-b00ab86c-edb7-4fc0-930c-7cd394575847 { 3657 backdrop-filter: blur(px); 3658 -webkit-backdrop-filter: blur(px); 3659 background-color: ; 3660 opacity: calc(/100); 3661 } 3662 </style> 3663 3664 <div class="backgroundBlur-b00ab86c-edb7-4fc0-930c-7cd394575847 absolute top-0 bottom-0 left-0 right-0"></div> 3665 3666 3667 3668 3669 3670 3671 3672 3673 3674 3675 3676 3677 3678 3679 3680 3681 3682 3683 3684 3685 3686 <div 3687 class="background--b00ab86c-edb7-4fc0-930c-7cd394575847 backgroundWrap-b00ab86c-edb7-4fc0-930c-7cd394575847 py-0 md:py-0 lg:py-0 px-0 md:px-0 lg:px-0 text-primary h-full animateImage md:bg-auto bg-no-repeat bg-transparent bg-center bg-no-repeat bg-cover " 3688 3689 3690 > 3691 3692 3693 3694 3695 3696 3697 3698 3699 3700 3701<div class="ContentGrid relative container mx-auto "> 3702 3703 3704 <div class="flex md:flex md:flex-row lg:flex-row flex-wrap justify-center items-center -mx-0 py-0 md:-mx-0 md:py-0 lg:-mx-0 lg:py-0"> 3705 3706 3707 3708 3709 3710 <div class="CHC gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full self
3710-auto " > 3711 3712 3713 3714 3715 3716 3717 3718 3719 <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-0 md:px-0 lg:px-0 self-auto imageAttachment default default" x-data="" dir="ltr"> 3720 3721 3722 3723 3724 3725 3726 3727 3728 3729 3730 3731 3732 3733 <div class="uiImage relative block w-full block image-border-r-68295f7a-12e2-4386-a6cf-a885668d6da4" data-imageren=false> 3734 3735 3736 3737 3738 3739 3740 3741 3742 3743 3744 <picture> 3745 <source 3746 srcset="/dam/jcr:70909644-f6e7-4498-9088-414145d58f27/Image_PopUp_Products_Mobile.webp 0w" 3747 media="(max-width: 767px)" 3748 class="" 3749 3750 /> 3751 <source 3752 srcset="/dam/jcr:c50cc709-bcae-41b3-a16e-8bf60a55061d/Image_PopUp_Products_Desktop.webp 0w" 3753 media="(min-width: 768px)" 3754 class="" 3755 3756 /> 3757 <img 3758 3759 src="/dam/jcr:70909644-f6e7-4498-9088-414145d58f27/Image_PopUp_Products_Mobile.webp 0w" 3760 loading="lazy" 3761 decoding="async" 3762 data-fade-in="true" 3763 class="w-full block block lg:hidden" 3764 alt="" 3765 3766 3767 3768 /> 3769 <img 3770 3771 src="/dam/jcr:c50cc709-bcae-41b3-a16e-8bf60a55061d/Image_PopUp_Products_Desktop.webp 0w" 3772 loading="lazy" 3773 decoding="async" 3774 data-fade-in="true" 3775 class="w-full block hidden lg:block" 3776 alt="" 3777 3778 3779 3780 /> 3781 </picture> 3782 <div class="cardImageOverlay absolute top-0 left-0 w-full h-full block opacity-30 bg-bg-black" ></div> 3783 3784 </div> 3785 3786 3787 3788 3789 </div> 3790 </div> 3791 3792 3793 3794 3795 3796 <div class="CHC gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full self-auto " > 3797 3798 3799 3800 3801 3802 3803 3804 3805 3806 <div style="" class="ContentSectionItem h-full w-full py-4 md:py-4 lg:py-4 px-0 md:px-0 lg:px-0 items-center self-auto contentSectionItem-border-r-94996cc9-e8ee-41ba-9059-c6b5d4c23ed5 bg-transparent" x-data="" dir="ltr"> 3807 3808 3809 3810 3811 3812 3813 3814 3815 3816 3817 3818 3819 <section id="94996cc9-e8ee-41ba-9059-c6b5d4c23ed5" class="contentGridItem--94996cc9-e8ee-41ba-9059-c6b5d4c23ed5 contentGridItem relative h-full contentGrid-min-h-94996cc9-e8ee-41ba-9059-c6b5d4c23ed5 .background--94996cc9-e8ee-41ba-9059-c6b5d4c23ed5 contentGrid-border-r-94996cc9-e8ee-41ba-9059-c6b5d4c23ed5 " > 3820 3821 3822 3823 3824 3825 3826 3827 <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("94996cc9-e8ee-41ba-9059-c6b5d4c23ed5");'> 3828 3829 <div class="contentGridItem__container relative h-full" dir="ltr"> 3830 <style> 3831 .backgroundBlur-94996cc9-e8ee-41ba-9059-c6b5d4c23ed5 { 3832 backdrop-filter: blur(px); 3833 -webkit-backdrop-filter: blur(px); 3834 background-color: ; 3835 opacity: calc(/100); 3836 } 3837 </style> 3838 3839 <div class="backgroundBlur-94996cc9-e8ee-41ba-9059-c6b5d4c23ed5 absolute top-0 bottom-0 left-0 right-0"></div> 3840 3841 3842 3843 3844 3845 3846 3847 3848 3849 3850 3851 3852 3853 3854 3855 3856 3857 3858 3859 3860 3861 <div 3862 class="background--94996cc9-e8ee-41ba-9059-c6b5d4c23ed5 backgroundWrap-94996cc9-e8ee-41ba-9059-c6b5d4c23ed5 py-4 md:py-4 lg:py-4 px-0 md:px-0 lg:px-0 text-primary h-full animateImage md:bg-auto bg-no-repeat bg-transparent bg-center bg-no-repeat bg-cover " 3863 3864 3865 > 3866 3867 3868 3869 3870 3871 3872 3873 3874 3875 3876<div class="ContentGrid relative container mx-auto "> 3877 3878 3879 <div class="flex md:flex md:flex-row lg:flex-row flex-wrap justify-center items-center -mx-0 py-0 md:-mx-0 md:py-0 lg:-mx-0 lg:py-0"> 3880 3881 3882 3883 3884 3885 <div class="CHC gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-11/12 md:w-full lg:w-full self-auto " > 3886 3887 3888 3889 <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-8 md:px-0 lg:px-0 self-auto contentBlock flex flex-col text-center md:text-center lg:text-center text-primary1 bg- bg-transparent" x-data="" dir="ltr"> 3890 3891 3892 <div class="flex items-center justify-center md:justify-center lg:justify-center overrideFonts"> 3893 3894 <h2 class="contentBlock__title text-title-3 font-title text-"><p>Join the Nasacort<sup class='super'>®</sup> community</p> 3895</h2> 3896 </div> 3897 3898 </div> 3899 </div> 3900 3901 3902 3903 3904 3905 <div class="CHC gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-10/12 md:w-full lg:w-9/12 self
3905-auto " > 3906 3907 3908 3909 <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-8 md:px-16 lg:px-16 self-auto contentBlock flex flex-col text-center md:text-center lg:text-center text-primary1 bg- bg-transparent" x-data="" dir="ltr"> 3910 3911 3912 3913 <div class="rich-text mt-3 text-base font-body overrideFonts"> 3914 <p>Unlock exclusive offers, expert content, news, and more when you join the Nasacort® Community.</p> 3915 3916 </div> 3917 </div> 3918 </div> 3919 3920 3921 3922 3923 3924 <div class="CHC gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full md:w-auto lg:w-auto self-auto " > 3925 3926 3927 3928 <div style="" class="ContentSectionItem h-full w-full py-4 md:py-4 lg:py-4 px-8 md:px-16 lg:px-16 self-auto bg-transparent" x-data="" dir="ltr"> 3929 3930 3931 3932 3933 3934 3935 3936 3937 3938 3939 3940 3941 3942 <div class='w-full flex justify-center'> 3943 <style> 3944 .button-8224485b-df4c-4bab-be1a-1ee7c3547fdb > div { 3945 justify-content: center; 3946 column-gap: 4px; 3947 } 3948 </style> 3949 3950 3951 3952 3953 3954<style> 3955 .button.active, 3956 .button:not(:focus):hover { 3957 background-image: none; 3958 } 3959 3960 .button:not(.button--gradientBorderHover):hover::before { 3961 z-index: -1; 3962 } 3963 3964 .button:not(.button--gradientTextHover):hover > .button__spanGradient { 3965 background: transparent; 3966 -webkit-background-clip: unset; 3967 -webkit-text-fill-color: unset; 3968 } 3969 3970</style> 3971 <a class="group button button--default button--hoverDefault text-center overflow-hidden inline-block border transition transition-all border rounded-full border-solid w-full text-center button-8224485b-df4c-4bab-be1a-1ee7c3547fdb " 3972 href="/en-us/savings" 3973 target="_self" 3974 data-context="other" 3975 > 3976 3977 3978 3979 <span class=" "> 3980 3981 <span> 3982 SIGN UP 3983 </span> 3984 3985 </span> 3986 </a> 3987 </div> 3988 </div> 3989 </div> 3990 </div> 3991</div> 3992 </div> 3993 3994 </div> 3995 </div> 3996 3997 </section> 3998 3999 </div> 4000 </div> 4001 </div> 4002</div> 4003 </div> 4004 4005 </div> 4006 </div> 4007 4008 </section> 4009 4010 </div> 4011 </div> 4012 </div> 4013</div> </div> 4014 </div> 4015 </div> 4016 4017
4017<script type="text/javascript" async> 4018/* eslint-disable */ 4019 4020document.addEventListener("alpine:init", () => { 4021 Alpine.data("modal", (config) => { 4022 const opts = { 4023 focus: false, 4024 open: false, 4025 focusTrap: null, 4026 }; 4027 4028 return { 4029 ...opts, 4030 ...config, 4031 stopPropagation() { 4032 this.$event.stopPropagation(); 4033 }, 4034 initState(state, id) { 4035 if (state) { 4036 if (id !== this.uuid) return; 4037 4038 this.open = state; 4039 4040 if (!this.open) return; 4041 4042 this.blurOverlay(); 4043 this.preventScroll(id); 4044 4045 window.addEventListener("resize", () => { 4046 this.blurOverlay(); 4047 }); 4048 } 4049 }, 4050 openModal(id) { 4051 if (id !== this.uuid) return; 4052 4053 const windowW = window.innerWidth; 4054 4055 this.open = windowW < 1024? !this.mobileStatus : !this.desktopStatus; 4056 4057 if (!this.open) return; 4058 4059 this.blurOverlay(); 4060 this.preventScroll(id); 4061 4062 window.addEventListener("resize", () => { 4063 this.blurOverlay(); 4064 }); 4065 }, 4066 closeModal(id) { 4067 this.open = false; 4068 this.$trackEvent({ 4069 event: 'click_popup', 4070 event_type: 'click', 4071 popup_name: id ?? '' 4072 }); 4073 this.blurOverlay(); 4074 }, 4075 preventScroll(uuid) { 4076 if (this.uuid !== uuid) return; 4077 4078 const classHide = this.hideScroll? this.hideScroll : "overflow-hidden"; 4079 4080 classHide.split(" ").forEach(scrollClass => { 4081 const bodyEl = document.body; 4082 if (!bodyEl.classList.contains(scrollClass)) bodyEl.classList.add(scrollClass); 4083 }); 4084 }, 4085 restoreScroll() { 4086 const classHide = this.hideScroll? this.hideScroll : "overflow-hidden"; 4087 document.body.classList.remove(...classHide.split(" ")); 4088 }, 4089 triggerNextTick(id){ 4090 const urlParams = new URLSearchParams(window.location.search); 4091 if (urlParams.size > 0){ 4092 const openModalParam = urlParams.get('openmodal'); 4093 if (openModalParam == id){ 4094 this.openModal(id); 4095 } 4096 } 4097 }, 4098 timeDelay(seconds, id){ 4099 this.setInitModalSession(); 4100 4101 if (seconds) { 4102 const arrModal = JSON.parse(sessionStorage.getItem("modal")); 4103 if (!arrModal.includes(id)) { 4104 setTimeout(() => { 4105 this.openModal(id); 4106 sessionStorage.setItem("modal", this.sessionModal(id)); 4107 }, seconds * 1000); 4108 } 4109 } 4110 }, 4111 scrollPosition(percentage) { 4112 if (!percentage) return; 4113 4114 let triggered = false; 4115 4116 const scrollHandler = () => { 4117 // Calculate total scrollable height 4118 const totalHeight = document.documentElement.scrollHeight - window.innerHeight; 4119 4120 // Calculate the scroll position corresponding to the given percentage 4121 const targetY = totalHeight * (percentage / 100); 4122 4123 if (window.scrollY >= targetY && !triggered) { 4124 this.open = true; 4125 triggered = true; 4126 4127 // Remove the event listener after the action is triggered 4128 document.removeEventListener('scroll', scrollHandler); 4129 } 4130 }; 4131 4132 document.addEventListener('scroll', scrollHandler); 4133 }, 4134 clickCount(id, clicks, elements) { 4135 if (!clicks || !elements || elements.length === 0) return; 4136
4137 const elementKey = elements.join("_").toLowerCase(); 4138 const triggeredKey = id + '_triggered_' + elementKey; 4139 4140 // Check if this has already been triggered in this session 4141 if (sessionStorage.getItem(triggeredKey)) { 4142 return; 4143 } 4144 4145 const triggerKey = id + '_trigger_' + elementKey; 4146 4147 // Trigger modal if count was reached 4148 if (sessionStorage.getItem(triggerKey) == 'true') { 4149 this.open = true; 4150 4151 sessionStorage.removeItem(triggerKey); 4152 sessionStorage.setItem(triggeredKey, 'true'); 4153 4154 return; 4155 } 4156 4157 const countKey = id + '_clickCount_' + elementKey; 4158 let count = parseInt(sessionStorage.getItem(countKey) || "0", 10); 4159 4160 const clickHandler = (e) => { 4161 // Check if the clicked element's tag name is included in the provided elements array 4162 if (elements.map(el => el.toLowerCase()).includes(e.target.tagName.toLowerCase())) { 4163 count++; 4164 sessionStorage.setItem(countKey, count.toString()); 4165 4166 if (count >= clicks) { 4167 // Note in sessionStorage that this has been triggered 4168 sessionStorage.setItem(triggerKey, 'true'); 4169 4170 sessionStorage.removeItem(countKey); 4171 document.removeEventListener('click', clickHandler); // Remove listener 4172 4173 setTimeout(() => { 4174 this.open = true; 4175 sessionStorage.removeItem(triggerKey); 4176 sessionStorage.setItem(triggeredKey, 'true'); 4177 }, 2000); 4178 } 4179 } 4180 }; 4181 4182 document.addEventListener('click', clickHandler); 4183 }, 4184 initFocus(id) { 4185 const container = document.getElementById("modal-" + id); 4186 let btn = container.querySelector(".close-modal-btn"); 4187 4188 if (container) { 4189 const props = { 4190 fallbackFocus: container, 4191 allowOutsideClick: true, 4192 preventScroll: true, 4193 onActivate: () => { 4194 //set first button as the first focus when modal is opened. bug with this package requires this odd syntax :( 4195 setTimeout("document.getElementById('modal-" + id + "').querySelectorAll('button')[0].focus();", 50); 4196 }, 4197 } 4198 if (btn) { 4199 props.initialFocus = btn; 4200 } 4201 this.focusTrap = this.$createFocusTrap("#modal-" + id, props); 4202 4203 this.$watch("open", (value) => { 4204 if (value === true) { 4205 this.focusTrap.activate(); 4206 } else { 4207 this.focusTrap.deactivate(); 4208 } 4209 }); 4210 } 4211 }, 4212 // Clear Active class for Quicklink List Item when closing modal 4213 clearActiveQuicklinkClass() { 4214 const quicklinksMenu = document.querySelector('.quicklinks') 4215 if(quicklinksMenu){ 4216 let anchors = quicklinksMenu.querySelectorAll("li.anchorItem"); 4217 anchors.forEach((anchor) => { 4218 anchor.classList.remove('contentStyleActiveAnchorLink'); 4219 }); 4220 } 4221 }, 4222 pauseVideo() { 4223 var videos = document.querySelectorAll("iframe, video"); 4224 Array.prototype.forEach.call(videos, function (video) { 4225 if (video.tagName.toLowerCase() === "video") { 4226 video.pause(); 4227 } else { 4228 //pause iframe videos without loading/calling the Youtube ifame api 4229 video.contentWindow.postMessage(JSON.stringify({ event: "command", func: "stopVideo" }), "*"); 4230 } 4231 }); 4232 }, 4233 validateStorage(name, storageType="cookies") { 4234 if(name){ 4235 switch(storageType) { 4236 case "session": 4237 this.validateSessionStorage(name); 4238 break; 4239 case "local": 4240 this.validateLocalStorage(name); 4241 break; 4242 default: 4243 this.validateCookie(name); 4244 } 4245 } 4246 }, 4247 validateCookie(name) { 4248 const cookie = this.$getCookie(name); 4249 if (cookie) { 4250 this.closeModal(); 4251 } 4252 }, 4253 validateSessionStorage(name) { 4254 const session = window.sessionStorage.getItem(name); 4255 if (session) { 4256 this.closeModal(); 4257 } 4258 }, 4259 validateLocalStorage(name) { 4260 const local = window.localStorage.getItem(name); 4261 if (local) { 4262 this.closeModal(); 4263 } 4264 }, 4265 removeDisabledAttribute(id) { 4266 let inputElement = document.getElementById(id); 4267 inputElement.removeAttribute("disabled"); 4268 inputElement.checked = true; 4269 }, 4270 addDisabledAttribute(id) { 4271 let inputElement = document.getElementById(id); 4272 inputElement.setAttribute("disabled", "disabled"); 4273 inputElement.checked = false;
4274 }, 4275 appendToBody() { 4276 document.body.appendChild(this.$el); 4277 }, 4278 setInitModalSession() { 4279 const arrModal = sessionStorage.getItem("modal"); 4280 if (!arrModal) sessionStorage.setItem("modal", "[]"); 4281 }, 4282 sessionModal(id) { 4283 let arrModal = sessionStorage.getItem("modal"); 4284 4285 const parsedArr = JSON.parse(arrModal); 4286 4287 if (!parsedArr.includes(id)) { 4288 parsedArr.push(id); 4289 return JSON.stringify(parsedArr); 4290 } else { 4291 return arrModal; 4292 } 4293 }, 4294 blurOverlay () { 4295 let boolModalStatus = false; 4296 document.querySelectorAll(".modal-chc").forEach(el => { 4297 const alpineData = Alpine.$data(el) 4298 if (alpineData.open) boolModalStatus = true; 4299 }); 4300 4301 if (!boolModalStatus) this.restoreScroll(); 4302 } 4303 }; 4304 }); 4305}); </script>
vendor: 1 bytes, line 4305
4305
4306<script src="/.resources/sanofi-lm-chc/themes/chc/dist/common~2026-09-30-08-55-30-000~cache.js" async></script>
vendor: 1 bytes, line 4306
4306
4307<script src="/.resources/sanofi-lm-chc/themes/chc/dist/pages/chcDefaultPage~2026-09-30-08-55-30-000~cache.js" async></script>
4307 <div class="overrideFonts"> 4308 <!-- pdp UX --> 4309<!-- script> 4310if (document.querySelector('[name="algo:pageType"]').content === 'pdp') { 4311 document.querySelector('.hero-wrap').classList.add('m60'); 4312 document.body.classList.add('product-detail'); 4313} 4314</script --> 4315
4316<script> 4317if (document.querySelector('[property="og:url"]').content.includes('/savings')) { 4318 document.body.classList.add('offers'); 4319} 4320</script>
4320 4321
4322<script> 4323if(document.querySelector('#zipCode')) { 4324document.querySelector('#zipCode').onkeydown = (e) => { 4325 if ((e.which >= 48 && e.which <= 57) || e.which == 37 || e.which == 39 || e.which == 8) { 4326 if (e.target.value.length < 5) { 4327 return true; 4328 } else { 4329 if (e.which == 37 || e.which == 39 || e.which == 8) { 4330 return true; 4331 } else { 4332 e.preventDefault(); 4333 } 4334 4335 } 4336 } else { 4337 e.preventDefault(); 4338 } 4339} 4340} 4341</script>
vendor: 1 bytes, line 4341
4341
4342<script> 4343document.addEventListener('scroll', () => { 4344 const footerTop = document.querySelector('footer').getClientRects(); 4345 if (footerTop[0].top <= 0) { 4346 document.body.classList.add('sticky__adjusted'); 4347 } else { 4348 document.body.classList.remove('sticky__adjusted'); 4349 } 4350}); 4351 4352/* 4353const offers = document.querySelector('.nav__desktop .nav__left > div:nth-child(5) > .nav__item > a'); 4354const wtb = document.querySelector('.nav__desktop .nav__left > div:nth-child(6) > .nav__item > a'); 4355 4356offers.href = 'https://www.nasacort.com/en-us/where-to-buy'; 4357wtb.href = 'https://www.nasacort.com/en-us/savings'; 4358offers.text = "Where to Buy"; 4359wtb.text = "Offers"; */ 4360</script>
vendor: 1 bytes, line 4360
4360
4361<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.1/jquery.min.js" integrity="sha512-aVKKRRi/Q/YV+4mjoKBsE4x3H+BkegoM/em46NNlCqNTmUYADjBbeNefNxYV7giUp0VxICtqdrbqU7iVaeZNXA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
4361 4362<!-- script> 4363document.querySelector('.footer__bottom .font-body > p:first-child .text-white').innerText = '© 2025 Opella Healthcare Group SAS. Sanofi Consumer Healthcare business unit. All rights reserved.'; 4364</script -->
4365<script> 4366 $("#pollenForecastSearch #formSearch input[type='submit']").on("click", function() { 4367 if ($("#pollenForecastSearch #formSearch input[type='text']").val() != "") { 4368 $("#pollenForecastSearch + .frame-wrapper > iframe").show(); 4369 } 4370 }); 4371</script>
4371 4372
4373<script> 4374/* ---- disable script ---- 4375var liveURL = window.location.hostname === 'www.nasacort.com' ? '/' : ''; 4376var pagesUrl =[ 4377 `${liveURL}en-us/`, 4378 `${liveURL}en-us/allergy-nasal-spray`, 4379 `${liveURL}en-us/instructions`, 4380 `${liveURL}en-us/about-allergies`, 4381 `${liveURL}en-us/about-allergies/seasonal-allergies`, 4382 `${liveURL}en-us/about-allergies/pet-allergies`, 4383 `${liveURL}en-us/about-allergies/indoor-allergies`, 4384 `${liveURL}en-us/about-allergies/allergy-regimen`, 4385 `${liveURL}en-us/about-allergies/nasal-spray-vs-tablet`, 4386 `${liveURL}en-us/coupons`, 4387 `${liveURL}en-us/where-to-buy`, 4388 `${liveURL}en-us/error`, 4389 `${liveURL}en-us/contact`, 4390 `${liveURL}en-us/sitemap`, 4391 `${liveURL}en-us/community-guidelines`, 4392]; 4393 4394if(pagesUrl.indexOf(window.location.pathname.replace(/\/nasacort-us\//g,'')) > -1) { 4395 document.body.insertAdjacentHTML('beforeend', `<div data-tf-sidetab="CaZ8HPvT" data-tf-custom-icon="https://images.typeform.com/images/VjJp6jX8qFAD" data-tf-opacity="100" data-tf-iframe-props="title=Nasacort - CRM Form - US" data-tf-transitive-search-params data-tf-button-color="#031652" data-tf-button-text="Sign up & Save" data-tf-medium="snippet" data-tf-hidden="source=popout,utm_source=,utm_medium=,utm_campaign=,utm_term=,utm_content=" style="all:unset;"></div>`); 4396 var script = document.createElement('script'); 4397 script.src = '//embed.typeform.com/next/embed.js'; 4398 document.body.appendChild(script); 4399} 4400---- */ 4401</script>
4401 4402 4403 4404 4405 </div> 4406 4407 4408 </body> 4409</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.