1 2<!DOCTYPE HTML> 3<html lang="en-US"> 4 <head> 5
5<script type="text/javascript" src="https://www.princess.com/static/71b43ccceb83fec8b99b9d5eb1ad454f9d3c434287dd74" async ></script>
5<meta http-equiv="X-UA-Compatible" content="IE=edge"/> 6 <meta charset="UTF-8"/> 7 <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> 8 9 <title>Princess Cruises Blog â Destinations, Tips & Travel Guides - Princess Cruises</title> 10 <meta name="content-page-ref" content="e2WFi0hc2-mVoznngLaI-F9qMAxqhlHIrkQX67CLGLuUu4KNgzgF0C1rq7u725mbhhFh7MnzqcWBRjYg4onF0Q"/> 11<link rel="canonical" href="https://www.princess.com/blog"/> 12 13 14 15 16 17 18 19 <meta class="swiftype" name="description" content="Discover cruise tips, destination guides, and travel inspiration on the Princess Cruises blog. From Alaska to the Mediterranean â start exploring."/> 20 21 <meta class="swiftype" name="lastPublishTime" data-type="date" content="Sun Oct 15 01:05:56 UTC 2023"/> 22 <meta class="swiftype" name="category" data-type="enum" content="princess:travel-tips-&-faq"/> 23 24 25 26 <meta name="template" content="blog-index-landing-page"/> 27 <meta id="viewport" name="viewport" content="width=device-width, initial-scale=1.0"/> 28 29 <meta name="google-site-verification" content="HN8PcjJUWyXbAN73m22wtBm6Nlk3tKkCjF3Fam4SCLo"/> 30 31 <meta name="coveo-organization-id" content="princesscruisesandtoursincproduction140nsebck"/> 32 <meta name="coveo-access-token" content="xx03f291f0-4df6-4df4-984e-afc5b4a5b78b"/> 33 34 <meta property="og:type" content="website"/> 35 <meta property="og:site_name" content="Cruises â Cruise Vacations â Find Best Cruises"/> 36 <meta property="og:title" content="Princess Cruises Blog â Destinations, Tips & Travel Guides"/> 37 <meta property="og:url" content="https://www.princess.com/blog"/> 38 <meta property="og:description" content="Discover cruise tips, destination guides, and travel inspiration on the Princess Cruises blog. From Alaska to the Mediterranean â start exploring."/> 39 <meta property="og:image" content="https://assets.princess.com/is/image/princesscruises/Athens-View-Princess-Cruises-3%3A5x4?ts=1786478454795"/> 40 <!-- Meta tags for Twitter 2--> 41 <meta name="twitter:card" content="summary"/> 42 <meta name="twitter:title" content="Princess Cruises Blog â Destinations, Tips & Travel Guides"/> 43 <meta name="twitter:description" content="Discover cruise tips, destination guides, and travel inspiration on the Princess Cruises blog. From Alaska to the Mediterranean â start exploring."/> 44 <meta name="twitter:image" content="https://assets.princess.com/is/image/princesscruises/Athens-View-Princess-Cruises-3%3A5x4?ts=1786478454795"/> 45 <link rel="preconnect" href="https://use.typekit.net" crossorigin/> 46 <link rel="stylesheet" href="https://use.typekit.net/mvj6ajr.css?display=swap"/> 47 <link rel="preload" href="/etc.clientlibs/global/clientlibs/clientlib-styles/resources/fonts/DomaineDisplay-Regular.ttf" as="font" type="font/ttf" crossorigin/> 48 <link rel="preload" href="/etc.clientlibs/global/clientlibs/clientlib-styles/resources/fonts/DomaineDisplay-Bold.ttf" as="font" type="font/ttf" crossorigin/> 49 <link rel="preload" href="/etc.clientlibs/princess/clientlibs/clientlib-site/resources/fonts/RedHatTextVF.ttf" as="font" type="font/ttf" crossorigin/> 50 <link rel="preload" href="/etc.clientlibs/princess/clientlibs/clientlib-site/resources/fonts/Lora-SemiBoldItalic.ttf" as="font" type="font/ttf" crossorigin/> 51 <link rel="preload" href="/etc.clientlibs/princess/clientlibs/clientlib-site/resources/fonts/Lora-MediumItalic.ttf" as="font" type="font/ttf" crossorigin/> 52 <link rel="dns-prefetch" href="https://assets.princess.com"/> 53 <link rel="preconnect" href="https://assets.princess.com"/> 54 55 56 57 58 59 <meta name="coveo-organization-id-blog-pages" content="princesscruisesandtoursincproduction140nsebck"/> 60 <meta name="coveo-access-token-blog-pages" content="xx1380ec50-fbb7-4f83-8294-a51f6e0af256"/> 61 62 63 64 65 66 67 68 69 70 71 72<link rel="stylesheet" href="/etc.clientlibs/princess-base/clientlibs/clientlib-dependencies.lc-246b62c286c7aac9e8f38805186b76e6-lc.min.css" type="text/css"> 73<link rel="stylesheet" href="/etc.clientlibs/princess/clientlibs/clientlib-all.lc-a851b4639bb072380cc31b8f0250254a-lc.min.css" type="text/css"> 74 75 76 77 78 79 80 81 82
82<script> 83// akam-sw.js install script version 1.3.6 84"serviceWorker"in navigator&&"find"in[]&&function(){var e=new Promise(function(e){"complete"===document.readyState||!1?e():(window.addEventListener("load",function(){e()}),setTimeout(function(){"complete"!==document.readyState&&e()},1e4))}),n=window.akamServiceWorkerInvoked,r="1.3.6";if(n)aka3pmLog("akam-setup already invoked");else{window.akamServiceWorkerInvoked=!0,window.aka3pmLog=function(){window.akamServiceWorkerDebug&&console.log.apply(console,arguments)};function o(e){(window.BOOMR_mq=window.BOOMR_mq||[]).push(["addVar",{"sm.sw.s":e,"sm.sw.v":r}])}var i="/akam-sw.js",a=new Map;navigator.serviceWorker.addEventListener("message",function(e){var n,r,o=e.data;if(o.isAka3pm)if(o.command){var i=(n=o.command,(r=a.get(n))&&r.length>0?r.shift():null);i&&i(e.data.response)}else if(o.commandToClient)switch(o.commandToClient){case"enableDebug":window.akamServiceWorkerDebug||(window.akamServiceWorkerDebug=!0,aka3pmLog("Setup script debug enabled via service worker message"),v());break;case"boomerangMQ":o.payload&&(window.BOOMR_mq=window.BOOMR_mq||[]).push(o.payload)}aka3pmLog("akam-sw message: "+JSON.stringify(e.data))});var t=function(e){return new Promise(function(n){var r,o;r=e.command,o=n,a.has(r)||a.set(r,[]),a.get(r).push(o),navigator.serviceWorker.controller&&(e.isAka3pm=!0,navigator.serviceWorker.controller.postMessage(e))})},c=function(e){return t({command:"navTiming",navTiming:e})},s=null,m={},d=function(){var e=i;return s&&(e+="?othersw="+encodeURIComponent(s)),function(e,n){return new Promise(function(r,i){aka3pmLog("Registering service worker with URL: "+e),navigator.serviceWorker.register(e,n).then(function(e){aka3pmLog("ServiceWorker registration successful with scope: ",e.scope),r(e),o(1)}).catch(function(e){aka3pmLog("ServiceWorker registration failed: ",e),o(0),i(e)})})}(e,m)},g=navigator.serviceWorker.__proto__.register;if(navigator.serviceWorker.__proto__.register=function(n,r){return n.includes(i)?g.call(this,n,r):(aka3pmLog("Overriding registration of service worker for: "+n),s=new URL(n,window.location.href),m=r,navigator.serviceWorker.controller?new Promise(function(n,r){var o=navigator.serviceWorker.controller.scriptURL;if(o.includes(i)){var a=encodeURIComponent(s);o.includes(a)?(aka3pmLog("Cancelling registration as we already integrate other SW: "+s),navigator.serviceWorker.getRegistration().then(function(e){n(e)})):e.then(function(){aka3pmLog("Unregistering existing 3pm service worker"),navigator.serviceWorker.getRegistration().then(function(e){e.unregister().then(function(){return d()}).then(function(e){n(e)}).catch(function(e){r(e)})})})}else aka3pmLog("Cancelling registration as we already have akam-sw.js installed"),navigator.serviceWorker.getRegistration().then(function(e){n(e)})}):g.call(this,n,r))},navigator.serviceWorker.controller){var u=navigator.serviceWorker.controller.scriptURL;u.includes("/akam-sw.js")||u.includes("/akam-sw-preprod.js")||u.includes("/threepm-sw.js")||(aka3pmLog("Detected existing service worker. Removing and re-adding inside akam-sw.js"),s=new URL(u,window.location.href),e.then(function(){navigator.serviceWorker.getRegistration().then(function(e){m={scope:e.scope},e.unregister(),d()})}))}else e.then(function(){window.akamServiceWorkerPreprod&&(i="/akam-sw-preprod.js"),d()});if(window.performance){var w=window.performance.timing,l=w.responseEnd-w.responseStart;c(l)}e.then(function(){t({command:"pageLoad"})});var k=!1;function v(){window.akamServiceWorkerDebug&&!k&&(k=!0,aka3pmLog("Initializing debug functions at window scope"),window.aka3pmInjectSwPolicy=function(e){return t({command:"updatePolicy",policy:e})},window.aka3pmDisableInjectedPolicy=function(){return t({command:"disableInjectedPolicy"})},window.aka3pmDeleteInjectedPolicy=function(){return t({command:"deleteInjectedPolicy"})},window.aka3pmGetStateAsync=function(){return t({command:"getState"})},window.aka3pmDumpState=function(){aka3pmGetStateAsync().then(function(e){aka3pmLog(JSON.stringify(e,null,"\t"))})},window.aka3pmInjectTiming=function(e){return c(e)},window.aka3pmUpdatePolicyFromNetwork=function(){return t({command:"pullPolicyFromNetwork"})})}v()}}();</script>
vendor: 1 bytes, line 84
84
85<script type="application/ld+json"> 86{ 87 "@context": "https://schema.org", 88 "@graph": [ 89 { 90 "@type": "CollectionPage", 91 "@id": "https://www.princess.com/blog/#webpage", 92 "url": "https://www.princess.com/blog", 93 "name": "Princess Cruises Blog", 94 "description": "Discover cruise tips, destination guides, and travel inspiration on the Princess Cruises blog. From Alaska to the Mediterranean - start exploring.", 95 "isPartOf": { 96 "@id": "https://www.princess.com/#website" 97 }, 98 "about": { 99 "@id": "https://www.princess.com/#organization" 100 }, 101 "breadcrumb": { 102 "@id": "https://www.princess.com/blog/#breadcrumb" 103 }, 104 "mainEntity": [ 105 { 106 "@type": "ItemList", 107 "name": "Highlighted Blog Articles", 108 "itemListElement": [ 109 { 110 "@type": "ListItem", 111 "position": 1, 112 "name": "Everything you need to pack for an Alaska cruise", 113 "url": "https://www.princess.com/blog/what-to-pack-for-an-alaska-cruise" 114 }, 115 { 116 "@type": "ListItem", 117 "position": 2, 118 "name": "Princess Cruises membership benefits", 119 "url": "https://www.princess.com/blog/cruise-membership-benefits" 120 }, 121 { 122 "@type": "ListItem", 123 "position": 3, 124 "name": "Not single for long while on a singles cruise in the Caribbean", 125 "url": "https://www.princess.com/blog/caribbean-singles-cruise" 126 } 127 ] 128 }, 129 { 130 "@type": "ItemList", 131 "name": "Recent Blog Articles", 132 "itemListElement": [ 133 { 134 "@type": "ListItem", 135 "position": 1, 136 "name": "Athens landmarks: Top sites to see", 137 "url": "https://www.princess.com/blog/athens-landmarks" 138 }, 139 { 140 "@type": "ListItem", 141 "position": 2, 142 "name": "Cherry blossom season Japan", 143 "url": "https://www.princess.com/blog/cherry-blossom-season-japan" 144 }, 145 { 146 "@type": "ListItem", 147 "position": 3, 148 "name": "The best kayaking in Alaska", 149 "url": "https://www.princess.com/blog/kayaking-in-alaska" 150 } 151 ] 152 } 153 ] 154 }, 155 { 156 "@type": "BreadcrumbList", 157 "@id": "https://www.princess.com/blog/#breadcrumb", 158 "itemListElement": [ 159 { 160 "@type": "ListItem", 161 "position": 1, 162 "name": "Home", 163 "item": "https://www.princess.com/" 164 }, 165 { 166 "@type": "ListItem", 167 "position": 2, 168 "name": "Princess Cruises Blog", 169 "item": "https://www.princess.com/blog" 170 } 171 ] 172 }, 173 { 174 "@type": "Organization", 175 "@id": "https://www.princess.com/#organization" 176 } 177 ] 178} 179</script>
179 180 181 182 183 <link rel="alternate" hreflang="en-US" href="https://www.princess.com/blog"/> 184 185 <link rel="alternate" hreflang="en-GB" href="https://www.princess.com/en-uk/blog"/> 186 187 <link rel="alternate" hreflang="en-AU" href="https://www.princess.com/en-au/blog"/> 188 189 <link rel="alternate" hreflang="en-HK" href="https://www.princess.com/en-hk/blog"/> 190 191 <link rel="alternate" hreflang="en-SG" href="https://www.princess.com/en-sg/blog"/> 192 193 <link rel="alternate" hreflang="x-default" href="https://www.princess.com/blog"/> 194 195 196 197
197<script type="text/javascript" src="https://www.princess.com/assetroot/js/global/core/scripts/pcl-core-lib.js"></script>
197 198 199
199<script type="text/javascript" id="digital-data-tracking" src="https://www.princess.com/assetroot/js/global/tag-manager-pcl.js"></script>
199 200 201 <link rel="icon" sizes="192x192" href="/etc.clientlibs/princess/clientlibs/clientlib-site/resources/icon-192x192.png"/> 202 <link rel="apple-touch-icon" sizes="180x180" href="/etc.clientlibs/princess/clientlibs/clientlib-site/resources/apple-touch-icon-180x180.png"/> 203 <link rel="apple-touch-icon" sizes="167x167" href="/etc.clientlibs/princess/clientlibs/clientlib-site/resources/apple-touch-icon-167x167.png"/> 204 <link rel="apple-touch-icon" sizes="152x152" href="/etc.clientlibs/princess/clientlibs/clientlib-site/resources/apple-touch-icon-152x152.png"/> 205 <link rel="apple-touch-icon" sizes="120x120" href="/etc.clientlibs/princess/clientlibs/clientlib-site/resources/apple-touch-icon-120x120.png"/> 206 <meta name="msapplication-square310x310logo" content="/etc.clientlibs/princess/clientlibs/clientlib-site/resources/icon-310x310.png"/> 207 <meta name="msapplication-wide310x150logo" content="/etc.clientlibs/princess/clientlibs/clientlib-site/resources/icon-310x150.png"/> 208 <meta name="msapplication-square150x150logo" content="/etc.clientlibs/princess/clientlibs/clientlib-site/resources/icon-150x150.png"/> 209 <meta name="msapplication-square70x70logo" content="/etc.clientlibs/princess/clientlibs/clientlib-site/resources/icon-70x70.png"/> 210 211 212 213 214 215 216
216<script type="text/javascript"> 217 window.digitalData = window.digitalData || {}; 218 let shipObj = {}, 219 tradeObj = {}, 220 subtradeObj = {}, 221 type = "" 222 envValue = "Prod", 223 pageTitleKebabValue = "princess-cruises-blog-destinations-tips-travel-guides", 224 pageLevels = "blog".split('|'); 225 226 shipObj['id'] = ""; 227 shipObj['name'] = ""; 228 229 tradeObj['id'] = ""; 230 tradeObj['name'] = ""; 231 232 subtradeObj['id'] = ""; 233 subtradeObj['name'] = ""; 234 235 if (typeof window.digitalDataHelper !== "undefined") { 236 for (let i = 0; i < pageLevels.length; i += 1) { 237 window.digitalDataHelper.addData('page', 'level' + (i + 1), pageLevels[i]); 238 } 239 240 if (shipObj.id || shipObj.name) { 241 window.digitalDataHelper.addData('content', 'ship', shipObj); 242 } 243 244 if (tradeObj.id || tradeObj.name) { 245 window.digitalDataHelper.addData('content', 'trade', tradeObj); 246 } 247 248 if (subtradeObj.id || subtradeObj.name) { 249 window.digitalDataHelper.addData('content', 'subtrade', subtradeObj); 250 } 251 252 if (type) { 253 window.digitalDataHelper.addData('content', 'type', type); 254 } 255 256 window.digitalDataHelper.addData('page', 'env', envValue); 257 } 258 </script>
258 259 260 261 262
263<script>(window.BOOMR_mq=window.BOOMR_mq||[]).push(["addVar",{"rua.upush":"false","rua.cpush":"true","rua.upre":"false","rua.cpre":"false","rua.uprl":"false","rua.cprl":"false","rua.cprf":"false","rua.trans":"SJ-d74def2f-0f2c-4f4c-83c2-f015c6a34848","rua.cook":"false","rua.ims":"false","rua.ufprl":"false","rua.cfprl":"true","rua.isuxp":"false","rua.texp":"norulematch","rua.ceh":"false","rua.ueh":"false","rua.ieh.st":"0"}]);</script>
263 264
264<script>!function(e){var n="https://s.go-mpulse.net/boomerang/";if("False"=="True")e.BOOMR_config=e.BOOMR_config||{},e.BOOMR_config.PageParams=e.BOOMR_config.PageParams||{},e.BOOMR_config.PageParams.pci=!0,n="https://s2.go-mpulse.net/boomerang/";if(window.BOOMR_API_key="3R62F-GYAUP-ZE5UM-V7838-954V6",function(){function e(){if(!i){var e=document.createElement("script");e.id="boomr-scr-as",e.src=window.BOOMR.url,e.async=!0,o.parentNode.appendChild(e),i=!0}}function t(e){i=!0;var n,t,a,r,d=document,O=window;if(window.BOOMR.snippetMethod=e?"if":"i",t=function(e,n){var t=d.createElement("script");t.id=n||"boomr-if-as",t.src=window.BOOMR.url,BOOMR_lstart=(new Date).getTime(),e=e||d.body,e.appendChild(t)},!window.addEventListener&&window.attachEvent&&navigator.userAgent.match(/MSIE [67]\./))return window.BOOMR.snippetMethod="s",void t(o.parentNode,"boomr-async");a=document.createElement("IFRAME"),a.src="about:blank",a.title="",a.role="presentation",a.loading="eager",r=(a.frameElement||a).style,r.width=0,r.height=0,r.border=0,r.display="none",o.parentNode.appendChild(a);try{O=a.contentWindow,d=O.document.open()}catch(_){n=document.domain,a.src="javascript:var d=document.open();d.domain='"+n+"';void(0);",O=a.contentWindow,d=O.document.open()}if(n)d._boomrl=function(){this.domain=n,t()},d.write("<bo"+"dy onload='document._boomrl();'>");else if(O._boomrl=function(){t()},O.addEventListener)O.addEventListener("load",O._boomrl,!1);else if(O.attachEvent)O.attachEvent("onload",O._boomrl);d.close()}function a(e){window.BOOMR_onload=e&&e.timeStamp||(new Date).getTime()}if(!window.BOOMR||!window.BOOMR.version&&!window.BOOMR.snippetExecuted){window.BOOMR=window.BOOMR||{},window.BOOMR.snippetStart=(new Date).getTime(),window.BOOMR.snippetExecuted=!0,window.BOOMR.snippetVersion=12,window.BOOMR.url=n+"3R62F-GYAUP-ZE5UM-V7838-954V6";var o=document.currentScript||document.getElementsByTagName("script")[0],i=!1,r=document.createElement("link");if(r.relList&&"function"==typeof r.relList.supports&&r.relList.supports("preload")&&"as"in r)window.BOOMR.snippetMethod="p",r.href=window.BOOMR.url,r.rel="preload",r.as="script",r.addEventListener("load",e),r.addEventListener("error",function(){t(!0)}),setTimeout(function(){if(!i)t(!0)},3e3),BOOMR_lstart=(new Date).getTime(),o.parentNode.appendChild(r);else t(!1);if(window.addEventListener)window.addEventListener("load",a,!1);else if(window.attachEvent)window.attachEvent("onload",a)}}(),"".length>0)if(e&&"performance"in e&&e.performance&&"function"==typeof e.performance.setResourceTimingBufferSize)e.performance.setResourceTimingBufferSize();!function(){if(BOOMR=e.BOOMR||{},BOOMR.plugins=BOOMR.plugins||{},!BOOMR.plugins.AK){var n="true"=="true"?1:0,t="",a="ndvcaayxhuvpk2vu4cgq-f-368229436-clientnsv4-s.akamaihd.net",o="false"=="true"?2:1,i={"ak.v":"41","ak.cp":"1634975","ak.ai":parseInt("142288",10),"ak.ol":"0","ak.cr":0,"ak.ipv":4,"ak.proto":"http/1.1","ak.rid":"33c78aa9","ak.r":45721,"ak.a2":n,"ak.m":"x","ak.n":"essl","ak.cport":48859,"ak.gh":"23.33.25.4","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.0rtt.ed":"","ak.csrc":"-","ak.acc":"bbr","ak.t":"1790238861","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==nOZG0J5mBoyCSi0vcCiws0jNdb1wrYPDhQU1Y5o8t7LGCs0HnWyiIPWy2KJ2YuWHiHit/VwVWb6Yy8gv8xM9xuQjzWg2VX+j+QVzTwfaUPMC9FgGNpvAY1cnHHJHNGcZmo61iUg2/g7Z8ZAeiUySZf+iwdroERZAUJzxt7ODpAhUGb5kXsd33BUsOnPs0ZSgena4dASntcAdD7pXwK5yeZwGXQ9vPEIE3YdHo/dw10LU0w3oS16/9hmO167/zDeteeJdSKQiLFF487kyHebFNJWJeM5STANt1vcAZXACjv8421MgGdiODxH6nmFMNiYCNB4X12GVBX+Px/ldvMOWU2W2u/8/aKluL2hxurKP3I+3mWBL7x5T6eH1KSBHvvqvDTgStsvWIGDM7kydBXtWcBGaWmMbLmW2pOsiQB87EuQ=","ak.pv":"813","ak.dpoabenc":"","ak.tf":o};if(""!==t)i["ak.ruds"]=t;var r={i:!1,av:function(n){var t="http.initiator";if(n&&(!n[t]||"spa_hard"===n[t]))i["ak.feo"]=void 0!==e.aFeoApplied?1:0,BOOMR.addVar(i)},rv:function(){var e=["ak.cport","ak.cr","ak.csrc","ak.gh","ak.ipv","ak.m","ak.n","ak.ol","ak.proto","ak.quicv","ak.tlsv","ak.0rtt","ak.0rtt.ed","ak.r","ak.acc","ak.t","ak.tf"];BOOMR.removeVar(e)}};BOOMR.plugins.AK={akVars:i,akDNSPreFetchDomain:a,init:function(){if(!r.i){var e=BOOMR.subscribe;e("before_beacon",r.av,null,null),e("onbeacon",r.rv,null,null),r.i=!0}return this},is_complete:function(){return!0}}}}()}(window);</script>
264</head> 265 <body class="blog-index-landing-page blog-index-landing-page basepage basicpage" id="page-6102fb70ab"> 266 267 268 269 270 271 272 273 274<div class="root responsivegrid"> 275 276 277<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> 278 279 <div class="experiencefragment aem-GridColumn aem-GridColumn--default--12"> 280<div class="cmp-experiencefragment cmp-experiencefragment--header" id="external-header"> 281 282 283 284 285 286<div class="xf-content-height"> 287 <div class="root responsivegrid"> 288 289 290<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> 291 292 <div class="ghost aem-GridColumn aem-GridColumn--default--12"></div> 293<div class="country-banner aem-GridColumn aem-GridColumn--default--12"><div id="campaign-country-banner" class="cmp-country-banner" data-cmp-banner data-country-banner-id="campaign-country-banner" data-message="Welcome to our {{country}} site. To explore your region's content, select from the dropdown. <br>By continuing, you agree to comply with the â terms & conditions specific to United States." role="alert" aria-labelledby="country-banner-title" aria-describedby="country-banner-description" data-promotion-id="123456789" data-track="country-banner" data-track-component-type="country-banner"> 294 <p class="cmp-country-banner__message" id="country-banner-description"> 295 <!-- injected via js --> 296 </p> 297 <form class="cmp-country-banner__form" aria-labelledby="country-banner-title"> 298 <label for="country-select" class="visually-hidden">Select your country</label> 299 <select id="country-select" name="target-country" class="cmp-country-banner__select"> 300 <option value="/en-au/" class="cmp-country-banner__country" data-track-component-type="option" data-track-id="country-australia" data-track="country-banner"> 301 ð¦ðº Australia 302 </option> 303 <option value="/en-sg/" class="cmp-country-banner__country" data-track-component-type="option" data-track-id="country-singapore" data-track="country-banner"> 304 ð¸ð¬ Singapore 305 </option> 306 <option value="/en-us/" class="cmp-country-banner__country" data-track-component-type="option" data-track-id="country-united-states" data-track="country-banner"> 307 ðºð¸ United States 308 </option> 309 <option value="/en-uk/" class="cmp-country-banner__country" data-track-component-type="option" data-track-id="country-united-kingdom" data-track="country-banner"> 310 ð¬ð§ United Kingdom 311 </option> 312 </select> 313 <button class="cmp-country-banner__cta" type="submit" aria-label="Continue" data-track-component-type="button" data-track-id="continue" data-track="country-banner"> 314 Continue 315 </button> 316 </form> 317 <button class="cmp-country-banner__close-button" type="button" aria-label="Close country banner" data-track-component-type="button" data-track-id="close-button" data-track="country-banner"> 318 <svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"> 319 <path d="M7.46967 7.46965C7.76256 7.17676 8.23744 7.17676 8.53033 7.46965L11 9.93932L13.4697 7.46966C13.7626 7.17676 14.2374 7.17676 14.5303 7.46966C14.8232 7.76255 14.8232 8.23742 14.5303 8.53032L12.0607 11L14.5303 13.4697C14.8232 13.7625 14.8232 14.2374 14.5303 14.5303C14.2374 14.8232 13.7626 14.8232 13.4697 14.5303L11 12.0606L8.53033 14.5303C8.23744 14.8232 7.76256 14.8232 7.46967 14.5303C7.17678 14.2374 7.17678 13.7625 7.46967 13.4697L9.93934 11L7.46967 8.53031C7.17678 8.23742 7.17678 7.76255 7.46967 7.46965Z" fill="#020215"/> 320 <path fill-rule="evenodd" clip-rule="evenodd" d="M11 0.25C5.06294 0.25 0.25 5.06294 0.25 11C0.25 16.9371 5.06294 21.75 11 21.75C16.9371 21.75 21.75 16.9371 21.75 11C21.75 5.06294 16.9371 0.25 11 0.25ZM1.75 11C1.75 5.89137 5.89137 1.75 11 1.75C16.1086 1.75 20.25 5.89137 20.25 11C20.25 16.1086 16.1086 20.25 11 20.25C5.89137 20.25 1.75 16.1086 1.75 11Z" fill="#020215"/> 321 </svg> 322 </button> 323</div> 324</div> 325<div class="global-header aem-GridColumn aem-GridColumn--default--12"> 326<div dataJsonFromModels="{ 327 "market": "en-us", 328 "logoImage": "/content/dam/princess/cfm-assets-demo/Princess logo redesign.png", 329 "logoImageForMobile": "/content/dam/princess/cfm-assets-demo/Princess logo redesign.png", 330 "logoPathUrl": "/en-us", 331 "anchorLabelForMobileMenuToggle": "Skip to Menu Toggle Button ", 332 "navigationToggleLabel": "Toggle Navigation Menu", 333 "mainMenuLinks": [ 334 { 335 "menuTextLink": "Destinations", 336 "iconImagePath": "/content/dam/princess/cfm-assets-demo/Icon Logo.png", 337 "isCtaDisabled": true, 338 "isFeatured": false, 339 "isExternal": false, 340 "linkType": "default", 341 "internalPath": "", 342 "externalUrl": "", 343 "princesscomAppLinks": "", 344 "openInNewTab": "false", 345 "sublink": [ 346 { 347 "menuTextLink": "Cruise Destinations", 348 "iconImagePath": "", 349 "isCtaDisabled": true, 350 "isFeatured": false, 351 "isExternal": false, 352 "linkType": "default", 353 "internalPath": "", 354 "externalUrl": "", 355 "princesscomAppLinks": "", 356 "openInNewTab": "", 357 "sublink": [ 358 { 359 "menuTextLink": "Alaska", 360 "iconImagePath": "", 361 "isCtaDisabled": false, 362 "isFeatured": true, 363 "isExternal": true, 364 "linkType": "default", 365 "internalPath": "", 366 "externalUrl": "/cruise-destinations/alaska-cruises", 367 "princesscomAppLinks": "www", 368 "openInNewTab": "false", 369 "flagMessage": "", 370 "haspromotion": false, 371 "sourceQueryParameter": "" 372 }, 373 { 374 "menuTextLink": "Alaska Cruisetours", 375 "iconImagePath": "", 376 "isCtaDisabled": false, 377 "isFeatured": true, 378 "isExternal": false, 379 "linkType": "default", 380 "internalPath": "", 381 "externalUrl": "https://www.princess.com/cruise-destinations/alaska-cruises/cruisetour-options", 382 "princesscomAppLinks": "", 383 "openInNewTab": "", 384 "flagMessage": "", 385 "haspromotion": false, 386 "sourceQueryParameter": "" 387 }, 388 { 389 "menuTextLink": "Asia", 390 "iconImagePath": "", 391 "isCtaDisabled": true, 392 "isFeatured": false, 393 "isExternal": false, 394 "linkType": "default", 395 "internalPath": "", 396 "externalUrl": "", 397 "princesscomAppLinks": "", 398 "openInNewTab": "", 399 "sublink": [ 400 { 401 "menuTextLink": "All Asia", 402 "iconImagePath": "", 403 "isCtaDisabled": false, 404 "isFeatured": true, 405 "isExternal": false, 406 "linkType": "default", 407 "internalPath": "", 408 "externalUrl": "/cruise-destinations/asia-cruises", 409 "princesscomAppLinks": "www", 410 "openInNewTab": "", 411 "flagMessage": "", 412 "haspromotion": false, 413 "sourceQueryParameter": "" 414 }, 415 { 416 "menuTextLink": "Thailand", 417 "iconImagePath": "", 418 "isCtaDisabled": false, 419 "isFeatured": false, 420 "isExternal": false, 421 "linkType": "default", 422 "internalPath": "", 423 "externalUrl": "/cruise-destinations/thailand-cruises", 424 "princesscomAppLinks": "www", 425 "openInNewTab": "", 426 "flagMessage": "", 427 "haspromotion": false, 428 "sourceQueryParameter": "" 429 }, 430 { 431 "menuTextLink": "Japan", 432 "iconImagePath": "", 433 "isCtaDisabled": false, 434 "isFeatured": false, 435 "isExternal": false, 436 "linkType": "default", 437 "internalPath": "", 438 "externalUrl": "/cruise-destinations/japan-cruises", 439 "princesscomAppLinks": "www", 440 "openInNewTab": "", 441 "flagMessage": "", 442 "haspromotion": false, 443 "sourceQueryParameter": "" 444 } 445 ], 446 "flagMessage": "", 447 "haspromotion": false, 448 "sourceQueryParameter": "" 449 }, 450 { 451 "menuTextLink": "Caribbean", 452 "iconImagePath": "", 453 "isCtaDisabled": false, 454 "isFeatured": true, 455 "isExternal": true, 456 "linkType": "default", 457 "internalPath": "", 458 "externalUrl": "/cruise-destinations/caribbean-cruises", 459 "princesscomAppLinks": "www", 460 "openInNewTab": "false", 461 "flagMessage": "", 462 "haspromotion": false, 463 "sourceQueryParameter": "" 464 }, 465 { 466 "menuTextLink": "Mediterranean", 467 "iconImagePath": "", 468 "isCtaDisabled": false, 469 "isFeatured": true, 470 "isExternal": true, 471 "linkType": "default", 472 "internalPath": "", 473 "externalUrl": "/cruise-destinations/european-cruises/mediterranean-and-greek-isles", 474 "princesscomAppLinks": "www", 475 "openInNewTab": "false", 476 "flagMessage": "", 477 "haspromotion": false, 478 "sourceQueryParameter": "" 479 }, 480 { 481 "menuTextLink": "Japan", 482 "iconImagePath": "", 483 "isCtaDisabled": false, 484 "isFeatured": true, 485 "isExternal": true, 486 "linkType": "default", 487 "internalPath": "", 488 "externalUrl": "/cruise-destinations/japan-cruises", 489 "princesscomAppLinks": "www", 490 "openInNewTab": "false", 491 "flagMessage": "", 492 "haspromotion": false, 493 "sourceQueryParameter": "" 494 }, 495 { 496 "menuTextLink": "Alaska", 497 "iconImagePath": "", 498 "isCtaDisabled": false, 499 "isFeatured": false, 500 "isExternal": true, 501 "linkType": "default", 502 "internalPath": "", 503 "externalUrl": "/cruise-destinations/alaska-cruises", 504 "princesscomAppLinks": "www", 505 "openInNewTab": "false", 506 "flagMessage": "", 507 "haspromotion": false, 508 "sourceQueryParameter": "" 509 }, 510 { 511 "menuTextLink": "Australia", 512 "iconImagePath": "", 513 "isCtaDisabled": true, 514 "isFeatured": false, 515 "isExternal": false, 516 "linkType": "default", 517 "internalPath": "", 518 "externalUrl": "", 519 "princesscomAppLinks": "", 520 "openInNewTab": "false", 521 "sublink": [ 522 { 523 "menuTextLink": "Australia", 524 "iconImagePath": "", 525 "isCtaDisabled": false, 526 "isFeatured": false, 527 "isExternal": true, 528 "linkType": "default", 529 "internalPath": "", 530 "externalUrl": "/cruise-destinations/australia-cruises", 531 "princesscomAppLinks": "www", 532 "openInNewTab": "false", 533 "flagMessage": "", 534 "haspromotion": false, 535 "sourceQueryParameter": "" 536 }, 537 { 538 "menuTextLink": "New Zealand", 539 "iconImagePath": "", 540 "isCtaDisabled": false, 541 "isFeatured": false, 542 "isExternal": true, 543 "linkType": "default", 544 "internalPath": "", 545 "externalUrl": "/cruise-destinations/australia-cruises/new-zealand", 546 "princesscomAppLinks": "www", 547 "openInNewTab": "false", 548 "flagMessage": "", 549 "haspromotion": false, 550 "sourceQueryParameter": "" 551 } 552 ], 553 "flagMessage": "", 554 "haspromotion": false, 555 "sourceQueryParameter": "" 556 }, 557 { 558 "menuTextLink": "California Pacific Coast", 559 "iconImagePath": "", 560 "isCtaDisabled": false, 561 "isFeatured": false, 562 "isExternal": true, 563 "linkType": "default", 564 "internalPath": "", 565 "externalUrl": "/cruise-destinations/california-coast-cruises", 566 "princesscomAppLinks": "www", 567 "openInNewTab": "false", 568 "flagMessage": "", 569 "haspromotion": false, 570 "sourceQueryParameter": "" 571 }, 572 { 573 "menuTextLink": "Canada \u0026 New England", 574 "iconImagePath": "", 575 "isC
575taDisabled": false, 576 "isFeatured": false, 577 "isExternal": true, 578 "linkType": "default", 579 "internalPath": "", 580 "externalUrl": "/cruise-destinations/canada-cruises", 581 "princesscomAppLinks": "www", 582 "openInNewTab": "false", 583 "flagMessage": "", 584 "haspromotion": false, 585 "sourceQueryParameter": "" 586 }, 587 { 588 "menuTextLink": "Caribbean", 589 "iconImagePath": "", 590 "isCtaDisabled": true, 591 "isFeatured": false, 592 "isExternal": false, 593 "linkType": "default", 594 "internalPath": "", 595 "externalUrl": "", 596 "princesscomAppLinks": "www", 597 "openInNewTab": "false", 598 "sublink": [ 599 { 600 "menuTextLink": "All Caribbean", 601 "iconImagePath": "", 602 "isCtaDisabled": false, 603 "isFeatured": false, 604 "isExternal": false, 605 "linkType": "default", 606 "internalPath": "", 607 "externalUrl": "/cruise-destinations/caribbean-cruises", 608 "princesscomAppLinks": "www", 609 "openInNewTab": "", 610 "flagMessage": "", 611 "haspromotion": false, 612 "sourceQueryParameter": "" 613 }, 614 { 615 "menuTextLink": "Eastern Caribbean", 616 "iconImagePath": "", 617 "isCtaDisabled": false, 618 "isFeatured": false, 619 "isExternal": true, 620 "linkType": "default", 621 "internalPath": "", 622 "externalUrl": "/cruise-destinations/caribbean-cruises/eastern-caribbean", 623 "princesscomAppLinks": "www", 624 "openInNewTab": "false", 625 "flagMessage": "", 626 "haspromotion": false, 627 "sourceQueryParameter": "" 628 }, 629 { 630 "menuTextLink": "Western Caribbean", 631 "iconImagePath": "", 632 "isCtaDisabled": false, 633 "isFeatured": false, 634 "isExternal": true, 635 "linkType": "default", 636 "internalPath": "", 637 "externalUrl": "/cruise-destinations/western-caribbean-cruises", 638 "princesscomAppLinks": "www", 639 "openInNewTab": "false", 640 "flagMessage": "", 641 "haspromotion": false, 642 "sourceQueryParameter": "" 643 }, 644 { 645 "menuTextLink": "Southern Caribbean", 646 "iconImagePath": "", 647 "isCtaDisabled": false, 648 "isFeatured": false, 649 "isExternal": true, 650 "linkType": "default", 651 "internalPath": "", 652 "externalUrl": "/cruise-destinations/caribbean-cruises/southern-caribbean", 653 "princesscomAppLinks": "www", 654 "openInNewTab": "false", 655 "flagMessage": "", 656 "haspromotion": false, 657 "sourceQueryParameter": "" 658 }, 659 { 660 "menuTextLink": "Bahamas", 661 "iconImagePath": "", 662 "isCtaDisabled": false, 663 "isFeatured": false, 664 "isExternal": true, 665 "linkType": "default", 666 "internalPath": "", 667 "externalUrl": "/cruise-destinations/caribbean-cruises/bahamas-cruises", 668 "princesscomAppLinks": "www", 669 "openInNewTab": "false", 670 "flagMessage": "", 671 "haspromotion": false, 672 "sourceQueryParameter": "" 673 }, 674 { 675 "menuTextLink": "Caribbean \u0026 Bahamas Getaways ", 676 "iconImagePath": "", 677 "isCtaDisabled": false, 678 "isFeatured": false, 679 "isExternal": true, 680 "linkType": "default", 681 "internalPath": "", 682 "externalUrl": "/cruise-destinations/caribbean-cruises/caribbean-getaways", 683 "princesscomAppLinks": "www", 684 "openInNewTab": "false", 685 "flagMessage": "", 686 "haspromotion": false, 687 "sourceQueryParameter": "" 688 } 689 ], 690 "flagMessage": "", 691 "haspromotion": false, 692 "sourceQueryParameter": "" 693 }, 694 { 695 "menuTextLink": "Europe", 696 "iconImagePath": "", 697 "isCtaDisabled": true, 698 "isFeatured": false, 699 "isExternal": false, 700 "linkType": "default", 701 "internalPath": "", 702 "externalUrl": "", 703 "princesscomAppLinks": "", 704 "openInNewTab": "", 705 "sublink": [ 706 { 707 "menuTextLink": "All Europe", 708 "iconImagePath": "", 709 "isCtaDisabled": false, 710 "isFeatured": true, 711 "isExternal": false, 712 "linkType": "default", 713 "internalPath": "", 714 "externalUrl": "/cruise-destinations/european-cruises", 715 "princesscomAppLinks": "www", 716 "openInNewTab": "", 717 "flagMessage": "", 718 "haspromotion": false, 719 "sourceQueryParameter": "" 720 }, 721 { 722 "menuTextLink": "British Isles", 723 "iconImagePath": "", 724 "isCtaDisabled": false, 725 "isFeatured": false, 726 "isExternal": false, 727 "linkType": "default", 728 "internalPath": "", 729 "externalUrl": "/cruise-destinations/british-isles-cruises", 730 "princesscomAppLinks": "www", 731 "openInNewTab": "", 732 "flagMessage": "", 733 "haspromotion": false, 734 "sourceQueryParameter": "" 735 }, 736 { 737 "menuTextLink": "Greece", 738 "iconImagePath": "", 739 "isCtaDisabled": false, 740 "isFeatured": false, 741 "isExternal": false, 742 "linkType": "default", 743 "internalPath": "", 744 "externalUrl": "/cruise-destinations/greek-isles-cruises", 745 "princesscomAppLinks": "www", 746 "openInNewTab": "", 747 "flagMessage": "", 748 "haspromotion": false, 749 "sourceQueryParameter": "" 750 }, 751 { 752 "menuTextLink": "Iceland", 753 "iconImagePath": "", 754 "isCtaDisabled": false, 755 "isFeatured": false, 756 "isExternal": false, 757 "linkType": "default", 758 "internalPath": "", 759 "externalUrl": "/cruise-destinations/cruises-to-iceland", 760 "princesscomAppLinks": "www", 761 "openInNewTab": "", 762 "flagMessage": "", 763 "haspromotion": false, 764 "sourceQueryParameter": "" 765 }, 766 { 767 "menuTextLink": "Italy", 768 "iconImagePath": "", 769 "isCtaDisabled": false, 770 "isFeatured": false, 771 "isExternal": false, 772 "linkType": "default", 773 "internalPath": "", 774 "externalUrl": "/cruise-destinations/italy-cruises", 775 "princesscomAppLinks": "www", 776 "openInNewTab": "", 777 "flagMessage": "", 778 "haspromotion": false, 779 "sourceQueryParameter": "" 780 }, 781 { 782 "menuTextLink": "Mediterranean", 783 "iconImagePath": "", 784 "isCtaDisabled": false, 785 "isFeatured": false, 786 "isExternal": false, 787 "linkType": "default", 788 "internalPath": "", 789 "externalUrl": "/cruise-destinations/mediterranean-cruises", 790 "princesscomAppLinks": "www", 791 "openInNewTab": "", 792 "flagMessage": "", 793 "haspromotion": false, 794 "sourceQueryParameter": "" 795 }, 796 { 797 "menuTextLink": "Norway", 798 "iconImagePath": "", 799 "isCtaDisabled": false, 800 "isFeatured": false, 801 "isExternal": false, 802 "linkType": "default", 803 "internalPath": "", 804 "externalUrl": "/cruise-destinations/norway-cruises", 805 "princesscomAppLinks": "www", 806 "openInNewTab": "", 807 "flagMessage": "", 808 "haspromotion": false, 809 "sourceQueryParameter": "" 810 }, 811 { 812 "menuTextLink": "Scandinavia \u0026 Baltics", 813 "iconImagePath": "", 814 "isCtaDisabled": false, 815 "isFeatured": false, 816 "isExternal": false, 817 "linkType": "default", 818 "internalPath": "", 819 "externalUrl": "
819/cruise-destinations/european-cruises/scandinavia-baltics", 820 "princesscomAppLinks": "www", 821 "openInNewTab": "", 822 "flagMessage": "", 823 "haspromotion": false, 824 "sourceQueryParameter": "" 825 }, 826 { 827 "menuTextLink": "Transatlantic", 828 "iconImagePath": "", 829 "isCtaDisabled": false, 830 "isFeatured": false, 831 "isExternal": false, 832 "linkType": "default", 833 "internalPath": "", 834 "externalUrl": "/cruise-destinations/european-cruises/transatlantic", 835 "princesscomAppLinks": "www", 836 "openInNewTab": "", 837 "flagMessage": "", 838 "haspromotion": false, 839 "sourceQueryParameter": "" 840 } 841 ], 842 "flagMessage": "", 843 "haspromotion": false, 844 "sourceQueryParameter": "" 845 }, 846 { 847 "menuTextLink": "Hawaii", 848 "iconImagePath": "", 849 "isCtaDisabled": false, 850 "isFeatured": false, 851 "isExternal": true, 852 "linkType": "default", 853 "internalPath": "", 854 "externalUrl": "/cruise-destinations/hawaii-cruises", 855 "princesscomAppLinks": "www", 856 "openInNewTab": "false", 857 "flagMessage": "", 858 "haspromotion": false, 859 "sourceQueryParameter": "" 860 }, 861 { 862 "menuTextLink": "Mexico", 863 "iconImagePath": "", 864 "isCtaDisabled": false, 865 "isFeatured": false, 866 "isExternal": true, 867 "linkType": "default", 868 "internalPath": "", 869 "externalUrl": "/cruise-destinations/mexico-cruises", 870 "princesscomAppLinks": "www", 871 "openInNewTab": "false", 872 "flagMessage": "", 873 "haspromotion": false, 874 "sourceQueryParameter": "" 875 }, 876 { 877 "menuTextLink": "Panama Canal", 878 "iconImagePath": "", 879 "isCtaDisabled": false, 880 "isFeatured": false, 881 "isExternal": true, 882 "linkType": "default", 883 "internalPath": "", 884 "externalUrl": "/cruise-destinations/panama-canal-cruises", 885 "princesscomAppLinks": "www", 886 "openInNewTab": "false", 887 "flagMessage": "", 888 "haspromotion": false, 889 "sourceQueryParameter": "" 890 }, 891 { 892 "menuTextLink": "South America \u0026 Antarctica", 893 "iconImagePath": "", 894 "isCtaDisabled": false, 895 "isFeatured": false, 896 "isExternal": true, 897 "linkType": "default", 898 "internalPath": "", 899 "externalUrl": "/cruise-destinations/south-america-cruises", 900 "princesscomAppLinks": "www", 901 "openInNewTab": "false", 902 "flagMessage": "", 903 "haspromotion": false, 904 "sourceQueryParameter": "" 905 }, 906 { 907 "menuTextLink": "Tahiti \u0026 South Pacific", 908 "iconImagePath": "", 909 "isCtaDisabled": false, 910 "isFeatured": false, 911 "isExternal": true, 912 "linkType": "default", 913 "internalPath": "", 914 "externalUrl": "https://www.princess.com/cruise-destinations/tahiti-south-pacific-cruises", 915 "princesscomAppLinks": "", 916 "openInNewTab": "", 917 "flagMessage": "", 918 "haspromotion": false, 919 "sourceQueryParameter": "" 920 }, 921 { 922 "menuTextLink": "Departure Ports", 923 "iconImagePath": "", 924 "isCtaDisabled": false, 925 "isFeatured": false, 926 "isExternal": true, 927 "linkType": "default", 928 "internalPath": "", 929 "externalUrl": "/cruise-destinations/departure-ports", 930 "princesscomAppLinks": "www", 931 "openInNewTab": "false", 932 "flagMessage": "", 933 "haspromotion": false, 934 "sourceQueryParameter": "" 935 }, 936 { 937 "menuTextLink": "All Ports", 938 "iconImagePath": "", 939 "isCtaDisabled": false, 940 "isFeatured": false, 941 "isExternal": true, 942 "linkType": "default", 943 "internalPath": "", 944 "externalUrl": "/cruise-destinations/ports", 945 "princesscomAppLinks": "www", 946 "openInNewTab": "", 947 "flagMessage": "", 948 "haspromotion": false, 949 "sourceQueryParameter": "" 950 }, 951 { 952 "menuTextLink": "All Destinations", 953 "iconImagePath": "", 954 "isCtaDisabled": false, 955 "isFeatured": false, 956 "isExternal": true, 957 "linkType": "default", 958 "internalPath": "", 959 "externalUrl": "/cruise-destinations", 960 "princesscomAppLinks": "www", 961 "openInNewTab": "false", 962 "flagMessage": "", 963 "haspromotion": false, 964 "sourceQueryParameter": "" 965 } 966 ], 967 "flagMessage": "", 968 "haspromotion": true, 969 "sourceQueryParameter": "" 970 }, 971 { 972 "menuTextLink": "Cruise Types", 973 "iconImagePath": "", 974 "isCtaDisabled": true, 975 "isFeatured": false, 976 "isExternal": false, 977 "linkType": "default", 978 "internalPath": "", 979 "externalUrl": "", 980 "princesscomAppLinks": "", 981 "openInNewTab": "", 982 "sublink": [ 983 { 984 "menuTextLink": "New Cruises", 985 "iconImagePath": "", 986 "isCtaDisabled": false, 987 "isFeatured": false, 988 "isExternal": true, 989 "linkType": "default", 990 "internalPath": "", 991 "externalUrl": "/cruise-destinations/new-cruise-itineraries", 992 "princesscomAppLinks": "www", 993 "openInNewTab": "false", 994 "flagMessage": "", 995 "haspromotion": false, 996 "sourceQueryParameter": "" 997 }, 998 { 999 "menuTextLink": "Cruisetours", 1000 "iconImagePath": "", 1001 "isCtaDisabled": false, 1002 "isFeatured": false, 1003 "isExternal": true, 1004 "linkType": "default", 1005 "internalPath": "", 1006 "externalUrl": "/cruise-destinations/alaska-cruises/cruisetour-options", 1007 "princesscomAppLinks": "www", 1008 "openInNewTab": "false", 1009 "flagMessage": "", 1010 "haspromotion": false, 1011 "sourceQueryParameter": "" 1012 }, 1013 { 1014 "menuTextLink": "Celebration Cruises", 1015 "iconImagePath": "", 1016 "isCtaDisabled": false, 1017 "isFeatured": false, 1018 "isExternal": true, 1019 "linkType": "default", 1020 "internalPath": "", 1021 "externalUrl": "/ships-and-experience/celebrations", 1022 "princesscomAppLinks": "www", 1023 "openInNewTab": "", 1024 "flagMessage": "", 1025 "haspromotion": false, 1026 "sourceQueryParameter": "" 1027 }, 1028 { 1029 "menuTextLink": "Holiday Cruises", 1030 "iconImagePath": "", 1031 "isCtaDisabled": false, 1032 "isFeatured": false, 1033 "isExternal": true, 1034 "linkType": "default", 1035 "internalPath": "", 1036 "externalUrl": "/ships-and-experience/celebrations/holidays", 1037 "princesscomAppLinks": "www", 1038 "openInNewTab": "", 1039 "flagMessage": "", 1040 "haspromotion": false, 1041 "sourceQueryParameter": "" 1042 }, 1043 { 1044 "menuTextLink": "World Cruise", 1045 "iconImagePath": "", 1046 "isCtaDisabled": false, 1047 "isFeatured": false, 1048 "isExternal": true, 1049 "linkType": "default", 1050 "internalPath": "", 1051 "externalUrl": "/cruise-destinations/world-cruises", 1052 "princesscomAppLinks": "www", 1053 "openInNewTab": "false", 1054 "flagMessage": "", 1055 "haspromotion": false, 1056 "sourceQueryParameter": "" 1057 } 1058 ], 1059 "flagMessage": "", 1060 "haspromotion": false, 1061 "sourceQueryParameter": "" 1062 }, 1063 { 1064 "menuTextLink": "Shore Excursions", 1065 "iconImagePath": "", 1066 "isCtaDisabled": true, 1067 "isFeatured": false, 1068 "isExternal": false, 1069 "linkType": "default", 1070 "internalPath": "", 1071 "externalUrl": "", 1072 "princesscomAppLinks": "", 1073 "openInNewTab": "false", 1074 "sublink": [ 1075 { 1076 "menuTextLink": "Overview", 1077 "iconImagePath": "", 1078 "isCtaDisabled": false, 1079 "isFeatured": false, 1080 "isExternal": true, 1081 "linkType": "default", 1082 "internalPath": "", 1083 "externalUrl": "/shore-excursions", 1084 "princesscomAppLinks": "www", 1085 "openInNewTab": "false", 1086 "flagMessage": "", 1087 "haspromotion": false, 1088 "sourceQueryParameter": "" 1089 }, 1090 { 1091 "menuTextLink": "Alaska Shore Excursions", 1092 "iconImagePath": "", 1093 "isCtaDisabled": false, 1094 "isFeatured": false, 1095 "isExternal": true, 1096 "linkType": "default", 1097 "internalPath": "", 1098 "externalUrl": "/cruise-destinations/alaska-cruises/shore-excursions", 1099 "princesscomAppLinks": "www", 1100 "openInNewTab": "false", 1101 "flagMessage": "", 1102 "haspromotion": false, 1103 "sourceQueryParameter": "" 1104 }, 1105 { 1106 "menuTextLink": "Local Connections", 1107 "iconImagePath": "", 1108 "isCtaDisabled": false, 1109 "isFeatured": false, 1110 "isExternal": true, 1111 "linkType": "default", 1112 "internalPath": "", 1113 "externalUrl": "/cruise-destinations/local-connections", 1114 "princesscomAppLinks": "www", 1115 "openInNewTab": "false", 1116 "flagMessage": "", 1117 "haspromotion": false, 1118 "sourceQueryParameter": "" 1119 }, 1120 { 1121 "menuTextLink": "
1121Find Shore Excursions", 1122 "iconImagePath": "", 1123 "isCtaDisabled": false, 1124 "isFeatured": false, 1125 "isExternal": true, 1126 "linkType": "default", 1127 "internalPath": "", 1128 "externalUrl": "/ports-excursions", 1129 "princesscomAppLinks": "www", 1130 "openInNewTab": "false", 1131 "flagMessage": "", 1132 "haspromotion": false, 1133 "sourceQueryParameter": "" 1134 } 1135 ], 1136 "flagMessage": "", 1137 "haspromotion": false, 1138 "sourceQueryParameter": "" 1139 } 1140 ], 1141 "flagMessage": "", 1142 "haspromotion": true, 1143 "promotionpath": [ 1144 { 1145 "image": "/content/dam/princess/promos-deals/denali-national-park-1220x686.jpg", 1146 "externalPath": "/cruise-destinations/alaska-cruises", 1147 "ctaText": "Learn More", 1148 "isExternal": "true", 1149 "description": "\u003cp data-pm-slice\u003d\"1 1 [\u0026quot;list\u0026quot;,{},\u0026quot;list_item\u0026quot;,{\u0026quot;indent\u0026quot;:2,\u0026quot;type\u0026quot;:\u0026quot;numbered\u0026quot;}]\"\u003eExperience glaciers, national parks and wildlife with Princess.\u003c/p\u003e", 1150 "internalPath": "", 1151 "title": "Sail with the highest-rated Alaska cruise line" 1152 } 1153 ], 1154 "sourceQueryParameter": "" 1155 }, 1156 { 1157 "menuTextLink": "Explore Ships", 1158 "iconImagePath": "", 1159 "isCtaDisabled": true, 1160 "isFeatured": false, 1161 "isExternal": false, 1162 "linkType": "default", 1163 "internalPath": "", 1164 "externalUrl": "", 1165 "princesscomAppLinks": "", 1166 "openInNewTab": "false", 1167 "sublink": [ 1168 { 1169 "menuTextLink": "Ships", 1170 "iconImagePath": "/content/dam/icon.png", 1171 "isCtaDisabled": true, 1172 "isFeatured": false, 1173 "isExternal": false, 1174 "linkType": "default", 1175 "internalPath": "", 1176 "externalUrl": "", 1177 "princesscomAppLinks": "", 1178 "openInNewTab": "", 1179 "sublink": [ 1180 { 1181 "menuTextLink": "Caribbean Princess", 1182 "iconImagePath": "", 1183 "isCtaDisabled": false, 1184 "isFeatured": false, 1185 "isExternal": true, 1186 "linkType": "default", 1187 "internalPath": "", 1188 "externalUrl": "/ships-and-experience/ships/cb-caribbean-princess", 1189 "princesscomAppLinks": "www", 1190 "openInNewTab": "false", 1191 "flagMessage": "", 1192 "haspromotion": false, 1193 "sourceQueryParameter": "" 1194 }, 1195 { 1196 "menuTextLink": "Coral Princess", 1197 "iconImagePath": "", 1198 "isCtaDisabled": false, 1199 "isFeatured": false, 1200 "isExternal": true, 1201 "linkType": "default", 1202 "internalPath": "", 1203 "externalUrl": "/ships-and-experience/ships/co-coral-princess", 1204 "princesscomAppLinks": "www", 1205 "openInNewTab": "false", 1206 "flagMessage": "", 1207 "haspromotion": false, 1208 "sourceQueryParameter": "" 1209 }, 1210 { 1211 "menuTextLink": "Crown Princess ", 1212 "iconImagePath": "", 1213 "isCtaDisabled": false, 1214 "isFeatured": false, 1215 "isExternal": true, 1216 "linkType": "default", 1217 "internalPath": "", 1218 "externalUrl": "/ships-and-experience/ships/kp-crown-princess", 1219 "princesscomAppLinks": "www", 1220 "openInNewTab": "false", 1221 "flagMessage": "", 1222 "haspromotion": false, 1223 "sourceQueryParameter": "" 1224 }, 1225 { 1226 "menuTextLink": "Diamond Princess", 1227 "iconImagePath": "", 1228 "isCtaDisabled": false, 1229 "isFeatured": false, 1230 "isExternal": true, 1231 "linkType": "default", 1232 "internalPath": "", 1233 "externalUrl": "/ships-and-experience/ships/di-diamond-princess", 1234 "princesscomAppLinks": "www", 1235 "openInNewTab": "false", 1236 "flagMessage": "", 1237 "haspromotion": false, 1238 "sourceQueryParameter": "" 1239 }, 1240 { 1241 "menuTextLink": "Discovery Princess", 1242 "iconImagePath": "", 1243 "isCtaDisabled": false, 1244 "isFeatured": false, 1245 "isExternal": true, 1246 "linkType": "default", 1247 "internalPath": "", 1248 "externalUrl": "/ships-and-experience/ships/xp-discovery-princess", 1249 "princesscomAppLinks": "www", 1250 "openInNewTab": "false", 1251 "flagMessage": "", 1252 "haspromotion": false, 1253 "sourceQueryParameter": "" 1254 }, 1255 { 1256 "menuTextLink": "Emerald Princess", 1257 "iconImagePath": "", 1258 "isCtaDisabled": false, 1259 "isFeatured": false, 1260 "isExternal": true, 1261 "linkType": "default", 1262 "internalPath": "", 1263 "externalUrl": "/ships-and-experience/ships/ep-emerald-princess", 1264 "princesscomAppLinks": "www", 1265 "openInNewTab": "false", 1266 "flagMessage": "", 1267 "haspromotion": false, 1268 "sourceQueryParameter": "" 1269 }, 1270 { 1271 "menuTextLink": "Enchanted Princess", 1272 "iconImagePath": "", 1273 "isCtaDisabled": false, 1274 "isFeatured": false, 1275 "isExternal": true, 1276 "linkType": "default", 1277 "internalPath": "", 1278 "externalUrl": "/ships-and-experience/ships/ex-enchanted-princess", 1279 "princesscomAppLinks": "www", 1280 "openInNewTab": "false", 1281 "flagMessage": "", 1282 "haspromotion": false, 1283 "sourceQueryParameter": "" 1284 }, 1285 { 1286 "menuTextLink": "Grand Princess", 1287 "iconImagePath": "", 1288 "isCtaDisabled": false, 1289 "isFeatured": false, 1290 "isExternal": true, 1291 "linkType": "default", 1292 "internalPath": "", 1293 "externalUrl": "/ships-and-experience/ships/ap-grand-princess", 1294 "princesscomAppLinks": "www", 1295 "openInNewTab": "false", 1296 "flagMessage": "", 1297 "haspromotion": false, 1298 "sourceQueryParameter": "" 1299 }, 1300 { 1301 "menuTextLink": "Island Princess", 1302 "iconImagePath": "", 1303 "isCtaDisabled": false, 1304 "isFeatured": false, 1305 "isExternal": true, 1306 "linkType": "default", 1307 "internalPath": "", 1308 "externalUrl": "/ships-and-experience/ships/ip-island-princess", 1309 "princesscomAppLinks": "www", 1310 "openInNewTab": "false", 1311 "flagMessage": "", 1312 "haspromotion": false, 1313 "sourceQueryParameter": "" 1314 }, 1315 { 1316 "menuTextLink": "Majestic Princess", 1317 "iconImagePath": "", 1318 "isCtaDisabled": false, 1319 "isFeatured": false, 1320 "isExternal": true, 1321 "linkType": "default", 1322 "internalPath": "", 1323 "externalUrl": "/ships-and-experience/ships/mj-majestic-princess", 1324 "princesscomAppLinks": "www", 1325 "openInNewTab": "false", 1326 "flagMessage": "", 1327 "haspromotion": false, 1328 "sourceQueryParameter": "" 1329 }, 1330 { 1331 "menuTextLink": "Regal Princess", 1332 "iconImagePath": "", 1333 "isCtaDisabled": false, 1334 "isFeatured": false, 1335 "isExternal": true, 1336 "linkType": "default", 1337 "internalPath": "", 1338 "externalUrl": "/ships-and-experience/ships/gp-regal-princess", 1339 "princesscomAppLinks": "www", 1340 "openInNewTab": "false", 1341 "flagMessage": "", 1342 "haspromotion": false, 1343 "sourceQueryParameter": "" 1344 }, 1345 { 1346 "menuTextLink": "Royal Princess", 1347 "iconImagePath": "", 1348 "isCtaDisabled": false, 1349 "isFeatured": false, 1350 "isExternal": true, 1351 "linkType": "default", 1352 "internalPath": "", 1353 "externalUrl": "/ships-and-experience/ships/rp-royal-princess", 1354 "princesscomAppLinks": "www", 1355 "openInNewTab": "false", 1356 "flagMessage": "", 1357 "haspromotion": false, 1358 "sourceQueryParameter": "" 1359 }, 1360 { 1361 "menuTextLink": "Ruby Princess", 1362 "iconImagePath": "", 1363 "isCtaDisabled": false, 1364 "isFeatured": false, 1365 "isExternal": true, 1366 "linkType": "default", 1367 "internalPath": "", 1368 "externalUrl": "/ships-and-experience/ships/ru-ruby-princess", 1369 "princesscomAppLinks": "www", 1370 "openInNewTab": "false", 1371 "flagMessage": "", 1372 "haspromotion": false, 1373 "sourceQueryParameter": "" 1374 }, 1375 { 1376 "menuTextLink": "Sapphire Princess", 1377 "iconImagePath": "", 1378 "isCtaDisabled": false, 1379 "isFeatured": false, 1380 "isExternal": true, 1381 "linkType": "default", 1382 "internalPath": "", 1383 "externalUrl": "/ships-and-experience/ships/sa-sapphire-princess", 1384 "princesscomAppLinks": "www", 1385 "openInNewTab": "false", 1386 "flagMessage": "", 1387 "haspromotion": false, 1388 "sourceQueryParameter": "" 1389 }, 1390 { 1391 "menuTextLink": "Sky Princess", 1392 "iconImagePath": "", 1393 "isCtaDisabled": false, 1394 "isFeatured": false, 1395 "isExternal": true, 1396 "linkType": "default", 1397 "internalPath": "", 1398 "externalUrl": "/ships-and-experience/ships/yp-sky-princess", 1399 "princesscomAppLinks": "www", 1400 "openInNewTab": "false", 1401 "flagMessage": "", 1402 "haspromotion": false, 1403 "sourceQueryParameter": "" 1404 }, 1405 { 1406 "menuTextLink": "Star Princess - Sailing in Alaska", 1407 "iconImagePath": "", 1408 "isCtaDisabled": false, 1409 "isFeatured": true, 1410 "isExternal": true, 1411 "linkType": "default", 1412 "internalPath": "", 1413 "externalUrl": "/ships-and-experience/ships/st-star-princess", 1414 "princesscomAppLinks": "www", 1415 "openInNewTab": "false", 1416 "flagMessage": "", 1417 "haspromotion": false, 1418 "sourceQueryParameter": "" 1419 }, 1420 { 1421 "menuTextLink": "Sun Princess - New", 1422 "iconImagePath": "", 1423 "isCtaDisabled": false, 1424 "isFeatured": true, 1425 "isExternal": true, 1426 "linkType": "default", 1427 "internalPath": "", 1428 "externalUrl": "/ships-and-experience/ships/su-sun-princess", 1429 "princesscomAppLinks": "www", 1430 "openInNewTab": "false", 1431 "flagMessage": "", 1432 "haspromotion": false, 1433 "sourceQueryParameter": "" 1434 }, 1435 { 1436 "menuTextLink": "View All", 1437 "iconImagePath": "", 1438 "isCtaDisabled": false, 1439 "isFeatured": false, 1440 "isExternal": true, 1441 "linkType": "default", 1442 "internalPath": "", 1443 "externalUrl": "/ships-and-experience/ships", 1444 "princesscomAppLinks": "www", 1445 "openInNewTab": "false", 1446 "flagMessage": "", 1447 "haspromotion": false, 1448 "sourceQueryParameter": "" 1449 } 1450 ], 1451 "flagMessage": "", 1452 "haspromotion": false, 1453 "sourceQueryParameter": "" 1454 }, 1455 { 1456 "menuTextLink": "Staterooms", 1457 "iconImagePath": "", 1458 "isCtaDisabled": true, 1459
1459 "isFeatured": false, 1460 "isExternal": false, 1461 "linkType": "default", 1462 "internalPath": "", 1463 "externalUrl": "", 1464 "princesscomAppLinks": "", 1465 "openInNewTab": "false", 1466 "sublink": [ 1467 { 1468 "menuTextLink": "Overview", 1469 "iconImagePath": "", 1470 "isCtaDisabled": false, 1471 "isFeatured": false, 1472 "isExternal": true, 1473 "linkType": "default", 1474 "internalPath": "", 1475 "externalUrl": "/staterooms", 1476 "princesscomAppLinks": "www", 1477 "openInNewTab": "false", 1478 "flagMessage": "", 1479 "haspromotion": false, 1480 "sourceQueryParameter": "" 1481 }, 1482 { 1483 "menuTextLink": "Reserve Collection", 1484 "iconImagePath": "", 1485 "isCtaDisabled": false, 1486 "isFeatured": false, 1487 "isExternal": true, 1488 "linkType": "default", 1489 "internalPath": "", 1490 "externalUrl": "/staterooms/reserve-collection", 1491 "princesscomAppLinks": "www", 1492 "openInNewTab": "false", 1493 "flagMessage": "", 1494 "haspromotion": false, 1495 "sourceQueryParameter": "" 1496 }, 1497 { 1498 "menuTextLink": "Sanctuary Collection", 1499 "iconImagePath": "", 1500 "isCtaDisabled": false, 1501 "isFeatured": false, 1502 "isExternal": true, 1503 "linkType": "default", 1504 "internalPath": "", 1505 "externalUrl": "/staterooms/sanctuary-collection", 1506 "princesscomAppLinks": "www", 1507 "openInNewTab": "false", 1508 "flagMessage": "", 1509 "haspromotion": false, 1510 "sourceQueryParameter": "" 1511 }, 1512 { 1513 "menuTextLink": "Suites", 1514 "iconImagePath": "", 1515 "isCtaDisabled": false, 1516 "isFeatured": false, 1517 "isExternal": true, 1518 "linkType": "default", 1519 "internalPath": "", 1520 "externalUrl": "/staterooms/suites", 1521 "princesscomAppLinks": "www", 1522 "openInNewTab": "false", 1523 "flagMessage": "", 1524 "haspromotion": false, 1525 "sourceQueryParameter": "" 1526 }, 1527 { 1528 "menuTextLink": "Mini-Suites", 1529 "iconImagePath": "", 1530 "isCtaDisabled": false, 1531 "isFeatured": false, 1532 "isExternal": true, 1533 "linkType": "default", 1534 "internalPath": "", 1535 "externalUrl": "/staterooms/mini-suites", 1536 "princesscomAppLinks": "www", 1537 "openInNewTab": "false", 1538 "flagMessage": "", 1539 "haspromotion": false, 1540 "sourceQueryParameter": "" 1541 }, 1542 { 1543 "menuTextLink": "Balcony", 1544 "iconImagePath": "", 1545 "isCtaDisabled": false, 1546 "isFeatured": false, 1547 "isExternal": true, 1548 "linkType": "default", 1549 "internalPath": "", 1550 "externalUrl": "/staterooms/balcony", 1551 "princesscomAppLinks": "www", 1552 "openInNewTab": "false", 1553 "flagMessage": "", 1554 "haspromotion": false, 1555 "sourceQueryParameter": "" 1556 }, 1557 { 1558 "menuTextLink": "Oceanview", 1559 "iconImagePath": "", 1560 "isCtaDisabled": false, 1561 "isFeatured": false, 1562 "isExternal": true, 1563 "linkType": "default", 1564 "internalPath": "", 1565 "externalUrl": "/staterooms/oceanview", 1566 "princesscomAppLinks": "www", 1567 "openInNewTab": "false", 1568 "flagMessage": "", 1569 "haspromotion": false, 1570 "sourceQueryParameter": "" 1571 }, 1572 { 1573 "menuTextLink": "Interior", 1574 "iconImagePath": "", 1575 "isCtaDisabled": false, 1576 "isFeatured": false, 1577 "isExternal": true, 1578 "linkType": "default", 1579 "internalPath": "", 1580 "externalUrl": "/staterooms/interior", 1581 "princesscomAppLinks": "www", 1582 "openInNewTab": "false", 1583 "flagMessage": "", 1584 "haspromotion": false, 1585 "sourceQueryParameter": "" 1586 } 1587 ], 1588 "flagMessage": "", 1589 "haspromotion": false, 1590 "sourceQueryParameter": "" 1591 }, 1592 { 1593 "menuTextLink": "Onboard Experience", 1594 "iconImagePath": "", 1595 "isCtaDisabled": true, 1596 "isFeatured": false, 1597 "isExternal": false, 1598 "linkType": "default", 1599 "internalPath": "", 1600 "externalUrl": "", 1601 "princesscomAppLinks": "", 1602 "openInNewTab": "false", 1603 "sublink": [ 1604 { 1605 "menuTextLink": "Activities", 1606 "iconImagePath": "", 1607 "isCtaDisabled": false, 1608 "isFeatured": false, 1609 "isExternal": true, 1610 "linkType": "default", 1611 "internalPath": "", 1612 "externalUrl": "/ships-and-experience/onboard-experience", 1613 "princesscomAppLinks": "www", 1614 "openInNewTab": "false", 1615 "flagMessage": "", 1616 "haspromotion": false, 1617 "sourceQueryParameter": "" 1618 }, 1619 { 1620 "menuTextLink": "Casino", 1621 "iconImagePath": "", 1622 "isCtaDisabled": false, 1623 "isFeatured": false, 1624 "isExternal": true, 1625 "linkType": "default", 1626 "internalPath": "", 1627 "externalUrl": "/ships-and-experience/onboard-experience/activities/casino", 1628 "princesscomAppLinks": "www", 1629 "openInNewTab": "false", 1630 "flagMessage": "", 1631 "haspromotion": false, 1632 "sourceQueryParameter": "" 1633 }, 1634 { 1635 "menuTextLink": "Cruise Dining", 1636 "iconImagePath": "", 1637 "isCtaDisabled": false, 1638 "isFeatured": false, 1639 "isExternal": true, 1640 "linkType": "default", 1641 "internalPath": "", 1642 "externalUrl": "/cruise-dining", 1643 "princesscomAppLinks": "www", 1644 "openInNewTab": "false", 1645 "flagMessage": "", 1646 "haspromotion": false, 1647 "sourceQueryParameter": "" 1648 }, 1649 { 1650 "menuTextLink": "Entertainment", 1651 "iconImagePath": "", 1652 "isCtaDisabled": false, 1653 "isFeatured": false, 1654 "isExternal": true, 1655 "linkType": "default", 1656 "internalPath": "", 1657 "externalUrl": "/ships-and-experience/onboard-experience/entertainment", 1658 "princesscomAppLinks": "www", 1659 "openInNewTab": "false", 1660 "flagMessage": "", 1661 "haspromotion": false, 1662 "sourceQueryParameter": "" 1663 }, 1664 { 1665 "menuTextLink": "Kids, Teens \u0026 Families", 1666 "iconImagePath": "", 1667 "isCtaDisabled": false, 1668 "isFeatured": false, 1669 "isExternal": true, 1670 "linkType": "default", 1671 "internalPath": "", 1672 "externalUrl": "/ships-and-experience/onboard-experience/kids-and-teens", 1673 "princesscomAppLinks": "www", 1674 "openInNewTab": "false", 1675 "flagMessage": "", 1676 "haspromotion": false, 1677 "sourceQueryParameter": "" 1678 }, 1679 { 1680 "menuTextLink": "Onboard Packages", 1681 "iconImagePath": "", 1682 "isCtaDisabled": false, 1683 "isFeatured": false, 1684 "isExternal": true, 1685 "linkType": "default", 1686 "internalPath": "", 1687 "externalUrl": "/cruise-dining/beverages", 1688 "princesscomAppLinks": "www", 1689 "openInNewTab": "false", 1690 "flagMessage": "", 1691 "haspromotion": false, 1692 "sourceQueryParameter": "" 1693 }, 1694 { 1695 "menuTextLink": "Wellness", 1696 "iconImagePath": "", 1697 "isCtaDisabled": false, 1698 "isFeatured": false, 1699 "isExternal": true, 1700 "linkType": "default", 1701 "internalPath": "", 1702 "externalUrl": "/ships-and-experience/onboard-experience/wellness", 1703 "princesscomAppLinks": "www", 1704 "openInNewTab": "false", 1705 "flagMessage": "", 1706 "haspromotion": false, 1707 "sourceQueryParameter": "" 1708 }, 1709 { 1710 "menuTextLink": "MedallionNet® at Sea ", 1711 "iconImagePath": "", 1712 "isCtaDisabled": false, 1713 "isFeatured": false, 1714 "isExternal": true, 1715 "linkType": "default", 1716 "internalPath": "", 1717 "externalUrl": "/ships-and-experience/princess-medallionclass/medallionnet", 1718 "princesscomAppLinks": "www", 1719 "openInNewTab": "", 1720 "flagMessage": "", 1721 "haspromotion": false, 1722 "sourceQueryParameter": "" 1723 } 1724 ], 1725 "flagMessage": "", 1726 "haspromotion": false, 1727 "sourceQueryParameter": "" 1728 } 1729 ], 1730 "flagMessage": "", 1731 "haspromotion": true, 1732 "
1732promotionpath": [ 1733 { 1734 "image": "/content/dam/princess/promos-deals/star-princess-dewas-glacier-alaska-1220x686.jpg", 1735 "externalPath": "/en-us/ships-and-experience/ships/st-star-princess", 1736 "ctaText": "Learn More", 1737 "isExternal": "true", 1738 "description": "\u003cp data-pm-slice\u003d\"1 1 [\u0026quot;list\u0026quot;,{},\u0026quot;list_item\u0026quot;,{\u0026quot;indent\u0026quot;:2,\u0026quot;type\u0026quot;:\u0026quot;numbered\u0026quot;}]\"\u003eStar Princess\u003csup\u003e®\u003c/sup\u003e sets sail.\u003c/p\u003e", 1739 "internalPath": "", 1740 "title": "Your next Alaska adventure is written on the Star" 1741 } 1742 ], 1743 "sourceQueryParameter": "" 1744 }, 1745 { 1746 "menuTextLink": "Discover Princess", 1747 "iconImagePath": "", 1748 "isCtaDisabled": true, 1749 "isFeatured": false, 1750 "isExternal": false, 1751 "linkType": "default", 1752 "internalPath": "", 1753 "externalUrl": "", 1754 "princesscomAppLinks": "", 1755 "openInNewTab": "", 1756 "sublink": [ 1757 { 1758 "menuTextLink": "About Cruising", 1759 "iconImagePath": "", 1760 "isCtaDisabled": true, 1761 "isFeatured": false, 1762 "isExternal": false, 1763 "linkType": "default", 1764 "internalPath": "", 1765 "externalUrl": "", 1766 "princesscomAppLinks": "", 1767 "openInNewTab": "", 1768 "sublink": [ 1769 { 1770 "menuTextLink": "Princess Blog", 1771 "iconImagePath": "", 1772 "isCtaDisabled": false, 1773 "isFeatured": false, 1774 "isExternal": true, 1775 "linkType": "default", 1776 "internalPath": "", 1777 "externalUrl": "https://www.princess.com/blog", 1778 "princesscomAppLinks": "", 1779 "openInNewTab": "", 1780 "flagMessage": "", 1781 "haspromotion": false, 1782 "sourceQueryParameter": "" 1783 }, 1784 { 1785 "menuTextLink": "Compare Cruise Packages", 1786 "iconImagePath": "", 1787 "isCtaDisabled": false, 1788 "isFeatured": false, 1789 "isExternal": true, 1790 "linkType": "default", 1791 "internalPath": "", 1792 "externalUrl": "https://www.princess.com/cruise-deals-promotions/compare-cruise-packages", 1793 "princesscomAppLinks": "", 1794 "openInNewTab": "", 1795 "flagMessage": "", 1796 "haspromotion": false, 1797 "sourceQueryParameter": "" 1798 }, 1799 { 1800 "menuTextLink": "New to Cruising", 1801 "iconImagePath": "", 1802 "isCtaDisabled": false, 1803 "isFeatured": false, 1804 "isExternal": true, 1805 "linkType": "default", 1806 "internalPath": "", 1807 "externalUrl": "
1807https://www.princess.com/en-us/why-princess/new-to-cruising", 1808 "princesscomAppLinks": "", 1809 "openInNewTab": "", 1810 "flagMessage": "", 1811 "haspromotion": false, 1812 "sourceQueryParameter": "" 1813 }, 1814 { 1815 "menuTextLink": "Frequently Asked Questions", 1816 "iconImagePath": "", 1817 "isCtaDisabled": false, 1818 "isFeatured": false, 1819 "isExternal": true, 1820 "linkType": "default", 1821 "internalPath": "", 1822 "externalUrl": "https://www.princess.com/faq", 1823 "princesscomAppLinks": "", 1824 "openInNewTab": "", 1825 "flagMessage": "", 1826 "haspromotion": false, 1827 "sourceQueryParameter": "" 1828 } 1829 ], 1830 "flagMessage": "", 1831 "haspromotion": false, 1832 "sourceQueryParameter": "" 1833 }, 1834 { 1835 "menuTextLink": "Cruise Essentials", 1836 "iconImagePath": "", 1837 "isCtaDisabled": true, 1838 "isFeatured": false, 1839 "isExternal": false, 1840 "linkType": "default", 1841 "internalPath": "", 1842 "externalUrl": "", 1843 "princesscomAppLinks": "", 1844 "openInNewTab": "", 1845 "sublink": [ 1846 { 1847 "menuTextLink": "Manage Booking", 1848 "iconImagePath": "", 1849 "isCtaDisabled": false, 1850 "isFeatured": false, 1851 "isExternal": true, 1852 "linkType": "default", 1853 "internalPath": "", 1854 "externalUrl": "https://book.princess.com/manage-booking/index.page?cpfy\u003dsummary", 1855 "princesscomAppLinks": "", 1856 "openInNewTab": "", 1857 "flagMessage": "", 1858 "haspromotion": false, 1859 "sourceQueryParameter": "" 1860 }, 1861 { 1862 "menuTextLink": "Find Shore Excursions", 1863 "iconImagePath": "", 1864 "isCtaDisabled": false, 1865 "isFeatured": false, 1866 "isExternal": true, 1867 "linkType": "default", 1868 "internalPath": "", 1869 "externalUrl": "https://www.princess.com/ports-excursions", 1870 "princesscomAppLinks": "", 1871 "openInNewTab": "", 1872 "flagMessage": "", 1873 "haspromotion": false, 1874 "sourceQueryParameter": "" 1875 }, 1876 { 1877 "menuTextLink": "Vacation Protection", 1878 "iconImagePath": "", 1879 "isCtaDisabled": false, 1880 "isFeatured": false, 1881 "isExternal": true, 1882 "linkType": "default", 1883 "internalPath": "", 1884 "externalUrl": "https://www.princess.com/plan/princess-vacation-protection", 1885 "princesscomAppLinks": "", 1886 "openInNewTab": "", 1887 "flagMessage": "", 1888 "haspromotion": false, 1889 "sourceQueryParameter": "" 1890 }, 1891 { 1892 "menuTextLink": "Hotels", 1893 "iconImagePath": "", 1894 "isCtaDisabled": false, 1895 "isFeatured": false, 1896 "isExternal": true, 1897 "linkType": "default", 1898 "internalPath": "", 1899 "externalUrl": "
1899https://www.princess.com/en-us/cruise-destinations/departure-ports/cruise-ports-and-hotels", 1900 "princesscomAppLinks": "", 1901 "openInNewTab": "", 1902 "flagMessage": "", 1903 "haspromotion": false, 1904 "sourceQueryParameter": "" 1905 }, 1906 { 1907 "menuTextLink": "Accessibility Services", 1908 "iconImagePath": "", 1909 "isCtaDisabled": false, 1910 "isFeatured": false, 1911 "isExternal": true, 1912 "linkType": "default", 1913 "internalPath": "", 1914 "externalUrl": "https://www.princess.com/accessibility-at-sea", 1915 "princesscomAppLinks": "", 1916 "openInNewTab": "", 1917 "flagMessage": "", 1918 "haspromotion": false, 1919 "sourceQueryParameter": "" 1920 }, 1921 { 1922 "menuTextLink": "Brochures", 1923 "iconImagePath": "", 1924 "isCtaDisabled": false, 1925 "isFeatured": false, 1926 "isExternal": false, 1927 "linkType": "default", 1928 "internalPath": "", 1929 "externalUrl": "https://www.princess.com/brochures", 1930 "princesscomAppLinks": "", 1931 "openInNewTab": "", 1932 "flagMessage": "", 1933 "haspromotion": false, 1934 "sourceQueryParameter": "" 1935 } 1936 ], 1937 "flagMessage": "", 1938 "haspromotion": false, 1939 "sourceQueryParameter": "" 1940 }, 1941 { 1942 "menuTextLink": "Why Princess", 1943 "iconImagePath": "", 1944 "isCtaDisabled": true, 1945 "isFeatured": false, 1946 "isExternal": false, 1947 "linkType": "default", 1948 "internalPath": "", 1949 "externalUrl": "", 1950 "princesscomAppLinks": "", 1951 "openInNewTab": "", 1952 "sublink": [ 1953 { 1954 "menuTextLink": "Overview", 1955 "iconImagePath": "", 1956 "isCtaDisabled": false, 1957 "isFeatured": false, 1958 "isExternal": true, 1959 "linkType": "default", 1960 "internalPath": "", 1961 "externalUrl": "https://www.princess.com/why-princess", 1962 "princesscomAppLinks": "", 1963 "openInNewTab": "", 1964 "flagMessage": "", 1965 "haspromotion": false, 1966 "sourceQueryParameter": "" 1967 }, 1968 { 1969 "menuTextLink": "About Us", 1970 "iconImagePath": "", 1971 "isCtaDisabled": false, 1972 "isFeatured": false, 1973 "isExternal": true, 1974 "linkType": "default", 1975 "internalPath": "", 1976 "externalUrl": "https://www.princess.com/about-princess", 1977 "princesscomAppLinks": "", 1978 "openInNewTab": "", 1979 "flagMessage": "", 1980 "haspromotion": false, 1981 "sourceQueryParameter": "" 1982 }, 1983 { 1984 "menuTextLink": "Princess Blog", 1985 "iconImagePath": "", 1986 "isCtaDisabled": false, 1987 "isFeatured": false, 1988 "isExternal": true, 1989 "linkType": "default", 1990 "internalPath": "", 1991 "externalUrl": "https://www.princess.com/blog", 1992 "princesscomAppLinks": "", 1993 "openInNewTab": "", 1994 "flagMessage": "", 1995 "haspromotion": false, 1996 "sourceQueryParameter": "" 1997 }, 1998 { 1999 "menuTextLink": "Loyalty Program", 2000 "iconImagePath": "", 2001 "isCtaDisabled": false, 2002 "isFeatured": false, 2003 "isExternal": true, 2004 "linkType": "default", 2005 "internalPath": "", 2006 "externalUrl": "https://book.princess.com/captaincircle/membershipBenefits.page", 2007 "princesscomAppLinks": "", 2008 "openInNewTab": "", 2009 "flagMessage": "", 2010 "haspromotion": false, 2011 "sourceQueryParameter": "" 2012 }, 2013 { 2014 "menuTextLink": "Awards \u0026 Accolades", 2015 "iconImagePath": "", 2016 "isCtaDisabled": false, 2017 "isFeatured": false, 2018 "isExternal": true, 2019 "linkType": "default", 2020 "internalPath": "", 2021 "externalUrl": "
2021https://www.princess.com/en-us/why-princess/awards-and-accolades", 2022 "princesscomAppLinks": "", 2023 "openInNewTab": "", 2024 "flagMessage": "", 2025 "haspromotion": false, 2026 "sourceQueryParameter": "" 2027 }, 2028 { 2029 "menuTextLink": "Personalized Experience", 2030 "iconImagePath": "", 2031 "isCtaDisabled": false, 2032 "isFeatured": false, 2033 "isExternal": true, 2034 "linkType": "default", 2035 "internalPath": "", 2036 "externalUrl": "https://www.princess.com/en-us/ships-and-experience/princess-medallionclass", 2037 "princesscomAppLinks": "", 2038 "openInNewTab": "", 2039 "flagMessage": "", 2040 "haspromotion": false, 2041 "sourceQueryParameter": "" 2042 }, 2043 { 2044 "menuTextLink": "Environmental Responsibility", 2045 "iconImagePath": "", 2046 "isCtaDisabled": false, 2047 "isFeatured": false, 2048 "isExternal": true, 2049 "linkType": "default", 2050 "internalPath": "", 2051 "externalUrl": "
2051https://www.princess.com/en-us/company-information/environmental-responsibility", 2052 "princesscomAppLinks": "", 2053 "openInNewTab": "", 2054 "flagMessage": "", 2055 "haspromotion": false, 2056 "sourceQueryParameter": "" 2057 } 2058 ], 2059 "flagMessage": "", 2060 "haspromotion": false, 2061 "sourceQueryParameter": "" 2062 } 2063 ], 2064 "flagMessage": "", 2065 "haspromotion": true, 2066 "promotionpath": [ 2067 { 2068 "image": "https://assets.princess.com/is/image/princesscruises/Kayaking-Alaska-Princess-Cruises:16x9", 2069 "externalPath": "https://www.princess.com/blog", 2070 "ctaText": "Explore articles", 2071 "isExternal": "true", 2072 "description": "\u003cp\u003e\u003cspan data-teams\u003d\"true\"\u003eThe Princess Blog brings you destination guides, cruise tips, videos and more.\u003c/span\u003e\u003c/p\u003e\n", 2073 "internalPath": "", 2074 "title": "There\u0027s always something new to discover" 2075 } 2076 ], 2077 "sourceQueryParameter": "" 2078 }, 2079 { 2080 "menuTextLink": "Deals", 2081 "iconImagePath": "", 2082 "isCtaDisabled": true, 2083 "isFeatured": false, 2084 "isExternal": false, 2085 "linkType": "default", 2086 "internalPath": "", 2087 "externalUrl": "", 2088 "princesscomAppLinks": "", 2089 "openInNewTab": "false", 2090 "sublink": [ 2091 { 2092 "menuTextLink": "Cruise Deals", 2093 "iconImagePath": "", 2094 "isCtaDisabled": true, 2095 "isFeatured": false, 2096 "isExternal": false, 2097 "linkType": "default", 2098 "internalPath": "", 2099 "externalUrl": "", 2100 "princesscomAppLinks": "", 2101 "openInNewTab": "false", 2102 "sublink": [ 2103 { 2104 "menuTextLink": "All Deals \u0026 Offers", 2105 "iconImagePath": "", 2106 "isCtaDisabled": false, 2107 "isFeatured": true, 2108 "isExternal": true, 2109 "linkType": "default", 2110 "internalPath": "", 2111 "externalUrl": "/cruise-deals-promotions", 2112 "princesscomAppLinks": "www", 2113 "openInNewTab": "false", 2114 "flagMessage": "", 2115 "haspromotion": false, 2116 "sourceQueryParameter": "" 2117 }, 2118 { 2119 "menuTextLink": "Limited Time Offer", 2120 "iconImagePath": "", 2121 "isCtaDisabled": false, 2122 "isFeatured": true, 2123 "isExternal": true, 2124 "linkType": "default", 2125 "internalPath": "", 2126 "externalUrl": "/cruise-deals-promotions/limited-time-offer", 2127 "princesscomAppLinks": "www", 2128 "openInNewTab": "false", 2129 "flagMessage": "", 2130 "haspromotion": false, 2131 "sourceQueryParameter": "" 2132 }, 2133 { 2134 "menuTextLink": "Last Minute Deals", 2135 "iconImagePath": "", 2136 "isCtaDisabled": false, 2137 "isFeatured": true, 2138 "isExternal": true, 2139 "linkType": "default", 2140 "internalPath": "", 2141 "externalUrl": "/cruise-deals-promotions/last-minute-cruise-deals", 2142 "princesscomAppLinks": "www", 2143 "openInNewTab": "false", 2144 "flagMessage": "", 2145 "haspromotion": false, 2146 "sourceQueryParameter": "" 2147 }, 2148 { 2149 "menuTextLink": "Caribbean Cruise Deals", 2150 "iconImagePath": "", 2151 "isCtaDisabled": false, 2152 "isFeatured": true, 2153 "isExternal": true, 2154 "linkType": "default", 2155 "internalPath": "", 2156 "externalUrl": "/cruise-deals-promotions/caribbean-sailing", 2157 "princesscomAppLinks": "www", 2158 "openInNewTab": "false", 2159 "flagMessage": "", 2160 "haspromotion": false, 2161 "sourceQueryParameter": "" 2162 }, 2163 { 2164 "menuTextLink": "Flexible Payments with 0% APR", 2165 "iconImagePath": "", 2166 "isCtaDisabled": false, 2167 "isFeatured": true, 2168 "isExternal": true, 2169 "linkType": "default", 2170 "internalPath": "", 2171 "externalUrl": "/cruise-deals-promotions/payment-plans", 2172 "princesscomAppLinks": "www", 2173 "openInNewTab": "false", 2174 "flagMessage": "", 2175 "haspromotion": false, 2176 "sourceQueryParameter": "" 2177 }, 2178 { 2179 "menuTextLink": "Free 3rd \u0026 4th Guests", 2180 "iconImagePath": "", 2181 "isCtaDisabled": false, 2182 "isFeatured": false, 2183 "isExternal": true, 2184 "linkType": "default", 2185 "internalPath": "", 2186 "externalUrl": "/cruise-search/results/?voyages\u003d4650,4703,4705,U649,4701,4649,4702,4704,U705,4706,U648,U703,N702,N703,N704,4719,4720,4721,4735,4736,4737,4738,3718,X720,E727,U715,U733,U736,U739,U717A", 2187 "princesscomAppLinks": "www", 2188 "openInNewTab": "false", 2189 "flagMessage": "", 2190 "haspromotion": false, 2191 "sourceQueryParameter": "" 2192 }, 2193 { 2194 "menuTextLink": "2028 Alaska Early Booking Offer", 2195 "iconImagePath": "", 2196 "isCtaDisabled": false, 2197 "isFeatured": false, 2198 "isExternal": true, 2199 "linkType": "default", 2200 "internalPath": "", 2201 "externalUrl": "/cruise-deals-promotions/early-booking-bonus", 2202 "princesscomAppLinks": "www", 2203 "openInNewTab": "false", 2204 "flagMessage": "", 2205 "haspromotion": false, 2206 "sourceQueryParameter": "" 2207 }, 2208 { 2209 "menuTextLink": "European Cruise Deals", 2210 "iconImagePath": "", 2211 "isCtaDisabled": false, 2212 "isFeatured": false, 2213 "isExternal": true, 2214 "linkType": "default", 2215 "internalPath": "", 2216 "externalUrl": "/cruise-deals-promotions/europe-sailing", 2217 "princesscomAppLinks": "www", 2218 "openInNewTab": "false", 2219 "flagMessage": "", 2220 "haspromotion": false, 2221 "sourceQueryParameter": "" 2222 }, 2223 { 2224 "menuTextLink": "Cruise Package Deals", 2225 "iconImagePath": "", 2226 "isCtaDisabled": false, 2227 "isFeatured": false, 2228 "isExternal": true, 2229 "linkType": "default", 2230 "internalPath": "", 2231 "externalUrl": "/cruise-deals-promotions/plus-premier-cruise-packages", 2232 "princesscomAppLinks": "www", 2233 "openInNewTab": "false", 2234 "flagMessage": "", 2235 "haspromotion": false, 2236 "sourceQueryParameter": "" 2237 }, 2238 { 2239 "menuTextLink": "Casino Perks \u0026 Discounts", 2240 "iconImagePath": "", 2241 "isCtaDisabled": false, 2242 "isFeatured": false, 2243 "isExternal": true, 2244 "linkType": "default", 2245 "internalPath": "", 2246 "externalUrl": "/ships-and-experience/onboard-experience/activities/casino", 2247 "princesscomAppLinks": "www", 2248 "openInNewTab": "false", 2249 "flagMessage": "", 2250 "haspromotion": false, 2251 "sourceQueryParameter": "" 2252 }, 2253 { 2254 "menuTextLink": "Standby Program", 2255 "iconImagePath": "", 2256 "isCtaDisabled": false, 2257 "isFeatured": false, 2258 "isExternal": true, 2259 "linkType": "default", 2260 "internalPath": "", 2261 "externalUrl": "/cruise-deals-promotions/standby-program", 2262 "princesscomAppLinks": "www", 2263 "openInNewTab": "", 2264 "flagMessage": "", 2265 "haspromotion": false, 2266 "sourceQueryParameter": "" 2267 } 2268 ], 2269 "flagMessage": "", 2270 "haspromotion": false, 2271 "sourceQueryParameter": "" 2272 }, 2273 { 2274 "menuTextLink": "Packages", 2275 "iconImagePath": "", 2276 "isCtaDisabled": true, 2277 "isFeatured": false, 2278 "isExternal": false, 2279 "linkType": "default", 2280 "internalPath": "", 2281 "externalUrl": "", 2282 "princesscomAppLinks": "", 2283 "openInNewTab": "false", 2284 "sublink": [ 2285 { 2286 "menuTextLink": "Plus \u0026 Premier Packages", 2287 "iconImagePath": "", 2288 "isCtaDisabled": false, 2289 "isFeatured": false, 2290 "isExternal": true, 2291 "linkType": "default", 2292 "internalPath": "", 2293 "externalUrl": "/cruise-deals-promotions/plus-premier-cruise-packages", 2294 "princesscomAppLinks": "www", 2295 "openInNewTab": "false", 2296 "flagMessage": "", 2297 "haspromotion": false, 2298 "sourceQueryParameter": "" 2299 }, 2300 { 2301 "menuTextLink": "Beverage Packages", 2302 "iconImagePath": "", 2303 "isCtaDisabled": false, 2304 "isFeatured": false, 2305 "isExternal": true, 2306 "linkType": "default", 2307 "internalPath": "", 2308 "externalUrl": "/cruise-dining/beverages", 2309 "princesscomAppLinks": "www", 2310 "openInNewTab": "false", 2311 "flagMessage": "", 2312 "haspromotion": false, 2313 "sourceQueryParameter": "" 2314 }, 2315 { 2316 "menuTextLink": "Cruise \u0026 Flight Packages", 2317 "iconImagePath": "", 2318 "isCtaDisabled": false, 2319 "isFeatured": false, 2320 "isExternal": true, 2321 "linkType": "default", 2322 "internalPath": "", 2323 "externalUrl": "/plan/ezair", 2324 "princesscomAppLinks": "www", 2325 "openInNewTab": "false", 2326 "flagMessage": "", 2327 "haspromotion": false, 2328 "sourceQueryParameter": "" 2329 }, 2330 { 2331 "menuTextLink": "Celebration Packages", 2332 "iconImagePath": "", 2333 "isCtaDisabled": false, 2334 "isFeatured": false, 2335 "isExternal": true, 2336 "linkType": "default", 2337 "internalPath": "", 2338 "externalUrl": "/ships-and-experience/celebrations/cruise-gifts-services/celebration-packages", 2339 "princesscomAppLinks": "www", 2340 "openInNewTab": "false", 2341 "flagMessage": "", 2342 "haspromotion": false, 2343 "sourceQueryParameter": "" 2344 }, 2345 { 2346 "menuTextLink": "Internet Packages", 2347 "iconImagePath": "", 2348 "isCtaDisabled": false, 2349 "isFeatured": false, 2350 "isExternal": true, 2351 "linkType": "default", 2352 "internalPath": "", 2353 "externalUrl": "/ships-and-experience/princess-medallionclass/medallionnet", 2354 "princesscomAppLinks": "www", 2355 "openInNewTab": "false", 2356 "flagMessage": "", 2357 "haspromotion": false, 2358 "sourceQueryParameter": "" 2359 }, 2360 { 2361 "menuTextLink": "Romance Package", 2362 "iconImagePath": "", 2363 "isCtaDisabled": false, 2364 "isFeatured": false, 2365 "isExternal": true, 2366 "linkType": "default", 2367 "internalPath": "", 2368 "externalUrl": "/ships-and-experience/celebrations/cruise-gifts-services/romance-packages", 2369 "princesscomAppLinks": "www", 2370 "openInNewTab": "false", 2371 "flagMessage": "", 2372 "haspromotion": false, 2373 "sourceQueryParameter": "" 2374 } 2375 ], 2376 "flagMessage": "", 2377 "haspromotion": false, 2378 "sourceQueryParameter": "" 2379 }, 2380 { 2381 "menuTextLink": "Loyalty", 2382 "iconImagePath": "", 2383 "isCtaDisabled": true, 2384 "isFeatured": false, 2385 "isExternal": false, 2386 "linkType": "default", 2387 "internalPath": "", 2388 "externalUrl": "", 2389 "princ
2389esscomAppLinks": "", 2390 "openInNewTab": "false", 2391 "sublink": [ 2392 { 2393 "menuTextLink": "Casino", 2394 "iconImagePath": "", 2395 "isCtaDisabled": false, 2396 "isFeatured": false, 2397 "isExternal": true, 2398 "linkType": "default", 2399 "internalPath": "", 2400 "externalUrl": "/ships-and-experience/onboard-experience/activities/casino", 2401 "princesscomAppLinks": "www", 2402 "openInNewTab": "false", 2403 "flagMessage": "", 2404 "haspromotion": false, 2405 "sourceQueryParameter": "" 2406 }, 2407 { 2408 "menuTextLink": "Captain\u0027s Circle", 2409 "iconImagePath": "", 2410 "isCtaDisabled": false, 2411 "isFeatured": false, 2412 "isExternal": true, 2413 "linkType": "default", 2414 "internalPath": "", 2415 "externalUrl": "https://book.princess.com/captaincircle/membershipBenefits.page", 2416 "princesscomAppLinks": "", 2417 "openInNewTab": "false", 2418 "flagMessage": "", 2419 "haspromotion": false, 2420 "sourceQueryParameter": "" 2421 }, 2422 { 2423 "menuTextLink": "Create an Account", 2424 "iconImagePath": "", 2425 "isCtaDisabled": false, 2426 "isFeatured": false, 2427 "isExternal": true, 2428 "linkType": "default", 2429 "internalPath": "", 2430 "externalUrl": "/my-princess/register/", 2431 "princesscomAppLinks": "www", 2432 "openInNewTab": "false", 2433 "flagMessage": "", 2434 "haspromotion": false, 2435 "sourceQueryParameter": "" 2436 }, 2437 { 2438 "menuTextLink": "Military", 2439 "iconImagePath": "", 2440 "isCtaDisabled": false, 2441 "isFeatured": false, 2442 "isExternal": true, 2443 "linkType": "default", 2444 "internalPath": "", 2445 "externalUrl": "/cruise-deals-promotions/military-benefit-program", 2446 "princesscomAppLinks": "www", 2447 "openInNewTab": "false", 2448 "flagMessage": "", 2449 "haspromotion": false, 2450 "sourceQueryParameter": "" 2451 }, 2452 { 2453 "menuTextLink": "Princess® Rewards Visa® Card", 2454 "iconImagePath": "", 2455 "isCtaDisabled": false, 2456 "isFeatured": false, 2457 "isExternal": true, 2458 "linkType": "default", 2459 "internalPath": "", 2460 "externalUrl": "https://cards.barclaycardus.com/banking/credit-card/princess/visa-signature/co-brand-partner-site/fa2c9fe2-570f-4194-83e3-8db3ed2700b7?referrerid\u003dPCLLoyalty", 2461 "princesscomAppLinks": "", 2462 "openInNewTab": "true", 2463 "flagMessage": "", 2464 "haspromotion": false, 2465 "sourceQueryParameter": "" 2466 } 2467 ], 2468 "flagMessage": "", 2469 "haspromotion": false, 2470 "sourceQueryParameter": "" 2471 } 2472 ], 2473 "flagMessage": "", 2474 "haspromotion": true, 2475 "
2475promotionpath": [ 2476 { 2477 "image": "https://assets.princess.com/is/image/princesscruises/st-thomas-sun-sail:16x9", 2478 "externalPath": "/cruise-deals-promotions/limited-time-offer", 2479 "ctaText": "Learn More", 2480 "isExternal": "true", 2481 "description": "\u003cp\u003eDiscover our current featured deals, plus many more ways to save.\u003c/p\u003e\n", 2482 "internalPath": "", 2483 "title": "Up to 40% + $300 instant savings + free 3rd \u0026 4th guests + $99 deposits" 2484 } 2485 ], 2486 "sourceQueryParameter": "" 2487 } 2488 ], 2489 "findACruiseCta": { 2490 "menuTextLink": "Find a Cruise", 2491 "iconImagePath": "/content/dam/princess/cfm-assets-demo/Icon Logo.png", 2492 "isCtaDisabled": false, 2493 "isFeatured": false, 2494 "isExternal": true, 2495 "linkType": "default", 2496 "internalPath": "", 2497 "externalUrl": "https://www.princess.com/cruise-search/results/?trade\u003dE,C,A,M,T,N\u0026duration\u003d1,2,3\u0026mrch\u003d1", 2498 "princesscomAppLinks": "www", 2499 "openInNewTab": "false", 2500 "flagMessage": "", 2501 "haspromotion": false, 2502 "sourceQueryParameter": "" 2503 }, 2504 "subscribeLink": { 2505 "menuTextLink": "Subscribe", 2506 "iconImagePath": "/content/dam/princess/cfm-assets-demo/suscribe_icon.png", 2507 "isCtaDisabled": false, 2508 "isFeatured": false, 2509 "isExternal": false, 2510 "linkType": "default", 2511 "internalPath": "", 2512 "externalUrl": "", 2513 "princesscomAppLinks": "", 2514 "openInNewTab": "false", 2515 "flagMessage": "", 2516 "haspromotion": false, 2517 "sourceQueryParameter": "" 2518 }, 2519 "callMeLink": { 2520 "menuTextLink": "1-800-774-6237", 2521 "iconImagePath": "", 2522 "isCtaDisabled": false, 2523 "isFeatured": false, 2524 "isExternal": true, 2525 "linkType": "default", 2526 "internalPath": "", 2527 "externalUrl": "tel:1-800-774-6237", 2528 "princesscomAppLinks": "", 2529 "openInNewTab": "false", 2530 "flagMessage": "", 2531 "haspromotion": false, 2532 "sourceQueryParameter": "" 2533 }, 2534 "searchLink": { 2535 "menuTextLink": "Search", 2536 "iconImagePath": "/content/dam/princess/cfm-assets-demo/Princess logo redesign.png", 2537 "isCtaDisabled": false, 2538 "isFeatured": false, 2539 "isExternal": false, 2540 "linkType": "default", 2541 "internalPath": "", 2542 "externalUrl": "", 2543 "princesscomAppLinks": "", 2544 "openInNewTab": "false", 2545 "flagMessage": "", 2546 "haspromotion": false, 2547 "sourceQueryParameter": "" 2548 }, 2549 "loginText": "Login", 2550 "login": { 2551 "menuTextLink": "Log In", 2552 "iconImagePath": "/content/dam/princess/cfm-assets-demo/userIcon.png", 2553 "isCtaDisabled": false, 2554 "isFeatured": false, 2555 "isExternal": true, 2556 "linkType": "default", 2557 "internalPath": "", 2558 "externalUrl": "https://www.princess.com/my-princess/login/", 2559 "princesscomAppLinks": "www", 2560 "openInNewTab": "false", 2561 "flagMessage": "", 2562 "haspromotion": false, 2563 "sourceQueryParameter": "" 2564 }, 2565 "myAccount": { 2566 "menuTextLink": "My Account", 2567 "iconImagePath": "", 2568 "isCtaDisabled": false, 2569 "isFeatured": false, 2570 "isExternal": true, 2571 "linkType": "default", 2572 "internalPath": "", 2573 "externalUrl": "https://book.princess.com/captaincircle/myPrincess.page", 2574 "princesscomAppLinks": "", 2575 "openInNewTab": "false", 2576 "flagMessage": "", 2577 "haspromotion": false, 2578 "sourceQueryParameter": "" 2579 }, 2580 "saved": { 2581 "menuTextLink": "Saved", 2582 "iconImagePath": "", 2583 "isCtaDisabled": false, 2584 "isFeatured": false, 2585 "isExternal": false, 2586 "linkType": "default", 2587 "internalPath": "/cruise-vacation-planning-dashboard/home.do", 2588 "externalUrl": "", 2589 "princesscomAppLinks": "www", 2590 "openInNewTab": "false", 2591 "flagMessage": "", 2592 "haspromotion": false, 2593 "sourceQueryParameter": "" 2594 }, 2595 "logOutModalCloseLabel": "
2595Close Modal", 2596 "logoutModalMessage": "\u003cp\u003e\u003cb\u003eYou have been logged out\u003c/b\u003e\u003c/p\u003e\n\u003cp\u003eYour window will update in 5 secs\u003c/p\u003e\n", 2597 "register": { 2598 "menuTextLink": "Create account", 2599 "iconImagePath": "/content/dam/princess/style-guide/apple-store.png", 2600 "isCtaDisabled": false, 2601 "isFeatured": false, 2602 "isExternal": true, 2603 "linkType": "default", 2604 "internalPath": "", 2605 "externalUrl": "https://www.princess.com/my-princess/register/", 2606 "princesscomAppLinks": "www", 2607 "openInNewTab": "false", 2608 "flagMessage": "", 2609 "haspromotion": false, 2610 "sourceQueryParameter": "" 2611 }, 2612 "manageBookingIcon": "", 2613 "manageBookingLinkText": "Manage booking", 2614 "manageBookingNavigation": { 2615 "cartLabelText": "Cart", 2616 "checkinLabelText": "Check In", 2617 "bookingLabelText": "BOOKING", 2618 "shipLabelText": "SHIP", 2619 "dateLabelText": "DATES", 2620 "makeAPaymentLabelText": "Make a Payment", 2621 "makeAPaymenturl": "/content/makeapyamnet", 2622 "mainBrowseBookingMenuLinks": [ 2623 { 2624 "menuTextLink": "Booking Details", 2625 "iconImagePath": "/content/dam/princess/corporate/icons/booking-summary-blue-icon-nav.svg", 2626 "isCtaDisabled": false, 2627 "isFeatured": true, 2628 "isExternal": true, 2629 "linkType": "default", 2630 "internalPath": "", 2631 "externalUrl": "https://book.princess.com/manage-booking/index.page?cpfy\u003dsummary", 2632 "princesscomAppLinks": "", 2633 "openInNewTab": "false", 2634 "flagMessage": "", 2635 "haspromotion": false, 2636 "sourceQueryParameter": "" 2637 }, 2638 { 2639 "menuTextLink": "Check In", 2640 "iconImagePath": "/content/dam/princess/corporate/icons/location-check-in-blue-icon-nav.svg", 2641 "isCtaDisabled": false, 2642 "isFeatured": false, 2643 "isExternal": true, 2644 "linkType": "default", 2645 "internalPath": "", 2646 "externalUrl": "https://book.princess.com/manage-booking/index.page?cpfy\u003dcheckin", 2647 "princesscomAppLinks": "book", 2648 "openInNewTab": "false", 2649 "flagMessage": "", 2650 "haspromotion": true, 2651 "sourceQueryParameter": "" 2652 }, 2653 { 2654 "menuTextLink": "Make a payment", 2655 "iconImagePath": "/content/dam/princess/corporate/icons/payment-blue-icon-nav.svg", 2656 "isCtaDisabled": false, 2657 "isFeatured": false, 2658 "isExternal": true, 2659 "linkType": "default", 2660 "internalPath": "", 2661 "externalUrl": "https://book.princess.com/manage-booking/index.page?cpfy\u003dmakepayment", 2662 "princesscomAppLinks": "book", 2663 "openInNewTab": "false", 2664 "flagMessage": "", 2665 "haspromotion": true, 2666 "sourceQueryParameter": "" 2667 }, 2668 { 2669 "menuTextLink": "Cruise Packages", 2670 "iconImagePath": "/content/dam/princess/corporate/icons/cruise-package-blue-nav.svg", 2671 "isCtaDisabled": false, 2672 "isFeatured": false, 2673 "isExternal": true, 2674 "linkType": "default", 2675 "internalPath": "", 2676 "externalUrl": "https://book.princess.com/cruisepersonalizer/index.page?cpfy\u003dcruisePackages", 2677 "princesscomAppLinks": "book", 2678 "openInNewTab": "false", 2679 "flagMessage": "", 2680 "haspromotion": true, 2681 "
2681promotionpath": [ 2682 { 2683 "image": "/content/dam/princess/cfm-assets-demo/Promotion Image Generic.png", 2684 "externalPath": "", 2685 "ctaText": "Learn More", 2686 "isExternal": "false", 2687 "description": "\u003cp\u003eLorem Ipsum dolor sit amet, consectetur adipiscing elit. Curabitur non consequat erat.\u0026nbsp;\u003c/p\u003e\n", 2688 "internalPath": "/content/princess/en-us", 2689 "title": "Lorem Ipsum Dolor" 2690 } 2691 ], 2692 "sourceQueryParameter": "" 2693 }, 2694 { 2695 "menuTextLink": "Shore Excursions", 2696 "iconImagePath": "/content/dam/princess/corporate/icons/backpack-icon-blue-nav.svg", 2697 "isCtaDisabled": false, 2698 "isFeatured": false, 2699 "isExternal": true, 2700 "linkType": "default", 2701 "internalPath": "", 2702 "externalUrl": "https://book.princess.com/manage-booking/index.page?cpfy\u003dshx", 2703 "princesscomAppLinks": "book", 2704 "openInNewTab": "false", 2705 "flagMessage": "Online purchase is closed, but excursions are still available onboard", 2706 "haspromotion": false, 2707 "sourceQueryParameter": "" 2708 }, 2709 { 2710 "menuTextLink": "Spa", 2711 "iconImagePath": "/content/dam/princess/corporate/icons/spa-blue-icon.svg", 2712 "isCtaDisabled": false, 2713 "isFeatured": false, 2714 "isExternal": true, 2715 "linkType": "default", 2716 "internalPath": "", 2717 "externalUrl": "
2717https://book.princess.com/manage-booking/index.page?cpfy\u003dspa", 2718 "princesscomAppLinks": "", 2719 "openInNewTab": "", 2720 "flagMessage": "", 2721 "haspromotion": false, 2722 "sourceQueryParameter": "" 2723 }, 2724 { 2725 "menuTextLink": "Flight \u0026 Transfers", 2726 "iconImagePath": "/content/dam/princess/corporate/icons/flight-blue-icon-nav.svg", 2727 "isCtaDisabled": false, 2728 "isFeatured": false, 2729 "isExternal": true, 2730 "linkType": "default", 2731 "internalPath": "", 2732 "externalUrl": "https://book.princess.com/manage-booking/index.page?cpfy\u003dflightsummary", 2733 "princesscomAppLinks": "book", 2734 "openInNewTab": "false", 2735 "flagMessage": "", 2736 "haspromotion": false, 2737 "sourceQueryParameter": "" 2738 }, 2739 { 2740 "menuTextLink": "Vacation Protection Plan", 2741 "iconImagePath": "/content/dam/princess/corporate/icons/shield-check-vacation-blue-icon-nav.svg", 2742 "isCtaDisabled": false, 2743 "isFeatured": false, 2744 "isExternal": true, 2745 "linkType": "default", 2746 "internalPath": "", 2747 "externalUrl": "https://book.princess.com/manage-booking/index.page?cpfy\u003dinsurance", 2748 "princesscomAppLinks": "book", 2749 "openInNewTab": "false", 2750 "flagMessage": "", 2751 "haspromotion": true, 2752 "sourceQueryParameter": "" 2753 } 2754 ] 2755 }, 2756 "skipNavigationLinkText": "Skip to main content", 2757 "openSearchAccessibilityLabel": "Search", 2758 "logOutModalAutoCloseDuration": "5", 2759 "switchFlag": false, 2760 "enableLoginRedirect": false 2761}"> 2762 2763 2764 2765 <div class="cmp-global-header-mobileWrapper"> 2766 <div id="cmp-global-header-mobile" class="cmp-global-header-mobile"> 2767 <div class="cmp-global-header-mobile__mainHeader"> 2768 <div class="cmp-global-header-mobile__logo"> 2769 <a href="/"> 2770 2771 2772 <img src="/content/dam/princess/cfm-assets-demo/Princess%20logo%20redesign.png" alt="Princess.com"/> 2773 </a> 2774 </div> 2775 <button data-track="header" data-track-component-type="navigation" data-track-id="Open Menu" class="cmp-global-header-mobile__triggerMenu"> 2776 <svg class="cmp-global-header-mobile__closeMenu" width="25" height="17" viewBox="0 0 25 17" fill="none" xmlns="http://www.w3.org/2000/svg"> 2777 <path fill-rule="evenodd" clip-rule="evenodd" d="M13.4354 9.25485L19.5765 3.11373L18.9227 2.45996L12.7816 8.60108L6.77185 2.59131L6.11808 3.24509L12.1278 9.25485L5.84729 15.5354L6.50106 16.1892L12.7816 9.90862L19.1935 16.3205L19.8473 15.6668L13.4354 9.25485Z" fill="#020215"/> 2778 </svg> 2779 <svg class="cmp-global-header-mobile__openMenu" width="25" height="16" viewBox="0 0 25 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 2780 <path d="M24.8473 8.47656H0.84729V7.47656H24.8473V8.47656Z" fill="#020215"/> 2781 <path d="M24.8473 1.45752H0.84729V0.45752H24.8473V1.45752Z" fill="#020215"/> 2782 <path d="M24.8473 15.5H0.84729V14.5H24.8473V15.5Z" fill="#020215"/> 2783 </svg> 2784 <span class="cmp-global-header-mobile__searchButtonText">Menu</span> 2785 </button> 2786 </div> 2787 <div class="cmp-global-header-mobile__wrapper"> 2788 <div class="cmp-global-header-mobile__subheader"> 2789 <div class="cmp-global-header__zero-level-col-item cmp-global-header-mobile__subheaderChild"> 2790 <button data-track="header" data-track-component-type="navigation" data-track-id="Search" class="cmp-global-header-mobile__subheaderButtons cmp-global-header-mobile__searchButton"> 2791 <svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 2792 <path fill-rule="evenodd" clip-rule="evenodd" d="M4.91667 9.16667C4.91667 6.40917 7.15917 4.16667 9.91667 4.16667C12.6742 4.16667 14.9167 6.40917 14.9167 9.16667C14.9167 11.9242 12.6742 14.1667 9.91667 14.1667C7.15917 14.1667 4.91667 11.9242 4.91667 9.16667ZM18.0058 16.
27920775L15.1767 13.2475C16.0542 12.1192 16.5833 10.705 16.5833 9.16667C16.5833 5.49083 13.5925 2.5 9.91667 2.5C6.24083 2.5 3.25 5.49083 3.25 9.16667C3.25 12.8425 6.24083 15.8333 9.91667 15.8333C11.455 15.8333 12.8692 15.3042 13.9975 14.4267L16.8275 17.2558C16.99 17.4183 17.2033 17.5 17.4167 17.5C17.63 17.5 17.8433 17.4183 18.0058 17.2558C18.3317 16.93 18.3317 16.4033 18.0058 16.0775Z" fill="#020215"/> 2793 <mask id="mask0_2051_7173" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="3" y="2" width="16" height="16"> 2794 <path fill-rule="evenodd" clip-rule="evenodd" d="M4.91667 9.16667C4.91667 6.40917 7.15917 4.16667 9.91667 4.16667C12.6742 4.16667 14.9167 6.40917 14.9167 9.16667C14.9167 11.9242 12.6742 14.1667 9.91667 14.1667C7.15917 14.1667 4.91667 11.9242 4.91667 9.16667ZM18.0058 16.0775L15.1767 13.2475C16.0542 12.1192 16.5833 10.705 16.5833 9.16667C16.5833 5.49083 13.5925 2.5 9.91667 2.5C6.24083 2.5 3.25 5.49083 3.25 9.16667C3.25 12.8425 6.24083 15.8333 9.91667 15.8333C11.455 15.8333 12.8692 15.3042 13.9975 14.4267L16.8275 17.2558C16.99 17.4183 17.2033 17.5 17.4167 17.5C17.63 17.5 17.8433 17.4183 18.0058 17.2558C18.3317 16.93 18.3317 16.4033 18.0058 16.0775Z" fill="white"/> 2795 </mask> 2796 <g mask="url(#mask0_2051_7173)"> 2797 <rect x="0.75" width="20" height="20" fill="#6C6C78"/> 2798 </g> 2799 </svg> 2800 Search 2801 </button> 2802 </div> 2803 <div class="cmp-global-header__zero-level-col-item cmp-global-header-mobile__subheaderChild cmp-global-header-mobile__phone"> 2804 2805 2806 <a data-track="header" data-track-component-type="navigation" class="cmp-global-header-mobile__subheaderButtons"> 2807 <svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 2808 <path d="M2.625 5.625C2.625 12.5286 8.22144 18.125 15.125 18.125H17C18.0355 18.125 18.875 17.2855 18.875 16.25V15.107C18.875 14.6768 18.5822 14.3018 18.1649 14.1975L14.4789 13.276C14.113 13.1845 13.7278 13.3212 13.5015 13.623L12.693 14.701C12.4583 15.0139 12.0525 15.1522 11.6853 15.0177C8.92949 14.0082 6.7418 11.8205 5.7323 9.06472C5.59778 8.69749 5.73613 8.29165 6.049 8.057L7.12702 7.24849C7.42878 7.02217 7.56551 6.63704 7.47403 6.27111L6.55253 2.58512C6.44819 2.16778 6.07321 1.875 5.64302 1.875H4.5C3.46447 1.875 2.625 2.71447 2.625 3.75V5.625Z" stroke="#6C6C78" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 2809 </svg> 2810 1-800-774-6237 2811 </a> 2812 </div> 2813 <div class="cmp-global-header-mobile__subheaderChild cmp-global-header-mobile__sign-up-modal"> 2814 <div class="cmp-global-header__zero-level-col-item cmp-global-header-mobile__subscribe"> 2815 2816 <img src="/content/dam/princess/cfm-assets-demo/suscribe_icon.png" alt=""/> 2817 </div> 2818 <div data-sharable="specialOffers"><div class="signUpModal modal"> 2819 2820<div data-track-component-type="modal" data-trigger-type="button" data-modal-id="modal-id-1724257139142" data-trigger-id="mfp-iframe" data-trigger-aria-label="Subscribe" class="cmp-modal cmp-modal--iframe"> 2821 <button class="cmp-modal__trigger cmp-modal__trigger-button cmp-modal__button-primary-sticky-nav" id="mfp-iframe" data-modal-trigger="modal-id-1724257139142" aria-label="Subscribe" data-track-component-type="button" data-track="modal" data-track-id="subscribe"> 2822 2823 <span class="cmp-modal__trigger-text">Subscribe</span> 2824 </button> 2825 2826 2827 2828 <div class="cmp-modal__modal-container" id="modal-id-1724257139142" aria-hidden="true"> 2829 <div class="cmp-modal__overlay" data-modal-close> 2830 <div class="cmp-modal__dialog-container"> 2831 <div class="cmp-modal__dialog" role="dialog" aria-modal="true" aria-labelledby="modal-id-1724257139142
2831-modal-heading"> 2832 <span id="modal-id-1724257139142-modal-heading" class="sr-only">Special Offers Just for You</span> 2833 <div class="cmp-modal__content-container" data-content-type="iframe" data-source-url="https://book.princess.com/captaincircle/specialOfferRegistration.page?track=header&trackId=special-offers" tabindex="0"> 2834 2835 <div class="cmp-modal__content-inner"> 2836 <iframe src="" frameborder="0" width="100%" height="100%" allowfullscreen></iframe> 2837 </div> 2838 2839 2840 </div> 2841 <button class="cmp-modal__close-button" data-modal-close data-track="modal" data-track-id="close"> 2842 <svg class="cmp-svg-icon close-icon"> 2843 <use href="#icon-close-x"/> 2844 </svg> 2845 </button> 2846 </div> 2847 </div> 2848 </div> 2849 </div> 2850 2851</div> 2852 2853 2854 2855 2856</div> 2857</div> 2858 </div> 2859 2860 </div> 2861 <div class="cmp-global-header-mobile-nav" id="cmp-global-header-mobile__navMenu"> 2862 <ul> 2863 <li class="item"> 2864 <a data-track="header" data-track-component-type="navigation" data-track-id="Destinations" class="cmp-global-header-mobile-nav-link" href="#"> 2865 Destinations 2866 <svg width="12" height="7" viewBox="0 0 12 7" fill="none" xmlns="http://www.w3.org/2000/svg"> 2867 <path d="M11.29 0.290059C10.9 -0.0999414 10.27 -0.0999415 9.87998 0.290059L5.99998 4.17006L2.11998 0.290058C1.72998 -0.0999418 1.09998 -0.0999419 0.709977 0.290058C0.319977 0.680058 0.319977 1.31006 0.709977 1.70006L5.29998 6.29006C5.68998 6.68006 6.31998 6.68006 6.70998 6.29006L11.3 1.70006C11.68 1.32006 11.68 0.680059 11.29 0.290059Z" fill="#BABBBD"/> 2868 </svg> 2869 </a> 2870 <ul class="cmp-global-header-mobile-nav__firstLevel cmp-global-header-mobile-nav__submenu"> 2871 <li class="item"> 2872 <a data-track="header" data-track-component-type="navigation" data-track-id="Cruise Destinations" class="cmp-global-header-mobile-nav-link cmp-global-header-mobile-nav__firstLevelItem"> 2873 Cruise Destinations 2874 <svg width="7" height="12" viewBox="0 0 7 12" fill="none" xmlns="http://www.w3.org/2000/svg"> 2875 <path d="M0.289998 0.709778C-0.100002 1.09978 -0.100002 1.72978 0.289998 2.11978L4.17 5.99978L0.289998 9.87978C-0.100002 10.2698 -0.100002 10.8998 0.289998 11.2898C0.679998 11.6798 1.31 11.6798 1.7 11.2898L6.29 6.69978C6.68 6.30978 6.68 5.67978 6.29 5.28978L1.7 0.699778C1.32 0.319778 0.679998 0.319778 0.289998 0.709778Z" fill="#E2E2E4"/> 2876 </svg> 2877 </a> 2878 <ul class="cmp-global-header-mobile-nav__submenu cmp-global-header-mobile-nav__secondLevel"> 2879 <li> 2880 <div class="cmp-global-header-mobile-nav__menuNav"> 2881 <a data-track="header" data-track-component-type="navigation" data-track-id="Back button" class="backButton" href="#"> 2882 <div class="backButton__wrapper"> 2883 <svg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 2884 <path d="M7.15283 1L1.15283 7L7.15283 13" stroke="#020215" stroke-linejoin="round"/> 2885 </svg> 2886 Back 2887 </div> 2888 </a>
2889 <span class="cmp-global-header-mobile-nav__linkText"></span> 2890 <a data-track="header" data-track-component-type="navigation" data-track-id="close button" href="#" class="cmp-global-header-mobile-nav__menuNav-right cmp-global-header-mobile-nav__close"> 2891 <div class="backButton__wrapper"> 2892 <svg width="25" height="17" viewBox="0 0 25 17" fill="none" xmlns="http://www.w3.org/2000/svg"> 2893 <path fill-rule="evenodd" clip-rule="evenodd" d="M13.4354 9.25485L19.5765 3.11373L18.9227 2.45996L12.7816 8.60108L6.77185 2.59131L6.11808 3.24509L12.1278 9.25485L5.84729 15.5354L6.50106 16.1892L12.7816 9.90862L19.1935 16.3205L19.8473 15.6668L13.4354 9.25485Z" fill="#020215"/> 2894 </svg> 2895 Close 2896 </div> 2897 </a> 2898 </div> 2899 </li> 2900 2901 <li class="item"> 2902 <a data-track="header" data-track-component-type="navigation" data-track-id="Alaska" class="cmp-global-header-mobile-nav-link" href="/cruise-destinations/alaska-cruises"> 2903 Alaska 2904 2905 </a> 2906 2907 </li> 2908 2909 <li class="item"> 2910 <a data-track="header" data-track-component-type="navigation" data-track-id="Alaska Cruisetours" class="cmp-global-header-mobile-nav-link" href="https://www.princess.com/cruise-destinations/alaska-cruises/cruisetour-options"> 2911 Alaska Cruisetours 2912 2913 </a> 2914 2915 </li> 2916 2917 <li class="item"> 2918 <a data-track="header" data-track-component-type="navigation" data-track-id="Asia" class="cmp-global-header-mobile-nav-link"> 2919 Asia 2920 <svg width="7" height="12" viewBox="0 0 7 12" fill="none" xmlns="http://www.w3.org/2000/svg"> 2921 <path d="M0.289998 0.709778C-0.100002 1.09978 -0.100002 1.72978 0.289998 2.11978L4.17 5.99978L0.289998 9.87978C-0.100002 10.2698 -0.100002 10.8998 0.289998 11.2898C0.679998 11.6798 1.31 11.6798 1.7 11.2898L6.29 6.69978C6.68 6.30978 6.68 5.67978 6.29 5.28978L1.7 0.699778C1.32 0.319778 0.679998 0.319778 0.289998 0.709778Z" fill="#E2E2E4"/> 2922 </svg> 2923 </a> 2924 <ul class="cmp-global-header-mobile-nav__submenu"> 2925 <li> 2926 <div class="cmp-global-header-mobile-nav__menuNav"> 2927 <a data-track="header" data-track-component-type="navigation" data-track-id="Back button" class="backButton" href="#"> 2928 <div class="backButton__wrapper"> 2929 <svg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 2930 <path d="M7.15283 1L1.15283 7L7.15283 13" stroke="#020215" stroke-linejoin="round"/> 2931 </svg> 2932 Back 2933 </div> 2934 </a>
2935 <span class="cmp-global-header-mobile-nav__linkText"></span> 2936 <a data-track="header" data-track-component-type="navigation" data-track-id="Close button" href="#" class="cmp-global-header-mobile-nav__menuNav-right cmp-global-header-mobile-nav__close"> 2937 <div class="backButton__wrapper"> 2938 <svg width="25" height="17" viewBox="0 0 25 17" fill="none" xmlns="http://www.w3.org/2000/svg"> 2939 <path fill-rule="evenodd" clip-rule="evenodd" d="M13.4354 9.25485L19.5765 3.11373L18.9227 2.45996L12.7816 8.60108L6.77185 2.59131L6.11808 3.24509L12.1278 9.25485L5.84729 15.5354L6.50106 16.1892L12.7816 9.90862L19.1935 16.3205L19.8473 15.6668L13.4354 9.25485Z" fill="#020215"/> 2940 </svg> 2941 Close 2942 </div> 2943 </a> 2944 </div> 2945 </li> 2946 2947 <li><a data-track="header" data-track-component-type="navigation" data-track-id="All Asia" class="cmp-global-header-mobile-nav-link" href="/cruise-destinations/asia-cruises">All Asia</a></li> 2948 2949 <li><a data-track="header" data-track-component-type="navigation" data-track-id="Thailand" class="cmp-global-header-mobile-nav-link" href="/cruise-destinations/thailand-cruises">Thailand</a></li> 2950 2951 <li><a data-track="header" data-track-component-type="navigation" data-track-id="Japan" class="cmp-global-header-mobile-nav-link" href="/cruise-destinations/japan-cruises">Japan</a></li> 2952 2953 </ul> 2954 </li> 2955 2956 <li class="item"> 2957 <a data-track="header" data-track-component-type="navigation" data-track-id="Caribbean" class="cmp-global-header-mobile-nav-link" href="/cruise-destinations/caribbean-cruises"> 2958 Caribbean 2959 2960 </a> 2961 2962 </li> 2963 2964 <li class="item"> 2965 <a data-track="header" data-track-component-type="navigation" data-track-id="Mediterranean" class="cmp-global-header-mobile-nav-link" href="/cruise-destinations/european-cruises/mediterranean-and-greek-isles"> 2966 Mediterranean 2967 2968 </a> 2969 2970 </li> 2971 2972 <li class="item"> 2973 <a data-track="header" data-track-component-type="navigation" data-track-id="Japan" class="cmp-global-header-mobile-nav-link" href="/cruise-destinations/japan-cruises"> 2974 Japan 2975 2976 </a> 2977 2978 </li> 2979 2980 <li class="item"> 2981 <a data-track="header" data-track-component-type="navigation" data-track-id="Alaska" class="cmp-global-header-mobile-nav-link" href="/cruise-destinations/alaska-cruises"> 2982 Alaska 2983 2984 </a> 2985 2986 </li> 2987 2988 <li class="item"> 2989 <a data-track="header" data-track-component-type="navigation" data-track-id="Australia" class="cmp-global-header-mobile-nav-link"> 2990 Australia 2991 <svg width="7" height="12" viewBox="0 0 7 12" fill="none" xmlns="http://www.w3.org/2000/svg"> 2992 <path d="M0.289998 0.709778C-0.100002 1.09978 -0.100002 1.72978 0.289998 2.11978L4.17 5.99978L0.289998 9.87978C-0.100002 10.2698 -0.100002 10.8998 0.289998 11.2898C0.679998 11.6798 1.31 11.6798 1.7 11.2898L6.29 6.69978C6.68 6.30978 6.68 5.67978 6.29 5.28978L1.7 0.699778C1.32 0.319778 0.679998 0.319778 0.289998 0.709778Z" fill="#E2E2E4"/> 2993 </svg> 2994 </a> 2995 <ul class="cmp-global-header-mobile-nav__submenu"> 2996 <li> 2997 <div class="cmp-global-header-mobile-nav__menuNav"> 2998 <a data-track="header" data-track-component-type="navigation" data-track-id="Back button" class="backButton" href="#"> 2999 <div class="backButton__wrapper"> 3000 <svg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 3001 <path d="M7.15283 1L1.15283 7L7.15283 13" stroke="#020215" stroke-linejoin="round"/> 3002 </svg> 3003 Back 3004 </div> 3005 </a>
3006 <span class="cmp-global-header-mobile-nav__linkText"></span> 3007 <a data-track="header" data-track-component-type="navigation" data-track-id="Close button" href="#" class="cmp-global-header-mobile-nav__menuNav-right cmp-global-header-mobile-nav__close"> 3008 <div class="backButton__wrapper"> 3009 <svg width="25" height="17" viewBox="0 0 25 17" fill="none" xmlns="http://www.w3.org/2000/svg"> 3010 <path fill-rule="evenodd" clip-rule="evenodd" d="M13.4354 9.25485L19.5765 3.11373L18.9227 2.45996L12.7816 8.60108L6.77185 2.59131L6.11808 3.24509L12.1278 9.25485L5.84729 15.5354L6.50106 16.1892L12.7816 9.90862L19.1935 16.3205L19.8473 15.6668L13.4354 9.25485Z" fill="#020215"/> 3011 </svg> 3012 Close 3013 </div> 3014 </a> 3015 </div> 3016 </li> 3017 3018 <li><a data-track="header" data-track-component-type="navigation" data-track-id="Australia" class="cmp-global-header-mobile-nav-link" href="/cruise-destinations/australia-cruises">Australia</a></li> 3019 3020 <li><a data-track="header" data-track-component-type="navigation" data-track-id="New Zealand" class="cmp-global-header-mobile-nav-link" href="/cruise-destinations/australia-cruises/new-zealand">New Zealand</a></li> 3021 3022 </ul> 3023 </li> 3024 3025 <li class="item"> 3026 <a data-track="header" data-track-component-type="navigation" data-track-id="California Pacific Coast" class="cmp-global-header-mobile-nav-link" href="/cruise-destinations/california-coast-cruises"> 3027 California Pacific Coast 3028 3029 </a> 3030 3031 </li> 3032 3033 <li class="item"> 3034 <a data-track="header" data-track-component-type="navigation" data-track-id="Canada & New England" class="cmp-global-header-mobile-nav-link" href="/cruise-destinations/canada-cruises"> 3035 Canada & New England 3036 3037 </a> 3038 3039 </li> 3040 3041 <li class="item"> 3042 <a data-track="header" data-track-component-type="navigation" data-track-id="Caribbean" class="cmp-global-header-mobile-nav-link"> 3043 Caribbean 3044 <svg width="7" height="12" viewBox="0 0 7 12" fill="none" xmlns="http://www.w3.org/2000/svg"> 3045 <path d="M0.289998 0.709778C-0.100002 1.09978 -0.100002 1.72978 0.289998 2.11978L4.17 5.99978L0.289998 9.87978C-0.100002 10.2698 -0.100002 10.8998 0.289998 11.2898C0.679998 11.6798 1.31 11.6798 1.7 11.2898L6.29 6.69978C6.68 6.30978 6.68 5.67978 6.29 5.28978L1.7 0.699778C1.32 0.319778 0.679998 0.319778 0.289998 0.709778Z" fill="#E2E2E4"/> 3046 </svg> 3047 </a> 3048 <ul class="cmp-global-header-mobile-nav__submenu"> 3049 <li> 3050 <div class="cmp-global-header-mobile-nav__menuNav"> 3051 <a data-track="header" data-track-component-type="navigation" data-track-id="Back button" class="backButton" href="#"> 3052 <div class="backButton__wrapper"> 3053 <svg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 3054 <path d="M7.15283 1L1.15283 7L7.15283 13" stroke="#020215" stroke-linejoin="round"/> 3055 </svg> 3056 Back 3057 </div> 3058 </a>
3059 <span class="cmp-global-header-mobile-nav__linkText"></span> 3060 <a data-track="header" data-track-component-type="navigation" data-track-id="Close button" href="#" class="cmp-global-header-mobile-nav__menuNav-right cmp-global-header-mobile-nav__close"> 3061 <div class="backButton__wrapper"> 3062 <svg width="25" height="17" viewBox="0 0 25 17" fill="none" xmlns="http://www.w3.org/2000/svg"> 3063 <path fill-rule="evenodd" clip-rule="evenodd" d="M13.4354 9.25485L19.5765 3.11373L18.9227 2.45996L12.7816 8.60108L6.77185 2.59131L6.11808 3.24509L12.1278 9.25485L5.84729 15.5354L6.50106 16.1892L12.7816 9.90862L19.1935 16.3205L19.8473 15.6668L13.4354 9.25485Z" fill="#020215"/> 3064 </svg> 3065 Close 3066 </div> 3067 </a> 3068 </div> 3069 </li> 3070 3071 <li><a data-track="header" data-track-component-type="navigation" data-track-id="All Caribbean" class="cmp-global-header-mobile-nav-link" href="/cruise-destinations/caribbean-cruises">All Caribbean</a></li> 3072 3073 <li><a data-track="header" data-track-component-type="navigation" data-track-id="Eastern Caribbean" class="cmp-global-header-mobile-nav-link" href="/cruise-destinations/caribbean-cruises/eastern-caribbean">Eastern Caribbean</a></li> 3074 3075 <li><a data-track="header" data-track-component-type="navigation" data-track-id="Western Caribbean" class="cmp-global-header-mobile-nav-link" href="/cruise-destinations/western-caribbean-cruises">Western Caribbean</a></li> 3076 3077 <li><a data-track="header" data-track-component-type="navigation" data-track-id="Southern Caribbean" class="cmp-global-header-mobile-nav-link" href="/cruise-destinations/caribbean-cruises/southern-caribbean">Southern Caribbean</a></li> 3078 3079 <li><a data-track="header" data-track-component-type="navigation" data-track-id="Bahamas" class="cmp-global-header-mobile-nav-link" href="/cruise-destinations/caribbean-cruises/bahamas-cruises">Bahamas</a></li> 3080 3081 <li><a data-track="header" data-track-component-type="navigation" data-track-id="Caribbean & Bahamas Getaways " class="cmp-global-header-mobile-nav-link" href="/cruise-destinations/caribbean-cruises/caribbean-getaways">Caribbean & Bahamas Getaways </a></li> 3082 3083 </ul> 3084 </li> 3085 3086 <li class="item"> 3087 <a data-track="header" data-track-component-type="navigation" data-track-id="Europe" class="cmp-global-header-mobile-nav-link"> 3088 Europe 3089 <svg width="7" height="12" viewBox="0 0 7 12" fill="none" xmlns="http://www.w3.org/2000/svg"> 3090 <path d="M0.289998 0.709778C-0.100002 1.09978 -0.100002 1.72978 0.289998 2.11978L4.17 5.99978L0.289998 9.87978C-0.100002 10.2698 -0.100002 10.8998 0.289998 11.2898C0.679998 11.6798 1.31 11.6798 1.7 11.2898L6.29 6.69978C6.68 6.30978 6.68 5.67978 6.29 5.28978L1.7 0.699778C1.32 0.319778 0.679998 0.319778 0.289998 0.709778Z" fill="#E2E2E4"/> 3091 </svg> 3092 </a> 3093 <ul class="cmp-global-header-mobile-nav__submenu"> 3094 <li> 3095 <div class="cmp-global-header-mobile-nav__menuNav"> 3096 <a data-track="header" data-track-component-type="navigation" data-track-id="Back button" class="backButton" href="#"> 3097 <div class="backButton__wrapper"> 3098 <svg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 3099 <path d="M7.15283 1L1.15283 7L7.15283 13" stroke="#020215" stroke-linejoin="round"/> 3100 </svg> 3101 Back 3102 </div> 3103 </a>
3104 <span class="cmp-global-header-mobile-nav__linkText"></span> 3105 <a data-track="header" data-track-component-type="navigation" data-track-id="Close button" href="#" class="cmp-global-header-mobile-nav__menuNav-right cmp-global-header-mobile-nav__close"> 3106 <div class="backButton__wrapper"> 3107 <svg width="25" height="17" viewBox="0 0 25 17" fill="none" xmlns="http://www.w3.org/2000/svg"> 3108 <path fill-rule="evenodd" clip-rule="evenodd" d="M13.4354 9.25485L19.5765 3.11373L18.9227 2.45996L12.7816 8.60108L6.77185 2.59131L6.11808 3.24509L12.1278 9.25485L5.84729 15.5354L6.50106 16.1892L12.7816 9.90862L19.1935 16.3205L19.8473 15.6668L13.4354 9.25485Z" fill="#020215"/> 3109 </svg> 3110 Close 3111 </div> 3112 </a> 3113 </div> 3114 </li> 3115 3116 <li><a data-track="header" data-track-component-type="navigation" data-track-id="All Europe" class="cmp-global-header-mobile-nav-link" href="/cruise-destinations/european-cruises">All Europe</a></li> 3117 3118 <li><a data-track="header" data-track-component-type="navigation" data-track-id="British Isles" class="cmp-global-header-mobile-nav-link" href="/cruise-destinations/british-isles-cruises">British Isles</a></li> 3119 3120 <li><a data-track="header" data-track-component-type="navigation" data-track-id="Greece" class="cmp-global-header-mobile-nav-link" href="/cruise-destinations/greek-isles-cruises">Greece</a></li> 3121 3122 <li><a data-track="header" data-track-component-type="navigation" data-track-id="Iceland" class="cmp-global-header-mobile-nav-link" href="/cruise-destinations/cruises-to-iceland">Iceland</a></li> 3123 3124 <li><a data-track="header" data-track-component-type="navigation" data-track-id="Italy" class="cmp-global-header-mobile-nav-link" href="/cruise-destinations/italy-cruises">Italy</a></li> 3125 3126 <li><a data-track="header" data-track-component-type="navigation" data-track-id="Mediterranean" class="cmp-global-header-mobile-nav-link" href="/cruise-destinations/mediterranean-cruises">Mediterranean</a></li> 3127 3128 <li><a data-track="header" data-track-component-type="navigation" data-track-id="Norway" class="cmp-global-header-mobile-nav-link" href="/cruise-destinations/norway-cruises">Norway</a></li> 3129 3130 <li><a data-track="header" data-track-component-type="navigation" data-track-id="Scandinavia & Baltics" class="cmp-global-header-mobile-nav-link" href="/cruise-destinations/european-cruises/scandinavia-baltics">Scandinavia & Baltics</a></li> 3131 3132 <li><a data-track="header" data-track-component-type="navigation" data-track-id="Transatlantic" class="cmp-global-header-mobile-nav-link" href="/cruise-destinations/european-cruises/transatlantic">Transatlantic</a></li> 3133 3134 </ul> 3135 </li> 3136 3137 <li class="item"> 3138 <a data-track="header" data-track-component-type="navigation" data-track-id="Hawaii" class="cmp-global-header-mobile-nav-link" href="/cruise-destinations/hawaii-cruises"> 3139 Hawaii 3140 3141 </a> 3142 3143 </li> 3144 3145 <li class="item"> 3146 <a data-track="header" data-track-component-type="navigation" data-track-id="Mexico" class="cmp-global-header-mobile-nav-link" href="/cruise-destinations/mexico-cruises"> 3147 Mexico 3148 3149 </a> 3150 3151 </li> 3152 3153 <li class="item"> 3154 <a data-track="header" data-track-component-type="navigation" data-track-id="Panama Canal" class="cmp-global-header-mobile-nav-link" href="/cruise-destinations/panama-canal-cruises"> 3155 Panama Canal 3156 3157 </a> 3158 3159 </li> 3160 3161 <li class="item"> 3162 <a data-track="header" data-track-component-type="navigation" data-track-id="South America & Antarctica" class="cmp-global-header-mobile-nav-link" href="/cruise-destinations/south-america-cruises"> 3163 South America & Antarctica 3164 3165 </a> 3166 3167 </li> 3168 3169 <li class="item"> 3170 <a data-track="header" data-track-component-type="navigation" data-track-id="Tahiti & South Pacific" class="cmp-global-header-mobile-nav-link" href="https://www.princess.com/cruise-destinations/tahiti-south-pacific-cruises"> 3171 Tahiti & South Pacific 3172 3173 </a> 3174 3175 </li> 3176 3177 <li class="item"> 3178 <a data-track="header" data-track-component-type="navigation" data-track-id="Departure Ports" class="cmp-global-header-mobile-nav-link" href="/cruise-destinations/departure-ports"> 3179 Departure Ports 3180 3181 </a> 3182 3183 </li> 3184 3185 <li class="item"> 3186 <a data-track="header" data-track-component-type="navigation" data-track-id="All Ports" class="cmp-global-header-mobile-nav-link" href="/cruise-destinations/ports"> 3187 All Ports 3188 3189 </a> 3190 3191 </li> 3192 3193 <li class="item"> 3194 <a data-track="header" data-track-component-type="navigation" data-track-id="All Destinations" class="cmp-global-header-mobile-nav-link" href="/cruise-destinations"> 3195 All Destinations 3196 3197 </a> 3198 3199 </li> 3200 3201 <li> 3202 <div class="cmp-global-header-mobile__promo"> 3203 <img src="/content/dam/princess/promos-deals/denali-national-park-1220x686.jpg" alt="Sail with the highest-rated Alaska cruise line"/> 3204 <p class="cmp-global-header-mobile__promo__title">Sail with the highest-rated Alaska cruise line</p> 3205 <p data-pm-slice="1 1 ["list",{},"list_item",{"indent":2,"type":"numbered"}]">Experience glaciers, national parks and wildlife with Princess.</p> 3206 <p><a data-track="header" data-track-component-type="navigation" data-track-id="Learn More" href="/cruise-destinations/alaska-cruises">Learn More</a></p> 3207 </div> 3208 </li> 3209 </ul> 3210 </li> 3211 3212 <li class="item"> 3213 <a data-track="header" data-track-component-type="navigation" data-track-id="Cruise Types" class="cmp-global-header-mobile-nav-link cmp-global-header-mobile-nav__firstLevelItem"> 3214 Cruise Types 3215 <svg width="7" height="12" viewBox="0 0 7 12" fill="none" xmlns="http://www.w3.org/2000/svg"> 3216 <path d="M0.289998 0.709778C-0.100002 1.09978 -0.100002 1.72978 0.289998 2.11978L4.17 5.99978L0.289998 9.87978C-0.100002 10.2698 -0.100002 10.8998 0.289998 11.2898C0.679998 11.6798 1.31 11.6798 1.7 11.2898L6.29 6.69978C6.68 6.30978 6.68 5.67978 6.29 5.28978L1.7 0.699778C1.32 0.319778 0.679998 0.319778 0.289998 0.709778Z" fill="#E2E2E4"/> 3217 </svg> 3218 </a> 3219 <ul class="cmp-global-header-mobile-nav__submenu
3219cmp-global-header-mobile-nav__secondLevel"> 3220 <li> 3221 <div class="cmp-global-header-mobile-nav__menuNav"> 3222 <a data-track="header" data-track-component-type="navigation" data-track-id="Back button" class="backButton" href="#"> 3223 <div class="backButton__wrapper"> 3224 <svg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 3225 <path d="M7.15283 1L1.15283 7L7.15283 13" stroke="#020215" stroke-linejoin="round"/> 3226 </svg> 3227 Back 3228 </div> 3229 </a> 3230 <span class="cmp-global-header-mobile-nav__linkText"></span> 3231 <a data-track="header" data-track-component-type="navigation" data-track-id="close button" href="#" class="cmp-global-header-mobile-nav__menuNav-right cmp-global-header-mobile-nav__close"> 3232 <div class="backButton__wrapper"> 3233 <svg width="25" height="17" viewBox="0 0 25 17" fill="none" xmlns="http://www.w3.org/2000/svg"> 3234 <path fill-rule="evenodd" clip-rule="evenodd" d="M13.4354 9.25485L19.5765 3.11373L18.9227 2.45996L12.7816 8.60108L6.77185 2.59131L6.11808 3.24509L12.1278 9.25485L5.84729 15.5354L6.50106 16.1892L12.7816 9.90862L19.1935 16.3205L19.8473 15.6668L13.4354 9.25485Z" fill="#020215"/> 3235 </svg> 3236 Close 3237 </div> 3238 </a> 3239 </div> 3240 </li> 3241 3242 <li class="item"> 3243 <a data-track="header" data-track-component-type="navigation" data-track-id="New Cruises" class="cmp-global-header-mobile-nav-link" href="/cruise-destinations/new-cruise-itineraries"> 3244 New Cruises 3245 3246 </a> 3247 3248 </li> 3249 3250 <li class="item"> 3251 <a data-track="header" data-track-component-type="navigation" data-track-id="Cruisetours" class="cmp-global-header-mobile-nav-link" href="/cruise-destinations/alaska-cruises/cruisetour-options"> 3252 Cruisetours 3253 3254 </a> 3255 3256 </li> 3257 3258 <li class="item"> 3259 <a data-track="header" data-track-component-type="navigation" data-track-id="Celebration Cruises" class="cmp-global-header-mobile-nav-link" href="/ships-and-experience/celebrations"> 3260 Celebration Cruises 3261 3262 </a> 3263 3264 </li> 3265 3266 <li class="item"> 3267 <a data-track="header" data-track-component-type="navigation" data-track-id="Holiday Cruises" class="cmp-global-header-mobile-nav-link" href="/ships-and-experience/celebrations/holidays"> 3268 Holiday Cruises 3269 3270 </a> 3271 3272 </li> 3273 3274 <li class="item"> 3275 <a data-track="header" data-track-component-type="navigation" data-track-id="World Cruise" class="cmp-global-header-mobile-nav-link" href="/cruise-destinations/world-cruises"> 3276 World Cruise 3277 3278 </a> 3279 3280 </li> 3281 3282 <li> 3283 <div class="cmp-global-header-mobile__promo"> 3284 <img src="/content/dam/princess/promos-deals/denali-national-park-1220x686.jpg" alt="Sail with the highest-rated Alaska cruise line"/> 3285 <p class="cmp-global-header-mobile__promo__title">Sail with the highest-rated Alaska cruise line</p> 3286 <p data-pm-slice="1 1 ["list",{},"list_item",{"indent":2,"type":"numbered"}]">Experience glaciers, national parks and wildlife with Princess.</p> 3287 <p><a data-track="header" data-track-component-type="navigation" data-track-id="Learn More" href="/cruise-destinations/alaska-cruises">Learn More</a></p> 3288 </div> 3289 </li> 3290 </ul> 3291 </li> 3292 3293 <li class="item"> 3294 <a data-track="header" data-track-component-type="navigation" data-track-id="Shore Excursions" class="cmp-global-header-mobile-nav-link cmp-global-header-mobile-nav__firstLevelItem"> 3295 Shore Excursions 3296 <svg width="7" height="12" viewBox="0 0 7 12" fill="none" xmlns="http://www.w3.org/2000/svg"> 3297 <path d="M0.289998 0.709778C-0.100002 1.09978 -0.100002 1.72978 0.289998 2.11978L4.17 5.99978L0.289998 9.87978C-0.100002 10.2698 -0.100002 10.8998 0.289998 11.2898C0.679998 11.6798 1.31 11.6798 1.7 11.2898L6.29 6.69978C6.68 6.30978 6.68 5.67978 6.29 5.28978L1.7 0.699778C1.32 0.319778 0.679998 0.319778 0.289998 0.709778Z" fill="#E2E2E4"/> 3298 </svg> 3299 </a> 3300 <ul class="cmp-global-header-mobile-nav__submenu
3300cmp-global-header-mobile-nav__secondLevel"> 3301 <li> 3302 <div class="cmp-global-header-mobile-nav__menuNav"> 3303 <a data-track="header" data-track-component-type="navigation" data-track-id="Back button" class="backButton" href="#"> 3304 <div class="backButton__wrapper"> 3305 <svg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 3306 <path d="M7.15283 1L1.15283 7L7.15283 13" stroke="#020215" stroke-linejoin="round"/> 3307 </svg> 3308 Back 3309 </div> 3310 </a> 3311 <span class="cmp-global-header-mobile-nav__linkText"></span> 3312 <a data-track="header" data-track-component-type="navigation" data-track-id="close button" href="#" class="cmp-global-header-mobile-nav__menuNav-right cmp-global-header-mobile-nav__close"> 3313 <div class="backButton__wrapper"> 3314 <svg width="25" height="17" viewBox="0 0 25 17" fill="none" xmlns="http://www.w3.org/2000/svg"> 3315 <path fill-rule="evenodd" clip-rule="evenodd" d="M13.4354 9.25485L19.5765 3.11373L18.9227 2.45996L12.7816 8.60108L6.77185 2.59131L6.11808 3.24509L12.1278 9.25485L5.84729 15.5354L6.50106 16.1892L12.7816 9.90862L19.1935 16.3205L19.8473 15.6668L13.4354 9.25485Z" fill="#020215"/> 3316 </svg> 3317 Close 3318 </div> 3319 </a> 3320 </div> 3321 </li> 3322 3323 <li class="item"> 3324 <a data-track="header" data-track-component-type="navigation" data-track-id="Overview" class="cmp-global-header-mobile-nav-link" href="/shore-excursions"> 3325 Overview 3326 3327 </a> 3328 3329 </li> 3330 3331 <li class="item"> 3332 <a data-track="header" data-track-component-type="navigation" data-track-id="Alaska Shore Excursions" class="cmp-global-header-mobile-nav-link" href="/cruise-destinations/alaska-cruises/shore-excursions"> 3333 Alaska Shore Excursions 3334 3335 </a> 3336 3337 </li> 3338 3339 <li class="item"> 3340 <a data-track="header" data-track-component-type="navigation" data-track-id="Local Connections" class="cmp-global-header-mobile-nav-link" href="/cruise-destinations/local-connections"> 3341 Local Connections 3342 3343 </a> 3344 3345 </li> 3346 3347 <li class="item"> 3348 <a data-track="header" data-track-component-type="navigation" data-track-id="Find Shore Excursions" class="cmp-global-header-mobile-nav-link" href="/ports-excursions"> 3349 Find Shore Excursions 3350 3351 </a> 3352 3353 </li> 3354 3355 <li> 3356 <div class="cmp-global-header-mobile__promo"> 3357 <img src="/content/dam/princess/promos-deals/denali-national-park-1220x686.jpg" alt="Sail with the highest-rated Alaska cruise line"/> 3358 <p class="cmp-global-header-mobile__promo__title">Sail with the highest-rated Alaska cruise line</p> 3359 <p data-pm-slice="1 1 ["list",{},"list_item",{"indent":2,"type":"numbered"}]">Experience glaciers, national parks and wildlife with Princess.</p> 3360 <p><a data-track="header" data-track-component-type="navigation" data-track-id="Learn More" href="/cruise-destinations/alaska-cruises">Learn More</a></p> 3361 </div> 3362 </li> 3363 </ul> 3364 </li> 3365 </ul> 3366 </li> 3367 3368 <li class="item"> 3369 <a data-track="header" data-track-component-type="navigation" data-track-id="Explore Ships" class="cmp-global-header-mobile-nav-link" href="#"> 3370 Explore Ships
3371 <svg width="12" height="7" viewBox="0 0 12 7" fill="none" xmlns="http://www.w3.org/2000/svg"> 3372 <path d="M11.29 0.290059C10.9 -0.0999414 10.27 -0.0999415 9.87998 0.290059L5.99998 4.17006L2.11998 0.290058C1.72998 -0.0999418 1.09998 -0.0999419 0.709977 0.290058C0.319977 0.680058 0.319977 1.31006 0.709977 1.70006L5.29998 6.29006C5.68998 6.68006 6.31998 6.68006 6.70998 6.29006L11.3 1.70006C11.68 1.32006 11.68 0.680059 11.29 0.290059Z" fill="#BABBBD"/> 3373 </svg> 3374 </a> 3375 <ul class="cmp-global-header-mobile-nav__firstLevel cmp-global-header-mobile-nav__submenu"> 3376 <li class="item"> 3377 <a data-track="header" data-track-component-type="navigation" data-track-id="Ships" class="cmp-global-header-mobile-nav-link cmp-global-header-mobile-nav__firstLevelItem"> 3378 Ships 3379 <svg width="7" height="12" viewBox="0 0 7 12" fill="none" xmlns="http://www.w3.org/2000/svg"> 3380 <path d="M0.289998 0.709778C-0.100002 1.09978 -0.100002 1.72978 0.289998 2.11978L4.17 5.99978L0.289998 9.87978C-0.100002 10.2698 -0.100002 10.8998 0.289998 11.2898C0.679998 11.6798 1.31 11.6798 1.7 11.2898L6.29 6.69978C6.68 6.30978 6.68 5.67978 6.29 5.28978L1.7 0.699778C1.32 0.319778 0.679998 0.319778 0.289998 0.709778Z" fill="#E2E2E4"/> 3381 </svg> 3382 </a> 3383 <ul class="cmp-global-header-mobile-nav__submenu cmp-global-header-mobile-nav__secondLevel"> 3384 <li> 3385 <div class="cmp-global-header-mobile-nav__menuNav"> 3386 <a data-track="header" data-track-component-type="navigation" data-track-id="Back button" class="backButton" href="#"> 3387 <div class="backButton__wrapper"> 3388 <svg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 3389 <path d="M7.15283 1L1.15283 7L7.15283 13" stroke="#020215" stroke-linejoin="round"/> 3390 </svg> 3391 Back 3392 </div> 3393 </a> 3394 <span class="cmp-global-header-mobile-nav__linkText"></span> 3395 <a data-track="header" data-track-component-type="navigation" data-track-id="close button" href="#" class="cmp-global-header-mobile-nav__menuNav-right cmp-global-header-mobile-nav__close"> 3396 <div class="backButton__wrapper"> 3397 <svg width="25" height="17" viewBox="0 0 25 17" fill="none" xmlns="http://www.w3.org/2000/svg"> 3398 <path fill-rule="evenodd" clip-rule="evenodd" d="M13.4354 9.25485L19.5765 3.11373L18.9227 2.45996L12.7816 8.60108L6.77185 2.59131L6.11808 3.24509L12.1278 9.25485L5.84729 15.5354L6.50106 16.1892L12.7816 9.90862L19.1935 16.3205L19.8473 15.6668L13.4354 9.25485Z" fill="#020215"/> 3399 </svg> 3400 Close 3401 </div> 3402 </a> 3403 </div> 3404 </li> 3405 3406 <li class="item"> 3407 <a data-track="header" data-track-component-type="navigation" data-track-id="Caribbean Princess" class="cmp-global-header-mobile-nav-link" href="/ships-and-experience/ships/cb-caribbean-princess"> 3408 Caribbean Princess 3409 3410 </a> 3411 3412 </li> 3413 3414 <li class="item"> 3415 <a data-track="header" data-track-component-type="navigation" data-track-id="Coral Princess" class="cmp-global-header-mobile-nav-link" href="/ships-and-experience/ships/co-coral-princess"> 3416 Coral Princess 3417 3418 </a> 3419 3420 </li> 3421 3422 <li class="item"> 3423 <a data-track="header" data-track-component-type="navigation" data-track-id="Crown Princess " class="cmp-global-header-mobile-nav-link" href="/ships-and-experience/ships/kp-crown-princess"> 3424 Crown Princess 3425 3426 </a> 3427 3428 </li> 3429 3430 <li class="item"> 3431 <a data-track="header" data-track-component-type="navigation" data-track-id="Diamond Princess" class="cmp-global-header-mobile-nav-link" href="/ships-and-experience/ships/di-diamond-princess"> 3432 Diamond Princess 3433 3434 </a> 3435 3436 </li> 3437 3438 <li class="item"> 3439 <a data-track="header" data-track-component-type="navigation" data-track-id="Discovery Princess" class="cmp-global-header-mobile-nav-link" href="/ships-and-experience/ships/xp-discovery-princess"> 3440 Discovery Princess 3441 3442 </a> 3443 3444 </li> 3445 3446 <li class="item"> 3447 <a data-track="header" data-track-component-type="navigation" data-track-id="Emerald Princess" class="cmp-global-header-mobile-nav-link" href="/ships-and-experience/ships/ep-emerald-princess"> 3448 Emerald Princess 3449 3450 </a> 3451 3452 </li> 3453 3454 <li class="item"> 3455 <a data-track="header" data-track-component-type="navigation" data-track-id="Enchanted Princess" class="cmp-global-header-mobile-nav-link" href="/ships-and-experience/ships/ex-enchanted-princess"> 3456 Enchanted Princess 3457 3458 </a> 3459 3460 </li> 3461 3462 <li class="item"> 3463 <a data-track="header" data-track-component-type="navigation" data-track-id="Grand Princess" class="cmp-global-header-mobile-nav-link" href="/ships-and-experience/ships/ap-grand-princess"> 3464 Grand Princess 3465 3466 </a> 3467 3468 </li> 3469 3470 <li class="item"> 3471 <a data-track="header" data-track-component-type="navigation" data-track-id="Island Princess" class="cmp-global-header-mobile-nav-link" href="/ships-and-experience/ships/ip-island-princess"> 3472 Island Princess 3473 3474 </a> 3475 3476 </li> 3477 3478 <li class="item"> 3479 <a data-track="header" data-track-component-type="navigation" data-track-id="Majestic Princess" class="cmp-global-header-mobile-nav-link" href="/ships-and-experience/ships/mj-majestic-princess"> 3480 Majestic Princess 3481 3482 </a> 3483 3484 </li> 3485 3486 <li class="item"> 3487 <a data-track="header" data-track-component-type="navigation" data-track-id="Regal Princess" class="cmp-global-header-mobile-nav-link" href="/ships-and-experience/ships/gp-regal-princess"> 3488 Regal Princess 3489 3490 </a> 3491 3492 </li> 3493 3494 <li class="item"> 3495 <a data-track="header" data-track-component-type="navigation" data-track-id="Royal Princess" class="cmp-global-header-mobile-nav-link" href="/ships-and-experience/ships/rp-royal-princess"> 3496 Royal Princess 3497 3498 </a> 3499 3500 </li> 3501 3502 <li class="item"> 3503 <a data-track="header" data-track-component-type="navigation" data-track-id="Ruby Princess" class="cmp-global-header-mobile-nav-link" href="/ships-and-experience/ships/ru-ruby-princess"> 3504 Ruby Princess 3505 3506 </a> 3507 3508 </li> 3509 3510 <li class="item"> 3511 <a data-track="header" data-track-component-type="navigation" data-track-id="Sapphire Princess" class="cmp-global-header-mobile-nav-link" href="/ships-and-experience/ships/sa-sapphire-princess"> 3512 Sapphire Princess 3513 3514 </a> 3515 3516 </li> 3517 3518 <li class="item"> 3519 <a data-track="header" data-track-component-type="navigation" data-track-id="Sky Princess" class="cmp-global-header-mobile-nav-link" href="/ships-and-experience/ships/yp-sky-princess"> 3520 Sky Princess 3521 3522 </a> 3523 3524 </li> 3525 3526 <li class="item"> 3527 <a data-track="header" data-track-component-type="navigation" data-track-id="Star Princess - Sailing in Alaska" class="cmp-global-header-mobile-nav-link" href="/ships-and-experience/ships/st-star-princess"> 3528 Star Princess - Sailing in Alaska 3529 3530 </a> 3531 3532 </li> 3533 3534 <li class="item"> 3535 <a data-track="header" data-track-component-type="navigation" data-track-id="Sun Princess - New" class="cmp-global-header-mobile-nav-link" href="/ships-and-experience/ships/su-sun-princess"> 3536 Sun Princess - New 3537 3538 </a> 3539 3540 </li> 3541 3542 <li class="item"> 3543 <a data-track="header" data-track-component-type="navigation" data-track-id="View All" class="cmp-global-header-mobile-nav-link" href="/ships-and-experience/ships"> 3544 View All 3545 3546 </a> 3547 3548 </li> 3549 3550 <li> 3551 <div class="cmp-global-header-mobile__promo"> 3552 <img src="/content/dam/princess/promos-deals/star-princess-dewas-glacier-alaska-1220x686.jpg" alt="Your next Alaska adventure is
3552written on the Star"/> 3553 <p class="cmp-global-header-mobile__promo__title">Your next Alaska adventure is written on the Star</p> 3554 <p data-pm-slice="1 1 ["list",{},"list_item",{"indent":2,"type":"numbered"}]">Star Princess<sup>®</sup> sets sail.</p> 3555 <p><a data-track="header" data-track-component-type="navigation" data-track-id="Learn More" href="/en-us/ships-and-experience/ships/st-star-princess">Learn More</a></p> 3556 </div> 3557 </li> 3558 </ul> 3559 </li> 3560 3561 <li class="item"> 3562 <a data-track="header" data-track-component-type="navigation" data-track-id="Staterooms" class="cmp-global-header-mobile-nav-link cmp-global-header-mobile-nav__firstLevelItem"> 3563 Staterooms 3564 <svg width="7" height="12" viewBox="0 0 7 12" fill="none" xmlns="http://www.w3.org/2000/svg"> 3565 <path d="M0.289998 0.709778C-0.100002 1.09978 -0.100002 1.72978 0.289998 2.11978L4.17 5.99978L0.289998 9.87978C-0.100002 10.2698 -0.100002 10.8998 0.289998 11.2898C0.679998 11.6798 1.31 11.6798 1.7 11.2898L6.29 6.69978C6.68 6.30978 6.68 5.67978 6.29 5.28978L1.7 0.699778C1.32 0.319778 0.679998 0.319778 0.289998 0.709778Z" fill="#E2E2E4"/> 3566 </svg> 3567 </a> 3568 <ul class="cmp-global-header-mobile-nav__submenu cmp-global-header-mobile-nav__secondLevel"> 3569 <li> 3570 <div class="cmp-global-header-mobile-nav__menuNav"> 3571 <a data-track="header" data-track-component-type="navigation" data-track-id="Back button" class="backButton" href="#"> 3572 <div class="backButton__wrapper"> 3573 <svg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 3574 <path d="M7.15283 1L1.15283 7L7.15283 13" stroke="#020215" stroke-linejoin="round"/> 3575 </svg> 3576 Back 3577 </div> 3578 </a> 3579 <span class="cmp-global-header-mobile-nav__linkText"></span> 3580 <a data-track="header" data-track-component-type="navigation" data-track-id="close button" href="#" class="cmp-global-header-mobile-nav__menuNav-right cmp-global-header-mobile-nav__close"> 3581 <div class="backButton__wrapper"> 3582 <svg width="25" height="17" viewBox="0 0 25 17" fill="none" xmlns="http://www.w3.org/2000/svg"> 3583 <path fill-rule="evenodd" clip-rule="evenodd" d="M13.4354 9.25485L19.5765 3.11373L18.9227 2.45996L12.7816 8.60108L6.77185 2.59131L6.11808 3.24509L12.1278 9.25485L5.84729 15.5354L6.50106 16.1892L12.7816 9.90862L19.1935 16.3205L19.8473 15.6668L13.4354 9.25485Z" fill="#020215"/> 3584 </svg> 3585 Close 3586 </div> 3587 </a> 3588 </div> 3589 </li> 3590 3591 <li class="item"> 3592 <a data-track="header" data-track-component-type="navigation" data-track-id="Overview" class="cmp-global-header-mobile-nav-link" href="/staterooms"> 3593 Overview 3594 3595 </a> 3596 3597 </li> 3598 3599 <li class="item"> 3600 <a data-track="header" data-track-component-type="navigation" data-track-id="Reserve Collection" class="cmp-global-header-mobile-nav-link" href="/staterooms/reserve-collection"> 3601 Reserve Collection 3602 3603 </a> 3604 3605 </li> 3606 3607 <li class="item"> 3608 <a data-track="header" data-track-component-type="navigation" data-track-id="Sanctuary Collection" class="cmp-global-header-mobile-nav-link" href="/staterooms/sanctuary-collection"> 3609 Sanctuary Collection 3610 3611 </a> 3612 3613 </li> 3614 3615 <li class="item"> 3616 <a data-track="header" data-track-component-type="navigation" data-track-id="Suites" class="cmp-global-header-mobile-nav-link" href="/staterooms/suites"> 3617 Suites 3618 3619 </a> 3620 3621 </li> 3622 3623 <li class="item"> 3624 <a data-track="header" data-track-component-type="navigation" data-track-id="Mini-Suites" class="cmp-global-header-mobile-nav-link" href="/staterooms/mini-suites"> 3625 Mini-Suites 3626 3627 </a> 3628 3629 </li> 3630 3631 <li class="item"> 3632 <a data-track="header" data-track-component-type="navigation" data-track-id="Balcony" class="cmp-global-header-mobile-nav-link" href="/staterooms/balcony"> 3633 Balcony 3634 3635 </a> 3636 3637 </li> 3638 3639 <li class="item"> 3640 <a data-track="header" data-track-component-type="navigation" data-track-id="Oceanview" class="cmp-global-header-mobile-nav-link" href="/staterooms/oceanview"> 3641 Oceanview 3642 3643 </a> 3644 3645 </li> 3646 3647 <li class="item"> 3648 <a data-track="header" data-track-component-type="navigation" data-track-id="Interior" class="cmp-global-header-mobile-nav-link" href="/staterooms/interior"> 3649 Interior 3650 3651 </a> 3652 3653 </li> 3654 3655 <li> 3656 <div class="cmp-global-header-mobile__promo"> 3657 <img src="/content/dam/princess/promos-deals/star-princess-dewas-glacier-alaska-1220x686.jpg" alt="Your next Alaska adventure is
3657written on the Star"/> 3658 <p class="cmp-global-header-mobile__promo__title">Your next Alaska adventure is written on the Star</p> 3659 <p data-pm-slice="1 1 ["list",{},"list_item",{"indent":2,"type":"numbered"}]">Star Princess<sup>®</sup> sets sail.</p> 3660 <p><a data-track="header" data-track-component-type="navigation" data-track-id="Learn More" href="/en-us/ships-and-experience/ships/st-star-princess">Learn More</a></p> 3661 </div> 3662 </li> 3663 </ul> 3664 </li> 3665 3666 <li class="item"> 3667 <a data-track="header" data-track-component-type="navigation" data-track-id="Onboard Experience" class="cmp-global-header-mobile-nav-link cmp-global-header-mobile-nav__firstLevelItem"> 3668 Onboard Experience 3669 <svg width="7" height="12" viewBox="0 0 7 12" fill="none" xmlns="http://www.w3.org/2000/svg"> 3670 <path d="M0.289998 0.709778C-0.100002 1.09978 -0.100002 1.72978 0.289998 2.11978L4.17 5.99978L0.289998 9.87978C-0.100002 10.2698 -0.100002 10.8998 0.289998 11.2898C0.679998 11.6798 1.31 11.6798 1.7 11.2898L6.29 6.69978C6.68 6.30978 6.68 5.67978 6.29 5.28978L1.7 0.699778C1.32 0.319778 0.679998 0.319778 0.289998 0.709778Z" fill="#E2E2E4"/> 3671 </svg> 3672 </a> 3673 <ul class="cmp-global-header-mobile-nav__submenu cmp-global-header-mobile-nav__secondLevel"> 3674 <li> 3675 <div class="cmp-global-header-mobile-nav__menuNav"> 3676 <a data-track="header" data-track-component-type="navigation" data-track-id="Back button" class="backButton" href="#"> 3677 <div class="backButton__wrapper"> 3678 <svg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 3679 <path d="M7.15283 1L1.15283 7L7.15283 13" stroke="#020215" stroke-linejoin="round"/> 3680 </svg> 3681 Back 3682 </div> 3683 </a> 3684 <span class="cmp-global-header-mobile-nav__linkText"></span> 3685 <a data-track="header" data-track-component-type="navigation" data-track-id="close button" href="#" class="cmp-global-header-mobile-nav__menuNav-right cmp-global-header-mobile-nav__close"> 3686 <div class="backButton__wrapper"> 3687 <svg width="25" height="17" viewBox="0 0 25 17" fill="none" xmlns="http://www.w3.org/2000/svg"> 3688 <path fill-rule="evenodd" clip-rule="evenodd" d="M13.4354 9.25485L19.5765 3.11373L18.9227 2.45996L12.7816 8.60108L6.77185 2.59131L6.11808 3.24509L12.1278 9.25485L5.84729 15.5354L6.50106 16.1892L12.7816 9.90862L19.1935 16.3205L19.8473 15.6668L13.4354 9.25485Z" fill="#020215"/> 3689 </svg> 3690 Close 3691 </div> 3692 </a> 3693 </div> 3694 </li> 3695 3696 <li class="item"> 3697 <a data-track="header" data-track-component-type="navigation" data-track-id="Activities" class="cmp-global-header-mobile-nav-link" href="/ships-and-experience/onboard-experience"> 3698 Activities 3699 3700 </a> 3701 3702 </li> 3703 3704 <li class="item"> 3705 <a data-track="header" data-track-component-type="navigation" data-track-id="Casino" class="cmp-global-header-mobile-nav-link" href="/ships-and-experience/onboard-experience/activities/casino"> 3706 Casino 3707 3708 </a> 3709 3710 </li> 3711 3712 <li class="item"> 3713 <a data-track="header" data-track-component-type="navigation" data-track-id="Cruise Dining" class="cmp-global-header-mobile-nav-link" href="/cruise-dining"> 3714 Cruise Dining 3715 3716 </a> 3717 3718 </li> 3719 3720 <li class="item"> 3721 <a data-track="header" data-track-component-type="navigation" data-track-id="Entertainment" class="cmp-global-header-mobile-nav-link" href="/ships-and-experience/onboard-experience/entertainment"> 3722 Entertainment 3723 3724 </a> 3725 3726 </li> 3727 3728 <li class="item"> 3729 <a data-track="header" data-track-component-type="navigation" data-track-id="Kids, Teens & Families" class="cmp-global-header-mobile-nav-link" href="/ships-and-experience/onboard-experience/kids-and-teens"> 3730 Kids, Teens & Families 3731 3732 </a> 3733 3734 </li> 3735 3736 <li class="item"> 3737 <a data-track="header" data-track-component-type="navigation" data-track-id="Onboard Packages" class="cmp-global-header-mobile-nav-link" href="/cruise-dining/beverages"> 3738 Onboard Packages 3739 3740 </a> 3741 3742 </li> 3743 3744 <li class="item"> 3745 <a data-track="header" data-track-component-type="navigation" data-track-id="Wellness" class="cmp-global-header-mobile-nav-link" href="/ships-and-experience/onboard-experience/wellness"> 3746 Wellness 3747 3748 </a> 3749 3750 </li> 3751 3752 <li class="item"> 3753 <a data-track="header" data-track-component-type="navigation" data-track-id="MedallionNet® at Sea " class="cmp-global-header-mobile-nav-link" href="/ships-and-experience/princess-medallionclass/medallionnet"> 3754 MedallionNet® at Sea 3755 3756 </a> 3757 3758 </li> 3759 3760 <li> 3761 <div class="cmp-global-header-mobile__promo"> 3762 <img src="/content/dam/princess/promos-deals/star-princess-dewas-glacier-alaska-1220x686.jpg" alt="Your next Alaska adventure is
3762written on the Star"/> 3763 <p class="cmp-global-header-mobile__promo__title">Your next Alaska adventure is written on the Star</p> 3764 <p data-pm-slice="1 1 ["list",{},"list_item",{"indent":2,"type":"numbered"}]">Star Princess<sup>®</sup> sets sail.</p> 3765 <p><a data-track="header" data-track-component-type="navigation" data-track-id="Learn More" href="/en-us/ships-and-experience/ships/st-star-princess">Learn More</a></p> 3766 </div> 3767 </li> 3768 </ul> 3769 </li> 3770 </ul> 3771 </li> 3772 3773 <li class="item"> 3774 <a data-track="header" data-track-component-type="navigation" data-track-id="Discover Princess" class="cmp-global-header-mobile-nav-link" href="#"> 3775 Discover Princess 3776 <svg width="12" height="7" viewBox="0 0 12 7" fill="none" xmlns="http://www.w3.org/2000/svg"> 3777 <path d="M11.29 0.290059C10.9 -0.0999414 10.27 -0.0999415 9.87998 0.290059L5.99998 4.17006L2.11998 0.290058C1.72998 -0.0999418 1.09998 -0.0999419 0.709977 0.290058C0.319977 0.680058 0.319977 1.31006 0.709977 1.70006L5.29998 6.29006C5.68998 6.68006 6.31998 6.68006 6.70998 6.29006L11.3 1.70006C11.68 1.32006 11.68 0.680059 11.29 0.290059Z" fill="#BABBBD"/> 3778 </svg> 3779 </a> 3780 <ul class="cmp-global-header-mobile-nav__firstLevel cmp-global-header-mobile-nav__submenu"> 3781 <li class="item"> 3782 <a data-track="header" data-track-component-type="navigation" data-track-id="About Cruising" class="cmp-global-header-mobile-nav-link cmp-global-header-mobile-nav__firstLevelItem"> 3783 About Cruising 3784 <svg width="7" height="12" viewBox="0 0 7 12" fill="none" xmlns="http://www.w3.org/2000/svg"> 3785 <path d="M0.289998 0.709778C-0.100002 1.09978 -0.100002 1.72978 0.289998 2.11978L4.17 5.99978L0.289998 9.87978C-0.100002 10.2698 -0.100002 10.8998 0.289998 11.2898C0.679998 11.6798 1.31 11.6798 1.7 11.2898L6.29 6.69978C6.68 6.30978 6.68 5.67978 6.29 5.28978L1.7 0.699778C1.32 0.319778 0.679998 0.319778 0.289998 0.709778Z" fill="#E2E2E4"/> 3786 </svg> 3787 </a> 3788 <ul class="cmp-global-header-mobile-nav__submenu cmp-global-header-mobile-nav__secondLevel"> 3789 <li> 3790 <div class="cmp-global-header-mobile-nav__menuNav"> 3791 <a data-track="header" data-track-component-type="navigation" data-track-id="Back button" class="backButton" href="#"> 3792 <div class="backButton__wrapper"> 3793 <svg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 3794 <path d="M7.15283 1L1.15283 7L7.15283 13" stroke="#020215" stroke-linejoin="round"/> 3795 </svg> 3796 Back 3797 </div> 3798 </a> 3799 <span class="cmp-global-header-mobile-nav__linkText"></span> 3800 <a data-track="header" data-track-component-type="navigation" data-track-id="close button" href="#" class="cmp-global-header-mobile-nav__menuNav-right cmp-global-header-mobile-nav__close"> 3801 <div class="backButton__wrapper"> 3802 <svg width="25" height="17" viewBox="0 0 25 17" fill="none" xmlns="http://www.w3.org/2000/svg"> 3803 <path fill-rule="evenodd" clip-rule="evenodd" d="M13.4354 9.25485L19.5765 3.11373L18.9227 2.45996L12.7816 8.60108L6.77185 2.59131L6.11808 3.24509L12.1278 9.25485L5.84729 15.5354L6.50106 16.1892L12.7816 9.90862L19.1935 16.3205L19.8473 15.6668L13.4354 9.25485Z" fill="#020215"/> 3804 </svg> 3805 Close 3806 </div> 3807 </a> 3808 </div> 3809 </li> 3810 3811 <li class="item"> 3812 <a data-track="header" data-track-component-type="navigation" data-track-id="Princess Blog" class="cmp-global-header-mobile-nav-link" href="https://www.princess.com/blog"> 3813 Princess Blog 3814 3815 </a> 3816 3817 </li> 3818 3819 <li class="item"> 3820 <a data-track="header" data-track-component-type="navigation" data-track-id="Compare Cruise Packages" class="cmp-global-header-mobile-nav-link" href="https://www.princess.com/cruise-deals-promotions/compare-cruise-packages"> 3821 Compare Cruise Packages 3822 3823 </a> 3824 3825 </li> 3826 3827 <li class="item"> 3828 <a data-track="header" data-track-component-type="navigation" data-track-id="New to Cruising" class="cmp-global-header-mobile-nav-link" href="https://www.princess.com/en-us
3828/why-princess/new-to-cruising"> 3829 New to Cruising 3830 3831 </a> 3832 3833 </li> 3834 3835 <li class="item"> 3836 <a data-track="header" data-track-component-type="navigation" data-track-id="Frequently Asked Questions" class="cmp-global-header-mobile-nav-link" href="https://www.princess.com/faq"> 3837 Frequently Asked Questions 3838 3839 </a> 3840 3841 </li> 3842 3843 <li> 3844 <div class="cmp-global-header-mobile__promo"> 3845 <img src="https://assets.princess.com/is/image/princesscruises/Kayaking-Alaska-Princess-Cruises:16x9" alt="There's always something new to discover"/> 3846 <p class="cmp-global-header-mobile__promo__title">There's always something new to discover</p> 3847 <p><span data-teams="true">The Princess Blog brings you destination guides, cruise tips, videos and more.</span></p> 3848 3849 <p><a data-track="header" data-track-component-type="navigation" data-track-id="Explore articles" href="https://www.princess.com/blog">Explore articles</a></p> 3850 </div> 3851 </li> 3852 </ul> 3853 </li> 3854 3855 <li class="item"> 3856 <a data-track="header" data-track-component-type="navigation" data-track-id="Cruise Essentials" class="cmp-global-header-mobile-nav-link cmp-global-header-mobile-nav__firstLevelItem"> 3857 Cruise Essentials 3858 <svg width="7" height="12" viewBox="0 0 7 12" fill="none" xmlns="http://www.w3.org/2000/svg"> 3859 <path d="M0.289998 0.709778C-0.100002 1.09978 -0.100002 1.72978 0.289998 2.11978L4.17 5.99978L0.289998 9.87978C-0.100002 10.2698 -0.100002 10.8998 0.289998 11.2898C0.679998 11.6798 1.31 11.6798 1.7 11.2898L6.29 6.69978C6.68 6.30978 6.68 5.67978 6.29 5.28978L1.7 0.699778C1.32 0.319778 0.679998 0.319778 0.289998 0.709778Z" fill="#E2E2E4"/> 3860 </svg> 3861 </a> 3862 <ul class="cmp-global-header-mobile-nav__submenu cmp-global-header-mobile-nav__secondLevel"> 3863 <li> 3864 <div class="cmp-global-header-mobile-nav__menuNav"> 3865 <a data-track="header" data-track-component-type="navigation" data-track-id="Back button" class="backButton" href="#"> 3866 <div class="backButton__wrapper"> 3867 <svg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 3868 <path d="M7.15283 1L1.15283 7L7.15283 13" stroke="#020215" stroke-linejoin="round"/> 3869 </svg> 3870 Back 3871 </div> 3872 </a> 3873 <span class="cmp-global-header-mobile-nav__linkText"></span> 3874 <a data-track="header" data-track-component-type="navigation" data-track-id="close button" href="#" class="cmp-global-header-mobile-nav__menuNav-right cmp-global-header-mobile-nav__close"> 3875 <div class="backButton__wrapper"> 3876 <svg width="25" height="17" viewBox="0 0 25 17" fill="none" xmlns="http://www.w3.org/2000/svg"> 3877 <path fill-rule="evenodd" clip-rule="evenodd" d="M13.4354 9.25485L19.5765 3.11373L18.9227 2.45996L12.7816 8.60108L6.77185 2.59131L6.11808 3.24509L12.1278 9.25485L5.84729 15.5354L6.50106 16.1892L12.7816 9.90862L19.1935 16.3205L19.8473 15.6668L13.4354 9.25485Z" fill="#020215"/> 3878 </svg> 3879 Close 3880 </div> 3881 </a> 3882 </div> 3883 </li> 3884 3885 <li class="item"> 3886 <a data-track="header" data-track-component-type="navigation" data-track-id="Manage Booking" class="cmp-global-header-mobile-nav-link" href="https://book.princess.com/manage-booking/index.page?cpfy=summary"> 3887 Manage Booking 3888 3889 </a> 3890 3891 </li> 3892 3893 <li class="item"> 3894 <a data-track="header" data-track-component-type="navigation" data-track-id="Find Shore Excursions" class="cmp-global-header-mobile-nav-link" href="https://www.princess.com/ports-excursions"> 3895 Find Shore Excursions 3896 3897 </a> 3898 3899 </li> 3900 3901 <li class="item"> 3902 <a data-track="header" data-track-component-type="navigation" data-track-id="Vacation Protection" class="cmp-global-header-mobile-nav-link" href="https://www.princess.com/plan/princess-vacation-protection"> 3903 Vacation Protection 3904 3905 </a> 3906 3907 </li> 3908 3909 <li class="item"> 3910 <a data-track="header" data-track-component-type="navigation" data-track-id="Hotels" class="cmp-global-header-mobile-nav-link" href="https://www.princess.com/en-us
3910/cruise-destinations/departure-ports/cruise-ports-and-hotels"> 3911 Hotels 3912 3913 </a> 3914 3915 </li> 3916 3917 <li class="item"> 3918 <a data-track="header" data-track-component-type="navigation" data-track-id="Accessibility Services" class="cmp-global-header-mobile-nav-link" href="https://www.princess.com/accessibility-at-sea"> 3919 Accessibility Services 3920 3921 </a> 3922 3923 </li> 3924 3925 <li class="item"> 3926 <a data-track="header" data-track-component-type="navigation" data-track-id="Brochures" class="cmp-global-header-mobile-nav-link" href="https://www.princess.com/brochures"> 3927 Brochures 3928 3929 </a> 3930 3931 </li> 3932 3933 <li> 3934 <div class="cmp-global-header-mobile__promo"> 3935 <img src="https://assets.princess.com/is/image/princesscruises/Kayaking-Alaska-Princess-Cruises:16x9" alt="There's always something new to discover"/> 3936 <p class="cmp-global-header-mobile__promo__title">There's always something new to discover</p> 3937 <p><span data-teams="true">The Princess Blog brings you destination guides, cruise tips, videos and more.</span></p> 3938 3939 <p><a data-track="header" data-track-component-type="navigation" data-track-id="Explore articles" href="https://www.princess.com/blog">Explore articles</a></p> 3940 </div> 3941 </li> 3942 </ul> 3943 </li> 3944 3945 <li class="item"> 3946 <a data-track="header" data-track-component-type="navigation" data-track-id="Why Princess" class="cmp-global-header-mobile-nav-link cmp-global-header-mobile-nav__firstLevelItem"> 3947 Why Princess 3948 <svg width="7" height="12" viewBox="0 0 7 12" fill="none" xmlns="http://www.w3.org/2000/svg"> 3949 <path d="M0.289998 0.709778C-0.100002 1.09978 -0.100002 1.72978 0.289998 2.11978L4.17 5.99978L0.289998 9.87978C-0.100002 10.2698 -0.100002 10.8998 0.289998 11.2898C0.679998 11.6798 1.31 11.6798 1.7 11.2898L6.29 6.69978C6.68 6.30978 6.68 5.67978 6.29 5.28978L1.7 0.699778C1.32 0.319778 0.679998 0.319778 0.289998 0.709778Z" fill="#E2E2E4"/> 3950 </svg> 3951 </a> 3952 <ul class="cmp-global-header-mobile-nav__submenu cmp-global-header-mobile-nav__secondLevel"> 3953 <li> 3954 <div class="cmp-global-header-mobile-nav__menuNav"> 3955 <a data-track="header" data-track-component-type="navigation" data-track-id="Back button" class="backButton" href="#"> 3956 <div class="backButton__wrapper"> 3957 <svg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 3958 <path d="M7.15283 1L1.15283 7L7.15283 13" stroke="#020215" stroke-linejoin="round"/> 3959 </svg> 3960 Back 3961 </div> 3962 </a>
3963 <span class="cmp-global-header-mobile-nav__linkText"></span> 3964 <a data-track="header" data-track-component-type="navigation" data-track-id="close button" href="#" class="cmp-global-header-mobile-nav__menuNav-right cmp-global-header-mobile-nav__close"> 3965 <div class="backButton__wrapper"> 3966 <svg width="25" height="17" viewBox="0 0 25 17" fill="none" xmlns="http://www.w3.org/2000/svg"> 3967 <path fill-rule="evenodd" clip-rule="evenodd" d="M13.4354 9.25485L19.5765 3.11373L18.9227 2.45996L12.7816 8.60108L6.77185 2.59131L6.11808 3.24509L12.1278 9.25485L5.84729 15.5354L6.50106 16.1892L12.7816 9.90862L19.1935 16.3205L19.8473 15.6668L13.4354 9.25485Z" fill="#020215"/> 3968 </svg> 3969 Close 3970 </div> 3971 </a> 3972 </div> 3973 </li> 3974 3975 <li class="item"> 3976 <a data-track="header" data-track-component-type="navigation" data-track-id="Overview" class="cmp-global-header-mobile-nav-link" href="https://www.princess.com/why-princess"> 3977 Overview 3978 3979 </a> 3980 3981 </li> 3982 3983 <li class="item"> 3984 <a data-track="header" data-track-component-type="navigation" data-track-id="About Us" class="cmp-global-header-mobile-nav-link" href="https://www.princess.com/about-princess"> 3985 About Us 3986 3987 </a> 3988 3989 </li> 3990 3991 <li class="item"> 3992 <a data-track="header" data-track-component-type="navigation" data-track-id="Princess Blog" class="cmp-global-header-mobile-nav-link" href="https://www.princess.com/blog"> 3993 Princess Blog 3994 3995 </a> 3996 3997 </li> 3998 3999 <li class="item"> 4000 <a data-track="header" data-track-component-type="navigation" data-track-id="Loyalty Program" class="cmp-global-header-mobile-nav-link" href="https://book.princess.com/captaincircle/membershipBenefits.page"> 4001 Loyalty Program 4002 4003 </a> 4004 4005 </li> 4006 4007 <li class="item"> 4008 <a data-track="header" data-track-component-type="navigation" data-track-id="Awards & Accolades" class="cmp-global-header-mobile-nav-link" href="https://www.princess.com/en-us
4008/why-princess/awards-and-accolades"> 4009 Awards & Accolades 4010 4011 </a> 4012 4013 </li> 4014 4015 <li class="item"> 4016 <a data-track="header" data-track-component-type="navigation" data-track-id="Personalized Experience" class="cmp-global-header-mobile-nav-link" href="https://www.princess.com/en-us/ships-and-experience/princess-medallionclass"> 4017 Personalized Experience 4018 4019 </a> 4020 4021 </li> 4022 4023 <li class="item"> 4024 <a data-track="header" data-track-component-type="navigation" data-track-id="Environmental Responsibility" class="cmp-global-header-mobile-nav-link" href="https://www.princess.com/en-us
4024/company-information/environmental-responsibility"> 4025 Environmental Responsibility 4026 4027 </a> 4028 4029 </li> 4030 4031 <li> 4032 <div class="cmp-global-header-mobile__promo"> 4033 <img src="https://assets.princess.com/is/image/princesscruises/Kayaking-Alaska-Princess-Cruises:16x9" alt="There's always something new to discover"/> 4034 <p class="cmp-global-header-mobile__promo__title">There's always something new to discover</p> 4035 <p><span data-teams="true">The Princess Blog brings you destination guides, cruise tips, videos and more.</span></p> 4036 4037 <p><a data-track="header" data-track-component-type="navigation" data-track-id="Explore articles" href="https://www.princess.com/blog">Explore articles</a></p> 4038 </div> 4039 </li> 4040 </ul> 4041 </li> 4042 </ul> 4043 </li> 4044 4045 <li class="item"> 4046 <a data-track="header" data-track-component-type="navigation" data-track-id="Deals" class="cmp-global-header-mobile-nav-link" href="#"> 4047 Deals 4048 <svg width="12" height="7" viewBox="0 0 12 7" fill="none" xmlns="http://www.w3.org/2000/svg"> 4049 <path d="M11.29 0.290059C10.9 -0.0999414 10.27 -0.0999415 9.87998 0.290059L5.99998 4.17006L2.11998 0.290058C1.72998 -0.0999418 1.09998 -0.0999419 0.709977 0.290058C0.319977 0.680058 0.319977 1.31006 0.709977 1.70006L5.29998 6.29006C5.68998 6.68006 6.31998 6.68006 6.70998 6.29006L11.3 1.70006C11.68 1.32006 11.68 0.680059 11.29 0.290059Z" fill="#BABBBD"/> 4050 </svg> 4051 </a> 4052 <ul class="cmp-global-header-mobile-nav__firstLevel cmp-global-header-mobile-nav__submenu"> 4053 <li class="item"> 4054 <a data-track="header" data-track-component-type="navigation" data-track-id="Cruise Deals" class="cmp-global-header-mobile-nav-link cmp-global-header-mobile-nav__firstLevelItem"> 4055 Cruise Deals 4056 <svg width="7" height="12" viewBox="0 0 7 12" fill="none" xmlns="http://www.w3.org/2000/svg"> 4057 <path d="M0.289998 0.709778C-0.100002 1.09978 -0.100002 1.72978 0.289998 2.11978L4.17 5.99978L0.289998 9.87978C-0.100002 10.2698 -0.100002 10.8998 0.289998 11.2898C0.679998 11.6798 1.31 11.6798 1.7 11.2898L6.29 6.69978C6.68 6.30978 6.68 5.67978 6.29 5.28978L1.7 0.699778C1.32 0.319778 0.679998 0.319778 0.289998 0.709778Z" fill="#E2E2E4"/> 4058 </svg> 4059 </a> 4060 <ul class="cmp-global-header-mobile-nav__submenu cmp-global-header-mobile-nav__secondLevel"> 4061 <li> 4062 <div class="cmp-global-header-mobile-nav__menuNav"> 4063 <a data-track="header" data-track-component-type="navigation" data-track-id="Back button" class="backButton" href="#"> 4064 <div class="backButton__wrapper"> 4065 <svg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 4066 <path d="M7.15283 1L1.15283 7L7.15283 13" stroke="#020215" stroke-linejoin="round"/> 4067 </svg> 4068 Back 4069 </div> 4070 </a>
4071 <span class="cmp-global-header-mobile-nav__linkText"></span> 4072 <a data-track="header" data-track-component-type="navigation" data-track-id="close button" href="#" class="cmp-global-header-mobile-nav__menuNav-right cmp-global-header-mobile-nav__close"> 4073 <div class="backButton__wrapper"> 4074 <svg width="25" height="17" viewBox="0 0 25 17" fill="none" xmlns="http://www.w3.org/2000/svg"> 4075 <path fill-rule="evenodd" clip-rule="evenodd" d="M13.4354 9.25485L19.5765 3.11373L18.9227 2.45996L12.7816 8.60108L6.77185 2.59131L6.11808 3.24509L12.1278 9.25485L5.84729 15.5354L6.50106 16.1892L12.7816 9.90862L19.1935 16.3205L19.8473 15.6668L13.4354 9.25485Z" fill="#020215"/> 4076 </svg> 4077 Close 4078 </div> 4079 </a> 4080 </div> 4081 </li> 4082 4083 <li class="item"> 4084 <a data-track="header" data-track-component-type="navigation" data-track-id="All Deals & Offers" class="cmp-global-header-mobile-nav-link" href="/cruise-deals-promotions"> 4085 All Deals & Offers 4086 4087 </a> 4088 4089 </li> 4090 4091 <li class="item"> 4092 <a data-track="header" data-track-component-type="navigation" data-track-id="Limited Time Offer" class="cmp-global-header-mobile-nav-link" href="/cruise-deals-promotions/limited-time-offer"> 4093 Limited Time Offer 4094 4095 </a> 4096 4097 </li> 4098 4099 <li class="item"> 4100 <a data-track="header" data-track-component-type="navigation" data-track-id="Last Minute Deals" class="cmp-global-header-mobile-nav-link" href="/cruise-deals-promotions/last-minute-cruise-deals"> 4101 Last Minute Deals 4102 4103 </a> 4104 4105 </li> 4106 4107 <li class="item"> 4108 <a data-track="header" data-track-component-type="navigation" data-track-id="Caribbean Cruise Deals" class="cmp-global-header-mobile-nav-link" href="/cruise-deals-promotions/caribbean-sailing"> 4109 Caribbean Cruise Deals 4110 4111 </a> 4112 4113 </li> 4114 4115 <li class="item"> 4116 <a data-track="header" data-track-component-type="navigation" data-track-id="Flexible Payments with 0% APR" class="cmp-global-header-mobile-nav-link" href="/cruise-deals-promotions/payment-plans"> 4117 Flexible Payments with 0% APR 4118 4119 </a> 4120 4121 </li> 4122 4123 <li class="item"> 4124 <a data-track="header" data-track-component-type="navigation" data-track-id="Free 3rd & 4th Guests" class="cmp-global-header-mobile-nav-link" href="/cruise-search/results/?voyages=4650,4703,4705,U649,4701,4649,4702,4704,U705,4706,U648,U703,N702,N703,N704,4719,4720,4721,4735,4736,4737,4738,3718,X720,E727,U715,U733,U736,U739,U717A"> 4125 Free 3rd & 4th Guests 4126 4127 </a> 4128 4129 </li> 4130 4131 <li class="item"> 4132 <a data-track="header" data-track-component-type="navigation" data-track-id="2028 Alaska Early Booking Offer" class="cmp-global-header-mobile-nav-link" href="/cruise-deals-promotions/early-booking-bonus"> 4133 2028 Alaska Early Booking Offer 4134 4135 </a> 4136 4137 </li> 4138 4139 <li class="item"> 4140 <a data-track="header" data-track-component-type="navigation" data-track-id="European Cruise Deals" class="cmp-global-header-mobile-nav-link" href="/cruise-deals-promotions/europe-sailing"> 4141 European Cruise Deals 4142 4143 </a> 4144 4145 </li> 4146 4147 <li class="item"> 4148 <a data-track="header" data-track-component-type="navigation" data-track-id="Cruise Package Deals" class="cmp-global-header-mobile-nav-link" href="/cruise-deals-promotions/plus-premier-cruise-packages"> 4149 Cruise Package Deals 4150 4151 </a> 4152 4153 </li> 4154 4155 <li class="item"> 4156 <a data-track="header" data-track-component-type="navigation" data-track-id="Casino Perks & Discounts" class="cmp-global-header-mobile-nav-link" href="/ships-and-experience/onboard-experience/activities/casino"> 4157 Casino Perks & Discounts 4158 4159 </a> 4160 4161 </li> 4162 4163 <li class="item"> 4164 <a data-track="header" data-track-component-type="navigation" data-track-id="Standby Program" class="cmp-global-header-mobile-nav-link" href="/cruise-deals-promotions/standby-program"> 4165 Standby Program 4166 4167 </a> 4168 4169 </li> 4170 4171 <li> 4172 <div class="cmp-global-header-mobile__promo"> 4173 <img src="https://assets.princess.com/is/image/princesscruises/st-thomas-sun-sail:16x9" alt="Up to 40% + $300 instant savings + free 3rd & 4th guests + $99 deposits"/> 4174 <p class="cmp-global-header-mobile__promo__title">Up to 40% + $300 instant savings + free 3rd & 4th guests + $99 deposits</p> 4175 <p>Discover our current featured deals, plus many more ways to save.</p> 4176 4177 <p><a data-track="header" data-track-component-type="navigation" data-track-id="Learn More" href="/cruise-deals-promotions/limited-time-offer">Learn More</a></p> 4178 </div> 4179 </li> 4180 </ul> 4181 </li> 4182 4183 <li class="item"> 4184 <a data-track="header" data-track-component-type="navigation" data-track-id="Packages" class="cmp-global-header-mobile-nav-link cmp-global-header-mobile-nav__firstLevelItem"> 4185 Packages 4186 <svg width="7" height="12" viewBox="0 0 7 12" fill="none" xmlns="http://www.w3.org/2000/svg"> 4187 <path d="M0.289998 0.709778C-0.100002 1.09978 -0.100002 1.72978 0.289998 2.11978L4.17 5.99978L0.289998 9.87978C-0.100002 10.2698 -0.100002 10.8998 0.289998 11.2898C0.679998 11.6798 1.31 11.6798 1.7 11.2898L6.29 6.69978C6.68 6.30978 6.68 5.67978 6.29 5.28978L1.7 0.699778C1.32 0.319778 0.679998 0.319778 0.289998 0.709778Z" fill="#E2E2E4"/> 4188 </svg> 4189 </a> 4190 <ul class="cmp-global-header-mobile-nav__submenu
4190cmp-global-header-mobile-nav__secondLevel"> 4191 <li> 4192 <div class="cmp-global-header-mobile-nav__menuNav"> 4193 <a data-track="header" data-track-component-type="navigation" data-track-id="Back button" class="backButton" href="#"> 4194 <div class="backButton__wrapper"> 4195 <svg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 4196 <path d="M7.15283 1L1.15283 7L7.15283 13" stroke="#020215" stroke-linejoin="round"/> 4197 </svg> 4198 Back 4199 </div> 4200 </a> 4201 <span class="cmp-global-header-mobile-nav__linkText"></span> 4202 <a data-track="header" data-track-component-type="navigation" data-track-id="close button" href="#" class="cmp-global-header-mobile-nav__menuNav-right cmp-global-header-mobile-nav__close"> 4203 <div class="backButton__wrapper"> 4204 <svg width="25" height="17" viewBox="0 0 25 17" fill="none" xmlns="http://www.w3.org/2000/svg"> 4205 <path fill-rule="evenodd" clip-rule="evenodd" d="M13.4354 9.25485L19.5765 3.11373L18.9227 2.45996L12.7816 8.60108L6.77185 2.59131L6.11808 3.24509L12.1278 9.25485L5.84729 15.5354L6.50106 16.1892L12.7816 9.90862L19.1935 16.3205L19.8473 15.6668L13.4354 9.25485Z" fill="#020215"/> 4206 </svg> 4207 Close 4208 </div> 4209 </a> 4210 </div> 4211 </li> 4212 4213 <li class="item"> 4214 <a data-track="header" data-track-component-type="navigation" data-track-id="Plus & Premier Packages" class="cmp-global-header-mobile-nav-link" href="/cruise-deals-promotions/plus-premier-cruise-packages"> 4215 Plus & Premier Packages 4216 4217 </a> 4218 4219 </li> 4220 4221 <li class="item"> 4222 <a data-track="header" data-track-component-type="navigation" data-track-id="Beverage Packages" class="cmp-global-header-mobile-nav-link" href="/cruise-dining/beverages"> 4223 Beverage Packages 4224 4225 </a> 4226 4227 </li> 4228 4229 <li class="item"> 4230 <a data-track="header" data-track-component-type="navigation" data-track-id="Cruise & Flight Packages" class="cmp-global-header-mobile-nav-link" href="/plan/ezair"> 4231 Cruise & Flight Packages 4232 4233 </a> 4234 4235 </li> 4236 4237 <li class="item"> 4238 <a data-track="header" data-track-component-type="navigation" data-track-id="Celebration Packages" class="cmp-global-header-mobile-nav-link" href="/ships-and-experience/celebrations/cruise-gifts-services/celebration-packages"> 4239 Celebration Packages 4240 4241 </a> 4242 4243 </li> 4244 4245 <li class="item"> 4246 <a data-track="header" data-track-component-type="navigation" data-track-id="Internet Packages" class="cmp-global-header-mobile-nav-link" href="/ships-and-experience/princess-medallionclass/medallionnet"> 4247 Internet Packages 4248 4249 </a> 4250 4251 </li> 4252 4253 <li class="item"> 4254 <a data-track="header" data-track-component-type="navigation" data-track-id="Romance Package" class="cmp-global-header-mobile-nav-link" href="/ships-and-experience/celebrations/cruise-gifts-services/romance-packages"> 4255 Romance Package 4256 4257 </a> 4258 4259 </li> 4260 4261 <li> 4262 <div class="cmp-global-header-mobile__promo"> 4263 <img src="https://assets.princess.com/is/image/princesscruises/st-thomas-sun-sail:16x9" alt="Up to 40% + $300 instant savings + free 3rd & 4th guests + $99 deposits"/> 4264 <p class="cmp-global-header-mobile__promo__title">Up to 40% + $300 instant savings + free 3rd & 4th guests + $99 deposits</p> 4265 <p>Discover our current featured deals, plus many more ways to save.</p> 4266 4267 <p><a data-track="header" data-track-component-type="navigation" data-track-id="Learn More" href="/cruise-deals-promotions/limited-time-offer">Learn More</a></p> 4268 </div> 4269 </li> 4270 </ul> 4271 </li> 4272 4273 <li class="item"> 4274 <a data-track="header" data-track-component-type="navigation" data-track-id="Loyalty" class="cmp-global-header-mobile-nav-link cmp-global-header-mobile-nav__firstLevelItem"> 4275 Loyalty 4276 <svg width="7" height="12" viewBox="0 0 7 12" fill="none" xmlns="http://www.w3.org/2000/svg"> 4277 <path d="M0.289998 0.709778C-0.100002 1.09978 -0.100002 1.72978 0.289998 2.11978L4.17 5.99978L0.289998 9.87978C-0.100002 10.2698 -0.100002 10.8998 0.289998 11.2898C0.679998 11.6798 1.31 11.6798 1.7 11.2898L6.29 6.69978C6.68 6.30978 6.68 5.67978 6.29 5.28978L1.7 0.699778C1.32 0.319778 0.679998 0.319778 0.289998 0.709778Z" fill="#E2E2E4"/> 4278 </svg> 4279 </a> 4280 <ul class="cmp-global-header-mobile-nav__submenu
4280cmp-global-header-mobile-nav__secondLevel"> 4281 <li> 4282 <div class="cmp-global-header-mobile-nav__menuNav"> 4283 <a data-track="header" data-track-component-type="navigation" data-track-id="Back button" class="backButton" href="#"> 4284 <div class="backButton__wrapper"> 4285 <svg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 4286 <path d="M7.15283 1L1.15283 7L7.15283 13" stroke="#020215" stroke-linejoin="round"/> 4287 </svg> 4288 Back 4289 </div> 4290 </a> 4291 <span class="cmp-global-header-mobile-nav__linkText"></span> 4292 <a data-track="header" data-track-component-type="navigation" data-track-id="close button" href="#" class="cmp-global-header-mobile-nav__menuNav-right cmp-global-header-mobile-nav__close"> 4293 <div class="backButton__wrapper"> 4294 <svg width="25" height="17" viewBox="0 0 25 17" fill="none" xmlns="http://www.w3.org/2000/svg"> 4295 <path fill-rule="evenodd" clip-rule="evenodd" d="M13.4354 9.25485L19.5765 3.11373L18.9227 2.45996L12.7816 8.60108L6.77185 2.59131L6.11808 3.24509L12.1278 9.25485L5.84729 15.5354L6.50106 16.1892L12.7816 9.90862L19.1935 16.3205L19.8473 15.6668L13.4354 9.25485Z" fill="#020215"/> 4296 </svg> 4297 Close 4298 </div> 4299 </a> 4300 </div> 4301 </li> 4302 4303 <li class="item"> 4304 <a data-track="header" data-track-component-type="navigation" data-track-id="Casino" class="cmp-global-header-mobile-nav-link" href="/ships-and-experience/onboard-experience/activities/casino"> 4305 Casino 4306 4307 </a> 4308 4309 </li> 4310 4311 <li class="item"> 4312 <a data-track="header" data-track-component-type="navigation" data-track-id="Captain's Circle" class="cmp-global-header-mobile-nav-link" href="https://book.princess.com/captaincircle/membershipBenefits.page"> 4313 Captain's Circle 4314 4315 </a> 4316 4317 </li> 4318 4319 <li class="item"> 4320 <a data-track="header" data-track-component-type="navigation" data-track-id="Create an Account" class="cmp-global-header-mobile-nav-link" href="/my-princess/register/"> 4321 Create an Account 4322 4323 </a> 4324 4325 </li> 4326 4327 <li class="item"> 4328 <a data-track="header" data-track-component-type="navigation" data-track-id="Military" class="cmp-global-header-mobile-nav-link" href="/cruise-deals-promotions/military-benefit-program"> 4329 Military 4330 4331 </a> 4332 4333 </li> 4334 4335 <li class="item"> 4336 <a data-track="header" data-track-component-type="navigation" data-track-id="Princess® Rewards Visa® Card" class="cmp-global-header-mobile-nav-link" href="https://cards.barclaycardus.com/banking/credit-card/princess/visa-signature/co-brand-partner-site/fa2c9fe2-570f-4194-83e3-8db3ed2700b7?referrerid=PCLLoyalty"> 4337 Princess® Rewards Visa® Card 4338 4339 </a> 4340 4341 </li> 4342 4343 <li> 4344 <div class="cmp-global-header-mobile__promo"> 4345 <img src="https://assets.princess.com/is/image/princesscruises/st-thomas-sun-sail:16x9" alt="Up to 40% + $300 instant savings + free 3rd & 4th guests + $99 deposits"/> 4346 <p class="cmp-global-header-mobile__promo__title">Up to 40% + $300 instant savings + free 3rd & 4th guests + $99 deposits</p> 4347 <p>Discover our current featured deals, plus many more ways to save.</p> 4348 4349 <p><a data-track="header" data-track-component-type="navigation" data-track-id="Learn More" href="/cruise-deals-promotions/limited-time-offer">Learn More</a></p> 4350 </div> 4351 </li> 4352 </ul> 4353 </li> 4354 </ul> 4355 </li> 4356 </ul> 4357 </div> 4358 <div class="cmp-global-header-mobile__bottomMenu"> 4359 <div class="cmp-global-header-mobile__bottomMenu--manageBookingWrapper"> 4360 <a data-track="header" data-track-component-type="navigation" data-track-id="Manage booking" class="cmp-global-header-mobile__bottomMenu--manageBooking" tabindex="0"> 4361 <svg aria-hidden="true" class="svg-icon svg-icon-explore" style="height: 20px;
4361 width: 20px; margin: 0 5px 0 0"> 4362 <use xlink:href="#icon-explore"></use> 4363 </svg> 4364 4365 Manage booking 4366 <svg aria-hidden="true" class="svg-icon svg-icon-down-arrow"> 4367 <use xlink:href="#icon-down-arrow"></use> 4368 </svg> 4369 </a> 4370 </div> 4371 <div class="cmp-global-header-mobile__bookingDropdownMobile"> 4372 <a href="https://book.princess.com/manage-booking/index.page?cpfy=summary" data-track-id="Booking Details" data-track="header" data-track-component-type="navigation"> 4373 4374 <svg width="20" height="20" viewBox="0 0 20 20" fill="none"> 4375 <image href="/content/dam/princess/corporate/icons/booking-summary-blue-icon-nav.svg" width="20" height="20"/> 4376 </svg> 4377 Booking Details 4378 </a> 4379 4380 <a href="https://book.princess.com/manage-booking/index.page?cpfy=checkin" data-track-id="Check In" data-track="header" data-track-component-type="navigation"> 4381 4382 <svg width="20" height="20" viewBox="0 0 20 20" fill="none"> 4383 <image href="/content/dam/princess/corporate/icons/location-check-in-blue-icon-nav.svg" width="20" height="20"/> 4384 </svg> 4385 Check In 4386 </a> 4387 4388 <a href="https://book.princess.com/manage-booking/index.page?cpfy=makepayment" data-track-id="Make a payment" data-track="header" data-track-component-type="navigation"> 4389 4390 <svg width="20" height="20" viewBox="0 0 20 20" fill="none"> 4391 <image href="/content/dam/princess/corporate/icons/payment-blue-icon-nav.svg" width="20" height="20"/> 4392 </svg> 4393 Make a payment 4394 </a> 4395 4396 <a href="https://book.princess.com/cruisepersonalizer/index.page?cpfy=cruisePackages" data-track-id="Cruise Packages" data-track="header" data-track-component-type="navigation"> 4397 4398 <svg width="20" height="20" viewBox="0 0 20 20" fill="none"> 4399 <image href="/content/dam/princess/corporate/icons/cruise-package-blue-nav.svg" width="20" height="20"/> 4400 </svg> 4401 Cruise Packages 4402 </a> 4403 4404 <a href="https://book.princess.com/manage-booking/index.page?cpfy=shx" data-track-id="Shore Excursions" data-track="header" data-track-component-type="navigation"> 4405 4406 <svg width="20" height="20" viewBox="0 0 20 20" fill="none"> 4407 <image href="/content/dam/princess/corporate/icons/backpack-icon-blue-nav.svg" width="20" height="20"/> 4408 </svg> 4409 Shore Excursions 4410 </a> 4411 4412 <a href="https://book.princess.com/manage-booking/index.page?cpfy=spa" data-track-id="Spa" data-track="header" data-track-component-type="navigation"> 4413 4414 <svg width="20" height="20" viewBox="0 0 20 20" fill="none"> 4415 <image href="/content/dam/princess/corporate/icons/spa-blue-icon.svg" width="20" height="20"/> 4416 </svg> 4417 Spa 4418 </a> 4419 4420 <a href="https://book.princess.com/manage-booking/index.page?cpfy=flightsummary" data-track-id="Flight & Transfers" data-track="header" data-track-component-type="navigation"> 4421 4422 <svg width="20" height="20" viewBox="0 0 20 20" fill="none"> 4423 <image href="/content/dam/princess/corporate/icons/flight-blue-icon-nav.svg" width="20" height="20"/> 4424 </svg> 4425 Flight & Transfers 4426 </a> 4427 4428 <a href="https://book.princess.com/manage-booking/index.page?cpfy=insurance" data-track-id="Vacation Protection Plan" data-track="header" data-track-component-type="navigation"> 4429 4430 <svg width="20" height="20" viewBox="0 0 20 20" fill="none"> 4431 <image href="/content/dam/princess/corporate/icons/shield-check-vacation-blue-icon-nav.svg" width="20" height="20"/> 4432 </svg> 4433 Vacation Protection Plan 4434 </a> 4435 </div> 4436 4437 <div class="cmp-global-header__zero-level-col-item cmp-global-header__login cmp-global-header-mobile__bottomMenu--login"> 4438 4439 <a class="login-link" data-track="header" data-track-component-type="navigation" data-track-id="Log In" href="https://www.princess.com/my-princess/login/" alt="Log In"> 4440 4441 <img src="/content/dam/princess/cfm-assets-demo/userIcon.png" alt="My Account"/> 4442 Log In 4443 </a> | 4444 <a data-track="header" data-track-component-type="navigation" data-track-id="Create account" href="https://www.princess.com/my-princess/register/" alt="Create account">Create account</a> 4445 4446 4447 </div> 4448 <div id="login-dropdown-true" class="cmp-global-header-mobile__bottomMenu--login-dropdown"> 4449 <p>Already booked? Log in or 4450 <a data-track="header" data-track-component-type="navigation" data-track-id="Create account" href="https://www.princess.com/my-princess/register/" class="create-an-account" alt="Create account">create an account.</a> 4451 </p> 4452 <a data-track="header" data-track-component-type="navigation" data-track-id="Find a Cruise" class="cmp-global-header-mobile__findACruiseButton" href="#" alt="Log In" onclick="event.preventDefault();" data-show-login> 4453 Log in 4454 </a> 4455 </div> 4456 <div id="login-dropdown-false" class="cmp-global-header-mobile__bottomMenu--login-dropdown"> 4457 <p>Already booked? Log in or 4458 <a data-track="header" data-track-component-type="navigation" data-track-id="Create account" href="https://www.princess.com/my-princess/register/" class="create-an-account" alt="Create account">create an account.</a> 4459 </p> 4460 4461 <a data-track="header" data-track-component-type="navigation" data-track-id="Find a Cruise" href="https://www.princess.com/my-princess/login/" class="cmp-global-header-mobile__findACruiseButton" alt="Log In"> 4462 Log in 4463 </a> 4464 </div> 4465 <div class="cmp-global-header-mobile__loggedInLinks"> 4466 <a data-track="header" data-track-component-type="navigation" data-track-id="My A
4466ccount" href="https://book.princess.com/captaincircle/myPrincess.page"> 4467 <img class="cmp-global-header__icon" src="/content/dam/princess/cfm-assets-demo/userIcon.png" alt=""/> 4468 My Account 4469 </a> | 4470 <a data-track="header" data-track-component-type="navigation" data-track-id="Saved" href="/cruise-vacation-planning-dashboard/home.do">Saved</a> | 4471 <a data-track="header" data-track-component-type="navigation" data-track-id="Log out" class="cmp-global-header__logout" href="#">Log out</a> 4472 </div> 4473 </div> 4474 <a data-track="header" data-track-component-type="navigation" data-track-id="Find a Cruise" class="cmp-global-header-mobile__findACruiseButton" href="https://www.princess.com/cruise-search/results/?trade=E,C,A,M,T,N&duration=1,2,3&mrch=1"> 4475 Find a Cruise 4476 </a> 4477 4478 </div> 4479 <div class="cmp-header__coveoSearch-mobile" data-sharable="search"> 4480 4481 4482<style> 4483 /* Search bar â aligned with Editorial Search (mobile) / Figma Editorial-Blog-Search-2026 */ 4484 .cmp-coveo-search-search-box, 4485 atomic-search-box.cmp-coveo-search-search-box { 4486 display: none; 4487 height: 52px; 4488 justify-content: space-between; 4489 align-items: center; 4490 flex: 1 0 0; 4491 margin: 0 16px; 4492 } 4493 4494 /* Hidden by default; opened via coveo-search.js on search trigger click */ 4495 .cmp-coveo-search-search-box.cmp-coveo-search--open-search, 4496 .cmp-coveo-search-search-box.cmp-coveo-search--open-search-desktop, 4497 atomic-search-box.cmp-coveo-search-search-box.cmp-coveo-search--open-search, 4498 atomic-search-box.cmp-coveo-search-search-box.cmp-coveo-search--open-search-desktop { 4499 display: flex; 4500 width: 100%; 4501 } 4502 4503 .cmp-coveo-search-search-box::part(input), 4504 atomic-search-box.cmp-coveo-search-search-box::part(input) { 4505 font-size: 1.125rem; 4506 font-weight: 400; 4507 line-height: 1.75rem; 4508 font-family: "proxima-nova", Arial, sans-serif; 4509 color: #020215; 4510 padding-left: 10px; 4511 } 4512 4513 .cmp-coveo-search-search-box::part(clear-button), 4514 atomic-search-box.cmp-coveo-search-search-box::part(clear-button) { 4515 display: flex; 4516 align-items: center; 4517 justify-content: center; 4518 width: 2rem; 4519 height: 2rem; 4520 } 4521 4522 /* Input clear â custom X (replaces default Atomic icon via background) */ 4523 .cmp-coveo-search-search-box::part(clear-icon), 4524 atomic-search-box.cmp-coveo-search-search-box::part(clear-icon) { 4525 width: 24px; 4526 height: 24px; 4527 display: block; 4528 flex-shrink: 0; 4529 box-sizing: border-box; 4530 color: transparent; 4531 fill: transparent; 4532 background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M19%206.41L17.59%205L12%2010.59L6.41%205L5%206.41L10.59%2012L5%2017.59L6.41%2019L12%2013.41L17.59%2019L19%2017.59L13.41%2012L19%206.41Z%22%20fill%3D%22%23020215%22%2F%3E%3C%2Fsvg%3E"); 4533 background-repeat: no-repeat; 4534 background-position: center; 4535 background-size: contain; 4536 } 4537 4538 .cmp-coveo-search-search-box::part(submit-icon) *, 4539 atomic-search-box.cmp-coveo-search-search-box::part(submit-icon) *, 4540 .cmp-coveo-search-search-box::part(clear-icon) *, 4541 atomic-search-box.cmp-coveo-search-search-box::part(clear-icon) * { 4542 opacity: 0; 4543 } 4544 4545 .cmp-coveo-search-search-box::part(wrapper), 4546 atomic-search-box.cmp-coveo-search-search-box::part(wrapper) { 4547 border-radius: 24px; 4548 height: 100%; 4549 flex: 1; 4550 display: flex; 4551 flex-direction: row-reverse; 4552 align-items: center; 4553 padding: 0 16px; 4554 background-color: var(--Colors-White, #FFF); 4555 border: solid 1px #6c6c78; 4556 width: 44.75rem; 4557 height: 3.25rem; 4558 } 4559 4560 .cmp-coveo-search-search-box::part(submit-button), 4561 atomic-search-box.cmp-coveo-search-search-box::part(submit-button) { 4562 background-color: transparent; 4563 margin: 0; 4564 padding: 0; 4565 width: 2rem; 4566 min-width: 2rem; 4567 display: flex; 4568 align-items: center; 4569 justify-content: center; 4570 } 4571 4572 /* Search (magnifier) â custom SVG */ 4573 .cmp-coveo-search-search-box::part(submit-icon), 4574 atomic-search-box.cmp-coveo-search-search-box::part(submit-icon) { 4575 width: 24px; 4576 height: 24px; 4577 display: block; 4578 flex-shrink: 0; 4579 box-sizing: border-box; 4580 color: transparent; 4581 fill: transparent; 4582 background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M15.7559%2014.2549H14.9659L14.6859%2013.9849C15.6659%2012.8449%2016.2559%2011.3649%2016.2559%209.75488C16.2559%206.16488%2013.3459%203.25488%209.75586%203.25488C6.16586%203.25488%203.25586%206.16488%203.25586%209.75488C3.25586%2013.3449%206.16586%2016.2549%209.75586%2016.2549C11.3659%2016.2549%2012.8459%2015.6649%2013.9859%2014.6849L14.25
458259%2014.9649V15.7549L19.2559%2020.7449L20.7459%2019.2549L15.7559%2014.2549ZM9.75586%2014.2549C7.26586%2014.2549%205.25586%2012.2449%205.25586%209.75488C5.25586%207.26488%207.26586%205.25488%209.75586%205.25488C12.2459%205.25488%2014.2559%207.26488%2014.2559%209.75488C14.2559%2012.2449%2012.2459%2014.2549%209.75586%2014.2549Z%22%20fill%3D%22%23020215%22%2F%3E%3C%2Fsvg%3E"); 4583 background-repeat: no-repeat; 4584 background-position: center; 4585 background-size: contain; 4586 } 4587 4588 .cmp-coveo-search-search-box::part(textarea), 4589 atomic-search-box.cmp-coveo-search-search-box::part(textarea) { 4590 outline: none; 4591 border: none; 4592 background-color: transparent; 4593 flex: 1; 4594 4595 /* Make textarea behave like single-line input */ 4596 resize: none; 4597 overflow-y: hidden; 4598 overflow-x: auto; 4599 white-space: nowrap; 4600 height: 52px; 4601 line-height: 52px; 4602 4603 padding: 0; 4604 4605 display: block; 4606 font-size: 1.125rem; 4607 font-weight: 400; 4608 /* line-height: 1.75rem; */ 4609 font-family: "proxima-nova", Arial, sans-serif; 4610 color: #020215; 4611 padding-left: 10px; 4612} 4613 4614 .cmp-coveo-search-search-box::part(textarea):focus, 4615 atomic-search-box.cmp-coveo-search-search-box::part(textarea):focus { 4616 outline: none; 4617 border: none; 4618 } 4619 4620 .cmp-coveo-search-search-box::part(textarea-expander), 4621 atomic-search-box.cmp-coveo-search-search-box::part(textarea-expander) { 4622 flex: 1; 4623 min-width: 0; 4624 min-height: 0; 4625 } 4626 4627 .cmp-coveo-search-search-box::part(submit-button-wrapper), 4628 .cmp-coveo-search-search-box::part(clear-button-wrapper), 4629 atomic-search-box.cmp-coveo-search-search-box::part(submit-button-wrapper), 4630 atomic-search-box.cmp-coveo-search-search-box::part(clear-button-wrapper) { 4631 align-items: center; 4632 display: flex; 4633 flex-shrink: 0; 4634 } 4635 4636 /* Suggestions panel: white card + shadow (Atomic exposes host-level parts) */ 4637 .cmp-coveo-search-search-box::part(suggestions), 4638 .cmp-coveo-search-search-box::part(suggestions-dropdown), 4639 .cmp-coveo-search-search-box::part(popover) { 4640 background: var(--Colors-White, #FFF); 4641 overflow: hidden; 4642 } 4643 4644 /* RECENT SEARCHES â section title */ 4645 .cmp-coveo-search-search-box::part(recent-query-title), 4646 atomic-search-box.cmp-coveo-search-search-box::part(recent-query-title) { 4647 text-transform: uppercase; 4648 font-family: "proxima-nova", Arial, sans-serif; 4649 font-size: 0.875rem; 4650 font-weight: 500; 4651 letter-spacing: 0.063em; 4652 line-height: 1.25rem; 4653 color: #6C6C78; 4654 padding: 0.625rem 2rem 0.375rem; 4655 } 4656 4657 /* POPULAR SEARCHES â section title */ 4658 .cmp-coveo-search-search-box::part(query-suggestion-title), 4659 atomic-search-box.cmp-coveo-search-search-box::part(query-suggestion-title) { 4660 text-transform: uppercase; 4661 font-family: "proxima-nova", Arial, sans-serif; 4662 font-size: 0.75rem; 4663 font-weight: 500; 4664 letter-spacing: 0.06em; 4665 line-height: 1.25rem; 4666 padding: 0.875rem 1rem 0.375rem; 4667 } 4668 4669 /* Dividers are decorative only */ 4670 .cmp-coveo-search-search-box::part(suggestion-divider), 4671 atomic-search-box.cmp-coveo-search-search-box::part(suggestion-divider) { 4672 pointer-events: none; 4673 padding: 0; 4674 } 4675 .cmp-coveo-search-search-box::part(suggestions-wrapper) { 4676 border-radius: 2px; 4677 box-shadow: 0 2px 8px 0 rgba(2, 2, 21, 0.10); 4678 top: 3.3rem; 4679 } 4680 4681 /* Recent row: bold when user has typed; normal weight when search box is empty */ 4682 .cmp-coveo-search-search-box::part(recent-query), 4683 .cmp-coveo-search-search-box::part(recent-query-item), 4684 atomic-search-box.cmp-coveo-search-search-box::part(recent-query), 4685 atomic-search-box.cmp-coveo-search-search-box::part(recent-query-item) { 4686 display: flex; 4687 align-items: center; 4688 justify-content: space-between; 4689 gap: 0.75rem; 4690 padding: 1rem 1.5rem 1rem 2rem; 4691 min-height: 2.75rem; 4692 box-sizing: border-box; 4693 font-family: "proxima-nova", Arial, sans-serif; 4694 font-size: 1rem; 4695 font-weight: 700; 4696 color: #020215; 4697 background-color:unset; 4698 } 4699 4700 .cmp-coveo-search-search-box::part(recent-query):hover, 4701 .cmp-coveo-search-search-box::part(recent-query-item):hover, 4702 atomic-search-box.cmp-coveo-search-search-box::part(recent-query):hover, 4703 atomic-search-box.cmp-coveo-search-search-box::part(recent-query-item):hover { 4704 background-color: #F5F7FB; 4705 } 4706 4707 /* Popular / query suggestion rows â bold black + icons from Atomic */ 4708 .cmp-coveo-search-search-box::part(query-suggestion), 4709 .cmp-coveo-search-search-box::part(query-suggestion-item), 4710 atomic-search-box.cmp-coveo-search-search-box::part(query-suggestion), 4711 atomic-search-box.cmp-coveo-search-search-box::part(query-suggestion-item) { 4712 padding: 10px 16px; 4713 min-height: 2.75rem; 4714 box-sizing: border-box; 4715 font-family: "proxima-nova", Arial, sans-serif; 4716 font-size: 1rem; 4717 font-weight: 700; 4718 color: #020215; 4719 } 4720 4721 .cmp-coveo-search-search-box::part(query-suggestion):hover, 4722 .cmp-coveo-search-search-box::part(query-suggestion-item):hover, 4723 atomic-search-box.cmp-coveo-search-search-box::part(query-suggestion):hover, 4724 atomic-search-box.cmp-coveo-search-search-box::part(query-suggestion-item):hover { 4725 background-color: #F5F7FB; 4726 } 4727 4728 /* Suggestion rows / dividers / title row: no pointer hand, no hover chrome */ 4729 .cmp-coveo-search-search-box::part(suggestion), 4730 .cmp-coveo-search-search-box::part(active-suggestion), 4731 .cmp-coveo-search-search-box::part(recent-query-title-item), 4732 .cmp-coveo-search-search-box::part(suggestion-divider), 4733 atomic-search-box.cmp-coveo-search-search-box::part(suggestion), 4734 atomic-search-box.cmp-coveo-search-search-box::part(active-suggestion), 4735 atomic-search-box.cmp-coveo-search-search-box::part(recent-query-title-item), 4736 atomic-search-box.cmp-coveo-search-search-box::part(suggestion-divider) { 4737 cursor: default; 4738 /* padding: 1rem 0; */ 4739 } 4740 4741 /* Dividers are decorative only */ 4742 .cmp-coveo-search-search-box::part(suggestion-divider), 4743 atomic-search-box.cmp-coveo-search-search-box::part(suggestion-divider) { 4744 pointer-events: none; 4745 } 4746 4747 .cmp-coveo-search-search-box::part(suggestion):hover, 4748 .cmp-coveo-search-search-box::part(active-suggestion):hover, 4749 .cmp-coveo-search-search-box::part(recent-query-title-item):hover, 4750 .cmp-coveo-search-search-box::part(suggestion-divider):hover, 4751 atomic-search-box.cmp-coveo-search-search-box::part(suggestion):hover, 4752 atomic-search-box.cmp-coveo-search-search-box::part(active-suggestion):hover, 4753 atomic-search-box.cmp-coveo-search-search-box::part(recent-query-title-item):hover, 4754 atomic-search-box.cmp-coveo-search-search-box::part(suggestion-divider):hover { 4755 background-color: transparent; 4756 } 4757 4758 /* Hide clock/history icon on recent-query rows (Atomic exports part recent-query-icon) */ 4759 .cmp-coveo-search-search-box::part(recent-query-icon), 4760 atomic-search-box.cmp-coveo-search-search-box::part(recent-query-icon) { 4761 display: none; 4762 } 4763 4764 /* Highlight span: normal weight unless JS sets bold when recent line === search box text */ 4765 .cmp-coveo-search-search-box::part(recent-query-text-highlight), 4766 atomic-search-box.cmp-coveo-search-search-box::part(recent-query-text-highlight) { 4767 font-weight: 400; 4768 } 4769 4770 /* Coveo global âclear recentâ hidden â we use per-row clear from JS */ 4771 .cmp-coveo-search-search-box::part(recent-query-clear), 4772 atomic-search-box.cmp-coveo-search-search-box::part(recent-query-clear) { 4773 display: none; 4774 } 4775 4776 /* Mobile header: strip side margins / cap so the bar can span the header row */ 4777 @media (max-width: 1024px) { 4778 .cmp-header__coveoSearch-mobile .cmp-coveo-search-search-box, 4779 .cmp-header__coveoSearch-mobile atomic-search-box.cmp-coveo-search-search-box { 4780 margin: 0; 4781 width: 100%; 4782 max-width: 100%; 4783 box-sizing: border-box; 4784 } 4785 4786 .cmp-header__coveoSearch-mobile .cmp-coveo-search-search-box::part(wrapper), 4787 .cmp-header__coveoSearch-mobile atomic-search-box.cmp-coveo-search-search-box::part(wrapper) { 4788 width: 100%; 4789 max-width: 100%; 4790 min-width: 0; 4791 box-sizing: border-box; 4792 } 4793 4794 /* Mobile overlay: remove grey rule between the pill input and âRECENT SEARCHESâ */ 4795 .cmp-header__coveoSearch-mobile .cmp-coveo-search-search-box::part(suggestions-wrapper), 4796 .cmp-header__coveoSearch-mobile atomic-search-box.cmp-coveo-search-search-box::part(suggestions-wrapper) { 4797 border: none; 4798 border-top: none; 4799 box-shadow: 0 2px 8px 0 rgba(2, 2, 21, 0.10); 4800 left: 0; 4801 padding: 0 25px; 4802 top: 3.8rem; 4803 width: calc(85% + 50px); 4804 position: absolute; 4805 4806 } 4807 4808 .cmp-header__coveoSearch-mobile .cmp-coveo-search-search-box::part(suggestions), 4809 .cmp-header__coveoSearch-mobile .cmp-coveo-search-search-box::part(suggestions-dropdown), 4810 .cmp-header__coveoSearch-mobile .cmp-coveo-search-search-box::part(popover), 4811 .cmp-header__coveoSearch-mobile atomic-search-box.cmp-coveo-search-search-box::part(suggestions), 4812 .cmp-header__coveoSearch-mobile atomic-search-box.cmp-coveo-search-search-box::part(suggestions-dropdown), 4813 .cmp-header__coveoSearch-mobile atomic-search-box.cmp-coveo-search-search-box::part(popover) { 4814 border: none; 4815 border-top: none; 4816 } 4817 4818 .cmp-header__coveoSearch-mobile .cmp-coveo-search-search-box::part(recent-query-title-item), 4819 .cmp-header__coveoSearch-mobile atomic-search-box.cmp-coveo-search-search-box::part(recent-query-title-item) { 4820 border-top: none; 4821 box-shadow: none; 4822 } 4823 .cmp-coveo-search-search-box::part(suggestion), 4824 .cmp-coveo-search-search-box::part(active-suggestion), 4825 .cmp-coveo-search-search-box::part(recent-query-title-item), 4826 .cmp-coveo-search-search-box::part(suggestion-divider), 4827 atomic-search-box.cmp-coveo-search-search-box::part(suggestion), 4828 atomic-search-box.cmp-coveo-search-search-box::part(active-suggestion), 4829 atomic-search-box.cmp-coveo-search-search-box::part(recent-query-title-item), 4830 atomic-search-box.cmp-coveo-search-search-box::part(suggestion-divider) { 4831 cursor: default; 4832 padding: 1rem 0; 4833 } 4834 } 4835 4836 @media (max-width: 600px) { 4837 .cmp-coveo-search-search-box, 4838 atomic-search-box.cmp-coveo-search-search-box { 4839 margin: 0 auto; 4840 max-height: 3.25rem; 4841 width: 100%; 4842 } 4843 4844 .cmp-coveo-search-search-box::part(suggestions-wrapper) { 4845 width: 100%; 4846 left: 0; 4847 top: 3.18rem; 4848 } 4849 4850 .cmp-coveo-search-search-box::part(recent-query-title), 4851 .cmp-coveo-search-search-box::part(recent-query-title-item), 4852 atomic-search-box.cmp-coveo-search-search-box::part(recent-query-title), 4853 atomic-search-box.cmp-coveo-search-search-box::part(recent-query-title-item) { 4854 padding: 0; 4855 } 4856 } 4857 4858 /* Desktop header: cap width so the field does not overlap Subscribe / phone / Log In (was 44.75rem) */ 4859 @media (min-width: 1025px) and (max-width: 1249px) { 4860 .cmp-coveo-search-search-box, 4861 atomic-search-box.cmp-coveo-search-search-box { 4862 box-sizing: border-box; 4863 width: 100%; 4864 max-width: 32rem; 4865 min-width: 0; 4866 height: 3.25rem; 4867 margin: 0; 4868 } 4869 4870 .cmp-coveo-search-search-box.cmp-coveo-search--open-search-desktop, 4871 atomic-search-box.cmp-coveo-search-search-box.cmp-coveo-search--open-search-desktop { 4872 width: 100%; 4873 max-width: 32rem; 4874 min-width: 0; 4875 } 4876 4877 .cmp-coveo-search-search-box::part(wrapper), 4878 atomic-search-box.cmp-coveo-search-search-box::part(wrapper) { 4879 /* width: 100%; */ 4880 max-width:34.75rem; 4881 min-width: 22rem; 4882 box-sizing: border-box; 4883 position: absolute; 4884 } 4885 4886 .cmp-coveo-search-search-box::part(clear-icon), 4887 atomic-search-box.cmp-coveo-search-search-box::part(clear-icon) { 4888 margin-right: 0; 4889 } 4890 4891 /* Adjust width and position of the suggestions dropdown */ 4892 .cmp-coveo-search-search-box::part(suggestions-wrapper) { 4893 width: 100%; 4894 left: 0; 4895 max-width: none; 4896 top: 3.2rem; 4897 } 4898 .cmp-coveo-search-search-box::part(recent-query-text), 4899 atomic-search-box.cmp-coveo-search-search-box::part(recent-query-text) { 4900 font-weight: 700; 4901 font-size: 1.125rem; 4902 line-height: 1.75rem; 4903 color: #020215; 4904 } 4905 } 4906 4907 @media (min-width: 1249px) and (max-width: 1375px) { 4908 .cmp-coveo-search-search-box::part(wrapper), 4909 atomic-search-box.cmp-coveo-search-search-box::part(wrapper) { 4910 max-width: 34.75rem; 4911 min-width: 32rem; 4912 position: absolute; 4913 } 4914 } 4915 4916 @media (min-width: 1376px) { 4917 .cmp-coveo-search-search-box::part(wrapper), 4918 atomic-search-box.cmp-coveo-search-search-box::part(wrapper) { 4919 max-width: 74.75rem; 4920 min-width: 32rem; 4921 position: absolute; 4922 } 4923 } 4924</style> 4925<div id="coveo-search-6102fb70ab" class="cmp-coveo-search" data-sync-editorial-recent-queries="true" data-editorial-recent-queries-storage-key="pcl-editorial-recent-queries" data-max-recent-queries="3"> 4926 <button type="button" class="cmp-coveo-search--button"> 4927 <svg class="cmp-global-search-box__svg-icon"><use href="#icon-search"></use></svg> 4928 Search</button> 4929 <atomic-search-interface organization-id="princesscruisesandtoursincproduction140nsebck" access-token="xx03f291f0-4df6-4df4-984e-afc5b4a5b78b" class="cmp-coveo-search--coveo-search" data-max-recent-queries="3" data-sync-recent-queries="true" data-recent-queries-storage-key="pcl-editorial-recent-queries"> 4930 <atomic-search-box class="cmp-coveo-search-search-box" data-input-empty="true" number-of-queries="3" suggestion-timeout="400" suggestion-delay="0" minimum-query-length="0" redirection-url="/search"> 4931 <atomic-search-box-query-suggestions max-with-query="3" max-without-query="3"></atomic-search-box-query-suggestions> 4932 <atomic-search-box-recent-queries max-with-query="3" max-without-query="3"></atomic-search-box-recent-queries> 4933 </atomic-search-box> 4934 </atomic-search-interface> 4935</div> 4936</div> 4937 </div> 4938</div> 4939 4940 4941 <div> 4942 <nav class="cmp-global-header" role="navigation" aria-label="Main navigation"> 4943 4944 <a id="skip-nav" class="cmp-global-header__skip-nav cmp-button" href="#main-content" tabindex="0" data-track-id="Skip to main content"> 4945 Skip to main content 4946 </a> 4947 <!-- Zero level --> 4948 <div class="cmp-global-header__zero-level-row"> 4949 <div class="cmp-global-header__zero-level-col cmp-global-header__zero-level-col-left
4949"> 4950 <div class="cmp-global-header__zero-level-col-item cmp-global-header__subscribe"> 4951 4952 <img src="/content/dam/princess/cfm-assets-demo/suscribe_icon.png" alt=""/> 4953 </div> 4954 <div class="cmp-header__utility-nav-item cmp-header__sign-up-modal" data-sharable="specialOffers"><div class="signUpModalDesktop modal"> 4955 4956<div data-track-component-type="modal" data-trigger-type="button" data-modal-id="modal-id-1755083261862" data-trigger-id="mfp-iframe" data-trigger-aria-label="Subscribe" class="cmp-modal cmp-modal--iframe"> 4957 <button class="cmp-modal__trigger cmp-modal__trigger-button cmp-modal__button-primary-sticky-nav" id="mfp-iframe" data-modal-trigger="modal-id-1755083261862" aria-label="Subscribe" data-track-component-type="button" data-track="modal" data-track-id="subscribe"> 4958 4959 <span class="cmp-modal__trigger-text">Subscribe</span> 4960 </button> 4961 4962 4963 4964 <div class="cmp-modal__modal-container" id="modal-id-1755083261862" aria-hidden="true"> 4965 <div class="cmp-modal__overlay" data-modal-close> 4966 <div class="cmp-modal__dialog-container"> 4967 <div class="cmp-modal__dialog" role="dialog" aria-modal="true" aria-labelledby="modal-id-1755083261862-modal-heading"> 4968 <span id="modal-id-1755083261862-modal-heading" class="sr-only">Special Offers Just for You</span> 4969 <div class="cmp-modal__content-container" data-content-type="iframe" data-source-url="https://book.princess.com/captaincircle/specialOfferRegistration.page?track=header&trackId=special-offers" tabindex="0"> 4970 4971 <div class="cmp-modal__content-inner"> 4972 <iframe src="" frameborder="0" width="100%" height="100%" allowfullscreen></iframe> 4973 </div> 4974 4975 4976 </div> 4977 <button class="cmp-modal__close-button" data-modal-close data-track="modal" data-track-id="close"> 4978 <svg class="cmp-svg-icon close-icon"> 4979 <use href="#icon-close-x"/> 4980 </svg> 4981 </button> 4982 </div> 4983 </div> 4984 </div> 4985 </div> 4986 4987</div> 4988 4989 4990 4991 4992</div> 4993</div> 4994 <div class="cmp-global-header__zero-level-col-item cmp-global-header__phone"> 4995 <svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 4996 <path d="M2.625 5.625C2.625 12.5286 8.22144 18.125 15.125 18.125H17C18.0355 18.125 18.875 17.2855 18.875 16.25V15.107C18.875 14.6768 18.5822 14.3018 18.1649 14.1975L14.4789 13.276C14.113 13.1845 13.7278 13.3212 13.5015 13.623L12.693 14.701C12.4583 15.0139 12.0525 15.1522 11.6853 15.0177C8.92949 14.0082 6.7418 11.8205 5.7323 9.06472C5.59778 8.69749 5.73613 8.29165 6.049 8.057L7.12702 7.24849C7.42878 7.02217 7.56551 6.63704 7.47403 6.27111L6.55253 2.58512C6.44819 2.16778 6.07321 1.875 5.64302 1.875H4.5C3.46447 1.875 2.625 2.71447 2.625 3.75V5.625Z" stroke="#6C6C78" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 4997 </svg> 4998 4999 <a data-track="header:phonecall" data-track-id="1-800-774-6237" data-track-component-type="navigation" href="tel:1-800-774-6237">1-800-774-6237</a> 5000 </div> 5001 <div class="cmp-global-header__zero-level-col-item cmp-global-header__search"> 5002 5003 5004 <div class="cmp-header__coveoSearch" data-sharable="search"> 5005 5006 5007<style> 5008 /* Search bar â aligned with Editorial Search (mobile) / Figma Editorial-Blog-Search-2026 */ 5009 .cmp-coveo-search-search-box, 5010 atomic-search-box.cmp-coveo-search-search-box { 5011 display: none; 5012 height: 52px; 5013 justify-content: space-between; 5014 align-items: center; 5015 flex: 1 0 0; 5016 margin: 0 16px; 5017 } 5018 5019 /* Hidden by default; opened via coveo-search.js on search trigger click */ 5020 .cmp-coveo-search-search-box.cmp-coveo-search--open-search, 5021 .cmp-coveo-search-search-box.cmp-coveo-search--open-search-desktop, 5022 atomic-search-box.cmp-coveo-search-search-box.cmp-coveo-search--open-search, 5023 atomic-search-box.cmp-coveo-search-search-box.cmp-coveo-search--open-search-desktop { 5024 display: flex; 5025 width: 100%; 5026 } 5027 5028 .cmp-coveo-search-search-box::part(input), 5029 atomic-search-box.cmp-coveo-search-search-box::part(input) { 5030 font-size: 1.125rem; 5031 font-weight: 400; 5032 line-height: 1.75rem; 5033 font-family: "proxima-nova", Arial, sans-serif; 5034 color: #020215; 5035 padding-left: 10px; 5036 } 5037 5038 .cmp-coveo-search-search-box::part(clear-button), 5039 atomic-search-box.cmp-coveo-search-search-box::part(clear-button) { 5040 display: flex; 5041 align-items: center; 5042 justify-content: center; 5043 width: 2rem; 5044 height: 2rem; 5045 } 5046 5047 /* Input clear â custom X (replaces default Atomic icon via background) */ 5048 .cmp-coveo-search-search-box::part(clear-icon), 5049 atomic-search-box.cmp-coveo-search-search-box::part(clear-icon) { 5050 width: 24px; 5051 height: 24px; 5052 display: block; 5053 flex-shrink: 0; 5054 box-sizing: border-box; 5055 color: transparent; 5056 fill: transparent; 5057 background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M19%206.41L17.59%205L12%2010.59L6.41%205L5%206.41L10.59%2012L5%2017.59L6.41%2019L12%2013.41L17.59%2019L19%2017.59L13.41%2012L19%206.41Z%22%20fill%3D%22%23020215%22%2F%3E%3C%2Fsvg%3E"); 5058 background-repeat: no-repeat; 5059 background-position: center; 5060 background-size: contain; 5061 } 5062 5063 .cmp-coveo-search-search-box::part(submit-icon) *, 5064 atomic-search-box.cmp-coveo-search-search-box::part(submit-icon) *, 5065 .cmp-coveo-search-search-box::part(clear-icon) *, 5066 atomic-search-box.cmp-coveo-search-search-box::part(clear-icon) * { 5067 opacity: 0; 5068 } 5069 5070 .cmp-coveo-search-search-box::part(wrapper), 5071 atomic-search-box.cmp-coveo-search-search-box::part(wrapper) { 5072 border-radius: 24px; 5073 height: 100%; 5074 flex: 1; 5075 display: flex; 5076 flex-direction: row-reverse;
5077 align-items: center; 5078 padding: 0 16px; 5079 background-color: var(--Colors-White, #FFF); 5080 border: solid 1px #6c6c78; 5081 width: 44.75rem; 5082 height: 3.25rem; 5083 } 5084 5085 .cmp-coveo-search-search-box::part(submit-button), 5086 atomic-search-box.cmp-coveo-search-search-box::part(submit-button) { 5087 background-color: transparent; 5088 margin: 0; 5089 padding: 0; 5090 width: 2rem; 5091 min-width: 2rem; 5092 display: flex; 5093 align-items: center; 5094 justify-content: center; 5095 } 5096 5097 /* Search (magnifier) â custom SVG */ 5098 .cmp-coveo-search-search-box::part(submit-icon), 5099 atomic-search-box.cmp-coveo-search-search-box::part(submit-icon) { 5100 width: 24px; 5101 height: 24px; 5102 display: block; 5103 flex-shrink: 0; 5104 box-sizing: border-box; 5105 color: transparent; 5106 fill: transparent; 5107 background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M15.7559%2014.2549H14.9659L14.6859%2013.9849C15.6659%2012.8449%2016.2559%2011.3649%2016.2559%209.75488C16.2559%206.16488%2013.3459%203.25488%209.75586%203.25488C6.16586%203.25488%203.25586%206.16488%203.25586%209.75488C3.25586%2013.3449%206.16586%2016.2549%209.75586%2016.2549C11.3659%2016.2549%2012.8459%2015.6649%2013.9859%2014.6849L14.25
510759%2014.9649V15.7549L19.2559%2020.7449L20.7459%2019.2549L15.7559%2014.2549ZM9.75586%2014.2549C7.26586%2014.2549%205.25586%2012.2449%205.25586%209.75488C5.25586%207.26488%207.26586%205.25488%209.75586%205.25488C12.2459%205.25488%2014.2559%207.26488%2014.2559%209.75488C14.2559%2012.2449%2012.2459%2014.2549%209.75586%2014.2549Z%22%20fill%3D%22%23020215%22%2F%3E%3C%2Fsvg%3E"); 5108 background-repeat: no-repeat; 5109 background-position: center; 5110 background-size: contain; 5111 } 5112 5113 .cmp-coveo-search-search-box::part(textarea), 5114 atomic-search-box.cmp-coveo-search-search-box::part(textarea) { 5115 outline: none; 5116 border: none; 5117 background-color: transparent; 5118 flex: 1; 5119 5120 /* Make textarea behave like single-line input */ 5121 resize: none; 5122 overflow-y: hidden; 5123 overflow-x: auto; 5124 white-space: nowrap; 5125 height: 52px; 5126 line-height: 52px; 5127 5128 padding: 0; 5129 5130 display: block; 5131 font-size: 1.125rem; 5132 font-weight: 400; 5133 /* line-height: 1.75rem; */ 5134 font-family: "proxima-nova", Arial, sans-serif; 5135 color: #020215; 5136 padding-left: 10px; 5137} 5138 5139 .cmp-coveo-search-search-box::part(textarea):focus, 5140 atomic-search-box.cmp-coveo-search-search-box::part(textarea):focus { 5141 outline: none; 5142 border: none; 5143 } 5144 5145 .cmp-coveo-search-search-box::part(textarea-expander), 5146 atomic-search-box.cmp-coveo-search-search-box::part(textarea-expander) { 5147 flex: 1; 5148 min-width: 0; 5149 min-height: 0; 5150 } 5151 5152 .cmp-coveo-search-search-box::part(submit-button-wrapper), 5153 .cmp-coveo-search-search-box::part(clear-button-wrapper), 5154 atomic-search-box.cmp-coveo-search-search-box::part(submit-button-wrapper), 5155 atomic-search-box.cmp-coveo-search-search-box::part(clear-button-wrapper) { 5156 align-items: center; 5157 display: flex; 5158 flex-shrink: 0; 5159 } 5160 5161 /* Suggestions panel: white card + shadow (Atomic exposes host-level parts) */ 5162 .cmp-coveo-search-search-box::part(suggestions), 5163 .cmp-coveo-search-search-box::part(suggestions-dropdown), 5164 .cmp-coveo-search-search-box::part(popover) { 5165 background: var(--Colors-White, #FFF); 5166 overflow: hidden; 5167 } 5168 5169 /* RECENT SEARCHES â section title */ 5170 .cmp-coveo-search-search-box::part(recent-query-title), 5171 atomic-search-box.cmp-coveo-search-search-box::part(recent-query-title) { 5172 text-transform: uppercase; 5173 font-family: "proxima-nova", Arial, sans-serif; 5174 font-size: 0.875rem; 5175 font-weight: 500; 5176 letter-spacing: 0.063em; 5177 line-height: 1.25rem; 5178 color: #6C6C78; 5179 padding: 0.625rem 2rem 0.375rem; 5180 } 5181 5182 /* POPULAR SEARCHES â section title */ 5183 .cmp-coveo-search-search-box::part(query-suggestion-title), 5184 atomic-search-box.cmp-coveo-search-search-box::part(query-suggestion-title) { 5185 text-transform: uppercase; 5186 font-family: "proxima-nova", Arial, sans-serif; 5187 font-size: 0.75rem; 5188 font-weight: 500; 5189 letter-spacing: 0.06em; 5190 line-height: 1.25rem; 5191 padding: 0.875rem 1rem 0.375rem; 5192 } 5193 5194 /* Dividers are decorative only */ 5195 .cmp-coveo-search-search-box::part(suggestion-divider), 5196 atomic-search-box.cmp-coveo-search-search-box::part(suggestion-divider) { 5197 pointer-events: none; 5198 padding: 0; 5199 } 5200 .cmp-coveo-search-search-box::part(suggestions-wrapper) { 5201 border-radius: 2px; 5202 box-shadow: 0 2px 8px 0 rgba(2, 2, 21, 0.10); 5203 top: 3.3rem; 5204 } 5205 5206 /* Recent row: bold when user has typed; normal weight when search box is empty */ 5207 .cmp-coveo-search-search-box::part(recent-query), 5208 .cmp-coveo-search-search-box::part(recent-query-item), 5209 atomic-search-box.cmp-coveo-search-search-box::part(recent-query), 5210 atomic-search-box.cmp-coveo-search-search-box::part(recent-query-item) { 5211 display: flex; 5212 align-items: center; 5213 justify-content: space-between; 5214 gap: 0.75rem; 5215 padding: 1rem 1.5rem 1rem 2rem; 5216 min-height: 2.75rem; 5217 box-sizing: border-box; 5218 font-family: "proxima-nova", Arial, sans-serif; 5219 font-size: 1rem; 5220 font-weight: 700; 5221 color: #020215; 5222 background-color:unset; 5223 } 5224 5225 .cmp-coveo-search-search-box::part(recent-query):hover, 5226 .cmp-coveo-search-search-box::part(recent-query-item):hover, 5227 atomic-search-box.cmp-coveo-search-search-box::part(recent-query):hover, 5228 atomic-search-box.cmp-coveo-search-search-box::part(recent-query-item):hover { 5229 background-color: #F5F7FB; 5230 } 5231 5232 /* Popular / query suggestion rows â bold black + icons from Atomic */ 5233 .cmp-coveo-search-search-box::part(query-suggestion), 5234 .cmp-coveo-search-search-box::part(query-suggestion-item), 5235 atomic-search-box.cmp-coveo-search-search-box::part(query-suggestion), 5236 atomic-search-box.cmp-coveo-search-search-box::part(query-suggestion-item) { 5237 padding: 10px 16px; 5238 min-height: 2.75rem; 5239 box-sizing: border-box; 5240 font-family: "proxima-nova", Arial, sans-serif; 5241 font-size: 1rem; 5242 font-weight: 700; 5243 color: #020215; 5244 } 5245 5246 .cmp-coveo-search-search-box::part(query-suggestion):hover, 5247 .cmp-coveo-search-search-box::part(query-suggestion-item):hover, 5248 atomic-search-box.cmp-coveo-search-search-box::part(query-suggestion):hover, 5249 atomic-search-box.cmp-coveo-search-search-box::part(query-suggestion-item):hover { 5250 background-color: #F5F7FB; 5251 } 5252 5253 /* Suggestion rows / dividers / title row: no pointer hand, no hover chrome */ 5254 .cmp-coveo-search-search-box::part(suggestion), 5255 .cmp-coveo-search-search-box::part(active-suggestion), 5256 .cmp-coveo-search-search-box::part(recent-query-title-item), 5257 .cmp-coveo-search-search-box::part(suggestion-divider), 5258 atomic-search-box.cmp-coveo-search-search-box::part(suggestion), 5259 atomic-search-box.cmp-coveo-search-search-box::part(active-suggestion), 5260 atomic-search-box.cmp-coveo-search-search-box::part(recent-query-title-item), 5261 atomic-search-box.cmp-coveo-search-search-box::part(suggestion-divider) { 5262 cursor: default; 5263 /* padding: 1rem 0; */ 5264 } 5265 5266 /* Dividers are decorative only */ 5267 .cmp-coveo-search-search-box::part(suggestion-divider), 5268 atomic-search-box.cmp-coveo-search-search-box::part(suggestion-divider) { 5269 pointer-events: none; 5270 } 5271 5272 .cmp-coveo-search-search-box::part(suggestion):hover, 5273 .cmp-coveo-search-search-box::part(active-suggestion):hover, 5274 .cmp-coveo-search-search-box::part(recent-query-title-item):hover, 5275 .cmp-coveo-search-search-box::part(suggestion-divider):hover, 5276 atomic-search-box.cmp-coveo-search-search-box::part(suggestion):hover, 5277 atomic-search-box.cmp-coveo-search-search-box::part(active-suggestion):hover, 5278 atomic-search-box.cmp-coveo-search-search-box::part(recent-query-title-item):hover, 5279 atomic-search-box.cmp-coveo-search-search-box::part(suggestion-divider):hover { 5280 background-color: transparent; 5281 } 5282 5283 /* Hide clock/history icon on recent-query rows (Atomic exports part recent-query-icon) */ 5284 .cmp-coveo-search-search-box::part(recent-query-icon), 5285 atomic-search-box.cmp-coveo-search-search-box::part(recent-query-icon) { 5286 display: none; 5287 } 5288 5289 /* Highlight span: normal weight unless JS sets bold when recent line === search box text */ 5290 .cmp-coveo-search-search-box::part(recent-query-text-highlight), 5291 atomic-search-box.cmp-coveo-search-search-box::part(recent-query-text-highlight) { 5292 font-weight: 400; 5293 } 5294 5295 /* Coveo global âclear recentâ hidden â we use per-row clear from JS */ 5296 .cmp-coveo-search-search-box::part(recent-query-clear), 5297 atomic-search-box.cmp-coveo-search-search-box::part(recent-query-clear) { 5298 display: none; 5299 } 5300 5301 /* Mobile header: strip side margins / cap so the bar can span the header row */ 5302 @media (max-width: 1024px) { 5303 .cmp-header__coveoSearch-mobile .cmp-coveo-search-search-box, 5304 .cmp-header__coveoSearch-mobile atomic-search-box.cmp-coveo-search-search-box { 5305 margin: 0; 5306 width: 100%; 5307 max-width: 100%; 5308 box-sizing: border-box; 5309 } 5310 5311 .cmp-header__coveoSearch-mobile .cmp-coveo-search-search-box::part(wrapper), 5312 .cmp-header__coveoSearch-mobile atomic-search-box.cmp-coveo-search-search-box::part(wrapper) { 5313 width: 100%; 5314 max-width: 100%; 5315 min-width: 0; 5316 box-sizing: border-box; 5317 } 5318 5319 /* Mobile overlay: remove grey rule between the pill input and âRECENT SEARCHESâ */ 5320 .cmp-header__coveoSearch-mobile .cmp-coveo-search-search-box::part(suggestions-wrapper), 5321 .cmp-header__coveoSearch-mobile atomic-search-box.cmp-coveo-search-search-box::part(suggestions-wrapper) { 5322 border: none; 5323 border-top: none; 5324 box-shadow: 0 2px 8px 0 rgba(2, 2, 21, 0.10); 5325 left: 0; 5326 padding: 0 25px; 5327 top: 3.8rem; 5328 width: calc(85% + 50px); 5329 position: absolute; 5330 5331 } 5332 5333 .cmp-header__coveoSearch-mobile .cmp-coveo-search-search-box::part(suggestions), 5334 .cmp-header__coveoSearch-mobile .cmp-coveo-search-search-box::part(suggestions-dropdown), 5335 .cmp-header__coveoSearch-mobile .cmp-coveo-search-search-box::part(popover), 5336 .cmp-header__coveoSearch-mobile atomic-search-box.cmp-coveo-search-search-box::part(suggestions), 5337 .cmp-header__coveoSearch-mobile atomic-search-box.cmp-coveo-search-search-box::part(suggestions-dropdown), 5338 .cmp-header__coveoSearch-mobile atomic-search-box.cmp-coveo-search-search-box::part(popover) { 5339 border: none; 5340 border-top: none; 5341 } 5342 5343 .cmp-header__coveoSearch-mobile .cmp-coveo-search-search-box::part(recent-query-title-item), 5344 .cmp-header__coveoSearch-mobile atomic-search-box.cmp-coveo-search-search-box::part(recent-query-title-item) { 5345 border-top: none; 5346 box-shadow: none; 5347 } 5348 .cmp-coveo-search-search-box::part(suggestion), 5349 .cmp-coveo-search-search-box::part(active-suggestion), 5350 .cmp-coveo-search-search-box::part(recent-query-title-item), 5351 .cmp-coveo-search-search-box::part(suggestion-divider), 5352 atomic-search-box.cmp-coveo-search-search-box::part(suggestion), 5353 atomic-search-box.cmp-coveo-search-search-box::part(active-suggestion), 5354 atomic-search-box.cmp-coveo-search-search-box::part(recent-query-title-item), 5355 atomic-search-box.cmp-coveo-search-search-box::part(suggestion-divider) { 5356 cursor: default; 5357 padding: 1rem 0; 5358 } 5359 } 5360 5361 @media (max-width: 600px) { 5362 .cmp-coveo-search-search-box, 5363 atomic-search-box.cmp-coveo-search-search-box { 5364 margin: 0 auto; 5365 max-height: 3.25rem; 5366 width: 100%; 5367 } 5368 5369 .cmp-coveo-search-search-box::part(suggestions-wrapper) { 5370 width: 100%; 5371 left: 0; 5372 top: 3.18rem; 5373 } 5374 5375 .cmp-coveo-search-search-box::part(recent-query-title), 5376 .cmp-coveo-search-search-box::part(recent-query-title-item), 5377 atomic-search-box.cmp-coveo-search-search-box::part(recent-query-title), 5378 atomic-search-box.cmp-coveo-search-search-box::part(recent-query-title-item) { 5379 padding: 0; 5380 } 5381 } 5382 5383 /* Desktop header: cap width so the field does not overlap Subscribe / phone / Log In (was 44.75rem) */ 5384 @media (min-width: 1025px) and (max-width: 1249px) { 5385 .cmp-coveo-search-search-box, 5386 atomic-search-box.cmp-coveo-search-search-box { 5387 box-sizing: border-box; 5388 width: 100%; 5389 max-width: 32rem; 5390 min-width: 0; 5391 height: 3.25rem; 5392 margin: 0; 5393 } 5394 5395 .cmp-coveo-search-search-box.cmp-coveo-search--open-search-desktop, 5396 atomic-search-box.cmp-coveo-search-search-box.cmp-coveo-search--open-search-desktop { 5397 width: 100%; 5398 max-width: 32rem; 5399 min-width: 0; 5400 } 5401 5402 .cmp-coveo-search-search-box::part(wrapper), 5403 atomic-search-box.cmp-coveo-search-search-box::part(wrapper) { 5404 /* width: 100%; */ 5405 max-width:34.75rem; 5406 min-width: 22rem; 5407 box-sizing: border-box; 5408 position: absolute; 5409 } 5410 5411 .cmp-coveo-search-search-box::part(clear-icon), 5412 atomic-search-box.cmp-coveo-search-search-box::part(clear-icon) { 5413 margin-right: 0; 5414 } 5415 5416 /* Adjust width and position of the suggestions dropdown */ 5417 .cmp-coveo-search-search-box::part(suggestions-wrapper) { 5418 width: 100%; 5419 left: 0; 5420 max-width: none; 5421 top: 3.2rem; 5422 } 5423 .cmp-coveo-search-search-box::part(recent-query-text), 5424 atomic-search-box.cmp-coveo-search-search-box::part(recent-query-text) { 5425 font-weight: 700; 5426 font-size: 1.125rem; 5427 line-height: 1.75rem; 5428 color: #020215; 5429 } 5430 } 5431 5432 @media (min-width: 1249px) and (max-width: 1375px) { 5433 .cmp-coveo-search-search-box::part(wrapper), 5434 atomic-search-box.cmp-coveo-search-search-box::part(wrapper) { 5435 max-width: 34.75rem; 5436 min-width: 32rem; 5437 position: absolute; 5438 } 5439 } 5440 5441 @media (min-width: 1376px) { 5442 .cmp-coveo-search-search-box::part(wrapper), 5443 atomic-search-box.cmp-coveo-search-search-box::part(wrapper) { 5444 max-width: 74.75rem; 5445 min-width: 32rem; 5446 position: absolute; 5447 } 5448 } 5449</style> 5450<div id="coveo-search-6102fb70ab" class="cmp-coveo-search" data-sync-editorial-recent-queries="true" data-editorial-recent-queries-storage-key="pcl-editorial-recent-queries" data-max-recent-queries="3"> 5451 <button type="button" class="cmp-coveo-search--button"> 5452 <svg class="cmp-global-search-box__svg-icon"><use href="#icon-search"></use></svg> 5453 Search</button> 5454 <atomic-search-interface organization-id="princesscruisesandtoursincproduction140nsebck" access-token="xx03f291f0-4df6-4df4-984e-afc5b4a5b78b" class="cmp-coveo-search--coveo-search" data-max-recent-queries="3" data-sync-recent-queries="true" data-recent-queries-storage-key="pcl-editorial-recent-queries"> 5455 <atomic-search-box class="cmp-coveo-search-search-box" data-input-empty="true" number-of-queries="3" suggestion-timeout="400" suggestion-delay="0" minimum-query-length="0" redirection-url="/search"> 5456 <atomic-search-box-query-suggestions max-with-query="3" max-without-query="3"></atomic-search-box-query-suggestions> 5457 <atomic-search-box-recent-queries max-with-query="3" max-without-query="3"></atomic-search-box-recent-queries> 5458 </atomic-search-box> 5459 </atomic-search-interface> 5460</div> 5461</div> 5462 5463 </div> 5464 </div> 5465 <div class="cmp-global-header__zero-level-col"> 5466 5467 <div class="cmp-global-header__zero-level-col-item cmp-global-header__manage-booking" tabindex="0"> 5468 <svg aria-hidden="true" class="svg-icon svg-icon-explore"> 5469 <use xlink:href="#icon-explore"></use> 5470 </svg> 5471 5472 <a data-track=
5472"header" data-track-component-type="navigation" data-track-id="Manage booking" alt="Manage booking">Manage booking</a> 5473 <div class="cmp-global-header__bookingDropdown"> 5474 <a href="https://book.princess.com/manage-booking/index.page?cpfy=summary" data-track-id="Booking Details" data-track="header" data-track-component-type="navigation" tabindex="0"> 5475 5476 <svg width="20" height="20" viewBox="0 0 20 20" fill="none"> 5477 <image href="/content/dam/princess/corporate/icons/booking-summary-blue-icon-nav.svg" width="20" height="20"/> 5478 </svg> 5479 Booking Details 5480 </a> 5481 5482 <a href="https://book.princess.com/manage-booking/index.page?cpfy=checkin" data-track-id="Check In" data-track="header" data-track-component-type="navigation" tabindex="0"> 5483 5484 <svg width="20" height="20" viewBox="0 0 20 20" fill="none"> 5485 <image href="/content/dam/princess/corporate/icons/location-check-in-blue-icon-nav.svg" width="20" height="20"/> 5486 </svg> 5487 Check In 5488 </a> 5489 5490 <a href="https://book.princess.com/manage-booking/index.page?cpfy=makepayment" data-track-id="Make a payment" data-track="header" data-track-component-type="navigation" tabindex="0"> 5491 5492 <svg width="20" height="20" viewBox="0 0 20 20" fill="none"> 5493 <image href="/content/dam/princess/corporate/icons/payment-blue-icon-nav.svg" width="20" height="20"/> 5494 </svg> 5495 Make a payment 5496 </a> 5497 5498 <a href="https://book.princess.com/cruisepersonalizer/index.page?cpfy=cruisePackages" data-track-id="Cruise Packages" data-track="header" data-track-component-type="navigation" tabindex="0"> 5499 5500 <svg width="20" height="20" viewBox="0 0 20 20" fill="none"> 5501 <image href="/content/dam/princess/corporate/icons/cruise-package-blue-nav.svg" width="20" height="20"/> 5502 </svg> 5503 Cruise Packages 5504 </a> 5505 5506 <a href="https://book.princess.com/manage-booking/index.page?cpfy=shx" data-track-id="Shore Excursions" data-track="header" data-track-component-type="navigation" tabindex="0"> 5507 5508 <svg width="20" height="20" viewBox="0 0 20 20" fill="none"> 5509 <image href="/content/dam/princess/corporate/icons/backpack-icon-blue-nav.svg" width="20" height="20"/> 5510 </svg> 5511 Shore Excursions 5512 </a> 5513 5514 <a href="https://book.princess.com/manage-booking/index.page?cpfy=spa" data-track-id="Spa" data-track="header" data-track-component-type="navigation" tabindex="0"> 5515 5516 <svg width="20" height="20" viewBox="0 0 20 20" fill="none"> 5517 <image href="/content/dam/princess/corporate/icons/spa-blue-icon.svg" width="20" height="20"/> 5518 </svg> 5519 Spa 5520 </a> 5521 5522 <a href="https://book.princess.com/manage-booking/index.page?cpfy=flightsummary" data-track-id="Flight & Transfers" data-track="header" data-track-component-type="navigation" tabindex="0"> 5523 5524 <svg width="20" height="20" viewBox="0 0 20 20" fill="none"> 5525 <image href="/content/dam/princess/corporate/icons/flight-blue-icon-nav.svg" width="20" height="20"/> 5526 </svg> 5527 Flight & Transfers 5528 </a> 5529 5530 <a href="https://book.princess.com/manage-booking/index.page?cpfy=insurance" data-track-id="Vacation Protection Plan" data-track="header" data-track-component-type="navigation" tabindex="0"> 5531 5532 <svg width="20" height="20" viewBox="0 0 20 20" fill="none"> 5533 <image href="/content/dam/princess/corporate/icons/shield-check-vacation-blue-icon-nav.svg" width="20" height="20"/> 5534 </svg> 5535 Vacation Protection Plan 5536 </a> 5537 </div> 5538 <svg aria-hidden="true" class="svg-icon svg-icon-down-arrow"> 5539 <use xlink:href="#icon-down-arrow"></use> 5540 </svg> 5541 </div> 5542 5543 <div class="cmp-global-header__zero-level-col-item cmp-global-header__login"> 5544 5545 <img class="cmp-global-header__icon" src="/content/dam/princess/cfm-assets-demo/userIcon.png" alt=""/> 5546 <div class="cmp-global-header__loggedInLinks"> 5547 <a data-track="header" data-track-component-type="navigation" data-track-id="My A
5547ccount" href="https://book.princess.com/captaincircle/myPrincess.page">My Account</a> 5548 | 5549 <a data-track="header" data-track-component-type="navigation" data-track-id="Saved" href="/cruise-vacation-planning-dashboard/home.do">Saved</a> 5550 | 5551 <a data-track="header" data-track-component-type="navigation" data-track-id="Log out" class="cmp-global-header__logout" href="#">Log out</a> 5552 </div> 5553 <div class="cmp-global-header__logInLinks"> 5554 5555 <a data-track="header" class="login-link" data-track-component-type="navigation" data-login-type="loginPopUp" data-track-id="Log In" data-ref="https://www.princess.com/my-princess/login/" href="https://www.princess.com/my-princess/login/" alt="Log In">Log In</a> 5556 | 5557 <a data-track="header" data-track-component-type="navigation" data-track-id="Create account" href="https://www.princess.com/my-princess/register/" alt="Create account">Create account</a> 5558 5559 5560 </div> 5561 </div> 5562 </div> 5563 </div> 5564 <!-- First level --> 5565 <div class="cmp-global-header__first-level-row"> 5566 <div class="cmp-global-header__first-level-column"> 5567 <div class="cmp-global-header__logo"> 5568 <a href="/"> 5569 5570 <img src="/content/dam/princess/cfm-assets-demo/Princess%20logo%20redesign.png" alt="Princess.com"/> 5571 </a> 5572 </div> 5573 5574 <div class="cmp-global-header__first-level-links"> 5575 5576 <div class="cmp-global-header__first-level-link cmp-global-header__button-wrapper" target="Destinations" role="button" aria-haspopup="true" aria-expanded="false"> 5577 <a href="#" id="navigation-destinations" class="cmp-global-header__navigation-button" data-track="header" data-track-component-type="navigation" data-track-id="Destinations" type="button" aria-controls="cmp-global-header__dynamic-menu" aria-label="Destinations" tabindex="0"> 5578 <span>Destinations</span> 5579 </a> 5580 <!-- @TODO change this inline svg --> 5581 <svg aria-hidden="true" class="svg-icon svg-icon-down-arrow svg-icon-down-arrow-first-level"> 5582 <use xlink:href="#icon-down-arrow"></use> 5583 </svg> 5584 </div> 5585 5586 <div class="cmp-global-header__first-level-link cmp-global-header__button-wrapper" target="Explore Ships" role="button" aria-haspopup="true" aria-expanded="false"> 5587 <a href="#" id="navigation-explore-ships" class="cmp-global-header__navigation-button" data-track="header" data-track-component-type="navigation" data-track-id="Explore Ships" type="button" aria-controls="cmp-global-header__dynamic-menu" aria-label="Explore Ships" tabindex="0"> 5588 <span>Explore Ships</span> 5589 </a> 5590 <!-- @TODO change this inline svg --> 5591 <svg aria-hidden="true" class="svg-icon svg-icon-down-arrow svg-icon-down-arrow-first-level"> 5592 <use xlink:href="#icon-down-arrow"></use> 5593 </svg> 5594 </div> 5595 5596 <div class="cmp-global-header__first-level-link cmp-global-header__button-wrapper" target="Discover Princess" role="button" aria-haspopup="true" aria-expanded="false"> 5597 <a href="#" id="navigation-discover-princess" class="cmp-global-header__navigation-button" data-track="header" data-track-component-type="navigation" data-track-id="Discover Princess" type="button" aria-controls="cmp-global-header__dynamic-menu" aria-label="Discover Princess" tabindex="0">
5598 <span>Discover Princess</span> 5599 </a> 5600 <!-- @TODO change this inline svg --> 5601 <svg aria-hidden="true" class="svg-icon svg-icon-down-arrow svg-icon-down-arrow-first-level"> 5602 <use xlink:href="#icon-down-arrow"></use> 5603 </svg> 5604 </div> 5605 5606 <div class="cmp-global-header__first-level-link cmp-global-header__button-wrapper" target="Deals" role="button" aria-haspopup="true" aria-expanded="false"> 5607 <a href="#" id="navigation-deals" class="cmp-global-header__navigation-button" data-track="header" data-track-component-type="navigation" data-track-id="Deals" type="button" aria-controls="cmp-global-header__dynamic-menu" aria-label="Deals" tabindex="0"> 5608 <span>Deals</span> 5609 </a> 5610 <!-- @TODO change this inline svg --> 5611 <svg aria-hidden="true" class="svg-icon svg-icon-down-arrow svg-icon-down-arrow-first-level"> 5612 <use xlink:href="#icon-down-arrow"></use> 5613 </svg> 5614 </div> 5615 5616 </div> 5617 </div> 5618 5619 <div class="cmp-global-header__first-level-cta"> 5620 <a data-track="header" data-track-component-type="navigation" data-track-id="Find a Cruise" href="https://www.princess.com/cruise-search/results/?trade=E,C,A,M,T,N&duration=1,2,3&mrch=1">Find a Cruise</a> 5621 </div> 5622 </div> 5623 <!-- Expandable menu with 2, 3 and 4 levels --> 5624 <menu class="cmp-global-header__expandable-menu" id="cmp-global-header__dynamic-menu" role="menu" aria-hidden="true"> 5625 <div class="cmp-global-header__closeMenu" type="button" role="menuitem" tabindex="0"> 5626 <svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 5627 <path fill-rule="evenodd" clip-rule="evenodd" d="M7.74093 7.61569L13.882 1.47457L13.2283 0.820801L7.08716 6.96192L1.07739 0.952153L0.423621 1.60593L6.43338 7.61569L0.152832 13.8962L0.806604 14.55L7.08716 8.26946L13.4991 14.6814L14.1528 14.0276L7.74093 7.61569Z" fill="#020215"/> 5628 </svg> 5629 <span>Close</span> 5630 </div> 5631 5632 <div first-level="Destinations" data-level="navigation-destinations" class="cmp-global-header__first-level-expandable-menu"> 5633 <!-- second level --> 5634 <div class="cmp-global-header__second-level"> 5635 5636 <div class="cmp-global-header__second-level__column"> 5637 <div class="cmp-global-header__button-wrapper"> 5638 <a href="#" data-track="header" data-track-component-type="navigation" data-track-id="Cruise Destinations" target="_self" class="cmp-global-header__second-level-link" type="button" role="menuitem" tabindex="0"> 5639 <span>Cruise Destinations</span> 5640 </a> 5641 <svg class="cmp-global-header__second-level-icon" width="24" height="25" viewBox="0 0 24 25" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> 5642 <path d="M10.0001 6.5L8.59009 7.91L13.1701 12.5L8.59009 17.09L10.0001 18.5L16.0001 12.5L10.0001 6.5Z" fill="currentColor"/> 5643 </svg> 5644 </div> 5645 <div class="cmp-global-header__third-level"> 5646 <!-- Featured --> 5647 <div class="cmp-global-header__third-level-featured"> 5648 <p>Featured</p> 5649 5650 <div class="cmp-global-header__button-wrapper"> 5651 <a class="cmp-global-header__menuLink" data-opennewtab="false" data-track="header" data-track-component-type="navigation" data-track-id="Alaska" href="/cruise-destinations/alaska-cruises" target="_self">
5652 <span>Alaska</span> 5653 </a> 5654 </div> 5655 5656 <div class="cmp-global-header__button-wrapper"> 5657 <a class="cmp-global-header__menuLink" data-track="header" data-track-component-type="navigation" data-track-id="Alaska Cruisetours" href="https://www.princess.com/cruise-destinations/alaska-cruises/cruisetour-options" target="_self"> 5658 <span>Alaska Cruisetours</span> 5659 </a> 5660 </div> 5661 5662 <div class="cmp-global-header__button-wrapper"> 5663 5664 </div> 5665 5666 <div class="cmp-global-header__button-wrapper"> 5667 <a class="cmp-global-header__menuLink" data-opennewtab="false" data-track="header" data-track-component-type="navigation" data-track-id="Caribbean" href="/cruise-destinations/caribbean-cruises" target="_self"> 5668 <span>Caribbean</span> 5669 </a> 5670 </div> 5671 5672 <div class="cmp-global-header__button-wrapper"> 5673 <a class="cmp-global-header__menuLink" data-opennewtab="false" data-track="header" data-track-component-type="navigation" data-track-id="Mediterranean" href="/cruise-destinations/european-cruises/mediterranean-and-greek-isles" target="_self"> 5674 <span>Mediterranean</span> 5675 </a> 5676 </div> 5677 5678 <div class="cmp-global-header__button-wrapper"> 5679 <a class="cmp-global-header__menuLink" data-opennewtab="false" data-track="header" data-track-component-type="navigation" data-track-id="Japan" href="/cruise-destinations/japan-cruises" target="_self"> 5680 <span>Japan</span> 5681 </a> 5682 </div> 5683 5684 <div class="cmp-global-header__button-wrapper"> 5685 5686 </div> 5687 5688 <div class="cmp-global-header__button-wrapper"> 5689 5690 </div> 5691 5692 <div class="cmp-global-header__button-wrapper"> 5693 5694 </div> 5695 5696 <div class="cmp-global-header__button-wrapper"> 5697 5698 </div> 5699 5700 <div class="cmp-global-header__button-wrapper"> 5701 5702 </div> 5703 5704 <div class="cmp-global-header__button-wrapper"> 5705 5706 </div> 5707 5708 <div class="cmp-global-header__button-wrapper"> 5709 5710 </div> 5711 5712 <div class="cmp-global-header__button-wrapper"> 5713 5714 </div> 5715 5716 <div class="cmp-global-header__button-wrapper"> 5717 5718 </div> 5719 5720 <div class="cmp-global-header__button-wrapper"> 5721 5722 </div> 5723 5724 <div class="cmp-global-header__button-wrapper"> 5725 5726 </div> 5727 5728 <div class="cmp-global-header__button-wrapper"> 5729 5730 </div> 5731 5732 <div class="cmp-global-header__button-wrapper"> 5733 5734 </div> 5735 5736 <div class="cmp-global-header__button-wrapper"> 5737 5738 </div> 5739 5740 <!-- Wave --> 5741 <div class="cmp-global-header__third-level-wave"> 5742 <svg width="415" height="68" viewBox="0 0 415 68" fill="none" xmlns="http://www.w3.org/2000/svg"> 5743 <!-- should be different id for each section or we need to use the same mask for all --> 5744 <mask id="mask0_64_45760" style="mask-type: alpha" maskUnits="userSpaceOnUse" x="-123" y="-125" width="618" height="193"> 5745 <path d="M431.869 -5.97515C431.869 -5.97515 471.441 -46.0422 494.317 -124.255L494.29 -124.386C451.726 -88.6982 404.014 -61.7346 341.395 -76.9679C177.11 -116.931 -39.5442 -197.023 -122.732 67.7562C-122.732 67.7562 -73.3443 19.9593 -6.63441 15.3039C120.216 6.71124 290.923 142.782 431.869 -5.97515Z" fill="#243E8C"/> 5746 </mask> 5747 <g mask="url(#mask0_64_45760)"> 5748 <rect width="415" height="69" transform="translate(0 0.276367)" fill="#CCE7EB"/> 5749 </g> 5750 </svg> 5751 </div> 5752 </div> 5753 5754 <!-- Non-featured --> 5755 5756 <div class="cmp-global-header__non-featured-third-level"> 5757 <div class="cmp-global-header__button-wrapper"> 5758 5759 </div> 5760 5761 </div> 5762 5763 <div class="cmp-global-header__non-featured-third-level"> 5764 <div class="cmp-global-header__button-wrapper"> 5765 5766 </div> 5767 5768 </div> 5769 5770 <div class="cmp-global-header__non-featured-third-level"> 5771 <div class="cmp-global-header__button-wrapper"> 5772 <a class="cmp-global-header__menuLink" data-track="header" data-track-component-type="navigation" data-track-id="Asia" href="#" target="_self" type="button" role="menuitem" tabindex="0">
5773 <span>Asia</span> 5774 <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> 5775 <path d="M10.0001 6L8.59009 7.41L13.1701 12L8.59009 16.59L10.0001 18L16.0001 12L10.0001 6Z" fill="currentColor"/> 5776 </svg> 5777 </a> 5778 </div> 5779 <div class="cmp-global-header__four-level"> 5780 <div class="cmp-global-header__button-wrapper"> 5781 <a class="cmp-global-header__menuLink" data-track="header" data-track-component-type="navigation" data-track-id="All Asia" target="_self" href="/cruise-destinations/asia-cruises" type="button" role="menuitem" tabindex="0"> 5782 <span>All Asia</span> 5783 </a> 5784 </div> 5785 5786 <div class="cmp-global-header__button-wrapper"> 5787 <a class="cmp-global-header__menuLink" data-track="header" data-track-component-type="navigation" data-track-id="Thailand" target="_self" href="/cruise-destinations/thailand-cruises" type="button" role="menuitem" tabindex="0"> 5788 <span>Thailand</span> 5789 </a> 5790 </div> 5791 5792 <div class="cmp-global-header__button-wrapper"> 5793 <a class="cmp-global-header__menuLink" data-track="header" data-track-component-type="navigation" data-track-id="Japan" target="_self" href="/cruise-destinations/japan-cruises" type="button" role="menuitem" tabindex="0"> 5794 <span>Japan</span> 5795 </a> 5796 </div> 5797 </div> 5798 </div> 5799 5800 <div class="cmp-global-header__non-featured-third-level"> 5801 <div class="cmp-global-header__button-wrapper"> 5802 5803 </div> 5804 5805 </div> 5806 5807 <div class="cmp-global-header__non-featured-third-level"> 5808 <div class="cmp-global-header__button-wrapper"> 5809 5810 </div> 5811 5812 </div> 5813 5814 <div class="cmp-global-header__non-featured-third-level"> 5815 <div class="cmp-global-header__button-wrapper"> 5816 5817 </div> 5818 5819 </div> 5820 5821 <div class="cmp-global-header__non-featured-third-level"> 5822 <div class="cmp-global-header__button-wrapper"> 5823 <a class="cmp-global-header__menuLink" data-opennewtab="false" data-track="header" data-track-component-type="navigation" data-track-id="Alaska" href="/cruise-destinations/alaska-cruises" target="_self" type="button" role="menuitem" tabindex="0">
5824 <span>Alaska</span> 5825 5826 </a> 5827 </div> 5828 5829 </div> 5830 5831 <div class="cmp-global-header__non-featured-third-level"> 5832 <div class="cmp-global-header__button-wrapper"> 5833 <a class="cmp-global-header__menuLink" data-opennewtab="false" data-track="header" data-track-component-type="navigation" data-track-id="Australia" href="#" target="_self" type="button" role="menuitem" tabindex="0"> 5834 <span>Australia</span> 5835 <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> 5836 <path d="M10.0001 6L8.59009 7.41L13.1701 12L8.59009 16.59L10.0001 18L16.0001 12L10.0001 6Z" fill="currentColor"/> 5837 </svg> 5838 </a> 5839 </div> 5840 <div class="cmp-global-header__four-level"> 5841 <div class="cmp-global-header__button-wrapper"> 5842 <a class="cmp-global-header__menuLink" data-opennewtab="false" data-track="header" data-track-component-type="navigation" data-track-id="Australia" target="_self" href="/cruise-destinations/australia-cruises" type="button" role="menuitem" tabindex="0"> 5843 <span>Australia</span> 5844 </a> 5845 </div> 5846 5847 <div class="cmp-global-header__button-wrapper"> 5848 <a class="cmp-global-header__menuLink" data-opennewtab="false" data-track="header" data-track-component-type="navigation" data-track-id="New Zealand" target="_self" href="/cruise-destinations/australia-cruises/new-zealand" type="button" role="menuitem" tabindex="0"> 5849 <span>New Zealand</span> 5850 </a> 5851 </div> 5852 </div> 5853 </div> 5854 5855 <div class="cmp-global-header__non-featured-third-level"> 5856 <div class="cmp-global-header__button-wrapper"> 5857 <a class="cmp-global-header__menuLink" data-opennewtab="false" data-track="header" data-track-component-type="navigation" data-track-id="California Pacific Coast" href="/cruise-destinations/california-coast-cruises" target="_self" type="button" role="menuitem" tabindex="0"> 5858 <span>California Pacific Coast</span> 5859 5860 </a> 5861 </div> 5862 5863 </div> 5864 5865 <div class="cmp-global-header__non-featured-third-level"> 5866 <div class="cmp-global-header__button-wrapper"> 5867 <a class="cmp-global-header__menuLink" data-opennewtab="false" data-track="header" data-track-component-type="navigation" data-track-id="Canada & New England" href="/cruise-destinations/canada-cruises" target="_self" type="button" role="menuitem" tabindex="0">
5868 <span>Canada & New England</span> 5869 5870 </a> 5871 </div> 5872 5873 </div> 5874 5875 <div class="cmp-global-header__non-featured-third-level"> 5876 <div class="cmp-global-header__button-wrapper"> 5877 <a class="cmp-global-header__menuLink" data-opennewtab="false" data-track="header" data-track-component-type="navigation" data-track-id="Caribbean" href="#" target="_self" type="button" role="menuitem" tabindex="0"> 5878 <span>Caribbean</span> 5879 <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> 5880 <path d="M10.0001 6L8.59009 7.41L13.1701 12L8.59009 16.59L10.0001 18L16.0001 12L10.0001 6Z" fill="currentColor"/> 5881 </svg> 5882 </a> 5883 </div> 5884 <div class="cmp-global-header__four-level"> 5885 <div class="cmp-global-header__button-wrapper"> 5886 <a class="cmp-global-header__menuLink" data-track="header" data-track-component-type="navigation" data-track-id="All Caribbean" target="_self" href="/cruise-destinations/caribbean-cruises" type="button" role="menuitem" tabindex="0"> 5887 <span>All Caribbean</span> 5888 </a> 5889 </div> 5890 5891 <div class="cmp-global-header__button-wrapper"> 5892 <a class="cmp-global-header__menuLink" data-opennewtab="false" data-track="header" data-track-component-type="navigation" data-track-id="Eastern Caribbean" target="_self" href="/cruise-destinations/caribbean-cruises/eastern-caribbean" type="button" role="menuitem" tabindex="0"> 5893 <span>Eastern Caribbean</span> 5894 </a> 5895 </div> 5896 5897 <div class="cmp-global-header__button-wrapper"> 5898 <a class="cmp-global-header__menuLink" data-opennewtab="false" data-track="header" data-track-component-type="navigation" data-track-id="Western Caribbean" target="_self" href="/cruise-destinations/western-caribbean-cruises" type="button" role="menuitem" tabindex="0"> 5899 <span>Western Caribbean</span> 5900 </a> 5901 </div> 5902 5903 <div class="cmp-global-header__button-wrapper"> 5904 <a class="cmp-global-header__menuLink" data-opennewtab="false" data-track="header" data-track-component-type="navigation" data-track-id="Southern Caribbean" target="_self" href="/cruise-destinations/caribbean-cruises/southern-caribbean" type="button" role="menuitem" tabindex="0"> 5905 <span>Southern Caribbean</span> 5906 </a> 5907 </div> 5908 5909 <div class="cmp-global-header__button-wrapper"> 5910 <a class="cmp-global-header__menuLink" data-opennewtab="false" data-track="header" data-track-component-type="navigation" data-track-id="Bahamas" target="_self" href="/cruise-destinations/caribbean-cruises/bahamas-cruises" type="button" role="menuitem" tabindex="0">
5911 <span>Bahamas</span> 5912 </a> 5913 </div> 5914 5915 <div class="cmp-global-header__button-wrapper"> 5916 <a class="cmp-global-header__menuLink" data-opennewtab="false" data-track="header" data-track-component-type="navigation" data-track-id="Caribbean & Bahamas Getaways " target="_self" href="/cruise-destinations/caribbean-cruises/caribbean-getaways" type="button" role="menuitem" tabindex="0"> 5917 <span>Caribbean & Bahamas Getaways </span> 5918 </a> 5919 </div> 5920 </div> 5921 </div> 5922 5923 <div class="cmp-global-header__non-featured-third-level"> 5924 <div class="cmp-global-header__button-wrapper"> 5925 <a class="cmp-global-header__menuLink" data-track="header" data-track-component-type="navigation" data-track-id="Europe" href="#" target="_self" type="button" role="menuitem" tabindex="0"> 5926 <span>Europe</span> 5927 <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> 5928 <path d="M10.0001 6L8.59009 7.41L13.1701 12L8.59009 16.59L10.0001 18L16.0001 12L10.0001 6Z" fill="currentColor"/> 5929 </svg> 5930 </a> 5931 </div> 5932 <div class="cmp-global-header__four-level"> 5933 <div class="cmp-global-header__button-wrapper"> 5934 <a class="cmp-global-header__menuLink" data-track="header" data-track-component-type="navigation" data-track-id="All Europe" target="_self" href="/cruise-destinations/european-cruises" type="button" role="menuitem" tabindex="0"> 5935 <span>All Europe</span> 5936 </a> 5937 </div> 5938 5939 <div class="cmp-global-header__button-wrapper"> 5940 <a class="cmp-global-header__menuLink" data-track="header" data-track-component-type="navigation" data-track-id="British Isles" target="_self" href="/cruise-destinations/british-isles-cruises" type="button" role="menuitem" tabindex="0"> 5941 <span>British Isles</span> 5942 </a> 5943 </div> 5944 5945 <div class="cmp-global-header__button-wrapper"> 5946 <a class="cmp-global-header__menuLink" data-track="header" data-track-component-type="navigation" data-track-id="Greece" target="_self" href="/cruise-destinations/greek-isles-cruises" type="button" role="menuitem" tabindex="0"> 5947 <span>Greece</span> 5948 </a> 5949 </div> 5950 5951 <div class="cmp-global-header__button-wrapper"> 5952 <a class="cmp-global-header__menuLink" data-track="header" data-track-component-type="navigation" data-track-id="Iceland" target="_self" href="/cruise-destinations/cruises-to-iceland" type="button" role="menuitem" tabindex="0">
5953 <span>Iceland</span> 5954 </a> 5955 </div> 5956 5957 <div class="cmp-global-header__button-wrapper"> 5958 <a class="cmp-global-header__menuLink" data-track="header" data-track-component-type="navigation" data-track-id="Italy" target="_self" href="/cruise-destinations/italy-cruises" type="button" role="menuitem" tabindex="0"> 5959 <span>Italy</span> 5960 </a> 5961 </div> 5962 5963 <div class="cmp-global-header__button-wrapper"> 5964 <a class="cmp-global-header__menuLink" data-track="header" data-track-component-type="navigation" data-track-id="Mediterranean" target="_self" href="/cruise-destinations/mediterranean-cruises" type="button" role="menuitem" tabindex="0"> 5965 <span>Mediterranean</span> 5966 </a> 5967 </div> 5968 5969 <div class="cmp-global-header__button-wrapper"> 5970 <a class="cmp-global-header__menuLink" data-track="header" data-track-component-type="navigation" data-track-id="Norway" target="_self" href="/cruise-destinations/norway-cruises" type="button" role="menuitem" tabindex="0"> 5971 <span>Norway</span> 5972 </a> 5973 </div> 5974 5975 <div class="cmp-global-header__button-wrapper"> 5976 <a class="cmp-global-header__menuLink" data-track="header" data-track-component-type="navigation" data-track-id="Scandinavia & Baltics" target="_self" href="/cruise-destinations/european-cruises/scandinavia-baltics" type="button" role="menuitem" tabindex="0"> 5977 <span>Scandinavia & Baltics</span> 5978 </a> 5979 </div> 5980 5981 <div class="cmp-global-header__button-wrapper"> 5982 <a class="cmp-global-header__menuLink" data-track="header" data-track-component-type="navigation" data-track-id="Transatlantic" target="_self" href="/cruise-destinations/european-cruises/transatlantic" type="button" role="menuitem" tabindex="0"> 5983 <span>Transatlantic</span> 5984 </a> 5985 </div> 5986 </div> 5987 </div> 5988 5989 <div class="cmp-global-header__non-featured-third-level"> 5990 <div class="cmp-global-header__button-wrapper"> 5991 <a class="cmp-global-header__menuLink" data-opennewtab="false" data-track="header" data-track-component-type="navigation" data-track-id="Hawaii" href="/cruise-destinations/hawaii-cruises" target="_self" type="button" role="menuitem" tabindex="0">
5992 <span>Hawaii</span> 5993 5994 </a> 5995 </div> 5996 5997 </div> 5998 5999 <div class="cmp-global-header__non-featured-third-level"> 6000 <div class="cmp-global-header__button-wrapper"> 6001 <a class="cmp-global-header__menuLink" data-opennewtab="false" data-track="header" data-track-component-type="navigation" data-track-id="Mexico" href="/cruise-destinations/mexico-cruises" target="_self" type="button" role="menuitem" tabindex="0"> 6002 <span>Mexico</span> 6003 6004 </a> 6005 </div> 6006 6007 </div> 6008 6009 <div class="cmp-global-header__non-featured-third-level"> 6010 <div class="cmp-global-header__button-wrapper"> 6011 <a class="cmp-global-header__menuLink" data-opennewtab="false" data-track="header" data-track-component-type="navigation" data-track-id="Panama Canal" href="/cruise-destinations/panama-canal-cruises" target="_self" type="button" role="menuitem" tabindex="0"> 6012 <span>Panama Canal</span> 6013 6014 </a> 6015 </div> 6016 6017 </div> 6018 6019 <div class="cmp-global-header__non-featured-third-level"> 6020 <div class="cmp-global-header__button-wrapper"> 6021 <a class="cmp-global-header__menuLink" data-opennewtab="false" data-track="header" data-track-component-type="navigation" data-track-id="South America & Antarctica" href="/cruise-destinations/south-america-cruises" target="_self" type="button" role="menuitem" tabindex="0"> 6022 <span>South America & Antarctica</span> 6023 6024 </a> 6025 </div> 6026 6027 </div> 6028 6029 <div class="cmp-global-header__non-featured-third-level"> 6030 <div class="cmp-global-header__button-wrapper"> 6031 <a class="cmp-global-header__menuLink" data-track="header" data-track-component-type="navigation" data-track-id="Tahiti & South Pacific" href="https://www.princess.com/cruise-destinations/tahiti-south-pacific-cruises" target="_self" type="button" role="menuitem" tabindex="0"> 6032 <span>Tahiti & South Pacific</span> 6033 6034 </a> 6035 </div> 6036 6037 </div> 6038 6039 <div class="cmp-global-header__non-featured-third-level"> 6040 <div class="cmp-global-header__button-wrapper"> 6041 <a class="cmp-global-header__menuLink" data-opennewtab="false" data-track="header" data-track-component-type="navigation" data-track-id="Departure Ports" href="/cruise-destinations/departure-ports" target="_self" type="button" role="menuitem" tabindex="0">
6042 <span>Departure Ports</span> 6043 6044 </a> 6045 </div> 6046 6047 </div> 6048 6049 <div class="cmp-global-header__non-featured-third-level"> 6050 <div class="cmp-global-header__button-wrapper"> 6051 <a class="cmp-global-header__menuLink" data-track="header" data-track-component-type="navigation" data-track-id="All Ports" href="/cruise-destinations/ports" target="_self" type="button" role="menuitem" tabindex="0"> 6052 <span>All Ports</span> 6053 6054 </a> 6055 </div> 6056 6057 </div> 6058 6059 <div class="cmp-global-header__non-featured-third-level"> 6060 <div class="cmp-global-header__button-wrapper"> 6061 <a class="cmp-global-header__menuLink" data-opennewtab="false" data-track="header" data-track-component-type="navigation" data-track-id="All Destinations" href="/cruise-destinations" target="_self" type="button" role="menuitem" tabindex="0"> 6062 <span>All Destinations</span> 6063 6064 </a> 6065 </div> 6066 6067 </div> 6068 6069 </div> 6070 </div> 6071 6072 <div class="cmp-global-header__second-level__column"> 6073 <div class="cmp-global-header__button-wrapper"> 6074 <a href="#" data-track="header" data-track-component-type="navigation" data-track-id="Cruise Types" target="_self" class="cmp-global-header__second-level-link" type="button" role="menuitem" tabindex="0"> 6075 <span>Cruise Types</span> 6076 </a> 6077 <svg class="cmp-global-header__second-level-icon" width="24" height="25" viewBox="0 0 24 25" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> 6078 <path d="M10.0001 6.5L8.59009 7.91L13.1701 12.5L8.59009 17.09L10.0001 18.5L16.0001 12.5L10.0001 6.5Z" fill="currentColor"/> 6079 </svg> 6080 </div> 6081 <div class="cmp-global-header__third-level"> 6082 <!-- Featured --> 6083 <div class="cmp-global-header__third-level-featured"> 6084 <p>Featured</p> 6085 6086 <div class="cmp-global-header__button-wrapper"> 6087 6088 </div> 6089 6090 <div class="cmp-global-header__button-wrapper"> 6091 6092 </div> 6093 6094 <div class="cmp-global-header__button-wrapper"> 6095 6096 </div> 6097 6098 <div class="cmp-global-header__button-wrapper"> 6099 6100 </div> 6101 6102 <div class="cmp-global-header__button-wrapper"> 6103 6104 </div> 6105 6106 <!-- Wave --> 6107 <div class="cmp-global-header__third-level-wave"> 6108 <svg width="415" height="68" viewBox="0 0 415 68" fill="none" xmlns="http://www.w3.org/2000/svg"> 6109 <!-- should be different id for each section or we need to use the same mask for all --> 6110 <mask id="mask0_64_45760" style="mask-type: alpha" maskUnits="userSpaceOnUse" x="-123" y="-125" width="618" height="193"> 6111 <path d="M431.869 -5.97515C431.869 -5.97515 471.441 -46.0422 494.317 -124.255L494.29 -124.386C451.726 -88.6982 404.014 -61.7346 341.395 -76.9679C177.11 -116.931 -39.5442 -197.023 -122.732 67.7562C-122.732 67.7562 -73.3443 19.9593 -6.63441 15.3039C120.216 6.71124 290.923 142.782 431.869 -5.97515Z" fill="#243E8C"/> 6112 </mask> 6113 <g mask="url(#mask0_64_45760)"> 6114 <rect width="415" height="69" transform="translate(0 0.276367)" fill="#CCE7EB"/> 6115 </g> 6116 </svg> 6117 </div> 6118 </div> 6119 6120 <!-- Non-featured --> 6121 6122 <div class="cmp-global-header__non-featured-third-level"> 6123 <div class="cmp-global-header__button-wrapper"> 6124 <a class="cmp-global-header__menuLink" data-opennewtab="false" data-track="header" data-track-component-type="navigation" data-track-id="New Cruises" href="/cruise-destinations/new-cruise-itineraries" target="_self" type="button" role="menuitem" tabindex="0">
6125 <span>New Cruises</span> 6126 6127 </a> 6128 </div> 6129 6130 </div> 6131 6132 <div class="cmp-global-header__non-featured-third-level"> 6133 <div class="cmp-global-header__button-wrapper"> 6134 <a class="cmp-global-header__menuLink" data-opennewtab="false" data-track="header" data-track-component-type="navigation" data-track-id="Cruisetours" href="/cruise-destinations/alaska-cruises/cruisetour-options" target="_self" type="button" role="menuitem" tabindex="0"> 6135 <span>Cruisetours</span> 6136 6137 </a> 6138 </div> 6139 6140 </div> 6141 6142 <div class="cmp-global-header__non-featured-third-level"> 6143 <div class="cmp-global-header__button-wrapper"> 6144 <a class="cmp-global-header__menuLink" data-track="header" data-track-component-type="navigation" data-track-id="Celebration Cruises" href="/ships-and-experience/celebrations" target="_self" type="button" role="menuitem" tabindex="0"> 6145 <span>Celebration Cruises</span> 6146 6147 </a> 6148 </div> 6149 6150 </div> 6151 6152 <div class="cmp-global-header__non-featured-third-level"> 6153 <div class="cmp-global-header__button-wrapper"> 6154 <a class="cmp-global-header__menuLink" data-track="header" data-track-component-type="navigation" data-track-id="Holiday Cruises" href="/ships-and-experience/celebrations/holidays" target="_self" type="button" role="menuitem" tabindex="0"> 6155 <span>Holiday Cruises</span> 6156 6157 </a> 6158 </div> 6159 6160 </div> 6161 6162 <div class="cmp-global-header__non-featured-third-level"> 6163 <div class="cmp-global-header__button-wrapper"> 6164 <a class="cmp-global-header__menuLink" data-opennewtab="false" data-track="header" data-track-component-type="navigation" data-track-id="World Cruise" href="/cruise-destinations/world-cruises" target="_self" type="button" role="menuitem" tabindex="0"> 6165 <span>World Cruise</span> 6166 6167 </a> 6168 </div> 6169 6170 </div> 6171 6172 </div> 6173 </div> 6174 6175 <div class="cmp-global-header__second-level__column"> 6176 <div class="cmp-global-header__button-wrapper"> 6177 <a href="#" data-track="header" data-track-component-type="navigation" data-track-id="Shore Excursions" target="_self" class="cmp-global-header__second-level-link" type="button" role="menuitem" tabindex="0">
6178 <span>Shore Excursions</span> 6179 </a> 6180 <svg class="cmp-global-header__second-level-icon" width="24" height="25" viewBox="0 0 24 25" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> 6181 <path d="M10.0001 6.5L8.59009 7.91L13.1701 12.5L8.59009 17.09L10.0001 18.5L16.0001 12.5L10.0001 6.5Z" fill="currentColor"/> 6182 </svg> 6183 </div> 6184 <div class="cmp-global-header__third-level"> 6185 <!-- Featured --> 6186 <div class="cmp-global-header__third-level-featured"> 6187 <p>Featured</p> 6188 6189 <div class="cmp-global-header__button-wrapper"> 6190 6191 </div> 6192 6193 <div class="cmp-global-header__button-wrapper"> 6194 6195 </div> 6196 6197 <div class="cmp-global-header__button-wrapper"> 6198 6199 </div> 6200 6201 <div class="cmp-global-header__button-wrapper"> 6202 6203 </div> 6204 6205 <!-- Wave --> 6206 <div class="cmp-global-header__third-level-wave"> 6207 <svg width="415" height="68" viewBox="0 0 415 68" fill="none" xmlns="http://www.w3.org/2000/svg"> 6208 <!-- should be different id for each section or we need to use the same mask for all --> 6209 <mask id="mask0_64_45760" style="mask-type: alpha" maskUnits="userSpaceOnUse" x="-123" y="-125" width="618" height="193"> 6210 <path d="M431.869 -5.97515C431.869 -5.97515 471.441 -46.0422 494.317 -124.255L494.29 -124.386C451.726 -88.6982 404.014 -61.7346 341.395 -76.9679C177.11 -116.931 -39.5442 -197.023 -122.732 67.7562C-122.732 67.7562 -73.3443 19.9593 -6.63441 15.3039C120.216 6.71124 290.923 142.782 431.869 -5.97515Z" fill="#243E8C"/> 6211 </mask> 6212 <g mask="url(#mask0_64_45760)"> 6213 <rect width="415" height="69" transform="translate(0 0.276367)" fill="#CCE7EB"/> 6214 </g> 6215 </svg> 6216 </div> 6217 </div> 6218 6219 <!-- Non-featured --> 6220 6221 <div class="cmp-global-header__non-featured-third-level"> 6222 <div class="cmp-global-header__button-wrapper"> 6223 <a class="cmp-global-header__menuLink" data-opennewtab="false" data-track="header" data-track-component-type="navigation" data-track-id="Overview" href="/shore-excursions" target="_self" type="button" role="menuitem" tabindex="0"> 6224 <span>Overview</span> 6225 6226 </a> 6227 </div> 6228 6229 </div> 6230 6231 <div class="cmp-global-header__non-featured-third-level"> 6232 <div class="cmp-global-header__button-wrapper"> 6233 <a class="cmp-global-header__menuLink" data-opennewtab="false" data-track="header" data-track-component-type="navigation" data-track-id="Alaska Shore Excursions" href="/cruise-destinations/alaska-cruises/shore-excursions" target="_self" type="button" role="menuitem" tabindex="0">
6234 <span>Alaska Shore Excursions</span> 6235 6236 </a> 6237 </div> 6238 6239 </div> 6240 6241 <div class="cmp-global-header__non-featured-third-level"> 6242 <div class="cmp-global-header__button-wrapper"> 6243 <a class="cmp-global-header__menuLink" data-opennewtab="false" data-track="header" data-track-component-type="navigation" data-track-id="Local Connections" href="/cruise-destinations/local-connections" target="_self" type="button" role="menuitem" tabindex="0"> 6244 <span>Local Connections</span> 6245 6246 </a> 6247 </div> 6248 6249 </div> 6250 6251 <div class="cmp-global-header__non-featured-third-level"> 6252 <div class="cmp-global-header__button-wrapper"> 6253 <a class="cmp-global-header__menuLink" data-opennewtab="false" data-track="header" data-track-component-type="navigation" data-track-id="Find Shore Excursions" href="/ports-excursions" target="_self" type="button" role="menuitem" tabindex="0"> 6254 <span>Find Shore Excursions</span> 6255 6256 </a> 6257 </div> 6258 6259 </div> 6260 6261 </div> 6262 </div> 6263 6264 </div> 6265 <div class="cmp-global-header__promotion-level"> 6266 <aside> 6267 <div> 6268 <img src="/content/dam/princess/promos-deals/denali-national-park-1220x686.jpg" alt="Sail with the highest-rated Alaska cruise line"/> 6269 <p class="cmp-global-header__promotion-level__title"> 6270 Sail with the highest-rated Alaska cruise line 6271 </p> 6272 <p data-pm-slice="1 1 ["list",{},"list_item",{"indent":2,"type":"numbered"}]">Experience glaciers, national parks and wildlife with Princess.</p> 6273 <p> 6274 <a data-track="header" data-track-component-type="navigation" data-track-id="Learn More" href="/cruise-destinations/alaska-cruises">Learn More</a> 6275 </p> 6276 </div> 6277 </aside> 6278 </div> 6279 </div> 6280 6281 <div first-level="Explore Ships" data-level="navigation-explore-ships" class="cmp-global-header__first-level-expandable-menu"> 6282 <!-- second level --> 6283 <div class="cmp-global-header__second-level"> 6284 6285 <div class="cmp-global-header__second-level__column"> 6286 <div class="cmp-global-header__button-wrapper"> 6287 <a href="#" data-track="header" data-track-component-type="navigation" data-track-id="Ships" target="_self" class="cmp-global-header__second-level-link" type="button" role="menuitem" tabindex="0">
6288 <span>Ships</span> 6289 </a> 6290 <svg class="cmp-global-header__second-level-icon" width="24" height="25" viewBox="0 0 24 25" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> 6291 <path d="M10.0001 6.5L8.59009 7.91L13.1701 12.5L8.59009 17.09L10.0001 18.5L16.0001 12.5L10.0001 6.5Z" fill="currentColor"/> 6292 </svg> 6293 </div> 6294 <div class="cmp-global-header__third-level"> 6295 <!-- Featured --> 6296 <div class="cmp-global-header__third-level-featured"> 6297 <p>Featured</p> 6298 6299 <div class="cmp-global-header__button-wrapper"> 6300 6301 </div> 6302 6303 <div class="cmp-global-header__button-wrapper"> 6304 6305 </div> 6306 6307 <div class="cmp-global-header__button-wrapper"> 6308 6309 </div> 6310 6311 <div class="cmp-global-header__button-wrapper"> 6312 6313 </div> 6314 6315 <div class="cmp-global-header__button-wrapper"> 6316 6317 </div> 6318 6319 <div class="cmp-global-header__button-wrapper"> 6320 6321 </div> 6322 6323 <div class="cmp-global-header__button-wrapper"> 6324 6325 </div> 6326 6327 <div class="cmp-global-header__button-wrapper"> 6328 6329 </div> 6330 6331 <div class="cmp-global-header__button-wrapper"> 6332 6333 </div> 6334 6335 <div class="cmp-global-header__button-wrapper"> 6336 6337 </div> 6338 6339 <div class="cmp-global-header__button-wrapper"> 6340 6341 </div> 6342 6343 <div class="cmp-global-header__button-wrapper"> 6344 6345 </div> 6346 6347 <div class="cmp-global-header__button-wrapper"> 6348 6349 </div> 6350 6351 <div class="cmp-global-header__button-wrapper"> 6352 6353 </div> 6354 6355 <div class="cmp-global-header__button-wrapper"> 6356 6357 </div> 6358 6359 <div class="cmp-global-header__button-wrapper"> 6360 <a class="cmp-global-header__menuLink" data-opennewtab="false" data-track="header" data-track-component-type="navigation" data-track-id="Star Princess - Sailing in Alaska" href="/ships-and-experience/ships/st-star-princess" target="_self">
6361 <span>Star Princess - Sailing in Alaska</span> 6362 </a> 6363 </div> 6364 6365 <div class="cmp-global-header__button-wrapper"> 6366 <a class="cmp-global-header__menuLink" data-opennewtab="false" data-track="header" data-track-component-type="navigation" data-track-id="Sun Princess - New" href="/ships-and-experience/ships/su-sun-princess" target="_self"> 6367 <span>Sun Princess - New</span> 6368 </a> 6369 </div> 6370 6371 <div class="cmp-global-header__button-wrapper"> 6372 6373 </div> 6374 6375 <!-- Wave --> 6376 <div class="cmp-global-header__third-level-wave"> 6377 <svg width="415" height="68" viewBox="0 0 415 68" fill="none" xmlns="http://www.w3.org/2000/svg"> 6378 <!-- should be different id for each section or we need to use the same mask for all --> 6379 <mask id="mask0_64_45761" style="mask-type: alpha" maskUnits="userSpaceOnUse" x="-123" y="-125" width="618" height="193"> 6380 <path d="M431.869 -5.97515C431.869 -5.97515 471.441 -46.0422 494.317 -124.255L494.29 -124.386C451.726 -88.6982 404.014 -61.7346 341.395 -76.9679C177.11 -116.931 -39.5442 -197.023 -122.732 67.7562C-122.732 67.7562 -73.3443 19.9593 -6.63441 15.3039C120.216 6.71124 290.923 142.782 431.869 -5.97515Z" fill="#243E8C"/> 6381 </mask> 6382 <g mask="url(#mask0_64_45761)"> 6383 <rect width="415" height="69" transform="translate(0 0.276367)" fill="#CCE7EB"/> 6384 </g> 6385 </svg> 6386 </div> 6387 </div> 6388 6389 <!-- Non-featured --> 6390 6391 <div class="cmp-global-header__non-featured-third-level"> 6392 <div class="cmp-global-header__button-wrapper"> 6393 <a class="cmp-global-header__menuLink" data-opennewtab="false" data-track="header" data-track-component-type="navigation" data-track-id="Caribbean Princess" href="/ships-and-experience/ships/cb-caribbean-princess" target="_self" type="button" role="menuitem" tabindex="0"> 6394 <span>Caribbean Princess</span> 6395 6396 </a> 6397 </div> 6398 6399 </div> 6400 6401 <div class="cmp-global-header__non-featured-third-level"> 6402 <div class="cmp-global-header__button-wrapper"> 6403 <a class="cmp-global-header__menuLink" data-opennewtab="false" data-track="header" data-track-component-type="navigation" data-track-id="Coral Princess" href="/ships-and-experience/ships/co-coral-princess" target="_self" type="button" role="menuitem" tabindex="0">
6404 <span>Coral Princess</span> 6405 6406 </a> 6407 </div> 6408 6409 </div> 6410 6411 <div class="cmp-global-header__non-featured-third-level"> 6412 <div class="cmp-global-header__button-wrapper"> 6413 <a class="cmp-global-header__menuLink" data-opennewtab="false" data-track="header" data-track-component-type="navigation" data-track-id="Crown Princess " href="/ships-and-experience/ships/kp-crown-princess" target="_self" type="button" role="menuitem" tabindex="0"> 6414 <span>Crown Princess </span> 6415 6416 </a> 6417 </div> 6418 6419 </div> 6420 6421 <div class="cmp-global-header__non-featured-third-level"> 6422 <div class="cmp-global-header__button-wrapper"> 6423 <a class="cmp-global-header__menuLink" data-opennewtab="false" data-track="header" data-track-component-type="navigation" data-track-id="Diamond Princess" href="/ships-and-experience/ships/di-diamond-princess" target="_self" type="button" role="menuitem" tabindex="0"> 6424 <span>Diamond Princess</span> 6425 6426 </a> 6427 </div> 6428 6429 </div> 6430 6431 <div class="cmp-global-header__non-featured-third-level"> 6432 <div class="cmp-global-header__button-wrapper"> 6433 <a class="cmp-global-header__menuLink" data-opennewtab="false" data-track="header" data-track-component-type="navigation" data-track-id="Discovery Princess" href="/ships-and-experience/ships/xp-discovery-princess" target="_self" type="button" role="menuitem" tabindex="0"> 6434 <span>Discovery Princess</span> 6435 6436 </a> 6437 </div> 6438 6439 </div> 6440 6441 <div class="cmp-global-header__non-featured-third-level"> 6442 <div class="cmp-global-header__button-wrapper"> 6443 <a class="cmp-global-header__menuLink" data-opennewtab="false" data-track="header" data-track-component-type="navigation" data-track-id="Emerald Princess" href="/ships-and-experience/ships/ep-emerald-princess" target="_self" type="button" role="menuitem" tabindex="0"> 6444 <span>Emerald Princess</span> 6445 6446 </a> 6447 </div> 6448 6449 </div> 6450 6451 <div class="cmp-global-header__non-featured-third-level"> 6452 <div class="cmp-global-header__button-wrapper"> 6453 <a class="cmp-global-header__menuLink" data-opennewtab="false" data-track="header" data-track-component-type="navigation" data-track-id="Enchanted Princess" href="/ships-and-experience/ships/ex-enchanted-princess" target="_self" type="button" role="menuitem" tabindex="0">
6454 <span>Enchanted Princess</span> 6455 6456 </a> 6457 </div> 6458 6459 </div> 6460 6461 <div class="cmp-global-header__non-featured-third-level"> 6462 <div class="cmp-global-header__button-wrapper"> 6463 <a class="cmp-global-header__menuLink" data-opennewtab="false" data-track="header" data-track-component-type="navigation" data-track-id="Grand Princess" href="/ships-and-experience/ships/ap-grand-princess" target="_self" type="button" role="menuitem" tabindex="0"> 6464 <span>Grand Princess</span> 6465 6466 </a> 6467 </div> 6468 6469 </div> 6470 6471 <div class="cmp-global-header__non-featured-third-level"> 6472 <div class="cmp-global-header__button-wrapper"> 6473 <a class="cmp-global-header__menuLink" data-opennewtab="false" data-track="header" data-track-component-type="navigation" data-track-id="Island Princess" href="/ships-and-experience/ships/ip-island-princess" target="_self" type="button" role="menuitem" tabindex="0"> 6474 <span>Island Princess</span> 6475 6476 </a> 6477 </div> 6478 6479 </div> 6480 6481 <div class="cmp-global-header__non-featured-third-level"> 6482 <div class="cmp-global-header__button-wrapper"> 6483 <a class="cmp-global-header__menuLink" data-opennewtab="false" data-track="header" data-track-component-type="navigation" data-track-id="Majestic Princess" href="/ships-and-experience/ships/mj-majestic-princess" target="_self" type="button" role="menuitem" tabindex="0"> 6484 <span>Majestic Princess</span> 6485 6486 </a> 6487 </div> 6488 6489 </div> 6490 6491 <div class="cmp-global-header__non-featured-third-level"> 6492 <div class="cmp-global-header__button-wrapper"> 6493 <a class="cmp-global-header__menuLink" data-opennewtab="false" data-track="header" data-track-component-type="navigation" data-track-id="Regal Princess" href="/ships-and-experience/ships/gp-regal-princess" target="_self" type="button" role="menuitem" tabindex="0"> 6494 <span>Regal Princess</span> 6495 6496 </a> 6497 </div> 6498 6499 </div> 6500 6501 <div class="cmp-global-header__non-featured-third-level"> 6502 <div class="cmp-global-header__button-wrapper"> 6503 <a class="cmp-global-header__menuLink" data-opennewtab="false" data-track="header" data-track-component-type="navigation" data-track-id="Royal Princess" href="/ships-and-experience/ships/rp-royal-princess" target="_self" type="button" role="menuitem" tabindex="0">
6504 <span>Royal Princess</span> 6505 6506 </a> 6507 </div> 6508 6509 </div> 6510 6511 <div class="cmp-global-header__non-featured-third-level"> 6512 <div class="cmp-global-header__button-wrapper"> 6513 <a class="cmp-global-header__menuLink" data-opennewtab="false" data-track="header" data-track-component-type="navigation" data-track-id="Ruby Princess" href="/ships-and-experience/ships/ru-ruby-princess" target="_self" type="button" role="menuitem" tabindex="0"> 6514 <span>Ruby Princess</span> 6515 6516 </a> 6517 </div> 6518 6519 </div> 6520 6521 <div class="cmp-global-header__non-featured-third-level"> 6522 <div class="cmp-global-header__button-wrapper"> 6523 <a class="cmp-global-header__menuLink" data-opennewtab="false" data-track="header" data-track-component-type="navigation" data-track-id="Sapphire Princess" href="/ships-and-experience/ships/sa-sapphire-princess" target="_self" type="button" role="menuitem" tabindex="0"> 6524 <span>Sapphire Princess</span> 6525 6526 </a> 6527 </div> 6528 6529 </div> 6530 6531 <div class="cmp-global-header__non-featured-third-level"> 6532 <div class="cmp-global-header__button-wrapper"> 6533 <a class="cmp-global-header__menuLink" data-opennewtab="false" data-track="header" data-track-component-type="navigation" data-track-id="Sky Princess" href="/ships-and-experience/ships/yp-sky-princess" target="_self" type="button" role="menuitem" tabindex="0"> 6534 <span>Sky Princess</span> 6535 6536 </a> 6537 </div> 6538 6539 </div> 6540 6541 <div class="cmp-global-header__non-featured-third-level"> 6542 <div class="cmp-global-header__button-wrapper"> 6543 6544 </div> 6545 6546 </div> 6547 6548 <div class="cmp-global-header__non-featured-third-level"> 6549 <div class="cmp-global-header__button-wrapper"> 6550 6551 </div> 6552 6553 </div> 6554 6555 <div class="cmp-global-header__non-featured-third-level"> 6556 <div class="cmp-global-header__button-wrapper"> 6557 <a class="cmp-global-header__menuLink" data-opennewtab="false" data-track="header" data-track-component-type="navigation" data-track-id="View All" href="/ships-and-experience/ships" target="_self" type="button" role="menuitem" tabindex="0">
6558 <span>View All</span> 6559 6560 </a> 6561 </div> 6562 6563 </div> 6564 6565 </div> 6566 </div> 6567 6568 <div class="cmp-global-header__second-level__column"> 6569 <div class="cmp-global-header__button-wrapper"> 6570 <a href="#" data-track="header" data-track-component-type="navigation" data-track-id="Staterooms" target="_self" class="cmp-global-header__second-level-link" type="button" role="menuitem" tabindex="0"> 6571 <span>Staterooms</span> 6572 </a> 6573 <svg class="cmp-global-header__second-level-icon" width="24" height="25" viewBox="0 0 24 25" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> 6574 <path d="M10.0001 6.5L8.59009 7.91L13.1701 12.5L8.59009 17.09L10.0001 18.5L16.0001 12.5L10.0001 6.5Z" fill="currentColor"/> 6575 </svg> 6576 </div> 6577 <div class="cmp-global-header__third-level"> 6578 <!-- Featured --> 6579 <div class="cmp-global-header__third-level-featured"> 6580 <p>Featured</p> 6581 6582 <div class="cmp-global-header__button-wrapper"> 6583 6584 </div> 6585 6586 <div class="cmp-global-header__button-wrapper"> 6587 6588 </div> 6589 6590 <div class="cmp-global-header__button-wrapper"> 6591 6592 </div> 6593 6594 <div class="cmp-global-header__button-wrapper"> 6595 6596 </div> 6597 6598 <div class="cmp-global-header__button-wrapper"> 6599 6600 </div> 6601 6602 <div class="cmp-global-header__button-wrapper"> 6603 6604 </div> 6605 6606 <div class="cmp-global-header__button-wrapper"> 6607 6608 </div> 6609 6610 <div class="cmp-global-header__button-wrapper"> 6611 6612 </div> 6613 6614 <!-- Wave --> 6615 <div class="cmp-global-header__third-level-wave"> 6616 <svg width="415" height="68" viewBox="0 0 415 68" fill="none" xmlns="http://www.w3.org/2000/svg"> 6617 <!-- should be different id for each section or we need to use the same mask for all --> 6618 <mask id="mask0_64_45761" style="mask-type: alpha" maskUnits="userSpaceOnUse" x="-123" y="-125" width="618" height="193"> 6619 <path d="M431.869 -5.97515C431.869 -5.97515 471.441 -46.0422 494.317 -124.255L494.29 -124.386C451.726 -88.6982 404.014 -61.7346 341.395 -76.9679C177.11 -116.931 -39.5442 -197.023 -122.732 67.7562C-122.732 67.7562 -73.3443 19.9593 -6.63441 15.3039C120.216 6.71124 290.923 142.782 431.869 -5.97515Z" fill="#243E8C"/> 6620 </mask> 6621 <g mask="url(#mask0_64_45761)"> 6622 <rect width="415" height="69" transform="translate(0 0.276367)" fill="#CCE7EB"/> 6623 </g> 6624 </svg> 6625 </div> 6626 </div> 6627 6628 <!-- Non-featured --> 6629 6630 <div class="cmp-global-header__non-featured-third-level"> 6631 <div class="cmp-global-header__button-wrapper"> 6632 <a class="cmp-global-header__menuLink" data-opennewtab="false" data-track="header" data-track-component-type="navigation" data-track-id="Overview" href="/staterooms" target="_self" type="button" role="menuitem" tabindex="0">
6633 <span>Overview</span> 6634 6635 </a> 6636 </div> 6637 6638 </div> 6639 6640 <div class="cmp-global-header__non-featured-third-level"> 6641 <div class="cmp-global-header__button-wrapper"> 6642 <a class="cmp-global-header__menuLink" data-opennewtab="false" data-track="header" data-track-component-type="navigation" data-track-id="Reserve Collection" href="/staterooms/reserve-collection" target="_self" type="button" role="menuitem" tabindex="0"> 6643 <span>Reserve Collection</span> 6644 6645 </a> 6646 </div> 6647 6648 </div> 6649 6650 <div class="cmp-global-header__non-featured-third-level"> 6651 <div class="cmp-global-header__button-wrapper"> 6652 <a class="cmp-global-header__menuLink" data-opennewtab="false" data-track="header" data-track-component-type="navigation" data-track-id="Sanctuary Collection" href="/staterooms/sanctuary-collection" target="_self" type="button" role="menuitem" tabindex="0"> 6653 <span>Sanctuary Collection</span> 6654 6655 </a> 6656 </div> 6657 6658 </div> 6659 6660 <div class="cmp-global-header__non-featured-third-level"> 6661 <div class="cmp-global-header__button-wrapper"> 6662 <a class="cmp-global-header__menuLink" data-opennewtab="false" data-track="header" data-track-component-type="navigation" data-track-id="Suites" href="/staterooms/suites" target="_self" type="button" role="menuitem" tabindex="0"> 6663 <span>Suites</span> 6664 6665 </a> 6666 </div> 6667 6668 </div> 6669 6670 <div class="cmp-global-header__non-featured-third-level"> 6671 <div class="cmp-global-header__button-wrapper"> 6672 <a class="cmp-global-header__menuLink" data-opennewtab="false" data-track="header" data-track-component-type="navigation" data-track-id="Mini-Suites" href="/staterooms/mini-suites" target="_self" type="button" role="menuitem" tabindex="0"> 6673 <span>Mini-Suites</span> 6674 6675 </a> 6676 </div> 6677 6678 </div> 6679 6680 <div class="cmp-global-header__non-featured-third-level"> 6681 <div class="cmp-global-header__button-wrapper"> 6682 <a class="cmp-global-header__menuLink" data-opennewtab="false" data-track="header" data-track-component-type="navigation" data-track-id="Balcony" href="/staterooms/balcony" target="_self" type="button" role="menuitem" tabindex="0">
6683 <span>Balcony</span> 6684 6685 </a> 6686 </div> 6687 6688 </div> 6689 6690 <div class="cmp-global-header__non-featured-third-level"> 6691 <div class="cmp-global-header__button-wrapper"> 6692 <a class="cmp-global-header__menuLink" data-opennewtab="false" data-track="header" data-track-component-type="navigation" data-track-id="Oceanview" href="/staterooms/oceanview" target="_self" type="button" role="menuitem" tabindex="0"> 6693 <span>Oceanview</span> 6694 6695 </a> 6696 </div> 6697 6698 </div> 6699 6700 <div class="cmp-global-header__non-featured-third-level"> 6701 <div class="cmp-global-header__button-wrapper"> 6702 <a class="cmp-global-header__menuLink" data-opennewtab="false" data-track="header" data-track-component-type="navigation" data-track-id="Interior" href="/staterooms/interior" target="_self" type="button" role="menuitem" tabindex="0"> 6703 <span>Interior</span> 6704 6705 </a> 6706 </div> 6707 6708 </div> 6709 6710 </div> 6711 </div> 6712 6713 <div class="cmp-global-header__second-level__column"> 6714 <div class="cmp-global-header__button-wrapper"> 6715 <a href="#" data-track="header" data-track-component-type="navigation" data-track-id="Onboard Experience" target="_self" class="cmp-global-header__second-level-link" type="button" role="menuitem" tabindex="0"> 6716 <span>Onboard Experience</span> 6717 </a> 6718 <svg class="cmp-global-header__second-level-icon" width="24" height="25" viewBox="0 0 24 25" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> 6719 <path d="M10.0001 6.5L8.59009 7.91L13.1701 12.5L8.59009 17.09L10.0001 18.5L16.0001 12.5L10.0001 6.5Z" fill="currentColor"/> 6720 </svg> 6721 </div> 6722 <div class="cmp-global-header__third-level"> 6723 <!-- Featured --> 6724 <div class="cmp-global-header__third-level-featured"> 6725 <p>Featured</p> 6726 6727 <div class="cmp-global-header__button-wrapper"> 6728 6729 </div> 6730 6731 <div class="cmp-global-header__button-wrapper"> 6732 6733 </div> 6734 6735 <div class="cmp-global-header__button-wrapper"> 6736 6737 </div> 6738 6739 <div class="cmp-global-header__button-wrapper"> 6740 6741 </div> 6742 6743 <div class="cmp-global-header__button-wrapper"> 6744 6745 </div> 6746 6747 <div class="cmp-global-header__button-wrapper"> 6748 6749 </div> 6750 6751 <div class="cmp-global-header__button-wrapper"> 6752 6753 </div> 6754 6755 <div class="cmp-global-header__button-wrapper"> 6756 6757 </div> 6758 6759 <!-- Wave --> 6760 <div class="cmp-global-header__third-level-wave"> 6761 <svg width="415" height="68" viewBox="0 0 415 68" fill="none" xmlns="http://www.w3.org/2000/svg"> 6762 <!-- should be different id for each section or we need to use the same mask for all --> 6763 <mask id="mask0_64_45761" style="mask-type: alpha" maskUnits="userSpaceOnUse" x="-123" y="-125" width="618" height="193"> 6764 <path d="M431.869 -5.97515C431.869 -5.97515 471.441 -46.0422 494.317 -124.255L494.29 -124.386C451.726 -88.6982 404.014 -61.7346 341.395 -76.9679C177.11 -116.931 -39.5442 -197.023 -122.732 67.7562C-122.732 67.7562 -73.3443 19.9593 -6.63441 15.3039C120.216 6.71124 290.923 142.782 431.869 -5.97515Z" fill="#243E8C"/> 6765 </mask> 6766 <g mask="url(#mask0_64_45761)"> 6767 <rect width="415" height="69" transform="translate(0 0.276367)" fill="#CCE7EB"/> 6768 </g> 6769 </svg> 6770 </div> 6771 </div> 6772 6773 <!-- Non-featured --> 6774 6775 <div class="cmp-global-header__non-featured-third-level"> 6776 <div class="cmp-global-header__button-wrapper"> 6777 <a class="cmp-global-header__menuLink" data-opennewtab="false" data-track="header" data-track-component-type="navigation" data-track-id="Activities" href="/ships-and-experience/onboard-experience" target="_self" type="button" role="menuitem" tabindex="0">
6778 <span>Activities</span> 6779 6780 </a> 6781 </div> 6782 6783 </div> 6784 6785 <div class="cmp-global-header__non-featured-third-level"> 6786 <div class="cmp-global-header__button-wrapper"> 6787 <a class="cmp-global-header__menuLink" data-opennewtab="false" data-track="header" data-track-component-type="navigation" data-track-id="Casino" href="/ships-and-experience/onboard-experience/activities/casino" target="_self" type="button" role="menuitem" tabindex="0"> 6788 <span>Casino</span> 6789 6790 </a> 6791 </div> 6792 6793 </div> 6794 6795 <div class="cmp-global-header__non-featured-third-level"> 6796 <div class="cmp-global-header__button-wrapper"> 6797 <a class="cmp-global-header__menuLink" data-opennewtab="false" data-track="header" data-track-component-type="navigation" data-track-id="Cruise Dining" href="/cruise-dining" target="_self" type="button" role="menuitem" tabindex="0"> 6798 <span>Cruise Dining</span> 6799 6800 </a> 6801 </div> 6802 6803 </div> 6804 6805 <div class="cmp-global-header__non-featured-third-level"> 6806 <div class="cmp-global-header__button-wrapper"> 6807 <a class="cmp-global-header__menuLink" data-opennewtab="false" data-track="header" data-track-component-type="navigation" data-track-id="Entertainment" href="/ships-and-experience/onboard-experience/entertainment" target="_self" type="button" role="menuitem" tabindex="0"> 6808 <span>Entertainment</span> 6809 6810 </a> 6811 </div> 6812 6813 </div> 6814 6815 <div class="cmp-global-header__non-featured-third-level"> 6816 <div class="cmp-global-header__button-wrapper"> 6817 <a class="cmp-global-header__menuLink" data-opennewtab="false" data-track="header" data-track-component-type="navigation" data-track-id="Kids, Teens & Families" href="/ships-and-experience/onboard-experience/kids-and-teens" target="_self" type="button" role="menuitem" tabindex="0"> 6818 <span>Kids, Teens & Families</span> 6819 6820 </a> 6821 </div> 6822 6823 </div> 6824 6825 <div class="cmp-global-header__non-featured-third-level"> 6826 <div class="cmp-global-header__button-wrapper"> 6827 <a class="cmp-global-header__menuLink" data-opennewtab="false" data-track="header" data-track-component-type="navigation" data-track-id="Onboard Packages" href="/cruise-dining/beverages" target="_self" type="button" role="menuitem" tabindex="0">
6828 <span>Onboard Packages</span> 6829 6830 </a> 6831 </div> 6832 6833 </div> 6834 6835 <div class="cmp-global-header__non-featured-third-level"> 6836 <div class="cmp-global-header__button-wrapper"> 6837 <a class="cmp-global-header__menuLink" data-opennewtab="false" data-track="header" data-track-component-type="navigation" data-track-id="Wellness" href="/ships-and-experience/onboard-experience/wellness" target="_self" type="button" role="menuitem" tabindex="0"> 6838 <span>Wellness</span> 6839 6840 </a> 6841 </div> 6842 6843 </div> 6844 6845 <div class="cmp-global-header__non-featured-third-level"> 6846 <div class="cmp-global-header__button-wrapper"> 6847 <a class="cmp-global-header__menuLink" data-track="header" data-track-component-type="navigation" data-track-id="MedallionNet® at Sea " href="/ships-and-experience/princess-medallionclass/medallionnet" target="_self" type="button" role="menuitem" tabindex="0"> 6848 <span>MedallionNet® at Sea </span> 6849 6850 </a> 6851 </div> 6852 6853 </div> 6854 6855 </div> 6856 </div> 6857 6858 </div> 6859 <div class="cmp-global-header__promotion-level"> 6860 <aside> 6861 <div> 6862 <img src="/content/dam/princess/promos-deals/star-princess-dewas-glacier-alaska-1220x686.jpg" alt="Your next Alaska adventure is
6862written on the Star"/> 6863 <p class="cmp-global-header__promotion-level__title"> 6864 Your next Alaska adventure is written on the Star 6865 </p> 6866 <p data-pm-slice="1 1 ["list",{},"list_item",{"indent":2,"type":"numbered"}]">Star Princess<sup>®</sup> sets sail.</p> 6867 <p> 6868 <a data-track="header" data-track-component-type="navigation" data-track-id="Learn More" href="/en-us/ships-and-experience/ships/st-star-princess">Learn More</a> 6869 </p> 6870 </div> 6871 </aside> 6872 </div> 6873 </div> 6874 6875 <div first-level="Discover Princess" data-level="navigation-discover-princess" class="cmp-global-header__first-level-expandable-menu"> 6876 <!-- second level --> 6877 <div class="cmp-global-header__second-level"> 6878 6879 <div class="cmp-global-header__second-level__column"> 6880 <div class="cmp-global-header__button-wrapper"> 6881 <a href="#" data-track="header" data-track-component-type="navigation" data-track-id="About Cruising" target="_self" class="cmp-global-header__second-level-link" type="button" role="menuitem" tabindex="0"> 6882 <span>About Cruising</span> 6883 </a> 6884 <svg class="cmp-global-header__second-level-icon" width="24" height="25" viewBox="0 0 24 25" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> 6885 <path d="M10.0001 6.5L8.59009 7.91L13.1701 12.5L8.59009 17.09L10.0001 18.5L16.0001 12.5L10.0001 6.5Z" fill="currentColor"/> 6886 </svg> 6887 </div> 6888 <div class="cmp-global-header__third-level"> 6889 <!-- Featured --> 6890 <div class="cmp-global-header__third-level-featured"> 6891 <p>Featured</p> 6892 6893 <div class="cmp-global-header__button-wrapper"> 6894 6895 </div> 6896 6897 <div class="cmp-global-header__button-wrapper"> 6898 6899 </div> 6900 6901 <div class="cmp-global-header__button-wrapper"> 6902 6903 </div> 6904 6905 <div class="cmp-global-header__button-wrapper"> 6906 6907 </div> 6908 6909 <!-- Wave --> 6910 <div class="cmp-global-header__third-level-wave"> 6911 <svg width="415" height="68" viewBox="0 0 415 68" fill="none" xmlns="http://www.w3.org/2000/svg"> 6912 <!-- should be different id for each section or we need to use the same mask for all --> 6913 <mask id="mask0_64_45762" style="mask-type: alpha" maskUnits="userSpaceOnUse" x="-123" y="-125" width="618" height="193"> 6914 <path d="M431.869 -5.97515C431.869 -5.97515 471.441 -46.0422 494.317 -124.255L494.29 -124.386C451.726 -88.6982 404.014 -61.7346 341.395 -76.9679C177.11 -116.931 -39.5442 -197.023 -122.732 67.7562C-122.732 67.7562 -73.3443 19.9593 -6.63441 15.3039C120.216 6.71124 290.923 142.782 431.869 -5.97515Z" fill="#243E8C"/> 6915 </mask> 6916 <g mask="url(#mask0_64_45762)"> 6917 <rect width="415" height="69" transform="translate(0 0.276367)" fill="#CCE7EB"/> 6918 </g> 6919 </svg> 6920 </div> 6921 </div> 6922 6923 <!-- Non-featured --> 6924 6925 <div class="cmp-global-header__non-featured-third-level"> 6926 <div class="cmp-global-header__button-wrapper"> 6927 <a class="cmp-global-header__menuLink" data-track="header" data-track-component-type="navigation" data-track-id="Princess Blog" href="https://www.princess.com/blog" target="_self" type="button" role="menuitem" tabindex="0">
6928 <span>Princess Blog</span> 6929 6930 </a> 6931 </div> 6932 6933 </div> 6934 6935 <div class="cmp-global-header__non-featured-third-level"> 6936 <div class="cmp-global-header__button-wrapper"> 6937 <a class="cmp-global-header__menuLink" data-track="header" data-track-component-type="navigation" data-track-id="Compare Cruise Packages" href="https://www.princess.com/cruise-deals-promotions/compare-cruise-packages" target="_self" type="button" role="menuitem" tabindex="0"> 6938 <span>Compare Cruise Packages</span> 6939 6940 </a> 6941 </div> 6942 6943 </div> 6944 6945 <div class="cmp-global-header__non-featured-third-level"> 6946 <div class="cmp-global-header__button-wrapper"> 6947 <a class="cmp-global-header__menuLink" data-track="header" data-track-component-type="navigation" data-track-id="New to Cruising" href="https://www.princess.com/en-us
6947/why-princess/new-to-cruising" target="_self" type="button" role="menuitem" tabindex="0"> 6948 <span>New to Cruising</span> 6949 6950 </a> 6951 </div> 6952 6953 </div> 6954 6955 <div class="cmp-global-header__non-featured-third-level"> 6956 <div class="cmp-global-header__button-wrapper"> 6957 <a class="cmp-global-header__menuLink" data-track="header" data-track-component-type="navigation" data-track-id="Frequently Asked Questions" href="https://www.princess.com/faq" target="_self" type="button" role="menuitem" tabindex="0"> 6958 <span>Frequently Asked Questions</span> 6959 6960 </a> 6961 </div> 6962 6963 </div> 6964 6965 </div> 6966 </div> 6967 6968 <div class="cmp-global-header__second-level__column"> 6969 <div class="cmp-global-header__button-wrapper"> 6970 <a href="#" data-track="header" data-track-component-type="navigation" data-track-id="Cruise Essentials" target="_self" class="cmp-global-header__second-level-link" type="button" role="menuitem" tabindex="0"> 6971 <span>Cruise Essentials</span> 6972 </a> 6973 <svg class="cmp-global-header__second-level-icon" width="24" height="25" viewBox="0 0 24 25" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> 6974 <path d="M10.0001 6.5L8.59009 7.91L13.1701 12.5L8.59009 17.09L10.0001 18.5L16.0001 12.5L10.0001 6.5Z" fill="currentColor"/> 6975 </svg> 6976 </div> 6977 <div class="cmp-global-header__third-level"> 6978 <!-- Featured --> 6979 <div class="cmp-global-header__third-level-featured"> 6980 <p>Featured</p> 6981 6982 <div class="cmp-global-header__button-wrapper"> 6983 6984 </div> 6985 6986 <div class="cmp-global-header__button-wrapper"> 6987 6988 </div> 6989 6990 <div class="cmp-global-header__button-wrapper"> 6991 6992 </div> 6993 6994 <div class="cmp-global-header__button-wrapper"> 6995 6996 </div> 6997 6998 <div class="cmp-global-header__button-wrapper"> 6999 7000 </div> 7001 7002 <div class="cmp-global-header__button-wrapper"> 7003 7004 </div> 7005 7006 <!-- Wave --> 7007 <div class="cmp-global-header__third-level-wave"> 7008 <svg width="415" height="68" viewBox="0 0 415 68" fill="none" xmlns="http://www.w3.org/2000/svg"> 7009 <!-- should be different id for each section or we need to use the same mask for all --> 7010 <mask id="mask0_64_45762" style="mask-type: alpha" maskUnits="userSpaceOnUse" x="-123" y="-125" width="618" height="193"> 7011 <path d="M431.869 -5.97515C431.869 -5.97515 471.441 -46.0422 494.317 -124.255L494.29 -124.386C451.726 -88.6982 404.014 -61.7346 341.395 -76.9679C177.11 -116.931 -39.5442 -197.023 -122.732 67.7562C-122.732 67.7562 -73.3443 19.9593 -6.63441 15.3039C120.216 6.71124 290.923 142.782 431.869 -5.97515Z" fill="#243E8C"/> 7012 </mask> 7013 <g mask="url(#mask0_64_45762)"> 7014 <rect width="415" height="69" transform="translate(0 0.276367)" fill="#CCE7EB"/> 7015 </g> 7016 </svg> 7017 </div> 7018 </div> 7019 7020 <!-- Non-featured --> 7021 7022 <div class="cmp-global-header__non-featured-third-level"> 7023 <div class="cmp-global-header__button-wrapper"> 7024 <a class="cmp-global-header__menuLink" data-track="header" data-track-component-type="navigation" data-track-id="Manage Booking" href="https://book.princess.com/manage-booking/index.page?cpfy=summary" target="_self" type="button" role="menuitem" tabindex="0">
7025 <span>Manage Booking</span> 7026 7027 </a> 7028 </div> 7029 7030 </div> 7031 7032 <div class="cmp-global-header__non-featured-third-level"> 7033 <div class="cmp-global-header__button-wrapper"> 7034 <a class="cmp-global-header__menuLink" data-track="header" data-track-component-type="navigation" data-track-id="Find Shore Excursions" href="https://www.princess.com/ports-excursions" target="_self" type="button" role="menuitem" tabindex="0"> 7035 <span>Find Shore Excursions</span> 7036 7037 </a> 7038 </div> 7039 7040 </div> 7041 7042 <div class="cmp-global-header__non-featured-third-level"> 7043 <div class="cmp-global-header__button-wrapper"> 7044 <a class="cmp-global-header__menuLink" data-track="header" data-track-component-type="navigation" data-track-id="Vacation Protection" href="https://www.princess.com/plan/princess-vacation-protection" target="_self" type="button" role="menuitem" tabindex="0"> 7045 <span>Vacation Protection</span> 7046 7047 </a> 7048 </div> 7049 7050 </div> 7051 7052 <div class="cmp-global-header__non-featured-third-level"> 7053 <div class="cmp-global-header__button-wrapper"> 7054 <a class="cmp-global-header__menuLink" data-track="header" data-track-component-type="navigation" data-track-id="Hotels" href="https://www.princess.com/en-us
7054/cruise-destinations/departure-ports/cruise-ports-and-hotels" target="_self" type="button" role="menuitem" tabindex="0"> 7055 <span>Hotels</span> 7056 7057 </a> 7058 </div> 7059 7060 </div> 7061 7062 <div class="cmp-global-header__non-featured-third-level"> 7063 <div class="cmp-global-header__button-wrapper"> 7064 <a class="cmp-global-header__menuLink" data-track="header" data-track-component-type="navigation" data-track-id="Accessibility Services" href="https://www.princess.com/accessibility-at-sea" target="_self" type="button" role="menuitem" tabindex="0"> 7065 <span>Accessibility Services</span> 7066 7067 </a> 7068 </div> 7069 7070 </div> 7071 7072 <div class="cmp-global-header__non-featured-third-level"> 7073 <div class="cmp-global-header__button-wrapper"> 7074 <a class="cmp-global-header__menuLink" data-track="header" data-track-component-type="navigation" data-track-id="Brochures" href="https://www.princess.com/brochures" target="_self" type="button" role="menuitem" tabindex="0"> 7075 <span>Brochures</span> 7076 7077 </a> 7078 </div> 7079 7080 </div> 7081 7082 </div> 7083 </div> 7084 7085 <div class="cmp-global-header__second-level__column"> 7086 <div class="cmp-global-header__button-wrapper"> 7087 <a href="#" data-track="header" data-track-component-type="navigation" data-track-id="Why Princess" target="_self" class="cmp-global-header__second-level-link" type="button" role="menuitem" tabindex="0"> 7088 <span>Why Princess</span> 7089 </a> 7090 <svg class="cmp-global-header__second-level-icon" width="24" height="25" viewBox="0 0 24 25" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> 7091 <path d="M10.0001 6.5L8.59009 7.91L13.1701 12.5L8.59009 17.09L10.0001 18.5L16.0001 12.5L10.0001 6.5Z" fill="currentColor"/> 7092 </svg> 7093 </div> 7094 <div class="cmp-global-header__third-level"> 7095 <!-- Featured --> 7096 <div class="cmp-global-header__third-level-featured"> 7097 <p>Featured</p> 7098 7099 <div class="cmp-global-header__button-wrapper"> 7100 7101 </div> 7102 7103 <div class="cmp-global-header__button-wrapper"> 7104 7105 </div> 7106 7107 <div class="cmp-global-header__button-wrapper"> 7108 7109 </div> 7110 7111 <div class="cmp-global-header__button-wrapper"> 7112 7113 </div> 7114 7115 <div class="cmp-global-header__button-wrapper"> 7116 7117 </div> 7118 7119 <div class="cmp-global-header__button-wrapper"> 7120 7121 </div> 7122 7123 <div class="cmp-global-header__button-wrapper"> 7124 7125 </div> 7126 7127 <!-- Wave --> 7128 <div class="cmp-global-header__third-level-wave"> 7129 <svg width="415" height="68" viewBox="0 0 415 68" fill="none" xmlns="http://www.w3.org/2000/svg"> 7130 <!-- should be different id for each section or we need to use the same mask for all --> 7131 <mask id="mask0_64_45762" style="mask-type: alpha" maskUnits="userSpaceOnUse" x="-123" y="-125" width="618" height="193"> 7132 <path d="M431.869 -5.97515C431.869 -5.97515 471.441 -46.0422 494.317 -124.255L494.29 -124.386C451.726 -88.6982 404.014 -61.7346 341.395 -76.9679C177.11 -116.931 -39.5442 -197.023 -122.732 67.7562C-122.732 67.7562 -73.3443 19.9593 -6.63441 15.3039C120.216 6.71124 290.923 142.782 431.869 -5.97515Z" fill="#243E8C"/> 7133 </mask> 7134 <g mask="url(#mask0_64_45762)"> 7135 <rect width="415" height="69" transform="translate(0 0.276367)" fill="#CCE7EB"/> 7136 </g> 7137 </svg> 7138 </div> 7139 </div> 7140 7141 <!-- Non-featured --> 7142 7143 <div class="cmp-global-header__non-featured-third-level"> 7144 <div class="cmp-global-header__button-wrapper"> 7145 <a class="cmp-global-header__menuLink" data-track="header" data-track-component-type="navigation" data-track-id="Overview" href="https://www.princess.com/why-princess" target="_self" type="button" role="menuitem" tabindex="0">
7146 <span>Overview</span> 7147 7148 </a> 7149 </div> 7150 7151 </div> 7152 7153 <div class="cmp-global-header__non-featured-third-level"> 7154 <div class="cmp-global-header__button-wrapper"> 7155 <a class="cmp-global-header__menuLink" data-track="header" data-track-component-type="navigation" data-track-id="About Us" href="https://www.princess.com/about-princess" target="_self" type="button" role="menuitem" tabindex="0"> 7156 <span>About Us</span> 7157 7158 </a> 7159 </div> 7160 7161 </div> 7162 7163 <div class="cmp-global-header__non-featured-third-level"> 7164 <div class="cmp-global-header__button-wrapper"> 7165 <a class="cmp-global-header__menuLink" data-track="header" data-track-component-type="navigation" data-track-id="Princess Blog" href="https://www.princess.com/blog" target="_self" type="button" role="menuitem" tabindex="0"> 7166 <span>Princess Blog</span> 7167 7168 </a> 7169 </div> 7170 7171 </div> 7172 7173 <div class="cmp-global-header__non-featured-third-level"> 7174 <div class="cmp-global-header__button-wrapper"> 7175 <a class="cmp-global-header__menuLink" data-track="header" data-track-component-type="navigation" data-track-id="Loyalty Program" href="https://book.princess.com/captaincircle/membershipBenefits.page" target="_self" type="button" role="menuitem" tabindex="0"> 7176 <span>Loyalty Program</span> 7177 7178 </a> 7179 </div> 7180 7181 </div> 7182 7183 <div class="cmp-global-header__non-featured-third-level"> 7184 <div class="cmp-global-header__button-wrapper"> 7185 <a class="cmp-global-header__menuLink" data-track="header" data-track-component-type="navigation" data-track-id="Awards &
7185 Accolades" href="https://www.princess.com/en-us/why-princess/awards-and-accolades" target="_self" type="button" role="menuitem" tabindex="0"> 7186 <span>Awards & Accolades</span> 7187 7188 </a> 7189 </div> 7190 7191 </div> 7192 7193 <div class="cmp-global-header__non-featured-third-level"> 7194 <div class="cmp-global-header__button-wrapper"> 7195 <a class="cmp-global-header__menuLink" data-track="header" data-track-component-type="navigation" data-track-id="Personalized Experience" href="https://www.princess.com/en-us/ships-and-experience/princess-medallionclass" target="_self" type="button" role="menuitem" tabindex="0"> 7196 <span>Personalized Experience</span> 7197 7198 </a> 7199 </div> 7200 7201 </div> 7202 7203 <div class="cmp-global-header__non-featured-third-level"> 7204 <div class="cmp-global-header__button-wrapper"> 7205 <a class="cmp-global-header__menuLink" data-track="header" data-track-component-type="navigation" data-track-id="Environmental Responsibility" href="https://www.princess.com/en-us
7205/company-information/environmental-responsibility" target="_self" type="button" role="menuitem" tabindex="0"> 7206 <span>Environmental Responsibility</span> 7207 7208 </a> 7209 </div> 7210 7211 </div> 7212 7213 </div> 7214 </div> 7215 7216 </div> 7217 <div class="cmp-global-header__promotion-level"> 7218 <aside> 7219 <div> 7220 <img src="https://assets.princess.com/is/image/princesscruises/Kayaking-Alaska-Princess-Cruises:16x9" alt="There's always something new to discover"/> 7221 <p class="cmp-global-header__promotion-level__title"> 7222 There's always something new to discover 7223 </p> 7224 <p><span data-teams="true">The Princess Blog brings you destination guides, cruise tips, videos and more.</span></p> 7225 7226 <p> 7227 <a data-track="header" data-track-component-type="navigation" data-track-id="Explore articles" href="https://www.princess.com/blog">Explore articles</a> 7228 </p> 7229 </div> 7230 </aside> 7231 </div> 7232 </div> 7233 7234 <div first-level="Deals" data-level="navigation-deals" class="cmp-global-header__first-level-expandable-menu"> 7235 <!-- second level --> 7236 <div class="cmp-global-header__second-level"> 7237 7238 <div class="cmp-global-header__second-level__column"> 7239 <div class="cmp-global-header__button-wrapper"> 7240 <a href="#" data-track="header" data-track-component-type="navigation" data-track-id="Cruise Deals" target="_self" class="cmp-global-header__second-level-link" type="button" role="menuitem" tabindex="0"> 7241 <span>Cruise Deals</span> 7242 </a> 7243 <svg class="cmp-global-header__second-level-icon" width="24" height="25" viewBox="0 0 24 25" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> 7244 <path d="M10.0001 6.5L8.59009 7.91L13.1701 12.5L8.59009 17.09L10.0001 18.5L16.0001 12.5L10.0001 6.5Z" fill="currentColor"/> 7245 </svg> 7246 </div> 7247 <div class="cmp-global-header__third-level"> 7248 <!-- Featured --> 7249 <div class="cmp-global-header__third-level-featured"> 7250 <p>Featured</p> 7251 7252 <div class="cmp-global-header__button-wrapper"> 7253 <a class="cmp-global-header__menuLink" data-opennewtab="false" data-track="header" data-track-component-type="navigation" data-track-id="All Deals & Offers" href="/cruise-deals-promotions" target="_self"> 7254 <span>All Deals & Offers</span> 7255 </a> 7256 </div> 7257 7258 <div class="cmp-global-header__button-wrapper"> 7259 <a class="cmp-global-header__menuLink" data-opennewtab="false" data-track="header" data-track-component-type="navigation" data-track-id="Limited Time Offer" href="/cruise-deals-promotions/limited-time-offer" target="_self">
7260 <span>Limited Time Offer</span> 7261 </a> 7262 </div> 7263 7264 <div class="cmp-global-header__button-wrapper"> 7265 <a class="cmp-global-header__menuLink" data-opennewtab="false" data-track="header" data-track-component-type="navigation" data-track-id="Last Minute Deals" href="/cruise-deals-promotions/last-minute-cruise-deals" target="_self"> 7266 <span>Last Minute Deals</span> 7267 </a> 7268 </div> 7269 7270 <div class="cmp-global-header__button-wrapper"> 7271 <a class="cmp-global-header__menuLink" data-opennewtab="false" data-track="header" data-track-component-type="navigation" data-track-id="Caribbean Cruise Deals" href="/cruise-deals-promotions/caribbean-sailing" target="_self"> 7272 <span>Caribbean Cruise Deals</span> 7273 </a> 7274 </div> 7275 7276 <div class="cmp-global-header__button-wrapper"> 7277 <a class="cmp-global-header__menuLink" data-opennewtab="false" data-track="header" data-track-component-type="navigation" data-track-id="Flexible Payments with 0% APR" href="/cruise-deals-promotions/payment-plans" target="_self"> 7278 <span>Flexible Payments with 0% APR</span> 7279 </a> 7280 </div> 7281 7282 <div class="cmp-global-header__button-wrapper"> 7283 7284 </div> 7285 7286 <div class="cmp-global-header__button-wrapper"> 7287 7288 </div> 7289 7290 <div class="cmp-global-header__button-wrapper"> 7291 7292 </div> 7293 7294 <div class="cmp-global-header__button-wrapper"> 7295 7296 </div> 7297 7298 <div class="cmp-global-header__button-wrapper"> 7299 7300 </div> 7301 7302 <div class="cmp-global-header__button-wrapper"> 7303 7304 </div> 7305 7306 <!-- Wave --> 7307 <div class="cmp-global-header__third-level-wave"> 7308 <svg width="415" height="68" viewBox="0 0 415 68" fill="none" xmlns="http://www.w3.org/2000/svg"> 7309 <!-- should be different id for each section or we need to use the same mask for all --> 7310 <mask id="mask0_64_45763" style="mask-type: alpha" maskUnits="userSpaceOnUse" x="-123" y="-125" width="618" height="193"> 7311 <path d="M431.869 -5.97515C431.869 -5.97515 471.441 -46.0422 494.317 -124.255L494.29 -124.386C451.726 -88.6982 404.014 -61.7346 341.395 -76.9679C177.11 -116.931 -39.5442 -197.023 -122.732 67.7562C-122.732 67.7562 -73.3443 19.9593 -6.63441 15.3039C120.216 6.71124 290.923 142.782 431.869 -5.97515Z" fill="#243E8C"/> 7312 </mask> 7313 <g mask="url(#mask0_64_45763)"> 7314 <rect width="415" height="69" transform="translate(0 0.276367)" fill="#CCE7EB"/> 7315 </g> 7316 </svg> 7317 </div> 7318 </div> 7319 7320 <!-- Non-featured --> 7321 7322 <div class="cmp-global-header__non-featured-third-level"> 7323 <div class="cmp-global-header__button-wrapper"> 7324 7325 </div> 7326 7327 </div> 7328 7329 <div class="cmp-global-header__non-featured-third-level"> 7330 <div class="cmp-global-header__button-wrapper"> 7331 7332 </div> 7333 7334 </div> 7335 7336 <div class="cmp-global-header__non-featured-third-level"> 7337 <div class="cmp-global-header__button-wrapper"> 7338 7339 </div> 7340 7341 </div> 7342 7343 <div class="cmp-global-header__non-featured-third-level"> 7344 <div class="cmp-global-header__button-wrapper"> 7345 7346 </div> 7347 7348 </div> 7349 7350 <div class="cmp-global-header__non-featured-third-level"> 7351 <div class="cmp-global-header__button-wrapper"> 7352 7353 </div> 7354 7355 </div> 7356 7357 <div class="cmp-global-header__non-featured-third-level"> 7358 <div class="cmp-global-header__button-wrapper"> 7359 <a class="cmp-global-header__menuLink" data-opennewtab="false" data-track="header" data-track-component-type="navigation" data-track-id="Free 3rd & 4th Guests" href="/cruise-search/results/?voyages=4650,4703,4705,U649,4701,4649,4702,4704,U705,4706,U648,U703,N702,N703,N704,4719,4720,4721,4735,4736,4737,4738,3718,X720,E727,U715,U733,U736,U739,U717A" target="_self" type="button" role="menuitem" tabindex="0">
7360 <span>Free 3rd & 4th Guests</span> 7361 7362 </a> 7363 </div> 7364 7365 </div> 7366 7367 <div class="cmp-global-header__non-featured-third-level"> 7368 <div class="cmp-global-header__button-wrapper"> 7369 <a class="cmp-global-header__menuLink" data-opennewtab="false" data-track="header" data-track-component-type="navigation" data-track-id="2028 Alaska Early Booking Offer" href="/cruise-deals-promotions/early-booking-bonus" target="_self" type="button" role="menuitem" tabindex="0"> 7370 <span>2028 Alaska Early Booking Offer</span> 7371 7372 </a> 7373 </div> 7374 7375 </div> 7376 7377 <div class="cmp-global-header__non-featured-third-level"> 7378 <div class="cmp-global-header__button-wrapper"> 7379 <a class="cmp-global-header__menuLink" data-opennewtab="false" data-track="header" data-track-component-type="navigation" data-track-id="European Cruise Deals" href="/cruise-deals-promotions/europe-sailing" target="_self" type="button" role="menuitem" tabindex="0"> 7380 <span>European Cruise Deals</span> 7381 7382 </a> 7383 </div> 7384 7385 </div> 7386 7387 <div class="cmp-global-header__non-featured-third-level"> 7388 <div class="cmp-global-header__button-wrapper"> 7389 <a class="cmp-global-header__menuLink" data-opennewtab="false" data-track="header" data-track-component-type="navigation" data-track-id="Cruise Package Deals" href="/cruise-deals-promotions/plus-premier-cruise-packages" target="_self" type="button" role="menuitem" tabindex="0"> 7390 <span>Cruise Package Deals</span> 7391 7392 </a> 7393 </div> 7394 7395 </div> 7396 7397 <div class="cmp-global-header__non-featured-third-level"> 7398 <div class="cmp-global-header__button-wrapper"> 7399 <a class="cmp-global-header__menuLink" data-opennewtab="false" data-track="header" data-track-component-type="navigation" data-track-id="Casino Perks & Discounts" href="/ships-and-experience/onboard-experience/activities/casino" target="_self" type="button" role="menuitem" tabindex="0"> 7400 <span>Casino Perks & Discounts</span> 7401 7402 </a> 7403 </div> 7404 7405 </div> 7406 7407 <div class="cmp-global-header__non-featured-third-level"> 7408 <div class="cmp-global-header__button-wrapper"> 7409 <a class="cmp-global-header__menuLink" data-track="header" data-track-component-type="navigation" data-track-id="Standby Program" href="/cruise-deals-promotions/standby-program" target="_self" type="button" role="menuitem" tabindex="0">
7410 <span>Standby Program</span> 7411 7412 </a> 7413 </div> 7414 7415 </div> 7416 7417 </div> 7418 </div> 7419 7420 <div class="cmp-global-header__second-level__column"> 7421 <div class="cmp-global-header__button-wrapper"> 7422 <a href="#" data-track="header" data-track-component-type="navigation" data-track-id="Packages" target="_self" class="cmp-global-header__second-level-link" type="button" role="menuitem" tabindex="0"> 7423 <span>Packages</span> 7424 </a> 7425 <svg class="cmp-global-header__second-level-icon" width="24" height="25" viewBox="0 0 24 25" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> 7426 <path d="M10.0001 6.5L8.59009 7.91L13.1701 12.5L8.59009 17.09L10.0001 18.5L16.0001 12.5L10.0001 6.5Z" fill="currentColor"/> 7427 </svg> 7428 </div> 7429 <div class="cmp-global-header__third-level"> 7430 <!-- Featured --> 7431 <div class="cmp-global-header__third-level-featured"> 7432 <p>Featured</p> 7433 7434 <div class="cmp-global-header__button-wrapper"> 7435 7436 </div> 7437 7438 <div class="cmp-global-header__button-wrapper"> 7439 7440 </div> 7441 7442 <div class="cmp-global-header__button-wrapper"> 7443 7444 </div> 7445 7446 <div class="cmp-global-header__button-wrapper"> 7447 7448 </div> 7449 7450 <div class="cmp-global-header__button-wrapper"> 7451 7452 </div> 7453 7454 <div class="cmp-global-header__button-wrapper"> 7455 7456 </div> 7457 7458 <!-- Wave --> 7459 <div class="cmp-global-header__third-level-wave"> 7460 <svg width="415" height="68" viewBox="0 0 415 68" fill="none" xmlns="http://www.w3.org/2000/svg"> 7461 <!-- should be different id for each section or we need to use the same mask for all --> 7462 <mask id="mask0_64_45763" style="mask-type: alpha" maskUnits="userSpaceOnUse" x="-123" y="-125" width="618" height="193"> 7463 <path d="M431.869 -5.97515C431.869 -5.97515 471.441 -46.0422 494.317 -124.255L494.29 -124.386C451.726 -88.6982 404.014 -61.7346 341.395 -76.9679C177.11 -116.931 -39.5442 -197.023 -122.732 67.7562C-122.732 67.7562 -73.3443 19.9593 -6.63441 15.3039C120.216 6.71124 290.923 142.782 431.869 -5.97515Z" fill="#243E8C"/> 7464 </mask> 7465 <g mask="url(#mask0_64_45763)"> 7466 <rect width="415" height="69" transform="translate(0 0.276367)" fill="#CCE7EB"/> 7467 </g> 7468 </svg> 7469 </div> 7470 </div> 7471 7472 <!-- Non-featured --> 7473 7474 <div class="cmp-global-header__non-featured-third-level"> 7475 <div class="cmp-global-header__button-wrapper"> 7476 <a class="cmp-global-header__menuLink" data-opennewtab="false" data-track="header" data-track-component-type="navigation" data-track-id="Plus & Premier Packages" href="/cruise-deals-promotions/plus-premier-cruise-packages" target="_self" type="button" role="menuitem" tabindex="0">
7477 <span>Plus & Premier Packages</span> 7478 7479 </a> 7480 </div> 7481 7482 </div> 7483 7484 <div class="cmp-global-header__non-featured-third-level"> 7485 <div class="cmp-global-header__button-wrapper"> 7486 <a class="cmp-global-header__menuLink" data-opennewtab="false" data-track="header" data-track-component-type="navigation" data-track-id="Beverage Packages" href="/cruise-dining/beverages" target="_self" type="button" role="menuitem" tabindex="0"> 7487 <span>Beverage Packages</span> 7488 7489 </a> 7490 </div> 7491 7492 </div> 7493 7494 <div class="cmp-global-header__non-featured-third-level"> 7495 <div class="cmp-global-header__button-wrapper"> 7496 <a class="cmp-global-header__menuLink" data-opennewtab="false" data-track="header" data-track-component-type="navigation" data-track-id="Cruise & Flight Packages" href="/plan/ezair" target="_self" type="button" role="menuitem" tabindex="0"> 7497 <span>Cruise & Flight Packages</span> 7498 7499 </a> 7500 </div> 7501 7502 </div> 7503 7504 <div class="cmp-global-header__non-featured-third-level"> 7505 <div class="cmp-global-header__button-wrapper"> 7506 <a class="cmp-global-header__menuLink" data-opennewtab="false" data-track="header" data-track-component-type="navigation" data-track-id="Celebration Packages" href="/ships-and-experience/celebrations/cruise-gifts-services/celebration-packages" target="_self" type="button" role="menuitem" tabindex="0"> 7507 <span>Celebration Packages</span> 7508 7509 </a> 7510 </div> 7511 7512 </div> 7513 7514 <div class="cmp-global-header__non-featured-third-level"> 7515 <div class="cmp-global-header__button-wrapper"> 7516 <a class="cmp-global-header__menuLink" data-opennewtab="false" data-track="header" data-track-component-type="navigation" data-track-id="Internet Packages" href="/ships-and-experience/princess-medallionclass/medallionnet" target="_self" type="button" role="menuitem" tabindex="0"> 7517 <span>Internet Packages</span> 7518 7519 </a> 7520 </div> 7521 7522 </div> 7523 7524 <div class="cmp-global-header__non-featured-third-level"> 7525 <div class="cmp-global-header__button-wrapper"> 7526 <a class="cmp-global-header__menuLink" data-opennewtab="false" data-track="header" data-track-component-type="navigation" data-track-id="Romance Package" href="/ships-and-experience/celebrations/cruise-gifts-services/romance-packages" target="_self" type="button" role="menuitem" tabindex="0">
7527 <span>Romance Package</span> 7528 7529 </a> 7530 </div> 7531 7532 </div> 7533 7534 </div> 7535 </div> 7536 7537 <div class="cmp-global-header__second-level__column"> 7538 <div class="cmp-global-header__button-wrapper"> 7539 <a href="#" data-track="header" data-track-component-type="navigation" data-track-id="Loyalty" target="_self" class="cmp-global-header__second-level-link" type="button" role="menuitem" tabindex="0"> 7540 <span>Loyalty</span> 7541 </a> 7542 <svg class="cmp-global-header__second-level-icon" width="24" height="25" viewBox="0 0 24 25" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> 7543 <path d="M10.0001 6.5L8.59009 7.91L13.1701 12.5L8.59009 17.09L10.0001 18.5L16.0001 12.5L10.0001 6.5Z" fill="currentColor"/> 7544 </svg> 7545 </div> 7546 <div class="cmp-global-header__third-level"> 7547 <!-- Featured --> 7548 <div class="cmp-global-header__third-level-featured"> 7549 <p>Featured</p> 7550 7551 <div class="cmp-global-header__button-wrapper"> 7552 7553 </div> 7554 7555 <div class="cmp-global-header__button-wrapper"> 7556 7557 </div> 7558 7559 <div class="cmp-global-header__button-wrapper"> 7560 7561 </div> 7562 7563 <div class="cmp-global-header__button-wrapper"> 7564 7565 </div> 7566 7567 <div class="cmp-global-header__button-wrapper"> 7568 7569 </div> 7570 7571 <!-- Wave --> 7572 <div class="cmp-global-header__third-level-wave"> 7573 <svg width="415" height="68" viewBox="0 0 415 68" fill="none" xmlns="http://www.w3.org/2000/svg"> 7574 <!-- should be different id for each section or we need to use the same mask for all --> 7575 <mask id="mask0_64_45763" style="mask-type: alpha" maskUnits="userSpaceOnUse" x="-123" y="-125" width="618" height="193"> 7576 <path d="M431.869 -5.97515C431.869 -5.97515 471.441 -46.0422 494.317 -124.255L494.29 -124.386C451.726 -88.6982 404.014 -61.7346 341.395 -76.9679C177.11 -116.931 -39.5442 -197.023 -122.732 67.7562C-122.732 67.7562 -73.3443 19.9593 -6.63441 15.3039C120.216 6.71124 290.923 142.782 431.869 -5.97515Z" fill="#243E8C"/> 7577 </mask> 7578 <g mask="url(#mask0_64_45763)"> 7579 <rect width="415" height="69" transform="translate(0 0.276367)" fill="#CCE7EB"/> 7580 </g> 7581 </svg> 7582 </div> 7583 </div> 7584 7585 <!-- Non-featured --> 7586 7587 <div class="cmp-global-header__non-featured-third-level"> 7588 <div class="cmp-global-header__button-wrapper"> 7589 <a class="cmp-global-header__menuLink" data-opennewtab="false" data-track="header" data-track-component-type="navigation" data-track-id="Casino" href="/ships-and-experience/onboard-experience/activities/casino" target="_self" type="button" role="menuitem" tabindex="0">
7590 <span>Casino</span> 7591 7592 </a> 7593 </div> 7594 7595 </div> 7596 7597 <div class="cmp-global-header__non-featured-third-level"> 7598 <div class="cmp-global-header__button-wrapper"> 7599 <a class="cmp-global-header__menuLink" data-opennewtab="false" data-track="header" data-track-component-type="navigation" data-track-id="Captain's Circle" href="https://book.princess.com/captaincircle/membershipBenefits.page" target="_self" type="button" role="menuitem" tabindex="0"> 7600 <span>Captain's Circle</span> 7601 7602 </a> 7603 </div> 7604 7605 </div> 7606 7607 <div class="cmp-global-header__non-featured-third-level"> 7608 <div class="cmp-global-header__button-wrapper"> 7609 <a class="cmp-global-header__menuLink" data-opennewtab="false" data-track="header" data-track-component-type="navigation" data-track-id="Create an Account" href="/my-princess/register/" target="_self" type="button" role="menuitem" tabindex="0"> 7610 <span>Create an Account</span> 7611 7612 </a> 7613 </div> 7614 7615 </div> 7616 7617 <div class="cmp-global-header__non-featured-third-level"> 7618 <div class="cmp-global-header__button-wrapper"> 7619 <a class="cmp-global-header__menuLink" data-opennewtab="false" data-track="header" data-track-component-type="navigation" data-track-id="Military" href="/cruise-deals-promotions/military-benefit-program" target="_self" type="button" role="menuitem" tabindex="0"> 7620 <span>Military</span> 7621 7622 </a> 7623 </div> 7624 7625 </div> 7626 7627 <div class="cmp-global-header__non-featured-third-level"> 7628 <div class="cmp-global-header__button-wrapper"> 7629 <a class="cmp-global-header__menuLink" data-opennewtab="true" data-track="header" data-track-component-type="navigation" data-track-id="Princess® Rewards Visa® Card" href="https://cards.barclaycardus.com/banking/credit-card/princess/visa-signature/co-brand-partner-site/fa2c9fe2-570f-4194-83e3-8db3ed2700b7?referrerid=PCLLoyalty" target="_blank" type="button" role="menuitem" tabindex="0"> 7630 <span>Princess® Rewards Visa® Card</span> 7631 7632 </a> 7633 </div> 7634 7635 </div> 7636 7637 </div> 7638 </div> 7639 7640 </div> 7641 <div class="cmp-global-header__promotion-level"> 7642 <aside> 7643 <div> 7644 <img src="https://assets.princess.com/is/image/princesscruises/st-thomas-sun-sail:16x9" alt="Up to 40% + $300 instant savings + free 3rd & 4th guests + $99 deposits"/> 7645 <p class="cmp-global-header__promotion-level__title"> 7646 Up to 40% + $300 instant savings + free 3rd & 4th guests + $99 deposits 7647 </p> 7648 <p>Discover our current featured deals, plus many more ways to save.</p> 7649 7650 <p> 7651 <a data-track="header" data-track-component-type="navigation" data-track-id="Learn More" href="/cruise-deals-promotions/limited-time-offer">Learn More</a> 7652 </p> 7653 </div> 7654 </aside> 7655 </div> 7656 </div> 7657 7658 </menu> 7659 </nav> 7660 </div> 7661</div> 7662<div class="cmp-modal__modal-container" aria-hidden="true" id="header-logout-modal" data-auto-close
7662="5"> 7663 <div class="cmp-modal__overlay"> 7664 <div class="cmp-modal__dialog-container"> 7665 <div class="cmp-modal__dialog cmp-header__logout-modal" role="dialog" aria-modal="true" aria-labelledby="header-logout-modal-heading"> 7666 <span id="header-logout-modal-heading" class="sr-only">Logout</span> 7667 <div class="cmp-modal__content-container" tabindex="0"> 7668 <div class="cmp-modal__content-inner cmp-global-header__button-wrapper"> 7669 <p><b>You have been logged out</b></p> 7670<p>Your window will update in 5 secs</p> 7671 7672 <a href="#" data-track="header" data-track-component-type="navigation" data-track-id="Close Modal" class="cmp-header__logout-modal-close" data-modal-close> 7673 <span class="cmp-header__logout-modal-close-text">Close Modal</span> 7674 </a> 7675 </div> 7676 </div> 7677 </div> 7678 </div> 7679 </div> 7680</div> 7681<div class="cmp-modal__modal-container cmp-modal__modal-container-login" aria-hidden="true" id="header-login-modal" data-auto-close="5"> 7682 <div class="cmp-modal__overlay" data-modal-login-close> 7683 <div class="cmp-modal__dialog-container"> 7684 <div class="cmp-modal__dialog" role="dialog" aria-modal="true" aria-labelledby="header-logout-modal-heading"> 7685 <span id="header-logout-modal-heading" class="sr-only">Logout</span> 7686 <div class="cmp-modal__content-container" tabindex="0"> 7687 <div class="cmp-modal__content-inner cmp-global-header__button-wrapper"> 7688 <iframe class="cmp-modal__iframeLogin" data-src="https://www.princess.com/my-princess/login/" frameborder="0" allowfullscreen allow="publickey-credentials-get; publickey-credentials-create"></iframe> 7689 <header class="cmp-modal__content-container-header"> 7690 <hr class="cmp-modal__line-separator"/> 7691 <button data-track="hero-itinerary" data-track-id="close-button-hero-info-modal" class="cmp-modal__close-button cmp-modal__close-button-login" aria-label="Close Modal" data-modal-login-close> 7692 <svg aria-hidden="true" class="svg-icon svg-icon-close"> 7693 <use xlink:href="#icon-close"></use> 7694 </svg> 7695 </button> 7696 </header> 7697 </div> 7698 </div> 7699 </div> 7700 </div> 7701 </div> 7702</div> 7703 7704</div> 7705<div class="ghost aem-GridColumn aem-GridColumn--default--12"></div> 7706<div class="firstLogin aem-GridColumn aem-GridColumn--default--12"> 7707<div class="cmp-first-login" data-track="Sign in to Princess and get benefits:" data-track-component-type="cmp-first-login" data-redirect-url="https://www.princess.com/my-princess/account-login/?src=https://www.princess.com/demo-pages-reference/cruise-deals-promotions-demo" data-autohide-seconds="10" data-hide-popup-on-redirect="false" data-disable-redirect="false" data-hide-popup-on-mobile="true"> 7708 7709 <section class="cmp-first-login__dialog" role="dialog" aria-modal="true" aria-labelledby="cmp-first-login__title"> 7710 7711 <button class="cmp-first-login__close" type="button" aria-label="Close"> 7712 <svg aria-hidden="true" class="svg-icon svg-icon-close"> 7713 <use xlink:href="#icon-close"></use> 7714 </svg> 7715 </button> 7716 7717 <div id="cmp-first-login__title" class="cmp-first-login__heading" tabindex="0"> 7718 Sign in to Princess and get benefits: 7719 </div> 7720 7721 <ul class="cmp-first-login__benefits"> 7722 7723 <li class="cmp-first-login__benefit" tabindex="0"> 7724 <span class="cmp-first-login__benefit-icon-wrapper"> 7725 <svg aria-hidden="true" class="svg-icon svg-icon-checkmark-light"> 7726 <use xlink:href="#icon-checkmark-light"></use> 7727 </svg> 7728 </span>
7729 <span class="cmp-first-login__benefit-text"> 7730 Faster booking 7731 </span> 7732 </li> 7733 7734 <li class="cmp-first-login__benefit" tabindex="0"> 7735 <span class="cmp-first-login__benefit-icon-wrapper"> 7736 <svg aria-hidden="true" class="svg-icon svg-icon-checkmark-light"> 7737 <use xlink:href="#icon-checkmark-light"></use> 7738 </svg> 7739 </span> 7740 <span class="cmp-first-login__benefit-text"> 7741 Special offers 7742 </span> 7743 </li> 7744 7745 <li class="cmp-first-login__benefit" tabindex="0"> 7746 <span class="cmp-first-login__benefit-icon-wrapper"> 7747 <svg aria-hidden="true" class="svg-icon svg-icon-checkmark-light"> 7748 <use xlink:href="#icon-checkmark-light"></use> 7749 </svg> 7750 </span> 7751 <span class="cmp-first-login__benefit-text"> 7752 Save favorites 7753 </span> 7754 </li> 7755 7756 </ul> 7757 7758 <a class="cmp-first-login__cta" href="https://www.princess.com/my-princess/account-login/" data-analytics-label="login"> 7759 LOG IN 7760 </a> 7761 7762 <div class="cmp-first-login__register" tabindex="0"> 7763 <p class="cmp-first-login__register-copy"> 7764 Sign up and get $50 onboard credit on your next cruise 7765 </p> 7766 <a class="cmp-first-login__register-link" href="https://www.princess.com/my-princess/create-account/" data-analytics-label="register" data-track-component-type="button"> 7767 <span class="cmp-first-login__register-link-label"> 7768 Create account 7769 </span> 7770 <span class="cmp-first-login__register-link-icon-wrapper"> 7771 <svg aria-hidden="true" class="svg-icon svg-icon-chevron-next"> 7772 <use xlink:href="#icon-chevron-next"></use> 7773 </svg> 7774 </span> 7775 </a> 7776 </div> 7777 </section> 7778</div> 7779</div> 7780<div class="custom-html-cmp aem-GridColumn aem-GridColumn--default--12"> 7781<style> 7782 7783</style>
7784<script> 7785 window.addEventListener("DOMContentLoaded", function() { 7786 const submenuLists = document.querySelectorAll('.cmp-global-header-mobile .cmp-global-header-mobile-nav__submenu ul'); 7787 submenuLists.forEach(list => { 7788 list.style.WebkitOverflowScrolling = 'touch'; 7789 }); 7790}); 7791</script>
7791 7792 7793 7794 7795 7796</div> 7797 7798 7799</div> 7800</div> 7801 7802</div> 7803</div> 7804 7805 7806 7807</div> 7808<main data-swiftype-name="body" id="main-content" class="main-wrapper responsivegrid aem-GridColumn aem-GridColumn--default--12" data-swiftype-type="text"> 7809 7810 7811<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> 7812 7813 <div class="breadcrumb-v2 aem-GridColumn aem-GridColumn--default--12"> 7814<nav id="breadcrumb-v2-609219f488" class="cmp-breadcrumb-v2" aria-label="Secondary" data-custom-background-desk="#fff" data-custom-background-mob="#fff"> 7815 <ol class="cmp-breadcrumb-v2__list" itemscope itemtype="http://schema.org/BreadcrumbList"> 7816 <li class="cmp-breadcrumb-v2__item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> 7817 <a href="https://www.princess.com/en-us" target="_self" class="cmp-breadcrumb-v2__item-link" itemprop="item" aria-label="Home" data-track-id="home" data-track-component-type="breadcrumb"> 7818 <span itemprop="name">Home</span> 7819 </a> 7820 <meta itemprop="position" content="1"/> 7821 </li> 7822 7823 <li class="cmp-breadcrumb-v2__item cmp-breadcrumb-v2__item--active" aria-current="page" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> 7824 7825 <span itemprop="name">Princess Cruises Blog â Destinations, Tips & Travel Guides</span> 7826 7827 <meta itemprop="position" content="2"/> 7828 </li> 7829 </ol> 7830</nav> 7831 7832 7833 7834</div> 7835<div class="microsites-section cmp-section--background-color-princess-white aem-GridColumn aem-GridColumn--default--12"> 7836<div id="no-title" class="cmp-section " data-track="no-title" data-track-component-type="section" data-background-image="false" data-dynamic-media-image="false" data-lazy-loaded="true" style="background-color: ; background: linear-gradient();"> 7837 7838 7839 <div class="cmp-section__container"> 7840 7841 7842 7843 7844 7845<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> 7846 7847 <div class="hero-carousel aem-GridColumn aem-GridColumn--default--12"> 7848 7849 7850 <div class="cmp-hero-carousel cmp-hero-carousel--rounded" id="hero-carousel-c79e98283d" data-cmp-is="hero-carousel" data-autoplay-disabled="false" role="region" aria-label="Hero carousel"> 7851 7852 <div class="cmp-hero-carousel__container"> 7853 <div class="cmp-hero-carousel__background-wrapper" aria-hidden="true"> 7854 <div class="cmp-hero-carousel__background cmp-hero-carousel__background--current" style="background-image: url(/content/dam/princess/blog/headers/hero-alaska-mooses.png);"></div> 7855 <div class="cmp-hero-carousel__background cmp-hero-carousel__background--next"></div> 7856 </div> 7857 <div class="swiper-container cmp-hero-carousel__content-swiper"> 7858 <div class="swiper-wrapper"> 7859 7860 <div class="swiper-slide cmp-hero-carousel__slide" data-background="/content/dam/princess/blog/headers/hero-alaska-mooses.png"> 7861 <div class="cmp-hero-carousel__card"> 7862 <div class="cmp-hero-carousel__content"> 7863 <div class="cmp-hero-carousel__meta"> 7864 <time class="cmp-hero-carousel__date eyebrow" datetime="2025-12-16"><span class="cmp-hero-carousel__sr-only">Publication date, DEC 16, 2025</span><span aria-hidden="true">DEC 16, 2025</span></time> 7865 <p class="cmp-hero-carousel__read-time eyebrow"><span class="cmp-hero-carousel__sr-only">Read time, 10 minutes</span><span aria-hidden="true">10 MIN</span></p> 7866 </div> 7867 <h3 class="cmp-hero-carousel__title">Everything you need to pack for an Alaska cruise</h3> 7868 <a href="https://www.princess.com/en-us
7868/blog/what-to-pack-for-an-alaska-cruise" target="_self" class="cmp-hero-carousel__link" role="link" aria-label="Everything you need to pack for an Alaska cruise, READ MORE"> 7869 <span aria-hidden="true">READ MORE</span> 7870 <span class="cmp-hero-carousel__link-icon-wrapper" aria-hidden="true"> 7871 <svg xmlns="http://www.w3.org/2000/svg" width="6" height="12" viewBox="0 0 6 12" fill="none"> 7872 <path d="M6 6L5.85661e-07 12L2.05389 6.03804L9.53674e-07 -4.28564e-07L6 6Z" fill="white"/> 7873 </svg> 7874 </span> 7875 </a> 7876 </div> 7877 </div> 7878 </div> 7879 7880 <div class="swiper-slide cmp-hero-carousel__slide" data-background="/content/dam/princess/blog/headers/PC_Discovery_Princess_XP_%20LidoDeck_CrewDrinks_Lifestyle_GPuckett_Apr%2020%202022.jpg"> 7881 <div class="cmp-hero-carousel__card"> 7882 <div class="cmp-hero-carousel__content"> 7883 <div class="cmp-hero-carousel__meta"> 7884 <time class="cmp-hero-carousel__date eyebrow" datetime="2023-01-20"><span class="cmp-hero-carousel__sr-only">Publication date, JAN 20, 2023</span><span aria-hidden="true">JAN 20, 2023</span></time> 7885 <p class="cmp-hero-carousel__read-time eyebrow"><span class="cmp-hero-carousel__sr-only">Read time, 5 minutes</span><span aria-hidden="true">5 MIN</span></p> 7886 </div> 7887 <h3 class="cmp-hero-carousel__title">Princess Cruises membership benefits</h3> 7888 <a href="https://www.princess.com/en-us
7888/blog/cruise-membership-benefits" target="_self" class="cmp-hero-carousel__link" role="link" aria-label="Princess Cruises membership benefits, READ MORE"> 7889 <span aria-hidden="true">READ MORE</span> 7890 <span class="cmp-hero-carousel__link-icon-wrapper" aria-hidden="true"> 7891 <svg xmlns="http://www.w3.org/2000/svg" width="6" height="12" viewBox="0 0 6 12" fill="none"> 7892 <path d="M6 6L5.85661e-07 12L2.05389 6.03804L9.53674e-07 -4.28564e-07L6 6Z" fill="white"/> 7893 </svg> 7894 </span> 7895 </a> 7896 </div> 7897 </div> 7898 </div> 7899 7900 <div class="swiper-slide cmp-hero-carousel__slide" data-background="/content/dam/princess/blog/headers/PC_PRINCESS_CARIBBEAN_WFMP_OUTDOOR_DINING_GPUCKETT_06_26_2022_1003-ME-RGB.jpg"> 7901 <div class="cmp-hero-carousel__card"> 7902 <div class="cmp-hero-carousel__content"> 7903 <div class="cmp-hero-carousel__meta"> 7904 <time class="cmp-hero-carousel__date eyebrow" datetime="2025-03-12"><span class="cmp-hero-carousel__sr-only">Publication date, MAR 12, 2025</span><span aria-hidden="true">MAR 12, 2025</span></time> 7905 <p class="cmp-hero-carousel__read-time eyebrow"><span class="cmp-hero-carousel__sr-only">Read time, 15 minutes</span><span aria-hidden="true">15 MIN</span></p> 7906 </div> 7907 <h3 class="cmp-hero-carousel__title">Not single for long while on a singles cruise in the Caribbean</h3> 7908 <a href="https://www.princess.com/en-us
7908/blog/caribbean-singles-cruise" target="_blank" class="cmp-hero-carousel__link" role="link" aria-label="Not single for long while on a singles cruise in the Caribbean, READ MORE"> 7909 <span aria-hidden="true">READ MORE</span> 7910 <span class="cmp-hero-carousel__link-icon-wrapper" aria-hidden="true"> 7911 <svg xmlns="http://www.w3.org/2000/svg" width="6" height="12" viewBox="0 0 6 12" fill="none"> 7912 <path d="M6 6L5.85661e-07 12L2.05389 6.03804L9.53674e-07 -4.28564e-07L6 6Z" fill="white"/> 7913 </svg> 7914 </span> 7915 </a> 7916 </div> 7917 </div> 7918 </div> 7919 7920 </div> 7921 </div> 7922 7923 </div> 7924 7925 7926 <div class="cmp-hero-carousel__pagination" aria-label="Slide navigation"> 7927 <button class="cmp-hero-carousel__arrow cmp-hero-carousel__arrow--prev" t
7927ype="button" aria-label="Previous slide"> 7928 <svg class="cmp-hero-carousel__arrow-icon" xmlns="http://www.w3.org/2000/svg" width="10" height="20" viewBox="0 0 10 20" fill="none" aria-hidden="true"> 7929 <path d="M1.18091e-06 10L10 5.4032e-06L6.57684 9.9366L10 20L1.18091e-06 10Z" fill="white"/> 7930 </svg> 7931 </button> 7932 <div class="cmp-hero-carousel__pagination-numbers"> 7933 <span class="cmp-hero-carousel__pagination-current" aria-label="Current slide">01</span> 7934 <span class="cmp-hero-carousel__pagination-divider" aria-hidden="true">/</span> 7935 <span class="cmp-hero-carousel__pagination-total" aria-label="Total slides">01</span> 7936 </div> 7937 <button class="cmp-hero-carousel__arrow cmp-hero-carousel__arrow--next" type="button" aria-label="Next slide"> 7938 <svg class="cmp-hero-carousel__arrow-icon cmp-hero-carousel__arrow-icon--next" xmlns="http://www.w3.org/2000/svg" width="10" height="20" viewBox="0 0 10 20" fill="none" aria-hidden="true"> 7939 <path d="M1.18091e-06 10L10 5.4032e-06L6.57684 9.9366L10 20L1.18091e-06 10Z" fill="white"/> 7940 </svg> 7941 </button> 7942 </div> 7943 </div> 7944 7945 7946 7947 7948 7949</div> 7950 7951 7952</div> 7953 7954 </div> 7955</div> 7956</div> 7957<div class="microsites-section cmp-section--background-color-princess-white aem-GridColumn aem-GridColumn--default--12"> 7958<div id="no-title" class="cmp-section " data-track="no-title" data-track-component-type="section" data-background-image="false" data-dynamic-media-image="false" data-lazy-loaded="true" style="background-color: ; background: linear-gradient();"> 7959 7960 7961 <div class="cmp-section__container"> 7962 7963 7964 7965 7966 7967<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> 7968 7969 <div class="spacer cmp-spacer--remove-default-spacer-size cmp-spacer--space-8-mob cmp-spacer--space-24-desk aem-GridColumn aem-GridColumn--default--12"> 7970<div data-track-component-type="spacer" class="cmp-spacer "> 7971 7972</div> 7973</div> 7974<div class="microsites-subnav aem-GridColumn aem-GridColumn--default--12"> 7975 <div class="cmp-sub-navigation" id="navigation-desktop" data-enable-find-a-travel="true" data-subnav-instance-id="\/content\/princess\/en\u002Dus\/blog\/jcr:content\/root\/main\u002Dpar\/section\/section\u002Dpar\/sub_nav"> 7976 <div class="sr-only" aria-live="polite" id="subnav-live-announcer"></div> 7977 <div class="cmp-sub-navigation__wrapper" style="background-color:#fff;"> 7978 <nav class="cmp-sub-navigation__nav"> 7979 <ul class="cmp-sub-navigation__list"> 7980 7981 <li class="cmp-sub-navigation__item "> 7982 <a class="cmp-sub-navigation__item__link" href="#recent-articles" data-track="navigation" data-track-id="li" target="_parent"> 7983 Recent articles 7984 </a> 7985 </li> 7986 7987 <li class="cmp-sub-navigation__item "> 7988 <a class="cmp-sub-navigation__item__link" href="#search-all-articles" data-track="navigation" data-track-id="li" target="_parent"> 7989 Search all articles 7990 </a> 7991 </li> 7992 7993 <li class="cmp-sub-navigation__item "> 7994 <a class="cmp-sub-navigation__item__link" href="#podcast" data-track="navigation" data-track-id="li" target="_parent"> 7995 Alaska Podcast 7996 </a> 7997 </li> 7998 7999 <li class="cmp-sub-navigation__item "> 8000 <a class="cmp-sub-navigation__item__link" href="#browse-cruises" data-track="navigation" data-track-id="li" target="_parent"> 8001 Browse cruises 8002 </a> 8003 </li> 8004 8005 </ul> 8006 </nav> 8007 <!-- Pricing CTA (when enablePricingInCTA is ON) --> 8008 8009 <!-- Legacy CTA (when enablePricingInCTA is OFF) --> 8010 8011 </div> 8012 <!-- Mobile Pricing CTA (when enablePricingInCTA is ON) --> 8013 8014 8015 <div class="cmp-sub-navigation-mobile"> 8016 <div class="cmp-sub-navigation-mobile__select__container cmp-combo-select"> 8017 <div aria-controls="listbox-\/content\/princess\/en\u002Dus\/blog\/jcr:content\/root\/main\u002Dpar\/section\/section\u002Dpar\/sub_nav" aria-expanded="false" aria-haspopup="listbox" aria-labelledby="dropdown-selected-\/content\/princess\/en\u002Dus\/blog\/jcr:content\/root\/main\u002Dpar\/section\/section\u002Dpar\/sub_nav" id="combo-\/content\/princess\/en\u002Dus\/blog\/jcr:content\/root\/main\u002Dpar\/section\/section\u002Dpar\/sub_nav" class="cmp-sub-navigation-mobile__select dropdown" role="combobox" tabindex="0">
8018 <span id="dropdown-selected-\/content\/princess\/en\u002Dus\/blog\/jcr:content\/root\/main\u002Dpar\/section\/section\u002Dpar\/sub_nav" class="dropdown__selected"></span> 8019 <svg aria-hidden="true" class="dropdown__arrow svg-icon svg-icon-caret-closed" width="12" height="12" viewBox="0 0 12 12"> 8020 <title>Open drop down</title> 8021 <use xlink:href="#icon-caret-closed"></use> 8022 </svg> 8023 </div> 8024 8025 <div class="dropdown__list" role="listbox" id="listbox-\/content\/princess\/en\u002Dus\/blog\/jcr:content\/root\/main\u002Dpar\/section\/section\u002Dpar\/sub_nav" aria-labelledby="dropdown-selected-\/content\/princess\/en\u002Dus\/blog\/jcr:content\/root\/main\u002Dpar\/section\/section\u002Dpar\/sub_nav" tabindex="-1"> 8026 8027 8028 <div class="dropdown__list-item dropdown__list-item-subnav dropdown__list-item--selected " data-link="#recent-articles" data-target="_self" id="combo-\/content\/princess\/en\u002Dus\/blog\/jcr:content\/root\/main\u002Dpar\/section\/section\u002Dpar\/sub_nav
8028-0" role="option" aria-selected="true"> 8029 Recent articles 8030 </div> 8031 8032 8033 8034 8035 8036 <div class="dropdown__list-item dropdown__list-item-subnav " data-link="#search-all-articles" data-target="_self" id="combo-\/content\/princess\/en\u002Dus\/blog\/jcr:content\/root\/main\u002Dpar\/section\/section\u002Dpar\/sub_nav-1" role="option" aria-selected="false"> 8037 Search all articles 8038 </div> 8039 8040 8041 8042 8043 <div class="dropdown__list-item dropdown__list-item-subnav " data-link="#podcast" data-target="_self" id="combo-\/content\/princess\/en\u002Dus\/blog\/jcr:content\/root\/main\u002Dpar\/section\/section\u002Dpar\/sub_nav-2" role="option" aria-selected="false"> 8044 Alaska Podcast 8045 </div> 8046 8047 8048 8049 8050 <div class="dropdown__list-item dropdown__list-item-subnav " data-link="#browse-cruises" data-target="_self" id="combo-\/content\/princess\/en\u002Dus\/blog\/jcr:content\/root\/main\u002Dpar\/section\/section\u002Dpar\/sub_nav
8050-3" role="option" aria-selected="false"> 8051 Browse cruises 8052 </div> 8053 8054 8055 </div> 8056 </div> 8057 8058 <!-- Mobile Legacy CTA (when enablePricingInCTA is OFF) --> 8059 8060 </div> 8061 </div> 8062 8063</div> 8064 8065 8066</div> 8067 8068 </div> 8069</div> 8070</div> 8071<div class="microsites-section cmp-section--background-color-princess-white aem-GridColumn aem-GridColumn--default--12"> 8072<div id="recent-articles" class="cmp-section " data-track="recent-articles" data-track-component-type="section" data-background-image="false" data-dynamic-media-image="false" data-lazy-loaded="true" style="background-color: ; background: linear-gradient();"> 8073 8074 8075 <div class="cmp-section__container"> 8076 8077 8078 8079 8080 8081<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> 8082 8083 <div class="microsites-section cmp-section--background-color-princess-white cmp-section--desk-left-space-80 cmp-section--tablet-left-space-64 cmp-section--mobile-left-space-24 cmp-section--desk-right-space-80 cmp-section--tablet-right-space-64 cmp-section--mobile-right-space-24 cmp-section--desk-top-space-48 cmp-section--padding-bottom-small aem-GridColumn aem-GridColumn--default--12"> 8084<div id="no-title" class="cmp-section " data-track="no-title" data-track-component-type="section" data-background-image="false" data-dynamic-media-image="false" data-lazy-loaded="true" style="background-color: ; background: linear-gradient();"> 8085 8086 8087 <div class="cmp-section__container"> 8088 8089 8090 8091 8092 8093<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> 8094
8095 <div class="microsites-section cmp-section--desk-bottom-space-48 cmp-section--tablet-bottom-space-48 cmp-section--mobile-bottom-space-40 aem-GridColumn aem-GridColumn--default--12"> 8096<div id="no-title" class="cmp-section " data-track="no-title" data-track-component-type="section" data-background-image="false" data-dynamic-media-image="false" data-lazy-loaded="true" style="background-color: ; background: linear-gradient();"> 8097 8098 8099 <div class="cmp-section__container"> 8100 8101 8102 8103 8104 8105<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> 8106 8107 <div class="title-subtitle-block title-subtitle-block--padding-top-none title-subtitle-block--padding-left-none title-subtitle-block--padding-right-none aem-GridColumn aem-GridColumn--default--12"> 8108 <div class="cmp-title-subtitle-block " data-track="recent-articles" data-track-component-type="title-subtitle-block" style="background: url(); 8109 background-repeat: no-repeat; 8110 background-position: center right; 8111 background-size: contain"> 8112 <div class="cmp-title-subtitle-block__container"> 8113 <div class="cmp-title-subtitle-block__eyebrowImage"><div class="image"> 8114 8115 8116 8117 8118 8119 8120</div> 8121</div> 8122 <div class="cmp-title-subtitle-block__content"> 8123 8124 8125 8126 8127 <h2 class="cmp-title-subtitle-block__headline headline-medium" style="color: #003595;"> 8128 Recent articles 8129 </h2> 8130 8131 8132 8133 8134 </div> 8135 8136 8137 8138 8139 8140 <div class="cmp-title-subtitle-block__sub-content"> 8141 8142 8143 8144<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> 8145 8146 8147 8148</div> 8149 8150 </div> 8151 8152 8153 8154 </div> 8155 </div> 8156 8157 8158 8159 8160 8161</div> 8162<div class="grid-container cmp-grid-container--carousel cmp-grid-container--carousel-mobile-tablet cmp-grid-container--3col-4 padding-top-0 padding-bottom-0 padding-side-0-desktop cmp-grid-container--full-width aem-GridColumn aem-GridColumn--default--12"> 8163 8164<div class="cmp-grid-container " id="grid-container-c77bb1f4a5"> 8165 8166 8167 <div class="cmp-grid-container--carousel__controls-container"> 8168 <div class="cmp-grid-container--carousel__counter-ada" aria-live="polite" aria-atomic="true"></div> 8169 <div class="cmp-grid-container--carousel__counter"><b class="cmp-grid-container--carousel__counter-index">--</b> / <span class="cmp-grid-container--carousel__counter-length">--</span></div> 8170 <div class="cmp-grid-container--carousel__controls" role="group" aria-label="Slide controls"> 8171 <button class="cmp-grid-container--carousel__controls-btn" aria-label="Previous item " data-track-id="left-arrow"> 8172 <svg aria-hidden="true" class="svg-icon svg-icon-chevron-back"> 8173 <use xlink:href="#icon-chevron-back"></use> 8174 </svg> 8175 </button> 8176 8177 <button class="cmp-grid-container--carousel__controls-btn" aria-label="Next item " data-track-id="right-arrow"> 8178 <svg aria-hidden="true" class="svg-icon svg-icon-chevron-next"> 8179 <use xlink:href="#icon-chevron-next"></use> 8180 </svg> 8181 </button> 8182 </div> 8183 </div> 8184 <div class="cmp-grid-container__items"> 8185 8186 8187<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> 8188 8189 <div class="teaser cmp-teaser--type-card cmp-teaser--image-ratio-4x3 cmp-teaser--text-light cmp-teaser--overlay-light cmp-teaser--backgrond-color-card--transparent cmp-teaser--no-border-mobile cmp-teaser--cards-size--irregular cmp-teaser--blue-label aem-GridColumn aem-GridColumn--default--12"> 8190<div data-placeholder-text="false" data-checkmark-icon="icon-checkmark-light" data-track="athens-landmarks-top-sites-to-see" data-track-component-type="teaser" class="cmp-teaser" id="teaser-317de40387" data-teaser-lazy data-teaser-card="true"> 8191 <div class="cmp-teaser__container"> 8192 8193 <div class="cmp-teaser__article-type"> 8194 Destinations 8195 </div> 8196 8197 <div class="cmp-teaser__image-area"> 8198 8199 8200 8201 <div class="cmp-teaser__image"> 8202 8203 <div data-asset="/content/dam/princess/blog/athens-landmarks/Athens-View-Princess-Cruises.jpeg" data-asset-id="c9172a80-376b-40ae-b9a6-584e27633473" data-background-image="false" data-dynamic-media-image="true" data-lazy-loaded="true" data-smart-crop-rendition="5x4" data-src="https://assets.princess.com/is/image/princesscruises/Athens-View-Princess-Cruises-3%3A5x4?ts=1786478454795" data-title="The image shows the Acropolis hill in Athens brightly illuminated against a deep blue evening sky. The Parthenon temple stands prominently at the center, glowing with warm golden light. Surrounding the Acropolis are additional ancient structures and the modern cityscape stretching into the distance. The contrast between the historic ruins and the contemporary urban lights creates a dramatic and serene night panorama." data-widths="128,256,512,1024,1280,1440,1920,2048" id="image-f8afba5f24" class="cmp-image" itemscope itemtype="http://schema.org/ImageObject"> 8204 8205 8206 <picture class="cmp-image__picture"> 8207 8208 8209 <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="cmp-image__image cmp-image__image--lazy-loading" itemprop="contentUrl" alt="The image shows the Acropolis hill in Athens brightly illuminated against a deep blue evening sky. The Parthenon temple stands prominently at the center, glowing with warm golden light. Surrounding the Acropolis are additional ancient structures and the modern cityscape stretching into the distance. The contrast between the historic ruins and the contemporary urban lights creates a dramatic and serene night panorama." loading="lazy"/> 8210 8211 8212 8213 </picture> 8214 8215 8216 8217 </div> 8218 8219 </div> 8220 8221 8222 </div> 8223 8224 8225 8226 <div class="cmp-teaser__content cmp-teaser__content-padding-0"> 8227 <div class="cmp-teaser__content-copy"> 8228 8229 8230 <h3 class="cmp-teaser__subtitle headline-x-small headline-font-color-blue"> 8231 8232 Athens landmarks: Top sites to see 8233 8234 </h3> 8235 8236 8237 <div class="cmp-teaser__description description-fontsize-16px"><p>Athens landmarks await: the Acropolis, Parthenon, Temple of Zeus & more. See them all with Princess Cruises.</p> 8238</div> 8239 8240 </div> 8241 <div class="teaser-actions responsivegrid cmp-teaser__action-container"> 8242 8243 8244<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> 8245 8246 <div class="text cmp-text--padded-none cmp-text--spacing-none aem-GridColumn aem-GridColumn--default--12"> 8247<div class="cmp-text" id="text-9082c0a3f3"> 8248 <p>Jul 29, 2026 12Min</p> 8249</div> 8250 8251 8252 8253</div> 8254<div class="spacer cmp-spacer--remove-default-spacer-size cmp-spacer--space-16-mob cmp-spacer--space-16-desk aem-GridColumn aem-GridColumn--default--12"> 8255<div data-track-component-type="spacer" class="cmp-spacer "> 8256 8257</div> 8258</div> 8259<div class="button-v2 cmp-button-v2--style-link cmp-button-v2--aligned-left aem-GridColumn aem-GridColumn--default--12"> 8260 8261 8262 8263
8264<a class="cmp-button-v2" href="https://www.princess.com/en-us/blog/athens-landmarks" target="_self" aria-label="view-cruise" role="button" data-track-id="read-more" data-track-component-type="button-v2" tabindex="0" data-podcast-resource-path="false"> 8265 8266 <span class="cmp-button-v2__container"> 8267 <span class="cmp-button-v2__text">READ MORE</span> 8268 8269 <div class="cmp-button-v2__icon"> 8270 <svg class="cmp-button-v2__icon-svg"> 8271 <use href="#icon-chevron-next-black"/> 8272 </svg> 8273 </div> 8274 8275 </span> 8276 8277</a> 8278 8279 8280 8281 8282 8283 8284 8285</div> 8286 8287 8288</div> 8289</div> 8290 8291 8292 </div> 8293 </div> 8294</div> 8295 8296 8297 8298</div> 8299<div class="teaser cmp-teaser--type-card cmp-teaser--image-ratio-4x3 cmp-teaser--text-light cmp-teaser--overlay-light cmp-teaser--backgrond-color-card--transparent cmp-teaser--no-border-mobile cmp-teaser--cards-size--irregular cmp-teaser--blue-label aem-GridColumn aem-GridColumn--default--12"> 8300<div data-placeholder-text="false" data-checkmark-icon="icon-checkmark-light" data-track="cherry-blossom-season-japan" data-track-component-type="teaser" class="cmp-teaser" id="teaser-eaf72e513d" data-teaser-lazy data-teaser-card="true"> 8301 <div class="cmp-teaser__container"> 8302 8303 <div class="cmp-teaser__article-type"> 8304 Things to do 8305 </div> 8306 8307 <div class="cmp-teaser__image-area"> 8308 8309 8310 8311 <div class="cmp-teaser__image"> 8312 8313 <div data-asset="/content/dam/princess/blog/cherry-blossom-season-japan/Japan-Cherry-Blossoms-Princess-Cruises.jpeg" data-asset-id="c5a1da7d-0122-473f-b3cc-7f4b5aa676ac" data-background-image="false" data-dynamic-media-image="true" data-lazy-loaded="true" data-smart-crop-rendition="5x4" data-src="https://assets.princess.com/is/image/princesscruises/Japan-Cherry-Blossoms-Princess-Cruises%3A5x4?ts=1786478455241" data-title="Fuji mountain and cherry blossoms in spring, Japan." data-widths="128,256,512,1024,1280,1440,1920,2048" id="image-5bf6a3fde2" class="cmp-image" itemscope itemtype="http://schema.org/ImageObject"> 8314 8315 8316 <picture class="cmp-image__picture"> 8317 8318 8319 <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="cmp-image__image cmp-image__image--lazy-loading" itemprop="contentUrl" alt="Fuji mountain and cherry blossoms in spring, Japan." loading="lazy"/> 8320 8321 8322 8323 </picture> 8324 8325 8326 8327 </div> 8328 8329 </div> 8330 8331 8332 </div> 8333 8334 8335 8336 <div class="cmp-teaser__content cmp-teaser__content-padding-0"> 8337 <div class="cmp-teaser__content-copy"> 8338 8339 8340 <h3 class="cmp-teaser__subtitle headline-x-small headline-font-color-blue"> 8341 8342 Cherry blossom season Japan 8343 8344 </h3> 8345 8346 8347 <div class="cmp-teaser__description description-fontsize-16px"><p>See Japan's iconic cherry blossoms in bloom. Cruise sakura season with Princess: Tokyo, Osaka & beyond.</p> 8348</div> 8349 8350 </div> 8351 <div class="teaser-actions responsivegrid cmp-teaser__action-container"> 8352 8353 8354<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> 8355 8356 <div class="text cmp-text--padded-none cmp-text--spacing-none aem-GridColumn aem-GridColumn--default--12"> 8357<div class="cmp-text" id="text-0d46fb7af9"> 8358 <p>Jul 20, 2026 12Min</p> 8359</div> 8360 8361 8362 8363</div> 8364<div class="spacer cmp-spacer--remove-default-spacer-size cmp-spacer--space-16-mob cmp-spacer--space-16-desk aem-GridColumn aem-GridColumn--default--12"> 8365<div data-track-component-type="spacer" class="cmp-spacer "> 8366 8367</div> 8368</div> 8369<div class="button-v2 cmp-button-v2--style-link cmp-button-v2--aligned-left aem-GridColumn aem-GridColumn--default--12"> 8370 8371 8372 8373
8374<a class="cmp-button-v2" href="https://www.princess.com/en-us/blog/cherry-blossom-season-japan" target="_self" aria-label="view-cruise" role="button" data-track-id="read-more" data-track-component-type="button-v2" tabindex="0" data-podcast-resource-path="false"> 8375 8376 <span class="cmp-button-v2__container"> 8377 <span class="cmp-button-v2__text">READ MORE</span> 8378 8379 <div class="cmp-button-v2__icon"> 8380 <svg class="cmp-button-v2__icon-svg"> 8381 <use href="#icon-chevron-next-black"/> 8382 </svg> 8383 </div> 8384 8385 </span> 8386 8387</a> 8388 8389 8390 8391 8392 8393 8394 8395</div> 8396 8397 8398</div> 8399</div> 8400 8401 8402 </div> 8403 </div> 8404</div> 8405 8406 8407 8408</div> 8409<div class="teaser cmp-teaser--type-card cmp-teaser--image-ratio-4x3 cmp-teaser--text-light cmp-teaser--overlay-light cmp-teaser--backgrond-color-card--transparent cmp-teaser--no-border-mobile cmp-teaser--cards-size--irregular cmp-teaser--blue-label aem-GridColumn aem-GridColumn--default--12"> 8410<div data-placeholder-text="false" data-checkmark-icon="icon-checkmark-light" data-track="the-best-kayaking-in-alaska" data-track-component-type="teaser" class="cmp-teaser" id="teaser-acad63563b" data-teaser-lazy data-teaser-card="true"> 8411 <div class="cmp-teaser__container"> 8412 8413 <div class="cmp-teaser__article-type"> 8414 Things to do 8415 </div> 8416 8417 <div class="cmp-teaser__image-area"> 8418 8419 8420 8421 <div class="cmp-teaser__image"> 8422 8423 <div data-asset="/content/dam/princess/blog/the-best-kayaking-in-alaska/Kayaking-Alaska-Princess-Cruises.jpeg" data-asset-id="131ca0fd-6016-4838-b963-0365853977ee" data-background-image="false" data-dynamic-media-image="true" data-lazy-loaded="true" data-smart-crop-rendition="5x4" data-src="https://assets.princess.com/is/image/princesscruises/Kayaking-Alaska-Princess-Cruises%3A5x4?ts=1786478455672" data-title="A lone kayaker in a bright yellow kayak paddles across a cold, glacial lake toward a towering blue glacier. Snow-covered mountains rise behind the ice, framing the dramatic natural landscape. The water appears calm but frigid, emphasizing the remote and rugged environment. The scene conveys adventure, exploration, and the power of nature." data-widths="128,256,512,1024,1280,1440,1920,2048" id="image-a1f44c7d21" class="cmp-image" itemscope itemtype="http://schema.org/ImageObject"> 8424 8425 8426 <picture class="cmp-image__picture"> 8427 8428 8429 <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="cmp-image__image cmp-image__image--lazy-loading" itemprop="contentUrl" alt="A lone kayaker in a bright yellow kayak paddles across a cold, glacial lake toward a towering blue glacier. Snow-covered mountains rise behind the ice, framing the dramatic natural landscape. The water appears calm but frigid, emphasizing the remote and rugged environment. The scene conveys adventure, exploration, and the power of nature." loading="lazy"/> 8430 8431 8432 8433 </picture> 8434 8435 8436 8437 </div> 8438 8439 </div> 8440 8441 8442 </div> 8443 8444 8445 8446 <div class="cmp-teaser__content cmp-teaser__content-padding-0"> 8447 <div class="cmp-teaser__content-copy"> 8448 8449 8450 <h3 class="cmp-teaser__subtitle headline-x-small headline-font-color-blue"> 8451 8452 The best kayaking in Alaska 8453 8454 </h3> 8455 8456 8457 <div class="cmp-teaser__description description-fontsize-16px"><p>Explore kayaking in Alaska â glaciers, wildlife and calm protected bays available as Princess Cruises shore excursions.</p> 8458</div> 8459 8460 </div> 8461 <div class="teaser-actions responsivegrid cmp-teaser__action-container"> 8462 8463 8464<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> 8465 8466 <div class="text cmp-text--padded-none cmp-text--spacing-none aem-GridColumn aem-GridColumn--default--12"> 8467<div class="cmp-text" id="text-805094b195"> 8468 <p>Jul 07, 2026 12Min</p> 8469</div> 8470 8471 8472 8473</div> 8474<div class="spacer cmp-spacer--remove-default-spacer-size cmp-spacer--space-16-mob cmp-spacer--space-16-desk aem-GridColumn aem-GridColumn--default--12"> 8475<div data-track-component-type="spacer" class="cmp-spacer "> 8476 8477</div> 8478</div> 8479<div class="button-v2 cmp-button-v2--style-link cmp-button-v2--aligned-left aem-GridColumn aem-GridColumn--default--12"> 8480 8481 8482 8483
8484<a class="cmp-button-v2" href="https://www.princess.com/en-us/blog/kayaking-in-alaska" target="_self" aria-label="view-cruise" role="button" data-track-id="read-more" data-track-component-type="button-v2" tabindex="0" data-podcast-resource-path="false"> 8485 8486 <span class="cmp-button-v2__container"> 8487 <span class="cmp-button-v2__text">READ MORE</span> 8488 8489 <div class="cmp-button-v2__icon"> 8490 <svg class="cmp-button-v2__icon-svg"> 8491 <use href="#icon-chevron-next-black"/> 8492 </svg> 8493 </div> 8494 8495 </span> 8496 8497</a> 8498 8499 8500 8501 8502 8503 8504 8505</div> 8506 8507 8508</div> 8509</div> 8510 8511 8512 </div> 8513 </div> 8514</div> 8515 8516 8517 8518</div> 8519 8520 8521</div> 8522</div> 8523</div> 8524</div> 8525 8526 8527</div> 8528 8529 </div> 8530</div> 8531</div> 8532<div class="microsites-section cmp-section--fullwidth-forced-blog cmp-section--background-color-princess-white aem-GridColumn aem-GridColumn--default--12"> 8533<div id="no-title" class="cmp-section " data-track="no-title" data-track-component-type="section" data-background-image="false" data-dynamic-media-image="false" data-lazy-loaded="true" style="background-color: ; background: linear-gradient();"> 8534 8535 8536 <div class="cmp-section__container"> 8537 8538 8539 8540 8541 8542<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> 8543 8544 <div class="microsites-sign-up-form cmp-ve-sign-up-form--margin-top-none cmp-ve-sign-up-form--margin-right-none cmp-ve-sign-up-form--margin-bottom-none cmp-ve-sign-up-form--margin-left-none aem-GridColumn aem-GridColumn--default--12"><div class="cmp-ve-sign-up-form light-bg"> 8545 <div class="cmp-ve-sign-up-form__close"> 8546 <button class="cmp-ve-sign-up-form__close-btn" data-track-component-type="button" data-track-id="TO DO" data-track="TO DO" type="button" aria-label="Close Sign Up Modal"> 8547 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 8548 <path d="M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z" fill="black"/> 8549 </svg> 8550 </button> 8551 </div> 8552 <div class="cmp-ve-sign-up-form__container"> 8553 <div class="cmp-ve-sign-up-form__title"> 8554 <h1>Sign up to get the latest cruise deals in your inbox</h1> 8555 8556 </div> 8557 <div tabindex="0" aria-label="Form submitted, loading... please wait." class="cmp-ve-sign-up-form__loading"> 8558 </div> 8559 <form class="cmp-ve-sign-up-form__info-container" novalidate> 8560 <div class="cmp-ve-sign-up-form__fields-container"> 8561 <div class="cmp-ve-sign-up-form__field"> 8562 <label class="cmp-ve-sign-up-form__field-label" for="sign-up-form-email">Email*</label> 8563 <input required type="email" pattern="[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}" class="cmp-ve-sign-up-form__field-input" name="email" id="sign-up-form-email" aria-required="true" aria-describedby="-error"/> 8564 <div id="-error" class="cmp-ve-sign-up-form__error-message" aria-live="polite"></div> 8565 </div> 8566 <div class="cmp-ve-sign-up-form__field"> 8567 <label class="cmp-ve-sign-up-form__field-label" for="sign-up-firstName">First name*</label> 8568 <input required class="cmp-ve-sign-up-form__field-input" maxlength="50" onkeydown="return /[a-zA-Z\s]+/i.test(event.key)" type="text" name="firstName" id="sign-up-firstName" aria-required="true" aria-describedby="-error"/> 8569 <div id="-error" class="cmp-ve-sign-up-form__error-message" aria-live="polite"></div> 8570 </div> 8571 <div class="cmp-ve-sign-up-form__field"> 8572 <label class="cmp-ve-sign-up-form__field-label" for="sign-up-lastName">Last name*</label> 8573 <input required class="cmp-ve-sign-up-form__field-input" maxlength="50" onkeydown="return /[a-zA-Z\s]+/i.test(event.key)" type="text" name="lastName" id="sign-up-lastName" aria-required="true" aria-describedby="-error"/> 8574 <div id="-error" class="cmp-ve-sign-up-form__error-message" aria-live="polite"></div> 8575 </div> 8576 <div class="cmp-ve-sign-up-form__footnote"> 8577 <p>I authorize Princess Cruises to email me; I understand that I am able to unsuscribe at any time. For more details, see our <a href="https://www.princess.com/en-int/legal/legal-privacy">Privacy & Cookies Notice</a>.</p> 8578 8579 </div> 8580 </div> 8581 <div class="cmp-ve-sign-up-form__submit"> 8582 <button class="cmp-ve-sign-up-form__submit-btn" data-track-component-type="button" data-track-id="sign-up" data-track="sign up" type="submit"> 8583 SIGN UP 8584 </button> 8585 </div> 8586 </form> 8587 </div> 8588 <div class="cmp-ve-sign-up-form__success-message-container">
8589 <span class="cmp-ve-sign-up-form__success-message" tabindex="0" aria-live="polite" data-error-message="Server error"> 8590 You have signed up 8591 </span> 8592 </div> 8593</div> 8594 8595 8596 8597</div> 8598 8599 8600</div> 8601 8602 </div> 8603</div> 8604</div> 8605 8606 8607</div> 8608 8609 </div> 8610</div> 8611</div> 8612 8613 8614</div> 8615 8616 </div> 8617</div> 8618</div> 8619<div class="microsites-section cmp-section--background-color-princess-white aem-GridColumn aem-GridColumn--default--12"> 8620<div id="search-all-articles" class="cmp-section " data-track="search-all-articles" data-track-component-type="section" data-background-image="false" data-dynamic-media-image="false" data-lazy-loaded="true" style="background-color: ; background: linear-gradient();"> 8621 8622 8623 <div class="cmp-section__container"> 8624 8625 8626 8627 8628 8629<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> 8630 8631 <div class="microsites-section cmp-section--background-color-princess-white cmp-section--desk-left-space-80 cmp-section--tablet-left-space-64 cmp-section--mobile-left-space-24 cmp-section--desk-right-space-80 cmp-section--tablet-right-space-64 cmp-section--mobile-right-space-24 cmp-section--desk-top-space-48 cmp-section--tablet-top-space-48 cmp-section--mobile-top-space-40 cmp-section--desk-bottom-sp
8631ace-0 cmp-section--padding-top-0 aem-GridColumn aem-GridColumn--default--12"> 8632<div id="no-title" class="cmp-section " data-track="no-title" data-track-component-type="section" data-background-image="false" data-dynamic-media-image="false" data-lazy-loaded="true" style="background-color: ; background: linear-gradient();"> 8633 8634 8635 <div class="cmp-section__container"> 8636 8637 8638 8639 8640 8641<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> 8642 8643 <div class="title-subtitle-block title-subtitle-block--padding-top-none title-subtitle-block--padding-left-none title-subtitle-block--padding-right-none aem-GridColumn aem-GridColumn--default--12"> 8644 <div class="cmp-title-subtitle-block " data-track="the-princess-blog-articles-videos" data-track-component-type="title-subtitle-block" style="background: url(); 8645 background-repeat: no-repeat; 8646 background-position: center right; 8647 background-size: contain"> 8648 <div class="cmp-title-subtitle-block__container"> 8649 <div class="cmp-title-subtitle-block__eyebrowImage"><div class="image"> 8650 8651 8652 8653 8654 8655 8656</div> 8657</div> 8658 <div class="cmp-title-subtitle-block__content"> 8659 8660 8661 8662 8663 <h1 class="cmp-title-subtitle-block__headline headline-medium" style="color: #003595;"> 8664 The Princess Blog - Articles & Videos 8665 </h1> 8666 8667 8668 8669 8670 </div> 8671 8672 8673 8674 8675 8676 <div class="cmp-title-subtitle-block__sub-content"> 8677 8678 8679 8680<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> 8681 8682 8683 8684</div> 8685 8686 </div> 8687 8688 8689 8690 </div> 8691 </div> 8692 8693 8694 8695 8696 8697</div> 8698<div class="search-interface-blog-pages parbase aem-GridColumn aem-GridColumn--default--12"><div> 8699
8699<script type="module" src="https://static.cloud.coveo.com/atomic/v3.21.1/atomic.esm.js"></script>
8699 8700 <link rel="stylesheet" href="https://static.cloud.coveo.com/atomic/v3.21.1/themes/coveo.css"/> 8701 8702 <atomic-search-interface id="coveo-search-blog-pages" search-hub="blog search" fields-to-include='["pcl_blog_articles_coveo_card_image", "pcl_blog_articles_coveo_card_description","pcl_blog_articles_coveo_card_title","pcl_blog_articles_coveo_read_minutes","pcl_blog_articles_coveo_publication_date","pcl_blog_articles_coveo_card_label"]'> 8703 <atomic-search-layout> 8704 <atomic-layout-section section="facets"> 8705 8706 <div class="search-interface__facet-controls"> 8707 <span>Filter by</span> 8708 <reset-button label="Reset"></reset-button> 8709 </div> 8710 <atomic-facet-manager> 8711 <atomic-facet class="facet-item" field="pcl_blog_articles_coveo_facet_article_type" label="Article Types" sort-criteria="alphanumeric" number-of-values="8"> 8712 </atomic-facet> 8713 </atomic-facet-manager> 8714 <atomic-facet-manager> 8715 <atomic-facet class="facet-item" field="pcl_blog_articles_coveo_facet_destination_regions" label="Destinations" facet-id="destination_parent" sort-criteria="alphanumeric" number-of-values="8"> 8716 </atomic-facet> 8717 </atomic-facet-manager> 8718 <atomic-facet-manager> 8719 <atomic-facet class="facet-item" field="pcl_blog_articles_coveo_facet_alaska_sub_destinations" label="Alaska" depends-on-destination_parent="Alaska" number-of-values="5"> 8720 </atomic-facet> 8721 </atomic-facet-manager> 8722 <atomic-facet-manager> 8723 <atomic-facet class="facet-item" field="pcl_blog_articles_coveo_facet_california_sub_destinations" label="California" depends-on-destination_parent="California" number-of-values="5"> 8724 </atomic-facet> 8725 </atomic-facet-manager> 8726 <atomic-facet-manager> 8727 <atomic-facet class="facet-item" field="pcl_blog_articles_coveo_facet_hawaii_sub_destinations" label="Hawaii" depends-on-destination_parent="Hawaii" number-of-values="5"> 8728 </atomic-facet> 8729 </atomic-facet-manager> 8730 <atomic-facet-manager> 8731 <atomic-facet class="facet-item" field="pcl_blog_articles_coveo_facet_europe_sub_destinations" label="Europe" depends-on-destination_parent="Europe" number-of-values="5"> 8732 </atomic-facet> 8733 </atomic-facet-manager> 8734 <atomic-facet-manager> 8735 <atomic-facet class="facet-item" field="pcl_blog_articles_coveo_facet_japan_sub_destinations" label="Japan" depends-on-destination_parent="Japan" number-of-values="5"> 8736 </atomic-facet> 8737 </atomic-facet-manager> 8738 </atomic-layout-section> 8739 8740 <atomic-layout-section section="main"> 8741 8742 8743 <atomic-layout-section section="results"> 8744 <!-- <atomic-search-box></atomic-search-box> --> 8745 <custom-atomic-search-boxatomic-no-results-reset></custom-atomic-search-boxatomic-no-results-reset> 8746 <div class="sort-tools-wrapper"> 8747 <div class="search-status"> 8748 <atomic-query-summary></atomic-query-summary> 8749 </div> 8750 <custom-sort-dropdown></custom-sort-dropdown> 8751 <custom-refine-modal> 8752 <div class="sort-section" slot="sort-section"> 8753 <custom-sort-dropdown data-test-id="automation-custom-sort"></custom-sort-dropdown> 8754 <div class="reset-group"> 8755 <p class="filter-label">Filter by</p> 8756 <reset-button label="Reset filters"></reset-button> 8757 </div> 8758 </div> 8759 8760 <div slot="facets-section"> 8761 <atomic-layout-section section="facets-mobile" part="facets" is-collapsed="false"> 8762 <atomic-facet-manager is-collapsed="false"> 8763 <atomic-facet class="facet-item" facet-id="article_type_mobile" field="pcl_blog_articles_coveo_facet_article_type" label="Article Types" sort
8763-criteria="alphanumeric" number-of-values="8"> 8764 </atomic-facet> 8765 </atomic-facet-manager> 8766 <atomic-facet-manager is-collapsed="false"> 8767 <atomic-facet class="facet-item" field="pcl_blog_articles_coveo_facet_destination_regions" label="Destinations" facet-id="destination_parent_mobile" sort-criteria="alphanumeric" number-of-values="8"> 8768 </atomic-facet> 8769 </atomic-facet-manager> 8770 <atomic-facet-manager> 8771 <atomic-facet class="facet-item" facet-id="alaska_mobile" field="pcl_blog_articles_coveo_facet_alaska_sub_destinations" label="Alaska" depends-on-destination_parent_mobile="Alaska" sort-criteria="alphanumeric" number-of-values="5"> 8772 </atomic-facet> 8773 </atomic-facet-manager> 8774 <atomic-facet-manager> 8775 <atomic-facet class="facet-item" facet-id="california_mobile" field="pcl_blog_articles_coveo_facet_california_sub_destinations" label="California" depends-on-destination_parent_mobile="California" sort-criteria="alphanumeric"> 8776 </atomic-facet> 8777 </atomic-facet-manager> 8778 <atomic-facet-manager> 8779 <atomic-facet class="facet-item" facet-id="hawaii_mobile" field="pcl_blog_articles_coveo_facet_hawaii_sub_destinations" label="Hawaii" depends-on-destination_parent_mobile="Hawaii" sort-criteria="alphanumeric" number-of-values="5"> 8780 </atomic-facet> 8781 </atomic-facet-manager> 8782 <atomic-facet-manager> 8783 <atomic-facet class="facet-item" facet-id="europe_mobile" field="pcl_blog_articles_coveo_facet_europe_sub_destinations" label="Europe" depends-on-destination_parent_mobile="Europe" sort-criteria="alphanumeric" number-of-values="5"> 8784 </atomic-facet> 8785 </atomic-facet-manager> 8786 <atomic-facet-manager> 8787 <atomic-facet class="facet-item" facet-id="japan_mobile" field="pcl_blog_articles_coveo_facet_japan_sub_destinations" label="Japan" depends-on-destination_parent_mobile="Japan" sort-criteria="alphanumeric" number-of-values="5"> 8788 </atomic-facet> 8789 </atomic-facet-manager> 8790 </atomic-layout-section> 8791 </div> 8792 </custom-refine-modal> 8793 <div class="search-status search-status--mobile"> 8794 <atomic-query-summary></atomic-query-summary> 8795 </div> 8796 </div> 8797 <atomic-breadbox></atomic-breadbox> 8798 8799 <!-- Results, No-Results, Query error Components --> 8800 <atomic-result-list display="grid" image-size="large" density="compact"> 8801 <atomic-result-template> 8802 <template> 8803 <style> 8804 .custom-badge { 8805 background-color: var(--color-badge-bg); 8806 color: var(--color-badge-text); 8807 font-family: var(--font-family-primary); 8808 font-size: 1rem; 8809 font-weight: 600; 8810 padding: 0.5rem 2rem 0.5rem 1.5rem; 8811 border-radius: 0 0 2rem 0; 8812 display: inline-flex; 8813 align-items: center; 8814 justify-content: center; 8815 position: absolute; 8816 top: 0; 8817 left: 0; 8818 z-index: 2; 8819 } 8820 .result-root { 8821 height: 100%; 8822 } 8823 .result-card { 8824 display: flex; 8825 flex-direction: column; 8826 border-radius: 0; 8827 background-color: var(--color-bg); 8828 overflow: hidden; 8829 height: 100%; 8830 } 8831 atomic-result-badge::part(result-badge-element) { 8832 background-color: var(--color-badge-bg); 8833 color: var(--color-badge-text); 8834 font-family: var(--font-family-primary); 8835 font-size: 1rem; 8836 font-weight: 600; 8837 text-transform: none; 8838 display: inline-flex; 8839 align-items: center; 8840 justify-content: center; 8841 padding: 0.5rem 2rem 0.5rem 1.5rem; 8842 max-width: 16.5rem; 8843 border-radius: 0 0 2rem 0; 8844 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); 8845 } 8846 .result-card__visual { 8847 position: relative; 8848 } 8849 .result-card__badge { 8850 position: absolute; 8851 top: 12px; 8852 left: 12px; 8853 z-index: 2; 8854 } 8855 .result-image { 8856 aspect-ratio: 58/77; 8857 } 8858 .result-card__image atomic-result-image { 8859 width: 100%; 8860 height: 100%; 8861 object-fit: cover; 8862 aspect-ratio: 58/77; 8863 } 8864 atomic-result-image img { 8865 object-contain: cover; 8866 aspect-ratio: 58/77; 8867 object-fit: cover !important; 8868 } 8869 8870 atomic-result-section-title.cmp-search-interface-blog-pages__result-card__title atomic-result-text { 8871 color: var(--Text-Display, #003595); 8872 font-family: var(--Font-Family-Display, "Domaine Display"); 8873 font-size: var(--Font-Size-size-24-20); 8874 font-style: normal; 8875 font-weight: 700; 8876 line-height: var(--Font-Line-height-line-height-28); /* 116.667% */ 8877 letter-spacing: var(--Font-Letter-spacing-letter-spacing-1); 8878 display: -webkit-box; 8879 -webkit-line-clamp: 2; 8880 -webkit-box-orient: vertical; 8881 overflow: hidden; 8882 min-height: calc(var(--Font-Line-height-line-height-28) * 2); 8883 } 8884 8885 atomic-result-section-title.cmp-search-interface-blog-pages__result-card__title a:hover { 8886 text-decoration: none; 8887 } 8888 8889 atomic-result-text.cmp-search-interface-blog-pages__result-card__description { 8890 color: var(--Text-Body); 8891 font-feature-settings: 'liga' off, 'clig' off; 8892 font-family: var(--Font-Family-Body); 8893 font-size: var(--Font-Size-size-18); 8894 font-style: normal; 8895 font-weight: 400; 8896 line-height: var(--Font-Line-height-line-height-28); 8897 letter-spacing: var(--Font-Letter-spacing-letter-spacing-0); 8898 display: block; 8899 width: 100%; 8900 display: -webkit-box; 8901 -webkit-line-clamp: 4; 8902 -webkit-box-orient: vertical; 8903 overflow: hidden; 8904 width: 100%; 8905 } 8906 8907 .result-description-wrapper { 8908 min-height: calc(var(--Font-Line-height-line-height-28) * 4); 8909 } 8910 8911 atomic-result-text 8912 .result-card__content-container { 8913 display: flex; 8914 flex-direction: column; 8915 justify-content: space-between; 8916 height: 100%; 8917 } 8918 .result-card__title { 8919 font-family: var(--font-family-secondary); 8920 font-size: var(--font-size-title); 8921 line-height: 2.25rem; 8922 padding: 1rem 0; 8923 color: var(--colors-princess-blue); 8924 letter-spacing: 0.0625rem; 8925 font-weight: 700; 8926 } 8927 .result-card__meta { 8928 display: flex; 8929 flex-direction: column; 8930 gap: 8px; 8931 padding: 0 0 1rem; 8932 } 8933 .result-card__meta-item { 8934 display: flex; 8935 align-items: center; 8936 gap: 0.5rem; 8937 font-family: var(--font-family-primary); 8938 font-size: var(--font-size-base); 8939 color: var(--color-black); 8940 font-weight: 600; 8941 line-height: 1.5rem; 8942 } 8943 .result-icon { 8944 display: inline-flex; 8945 justify-content: center; 8946 align-items: center; 8947 width: 1.5rem; 8948 height: 1.5rem; 8949 flex-shrink: 0; 8950 } 8951 .result-icon svg { 8952 width: 100%; 8953 height: 100%; 8954 display: block; 8955 fill: var(--colors-princess-blue); 8956 } 8957 .result-card__link atomic-result-link::part(link) { 8958 display: inline-flex; 8959 align-items: center; 8960 gap: 8px; 8961 font-family: var(--font-primary); 8962 font-size: 1.125rem; 8963 font-weight: 600; 8964 color: var(--color-accent); 8965 text-decoration: underline; 8966 } 8967 .result-card__link atomic-result-link::part(link):hover { 8968 text-decoration: none; 8969 } 8970 atomic-result-link a { 8971 display: inline-flex; 8972 align-items: center; 8973 font-size: 1.125rem; 8974 line-height: 1.75rem; 8975 font-weight: 600; 8976 font-family: var(--font-family-primary); 8977 gap: 8px; 8978 color: var(--color-text-primary); 8979 8980 } 8981 atomic-result-link a:visited { 8982 color: var(--color-text-primary) !important; 8983 } 8984 atomic-result-link a:focus-visible { 8985 outline: none; 8986 border: 2px solid var(--colors-princess-focus); 8987 } 8988 .result-content { 8989 padding-top: 16px; 8990 display: flex; 8991 flex-direction: column; 8992 align-items: flex-start; 8993 gap: var(--Padding-padding-16); 8994 flex: 1 0 0; 8995 } 8996 .explore-icon { 8997 display: flex; 8998 justify-content: center; 8999 align-items: center; 9000 width: 40px; 9001 height: 40px; 9002 position: relative; 9003 border-radius: 50%; 9004 flex-shrink: 0; 9005 } 9006 .explore-ellipse { 9007 position: absolute; 9008 top: 0; 9009 left: 0; 9010 } 9011 .explore-chevron { 9012 position: relative; 9013 z-index: 1; 9014 } 9015 .result-meta { 9016 gap: 16px; 9017 display: flex; 9018 color: var(--Text-Body, #020215); 9019 font-feature-settings: 'liga' off, 'clig' off; 9020 font-family: var(--Font-Family-Body); 9021 font-size: var(--Font-Size-size-18, 18px); 9022 font-style: normal; 9023 font-weight: 400; 9024 line-height: var(--Font-Line-height-line-height-28, 28px); 9025 letter-spacing: var(--Font-Letter-spacing-letter-spacing-0, 0); 9026 min-height: calc(var(--Font-Line-height-line-height-28) * 1); 9027 } 9028 </style> 9029 <div class="result-card"> 9030 <atomic-result-section-visual class="result-image
9030"> 9031 <type-label></type-label> 9032 <atomic-field-condition if-defined="pcl_blog_articles_coveo_card_image"> 9033 <atomic-result-image field="pcl_blog_articles_coveo_card_image" fallback="/content/dam/princess/blog/default-image-blog-pages.png"></atomic-result-image> 9034 </atomic-field-condition> 9035 9036 <atomic-field-condition if-not-defined="pcl_blog_articles_coveo_card_image"> 9037 <img src="/content/dam/princess/blog/default-image-blog-pages.png" alt="Blog default image"/> 9038 </atomic-field-condition> 9039 </atomic-result-section-visual> 9040 <div class="result-content"> 9041 <atomic-result-section-title class="result-title cmp-search-interface-blog-pages__result-card__title"> 9042 <atomic-field-condition if-defined="pcl_blog_articles_coveo_card_title"> 9043 <atomic-result-text field="pcl_blog_articles_coveo_card_title"></atomic-result-text> 9044 </atomic-field-condition> 9045 <atomic-field-condition if-not-defined="pcl_blog_articles_coveo_card_title"> 9046 <atomic-result-link></atomic-result-link> 9047 </atomic-field-condition> 9048 </atomic-result-section-title> 9049 <div class="result-description-wrapper"> 9050 <atomic-result-section-excerpt class="result-description"> 9051 <atomic-result-text field="pcl_blog_articles_coveo_card_description" class="cmp-search-interface-blog-pages__result-card__description"></atomic-result-text> 9052 </atomic-result-section-excerpt> 9053 </div> 9054 <div class="result-meta"> 9055 <atomic-field-condition if-defined="pcl_blog_articles_coveo_publication_date"> 9056 <atomic-result-date format="MMM DD, YYYY" field="pcl_blog_articles_coveo_publication_date"></atomic-result-date> 9057 </atomic-field-condition> 9058 <atomic-field-condition if-defined="pcl_blog_articles_coveo_read_minutes"> 9059 <atomic-result-number field="pcl_blog_articles_coveo_read_minutes"></atomic-result-number> min 9060 </atomic-field-condition> 9061 </div> 9062 <read-more-button></read-more-button> 9063 </div> 9064 </div> 9065 </template> 9066 </atomic-result-template> 9067 </atomic-result-list> 9068 <!-- <atomic-no-results></atomic-no-results> --> 9069 <atomic-query-error></atomic-query-error> 9070 </atomic-layout-section> 9071 </atomic-layout-section> 9072 </atomic-search-layout> 9073 <atomic-layout-section section="pagination"> 9074 <!-- Pagination, Load More, Results per page Components --> 9075 <atomic-load-more-results></atomic-load-more-results> 9076 <atomic-results-per-page style="display:none" choices-displayed="12"></atomic-results-per-page> 9077 <custom-back-to-top></custom-back-to-top> 9078 </atomic-layout-section> 9079 </atomic-search-interface> 9080</div> 9081 9082 9083 9084 9085</div> 9086 9087 9088</div> 9089 9090 </div> 9091</div> 9092</div> 9093<div class="spacer aem-GridColumn aem-GridColumn--default--12"> 9094<div data-track-component-type="spacer" class="cmp-spacer "> 9095 9096</div> 9097</div> 9098 9099 9100</div> 9101 9102 </div> 9103</div> 9104</div> 9105<div class="microsites-section cmp-section--background-color-princess-white cmp-section--desk-top-space-0 cmp-section--padding-bottom-small aem-GridColumn aem-GridColumn--default--12"> 9106<div id="podcast" class="cmp-section " data-track="podcast" data-track-component-type="section" data-background-image="false" data-dynamic-media-image="false" data-lazy-loaded="true" style="background-color: ; background: linear-gradient();"> 9107 9108 9109 <div class="cmp-section__container"> 9110 9111 9112 9113 9114 9115<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> 9116 9117 <div class="microsites-section cmp-section--background-color-princess-blue cmp-section--background-color--dark cmp-section--rounded-top-right-edge-large aem-GridColumn aem-GridColumn--default--12"> 9118<div id="no-title" class="cmp-section " data-track="no-title" data-track-component-type="section" data-background-image="false" data-dynamic-media-image="false" data-lazy-loaded="true" style="background-color: ; background: linear-gradient();"> 9119 9120 9121 <div class="cmp-section__container"> 9122 9123 9124 9125 9126 9127<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> 9128 9129 <div class="microsites-section cmp-section--desk-left-space-80 cmp-section--tablet-left-space-64 cmp-section--mobile-left-space-24 cmp-section--desk-right-space-80 cmp-section--tablet-right-space-64 cmp-section--mobile-right-space-24 cmp-section--desk-top-space-32 cmp-section--tablet-top-space-16 cmp-section--mobile-top-space-16 cmp-section--desk-bottom-sp
9129ace-48 cmp-section--tablet-bottom-space-48 cmp-section--mobile-bottom-space-40 cmp-section--padding-bottom-0 aem-GridColumn aem-GridColumn--default--12"> 9130<div id="recent-articles" class="cmp-section " data-track="recent-articles" data-track-component-type="section" data-background-image="false" data-dynamic-media-image="false" data-lazy-loaded="true" style="background-color: ; background: linear-gradient();"> 9131 9132 9133 <div class="cmp-section__container"> 9134 9135 9136 9137 9138 9139<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> 9140 9141 <div class="title-subtitle-block title-subtitle-block--padding-top-none title-subtitle-block--padding-left-none title-subtitle-block--padding-right-none aem-GridColumn aem-GridColumn--default--12"> 9142 <div class="cmp-title-subtitle-block " data-track="the-great-land-podcast" data-track-component-type="title-subtitle-block" style="background: url(); 9143 background-repeat: no-repeat; 9144 background-position: center right; 9145 background-size: contain"> 9146 <div class="cmp-title-subtitle-block__container"> 9147 <div class="cmp-title-subtitle-block__eyebrowImage"><div class="image"> 9148 9149 9150 9151 9152 9153 9154</div> 9155</div> 9156 <div class="cmp-title-subtitle-block__content"> 9157 9158 9159 9160 9161 <h2 class="cmp-title-subtitle-block__headline headline-medium" style="color: #FFFFFF;"> 9162 The Great Land Podcast 9163 </h2> 9164 9165 9166 9167 9168 </div> 9169 9170 9171 9172 9173 9174 <div class="cmp-title-subtitle-block__sub-content"> 9175 9176 9177 9178<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> 9179 9180 9181 9182</div> 9183 9184 </div> 9185 9186 9187 9188 </div> 9189 </div> 9190 9191 9192 9193 9194 9195</div> 9196<div class="grid-container cmp-grid-container--carousel cmp-grid-container--carousel-mobile-tablet cmp-grid-container--carousel-counter-white cmp-grid-container--3col-4 padding-top-0 padding-bottom-0 padding-side-0-desktop cmp-grid-container--full-width aem-GridColumn aem-GridColumn--default--12"> 9197 9198<div class="cmp-grid-container " id="grid-container-ee05d5d78c"> 9199 9200 9201 <div class="cmp-grid-container--carousel__controls-container"> 9202 <div class="cmp-grid-container--carousel__counter-ada" aria-live="polite" aria-atomic="true"></div> 9203 <div class="cmp-grid-container--carousel__counter"><b class="cmp-grid-container--carousel__counter-index">--</b> / <span class="cmp-grid-container--carousel__counter-length">--</span></div> 9204 <div class="cmp-grid-container--carousel__controls" role="group" aria-label="Slide controls"> 9205 <button class="cmp-grid-container--carousel__controls-btn" aria-label="Previous item " data-track-id="left-arrow"> 9206 <svg aria-hidden="true" class="svg-icon svg-icon-chevron-back"> 9207 <use xlink:href="#icon-chevron-back"></use> 9208 </svg> 9209 </button> 9210 9211 <button class="cmp-grid-container--carousel__controls-btn" aria-label="Next item " data-track-id="right-arrow"> 9212 <svg aria-hidden="true" class="svg-icon svg-icon-chevron-next"> 9213 <use xlink:href="#icon-chevron-next"></use> 9214 </svg> 9215 </button> 9216 </div> 9217 </div> 9218 <div class="cmp-grid-container__items"> 9219 9220 9221<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> 9222 9223 <div class="teaser cmp-teaser--type-card cmp-teaser--image-ratio-4x3 cmp-teaser--text-light cmp-teaser--overlay-light cmp-teaser--backgrond-color-card--transparent cmp-teaser--no-border-mobile cmp-teaser--cards-size--irregular cmp-teaser--blue-label aem-GridColumn aem-GridColumn--default--12"> 9224<div data-placeholder-text="false" data-checkmark-icon="icon-checkmark-light" data-track-component-type="teaser" class="cmp-teaser" id="teaser-838903c219" data-teaser-lazy data-teaser-card="true"> 9225 <div class="cmp-teaser__container"> 9226 9227 <div class="cmp-teaser__article-type"> 9228 Episode 1 9229 </div> 9230 9231 <div class="cmp-teaser__image-area"> 9232 9233 <div class="teaser-image-parsys responsivegrid cmp-teaser__image-overlay-cta"> 9234 9235 9236<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> 9237 9238 <div class="button-v2 cmp-button-v2--aligned-left cmp-button-v2--icon-invert cmp-button-v2--icon-revert aem-GridColumn aem-GridColumn--default--12"> 9239 9240 9241 9242 9243<a class="cmp-button-v2 cmp-button-v2--podcast" href="#" target="_self" aria-label="start" role="button" data-track-id="play" data-track="podcast" data-track-component-type="button-v2" tabindex="0" data-analytics-do-not-inherit-level-2="true" data-analytics-do-not-inherit-level-1="true" data-podcast-share-copy-link-data-track-id="copy-link" data-podcast-share-icon-data-track-id="icon" data-podcast-share-data-track="podcast-share" data-podcast-transcript-collapse-data-track-id="collapse" data-podcast-transcript-data-track-id="transcript" data-podcast-transcript-data-track="podcast-transcript" data-podcast-dislike-data-track-id="thumbs-down" data-podcast-like-data-track-id="thumbs-up" data-podcast-pause-data-track-id="pause" data-podcast-play-data-track-id="start" data-podcast-play-data-track="podcast" data-podcast-cta-data-track-id="explore more" data-podcast-cta-data-track="podcast-player" data-podcast-is-video="true" data-podcast-show-share="true" data-podcast-cta-link="https://www.princess.com/blog/all-the-best-things-to-do-in-alaska" data-podcast-cta-text="Explore More" data-podcast-episode-label="Episode 01" data-podcast-title="Alaska (Glaciers, Wildlife, Mountains)" data-podcast-winbox-title="The Great Land Podcast" data-podcast-logo-image="https://assets.princess.com/is/image/princesscruises/logo_seawitch-icon-white?qlt=82&ts=1785164307863&fmt=png-alpha&bfc=on" data-podcast-hero-image="https://assets.princess.com/is/image/princesscruises/adobestock-nugget-falls-princess-cruises?qlt=82&ts=1785164307822" data-podcast-src="https://assets.princess.com/is/content/princesscruises/Episode-1-Master-video-v3-optimized-no-fade" data-podcast-open="true" aria-controls="podcast-popup" aria-expanded="false" data-podcast-resource-path="/content/princess/en-us/blog/jcr:content/root/main-par/section_copy_copy_co/section-par/section/section-par/section_1993012337_c/section-par/grid_container_18824/grid
9243/teaser_copy_copy_823/teaser-image-parsys/cmp_call_out__cta_el" data-podcast-resource-name="cmp_call_out__cta_el"> 9244 9245 <span class="cmp-button-v2__container"> 9246 <span class="cmp-button-v2__text">Play</span> 9247 9248 <div class="cmp-button-v2__icon"> 9249 <svg class="cmp-button-v2__icon-svg"> 9250 <use href="#icon-arrow"/> 9251 </svg> 9252 </div> 9253 9254 </span> 9255 9256</a> 9257 9258 9259 <div id="podcast-winbox-backstore" hidden> 9260 <div class="podcast-popup podcast-popup--winbox" id="podcast-popup"> 9261 9262 <div class="podcast-popup__drag-handle" aria-hidden="true"> 9263 <span></span> 9264 </div> 9265 9266 <div class="podcast-popup__shell"> 9267 <div class="podcast-popup__hero"> 9268 <img src="https://www.princess.com/en-us/" alt="" class="podcast-popup__princess-hero-image"/> 9269 9270 <video id="podcast-popup-video" class="podcast-popup__video" playsinline style="display:none; width:100%; height:100%; object-fit:cover; position:absolute; inset:0;"> 9271 <source src="" type="video/mp4"/> 9272 </video> 9273
9274 <img src="https://www.princess.com/en-us/" alt="" class="podcast-popup__princess-logo-image"/> 9275 </div> 9276 9277 <button type="button" class="podcast-popup__close-mobile" id="podcast-popup-close-mobile" aria-label="Close" data-focus-pre="1"> 9278 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> 9279 <path d="M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z" fill="#020215"/> 9280 </svg> 9281 </button> 9282 9283 <div class="podcast-popup__body"> 9284 9285 <div class="share-btn__wrapper"> 9286 <button type="button" class="podcast-popup__icon-btn share-btn" id="podcast-popup-share-trigger" aria-label="Share" data-focus-pre="2" aria-haspopup="menu" aria-expanded="false" aria-controls="podcast-popup-share-popover"> 9287 <span class="podcast-popup__icon-btn-wrap" aria-hidden="true"> 9288 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> 9289 <path d="M16 5L14.58 6.42L12.99 4.83V16H11.01V4.83L9.42 6.42L8 5L12 1L16 5ZM20 10V21C20 22.1 19.1 23 18 23H6C4.89 23 4 22.1 4 21V10C4 8.89 4.89 8 6 8H9V10H6V21H18V10H15V8H18C19.1 8 20 8.89 20 10Z" fill="#020215"/> 9290 </svg> 9291 </span> 9292 </button> 9293 <div class="podcast-popup__share-popover" id="podcast-popup-share-popover" role="menu" aria-label="Share options"> 9294 <button type="button" class="podcast-popup__copy-btn" id="podcast-popup-copy-link" role="menuitem"> 9295 <span class="podcast-popup__icon-btn-wrap"> 9296 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> 9297 <path d="M9.54998 18.0001L3.84998 12.3001L5.27498 10.8751L9.54998 15.1501L18.725 5.9751L20.15 7.4001L9.54998 18.0001Z" fill="#059669"/> 9298 </svg> 9299 </span> 9300 <span class="podcast-popup__copy-text">Copy link</span> 9301 </button> 9302 </div> 9303 </div> 9304 9305 <div class="podcast-popup__body-heading"> 9306 <p class="podcast-popup__episode-label eyebrow" id="podcast-popup-episode-label" tabindex="-1" data-focus-pre="3"></p> 9307 <h3 class="podcast-popup__episode-title body-copy-large-bold" id="podcast-popup-episode-title" tabindex="-1" data-focus-pre="4"></h3> 9308 <a class="podcast-popup__hero-cta podcast-popup__hero-cta--sheet-body" href="#" data-focus-pre="5"> 9309 <span class="podcast-popup__hero-cta-text"></span> 9310 <svg xmlns="http://www.w3.org/2000/svg" width="6" height="12" viewBox="0 0 6 12" fill="none"> 9311 <path d="M6 6L5.85661e-07 12L2.05389 6.03804L9.53674e-07 -4.28564e-07L6 6Z" fill="#020215"/> 9312 </svg> 9313 </a> 9314 </div> 9315 <div class="podcast-popup__player"> 9316 <audio id="podcast-popup-audio" class="podcast-popup__audio" preload="metadata"> 9317 <source src="" type="audio/mpeg"/> 9318 </audio> 9319 9320 <button type="button" class="podcast-popup__play" id="podcast-popup-play" aria-label="Play" data-focus-pre="6"> 9321 <span class="podcast-popup__play-icon" aria-hidden="true"></span> 9322 </button> 9323 <div class="podcast-popup__timeline"> 9324 <span id="podcast-popup-time-current" class="body-copy-medium podcast-popup-time-current-item">0:00</span> 9325 <div class="podcast-popup__timeline-container"> 9326 <div class="podcast-popup__buffer-bar"></div> 9327 <input id="podcast-popup-progress" class="podcast-popup__progress" type="range" min="0" max="100" value="
93270" step="0.1" aria-label="Seek" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0" data-focus-pre="7"/> 9328 </div> 9329 <span id="podcast-popup-time-total" class="podcast-popup-time-total-number body-copy-medium">0:00</span> 9330 </div> 9331 </div> 9332 </div> 9333 9334 <div class="podcast-popup__mini-player" id="podcast-mini-player"> 9335 <div class="podcast-popup__mini-content"> 9336 <div class="podcast-popup__player"> 9337 <div class="podcast-popup__timeline"> 9338 <div class="podcast-popup__timeline-container"> 9339 <div class="podcast-popup__buffer-bar podcast-mini-buffer"></div> 9340 <input id="podcast-mini-progress" class="podcast-popup__progress podcast-mini-progress-input" type="range" min="0" max="100" value="0" step="0.1" aria-label="Seek" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0"/> 9341 </div> 9342 </div> 9343 <div class="podcast-popup__body-heading"> 9344 <h3 class="podcast-popup__episode-title body-copy-medium-bold podcast-mini-title-text"></h3> 9345 </div> 9346 <button type="button" class="podcast-popup__play" id="podcast-mini-play-btn" aria-label="Play"> 9347 <span class="podcast-popup__play-icon" aria-hidden="true"></span> 9348 </button> 9349 </div> 9350 </div> 9351 </div> 9352 9353 <div class="podcast-popup__footer"> 9354 <button type="button" class="podcast-popup__transcript-btn-mobile type-cta-link" id="podcast-popup-transcript-trigger-mobile" aria-label="Transcript" aria-expanded="false" aria-controls="podcast-popup-transcript-panel" data-focus-pre="8"> 9355 <span class="podcast-popup__transcript-btn-mobile-icon" aria-hidden="true"> 9356 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> 9357 <path d="M4 6H2V20C2 21.1 2.9 22 4 22H18V20H4V6ZM20 2H8C6.9 2 6 2.9 6 4V16C6 17.1 6.9 18 8 18H20C21.1 18 22 17.1 22 16V4C22 2.9 21.1 2 20 2ZM20 16H8V4H20V16ZM10 9H18V11H10V9ZM10 12H14V14H10V12ZM10 6H18V8H10V6Z" fill="black"/> 9358 </svg> 9359 </span> 9360 <span class="podcast-popup__transcript-btn-mobile-text">Transcript</span> 9361 </button> 9362 <button type="button" class="podcast-popup__transcript-btn type-cta-text-link" id="podcast-popup-transcript-trigger" aria-label="Transcript" aria-expanded="false" aria-controls="podcast-popup-transcript-panel" data-focus-pre="8"> 9363 <span class="podcast-popup__icon-btn-wrap" aria-hidden="true"> 9364 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> 9365 <path d="M4 3H20C21.1 3 22 3.9 22 5V19C22 20.1 21.1 21 20 21H4C2.9 21 2 20.1 2 19V5C2 3.9 2.9 3 4 3ZM4 5V19H20V5H4ZM6 8H18V10H6V8ZM6 12H18V14H6V12ZM6 16H14V18H6V16Z" fill="#020215"/> 9366 </svg> 9367 </span> 9368 <span class="podcast-popup__transcript-btn-text">Transcript</span> 9369 </button> 9370 <div class="podcast-popup__icon-btn-wrapper"> 9371 <button type="button" class="podcast-popup__icon-btn like-btn" id="podcast-popup-like-trigger" aria-label="Like" data-focus-pre="9"> 9372 <span class="podcast-popup__icon-btn-wrap" aria-hidden="true"> 9373 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> 9374 <path d="M9 21H18C18.83 21 19.54 20.5 19.84 19.78L22.86 12.73C22.95 12.5 23 12.26 23 12V10C23 8.9 22.1 8 21 8H14.69L15.64 3.43L15.67 3.11C15.67 2.7 15.5 2.32 15.23 2.05L14.17 1L7.58 7.59C7.22 7.95 7 8.45 7 9V19C7 20.1 7.9 21 9 21ZM9 9L13.34 4.66L12 10H21V12L18 19H9V9ZM1 9H5V21H1V9Z" fill="#020215"/> 9375 </svg> 9376 </span> 9377 </button> 9378 <button type="button" class="podcast-popup__icon-btn liked-btn" id="podcast-popup-liked-trigger" aria-label="Liked">
9379 <span class="podcast-popup__icon-btn-wrap" aria-hidden="true"> 9380 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> 9381 <path d="M1 21H5V9H1V21ZM23 10C23 8.9 22.1 8 21 8H14.69L15.64 3.43L15.67 3.11C15.67 2.7 15.5 2.32 15.23 2.05L14.17 1L7.59 7.59C7.22 7.95 7 8.45 7 9V19C7 20.1 7.9 21 9 21H18C18.83 21 19.54 20.5 19.84 19.78L22.86 12.73C22.95 12.5 23 12.26 23 12V10Z" fill="#003595"/> 9382 </svg> 9383 </span> 9384 </button> 9385 <button type="button" class="podcast-popup__icon-btn dislike-btn" id="podcast-popup-dislike-trigger" aria-label="Dislike" data-focus-pre="10"> 9386 <span class="podcast-popup__icon-btn-wrap" aria-hidden="true"> 9387 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> 9388 <path d="M15 3H6C5.17 3 4.46 3.5 4.16 4.22L1.14 11.27C1.05 11.5 1 11.74 1 12V14C1 15.1 1.9 16 3 16H9.31L8.36 20.57L8.33 20.89C8.33 21.3 8.5 21.68 8.77 21.95L9.83 23L16.42 16.41C16.78 16.05 17 15.55 17 15V5C17 3.9 16.1 3 15 3ZM15 15L10.66 19.34L12 14H3V12L6 5H15V15ZM19 3H23V15H19V3Z" fill="#020215"/> 9389 </svg> 9390 </span> 9391 </button> 9392 <button type="button" class="podcast-popup__icon-btn disliked-btn" id="podcast-popup-disliked-trigger" aria-label="Disliked"> 9393 <span class="podcast-popup__icon-btn-wrap" aria-hidden="true"> 9394 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> 9395 <path d="M15 3H6C5.17 3 4.46 3.5 4.16 4.22L1.14 11.27C1.05 11.5 1 11.74 1 12V14C1 15.1 1.9 16 3 16H9.31L8.36 20.57L8.33 20.89C8.33 21.3 8.5 21.68 8.77 21.95L9.83 23L16.42 16.41C16.78 16.05 17 15.55 17 15V5C17 3.9 16.1 3 15 3ZM19 3V15H23V3H19Z" fill="#003595"/> 9396 </svg> 9397 </span> 9398 </button> 9399 </div> 9400 9401 <a class="podcast-popup__hero-cta" id="podcast-popup-hero-cta-footer" href="#" data-focus-pre="11"> 9402 <span class="podcast-popup__hero-cta-text"></span> 9403 <svg xmlns="http://www.w3.org/2000/svg" width="6" height="12" viewBox="0 0 6 12" fill="none"> 9404 <path d="M6 6L5.85661e-07 12L2.05389 6.03804L9.53674e-07 -4.28564e-07L6 6Z" fill="#020215"/> 9405 </svg> 9406 </a> 9407 </div> 9408 9409 <div class="podcast-popup__transcript-panel" id="podcast-popup-transcript-panel" aria-hidden="true"> 9410 <div class="podcast-popup__transcript-drag-handle" aria-hidden="true"> 9411 <span></span> 9412 </div> 9413 <div class="podcast-popup__transcript-header"> 9414 <div class="podcast-popup__transcript-player"> 9415 <button type="button" class="podcast-popup__transcript-play-btn" id="podcast-popup-transcript-play" aria-label="Play" data-focus-transcript="2"> 9416 <span class="podcast-popup__transcript-play-btn-icon" aria-hidden="true"> 9417 <svg class="podcast-popup__transcript-icon podcast-popup__transcript-icon-play" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true"> 9418 <path d="M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 20C7.59 20 4 16.41 4 12C4 7.59 7.59 4 12 4C16.41 4 20 7.59 20 12C20 16.41 16.41 20 12 20ZM10 16.5L16 12L10 7.5V16.5Z" fill="#020215"/> 9419 </svg> 9420 <svg class="podcast-popup__transcript-icon podcast-popup__transcript-icon-pause" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true"> 9421 <path d="M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 20C7.59 20 4 16.41 4 12C4 7.59 7.59 4 12 4C16.41 4 20 7.59 20 12C20 16.41 16.41 20 12 20ZM11 16H9V8H11V16ZM15 16H13V8H15V16Z" fill="#020215"/> 9422 </svg> 9423 </span>
9424 <span class="podcast-popup__transcript-state-label type-cta-link">PLAY</span> 9425 </button> 9426 <span class="podcast-popup__transcript-time body-copy-medium" id="podcast-popup-transcript-time" tabindex="-1" data-focus-transcript="3"> 9427 <span class="podcast-popup-time-current-item podcast-popup__transcript-time-current">0:00</span> 9428 <span class="podcast-popup__transcript-time-sep">/</span> 9429 <span class="podcast-popup-time-total-number podcast-popup__transcript-time-total">0:00</span> 9430 </span> 9431 </div> 9432 <button type="button" class="podcast-popup__transcript-collapse type-cta-link" id="podcast-popup-transcript-collapse" aria-label="Collapse transcript" data-focus-transcript="1"> 9433 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" aria-hidden="true"> 9434 <path d="M7.41 8.59L12 13.17L16.59 8.59L18 10L12 16L6 10L7.41 8.59Z" fill="#020215"/> 9435 </svg> 9436 <span class="podcast-popup__transcript-collapse-text">Collapse</span> 9437 </button> 9438 </div> 9439 <div class="podcast-popup__transcript-body podcast-popup__transcript-body--rte" id="podcast-popup-transcript-body" tabindex="-1" data-focus-transcript="4"> 9440 <h3>The standard Lorem Ipsum passage, used since 1966</h3> 9441<p>"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."</p> 9442<h3>Section 1.10.32 of "de Finibus Bonorum et Malorum", written by Cicero in 45 BC</h3> 9443<p>"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?"</p> 9444<h3>1914 translation by H. Rackham</h3> 9445<p>"But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences that are extremely painful. Nor again is there anyone who loves or pursues or desires to obtain pain of itself, because it is pain, but because occasionally circumstances occur in which toil and pain can procure him some great pleasure. To take a trivial example, which of us ever undertakes laborious physical exercise, except to obtain some advantage from it? But who has any right to find fault with a man who chooses to enjoy a pleasure that has no annoying consequences, or one who avoids a pain that produces no resultant pleasure?"</p> 9446<h3>Section 1.10.33 of "de Finibus Bonorum et Malorum", written by Cicero in 45 BC</h3> 9447<p>"At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat."</p> 9448<h3>1914 translation by H. Rackham</h3> 9449<p>"
9449On the other hand, we denounce with righteous indignation and dislike men who are so beguiled and demoralized by the charms of pleasure of the moment, so blinded by desire, that they cannot foresee the pain and trouble that are bound to ensue; and equal blame belongs to those who fail in their duty through weakness of will, which is the same as saying through shrinking from toil and pain. These cases are perfectly simple and easy to distinguish. In a free hour, when our power of choice is untrammelled and when nothing prevents our being able to do what we like best, every pleasure is to be welcomed and every pain avoided. But in certain circumstances and owing to the claims of duty or the obligations of business it will frequently occur that pleasures have to be repudiated and annoyances accepted. The wise man therefore always holds in these matters to this principle of selection: he rejects pleasures to secure other greater pleasures, or else he endures pains to avoid worse pains."</p> 9450 9451 </div> 9452 </div> 9453 </div> 9454 </div> 9455 <style> 9456 /* stylelint-disable order/properties-alphabetical-order */ 9457 .podcast-popup { 9458 position: relative; 9459 width: 100%; 9460 box-sizing: border-box; 9461 background: #fff; 9462 } 9463 9464 .podcast-popup--winbox { 9465 box-shadow: none; 9466 border-radius: 0; 9467 max-height: none; 9468 overflow: visible; 9469 flex: 1; 9470 display: flex; 9471 flex-direction: column; 9472 min-height: 100%; 9473 box-sizing: border-box; 9474 } 9475 9476 /* Disable all resize handles */ 9477 .wb-nw, .wb-ne, .wb-sw, .wb-se, .wb-n, .wb-s, .wb-e, .wb-w { 9478 display: none !important; 9479 } 9480 9481 .podcast-popup__shell { 9482 position: relative; 9483 border-radius: 0; 9484 overflow: hidden; 9485 flex: 1; 9486 display: grid; 9487 grid-template-columns: minmax(0, 1fr); 9488 grid-template-areas: 9489 'hero' 9490 'player' 9491 'mini-player' 9492 'footer'; 9493 justify-items: stretch; 9494 min-height: 0; 9495 } 9496 9497 .podcast-popup__hero { 9498 grid-area: hero; 9499 position: relative; 9500 flex-shrink: 0; 9501 aspect-ratio: 16 / 10; 9502 background: #2d3748 center / cover no-repeat; 9503 display: flex; 9504 height: 370px; 9505 padding: 32px; 9506 justify-content: center; 9507 align-items: flex-end; 9508 align-self: stretch; 9509 } 9510 9511 .podcast-popup__princess-hero-image { 9512 position: absolute; 9513 inset: 0; 9514 width: 100%; 9515 height: 100%; 9516 object-fit: cover; 9517 } 9518 9519 .podcast-popup__princess-logo-image { 9520 display: flex; 9521 justify-content: center; 9522 align-items: center; 9523 position: absolute; 9524 left: 30px; 9525 top: 32px; 9526 width: 85px; 9527 height: 40px; 9528 } 9529 9530 .podcast-popup__hero-cta { 9531 display: flex; 9532 align-items: center; 9533 gap: 4px; 9534 text-decoration: none; 9535 color: #020215; 9536 font-feature-settings: 'liga' off, 'clig' off; 9537 font-family: 'proxima-nova', sans-serif; 9538 font-size: 18px; 9539 font-style: normal; 9540 font-weight: 600; 9541 line-height: 28px; 9542 letter-spacing: 1px; 9543 text-transform: uppercase; 9544 } 9545 9546 /* Mobile sheet (drawer): CTA lives in body; hidden on desktop WinBox */ 9547 .podcast-popup__hero-cta--sheet-body { 9548 display: none; 9549 } 9550 9551 .podcast-popup__hero-cta svg { 9552 display: flex; 9553 width: 16px; 9554 height: 16px; 9555 padding: 2px 5px; 9556 justify-content: center; 9557 align-items: center; 9558 } 9559 9560 .podcast-popup__hero-cta:hover { 9561 text-decoration: underline; 9562 } 9563 9564 .podcast-popup__hero-cta:focus, 9565 .podcast-popup__hero-cta:focus-visible { 9566 outline: 2px solid #111827; 9567 outline-offset: 2px; 9568 } 9569 9570 .podcast-popup__body { 9571 grid-area: player; 9572 display: flex; 9573 padding: 32px; 9574 flex-direction: column; 9575 align-items: center; 9576 gap: 24px; 9577 align-self: stretch; 9578 position: relative; 9579 } 9580 9581 .podcast-popup__episode-label { 9582 margin: 0; 9583 text-transform: uppercase; 9584 } 9585 9586 .podcast-popup__episode-title { 9587 margin: 0; 9588 display: -webkit-box; 9589 -webkit-line-clamp: 1; 9590 -webkit-box-orient: vertical; 9591 overflow: hidden; 9592 text-overflow: ellipsis; 9593 letter-spacing: 0; 9594 } 9595 9596 #podcast-popup-episode-label:focus, 9597 #podcast-popup-episode-label:focus-visible, 9598 #podcast-popup-episode-title:focus, 9599 #podcast-popup-episode-title:focus-visible { 9600 outline: 2px solid #111827; 9601 outline-offset: 2px; 9602 display: inline-block; 9603 } 9604 9605 .podcast-popup--winbox #podcast-popup-hero-cta-footer:focus, 9606 .podcast-popup--winbox #podcast-popup-hero-cta-footer:focus-visible, 9607 .podcast-popup--winbox #podcast-popup-episode-label:focus, 9608 .podcast-popup--winbox #podcast-popup-episode-label:focus-visible, 9609 .podcast-popup--winbox #podcast-popup-episode-title:focus, 9610 .podcast-popup--winbox #podcast-popup-episode-title:focus-visible { 9611 position: relative; 9612 z-index: 2; 9613 } 9614 9615 /* Tab trap sync: programmatic focus on tabindex="-1" stops (Safari / VoiceOver). */ 9616 .podcast-popup--winbox .podcast-popup__seq-focus { 9617 outline: 2px solid #111827; 9618 outline-offset: 2px; 9619 } 9620 9621 .podcast-popup--winbox #podcast-popup-episode-label.podcast-popup__seq-focus, 9622 .podcast-popup--winbox #podcast-popup-episode-title.podcast-popup__seq-focus, 9623 .podcast-popup--winbox #podcast-popup-transcript-time.podcast-popup__seq-focus { 9624 display: inline-block; 9625 position: relative; 9626 z-index: 2; 9627 } 9628 9629 .podcast-popup--winbox .podcast-popup__icon-btn.podcast-popup__seq-focus:not(:focus-visible) { 9630 outline: 2px solid #111827; 9631 outline-offset: 2px; 9632 } 9633 9634 .podcast-popup__player { 9635 display: flex; 9636 justify-content: center; 9637 align-items: center; 9638 gap: 16px; 9639 align-self: stretch; 9640 flex-direction: row; 9641 } 9642 9643 .podcast-popup__body-heading { 9644 display: flex; 9645 flex-direction: column; 9646 justify-content: center; 9647 align-items: flex-start; 9648 gap: 8px; 9649 align-self: stretch; 9650 } 9651 9652 .podcast-popup__audio { 9653 position: absolute; 9654 width: 1px; 9655 height: 1px; 9656 padding: 0; 9657 margin: -1px; 9658 overflow: hidden; 9659 clip-path: inset(50%); 9660 border: 0; 9661 white-space: nowrap; 9662 } 9663 9664 .podcast-popup__play { 9665 flex-shrink: 0; 9666 border: 0; 9667 border-radius: 50%; 9668 background: #ea0063; 9669 color: #fff; 9670 cursor: pointer; 9671 place-items: center; 9672 transition: transform 0.15s ease, filter 0.15s ease; 9673 display: flex; 9674 justify-content: center; 9675 align-items: center; 9676 width: 56px; 9677 height: 56px; 9678 } 9679 9680 .podcast-popup__play:hover { 9681 filter: brightness(1.05); 9682 transform: scale(1.03); 9683 } 9684 9685 .podcast-popup__play:focus-visible { 9686 outline: 2px solid #111827; 9687 outline-offset: 2px; 9688 } 9689 9690 .podcast-popup__play-icon { 9691 margin-left: 4px; 9692 width: 0; 9693 height: 0; 9694 border-style: solid; 9695 border-width: 0.4375rem 0 0.4375rem 0.6875rem; 9696 border-color: transparent transparent transparent #fff; 9697 } 9698 9699 .podcast-popup__play.is-playing .podcast-popup__play-icon { 9700 margin-left: 0; 9701 width: 0.75rem; 9702 height: 0.875rem; 9703 border: 0; 9704 background: linear-gradient( 9705 to right, 9706 #fff 0 33%, 9707 transparent 33% 66%, 9708 #fff 66% 100% 9709 ); 9710 } 9711 9712 .podcast-popup__timeline { 9713 flex: 1; 9714 min-width: 0; 9715 display: flex; 9716 align-items: center; 9717 gap: 0.5rem; 9718 } 9719 9720 .podcast-popup__timeline #podcast-popup-time-current, 9721 .podcast-popup__timeline #podcast-popup-time-total { 9722 flex-shrink: 0; 9723 min-width: 2.25rem; 9724 } 9725 9726 .podcast-popup__timeline #podcast-popup-time-total { 9727 text-align: right; 9728 } 9729 9730 .podcast-popup__timeline-container { 9731 position: relative; 9732 flex: 1; 9733 display: flex; 9734 align-items: center; 9735 height: 6px; 9736 background: #e5e7eb; 9737 border-radius: 999px; 9738 overflow: visible; 9739 } 9740 9741 .podcast-popup__buffer-bar { 9742 position: absolute; 9743 top: 0; 9744 left: 0; 9745 height: 100%; 9746 width: 0%; 9747 background-color: #6c6c78; 9748 z-index: 1; 9749 pointer-events: none; 9750 border-radius: 999px; 9751 } 9752 9753 .podcast-popup__progress { 9754 position: absolute; 9755 top: 0; 9756 left: 0; 9757 width: 100%; 9758 height: 100%; 9759 z-index: 2; 9760 margin: 0; 9761 appearance: none; 9762 background-color: transparent; 9763 background-image: linear-gradient(#ea0063, #ea0063); 9764 background-repeat: no-repeat; 9765 background-size: 0% 100%; 9766 cursor: pointer; 9767 touch-action: pan-x; 9768 border-radius: 999px; 9769 } 9770 9771 .podcast-popup__progress::-webkit-slider-runnable-track { 9772 appearance: none; 9773 height: 100%; 9774 background: transparent; 9775 } 9776 9777 .podcast-popup__progress::-webkit-slider-thumb { 9778 appearance: none; 9779 width: 12px; 9780 height: 12px; 9781 border-radius: 50%; 9782 background: #ea0063; 9783 border: none; 9784 margin-top: -3px; 9785 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); 9786 position: relative; 9787 z-index: 3; 9788 } 9789 9790 .podcast-popup__progress::-moz-range-track { 9791 height: 100%; 9792 background: transparent; 9793 } 9794 9795 .podcast-popup__progress::-moz-range-thumb { 9796 width: 12px; 9797 height: 12px; 9798 border: none; 9799 border-radius: 50%; 9800 background: #ea0063; 9801 } 9802 9803 .podcast-popup-time-total-number { 9804 color: #6c6c78; 9805 } 9806 9807 .podcast-popup__footer { 9808 grid-area: footer; 9809 position: relative; 9810 display: flex; 9811 width: 100%; 9812 height: 68px; 9813 padding: 16px 24px; 9814 justify-content: flex-start; 9815 align-items: center; 9816 gap: 28px; 9817 background: #f2efed; 9818 box-sizing: border-box; 9819 } 9820 9821 .podcast-popup__icon-btn-wrapper { 9822 display: flex; 9823 width: auto; 9824 align-items: center; 9825 gap: 20px; 9826 flex-shrink: 0; 9827 margin-left: 0; 9828 line-height: 0; 9829 } 9830 9831 .podcast-popup__icon-btn { 9832 display: grid; 9833 place-items: center; 9834 padding: 0; 9835 border: 0; 9836 border-radius: 0; 9837 background: transparent; 9838 color: #111827; 9839 cursor: pointer; 9840 position: relative; 9841 } 9842 9843 .podcast-popup__icon-btn:focus-visible { 9844 outline: 2px solid #111827; 9845 outline-offset: 2px; 9846 } 9847 9848 .podcast-popup__icon-btn-wrap { 9849 box-sizing: border-box; 9850 display: grid; 9851 place-items: center; 9852 width: 2.25rem; 9853 height: 2.25rem; 9854 border: 0; 9855 background: transparent; 9856 } 9857 9858 .podcast-popup__icon-btn-wrap > svg { 9859 grid-area: 1 / 1; 9860 } 9861 9862 .podcast-popup__icon-btn-wrap svg { 9863 width: 1.5rem; 9864 height: 1.5rem; 9865 } 9866 9867 9868 .share-btn__wrapper { 9869 position: absolute;
9870 right: 26px; 9871 top: 26px; 9872 } 9873 9874 .podcast-popup__share-popover { 9875 display: none; 9876 position: absolute; 9877 bottom: 100%; 9878 right: 32px; 9879 background: #fff; 9880 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); 9881 z-index: 10; 9882 } 9883 9884 .podcast-popup__share-popover *[role="menuitem"]:focus-visible { 9885 outline: 2px solid #111827; 9886 outline-offset: 2px; 9887 } 9888 9889 .podcast-popup__share-popover.is-open { 9890 display: block; 9891 } 9892 9893 .podcast-popup__copy-btn { 9894 align-items: center; 9895 border: none; 9896 cursor: pointer; 9897 white-space: nowrap; 9898 color: #020215; 9899 display: flex; 9900 width: 288px; 9901 padding: 16px; 9902 flex-direction: row; 9903 justify-content: left; 9904 gap: 16px; 9905 background: #fff; 9906 box-shadow: 0 4px 32px 8px rgba(108, 108, 120, 0.16); 9907 } 9908 9909 .podcast-popup__copy-text { 9910 padding: 4px 0; 9911 } 9912 9913 .podcast-popup__copy-btn:hover { 9914 background-color: #f3f4f6; 9915 } 9916 9917 .podcast-popup__copy-btn.is-copied { 9918 color: #059669; 9919 } 9920 9921 .winbox.podcast-winbox { 9922 border-radius: 16px; 9923 z-index: 22 !important; 9924 } 9925 9926 .winbox.podcast-winbox .wb-header { 9927 display: flex; 9928 flex-direction: row; 9929 align-items: stretch; 9930 line-height: normal; 9931 background: #1a1a1a; 9932 color: #fff; 9933 height: 42px; 9934 border-radius: 16px 16px 0 0; 9935 } 9936 9937 .winbox.podcast-winbox .wb-max, 9938 .winbox.podcast-winbox .wb-full { 9939 display: none; 9940 } 9941 9942 .winbox.podcast-winbox .wb-control { 9943 float: none; 9944 order: 2; 9945 flex-shrink: 0; 9946 display: flex; 9947 flex-direction: row; 9948 align-items: center; 9949 } 9950 9951 .winbox.podcast-winbox .wb-drag { 9952 float: none; 9953 order: 1; 9954 flex: 1; 9955 min-width: 0; 9956 display: flex; 9957 align-items: center; 9958 height: auto; 9959 } 9960 9961 .winbox.podcast-winbox .wb-title { 9962 font: 600 0.75rem/1.2 system-ui, sans-serif; 9963 letter-spacing: 0.02em; 9964 opacity: 0.92; 9965 } 9966 9967 .winbox.podcast-winbox .wb-icon { 9968 float: none; 9969 align-self: center; 9970 opacity: 0.85; 9971 } 9972 9973 /* Visible focus on close: header overflow clips outline; inset avoids clipping */ 9974 .winbox.podcast-winbox .wb-close:focus-visible { 9975 box-shadow: inset 0 0 0 2px #fff; 9976 outline: none; 9977 } 9978 9979 .winbox.podcast-winbox .wb-close:focus:not(:focus-visible) { 9980 box-shadow: inset 0 0 0 2px #fff; 9981 outline: none; 9982 } 9983 9984 .winbox.podcast-winbox .wb-min:focus-visible { 9985 box-shadow: inset 0 0 0 2px #fff; 9986 outline: none; 9987 } 9988 9989 .winbox.podcast-winbox .wb-min:focus:not(:focus-visible) { 9990 box-shadow: inset 0 0 0 2px #fff; 9991 outline: none; 9992 } 9993 9994 .winbox.podcast-winbox .wb-body { 9995 display: flex; 9996 flex-direction: column; 9997 min-height: 0; 9998 background: #fff; 9999 overflow-x: hidden; 10000 overflow-y: auto; 10001 top: 42px; 10002 border-radius: 0 0 16px 16px; 10003 } 10004 10005 /* --- Transcript panel styles --- */ 10006 10007 .podcast-popup__transcript-btn { 10008 display: inline-flex; 10009 align-items: center; 10010 gap: 8px; 10011 padding: 0; 10012 margin-right: 0; 10013 border: 0; 10014 background: transparent; 10015 color: #020215; 10016 cursor: pointer; 10017 font-feature-settings: 'liga' off, 'clig' off; 10018 font-family: 'proxima-nova', sans-serif; 10019 font-size: 18px; 10020 font-style: normal; 10021 font-weight: 600; 10022 line-height: 28px; 10023 letter-spacing: 1px; 10024 text-transform: uppercase; 10025 flex-shrink: 0; 10026 } 10027 10028 .podcast-popup--winbox:not(.podcast-popup--no-transcript) .podcast-popup__footer { 10029 display: grid; 10030 grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); 10031 gap: 0; 10032 } 10033 10034 .podcast-popup--winbox:not(.podcast-popup--no-transcript) .podcast-popup__transcript-btn { 10035 justify-self: start; 10036 } 10037 10038 .podcast-popup--winbox:not(.podcast-popup--no-transcript) .podcast-popup__icon-btn-wrapper { 10039 justify-self: center; 10040 } 10041 10042 .podcast-popup--winbox:not(.podcast-popup--no-transcript) .podcast-popup__footer .podcast-popup__hero-cta { 10043 justify-self: end; 10044 margin-left: 0; 10045 } 10046 10047 .podcast-popup__footer .podcast-popup__hero-cta { 10048 margin-left: auto; 10049 } 10050 10051 .podcast-popup--winbox .podcast-popup__footer .podcast-popup__hero-cta { 10052 margin-left: auto; 10053 } 10054 10055 /* Desktop: no transcript state keeps reactions on the left and CTA on the right. */ 10056 .podcast-popup--winbox.podcast-popup--no-transcript .podcast-popup__footer { 10057 gap: 20px; 10058 } 10059 10060 .podcast-popup--winbox.podcast-popup--no-transcript .podcast-popup__footer .podcast-popup__icon-btn-wrapper { 10061 margin-left: 0; 10062 } 10063 10064 .podcast-popup__transcript-btn:focus-visible { 10065 outline: 2px solid #111827; 10066 outline-offset: 2px; 10067 } 10068 10069 .podcast-popup__transcript-btn .podcast-popup__icon-btn-wrap { 10070 width: 1.5rem; 10071 height: 1.5rem; 10072 } 10073 10074 .podcast-popup__transcript-panel { 10075 position: absolute; 10076 inset: 0; 10077 display: flex; 10078 flex-direction: column; 10079 background: #fff; 10080 z-index: 5; 10081 transform: translateY(100%); 10082 transition: transform 0.35s cubic-bezier(0.25, 1, 0.5, 1); 10083 pointer-events: none; 10084 } 10085 10086 .podcast-popup__transcript-panel.is-open { 10087 transform: translateY(0); 10088 pointer-events: auto; 10089 } 10090 10091 /* Mobile-only drag affordance (wired in podcast-player.js); hidden on desktop WinBox */ 10092 .podcast-popup__transcript-drag-handle { 10093 display: none; 10094 flex-shrink: 0; 10095 width: 100%; 10096 height: 24px; 10097 align-items: center; 10098 justify-content: center; 10099 cursor: grab; 10100 touch-action: none; 10101 } 10102 10103 .podcast-popup__transcript-drag-handle span { 10104 width: 116px; 10105 height: 5px; 10106 border-radius: 100px; 10107 background: #f0f0f2; 10108 } 10109 10110 .podcast-popup__transcript-header { 10111 display: flex; 10112 justify-content: space-between; 10113 align-items: center; 10114 padding: 32px 48px; 10115 flex-shrink: 0; 10116 background: #fff; 10117 } 10118 10119 .podcast-popup__transcript-player { 10120 display: inline-flex; 10121 align-items: center; 10122 gap: 16px; 10123 } 10124 10125 .podcast-popup__transcript-play-btn { 10126 display: inline-flex; 10127 align-items: center; 10128 gap: 4px; 10129 padding: 0; 10130 border: 0; 10131 background: transparent; 10132 cursor: pointer; 10133 } 10134 10135 .podcast-popup__transcript-play-btn-icon { 10136 display: inline-grid; 10137 place-items: center; 10138 width: 24px; 10139 height: 24px; 10140 flex-shrink: 0; 10141 } 10142 10143 .podcast-popup__transcript-play-btn-icon > .podcast-popup__transcript-icon { 10144 grid-area: 1 / 1; 10145 } 10146 10147 .podcast-popup__transcript-play-btn:focus-visible { 10148 outline: 2px solid #111827; 10149 outline-offset: 2px; 10150 border-radius: 4px; 10151 } 10152 10153 .podcast-popup__transcript-icon-pause { 10154 display: none; 10155 } 10156 10157 .podcast-popup__transcript-play-btn.is-playing .podcast-popup__transcript-icon-play { 10158 display: none; 10159 } 10160 10161 .podcast-popup__transcript-play-btn.is-playing .podcast-popup__transcript-icon-pause { 10162 display: block; 10163 } 10164 10165 .podcast-popup__transcript-state-label { 10166 color: #020215; 10167 } 10168 10169 .podcast-popup__transcript-time { 10170 display: inline-flex; 10171 align-items: center; 10172 gap: 4px; 10173 color: #6C6C78; 10174 } 10175 10176 .podcast-popup__transcript-collapse { 10177 display: inline-flex; 10178 align-items: center; 10179 gap: 8px; 10180 padding: 0; 10181 border: 0; 10182 background: transparent; 10183 color: #020215; 10184 cursor: pointer; 10185 } 10186 10187 .podcast-popup__transcript-collapse:focus-visible { 10188 outline: 2px solid #111827; 10189 outline-offset: 2px; 10190 } 10191 10192 #podcast-popup-transcript-body:focus, 10193 #podcast-popup-transcript-body:focus-visible { 10194 outline: 2px solid #111827; 10195 outline-offset: 2px; 10196 } 10197 10198 #podcast-popup-transcript-time:focus, 10199 #podcast-popup-transcript-time:focus-visible { 10200 outline: 2px solid #111827; 10201 outline-offset: 2px; 10202 display: inline-block; 10203 } 10204 10205 .podcast-popup__transcript-body { 10206 flex: 1; 10207 overflow-y: auto; 10208 padding: 0 48px 32px; 10209 color: #020215; 10210 font-family: 'proxima-nova', sans-serif; 10211 font-size: 16px; 10212 line-height: 24px; 10213 } 10214 10215 .podcast-popup__transcript-body--rte p { 10216 margin: 0 0 16px; 10217 } 10218 10219 .podcast-popup__transcript-body--rte p:last-child { 10220 margin-bottom: 0; 10221 } 10222 10223 .podcast-popup__transcript-body--rte ul, 10224 .podcast-popup__transcript-body--rte ol { 10225 margin: 0 0 16px; 10226 padding-left: 1.5rem; 10227 } 10228 10229 .podcast-popup__transcript-body--rte li { 10230 margin-bottom: 8px; 10231 } 10232 10233 .podcast-popup__transcript-body--rte li:last-child { 10234 margin-bottom: 0; 10235 } 10236 10237 .podcast-popup__transcript-body--rte h2, 10238 .podcast-popup__transcript-body--rte h3, 10239 .podcast-popup__transcript-body--rte h4 { 10240 margin: 0 0 12px; 10241 font-family: 'proxima-nova', sans-serif; 10242 font-weight: 600; 10243 color: #020215; 10244 } 10245 10246 .podcast-popup__transcript-body--rte h2 { 10247 font-size: 20px; 10248 line-height: 28px; 10249 } 10250 10251 .podcast-popup__transcript-body--rte h3 { 10252 font-size: 18px;
10253 line-height: 26px; 10254 } 10255 10256 .podcast-popup__transcript-body--rte h4 { 10257 font-size: 16px; 10258 line-height: 24px; 10259 } 10260 10261 .podcast-popup__transcript-body--rte a { 10262 color: #003595; 10263 text-decoration: underline; 10264 } 10265 10266 .podcast-popup__transcript-body--rte a:hover { 10267 text-decoration: none; 10268 } 10269 10270 .podcast-popup__transcript-body--rte strong, 10271 .podcast-popup__transcript-body--rte b { 10272 font-weight: 600; 10273 } 10274 10275 .podcast-popup__transcript-btn-mobile { 10276 display: none; 10277 } 10278 10279 /* --- Mobile Modal specific styles --- */ 10280 10281 .podcast-popup--mobile { 10282 position: fixed; 10283 bottom: 0; 10284 left: 50%; 10285 width: 100%; 10286 /* Safe area: full insets need viewport-fit=cover on the page meta viewport */ 10287 padding-left: env(safe-area-inset-left, 0px); 10288 padding-right: env(safe-area-inset-right, 0px); 10289 padding-bottom: env(safe-area-inset-bottom, 0px); 10290 z-index: 9999; 10291 background: #fff; 10292 border-radius: 20px 20px 0 0; 10293 box-shadow: 0 -5px 25px rgba(0,0,0,0.15); 10294 /* border-radius not transitioned: avoids delayed rounding vs. transcript slide */ 10295 transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), height 0.4s ease; 10296 display: flex; 10297 flex-direction: column; 10298 transform: translate(-50%, 100%); 10299 /* Prevents bounce/scroll propagation on the modal itself */ 10300 overscroll-behavior: contain; 10301 } 10302 10303 .podcast-popup--mobile.is-open { 10304 transform: translate(-50%, 0); 10305 } 10306 10307 /* Explicitly hide mobile elements in winbox mode */ 10308 .podcast-popup--winbox .podcast-popup__drag-handle, 10309 .podcast-popup--winbox .podcast-popup__close-mobile { 10310 display: none !important; 10311 } 10312 10313 /* Drag handle */ 10314 .podcast-popup__drag-handle { 10315 display: none; /* Hidden on desktop */ 10316 height: 25px; 10317 width: 100%; 10318 align-items: center; 10319 justify-content: center; 10320 cursor: grab; 10321 touch-action: none; 10322 flex-shrink: 0; 10323 position: absolute; 10324 top: 0; 10325 z-index: 1; 10326 } 10327 10328 .podcast-popup__drag-handle span { 10329 width: 116px; 10330 height: 5px; 10331 border-radius: 100px; 10332 background: #F0F0F2; 10333 } 10334 10335 /* Mini Player State */ 10336 .podcast-popup--mobile.is-minimized { 10337 height: 94px; 10338 max-width: none; 10339 border-radius: 0; 10340 transform: translate(-50%, 0); 10341 } 10342 10343 .podcast-popup--mobile.podcast-popup--landscape { 10344 max-width: 812px; 10345 height: 340px; 10346 height: min(340px, 90dvh); 10347 max-height: 340px; 10348 } 10349 10350 .podcast-popup--mobile:not(.podcast-popup--landscape) { 10351 max-width: 375px; 10352 max-height: 752px; 10353 height: 752px; 10354 height: min(752px, 90dvh); 10355 } 10356 10357 .podcast-popup--mobile.is-minimized .podcast-popup__drag-handle { 10358 display: none; 10359 } 10360 10361 .podcast-popup--mobile.is-minimized .podcast-popup__mini-content .podcast-popup__player { 10362 flex-direction: row; 10363 width: 100%; 10364 justify-content: space-between; 10365 align-items: center; 10366 } 10367 10368 .podcast-popup--mobile.is-minimized .podcast-popup__mini-content .podcast-popup__player .podcast-popup__body-heading .podcast-popup__episode-title { 10369 align-content: center; 10370 } 10371 10372 .podcast-popup--mobile.is-minimized .podcast-popup__mini-content .podcast-popup__timeline { 10373 position: absolute; 10374 top: 0; 10375 left: 0; 10376 } 10377 10378 .podcast-popup__mini-player { 10379 grid-area: mini-player; 10380 display: none; 10381 width: 100%; 10382 background: #fff; 10383 padding: 22px 24px 16px 24px; 10384 align-items: center; 10385 justify-content: space-between; 10386 box-sizing: border-box; 10387 border-top: 1px solid #E5E7EB; 10388 } 10389 10390 .podcast-popup--mobile.is-minimized .podcast-popup__mini-player { 10391 display: flex; 10392 } 10393 10394 .podcast-popup--mobile.is-minimized .podcast-popup__shell > *:not(.podcast-popup__mini-player), 10395 .podcast-popup--mobile.is-minimized .podcast-popup__footer { 10396 display: none; 10397 } 10398 10399 .podcast-popup--mobile.is-minimized .podcast-mini-progress-input::-webkit-slider-thumb { 10400 appearance: none; 10401 width: 0; 10402 height: 0; 10403 display: none; 10404 border: none; 10405 } 10406 10407 .podcast-popup--mobile.is-minimized .podcast-mini-progress-input::-moz-range-thumb { 10408 appearance: none; 10409 width: 0; 10410 height: 0; 10411 display: none; 10412 border: none; 10413 } 10414 10415 .podcast-popup__mini-content { 10416 display: flex; 10417 width: 100%; 10418 align-items: center; 10419 justify-content: space-between; 10420 } 10421 10422 .podcast-popup__mini-title { 10423 margin: 0; 10424 flex: 1; 10425 white-space: nowrap; 10426 overflow: hidden; 10427 text-overflow: ellipsis; 10428 padding-right: 16px; 10429 } 10430 10431 .podcast-popup__mini-play { 10432 width: 40px; 10433 height: 40px; 10434 border-radius: 50%; 10435 background: #EA0063; 10436 border: none; 10437 display: flex; 10438 align-items: center; 10439 justify-content: center; 10440 flex-shrink: 0; 10441 } 10442 10443 /* Hidden by default on desktop */ 10444 .podcast-popup__close-mobile { 10445 display: none; 10446 } 10447 10448 /* --- Structural styles for Class-Based Scoping --- */ 10449 .podcast-popup--mobile .podcast-popup__drag-handle { 10450 display: flex; 10451 } 10452 10453 .podcast-popup--mobile .podcast-popup__share-popover { 10454 bottom: -200%; 10455 right: 0; 10456 } 10457 10458 .podcast-popup--mobile .podcast-popup__close-mobile { 10459 display: flex; 10460 transform: rotate(-90deg); 10461 padding: 8px; 10462 justify-content: center; 10463 align-items: center; 10464 position: absolute; 10465 right: 20px; 10466 top: 20px; 10467 width: 40px; 10468 height: 40px; 10469 border-radius: 99px; 10470 background: rgba(255, 255, 255, 0.70); 10471 backdrop-filter: blur(3px); 10472 border: none; 10473 z-index: 10; 10474 cursor: pointer; 10475 } 10476 10477 .podcast-popup--mobile .podcast-popup__close-mobile:focus, 10478 .podcast-popup--mobile .podcast-popup__close-mobile:focus-visible { 10479 outline: 2px solid #111827; 10480 outline-offset: 2px; 10481 } 10482 10483 .podcast-popup--mobile .podcast-popup__close-mobile svg { 10484 width: 24px; 10485 height: 24px; 10486 transform: rotate(90deg); 10487 } 10488 10489 .podcast-popup--mobile .podcast-popup__shell:has(.podcast-popup__transcript-panel.is-open) .podcast-popup__close-mobile { 10490 display: none; 10491 } 10492 10493 .podcast-popup--mobile .podcast-popup__princess-logo-image { 10494 display: none; 10495 } 10496 10497 .podcast-popup--mobile .podcast-popup__shell, 10498 .podcast-popup--mobile.podcast-popup { 10499 border-radius: 32px 32px 0 0; 10500 background: var(--Colors-White, #FFF); 10501 box-shadow: 0 4px 32px 8px rgba(108, 108, 120, 0.16); 10502 } 10503 10504 .podcast-popup--mobile.is-minimized .podcast-popup__shell, 10505 .podcast-popup--mobile.is-minimized .podcast-popup { 10506 border-radius: 0; 10507 } 10508 10509 /* Fills modal height; min-height:0 so flex/grid children can shrink with sheet (90dvh + safe-area padding) */ 10510 .podcast-popup--mobile:not(.is-minimized) .podcast-popup__shell { 10511 flex: 1; 10512 min-height: 0; 10513 } 10514 10515 /* Middle column scrolls so footer stays visible when shell has overflow:hidden */ 10516 .podcast-popup--mobile:not(.is-minimized) .podcast-popup__body { 10517 min-height: 0; 10518 overflow-y: auto; 10519 -webkit-overflow-scrolling: touch; 10520 } 10521 10522 @media (max-width: 767px), (max-height: 500px) and (orientation: landscape) { 10523 .podcast-popup__transcript-player { 10524 flex-direction: column; 10525 align-items: flex-start; 10526 gap: 4px; 10527 } 10528 10529 .podcast-popup__mini-player { 10530 padding: 22px 24px 16px 24px; 10531 border: 0; 10532 } 10533 10534 .podcast-popup__play { 10535 width: 48px; 10536 height: 48px; 10537 } 10538 10539 /* Allow the hero to grow and fill the available vertical space */ 10540 .podcast-popup--mobile:not(.is-minimized) .podcast-popup__shell { 10541 grid-template-rows: 1fr auto auto auto; 10542 overflow-y: auto; 10543 -webkit-overflow-scrolling: touch; 10544 } 10545 10546 .podcast-popup--mobile:not(.is-minimized) .podcast-popup__hero { 10547 height: auto; 10548 min-height: clamp(180px, calc(90vh - 400px), 340px); 10549 min-height: clamp(180px, calc(90svh - 400px), 340px); 10550 min-height: clamp(180px, calc(90dvh - 400px), 340px); 10551 aspect-ratio: unset; 10552 } 10553 10554 .podcast-popup--mobile.is-minimized { 10555 height: auto; 10556 } 10557 10558 .podcast-popup--mobile.is-minimized .podcast-popup__episode-title 10559 { 10560 line-height: 28px; 10561 height: 56px; 10562 } 10563 10564 .share-btn__wrapper { 10565 top: 26px; 10566 right: 18px; 10567 } 10568 10569 .podcast-popup__body { 10570 padding: 32px 24px; 10571 align-items: flex-start; 10572 } 10573 10574 .podcast-popup--mobile:not(.is-minimized) .podcast-popup__footer .podcast-popup__hero-cta { 10575 display: none; 10576 } 10577 10578 .podcast-popup--mobile:not(.is-minimized) .podcast-popup__hero-cta--sheet-body { 10579 display: inline-flex; 10580 } 10581 10582 .podcast-popup--mobile:not(.is-minimized) .podcast-popup__footer { 10583 justify-content: space-between; 10584 gap: 12px; 10585 } 10586 10587 .podcast-popup--mobile:not(.is-minimized) .podcast-popup__footer .podcast-popup__icon-btn-wrapper { 10588 margin-left: auto; 10589 } 10590 10591 /* No transcript: center footer thumbs */ 10592 .podcast-popup--mobile.podcast-popup--no-transcript:not(.is-minimized) .podcast-popup__footer { 10593 justify-content: center; 10594 } 10595 10596 .podcast-popup--mobile.podcast-popup--no-transcript:not(.is-minimized) .podcast-popup__footer .podcast-popup__icon-btn-wrapper { 10597 margin-left: 0; 10598 } 10599 10600 .podcast-popup__transcript-btn { 10601 display: none; 10602 } 10603 10604 /* Match shell rounding immediately so slide-up is not square-then-round */ 10605 .podcast-popup__transcript-panel { 10606 border-radius: 32px 32px 0 0; 10607 overflow: hidden; 10608 } 10609 10610 .podcast-popup--mobile .podcast-popup__transcript-drag-handle { 10611 display: flex; 10612 } 10613 10614 .podcast-popup__transcript-header { 10615 padding: 8px 24px 16px; 10616 align-items: flex-start; 10617 } 10618 10619 .podcast-popup__transcript-body { 10620 padding: 16px 24px 24px; 10621 } 10622 10623 .podcast-popup__transcript-btn-mobile { 10624 display: inline-flex; 10625 align-items: center; 10626 gap: 8px; 10627 padding: 0; 10628 border: 0; 10629 background: transparent; 10630 cursor: pointer; 10631 flex-shrink: 0; 10632 color: #020215; 10633 } 10634 10635 .podcast-popup__transcript-btn-mobile-icon { 10636 display: inline-grid; 10637 place-items: center; 10638 width: 24px; 10639 height: 24px; 10640 } 10641 10642 .podcast-popup__transcript-btn-mobile-icon svg { 10643 width: 24px; 10644 height: 24px; 10645 } 10646 10647 .podcast-popup__transcript-btn-mobile:focus-visible { 10648 outline: 2px solid #111827; 10649 outline-offset: 2px; 10650 } 10651 10652 .podcast-popup__player { 10653 flex-direction: column-reverse; 10654 gap: 24px; 10655 } 10656 10657 .podcast-popup__timeline { 10658 width: 100%; 10659 /* Use wrap and column gap to reposition numbers */ 10660 flex-wrap: wrap; 10661 justify-content: space-between; 10662 gap: 8px 0; 10663 } 10664 10665 /* Push the bar to the bottom (last position) */ 10666 .podcast-popup__timeline-container { 10667 order: 3; 10668 flex-basis: 100%; 10669 } 10670 10671 .podcast-popup--mobile.is-minimized .podcast-popup__timeline-container, 10672 .podcast-popup--mobile.is-minimized .podcast-popup__progress { 10673 border-radius: 0; 10674 } 10675 10676 /* Current time to the top-left */ 10677 .podcast-popup__timeline #podcast-popup-time-current { 10678 order: 1; 10679 color: #6C6C78; /* Optional: grey color from design */ 10680 } 10681 10682 /* Total time to the top-right */ 10683 .podcast-popup__timeline #podcast-popup-time-total { 10684 order: 2; 10685 color: #6C6C78; /* Optional: grey color from design */ 10686 } 10687 10688 .podcast-popup__hero { 10689 height: 220px; 10690 } 10691 10692 .podcast-popup__episode-title { 10693 margin: 0; 10694 display: -webkit-box; 10695 -webkit-line-clamp: 2; 10696 -webkit-box-orient: vertical; 10697 overflow: hidden; 10698 text-overflow: ellipsis; 10699 height: auto; 10700 } 10701 10702 .podcast-popup__footer { 10703 height: 68px; 10704 } 10705 10706 .podcast-popup__video { 10707 border-radius: 32px 32px 0 0; 10708 } 10709 } 10710 /* --- End Mobile Modal styles --- */ 10711 10712 /* Landscape mobile sheet: play + time on one row (match desktop); portrait mobile keeps stacked rules above. */ 10713 @media (orientation: landscape) { 10714 .podcast-popup--mobile .podcast-popup__transcript-player { 10715 flex-direction: row; 10716 align-item
10716s: center; 10717 gap: 16px; 10718 } 10719 10720 /* Landscape transcript sheet: header top 8px (24px drag + 8px = 32); RTE body flush under header, sides/bottom 24px. */ 10721 .podcast-popup--mobile .podcast-popup__transcript-header { 10722 align-items: center; 10723 padding: 8px 24px 24px; 10724 } 10725 10726 .podcast-popup--mobile .podcast-popup__transcript-body.podcast-popup__transcript-body--rte { 10727 padding: 0 24px 24px; 10728 } 10729 } 10730 10731 @media (orientation: landscape) { 10732 .podcast-popup--mobile.is-minimized .podcast-popup__episode-title { 10733 max-height: 340px; 10734 height: 28px; 10735 } 10736 10737 .podcast-popup--mobile .podcast-popup__shell { 10738 grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); 10739 grid-template-rows: auto 1fr auto; 10740 grid-template-areas: 10741 "hero player" 10742 "hero footer" 10743 "mini-player mini-player"; 10744 } 10745 10746 .share-btn__wrapper { 10747 right: 58px; 10748 } 10749 10750 .podcast-popup__close-mobile { 10751 display: block; 10752 top: 24px; 10753 right: 16px; 10754 } 10755 10756 .podcast-popup__hero-cta:not(.podcast-popup__hero-cta--sheet-body) { 10757 display: none; 10758 } 10759 10760 .podcast-popup__hero-cta--sheet-body { 10761 display: flex; 10762 margin: 4px 0; 10763 } 10764 10765 .podcast-popup__hero { 10766 height: auto; 10767 } 10768 10769 .podcast-popup__footer { 10770 height: 56px; 10771 justify-content: space-between; 10772 gap: 12px; 10773 } 10774 10775 .podcast-popup--mobile.podcast-popup--no-transcript .podcast-popup__footer { 10776 justify-content: center; 10777 } 10778 10779 .podcast-popup--mobile.podcast-popup--no-transcript .podcast-popup__footer .podcast-popup__icon-btn-wrapper { 10780 margin-left: 0; 10781 } 10782 10783 .podcast-popup__player { 10784 flex-direction: row; 10785 align-items: flex-start; 10786 gap: 16px; 10787 } 10788 10789 .podcast-popup__play-icon { 10790 border-width: 0.5rem 0 0.5rem 0.94rem; 10791 } 10792 10793 /* 10794 * Overrides the portrait 4-row mobile shell in the wider breakpoint above. 10795 * First row is flexible so .podcast-popup__body can shrink and scroll; footer row stays visible 10796 * when expandMobileModal sets overflow:hidden on the shell. 10797 */ 10798 .podcast-popup--mobile:not(.is-minimized) .podcast-popup__shell { 10799 grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); 10800 grid-template-rows: minmax(0, 1fr) auto auto; 10801 grid-template-areas: 10802 "hero player" 10803 "hero footer" 10804 "mini-player mini-player"; 10805 } 10806 10807 .podcast-popup--mobile:not(.is-minimized) .podcast-popup__hero { 10808 min-height: 0; 10809 } 10810 } 10811 </style> 10812 </div> 10813 10814 10815 10816 10817 10818 10819</div> 10820 10821 10822</div> 10823</div> 10824 10825 10826 10827 10828 <div class="cmp-teaser__image"> 10829 10830 <div data-asset="/content/dam/princess/promos-deals/resident-rates/royal-princess-anchorage-alaska.jpeg" data-asset-id="71cf7ae9-9c64-4e5a-a9de-6dbd53b08128" data-background-image="false" data-dynamic-media-image="true" data-lazy-loaded="true" data-smart-crop-rendition="5x4" data-src="https://assets.princess.com/is/image/princesscruises/royal-princess-anchorage-alaska%3A5x4?ts=1785164307314" data-title="Diamond Princess" data-widths="128,256,512,1024,1280,1440,1920,2048" id="image-5fdc8fd1cc" class="cmp-image" itemscope itemtype="http://schema.org/ImageObject"> 10831 10832 10833 <picture class="cmp-image__picture"> 10834 10835 10836 <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="cmp-image__image cmp-image__image--lazy-loading" itemprop="contentUrl" alt="Diamond Princess" loading="lazy"/> 10837 10838 10839 10840 </picture> 10841 10842 10843 10844 </div> 10845 10846 </div> 10847 10848 10849 </div> 10850 10851 10852 10853 <div class="cmp-teaser__content cmp-teaser__content-padding-0"> 10854 <div class="cmp-teaser__content-copy"> 10855 10856 10857 10858 10859 10860 <div class="cmp-teaser__description "><h3 style=" color: white; 10861 font-size: 24.0px; 10862">Alaska (Glaciers, Wildlife, Mountains)</h3> 10863<p style=" color: white; 10864">If you have ever dreamed of a life-changing adventure, this episode will show you exactly why a journey to the Alaskan wild must be at the very top of your bucket list.</p> 10865</div> 10866 10867 </div> 10868 <div class="teaser-actions responsivegrid cmp-teaser__action-container"> 10869 10870 10871<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> 10872 10873 <div class="text cmp-text--text-white cmp-text--padded-none cmp-text--spacing-none aem-GridColumn aem-GridColumn--default--12"> 10874<div class="cmp-text" id="text-ff93715499"> 10875 <p>Apr 15, 2026 5 MIN</p> 10876</div> 10877 10878 10879 10880</div> 10881<div class="spacer cmp-spacer--remove-default-spacer-size cmp-spacer--space-16-mob cmp-spacer--space-16-desk aem-GridColumn aem-GridColumn--default--12"> 10882<div data-track-component-type="spacer" class="cmp-spacer "> 10883 10884</div> 10885</div> 10886<div class="button-v2 cmp-button-v2--style-link-light cmp-button-v2--aligned-left aem-GridColumn aem-GridColumn--default--12"> 10887 10888 10889 10890
10891<a class="cmp-button-v2" href="https://www.princess.com/en-us/blog/all-the-best-things-to-do-in-alaska" target="_self" aria-label="explore more all the Best things to do in Alaska blog" role="button" data-track-id="explore-more" data-track="the-princess-podcast" data-track-component-type="button-v2" tabindex="0" data-analytics-do-not-inherit-level-2="true" data-analytics-do-not-inherit-level-1="true" data-podcast-resource-path="false"> 10892 10893 <span class="cmp-button-v2__container"> 10894 <span class="cmp-button-v2__text">EXPLORE MORE</span> 10895 10896 <div class="cmp-button-v2__icon"> 10897 <svg class="cmp-button-v2__icon-svg"> 10898 <use href="#icon-chevron-next"/> 10899 </svg> 10900 </div> 10901 10902 </span> 10903 10904</a> 10905 10906 10907 10908 10909 10910 10911 10912</div> 10913 10914 10915</div> 10916</div> 10917 10918 10919 </div> 10920 </div> 10921</div> 10922 10923 10924 10925</div> 10926<div class="teaser cmp-teaser--type-card cmp-teaser--image-ratio-4x3 cmp-teaser--text-light cmp-teaser--overlay-light cmp-teaser--backgrond-color-card--transparent cmp-teaser--no-border-mobile cmp-teaser--cards-size--irregular cmp-teaser--blue-label aem-GridColumn aem-GridColumn--default--12"> 10927<div data-placeholder-text="false" data-checkmark-icon="icon-checkmark-light" data-track-component-type="teaser" class="cmp-teaser" id="teaser-3ff21c50fc" data-teaser-lazy data-teaser-card="true"> 10928 <div class="cmp-teaser__container"> 10929 10930 <div class="cmp-teaser__article-type"> 10931 Episode 2 10932 </div> 10933 10934 <div class="cmp-teaser__image-area"> 10935 10936 <div class="teaser-image-parsys responsivegrid cmp-teaser__image-overlay-cta"> 10937 10938 10939<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> 10940 10941 <div class="button-v2 cmp-button-v2--aligned-left cmp-button-v2--icon-invert cmp-button-v2--icon-revert aem-GridColumn aem-GridColumn--default--12"> 10942 10943 10944 10945 10946<a class="cmp-button-v2 cmp-button-v2--podcast" href="#" target="_self" aria-label="start" role="button" data-track-id="play" data-track="podcast" data-track-component-type="button-v2" tabindex="0" data-analytics-do-not-inherit-level-2="true" data-analytics-do-not-inherit-level-1="true" data-podcast-share-copy-link-data-track-id="copy-link" data-podcast-share-icon-data-track-id="icon" data-podcast-share-data-track="podcast-share" data-podcast-transcript-collapse-data-track-id="collapse" data-podcast-transcript-data-track-id="transcript" data-podcast-transcript-data-track="podcast-transcript" data-podcast-dislike-data-track-id="thumbs-down" data-podcast-like-data-track-id="thumbs-up" data-podcast-pause-data-track-id="pause" data-podcast-play-data-track-id="start" data-podcast-play-data-track="podcast" data-podcast-cta-data-track-id="explore more" data-podcast-cta-data-track="podcast-player" data-podcast-is-video="true" data-podcast-show-share="true" data-podcast-cta-link="https://www.princess.com/cruise-destinations/alaska-cruises/cruisetour-options" data-podcast-cta-text="Explore More" data-podcast-episode-label="Episode 02" data-podcast-title="Why Princess knows Alaska best" data-podcast-winbox-title="The Great Land Podcast" data-podcast-logo-image="https://assets.princess.com/is/image/princesscruises/logo_seawitch-icon-white?qlt=82&ts=1785164308555&fmt=png-alpha&bfc=on" data-podcast-hero-image="https://assets.princess.com/is/image/princesscruises/glacier-hike-white-pass-rail?qlt=82&ts=1785164308513" data-podcast-src="https://assets.princess.com/is/content/princesscruises/Episode-2-v3-video-optimized-no-fade" data-podcast-open="true" aria-controls="podcast-popup" aria-expanded="false" data-podcast-resource-path="/content/princess/en-us/blog/jcr:content/root/main-par/section_copy_copy_co/section-par/section/section-par/section_1993012337_c/section-par/grid_container_18824/grid/teaser_copy_copy_823_798937327/teaser-image-parsys/cmp_call_out__cta_el" data-podcast-resource-name="cmp_call_out__cta_el"> 10947 10948 <span class="cmp-button-v2__container"> 10949 <span class="cmp-button-v2__text">Play</span> 10950 10951 <div class="cmp-button-v2__icon"> 10952 <svg class="cmp-button-v2__icon-svg"> 10953 <use href="#icon-arrow"/> 10954 </svg> 10955 </div> 10956 10957 </span> 10958 10959</a> 10960 10961 10962 <div id="podcast-winbox-backstore" hidden> 10963 <div class="podcast-popup podcast-popup--winbox" id="podcast-popup"> 10964 10965 <div class="podcast-popup__drag-handle" aria-hidden="true">
10966 <span></span> 10967 </div> 10968 10969 <div class="podcast-popup__shell"> 10970 <div class="podcast-popup__hero"> 10971 <img src="https://www.princess.com/en-us/" alt="" class="podcast-popup__princess-hero-image"/> 10972 10973 <video id="podcast-popup-video" class="podcast-popup__video" playsinline style="display:none; width:100%; height:100%; object-fit:cover; position:absolute; inset:0;"> 10974 <source src="" type="video/mp4"/> 10975 </video> 10976 10977 <img src="https://www.princess.com/en-us/" alt="" class="podcast-popup__princess-logo-image"/> 10978 </div> 10979 10980 <button type="button" class="podcast-popup__close-mobile" id="podcast-popup-close-mobile" aria-label="Close" data-focus-pre="1"> 10981 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> 10982 <path d="M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z" fill="#020215"/> 10983 </svg> 10984 </button> 10985 10986 <div class="podcast-popup__body"> 10987 10988 <div class="share-btn__wrapper"> 10989 <button type="button" class="podcast-popup__icon-btn share-btn" id="podcast-popup-share-trigger" aria-label="Share" data-focus-pre="2" aria-haspopup="menu" aria-expanded="false" aria-controls="podcast-popup-share-popover"> 10990 <span class="podcast-popup__icon-btn-wrap" aria-hidden="true"> 10991 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> 10992 <path d="M16 5L14.58 6.42L12.99 4.83V16H11.01V4.83L9.42 6.42L8 5L12 1L16 5ZM20 10V21C20 22.1 19.1 23 18 23H6C4.89 23 4 22.1 4 21V10C4 8.89 4.89 8 6 8H9V10H6V21H18V10H15V8H18C19.1 8 20 8.89 20 10Z" fill="#020215"/> 10993 </svg> 10994 </span> 10995 </button> 10996 <div class="podcast-popup__share-popover" id="podcast-popup-share-popover" role="menu" aria-label="Share options"> 10997 <button type="button" class="podcast-popup__copy-btn" id="podcast-popup-copy-link" role="menuitem"> 10998 <span class="podcast-popup__icon-btn-wrap"> 10999 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> 11000 <path d="M9.54998 18.0001L3.84998 12.3001L5.27498 10.8751L9.54998 15.1501L18.725 5.9751L20.15 7.4001L9.54998 18.0001Z" fill="#059669"/> 11001 </svg> 11002 </span> 11003 <span class="podcast-popup__copy-text">Copy link</span> 11004 </button> 11005 </div> 11006 </div> 11007 11008 <div class="podcast-popup__body-heading"> 11009 <p class="podcast-popup__episode-label eyebrow" id="podcast-popup-episode-label" tabindex="-1" data-focus-pre="3"></p> 11010 <h3 class="podcast-popup__episode-title body-copy-large-bold" id="podcast-popup-episode-title" tabindex="-1" data-focus-pre="4"></h3> 11011 <a class="podcast-popup__hero-cta podcast-popup__hero-cta--sheet-body" href="#" data-focus-pre="5"> 11012 <span class="podcast-popup__hero-cta-text"></span> 11013 <svg xmlns="http://www.w3.org/2000/svg" width="6" height="12" viewBox="0 0 6 12" fill="none"> 11014 <path d="M6 6L5.85661e-07 12L2.05389 6.03804L9.53674e-07 -4.28564e-07L6 6Z" fill="#020215"/> 11015 </svg> 11016 </a> 11017 </div> 11018 <div class="podcast-popup__player"> 11019 <audio id="podcast-popup-audio" class="podcast-popup__audio" preload="metadata"> 11020 <source src="" type="audio/mpeg"/> 11021 </audio> 11022 11023 <button type="button" class="podcast-popup__play" id="podcast-popup-play" aria-label="Play" data-focus-pre="6">
11024 <span class="podcast-popup__play-icon" aria-hidden="true"></span> 11025 </button> 11026 <div class="podcast-popup__timeline"> 11027 <span id="podcast-popup-time-current" class="body-copy-medium podcast-popup-time-current-item">0:00</span> 11028 <div class="podcast-popup__timeline-container"> 11029 <div class="podcast-popup__buffer-bar"></div> 11030 <input id="podcast-popup-progress" class="podcast-popup__progress" type="range" min="0" max="100" value="0" step="0.1" aria-label="Seek" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0" data-focus-pre="7"/> 11031 </div> 11032 <span id="podcast-popup-time-total" class="podcast-popup-time-total-number body-copy-medium">0:00</span> 11033 </div> 11034 </div> 11035 </div> 11036 11037 <div class="podcast-popup__mini-player" id="podcast-mini-player"> 11038 <div class="podcast-popup__mini-content"> 11039 <div class="podcast-popup__player"> 11040 <div class="podcast-popup__timeline"> 11041 <div class="podcast-popup__timeline-container"> 11042 <div class="podcast-popup__buffer-bar podcast-mini-buffer"></div> 11043 <input id="podcast-mini-progress" class="podcast-popup__progress podcast-mini-progress-input" type="range" min="0" max="100" value="0" step="0.1" aria-label="Seek" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0"/> 11044 </div> 11045 </div> 11046 <div class="podcast-popup__body-heading"> 11047 <h3 class="podcast-popup__episode-title body-copy-medium-bold podcast-mini-title-text"></h3> 11048 </div> 11049 <button type="button" class="podcast-popup__play" id="podcast-mini-play-btn" aria-label="Play"> 11050 <span class="podcast-popup__play-icon" aria-hidden="true"></span> 11051 </button> 11052 </div> 11053 </div> 11054 </div> 11055 11056 <div class="podcast-popup__footer"> 11057 <button type="button" class="podcast-popup__transcript-btn-mobile type-cta-link" id="podcast-popup-transcript-trigger-mobile" aria-label="Transcript" aria-expanded="false" aria-controls="podcast-popup-transcript-panel" data-focus-pre="8"> 11058 <span class="podcast-popup__transcript-btn-mobile-icon" aria-hidden="true"> 11059 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> 11060 <path d="M4 6H2V20C2 21.1 2.9 22 4 22H18V20H4V6ZM20 2H8C6.9 2 6 2.9 6 4V16C6 17.1 6.9 18 8 18H20C21.1 18 22 17.1 22 16V4C22 2.9 21.1 2 20 2ZM20 16H8V4H20V16ZM10 9H18V11H10V9ZM10 12H14V14H10V12ZM10 6H18V8H10V6Z" fill="black"/> 11061 </svg> 11062 </span> 11063 <span class="podcast-popup__transcript-btn-mobile-text">Transcript</span> 11064 </button> 11065 <button type="button" class="podcast-popup__transcript-btn type-cta-text-link" id="podcast-popup-transcript-trigger" aria-label="Transcript" aria-expanded="false" aria-controls="podcast-popup-transcript-panel" data-focus-pre="8"> 11066 <span class="podcast-popup__icon-btn-wrap" aria-hidden="true"> 11067 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> 11068 <path d="M4 3H20C21.1 3 22 3.9 22 5V19C22 20.1 21.1 21 20 21H4C2.9 21 2 20.1 2 19V5C2 3.9 2.9 3 4 3ZM4 5V19H20V5H4ZM6 8H18V10H6V8ZM6 12H18V14H6V12ZM6 16H14V18H6V16Z" fill="#020215"/> 11069 </svg> 11070 </span> 11071 <span class="podcast-popup__transcript-btn-text">Transcript</span> 11072 </button> 11073 <div class="podcast-popup__icon-btn-wrapper"> 11074 <button type="button" class="podcast-popup__icon-btn like-btn" id="podcast-popup-like-trigger" aria-label="Like" data-focus-pre="9">
11075 <span class="podcast-popup__icon-btn-wrap" aria-hidden="true"> 11076 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> 11077 <path d="M9 21H18C18.83 21 19.54 20.5 19.84 19.78L22.86 12.73C22.95 12.5 23 12.26 23 12V10C23 8.9 22.1 8 21 8H14.69L15.64 3.43L15.67 3.11C15.67 2.7 15.5 2.32 15.23 2.05L14.17 1L7.58 7.59C7.22 7.95 7 8.45 7 9V19C7 20.1 7.9 21 9 21ZM9 9L13.34 4.66L12 10H21V12L18 19H9V9ZM1 9H5V21H1V9Z" fill="#020215"/> 11078 </svg> 11079 </span> 11080 </button> 11081 <button type="button" class="podcast-popup__icon-btn liked-btn" id="podcast-popup-liked-trigger" aria-label="Liked"> 11082 <span class="podcast-popup__icon-btn-wrap" aria-hidden="true"> 11083 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> 11084 <path d="M1 21H5V9H1V21ZM23 10C23 8.9 22.1 8 21 8H14.69L15.64 3.43L15.67 3.11C15.67 2.7 15.5 2.32 15.23 2.05L14.17 1L7.59 7.59C7.22 7.95 7 8.45 7 9V19C7 20.1 7.9 21 9 21H18C18.83 21 19.54 20.5 19.84 19.78L22.86 12.73C22.95 12.5 23 12.26 23 12V10Z" fill="#003595"/> 11085 </svg> 11086 </span> 11087 </button> 11088 <button type="button" class="podcast-popup__icon-btn dislike-btn" id="podcast-popup-dislike-trigger" aria-label="Dislike" data-focus-pre="10"> 11089 <span class="podcast-popup__icon-btn-wrap" aria-hidden="true"> 11090 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> 11091 <path d="M15 3H6C5.17 3 4.46 3.5 4.16 4.22L1.14 11.27C1.05 11.5 1 11.74 1 12V14C1 15.1 1.9 16 3 16H9.31L8.36 20.57L8.33 20.89C8.33 21.3 8.5 21.68 8.77 21.95L9.83 23L16.42 16.41C16.78 16.05 17 15.55 17 15V5C17 3.9 16.1 3 15 3ZM15 15L10.66 19.34L12 14H3V12L6 5H15V15ZM19 3H23V15H19V3Z" fill="#020215"/> 11092 </svg> 11093 </span> 11094 </button> 11095 <button type="button" class="podcast-popup__icon-btn disliked-btn" id="podcast-popup-disliked-trigger" aria-label="Disliked"> 11096 <span class="podcast-popup__icon-btn-wrap" aria-hidden="true"> 11097 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> 11098 <path d="M15 3H6C5.17 3 4.46 3.5 4.16 4.22L1.14 11.27C1.05 11.5 1 11.74 1 12V14C1 15.1 1.9 16 3 16H9.31L8.36 20.57L8.33 20.89C8.33 21.3 8.5 21.68 8.77 21.95L9.83 23L16.42 16.41C16.78 16.05 17 15.55 17 15V5C17 3.9 16.1 3 15 3ZM19 3V15H23V3H19Z" fill="#003595"/> 11099 </svg> 11100 </span> 11101 </button> 11102 </div> 11103 11104 <a class="podcast-popup__hero-cta" id="podcast-popup-hero-cta-footer" href="#" data-focus-pre="11"> 11105 <span class="podcast-popup__hero-cta-text"></span> 11106 <svg xmlns="http://www.w3.org/2000/svg" width="6" height="12" viewBox="0 0 6 12" fill="none"> 11107 <path d="M6 6L5.85661e-07 12L2.05389 6.03804L9.53674e-07 -4.28564e-07L6 6Z" fill="#020215"/> 11108 </svg> 11109 </a> 11110 </div> 11111 11112 <div class="podcast-popup__transcript-panel" id="podcast-popup-transcript-panel" aria-hidden="true"> 11113 <div class="podcast-popup__transcript-drag-handle" aria-hidden="true"> 11114 <span></span> 11115 </div> 11116 <div class="podcast-popup__transcript-header"> 11117 <div class="podcast-popup__transcript-player"> 11118 <button type="button" class="podcast-popup__transcript-play-btn" id="podcast-popup-transcript-play" aria-label="Play" data-focus-transcript="2">
11119 <span class="podcast-popup__transcript-play-btn-icon" aria-hidden="true"> 11120 <svg class="podcast-popup__transcript-icon podcast-popup__transcript-icon-play" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true"> 11121 <path d="M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 20C7.59 20 4 16.41 4 12C4 7.59 7.59 4 12 4C16.41 4 20 7.59 20 12C20 16.41 16.41 20 12 20ZM10 16.5L16 12L10 7.5V16.5Z" fill="#020215"/> 11122 </svg> 11123 <svg class="podcast-popup__transcript-icon podcast-popup__transcript-icon-pause" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true"> 11124 <path d="M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 20C7.59 20 4 16.41 4 12C4 7.59 7.59 4 12 4C16.41 4 20 7.59 20 12C20 16.41 16.41 20 12 20ZM11 16H9V8H11V16ZM15 16H13V8H15V16Z" fill="#020215"/> 11125 </svg> 11126 </span> 11127 <span class="podcast-popup__transcript-state-label type-cta-link">PLAY</span> 11128 </button> 11129 <span class="podcast-popup__transcript-time body-copy-medium" id="podcast-popup-transcript-time" tabindex="-1" data-focus-transcript="3"> 11130 <span class="podcast-popup-time-current-item podcast-popup__transcript-time-current">0:00</span> 11131 <span class="podcast-popup__transcript-time-sep">/</span> 11132 <span class="podcast-popup-time-total-number podcast-popup__transcript-time-total">0:00</span> 11133 </span> 11134 </div> 11135 <button type="button" class="podcast-popup__transcript-collapse type-cta-link" id="podcast-popup-transcript-collapse" aria-label="Collapse transcript" data-focus-transcript="1"> 11136 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" aria-hidden="true"> 11137 <path d="M7.41 8.59L12 13.17L16.59 8.59L18 10L12 16L6 10L7.41 8.59Z" fill="#020215"/> 11138 </svg> 11139 <span class="podcast-popup__transcript-collapse-text">Collapse</span> 11140 </button> 11141 </div> 11142 <div class="podcast-popup__transcript-body podcast-popup__transcript-body--rte" id="podcast-popup-transcript-body" tabindex="-1" data-focus-transcript="4"> 11143 <h3>The standard Lorem Ipsum passage, used since 1966</h3> 11144<p>"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."</p> 11145<h3>Section 1.10.32 of "de Finibus Bonorum et Malorum", written by Cicero in 45 BC</h3> 11146<p>"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?"</p> 11147<h3>1914 translation by H. Rackham</h3> 11148<p>"But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences that are extremely painful. Nor again is there anyone who loves or pursues or desires to obtain pain of itself, because it is pain, but because occasionally circumstances occur in which toil and pain can procure him some great pleasure. To take a trivial example, which of us ever undertakes laborious physical exercise, except to obtain some advantage from it? But who has any right to find fault with a man who chooses to enjoy a pleasure that has no annoying consequences, or one who avoids a pain that produces no resultant pleasure?"</p> 11149<h3>Section 1.10.33 of "de Finibus Bonorum et Malorum", written by Cicero in 45 BC</h3> 11150<p>"At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat."</p> 11151<h3>1914 translation by H. Rackham</h3> 11152<p>"
11152On the other hand, we denounce with righteous indignation and dislike men who are so beguiled and demoralized by the charms of pleasure of the moment, so blinded by desire, that they cannot foresee the pain and trouble that are bound to ensue; and equal blame belongs to those who fail in their duty through weakness of will, which is the same as saying through shrinking from toil and pain. These cases are perfectly simple and easy to distinguish. In a free hour, when our power of choice is untrammelled and when nothing prevents our being able to do what we like best, every pleasure is to be welcomed and every pain avoided. But in certain circumstances and owing to the claims of duty or the obligations of business it will frequently occur that pleasures have to be repudiated and annoyances accepted. The wise man therefore always holds in these matters to this principle of selection: he rejects pleasures to secure other greater pleasures, or else he endures pains to avoid worse pains."</p> 11153 11154 </div> 11155 </div> 11156 </div> 11157 </div> 11158 <style> 11159 /* stylelint-disable order/properties-alphabetical-order */ 11160 .podcast-popup { 11161 position: relative; 11162 width: 100%; 11163 box-sizing: border-box; 11164 background: #fff; 11165 } 11166 11167 .podcast-popup--winbox { 11168 box-shadow: none; 11169 border-radius: 0; 11170 max-height: none; 11171 overflow: visible; 11172 flex: 1; 11173 display: flex; 11174 flex-direction: column; 11175 min-height: 100%; 11176 box-sizing: border-box; 11177 } 11178 11179 /* Disable all resize handles */ 11180 .wb-nw, .wb-ne, .wb-sw, .wb-se, .wb-n, .wb-s, .wb-e, .wb-w { 11181 display: none !important; 11182 } 11183 11184 .podcast-popup__shell { 11185 position: relative; 11186 border-radius: 0; 11187 overflow: hidden; 11188 flex: 1; 11189 display: grid; 11190 grid-template-columns: minmax(0, 1fr); 11191 grid-template-areas: 11192 'hero' 11193 'player' 11194 'mini-player' 11195 'footer'; 11196 justify-items: stretch; 11197 min-height: 0; 11198 } 11199 11200 .podcast-popup__hero { 11201 grid-area: hero; 11202 position: relative; 11203 flex-shrink: 0; 11204 aspect-ratio: 16 / 10; 11205 background: #2d3748 center / cover no-repeat; 11206 display: flex; 11207 height: 370px; 11208 padding: 32px; 11209 justify-content: center; 11210 align-items: flex-end; 11211 align-self: stretch; 11212 } 11213 11214 .podcast-popup__princess-hero-image { 11215 position: absolute; 11216 inset: 0; 11217 width: 100%; 11218 height: 100%; 11219 object-fit: cover; 11220 } 11221 11222 .podcast-popup__princess-logo-image { 11223 display: flex; 11224 justify-content: center; 11225 align-items: center; 11226 position: absolute; 11227 left: 30px; 11228 top: 32px; 11229 width: 85px; 11230 height: 40px; 11231 } 11232 11233 .podcast-popup__hero-cta { 11234 display: flex; 11235 align-items: center; 11236 gap: 4px; 11237 text-decoration: none; 11238 color: #020215; 11239 font-feature-settings: 'liga' off, 'clig' off; 11240 font-family: 'proxima-nova', sans-serif; 11241 font-size: 18px; 11242 font-style: normal; 11243 font-weight: 600; 11244 line-height: 28px; 11245 letter-spacing: 1px; 11246 text-transform: uppercase; 11247 } 11248 11249 /* Mobile sheet (drawer): CTA lives in body; hidden on desktop WinBox */ 11250 .podcast-popup__hero-cta--sheet-body { 11251 display: none; 11252 } 11253 11254 .podcast-popup__hero-cta svg { 11255 display: flex; 11256 width: 16px; 11257 height: 16px; 11258 padding: 2px 5px; 11259 justify-content: center; 11260 align-items: center; 11261 } 11262 11263 .podcast-popup__hero-cta:hover { 11264 text-decoration: underline; 11265 } 11266 11267 .podcast-popup__hero-cta:focus, 11268 .podcast-popup__hero-cta:focus-visible { 11269 outline: 2px solid #111827; 11270 outline-offset: 2px; 11271 } 11272 11273 .podcast-popup__body { 11274 grid-area: player; 11275 display: flex; 11276 padding: 32px; 11277 flex-direction: column; 11278 align-items: center; 11279 gap: 24px; 11280 align-self: stretch; 11281 position: relative; 11282 } 11283 11284 .podcast-popup__episode-label { 11285 margin: 0; 11286 text-transform: uppercase; 11287 } 11288 11289 .podcast-popup__episode-title { 11290 margin: 0; 11291 display: -webkit-box; 11292 -webkit-line-clamp: 1; 11293 -webkit-box-orient: vertical; 11294 overflow: hidden; 11295 text-overflow: ellipsis; 11296 letter-spacing: 0; 11297 } 11298 11299 #podcast-popup-episode-label:focus, 11300 #podcast-popup-episode-label:focus-visible, 11301 #podcast-popup-episode-title:focus, 11302 #podcast-popup-episode-title:focus-visible { 11303 outline: 2px solid #111827; 11304 outline-offset: 2px; 11305 display: inline-block; 11306 } 11307 11308 .podcast-popup--winbox #podcast-popup-hero-cta-footer:focus, 11309 .podcast-popup--winbox #podcast-popup-hero-cta-footer:focus-visible, 11310 .podcast-popup--winbox #podcast-popup-episode-label:focus, 11311 .podcast-popup--winbox #podcast-popup-episode-label:focus-visible, 11312 .podcast-popup--winbox #podcast-popup-episode-title:focus, 11313 .podcast-popup--winbox #podcast-popup-episode-title:focus-visible { 11314 position: relative; 11315 z-index: 2; 11316 } 11317 11318 /* Tab trap sync: programmatic focus on tabindex="-1" stops (Safari / VoiceOver). */ 11319 .podcast-popup--winbox .podcast-popup__seq-focus { 11320 outline: 2px solid #111827; 11321 outline-offset: 2px; 11322 } 11323 11324 .podcast-popup--winbox #podcast-popup-episode-label.podcast-popup__seq-focus, 11325 .podcast-popup--winbox #podcast-popup-episode-title.podcast-popup__seq-focus, 11326 .podcast-popup--winbox #podcast-popup-transcript-time.podcast-popup__seq-focus { 11327 display: inline-block; 11328 position: relative; 11329 z-index: 2; 11330 } 11331 11332 .podcast-popup--winbox .podcast-popup__icon-btn.podcast-popup__seq-focus:not(:focus-visible) { 11333 outline: 2px solid #111827; 11334 outline-offset: 2px; 11335 } 11336 11337 .podcast-popup__player { 11338 display: flex; 11339 justify-content: center; 11340 align-items: center; 11341 gap: 16px; 11342 align-self: stretch; 11343 flex-direction: row; 11344 } 11345 11346 .podcast-popup__body-heading { 11347 display: flex; 11348 flex-direction: column; 11349 justify-content: center; 11350 align-items: flex-start; 11351 gap: 8px; 11352 align-self: stretch; 11353 } 11354 11355 .podcast-popup__audio { 11356 position: absolute; 11357 width: 1px; 11358 height: 1px; 11359 padding: 0; 11360 margin: -1px; 11361 overflow: hidden; 11362 clip-path: inset(50%); 11363 border: 0; 11364 white-space: nowrap; 11365 } 11366 11367 .podcast-popup__play { 11368 flex-shrink: 0; 11369 border: 0; 11370 border-radius: 50%; 11371 background: #ea0063; 11372 color: #fff; 11373 cursor: pointer; 11374 place-items: center; 11375 transition: transform 0.15s ease, filter 0.15s ease; 11376 display: flex; 11377 justify-content: center; 11378 align-items: center; 11379 width: 56px; 11380 height: 56px; 11381 } 11382 11383 .podcast-popup__play:hover { 11384 filter: brightness(1.05); 11385 transform: scale(1.03); 11386 } 11387 11388 .podcast-popup__play:focus-visible { 11389 outline: 2px solid #111827; 11390 outline-offset: 2px; 11391 } 11392 11393 .podcast-popup__play-icon { 11394 margin-left: 4px; 11395 width: 0; 11396 height: 0; 11397 border-style: solid; 11398 border-width: 0.4375rem 0 0.4375rem 0.6875rem; 11399 border-color: transparent transparent transparent #fff; 11400 } 11401 11402 .podcast-popup__play.is-playing .podcast-popup__play-icon { 11403 margin-left: 0; 11404 width: 0.75rem; 11405 height: 0.875rem; 11406 border: 0; 11407 background: linear-gradient( 11408 to right, 11409 #fff 0 33%, 11410 transparent 33% 66%, 11411 #fff 66% 100% 11412 ); 11413 } 11414 11415 .podcast-popup__timeline { 11416 flex: 1; 11417 min-width: 0; 11418 display: flex; 11419 align-items: center; 11420 gap: 0.5rem; 11421 } 11422 11423 .podcast-popup__timeline #podcast-popup-time-current, 11424 .podcast-popup__timeline #podcast-popup-time-total { 11425 flex-shrink: 0; 11426 min-width: 2.25rem; 11427 } 11428 11429 .podcast-popup__timeline #podcast-popup-time-total { 11430 text-align: right; 11431 } 11432 11433 .podcast-popup__timeline-container { 11434 position: relative; 11435 flex: 1; 11436 display: flex; 11437 align-items: center; 11438 height: 6px; 11439 background: #e5e7eb; 11440 border-radius: 999px; 11441 overflow: visible; 11442 } 11443 11444 .podcast-popup__buffer-bar { 11445 position: absolute; 11446 top: 0; 11447 left: 0; 11448 height: 100%; 11449 width: 0%; 11450 background-color: #6c6c78; 11451 z-index: 1; 11452 pointer-events: none; 11453 border-radius: 999px; 11454 } 11455 11456 .podcast-popup__progress { 11457 position: absolute; 11458 top: 0; 11459 left: 0; 11460 width: 100%; 11461 height: 100%; 11462 z-index: 2; 11463 margin: 0; 11464 appearance: none; 11465 background-color: transparent; 11466 background-image: linear-gradient(#ea0063, #ea0063); 11467 background-repeat: no-repeat; 11468 background-size: 0% 100%; 11469 cursor: pointer; 11470 touch-action: pan-x; 11471 border-radius: 999px; 11472 } 11473 11474 .podcast-popup__progress::-webkit-slider-runnable-track { 11475 appearance: none; 11476 height: 100%; 11477 background: transparent; 11478 } 11479 11480 .podcast-popup__progress::-webkit-slider-thumb { 11481 appearance: none; 11482 width: 12px; 11483 height: 12px; 11484 border-radius: 50%; 11485 background: #ea0063; 11486 border: none; 11487 margin-top: -3px; 11488 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); 11489 position: relative; 11490 z-index: 3; 11491 } 11492 11493 .podcast-popup__progress::-moz-range-track { 11494 height: 100%; 11495 background: transparent; 11496 } 11497 11498 .podcast-popup__progress::-moz-range-thumb { 11499 width: 12px; 11500 height: 12px; 11501 border: none; 11502 border-radius: 50%; 11503 background: #ea0063; 11504 } 11505 11506 .podcast-popup-time-total-number { 11507 color: #6c6c78; 11508 } 11509 11510 .podcast-popup__footer { 11511 grid-area: footer; 11512 position: relative; 11513 display: flex; 11514 width: 100%; 11515 height: 68px; 11516 padding: 16px 24px; 11517 justify-content: flex-start; 11518 align-items: center; 11519 gap: 28px; 11520 background: #f2efed; 11521 box-sizing: border-box; 11522 } 11523 11524 .podcast-popup__icon-btn-wrapper { 11525 display: flex; 11526 width: auto; 11527 align-items: center; 11528 gap: 20px; 11529 flex-shrink: 0; 11530 margin-left: 0; 11531 line-height: 0; 11532 } 11533 11534 .podcast-popup__icon-btn { 11535 display: grid; 11536 place-items: center; 11537 padding: 0; 11538 border: 0; 11539 border-radius: 0; 11540 background: transparent; 11541 color: #111827; 11542 cursor: pointer; 11543 position: relative; 11544 } 11545 11546 .podcast-popup__icon-btn:focus-visible { 11547 outline: 2px solid #111827; 11548 outline-offset: 2px; 11549 } 11550 11551 .podcast-popup__icon-btn-wrap { 11552 box-sizing: border-box; 11553 display: grid; 11554 place-items: center; 11555 width: 2.25rem; 11556 height: 2.25rem; 11557 border: 0; 11558 background: transparent; 11559 } 11560 11561 .podcast-popup__icon-btn-wrap > svg { 11562 grid-area: 1 / 1; 11563 } 11564 11565 .podcast-popup__icon-btn-wrap svg { 11566 width: 1.5rem; 11567 height: 1.5rem; 11568 } 11569 11570 11571 .share-btn__wrapper { 11572 position: absolute;
11573 right: 26px; 11574 top: 26px; 11575 } 11576 11577 .podcast-popup__share-popover { 11578 display: none; 11579 position: absolute; 11580 bottom: 100%; 11581 right: 32px; 11582 background: #fff; 11583 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); 11584 z-index: 10; 11585 } 11586 11587 .podcast-popup__share-popover *[role="menuitem"]:focus-visible { 11588 outline: 2px solid #111827; 11589 outline-offset: 2px; 11590 } 11591 11592 .podcast-popup__share-popover.is-open { 11593 display: block; 11594 } 11595 11596 .podcast-popup__copy-btn { 11597 align-items: center; 11598 border: none; 11599 cursor: pointer; 11600 white-space: nowrap; 11601 color: #020215; 11602 display: flex; 11603 width: 288px; 11604 padding: 16px; 11605 flex-direction: row; 11606 justify-content: left; 11607 gap: 16px; 11608 background: #fff; 11609 box-shadow: 0 4px 32px 8px rgba(108, 108, 120, 0.16); 11610 } 11611 11612 .podcast-popup__copy-text { 11613 padding: 4px 0; 11614 } 11615 11616 .podcast-popup__copy-btn:hover { 11617 background-color: #f3f4f6; 11618 } 11619 11620 .podcast-popup__copy-btn.is-copied { 11621 color: #059669; 11622 } 11623 11624 .winbox.podcast-winbox { 11625 border-radius: 16px; 11626 z-index: 22 !important; 11627 } 11628 11629 .winbox.podcast-winbox .wb-header { 11630 display: flex; 11631 flex-direction: row; 11632 align-items: stretch; 11633 line-height: normal; 11634 background: #1a1a1a; 11635 color: #fff; 11636 height: 42px; 11637 border-radius: 16px 16px 0 0; 11638 } 11639 11640 .winbox.podcast-winbox .wb-max, 11641 .winbox.podcast-winbox .wb-full { 11642 display: none; 11643 } 11644 11645 .winbox.podcast-winbox .wb-control { 11646 float: none; 11647 order: 2; 11648 flex-shrink: 0; 11649 display: flex; 11650 flex-direction: row; 11651 align-items: center; 11652 } 11653 11654 .winbox.podcast-winbox .wb-drag { 11655 float: none; 11656 order: 1; 11657 flex: 1; 11658 min-width: 0; 11659 display: flex; 11660 align-items: center; 11661 height: auto; 11662 } 11663 11664 .winbox.podcast-winbox .wb-title { 11665 font: 600 0.75rem/1.2 system-ui, sans-serif; 11666 letter-spacing: 0.02em; 11667 opacity: 0.92; 11668 } 11669 11670 .winbox.podcast-winbox .wb-icon { 11671 float: none; 11672 align-self: center; 11673 opacity: 0.85; 11674 } 11675 11676 /* Visible focus on close: header overflow clips outline; inset avoids clipping */ 11677 .winbox.podcast-winbox .wb-close:focus-visible { 11678 box-shadow: inset 0 0 0 2px #fff; 11679 outline: none; 11680 } 11681 11682 .winbox.podcast-winbox .wb-close:focus:not(:focus-visible) { 11683 box-shadow: inset 0 0 0 2px #fff; 11684 outline: none; 11685 } 11686 11687 .winbox.podcast-winbox .wb-min:focus-visible { 11688 box-shadow: inset 0 0 0 2px #fff; 11689 outline: none; 11690 } 11691 11692 .winbox.podcast-winbox .wb-min:focus:not(:focus-visible) { 11693 box-shadow: inset 0 0 0 2px #fff; 11694 outline: none; 11695 } 11696 11697 .winbox.podcast-winbox .wb-body { 11698 display: flex; 11699 flex-direction: column; 11700 min-height: 0; 11701 background: #fff; 11702 overflow-x: hidden; 11703 overflow-y: auto; 11704 top: 42px; 11705 border-radius: 0 0 16px 16px; 11706 } 11707 11708 /* --- Transcript panel styles --- */ 11709 11710 .podcast-popup__transcript-btn { 11711 display: inline-flex; 11712 align-items: center; 11713 gap: 8px; 11714 padding: 0; 11715 margin-right: 0; 11716 border: 0; 11717 background: transparent; 11718 color: #020215; 11719 cursor: pointer; 11720 font-feature-settings: 'liga' off, 'clig' off; 11721 font-family: 'proxima-nova', sans-serif; 11722 font-size: 18px; 11723 font-style: normal; 11724 font-weight: 600; 11725 line-height: 28px; 11726 letter-spacing: 1px; 11727 text-transform: uppercase; 11728 flex-shrink: 0; 11729 } 11730 11731 .podcast-popup--winbox:not(.podcast-popup--no-transcript) .podcast-popup__footer { 11732 display: grid; 11733 grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); 11734 gap: 0; 11735 } 11736 11737 .podcast-popup--winbox:not(.podcast-popup--no-transcript) .podcast-popup__transcript-btn { 11738 justify-self: start; 11739 } 11740 11741 .podcast-popup--winbox:not(.podcast-popup--no-transcript) .podcast-popup__icon-btn-wrapper { 11742 justify-self: center; 11743 } 11744 11745 .podcast-popup--winbox:not(.podcast-popup--no-transcript) .podcast-popup__footer .podcast-popup__hero-cta { 11746 justify-self: end; 11747 margin-left: 0; 11748 } 11749 11750 .podcast-popup__footer .podcast-popup__hero-cta { 11751 margin-left: auto; 11752 } 11753 11754 .podcast-popup--winbox .podcast-popup__footer .podcast-popup__hero-cta { 11755 margin-left: auto; 11756 } 11757 11758 /* Desktop: no transcript state keeps reactions on the left and CTA on the right. */ 11759 .podcast-popup--winbox.podcast-popup--no-transcript .podcast-popup__footer { 11760 gap: 20px; 11761 } 11762 11763 .podcast-popup--winbox.podcast-popup--no-transcript .podcast-popup__footer .podcast-popup__icon-btn-wrapper { 11764 margin-left: 0; 11765 } 11766 11767 .podcast-popup__transcript-btn:focus-visible { 11768 outline: 2px solid #111827; 11769 outline-offset: 2px; 11770 } 11771 11772 .podcast-popup__transcript-btn .podcast-popup__icon-btn-wrap { 11773 width: 1.5rem; 11774 height: 1.5rem; 11775 } 11776 11777 .podcast-popup__transcript-panel { 11778 position: absolute; 11779 inset: 0; 11780 display: flex; 11781 flex-direction: column; 11782 background: #fff; 11783 z-index: 5; 11784 transform: translateY(100%); 11785 transition: transform 0.35s cubic-bezier(0.25, 1, 0.5, 1); 11786 pointer-events: none; 11787 } 11788 11789 .podcast-popup__transcript-panel.is-open { 11790 transform: translateY(0); 11791 pointer-events: auto; 11792 } 11793 11794 /* Mobile-only drag affordance (wired in podcast-player.js); hidden on desktop WinBox */ 11795 .podcast-popup__transcript-drag-handle { 11796 display: none; 11797 flex-shrink: 0; 11798 width: 100%; 11799 height: 24px; 11800 align-items: center; 11801 justify-content: center; 11802 cursor: grab; 11803 touch-action: none; 11804 } 11805 11806 .podcast-popup__transcript-drag-handle span { 11807 width: 116px; 11808 height: 5px; 11809 border-radius: 100px; 11810 background: #f0f0f2; 11811 } 11812 11813 .podcast-popup__transcript-header { 11814 display: flex; 11815 justify-content: space-between; 11816 align-items: center; 11817 padding: 32px 48px; 11818 flex-shrink: 0; 11819 background: #fff; 11820 } 11821 11822 .podcast-popup__transcript-player { 11823 display: inline-flex; 11824 align-items: center; 11825 gap: 16px; 11826 } 11827 11828 .podcast-popup__transcript-play-btn { 11829 display: inline-flex; 11830 align-items: center; 11831 gap: 4px; 11832 padding: 0; 11833 border: 0; 11834 background: transparent; 11835 cursor: pointer; 11836 } 11837 11838 .podcast-popup__transcript-play-btn-icon { 11839 display: inline-grid; 11840 place-items: center; 11841 width: 24px; 11842 height: 24px; 11843 flex-shrink: 0; 11844 } 11845 11846 .podcast-popup__transcript-play-btn-icon > .podcast-popup__transcript-icon { 11847 grid-area: 1 / 1; 11848 } 11849 11850 .podcast-popup__transcript-play-btn:focus-visible { 11851 outline: 2px solid #111827; 11852 outline-offset: 2px; 11853 border-radius: 4px; 11854 } 11855 11856 .podcast-popup__transcript-icon-pause { 11857 display: none; 11858 } 11859 11860 .podcast-popup__transcript-play-btn.is-playing .podcast-popup__transcript-icon-play { 11861 display: none; 11862 } 11863 11864 .podcast-popup__transcript-play-btn.is-playing .podcast-popup__transcript-icon-pause { 11865 display: block; 11866 } 11867 11868 .podcast-popup__transcript-state-label { 11869 color: #020215; 11870 } 11871 11872 .podcast-popup__transcript-time { 11873 display: inline-flex; 11874 align-items: center; 11875 gap: 4px; 11876 color: #6C6C78; 11877 } 11878 11879 .podcast-popup__transcript-collapse { 11880 display: inline-flex; 11881 align-items: center; 11882 gap: 8px; 11883 padding: 0; 11884 border: 0; 11885 background: transparent; 11886 color: #020215; 11887 cursor: pointer; 11888 } 11889 11890 .podcast-popup__transcript-collapse:focus-visible { 11891 outline: 2px solid #111827; 11892 outline-offset: 2px; 11893 } 11894 11895 #podcast-popup-transcript-body:focus, 11896 #podcast-popup-transcript-body:focus-visible { 11897 outline: 2px solid #111827; 11898 outline-offset: 2px; 11899 } 11900 11901 #podcast-popup-transcript-time:focus, 11902 #podcast-popup-transcript-time:focus-visible { 11903 outline: 2px solid #111827; 11904 outline-offset: 2px; 11905 display: inline-block; 11906 } 11907 11908 .podcast-popup__transcript-body { 11909 flex: 1; 11910 overflow-y: auto; 11911 padding: 0 48px 32px; 11912 color: #020215; 11913 font-family: 'proxima-nova', sans-serif; 11914 font-size: 16px; 11915 line-height: 24px; 11916 } 11917 11918 .podcast-popup__transcript-body--rte p { 11919 margin: 0 0 16px; 11920 } 11921 11922 .podcast-popup__transcript-body--rte p:last-child { 11923 margin-bottom: 0; 11924 } 11925 11926 .podcast-popup__transcript-body--rte ul, 11927 .podcast-popup__transcript-body--rte ol { 11928 margin: 0 0 16px; 11929 padding-left: 1.5rem; 11930 } 11931 11932 .podcast-popup__transcript-body--rte li { 11933 margin-bottom: 8px; 11934 } 11935 11936 .podcast-popup__transcript-body--rte li:last-child { 11937 margin-bottom: 0; 11938 } 11939 11940 .podcast-popup__transcript-body--rte h2, 11941 .podcast-popup__transcript-body--rte h3, 11942 .podcast-popup__transcript-body--rte h4 { 11943 margin: 0 0 12px; 11944 font-family: 'proxima-nova', sans-serif; 11945 font-weight: 600; 11946 color: #020215; 11947 } 11948 11949 .podcast-popup__transcript-body--rte h2 { 11950 font-size: 20px; 11951 line-height: 28px; 11952 } 11953 11954 .podcast-popup__transcript-body--rte h3 { 11955 font-size: 18px;
11956 line-height: 26px; 11957 } 11958 11959 .podcast-popup__transcript-body--rte h4 { 11960 font-size: 16px; 11961 line-height: 24px; 11962 } 11963 11964 .podcast-popup__transcript-body--rte a { 11965 color: #003595; 11966 text-decoration: underline; 11967 } 11968 11969 .podcast-popup__transcript-body--rte a:hover { 11970 text-decoration: none; 11971 } 11972 11973 .podcast-popup__transcript-body--rte strong, 11974 .podcast-popup__transcript-body--rte b { 11975 font-weight: 600; 11976 } 11977 11978 .podcast-popup__transcript-btn-mobile { 11979 display: none; 11980 } 11981 11982 /* --- Mobile Modal specific styles --- */ 11983 11984 .podcast-popup--mobile { 11985 position: fixed; 11986 bottom: 0; 11987 left: 50%; 11988 width: 100%; 11989 /* Safe area: full insets need viewport-fit=cover on the page meta viewport */ 11990 padding-left: env(safe-area-inset-left, 0px); 11991 padding-right: env(safe-area-inset-right, 0px); 11992 padding-bottom: env(safe-area-inset-bottom, 0px); 11993 z-index: 9999; 11994 background: #fff; 11995 border-radius: 20px 20px 0 0; 11996 box-shadow: 0 -5px 25px rgba(0,0,0,0.15); 11997 /* border-radius not transitioned: avoids delayed rounding vs. transcript slide */ 11998 transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), height 0.4s ease; 11999 display: flex; 12000 flex-direction: column; 12001 transform: translate(-50%, 100%); 12002 /* Prevents bounce/scroll propagation on the modal itself */ 12003 overscroll-behavior: contain; 12004 } 12005 12006 .podcast-popup--mobile.is-open { 12007 transform: translate(-50%, 0); 12008 } 12009 12010 /* Explicitly hide mobile elements in winbox mode */ 12011 .podcast-popup--winbox .podcast-popup__drag-handle, 12012 .podcast-popup--winbox .podcast-popup__close-mobile { 12013 display: none !important; 12014 } 12015 12016 /* Drag handle */ 12017 .podcast-popup__drag-handle { 12018 display: none; /* Hidden on desktop */ 12019 height: 25px; 12020 width: 100%; 12021 align-items: center; 12022 justify-content: center; 12023 cursor: grab; 12024 touch-action: none; 12025 flex-shrink: 0; 12026 position: absolute; 12027 top: 0; 12028 z-index: 1; 12029 } 12030 12031 .podcast-popup__drag-handle span { 12032 width: 116px; 12033 height: 5px; 12034 border-radius: 100px; 12035 background: #F0F0F2; 12036 } 12037 12038 /* Mini Player State */ 12039 .podcast-popup--mobile.is-minimized { 12040 height: 94px; 12041 max-width: none; 12042 border-radius: 0; 12043 transform: translate(-50%, 0); 12044 } 12045 12046 .podcast-popup--mobile.podcast-popup--landscape { 12047 max-width: 812px; 12048 height: 340px; 12049 height: min(340px, 90dvh); 12050 max-height: 340px; 12051 } 12052 12053 .podcast-popup--mobile:not(.podcast-popup--landscape) { 12054 max-width: 375px; 12055 max-height: 752px; 12056 height: 752px; 12057 height: min(752px, 90dvh); 12058 } 12059 12060 .podcast-popup--mobile.is-minimized .podcast-popup__drag-handle { 12061 display: none; 12062 } 12063 12064 .podcast-popup--mobile.is-minimized .podcast-popup__mini-content .podcast-popup__player { 12065 flex-direction: row; 12066 width: 100%; 12067 justify-content: space-between; 12068 align-items: center; 12069 } 12070 12071 .podcast-popup--mobile.is-minimized .podcast-popup__mini-content .podcast-popup__player .podcast-popup__body-heading .podcast-popup__episode-title { 12072 align-content: center; 12073 } 12074 12075 .podcast-popup--mobile.is-minimized .podcast-popup__mini-content .podcast-popup__timeline { 12076 position: absolute; 12077 top: 0; 12078 left: 0; 12079 } 12080 12081 .podcast-popup__mini-player { 12082 grid-area: mini-player; 12083 display: none; 12084 width: 100%; 12085 background: #fff; 12086 padding: 22px 24px 16px 24px; 12087 align-items: center; 12088 justify-content: space-between; 12089 box-sizing: border-box; 12090 border-top: 1px solid #E5E7EB; 12091 } 12092 12093 .podcast-popup--mobile.is-minimized .podcast-popup__mini-player { 12094 display: flex; 12095 } 12096 12097 .podcast-popup--mobile.is-minimized .podcast-popup__shell > *:not(.podcast-popup__mini-player), 12098 .podcast-popup--mobile.is-minimized .podcast-popup__footer { 12099 display: none; 12100 } 12101 12102 .podcast-popup--mobile.is-minimized .podcast-mini-progress-input::-webkit-slider-thumb { 12103 appearance: none; 12104 width: 0; 12105 height: 0; 12106 display: none; 12107 border: none; 12108 } 12109 12110 .podcast-popup--mobile.is-minimized .podcast-mini-progress-input::-moz-range-thumb { 12111 appearance: none; 12112 width: 0; 12113 height: 0; 12114 display: none; 12115 border: none; 12116 } 12117 12118 .podcast-popup__mini-content { 12119 display: flex; 12120 width: 100%; 12121 align-items: center; 12122 justify-content: space-between; 12123 } 12124 12125 .podcast-popup__mini-title { 12126 margin: 0; 12127 flex: 1; 12128 white-space: nowrap; 12129 overflow: hidden; 12130 text-overflow: ellipsis; 12131 padding-right: 16px; 12132 } 12133 12134 .podcast-popup__mini-play { 12135 width: 40px; 12136 height: 40px; 12137 border-radius: 50%; 12138 background: #EA0063; 12139 border: none; 12140 display: flex; 12141 align-items: center; 12142 justify-content: center; 12143 flex-shrink: 0; 12144 } 12145 12146 /* Hidden by default on desktop */ 12147 .podcast-popup__close-mobile { 12148 display: none; 12149 } 12150 12151 /* --- Structural styles for Class-Based Scoping --- */ 12152 .podcast-popup--mobile .podcast-popup__drag-handle { 12153 display: flex; 12154 } 12155 12156 .podcast-popup--mobile .podcast-popup__share-popover { 12157 bottom: -200%; 12158 right: 0; 12159 } 12160 12161 .podcast-popup--mobile .podcast-popup__close-mobile { 12162 display: flex; 12163 transform: rotate(-90deg); 12164 padding: 8px; 12165 justify-content: center; 12166 align-items: center; 12167 position: absolute; 12168 right: 20px; 12169 top: 20px; 12170 width: 40px; 12171 height: 40px; 12172 border-radius: 99px; 12173 background: rgba(255, 255, 255, 0.70); 12174 backdrop-filter: blur(3px); 12175 border: none; 12176 z-index: 10; 12177 cursor: pointer; 12178 } 12179 12180 .podcast-popup--mobile .podcast-popup__close-mobile:focus, 12181 .podcast-popup--mobile .podcast-popup__close-mobile:focus-visible { 12182 outline: 2px solid #111827; 12183 outline-offset: 2px; 12184 } 12185 12186 .podcast-popup--mobile .podcast-popup__close-mobile svg { 12187 width: 24px; 12188 height: 24px; 12189 transform: rotate(90deg); 12190 } 12191 12192 .podcast-popup--mobile .podcast-popup__shell:has(.podcast-popup__transcript-panel.is-open) .podcast-popup__close-mobile { 12193 display: none; 12194 } 12195 12196 .podcast-popup--mobile .podcast-popup__princess-logo-image { 12197 display: none; 12198 } 12199 12200 .podcast-popup--mobile .podcast-popup__shell, 12201 .podcast-popup--mobile.podcast-popup { 12202 border-radius: 32px 32px 0 0; 12203 background: var(--Colors-White, #FFF); 12204 box-shadow: 0 4px 32px 8px rgba(108, 108, 120, 0.16); 12205 } 12206 12207 .podcast-popup--mobile.is-minimized .podcast-popup__shell, 12208 .podcast-popup--mobile.is-minimized .podcast-popup { 12209 border-radius: 0; 12210 } 12211 12212 /* Fills modal height; min-height:0 so flex/grid children can shrink with sheet (90dvh + safe-area padding) */ 12213 .podcast-popup--mobile:not(.is-minimized) .podcast-popup__shell { 12214 flex: 1; 12215 min-height: 0; 12216 } 12217 12218 /* Middle column scrolls so footer stays visible when shell has overflow:hidden */ 12219 .podcast-popup--mobile:not(.is-minimized) .podcast-popup__body { 12220 min-height: 0; 12221 overflow-y: auto; 12222 -webkit-overflow-scrolling: touch; 12223 } 12224 12225 @media (max-width: 767px), (max-height: 500px) and (orientation: landscape) { 12226 .podcast-popup__transcript-player { 12227 flex-direction: column; 12228 align-items: flex-start; 12229 gap: 4px; 12230 } 12231 12232 .podcast-popup__mini-player { 12233 padding: 22px 24px 16px 24px; 12234 border: 0; 12235 } 12236 12237 .podcast-popup__play { 12238 width: 48px; 12239 height: 48px; 12240 } 12241 12242 /* Allow the hero to grow and fill the available vertical space */ 12243 .podcast-popup--mobile:not(.is-minimized) .podcast-popup__shell { 12244 grid-template-rows: 1fr auto auto auto; 12245 overflow-y: auto; 12246 -webkit-overflow-scrolling: touch; 12247 } 12248 12249 .podcast-popup--mobile:not(.is-minimized) .podcast-popup__hero { 12250 height: auto; 12251 min-height: clamp(180px, calc(90vh - 400px), 340px); 12252 min-height: clamp(180px, calc(90svh - 400px), 340px); 12253 min-height: clamp(180px, calc(90dvh - 400px), 340px); 12254 aspect-ratio: unset; 12255 } 12256 12257 .podcast-popup--mobile.is-minimized { 12258 height: auto; 12259 } 12260 12261 .podcast-popup--mobile.is-minimized .podcast-popup__episode-title 12262 { 12263 line-height: 28px; 12264 height: 56px; 12265 } 12266 12267 .share-btn__wrapper { 12268 top: 26px; 12269 right: 18px; 12270 } 12271 12272 .podcast-popup__body { 12273 padding: 32px 24px; 12274 align-items: flex-start; 12275 } 12276 12277 .podcast-popup--mobile:not(.is-minimized) .podcast-popup__footer .podcast-popup__hero-cta { 12278 display: none; 12279 } 12280 12281 .podcast-popup--mobile:not(.is-minimized) .podcast-popup__hero-cta--sheet-body { 12282 display: inline-flex; 12283 } 12284 12285 .podcast-popup--mobile:not(.is-minimized) .podcast-popup__footer { 12286 justify-content: space-between; 12287 gap: 12px; 12288 } 12289 12290 .podcast-popup--mobile:not(.is-minimized) .podcast-popup__footer .podcast-popup__icon-btn-wrapper { 12291 margin-left: auto; 12292 } 12293 12294 /* No transcript: center footer thumbs */ 12295 .podcast-popup--mobile.podcast-popup--no-transcript:not(.is-minimized) .podcast-popup__footer { 12296 justify-content: center; 12297 } 12298 12299 .podcast-popup--mobile.podcast-popup--no-transcript:not(.is-minimized) .podcast-popup__footer .podcast-popup__icon-btn-wrapper { 12300 margin-left: 0; 12301 } 12302 12303 .podcast-popup__transcript-btn { 12304 display: none; 12305 } 12306 12307 /* Match shell rounding immediately so slide-up is not square-then-round */ 12308 .podcast-popup__transcript-panel { 12309 border-radius: 32px 32px 0 0; 12310 overflow: hidden; 12311 } 12312 12313 .podcast-popup--mobile .podcast-popup__transcript-drag-handle { 12314 display: flex; 12315 } 12316 12317 .podcast-popup__transcript-header { 12318 padding: 8px 24px 16px; 12319 align-items: flex-start; 12320 } 12321 12322 .podcast-popup__transcript-body { 12323 padding: 16px 24px 24px; 12324 } 12325 12326 .podcast-popup__transcript-btn-mobile { 12327 display: inline-flex; 12328 align-items: center; 12329 gap: 8px; 12330 padding: 0; 12331 border: 0; 12332 background: transparent; 12333 cursor: pointer; 12334 flex-shrink: 0; 12335 color: #020215; 12336 } 12337 12338 .podcast-popup__transcript-btn-mobile-icon { 12339 display: inline-grid; 12340 place-items: center; 12341 width: 24px; 12342 height: 24px; 12343 } 12344 12345 .podcast-popup__transcript-btn-mobile-icon svg { 12346 width: 24px; 12347 height: 24px; 12348 } 12349 12350 .podcast-popup__transcript-btn-mobile:focus-visible { 12351 outline: 2px solid #111827; 12352 outline-offset: 2px; 12353 } 12354 12355 .podcast-popup__player { 12356 flex-direction: column-reverse; 12357 gap: 24px; 12358 } 12359 12360 .podcast-popup__timeline { 12361 width: 100%; 12362 /* Use wrap and column gap to reposition numbers */ 12363 flex-wrap: wrap; 12364 justify-content: space-between; 12365 gap: 8px 0; 12366 } 12367 12368 /* Push the bar to the bottom (last position) */ 12369 .podcast-popup__timeline-container { 12370 order: 3; 12371 flex-basis: 100%; 12372 } 12373 12374 .podcast-popup--mobile.is-minimized .podcast-popup__timeline-container, 12375 .podcast-popup--mobile.is-minimized .podcast-popup__progress { 12376 border-radius: 0; 12377 } 12378 12379 /* Current time to the top-left */ 12380 .podcast-popup__timeline #podcast-popup-time-current { 12381 order: 1; 12382 color: #6C6C78; /* Optional: grey color from design */ 12383 } 12384 12385 /* Total time to the top-right */ 12386 .podcast-popup__timeline #podcast-popup-time-total { 12387 order: 2; 12388 color: #6C6C78; /* Optional: grey color from design */ 12389 } 12390 12391 .podcast-popup__hero { 12392 height: 220px; 12393 } 12394 12395 .podcast-popup__episode-title { 12396 margin: 0; 12397 display: -webkit-box; 12398 -webkit-line-clamp: 2; 12399 -webkit-box-orient: vertical; 12400 overflow: hidden; 12401 text-overflow: ellipsis; 12402 height: auto; 12403 } 12404 12405 .podcast-popup__footer { 12406 height: 68px; 12407 } 12408 12409 .podcast-popup__video { 12410 border-radius: 32px 32px 0 0; 12411 } 12412 } 12413 /* --- End Mobile Modal styles --- */ 12414 12415 /* Landscape mobile sheet: play + time on one row (match desktop); portrait mobile keeps stacked rules above. */ 12416 @media (orientation: landscape) { 12417 .podcast-popup--mobile .podcast-popup__transcript-player { 12418 flex-direction: row; 12419 align-item
12419s: center; 12420 gap: 16px; 12421 } 12422 12423 /* Landscape transcript sheet: header top 8px (24px drag + 8px = 32); RTE body flush under header, sides/bottom 24px. */ 12424 .podcast-popup--mobile .podcast-popup__transcript-header { 12425 align-items: center; 12426 padding: 8px 24px 24px; 12427 } 12428 12429 .podcast-popup--mobile .podcast-popup__transcript-body.podcast-popup__transcript-body--rte { 12430 padding: 0 24px 24px; 12431 } 12432 } 12433 12434 @media (orientation: landscape) { 12435 .podcast-popup--mobile.is-minimized .podcast-popup__episode-title { 12436 max-height: 340px; 12437 height: 28px; 12438 } 12439 12440 .podcast-popup--mobile .podcast-popup__shell { 12441 grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); 12442 grid-template-rows: auto 1fr auto; 12443 grid-template-areas: 12444 "hero player" 12445 "hero footer" 12446 "mini-player mini-player"; 12447 } 12448 12449 .share-btn__wrapper { 12450 right: 58px; 12451 } 12452 12453 .podcast-popup__close-mobile { 12454 display: block; 12455 top: 24px; 12456 right: 16px; 12457 } 12458 12459 .podcast-popup__hero-cta:not(.podcast-popup__hero-cta--sheet-body) { 12460 display: none; 12461 } 12462 12463 .podcast-popup__hero-cta--sheet-body { 12464 display: flex; 12465 margin: 4px 0; 12466 } 12467 12468 .podcast-popup__hero { 12469 height: auto; 12470 } 12471 12472 .podcast-popup__footer { 12473 height: 56px; 12474 justify-content: space-between; 12475 gap: 12px; 12476 } 12477 12478 .podcast-popup--mobile.podcast-popup--no-transcript .podcast-popup__footer { 12479 justify-content: center; 12480 } 12481 12482 .podcast-popup--mobile.podcast-popup--no-transcript .podcast-popup__footer .podcast-popup__icon-btn-wrapper { 12483 margin-left: 0; 12484 } 12485 12486 .podcast-popup__player { 12487 flex-direction: row; 12488 align-items: flex-start; 12489 gap: 16px; 12490 } 12491 12492 .podcast-popup__play-icon { 12493 border-width: 0.5rem 0 0.5rem 0.94rem; 12494 } 12495 12496 /* 12497 * Overrides the portrait 4-row mobile shell in the wider breakpoint above. 12498 * First row is flexible so .podcast-popup__body can shrink and scroll; footer row stays visible 12499 * when expandMobileModal sets overflow:hidden on the shell. 12500 */ 12501 .podcast-popup--mobile:not(.is-minimized) .podcast-popup__shell { 12502 grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); 12503 grid-template-rows: minmax(0, 1fr) auto auto; 12504 grid-template-areas: 12505 "hero player" 12506 "hero footer" 12507 "mini-player mini-player"; 12508 } 12509 12510 .podcast-popup--mobile:not(.is-minimized) .podcast-popup__hero { 12511 min-height: 0; 12512 } 12513 } 12514 </style> 12515 </div> 12516 12517 12518 12519 12520 12521 12522</div> 12523 12524 12525</div> 12526</div> 12527 12528 12529 12530 12531 <div class="cmp-teaser__image"> 12532 12533 <div data-asset="/content/dam/princess/destination/alaska/alaska-hike-about-princess.jpg" data-asset-id="756d305b-6d0d-4012-b5c6-59c36ab6c31b" data-background-image="false" data-dynamic-media-image="true" data-lazy-loaded="true" data-smart-crop-rendition="5x4" data-src="https://assets.princess.com/is/image/princesscruises/alaska-hike-about-princess%3A5x4?ts=1785164307975" data-title="Diamond Princess" data-widths="128,256,512,1024,1280,1440,1920,2048" id="image-0d1f017562" class="cmp-image" itemscope itemtype="http://schema.org/ImageObject"> 12534 12535 12536 <picture class="cmp-image__picture"> 12537 12538 12539 <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="cmp-image__image cmp-image__image--lazy-loading" itemprop="contentUrl" alt="Diamond Princess" loading="lazy"/> 12540 12541 12542 12543 </picture> 12544 12545 12546 12547 </div> 12548 12549 </div> 12550 12551 12552 </div> 12553 12554 12555 12556 <div class="cmp-teaser__content cmp-teaser__content-padding-0"> 12557 <div class="cmp-teaser__content-copy"> 12558 12559 12560 12561 12562 12563 <div class="cmp-teaser__description "><h3 style=" color: white; 12564 font-size: 24.0px; 12565">Why Princess knows Alaska best</h3> 12566<p style=" color: white; 12567">For more than 55 years, Princess has blazed a trail as the leader in Alaska cruise and cruisetour vacations. As one of the cruise and tour pioneers, Princess has the vast experience to offer travelers a way to enjoy the absolute best of the state's wonders with a seamless land and sea vacation.</p> 12568</div> 12569 12570 </div> 12571 <div class="teaser-actions responsivegrid cmp-teaser__action-container"> 12572 12573 12574<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> 12575 12576 <div class="text cmp-text--text-white cmp-text--padded-none cmp-text--spacing-none aem-GridColumn aem-GridColumn--default--12"> 12577<div class="cmp-text" id="text-6579f87e17"> 12578 <p>Apr 15, 2026 5 MIN</p> 12579</div> 12580 12581 12582 12583</div> 12584<div class="spacer cmp-spacer--remove-default-spacer-size cmp-spacer--space-16-mob cmp-spacer--space-16-desk aem-GridColumn aem-GridColumn--default--12"> 12585<div data-track-component-type="spacer" class="cmp-spacer "> 12586 12587</div> 12588</div> 12589<div class="button-v2 cmp-button-v2--style-link-light cmp-button-v2--aligned-left aem-GridColumn aem-GridColumn--default--12"> 12590 12591 12592 12593
12594<a class="cmp-button-v2" href="https://www.princess.com/en-us/cruise-destinations/alaska-cruises/cruisetour-options" target="_self" aria-label="explore more Alaska cruise tours options" role="button" data-track-id="explore-more" data-track="the-princess-podcast" data-track-component-type="button-v2" tabindex="0" data-analytics-do-not-inherit-level-2="true" data-analytics-do-not-inherit-level-1="true" data-podcast-resource-path="false"> 12595 12596 <span class="cmp-button-v2__container"> 12597 <span class="cmp-button-v2__text">EXPLORE MORE</span> 12598 12599 <div class="cmp-button-v2__icon"> 12600 <svg class="cmp-button-v2__icon-svg"> 12601 <use href="#icon-chevron-next"/> 12602 </svg> 12603 </div> 12604 12605 </span> 12606 12607</a> 12608 12609 12610 12611 12612 12613 12614 12615</div> 12616 12617 12618</div> 12619</div> 12620 12621 12622 </div> 12623 </div> 12624</div> 12625 12626 12627 12628</div> 12629<div class="teaser cmp-teaser--type-card cmp-teaser--image-ratio-4x3 cmp-teaser--text-light cmp-teaser--overlay-light cmp-teaser--backgrond-color-card--transparent cmp-teaser--no-border-mobile cmp-teaser--cards-size--irregular cmp-teaser--blue-label aem-GridColumn aem-GridColumn--default--12"> 12630<div data-placeholder-text="false" data-checkmark-icon="icon-checkmark-light" data-track-component-type="teaser" class="cmp-teaser" id="teaser-067d037cb0" data-teaser-lazy data-teaser-card="true"> 12631 <div class="cmp-teaser__container"> 12632 12633 <div class="cmp-teaser__article-type"> 12634 Episode 3 12635 </div> 12636 12637 <div class="cmp-teaser__image-area"> 12638 12639 <div class="teaser-image-parsys responsivegrid cmp-teaser__image-overlay-cta"> 12640 12641 12642<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> 12643 12644 <div class="button-v2 cmp-button-v2--aligned-left cmp-button-v2--icon-invert cmp-button-v2--icon-revert aem-GridColumn aem-GridColumn--default--12"> 12645 12646 12647 12648 12649<a class="cmp-button-v2 cmp-button-v2--podcast" href="#" target="_self" aria-label="start" role="button" data-track-id="play" data-track="podcast" data-track-component-type="button-v2" tabindex="0" data-analytics-do-not-inherit-level-2="true" data-analytics-do-not-inherit-level-1="true" data-podcast-share-copy-link-data-track-id="copy-link" data-podcast-share-icon-data-track-id="icon" data-podcast-share-data-track="podcast-share" data-podcast-transcript-collapse-data-track-id="collapse" data-podcast-transcript-data-track-id="transcript" data-podcast-transcript-data-track="podcast-transcript" data-podcast-dislike-data-track-id="thumbs-down" data-podcast-like-data-track-id="thumbs-up" data-podcast-pause-data-track-id="pause" data-podcast-play-data-track-id="start" data-podcast-play-data-track="podcast" data-podcast-cta-data-track-id="explore more" data-podcast-cta-data-track="podcast-player" data-podcast-is-video="true" data-podcast-show-share="true" data-podcast-cta-link="https://www.princess.com/cruise-destinations/alaska-cruises/national-parks" data-podcast-cta-text="Explore More" data-podcast-episode-label="Episode 03" data-podcast-title="Meet the Big 5 national parks" data-podcast-winbox-title="The Great Land Podcast" data-podcast-logo-image="https://assets.princess.com/is/image/princesscruises/logo_seawitch-icon-white?qlt=82&ts=1785164309211&fmt=png-alpha&bfc=on" data-podcast-hero-image="https://assets.princess.com/is/image/princesscruises/alaska-wildlife-grizzly?qlt=82&ts=1785164309170" data-podcast-src="https://assets.princess.com/is/content/princesscruises/Episode-4-video-v5-no-fade" data-podcast-open="true" aria-controls="podcast-popup" aria-expanded="false" data-podcast-resource-path="/content/princess/en-us/blog/jcr:content/root/main-par/section_copy_copy_co/section-par/section/section-par/section_1993012337_c/section-par/grid_container_18824/grid/teaser_copy_copy_823_694302540/teaser-image-parsys/cmp_call_out__cta_el" data-podcast-resource-name="cmp_call_out__cta_el"> 12650 12651 <span class="cmp-button-v2__container"> 12652 <span class="cmp-button-v2__text">Play</span> 12653 12654 <div class="cmp-button-v2__icon"> 12655 <svg class="cmp-button-v2__icon-svg"> 12656 <use href="#icon-arrow"/> 12657 </svg> 12658 </div> 12659 12660 </span> 12661 12662</a> 12663 12664 12665 <div id="podcast-winbox-backstore" hidden> 12666 <div class="podcast-popup podcast-popup--winbox" id="podcast-popup"> 12667 12668 <div class="podcast-popup__drag-handle" aria-hidden="true">
12669 <span></span> 12670 </div> 12671 12672 <div class="podcast-popup__shell"> 12673 <div class="podcast-popup__hero"> 12674 <img src="https://www.princess.com/en-us/" alt="" class="podcast-popup__princess-hero-image"/> 12675 12676 <video id="podcast-popup-video" class="podcast-popup__video" playsinline style="display:none; width:100%; height:100%; object-fit:cover; position:absolute; inset:0;"> 12677 <source src="" type="video/mp4"/> 12678 </video> 12679 12680 <img src="https://www.princess.com/en-us/" alt="" class="podcast-popup__princess-logo-image"/> 12681 </div> 12682 12683 <button type="button" class="podcast-popup__close-mobile" id="podcast-popup-close-mobile" aria-label="Close" data-focus-pre="1"> 12684 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> 12685 <path d="M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z" fill="#020215"/> 12686 </svg> 12687 </button> 12688 12689 <div class="podcast-popup__body"> 12690 12691 <div class="share-btn__wrapper"> 12692 <button type="button" class="podcast-popup__icon-btn share-btn" id="podcast-popup-share-trigger" aria-label="Share" data-focus-pre="2" aria-haspopup="menu" aria-expanded="false" aria-controls="podcast-popup-share-popover"> 12693 <span class="podcast-popup__icon-btn-wrap" aria-hidden="true"> 12694 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> 12695 <path d="M16 5L14.58 6.42L12.99 4.83V16H11.01V4.83L9.42 6.42L8 5L12 1L16 5ZM20 10V21C20 22.1 19.1 23 18 23H6C4.89 23 4 22.1 4 21V10C4 8.89 4.89 8 6 8H9V10H6V21H18V10H15V8H18C19.1 8 20 8.89 20 10Z" fill="#020215"/> 12696 </svg> 12697 </span> 12698 </button> 12699 <div class="podcast-popup__share-popover" id="podcast-popup-share-popover" role="menu" aria-label="Share options"> 12700 <button type="button" class="podcast-popup__copy-btn" id="podcast-popup-copy-link" role="menuitem"> 12701 <span class="podcast-popup__icon-btn-wrap"> 12702 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> 12703 <path d="M9.54998 18.0001L3.84998 12.3001L5.27498 10.8751L9.54998 15.1501L18.725 5.9751L20.15 7.4001L9.54998 18.0001Z" fill="#059669"/> 12704 </svg> 12705 </span> 12706 <span class="podcast-popup__copy-text">Copy link</span> 12707 </button> 12708 </div> 12709 </div> 12710 12711 <div class="podcast-popup__body-heading"> 12712 <p class="podcast-popup__episode-label eyebrow" id="podcast-popup-episode-label" tabindex="-1" data-focus-pre="3"></p> 12713 <h3 class="podcast-popup__episode-title body-copy-large-bold" id="podcast-popup-episode-title" tabindex="-1" data-focus-pre="4"></h3> 12714 <a class="podcast-popup__hero-cta podcast-popup__hero-cta--sheet-body" href="#" data-focus-pre="5"> 12715 <span class="podcast-popup__hero-cta-text"></span> 12716 <svg xmlns="http://www.w3.org/2000/svg" width="6" height="12" viewBox="0 0 6 12" fill="none"> 12717 <path d="M6 6L5.85661e-07 12L2.05389 6.03804L9.53674e-07 -4.28564e-07L6 6Z" fill="#020215"/> 12718 </svg> 12719 </a> 12720 </div> 12721 <div class="podcast-popup__player"> 12722 <audio id="podcast-popup-audio" class="podcast-popup__audio" preload="metadata"> 12723 <source src="" type="audio/mpeg"/> 12724 </audio> 12725 12726 <button type="button" class="podcast-popup__play" id="podcast-popup-play" aria-label="Play" data-focus-pre="6">
12727 <span class="podcast-popup__play-icon" aria-hidden="true"></span> 12728 </button> 12729 <div class="podcast-popup__timeline"> 12730 <span id="podcast-popup-time-current" class="body-copy-medium podcast-popup-time-current-item">0:00</span> 12731 <div class="podcast-popup__timeline-container"> 12732 <div class="podcast-popup__buffer-bar"></div> 12733 <input id="podcast-popup-progress" class="podcast-popup__progress" type="range" min="0" max="100" value="0" step="0.1" aria-label="Seek" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0" data-focus-pre="7"/> 12734 </div> 12735 <span id="podcast-popup-time-total" class="podcast-popup-time-total-number body-copy-medium">0:00</span> 12736 </div> 12737 </div> 12738 </div> 12739 12740 <div class="podcast-popup__mini-player" id="podcast-mini-player"> 12741 <div class="podcast-popup__mini-content"> 12742 <div class="podcast-popup__player"> 12743 <div class="podcast-popup__timeline"> 12744 <div class="podcast-popup__timeline-container"> 12745 <div class="podcast-popup__buffer-bar podcast-mini-buffer"></div> 12746 <input id="podcast-mini-progress" class="podcast-popup__progress podcast-mini-progress-input" type="range" min="0" max="100" value="0" step="0.1" aria-label="Seek" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0"/> 12747 </div> 12748 </div> 12749 <div class="podcast-popup__body-heading"> 12750 <h3 class="podcast-popup__episode-title body-copy-medium-bold podcast-mini-title-text"></h3> 12751 </div> 12752 <button type="button" class="podcast-popup__play" id="podcast-mini-play-btn" aria-label="Play"> 12753 <span class="podcast-popup__play-icon" aria-hidden="true"></span> 12754 </button> 12755 </div> 12756 </div> 12757 </div> 12758 12759 <div class="podcast-popup__footer"> 12760 <button type="button" class="podcast-popup__transcript-btn-mobile type-cta-link" id="podcast-popup-transcript-trigger-mobile" aria-label="Transcript" aria-expanded="false" aria-controls="podcast-popup-transcript-panel" data-focus-pre="8"> 12761 <span class="podcast-popup__transcript-btn-mobile-icon" aria-hidden="true"> 12762 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> 12763 <path d="M4 6H2V20C2 21.1 2.9 22 4 22H18V20H4V6ZM20 2H8C6.9 2 6 2.9 6 4V16C6 17.1 6.9 18 8 18H20C21.1 18 22 17.1 22 16V4C22 2.9 21.1 2 20 2ZM20 16H8V4H20V16ZM10 9H18V11H10V9ZM10 12H14V14H10V12ZM10 6H18V8H10V6Z" fill="black"/> 12764 </svg> 12765 </span> 12766 <span class="podcast-popup__transcript-btn-mobile-text">Transcript</span> 12767 </button> 12768 <button type="button" class="podcast-popup__transcript-btn type-cta-text-link" id="podcast-popup-transcript-trigger" aria-label="Transcript" aria-expanded="false" aria-controls="podcast-popup-transcript-panel" data-focus-pre="8"> 12769 <span class="podcast-popup__icon-btn-wrap" aria-hidden="true"> 12770 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> 12771 <path d="M4 3H20C21.1 3 22 3.9 22 5V19C22 20.1 21.1 21 20 21H4C2.9 21 2 20.1 2 19V5C2 3.9 2.9 3 4 3ZM4 5V19H20V5H4ZM6 8H18V10H6V8ZM6 12H18V14H6V12ZM6 16H14V18H6V16Z" fill="#020215"/> 12772 </svg> 12773 </span> 12774 <span class="podcast-popup__transcript-btn-text">Transcript</span> 12775 </button> 12776 <div class="podcast-popup__icon-btn-wrapper"> 12777 <button type="button" class="podcast-popup__icon-btn like-btn" id="podcast-popup-like-trigger" aria-label="Like" data-focus-pre="9">
12778 <span class="podcast-popup__icon-btn-wrap" aria-hidden="true"> 12779 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> 12780 <path d="M9 21H18C18.83 21 19.54 20.5 19.84 19.78L22.86 12.73C22.95 12.5 23 12.26 23 12V10C23 8.9 22.1 8 21 8H14.69L15.64 3.43L15.67 3.11C15.67 2.7 15.5 2.32 15.23 2.05L14.17 1L7.58 7.59C7.22 7.95 7 8.45 7 9V19C7 20.1 7.9 21 9 21ZM9 9L13.34 4.66L12 10H21V12L18 19H9V9ZM1 9H5V21H1V9Z" fill="#020215"/> 12781 </svg> 12782 </span> 12783 </button> 12784 <button type="button" class="podcast-popup__icon-btn liked-btn" id="podcast-popup-liked-trigger" aria-label="Liked"> 12785 <span class="podcast-popup__icon-btn-wrap" aria-hidden="true"> 12786 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> 12787 <path d="M1 21H5V9H1V21ZM23 10C23 8.9 22.1 8 21 8H14.69L15.64 3.43L15.67 3.11C15.67 2.7 15.5 2.32 15.23 2.05L14.17 1L7.59 7.59C7.22 7.95 7 8.45 7 9V19C7 20.1 7.9 21 9 21H18C18.83 21 19.54 20.5 19.84 19.78L22.86 12.73C22.95 12.5 23 12.26 23 12V10Z" fill="#003595"/> 12788 </svg> 12789 </span> 12790 </button> 12791 <button type="button" class="podcast-popup__icon-btn dislike-btn" id="podcast-popup-dislike-trigger" aria-label="Dislike" data-focus-pre="10"> 12792 <span class="podcast-popup__icon-btn-wrap" aria-hidden="true"> 12793 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> 12794 <path d="M15 3H6C5.17 3 4.46 3.5 4.16 4.22L1.14 11.27C1.05 11.5 1 11.74 1 12V14C1 15.1 1.9 16 3 16H9.31L8.36 20.57L8.33 20.89C8.33 21.3 8.5 21.68 8.77 21.95L9.83 23L16.42 16.41C16.78 16.05 17 15.55 17 15V5C17 3.9 16.1 3 15 3ZM15 15L10.66 19.34L12 14H3V12L6 5H15V15ZM19 3H23V15H19V3Z" fill="#020215"/> 12795 </svg> 12796 </span> 12797 </button> 12798 <button type="button" class="podcast-popup__icon-btn disliked-btn" id="podcast-popup-disliked-trigger" aria-label="Disliked"> 12799 <span class="podcast-popup__icon-btn-wrap" aria-hidden="true"> 12800 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> 12801 <path d="M15 3H6C5.17 3 4.46 3.5 4.16 4.22L1.14 11.27C1.05 11.5 1 11.74 1 12V14C1 15.1 1.9 16 3 16H9.31L8.36 20.57L8.33 20.89C8.33 21.3 8.5 21.68 8.77 21.95L9.83 23L16.42 16.41C16.78 16.05 17 15.55 17 15V5C17 3.9 16.1 3 15 3ZM19 3V15H23V3H19Z" fill="#003595"/> 12802 </svg> 12803 </span> 12804 </button> 12805 </div> 12806 12807 <a class="podcast-popup__hero-cta" id="podcast-popup-hero-cta-footer" href="#" data-focus-pre="11"> 12808 <span class="podcast-popup__hero-cta-text"></span> 12809 <svg xmlns="http://www.w3.org/2000/svg" width="6" height="12" viewBox="0 0 6 12" fill="none"> 12810 <path d="M6 6L5.85661e-07 12L2.05389 6.03804L9.53674e-07 -4.28564e-07L6 6Z" fill="#020215"/> 12811 </svg> 12812 </a> 12813 </div> 12814 12815 <div class="podcast-popup__transcript-panel" id="podcast-popup-transcript-panel" aria-hidden="true"> 12816 <div class="podcast-popup__transcript-drag-handle" aria-hidden="true"> 12817 <span></span> 12818 </div> 12819 <div class="podcast-popup__transcript-header"> 12820 <div class="podcast-popup__transcript-player"> 12821 <button type="button" class="podcast-popup__transcript-play-btn" id="podcast-popup-transcript-play" aria-label="Play" data-focus-transcript="2">
12822 <span class="podcast-popup__transcript-play-btn-icon" aria-hidden="true"> 12823 <svg class="podcast-popup__transcript-icon podcast-popup__transcript-icon-play" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true"> 12824 <path d="M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 20C7.59 20 4 16.41 4 12C4 7.59 7.59 4 12 4C16.41 4 20 7.59 20 12C20 16.41 16.41 20 12 20ZM10 16.5L16 12L10 7.5V16.5Z" fill="#020215"/> 12825 </svg> 12826 <svg class="podcast-popup__transcript-icon podcast-popup__transcript-icon-pause" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true"> 12827 <path d="M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 20C7.59 20 4 16.41 4 12C4 7.59 7.59 4 12 4C16.41 4 20 7.59 20 12C20 16.41 16.41 20 12 20ZM11 16H9V8H11V16ZM15 16H13V8H15V16Z" fill="#020215"/> 12828 </svg> 12829 </span> 12830 <span class="podcast-popup__transcript-state-label type-cta-link">PLAY</span> 12831 </button> 12832 <span class="podcast-popup__transcript-time body-copy-medium" id="podcast-popup-transcript-time" tabindex="-1" data-focus-transcript="3"> 12833 <span class="podcast-popup-time-current-item podcast-popup__transcript-time-current">0:00</span> 12834 <span class="podcast-popup__transcript-time-sep">/</span> 12835 <span class="podcast-popup-time-total-number podcast-popup__transcript-time-total">0:00</span> 12836 </span> 12837 </div> 12838 <button type="button" class="podcast-popup__transcript-collapse type-cta-link" id="podcast-popup-transcript-collapse" aria-label="Collapse transcript" data-focus-transcript="1"> 12839 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" aria-hidden="true"> 12840 <path d="M7.41 8.59L12 13.17L16.59 8.59L18 10L12 16L6 10L7.41 8.59Z" fill="#020215"/> 12841 </svg> 12842 <span class="podcast-popup__transcript-collapse-text">Collapse</span> 12843 </button> 12844 </div> 12845 <div class="podcast-popup__transcript-body podcast-popup__transcript-body--rte" id="podcast-popup-transcript-body" tabindex="-1" data-focus-transcript="4"> 12846 <h3>The standard Lorem Ipsum passage, used since 1966</h3> 12847<p>"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."</p> 12848<h3>Section 1.10.32 of "de Finibus Bonorum et Malorum", written by Cicero in 45 BC</h3> 12849<p>"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?"</p> 12850<h3>1914 translation by H. Rackham</h3> 12851<p>"But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences that are extremely painful. Nor again is there anyone who loves or pursues or desires to obtain pain of itself, because it is pain, but because occasionally circumstances occur in which toil and pain can procure him some great pleasure. To take a trivial example, which of us ever undertakes laborious physical exercise, except to obtain some advantage from it? But who has any right to find fault with a man who chooses to enjoy a pleasure that has no annoying consequences, or one who avoids a pain that produces no resultant pleasure?"</p> 12852<h3>Section 1.10.33 of "de Finibus Bonorum et Malorum", written by Cicero in 45 BC</h3> 12853<p>"At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat."</p> 12854<h3>1914 translation by H. Rackham</h3> 12855<p>"
12855On the other hand, we denounce with righteous indignation and dislike men who are so beguiled and demoralized by the charms of pleasure of the moment, so blinded by desire, that they cannot foresee the pain and trouble that are bound to ensue; and equal blame belongs to those who fail in their duty through weakness of will, which is the same as saying through shrinking from toil and pain. These cases are perfectly simple and easy to distinguish. In a free hour, when our power of choice is untrammelled and when nothing prevents our being able to do what we like best, every pleasure is to be welcomed and every pain avoided. But in certain circumstances and owing to the claims of duty or the obligations of business it will frequently occur that pleasures have to be repudiated and annoyances accepted. The wise man therefore always holds in these matters to this principle of selection: he rejects pleasures to secure other greater pleasures, or else he endures pains to avoid worse pains."</p> 12856 12857 </div> 12858 </div> 12859 </div> 12860 </div> 12861 <style> 12862 /* stylelint-disable order/properties-alphabetical-order */ 12863 .podcast-popup { 12864 position: relative; 12865 width: 100%; 12866 box-sizing: border-box; 12867 background: #fff; 12868 } 12869 12870 .podcast-popup--winbox { 12871 box-shadow: none; 12872 border-radius: 0; 12873 max-height: none; 12874 overflow: visible; 12875 flex: 1; 12876 display: flex; 12877 flex-direction: column; 12878 min-height: 100%; 12879 box-sizing: border-box; 12880 } 12881 12882 /* Disable all resize handles */ 12883 .wb-nw, .wb-ne, .wb-sw, .wb-se, .wb-n, .wb-s, .wb-e, .wb-w { 12884 display: none !important; 12885 } 12886 12887 .podcast-popup__shell { 12888 position: relative; 12889 border-radius: 0; 12890 overflow: hidden; 12891 flex: 1; 12892 display: grid; 12893 grid-template-columns: minmax(0, 1fr); 12894 grid-template-areas: 12895 'hero' 12896 'player' 12897 'mini-player' 12898 'footer'; 12899 justify-items: stretch; 12900 min-height: 0; 12901 } 12902 12903 .podcast-popup__hero { 12904 grid-area: hero; 12905 position: relative; 12906 flex-shrink: 0; 12907 aspect-ratio: 16 / 10; 12908 background: #2d3748 center / cover no-repeat; 12909 display: flex; 12910 height: 370px; 12911 padding: 32px; 12912 justify-content: center; 12913 align-items: flex-end; 12914 align-self: stretch; 12915 } 12916 12917 .podcast-popup__princess-hero-image { 12918 position: absolute; 12919 inset: 0; 12920 width: 100%; 12921 height: 100%; 12922 object-fit: cover; 12923 } 12924 12925 .podcast-popup__princess-logo-image { 12926 display: flex; 12927 justify-content: center; 12928 align-items: center; 12929 position: absolute; 12930 left: 30px; 12931 top: 32px; 12932 width: 85px; 12933 height: 40px; 12934 } 12935 12936 .podcast-popup__hero-cta { 12937 display: flex; 12938 align-items: center; 12939 gap: 4px; 12940 text-decoration: none; 12941 color: #020215; 12942 font-feature-settings: 'liga' off, 'clig' off; 12943 font-family: 'proxima-nova', sans-serif; 12944 font-size: 18px; 12945 font-style: normal; 12946 font-weight: 600; 12947 line-height: 28px; 12948 letter-spacing: 1px; 12949 text-transform: uppercase; 12950 } 12951 12952 /* Mobile sheet (drawer): CTA lives in body; hidden on desktop WinBox */ 12953 .podcast-popup__hero-cta--sheet-body { 12954 display: none; 12955 } 12956 12957 .podcast-popup__hero-cta svg { 12958 display: flex; 12959 width: 16px; 12960 height: 16px; 12961 padding: 2px 5px; 12962 justify-content: center; 12963 align-items: center; 12964 } 12965 12966 .podcast-popup__hero-cta:hover { 12967 text-decoration: underline; 12968 } 12969 12970 .podcast-popup__hero-cta:focus, 12971 .podcast-popup__hero-cta:focus-visible { 12972 outline: 2px solid #111827; 12973 outline-offset: 2px; 12974 } 12975 12976 .podcast-popup__body { 12977 grid-area: player; 12978 display: flex; 12979 padding: 32px; 12980 flex-direction: column; 12981 align-items: center; 12982 gap: 24px; 12983 align-self: stretch; 12984 position: relative; 12985 } 12986 12987 .podcast-popup__episode-label { 12988 margin: 0; 12989 text-transform: uppercase; 12990 } 12991 12992 .podcast-popup__episode-title { 12993 margin: 0; 12994 display: -webkit-box; 12995 -webkit-line-clamp: 1; 12996 -webkit-box-orient: vertical; 12997 overflow: hidden; 12998 text-overflow: ellipsis; 12999 letter-spacing: 0; 13000 } 13001 13002 #podcast-popup-episode-label:focus, 13003 #podcast-popup-episode-label:focus-visible, 13004 #podcast-popup-episode-title:focus, 13005 #podcast-popup-episode-title:focus-visible { 13006 outline: 2px solid #111827; 13007 outline-offset: 2px; 13008 display: inline-block; 13009 } 13010 13011 .podcast-popup--winbox #podcast-popup-hero-cta-footer:focus, 13012 .podcast-popup--winbox #podcast-popup-hero-cta-footer:focus-visible, 13013 .podcast-popup--winbox #podcast-popup-episode-label:focus, 13014 .podcast-popup--winbox #podcast-popup-episode-label:focus-visible, 13015 .podcast-popup--winbox #podcast-popup-episode-title:focus, 13016 .podcast-popup--winbox #podcast-popup-episode-title:focus-visible { 13017 position: relative; 13018 z-index: 2; 13019 } 13020 13021 /* Tab trap sync: programmatic focus on tabindex="-1" stops (Safari / VoiceOver). */ 13022 .podcast-popup--winbox .podcast-popup__seq-focus { 13023 outline: 2px solid #111827; 13024 outline-offset: 2px; 13025 } 13026 13027 .podcast-popup--winbox #podcast-popup-episode-label.podcast-popup__seq-focus, 13028 .podcast-popup--winbox #podcast-popup-episode-title.podcast-popup__seq-focus, 13029 .podcast-popup--winbox #podcast-popup-transcript-time.podcast-popup__seq-focus { 13030 display: inline-block; 13031 position: relative; 13032 z-index: 2; 13033 } 13034 13035 .podcast-popup--winbox .podcast-popup__icon-btn.podcast-popup__seq-focus:not(:focus-visible) { 13036 outline: 2px solid #111827; 13037 outline-offset: 2px; 13038 } 13039 13040 .podcast-popup__player { 13041 display: flex; 13042 justify-content: center; 13043 align-items: center; 13044 gap: 16px; 13045 align-self: stretch; 13046 flex-direction: row; 13047 } 13048 13049 .podcast-popup__body-heading { 13050 display: flex; 13051 flex-direction: column; 13052 justify-content: center; 13053 align-items: flex-start; 13054 gap: 8px; 13055 align-self: stretch; 13056 } 13057 13058 .podcast-popup__audio { 13059 position: absolute; 13060 width: 1px; 13061 height: 1px; 13062 padding: 0; 13063 margin: -1px; 13064 overflow: hidden; 13065 clip-path: inset(50%); 13066 border: 0; 13067 white-space: nowrap; 13068 } 13069 13070 .podcast-popup__play { 13071 flex-shrink: 0; 13072 border: 0; 13073 border-radius: 50%; 13074 background: #ea0063; 13075 color: #fff; 13076 cursor: pointer; 13077 place-items: center; 13078 transition: transform 0.15s ease, filter 0.15s ease; 13079 display: flex; 13080 justify-content: center; 13081 align-items: center; 13082 width: 56px; 13083 height: 56px; 13084 } 13085 13086 .podcast-popup__play:hover { 13087 filter: brightness(1.05); 13088 transform: scale(1.03); 13089 } 13090 13091 .podcast-popup__play:focus-visible { 13092 outline: 2px solid #111827; 13093 outline-offset: 2px; 13094 } 13095 13096 .podcast-popup__play-icon { 13097 margin-left: 4px; 13098 width: 0; 13099 height: 0; 13100 border-style: solid; 13101 border-width: 0.4375rem 0 0.4375rem 0.6875rem; 13102 border-color: transparent transparent transparent #fff; 13103 } 13104 13105 .podcast-popup__play.is-playing .podcast-popup__play-icon { 13106 margin-left: 0; 13107 width: 0.75rem; 13108 height: 0.875rem; 13109 border: 0; 13110 background: linear-gradient( 13111 to right, 13112 #fff 0 33%, 13113 transparent 33% 66%, 13114 #fff 66% 100% 13115 ); 13116 } 13117 13118 .podcast-popup__timeline { 13119 flex: 1; 13120 min-width: 0; 13121 display: flex; 13122 align-items: center; 13123 gap: 0.5rem; 13124 } 13125 13126 .podcast-popup__timeline #podcast-popup-time-current, 13127 .podcast-popup__timeline #podcast-popup-time-total { 13128 flex-shrink: 0; 13129 min-width: 2.25rem; 13130 } 13131 13132 .podcast-popup__timeline #podcast-popup-time-total { 13133 text-align: right; 13134 } 13135 13136 .podcast-popup__timeline-container { 13137 position: relative; 13138 flex: 1; 13139 display: flex; 13140 align-items: center; 13141 height: 6px; 13142 background: #e5e7eb; 13143 border-radius: 999px; 13144 overflow: visible; 13145 } 13146 13147 .podcast-popup__buffer-bar { 13148 position: absolute; 13149 top: 0; 13150 left: 0; 13151 height: 100%; 13152 width: 0%; 13153 background-color: #6c6c78; 13154 z-index: 1; 13155 pointer-events: none; 13156 border-radius: 999px; 13157 } 13158 13159 .podcast-popup__progress { 13160 position: absolute; 13161 top: 0; 13162 left: 0; 13163 width: 100%; 13164 height: 100%; 13165 z-index: 2; 13166 margin: 0; 13167 appearance: none; 13168 background-color: transparent; 13169 background-image: linear-gradient(#ea0063, #ea0063); 13170 background-repeat: no-repeat; 13171 background-size: 0% 100%; 13172 cursor: pointer; 13173 touch-action: pan-x; 13174 border-radius: 999px; 13175 } 13176 13177 .podcast-popup__progress::-webkit-slider-runnable-track { 13178 appearance: none; 13179 height: 100%; 13180 background: transparent; 13181 } 13182 13183 .podcast-popup__progress::-webkit-slider-thumb { 13184 appearance: none; 13185 width: 12px; 13186 height: 12px; 13187 border-radius: 50%; 13188 background: #ea0063; 13189 border: none; 13190 margin-top: -3px; 13191 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); 13192 position: relative; 13193 z-index: 3; 13194 } 13195 13196 .podcast-popup__progress::-moz-range-track { 13197 height: 100%; 13198 background: transparent; 13199 } 13200 13201 .podcast-popup__progress::-moz-range-thumb { 13202 width: 12px; 13203 height: 12px; 13204 border: none; 13205 border-radius: 50%; 13206 background: #ea0063; 13207 } 13208 13209 .podcast-popup-time-total-number { 13210 color: #6c6c78; 13211 } 13212 13213 .podcast-popup__footer { 13214 grid-area: footer; 13215 position: relative; 13216 display: flex; 13217 width: 100%; 13218 height: 68px; 13219 padding: 16px 24px; 13220 justify-content: flex-start; 13221 align-items: center; 13222 gap: 28px; 13223 background: #f2efed; 13224 box-sizing: border-box; 13225 } 13226 13227 .podcast-popup__icon-btn-wrapper { 13228 display: flex; 13229 width: auto; 13230 align-items: center; 13231 gap: 20px; 13232 flex-shrink: 0; 13233 margin-left: 0; 13234 line-height: 0; 13235 } 13236 13237 .podcast-popup__icon-btn { 13238 display: grid; 13239 place-items: center; 13240 padding: 0; 13241 border: 0; 13242 border-radius: 0; 13243 background: transparent; 13244 color: #111827; 13245 cursor: pointer; 13246 position: relative; 13247 } 13248 13249 .podcast-popup__icon-btn:focus-visible { 13250 outline: 2px solid #111827; 13251 outline-offset: 2px; 13252 } 13253 13254 .podcast-popup__icon-btn-wrap { 13255 box-sizing: border-box; 13256 display: grid; 13257 place-items: center; 13258 width: 2.25rem; 13259 height: 2.25rem; 13260 border: 0; 13261 background: transparent; 13262 } 13263 13264 .podcast-popup__icon-btn-wrap > svg { 13265 grid-area: 1 / 1; 13266 } 13267 13268 .podcast-popup__icon-btn-wrap svg { 13269 width: 1.5rem; 13270 height: 1.5rem; 13271 } 13272 13273 13274 .share-btn__wrapper { 13275 position: absolute;
13276 right: 26px; 13277 top: 26px; 13278 } 13279 13280 .podcast-popup__share-popover { 13281 display: none; 13282 position: absolute; 13283 bottom: 100%; 13284 right: 32px; 13285 background: #fff; 13286 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); 13287 z-index: 10; 13288 } 13289 13290 .podcast-popup__share-popover *[role="menuitem"]:focus-visible { 13291 outline: 2px solid #111827; 13292 outline-offset: 2px; 13293 } 13294 13295 .podcast-popup__share-popover.is-open { 13296 display: block; 13297 } 13298 13299 .podcast-popup__copy-btn { 13300 align-items: center; 13301 border: none; 13302 cursor: pointer; 13303 white-space: nowrap; 13304 color: #020215; 13305 display: flex; 13306 width: 288px; 13307 padding: 16px; 13308 flex-direction: row; 13309 justify-content: left; 13310 gap: 16px; 13311 background: #fff; 13312 box-shadow: 0 4px 32px 8px rgba(108, 108, 120, 0.16); 13313 } 13314 13315 .podcast-popup__copy-text { 13316 padding: 4px 0; 13317 } 13318 13319 .podcast-popup__copy-btn:hover { 13320 background-color: #f3f4f6; 13321 } 13322 13323 .podcast-popup__copy-btn.is-copied { 13324 color: #059669; 13325 } 13326 13327 .winbox.podcast-winbox { 13328 border-radius: 16px; 13329 z-index: 22 !important; 13330 } 13331 13332 .winbox.podcast-winbox .wb-header { 13333 display: flex; 13334 flex-direction: row; 13335 align-items: stretch; 13336 line-height: normal; 13337 background: #1a1a1a; 13338 color: #fff; 13339 height: 42px; 13340 border-radius: 16px 16px 0 0; 13341 } 13342 13343 .winbox.podcast-winbox .wb-max, 13344 .winbox.podcast-winbox .wb-full { 13345 display: none; 13346 } 13347 13348 .winbox.podcast-winbox .wb-control { 13349 float: none; 13350 order: 2; 13351 flex-shrink: 0; 13352 display: flex; 13353 flex-direction: row; 13354 align-items: center; 13355 } 13356 13357 .winbox.podcast-winbox .wb-drag { 13358 float: none; 13359 order: 1; 13360 flex: 1; 13361 min-width: 0; 13362 display: flex; 13363 align-items: center; 13364 height: auto; 13365 } 13366 13367 .winbox.podcast-winbox .wb-title { 13368 font: 600 0.75rem/1.2 system-ui, sans-serif; 13369 letter-spacing: 0.02em; 13370 opacity: 0.92; 13371 } 13372 13373 .winbox.podcast-winbox .wb-icon { 13374 float: none; 13375 align-self: center; 13376 opacity: 0.85; 13377 } 13378 13379 /* Visible focus on close: header overflow clips outline; inset avoids clipping */ 13380 .winbox.podcast-winbox .wb-close:focus-visible { 13381 box-shadow: inset 0 0 0 2px #fff; 13382 outline: none; 13383 } 13384 13385 .winbox.podcast-winbox .wb-close:focus:not(:focus-visible) { 13386 box-shadow: inset 0 0 0 2px #fff; 13387 outline: none; 13388 } 13389 13390 .winbox.podcast-winbox .wb-min:focus-visible { 13391 box-shadow: inset 0 0 0 2px #fff; 13392 outline: none; 13393 } 13394 13395 .winbox.podcast-winbox .wb-min:focus:not(:focus-visible) { 13396 box-shadow: inset 0 0 0 2px #fff; 13397 outline: none; 13398 } 13399 13400 .winbox.podcast-winbox .wb-body { 13401 display: flex; 13402 flex-direction: column; 13403 min-height: 0; 13404 background: #fff; 13405 overflow-x: hidden; 13406 overflow-y: auto; 13407 top: 42px; 13408 border-radius: 0 0 16px 16px; 13409 } 13410 13411 /* --- Transcript panel styles --- */ 13412 13413 .podcast-popup__transcript-btn { 13414 display: inline-flex; 13415 align-items: center; 13416 gap: 8px; 13417 padding: 0; 13418 margin-right: 0; 13419 border: 0; 13420 background: transparent; 13421 color: #020215; 13422 cursor: pointer; 13423 font-feature-settings: 'liga' off, 'clig' off; 13424 font-family: 'proxima-nova', sans-serif; 13425 font-size: 18px; 13426 font-style: normal; 13427 font-weight: 600; 13428 line-height: 28px; 13429 letter-spacing: 1px; 13430 text-transform: uppercase; 13431 flex-shrink: 0; 13432 } 13433 13434 .podcast-popup--winbox:not(.podcast-popup--no-transcript) .podcast-popup__footer { 13435 display: grid; 13436 grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); 13437 gap: 0; 13438 } 13439 13440 .podcast-popup--winbox:not(.podcast-popup--no-transcript) .podcast-popup__transcript-btn { 13441 justify-self: start; 13442 } 13443 13444 .podcast-popup--winbox:not(.podcast-popup--no-transcript) .podcast-popup__icon-btn-wrapper { 13445 justify-self: center; 13446 } 13447 13448 .podcast-popup--winbox:not(.podcast-popup--no-transcript) .podcast-popup__footer .podcast-popup__hero-cta { 13449 justify-self: end; 13450 margin-left: 0; 13451 } 13452 13453 .podcast-popup__footer .podcast-popup__hero-cta { 13454 margin-left: auto; 13455 } 13456 13457 .podcast-popup--winbox .podcast-popup__footer .podcast-popup__hero-cta { 13458 margin-left: auto; 13459 } 13460 13461 /* Desktop: no transcript state keeps reactions on the left and CTA on the right. */ 13462 .podcast-popup--winbox.podcast-popup--no-transcript .podcast-popup__footer { 13463 gap: 20px; 13464 } 13465 13466 .podcast-popup--winbox.podcast-popup--no-transcript .podcast-popup__footer .podcast-popup__icon-btn-wrapper { 13467 margin-left: 0; 13468 } 13469 13470 .podcast-popup__transcript-btn:focus-visible { 13471 outline: 2px solid #111827; 13472 outline-offset: 2px; 13473 } 13474 13475 .podcast-popup__transcript-btn .podcast-popup__icon-btn-wrap { 13476 width: 1.5rem; 13477 height: 1.5rem; 13478 } 13479 13480 .podcast-popup__transcript-panel { 13481 position: absolute; 13482 inset: 0; 13483 display: flex; 13484 flex-direction: column; 13485 background: #fff; 13486 z-index: 5; 13487 transform: translateY(100%); 13488 transition: transform 0.35s cubic-bezier(0.25, 1, 0.5, 1); 13489 pointer-events: none; 13490 } 13491 13492 .podcast-popup__transcript-panel.is-open { 13493 transform: translateY(0); 13494 pointer-events: auto; 13495 } 13496 13497 /* Mobile-only drag affordance (wired in podcast-player.js); hidden on desktop WinBox */ 13498 .podcast-popup__transcript-drag-handle { 13499 display: none; 13500 flex-shrink: 0; 13501 width: 100%; 13502 height: 24px; 13503 align-items: center; 13504 justify-content: center; 13505 cursor: grab; 13506 touch-action: none; 13507 } 13508 13509 .podcast-popup__transcript-drag-handle span { 13510 width: 116px; 13511 height: 5px; 13512 border-radius: 100px; 13513 background: #f0f0f2; 13514 } 13515 13516 .podcast-popup__transcript-header { 13517 display: flex; 13518 justify-content: space-between; 13519 align-items: center; 13520 padding: 32px 48px; 13521 flex-shrink: 0; 13522 background: #fff; 13523 } 13524 13525 .podcast-popup__transcript-player { 13526 display: inline-flex; 13527 align-items: center; 13528 gap: 16px; 13529 } 13530 13531 .podcast-popup__transcript-play-btn { 13532 display: inline-flex; 13533 align-items: center; 13534 gap: 4px; 13535 padding: 0; 13536 border: 0; 13537 background: transparent; 13538 cursor: pointer; 13539 } 13540 13541 .podcast-popup__transcript-play-btn-icon { 13542 display: inline-grid; 13543 place-items: center; 13544 width: 24px; 13545 height: 24px; 13546 flex-shrink: 0; 13547 } 13548 13549 .podcast-popup__transcript-play-btn-icon > .podcast-popup__transcript-icon { 13550 grid-area: 1 / 1; 13551 } 13552 13553 .podcast-popup__transcript-play-btn:focus-visible { 13554 outline: 2px solid #111827; 13555 outline-offset: 2px; 13556 border-radius: 4px; 13557 } 13558 13559 .podcast-popup__transcript-icon-pause { 13560 display: none; 13561 } 13562 13563 .podcast-popup__transcript-play-btn.is-playing .podcast-popup__transcript-icon-play { 13564 display: none; 13565 } 13566 13567 .podcast-popup__transcript-play-btn.is-playing .podcast-popup__transcript-icon-pause { 13568 display: block; 13569 } 13570 13571 .podcast-popup__transcript-state-label { 13572 color: #020215; 13573 } 13574 13575 .podcast-popup__transcript-time { 13576 display: inline-flex; 13577 align-items: center; 13578 gap: 4px; 13579 color: #6C6C78; 13580 } 13581 13582 .podcast-popup__transcript-collapse { 13583 display: inline-flex; 13584 align-items: center; 13585 gap: 8px; 13586 padding: 0; 13587 border: 0; 13588 background: transparent; 13589 color: #020215; 13590 cursor: pointer; 13591 } 13592 13593 .podcast-popup__transcript-collapse:focus-visible { 13594 outline: 2px solid #111827; 13595 outline-offset: 2px; 13596 } 13597 13598 #podcast-popup-transcript-body:focus, 13599 #podcast-popup-transcript-body:focus-visible { 13600 outline: 2px solid #111827; 13601 outline-offset: 2px; 13602 } 13603 13604 #podcast-popup-transcript-time:focus, 13605 #podcast-popup-transcript-time:focus-visible { 13606 outline: 2px solid #111827; 13607 outline-offset: 2px; 13608 display: inline-block; 13609 } 13610 13611 .podcast-popup__transcript-body { 13612 flex: 1; 13613 overflow-y: auto; 13614 padding: 0 48px 32px; 13615 color: #020215; 13616 font-family: 'proxima-nova', sans-serif; 13617 font-size: 16px; 13618 line-height: 24px; 13619 } 13620 13621 .podcast-popup__transcript-body--rte p { 13622 margin: 0 0 16px; 13623 } 13624 13625 .podcast-popup__transcript-body--rte p:last-child { 13626 margin-bottom: 0; 13627 } 13628 13629 .podcast-popup__transcript-body--rte ul, 13630 .podcast-popup__transcript-body--rte ol { 13631 margin: 0 0 16px; 13632 padding-left: 1.5rem; 13633 } 13634 13635 .podcast-popup__transcript-body--rte li { 13636 margin-bottom: 8px; 13637 } 13638 13639 .podcast-popup__transcript-body--rte li:last-child { 13640 margin-bottom: 0; 13641 } 13642 13643 .podcast-popup__transcript-body--rte h2, 13644 .podcast-popup__transcript-body--rte h3, 13645 .podcast-popup__transcript-body--rte h4 { 13646 margin: 0 0 12px; 13647 font-family: 'proxima-nova', sans-serif; 13648 font-weight: 600; 13649 color: #020215; 13650 } 13651 13652 .podcast-popup__transcript-body--rte h2 { 13653 font-size: 20px; 13654 line-height: 28px; 13655 } 13656 13657 .podcast-popup__transcript-body--rte h3 { 13658 font-size: 18px;
13659 line-height: 26px; 13660 } 13661 13662 .podcast-popup__transcript-body--rte h4 { 13663 font-size: 16px; 13664 line-height: 24px; 13665 } 13666 13667 .podcast-popup__transcript-body--rte a { 13668 color: #003595; 13669 text-decoration: underline; 13670 } 13671 13672 .podcast-popup__transcript-body--rte a:hover { 13673 text-decoration: none; 13674 } 13675 13676 .podcast-popup__transcript-body--rte strong, 13677 .podcast-popup__transcript-body--rte b { 13678 font-weight: 600; 13679 } 13680 13681 .podcast-popup__transcript-btn-mobile { 13682 display: none; 13683 } 13684 13685 /* --- Mobile Modal specific styles --- */ 13686 13687 .podcast-popup--mobile { 13688 position: fixed; 13689 bottom: 0; 13690 left: 50%; 13691 width: 100%; 13692 /* Safe area: full insets need viewport-fit=cover on the page meta viewport */ 13693 padding-left: env(safe-area-inset-left, 0px); 13694 padding-right: env(safe-area-inset-right, 0px); 13695 padding-bottom: env(safe-area-inset-bottom, 0px); 13696 z-index: 9999; 13697 background: #fff; 13698 border-radius: 20px 20px 0 0; 13699 box-shadow: 0 -5px 25px rgba(0,0,0,0.15); 13700 /* border-radius not transitioned: avoids delayed rounding vs. transcript slide */ 13701 transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), height 0.4s ease; 13702 display: flex; 13703 flex-direction: column; 13704 transform: translate(-50%, 100%); 13705 /* Prevents bounce/scroll propagation on the modal itself */ 13706 overscroll-behavior: contain; 13707 } 13708 13709 .podcast-popup--mobile.is-open { 13710 transform: translate(-50%, 0); 13711 } 13712 13713 /* Explicitly hide mobile elements in winbox mode */ 13714 .podcast-popup--winbox .podcast-popup__drag-handle, 13715 .podcast-popup--winbox .podcast-popup__close-mobile { 13716 display: none !important; 13717 } 13718 13719 /* Drag handle */ 13720 .podcast-popup__drag-handle { 13721 display: none; /* Hidden on desktop */ 13722 height: 25px; 13723 width: 100%; 13724 align-items: center; 13725 justify-content: center; 13726 cursor: grab; 13727 touch-action: none; 13728 flex-shrink: 0; 13729 position: absolute; 13730 top: 0; 13731 z-index: 1; 13732 } 13733 13734 .podcast-popup__drag-handle span { 13735 width: 116px; 13736 height: 5px; 13737 border-radius: 100px; 13738 background: #F0F0F2; 13739 } 13740 13741 /* Mini Player State */ 13742 .podcast-popup--mobile.is-minimized { 13743 height: 94px; 13744 max-width: none; 13745 border-radius: 0; 13746 transform: translate(-50%, 0); 13747 } 13748 13749 .podcast-popup--mobile.podcast-popup--landscape { 13750 max-width: 812px; 13751 height: 340px; 13752 height: min(340px, 90dvh); 13753 max-height: 340px; 13754 } 13755 13756 .podcast-popup--mobile:not(.podcast-popup--landscape) { 13757 max-width: 375px; 13758 max-height: 752px; 13759 height: 752px; 13760 height: min(752px, 90dvh); 13761 } 13762 13763 .podcast-popup--mobile.is-minimized .podcast-popup__drag-handle { 13764 display: none; 13765 } 13766 13767 .podcast-popup--mobile.is-minimized .podcast-popup__mini-content .podcast-popup__player { 13768 flex-direction: row; 13769 width: 100%; 13770 justify-content: space-between; 13771 align-items: center; 13772 } 13773 13774 .podcast-popup--mobile.is-minimized .podcast-popup__mini-content .podcast-popup__player .podcast-popup__body-heading .podcast-popup__episode-title { 13775 align-content: center; 13776 } 13777 13778 .podcast-popup--mobile.is-minimized .podcast-popup__mini-content .podcast-popup__timeline { 13779 position: absolute; 13780 top: 0; 13781 left: 0; 13782 } 13783 13784 .podcast-popup__mini-player { 13785 grid-area: mini-player; 13786 display: none; 13787 width: 100%; 13788 background: #fff; 13789 padding: 22px 24px 16px 24px; 13790 align-items: center; 13791 justify-content: space-between; 13792 box-sizing: border-box; 13793 border-top: 1px solid #E5E7EB; 13794 } 13795 13796 .podcast-popup--mobile.is-minimized .podcast-popup__mini-player { 13797 display: flex; 13798 } 13799 13800 .podcast-popup--mobile.is-minimized .podcast-popup__shell > *:not(.podcast-popup__mini-player), 13801 .podcast-popup--mobile.is-minimized .podcast-popup__footer { 13802 display: none; 13803 } 13804 13805 .podcast-popup--mobile.is-minimized .podcast-mini-progress-input::-webkit-slider-thumb { 13806 appearance: none; 13807 width: 0; 13808 height: 0; 13809 display: none; 13810 border: none; 13811 } 13812 13813 .podcast-popup--mobile.is-minimized .podcast-mini-progress-input::-moz-range-thumb { 13814 appearance: none; 13815 width: 0; 13816 height: 0; 13817 display: none; 13818 border: none; 13819 } 13820 13821 .podcast-popup__mini-content { 13822 display: flex; 13823 width: 100%; 13824 align-items: center; 13825 justify-content: space-between; 13826 } 13827 13828 .podcast-popup__mini-title { 13829 margin: 0; 13830 flex: 1; 13831 white-space: nowrap; 13832 overflow: hidden; 13833 text-overflow: ellipsis; 13834 padding-right: 16px; 13835 } 13836 13837 .podcast-popup__mini-play { 13838 width: 40px; 13839 height: 40px; 13840 border-radius: 50%; 13841 background: #EA0063; 13842 border: none; 13843 display: flex; 13844 align-items: center; 13845 justify-content: center; 13846 flex-shrink: 0; 13847 } 13848 13849 /* Hidden by default on desktop */ 13850 .podcast-popup__close-mobile { 13851 display: none; 13852 } 13853 13854 /* --- Structural styles for Class-Based Scoping --- */ 13855 .podcast-popup--mobile .podcast-popup__drag-handle { 13856 display: flex; 13857 } 13858 13859 .podcast-popup--mobile .podcast-popup__share-popover { 13860 bottom: -200%; 13861 right: 0; 13862 } 13863 13864 .podcast-popup--mobile .podcast-popup__close-mobile { 13865 display: flex; 13866 transform: rotate(-90deg); 13867 padding: 8px; 13868 justify-content: center; 13869 align-items: center; 13870 position: absolute; 13871 right: 20px; 13872 top: 20px; 13873 width: 40px; 13874 height: 40px; 13875 border-radius: 99px; 13876 background: rgba(255, 255, 255, 0.70); 13877 backdrop-filter: blur(3px); 13878 border: none; 13879 z-index: 10; 13880 cursor: pointer; 13881 } 13882 13883 .podcast-popup--mobile .podcast-popup__close-mobile:focus, 13884 .podcast-popup--mobile .podcast-popup__close-mobile:focus-visible { 13885 outline: 2px solid #111827; 13886 outline-offset: 2px; 13887 } 13888 13889 .podcast-popup--mobile .podcast-popup__close-mobile svg { 13890 width: 24px; 13891 height: 24px; 13892 transform: rotate(90deg); 13893 } 13894 13895 .podcast-popup--mobile .podcast-popup__shell:has(.podcast-popup__transcript-panel.is-open) .podcast-popup__close-mobile { 13896 display: none; 13897 } 13898 13899 .podcast-popup--mobile .podcast-popup__princess-logo-image { 13900 display: none; 13901 } 13902 13903 .podcast-popup--mobile .podcast-popup__shell, 13904 .podcast-popup--mobile.podcast-popup { 13905 border-radius: 32px 32px 0 0; 13906 background: var(--Colors-White, #FFF); 13907 box-shadow: 0 4px 32px 8px rgba(108, 108, 120, 0.16); 13908 } 13909 13910 .podcast-popup--mobile.is-minimized .podcast-popup__shell, 13911 .podcast-popup--mobile.is-minimized .podcast-popup { 13912 border-radius: 0; 13913 } 13914 13915 /* Fills modal height; min-height:0 so flex/grid children can shrink with sheet (90dvh + safe-area padding) */ 13916 .podcast-popup--mobile:not(.is-minimized) .podcast-popup__shell { 13917 flex: 1; 13918 min-height: 0; 13919 } 13920 13921 /* Middle column scrolls so footer stays visible when shell has overflow:hidden */ 13922 .podcast-popup--mobile:not(.is-minimized) .podcast-popup__body { 13923 min-height: 0; 13924 overflow-y: auto; 13925 -webkit-overflow-scrolling: touch; 13926 } 13927 13928 @media (max-width: 767px), (max-height: 500px) and (orientation: landscape) { 13929 .podcast-popup__transcript-player { 13930 flex-direction: column; 13931 align-items: flex-start; 13932 gap: 4px; 13933 } 13934 13935 .podcast-popup__mini-player { 13936 padding: 22px 24px 16px 24px; 13937 border: 0; 13938 } 13939 13940 .podcast-popup__play { 13941 width: 48px; 13942 height: 48px; 13943 } 13944 13945 /* Allow the hero to grow and fill the available vertical space */ 13946 .podcast-popup--mobile:not(.is-minimized) .podcast-popup__shell { 13947 grid-template-rows: 1fr auto auto auto; 13948 overflow-y: auto; 13949 -webkit-overflow-scrolling: touch; 13950 } 13951 13952 .podcast-popup--mobile:not(.is-minimized) .podcast-popup__hero { 13953 height: auto; 13954 min-height: clamp(180px, calc(90vh - 400px), 340px); 13955 min-height: clamp(180px, calc(90svh - 400px), 340px); 13956 min-height: clamp(180px, calc(90dvh - 400px), 340px); 13957 aspect-ratio: unset; 13958 } 13959 13960 .podcast-popup--mobile.is-minimized { 13961 height: auto; 13962 } 13963 13964 .podcast-popup--mobile.is-minimized .podcast-popup__episode-title 13965 { 13966 line-height: 28px; 13967 height: 56px; 13968 } 13969 13970 .share-btn__wrapper { 13971 top: 26px; 13972 right: 18px; 13973 } 13974 13975 .podcast-popup__body { 13976 padding: 32px 24px; 13977 align-items: flex-start; 13978 } 13979 13980 .podcast-popup--mobile:not(.is-minimized) .podcast-popup__footer .podcast-popup__hero-cta { 13981 display: none; 13982 } 13983 13984 .podcast-popup--mobile:not(.is-minimized) .podcast-popup__hero-cta--sheet-body { 13985 display: inline-flex; 13986 } 13987 13988 .podcast-popup--mobile:not(.is-minimized) .podcast-popup__footer { 13989 justify-content: space-between; 13990 gap: 12px; 13991 } 13992 13993 .podcast-popup--mobile:not(.is-minimized) .podcast-popup__footer .podcast-popup__icon-btn-wrapper { 13994 margin-left: auto; 13995 } 13996 13997 /* No transcript: center footer thumbs */ 13998 .podcast-popup--mobile.podcast-popup--no-transcript:not(.is-minimized) .podcast-popup__footer { 13999 justify-content: center; 14000 } 14001 14002 .podcast-popup--mobile.podcast-popup--no-transcript:not(.is-minimized) .podcast-popup__footer .podcast-popup__icon-btn-wrapper { 14003 margin-left: 0; 14004 } 14005 14006 .podcast-popup__transcript-btn { 14007 display: none; 14008 } 14009 14010 /* Match shell rounding immediately so slide-up is not square-then-round */ 14011 .podcast-popup__transcript-panel { 14012 border-radius: 32px 32px 0 0; 14013 overflow: hidden; 14014 } 14015 14016 .podcast-popup--mobile .podcast-popup__transcript-drag-handle { 14017 display: flex; 14018 } 14019 14020 .podcast-popup__transcript-header { 14021 padding: 8px 24px 16px; 14022 align-items: flex-start; 14023 } 14024 14025 .podcast-popup__transcript-body { 14026 padding: 16px 24px 24px; 14027 } 14028 14029 .podcast-popup__transcript-btn-mobile { 14030 display: inline-flex; 14031 align-items: center; 14032 gap: 8px; 14033 padding: 0; 14034 border: 0; 14035 background: transparent; 14036 cursor: pointer; 14037 flex-shrink: 0; 14038 color: #020215; 14039 } 14040 14041 .podcast-popup__transcript-btn-mobile-icon { 14042 display: inline-grid; 14043 place-items: center; 14044 width: 24px; 14045 height: 24px; 14046 } 14047 14048 .podcast-popup__transcript-btn-mobile-icon svg { 14049 width: 24px; 14050 height: 24px; 14051 } 14052 14053 .podcast-popup__transcript-btn-mobile:focus-visible { 14054 outline: 2px solid #111827; 14055 outline-offset: 2px; 14056 } 14057 14058 .podcast-popup__player { 14059 flex-direction: column-reverse; 14060 gap: 24px; 14061 } 14062 14063 .podcast-popup__timeline { 14064 width: 100%; 14065 /* Use wrap and column gap to reposition numbers */ 14066 flex-wrap: wrap; 14067 justify-content: space-between; 14068 gap: 8px 0; 14069 } 14070 14071 /* Push the bar to the bottom (last position) */ 14072 .podcast-popup__timeline-container { 14073 order: 3; 14074 flex-basis: 100%; 14075 } 14076 14077 .podcast-popup--mobile.is-minimized .podcast-popup__timeline-container, 14078 .podcast-popup--mobile.is-minimized .podcast-popup__progress { 14079 border-radius: 0; 14080 } 14081 14082 /* Current time to the top-left */ 14083 .podcast-popup__timeline #podcast-popup-time-current { 14084 order: 1; 14085 color: #6C6C78; /* Optional: grey color from design */ 14086 } 14087 14088 /* Total time to the top-right */ 14089 .podcast-popup__timeline #podcast-popup-time-total { 14090 order: 2; 14091 color: #6C6C78; /* Optional: grey color from design */ 14092 } 14093 14094 .podcast-popup__hero { 14095 height: 220px; 14096 } 14097 14098 .podcast-popup__episode-title { 14099 margin: 0; 14100 display: -webkit-box; 14101 -webkit-line-clamp: 2; 14102 -webkit-box-orient: vertical; 14103 overflow: hidden; 14104 text-overflow: ellipsis; 14105 height: auto; 14106 } 14107 14108 .podcast-popup__footer { 14109 height: 68px; 14110 } 14111 14112 .podcast-popup__video { 14113 border-radius: 32px 32px 0 0; 14114 } 14115 } 14116 /* --- End Mobile Modal styles --- */ 14117 14118 /* Landscape mobile sheet: play + time on one row (match desktop); portrait mobile keeps stacked rules above. */ 14119 @media (orientation: landscape) { 14120 .podcast-popup--mobile .podcast-popup__transcript-player { 14121 flex-direction: row; 14122 align-item
14122s: center; 14123 gap: 16px; 14124 } 14125 14126 /* Landscape transcript sheet: header top 8px (24px drag + 8px = 32); RTE body flush under header, sides/bottom 24px. */ 14127 .podcast-popup--mobile .podcast-popup__transcript-header { 14128 align-items: center; 14129 padding: 8px 24px 24px; 14130 } 14131 14132 .podcast-popup--mobile .podcast-popup__transcript-body.podcast-popup__transcript-body--rte { 14133 padding: 0 24px 24px; 14134 } 14135 } 14136 14137 @media (orientation: landscape) { 14138 .podcast-popup--mobile.is-minimized .podcast-popup__episode-title { 14139 max-height: 340px; 14140 height: 28px; 14141 } 14142 14143 .podcast-popup--mobile .podcast-popup__shell { 14144 grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); 14145 grid-template-rows: auto 1fr auto; 14146 grid-template-areas: 14147 "hero player" 14148 "hero footer" 14149 "mini-player mini-player"; 14150 } 14151 14152 .share-btn__wrapper { 14153 right: 58px; 14154 } 14155 14156 .podcast-popup__close-mobile { 14157 display: block; 14158 top: 24px; 14159 right: 16px; 14160 } 14161 14162 .podcast-popup__hero-cta:not(.podcast-popup__hero-cta--sheet-body) { 14163 display: none; 14164 } 14165 14166 .podcast-popup__hero-cta--sheet-body { 14167 display: flex; 14168 margin: 4px 0; 14169 } 14170 14171 .podcast-popup__hero { 14172 height: auto; 14173 } 14174 14175 .podcast-popup__footer { 14176 height: 56px; 14177 justify-content: space-between; 14178 gap: 12px; 14179 } 14180 14181 .podcast-popup--mobile.podcast-popup--no-transcript .podcast-popup__footer { 14182 justify-content: center; 14183 } 14184 14185 .podcast-popup--mobile.podcast-popup--no-transcript .podcast-popup__footer .podcast-popup__icon-btn-wrapper { 14186 margin-left: 0; 14187 } 14188 14189 .podcast-popup__player { 14190 flex-direction: row; 14191 align-items: flex-start; 14192 gap: 16px; 14193 } 14194 14195 .podcast-popup__play-icon { 14196 border-width: 0.5rem 0 0.5rem 0.94rem; 14197 } 14198 14199 /* 14200 * Overrides the portrait 4-row mobile shell in the wider breakpoint above. 14201 * First row is flexible so .podcast-popup__body can shrink and scroll; footer row stays visible 14202 * when expandMobileModal sets overflow:hidden on the shell. 14203 */ 14204 .podcast-popup--mobile:not(.is-minimized) .podcast-popup__shell { 14205 grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); 14206 grid-template-rows: minmax(0, 1fr) auto auto; 14207 grid-template-areas: 14208 "hero player" 14209 "hero footer" 14210 "mini-player mini-player"; 14211 } 14212 14213 .podcast-popup--mobile:not(.is-minimized) .podcast-popup__hero { 14214 min-height: 0; 14215 } 14216 } 14217 </style> 14218 </div> 14219 14220 14221 14222 14223 14224 14225</div> 14226 14227 14228</div> 14229</div> 14230 14231 14232 14233 14234 <div class="cmp-teaser__image"> 14235 14236 <div data-asset="/content/dam/princess/blog/alaska-cruise-with-kids/denali-national-park-mountain-range.jpg" data-asset-id="f63e1d1f-b69b-40c0-8a30-1e064ba9e99b" data-background-image="false" data-dynamic-media-image="true" data-lazy-loaded="true" data-smart-crop-rendition="5x4" data-src="https://assets.princess.com/is/image/princesscruises/denali-national-park-mountain-range-1%3A5x4?ts=1785164308668" data-title="Diamond Princess" data-widths="128,256,512,1024,1280,1440,1920,2048" id="image-42b09a4e86" class="cmp-image" itemscope itemtype="http://schema.org/ImageObject"> 14237 14238 14239 <picture class="cmp-image__picture"> 14240 14241 14242 <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="cmp-image__image cmp-image__image--lazy-loading" itemprop="contentUrl" alt="Diamond Princess" loading="lazy"/> 14243 14244 14245 14246 </picture> 14247 14248 14249 14250 </div> 14251 14252 </div> 14253 14254 14255 </div> 14256 14257 14258 14259 <div class="cmp-teaser__content cmp-teaser__content-padding-0"> 14260 <div class="cmp-teaser__content-copy"> 14261 14262 14263 14264 14265 14266 <div class="cmp-teaser__description "><h3 style=" color: white; 14267 font-size: 24.0px; 14268">Meet the Big 5 national parks</h3> 14269<p style=" color: white; 14270">In this episode the adventure doesn't stop in the interior. We also journey to the coast to experience the thunderous calving glaciers of Glacier Bay National Park, where exclusive access allows real park rangers to board your ship and guide your journey.</p> 14271</div> 14272 14273 </div> 14274 <div class="teaser-actions responsivegrid cmp-teaser__action-container"> 14275 14276 14277<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> 14278 14279 <div class="text cmp-text--text-white cmp-text--padded-none cmp-text--spacing-none aem-GridColumn aem-GridColumn--default--12"> 14280<div class="cmp-text" id="text-30856c110f"> 14281 <p>Apr 15, 2026 5 MIN</p> 14282</div> 14283 14284 14285 14286</div> 14287<div class="spacer cmp-spacer--remove-default-spacer-size cmp-spacer--space-16-mob cmp-spacer--space-16-desk aem-GridColumn aem-GridColumn--default--12"> 14288<div data-track-component-type="spacer" class="cmp-spacer "> 14289 14290</div> 14291</div> 14292<div class="button-v2 cmp-button-v2--style-link-light cmp-button-v2--aligned-left aem-GridColumn aem-GridColumn--default--12"> 14293 14294 14295 14296
14297<a class="cmp-button-v2" href="https://www.princess.com/en-us/cruise-destinations/alaska-cruises/national-parks" target="_self" aria-label="explore more Alaska national park cruise tours" role="button" data-track-id="explore-more" data-track="the-princess-podcast" data-track-component-type="button-v2" tabindex="0" data-analytics-do-not-inherit-level-2="true" data-analytics-do-not-inherit-level-1="true" data-podcast-resource-path="false"> 14298 14299 <span class="cmp-button-v2__container"> 14300 <span class="cmp-button-v2__text">EXPLORE MORE</span> 14301 14302 <div class="cmp-button-v2__icon"> 14303 <svg class="cmp-button-v2__icon-svg"> 14304 <use href="#icon-chevron-next"/> 14305 </svg> 14306 </div> 14307 14308 </span> 14309 14310</a> 14311 14312 14313 14314 14315 14316 14317 14318</div> 14319 14320 14321</div> 14322</div> 14323 14324 14325 </div> 14326 </div> 14327</div> 14328 14329 14330 14331</div> 14332 14333 14334</div> 14335</div> 14336</div> 14337</div> 14338<div class="text cmp-text--text-white cmp-text--padded-none padding-bottom-0 aem-GridColumn aem-GridColumn--default--12"> 14339<div class="cmp-text" id="text-11dc133be8"> 14340 <p style="text-align: left; margin-bottom: 0px;"><em>These podcasts, voices and narrations are generated using AI.</em></p> 14341</div> 14342 14343 14344 14345</div> 14346 14347 14348</div> 14349 14350 </div> 14351</div> 14352</div> 14353 14354 14355</div> 14356 14357 </div> 14358</div> 14359</div> 14360 14361 14362</div> 14363 14364 </div> 14365</div> 14366</div> 14367<div class="microsites-section cmp-section--background-color-princess-white cmp-section--desk-top-space-0 cmp-section--desk-bottom-sp
14367ace-0 cmp-section--padding-top-0 cmp-section--padding-bottom-0 aem-GridColumn aem-GridColumn--default--12"> 14368<div id="browse-cruises" class="cmp-section " data-track="browse-cruises" data-track-component-type="section" data-background-image="false" data-dynamic-media-image="false" data-lazy-loaded="true" style="background-color: ; background: linear-gradient();"> 14369 14370 14371 <div class="cmp-section__container"> 14372 14373 14374 14375 14376 14377<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> 14378 14379 <div class="microsites-section cmp-section--background-color-princess-white cmp-section--desk-left-space-80 cmp-section--tablet-left-space-64 cmp-section--mobile-left-space-24 cmp-section--desk-right-space-80 cmp-section--tablet-right-space-64 cmp-section--mobile-right-space-24 cmp-section--desk-top-space-48 cmp-section--tablet-top-space-48 cmp-section--mobile-top-space-40 cmp-section--desk-bottom-space-48 cmp-section--tablet-bottom-space-48 cmp-section--mobile-bottom-space-40 cmp-section--padding-top-0 cmp-section--padding-bottom-0 aem-GridColumn aem-GridColumn--default--12"> 14380<div id="browse-cruises" class="cmp-section " data-track="browse-cruises" data-track-component-type="section" data-background-image="false" data-dynamic-media-image="false" data-lazy-loaded="true" style="background-color: ; background: linear-gradient();"> 14381 14382 14383 <div class="cmp-section__container"> 14384 14385 14386 14387 14388 14389<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> 14390 14391 <div class="title-subtitle-block title-subtitle-block--padding-top-none title-subtitle-block--padding-left-none title-subtitle-block--padding-right-none aem-GridColumn aem-GridColumn--default--12"> 14392 <div class="cmp-title-subtitle-block " data-track="browse-cruises" data-track-component-type="title-subtitle-block" style="background: url(); 14393 background-repeat: no-repeat; 14394 background-position: center right; 14395 background-size: contain"> 14396 <div class="cmp-title-subtitle-block__container"> 14397 <div class="cmp-title-subtitle-block__eyebrowImage"><div class="image"> 14398 14399 14400 14401 14402 14403 14404</div> 14405</div> 14406 <div class="cmp-title-subtitle-block__content"> 14407 14408 <p class="cmp-title-subtitle-block__eyebrow eyebrow" style="color: #020215;"> 14409 14410 Princess cruise vacations 14411 </p> 14412 14413 14414 14415 14416 <h2 class="cmp-title-subtitle-block__headline headline-medium" style="color: #003595;"> 14417 Browse cruises 14418 </h2> 14419 14420 14421 14422 14423 </div> 14424 14425 14426 14427 14428 14429 <div class="cmp-title-subtitle-block__sub-content"> 14430 14431 14432 14433<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> 14434 14435 14436 14437</div> 14438 14439 </div> 14440 14441 14442 14443 </div> 14444 </div> 14445 14446 14447 14448 14449 14450</div> 14451<div class="grid-container cmp-grid-container--carousel cmp-grid-container--carousel-mobile-tablet cmp-grid-container--4col-3 cmp-grid-container--vertical-alignment-stretch padding-top-0 padding-bottom-0 padding-side-0-desktop elements-padding-ve cmp-grid-container--full-width aem-GridColumn aem-GridColumn--default--12"> 14452 14453<div class="cmp-grid-container " id="grid-container-55b4c7945b"> 14454 14455 14456 <div class="cmp-grid-container--carousel__controls-container"> 14457 <div class="cmp-grid-container--carousel__counter-ada" aria-live="polite" aria-atomic="true"></div> 14458 <div class="cmp-grid-container--carousel__counter"><b class="cmp-grid-container--carousel__counter-index">--</b> / <span class="cmp-grid-container--carousel__counter-length">--</span></div> 14459 <div class="cmp-grid-container--carousel__controls" role="group" aria-label="Slide controls"> 14460 <button class="cmp-grid-container--carousel__controls-btn" aria-label="Previous item " data-track-id="left-arrow"> 14461 <svg aria-hidden="true" class="svg-icon svg-icon-chevron-back"> 14462 <use xlink:href="#icon-chevron-back"></use> 14463 </svg> 14464 </button> 14465 14466 <button class="cmp-grid-container--carousel__controls-btn" aria-label="Next item " data-track-id="right-arrow"> 14467 <svg aria-hidden="true" class="svg-icon svg-icon-chevron-next"> 14468 <use xlink:href="#icon-chevron-next"></use> 14469 </svg> 14470 </button> 14471 </div> 14472 </div> 14473 <div class="cmp-grid-container__items"> 14474 14475 14476<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> 14477 14478 <div class="dynamic-pricing aem-GridColumn aem-GridColumn--default--12">
14479<div class="cmp-dynamic-pricing cmp-dynamic-pricing--teaser-v2" data-track="7day-voyage-of-the-glaciers" data-track-component-type="dynamic-pricing" data-enable-lazy-loading="false" id="dynamic-pricing-067275e627" data-lazy-pricing="true" data-teaser-lazy data-teaser-card="true"> 14480 14481 14482 <div class="filter-link product"> 14483 <div class="cmp-dynamic-pricing__container"> 14484 14485 14486 <div class="cmp-dynamic-pricing__image" data-cmp-is="image" data-background-image="false" data-lazy-loaded="true" data-src="https://assets.princess.com/is/image/princesscruises/spring-slot-endicott?qlt=82&wid=%7B.width%7D&ts=1785436534234" data-widths="128,256,512,1024,1280,1440,1920,2048" data-dynamic-media-image="true" itemscope itemtype="http://schema.org/ImageObject"> 14487 <picture class="cmp-dynamic-pricing__image-picture"> 14488 <img class="cmp-dynamic-pricing__image-img" data-cmp-hook-image="image" src="https://assets.princess.com/is/image/princesscruises/spring-slot-endicott?qlt=82&ts=1785436534234" itemprop="contentUrl" alt="7+ Day Alaska Glaciers Voyages"/> 14489 </picture> 14490 </div> 14491 14492 <div class="cmp-dynamic-pricing__content"> 14493 <div class="cmp-dynamic-pricing__title"><p>7+Day Voyage of the Glaciers</p> 14494</div> 14495 14496 14497 <div class="cmp-dynamic-pricing__bottom-wrapper"> 14498 <div class="cmp-dynamic-pricing__pricing-text" data-pricing-filters="resType=C&trade=A&duration=1,2&subTrade=AG" data-pricing="true" data-pricing-country="CA,US" data-promo-controller="false" data-pricing-template="<p>From:&nbsp;<span class="pricing-main">{{fare}}</span></p> 14499" data-pricing-meta="false" data-pricing-type="cruise-fare" data-brochure-fare="false"> 14500 <p class="pricing hidden"></p> 14501 </div> 14502 <div class="cmp-dynamic-pricing__button button-v2 cmp-button-v2--style-secondary"> 14503 14504 14505 14506 14507<a class="cmp-button-v2" href="https://www.princess.com/cruise-search/results/?resType=C&trade=A&duration=1,2&subTrade=AG" target="_self" rel="noopener noreferrer" aria-label="View cruises" role="button" data-track-id="view-cruises" data-track-component-type="button-v2" tabindex="0" data-podcast-resource-path="false"> 14508 14509 <span class="cmp-button-v2__container"> 14510 <span class="cmp-button-v2__text">VIEW CRUISES</span> 14511 14512 14513 14514 </span> 14515 14516</a> 14517 14518 14519 14520 14521 14522 14523 14524</div> 14525 14526 </div> 14527 </div> 14528 </div> 14529 </div> 14530 14531 14532</div> 14533 14534 14535 14536</div> 14537<div class="dynamic-pricing cmp-dynamic-pricing--type-card cmp-dynamic-pricing--image-ratio-none cmp-dynamic-pricing--overlay-dark cmp-dynamic-pricing--text-bold cmp-dynamic-pricing--align-center cmp-dynamic-pricing--color-primary aem-GridColumn aem-GridColumn--default--12"> 14538<div class="cmp-dynamic-pricing cmp-dynamic-pricing--teaser-v2" data-track="sail-on-star-newest-ship" data-track-component-type="dynamic-pricing" data-enable-lazy-loading="false" id="dynamic-pricing-7a8f8c1b5f" data-lazy-pricing="true" data-teaser-lazy data-teaser-card="true"> 14539 14540 14541 <div class="filter-link product"> 14542 <div class="cmp-dynamic-pricing__container"> 14543 14544 14545 <div class="cmp-dynamic-pricing__image" data-cmp-is="image" data-background-image="false" data-lazy-loaded="true" data-src="https://assets.princess.com/is/image/princesscruises/PCL_St_Thomas_USVI_Star_ST_Sail_Away_Drone_CTrantina_020525_0172_Night_RGB?qlt=82&wid=%7B.width%7D&ts=1785436534475" data-widths="128,256,512,1024,1280,1440,1920,2048" data-dynamic-media-image="true" itemscope itemtype="http://schema.org/ImageObject"> 14546 <picture class="cmp-dynamic-pricing__image-picture"> 14547 <img class="cmp-dynamic-pricing__image-img" data-cmp-hook-image="image" src="https://assets.princess.com/is/image/princesscruises/PCL_St_Thomas_USVI_Star_ST_Sail_Away_Drone_CTrantina_020525_0172_Night_RGB?qlt=82&ts=1785436534475" itemprop="contentUrl" alt="Sail on Star Newest Ship"/> 14548 </picture> 14549 </div> 14550 14551 <div class="cmp-dynamic-pricing__content"> 14552 <div class="cmp-dynamic-pricing__title"><p>Sail on Star Newest Ship</p> 14553</div> 14554 14555 14556 <div class="cmp-dynamic-pricing__bottom-wrapper"> 14557 <div class="cmp-dynamic-pricing__pricing-text" data-pricing-filters="resType=C&trade=A&ship=ST" data-pricing="true" data-pricing-country="CA,US" data-promo-controller="false" data-pricing-template="<p>From:&nbsp;<span class="pricing-main">{{fare}}</span></p> 14558" data-pricing-meta="false" data-pricing-type="cruise-fare" data-brochure-fare="false"> 14559 <p class="pricing hidden"></p> 14560 </div> 14561 <div class="cmp-dynamic-pricing__button button-v2 cmp-button-v2--style-secondary"> 14562 14563 14564 14565 14566<a class="cmp-button-v2" href="https://www.princess.com/cruise-search/results/?resType=C&trade=A&ship=ST" target="_self" rel="noopener noreferrer" aria-label="View cruises" role="button" data-track-id="view-cruises" data-track-component-type="button-v2" tabindex="0" data-podcast-resource-path="false"> 14567 14568 <span class="cmp-button-v2__container">
14569 <span class="cmp-button-v2__text">VIEW CRUISES</span> 14570 14571 14572 14573 </span> 14574 14575</a> 14576 14577 14578 14579 14580 14581 14582 14583</div> 14584 14585 </div> 14586 </div> 14587 </div> 14588 </div> 14589 14590 14591</div> 14592 14593 14594 14595</div> 14596<div class="dynamic-pricing cmp-dynamic-pricing--type-card cmp-dynamic-pricing--image-ratio-none cmp-dynamic-pricing--overlay-dark cmp-dynamic-pricing--text-bold cmp-dynamic-pricing--align-center cmp-dynamic-pricing--color-primary aem-GridColumn aem-GridColumn--default--12"> 14597<div class="cmp-dynamic-pricing cmp-dynamic-pricing--teaser-v2" data-track="roundtrip-vancouver-sailings" data-track-component-type="dynamic-pricing" data-enable-lazy-loading="false" id="dynamic-pricing-12a5df3712" data-lazy-pricing="true" data-teaser-lazy data-teaser-card="true"> 14598 14599 14600 <div class="filter-link product"> 14601 <div class="cmp-dynamic-pricing__container"> 14602 14603 14604 <div class="cmp-dynamic-pricing__image" data-cmp-is="image" data-background-image="false" data-lazy-loaded="true" data-src="https://assets.princess.com/is/image/princesscruises/vancouver-canada-1%3A4x5-Portrait?ts=1785436534717" data-widths="128,256,512,1024,1280,1440,1920,2048" data-smart-crop-rendition="4x5-Portrait" data-dynamic-media-image="true" itemscope itemtype="http://schema.org/ImageObject"> 14605 <picture class="cmp-dynamic-pricing__image-picture"> 14606 <img class="cmp-dynamic-pricing__image-img" data-cmp-hook-image="image" src="https://assets.princess.com/is/image/princesscruises/vancouver-canada-1%3A4x5-Portrait?ts=1785436534717" itemprop="contentUrl" alt="Roundtrip Vancouver Sailings"/> 14607 </picture> 14608 </div> 14609 14610 <div class="cmp-dynamic-pricing__content"> 14611 <div class="cmp-dynamic-pricing__title"><p>Roundtrip Vancouver Sailings</p> 14612</div> 14613 14614 14615 <div class="cmp-dynamic-pricing__bottom-wrapper"> 14616 <div class="cmp-dynamic-pricing__pricing-text" data-pricing-filters="resType=C&trade=A&startPort=YVR&endPort=YVR&sortBy=priceLowToHigh&hasHiddenFilters=true" data-pricing="true" data-pricing-country="CA,US" data-promo-controller="false" data-pricing-template="<p>From:&nbsp;<span class="pricing-main">{{fare}}</span></p> 14617" data-pricing-meta="false" data-pricing-type="cruise-fare" data-brochure-fare="false"> 14618 <p class="pricing hidden"></p> 14619 </div> 14620 <div class="cmp-dynamic-pricing__button button-v2 cmp-button-v2--style-secondary"> 14621 14622 14623 14624 14625<a class="cmp-button-v2" href="https://www.princess.com/cruise-search/results/?resType=C&trade=A&startPort=YVR&endPort=YVR&sortBy=priceLowToHigh&hasHiddenFilters=true" target="_blank" rel="noopener noreferrer" aria-label="View cruises" role="button" data-track-id="view-cruises" data-track-component-type="button-v2" tabindex="0" data-podcast-resource-path="false"> 14626 14627 <span class="cmp-button-v2__container"> 14628 <span class="cmp-button-v2__text">VIEW CRUISES</span> 14629 14630 14631 14632 </span> 14633 14634</a> 14635 14636 14637 14638 14639 14640 14641 14642</div> 14643 14644 </div> 14645 </div> 14646 </div> 14647 </div> 14648 14649 14650</div> 14651 14652 14653 14654</div> 14655<div class="dynamic-pricing aem-GridColumn aem-GridColumn--default--12"> 14656<div class="cmp-dynamic-pricing cmp-dynamic-pricing--teaser-v2" data-track="10-day-alaska-cruisetours" data-track-component-type="dynamic-pricing" data-enable-lazy-loading="false" id="dynamic-pricing-cc8867fcb3" data-lazy-pricing="true" data-teaser-lazy data-teaser-card="true"> 14657 14658 14659 <div class="filter-link product"> 14660 <div class="cmp-dynamic-pricing__container"> 14661 14662 14663 <div class="cmp-dynamic-pricing__image" data-cmp-is="image" data-background-image="false" data-lazy-loaded="true" data-src="https://assets.princess.com/is/image/princesscruises/tracy-arm-fjord-alaska-guests-glacier-viewing?qlt=82&wid=%7B.width%7D&ts=1785436534957" data-widths="128,256,512,1024,1280,1440,1920,2048" data-dynamic-media-image="true" itemscope itemtype="http://schema.org/ImageObject"> 14664 <picture class="cmp-dynamic-pricing__image-picture"> 14665 <img class="cmp-dynamic-pricing__image-img" data-cmp-hook-image="image" src="https://assets.princess.com/is/image/princesscruises/tracy-arm-fjord-alaska-guests-glacier-viewing?qlt=82&ts=1785436534957" itemprop="contentUrl" alt="10+ Day Alaska Cruisetours"/> 14666 </picture> 14667 </div> 14668 14669 <div class="cmp-dynamic-pricing__content"> 14670 <div class="cmp-dynamic-pricing__title"><p>10+ Day Alaska Cruisetours</p> 14671</div> 14672 14673 14674 <div class="cmp-dynamic-pricing__bottom-wrapper"> 14675 <div class="cmp-dynamic-pricing__pricing-text" data-pricing-filters="resType=T&sortBy=priceLowToHigh&trade=A" data-pricing="true" data-pricing-country="CA,US" data-promo-controller="false" data-pricing-template="<p>From:&nbsp;<span class="pricing-main">{{fare}}</span></p> 14676" data-pricing-meta="false" data-pricing-type="cruise-fare" data-brochure-fare="false"> 14677 <p class="pricing hidden"></p> 14678 </div> 14679 <div class="cmp-dynamic-pricing__button button-v2 cmp-button-v2--style-secondary"> 14680 14681 14682 14683 14684<a class="cmp-button-v2" href="https://www.princess.com/cruise-search/results/?resType=T&sortBy=priceLowToHigh&trade=A" target="_self" rel="noopener noreferrer" aria-label="View cruises" role="button" data-track-id="view-cruises" data-track-component-type="button-v2" tabindex="0" data-podcast-resource-path="false"> 14685 14686 <span class="cmp-button-v2__container">
14687 <span class="cmp-button-v2__text">VIEW CRUISES</span> 14688 14689 14690 14691 </span> 14692 14693</a> 14694 14695 14696 14697 14698 14699 14700 14701</div> 14702 14703 </div> 14704 </div> 14705 </div> 14706 </div> 14707 14708 14709</div> 14710 14711 14712 14713</div> 14714 14715 14716</div> 14717</div> 14718</div> 14719</div> 14720 14721 14722</div> 14723 14724 </div> 14725</div> 14726</div> 14727 14728 14729</div> 14730 14731 </div> 14732</div> 14733</div> 14734 14735 14736</div> 14737</main> 14738<div class="experiencefragment aem-GridColumn aem-GridColumn--default--12"> 14739<div class="cmp-experiencefragment cmp-experiencefragment--footer" id="external-footer"> 14740 14741 14742 14743 14744 14745<div class="xf-content-height"> 14746 <div class="root responsivegrid"> 14747 14748 14749<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> 14750 14751 <div class="grid-container cmp-grid-container--2col-6 padding-top-0 cmp-grid-container--background--gray-light aem-GridColumn aem-GridColumn--default--12"> 14752 14753<div class="cmp-grid-container " id="grid-container-a925f06c51"> 14754 14755 14756 <div class="cmp-grid-container--carousel__controls-container"> 14757 <div class="cmp-grid-container--carousel__counter-ada" aria-live="polite" aria-atomic="true"></div> 14758 <div class="cmp-grid-container--carousel__counter"><b class="cmp-grid-container--carousel__counter-index">--</b> / <span class="cmp-grid-container--carousel__counter-length">--</span></div> 14759 <div class="cmp-grid-container--carousel__controls" role="group" aria-label="Slide controls"> 14760 <button class="cmp-grid-container--carousel__controls-btn" aria-label="Previous item " data-track-id="left-arrow"> 14761 <svg aria-hidden="true" class="svg-icon svg-icon-chevron-back"> 14762 <use xlink:href="#icon-chevron-back"></use> 14763 </svg> 14764 </button> 14765 14766 <button class="cmp-grid-container--carousel__controls-btn" aria-label="Next item " data-track-id="right-arrow"> 14767 <svg aria-hidden="true" class="svg-icon svg-icon-chevron-next"> 14768 <use xlink:href="#icon-chevron-next"></use> 14769 </svg> 14770 </button> 14771 </div> 14772 </div> 14773 <div class="cmp-grid-container__items"> 14774 14775 14776<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> 14777 14778 <div class="country-selector aem-GridColumn aem-GridColumn--default--12"> 14779 14780 14781<div id="footer-country-selector" data-track-component-type="princess-base/components/content/country-selector" data-country-selector-id="footer-country-selector" aria-labelledby="country-selector-title" role="region" class="cmp-country-selector"> 14782 <div class="cmp-country-selector__container" id="country-selector-title"> 14783 <label for="country-selector" class="cmp-country-selector__prefix">Country:</label> 14784 <div id="country-selector" name="country" class="cmp-country-selector__dropdown" aria-label="footer country selector"> 14785 <div class="cmp-combo-select"> 14786 <div aria-controls="country-selector" aria-expanded="false" aria-haspopup="listbox" aria-labelledby="dropdown-label" aria-label="country-selector" id="combo1" class="dropdown" role="combobox" tabindex="0"> 14787 <span id="dropdown__selected" class="dropdown__selected-country-selector"> 14788 14789 </span> 14790 <svg aria-hidden="true" class="dropdown__arrow svg-icon svg-icon-caret-closed" width="12" height="12" viewBox="0 0 12 12"> 14791 <title>Open drop down</title> 14792 <use xlink:href="#icon-caret-closed"></use> 14793 </svg> 14794 </div> 14795 <div class="dropdown__list" role="listbox" id="country-selector" aria-labelledby="dropdown-label" tabindex="-1"> 14796 <div class="dropdown__list-item dropdown__list-item-country-selector" data-link="/en-au/" data-target="_self" id="combo1-0" role="option" aria-selected="true"> 14797 Australia 14798 </div> 14799 <div class="dropdown__list-item dropdown__list-item-country-selector" data-link="/en-sg/" data-target="_self" id="combo1-1" role="option" aria-selected="true"> 14800 Singapore 14801 </div> 14802 <div class="dropdown__list-item dropdown__list-item-country-selector" data-link="/en-us/" data-target="_self" id="combo1-2" role="option" aria-selected="true"> 14803 United States 14804 </div> 14805 <div class="dropdown__list-item dropdown__list-item-country-selector" data-link="/en-uk/" data-target="_self" id="combo1-3" role="option" aria-selected="true"> 14806 United Kingdom 14807 </div> 14808 </div> 14809 </div> 14810 </div> 14811 </div> 14812</div> 14813 14814 14815 14816</div> 14817<div class="social-links parbase cmp-social-links--transparent aem-GridColumn aem-GridColumn--default--12"> 14818<div class="cmp-social-links cmp-social-links--color-black" data-sharable="share" id="social-links-e801f0f56d" role="group" aria-labelledby="social-links-e801f0f56d-label"> 14819 <div class="cmp-social-links__container"> 14820 <div class="cmp-social-links__text" id="social-links-e801f0f56d-label">Follow Us:</div> 14821 <div class="cmp-social-links__items"> 14822 14823 <a id="-5840af587a" href="https://www.facebook.com/PrincessCruises" target="_blank" rel="noopener noreferrer" aria-label="Share post to Facebook opens in a new tab" data-track-id="Facebook" data-track-content-type="social"> 14824 <svg class="cmp-social-links__icon" aria-hidden="true"> 14825 <use href="#icon-facebook"/> 14826 </svg> 14827 </a> 14828 14829 <a id="-d575034175" href="https://twitter.com/PrincessCruises" target="_blank" rel="noopener noreferrer" aria-label="Share post to Twitter opens in a new tab" data-track-id="Twitter" data-track-content-type="social"> 14830 <svg class="cmp-social-links__icon" aria-hidden="true"> 14831 <use href="#icon-twitter"/> 14832 </svg> 14833 </a> 14834 14835 <a id="-5e8721b570" href="https://www.youtube.com/princesscruises" target="_blank" rel="noopener noreferrer" aria-label="Share post to Youtube opens in a new tab" data-track-id="Youtube" data-track-content-type="social"> 14836 <svg class="cmp-social-links__icon" aria-hidden="true"> 14837 <use href="#icon-youtube"/> 14838 </svg> 14839 </a> 14840 14841 <a id="-5808c20ffd" href="https://www.instagram.com/princesscruises/" target="_blank" rel="noopener noreferrer" aria-label="Share post to Instagram opens in a new tab" data-track-id="Instagram" data-track-content-type="social"> 14842 <svg class="cmp-social-links__icon" aria-hidden="true"> 14843 <use href="#icon-instagram"/> 14844 </svg> 14845 </a> 14846 14847 </div> 14848 </div> 14849</div> 14850 14851 14852 14853 14854</div> 14855 14856 14857</div> 14858</div> 14859</div> 14860</div> 14861<footer class="footer aem-GridColumn aem-GridColumn--default--12" role="contentinfo"> 14862<div class="cmp-footer cmp-footer__wave-img " data-sharable="footerStickyBar" data-track-component-type="footer" id="footer-0df12b2d14"> 14863
14864 <div class="cmp-footer__container"> 14865 <div class="cmp-footer__column-container"> 14866 <div class="cmp-footer__nav"> 14867<nav class="cmp-navigation" itemscope itemtype="http://schema.org/SiteNavigationElement" data-close-icon="#icon-close-x" id="navigation-1b3c94c0ec"> 14868 <ul class="cmp-navigation__group"> 14869 14870 <li class="cmp-navigation__item cmp-navigation__item--level-0" id="navigation-1b3c94c0ec-item-15b274a94c"> 14871 14872 14873 14874 14875 <ul class="cmp-navigation__group"> 14876 14877 <li class="cmp-navigation__item cmp-navigation__item--level-1" id="navigation-1b3c94c0ec-item-7742afa83e" data-track="plan-a-cruise" data-track-component-type="navigation"> 14878 14879 14880 14881 14882 14883 <div class="cmp-navigation__item-link-track level-1 cmp-navigation__item--text-1 cmp-navigation__item-link-level"> 14884 Plan a Cruise 14885 </div> 14886 14887 14888 14889 14890 14891 14892 <ul class="cmp-navigation__group" aria-label="Plan a Cruise"> 14893 14894 <li class="cmp-navigation__item cmp-navigation__item--level-2" id="navigation-1b3c94c0ec-item-cbf0137265" data-track="find-cruises-cruisetours" data-track-component-type="navigation"> 14895 14896 14897 14898 14899 14900 14901 14902 14903 14904 14905 <a href="https://www.princess.com/cruise-search/cruises/" target="_self" rel="noopener noreferrer" class="cmp-navigation__item-link-track level-2 cmp-navigation__item-link cmp-navigation__item--text-2" data-track-id="find-cruises-cruisetours" data-track-component-type="navigation">Find Cruises & Cruisetours</a> 14906 14907 14908 14909 14910 14911 14912 14913 14914 14915 </li> 14916 14917 14918 14919 <li class="cmp-navigation__item cmp-navigation__item--level-2" id="navigation-1b3c94c0ec-item-a3ddbdf680" data-track="princess-ezair-flights" data-track-component-type="navigation"> 14920 14921 14922 14923 14924 14925 14926 14927 14928 14929 14930 14931 <a href="https://www.princess.com/plan/ezair" target="_self" class="cmp-navigation__item-link-track level-2 cmp-navigation__item-link cmp-navigation__item--text-2" data-track-id="princess-ezair-flights" data-track-component-type="navigation">Princess EZair® Flights</a> 14932 14933 14934 14935 14936 14937 14938 14939 14940 </li> 14941 14942 14943 14944 <li class="cmp-navigation__item cmp-navigation__item--level-2" id="navigation-1b3c94c0ec-item-735a82b159" data-track="princess-vacation-protection" data-track-component-type="navigation"> 14945 14946 14947 14948 14949 14950 14951 14952 14953 14954 14955 14956 <a href="https://www.princess.com/plan/princess-vacation-protection" target="_self" class="cmp-navigation__item-link-track level-2 cmp-navigation__item-link cmp-navigation__item--text-2" data-track-id="princess-vacation-protection" data-track-component-type="navigation">Princess Vacation Protection</a> 14957 14958 14959 14960 14961 14962 14963 14964 14965 </li> 14966 14967 14968 14969 <li class="cmp-navigation__item cmp-navigation__item--level-2" id="navigation-1b3c94c0ec-item-fbf3f2c827" data-track="plan-a-group-or-celebration" data-track-component-type="navigation"> 14970 14971 14972 14973 14974 14975 14976 14977 14978 14979 14980 14981 <a href="https://www.princess.com/ships-and-experience/celebrations/celebration-group-program" target="_self" class="cmp-navigation__item-link-track level-2 cmp-navigation__item-link cmp-navigation__item--text-2" data-track-id="plan-a-group-or-celebration" data-track-component-type="navigation">Plan a Group or Celebration</a> 14982 14983 14984 14985 14986 14987 14988 14989 14990 </li> 14991 14992 14993 14994 <li class="cmp-navigation__item cmp-navigation__item--level-2" id="navigation-1b3c94c0ec-item-ac839cca79" data-track="find-a-travel-agency" data-track-component-type="navigation"> 14995 14996 14997 14998 14999 15000 15001 15002 15003 15004 15005 <a href="https://www.princess.com/find-travel-agents/" target="_self" rel="noopener noreferrer" class="cmp-navigation__item-link-track level-2 cmp-navigation__item-link cmp-navigation__item--text-2" data-track-id="find-a-travel-agency" data-track-component-type="navigation">Find a Travel Agency</a> 15006 15007 15008 15009 15010 15011 15012 15013 15014 15015 </li> 15016 15017 </ul> 15018 15019 </li> 15020 15021 15022 15023 <li class="cmp-navigation__item cmp-navigation__item--level-1" id="navigation-1b3c94c0ec-item-01022b6310" data-track="cruise-deals" data-track-component-type="navigation"> 15024 15025 15026 15027 15028 15029 <div class="cmp-navigation__item-link-track level-1 cmp-navigation__item--text-1 cmp-navigation__item-link-level"> 15030 Cruise Deals 15031 </div> 15032 15033 15034 15035 15036 15037 15038 <ul class="cmp-navigation__group" aria-label="Cruise Deals"> 15039 15040 <li class="cmp-navigation__item cmp-navigation__item--level-2" id="navigation-1b3c94c0ec-item-7a23aba9c2" data-track="cruise-deals-promotions" data-track-component-type="navigation"> 15041 15042 15043 15044 15045 15046 15047 15048 15049 15050 15051 15052 <a href="https://www.princess.com/cruise-deals-promotions" target="_self" class="cmp-navigation__item-link-track level-2 cmp-navigation__item-link cmp-navigation__item--text-2" data-track-id="cruise-deals-promotions" data-track-component-type="navigation">Cruise Deals & Promotions</a> 15053 15054 15055 15056 15057 15058 15059 15060 15061 </li> 15062 15063 15064 15065 <li class="cmp-navigation__item cmp-navigation__item--level-2" id="navigation-1b3c94c0ec-item-a9d601b5cb" data-track="cruise-deals-terms-conditions" data-track-component-type="navigation"> 15066 15067 15068 15069 15070 15071 15072 15073 15074 15075 15076 15077 <a href="https://www.princess.com/cruise-deals-promotions/terms-and-conditions" target="_self" class="cmp-navigation__item-link-track level-2 cmp-navigation__item-link cmp-navigation__item--text-2" data-track-id="cruise-deals-terms-conditions" data-track-component-type="navigation">Cruise Deals Terms & Conditions</a> 15078 15079 15080 15081 15082 15083 15084 15085 15086 </li> 15087 15088 15089 15090 <li class="cmp-navigation__item cmp-navigation__item--level-2" id="navigation-1b3c94c0ec-item-4065a6105b" data-track="sign-up-for-special-offers" data-track-component-type="navigation"> 15091 15092 15093 15094 15095 15096 15097 15098 15099 15100 15101 <a href="https://book.princess.com/captaincircle/specialOfferRegistration.page?track=footer&trackId=special-offers" target="_self" rel="noopener noreferrer" class="cmp-navigation__item-link-track level-2 cmp-navigation__item-link cmp-navigation__item--text-2" data-track-id="sign-up-for-special-offers" data-track-component-type="navigation">Sign Up for Special Offers</a> 15102 15103 15104 15105 15106 15107 15108 15109 15110 15111 </li> 15112 15113 15114 15115 <li class="cmp-navigation__item cmp-navigation__item--level-2" id="navigation-1b3c94c0ec-item-f6a91beaa0" data-track="military-benefit-program" data-track-component-type="navigation"> 15116 15117 15118 15119 15120 15121 15122 15123 15124 15125 15126 15127 <a href="https://www.princess.com/cruise-deals-promotions/military-benefit-program" target="_self" class="cmp-navigation__item-link-track level-2 cmp-navigation__item-link cmp-navigation__item--text-2" data-track-id="military-benefit-program" data-track-component-type="navigation">Military Benefit Program</a> 15128 15129 15130 15131 15132 15133 15134 15135 15136 </li> 15137 15138 15139 15140 <li class="cmp-navigation__item cmp-navigation__item--level-2" id="navigation-1b3c94c0ec-item-207357af74" data-track="refer-a-friend" data-track-component-type="navigation"> 15141 15142 15143 15144 15145 15146 15147 15148 15149 15150 15151 15152 15153 <a href="#" data-track-id="refer-a-friend" data-track-component-type="navigation" data-track-extole-zone="global_footer" class="cmp-navigation__item-link-track level-2 cmp-navigation__item-link cmp-navigation__item--text-2 hidden">Refer-a-Friend</a> 15154 15155 15156 15157 15158 15159 15160 15161 </li> 15162 15163 15164 15165 <li class="cmp-navigation__item cmp-navigation__item--level-2" id="navigation-1b3c94c0ec-item-de3c15baeb" data-track="book-now-pay-later" data-track-component-type="navigation"> 15166 15167 15168 15169 15170 15171 15172 15173 15174 15175 15176 15177 <a href="https://www.princess.com/cruise-deals-promotions/payment-plans" target="_self" class="cmp-navigation__item-link-track level-2 cmp-navigation__item-link cmp-navigation__item--text-2" data-track-id="book-now-pay-later" data-track-component-type="navigation">Book Now, Pay Later</a> 15178 15179 15180 15181 15182 15183 15184 15185 15186 </li> 15187 15188 15189 15190 <li class="cmp-navigation__item cmp-navigation__item--level-2" id="navigation-1b3c94c0ec-item-f39d833151" data-track="standby-program" data-track-component-type="navigation"> 15191 15192 15193 15194 15195 15196 15197 15198 15199 15200 15201 15202 <a href="https://www.princess.com/cruise-deals-promotions/standby-program" target="_self" class="cmp-navigation__item-link-track level-2 cmp-navigation__item-link cmp-navigation__item--text-2" data-track-id="standby-program" data-track-component-type="navigation">Standby Program</a> 15203 15204 15205 15206 15207 15208 15209 15210 15211 </li> 15212 15213 </ul> 15214 15215 </li> 15216 15217 15218 15219 <li class="cmp-navigation__item cmp-navigation__item--level-1" id="navigation-1b3c94c0ec-item-cb961cafe4" data-track="learn-about-cruising" data-track-component-type="navigation"> 15220 15221 15222 15223 15224 15225 <div class="cmp-navigation__item-link-track level-1 cmp-navigation__item--text-1 cmp-navigation__item-link-level"> 15226 Learn About Cruising 15227 </div> 15228 15229 15230 15231 15232 15233 15234 <ul class="cmp-navigation__group" aria-label="Learn About Cruising"> 15235 15236 <li class="cmp-navigation__item cmp-navigation__item--level-2" id="navigation-1b3c94c0ec-item-71e8d7041b" data-track="new-to-cruising" data-track-component-type="navigation"> 15237 15238 15239 15240 15241 15242 15243 15244 15245 15246 15247 15248 <a href="https://www.princess.com/why-princess/new-to-cruising" target="_self" class="cmp-navigation__item-link-track level-2 cmp-navigation__item-link cmp-navigation__item--text-2" data-track-id="new-to-cruising" data-track-component-type="navigation">New to Cruising</a> 15249 15250 15251 15252 15253 15254 15255 15256 15257 </li> 15258 15259 15260 15261 <li class="cmp-navigation__item cmp-navigation__item--level-2" id="navigation-1b3c94c0ec-item-d9c03941bf" data-track="why-princess" data-track-component-type="navigation"> 15262 15263 15264 15265 15266 15267 15268 15269 15270 15271 15272 15273 <a href="https://www.princess.com/why-princess" target="_self" class="cmp-navigation__item-link-track level-2 cmp-navigation__item-link cmp-navigation__item--text-2" data-track-id="why-princess" data-track-component-type="navigation">Why Princess?</a> 15274 15275 15276 15277 15278 15279 15280 15281 15282 </li> 15283 15284 15285 15286 <li class="cmp-navigation__item cmp-navigation__item--level-2" id="navigation-1b3c94c0ec-item-52a46237b2" data-track="captains-circle-loyalty-tiers" data-track-component-type="navigation"> 15287 15288 15289 15290 15291 15292 15293 15294 15295 15296 15297 <a href="https://book.princess.com/captaincircle/membershipBenefits.page" target="_self" rel="noopener noreferrer" class="cmp-navigation__item-link-track level-2 cmp-navigation__item-link cmp-navigation__item--text-2" data-track-id="captains-circle-loyalty-tiers" data-track-component-type="navigation">Captain's Circle Loyalty Tiers</a> 15298 15299 15300 15301 15302 15303 15304 15305 15306 15307 </li> 15308 15309 15310 15311 <li class="cmp-navigation__item cmp-navigation__item--level-2 cmp-navigation__item--active" id="navigation-1b3c94c0ec-item-df208e0894" data-track="our-cruise-blog" data-track-component-type="navigation"> 15312 15313 15314 15315 15316 15317 15318 15319 15320 15321 15322 15323 <a href="https://www.princess.com/blog" target="_self" aria-current="page" class="cmp-navigation__item-link-track level-2 cmp-navigation__item-link cmp-navigation__item--text-2" data-track-id="our-cruise-blog" data-track-component-type="navigation">Our Cruise Blog</a> 15324 15325 15326 15327 15328 15329 15330 15331 15332 </li> 15333 15334 15335 15336 <li class="cmp-navigation__item cmp-navigation__item--level-2" id="navigation-1b3c94c0ec-item-793fe8c098" data-track="top-10-new-cruiser-faq" data-track-component-type="navigation"> 15337 15338 15339 15340 15341 15342 15343 15344 15345 15346 15347 15348 <a href="https://www.princess.com/why-princess/top-ten-faq" target="_self" class="cmp-navigation__item-link-track level-2 cmp-navigation__item-link cmp-navigation__item--text-2" data-track-id="top-10-new-cruiser-faq" data-track-component-type="navigation">Top 10 New Cruiser FAQ</a> 15349 15350 15351 15352 15353 15354 15355 15356 15357 </li> 15358 15359 15360 15361 <li class="cmp-navigation__item cmp-navigation__item--level-2" id="navigation-1b3c94c0ec-item-48a2d7b27b" data-track="help-contact" data-track-component-type="navigation"> 15362 15363 15364 15365 15366 15367 15368 15369 15370 15371 15372 <a href="https://book.princess.com/captaincircle/customerCare.page" target="_self" rel="noopener noreferrer" class="cmp-navigation__item-link-track level-2 cmp-navigation__item-link cmp-navigation__item--text-2" data-track-id="help-contact" data-track-component-type="navigation">Help & Contact</a> 15373 15374 15375 15376 15377 15378 15379 15380 15381 15382 </li> 15383 15384 15385 15386 <li class="cmp-navigation__item cmp-navigation__item--level-2" id="navigation-1b3c94c0ec-item-bf2164b17b" data-track="better-than-best-price-guarantee" data-track-component-type="navigation"> 15387 15388 15389 15390 15391 15392 15393 15394 15395 15396 15397 15398 <a href="https://www.princess.com/plan/best-price-guarantee" target="_self" class="cmp-navigation__item-link-track level-2 cmp-navigation__item-link cmp-navigation__item--text-2" data-track-id="better-than-best-price-guarantee" data-tr
15398ack-component-type="navigation">Better Than Best Price Guarantee</a> 15399 15400 15401 15402 15403 15404 15405 15406 15407 </li> 15408 15409 </ul> 15410 15411 </li> 15412 15413 </ul> 15414 15415 </li> 15416 15417 15418 15419 <li class="cmp-navigation__item cmp-navigation__item--level-0" id="navigation-1b3c94c0ec-item-7b442257f4"> 15420 15421 15422 15423 15424 <ul class="cmp-navigation__group"> 15425 15426 <li class="cmp-navigation__item cmp-navigation__item--level-1" id="navigation-1b3c94c0ec-item-3f880a2710" data-track="cruise-destinations" data-track-component-type="navigation"> 15427 15428 15429 15430 15431 15432 <div class="cmp-navigation__item-link-track level-1 cmp-navigation__item--text-1 cmp-navigation__item-link-level"> 15433 Cruise Destinations 15434 </div> 15435 15436 15437 15438 15439 15440 15441 <ul class="cmp-navigation__group" aria-label="Cruise Destinations"> 15442 15443 <li class="cmp-navigation__item cmp-navigation__item--level-2" id="navigation-1b3c94c0ec-item-2ba867fd95" data-track="destination-overview" data-track-component-type="navigation"> 15444 15445 15446 15447 15448 15449 15450 15451 15452 15453 15454 15455 <a href="https://www.princess.com/cruise-destinations" target="_self" class="cmp-navigation__item-link-track level-2 cmp-navigation__item-link cmp-navigation__item--text-2" data-track-id="destination-overview" data-track-component-type="navigation">Destination Overview</a> 15456 15457 15458 15459 15460 15461 15462 15463 15464 </li> 15465 15466 15467 15468 <li class="cmp-navigation__item cmp-navigation__item--level-2" id="navigation-1b3c94c0ec-item-d7330af0b3" data-track="alaska" data-track-component-type="navigation"> 15469 15470 15471 15472 15473 15474 15475 15476 15477 15478 15479 15480 <a href="https://www.princess.com/cruise-destinations/alaska-cruises" target="_self" class="cmp-navigation__item-link-track level-2 cmp-navigation__item-link cmp-navigation__item--text-2" data-track-id="alaska" data-track-component-type="navigation">Alaska</a> 15481 15482 15483 15484 15485 15486 15487 15488 15489 </li> 15490 15491 15492 15493 <li class="cmp-navigation__item cmp-navigation__item--level-2" id="navigation-1b3c94c0ec-item-888cb267bf" data-track="asia" data-track-component-type="navigation"> 15494 15495 15496 15497 15498 15499 15500 15501 15502 15503 15504 15505 <a href="https://www.princess.com/cruise-destinations/asia-cruises" target="_self" class="cmp-navigation__item-link-track level-2 cmp-navigation__item-link cmp-navigation__item--text-2" data-track-id="asia" data-track-component-type="navigation">Asia</a> 15506 15507 15508 15509 15510 15511 15512 15513 15514 </li> 15515 15516 15517 15518 <li class="cmp-navigation__item cmp-navigation__item--level-2" id="navigation-1b3c94c0ec-item-9321c5e309" data-track="australia-new-zealand" data-track-component-type="navigation"> 15519 15520 15521 15522 15523 15524 15525 15526 15527 15528 15529 15530 <a href="https://www.princess.com/cruise-destinations/australia-cruises" target="_self" class="cmp-navigation__item-link-track level-2 cmp-navigation__item-link cmp-navigation__item--text-2" data-track-id="australia-new-zealand" data-track-component-type="navigation">Australia & New Zealand</a> 15531 15532 15533 15534 15535 15536 15537 15538 15539 </li> 15540 15541 15542 15543 <li class="cmp-navigation__item cmp-navigation__item--level-2" id="navigation-1b3c94c0ec-item-a340da5895" data-track="california-pacific-coast" data-track-component-type="navigation"> 15544 15545 15546 15547 15548 15549 15550 15551 15552 15553 15554 15555 <a href="https://www.princess.com/cruise-destinations/california-coast-cruises" target="_self" class="cmp-navigation__item-link-track level-2 cmp-navigation__item-link cmp-navigation__item--text-2" data-track-id="california-pacific-coast" data-track-component-type="navigation">California & Pacific Coast</a> 15556 15557 15558 15559 15560 15561 15562 15563 15564 </li> 15565 15566 15567 15568 <li class="cmp-navigation__item cmp-navigation__item--level-2" id="navigation-1b3c94c0ec-item-1c382afc52" data-track="canada-new-england" data-track-component-type="navigation"> 15569 15570 15571 15572 15573 15574 15575 15576 15577 15578 15579 15580 <a href="https://www.princess.com/cruise-destinations/canada-cruises" target="_self" class="cmp-navigation__item-link-track level-2 cmp-navigation__item-link cmp-navigation__item--text-2" data-track-id="canada-new-england" data-track-component-type="navigation">Canada & New England</a> 15581 15582 15583 15584 15585 15586 15587 15588 15589 </li> 15590 15591 15592 15593 <li class="cmp-navigation__item cmp-navigation__item--level-2" id="navigation-1b3c94c0ec-item-586de67882" data-track="caribbean" data-track-component-type="navigation"> 15594 15595 15596 15597 15598 15599 15600 15601 15602 15603 15604 15605 <a href="https://www.princess.com/cruise-destinations/caribbean-cruises" target="_self" class="cmp-navigation__item-link-track level-2 cmp-navigation__item-link cmp-navigation__item--text-2" data-track-id="caribbean" data-track-component-type="navigation">Caribbean</a> 15606 15607 15608 15609 15610 15611 15612 15613 15614 </li> 15615 15616 15617 15618 <li class="cmp-navigation__item cmp-navigation__item--level-2" id="navigation-1b3c94c0ec-item-4bafe74315" data-track="europe" data-track-component-type="navigation"> 15619 15620 15621 15622 15623 15624 15625 15626 15627 15628 15629 15630 <a href="https://www.princess.com/cruise-destinations/european-cruises" target="_self" class="cmp-navigation__item-link-track level-2 cmp-navigation__item-link cmp-navigation__item--text-2" data-track-id="europe" data-track-component-type="navigation">Europe</a> 15631 15632 15633 15634 15635 15636 15637 15638 15639 </li> 15640 15641 15642 15643 <li class="cmp-navigation__item cmp-navigation__item--level-2" id="navigation-1b3c94c0ec-item-9c63f9889c" data-track="getaways-3-6-days" data-track-component-type="navigation"> 15644 15645 15646 15647 15648 15649 15650 15651 15652 15653 15654 15655 <a href="https://www.princess.com/cruise-destinations/getaway-cruises" target="_self" class="cmp-navigation__item-link-track level-2 cmp-navigation__item-link cmp-navigation__item--text-2" data-track-id="getaways-3-6-days" data-track-component-type="navigation">Getaways (3-6 Days)</a> 15656 15657 15658 15659 15660 15661 15662 15663 15664 </li> 15665 15666 15667 15668 <li class="cmp-navigation__item cmp-navigation__item--level-2" id="navigation-1b3c94c0ec-item-ab380da57b" data-track="hawaii" data-track-component-type="navigation"> 15669 15670 15671 15672 15673 15674 15675 15676 15677 15678 15679 15680 <a href="https://www.princess.com/cruise-destinations/hawaii-cruises" target="_self" class="cmp-navigation__item-link-track level-2 cmp-navigation__item-link cmp-navigation__item--text-2" data-track-id="hawaii" data-track-component-type="navigation">Hawaii</a> 15681 15682 15683 15684 15685 15686 15687 15688 15689 </li> 15690 15691 15692 15693 <li class="cmp-navigation__item cmp-navigation__item--level-2" id="navigation-1b3c94c0ec-item-339a53e2b5" data-track="japan" data-track-component-type="navigation"> 15694 15695 15696 15697 15698 15699 15700 15701 15702 15703 15704 15705 <a href="https://www.princess.com/cruise-destinations/japan-cruises" target="_self" class="cmp-navigation__item-link-track level-2 cmp-navigation__item-link cmp-navigation__item--text-2" data-track-id="japan" data-track-component-type="navigation">Japan</a> 15706 15707 15708 15709 15710 15711 15712 15713 15714 </li> 15715 15716 15717 15718 <li class="cmp-navigation__item cmp-navigation__item--level-2" id="navigation-1b3c94c0ec-item-046b2dc537" data-track="mexico" data-track-component-type="navigation"> 15719 15720 15721 15722 15723 15724 15725 15726 15727 15728 15729 15730 <a href="https://www.princess.com/cruise-destinations/mexico-cruises" target="_self" class="cmp-navigation__item-link-track level-2 cmp-navigation__item-link cmp-navigation__item--text-2" data-track-id="mexico" data-track-component-type="navigation">Mexico</a> 15731 15732 15733 15734 15735 15736 15737 15738 15739 </li> 15740 15741 15742 15743 <li class="cmp-navigation__item cmp-navigation__item--level-2" id="navigation-1b3c94c0ec-item-9dde57cd42" data-track="panama-canal" data-track-component-type="navigation"> 15744 15745 15746 15747 15748 15749 15750 15751 15752 15753 15754 15755 <a href="https://www.princess.com/cruise-destinations/panama-canal-cruises" target="_self" class="cmp-navigation__item-link-track level-2 cmp-navigation__item-link cmp-navigation__item--text-2" data-track-id="panama-canal" data-track-component-type="navigation">Panama Canal</a> 15756 15757 15758 15759 15760 15761 15762 15763 15764 </li> 15765 15766 15767 15768 <li class="cmp-navigation__item cmp-navigation__item--level-2" id="navigation-1b3c94c0ec-item-024f851c9c" data-track="south-america-antarctica" data-track-component-type="navigation"> 15769 15770 15771 15772 15773 15774 15775 15776 15777 15778 15779 15780 <a href="https://www.princess.com/cruise-destinations/south-america-cruises" target="_self" class="cmp-navigation__item-link-track level-2 cmp-navigation__item-link cmp-navigation__item--text-2" data-track-id="south-america-antarctica" data-track-component-type="navigation">South America & Antarctica</a> 15781 15782 15783 15784 15785 15786 15787 15788 15789 </li> 15790 15791 15792 15793 <li class="cmp-navigation__item cmp-navigation__item--level-2" id="navigation-1b3c94c0ec-item-6b51fa048c" data-track="tahiti-south-pacific" data-track-component-type="navigation"> 15794 15795 15796 15797 15798 15799 15800 15801 15802 15803 15804 15805 <a href="https://www.princess.com/cruise-destinations/tahiti-south-pacific-cruises" target="_self" class="cmp-navigation__item-link-track level-2 cmp-navigation__item-link cmp-navigation__item--text-2" data-track-id="tahiti-south-pacific" data-track-component-type="navigation">Tahiti & South Pacific</a> 15806 15807 15808 15809 15810 15811 15812 15813 15814 </li> 15815 15816 15817 15818 <li class="cmp-navigation__item cmp-navigation__item--level-2" id="navigation-1b3c94c0ec-item-f5b99eca1d" data-track="world-cruises" data-track-component-type="navigation"> 15819 15820 15821 15822 15823 15824 15825 15826 15827 15828 15829 15830 <a href="https://www.princess.com/cruise-destinations/world-cruises" target="_self" class="cmp-navigation__item-link-track level-2 cmp-navigation__item-link cmp-navigation__item--text-2" data-track-id="world-cruises" data-track-component-type="navigation">World Cruises</a> 15831 15832 15833 15834 15835 15836 15837 15838 15839 </li> 15840 15841 15842 15843 <li class="cmp-navigation__item cmp-navigation__item--level-2" id="navigation-1b3c94c0ec-item-7f7142f89e" data-track="shore-excursions" data-track-component-type="navigation"> 15844 15845 15846 15847 15848 15849 15850 15851 15852 15853 15854 <a href="https://www.princess.com/ports-excursions/" target="_self" rel="noopener noreferrer" class="cmp-navigation__item-link-track level-2 cmp-navigation__item-link cmp-navigation__item--text-2" data-track-id="shore-excursions" data-track-component-type="navigation">Shore Excursions</a> 15855 15856 15857 15858 15859 15860 15861 15862 15863 15864 </li> 15865 15866 15867 15868 <li class="cmp-navigation__item cmp-navigation__item--level-2" id="navigation-1b3c94c0ec-item-1b1f04cc67" data-track="departure-ports-hotels" data-track-component-type="navigation"> 15869 15870 15871 15872 15873 15874 15875 15876 15877 15878 15879 15880 <a href="https://www.princess.com/cruise-destinations/departure-ports/flexible-cruise-hotel-packages" target="_self" class="cmp-navigation__item-link-track level-2 cmp-navigation__item-link cmp-navigation__item--text-2" data-track-id="departure-ports-hotels" data-track-component-type="navigation">Departure, Ports & Hotels</a> 15881 15882 15883 15884 15885 15886 15887 15888 15889 </li> 15890 15891 15892 15893 <li class="cmp-navigation__item cmp-navigation__item--level-2" id="navigation-1b3c94c0ec-item-339de62df3" data-track="free-brochures" data-track-component-type="navigation"> 15894 15895 15896 15897 15898 15899 15900 15901 15902 15903
15904 <a href="https://www.princess.com/en-us/brochures" target="_self" rel="noopener noreferrer" class="cmp-navigation__item-link-track level-2 cmp-navigation__item-link cmp-navigation__item--text-2" data-track-id="free-brochures" data-track-component-type="navigation">Free Brochures</a> 15905 15906 15907 15908 15909 15910 15911 15912 15913 15914 </li> 15915 15916 </ul> 15917 15918 </li> 15919 15920 </ul> 15921 15922 </li> 15923 15924 15925 15926 <li class="cmp-navigation__item cmp-navigation__item--level-0" id="navigation-1b3c94c0ec-item-36ed080596"> 15927 15928 15929 15930 15931 <ul class="cmp-navigation__group"> 15932 15933 <li class="cmp-navigation__item cmp-navigation__item--level-1" id="navigation-1b3c94c0ec-item-a944deb5b9" data-track="ships-experience" data-track-component-type="navigation"> 15934 15935 15936 15937 15938 15939 <div class="cmp-navigation__item-link-track level-1 cmp-navigation__item--text-1 cmp-navigation__item-link-level"> 15940 Ships & Experience 15941 </div> 15942 15943 15944 15945 15946 15947 15948 <ul class="cmp-navigation__group" aria-label="Ships & Experience"> 15949 15950 <li class="cmp-navigation__item cmp-navigation__item--level-2" id="navigation-1b3c94c0ec-item-5e7e8bb71f" data-track="ships" data-track-component-type="navigation"> 15951 15952 15953 15954 15955 15956 15957 15958 15959 15960 15961 15962 <a href="https://www.princess.com/ships-and-experience/ships" target="_self" class="cmp-navigation__item-link-track level-2 cmp-navigation__item-link cmp-navigation__item--text-2" data-track-id="ships" data-track-component-type="navigation">Ships</a> 15963 15964 15965 15966 15967 15968 15969 15970 15971 </li> 15972 15973 15974 15975 <li class="cmp-navigation__item cmp-navigation__item--level-2" id="navigation-1b3c94c0ec-item-3c5a5b6219" data-track="deck-plans" data-track-component-type="navigation"> 15976 15977 15978 15979 15980 15981 15982 15983 15984 15985 15986 15987 <a href="https://www.princess.com/ships-and-experience/ships" target="_self" class="cmp-navigation__item-link-track level-2 cmp-navigation__item-link cmp-navigation__item--text-2" data-track-id="deck-plans" data-track-component-type="navigation">Deck Plans</a> 15988 15989 15990 15991 15992 15993 15994 15995 15996 </li> 15997 15998 15999 16000 <li class="cmp-navigation__item cmp-navigation__item--level-2" id="navigation-1b3c94c0ec-item-d54e4f1ff4" data-track="bridge-cams" data-track-component-type="navigation"> 16001 16002 16003 16004 16005 16006 16007 16008 16009 16010 16011 16012 <a href="https://www.princess.com/ships-and-experience/ships/bridgecams" target="_self" class="cmp-navigation__item-link-track level-2 cmp-navigation__item-link cmp-navigation__item--text-2" data-track-id="bridge-cams" data-track-component-type="navigation">Bridge Cams</a> 16013 16014 16015 16016 16017 16018 16019 16020 16021 </li> 16022 16023 16024 16025 <li class="cmp-navigation__item cmp-navigation__item--level-2" id="navigation-1b3c94c0ec-item-2cbfc6c933" data-track="onboard-experience-overview" data-track-component-type="navigation"> 16026 16027 16028 16029 16030 16031 16032 16033 16034 16035 16036 16037 <a href="https://www.princess.com/ships-and-experience/onboard-experience" target="_self" class="cmp-navigation__item-link-track level-2 cmp-navigation__item-link cmp-navigation__item--text-2" data-track-id="onboard-experience-overview" data-track-component-type="navigation">Onboard Experience Overview</a> 16038 16039 16040 16041 16042 16043 16044 16045 16046 </li> 16047 16048 16049 16050 <li class="cmp-navigation__item cmp-navigation__item--level-2" id="navigation-1b3c94c0ec-item-0c9b6c398c" data-track="food-dining" data-track-component-type="navigation"> 16051 16052 16053 16054 16055 16056 16057 16058 16059 16060 16061 16062 <a href="https://www.princess.com/cruise-dining" target="_self" class="cmp-navigation__item-link-track level-2 cmp-navigation__item-link cmp-navigation__item--text-2" data-track-id="food-dining" data-track-component-type="navigation">Food & Dining</a> 16063 16064 16065 16066 16067 16068 16069 16070 16071 </li> 16072 16073 16074 16075 <li class="cmp-navigation__item cmp-navigation__item--level-2" id="navigation-1b3c94c0ec-item-71d7731f55" data-track="beverage-packages-drinks" data-track-component-type="navigation"> 16076 16077 16078 16079 16080 16081 16082 16083 16084 16085 16086 16087 <a href="https://www.princess.com/cruise-dining/beverages" target="_self" class="cmp-navigation__item-link-track level-2 cmp-navigation__item-link cmp-navigation__item--text-2" data-track-id="beverage-packages-drinks" data-track-component-type="navigation">Beverage Packages & Drinks</a> 16088 16089 16090 16091 16092 16093 16094 16095 16096 </li> 16097 16098 16099 16100 <li class="cmp-navigation__item cmp-navigation__item--level-2" id="navigation-1b3c94c0ec-item-77c9878d2e" data-track="activities" data-track-component-type="navigation"> 16101 16102 16103 16104 16105 16106 16107 16108 16109 16110 16111 16112 <a href="https://www.princess.com/ships-and-experience/onboard-experience/activities" target="_self" class="cmp-navigation__item-link-track level-2 cmp-navigation__item-link cmp-navigation__item--text-2" data-track-id="activities" data-track-component-type="navigation">Activities</a> 16113 16114 16115 16116 16117 16118 16119 16120 16121 </li> 16122 16123 16124 16125 <li class="cmp-navigation__item cmp-navigation__item--level-2" id="navigation-1b3c94c0ec-item-76605f0401" data-track="entertainment" data-track-component-type="navigation"> 16126 16127 16128 16129 16130 16131 16132 16133 16134 16135 16136 16137 <a href="https://www.princess.com/ships-and-experience/onboard-experience/entertainment" target="_self" class="cmp-navigation__item-link-track level-2 cmp-navigation__item-link cmp-navigation__item--text-2" data-track-id="entertainment" data-track-component-type="navigation">Entertainment</a> 16138 16139 16140 16141 16142 16143 16144 16145 16146 </li> 16147 16148 16149 16150 <li class="cmp-navigation__item cmp-navigation__item--level-2" id="navigation-1b3c94c0ec-item-f6ecc24c99" data-track="kids-teens-families" data-track-component-type="navigation"> 16151 16152 16153 16154 16155 16156 16157 16158 16159 16160 16161 16162 <a href="https://www.princess.com/ships-and-experience/onboard-experience/kids-and-teens" target="_self" class="cmp-navigation__item-link-track level-2 cmp-navigation__item-link cmp-navigation__item--text-2" data-track-id="kids-teens-families" data-track-component-type="navigation">Kids, Teens & Families</a> 16163 16164 16165 16166 16167 16168 16169 16170 16171 </li> 16172 16173 </ul> 16174 16175 </li> 16176 16177 16178 16179 <li class="cmp-navigation__item cmp-navigation__item--level-1" id="navigation-1b3c94c0ec-item-8157a252dd" data-track="celebrate-with-princess" data-track-component-type="navigation"> 16180 16181 16182 16183 16184 <ul class="cmp-navigation__group" aria-label="Celebrate with Princess"> 16185 16186 <li class="cmp-navigation__item cmp-navigation__item--level-2" id="navigation-1b3c94c0ec-item-610ce8f2aa" data-track="birthdays-holidays-more" data-track-component-type="navigation"> 16187 16188 16189 16190 16191 16192 16193 16194 16195 16196 16197 16198 <a href="https://www.princess.com/ships-and-experience/celebrations" target="_self" class="cmp-navigation__item-link-track level-2 cmp-navigation__item-link cmp-navigation__item--text-2" data-track-id="birthdays-holidays-more" data-track-component-type="navigation">Birthdays, Holidays & More</a> 16199 16200 16201 16202 16203 16204 16205 16206 16207 </li> 16208 16209 16210 16211 <li class="cmp-navigation__item cmp-navigation__item--level-2" id="navigation-1b3c94c0ec-item-54c16eba2d" data-track="cruise-gifts-services" data-track-component-type="navigation"> 16212 16213 16214 16215 16216 16217 16218 16219 16220 16221 16222 16223 <a href="https://www.princess.com/ships-and-experience/celebrations/cruise-gifts-services" target="_self" class="cmp-navigation__item-link-track level-2 cmp-navigation__item-link cmp-navigation__item--text-2" data-track-id="cruise-gifts-services" data-track-component-type="navigation">Cruise Gifts & Services</a> 16224 16225 16226 16227 16228 16229 16230 16231 16232 </li> 16233 16234 16235 16236 <li class="cmp-navigation__item cmp-navigation__item--level-2" id="navigation-1b3c94c0ec-item-7b17e41ce2" data-track="give-a-guest-a-gift" data-track-component-type="navigation"> 16237 16238 16239 16240 16241 16242 16243 16244 16245 16246 16247 <a href="https://book.princess.com/manage-booking/thirdPartyGifting/searchLanding.page" target="_self" rel="noopener noreferrer" class="cmp-navigation__item-link-track level-2 cmp-navigation__item-link cmp-navigation__item--text-2" data-track-id="give-a-guest-a-gift" data-track-component-type="navigation">
16247Give a Guest a Gift</a> 16248 16249 16250 16251 16252 16253 16254 16255 16256 16257 </li> 16258 16259 16260 16261 <li class="cmp-navigation__item cmp-navigation__item--level-2" id="navigation-1b3c94c0ec-item-a35aa2ec50" data-track="gift-cards" data-track-component-type="navigation"> 16262 16263 16264 16265 16266 16267 16268 16269 16270 16271 16272 16273 <a href="https://www.princess.com/ships-and-experience/celebrations/gift-cards" target="_self" class="cmp-navigation__item-link-track level-2 cmp-navigation__item-link cmp-navigation__item--text-2" data-track-id="gift-cards" data-track-component-type="navigation">Gift Cards</a> 16274 16275 16276 16277 16278 16279 16280 16281 16282 </li> 16283 16284 16285 16286 <li class="cmp-navigation__item cmp-navigation__item--level-2" id="navigation-1b3c94c0ec-item-a5876b5ada" data-track="princess-rewards-visa-card" data-track-component-type="navigation"> 16287 16288 16289 16290 16291 16292 16293 16294 16295 16296 16297 16298 <a href="https://www.princess.com/faq/additional-faq/princess-visa-card" target="_self" class="cmp-navigation__item-link-track level-2 cmp-navigation__item-link cmp-navigation__item--text-2" data-track-id="princess-rewards-visa-card" data-track-component-type="navigation">Princess® Rewards Visa® Card</a> 16299 16300 16301 16302 16303 16304 16305 16306 16307 </li> 16308 16309 </ul> 16310 16311 </li> 16312 16313 </ul> 16314 16315 </li> 16316 16317 16318 16319 <li class="cmp-navigation__item cmp-navigation__item--level-0" id="navigation-1b3c94c0ec-item-b3a2faa99b"> 16320 16321 16322 16323 16324 <ul class="cmp-navigation__group"> 16325 16326 <li class="cmp-navigation__item cmp-navigation__item--level-1" id="navigation-1b3c94c0ec-item-7d70443dc5" data-track="booked-guests" data-track-component-type="navigation"> 16327 16328 16329 16330 16331 16332 <div class="cmp-navigation__item-link-track level-1 cmp-navigation__item--text-1 cmp-navigation__item-link-level"> 16333 Booked Guests 16334 </div> 16335 16336 16337 16338 16339 16340 16341 <ul class="cmp-navigation__group" aria-label="Booked Guests"> 16342 16343 <li class="cmp-navigation__item cmp-navigation__item--level-2" id="navigation-1b3c94c0ec-item-32d770625f" data-track="manage-booking" data-track-component-type="navigation"> 16344 16345 16346 16347 16348 16349 16350 16351 16352 16353 16354 <a href="https://book.princess.com/manage-booking/index.page" target="_self" rel="noopener noreferrer" class="cmp-navigation__item-link-track level-2 cmp-navigation__item-link cmp-navigation__item--text-2" data-track-id="manage-booking" data-track-component-type="navigation">Manage Booking</a> 16355 16356 16357 16358 16359 16360 16361 16362 16363 16364 </li> 16365 16366 16367 16368 <li class="cmp-navigation__item cmp-navigation__item--level-2" id="navigation-1b3c94c0ec-item-89554cc0ec" data-track="how-to-get-ready" data-track-component-type="navigation"> 16369 16370 16371 16372 16373 16374 16375 16376 16377 16378 16379 16380 <a href="https://www.princess.com/plan/oceanready" target="_self" class="cmp-navigation__item-link-track level-2 cmp-navigation__item-link cmp-navigation__item--text-2" data-track-id="how-to-get-ready" data-track-component-type="navigation">How to Get Ready</a> 16381 16382 16383 16384 16385 16386 16387 16388 16389 </li> 16390 16391 16392 16393 <li class="cmp-navigation__item cmp-navigation__item--level-2" id="navigation-1b3c94c0ec-item-2de60e2fba" data-track="princess-upgrade" data-track-component-type="navigation"> 16394 16395 16396 16397 16398 16399 16400 16401 16402 16403 16404 16405 <a href="https://www.princess.com/plan/princess-cruise-room-upgrade" target="_self" class="cmp-navigation__item-link-track level-2 cmp-navigation__item-link cmp-navigation__item--text-2" data-track-id="princess-upgrade" data-track-component-type="navigation">Princess Upgrade</a> 16406 16407 16408 16409 16410 16411 16412 16413 16414 </li> 16415 16416 16417 16418 <li class="cmp-navigation__item cmp-navigation__item--level-2" id="navigation-1b3c94c0ec-item-cc01183571" data-track="reserve-shore-excursions" data-track-component-type="navigation"> 16419 16420 16421 16422 16423 16424 16425 16426 16427 16428 16429 <a href="https://book.princess.com/manage-booking/index.page?cpfy=shoreex" target="_self" rel="noopener noreferrer" class="cmp-navigation__item-link-track level-2 cmp-navigation__item-link cmp-navigation__item--text-2" data-track-id="reserve-shore-excursions" data-track-component-type="navigation">Reserve Shore Excursions</a> 16430 16431 16432 16433 16434 16435 16436 16437 16438 16439 </li> 16440 16441 16442 16443 <li class="cmp-navigation__item cmp-navigation__item--level-2" id="navigation-1b3c94c0ec-item-4430cb4fe4" data-track="departure-ports-hotels" data-track-component-type="navigation"> 16444 16445 16446 16447 16448 16449 16450 16451 16452 16453 16454 16455 <a href="https://www.princess.com/cruise-destinations/departure-ports/flexible-cruise-hotel-packages" target="_self" class="cmp-navigation__item-link-track level-2 cmp-navigation__item-link cmp-navigation__item--text-2" data-track-id="departure-ports-hotels" data-track-component-type="navigation">Departure, Ports & Hotels</a> 16456 16457 16458 16459 16460 16461 16462 16463 16464 </li> 16465 16466 16467 16468 <li class="cmp-navigation__item cmp-navigation__item--level-2" id="navigation-1b3c94c0ec-item-57d8b26fca" data-track="book-gifts-services" data-track-component-type="navigation"> 16469 16470 16471 16472 16473 16474 16475 16476 16477 16478 16479 <a href="https://book.princess.com/manage-booking/index.page?cpfy=ssv" target="_self" rel="noopener noreferrer" class="cmp-navigation__item-link-track level-2 cmp-navigation__item-link cmp-navigation__item--text-2" data-track-id="book-gifts-services" data-track-component-type="navigation">Book Gifts & Services</a> 16480 16481 16482 16483 16484 16485 16486 16487 16488 16489 </li> 16490 16491 16492 16493 <li class="cmp-navigation__item cmp-navigation__item--level-2" id="navigation-1b3c94c0ec-item-c14fa798c6" data-track="faq-know-before-you-go" data-track-component-type="navigation"> 16494 16495 16496 16497 16498 16499 16500 16501 16502 16503 16504 16505 <a href="https://www.princess.com/faq" target="_self" class="cmp-navigation__item-link-track level-2 cmp-navigation__item-link cmp-navigation__item--text-2" data-track-id="faq-know-before-you-go" data-track-component-type="navigation">FAQ: Know Before You Go</a> 16506 16507 16508 16509 16510 16511 16512 16513 16514 </li> 16515 16516 16517 16518 <li class="cmp-navigation__item cmp-navigation__item--level-2" id="navigation-1b3c94c0ec-item-fa45b0ed50" data-track="princess-ezair-flights" data-track-component-type="navigation"> 16519 16520 16521 16522 16523 16524 16525 16526 16527 16528 16529 16530 <a href="https://www.princess.com/plan/ezair" target="_self" class="cmp-navigation__item-link-track level-2 cmp-navigation__item-link cmp-navigation__item--text-2" data-track-id="princess-ezair-flights" data-track-component-type="navigation">Princess EZair® Flights</a> 16531 16532 16533 16534 16535 16536 16537 16538 16539 </li> 16540 16541 16542 16543 <li class="cmp-navigation__item cmp-navigation__item--level-2" id="navigation-1b3c94c0ec-item-072b6eda54" data-track="cruise-hotel-packages" data-track-component-type="navigation"> 16544 16545 16546 16547 16548 16549 16550 16551 16552 16553 16554 16555 <a href="https://www.princess.com/cruise-destinations/departure-ports/flexible-cruise-hotel-packages" target="_self" class="cmp-navigation__item-link-track level-2 cmp-navigation__item-link cmp-navigation__item--text-2" data-track-id="cruise-hotel-packages" data-track-component-type="navigation">Cruise & Hotel Packages</a> 16556 16557 16558 16559 16560 16561 16562 16563 16564 </li> 16565 16566 16567 16568 <li class="cmp-navigation__item cmp-navigation__item--level-2" id="navigation-1b3c94c0ec-item-39f7410891" data-track="prohibited-items" data-track-component-type="navigation"> 16569 16570 16571 16572 16573 16574 16575 16576 16577 16578 16579 16580 <a href="https://www.princess.com/faq/pre-cruise#prohibited-items" target="_self" class="cmp-navigation__item-link-track level-2 cmp-navigation__item-link cmp-navigation__item--text-2" data-track-id="prohibited-items" data-track-component-type="navigation">Prohibited Items</a> 16581 16582 16583 16584 16585 16586 16587 16588 16589 </li> 16590 16591 </ul> 16592 16593 </li> 16594 16595 16596 16597 <li class="cmp-navigation__item cmp-navigation__item--level-1" id="navigation-1b3c94c0ec-item-948c51f139" data-track="princess-medallion-class" data-track-component-type="navigation"> 16598 16599 16600 16601 16602 16603 <div class="cmp-navigation__item-link-track level-1 cmp-navigation__item--text-1 cmp-navigation__item-link-level"> 16604 Princess Medallion Class® 16605 </div> 16606 16607 16608 16609 16610 16611 16612 <ul class="cmp-navigation__group" aria-label="Princess Medallion Class®"> 16613 16614 <li class="cmp-navigation__item cmp-navigation__item--level-2" id="navigation-1b3c94c0ec-item-9a1ba17537" data-track="medallionclass-overview" data-track-component-type="navigation"> 16615 16616 16617 16618 16619 16620 16621 16622 16623 16624 16625 16626 <a href="https://www.princess.com/ships-and-experience/princess-medallionclass" target="_self" class="cmp-navigation__item-link-track level-2 cmp-navigation__item-link cmp-navigation__item--text-2" data-track-id="medallionclass-overview" data-track-component-type="navigation">MedallionClass® Overview</a> 16627 16628 16629 16630 16631 16632 16633 16634 16635 </li> 16636 16637 16638 16639 <li class="cmp-navigation__item cmp-navigation__item--level-2" id="navigation-1b3c94c0ec-item-7803a001a2" data-track="medallionnet-at-sea" data-track-component-type="navigation"> 16640 16641 16642 16643 16644 16645 16646 16647 16648 16649 16650 16651 <a href="https://www.princess.com/ships-and-experience/princess-medallionclass/medallionnet" target="_self" class="cmp-navigation__item-link-track level-2 cmp-navigation__item-link cmp-navigation__item--text-2" data-track-id="medallionnet-at-sea" data-track-component-type="navigation">MedallionNet® at Sea</a> 16652 16653 16654 16655 16656 16657 16658 16659 16660 </li> 16661 16662 </ul> 16663 16664 </li> 16665 16666 16667 16668 <li class="cmp-navigation__item cmp-navigation__item--level-1" id="navigation-1b3c94c0ec-item-935aaa8bf4" data-track="princess-cruises-app" data-track-component-type="navigation"> 16669 16670 16671 16672 16673 16674 <div class="cmp-navigation__item-link-track level-1 cmp-navigation__item--text-1 cmp-navigation__item-link-level"> 16675 Princess® Cruises App 16676 </div> 16677 16678 16679 16680 16681 16682 16683 <ul class="cmp-navigation__group" aria-label="Princess® Cruises App"> 16684 16685 <li class="cmp-navigation__item cmp-navigation__item--level-2" id="navigation-1b3c94c0ec-item-aa759e2aa2" data-track="app-store" data-track-component-type="navigation"> 16686 16687 16688 16689 16690 16691 16692 <a href="https://apps.apple.com/us/app/princess-cruises/id6469049279" target="_blank" class="cmp-navigation__item-link cmp-navigation__item--text-2" data-track-component-type="navigation"> 16693 <img src="/content/dam/princess/corporate/icons/badge-apple-app-store.png" alt="Princess Cruises App, download on the Apple App Store. Opens in new tab."/> 16694 </a> 16695 16696 16697 16698 16699 16700 16701 </li> 16702 16703 16704 16705 <li class="cmp-navigation__item cmp-navigation__item--level-2" id="navigation-1b3c94c0ec-item-401a07281d" data-track="play-store" data-track-component-type="navigation"> 16706 16707 16708 16709 16710 16711 16712 <a href="https://play.google.com/store/apps/details?id=com.carnival.gxi.princesscruises&pcampaignid=web_share" target="_blank" class="cmp-navigation__item-link cmp-navigation__item--text-2" data-track-component-type="navigation"> 16713 <img src="/content/dam/princess/corporate/icons/badge-google-play-store.png" alt="Princess Cruises App, get it on Google Play. Opens in new tab."/> 16714 </a> 16715 16716 16717 16718 16719 16720 16721 </li> 16722 16723 </ul> 16724 16725 </li> 16726 16727 </ul> 16728 16729 </li> 16730 16731 </ul> 16732</nav> 16733 16734 16735 16736</div> 16737 </div> 16738 </div> 16739 <div class="cmp-footer__bottom-bar "> 16740 <div class="cmp-footer__page-links"> 16741 <ul> 16742 <li>
16743 <a class="cmp-footer__copyright-link" href="https://www.princess.com/company-information" target="_self" data-track-id="about-us" data-track-component-type="footer"> 16744 About Us 16745 </a> 16746 </li> 16747<li> 16748 <a class="cmp-footer__copyright-link" href="https://www.princess.com/careers" target="_self" data-track-id="careers" data-track-component-type="footer"> 16749 Careers 16750 </a> 16751 </li> 16752<li> 16753 <a class="cmp-footer__copyright-link" href="https://www.princess.com/news" target="_self" data-track-id="news-center" data-track-component-type="footer"> 16754 News Center 16755 </a> 16756 </li> 16757<li> 16758 <a class="cmp-footer__copyright-link" href="https://www.princess.com/legal/passage-contract" target="_self" data-track-id="passage-contract" data-track-component-type="footer"> 16759 Passage Contract 16760 </a> 16761 </li> 16762<li> 16763 <a class="cmp-footer__copyright-link" href="https://www.princess.com/legal" target="_self" data-track-id="legal-privacy-cookies" data-track-component-type="footer"> 16764 Legal, Privacy & Cookies 16765 </a> 16766 </li> 16767<li> 16768 <a class="cmp-footer__copyright-link" href="https://www.princess.com/company-information/environmental-responsibility" target="_self" data-track-id="environmental-responsibility" data-track-component-type="footer"> 16769 Environmental Responsibility 16770 </a> 16771 </li> 16772<li> 16773 <a class="cmp-footer__copyright-link" href="https://www.carnivalcorp.com/" target="_blank" rel="noopener noreferrer" aria-label="World's Leading Cruise Lines Opens in a new tab." data-track-id="worlds-leading-cruise-lines" data-track-component-type="footer"> 16774 World's Leading Cruise Lines 16775 </a> 16776 </li> 16777<li> 16778 <a class="cmp-footer__copyright-link" href="https://www.princess.com/faq/pre-cruise" target="_self" data-track-id="accessible-cruising" data-track-component-type="footer"> 16779 Accessible Cruising 16780 </a> 16781 </li> 16782<li> 16783 <a class="cmp-footer__copyright-link" href="https://get.adobe.com/reader/" target="_blank" rel="noopener noreferrer" aria-label="Download Adobe Reader Opens in a new tab." data-track-id="download-adobe-reader" data-track-component-type="footer"> 16784 Download Adobe Reader 16785 </a> 16786 </li> 16787 16788 16789 16790 16791 </ul> 16792 </div> 16793 <div class="cmp-footer__login-links"> 16794 16795 16796 16797 16798 16799 16800 16801 16802 16803 16804 16805 16806 16807 16808 16809 <div class="cmp-footer__onesource-login"> 16810 <a href="https://www.onesourcecruises.com/onesource/login" target="_blank" aria-label="One Source Opens in new tab" data-track-id="one-source" data-track-component-type="footer"> 16811 <svg class="cmp-footer__onesource-icon" aria-label="One Source"> 16812 <use href="#one-source-logo"/> 16813 </svg> 16814 </a> 16815 </div> 16816 16817 </div> 16818 <div class="cmp-footer__copyright"> 16819 <div class="cmp-footer__copyright-text"> 16820 © 2026, Princess Cruise Lines, Ltd. All Rights Reserved. Site content may not be reproduced without express written permission. 16821 </div> 16822 </div> 16823 <div class="cmp-footer__other-locale"> 16824 16825 16826 16827 16828 16829 </div> 16830 </div> 16831</div> 16832 16833 16834 16835 16836</footer> 16837 16838 16839</div> 16840</div> 16841 16842</div> 16843</div> 16844 16845 16846 16847</div> 16848 16849 16850</div> 16851</div> 16852 16853 16854 16855 16856 16857 16858 16859 16860
16861<script src="/etc.clientlibs/princess-base/clientlibs/clientlib-dependencies.lc-190fd6795a4b28d645a499b3ad24ff05-lc.min.js"></script>
vendor: 1 bytes, line 16861
16861
16862<script src="/etc.clientlibs/princess/clientlibs/clientlib-all.lc-5b236ee806aeffa5b815efcf6e9949d0-lc.min.js"></script>
16862 16863 16864 16865 16866 16867 16868 16869 16870 16871 16872 16873 16874 16875 16876 16877
16877<script type="text/javascript"> 16878 (function (w, d, t, u, n, s, e) { 16879 w['SwiftypeObject'] = n; 16880 w[n] = w[n] || function () { 16881 (w[n].q = w[n].q || []).push(arguments); 16882 }; 16883 s = d.createElement(t); 16884 e = d.getElementsByTagName(t)[0]; 16885 s.async = 1; 16886 s.src = u; 16887 e.parentNode.insertBefore(s, e); 16888 })(window, document, 'script', '//s.swiftypecdn.com/install/v2/st.js', '_st'); 16889 _st('install', 'YUBJbxt5D9bRzdbcLiFr', '2.0.0'); 16890 </script>
16890 16891
16891<script type="text/javascript" src="/tyNuT5EvVP/xgAMK2k9t0/1cipXLQSVEkzStQE1Y/HV9rWxMtAg/dDtOQnl/eXDA"></script>
16891</body> 16892</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.