/*
 * @file
 * Provides the layout styles for a catalog item detail.
 */

.layout--catalog-item-detail {
  width: 100%;
}

.layout--catalog-item-detail > .layout__region--full {
  width: 100%;
}

.layout--catalog-item-detail .layout__region--main {
  display: flex;
  flex-wrap: wrap;
}

.layout--catalog-item-detail .layout__region--main > .layout__region--sidebar {
  display: flex;
  flex: 1;
  width: 20%;
}

.layout--catalog-item-detail .layout__region--main > .layout__region--left {
  display: flex;
  flex: 1;
  width: 80%;
}