/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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-bottom {
  margin-top: 20px;
}
.m-quick_view .l-pdp-details .b-product_details-variations.m-bottom:has(.b-variations_item.m-width) {
  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, var(--font-heading, "Birkentype", "Arial", "Helvetica", sans-serif));
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.15;
  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;
  }
}
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: #282727;
  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, var(--font-body, "Geist", "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;
}
.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) {
  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-page.m-care_essentials .l-pdp .b-button_multi_state.m-like-disabled:not(.m-processing) {
  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, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.15;
  display: block;
  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;
  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-combined-sizes_horizontal .m-flex {
  width: -moz-fit-content;
  width: fit-content;
}
.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.m-disabled .b-variation_swatch-name {
  color: #494954;
}
.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-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;
  min-width: -moz-fit-content;
  min-width: fit-content;
  overflow: hidden;
  padding: 0 4px;
  position: relative;
  width: 100%;
}
.m-combined-sizes_vertical .b-variation_swatch-value {
  flex-direction: column;
}
.m-combined-sizes_horizontal .b-variation_swatch-value {
  padding: 0 2px;
}
.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%;
  }
}
.l-pdp.m-quick_view .b-variations_item.m-swatchable .b-variation_swatch-value {
  max-width: none;
  padding-bottom: 100%;
  width: auto;
}
.l-pdp .b-variations_item.m-swatchable .m-image-swatch .b-variation_swatch-value {
  height: 48px;
  padding-bottom: 0;
  width: 48px;
}
.b-variation_swatch.m-attribute_color.m-disabled .b-variation_swatch-value {
  box-shadow: 0 0 0 1px #898992;
}
.m-color_unavailable .b-variation_swatch.m-attribute_color.m-disabled .b-variation_swatch-value {
  box-shadow: 0 0 0 1px #f3f1ef;
}
@media not all and (pointer: coarse) {
  .m-color_unavailable .b-variation_swatch.m-attribute_color.m-disabled .b-variation_swatch-value:hover {
    box-shadow: 0 0 0 1.6px #282727;
  }
}
.b-variation_swatch.m-attribute_color.m-disabled[aria-checked=true] .b-variation_swatch-value {
  box-shadow: 0 0 0 1px #282727;
}
.m-color_unavailable .b-variation_swatch.m-attribute_color.m-disabled[aria-checked=true] .b-variation_swatch-value {
  box-shadow: 0 0 0 1.6px #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);
}
.m-color_unavailable .b-variation_swatch.m-attribute_color.m-disabled .b-variation_swatch-value::after {
  border-top: 1px solid #d2d1d4;
  color: #d2d1d4;
  content: "";
  height: 68px;
  left: -97px;
  position: absolute;
  right: 0;
  top: 0;
  transform: rotate(135deg);
}
.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: 2px;
}
.m-combined-sizes_horizontal .b-variation_swatch-value_inner {
  display: inline-flex;
  flex-wrap: nowrap;
  white-space: nowrap;
}
.m-combined-sizes_vertical .b-variation_swatch-value_inner {
  min-width: max-content;
}
.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.2em;
}
.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;
}
.m-color_unavailable .b-variation_swatch.m-attribute_color.m-disabled .b-variation_swatch-value_overlay {
  background-color: #f3f1ef;
  border-radius: 4px;
  box-shadow: none;
  display: block;
  opacity: 0.7;
}
.b-variation_swatch-color_value {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  height: 100%;
  width: 100%;
}
.m-image-swatch .b-variation_swatch-color_value {
  background-size: cover;
}
.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;
}
.l-pdp .b-variations_item.m-swatchable .m-image-swatch .b-variation_swatch {
  min-width: 48px;
  width: 48px !important;
}
@media screen and (max-width: 767.9px) {
  .l-pdp:not(.m-quick_view) .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) {
  .l-pdp:not(.m-quick_view) .b-variations_item.m-swatchable .b-variation_swatch {
    width: auto;
  }
}
@media screen and (max-width: 767.9px) {
  .l-pdp:not(.m-quick_view) .b-variations_item.m-swatchable .m-image-swatch .b-variation_swatch {
    margin: 0 2px 0 0 !important;
    min-width: initial;
  }
}
.l-pdp.m-quick_view .b-variations_item.m-swatchable.m-color .b-variation_swatch {
  margin: 0;
  width: 23%;
}
@media screen and (min-width: 1440px) {
  .l-pdp.m-quick_view .b-variations_item.m-swatchable.m-color .b-variation_swatch {
    width: 18.4%;
  }
}
@media screen and (min-width: 1920px) {
  .l-pdp.m-quick_view .b-variations_item.m-swatchable.m-color .b-variation_swatch {
    width: 15.3%;
  }
}
.b-variation_swatch-badges {
  color: #282727;
  display: none;
  font-size: 10px;
}
.b-variation_swatch-badges.m-visible {
  display: block;
  text-transform: uppercase;
}

/*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, var(--font-heading, "Birkentype", "Arial", "Helvetica", sans-serif));
  font-size: 48px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.1;
  margin: 0 0 20px;
}
@media screen and (max-width: 1179.9px) {
  .b-promo_caption-title {
    font-size: 40px;
  }
}
html[dir=rtl] .b-promo_caption-title {
  letter-spacing: 0;
}
.b-promo_caption-subtitle {
  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, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.36;
}
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;
  }
}
@media screen and (min-width: 1440px) {
  .b-newsletter_flyin_auto .b-drawer .b-drawer-container {
    max-width: 480px;
  }
}
@media screen and (min-width: 1920px) {
  .b-newsletter_flyin_auto .b-drawer .b-drawer-container {
    max-width: 580px;
  }
}
.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, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.36;
  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, var(--font-heading, "Birkentype", "Arial", "Helvetica", sans-serif));
  font-size: 28px;
  letter-spacing: 0;
  line-height: 1.15;
  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;
  }
}
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, var(--font-body, "Geist", "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, var(--font-body, "Geist", "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, var(--font-heading, "Birkentype", "Arial", "Helvetica", sans-serif));
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.15;
  margin-bottom: 22px;
}
@media screen and (max-width: 1179.9px) {
  .b-newsletter_flyin .b-newsletters-signup_title {
    font-size: 24px;
  }
}
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 h2 {
  font-family: var(--care-essentials-font, var(--font-heading, "Birkentype", "Arial", "Helvetica", sans-serif));
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.15;
}
@media screen and (max-width: 1179.9px) {
  .b-newsletter_flyin .b-newsletters-signup_top h2 {
    font-size: 24px;
  }
}
html[dir=rtl] .b-newsletter_flyin .b-newsletters-signup_top h2 {
  letter-spacing: 0;
}
.b-newsletter_flyin .b-newsletters-signup_top p {
  font-family: var(--care-essentials-font, var(--font-body, "Geist", "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, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  font-weight: 400;
  line-height: 1.36;
  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;
    inset-inline-start: 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;
  }
}

@media screen and (max-width: 1179.9px) {
  .b-product_gallery.m-elevation .b-product_image {
    display: block;
    overflow: hidden;
    padding-bottom: 100%;
    position: relative;
    width: 100%;
  }
  .b-product_gallery.m-elevation .b-product_slider-item {
    overflow: hidden;
    position: relative;
  }
  .b-product_gallery.m-elevation .b-product_slider-ctrls {
    bottom: 20px;
  }
}
@media screen and (min-width: 768px) {
  .b-product_gallery.m-elevation .b-product_gallery-caption {
    display: none;
  }
}
@media screen and (max-width: 1179.9px) {
  .b-product_gallery.m-elevation .b-product_slider-item .b-product_gallery-caption {
    bottom: 16px;
    font-family: var(--care-essentials-font, var(--font-heading, "Birkentype", "Arial", "Helvetica", sans-serif));
    font-size: 13px;
    font-weight: 400;
    inset-inline: 16px;
    line-height: 1.3;
    pointer-events: none;
    position: absolute;
    text-align: start;
    top: auto;
    z-index: 2;
  }
  .b-product_gallery.m-elevation .b-product_wanna-button ~ .b-product_slider .b-product_slider-item .b-product_gallery-caption:not(.m-hero):not(.m-white) {
    bottom: 70px;
  }
  .b-product_gallery.m-elevation .b-product_wanna-button ~ .b-product_slider .b-product_slider-item .b-product_gallery-caption.m-white:not(.m-hero) {
    padding-bottom: 75px;
  }
}
.b-product_gallery-caption.m-blue, .b-product_gallery-caption.m-default {
  color: #001489;
}
.b-product_gallery-caption.m-white {
  color: #ffffff;
}
@media screen and (max-width: 1179.9px) {
  .b-product_gallery.m-elevation .b-product_slider-item .b-product_gallery-caption.m-white:not(.m-hero) {
    align-items: flex-end;
    display: flex;
    inset: 0;
    isolation: isolate;
    padding: 0 16px 16px;
  }
  .b-product_gallery.m-elevation .b-product_slider-item .b-product_gallery-caption.m-white:not(.m-hero)::after {
    background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.6));
    bottom: 0;
    content: "";
    height: 124px;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    z-index: 0;
  }
  .b-product_gallery.m-elevation .b-product_slider-item .b-product_gallery-caption.m-hero {
    bottom: auto;
    font-family: var(--care-essentials-font, var(--font-heading, "Birkentype", "Arial", "Helvetica", sans-serif));
    font-size: 46px;
    font-style: normal;
    font-weight: 700;
    inset-inline: 65px;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    top: 50px;
  }
}
.b-product_gallery-caption_text {
  overflow-wrap: break-word;
}
.b-product_gallery.m-elevation .b-product_slider-item .b-product_gallery-caption:not(.m-hero) .b-product_gallery-caption_text {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 1179.9px) {
  .b-product_gallery.m-elevation .b-product_slider-item .b-product_gallery-caption:not(.m-hero) .b-product_gallery-caption_text {
    position: relative;
    width: calc(100% - 86px);
    z-index: 1;
  }
}

.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, var(--font-body, "Geist", "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, var(--font-heading, "Birkentype", "Arial", "Helvetica", sans-serif));
  font-size: 40px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.15;
  padding: 8px 0 6px;
}
@media screen and (max-width: 1179.9px) {
  .b-product_details-name {
    font-size: 32px;
  }
}
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, var(--font-body, "Geist", "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, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.36;
}
.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-recommendation {
  font-family: var(--care-essentials-font, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-size: 14px;
  color: #000;
  font-family: "Inter", sans-serif;
  font-weight: 500;
}
html[dir=rtl] .b-product_details-recommendation {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-product_details-recommendation, .b-dialog.m-care_essentials-product .b-product_details-recommendation {
  letter-spacing: normal;
}
.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, var(--font-body, "Geist", "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, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.36;
  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;
}
.b-product_details-options:has(.b-variations-section:only-child > .b-personalization[hidden]) {
  display: none;
}
@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 0;
}
.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-form .m-find_similar {
  margin-top: 10px;
  width: 100%;
}
.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, var(--font-body, "Geist", "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, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.36;
}
.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;
  letter-spacing: 0.07em;
}
.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, var(--font-body, "Geist", "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, var(--font-body, "Geist", "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-availability_wrapper {
  margin-bottom: 20px;
}
.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_features {
  height: 550px;
  position: relative;
  word-break: normal;
}
.b-product_features-panel {
  display: none;
  height: 100%;
  position: relative;
}
.b-product_features-panel.m-active {
  display: block;
}
.b-product_features-content {
  height: 100%;
}
.b-product_features-title {
  left: 50%;
  min-width: 300px;
  position: absolute;
  top: 20px;
  transform: translateX(-50%);
  z-index: 2;
}
.b-product_features-heading {
  color: #001489;
  font-family: var(--care-essentials-font, var(--font-heading, "Birkentype", "Arial", "Helvetica", sans-serif));
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 8px;
  text-align: center;
  text-transform: uppercase;
}
.b-product_features-subheading {
  color: #001489;
  font-size: 12px;
  font-weight: 500;
  opacity: 0.5;
  text-align: center;
}
.b-product_features-tabs {
  background: #ffffff;
  border-radius: 3px;
  bottom: 20px;
  display: flex;
  height: 40px;
  left: 50%;
  padding: 2px;
  position: absolute;
  transform: translateX(-50%);
  transition: opacity 0.35s ease, visibility 0s;
  width: 217px;
  z-index: 1;
}
.b-product_features-tabs.m-hidden {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.35s ease, visibility 0s linear 0.35s;
  visibility: hidden;
}
.b-product_features-button {
  align-items: center;
  background: #ffffff;
  border-radius: 3px;
  color: #001489;
  display: flex;
  flex: 1 1 50%;
  font-size: 14px;
  font-weight: 700;
  height: 36px;
  justify-content: center;
}
.b-product_features-button.m-active {
  background: #001489;
  color: #ffffff;
}
.b-product_features-media {
  height: 100%;
  overflow: hidden;
  position: relative;
}
.b-product_features-scene {
  height: 100%;
  position: relative;
  transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
}
.b-product_features-image {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.b-product_features-hotspots {
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 2;
}
.b-product_features-hotspot_plus, .b-product_features-hotspot_close {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: opacity 0.2s ease;
}
.b-product_features-hotspot_plus {
  opacity: 1;
}
.b-product_features-hotspot_close {
  opacity: 0;
}
.b-product_features-hotspot {
  align-items: center;
  backdrop-filter: blur(5px);
  background: rgba(40, 39, 39, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 50%;
  color: #ffffff;
  display: flex;
  font-size: 24px;
  font-weight: 400;
  height: 34px;
  justify-content: center;
  padding: 0;
  pointer-events: auto;
  position: absolute;
  transform: translate(-50%, -50%);
  transition: left 0.55s cubic-bezier(0.22, 1, 0.36, 1), top 0.55s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.25s ease;
  width: 34px;
}
.b-product_features-hotspot:nth-child(1) {
  left: 12%;
  top: 70%;
}
.b-product_features-hotspot:nth-child(2) {
  left: 45%;
  top: 55%;
}
.b-product_features-hotspot:nth-child(3) {
  left: 88%;
  top: 60%;
}
.b-product_features-hotspot.m-hidden {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}
.b-product_features-hotspot.m-active {
  left: 86%;
  top: 62%;
}
.b-product_features-hotspot.m-active .b-product_features-hotspot_plus {
  opacity: 0;
}
.b-product_features-hotspot.m-active .b-product_features-hotspot_close {
  opacity: 1;
}
.b-product_features-slide_navigation {
  display: none;
  gap: 8px;
  position: absolute;
  right: 16px;
  top: 10px;
  z-index: 2;
}
.b-product_features-details {
  bottom: 20px;
  left: 50%;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transform: translateX(-50%);
  transition: opacity 0.35s ease, visibility 0s linear 0.35s;
  visibility: hidden;
  width: 320px;
  z-index: 3;
}
.b-product_features-details.m-active {
  opacity: 1;
  pointer-events: auto;
  transition: opacity 0.35s ease, visibility 0s;
  visibility: visible;
}
.b-product_features-details.m-active .b-product_features-slide_navigation {
  display: flex;
}
.b-product_features-slides {
  position: relative;
}
.b-product_features .b-video_teaser-overlay .b-disallowed_cookie {
  height: 550px;
}

.b-product_features-slide {
  display: none;
}
.b-product_features-slide.m-active {
  display: block;
}
.b-product_features-slide_inner {
  background: #f3f0eb;
  border-radius: 6px;
  color: #001489;
  padding: 10px;
  position: relative;
}
.b-product_features-slide_title {
  font-size: 16px;
  line-height: 1.2;
}
.b-product_features-slide_content {
  display: flex;
  gap: 16px;
  margin-top: 10px;
}
.b-product_features-slide_media {
  height: 68px;
  overflow: hidden;
  width: 57px;
}
.b-product_features-slide_image {
  border-radius: 3px;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.b-product_features-slide_description {
  flex: 1;
  font-size: 14px;
  line-height: 1.3;
}
.b-product_features-slide_button {
  align-items: center;
  backdrop-filter: blur(24.2px);
  background: rgba(40, 39, 39, 0.04);
  border-radius: 2px;
  color: #001489;
  display: flex;
  height: 20px;
  justify-content: center;
  width: 25px;
}
.b-product_features-slide_button svg {
  height: 15px;
  width: 15px;
}

.b-product_production-heading {
  color: #ffffff;
  font-family: var(--care-essentials-font);
  font-size: 20px;
  left: 50%;
  min-width: 300px;
  position: absolute;
  text-align: center;
  top: 20px;
  transform: translateX(-50%);
  z-index: 2;
}
.b-product_production-subheading {
  bottom: 80px;
  color: #ffffff;
  left: 50%;
  min-width: 80%;
  position: absolute;
  text-align: center;
  transform: translateX(-50%);
  z-index: 2;
}
.b-product_production-media {
  height: 550px;
  overflow: hidden;
  position: relative;
}
.b-product_production-video {
  left: 50%;
  min-width: 440px;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
}

.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, var(--font-heading, "Birkentype", "Arial", "Helvetica", sans-serif));
  font-size: 40px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.15;
  margin-bottom: 16px;
}
@media screen and (max-width: 1179.9px) {
  .b-product_attributes-name {
    font-size: 32px;
  }
}
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, var(--font-heading, "Birkentype", "Arial", "Helvetica", sans-serif));
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.15;
  display: block;
  margin-bottom: 8px;
}
@media screen and (max-width: 1179.9px) {
  .b-product_option-name {
    font-size: 24px;
  }
}
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;
}
.b-product_option-item_custom_text {
  margin-top: 16px;
}
.b-product_option .b-form_field {
  margin-bottom: 0;
}

.b-personalization {
  margin-bottom: 16px;
}
.b-personalization-container {
  background: linear-gradient(#ffffff, #ffffff) padding-box, linear-gradient(90deg, #001489, #00a7e1) border-box;
  border: 1.5px solid transparent;
  border-radius: 4px;
  padding: 12px 16px;
}
.b-personalization-container.m-saved {
  padding: 16px;
}
.b-personalization-message {
  margin-bottom: 16px;
  text-align: start;
}
.b-personalization-row {
  align-items: center;
  display: flex;
  gap: 8px;
  width: 100%;
}
.b-personalization-icon {
  display: inline-flex;
  flex-shrink: 0;
}
.b-personalization-icon svg {
  height: 20px;
  width: 20px;
}
.b-personalization-title {
  font-family: var(--care-essentials-font, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-size: 14px;
  flex-grow: 1;
  font-weight: 600;
}
html[dir=rtl] .b-personalization-title {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-personalization-title, .b-dialog.m-care_essentials-product .b-personalization-title {
  letter-spacing: normal;
}
.b-personalization-price {
  font-family: var(--care-essentials-font, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-size: 14px;
  color: #494954;
  font-weight: 400;
}
html[dir=rtl] .b-personalization-price {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-personalization-price, .b-dialog.m-care_essentials-product .b-personalization-price {
  letter-spacing: normal;
}
.b-personalization-price.m-saved {
  font-family: var(--care-essentials-font, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-size: 14px;
  color: #282727;
  font-weight: 600;
}
html[dir=rtl] .b-personalization-price.m-saved {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-personalization-price.m-saved, .b-dialog.m-care_essentials-product .b-personalization-price.m-saved {
  letter-spacing: normal;
}
.b-personalization-add, .b-personalization-remove {
  flex-shrink: 0;
  margin-inline-start: auto;
}
.b-personalization-add.b-button.m-link {
  color: #001489;
  font-weight: 700;
}
.b-personalization-remove {
  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;
}
@media screen and (max-width: 1179.9px) {
  .b-personalization-remove {
    min-height: 44px;
    min-width: 24px;
  }
}
.b-personalization-remove:hover {
  color: #001489;
}
.m-care_essentials .b-personalization-remove:hover, .m-1774 .b-personalization-remove:hover {
  color: inherit;
}
.b-personalization-text {
  font-family: var(--care-essentials-font, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
  margin: 4px 0 16px;
  padding-inline-start: 28px;
}
html[dir=rtl] .b-personalization-text {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-personalization-text, .b-dialog.m-care_essentials-product .b-personalization-text {
  letter-spacing: normal;
}

.b-personalization.m-cart {
  margin-top: 8px;
}
.b-personalization.m-cart .b-personalization-container {
  margin-top: 8px;
  padding: 8px;
}
.b-personalization.m-cart .b-personalization-title {
  min-width: 0;
  overflow-wrap: anywhere;
}
.b-personalization.m-cart .b-personalization-price {
  color: #282727;
  font-weight: 600;
  white-space: nowrap;
}
.b-personalization.m-cart .b-personalization-remove {
  appearance: none;
  background: transparent;
  border: none;
  color: inherit;
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  min-width: 40px;
  text-align: center;
  text-decoration: none;
  align-items: center;
  display: inline-flex;
  height: 24px;
  justify-content: center;
  width: 24px;
}
@media screen and (max-width: 1179.9px) {
  .b-personalization.m-cart .b-personalization-remove {
    min-height: 44px;
    min-width: 24px;
  }
}
.b-personalization.m-cart .b-personalization-remove:hover {
  color: #001489;
}
.m-care_essentials .b-personalization.m-cart .b-personalization-remove:hover, .m-1774 .b-personalization.m-cart .b-personalization-remove:hover {
  color: inherit;
}
.b-personalization.m-cart .b-personalization-text {
  margin: 4px 0 8px;
  overflow-wrap: anywhere;
  padding-inline-start: 0;
}
.b-personalization.m-cart .b-personalization-edit {
  font-family: var(--care-essentials-font, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
  background: none;
  border: 0;
  color: #494954;
  cursor: pointer;
  padding: 0;
  text-decoration: underline;
  text-underline-offset: 3px;
}
html[dir=rtl] .b-personalization.m-cart .b-personalization-edit {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-personalization.m-cart .b-personalization-edit, .b-dialog.m-care_essentials-product .b-personalization.m-cart .b-personalization-edit {
  letter-spacing: normal;
}

.b-dialog.m-personalization.m-drawer .b-dialog-window {
  overflow-y: auto;
  overscroll-behavior: contain;
}
@media screen and (max-width: 767.9px) {
  .b-dialog.m-personalization.m-drawer .b-dialog-window {
    max-height: 100vh;
    max-height: 100dvh;
  }
}
.b-dialog.m-personalization .b-dialog-header {
  align-items: flex-start;
}
.b-dialog.m-personalization .b-dialog-footer.m-actions {
  display: flex;
  flex-direction: row;
  gap: 8px;
}
.b-dialog.m-personalization .b-dialog-footer.m-actions .b-button {
  flex: 1 1 0;
  margin: 0;
}

.b-personalization_drawer-images {
  margin: 0 -16px 16px;
}
@media screen and (min-width: 768px) {
  .b-personalization_drawer-images {
    margin: 0;
    padding-bottom: 24px;
  }
}
.b-personalization_drawer-images:empty {
  display: none;
}
.b-personalization_drawer-image {
  background-color: #f3f1ef;
  display: block;
}
.b-personalization_drawer-image_img {
  display: block;
  height: auto;
  width: 100%;
}
.b-personalization_drawer-carousel {
  overflow: hidden;
  position: relative;
}
.b-personalization_drawer-carousel_ctrls {
  bottom: 16px;
  display: flex;
  gap: 8px;
  inset-inline-end: 16px;
  position: absolute;
  z-index: 1;
}
.b-personalization_drawer-carousel_ctrl {
  align-items: center;
  appearance: none;
  background-color: #ffffff;
  border: none;
  border-radius: 4px;
  color: #282727;
  cursor: pointer;
  display: inline-flex;
  height: 32px;
  justify-content: center;
  width: 32px;
}
.b-personalization_drawer-carousel_ctrl:hover {
  color: #001489;
}
.b-personalization_drawer-carousel_ctrl.swiper-button-disabled {
  color: #a4a4aa;
  cursor: default;
}
.b-personalization_drawer-carousel_ctrl.m-next svg {
  transform: rotate(180deg);
}
.b-personalization_drawer-scrollbar {
  background-color: #d2d1d4;
  height: 4px;
  position: relative;
  width: 100%;
}
.b-personalization_drawer-scrollbar .swiper-scrollbar-drag {
  background-color: #282727;
  border-radius: 0;
  height: 100%;
}
.b-personalization_drawer-subtitle {
  font-family: var(--care-essentials-font, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
  margin-top: 16px;
}
html[dir=rtl] .b-personalization_drawer-subtitle {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-personalization_drawer-subtitle, .b-dialog.m-care_essentials-product .b-personalization_drawer-subtitle {
  letter-spacing: normal;
}
.b-personalization_drawer-content {
  font-family: var(--care-essentials-font, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.98px;
  margin-bottom: 24px;
}
html[dir=rtl] .b-personalization_drawer-content {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-personalization_drawer-content, .b-dialog.m-care_essentials-product .b-personalization_drawer-content {
  letter-spacing: normal;
}
.b-personalization_drawer-form {
  border-top: 1px solid #f3f3f6;
  padding-top: 24px;
}
.b-personalization_drawer-title {
  font-family: var(--care-essentials-font, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.15;
  margin-bottom: 8px;
}
html[dir=rtl] .b-personalization_drawer-title {
  letter-spacing: 0;
}
.b-personalization_drawer-helper {
  font-family: var(--care-essentials-font, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
  color: #494954;
  margin-bottom: 12px;
}
html[dir=rtl] .b-personalization_drawer-helper {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-personalization_drawer-helper, .b-dialog.m-care_essentials-product .b-personalization_drawer-helper {
  letter-spacing: normal;
}
.b-personalization_drawer-field {
  margin-bottom: 16px;
}
.b-personalization_drawer-field .b-form_field {
  margin-bottom: 0;
}
.b-personalization_drawer-field .b-form_field-bottom {
  align-items: flex-start;
  display: flex;
  gap: 8px;
}
.b-personalization_drawer-field .b-form_field-message {
  flex-grow: 1;
}
.b-personalization_drawer-counter {
  font-family: var(--care-essentials-font, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 12px;
  flex-shrink: 0;
  margin-inline-start: auto;
}
html[dir=rtl] .b-personalization_drawer-counter {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-personalization_drawer-counter, .b-dialog.m-care_essentials-product .b-personalization_drawer-counter {
  letter-spacing: normal;
}
.b-personalization_drawer-note {
  font-family: var(--care-essentials-font, var(--font-body, "Geist", "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-personalization_drawer-note {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-personalization_drawer-note, .b-dialog.m-care_essentials-product .b-personalization_drawer-note {
  letter-spacing: normal;
}
.b-personalization_drawer-terms {
  margin-bottom: 24px;
}
.b-personalization_drawer-terms.m-invalid .b-checkbox-input + svg {
  color: #d01d1b;
}
.b-personalization_drawer-terms_error {
  margin-top: 16px;
}

@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, var(--font-heading, "Birkentype", "Arial", "Helvetica", sans-serif));
  font-size: 40px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.15;
  margin-bottom: 32px;
}
@media screen and (max-width: 1179.9px) {
  .b-product_set-header {
    font-size: 32px;
  }
}
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, var(--font-heading, "Birkentype", "Arial", "Helvetica", sans-serif));
  font-size: 72px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.1;
  margin-bottom: 16px;
}
@media screen and (max-width: 1179.9px) {
  .b-product_set-title {
    font-size: 48px;
  }
}
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, var(--font-heading, "Birkentype", "Arial", "Helvetica", sans-serif));
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.15;
  margin-bottom: 24px;
}
@media screen and (max-width: 1179.9px) {
  .b-product_bundle-title {
    font-size: 24px;
  }
}
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 20px;
}
.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, var(--font-body, "Geist", "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, var(--font-body, "Geist", "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_actions .b-paypal_button {
  margin-top: 20px;
}
.b-product_actions .b-paypal_button iframe {
  z-index: 0 !important;
}

.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-family: var(--care-essentials-font, var(--font-heading, "Birkentype", "Arial", "Helvetica", sans-serif));
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.2;
  margin-bottom: 8px;
}
@media screen and (max-width: 1179.9px) {
  .b-product_notify_me-title {
    font-size: 24px;
  }
}
html[dir=rtl] .b-product_notify_me-title {
  letter-spacing: 0;
}
.b-product_notify_me-description {
  font-family: var(--care-essentials-font, var(--font-body, "Geist", "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, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.36;
}
.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, var(--font-body, "Geist", "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, var(--font-body, "Geist", "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, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.15;
  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;
}
.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, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.15;
  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, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  font-weight: 400;
  line-height: 1.36;
  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-pdp_user_content .b-eco_score {
  margin-bottom: 30px;
}
.b-pdp_user_content .b-eco_score-pdf {
  display: block;
  height: 77px;
  width: 154px;
}

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

.yotpo-summary-section .b-yotpo_recommendation {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 10px;
  text-align: center;
}
@media screen and (max-width: 767.9px) {
  .yotpo-summary-section .b-yotpo_recommendation {
    border-top: 1px solid #ebebea;
    margin-top: 15px;
    padding-top: 15px;
  }
}
.yotpo-summary-section .b-yotpo_recommendation-value {
  color: #000;
  font-size: 36px;
  line-height: 1.1;
}
.yotpo-summary-section .b-yotpo_recommendation-label {
  color: #333;
  font-size: 12px;
  font-weight: 400;
}

.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, var(--font-body, "Geist", "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;
}

.b-product_usp {
  margin-top: 20px;
}
.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-bottom: 20px;
  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, var(--font-body, "Geist", "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, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.36;
  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, var(--font-body, "Geist", "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, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.15;
  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, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.15;
}
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, var(--font-body, "Geist", "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, var(--font-body, "Geist", "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, var(--font-body, "Geist", "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_delivery_option.m-availability_only .b-product_delivery_option-description {
  margin: 0;
}

.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, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  font-weight: 400;
  line-height: 1.36;
  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;
  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, var(--font-body, "Geist", "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;
}
.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, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 600;
  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, var(--font-body, "Geist", "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: wrap;
}
.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), max-content));
}
@media screen and (max-width: 767.9px) {
  .b-variations_item.m-size .m-combined-sizes_horizontal .b-variations_item-content.m-list {
    grid-template-columns: repeat(auto-fit, minmax(129px, min-content));
  }
}
.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;
}
.l-pdp.m-quick_view .b-product_details-variations.m-top .b-variations_item.m-color .b-variations_item-content {
  gap: 8px;
}
.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;
}
.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;
  letter-spacing: 0.07em;
}
.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-drawer:not(.m-cart_overlay) .b-variations_item.m-width .m-size.m-combined-sizes_horizontal {
  width: -moz-fit-content;
  width: fit-content;
}
.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, var(--font-body, "Geist", "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;
  }
}
.l-pdp.m-quick_view .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-product_tile_swatches-swatch.m-image-small {
  height: 52px;
  min-width: 52px;
}
.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%;
  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, .b-carousel_swiper .b-carousel_swiper-control.m-next {
  margin: 0;
}
.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, var(--font-heading, "Birkentype", "Arial", "Helvetica", sans-serif));
  font-size: 40px;
  letter-spacing: 0;
  line-height: 1.15;
  color: #000;
  font-weight: 400;
  margin-bottom: 24px;
  text-align: center;
  text-transform: capitalize;
  word-break: normal;
}
@media screen and (max-width: 1179.9px) {
  .b-footbed .heading-1 {
    font-size: 32px;
  }
}
html[dir=rtl] .b-footbed .heading-1 {
  letter-spacing: 0;
}
@media screen and (min-width: 1180px) {
  .b-footbed .heading-1 {
    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, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.15;
  color: #000;
  font-size: 15px;
  margin-top: 20px;
  text-transform: capitalize;
  word-break: break-word;
}
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, var(--font-body, "Geist", "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, var(--font-body, "Geist", "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, var(--font-body, "Geist", "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, var(--font-body, "Geist", "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, var(--font-body, "Geist", "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-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.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;
  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, var(--font-body, "Geist", "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, var(--font-body, "Geist", "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, var(--font-body, "Geist", "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, var(--font-body, "Geist", "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, var(--font-body, "Geist", "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, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 600;
  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, var(--font-body, "Geist", "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, var(--font-body, "Geist", "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, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.15;
}
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, var(--font-body, "Geist", "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*/