/* Native product and service layouts. Muse IDs remain editor/runtime hooks only. */
#page .um-native-layout :where(.grpelem,.colelem,.popup_anchor,.ContainerGroup,.Container,.ThumbGroup,.Thumb,.popup_element,.clip_frame){float:none;position:static;inset:auto;margin:0;padding:0;max-width:100%;box-sizing:border-box}

/* Product details: photo, copy and colours occupy independent grid rows. */
#page .um-product-detail{--um-controls-width:219px;display:flex;flex-direction:column;align-items:stretch;position:relative;float:none;width:219px;height:auto;min-height:0;margin:0;padding:var(--um-product-space,0px) 0 0}
#page .um-product-detail::after,#page .um-product-row::after{display:none}
#page .um-product-detail>.grpelem:empty{display:none}
#page .um-product-detail>.um-product-copy{order:1;width:100%;height:auto;min-height:0;margin:0;padding:10px 0 0;grid-column:1;grid-row:2}
#page .um-product-detail>.um-product-options.um-enhanced{display:contents}
#page .um-product-detail .um-product-picture{order:0;align-self:center;justify-self:center;grid-column:1;grid-row:1;position:relative;width:219px;height:277px;border:1px solid #f9a13b;background:#fff;box-sizing:border-box}
#page .um-product-detail .um-product-slides{display:grid;place-items:center;position:relative;width:100%;height:275px;min-height:0}
#page .um-product-detail .um-product-slides>.Container{display:grid;place-items:center;grid-area:1/1;width:100%;height:100%}
#page .um-product-detail .um-product-slides>.Container[hidden]{display:none}
#page .um-product-slides::after,#page .um-product-slides>.Container::after{display:none}
#page .um-product-detail .um-product-colors{order:2;align-self:center;justify-self:center;grid-column:1;grid-row:3;width:219px;max-width:100%}
#page .um-product-detail:has(>.um-product-description){display:grid;grid-template-columns:219px minmax(0,1fr);column-gap:21px;width:680px}
#page .um-product-detail>.um-product-description{display:block;grid-column:2;grid-row:1/span 3;align-self:start;float:none;position:static;width:100%;min-width:0;min-height:0;margin:0;padding:0;inset:auto}
#page .um-product-row{display:grid;float:none;grid-template-columns:219px minmax(0,1fr);column-gap:20px;width:680px;margin:0;padding-top:18px}
#page .um-product-row>.um-product-description{display:block;float:none;position:static;inset:auto;width:100%;min-width:0;margin:0;padding:0}

/* Accessory catalogue. The image files and their display limits are unchanged. */
.um-catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 14px;width:680px;margin:24px 0;font:14px/1.4 Arial,sans-serif}
.um-product-card{min-width:0}
#page .um-product-card .um-product-copy{display:block;width:100%;padding:0}
.um-catalog-grid h2{font-size:16px;font-weight:bold;line-height:1.3;margin:0}
.um-catalog-grid p{margin:0;padding:0}
.um-catalog-grid p:empty{display:none}
#page .um-product-card .um-price-tip{margin:0!important}
#page .um-product-card .um-price-line{padding:5px 0!important;font-size:19px;font-weight:bold}
.um-product-media{height:323px;border:1px solid #f9a13b;background:#fff;display:flex;align-items:center;justify-content:center;box-sizing:border-box;overflow:hidden}
body.um-site #page .um-product-media img{display:block;width:auto;height:auto;max-width:100%;max-height:267px;object-fit:contain;margin:0 auto;padding:0}
#page .um-product-media .um-product-options{display:flex;flex-direction:column;align-items:center;width:100%}
#page .um-product-media .um-product-picture{display:block;width:100%;height:auto}
#page .um-product-media .um-product-slides{display:grid;place-items:center;position:relative;width:100%;height:239px}
#page .um-product-media .um-product-slides>.Container{display:grid;place-items:center;grid-area:1/1;width:100%;height:100%}
#page .um-product-media .um-product-slides>.Container[hidden]{display:none}
body.um-site #page .um-product-media .um-product-slides img{max-height:235px}
#page .um-product-media .um-product-colors{order:2;width:100%}
#page .um-product-media:has(.um-dot-controls){overflow:visible}
#page .um-product-media .gs{border:0;background:transparent}
#page .um-product-media [hidden],#page .um-product-media [hidden] *{display:none!important}
#page .um-product-media .PamphletWidget[data-islightbox]{display:block;width:100%}
#page .um-product-media .PamphletWidget[data-islightbox] .ThumbGroup>.popup_anchor,
#page .um-product-media .PamphletWidget[data-islightbox] .ThumbGroup .Thumb{width:100%;height:auto}
#page .um-product-media .um-product-gallery-frame{width:100%;background:none;border:0}
#page .um-product-media .um-product-gallery-image{display:block;width:100%;height:auto}
#page .um-product-media .um-product-gallery-caption{display:block;width:100%;text-align:center;font-size:12px}

#page .um-product-media .PamphletWidget[data-islightbox]>.ThumbGroup{display:flex;flex-wrap:wrap;justify-content:center;width:100%;gap:4px;padding:8px 0 4px!important}
#page .um-product-media .PamphletWidget[data-islightbox]>.ThumbGroup::after{display:none}
#page .um-product-gallery-image>.clip_frame{display:block;width:fit-content}

/* Desktop service rows use normal grid flow instead of 0px float wrappers. */
#page .um-services-list{display:flex;flex-direction:column}
#page .um-services-list>*{float:none}
#page .um-native-layout.um-service-row{display:grid;float:none;grid-template-columns:var(--um-service-column) var(--um-service-link-width);align-items:start;width:calc(var(--um-service-column) + var(--um-service-link-width))}
#page .um-native-layout.um-service-row::after{display:none}
#page .um-service-row>.um-service-icon{max-width:none;grid-column:1;grid-row:1;width:var(--um-service-icon-width)}
#page .um-service-row>.um-service-link{grid-column:2;grid-row:1;width:var(--um-service-link-width);min-height:34px;margin-top:var(--um-service-link-top)}

/* Without JavaScript every product photograph remains available in the flow. */
#page .um-product-detail:has(>.um-product-options:not(.um-enhanced)){width:680px}
#page .um-product-detail>.um-product-options:not(.um-enhanced) .um-product-picture{width:100%;height:auto;border:0}
#page .um-product-media:has(.PamphletWidget:not(.um-enhanced)){height:auto;min-height:275px}

@media(max-width:1050px){
 #page .um-product-media .PamphletWidget[data-islightbox]{padding:8px 0}
 body.um-site #page .um-product-media .PamphletWidget[data-islightbox]>.ThumbGroup{padding:8px 0 0!important}
 #page .um-product-gallery-image>.clip_frame{width:100%}
 #page .um-native-layout [id]:is(p,h1,h2,h3,li,span,ul,ol,img){padding:0}
 #page .um-native-layout li[id]{display:block;position:static}
 #page .um-product-description .list0 li::before{display:none}
 #page .um-native-layout .um-price-tip{margin:0!important}
 #page .um-product-card .um-product-copy{padding:12px 0 18px}
 #page .um-product-detail,#page .um-product-detail:has(>.um-product-description){display:flex;width:100%;margin:0;padding:14px 0}
 #page .um-product-detail>.um-product-copy{padding:12px 0 0;text-align:center}
 #page .um-product-detail .um-product-picture{width:234px}
 #page .um-product-portrait .um-product-picture{height:482px}
 #page .um-product-portrait .um-product-slides,#page .um-product-portrait .um-product-slides>.Container{height:480px}
 #page .um-product-detail>.um-product-description{order:3;padding:20px 8px 0}
 #page .um-product-row{display:block;width:100%;margin:0;padding-top:0}
 #page .um-product-row>.um-product-description{padding:0 8px}
 .um-catalog-grid{width:100%;grid-template-columns:1fr;gap:26px}
 .um-product-card{text-align:center;border-bottom:1px dashed #ccc;padding-bottom:18px}
 #page .um-product-card .um-product-title{font-size:18px}
 #page .um-product-card .um-price-line{font-size:20px}
 body.um-site #page .um-native-layout.um-service-row{display:flex;flex-direction:column;align-items:center;width:100%;margin:0;padding-bottom:26px!important;box-sizing:border-box}
 #page .um-service-row>.um-service-icon,#page .um-service-row>.um-service-link{width:auto;min-height:0;margin:0}
 #page .um-product-detail:has(>.um-product-options:not(.um-enhanced)){width:100%}
}
