/**
 * @version 2026-03-20
 *
 * mobile/articles/styles.r.1-resized.css
 *
 * Skin "mobile"
 */

/*** filters in column 1 ***/
section.filters-aggregator {
  padding-bottom: 1rem;
}

section.filters-aggregator > .title-icon {
	display: block;
}
section.filters-aggregator > .title-icon > .title > h1 {
	margin: 0;
	line-height: var(--button-small-height);
	margin-bottom: calc(var(--button-small-height) / 4);
}
section.filters-aggregator > ul.filters {
	display: none;
}
section.filters-aggregator > .buttons {
	width: 100%;
}
section.filters-aggregator > .buttons > div {
	float: none;
}
section.filters-aggregator > .buttons > div.button-hide {
	margin-top: var(--button-small-height);
	margin-bottom: var(--button-small-height);
}

section.filters-aggregator > .buttons > div button {
	width: 100%;
}

html.touch-screen-mode section.filters-aggregator > ul > li {
	display: none; /* 2023-06-26 hide all except filter-group until the developing in the mobile menu is complete */
}

html.touch-screen-mode section.filters-aggregator > ul > li.filter-group {
	display: block; /* 2023-06-26 hide all except filter-group until the developing in the mobile menu is complete */
}

.ym-col1 ul.filters {
	margin-left: -1%;
	margin-right: -1%;
	width: 102%;
}

.ym-col1 ul.filters > li {
	padding: 0 1% 0% 1%;
	margin: 0;
}

.ym-col1 ul.filters > li {
	/* width: 50%; */
	width: 100%;
}

.ym-col1 ul.filters.count-1 > li {
	width: 100%;
}
/*
.ym-col1 ul.filters.count-3 > li.filter-articlesPrices {
	width: 100%;
}
.ym-col1 ul.filters.filter-group > li.filter-articlesPrices {
	width: 50%;
} */

/** section.pictures-additional.thumbnails.left **/
article.view-details ul.pictures > li.pictures-additional {
    width: 100% !important;
}
article.view-details ul.pictures > li.picture {
    width: 100% !important;
}

/* touch-screen-mode moves the thumbnails down */
html.touch-screen-mode article.view-details .col-picture > ul.pictures {
	display: grid;
	grid-template-areas:
	"picture"
	"pictures-additional";
	grid-template-columns: 100%;
	grid-template-rows: auto;

}

html.touch-screen-mode article.view-details .col-picture > ul.pictures > li.pictures-additional {
	grid-area: pictures-additional;
	padding-top: 1em;
}

html.touch-screen-mode article.view-details .col-picture > ul.pictures > li.picture {
	grid-area: picture;
}


article.view-details section.pictures-additional.thumbnails.left {
    margin-bottom: 0.5em;
}
/*
article.view-details section.pictures-additional.thumbnails.left ul {

}
*/
article.view-details section.pictures-additional.thumbnails.left ul li.item {
	--item-margin: 0 10px 10px 0;
}
/*
article.view-details section.pictures-additional.thumbnails.left ul.mode-cells.micro > li.item .picture {

}
*/

/*** article description ***/
article.view-details > .ym-grid.block-picture-panel > div > .col-description {
	--border-top-gap: 20px;
}

/*** table.variations-articles-table ***/
table.variations-articles-table .col_Ean,
table.variations-articles-table .col_GoodsGroup,
table.variations-articles-table .col_Voting {
	display: none;
}

@media screen and ( max-width: 799px )  {
  section.data-article-vote ul.table-2-cols li.label,
  section.data-article-vote ul.table-2-cols li.value,
  ul.fieldsets-step-2.article-vote > li.fieldsets-step-2 {
    width: 100%;
    float: none;
    margin-right: 0;
    margin-left: 0;
  }
}

/*** Voting ***/
/* section.stars-overview */
/*
section.stars-overview {
}
section.stars-overview div.star-row ul > li.label {
}
section.stars-overview div.star-row ul > li.meter-bar {
}
section.stars-overview div.star-row ul > li.count-stars {
}
*/
/*
section.data-article-vote > div > div.article-info section.summary section.buttons-template .col-1 {

}
/*

/*** Voting: the all votes ***/
/*
section.data-article-vote.votes {

}
*/

/* pages bar 1 2 3 */
section.data-article-vote.votes div.pages-bar.top ul.pages-links {
	margin-bottom: 0.5em;
}

/**** start page ****/