/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/checkout.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*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-checkout {
  padding: 80px 0;
}
@media screen and (min-width: 768px) and (max-width: 1179.9px) {
  .l-checkout {
    padding: 64px 0;
  }
}
@media screen and (max-width: 767.9px) {
  .l-checkout {
    padding: 40px 0;
  }
  .l-checkout:not(.b-checkout_login) {
    padding: 24px 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1179.9px) {
  .l-checkout:not(.b-checkout_login) {
    padding: 48px 0;
  }
}
.l-checkout.m-multi_page {
  padding-top: 1px;
}
@media screen and (min-width: 768px) {
  .l-checkout.m-multi_page {
    padding-top: 0;
  }
}
.l-checkout-title {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  left: 0;
  max-height: 1px;
  max-width: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  top: 0;
}
.l-checkout-inner {
  margin: 0 auto;
  max-width: 1920px;
  padding-left: 40px;
  padding-right: 40px;
}
@media screen and (min-width: 1180px) and (max-width: 1439.9px) {
  .l-checkout-inner {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1179.9px) {
  .l-checkout-inner {
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media screen and (max-width: 767.9px) {
  .l-checkout-inner {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.l-checkout-content {
  justify-content: center;
}
@media screen and (min-width: 1180px) {
  .l-checkout-content {
    display: flex;
    flex-wrap: wrap;
  }
  .l-checkout-messages {
    max-width: 1130px;
    width: 91.6666666667%;
  }
  .l-checkout-messages:has(.b-message:not(:empty)) {
    margin: 16px 0;
  }
}
@media screen and (min-width: 1440px) {
  .l-checkout-messages {
    width: 83.3333333333%;
  }
}
@media screen and (max-width: 1179.9px) {
  .l-checkout-messages .b-message:not(:empty) {
    margin-bottom: 20px;
  }
}
.l-checkout-head_bopis {
  background-color: #f3f3f6;
  font-weight: bold;
  padding: 7px 0 7px 10px;
  text-align: start;
}
.l-checkout-head_bopis .icon-bopis {
  margin-right: 3px;
  vertical-align: bottom;
}
@media screen and (min-width: 1180px) {
  .l-checkout-main {
    max-width: 730px;
    padding-inline-end: 60px;
    width: 58.3333333333%;
  }
}
.l-cart.m-empty .l-checkout-main {
  min-width: 100%;
}
.l-checkout-steps_controls {
  margin-top: 16px;
}
@media screen and (min-width: 1180px) {
  .l-checkout-aside {
    max-width: 400px;
    width: 33.3333333333%;
  }
}
@media screen and (max-width: 1179.9px) {
  .l-checkout-aside {
    margin-bottom: 32px;
  }
}
@media screen and (min-width: 1180px) {
  .l-checkout-aside.m-hide_lg-up {
    display: none;
  }
}
@media screen and (max-width: 1179.9px) {
  .l-checkout-aside.m-hide_md-down {
    display: none;
  }
}

.l-order_confirmation {
  margin: 0 auto;
  max-width: 1920px;
  padding-left: 40px;
  padding-right: 40px;
}
@media screen and (min-width: 1180px) and (max-width: 1439.9px) {
  .l-order_confirmation {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1179.9px) {
  .l-order_confirmation {
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media screen and (max-width: 767.9px) {
  .l-order_confirmation {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1180px) {
  .l-order_confirmation {
    padding-bottom: 80px;
    padding-top: 80px;
  }
  .l-order_confirmation.m-registered {
    max-width: 980px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1179.9px) {
  .l-order_confirmation {
    padding-bottom: 64px;
    padding-top: 40px;
  }
}
@media screen and (max-width: 767.9px) {
  .l-order_confirmation {
    padding-bottom: 48px;
    padding-top: 40px;
  }
}
@media screen and (min-width: 1440px) {
  .l-order_confirmation.m-guest .l-order_confirmation-inner {
    column-gap: 60px;
    display: grid;
    grid-template-areas: "top   login" "main  login" "aside  login";
    grid-template-columns: auto 440px;
  }
}
.l-order_confirmation-main {
  margin-bottom: 24px;
}
@media screen and (min-width: 1440px) {
  .l-order_confirmation-main {
    grid-area: main;
  }
}
.l-order_confirmation-banner {
  margin-bottom: 40px;
}
@media screen and (min-width: 768px) {
  .l-order_confirmation-banner {
    grid-area: banner;
  }
}
@media screen and (min-width: 1440px) {
  .l-order_confirmation-top {
    grid-area: top;
  }
  .l-order_confirmation-login {
    grid-area: login;
  }
}
@media screen and (min-width: 1180px), screen and (max-width: 767.9px) {
  .l-order_confirmation-login {
    margin: -40px 0 40px;
  }
}
@media screen and (max-width: 767.9px) {
  .l-order_confirmation-login {
    margin-top: 0;
  }
}
@media screen and (min-width: 1440px) {
  .l-order_confirmation-aside {
    grid-area: aside;
  }
}
.l-order_confirmation-bottom {
  margin: 0 auto;
  max-width: 1920px;
  padding-left: 40px;
  padding-right: 40px;
  margin-top: -40px;
  padding-bottom: 40px;
}
@media screen and (min-width: 1180px) and (max-width: 1439.9px) {
  .l-order_confirmation-bottom {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1179.9px) {
  .l-order_confirmation-bottom {
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media screen and (max-width: 767.9px) {
  .l-order_confirmation-bottom {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1179.9px) {
  .l-order_confirmation-bottom {
    margin-top: -64px;
    padding-bottom: 24px;
  }
}
@media screen and (max-width: 767.9px) {
  .l-order_confirmation-bottom {
    margin-top: -48px;
    padding-bottom: 40px;
  }
}

.l-cart_product {
  width: 100%;
}
.l-cart_product.m-order_details_bopis + .l-cart_product {
  margin-top: 40px;
}
@media screen and (min-width: 1180px) {
  .l-cart_product.m-order_details_bopis + .l-cart_product {
    margin-top: 64px;
  }
}
.l-cart_product caption {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  left: 0;
  max-height: 1px;
  max-width: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  top: 0;
}
.l-cart_product-head {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
}
html[dir=rtl] .l-cart_product-head {
  letter-spacing: 0;
}
.l-page.m-care_essentials .l-cart_product-head, .b-dialog.m-care_essentials-product .l-cart_product-head {
  letter-spacing: normal;
}
@media screen and (min-width: 768px) and (max-width: 1179.9px) {
  .l-cart_product-head {
    border-top: 1px solid #d2d1d4;
  }
  .l-cart_product-head.m-order_details {
    border-top: none;
  }
}
@media screen and (max-width: 767.9px) {
  .l-cart_product-head {
    display: none;
  }
  .l-cart_product-head.m-order_details {
    display: table-header-group;
  }
  .l-cart_product-head.m-order_details .l-cart_product-image.m-header {
    padding-top: 0;
  }
}
.l-cart_product-head_bopis tr:last-child {
  background-color: #f3f3f6;
}
.l-cart_product-head_bopis .b-head_bopis-top {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
}
html[dir=rtl] .l-cart_product-head_bopis .b-head_bopis-top {
  letter-spacing: 0;
}
.l-page.m-care_essentials .l-cart_product-head_bopis .b-head_bopis-top, .b-dialog.m-care_essentials-product .l-cart_product-head_bopis .b-head_bopis-top {
  letter-spacing: normal;
}
@media screen and (min-width: 768px) and (max-width: 1179.9px) {
  .l-cart_product-head_bopis .b-head_bopis-top {
    border-top: 1px solid #d2d1d4;
  }
}
@media screen and (max-width: 767.9px) {
  .l-cart_product-head_bopis .b-head_bopis-top {
    display: none;
  }
}
.l-cart_product-head_bopis .icon-bopis {
  margin-right: 3px;
  margin-top: -3px;
  position: absolute;
  vertical-align: bottom;
}
.l-cart_product-head_bopis.m-header_bopis {
  font-weight: 100;
}
.l-cart_product-head_bopis.m-order_details {
  background: none;
  font-size: 14px;
  letter-spacing: 0.07em;
}
.l-cart_product-head_bopis.m-order_details th {
  padding-top: 0;
}
.l-cart_product-head_bopis.b-empty {
  display: none;
}
.l-cart_product-bopis_title {
  margin-left: 30px;
  vertical-align: middle;
}
.l-cart_product-bopis_count {
  margin-left: 2px;
  vertical-align: middle;
}
.l-cart_product-body {
  width: 100%;
}
.l-cart_product-info_msg {
  box-shadow: 0 -1px 0 0 #d2d1d4;
}
@media screen and (max-width: 767.9px) {
  .l-cart_product-info_msg {
    display: grid;
    width: 100%;
  }
}
.l-cart_product-info_msg.m-gift {
  box-shadow: none;
}
.l-cart_product-info_msg + .l-cart_product-item {
  border-top: none;
}
.l-cart_product-info_msg + .l-cart_product-item .l-cart_product-image,
.l-cart_product-info_msg + .l-cart_product-item .l-cart_product-details,
.l-cart_product-info_msg + .l-cart_product-item .l-cart_product-remove {
  padding-top: 16px;
}
@media screen and (min-width: 768px) {
  .l-cart_product-info_msg + .l-cart_product-item .l-cart_product-price,
  .l-cart_product-info_msg + .l-cart_product-item .l-cart_product-qty,
  .l-cart_product-info_msg + .l-cart_product-item .l-cart_product-total {
    padding-top: 16px;
  }
}
.l-cart_product-qty_label {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
  display: none;
}
html[dir=rtl] .l-cart_product-qty_label {
  letter-spacing: 0;
}
.l-page.m-care_essentials .l-cart_product-qty_label, .b-dialog.m-care_essentials-product .l-cart_product-qty_label {
  letter-spacing: normal;
}
@media screen and (max-width: 767.9px) {
  .l-cart_product-qty_label {
    display: inline-block;
  }
}
.l-cart_product-item {
  border-top: 1px solid #d2d1d4;
  position: relative;
}
@media screen and (max-width: 767.9px) {
  .l-cart_product-item {
    display: grid;
    grid-template-areas: "image details       details" "image qty           total" "image availability  availability" "image bonus         bonus";
    grid-template-columns: 96px auto fit-content(0);
    grid-template-rows: auto auto 1fr;
  }
}
.l-cart_product-item.m-bopis {
  border: none;
}
@media screen and (min-width: 1440px) {
  .l-cart_product-item:first-child .l-cart_product-image,
  .l-cart_product-item:first-child .l-cart_product-details,
  .l-cart_product-item:first-child .l-cart_product-price,
  .l-cart_product-item:first-child .l-cart_product-bopis,
  .l-cart_product-item:first-child .l-cart_product-qty,
  .l-cart_product-item:first-child .l-cart_product-total,
  .l-cart_product-item:first-child .l-cart_product-remove {
    padding-top: 32px;
  }
}
@media screen and (min-width: 768px) {
  .l-cart_product-item.m-bonus .l-cart_product-details .b-cart_product-price {
    display: flex;
  }
  .l-cart_product-item.m-bonus .l-cart_product-price .b-cart_product-price {
    display: none;
  }
}
.l-cart_product-item.m-order_details:last-child {
  border-bottom: 1px solid #d2d1d4;
}
.b-dialog.m-drawer .l-cart_product-item {
  border: none;
  display: flex;
}
.l-cart_product-image, .l-cart_product-details, .l-cart_product-price, .l-cart_product-bopis, .l-cart_product-qty, .l-cart_product-total, .l-cart_product-remove, .l-cart_product-status {
  padding: 24px 0 24px 16px;
  vertical-align: top;
}
html[dir=rtl] .l-cart_product-image, html[dir=rtl] .l-cart_product-details, html[dir=rtl] .l-cart_product-price, html[dir=rtl] .l-cart_product-bopis, html[dir=rtl] .l-cart_product-qty, html[dir=rtl] .l-cart_product-total, html[dir=rtl] .l-cart_product-remove, html[dir=rtl] .l-cart_product-status {
  padding-inline: 16px 0;
}
@media screen and (min-width: 768px) {
  .l-cart_product-image, .l-cart_product-details, .l-cart_product-price, .l-cart_product-bopis, .l-cart_product-qty, .l-cart_product-total, .l-cart_product-remove, .l-cart_product-status {
    padding-inline-start: 15px;
  }
}
@media screen and (min-width: 1440px) {
  .l-cart_product-image, .l-cart_product-details, .l-cart_product-price, .l-cart_product-bopis, .l-cart_product-qty, .l-cart_product-total, .l-cart_product-remove, .l-cart_product-status {
    padding: 24px 0 24px 20px;
  }
  html[dir=rtl] .l-cart_product-image, html[dir=rtl] .l-cart_product-details, html[dir=rtl] .l-cart_product-price, html[dir=rtl] .l-cart_product-bopis, html[dir=rtl] .l-cart_product-qty, html[dir=rtl] .l-cart_product-total, html[dir=rtl] .l-cart_product-remove, html[dir=rtl] .l-cart_product-status {
    padding-inline: 20px 0;
  }
}
.l-cart_product-image.m-header, .l-cart_product-details.m-header, .l-cart_product-price.m-header, .l-cart_product-bopis.m-header, .l-cart_product-qty.m-header, .l-cart_product-total.m-header, .l-cart_product-remove.m-header, .l-cart_product-status.m-header {
  font-weight: 400;
  padding: 17px 0 17px 20px;
  text-align: start;
}
@media screen and (min-width: 1440px) {
  .l-cart_product-image.m-header, .l-cart_product-details.m-header, .l-cart_product-price.m-header, .l-cart_product-bopis.m-header, .l-cart_product-qty.m-header, .l-cart_product-total.m-header, .l-cart_product-remove.m-header, .l-cart_product-status.m-header {
    padding-top: 0;
  }
}
@media screen and (max-width: 1439.9px) {
  .l-cart_product-image.m-header, .l-cart_product-details.m-header, .l-cart_product-price.m-header, .l-cart_product-bopis.m-header, .l-cart_product-qty.m-header, .l-cart_product-total.m-header, .l-cart_product-remove.m-header, .l-cart_product-status.m-header {
    padding-inline-start: 15px;
  }
}
@media screen and (max-width: 767.9px) {
  .l-cart_product.m-bopis-cart .l-cart_product-item {
    display: grid;
    grid-template-areas: "image details       details" "image availability  availability" "image bonus         bonus" "qty   qty-regular   total";
  }
  .l-cart_product.m-bopis-cart .l-cart_product-item.bopis-cart {
    display: grid;
    grid-template-areas: "image details       details" "image availability  availability" "image bonus         bonus" "bopis bopis         bopis" "qty   qty-regular   total";
  }
  .l-cart_product.m-bopis-cart .l-cart_product-item.bopis-cart .l-cart_product-qty {
    padding: 20px 0;
  }
}
@media screen and (max-width: 1179.9px) {
  .l-cart_product.m-bopis-cart .l-cart_product-item.bopis-cart .b-cart_product-remove {
    min-height: unset;
  }
}
@media screen and (min-width: 1440px) {
  .l-cart_product.m-bopis-cart .l-cart_product-details,
  .l-cart_product.m-bopis-cart .l-cart_product-price,
  .l-cart_product.m-bopis-cart .l-cart_product-bopis,
  .l-cart_product.m-bopis-cart .l-cart_product-qty,
  .l-cart_product.m-bopis-cart .l-cart_product-total,
  .l-cart_product.m-bopis-cart .l-cart_product-remove {
    padding-top: 32px;
  }
  .l-cart_product.m-bopis-cart .l-cart_product-details.m-header,
  .l-cart_product.m-bopis-cart .l-cart_product-price.m-header,
  .l-cart_product.m-bopis-cart .l-cart_product-bopis.m-header,
  .l-cart_product.m-bopis-cart .l-cart_product-qty.m-header,
  .l-cart_product.m-bopis-cart .l-cart_product-total.m-header,
  .l-cart_product.m-bopis-cart .l-cart_product-remove.m-header {
    padding-top: 0;
  }
}
@media screen and (max-width: 767.9px) {
  .l-cart_product.m-bopis-cart .l-cart_product-qty {
    padding-left: 0;
  }
}
.l-cart_product.m-bopis-cart .l-cart_product-remove {
  padding-inline-start: 16px;
  width: 40px;
}
.l-cart_product.m-bopis-cart.m-bopis-regular .l-cart_product-qty {
  grid-area: qty-regular;
}
.l-cart_product-image {
  grid-area: image;
  padding-inline-start: 0;
  text-align: center;
  width: 100px;
}
html[dir=rtl] .l-cart_product-image {
  padding-inline-start: 0;
}
@media screen and (min-width: 1440px) {
  .l-cart_product-image {
    width: 160px;
  }
}
@media screen and (max-width: 767.9px) {
  .l-cart_product-image {
    width: 96px;
  }
}
.l-cart_product-image.m-header {
  padding-inline: 0;
}
.l-cart_product-image.m-header_bopis {
  font-family: "DIN Next CYR", "Arial", "Helvetica", sans-serif;
  height: 32px;
  padding: 2px 0 0 10px;
  text-align: start;
  vertical-align: middle;
}
.l-cart_product-image.m-header_bopis.m-order_details {
  font-family: "Arial", "Helvetica", sans-serif;
  height: auto;
  letter-spacing: 0.07em;
  padding: 0 0 24px;
}
.b-dialog.m-drawer .l-cart_product-image {
  padding-block: 0;
  width: 96px;
}
.l-cart_product-details {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
}
html[dir=rtl] .l-cart_product-details {
  letter-spacing: 0;
}
.l-page.m-care_essentials .l-cart_product-details, .b-dialog.m-care_essentials-product .l-cart_product-details {
  letter-spacing: normal;
}
@media screen and (min-width: 768px) {
  .l-cart_product-details {
    padding-inline-start: 20px;
    width: 31%;
  }
  .l-cart_product-details .b-cart_product-price:not(.m-order_details) {
    display: none;
  }
  .b-dialog.m-drawer .l-cart_product-details .b-cart_product-price:not(.m-order_details) {
    display: flex;
    margin-bottom: 8px;
  }
  .l-cart_product-details .b-cart_product-price_bopis {
    display: flex;
    margin-bottom: 8px;
  }
}
@media screen and (max-width: 767.9px) {
  .l-cart_product-details {
    grid-area: details;
    padding-bottom: 0;
  }
  .l-cart_product-details .b-cart_product-availability {
    display: none;
  }
}
.l-cart_product-details.m-order_details {
  width: 40%;
}
@media screen and (max-width: 767.9px) {
  .l-cart_product-details.m-order_details {
    padding-bottom: 24px;
    width: auto;
  }
}
.l-cart_product-details.m-order_details_bopis {
  width: auto;
}
@media screen and (max-width: 767.9px) {
  .l-cart_product-details.m-order_details_bopis {
    padding-bottom: 24px;
    width: auto;
  }
}
.b-dialog.m-drawer .l-cart_product-details {
  padding-block: 0;
  width: auto;
}
@media screen and (min-width: 768px) {
  .l-cart_product-price {
    width: 11%;
  }
  .l-cart_product-price.m-header_bopis {
    width: 20%;
  }
}
@media screen and (max-width: 767.9px) {
  .l-cart_product-price {
    display: none;
  }
  .l-cart_product-bopis {
    grid-area: bopis;
    padding: 20px 0;
  }
}
.l-cart_product-bopis .b-product_details-delivery {
  margin: 0;
}
.l-cart_product-qty {
  display: block;
}
@media screen and (min-width: 768px) {
  .l-cart_product-qty {
    text-align: center;
  }
}
@media screen and (max-width: 767.9px) {
  .l-cart_product-qty {
    grid-area: qty;
    padding-inline-end: 0;
    padding-top: 16px;
  }
  .l-order_confirmation .l-cart_product-qty {
    display: none;
  }
}
.l-cart_product-qty.m-header {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .l-cart_product-total {
    text-align: end;
    width: 11%;
  }
  .l-cart_product-total.m-header {
    text-align: end;
  }
  .l-cart_product-total.m-order_details_bopis {
    width: 16%;
  }
  .l-cart_product-total .b-price,
  .l-cart_product-total .b-cart_product-price {
    justify-content: flex-end;
  }
}
@media screen and (max-width: 767.9px) {
  .l-cart_product-total {
    grid-area: total;
    padding-inline-start: 0;
  }
  .l-order_confirmation .l-cart_product-total {
    display: none;
  }
}
@media screen and (min-width: 1440px) {
  .l-cart_product-total.bopis-card {
    padding-inline-start: 0;
  }
}
@media screen and (max-width: 767.9px) {
  .l-cart_product-total.bopis-card {
    bottom: 5px;
    position: absolute;
    right: 5px;
  }
}
.l-cart_product-total.m-order_details_bopis {
  position: relative;
  vertical-align: bottom;
}
@media screen and (max-width: 767.9px) {
  .l-cart_product-total.m-order_details_bopis {
    display: none;
  }
}
.l-cart_product-total.m-order_details_bopis .b-product_status {
  position: absolute;
  right: 0;
}
@media screen and (min-width: 768px) {
  .l-cart_product-total.m-order_details_bopis .b-product_status {
    top: 24px;
  }
}
@media screen and (min-width: 1440px) {
  .l-cart_product-total.m-order_details_bopis .b-product_status {
    top: 32px;
  }
}
.l-cart_product-bonus {
  align-items: flex-start;
  display: none;
  flex-flow: column;
  grid-area: bonus;
  margin: -32px 0 40px;
  padding: 0 8px;
}
@media screen and (max-width: 767.9px) {
  .l-cart_product-bonus {
    display: flex;
  }
  .l-cart_product-bonus .b-cart_product-select_bonus {
    display: initial;
    width: 100%;
  }
}
.l-cart_product-remove {
  text-align: right;
}
@media screen and (min-width: 1440px) {
  .l-cart_product-remove {
    padding-inline-start: 24px;
    width: 48px;
  }
}
@media screen and (max-width: 1439.9px) {
  .l-cart_product-remove {
    padding-inline-start: 16px;
  }
}
@media screen and (max-width: 767.9px) {
  .l-cart_product-remove {
    grid-area: remove;
    position: absolute;
    right: 0;
    top: 0;
  }
  html[dir=rtl] .l-cart_product-remove {
    left: 0;
    right: initial;
  }
}
.l-cart_product-remove.m-header {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  left: 0;
  max-height: 1px;
  max-width: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  top: 0;
}
@media screen and (min-width: 1440px) {
  .l-cart_product-remove.bopis-card {
    padding-inline-start: 0;
  }
}
@media screen and (max-width: 767.9px) {
  .l-cart_product-availability {
    grid-area: availability;
    margin-top: -12px;
  }
}
@media screen and (min-width: 768px) {
  .l-cart_product-availability {
    display: none;
  }
}
.l-cart_product-status {
  text-align: end;
}
@media screen and (max-width: 767.9px) {
  .l-cart_product-status {
    display: none;
  }
}
.l-cart_product-status.m-header {
  font-weight: 400;
  text-align: end;
}
.l-cart_product-bopis_header {
  border-top: 1px solid #d2d1d4;
  display: flex;
  justify-content: space-between;
  padding-top: 24px;
  width: 100%;
}
.l-cart_product-bopis_header .b-store_name {
  font-weight: bold;
}
.l-cart_product-bopis_header .b-pickup_date {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
  color: #60606a;
  text-align: end;
}
html[dir=rtl] .l-cart_product-bopis_header .b-pickup_date {
  letter-spacing: 0;
}
.l-page.m-care_essentials .l-cart_product-bopis_header .b-pickup_date, .b-dialog.m-care_essentials-product .l-cart_product-bopis_header .b-pickup_date {
  letter-spacing: normal;
}
.l-cart_product-return_msg {
  border-top: 1px solid #d2d1d4;
}
.l-cart_product-returned {
  border-top: none;
}

/*md

# Form

Form component designed to style basic form elements.

## Form elements

Form have 3 basic elements:

* title
* description
* message

```
form.b-form
	div.b-form-title
	div.b-form-description
	div.b-form-message

	// fields here

	// actions here
```

```html_example
<form
	class="b-form"
	action="/endpoint"
>
	<div class="b-form-title">
		Contact us
	</div>

	<div class="b-form-description">
		Customer service is available on 1-888-222-3380, via email $tools.sitePref.getValue('customerServiceEmail') or you can send us a message using the form
	</div>

	<div class="b-form-message b-message m-error" role="alert">
		Form error message here
	</div>
</form>
```

## Form structure

### Form fields (`b-form_field`)

Forms are built with a combination of standard form elements (b-input, b-select etc)
within `.b-form_field` wrapper that holds label, errors and caption for each field.

```
form.b-form
	div.b-form-title

	div.b-form_field
		label.b-form_field-label
		input.b-input
```

```html_example
<form
	class="b-form"
	action="/endpoint"
>
	<div class="b-form-title">Form title</div>

	<div class="b-form_field" data-widget="inputText">
		<label class="b-form_field-label" data-ref="label" for="input-1-example-1">
			Form section label
		</label>
		<input class="b-input" data-ref="field" type="text" id="input-1-example-1" />
	</div>
</form>
```

### Form actions (`b-form_actions`)

Form action represented as separate component that could hold one or several buttons.
And could provide different layouts for it.

```
form.b-form
	div.b-form-title

	div.b-form_field
		label.b-form_field-label
		input.b-input

	div.b-form_actions
		button.b-form_actions-button_first
```

```html_example
<form
	class="b-form"
	action="/endpoint"
>
	<div class="b-form-title">Form title</div>

	<div class="b-form_field" data-widget="inputText">
		<label class="b-form_field-label" data-ref="label" for="input-1-example-1">
			Form section label
		</label>
		<input class="b-input" data-ref="field" type="text" id="input-1-example-1" />
	</div>

	<div class="b-form_actions">
        <button
            type="submit"
            class="b-form_actions-button_first b-button"
        >
            Submit
        </button>
    </div>
</form>
```

### Form sets (`b-form_set`)

Form fields could be organized to set. Please see [appropriate doc](05-blocks-common-forms-b-form_set.html).

### Form group (`b-form_group_date`)

Form fields could be organized to groups. Please see [appropriate doc](05-blocks-common-forms-b-form_group_date.html).

### Form full structure

```html_example
<form
	class="b-form"
	id="shipping"
	style="border: 3px solid #5dcc25; padding: 40px 10px 10px; position: relative;"
>
	<span style="position: absolute;top: 0;right: 4px;color: #5dcc25;font-weight: bold;font-size: 17px;">b-form</span>

	<div class="b-form-title">Form title</div>

	<div class="b-form-description">Form description text</div>

	<div class="b-form-message b-message m-error" role="alert">
		Form level error message
	</div>

	<div style="border: 3px solid #af98ec; padding: 40px 10px 10px; position: relative;">
		<span style="position: absolute; top: 0; right: 4px; color: #af98ec; font-weight: bold; font-size: 17px;">b-form_set</span>

		<fieldset class="b-form_set">
			<legend class="b-form_set-label">
				Form set label
			</legend>

			<div
				class="b-form_field"
				style="border: 3px solid #fd2263; padding: 40px 10px 10px; position: relative;"
			>
				<span style="position: absolute; top: 0; right: 4px; color: #fd2263; font-weight: bold; font-size: 17px;">b-form_field</span>
				<label class="b-form_field-label" data-ref="label" for="form-full-input-1">
					Form field label
				</label>
				<input class="b-input" data-ref="field" type="text" id="form-full-input-1">
			</div>

			<div
				class="b-form_field"
				style="border: 3px solid #fd2263; padding: 40px 10px 10px; position: relative;"
			>
				<span style="position: absolute; top: 0; right: 4px; color: #fd2263; font-weight: bold; font-size: 17px;">b-form_field</span>
				<label class="b-form_field-label" data-ref="label" for="form-full-input-2">
					Form field label
				</label>
				<input class="b-input" data-ref="field" type="text"  id="form-full-input-2">
			</div>
		</fieldset>
	</div>
</form>
```

*/
.b-form {
  position: relative;
}
.b-form[aria-busy=true]::after {
  background-color: #ffffff;
  bottom: 0;
  content: "";
  cursor: wait;
  left: 0;
  opacity: 0.5;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.b-form.m-contact_us .b-form_actions-button_first {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  height: 48px;
  justify-content: center;
  max-width: 100%;
  text-decoration: none;
  text-transform: uppercase;
  transition: ease-out 150ms;
  transition-property: background-color, color, border;
  -webkit-user-select: none;
          user-select: none;
  vertical-align: top;
  white-space: nowrap;
  background: #282727;
  border-color: #ffffff;
  color: #ffffff;
}
@media not all and (pointer: coarse) {
  .b-form.m-contact_us .b-form_actions-button_first:hover {
    background: transparent;
    border-color: #282727;
    color: #282727;
  }
}
.b-form.m-contact_us .b-form_actions-button_first:active {
  background: transparent;
  border-color: #282727;
  color: #282727;
}
.b-form-title {
  font-family: var(--care-essentials-font, "DIN Next CYR", "Arial", "Helvetica", sans-serif);
  font-size: 40px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 0.96;
  margin-bottom: 32px;
}
@media screen and (max-width: 1179.9px) {
  .b-form-title {
    font-size: 32px;
    line-height: 0.98;
  }
}
html[dir=rtl] .b-form-title {
  letter-spacing: 0;
}
.b-form-title.m-sub_section {
  margin-bottom: 0;
  margin-top: 20px;
}
.b-form-description {
  margin-bottom: 20px;
  padding: 8px 0;
}
.b-form-message {
  margin-bottom: 20px;
}
.b-form-message.m-highlighted {
  font-weight: 700;
}
.b-form-message.m-payment_restrictions {
  margin-bottom: 24px;
}
.b-checkout_step-content .b-shipping_method-radio_selector .b-form-message.m-error {
  margin-bottom: 0;
}
.b-form-message_container {
  margin: 0 auto;
  max-width: 1920px;
  padding-left: 40px;
  padding-right: 40px;
  margin: 36px auto 20px;
}
@media screen and (min-width: 1180px) and (max-width: 1439.9px) {
  .b-form-message_container {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1179.9px) {
  .b-form-message_container {
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media screen and (max-width: 767.9px) {
  .b-form-message_container {
    padding-left: 16px;
    padding-right: 16px;
    margin: 32px auto 0;
  }
}

.b-checkout_step .b-form.m-login .b-form-message {
  margin-top: 32px;
}

.b-form.m-set_password {
  width: 100%;
}

.b-form.m-reset_password .b-form_title {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 20px;
}
html[dir=rtl] .b-form.m-reset_password .b-form_title {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-form.m-reset_password .b-form_title, .b-dialog.m-care_essentials-product .b-form.m-reset_password .b-form_title {
  letter-spacing: normal;
}

/*md

# Form set

Form set is component that designed to style fieldset HTML element and divide form
to small subsets.

```
fieldset.b-form_set
	legend.b-form_set-label
```

```html_example
<form
	class="b-form"
	id="shipping"
>
	<div class="b-form-title">Form title</div>

	<fieldset class="b-form_set">
		<legend class="b-form_set-label">
			Address
		</legend>

		<div class="b-form_field">
			<label class="b-form_field-label" for="form-full-input-1">
				Town
			</label>
			<input class="b-input" type="text" placeholder="b-input" id="form-full-input-1">
		</div>

		<div class="b-form_field">
			<label class="b-form_field-label" for="form-full-input-2">
				Street
			</label>
			<input class="b-input" type="text" placeholder="b-input"  id="form-full-input-2">
		</div>
	</fieldset>
</form>
```

*/
.b-form_set {
  border: none;
  display: block;
  margin: 16px 0;
  min-width: 0;
  padding: 0;
  position: relative;
}
.b-form_set.m-no_margin {
  margin: 0;
}
.b-form_set-label {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.4;
  display: block;
  margin: 24px 0;
  max-width: 100%;
  padding: 0;
  white-space: normal;
  width: 100%;
}
html[dir=rtl] .b-form_set-label {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-form_set-label, .b-dialog.m-care_essentials-product .b-form_set-label {
  letter-spacing: normal;
}
.b-form_set-label.m-wai {
  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-form_set-label.m-shipping_method {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 700;
  font-size: 20px;
  margin-top: 0;
  padding-top: 20px;
}
html[dir=rtl] .b-form_set-label.m-shipping_method {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-form_set-label.m-shipping_method, .b-dialog.m-care_essentials-product .b-form_set-label.m-shipping_method {
  letter-spacing: normal;
}
.b-form_set-required {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 12px;
  color: #60606a;
  margin-bottom: 20px;
  max-width: 100%;
  padding: 0;
  text-align: end;
  white-space: normal;
  width: 100%;
}
html[dir=rtl] .b-form_set-required {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-form_set-required, .b-dialog.m-care_essentials-product .b-form_set-required {
  letter-spacing: normal;
}

/*md

# Form group (date)

This component is designed as special case for Date fields grouping. But it could
be used as base for different fields grouping.

```html_example
<fieldset class="b-form_group_date">
    <legend class="b-form_group_date-label">
        <span class="b-form_group_date-required_mark" aria-hidden="true">*</span>
        Card expiration date
    </legend>

    <div class="b-form_group_date-group">
		<div class="b-form_field">
			<div class="b-select">
				<select data-ref="field" class="b-select-input">
					<option value="US" data-id="02" selected="">January</option>
					<option value="CA" data-id="03">March</option>
				</select>
				<svg aria-hidden="true" class="b-select-icon" width="10" height="6" focusable="false">
					<use href="#arrow-down-small"></use>
				</svg>
			</div>
		</div>

        <div class="b-form_group_date-divider">/</div>

		<div class="b-form_field">
			<div class="b-select">
				<select data-ref="field" class="b-select-input">
					<option value="US" data-id="2015" selected="">2025</option>
					<option value="CA" data-id="2026">2026</option>
				</select>
				<svg aria-hidden="true" class="b-select-icon" width="10" height="6" focusable="false">
					<use href="#arrow-down-small"></use>
				</svg>
			</div>
		</div>
    </div>
</fieldset>
```

*/
.b-form_group_date {
  border: none;
  display: block;
  margin: 0;
  min-width: 0;
  padding: 0;
  position: relative;
}
.b-form_group_date-label {
  display: flex;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.6;
  margin-bottom: 8px;
  padding: 0;
  white-space: normal;
  width: 100%;
}
.b-form_group_date-required_mark {
  color: #d01d1b;
  margin-inline-end: 4px;
}
.b-form_group_date-group {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.b-form_group_date-divider {
  align-items: center;
  display: flex;
  font-size: 16px;
  font-weight: 300;
  height: 48px;
  margin: 0 16px;
}
.b-form_group_date .b-form_field {
  width: calc(50% - 10px);
}

.b-form_group_cvv {
  position: relative;
  width: 100%;
}
.b-form_group_cvv .b-input {
  width: calc(50% - 20px);
}
.b-form_group_cvv-image {
  align-items: center;
  display: flex;
  height: 48px;
  position: absolute;
  right: 0;
  top: 26px;
  width: 50%;
}
html[dir=rtl] .b-form_group_cvv-image {
  left: 0;
  right: initial;
}

/*md

# Form group (subset)

This component is designed as a generic case for a subset of fields grouping that needs to be indented

*/
.b-form_group_subset {
  padding-left: 50px;
}

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

/*md

# Input password

Designed with possibility to `show/hide` masked text into input fields

```html_example
<div class="b-input_password" data-widget="inputPassword">
	<input data-ref="field" id="" type="password" class="b-input m-valid" aria-describedby="" placeholder="" name="" required="" value="" maxlength="64" aria-required="true" minlength="8" data-event-input="onPasswordInput" data-tau="" data-event-blur="validate">
	<button class="b-input_password-toggle_visibility" data-ref="showButton" data-event-click="toggleMask" data-button-text-show="Show" data-button-text-hide="Hide" aria-pressed="false" title="Toggle password field visibility" type="button">
		Show
	</button>
</div>
```

```html_example
<div class="b-input_password" data-widget="inputPassword">
	<input data-ref="field" id="" type="password" class="b-input m-valid" aria-describedby="" placeholder="" name="" required="" value="" maxlength="64" aria-required="true" minlength="8" data-event-input="onPasswordInput" data-tau="" data-event-blur="validate">
	<button class="b-input_password-toggle_visibility" data-ref="showButton" data-event-click="toggleMask" data-button-text-show="Show" data-button-text-hide="Hide" aria-pressed="false" title="Toggle password field visibility" type="button" hidden="hidden">
		Show
	</button>
</div>
```

## Error State

```html_example
<div class="b-input_password" data-widget="inputPassword">
	<input data-ref="field" id="" type="password" class="b-input m-invalid" aria-describedby="" placeholder="" name="" required="" value="" maxlength="64" aria-required="true" minlength="8" data-event-input="onPasswordInput" data-tau="" data-event-blur="validate">
	<button class="b-input_password-toggle_visibility" data-ref="showButton" data-event-click="toggleMask" data-button-text-show="Show" data-button-text-hide="Hide" aria-pressed="false" title="Toggle password field visibility" type="button" hidden="hidden">
		Show
	</button>
</div>
```
*/
.b-input_password {
  align-items: center;
  display: flex;
  position: relative;
}
.b-input_password-toggle_visibility {
  color: #77767f;
  cursor: pointer;
  inset-inline-end: 16px;
  position: absolute;
}
@media not all and (pointer: coarse) {
  .b-input_password-toggle_visibility:hover {
    color: #282727;
  }
}
.b-input_password .b-input {
  padding-inline-end: 68px;
}

/*md

# Tooltip

This component can be used to manage top or bottoms tooltip.

Use `.b-tooltip` + modifier with needed position `.m-bottom` or `.m-up`.

## Top tooltip

```html_example
	<div class="b-tooltip m-top ">
		<a
			class="b-tooltip-button"
			aria-label="Sales Tax"
		>
			<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="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="#282727"/>
				<path d="M12.025 7.05C11.45 7.05 11 6.6 11 6.025C11 5.45 11.45 5 12.025 5C12.575 5 13.05 5.483 13.05 6.025C13.05 6.592 12.6 7.05 12.025 7.05Z" fill="#282727"/>
				<path d="M11.9932 18.7169C11.5352 18.7169 11.1602 18.3419 11.1602 17.8839V10.0339C11.1602 9.57593 11.5352 9.20093 11.9932 9.20093C12.4512 9.20093 12.8262 9.57593 12.8262 10.0339V17.8839C12.8262 18.3419 12.4512 18.7169 11.9932 18.7169Z" fill="#282727"/>
			</svg>
		</a>
		<div
			class="b-tooltip-container"
			id="tooltip"
		>
			<h6 class="b-tooltip-title">Tooltip Title</h6>
			<p>Content text for tooltip</p>
		</div>
	</div>
```

## Bottom tooltip

```html_example
	<div class="b-tooltip m-bottom">
		<a
			class="b-tooltip-button"
			aria-label="Sales Tax"
		>
			<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="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="#282727"/>
				<path d="M12.025 7.05C11.45 7.05 11 6.6 11 6.025C11 5.45 11.45 5 12.025 5C12.575 5 13.05 5.483 13.05 6.025C13.05 6.592 12.6 7.05 12.025 7.05Z" fill="#282727"/>
				<path d="M11.9932 18.7169C11.5352 18.7169 11.1602 18.3419 11.1602 17.8839V10.0339C11.1602 9.57593 11.5352 9.20093 11.9932 9.20093C12.4512 9.20093 12.8262 9.57593 12.8262 10.0339V17.8839C12.8262 18.3419 12.4512 18.7169 11.9932 18.7169Z" fill="#282727"/>
			</svg>

		</a>
		<div
			class="b-tooltip-container"
			id="tooltip"
		>
			<h6 class="b-tooltip-title">Tooltip Title</h6>
			<p>Content text for tooltip</p>
		</div>
	</div>
```

*/
.b-tooltip {
  display: flex;
  position: relative;
}
.b-tooltip.m-order_summary {
  margin-left: 8px;
}
.b-tooltip-button {
  align-items: center;
  color: #282727;
  cursor: pointer;
  display: flex;
  justify-content: center;
  transition: ease-out 150ms;
  transition-property: background-color, color;
}
.b-tooltip-button svg {
  height: 20px;
  width: 20px;
}
.b-tooltip-container {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
  background-color: #282727;
  border-radius: 4px;
  color: #ffffff;
  left: -8px;
  opacity: 0;
  padding: 12px;
  position: absolute;
  transition: ease-out 150ms;
  transition-property: opacity, visibility;
  visibility: hidden;
  width: 218px;
  z-index: 22;
}
html[dir=rtl] .b-tooltip-container {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-tooltip-container, .b-dialog.m-care_essentials-product .b-tooltip-container {
  letter-spacing: normal;
}
.b-tooltip.m-bottom .b-tooltip-container::before {
  border-bottom: 8px solid #282727;
  content: "";
  height: 0;
  width: 0;
  z-index: 2;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  left: 12px;
  position: absolute;
  top: -8px;
}
.b-tooltip.m-top .b-tooltip-container::before {
  border-top: 8px solid #282727;
  content: "";
  height: 0;
  width: 0;
  z-index: 2;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  bottom: -8px;
  left: 12px;
  position: absolute;
}
.b-tooltip.m-refinement .b-tooltip-container::before {
  left: 3px;
}
.b-tooltip.m-refinement .b-tooltip-container {
  left: 0;
}
.b-tooltip.m-bottom .b-tooltip-container {
  top: 30px;
}
.b-tooltip.m-top .b-tooltip-container {
  bottom: 30px;
}
.b-tooltip.m-order_summary .b-tooltip-container {
  width: 204px;
}
@media screen and (min-width: 1180px) and (max-width: 1439.9px) {
  .b-tooltip.m-order_summary .b-tooltip-container {
    width: 144px;
  }
}
.b-tooltip-button[aria-expanded=true] + .b-tooltip-container {
  opacity: 1;
  visibility: visible;
}
.b-tooltip-title {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.4;
  margin-bottom: 4px;
  padding-right: 35px;
}
html[dir=rtl] .b-tooltip-title {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-tooltip-title, .b-dialog.m-care_essentials-product .b-tooltip-title {
  letter-spacing: normal;
}
.b-tooltip-close {
  align-items: center;
  align-self: flex-start;
  background: none;
  border: none;
  color: #282727;
  display: flex;
  height: 30px;
  color: #ffffff;
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 10px;
}
.b-tooltip-close svg {
  height: 24px;
  width: 24px;
}

/*md

# b-disclosure

This is basic show/hide (toggle) or show (show once) component that done by [W3C
specs](https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/)

It used in explicitly on checkout address autocomplete fields disclosure and
implicitly on Cart Coupon code disclosure.

It intentionally aligned by structure with accordion component.

```html_example
<div
	class="b-disclosure"
    data-widget="disclosure"
    data-show-on-init="true"
    data-show-on-refresh="true"
>
    <button
        class="b-disclosure-button"
        type="button"
        data-event-click="toggleContent"
        aria-expanded="false"
        aria-controls="coupon-form"
        data-ref="disclosureButton"
    >
        Show more
    </button>
    <div
        class="b-disclosure-content"
        data-ref="disclosureContent"
        id="coupon-form"
        hidden="hidden"
    >
        <div class="b-disclosure-content_inner">
            ... content
        </div>
    </div>
</div>
```
*/
.b-disclosure {
  background-color: #ebebea;
  border-top: 1px solid #d2d1d4;
  margin-bottom: 16px;
  padding-top: 20px;
}
.b-disclosure-button {
  font-family: var(--care-essentials-font, "DIN Next CYR", "Arial", "Helvetica", sans-serif);
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.03;
  align-items: center;
  background: none;
  border: none;
  color: #282727;
  cursor: pointer;
  display: flex;
  line-height: 24px;
  padding: 16px 0;
  text-align: start;
  width: 100%;
}
html[dir=rtl] .b-disclosure-button {
  letter-spacing: 0;
}
.b-disclosure-content {
  display: none;
  overflow: hidden;
  position: relative;
  transition: cubic-bezier(0.3, 0.46, 0.45, 0.94) 0.2s;
  transition-property: height;
}
.b-disclosure-content[aria-hidden=false] {
  display: block;
}
.b-disclosure-content_inner {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.4;
  color: #282727;
  overflow: hidden;
  padding: 0 16px 20px 0;
}
html[dir=rtl] .b-disclosure-content_inner {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-disclosure-content_inner, .b-dialog.m-care_essentials-product .b-disclosure-content_inner {
  letter-spacing: normal;
}

/*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-view_more

This is component similar to Disclosure, but folded content is focusable and once
it open it could not be closed again.

Since content always visible for screen readers component not required any roles or specific
a11y behaviour. But for keyboard users should be implemented additional behaviour:
a) When user focus some elements inside folded content should opens (in this case
button could be not tabbable)
b) or control button should be tabbable and unfold the content

It intentionally aligned by structure with accordion and disclosure component.

```html_example
<div
    class="b-view_more"
    data-widget="viewMore"
>
    Some content
    <div
        class="b-view_more-button"
        data-event-click="toggleContent"
        data-ref="viewMoreButton"
    >
        Show more
    </div>
    <div
        class="b-view_more-content"
        data-ref="viewMoreContent"
    >
        <div class="b-view_more-content_inner">
            ... some more content
        </div>
    </div>
</div>
```
*/
.b-view_more.m-account {
  margin-bottom: 24px;
}
.b-view_more.m-address2_expandable {
  width: 100%;
}
.b-view_more.m-address2_expandable:not(:has(.m-visible)) {
  margin-bottom: 20px;
}
.b-view_more.m-address2_expandable .b-view_more-button {
  padding: 0;
}
.b-view_more.m-address2_expandable .b-view_more-content {
  display: none;
}
.b-view_more.m-address2_expandable .b-view_more-content.m-visible {
  display: block;
}
.b-view_more-button {
  font-family: var(--care-essentials-font, "DIN Next CYR", "Arial", "Helvetica", sans-serif);
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.03;
  align-items: center;
  background: none;
  border: none;
  color: #282727;
  cursor: pointer;
  display: flex;
  line-height: 24px;
  padding: 16px 0;
  text-align: start;
  width: 100%;
  margin-top: -20px;
  padding-left: 0;
  padding-right: 24px;
  width: auto;
}
html[dir=rtl] .b-view_more-button {
  letter-spacing: 0;
}
.b-view_more-button .b-icon_chevron {
  margin-inline-start: 12px;
}
.b-view_more-content {
  height: 1px;
  overflow: hidden;
  position: relative;
}
.b-view_more-content:focus-within, .b-view_more-content.m-visible {
  height: auto;
}
.b-view_more-content_inner {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.4;
  color: #282727;
  overflow: hidden;
  padding: 0 16px 20px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-left: 0;
  padding-right: 0;
}
html[dir=rtl] .b-view_more-content_inner {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-view_more-content_inner, .b-dialog.m-care_essentials-product .b-view_more-content_inner {
  letter-spacing: normal;
}

.b-view_more.m-address_autocomplete {
  background-color: #ffffff;
  margin-top: -28px;
  position: relative;
}
.b-view_more.m-address_autocomplete .b-view_more-content.m-visible {
  border-top: 1px solid #d2d1d4;
  margin-top: 1px;
  padding-top: 20px;
}
.b-view_more.m-address_autocomplete .b-view_more-content_inner {
  padding-bottom: 0;
}

/*md

# b-option_switch

This component allows user to choose one option for ex. shipping method, saved address etc.

```html_example
<div class="b-option_switch">
	<div class="b-option_switch-inner">
		<input id="shippingMethod-001" class="b-option_switch-input" name="dwfrm_shipping_shippingAddress_shippingMethodID" type="radio" value="001" data-value="001" data-ref="field" data-event-change="update">
		<div class="b-option_switch-icon"></div>
		<label class="b-option_switch-label" for="shippingMethod-001">
			<div class="b-option_switch-label_surface">
				<span class="b-option_switch-name">Ground</span>
				Free
			</div>
			<span class="b-option_switch-description">
				7-10 Business Days
			</span>
		</label>
	</div>
</div>
<div class="b-option_switch">
	<div class="b-option_switch-inner">
		<input id="shippingMethod-002" class="b-option_switch-input" name="dwfrm_shipping_shippingAddress_shippingMethodID" type="radio" value="002" data-value="002" data-ref="field" data-event-change="update" checked="">
		<div class="b-option_switch-icon"></div>
		<label class="b-option_switch-label" for="shippingMethod-002">
			<div class="b-option_switch-label_surface">
				<span class="b-option_switch-name">2-Day Express</span>
				$9.99
			</div>
			<span class="b-option_switch-description">
				2 Business Days
			</span>
		</label>
	</div>
</div>
```

*/
.b-option_switch {
  --option-indent: 24px;
  padding: var(--option-indent);
  -webkit-user-select: none;
          user-select: none;
}
.b-option_switch + .b-options_group-actions.m-new_address {
  margin-top: 20px;
}
.b-option_switch-inner {
  display: flex;
  position: relative;
}
.b-option_switch-label {
  cursor: pointer;
  display: block;
  width: 100%;
}
.b-option_switch-input:disabled ~ .b-option_switch-label {
  background-color: #f3f3f6;
  color: #898992;
  pointer-events: none;
}
.b-option_switch-input:disabled ~ .b-option_switch-label .b-option_switch-label_surface,
.b-option_switch-input:disabled ~ .b-option_switch-label .b-option_switch-description,
.b-option_switch-input:disabled ~ .b-option_switch-label .b-option_switch-promotion {
  color: #898992;
  position: relative;
  z-index: 1;
}
.b-option_switch-label::before {
  border: 1.6px solid #a4a4aa;
  border-radius: 4px;
  bottom: calc(-1 * var(--option-indent));
  content: "";
  left: calc(-1 * var(--option-indent));
  margin-top: -1px;
  position: absolute;
  right: calc(-1 * var(--option-indent));
  top: calc(-1 * var(--option-indent));
}
.b-checkout_step-content .b-option_switch-label::before {
  border-width: 0.5px;
}
.b-option_switch-input:checked ~ .b-option_switch-label::before {
  border-color: #494954;
  z-index: 1;
}
.b-checkout_step-content .b-option_switch-input:checked ~ .b-option_switch-label::before {
  border-width: 1.6px;
}
.b-option_switch-input:disabled ~ .b-option_switch-label::before {
  background-color: #f3f3f6;
}
.b-option_switch-label_surface {
  align-items: flex-start;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  position: relative;
}
@media screen and (max-width: 767.9px) {
  .b-option_switch-label_surface .b-price {
    flex-direction: column;
  }
  .b-option_switch-label_surface .b-price-item.m-old {
    margin: 0 0 4px;
  }
}
.b-option_switch-label_edit {
  align-self: baseline;
  margin-inline-start: 24px;
  z-index: 1;
}
.b-option_switch-label_edit.m-link {
  color: #60606a;
}
.b-option_switch-input {
  cursor: pointer;
  height: 24px;
  left: 0;
  opacity: 0;
  position: absolute;
  width: 24px;
  z-index: 4;
}
html[dir=rtl] .b-option_switch-input {
  left: initial;
  right: 0;
}
.b-option_switch-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;
  transition: ease-out 150ms;
  transition-property: border;
  vertical-align: sub;
  width: 24px;
  z-index: 3;
  position: relative;
  z-index: initial;
}
.b-option_switch-icon::-ms-check {
  display: none;
}
.b-option_switch-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-option_switch-input:active + .b-option_switch-icon {
  transform: scale(0.9);
}
.b-option_switch:hover .b-option_switch-icon {
  border-color: #001489;
}
.b-option_switch-input:checked + .b-option_switch-icon {
  border-color: #282727;
  border-width: 1px;
}
.b-option_switch-input:checked + .b-option_switch-icon::before {
  transform: translate(-50%, -50%) scale(1);
}
.b-option_switch-input:disabled + .b-option_switch-icon {
  background-color: #f3f3f6;
  border-color: #d2d1d4;
  cursor: default;
  transform: scale(1);
  z-index: 4;
}
.b-option_switch-input:disabled + .b-option_switch-icon::before {
  background-color: #bbbbbf;
}
.b-option_switch-name {
  font-size: 16px;
  font-weight: bold;
}
.b-option_switch-description {
  color: #494954;
  display: block;
  font-weight: 500;
  margin-top: 4px;
  position: relative;
  z-index: 1;
}
.b-option_switch-estimated_arrival_message {
  color: #494954;
  display: block;
  margin-bottom: 10px;
  margin-top: 10px;
}
.b-option_switch-promotion {
  margin: 8px 0 0;
  position: relative;
  z-index: 1;
}
.b-option_switch-promotion .b-promotion {
  margin: 0;
}
.b-option_switch + .b-options_group-saved_addresses_header {
  margin-top: 20px;
}
.b-option_switch + .b-options_group-actions .b-options_group-control.m-load_more {
  margin: 12px 0;
}
.b-checkout_step-content .b-option_switch:not(:first-of-type) {
  margin: 20px 0 12px;
}
.b-checkout_step-content .b-shipping_method-radio_selector .b-option_switch {
  margin-bottom: 0;
}

.b-option_switch.m-cart {
  --option-indent: 16px;
}

.b-need_help {
  border-top: 1px solid #d2d1d4;
  height: 100%;
  padding: 38px 20px 0;
}
@media screen and (min-width: 768px) and (max-width: 1179.9px) {
  .b-need_help {
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media screen and (min-width: 1180px) {
  .b-need_help {
    border-left: 1px solid #d2d1d4;
    border-top: 0;
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 0;
  }
  html[dir=rtl] .b-need_help {
    border-left: 0;
    border-right: 1px solid #d2d1d4;
  }
}
.b-need_help-title {
  font-family: var(--care-essentials-font, "DIN Next CYR", "Arial", "Helvetica", sans-serif);
  font-size: 28px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 0.98;
  align-items: center;
  display: flex;
  gap: 14px;
  margin-bottom: 16px;
}
@media screen and (max-width: 1179.9px) {
  .b-need_help-title {
    font-size: 24px;
    line-height: 1.02;
  }
}
html[dir=rtl] .b-need_help-title {
  letter-spacing: 0;
}
@media screen and (min-width: 1180px) and (max-width: 1439.9px) {
  .b-need_help-title {
    align-items: baseline;
  }
}
@media screen and (min-width: 1180px) {
  .b-need_help-title {
    margin-bottom: 18px;
  }
}
.b-need_help-icon {
  margin-bottom: 4px;
}
@media screen and (max-width: 1179.9px) {
  .b-need_help-list {
    align-items: center;
    display: flex;
    gap: 24px;
  }
}
.b-need_help-item {
  margin-bottom: 8px;
}
@media screen and (min-width: 1180px) {
  .b-need_help-item {
    margin-bottom: 18px;
  }
}
@media screen and (max-width: 1179.9px) {
  .b-need_help-item:not(:first-child) {
    border-inline-start: 1px solid #d2d1d4;
    padding-inline-start: 24px;
  }
}
.b-need_help-link {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
  background-image: linear-gradient(to right, currentcolor, currentcolor);
  background-position: bottom center;
  background-repeat: no-repeat;
  display: inline;
  position: relative;
  text-decoration: none;
  transition: background-size ease-out 150ms;
  background-size: 100% 1px;
}
html[dir=rtl] .b-need_help-link {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-need_help-link, .b-dialog.m-care_essentials-product .b-need_help-link {
  letter-spacing: normal;
}
.b-need_help-link.m-disabled, .b-need_help-link:disabled, .b-need_help-link[disabled] {
  background-image: linear-gradient(to right, #898992, #898992);
}
.b-need_help-link::after {
  display: none;
}
.b-need_help-link:active, .b-need_help-link:hover {
  background-size: 0% 1px;
}

.b-reset_password {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 24px;
  padding-top: 4px;
  position: relative;
}
.b-reset_password-btn {
  position: relative;
  align-items: center;
  border-radius: 4px;
  display: inline-flex;
  text-decoration: none;
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
  align-self: center;
  color: #60606a;
  cursor: pointer;
  transition: color cubic-bezier(0.3, 0.46, 0.45, 0.94) 0.2s;
}
.b-reset_password-btn.m-disabled::after, .b-reset_password-btn:disabled::after, .b-reset_password-btn[disabled]::after {
  background: #898992;
}
.b-reset_password-btn::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-reset_password-btn:hover::after, .b-reset_password-btn:active::after {
  transform: scaleX(0);
}
.b-reset_password-btn.m-disabled, .b-reset_password-btn:disabled, .b-reset_password-btn[disabled] {
  color: #898992;
  pointer-events: none;
}
html[dir=rtl] .b-reset_password-btn {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-reset_password-btn, .b-dialog.m-care_essentials-product .b-reset_password-btn {
  letter-spacing: normal;
}
.b-reset_password-error {
  width: 100%;
}
.b-reset_password .b-checkbox-label {
  line-height: 22px;
}

.b-bopis_form-container {
  padding-top: 25px;
}
.b-bopis_form-pickup_check {
  border: 0;
  padding: 0;
}
.b-bopis_form-inner {
  border: none;
  margin: 0;
  padding: 0;
}
.b-bopis_form-subtitle {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 20px;
  display: block;
  margin-bottom: 20px;
}
html[dir=rtl] .b-bopis_form-subtitle {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-bopis_form-subtitle, .b-dialog.m-care_essentials-product .b-bopis_form-subtitle {
  letter-spacing: normal;
}
.b-bopis_form-pickup_information {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.b-bopis-store_container {
  display: flex;
  justify-content: center;
}
.b-bopis-title {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 700;
  font-size: 20px;
  padding-bottom: 24px;
  padding-top: 20px;
}
html[dir=rtl] .b-bopis-title {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-bopis-title, .b-dialog.m-care_essentials-product .b-bopis-title {
  letter-spacing: normal;
}
.b-bopis-description {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
}
html[dir=rtl] .b-bopis-description {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-bopis-description, .b-dialog.m-care_essentials-product .b-bopis-description {
  letter-spacing: normal;
}
.b-bopis-store {
  width: 100%;
}
.b-bopis-store_data {
  font-weight: 500;
  padding-top: 10px;
}
.b-bopis-available_msg {
  font-weight: 700;
}
.b-bopis-store_name {
  font-size: 15px;
  font-weight: 700;
}

.b-signintobuy {
  color: #282727;
  font-size: 14px;
  line-height: 1.4;
  margin: 12px 0 8px;
}
.b-signintobuy__link {
  background: none;
  border: 0;
  color: #282727;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.b-order_details {
  color: #282727;
  margin: 0 auto;
  width: 100%;
}
.l-account.m-guest .b-order_details {
  max-width: 900px;
}
.b-order_details-top {
  display: flex;
  flex-direction: column;
  gap: 40px;
  margin-bottom: 40px;
  width: 100%;
}
@media screen and (max-width: 767.9px) {
  .b-order_details-top {
    gap: 24px;
  }
}
.b-order_details-header {
  display: flex;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .b-order_details-return.m-mobile {
    display: none;
  }
}
@media screen and (max-width: 767.9px) {
  .b-order_details-return.m-desktop {
    display: none;
  }
}
.b-order_details-return_link {
  align-items: center;
  border-radius: 4px;
  cursor: pointer;
  display: inline-flex;
  text-decoration: none;
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.4;
  position: relative;
}
.b-order_details-return_link.m-disabled::after, .b-order_details-return_link:disabled::after, .b-order_details-return_link[disabled]::after {
  background: #898992;
}
.b-order_details-return_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-order_details-return_link:hover::after, .b-order_details-return_link:active::after {
  transform: scaleX(0);
}
.b-order_details-return_link.m-disabled, .b-order_details-return_link:disabled, .b-order_details-return_link[disabled] {
  color: #898992;
  pointer-events: none;
}
html[dir=rtl] .b-order_details-return_link {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-order_details-return_link, .b-dialog.m-care_essentials-product .b-order_details-return_link {
  letter-spacing: normal;
}
.b-order_details-return_link.m-disabled::after, .b-order_details-return_link:disabled::after, .b-order_details-return_link[disabled]::after {
  background: #898992;
}
.b-order_details-return_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-order_details-return_link:hover::after, .b-order_details-return_link:active::after {
  transform: scaleX(0);
}
.b-order_details-return_link-icon {
  margin-inline-end: 6px;
}
.b-order_details-return_link-icon svg {
  display: inline-block;
  height: 20px;
  vertical-align: top;
  width: 20px;
}
.b-order_details-caption {
  font-family: var(--care-essentials-font, "DIN Next CYR", "Arial", "Helvetica", sans-serif);
  font-size: 40px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 0.96;
}
@media screen and (max-width: 1179.9px) {
  .b-order_details-caption {
    font-size: 32px;
    line-height: 0.98;
  }
}
html[dir=rtl] .b-order_details-caption {
  letter-spacing: 0;
}
html[lang=ja] .b-order_details-caption, html[lang=ko] .b-order_details-caption {
  line-height: normal;
}
.b-order_details-details {
  display: flex;
  gap: 80px;
}
@media screen and (max-width: 767.9px) {
  .b-order_details-details {
    flex-direction: column;
    gap: 12px;
    margin-top: 16px;
  }
}
.b-order_details-details .b-order_card-status {
  margin-top: 0;
}
@media screen and (max-width: 767.9px) {
  .b-order_details-details .b-order_card-status {
    display: inline-block;
    font-size: 14px;
  }
}
.b-order_details-short_summary {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
  color: #494954;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
html[dir=rtl] .b-order_details-short_summary {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-order_details-short_summary, .b-dialog.m-care_essentials-product .b-order_details-short_summary {
  letter-spacing: normal;
}
@media screen and (max-width: 767.9px) {
  .b-order_details-short_summary {
    margin-top: 8px;
  }
}
.b-order_details-details_col {
  border-inline-start: 1px solid #d2d1d4;
  padding-inline-start: 32px;
}
@media screen and (max-width: 767.9px) {
  .b-order_details-details_col {
    border: none;
    padding: 0;
  }
  .b-order_details-details_col strong {
    font-size: 14px;
  }
}
.b-order_details-details_label {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
  color: #60606a;
  margin-bottom: 4px;
}
html[dir=rtl] .b-order_details-details_label {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-order_details-details_label, .b-dialog.m-care_essentials-product .b-order_details-details_label {
  letter-spacing: normal;
}
@media screen and (max-width: 767.9px) {
  .b-order_details-details_label {
    display: inline-block;
  }
}
.b-order_details-main {
  margin-bottom: 24px;
}
.b-order_details.m-checkout .b-order_details-aside {
  width: 100%;
}
.b-order_details-aside_item {
  border: 1px solid #d2d1d4;
  border-radius: 4px;
  margin-bottom: 24px;
  padding: 32px;
}
@media screen and (max-width: 767.9px) {
  .b-order_details-aside_item {
    padding: 24px 16px;
  }
}
.b-order_details-aside_item:last-child {
  margin-bottom: 0;
}
.b-order_details-title {
  font-family: var(--care-essentials-font, "DIN Next CYR", "Arial", "Helvetica", sans-serif);
  font-size: 28px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 0.98;
  margin-bottom: 24px;
  width: 100%;
}
@media screen and (max-width: 1179.9px) {
  .b-order_details-title {
    font-size: 24px;
    line-height: 1.02;
  }
}
html[dir=rtl] .b-order_details-title {
  letter-spacing: 0;
}
.b-order_details-subtitle {
  font-weight: 600;
  margin-bottom: 12px;
}
.b-order_details-counter {
  margin: 0 0 -8px;
}
.b-order_details-bottom {
  margin-top: 24px;
}
.b-order_details-return_initiated {
  align-items: center;
  background-color: #ebedf6;
  border: 1px solid #001489;
  border-radius: 4px;
  color: #282727;
  display: flex;
  font-size: 14px;
  gap: 12px;
  letter-spacing: 0.98px;
  margin: 16px 0;
  padding: 12px;
}
.b-order_details-storeinfo {
  display: flex;
  gap: 24px;
}
@media screen and (max-width: 767.9px) {
  .b-order_details-storeinfo {
    flex-direction: column;
  }
}
.b-order_details-storeinfo_section {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
}
html[dir=rtl] .b-order_details-storeinfo_section {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-order_details-storeinfo_section, .b-dialog.m-care_essentials-product .b-order_details-storeinfo_section {
  letter-spacing: normal;
}
@media screen and (min-width: 768px) {
  .b-order_details-storeinfo_section {
    flex: 1;
  }
}
.b-order_details-storeinfo_section p {
  margin-top: 4px;
}
.b-order_details-storeinfo_heading {
  font-weight: 700;
  margin-bottom: 12px;
}
.b-order_details .inegibility-reason {
  text-decoration-thickness: 6%;
  text-underline-offset: 25%;
  text-underline-position: from-font;
}
.b-order_details-not_eligible {
  color: #b36200;
  font-size: 14px;
  margin-bottom: 20px;
  margin-top: 10px;
}
.b-order_details-not_eligible a {
  text-decoration: underline;
}

.b-payment_icon {
  background: url("./images/icons/payment-sprite.svg") no-repeat;
  background-size: cover;
  display: inline-block;
  flex-shrink: 0;
  height: 22px;
  width: 32px;
}
.b-payment_icon.m-payment_list {
  height: 37px;
  width: 54px;
}
.b-payment_icon.m-amex {
  background-position: 0% 0;
}
.b-payment_icon.m-discover {
  background-position: 16.6666666667% 0;
}
.b-payment_icon.m-visa {
  background-position: 33.3333333333% 0;
}
.b-payment_icon.m-mastercard, .b-payment_icon.m-master {
  background-position: 50% 0;
}
.b-payment_icon.m-diners, .b-payment_icon.m-dinersclub {
  background-position: 66.6666666667% 0;
}
.b-payment_icon.m-jcb {
  background-position: 83.3333333333% 0;
}
.b-payment_icon.m-unionpay {
  background-position: 100% 0;
}
.b-payment_icon.m-applepay {
  background: url("./images/icons/payment-applepay.svg") no-repeat;
  background-size: contain;
  width: 40px;
}
.b-payment_icon.m-googlepay {
  background: url("./images/icons/payment-googlepay.svg") no-repeat;
  background-size: contain;
  width: 40px;
}
.b-payment_icon.m-cash_on_delivery {
  background: url("./images/icons/payment-jp-cashOnDelivery.svg") no-repeat;
  background-size: contain;
  height: 26px;
  width: 26px;
}
.b-payment_icon.m-cash_on_delivery + .b-summary_payment-number {
  margin-top: 1px;
}
.b-payment_icon.m-fpx, .b-payment_icon.m-atome, .b-payment_icon.m-gcash, .b-payment_icon.m-alipay, .b-payment_icon.m-paynow, .b-payment_icon.m-grabpay, .b-payment_icon.m-touchngo, .b-payment_icon.m-wechatpay, .b-payment_icon.m-duitnow, .b-payment_icon.m-klarna, .b-payment_icon.m-ideal, .b-payment_icon.m-blik {
  background: url("./images/footer-icons.svg") no-repeat;
  display: block;
  height: 25px;
  width: 36px;
}
.b-payment_icon.m-duitnow {
  background-position: -752px -292px;
}
.b-payment_icon.m-klarna {
  background-position: -320px -292px;
}
.b-payment_icon.m-ideal {
  background-position: -488px -292px;
}
.b-payment_icon.m-blik {
  background-position: -544px -292px;
}
.b-payment_icon.m-gcash {
  background-position: -808px -292px;
}
.b-payment_icon.m-alipay {
  background-position: -472px -292px;
}
.b-payment_icon.m-grabpay {
  background-position: -584px -292px;
}
.b-payment_icon.m-fpx {
  background-position: -640px -292px;
}
.b-payment_icon.m-atome {
  background-position: -696px -292px;
}
.b-payment_icon.m-paynow {
  background-position: -864px -292px;
}
.b-payment_icon.m-touchngo {
  background-position: -528px -292px;
}
.b-payment_icon.m-wechatpay {
  background-position: -920px -292px;
}

.b-login_email {
  position: relative;
}
.b-login_email-edit {
  position: relative;
  align-items: center;
  border-radius: 4px;
  display: inline-flex;
  text-decoration: none;
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.4;
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
  position: absolute;
  right: 16px;
  top: 39px;
}
.b-login_email-edit.m-disabled::after, .b-login_email-edit:disabled::after, .b-login_email-edit[disabled]::after {
  background: #898992;
}
.b-login_email-edit::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-login_email-edit:hover::after, .b-login_email-edit:active::after {
  transform: scaleX(0);
}
.b-login_email-edit.m-disabled, .b-login_email-edit:disabled, .b-login_email-edit[disabled] {
  color: #898992;
  pointer-events: none;
}
html[dir=rtl] .b-login_email-edit {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-login_email-edit, .b-dialog.m-care_essentials-product .b-login_email-edit {
  letter-spacing: normal;
}
html[dir=rtl] .b-login_email-edit {
  left: 16px;
  right: initial;
}
.b-login_email .b-input {
  padding-inline-end: 68px;
}
.b-login_email .b-input[disabled] {
  background-color: #ebebea;
  opacity: 0.7;
}

@media screen and (max-width: 1179.9px) {
  .b-summary_order {
    border: 1px solid #d2d1d4;
    border-radius: 4px;
    overflow: hidden;
    padding: 0 20px;
  }
}
@media screen and (max-width: 767.9px) {
  .b-summary_order {
    padding-inline: 16px;
  }
}
.b-summary_order-items {
  padding-bottom: 0;
  padding-inline-end: 0;
}
@media screen and (max-width: 1179.9px) {
  .b-summary_order-items {
    display: flex;
    flex-direction: column;
  }
}
.b-summary_order-item {
  background: #ffffff;
  color: #282727;
  margin-bottom: 20px;
  overflow: hidden;
}
@media screen and (min-width: 1180px) {
  .b-summary_order-item {
    border: 1px solid #d2d1d4;
    border-radius: 4px;
    padding: 24px;
  }
}
.b-summary_order-item:last-child {
  margin: 0;
}
@media screen and (max-width: 1179.9px) {
  .b-summary_order-item.m-checkout_summary {
    margin: 32px 0 24px;
  }
}
@media screen and (min-width: 1180px) {
  .b-summary_order-item.m-checkout_products {
    padding-block: 0;
  }
}
@media screen and (max-width: 1179.9px) {
  .b-summary_order-item.m-checkout_products {
    margin: 0;
  }
}
.b-summary_order-header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}
.b-summary_order-header.m-collapsible {
  margin-bottom: 0;
}
@media screen and (min-width: 1180px) {
  .b-summary_order-header.m-collapsible.m-hide_lg-up {
    display: none;
  }
}
@media screen and (max-width: 1179.9px) {
  .b-summary_order-header.m-collapsible.m-hide_md-down {
    display: none;
  }
}
.b-summary_order-title {
  font-family: var(--care-essentials-font, "DIN Next CYR", "Arial", "Helvetica", sans-serif);
  font-size: 28px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 0.98;
  flex: auto;
}
@media screen and (max-width: 1179.9px) {
  .b-summary_order-title {
    font-size: 24px;
    line-height: 1.02;
  }
}
html[dir=rtl] .b-summary_order-title {
  letter-spacing: 0;
}
.b-summary_order-title .b-accordion-button {
  font-family: var(--care-essentials-font, "DIN Next CYR", "Arial", "Helvetica", sans-serif);
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.02;
  align-items: flex-end;
  justify-content: space-between;
  padding: 24px 0;
}
html[dir=rtl] .b-summary_order-title .b-accordion-button {
  letter-spacing: 0;
}
.b-summary_order-title .b-icon_accordion {
  margin-inline-start: 8px;
}
@media screen and (max-width: 767.9px) {
  .b-summary_order-title .b-icon_accordion {
    margin-inline-start: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1179.9px) {
  .b-summary_order-title .b-icon_accordion {
    margin-inline-start: 24px;
  }
}
.b-summary_order-label {
  display: flex;
  flex: auto;
  justify-content: space-between;
}
.b-summary_order-label_price {
  color: #60606a;
}
.b-summary_order-products {
  padding-inline-end: 0;
}
@media screen and (min-width: 1180px) {
  .b-summary_order-products {
    padding-bottom: 24px;
  }
}

.b-checkout_step {
  margin-bottom: 48px;
}
@media screen and (min-width: 768px) {
  .b-checkout_step {
    margin-bottom: 64px;
  }
}
.b-checkout_step.m-active {
  margin-bottom: 40px;
}
.b-checkout_step.m-active ~ .b-checkout_step {
  margin-bottom: 32px;
}
.l-checkout.m-multi_page .b-checkout_step.m-active {
  margin-bottom: 24px;
}
@media screen and (min-width: 768px) {
  .l-checkout.m-multi_page .b-checkout_step.m-active {
    margin-bottom: 0;
  }
}
.b-checkout_step-header {
  align-items: center;
  border-bottom: 1px solid #d2d1d4;
  display: flex;
  justify-content: space-between;
  padding: 0 0 20px;
}
.b-checkout_step-header:not(.m-active) {
  color: #898992;
}
.b-checkout_step-header.m-active .b-checkout_step-counter {
  background-color: #001489;
  border-color: #001489;
  color: #ffffff;
}
.b-checkout_step-header.m-applied {
  color: #60606a;
}
.l-checkout.m-multi_page .b-checkout_step-header + .b-checkout_step:not(.m-active) {
  margin-top: 32px;
}
.l-checkout.m-multi_page .b-checkout_step-header ~ .b-checkout_step:not(.m-active) {
  margin-bottom: 32px;
}
.b-checkout_step-title {
  font-family: var(--care-essentials-font, "DIN Next CYR", "Arial", "Helvetica", sans-serif);
  font-size: 28px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 0.98;
  align-items: flex-end;
  display: flex;
}
@media screen and (max-width: 1179.9px) {
  .b-checkout_step-title {
    font-size: 24px;
    line-height: 1.02;
  }
}
html[dir=rtl] .b-checkout_step-title {
  letter-spacing: 0;
}
.b-checkout_step-counter {
  font-family: var(--care-essentials-font, "DIN Next CYR", "Arial", "Helvetica", sans-serif);
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.02;
  align-items: center;
  border: 2px solid;
  border-radius: 50%;
  display: inline-block;
  height: 32px;
  justify-content: center;
  line-height: 30px;
  margin-inline-end: 12px;
  text-align: center;
  vertical-align: middle;
  width: 32px;
}
html[dir=rtl] .b-checkout_step-counter {
  letter-spacing: 0;
}
.b-checkout_step-apply_icon {
  color: #60606a;
  margin-inline-end: 12px;
}
.b-checkout_step-apply_icon svg {
  height: 34px;
  width: 34px;
}
.b-checkout_step-section {
  margin: 24px 0;
}
.b-checkout_step-section.m-zero_payment .b-checkout_step-content {
  margin-bottom: 0;
}
.b-checkout_step-content {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 32px;
}
html[dir=rtl] .b-checkout_step-content {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-checkout_step-content, .b-dialog.m-care_essentials-product .b-checkout_step-content {
  letter-spacing: normal;
}

.b-checkout_progress {
  display: flex;
  justify-content: space-between;
  margin: 24px auto;
  position: relative;
}
@media screen and (max-width: 767.9px) {
  .b-checkout_progress::before {
    background-color: #d2d1d4;
    content: "";
    height: 1px;
    left: 50%;
    position: absolute;
    top: 15px;
    transform: translateX(-50%);
    width: 80%;
  }
}
@media screen and (min-width: 768px) {
  .b-checkout_progress {
    gap: 70px;
    justify-content: center;
    margin-block: 32px;
  }
}
@media screen and (min-width: 1440px) {
  .b-checkout_progress {
    margin-bottom: 40px;
  }
}
.b-checkout_progress-item {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 6px;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .b-checkout_progress-item {
    width: 55px;
  }
  .b-checkout_progress-item::before {
    background-color: #d2d1d4;
    content: "";
    height: 1px;
    left: 100%;
    position: absolute;
    top: 15px;
    width: 70px;
  }
  .b-checkout_progress-item:last-child::before {
    display: none;
  }
}
.b-checkout_progress-item:not(.m-active).m-disabled .b-checkout_progress-counter, .b-checkout_progress-item:not(.m-active):disabled .b-checkout_progress-counter, .b-checkout_progress-item:not(.m-active)[disabled] .b-checkout_progress-counter {
  background-color: #f3f3f6;
  border-color: #f3f3f6;
  color: #60606a;
}
.b-checkout_progress-item:not(.m-active).m-disabled .b-checkout_progress-title, .b-checkout_progress-item:not(.m-active):disabled .b-checkout_progress-title, .b-checkout_progress-item:not(.m-active)[disabled] .b-checkout_progress-title {
  color: #60606a;
}
.b-checkout_progress-item.m-active .b-checkout_progress-counter {
  background-color: #001489;
  border-color: #001489;
  color: #ffffff;
}
.b-checkout_progress-title {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 12px;
  color: #282727;
}
html[dir=rtl] .b-checkout_progress-title {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-checkout_progress-title, .b-dialog.m-care_essentials-product .b-checkout_progress-title {
  letter-spacing: normal;
}
@media screen and (min-width: 768px) {
  .b-checkout_progress-title {
    font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
    letter-spacing: 0.07em;
    line-height: 1.36;
    font-weight: 400;
    font-size: 14px;
  }
  html[dir=rtl] .b-checkout_progress-title {
    letter-spacing: 0;
  }
  .l-page.m-care_essentials .b-checkout_progress-title, .b-dialog.m-care_essentials-product .b-checkout_progress-title {
    letter-spacing: normal;
  }
}
.b-checkout_progress-counter {
  font-family: var(--care-essentials-font, "DIN Next CYR", "Arial", "Helvetica", sans-serif);
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.03;
  align-items: center;
  border: 1px solid #282727;
  border-radius: 50%;
  color: #282727;
  display: inline-block;
  height: 31px;
  justify-content: center;
  line-height: 31px;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 31px;
}
html[dir=rtl] .b-checkout_progress-counter {
  letter-spacing: 0;
}
@media screen and (max-width: 767.9px) {
  .b-checkout_progress-counter::before {
    background-color: #ffffff;
    content: "";
    height: 100%;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: calc(100% + 26px);
    z-index: -1;
  }
}

.b-checkout_express-header.m-applied {
  display: none;
}
.b-checkout_express-buttons {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  position: relative;
}
@media screen and (max-width: 767.9px) {
  .b-checkout_express-buttons {
    grid-template-columns: repeat(1, 1fr);
  }
}
.b-checkout_express-buttons > div:empty {
  display: none;
}
.b-checkout_express-buttons .b-express_shoppay-login {
  bottom: 0;
  position: absolute;
}
.b-checkout_express-divider {
  background-color: #d2d1d4;
  flex-shrink: 0;
  height: 1px;
  margin-bottom: 24px;
  text-align: center;
  width: 100%;
}
.b-checkout_express-divider_text {
  background-color: #ffffff;
  display: inline-block;
  font-weight: 700;
  padding: 0 16px;
  text-transform: uppercase;
  transform: translateY(-50%);
  vertical-align: middle;
}
.b-checkout_express-btn {
  margin-top: 0;
}
.b-checkout_express-btn:has(> div:empty:not(.b-paypal_button-loader)) {
  display: none;
}
.b-checkout_express-btn .b-button_apple_pay:not(:empty).b-applepay-express {
  margin-top: 0;
}
.b-checkout_express-btn .gpay-card-info-container {
  outline-offset: -1px;
  min-width: 0 !important;
  width: 100% !important;
}

.b-shipping_method {
  position: relative;
}
.b-shipping_method-radio_selector[aria-busy=true]::after {
  background-color: #ffffff;
  bottom: 0;
  content: "";
  cursor: wait;
  left: 0;
  opacity: 0.5;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 5;
}
.b-shipping_method .b-form_set,
.b-shipping_method .b-form_field {
  margin: 0;
}
.b-shipping_method-datetime .b-message.m-error {
  display: none;
  margin: 0 0 20px;
}
.b-shipping_method-datetime.m-invalid .b-return_calendar {
  box-shadow: inset 0 0 0 1px #d01d1b;
}
.b-shipping_method-datetime.m-invalid .b-message.m-error {
  display: flex;
}
.b-shipping_method-datetime .b-form_set-required {
  margin-bottom: 16px;
}
.b-shipping_method-datetime .b-form_field:has(.b-select-input.m-empty) .b-form_field-label.m-select {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
  top: 24px;
  transform: translateY(-50%);
}
html[dir=rtl] .b-shipping_method-datetime .b-form_field:has(.b-select-input.m-empty) .b-form_field-label.m-select {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-shipping_method-datetime .b-form_field:has(.b-select-input.m-empty) .b-form_field-label.m-select, .b-dialog.m-care_essentials-product .b-shipping_method-datetime .b-form_field:has(.b-select-input.m-empty) .b-form_field-label.m-select {
  letter-spacing: normal;
}
.b-shipping_method-datetime .b-form_field .b-select-input.m-empty {
  color: transparent;
}
.b-shipping_method-datetime .b-form_field .b-select-input.m-empty option {
  color: #282727;
}
.b-shipping_method-datetime_text {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.4;
  margin-block: 20px;
}
html[dir=rtl] .b-shipping_method-datetime_text {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-shipping_method-datetime_text, .b-dialog.m-care_essentials-product .b-shipping_method-datetime_text {
  letter-spacing: normal;
}
.b-shipping_method .b-option_switch:not(:first-child) {
  margin-top: 20px;
}
.b-shipping_method .b-option_switch-name {
  font-weight: 400;
}
.b-shipping_method .b-option_switch-description {
  color: #60606a;
  margin-top: 12px;
}
.b-shipping_method .b-option_switch-promotion {
  margin-top: 12px;
}
.b-shipping_method .b-option_switch-input:checked ~ .b-option_switch-label::before {
  border-color: #282727;
}
.b-shipping_method .b-option_switch .b-price-item.m-free {
  color: #282727;
}

.b-billing {
  margin-top: 20px;
}
.b-billing-inner {
  border: none;
  margin: 0;
  padding: 0;
}
.b-billing-title {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 20px;
  display: block;
  margin-bottom: 20px;
  padding: 0;
}
html[dir=rtl] .b-billing-title {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-billing-title, .b-dialog.m-care_essentials-product .b-billing-title {
  letter-spacing: normal;
}
.b-billing-description {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.4;
  margin-bottom: 20px;
}
html[dir=rtl] .b-billing-description {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-billing-description, .b-dialog.m-care_essentials-product .b-billing-description {
  letter-spacing: normal;
}
.b-billing-summary .b-message {
  margin-bottom: 24px;
}
.b-billing-use_provided {
  display: flex;
}
.b-billing-noinvoice_message {
  margin-bottom: 20px;
}

/*md

# b-options_group

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

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

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

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

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

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

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

.b-payment_option {
  margin-bottom: 20px;
  -webkit-user-select: none;
          user-select: none;
}
.b-payment_option-inner {
  padding: 24px;
  position: relative;
}
.b-payment_option-radio {
  appearance: none;
  bottom: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.b-payment_option-label {
  cursor: pointer;
  display: flex;
  width: 100%;
}
.b-payment_option-label::before {
  border: 1.6px solid #a4a4aa;
  border-radius: 4px;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.b-payment_option-radio:hover ~ .b-payment_option-label::before {
  border-color: #282727;
}
.b-payment_option-radio:checked ~ .b-payment_option-label::before {
  border-color: #282727;
  border-width: 2px;
}
.b-payment_option-inputs {
  display: none;
  margin-top: 24px;
}
.b-payment_option-radio:checked ~ .b-payment_option-label ~ .b-payment_option-inputs {
  display: block;
}
.b-payment_option-inputs .b-form_field {
  margin: 0;
}
.b-payment_option-inputs .b-form_field-caption {
  color: #494954;
}
.b-payment_option-details {
  font-size: 14px;
  margin-inline-start: 12px;
}
.b-payment_option-details_item {
  display: block;
}

.b-payment_accordion {
  border: 0.5px solid #a4a4aa;
  border-radius: 4px;
  overflow: hidden;
}
.b-payment_accordion.m-zero_payment {
  border: none;
  margin-bottom: -8px;
}
.b-payment_accordion-item {
  border-top: 0.5px solid #a4a4aa;
}
.b-payment_accordion-item.m-disabled {
  opacity: 0.4;
  pointer-events: none;
}
.b-payment_accordion-item.m-address-mismatch .b-payment_accordion-content {
  display: block;
}
.b-payment_accordion-item.m-opened .b-payment_accordion-title {
  border: 1px solid #282727;
}
.b-payment_accordion-item.m-opened:has(.b-payment_accordion-content) .b-payment_accordion-title {
  border-bottom: 0;
}
.b-payment_accordion-item.m-opened .b-payment_accordion-content {
  border: 1px solid #282727;
  border-top: 0;
}
.b-payment_accordion.m-zero_payment .b-payment_accordion-item.m-opened .b-payment_accordion-content {
  border: none;
}
.b-payment_accordion-item.m-opened .b-payment_accordion-label {
  font-weight: bold;
}
.b-payment_accordion-item.m-credit_card .b-payment_accordion-button {
  background-image: url("./images/icons/payment-cards.svg");
  background-position: right 16px center;
  background-repeat: no-repeat;
  background-size: auto 21px;
}
html[dir=rtl] .b-payment_accordion-item.m-credit_card .b-payment_accordion-button {
  background-position: left 16px center;
}
.b-payment_accordion-item.m-credit_card .b-payment_accordion-img {
  display: none;
}
.b-payment_accordion-item.m-credit_card-us .b-payment_accordion-button, .b-payment_accordion-item.m-credit_card-ca .b-payment_accordion-button {
  background-image: url("./images/icons/payment-cards-na.svg");
}
.b-payment_accordion-item.m-credit_card-hu .b-payment_accordion-button {
  background-image: url("./images/icons/payment-cards-hu.svg");
}
.b-payment_accordion-item.m-cash_on_delivery .b-payment_accordion-button {
  background-image: url("./images/icons/payment-jp-cashOnDelivery.svg");
  background-position: right 16px center;
  background-repeat: no-repeat;
  background-size: auto 22px;
}
.b-payment_accordion-item.m-cash_on_delivery .b-payment_accordion-img {
  display: none;
}
.b-payment_accordion-item.m-atome .b-payment_accordion-button {
  background-image: url("./images/icons/payment-atome.svg");
  background-position: right 16px center;
  background-repeat: no-repeat;
  background-size: auto 12px;
}
.b-payment_accordion-item.m-atome .b-payment_accordion-img {
  display: none;
}
.b-payment_accordion-item.m-grabpay_SG .b-payment_accordion-button, .b-payment_accordion-item.m-grabpay_MY .b-payment_accordion-button {
  background-image: url("./images/icons/payment-sea-grabpay.svg");
  background-position: right 15px center;
  background-repeat: no-repeat;
  background-size: auto 21px;
}
.b-payment_accordion-item.m-grabpay_SG .b-payment_accordion-img, .b-payment_accordion-item.m-grabpay_MY .b-payment_accordion-img {
  display: none;
}
.b-payment_accordion-item.m-grabpay_PH .b-payment_accordion-button {
  background-image: url("./images/icons/payment-ph-grabpay.svg");
  background-position: right 14px center;
  background-repeat: no-repeat;
  background-size: auto 36px;
}
.b-payment_accordion-item.m-grabpay_PH .b-payment_accordion-img {
  display: none;
}
.b-payment_accordion-item.m-alipay .b-payment_accordion-button {
  background-image: url("./images/icons/payment-sea-alipay.svg");
  background-position: right 12px center;
  background-repeat: no-repeat;
  background-size: auto 40px;
}
.b-payment_accordion-item.m-alipay .b-payment_accordion-img {
  display: none;
}
.b-payment_accordion-item.m-paynow .b-payment_accordion-button {
  background-image: url("./images/icons/payment-paynow.svg");
  background-position: right 13px center;
  background-repeat: no-repeat;
  background-size: auto 22px;
}
.b-payment_accordion-item.m-paynow .b-payment_accordion-img {
  display: none;
}
.b-payment_accordion-item.m-gcash .b-payment_accordion-button {
  background-image: url("./images/icons/payment-sea-gCash.svg");
  background-position: right 12px center;
  background-repeat: no-repeat;
  background-size: auto 40px;
}
.b-payment_accordion-item.m-gcash .b-payment_accordion-img {
  display: none;
}
.b-payment_accordion-item.m-wechatpayWeb .b-payment_accordion-button {
  background-image: url("./images/icons/payment-sg-wechat.svg");
  background-position: right 16px center;
  background-repeat: no-repeat;
  background-size: auto 21px;
}
.b-payment_accordion-item.m-wechatpayWeb .b-payment_accordion-img {
  display: none;
}
.b-payment_accordion-item.m-touchngo .b-payment_accordion-button {
  background-image: url("./images/icons/payment-sea-touchngo.svg");
  background-position: right 6px center;
  background-repeat: no-repeat;
  background-size: auto 28px;
}
.b-payment_accordion-item.m-touchngo .b-payment_accordion-img {
  display: none;
}
.b-payment_accordion-item.m-molpay_ebanking_fpx_MY .b-payment_accordion-button {
  background-image: url("./images/icons/payment-sea-fpx.svg");
  background-position: right 16px center;
  background-repeat: no-repeat;
  background-size: auto 21px;
}
.b-payment_accordion-item.m-molpay_ebanking_fpx_MY .b-payment_accordion-img {
  display: none;
}
.b-payment_accordion-item.m-duitnow .b-payment_accordion-button {
  background-image: url("./images/icons/payment-my-duitnow.svg");
  background-position: right -10px center;
  background-repeat: no-repeat;
  background-size: auto 30px;
}
.b-payment_accordion-item.m-duitnow .b-payment_accordion-img {
  display: none;
}
.b-payment_accordion-item:first-child {
  border-top: 0;
}
.b-payment_accordion-item:first-child.m-opened .b-payment_accordion-title {
  border-radius: 4px 4px 0 0;
}
.b-payment_accordion-item:last-child.m-opened .b-payment_accordion-content {
  border-radius: 0 0 4px 4px;
}
.b-payment_accordion.m-zero_payment .b-payment_accordion-item {
  border: 0;
}
.b-payment_accordion-head {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}
.b-payment_accordion-label {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  font-weight: 400;
  font-size: 14px;
  flex-grow: 1;
  line-height: 1;
  text-align: start;
}
html[dir=rtl] .b-payment_accordion-label {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-payment_accordion-label, .b-dialog.m-care_essentials-product .b-payment_accordion-label {
  letter-spacing: normal;
}
.b-payment_accordion.m-zero_payment .b-payment_accordion-label {
  border: 0;
  font-weight: bold;
  margin-bottom: 24px;
}
.b-payment_accordion-img {
  line-height: 20px;
  max-height: 20px;
  overflow: initial;
}
.m-twint .b-payment_accordion-img {
  max-width: 60px;
}
.b-payment_accordion-content {
  display: none;
  overflow: hidden;
  position: relative;
  transition: cubic-bezier(0.3, 0.46, 0.45, 0.94) 0.2s;
  transition-property: height;
  overflow: visible;
}
.b-payment_accordion-content[aria-hidden=false] {
  display: block;
}
.b-payment_accordion-content.m-ideal, .b-payment_accordion-content.m-molpay_ebanking_fpx_MY {
  overflow: initial;
}
.b-payment_accordion-content_inner {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
  margin: 0 16px;
  padding: 1px 0;
}
html[dir=rtl] .b-payment_accordion-content_inner {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-payment_accordion-content_inner, .b-dialog.m-care_essentials-product .b-payment_accordion-content_inner {
  letter-spacing: normal;
}
.b-payment_accordion.m-zero_payment .b-payment_accordion-content_inner {
  border: 0;
  margin: 0;
}
.b-payment_accordion-content_inner.m-kcp {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
  color: #60606a;
  padding: 12px 0 24px;
}
html[dir=rtl] .b-payment_accordion-content_inner.m-kcp {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-payment_accordion-content_inner.m-kcp, .b-dialog.m-care_essentials-product .b-payment_accordion-content_inner.m-kcp {
  letter-spacing: normal;
}
.b-payment_accordion-content_inner .b-form_set,
.b-payment_accordion-content_inner .b-options_group {
  margin: 12px 0 24px;
  padding: 0;
}
.b-payment_accordion-content_inner .b-payment_form {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
}
html[dir=rtl] .b-payment_accordion-content_inner .b-payment_form {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-payment_accordion-content_inner .b-payment_form, .b-dialog.m-care_essentials-product .b-payment_accordion-content_inner .b-payment_form {
  letter-spacing: normal;
}
.b-payment_accordion-content_inner .b-payment_form-description {
  margin-bottom: 16px;
}
.b-payment_accordion-content_inner .adyen-checkout__card-input .adyen-checkout__label__text {
  font-weight: 400;
  padding: 0;
}
.b-payment_accordion-content_inner .adyen-checkout-form-instruction {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 12px;
  margin: 0 0 20px;
}
html[dir=rtl] .b-payment_accordion-content_inner .adyen-checkout-form-instruction {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-payment_accordion-content_inner .adyen-checkout-form-instruction, .b-dialog.m-care_essentials-product .b-payment_accordion-content_inner .adyen-checkout-form-instruction {
  letter-spacing: normal;
}
.b-payment_accordion-content_inner .adyen-checkout__card__brands,
.b-payment_accordion-content_inner .adyen-checkout__card__cvc__hint__wrapper,
.b-payment_accordion-content_inner .adyen-checkout__field__exp-date_hint_wrapper {
  display: none;
}
@media screen and (max-width: 767.9px) {
  .b-payment_accordion-content_inner .adyen-checkout__card__exp-cvc {
    display: block;
  }
  .b-payment_accordion-content_inner .adyen-checkout__card__exp-cvc.adyen-checkout__field-wrapper > .adyen-checkout__field--50 {
    margin: 0;
    width: 100%;
  }
  html[dir=rtl] .b-payment_accordion-content_inner .adyen-checkout__card__exp-cvc.adyen-checkout__field-wrapper > .adyen-checkout__field--50 {
    margin: 0;
  }
}
.b-payment_accordion-content_inner .shoppay-btn_container {
  margin: 12px 0 24px;
}
.b-payment_accordion-button {
  align-items: baseline;
  cursor: pointer;
  display: flex;
  padding: 20px 16px;
  width: 100%;
}
.b-payment_accordion-button.m-disabled, .b-payment_accordion-button:disabled, .b-payment_accordion-button[disabled] {
  color: #898992;
}
.b-payment_accordion-button.m-disabled .b-payment_accordion-img, .b-payment_accordion-button:disabled .b-payment_accordion-img, .b-payment_accordion-button[disabled] .b-payment_accordion-img {
  opacity: 0.4;
}
.b-payment_accordion-button.m-kcp {
  padding: 18px 16px;
}
.b-payment_accordion-icon {
  display: none;
}
.b-payment_accordion-icon.m-npay {
  background: url("./images/icons/payment-kr-nPay.svg") no-repeat;
  background-size: contain;
  height: 21px;
  width: 60px;
}
.b-payment_accordion-icon.m-kakao {
  background: url("./images/icons/payment-kr-kakao.svg") no-repeat;
  height: 17px;
  width: 71px;
}
.b-payment_accordion-icon.m-cards {
  background: url("./images/icons/cards.svg") no-repeat;
  height: 24px;
  width: 24px;
}
.b-payment_accordion-icons {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: flex-start;
}
html[dir=rtl] .b-payment_accordion-icons {
  justify-content: flex-end;
}
.b-payment_accordion-icons .b-payment_accordion-icon {
  display: inline-block;
}
.b-payment_accordion-form {
  margin: 12px 0 24px;
}

.b-payment_gift_certificate {
  margin-bottom: 32px;
}
.b-payment_gift_certificate-caption {
  margin-bottom: 20px;
}
.b-payment_gift_certificate-applied_list_item {
  margin: 8px 0;
}
.b-payment_gift_certificate-applied_list_item:first-child {
  margin-top: 16px;
}
.b-payment_gift_certificate-applied_list_item:last-child {
  margin-bottom: 0;
}
.b-payment_gift_certificate-check_balance {
  height: auto;
}
.b-payment_gift_certificate-apply {
  margin-bottom: 16px;
}
.b-payment_gift_certificate-balance:not(:empty) {
  margin-top: 20px;
}
.b-payment_gift_certificate-full_cover {
  margin: 20px 0 -32px;
}
.b-payment_gift_certificate-full_cover_message {
  font-size: 16px;
  font-weight: bold;
  margin: 32px 0;
}
.b-payment_gift_certificate-full_cover_email {
  font-weight: bold;
}

.b-privacy_check {
  margin-top: 24px;
}

.b-confirmation_create_account {
  border: 1px solid #d2d1d4;
  border-radius: 4px;
  margin-bottom: 24px;
  padding: 32px;
}
@media screen and (max-width: 767.9px) {
  .b-confirmation_create_account {
    padding: 24px 16px;
  }
}
.b-confirmation_create_account-title {
  font-family: var(--care-essentials-font, "DIN Next CYR", "Arial", "Helvetica", sans-serif);
  font-size: 28px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 0.98;
  margin-bottom: 12px;
}
@media screen and (max-width: 1179.9px) {
  .b-confirmation_create_account-title {
    font-size: 24px;
    line-height: 1.02;
  }
}
html[dir=rtl] .b-confirmation_create_account-title {
  letter-spacing: 0;
}
.b-confirmation_create_account-list {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 24px;
}
html[dir=rtl] .b-confirmation_create_account-list {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-confirmation_create_account-list, .b-dialog.m-care_essentials-product .b-confirmation_create_account-list {
  letter-spacing: normal;
}
.b-confirmation_create_account-list_item {
  padding-inline-start: 22px;
  position: relative;
}
.b-confirmation_create_account-list_item::before {
  content: url("./images/icons/listTick.svg");
  display: block;
  height: 19px;
  inset-inline-start: 0;
  position: absolute;
  top: 0;
  width: 10px;
}

.b-confirmation_header {
  color: #282727;
  display: flex;
  flex-direction: column;
  gap: 40px;
  margin-bottom: 80px;
}
@media screen and (max-width: 1179.9px) {
  .b-confirmation_header {
    margin-bottom: 40px;
  }
}
.b-confirmation_header-title {
  font-family: var(--care-essentials-font, "DIN Next CYR", "Arial", "Helvetica", sans-serif);
  font-size: 48px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 0.92;
  display: flex;
  gap: 20px;
}
@media screen and (max-width: 1179.9px) {
  .b-confirmation_header-title {
    font-size: 40px;
    line-height: 0.96;
  }
}
html[dir=rtl] .b-confirmation_header-title {
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  .b-confirmation_header-title {
    align-items: flex-end;
  }
}
@media screen and (max-width: 1179.9px) {
  .b-confirmation_header-title svg {
    height: 40px;
    width: 40px;
  }
}
@media screen and (max-width: 767.9px) {
  .b-confirmation_header-title {
    flex-direction: column;
    gap: 24px;
  }
}
.b-confirmation_header-title span {
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .b-confirmation_header-title_employee {
    align-items: flex-start;
  }
}
.b-confirmation_header-subtitle {
  text-align: start;
}
.b-confirmation_header-subtitle:first-child {
  margin-inline-end: 60px;
}
.b-confirmation_header-short_summary {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.4;
  word-break: break-word;
}
html[dir=rtl] .b-confirmation_header-short_summary {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-confirmation_header-short_summary, .b-dialog.m-care_essentials-product .b-confirmation_header-short_summary {
  letter-spacing: normal;
}
.b-confirmation_header-details {
  display: flex;
  gap: 80px;
}
@media screen and (max-width: 767.9px) {
  .b-confirmation_header-details {
    flex-direction: column;
    gap: 16px;
  }
}
.b-confirmation_header-details_col {
  border-inline-start: 1px solid #d2d1d4;
  padding-inline-start: 32px;
}
@media screen and (max-width: 767.9px) {
  .b-confirmation_header-details_col {
    border: none;
    display: flex;
    gap: 5px;
    padding: 0;
  }
  .b-confirmation_header-details_col strong {
    font-size: 14px;
  }
}
.b-confirmation_header-details_label {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
  color: #60606a;
  margin-bottom: 4px;
}
html[dir=rtl] .b-confirmation_header-details_label {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-confirmation_header-details_label, .b-dialog.m-care_essentials-product .b-confirmation_header-details_label {
  letter-spacing: normal;
}
@media screen and (max-width: 767.9px) {
  .b-confirmation_header-details_label {
    display: inline-block;
    margin: 0;
    min-width: 120px;
    width: 120px;
  }
}
.b-confirmation_header-details_value {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.4;
}
html[dir=rtl] .b-confirmation_header-details_value {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-confirmation_header-details_value, .b-dialog.m-care_essentials-product .b-confirmation_header-details_value {
  letter-spacing: normal;
}
@media screen and (max-width: 767.9px) {
  .b-confirmation_header-details_value {
    line-height: 1.2;
  }
}

.b-confirmation_summary-item {
  margin-bottom: 32px;
}

.b-checkout_products-counter {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 20px;
}

.b-summary_section {
  overflow-y: hidden;
}
.b-summary_section.m-payments {
  margin-top: 24px;
  overflow-y: visible;
  /* stylelint-disable selector-class-pattern */
}
.b-summary_section.m-payments .b-paypal_button {
  margin-top: 12px;
  min-height: 48px;
  overflow: hidden;
}
@media screen and (min-width: 1180px) and (max-width: 1439.9px) {
  .b-summary_section.m-payments .b-paypal_button {
    width: round(down, 100%, 1px);
  }
}
.b-summary_section.m-payments .paypal-buttons-context-iframe::before, .b-summary_section.m-payments .paypal-buttons-context-iframe::after {
  border: 0.5px solid #282727;
  border-radius: 4px;
  content: "";
  height: 48px;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
}
.b-summary_section.m-payments .paypal-buttons-context-iframe::before {
  top: 62px;
  z-index: 1;
}
.b-summary_section.m-cart_shipping {
  margin-bottom: 40px;
}
@media screen and (max-width: 767.9px) {
  .b-summary_section.m-cart_shipping {
    margin-bottom: 32px;
  }
}
.b-summary_section.m-accepted_methods {
  margin-top: 20px;
}
@media screen and (min-width: 768px) and (max-width: 1179.9px) {
  .b-summary_section.m-accepted_methods {
    margin-bottom: 8px;
  }
}
.b-summary_section-title {
  font-family: var(--care-essentials-font, "DIN Next CYR", "Arial", "Helvetica", sans-serif);
  font-size: 28px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 0.98;
  margin-bottom: 16px;
}
@media screen and (max-width: 1179.9px) {
  .b-summary_section-title {
    font-size: 24px;
    line-height: 1.02;
  }
}
html[dir=rtl] .b-summary_section-title {
  letter-spacing: 0;
}

.b-summary_table {
  font-weight: 500;
  width: 100%;
}
.b-summary_table-name, .b-summary_table-value {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
  padding: 0 0 12px;
  text-align: start;
}
html[dir=rtl] .b-summary_table-name, html[dir=rtl] .b-summary_table-value {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-summary_table-name, .b-dialog.m-care_essentials-product .b-summary_table-name, .l-page.m-care_essentials .b-summary_table-value, .b-dialog.m-care_essentials-product .b-summary_table-value {
  letter-spacing: normal;
}
.b-summary_table-name.m-tooltip {
  display: flex;
}
.b-summary_table-name_details {
  display: none;
}
.b-summary_table-value {
  padding-inline-start: 16px;
  text-align: end;
  vertical-align: top;
  white-space: nowrap;
}
.b-summary_table-value.m-free_shipping {
  text-transform: uppercase;
}
.b-summary_table-value.m-top_align {
  vertical-align: top;
}
.b-summary_table-item {
  display: table;
  width: 100%;
}
.b-summary_table-item.m-discount .b-summary_table-value {
  color: #008a00;
}
.b-summary_table-item.m-total {
  border-top: 1px solid #d2d1d4;
  margin: 8px 0 0;
}
.b-summary_table-item.m-total .b-summary_table-content {
  text-align: start;
  grid-area: description;
  padding: 20px 0 0;
  width: 100%;
}
.b-summary_table-item.m-total .b-summary_table-name {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 700;
  font-size: 14px;
  padding-bottom: 0;
}
html[dir=rtl] .b-summary_table-item.m-total .b-summary_table-name {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-summary_table-item.m-total .b-summary_table-name, .b-dialog.m-care_essentials-product .b-summary_table-item.m-total .b-summary_table-name {
  letter-spacing: normal;
}
.b-summary_table-item.m-total .b-summary_table-value {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 700;
  font-size: 20px;
  margin-left: 8px;
  text-align: end;
  vertical-align: baseline;
  grid-area: price;
  padding: 20px 0 0;
}
html[dir=rtl] .b-summary_table-item.m-total .b-summary_table-value {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-summary_table-item.m-total .b-summary_table-value, .b-dialog.m-care_essentials-product .b-summary_table-item.m-total .b-summary_table-value {
  letter-spacing: normal;
}
.b-summary_table-item.m-total .b-summary_table-value.m-top_align {
  padding-top: 20px;
}
.b-summary_table-item.m-total .b-summary_table-button {
  display: none;
  grid-area: button;
}
.b-summary_table-item.m-total .b-summary_table-price {
  display: flex;
  justify-content: space-between;
}
.b-summary_table-tax {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 12px;
  color: #60606a;
  display: block;
  margin-top: 4px;
  display: table-cell;
  padding-top: 4px;
  text-align: left;
}
html[dir=rtl] .b-summary_table-tax {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-summary_table-tax, .b-dialog.m-care_essentials-product .b-summary_table-tax {
  letter-spacing: normal;
}
.b-summary_table-tax_total {
  display: inline-block;
  margin-left: 5px;
}
.b-summary_table-delivery_period {
  color: #60606a;
}
.b-summary_table.m-sticky {
  margin-bottom: 72px;
}
@media screen and (max-width: 1179.9px) {
  .b-summary_table.m-sticky .b-summary_table-item.m-total {
    background-color: #ffffff;
    bottom: 0;
    display: flex;
    justify-content: space-between;
    left: 0;
    margin: 0;
    padding: 16px 32px;
    position: fixed;
    right: 0;
    z-index: 18;
  }
  .b-summary_table.m-sticky .b-summary_table-item.m-total .b-summary_table-content,
  .b-summary_table.m-sticky .b-summary_table-item.m-total .b-summary_table-value {
    padding: 0;
  }
  .b-summary_table.m-sticky .b-summary_table-item.m-total .b-summary_table-button {
    display: block;
    margin-top: 12px;
  }
  .b-summary_table.m-sticky .b-summary_table-item.m-total .b-summary_table-name {
    padding: 0;
  }
  .b-summary_table.m-sticky .b-summary_table-item.m-total .b-summary_table-tax {
    padding-top: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1179.9px) {
  .b-summary_table.m-sticky .b-summary_table-item.m-total .b-summary_table-button {
    min-width: 336px;
    width: -moz-fit-content;
    width: fit-content;
  }
  .b-summary_table.m-sticky .b-summary_table-item.m-total .b-summary_table-price {
    display: block;
  }
}
@media screen and (max-width: 767.9px) {
  .b-summary_table.m-sticky .b-summary_table-item.m-total {
    flex-direction: column;
    padding: 16px 16px 20px;
  }
}

.b-summary_product {
  width: 100%;
  /* stylelint-disable no-descending-specificity */
  /* stylelint-enable no-descending-specificity */
}
@media screen and (max-width: 1179.9px) {
  .b-summary_product {
    border-bottom: 1px solid #d2d1d4;
  }
}
@media screen and (max-width: 767.9px) {
  .b-summary_product-head,
  .b-summary_product td.b-summary_product-price {
    display: none;
  }
}
@media screen and (min-width: 1180px) {
  .b-summary_product-head,
  .b-summary_product td.b-summary_product-price {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 1179.9px) {
  .b-summary_product-image, .b-summary_product-price, .b-summary_product-qty, .b-summary_product-total {
    margin: 0;
    padding: 24px 0;
    vertical-align: top;
  }
}
.b-summary_product-image.m-header, .b-summary_product-price.m-header, .b-summary_product-qty.m-header, .b-summary_product-total.m-header {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
}
html[dir=rtl] .b-summary_product-image.m-header, html[dir=rtl] .b-summary_product-price.m-header, html[dir=rtl] .b-summary_product-qty.m-header, html[dir=rtl] .b-summary_product-total.m-header {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-summary_product-image.m-header, .b-dialog.m-care_essentials-product .b-summary_product-image.m-header, .l-page.m-care_essentials .b-summary_product-price.m-header, .b-dialog.m-care_essentials-product .b-summary_product-price.m-header, .l-page.m-care_essentials .b-summary_product-qty.m-header, .b-dialog.m-care_essentials-product .b-summary_product-qty.m-header, .l-page.m-care_essentials .b-summary_product-total.m-header, .b-dialog.m-care_essentials-product .b-summary_product-total.m-header {
  letter-spacing: normal;
}
@media screen and (min-width: 768px) and (max-width: 1179.9px) {
  .b-summary_product-image.m-header, .b-summary_product-price.m-header, .b-summary_product-qty.m-header, .b-summary_product-total.m-header {
    padding: 8px 0 16px;
  }
}
.b-summary_product.bopis-products {
  margin-top: 20px;
}
.b-summary_product-item {
  border-top: 1px solid #d2d1d4;
  display: grid;
  grid-template-areas: "image details details" "image qty     total" "bonus bonus   bonus";
  grid-template-columns: 96px auto;
  grid-template-rows: auto auto 1fr;
  padding: 24px 0;
}
@media screen and (min-width: 768px) and (max-width: 1179.9px) {
  .b-summary_product-item {
    display: table-row;
  }
}
@media screen and (min-width: 1180px) {
  .b-summary_product-item:last-child {
    padding-bottom: 0;
  }
}
.b-summary_product-item.bopis-items {
  grid-template-areas: "msg . ." "bopisStore bopisStore bopisStore" "image details details" "image qty total" "bonus bonus bonus";
}
.b-summary_product-item ~ .b-cart_product.m-bonus {
  display: grid;
  grid-template-areas: "image details . .";
  grid-template-columns: 96px auto 0 0;
  padding: 12px 0 20px;
}
@media screen and (min-width: 768px) and (max-width: 1179.9px) {
  .b-summary_product-item ~ .b-cart_product.m-bonus {
    display: table-row;
  }
}
.b-summary_product-item ~ .b-cart_product.m-bonus.m-bonus_order_level {
  padding-top: 0;
}
.b-summary_product-item ~ .b-cart_product.m-bonus.m-bonus_checkout_summary {
  padding: 0;
}
.b-summary_product-item ~ .b-cart_product.m-bonus.m-bonus_checkout_summary .l-cart_product-image {
  height: auto;
}
@media screen and (min-width: 768px) and (max-width: 1179.9px) {
  .b-summary_product-item ~ .b-cart_product.m-bonus .l-cart_product-image {
    padding: 12px 0 24px;
  }
}
.b-summary_product-item ~ .b-cart_product.m-bonus .l-cart_product-price,
.b-summary_product-item ~ .b-cart_product.m-bonus .l-cart_product-remove {
  display: none;
}
.b-summary_product-item ~ .b-cart_product.m-bonus .l-cart_product-details {
  grid-area: details;
  padding-inline-start: 16px;
  width: auto;
}
@media screen and (min-width: 768px) and (max-width: 1179.9px) {
  .b-summary_product-item ~ .b-cart_product.m-bonus .l-cart_product-details {
    padding: 12px 20px;
    vertical-align: top;
  }
}
.b-summary_product-item ~ .b-cart_product.m-bonus .b-cart_product-title {
  font-family: var(--care-essentials-font, "DIN Next CYR", "Arial", "Helvetica", sans-serif);
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.03;
  margin-bottom: 8px;
}
html[dir=rtl] .b-summary_product-item ~ .b-cart_product.m-bonus .b-cart_product-title {
  letter-spacing: 0;
}
.b-summary_product-image.m-header,
.b-summary_product .l-cart_product-image.m-header {
  text-align: start;
}
.b-summary_product-image:not(.m-header),
.b-summary_product .l-cart_product-image:not(.m-header) {
  grid-area: image;
  height: 96px;
  width: 96px;
}
@media screen and (min-width: 768px) and (max-width: 1179.9px) {
  .b-summary_product-image:not(.m-header),
  .b-summary_product .l-cart_product-image:not(.m-header) {
    height: 100px;
    width: 100px;
  }
}
.b-summary_product-bopis_store {
  font-weight: bold;
  grid-area: bopisStore;
  padding-bottom: 20px;
}
.b-summary_product-picture,
.b-summary_product .b-cart_product-picture {
  display: block;
  overflow: hidden;
  padding-bottom: 100%;
  position: relative;
  width: 100%;
}
.b-summary_product-picture img,
.b-summary_product .b-cart_product-picture img {
  border: none;
  bottom: 0;
  color: #ebebea;
  display: block;
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}
.b-summary_product-details {
  grid-area: details;
  padding-inline-start: 16px;
}
@media screen and (min-width: 768px) and (max-width: 1179.9px) {
  .b-summary_product-details {
    padding: 24px 20px;
    width: 50%;
  }
  .b-summary_product-details .b-summary_product-price {
    display: none;
  }
}
.b-summary_product-title {
  font-family: var(--care-essentials-font, "DIN Next CYR", "Arial", "Helvetica", sans-serif);
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.03;
  margin-bottom: 8px;
}
html[dir=rtl] .b-summary_product-title {
  letter-spacing: 0;
}
.b-summary_product-title a {
  cursor: pointer;
  text-decoration: none;
  display: block;
  position: relative;
}
@media not all and (pointer: coarse) {
  .b-summary_product-title a:hover {
    color: #001489;
  }
}
.b-summary_product-title a::after {
  content: "";
  height: 96px;
  left: -112px;
  opacity: 0.5;
  position: absolute;
  top: 0;
  width: 96px;
}
@media screen and (min-width: 768px) and (max-width: 1179.9px) {
  .b-summary_product-title a::after {
    height: 100px;
    left: -120px;
    width: 100px;
  }
}
.b-summary_product-subtitle {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 8px;
}
html[dir=rtl] .b-summary_product-subtitle {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-summary_product-subtitle, .b-dialog.m-care_essentials-product .b-summary_product-subtitle {
  letter-spacing: normal;
}
.b-summary_product-attributes {
  margin-bottom: 12px;
}
.b-summary_product-attribute {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
  color: #60606a;
  word-break: break-word;
}
html[dir=rtl] .b-summary_product-attribute {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-summary_product-attribute, .b-dialog.m-care_essentials-product .b-summary_product-attribute {
  letter-spacing: normal;
}
.b-summary_product-attribute.m-netcontent {
  margin: -3px 0 8px;
}
.b-summary_product-attribute_value {
  word-break: break-word;
}
.b-summary_product-promotion:has(.b-promotion) {
  margin-top: 8px;
}
.b-summary_product-promotion .b-promotion:last-child {
  margin-bottom: 0;
}
.b-summary_product-price.m-header {
  text-align: start;
}
.b-summary_product-price.m-item_price {
  margin-bottom: 8px;
}
@media screen and (min-width: 768px) and (max-width: 1179.9px) {
  .b-summary_product-price.m-item_price .b-price {
    flex-direction: column;
  }
  .b-summary_product-price.m-total, .b-summary_product-price.m-item_price {
    padding: 0;
  }
}
.b-summary_product-qty {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
  grid-area: qty;
  margin-top: 12px;
  padding-inline-start: 16px;
}
html[dir=rtl] .b-summary_product-qty {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-summary_product-qty, .b-dialog.m-care_essentials-product .b-summary_product-qty {
  letter-spacing: normal;
}
@media screen and (min-width: 768px) and (max-width: 1179.9px) {
  .b-summary_product-qty {
    padding-inline-start: 0;
    text-align: center;
  }
}
.b-summary_product-qty_label {
  color: #60606a;
}
@media screen and (min-width: 768px) and (max-width: 1179.9px) {
  .b-summary_product-qty_label {
    display: none;
  }
}
.b-summary_product-qty_value {
  font-weight: 700;
}
.b-summary_product-total {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
  grid-area: total;
  margin-top: 12px;
}
html[dir=rtl] .b-summary_product-total {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-summary_product-total, .b-dialog.m-care_essentials-product .b-summary_product-total {
  letter-spacing: normal;
}
.b-summary_product-total.m-header {
  text-align: end;
}
.b-summary_product-total .b-price {
  justify-content: flex-end;
}

.b-summary_address {
  line-height: 1.6;
  word-break: break-word;
}
.b-summary_address-default {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 700;
  font-size: 14px;
  margin-top: 12px;
}
html[dir=rtl] .b-summary_address-default {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-summary_address-default, .b-dialog.m-care_essentials-product .b-summary_address-default {
  letter-spacing: normal;
}
.b-summary_address-block {
  margin-bottom: 8px;
}
.b-summary_address-line {
  margin-bottom: 4px;
}
html[dir=rtl] .b-summary_address-phone {
  direction: ltr;
  text-align: right;
}

.b-summary_shipping {
  line-height: 1.6;
  word-break: break-word;
}
.b-summary_shipping-method.m-info {
  margin-top: 4px;
}
.b-summary_shipping-arrival_time {
  color: #494954;
  display: block;
}
.b-summary_shipping-delivery_datetime.m-nowrap {
  white-space: nowrap;
}
.b-summary_shipping-cost {
  margin-inline-start: auto;
}
.b-summary_shipping-cost .b-price-item.m-free {
  color: #282727;
}
.b-summary_shipping-promotion {
  margin-top: 8px;
}

.b-summary_payment {
  margin-bottom: 32px;
}
.b-summary_group.m-order_details .b-summary_payment {
  margin-bottom: 0;
}
.b-summary_payment-item,
.b-summary_payment p {
  margin-bottom: 12px;
}
.b-summary_payment-item:last-child,
.b-summary_payment p:last-child {
  margin-bottom: 0;
}
.b-summary_payment-item_title {
  font-weight: 600;
  margin-bottom: 12px;
}
.b-summary_payment-grouped {
  align-items: center;
  display: flex;
  min-height: 20px;
}
.b-summary_payment-number {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
  margin-inline-start: 16px;
}
html[dir=rtl] .b-summary_payment-number {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-summary_payment-number, .b-dialog.m-care_essentials-product .b-summary_payment-number {
  letter-spacing: normal;
}
.b-summary_payment-line {
  display: block;
}
.b-summary_payment-expiration {
  border-inline-start: 1px solid #d2d1d4;
  margin-inline-start: 8px;
  padding-inline-start: 8px;
}

.b-summary_group {
  color: #60606a;
}
.b-summary_group.m-order_details {
  color: #282727;
  margin-bottom: 24px;
}
.b-summary_group.m-order_details:last-child {
  margin-bottom: 0;
}
.b-summary_group-item {
  margin-top: 24px;
}
.b-summary_group.m-order_details .b-summary_group-item {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
  margin-top: 0;
}
html[dir=rtl] .b-summary_group.m-order_details .b-summary_group-item {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-summary_group.m-order_details .b-summary_group-item, .b-dialog.m-care_essentials-product .b-summary_group.m-order_details .b-summary_group-item {
  letter-spacing: normal;
}
.b-summary_group.m-order_details .b-summary_group-item.m-shipping_method {
  order: 3;
}
@media screen and (max-width: 767.9px) {
  .b-summary_group.m-order_details .b-summary_group-item.m-shipping_method {
    width: 100%;
  }
}
.b-summary_group-email {
  font-weight: 300;
  word-wrap: break-word;
}
.b-summary_group-title, .b-summary_group-label {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 700;
  font-size: 14px;
  margin-bottom: 12px;
}
html[dir=rtl] .b-summary_group-title, html[dir=rtl] .b-summary_group-label {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-summary_group-title, .b-dialog.m-care_essentials-product .b-summary_group-title, .l-page.m-care_essentials .b-summary_group-label, .b-dialog.m-care_essentials-product .b-summary_group-label {
  letter-spacing: normal;
}
.b-summary_group-item:has(.m-kcp) .b-summary_group-title {
  display: none;
}
.b-summary_group-caption {
  color: #494954;
}
.b-summary_group-message {
  color: #008a00;
  font-weight: 500;
  margin-top: 20px;
}

.b-summary_group.m-columns {
  column-gap: 24px;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .b-summary_group.m-columns {
    column-gap: 32px;
  }
}
.b-summary_group.m-columns .b-summary_group-item {
  width: calc(50% - 12px);
}
@media screen and (min-width: 768px) {
  .b-summary_group.m-columns .b-summary_group-item {
    width: calc(33.3333% - 22px);
  }
}
.b-summary_group.m-columns .b-summary_group-item:first-child {
  margin-top: 0;
  width: 100%;
}
.b-summary_group.m-columns .b-summary_group-item.m-gift {
  margin-top: 24px;
  width: 100%;
}
.b-summary_group.m-columns .b-summary_group-item .b-summary_address-name {
  display: none;
}
.b-summary_group.m-columns.m-bopis {
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .b-summary_group.m-columns.m-bopis .b-summary_group-item:not(:first-child) {
    width: calc(50% - 12px);
  }
}
.b-summary_group.m-columns.m-order_details {
  gap: 24px;
}
@media screen and (max-width: 767.9px) {
  .b-summary_group.m-columns.m-order_details {
    flex-wrap: wrap;
    gap: 24px 10px;
  }
}
.b-summary_group.m-columns.m-order_details .b-summary_group-item:not(:first-child) {
  width: calc((100% - 48px) / 3);
}
@media screen and (max-width: 767.9px) {
  .b-summary_group.m-columns.m-order_details .b-summary_group-item:not(:first-child) {
    width: calc((100% - 10px) / 2);
  }
}
.b-summary_group.m-columns.m-order_details:has(> :last-child:nth-child(3)) .b-summary_group-item:not(:first-child) {
  width: calc((100% - 24px) / 2);
}

.b-matched_addresses-intro {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.4;
  color: #60606a;
  margin-bottom: 20px;
}
html[dir=rtl] .b-matched_addresses-intro {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-matched_addresses-intro, .b-dialog.m-care_essentials-product .b-matched_addresses-intro {
  letter-spacing: normal;
}
.b-matched_addresses-entry_title {
  font-weight: 700;
  margin-bottom: 16px;
}
.b-matched_addresses-footer {
  display: flex;
  gap: 20px;
  margin-top: 32px;
}
@media screen and (max-width: 767.9px) {
  .b-matched_addresses-footer {
    flex-flow: column;
  }
}
.b-matched_addresses .b-button.m-label_small {
  font-size: 14px;
}
@media screen and (max-width: 767.9px) {
  .b-matched_addresses .b-button.m-label_small {
    font-size: 15px;
  }
}
.b-matched_addresses .b-option_switch {
  --option-indent: 16px;
  padding: 24px 16px;
}
.b-matched_addresses .b-option_switch:first-child {
  margin-bottom: 20px;
}
.b-matched_addresses .b-option_switch-name {
  font-weight: 400;
  margin: 3px 0 12px;
}
.b-matched_addresses .b-option_switch-label::before {
  bottom: -24px;
  top: -24px;
}
.b-matched_addresses .b-option_switch-input:checked ~ .b-option_switch-label::before {
  border-width: 2px;
}
.b-matched_addresses .b-summary_address p {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 0;
}
html[dir=rtl] .b-matched_addresses .b-summary_address p {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-matched_addresses .b-summary_address p, .b-dialog.m-care_essentials-product .b-matched_addresses .b-summary_address p {
  letter-spacing: normal;
}

.b-pickup_point {
  border: none;
  margin: 0;
  padding: 0;
}
.b-pickup_point-legend {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.4;
  display: block;
  margin-bottom: 20px;
  padding: 0;
}
html[dir=rtl] .b-pickup_point-legend {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-pickup_point-legend, .b-dialog.m-care_essentials-product .b-pickup_point-legend {
  letter-spacing: normal;
}
.b-pickup_point-description {
  margin-top: 16px;
}
@media screen and (min-width: 1180px) {
  .b-pickup_point-description {
    margin-top: 20px;
  }
}
.b-pickup_point-shipping, .b-pickup_point-initials {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.b-pickup_point-use_current_location {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 24px;
  width: 100%;
}
.b-pickup_point-use_current_location .b-button.m-link {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
}
html[dir=rtl] .b-pickup_point-use_current_location .b-button.m-link {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-pickup_point-use_current_location .b-button.m-link, .b-dialog.m-care_essentials-product .b-pickup_point-use_current_location .b-button.m-link {
  letter-spacing: normal;
}
.b-pickup_point-use_current_location svg {
  height: 24px;
  width: 24px;
}
.b-pickup_point .b-pickup_address_finder {
  margin-bottom: 16px;
}

.b-storepickup-selected_store {
  margin-bottom: 12px;
}
.b-storepickup-selected_store-inner {
  border: 1px solid #d2d1d4;
  border-radius: 4px;
  margin-bottom: 24px;
  padding: 20px 16px;
}
.b-storepickup-find_store-field {
  margin-bottom: 12px;
}
.b-storepickup-no_results {
  margin: 24px 0;
}
.b-storepickup-no_store_selected {
  margin-bottom: 20px;
}
.b-storepickup-store_selected_success {
  margin-bottom: 20px;
}
.b-storepickup-near_stores {
  display: flex;
  justify-content: flex-end;
  margin: 20px 0 24px;
}
.b-storepickup-near_stores_btn {
  margin-inline-start: 28px;
}
.b-storepickup-near_stores_icon {
  display: inline-block;
  inset-inline-start: 0;
  padding-inline-end: 4px;
  position: absolute;
  transform: translateX(-100%);
}
html[dir=rtl] .b-storepickup-near_stores_icon {
  transform: translateX(100%);
}
.b-storepickup-near_stores_icon svg {
  height: 24px;
  width: 24px;
}
.b-storepickup-near_stores_text {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
}
html[dir=rtl] .b-storepickup-near_stores_text {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-storepickup-near_stores_text, .b-dialog.m-care_essentials-product .b-storepickup-near_stores_text {
  letter-spacing: normal;
}

.b-storepickup_accordion {
  background-color: #ffffff;
  left: 16px;
  max-height: calc(100% - 40px);
  position: absolute;
  top: 16px;
  width: 310px;
}
@media screen and (max-width: 767.9px) {
  .b-storepickup_accordion {
    left: 50%;
    transform: translateX(-50%);
  }
}
@media screen and (min-width: 768px) {
  .b-storepickup_accordion {
    max-height: calc(100% - 32px);
    width: 274px;
  }
}
.b-storepickup_accordion .b-accordion-button {
  padding: 16px;
}
.b-storepickup_accordion .b-accordion-content {
  padding: 0 9px 0 16px;
}

.b-storepickup_map {
  margin-top: 20px;
  position: relative;
}
@media screen and (min-width: 1180px) {
  .b-storepickup_map {
    margin-top: 12px;
  }
}
.b-storepickup_map-canvas {
  height: 500px;
  margin-bottom: 12px;
}
@media screen and (min-width: 768px) {
  .b-storepickup_map-canvas {
    height: 480px;
  }
}

.b-storepickup_results {
  height: 404px;
  overflow: hidden;
  padding: 16px 0;
  position: relative;
}
@media screen and (min-width: 768px) {
  .b-storepickup_results {
    height: 352px;
  }
}
.b-storepickup_results::before {
  background-color: #d2d1d4;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  top: 0;
  width: calc(100% - 13px);
}
.b-storepickup_results-list {
  max-height: 100%;
  overflow-y: auto;
  padding: 0 10px 0 0;
}
.b-storepickup_results-list::-webkit-scrollbar {
  height: 3px;
  width: 3px;
}
.b-storepickup_results-list::-webkit-scrollbar-thumb {
  background: #d2d1d4;
  border-radius: 11px;
}
.b-storepickup_results-list::-webkit-scrollbar-track {
  background: #ffffff;
  border-radius: 11px;
}

.b-storepickup_result {
  border-bottom: 1px solid #d2d1d4;
  padding: 16px 0;
}
.b-storepickup_result.m-info_window {
  min-height: 265px;
  padding: 0;
}
.b-storepickup_result.m-info_window .b-storepickup_result-schedule {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
}
html[dir=rtl] .b-storepickup_result.m-info_window .b-storepickup_result-schedule {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-storepickup_result.m-info_window .b-storepickup_result-schedule, .b-dialog.m-care_essentials-product .b-storepickup_result.m-info_window .b-storepickup_result-schedule {
  letter-spacing: normal;
}
.b-storepickup_result:first-child {
  padding-top: 0;
}
.b-storepickup_result:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.b-storepickup-selected_store .b-storepickup_result {
  border-bottom: none;
  padding: 0;
}
.b-storepickup_result-title {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
}
html[dir=rtl] .b-storepickup_result-title {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-storepickup_result-title, .b-dialog.m-care_essentials-product .b-storepickup_result-title {
  letter-spacing: normal;
}
.b-storepickup_result-distance {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
  margin-top: 10px;
}
html[dir=rtl] .b-storepickup_result-distance {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-storepickup_result-distance, .b-dialog.m-care_essentials-product .b-storepickup_result-distance {
  letter-spacing: normal;
}
.b-storepickup_result-directions {
  position: relative;
  align-items: center;
  border-radius: 4px;
  cursor: pointer;
  display: inline-flex;
  text-decoration: none;
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
  margin-top: 12px;
}
.b-storepickup_result-directions.m-disabled::after, .b-storepickup_result-directions:disabled::after, .b-storepickup_result-directions[disabled]::after {
  background: #898992;
}
.b-storepickup_result-directions::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-storepickup_result-directions:hover::after, .b-storepickup_result-directions:active::after {
  transform: scaleX(0);
}
.b-storepickup_result-directions.m-disabled, .b-storepickup_result-directions:disabled, .b-storepickup_result-directions[disabled] {
  color: #898992;
  pointer-events: none;
}
html[dir=rtl] .b-storepickup_result-directions {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-storepickup_result-directions, .b-dialog.m-care_essentials-product .b-storepickup_result-directions {
  letter-spacing: normal;
}
html[dir=rtl] .b-storepickup_result-directions {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-storepickup_result-directions, .b-dialog.m-care_essentials-product .b-storepickup_result-directions {
  letter-spacing: normal;
}
.b-storepickup_result-address {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
  column-gap: 5px;
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
}
html[dir=rtl] .b-storepickup_result-address {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-storepickup_result-address, .b-dialog.m-care_essentials-product .b-storepickup_result-address {
  letter-spacing: normal;
}
.b-storepickup_result-coma_separated::after {
  content: ", ";
}
.b-storepickup_result-schedule {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
  color: #60606a;
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}
html[dir=rtl] .b-storepickup_result-schedule {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-storepickup_result-schedule, .b-dialog.m-care_essentials-product .b-storepickup_result-schedule {
  letter-spacing: normal;
}
@media screen and (min-width: 768px) {
  .b-storepickup_result-schedule {
    font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
    letter-spacing: 0.07em;
    line-height: 1.36;
    font-weight: 400;
    font-size: 12px;
  }
  html[dir=rtl] .b-storepickup_result-schedule {
    letter-spacing: 0;
  }
  .l-page.m-care_essentials .b-storepickup_result-schedule, .b-dialog.m-care_essentials-product .b-storepickup_result-schedule {
    letter-spacing: normal;
  }
}
.b-storepickup-selected_store .b-storepickup_result-schedule {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 12px;
  color: #282727;
}
html[dir=rtl] .b-storepickup-selected_store .b-storepickup_result-schedule {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-storepickup-selected_store .b-storepickup_result-schedule, .b-dialog.m-care_essentials-product .b-storepickup-selected_store .b-storepickup_result-schedule {
  letter-spacing: normal;
}
.b-storepickup_result-schedule td:first-child {
  padding-right: 24px;
}
.b-storepickup_result-schedule br {
  display: none;
}
.b-storepickup_result-actions {
  margin-top: 16px;
}
@media screen and (max-width: 767.9px) {
  .b-storepickup_result-actions {
    display: flex;
    flex-flow: column;
  }
}
.b-storepickup-selected_store .b-storepickup_result-actions {
  display: none;
}

.gm-style {
  font-family: inherit;
}

.gm-style-iw {
  max-height: 285px !important;
  max-width: 314px !important;
  padding: 16px !important;
  width: 314px;
}

.gm-style-iw-ch {
  padding: 0 !important;
}

.gm-style-iw-d {
  max-height: 285px !important;
  min-height: 280px !important;
  overflow: auto !important;
}

.gm-style-iw-t::after {
  display: none;
}

.gm-style .gm-style-iw-c {
  border-radius: 4px;
  box-shadow: none;
}

.gm-ui-hover-effect {
  height: 24px !important;
  inset-inline-end: 5px !important;
  position: absolute !important;
  top: 5px !important;
  width: 24px !important;
  z-index: 1;
}
.gm-ui-hover-effect span {
  margin: 0 !important;
}
.gm-ui-hover-effect img {
  height: 24px !important;
  width: 24px !important;
}

.b-checkout_login {
  display: flex;
  gap: 80px;
  margin: 0 auto;
  max-width: 900px;
}
@media screen and (max-width: 1179.9px) {
  .b-checkout_login {
    flex-direction: column;
    gap: 57px;
    max-width: 464px;
  }
}
@media screen and (max-width: 767.9px) {
  .b-checkout_login {
    gap: 50px;
    padding-inline: 16px;
  }
}
.b-checkout_login-divider {
  background-color: #d2d1d4;
  flex-shrink: 0;
  text-align: center;
  width: 1px;
}
@media screen and (max-width: 1179.9px) {
  .b-checkout_login-divider {
    height: 1px;
    width: 100%;
  }
}
.b-checkout_login-divider_text {
  background-color: #ffffff;
  display: inline-block;
  font-weight: 700;
  padding: 0 16px;
  text-transform: uppercase;
  transform: translateY(-50%);
  vertical-align: middle;
}
@media screen and (min-width: 1180px) {
  .b-checkout_login-divider_text {
    display: none;
  }
}
.b-checkout_login-description {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
}
html[dir=rtl] .b-checkout_login-description {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-checkout_login-description, .b-dialog.m-care_essentials-product .b-checkout_login-description {
  letter-spacing: normal;
}
.b-checkout_login-guest, .b-checkout_login-form {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media screen and (min-width: 1180px) {
  .b-checkout_login-guest, .b-checkout_login-form {
    width: 50%;
  }
}

.b-footer_simplified {
  background-color: #f3f3f6;
  color: #60606a;
}
.b-footer_simplified-inner {
  margin: 0 auto;
  max-width: 1920px;
  padding-left: 40px;
  padding-right: 40px;
}
@media screen and (min-width: 1180px) and (max-width: 1439.9px) {
  .b-footer_simplified-inner {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1179.9px) {
  .b-footer_simplified-inner {
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media screen and (max-width: 767.9px) {
  .b-footer_simplified-inner {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.b-secure_checkout-text {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
  color: #60606a;
  line-height: normal;
}
html[dir=rtl] .b-secure_checkout-text {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-secure_checkout-text, .b-dialog.m-care_essentials-product .b-secure_checkout-text {
  letter-spacing: normal;
}
.b-secure_checkout .b-content_asset.m-co-header-secure {
  align-items: center;
  display: flex;
  gap: 6px;
}

/* stylelint-disable selector-class-pattern */
.b-gift_certificate-form {
  border-bottom: 1px solid #d2d1d4;
  margin-bottom: 24px;
}
.b-checkout_step-section .b-gift_certificate-form {
  border: 1px solid #a4a4aa;
  border-radius: 4px;
  margin-bottom: 16px;
}
.b-gift_certificate-form-title {
  align-items: center;
  background: none;
  border: none;
  color: #282727;
  cursor: pointer;
  display: flex;
  line-height: 24px;
  padding: 16px 0;
  text-align: start;
  font-family: var(--care-essentials-font, "DIN Next CYR", "Arial", "Helvetica", sans-serif);
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.03;
  margin-bottom: 24px;
  padding: 0;
  width: 100%;
}
html[dir=rtl] .b-gift_certificate-form-title {
  letter-spacing: 0;
}
.b-gift_certificate-form-title::before {
  content: url("./images/icons/icon-gift.svg");
  display: inline-block;
  height: 24px;
  margin-inline-end: 12px;
  width: 24px;
}
.b-checkout_step-section .b-gift_certificate-form-title {
  margin: 0;
  padding: 16px;
}
.b-gift_certificate-form-title_inner {
  margin-top: 4px;
}
.b-checkout_step-section .b-gift_certificate-form-title_inner {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
}
html[dir=rtl] .b-checkout_step-section .b-gift_certificate-form-title_inner {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-checkout_step-section .b-gift_certificate-form-title_inner, .b-dialog.m-care_essentials-product .b-checkout_step-section .b-gift_certificate-form-title_inner {
  letter-spacing: normal;
}
.b-gift_certificate-form-icon {
  height: 24px;
  margin-inline-start: auto;
  width: 24px;
}
.b-gift_certificate-form-icon::before {
  content: url("./images/icons/plus.svg");
  display: block;
  height: 24px;
  width: 24px;
}
[aria-expanded=true] ~ .b-gift_certificate-form-icon::before, [aria-expanded=true] .b-gift_certificate-form-icon::before {
  content: url("./images/icons/minus.svg");
}
.b-gift_certificate-form-content {
  display: none;
  overflow: hidden;
  position: relative;
  transition: cubic-bezier(0.3, 0.46, 0.45, 0.94) 0.2s;
  transition-property: height;
  margin-top: 4px;
  visibility: visible;
}
.b-gift_certificate-form-content[aria-hidden=false],
.b-gift_certificate-form-content .b-gift_certificate-form:not([data-initialized="1"]) {
  display: block;
}
.b-checkout_step-section .b-gift_certificate-form-content {
  margin-top: 12px;
}
.b-gift_certificate-form-collapsed_gift_certificates {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 0 16px;
}
.b-checkout_step-section .b-gift_certificate-form-collapsed_gift_certificates .b-gift_certificate-wrapper:has(.b-gift_certificate) {
  padding: 4px 0 16px;
}
.b-gift_certificate-form-content:not([hidden]) ~ .b-gift_certificate-form-collapsed_gift_certificates {
  display: none;
}
.b-gift_certificate-form-content_inner {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.4;
  color: #282727;
  overflow: hidden;
  padding: 0 16px 20px 0;
  display: flex;
  flex-direction: column;
  padding: 0 0 24px;
}
html[dir=rtl] .b-gift_certificate-form-content_inner {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-gift_certificate-form-content_inner, .b-dialog.m-care_essentials-product .b-gift_certificate-form-content_inner {
  letter-spacing: normal;
}
.b-checkout_step-section .b-gift_certificate-form-content_inner {
  padding: 0 16px 16px;
}
.b-gift_certificate-form-content_inner .b-form_field {
  margin-bottom: 0;
}
.b-gift_certificate-form-content_inner .b-redeem-btn {
  margin: 20px 0;
}
.b-gift_certificate-form-content_inner .m-gift_certificate_pin {
  margin-top: 20px;
}
.b-gift_certificate-form-success, .b-gift_certificate-form-error {
  color: #d01d1b;
  font-size: 14px;
  margin-top: 8px;
}
.b-gift_certificate-form .b-message.m-error {
  margin-bottom: 20px;
}
.b-gift_certificate-form-success {
  color: #008a00;
  margin: 8px 0 20px;
}
.b-gift_certificate-form-zero_amount_msg {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
  background-color: #ebedf6;
  border: 1px solid #001489;
  border-radius: 4px;
  margin: 0 auto;
  align-items: center;
  color: #282727;
  cursor: default;
  display: flex;
  background-color: #ebf6eb;
  border-color: #008a00;
  visibility: visible;
  margin: 0;
  padding: 12px 16px;
}
html[dir=rtl] .b-gift_certificate-form-zero_amount_msg {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-gift_certificate-form-zero_amount_msg, .b-dialog.m-care_essentials-product .b-gift_certificate-form-zero_amount_msg {
  letter-spacing: normal;
}
.b-gift_certificate-form-zero_amount_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-checkout_step-section .b-gift_certificate-form-zero_amount_msg + .b-gift_certificate-wrapper:has(.b-gift_certificate) {
  padding-top: 0;
}
.b-gift_certificate-form-collapsed_gift_certificates .b-gift_certificate-form-zero_amount_msg {
  margin-top: 4px;
}

.b-gift_certificate {
  align-items: flex-start;
  border: 1px solid #d2d1d4;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  font-size: 14px;
  gap: 8px;
  line-height: 24px;
  padding: 4px 8px 4px 10px;
}
html[dir=rtl] .b-gift_certificate {
  padding: 4px 10px 4px 8px;
}
.b-gift_certificate-wrapper {
  display: none;
  flex-wrap: wrap;
  gap: 8px;
}
.b-gift_certificate-wrapper:has(.b-gift_certificate) {
  display: flex;
}
.b-gift_certificate-main {
  align-items: center;
  display: flex;
  gap: 8px;
  justify-content: space-between;
}
.b-gift_certificate-content {
  align-items: center;
  display: flex;
  flex-grow: 1;
  gap: 8px;
}
.b-gift_certificate-balance {
  font-size: 12px;
  margin-top: 4px;
  white-space: normal;
}
.b-gift_certificate-remove {
  cursor: pointer;
  flex-shrink: 0;
  height: 24px;
}
.b-gift_certificate-remove svg {
  vertical-align: top;
}
.b-gift_certificate-statuses {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: -20px;
}
.b-gift_certificate-statuses:has(.b-coupon-status) {
  margin-top: -12px;
}
.b-gift_certificate-status {
  display: block;
  font-size: 14px;
  position: relative;
}
.b-gift_certificate-status.m-not_applied {
  color: #d01d1b;
  padding-inline-start: 24px;
}
.b-gift_certificate-status svg {
  inset-inline-start: 0;
  position: absolute;
}
.b-gift_certificate-icon {
  color: #008a00;
}
.b-gift_certificate.m-not_applied .b-gift_certificate-icon {
  color: #d01d1b;
}
.b-gift_certificate-collapsed_coupons {
  display: block;
}

.b-coupon_form {
  border-bottom: 1px solid #d2d1d4;
  margin-bottom: 24px;
}
.b-checkout_step-section .b-coupon_form {
  border: 0.5px solid #a4a4aa;
  border-radius: 4px;
  margin-bottom: 16px;
}
.b-coupon_form-coupon_icon {
  display: inline-block;
  height: 24px;
  margin-inline-end: 12px;
  width: 24px;
}
.b-coupon_form-title {
  align-items: center;
  background: none;
  border: none;
  color: #282727;
  cursor: pointer;
  display: flex;
  line-height: 24px;
  padding: 16px 0;
  text-align: start;
  font-family: var(--care-essentials-font, "DIN Next CYR", "Arial", "Helvetica", sans-serif);
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.03;
  margin-bottom: 24px;
  padding: 0;
  width: 100%;
}
html[dir=rtl] .b-coupon_form-title {
  letter-spacing: 0;
}
.b-checkout_step-section .b-coupon_form-title {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  margin: 0;
  padding: 16px;
}
html[dir=rtl] .b-checkout_step-section .b-coupon_form-title {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-checkout_step-section .b-coupon_form-title, .b-dialog.m-care_essentials-product .b-checkout_step-section .b-coupon_form-title {
  letter-spacing: normal;
}
.b-coupon_form-title_inner {
  margin-top: 4px;
}
.b-checkout_step-section .b-coupon_form-title_inner {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
  margin-top: 0;
}
html[dir=rtl] .b-checkout_step-section .b-coupon_form-title_inner {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-checkout_step-section .b-coupon_form-title_inner, .b-dialog.m-care_essentials-product .b-checkout_step-section .b-coupon_form-title_inner {
  letter-spacing: normal;
}
.b-coupon_form-icon {
  height: 24px;
  margin-inline-start: auto;
  width: 24px;
}
.b-coupon_form-icon::before {
  content: url("./images/icons/plus.svg");
  display: block;
  height: 24px;
  width: 24px;
}
[aria-expanded=true] ~ .b-coupon_form-icon::before, [aria-expanded=true] .b-coupon_form-icon::before {
  content: url("./images/icons/minus.svg");
}
.b-coupon_form-content {
  display: none;
  overflow: hidden;
  position: relative;
  transition: cubic-bezier(0.3, 0.46, 0.45, 0.94) 0.2s;
  transition-property: height;
  margin-top: 4px;
  visibility: visible;
}
.b-coupon_form-content[aria-hidden=false],
.b-coupon_form-content .b-coupon_form:not([data-initialized="1"]) {
  display: block;
}
.b-checkout_step-section .b-coupon_form-content {
  margin-top: 12px;
}
.b-coupon_form-collapsed_coupons {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 0 16px;
}
.b-checkout_step-section .b-coupon_form-collapsed_coupons .b-coupon-wrapper:has(.b-coupon) {
  padding: 4px 0 16px;
}
.b-coupon_form-content:not([hidden]) ~ .b-coupon_form-collapsed_coupons {
  display: none;
}
.b-coupon_form-content_inner {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.4;
  color: #282727;
  overflow: hidden;
  padding: 0 16px 20px 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 0 0 24px;
}
html[dir=rtl] .b-coupon_form-content_inner {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-coupon_form-content_inner, .b-dialog.m-care_essentials-product .b-coupon_form-content_inner {
  letter-spacing: normal;
}
.b-checkout_step-section .b-coupon_form-content_inner {
  padding: 0 16px 16px;
}
.b-coupon_form-success, .b-coupon_form-error {
  color: #d01d1b;
  font-size: 14px;
  margin-top: 8px;
}
.b-coupon_form-success {
  color: #008a00;
  margin-top: -12px;
}
.b-coupon_form-zero_amount_msg {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
  background-color: #ebedf6;
  border: 1px solid #001489;
  border-radius: 4px;
  margin: 0 auto;
  align-items: center;
  color: #282727;
  cursor: default;
  display: flex;
  background-color: #ebf6eb;
  border-color: #008a00;
  visibility: visible;
  margin: 0;
  padding: 12px 16px;
}
html[dir=rtl] .b-coupon_form-zero_amount_msg {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-coupon_form-zero_amount_msg, .b-dialog.m-care_essentials-product .b-coupon_form-zero_amount_msg {
  letter-spacing: normal;
}
.b-coupon_form-zero_amount_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-checkout_step-section .b-coupon_form-zero_amount_msg + .b-coupon-wrapper:has(.b-coupon) {
  padding-top: 0;
}
.b-coupon_form-collapsed_coupons .b-coupon_form-zero_amount_msg {
  margin-top: 4px;
}

.b-coupon {
  align-items: center;
  border: 1px solid #d2d1d4;
  border-radius: 4px;
  display: flex;
  font-size: 14px;
  gap: 8px;
  line-height: 24px;
  padding: 4px 8px 4px 10px;
}
html[dir=rtl] .b-coupon {
  padding: 4px 10px 4px 8px;
}
.b-coupon-wrapper {
  display: none;
  flex-wrap: wrap;
  gap: 8px;
}
.b-coupon-wrapper:has(.b-coupon) {
  display: flex;
}
.b-coupon-statuses {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: -20px;
}
.b-coupon-statuses:has(.b-coupon-status) {
  margin-top: -12px;
}
.b-coupon-status {
  display: block;
  font-size: 14px;
  position: relative;
}
.b-coupon-status.m-not_applied {
  color: #d01d1b;
  padding-inline-start: 24px;
}
.b-coupon-status svg {
  inset-inline-start: 0;
  position: absolute;
}
.b-coupon-icon {
  color: #008a00;
}
.b-coupon.m-not_applied .b-coupon-icon {
  color: #d01d1b;
}
.b-coupon-remove {
  cursor: pointer;
  display: block;
  height: 24px;
}
.b-coupon-remove svg {
  vertical-align: top;
}
.b-coupon-collapsed_coupons {
  display: block;
}

.b-cart_product-image_link {
  display: block;
}
.b-cart_product-picture {
  display: block;
  overflow: hidden;
  padding-bottom: 100%;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 1440px) {
  .b-cart_product.m-bonus:not(.m-bonus_order_level):not(.m-bonus_checkout_summary) .b-cart_product-picture {
    background-color: initial;
    padding-bottom: 112px;
  }
}
.b-cart_product-picture img {
  border: none;
  bottom: 0;
  color: #ebebea;
  display: block;
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}
@media screen and (min-width: 1440px) {
  .b-cart_product.m-bonus:not(.m-bonus_order_level):not(.m-bonus_checkout_summary) .b-cart_product-picture img {
    height: 112px;
    inset-inline-end: 0;
    left: auto;
    width: 112px;
  }
  html[dir=rtl] .b-cart_product.m-bonus:not(.m-bonus_order_level):not(.m-bonus_checkout_summary) .b-cart_product-picture img {
    left: 0;
  }
}
.b-cart_product-title {
  font-family: var(--care-essentials-font, "DIN Next CYR", "Arial", "Helvetica", sans-serif);
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.36;
  margin-bottom: 8px;
}
html[dir=rtl] .b-cart_product-title {
  letter-spacing: 0;
}
@media screen and (max-width: 767.9px) {
  .b-cart_product-title {
    line-height: 1;
    padding-inline-end: 30px;
  }
}
.b-cart_product-title.m-crossell {
  font-size: 20px;
}
.b-cart_product-title a {
  cursor: pointer;
  text-decoration: none;
}
@media not all and (pointer: coarse) {
  .b-cart_product-title a:hover {
    color: #001489;
  }
}
.b-dialog.m-drawer .b-cart_product-title {
  pointer-events: none;
}
.b-cart_product-subtitle {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 8px;
}
html[dir=rtl] .b-cart_product-subtitle {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-cart_product-subtitle, .b-dialog.m-care_essentials-product .b-cart_product-subtitle {
  letter-spacing: normal;
}
@media screen and (max-width: 767.9px) {
  .b-cart_product-subtitle {
    padding-inline-end: 30px;
  }
}
.b-cart_product-number {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 12px;
  color: #60606a;
  margin-bottom: 8px;
}
html[dir=rtl] .b-cart_product-number {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-cart_product-number, .b-dialog.m-care_essentials-product .b-cart_product-number {
  letter-spacing: normal;
}
.b-cart_product-attributes {
  color: #60606a;
}
.b-cart_product-attribute {
  color: #60606a;
  word-break: break-word;
}
.b-cart_product-attribute.m-wishlist {
  color: #60606a;
}
.b-cart_product-attribute.m-netcontent {
  margin: -3px 0 8px;
}
.b-minicart .b-cart_product-attribute.m-netcontent {
  color: #282727;
}
.b-cart_product-attribute_value {
  word-break: break-all;
}
.b-cart_product-attribute_value.m-gift_certificate {
  display: block;
  font-weight: normal;
}
.b-cart_product-attribute_value.m-gift_certificate_email {
  display: block;
}
.b-cart_product-qty {
  display: flex;
}
@media screen and (min-width: 1440px) {
  .b-cart_product-qty {
    justify-content: center;
  }
}
.b-cart_product-qty.m-bopis, .b-cart_product-qty.m-order_details {
  justify-content: flex-start;
}
@media screen and (min-width: 1440px) {
  .b-cart_product-qty.m-preselected {
    font-size: 16px;
  }
}
@media screen and (max-width: 1439.9px) {
  .b-cart_product-qty.m-preselected {
    margin-top: 16px;
  }
}
.b-cart_product-qty.m-order_details {
  color: #60606a;
  margin-top: 12px;
}
.b-cart_product-qty.m-order_details .b-product_line-qty_number {
  color: #282727;
}
@media screen and (min-width: 768px) {
  .b-cart_product-qty.m-mobile {
    display: none;
  }
}
.b-cart_product-qty .b-form_field {
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .b-cart_product-qty .b-stepper {
    margin: 0 auto;
  }
}
.b-cart_product-qty_caption {
  display: none;
}
@media screen and (min-width: 768px) {
  .b-cart_product-availability:has(.b-availability) {
    margin-top: 12px;
    min-height: 20px;
    position: relative;
  }
  .b-cart_product-availability:has(.b-availability) .b-availability {
    inset-inline-start: 0;
    max-width: 550px;
    position: absolute;
    top: 0;
    width: 75vw;
  }
}
@media screen and (max-width: 767.9px) {
  .b-cart_product-availability .b-availability {
    padding: 0 0 24px 16px;
  }
  html[dir=rtl] .b-cart_product-availability .b-availability {
    padding: 0 16px 24px 0;
  }
}
.b-cart_product-price {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
  display: flex;
}
html[dir=rtl] .b-cart_product-price {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-cart_product-price, .b-dialog.m-care_essentials-product .b-cart_product-price {
  letter-spacing: normal;
}
@media screen and (min-width: 768px) {
  .b-cart_product-price.m-mobile {
    display: none;
  }
  .b-cart_product-price .b-price {
    align-items: flex-start;
    flex-direction: column;
  }
  .b-dialog.m-drawer .b-cart_product-price .b-price {
    align-items: center;
    flex-direction: row;
  }
  .b-cart_product-price .b-price-item {
    margin: 0;
  }
  .b-dialog.m-drawer .b-cart_product-price .b-price-item {
    margin-inline-end: 8px;
  }
}
@media screen and (max-width: 767.9px) {
  .b-cart_product-price.m-item_price {
    margin-bottom: 8px;
  }
  .b-cart_product-price.m-item_price .b-price {
    align-items: center;
    line-height: 1;
  }
}
.b-cart_product-price.m-crossell {
  padding-top: 4px;
}
.b-cart_product-price.m-order_details {
  margin-bottom: 8px;
}
.b-cart_product-price.m-order_details .b-price {
  display: block;
}
@media screen and (min-width: 768px) {
  .b-cart_product-price .b-price-badge {
    align-self: flex-start;
    margin-top: 8px;
  }
  .b-dialog.m-drawer .b-cart_product-price .b-price-badge {
    margin-top: 0;
  }
}
.b-cart_product-price .b-price-item.m-old {
  color: #60606a;
  font-weight: 400;
}
.b-cart_product-price .b-price-item.m-new {
  color: #282727;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .b-cart_product-price .b-price-item.m-new {
    margin-top: 2px;
  }
}
@media screen and (max-width: 767.9px) {
  .b-cart_product-price.m-total {
    margin-top: 2px;
  }
}
@media screen and (min-width: 768px) {
  .b-cart_product-price.m-total.m-mobile {
    display: none;
  }
}
@media screen and (max-width: 767.9px) {
  .b-cart_product-price.m-total.m-mobile {
    float: inline-end;
    margin-top: 12px;
  }
  .l-order_confirmation .b-cart_product-price.m-total.m-mobile {
    margin-top: 0;
  }
}
.b-cart_product-price + .b-cart_product-attribute {
  margin-top: 8px;
}
.b-cart_product-promotion .b-promotion:first-child {
  margin-top: 12px;
}
.b-cart_product-promotion .b-promotion:last-child {
  margin-bottom: 0;
}
.b-cart_product-edit {
  margin-top: 8px;
}
.b-cart_product-edit.m-small {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
  color: #60606a;
}
html[dir=rtl] .b-cart_product-edit.m-small {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-cart_product-edit.m-small, .b-dialog.m-care_essentials-product .b-cart_product-edit.m-small {
  letter-spacing: normal;
}
.b-cart_product-remove {
  align-items: center;
  appearance: none;
  background: transparent;
  border: none;
  color: inherit;
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  height: 24px;
  justify-content: center;
  text-align: center;
  text-decoration: none;
  color: #60606a;
  display: inline-flex;
  margin-top: -4px;
  min-width: 24px;
}
@media screen and (max-width: 1179.9px) {
  .b-cart_product-remove {
    min-height: 44px;
    min-width: 24px;
  }
}
.b-cart_product-remove:hover {
  color: #001489;
}
.m-care_essentials .b-cart_product-remove:hover, .m-1774 .b-cart_product-remove:hover {
  color: inherit;
}
@media screen and (max-width: 1179.9px) {
  .b-cart_product-remove {
    min-height: 24px;
  }
}
.b-cart_product-msg.m-error {
  margin: 24px 0 0;
}
.b-cart_product-select_bonus {
  margin-top: 12px;
}
@media screen and (max-width: 1439.9px) {
  .b-cart_product-select_bonus {
    display: none;
  }
}
@media screen and (max-width: 767.9px) {
  .b-cart_product-select_bonus {
    padding: 0 8px;
  }
}
@media screen and (min-width: 1440px) {
  .b-cart_product.m-gift_order_level + .b-cart_product.m-bonus .b-cart_product-picture {
    padding-bottom: 100%;
  }
}
.b-cart_product.m-gift_order_level + .b-cart_product.m-bonus .b-cart_product-picture img {
  height: 100%;
  left: 0;
  width: 100%;
}

.b-employee_allowance_banner {
  background: #f3f3f6;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  letter-spacing: 0.07em;
  padding: 24px 16px;
}
.l-cart-products .b-employee_allowance_banner {
  margin-bottom: 24px;
}
.b-order_details-aside_item .b-employee_allowance_banner {
  margin-bottom: 0;
  margin-top: 24px;
}
.b-summary_order-items .b-employee_allowance_banner {
  margin-top: 24px;
}
.b-employee_allowance_banner-title {
  font-family: var(--care-essentials-font, "DIN Next CYR", "Arial", "Helvetica", sans-serif);
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.03;
  margin: 0;
}
html[dir=rtl] .b-employee_allowance_banner-title {
  letter-spacing: 0;
}
.b-employee_allowance_banner-content {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.b-employee_allowance_banner-before_after_details {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.b-employee_allowance_banner-row {
  align-items: center;
  display: flex;
  font-size: 14px;
  font-weight: normal;
  gap: 12px;
  justify-content: space-between;
  line-height: 1.5;
  min-height: 24px;
}
.b-employee_allowance_banner-label.m-bold {
  font-weight: bold;
}
.b-employee_allowance_banner-value {
  align-self: baseline;
  white-space: nowrap;
}
.b-employee_allowance_banner-value.m-bold {
  font-weight: bold;
}
.b-employee_allowance_banner-value.m-error {
  color: #d01d1b;
  font-weight: bold;
}
.b-employee_allowance_banner-info_box {
  align-items: flex-start;
  align-self: stretch;
  background: #f9f2eb;
  border: 0.5px solid #b36200;
  border-radius: 4px;
  display: flex;
  gap: 12px;
  padding: 16px;
}
.b-employee_allowance_banner-info_reminder_icon {
  color: #b36200;
  flex-shrink: 0;
  height: 24px;
  width: 24px;
}
.b-employee_allowance_banner-info_text {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.5;
}

.b-disallowed_cookie {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
  align-items: center;
  border: 1px solid #d2d1d4;
  border-radius: 4px;
  color: #60606a;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 24px;
  text-align: center;
}
html[dir=rtl] .b-disallowed_cookie {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-disallowed_cookie, .b-dialog.m-care_essentials-product .b-disallowed_cookie {
  letter-spacing: normal;
}
.b-disallowed_cookie-title {
  font-family: var(--care-essentials-font, "DIN Next CYR", "Arial", "Helvetica", sans-serif);
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.03;
}
html[dir=rtl] .b-disallowed_cookie-title {
  letter-spacing: 0;
}
.b-disallowed_cookie-link {
  color: #282727;
}
.b-disallowed_cookie-more_details {
  font-size: 12px;
}

/* stylelint-disable selector-class-pattern */ /* ===============================
=            Choices            =
=============================== */
.choices {
  position: relative;
  overflow: hidden;
  margin-bottom: 24px;
  font-size: 16px;
}
.choices:focus {
  outline: none;
}
.choices:last-child {
  margin-bottom: 0;
}
.choices.is-open {
  overflow: visible;
}
.choices.is-disabled .choices__inner,
.choices.is-disabled .choices__input {
  background-color: #eaeaea;
  cursor: not-allowed;
  -webkit-user-select: none;
          user-select: none;
}
.choices.is-disabled .choices__item {
  cursor: not-allowed;
}
.choices [hidden] {
  display: none !important;
}

.choices[data-type*=select-one] {
  cursor: pointer;
}
.choices[data-type*=select-one] .choices__inner {
  padding-bottom: 7.5px;
}
.choices[data-type*=select-one] .choices__input {
  display: block;
  width: 100%;
  padding: 10px;
  border-bottom: 1px solid #ddd;
  background-color: #fff;
  margin: 0;
}
.choices[data-type*=select-one] .choices__button {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==");
  padding: 0;
  background-size: 8px;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -10px;
  margin-right: 25px;
  height: 20px;
  width: 20px;
  border-radius: 10em;
  opacity: 0.25;
}
.choices[data-type*=select-one] .choices__button:hover, .choices[data-type*=select-one] .choices__button:focus {
  opacity: 1;
}
.choices[data-type*=select-one] .choices__button:focus {
  box-shadow: 0 0 0 2px #005F75;
}
.choices[data-type*=select-one] .choices__item[data-placeholder] .choices__button {
  display: none;
}
.choices[data-type*=select-one]::after {
  content: "";
  height: 0;
  width: 0;
  border-style: solid;
  border-color: #333 transparent transparent transparent;
  border-width: 5px;
  position: absolute;
  right: 11.5px;
  top: 50%;
  margin-top: -2.5px;
  pointer-events: none;
}
.choices[data-type*=select-one].is-open::after {
  border-color: transparent transparent #333;
  margin-top: -7.5px;
}
.choices[data-type*=select-one][dir=rtl]::after {
  left: 11.5px;
  right: auto;
}
.choices[data-type*=select-one][dir=rtl] .choices__button {
  right: auto;
  left: 0;
  margin-left: 25px;
  margin-right: 0;
}

.choices[data-type*=select-multiple] .choices__inner,
.choices[data-type*=text] .choices__inner {
  cursor: text;
}
.choices[data-type*=select-multiple] .choices__button,
.choices[data-type*=text] .choices__button {
  position: relative;
  display: inline-block;
  margin-top: 0;
  margin-right: -4px;
  margin-bottom: 0;
  margin-left: 8px;
  padding-left: 16px;
  border-left: 1px solid #003642;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==");
  background-size: 8px;
  width: 8px;
  line-height: 1;
  opacity: 0.75;
  border-radius: 0;
}
.choices[data-type*=select-multiple] .choices__button:hover, .choices[data-type*=select-multiple] .choices__button:focus,
.choices[data-type*=text] .choices__button:hover,
.choices[data-type*=text] .choices__button:focus {
  opacity: 1;
}

.choices__inner {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  background-color: #f9f9f9;
  padding: 7.5px 7.5px 3.75px;
  border: 1px solid #ddd;
  border-radius: 2.5px;
  font-size: 14px;
  min-height: 44px;
  overflow: hidden;
}
.is-focused .choices__inner, .is-open .choices__inner {
  border-color: #b7b7b7;
}
.is-open .choices__inner {
  border-radius: 2.5px 2.5px 0 0;
}
.is-flipped.is-open .choices__inner {
  border-radius: 0 0 2.5px 2.5px;
}

.choices__list {
  margin: 0;
  padding-left: 0;
  list-style: none;
}
.choices__list--single {
  display: inline-block;
  padding: 4px 16px 4px 4px;
  width: 100%;
}
[dir=rtl] .choices__list--single {
  padding-right: 4px;
  padding-left: 16px;
}
.choices__list--single .choices__item {
  width: 100%;
}

.choices__list--multiple {
  display: inline;
}
.choices__list--multiple .choices__item {
  display: inline-block;
  vertical-align: middle;
  border-radius: 20px;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 500;
  margin-right: 3.75px;
  margin-bottom: 3.75px;
  background-color: #005F75;
  border: 1px solid #004a5c;
  color: #fff;
  word-break: break-all;
  box-sizing: border-box;
}
.choices__list--multiple .choices__item[data-deletable] {
  padding-right: 5px;
}
[dir=rtl] .choices__list--multiple .choices__item {
  margin-right: 0;
  margin-left: 3.75px;
}
.choices__list--multiple .choices__item.is-highlighted {
  background-color: #004a5c;
  border: 1px solid #003642;
}
.is-disabled .choices__list--multiple .choices__item {
  background-color: #aaaaaa;
  border: 1px solid #919191;
}

.choices__list--dropdown, .choices__list[aria-expanded] {
  display: none;
  z-index: 1;
  position: absolute;
  width: 100%;
  background-color: #fff;
  border: 1px solid #ddd;
  top: 100%;
  margin-top: -1px;
  border-bottom-left-radius: 2.5px;
  border-bottom-right-radius: 2.5px;
  overflow: hidden;
  word-break: break-all;
}
.is-active.choices__list--dropdown, .is-active.choices__list[aria-expanded] {
  display: block;
}
.is-open .choices__list--dropdown, .is-open .choices__list[aria-expanded] {
  border-color: #b7b7b7;
}
.is-flipped .choices__list--dropdown, .is-flipped .choices__list[aria-expanded] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: -1px;
  border-radius: 0.25rem 0.25rem 0 0;
}
.choices__list--dropdown .choices__list, .choices__list[aria-expanded] .choices__list {
  position: relative;
  max-height: 300px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  will-change: scroll-position;
}
.choices__list--dropdown .choices__item, .choices__list[aria-expanded] .choices__item {
  position: relative;
  padding: 10px;
  font-size: 14px;
}
[dir=rtl] .choices__list--dropdown .choices__item, [dir=rtl] .choices__list[aria-expanded] .choices__item {
  text-align: right;
}
@media (min-width: 640px) {
  .choices__list--dropdown .choices__item--selectable[data-select-text], .choices__list[aria-expanded] .choices__item--selectable[data-select-text] {
    padding-right: 100px;
  }
  .choices__list--dropdown .choices__item--selectable[data-select-text]::after, .choices__list[aria-expanded] .choices__item--selectable[data-select-text]::after {
    content: attr(data-select-text);
    font-size: 12px;
    opacity: 0;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
  }
  [dir=rtl] .choices__list--dropdown .choices__item--selectable[data-select-text], [dir=rtl] .choices__list[aria-expanded] .choices__item--selectable[data-select-text] {
    text-align: right;
    padding-left: 100px;
    padding-right: 10px;
  }
  [dir=rtl] .choices__list--dropdown .choices__item--selectable[data-select-text]::after, [dir=rtl] .choices__list[aria-expanded] .choices__item--selectable[data-select-text]::after {
    right: auto;
    left: 10px;
  }
}
.choices__list--dropdown .choices__item--selectable.is-highlighted, .choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
  background-color: #f2f2f2;
}
.choices__list--dropdown .choices__item--selectable.is-highlighted::after, .choices__list[aria-expanded] .choices__item--selectable.is-highlighted::after {
  opacity: 0.5;
}

.choices__item {
  cursor: default;
}

.choices__item--selectable {
  cursor: pointer;
}

.choices__item--disabled {
  cursor: not-allowed;
  -webkit-user-select: none;
          user-select: none;
  opacity: 0.5;
}

.choices__heading {
  font-weight: 600;
  font-size: 12px;
  padding: 10px;
  border-bottom: 1px solid #f7f7f7;
  color: gray;
}

.choices__button {
  text-indent: -9999px;
  appearance: none;
  border: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.choices__button:focus {
  outline: none;
}

.choices__input {
  display: inline-block;
  vertical-align: baseline;
  background-color: #f9f9f9;
  font-size: 14px;
  margin-bottom: 5px;
  border: 0;
  border-radius: 0;
  max-width: 100%;
  padding: 4px 0 4px 2px;
}
.choices__input:focus {
  outline: 0;
}
.choices__input::-webkit-search-decoration, .choices__input::-webkit-search-cancel-button, .choices__input::-webkit-search-results-button, .choices__input::-webkit-search-results-decoration {
  display: none;
}
.choices__input::-ms-clear, .choices__input::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}
[dir=rtl] .choices__input {
  padding-right: 2px;
  padding-left: 0;
}

.choices__placeholder {
  opacity: 0.5;
}

/* =====  End of Choices  ====== */
.choices {
  font-size: 14px;
  margin-bottom: 0;
}
.choices::after {
  display: none;
}
.choices.is-open + .b-select-icon_wrap {
  z-index: 3;
}
.choices.is-open + .b-select-icon_wrap .b-select-icon {
  transform: rotate(180deg) translateY(50%);
}
.choices.is-disabled + .b-select-icon_wrap {
  color: #bbbbbf;
}
.m-search_icon .choices__item[data-value=""] {
  opacity: 0;
}
.choices__item--choice[data-value=""] {
  display: none;
}
.choices__list[aria-expanded] {
  border-color: #a4a4aa;
  border-radius: 4px;
  margin-top: -48px;
  z-index: 3;
}
.choices__list[aria-expanded] .choices__list {
  max-height: 240px;
}
.choices__list[aria-expanded] .choices__item {
  border-bottom: 1px solid #a4a4aa;
  padding: 16px;
}
.choices__list[aria-expanded] .choices__item:last-child {
  border-bottom: none;
}
.choices__list[aria-expanded] .choices__item.is-highlighted {
  background-color: transparent;
}
.choices__list[aria-expanded] .choices__item.is-highlighted:hover {
  background-color: #ebedf6;
  border-right: #a4a4aa 1px solid;
}
.choices__list[aria-expanded] .choices__item.is-selected {
  background-color: transparent;
  box-shadow: inset 0 0 0 1px #282727;
  cursor: default;
}
.choices__list[aria-expanded] .choices__item.is-selected:hover {
  background-color: transparent;
  border-right: none;
}
.choices__inner {
  background-color: #ffffff;
  border: none;
  border-radius: 4px;
  box-shadow: inset 0 0 0 1px #a4a4aa;
  height: 48px;
  padding: 8px 8px 4px;
}
.choices__inner:hover {
  box-shadow: inset 0 0 0 1px #282727;
}
.b-form_field.m-invalid .choices__inner {
  box-shadow: inset 0 0 0 1px #d01d1b;
}
.choices.m-invalid .choices__inner {
  box-shadow: inset 0 0 0 1px #d01d1b;
}
.choices.is-disabled .choices__inner {
  background: #f3f3f6;
  box-shadow: inset 0 0 0 1px #d2d1d4;
  color: #898992;
  cursor: default;
}
.choices.is-disabled .choices__inner:hover {
  box-shadow: inset 0 0 0 1px #d2d1d4;
}
.choices.is-disabled .choices__inner .choices__item {
  cursor: default;
}
.b-form_field-label:hover + .b-select .choices__inner {
  box-shadow: inset 0 0 0 1px #282727;
}
.b-form_field-label:hover + .b-select .choices.is-disabled .choices__inner {
  box-shadow: inset 0 0 0 1px #d2d1d4;
}
.choices.is-flipped .choices__list[aria-expanded] {
  display: flex;
  flex-direction: column-reverse;
  margin-bottom: -48px;
}
.choices.is-open .choices__list[aria-expanded] {
  border-color: #a4a4aa;
}
.choices.m-invalid .choices__list[aria-expanded] {
  border-color: #d01d1b;
  color: #d01d1b;
}
.choices__list--single {
  padding: 14px 25px 4px 9px;
}
.choices__list--dropdown {
  border-radius: 4px;
}
.choices__placeholder {
  opacity: 1;
}
.m-search_icon .choices__placeholder {
  opacity: 0;
}
.choices.is-disabled .choices__placeholder {
  cursor: default;
}
.choices[data-type*=select-one] .choices__input {
  border-bottom: 1px solid #a4a4aa;
  border-radius: 4px;
  height: 48px;
  letter-spacing: 1.12px;
  padding: 19px 16px 3px;
}
.choices.is-flipped .choices__input {
  border: none;
  border-top: 1px solid #a4a4aa;
}
.choices[data-type*=select-one] .choices__input:focus {
  border: none;
}
.choices.m-invalid[data-type*=select-one] .choices__input {
  border-color: #d01d1b;
}
.choices.is-open[data-type*=select-one]::before {
  border-radius: 4px 4px 0 0;
  box-shadow: inset 0 0 0 1.6px #001489;
  content: "";
  height: 48px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 4;
}
.choices.is-open.is-flipped[data-type*=select-one]::before {
  border-radius: 0 0 4px 4px;
}

.b-form_field:has(.choices.is-open) .b-form_field-label {
  z-index: 4;
}
.b-form_field:has(.choices.is-disabled) .b-form_field-label, .b-form_field:has(.choices.is-disabled) .b-form_field-required_mark {
  color: #898992;
}
.b-form_field.m-search_icon .b-select-icon_wrap {
  background-image: url("./images/icons/search.svg");
  bottom: 0;
  height: 24px;
  inset-inline-end: 12px;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
}
.b-form_field.m-search_icon .b-select-icon_wrap use {
  display: none;
}
.b-form_field.m-search_icon:not(.m-valid) .b-form_field-label {
  font-size: 14px;
  transform: translateY(15px);
}
.b-form_field.m-search_icon:has(.choices.is-open) .b-form_field-label, .b-form_field:has(.choices__item--choice.is-selected:not([data-value=""])) .b-form_field-label {
  font-size: 12px;
  transform: translateY(5px);
}

.b-hubbox-pickup_point .b-point_name {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.4;
  margin-bottom: 12px;
}
html[dir=rtl] .b-hubbox-pickup_point .b-point_name {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-hubbox-pickup_point .b-point_name, .b-dialog.m-care_essentials-product .b-hubbox-pickup_point .b-point_name {
  letter-spacing: normal;
}
.b-hubbox-pickup_point .b-point_address {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
}
html[dir=rtl] .b-hubbox-pickup_point .b-point_address {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-hubbox-pickup_point .b-point_address, .b-dialog.m-care_essentials-product .b-hubbox-pickup_point .b-point_address {
  letter-spacing: normal;
}
.b-hubbox-pickup_point .b-point_phone {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 12px;
}
html[dir=rtl] .b-hubbox-pickup_point .b-point_phone {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-hubbox-pickup_point .b-point_phone, .b-dialog.m-care_essentials-product .b-hubbox-pickup_point .b-point_phone {
  letter-spacing: normal;
}
.b-hubbox-pickup_point .b-work_hours {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
  color: #60606a;
  margin-bottom: 12px;
}
html[dir=rtl] .b-hubbox-pickup_point .b-work_hours {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-hubbox-pickup_point .b-work_hours, .b-dialog.m-care_essentials-product .b-hubbox-pickup_point .b-work_hours {
  letter-spacing: normal;
}
.b-hubbox-pickup_point .b-change_location {
  font-family: var(--care-essentials-font), "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
  color: #60606a;
}
html[dir=rtl] .b-hubbox-pickup_point .b-change_location {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-hubbox-pickup_point .b-change_location, .b-dialog.m-care_essentials-product .b-hubbox-pickup_point .b-change_location {
  letter-spacing: normal;
}
.b-hubbox iframe {
  border: none;
  height: 500px;
  width: 100%;
}
.b-hubbox .b-point_map {
  height: 333px;
  margin-bottom: 24px;
}

.adyen-checkout__card-input .adyen-checkout-input__inline-validation {
  display: none;
}
.adyen-checkout__card-input .adyen-checkout__label__text {
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 8px;
}
.adyen-checkout__card-input .adyen-checkout__label .adyen-checkout__label__text {
  color: inherit;
}
.adyen-checkout__card-input .adyen-checkout__error-text {
  color: #d01d1b;
  font-size: 12px;
  margin-top: 8px;
}
.adyen-checkout__card-input .adyen-checkout__input {
  border: 0;
  border-radius: 4px;
  box-shadow: inset 0 0 0 1px rgba(40, 39, 39, 0.3);
  caret-color: auto;
  color: #282727;
  font-family: "Arial", sans-serif;
  font-size: 16px;
  height: 48px;
  line-height: 48px;
  padding: 0;
  position: relative;
  vertical-align: baseline;
  width: 100%;
  -webkit-appearance: none;
}
.adyen-checkout__card-input .adyen-checkout__input::placeholder {
  color: hsl(0deg, 0%, 46%);
}
.adyen-checkout__card-input .adyen-checkout__input--focus:hover, .adyen-checkout__card-input .adyen-checkout__input:active, .adyen-checkout__card-input .adyen-checkout__input:active:hover, .adyen-checkout__card-input .adyen-checkout__input:focus, .adyen-checkout__card-input .adyen-checkout__input:focus:hover, .adyen-checkout__card-input .adyen-checkout__input:required {
  border: none;
  box-shadow: inset 0 0 0 1px rgba(40, 39, 39, 0.3);
}
.adyen-checkout__card-input .adyen-checkout__input--error, .adyen-checkout__card-input .adyen-checkout__input--error:hover, .adyen-checkout__card-input .adyen-checkout__input--invalid, .adyen-checkout__card-input .adyen-checkout__input--invalid:required {
  background: #fbeded;
  box-shadow: inset 0 0 0 2px #d01d1b;
}
.adyen-checkout__card-input .adyen-checkout__input--disabled,
.adyen-checkout__card-input .adyen-checkout__input--text {
  padding: 0 16px;
}
.adyen-checkout__card-input .adyen-checkout__checkbox {
  border: 2px solid transparent;
}
.adyen-checkout__card-input .adyen-checkout__checkbox__label {
  font-size: 14px;
  padding-left: 34px;
}
.adyen-checkout__card-input .adyen-checkout__checkbox__input {
  width: 22px;
  height: 24px;
}
.adyen-checkout__card-input .adyen-checkout__checkbox__input + .adyen-checkout__checkbox__label:after,
.adyen-checkout__card-input .adyen-checkout__checkbox__input:focus + .adyen-checkout__checkbox__label:after {
  background-color: #ffffff;
  border: 1px solid #898992;
  border-radius: 4px;
  cursor: pointer;
  margin-inline-end: 12px;
  min-width: 24px;
  position: relative;
  transition: ease-out 150ms;
  transition-property: border-color;
  box-shadow: none;
  display: inline-block;
  height: 22px;
  left: 0;
  position: absolute;
  top: 0;
  width: 22px;
}
.adyen-checkout__card-input .adyen-checkout__checkbox__input + .adyen-checkout__checkbox__label:after path,
.adyen-checkout__card-input .adyen-checkout__checkbox__input:focus + .adyen-checkout__checkbox__label:after path {
  fill: #ffffff;
  transform: scale(0);
  transform-origin: center center;
  transition: ease-out 150ms;
  transition-property: transform;
}
.adyen-checkout__card-input .adyen-checkout__checkbox__input:checked + .adyen-checkout__checkbox__label:after,
.adyen-checkout__card-input .adyen-checkout__checkbox__input:checked:hover + .adyen-checkout__checkbox__label:after {
  border: 2px solid #282727;
  background-color: initial;
  box-shadow: none;
}
.adyen-checkout__card-input .adyen-checkout__checkbox__input[disabled] + .adyen-checkout__checkbox__label {
  color: #a4a4aa;
  cursor: default;
}
.adyen-checkout__card-input .adyen-checkout__checkbox__input[disabled] + .adyen-checkout__checkbox__label:after {
  border-color: #a4a4aa;
  cursor: default;
}
.adyen-checkout__card-input .adyen-checkout__checkbox__input[disabled] + .adyen-checkout__checkbox__label:before {
  border-color: transparent #a4a4aa #a4a4aa transparent;
}
.adyen-checkout__card-input .adyen-checkout__checkbox__input:hover:not(:focus) + .adyen-checkout__checkbox__label:after {
  border-color: #282727;
}
.adyen-checkout__card-input .adyen-checkout__checkbox__input + .adyen-checkout__checkbox__label:before {
  border-color: transparent #282727 #282727 transparent;
  border-radius: 0 4px 0 3px;
  border-width: 2px;
  left: 2px;
  top: 2px;
  height: 14px;
  width: 9px;
}
.adyen-checkout__card-input .adyen-checkout__checkbox__input:hover:not(:focus) + .adyen-checkout__checkbox__label:after {
  border-color: initial;
  box-shadow: none;
}

.adyen-checkout__threeds2__challenge.adyen-checkout__threeds2__challenge {
  margin-top: 32px;
  min-height: 634px;
}

.b-payment_accordion-content .adyen-checkout__paypal__buttons .paypal-buttons-context-iframe {
  height: 48px !important;
}

.b-paypal_button {
  position: relative;
}
.b-paypal_button.m-disabled {
  opacity: 0.4;
  pointer-events: none;
}
.b-paypal_button-loader {
  background-color: rgba(255, 255, 255, 0.4);
  bottom: 0;
  display: none;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.b-paypal_button.m-busy .b-paypal_button-loader {
  align-items: center;
  display: flex;
  justify-content: center;
}
.b-paypal_button-loader::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;
}
.b-paypal_button-button {
  background-color: #ffc439;
  border-color: #ffc439;
  border-radius: 4px;
  color: #2c2e2f;
  text-transform: none;
  width: 100%;
}
.b-paypal_button-button:hover {
  background-color: #ffc439;
  border-color: #ffc439;
  color: #2c2e2f;
  filter: brightness(0.95);
}
.b-paypal_button iframe {
  z-index: 0 !important;
}
.b-paypal_button .paypal-buttons-context-iframe {
  width: 100%;
}

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

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