/* Melon public experience: all colours inherit the shared theme tokens. */
.mts-experience-pro { --mts-pro-accent: var(--accent,#7bf0a8); }
.mts-experience-pro button:focus-visible,.mts-experience-pro a:focus-visible,.modal button:focus-visible,.modal input:focus-visible,.modal select:focus-visible,.modal textarea:focus-visible { outline:3px solid var(--mts-pro-accent,#7bf0a8);outline-offset:4px; }
.mts-experience-pro button,.mts-experience-pro a { touch-action:manipulation; }
.mts-experience-pro:not(.embedded){height:var(--mts-view-height,100dvh);min-height:0;}
.mts-experience-pro .panorama-host{touch-action:none;overscroll-behavior:none;}
.mts-experience-pro .viewer-loading[hidden],.mts-experience-pro .viewer-error[hidden]{display:none!important;}
.mts-experience-pro .tour-top{padding-top:max(22px,env(safe-area-inset-top));}
.mts-experience-pro .viewer-error{max-height:calc(100% - 160px);overflow:auto;}
@media(max-width:620px){.mts-experience-pro .mts-intro-copy h2{font-size:clamp(28px,8.5vw,44px);overflow-wrap:anywhere;}.mts-property-intro{overflow:auto;}.mts-experience-pro .tour-dock .dock-menus{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;gap:2px;overflow:visible;}.mts-experience-pro .tour-dock .dock-button{min-width:0;min-height:44px;padding:7px 2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:9px;}.mts-experience-pro .tour-dock .dock-button .icon{width:15px;height:15px;}}
.mts-skip {position:absolute;top:8px;left:12px;z-index:80;transform:translateY(-160%);padding:14px;background:#ecfff2;color:#102019;border:0;border-radius:10px;font:inherit;}
.mts-skip:focus {transform:translateY(0);}
.mts-property-intro {position:absolute;inset:0;z-index:40;isolation:isolate;display:flex;align-items:flex-end;background:#101812;overflow:auto;padding:clamp(28px,6vw,100px);}
.mts-property-intro>img {position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;}
.mts-property-intro:after {content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(6,14,9,.97),rgba(6,14,9,.28) 85%);}
.mts-intro-copy {max-width:920px;}
.mts-intro-copy h2 {font-family:var(--font-heading,Anton),sans-serif;text-transform:uppercase;font-size:clamp(38px,7vw,96px);line-height:1.02;margin:20px 0;letter-spacing:-.025em;color:#f3f6f4;overflow-wrap:anywhere;}
.mts-intro-copy p {max-width:680px;color:#d5dfd8;font-size:16px;line-height:1.6;}
.mts-intro-copy .actions {margin-top:28px;display:flex;flex-wrap:wrap;gap:12px;}
.mts-client-brand {font-size:20px;font-weight:750;letter-spacing:.08em;}
.mts-client-logo {max-height:46px;max-width:180px;object-fit:contain;}
.mts-experience-pro[data-profile="unbranded"] .tour-top {grid-template-columns:1fr auto;}
.mts-experience-pro[data-profile="unbranded"] .property-identity {text-align:left;}
.mts-tool-grid {display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0;}
.mts-tool-grid>button {border:1px solid rgba(160,200,175,.18);background:rgba(123,240,168,.045);border-radius:15px;padding:20px 16px;color:inherit;display:flex;flex-direction:column;gap:9px;text-align:left;font:inherit;min-height:110px;}
.mts-tool-grid>button:hover {border-color:var(--mts-pro-accent);background:rgba(123,240,168,.1);}
.mts-tool-grid strong {font-size:15px;line-height:1.3;}
.mts-tool-grid small {font-size:12px;color:#a9b9ae;line-height:1.5;}
.mts-interest-list {display:flex;flex-wrap:wrap;gap:10px;padding-bottom:18px;}
.mts-information-pin {width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#effff6;color:#10331e;border:2px solid #34d27a;box-shadow:0 2px 18px rgba(0,0,0,.3);cursor:pointer;}
.mts-information-pin .icon {width:22px;height:22px;}
.mts-information-pin:focus {outline:3px solid white;outline-offset:5px;}
.mts-reference-strip {display:flex;gap:12px;overflow-x:auto;padding:6px 0 18px;scroll-snap-type:x proximity;}
.mts-reference-strip a {display:block;flex:0 0 min(80%,290px);scroll-snap-align:start;}
.mts-reference-strip img {width:100%;height:190px;object-fit:cover;border-radius:12px;background:#152219;}
.mts-accessible-list>article {padding:20px 0;border-top:1px solid rgba(160,200,175,.2);}
.mts-accessible-list h3 {font-size:25px;margin:0 0 8px;}
.mts-accessible-list p {line-height:1.6;}
.mts-accessible-list [hidden] {display:none!important;}
.mts-compare {display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.mts-compare>section {min-width:0;}
.mts-compare img {width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:14px;}
.mts-compare h3 {margin:16px 0 8px;font-size:24px;}
.mts-compare p,.mts-compare li {line-height:1.6;}
.mts-metrics {display:grid;grid-template-columns:1fr auto;gap:14px 20px;padding:22px 0;border-block:1px solid rgba(160,200,175,.2);}
.mts-metrics dt {color:#b1c2b6;}
.mts-metrics dd {margin:0;text-align:right;font-variant-numeric:tabular-nums;}
.mts-group-saved {display:grid;grid-template-columns:1fr 1fr;gap:4px 16px;max-height:280px;overflow:auto;padding:12px 0;}
.mts-group-comments {max-height:300px;overflow:auto;}
.mts-group-comments article {background:rgba(123,240,168,.04);border-left:2px solid #34d27a;padding:14px;margin:10px 0;border-radius:0 10px 10px 0;}
.mts-group-comments p {white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:0;}
.mts-live-session,.mts-recording {position:absolute;top:100px;left:50%;transform:translateX(-50%);z-index:45;border:1px solid rgba(123,240,168,.6);background:#102a1b;color:#dbffe9;border-radius:30px;padding:12px 18px;font:600 13px Inter,sans-serif;box-shadow:0 8px 30px #0004;cursor:pointer;}
.mts-recording {background:#611d23;border-color:#ea8f99;color:white;top:150px;}
.mts-share-card {display:grid;grid-template-columns:1fr 170px;background:#101812;border:1px solid rgba(160,200,175,.2);border-radius:20px;overflow:hidden;margin-bottom:20px;}
.mts-share-cover {grid-column:1/-1;width:100%;height:270px;object-fit:cover;}
.mts-share-card>div {padding:24px;}
.mts-share-card small {letter-spacing:.15em;color:#7bf0a8;font-size:11px;}
.mts-share-card h3 {font-family:Anton,sans-serif;font-size:32px;line-height:1.15;margin:12px 0;text-transform:uppercase;overflow-wrap:anywhere;}
.mts-share-card p {font-size:13px;line-height:1.5;color:#b1c2b6;}
.mts-share-card .mts-qr {display:flex;align-items:center;padding:20px;}
.mts-qr svg {display:block;width:100%;height:auto;background:white;}
.mts-contact-form .primary {min-height:46px;}
.mts-connected-result,.mts-contact-result {line-height:1.6;white-space:pre-wrap;}
.mts-experience-pro.clean .mts-live-session {opacity:.9;}
@media(max-width:760px){
 .mts-property-intro{padding:30px 24px calc(34px + env(safe-area-inset-bottom));align-items:flex-end;}
 .mts-intro-copy h2{font-size:clamp(37px,10vw,68px);}
 .mts-intro-copy .actions{display:grid;grid-template-columns:1fr;}
 .mts-intro-copy .actions>button{justify-content:center;min-height:48px;}
 .mts-experience-pro .tour-dock{bottom:calc(14px + env(safe-area-inset-bottom));}
 .mts-experience-pro .dock-menus{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;max-width:100%;gap:2px;}
 .mts-experience-pro .dock-button{flex:0 0 auto;min-height:46px;min-width:54px;padding-inline:10px;}
 .mts-experience-pro .viewer-panel{top:auto;bottom:0;left:0;right:0;width:auto;max-height:76dvh;border-radius:24px 24px 0 0;padding-bottom:calc(26px + env(safe-area-inset-bottom));overscroll-behavior:contain;}
 .mts-experience-pro .viewer-panel:before{content:'';display:block;width:40px;height:4px;border-radius:2px;background:#a9b9ae70;margin:-8px auto 18px;}
 .mts-tool-grid{gap:10px;}
 .mts-tool-grid>button{padding:16px 13px;min-height:100px;}
 .mts-experience-pro .icon-button{min-width:44px;min-height:44px;}
 .mts-compare{gap:14px;}
 .mts-compare h3{font-size:20px;}
 .mts-group-saved{grid-template-columns:1fr;}
 .mts-share-card{grid-template-columns:1fr 130px;}
 .mts-share-cover{height:200px;}
 .mts-share-card>div{padding:16px;}
 .mts-share-card h3{font-size:25px;}
 .mts-share-card .mts-qr{padding:12px;}
 .mts-live-session,.mts-recording{top:83px;font-size:12px;max-width:90%;white-space:nowrap;}
 .mts-recording{top:129px;}
}
@media(prefers-reduced-motion:reduce){.mts-experience-pro *{scroll-behavior:auto!important;}.mts-property-intro,.mts-tool-grid>button{transition:none!important;}}
@media(prefers-contrast:more){.mts-tool-grid>button,.mts-share-card{border-color:#a9c6b3;}.mts-tool-grid small,.mts-share-card p{color:#e2eee5;}}

.mts-floorplan{position:relative;background:white;border-radius:16px;overflow:hidden;}
.mts-floorplan>img{display:block;width:100%;height:auto;}
.mts-floorplan>button{position:absolute;transform:translate(-50%,-50%);background:#143e27;color:white;border:2px solid #a9f3c6;border-radius:50%;width:42px;height:42px;padding:8px;display:grid;place-items:center;cursor:pointer;box-shadow:0 2px 12px #0005;}
.mts-floorplan>button>span{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);white-space:nowrap;background:#102019;padding:8px 12px;border-radius:8px;font-size:12px;}
.mts-floorplan>button:hover>span,.mts-floorplan>button:focus>span{display:block;}

.mts-tool-grid>button:disabled{opacity:.48;cursor:default;}

/* Keep long property names and client logos within the header on narrow tours. */
@media(max-width:900px){
 .mts-experience-pro .tour-top{display:flex;align-items:center;gap:12px;padding:20px 24px;min-width:0}
 .mts-experience-pro .tour-top .brand{flex:0 0 auto;max-width:90px;min-width:0;overflow:hidden}
 .mts-experience-pro .mts-client-brand{display:block;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .mts-experience-pro .mts-client-logo{max-width:70px;max-height:36px}
 .mts-experience-pro .property-identity{flex:1;min-width:0;padding-left:12px}
 .mts-experience-pro .property-identity strong{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.5}
 .mts-experience-pro .property-identity .eyebrow{font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .mts-experience-pro .top-actions{display:flex;flex:none;gap:6px}
 .mts-experience-pro .top-actions>button{width:36px;min-width:36px;height:36px;min-height:36px;padding:0}
 .mts-experience-pro .top-actions>button>span{display:none}
}