html.ymi-store-html {
  margin: 0;
  padding: 0;
  background: var(--admin-mobile-bg);
}

html.ymi-store-html
  body.ymi-store-body.ymi-app-v2.ymi-store-body-chromeless.ymi-lookbook-body {
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden;
  background: var(--admin-mobile-bg) !important;
}

html.ymi-store-html
  body.ymi-store-body.ymi-app-v2.ymi-store-body-chromeless.ymi-lookbook-body
  .ymi-store-shell {
  width: min(100%, 76rem) !important;
  max-width: 76rem !important;
  min-height: 0 !important;
  display: block !important;
  margin: 0 auto !important;
  padding: 0 !important;
  gap: 0 !important;
  background: transparent !important;
}

html.ymi-store-html
  body.ymi-store-body.ymi-app-v2.ymi-store-body-chromeless.ymi-lookbook-body
  .ymi-store-main {
  grid-area: auto !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 0 !important;
}

.ymi-lookbook-container {
  width: 100%;
  min-width: 0;
  display: block;
  margin: 0;
  padding: 0;
}

.ymi-lookbook-container .ymi-lookbook-page {
  width: 100%;
  min-width: 0;
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
}

.ymi-lookbook-container .ymi-lookbook-frame {
  width: 100%;
  min-width: 0;
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
}

.ymi-lookbook-container .ymi-lookbook-image {
  width: 100%;
  height: auto;
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
}

.ymi-lookbook-container .ymi-lookbook-social-footer {
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: clamp(1.5rem, 4vw, 2.5rem) clamp(1rem, 3vw, 2rem) clamp(2rem, 5vw, 4rem);
}
