/* Shared published-content presentation. Existing controllers retain all actions. */
html[data-content-theme="dark"] .content-viewer,html[data-theme="dark"] #vehicle-dialog{--detail-accent:#91dbff!important;}
:is(.content-viewer,#vehicle-dialog){--detail-surface:var(--content-surface,var(--surface,#fff));--detail-text:var(--content-text,var(--text,#10233b));--detail-muted:var(--content-muted,var(--muted,#61748b));--detail-line:var(--content-line,var(--line,#d9e4ef));--detail-accent:var(--content-primary,var(--blue,#0b6397));}
.public-connect.content-page[data-content-type="offerings"] .content-card-media{aspect-ratio:auto!important;display:block;}
.public-connect.content-page[data-content-type="offerings"] .content-card-media img{display:block;width:100%;height:auto!important;max-height:none;object-fit:contain;transform:none!important;}
.content-viewer>section,#vehicle-dialog{color:var(--detail-text)!important;background:var(--detail-surface)!important;border:1px solid var(--detail-line)!important;border-radius:20px;padding:0!important;gap:0!important;max-height:92dvh;overflow:hidden;}
.content-viewer[data-content-type="specials"]>section,#vehicle-dialog:not(.is-catalogue-dialog){width:min(92vw,820px)!important;height:min(700px,92dvh)!important;min-height:0!important;}
#vehicle-dialog:not(.is-catalogue-dialog) .dialog-vehicle-layout{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));height:min(700px,92dvh);min-height:0;max-height:92dvh;overflow:hidden;}
.content-viewer[data-content-type="specials"]>section{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.content-viewer-gallery,.dialog-vehicle-layout>.mymex-managed-media{min-width:0;min-height:0;display:grid!important;place-items:center;overflow:hidden!important;background:#06121f!important;}
.content-viewer-stage,.dialog-vehicle-layout>.mymex-managed-media{height:100%!important;max-height:100%!important;}
.content-viewer-stage>img,.content-viewer[data-content-type="specials"] img,.dialog-vehicle-layout>.mymex-managed-media img{width:100%!important;height:100%!important;max-height:100%!important;min-height:0!important;object-fit:contain!important;object-position:center!important;border-radius:0!important;}
.content-viewer>section>.content-viewer-copy,#vehicle-dialog .dialog-vehicle-info{position:relative;min-width:0;min-height:0;height:100%;max-height:100%;padding:40px 24px 24px!important;overflow:auto!important;align-self:stretch;background:var(--detail-surface)!important;color:var(--detail-text)!important;scrollbar-width:thin;}
.content-viewer-copy>small,#vehicle-dialog .dialog-vehicle-info>.eyebrow{font-size:10px!important;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:var(--detail-accent)!important;margin:0 0 12px;}
.content-viewer-copy>h2,#vehicle-dialog .dialog-vehicle-info>h2{font-size:28px!important;line-height:1.16!important;letter-spacing:-.6px;margin:0 0 16px!important;color:var(--detail-text)!important;font-weight:700;}
.content-viewer-copy>p,#vehicle-dialog .dialog-vehicle-info>p:not(.eyebrow){font-size:14px!important;line-height:1.65!important;color:var(--detail-muted)!important;margin:0 0 20px;}
.content-viewer-catalogue{border-top:1px solid var(--detail-line)!important;padding-top:18px;margin-top:18px;color:var(--detail-text)!important;}
.content-viewer-catalogue>header strong,.catalogue-ai-results>strong{color:var(--detail-text)!important;font-size:13px;}
.content-viewer-catalogue>header p,.content-viewer-catalogue>small,.catalogue-ai-results>p,.catalogue-ai-results>small{font-size:11px!important;line-height:1.5;color:var(--detail-muted)!important;letter-spacing:0;text-transform:none;}
.content-viewer-catalogue-focus,.catalogue-vehicle-focus{border:1px solid var(--detail-line)!important;background:var(--detail-surface)!important;border-radius:12px;padding:16px;margin-top:14px;}
.content-viewer-catalogue-focus header{display:grid;gap:7px;}
.content-viewer-catalogue-focus header>span{font-size:10px;letter-spacing:.05em;color:var(--detail-muted)!important;}
.content-viewer-catalogue-focus strong{font-size:17px!important;color:var(--detail-text)!important;}
.content-viewer-catalogue-focus b{font-size:23px!important;color:var(--detail-accent)!important;}
.content-viewer-catalogue-focus h3{font-size:17px;margin:0;color:var(--detail-text)!important;}
.content-viewer-catalogue-focus header b,.content-viewer-catalogue-focus .dialog-price{font-size:23px!important;color:var(--detail-accent)!important;}
.content-viewer-catalogue-focus p,.content-viewer-catalogue-focus li,.content-viewer-catalogue-focus small{color:var(--detail-muted)!important;}
.content-viewer-catalogue-focus li{font-size:11px!important;}
.content-viewer-catalogue-focus .special-ai-specs{padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px;}
.content-viewer-catalogue-focus .special-ai-specs li{padding:5px 8px;border:1px solid var(--detail-line);border-radius:20px;font-size:11px;}
.content-viewer-catalogue-terms,.special-ai-terms{font-size:11px!important;line-height:1.5!important;display:block;color:var(--detail-muted)!important;margin:12px 0!important;}
.content-viewer-catalogue[data-intelligence-kind="special"]>header strong{color:var(--detail-accent)!important;}
.content-viewer-catalogue-actions,.special-dialog-actions{display:flex!important;flex-wrap:wrap;gap:8px;margin-top:16px;}
.content-viewer-catalogue-actions :is(a,button):not(.public-item-heart),.content-viewer-primary-actions :is(a,button):not(.public-item-heart),.special-dialog-actions :is(a,button):not(.item-favourite){min-height:44px;padding:10px 13px;border:1px solid var(--detail-line);border-radius:10px!important;width:auto!important;flex:1 1 135px;font:inherit;font-size:12px;font-weight:600;line-height:1.3;text-decoration:none;text-align:center;background:var(--detail-surface);color:var(--detail-text);}
.special-dialog-actions .item-favourite{position:static!important;flex:0 0 42px;width:42px;height:42px;min-height:42px;padding:0;border-radius:50%;}
.content-viewer-catalogue-actions .is-jarvis,.content-viewer-primary-actions .is-jarvis,.special-dialog-actions .primary-button{background:#075b91!important;color:#fff!important;border-color:#075b91;}
.content-viewer-catalogue-row,.catalogue-ai-results li>button:not(.item-favourite){border:1px solid var(--detail-line)!important;border-radius:10px;background:var(--detail-surface)!important;color:var(--detail-text)!important;font-size:12px;min-height:44px;}
.content-viewer-catalogue-row :is(b,i),.catalogue-price-stack b{color:var(--detail-accent)!important;}
.content-viewer-catalogue-list,.catalogue-ai-results ul{max-height:340px;overflow:auto;scrollbar-width:thin;}
.content-viewer-catalogue-list li{position:relative;padding-right:44px;}
.content-viewer-catalogue-list li>.public-item-heart{right:0;top:50%;transform:translateY(-50%);width:34px;height:34px;box-shadow:none;}
.content-viewer-catalogue-list li>.public-item-heart svg{width:19px;height:19px;}
#vehicle-dialog-content{padding:0!important;}
#vehicle-dialog .vehicle-dialog-toolbar{position:absolute!important;top:0;left:0;right:0;height:0!important;min-height:0!important;padding:0!important;pointer-events:none;}
#vehicle-dialog .vehicle-dialog-toolbar .dialog-close{pointer-events:auto;position:absolute!important;top:16px!important;right:16px!important;left:auto!important;bottom:auto!important;}
.content-viewer-close,#vehicle-dialog .vehicle-dialog-toolbar .dialog-close{z-index:5;width:42px;height:42px;border:1px solid var(--detail-line)!important;border-radius:50%;background:var(--detail-surface)!important;color:var(--detail-text)!important;}
#vehicle-dialog.is-catalogue-dialog,.content-viewer[data-content-type="offerings"]>section{width:min(96vw,1180px)!important;height:min(760px,92dvh)!important;max-height:92dvh!important;}
.catalogue-dialog-layout{height:min(760px,92dvh)!important;min-height:0!important;max-height:92dvh!important;}
.content-viewer[data-content-type="offerings"]>section,.catalogue-dialog-layout{display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr)!important;}
@media(max-width:760px){
 #vehicle-dialog[open]{display:block!important;}
 /* Match the older catalogue rule specificity so the outer sheet owns mobile scrolling. */
 #vehicle-dialog.is-catalogue-dialog[open] #vehicle-dialog-content,
 #vehicle-dialog[open] #vehicle-dialog-content{height:auto!important;flex:none!important;overflow:visible!important;max-height:none!important;overscroll-behavior:auto!important;}
 .content-viewer:is([data-content-type="specials"],[data-content-type="offerings"])>section,#vehicle-dialog:is(.is-catalogue-dialog,:not(.is-catalogue-dialog)),#vehicle-dialog:is(.is-catalogue-dialog,:not(.is-catalogue-dialog)).is-catalogue-dialog{width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important;border:0!important;padding:0!important;margin:0!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;}
 .content-viewer:is([data-content-type="specials"],[data-content-type="offerings"])>section,.content-viewer[data-content-type="specials"]>section,.content-viewer[data-content-type="offerings"]>section,#vehicle-dialog:is(.is-catalogue-dialog,:not(.is-catalogue-dialog)) .dialog-vehicle-layout{display:block!important;grid-template-columns:1fr!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;}
 .content-viewer:is([data-content-type="specials"],[data-content-type="offerings"])>section{height:100dvh!important;max-height:100dvh!important;overflow-y:auto!important;}
 .content-viewer-gallery,.content-viewer-stage,.dialog-vehicle-layout>.mymex-managed-media{display:block!important;height:auto!important;max-height:none!important;overflow:visible!important;}
 .content-viewer-stage>img,.content-viewer[data-content-type="specials"] img,.dialog-vehicle-layout>.mymex-managed-media img{height:auto!important;max-height:none!important;object-fit:contain!important;}
 .content-viewer:is([data-content-type="specials"],[data-content-type="offerings"])>section>.content-viewer-copy,#vehicle-dialog:is(.is-catalogue-dialog,:not(.is-catalogue-dialog)) .dialog-vehicle-info{height:auto!important;max-height:none!important;overflow:visible!important;padding:24px 18px calc(28px + env(safe-area-inset-bottom))!important;}
 .content-viewer-copy>h2,#vehicle-dialog:is(.is-catalogue-dialog,:not(.is-catalogue-dialog)) .dialog-vehicle-info>h2{font-size:24px!important;}
 .content-viewer-catalogue-list,.catalogue-ai-results ul{max-height:none!important;overflow:visible!important;}
 .content-viewer-close,#vehicle-dialog:is(.is-catalogue-dialog,:not(.is-catalogue-dialog)) .vehicle-dialog-toolbar .dialog-close{position:fixed!important;top:12px!important;right:12px!important;}
}
@media(prefers-reduced-motion:reduce){.content-viewer,.content-viewer>section{transition:none!important;}}

/* Favourite controls must override the older white-on-transparent action rule. */
.content-viewer :is(.content-viewer-catalogue-actions,.content-viewer-primary-actions) .public-item-heart,#vehicle-dialog .item-favourite{color:var(--detail-muted)!important;background:var(--detail-surface)!important;border-color:var(--detail-line)!important;}
.content-viewer .public-item-heart.is-liked,#vehicle-dialog .item-favourite.is-liked{color:#d62d55!important;background:#fff1f4!important;border-color:#efb5c3!important;}
.content-viewer .public-item-heart svg,#vehicle-dialog .item-favourite svg{stroke:currentColor!important;}
/* Compact, upright artwork previews; full artwork stays visible in each tile. */
body[data-content-type] .content-hero{min-height:430px;padding-block:48px;gap:36px;grid-template-columns:minmax(0,1fr) minmax(260px,.65fr);}
body[data-content-type] .content-hero-art{display:grid;grid-template-columns:minmax(0,2.5fr) minmax(0,1fr);grid-template-rows:1fr 1fr;gap:12px;width:min(420px,100%);height:340px;min-height:0;margin:auto;}
body[data-content-type] .content-hero-art>span{position:relative!important;inset:auto!important;transform:none!important;animation:none!important;border:1px solid var(--content-line);border-radius:16px;background:var(--content-surface);box-shadow:0 12px 28px rgba(7,31,67,.1);min-width:0;min-height:0;}
body[data-content-type] .content-hero-art>span:first-child{grid-row:1/3;}
body[data-content-type] .content-hero-art img{display:block;width:100%;height:100%;object-fit:contain;background:var(--content-surface);}
body[data-content-type] .content-hero-art b{width:44px;height:44px;right:-6px;bottom:-8px;border-width:3px;font-size:15px;box-shadow:0 6px 16px rgba(7,31,67,.16);}
@media(max-width:1050px){body[data-content-type] .content-hero{grid-template-columns:1fr;}body[data-content-type] .content-hero-art{height:300px;width:min(380px,100%);}}
@media(max-width:620px){body[data-content-type] .content-hero{padding:32px 6px 40px;gap:24px;}body[data-content-type] .content-hero-art{height:260px;width:min(340px,100%);gap:8px;}}

/* Revised header: one full-size cover, no thumbnail stack. Preview only. */
body[data-content-type] .content-hero-art{display:block;width:min(340px,100%);height:420px;}
body[data-content-type] .content-hero-art>span{display:none;}
body[data-content-type] .content-hero-art>span:first-child{display:block;width:100%;height:100%;border-radius:14px;box-shadow:0 16px 38px rgba(7,31,67,.14);background:var(--content-surface);}
body[data-content-type] .content-hero-art img{border-radius:13px;}
body[data-content-type="specials"] .content-hero-art{width:min(360px,100%);height:360px;}
body[data-content-type] .content-hero-art b{right:12px;bottom:12px;width:40px;height:40px;border-width:2px;box-shadow:0 3px 12px rgba(7,31,67,.2);}
@media(max-width:1050px){body[data-content-type] .content-hero-art{width:min(310px,100%);height:390px;}body[data-content-type="specials"] .content-hero-art{width:min(340px,100%);height:340px;}}

/* Compact animated cover preview, retaining complete artwork. */
body[data-content-type] .content-hero{min-height:360px;padding-block:36px;}
body[data-content-type] .content-hero-art{width:min(230px,85%);height:300px;position:relative;isolation:isolate;animation:mymexCoverFloat 5s ease-in-out infinite;transform-origin:center;}
body[data-content-type="specials"] .content-hero-art{width:min(260px,85%);height:260px;}
body[data-content-type] .content-hero-art::before{content:"";position:absolute;inset:22px -24px;border-radius:50%;z-index:-1;background:radial-gradient(ellipse,color-mix(in srgb,var(--content-accent) 22%,transparent),transparent 70%);filter:blur(12px);animation:mymexCoverGlow 5s ease-in-out infinite;pointer-events:none;}
body[data-content-type] .content-hero-art>span:first-child{border-radius:12px;box-shadow:0 14px 30px rgba(7,31,67,.18);transition:box-shadow .25s ease;}
body[data-content-type] .content-hero-art:hover{animation-play-state:paused;}
body[data-content-type] .content-hero-art:hover>span:first-child{box-shadow:0 20px 38px rgba(7,31,67,.24);}
body[data-content-type] .content-hero-art b{width:34px;height:34px;font-size:13px;right:-10px;bottom:12px;}
@keyframes mymexCoverFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1deg)}}
@keyframes mymexCoverGlow{0%,100%{opacity:.45;transform:scale(.92)}50%{opacity:.8;transform:scale(1.08)}}
@media(max-width:1050px){body[data-content-type] .content-hero-art{width:min(210px,85%);height:275px;}body[data-content-type="specials"] .content-hero-art{width:min(230px,85%);height:230px;}}
@media(prefers-reduced-motion:reduce){body[data-content-type] .content-hero-art,body[data-content-type] .content-hero-art::before{animation:none!important;transform:none!important;}}

/* Portfolio artwork stack adapted to the existing published-content preview. */
body[data-content-type] .content-hero-art{position:relative;width:min(350px,90%);height:360px;min-height:0;perspective:1400px;animation:none!important;}
body[data-content-type] .content-hero-art>span{display:block;position:absolute!important;overflow:hidden;inset:auto!important;margin:0;border:1px solid color-mix(in srgb,var(--content-accent) 30%,var(--content-line));border-radius:16px;background:#020b17;box-shadow:0 18px 45px rgba(0,4,16,.28);transition:box-shadow .3s ease;}
body[data-content-type] .content-hero-art>span:first-child{z-index:3;width:auto;height:auto;inset:28px 38px 8px 16px!important;transform:rotate(-2.5deg)!important;animation:mymexPortfolioFront 6s ease-in-out infinite!important;}
body[data-content-type] .content-hero-art>span:nth-child(2){z-index:2;width:54%;height:52%;right:-6px!important;top:2px!important;transform:rotate(8deg) translateZ(-20px)!important;filter:saturate(.86) brightness(.78);animation:mymexPortfolioBack 7s ease-in-out infinite!important;}
body[data-content-type] .content-hero-art>span:nth-child(3){z-index:1;width:49%;height:49%;left:-14px!important;bottom:-4px!important;transform:rotate(-10deg) translateZ(-40px)!important;filter:saturate(.76) brightness(.68);animation:mymexPortfolioRear 8s ease-in-out infinite!important;}
body[data-content-type] .content-hero-art img{width:100%;height:100%;object-fit:contain;background:#020b17;border-radius:0;}
body[data-content-type] .content-hero-art::before{inset:42px 14px 18px 12px;border:1px solid color-mix(in srgb,var(--content-accent) 18%,transparent);border-radius:50%;background:none;filter:none;transform:rotate(-18deg);animation:none!important;}
body[data-content-type] .content-hero-art b{z-index:5;right:4px;bottom:28px;width:38px;height:38px;background:var(--content-primary);color:var(--content-on-primary);border-color:var(--content-surface);}
@keyframes mymexPortfolioFront{0%,100%{translate:0 0}50%{translate:0 -7px}}
@keyframes mymexPortfolioBack{0%,100%{translate:0 0}50%{translate:0 6px}}
@keyframes mymexPortfolioRear{0%,100%{translate:0 0}50%{translate:0 -5px}}
@media(max-width:1050px){body[data-content-type] .content-hero-art{width:min(320px,88%);height:330px;}}
@media(prefers-reduced-motion:reduce){body[data-content-type] .content-hero-art>span{animation:none!important;}}
.public-connect .hub-content-grid>a>.connect-collection-stack{position:relative;display:block;width:min(310px,88%);height:300px;min-height:300px;margin:8px auto 18px;padding:0;background:none;perspective:1400px;}
.public-connect .connect-collection-stack img{position:absolute;inset:auto;width:auto;height:auto;object-fit:contain;background:#020b17;border:1px solid var(--hub-line);border-radius:15px;box-shadow:0 16px 38px rgba(0,4,16,.25);}
.public-connect .connect-collection-stack img:first-child{z-index:3;inset:24px 34px 8px 14px;width:calc(100% - 48px);height:calc(100% - 32px);transform:rotate(-2.5deg);animation:mymexPortfolioFront 6s ease-in-out infinite;}
.public-connect .connect-collection-stack img:nth-child(2){z-index:2;right:-6px;top:2px;width:54%;height:52%;transform:rotate(8deg) translateZ(-20px);filter:saturate(.86) brightness(.78);animation:mymexPortfolioBack 7s ease-in-out infinite;}
.public-connect .connect-collection-stack img:nth-child(3){z-index:1;left:-14px;bottom:-4px;width:49%;height:49%;transform:rotate(-10deg) translateZ(-40px);filter:saturate(.76) brightness(.68);animation:mymexPortfolioRear 8s ease-in-out infinite;}
@media(max-width:620px){.public-connect .hub-content-grid>a>.connect-collection-stack{height:260px;min-height:260px;width:min(270px,85%);}}
@media(prefers-reduced-motion:reduce){.public-connect .connect-collection-stack img{animation:none!important;}}