/**
 * VIP Vision product pages on phones (loaded with media="(max-width: 575.98px)" from product.tpl for manufacturer 29).
 * App style like the VIP category pages: the photo, the description panels and photos, the tab bar and attachments
 * run edge to edge, square, separated by hairlines. Description panels are inline-styled, so ift-pdp2.js marks the
 * full-width ones with .ift-bleed (.ift-bleed--accent keeps a thick left accent border).
 */
body#product .ift-st__stage,
body#product .tabs > .nav-tabs,
body#product .product-attachments .ift-att__item,
body#product .ift-bleed {
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  max-width: none !important;
  border-radius: 0 !important;
  border-left-width: 0 !important;
  border-right-width: 0 !important;
  box-shadow: none !important;
}
body#product .ift-st__stage {
  border-top: 1px solid var(--p2-line, #e2e8f0) !important;
  border-bottom: 1px solid var(--p2-line, #e2e8f0) !important;
}
body#product div.ift-bleed,
body#product .tabs > .nav-tabs {
  width: auto !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
}
/* The tab pane and description clip their overflow; #wrapper already clips sideways scrolling for the page. */
body#product #main-product-wrapper#main-product-wrapper #description,
body#product #main-product-wrapper#main-product-wrapper #description .rte-content {
  overflow: visible !important;
}
/* The description's own image rules carry two ids and a long :not() chain. */
body#product #main-product-wrapper#main-product-wrapper#main-product-wrapper #description img.ift-bleed {
  display: block;
  width: 100vw !important;
  max-width: none !important;
  height: auto !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}
body#product .ift-bleed--accent {
  border-left-width: 5px !important;
}
body#product .product-attachments .ift-att__item {
  padding-left: 16px !important;
  padding-right: 16px !important;
  border-top-width: 1px !important;
  border-bottom-width: 1px !important;
}
body#product .product-attachments .ift-att__item + .ift-att__item {
  margin-top: -1px !important;
}