/* Reserve room for the device and its explanation in the focused product studio. */
.no-js-notice { margin:0; padding:20px max(20px,calc((100% - 1180px)/2)); background:#ffd442; color:#104830; font:500 16px/1.6 'DM Sans',sans-serif; }
.no-js-notice a { color:inherit; text-decoration:underline; text-underline-offset:3px; }
.product-studio-intro { display:contents; }
@media(max-width:760px) {
  .product-studio-intro { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; column-gap:12px; padding:14px 18px 0; }
  .product-studio .product-studio-intro>.product-studio-help { min-width:0; margin:0; padding:0; font-size:14px; line-height:1.5; }
  .product-studio-intro>.product-studio-mobile-controls { padding:0; }
  .product-studio-intro .product-studio-mobile-controls button { min-height:44px; max-width:144px; padding-inline:12px; white-space:normal; }
}
[data-hero-showcase] .cinema-inner { row-gap:0; }
[data-hero-showcase] .cinema-copy { grid-column:1; grid-row:1; align-self:end; }
[data-hero-showcase] .hs-product { grid-column:2; grid-row:1 / 3; align-self:center; }
[data-hero-showcase] .cinema-inner>.hero-price { grid-column:1; grid-row:2; align-self:start; }
@media(max-width:700px) {
  [data-hero-showcase] .cinema-inner { gap:26px; }
  [data-hero-showcase] .cinema-copy { align-self:stretch; }
  [data-hero-showcase] .cinema-inner>.hero-price { width:100%; max-width:470px; align-self:center; margin:0; padding:21px 0 0; min-height:132px; border-left:0; border-top:1px solid #62988166; }
  [data-hero-showcase] .cinema-inner>.hero-price .hs-availability { min-height:0; }
}
.has-quote-tray>.studio-quote-tray { padding:12px 32px max(12px,env(safe-area-inset-bottom)) !important; }
@media(min-width:761px) {
  .product-studio-header { padding-block:14px; }
  .product-studio-help { padding-top:10px; }
  .product-studio-slot { padding-top:16px; }
  .product-studio #inside-system .model-picker-head { display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,.55fr); gap:10px 24px; margin-bottom:18px; }
  .product-studio .explorer-choice { display:contents; }
  .product-studio .model-picker { grid-column:1; grid-row:1; align-self:end; }
  .product-studio .model-picker button { min-height:48px; padding:10px 14px; font-size:19px; }
  .product-studio .model-picker button span { display:none; }
  .product-studio .explorer-choice>label { grid-column:2; grid-row:1; max-width:none; }
  .product-studio .explorer-choice>.c100-guide { grid-column:1; grid-row:2; margin:0; align-self:start; }
  .product-studio .model-selection { grid-column:2; grid-row:2; align-self:start; justify-content:flex-end; margin:0; padding:0; border:0; }
  .product-studio #selected-model-name,.product-studio #model-selection-summary { display:none; }
  .product-studio .model-selection .product-studio-feedback { text-align:right; }
  .product-studio #cc110000-story .product-illustration { height:clamp(260px,calc(100dvh - 420px),580px); }
  .product-studio #cc110000-story .mobile-explorer { padding:18px; }
  .product-studio .mobile-part-detail { padding-block:18px; min-height:150px; }
}
@media(max-width:760px) {
  .has-quote-tray>.studio-quote-tray { padding:10px 18px max(10px,env(safe-area-inset-bottom)) !important; }
}
@media(max-height:480px) and (orientation:landscape) {
  .has-quote-tray>.studio-quote-tray { padding-block:6px !important; }
  .product-studio-header { padding-block:10px; }
  .product-studio #cc110000-story .product-illustration,.product-studio .mf-image-stage { height:220px; min-height:0; }
}