/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
}
html[dir=rtl] .l-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, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
}
html[dir=rtl] .l-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, var(--font-body, "Geist", "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: var(--font-heading, "Birkentype", "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: var(--font-body, "Geist", "Arial", "Helvetica", sans-serif);
  height: auto;
  letter-spacing: 0.07em;
  padding: 8px;
}
.b-dialog.m-drawer .l-cart_product-image {
  padding-block: 0;
  width: 96px;
}
.l-cart_product-details {
  font-family: var(--care-essentials-font, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 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 .b-cart_product-title {
    line-height: 1.15;
  }
}
.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: 20px;
  }
}
.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, var(--font-body, "Geist", "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: #282727;
  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, var(--font-heading, "Birkentype", "Arial", "Helvetica", sans-serif));
  font-size: 40px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.15;
  margin-bottom: 32px;
}
@media screen and (max-width: 1179.9px) {
  .b-form-title {
    font-size: 32px;
  }
}
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-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, var(--font-body, "Geist", "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, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.36;
  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, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 600;
  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, var(--font-body, "Geist", "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;
  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, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
  align-items: center;
  appearance: none;
  background: #ffffff;
  border: 0;
  border-radius: 4px;
  box-shadow: inset 0 0 0 1px #a4a4aa;
  color: #282727;
  cursor: pointer;
  display: flex;
  flex: 1 1 0;
  height: 48px;
  justify-content: center;
  padding: 0 16px;
  position: relative;
  text-align: center;
  transition: box-shadow ease-out;
  vertical-align: middle;
}
html[dir=rtl] .b-radio_custom {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-radio_custom, .b-dialog.m-care_essentials-product .b-radio_custom {
  letter-spacing: normal;
}
@media not all and (pointer: coarse) {
  .b-radio_custom:hover {
    box-shadow: inset 0 0 0 1px #282727;
  }
}
.b-radio_custom:active {
  box-shadow: inset 0 0 0 1.6px #001489;
}
.b-radio_custom:focus {
  box-shadow: inset 0 0 0 1.6px #001489;
}
.b-radio_custom.m-disabled, .b-radio_custom:disabled, .b-radio_custom[disabled] {
  background: #f3f3f6;
  box-shadow: inset 0 0 0 1px #d2d1d4;
  color: #898992;
}
.b-radio_custom:has(:checked) {
  box-shadow: inset 0 0 0 2px #282727;
}
.b-form_field.m-invalid .b-radio_custom {
  box-shadow: inset 0 0 0 1px #d01d1b;
}
.b-radio_custom-group fieldset,
.b-radio_custom-group .b-form_field {
  display: flex;
  flex-wrap: wrap;
  gap: 0 12px;
  margin: 0;
}
.b-radio_custom-group .b-form_field-message {
  width: 100%;
}
.b-radio_custom-group fieldset {
  width: 100%;
}
.b-radio_custom-input {
  cursor: pointer;
  height: 24px;
  left: 0;
  opacity: 0;
  position: absolute;
  width: 24px;
  z-index: 4;
  height: 100%;
  width: 100%;
}
html[dir=rtl] .b-radio_custom-input {
  left: initial;
  right: 0;
}
.b-radio_custom-lenght_2 {
  flex: 1 1 calc((100% - 12px) / 2);
}
.b-radio_custom-lenght_3 {
  flex: 1 1 calc((100% - 24px) / 3);
}

/*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, var(--font-body, "Geist", "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, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.36;
  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, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.15;
  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, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.36;
  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, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.15;
  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, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.36;
  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;
  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, var(--font-heading, "Birkentype", "Arial", "Helvetica", sans-serif));
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.15;
  align-items: center;
  display: flex;
  gap: 14px;
  margin-bottom: 16px;
}
@media screen and (max-width: 1179.9px) {
  .b-need_help-title {
    font-size: 24px;
  }
}
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, var(--font-body, "Geist", "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, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
  align-self: center;
  color: #60606a;
  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, var(--font-body, "Geist", "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, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 600;
  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, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
}
html[dir=rtl] .b-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 {
  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, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.36;
  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, var(--font-heading, "Birkentype", "Arial", "Helvetica", sans-serif));
  font-size: 40px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.15;
}
@media screen and (max-width: 1179.9px) {
  .b-order_details-caption {
    font-size: 32px;
  }
}
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, var(--font-body, "Geist", "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, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
  color: #60606a;
  margin-bottom: 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, var(--font-heading, "Birkentype", "Arial", "Helvetica", sans-serif));
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.15;
  margin-bottom: 24px;
  width: 100%;
}
@media screen and (max-width: 1179.9px) {
  .b-order_details-title {
    font-size: 24px;
  }
}
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, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
}
html[dir=rtl] .b-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-kcp-naverpay {
  background: url("./images/icons/payment-kr-nPay.svg") no-repeat;
  background-size: contain;
  height: 19px;
  width: 54px;
}
.b-payment_icon.m-kcp-kakaopay {
  background: url("./images/icons/payment-kr-kakao.svg") no-repeat;
  background-size: contain;
  height: 17px;
  width: 71px;
}
.b-payment_icon.m-kcp-korean-card {
  background: url("./images/icons/cards.svg") no-repeat;
  background-size: contain;
  height: 24px;
  width: 24px;
}
.b-payment_icon.m-fpx, .b-payment_icon.m-atome, .b-payment_icon.m-paypay, .b-payment_icon.m-rakutenpay, .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: -1088px -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-payment_icon.m-paypay {
  background-position: -431px -292px;
}
.b-payment_icon.m-rakutenpay {
  background-position: -488px -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, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  font-weight: 400;
  line-height: 1.36;
  cursor: pointer;
  font-size: 16px;
  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, var(--font-heading, "Birkentype", "Arial", "Helvetica", sans-serif));
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.15;
  flex: auto;
}
@media screen and (max-width: 1179.9px) {
  .b-summary_order-title {
    font-size: 24px;
  }
}
html[dir=rtl] .b-summary_order-title {
  letter-spacing: 0;
}
.b-summary_order-title .b-accordion-button {
  font-family: var(--care-essentials-font, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.15;
  align-items: flex-end;
  justify-content: space-between;
  padding: 24px 0;
}
html[dir=rtl] .b-summary_order-title .b-accordion-button {
  letter-spacing: 0;
}
@media screen and (min-width: 1180px) {
  .b-summary_order-title .b-accordion-button {
    font-family: var(--care-essentials-font, var(--font-heading, "Birkentype", "Arial", "Helvetica", sans-serif));
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.15;
  }
}
@media screen and (min-width: 1180px) and (max-width: 1179.9px) {
  .b-summary_order-title .b-accordion-button {
    font-size: 24px;
  }
}
@media screen and (min-width: 1180px) {
  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, var(--font-heading, "Birkentype", "Arial", "Helvetica", sans-serif));
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.15;
  align-items: flex-end;
  display: flex;
}
@media screen and (max-width: 1179.9px) {
  .b-checkout_step-title {
    font-size: 24px;
  }
}
html[dir=rtl] .b-checkout_step-title {
  letter-spacing: 0;
}
.b-checkout_step-counter {
  font-family: var(--care-essentials-font, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.15;
  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, var(--font-body, "Geist", "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, var(--font-body, "Geist", "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, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
    letter-spacing: 0.07em;
    line-height: 1.36;
    font-weight: 400;
    font-size: 14px;
  }
  html[dir=rtl] .b-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, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.15;
  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, var(--font-body, "Geist", "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, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.36;
  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, var(--font-body, "Geist", "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, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.36;
  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, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 20px;
  margin: 20px 0;
}
html[dir=rtl] .b-options_group-saved_addresses {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-options_group-saved_addresses, .b-dialog.m-care_essentials-product .b-options_group-saved_addresses {
  letter-spacing: normal;
}
.b-options_group-saved_addresses_header {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.b-options_group-saved_addresses_header .b-options_group-saved_addresses {
  margin: 0;
}
.b-options_group-birth_date {
  display: flex;
  flex-wrap: wrap;
  gap: 0 12px;
  margin-bottom: 24px;
}
.b-options_group-birth_date .b-form_field-message {
  width: 100%;
}
.b-options_group-birth_date .b-form_field {
  flex: 1 1 calc((100% - 24px) / 3);
  margin-bottom: 0;
}
.b-options_group-birth_date .b-form_field .b-form_field-message {
  display: none;
}
.b-options_group-shipping, .b-options_group-billing, .b-options_group-initials {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.b-options_group-shipping .address-container, .b-options_group-billing .address-container, .b-options_group-initials .address-container {
  width: 100%;
}
.b-options_group-shipping .address-search, .b-options_group-billing .address-search, .b-options_group-initials .address-search {
  margin-bottom: 20px;
}
.b-options_group-shipping .address-search .b-input_clear-icon, .b-options_group-billing .address-search .b-input_clear-icon, .b-options_group-initials .address-search .b-input_clear-icon {
  color: #77767f;
  cursor: pointer;
  inset-inline-end: 44px;
  padding: 10px 0;
  position: absolute;
}
.b-options_group-shipping .address-search .b-input_search-icon, .b-options_group-billing .address-search .b-input_search-icon, .b-options_group-initials .address-search .b-input_search-icon {
  color: #77767f;
  cursor: text;
  inset-inline-end: 16px;
  padding: 10px 0;
  position: absolute;
}
.b-options_group-shipping .b-address_form_wrapper, .b-options_group-billing .b-address_form_wrapper, .b-options_group-initials .b-address_form_wrapper {
  margin-top: 20px;
}
.b-options_group-shipping .loading-icon, .b-options_group-billing .loading-icon, .b-options_group-initials .loading-icon {
  color: #77767f;
  inset-inline-start: 16px;
  padding: 10px 0;
  position: absolute;
}
.b-options_group-shipping .address-message, .b-options_group-billing .address-message, .b-options_group-initials .address-message {
  appearance: none;
  background: #f3f3f6;
  border: 1px solid #d2d1d4;
  color: #898992;
  cursor: default;
  font-size: 14px;
  font-weight: 400;
  height: 48px;
  letter-spacing: 0.07em;
  line-height: 1.36;
  padding: 14px 16px 0;
  transition: box-shadow ease-out;
  vertical-align: baseline;
  width: 100%;
}
.b-options_group-shipping .address-search > .loading-icon:not([hidden]) + .address-message, .b-options_group-billing .address-search > .loading-icon:not([hidden]) + .address-message, .b-options_group-initials .address-search > .loading-icon:not([hidden]) + .address-message {
  padding-left: 44px;
}
.b-options_group-shipping .b-address_search_wrapper,
.b-options_group-shipping .b-address_form_wrapper, .b-options_group-billing .b-address_search_wrapper,
.b-options_group-billing .b-address_form_wrapper, .b-options_group-initials .b-address_search_wrapper,
.b-options_group-initials .b-address_form_wrapper {
  margin-bottom: 32px;
  width: 100%;
}
.b-options_group-shipping .address-manual-toggle, .b-options_group-billing .address-manual-toggle, .b-options_group-initials .address-manual-toggle {
  cursor: pointer;
  text-decoration: underline;
}
.b-options_group-shipping .address-suggestions, .b-options_group-billing .address-suggestions, .b-options_group-initials .address-suggestions {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.b-options_group-shipping .b-address_suggestion_item, .b-options_group-billing .b-address_suggestion_item, .b-options_group-initials .b-address_suggestion_item {
  appearance: none;
  border: 1px solid #a7a7a7;
  color: #282727;
  cursor: pointer;
  font-family: var(--care-essentials-font, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  font-size: 14px;
  font-weight: 400;
  height: 48px;
  letter-spacing: 0.07em;
  line-height: 1.36;
  padding: 19px 16px 0;
  vertical-align: baseline;
  width: 100%;
}
.b-options_group-shipping .b-address_suggestion_item .search-clear, .b-options_group-billing .b-address_suggestion_item .search-clear, .b-options_group-initials .b-address_suggestion_item .search-clear {
  cursor: pointer;
  float: right;
}
.b-options_group-shipping .address-widget .address-input, .b-options_group-billing .address-widget .address-input, .b-options_group-initials .address-widget .address-input {
  margin-bottom: 0;
}
.b-options_group-shipping .address-message:not([hidden]) ~ .b-form_field-caption,
.b-options_group-shipping .address-suggestions:not([hidden]) ~ .b-form_field-caption, .b-options_group-billing .address-message:not([hidden]) ~ .b-form_field-caption,
.b-options_group-billing .address-suggestions:not([hidden]) ~ .b-form_field-caption, .b-options_group-initials .address-message:not([hidden]) ~ .b-form_field-caption,
.b-options_group-initials .address-suggestions:not([hidden]) ~ .b-form_field-caption {
  display: none;
}
.l-account .b-options_group-name, .b-login_register.m-registration .b-options_group-name {
  width: 100%;
}
@media screen and (min-width: 1180px) {
  .l-account .b-options_group-name, .b-login_register.m-registration .b-options_group-name {
    display: flex;
    gap: 20px;
  }
}
.b-options_group-salutation {
  width: 100%;
}
.b-options_group-salutation:has(.b-select) .b-form_field-label.m-salutation {
  display: none;
}

.b-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-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-applepay .b-payment_accordion-button {
  background-image: url("./images/icons/payment-applepay.svg");
  background-position: right 16px center;
  background-repeat: no-repeat;
  background-size: auto 22px;
}
html[dir=rtl] .b-payment_accordion-item.m-applepay .b-payment_accordion-button {
  background-position: left 16px center;
}
.b-payment_accordion-item.m-applepay .b-payment_accordion-img {
  display: none;
}
.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-paypay .b-payment_accordion-button {
  background-image: url("./images/icons/payment-jp-paypay.svg");
  background-position: right 16px center;
  background-repeat: no-repeat;
  background-size: auto 22px;
}
.b-payment_accordion-item.m-paypay .b-payment_accordion-img {
  display: none;
}
.b-payment_accordion-item.m-rakutenpay .b-payment_accordion-button {
  background-image: url("./images/icons/payment-jp-rakutenpay.svg");
  background-position: right 16px center;
  background-repeat: no-repeat;
  background-size: auto 22px;
}
.b-payment_accordion-item.m-rakutenpay .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.m-googlepay .b-payment_accordion-button {
  background-image: url("./images/icons/payment-gpay.svg");
  background-position: right 15px center;
  background-repeat: no-repeat;
  background-size: auto 28px;
}
.b-payment_accordion-item.m-googlepay .b-payment_accordion-img {
  display: none;
}
.b-payment_accordion-item.m-googlepay .b-payment_accordion-content_inner .b-form-description {
  color: #60606a;
  padding: 0;
}
.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, var(--font-body, "Geist", "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;
}
.m-tamara .b-payment_accordion-img {
  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, var(--font-body, "Geist", "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, var(--font-body, "Geist", "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, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
}
html[dir=rtl] .b-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, var(--font-body, "Geist", "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, var(--font-heading, "Birkentype", "Arial", "Helvetica", sans-serif));
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.15;
  margin-bottom: 12px;
}
@media screen and (max-width: 1179.9px) {
  .b-confirmation_create_account-title {
    font-size: 24px;
  }
}
html[dir=rtl] .b-confirmation_create_account-title {
  letter-spacing: 0;
}
.b-confirmation_create_account-list {
  font-family: var(--care-essentials-font, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
  display: flex;
  flex-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, var(--font-heading, "Birkentype", "Arial", "Helvetica", sans-serif));
  font-size: 48px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.1;
  display: flex;
  gap: 20px;
}
@media screen and (max-width: 1179.9px) {
  .b-confirmation_header-title {
    font-size: 40px;
  }
}
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, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.36;
  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_label {
  font-family: var(--care-essentials-font, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
  color: #60606a;
  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, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.36;
}
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, var(--font-heading, "Birkentype", "Arial", "Helvetica", sans-serif));
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.15;
  margin-bottom: 16px;
}
@media screen and (max-width: 1179.9px) {
  .b-summary_section-title {
    font-size: 24px;
  }
}
html[dir=rtl] .b-summary_section-title {
  letter-spacing: 0;
}

.b-summary_table {
  width: 100%;
}
.b-summary_table-name, .b-summary_table-value {
  font-family: var(--care-essentials-font, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 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, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 600;
  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, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 600;
  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, var(--font-body, "Geist", "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, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
}
html[dir=rtl] .b-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, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.15;
  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, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.15;
  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, var(--font-body, "Geist", "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-attributes.m-giftcard .b-summary_product-attribute_value {
  color: #282727;
}
.b-summary_product-attribute {
  font-family: var(--care-essentials-font, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
  color: #60606a;
  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, var(--font-body, "Geist", "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, var(--font-body, "Geist", "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, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 600;
  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, var(--font-body, "Geist", "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, var(--font-body, "Geist", "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, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 600;
  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;
  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, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.36;
  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, var(--font-body, "Geist", "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, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.36;
  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, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
}
html[dir=rtl] .b-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-pudo_finder-open {
  margin-bottom: 16px;
}
.b-pudo_finder-selected {
  border: 1px solid #a4a4aa;
  padding: 16px;
}
.b-pudo_finder-point_name {
  font-family: var(--care-essentials-font, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.36;
  margin-bottom: 8px;
}
html[dir=rtl] .b-pudo_finder-point_name {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-pudo_finder-point_name, .b-dialog.m-care_essentials-product .b-pudo_finder-point_name {
  letter-spacing: normal;
}
.b-pudo_finder-point_address {
  font-family: var(--care-essentials-font, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
}
html[dir=rtl] .b-pudo_finder-point_address {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-pudo_finder-point_address, .b-dialog.m-care_essentials-product .b-pudo_finder-point_address {
  letter-spacing: normal;
}
.b-pudo_finder-point_phone {
  font-family: var(--care-essentials-font, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 8px;
}
html[dir=rtl] .b-pudo_finder-point_phone {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-pudo_finder-point_phone, .b-dialog.m-care_essentials-product .b-pudo_finder-point_phone {
  letter-spacing: normal;
}
.b-pudo_finder-work_hours {
  font-family: var(--care-essentials-font, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
  color: #60606a;
  margin-bottom: 12px;
}
html[dir=rtl] .b-pudo_finder-work_hours {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-pudo_finder-work_hours, .b-dialog.m-care_essentials-product .b-pudo_finder-work_hours {
  letter-spacing: normal;
}
.b-pudo_finder-change_location {
  font-family: var(--care-essentials-font, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
  color: #60606a;
}
html[dir=rtl] .b-pudo_finder-change_location {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-pudo_finder-change_location, .b-dialog.m-care_essentials-product .b-pudo_finder-change_location {
  letter-spacing: normal;
}

.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-find_heading {
  margin: 20px 0;
}
.b-storepickup-no_results {
  margin: 24px 0;
}
.b-storepickup-no_store_selected {
  margin: 20px 0;
}
.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, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
}
html[dir=rtl] .b-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-view_toggle {
  justify-content: space-between;
}
.b-storepickup-view_toggle .b-tab_list-tab {
  align-items: center;
  border: 1px solid;
  border-radius: 4px;
  box-shadow: none;
  display: flex;
  font-size: 14px;
  font-weight: 100;
  height: 48px;
  justify-content: center;
  text-transform: capitalize;
  width: 49%;
}
.b-storepickup-view_toggle .b-tab_list-tab.m-active, .b-storepickup-view_toggle .b-tab_list-tab:hover {
  border-width: 1.6px;
}

.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: 512px;
  overflow-y: auto;
  padding: 16px 10px 0 0;
  position: relative;
}
.b-storepickup_results::-webkit-scrollbar {
  height: 3px;
  width: 3px;
}
.b-storepickup_results::-webkit-scrollbar-thumb {
  background: #d2d1d4;
  border-radius: 11px;
}
.b-storepickup_results::-webkit-scrollbar-track {
  background: #ffffff;
  border-radius: 11px;
}
@media screen and (min-width: 768px) {
  .b-storepickup_results {
    height: 492px;
  }
}
.b-storepickup_results::before {
  background-color: #d2d1d4;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  top: 0;
  width: calc(100% - 13px);
}
.b-storepickup_results-list {
  counter-reset: store-counter;
  max-height: 100%;
}

.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, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
}
html[dir=rtl] .b-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_results-list .b-storepickup_result {
  counter-increment: store-counter;
}
.b-storepickup_result-title {
  font-family: var(--care-essentials-font, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  font-weight: 400;
  font-size: 16px;
  align-items: center;
  display: inline-flex;
  gap: 5px;
  justify-content: center;
  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_results-list .b-storepickup_result-title::before {
  align-items: center;
  background: #282727;
  border-radius: 50%;
  color: #ffffff;
  content: counter(store-counter);
  display: inline-flex;
  font-size: 12px;
  height: 25px;
  justify-content: center;
  width: 25px;
}
@media screen and (max-width: 1179.9px) {
  .b-storepickup_results-list .b-storepickup_result-title::before {
    border-radius: 0;
    clip-path: circle(45%);
  }
}
.b-storepickup_result-distance {
  font-family: var(--care-essentials-font, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
  margin-top: 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, var(--font-body, "Geist", "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, var(--font-body, "Geist", "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 {
  margin-top: 10px;
}
.b-storepickup_result-schedule_toggle {
  position: relative;
  align-items: center;
  border-radius: 4px;
  display: inline-flex;
  text-decoration: none;
  font-family: var(--care-essentials-font, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
  cursor: pointer;
  list-style: none;
}
.b-storepickup_result-schedule_toggle.m-disabled::after, .b-storepickup_result-schedule_toggle:disabled::after, .b-storepickup_result-schedule_toggle[disabled]::after {
  background: #898992;
}
.b-storepickup_result-schedule_toggle::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-schedule_toggle:hover::after, .b-storepickup_result-schedule_toggle:active::after {
  transform: scaleX(0);
}
.b-storepickup_result-schedule_toggle.m-disabled, .b-storepickup_result-schedule_toggle:disabled, .b-storepickup_result-schedule_toggle[disabled] {
  color: #898992;
  pointer-events: none;
}
html[dir=rtl] .b-storepickup_result-schedule_toggle {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-storepickup_result-schedule_toggle, .b-dialog.m-care_essentials-product .b-storepickup_result-schedule_toggle {
  letter-spacing: normal;
}
html[dir=rtl] .b-storepickup_result-schedule_toggle {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-storepickup_result-schedule_toggle, .b-dialog.m-care_essentials-product .b-storepickup_result-schedule_toggle {
  letter-spacing: normal;
}
.b-storepickup_result-schedule_toggle::-webkit-details-marker {
  display: none;
}
.b-storepickup_result-schedule_content {
  font-family: var(--care-essentials-font, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
  color: #60606a;
  display: flex;
  justify-content: space-between;
  margin-top: 8px;
}
html[dir=rtl] .b-storepickup_result-schedule_content {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-storepickup_result-schedule_content, .b-dialog.m-care_essentials-product .b-storepickup_result-schedule_content {
  letter-spacing: normal;
}
@media screen and (min-width: 768px) {
  .b-storepickup_result-schedule_content {
    font-family: var(--care-essentials-font, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
    letter-spacing: 0.07em;
    line-height: 1.36;
    font-weight: 400;
    font-size: 12px;
  }
  html[dir=rtl] .b-storepickup_result-schedule_content {
    letter-spacing: 0;
  }
  .l-page.m-care_essentials .b-storepickup_result-schedule_content, .b-dialog.m-care_essentials-product .b-storepickup_result-schedule_content {
    letter-spacing: normal;
  }
}
.b-storepickup-selected_store .b-storepickup_result-schedule_content {
  font-family: var(--care-essentials-font, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 12px;
  color: #282727;
}
html[dir=rtl] .b-storepickup-selected_store .b-storepickup_result-schedule_content {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-storepickup-selected_store .b-storepickup_result-schedule_content, .b-dialog.m-care_essentials-product .b-storepickup-selected_store .b-storepickup_result-schedule_content {
  letter-spacing: normal;
}
.b-storepickup_result-schedule_content td:first-child {
  padding-right: 24px;
}
.b-storepickup_result-schedule_content 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 {
  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, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
}
html[dir=rtl] .b-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, var(--font-body, "Geist", "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, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.15;
  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, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
}
html[dir=rtl] .b-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, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.36;
  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, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
  background-color: #ebedf6;
  border: 1px solid #001489;
  border-radius: 4px;
  margin: 0 auto;
  align-items: center;
  color: #282727;
  cursor: default;
  display: flex;
  background-color: #ebf6eb;
  border-color: #008a00;
  visibility: visible;
  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, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.15;
  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, var(--font-body, "Geist", "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, var(--font-body, "Geist", "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, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.36;
  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, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
  background-color: #ebedf6;
  border: 1px solid #001489;
  border-radius: 4px;
  margin: 0 auto;
  align-items: center;
  color: #282727;
  cursor: default;
  display: flex;
  background-color: #ebf6eb;
  border-color: #008a00;
  visibility: visible;
  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;
}

.m-yotpo_rewards {
  border: 1px solid #d2d1d4;
  border-radius: 4px;
  margin-bottom: 40px;
  padding: 24px;
}
@media screen and (max-width: 767.9px) {
  .m-yotpo_rewards {
    padding: 24px 16px;
  }
}
.m-checkout_yotpo .m-yotpo_rewards {
  border: 0.5px solid #a4a4aa;
  border-radius: 4px;
  margin-bottom: 16px;
  padding: 0;
}

.m-yotpo_rewards .b-coupon_form-content {
  margin-top: 24px;
  overflow: visible;
}
.m-checkout_yotpo .m-yotpo_rewards .b-coupon_form-content {
  padding: 0 24px 24px;
}

.b-yotpo_rewards-tier {
  align-items: center;
  display: flex;
  gap: 12px;
  margin-top: 12px;
  padding-inline-start: 36px;
}
.m-checkout_yotpo .b-yotpo_rewards-tier {
  margin-top: 0;
  padding: 0 16px 16px 52px;
}
.b-yotpo_rewards-tier_text {
  font-family: var(--care-essentials-font, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
}
html[dir=rtl] .b-yotpo_rewards-tier_text {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-yotpo_rewards-tier_text, .b-dialog.m-care_essentials-product .b-yotpo_rewards-tier_text {
  letter-spacing: normal;
}
.b-yotpo_rewards-tier_name {
  font-family: var(--care-essentials-font, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
  border: 1px solid #001489;
  border-radius: 25px;
  color: #001489;
  padding: 4px 10px;
}
html[dir=rtl] .b-yotpo_rewards-tier_name {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-yotpo_rewards-tier_name, .b-dialog.m-care_essentials-product .b-yotpo_rewards-tier_name {
  letter-spacing: normal;
}
.b-yotpo_rewards-title_icon {
  display: inline-flex;
  flex: 0 0 auto;
  height: 24px;
  margin-inline-end: 12px;
  width: 24px;
}
.b-yotpo_rewards-title_icon svg {
  height: 100%;
  width: 100%;
}
.b-yotpo_rewards-title {
  align-items: center;
  display: flex;
  margin-bottom: 0;
}
.b-yotpo_rewards-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.b-yotpo_rewards-item {
  align-items: stretch;
  border: 1px solid #494954;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px;
}
.b-yotpo_rewards-item_body {
  display: flex;
  flex-direction: column;
}
.b-yotpo_rewards-item_name {
  font-family: var(--care-essentials-font, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.15;
}
html[dir=rtl] .b-yotpo_rewards-item_name {
  letter-spacing: 0;
}
.b-yotpo_rewards-item_detail, .b-yotpo_rewards-item_validity, .b-yotpo_rewards-item_min_order, .b-yotpo_rewards-empty_text, .b-yotpo_rewards-login_prompt {
  font-family: var(--care-essentials-font, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
}
html[dir=rtl] .b-yotpo_rewards-item_detail, html[dir=rtl] .b-yotpo_rewards-item_validity, html[dir=rtl] .b-yotpo_rewards-item_min_order, html[dir=rtl] .b-yotpo_rewards-empty_text, html[dir=rtl] .b-yotpo_rewards-login_prompt {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-yotpo_rewards-item_detail, .b-dialog.m-care_essentials-product .b-yotpo_rewards-item_detail, .l-page.m-care_essentials .b-yotpo_rewards-item_validity, .b-dialog.m-care_essentials-product .b-yotpo_rewards-item_validity, .l-page.m-care_essentials .b-yotpo_rewards-item_min_order, .b-dialog.m-care_essentials-product .b-yotpo_rewards-item_min_order, .l-page.m-care_essentials .b-yotpo_rewards-empty_text, .b-dialog.m-care_essentials-product .b-yotpo_rewards-empty_text, .l-page.m-care_essentials .b-yotpo_rewards-login_prompt, .b-dialog.m-care_essentials-product .b-yotpo_rewards-login_prompt {
  letter-spacing: normal;
}
.b-yotpo_rewards-empty {
  border: 1px solid #494954;
  border-radius: 4px;
  padding: 15px;
}
.b-yotpo_rewards-empty_text {
  line-height: 1.35;
  margin: 0;
}
.b-yotpo_rewards-empty_text:not(:first-child) {
  margin-top: 12px;
}
.b-yotpo_rewards-item_detail, .b-yotpo_rewards-item_validity, .b-yotpo_rewards-item_min_order {
  line-height: 1.35;
  margin-top: 5px;
}
.b-yotpo_rewards-btn {
  justify-content: center;
  text-transform: uppercase;
  width: 100%;
}
.b-yotpo_rewards-applied_msg {
  color: #008a00;
  font-size: 14px;
  margin-top: 15px;
}
.b-yotpo_rewards-error {
  margin-bottom: 24px;
}
.b-yotpo_rewards-remove_link {
  align-self: flex-start;
  background: transparent;
  border: 0;
  cursor: pointer;
  font-size: 14px;
  padding: 0;
  text-decoration: underline;
  text-transform: uppercase;
}

.l-cart-products > .b-minicart-loyalty_progress {
  padding-inline: 0;
}
.l-cart-products > .b-minicart-loyalty_progress .b-minicart-loyalty_progress_message {
  text-align: start;
}

.b-loyalty_points {
  align-items: center;
  border-top: 1px solid #d2d1d4;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 20px;
  padding-top: 20px;
}
@media screen and (max-width: 767.9px) {
  .b-loyalty_points {
    gap: 12px;
  }
}
.b-loyalty_points-badge {
  align-items: center;
  border: 1px solid #d2d1d4;
  border-radius: 4px;
  display: inline-flex;
  gap: 8px;
  padding: 8px 13px;
}
.b-loyalty_points-icon {
  display: inline-flex;
  height: 14px;
  width: 14px;
}
.b-loyalty_points-icon svg {
  height: 100%;
  width: 100%;
}
.b-loyalty_points-label {
  font-family: var(--care-essentials-font, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.15;
  display: contents;
}
html[dir=rtl] .b-loyalty_points-label {
  letter-spacing: 0;
}
.b-loyalty_points-message {
  font-family: var(--care-essentials-font, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 12px;
  color: #60606a;
  flex: 1 1 auto;
}
html[dir=rtl] .b-loyalty_points-message {
  letter-spacing: 0;
}
.l-page.m-care_essentials .b-loyalty_points-message, .b-dialog.m-care_essentials-product .b-loyalty_points-message {
  letter-spacing: normal;
}

.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, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  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 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, var(--font-body, "Geist", "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, var(--font-body, "Geist", "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-attributes.m-care_essentials .b-cart_product-attribute.m-size,
.b-cart_product-attributes.m-care_essentials .b-cart_product-attribute.m-width {
  display: none;
}
.b-cart_product-attributes.m-giftcard .b-cart_product-attribute_value {
  color: #282727;
}
.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, var(--font-body, "Geist", "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:not(.m-crossell) .b-price {
    align-items: flex-start;
    flex-direction: column;
  }
  .b-dialog.m-drawer .b-cart_product-price:not(.m-crossell) .b-price {
    align-items: center;
    flex-direction: row;
  }
  .b-cart_product-price:not(.m-crossell) .b-price-item {
    margin: 0;
  }
  .b-dialog.m-drawer .b-cart_product-price:not(.m-crossell) .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-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:not(.m-crossell) .b-price-badge {
    align-self: flex-start;
    margin-top: 8px;
  }
  .b-dialog.m-drawer .b-cart_product-price:not(.m-crossell) .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;
  }
}
.b-cart_product-price.m-crossell {
  padding-top: 4px;
}
@media screen and (min-width: 768px) {
  .b-cart_product-price.m-crossell .b-price-item.m-new {
    margin-top: 0;
  }
  .b-cart_product-price.m-crossell .b-price-badge {
    align-self: auto;
  }
}
@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, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
  color: #60606a;
}
html[dir=rtl] .b-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, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.15;
  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, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
  align-items: center;
  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, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.15;
}
html[dir=rtl] .b-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, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.36;
  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, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
}
html[dir=rtl] .b-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, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 12px;
}
html[dir=rtl] .b-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, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
  color: #60606a;
  margin-bottom: 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, var(--font-body, "Geist", "Arial", "Helvetica", sans-serif));
  letter-spacing: 0.07em;
  line-height: 1.36;
  font-weight: 400;
  font-size: 14px;
  color: #60606a;
}
html[dir=rtl] .b-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*/