/* Approved mobile roadside composition. Native plan and purchase controls stay authoritative. */
.np-mobile-roadside,.np-mobile-ground{display:none}
@media(width < 768px){
 body.single-product:has(.np-connected,[data-connected-ssr]) #site-content{padding-top:22px!important}
 .single-product .tss-native-purchase:is(.np-connected,[data-connected-ssr]) .np-connected-surface{position:relative;isolation:isolate;background:#fff7df;overflow:visible;padding-bottom:18px}
 .single-product .tss-native-purchase:is(.np-connected,[data-connected-ssr]) .np-connected-scenery{display:none!important}
 .single-product .tss-native-purchase:is(.np-connected,[data-connected-ssr]) .np-heading{display:grid;grid-template-columns:minmax(0,1fr) 108px;align-items:center;gap:8px;padding:0;min-height:157px;margin:0 0 6px;background:transparent;border:0}
 .single-product .tss-native-purchase:is(.np-connected,[data-connected-ssr]) .np-connected-heading-copy{min-width:0;max-width:none;order:0}
 .single-product .tss-native-purchase:is(.np-connected,[data-connected-ssr]) .np-heading h1{font-size:28px;line-height:1.06;letter-spacing:-.9px}
 .single-product .tss-native-purchase:is(.np-connected,[data-connected-ssr]) .np-connected-intro{font-size:13px;line-height:1.45;margin:9px 0 0}
 .single-product .tss-native-purchase:is(.np-connected,[data-connected-ssr]) .np-mobile-reviews{gap:6px;min-height:44px;margin:0;padding:0;background:transparent;font-size:11px;line-height:18px;flex-wrap:wrap;align-content:center}
 .single-product .tss-native-purchase .np-mobile-review-stars{gap:1px}
 .single-product .tss-native-purchase .np-mobile-review-stars i{width:15px;height:15px;font-size:14px;line-height:15px}
 .single-product .tss-native-purchase:is(.np-connected,[data-connected-ssr]) .np-heading>:is(.np-visual,.np-initial-mobile-visual){order:1;grid-column:2;grid-row:1;width:108px;height:157px;min-width:0;max-width:none;margin:0;padding:0;position:relative;align-self:center}
 .single-product .tss-native-purchase:is(.np-connected,[data-connected-ssr]) .np-heading .np-scene{width:108px;height:157px;margin:0;position:relative}
 .single-product .tss-native-purchase:is(.np-connected,[data-connected-ssr]) .np-heading :is(.np-pass,.np-initial-mobile-pass){position:absolute;width:166px;height:166px;max-width:none;left:-29px;top:-5px;object-fit:contain;opacity:1;filter:none;mix-blend-mode:normal;transform:none;z-index:1}
 .np-mobile-roadside{display:block;position:relative;margin:0 0 12px;padding-bottom:22px}
 .np-mobile-roadside:empty{padding:0;margin-bottom:14px}
 .np-mobile-wayfinding{position:relative;padding-right:52px}
 .np-mobile-sign{display:block;position:relative;border:1.5px solid #6e7058;border-radius:3px;background:#fffcef;color:#25291f;text-decoration:none!important;box-shadow:2px 3px #a8ad87;margin:0;min-height:44px}
 .np-mobile-sign strong{display:block;padding:7px 11px;font-size:15px;line-height:1.2;font-weight:700}
 .np-mobile-sign>span{display:flex;justify-content:space-between;align-items:center;gap:8px;background:#ddc8ea;border-top:1px solid #797153;padding:8px 11px;font-size:13px;font-weight:650;line-height:1.25}
 .np-mobile-sign.is-return>span{background:#ffe15a}
 .np-mobile-sign:after{content:'';position:absolute;right:18px;bottom:-23px;width:5px;height:21px;border:1px solid #85815e;background:#c3bc87;z-index:-1}
 .np-mobile-sign:before{content:'';position:absolute;bottom:-25px;right:7px;width:27px;height:3px;background:#bdc8a6;border-radius:50%;z-index:-1}
 .np-mobile-sign:focus-visible{outline:2px solid #007b76;outline-offset:4px}
 .np-mobile-sign:active{transform:translate(1px,1px);box-shadow:1px 2px #a8ad87}
 .np-mobile-wayfinding>.np-mobile-traveller{position:absolute;right:-3px;bottom:-24px;width:49px;height:77px;overflow:visible;pointer-events:none}
 .np-mobile-ground{display:block;position:absolute;top:var(--np-mobile-ground-top,155px);left:-14px;right:-14px;bottom:0;pointer-events:none;z-index:-1}
 .np-mobile-ground svg{display:block;width:100%;height:160px;overflow:hidden}
 .np-mobile-ground:after{content:'';position:absolute;top:158px;bottom:0;left:0;right:0;background:#e8eed8;z-index:-1}
 .single-product .tss-native-purchase:is(.np-connected,[data-connected-ssr]) .np-hero{background:#fffefa;position:relative}
 .tss-native-purchase[data-mobile-family-sign=yes][data-mobile-page-family=data] .np-board:not([data-plan-type=unlimited]) .np-tabs a[data-tss-family-link]{display:none!important}
 .tss-native-purchase[data-mobile-family-sign=yes][data-mobile-page-family=data] .np-board:not([data-plan-type=unlimited]) .np-tabs{grid-template-columns:none;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column}
 .tss-native-purchase[data-mobile-family-sign=yes][data-mobile-page-family=unlimited] .np-board[data-plan-type=unlimited] .np-tabs{display:none!important}
 .np-mobile-traveller .wave-forearm{transform-origin:84px 89px;transform:rotate(-7deg)}
 .np-mobile-wayfinding.is-greeting .wave-forearm{animation:np-roadside-wave 1.5s ease-in-out both}
 .np-mobile-wayfinding.is-greeting .mw-head{animation:np-roadside-nod 1.5s ease-in-out both}
 @keyframes np-roadside-wave{0%,100%{transform:rotate(-7deg)}20%,62%{transform:rotate(14deg)}40%,82%{transform:rotate(-19deg)}}
 @keyframes np-roadside-nod{0%,100%{transform:rotate(0deg)}25%,70%{transform:rotate(3deg)}}
}
@media(max-width:359px){
 .single-product .tss-native-purchase:is(.np-connected,[data-connected-ssr]) .np-heading{grid-template-columns:minmax(0,1fr) 96px}
 .single-product .tss-native-purchase:is(.np-connected,[data-connected-ssr]) .np-heading>:is(.np-visual,.np-initial-mobile-visual),.single-product .tss-native-purchase:is(.np-connected,[data-connected-ssr]) .np-heading .np-scene{width:96px}
 .single-product .tss-native-purchase:is(.np-connected,[data-connected-ssr]) .np-heading h1{font-size:26px}
 .np-mobile-sign strong{font-size:14px}.np-mobile-sign>span{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.np-mobile-wayfinding.is-greeting :is(.wave-forearm,.mw-head){animation:none}}
@media(width < 768px){
 .single-product .tss-native-purchase .np-mobile-ticket .np-ticket-hotspot{color:#287357}
 .single-product .tss-native-purchase .np-mobile-ticket .np-ticket-hotspot-detail{color:#58624e}
 .single-product .tss-native-purchase .np-mobile-ticket .np-ticket-total{font-weight:650;letter-spacing:-.5px!important}
}
@media(max-width:359px){
 .single-product :is(#tss-open-air,.tss-native-purchase).np-connected .np-board[data-plan-type=unlimited] .np-rows .np-mobile-ticket{grid-template-columns:18px minmax(0,1fr) 93px!important;padding:17px 13px 17px 12px!important;gap:5px!important}
 .single-product :is(#tss-open-air,.tss-native-purchase).np-connected .np-mobile-ticket .np-ticket-price{margin-left:13px!important}
 .single-product :is(#tss-open-air,.tss-native-purchase).np-connected .np-mobile-ticket .np-ticket-title{font-size:17px!important}
 .single-product .tss-native-purchase .np-ticket-hotspot-title{font-size:12px}
 .single-product .tss-native-purchase .np-ticket-hotspot-detail{font-size:11px}
}

/* Owner-approved mobile hero: centred destination + reviews, product on its stone. */
.np-mobile-title{display:none}
@media(width < 768px){
 .single-product .tss-native-purchase:is(.np-connected,[data-connected-ssr]) .np-heading{display:grid;position:relative;grid-template-columns:minmax(0,1fr) 154px;grid-template-rows:auto minmax(95px,max-content) minmax(95px,max-content);align-items:stretch;gap:0;min-height:0;padding:0 0 30px;margin:0 0 26px;border:0;background:transparent}
 .single-product .tss-native-purchase:is(.np-connected,[data-connected-ssr]) .np-connected-heading-copy{display:contents}
 .single-product .tss-native-purchase:is(.np-connected,[data-connected-ssr]) .np-heading .np-breadcrumbs{grid-column:1/-1;grid-row:1;display:flex;flex-wrap:wrap;gap:4px 8px;font-size:11px;line-height:1.6;max-width:none;margin:0 0 22px;padding:0}
 .single-product .tss-native-purchase:is(.np-connected,[data-connected-ssr]) .np-heading h1{grid-column:1;grid-row:2;align-self:end;justify-self:center;width:180px;max-width:100%;font-size:29px;line-height:1.06;letter-spacing:-1px;font-weight:750;text-align:center;overflow-wrap:anywhere;margin:0 0 10px;transform:translateX(-10px)}
 .single-product .tss-native-purchase:is(.np-connected,[data-connected-ssr]) .np-heading .np-wide-title,.single-product .tss-native-purchase:is(.np-connected,[data-connected-ssr]) .np-heading .np-connected-intro{display:none}
 .single-product .tss-native-purchase:is(.np-connected,[data-connected-ssr]) .np-mobile-title,.single-product .tss-native-purchase:is(.np-connected,[data-connected-ssr]) .np-mobile-title-destination{display:block}
 .single-product .tss-native-purchase:is(.np-connected,[data-connected-ssr]) .np-mobile-title-family{display:block;font-size:17px;line-height:1.25;letter-spacing:-.4px;font-weight:600;margin-top:7px}
 .single-product .tss-native-purchase:is(.np-connected,[data-connected-ssr]) .np-mobile-reviews.tss-review-laurel{grid-column:1;grid-row:3;align-self:start;justify-self:center;display:block;order:0;width:180px;max-width:100%;min-height:0;margin:10px 0 0;padding:0;background:transparent;line-height:0;transform:translateX(-10px)}
 .single-product .tss-native-purchase:is(.np-connected,[data-connected-ssr]) .np-mobile-reviews picture,.single-product .tss-native-purchase:is(.np-connected,[data-connected-ssr]) .np-mobile-reviews .tss-review-laurel-art{display:block;width:180px;max-width:100%;height:auto}
 .single-product .tss-native-purchase:is(.np-connected,[data-connected-ssr]) .np-heading>:is(.np-visual,.np-initial-mobile-visual){grid-column:2;grid-row:2/4;align-self:start;justify-self:start;order:0;position:relative;width:130px;height:190px;min-width:0;max-width:none;margin:0 0 0 6px;padding:0;transform:none}
 .single-product .tss-native-purchase:is(.np-connected,[data-connected-ssr]) .np-heading .np-scene{position:relative;width:130px;height:190px;margin:0}
 .single-product .tss-native-purchase:is(.np-connected,[data-connected-ssr]) .np-heading :is(.np-pass,.np-initial-mobile-pass){width:200px;height:200px;max-width:none;left:-35px;top:-6px;opacity:1;filter:none;mix-blend-mode:normal;transform:none;object-fit:contain}
 .single-product .tss-native-purchase:is(.np-connected,[data-connected-ssr]) .np-heading>:is(.np-visual,.np-initial-mobile-visual):after{display:block!important;content:'';position:absolute;width:174px;height:34px;left:auto;right:-24px;top:173px;bottom:auto;opacity:1;border:0;box-shadow:none;transform:none;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20180%2040%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M4%2034%20Q7%2024%2013%2014%20Q16%208%2024%207%20Q88%205%20156%207%20Q163%208%20166%2015%20Q173%2023%20176%2034%20Q128%2037%2089%2035%20Q43%2038%204%2034Z%22%20fill%3D%22%23d8dfc4%22%20stroke%3D%22%238c9679%22%20stroke-width%3D%22.9%22%2F%3E%3Cpath%20d%3D%22M15%2018%20Q83%2013%20165%2017%20M27%209%20L22%2025%20M153%2010%20Q158%2019%20159%2028%22%20fill%3D%22none%22%20stroke%3D%22%23a7af91%22%20stroke-width%3D%22.75%22%2F%3E%3Cpath%20d%3D%22M2%2034%20L0%2028%20M178%2034%20L180%2027%22%20fill%3D%22none%22%20stroke%3D%22%238c9a71%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E") center/100% 100% no-repeat;pointer-events:none;z-index:0}
}
@media(max-width:359px){
 .single-product .tss-native-purchase:is(.np-connected,[data-connected-ssr]) .np-heading{grid-template-columns:minmax(0,1fr) 112px;grid-template-rows:auto minmax(72.5px,max-content) minmax(72.5px,max-content);padding-bottom:29px}
 .single-product .tss-native-purchase:is(.np-connected,[data-connected-ssr]) .np-heading h1{font-size:27px;margin-bottom:7px}
 .single-product .tss-native-purchase:is(.np-connected,[data-connected-ssr]) .np-mobile-title-family{font-size:16px}
 .single-product .tss-native-purchase:is(.np-connected,[data-connected-ssr]) .np-mobile-reviews.tss-review-laurel{margin-top:7px}
 .single-product .tss-native-purchase:is(.np-connected,[data-connected-ssr]) .np-heading>:is(.np-visual,.np-initial-mobile-visual){width:100px;height:145px;margin-left:2px}
 .single-product .tss-native-purchase:is(.np-connected,[data-connected-ssr]) .np-heading .np-scene{width:100px;height:145px}
 .single-product .tss-native-purchase:is(.np-connected,[data-connected-ssr]) .np-heading :is(.np-pass,.np-initial-mobile-pass){width:154px;height:154px;left:-27px;top:-5px}
 .single-product .tss-native-purchase:is(.np-connected,[data-connected-ssr]) .np-heading>:is(.np-visual,.np-initial-mobile-visual):after{width:142px;height:30px;right:-23px;top:134px;bottom:auto}
}

/* Keep the approved phone composition together as wider mobile screens gain space.
   Breadcrumbs span the page; equal outer tracks centre the title/product group. */
@media(min-width:480px) and (width < 768px){
 .single-product .tss-native-purchase:is(.np-connected,[data-connected-ssr]) .np-heading{grid-template-columns:minmax(0,1fr) minmax(0,286px) 154px minmax(0,1fr)}
 .single-product .tss-native-purchase:is(.np-connected,[data-connected-ssr]) .np-heading h1,
 .single-product .tss-native-purchase:is(.np-connected,[data-connected-ssr]) .np-mobile-reviews.tss-review-laurel{grid-column:2}
 .single-product .tss-native-purchase:is(.np-connected,[data-connected-ssr]) .np-heading>:is(.np-visual,.np-initial-mobile-visual){grid-column:3}
}