.product-experience{background:#fff;color:#111;font:14px/1.65 Arial,Helvetica,sans-serif;padding-bottom:88px}
.product-experience .product-topbar{position:absolute;inset:0 0 auto;z-index:4;display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:transparent;border:0;height:78px;gap:0}
.product-topbar>div{display:flex;align-items:center;border-radius:5px;background:#ffffffb8}
.product-topbar>div>a,.product-topbar>div>button{display:grid;place-items:center;width:39px;height:39px;padding:7px}
.product-topbar>div>button{border-left:1px solid #dedede}
.product-topbar svg{display:block;width:26px;height:26px}
.product-platform-mark{font:15px Georgia,serif;letter-spacing:.12em;background:#ffffffc9;border-radius:4px;padding:10px 13px}
.product-experience #main-content{max-width:1440px;margin:0 auto;padding:0 0 55px}
.product-experience .product-page{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:0;align-items:start;margin:0}
.product-experience .detail-media{background:#fff;position:relative}
.product-experience .detail-image-frame{height:min(820px,85vh);padding:80px 0 35px;background:#fff;display:flex;align-items:center;justify-content:center}
.product-experience .detail-media .detail-image-frame>img{height:100%;width:100%;object-fit:contain;background:#fff;mix-blend-mode:normal}
.product-experience .detail-thumbnails{position:absolute;bottom:0;left:0;right:0;display:flex;flex-wrap:nowrap;gap:0;padding:0;margin:0}
.product-experience .detail-thumbnails button{position:relative;flex:1;width:auto;height:24px;padding:0;border:0;background:none}
.product-experience .detail-thumbnails button:after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:#dedede}
.product-experience .detail-thumbnails button[aria-pressed=true]:after{background:#111}
.product-experience .detail-thumbnails img{display:none}
.product-experience .detail-copy{padding:105px 7% 35px;min-width:0}
.detail-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 20px;color:#888;font-size:11px;letter-spacing:.035em}
.product-collection-tag{border:1px solid #e3e3e3;padding:3px 7px;font-size:10px;white-space:nowrap}
.product-reference{font-size:11px;color:#888}
.detail-title-row{display:flex;align-items:start;justify-content:space-between;gap:16px}
.product-experience .detail-title-row h1{font:600 clamp(21px,2vw,32px)/1.4 Arial,Helvetica,sans-serif;margin:0 0 18px;letter-spacing:-.015em;flex:1;text-transform:none}
.product-experience .detail-save{border:0;background:none;width:28px;min-width:28px;padding:0;height:35px;font-size:27px;line-height:1.1;color:#111}
.product-experience .detail-save[aria-pressed=true]{color:#111;background:none}
.product-experience .detail-price{font-size:23px;font-weight:400;letter-spacing:0;margin:0 0 30px}
.product-experience .detail-description{font-size:14px;line-height:1.9;color:#777;margin:0 0 25px}
.product-experience .option-label{font-size:12px;margin-top:25px;color:#555}
.product-experience #detail-option{font:13px Arial,sans-serif;padding:13px 12px;max-width:100%;border:1px solid #d7d7d7;border-radius:0;background:#fff;min-height:43px;color:#222}
.product-specification{border-top:1px solid #e4e4e4;margin:25px 0 0;padding:17px 0 0}
.product-specification summary{cursor:pointer;font-size:13px;list-style:none;display:flex;align-items:center;justify-content:space-between}
.product-specification summary:after{content:'+';font-size:20px;line-height:1}
.product-specification[open] summary:after{content:'−'}
.product-experience .product-store-card{margin:0 4.5%;padding:30px 0;border-top:1px solid #eee;max-width:none}
.product-experience .product-store-destination{border-color:#dedede}
.product-experience .related-products,.product-experience .reading-guides,.product-experience .magazine-product-feature{margin:30px 4.5% 0}
.product-experience .seo-footer{padding-bottom:35px}
.product-purchase-bar{position:fixed;bottom:0;left:0;right:0;z-index:8;background:#fffffff5;border-top:1px solid #ededed;display:grid;grid-template-columns:50px 50px minmax(120px,220px) minmax(120px,220px);justify-content:center;align-items:center;gap:16px;padding:14px 5% max(14px,env(safe-area-inset-bottom));backdrop-filter:blur(12px)}
.purchase-icon{display:grid;place-items:center;position:relative;width:42px;height:48px;padding:5px;color:#111}
.purchase-icon svg{width:32px;height:32px;display:block}
.purchase-bag #bag-count{position:absolute;top:24px;left:0;right:0;font-size:10px;font-weight:600;line-height:1;text-align:center;pointer-events:none}
.purchase-add,.purchase-enquire{border:1px solid #111;background:#fff;color:#111;border-radius:4px;font-size:12px;font-weight:600;padding:16px 8px;min-height:49px;letter-spacing:.015em;white-space:nowrap}
.purchase-enquire{background:#090909;color:#fff;border-color:#090909}
.purchase-add:hover{background:#f5f5f5}.purchase-enquire:hover{background:#333}
.product-experience #toast{bottom:100px}
.product-experience a:focus-visible,.product-experience button:focus-visible,.product-experience select:focus-visible{outline:2px solid #111;outline-offset:4px}
@media(max-width:850px){
 .product-experience{padding-bottom:82px}
 .product-experience .product-topbar{padding:16px 18px;height:70px}
 .product-experience .product-page{display:block}
 .product-experience .detail-image-frame{height:clamp(350px,60svh,660px);padding:65px 0 25px}
 .product-experience .detail-copy{padding:32px 6% 30px}
 .detail-meta{margin-bottom:15px;font-size:10px}
 .product-collection-tag{font-size:9px}.product-reference{font-size:10px}
 .product-experience .detail-title-row h1{font-size:21px;line-height:1.45;margin:0 0 18px}
 .product-experience .detail-price{font-size:21px;margin-bottom:25px}
 .product-experience .detail-description{font-size:13px;line-height:1.9;margin-bottom:22px}
 .product-experience .product-store-card{margin:0 6%;padding:28px 0}
 .product-experience .related-products,.product-experience .reading-guides,.product-experience .magazine-product-feature{margin-left:6%;margin-right:6%}
 .product-purchase-bar{grid-template-columns:32px 32px minmax(0,1fr) minmax(0,1fr);gap:10px;padding:12px 5% max(14px,env(safe-area-inset-bottom))}
 .purchase-icon{width:32px;height:46px;padding:1px}.purchase-icon svg{width:29px;height:29px}
 .purchase-bag #bag-count{top:23px;font-size:9px}
 .purchase-add,.purchase-enquire{font-size:11px;letter-spacing:0;min-height:47px;padding:14px 5px}
}
@media(max-width:360px){.product-purchase-bar{gap:7px;padding-left:12px;padding-right:12px;grid-template-columns:28px 28px minmax(0,1fr) minmax(0,1fr)}.purchase-add,.purchase-enquire{font-size:9px}.product-experience .detail-title-row h1{font-size:19px}.product-reference{font-size:9px}}
@media(prefers-reduced-motion:reduce){.product-experience{scroll-behavior:auto}}

/* Keep the same square photograph ratio on desktop and phones. */
.product-experience .detail-image-frame{position:relative;width:100%;height:auto!important;aspect-ratio:1/1;padding:0!important;overflow:hidden;background:#fff}
.product-experience .detail-media .detail-image-frame>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;mix-blend-mode:normal;background:#fff}

/* Name the three views of each new house study without changing the gallery layout. */
.product-experience .detail-photo-label{display:block;font:11px/22px Arial,Helvetica,sans-serif;color:#888;white-space:nowrap;background:#fff}
.product-experience .detail-thumbnails button[aria-pressed=true] .detail-photo-label{color:#111}