/* Live CMS content and controls within the approved immersive page layouts. */
.immersive-site.route-detail,.immersive-site.route-stores{min-width:0}
.immersive-site [hidden]{display:none!important}
.immersive-site .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.immersive-site .experience-visual{min-width:0}
.immersive-site .experience-visual h3{margin-top:0}
.immersive-site .experience-tabs button[aria-pressed=true]{color:#16352e}
.immersive-site .experience-tabs button:hover{color:#16352e}
.immersive-site .space-controls button:disabled{opacity:.45;cursor:default}
.immersive-site .space-view:focus-visible{outline:2px solid #ba8b39;outline-offset:7px}
.immersive-site .store-search{align-items:end;flex-wrap:wrap}
.immersive-site .store-search label{display:flex;flex-direction:column;gap:5px;font-size:12px}
.immersive-site .store-search input,.immersive-site .store-search select{font-size:14px;min-height:49px}
.immersive-site .store-search .store-keyword{flex:1;min-width:200px}
.immersive-site .store-search .link-action{margin:0;min-height:49px;align-items:center;background:transparent;white-space:nowrap}
.immersive-site .store-search .clear-store{margin:0;white-space:nowrap}
.immersive-site .store-result-count{margin:0}
.immersive-site .store-location-visual{align-self:start;position:sticky;top:32px;min-width:0}
.immersive-site .store-location-visual img{height:460px}
.immersive-site .store-location-visual figcaption,.immersive-site .detail-photo figcaption{margin-top:12px;font-size:12px;color:#647c6a}
.immersive-site.route-stores .pagination{display:flex;gap:12px;flex-wrap:wrap;padding-top:40px}
.immersive-site.route-stores .pagination a{min-width:38px;min-height:38px;display:grid;place-items:center;border-bottom:1px solid #a2b29f}
.immersive-site.route-stores .pagination a[aria-current]{background:#14382d;color:#fff;border-color:#14382d}
.immersive-site .store-info{margin:25px 0 0;font-size:13px}
.immersive-site .store-info>div{display:grid;grid-template-columns:80px 1fr;gap:20px;padding:10px 0;border-bottom:1px solid #cbd3c8}
.immersive-site .store-info dt{color:#627867}
.immersive-site .store-info dd{margin:0;overflow-wrap:anywhere}
.immersive-site .detail-actions{display:flex;flex-wrap:wrap;gap:0 25px;align-items:center}
.immersive-site .detail-actions>a{min-height:44px}
.immersive-site .detail-photo{min-width:0;align-self:start}
.immersive-site .detail-photo>img{height:460px}
.immersive-site.route-person .detail-photo>img{height:auto;max-height:600px;object-fit:contain}
.immersive-site .related-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:30px}
.immersive-site .related-list>a{display:block;min-width:0}
.immersive-site .related-list img{height:230px}
.immersive-site .related-list h3{margin-top:16px;font-size:23px}
.immersive-site .related-list p{font-size:13px;color:#627867;margin-top:8px}
.immersive-site .generic-detail>div{min-width:0}
.immersive-site .generic-detail>div>img:not(.official-qr){height:auto;max-height:480px;margin-top:30px}
.immersive-site .generic-detail .official-qr{width:180px;height:180px;object-fit:contain;margin-top:30px}
.immersive-site .brand-record{margin-top:25px}
.immersive-site .brand-record p{margin-top:16px;max-width:70ch;line-height:2}
.immersive-site .brand-record img{height:auto;max-height:400px;margin-top:30px}
.immersive-site .brand-records{display:grid;grid-template-columns:1fr 1fr;gap:35px 60px;margin-top:30px}
.immersive-site .brand-records article{border-top:1px solid #cbd3c8;padding-top:20px}
.immersive-site .brand-records time{color:#647c6a;font-size:14px}
.immersive-site .brand-records h3{margin:12px 0}
.immersive-site .brand-records p{color:#536e60;line-height:2}
@media(max-width:800px){
 .immersive-site .store-search{gap:15px}
 .immersive-site .store-search label{flex:1}
 .immersive-site .store-search select{width:100%;max-width:none}
 .immersive-site .store-search .store-keyword{min-width:100%;flex:1 0 100%}
 .immersive-site .store-search .link-action{padding:12px 20px}
 .immersive-site .store-location-visual{position:static}
 .immersive-site .store-location-visual img,.immersive-site .detail-photo>img{height:320px}
 .immersive-site .store-info>div{grid-template-columns:72px 1fr;gap:12px}
 .immersive-site .related-list{grid-template-columns:1fr;gap:30px}
 .immersive-site .related-list img{height:250px}
 .immersive-site .brand-records{grid-template-columns:1fr;gap:30px}
 .immersive-site.route-detail .sub-hero .notice{font-size:12px}
}
