@media screen and (min-width: 0) and (max-width: 479px) {
  .grid-margin-top {
    margin-top: 10px;
  }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
  .grid-margin-top {
    margin-top: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .grid-margin-top {
    margin-top: 15px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1259px) {
  .grid-margin-top {
    margin-top: 15px;
  }
}
@media screen and (min-width: 1260px) and (max-width: 10000px) {
  .grid-margin-top {
    margin-top: 20px;
  }
}
/*
Animations mixin
============================================
The mixins provides you a cross-browser compatible method to set animation values.

Please refer to <http://caniuse.com/css-animation> to see the browser support table of the feature.

######Example:
`.animation([value]);`

`@param: {String} value: All animation values`
*/
/*
Appearance mixin
============================================
The mixins provides you a cross-browser compatible method to set the appearance of the element.

Please refer to <http://caniuse.com/appearance> to see the browser support table of the feature.

######Example:
`.appearance([value]);`

`@param {String} type The type you want to use`
*/
/*
Backface visibility mixin
============================================
The mixins provides you a cross-browser compatible method to set the backface-visibility of the element.

Please refer to <http://caniuse.com/transforms3d> to see the browser support table of the feature.

######Example:
`.backface-visibility([value]);`

`@param {String} visibility The visibility you want to use`
*/
/*
Border-radius mixin
=============================================
The mixins provides you a cross-browser compatible method to set a border-radius.

Please refer to <http://caniuse.com/border-radius> to see the browser support table of the feature.

######Syntax:
`@param {String} radius The radius you want to set`<br/>

######Example:
Same border-radius for all edges: <br/>
`.border-radius([pixel-value]);`<br/>

Different border-radius:<br/>
`.border-radius-multi([pixel-value-leftTop], [pixel-value-rightTop], [pixel-value-rightBottom], [pixel-value-leftBottom]);`<br/>

Resetting border radius:<br/>
`.reset-border-radius();`
*/
/*
Box shadow mixin
==============================================
The mixins provides you a cross-browser compatible method to set a box-shadow.

Please refer to <http://caniuse.com/css-boxshadow> to see the browser support table of the feature.

######Example:
`.box-shadow([h-shadow-value], [v-shadow-value], [blur-amount], [spread-amount], [shadow-color]);`

`@param: {Number} x: Offset to the x axis (Default: 0)`<br/>
`@param: {Number} y: Offset to the y axis (Default: 0)`<br/>
`@param: {Number} blur: Bluring radius (Default: 1px)`<br/>
`@param: {String} color: Color of the shadow (Default: #000)`<br/>
*/
/*
Box-sizing mixin
========================================
The mixins provides you a cross-browser compatible method to set the box-sizing which supports IE starting from
version 8 to the newest one.

Please refer to <http://caniuse.com/css3-boxsizing> to see the browser support table of the feature.

######Example:
`.box-sizing:([value]);`

`@param: {String} box-sizing: Box model, which should be used (Default: border-box)`
*/
/*
Clear form button mixin
========================
This mixin removes styles from the button element and makes it look like a text link.
*/
/*
Clearfix mixin
================================
The clearfix mixin allows the easy integration of the floating-solution method.

The clearfix resolves the problem that occurs when two floating elements are nested inside a parent element, then sometimes the parent elements height disappears.

Add the `.clearfix` class to the parent element.

######Example:
`.clearfix();`

*/
/*
Column count mixin
=============================================
This mixin provides you a cross-browser compatible method to set the column count property.

Please refer to <http://caniuse.com/multicolumn> to see the browser support table of the feature.

######Example:
`.column-count([value]);`

`@param: {Number} count: The amount of columns you want to set (Default: auto)`
*/
/*
Grabbing cursor
==================================
This mixin provides you a cross-browser compatible method to set the cursor grabbing behavior.

######Example:
`.cursorGrab();`<br/>
`.cursorGrabbing();`<br/>

*/
/*
Hypheration mixin
======================================
The mixins provides you a cross-browser compatible method to set the hyphenation.

Please refer to <http://caniuse.com/css-hyphens> to see the browser support table of the feature.

######Example:
`.hyphens([value]);`

`@param: {String} hyphenation: The hyphenation that should be used (Default: auto)`
*/
/*
Icon-element mixin
=====================================================
This mixin provides you a method to set any webfont icon from the Shopware icon-set as a before element.

######Example:
`.icon-element([icon-name], [icon-size]);`
*/
/*
Linear-Gradient Mixin
=====================================================
This mixin provides you a method to add gradients to certain elements.

######Example:
`.linear-gradient(yellow, pink);`
`.linear-gradient-horizontal(yellow, pink);`
`.linear-gradient-multi(10%, yellow, 30%, pink, 50%, pink, 5%, 95%);`
`.primary-gradient();`
`.secondary-gradient();`
`.white-gradient();`
*/
/*
Opacity
===============================================
The mixins provides you a cross-browser compatible opacity which supports IE starting from version 8 to the
newest one. Safari, Chrome and Firefox are supported in all versions.

Please refer to <http://caniuse.com/css-opacity> to see the browser support table of the feature.

######Example:
`.opacity([value]);`

`@param: {Number} opacity: Value of the opacity, starting from 0 to 1`
*/
/*
Rotate mixin
===============================================
The mixins provides you a cross-browser compatible method to set a transformation which rotates the element. Keep in
mind that you can not mix different transformations.

Please refer to <http://caniuse.com/transforms2d> to see the browser support table of the feature.

######Example:
`.rotate([value]);`

`@param {String} degree The degree value you want to set. Please keep in mind that you need to suffix the unit.`
*/
/*
Scale mixin
===============================
The mixins provides you a cross-browser compatible method to set a transformation which scales the element.
Keep in mind that you can not mix different transformations.

Please refer to <http://caniuse.com/transforms2d> to see the browser support table of the feature.

######Example:
`.scale([value]);`

`@param {String} scale-value The scale value, you want to set`
*/
/*
Tab highlighting mixin
===========================
Sets the color of the highlighting when a link was clicked / tapped.

Please refer to <http://www.browsersupport.net/CSS/-webkit-tap-highlight-color> to see the browser support table of the feature.

######Example:
`.tap-highlight-color([color-value]);`

`@param: {String} color: The color you want to set (Default: rgba(0, 0, 0, 0))`
*/
/*
Touch callout mixin
===========================================
Disables the default callout shown when you touch and hold a touch target.

######Support:
- iOS 2.0<br/>
- Android 4.1<br/>

######Example:
`.touch-callout([value]);`

`@param: {String} type: The type you want to set (Default: none)`
*/
/*
Transform mixin
==============================================
The mixins provides you a cross-browser compatible method to set a transformation.

Please refer to <http://caniuse.com/transforms2d> to see the browser support table of the feature.

######Example:
`.transform([value]);`

`@param: {String} properties: The transformation(s) that should be applied`
*/
/*
Transform origin mixin
======================================
The mixins provides you a cross-browser compatible method to set the transform origin position.

Please refer to <http://caniuse.com/transforms2d> to see the browser support table of the feature.

######Example:
`.transform-origin([x-value],[y-value],[z-value]);`

`@param: x: Sets the origin position on the x axis (Default: 50%)`<br/>
`@param: y: Sets the origin position on the y axis (Default: 50%)`<br/>
`@param: z: Sets the origin position on the z axis (Default: 0)`
*/
/*
Transform style mixin
======================================
The mixins provides you a cross-browser compatible method to set a transformation style.

Please refer to <http://caniuse.com/transforms3d> to see the browser support table of the feature.

######Example:
`.transform-style([value]);`

`@param {String} Style The style you want for your transformation (Default: preserve-3d)`
*/
/*
Transition mixin
=========================================
The mixins provides you a cross-browser compatible method to set a transition.

Please refer to <http://caniuse.com/css-transitions> to see the browser support table of the feature.

######Example:
`.transition([property], [duration-value], [easing]);`

`@param: {String} properties: The properites which should be animated (Default: all)`<br/>
`@param: {String} duration: Duration of the transition including the unit (Default: 0.3s)`<br/>
`@param: {String} easing: The easing which should be used for the transition (Default: ease-out)`
*/
/*
Translate mixin
============================================
The mixins provides you a cross-browser compatible method to set a transition.

Please refer to <http://caniuse.com/css-transitions> to see the browser support table of the feature.

Keep in mind, that 3d translations are needing an perspective, otherwise the translated elements get skewed up.

######Example:
`.translate([x-value],[y-value],[z-value]);`

`@param: {String} rotateX: The rotation on the x-axis`<br/>
`@param: {String} rotateY: The rotation on the y-axis`<br/>
`@param: {String} rotateZ: The rotation on the z-axis`<br/>
*/
/*
Unitize mixin
================================================
The unitize mixins converts values from px-units to the relative rem-units, providing all the benefits of units like em and rem, without you having to do any calculations yourself.

######Syntax:
`@property` = the property that should be unitized.<br/>
`@value` = pixel-value<br/>
`@baseValue` (optional) = default browser font-size (@remScaleFactor in most cases)<br/>

######Example Unitize mixin with custom property
`.unitize(@property, @value);`<br/>
`.unitize(font-size, 16);`

######Specific built-in functions
In addition to the general `.unitize()` mixin, Shopware contains specific mixins to quickly calculate values which (for example) have more than one property.<br/>
<br/>

`.unitize-height(@value)`<br/>
`.unitize-width(@value)`<br/>
`.unitize-max-height(@value)`<br/>
`.unitize-max-width(@value)`<br/>
`.unitize-min-width(@value)`<br/>
`.unitize-padding(@topValue, @rightValue: @topValue, @bottomValue: @topValue, @leftValue: @rightValue)`<br/>
`.unitize-margin(@topValue, @rightValue: @topValue, @bottomValue: @topValue, @leftValue: @rightValue)`<br/>
`.unitize-variable(@value)`<br/>
*/
/*
User-select mixin
===============================
The mixins provides you a cross-browser compatible method to set a user selection mode.

Please refer to <http://caniuse.com/user-select-none> to see the browser support table of the feature.

######Example:
`.user-select([value]);`

`@param: {String} type: The type you want to set (Default: none)`
*/
/*
Vertical-center mixin
===============================
The mixins provides you a vertical center style.

######Example:
`.vertical-center([value]);`

`@param: {PixelValue} type: height of the element in px (Default: none)`
*/
/*
Headline-Size mixin
===============================
The mixins provides you a method to switch out headline sizes for certain viewports.
Also headline sizes can be modified with size classes: .x50 (50%) .x150 (150%) .x200 (200%)

######Example:
`.headline-sizes(3, 3, 3, 4, 5, 6, 320px, max); // h1 and h2 get the styling of the h3 if viewport is smaller than 320px.`
`.headline-sizes(1, 2, 3, 4, 5, 5, 500px, min); // h6 gets the styling of the h5 if viewport is larger than 500px.`
*/
/*
Image-Cover mixin
===============================
The mixins provides you a method to cover images

######Example:
`.image-cover(100px, 'https://placehold.ot/500x500');`
*/
/*
Image-Contain mixin
===============================
The mixins provides you a method to contain images

######Example:
`.image-contain(100px, 'https://placehold.ot/500x500');`
*/
/*
Placeholder mixin
===============================
The mixins provides you a method to style placeholders

######Example:
`.placeholder(<color>, [<element>])`
*/
/*
Keyframes mixin
===============================
The mixins provides you a method to define custom keyframes

######Example:
`
@keyframe--spin-reverse: {

  from {
    .rotate(360deg);
  }

  to {
    .rotate(0);
  }
};

.keyframes(keyframe--spin, @keyframe--spin);
`
*/
/*
visibility helpers
===============================
The mixins provides you a method to define visibilities but keep the browsers display style on certain elements

######Example:
`.visibility(inline-block);`
`.visible--xs();`
`.visible-inline-xl();`
`.hidden--xl();`
*/
/*
modifier helpers
===============================
Shopwares mixins to add base styles to elements

######Example:
`.is--rounded();`
`.is--block();`
`.is--inline();`
`.is--inline-block();`
`.is--hidden();`
`.is--invisible();`
`.is--align-left();`
`.is--align-right();`
`.is--align-center();`
`.is--align-justify();`
`.is--underline();`
`.is--line-through();`
`.is--uppercase();`
`.is--strong();`
`.is--bold();`
`.is--italic();`
`.is--nowrap();`
`.is--dark();`
`.is--light();`
`.is--soft();`
`.is--fluid();`
*/
@media screen and (min-width: 1260px) {
  .page-wrap {
    overflow-x: hidden;
  }
}
.product--image-container {
  margin: 0 0 20px 0;
  width: 100%;
}
.product--image-container .image-slider--slide {
  margin-right: -0.5px;
}
@media screen and (min-width: 1024px) {
  .product--image-container {
    float: left;
    margin-right: 4%;
    width: 58%;
  }
}
@media screen and (min-width: 1024px) {
  .product--buybox {
    width: 38%;
  }
}
.product--details .product--header {
  box-sizing: content-box;
  min-height: 70px;
  padding-bottom: 10px;
}
.product--details .product--header:after {
  clear: both;
  content: '';
  display: table;
}
@media screen and (min-width: 768px) {
  .product--details .product--header {
    padding-bottom: 20px;
  }
}
.product--details .product--header .product--title {
  color: #444;
  font-size: 21px;
  font-weight: 700;
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 768px) {
  .product--details .product--header .product--title {
    border: 0 none;
    float: left;
    font-size: 28px;
    line-height: 30px;
    width: 80%;
  }
}
.product--details .product--navigation {
  display: none;
}
@media screen and (min-width: 1024px) {
  .product--details .product--actions {
    border-bottom: 1px solid transparent;
    padding: 0 0 5px 0;
  }
}
.product--details .product--supplier,
.product--details .product--rating-container {
  width: 50%;
}
@media screen and (min-width: 768px) {
  .product--details .product--supplier {
    float: right;
    height: 70px;
    width: 20%;
  }
}
@media screen and (min-width: 768px) {
  .product--details .product--supplier .product--supplier-link {
    height: 70px;
  }
}
.product--details .product--rating-link {
  display: inline-block;
}
.product--details .product--rating {
  color: #333;
  display: block;
  font-size: 19px;
  letter-spacing: -1px;
}
.product--details .product--rating:after {
  clear: both;
  content: '';
  display: table;
}
.product--details .product--rating .rating--count-wrapper {
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 25px;
  margin-left: 10px;
  vertical-align: text-top;
}
.product--details .product--supplier {
  float: right;
  height: 35px;
  margin: 0;
  text-align: right;
}
.product--details .product--supplier .product--supplier-link {
  display: inline-block;
  height: 35px;
  max-width: 100%;
}
.product--details .product--rating-container {
  float: left;
  margin: 5px 0 0 0;
}
@media screen and (min-width: 768px) {
  .product--details .product--rating-container {
    width: 80%;
  }
}
.product--details .alert {
  margin: 0 0 10px 0;
}
.product--details .product--tax {
  font-size: 12px;
  margin: 0;
}
.product--details .product--configurator .reset--configuration {
  margin: 0 0 20px;
  white-space: nowrap;
}
.product--details .product--configurator .alert {
  margin: 10px 0 0;
}
.product--details .content--description,
.product--details .content--product-reviews,
.product--details .content--related-products,
.product--details .content--similar-products {
  padding: 10px;
}
@media screen and (min-width: 768px) {
  .product--details .content--description,
  .product--details .content--product-reviews {
    padding: 30px;
  }
}
@media screen and (min-width: 1260px) {
  .product--details .content--description,
  .product--details .content--product-reviews {
    padding: 10px 45px 45px 45px;
  }
}
@media screen and (min-width: 768px) {
  .product--details .content--related-products,
  .product--details .content--similar-products {
    padding: 20px 35px;
  }
}
@media screen and (min-width: 1260px) {
  .product--details .content--related-products,
  .product--details .content--similar-products {
    padding: 30px 45px 20px 45px;
  }
}
.product--details .product--properties {
  margin: 0 0 10px 0;
}
@media screen and (min-width: 1024px) {
  .product--details .product--properties {
    width: 50%;
  }
}
@media screen and (min-width: 768px) {
  .product--details .product--properties {
    margin: 0 0 20px 0;
  }
}
.product--details .product--properties td {
  border: 0 none;
  padding: 5px 10px;
  width: 50%;
}
.product--details .product--properties tr:nth-child(even) td {
  background: #f5f5f5;
}
.product--details .content--title {
  color: #444;
  font-size: 18px;
  font-weight: 700;
  margin: 10px 0 5px 0;
}
.product--details .content--title.title--description-supplier {
  margin-top: 25px;
}
.product--details .content--link [class^='icon'] {
  font-size: 10px;
  margin: -2px 8px 0 0;
}
.product--details .block-prices--container {
  display: block;
  margin: 0 0 13px 0;
}
@media screen and (min-width: 768px) {
  .product--details .block-prices--container {
    margin-top: 12px;
  }
}
.product--details .block-prices--container .block-prices--table {
  width: 100%;
}
.product--details .block-prices--container .block-prices--table td,
.product--details .block-prices--container .block-prices--table th {
  padding: 4px 10px;
}
.product--details .block-prices--container .block-prices--table th {
  color: #fff;
  text-align: left;
}
.product--details .listing .product--box .panel--body {
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
}
.product--details .action--form {
  float: left;
}
.product--details .action--link {
  background: none;
  border: none;
  line-height: normal;
  margin: 0;
  padding: 0;
  color: #333;
  font-size: 14px;
  margin: 0 35px 5px 0;
  white-space: nowrap;
}
@media screen and (min-width: 1024px) {
  .product--details .action--link {
    margin-right: 25px;
  }
}
.product--details .action--link.action--compare {
  display: none;
}
@media screen and (min-width: 768px) {
  .product--details .action--link.action--compare {
    display: inline-block;
  }
}
.product--details .action--link:last-child {
  margin-right: 0;
}
.product--details .action--link:hover {
  color: #bead85;
}
.product--details .action--link *[class^='icon'] {
  font-size: 12px;
  margin: 0 5px 0 0;
}
.product--details .action--link *[class='icon--star'] {
  font-size: 14px;
  margin: 0 5px 0 0;
}
.action--compare {
  display: none;
}
.link--notepad:focus {
  outline: none;
}
.link--notepad.js--is-saved {
  color: #ae9962;
}
.price--unit {
  font-size: 12px;
}
.delivery--text {
  font-size: 14px;
}
.similar--content .product-slider,
.viewed--content .product-slider,
.related--content .product-slider,
.product-streams--content .product-slider {
  min-height: 270px;
  padding: 10px;
}
.similar--content .product-slider--arrow.arrow--prev,
.viewed--content .product-slider--arrow.arrow--prev,
.related--content .product-slider--arrow.arrow--prev,
.product-streams--content .product-slider--arrow.arrow--prev {
  border-left: 0 none;
}
.similar--content .product-slider--arrow.arrow--next,
.viewed--content .product-slider--arrow.arrow--next,
.related--content .product-slider--arrow.arrow--next,
.product-streams--content .product-slider--arrow.arrow--next {
  border-right: 0 none;
}
.review--form .review--field {
  margin: 0 0 10px 0;
  width: 100%;
}
.review--form .review--field.select-field {
  max-width: 100%;
}
.review--form .review--notice {
  font-size: 12px;
}
.product--description ol,
.product--description ul {
  margin: 0 16px 16px;
  padding: 0;
}
.product--description ol li,
.product--description ul li {
  margin: 0 0 0 6px;
}
.review--entry {
  border-radius: 3px;
  background-clip: padding-box;
  background: #fff;
  border: 1px solid transparent;
  font-size: 14px;
  margin: 0 0 25px 0;
  padding: 20px;
}
@media screen and (min-width: 768px) {
  .review--entry {
    padding: 30px;
  }
}
.review--entry.is--last {
  margin: 0 0 30px 0;
}
.review--entry.has--answer {
  margin: 0;
}
@media screen and (min-width: 768px) {
  .review--entry.has--answer {
    padding: 30px 20px;
  }
}
.review--entry .entry--header,
.review--entry .product--rating {
  margin-bottom: 10px;
}
.review--entry .content--label {
  float: left;
  margin: 0 8px 0 0;
}
.review--entry .content--field:after {
  clear: both;
  content: '';
  display: table;
}
.review--entry .content--title {
  font-size: 16px;
}
.review--entry .review--content {
  font-size: 14px;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .review--form-container {
    width: 80%;
  }
}
@media screen and (min-width: 1024px) {
  .review--form-container {
    width: 70%;
  }
}
@media screen and (min-width: 1260px) {
  .review--form-container {
    width: 60%;
  }
}
.review--entry.is--answer {
  background: #999;
  border-top: 0;
  margin: 0 10px 30px 10px;
  padding: 20px 10px;
}
.review--entry.is--answer .entry--header {
  border: 0 none;
  position: relative;
}
.review--entry.is--answer .entry--header:after {
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
  top: -9px;
}
.content--product-reviews .alert {
  margin: 0 0 16px 0;
}
.content--product-reviews .captcha--notice {
  font-size: 12px;
  line-height: 19px;
}
.product--rating-count {
  background: #555;
  color: #fff;
  font-weight: 700;
  margin-left: 8px;
  padding: 2px 7px;
  border-radius: 0;
}
.product--notification {
  margin: 0 0 16px 0;
}
@media screen and (min-width: 1260px) {
  .product--notification {
    margin: 0 0 20px 0;
  }
}
.product--notification .alert {
  margin: 0 0 8px 0;
  word-wrap: break-word;
}
@media screen and (min-width: 1260px) {
  .product--notification .alert {
    margin: 0 0 10px 0;
  }
}
.product--notification .notification--field {
  margin: 0 0 10px;
  position: relative;
  width: 80%;
}
.product--notification .notification--field:focus {
  z-index: 1;
}
.product--notification .notification--button {
  margin: 0 0 10px;
  margin-left: -1px;
  padding: 3px 10px;
  position: relative;
  width: 20%;
}
.product--notification .notification--button .icon--mail {
  font-size: 12px;
}
.product--notification .privacy-information {
  margin: 0;
}
.configurator--form {
  padding: 10px 0;
}
@media screen and (min-width: 480px) {
  .configurator--form {
    width: 80%;
  }
}
@media screen and (min-width: 1024px) {
  .configurator--form {
    padding: 10px 0;
    width: 100%;
  }
}
.configurator--form .select-field {
  max-width: 100%;
}
@media screen and (min-width: 480px) {
  .configurator--form .select-field {
    height: 38px;
    max-width: 80%;
  }
}
@media screen and (min-width: 480px) {
  .configurator--form .select-field select {
    line-height: 36px;
  }
}
@media screen and (min-width: 480px) {
  .configurator--form .select-field:after {
    height: 36px;
  }
}
.configurator--label {
  font-size: 14px;
  font-weight: 700;
  margin: 6px 0 4px 0;
}
.content-main--inner {
  position: relative;
}
.link--prev-button,
.link--next-button {
  display: none;
}
.base-info--entry {
  margin: 0 0 5px 0;
}
.product--rating-count {
  border-radius: 99px;
  background-clip: padding-box;
  background: #555;
  color: #fff;
  font-weight: 700;
}
.tab--navigation {
  display: none;
}
@media screen and (min-width: 768px) {
  .tab--navigation {
    display: block;
  }
}
.tab--title {
  color: #333;
  font-weight: 700;
}
.tab--title:hover {
  color: #5f5e5e;
}
.tab--title:after {
  content: '';
  font-family: 'shopware';
  font-size: 18px;
  margin-top: -9px;
  position: absolute;
  right: 10px;
  top: 50%;
}
@media screen and (min-width: 480px) {
  .tab-menu--product {
    padding: 0 0 10px 0;
  }
}
@media screen and (min-width: 768px) {
  .tab-menu--product {
    margin: 0 0 30px 0;
  }
}
@media screen and (min-width: 480px) {
  .tab-menu--product .tab--navigation {
    display: block;
  }
}
@media screen and (min-width: 480px) {
  .tab-menu--product .tab--header,
  .tab-menu--product .tab--preview {
    display: none;
  }
}
.tab-menu--cross-selling .tab--container {
  border: 1px solid transparent;
  display: none;
  margin: 0 0 10px 0;
  border-radius: 3px;
  background-clip: padding-box;
}
@media screen and (min-width: 768px) {
  .tab-menu--cross-selling .tab--container {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .tab-menu--cross-selling .tab--container {
    margin: 0;
  }
}
.tab-menu--cross-selling .tab--container.has--content {
  display: block;
}
.tab-menu--cross-selling .tab--container:last-child {
  margin: 0;
}
.tab-menu--cross-selling .tab--header.is--active {
  border-bottom: 1px solid transparent;
}
.tab-menu--cross-selling .tab--header.is--active .tab--title:after {
  content: '\E68E';
}
.tab-menu--cross-selling .tab--title {
  display: block;
  line-height: 20px;
  padding: 10px 38px 10px 10px;
  position: relative;
}
.tab-menu--cross-selling .tab--title:after {
  content: '\E68F';
}
.product--buybox {
  margin: 0 0 10px 0;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .product--buybox {
    border-bottom: 0 none;
  }
}
@media screen and (min-width: 1024px) {
  .product--buybox .buybox--inner {
    float: none;
    width: 100%;
  }
}
.product--buybox .product--price {
  margin: 0;
}
.product--buybox .price--label {
  font-weight: 700;
}
.product--buybox .price--line-through {
  text-decoration: line-through;
}
.product--buybox .price--discount .price--content {
  color: #b03838;
}
.product--buybox .price--content {
  color: #444;
  display: inline-block;
  font-size: 28px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}
.product--buybox .content--discount {
  display: inline-block;
  font-size: 14px;
  padding: 4px 0;
  white-space: nowrap;
}
.product--buybox .price--discount-icon {
  background: #b03838;
  color: #fff;
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  margin: 0 5px;
  padding: 6px 7px;
  position: relative;
  text-align: center;
  vertical-align: top;
  border-radius: 0;
}
.product--buybox .buybox--form {
  padding: 10px 0;
  width: 80%;
}
@media screen and (min-width: 1024px) {
  .product--buybox .buybox--form {
    width: 100%;
  }
}
.product--buybox .buybox--form .buybox--button {
  font-size: 16px;
  white-space: nowrap;
  width: 63%;
}
.product--buybox .buybox--quantity {
  margin: 0 2% 0 0;
  width: 35%;
}
.product--buybox .buybox--quantity .select-field select {
  font-size: 16px;
  font-weight: 700;
}
.product--buybox .product--actions {
  border-bottom: 1px solid transparent;
  border-top: 0 none;
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
}
.product--buybox .product--actions:after {
  clear: both;
  content: '';
  display: table;
}
@media screen and (min-width: 1024px) {
  .product--buybox .product--actions {
    border-bottom: 1px solid transparent;
    padding: 0 0 5px 0;
  }
}
.product--buybox .product--actions .js--off-canvas-button {
  display: inline-block;
}
.product--buybox .product--base-info {
  font-size: 14px;
  margin: 10px 0;
}
@media screen and (min-width: 1024px) {
  .product--buybox .product--base-info {
    float: none;
    margin: 10px 0 20px 0;
    padding: 0;
    width: 100%;
  }
}
.product--buybox .product--base-info .entry--label {
  display: inline-block;
  margin: 0 8px 0 0;
  width: 35%;
}
@media screen and (min-width: 768px) {
  .product--buybox .product--base-info .entry--label {
    margin: 0 8px 0 0;
  }
}
@media screen and (min-width: 1260px) {
  .product--navigation {
    display: block;
    position: relative;
  }
}
@media screen and (min-width: 1260px) {
  .product--navigation .navigation--link {
    display: none;
    position: absolute;
    top: 140px;
  }
}
@media screen and (min-width: 1260px) {
  .product--navigation .link--prev-button,
  .product--navigation .link--next-button {
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease;
    background: rgba(85, 85, 85, 0.1);
    color: #fff;
    display: block;
    font-size: 25px;
    height: 255px;
    line-height: 255px;
    text-align: center;
    width: 40px;
  }
}
@media screen and (min-width: 1260px) {
  .product--navigation .link--prev-button .link--prev-inner,
  .product--navigation .link--next-button .link--prev-inner,
  .product--navigation .link--prev-button .link--next-inner,
  .product--navigation .link--next-button .link--next-inner {
    display: none;
  }
}
@media screen and (min-width: 1260px) {
  .product--navigation .image--wrapper {
    background: #fff;
    float: left;
    height: 255px;
    overflow: hidden;
    padding: 15px;
    position: relative;
    width: 200px;
  }
}
@media screen and (min-width: 1260px) {
  .product--navigation .image--container {
    -webkit-transition: all 0.45s cubic-bezier(0.16, 0.04, 0.14, 1);
    transition: all 0.45s cubic-bezier(0.16, 0.04, 0.14, 1);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    position: relative;
    width: 100%;
  }
}
@media screen and (min-width: 1260px) {
  .product--navigation .link--prev-button {
    float: left;
  }
}
@media screen and (min-width: 1260px) {
  .product--navigation .link--prev-button:before {
    content: '\E611';
    font-family: 'shopware';
  }
}
@media screen and (min-width: 1260px) {
  .product--navigation .link--next-button {
    float: right;
  }
}
@media screen and (min-width: 1260px) {
  .product--navigation .link--next-button:before {
    content: '\E60F';
    font-family: 'shopware';
  }
}
@media screen and (min-width: 1260px) {
  .product--navigation .link--prev,
  .product--navigation .link--next {
    -webkit-transition: all 0.38s cubic-bezier(0.16, 0.04, 0.14, 1);
    transition: all 0.38s cubic-bezier(0.16, 0.04, 0.14, 1);
  }
}
@media screen and (min-width: 1260px) {
  .product--navigation .link--prev:hover .link--prev-button,
  .product--navigation .link--next:hover .link--prev-button,
  .product--navigation .link--prev:hover .link--next-button,
  .product--navigation .link--next:hover .link--next-button {
    background: rgba(85, 85, 85, 0.2);
  }
}
@media screen and (min-width: 1260px) {
  .product--navigation .link--prev {
    left: -40px;
  }
}
@media screen and (min-width: 1260px) {
  .product--navigation .link--prev .image--container {
    left: -50px;
  }
}
@media screen and (min-width: 1260px) {
  .product--navigation .link--prev.can--slide:hover {
    left: -140px;
  }
}
@media screen and (min-width: 1260px) {
  .product--navigation .link--prev.can--slide:hover .image--container {
    left: 0;
  }
}
@media screen and (min-width: 1260px) {
  .product--navigation .link--next {
    right: -40px;
  }
}
@media screen and (min-width: 1260px) {
  .product--navigation .link--next .image--container {
    right: 50px;
  }
}
@media screen and (min-width: 1260px) {
  .product--navigation .link--next.can--slide:hover {
    right: -140px;
  }
}
@media screen and (min-width: 1260px) {
  .product--navigation .link--next.can--slide:hover .image--container {
    right: 0;
  }
}
.image-slider--container .arrow,
.image-slider--thumbnails .arrow,
.image-slider--container .thumbnails--arrow,
.image-slider--thumbnails .thumbnails--arrow {
  background: transparent;
  border: none;
  color: #333;
  font-family: 'escada';
}
.image-slider--container .arrow.is--left:before,
.image-slider--thumbnails .arrow.is--left:before,
.image-slider--container .thumbnails--arrow.is--left:before,
.image-slider--thumbnails .thumbnails--arrow.is--left:before {
  content: '\E901';
}
.image-slider--container .arrow.is--right:before,
.image-slider--thumbnails .arrow.is--right:before,
.image-slider--container .thumbnails--arrow.is--right:before,
.image-slider--thumbnails .thumbnails--arrow.is--right:before {
  content: '\E902';
}
.image-slider--container .arrow,
.image-slider--container .thumbnails--arrow {
  font-size: 30px;
}
.image-slider--container .arrow.is--left:before,
.image-slider--container .thumbnails--arrow.is--left:before {
  content: '\E901';
}
.image-slider--container .arrow.is--right:before,
.image-slider--container .thumbnails--arrow.is--right:before {
  content: '\E902';
}
.image-slider--container .image-slider--dots .dot--link {
  border: none;
  height: 10px;
  opacity: .3;
  width: 10px;
}
.image-slider--container .image-slider--dots .dot--link.is--active {
  opacity: 1;
}
.image-slider--thumbnails {
  background: transparent;
}
.image-slider--thumbnails .arrow.is--left:before,
.image-slider--thumbnails .thumbnails--arrow.is--left:before {
  content: '\E901';
}
.image-slider--thumbnails .arrow.is--right:before,
.image-slider--thumbnails .thumbnails--arrow.is--right:before {
  content: '\E902';
}
.lazy--media {
  display: block;
  overflow: hidden;
}
.lazy--media .lazy {
  -webkit-transition: opacity 0.75s cubic-bezier(0.39, 0, 0.29, 0.99);
  transition: opacity 0.75s cubic-bezier(0.39, 0, 0.29, 0.99);
  opacity: .2;
}
.lazy--media .lazy.loaded {
  opacity: 1;
}
.image--desktop,
.detail--details {
  padding-bottom: 25px;
}
.js--modal--inner .modal--close {
  margin-right: -5px;
  margin-top: 3px;
}
.image--desktop {
  width: 100%;
}
@media screen and (min-width: 1260px) {
  .image--desktop {
    padding-right: 8%;
  }
}
.image--desktop .image--element {
  cursor: pointer;
}
.image--desktop img {
  width: 100%;
}
.product--image-zoom .image--desktop .image--element {
  cursor: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RkM5NzRGRjkwQjQzMTFFOUFBODhDMjZDRTQxNzRBMkUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkM5NzRGRkEwQjQzMTFFOUFBODhDMjZDRTQxNzRBMkUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGQzk3NEZGNzBCNDMxMUU5QUE4OEMyNkNFNDE3NEEyRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGQzk3NEZGODBCNDMxMUU5QUE4OEMyNkNFNDE3NEEyRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqdsLDMAAAHHSURBVHja5JTfK4NRGMfPmB8roRYXlCxXwq2/wX9gcUeSK264U3PrQlb+gWmsEHKhJCVCpJTYFlaUcsGElGI231Pfi3U6533Pu9qVpz6195xn5/n9+IReGsEk6AUhUM/zV3APDsEc+BIW4tN8R8AwaAUZcM3HK0AQ9IA2cAcWQFR4kGqwDQrgAgzxYVWqwARIgRyIG/S0EUkDPyAGKi3+Uws26FTMxsiMi3KUOjrntsA3GHUyIIv8CM4dIkiDU8NdHbgFSeDXKVSwi1ro7a/wLp9gCXSCEZPSLrhxKZ5TJIIt/gJWTJHIObgCeVG6fDBd7bpLP714LjqbB32KXohOpJXzVTDN31nQZTKiDuUbeFf08qyXep5VOi3nlO9Nl3S41UTKMTgy1UTuom7bqTVIkN2VMRmRy67Dqf0sZAo0gB2TQoDDdMm95DVdzeCB9z4nT8ZZtIThPsKlqFuq+1z5YZuQ4+wgOVA1FvpNNFCwiaK4PjEuuxTzHDDsulmmSEZwwhZP2BoS3KZJevgE9sAaWAcHnI08vQ/z4UQphuSQjjF1Z9xtSc7BIhhUHivZkFf5B4b8ZTAiG2aAv/v5LcoZ0bJsmj8BBgBz5XgzjKy+SwAAAABJRU5ErkJggg=='), url(/web/cache/escada/img/product-image-cursor-efce064551c71fe3b649ca42c93536cf.cur), auto;
}
@media screen and (min-width: 1260px) {
  .container--detail {
    padding: 0 50px;
  }
}
.detail--product-price {
  font-size: 16px;
}
@media screen and (min-width: 768px) {
  .detail--product-price {
    font-size: 18px;
  }
}
.detail--product-title {
  font-size: 20px;
  line-height: 27px;
  margin: 10px 0;
}
.detail--description p {
  margin-bottom: 15px;
}
.detail--description ul li {
  line-height: 20px;
  margin-bottom: 9px;
  margin-left: 15px;
}
.sticky-wrapper {
  min-height: 2px;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 480px) {
  .sticky-inner {
    -webkit-transition: margin-top .45s cubic-bezier(0.39, 0, 0.29, 0.99);
    transition: margin-top .45s cubic-bezier(0.39, 0, 0.29, 0.99);
    margin-top: 0;
  }
}
.detail--sku-wrapper {
  padding: 10px 0;
}
.product--buybox .buybox--form {
  width: 100% !important;
}
.detail--info-modals {
  padding-bottom: 20px;
  position: relative;
  text-align: center;
}
@media screen and (max-width: 479px) {
  .detail--info-modals {
    padding-top: 10px;
  }
}
@media screen and (min-width: 768px) {
  .detail--info-modals .detail--info-modal--separator {
    background-color: #666;
    display: inline-block;
    height: 15px;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    right: 0;
    width: 2px;
  }
}
.detail--info-modals .detail--info-modal--left,
.detail--info-modals .detail--info-modal--right {
  line-height: 32px;
}
@media screen and (min-width: 768px) {
  .detail--info-modals .detail--info-modal--left,
  .detail--info-modals .detail--info-modal--right {
    line-height: 15px;
  }
}
@media screen and (min-width: 768px) {
  .detail--info-modals .detail--info-modal--left {
    float: left;
  }
}
@media screen and (min-width: 768px) {
  .detail--info-modals .detail--info-modal--right {
    float: right;
  }
}
.price--line-through {
  color: #999;
  padding-right: 8px;
  text-decoration: line-through;
}
.price--discount .price--content.content--default {
  color: #b03838;
}
.delivery--information {
  padding-top: 10px;
}
@media screen and (min-width: 1260px) {
  .detail--details {
    padding-left: 8%;
  }
}
@media screen and (max-width: 479px) {
  .detail--details {
    padding-top: 20px;
  }
}
.detail--details .configurator--form {
  margin-bottom: 15px;
  padding: 0;
  width: 100% !important;
}
.detail--details .configurator--form .select-field {
  height: 40px !important;
  margin-bottom: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
}
.detail--details .configurator--variant .variant--group {
  margin: 0;
}
.thumbnails--desktop {
  padding-bottom: 14px;
}
.thumbnails--desktop .thumbnail--link--desktop {
  -webkit-transition: opacity 0.5s cubic-bezier(0.39, 0, 0.29, 0.99);
  transition: opacity 0.5s cubic-bezier(0.39, 0, 0.29, 0.99);
  display: block;
  max-width: 100px;
  opacity: 0.4;
  padding-bottom: 10px;
}
.thumbnails--desktop .thumbnail--link--desktop img {
  width: 100%;
}
.thumbnails--desktop .thumbnail--link--desktop:hover,
.thumbnails--desktop .thumbnail--link--desktop.is--active {
  opacity: 1;
}
.thumbnails--desktop.thumbnails-display-horizontal .thumbnails--wrapper {
  width: 50%;
}
.thumbnails--desktop.thumbnails-display-horizontal .thumbnail--link--desktop {
  min-width: auto;
  width: 100%;
}
@media screen and (max-width: 479px) {
  .product--badges {
    margin-left: -12px;
  }
}
@media screen and (max-width: 479px) {
  .detail--images {
    margin-left: -15px;
    margin-right: -15px;
    position: relative;
  }
}
.detail--images .image-slider--container {
  height: auto !important;
}
.detail--images .image-slider--container .image-slider--item .image--element,
.detail--images .image-slider--container .image-slider--item img {
  height: auto !important;
  max-width: none;
  width: 100%;
}
.image--dots {
  bottom: 0;
  position: absolute;
  right: 10px;
}
.detail--zoom-icon {
  bottom: 15px;
  height: 20px;
  left: 15px;
  position: absolute;
  width: 20px;
}
.detail--zoom-icon .esc-icon--zoom {
  font-size: 26px;
}
.detail--collapse {
  border-bottom: 1px solid #ccc;
}
.detail--collapse .detail--collapse--headline {
  font-size: 16px;
  height: 44px;
  line-height: 44px;
  position: relative;
  -webkit-transition: color 0.5s cubic-bezier(0.39, 0, 0.29, 0.99);
  transition: color 0.5s cubic-bezier(0.39, 0, 0.29, 0.99);
}
.detail--collapse .detail--collapse--headline .trigger-icon {
  -webkit-transition: transform 0.25s cubic-bezier(0.39, 0, 0.29, 0.99);
  transition: transform 0.25s cubic-bezier(0.39, 0, 0.29, 0.99);
  position: absolute;
  right: 0;
}
.detail--collapse .detail--collapse--headline.accordion-open {
  color: #bead85;
}
.detail--collapse .detail--collapse--headline.accordion-open .trigger-icon {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.detail--collapse .accordion-content,
.detail--collapse [class*=' accordion-content'],
.detail--collapse [class^='accordion-content'] {
  padding-bottom: 15px;
}
.social-logo-wrapper {
  padding: 25px 0 0 0;
}
.social-logo-wrapper a {
  padding: 0 10px !important;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .social-logo-wrapper a {
    margin: 0 7px;
    padding: 0 !important;
  }
}
.social-logo-wrapper a i {
  font-size: 20px;
}
@media screen and (min-width: 480px) {
  .social-logo-wrapper .social-share-whatsapp-mobile {
    display: none;
  }
}
.social-logo-wrapper .social-share-whatsapp {
  display: none;
}
@media screen and (min-width: 480px) {
  .social-logo-wrapper .social-share-whatsapp {
    display: block;
  }
}
.product--navigation .link--prev,
.product--navigation .link--next {
  z-index: 2;
}
.product--navigation .link--prev:hover .link--prev-button,
.product--navigation .link--next:hover .link--prev-button,
.product--navigation .link--prev:hover .link--next-button,
.product--navigation .link--next:hover .link--next-button {
  background-color: #fff;
  color: #bead85;
}
.product--navigation .link--prev:hover .image--wrapper,
.product--navigation .link--next:hover .image--wrapper {
  -webkit-transition: all 0.2s cubic-bezier(0.16, 0.04, 0.14, 1) 0.2s;
  transition: all 0.2s cubic-bezier(0.16, 0.04, 0.14, 1) 0.2s;
  opacity: 1;
}
.product--navigation .image--wrapper {
  -webkit-transition: all 0.2s cubic-bezier(0.16, 0.04, 0.14, 1);
  transition: all 0.2s cubic-bezier(0.16, 0.04, 0.14, 1);
  opacity: 0;
  position: absolute;
}
.product--navigation .link--prev {
  left: auto;
  margin-right: -45px;
  overflow: hidden;
  right: 100%;
  width: 45px;
}
.product--navigation .link--prev .image--wrapper {
  right: 0;
}
.product--navigation .link--prev .image--container {
  left: 0;
}
.product--navigation .link--prev.can--slide:hover {
  left: auto;
  width: 250px;
}
.product--navigation .link--prev.can--slide:hover .image--container {
  right: auto;
}
.product--navigation .link--next {
  left: 100%;
  margin-left: -45px;
  overflow: hidden;
  right: auto;
  width: 45px;
}
.product--navigation .link--next .image--wrapper {
  left: 0;
}
.product--navigation .link--next .image--container {
  right: 0;
}
.product--navigation .link--next.can--slide:hover {
  right: auto;
  width: 250px;
}
.product--navigation .link--next.can--slide:hover .image--container {
  right: auto;
}
.product--navigation .link--prev-button,
.product--navigation .link--next-button {
  background-color: #fff;
  color: #666;
  font-size: 70px;
}
.product--navigation .link--next-button:before {
  content: '\E919';
  font-family: 'escada';
  margin-left: -14px;
}
.product--navigation .link--prev-button:before {
  content: '\E918';
  font-family: 'escada';
  margin-left: -14px;
}
.image-gallery--modal {
  padding: 0 !important;
}
.image-gallery--modal .image-slider--slide {
  padding-top: 47px;
}
.image-gallery--modal .js--modal--inner {
  height: 100%;
  width: 100%;
}
.image-gallery--modal .button--zoom-out,
.image-gallery--modal .button--zoom-reset,
.image-gallery--modal .button--zoom-in {
  font-size: 18px;
  height: 28px;
  line-height: 24px;
  padding: 2px 6px;
}
.image-gallery--modal .image-slider--thumbnails-slide {
  float: left;
}
.image-gallery--modal .image-slider--thumbnails-slide .thumbnail--link {
  -webkit-transition: opacity 0.5s cubic-bezier(0.39, 0, 0.29, 0.99);
  transition: opacity 0.5s cubic-bezier(0.39, 0, 0.29, 0.99);
  border: none !important;
  display: inline-block;
  opacity: 0.4;
}
.image-gallery--modal .image-slider--thumbnails-slide .thumbnail--link:hover,
.image-gallery--modal .image-slider--thumbnails-slide .thumbnail--link.is--active {
  border: none !important;
  opacity: 1;
}
.image-gallery--modal .arrow:before {
  font-family: 'escada';
}
.image-gallery--modal .arrow.is--right:before {
  content: '\E902';
}
.image-gallery--modal .arrow.is--left:before {
  content: '\E901';
}
.image-gallery--modal .icon--cross:before {
  content: '\E907';
  font-family: 'escada';
}
.detail--color-badges {
  margin: 20px 0 10px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .detail--color-badges {
    margin: 30px 0 30px;
  }
}
.detail--color-badges .color-badge {
  height: 32px;
  width: 32px;
}
@media screen and (min-width: 1260px) {
  .detail--color-badges .color-badge {
    height: 24px;
    width: 24px;
  }
}
.detail--color-badges .color-badge:before {
  height: 34px;
  width: 34px;
}
@media screen and (min-width: 1260px) {
  .detail--color-badges .color-badge:before {
    height: 26px;
    width: 26px;
  }
}
.detail--color-badges .color-badge.is--color--multicolor:after {
  border-width: 15px;
}
@media screen and (min-width: 1260px) {
  .detail--color-badges .color-badge.is--color--multicolor:after {
    border-width: 11px;
  }
}
.care-instructions {
  padding: 10px 0;
}
.care-instructions .care-instruction {
  padding: 10px 0;
}
.care-instructions .care-instruction .care-instruction--image {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  float: left;
  height: 24px;
  position: relative;
  width: 24px;
}
.care-instructions .care-instruction .care-instruction--text {
  float: left;
  line-height: 24px;
  padding-left: 15px;
}
.care-instructions .care-instruction:after {
  clear: both;
  content: '';
  display: table;
}
.product--tax a {
  text-decoration: none !important;
}
.product--tax a:hover,
.product--tax a:active,
.product--tax a:focus {
  text-decoration: none !important;
}
.product--notification {
  background-color: #fafafa;
  color: #bead85;
  padding: 20px 15px;
}
.product--notification.has--error {
  background-color: rgba(174, 153, 98, 0.1);
  color: #333;
}
.product--notification .product--notification--message {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .product--notification .product--notification--message {
    margin: 0 auto;
    width: 75%;
  }
}
.product--notification .product--notification--inputs {
  padding-top: 15px;
}
.product--notification .product--notification--mail {
  background-color: #fff;
  border: none;
  width: 100%;
}
.product--notification .product--notification--mail:hover,
.product--notification .product--notification--mail:active,
.product--notification .product--notification--mail:focus {
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .product--notification .product--notification--mail {
    margin-bottom: 0;
    margin-right: 2%;
    width: 63%;
  }
}
@media screen and (min-width: 768px) {
  .product--notification .product--notification--button {
    margin-left: 2%;
    width: 33%;
  }
}
.product--notification .product--notification--privacy {
  padding-top: 15px;
}
.promotion--description-box {
  display: block;
  margin-bottom: 17px;
  margin-top: 25px;
}
.promotion--description-box .promotion--description {
  margin-top: 6px;
  text-align: center;
  width: 100%;
}
.promotion--detail-modal .content {
  padding: 0;
}
.container--detail--slider {
  padding-top: 30px;
}
@media screen and (min-width: 768px) {
  .container--detail--slider {
    padding-top: 50px;
  }
}
@media screen and (min-width: 1024px) {
  .container--detail--slider {
    padding-top: 100px;
  }
}
@media screen and (max-width: 767px) {
  .container--detail--slider .cross-selling--title {
    margin-left: 30px;
    margin-right: 30px;
  }
}
@media screen and (max-width: 767px) {
  .container--detail--slider .related--content {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media screen and (max-width: 479px) {
  .cross-selling .product-slider .product-slider--item {
    width: 50% !important;
  }
}