/*
Theme Name: Uncode Child
Description: Child theme for Uncode theme
Author: Undsgn™
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/
/*
Position the main product image into the Horizontal or Vertical mockup 5 times
*/
.frame-mockup-multi {
  position: relative;
  width: 100%;
  max-width: 2048px;
  margin: 3rem auto;
}
.mockup-background {
  width: 100%;
  display: block;
}

/* === VERTICAL (default, when .horizontal is NOT present) === */
.frame-mockup-multi:not(.horizontal) .artwork-slot {
  position: absolute;
  background-size: cover;
  background-position: center;
  aspect-ratio: 2 / 3;
  box-shadow: 0 0 4px rgba(0,0,0,0.15);
}
.frame-mockup-multi:not(.horizontal) .artwork-slot.slot1 { left: 16.02%; top: 65.98%; width: 6.05%; height: 27.27%; }
.frame-mockup-multi:not(.horizontal) .artwork-slot.slot2 { left: 27.83%; top: 53.88%; width: 8.25%; height: 38.21%; }
.frame-mockup-multi:not(.horizontal) .artwork-slot.slot3 { left: 42.68%; top: 44.95%; width: 9.91%; height: 46.27%; }
.frame-mockup-multi:not(.horizontal) .artwork-slot.slot4 { left: 60.01%; top: 34.11%; width: 12.11%; height: 55.78%; }
.frame-mockup-multi:not(.horizontal) .artwork-slot.slot5 { left: 79.10%; top: 28.99%; width: 14.40%; height: 64.57%; }

/* === HORIZONTAL === */
.frame-mockup-multi.horizontal .artwork-slot {
  position: absolute;
  background-size: cover;
  background-position: center;
  aspect-ratio: 3 / 2;
  box-shadow: 0 0 4px rgba(0,0,0,0.15);
}
.frame-mockup-multi.horizontal .artwork-slot.slot1 { left: 34.81%; top: 73.89%; width: 9.52%; height: 13.58%; }
.frame-mockup-multi.horizontal .artwork-slot.slot2 { left: 35.06%; top: 46.11%; width: 13.09%; height: 18.32%; }
.frame-mockup-multi.horizontal .artwork-slot.slot3 { left: 35.21%; top: 13.47%; width: 15.87%; height: 22.00%; }
.frame-mockup-multi.horizontal .artwork-slot.slot4 { left: 58.20%; top: 57.47%; width: 19.14%; height: 26.74%; }
.frame-mockup-multi.horizontal .artwork-slot.slot5 { left: 56.10%; top: 11.47%; width: 22.36%; height: 32.11%; }
/*
Describe what this style does
*/