@charset "UTF-8";
@font-face {
  font-family: "Stefanie Notes";
  src: url("../../fonts/JustAnotherHand-Regular.woff") format(woff);
  font-weight: 400;
  font-style: normal;
  display: swap;
}
@font-face {
  font-family: "Obviously Narrow";
  src: url("../../fonts/obviously/Obviously-NarrowLight.woff") format(woff);
  font-weight: 300;
  font-style: normal;
  display: swap;
}
@font-face {
  font-family: "Obviously Narrow";
  src: url("../../fonts/obviously/Obviously-NarrowLightItalic.woff") format(woff);
  font-weight: 300;
  font-style: italic;
  display: swap;
}
@font-face {
  font-family: "Obviously Narrow";
  src: url("../../fonts/obviously/Obviously-NarrowMedium.woff") format(woff);
  font-weight: 500;
  font-style: normal;
  display: swap;
}
@font-face {
  font-family: "Obviously Narrow";
  src: url("../../fonts/obviously/Obviously-NarrowMediumItalic.woff") format(woff);
  font-weight: 500;
  font-style: italic;
  display: swap;
}
@font-face {
  font-family: "Obviously Narrow";
  src: url("../../fonts/obviously/Obviously-NarrowBold.woff") format(woff);
  font-weight: 700;
  font-style: normal;
  display: swap;
}
@font-face {
  font-family: "Obviously Narrow";
  src: url("../../fonts/obviously/Obviously-NarrowBoldItalic.woff") format(woff);
  font-weight: 700;
  font-style: italic;
  display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../../fonts/poppins/Poppins-Light.woff") format(woff);
  font-weight: 300;
  font-style: normal;
  display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../../fonts/poppins/Poppins-Regular.woff") format(woff);
  font-weight: 400;
  font-style: normal;
  display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../../fonts/poppins/Poppins-Medium.woff") format(woff);
  font-weight: 500;
  font-style: normal;
  display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../../fonts/poppins/Poppins-SemiBold.woff") format(woff);
  font-weight: 600;
  font-style: normal;
  display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../../fonts/poppins/Poppins-Bold.woff") format(woff);
  font-weight: 700;
  font-style: normal;
  display: swap;
}

@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes slideinleft {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
:root {
  --z-index-modal: 100;
  --z-index-header: 99;
  --z-index-footer: 98;
  --z-index-base: 1;
  --wrapper-xs: 46.875rem;
  --wrapper-s: 66.25rem;
  --wrapper-m: 71.25rem;
  --wrapper-l: 78.125rem;
  --hspace: 1.875rem;
  --pageHeaderOverflow: 5.331875rem;
}
@media screen and (max-width: 874px) {
  :root {
    --pageHeaderOverflow: 3.75rem;
  }
}
@media screen and (max-width: 640px) {
  :root {
    --hspace: 1.125rem;
  }
}

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

html {
  height: auto;
}
html:has(dialog[open]:modal), html:has(.modal.show), html:has(body.modal-open), html:has(.wishlist-toast.isActive) {
  overflow: hidden;
  --z-index-footer: var(--z-index-modal);
}

body {
  display: flex;
  flex-direction: column;
  font-size: 0.9375rem;
  line-height: 1.5rem;
  margin: 0;
  min-height: 100vh;
  color: var(--base);
  font-family: "Poppins", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-optical-sizing: auto;
  --bg: var(--bg-light);
  background-color: var(--bg);
}
@media screen and (max-width: 640px) {
  body {
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
}
body > main {
  flex-grow: 1;
}
body.page-authentication, body.page-registration {
  --bg: var(--bg-light--accent);
}

ul, ol {
  list-style: none;
  padding: 0;
  margin: 0;
}

p {
  margin: 0;
  font-size: 0.9375rem;
  line-height: 1.5rem;
  font-weight: inherit;
  color: currentColor;
}
@media screen and (max-width: 640px) {
  p {
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
}

strong {
  font-weight: 600;
}

q, .special {
  font-family: "Stefanie Notes", Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.25rem;
  line-height: 0.71;
}

q {
  font-size: 2.375rem;
  line-height: 0.92;
}
q::before {
  content: "« ";
}
q::after {
  content: " »";
}

dl {
  margin: 0;
}

dt,
dd {
  font-weight: inherit;
  font-style: normal;
}

dd {
  margin: 0;
}

small {
  font-size: 0.8125rem;
  line-height: 1.0625rem;
  color: var(--attenuated);
  font-weight: inherit;
}
@media screen and (max-width: 640px) {
  small {
    font-size: 0.75rem;
    line-height: 1.0625rem;
  }
}

.wishlist-modal.show {
  z-index: var(--z-index-modal);
}

.op-c-Content-main:has(.op-u-wrapper[data-size=xs]) .notifications {
  --wrapper: var(--wrapper-xs);
}
.notifications:not(:first-child) {
  margin-top: 2.1875rem;
}
.notifications:not(:last-child) {
  margin-bottom: 2.1875rem;
}

[class^=op-i-] {
  display: flex;
  align-items: center;
  justify-content: center;
}
[class^=op-i-] svg {
  width: auto;
  height: auto;
  overflow: visible;
}
[class^=op-i-] svg,
[class^=op-i-] svg * {
  transition: all 0.2s ease;
}

.op-i-flag img {
  width: 1rem;
  border-radius: 50%;
  aspect-ratio: 1/1;
  object-fit: cover;
}

input[type=date], input[type=datetime-local], input[type=email], input[type=file], input[type=month], input[type=number]:not([name=qty]), input[type=password], input[type=search], input[type=tel], input[type=time], input[type=text]:not([name=discount_name]), input[type=url], input[type=week],
textarea,
select,
.op-u-input {
  --color: var(--base);
  --bg: var(--inert);
  --_input-pad-top: 0;
  --_input-pad-bottom: 0;
  --_input-pad-left: 1.5625rem;
  --_input-pad-right: 1.5625rem;
  --text-decoration: none;
  width: 100%;
  min-height: 3.125rem !important;
  border-radius: 10px !important;
  padding-top: var(--input-pad-top, var(--_input-pad-top)) !important;
  padding-bottom: var(--input-pad-bottom, var(--_input-pad-bottom)) !important;
  padding-left: var(--input-pad-left, var(--_input-pad-left)) !important;
  padding-right: var(--input-pad-right, var(--_input-pad-right)) !important;
  font-size: 0.9375rem !important;
  line-height: 1.5rem !important;
  color: var(--color) !important;
  background: var(--bg) !important;
  border: none !important;
  appearance: none;
  transition: all 0.2s ease;
}
@media screen and (max-width: 640px) {
  input[type=date], input[type=datetime-local], input[type=email], input[type=file], input[type=month], input[type=number]:not([name=qty]), input[type=password], input[type=search], input[type=tel], input[type=time], input[type=text]:not([name=discount_name]), input[type=url], input[type=week],
  textarea,
  select,
  .op-u-input {
    font-size: 0.875rem !important;
    line-height: 1.5rem !important;
  }
}
input[type=date]:hover, input[type=date]:active, input[type=date]:focus, input[type=date]:focus-visible, input[type=date]:focus-within, input[type=datetime-local]:hover, input[type=datetime-local]:active, input[type=datetime-local]:focus, input[type=datetime-local]:focus-visible, input[type=datetime-local]:focus-within, input[type=email]:hover, input[type=email]:active, input[type=email]:focus, input[type=email]:focus-visible, input[type=email]:focus-within, input[type=file]:hover, input[type=file]:active, input[type=file]:focus, input[type=file]:focus-visible, input[type=file]:focus-within, input[type=month]:hover, input[type=month]:active, input[type=month]:focus, input[type=month]:focus-visible, input[type=month]:focus-within, input[type=number]:not([name=qty]):hover, input[type=number]:not([name=qty]):active, input[type=number]:not([name=qty]):focus, input[type=number]:not([name=qty]):focus-visible, input[type=number]:not([name=qty]):focus-within, input[type=password]:hover, input[type=password]:active, input[type=password]:focus, input[type=password]:focus-visible, input[type=password]:focus-within, input[type=search]:hover, input[type=search]:active, input[type=search]:focus, input[type=search]:focus-visible, input[type=search]:focus-within, input[type=tel]:hover, input[type=tel]:active, input[type=tel]:focus, input[type=tel]:focus-visible, input[type=tel]:focus-within, input[type=time]:hover, input[type=time]:active, input[type=time]:focus, input[type=time]:focus-visible, input[type=time]:focus-within, input[type=text]:not([name=discount_name]):hover, input[type=text]:not([name=discount_name]):active, input[type=text]:not([name=discount_name]):focus, input[type=text]:not([name=discount_name]):focus-visible, input[type=text]:not([name=discount_name]):focus-within, input[type=url]:hover, input[type=url]:active, input[type=url]:focus, input[type=url]:focus-visible, input[type=url]:focus-within, input[type=week]:hover, input[type=week]:active, input[type=week]:focus, input[type=week]:focus-visible, input[type=week]:focus-within,
textarea:hover,
textarea:active,
textarea:focus,
textarea:focus-visible,
textarea:focus-within,
select:hover,
select:active,
select:focus,
select:focus-visible,
select:focus-within,
.op-u-input:hover,
.op-u-input:active,
.op-u-input:focus,
.op-u-input:focus-visible,
.op-u-input:focus-within {
  --bg: var(--focus);
}
input[type=date]:disabled, input[type=datetime-local]:disabled, input[type=email]:disabled, input[type=file]:disabled, input[type=month]:disabled, input[type=number]:not([name=qty]):disabled, input[type=password]:disabled, input[type=search]:disabled, input[type=tel]:disabled, input[type=time]:disabled, input[type=text]:not([name=discount_name]):disabled, input[type=url]:disabled, input[type=week]:disabled,
textarea:disabled,
select:disabled,
.op-u-input:disabled {
  --color: var(--attenuated);
  --bg: var(--disabled);
}

textarea {
  width: 100%;
  padding-top: 1.125rem !important;
  padding-bottom: 1.125rem !important;
}

input[type=date]::-webkit-inner-spin-button, input[type=date]::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}

/**
 * Semantic variables
 */
:root,
[data-theme],
[data-theme=light] {
  --base: #000000;
  --attenuated: #909090;
  --highlight: #FF3185;
  --bg: var(--bg-light);
  --bg-light: #FFFFFF;
  --bg-light--accent: #FFFBEB;
  --bg-dark: #FFD731;
  --bg-dark--accent: #FF3185;
  --inert: #F3F3F3;
  --hover: rgb(204.75, 204.75, 204.75);
  --focus: rgb(235.35, 235.35, 235.35);
  --active: rgb(235.35, 235.35, 235.35);
  --disabled: #F3F3F3;
  --btn-primary-txt: #FFFFFF;
  --btn-primary-bg: #FF3185;
  --btn-primary-outline: transparent;
  --btn-primary-txt-active: #FFFFFF;
  --btn-primary-bg-active: #000000;
  --btn-primary-outline-active: transparent;
  --btn-primary-txt-focus: #FFFFFF;
  --btn-primary-bg-focus: #FF3185;
  --btn-primary-outline-focus: #000000;
  --btn-primary-txt-disabled: #909090;
  --btn-primary-bg-disabled: #F3F3F3;
  --btn-primary-outline-disabled: transparent;
  --btn-secondary-txt: #000000;
  --btn-secondary-bg: transparent;
  --btn-secondary-outline: #FF3185;
  --btn-secondary-txt-active: #FFFFFF;
  --btn-secondary-bg-active: #FF3185;
  --btn-secondary-outline-active: transparent;
  --btn-secondary-txt-focus: #000000;
  --btn-secondary-bg-focus: transparent;
  --btn-secondary-outline-focus: #000000;
  --btn-secondary-txt-disabled: #909090;
  --btn-secondary-bg-disabled: transparent;
  --btn-secondary-outline-disabled: #909090;
  --btn-tertiary-txt: #000000;
  --btn-tertiary-bg: transparent;
  --btn-tertiary-outline: #000000;
  --btn-tertiary-txt-active: #000000;
  --btn-tertiary-bg-active: transparent;
  --btn-tertiary-outline-active: #FF3185;
  --btn-tertiary-txt-focus: #000000;
  --btn-tertiary-bg-focus: transparent;
  --btn-tertiary-outline-focus: #FFD731;
  --btn-tertiary-txt-disabled: #909090;
  --btn-tertiary-bg-disabled: transparent;
  --btn-tertiary-outline-disabled: transparent;
  --error: #FF5353;
  --error--light: #FFEFEF;
  --info: #FFD731;
  --info--light: #FFFBEB;
  --valid: #7AE2A4;
  --valid--light: #EAFFD8;
  --label-x: #FFD731;
  --label-y: #FFD731;
}

[data-theme], [data-theme=light] {
  color: var(--base);
  background-color: var(--bg);
}

[data-theme=light--accent] {
  --bg: var(--bg-light--accent);
}

[data-theme=dark] {
  --bg: var(--bg-dark);
  --attenuated: #3E3E3E;
}

[data-theme=dark--accent] {
  --base: #FFFFFF;
  --attenuated: rgba(255, 255, 255, 0.8);
  --highlight: #FFFFFF;
  --bg: var(--bg-dark--accent);
  --btn-secondary-txt: #FFFFFF;
  --btn-secondary-outline: #FFFFFF;
  --btn-secondary-txt-active: #000000;
  --btn-secondary-bg-active: #FFFFFF;
  --btn-secondary-outline-focus: #000000;
}

.op-u-wrapper {
  --_wrapper: var(--wrapper-m);
  width: 100%;
  max-width: var(--wrapper, var(--_wrapper));
  margin-left: auto;
  margin-right: auto;
}
.op-u-wrapper[data-size=xs] {
  --_wrapper: var(--wrapper-xs);
}
.op-u-wrapper[data-size=s] {
  --_wrapper: var(--wrapper-s);
}
.op-u-wrapper[data-size=l] {
  --_wrapper: var(--wrapper-l);
}

.op-u-hspace {
  padding-left: var(--hspace);
  padding-right: var(--hspace);
  transition: padding 0.5s ease;
}

.op-u-a11yhidden {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap; /* added line */
}

.op-u-nudebtn {
  padding: 0;
  border: 0;
  color: inherit;
  text-align: left;
  background: none;
  --webkit-appearance: none;
  cursor: pointer;
}

:root {
  --_indent: 2.5rem;
}
@media screen and (max-width: 768px) {
  :root {
    --_indent: 2rem;
  }
}

.op-u-indent {
  text-indent: calc(var(--indent, var(--_indent)) * -1);
}
.op-u-indent, .op-u-indent ~ * {
  padding-left: var(--indent, var(--_indent));
}

.op-u-mask {
  --_path: none;
  --_ratio: auto;
  clip-path: var(--path, var(--_path));
  background-color: var(--base);
}
.op-u-mask img {
  display: block;
  width: 100%;
  aspect-ratio: var(--ratio, var(--_ratio));
  object-fit: cover;
  object-position: center;
}
.op-u-mask[data-mask=brush-horizontal] {
  --_path: url("#brush-horizontal");
  --_ratio: 680 / 478;
}
.op-u-mask[data-mask=brush-vertical] {
  --_path: url("#brush-vertical");
  --_ratio: 478 / 564;
}

.op-u-body1 {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
@media screen and (max-width: 640px) {
  .op-u-body1 {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
.op-u-body2 {
  font-size: 0.9375rem;
  line-height: 1.5rem;
}
@media screen and (max-width: 640px) {
  .op-u-body2 {
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
}
.op-u-body3 {
  font-size: 0.8125rem;
  line-height: 1.0625rem;
}
@media screen and (max-width: 640px) {
  .op-u-body3 {
    font-size: 0.75rem;
    line-height: 1.0625rem;
  }
}

.op-u-card {
  border: 1px solid var(--attenuated);
  border-radius: 10px;
  padding: 1.5625rem;
}

/** Generic **/
.btn {
  --txt: var(--btn-primary-txt);
  --bg: var(--btn-primary-bg);
  --outline: var(--btn-primary-outline);
}
.btn-primary, .btn-secondary, .btn-tertiary {
  padding: 0.75rem 2.8125rem;
  background: var(--bg);
  border-radius: 2rem;
  border: none;
  font-size: 0.9375rem;
  line-height: 1.5rem;
  color: var(--txt) !important;
  text-transform: none !important;
  font-weight: 500;
  transition: all 0.15s ease;
  box-shadow: inset 0px 0px 0px 2px var(--outline);
}
@media screen and (max-width: 640px) {
  .btn-primary, .btn-secondary, .btn-tertiary {
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
}
.btn-primary:hover, .btn-primary:active, .btn-primary:hover:active, .btn-primary.hover, .btn-primary.active, .btn-primary:active:hover, .btn-primary:focus, .btn-primary:focus-visible, .btn-primary:focus-within, .btn-primary.focus, .btn-primary.active:focus, .btn-primary:active.focus, .btn-primary.active.focus, .btn-primary:active:focus, .btn-secondary:hover, .btn-secondary:active, .btn-secondary:hover:active, .btn-secondary.hover, .btn-secondary.active, .btn-secondary:active:hover, .btn-secondary:focus, .btn-secondary:focus-visible, .btn-secondary:focus-within, .btn-secondary.focus, .btn-secondary.active:focus, .btn-secondary:active.focus, .btn-secondary.active.focus, .btn-secondary:active:focus, .btn-tertiary:hover, .btn-tertiary:active, .btn-tertiary:hover:active, .btn-tertiary.hover, .btn-tertiary.active, .btn-tertiary:active:hover, .btn-tertiary:focus, .btn-tertiary:focus-visible, .btn-tertiary:focus-within, .btn-tertiary.focus, .btn-tertiary.active:focus, .btn-tertiary:active.focus, .btn-tertiary.active.focus, .btn-tertiary:active:focus {
  color: var(--txt);
  background: var(--bg);
  border: none;
}
.btn-primary:disabled, .btn-primary.disabled, .btn-primary:disabled:hover, .btn-primary.disabled:hover, .btn-primary:disabled:focus, .btn-primary.disabled:focus, .btn-secondary:disabled, .btn-secondary.disabled, .btn-secondary:disabled:hover, .btn-secondary.disabled:hover, .btn-secondary:disabled:focus, .btn-secondary.disabled:focus, .btn-tertiary:disabled, .btn-tertiary.disabled, .btn-tertiary:disabled:hover, .btn-tertiary.disabled:hover, .btn-tertiary:disabled:focus, .btn-tertiary.disabled:focus {
  color: var(--txt);
  background: var(--bg);
  pointer-events: none;
  user-select: none;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:hover:active, .btn-primary.hover, .btn-primary.active, .btn-primary:active:hover {
  --txt: var(--btn-primary-txt-active);
  --bg: var(--btn-primary-bg-active);
  --outline: var(--btn-primary-outline-active);
}
.btn-primary:focus, .btn-primary:focus-visible, .btn-primary:focus-within, .btn-primary.focus, .btn-primary.active:focus, .btn-primary:active.focus, .btn-primary.active.focus, .btn-primary:active:focus {
  --txt: var(--btn-primary-txt-focus);
  --bg: var(--btn-primary-bg-focus);
  --outline: var(--btn-primary-outline-focus);
}
.btn-primary:disabled, .btn-primary.disabled, .btn-primary:disabled:hover, .btn-primary.disabled:hover, .btn-primary:disabled:focus, .btn-primary.disabled:focus {
  --txt: var(--btn-primary-txt-disabled);
  --bg: var(--btn-primary-bg-disabled);
  --outline: var(--btn-primary-outline-disabled);
}
.btn-secondary {
  --txt: var(--btn-secondary-txt);
  --bg: var(--btn-secondary-bg);
  --outline: var(--btn-secondary-outline);
}
.btn-secondary:hover, .btn-secondary:active, .btn-secondary:hover:active, .btn-secondary.hover, .btn-secondary.active, .btn-secondary:active:hover {
  --txt: var(--btn-secondary-txt-active);
  --bg: var(--btn-secondary-bg-active);
  --outline: var(--btn-secondary-outline-active);
}
.btn-secondary:focus, .btn-secondary:focus-visible, .btn-secondary:focus-within, .btn-secondary.focus, .btn-secondary.active:focus, .btn-secondary:active.focus, .btn-secondary.active.focus, .btn-secondary:active:focus {
  --txt: var(--btn-secondary-txt-focus);
  --bg: var(--btn-secondary-bg-focus);
  --outline: var(--btn-secondary-outline-focus);
}
.btn-secondary:disabled, .btn-secondary.disabled, .btn-secondary:disabled:hover, .btn-secondary.disabled:hover, .btn-secondary:disabled:focus, .btn-secondary.disabled:focus {
  --txt: var(--btn-secondary-txt-disabled);
  --bg: var(--btn-secondary-bg-disabled);
  --outline: var(--btn-secondary-outline-disabled);
}
.btn-tertiary {
  --txt: var(--btn-tertiary-txt);
  --bg: var(--btn-tertiary-bg);
  --outline: var(--btn-tertiary-outline);
}
.btn-tertiary:hover, .btn-tertiary:active, .btn-tertiary:hover:active, .btn-tertiary.hover, .btn-tertiary.active, .btn-tertiary:active:hover {
  --txt: var(--btn-tertiary-txt-active);
  --bg: var(--btn-tertiary-bg-active);
  --outline: var(--btn-tertiary-outline-active);
}
.btn-tertiary:focus, .btn-tertiary:focus-visible, .btn-tertiary:focus-within, .btn-tertiary.focus, .btn-tertiary.active:focus, .btn-tertiary:active.focus, .btn-tertiary.active.focus, .btn-tertiary:active:focus {
  --txt: var(--btn-tertiary-txt-focus);
  --bg: var(--btn-tertiary-bg-focus);
  --outline: var(--btn-tertiary-outline-focus);
}
.btn-tertiary:disabled, .btn-tertiary.disabled, .btn-tertiary:disabled:hover, .btn-tertiary.disabled:hover, .btn-tertiary:disabled:focus, .btn-tertiary.disabled:focus {
  --txt: var(--btn-tertiary-txt-disabled);
  --bg: var(--btn-tertiary-bg-disabled);
  --outline: var(--btn-tertiary-outline-disabled);
}
@media screen and (max-width: 640px) {
  .btn-primary, .btn-secondary, .btn-tertiary {
    padding: 0.75rem 2.1875rem;
    line-height: 0.9375rem;
  }
}

a, :where(a,
.label,
button,
label) {
  color: var(--base);
  text-decoration: var(--text-decoration, none) !important;
  transition: color 0.1s linear;
  margin: 0;
}
:where(a,
.label,
button,
label) a, :where(a,
.label,
button,
label) :where(a,
.label,
button,
label) {
  --text-decoration: underline;
}
a:has([class^=op-i-]), :where(a,
.label,
button,
label):has([class^=op-i-]) {
  position: relative;
  display: inline-block;
  min-height: 2.5rem;
  text-align: inherit;
  white-space: nowrap;
}
a:has([class^=op-i-])::before, :where(a,
.label,
button,
label):has([class^=op-i-])::before {
  content: "";
  line-height: 2.5rem;
}
a:has([class^=op-i-]):has([class*=op-i-]) [class*=-down], :where(a,
.label,
button,
label):has([class^=op-i-]):has([class*=op-i-]) [class*=-down] {
  justify-content: end;
}
a:has([class^=op-i-]):has([class*=op-i-]) [class$=-down-small], :where(a,
.label,
button,
label):has([class^=op-i-]):has([class*=op-i-]) [class$=-down-small] {
  width: 0.8125rem;
}
a:has([class^=op-i-]):has([class*=op-i-]) [class$=-down], :where(a,
.label,
button,
label):has([class^=op-i-]):has([class*=op-i-]) [class$=-down] {
  width: 0.8125rem;
}
a:has([class^=op-i-]):has([class*=op-i-]) [class$=-down] svg, :where(a,
.label,
button,
label):has([class^=op-i-]):has([class*=op-i-]) [class$=-down] svg {
  width: 0.625rem;
}
details:open a:has([class^=op-i-]):has([class*=op-i-]) svg, details:open :where(a,
.label,
button,
label):has([class^=op-i-]):has([class*=op-i-]) svg {
  transform: rotate(180deg);
}
a:has([class^=op-i-]) i, :where(a,
.label,
button,
label):has([class^=op-i-]) i {
  display: inline-flex;
  vertical-align: sub;
}
a:has([class^=op-i-]) i[class*=op-i-][class*=-down], :where(a,
.label,
button,
label):has([class^=op-i-]) i[class*=op-i-][class*=-down] {
  position: absolute;
  top: 0;
  left: 100%;
  height: 100%;
}
a:has([class^=op-i-]) i svg, :where(a,
.label,
button,
label):has([class^=op-i-]) i svg {
  width: auto;
}
a:has([class^=op-i-]) sup, :where(a,
.label,
button,
label):has([class^=op-i-]) sup {
  position: absolute;
  top: calc(50% - 0.625rem);
  left: -0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.75rem;
  aspect-ratio: 1/1;
  font-size: 0.5625rem;
  line-height: 1;
  font-weight: 500;
  color: var(--base);
  background-color: var(--bg-dark);
  border-radius: 50%;
  transform: translateY(-50%);
}
a:has([class*=op-i-][class*=-down]) span, :where(a,
.label,
button,
label):has([class*=op-i-][class*=-down]) span {
  margin-right: 0.25rem;
}
a [class*=op-i-] + span, :where(a,
.label,
button,
label) [class*=op-i-] + span {
  padding-left: 0.5em;
}
a:not(.inert):not(.btn):hover, a:not(.inert):not(.btn):active, a:not(.inert):not(.btn):focus, a:not(.inert):not(.btn):focus-visible, a:not(.inert):not(.btn):focus-within, :where(a,
.label,
button,
label):not(.inert):not(.btn):hover, :where(a,
.label,
button,
label):not(.inert):not(.btn):active, :where(a,
.label,
button,
label):not(.inert):not(.btn):focus, :where(a,
.label,
button,
label):not(.inert):not(.btn):focus-visible, :where(a,
.label,
button,
label):not(.inert):not(.btn):focus-within {
  color: var(--highlight) !important;
}
@media screen and (max-width: 1024px) {
  a:has([class^=op-i-])[data-minified], :where(a,
  .label,
  button,
  label):has([class^=op-i-])[data-minified] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    aspect-ratio: 1/1;
    border-radius: 50%;
  }
  a:has([class^=op-i-])[data-minified] i, :where(a,
  .label,
  button,
  label):has([class^=op-i-])[data-minified] i {
    margin: 0;
  }
  a:has([class^=op-i-])[data-minified] sup, :where(a,
  .label,
  button,
  label):has([class^=op-i-])[data-minified] sup {
    top: calc(50% - 0.5rem);
    left: 0.25rem;
  }
  a:has([class^=op-i-])[data-minified] span, :where(a,
  .label,
  button,
  label):has([class^=op-i-])[data-minified] span {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap; /* added line */
  }
}

.op-c-Field {
  display: block;
  width: 100%;
  margin: 0;
  text-align: left;
}
.op-c-Field-wrapper {
  position: relative;
}
.op-c-Field-wrapper > * {
  z-index: 0;
  position: relative;
}
.op-c-Field-wrapper:has(label:not(:last-child)) {
  display: flex;
  flex-wrap: wrap;
  gap: 0.9375rem 2.1875rem;
}
.op-c-Field em {
  margin-left: -1px;
  color: var(--highlight);
}
.op-c-Field-comment {
  margin-top: 0.625rem;
  color: var(--highlight);
  font-size: 0.8125rem;
  line-height: 1.0625rem;
}
@media screen and (max-width: 640px) {
  .op-c-Field-comment {
    font-size: 0.75rem;
    line-height: 1.0625rem;
  }
}
.op-c-Field:is(label) .op-c-Field-label {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 1.5625rem;
  transform: translateY(0.8125rem);
  transform-origin: left;
  color: var(--attenuated);
  transition: 0.2s all ease;
}
.op-c-Field:is(label) input,
.op-c-Field:is(label) select,
.op-c-Field:is(label) textarea {
  --input-pad-top: 0.625rem;
}
.op-c-Field:is(label):hover .op-c-Field-label, .op-c-Field:is(label):focus-within .op-c-Field-label, .op-c-Field:is(label):has(input:not(:placeholder-shown)) .op-c-Field-label, .op-c-Field:is(label):has(textarea:not(:placeholder-shown)) .op-c-Field-label, .op-c-Field:is(label):has(select:not([value=""])) .op-c-Field-label {
  transform: scale(0.87) translateY(0);
}
.op-c-Field:has([class*=op-i-][class*=-down]) select,
.op-c-Field:has([class*=op-i-][class*=-down]) .op-u-input {
  --input-pad-right: 3.4375rem;
}
.op-c-Field i[class*=op-i-][class*=-down] {
  z-index: 1;
  position: absolute;
  top: 0;
  left: auto;
  right: 1.34375rem;
  width: 1.0625rem;
  pointer-events: none;
}
.op-c-Field input[type=file] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.op-c-Field-file {
  position: relative;
  display: flex;
  align-items: center;
  user-select: none;
}
.op-c-Field-file > :first-child {
  flex: 1 1 auto;
  width: 0;
  min-width: calc(100% - 3.4375rem);
  padding-right: 0.9375rem;
  color: var(--attenuated);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.op-c-Field-file > :first-child:has(span) {
  color: var(--base);
}
.op-c-Field-file > :last-child {
  flex: 0 0 3.4375rem;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: end;
  text-align: right;
  white-space: nowrap;
  color: var(--highlight);
}
.op-c-Field:has(input[name*=password], input[name*=passwd], input[name*=confirmation]) input {
  --input-pad-right: 3.75rem;
}
.op-c-Field:has(input[name*=password], input[name*=passwd], input[name*=confirmation]) button {
  position: absolute;
  top: 0;
  right: 1.125rem;
  display: flex;
  height: 100%;
  font-size: 0;
}

.alert {
  display: flex;
  align-items: start;
  gap: 0.5rem;
  margin: 0;
  padding: 1rem;
  border-radius: 10px;
  color: var(--base);
  border-color: var(--border, var(--base));
  background-color: var(--bg, transparent);
  font-size: 0.9375rem;
  line-height: 1.5rem;
}
@media screen and (max-width: 640px) {
  .alert {
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
}
.alert:not(:last-child) {
  margin-bottom: 0.9375rem;
}
.alert::before {
  content: "";
  flex: 0 0 1.5rem;
  aspect-ratio: 1/1;
  background-image: var(--icon);
}
.op-c-Field-comment .alert {
  display: block;
  padding: 0;
  border: none;
  background: none;
  color: var(--border);
  font-size: 0.8125rem;
  line-height: 1.0625rem;
}
@media screen and (max-width: 640px) {
  .op-c-Field-comment .alert {
    font-size: 0.75rem;
    line-height: 1.0625rem;
  }
}
.op-c-Field-comment .alert::before {
  content: none;
}
.alert-danger {
  --border: var(--error);
  --bg: var(--error--light);
  --icon: url("../../img/icons/danger.svg");
}
.alert-info, .alert-warning {
  --border: var(--info);
  --bg: var(--info--light);
  --icon: url("../../img/icons/info.svg");
}
.alert-success {
  --border: var(--valid);
  --bg: var(--valid--light);
  --icon: url("../../img/icons/valid.svg");
}

.op-c-Checkable {
  position: relative;
  display: inline-flex !important;
  vertical-align: middle;
  align-items: start;
  padding: 0;
  padding-left: 1.875rem;
  margin: 0;
  text-align: left;
  font-size: 0.9375rem;
  line-height: 1.5rem;
  cursor: pointer;
}
@media screen and (max-width: 640px) {
  .op-c-Checkable {
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
}
.op-c-Checkable.custom-radio {
  height: auto;
  margin-right: 0;
  background: none;
  border: none;
  border-radius: 0;
}
.op-c-Checkable input {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap; /* added line */
}
.op-c-Checkable::before, .op-c-Checkable::after {
  content: "";
  position: absolute;
  top: 0.125rem;
  left: 0;
  display: block;
  width: 1.25rem;
  aspect-ratio: 1/1;
}
.op-c-Checkable::before {
  z-index: 0;
  background-color: var(--inert);
}
.op-c-Checkable::after {
  z-index: 1;
  transform: scale(0.7);
  background-color: var(--highlight);
  transition: all 0.15s ease;
}
.op-c-Checkable[data-align=middle]::before, .op-c-Checkable[data-align=middle]::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.op-c-Checkable[data-align=middle]::after {
  transform: translateY(-50%) scale(0.7);
}
.op-c-Checkable:has(input[type=radio]):has(input:checked) {
  cursor: default;
}
.op-c-Checkable:has(input[type=radio])::before, .op-c-Checkable:has(input[type=radio])::after {
  border-radius: 50%;
}
.op-c-Checkable:has(input[type=checkbox])::before, .op-c-Checkable:has(input[type=checkbox])::after {
  border-radius: 5px;
}
.op-c-Checkable:has(input:not(:checked))::after {
  transform: scale(0.01);
  opacity: 0;
}

[popover] {
  border: none;
  padding: 1.5625rem;
  background: var(--bg-light);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
  border-radius: 8px;
  transition: transform 0.3s ease-out, opacity 0.3s ease-out;
}
[popover]:popover-open {
  opacity: 1;
  transform: none;
}
[popover][data-popover-mode=dropdown] {
  margin: 0.5rem auto auto 0;
}
[popover][data-popover-mode=dropdown][style*=left] {
  margin-left: -1.5625rem;
}
[popover][data-popover-mode=dropdown][style*=right] {
  margin-right: -1.5625rem;
}
[popover][data-popover-mode=dropdown]:popover-open {
  inset: unset;
}

@starting-style {
  [popover]:popover-open {
    transform: translateY(-0.3125rem);
    opacity: 0;
  }
}
.op-c-Heading,
:is(h1, h2, h3, h4, h5, h6),
:is(.h1, .h2, .h3, .h4, .h5, .h6),
.op-c-Wysiwyg :where(h1, h2, h3, h4, h5, h6) {
  display: block;
  font-family: "Obviously Narrow", Arial, Helvetica, sans-serif;
  font-weight: 700;
  margin: 0;
  color: var(--base);
  text-transform: none;
  --animDelay: 0.5s;
}
.op-c-Heading:has(em),
:is(h1, h2, h3, h4, h5, h6):has(em),
:is(.h1, .h2, .h3, .h4, .h5, .h6):has(em),
.op-c-Wysiwyg :where(h1, h2, h3, h4, h5, h6):has(em) {
  font-weight: 300;
}
.op-c-Heading em,
:is(h1, h2, h3, h4, h5, h6) em,
:is(.h1, .h2, .h3, .h4, .h5, .h6) em,
.op-c-Wysiwyg :where(h1, h2, h3, h4, h5, h6) em {
  font-style: normal;
  font-weight: 700;
  color: var(--highlight);
}
@media screen and (max-width: 640px) {
  .op-c-Heading br,
  :is(h1, h2, h3, h4, h5, h6) br,
  :is(.h1, .h2, .h3, .h4, .h5, .h6) br,
  .op-c-Wysiwyg :where(h1, h2, h3, h4, h5, h6) br {
    display: none;
  }
}

.op-c-Wysiwyg h1, h1, .h1 {
  font-size: 4.0625rem;
  line-height: 1;
}
@media screen and (max-width: 874px) {
  .op-c-Wysiwyg h1, h1, .h1 {
    font-size: 3.4375rem;
    line-height: 1.08;
  }
}

.op-c-Wysiwyg h2, h2, .h2 {
  font-size: 3.75rem;
  line-height: 1;
}
@media screen and (max-width: 874px) {
  .op-c-Wysiwyg h2, h2, .h2 {
    font-size: 3.125rem;
    line-height: 1.08;
  }
}

.op-c-Wysiwyg h3, h3, .h3 {
  font-size: 1.5625rem;
  line-height: 1.2;
}

.op-c-Wysiwyg h4, h4, .h4 {
  font-size: 1.25rem;
  line-height: 0.9;
  font-family: "Poppins", Arial, Helvetica, sans-serif;
}

.op-c-ReassurancesSection {
  padding-top: 4.5625rem;
  padding-bottom: 5rem;
  --wrapper: 58.75rem;
}
@media screen and (max-width: 768px) {
  .op-c-ReassurancesSection {
    padding-top: 3.125rem;
    padding-bottom: 3.125rem;
  }
}

.op-c-Reassurances {
  container-name: reassurances;
  container-type: inline-size;
}
.op-c-Reassurances-list {
  display: flex;
}
.op-c-Reassurances-item-icon img {
  aspect-ratio: 1/1;
}
@container reassurances (min-width: 640px) {
  .op-c-Reassurances .op-c-Reassurances-list {
    display: flex;
    gap: 3.125rem;
  }
  .op-c-Reassurances-item {
    flex: 1 1 0;
    flex-direction: column;
    text-align: center;
  }
  .op-c-Reassurances-item-icon img {
    width: 8.75rem;
  }
  .op-c-Reassurances-item-desc h3 {
    margin: 0.9375rem 0 0.3125rem;
  }
}
@container reassurances (max-width: 640px) {
  .op-c-Reassurances .op-c-Reassurances-list {
    flex-direction: column;
    gap: 0.9375rem;
  }
  .op-c-Reassurances .op-c-Reassurances-item-inner {
    display: flex;
    align-items: center;
    text-align: left;
    gap: 0.9375rem;
  }
  .op-c-Reassurances .op-c-Reassurances-item-icon img {
    width: 3.125rem;
  }
  .op-c-Reassurances .op-c-Reassurances-item-desc h3 {
    font-family: "Poppins", Arial, Helvetica, sans-serif;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 600;
  }
  @media screen and (max-width: 640px) {
    .op-c-Reassurances .op-c-Reassurances-item-desc h3 {
      font-size: 1rem;
      line-height: 1.5rem;
    }
  }
  .op-c-Reassurances .op-c-Reassurances-item-desc p {
    font-size: 0.9375rem;
    line-height: 1.5rem;
  }
  @media screen and (max-width: 640px) {
    .op-c-Reassurances .op-c-Reassurances-item-desc p {
      font-size: 0.875rem;
      line-height: 1.5rem;
    }
  }
}

.op-c-SocialLinks {
  min-width: 2.5rem;
}
.op-c-SocialLinks-inner {
  container: socialLinks/inline-size;
}
.op-c-SocialLinks ul {
  display: flex;
  width: fit-content;
}
.op-c-SocialLinks ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  aspect-ratio: 1/1;
  font-size: 0;
}
@container socialLinks (max-width: 100px) {
  .op-c-SocialLinks ul {
    flex-direction: column;
  }
}

.op-c-Quantity {
  position: relative;
  display: flex;
  width: 5.9375rem;
  height: 3rem;
  background: var(--bg);
  border-radius: 1.5625rem;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
  overflow: hidden;
}
.op-c-Quantity input {
  width: 100%;
  padding: 0;
  border: none;
  background: none;
  text-align: center;
}
.op-c-Quantity button {
  position: absolute;
  top: 0;
  display: flex;
  align-items: center;
  width: 1.875rem;
  height: 100%;
}
.op-c-Quantity button:first-of-type {
  left: 0;
  justify-content: end;
}
.op-c-Quantity button:last-of-type {
  right: 0;
  justify-content: start;
}
@media screen and (max-width: 640px) {
  .op-c-Quantity {
    height: 2.4375rem;
  }
}

.op-c-PriceList {
  display: grid;
  grid-template-columns: 1fr min-content;
  gap: 0.3125rem 0.9375rem;
}
.op-c-PriceList dd {
  font-weight: 600;
  text-align: right;
  white-space: nowrap;
}

.op-c-Tabs-nav {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 1.5625rem;
}
.op-c-Tabs-nav li:not(:first-child) {
  margin-left: 0.625rem;
  padding-left: 0.625rem;
  border-left: 1px solid var(--attenuated);
}

/** Layout **/
.op-c-PageHeader {
  z-index: 0;
  position: relative;
}
.op-c-PageHeader:not(:has(.op-c-PageHeader-cover)) {
  margin-top: 4.375rem;
  margin-bottom: 2.5rem;
  text-align: center;
}
.op-c-PageHeader:not(:has(.op-c-PageHeader-cover)):has(+ .op-c-Breadcrumb) {
  margin-bottom: 1.25rem;
}
.op-c-PageHeader:has(.op-c-PageHeader-cover) {
  position: relative;
  margin-bottom: calc(var(--pageHeaderOverflow) + 0.91875rem);
}
.op-c-PageHeader:has(.op-c-PageHeader-cover):has(+ .op-c-Breadcrumb) {
  margin-bottom: 1.25rem;
}
.op-c-PageHeader:has(.op-c-PageHeader-cover) + .op-c-Breadcrumb {
  margin-bottom: calc(var(--pageHeaderOverflow) - 1.25rem + 0.91875rem);
}
.op-c-PageHeader:has(.op-c-PageHeader-cover) .op-c-PageHeader-content {
  z-index: 2;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.375rem;
  padding: calc(var(--pageHeaderOverflow) + 0.91875rem) 0;
  min-height: 19.75rem;
  text-align: center;
  --wrapper: 28.125rem;
}
.op-c-PageHeader:has(.op-c-PageHeader-cover) .op-c-PageHeader-content h1 {
  padding: 0.3125rem 1.5625rem;
  color: #000000;
  background: var(--bg-dark);
}
.op-c-PageHeader:has(.op-c-PageHeader-cover) .op-c-PageHeader-cover {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  width: 100%;
  height: 100%;
}
.op-c-PageHeader:has(.op-c-PageHeader-cover) .op-c-PageHeader-cover picture {
  flex: 1 1 auto;
  display: flex;
}
.op-c-PageHeader:has(.op-c-PageHeader-cover) .op-c-PageHeader-cover img {
  flex: 1 1 auto;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.op-c-PageHeader:has(.op-c-PageHeader-cover) .op-c-PageHeader-ornement {
  z-index: 1;
  position: absolute;
  left: -3.75rem;
  bottom: calc(var(--pageHeaderOverflow) * -1);
  width: 22.825rem;
  height: auto;
}
.op-c-PageHeader:has(.op-c-PageHeader-cover)::after {
  content: "";
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.4), transparent);
}
@media screen and (max-width: 874px) {
  .op-c-PageHeader:has(.op-c-PageHeader-cover) .op-c-PageHeader-ornement {
    width: 16.0625rem;
  }
}

.op-c-Breadcrumb {
  z-index: 1;
  position: relative;
  margin-bottom: 2.5rem;
  color: var(--base);
}
.op-c-Breadcrumb-list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.3125rem;
}
.op-c-Breadcrumb-list > * {
  display: flex;
  align-items: center;
  gap: 0.3125rem;
}
.op-c-Breadcrumb-list > *:not(:last-child)::after {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--bg-dark);
}
.op-c-Breadcrumb:first-child {
  margin-top: 3.75rem;
  margin-bottom: 0.9375rem;
}
.op-c-Breadcrumb:first-child .op-c-Breadcrumb-list {
  justify-content: start;
}

.op-c-Content {
  z-index: 0;
  position: relative;
  --childrenGap: 6.25rem;
}
body.page-index .op-c-Content-main > *:not(:first-child) {
  margin-top: var(--childrenGap);
}
body.page-index .op-c-Content-main [data-theme]:not([data-theme=light]) + [data-theme]:not([data-theme=light]) {
  margin-top: 0;
}
.op-c-Content:has(.op-c-Page) {
  padding-left: var(--hspace);
  padding-right: var(--hspace);
  min-height: 43.75rem;
}
.op-c-Content:has(.op-c-Page) .op-c-Content-inner {
  position: relative;
  max-width: var(--wrapper-s);
  margin: 0 auto;
  padding-left: 31.875rem;
}
.op-c-Content:has(.op-c-Page) .op-c-Content-main {
  display: flex;
  flex-direction: column;
}
.op-c-Content:has(.op-c-Page) .op-c-Content-main .op-c-Breadcrumb {
  order: -1;
  margin-top: 3.375rem;
  --hspace: 0;
}
.op-c-Content:has(.op-c-Page) .op-c-Content-main .op-c-Breadcrumb-list {
  justify-content: start;
}
@media screen and (max-width: 768px) {
  .op-c-Content {
    --childrenGap: 5rem;
  }
}
@media screen and (max-width: 1024px) {
  body.page-cms .op-c-Content .op-c-Content-inner {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
  body.page-authentication .op-c-Content .op-c-Content-inner, body.page-registration .op-c-Content .op-c-Content-inner {
    padding-left: 0;
  }
}

.op-c-Page-image {
  position: fixed;
  top: calc(var(--headerHeight, 0rem) - 3.125rem);
  left: calc((100% - var(--wrapper-s)) / 2 - 10.5625rem);
  width: 35.5625rem;
}
.op-c-Page-image::after {
  content: "";
  position: absolute;
  right: -1.3125rem;
  bottom: -5.375rem;
  display: block;
  width: 16.625rem;
  aspect-ratio: 266/169;
  background-image: url("../../img/illustrations/brush2.svg");
  background-position: center;
  background-size: contain;
}
.op-c-Page-content {
  margin-top: 1.875rem;
}
body.page-authentication .op-c-Page, body.page-registration .op-c-Page {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 4.375rem;
}
body.page-authentication .op-c-Page h1, body.page-registration .op-c-Page h1 {
  font-size: 3.75rem;
  text-align: center;
}
body.page-authentication .op-c-Page .op-c-Page-image, body.page-registration .op-c-Page .op-c-Page-image {
  --ratio: 468 / 720;
}
body.page-authentication .op-c-Page .op-c-Page-content, body.page-registration .op-c-Page .op-c-Page-content {
  margin-top: 2.5rem;
}
body.page-authentication .op-c-Page .op-c-Page-logo, body.page-registration .op-c-Page .op-c-Page-logo {
  z-index: 1;
  position: fixed;
  top: 4.375rem;
  left: calc((100% - var(--wrapper-s)) / 2 - 4.6875rem);
}
body.page-authentication .op-c-Page .op-c-Page-logo img, body.page-registration .op-c-Page .op-c-Page-logo img {
  width: 9.625rem;
}
body.page-authentication .op-c-Page .op-c-Page-footer, body.page-registration .op-c-Page .op-c-Page-footer {
  margin-top: 3.75rem;
  color: var(--base);
}
body.page-authentication .op-c-Page .op-c-Page-footer-logo img, body.page-registration .op-c-Page .op-c-Page-footer-logo img {
  width: 9.625rem;
  filter: brightness(0.3);
}
body.page-authentication .op-c-Page .op-c-Page-footer-copyright, body.page-registration .op-c-Page .op-c-Page-footer-copyright {
  display: flex;
  justify-content: center;
  margin-top: 1.5625rem;
  margin-bottom: 5.625rem;
}
@media screen and (max-width: 1024px) {
  .op-c-Page-image {
    display: none;
  }
}
@media screen and (max-width: 1280px) {
  body.page-authentication .op-c-Page .op-c-Page-logo, body.page-registration .op-c-Page .op-c-Page-logo {
    position: inherit;
    margin-top: 0.625rem;
    margin-bottom: 1.875rem;
  }
}

.op-c-NotFound {
  text-align: center;
}
.op-c-NotFound h4 {
  margin-bottom: 0.9375rem;
}

.op-c-Wysiwyg > :first-child {
  margin-top: 0 !important;
}
.op-c-Wysiwyg h2 {
  color: var(--highlight);
}
.op-c-Wysiwyg h2, .op-c-Wysiwyg h3, .op-c-Wysiwyg h4 {
  margin: 2.5rem 0 1.875rem;
}
.op-c-Wysiwyg strong {
  color: var(--highlight);
}
.op-c-Wysiwyg p, .op-c-Wysiwyg li {
  margin-top: 0.88em;
  margin-top: 1lh;
  font-size: 1.125rem;
  line-height: 1.75rem;
}
@media screen and (max-width: 640px) {
  .op-c-Wysiwyg p, .op-c-Wysiwyg li {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
.op-c-Wysiwyg a {
  font-weight: 500;
  text-decoration-line: underline;
  text-decoration-color: var(--highlight);
  text-decoration-thickness: 1.5px;
}
.op-c-Wysiwyg .btn {
  margin-top: 1.5625rem;
}
.op-c-Wysiwyg ul, .op-c-Wysiwyg ol {
  list-style: normal;
  list-style-position: outside;
  padding-left: 2.5rem;
}
.op-c-Wysiwyg ul :is(ol, ul), .op-c-Wysiwyg ol :is(ol, ul) {
  padding-left: 1.25rem;
  list-style-type: disc;
}
.op-c-Wysiwyg ul :is(ol, ul) ::marker, .op-c-Wysiwyg ol :is(ol, ul) ::marker {
  color: var(--attenuated);
}
.op-c-Wysiwyg ul {
  list-style-type: disc;
}
.op-c-Wysiwyg ol {
  list-style-type: decimal;
}
.op-c-Wysiwyg ::marker {
  font-weight: 600;
  color: var(--highlight);
}
.op-c-Wysiwyg table tr:not(:first-child) td {
  border-bottom: 2px solid var(--attenuated);
}
.op-c-Wysiwyg table td, .op-c-Wysiwyg table th {
  vertical-align: top;
  padding: 0.625rem;
}
.op-c-Wysiwyg table th {
  border-bottom: 4px solid var(--base);
  color: var(--base);
  font-weight: 700;
  text-transform: uppercase;
  text-align: left;
}
.op-c-Wysiwyg table td:first-of-type {
  font-weight: 500;
  color: var(--base);
}
.op-c-Wysiwyg table td:last-of-type {
  font-size: 0.9em;
}

.op-c-Form {
  --pad-top: 1.9375rem;
  --pad-right: 2.5rem;
  --pad-bottom: 2.1875rem;
  --pad-left: 2.5rem;
  padding: var(--pad-top) var(--pad-right) var(--pad-bottom) var(--pad-left) !important;
  box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, 0.25);
  border-radius: 0.625rem;
  background-color: var(--bg-light) !important;
}
.op-c-Form-switch {
  text-align: right;
  text-decoration: underline;
  margin-bottom: 1.5625rem;
}
.op-c-Form-heading {
  margin-bottom: 0.9375rem;
}
.modal .op-c-Form-heading:first-child {
  margin-bottom: 2.1875rem;
}
.op-c-Form-heading:not(:first-child):not(:has(.op-c-Form-switch + .op-c-Form-heading)) {
  margin-top: 2.1875rem;
}
.op-c-Form .close {
  position: absolute;
  top: calc(var(--pad-top) + -0.71875rem);
  right: calc(var(--pad-right) + -0.71875rem);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  aspect-ratio: 1/1;
  color: var(--base) !important;
  opacity: 1 !important;
}
.op-c-Form-fields {
  display: flex;
  flex-wrap: wrap;
  gap: 0.9375rem 0.875rem;
}
.op-c-Form-fields > * {
  flex: 0 0 100%;
}
.op-c-Form-fields > *:has([name*=name]) {
  flex: 1 1 10rem;
}
.op-c-Form-footer, .wishlist-container-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: end;
  gap: 0.9375rem;
  margin-top: 2.1875rem;
}
.op-c-Form > p:not(:last-child) {
  margin-bottom: 0.9375rem;
}

.op-c-Header {
  z-index: var(--z-index-header);
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background-color: var(--bg-light);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
}
.op-c-Header-banner-wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem;
}
.op-c-Header-banner p {
  line-height: 1.6;
  padding: 0 1.5rem;
}
.op-c-Header-banner button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0;
  right: -1rem;
  aspect-ratio: 1/1;
}
.op-c-Header-main {
  position: relative;
  --spacing: clamp(1.25rem, 2.4vw, 1.875rem);
}
.op-c-Header-main-wrapper {
  display: flex;
  align-items: center;
  padding: 1.625rem 0;
}
.op-c-Header-main-logo {
  flex: 0 0 max-content;
  margin-right: var(--spacing);
  transform: translateY(-4px);
}
.op-c-Header-main-logo h1 {
  font-size: 0;
  line-height: 0;
}
.op-c-Header-main-menu {
  flex: 0 1 auto;
  align-items: center;
  margin-right: auto;
}
.op-c-Header-main-menu:not(:is(dialog)) {
  display: flex;
}
.op-c-Header-main-menu:is(dialog)[open] {
  display: flex;
  animation: slideinleft 0.4s ease forwards;
}
.op-c-Header-main-menu-inner {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
}
.op-c-Header-main-search {
  width: calc(100% - var(--hspace));
  max-width: 43.125rem;
  margin-top: calc(var(--headerHeight, 0rem) + 17px);
  padding: 0;
}
.op-c-Header-main-shortcuts {
  flex: 0 0 calc(50% + var(--spacing));
  display: flex;
  justify-content: end;
  align-items: center;
  gap: var(--spacing);
  margin-left: var(--spacing);
}
.op-c-Header-main-shortcuts-searchToggler {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  padding: 0;
  margin-right: auto;
  aspect-ratio: 1/1;
  border: none;
  border-radius: 50%;
  background-color: var(--inert);
  cursor: pointer;
}
.op-c-Header-main-shortcuts-searchToggler i {
  display: none;
  height: auto;
}
.op-c-Header-main-shortcuts-searchToggler[data-open=false] .op-i-magnifier {
  display: flex;
  width: 1.35rem;
}
.op-c-Header-main-shortcuts-searchToggler[data-open=true] .op-i-cross {
  display: flex;
  width: 0.8875rem;
}
.op-c-Header-main-shortcuts .op-c-AccountShortcut,
.op-c-Header-main-shortcuts .op-c-CartShortcut {
  flex: 0 0 min-content;
}
.op-c-Header-main-shortcuts .op-c-LanguageSelector {
  flex: 0 0 2.1875rem;
}
.op-c-Header-main-shortcuts .op-c-LanguageSelector > .label {
  display: block;
  font-size: 0;
}
.op-c-Header-main-shortcuts .op-c-LanguageSelector > .label::before {
  content: none;
}
@media screen and (max-width: 1024px) {
  .op-c-Header-main-shortcuts {
    flex: 1 1 auto;
    gap: 0;
    margin-left: var(--spacing);
  }
  .op-c-Header-main-shortcuts-donate {
    margin: auto 1.25rem;
  }
  .op-c-Header-main-shortcuts .op-c-AccountShortcut {
    margin: auto 0.5625rem;
  }
}
@media screen and (min-width: 874px) {
  .op-c-Header-main-menu-close, .op-c-Header-main-menu-donate, .op-c-Header-main-menu-contact, .op-c-Header-main-menu-socials,
  .op-c-Header-main-menu .op-c-SocialLinks,
  .op-c-Header-main-menu .op-c-LanguageSelector {
    display: none;
  }
  .op-c-Header-main-shortcuts-burger {
    display: none;
  }
}
@media screen and (max-width: 874px) {
  .op-c-Header-main-menu {
    z-index: var(--z-index-modal);
    position: fixed;
    top: 0;
    left: 0;
    align-items: start;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    padding: 4.0625rem 2.8125rem;
    background-image: url("../../img/illustrations/brush1.svg");
    background-size: 365px auto;
    background-position: left -36px bottom -19px;
    background-repeat: no-repeat;
    border: none;
  }
  .op-c-Header-main-menu-inner {
    position: relative;
    flex-direction: column;
    align-items: start;
    gap: 1.25rem;
    padding-top: 3.875rem;
  }
  .op-c-Header-main-menu-close {
    position: absolute;
    top: -0.71875rem;
    right: -0.71875rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    aspect-ratio: 1/1;
    font-size: 0;
  }
  .op-c-Header-main-menu .op-c-Menu {
    order: -5;
    margin-bottom: 1.25rem;
  }
  .op-c-Header-main-menu-donate {
    order: -4;
  }
  .op-c-Header-main-menu-contact {
    order: -3;
  }
  .op-c-Header-main-menu .op-c-SocialLinks {
    order: -2;
    position: absolute;
    right: 0;
    bottom: 0;
  }
  .op-c-Header-main-menu .op-c-LanguageSelector {
    order: -1;
    margin-top: 1.5rem;
  }
  .op-c-Header-main-shortcuts {
    flex: 0 1 auto;
    margin-left: auto;
  }
  .op-c-Header-main-shortcuts .op-c-AccountShortcut {
    margin-left: 1.0625rem;
  }
  .op-c-Header-main-shortcuts-donate,
  .op-c-Header-main-shortcuts .op-c-LanguageSelector {
    display: none;
  }
  .op-c-Header-main-shortcuts-burger {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    aspect-ratio: 1/1;
    margin-left: 0.5625rem;
    font-size: 0;
  }
}
@media screen and (max-width: 480px) {
  .op-c-Header-main-wrapper {
    padding: 1.4375rem 0;
  }
  .op-c-Header-main-logo {
    flex-basis: 5rem;
  }
  .op-c-Header-main-menu-socials {
    position: static;
  }
  .op-c-Header-main-shortcuts-searchToggler {
    width: 2.5rem;
  }
}
@media print {
  .op-c-Header {
    position: static;
  }
  .op-c-Header-main-wrapper > *:not(.op-c-Header-main-logo) {
    display: none;
  }
  .op-c-Header-main-logo {
    margin: 0 auto;
  }
}

.op-c-Menu {
  display: flex;
  align-items: center;
  gap: clamp(1.25rem, 2.4vw, 1.875rem);
  font-size: 0.9375rem;
  line-height: 1.5rem;
}
@media screen and (max-width: 640px) {
  .op-c-Menu {
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
}
.op-c-Menu a {
  display: block;
}
@media screen and (max-width: 874px) {
  .op-c-Menu {
    flex-direction: column;
    align-items: stretch;
    gap: 1.875rem;
    text-align: left;
    font-family: "Obviously Narrow", Arial, Helvetica, sans-serif;
    font-size: 1.5625rem;
    line-height: 1.2;
    font-weight: 700;
  }
}

.op-c-SearchBar {
  width: 100%;
  padding: 0.625rem;
  background-color: var(--bg-light);
  border-radius: 0.625rem;
}
.op-c-SearchBar form {
  position: relative;
  display: flex;
}
.op-c-SearchBar form .op-i-magnifier,
.op-c-SearchBar form button[type=reset] {
  position: absolute;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.op-c-SearchBar form .op-i-magnifier {
  left: 1.5625rem;
  width: 1.125rem;
  color: var(--attenuated);
}
.op-c-SearchBar form button[type=reset] {
  right: 1.5625rem;
  width: 2.5rem;
  padding: 0;
  background: none;
  border: none;
  border-radius: 50%;
  cursor: pointer;
}
.op-c-SearchBar form button[type=reset] .op-i-cross {
  width: 0.75rem;
  height: auto;
}
.op-c-SearchBar form input[type=search] {
  width: 100%;
  padding-left: 3.25rem !important;
  border-radius: 5px !important;
}

.op-c-CartShortcut {
  position: relative;
}
.op-c-CartShortcut > * {
  height: 100%;
}

.op-c-AccountShortcut button > * {
  height: 100%;
}
.op-c-AccountShortcut [popover] {
  max-width: 13.5625rem;
  padding: 1.21875rem 1.5625rem;
}
.op-c-AccountShortcut-details ul {
  display: flex;
  flex-direction: column;
}
.op-c-AccountShortcut-details ul li {
  padding: 0.46875rem 0;
}
.op-c-AccountShortcut-details ul li:first-child {
  font-weight: 500;
}
.op-c-AccountShortcut-details ul li:last-child {
  margin-top: 1.21875rem;
  padding-top: 1.21875rem;
  border-top: 1px solid var(--attenuated);
}

.op-c-LanguageSelector .op-c-Popover {
  max-width: 8.75rem;
  padding-top: 1.0625rem;
  padding-bottom: 1.0625rem;
}
.op-c-LanguageSelector-list {
  display: flex;
  flex-direction: column;
}
.op-c-LanguageSelector i {
  vertical-align: middle;
}

.op-c-Footer {
  z-index: var(--z-index-footer);
  margin-top: 6.25rem;
  padding: 0 !important;
}
.op-c-Content:has(.op-c-Content-main > [data-theme]:not([data-theme=light]):is(:last-child)) + .op-c-Footer {
  margin-top: 0;
}
.op-c-Footer-main-wrapper {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-template-areas: "addr addr addr link link link link link link rs";
  gap: 0 4.375rem;
  padding: 3.125rem 0;
}
.op-c-Footer-main .op-c-ContactInfos {
  grid-area: addr;
}
.op-c-Footer-main .op-c-FooterLinks {
  grid-area: link;
}
.op-c-Footer-main .op-c-SocialLinks {
  grid-area: rs;
}
.op-c-Footer-sub {
  --bg: #000000;
}
.op-c-Footer-sub-wrapper {
  display: flex;
  align-items: center;
  padding: 0.5rem 0;
  gap: 1.5625rem;
}
.op-c-Footer-sub-copyright {
  margin-right: auto;
}
.op-c-Footer-sub a {
  text-decoration: underline !important;
}
@media screen and (max-width: 874px) {
  .op-c-Footer-main-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 1.875rem;
  }
  .op-c-Footer-main .op-c-SocialLinks {
    position: absolute;
    bottom: 3.125rem;
    right: 0;
  }
}
@media screen and (max-width: 480px) {
  .op-c-Footer-sub-wrapper {
    padding: 1.5625rem 0;
    flex-direction: column;
    align-items: start;
    gap: 0.9375rem;
  }
}

.op-c-Newsletter {
  overflow: hidden;
}
.op-c-Newsletter-content {
  padding: 2.5rem 0;
}
.op-c-Newsletter-content h2 {
  margin-bottom: 1.0625rem;
}
.op-c-Newsletter-content p:first-of-type, .op-c-Newsletter-content-additional {
  max-width: 24.75rem;
}
.op-c-Newsletter-content form {
  margin-top: 1.25rem;
}
.op-c-Newsletter-content-additional {
  margin-top: 0.625rem;
}
.op-c-Newsletter-formFields {
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem 1.25rem;
}
@media screen and (min-width: 874px) {
  .op-c-Newsletter-wrapper {
    display: flex;
    align-items: center;
    gap: 2.8125rem;
  }
  .op-c-Newsletter-image {
    order: -1;
    flex: 1 1 0;
    align-self: stretch;
  }
  .op-c-Newsletter-image-inner {
    height: calc(100% + 1.875rem);
    margin-top: -0.9375rem;
    margin-left: -17.6rem;
    --ratio: none;
  }
  .op-c-Newsletter-image-inner img {
    height: 100%;
  }
  .op-c-Newsletter-content {
    flex: 1 1 0;
  }
}
@media screen and (max-width: 874px) {
  .op-c-Newsletter-image {
    display: none;
  }
}

.op-c-FooterLinks {
  display: flex;
}
.op-c-FooterLinks-group {
  flex: 1 1 auto;
}
.op-c-FooterLinks-group-title {
  margin-bottom: 0.9375rem;
}
.op-c-FooterLinks-group ul {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
@media screen and (max-width: 874px) {
  .op-c-FooterLinks {
    flex-direction: column;
    gap: 1.875rem;
  }
}

/** Home **/
.op-c-Hero {
  position: relative;
  display: block;
  min-height: 40rem;
  padding-top: 5rem;
  padding-bottom: 5rem;
  background-color: #000000;
}
.op-c-Hero-wrapper {
  z-index: 2;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.9375rem;
}
.op-c-Hero-wrapper > * {
  max-width: 21.25rem;
}
.op-c-Hero h2 {
  --base: #FFD731;
  --highlight: #FFD731;
}
.op-c-Hero h2 em {
  font-style: italic;
}
.op-c-Hero-description .btn {
  align-self: start;
}
.op-c-Hero img {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
.op-c-Hero::before {
  content: "";
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.4), transparent);
}
.op-c-Hero::after {
  content: "";
  z-index: 1;
  position: absolute;
  top: 100%;
  left: -3.9375rem;
  display: block;
  width: 22.8125rem;
  aspect-ratio: 365/170;
  background-image: url("../../img/illustrations/brush1.svg");
  background-position: center;
  background-size: contain;
  transform: translateY(-50%);
}
@media (orientation: portrait) {
  .op-c-Hero {
    padding-top: 3rem;
  }
  .op-c-Hero img {
    object-position: center 60%;
  }
}
@media screen and (min-width: 874px) {
  .op-c-Hero-description .btn {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .op-c-Hero-wrapper > * {
    max-width: 19.875rem;
  }
  .op-c-Hero::after {
    left: -2.4375rem;
    width: 16.0625rem;
  }
  .op-c-Hero img {
    object-position: bottom;
  }
}

.op-c-Commitments {
  overflow: hidden;
}
.op-c-Commitments-wrapper {
  display: flex;
}
.op-c-Commitments-content .op-c-Wysiwyg {
  margin-top: 1.375rem;
}
@media screen and (min-width: 768px) {
  .op-c-Commitments-wrapper {
    align-items: center;
    gap: 4.5rem;
  }
  .op-c-Commitments-content {
    flex: 1 1 34.375rem;
  }
  .op-c-Commitments-image {
    flex: 1 1 29.875rem;
  }
  .op-c-Commitments-image-inner {
    margin-right: -2.5rem;
  }
}
@media screen and (max-width: 768px) {
  .op-c-Commitments-wrapper {
    flex-direction: column-reverse;
    gap: 1.5625rem;
  }
  .op-c-Commitments-image-inner {
    margin-right: -11.18125rem;
    --path: url("#brush-horizontal");
    --ratio: none;
    height: 23.75rem;
  }
  .op-c-Commitments-image-inner img {
    height: 100%;
  }
}

.op-c-Join {
  --topOverflow: 2.625rem;
  margin-bottom: calc(var(--topOverflow) * -1);
  transform: translateY(calc(var(--topOverflow) * -1));
  overflow: hidden;
}
.op-c-Join-wrapper {
  display: flex;
  padding-top: var(--topOverflow);
}
.op-c-Join-content .op-c-Wysiwyg {
  margin-top: 1.875rem;
}
.op-c-Join-image {
  order: -1;
  position: relative;
}
.op-c-Join-image::after {
  content: "";
  position: absolute;
  top: calc(var(--topOverflow) * -1);
  right: -1.3125rem;
  display: block;
  width: 16.625rem;
  aspect-ratio: 266/169;
  background-image: url("../../img/illustrations/brush2.svg");
  background-position: center;
  background-size: contain;
}
.op-c-Join-image-inner {
  margin-left: -11.18125rem;
}
@media screen and (min-width: 768px) {
  .op-c-Join-wrapper {
    align-items: center;
    gap: 4.5rem;
  }
  .op-c-Join-image {
    flex: 1 1 27.5rem;
  }
  .op-c-Join-content {
    flex: 1 1 38.75rem;
  }
}
@media screen and (max-width: 768px) {
  .op-c-Join {
    --topOverflow: 2.125rem;
  }
  .op-c-Join-wrapper {
    flex-direction: column;
    gap: 1.5625rem;
  }
  .op-c-Join-image-inner {
    --ratio: none;
    height: 23.75rem;
  }
  .op-c-Join-image-inner img {
    height: 100%;
  }
  .op-c-Join-image::after {
    width: 13.3rem;
    right: -0.875rem;
  }
}

/** Catalog **/
.op-c-Product .op-c-Breadcrumb, .op-c-Product-main {
  --wrapper: 72.75rem;
}
.op-c-Product-main-wrapper {
  container: ProductMain/inline-size;
}
.op-c-Product-main-wrapper-inner {
  display: flex;
  gap: 4.375rem;
}
.op-c-Product-main-desc {
  z-index: 0;
  position: relative;
}
.op-c-Product-main-desc-title {
  font-size: 3.75rem;
}
.op-c-Product-main-desc-short {
  margin: 1.5625rem 0;
}
.op-c-Product-main-desc-actions .product-quantity {
  display: flex;
  gap: 1.5625rem;
}
.op-c-Product-main-desc-prices-inner {
  display: flex;
  margin-top: 0.75rem;
}
.op-c-Product-main-desc-prices .op-c-ProductPrices-current {
  font-size: 1.5625rem;
  font-weight: 600;
  font-family: "Obviously Narrow", Arial, Helvetica, sans-serif;
}
.op-c-Product-main-desc-prices .op-c-ProductPrices-old {
  text-decoration: none;
}
.op-c-Product-main-desc-details {
  display: flex;
  flex-direction: column;
  gap: 2.1875rem;
  margin-top: 2.1875rem;
}
.op-c-Product-main-desc-details-section-title {
  margin-bottom: 0.9375rem;
}
.op-c-Product-main-desc-details-section[data-type=details] > div {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.op-c-Product-main-desc-details-section[data-type=details] > div > *:empty {
  display: none;
}
.op-c-Product-main-desc-details-section[data-type=details] > div section {
  display: contents;
}
.op-c-Product-main-images {
  position: relative;
}
.op-c-Product-main .op-c-ProductFavorite {
  z-index: 2;
  position: absolute;
  top: 1.5625rem;
  right: 1.5625rem;
}
.op-c-Product .op-c-ProductSelection {
  margin-top: var(--childrenGap);
}
@media screen and (min-width: 768px) {
  .op-c-Product-main-wrapper-inner {
    align-items: start;
    gap: 3.125rem;
  }
  .op-c-Product-main-images {
    z-index: 1;
    position: sticky;
    top: calc(var(--headerHeight, 0rem) + 0.9375rem);
    flex: 0 0 45%;
  }
  .op-c-Product-main-images .op-c-ProductAdditional {
    z-index: 2;
    position: absolute;
    left: calc(100cqw - 2.5rem);
    bottom: 0;
  }
  .op-c-Product-main-desc {
    padding-right: 3.4375rem;
  }
}
@media screen and (min-width: 1024px) {
  .op-c-Product-main-wrapper-inner {
    gap: 4.375rem;
  }
  .op-c-Product-main-images {
    flex-basis: 52.67%;
  }
}
@media screen and (max-width: 768px) {
  .op-c-Product-main-wrapper-inner {
    flex-direction: column;
  }
  .op-c-Product-main-images .op-c-ProductAdditional {
    margin-top: 1.5625rem;
  }
}

.op-c-ProductList {
  z-index: 1;
  position: relative;
}
.op-c-ProductList-top {
  margin-bottom: 2.1875rem;
}
.op-c-ProductList-top-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--attenuated);
}
.op-c-ProductList-products:has([class*=swiper]) {
  overflow: hidden;
}
.op-c-ProductList-products-list {
  position: relative;
}
.op-c-ProductList-products-list-inner:not(.swiper-initialized) > ul {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
  gap: 2.1875rem 1.6875rem;
}
.op-c-ProductList-products-list-inner:not(.swiper-initialized) > ul.swiper-wrapper {
  column-gap: 1.875rem;
}
.op-c-ProductList-products-list:has(.swiper-container) {
  margin-bottom: 2.1875rem;
}
.op-c-ProductList-products-list .swiper-navigation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 43%;
}
.op-c-ProductList-products-list .swiper-navigation button {
  background: var(--highlight);
}
.op-c-ProductList .op-c-Pagination {
  margin-top: 2.1875rem;
}

.op-c-ProductImages {
  position: relative;
}
.op-c-ProductImages-inner {
  container: productImages/inline-size;
}
.op-c-ProductImages-inner-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.9375rem;
}
.op-c-ProductImages-cover-inner, .op-c-ProductImages-thumbs li {
  flex: 1 1 auto;
  border-radius: 10px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
  background-color: var(--attenuated);
  overflow: hidden;
}
.op-c-ProductImages-cover-inner picture, .op-c-ProductImages-thumbs li picture {
  display: block;
  width: 100%;
  height: 100%;
}
.op-c-ProductImages-cover-inner img, .op-c-ProductImages-thumbs li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.op-c-ProductImages-cover {
  z-index: 1;
  position: relative;
  display: flex;
  flex: 1 1 auto;
  aspect-ratio: 48/56;
}
.op-c-ProductImages-flags {
  z-index: 1;
  position: absolute;
  top: 1.0625rem;
  left: -0.9375rem;
}
.op-c-ProductImages-thumbs {
  z-index: 0;
  position: relative;
  max-height: 31.625rem;
  margin-top: -0.9375rem;
  margin-left: -0.9375rem;
  transform: translate(0.46875rem, 0.46875rem);
}
.op-c-ProductImages-thumbs-list {
  flex: 1 1 auto;
}
.op-c-ProductImages-thumbs-list.swiper {
  padding: 0.46875rem;
}
.op-c-ProductImages-thumbs-list ul {
  display: flex;
}
.op-c-ProductImages-thumbs-list:not(.swiper-initialized) ul {
  gap: 0.9375rem;
}
.op-c-ProductImages-thumbs-nav {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  background-image: linear-gradient(to var(--fadeInDir, right), var(--bg-light), transparent), linear-gradient(to var(--fadeOutDir, left), var(--bg-light), transparent);
  background-position: left var(--fadeInY, 0) top 0, right var(--fadeOutY, 0) top 0;
  background-size: 6.5625rem 100%;
  background-repeat: no-repeat;
  transition: all 0.3s ease-out;
}
.op-c-ProductImages-thumbs-nav.swiper-navigation {
  --hoverShift: 10%;
  display: flex;
}
.op-c-ProductImages-thumbs-nav.swiper-navigation button {
  width: 2rem;
  height: 2rem;
  background: var(--highlight);
  color: var(--bg-light);
}
.op-c-ProductImages-thumbs-nav.swiper-navigation button i svg {
  width: 0.458125rem;
}
.op-c-ProductImages-thumbs-nav:has(.swiper-button-prev.swiper-button-disabled) {
  --fadeInY: calc(6.5625rem * -1);
}
.op-c-ProductImages-thumbs-nav:has(.swiper-button-next.swiper-button-disabled) {
  --fadeOutY: calc(6.5625rem * -1);
}
.op-c-ProductImages-thumbs li {
  flex: 0 0 min-content;
  display: flex;
  width: 5.625rem;
  height: 5.625rem;
  aspect-ratio: 1/1;
  cursor: pointer;
}
.op-c-ProductImages-thumbs li:hover img, .op-c-ProductImages-thumbs li:active img, .op-c-ProductImages-thumbs li:focus img, .op-c-ProductImages-thumbs li:focus-visible img, .op-c-ProductImages-thumbs li:focus-within img {
  filter: brightness(0.9);
}
.op-c-ProductImages-thumbs li img {
  transition: all 0.3s linear;
}
@container productImages (min-width: 480px) {
  .op-c-ProductImages-inner-wrapper {
    flex-direction: row-reverse;
  }
  .op-c-ProductImages-thumbs {
    flex: 0 0 7.8125rem;
  }
  .op-c-ProductImages-thumbs-nav {
    flex-direction: column;
    --fadeInDir: bottom;
    --fadeOutDir: top;
    background-position: top var(--fadeInY, 0) left 0, bottom var(--fadeOutY, 0) left 0;
    background-size: 100% 6.5625rem;
  }
  .op-c-ProductImages-thumbs li {
    width: 6.875rem;
    height: 6.875rem;
  }
}

.op-c-ProductSelection[data-theme]:not([data-theme=light]) {
  padding-top: 3.375rem;
  padding-bottom: 3.75rem;
}
.op-c-ProductSelection-heading {
  margin-bottom: 2.6875rem;
  text-align: center;
}
.op-c-ProductSelection .swiper-wrapper {
  padding-top: 2px;
}

.op-c-DonationSelection {
  overflow: hidden;
}
.op-c-DonationSelection-heading {
  margin-bottom: 3.5rem;
  text-align: center;
  --highlight: op.color(black);
}
.op-c-DonationSelection-heading span {
  font-size: 1.75rem;
  line-height: 0.71;
}
.op-c-DonationSelection-options-list {
  position: relative;
  background: none;
}
.op-c-DonationSelection-options-list-inner {
  --wrapper: 84.375rem;
  z-index: 1;
  position: relative;
  margin: 0 auto;
}
.op-c-DonationSelection-options-list-inner:not(.swiper-initialized) ul {
  display: flex;
  align-items: center;
  gap: 0.9375rem;
}
.op-c-DonationSelection-options-list-inner:not(.swiper-initialized) ul li {
  flex: 1 1 auto;
}
.op-c-DonationSelection-options-list-inner ul li {
  transition: all 0.4s linear;
  cursor: default;
}
.op-c-DonationSelection-options-list-inner ul li:not(.swiper-slide-active) {
  transform: scale(0.9);
}
.op-c-DonationSelection-options-list-inner ul li:not(.swiper-slide-active) .op-c-ProductMiniature-desc-text,
.op-c-DonationSelection-options-list-inner ul li:not(.swiper-slide-active) .op-c-ProductMiniature-addToCart {
  opacity: 0;
  transition-delay: 0s;
}
.op-c-DonationSelection-options-list .swiper-navigation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.op-c-DonationSelection-options-list::before {
  content: "";
  z-index: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 100vw;
  height: calc(100% - 145px);
  background-color: var(--bg);
}
.op-c-DonationSelection-options-bottom {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
  margin-top: 0.9375rem;
}
.op-c-DonationSelection-options-bottom .swiper-pagination {
  grid-column: 2;
  justify-self: center;
}
.op-c-DonationSelection-options-bottom .btn {
  grid-column: 3;
  justify-self: end;
}
@media screen and (max-width: 640px) {
  .op-c-DonationSelection-heading {
    margin-bottom: 1.375rem;
  }
  .op-c-DonationSelection-options-bottom {
    display: flex;
    flex-direction: column;
    margin-top: 1.875rem;
  }
  .op-c-DonationSelection-options-bottom .swiper-pagination {
    align-self: center;
  }
  .op-c-DonationSelection-options-bottom .btn {
    align-self: end;
    margin-top: 1.875rem;
  }
}

.op-c-ProductMiniature {
  z-index: 0;
  position: relative;
  background: transparent;
}
.op-c-ProductMiniature-inner {
  display: block;
}
.op-c-ProductMiniature-img {
  z-index: 0;
  position: relative;
  aspect-ratio: 245/380;
}
.op-c-ProductMiniature-img img {
  display: block;
  border-radius: 10px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.op-c-ProductMiniature-img-flags {
  position: absolute;
  top: 1.25rem;
  left: -0.9375rem;
}
.op-c-ProductMiniature-desc {
  padding: 0.9375rem;
  padding-bottom: 0;
  font-size: 0.9375rem;
  line-height: 1.5rem;
}
@media screen and (max-width: 640px) {
  .op-c-ProductMiniature-desc {
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
}
.op-c-ProductMiniature-desc-prices .op-c-ProductPrices-old {
  position: absolute;
  top: 100%;
  left: 0;
}
.op-c-ProductMiniature-actions,
.op-c-ProductMiniature .op-c-ProductFavorite {
  z-index: 1;
  position: absolute;
  top: 0.625rem;
  right: 0.625rem;
}
.op-c-ProductMiniature[data-product-type=donation] {
  border-radius: 10px;
  overflow: hidden;
}
.op-c-ProductMiniature[data-product-type=donation]::before {
  content: "";
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), transparent);
}
.op-c-ProductMiniature[data-product-type=donation] .op-c-ProductMiniature-desc {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 1.8125rem;
}
.op-c-ProductMiniature[data-product-type=donation] .op-c-ProductMiniature-desc-name {
  display: flex;
  flex-direction: column;
  color: var(--info);
}
.op-c-ProductMiniature[data-product-type=donation] .op-c-ProductMiniature-desc-name :first-child {
  font-size: 2.25rem;
}
.op-c-ProductMiniature[data-product-type=donation] .op-c-ProductMiniature-desc-name :last-child {
  font-family: "Obviously Narrow", Arial, Helvetica, sans-serif;
  font-size: 5.625rem;
  line-height: 1;
}
.op-c-ProductMiniature[data-product-type=donation] .op-c-ProductMiniature-desc-text {
  max-width: 14.0625rem;
  margin-top: 0.28125rem;
  transition: all 0.4s ease-in-out 0.2s;
}
.op-c-ProductMiniature[data-product-type=donation] .op-c-ProductMiniature-addToCart {
  z-index: 1;
  position: absolute;
  top: 1.875rem;
  right: 1.875rem;
  font-size: 0;
  width: 2.75rem;
  aspect-ratio: 1/1;
  background-color: var(--base);
  color: var(--bg);
  border-radius: 50%;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
  overflow: hidden;
  transition: all 0.1s linear;
}
.op-c-ProductMiniature[data-product-type=donation] .op-c-ProductMiniature-addToCart:hover, .op-c-ProductMiniature[data-product-type=donation] .op-c-ProductMiniature-addToCart:focus-within, .op-c-ProductMiniature[data-product-type=donation] .op-c-ProductMiniature-addToCart:has(button:disabled) {
  transform: scale(1.04);
}
.op-c-ProductMiniature[data-product-type=donation] .op-c-ProductMiniature-addToCart .op-i-check {
  opacity: 0;
}
.op-c-ProductMiniature[data-product-type=donation] .op-c-ProductMiniature-addToCart:has(button:disabled) {
  background-color: var(--bg);
  color: var(--base);
}
.op-c-ProductMiniature[data-product-type=donation] .op-c-ProductMiniature-addToCart:has(button:disabled) .op-i-plus-large {
  opacity: 0;
  transition-delay: 0s;
}
.op-c-ProductMiniature[data-product-type=donation] .op-c-ProductMiniature-addToCart:has(button:disabled) .op-i-check {
  opacity: 1;
  transition-delay: 0.05s;
}
.op-c-ProductMiniature[data-product-type=donation] .op-c-ProductMiniature-addToCart > * {
  position: relative;
}
.op-c-ProductMiniature[data-product-type=donation] .op-c-ProductMiniature-addToCart > * i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  transition: all 0.05s linear;
}
.op-c-ProductMiniature[data-product-type=donation] .op-c-ProductMiniature-addToCart > * i .op-i-plus-large {
  transition-delay: 0.05s;
}
.op-c-ProductMiniature[data-product-type=donation] .op-c-ProductMiniature-addToCart > * i.op-i-check svg {
  width: 1.375rem;
  transition-delay: 0s;
}
.op-c-ProductMiniature[data-product-type=donation] .op-c-ProductMiniature-addToCart button {
  width: 100%;
}

.op-c-ProductFavorite {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  aspect-ratio: 1/1;
}
.op-c-ProductFavorite:not(:has(.wishlist-button-add)) {
  display: none;
}
.op-c-ProductFavorite [class*=wishlist-button] {
  margin: 0;
}
.op-c-ProductFavorite .wishlist-button-add {
  --heart: "M23.989 6.922C23.786 3.207 20.886.205 17.328.025c-2.081-.105-3.973.738-5.32 2.148C10.661.753 8.761-.097 6.672.01 3.115.189.214 3.192.012 6.906a7.543 7.543 0 0 0 1.342 4.755l.002.003c.233.334 10.033 10.026 10.033 10.026.159.191.38.288.602.293V22a.803.803 0 0 0 .62-.294s9.8-9.694 10.033-10.026l.002-.003a7.534 7.534 0 0 0 1.342-4.755Z";
  flex: 0 0 auto;
  position: relative;
  display: flex;
  min-width: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  opacity: 1 !important;
  color: currentColor;
  font-size: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.op-c-ProductFavorite .wishlist-button-add i {
  display: none;
}
.op-c-ProductFavorite .wishlist-button-add::before {
  content: "";
  flex: 0 0 24px;
  display: block;
  width: 24px;
  height: 22px;
  clip-path: path(var(--heart));
  background: currentColor;
  opacity: 0;
  pointer-events: none;
}
.op-c-ProductFavorite .wishlist-button-add > * {
  opacity: 0;
}
.op-c-ProductFavorite .wishlist-button-add:hover, .op-c-ProductFavorite .wishlist-button-add.checked {
  transform: none;
}
.op-c-ProductFavorite .wishlist-button-add:hover::before, .op-c-ProductFavorite .wishlist-button-add.checked::before {
  opacity: 1;
}
.op-c-ProductFavorite .op-i-heart {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.op-c-ProductFavorite:has(.wishlist-button-product:not(:hover):not(:focus-within)) .op-i-heart {
  color: var(--attenuated);
}
.op-c-ProductFavorite:has(.wishlist-button-add:hover), .op-c-ProductFavorite:has(.wishlist-button-add.checked) {
  color: var(--highlight);
}

.op-c-ProductFlags {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 0.3125rem;
}
.op-c-ProductFlags li {
  padding: 0.125rem 1.4375rem;
  color: var(--base);
  font-size: 0.9375rem;
  line-height: 1.5rem;
  font-weight: 600;
  background-color: transparent;
  background-image: url("../../img/illustrations/brush-text.svg");
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 640px) {
  .op-c-ProductFlags li {
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
}
.op-c-ProductFlags li.out_of_stock {
  order: -2;
}
.page-product .op-c-ProductFlags li.out_of_stock {
  display: none;
}
.op-c-ProductFlags li.new {
  order: -1;
}

.op-c-ProductVariants .op-c-Form-fields > *:has(select) {
  max-width: 10rem;
}
.op-c-ProductVariants .op-c-Form-fields > *:has([data-product-attribute="1"]) {
  max-width: 6.625rem;
}

.op-c-ProductPrices {
  position: relative;
  display: flex;
  flex-direction: column;
}
.op-c-ProductPrices-current {
  font-style: normal;
  font-weight: 500;
  white-space: nowrap;
}
.op-c-ProductPrices-current-tax {
  margin-left: 0.125rem;
  font-size: 0.9375rem;
  line-height: 1.5rem;
  font-weight: 400;
  font-family: "Poppins", Arial, Helvetica, sans-serif;
  color: var(--base);
}
@media screen and (max-width: 640px) {
  .op-c-ProductPrices-current-tax {
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
}
.op-c-ProductPrices s {
  font-size: 0.9375rem;
  line-height: 1.5rem;
  color: var(--attenuated);
  text-decoration: line-through;
}
@media screen and (max-width: 640px) {
  .op-c-ProductPrices s {
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
}

.op-c-Pagination {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.op-c-Pagination-summary {
  color: var(--attenuated);
}
.op-c-Pagination-list {
  display: flex;
  align-items: center;
  justify-content: center;
}
.op-c-Pagination-list li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  border-radius: 50%;
  aspect-ratio: 1/1;
  font-family: "Obviously Narrow", Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.75rem;
}
@media screen and (max-width: 640px) {
  .op-c-Pagination-list li a {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
.op-c-Pagination-list li a.previous, .op-c-Pagination-list li a.next {
  font-size: 0;
}
.op-c-Pagination-list li a.previous i {
  transform: rotate(180deg);
}
.op-c-Pagination-list li.current a {
  background-color: var(--inert);
}
.op-c-Pagination:has(> :only-child) {
  justify-content: center;
  text-align: center;
}

.op-c-SortOrder {
  display: flex;
  align-items: center;
  gap: 1.5625rem;
}
.op-c-SortOrder .op-c-Field-wrapper {
  color: var(--attenuated);
}
.op-c-SortOrder .op-c-Field-wrapper:has(button:hover, button:focus, button:active) {
  color: var(--base);
}
.op-c-SortOrder button {
  --color: currentColor;
}
.op-c-SortOrder .op-c-Popover {
  max-width: 15.125rem;
}
@media screen and (max-width: 480px) {
  .op-c-SortOrder-label {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap; /* added line */
  }
}

/** Checkout **/
.op-c-Checkout-top {
  margin-top: 3.75rem;
  margin-bottom: 6.25rem;
}
.op-c-Checkout-top-wrapper {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
body.page-cart .op-c-Checkout-top-wrapper {
  gap: 3.125rem;
}
.op-c-Checkout-top-main-heading {
  margin-bottom: 1.375rem;
}
.op-c-Checkout-top-main-footer {
  margin-top: 2.5rem;
}
.op-c-Checkout-top-side {
  z-index: 1;
  position: sticky;
  top: calc(var(--headerHeight, 0rem) + 0.9375rem);
  display: flex;
  flex-direction: column;
  gap: 2.1875rem;
}
@media screen and (min-width: 1024px) {
  .op-c-Checkout-top-wrapper {
    flex-direction: row;
    align-items: start;
  }
  .op-c-Checkout-top-main {
    flex: 1 1 auto;
  }
  .op-c-Checkout-top-side {
    flex: 0 0 20.625rem;
  }
}

.op-c-CartDetailed {
  container: CartDetailed/inline-size;
}
.op-c-CartDetailed > ul > li:not(:last-child) {
  margin-bottom: 1.5625rem;
  padding-bottom: 1.5625rem;
  border-bottom: 1px solid var(--inert);
}
.op-c-CartDetailed-product {
  display: flex;
  align-items: center;
  gap: 0.625rem 1.875rem;
}
.op-c-CartDetailed-product-image {
  flex: 0 0 min-content;
  border-radius: 10px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
  aspect-ratio: 1/1;
  background-color: var(--attenuated);
  overflow: hidden;
}
.op-c-CartDetailed-product-image img, .op-c-CartDetailed-product-image p {
  width: 5rem;
}
.op-c-CartDetailed-product-image > p {
  display: flex;
  flex-direction: column;
  justify-content: end;
  align-items: start;
  height: 100%;
  padding: 0.3125rem 0.4375rem;
  background-color: var(--base);
}
.op-c-CartDetailed-product-image > p span {
  color: var(--bg);
}
.op-c-CartDetailed-product-image > p span:first-child {
  margin-bottom: -0.4375rem;
}
.op-c-CartDetailed-product-detail {
  flex: 1 1 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 0.1875rem 0.3125rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
}
@media screen and (max-width: 640px) {
  .op-c-CartDetailed-product-detail {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
.op-c-CartDetailed-product-detail-name {
  font-weight: 700;
}
.op-c-CartDetailed-product-detail-flags {
  display: flex;
  align-items: center;
  height: 1lh;
}
.op-c-CartDetailed-product-detail-flags .op-c-ProductFlags li:not(.discount) {
  display: none;
}
.op-c-CartDetailed-product-detail-attributes {
  flex: 0 0 100%;
  font-size: 0.9375rem;
  line-height: 1.5rem;
}
@media screen and (max-width: 640px) {
  .op-c-CartDetailed-product-detail-attributes {
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
}
.op-c-CartDetailed-product-quantity {
  flex: 0 0 min-content;
}
.op-c-CartDetailed-product-price {
  flex: 0 0 5.875rem;
}
.op-c-CartDetailed-product-actions {
  flex: 0 0 2.375rem;
  display: flex;
  justify-content: end;
}
.op-c-CartDetailed-product-actions > a:not(:hover):not(:focus):not(:active) {
  color: var(--attenuated);
}
@container CartDetailed (max-width: 590px) {
  .op-c-CartDetailed-product {
    display: grid;
    grid-template-areas: "image detail actions" "image quantity price";
    grid-template-columns: min-content 1fr min-content;
    align-items: start;
  }
  .op-c-CartDetailed-product-image {
    grid-area: image;
  }
  .op-c-CartDetailed-product-detail {
    grid-area: detail;
  }
  .op-c-CartDetailed-product-quantity {
    grid-area: quantity;
  }
  .op-c-CartDetailed-product-price {
    grid-area: price;
    text-align: right;
  }
  .op-c-CartDetailed-product-actions {
    grid-area: actions;
  }
}
@container CartDetailed (max-width: 430px) {
  .op-c-CartDetailed-product {
    grid-template-areas: "image detail actions" "image quantity actions" "image price actions";
    column-gap: 0.9375rem;
  }
  .op-c-CartDetailed-product-detail-name {
    font-size: 1rem;
  }
  .op-c-CartDetailed-product-price {
    text-align: left;
  }
}

.op-c-CartSummary {
  padding: 2.1875rem 2.5rem;
  background-color: var(--bg);
  border-radius: 10px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
}
.op-c-CartSummary-title {
  margin-bottom: 0.9375rem;
}
.op-c-CartSummary-products-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.op-c-CartSummary-products-heading .label {
  cursor: pointer;
}
.op-c-CartSummary-products-heading .label i {
  width: 0.5625rem;
}
.op-c-CartSummary-totals-final {
  margin-top: 0.625rem;
}
.op-c-CartSummary .op-c-CartVoucher {
  margin-top: 0.625rem;
  margin-bottom: 1.25rem;
}
.op-c-CartSummary-actions {
  display: flex;
  flex-direction: column;
  gap: 0.3125rem;
  margin-top: 1.5625rem;
}

.op-c-CartVoucher-form {
  width: 100%;
  height: 3rem;
  border: 1px solid var(--attenuated);
  border-radius: 10px;
  overflow: hidden;
  transition: all 0.2s ease;
}
.op-c-CartVoucher-form:hover {
  border-color: var(--base);
}
.op-c-CartVoucher-form:focus-within, .op-c-CartVoucher-form:has(input:active) {
  border-color: var(--highlight);
}
.op-c-CartVoucher-form form {
  display: flex;
  height: 100%;
}
.op-c-CartVoucher-form form input {
  flex: 1 1 auto;
  display: flex;
  width: 100%;
  height: 100%;
  padding: 0 0 0 1.5625rem;
  border: none;
  background: none;
  text-align: left;
  outline: none;
}
.op-c-CartVoucher-form form button {
  flex: 0 0 max-content;
  display: flex;
  align-items: center;
  padding: 0 1.5625rem;
  color: var(--highlight);
  font-weight: 500;
}
.op-c-CartVoucher-form .alert:has(.js-error-text:empty) {
  display: none;
}
.op-c-CartVoucher-active, .op-c-CartVoucher-available {
  display: flex;
  align-items: start;
  justify-content: start;
  flex-wrap: wrap;
  gap: 0.125rem 0.375rem;
  margin-top: 0.375rem;
}
.op-c-CartVoucher-active li, .op-c-CartVoucher-available li {
  padding: 0.125rem 0.375rem;
  background-color: var(--inert);
  border-radius: 8px;
  font-size: 0.9375rem;
  line-height: 1.5rem;
}
@media screen and (max-width: 640px) {
  .op-c-CartVoucher-active li, .op-c-CartVoucher-available li {
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
}
.op-c-CartVoucher-active li > a, .op-c-CartVoucher-available li > a {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  min-height: 0;
}
.op-c-CartVoucher-active li > a::before, .op-c-CartVoucher-available li > a::before {
  content: none;
}
.op-c-CartVoucher-active li i svg, .op-c-CartVoucher-available li i svg {
  width: 0.75rem;
}
@media screen and (max-width: 640px) {
  .op-c-CartVoucher-form {
    height: 2.4375rem;
  }
}

.op-c-CheckoutHeader-inner {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  justify-content: center;
  align-items: center;
  padding-top: 1.875rem;
}
.op-c-CheckoutHeader-cta {
  --text-decoration: underline;
}
.op-c-CheckoutHeader-logo {
  justify-self: center;
}
@media screen and (min-width: 1024px) {
  .op-c-CheckoutHeader-logo img {
    height: 3.125rem;
    width: auto;
  }
}
@media screen and (max-width: 768px) {
  .op-c-CheckoutHeader-inner {
    grid-template-columns: 1fr 1fr;
  }
  .op-c-CheckoutHeader-logo {
    justify-self: end;
  }
  .op-c-CheckoutHeader-logo img {
    height: initial;
  }
}

.op-c-CheckoutFooter-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5625rem;
  padding: 2.5rem 0;
  text-align: center;
}
.op-c-CheckoutFooter-logo {
  filter: brightness(0) invert(1);
}
@media screen and (min-width: 1024px) {
  .op-c-CheckoutFooter-logo img {
    height: 3.125rem;
    width: auto;
  }
}

.op-c-CheckoutStep {
  border-bottom: 1px solid var(--inert);
}
.op-c-CheckoutStep-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 1.5625rem;
  padding-bottom: 1.875rem;
  font-size: 3rem;
}
[class*=clickable] .op-c-CheckoutStep-title {
  cursor: pointer;
}
[class*=current] .op-c-CheckoutStep-title, [class*=unreachable] .op-c-CheckoutStep-title {
  cursor: default;
}
.op-c-CheckoutStep-title svg {
  color: var(--valid);
}
.op-c-CheckoutStep-content {
  padding-bottom: 2.5rem;
}
.op-c-CheckoutStep-content .op-c-Form.op-c-CheckoutIdentity {
  max-width: 30rem;
  margin: 0 auto;
}
.op-c-CheckoutStep:not([class*=current]) .op-c-CheckoutStep-title {
  padding-bottom: 1.5625rem;
}
.op-c-CheckoutStep:not([class*=current]) .op-c-CheckoutStep-content {
  display: none;
}

.op-c-CheckoutOptions {
  container: checkoutOptions/inline-size;
}
.op-c-CheckoutOptions-optionsList .op-c-Checkable {
  width: 100%;
}
.op-c-CheckoutOptions-option {
  flex: 1 1 auto;
  display: grid;
  grid-template-columns: 6.875rem 1fr;
  align-items: center;
}
.op-c-CheckoutOptions-option:has(.op-c-CheckoutOptions-option-price) {
  grid-template-columns: 6.875rem 1fr 7.5rem;
}
.op-c-CheckoutOptions-option-logo {
  display: flex;
  justify-content: center;
  align-items: center;
}
.op-c-CheckoutOptions-option-logo img {
  max-width: 100%;
  height: auto;
}
.op-c-CheckoutOptions-option-details-name {
  margin-bottom: 0.3125rem;
}
.op-c-CheckoutOptions-option-price {
  font-size: 1.125rem;
  line-height: 1.75rem;
  text-align: right;
}
@media screen and (max-width: 640px) {
  .op-c-CheckoutOptions-option-price {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
.op-c-CheckoutOptions-extra {
  margin: 1.5625rem 0 0 1.875rem !important;
}
.op-c-CheckoutOptions-additional {
  margin-top: 2.1875rem;
}
.op-c-CheckoutOptions-additional label:not([class]) {
  color: var(--base) !important;
}
@container checkoutOptions (width < 420px) {
  .op-c-CheckoutOptions-option {
    grid-template-columns: 1fr 5.625rem;
  }
  .op-c-CheckoutOptions-option:not(:has(.op-c-CheckoutOptions-option-price)) {
    display: flex;
  }
  .op-c-CheckoutOptions-option-logo {
    display: none;
  }
  .op-c-CheckoutOptions-option-details-name {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  @media screen and (max-width: 640px) {
    .op-c-CheckoutOptions-option-details-name {
      font-size: 1rem;
      line-height: 1.5rem;
    }
  }
  .op-c-CheckoutOptions-option-price {
    font-size: 0.9375rem;
    line-height: 1.5rem;
    font-weight: 500;
  }
  @media screen and (max-width: 640px) {
    .op-c-CheckoutOptions-option-price {
      font-size: 0.875rem;
      line-height: 1.5rem;
    }
  }
}

.op-c-OrderConfirmation-top-alerts {
  margin-bottom: 2.8125rem;
}
.op-c-OrderConfirmation-top-summary {
  margin-bottom: 6.25rem;
}

/** Contact **/
.op-c-Contact {
  display: flex;
  justify-content: center;
}
.op-c-Contact-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 3.5625rem;
  --wrapper: 57.25rem;
}
.op-c-Contact-informations {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 1.5625rem;
}
.op-c-Contact-informations h2 {
  margin-top: 1.875rem;
  font-weight: 500;
}
.op-c-Contact-form {
  flex: 1 1 34.375rem;
}
.op-c-Contact-form .op-c-Form-heading {
  margin-bottom: 1.5625rem;
  font-style: italic;
  color: var(--highlight);
}

.op-c-ContactInfosRich {
  display: flex;
  flex-direction: column;
  gap: 1.5625rem;
}
.op-c-ContactInfosRich > div {
  display: flex;
  gap: 1.375rem;
}
.op-c-ContactInfosRich > div i {
  flex: 0 0 2.125rem;
  color: var(--highlight);
}
.op-c-ContactInfosRich > div p {
  flex: 1 1 auto;
}
.op-c-ContactInfosRich > div p a {
  text-decoration: underline !important;
}

.op-c-ContactInfos {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 1.5625rem;
}
.op-c-ContactInfos-logo {
  filter: brightness(0) invert(1);
}
.op-c-ContactInfos-address {
  text-transform: uppercase;
}
@media screen and (max-width: 874px) {
  .op-c-ContactInfos {
    gap: 0.9375rem;
  }
}

/** Customer **/
.op-c-MyAccount {
  padding-bottom: 2.1875rem;
}
.op-c-MyAccount-links {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(17.5rem, 1fr));
  column-gap: 3.625rem;
  row-gap: 2.8125rem;
}
.op-c-MyAccount-links a {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  font-weight: 700;
  text-align: center;
  padding: 2.5rem 3rem;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
}
.op-c-MyAccount-links a i {
  font-size: 2.5rem;
  margin-bottom: 0.9375rem;
}

.page-customer-account #content {
  padding: inherit;
  background: inherit;
  font-size: inherit;
  color: inherit;
}

.op-c-AddressesList-miniatures-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
  gap: 2.1875rem 1.6875rem;
}
.op-c-AddressesList-section-heading {
  margin-bottom: 1.5625rem;
}
.op-c-AddressesList-section:not(:first-child) {
  margin-top: 2.1875rem;
}
.op-c-AddressesList-section a:not(.btn) {
  --text-decoration: underline;
}
.op-c-AddressesList-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: end;
  gap: 0.9375rem;
  margin-top: 1.5625rem;
}

.op-c-AddressMiniature {
  display: flex;
  flex-direction: column;
}
.op-c-AddressMiniature-wrapper {
  flex: 1 1 auto;
}
.op-c-AddressMiniature-name {
  font-size: 0.9375rem;
  line-height: 1.5rem;
}
@media screen and (max-width: 640px) {
  .op-c-AddressMiniature-name {
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
}
.op-c-AddressMiniature address {
  color: var(--base);
}
.op-c-AddressMiniature-footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: end;
  gap: 0.625rem;
}
.op-c-AddressMiniature-footer a:not(.btn) {
  --text-decoration: underline;
}

.wishlist-container {
  display: flex;
  flex-direction: column-reverse;
}
.wishlist-list {
  border: none !important;
}
.wishlist-list-item {
  position: relative;
  padding: 0 !important;
}
.wishlist-list-item-default {
  border: none !important;
}
.wishlist-list-item > * {
  display: flex !important;
  align-items: start !important;
  justify-content: start !important;
  padding: 0.5rem 0 !important;
  gap: 0.5rem;
  color: inherit !important;
  font-size: 0.9375rem !important;
  line-height: 1.5rem !important;
}
@media screen and (max-width: 640px) {
  .wishlist-list-item > * {
    font-size: 0.875rem !important;
    line-height: 1.5rem !important;
  }
}
.wishlist-list-item > *::before {
  content: "";
  display: block;
  flex: 0 0 0.875rem;
  width: 0.875rem;
  margin-top: 0.25rem;
  aspect-ratio: 1/1;
  background-image: url("../../img/icons/plus.svg");
  background-size: auto;
  background-position: center;
  background-repeat: no-repeat;
}
.wishlist-list-item-title {
  font-weight: inherit !important;
  color: inherit !important;
}
.wishlist-list-item:hover, .wishlist-list-item:focus {
  color: var(--highlight);
  background: none !important;
}

.wishlist-button-add {
  position: static !important;
}

.op-c-Styleguide {
  padding: 1.25rem 0;
}
.op-c-Styleguide-heading {
  margin-bottom: 1.25rem;
  text-align: center;
}
.op-c-Styleguide-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1.25rem;
  text-align: center;
  text-transform: capitalize;
}
.op-c-Styleguide-pages {
  display: flex;
  overflow-x: scroll;
  scroll-snap-type: x mandatory;
}
.op-c-Styleguide-page {
  flex: 0 0 100vw;
  width: 100vw;
  scroll-snap-align: start;
}
.op-c-Styleguide-page-heading {
  text-align: center;
  text-transform: capitalize;
}
.op-c-Styleguide-page-theme {
  padding: 1rem 0;
}
.op-c-Styleguide-page-theme-inner {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 1.25rem;
}
.op-c-Styleguide-page-theme-group {
  display: inline-flex;
  flex-direction: column;
  padding: 0;
  border: 2px dashed var(--highlight);
  border-radius: 10px;
}
.op-c-Styleguide-page-theme-group[data-dir=vertical] {
  flex-direction: row;
}
.op-c-Styleguide-page-theme-group-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: center;
  gap: 1rem;
  padding: 1.25rem;
}
[data-dir=vertical] .op-c-Styleguide-page-theme-group-list {
  flex-direction: column;
}
.op-c-Styleguide-page-theme-group-list p {
  justify-self: stretch;
  align-self: stretch;
}
.op-c-Styleguide-page-theme-group-list .op-c-Form {
  max-width: 31.25rem;
}
.op-c-Styleguide-color {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.op-c-Styleguide-color[data-name*=background] i {
  border: 2px solid var(--attenuated);
}
.op-c-Styleguide-color i {
  width: 120px;
  aspect-ratio: 1/0.4;
  border-radius: 8px;
}
.op-c-Styleguide-color span {
  font-size: 0.8em;
  color: var(--attenuated);
  text-align: center;
}
.op-c-Styleguide-icons {
  display: grid;
  grid-template-columns: repeat(10, minmax(30px, 1fr));
  justify-items: center;
  align-items: center;
  gap: 0.5rem;
}
.op-c-Styleguide-medias {
  width: 100%;
}
.op-c-Styleguide-medias li {
  column-gap: 4.375rem;
}
.op-c-Styleguide-brushes li {
  width: 18.75rem;
}

/**
 * Swiper 11.2.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: March 3, 2025
 */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */
.swiper-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.9375rem;
  width: 100%;
  height: 100%;
}
.swiper-pagination:has(> *:only-child) {
  display: none;
}
.swiper-pagination [class*=active] path {
  fill: var(--accent);
}
.swiper-pagination-bullet {
  width: 0.5rem;
  height: 0.5rem;
  background-color: #FFD731;
  border-radius: 0.25rem;
  transition: all 0.3s ease-in-out;
}
.swiper-pagination-bullet[class*=active] {
  width: 3.375rem;
  background-color: #FF3185;
}
.swiper-navigation {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  pointer-events: none;
  --hoverShift: 18%;
}
.swiper-horizontal ~ .swiper-navigation button:first-child i {
  margin-left: -4px;
  transform: scale(-1);
}
.swiper-horizontal ~ .swiper-navigation button:last-child i {
  margin-right: -4px;
}
.swiper-horizontal ~ .swiper-navigation button:hover, .swiper-horizontal ~ .swiper-navigation button:active, .swiper-horizontal ~ .swiper-navigation button:focus, .swiper-horizontal ~ .swiper-navigation button:focus-visible, .swiper-horizontal ~ .swiper-navigation button:focus-within {
  transform: translateX(calc(var(--hoverShift) * -1));
}
.swiper-horizontal ~ .swiper-navigation button:hover:first-child, .swiper-horizontal ~ .swiper-navigation button:active:first-child, .swiper-horizontal ~ .swiper-navigation button:focus:first-child, .swiper-horizontal ~ .swiper-navigation button:focus-visible:first-child, .swiper-horizontal ~ .swiper-navigation button:focus-within:first-child {
  transform: translateX(var(--hoverShift));
}
.swiper-vertical ~ .swiper-navigation button:first-child i {
  margin-top: -4px;
  transform: rotate(-90deg);
}
.swiper-vertical ~ .swiper-navigation button:last-child i {
  margin-bottom: -4px;
  transform: rotate(90deg);
}
.swiper-vertical ~ .swiper-navigation button:hover, .swiper-vertical ~ .swiper-navigation button:active, .swiper-vertical ~ .swiper-navigation button:focus, .swiper-vertical ~ .swiper-navigation button:focus-visible, .swiper-vertical ~ .swiper-navigation button:focus-within {
  transform: translateY(calc(var(--hoverShift) * -1));
}
.swiper-vertical ~ .swiper-navigation button:hover:first-child, .swiper-vertical ~ .swiper-navigation button:active:first-child, .swiper-vertical ~ .swiper-navigation button:focus:first-child, .swiper-vertical ~ .swiper-navigation button:focus-visible:first-child, .swiper-vertical ~ .swiper-navigation button:focus-within:first-child {
  transform: translateY(var(--hoverShift));
}
.swiper-navigation button {
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: all;
  min-height: 0;
  background: var(--bg-light);
  border-radius: 50%;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
  color: var(--bg);
  transition: all 0.2s ease-in-out;
}
.swiper-navigation button[class*=disabled] {
  opacity: 0;
  pointer-events: none;
}
@media screen and (min-width: 1024px) {
  .swiper-navigation {
    z-index: 2;
    left: 0;
  }
  .swiper-navigation button {
    width: 3rem;
    height: 3rem;
  }
}
@media screen and (max-width: 1024px) {
  .swiper-controls {
    position: relative;
  }
  .swiper-navigation {
    display: none;
  }
}

/*# sourceMappingURL=op-theme.css.map */