.calendar-product-preview{--calendar-preview-height:440px;display:block;width:100%;min-width:0;height:var(--calendar-preview-height);margin:0 auto;isolation:isolate}
#calendar-preview.calendar-product-preview[data-family=quarter][data-block-count="3"]{height:calc(var(--calendar-preview-height)*1.3225)}
#calendar-preview.calendar-product-preview[data-family=quarter][data-ad-fields="3"]{height:calc(var(--calendar-preview-height)*1.653125)}
.calendar-product-preview .calendar-product-art{display:block;width:100%;height:100%;overflow:visible;font-family:'Open Sans',Arial,sans-serif}
.calendar-product-preview:is([data-family=desk],[data-family=case]){max-width:570px}
.calendar-product-preview:is([data-family=desk],[data-family=case]) .calendar-product-art{max-height:350px}
.calendar-product-preview[data-family=case]{height:360px}
.calendar-product-preview .calendar-dimension-label{font-size:var(--calendar-ruler-font);letter-spacing:.01em}
.calendar-preview-3d{position:relative;max-width:570px;height:360px!important}
.calendar-preview-3d canvas{display:block;width:100%;height:100%;border-radius:12px;filter:drop-shadow(9px 12px 12px rgb(31 55 70 / 18%))}
.calendar-preview-loading{position:absolute;inset:0;display:grid;place-items:center;color:#718391;font-size:12px;letter-spacing:.015em}
.calendar-3d-dimensions{position:absolute;left:0;right:0;bottom:6px;text-align:center;font-size:12px;letter-spacing:.025em;color:#718391;pointer-events:none}

@media(max-width:760px){.calendar-product-preview.calendar-preview-3d{height:290px!important;max-width:440px}}
@media(max-width:380px){.calendar-product-preview.calendar-preview-3d{height:245px!important}}
.calendar-product-preview[data-family=trio]{max-width:460px}
@media(max-width:999px) and (min-width:761px){.calendar-product-preview{--calendar-preview-height:400px}}
@media(max-width:760px){.calendar-product-preview{--calendar-preview-height:290px;max-width:390px}.calendar-product-preview:is([data-family=desk],[data-family=case]){height:260px;max-width:350px}.calendar-product-preview[data-family=trio]{max-width:340px}.calendar-product-preview .calendar-dimension-label{font-size:calc(var(--calendar-ruler-font)*1.17)}}
@media(max-width:360px){.calendar-product-preview{--calendar-preview-height:270px}.calendar-product-preview:is([data-family=desk],[data-family=case]){height:230px}}

@media(min-width:761px){
.calendar-preview-column{position:relative!important;align-self:stretch!important;padding:0!important;min-height:0}
.calendar-preview-content{position:sticky;top:max(calc(var(--header-dock-height,0px) + 16px),calc((var(--calendar-viewport-height,100svh) - var(--calendar-preview-content-height,600px) + var(--header-dock-height,0px))/2));padding:12px 10px;transform:none!important}
/* A separate cap preserves each construction's height multiplier above,
   including the more specific three-block / three-advertising-field rules. */
#calendar-preview.calendar-product-preview[data-family=quarter]{max-height:max(180px,calc(var(--calendar-viewport-height,100svh) - var(--header-dock-height,0px) - 40px - var(--calendar-preview-chrome-height,174px)))}
}