.pageBook [class$="Block"] {
  margin-bottom: 60px;
}

.pageBook .bookInfoElement {
  margin-bottom: 60px;
}

@media (min-width: 768px) {
  .pageBook .bookInfoElement {
    background-image: url("/img/pixel-pattern.png");
    background-repeat: no-repeat;
    background-position: top right;
    padding-top: 60px;
    margin-top: -60px;
  }
}

.itemcovertitle { grid-area: covertitle;background-color: #e0f2fe;padding: 20px; }
.itembookBuyCTA { grid-area: bookBuyCTA; }
.itembookBuyCTA .bookBuyCTA {max-width:270px;}
.iteminfo { grid-area: info; max-width:270px;}
.itemdesc { grid-area: desc; }
.itemcover {float: left; max-width:270px;}
.itemtitle {float: left;width:55%;margin-left:40px;text-align: left;}
.grid-container {
  display: grid;
  grid-template-areas:
    'covertitle covertitle covertitle bookBuyCTA'
    'info desc desc bookBuyCTA';
  gap: 20px 20px;
  padding: 0px;
  margin-bottom: 60px;
}

.itemtitle .bookCover-big {display:none;}
@media (min-width: 992px) {
	.grid-container {
		grid-auto-rows: auto 1fr;
		/*grid-template-rows: 1fr 1fr;*/
	}
}
@media (max-width: 991px) {
  .grid-container {
	  grid-template-areas:
		'covertitle covertitle covertitle covertitle'
		'info bookBuyCTA bookBuyCTA bookBuyCTA'
		'info desc desc desc';
	}
	.itembookBuyCTA .bookBuyCTA {
	  max-width: 100%;
	}
	.itemtitle {width: 100%;margin-left:0px;}
}
@media (max-width: 767px) {
  .grid-container {
	  grid-template-areas:
		'covertitle covertitle covertitle covertitle'
		'bookBuyCTA bookBuyCTA bookBuyCTA bookBuyCTA'
		'desc desc desc desc'
		'info info info info';
   }
   .itemcover {display: none;}
   .itemtitle .bookCover-big {display:block;max-width: 70%;}
}
@media (min-width: 768px) and  (max-width: 991px){
	.itemcover {grid-area: itemcover2;}
	.itemtitle {float: left;width:auto;margin-left:40px;text-align: left;grid-area: itemtitle2;}
	.itemcovertitle > div {
		width: 100%;
		display: grid;
		grid-template-areas:'itemcover2 itemtitle2 itemtitle2 itemtitle2';
		gap: 0px 0px;
	}
	.iteminfo { width: 270px; }
}
.itemdesc .textCollapsible .text > p, .itemdesc .textCollapsible .text > div {
  display: none;
}
.itemdesc .textCollapsible .text > p.is-active, .itemdesc .textCollapsible .text > div.is-active {
  display: block;
}