/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./node_modules/string-replace-loader/index.js??ruleSet[1].rules[3]!./cartridges/app_custom_core/cartridge/client/default/scss/pdp.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/*md
@no-stat

# Breakpoints

## Birkenstock breakpoints

Read more about [supported devices] https://confluence.birkenstock.com/display/LP/09.05+-+Test+Plan - iPhone 12, Samsung Galaxy S22 , IPad Air, iPad Pro 11'', 13'', Samsung Galaxy Tab A9 11'', Samsung Galaxy Tab S9+ 12.4', MS Windows desktop , Macbook Pro/ Macbook Air retina

** Please not iPad landscape - is LG breakpoint **

## Supported screen resolutions

Launch 360 is come "Retina ready". It supports MDPI and XHDPI pixel density across all site.

| Device             | Screen Resolution, CSS pixels | Pixel density |
|--------------------|-------------------------------|---------------|
| Desktop Windows PC                  | 1920x1080                     | MDPI          |
| Macbook pro 13                      | 1280x800 / 1440x900           | XHDPI         |
| Samsung Galaxy Tab S9 12.4'         | 1024x768                      | XHDPI         |
| iPad Pro 13''                       | 1366x1024                     | XHDPI         |
| iPad Pro 11''                       | 1194x834                      | XHDPI         |
| iPad Air 2                          | 1024x768                      | XHDPI         |
| iPhone 12                           | 390x844                       | XHDPI         |
| Samsung Galaxy S22                  | 360x780                       | XHDPI         |

## Supported screen scaling

Launch 360 comes with support of 1:1, 1:1.25, 1.5, 1:2 screen scaling. To do so you need
to take care not only by whole pixel but pixel fractions that is used.

*/
/*md
@no-stat

# Media queries (breakpoints)

We have a `media` mixin for make it easier to implement responsive styling via media queries.

You can nest them right within other blocks of CSS,which puts the properties and values you are changing right next
to each other.
That creates an obvious connection between them, which is a much nicer authoring experience than trying to maintain
those changes separated by tons of other code or in a different file.

## Configuration

**Site Layout Conception** details with examples you can find [here](https://confluence.ontrq.com/display/RSB/SFRA+-+Site+Layout+Conception)

`media` mixin works with `$media` map where `media-name: media query`

This is how `$media` map looks:

```scss
$media: (
	sm: 'screen and (max-width: 767px)',
	md: 'screen and (min-width: 768px) and (max-width: 1179px)',
	lg: 'screen and (min-width: 1180px) and (max-width: 1439px)',
	xl: 'screen and (min-width: 1440px)',
	md-up: 'screen and (min-width: 768px)',
	md-down: 'screen and (max-width: 1179px)',
	lg-up: 'screen and (min-width: 1180px)',
	lg-down: 'screen and (max-width: 1439px)'
);
```

## Usage

Here is how to use `media()` mixin:

```scss
.b-block {
	// styles outside of a media query

	@include media(md-up) {
		// styles for "m" and "l" viewports
	};

	@include media(sm) {
		// styles for "s" viewports
	};
}
```

Simply edit this file and add your own media queries to `$media` map.

*/
/*md
@no-stat

# Palette

This is palette settings for project/brand.
It divided into 2 main categories - palette and applied color.

* Palette is general set of colors. It could be used directly if you do not have themes.
* Applied colors designed as layer of abstraction to have ability to overwrite it on brand level.

All themes have individual logic so it almost impossible to implement some single
universal approach. Launch 360 provide basic tools for further customization
depending of your requirements.

Please see _colors.md for more information about themes.

*/
/*md
@no-stat

# Globals variables

This variables are set of different global settings that is used across sets of components.

It include:

* globals
* depth of components (box-shadow)
* motion of components

*/
/*md
@no-stat

# Z-indexes

Z-index is an inherently tricky thing, and maintaining z-index order in a complex layout is difficult.
With different stacking orders and contexts, keeping track of them as their numbers increase can be hard.
<br />
<br />
We use sass function to help manage z-indexes from single place.
The most important requirement of this technique is sticking to it.
Any rogue hard-coded z-index values could compromise the integrity of those derived from your list.

## Usage

**We don't use hardcoded integer `z-index` values. Instead, we use indexes from the map `$z-indexes`**

### 1. Set up `$z-indexes` map
```scss
$z-indexes: (
    components: (
        component_name: (),
        checkbox: (
            before: (),
            after: (),
            icon: (),
        )
    ),
    content: (),
    popup-menu: ()
);
```

### 2. Add values in SCSS classes using `z()` function

#### Global components
```scss
.b-components { z-index: z(components); }
.b-content { z-index: z(content); }
.b-pop_up-menu { z-index: z(popup-menu); }
```

#### Inside a component
```scss
.b-component_name { z-index: z(components, component_name); }
.b-checkbox {
    &-before { z-index: z(components, checkbox, before); }
    &-after { z-index: z(components, checkbox, after); }
    &-icon { z-index: z(components, checkbox, icon); }
}
```

### 3. Get resulting CSS
```scss
.b-components { z-index: 1; }
.b-content { z-index: 2; }
.b-pop_up-menu { z-index: 3; }

.b-component_name { z-index: 1; }
.b-checkbox-before { z-index: 1; }
.b-checkbox-after { z-index: 2; }
.b-checkbox-icon { z-index: 3; }
```

*/
/*md
@no-stat

# Grids

## How to setup grids config for project

### Several grid configs for project

We can use several grid configs per project. To do this, we need to add a new grid name to the `$grids` map with settings.

```scss
$grids: (
	default: (
		//...
	),
	altered: (
		//...
	)
);
```

### Gaps / margin / column span configuration:

```scss
$grids: (
	default: (
		grid-columns: ('xl': 12,   'lg': 12,   'md': 12,   'sm': 6),
		grid-gutter:  ('xl': 20px, 'lg': 20px, 'md': 16px, 'sm': 9px),
		grid-margin:  ('xl': 88px, 'lg': 60px, 'md': 32px, 'sm': 15px),
	)
);
```

## Working with grids

### Development approaches

#### 1. Using `g-grid` mixin when css grid is applicable.

With features of `display: grid`. Please see [g-grid](02-components-g-grid.html) details.

#### 2. Using `grid-span` function to create custom layout based on (flex, float, inline-block, table etc.)

Could be used in conjunction with different display properties while maintaining their common features(floating, centering, etc.).
Please see [grid-span](01-core-functions-grid-span.html) details.

As example please see [flex based non semantic grid](05-blocks-guide-l-cols.html) like you could see before CSS grid era (Foundation, Bootstrap etc.).

#### 3. Get gaps / margin / column span to create your own grid layout system.

For that we have the next grid functions in `_grids_tools.scss`:
- grid-gutter
- grid-margin
- grid-columns

Please see [grid functions](00-configuration-grids_tools.html) details with usage examples.
*/
/*md
@no-stat

# grid-* (grid config get functions)

This functions designed to get data from grid configuration config and
use it for creating grids or reuse grid configuration into different components.

* `grid-gutter`
* `grid-columns`
* `grid-margin`

## Usage

```scss

// Configuration:

$grids: (
	default: (
		grid-columns: ('xl': 12,   'lg': 12,   'md': 12,   'sm': 6),
		grid-gutter:  ('xl': 20px, 'lg': 20px, 'md': 16px, 'sm': 9px),
		grid-margin:  ('xl': 88px, 'lg': 60px, 'md': 32px, 'sm': 15px),
	),
	altered: (
		grid-columns: ('xl': 10,   'lg': 10,   'md': 10,   'sm': 6),
		grid-gutter:  ('xl': 10px, 'lg': 10px, 'md': 10px, 'sm': 10px),
		grid-margin:  ('xl': 40px, 'lg': 30px, 'md': 30px, 'sm': 20px),
	)
);

// Usage:

.component {
	padding: grid-gutter('lg'); // => grids -> 'default' -> grid-gutter -> lg = 20px
	padding: grid-gutter('lg', 'altered'); // => => grids -> 'altered' -> grid-gutter -> lg = 10px
}

.component-b {
	margin: grid-margin('lg');
	margin: grid-margin('lg', 'altered');

	@include media(sm) {
		margin: grid-margin('sm');
	}
}

.component-c {
	width: percentage(grid-columns('lg') / 4);

	@include media(sm) {
		width: percentage(grid-columns('sm') / 2);
	}
}
```
*/
/*md
@no-stat

# adjust-color-to-bg

This function used to adjust color of some element depending on provided background color.
As basis function using luminance with human-perceived criteria as breakpoint for colors
[See more details](http://www.w3.org/TR/2008/REC-WCAG20-20081211/#relativeluminancedef).

It is especially useful for crating flexible themes.

## Arguments

```
$backgroundColor - bg color
$colorInverse - color if bg is dark. If not provided would return $color-white
$colorNormal - color if bg is light. If not provided would return $color-text

adjust-color-to-bg($backgroundColor, $colorInverse, $colorNormal)
```

## Usage

```scss
.component {
	color: adjust-color-to-bg($color-bg-header-line-1);

	// => results default 'white' if background dark
	// => results default 'black' if background is light
}

.component-custom-inverse-color {
	color: adjust-color-to-bg($color-bg-footer, grey);

	// => results 'grey' if background dark
	// => results default 'black' if background is light
}

.component-all-custom-colors {
	color: adjust-color-to-bg($color-bg-footer, green, red);

	// => result 'green' if background dark
	// => result 'red' if background is light
}
```

Based on Hugo Giraudel [work](https://css-tricks.com/snippets/sass/luminance-color-function/)
*/
/*md
@no-stat

# grid-span

`grid-span` function returns the width which 1 or several columns are takes (including inner gutters).

It returns value in percents.

This could be used for direct set to **width, max-width, flex-basis, etc.** to create
custom grid layout.

### Parameters

```scss
@function grid-span($column: 1, $break: 'lg', $with-gutter: false, $grid: 'default')
```

## Examples

### Flex-basis example

```scss
.b-grid {
	display: flex;

	.b-grid__item {
		flex-basis: grid-span($column: 3);
	}
}
```

### Floated items example

```scss
.b-grid {
	.b-grid__item {
		float: left;
		width: grid-span($column: 2);
	}
}
```

### Inline-block items example

```scss
.b-grid {
	.b-grid__item {
		display: inline-block;
		max-width: grid-span($column: 2);
	}
}
```

Please see [grid](00-configuration-grids.html) for more grid usage examples.

*/
/*md
@no-stat

# aspect-ratio

This function used to get percentage value of aspect ratio color to use in `padding` to
create container for images.

This technique used to prevent content bouncing during load and create layout shifts.

Calculation. 16:9 Aspect Ratio would result `(9 / 16) * 100 = 0.5625%`.

See proposed [specs](https://drafts.csswg.org/css-sizing-4/#aspect-ratio)

## Arguments

```
$width - width of element
$height - height of element

=> percentage

aspect-ratio($width, $height)
```

## Usage

```scss
.component {
	padding-bottom: aspect-ratio(16, 9);
	padding-bottom: aspect-ratio(1920, 1080);
	padding-bottom: aspect-ratio(1920px, 1080px);
}

.b-suggestions-item_image {
	@include g-image_container(_container, aspect-ratio(16, 9));

	img {
		@include g-image_container(_img);
	}
}
```

*/
/*md

# opposite-position

This function returns the opposite direction of each direction in a list
$directions - List of initial directions

 ```scss
.b-component {
	border-opposite-position(top): $size solid $color;

	// ...
}
```

*/
/*md
@no-stat

# Hide

This mixin is especially useful for hiding text
or visually hide needed elements

Here is a list of parameters you can use:

* text - helps to hide text without losing visibility for parsers
* visually - like for text but for the whole element

## Usage

```scss
.component {
	@include hide(visually);
}

.h-hide_vis {
	@include hide(visually, true);
}
```
*/
/*md
@no-stat

# Hover-supported

This mixin is designed to address iOS standard behavior of first tap - hover,
second tap - click that is engaged when control has hover styles applied.

This is critical for functionality like back-top-button. If we apply hover styles as is.
It would be activated only after second tap.

If rules are wrapped into this media it applied only in case if device have fine
pointer mechanism. [See more info](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/pointer).

Please note about mixed input devices - touch screen + mouse + touchpad,
touchpad + trackpoint, touch screen + stylus ("apple pencil") etc. -
sometimes browser do not report it properly, so logic should be builded around
exclusions.

## Usage

```scss
.component {
	@include hover-supported {
		&:hover {
			// Hover styles that should not be applied to touch
		}
	};
}
```
*/
/*md
@no-stat

# RTL selector

This mixin is designed to alter styles for RTL languages.

It mostly needed for alter position:absolute left|right coords, but could be used
as facade for different selectors.

## Usage

```scss
.component {
	left: 0;
	@include rtl {
		left: initial;
		right: 0;
	};
}
```
*/
/*md

# Triangle helper mixin

$direction - Triangle direction, either `top`, `right`, `bottom` or `left`
$color - Triangle color
$size - Triangle size

 ```scss
.b-component {
	@include triangle(top, $color-primary, 12px);

	// ...
}
```

*/
/*md

# Shorthand mixin for offset positioning

$position - Either `relative`, `absolute` or `fixed`
$top - Top offset
$right - Right offset
$bottom - Bottom offset
$left - Left offset

 ```scss
.b-component {
	@include position(absolute, -8px, null, null, 12px);

	// ...
}
```

*/
/*md

# text_overflow

This is global mixin designed to reduce text lines and add "..." in the end.

## Usage

```scss
.component-link {
	@include text_overflow;
}

.component-link {
	@include text_overflow(2);
}
```

*/
/*md

# g-button

This component is designed to provide same styles of buttons
across different components.

## Usage

```scss
// for regular cases
.b-user_content-btn {
	@include g-button(primary_inverted);
}
```

*/
/*md

# g-button_icon_only

Designed to provide same styles of buttons that contain only icon (without any text)
across different components without explicit CSS class.

It is used for header menubar icons, hamburger menu items and dialog close button.

```scss
.b-dialog {
	// ...
	&-close {
		@include g-button_icon_only;
	}
}
```
*/
/*md

# g-radio

## Usage

Only one g-radio in a given group can be selected at the same time.

If user selects one option in the list that other options come to unselected.

`g-radio` has states: unchecked, checked, hover, disabled and invalid.

*/
/*md

# g-checkbox

This component is designed to provide same styles of checkboxes across different components.

## Usage

A `g-checkbox` is used for select or unselect action items.

It is always tied to `<label>` that describes two opposite states.

The component usually points to choose settings or preferences.

`g-checkbox` has states (unchecked, checked, hover, disabled and invalid).

```
*/
/*md

# g-spinner

Global spinner component applied to different blocks that fetch data.

Designed to use same style of spinner in different components and on particular breakpoints.
Ex: `b-minicart_popup`, `b-suggestions`, `b-plp_grid`, `b-product_details`, `b-cart` etc.

```scss
.b-product_gallery {
	&.m-loading_long::after {
		@include g-spinner();
	}
	// ...
}
```
*/
/*md

# g-text*

Some basic simple typography applied to different UI components.

This covers only very basic cases and could be extended.

```scss
.b-cart {
	// ...

	&-description {
		@include g-text_state;
	}
}
```
*/
/*md

# g-link

This component is designed to provide same styles of text-type links (hyperlinks)
across different components.

## Usage

```scss
// for regular cases
.b-user_content-link {
	@include g-link;
}
```

*/
/*md

# g-link_ui

This component is designed to provide consistent styles of UI-type links across
different UI components. For example links in header or footer, that expected to be more
like buttons and do not have attributes that expected for text links (hyperlinks) -
to be underlined, have visited state etc.

## Usage

```scss
// for regular cases
.b-menu_bar-item {
	@include g-link_ui;
}

// for cases when text color is inverted (white, red etc) and action color will not
// be good (ex blue hover state on red alert banner)
.b-component-link {
	@include g-link_ui(inherit);
}
```

*/
/*md

# g-link_hamburger

Hamburger menu generic link that used in several component.

Designed to use same style of hamburger link in different components
ex: menu, account link, language switcher etc.

```scss
.b-menu {
	// ...
	&-item {
		@include media(sm) {
			@include g-link_hamburger;
		}
	}
}
```
*/
/*md

# g-image_container

This is global component designed to hold image in place and preventing from layout bouncing during page load.

It based on `padding-bottom` trick. `padding-bottom` and `padding-top` relative units are based
on parent element `width`. So if you had an element that is 500px wide, and padding-top of 100%,
the padding-top would be 500px. [More info](https://css-tricks.com/aspect-ratio-boxes/)

```scss
.b-image_example {
	&.m-1-1 {
		@include g-image_container(_container, 100%);
	}

	img {
		@include g-image_container(_img);
	}
}
```

You could change aspect ration in mixin:

```scss
@include g-image_container(_container, 100%);   // 1:1
@include g-image_container(_container, 150%);   // 2:3
@include g-image_container(_container, 133%);   // 3:4
@include g-image_container(_container, 125%);   // 5:4
@include g-image_container(_container, 75%);    // 4:3
@include g-image_container(_container, 66.6%);  // 3:2
@include g-image_container(_container, 56.25%); // 16:9
```

But it is preferable to define only one aspect ration through all images and not change it.

Example of usage:
## 1:1

```html_example
<div style="width: 500px">
	<picture class="b-image_example m-1-1">
		<img
			loading="lazy"
			src="../images/guide/examples/guide_image_example.jpg?$staticlink$"
			alt="Some dummy alternative text for image."
		/>
	</picture>
</div>
```

## 4:3

```html_example
<div style="width: 500px">
	<picture class="b-image_example m-4-3">
		<img
			loading="lazy"
			src="../images/guide/examples/guide_image_example.jpg?$staticlink$"
			alt="Some dummy alternative text for image."
		/>
	</picture>
</div>
```

## 3:4

```html_example
<div style="width: 500px">
	<picture class="b-image_example m-3-4">
		<img
			loading="lazy"
			src="../images/guide/examples/guide_image_example.jpg?$staticlink$"
			alt="Some dummy alternative text for image."
		/>
	</picture>
</div>
```

## 3:2

```html_example
<div style="width: 500px">
	<picture class="b-image_example m-3-2">
		<img
			loading="lazy"
			src="../images/guide/examples/guide_image_example.jpg?$staticlink$"
			alt="Some dummy alternative text for image."
		/>
	</picture>
</div>
```

## 2:3

```html_example
<div style="width: 500px">
	<picture class="b-image_example m-2-3">
		<img
			loading="lazy"
			src="../images/guide/examples/guide_image_example.jpg?$staticlink$"
			alt="Some dummy alternative text for image."
		/>
	</picture>
</div>
```
*/
.b-image_example.m-1-1 {
  display: block;
  overflow: hidden;
  padding-bottom: 100%;
  position: relative;
  width: 100%;
}
.b-image_example.m-4-3 {
  display: block;
  overflow: hidden;
  padding-bottom: 75%;
  position: relative;
  width: 100%;
}
.b-image_example.m-3-4 {
  display: block;
  overflow: hidden;
  padding-bottom: 133%;
  position: relative;
  width: 100%;
}
.b-image_example.m-3-2 {
  display: block;
  overflow: hidden;
  padding-bottom: 66.6%;
  position: relative;
  width: 100%;
}
.b-image_example.m-2-3 {
  display: block;
  overflow: hidden;
  padding-bottom: 150%;
  position: relative;
  width: 100%;
}
.b-image_example img {
  border: none;
  bottom: 0;
  color: #ebebea;
  display: block;
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}

/*md

# g-snap_scroll

Components that apply snap scroll CSS rules to different components and cases.

Designed to use same snap scroll functionality in different components and/or on
particular breakpoints.
Ex: b-carousel, b-product_gallery, .b-product_slider etc.

```scss
.b-product_gallery {
	&-thumbs_track {
		@include g-snap_scroll($direction: y);
	}
	// ...
}
```

[Snap scroll MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Scroll_Snap)

*/
/*md

# g-backdrop_dialog

Dialog window backdrop styles that used in several components and particular breakpoints.

Serve as overlay and container to hold dialog box inside + provide scroll on overflow.
This is solution for large dialogs that scrolled inside viewport.

```scss
.b-menu_panel {
	@include media(sm) {
		@include g-backdrop_dialog;
	}
	// ...
}
```
*/
/*md

# g-backdrop_panel

Backdrop (overlay) for panels designed to handle swipe-to-close animation.

Serve as regular overlay.

```scss
.b-menu_panel {
	@include media(sm) {
		@include g-backdrop_dialog;
	}
	// ...
}
```
*/
/*md

# g-section_holder

This is global component designed to hold some standalone section of the site
in the manner as it would be just wrapped into main container.

It could be used not only for standalone blocks, but also for page layouts.

```scss
.b-section {
	background: green;

	&-inner {
		@include g-section_holder;
	}
}
```
*/
/*md

# g-section_holder_narrow

Expected to use on checkout and shopping cart.
Need update in future.
Differs from other container (g-section_holder)
we need special component with different `max-width` and `margin` than
`section_holder`.

This is global component designed to hold narrow content of the site.

It could be removed and changed to `section_holder`.

```scss
.l-header-inner {
	background: green;

	&-inner {
		@include g-section_holder_narrow;
	}
}
```
*/
/*md

# g-heading_*

Basic simple typography styles applied to different UI components.

This covers only very basic cases and should be extended on project.

```scss
.b-cart_empty {
	// ...

	&-title {
		@include g-heading_1;

		margin-bottom: 32px;
	}
}
```
*/
/*md

# g-accordion

Global accordion component

*/
/*md

# g-grid

g-grid is layout component based on CSS grid.

It is designed to use project defined grid (see _grids.scss) into components where CSS grid is
applicable.

As the result this component declare CSS grid configuration. Ex:

```
// scss
@include g-grid();
// css
grid-gap: 20px;
grid-template-columns: [grid-start] repeat(12, 1fr) [grid-end];
```

And that it could be used to place items inside this declared grid. Ex:

```scss
.b-grid {
	@include g-grid();

	.b-columns__item {
		@include media(lg-up) {
			grid-column: 2 / span 4;
			grid-row: 1 / 2;
		}

		@include media(md-down) {
			grid-column: grid-start / span 7;
		}
	}
}
```

Please see [grid](00-configuration-grids.html) for more grid usage examples.

*/
/*md

# g-drawer

This component is designed to provide same styles of popup(drawer)

*/
/*md

# g-scrollbar

Designed to modify the look of the browser's scrollbar.
Customization applies for Chrome, Edge, Safari and Opera browsers.
Firefox doesn't support full customization.

On storefront you can see the result on the minicart.

```scss
.b-components {
	@include g-scrollbar;
}
```
*/
.l-pdp-main {
  margin-bottom: 65px;
  margin-top: 20px;
  transition: opacity ease-out 150ms;
}
@media screen and (max-width: 767.9px) {
  .l-pdp-main {
    margin-bottom: 60px;
    margin-top: 0;
  }
}
@media screen and (min-width: 1180px) {
  .l-pdp-main {
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
    max-width: 1360px;
  }
}
@media screen and (min-width: 1180px) and (min-width: 1180px) and (max-width: 1439.9px) {
  .l-pdp-main {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (min-width: 1180px) and (min-width: 768px) and (max-width: 1179.9px) {
  .l-pdp-main {
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media screen and (min-width: 1180px) and (max-width: 767.9px) {
  .l-pdp-main {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.m-quick_view .l-pdp-main {
  margin: 0;
  overflow: hidden;
  padding: 0;
}
.l-pdp-main.m-product_set_buy_all {
  margin: 0;
  max-width: 100%;
  overflow: hidden;
  padding: 0;
  width: 100%;
}
.l-pdp-main.m-product_set_buy_all .b-product_addtocard_set {
  border: 0;
  padding: 0;
}
.l-pdp-main.m-product_set_buy_all .b-button_multi_state {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .l-pdp-top {
    display: flex;
  }
}
@media screen and (min-width: 1440px) {
  .l-pdp-top {
    margin-inline: -40px;
  }
}
.m-quick_view .l-pdp-top {
  display: block;
  margin: 0;
}
.l-pdp-main.m-busy .l-pdp-top::after {
  backdrop-filter: blur(2px);
  background-color: rgba(0, 0, 0, 0.1);
  content: "";
  inset: 0;
  position: fixed;
  transition: cubic-bezier(0.3, 0.46, 0.45, 0.94) 0.5s background-color;
  z-index: 22;
}
@media screen and (min-width: 1180px) {
  .l-pdp-image {
    padding-inline-end: 34px;
    position: relative;
    width: 58.3333333333%;
  }
  .l-pdp.m-product_set .l-pdp-image {
    width: 50%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1179.9px) {
  .l-pdp-image {
    padding-inline-end: 8px;
    width: 50%;
  }
}
.m-quick_view .l-pdp-image {
  padding: 0;
  width: 100%;
}
.m-quick_view .l-pdp-image .b-product_gallery-inner,
.m-quick_view .l-pdp-image .b-product_slider-pagination {
  display: block;
}
.m-quick_view .l-pdp-image .b-product_gallery-thumbs {
  display: none;
}
@media screen and (max-width: 1179.9px) {
  .l-pdp-details {
    margin: 0 auto;
    max-width: 1920px;
    padding-left: 40px;
    padding-right: 40px;
    max-width: 100%;
  }
}
@media screen and (max-width: 1179.9px) and (min-width: 1180px) and (max-width: 1439.9px) {
  .l-pdp-details {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 1179.9px) and (min-width: 768px) and (max-width: 1179.9px) {
  .l-pdp-details {
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media screen and (max-width: 1179.9px) and (max-width: 767.9px) {
  .l-pdp-details {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1180px) {
  .l-pdp-details {
    padding-inline-start: 32px;
    width: 41.6666666667%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1179.9px) {
  .l-pdp-details {
    padding-inline-start: 12px;
    width: 50%;
  }
}
.m-quick_view .l-pdp-details {
  padding: 0 16px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .m-quick_view .l-pdp-details {
    padding: 0 32px;
  }
}
.m-quick_view .l-pdp-details .b-product_details-variations.m-top {
  display: block;
}
.m-quick_view .l-pdp-details .b-product_details-variations.m-top:has(.swiper-initialized) {
  margin-inline-end: -32px;
}
@media screen and (max-width: 767.9px) {
  .m-quick_view .l-pdp-details .b-product_details-variations.m-top:has(.swiper-initialized) {
    margin-inline-end: -16px;
  }
}
.m-quick_view .l-pdp-details .b-product_details-variations.m-bottom {
  margin-top: 0;
}
.m-quick_view .l-pdp-details .b-product_details-variations.m-bottom .b-variations_item.m-color {
  display: none;
}
.m-quick_view .l-pdp-details .b-product_details-variations.m-bottom .b-variations_item.m-width {
  margin-top: 20px;
}
.m-quick_view .l-pdp-details .b-product_details-promotions .m-pdp-promo-top-message:has(.b-promotion-message:not(:empty)) {
  margin-top: 8px;
}
.m-quick_view .l-pdp-details .b-promotion:has(.b-promotion-message:empty),
.m-quick_view .l-pdp-details .b-product_details-promotions_container:has(.b-promotion-message:empty) {
  margin: 0;
}
.m-quick_view .l-pdp-details .b-product_details-name {
  font-family: var(--care-essentials-font, "DIN Next CYR", "Arial", "Helvetica", sans-serif);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 0.98;
  font-size: 24px;
  margin: 32px 0 8px;
  padding: 0;
}
@media screen and (max-width: 1179.9px) {
  .m-quick_view .l-pdp-details .b-product_details-name {
    font-size: 24px;
    line-height: 1.02;
  }
}
html[dir=rtl] .m-quick_view .l-pdp-details .b-product_details-name {
  letter-spacing: 0;
}
.m-1774-product .m-quick_view .l-pdp-details .b-product_details-name {
  font-size: 32px;
}
.m-quick_view .l-pdp-details .b-product_actions {
  margin-bottom: 20px;
}
.m-quick_view .l-pdp-details .b-availability {
  justify-content: center;
}
.m-quick_view .l-pdp-details .b-button_multi_state {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  height: 48px;
  justify-content: center;
  max-width: 100%;
  text-decoration: none;
  text-transform: uppercase;
  transition: ease-out 150ms;
  transition-property: background-color, color, border;
  -webkit-user-select: none;
          user-select: none;
  vertical-align: top;
  white-space: nowrap;
  background: #282727;
  border-color: #ffffff;
  color: #ffffff;
}
@media not all and (pointer: coarse) {
  .m-quick_view .l-pdp-details .b-button_multi_state:hover {
    background: transparent;
    border-color: #282727;
    color: #282727;
  }
}
.m-quick_view .l-pdp-details .b-button_multi_state:active {
  background: transparent;
  border-color: #282727;
  color: #282727;
}
.m-quick_view .l-pdp-details .b-button_multi_state.m-like-disabled {
  background: #ebebea;
  border: #a4a4aa;
  color: #898992;
  pointer-events: none;
}
.m-quick_view .l-pdp:not(.m-type_variationGroup) .l-pdp-details .b-product_actions-inner {
  gap: 0;
}
.l-pdp-details.m-product_set {
  max-width: 100%;
}
.l-pdp-full_details {
  text-align: center;
}
.l-pdp-full_details .b-button {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
}
html[dir=rtl] .l-pdp-full_details .b-button {
  letter-spacing: 0;
}
.l-page.m-care_essentials .l-pdp-full_details .b-button, .b-dialog.m-care_essentials-product .l-pdp-full_details .b-button {
  letter-spacing: normal;
}
.m-1774 .l-pdp-full_details .b-button {
  font-family: "DIN Next CYR", "Arial", "Helvetica", sans-serif;
}
.l-pdp-slots {
  margin: 20px 0 56px;
  word-break: break-all;
}
@media screen and (min-width: 768px) and (max-width: 1179.9px) {
  .l-pdp-slots {
    margin: 20px 0 0;
  }
}
@media screen and (min-width: 1180px) {
  .l-pdp-slots {
    margin: 20px 0 0;
  }
}
.l-pdp-slots .b-content_asset.m-pdp-olapic-widget {
  margin: 0 auto;
  max-width: 1920px;
  word-break: normal;
}
.l-pdp-slots_inner .b-promo_info_box {
  margin: 80px 0;
}
@media screen and (max-width: 767.9px) {
  .l-pdp-slots_inner .b-promo_info_box {
    margin: 60px 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1179.9px) {
  .l-pdp-slots_first {
    margin-top: 10px;
  }
}
@media screen and (min-width: 1180px) {
  .l-pdp-slots_first {
    margin-top: 15px;
  }
}
.l-pdp-review {
  display: none;
  margin-top: 20px;
}
@media screen and (max-width: 767.9px) {
  .l-pdp-review {
    margin-top: 20px;
  }
}
.l-pdp-set_title {
  display: none;
}
.l-pdp-set_item {
  margin-bottom: 40px;
}
@media screen and (min-width: 768px) {
  .l-pdp-set_item .l-pdp-image {
    display: none;
  }
}
.l-pdp-set_item .l-pdp-top {
  display: block;
  margin: 0;
}
.l-pdp-set_item .l-pdp-details {
  padding: 0;
  width: 100%;
}
.l-pdp-set_item .b-product_actions-cta,
.l-pdp-set_item .b-product_notify_me {
  display: none;
}
.l-page.m-care_essentials .l-pdp .b-button_multi_state {
  background-color: #282727;
}
@media not all and (pointer: coarse) {
  .l-page.m-care_essentials .l-pdp .b-button_multi_state:hover {
    background-color: #ffffff;
    border-color: #282727;
    color: #282727;
  }
}
.l-page.m-care_essentials .l-pdp .b-button_multi_state:active {
  background-color: #ffffff;
  border-color: #282727;
  color: #282727;
}
.l-page.m-care_essentials .l-pdp .b-button_multi_state.m-processing {
  background-color: #ffffff;
  border-color: #282727;
  color: #282727;
}
.l-page.m-care_essentials .l-pdp .b-button_multi_state:disabled:not(.m-processing), .l-page.m-care_essentials .l-pdp .b-button_multi_state.m-disabled:not(.m-processing), .l-page.m-care_essentials .l-pdp .b-button_multi_state.m-like-disabled:not(.m-processing) {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  height: 48px;
  justify-content: center;
  max-width: 100%;
  text-decoration: none;
  text-transform: uppercase;
  transition: ease-out 150ms;
  transition-property: background-color, color, border;
  -webkit-user-select: none;
          user-select: none;
  vertical-align: top;
  white-space: nowrap;
  background-color: #f3f3f6;
  border-color: transparent;
  pointer-events: none;
  background: #ebebea;
  border: #a4a4aa;
  color: #898992;
}

.l-pdp_no_ctx {
  display: flex;
}
@media screen and (max-width: 767.9px) {
  .l-pdp_no_ctx {
    flex-direction: column;
  }
}
.l-pdp_no_ctx-main {
  background: #ebebea;
  display: flex;
  flex-direction: column;
  grid-area: main;
  justify-content: center;
  min-height: 600px;
  padding: 32px;
}
.l-pdp_no_ctx-title, .l-pdp_no_ctx-rating {
  background: #ebebea;
  height: 50px;
}
.l-pdp_no_ctx-title {
  margin-bottom: 20px;
  width: 100%;
}
.l-pdp_no_ctx-rating {
  width: 80%;
}
@media screen and (min-width: 1180px) {
  .l-pdp_no_ctx .b-product_gallery-thumbs {
    flex-direction: column;
  }
}

.l-section {
  margin: 0 auto;
  max-width: 1920px;
  padding-left: 40px;
  padding-right: 40px;
  margin-bottom: 64px;
  margin-top: 64px;
}
@media screen and (min-width: 1180px) and (max-width: 1439.9px) {
  .l-section {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1179.9px) {
  .l-section {
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media screen and (max-width: 767.9px) {
  .l-section {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1179.9px) {
  .l-section {
    margin-bottom: 44px;
    margin-top: 44px;
  }
}
@media screen and (max-width: 767.9px) {
  .l-section {
    margin-bottom: 12px;
    margin-top: 12px;
  }
}
.l-section.m-full_bleed {
  max-width: 1920px;
  padding-left: 0;
  padding-right: 0;
}
.l-section.m-full_bleed .b-carousel.m-products,
.l-section.m-full_bleed .b-carousel.m-recently_viewed_products {
  margin-inline: 0;
}
.l-clp > .l-section:first-of-type, .l-hp > .l-section:first-of-type, .l-clp > div:first-of-type .l-section, .l-hp > div:first-of-type .l-section {
  margin-top: 0;
}
.l-hp .l-section > .b-promo_box ~ .b-promo_box,
.l-hp .l-section > .b-promo_box ~ .b-promo_info_box {
  margin-bottom: 64px;
  margin-top: 64px;
}
@media screen and (min-width: 768px) and (max-width: 1179.9px) {
  .l-hp .l-section > .b-promo_box ~ .b-promo_box,
  .l-hp .l-section > .b-promo_box ~ .b-promo_info_box {
    margin-bottom: 44px;
    margin-top: 44px;
  }
}
@media screen and (max-width: 767.9px) {
  .l-hp .l-section > .b-promo_box ~ .b-promo_box,
  .l-hp .l-section > .b-promo_box ~ .b-promo_info_box {
    margin-bottom: 12px;
    margin-top: 12px;
  }
}

.b-input_value_preset {
  border: none;
  display: block;
  margin: 16px 0;
  min-width: 0;
  padding: 0;
  position: relative;
}
.b-input_value_preset-legend {
  font-family: var(--care-essentials-font, "DIN Next CYR", "Arial", "Helvetica", sans-serif);
  font-size: 20px;
  letter-spacing: -0.02em;
  line-height: 1.02;
  display: block;
  font-weight: 500;
  margin-bottom: 16px;
  max-width: 100%;
  padding: 0;
  white-space: normal;
  width: 100%;
}
html[dir=rtl] .b-input_value_preset-legend {
  letter-spacing: 0;
}
.b-input_value_preset-presets_list {
  display: grid;
  grid-gap: 12px;
  grid-template-columns: repeat(5, 1fr);
  margin-bottom: 20px;
}
@media screen and (max-width: 1179.9px) {
  .b-input_value_preset-presets_list {
    grid-gap: 8px;
  }
}
.b-input_value_preset-presets_item {
  position: relative;
}
.b-input_value_preset-presets_item input {
  cursor: pointer;
  height: 100%;
  opacity: 0;
  position: absolute;
  width: 100%;
}
.b-input_value_preset-button {
  box-shadow: 0 0 0 1px #a4a4aa;
  color: #282727;
  display: block;
  font-size: 18px;
  font-weight: 500;
  height: 48px;
  line-height: 48px;
  text-align: center;
}
@media not all and (pointer: coarse) {
  .b-input_value_preset-presets_item input:hover + .b-input_value_preset-button {
    box-shadow: 0 0 0 1px #001489;
  }
}
.b-input_value_preset-presets_item input:checked + .b-input_value_preset-button {
  box-shadow: 0 0 0 2px #282727;
}
.b-input_value_preset-currency {
  color: #494954;
}
.b-input_value_preset-input {
  box-shadow: inset 0 0 0 1px rgba(40, 39, 39, 0.3);
  color: #282727;
  display: flex;
  font-size: 16px;
  height: 48px;
  line-height: 48px;
  padding: 0 16px;
}
.b-input_value_preset-input_wrapper.m-invalid .b-input_value_preset-input {
  background: #fbeded;
  box-shadow: inset 0 0 0 2px #d01d1b;
}
.b-input_value_preset-input input {
  appearance: none;
  background-color: transparent;
  border: none;
  font-size: 16px;
  margin-left: 4px;
  width: 100%;
}

/*md

# b-scrollable_table

Mobile friendly tabular data component.

This table has an inner scroll on mobile devices with sticky cell headers. On desktop and tablet devices will be shown the usual table.

## Example
```html_example
<div class="b-scrollable_table">
	<div class="b-scrollable_table-content">
	    <table class="b-scrollable_table-table">
	        <tbody>
	            <tr>
	                <th scope="row">
	                    <strong>US</strong>
	                </th>
	                <td>
	                    <strong>2</strong>
	                </td>
	                <td>
	                    <strong>4</strong>
	                </td>
	                <td>
	                    <strong>6</strong>
	                </td>
	                <td>
	                    <strong>8</strong>
	                </td>
	                <td>
	                    <strong>10</strong>
	                </td>
	                <td>
	                    <strong>12</strong>
	                </td>
	            </tr>
	            <tr>
	                <th scope="row">
	                    <strong>EURO</strong>
	                </th>
	                <td>
	                    <strong>34</strong>
	                </td>
	                <td>
	                    <strong>36</strong>
	                </td>
	                <td>
	                    <strong>38</strong>
	                </td>
	                <td>
	                    <strong>40</strong>
	                </td>
	                <td>
	                    <strong>42</strong>
	                </td>
	                <td>
	                    <strong>44</strong>
	                </td>
	            </tr>
	            <tr>
	                <th scope="row">
	                    <strong>UK</strong>
	                </th>
	                <td>
	                    <strong>6</strong>
	                </td>
	                <td>
	                    <strong>8</strong>
	                </td>
	                <td>
	                    <strong>10</strong>
	                </td>
	                <td>
	                    <strong>12</strong>
	                </td>
	                <td>
	                    <strong>14</strong>
	                </td>
	                <td>
	                    <strong>16</strong>
	                </td>
	            </tr>
	            <tr>
	                <th scope="row">CHEST</th>
	                <td>80/31</td>
	                <td>80/32</td>
	                <td>86/34</td>
	                <td>91/36</td>
	                <td>96/38</td>
	                <td>101/40</td>
	            </tr>
	            <tr>
	                <th scope="row">WAIST</th>
	                <td>63/25</td>
	                <td>65/26</td>
	                <td>65/27</td>
	                <td>74/30</td>
	                <td>79/31</td>
	                <td>84/33</td>
	            </tr>
	            <tr>
	                <th scope="row">HIPS</th>
	                <td>89/35</td>
	                <td>91/36</td>
	                <td>94/37</td>
	                <td>99/39</td>
	                <td>104/41</td>
	                <td>109/43</td>
	            </tr>
	        </tbody>
	    </table>
	</div>
</div>
```
*/
.b-scrollable_table {
  margin: 16px 0;
  position: relative;
}
@media screen and (max-width: 767.9px) {
  .b-scrollable_table::after {
    background-color: #d2d1d4;
    bottom: 0;
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
  }
}
.b-scrollable_table-content {
  position: relative;
}
@media screen and (max-width: 767.9px) {
  .b-scrollable_table-content {
    border-left: 2px solid #d2d1d4;
    overflow: auto;
  }
}
.b-scrollable_table-table {
  border: 2px solid #d2d1d4;
  border-collapse: collapse;
  width: 100%;
}
@media screen and (max-width: 767.9px) {
  .b-scrollable_table-table {
    border-left: 0;
  }
}
.b-scrollable_table th {
  background-color: #ebebea;
  border: 1px solid #d2d1d4;
  font-weight: normal;
  min-width: 70px;
  padding: 12px 8px;
  text-align: start;
  width: 1px;
}
@media screen and (min-width: 1180px) {
  .b-scrollable_table th {
    min-width: 110px;
    padding: 12px 24px;
  }
}
@media screen and (max-width: 767.9px) {
  .b-scrollable_table th {
    background-clip: padding-box;
    border-left: 0;
    left: 0;
    position: sticky;
  }
  .b-scrollable_table th::after {
    background-color: #d2d1d4;
    bottom: 0;
    content: "";
    position: absolute;
    right: -1px;
    top: 0;
    width: 1px;
  }
}
.b-scrollable_table td {
  border: 1px solid #d2d1d4;
  min-width: 90px;
  padding: 12px 8px;
  text-align: center;
}
@media screen and (min-width: 1180px) and (max-width: 1439.9px) {
  .b-scrollable_table td {
    padding: 12px 24px;
  }
}

/*md

# b-button_multi_state

This button used to have several states, like:
"Add to cart" - "Processed" - "Added" and icon of busy state.
It currently used on PDP and Checkout with Adyen integration.

```html_example
<button class="b-button_multi_state m-processing b-button" type="button">
	<svg class="b-button_multi_state-icon" width="19" height="19" viewBox="0 0 19 19" focusable="false">
	    <g fill="currentColor" transform="rotate(-90 9.5 9.5)">
	        <circle cx="15.9" cy="13.3" r="1.1"/>
	        <circle cx="13" cy="16.2" r="1.1"/>
	        <circle cx="16.9" cy="9.1" r="1.1"/>
	        <circle cx="16.1" cy="5.1" r="1.1" opacity=".9"/>
	        <circle cx="13" cy="2" r="1.1" opacity=".8"/>
	        <circle cx="9.1" cy="1.2" r="1.1" opacity=".6"/>
	        <circle cx="5.1" cy="2" r="1.1" opacity=".6"/>
	        <circle cx="2" cy="5.2" r="1.1" opacity=".5"/>
	        <circle cx="1.2" cy="9.1" r="1.1" opacity=".4"/>
	        <circle cx="1.2" cy="9.1" r="1.1" opacity=".4"/>
	        <circle cx="2" cy="13" r="1.1" opacity=".3"/>
	        <circle cx="5.1" cy="16.1" r="1.1" opacity=".2"/>
	        <circle cx="9.1" cy="16.9" r="1.1" opacity=".1"/>
	        <circle cx="9.1" cy="16.9" r="1.1" opacity=".1"/>
	    </g>
	</svg>
	<span>Processing...</span>
</button>
```

*/
.b-button_multi_state {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.b-button_multi_state:disabled, .b-button_multi_state.m-disabled {
  opacity: 1;
}
.b-button_multi_state:disabled:not(.m-processing), .b-button_multi_state.m-disabled:not(.m-processing) {
  background: #a4a4aa;
  border: #a4a4aa;
  color: #494954;
}
.b-button_multi_state.m-like-disabled {
  background: #ebebea;
  color: #898992;
}
.b-button_multi_state.m-processing {
  cursor: wait;
  display: inline-flex;
  pointer-events: none;
}
.b-button_multi_state.m-set_reminder {
  display: inline-flex;
}
.b-button_multi_state-icon {
  animation: rotate 1.5s linear infinite;
  display: none;
  margin-inline-end: 8px;
}
.b-button_multi_state.m-processing .b-button_multi_state-icon {
  display: block;
}

/*md

# b-variation_swatch

This component designed to provide unified way to display different types of
product variation and categorization.

## Color swatch
```html_example
<button
	id="variation-swatch-button-Green"
	role="radio"
	class="b-variation_swatch m-swatch m-attribute_color"
	aria-label="Color Black"
	title="Green"
	aria-checked="false"
	aria-disabled="false"
>
	<span data-attr-value="Black" class="b-variation_swatch-value">
		<span class="b-variation_swatch-color_value" style="background-color: #2e7d32"></span>
		<span class="b-variation_swatch-value_overlay"></span>
	</span>
	<span class="b-variation_swatch-name">Green</span>
</button>
```

## Color swatch selected
```html_example
<button
	id="variation-swatch-button-Green"
	role="radio"
	class="b-variation_swatch m-swatch m-attribute_color"
	aria-label="Color Black"
	title="Green"
	aria-checked="true"
	aria-disabled="false"
>
	<span data-attr-value="Black" class="b-variation_swatch-value">
		<span class="b-variation_swatch-color_value" style="background-color: #2e7d32"></span>
		<span class="b-variation_swatch-value_overlay"></span>
	</span>
	<span class="b-variation_swatch-name">Green</span>
</button>
```

## Color swatch disabled
```html_example
<button
	id="variation-swatch-button-Green"
	role="radio"
	class="b-variation_swatch m-swatch m-attribute_color m-disabled"
	aria-label="Color Black"
	title="Green (not available)"
	aria-checked="false"
	aria-disabled="true"
>
	<span data-attr-value="Black" class="b-variation_swatch-value">
		<span class="b-variation_swatch-color_value" style="background-color: #2e7d32"></span>
		<span class="b-variation_swatch-value_overlay"></span>
	</span>
	<span class="b-variation_swatch-name">Green</span>
</button>
```

## Color swatch disabled checked
```html_example
<button
	id="variation-swatch-button-Green"
	role="radio"
	class="b-variation_swatch m-swatch m-attribute_color m-disabled"
	aria-label="Color Black"
	title="Green (not available)"
	aria-checked="true"
	aria-disabled="true"
>
	<span data-attr-value="Black" class="b-variation_swatch-value">
		<span class="b-variation_swatch-color_value" style="background-color: #2e7d32"></span>
		<span class="b-variation_swatch-value_overlay"></span>
	</span>
	<span class="b-variation_swatch-name">Green</span>
</button>
```

## Size swatch
```html_example
<div class="b-variations_item m-swatch m-size">
	<div class="b-variations_item-tab_panel m-active">
		<button
			id="variation-swatch-button-XSmall"
			role="radio"
			class="b-variation_swatch"
			aria-label="Size XS"
			title="XSmall"
			aria-checked="false"
			aria-disabled="false"
		>
			<span class="b-variation_swatch-value">
				XS
				<span class="b-variation_swatch-value_overlay"></span>
			</span>
			<span class="b-variation_swatch-name">XSmall</span>
		</button>
	</div>
</div>
```

## Size swatch selected
```html_example
<div class="b-variations_item m-swatch m-size">
	<div class="b-variations_item-tab_panel m-active">
		<button
			id="variation-swatch-button-XSmall"
			role="radio"
			class="b-variation_swatch"
			aria-label="Size XS"
			title="XSmall"
			aria-checked="true"
			aria-disabled="false"
		>
			<span class="b-variation_swatch-value">
				XS
				<span class="b-variation_swatch-value_overlay"></span>
			</span>
			<span class="b-variation_swatch-name">XSmall</span>
		</button>
	</div>
</div>
```

## Size swatch disabled
```html_example
<div class="b-variations_item m-swatch m-size">
	<div class="b-variations_item-tab_panel m-active">
		<button
			id="variation-swatch-button-XSmall"
			role="radio"
			class="b-variation_swatch m-disabled"
			aria-label="Size XS"
			title="XSmall (not available)"
			aria-checked="false"
			aria-disabled="true"
		>
			<span class="b-variation_swatch-value">
				XS
				<span class="b-variation_swatch-value_overlay"></span>
			</span>
			<span class="b-variation_swatch-name">XSmall</span>
		</button>
	</div>
</div>
```

## Size swatch notify me
```html_example
<div class="b-variations_item m-swatch m-size">
	<div class="b-variations_item-tab_panel m-active">
		<button
			id="variation-swatch-button-XSmall"
			role="radio"
			class="b-variation_swatch m-notify_me"
			aria-label="Size XS"
			title="XSmall (not available)"
			aria-checked="false"
			aria-disabled="true"
		>
			<span class="b-variation_swatch-value">
				43
				<span class="b-variation_swatch-value_overlay"></span>
				<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
					<path fill-rule="evenodd" clip-rule="evenodd" d="M5.83728 12.6203L5.21243 19.3375C6.26141 19.4862 8.26481 19.6359 12 19.6359C15.7352 19.6359 17.7386 19.4862 18.7876 19.3375L18.1627 12.6203C18.1429 12.5346 18.1299 12.4462 18.1244 12.3556C17.9289 9.14472 15.261 6.59994 12 6.59994C8.73899 6.59994 6.07112 9.14472 5.87558 12.3556C5.87007 12.4462 5.8571 12.5346 5.83728 12.6203ZM19.736 12.2584L20.5 20.4718C20.5 20.4718 20.5 21.0577 14.7925 21.2034C14.6883 22.6548 13.4778 23.7999 11.9998 23.7999C10.5218 23.7999 9.31132 22.6548 9.20709 21.2034C3.5 21.0577 3.5 20.4718 3.5 20.4718L4.26405 12.2584L4.27854 12.2584C4.52518 8.20832 7.88791 4.99994 12 4.99994C16.1121 4.99994 19.4748 8.20832 19.7215 12.2584L19.736 12.2584ZM12 21.2359C12.4122 21.2359 12.8044 21.2341 13.1776 21.2307C13.0701 21.783 12.5836 22.1999 11.9998 22.1999C11.416 22.1999 10.9296 21.783 10.822 21.2307C11.1953 21.2341 11.5876 21.2359 12 21.2359ZM10.8002 3.49995C10.8002 2.83721 11.3375 2.29995 12.0002 2.29995C12.6629 2.29995 13.2002 2.83721 13.2002 3.49995C13.2002 3.94178 13.5584 4.29995 14.0002 4.29995C14.442 4.29995 14.8002 3.94178 14.8002 3.49995C14.8002 1.95355 13.5466 0.699951 12.0002 0.699951C10.4538 0.699951 9.2002 1.95355 9.2002 3.49995C9.2002 3.94178 9.55837 4.29995 10.0002 4.29995C10.442 4.29995 10.8002 3.94178 10.8002 3.49995Z" fill="currentColor"/>
					<defs>
					<clippath id="clip0_499_2919">
					<rect width="24" height="24" fill="white" transform="translate(24) rotate(90)"/>
					</clippath>
					</defs>
				</svg>
			</span>
			<span class="b-variation_swatch-name">XSmall</span>
		</button>
	</div>
</div>
```
*/
.b-variation_swatch {
  appearance: none;
  background: #ffffff;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  height: 28px;
  margin: 0 3px 8px;
  -webkit-user-select: none;
          user-select: none;
  width: 28px;
}
.m-combined-sizes_vertical .b-variation_swatch {
  margin: initial;
}
.b-variation_swatch[aria-checked=true] {
  cursor: default;
}
.b-variation_swatch.m-flex {
  width: auto;
}
.b-variation_swatch.m-attribute_color {
  margin: 0 4px 8px;
}
.swiper-initialized .b-variation_swatch.m-attribute_color {
  margin: 0;
}
.b-variation_swatch-selected {
  display: none;
}
.b-variation_swatch-selected.m-active {
  display: block;
}
.b-variation_swatch-name {
  font-size: 14px;
  font-weight: 700;
  margin-inline-start: 5px;
  text-align: start;
  width: 150px;
}
.b-variation_swatch[aria-checked=true] .b-variation_swatch-name {
  background-color: #ffffff;
  display: block;
  inset-inline-start: 48px;
  line-height: 18px;
  z-index: 1;
}
.b-variations_item.m-swatchable .b-variation_swatch-name {
  display: none;
}
.b-variations_item.m-swatch.m-size .b-variation_swatch[aria-checked=true] .b-variation_swatch-name {
  inset-inline-start: 50px;
}
.b-variations_item.m-swatch.m-size.m-attribute_button .b-variation_swatch[aria-checked=true] .b-variation_swatch-name {
  inset-inline-start: 48px;
}
@media screen and (max-width: 1439.9px) {
  .b-variations_item.m-swatch.m-size.m-attribute_button .b-variation_swatch[aria-checked=true] .b-variation_swatch-name {
    inset-inline-start: 44px;
  }
}
.b-variations_item.m-swatch.m-size .m-highlight .b-variation_swatch[aria-checked=true] .b-variation_swatch-name {
  inset-inline-start: 70px;
}
@media screen and (max-width: 1439.9px) {
  .b-variations_item.m-swatch.m-size .m-highlight .b-variation_swatch[aria-checked=true] .b-variation_swatch-name {
    inset-inline-start: 65px;
  }
  .m-quick_view .b-variations_item.m-swatch.m-size.m-size_guide .b-variation_swatch[aria-checked=true] .b-variation_swatch-name {
    inset-inline-start: 45px;
  }
}
.m-1774-product .m-quick_view .b-variations_item.m-swatch.m-size.m-size_guide .b-variation_swatch[aria-checked=true] .b-variation_swatch-name {
  top: 38px;
}
.b-variation_swatch.m-disabled .b-variation_swatch-name {
  color: #494954;
}
.b-variation_swatch-value {
  align-items: center;
  border-radius: 2px;
  box-shadow: 0 0 0 1px #a4a4aa;
  color: #282727;
  display: flex;
  font-size: 13px;
  font-weight: 400;
  height: 100%;
  justify-content: center;
  overflow: hidden;
  padding: 0 4px;
  position: relative;
  width: 100%;
}
.m-combined-sizes_vertical .b-variation_swatch-value {
  flex-direction: column;
}
.m-combined-sizes_vertical .b-variation_swatch-value:has(.b-variation_swatch-value_reminder) {
  padding-right: 15px;
}
.b-variation_swatch.m-swatch .b-variation_swatch-value {
  border-radius: 100%;
  height: 28px;
  margin: 0 auto;
  max-width: 28px;
  min-width: 28px;
  padding: 0;
}
.b-variation_swatch.m-attribute_color .b-variation_swatch-value {
  box-shadow: 0 0 0 1.6px #ffffff;
}
@media not all and (pointer: coarse) {
  .b-variation_swatch:hover .b-variation_swatch-value:hover {
    box-shadow: 0 0 0 1.6px #282727;
  }
}
.b-variation_swatch[aria-checked=true] .b-variation_swatch-value {
  box-shadow: 0 0 0 1.6px #282727;
}
.b-variations_item.m-swatchable .b-variation_swatch-value {
  border-radius: 4px;
  height: 100%;
  margin: 2px;
  max-width: 68px;
  padding-bottom: 68px;
  position: relative;
  width: 68px;
}
@media screen and (max-width: 767.9px) {
  .b-variations_item.m-swatchable .b-variation_swatch-value {
    max-width: 100%;
    width: 100%;
  }
}
.b-variation_swatch.m-attribute_color.m-disabled .b-variation_swatch-value {
  box-shadow: 0 0 0 1px #898992;
}
@media screen and (min-width: 768px) and (max-width: 1179.9px) {
  .b-variations_item.m-swatchable .b-carousel_swiper:not(.swiper-initialized) .b-variation_swatch-value {
    min-width: 56px;
    padding-bottom: 56px;
    width: 56px;
  }
}
.b-variation_swatch.m-attribute_color.m-disabled[aria-checked=true] .b-variation_swatch-value {
  box-shadow: 0 0 0 1px #282727;
}
@media not all and (pointer: coarse) {
  .b-variation_swatch:not(.m-attribute_color):not(.m-disabled):not([aria-checked=true]) .b-variation_swatch-value:hover {
    box-shadow: 0 0 0 1px #282727;
  }
}
.b-variation_swatch.m-attribute_color.m-disabled .b-variation_swatch-value::before {
  border-top: 5px solid;
  color: #ffffff;
  content: "";
  left: -2px;
  position: absolute;
  right: -6px;
  top: 50%;
  transform: rotate(45deg);
}
.b-variation_swatch.m-attribute_color.m-disabled .b-variation_swatch-value::after {
  border-top: 1px solid;
  color: #898992;
  content: "";
  left: -4px;
  position: absolute;
  right: -4px;
  top: 50%;
  transform: rotate(45deg);
}
.b-variation_swatch.m-attribute_color.m-disabled[aria-checked=true] .b-variation_swatch-value::after {
  color: #282727;
}
.b-variation_swatch-value_inner {
  z-index: 1;
}
.b-variation_swatch-value_inner.m-secondary {
  display: none;
}
.m-combined-sizes_vertical .b-variation_swatch-value_inner.m-bottom {
  align-items: center;
  border-top: 1px solid;
  display: initial;
  width: 100%;
}
.m-combined-sizes_horizontal .b-variation_swatch-value_inner.m-right {
  border-left: 1px solid;
  padding-left: 4px;
}
.m-combined-sizes_horizontal .b-variation_swatch-value_inner {
  display: inline-flex;
  flex-wrap: nowrap;
  white-space: nowrap;
}
.b-variation_swatch-country_label {
  display: none;
}
.b-variation_swatch-country_label_selected_secondary {
  display: none;
}
.m-combined-sizes_horizontal .b-variation_swatch-country_label {
  padding: 0 0.25em;
}
.m-combined-sizes_horizontal .b-variation_swatch-country_label_selected_secondary {
  padding-right: 0;
}
.m-combined-sizes_vertical .b-variation_swatch-country_label, .m-combined-sizes_horizontal .b-variation_swatch-country_label {
  display: initial;
}
.m-combined-sizes_vertical .b-variation_swatch-country_label_selected, .m-combined-sizes_horizontal .b-variation_swatch-country_label_selected {
  display: block;
}
.m-combined-sizes_vertical .b-variation_swatch-country_label_selected_secondary, .m-combined-sizes_horizontal .b-variation_swatch-country_label_selected_secondary {
  display: initial;
}
.b-variation_swatch-value_overlay {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: ease-out 150ms;
  transition-property: box-shadow;
}
.b-variation_swatch.m-swatch .b-variation_swatch-value_overlay {
  border-radius: 100%;
}
.b-variations_item.m-swatchable .b-variation_swatch-value_overlay {
  display: none;
}
.b-variation_swatch.m-attribute_color.m-disabled .b-variation_swatch-value_overlay, .b-variation_swatch.m-attribute_color[aria-checked=true] .b-variation_swatch-value_overlay {
  box-shadow: inset 0 0 0 3px #ffffff;
}
.b-variation_swatch-color_value {
  background-size: 100%;
  height: 100%;
  width: 100%;
}
.b-variations_item.m-swatchable .b-variation_swatch-color_value {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.b-variation_swatch-value_reminder {
  color: #282727;
  inset-inline-end: 2px;
  position: absolute;
  top: 2px;
  z-index: 1;
}
.m-combined-sizes_vertical .b-variation_swatch-value_reminder, .m-combined-sizes_horizontal .b-variation_swatch-value_reminder {
  right: 0;
}
.b-product_details-variations.m-availability_reminder .b-variation_swatch-value_reminder {
  display: none;
}
.b-variation_swatch-value_reminder svg {
  height: 16px;
  width: 16px;
}
@media screen and (max-width: 767.9px) {
  .b-variations_item.m-swatchable .b-variation_swatch {
    margin: 0 8px 0 0 !important;
    min-width: 68px;
    width: auto !important;
  }
}
@media screen and (min-width: 768px) {
  .b-variations_item.m-swatchable .b-variation_swatch {
    width: auto;
  }
}

/*md

# b-promo_info_box

This is type of container for banners that hold only text content. It do not have aspect ratio holder
and it stretched/pulled by text content.

So it could easily hold any amount of text content without issues on any breakpoints.

```html_example
<div class="b-promo_info_box">
	<div class="b-promo_info_box-caption b-promo_caption">
		<h2 class="b-promo_caption-title">
			Shop Now. Pay Later. <br/>
			Exclusively for Members
		</h2>
		<p class="b-promo_caption-subtitle">
			Join our Loyalty Program and try before you buy. Pay Later is available online and in-store with boilerplate app.
		</p>
		<div class="b-promo_caption-actions">
			<a class="m-outline b-button" href="$url('Search-Show', 'cgid', 'category-2')$">
				Join
			</a>
		</div>
	</div>
</div>
```

## Big amount of text

```html_example
<div class="b-promo_info_box">
	<div class="b-promo_info_box-caption b-promo_caption">
		<h2 class="b-promo_caption-title">
			Shop Now. Pay Later. <br/>
			Exclusively for Members <br/>
			But not
		</h2>
		<p class="b-promo_caption-subtitle">
			Join our Loyalty Program and try before you buy. Pay Later is available online and in-store with boilerplate app.
			<br/>
			Join our Loyalty Program and try before you buy. Pay Later is available online and in-store with boilerplate app.
			<br/>
			Join our Loyalty Program and try before you buy. Pay Later is available online and in-store with boilerplate app.
		</p>
		<div class="b-promo_caption-actions">
			<a class="m-outline b-button" href="$url('Search-Show', 'cgid', 'category-2')$">
				Join
			</a>
		</div>
	</div>
</div>
```

## Small amount of text

```html_example
<div class="b-promo_info_box">
	<div class="b-promo_info_box-caption b-promo_caption">
		<h2 class="b-promo_caption-title">
			Shop Now. Pay Later.
		</h2>
		<p class="b-promo_caption-subtitle">
			Join our Loyalty Program and try before you buy.
		</p>
		<div class="b-promo_caption-actions">
			<a class="m-outline b-button" href="$url('Search-Show', 'cgid', 'category-2')$">
				Join
			</a>
		</div>
	</div>
</div>
```

*/
.b-promo_info_box {
  display: grid;
  background: #ebedf6;
  color: #001489;
}
@media screen and (min-width: 1440px) {
  .b-promo_info_box {
    grid-gap: 20px;
    grid-template-columns: [grid-start] repeat(12, 1fr) [grid-end];
  }
}
@media screen and (min-width: 1180px) and (max-width: 1439.9px) {
  .b-promo_info_box {
    grid-gap: 20px;
    grid-template-columns: [grid-start] repeat(12, 1fr) [grid-end];
  }
}
@media screen and (min-width: 768px) and (max-width: 1179.9px) {
  .b-promo_info_box {
    grid-gap: 16px;
    grid-template-columns: [grid-start] repeat(12, 1fr) [grid-end];
  }
}
@media screen and (max-width: 767.9px) {
  .b-promo_info_box {
    grid-gap: 10px;
    grid-template-columns: [grid-start] repeat(6, 1fr) [grid-end];
  }
}
.b-promo_info_box-caption {
  grid-column: 1/grid-end;
  grid-row: 1/2;
  padding: 48px 16px;
  text-align: center;
}

/*md

# b-promo_caption

Promo caption is the content of promo components.

## Structure

`b-promo_caption` consist from 3 main elements:

* title
* subtitle
* actions container

All of this elements are optional.

## Variation

For sake of simpleness and robustness Launch 360 do not provide predefined sizes and styles
variations.

## Examples

### All elements

```html_example
<div class="b-promo_caption">
	<h2 class="b-promo_caption-title">
		Shop Now. Pay Later.
		Exclusively for Members
	</h2>
	<p class="b-promo_caption-subtitle">
		Join our Loyalty Program and try before you buy. Pay Later is available online and in-store with boilerplate app.
	</p>
	<div class="b-promo_caption-actions">
		<a
			class="b-button m-outline"
			href="$url('Search-Show', 'cgid', 'category-2')$"
		>
			Activate
		</a>
	</div>
</div>
```

### Different order

```html_example
<div class="b-promo_caption">
	<p class="b-promo_caption-subtitle">
		Join our Loyalty Program and try before you buy. Pay Later is available online and in-store with boilerplate app.
	</p>
	<h2 class="b-promo_caption-title">
		Shop Now. Pay Later.
		Exclusively for Members
	</h2>
	<div class="b-promo_caption-actions">
		<a
			class="b-button m-outline"
			href="$url('Search-Show', 'cgid', 'category-2')$"
		>
			Activate
		</a>
	</div>
</div>
```

### Only title and CTA

```html_example
<div class="b-promo_caption">
	<h2 class="b-promo_caption-title">
		Shop Now. Pay Later.
	</h2>
	<div class="b-promo_caption-actions">
		<a
			class="b-button m-outline"
			href="$url('Search-Show', 'cgid', 'category-2')$"
		>
			Join
		</a>
	</div>
</div>
```

### 2 CTA

```html_example
<div class="b-promo_caption">
	<h2 class="b-promo_caption-title">
		New spring collections
	</h2>
	<div class="b-promo_caption-actions">
		<a
			class="b-button m-outline"
			href="$url('Search-Show', 'cgid', 'category-2')$"
		>
			Men
		</a>
		<a
			class="b-button m-outline"
			href="$url('Search-Show', 'cgid', 'category-2')$"
		>
			Woman
		</a>
	</div>
</div>
```

### 3 CTA

```html_example
<div class="b-promo_caption">
	<h2 class="b-promo_caption-title">
		New spring collections
	</h2>
	<div class="b-promo_caption-actions">
		<a
			class="b-button m-outline"
			href="$url('Search-Show', 'cgid', 'category-2')$"
		>
			Men
		</a>
		<a
			class="b-button"
			href="$url('Search-Show', 'cgid', 'category-2')$"
		>
			Woman
		</a>
		<a
			class="b-button m-link"
			href="$url('Search-Show', 'cgid', 'category-2')$"
		>
			Kids
		</a>
	</div>
</div>
```

### Without CTA

```html_example
<a
	class="b-promo_caption"
	href="$url('Search-Show', 'cgid', 'category-2')$"
>
	<h2 class="b-promo_caption-title">
		New spring collections
	</h2>
	<p class="b-promo_caption-subtitle">
		Join our Loyalty Program and try before you buy. Pay Later is available online and in-store with boilerplate app.
	</p>
</a>
```

## Example in component

### b-promo_info_box

```html_example
<div class="b-promo_info_box">
	<div class="b-promo_info_box-caption b-promo_caption">
		<h2 class="b-promo_caption-title">
			Shop Now. Pay Later. <br/>
			Exclusively for Members
		</h2>
		<p class="b-promo_caption-subtitle">
			Join our Loyalty Program and try before you buy. Pay Later is available online and in-store with boilerplate app.
		</p>
		<div class="b-promo_caption-actions">
			<a class="m-outline b-button" href="$url('Search-Show', 'cgid', 'category-2')$">
				Join today
			</a>
		</div>
	</div>
</div>
```

### b-promo-box

```html_example
<figure class="b-promo_box">
	<picture class="b-promo_box-picture">
		<source type="image/jpeg" media="(max-width: 767px)"
				srcset="../images/guide/examples/banner-16x9-sm.jpg?$staticlink$, ../images/guide/examples/banner-16x9-sm@2x.jpg?$staticlink$ 2x" />
		<source type="image/jpeg" media="(min-width: 768px) and (max-width: 1024px)"
				srcset="../images/guide/examples/banner-16x9-md.jpg?$staticlink$, ../images/guide/examples/banner-16x9-md@2x.jpg?$staticlink$ 2x" />
		<source type="image/jpeg" media="(min-width: 1025px)"
				srcset="../images/guide/examples/banner-16x9-lg.jpg?$staticlink$, ../images/guide/examples/banner-16x9-lg@2x.jpg?$staticlink$2x" />
		<img
			loading="lazy"
			src="../images/guide/examples/banner-16x9-lg.jpg?$staticlink$"
			alt="Some dummy alternative text for image."
			width="1600"
			height="800"
		/>
	</picture>
	<figcaption class="b-promo_box-caption b-promo_caption">
		<h2 class="b-promo_caption-title">
			Explore More Possibilities
		</h2>
		<p class="b-promo_caption-subtitle">
			Join our Loyalty Program and try before you buy. Pay Later is available online and in-store with boilerplate app.
		</p>
		<div class="b-promo_caption-actions">
			<a
				class="b-button"
				href="$url('Search-Show', 'cgid', 'category-2')$"
			>
				Shop Now
			</a>
		</div>
	</figcaption>
</figure>
```

*/
.b-promo_caption {
  align-self: center;
}
.b-promo_caption-title {
  font-family: var(--care-essentials-font, "DIN Next CYR", "Arial", "Helvetica", sans-serif);
  font-size: 48px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 0.92;
  margin: 0 0 20px;
}
@media screen and (max-width: 1179.9px) {
  .b-promo_caption-title {
    font-size: 40px;
    line-height: 0.96;
  }
}
html[dir=rtl] .b-promo_caption-title {
  letter-spacing: 0;
}
.b-promo_caption-subtitle {
  font-weight: 500;
  margin: 0 0 20px;
}
.b-promo_caption-actions {
  align-items: baseline;
  display: inline-flex;
  flex-wrap: wrap;
  margin: 24px -16px 0;
}
.b-promo_caption-actions a {
  margin: 0 16px 12px;
}

.b-newsletters-privacy p {
  padding-top: 10px;
}

.b-newsletter_flyin_auto-header_img {
  max-height: 200px;
  overflow: hidden;
}
@media screen and (max-width: 767.9px) {
  .b-newsletter_flyin_auto-header_img {
    display: none;
  }
}
.b-newsletter_flyin_auto-button_close {
  letter-spacing: 0.07em;
  margin: 15px auto 0;
}
.b-newsletter_flyin_auto-button_close.m-hide_on_submit {
  display: block;
}
.m-submitted .b-newsletter_flyin_auto-button_close.m-hide_on_submit {
  display: none;
}
.b-newsletter_flyin_auto-button_close.m-show_on_submit {
  display: none;
}
.m-submitted .b-newsletter_flyin_auto-button_close.m-show_on_submit {
  display: block;
}
.b-newsletter_flyin_auto-button_close.b-button {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.4;
}
html[dir=rtl] .b-newsletter_flyin_auto-button_close.b-button {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-newsletter_flyin_auto-button_close.b-button, .b-dialog.m-care_essentials-product .b-newsletter_flyin_auto-button_close.b-button {
  letter-spacing: normal;
}
.b-newsletter_flyin_auto-footer_btn {
  padding-inline: 16px;
}
@media screen and (min-width: 768px) {
  .b-newsletter_flyin_auto-footer_btn {
    padding-inline: 32px;
  }
  .m-submitted .b-newsletter_flyin_auto-footer_btn {
    padding-bottom: 32px;
  }
}
.m-submitted .b-newsletter_flyin_auto-footer_btn {
  padding-bottom: 16px;
}
@media screen and (max-width: 767.9px) {
  .b-newsletter_flyin_auto .b-drawer .b-drawer-container {
    bottom: 0;
    min-height: auto;
    top: auto;
  }
}
@media screen and (min-width: 768px) {
  .b-newsletter_flyin_auto .b-drawer .b-drawer-container {
    max-width: 400px;
  }
}
.b-newsletter_flyin_auto .b-drawer-content {
  padding: 0;
  position: relative;
}
@media screen and (max-width: 767.9px) {
  .b-newsletter_flyin_auto .b-drawer-content {
    padding-bottom: 16px;
  }
}
@media screen and (min-width: 768px) {
  .b-newsletter_flyin_auto .b-drawer-content {
    padding-bottom: 32px;
  }
}
.b-newsletter_flyin_auto .b-drawer-inner {
  padding-top: 0;
}
@media screen and (min-width: 768px) {
  .b-newsletter_flyin_auto .b-drawer-inner {
    height: 100%;
  }
}
.b-newsletter_flyin_auto .b-drawer-close {
  height: 40px;
  inset-inline-end: 0;
  justify-content: center;
  position: absolute;
  width: 40px;
}
@media screen and (min-width: 768px) {
  .b-newsletter_flyin_auto .b-drawer-close {
    background-color: #ffffff;
    border-radius: 3px;
    right: 25px;
    top: 25px;
  }
}
@media screen and (max-width: 767.9px) {
  .b-newsletter_flyin_auto .b-drawer-close {
    inset-inline-end: 8px;
    top: 18px;
  }
}
.b-newsletter_flyin_auto-inner {
  padding: 0 16px;
}
@media screen and (min-width: 768px) {
  .b-newsletter_flyin_auto-inner {
    padding: 0 32px;
  }
}
.b-newsletter_flyin_auto .b-newsletters-submit {
  margin-top: 10px;
}
.b-newsletter_flyin_auto .b-newsletters-signup_top {
  padding: 28px 0 18px;
}
.b-newsletter_flyin_auto .b-newsletters-signup_text {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.4;
  text-align: start;
}
html[dir=rtl] .b-newsletter_flyin_auto .b-newsletters-signup_text {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-newsletter_flyin_auto .b-newsletters-signup_text, .b-dialog.m-care_essentials-product .b-newsletter_flyin_auto .b-newsletters-signup_text {
  letter-spacing: normal;
}
.b-newsletter_flyin_auto .b-newsletters-signup_title {
  font-family: var(--care-essentials-font, "DIN Next CYR", "Arial", "Helvetica", sans-serif);
  font-size: 28px;
  letter-spacing: -0.02em;
  line-height: 0.98;
  font-weight: 900;
  margin-bottom: 16px;
  text-align: start;
}
@media screen and (max-width: 1179.9px) {
  .b-newsletter_flyin_auto .b-newsletters-signup_title {
    font-size: 24px;
    line-height: 1.02;
  }
}
html[dir=rtl] .b-newsletter_flyin_auto .b-newsletters-signup_title {
  letter-spacing: 0;
}
@media screen and (max-width: 1179.9px) {
  .b-newsletter_flyin_auto .b-newsletters-signup_title {
    padding-right: 25px;
  }
}
.b-newsletter_flyin_auto .b-newsletters-message_container {
  border: 1px solid transparent;
  color: #282727;
  font-size: 14px;
}
@media screen and (max-width: 767.9px) {
  .b-newsletter_flyin_auto .b-newsletters-message_container {
    margin-top: 0;
  }
}
.b-newsletter_flyin_auto .b-newsletters-message_container.m-success, .b-newsletter_flyin_auto .b-newsletters-message_container.m-info, .b-newsletter_flyin_auto .b-newsletters-message_container.m-error {
  color: #282727;
}
.b-newsletter_flyin_auto .b-newsletters-message_container.m-success {
  background-color: #ebf6eb;
  border-color: #008a00;
  border-radius: 5px;
  padding: 10px;
}
.b-newsletter_flyin_auto .b-newsletters-message_container.m-success .b-newsletters-message_title::before {
  background-image: url("./images/icons/1774/tickBright.svg");
}
.b-newsletter_flyin_auto .b-newsletters-message_container.m-info {
  background-color: #ebedf6;
  border-color: #001489;
  border-radius: 3px;
  padding: 16px;
}
.b-newsletter_flyin_auto .b-newsletters-message_container.m-info .b-newsletters-message_body {
  padding-left: 35px;
  position: relative;
}
.b-newsletter_flyin_auto .b-newsletters-message_container.m-info .b-newsletters-message_body::before {
  background-image: url("./images/icons/info.svg");
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: inline-flex;
  flex-shrink: 0;
  height: 22px;
  inset-inline-start: -30px;
  left: -3px;
  margin-inline-end: 8px;
  position: absolute;
  top: 0;
  width: 22px;
}
.b-newsletter_flyin_auto .b-newsletters-message_container.m-error {
  background-color: #fbeded;
  border: 1px solid #d01d1b;
  border-radius: 5px;
  padding: 0 7px;
}
.b-newsletter_flyin_auto .b-newsletters-message_container.m-error .b-newsletters-message_title {
  color: #282727;
}
.b-newsletter_flyin_auto .b-newsletters-message_container.m-error .b-newsletters-message_title::before {
  background-image: url("./images/icons/1774/errorBright.svg");
  height: 22px;
  margin-inline-end: 7px;
  margin-left: 3px;
  width: 22px;
}
.b-newsletter_flyin_auto .b-form_field-required_mark, .b-newsletter_flyin_auto .b-form_field-message {
  color: #d01d1b;
}
.b-newsletter_flyin_auto .b-form_field-message::before {
  background-image: url("./images/icons/1774/errorBright.svg");
}
.b-newsletter_flyin_auto .b-form_field-link_fr {
  border-bottom: 1px solid;
  border-radius: 0;
  display: inline;
  position: unset;
}
.b-newsletter_flyin_auto .b-form_field-link_fr::after {
  content: none;
}
.b-newsletter_flyin_auto .b-form_field-required_mark {
  display: inline;
}
.b-newsletter_flyin_auto .b-form_field.m-agree_to_privacy {
  margin-top: 20px;
}
.b-newsletter_flyin_auto .b-input {
  box-shadow: inset 0 0 0 1px #a4a4aa;
  color: #282727;
}
.b-newsletter_flyin_auto .b-input.m-invalid {
  border-color: #d01d1b;
}
.b-newsletter_flyin_auto .b-checkbox {
  align-items: flex-start;
}
.b-newsletter_flyin_auto .b-checkbox + .b-form_field-message {
  padding-left: 0;
}
.b-newsletter_flyin_auto .b-checkbox-label {
  color: #282727;
}
.b-newsletter_flyin_auto .b-checkbox-icon {
  border-radius: 4px;
}
.b-newsletter_flyin_auto .b-checkbox-icon path {
  fill: #ffffff;
}
.b-newsletter_flyin_auto .b-checkbox-input.m-invalid + .b-checkbox-icon {
  border-color: #d01d1b;
}
.b-newsletter_flyin_auto .b-checkbox-input:checked + .b-checkbox-icon {
  background-color: #282727;
  border-color: #282727;
}
.b-newsletter_flyin_auto .b-checkbox-input:not([disabled]):not(.m-invalid):checked:hover + .b-checkbox-icon {
  background-color: #282727;
  border-color: #282727;
}

.b-newsletter_flyin {
  display: none;
}
@media screen and (min-width: 1180px) {
  .b-newsletter_flyin.m-active {
    display: block;
  }
}
.b-newsletter_flyin-button {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
  align-items: center;
  background-color: #ffffff;
  border-bottom-left-radius: 8px;
  border-top-left-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  inset-inline-end: 0;
  justify-content: center;
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  transition: all ease-out 150ms;
  width: 40px;
}
html[dir=rtl] .b-newsletter_flyin-button {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-newsletter_flyin-button, .b-dialog.m-care_essentials-product .b-newsletter_flyin-button {
  letter-spacing: normal;
}
html[dir=rtl] .b-newsletter_flyin-button {
  border-radius: 0;
  border-bottom-right-radius: 8px;
  border-top-right-radius: 8px;
}
.b-newsletter_flyin-button.m-hidden {
  transform: translate(100%, -50%);
}
html[dir=rtl] .b-newsletter_flyin-button.m-hidden {
  transform: translate(-100%, -50%);
}
.b-newsletter_flyin-button_title {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: 12px;
  justify-content: center;
  padding: 8px 4px 8px 12px;
  white-space: nowrap;
}
html[dir=rtl] .b-newsletter_flyin-button_title {
  padding: 8px 12px 8px 4px;
}
.b-newsletter_flyin-button_close {
  cursor: pointer;
  padding: 12px 8px 4px;
}
.b-newsletter_flyin-rotated_text {
  width: 100%;
}
.b-newsletter_flyin-rotated_text_inner {
  display: table;
  margin-left: -1px;
  text-overflow: ellipsis;
  transform: rotate(270deg);
  transform-origin: center;
  white-space: nowrap;
  width: auto;
}
html[dir=rtl] .b-newsletter_flyin-rotated_text_inner {
  transform: rotate(90deg);
}
.b-newsletter_flyin-rotated_text_inner::before {
  content: "";
  float: left;
  margin-top: 100%;
}
.b-newsletter_flyin-popup.b-drawer .b-drawer-container {
  border-radius: 8px;
  bottom: auto;
  height: auto;
  max-height: 100vh;
  max-width: 960px;
  min-height: auto;
  top: 50%;
  transform: translate(100%, -50%);
}
html[dir=rtl] .b-newsletter_flyin-popup.b-drawer .b-drawer-container {
  transform: translate(-100%, -50%);
}
.b-newsletter_flyin-popup.b-drawer .b-drawer-container.m-active {
  transform: translate(0, -50%);
}
html[dir=rtl] .b-newsletter_flyin-popup.b-drawer .b-drawer-container.m-active {
  transform: translate(0, -50%);
}
.b-newsletter_flyin-popup.b-drawer .b-drawer-inner {
  padding-bottom: 32px;
}
.b-newsletter_flyin-popup.b-drawer .b-drawer-close {
  height: 24px;
  inset-inline-end: 32px;
  position: absolute;
  top: 32px;
  width: 24px;
}
.b-newsletter_flyin-popup.b-drawer .b-newsletter_flyin-button {
  inset-inline-end: 100%;
  position: absolute;
}
.b-newsletter_flyin-popup.b-drawer .b-newsletters {
  border-top: 1px solid #d2d1d4;
  margin-top: 20px;
  padding-top: 20px;
}
.b-newsletter_flyin-popup.b-drawer .b-newsletters-privacy,
.b-newsletter_flyin-popup.b-drawer .b-form_field {
  max-width: none;
}
.b-newsletter_flyin-popup.b-drawer .b-form_field {
  margin-bottom: 16px;
}
.b-newsletter_flyin-popup.b-drawer .b-newsletters-privacy {
  display: flex;
  flex-wrap: wrap;
}
.b-newsletter_flyin-popup.b-drawer .b-newsletters-privacy .b-form_field_fr {
  border-bottom: 1px solid;
  border-radius: 0;
  display: inline;
  position: unset;
}
.b-newsletter_flyin-popup.b-drawer .b-newsletters-privacy .b-form_field_fr::after {
  content: none;
}
.b-newsletter_flyin-popup.b-drawer .b-newsletters-privacy .b-form_field:first-child {
  margin-inline-end: 16px;
}
.b-newsletter_flyin-popup.b-drawer .b-newsletters-privacy .b-form_field:nth-child(-n+2) {
  flex-basis: 48%;
}
.b-newsletter_flyin-popup.b-drawer .b-form_field-required_mark {
  display: inline-block;
}
.b-newsletter_flyin-success, .b-newsletter_flyin-inner {
  max-width: 456px;
}
.b-newsletter_flyin-content {
  display: flex;
  gap: 32px;
}
.b-newsletter_flyin-success p, .b-newsletter_flyin-already_subscribed p {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
}
html[dir=rtl] .b-newsletter_flyin-success p, html[dir=rtl] .b-newsletter_flyin-already_subscribed p {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-newsletter_flyin-success p, .b-dialog.m-care_essentials-product .b-newsletter_flyin-success p, .l-page.m-care_essentials .b-newsletter_flyin-already_subscribed p, .b-dialog.m-care_essentials-product .b-newsletter_flyin-already_subscribed p {
  letter-spacing: normal;
}
.b-newsletter_flyin .b-newsletters-signup_title {
  font-family: var(--care-essentials-font, "DIN Next CYR", "Arial", "Helvetica", sans-serif);
  font-size: 28px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 0.98;
  margin-bottom: 22px;
}
@media screen and (max-width: 1179.9px) {
  .b-newsletter_flyin .b-newsletters-signup_title {
    font-size: 24px;
    line-height: 1.02;
  }
}
html[dir=rtl] .b-newsletter_flyin .b-newsletters-signup_title {
  letter-spacing: 0;
}
.b-newsletter_flyin .b-newsletters-signup_top {
  max-width: none;
  padding: 0;
  text-align: initial;
}
.b-newsletter_flyin .b-newsletters-signup_top p {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
}
html[dir=rtl] .b-newsletter_flyin .b-newsletters-signup_top p {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-newsletter_flyin .b-newsletters-signup_top p, .b-dialog.m-care_essentials-product .b-newsletter_flyin .b-newsletters-signup_top p {
  letter-spacing: normal;
}
.b-newsletter_flyin .b-newsletters-submit {
  margin-bottom: 0;
}

.b-size_guide_link {
  position: relative;
  border-radius: 4px;
  display: inline-flex;
  text-decoration: none;
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  font-weight: 400;
  line-height: 1.4;
  align-items: center;
  color: #60606a;
  cursor: pointer;
  display: flex;
  float: right;
  font-size: 14px;
}
.b-size_guide_link.m-disabled::after, .b-size_guide_link:disabled::after, .b-size_guide_link[disabled]::after {
  background: #898992;
}
.b-size_guide_link::after {
  background: currentcolor;
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  transition: transform ease-out 150ms;
  width: 100%;
  transform: scaleX(1);
}
.b-size_guide_link:hover::after, .b-size_guide_link:active::after {
  transform: scaleX(0);
}
.b-size_guide_link.m-disabled, .b-size_guide_link:disabled, .b-size_guide_link[disabled] {
  color: #898992;
  pointer-events: none;
}
html[dir=rtl] .b-size_guide_link {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-size_guide_link, .b-dialog.m-care_essentials-product .b-size_guide_link {
  letter-spacing: normal;
}
html[dir=rtl] .b-size_guide_link {
  float: left;
}
.l-pdp-details .b-size_guide_link {
  top: 43px;
}

.b-measure_tips {
  align-items: center;
  display: flex;
}
@media screen and (max-width: 767.9px) {
  .b-measure_tips {
    flex-direction: column;
  }
}
.b-measure_tips-image_wrap {
  flex-shrink: 0;
  max-width: 210px;
  width: 100%;
}
@media screen and (min-width: 1180px) {
  .b-measure_tips-image_wrap {
    max-width: 253px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1179.9px) {
  .b-measure_tips-image_wrap {
    max-width: 212px;
  }
}
.b-measure_tips-image {
  display: block;
  overflow: hidden;
  padding-bottom: 141.9047619048%;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 1180px) {
  .b-measure_tips-image {
    padding-bottom: 150.1976284585%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1179.9px) {
  .b-measure_tips-image {
    padding-bottom: 151.8867924528%;
  }
}
.b-measure_tips-image img {
  border: none;
  bottom: 0;
  color: #ebebea;
  display: block;
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}
.b-measure_tips-list li {
  margin-bottom: 24px;
}
.b-measure_tips-list li:last-child {
  margin-bottom: 0;
}
.b-measure_tips-list_wrap {
  align-self: flex-start;
}
@media screen and (min-width: 768px) {
  .b-measure_tips-list_wrap {
    align-self: initial;
    margin-inline-start: 20px;
    max-width: 560px;
  }
}

.b-product_gallery {
  position: sticky;
  top: 140px;
}
.b-product_gallery:has(img[src*=noimage]) .b-product_gallery-zoom {
  display: none;
}
.b-product_gallery:has(.b-photoswipe.pswp--open) {
  position: static;
}
.b-product_gallery-inner {
  display: grid;
  grid-column-gap: 40px;
  grid-template: "thumbs main" "video  main";
  grid-template-columns: 64px 1fr;
  grid-template-rows: auto 1fr;
}
@media screen and (max-width: 1179.9px) {
  .b-product_gallery-inner {
    grid-gap: 0;
    grid-template: "main" "video" "thumbs";
    grid-template-columns: auto;
  }
}
.b-product_gallery:has(.pswp--zoomed-in) .b-product_gallery-inner {
  visibility: hidden;
}
.b-product_gallery-image_wrap {
  display: block;
}
.b-product_gallery-image {
  border: none;
  bottom: 0;
  color: #ebebea;
  display: block;
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}
.b-product_gallery-main {
  grid-area: main;
  position: relative;
}
.b-product_gallery.m-zoomed-in .b-product_gallery-main {
  visibility: hidden;
}
.b-product_gallery-zoom {
  background-color: #ffffff;
  border-radius: 4px;
  height: 32px;
  inset-inline-end: 16px;
  pointer-events: none;
  position: absolute;
  top: 16px;
  width: 32px;
  z-index: 1;
}
@media screen and (min-width: 1180px) {
  .b-product_gallery-zoom {
    inset-inline-end: 24px;
    top: 24px;
  }
}
.b-product_gallery.m-zoomed-in .b-product_gallery-zoom {
  visibility: hidden;
}
.b-product_gallery-thumbs {
  display: flex;
  grid-area: thumbs;
  height: 100%;
  max-height: 464px;
  min-width: 64px;
  position: relative;
}
@media screen and (max-width: 1179.9px) {
  .b-product_gallery-thumbs {
    display: none;
  }
}
@media screen and (min-width: 1440px) {
  .b-product_gallery-thumbs {
    max-height: 624px;
  }
}
@media screen and (max-height: 820px) {
  .b-product_gallery-thumbs {
    max-height: 464px;
  }
}
@media screen and (min-width: 1180px) {
  .b-product_gallery-thumbs.m-zoomed-in {
    animation: thumbs-zoom ease-out 150ms;
    left: 40px;
    padding: 24px 0;
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    z-index: 100000;
  }
}
.b-product_gallery-thumbs.m-zoomed-in .b-product_gallery-video_thumb {
  display: none;
}
@media screen and (min-width: 1180px) {
  .b-product_gallery-thumbs_track {
    display: flex;
    overflow: hidden;
    -ms-overflow-style: none;
    scroll-behavior: smooth;
    -ms-scroll-chaining: none;
    scrollbar-width: none;
    flex-direction: column;
    overflow-y: auto;
    overscroll-behavior-y: contain;
    scroll-snap-type: none;
    height: 100%;
  }
  .b-product_gallery-thumbs_track::-webkit-scrollbar {
    display: none;
  }
}
@media screen and (max-width: 1179.9px) {
  .b-product_gallery-thumbs_track {
    display: flex;
    overflow: hidden;
    -ms-overflow-style: none;
    scroll-behavior: smooth;
    -ms-scroll-chaining: none;
    scrollbar-width: none;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
  }
  .b-product_gallery-thumbs_track::-webkit-scrollbar {
    display: none;
  }
}
.b-product_gallery-thumb {
  background: #ebebea;
  border-radius: 4px;
  cursor: pointer;
  height: 64px;
  margin-bottom: 16px;
  min-height: 64px;
  min-width: 64px;
  overflow: hidden;
  position: relative;
  scroll-snap-align: start;
  transform: translateZ(0);
  width: 64px;
}
.b-product_gallery-thumb .m-1774 {
  border-radius: 0;
}
.b-product_gallery-thumb:last-child {
  margin-bottom: 0;
}
.b-product_gallery-thumb::after {
  border: 2px solid transparent;
  border-radius: 4px;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.b-product_gallery-thumbs.m-zoomed-in .b-product_gallery-thumb.m-current::after, .b-product_gallery-thumb.m-current::after {
  border-color: #282727;
}
@media screen and (min-width: 1180px) {
  .b-product_gallery-thumbs.m-zoomed-in .b-product_gallery-thumb::after {
    border-color: #ffffff;
  }
}
.b-product_gallery-thumb_icon {
  align-items: center;
  background-color: #ffffff;
  border-radius: 4px;
  display: flex;
  height: 24px;
  justify-content: center;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 24px;
}
.b-product_gallery-thumb_icon svg {
  width: 13px;
}
.b-product_gallery-thumb_icon.m-no_video {
  align-items: center;
  background-color: #f3f1ef;
  border-radius: 0;
  bottom: 0;
  display: flex;
  height: 100%;
  justify-content: center;
  position: absolute;
  right: 0;
  width: 100%;
}
.b-product_gallery-thumb_icon.m-no_video svg {
  color: #77767f;
  width: 24px;
}
.b-product_gallery-thumbs_ctrl {
  background: rgba(255, 255, 255, 0.5);
  border: none;
  cursor: pointer;
  display: none;
  height: 64px;
  justify-content: center;
  left: 0;
  padding: 5px 0;
  position: absolute;
  right: 0;
  width: 100%;
  z-index: 1;
}
.b-product_gallery-thumbs_ctrl:hover {
  color: #001489;
}
.b-product_gallery-thumbs.m-inited .b-product_gallery-thumbs_ctrl:not([disabled]) {
  display: flex;
}
@media screen and (max-width: 1179.9px) {
  .b-product_gallery-thumbs.m-inited .b-product_gallery-thumbs_ctrl:not([disabled]) {
    display: none;
  }
}
.b-product_gallery-thumbs_ctrl.m-next {
  align-items: flex-end;
  bottom: 0;
}
.b-product_gallery-thumbs_ctrl.m-next svg {
  transform: rotate(-90deg);
}
.b-product_gallery-thumbs_ctrl.m-prev {
  align-items: flex-start;
  top: 0;
}
.b-product_gallery-thumbs_ctrl.m-prev svg {
  transform: rotate(90deg);
}
.b-product_gallery-video_thumb {
  align-items: center;
  background-color: transparent;
  border: 1px solid #d2d1d4;
  display: flex;
  grid-area: video;
  justify-content: center;
  transition: ease-out 150ms;
  transition-property: border, color;
}
@media screen and (min-width: 1180px) {
  .b-product_gallery-video_thumb {
    flex-direction: column;
  }
}
@media screen and (max-width: 1179.9px) {
  .b-product_gallery-video_thumb {
    height: auto;
    margin-right: 0;
    min-height: auto;
    padding: 16px 0;
    width: 100%;
  }
}
.b-product_gallery-video_thumb.m-current {
  border-color: #282727;
  transition: ease-out 150ms;
  transition-property: border;
}
.b-product_gallery-video_thumb.m-current::after {
  border-width: 1px;
}
.b-product_gallery-video_thumb:not(.m-current):hover {
  border-color: #001489;
  color: #001489;
}
.b-product_gallery-video_thumb img {
  min-height: 100%;
  min-width: 100%;
  object-fit: cover;
}
.b-product_gallery-video_wrap {
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 3;
}
.b-product_gallery-video_title {
  font-size: 12px;
  font-weight: 700;
  margin-left: 8px;
  text-transform: uppercase;
}
@media screen and (min-width: 1180px) {
  .b-product_gallery-video_title {
    margin-left: 0;
    margin-top: 8px;
  }
}
.b-product_gallery-video {
  border: none;
  height: 100%;
  width: 100%;
}
.b-product_gallery-see_more {
  margin-top: 24px;
}
@media screen and (max-width: 767.9px) {
  .b-product_gallery-see_more {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .b-product_gallery.m-image_gallery .b-product_gallery-inner {
    display: block;
  }
  .b-product_gallery.m-image_gallery .b-product_gallery-thumbs {
    display: none;
  }
  .b-product_gallery.m-image_gallery .b-product_gallery-thumbs.m-zoomed-in {
    display: block;
  }
  .b-product_gallery.m-image_gallery .b-product_gallery-video_wrap {
    padding-bottom: 100%;
    position: relative;
  }
  .b-product_gallery.m-image_gallery .b-product_gallery-video_thumb {
    display: none;
  }
  .b-product_gallery.m-image_gallery .b-product_gallery-video {
    position: absolute;
  }
}

.b-zoom_info {
  align-items: center;
  background-color: #ffffff;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  gap: 4px;
  margin-inline-start: 16px;
  padding: 4px;
}
@media screen and (max-width: 767.9px) {
  .b-zoom_info {
    margin-inline-start: 0;
  }
}
.b-zoom_info.m-icon_only {
  display: inline;
  margin: 0;
  padding: 0;
}
.b-zoom_info-icon {
  align-items: center;
  appearance: none;
  background: transparent;
  border: none;
  color: inherit;
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  height: 24px;
  justify-content: center;
  min-width: 40px;
  text-align: center;
  text-decoration: none;
  min-width: 0;
}
@media screen and (max-width: 1179.9px) {
  .b-zoom_info-icon {
    min-height: 44px;
    min-width: 24px;
  }
}
.b-zoom_info-icon:hover {
  color: #001489;
}
.m-care_essentials .b-zoom_info-icon:hover, .m-1774 .b-zoom_info-icon:hover {
  color: inherit;
}
@media screen and (max-width: 1179.9px) {
  .b-zoom_info-icon {
    display: none;
    min-height: auto;
  }
}
.b-zoom_info.m-icon_only .b-zoom_info-icon {
  display: inline;
}
.b-zoom_info-icon_sm {
  display: none;
}
@media screen and (max-width: 1179.9px) {
  .b-zoom_info-icon_sm {
    display: block;
  }
}
.b-zoom_info-content {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
html[dir=rtl] .b-zoom_info-content {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-zoom_info-content, .b-dialog.m-care_essentials-product .b-zoom_info-content {
  letter-spacing: normal;
}
.b-zoom_info-copy {
  display: none;
  margin-inline-end: 4px;
}
@media screen and (min-width: 1180px) {
  .b-zoom_info-copy.m-lg {
    display: block;
  }
}
@media screen and (max-width: 1179.9px) {
  .b-zoom_info-copy.m-sm {
    display: block;
  }
}

.b-product_image {
  display: block;
  overflow: hidden;
  padding-bottom: 100%;
  position: relative;
  width: 100%;
}
.b-product_image.m-unavailable {
  opacity: 0.5;
}
.b-product_image-img {
  border: none;
  bottom: 0;
  color: #ebebea;
  display: block;
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}

.b-product_slider {
  position: relative;
}
@media screen and (max-width: 1179.9px) {
  .b-product_slider {
    padding-bottom: 4px;
  }
}
.b-product_slider-track {
  display: flex;
  overflow: hidden;
  -ms-overflow-style: none;
  scroll-behavior: smooth;
  -ms-scroll-chaining: none;
  scrollbar-width: none;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
  width: 100%;
}
.b-product_slider-track::-webkit-scrollbar {
  display: none;
}
.b-product_slider-track.m-mousemove_navigation {
  scroll-snap-type: unset;
}
.b-product_slider-track.m-grabbing {
  cursor: grab;
  scroll-behavior: auto;
  -webkit-user-select: none;
          user-select: none;
}
.b-product_slider-track.m-grabbing::before {
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 4;
}
.b-product_slider-item {
  min-width: 100%;
  position: relative;
  scroll-snap-align: center;
  width: 100%;
}
.b-product_slider-item:has(img[src*=noimage]) {
  cursor: default;
  pointer-events: none;
}
.b-product_slider-item.m-video {
  z-index: 2;
}
.b-product_gallery.m-zoomed-in .b-product_slider-item.m-video {
  display: none;
}
.b-product_slider-item .b-product_video {
  background-color: #ffffff;
  border: 0;
  height: 100%;
  width: 100%;
}
.b-product_slider-ctrls {
  bottom: 16px;
  display: flex;
  gap: 8px;
  inset-inline-end: 16px;
  position: absolute;
  z-index: 3;
}
@media screen and (min-width: 1180px) {
  .b-product_slider-ctrls {
    bottom: 24px;
    inset-inline-end: 24px;
  }
}
.b-product_slider-ctrl {
  appearance: none;
  background-color: #ffffff;
  border: none;
  border-radius: 4px;
  color: #282727;
  cursor: pointer;
  height: 32px;
  text-align: center;
  touch-action: manipulation;
  -webkit-user-select: none;
          user-select: none;
  width: 32px;
}
.b-product_slider-ctrl:hover {
  color: #001489;
}
.b-product_slider-ctrl[disabled] {
  color: #a4a4aa;
}
.b-product_slider-ctrl.m-next svg {
  transform: rotate(180deg);
}
.b-product_slider-pagination {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
}
@media screen and (min-width: 1180px) {
  .b-product_slider-pagination {
    display: none;
  }
}
.b-product_slider-pagination_content {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  left: 50%;
  max-width: 100%;
  position: relative;
  top: auto;
  transform: translate(-50%);
}
.b-product_slider-pagination_dot {
  background-color: #d2d1d4;
  cursor: pointer;
  display: inline-block;
  height: 4px;
  margin: 0;
  padding: 0;
  width: 100%;
}
.b-product_slider-pagination_dot.m-current {
  background-color: #282727;
}
.b-product_slider-count {
  display: none;
}
@media screen and (min-width: 768px) {
  .b-product_slider-count {
    background-color: #ffffff;
    bottom: 20px;
    display: table;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 46px;
    margin-left: 20px;
    margin-top: -46px;
    padding: 4px 12px;
    position: sticky;
  }
}
.b-product_slider-count + .b-product_gallery-video_wrap {
  margin-top: -27px;
}
@media screen and (min-width: 768px) {
  .b-product_slider.m-image_gallery .b-product_slider-track {
    flex-direction: column;
    overflow: visible;
  }
  .b-product_slider.m-image_gallery .b-product_slider-item.m-hidden {
    display: none;
  }
}

.b-product_details {
  color: #282727;
}
@media screen and (max-width: 767.9px) {
  .b-product_details-top {
    margin-top: 23px;
  }
}
.b-product_details-name {
  font-family: var(--care-essentials-font, "DIN Next CYR", "Arial", "Helvetica", sans-serif);
  font-size: 40px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 0.96;
  padding: 8px 0 6px;
}
@media screen and (max-width: 1179.9px) {
  .b-product_details-name {
    font-size: 32px;
    line-height: 0.98;
  }
}
html[dir=rtl] .b-product_details-name {
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  .b-product_details-name {
    padding-top: 0;
  }
}
@media screen and (max-width: 767.9px) {
  .b-product_details-name {
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.b-product_details-name a {
  cursor: pointer;
  text-decoration: none;
  font-weight: inherit;
}
@media not all and (pointer: coarse) {
  .b-product_details-name a:hover {
    color: #001489;
  }
}
@media screen and (max-width: 767.9px) {
  .b-product_details-name.m-product_set {
    padding-top: 24px;
  }
}
.l-page.m-care_essentials .b-product_details-name {
  font-weight: 900;
  letter-spacing: 0;
}
@media screen and (max-width: 1179.9px) {
  .l-page.m-care_essentials .b-product_details-name {
    font-size: 28px;
    padding: 0 0 10px;
  }
}
@media screen and (min-width: 1180px) {
  .l-page.m-care_essentials .b-product_details-name {
    padding-bottom: 6px;
  }
}
.b-dialog.m-care_essentials-product .b-product_details-name {
  font-weight: 900;
  letter-spacing: normal;
  margin-top: 24px;
  padding-bottom: 4px;
}
@media screen and (min-width: 768px) and (max-width: 1179.9px) {
  .b-dialog.m-care_essentials-product .b-product_details-name {
    margin-top: 32px;
  }
}
@media screen and (max-width: 1179.9px) {
  .b-dialog.m-care_essentials-product .b-product_details-name {
    font-size: 28px;
  }
}
@media screen and (min-width: 1440px) {
  .b-dialog.m-care_essentials-product .b-product_details-name {
    font-size: 28px;
  }
}
.b-product_details-netcontent {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
  color: #60606a;
}
html[dir=rtl] .b-product_details-netcontent {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-product_details-netcontent, .b-dialog.m-care_essentials-product .b-product_details-netcontent {
  letter-spacing: normal;
  font-weight: 300;
  letter-spacing: 0;
}
.b-product_details-rating {
  align-items: center;
  display: none;
  font-weight: 600;
  margin: 24px 0 20px;
  min-height: 24px;
}
.b-product_details-rating a {
  position: relative;
  align-items: center;
  border-radius: 4px;
  cursor: pointer;
  display: inline-flex;
  text-decoration: none;
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.4;
}
.b-product_details-rating a.m-disabled::after, .b-product_details-rating a:disabled::after, .b-product_details-rating a[disabled]::after {
  background: #898992;
}
.b-product_details-rating a::after {
  background: currentcolor;
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  transition: transform ease-out 150ms;
  width: 100%;
  transform: scaleX(1);
}
.b-product_details-rating a:hover::after, .b-product_details-rating a:active::after {
  transform: scaleX(0);
}
.b-product_details-rating a.m-disabled, .b-product_details-rating a:disabled, .b-product_details-rating a[disabled] {
  color: #898992;
  pointer-events: none;
}
html[dir=rtl] .b-product_details-rating a {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-product_details-rating a, .b-dialog.m-care_essentials-product .b-product_details-rating a {
  letter-spacing: normal;
}
.b-product_details-rating_divider {
  border-left: 1px solid #ebebea;
  height: 18px;
  margin: 0 12px;
}
.b-product_details-price {
  margin-bottom: 8px;
}
.b-product_details-price.m-product_set {
  font-weight: 600;
}
.b-product_details-price .b-price {
  font-size: 16px;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .b-product_details-price .b-price {
    font-size: 20px;
  }
}
.l-page.m-care_essentials .b-product_details-price .b-price {
  letter-spacing: 0;
}
.b-product_details-price .b-price-item.m-old {
  font-weight: 400;
}
.m-quick_view .b-product_details-price {
  margin-bottom: 0;
}
.m-quick_view .b-product_details-price .b-price {
  font-size: 16px;
  line-height: 1;
}
.b-product_details-egift_form {
  margin: 32px 0;
}
.m-quick_view .b-product_details-egift_form {
  margin-bottom: 20px;
}
.b-product_details-promotions .b-content_asset {
  display: flex;
}
.b-product_details-promotions_container:has(.b-promotion:not(:empty)), .b-product_details-promotions_container:has(.b-promotion-message:not(:empty)) {
  margin-top: 20px;
}
.b-product_details-bottom_promotions .b-promotion-message {
  align-items: flex-start;
  display: flex;
  gap: 12px;
  margin: 12px 0 20px;
  padding: 12px 16px;
}
.b-product_details-bottom_promotions .b-promotion-icon,
.b-product_details-bottom_promotions svg {
  height: 22px;
  min-width: 22px;
  width: 22px;
}
.b-product_details-description {
  font-size: 16px;
  margin: 24px 0;
}
.l-page.m-care_essentials .b-product_details-description {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0;
  margin: 0 0 10px;
}
html[dir=rtl] .l-page.m-care_essentials .b-product_details-description {
  letter-spacing: 0;
}
.l-page.m-care_essentials .l-page.m-care_essentials .b-product_details-description, .b-dialog.m-care_essentials-product .l-page.m-care_essentials .b-product_details-description {
  letter-spacing: normal;
}
.b-dialog.m-care_essentials-product .b-product_details-description {
  margin: 24px 0;
}
.b-product_details-description .b-showmore-button {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.4;
  margin-top: 5px;
}
html[dir=rtl] .b-product_details-description .b-showmore-button {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-product_details-description .b-showmore-button, .b-dialog.m-care_essentials-product .b-product_details-description .b-showmore-button {
  letter-spacing: normal;
}
.l-page.m-care_essentials .b-product_details-description .b-showmore-button {
  font-weight: 300;
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-product_details-description .b-showmore-content {
  font-weight: 300;
}
.b-product_details-options {
  margin: 40px 0 8px;
}
@media screen and (min-width: 1180px) {
  .b-product_details-actions {
    display: flex;
  }
}
.b-product_details-final_sale_message {
  font-size: 12px;
  line-height: 28px;
}
.b-product_details-message {
  margin-top: 12px;
  padding: 12px 16px;
}
.b-product_details-variations {
  display: flex;
  flex-direction: column;
  margin: 8px 0 0;
}
@media screen and (min-width: 768px) {
  .b-product_details-variations {
    margin-top: 32px;
  }
}
.b-product_details-variations.m-top {
  margin-top: 0;
}
@media screen and (min-width: 768px) {
  .b-product_details-variations.m-top {
    display: none;
  }
}
.b-product_details-variations .b-variations_item {
  margin-top: 16px;
}
.b-product_details-variations .b-variations_item-label_link {
  margin-top: 26px;
}
@media screen and (max-width: 767.9px) {
  .b-product_details-variations.m-bottom .b-variations_item.m-swatchable {
    display: none;
  }
}
.l-page.m-care_essentials .b-product_details-variations.m-bottom .b-variations_item.m-swatchable {
  margin-bottom: 12px;
}
@media screen and (min-width: 768px) {
  .b-product_details-variations.m-bottom .b-variations_item:first-child {
    margin-top: 0;
  }
}
.b-product_details-variations .b-fit-predictor:not(:empty) {
  margin: 20px 0 10px;
}
.b-drawer:not(.m-cart_overlay) .b-product_details-variations {
  margin-top: 24px;
}
@media screen and (min-width: 768px) {
  .l-page.m-care_essentials .b-product_details-variations {
    margin-top: 16px;
  }
}
.b-product_details-additional_details {
  margin-top: 36px;
}
@media screen and (min-width: 768px) {
  .b-product_details-additional_details {
    display: flex;
    justify-content: flex-end;
  }
}
@media screen and (max-width: 767.9px) {
  .b-product_details-additional_details {
    text-align: center;
  }
}
.b-product_details-form {
  margin: 16px 0 20px;
}
.m-quick_view .b-product_details-form {
  border: none;
  padding: 0;
}
.m-egift .b-product_details-form {
  padding-bottom: 0;
}
.l-page.m-care_essentials .b-product_details-form {
  margin: 10px 0 34px;
}
.b-dialog.m-care_essentials-product .b-product_details-form {
  margin: 16px 0 20px;
}
.b-product_details-skn {
  color: #60606a;
}
.m-quick_view .b-product_details-skn {
  display: none;
}
.l-page.m-care_essentials .b-product_details-skn {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 0;
}
html[dir=rtl] .l-page.m-care_essentials .b-product_details-skn {
  letter-spacing: 0;
}
.l-page.m-care_essentials .l-page.m-care_essentials .b-product_details-skn, .b-dialog.m-care_essentials-product .l-page.m-care_essentials .b-product_details-skn {
  letter-spacing: normal;
}
.b-product_details-full_info {
  margin: 16px 0 0;
}
.b-product_details-full_info_link {
  position: relative;
  align-items: center;
  border-radius: 4px;
  cursor: pointer;
  display: inline-flex;
  text-decoration: none;
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.4;
}
.b-product_details-full_info_link.m-disabled::after, .b-product_details-full_info_link:disabled::after, .b-product_details-full_info_link[disabled]::after {
  background: #898992;
}
.b-product_details-full_info_link::after {
  background: currentcolor;
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  transition: transform ease-out 150ms;
  width: 100%;
  transform: scaleX(1);
}
.b-product_details-full_info_link:hover::after, .b-product_details-full_info_link:active::after {
  transform: scaleX(0);
}
.b-product_details-full_info_link.m-disabled, .b-product_details-full_info_link:disabled, .b-product_details-full_info_link[disabled] {
  color: #898992;
  pointer-events: none;
}
html[dir=rtl] .b-product_details-full_info_link {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-product_details-full_info_link, .b-dialog.m-care_essentials-product .b-product_details-full_info_link {
  letter-spacing: normal;
}
.b-product_details-share {
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .b-product_details.m-image_gallery {
    align-self: flex-start;
    position: sticky;
    top: 132px;
  }
}
.b-product_details-tax_note {
  color: #60606a;
  display: flex;
  font-size: 12px;
}
.l-page.m-care_essentials .b-product_details-tax_note {
  font-weight: 300;
}
.b-product_details-care_badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 12px 0 4px;
}
.b-product_details-care_badge {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 12px;
  border: 1px solid #d2d1d4;
  border-radius: 4px;
  letter-spacing: 0;
  list-style: none;
  padding: 4px 8px;
}
html[dir=rtl] .b-product_details-care_badge {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-product_details-care_badge, .b-dialog.m-care_essentials-product .b-product_details-care_badge {
  letter-spacing: normal;
}
.b-product_details-shipping {
  margin-inline-start: 5px;
}
.b-product_details-more {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
  margin-top: 24px;
}
html[dir=rtl] .b-product_details-more {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-product_details-more, .b-dialog.m-care_essentials-product .b-product_details-more {
  letter-spacing: normal;
}
.b-product_details-delivery {
  margin: 20px 0 0;
}
.b-product_details-delivery .b-radio {
  margin-bottom: 10px;
}
.b-product_details-delivery.bopis-delivery .b-availability {
  justify-content: left;
}
.b-product_details-availability .b-message {
  margin-bottom: 22px;
}
.b-product_details-care_product_regulation {
  border-bottom: 1px solid #d2d1d4;
  border-top: 1px solid #d2d1d4;
  font-size: 14px;
  padding: 20px 0;
}
.b-product_details-care_product_regulation_title {
  margin-bottom: 4px;
}
.b-product_details-care_product_regulation_text {
  color: #60606a;
  font-weight: 300;
}
.b-product_details-availability_inner:has(.b-store_panel-button) {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
}

.product-grabpay-message {
  margin-top: 25px;
}
.product-grabpay-message .product-grabpay_message_visible {
  align-items: center;
  border-color: #d6d6de;
  border-style: solid;
  border-width: 1px 0;
  color: #60606a;
  display: flex;
  font-size: 12px;
  justify-content: space-between;
  max-width: 720px;
  padding: 13px 0;
}
.product-grabpay-message .product-grabpay_message_visible .grabpay-pdp_content_short {
  margin: 0;
  padding-right: 13px;
}
.product-grabpay-message .product-grabpay_message_visible .grabpay-logo {
  height: 14px;
  position: relative;
  top: 0.5px;
  vertical-align: middle;
  width: auto;
}

.b-product_share {
  align-items: center;
  display: flex;
}
.b-product_share-title {
  font-size: 16px;
  font-weight: 400;
  margin-inline-end: 16px;
}
.b-product_share-list {
  display: flex;
}
.b-product_share-link {
  align-items: center;
  appearance: none;
  background: transparent;
  border: none;
  color: inherit;
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  height: 24px;
  justify-content: center;
  min-width: 40px;
  text-align: center;
  text-decoration: none;
  color: #a4a4aa;
}
@media screen and (max-width: 1179.9px) {
  .b-product_share-link {
    min-height: 44px;
    min-width: 24px;
  }
}
.b-product_share-link:hover {
  color: #001489;
}
.m-care_essentials .b-product_share-link:hover, .m-1774 .b-product_share-link:hover {
  color: inherit;
}
.b-product_share-link:hover {
  color: #001489;
}

.b-product_attributes-name {
  font-family: var(--care-essentials-font, "DIN Next CYR", "Arial", "Helvetica", sans-serif);
  font-size: 40px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 0.96;
  margin-bottom: 16px;
}
@media screen and (max-width: 1179.9px) {
  .b-product_attributes-name {
    font-size: 32px;
    line-height: 0.98;
  }
}
html[dir=rtl] .b-product_attributes-name {
  letter-spacing: 0;
}
.b-product_attributes-list {
  display: block;
}
.b-product_attributes-item {
  display: list-item;
}

.b-product_option {
  border: none;
  font-size: 14px;
  margin: 0;
  padding: 0;
  position: relative;
}
.b-product_option-heading {
  display: block;
  margin: 0 0 16px;
  padding: 0;
}
.b-product_option-name {
  font-family: var(--care-essentials-font, "DIN Next CYR", "Arial", "Helvetica", sans-serif);
  font-size: 28px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 0.98;
  display: block;
  margin-bottom: 8px;
}
@media screen and (max-width: 1179.9px) {
  .b-product_option-name {
    font-size: 24px;
    line-height: 1.02;
  }
}
html[dir=rtl] .b-product_option-name {
  letter-spacing: 0;
}
.b-product_option-description {
  display: block;
}
.b-product_option-content {
  position: relative;
}
.b-product_option-content.m-widget-loading::after {
  background-color: rgba(255, 255, 255, 0.6);
  content: "";
  cursor: wait;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.b-product_option-item {
  display: block;
  margin-bottom: 20px;
}
.b-product_option-item_name {
  unicode-bidi: isolate;
}
.b-product_option-item_value.m-highlight {
  color: #d01d1b;
  font-weight: 500;
}
.b-product_option-item_custom_text {
  margin-top: 16px;
}
.b-product_option .b-form_field {
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .b-product_addtocard_set {
    border-top: 1px solid #d2d1d4;
    padding-bottom: 40px;
    padding-top: 40px;
    text-align: center;
  }
}
.b-product_addtocard_set-button {
  width: 33.3333333333%;
}
@media screen and (min-width: 768px) and (max-width: 1179.9px) {
  .b-product_addtocard_set-button {
    width: 50%;
  }
}
@media screen and (max-width: 767.9px) {
  .b-product_addtocard_set-button {
    width: 133.3333333333%;
  }
}

.b-product_set {
  margin: 0 auto;
  max-width: 1920px;
  padding-left: 40px;
  padding-right: 40px;
}
@media screen and (min-width: 1180px) and (max-width: 1439.9px) {
  .b-product_set {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1179.9px) {
  .b-product_set {
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media screen and (max-width: 767.9px) {
  .b-product_set {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.b-product_set-header {
  font-family: var(--care-essentials-font, "DIN Next CYR", "Arial", "Helvetica", sans-serif);
  font-size: 40px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 0.96;
  margin-bottom: 32px;
}
@media screen and (max-width: 1179.9px) {
  .b-product_set-header {
    font-size: 32px;
    line-height: 0.98;
  }
}
html[dir=rtl] .b-product_set-header {
  letter-spacing: 0;
}
.m-quick_view .b-product_set-header {
  margin-top: 16px;
}
.b-product_set-title {
  font-family: var(--care-essentials-font, "DIN Next CYR", "Arial", "Helvetica", sans-serif);
  font-size: 72px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 0.9;
  margin-bottom: 16px;
}
@media screen and (max-width: 1179.9px) {
  .b-product_set-title {
    font-size: 48px;
    line-height: 0.92;
  }
}
html[dir=rtl] .b-product_set-title {
  letter-spacing: 0;
}
.b-product_set-product {
  margin-bottom: 32px;
}
.b-product_set-actions {
  border-top: 1px solid #a4a4aa;
  margin-top: 16px;
  padding-top: 8px;
}
.b-product_set-price {
  font-size: 1.75rem;
  font-weight: bold;
  margin: 24px 0;
}
.b-product_bundle {
  margin: 16px 0;
}
.b-product_bundle-title {
  font-family: var(--care-essentials-font, "DIN Next CYR", "Arial", "Helvetica", sans-serif);
  font-size: 28px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 0.98;
  margin-bottom: 24px;
}
@media screen and (max-width: 1179.9px) {
  .b-product_bundle-title {
    font-size: 24px;
    line-height: 1.02;
  }
}
html[dir=rtl] .b-product_bundle-title {
  letter-spacing: 0;
}
.b-product_bundle-item {
  display: flex;
  margin-bottom: 20px;
}
.b-product_bundle-item.m-variant .b-variation_swatch:not([aria-checked=true]) {
  display: none;
}
.b-product_bundle-item.m-variation_group .b-variation_swatch.m-attribute_color:not([aria-checked=true]) {
  display: none;
}
.b-product_bundle-item_name {
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  margin-bottom: 4px;
}
@media not all and (pointer: coarse) {
  .b-product_bundle-item_name:hover {
    color: #001489;
  }
}
.b-product_bundle-item_image {
  margin-inline-end: 20px;
  min-width: 109px;
  position: relative;
}
.b-product_bundle-item_attribute {
  margin-bottom: 4px;
}
.b-product_bundle-item_picture {
  display: block;
  overflow: hidden;
  padding-bottom: 100%;
  position: relative;
  width: 100%;
}
.b-product_bundle-item_picture img {
  border: none;
  bottom: 0;
  color: #ebebea;
  display: block;
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}

.b-product_actions {
  margin: 24px 0 12px;
}
.b-product_actions-inner {
  display: flex;
  gap: 8px;
  width: 100%;
}
.b-product_actions-cta {
  width: 100%;
}
.b-product_actions-status {
  margin: 20px 0 0;
  width: 100%;
}
.b-product_actions-success_msg {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
  background-color: #ebedf6;
  border: 1px solid #001489;
  border-radius: 4px;
  margin: 0 auto;
  align-items: center;
  color: #282727;
  cursor: default;
  display: flex;
  background-color: #ebf6eb;
  border-color: #008a00;
  visibility: visible;
  padding: 12px 16px;
}
html[dir=rtl] .b-product_actions-success_msg {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-product_actions-success_msg, .b-dialog.m-care_essentials-product .b-product_actions-success_msg {
  letter-spacing: normal;
}
.b-product_actions-success_msg::before {
  content: url("./images/icons/info.svg");
  height: 24px;
  margin-bottom: auto;
  margin-inline-end: 12px;
  width: 24px;
  content: url("./images/icons/tick.svg");
}
.b-product_actions-success_title {
  display: block;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 8px;
}
.b-product_actions-error_msg {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
  background-color: #ebedf6;
  border: 1px solid #001489;
  border-radius: 4px;
  margin: 0 auto;
  align-items: center;
  color: #282727;
  cursor: default;
  display: flex;
  background-color: #fbeded;
  border-color: #d01d1b;
  visibility: visible;
  padding: 12px 16px;
}
html[dir=rtl] .b-product_actions-error_msg {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-product_actions-error_msg, .b-dialog.m-care_essentials-product .b-product_actions-error_msg {
  letter-spacing: normal;
}
.b-product_actions-error_msg::before {
  content: url("./images/icons/info.svg");
  height: 24px;
  margin-bottom: auto;
  margin-inline-end: 12px;
  width: 24px;
  content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.0002 2.79995C6.91918 2.79995 2.8002 6.91893 2.8002 12C2.8002 17.081 6.91918 21.2 12.0002 21.2C17.0812 21.2 21.2002 17.081 21.2002 12C21.2002 6.91893 17.0812 2.79995 12.0002 2.79995ZM1.2002 12C1.2002 6.03528 6.03552 1.19995 12.0002 1.19995C17.9649 1.19995 22.8002 6.03528 22.8002 12C22.8002 17.9646 17.9649 22.7999 12.0002 22.7999C6.03552 22.7999 1.2002 17.9646 1.2002 12Z' fill='%23d01d1b'/%3E%3Cpath d='M12.025 18.65C11.45 18.65 11 18.2 11 17.625C11 17.05 11.45 16.6 12.025 16.6C12.575 16.6 13.05 17.083 13.05 17.625C13.05 18.192 12.6 18.65 12.025 18.65Z' fill='%23d01d1b'/%3E%3Cpath d='M11.9932 14.317C11.5352 14.317 11.1602 13.942 11.1602 13.484V5.63403C11.1602 5.17603 11.5352 4.80103 11.9932 4.80103C12.4512 4.80103 12.8262 5.17603 12.8262 5.63403V13.484C12.8262 13.942 12.4512 14.317 11.9932 14.317Z' fill='%23d01d1b'/%3E%3C/svg%3E%0A");
}
.b-product_actions .b-product_wishlist {
  margin: 0;
}

.b-product_wishlist-btn {
  align-items: center;
  border: 1px solid #282727;
  border-radius: 4px;
  display: flex;
  height: 48px;
  justify-content: center;
  width: 48px;
}

.b-product_notify_me {
  border: 1px solid #a4a4aa;
  font-size: 14px;
  margin: 20px 0 0;
  padding: 32px 20px 20px;
}
.b-product_notify_me.m-success {
  background-color: #ebf6eb;
  border-color: #ebf6eb;
}
.b-product_notify_me-title {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 8px;
}
.b-product_notify_me-description {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
  display: block;
  margin-bottom: 24px;
}
html[dir=rtl] .b-product_notify_me-description {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-product_notify_me-description, .b-dialog.m-care_essentials-product .b-product_notify_me-description {
  letter-spacing: normal;
}
.b-product_notify_me-form {
  margin-top: 24px;
}
.b-product_notify_me-form a {
  position: relative;
  align-items: center;
  border-radius: 4px;
  cursor: pointer;
  display: inline-flex;
  text-decoration: none;
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.4;
}
.b-product_notify_me-form a.m-disabled::after, .b-product_notify_me-form a:disabled::after, .b-product_notify_me-form a[disabled]::after {
  background: #898992;
}
.b-product_notify_me-form a::after {
  background: currentcolor;
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  transition: transform ease-out 150ms;
  width: 100%;
  transform: scaleX(1);
}
.b-product_notify_me-form a:hover::after, .b-product_notify_me-form a:active::after {
  transform: scaleX(0);
}
.b-product_notify_me-form a.m-disabled, .b-product_notify_me-form a:disabled, .b-product_notify_me-form a[disabled] {
  color: #898992;
  pointer-events: none;
}
html[dir=rtl] .b-product_notify_me-form a {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-product_notify_me-form a, .b-dialog.m-care_essentials-product .b-product_notify_me-form a {
  letter-spacing: normal;
}
.b-product_notify_me-field {
  margin: 16px 0;
}
.b-product_notify_me-actions {
  margin: 16px 0 12px;
}
@media screen and (min-width: 1180px) {
  .b-product_notify_me-actions {
    display: flex;
    justify-content: space-between;
  }
}
@media screen and (max-width: 1179.9px) {
  .b-product_notify_me-reset {
    width: 100%;
  }
}
.b-product_notify_me-submit {
  width: 100%;
}
.b-product_notify_me-button {
  gap: 4px;
  align-items: center;
  display: none;
  justify-content: center;
  margin: 20px 0 24px;
  width: 100%;
}
.b-product_notify_me-button svg {
  height: 24px;
  width: 24px;
}
.b-product_notify_me-link {
  position: relative;
  align-items: center;
  border-radius: 4px;
  cursor: pointer;
  display: inline-flex;
  text-decoration: none;
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
}
.b-product_notify_me-link.m-disabled::after, .b-product_notify_me-link:disabled::after, .b-product_notify_me-link[disabled]::after {
  background: #898992;
}
.b-product_notify_me-link::after {
  background: currentcolor;
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  transition: transform ease-out 150ms;
  width: 100%;
  transform: scaleX(1);
}
.b-product_notify_me-link:hover::after, .b-product_notify_me-link:active::after {
  transform: scaleX(0);
}
.b-product_notify_me-link.m-disabled, .b-product_notify_me-link:disabled, .b-product_notify_me-link[disabled] {
  color: #898992;
  pointer-events: none;
}
html[dir=rtl] .b-product_notify_me-link {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-product_notify_me-link, .b-dialog.m-care_essentials-product .b-product_notify_me-link {
  letter-spacing: normal;
}
.b-product_notify_me-close {
  width: 100%;
}
.b-product_notify_me-success_message {
  border-bottom: 1px solid #d2d1d4;
  margin-bottom: 32px;
  padding-bottom: 32px;
}
.b-product_notify_me-newsletter .b-caption_headline {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 24px;
}
html[dir=rtl] .b-product_notify_me-newsletter .b-caption_headline {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-product_notify_me-newsletter .b-caption_headline, .b-dialog.m-care_essentials-product .b-product_notify_me-newsletter .b-caption_headline {
  letter-spacing: normal;
}
.b-product_notify_me-newsletter .b-newsletters-signup_bottom.m-availability_reminder {
  display: block;
}
.b-product_notify_me-newsletter_title {
  font-family: var(--care-essentials-font, "DIN Next CYR", "Arial", "Helvetica", sans-serif);
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.02;
  margin-bottom: 20px;
}
html[dir=rtl] .b-product_notify_me-newsletter_title {
  letter-spacing: 0;
}
.b-product_notify_me-availability {
  display: flex;
  justify-content: center;
  margin-top: 22px;
}

.b-product_accordion {
  box-shadow: 0 -1px 0 0 #d2d1d4;
  margin-top: 24px;
}
.b-product_accordion-item {
  box-shadow: 0 1px 0 0 #d2d1d4;
}
.b-product_accordion-button {
  align-items: center;
  background: none;
  border: none;
  color: #282727;
  cursor: pointer;
  display: flex;
  line-height: 24px;
  padding: 16px 0;
  text-align: start;
  width: 100%;
  font-family: var(--care-essentials-font, "DIN Next CYR", "Arial", "Helvetica", sans-serif);
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.03;
  padding: 22px 0;
}
html[dir=rtl] .b-product_accordion-button {
  letter-spacing: 0;
}
.b-product_accordion-button:hover {
  color: #282727;
}
.b-product_accordion.m-care_tabs .b-product_accordion-button {
  font-weight: 300;
  letter-spacing: 0;
  padding-bottom: 16px;
  padding-top: 16px;
}
.b-product_accordion-content {
  display: none;
  overflow: hidden;
  position: relative;
  transition: cubic-bezier(0.3, 0.46, 0.45, 0.94) 0.2s;
  transition-property: height;
}
.b-product_accordion-content[aria-hidden=false] {
  display: block;
}
.b-product_accordion-item:not([data-initialized="1"]) .b-product_accordion-content {
  display: block;
}
.b-product_accordion-content_inner {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  font-weight: 400;
  line-height: 1.4;
  color: #282727;
  overflow: hidden;
  padding: 0 16px 20px 0;
  font-size: 14px;
  padding: 4px 0 24px;
}
html[dir=rtl] .b-product_accordion-content_inner {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-product_accordion-content_inner, .b-dialog.m-care_essentials-product .b-product_accordion-content_inner {
  letter-spacing: normal;
}
.b-product_accordion.m-care_tabs .b-product_accordion-content_inner {
  font-weight: 300;
  letter-spacing: 0;
}
.b-product_accordion.m-care_tabs .b-product_accordion-content_inner img {
  margin-bottom: 16px;
}
.b-product_accordion-show_more {
  margin-bottom: 16px;
}
.b-product_accordion-show_more_button {
  cursor: pointer;
}
.b-product_accordion-show_more_button.m-less {
  display: none;
}
.b-product_accordion-item.m-show_more .b-product_accordion-show_more_button.m-more {
  display: none;
}
.b-product_accordion-item.m-show_more .b-product_accordion-show_more_button.m-less {
  display: inline-flex;
}
.b-product_accordion.m-care_tabs .b-video_vimeo {
  margin-bottom: 20px;
}
.b-product_accordion.m-care_tabs ul,
.b-product_accordion.m-care_tabs ol {
  padding-inline-start: 8px;
}
.b-product_accordion .b-product-reviews_btn {
  justify-content: space-between;
}
.b-product_accordion .b-product-reviews_btn_icons {
  display: flex;
}
.b-product_accordion .b-product-reviews_btn .yotpo-widget-instance {
  margin-right: 25px;
  pointer-events: none;
}

.b-product_wanna-button {
  background-color: #ffffff;
  border-color: #282727;
  border-radius: 4px;
  bottom: 16px;
  color: #282727;
  font-size: 0.875rem;
  font-weight: normal;
  gap: 7px;
  height: 32px;
  inset-inline-end: 16px;
  left: 32px;
  margin-bottom: 1rem;
  padding: 0 5px;
  pointer-events: auto;
  position: absolute;
  text-transform: capitalize;
  white-space: normal;
  width: -moz-fit-content;
  width: fit-content;
  z-index: 4;
}
@media screen and (min-width: 1180px) {
  .b-product_wanna-button {
    inset-inline-end: 24px;
  }
}
.b-product_wanna-button svg {
  height: 19px;
  width: 19px;
}
.b-product_wanna-iframe iframe {
  border-width: 0;
  height: 100%;
  left: 0;
  pointer-events: auto;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 5;
}
.b-product_wanna-iframe .b-iframe-close {
  background-color: #001489;
  color: #ffffff;
  height: 2.75rem;
  justify-content: center;
  left: 0.9375rem;
  position: absolute;
  top: 0.9375rem;
  width: 2.75rem;
  z-index: 10;
}

.b-dialog.m-wanna .b-dialog-window {
  border-radius: 1.5625rem;
  min-height: 33.94rem;
  min-width: 33.75rem;
  padding: 0;
}
@media screen and (min-width: 768px) {
  .b-dialog.m-wanna .b-dialog-window {
    max-width: 33.75rem;
    width: 33.75rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1179.9px) {
  .b-dialog.m-wanna .b-dialog-window {
    min-width: 300px;
  }
}
.b-dialog.m-wanna .b-dialog-window iframe {
  border: none;
  border-radius: 1.5625rem;
  height: 33.94rem;
  padding: 0;
  width: 33.75rem;
}
.b-dialog.m-wanna .b-dialog-window .b-dialog-header {
  padding: 12px 12px 0;
  position: absolute;
  z-index: 10;
}
.b-dialog.m-wanna .b-dialog-window .b-dialog-body {
  height: 33.94rem;
  margin: 0;
}

.b-pdp_user_content {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.4;
  margin: 0 0 16px;
}
.b-pdp_user_content .b-pdp_user_content-set_list {
  font-size: 14px;
  font-weight: 300;
  line-height: 2.2;
}
.b-pdp_user_content .b-pdp_user_content-set_list li::before {
  content: "•";
  display: inline-block;
  font-size: 30px;
  height: 30px;
  line-height: 26px;
  margin-inline-end: 0;
  vertical-align: middle;
}
.b-pdp_user_content .b-pdp_user_content-set_list li > span {
  vertical-align: middle;
}
.b-pdp_user_content p,
.b-pdp_user_content ul {
  margin: 0 0 16px;
}
.b-pdp_user_content ul {
  display: none;
}
.b-pdp_user_content li::before {
  content: "-";
  margin-inline-end: 4px;
}
.b-product_accordion-item.m-show_more .b-pdp_user_content {
  display: block;
}
.b-product_accordion-item.m-show_more .b-pdp_user_content ul {
  display: block;
}
.b-pdp_user_content > :last-child {
  margin-bottom: 0;
}

.b-review {
  background-color: #d2d1d4;
  font-size: 18px;
  font-weight: 600;
  line-height: 2;
  padding: 215px 0;
  text-align: center;
  text-transform: uppercase;
}

.b-photoswipe {
  backface-visibility: hidden;
  background-color: #ffffff;
  display: none;
  height: 100%;
  left: 0;
  outline: 0;
  overflow: hidden;
  position: absolute;
  -webkit-text-size-adjust: 100%;
          text-size-adjust: 100%;
  top: 0;
  touch-action: none;
  width: 100%;
  z-index: 99999;
}
.b-photoswipe[aria-hidden=false] {
  display: block;
  opacity: 1;
  position: fixed;
}
.b-photoswipe.m-widget-loading::before {
  animation: 1s linear infinite rotate;
  border: 0.375em solid #001489;
  border-left-color: #ebedf6;
  border-radius: 50%;
  border-top-color: #ebedf6;
  content: "";
  display: block;
  height: 3em;
  margin: auto;
  pointer-events: none;
  position: relative;
  text-indent: -9999em;
  width: 3em;
  left: 50%;
  margin: -1em 0 0 -1em;
  position: absolute;
  top: 50%;
  z-index: 1;
}
.b-photoswipe-close {
  align-items: center;
  appearance: none;
  background: transparent;
  border: none;
  color: inherit;
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  min-width: 40px;
  text-align: center;
  text-decoration: none;
  background: #ffffff;
  border-radius: 4px;
  height: 40px;
  margin-inline-start: auto;
  width: 40px;
}
@media screen and (max-width: 1179.9px) {
  .b-photoswipe-close {
    min-height: 44px;
    min-width: 24px;
  }
}
.b-photoswipe-close:hover {
  color: #001489;
}
.m-care_essentials .b-photoswipe-close:hover, .m-1774 .b-photoswipe-close:hover {
  color: inherit;
}
@media screen and (max-width: 1179.9px) {
  .b-photoswipe-close {
    min-height: 40px;
  }
}
.b-photoswipe-info {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  padding: 16px 16px 0;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .b-photoswipe-info {
    padding: 24px 24px 0;
  }
}
.b-photoswipe-ui {
  bottom: 24px;
  display: flex;
  gap: 8px;
  inset-inline-end: 24px;
  position: fixed;
}
@media screen and (min-width: 768px) and (max-width: 1179.9px) {
  .b-photoswipe-ui {
    inset-inline: 24px;
  }
}
@media screen and (max-width: 767.9px) {
  .b-photoswipe-ui {
    bottom: 16px;
    inset-inline: 16px;
  }
}
.b-product_gallery:not(:has(.b-product_gallery-thumbs)) .b-photoswipe-ui {
  display: none;
}
.b-photoswipe-item {
  inset: 0;
  overflow: hidden;
  position: absolute;
}
.b-photoswipe-controls {
  display: none;
  gap: 8px;
  grid-template-columns: repeat(3, 40px);
  grid-template-rows: repeat(3, 40px);
  inset-inline-start: 16px;
  position: fixed;
}
@media screen and (min-width: 1180px) {
  .b-photoswipe-controls {
    grid-template-areas: "zoom-out left right" "up . ." "down . .";
    top: 24px;
  }
}
@media screen and (max-width: 1179.9px) {
  .b-photoswipe-controls {
    bottom: 24px;
    grid-template-areas: "up . ." "down . ." "zoom-out left right";
    inset-inline-start: 24px;
    top: auto;
  }
}
@media screen and (max-width: 767.9px) {
  .b-photoswipe-controls {
    bottom: 16px;
    inset-inline-start: 16px;
  }
}
.b-photoswipe-button {
  background-color: #ffffff;
  border-radius: 4px;
  cursor: pointer;
  height: 40px;
  width: 40px;
}
html[dir=rtl] .b-photoswipe-button:not(.m-pan-up):not(.m-pan-down):not(.m-zoom-out) {
  transform: rotate(180deg);
}
.b-photoswipe-button[disabled] {
  color: #a4a4aa;
  pointer-events: none;
}
.b-photoswipe-button.m-pan-up {
  grid-area: up;
  transform: rotate(90deg);
}
.b-photoswipe-button.m-pan-down {
  grid-area: down;
  transform: rotate(90deg);
}
.b-photoswipe-button.m-pan-left {
  grid-area: left;
}
.b-photoswipe-button.m-pan-right {
  grid-area: right;
}
.b-photoswipe-button.m-zoom-out {
  background: #282727;
  color: #ffffff;
  grid-area: zoom-out;
}
.b-photoswipe-button.m-zoom-in {
  margin-inline-end: auto;
  position: relative;
  z-index: 5;
}
@media screen and (min-width: 1180px) {
  .b-photoswipe-button.m-zoom-in {
    display: none;
  }
}
.b-photoswipe-top_bar {
  display: none;
}
.b-photoswipe-bg {
  backface-visibility: hidden;
  background: #ffffff;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: translateZ(0);
  transition: opacity ease-out 150ms;
  width: 100%;
  will-change: opacity;
}
.b-photoswipe-scroll_wrap {
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
}
.b-photoswipe.pswp--zoomed-in {
  z-index: 100001;
}
.b-photoswipe.pswp--zoomed-in .b-photoswipe-button.m-left,
.b-photoswipe.pswp--zoomed-in .b-photoswipe-button.m-right,
.b-photoswipe.pswp--zoomed-in .b-photoswipe-button.m-zoom-in,
.b-photoswipe.pswp--zoomed-in .b-zoom_info {
  display: none;
}
.b-photoswipe.pswp--zoomed-in .b-photoswipe-controls {
  display: grid;
  z-index: 1;
}
.b-photoswipe.m-pinching .b-photoswipe-controls {
  bottom: auto;
  display: block;
  top: 24px;
  z-index: 1;
}
@media screen and (max-width: 767.9px) {
  .b-photoswipe.m-pinching .b-photoswipe-controls {
    top: 16px;
  }
}
@media screen and (max-width: 1179.9px) {
  .b-photoswipe.m-pinching .b-photoswipe-button {
    display: none;
  }
  .b-photoswipe.m-pinching .b-photoswipe-button.m-zoom-out {
    background: #ffffff;
    color: #282727;
    display: block;
  }
}
.b-photoswipe img {
  max-width: none;
}

.pswp--animate_opacity {
  opacity: 0.001;
  will-change: opacity;
  transition: opacity ease-out 150ms;
}

.pswp--open {
  display: block;
}

.pswp--zoom-allowed .pswp__img {
  cursor: url("./images/zoom-in.png"), zoom-in;
}

.pswp--zoomed-in .pswp__img {
  cursor: url("./images/zoom-out.png"), zoom-out;
}

.pswp--dragging .pswp__img {
  cursor: grabbing;
}

.pswp__container,
.pswp__zoom-wrap {
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.pswp__container,
.pswp__img {
  -webkit-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  transform-origin: left top;
  transition: transform ease-out 150ms;
}

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  transition: none;
}

.pswp__container,
.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden;
}

.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0;
}

.pswp__img--placeholder {
  -webkit-backface-visibility: hidden;
}

.pswp__img--placeholder--blank {
  background: #ebebea;
}

.pswp--ie .pswp__img {
  width: 100% !important;
  height: auto !important;
  left: 0;
  top: 0;
}

.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  color: #d01d1b;
}

.pswp__button svg {
  pointer-events: none;
}

.pswp__error-msg a {
  color: #d01d1b;
  text-decoration: underline;
}

.b-product_sticky_panel {
  background-color: #ffffff;
  border-top: 1px solid #d2d1d4;
  bottom: 0;
  left: 0;
  max-height: 30vh;
  overflow-y: auto;
  position: fixed;
  transform: translateY(100%);
  transition: cubic-bezier(0.3, 0.46, 0.45, 0.94) 0.5s;
  transition-property: transform, visibility;
  visibility: hidden;
  width: 100%;
  z-index: 8;
}
.b-product_sticky_panel:not(.m-initialized) {
  transition: none !important;
}
.b-product_sticky_panel.m-opened {
  transform: translateY(0);
  visibility: visible;
}
.b-product_sticky_panel.m-hidden {
  display: none;
}
.b-product_sticky_panel-inner {
  margin: 0 auto;
  max-width: 1920px;
  padding-left: 40px;
  padding-right: 40px;
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding-bottom: 16px;
  padding-top: 16px;
}
@media screen and (min-width: 1180px) and (max-width: 1439.9px) {
  .b-product_sticky_panel-inner {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1179.9px) {
  .b-product_sticky_panel-inner {
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media screen and (max-width: 767.9px) {
  .b-product_sticky_panel-inner {
    padding-left: 16px;
    padding-right: 16px;
    column-gap: 8px;
    display: grid;
    grid-template: "name price" "button button";
    grid-template-columns: 1fr auto;
  }
  .b-product_sticky_panel-inner.m-single_item {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .b-product_sticky_panel-inner.m-single_item .b-price {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .b-product_sticky_panel-inner {
    padding-bottom: 8px;
    padding-top: 8px;
  }
}
.b-product_sticky_panel-name {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
  flex-grow: 1;
  grid-area: name;
  overflow: hidden;
}
html[dir=rtl] .b-product_sticky_panel-name {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-product_sticky_panel-name, .b-dialog.m-care_essentials-product .b-product_sticky_panel-name {
  letter-spacing: normal;
}
@media screen and (min-width: 768px) {
  .b-product_sticky_panel-name {
    font-size: 16px;
    margin-inline-end: 32px;
    margin-inline-start: 16px;
    max-height: 42px;
    overflow: hidden;
    word-break: break-all;
  }
}
.m-care_essentials .b-product_sticky_panel-name {
  font-weight: 300;
}
.b-product_sticky_panel-image {
  border-radius: 4px;
  display: block;
  font-size: 0;
  min-width: 64px;
  overflow: hidden;
  width: 64px;
}
@media screen and (max-width: 767.9px) {
  .b-product_sticky_panel-image {
    display: none;
  }
}
.b-product_sticky_panel .b-price {
  flex-wrap: nowrap;
  font-size: 16px;
  grid-area: price;
  margin-inline-end: 40px;
}
@media screen and (min-width: 768px) and (max-width: 1179.9px) {
  .b-product_sticky_panel .b-price {
    margin-inline-end: 32px;
  }
}
@media screen and (max-width: 767.9px) {
  .b-product_sticky_panel .b-price {
    margin-inline-end: 0;
  }
}
.b-product_sticky_panel .b-price-badge,
.b-product_sticky_panel .b-price-item.m-old,
.b-product_sticky_panel .b-price-per_unit {
  display: none;
}
.b-product_sticky_panel .b-button {
  grid-area: button;
  padding: 0 10px;
}
@media screen and (min-width: 768px) {
  .b-product_sticky_panel .b-button {
    margin-top: 0;
    min-width: 300px;
    padding: 0 20px;
    width: auto;
  }
}
@media screen and (min-width: 768px) and (max-width: 1179.9px) {
  .b-product_sticky_panel .b-button {
    min-width: 186px;
  }
}
@media screen and (max-width: 767.9px) {
  .b-product_sticky_panel .b-button {
    margin-top: 10px;
  }
}
.b-product_sticky_panel .b-button.m-width_full {
  grid-column: 1/4;
}

.l-pdp-details.m-product_set .b-product_usp {
  margin-top: 40px;
}
.b-product_usp-panel {
  border-top: 1px solid #d2d1d4;
  display: flex;
  gap: 16px;
  min-height: 80px;
  padding: 20px 0 24px;
  padding-inline-start: 56px;
  position: relative;
}
.l-pdp-details.m-product_set .b-product_usp-panel:last-child {
  border-bottom: 1px solid #d2d1d4;
}
.b-product_usp-panel_delivery {
  margin-top: 10px;
  padding-bottom: 0;
}
.b-product_usp-icon {
  background: url("./images/pdp/pdp_sprite.svg") no-repeat;
  height: 40px;
  inset-inline-start: 0;
  min-width: 40px;
  position: absolute;
  top: 20px;
  width: 40px;
}
.b-product_usp-icon.m-delivery {
  background-position: -96px -80px;
}
.b-product_usp-icon.m-returns {
  background-position: -176px -80px;
}
.b-product_usp-icon.m-tradition {
  background-position: -256px -80px;
}
.b-product_usp-icon.m-product_photo {
  background-position: -336px -80px;
}
.b-product_usp-info {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
  align-self: center;
  color: #60606a;
}
html[dir=rtl] .b-product_usp-info {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-product_usp-info, .b-dialog.m-care_essentials-product .b-product_usp-info {
  letter-spacing: normal;
}
.b-product_usp-info p {
  padding-bottom: 4px;
}
.b-product_usp-info b {
  color: #282727;
}
.l-page.m-care_essentials .b-product_usp-info b {
  font-weight: 400;
}
.l-page.m-care_essentials .b-product_usp-info {
  font-weight: 300;
  letter-spacing: 0;
}
.b-product_usp .b-colored {
  color: #60606a;
}

.b-video_vimeo:not(:empty) {
  padding-bottom: 100%;
  position: relative;
}

.b-disallowed_cookie {
  align-items: center;
  background: #f3f1ef;
  color: #60606a;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 1;
}
.b-storelocator_search-cookie_warning .b-disallowed_cookie, .b-store_panel-search_cookie_warning .b-disallowed_cookie {
  background: #ffffff;
  border: 1px solid #d2d1d4;
  border-radius: 4px;
  margin: 24px 0;
  padding: 24px;
  position: relative;
}
.l-page.m-care_essentials .b-storelocator_search-cookie_warning .b-disallowed_cookie, .l-page.m-care_essentials .b-store_panel-search_cookie_warning .b-disallowed_cookie {
  background-color: #f3f1ef;
}
.b-store_panel-search_cookie_warning .b-disallowed_cookie {
  margin-top: 16px;
  padding: 60px 0 44px;
}
.b-video_teaser-overlay .b-disallowed_cookie {
  min-height: 500px;
  position: relative;
}
.b-product_split_module .b-video_teaser-overlay .b-disallowed_cookie {
  height: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.b-disallowed_cookie-body {
  padding: 0 24px;
}
@media screen and (max-width: 1439.9px) {
  .b-disallowed_cookie-body {
    max-width: 330px;
  }
}
@media screen and (max-width: 767.9px) {
  .b-product_split_module .b-disallowed_cookie-body {
    padding-inline: 8px;
  }
}
.b-disallowed_cookie-link {
  position: relative;
  align-items: center;
  border-radius: 4px;
  cursor: pointer;
  display: inline-flex;
  text-decoration: none;
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.4;
  color: #282727;
  margin-bottom: 16px;
}
html[dir=rtl] .b-disallowed_cookie-link {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-disallowed_cookie-link, .b-dialog.m-care_essentials-product .b-disallowed_cookie-link {
  letter-spacing: normal;
}
.b-disallowed_cookie-link.m-disabled::after, .b-disallowed_cookie-link:disabled::after, .b-disallowed_cookie-link[disabled]::after {
  background: #898992;
}
.b-disallowed_cookie-link::after {
  background: currentcolor;
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  transition: transform ease-out 150ms;
  width: 100%;
  transform: scaleX(1);
}
.b-disallowed_cookie-link:hover::after, .b-disallowed_cookie-link:active::after {
  transform: scaleX(0);
}
.b-disallowed_cookie-link.m-disabled, .b-disallowed_cookie-link:disabled, .b-disallowed_cookie-link[disabled] {
  color: #898992;
  pointer-events: none;
}
html[dir=rtl] .b-disallowed_cookie-link {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-disallowed_cookie-link, .b-dialog.m-care_essentials-product .b-disallowed_cookie-link {
  letter-spacing: normal;
}
.b-storelocator_search-cookie_warning .b-disallowed_cookie-link, .b-store_panel-search_cookie_warning .b-disallowed_cookie-link {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
}
html[dir=rtl] .b-storelocator_search-cookie_warning .b-disallowed_cookie-link, html[dir=rtl] .b-store_panel-search_cookie_warning .b-disallowed_cookie-link {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-storelocator_search-cookie_warning .b-disallowed_cookie-link, .b-dialog.m-care_essentials-product .b-storelocator_search-cookie_warning .b-disallowed_cookie-link, .l-page.m-care_essentials .b-store_panel-search_cookie_warning .b-disallowed_cookie-link, .b-dialog.m-care_essentials-product .b-store_panel-search_cookie_warning .b-disallowed_cookie-link {
  letter-spacing: normal;
}
@media screen and (max-width: 767.9px) {
  .b-product_split_module .b-disallowed_cookie-link {
    font-size: 12px;
  }
}
.b-disallowed_cookie-icon {
  margin-bottom: 16px;
}
@media screen and (max-width: 767.9px) {
  .b-product_split_module .b-disallowed_cookie-icon {
    margin-bottom: 10px;
  }
}
.b-disallowed_cookie-title {
  font-family: var(--care-essentials-font, "DIN Next CYR", "Arial", "Helvetica", sans-serif);
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.02;
  margin-bottom: 16px;
}
html[dir=rtl] .b-disallowed_cookie-title {
  letter-spacing: 0;
}
.b-storelocator_search-cookie_warning .b-disallowed_cookie-title, .b-store_panel-search_cookie_warning .b-disallowed_cookie-title {
  font-family: var(--care-essentials-font, "DIN Next CYR", "Arial", "Helvetica", sans-serif);
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.03;
}
html[dir=rtl] .b-storelocator_search-cookie_warning .b-disallowed_cookie-title, html[dir=rtl] .b-store_panel-search_cookie_warning .b-disallowed_cookie-title {
  letter-spacing: 0;
}
@media screen and (max-width: 767.9px) {
  .b-product_split_module .b-disallowed_cookie-title {
    font-size: 14px;
    margin-bottom: 12px;
  }
}
.b-disallowed_cookie-description {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 24px;
}
html[dir=rtl] .b-disallowed_cookie-description {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-disallowed_cookie-description, .b-dialog.m-care_essentials-product .b-disallowed_cookie-description {
  letter-spacing: normal;
}
.b-storelocator_search-cookie_warning .b-disallowed_cookie-description {
  margin-bottom: 16px;
}
@media screen and (max-width: 767.9px) {
  .b-product_split_module .b-disallowed_cookie-description {
    font-size: 12px;
    margin-bottom: 12px;
    word-break: break-word;
  }
}
.b-disallowed_cookie-more_details {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 12px;
}
html[dir=rtl] .b-disallowed_cookie-more_details {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-disallowed_cookie-more_details, .b-dialog.m-care_essentials-product .b-disallowed_cookie-more_details {
  letter-spacing: normal;
}
.b-disallowed_cookie-more_details a {
  position: relative;
  align-items: center;
  border-radius: 4px;
  cursor: pointer;
  display: inline-flex;
  text-decoration: none;
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 12px;
}
.b-disallowed_cookie-more_details a.m-disabled::after, .b-disallowed_cookie-more_details a:disabled::after, .b-disallowed_cookie-more_details a[disabled]::after {
  background: #898992;
}
.b-disallowed_cookie-more_details a::after {
  background: currentcolor;
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  transition: transform ease-out 150ms;
  width: 100%;
  transform: scaleX(1);
}
.b-disallowed_cookie-more_details a:hover::after, .b-disallowed_cookie-more_details a:active::after {
  transform: scaleX(0);
}
.b-disallowed_cookie-more_details a.m-disabled, .b-disallowed_cookie-more_details a:disabled, .b-disallowed_cookie-more_details a[disabled] {
  color: #898992;
  pointer-events: none;
}
html[dir=rtl] .b-disallowed_cookie-more_details a {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-disallowed_cookie-more_details a, .b-dialog.m-care_essentials-product .b-disallowed_cookie-more_details a {
  letter-spacing: normal;
}

.b-product_delivery_option {
  margin-bottom: 8px;
}
.b-product_delivery_option-title {
  display: flex;
  position: relative;
  -webkit-user-select: none;
          user-select: none;
  align-items: center;
}
.b-product_delivery_option:last-of-type {
  margin-bottom: 20px;
}
.b-product_delivery_option-input {
  cursor: pointer;
  height: 24px;
  left: 0;
  opacity: 0;
  position: absolute;
  width: 24px;
  z-index: 4;
}
html[dir=rtl] .b-product_delivery_option-input {
  left: initial;
  right: 0;
}
.b-product_delivery_option-icon {
  appearance: none;
  background: transparent;
  border: 1.6px solid #898992;
  border-radius: 24px;
  cursor: pointer;
  display: inline-block;
  height: 24px;
  margin-inline-end: 12px;
  min-height: 24px;
  min-width: 24px;
  position: relative;
  transition: ease-out 150ms;
  transition-property: border;
  vertical-align: sub;
  width: 24px;
  z-index: 3;
}
.b-product_delivery_option-icon::-ms-check {
  display: none;
}
.b-product_delivery_option-icon::before {
  background-color: #282727;
  border-radius: 12px;
  content: "";
  height: 12px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: ease-out 150ms;
  transition-property: transform;
  width: 12px;
}
.b-product_delivery_option-input:active + .b-product_delivery_option-icon {
  transform: scale(0.9);
}
.b-product_delivery_option-input:hover + .b-product_delivery_option-icon {
  border-color: #001489;
}
.b-product_delivery_option-input:checked + .b-product_delivery_option-icon {
  border-color: #282727;
  border-width: 1px;
}
.b-product_delivery_option-input:checked + .b-product_delivery_option-icon::before {
  transform: translate(-50%, -50%) scale(1);
}
.b-product_delivery_option-input[disabled] + .b-product_delivery_option-icon {
  background-color: #f3f3f6;
  border-color: #d2d1d4;
  cursor: default;
  transform: scale(1);
}
.b-product_delivery_option-input[disabled] + .b-product_delivery_option-icon::before {
  background-color: #bbbbbf;
}
.b-product_delivery_option-input:not([disabled]):not(.m-invalid):checked:hover + .b-product_delivery_option-icon {
  border-color: #001489;
}
.b-product_delivery_option-input:not([disabled]):not(.m-invalid):checked:hover + .b-product_delivery_option-icon::before {
  background-color: #001489;
}
.b-product_delivery_option-label {
  cursor: pointer;
}
.b-product_delivery_option-name {
  color: #282727;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.07em;
}
.b-product_delivery_option-name .b-store_name {
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
}
.b-product_delivery_option-description {
  margin: 8px 0 0 36px;
}
.b-product_delivery_option-store {
  margin: 8px 0 0 36px;
}
.b-product_delivery_option.m-disabled .b-product_delivery_option-name {
  color: #898992;
}

.b-product_materials-item {
  display: flex;
  gap: 16px;
  padding: 4px 0 24px;
  position: relative;
}
.b-product_materials-item:last-child {
  padding-bottom: 0;
}
.b-product_materials-item:has(.b-product_materials-icon) {
  padding-inline-start: 84px;
}
.b-product_materials-icon {
  background: url("./images/pdp/pdp_sprite.svg") no-repeat;
  height: 38px;
  inset-inline-start: 0;
  min-width: 68px;
  position: absolute;
  top: 4px;
  transform: scaleX(-1);
  width: 68px;
}
.b-product_materials-icon.m-additive {
  background-position: -96px -192px;
}
.b-product_materials-icon.m-uppermaterial {
  background-position: -204px -192px;
}
.b-product_materials-icon.m-insole {
  background-position: -312px -192px;
}
.b-product_materials-icon.m-footbed {
  background-position: -420px -192px;
}
.b-product_materials-icon.m-outsole {
  background-position: -528px -192px;
}
.b-product_materials-content {
  margin-top: 8px;
}

.b-afterpay_widget square-placement {
  --messaging-font-size: 12px;
  --messaging-margin-block-end: 32px;
  --messaging-margin-block-start: 24px;
  --messaging-line-height: 1.36;
  --logo-badge-width: 84px;
  border-bottom: 1px solid #d2d1d4;
  border-top: 1px solid #d2d1d4;
  color: #60606a;
  padding: 12px 0;
}

.b-continue_shopping {
  align-items: center;
  color: #60606a;
  display: inline-flex;
  line-height: 24px;
  text-decoration: none;
}
.b-continue_shopping.m-fit_guide {
  margin-bottom: 24px;
}
.b-continue_shopping.m-adressbook {
  margin-bottom: 20px;
}
html[dir=rtl] .b-continue_shopping.m-adressbook {
  flex-direction: row;
}
.b-continue_shopping-icon {
  transform: rotate(90deg);
}
html[dir=rtl] .b-continue_shopping-icon {
  transform: rotate(270deg);
}
.b-continue_shopping-icon svg {
  max-width: 20px;
}
html[dir=rtl] .b-continue_shopping.m-adressbook .b-continue_shopping-icon {
  transform: rotate(270deg);
}
.b-continue_shopping-text {
  align-items: center;
  border-radius: 4px;
  cursor: pointer;
  display: inline-flex;
  text-decoration: none;
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  font-size: 14px;
  margin-inline-start: 6px;
}
.b-continue_shopping-text.m-disabled::after, .b-continue_shopping-text:disabled::after, .b-continue_shopping-text[disabled]::after {
  background: #898992;
}
.b-continue_shopping-text::after {
  background: currentcolor;
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  transition: transform ease-out 150ms;
  width: 100%;
  transform: scaleX(1);
}
.b-continue_shopping-text:hover::after, .b-continue_shopping-text:active::after {
  transform: scaleX(0);
}
.b-continue_shopping-text.m-disabled, .b-continue_shopping-text:disabled, .b-continue_shopping-text[disabled] {
  color: #898992;
  pointer-events: none;
}
html[dir=rtl] .b-continue_shopping-text {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-continue_shopping-text, .b-dialog.m-care_essentials-product .b-continue_shopping-text {
  letter-spacing: normal;
}
.b-continue_shopping-text.m-disabled::after, .b-continue_shopping-text:disabled::after, .b-continue_shopping-text[disabled]::after {
  background: #898992;
}
.b-continue_shopping-text::after {
  background: currentcolor;
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  transition: transform ease-out 150ms;
  width: 100%;
  transform: scaleX(0);
}
.b-continue_shopping-text:hover::after, .b-continue_shopping-text:active::after {
  transform: scaleX(1);
}

.b-variations_item {
  font-size: 16px;
  position: relative;
}
.b-variations_item-label {
  display: flex;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  margin-bottom: 10px;
}
.b-variations_item.m-quantity .b-variations_item-label {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  left: 0;
  max-height: 1px;
  max-width: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  top: 0;
}
.b-variations_item.m-swatchable .b-variations_item-label {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
  color: #60606a;
  display: block;
  margin-bottom: 12px;
}
html[dir=rtl] .b-variations_item.m-swatchable .b-variations_item-label {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-variations_item.m-swatchable .b-variations_item-label, .b-dialog.m-care_essentials-product .b-variations_item.m-swatchable .b-variations_item-label {
  letter-spacing: normal;
}
.m-1774-product .b-variations_item.m-swatchable .b-variations_item-label {
  font-family: "DIN Next CYR", "Arial", "Helvetica", sans-serif;
}
.b-dialog.m-care_essentials-product .b-variations_item.m-swatchable .b-variations_item-label {
  font-weight: 300;
}
.b-variations_item .m-highlight .b-variations_item-label {
  color: #d01d1b;
}
.b-variations_item .m-highlight .b-variations_item-label::before {
  background-image: url("./images/icons/error.svg");
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 16px;
  margin-inline-end: 4px;
  margin-top: 1px;
  width: 16px;
}
.m-quick_view .b-variations_item-label {
  margin-bottom: 0;
}
.b-variations_item-label .b-link {
  color: #60606a;
  margin-inline-start: auto;
}
.m-size .b-variations_item-label {
  font-weight: 400;
}
.b-variations_item-value {
  color: #282727;
  font-weight: 700;
}
.b-variations_item-empty_value {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 700;
  font-size: 14px;
  display: inline-block;
  margin-inline-start: 5px;
}
html[dir=rtl] .b-variations_item-empty_value {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-variations_item-empty_value, .b-dialog.m-care_essentials-product .b-variations_item-empty_value {
  letter-spacing: normal;
}
.b-variations_item > .m-highlight .b-variations_item-empty_value {
  color: #d01d1b;
}
.b-variations_item.m-swatch.m-color .b-variations_item-empty_value {
  display: none;
}
.b-variations_item-label_wrap {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
  align-items: baseline;
  display: flex;
}
html[dir=rtl] .b-variations_item-label_wrap {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-variations_item-label_wrap, .b-dialog.m-care_essentials-product .b-variations_item-label_wrap {
  letter-spacing: normal;
}
.m-submit_error .b-variations_item-label_wrap {
  color: #d01d1b;
  display: flex;
}
.m-submit_error .b-variations_item-label_wrap::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.0002 2.79995C6.91918 2.79995 2.8002 6.91893 2.8002 12C2.8002 17.081 6.91918 21.2 12.0002 21.2C17.0812 21.2 21.2002 17.081 21.2002 12C21.2002 6.91893 17.0812 2.79995 12.0002 2.79995ZM1.2002 12C1.2002 6.03528 6.03552 1.19995 12.0002 1.19995C17.9649 1.19995 22.8002 6.03528 22.8002 12C22.8002 17.9646 17.9649 22.7999 12.0002 22.7999C6.03552 22.7999 1.2002 17.9646 1.2002 12Z' fill='%23d01d1b'/%3E%3Cpath d='M12.025 18.65C11.45 18.65 11 18.2 11 17.625C11 17.05 11.45 16.6 12.025 16.6C12.575 16.6 13.05 17.083 13.05 17.625C13.05 18.192 12.6 18.65 12.025 18.65Z' fill='%23d01d1b'/%3E%3Cpath d='M11.9932 14.317C11.5352 14.317 11.1602 13.942 11.1602 13.484V5.63403C11.1602 5.17603 11.5352 4.80103 11.9932 4.80103C12.4512 4.80103 12.8262 5.17603 12.8262 5.63403V13.484C12.8262 13.942 12.4512 14.317 11.9932 14.317Z' fill='%23d01d1b'/%3E%3C/svg%3E%0A");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: inline-flex;
  flex-shrink: 0;
  height: 17px;
  margin-inline-end: 8px;
  width: 16px;
}
.m-highlight .b-variations_item-label_wrap {
  align-items: self-start;
}
.m-size_guide .b-variations_item-label_wrap {
  margin-bottom: 6px;
}
.b-variations_item-size_container {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.b-variations_item.m-size_guide .b-variations_item-size_container {
  display: block;
}
.m-quick_view .b-variations_item.m-size_guide .b-variations_item-size_container {
  display: flex;
  margin-bottom: 20px;
}
.b-variations_item.m-size.m-no_size_chart .b-variations_item-size_container {
  display: flex;
}
.b-product_bundle-item .b-variations_item-label_link {
  margin-bottom: 12px;
  margin-top: 12px;
}
@media screen and (min-width: 768px) {
  .b-variations_item-content {
    flex-wrap: wrap;
  }
  .l-pdp.m-quick_view .b-variations_item-content {
    flex-wrap: nowrap;
  }
}
.b-variations_item-content.m-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -4px;
  scrollbar-width: none;
}
.m-combined-sizes_vertical .b-variations_item-content.m-list, .m-combined-sizes_horizontal .b-variations_item-content.m-list {
  flex-wrap: wrap;
}
.b-variations_item-content.m-list::-webkit-scrollbar {
  display: none;
}
.b-variations_item.m-size .b-variations_item-content.m-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(81px, 100%), 1fr));
}
@media screen and (min-width: 768px) and (max-width: 1179.9px) {
  .b-variations_item.m-size .b-variations_item-content.m-list {
    grid-template-columns: repeat(auto-fill, minmax(min(104px, 100%), 1fr));
  }
}
.b-variations_item.m-size .m-combined-sizes_horizontal .b-variations_item-content.m-list {
  grid-template-columns: repeat(auto-fit, minmax(var(--grid-swatch-width, 81px), auto));
}
.b-variations_item.m-size .m-combined-sizes_vertical .b-variations_item-content.m-list {
  gap: 6px;
  grid-template-columns: repeat(auto-fit, minmax(81px, max-content));
}
.b-variations_item.m-color .b-variations_item-content {
  margin: 0 -4px;
}
.b-product_details-variations.m-top .b-variations_item.m-color .b-variations_item-content {
  margin: 0;
}
.b-variations_item-tab_container {
  border: 1px solid #a4a4aa;
  border-radius: 36px;
  display: flex;
  font-size: 14px;
  gap: 2px;
  height: 36px;
  left: 0;
  line-height: 34px;
  margin-bottom: 20px;
  padding: 3px;
  position: relative;
  top: 0;
}
.m-quick_view .b-variations_item-tab_container {
  margin-bottom: 0;
}
@media screen and (max-width: 1439.9px) {
  .b-slide_panel-content .b-variations_item-tab_container {
    inset-inline-start: 0;
    margin-inline-start: 4px;
    position: relative;
  }
}
.b-refinement .b-variations_item-tab_container {
  float: right;
}
.b-product_details-variations .b-variations_item-tab_container {
  width: 110px;
}
.b-variations_item-tab_item {
  cursor: pointer;
  line-height: 18px;
  margin-right: 10px;
  opacity: 0.25;
}
.b-variations_item.m-size .b-variations_item-tab_item, .b-variations_item-tab_item.m-size {
  border-radius: 28px;
  color: #60606a;
  display: block;
  line-height: 28px;
  margin: 0;
  opacity: 1;
  text-align: center;
  text-decoration: none;
  width: 50px;
}
.b-variations_item.m-size .b-variations_item-tab_item:hover, .b-variations_item-tab_item.m-size:hover {
  text-decoration: underline;
}
.b-variations_item-tab_item.m-active {
  opacity: 1;
  text-decoration: underline;
  text-underline-position: under;
}
.b-variations_item-tab_item.m-active:hover {
  text-decoration: none;
}
.b-variations_item.m-size .b-variations_item-tab_item.m-active {
  background: #282727;
  color: #ffffff;
  font-weight: 700;
  text-decoration: none;
}
.b-variations_item-tab_item.m-active.m-size {
  background: #282727;
  color: #ffffff;
  font-weight: 700;
  text-decoration: none;
}
.b-variations_item-tab_panel {
  display: none;
  width: 100%;
}
.b-variations_item-tab_panel.m-active {
  display: block;
}
.b-refinement-list.m-name_size .b-variations_item-tab_panel.m-active {
  display: flex;
  flex-wrap: wrap;
  margin-left: -2px;
}
.b-variations_item-tab_panel .b-variation_swatch {
  height: 40px;
  margin-bottom: 8px;
  width: 81px;
}
.m-size .b-variations_item-tab_panel .b-variation_swatch {
  width: auto;
}
.b-variations_item-tab_panel .b-variation_swatch-value {
  font-size: 14px;
  font-weight: 500;
}
.b-variations_item-tab_panel .b-variation_swatch .b-variation_swatch-value_overlay {
  transition-property: none;
}
.b-variations_item-tab_panel .b-variation_swatch[aria-checked=true] .b-variation_swatch-value {
  box-shadow: 0 0 0 2px #282727;
}
.b-variations_item-tab_panel .b-variation_swatch.m-disabled .b-variation_swatch-value {
  background: #f3f3f6;
  border-color: #d2d1d4;
}
.b-variations_item-tab_panel .b-variation_swatch.m-disabled .b-variation_swatch-value::after {
  border-top: 1px solid #d2d1d4;
  content: "";
  left: -4px;
  position: absolute;
  right: -4px;
  top: 50%;
  transform: rotate(157deg);
}
.b-variations_item-tab_panel .b-variation_swatch.m-notify_me .b-variation_swatch-value {
  background: #f3f3f6;
  border-color: #d2d1d4;
  cursor: pointer;
  text-decoration: line-through;
}
.b-variations_item-tab_panel .b-variation_swatch.m-notify_me .b-variation_swatch-value svg {
  height: 16px;
  position: absolute;
  right: 5px;
  top: 5px;
  width: 16px;
}
.b-variations_item.m-width .b-variations_item-content {
  grid-gap: 8px;
  margin: 0;
}
.b-variations_item.m-width .b-variation_swatch {
  flex-grow: 1;
  height: 48px;
  margin: 0;
}
.b-variations_item.m-width .b-variation_swatch:only-child {
  max-width: 50%;
}
.b-variations_item.m-width .b-variation_swatch.m-s:only-child {
  margin-inline-start: auto;
}
.b-variations_item.m-width .b-variation_swatch .b-variation_swatch-value {
  font-size: 14px;
}
.b-variations_item.m-width .b-variation_swatch .b-variation_swatch-value svg {
  height: 24px;
  width: 24px;
}
.b-variations_item.m-width .b-variations_item-label {
  margin-bottom: 16px;
}
.m-active_variation .b-variations_item.m-width .b-variations_item-content {
  gap: 0;
  margin-inline: -12px;
}
@media screen and (max-width: 1439.9px) {
  .m-active_variation .b-variations_item.m-width .b-variations_item-content {
    margin-inline: -8px;
  }
}
.m-active_variation .b-variations_item.m-width .b-variation_swatch[aria-checked=true] .b-variation_swatch-value {
  border: 2px solid #282727;
  border-bottom: none;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  box-shadow: unset;
  overflow: visible;
  position: relative;
}
.m-active_variation .b-variations_item.m-width .b-variation_swatch[aria-checked=true] .b-variation_swatch-value::before {
  background: #ffffff;
  bottom: -1px;
  content: "";
  height: 4px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 3;
}
.m-active_variation .b-variations_item.m-width .b-variation_swatch[aria-checked=false] .b-variation_swatch-value {
  border-bottom: 2px solid #282727;
  color: #60606a;
}
.m-active_variation .b-variations_item.m-width .b-variation_swatch:first-child[aria-checked=true] .b-variation_swatch-value::after {
  background: #ffffff;
  bottom: -2px;
  content: "";
  display: block;
  height: 2px;
  inset-inline-start: 0;
  position: absolute;
  width: calc(100% + 2px);
}
.m-active_variation .b-variations_item.m-width .b-variation_swatch:first-child[aria-checked=false] {
  margin-inline-start: -1px;
}
.m-active_variation .b-variations_item.m-width .b-variation_swatch:first-child[aria-checked=false] .b-variation_swatch-value {
  border-radius: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  clip-path: inset(-1px 1px 0 -1px);
  margin-left: 2px;
}
.m-active_variation .b-variations_item.m-width .b-variation_swatch:last-child[aria-checked=true] .b-variation_swatch-value::after {
  background: #ffffff;
  bottom: -2px;
  content: "";
  display: block;
  height: 2px;
  inset-inline-end: 0;
  position: absolute;
  width: calc(100% + 3px);
}
.m-active_variation .b-variations_item.m-width .b-variation_swatch:only-child.m-s .b-variation_swatch-value::after {
  inset-inline-start: -2px;
}
.m-active_variation .b-variations_item.m-width .b-variation_swatch:not(:first-child):not(:last-child)[aria-checked=true] .b-variation_swatch-value::after {
  background: #ffffff;
  bottom: -2px;
  content: "";
  display: block;
  height: 2px;
  position: absolute;
  right: -2px;
  width: calc(100% + 4px);
}
.m-active_variation .b-variations_item.m-width .b-variation_swatch[aria-checked=false] + .b-variation_swatch[aria-checked=false], .m-active_variation .b-variations_item.m-width .b-variation_swatch[aria-checked=true] + .b-variation_swatch[aria-checked=false] {
  margin-inline-start: -1px;
}
.m-active_variation .b-variations_item.m-width .b-variation_swatch[aria-checked=false] + .b-variation_swatch[aria-checked=false] .b-variation_swatch-value {
  border-radius: 0;
  border-top-right-radius: 4px;
  clip-path: inset(-1px -1px 0 1px);
}
.m-active_variation .b-variations_item.m-width .b-variation_swatch[aria-checked=true] + .b-variation_swatch[aria-checked=false] .b-variation_swatch-value {
  border-radius: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  clip-path: inset(-1px -1px 0 1px);
  width: calc(100% - 1px);
}
.m-active_variation .b-variations_item.m-width .b-variation_swatch:first-child[aria-checked=false] + .b-variation_swatch:not(:first-child):not(:last-child)[aria-checked=false] .b-variation_swatch-value {
  border-top-right-radius: 0;
  clip-path: inset(-1px 0 0 -1px);
}
.b-drawer:not(.m-cart_overlay) .b-variations_item.m-width {
  margin-top: 0;
}
.b-variations_item.m-cart_crossell {
  margin-bottom: 16px;
}
.b-variations_item.m-size {
  margin-inline: -12px;
  margin-top: 0;
  padding-inline: 12px;
  padding-top: 32px;
}
@media screen and (max-width: 1439.9px) {
  .b-variations_item.m-size {
    margin-inline: -8px;
    padding-inline: 8px;
  }
}
.m-active_variation .b-variations_item.m-size {
  border: 2px solid #282727;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin-top: -2px;
  position: relative;
}
.b-product_details-variations.m-availability_reminder .b-variations_item.m-size {
  order: 2;
}
.b-variations_item-tab_title {
  font-size: 14px;
  line-height: 18px;
  opacity: 0.67;
  padding: 0 0 10px;
  width: 100%;
}
.b-refinement-list.m-name_size .b-variations_item-tab_title {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
  margin: 0 0 8px 2px;
  opacity: 1;
  padding: 0;
}
html[dir=rtl] .b-refinement-list.m-name_size .b-variations_item-tab_title {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-refinement-list.m-name_size .b-variations_item-tab_title, .b-dialog.m-care_essentials-product .b-refinement-list.m-name_size .b-variations_item-tab_title {
  letter-spacing: normal;
}
.b-refinement-list .b-refinement-list_item + .b-variations_item-tab_title {
  margin-top: 16px;
}
.b-variations_item-sizeguide {
  float: left;
  line-height: 36px;
}
.b-variations_item-sizeguide.m-width {
  float: none;
  line-height: 21px;
  margin-bottom: 16px;
}
.b-variations_item .b-carousel_swiper .b-carousel_swiper-control {
  top: 18px;
}
@media screen and (min-width: 768px) {
  .b-variations_item .b-carousel_swiper:not(.swiper-initialized) .b-carousel_swiper-control {
    display: none;
  }
}
.b-drawer:not(.m-cart_overlay) .b-variations_item-width_guide {
  display: none;
}
.b-variations_item-tab:not(:first-of-type) {
  margin-top: 16px;
}
.b-variations_item-tab_content {
  display: flex;
  flex-wrap: wrap;
}

html[dir=rtl].m-active_variation .b-variations_item.m-width .b-variation_swatch[aria-checked=false] + .b-variation_swatch[aria-checked=false] .b-variation_swatch-value {
  border-radius: 0;
  border-top-left-radius: 4px;
  clip-path: inset(-1px 0 0 -1px);
}
html[dir=rtl].m-active_variation .b-variations_item.m-width .b-variation_swatch[aria-checked=true] + .b-variation_swatch[aria-checked=false] .b-variation_swatch-value {
  border-radius: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  clip-path: inset(-1px 0 0 -1px);
  width: calc(100% - 1px);
}
html[dir=rtl].m-active_variation .b-variations_item.m-width .b-variation_swatch:first-child[aria-checked=false] .b-variation_swatch-value {
  border-radius: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  clip-path: inset(-1px -1px 0 0);
  margin-right: 2px;
}
html[dir=rtl].m-active_variation .b-variations_item.m-width .b-variation_swatch:last-child[aria-checked=true] .b-variation_swatch-value::after {
  right: -2px;
}

.b-carousel_native .b-carousel_wrapper {
  display: flex;
  overflow-x: auto;
  width: 100%;
}
.b-carousel_native .b-product_tile_swatches-swatch {
  display: block;
  height: 24px;
  min-width: 24px;
}
.b-carousel_native .b-carousel_native-control {
  align-items: center;
  background: #ffffff;
  bottom: 0;
  color: #282727;
  cursor: pointer;
  display: flex;
  height: calc(100% - 4px);
  margin: 0;
  position: absolute;
  top: 0;
  width: 30px;
}
.b-carousel_native .b-carousel_native-control svg {
  width: 22px;
}
.b-carousel_native .b-carousel_native-control::after {
  display: none;
}
.b-carousel_native .b-carousel_native-control.button-disabled {
  display: none;
}
.b-carousel_native .b-carousel_native-control.m-prev {
  justify-content: flex-start;
  left: 0;
}
html[dir=rtl] .b-carousel_native .b-carousel_native-control.m-prev {
  justify-content: flex-end;
}
.b-carousel_native .b-carousel_native-control.m-next {
  justify-content: flex-end;
  right: 0;
}
html[dir=rtl] .b-carousel_native .b-carousel_native-control.m-next {
  justify-content: flex-start;
}
.b-carousel_native:hover .b-carousel_wrapper::-webkit-scrollbar-thumb, .b-carousel_native:focus-within .b-carousel_wrapper::-webkit-scrollbar-thumb {
  background-color: #bbbbbf;
}
.b-carousel_native:hover .b-carousel_wrapper::-webkit-scrollbar-thumb:hover, .b-carousel_native:focus-within .b-carousel_wrapper::-webkit-scrollbar-thumb:hover {
  background-color: #898992;
}
.b-carousel_native.m-swatches {
  margin-inline-start: 0;
  max-width: 100%;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 768px) and (max-width: 1179.9px) {
  .b-carousel_native.m-swatches {
    max-width: 204px;
  }
}
@media screen and (min-width: 1180px) {
  .b-carousel_native.m-swatches {
    max-width: 312px;
  }
}
.b-carousel_native.m-swatches .b-carousel_native-control.m-prev, .b-carousel_native.m-swatches .b-carousel_native-control.m-next {
  background-color: #ffffff;
}
.b-carousel_native.m-swatches .b-carousel_wrapper {
  display: flex;
  gap: 12px;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0 0 4px;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
}
.b-carousel_native.m-swatches .color-swatch-button {
  flex: none;
  scroll-snap-align: center;
}
.b-carousel_native.m-swatches .color-swatch-button:focus {
  border-radius: 4px;
  outline: 2px solid #001489;
  outline-offset: 2px;
}
.b-carousel_native.m-swatches .color-swatch-button[aria-selected=true] {
  position: relative;
}
.b-carousel_native.m-swatches .color-swatch-button[aria-selected=true]::after {
  border: 2px solid #001489;
  border-radius: 4px;
  content: "";
  inset: -2px;
  pointer-events: none;
  position: absolute;
}

@supports selector(::-webkit-scrollbar) {
  .b-carousel_native .b-carousel_wrapper::-webkit-scrollbar-thumb {
    background-color: transparent;
    border-radius: 2px;
  }
  .b-carousel_native .b-carousel_wrapper::-webkit-scrollbar-thumb:hover {
    background-color: #898992;
  }
  .b-carousel_native .b-carousel_wrapper::-webkit-scrollbar-track {
    background-color: transparent;
  }
  .b-carousel_native:not(.m-swatches) .b-carousel_wrapper::-webkit-scrollbar {
    height: 4px;
  }
}
@supports not selector(::-webkit-scrollbar) {
  .b-carousel_native .b-carousel_native-control {
    height: calc(100% - 12px);
  }
  .b-carousel_native .b-carousel_wrapper {
    scrollbar-color: transparent transparent;
    scrollbar-width: thin;
  }
  .b-carousel_native:hover .b-carousel_wrapper, .b-carousel_native:focus-within .b-carousel_wrapper {
    scrollbar-color: #bbbbbf transparent;
  }
}
.b-carousel_swiper .b-carousel_swiper-control {
  bottom: 0;
  color: #282727;
  cursor: pointer;
  height: 100%;
  margin: 0;
  top: 0;
  width: 30px;
}
.b-carousel_swiper .b-carousel_swiper-control svg {
  width: 22px;
}
.b-carousel_swiper .b-carousel_swiper-control::after {
  display: none;
}
.b-carousel_swiper .b-carousel_swiper-control.swiper-button-disabled {
  display: none;
}
.b-carousel_swiper .b-carousel_swiper-control.m-prev {
  background-image: linear-gradient(to left, rgba(255, 255, 255, 0), white);
  inset-inline-start: 0;
  justify-content: flex-start;
}
html[dir=rtl] .b-carousel_swiper .b-carousel_swiper-control.m-prev {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.3), white);
}
.b-carousel_swiper .b-carousel_swiper-control.m-next {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.3), white);
  inset-inline-end: 0;
  justify-content: flex-end;
}
html[dir=rtl] .b-carousel_swiper .b-carousel_swiper-control.m-next {
  background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3), white);
}

.b-carousel_swiper.m-swatches {
  margin-inline-start: 0;
  max-width: 168px;
  width: 100%;
}
@media screen and (min-width: 768px) and (max-width: 1179.9px) {
  .b-carousel_swiper.m-swatches {
    max-width: 204px;
  }
}
@media screen and (min-width: 1180px) {
  .b-carousel_swiper.m-swatches {
    max-width: 312px;
  }
}
.b-carousel_swiper.m-swatches .b-carousel_swiper-control.m-prev, .b-carousel_swiper.m-swatches .b-carousel_swiper-control.m-next {
  background-color: #ffffff;
}
.b-carousel_swiper.m-swatches:not(.swiper-initialized) .b-carousel_swiper-control {
  display: none;
}

.b-footbed {
  margin: 0 auto;
  max-width: 1920px;
  padding-left: 40px;
  padding-right: 40px;
  --swiper-scrollbar-bottom: 0px;
  --swiper-scrollbar-sides-offset: 0px;
  --swiper-scrollbar-size: 4px;
  /* stylelint-disable selector-class-pattern */
  /* stylelint-enable */
}
@media screen and (min-width: 1180px) and (max-width: 1439.9px) {
  .b-footbed {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1179.9px) {
  .b-footbed {
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media screen and (max-width: 767.9px) {
  .b-footbed {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 768px) {
  .b-footbed {
    --swiper-scrollbar-sides-offset: 50%;
  }
}
.b-footbed .module-rebrush {
  padding-bottom: 24px;
}
@media screen and (min-width: 768px) {
  .b-footbed .module-rebrush {
    padding-bottom: 60px;
  }
}
.b-footbed .module-rebrush-inner {
  margin-top: 40px;
}
.b-footbed .product-footbed-inner {
  position: relative;
}
@media screen and (max-width: 1179.9px) {
  .b-footbed .main-slick-footbed-carousel {
    margin: 0 -5px;
    padding: 0 5px;
  }
}
.b-footbed .footbed-header {
  display: flex;
  justify-content: center;
  padding: 0 8px;
}
.b-footbed .heading-1 {
  font-family: var(--care-essentials-font, "DIN Next CYR", "Arial", "Helvetica", sans-serif);
  letter-spacing: -0.02em;
  line-height: 1.02;
  color: #000;
  font-size: 22px;
  font-weight: 400;
  margin-bottom: 8px;
  text-align: center;
  text-transform: capitalize;
}
html[dir=rtl] .b-footbed .heading-1 {
  letter-spacing: 0;
}
@media screen and (min-width: 1180px) {
  .b-footbed .heading-1 {
    font-size: 30px;
    margin-bottom: 42px;
  }
}
.b-footbed .list-item-details {
  display: flex;
  flex-direction: column;
  left: 50%;
  position: relative;
  transform: translate(-50%);
  width: 80%;
}
.b-footbed .slick-footbed-carousel {
  margin-bottom: 4px;
}
@media screen and (min-width: 1180px) {
  .b-footbed .slick-footbed-carousel {
    margin-bottom: 40px;
  }
}
.b-footbed .slick-footbed-carousel .list-item-details {
  width: 90%;
}
@media screen and (min-width: 1180px) {
  .b-footbed .slick-footbed-carousel .list-item-details {
    display: none;
  }
}
.b-footbed .slick-footbed-carousel figure {
  display: block;
}
.b-footbed .slick-footbed-carousel img {
  display: flex;
  margin: 0 auto;
  max-width: 90%;
  transition: cubic-bezier(0.3, 0.46, 0.45, 0.94) 0.5s;
  transition-property: transform;
  width: 100%;
}
@media screen and (min-width: 1180px) {
  .b-footbed .slick-footbed-carousel img {
    max-width: 80%;
    max-width: 500px;
    transform: translateX(0);
  }
}
@media screen and (min-width: 1440px) {
  .b-footbed .slick-footbed-carousel img {
    max-width: 600px;
  }
}
@media screen and (min-width: 1180px) and (max-width: 1439.9px) {
  .b-footbed .slick-footbed-carousel .swiper-slide-active img {
    transform: translateX(-60px);
  }
  html[dir=rtl] .b-footbed .slick-footbed-carousel .swiper-slide-active img {
    transform: translateX(60px);
  }
}
@media screen and (min-width: 1440px) {
  .b-footbed .slick-footbed-carousel .swiper-slide-active img {
    transform: translateX(-120px);
  }
  html[dir=rtl] .b-footbed .slick-footbed-carousel .swiper-slide-active img {
    transform: translateX(120px);
  }
}
.b-footbed .list-item-title h4,
.b-footbed .list-item-title {
  font-family: var(--care-essentials-font, "DIN Next CYR", "Arial", "Helvetica", sans-serif);
  letter-spacing: -0.02em;
  line-height: 1.03;
  color: #000;
  font-size: 15px;
  font-weight: 500;
  margin-top: 20px;
  text-transform: capitalize;
}
html[dir=rtl] .b-footbed .list-item-title h4,
html[dir=rtl] .b-footbed .list-item-title {
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  .b-footbed .list-item-title h4,
  .b-footbed .list-item-title {
    margin-top: 28px;
  }
}
.b-footbed .list-item-title h4 {
  margin: 0;
}
.b-footbed .list-item-content .text-default {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  margin: 12px 0;
  word-break: break-word;
}
html[dir=rtl] .b-footbed .list-item-content .text-default {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-footbed .list-item-content .text-default, .b-dialog.m-care_essentials-product .b-footbed .list-item-content .text-default {
  letter-spacing: normal;
}
.b-footbed .swiper-scrollbar {
  background-color: #d2d1d4;
}
@media screen and (min-width: 768px) {
  .b-footbed .swiper-scrollbar {
    max-width: 353px;
    transform: translateX(-50%);
  }
  .b-footbed .swiper-scrollbar.swiper-scrollbar-horizontal {
    width: 100%;
  }
}
.b-footbed .swiper-scrollbar-drag {
  background-color: #282727;
}
.b-footbed .list-item-details-wrapper {
  background-color: #ffffff;
  border: 1px solid #d2d1d4;
  border-radius: 4px;
  bottom: 33%;
  box-shadow: 0 0 6px 0 rgba(96, 96, 106, 0.5);
  display: none;
  height: auto;
  inset-inline-end: 27%;
  max-width: 333px;
  padding: 20px;
  position: absolute;
  width: 100%;
  z-index: 1;
}
@media screen and (min-width: 1180px) {
  .b-footbed .list-item-details-wrapper {
    display: block;
    inset-inline-end: 19%;
  }
}
@media screen and (min-width: 1440px) {
  .b-footbed .list-item-details-wrapper {
    inset-inline-end: 24%;
  }
}
.b-footbed .list-item-details-wrapper .list-item-title {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 20px;
  margin-top: 20px;
  text-transform: capitalize;
}
.b-footbed .list-item-details-wrapper .list-item-content p {
  font-size: 13px;
  letter-spacing: 0.18px;
  line-height: 19px;
}
.b-footbed .slick-prev,
.b-footbed .slick-next {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 36px;
  justify-content: center;
  position: absolute;
  top: 30%;
  width: 36px;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .b-footbed .slick-prev,
  .b-footbed .slick-next {
    top: 40%;
  }
}
.b-footbed .slick-prev .icon,
.b-footbed .slick-next .icon {
  background: url("./images/icons/chevronRight.svg") no-repeat;
  background-position: center;
  background-size: 100%;
  height: 24px;
  transition: transform ease-out 300ms;
  width: 24px;
}
.b-footbed .slick-prev.swiper-button-disabled,
.b-footbed .slick-next.swiper-button-disabled {
  cursor: default;
}
.b-footbed .slick-prev.swiper-button-disabled .icon,
.b-footbed .slick-next.swiper-button-disabled .icon {
  opacity: 0.4;
  transform: scale(1.2);
}
@media not all and (pointer: coarse) {
  .b-footbed .slick-prev:hover .icon,
  .b-footbed .slick-next:hover .icon {
    transform: scale(1.2);
  }
}
.b-footbed .slick-prev {
  inset-inline-start: -12px;
  /* stylelint-disable no-descending-specificity */
  /* stylelint-enable no-descending-specificity */
}
@media screen and (min-width: 1180px) {
  .b-footbed .slick-prev {
    inset-inline-start: 15%;
  }
}
.b-footbed .slick-prev.swiper-button-disabled .icon,
.b-footbed .slick-prev .icon {
  transform: rotate(180deg);
}
html[dir=rtl] .b-footbed .slick-prev.swiper-button-disabled .icon,
html[dir=rtl] .b-footbed .slick-prev .icon {
  transform: rotate(0);
}
@media not all and (pointer: coarse) {
  .b-footbed .slick-prev:hover .icon {
    transform: scale(1.2) rotate(180deg);
  }
  html[dir=rtl] .b-footbed .slick-prev:hover .icon {
    transform: scale(1.2) rotate(0);
  }
  .b-footbed .slick-prev.swiper-button-disabled:hover .icon {
    transform: scale(1) rotate(180deg);
  }
  html[dir=rtl] .b-footbed .slick-prev.swiper-button-disabled:hover .icon {
    transform: scale(1) rotate(0);
  }
}
.b-footbed .slick-next {
  inset-inline-end: -12px;
}
@media screen and (min-width: 1180px) {
  .b-footbed .slick-next {
    inset-inline-end: 15%;
  }
}
html[dir=rtl] .b-footbed .slick-next {
  transform: rotate(180deg);
}

.b-product_split_module {
  display: flex;
  margin: 30px 0;
  max-width: 100%;
}
@media screen and (min-width: 768px) and (max-width: 1179.9px) {
  .b-product_split_module {
    margin: 52px 0;
  }
}
@media screen and (min-width: 1180px) {
  .b-product_split_module {
    margin: 75px 0;
  }
}
.b-product_split_module .b-content_asset {
  flex-basis: 50%;
  overflow: hidden;
}
@media screen and (max-width: 1179.9px) {
  .b-product_split_module .b-only_on_desktop {
    display: none;
  }
}
.b-product_split_module .b-only_on_tablet {
  display: none;
}
@media screen and (min-width: 768px) and (max-width: 1179.9px) {
  .b-product_split_module .b-only_on_tablet {
    display: block;
  }
}
@media screen and (min-width: 768px) {
  .b-product_split_module .b-only_on_mobile {
    display: none;
  }
}
@media screen and (min-width: 1180px) {
  .b-product_split_module .b-hide_on_desktop {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 1179.9px) {
  .b-product_split_module .b-hide_on_tablet {
    display: none;
  }
}
@media screen and (max-width: 767.9px) {
  .b-product_split_module .b-hide_on_mobile {
    display: none;
  }
}
.b-product_split_module .b-video_teaser-overlay {
  overflow: hidden;
  padding-bottom: 125%;
  position: relative;
}
@media screen and (min-width: 1180px) {
  .b-product_split_module .b-video_teaser-overlay {
    padding-bottom: 56.25%;
  }
}
.b-product_split_module img {
  object-fit: cover;
  width: 100%;
}

/*md

# b-options_group

This component designed to hold checkout section when one panel is list of something
(saved payments, saved addresses etc) and the other panel is new item form.

Currently it used only on checkout for Saved payments, saved addresses section on both steps.

```html_example
<fieldset class="b-options_group">
    <legend class="b-options_group-legend">
        Saved payments
    </legend>

    <div class="b-options_group-actions">
        <button
            class="b-options_group-control b-button"
            data-event-click.prevent="backToAddresses"
            type="button"
        >
            <svg aria-hidden="true" width="12" height="12" viewBox="0 0 10 10" focusable="false">
				<path fill="currentColor" fill-rule="evenodd" d="M6 0v4h4v2H6v4H4V6H0V4h4V0h2z"></path>
			</svg>
            Add new payment card
        </button>
    </div>
    <div>
        List of saved payments here
    </div>
</fieldset>

<fieldset class="b-options_group">
    <legend class="b-options_group-legend">
        Add new payment
    </legend>

    <div class="b-options_group-actions">
        <button
            class="b-options_group-control b-button"
            data-event-click.prevent="backToAddresses"
            type="button"
        >
            <svg width="10" height="17" focusable="false">
			    <path fill="currentColor" d="m7.828828,0.721626c0.39,-0.39 1.024,-0.39 1.414,0c0.39,0.39 0.39,1.024 0,1.414l-6.364,6.364l6.364,6.364c0.39,0.39 0.39,1.024 0,1.414c-0.39,0.391 -1.023,0.391 -1.414,0l-7.07,-7.07c-0.364,-0.363 -0.39,-0.935 -0.079,-1.328l0.078,-0.087l7.071,-7.07l0,-0.001z"></path>
			</svg>
            Back to saved payments
        </button>
    </div>
    <div>
        New payment card form here
    </div>
</fieldset>
```

*/
.b-options_group {
  border: none;
  margin: 0;
  padding: 0;
}
.b-options_group-legend {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  left: 0;
  max-height: 1px;
  max-width: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  top: 0;
}
.b-options_group-actions.m-saved_addresses {
  margin: 4px 0 24px;
}
.b-options_group-actions.m-new_address {
  text-align: end;
}
.b-options_group-actions.m-new_address + .b-options_group-saved_addresses {
  margin-top: 0;
}
.b-options_group-actions.m-no_heading::after {
  clear: both;
  content: "";
  display: block;
}
.b-options_group-control svg {
  display: inline-block;
  height: 18px;
  margin-inline-end: 10px;
  width: 18px;
}
.b-options_group-control.m-new_address {
  color: #60606a;
  float: right;
  margin-top: 2px;
}
html[dir=rtl] .b-options_group-control.m-new_address {
  float: left;
}
.b-options_group-control.m-new_address svg {
  height: 12px;
  margin-inline-end: 5px;
  margin-top: -2px;
  width: 12px;
}
.b-options_group-saved_addresses {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 20px;
  margin: 20px 0;
}
html[dir=rtl] .b-options_group-saved_addresses {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-options_group-saved_addresses, .b-dialog.m-care_essentials-product .b-options_group-saved_addresses {
  letter-spacing: normal;
}
.b-options_group-saved_addresses_header {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.b-options_group-saved_addresses_header .b-options_group-saved_addresses {
  margin: 0;
}
.b-options_group-birth_date {
  display: flex;
  flex-wrap: wrap;
  gap: 0 12px;
  margin-bottom: 24px;
}
.b-options_group-birth_date .b-form_field-message {
  width: 100%;
}
.b-options_group-birth_date .b-form_field {
  flex: 1 1 calc((100% - 24px) / 3);
  margin-bottom: 0;
}
.b-options_group-birth_date .b-form_field .b-form_field-message {
  display: none;
}
.b-options_group-shipping, .b-options_group-billing, .b-options_group-initials {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.b-options_group-shipping .address-container, .b-options_group-billing .address-container, .b-options_group-initials .address-container {
  width: 100%;
}
.b-options_group-shipping .address-search, .b-options_group-billing .address-search, .b-options_group-initials .address-search {
  margin-bottom: 20px;
}
.b-options_group-shipping .address-search .b-input_clear-icon, .b-options_group-billing .address-search .b-input_clear-icon, .b-options_group-initials .address-search .b-input_clear-icon {
  color: #77767f;
  cursor: pointer;
  inset-inline-end: 44px;
  padding: 10px 0;
  position: absolute;
}
.b-options_group-shipping .address-search .b-input_search-icon, .b-options_group-billing .address-search .b-input_search-icon, .b-options_group-initials .address-search .b-input_search-icon {
  color: #77767f;
  cursor: text;
  inset-inline-end: 16px;
  padding: 10px 0;
  position: absolute;
}
.b-options_group-shipping .b-address_form_wrapper, .b-options_group-billing .b-address_form_wrapper, .b-options_group-initials .b-address_form_wrapper {
  margin-top: 20px;
}
.b-options_group-shipping .loading-icon, .b-options_group-billing .loading-icon, .b-options_group-initials .loading-icon {
  color: #77767f;
  inset-inline-start: 16px;
  padding: 10px 0;
  position: absolute;
}
.b-options_group-shipping .address-message, .b-options_group-billing .address-message, .b-options_group-initials .address-message {
  appearance: none;
  background: #f3f3f6;
  border: 1px solid #d2d1d4;
  color: #898992;
  cursor: default;
  font-size: 14px;
  font-weight: 400;
  height: 48px;
  letter-spacing: 0.07em;
  line-height: 1.36;
  padding: 14px 16px 0;
  transition: box-shadow ease-out;
  vertical-align: baseline;
  width: 100%;
}
.b-options_group-shipping .address-search > .loading-icon:not([hidden]) + .address-message, .b-options_group-billing .address-search > .loading-icon:not([hidden]) + .address-message, .b-options_group-initials .address-search > .loading-icon:not([hidden]) + .address-message {
  padding-left: 44px;
}
.b-options_group-shipping .b-address_search_wrapper,
.b-options_group-shipping .b-address_form_wrapper, .b-options_group-billing .b-address_search_wrapper,
.b-options_group-billing .b-address_form_wrapper, .b-options_group-initials .b-address_search_wrapper,
.b-options_group-initials .b-address_form_wrapper {
  margin-bottom: 32px;
  width: 100%;
}
.b-options_group-shipping .address-manual-toggle, .b-options_group-billing .address-manual-toggle, .b-options_group-initials .address-manual-toggle {
  cursor: pointer;
  text-decoration: underline;
}
.b-options_group-shipping .address-suggestions, .b-options_group-billing .address-suggestions, .b-options_group-initials .address-suggestions {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.b-options_group-shipping .b-address_suggestion_item, .b-options_group-billing .b-address_suggestion_item, .b-options_group-initials .b-address_suggestion_item {
  appearance: none;
  border: 1px solid #a7a7a7;
  color: #282727;
  cursor: pointer;
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 48px;
  letter-spacing: 0.07em;
  line-height: 1.36;
  padding: 19px 16px 0;
  vertical-align: baseline;
  width: 100%;
}
.b-options_group-shipping .b-address_suggestion_item .search-clear, .b-options_group-billing .b-address_suggestion_item .search-clear, .b-options_group-initials .b-address_suggestion_item .search-clear {
  cursor: pointer;
  float: right;
}
.b-options_group-shipping .address-widget .address-input, .b-options_group-billing .address-widget .address-input, .b-options_group-initials .address-widget .address-input {
  margin-bottom: 0;
}
.b-options_group-shipping .address-message:not([hidden]) ~ .b-form_field-caption,
.b-options_group-shipping .address-suggestions:not([hidden]) ~ .b-form_field-caption, .b-options_group-billing .address-message:not([hidden]) ~ .b-form_field-caption,
.b-options_group-billing .address-suggestions:not([hidden]) ~ .b-form_field-caption, .b-options_group-initials .address-message:not([hidden]) ~ .b-form_field-caption,
.b-options_group-initials .address-suggestions:not([hidden]) ~ .b-form_field-caption {
  display: none;
}
.l-account .b-options_group-name, .b-login_register.m-registration .b-options_group-name {
  width: 100%;
}
@media screen and (min-width: 1180px) {
  .l-account .b-options_group-name, .b-login_register.m-registration .b-options_group-name {
    display: flex;
    gap: 20px;
  }
}
.b-options_group-salutation {
  width: 100%;
}
.b-options_group-salutation:has(.b-select) .b-form_field-label.m-salutation {
  display: none;
}

.b-radio_custom {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
  align-items: center;
  appearance: none;
  background: #ffffff;
  border: 0;
  border-radius: 4px;
  box-shadow: inset 0 0 0 1px #a4a4aa;
  color: #282727;
  cursor: pointer;
  display: flex;
  flex: 1 1 0;
  height: 48px;
  justify-content: center;
  padding: 0 16px;
  position: relative;
  text-align: center;
  transition: box-shadow ease-out;
  vertical-align: middle;
}
html[dir=rtl] .b-radio_custom {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-radio_custom, .b-dialog.m-care_essentials-product .b-radio_custom {
  letter-spacing: normal;
}
@media not all and (pointer: coarse) {
  .b-radio_custom:hover {
    box-shadow: inset 0 0 0 1px #282727;
  }
}
.b-radio_custom:active {
  box-shadow: inset 0 0 0 1.6px #001489;
}
.b-radio_custom:focus {
  box-shadow: inset 0 0 0 1.6px #001489;
}
.b-radio_custom.m-disabled, .b-radio_custom:disabled, .b-radio_custom[disabled] {
  background: #f3f3f6;
  box-shadow: inset 0 0 0 1px #d2d1d4;
  color: #898992;
}
.b-radio_custom:has(:checked) {
  box-shadow: inset 0 0 0 2px #282727;
}
.b-form_field.m-invalid .b-radio_custom {
  box-shadow: inset 0 0 0 1px #d01d1b;
}
.b-radio_custom-group fieldset,
.b-radio_custom-group .b-form_field {
  display: flex;
  flex-wrap: wrap;
  gap: 0 12px;
  margin: 0;
}
.b-radio_custom-group .b-form_field-message {
  width: 100%;
}
.b-radio_custom-group fieldset {
  width: 100%;
}
.b-radio_custom-input {
  cursor: pointer;
  height: 24px;
  left: 0;
  opacity: 0;
  position: absolute;
  width: 24px;
  z-index: 4;
  height: 100%;
  width: 100%;
}
html[dir=rtl] .b-radio_custom-input {
  left: initial;
  right: 0;
}
.b-radio_custom-lenght_2 {
  flex: 1 1 calc((100% - 12px) / 2);
}
.b-radio_custom-lenght_3 {
  flex: 1 1 calc((100% - 24px) / 3);
}

.b-showmore.m-text-overflow .b-showmore-content {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
}
html[dir=rtl] .b-showmore.m-text-overflow .b-showmore-content {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-showmore.m-text-overflow .b-showmore-content, .b-dialog.m-care_essentials-product .b-showmore.m-text-overflow .b-showmore-content {
  letter-spacing: normal;
}
.b-showmore.m-text-overflow.m-opened .b-showmore-content {
  display: block;
}

.m-1774 .b-product_gallery-zoom, .m-1774 .b-product_gallery-thumb,
.m-1774 .b-product_gallery .m-current::after {
  border-radius: 0;
}
.m-1774 .b-product_slider-ctrl {
  border-radius: 0;
}
.m-1774 .b-promotion-message {
  border-radius: 0;
  display: none;
}
.m-1774 .b-product_details-netcontent,
.m-1774 .b-availability,
.m-1774 .b-variations_item-empty_value {
  font-family: "DIN Next CYR", "Arial", "Helvetica", sans-serif;
}
.m-1774 .b-product_details-price {
  margin-top: 14px;
}
.m-1774 .b-product_details-bottom_promotions .b-promotion-message {
  border-color: #000;
  color: #000;
}
.m-1774 .b-product_details .b-availability {
  justify-content: center;
}
.m-1774 .b-variation_swatch-value,
.m-1774 .b-variations_item.m-swatchable .b-variation_swatch-value {
  border-radius: 0;
  font-weight: 400;
}
.m-1774 .b-variations_item.m-width .b-variation_swatch-value {
  letter-spacing: 0.07em;
}
.m-active_variation .m-1774 .b-variations_item.m-width, .m-active_variation[dir=rtl] .m-1774 .b-variations_item.m-width {
  /* stylelint-disable no-descending-specificity */
  /* stylelint-enable no-descending-specificity */
}
.m-active_variation .m-1774 .b-variations_item.m-width .b-variation_swatch-value, .m-active_variation .m-1774 .b-variations_item.m-width .b-variation_swatch[aria-checked=false] + .b-variation_swatch[aria-checked=false] .b-variation_swatch-value, .m-active_variation .m-1774 .b-variations_item.m-width .b-variation_swatch:first-child[aria-checked=false] .b-variation_swatch-value, .m-active_variation[dir=rtl] .m-1774 .b-variations_item.m-width .b-variation_swatch-value, .m-active_variation[dir=rtl] .m-1774 .b-variations_item.m-width .b-variation_swatch[aria-checked=false] + .b-variation_swatch[aria-checked=false] .b-variation_swatch-value, .m-active_variation[dir=rtl] .m-1774 .b-variations_item.m-width .b-variation_swatch:first-child[aria-checked=false] .b-variation_swatch-value {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.m-active_variation .m-1774 .b-variations_item.m-width .b-variation_swatch[aria-checked=true] .b-variation_swatch-value,
.m-active_variation .m-1774 .b-variations_item.m-width .b-variation_swatch[aria-checked=true] + .b-variation_swatch[aria-checked=false] .b-variation_swatch-value, .m-active_variation[dir=rtl] .m-1774 .b-variations_item.m-width .b-variation_swatch[aria-checked=true] .b-variation_swatch-value,
.m-active_variation[dir=rtl] .m-1774 .b-variations_item.m-width .b-variation_swatch[aria-checked=true] + .b-variation_swatch[aria-checked=false] .b-variation_swatch-value {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.m-active_variation .m-1774 .b-variations_item.m-size, .m-active_variation[dir=rtl] .m-1774 .b-variations_item.m-size {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.m-1774 .b-button_apple_pay {
  border-radius: 0;
}
.m-1774 .gpay-card-info-container {
  border-radius: 0;
}
.m-1774 .b-width_guide-icon {
  color: #000;
}
.m-1774 .b-button_multi_state {
  border-radius: 0;
}
.m-1774 .b-variations_item-tab_container {
  border-radius: 0;
}
.b-variations_item.m-size .m-1774 .b-variations_item-tab_item, .m-1774 .b-variations_item-tab_item.m-size {
  border-radius: 0;
}
.m-1774 .b-variations_item-label {
  font-family: "DIN Next CYR", "Arial", "Helvetica", sans-serif;
}
.m-1774 .b-variations_item.m-size .b-variations_item-tab_item,
.m-1774 .b-variations_item-tab_item.m-size {
  border-radius: 0;
}
.m-1774 .b-product_notify_me-form .b-input, .m-1774 .b-product_notify_me-newsletter .b-input {
  border-color: #a4a4aa;
  color: #000;
}
.m-1774 .b-product_notify_me-form .b-input.m-valid:not(.m-empty), .m-1774 .b-product_notify_me-newsletter .b-input.m-valid:not(.m-empty) {
  padding-inline-start: 8px;
}
.m-1774 .b-product_notify_me-form .b-checkbox-input:checked + .b-checkbox-icon,
.m-1774 .b-product_notify_me-form .b-checkbox-input:not([disabled]):not(.m-invalid):checked:hover + .b-checkbox-icon, .m-1774 .b-product_notify_me-newsletter .b-checkbox-input:checked + .b-checkbox-icon,
.m-1774 .b-product_notify_me-newsletter .b-checkbox-input:not([disabled]):not(.m-invalid):checked:hover + .b-checkbox-icon {
  border-color: #282727;
}
.m-1774 .b-product_notify_me-form .b-form_set-required, .m-1774 .b-product_notify_me-newsletter .b-form_set-required {
  margin-bottom: 0;
}
.m-1774 .b-product_notify_me-submit {
  border-radius: 0;
}
.m-1774 .b-newsletters-submit {
  border-radius: 0;
}
.m-1774 .b-badges-item {
  border-radius: 0;
  font-family: "DIN Next CYR", "Arial", "Helvetica", sans-serif;
  padding-bottom: 1px;
  padding-top: 2px;
}
@media screen and (min-width: 1180px) {
  .m-1774 .b-drawer.m-width_guide .b-drawer-content {
    padding-left: 32px;
    padding-right: 32px;
  }
}
.m-1774 .b-product_sticky_panel-image {
  border-radius: 0;
}

.b-ingredients_flyin-top {
  display: flex;
  gap: 16px;
}
.b-ingredients_flyin-image {
  max-width: 96px;
  min-width: 96px;
}
.b-ingredients_flyin-title {
  font-weight: 900;
  letter-spacing: 0;
  line-height: 18px;
}
.b-ingredients_flyin-keys, .b-ingredients_flyin-subtitle {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-size: 14px;
  color: #60606a;
  font-weight: 300;
  letter-spacing: 0;
  margin-top: 5px;
}
html[dir=rtl] .b-ingredients_flyin-keys, html[dir=rtl] .b-ingredients_flyin-subtitle {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-ingredients_flyin-keys, .b-dialog.m-care_essentials-product .b-ingredients_flyin-keys, .l-page.m-care_essentials .b-ingredients_flyin-subtitle, .b-dialog.m-care_essentials-product .b-ingredients_flyin-subtitle {
  letter-spacing: normal;
}
.b-ingredients_flyin-keytitle {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0;
  margin-top: 5px;
}
html[dir=rtl] .b-ingredients_flyin-keytitle {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-ingredients_flyin-keytitle, .b-dialog.m-care_essentials-product .b-ingredients_flyin-keytitle {
  letter-spacing: normal;
}
.b-ingredients_flyin-keys {
  font-size: 12px;
  margin-top: 2px;
}
.b-ingredients_flyin-keys p {
  margin-bottom: 0;
}
.b-ingredients_flyin-content {
  border-top: 1px solid #d2d1d4;
  letter-spacing: 0;
  margin-top: 32px;
  padding-top: 24px;
}
.b-ingredients_flyin-ingredients {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0;
  margin-top: 16px;
}
html[dir=rtl] .b-ingredients_flyin-ingredients {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-ingredients_flyin-ingredients, .b-dialog.m-care_essentials-product .b-ingredients_flyin-ingredients {
  letter-spacing: normal;
}

.b-product_all-ingredients {
  position: relative;
  align-items: center;
  border-radius: 4px;
  cursor: pointer;
  display: inline-flex;
  text-decoration: none;
  font-weight: 400;
  letter-spacing: 0.048em;
  margin-top: 16px;
}
.b-product_all-ingredients.m-disabled::after, .b-product_all-ingredients:disabled::after, .b-product_all-ingredients[disabled]::after {
  background: #898992;
}
.b-product_all-ingredients::after {
  background: currentcolor;
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  transition: transform ease-out 150ms;
  width: 100%;
  transform: scaleX(1);
}
.b-product_all-ingredients:hover::after, .b-product_all-ingredients:active::after {
  transform: scaleX(0);
}
.b-product_all-ingredients.m-disabled, .b-product_all-ingredients:disabled, .b-product_all-ingredients[disabled] {
  color: #898992;
  pointer-events: none;
}

.b-dialog.m-quick_view .b-dialog-body {
  display: initial;
}

.b-store_panel-button {
  cursor: pointer;
  display: flex;
  gap: 2px;
}
.b-store_panel-button .b-link {
  letter-spacing: 0.98px;
}
.b-store_panel-button:hover .b-link::after {
  transform: scaleX(0);
}
.b-store_panel-overlay .b-product_line {
  padding-top: 0;
}
.b-store_panel-overlay .b-product_line-title {
  margin-bottom: 4px;
}
.b-store_panel-overlay .b-product_line-attributes {
  margin-bottom: 10px;
}
.b-store_panel-overlay .b-product_line-attribute {
  margin-bottom: 0;
}
.b-store_panel-overlay .b-form_field.m-highlight {
  margin: 0 0 16px;
  padding: 0;
}
.b-store_panel-overlay .b-form_field.m-highlight .b-input {
  background: none;
  border-bottom: 0;
  box-shadow: inset 0 0 0 1px #a4a4aa;
  color: #282727;
  padding-inline-end: 92px;
}
html[dir=rtl] .b-store_panel-overlay .b-form_field.m-highlight .b-input {
  padding-right: 16px;
}
html[dir=rtl] .m-1774 .b-store_panel-overlay .b-form_field.m-highlight .b-input {
  padding-right: 8px;
}
.b-store_panel-overlay .b-button {
  width: 100%;
}
.b-store_panel-overlay .b-accordion {
  box-shadow: none;
}
.b-store_panel-overlay .b-accordion-content_inner {
  padding: 0;
}
.b-store_panel-overlay .b-accordion-item {
  box-shadow: none;
}
.b-store_panel-overlay .b-accordion-button {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
  padding: 0 0 8px;
}
html[dir=rtl] .b-store_panel-overlay .b-accordion-button {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-store_panel-overlay .b-accordion-button, .b-dialog.m-care_essentials-product .b-store_panel-overlay .b-accordion-button {
  letter-spacing: normal;
}
.b-store_panel-overlay .b-accordion-button .b-icon_chevron {
  margin-inline-start: 10px;
  width: 15px;
}
.b-store_panel-product_title {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 12px;
}
html[dir=rtl] .b-store_panel-product_title {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-store_panel-product_title, .b-dialog.m-care_essentials-product .b-store_panel-product_title {
  letter-spacing: normal;
}
.b-store_panel-search_form_heading {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 700;
  font-size: 14px;
  margin: 8px 0 5px;
}
html[dir=rtl] .b-store_panel-search_form_heading {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-store_panel-search_form_heading, .b-dialog.m-care_essentials-product .b-store_panel-search_form_heading {
  letter-spacing: normal;
}
.b-store_panel-subtitle {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
  color: #60606a;
  margin-bottom: 15px;
  word-break: break-word;
}
html[dir=rtl] .b-store_panel-subtitle {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-store_panel-subtitle, .b-dialog.m-care_essentials-product .b-store_panel-subtitle {
  letter-spacing: normal;
}
.b-store_panel-mylocale {
  text-decoration: none;
}
.b-store_panel-mylocale .b-link {
  margin-inline-start: 4px;
}
.b-store_panel-mylocale:hover .b-link::after {
  transform: scaleX(0);
}
.b-store_panel-mylocale_container {
  margin-bottom: 30px;
}
.b-store_panel-input_clear, .b-store_panel-input_find {
  height: 48px;
  inset-inline-end: 0;
  position: absolute;
  text-align: start;
  top: 0;
  width: 40px;
}
.b-store_panel-input_clear {
  inset-inline-end: 50px;
  text-align: center;
}
.b-store_panel-store_container {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
  border-top: 1px solid #d2d1d4;
  padding-bottom: 5px;
  padding-top: 22px;
  position: relative;
}
html[dir=rtl] .b-store_panel-store_container {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-store_panel-store_container, .b-dialog.m-care_essentials-product .b-store_panel-store_container {
  letter-spacing: normal;
}
.b-store_panel-store_container .b-store_panel-row {
  margin-bottom: 14px;
}
.b-store_panel-store_container .b-store_panel-title_container {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.b-store_panel-store_container .b-store_panel-title {
  font-family: var(--care-essentials-font, "DIN Next CYR", "Arial", "Helvetica", sans-serif);
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.03;
}
html[dir=rtl] .b-store_panel-store_container .b-store_panel-title {
  letter-spacing: 0;
}
.b-store_panel-store_container .b-store_panel-distance {
  color: #60606a;
}
.b-store_panel-store_hours {
  display: flex;
  justify-content: space-between;
}
.b-accordion-content_inner .b-store_panel-store_hours ul {
  margin: 0;
  padding: 0;
}
.b-accordion-content_inner .b-store_panel-store_hours li {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
  list-style: none;
}
html[dir=rtl] .b-accordion-content_inner .b-store_panel-store_hours li {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-accordion-content_inner .b-store_panel-store_hours li, .b-dialog.m-care_essentials-product .b-accordion-content_inner .b-store_panel-store_hours li {
  letter-spacing: normal;
}
.b-accordion-content_inner .b-store_panel-store_hours br {
  display: none;
}
.b-store_panel-no_stores_message::before {
  content: url("./images/icons/location-pin.svg");
}
.b-store_panel-error {
  margin-top: -14px;
}

.b-product_wishlist {
  margin-right: 20px;
  position: relative;
}
.b-product_wishlist-action {
  margin-top: 16px;
}
.b-product_wishlist-action.m-success {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  left: 0;
  max-height: 1px;
  max-width: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  top: 0;
}
.b-product_wishlist-action.m-error {
  color: #d01d1b;
  font-weight: 600;
}

body {
  overflow: auto;
  overflow-y: scroll;
  pointer-events: all;
  visibility: var(--page_visibility, hidden);
}

/**
 * Swiper 11.2.8
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: May 23, 2025
 */
@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}

/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none; /* For Firefox */
  -ms-overflow-style: none; /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */
:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 10px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
  display: none !important;
}
.swiper-button-prev svg,
.swiper-button-next svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform-origin: center;
}
.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
  transform: rotate(180deg);
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-lock {
  display: none;
}

/* Navigation font start */
.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "next";
}

/* Navigation font end */
:root {
  /*
  --swiper-scrollbar-border-radius: 10px;
  --swiper-scrollbar-top: auto;
  --swiper-scrollbar-bottom: 4px;
  --swiper-scrollbar-left: auto;
  --swiper-scrollbar-right: 4px;
  --swiper-scrollbar-sides-offset: 1%;
  --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);
  --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);
  --swiper-scrollbar-size: 4px;
  */
}

.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}
.swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}
.swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: var(--swiper-scrollbar-top, auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size, 4px);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-vertical > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-vertical {
  position: absolute;
  left: var(--swiper-scrollbar-left, auto);
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size, 4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

/*# sourceMappingURL=pdp.css.map*/