/**
 * @version 02.02.2024
 *
 * mobile/articles/styles.r.3-phone.css
 *
 * Skin "mobile"
 */

/*** filters in column 1 ***/
.ym-col1 ul.filters > li {
	width: 100% !important;
}

/*** article details ***/
section.description #tabsArticleDetails.ui-tabs .ui-tabs-nav li,
section.description #tabsArticleDetails.ui-tabs .ui-tabs-nav li > a{
	width: 100%;
}

article.view-details {
	--panel-padding-vertical: 15px;
	--panel-padding-horizontal: 14px;
}


/** table.article-variants-plain **/
table.article-variants-plain .col-availability,
table.article-variants-plain .col-article-number,
table.article-variants-plain .col-part-number {
	display: none;
}
table.article-variants-plain .col-article-name div.availability-number,
table.article-variants-plain .col-article-name div.part-number {
	display: block;
}

table.article-variants-plain .col-price-total {
	hyphens: auto;
}

/*** section.variations-articles-table ***/
/** table.variations-articles-table **/
table.variations-articles-table .col_Availability,
table.variations-articles-table .col_ArtNr {
	display: none;
}
table.variations-articles-table .col_ArtName div.availability-number {
	display: block;
}
section.variations-articles-table div.form-add-to-shopcart button {
	width: 100%;
}

/*** Voting ***/
/** section.details-top-votes **/
/*
section.details-top-votes {

}
*/
section.details-top-votes > .ym-grid > .col-1 {
	min-width: 0;
	width: 100%;
	margin: 0 auto;
	display: block;
	float: none;
}
/* section.stars-overview */
section.details-top-votes section.link-to-wizard {
	padding-bottom: 0em;
}
section.link-to-wizard section.buttons-template {
	margin-top: 0.25em;
}
section.link-to-wizard section.buttons-template button {
	width: 100%;
}
/* article number */
section.data-article-vote > div > div.article-info section.article-number {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  text-align: center;
}

/* div "article info" and div "stars and form" */
section.data-article-vote div.article-info,
section.data-article-vote div.article-vote {
    width: 100%;
}

/* div "stars and form" */
section.data-article-vote > div > div.article-vote {
  padding-left: 0em;
}

/* */
ul.fieldsets-step-2.article-vote > li > ul.table-2-cols li.label,
ul.fieldsets-step-2.article-vote > li > ul.table-2-cols li.value,
ul.fieldsets-step-2.article-vote label[for="captcha-input"] {
  width: 100%;
}

ul.fieldsets-step-2.article-vote label[for="captcha-input"] {
    display: inline;
    height: auto;
}

ul.fieldsets-step-2.article-vote div.field-captcha .ym-error .ym-message {
  margin-left: 0;
}

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

}
*/

section.data-article-vote.votes .article-name.responsive {
	display: block;
}
section.data-article-vote.votes .article-name.default {
	display: none;
}

section.data-article-vote.votes > .ym-grid > .article-info {
	width: 100%;
}

section.data-article-vote.votes > .ym-grid > .article-vote {
	width: 100%;
}

.ym-grid.buttons-template.for-wizard > div {
	float: none;
	width: 100%;
	text-align: center;
}

.ym-grid.buttons-template.for-wizard > div button {
	width: 100%;
}

/*** tiny slider in details ***/
/** fixed pictures containers height **/
article.view-details section.picture.fixed-height {
	/* including padding top and bottom */
	/* see 'article.view-details section.picture.fixed-height img' */
	height: 200px; /* 2021-06-23 TEST ONLY */
}
/* vertical center of the hidden sliedes */
article.view-details section.picture.fixed-height .tns-horizontal.tns-subpixel > .tns-item {
	height: 200px;
}

article.view-details section.picture.fixed-height img {
	border: 0px solid red;
	/* height 200px - padding 2x20px */
	/* see article.view-details section.picture.fixed-height */
	/* 2021-06-23 TEST ONLY height 200px - padding 2x20px */
	max-height: 160px;
}

article.view-details section.picture.fixed-height .lazy-preview img {
	max-height: 135px;
}
.has-slider-tiny .lazy-preview.terms {
	margin-top: 10px;
	font-size: 0.75em;
}

.free-title.ui-state-default {
	font-size: 20px;
}

/**** start page ****/
.ym-wrapper.wide .alternate.preview .free-title.ui-state-default {
	height: 60px;
	padding: 0 10px;
}

@media (max-width: 400px) {
	.ym-wrapper.wide .free-title.ui-state-default {
		height: 70px;
	}
}
/*
.ym-wrapper.wide.slider-group-articles {

}
*/