/*
 * Sissou configurator v27
 * Compact panoramic bed scene. The braid keeps its product scale while
 * unused cream space is removed from the visible canvas.
 */

#configurateur-tresse-root[data-active-product="tresse"] #canvas-braid,
#configurateur-tresse-root[data-active-product="tresse"] .braidCanvas{
  aspect-ratio:2.7 / 1 !important;
}

@media (max-width:980px){
  #configurateur-tresse-root[data-active-product="tresse"] #canvas-braid,
  #configurateur-tresse-root[data-active-product="tresse"] .braidCanvas,
  body.sissou-configurator-standalone #configurateur-tresse-root:not(.is-preview-focus)[data-active-product="tresse"] #canvas-braid{
    aspect-ratio:2.7 / 1 !important;
  }

  #configurateur-tresse-root[data-active-product="tresse"] .preview-focus-cue{
    inset:calc(37.04vw + 82px) auto auto 50% !important;
  }

  #configurateur-tresse-root.is-preview-focus[data-active-product="tresse"] .preview-focus-cue{
    inset:auto auto max(18px, env(safe-area-inset-bottom)) 50% !important;
  }
}