@charset "UTF-8";
:root {
  --colorBrand: hsl(359, 66%, 51%);
  --colorBrand-h: 359;
  --colorBrand-s: 66;
  --colorBrand-l: 51;
  --colorBrandSecondary: hsl(0, 0%, 40%);
  --colorBrandSecondary-h: 0;
  --colorBrandSecondary-s: 0;
  --colorBrandSecondary-l: 40;
  --colorBodyBg: hsl(0, 0%, 97%);
  --colorBodyBg-h: 0;
  --colorBodyBg-s: 0;
  --colorBodyBg-l: 97;
  --colorSecondaryBg: hsl(0, 0%, 100%);
  --colorSecondaryBg-h: 0;
  --colorSecondaryBg-s: 0;
  --colorSecondaryBg-l: 100;
  --colorContrastBg: hsl(0, 0%, 16%);
  --colorContrastBg-h: 0;
  --colorContrastBg-s: 0;
  --colorContrastBg-l: 16;
  --colorThemeAccent: hsl(0, 0%, 100%);
  --colorThemeAccent-h: 0;
  --colorThemeAccent-s: 0;
  --colorThemeAccent-l: 100;
  --colorShadeBg: rgba(17,17,17,.92);
  --colorOutlines: #e2e4e9;
  --colorHighlighted: #ba0000;
  --starsColor: #fcad00;
  --colorErrorsDefault: hsl(352, 100%, 43%);
  --colorErrorsDefault-h: 352;
  --colorErrorsDefault-s: 100;
  --colorErrorsDefault-l: 43;
  --colorText: hsl(0, 0%, 15%);
  --colorText-h: 0;
  --colorText-s: 0;
  --colorText-l: 15;
  --colorTextHeading: #1d212b;
  --colorTextSubtle: #6a7181;
  --colorLinkText: var(--colorBrand);
  --colorLinkTextActive: #e73023cc;
  --colorInputBorder: var(--colorOutlines);
  --colorInputBackground: var(--colorThemeAccent);
  --colorInputBorderFocus: var(--colorBrand);
  --colorInputBackgroundFocus: var(--colorThemeAccent);
  --colorInputBackgroundInvalid: var(--colorThemeAccent);
  --colorButtonBg: var(--colorBrand);
  --colorButtonDisabledBg: gray;
  --colorButtonText: white;
  --stateInfo: #5895f5;
  --stateSuccess: #0f8323;
  --stateWarning: #f58c59;
  --stateError: #dc2727;
  --colorStockIn: #2bab6f;
  --colorStockInBg: #2bab6f1a;
  --colorStockInquirable: #F29C32;
  --colorStockInquirableBg: #F29C321a;
  --colorStockOut: #dc2727;
  --colorStockOutBg: #dc27271a;
  --colorLowestPriceGuarantee: #5abd54;
  --colorLoggedInUserPriceBg: #ffe2e3;
}

:root {
  --durationAnimationBase: .15s;
  --easingAnimationBase: cubic-bezier(.4,0,.2,1);
  --animationBase: all var(--durationAnimationBase) var(--easingAnimationBase);
}

:root {
  --layerNegativeZIndex: -1;
  --layerNullZIndex: 0;
  --layerPageZIndex: 1;
  --layerPageSecondaryZIndex: 2;
  --layerHeaderZIndex: 10;
  --layerDropdownZIndex: 20;
  --layerModalZIndex: 21;
  --layerPopoverZIndex: 22;
  --layerTooltipZIndex: 23;
  --cookiePopupLayer: 24;
  --layerSpinnerZIndex: 25;
}

html {
  box-sizing: border-box;
  scroll-behavior: smooth;
}

html.is-not-smooth {
  scroll-behavior: unset;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

body {
  background: var(--colorBodyBg);
  margin: 0;
  font-size: var(--textBaseSize);
  font-family: var(--font-primary);
  font-weight: var(--font-weight);
  color: var(--colorText);
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: var(--bodyLineHeight);
}

body.is-not-overflowed {
  overflow: hidden;
}

/* Remove default padding */
ul,
ol {
  padding: 0;
}

/* Remove default margin */
h1,
h2,
h3,
h4,
p,
ul,
ol,
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0;
}

/* Remove list styles on ul, ol elements with a class attribute */
ul[class],
ol[class] {
  list-style: none;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
  -webkit-appearance: none;
  appearance: none;
  box-shadow: none;
}

::selection {
  color: hsl(0, 0%, calc((var(--colorBrand-l) - 60) * -100%));
  background: var(--colorBrand);
}

/* Remove all animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

:root {
  --sizeContentOffset: 1.25rem;
  --sizeContentWidth: 87.5rem;
  --sizeInputFont: 14px;
  --sizeInputPaddingVertical: 10px;
  --sizeInputPaddingHorizontal: 16px;
  --sizeInputPadding: var(--sizeInputPaddingVertical) var(--sizeInputPaddingHorizontal);
  --sizeInputBorder: 1px;
  --sizeInputBorderRadius: 12px;
  --sizeButtonFont: var(--textRg);
  --sizeButtonPaddingVertical: var(--spaceXs);
  --sizeButtonPaddingHorizontal: var(--spaceLg);
  --sizeButtonPadding: var(--sizeButtonPaddingVertical) var(--sizeButtonPaddingHorizontal);
  --sizeButtonBorder: 1px;
  --sizeButtonBorderRadius: 0;
}

@media (min-width: 75rem) {
  :root {
    --sizeContentOffset: 1.25rem;
  }
}

@media (min-width: 64rem) {
  :root {
    --sizeContentOffset: 3rem;
  }
}

/*
	!! DO NOT FORGET TO ADD FONTS TO '@preload.php' FILE AS WELL !!
	----
	Overwrite $font-list object in _font-list.scss file !!
*/
@font-face {
  font-family: Inter;
  src: url("/frontend/fonts/Inter/Inter-extrabold-normal.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: fallback;
}

@font-face {
  font-family: Inter;
  src: url("/frontend/fonts/Inter/Inter-bold-normal.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: fallback;
}

@font-face {
  font-family: Inter;
  src: url("/frontend/fonts/Inter/Inter-semibold-normal.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: fallback;
}

@font-face {
  font-family: Inter;
  src: url("/frontend/fonts/Inter/Inter-medium-normal.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: fallback;
}

@font-face {
  font-family: Inter;
  src: url("/frontend/fonts/Inter/Inter-regular-normal.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: fallback;
}

@font-face {
  font-family: Inter;
  src: url("/frontend/fonts/Inter/Inter-light-normal.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: fallback;
}

@font-face {
  font-family: PlusJakartaSans;
  src: url("/frontend/fonts/PlusJakartaSans/PlusJakartaSans-extrabold-normal.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: fallback;
}

@font-face {
  font-family: PlusJakartaSans;
  src: url("/frontend/fonts/PlusJakartaSans/PlusJakartaSans-bold-normal.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: fallback;
}

@font-face {
  font-family: PlusJakartaSans;
  src: url("/frontend/fonts/PlusJakartaSans/PlusJakartaSans-medium-normal.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: fallback;
}

@font-face {
  font-family: PlusJakartaSans;
  src: url("/frontend/fonts/PlusJakartaSans/PlusJakartaSans-regular-normal.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: fallback;
}

.u-frame {
  max-width: calc(var(--sizeContentWidth) + var(--sizeContentOffset) * 2);
  padding-left: var(--sizeContentOffset);
  padding-right: var(--sizeContentOffset);
}

.u-clearfix::after {
  clear: both;
  content: '';
  display: table;
}

.u-container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
}

[class*="u-frame"] {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.u-fullWidth {
  width: 100%;
}

.u-block {
  display: block;
}

.u-flex {
  display: flex;
}

.u-hidden {
  display: none !important;
}

.u-hiddenVisually {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.u-invisibleScrollBar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.u-invisibleScrollBar::-webkit-scrollbar {
  display: none;
}

.u-customScrollBar {
  scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
  scrollbar-width: thin;
}

.u-customScrollBar::-webkit-scrollbar {
  width: .4rem;
}

.u-customScrollBar::-webkit-scrollbar-track {
  background: transparent;
}

.u-customScrollBar::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  transition: all .25s ease-in-out;
}

.u-customScrollBar::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.4);
}

.u-textCenter {
  text-align: center;
}

.u-textRight {
  text-align: right;
}

.u-flexJustifyStart {
  justify-content: flex-start;
}

.u-flexJustifyEnd {
  justify-content: flex-end;
}

.u-flexJustifyCenter {
  justify-content: center;
}

.u-flexJustifyBetween {
  justify-content: space-between;
}

.u-flexJustifyAround {
  justify-content: space-around;
}

.u-flexAlignItemsStart {
  align-items: flex-start;
}

.u-flexAlignItemsEnd {
  align-items: flex-end;
}

.u-flexAlignItemsCenter {
  align-items: center;
}

.u-spanRow {
  grid-column: 1 / -1;
}

.u-hiddenOverflow {
  overflow: hidden;
}

.u-noWrap {
  white-space: nowrap;
}

.u-textUppercase {
  text-transform: uppercase;
}

.u-textLowercase {
  text-transform: lowercase;
}

.u-responsiveTable {
  overflow-x: auto;
}

:root {
  --font-primary: Inter, sans-serif;
  --font-secondary: PlusJakartaSans, sans-serif;
  /* set base values */
  --textBaseSize: 1rem;
  --textScaleRatio: 1.2;
  /* type scale */
  --textXxs: calc(1em / (var(--textScaleRatio) * var(--textScaleRatio) * var(--textScaleRatio)));
  --textXs: calc(1em / (var(--textScaleRatio) * var(--textScaleRatio)));
  --textSm: calc(1em / var(--textScaleRatio));
  --textRg: 1em;
  --textMd: calc(1em * var(--textScaleRatio));
  --textLg: calc(1em * var(--textScaleRatio) * var(--textScaleRatio));
  --textXl: calc(1em * var(--textScaleRatio) * var(--textScaleRatio) * var(--textScaleRatio));
  --textXxl: calc(1em * var(--textScaleRatio) * var(--textScaleRatio) * var(--textScaleRatio) * var(--textScaleRatio));
  --textXxxl: calc(1em * var(--textScaleRatio) * var(--textScaleRatio) * var(--textScaleRatio) * var(--textScaleRatio) * var(--textScaleRatio));
  --textXxxxl: calc(1em * var(--textScaleRatio) * var(--textScaleRatio) * var(--textScaleRatio) * var(--textScaleRatio) * var(--textScaleRatio) * var(--textScaleRatio));
  --bodyLineHeight: 1.5;
  --headingLineHeight: 1.2;
}

@media (min-width: 48.01rem) {
  :root {
    --textBaseSize: 1.15rem;
  }
}

@media (min-width: 64.01rem) {
  :root {
    --textBaseSize: 1.25rem;
  }
}

h1, h2, h3, h4, form legend {
  font-family: var(--font-secondary);
  color: var(--colorTextHeading);
  margin-bottom: var(--spaceXs);
  line-height: var(--headingLineHeight);
}

/* text size */
.u-textXxxl {
  font-size: var(--textXxxl);
}

h1, .u-textXxl {
  font-size: var(--textXxl);
}

h2, .u-textXl {
  font-size: var(--textXxl);
  margin-bottom: var(--spaceSm);
}

h3, .u-textLg {
  font-size: var(--textLg);
}

h4, .u-textMd {
  font-size: var(--textMd);
}

.u-textSm, small {
  font-size: var(--textSm);
}

.u-textXs {
  font-size: var(--textXs);
}

p {
  line-height: var(--bodyLineHeight);
}

a {
  color: var(--colorLinkText);
  text-decoration: none;
}

a:hover, a:active, a:focus {
  color: var(--colorLinkTextActive);
  text-decoration: underline;
}

:root {
  --spaceUnit:  1em;
  --spaceXxxxs: calc(0.125 * var(--spaceUnit));
  --spaceXxxs:  calc(0.25 * var(--spaceUnit));
  --spaceXxs:   calc(0.375 * var(--spaceUnit));
  --spaceXs:    calc(0.5 * var(--spaceUnit));
  --spaceSm:    calc(0.75 * var(--spaceUnit));
  --spaceRg:    var(--spaceUnit);
  --spaceMd:    calc(1.25 * var(--spaceUnit));
  --spaceLg:    calc(2 * var(--spaceUnit));
  --spaceXl:    calc(3.25 * var(--spaceUnit));
  --spaceXxl:   calc(5.25 * var(--spaceUnit));
  --spaceXxxl:  calc(8.5 * var(--spaceUnit));
  --spaceXxxxl: calc(13.75 * var(--spaceUnit));
  --sizeModuleHorizontalOffset: 5rem;
}

.u-spaceUnit {
  margin-bottom: var(--spaceUnit);
}

.u-spaceXxxxs {
  margin-bottom: var(--spaceXxxxs);
}

.u-spaceXxxs {
  margin-bottom: var(--spaceXxxs);
}

.u-spaceXxs {
  margin-bottom: var(--spaceXxs);
}

.u-spaceXs {
  margin-bottom: var(--spaceXs);
}

.u-spaceSm {
  margin-bottom: var(--spaceSm);
}

.u-spaceMd {
  margin-bottom: var(--spaceMd);
}

.u-spaceLg {
  margin-bottom: var(--spaceLg);
}

.u-spaceXl {
  margin-bottom: var(--spaceXl);
}

.u-spaceXxl {
  margin-bottom: var(--spaceXxl);
}

.u-spaceXxxl {
  margin-bottom: var(--spaceXxxl);
}

.u-spaceXxxxl {
  margin-bottom: var(--spaceXxxxl);
}

[data-tooltip] {
  position: relative;
  display: inline-block;
}

[data-tooltip]:before {
  content: attr(data-tooltip);
  position: absolute;
  left: 50%;
  bottom: calc(100% + 11px);
  background: #000000de;
  color: #fff;
  transform-origin: bottom center;
  transition: var(--animationBase);
  transform: translateX(-50%);
  padding: 17px;
  font-size: 14px;
  width: 249px;
  text-align: center;
  line-height: 1.4;
  border-radius: 4px;
  border-bottom: 3px solid var(--colorBrand);
  pointer-events: none;
  opacity: 0;
}

[data-tooltip]:after {
  content: '▾';
  display: block;
  position: absolute;
  left: 50%;
  bottom: 100%;
  transform: translateX(-50%);
  width: 249px;
  font-size: 32px;
  line-height: 17px;
  text-align: center;
  color: var(--colorBrand);
  transition: var(--animationBase);
  pointer-events: none;
  opacity: 0;
}

[data-tooltip]:hover:before {
  pointer-events: auto;
  opacity: 1;
}

[data-tooltip]:hover:after {
  pointer-events: auto;
  opacity: 1;
}

body .SubscribeBoxPopup {
  padding: var(--spaceXs) 0;
}

body .CartHolder {
  border-radius: 0.75rem;
  overflow: hidden;
}

body .AppPopup-inner {
  border-radius: 0.75rem;
  overflow: hidden;
}

body .TextareaBase, body .InputBase {
  border-color: var(--colorInputBorder);
  box-shadow: none;
  transition: var(--animationBase);
}

body .TextareaBase:focus, body .InputBase:focus {
  box-shadow: 0 0 0 2px #e730234d;
}

body .ToggleBase-body, body .ToggleBase-body::after {
  border-radius: 999px;
}

body .AppForm-label {
  font-size: var(--textXs);
  font-weight: 500;
}

body [data-tooltip]::before {
  border-radius: 0.75rem;
}

body .CheckboxBase {
  border: 1px solid var(--colorBrand);
  border-radius: 0.5rem;
}

body .CheckboxBase::after {
  width: 100%;
  height: 100%;
  margin: 0;
  margin-top: -1px;
  margin-left: -2px;
  border: none;
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-4 w-4"><path d="M20 6 9 17l-5-5"></path></svg>');
  transform: none;
  scale: 0.56;
}

body .NewsItem {
  padding: 1.5rem;
  background: white;
  border: 1px solid var(--colorOutlines);
  border-radius: 0.75rem;
  transition: all 0.3s var(--easingAnimationBase);
}

body .NewsItem:hover {
  border-color: #fad6d3;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

body .NewsItem:hover .NewsItem-title a {
  color: var(--colorBrand);
}

body .NewsItem-picture {
  margin: -1.5rem -1.5rem 1.5rem;
  border-radius: 0.75rem 0.75rem 0 0;
  overflow: hidden;
}

body .NewsItem-picture img {
  transition: all 0.3s var(--easingAnimationBase);
}

body .NewsItem-picture:hover img, body .NewsItem-picture:active img, body .NewsItem-picture:focus img {
  transform: scale(1.02);
}

body .NewsItem-hover {
  display: none;
}

body .NewsItem-perex {
  display: -webkit-box;
  color: var(--colorTextSubtle);
  font-size: 0.875rem;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

body .NewsItem-title {
  font-size: 1.125rem;
}

body .NewsItem-title a {
  transition: all 0.3s var(--easingAnimationBase);
}

body .NewsLatest {
  background: white;
  border: 1px solid var(--colorOutlines);
  border-radius: 0.75rem;
  overflow: hidden;
}

body .NewsLatest-title {
  padding: 0.875rem 1.25rem;
  margin-bottom: 0;
  color: white;
  background-color: var(--colorBrand);
  font-family: var(--font-secondary);
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  word-spacing: 2.5px;
  text-transform: uppercase;
}

body .NewsLatest img {
  border-radius: 0.5rem;
  overflow: hidden;
}

body .NewsLatest-item {
  padding: 0.625rem;
  transition: var(--animationBase);
}

body .NewsLatest-item:last-child {
  border-bottom: none;
}

body .NewsLatest-item:hover, body .NewsLatest-item:active, body .NewsLatest-item:focus {
  background-color: #f3f4f6;
}

body .NewsLatest-item:hover .NewsLatest-itemTitle, body .NewsLatest-item:active .NewsLatest-itemTitle, body .NewsLatest-item:focus .NewsLatest-itemTitle {
  color: var(--colorBrand);
}

body .NewsLatest-itemTitle {
  color: var(--colorTextSubtle);
  font-size: 0.875rem;
  font-weight: 500;
  transition: var(--animationBase);
}

body .NewsList {
  gap: var(--spaceMd);
}

body .NewsDetail-main {
  padding: 1.5rem;
  background: white;
  border: 1px solid var(--colorOutlines);
  border-radius: 0.75rem;
  overflow: hidden;
}

body .NewsDetail-image {
  margin: -1.5rem -1.5rem 1rem;
}

body .NewsDetail-text *[style*="Aptos"] {
  font-family: var(--font-secondary) !important;
}

body .NewsDetail-text a[style*="background-color: #d83434"] {
  border-radius: 0.75rem !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  line-height: 1.25rem !important;
  transition: var(--animationBase);
}

body .NewsDetail-text a[style*="background-color: #d83434"]:hover, body .NewsDetail-text a[style*="background-color: #d83434"]:active, body .NewsDetail-text a[style*="background-color: #d83434"]:focus {
  background-color: #e73023e6 !important;
  text-decoration: none;
}

body .NewsDetail-text img {
  height: auto !important;
}

body .VocabularyItem, body .ExternalReviewItem, body .ContactPeopleItem, body .ContactBlock, body .NewsDetail-date, body .NewsDetail-text img {
  border: 1px solid var(--colorOutlines);
  border-radius: 0.75rem;
  box-shadow: none;
}

body .VocabularyLetters {
  background: var(--colorBrand);
  border-radius: 0.75rem;
}

body .VocabularyLetters-letters a.is-active, body .VocabularyLetters-letters a:hover, body .VocabularyLetters-letters a:focus {
  color: var(--colorBrand);
  background: #fff;
}

body .VocabularyLetters-letters span {
  cursor: not-allowed;
  opacity: 0.5;
}

body .VocabularyLetters-perex {
  border-bottom-color: #fff5;
}

body .VocabularyItem-perex {
  color: var(--colorTextSubtle);
}

body .SubpageHeader {
  padding-top: 0;
  border-bottom: 1px solid var(--colorOutlines);
}

body .SubpageHeader .BreadCrumbs {
  padding-bottom: var(--spaceXs);
}

body.location_page_getDetail .AppForm {
  padding: 1.5rem;
  background: white;
  border: 1px solid var(--colorOutlines);
  border-radius: 0.75rem;
  overflow: hidden;
}

body.location_page_getDetail .AppForm h2 {
  font-size: var(--textLg);
}

body .PreCart-content, body .DeliveryBar {
  border-radius: 12px;
  overflow: hidden;
}

body .PreCart-close {
  border-radius: 0 0 0 0.75rem;
}

body .CartSteps-link {
  font-family: var(--font-secondary);
  word-spacing: 2.5px;
}

body .PreCart-crosssellProducts {
  grid-gap: var(--spaceMd);
}

body .CartBar {
  border-top: 1px solid var(--colorOutlines);
  box-shadow: none;
}

body .CartLayout {
  padding-top: var(--spaceLg) !important;
}

body .CartLayout .DeliveryBar {
  border: 1px solid var(--colorOutlines);
}

body .CartDiscountItem-header {
  display: flex;
}

body .CartDiscountItem-header label {
  margin-top: -2px;
}

body .CartDiscountItem-dropdown.is-open {
  overflow: visible;
}

body .AppAlert {
  border-radius: 0.75rem;
  box-shadow: none;
}

body .AppAlert-text {
  flex: 1;
  border: 1px solid var(--colorOutlines);
  border-left: none;
  border-radius: 0 0.75rem 0.75rem 0;
  font-family: var(--font-secondary);
}

body .CartDeliveryGroup-deliveries, body .CartPaymentGroup-payments {
  border: 1px solid var(--colorOutlines);
  border-radius: 0.75rem;
  overflow: hidden;
}

body .CartDeliveryGroup-deliveries .CartDeliveryOption, body .CartDeliveryGroup-deliveries .CartPaymentOption, body .CartPaymentGroup-payments .CartDeliveryOption, body .CartPaymentGroup-payments .CartPaymentOption {
  margin-bottom: 0;
  border-bottom: 1px solid var(--colorOutlines);
}

body .CartDeliveryGroup-deliveries .CartDeliveryOption:last-child, body .CartDeliveryGroup-deliveries .CartPaymentOption:last-child, body .CartPaymentGroup-payments .CartDeliveryOption:last-child, body .CartPaymentGroup-payments .CartPaymentOption:last-child {
  border-bottom: none;
}

body .CartOverview {
  border-radius: 0.75rem;
  overflow: hidden;
}

body .CartOverview-title {
  padding: var(--textSm);
  margin: 0;
  color: white;
  background-color: var(--colorBrand);
  font-family: var(--font-secondary);
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  word-spacing: 2.5px;
  text-transform: uppercase;
}

body .CartContact {
  background: white;
  border: 1px solid var(--colorOutlines);
  border-radius: 0.75rem;
  overflow: hidden;
}

body .CartContact-line:nth-child(2) {
  display: none;
}

body .CartCheckout-topBoxes {
  border: 1px solid var(--colorOutlines);
  border-radius: 0.75rem;
  overflow: hidden;
}

body .CartCheckout-topBoxes .CartSummaryBox {
  margin: 0;
  border-right: 1px solid var(--colorOutlines);
}

body .CartCheckout-topBoxes .CartSummaryBox:last-child {
  border-right: none;
}

body .HeaderBox-dropdown {
  border-radius: 0.75rem;
}

body .UserNav {
  border-radius: 0.75rem;
  overflow: hidden;
}

body .UserNav-item {
  background-color: white;
  font-family: var(--font-secondary);
  font-weight: 500;
  transition: var(--animationBase);
}

body .UserNav-item:hover, body .UserNav-item:active, body .UserNav-item:focus {
  color: var(--colorBrand);
  background-color: #f3f4f6;
  text-decoration: none;
}

body .UserHero {
  padding: 1rem;
  background: #ef44441a;
  border: 1px solid #ef444433;
  border-radius: 0.75rem;
}

body .UserHero-user {
  font-size: var(--textRg);
}

body .UserHero-perex {
  color: var(--colorTextSubtle);
}

body .UserSideNav {
  margin: 0 0 var(--spaceMd) !important;
  border-radius: 0.75rem;
  overflow: hidden;
}

body .UserSideNav.is-opened .UserSideNav-list {
  border: 1px solid var(--colorOutlines);
}

body .UserSideNav-opener {
  font-family: var(--font-secondary);
  font-size: 0.875rem;
  font-weight: 600;
  word-spacing: 2.5px;
  text-transform: uppercase;
}

body .UserSideNav-list {
  padding: 0 !important;
  border: 0 solid transparent;
  border-radius: 0 0 0.75rem 0.75rem;
  transition: all 0.5s var(--easingAnimationBase);
}

@media (min-width: 48.01rem) {
  body .UserSideNav-list {
    border: 1px solid var(--colorOutlines);
    border-radius: 0.75rem;
  }
}

body .UserSideNav-item a {
  padding: 0.625rem 1.25rem;
  color: var(--colorTextHeading);
  background-color: white;
  font-family: var(--font-secondary);
  font-size: 0.875rem;
  font-weight: 500;
  transition: var(--animationBase);
}

body .UserSideNav-item a:hover, body .UserSideNav-item a:active, body .UserSideNav-item a:focus {
  color: var(--colorBrand);
  background-color: #f3f4f6;
  text-decoration: none;
}

body .UserSideNav-item a svg {
  color: var(--colorTextSubtle);
}

body .UserSideNav-itemActive {
  pointer-events: none;
}

body .UserLayout .ProductList {
  display: grid;
  gap: 1.25rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 64rem) {
  body .UserLayout .ProductList {
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 48rem) {
  body .UserLayout .ProductList {
    gap: 0.75rem;
    margin: 0 calc(var(--sizeContentOffset) * -1 + 1px);
  }
}

@media (max-width: 36rem) {
  body .UserLayout .ProductList {
    gap: 0;
  }
}

body .UserContactBox {
  text-align: left;
}

body .UserContactBox-box {
  padding: 1.25rem;
}

body .UserContactBox-perex {
  font-size: 0.875rem;
  opacity: 0.9;
}

body .UserContactBox-title {
  font-size: 1.125rem;
}

body .UserContactBox-contacts {
  justify-content: flex-start;
}

body .UserContactBox-contacts a {
  font-size: 0.875rem;
  font-weight: 500;
}

body .UserContactBox-contacts a svg {
  color: white;
}

body .UserMyRegistration {
  padding-top: 0;
}

body .UserMyRegistration .AppForm {
  padding: var(--spaceMd);
  background: white;
  border: 1px solid var(--colorOutlines);
  border-radius: 0.75rem;
  overflow: hidden;
}

body .UserMyRegistration .AppForm .InputBase, body .UserMyRegistration .AppForm .TextareaBase, body .UserMyRegistration .AppForm .SelectBase {
  background: #f3f4f6;
}

body .UserMainActions {
  padding: 0.5rem;
  border: 1px solid var(--colorOutlines);
  border-radius: 0.75rem;
}

body .UserMainActions a {
  border-radius: 0.75rem;
  font-family: var(--font-secondary);
  font-size: var(--textSm);
  font-weight: 600;
  word-spacing: 2.5px;
  transition: all 0.3s var(--easingAnimationBase);
}

body .OrderMyList-title, body .UserProducts-title {
  font-size: var(--textMd);
  font-weight: 700;
}

body .UserContactBox-box {
  border-radius: 0.75rem;
}

body .UserSupportHero {
  border: 1px solid var(--colorOutlines);
  border-radius: 0.75rem;
  overflow: hidden;
}

body .UserSupportHero-contact:first-of-type {
  display: none;
}

body .UserSupportHero-contact a {
  font-family: var(--font-secondary);
  font-weight: 600;
}

body .UserSupportHero-title {
  font-family: var(--font-secondary);
  font-weight: 600;
}

body .SearchItem {
  background: white;
  border-radius: 0.75rem;
}

body .SearchItem:hover, body .SearchItem:active, body .SearchItem:focus {
  color: var(--colorTextSubtle);
  border-color: #fad6d3;
  border-left: 4px solid var(--colorBrand);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

body .SearchItem-perex {
  color: var(--colorTextSubtle);
}

body .ProductDetailText {
  color: var(--colorTextSubtle);
}

body .ProductDetailTabs .TextareaBase, body .ProductDetailTabs .InputBase, body.location_page_getDetail .AppForm .TextareaBase, body.location_page_getDetail .AppForm .InputBase {
  background: #f3f4f6;
}

body .ProductDetailImages {
  background: white;
  border: 1px solid var(--colorOutlines);
  border-radius: 0.75rem;
  overflow: hidden;
}

body .ProductDetailImages-tags {
  top: 1.5rem;
  left: 1.5rem;
}

body .ProductDetailImages-mainSlider {
  padding: 2rem 2rem 1rem;
}

body .ProductDetailImages-thumbHolder {
  padding: 1rem 1.5rem;
  margin-top: 0;
  border-top: 1px solid var(--colorOutlines);
}

body .ProductDetailImages-next, body .ProductDetailImages-prev {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  padding: 0;
  color: var(--colorTextSubtle);
  border: 1px solid var(--colorOutlines);
  border-radius: 2rem;
}

body .ProductDetailImages-next svg, body .ProductDetailImages-prev svg {
  width: 1rem;
  height: 1rem;
}

body .ProductDetailImages-next:hover, body .ProductDetailImages-next:active, body .ProductDetailImages-next:focus, body .ProductDetailImages-prev:hover, body .ProductDetailImages-prev:active, body .ProductDetailImages-prev:focus {
  color: var(--colorTextSubtle);
}

body .ProductDetailImages-next:hover, body .ProductDetailImages-prev:hover {
  color: var(--colorText);
}

body .ProductDetailImages-prev {
  transform: rotate(180deg);
}

body .ProductDetailImages-imageNote {
  margin: var(--spaceSm) 0 0;
  color: var(--colorTextSubtle);
  font-size: var(--textXxs);
  text-align: center;
}

body .ProductDetailGifts {
  padding-top: 0;
  border-top: none;
}

body .ProductDetailPrices {
  font-family: var(--font-secondary);
}

body .ProductDetailPrices-priceVat {
  font-weight: 600;
}

body .ProductCategory-filter {
  margin-bottom: var(--spaceMd);
}

body .ProductCategory-filter:has(.is-opened) {
  margin-bottom: 0;
}

body:not(:has(.SubpageHeader)) main {
  padding-top: 0;
}

@media (min-width: 64.01rem) {
  body.location_product_getDetail main {
    padding-top: var(--spaceRg);
  }
}

body .CookiesPopup-inner {
  border: 1px solid var(--colorOutlines);
  border-radius: 0.75rem;
  overflow: hidden;
}

body .CookiesPopup-text {
  color: var(--colorTextSubtle);
}

body .CookiesPopup-button {
  padding: 0.625rem 1.5rem;
  border-radius: 0.75rem;
  font-size: 0.875rem;
  font-weight: 600;
}

body .HomeContactBox img {
  display: none;
}

body.location_homepage .HomeContactBox {
  background: white;
}

body.location_homepage .HomeContactBox-title {
  color: var(--colorBrand);
}

body.location_homepage .HomeContactBox-perex {
  color: var(--colorText);
}

body.location_homepage .HomeContactBox-contacts a {
  color: var(--colorBrand);
}

body.location_homepage .HomeContactBox picture {
  display: block;
  margin: auto -1.7em -1.25rem;
}

body.location_homepage .HomeContactBox picture img {
  display: block;
  width: 100%;
  margin-top: auto;
}

/*# sourceMappingURL=base.min.css.map */