/** k2shop.hu site **/
/*********************** 12 column responsive grid  ***********************/
/*
*
*		.grid12-3:		12 column grid, 3x4 column wide panels
*		.grid12-4:		12 column grid, 4x3 column wide panels
*		.grid12-6:		12 column grid, 6x2 column wide panels
*
*		.grid12-4.innerGrid: 	inner content, leftCol 4comumn wide mainContent 8 column wide 
* 
*
*
/**************************************************************************/
/*********************** grid gaps ***********************/
.homeTitle {
  grid-area: homeTitle;
}
.homeText {
  grid-area: homeText;
}
.homeBottom {
  grid-area: homeBottom;
}
.homeSubTitle1 {
  grid-area: homeSubTitle1;
}
.homeSubTitle2 {
  grid-area: homeSubTitle2;
}
.homeSubTitle3 {
  grid-area: homeSubTitle3;
}
.homeSubTitle4 {
  grid-area: homeSubTitle4;
}
.homeSubTitle5 {
  grid-area: homeSubTitle5;
}
.homeSubTitle6 {
  grid-area: homeSubTitle6;
}
.menuGrid .parentTitle {
  grid-area: 1/2/1/14;
}
.menuGrid .i1 {
  grid-area: 2/2/2/6;
}
.menuGrid .i2 {
  grid-area: 2/6/2/10;
}
.menuGrid .i3 {
  grid-area: 2/10/2/14;
}
.grid12-1,
.grid12-2,
.grid12-3,
.grid12-4,
.grid12-6 {
  display: grid;
  gap: 36px;
  grid-template-columns: 200px repeat(12, 1fr) 200px;
}
.grid12-5 {
  display: grid;
  gap: 36px;
  grid-template-columns: 200px repeat(10, 1fr) 200px;
}
.messages,
.messageContainer {
  grid-area: 1/5/1/11;
}
.grid12-6.contentGrid {
  grid-template-areas: ". . . . homeTitle homeTitle homeTitle homeTitle homeTitle homeTitle . . . ." ". . . . homeText homeText homeText homeText homeText homeText . . . ." ". homeSubTitle1 homeSubTitle1 homeSubTitle2 homeSubTitle2 homeSubTitle3 homeSubTitle3 homeSubTitle4 homeSubTitle4 homeSubTitle5 homeSubTitle5 homeSubTitle6 homeSubTitle6 ." ". item1 item1 item2 item2 item3 item3 item4  item4  item5  item5 item6 item6 ." ". homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom homeBottom homeBottom .";
}
.grid12-6.contentGrid .homeBottom {
  justify-self: center;
}
.grid12-5.contentGrid {
  grid-template-areas: ". . .  homeTitle homeTitle homeTitle homeTitle homeTitle homeTitle  . . ." ". . .  homeText homeText homeText homeText homeText homeText  . . ." ". homeSubTitle1 homeSubTitle1 homeSubTitle2 homeSubTitle2 homeSubTitle3 homeSubTitle3 homeSubTitle4 homeSubTitle4 homeSubTitle5 homeSubTitle5 ." ". item1 item1 item2 item2 item3 item3 item4  item4  item5  item5 ." ". homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom .";
}
.grid12-5.contentGrid .homeBottom {
  justify-self: center;
}
.grid12-4.contentGrid {
  grid-template-areas: ". . . . homeTitle homeTitle homeTitle homeTitle homeTitle homeTitle . . . ." ". . . . homeText homeText homeText homeText homeText homeText . . . ." ". homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle3 homeSubTitle3 homeSubTitle3 homeSubTitle4 homeSubTitle4 homeSubTitle4 ." ". item1 item1 item1 item2 item2 item2 item3  item3  item3  item4 item4 item4 ." ". homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom homeBottom homeBottom .";
}
.grid12-4.contentGrid .homeBottom {
  justify-self: center;
}
.grid12-4.contentGrid.compact {
  grid-template-areas: ". . . . homeTitle homeTitle homeTitle homeTitle homeTitle homeTitle . . . ." ". . . . homeText homeText homeText homeText homeText homeText . . . ." ". item1 item1 item1 item2 item2 item2 item3  item3  item3  item4 item4 item4 ." ". homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom homeBottom homeBottom .";
}
.grid12-4.innerGrid .leftCol {
  grid-area: 1/2/1/5;
}
.grid12-4.innerGrid .mainContent {
  grid-area: 1/5/1/14;
}
.grid12-4.innerGrid3 .leftCol {
  grid-area: 1/2/2/5;
}
.grid12-4.innerGrid3 .mainContent {
  grid-area: 1/5/2/11;
}
.grid12-4.innerGrid3 .rightCol {
  grid-area: 1/11/2/14;
}
.grid12-3.contentGrid {
  grid-template-areas: ". . . . homeTitle homeTitle homeTitle homeTitle homeTitle homeTitle . . . ." ". . . . homeText homeText homeText homeText homeText homeText . . . ." ". homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle3 homeSubTitle3 homeSubTitle3 homeSubTitle3 ." ". item1 item1 item1 item1 item2 item2 item2  item2  item3  item3 item3 item3 ." ". homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom homeBottom homeBottom .";
}
.grid12-3.contentGrid .homeBottom {
  justify-self: center;
}
.grid12-2.contentGrid {
  grid-template-areas: ". . . . homeTitle homeTitle homeTitle homeTitle homeTitle homeTitle . . . ." ". . . . homeText homeText homeText homeText homeText homeText . . . ." ". homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 ." ". item1 item1 item1 item1 item1 item1 item2  item2  item2  item2 item2 item2 ." ". homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom homeBottom homeBottom .";
}
.grid12-2.contentGrid .homeBottom {
  justify-self: center;
}
.grid12-1.contentGrid {
  grid-template-areas: ". . . . homeTitle homeTitle homeTitle homeTitle homeTitle homeTitle . . . ." ". . . . homeText homeText homeText homeText homeText homeText . . . ." ". homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 ." ". item1 item1 item1 item1 item1 item1 item1  item1  item1  item1 item1 item1 ." ". homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom homeBottom homeBottom .";
}
.grid12-1.contentGrid .homeBottom {
  justify-self: center;
}
@media (max-width: 1980px) {
  .grid12-1,
  .grid12-2,
  .grid12-3,
  .grid12-4,
  .grid12-6 {
    grid-template-columns: 50px repeat(12, 1fr) 50px;
  }
  .grid12-5 {
    grid-template-columns: 50px repeat(10, 1fr) 50px;
  }
}
@media (max-width: 1600px) {
  .grid12-1,
  .grid12-2,
  .grid12-3,
  .grid12-4,
  .grid12-6 {
    gap: 24px;
    grid-template-columns: 0px repeat(12, 1fr) 0px;
  }
  .grid12-5 {
    gap: 24px;
    grid-template-columns: 0px repeat(10, 1fr) 0px;
  }
}
@media (max-width: 1024px) {
  .grid12-1,
  .grid12-2,
  .grid12-3,
  .grid12-4,
  .grid12-5,
  .grid12-6 {
    gap: 16px;
  }
  .messages,
  .messageContainer {
    grid-area: 1/2/1/14;
  }
  .grid12-6.contentGrid {
    grid-template-areas: ". . . homeTitle homeTitle homeTitle homeTitle homeTitle homeTitle homeTitle homeTitle . . ." ". . . homeText homeText homeText homeText homeText homeText homeText homeText . . ." ". homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 ." ". item1 item1 item1 item1 item1 item1 item2  item2  item2  item2 item2 item2 ." ". homeSubTitle3 homeSubTitle3 homeSubTitle3 homeSubTitle3 homeSubTitle3 homeSubTitle3 homeSubTitle4 homeSubTitle4 homeSubTitle4 homeSubTitle4 homeSubTitle4 homeSubTitle4 ." ". item3 item3 item3 item3 item3 item3 item4  item4  item4  item4 item4 item4 ." ". homeSubTitle5 homeSubTitle5 homeSubTitle5 homeSubTitle5 homeSubTitle5 homeSubTitle5 homeSubTitle6 homeSubTitle6 homeSubTitle6 homeSubTitle6 homeSubTitle6 homeSubTitle6 ." ". item5 item5 item5 item5 item5 item5 item6  item6  item6  item6 item6 item6 ." ". homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom homeBottom homeBottom .";
  }
  .grid12-4.contentGrid {
    grid-template-areas: ". . . homeTitle homeTitle homeTitle homeTitle homeTitle homeTitle homeTitle homeTitle . . ." ". . . homeText homeText homeText homeText homeText homeText homeText homeText . . ." ". homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 ." ". item1 item1 item1 item1 item1 item1 item2  item2  item2  item2 item2 item2 ." ". homeSubTitle3 homeSubTitle3 homeSubTitle3 homeSubTitle3 homeSubTitle3 homeSubTitle3 homeSubTitle4 homeSubTitle4 homeSubTitle4 homeSubTitle4 homeSubTitle4 homeSubTitle4 ." ". item3 item3 item3 item3 item3 item3 item4  item4  item4  item4 item4 item4 ." ". homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom homeBottom homeBottom .";
  }
  .grid12-5.contentGrid {
    grid-template-columns: 0px repeat(12, 1fr) 0px;
    grid-template-areas: ". . . homeTitle homeTitle homeTitle homeTitle homeTitle homeTitle homeTitle homeTitle . . ." ". . . homeText homeText homeText homeText homeText homeText homeText homeText . . ." ". homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle3 homeSubTitle3 homeSubTitle3 homeSubTitle3 ." ". item1 item1 item1 item1 item2 item2 item2  item2  item3  item3 item3 item3 ." ". . . homeSubTitle4 homeSubTitle4 homeSubTitle4 homeSubTitle4 homeSubTitle5 homeSubTitle5 homeSubTitle5 homeSubTitle5 . . ." ". . . item4  item4  item4  item4 item5 item5 item5 item5 . . ." ". homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom homeBottom homeBottom .";
  }
  .grid12-4.contentGrid.compact {
    grid-template-areas: ". . . homeTitle homeTitle homeTitle homeTitle homeTitle homeTitle homeTitle homeTitle . . ." ". . . homeText homeText homeText homeText homeText homeText homeText homeText . . ." ". homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 ." ". item1 item1 item1 item1 item1 item1 item2  item2  item2  item2 item2 item2 ." ". homeSubTitle3 homeSubTitle3 homeSubTitle3 homeSubTitle3 homeSubTitle3 homeSubTitle3 homeSubTitle4 homeSubTitle4 homeSubTitle4 homeSubTitle4 homeSubTitle4 homeSubTitle4 ." ". item3 item3 item3 item3 item3 item3 item4  item4  item4  item4 item4 item4 ." ". homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom homeBottom homeBottom .";
  }
  .grid12-4.innerGrid .leftCol {
    grid-area: 1/2/1/14;
  }
  .grid12-4.innerGrid .mainContent {
    grid-area: 2/2/3/14;
  }
  .grid12-3.contentGrid {
    grid-template-columns: 0 repeat(6, 1fr) 0;
    grid-template-areas: ". homeTitle homeTitle homeTitle homeTitle homeTitle homeTitle ." ". homeText  homeText  homeText  homeText  homeText  homeText  ." ". homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 ." ". item1 item1 item1 item1 item1 item1 ." ". homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 ." ". item2 item2 item2 item2 item2 item2 ." ". homeSubTitle3 homeSubTitle3 homeSubTitle3 homeSubTitle3 homeSubTitle3 homeSubTitle3 ." ". item3 item3 item3 item3 item3 item3 ." ". homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom .";
  }
  .grid12-2.contentGrid {
    grid-template-columns: 0 repeat(6, 1fr) 0;
    grid-template-areas: ". homeTitle homeTitle homeTitle homeTitle homeTitle homeTitle ." ". homeText  homeText  homeText  homeText  homeText  homeText  ." ". homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 ." ". item1 item1 item1 item1 item1 item1 ." ". homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 ." ". item2 item2 item2 item2 item2 item2 ." ". homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom .";
  }
  .grid12-1.contentGrid {
    grid-template-columns: 0 repeat(6, 1fr) 0;
    grid-template-areas: ". homeTitle homeTitle homeTitle homeTitle homeTitle homeTitle ." ". homeText  homeText  homeText  homeText  homeText  homeText  ." ". homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 ." ". item1 item1 item1 item1 item1 item1 ." ". homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom .";
  }
  .grid12-4.innerGrid3 .leftCol {
    grid-area: 1/2/3/5;
  }
  .grid12-4.innerGrid3 .mainContent {
    grid-area: 1/5/2/14;
  }
  .grid12-4.innerGrid3 .rightCol {
    grid-area: 2/5/3/14;
  }
}
@media (max-width: 576px) {
  .grid12-1,
  .grid12-2,
  .grid12-3,
  .grid12-4,
  .grid12-5,
  .grid12-6 {
    gap: 12px;
    grid-template-columns: 0 repeat(6, 1fr) 0;
  }
  .messages,
  .messageContainer {
    grid-area: 1/2/1/8;
  }
  .grid12-6.contentGrid {
    grid-template-areas: ". homeTitle homeTitle homeTitle homeTitle homeTitle homeTitle ." ". homeText homeText homeText homeText homeText homeText ." ". homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 ." ". item1 item1 item1 item1 item1 item1 ." ". homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 ." ". item2 item2 item2 item2 item2 item2 ." ". homeSubTitle3 homeSubTitle3 homeSubTitle3 homeSubTitle3 homeSubTitle3 homeSubTitle3 ." ". item3 item3 item3 item3 item3 item3 ." ". homeSubTitle4 homeSubTitle4 homeSubTitle4 homeSubTitle4 homeSubTitle4 homeSubTitle4 ." ". item4 item4 item4 item4 item4 item4 ." ". homeSubTitle5 homeSubTitle5 homeSubTitle5 homeSubTitle5 homeSubTitle5 homeSubTitle5 ." ". item5 item5 item5 item5 item5 item5 ." ". homeSubTitle6 homeSubTitle6 homeSubTitle6 homeSubTitle6 homeSubTitle6 homeSubTitle6 ." ". item6 item6 item6 item6 item6 item6 ." ". homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom .";
  }
  .grid12-5.contentGrid {
    grid-template-columns: 0px repeat(6, 1fr) 0px;
    grid-template-areas: ". homeTitle homeTitle homeTitle homeTitle homeTitle homeTitle ." ". homeText homeText homeText homeText homeText homeText ." ". homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 ." ". item1 item1 item1 item1 item1 item1 ." ". homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 ." ". item2 item2 item2 item2 item2 item2 ." ". homeSubTitle3 homeSubTitle3 homeSubTitle3 homeSubTitle3 homeSubTitle3 homeSubTitle3 ." ". item3 item3 item3 item3 item3 item3 ." ". homeSubTitle4 homeSubTitle4 homeSubTitle4 homeSubTitle4 homeSubTitle4 homeSubTitle4 ." ". item4 item4 item4 item4 item4 item4 ." ". homeSubTitle5 homeSubTitle5 homeSubTitle5 homeSubTitle5 homeSubTitle5 homeSubTitle5 ." ". item5 item5 item5 item5 item5 item5 ." ". homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom .";
  }
  .grid12-4.contentGrid {
    grid-template-areas: ". homeTitle homeTitle homeTitle homeTitle homeTitle homeTitle ." ". homeText homeText homeText homeText homeText homeText ." ". homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 ." ". item1 item1 item1 item1 item1 item1 ." ". homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 ." ". item2 item2 item2 item2 item2 item2 ." ". homeSubTitle3 homeSubTitle3 homeSubTitle3 homeSubTitle3 homeSubTitle3 homeSubTitle3 ." ". item3 item3 item3 item3 item3 item3 ." ". homeSubTitle4 homeSubTitle4 homeSubTitle4 homeSubTitle4 homeSubTitle4 homeSubTitle4 ." ". item4 item4 item4 item4 item4 item4 ." ". homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom .";
  }
  .grid12-4.contentGrid.compact {
    grid-template-areas: ". homeTitle homeTitle homeTitle homeTitle homeTitle homeTitle." ". homeText homeText homeText homeText homeText homeText ." ". item1 item1 item1 item1 item1 item1 ." ". item2 item2 item2 item2 item2 item2 ." ". item3 item3 item3 item3 item3 item3 ." ". item4 item4 item4 item4 item4 item4 ." ". homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom .";
  }
  .grid12-3.contentGrid {
    grid-template-areas: ". homeTitle homeTitle homeTitle homeTitle homeTitle homeTitle ." ". homeText homeText homeText homeText homeText homeText ." ". homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 ." ". item1 item1 item1 item1 item1 item1 ." ". homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 ." ". item2 item2 item2 item2 item2 item2 ." ". homeSubTitle3 homeSubTitle3 homeSubTitle3 homeSubTitle3 homeSubTitle3 homeSubTitle3 ." ". item3 item3 item3 item3 item3 item3 ." ". homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom .";
  }
  .grid12-2.contentGrid {
    grid-template-areas: ". homeTitle homeTitle homeTitle homeTitle homeTitle homeTitle ." ". homeText homeText homeText homeText homeText homeText ." ". homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 ." ". item1 item1 item1 item1 item1 item1 ." ". homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 ." ". item2 item2 item2 item2 item2 item2 ." ". homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom .";
  }
  .grid12-1.contentGrid {
    grid-template-areas: ". homeTitle homeTitle homeTitle homeTitle homeTitle homeTitle ." ". homeText homeText homeText homeText homeText homeText ." ". homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 ." ". item1 item1 item1 item1 item1 item1 ." ". homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom .";
  }
  .grid12-3.menuGrid .parentTitle {
    grid-area: 1/2/1/8;
  }
  .grid12-3.menuGrid .i1 {
    grid-area: 2/2/4/8;
  }
  .grid12-3.menuGrid .i2 {
    grid-area: 4/2/6/8;
  }
  .grid12-3.menuGrid .i3 {
    grid-area: 6/2/8/8;
  }
  .grid12-4.innerGrid .leftCol {
    grid-area: 1/2/1/8;
  }
  .grid12-4.innerGrid .mainContent {
    grid-area: 2/2/3/8;
  }
  .grid12-4.innerGrid3 .leftCol {
    grid-area: 1/2/1/8;
  }
  .grid12-4.innerGrid3 .mainContent {
    grid-area: 2/2/3/8;
  }
  .grid12-4.innerGrid3 .rightCol {
    grid-area: 3/2/4/8;
  }
}
.topNav.grid12-4 {
  grid-template-areas: ". item1 item2 item3 item3 item4 item4 item4 item4 item4 item4 item5 item5  . ";
  align-items: center;
}
.topNav.grid12-4 .item2.displayDesktop {
  justify-self: end;
}
.topNav.grid12-4 .topMenuGrid {
  display: inline-grid;
  grid-template-areas: "item1 item2 item3 item4";
  justify-self: end;
  align-items: center;
  gap: 24px;
}
.topNav.grid12-4 .topMenuGrid .lpMenu .ul_level_0 li.li_level_0 {
  line-height: 0;
}
.topNav.grid12-4 .topMenuGrid .lpMenu .ul_level_0 li.li_level_0 img {
  height: 28px;
}
.topNav.grid12-4 #product_filterSearchButton span.iconContainer {
  display: block;
  width: 40px;
  height: 40px;
  background-image: url(../img/Search-white.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 28px;
  left: 0px;
  border-radius: 0px 5px 5px 0px;
}
.topNav.grid12-4 #product_filterSearchButton span.iconContainer i {
  display: none;
}
.topNav.grid12-4 #product_filterSearchButton span.iconContainer:hover {
  background-image: url(../img/Search.svg);
}
.topSaleMenu.grid12-4 {
  gap: 0;
  grid-template-areas: "item1  item1 item1 item1 item1 item1 item1 item2 item2 item2 item2 item2 item2  item2 ";
}
.topSaleMenu.grid12-4 .item1 {
  align-self: center;
}
.bannerGrid.grid2 {
  grid-template-areas: " item1   item2 " " item1   item3 ";
}
.sportArtGrid {
  margin-bottom: 36px;
}
.sportArtGrid .homeTitle,
.sportArtGrid .homeText,
.sportArtGrid .homeBottom {
  display: none;
}
.sportArtGrid h3 {
  font-size: 70px;
  align-self: end;
  margin: 0;
  line-height: 1;
}
.sportArtGrid .introImgWrap {
  grid-area: imgWrap;
  position: relative;
  overflow: hidden;
}
.sportArtGrid .introImgWrap img {
  width: 100%;
}
.sportArtGrid .introImgWrap::after {
  content: '';
  position: absolute;
  width: 150%;
  height: 200px;
  transform: rotate(4deg);
}
.sportArtGrid .introText {
  grid-area: introText;
  font-size: 24px;
}
.sportArtGrid .sysPanel {
  grid-area: sysPanel;
  align-self: start;
}
.sportArtGrid .homeIntro {
  grid-template-rows: 1fr 1fr 1fr;
  column-gap: 0;
}
.sportArtGrid .item1 {
  grid-template-areas: "imgWrap imgWrap imgWrap imgWrap imgWrap imgWrap imgWrap .  homeSubTitle1  homeSubTitle1  homeSubTitle1  homeSubTitle1  homeSubTitle1 ." "imgWrap imgWrap imgWrap imgWrap imgWrap imgWrap imgWrap . introText       introText      introText      introText      introText     ." "imgWrap imgWrap imgWrap imgWrap imgWrap imgWrap imgWrap . sysPanel         .              .              .              .             .";
}
.sportArtGrid .item1 .introImgWrap::after {
  right: 0;
  bottom: -200px;
  transform-origin: top right;
}
.sportArtGrid .item2 {
  grid-template-areas: " .  homeSubTitle2  homeSubTitle2  homeSubTitle2  homeSubTitle2  homeSubTitle2 . imgWrap imgWrap imgWrap imgWrap imgWrap imgWrap imgWrap" " . introText       introText      introText      introText      introText     . imgWrap imgWrap imgWrap imgWrap imgWrap imgWrap imgWrap" " . sysPanel         .              .              .              .            . imgWrap imgWrap imgWrap imgWrap imgWrap imgWrap imgWrap";
}
.sportArtGrid .item2 .introImgWrap::after {
  left: 0;
  top: -200px;
  transform-origin: top left;
}
.contactSection {
  grid-template-areas: ". item1 item1 item1 item1 item2 item2 item2 item2 item2 item2 item2 item2 item2";
}
.contactSection .item1 {
  align-self: center;
}
.footerSection.grid12-4 {
  grid-template-areas: ". item1 .      .    .     item2 item2 item2 item3 item3 item3 item4 item4 ." ". item5 item5 item5 item5 item6 item6 item6 item7 item7 item7 item8 item8     ." ". . . . . . item9 item9 item9 item9 . item10 item10 .";
}
.breadcrumbs {
  grid-area: 1/5/2/14;
  line-height: 1.5;
  font-size: 16px;
  font-weight: normal;
  align-self: center;
  padding: 8px 0;
}
.categoryContainer.grid12-4 {
  grid-template-areas: ". . . .  item1 item1 item1 item1 item1 item1 item2 item2 item2 .";
}
.gridLayout .wsProductData {
  position: relative;
  grid-template-areas: "wsProductIdxImgContainer wsProductIdxImgContainer  wsProductIdxImgContainer" "productTitle productTitle productTitle" "propertyBlock  propertyBlock propertyBlock" "productVariant productVariant productVariant " "priceContainer priceContainer priceContainer" "buttonRow buttonRow buttonRow ";
}
.gridLayout .wsProductData .productLifeCycle {
  grid-area: initial;
  width: 110%;
  position: absolute;
  top: 15px;
  left: -45%;
  transform: rotate(-45deg);
}
.gridLayout .wsProductData .productLifeCycle .plcCenter {
  line-height: 30px;
}
.gridLayout .wsProductData .widgetContainer {
  grid-area: 1/3/2/4;
}
.wsProductTable.gridLayout .propertyBlock {
  display: none;
}
.wsTeaserGrid .carouselItem .carouselContent {
  overflow: hidden;
}
.wsTeaserGrid .carouselItem .carouselContent .productLifeCycle {
  grid-area: initial;
  /*top:15px;
		left:-45%;
		transform: rotate(-45deg);*/
  width: 110%;
  position: absolute;
  top: 0;
  left: 0;
  transform: rotate(-45deg) translateX(-33%) translateY(-110px);
  text-align: center;
}
.wsTeaserGrid .carouselItem .carouselContent .productLifeCycle .plcCenter {
  line-height: 30px;
}
.productDetailsPopup .productQuantity .icon-w2cart {
  grid-template-columns: min-content 1fr;
  text-align: center;
  justify-self: center;
  background-image: url('../img/cart.png');
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 12px center;
  padding: 0 24px 0 48px;
}
.productDetailsPopup .productQuantity input {
  height: 30px;
}
.productDetailsPopup .productQuantity .icon-w2cart::before {
  display: none;
}
.productDetailsPopup .productQuantity .productUnit {
  line-height: 35px;
}
.productDetailsPopup .productQuantity .addToCartText {
  margin: 0;
  line-height: 35px;
}
@media (min-width: 1024px) {
  .mobileMenu {
    display: none;
  }
}
@media (min-width: 1200px) {
  .mobileMenu {
    display: none;
  }
  .wsProductTable.gridLayout {
    grid-template-columns: repeat(4, 1fr);
  }
  .innerGrid.innerGridNarrow .mainContent {
    grid-area: 1/5/1/12;
  }
}
@media (max-width: 1600px) {
  .topNav.grid12-4 {
    grid-template-areas: ". item1 item2 item2 item3 item3 item3 item4 item4 item4 item4 item5 item5  . ";
  }
  .topNav.grid12-4 .topMenuGrid {
    gap: 16px;
  }
}
@media (max-width: 1024px) {
  .topNav.grid12-4 {
    grid-template-areas: ". item1 item2 item3 item4 item4 item4 item4 item4 item5 item5 item5 item5  . ";
  }
  /*.topSaleMenu.grid12-4{
		grid-template-areas: 
			". item1 item1 item1 item1 item1 item1 item1 item1 item1 item1 item1 item1  . ";
		
	}*/
  .breadcrumbs {
    grid-area: 1/2/2/14;
    margin: 8px 0;
  }
  .categoryContainer.grid12-4 {
    grid-template-areas: ". item1 item1 item1 item1 item1 item1 item1 item1 item1 item2 item2 item2 item2 .";
  }
  .footerSection.grid12-4 {
    grid-template-areas: ". item1 .      . . . . . . item4 item4 item4 item4 . " ". item5 item5 item5 item5 item5 item5 item8 item8 item8 item8 item8 item8  ." ". item2 item2 item2 item2 item2 item2 item3 item3 item3 item3 item3 item3 ." ". item6 item6 item6 item6 item6 item6 item7 item7 item7 item7 item7 item7 ." ". . . . . . item9 item9 item9 item9 . item10 item10 .";
  }
}
@media (max-width: 576px) {
  .topNav.grid12-4 {
    grid-template-areas: ". item1 item2 item3 item5 item5 item5  . " ". item4 item4 item4 item4 item4 item4  . ";
    padding: 16px 0;
  }
  .topNav.grid12-4 .topMenuGrid {
    gap: 12px;
  }
  .topNav.sticky.grid12-4 {
    grid-template-areas: ". item1 item2 item3 item5 item5 item5  . ";
    padding: 0;
  }
  .topNav.sticky.grid12-4 .item4 {
    display: none;
  }
  .topNav.sticky.grid12-4 .topMenuGrid {
    gap: 12px;
  }
  .topSaleMenu.grid12-4 {
    grid-template-areas: "item1 item1 item1 item1 item1 item1 item1 item1" "item2 item2 item2 item2 item2 item2 item2 item2 ";
  }
  .breadcrumbs {
    grid-area: 0.03571429;
  }
  .categoryContainer.grid12-4 {
    grid-template-areas: ". item1 item1 item1 item1 item1 item1 ." ". item2 item2 item2 item2 item2 item2 .";
  }
  .contactSection {
    grid-template-areas: ". item1 item1 item1 item1 item1 item1 ." "item2 item2 item2 item2 item2 item2 item2 item2";
  }
  .footerSection.grid12-4 {
    grid-template-areas: ". item1 item1 . . . . ." ". item5 item5 item5 item5 item5 item5 ." ". item2 item2 item2 item2 item2 item2 ." ". item6 item6 item6 item6 item6 item6 ." ". item3 item3 item3 item3 item3 item3 ." ". item7 item7 item7 item7 item7 item7 ." ". item4 item4 item4 item4 item4 item4 ." ". item8 item8 item8 item8 item8 item8 ." ". item9 item9 item9 item9 item9 item9 ." ". item10 item10 item10 item10 item10 item10 .";
  }
  .wsProductTable.gridLayout {
    grid-template-columns: 1fr 1fr;
  }
}
body {
  font-size: 18px;
  font-family: 'Roboto', sans-serif, Helvetica, Arial;
}
input,
select {
  height: 40px;
}
.loginView input,
.loginView select {
  border-radius: 0;
}
.overlay {
  backdrop-filter: blur(4px);
}
.lpPopup {
  border-radius: 8px;
}
.darkBg {
  display: inline-block;
  width: 100%;
}
/*a{
    text-decoration:none;
    font-weight:bold;
}*/
a,
.menuItemText,
.iconContainer,
.sysPanel,
.checkoutBtn,
.ccardPayButton,
.sendOrderButton,
.wsBottomNavUl .wsOrderNavLink {
  transition: 0.3s;
}
.sysPanel,
.linkBtn,
a.cart,
.ccardPayButton,
.wsOrderNav .sendOrderButton,
.checkoutBtn,
.wsBottomNavUl .wsOrderNavLink {
  border-radius: 4px;
  padding: 0 24px;
  line-height: 2.5;
}
#lpContent {
  width: 100%;
  line-height: 1.5;
}
.lpPagination {
  font-size: 0.7em;
}
.lpPagination .pageButtons a {
  border-radius: 4px;
  line-height: 38px;
  min-width: 38px;
}
.lpPagination select {
  height: 40px;
}
iframe {
  width: 100%;
  height: 800px;
}
.menuItemText {
  position: relative;
}
.menuItemText::after {
  content: ' ';
  position: absolute;
  bottom: 0px;
  left: 50%;
  width: 0px;
  height: 1px;
  transition: 0.4s;
}
.menuItemText:hover::after {
  transform: translateX(-50%);
  width: 100%;
}
.popupTextContainer h2 {
  text-align: left;
}
/*.popupClose.popupHeadButton{
	background:url('../img/btnClose.png') no-repeat;
	width:40px;
	height:40px;
	i::before{display:none;}
	
	}*/
.topNav.sticky {
  position: sticky;
  z-index: 20;
  padding: 8px 0;
  top: -66px;
}
.topNav.sticky .logo {
  margin: 4px 0;
  max-height: 40px;
  max-width: 100%;
}
.topNav.sticky .accordionMenu .ul_level_1 {
  top: 40px;
}
.topNav.topZero {
  top: 0;
}
.topNav {
  position: relative;
  transition: 0.5s;
  /*
	@keyframes topmenu {
	    0% {
	        visibility: visible;
	    }
	    10% {
	        opacity: 0.8;
	    }
	    
	    30% {
	        opacity: 1;
	    }
	}

	.topCategoryMenu{
		&.item2{
			justify-self: start;
			.iconContainer{font-size: 39px;}
			
			}
		
		.iconContainer{
			font-size:24px;
		}
		
		li > a{width:100%;}
		
		//.li_level_0 > a > .menuItemText{padding:0;}
		
		

		.li_level_1{
			
			position:relative;
			min-width: 260px;
			
		}
		.li_level_1 > .menuItemText,
		.li_level_1 > a > .menuItemText{
			font-weight: bold;
			//font-size: 20px;
			text-align:center;
			width:100%;
		}
		 .ul_level_3{
			 opacity:0;
			 visibility: hidden;
			 
			 min-width: 260px;
			 //padding-top:45px;
			 //transition: 1s;
			 transition-duration: 200ms;
			 transition-delay: 400ms;
			 //transition-delay: 200ms;
			 position: absolute;
			 top: 45px;
  			 left: 100%;
  			 z-index: 2;
  			 //animation: topmenu 10s ;
			 }
		.ul_level_3.animated{transition-delay: 400ms;};	 
		.li_level_2:hover > .ul_level_3{
			//position: absolute;
			 top: 45px;
  			 left: 100%;
			  display: block;
			  visibility: visible;
			  opacity: 1;
			  //position: absolute;
			  //transition-delay: 0.4s;
			  //transition:800ms;
			  
			}
		.li_level_3 .menuItemText{
			font-size: 16px;
			line-height: 35px;
			transition-delay: 0;
		}	 
		
		.li_level_1:last-child .ul_level_3{top:0;padding-top:45px;}
	}*/
}
.topNav .logo {
  margin: 20px 0;
  max-height: 60px;
  max-width: 100%;
}
.topNav .topCategoryMenu.displayDesktop {
  /*.ul_level_2{
			//display:none;
			//transition:200ms;
			visibility:hidden;
			opacity: 0;
			//right:0;
			transition: opacity 200ms 300ms;
  			//transition-delay: 400ms;
  			display:block;
  			position: absolute;
			 top: 0;
			 right:0;
			}
		.li_level_1:hover .ul_level_2{
			 
			 visibility: visible;
			 opacity: 1;
			 
			 
		}*/
  /*
		 .ul_level_2{
			 opacity:0;
			 visibility: hidden;
			 
			 //min-width: 260px;
			 //padding-top:45px;
			 //transition: 1s;
			 //transition-duration: 200ms;
			 //transition-delay: 400ms;
			 //transition: opacity 200ms 300ms;
			 //transition-delay: 200ms;
			 
  			 z-index: 2;
  			
			 }
		.li_level_1:hover > .ul_level_2{
			//position: absolute;
			 //top: 45px;
  			 //left: 100%;
			  display: block;
			  visibility: visible;
			  opacity: 1;
			  //position: absolute;
			  //transition-delay: 0.4s;
			  //transition:800ms;
			  position: absolute;
			 top: 0;
  			 left:100%;
			  
			}*/
}
.topNav .topCategoryMenu.displayDesktop.item2 {
  justify-self: end;
}
.topNav .topCategoryMenu.displayDesktop.item3 {
  justify-self: start;
}
.topNav .topCategoryMenu.displayDesktop li > a {
  width: 100%;
}
.topNav .topCategoryMenu.displayDesktop .li_level_0 > a > .menuItemText {
  padding: 0;
  font-weight: bold;
}
.topNav .topCategoryMenu.displayDesktop .ul_level_1,
.topNav .topCategoryMenu.displayDesktop .ul_level_2 {
  padding: 40px 0;
}
.topNav .topCategoryMenu.displayDesktop .li_level_0 li {
  padding: 0 100px 0 60px;
}
.topNav .topCategoryMenu.displayDesktop .li_level_1 .menuItemText {
  padding: 0;
  line-height: 36px;
}
.topNav .topCategoryMenu.displayDesktop .ul_level_2 {
  opacity: 0;
  visibility: hidden;
  min-width: 260px;
  transition-duration: 200ms;
  transition-delay: 400ms;
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 2;
}
.topNav .topCategoryMenu.displayDesktop .li_level_1:hover > .ul_level_2 {
  display: block;
  visibility: visible;
  opacity: 1;
}
.topNav .accordionMenu .li_level_0 > .toggleButton {
  display: none;
}
.topNav .accordionMenu .ul_level_0 .li_level_0 {
  position: initial;
}
.topNav .accordionMenu .ul_level_1 {
  position: absolute;
  top: 70px;
  left: 0;
  width: 100%;
  z-index: 50;
}
.topNav .accordionMenu .ul_level_1 .menuItemText {
  padding-right: 40px;
}
.topNav .accordionMenu .iconContainer.iMenu {
  font-size: 24px;
}
.topNav .accordionMenu .li_level_1 > .menuItemText,
.topNav .accordionMenu .li_level_1 > a > .menuItemText {
  font-weight: bold;
  text-align: center;
  width: 100%;
}
.topNav .accordionMenu .ul_level_2 ul {
  padding-left: 24px;
}
.topNav .accordionMenu .li_level_3 .menuItemText {
  font-size: 16px;
  line-height: 35px;
}
.topNav .lpMenu .li_level_1 .menuItemText {
  width: auto;
  font-weight: normal;
}
.topNav .cartMenu {
  position: relative;
}
.topNav .cartMenu .li_level_0 {
  line-height: 0;
}
.topNav .cartMenu .menuItemImg {
  height: 24px;
}
.topNav .favsMenu {
  position: relative;
}
.topNav .wsCartCounter,
.topNav .wsFavsCounter {
  position: absolute;
  z-index: 1;
  right: -7px;
  top: -5px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  line-height: 16px;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
}
.topNav .wsCartCounter {
  top: -11px;
}
.topNav .topMenuGrid .ul_level_1 {
  right: 0;
  z-index: 20;
}
.topNav .topMenuGrid .iconContainer {
  font-size: 24px;
}
.topNav .iUserLoggedInR.iMultiLayer .l2 {
  top: 20%;
}
.topNav .languageMenu .menuItemText {
  padding: 0 ;
  text-transform: uppercase;
}
.topNav .languageMenu .menuItemText::after {
  display: none;
}
.productSearch {
  /*&:before{
		content:' ';
		position:absolute;
		width:100%;
		height: 100%;
		top:0;
		left:0;
		//transform:skewX(-25deg);
		z-index: 1;
		
	}*/
}
.productSearch .lpAutoComplete {
  position: relative;
  z-index: 10;
  height: 40px;
  font-size: 20px;
  border-radius: 4px;
  padding: 0 40px 0 16px;
}
.productSearch a {
  display: inline-block;
  z-index: 10;
  height: 40px;
  right: 0;
  padding: 0 20px;
  line-height: 40px;
  font-size: 20px;
}
.productSearch a::before {
  content: ' ';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  border-radius: 0 4px 4px 0;
}
.productSearch a .iconContainer {
  position: absolute;
  z-index: 10;
  left: 11px;
  top: 0px;
  font-size: 20px;
  line-height: 40px;
}
.productSearch .searchBtn {
  font-size: 18px;
  font-weight: bold;
}
.topSaleMenu .ul_level_0 {
  padding: 8px 8px 0 8px;
  display: inline-block;
}
.topSaleMenu .li_level_0 {
  border-radius: 4px;
  float: left;
  margin-right: 30px;
  margin-bottom: 8px;
  min-width: 120px;
  text-align: center;
}
.topSaleMenu .li_level_0:last-child {
  margin-right: 0;
}
.topSaleMenu .menuItemText {
  transition: 0;
  font-weight: bold;
  font-size: 16px;
  line-height: 30px;
  text-transform: uppercase;
}
.bannerGrid .lpBanner .quickMenuContainer {
  bottom: 30px;
}
.bannerGrid .lpBanner .quickMenuContainer li {
  width: 16px;
  height: 16px;
}
.bannerGrid .lpBanner .iconContainer {
  display: none;
}
.bannerGrid .bannerText {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  grid-template-rows: repeat(4, 1fr);
}
.bannerGrid .bannerText .textContainer {
  position: relative;
  grid-area: 2/2/3/8;
  text-align: left;
  font-size: 42px;
  font-weight: bold;
}
.bannerGrid .bannerText .textContainer a {
  text-align: left;
  font-size: 42px;
  text-transform: uppercase;
}
.bannerGrid .bannerText .textContainer h4 {
  text-align: left;
  font-size: 24px;
  text-transform: uppercase;
  margin-top: 36px;
}
.bannerGrid .item2,
.bannerGrid .item3 {
  position: relative;
  overflow: hidden;
  /*&:hover .menuItemText::after {
  			transform: translateX(-50%);
  			width: 100%;
		}*/
}
.bannerGrid .item2 .menuItemImg,
.bannerGrid .item3 .menuItemImg {
  position: absolute;
  top: 0;
  right: 0;
  width: 120%;
  height: 120%;
}
.bannerGrid .item2 a,
.bannerGrid .item3 a {
  display: block;
  widht: 100%;
  height: 100%;
}
.bannerGrid .item2 a::after,
.bannerGrid .item3 a::after {
  content: ' ';
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  height: 100%;
  transition: 0.4s;
}
.bannerGrid .item2 .menuItemText,
.bannerGrid .item3 .menuItemText {
  position: absolute;
  font-size: 46px;
  line-height: 1;
  font-weight: bold;
  top: 36px;
  left: 46px;
  z-index: 2;
}
.bannerGrid .item2 .menuItemText::after,
.bannerGrid .item3 .menuItemText::after {
  display: none;
}
.carouselHead {
  gap: 0;
}
.carouselHead h2 {
  margin: 0;
}
.carouselContent {
  border-radius: 8px;
}
.wsTeaserGrid {
  margin-bottom: 36px;
}
.wsTeaserGrid .carouselItem .carouselContent .teaserPrice {
  display: none;
}
.groupIntroImgWrap {
  grid-area: 2/1/6/15;
  z-index: -1;
  overflow: hidden;
  position: relative;
  /*overflow: hidden;
		 top: 0;
		 left: 0;
		 width: 100%;
		 height: 100%;
		 
		 &:after{
			content:'';
		  	position:absolute;
		  	display:block;
		  	top:0;
		  	left:0;
		  	width: 100%;
		  	height: 100%;	
		 }*/
}
.groupIntroImgWrap img {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  max-width: initial;
  min-height: 100%;
  min-width: 100%;
}
.carouselHeadTitle,
.homeTitle {
  text-align: center;
  margin: 0;
  line-height: 2;
  padding: 16px 0;
}
.homeSection {
  row-gap: 0;
}
.homeSection .homeIntro {
  border-radius: 8px;
  overflow: hidden;
  display: grid;
  margin-bottom: 36px;
  grid-template-rows: min-content auto 1fr min-content;
  column-gap: 0;
  grid-template-areas: "introImg" "subTitle" "introText" "sysPanel";
}
.homeSection .homeIntro .subTitle {
  grid-area: subTitle;
  padding: 16px;
  text-align: center;
}
.homeSection .homeIntro .introImg {
  grid-area: introImg;
  width: 100%;
}
.homeSection .homeIntro .introText {
  text-align: center;
  grid-area: introText;
  margin: 16px;
  font-size: 0.9em;
  line-height: 1.3;
  align-self: start;
  display: -webkit-box;
  max-width: 100%;
  max-height: 80px;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.homeSection .homeIntro .sysPanel {
  grid-area: sysPanel;
  justify-self: center;
  margin-bottom: 36px;
}
.homeSection .homeBottom .sysPanel {
  margin: 36px 0;
}
/*
.onlineSection{
	position:relative;
	
	.homeIntro{
		margin:@moduleGapL 0;
		min-height:247px;
	}
	
}
**/
.onlineSection .carouselGridContainer {
  padding: 36px 0;
  background: url('/media/home/body_bg.jpg');
  background-size: cover;
}
.onlineSection .carouselGridContainer .carouselContent {
  grid-template-rows: auto min-content 1fr auto;
  backdrop-filter: blur(6px);
  overflow: hidden;
  grid-template-areas: "item2" "item1" "item3" "item4";
}
.onlineSection .carouselGridContainer .carouselContent h3 {
  text-align: center;
}
.onlineSection .carouselGridContainer .carouselContent .carouselIntroText {
  text-align: center;
  padding: 16px;
  font-size: 0.9em;
  line-height: 1.3;
  align-self: start;
}
.onlineSection .carouselGridContainer .carouselContent .sysPanel {
  align-self: end;
  justify-self: center;
  margin-bottom: 36px;
}
.shopSection .homeBottom .sysPanel {
  margin: 0;
}
.mapTitle {
  margin: 0;
  text-align: center;
  line-height: 2;
}
.contactSection p {
  padding: 0;
  margin: 0;
}
.contactSection iframe {
  width: 100%;
  height: 100%;
  min-height: 400px;
}
.leftCol .lpMenu li {
  width: 100%;
}
.leftCol .lpMenu .menuItemText {
  padding: 0;
  line-height: 24px;
  font-size: 18px;
}
.leftCol .lpMenu .active > .menuItemText {
  font-weight: bold;
}
.leftCol .lpMenu .li_level_0 > a > .menuItemText {
  font-weight: bold;
  font-size: 20px;
  line-height: 50px;
}
.leftCol .lpMenu .lpMenu ul li ul a {
  white-space: initial;
}
.leftCol .lpMenu .ul_level_1 {
  padding: 20px 0;
}
.leftCol .lpMenu .ul_level_1 ul {
  padding: 8px 0 8px 24px;
}
.leftCol .lpMenu .ul_level_1 ul .menuItemText {
  font-size: 0.85em;
}
.leftCol .lpMenu .iconContainer:not(.toggleButton) {
  display: none;
}
.gridLayout {
  overflow: visible;
}
.gridLayout .wsProductData {
  row-gap: 0;
  border-radius: 8px;
}
.gridLayout .wsProductData .wsProductIdxImgContainer {
  margin-bottom: 8px;
}
.gridLayout .wsProductData .wsProductIdxImgContainer a {
  height: 150px;
  display: inline-block;
  align-content: end;
  margin-bottom: 8px;
}
.gridLayout .wsProductData .wsName {
  height: 45px;
}
.gridLayout .wsProductData .wsName::after {
  display: none;
}
.gridLayout .wsProductData .priceLabel {
  display: none;
}
.gridLayout .wsProductData .addToCart32.icon-w2cart::before {
  display: none;
}
.gridLayout .wsProductData .details {
  display: none;
}
.gridLayout .wsProductData .productVariant,
.gridLayout .wsProductData .vatText {
  display: none;
}
.gridLayout .wsProductData .currency {
  font-weight: bold;
  font-size: 20px;
}
.gridLayout .wsProductData .priceContainer {
  line-height: 1.2;
}
.gridLayout .wsProductData .stockInfo {
  text-align: center;
}
.gridLayout .wsProductData .stockLegend {
  display: none;
}
.gridLayout .wsProductData .stockText {
  font-size: 16px;
}
.gridLayout .wsProductData .buttonRow.compare {
  gap: 0;
  grid-template-columns: 1fr;
  grid-template-areas: "cart" "productCompare";
}
.gridLayout .wsProductData .buttonRow.compare .cart {
  justify-self: center;
  line-height: 35px;
  padding: 0 10px;
  min-width: 150px;
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: bold;
}
.gridLayout .wsProductData .buttonRow.compare .productCompare {
  justify-self: center;
}
.gridLayout .wsProductData .buttonRow.compare .sysPanel {
  margin: 0;
  padding: 0 10px;
  min-width: 150px;
}
.gridLayout.bookingProductTable .wsProductData .productVariant {
  display: block;
  font-weight: bold;
  margin-bottom: 16px;
}
.groupContent {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 36px;
}
.groupContent .articleGroupIntro {
  overflow: hidden;
  margin: 0;
  border-radius: 8px;
  grid-template-columns: 1fr;
  gap: 0;
  grid-template-areas: "introImg" "articleTitle" "groupIntro";
}
.groupContent .articleGroupIntro .articleToolbar {
  display: none;
}
.groupContent .articleGroupIntro .articleTitle {
  width: 100%;
  overflow: hidden;
}
.groupContent .articleGroupIntro h2 {
  padding: 20px 16px;
  text-align: center;
  line-height: 1.2;
  font-size: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.groupContent .articleGroupIntro .iconContainer {
  font-size: 90px;
}
.groupContent .articleGroupIntro .introImg {
  justify-self: center;
  align-self: start;
}
.groupContent .articleGroupIntro .groupIntro {
  grid-template-columns: 1fr;
  grid-template-areas: "introText" "sysPanel";
}
.groupContent .articleGroupIntro .groupIntro .introText {
  justify-self: center;
  text-align: center;
  padding: 0px;
  font-size: 0.9em;
  line-height: 1.3;
  align-self: start;
  margin: 16px;
  max-height: 80px;
  overflow: hidden;
}
.groupContent .articleGroupIntro .groupIntro .sysPanel {
  grid-area: sysPanel;
  justify-self: center;
  align-self: end;
}
.articleHead {
  border-radius: 8px;
  overflow: hidden;
}
.relatedContent {
  margin-top: 24px;
}
.relatedContent h2 {
  text-align: center;
  margin-bottom: 24px;
}
.priceFrom {
  display: none;
}
.ws_brand,
.ws_color,
.productBrand,
.production_year {
  display: none;
}
.categoryContainer h2 {
  margin: 0;
}
.categoryContainer .item2 {
  line-height: 1.1;
  align-self: end;
}
.wsProductFilter {
  grid-gap: 0 36px;
  grid-template-columns: repeat(4, 1fr);
  grid-template-areas: ". .  orderingTitle  orderingSelect";
}
.wsProductFilter .orderingTitle {
  justify-self: right;
}
.wsProductFilter .filterBlock {
  margin-bottom: 36px;
}
.wsFilter {
  margin-bottom: 24px;
}
.wsFilter .listPanel {
  margin-right: 30px;
  min-width: 80px;
}
.multipleFilterContainer {
  display: flex;
  flex-wrap: wrap;
  column-gap: 16px;
  row-gap: 8px;
  margin-bottom: 24px;
}
.multipleFilterContainer .wsFilterSelect {
  display: inline-block;
}
.multipleFilterContainer .filterHead {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  font-size: 16px;
}
.multipleFilterContainer .imgContainer {
  text-align: center;
}
.multipleFilterContainer .imgContainer .dropDownImg {
  max-width: 15px;
}
.multipleFilterContainer .filterBody {
  border-radius: 0 0 8px 8px;
  max-height: 400px;
  overflow: hidden;
  overflow-y: scroll;
  /*.listPanel{
			margin:0 12px 12px 12px;
			padding:0 12px;
			border-radius:8px;
		}
		.listPanel:first-child{
			margin-top:12px;
		}*/
}
.multipleFilterContainer .filterBody .resetBtn {
  padding: 0 8px;
  line-height: 2;
  border-radius: 4px;
  font-size: 12px;
}
.multipleFilterContainer .filterBody .filterPanel {
  font-size: 16px;
}
.multipleFilterContainer .filterBody .filterPanel.selected {
  font-weight: bold;
}
.multipleFilterContainer .filterBody .filterPanel .iconContainer {
  font-size: 20px;
}
.multipleFilterContainer .filterBody .selectCount {
  margin-bottom: 12px;
  padding: 0 12px;
}
.multipleFilterContainer .filterHead.filtered {
  position: relative;
}
.multipleFilterContainer .filterHead.filtered::after {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  width: calc(100% + 2px);
  height: 6px;
  transition: 0.5s;
  border-radius: 5px 5px 0 0;
}
.multipleFilterContainer .selectCount {
  font-size: 16px;
}
.multipleFilterContainer .clearAllFilter {
  font-size: 16px;
}
/*

grid-area: initial;
  width: 120%;
  position: absolute;
  top: -40%;
  transform: rotate(-45deg);
  text-align: center;
  left: -65%;
  transform-origin: top right;

width: 110%;
  position: absolute;
  top: 0;
  left: 0;
  transform: rotate(-45deg) translateX(-33%) translateY(-120px);
*/
.moreProducts {
  padding-top: 32px;
}
.productLifeCycle {
  line-height: 30px;
}
.widgetContainer {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
.widgetContainer .favsContainer {
  line-height: 0;
}
.widgetContainer .discountIcon {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  text-align: center;
  line-height: 30px;
  font-size: 16px;
}
.favsContainer {
  text-align: center;
}
.favsContainer .iHeart {
  width: 30px;
  height: 30px;
}
.favsContainer .iHeartSolid {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: block;
  line-height: 32px;
  font-size: 16px;
}
.favsContainer .datasheetIcon img {
  width: 100%;
}
.productDetails {
  grid-template-columns: 200px 1fr 1fr 200px;
  grid-template-rows: min-content min-content min-content min-content 1fr min-content min-content min-content min-content min-content;
  grid-template-areas: "productImages productImages productName productName " "productImages productImages productLifeCycle productLifeCycle" "productImages productImages productArticleNo productArticleNo" "productImages productImages productCompare productCompare" "productImages productImages productOrderForm productOrderForm" "bundleProduct bundleProduct . ." " relatedProduct relatedProduct . ." "  productDescription productDescription . ." " productRating   productRating . ." " cetelemText   cetelemCalc . .";
  /*.spinner {
		  text-align: center;
		  padding-right: 30px;
		}*/
  /*.lpSlider{
		 .idxContainer{
  			display: flex;
  			justify-content: center;
  			
  		}
  		.idxImgWrap{width:100px;}
	}*/
}
.productDetails h1 {
  text-align: left;
}
.productDetails .favsContainer {
  line-height: 0;
  grid-area: 2/4/3/5;
}
.productDetails .favsContainer .iHeart {
  line-height: 30px;
  margin-right: 4px;
}
.productDetails .productLifeCycle {
  justify-self: left;
  margin-bottom: 16px;
}
.productDetails .productLifeCycle .plcCenter {
  border-radius: 4px;
  line-height: 30px;
}
.productDetails .productArticleNo {
  font-size: 14px;
  margin-bottom: 16px;
  /*.articleRow{
			grid-template-columns: max-content min-content;
			gap:8px;
		}*/
}
.productDetails .productArticleNo .articleData {
  font-weight: bold;
}
.productDetails .productCompare {
  justify-self: start;
  margin: 0;
}
.productDetails .propertyRow.pr-product_weight {
  display: none;
}
.productDetails .variantContainer {
  row-gap: 0;
}
.productDetails .variantDisplay {
  display: none;
}
.productDetails .stockInfo {
  margin-bottom: 12px;
}
.productDetails .stockLegend {
  border-radius: 50%;
}
.productDetails .stockText {
  font-size: 14px;
  font-weight: normal;
}
.productOrderFormInner {
  padding: 16px 0;
  grid-template-areas: "productStock productStock" "shippingText stockInfoButton" "productVariant productVariant" "productExtra productExtra" "productPriceInfo productPriceInfo" "productQuantity productQuantity" "quantityErr ." "productOrderFooter productOrderFooter";
}
.productOrderFormInner .productQuantity {
  grid-template-areas: "quatnityContainer ." "cart .";
  row-gap: 16px;
}
.productOrderFormInner .productQuantity .addToCartText {
  line-height: 40px;
}
.productOrderFormInner .icon-w2cart::before {
  display: none;
}
.productOrderFormInner .icon-w2cart {
  border-radius: 4px;
  grid-template-areas: "iconText iconText";
}
.productOrderFormInner .icon-w2cart .addToCartText {
  justify-self: center;
  margin: 0;
}
.productOrderFormInner .activeDisplay {
  display: none;
}
.productOrderFormInner .stockText {
  font-weight: bold;
}
.productOrderFormInner .priceLabel {
  display: none;
}
.productOrderFormInner .price,
.productOrderFormInner .currency {
  font-size: 32px;
}
.productOrderFormInner .currency {
  font-weight: bold;
}
.variantSelectors .sysPanel {
  position: relative;
}
.variantSelectors .sysPanel::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  transition: 0.5s;
}
.variantSelectors .sysPanel.selected:after,
.variantSelectors .sysPanel:hover::after {
  height: 4px;
}
.productTechnologyItem .imgContainer {
  height: 180px;
  padding: 4px 16px;
}
.productTechnologyItem .technologyLink {
  font-size: 18px;
}
.lpPopup.technology .articleHead .introImg img {
  max-width: 150px;
}
/*
.comparisonItem{
	.productImage{padding-right:8px;}
}*/
.productRelatedArticle {
  margin-bottom: 36px;
}
.comparisonProduct .iDelete,
.comparisonItem .iDelete {
  display: block;
  position: relative;
  height: 19px;
  width: 19px;
}
.comparisonProduct .iDelete i,
.comparisonItem .iDelete i {
  display: none;
}
.comparisonProduct .iDelete::before,
.comparisonItem .iDelete::before,
.comparisonProduct .iDelete::after,
.comparisonItem .iDelete::after {
  content: "";
  position: absolute;
  border-radius: 2px;
  transform: rotate(45deg);
  transition: 0.2s;
}
.comparisonProduct .iDelete::before,
.comparisonItem .iDelete::before {
  height: 100%;
  width: 3px;
  top: 0px;
  left: 8px;
}
.comparisonProduct .iDelete::after,
.comparisonItem .iDelete::after {
  height: 3px;
  width: 100%;
  left: 0px;
  top: 8px;
}
.comparisonProduct .iconContainer {
  position: absolute;
  top: 8px;
  right: 8px;
}
.acResult_stock_level {
  align-self: start;
  border-radius: 50%;
}
.wsCart {
  margin: auto;
}
.wsCart .costMessage {
  display: none;
}
.gFloor {
  display: none;
}
/*.deliveryOptions,
.paymentOptions{
	
	max-width:600px;
	display:block;
	margin:auto;	
	
}*/
.wsOrderAddresForm,
.wsAddressGrid,
.wsCart .dataBlock {
  border-radius: 8px;
}
.wsOrderAddresForm .lpOptionGroup th,
.wsAddressGrid .lpOptionGroup th,
.wsCart .dataBlock .lpOptionGroup th {
  padding-bottom: 24px;
}
.wsOrderAddresForm td.option_text,
.wsAddressGrid td.option_text,
.wsCart .dataBlock td.option_text {
  font-weight: normal;
}
.wsCart .dataBlock {
  padding-top: 24px;
}
.bankDetails {
  font-size: 0.9em;
  line-height: 2;
  margin: 36px auto;
}
.bankDetails h3 {
  font-size: 20px;
}
/*
.wsCart .wsCartItemGrid,
.wsCart .wsCartLabelGrid {
  	grid-template-columns: 80px 100px 4fr 1fr 1fr 1fr ;
}

.wsCart .wsCartLabelGrid {
	". . item1  item2 item3 item4  ";
}

.wsCart .wsCartItemGrid{
	
	grid-template-areas: 
		"item7 item1 item2 item4  item5 item6"
		".     item1 item3 item8  item8 item8";
	.item5{justify-self: center;}	
}
*/
.wsCart .sendOrderButton .icon-w2sendmail,
.wsOrderNav .w2icon,
.wsCart .checkoutContainer .w2icon {
  display: none;
}
.wsBottomNavUl .wsOrderNavLink,
.ccardPayButton,
.checkoutBtn {
  display: inline-block;
  font-weight: bold;
}
.wsTopNavUl .wsOrderNav li {
  position: relative;
  padding-top: 80px;
  min-width: 150px;
}
.wsTopNavUl .wsOrderNav li a {
  padding-top: 80px;
}
.wsTopNavUl .wsOrderNav li::before {
  content: "";
  position: absolute;
  top: 24px;
  left: 50%;
  width: 120%;
  height: 2px;
  z-index: -10;
}
.wsTopNavUl .wsOrderNav li::after {
  content: "1";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 50px;
  height: 50px;
  border-radius: 50%;
  line-height: 50px;
  z-index: -1;
  transition: 0.3s;
}
.wsTopNavUl .wsOrderNav li.address::after {
  content: "2";
}
.wsTopNavUl .wsOrderNav li.delivery::after {
  content: "3";
}
.wsTopNavUl .wsOrderNav li.payment::after {
  content: "4";
}
.wsTopNavUl .wsOrderNav li.summary::after {
  content: "5";
}
.wsTopNavUl .wsOrderNav .textBottom {
  font-size: 16px;
  transition: 0.3s;
}
.cartSummary.tableSummary {
  margin-bottom: 32px;
}
.summaryGrid {
  margin-top: 32px;
}
.paymentObligation {
  margin-top: 32px;
}
.dataBlockLink {
  padding: 24px;
  font-weight: bold;
  width: 100%;
  text-align: center;
}
.bookingCalendar {
  border-radius: 8px;
}
.bookingCalendar .calDay {
  border-radius: 4px;
}
.lpModule {
  font-size: 16px;
  line-height: 1.2;
}
.lpModuleHead h3,
.lpModule a,
.moduleArticle a,
.lpModuleFoot {
  text-align: center;
}
/*********** cart, right  *********/
.wsCartModule {
  /*.lpModuleHeadTitle a.linkToCart {
		font-size:20px;
    	display: block;
    	width: 100%;
	}*/
  /*.linkToCart{
		padding:6px 12px;
		border-radius:4px;
		margin-bottom:4px;
		display:inline-block;
	}*/
}
.wsCartModule .lpModule {
  border-radius: 8px;
}
.wsCartModule .cartSum {
  font-size: 16px;
}
.footerSection {
  padding-top: 36px;
  line-height: 1.5;
  row-gap: 16px;
}
.footerSection .logo {
  max-width: 100%;
}
.footerSection .textGrid .addrText {
  line-height: 36px;
  font-size: 18px;
}
.footerSection .footerMenu li {
  width: 100%;
}
.footerSection .footerMenu li .menuItemText {
  line-height: 36px;
  padding: 0;
}
.footerSection .footerLabel {
  align-self: end;
  font-size: 1.2em;
  font-weight: bold;
}
.footerSection .social {
  justify-self: end;
  align-self: end;
}
.footerSection .social li:not(.last) {
  margin-right: 12px;
}
.footerSection .social .iconContainer {
  font-size: 45px;
}
.footerSection .menuItemImg {
  max-width: 100%;
}
.footerSection .copyRight {
  font-size: 14px;
  margin-top: 36px;
}
.footerSection .item9,
.footerSection .item10 {
  align-self: end;
}
@media (min-width: 1024px) {
  /*	.topCategoryMenu{
		
		.li_level_0 > a > .menuItemText{padding:0;}
		
//		.li_level_0 > .iconContainer,
//		.li_level_0 > a > .iconContainer{display:none;}
		
		.ul_level_2{
			right:0;
		}
		
		.li_level_1:hover .ul_level_2{
			 //display:block;
			 //visibility: visible;
			 //opacity: 1;
			 position: absolute;
			 top: 0;
			 //right: -100%;
			 transform:translateX(100%);
			 min-width: 110%;
			 height: 100;
			 margin-left: 100%;
		}
		
	}*/
  /*
	.topCategoryMenu{
		
		.li_level_0 > a > .menuItemText{padding:0;}
		
		.li_level_0 > .iconContainer,
		.li_level_0 > a > .iconContainer{display:none;}
		
		.ul_level_2{
			right:0;
		}
		
		.li_level_1:hover .ul_level_2{
			 //display:block;
			 //visibility: visible;
			 //opacity: 1;
			 position: absolute;
			 top: 0;
			 //right: -100%;
			 transform:translateX(100%);
			 min-width: 110%;
			 height: 100;
			 margin-left: 100%;
		}
		
	}
	*/
  .cartItems td {
    padding: 32px 10px;
  }
  .leftCol .lpMenu {
    padding: 0 40px 40px 0;
  }
  .mobileMenu {
    display: none;
  }
}
@media (min-width: 1024px) {
  /*.topCategoryMenu{
		.ul_level_1{display:flex;}
	}*/
  .innerGrid {
    margin-top: 36px;
  }
}
@media (max-width: 1600px) {
  .groupContent {
    gap: 24px;
  }
  #lpContent iframe {
    height: 500px;
  }
  .wsTeaserGrid .carouselItem .carouselContent .productLifeCycle {
    transform: rotate(-45deg) translateX(-32%) translateY(-70px);
  }
}
@media (max-width: 1200px) {
  .topSaleMenu .li_level_0 {
    margin-right: 8px;
  }
  .productDetails {
    grid-template-areas: "productImages productImages productName productName " "productImages productImages productLifeCycle favsContainer" "productImages productImages productArticleNo productArticleNo" "productImages productImages productCompare productCompare" "productImages productImages productOrderForm productOrderForm" "bundleProduct bundleProduct . ." " relatedProduct relatedProduct relatedProduct relatedProduct " "  productDescription productDescription  productDescription productDescription" " productRating   productRating productRating   productRating " " cetelemText   cetelemCalc . .";
  }
  #lpContent iframe {
    height: 430px;
  }
  .groupContent {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .wsTeaserGrid .carouselItem .carouselContent .productLifeCycle {
    transform: rotate(-45deg) translateX(-30%) translateY(-60px);
  }
}
@media (max-width: 1024px) {
  body {
    font-size: 18px;
  }
  .topCategoryMenu {
    justify-self: center;
  }
  .topCategoryMenu.item2 {
    justify-self: start;
  }
  .topCategoryMenu .lpMenu .ul_level_0 li.li_level_0 {
    position: initial;
  }
  .topCategoryMenu .li_level_0 > .menuItemText,
  .topCategoryMenu .li_level_0 > a > .menuItemText {
    display: none;
  }
  .topCategoryMenu .ul_level_1 {
    left: 0;
    z-index: 20;
    width: 100%;
  }
  .topCategoryMenu .ul_level_1 li {
    position: relative;
  }
  .topCategoryMenu .ul_level_2 {
    margin-left: 0;
    z-index: 30;
  }
  .topCategoryMenu .li_level_1:hover .ul_level_2 {
    position: absolute;
    top: 45px;
    left: 0;
    min-width: 100%;
  }
  .desktopMenu {
    display: none;
  }
  .topSaleMenu .ul_level_0 {
    text-align: center;
  }
  .topSaleMenu .li_level_0 {
    float: none;
    clear: both;
    margin: 0 8px 8px 8px;
  }
  .bannerGrid.grid2 {
    grid-template-areas: "item1 item1" "item2 item2" "item3 item3";
  }
  .bannerGrid.grid2 .bannerText .textContainer {
    font-size: 24px;
    line-height: 1.2;
  }
  .bannerGrid.grid2 .bannerText .textContainer a {
    font-size: 24px;
  }
  .bannerGrid.grid2 .bannerText .textContainer h4 {
    font-size: 20px;
    margin-top: 20px;
  }
  .bannerGrid.grid2 .item2 .menuItemImg,
  .bannerGrid.grid2 .item3 .menuItemImg {
    position: relative;
  }
  .bannerGrid.grid2 .item2 .menuItemText,
  .bannerGrid.grid2 .item3 .menuItemText {
    font-size: 24px;
  }
  .homeSection {
    row-gap: 8px;
  }
  .leftCol .lpMenu {
    margin-bottom: 16px;
  }
  .leftCol .lpMenu ul {
    padding: 20px 0;
  }
  .leftCol .lpMenu .menuItemText {
    text-align: left;
    padding-left: 12px;
  }
  .wsDsFilterContainer {
    margin-bottom: 16px;
  }
  .accordionMenu {
    justify-self: center;
  }
  .accordionMenu .toggleButton {
    right: 12px;
    background-image: url('../img/filter-drop-down.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    width: 15px;
    height: 50px;
  }
  .accordionMenu .toggleButton i {
    display: none;
  }
  .accordionMenu .toggleButton.collapse {
    transform: scale(-1);
  }
  .accordionMenu .iMenu {
    transform: scaleX(1.3);
  }
  .groupContent {
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }
  .groupIntroImgWrap {
    grid-area: 2/1/7/15;
    position: relative;
    margin-bottom: -16px;
  }
  .contactSection .item1 {
    padding: 16px 0;
    font-size: 0.9em;
  }
  .productDetails {
    gap: 0 16px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-areas: "productName productName productName productName " "productImages productImages productImages productImages " "productOrderForm productOrderForm productLifeCycle favsContainer 	" "productOrderForm productOrderForm productArticleNo productArticleNo 	" "productOrderForm productOrderForm productCompare productCompare 		" "bundleProduct bundleProduct bundleProduct bundleProduct" " relatedProduct relatedProduct relatedProduct relatedProduct " "  productDescription productDescription  productDescription productDescription" " productRating   productRating productRating   productRating " " cetelemText   cetelemCalc . .";
  }
  #kozossegi-menu li {
    line-height: 0;
  }
}
@media (max-width: 576px) {
  .topNav .logo {
    margin: 0;
  }
  .bannerGrid.grid2 .bannerText .textContainer {
    font-size: 22px;
    line-height: 1.1;
  }
  .bannerGrid.grid2 .bannerText .textContainer a {
    font-size: 22px;
  }
  .bannerGrid.grid2 .bannerText .textContainer h4 {
    font-size: 20px;
    margin-top: 12px;
  }
  .bannerGrid.grid2 .item2 .menuItemText,
  .bannerGrid.grid2 .item3 .menuItemText {
    font-size: 22px;
    top: 24px;
    left: 24px;
  }
  .topSaleMenu .ul_level_0 {
    gap: 8px;
    margin-top: 12px;
  }
  .topSaleMenu li {
    width: auto;
  }
  .topSaleMenu li .menuItemText {
    padding: 8px;
    line-height: 1.1;
  }
  .teaserSection .carouselBtn {
    display: none;
  }
  .homeSection {
    row-gap: 0px;
  }
  .groupContent {
    grid-template-columns: 1fr;
  }
  .groupIntroImgWrap {
    grid-area: 2/1/11/9;
  }
  .innerGrid {
    margin: 0;
  }
  .gridLayout .wsProductData {
    line-height: 0;
  }
  .gridLayout .wsProductData .wsProductIdxImgContainer {
    margin-bottom: 2px;
  }
  .gridLayout .wsProductData .wsProductIdxImgContainer a {
    height: 80px;
    margin-bottom: 2px;
  }
  .gridLayout .wsProductData .productLifeCycle {
    top: 12px;
    left: -50%;
    font-size: 16px;
    line-height: 0;
  }
  .gridLayout .wsProductData .productLifeCycle .plcCenter {
    line-height: 20px;
  }
  .gridLayout .wsProductData .textContainer {
    margin-bottom: 0;
  }
  .gridLayout .wsProductData .wsName {
    font-size: 16px;
    height: 40px;
  }
  .gridLayout .wsProductData .priceContainer,
  .gridLayout .wsProductData .customerNotification {
    line-height: 1.2;
  }
  .gridLayout .wsProductData .buttonRow.compare {
    gap: 0;
    grid-template-columns: 1fr;
    grid-template-areas: "cart " "productCompare ";
  }
  .gridLayout .wsProductData .buttonRow.compare .sysPanel,
  .gridLayout .wsProductData .buttonRow.compare .cart {
    padding: 0 4px;
    font-size: 14px;
    width: 100%;
    min-width: initial;
  }
  .gridLayout .wsProductData .buttonRow.compare .productCompare,
  .gridLayout .wsProductData .buttonRow.compare .cart {
    justify-self: stretch;
  }
  .gridLayout .wsProductData .propertyBlock {
    display: none;
  }
  .productDetails {
    grid-template-areas: "productName productName productName productName " "productImages productImages productImages productImages " "productCompare productCompare productLifeCycle favsContainer 	" "productCompare productCompare productArticleNo productArticleNo 	" "productOrderForm productOrderForm productOrderForm productOrderForm  	" "bundleProduct bundleProduct bundleProduct bundleProduct" " relatedProduct relatedProduct relatedProduct relatedProduct " "  productDescription productDescription  productDescription productDescription" " productRating   productRating productRating   productRating " " cetelemText   cetelemCalc . .";
  }
  .wsTopNavUl .wsOrderNav {
    gap: 12px;
  }
  .wsTopNavUl .wsOrderNav li {
    width: 100%;
    padding-top: 60px;
  }
  .wsTopNavUl .wsOrderNav li a {
    padding-top: 60px;
  }
  .wsTopNavUl .wsOrderNav li::before {
    width: 2px;
    height: 120%;
  }
  #kozossegi-menu li {
    width: auto;
  }
  .footerSection .menuItemText {
    text-align: left;
  }
  .footerSection .addrText {
    font-size: 0.9em;
  }
  #lpContent iframe {
    height: 260px;
  }
  .lpPagination .pageButtons a {
    line-height: 24px;
    min-width: 24px;
  }
}