/*
 * IONTMAX Theme — Classic foundation
 * Blank-only compatibility layer.
 * Source: captured Shoptet Classic runtime checkpoint 2026-08-01.
 *
 * Contains:
 * - template fonts and Shoptet icon font,
 * - normalize/reset and base typography,
 * - generic utilities,
 * - legacy + redesigned Shoptet form foundations,
 * - validation/focus states.
 *
 * Also contains shared interaction primitives, Select2, generic buttons, overlays,
 * legacy Colorbox mechanics and native dialog foundations.
 * Layout/grid, carousel, jQuery UI widgets, site messages and page-specific rules
 * intentionally remain outside this module and are migrated in their own layers.
 */

/* ===== Fonts and Shoptet icon font ===== */

@font-face {
  font-display: swap;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100;
  src: url("https://cdn.myshoptet.com/prj/dist/master/cms/templates/frontend_templates/shared/fonts/roboto/roboto-100.woff2") format("woff2");
}

@font-face {
  font-display: swap;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: url("https://cdn.myshoptet.com/prj/dist/master/cms/templates/frontend_templates/shared/fonts/roboto/roboto-300.woff2") format("woff2");
}

@font-face {
  font-display: swap;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("https://cdn.myshoptet.com/prj/dist/master/cms/templates/frontend_templates/shared/fonts/roboto/roboto-400.woff2") format("woff2");
}

@font-face {
  font-display: swap;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url("https://cdn.myshoptet.com/prj/dist/master/cms/templates/frontend_templates/shared/fonts/roboto/roboto-500.woff2") format("woff2");
}

@font-face {
  font-display: swap;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url("https://cdn.myshoptet.com/prj/dist/master/cms/templates/frontend_templates/shared/fonts/roboto/roboto-700.woff2") format("woff2");
}

@font-face {
  font-display: swap;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  src: url("https://cdn.myshoptet.com/prj/dist/master/cms/templates/frontend_templates/shared/fonts/roboto/roboto-900.woff2") format("woff2");
}

@font-face {
  font-family: shoptet;
  font-style: normal;
  font-weight: 400;
  src: url("https://cdn.myshoptet.com/prj/dist/master/shop/dist/assets/shoptet.55b22b02b7984dcb0781.woff2") format("woff2"),url("https://cdn.myshoptet.com/prj/dist/master/shop/dist/assets/shoptet.b1c6a5d18c5e0e309871.woff") format("woff");
}

[class*=" icon-"],[class^=icon-] {
  font-family: shoptet !important;
  speak: none;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-facebook:before {
  content: "\e900";
}

.icon-twitter:before {
  content: "\e901";
}

.icon-google:before {
  content: "\e902";
}

.icon-youtube:before {
  content: "\e903";
}

.icon-pinterest:before {
  content: "\e904";
}

.icon-skype:before {
  content: "\e905";
}

.icon-icq:before {
  content: "\e906";
}

.icon-msn:before {
  content: "\e907";
}

.icon-jabber:before {
  content: "\e908";
}

.icon-instagram:before {
  content: "\e909";
}

.icon-arrow-down:before {
  content: "\e90a";
}

.icon-arrow-left:before {
  content: "\e90b";
}

.icon-arrow-right:before {
  content: "\e90c";
}

.icon-arrow-up:before {
  content: "\e90d";
}

.icon-chevron-down:before {
  content: "\e90e";
}

.icon-chevron-left:before {
  content: "\e90f";
}

.icon-chevron-right:before {
  content: "\e910";
}

.icon-chevron-up:before {
  content: "\e911";
}

.icon-close:before {
  content: "\e912";
}

.icon-tick:before {
  content: "\e913";
}

.icon-menu:before {
  content: "\e914";
}

.icon-filter-grip:before {
  content: "\e915";
}

.icon-ellipsis-h:before {
  content: "\e916";
}

.icon-info:before {
  content: "\e917";
}

.icon-plus:before {
  content: "\e918";
}

.icon-minus:before {
  content: "\e919";
}

.icon-star-half:before {
  content: "\e91a";
}

.icon-star-off:before {
  content: "\e91b";
}

.icon-star-on:before {
  content: "\e91c";
}

.icon-rating:before {
  content: "\e91d";
}

.icon-comment:before {
  content: "\e91e";
}

.icon-home:before {
  content: "\e91f";
}

.icon-search:before {
  content: "\e920";
}

.icon-cart:before {
  content: "\e921";
}

.icon-login:before {
  content: "\e922";
}

.icon-address:before {
  content: "\e923";
}

.icon-message:before {
  content: "\e924";
}

.icon-box:before {
  content: "\e925";
}

.icon-wallet:before {
  content: "\e926";
}

.icon-watchdog:before {
  content: "\e927";
}

.icon-print:before {
  content: "\e928";
}

.icon-calc:before {
  content: "\e929";
}

.icon-discount:before {
  content: "\e92a";
}

.icon-mobile:before {
  content: "\e92b";
}

.icon-phone:before {
  content: "\e92c";
}

.icon-phone-ringing:before {
  content: "\e92d";
}

.icon-van:before {
  content: "\e92e";
}

.icon-ban:before {
  content: "\e92f";
}

.icon-lock:before {
  content: "\e930";
}

.icon-lock2:before {
  content: "\e931";
}

.icon-unlock:before {
  content: "\e932";
}

.icon-share:before {
  content: "\e933";
}

.icon-tag:before {
  content: "\e934";
}

.icon-box-opened:before {
  content: "\e935";
}

.icon-folder:before {
  content: "\e936";
}

.icon-facebook-square:before {
  content: "\e937";
}

.icon-play:before {
  content: "\e938";
}

.icon-pause:before {
  content: "\e939";
}

.icon-next:before {
  content: "\e93a";
}

.icon-previous:before {
  content: "\e93b";
}

.icon-expand:before {
  content: "\e93c";
}

.icon-contract:before {
  content: "\e93d";
}

.icon-degree-360:before {
  content: "\e93e";
}

.icon-gift:before {
  content: "\e93f";
}

.icon-tiktok:before {
  content: "\e940";
}

.icon-sort:before {
  content: "\e941";
}

.icon-filter:before {
  content: "\e942";
}

.icon-response:before {
  content: "\e943";
}

.icon-trash:before {
  content: "\e944";
}

.icon-book:before {
  content: "\e945";
}

.icon-whatsapp:before {
  content: "\e946";
}

.icon-messenger:before {
  content: "\e947";
}

.icon-alert:before {
  content: "\e948";
}

.icon-error:before {
  content: "\e949";
}

/* ===== Normalize, reset and base document rules ===== */

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
  display: block;
}

audio,canvas,progress,video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,strong {
  font-weight: 700;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: .67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,kbd,pre,samp {
  font-family: sans-serif;
  font-size: 1em;
}

button,input,optgroup,select,textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,select {
  text-transform: none;
}

button,html input[type=button],input[type=reset],input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type=checkbox],input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

input[type=search] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: 700;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,th {
  padding: 0;
}

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

html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

body {
  font-family: sans-serif;
  font-size: 14px;
  line-height: 1.384615;
}

button,input,select,textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

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

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

img {
  vertical-align: middle;
}

.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive {
  display: block;
  height: auto;
  max-width: 100%;
}

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

[role=button] {
  cursor: pointer;
}

/* ===== Generic utilities and base typography ===== */

.hide,.no-display {
  display: none !important;
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.flex {
  display: flex;
}

.nowrap {
  white-space: nowrap;
}

.js-hidden {
  max-height: 0;
  max-width: 0;
  overflow: hidden;
  position: absolute;
  transform: scaleY(0) scaleX(0);
  transform-origin: center;
  transition: transform .3s ease-out;
  visibility: hidden;
}

@media (prefers-reduced-motion:reduce) {
  .js-hidden {
    transition: none;
  }
}

.js-hidden.visible,.js-hidden.visible-permanent {
  max-height: none;
  max-width: none;
  overflow: visible;
  position: inherit;
  transform: scaleY(1) scaleX(1);
  transform-origin: center;
  transition: all .3s ease-out;
  visibility: visible;
}

@media (prefers-reduced-motion:reduce) {
  .js-hidden.visible,.js-hidden.visible-permanent {
    transition: none;
  }
}

.text-left {
  text-align: left;
}

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

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

.text-justify {
  text-align: justify;
}

.text-nowrap {
  white-space: nowrap;
}

.spaced {
  margin-top: 76px;
}

.spaced-small {
  margin-top: 19px;
}

.spaced-smaller {
  margin-top: 10px;
}

.no-gutter {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.show-tooltip {
  cursor: help;
}

.show-tooltip.acronym[data-original-title] {
  border-bottom-style: dashed;
  border-bottom-width: 1px;
}

.show-tooltip.acronym[data-original-title=""] {
  border-bottom: none;
}

.em {
  font-style: italic;
}

.line {
  border-style: solid;
  border-width: 1px 0 0;
  line-height: 1px;
  margin: 19px 0;
}

html {
  height: 100%;
  scroll-behavior: smooth;
  scroll-padding-top: max(var(--scroll-offset,0px),var(--scroll-extra-offset));
  scrollbar-gutter: stable;
}

@media (prefers-reduced-motion:reduce) {
  html {
    scroll-behavior: auto;
  }
}

body {
  counter-reset: steps top;
  font-weight: 400;
  min-height: 100%;
}

body.user-action-visible {
  overflow: hidden;
}

body.user-action-visible.menu-helper-visible {
  overflow: auto;
}

@media (min-width:992px) {
  body.user-action-visible {
    overflow: visible;
  }
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
  font-weight: 400;
  line-height: 1.1;
  word-wrap: break-word;
  text-transform: none;
}

.h4,.h5,.h6,h4,h5,h6 {
  margin-bottom: 10px;
  margin-top: 10px;
}

.h1,h1 {
  font-size: 26px;
  font-weight: 400;
}

.h2,h2 {
  font-size: 20px;
}

.h3,h3 {
  font-size: 18px;
}

.h4,h4 {
  font-size: 16px;
}

.h5,h5 {
  font-size: 14px;
}

.h6,h6 {
  font-size: 12px;
}

p {
  margin: 0 0 10px;
}

.link-like,a {
  transition: all .3s ease-out;
}

.link-like,.link-like.btn,.link-like:focus,.link-like:hover,a,a.btn,a:focus,a:hover {
  text-decoration: none;
}

.link-like.disabled,a.disabled {
  cursor: default;
}

img {
  height: auto;
}

iframe,img {
  max-width: 100%;
}

label.disabled {
  cursor: not-allowed;
  opacity: .75;
}

/* ===== Shared Shoptet icon binding ===== */

#categories .expandable>.topic>a>span:before,#categories .expandable>a>span:before,#cboxClose:before,#cboxNext:before,#cboxPrevious:before,.advanced-parameter-inner:before,.browse-p .p-next:before,.browse-p .p-prev:before,.btn.add-to-cart-button:before,.btn.btn-arrow-down.btn-after:after,.btn.btn-arrow-down:before,.btn.btn-arrow-left.btn-after:after,.btn.btn-arrow-left:before,.btn.btn-arrow-right.btn-after:after,.btn.btn-arrow-right:before,.btn.btn-arrow-up.btn-after:after,.btn.btn-arrow-up:before,.btn.btn-cart:before,.btn.btn-cofidis.btn-after:after,.btn.btn-cofidis:before,.btn.btn-login.btn-after:after,.btn.btn-login:before,.btn.cart-count:before,.btn.express-checkout-button:before,.btn.next-step-forward:after,.carousel-control:before,.cart-toggle-unselected-options:after,.cart-widget-button .btn:after,.cart-widget-product-delete button:before,.cart-xyDiscount__icon:before,.chevron-after:after,.close-after:after,.contact-box ul li>span:before,.discount-coupon:before,.empty-content-404 h2:after,.empty-content-category h2:after,.extra.delivery:before,.extra.discount:before,.extra.gift:before,.form-group .rating-star:before,.goToTop__button:before,.image360:after,.instagram-follow-btn>span:before,.link-icon:before,.menu-helper:after,.navigation-close:before,.navigation-home-icon-wrapper:before,.p-thumbnails .thumbnail-next:before,.p-thumbnails .thumbnail-prev:before,.pagination__link--next:before,.pagination__link--prev:before,.quantity .decrease:before,.quantity .increase:before,.remove-item-placeholder:before,.remove-item:before,.responsive-tools>a:before,.search-whisperer-category em:before,.show-related:after,.show360image:after,.shp-icon,.site-msg .close:before,.subcategories li a:before,.submenu-arrow:after,.top-navigation-bar .dropdown .caret:before,.top-navigation-contacts a.project-email:before,.top-navigation-contacts a.project-phone:before,.top-navigation-menu-trigger:before,.xyDiscount__icon:before,:where(.ums_discussion_rating_forms--off) .add-comment .comment-icon:before,:where(.ums_discussion_rating_forms--off) .add-comment .rating-icon:before,:where(.ums_discussion_rating_forms--off) .stars a:before,:where(.ums_discussion_rating_forms--off) .stars span:before,:where(.ums_discussion_rating_forms--on) .star:before,:where(.ums_forms_redesign--off) .co-box h4:before,:where(.ums_forms_redesign--on) .form-group .msg-error:before,:where(.ums_forms_redesign--on) :where(.cart-content) .co-box h2:before,a.btn.add-to-cart-button:before,a.btn.btn-arrow-down.btn-after:after,a.btn.btn-arrow-down:before,a.btn.btn-arrow-left.btn-after:after,a.btn.btn-arrow-left:before,a.btn.btn-arrow-right.btn-after:after,a.btn.btn-arrow-right:before,a.btn.btn-arrow-up.btn-after:after,a.btn.btn-arrow-up:before,a.btn.btn-cart:before,a.btn.btn-cofidis.btn-after:after,a.btn.btn-cofidis:before,a.btn.btn-login.btn-after:after,a.btn.btn-login:before,a.btn.cart-count:before,a.btn.express-checkout-button:before,a.social-icon:before {
  display: inline-block;
  speak: none;
  font-family: shoptet;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 0;
  text-decoration: none;
  text-transform: none;
  vertical-align: middle;
}

/* ===== Classic form foundation ===== */

:where(.ums_forms_redesign--off) fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

:where(.ums_forms_redesign--off) .form-control,:where(.ums_forms_redesign--off) select {
  border-style: solid;
  border-width: 1px;
  transition: all .3s ease-out;
}

:where(.ums_forms_redesign--off) .form-group {
  margin-bottom: 19px;
  position: relative;
}

:where(.ums_forms_redesign--off) .form-group select {
  display: block;
  min-width: 217px;
  width: 100%;
}

:where(.ums_forms_redesign--off) .form-group td {
  padding: .25rem .5rem;
}

:where(.ums_forms_redesign--off) .form-group:last-child {
  margin-bottom: 0;
}

@media (min-width:768px) {
  :where(.ums_forms_redesign--off) .form-group select {
    display: inline-block;
    width: auto;
  }

  :where(.ums_forms_redesign--off) .form-group select.form-control {
    display: block;
    width: 100%;
  }
}

@media (min-width:992px) {
  :where(.ums_forms_redesign--off) .form-group {
    min-width: 210px;
  }
}

@media (min-width:480px) {
  :where(.ums_forms_redesign--off) .form-group label {
    line-height: 36px;
  }

  :where(.ums_forms_redesign--off) .form-group.form-group-wrapped label {
    display: block;
    float: none;
  }

  :where(.ums_forms_redesign--off) .form-group.consents {
    line-height: normal;
  }

  :where(.ums_forms_redesign--off) .form-group.consents label {
    line-height: normal;
  }
}

:where(.ums_forms_redesign--off) .form-option-block+.form-group,:where(.ums_forms_redesign--off) fieldset+.form-group {
  margin-top: 19px;
}

:where(.ums_forms_redesign--off) .form-group-hasTooltip {
  position: relative;
}

:where(.ums_forms_redesign--off) .form-group-hasTooltip .form-control {
  padding-right: 31px;
}

:where(.ums_forms_redesign--off) .form-control {
  border-radius: 3px;
  box-shadow: none;
  display: block;
  height: 36px;
  padding: 10px 12px;
  width: 100%;
}

:where(.ums_forms_redesign--off) .form-control.sm {
  height: 28px;
  padding: 5px 12px;
}

:where(.ums_forms_redesign--off) .form-control.lg {
  height: 60px;
  padding: 15px 12px;
}

:where(.ums_forms_redesign--off) .form-control.short {
  width: 120px;
}

:where(.ums_forms_redesign--off) .form-control.ui-autocomplete-input {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

:where(.ums_forms_redesign--off) .form-control.inline-block {
  display: inline-block;
}

:where(.ums_forms_redesign--off) input[type=search].form-control {
  box-sizing: border-box;
}

:where(.ums_forms_redesign--off) textarea.form-control {
  height: 140px;
}

:where(.ums_forms_redesign--off) textarea.form-control.sm {
  height: 200px;
}

:where(.ums_forms_redesign--off) .select2-selection,:where(.ums_forms_redesign--off) select,:where(.ums_forms_redesign--off) select.form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAA6CAIAAABNgoyqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHNJREFUeNrs2LsNwDAIRVE7CzAp07AlU4QqRZQUeSgfRfeVIPlINqLwzEwzG49nGS8FGBgYGBgYGBgYGBj4t7C7y90WHBFnp1e9ujde9aF9VRXfeGcLqj5cm62pldn5EZDVLswCAQYGBgYGBgYG/ha8CjAAkdEmwUnCSO4AAAAASUVORK5CYII=);
  background-position: 100%;
  background-repeat: no-repeat;
  line-height: 22px;
  padding: 6px 45px 6px 11px;
}

:where(.ums_forms_redesign--off) .select2-selection::-ms-expand,:where(.ums_forms_redesign--off) select.form-control::-ms-expand,:where(.ums_forms_redesign--off) select::-ms-expand {
  display: none;
}

@media (max-width:767px) {
  :where(.ums_forms_redesign--off) .select2-selection,:where(.ums_forms_redesign--off) select,:where(.ums_forms_redesign--off) select.form-control {
    max-width: 275px;
  }
}

@media (min-width:768px) {
  :where(.ums_forms_redesign--off) .select2-selection,:where(.ums_forms_redesign--off) select,:where(.ums_forms_redesign--off) select.form-control {
    max-width: 400px;
  }
}

:where(.ums_forms_redesign--off) label {
  cursor: pointer;
  min-height: 14px;
}

:where(.ums_forms_redesign--off) label.select-label {
  display: block;
  margin-right: 1ex;
}

@media (min-width:1440px) {
  :where(.ums_forms_redesign--off) label.select-label {
    display: inline-block;
  }
}

:where(.ums_forms_redesign--off) input[type=checkbox],:where(.ums_forms_redesign--off) input[type=radio] {
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  clip: rect(0,0,0,0);
  border: 0;
}

:where(.ums_forms_redesign--off) input[type=checkbox]+label,:where(.ums_forms_redesign--off) input[type=radio]+label {
  display: inline-block;
  line-height: 20px;
  margin-right: 15px;
  padding-left: 21px;
  position: relative;
}

:where(.ums_forms_redesign--off) input[type=checkbox]+label:after,:where(.ums_forms_redesign--off) input[type=checkbox]+label:before,:where(.ums_forms_redesign--off) input[type=radio]+label:after,:where(.ums_forms_redesign--off) input[type=radio]+label:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

:where(.ums_forms_redesign--off) input[type=checkbox]+label:before,:where(.ums_forms_redesign--off) input[type=radio]+label:before {
  background-color: var(--colors-surface-white,#fff);
  border-style: solid;
  border-width: 1px;
  height: 14px;
  left: 0;
  width: 14px;
}

:where(.ums_forms_redesign--off) input[type=checkbox]:checked+label:after,:where(.ums_forms_redesign--off) input[type=radio]:checked+label:after {
  border-style: solid;
  border-width: 1px;
  height: 10px;
  left: 2px;
  width: 10px;
}

:where(.ums_forms_redesign--off) input[type=checkbox]:disabled+label,:where(.ums_forms_redesign--off) input[type=radio]:disabled+label {
  cursor: not-allowed;
}

:where(.ums_forms_redesign--off) input[type=checkbox].error-field+label,:where(.ums_forms_redesign--off) input[type=checkbox].js-error-field+label,:where(.ums_forms_redesign--off) input[type=radio].error-field+label,:where(.ums_forms_redesign--off) input[type=radio].js-error-field+label {
  border-radius: 3px;
  border-style: solid;
  border-width: 1px;
  padding: 5px 5px 5px 26px;
  width: auto;
}

:where(.ums_forms_redesign--off) input[type=checkbox].error-field+label:after,:where(.ums_forms_redesign--off) input[type=checkbox].error-field+label:before,:where(.ums_forms_redesign--off) input[type=checkbox].js-error-field+label:after,:where(.ums_forms_redesign--off) input[type=checkbox].js-error-field+label:before,:where(.ums_forms_redesign--off) input[type=radio].error-field+label:after,:where(.ums_forms_redesign--off) input[type=radio].error-field+label:before,:where(.ums_forms_redesign--off) input[type=radio].js-error-field+label:after,:where(.ums_forms_redesign--off) input[type=radio].js-error-field+label:before {
  left: 5px;
}

:where(.ums_forms_redesign--off) input[type=radio]+label:after,:where(.ums_forms_redesign--off) input[type=radio]+label:before {
  border-radius: 100%;
}

:where(.ums_forms_redesign--off) input[type=checkbox][name="confirmations[]"] {
  display: block;
  filter: alpha(opacity=0);
  left: 2px;
  opacity: 0;
  position: absolute;
  top: 2px;
}

:where(.ums_forms_redesign--off) input[type=checkbox][name="confirmations[]"]+label {
  line-height: 19px;
  margin-right: 0;
  padding-left: 0;
  text-indent: 21px;
}

:where(.ums_forms_redesign--off) input[type=checkbox][name="confirmations[]"]+label:after,:where(.ums_forms_redesign--off) input[type=checkbox][name="confirmations[]"]+label:before {
  top: 3px;
  transform: none;
}

:where(.ums_forms_redesign--off) input[type=checkbox][name="confirmations[]"]+label:after {
  left: 0;
  margin-left: 2px;
  margin-top: 2px;
}

:where(.ums_forms_redesign--off) input::-moz-placeholder {
  color: #b6b6b6;
  opacity: 1;
}

:where(.ums_forms_redesign--off) input::placeholder {
  color: #b6b6b6;
}

:where(.ums_forms_redesign--off) input[type=checkbox],:where(.ums_forms_redesign--off) input[type=email],:where(.ums_forms_redesign--off) input[type=radio],:where(.ums_forms_redesign--off) input[type=search],:where(.ums_forms_redesign--off) input[type=text] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

:where(.ums_forms_redesign--off) .required-asterisk--after:after,:where(.ums_forms_redesign--off) .required-asterisk:not(.required-asterisk--before):after {
  content: "*";
  padding-left: .5ch;
}

:where(.ums_forms_redesign--off) .required-asterisk--before:before {
  content: "*";
  padding-right: .5ch;
}

:where(.ums_forms_redesign--off) .form-legend {
  text-align: right;
}

:where(.ums_forms_redesign--off) .formLegend--dialogFormRating {
  text-align: left;
}

:where(.ums_forms_redesign--off) #content .form-legend {
  margin: 0;
}

:where(.ums_forms_redesign--off) .form-control,:where(.ums_forms_redesign--off) input,:where(.ums_forms_redesign--off) select,:where(.ums_forms_redesign--off) textarea {
  font-size: 1.15em;
  outline: 0;
}

@media (min-width:768px) {
  :where(.ums_forms_redesign--off) .form-control,:where(.ums_forms_redesign--off) input,:where(.ums_forms_redesign--off) select,:where(.ums_forms_redesign--off) textarea {
    font-size: inherit;
  }
}

:where(.ums_forms_redesign--off) .form-group-tooltip {
  left: calc(100% - 26px);
  position: absolute;
  top: calc(100% - 18px);
  transform: translateY(-50%);
}

@media (max-width:767px) {
  :where(.ums_forms_redesign--off) .js-error-field+.form-group-tooltip {
    top: 50%;
  }
}

:where(.ums_forms_redesign--off.ums_discussion_rating_forms--on) .discussionContainer form,:where(.ums_forms_redesign--off.ums_discussion_rating_forms--on) .rate-wrapper form {
  max-width: 440px;
}

:where(.ums_forms_redesign--on) fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

:where(.ums_forms_redesign--on) .form-control {
  background-color: var(--colors-forms-background);
  border: var(--form-controls-border-width) var(--form-controls-border-style) var(--colors-forms-border);
  border-radius: var(--form-controls-border-radius);
  box-shadow: none;
  color: var(--colors-foregrounds-content-secondary);
  display: block;
  font-size: var(--form-controls-font-size);
  line-height: var(--form-controls-line-height);
  padding: var(--form-controls-padding-y) var(--form-controls-padding-x);
  transition: all var(--transition-duration) var(--transition-timing);
  width: 100%;
}

:where(.ums_forms_redesign--on) .form-control:focus {
  border-color: var(--colors-forms-activated);
  color: var(--colors-foregrounds-content-primary);
}

:where(.ums_forms_redesign--on) .form-control[disabled] {
  background-color: var(--colors-forms-disabled);
  color: var(--colors-foregrounds-content-secondary);
}

:where(.ums_forms_redesign--on) .form-control.error-field,:where(.ums_forms_redesign--on) .form-control.js-error-field {
  border-color: var(--colors-forms-critical);
  box-shadow: 0 0 0 1px var(--colors-forms-critical);
}

:where(.ums_forms_redesign--on) .form-control-wrapper {
  max-width: var(--form-fields-width-lg);
  position: relative;
}

:where(.ums_forms_redesign--on) .form-control-wrapper--with-note {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

:where(.ums_forms_redesign--on) .form-group {
  margin-bottom: var(--form-groups-margin);
  position: relative;
}

:where(.ums_forms_redesign--on) .form-group:has(.form-group-tooltip) .form-control {
  padding-right: calc(var(--form-group-tooltip-size) + var(--form-controls-padding-x)*2);
}

:where(.ums_forms_redesign--on) .form-group td {
  padding: .25rem .5rem;
}

:where(.ums_forms_redesign--on) .form-group:last-child {
  margin-bottom: 0;
}

:where(.ums_forms_redesign--on) .form-group .js-validator-msg,:where(.ums_forms_redesign--on) .form-group .msg-error,:where(.ums_forms_redesign--on) .form-group .validator-msg {
  font-size: var(--form-group-labels-font-size);
  line-height: var(--form-group-labels-line-height);
  margin-top: var(--form-groups-gap);
}

:where(.ums_forms_redesign--on) .form-group .msg-error {
  color: var(--colors-forms-critical);
}

:where(.ums_forms_redesign--on) .form-group .msg-error:before {
  content: "\e949";
  font-size: var(--form-group-error-icons-size);
  margin-right: .5ch;
}

:where(.ums_forms_redesign--on) .form-group .login-button {
  align-items: center;
  display: inline-flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}

:where(.ums_forms_redesign--on) .form-option-block+.form-group,:where(.ums_forms_redesign--on) fieldset+.form-group {
  margin-top: var(--form-groups-margin);
}

:where(.ums_forms_redesign--on) .submit-wrapper {
  margin-top: var(--form-groups-margin);
}

:where(.ums_forms_redesign--on) .form-control.short {
  max-width: var(--form-fields-width-xs);
}

:where(.ums_forms_redesign--on) .form-control.small {
  max-width: var(--form-fields-width-sm);
}

:where(.ums_forms_redesign--on) textarea.form-control {
  height: var(--form-field-textareas-computed-height);
}

:where(.ums_forms_redesign--on) .select2-selection,:where(.ums_forms_redesign--on) select,:where(.ums_forms_redesign--on) select.form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: var(--selects-bg-image);
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: var(--selects-computed-bg-size);
  max-width: var(--form-fields-width-lg);
  padding: var(--form-controls-padding-y) var(--form-controls-padding-x);
  padding-right: var(--selects-computed-padding-right);
}

:where(.ums_forms_redesign--on) label {
  cursor: pointer;
}

:where(.ums_forms_redesign--on) .label,:where(.ums_forms_redesign--on) label {
  display: inline-block;
  font-size: var(--form-group-labels-font-size);
  line-height: var(--form-group-labels-line-height);
  margin-bottom: var(--form-groups-gap);
}

:where(.ums_forms_redesign--on) input[type=checkbox],:where(.ums_forms_redesign--on) input[type=radio] {
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  clip: rect(0,0,0,0);
  border: 0;
}

:where(.ums_forms_redesign--on) input[type=checkbox]+label,:where(.ums_forms_redesign--on) input[type=radio]+label {
  display: inline-block;
  line-height: calc(var(--form-fields-checkbox-size)*1.45);
  padding-bottom: 0;
  padding-left: calc(var(--form-fields-checkbox-size) + 1.4ch);
  padding-top: 0;
  position: relative;
}

:where(.ums_forms_redesign--on) input[type=checkbox]+label:after,:where(.ums_forms_redesign--on) input[type=checkbox]+label:before,:where(.ums_forms_redesign--on) input[type=radio]+label:after,:where(.ums_forms_redesign--on) input[type=radio]+label:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

:where(.ums_forms_redesign--on) input[type=checkbox]+label:after,:where(.ums_forms_redesign--on) input[type=radio]+label:after {
  background-color: var(--colors-forms-border);
}

:where(.ums_forms_redesign--on) input[type=checkbox]+label:before,:where(.ums_forms_redesign--on) input[type=radio]+label:before {
  background-color: var(--colors-forms-background);
  border: var(--form-controls-border-width) var(--form-controls-border-style) var(--colors-forms-border);
  border-color: var(--colors-forms-border);
  height: var(--form-fields-checkbox-size);
  left: 0;
  width: var(--form-fields-checkbox-size);
}

:where(.ums_forms_redesign--on) input[type=checkbox]:checked+label:after,:where(.ums_forms_redesign--on) input[type=radio]:checked+label:after {
  background-color: var(--color-primary);
  border: var(--form-controls-border-width) var(--form-controls-border-style) var(--colors-forms-border);
  border-color: var(--colors-surface-primary);
  height: var(--form-fields-checkbox-inner-size);
  left: calc((var(--form-fields-checkbox-size) - var(--form-fields-checkbox-inner-size))/2);
  width: var(--form-fields-checkbox-inner-size);
}

:where(.ums_forms_redesign--on) input[type=checkbox]:checked+label:before,:where(.ums_forms_redesign--on) input[type=radio]:checked+label:before {
  border-color: var(--color-primary);
}

:where(.ums_forms_redesign--on) input[type=checkbox]:disabled+label,:where(.ums_forms_redesign--on) input[type=radio]:disabled+label {
  cursor: not-allowed;
}

:where(.ums_forms_redesign--on) input[type=checkbox]:disabled+label:before,:where(.ums_forms_redesign--on) input[type=radio]:disabled+label:before {
  border-color: var(--colors-forms-disabled);
}

:where(.ums_forms_redesign--on) input[type=checkbox].error-field+label:before,:where(.ums_forms_redesign--on) input[type=checkbox].js-error-field+label:before,:where(.ums_forms_redesign--on) input[type=radio].error-field+label:before,:where(.ums_forms_redesign--on) input[type=radio].js-error-field+label:before {
  border-color: var(--colors-forms-critical);
}

:where(.ums_forms_redesign--on) .consents input+label {
  line-height: var(--form-group-labels-line-height);
}

:where(.ums_forms_redesign--on) input[type=radio]+label:after,:where(.ums_forms_redesign--on) input[type=radio]+label:before {
  border-radius: var(--form-field-radio-inputs-border-radius);
}

:where(.ums_forms_redesign--on) input[type=search] {
  box-sizing: border-box;
}

:where(.ums_forms_redesign--on) input[type=checkbox],:where(.ums_forms_redesign--on) input[type=email],:where(.ums_forms_redesign--on) input[type=radio],:where(.ums_forms_redesign--on) input[type=search],:where(.ums_forms_redesign--on) input[type=text] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

:where(.ums_forms_redesign--on) .form-group-tooltip {
  position: absolute;
  right: var(--form-controls-padding-x);
  top: var(--form-group-tooltip-computed-top);
}

:where(.ums_forms_redesign--on) .required-asterisk:after,:where(.ums_forms_redesign--on) .required-asterisk:before {
  color: var(--colors-forms-critical);
}

:where(.ums_forms_redesign--on) .required-asterisk--after:after,:where(.ums_forms_redesign--on) .required-asterisk:not(.required-asterisk--before):after {
  content: "*";
  padding-left: .5ch;
}

:where(.ums_forms_redesign--on) .required-asterisk--before:before {
  content: "*";
  padding-right: .5ch;
}

:where(.ums_forms_redesign--on) .form-legend {
  text-align: right;
}

:where(.ums_forms_redesign--on) .formLegend--dialogFormRating {
  text-align: left;
}

:where(.ums_forms_redesign--on) #content .form-legend {
  margin: 0;
}

.user-action :where(.ums_forms_redesign--on) .js-validator-msg,.user-action :where(.ums_forms_redesign--on) .validator-msg {
  text-align: left;
}

:where(.ums_forms_redesign--on) #company-info {
  margin-bottom: var(--form-groups-margin);
}

:where(.ums_forms_redesign--on) .co-basic-information .row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--form-groups-margin) 0;
}

:where(.ums_forms_redesign--on) .login-form .alternative-links {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: var(--form-groups-gap);
}

:where(.ums_forms_redesign--on) .login-form .alternative-links a:hover {
  text-decoration: underline;
}

:where(.ums_forms_redesign--on) .contact-form,:where(.ums_forms_redesign--on) .discussion-form,:where(.ums_forms_redesign--on) .external-service-content-form,:where(.ums_forms_redesign--on) .external-service-login-form,:where(.ums_forms_redesign--on) .forgotten-password-form,:where(.ums_forms_redesign--on) .form-registration-affilate,:where(.ums_forms_redesign--on) .login-form,:where(.ums_forms_redesign--on) .newsletter-unsubscribe-form,:where(.ums_forms_redesign--on) .product-question-form,:where(.ums_forms_redesign--on) .project-access-form,:where(.ums_forms_redesign--on) .rating-form,:where(.ums_forms_redesign--on) .registration-form,:where(.ums_forms_redesign--on) .shipping-address-form,:where(.ums_forms_redesign--on) .subscribe-form,:where(.ums_forms_redesign--on) .watchdog-form {
  margin-bottom: var(--form-groups-margin);
  max-width: var(--forms-max-width);
  width: var(--form-fields-width-lg);
}

:where(.ums_discussion_rating_forms--on.ums_forms_redesign--off) .discussionContainer form,:where(.ums_discussion_rating_forms--on.ums_forms_redesign--off) .rate-wrapper form {
  max-width: var(--form-fields-width-lg);
}

/* ===== Form validation and state colors ===== */

.js-validator-msg.msg-info {
  color: #3531ff;
}

:where(.ums_forms_redesign--off) .js-validator-msg.msg-error {
  color: #d33a36;
}

.js-validator-msg.msg-warning {
  color: #c75300;
}

:where(.ums_forms_redesign--off) .form-control.error-field,:where(.ums_forms_redesign--off) .form-control.js-error-field {
  border-color: #d33a36;
}

:where(.ums_forms_redesign--off) .form-control.error-field:focus,:where(.ums_forms_redesign--off) .form-control.js-error-field:focus {
  border-color: #d33a36;
  box-shadow: 0 0 0 .1em rgba(211,58,54,.25);
}

.form-control.warning-field {
  border-color: #c75300;
}

.form-control.warning-field:focus {
  border-color: #c75300;
  box-shadow: 0 0 0 .1em rgba(199,83,0,.25);
}

:where(.ums_forms_redesign--off) .error-field+label,:where(.ums_forms_redesign--off) .js-error-field+label {
  border-color: #d33a36;
}

/* ===== Template font binding ===== */

.blank-mode,body,body.blank-mode {
  font-family: var(--template-font),sans-serif;
}

/* ===== Legacy form theme colors and keyboard focus ===== */

:where(.ums_forms_redesign--off) .form-control,:where(.ums_forms_redesign--off) select {
  background-color: var(--colors-forms-background);
  border-color: #919191;
  color: var(--colors-foregrounds-content-secondary);
}

:where(.ums_forms_redesign--off) .form-control:focus,:where(.ums_forms_redesign--off) select:focus {
  border-color: #3f7e88;
  color: var(--colors-foregrounds-content-primary);
}

:where(.ums_forms_redesign--off) .form-control[disabled],:where(.ums_forms_redesign--off) select[disabled] {
  background-color: var(--colors-forms-disabled);
  color: var(--colors-foregrounds-content-secondary);
}

:where(.ums_forms_redesign--off) input[type=checkbox]+label:before,:where(.ums_forms_redesign--off) input[type=radio]+label:before {
  border-color: #919191;
}

:where(.ums_forms_redesign--off) input[type=checkbox]+label:after,:where(.ums_forms_redesign--off) input[type=radio]+label:after {
  background-color: #919191;
}

:where(.ums_forms_redesign--off) input[type=checkbox]:disabled+label:before,:where(.ums_forms_redesign--off) input[type=radio]:disabled+label:before {
  border-color: color-mix(in srgb,#919191,#000 5%);
}

:where(.ums_forms_redesign--off) input[type=checkbox]:checked+label:before,:where(.ums_forms_redesign--off) input[type=radio]:checked+label:before {
  border-color: var(--color-primary);
}

:where(.ums_forms_redesign--off) input[type=checkbox]:checked+label:after,:where(.ums_forms_redesign--off) input[type=radio]:checked+label:after {
  background-color: var(--color-primary);
  border-color: var(--colors-surface-primary);
}

:focus-visible,[tabindex="0"]:focus-visible,input:focus-visible,input[type=checkbox].focus-visible+label,input[type=checkbox]:focus-visible+label,input[type=radio].focus-visible+label,input[type=radio]:focus-visible+label,label:has(input[type=radio].focus-visible),label:has(input[type=radio]:focus-visible),select:focus-visible,textarea:focus-visible {
  box-shadow: 0 0 0 8px var(--colors-focus-secondary);
  outline: 3px solid var(--colors-focus-primary);
  outline-offset: 2px;
}

/* ===== Bootstrap interaction primitives =====

/*
 * Generic Shoptet/Bootstrap behavior used across multiple components.
 * Grid/container, navbar and carousel rules intentionally belong elsewhere.
 */

.fade {
  opacity: 0;
  transition: opacity .15s linear;
}

.fade.in {
  opacity: 1;
}

.collapse {
  display: none;
}

.collapse.in {
  display: block;
}

tr.collapse.in {
  display: table-row;
}

tbody.collapse.in {
  display: table-row-group;
}

.collapsing {
  height: 0;
  overflow: hidden;
  position: relative;
  transition-duration: .35s;
  transition-property: height,visibility;
  transition-timing-function: ease;
}

.caret {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px dashed;
  border-top: 4px solid\;
  display: inline-block;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  width: 0;
}

.dropdown,.dropup {
  position: relative;
}

.dropdown-toggle:focus {
  outline: 0;
}

.dropdown-menu {
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0,0,0,.15);
  border-radius: 3px;
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
  display: none;
  float: left;
  font-size: 14px;
  left: 0;
  list-style: none;
  margin: 2px 0 0;
  min-width: 160px;
  padding: 5px 0;
  position: absolute;
  text-align: left;
  text-transform: none;
  top: 100%;
  z-index: 1000;
}

.dropdown-menu.pull-right {
  left: auto;
  right: 0;
}

.dropdown-menu .divider {
  background-color: #e5e5e5;
  height: 1px;
  margin: 8.5px 0;
  overflow: hidden;
}

.dropdown-menu>li>a,.dropdown-menu>li>span {
  clear: both;
  color: #666;
  display: block;
  font-weight: 400;
  line-height: 1.384615;
  padding: 3px 20px;
  white-space: nowrap;
}

.dropdown-menu>li.dropdown__item--title>span {
  font-weight: 700;
}

.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover {
  background-color: #f5f5f5;
  color: #595959;
  text-decoration: none;
}

.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover {
  background-color: #337ab7;
  color: #fff;
  outline: 0;
  text-decoration: none;
}

.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover {
  color: #dadada;
}

.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover {
  background-color: transparent;
  background-image: none;
  cursor: not-allowed;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  text-decoration: none;
}

.open>.dropdown-menu {
  display: block;
}

.open>a {
  outline: 0;
}

.dropdown-menu-right {
  left: auto;
  right: 0;
}

.dropdown-menu-left {
  left: 0;
  right: auto;
}

.dropdown-header {
  color: #dadada;
  display: block;
  font-size: 12px;
  line-height: 1.384615;
  padding: 3px 20px;
  white-space: nowrap;
}

.dropdown-backdrop {
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 990;
}

.pull-right>.dropdown-menu {
  left: auto;
  right: 0;
}

.dropup .caret,.navbar-fixed-bottom .dropdown .caret {
  border-bottom: 4px dashed;
  border-bottom: 4px solid\;
  border-top: 0;
  content: "";
}

.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu {
  bottom: 100%;
  margin-bottom: 2px;
  top: auto;
}

.tooltip {
  display: block;
  font-family: sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.384615;
  position: absolute;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  z-index: 1070;
  word-wrap: normal;
  filter: alpha(opacity=0);
  font-size: 12px;
  opacity: 0;
}

.tooltip.in {
  filter: alpha(opacity=90);
  opacity: .9;
}

.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}

.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}

.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}

.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}

.tooltip-inner {
  background-color: #000;
  border-radius: 3px;
  color: #fff;
  max-width: 200px;
  padding: 3px 8px;
  text-align: center;
}

.tooltip-arrow {
  border-color: transparent;
  border-style: solid;
  height: 0;
  position: absolute;
  width: 0;
}

.tooltip.top .tooltip-arrow {
  border-top-color: #000;
  border-width: 5px 5px 0;
  bottom: 0;
  left: 50%;
  margin-left: -5px;
}

.tooltip.top-left .tooltip-arrow {
  right: 5px;
}

.tooltip.top-left .tooltip-arrow,.tooltip.top-right .tooltip-arrow {
  border-top-color: #000;
  border-width: 5px 5px 0;
  bottom: 0;
  margin-bottom: -5px;
}

.tooltip.top-right .tooltip-arrow {
  left: 5px;
}

.tooltip.right .tooltip-arrow {
  border-right-color: #000;
  border-width: 5px 5px 5px 0;
  left: 0;
  margin-top: -5px;
  top: 50%;
}

.tooltip.left .tooltip-arrow {
  border-left-color: #000;
  border-width: 5px 0 5px 5px;
  margin-top: -5px;
  right: 0;
  top: 50%;
}

.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #000;
  border-width: 0 5px 5px;
  left: 50%;
  margin-left: -5px;
  top: 0;
}

.tooltip.bottom-left .tooltip-arrow {
  border-bottom-color: #000;
  border-width: 0 5px 5px;
  margin-top: -5px;
  right: 5px;
  top: 0;
}

.tooltip.bottom-right .tooltip-arrow {
  border-bottom-color: #000;
  border-width: 0 5px 5px;
  left: 5px;
  margin-top: -5px;
  top: 0;
}

/* ===== Select2 foundation =====

/*
 * Structural Select2 CSS used by Shoptet enhanced selects.
 * Page-specific select styling remains owned by the relevant IONTMAX modules.
 */

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}

.select2-container .select2-selection--single {
  align-items: center;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  height: 100%;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-selection--single .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
  padding-left: 20px;
  padding-right: 8px;
}

.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline;
  list-style: none;
  padding: 0;
}

.select2-container .select2-selection--multiple .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}

.select2-container .select2-search--inline .select2-search__field {
  border: none;
  box-sizing: border-box;
  font-family: sans-serif;
  font-size: 100%;
  height: 18px;
  margin-left: 5px;
  margin-top: 5px;
  max-width: 100%;
  overflow: hidden;
  padding: 0;
  resize: none;
  vertical-align: bottom;
  word-break: keep-all;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-dropdown {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 3px;
  box-sizing: border-box;
  display: block;
  left: -100000px;
  position: absolute;
  width: 100%;
  z-index: 1051;
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-results__option {
  padding: 6px;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-select: none;
}

.select2-results__option--selectable {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
}

.select2-search--dropdown .select2-search__field {
  box-sizing: border-box;
  padding: 4px;
  width: 100%;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  background-color: #fff;
  border: 0;
  display: block;
  filter: alpha(opacity=0);
  height: auto;
  left: 0;
  margin: 0;
  min-height: 100%;
  min-width: 100%;
  opacity: 0;
  padding: 0;
  position: fixed;
  top: 0;
  width: auto;
  z-index: 99;
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 3px;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: 700;
  height: 26px;
  margin-right: 20px;
  padding-right: 0;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}

.select2-container--default .select2-selection--multiple {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 3px;
  cursor: text;
  padding-bottom: 5px;
  padding-right: 5px;
  position: relative;
}

.select2-container--default .select2-selection--multiple.select2-selection--clearable {
  padding-right: 25px;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  font-weight: 700;
  height: 20px;
  margin-right: 10px;
  margin-top: 5px;
  padding: 1px;
  position: absolute;
  right: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 3px;
  box-sizing: border-box;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  max-width: 100%;
  overflow: hidden;
  padding: 0 0 0 20px;
  position: relative;
  text-overflow: ellipsis;
  vertical-align: bottom;
  white-space: nowrap;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-bottom-left-radius: 4px;
  border-right: 1px solid #aaa;
  border-top-left-radius: 4px;
  color: #999;
  cursor: pointer;
  font-size: 1em;
  font-weight: 700;
  left: 0;
  padding: 0 4px;
  position: absolute;
  top: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus,.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  background-color: #f1f1f1;
  color: #333;
  outline: none;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 4px;
  border-left: 1px solid #aaa;
  border-right: none;
  border-top-left-radius: 0;
  border-top-right-radius: 4px;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__clear {
  float: left;
  margin-left: 10px;
  margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: 1px solid #000;
  outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,.select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}

.select2-container--default .select2-search--inline .select2-search__field {
  -webkit-appearance: textfield;
  background: transparent;
  border: none;
  box-shadow: none;
  outline: 0;
}

.select2-container--default .select2-results>.select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}

.select2-container--default .select2-results__option--group {
  padding: 0;
}

.select2-container--default .select2-results__option--disabled {
  color: #999;
}

.select2-container--default .select2-results__option--selected {
  background-color: #ddd;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #5897fb;
  color: #fff;
}

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-selection__arrow {
  display: none;
}

/* ===== Shared button primitives ===== */

/* Generic Shoptet button structure only. Login/provider-specific buttons remain with login components. */

.btn,a.btn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  border-style: solid;
  border-width: 1px;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  padding: 5px 15px;
  text-align: center;
  text-transform: uppercase;
  transition: all .3s ease-out;
  white-space: normal;
}

.btn,.btn:hover,a.btn,a.btn:hover {
  text-decoration: none;
}

.btn.btn-block,a.btn.btn-block {
  display: block;
  width: 100%;
}

.btn.btn-secondary,a.btn.btn-secondary {
  border-style: solid;
}

.btn.btn-xs,a.btn.btn-xs {
  font-size: 12px;
  line-height: 16px;
  padding: 0 10px;
}

.btn.btn-sm,a.btn.btn-sm {
  line-height: 20px;
  padding: 2px 10px;
}

.btn.btn-lg,a.btn.btn-lg {
  line-height: 36px;
}

.btn.btn-icon,a.btn.btn-icon {
  border: 0;
  font-size: 20px;
  font-weight: 400;
  padding: 15px 0;
}

.btn.btn-arrow-down:after,.btn.btn-arrow-down:before,.btn.btn-arrow-left:after,.btn.btn-arrow-left:before,.btn.btn-arrow-right:after,.btn.btn-arrow-right:before,.btn.btn-arrow-up:after,.btn.btn-arrow-up:before,.btn.btn-cofidis:after,.btn.btn-cofidis:before,.btn.btn-login:after,.btn.btn-login:before,a.btn.btn-arrow-down:after,a.btn.btn-arrow-down:before,a.btn.btn-arrow-left:after,a.btn.btn-arrow-left:before,a.btn.btn-arrow-right:after,a.btn.btn-arrow-right:before,a.btn.btn-arrow-up:after,a.btn.btn-arrow-up:before,a.btn.btn-cofidis:after,a.btn.btn-cofidis:before,a.btn.btn-login:after,a.btn.btn-login:before {
  font-size: 25px;
  text-align: center;
}

.btn.btn-arrow-down.btn-text:before,.btn.btn-arrow-left.btn-text:before,.btn.btn-arrow-right.btn-text:before,.btn.btn-arrow-up.btn-text:before,.btn.btn-cofidis.btn-text:before,.btn.btn-login.btn-text:before,a.btn.btn-arrow-down.btn-text:before,a.btn.btn-arrow-left.btn-text:before,a.btn.btn-arrow-right.btn-text:before,a.btn.btn-arrow-up.btn-text:before,a.btn.btn-cofidis.btn-text:before,a.btn.btn-login.btn-text:before {
  margin-right: 1ex;
}

.btn.btn-arrow-down.btn-text.btn-after:after,.btn.btn-arrow-left.btn-text.btn-after:after,.btn.btn-arrow-right.btn-text.btn-after:after,.btn.btn-arrow-up.btn-text.btn-after:after,.btn.btn-cofidis.btn-text.btn-after:after,.btn.btn-login.btn-text.btn-after:after,a.btn.btn-arrow-down.btn-text.btn-after:after,a.btn.btn-arrow-left.btn-text.btn-after:after,a.btn.btn-arrow-right.btn-text.btn-after:after,a.btn.btn-arrow-up.btn-text.btn-after:after,a.btn.btn-cofidis.btn-text.btn-after:after,a.btn.btn-login.btn-text.btn-after:after {
  margin-left: 1ex;
}

.btn.btn-login:before,a.btn.btn-login:before {
  content: "\e930";
}

.btn.btn-login.btn-after:before,a.btn.btn-login.btn-after:before {
  content: "";
}

.btn.btn-login.btn-after:after,a.btn.btn-login.btn-after:after {
  content: "\e930";
}

.btn.btn-cofidis:before,a.btn.btn-cofidis:before {
  content: "\e929";
}

.btn.btn-cofidis.btn-after:before,a.btn.btn-cofidis.btn-after:before {
  content: "";
}

.btn.btn-cofidis.btn-after:after,a.btn.btn-cofidis.btn-after:after {
  content: "\e929";
}

.btn.btn-arrow-left:before,a.btn.btn-arrow-left:before {
  content: "\e90b";
}

.btn.btn-arrow-left.btn-after:before,a.btn.btn-arrow-left.btn-after:before {
  content: "";
}

.btn.btn-arrow-left.btn-after:after,a.btn.btn-arrow-left.btn-after:after {
  content: "\e90b";
}

.btn.btn-arrow-right:before,a.btn.btn-arrow-right:before {
  content: "\e90c";
}

.btn.btn-arrow-right.btn-after:before,a.btn.btn-arrow-right.btn-after:before {
  content: "";
}

.btn.btn-arrow-right.btn-after:after,a.btn.btn-arrow-right.btn-after:after {
  content: "\e90c";
}

.btn.btn-arrow-down:before,a.btn.btn-arrow-down:before {
  content: "\e90a";
}

.btn.btn-arrow-down.btn-after:before,a.btn.btn-arrow-down.btn-after:before {
  content: "";
}

.btn.btn-arrow-down.btn-after:after,a.btn.btn-arrow-down.btn-after:after {
  content: "\e90a";
}

.btn.btn-arrow-up:before,a.btn.btn-arrow-up:before {
  content: "\e90d";
}

.btn.btn-arrow-up.btn-after:before,a.btn.btn-arrow-up.btn-after:before {
  content: "";
}

.btn.btn-arrow-up.btn-after:after,a.btn.btn-arrow-up.btn-after:after {
  content: "\e90d";
}

.btn--link,a.btn--link {
  background: none;
  border: none;
  color: var(--color-primary);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.384615;
  padding: 0;
  text-transform: none;
}

.btn--link:focus-visible,.btn--link:hover,a.btn--link:focus-visible,a.btn--link:hover {
  color: var(--color-primary-hover);
}

input[type=submit].btn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.btn.btn-default,a.btn.btn-default {
  background-color: var(--color-tertiary);
}

.btn.btn-default,.btn.btn-default:hover,a.btn.btn-default,a.btn.btn-default:hover {
  border-color: var(--color-tertiary-hover);
  color: var(--colors-foregrounds-content-inverted);
}

.box-bg-default .btn.btn-default:hover,.box-bg-default a.btn.btn-default:hover,.btn.btn-default:hover,a.btn.btn-default:hover {
  background-color: var(--color-tertiary-hover);
}

.btn.btn-primary,a.btn.btn-primary {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  color: var(--colors-foregrounds-content-inverted);
}

.btn.btn-primary:hover,a.btn.btn-primary:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  color: var(--colors-foregrounds-content-inverted);
}

.btn.btn-cart,.btn.btn-conversion,a.btn.btn-cart,a.btn.btn-conversion {
  background-color: var(--color-secondary);
  border-color: var(--color-secondary);
  color: var(--colors-foregrounds-content-inverted);
}

.btn.btn-cart:hover,.btn.btn-conversion:hover,a.btn.btn-cart:hover,a.btn.btn-conversion:hover {
  background-color: var(--color-secondary-hover);
  border-color: var(--color-secondary-hover);
  color: var(--colors-foregrounds-content-inverted);
}

.btn.btn-secondary,a.btn.btn-secondary {
  background-color: var(--colors-surface-white);
  border-color: var(--color-primary);
  color: var(--color-primary);
}

.btn.btn-secondary:hover,a.btn.btn-secondary:hover {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  color: var(--colors-foregrounds-content-inverted);
}

.btn.btn-special,a.btn.btn-special {
  background-color: var(--color-tertiary-hover);
  border-color: hsl(var(--color-tertiary-hover-h),var(--color-tertiary-hover-s),calc(var(--color-tertiary-hover-l) - 3%));
  color: var(--colors-foregrounds-content-inverted);
}

.btn.btn-special:hover,a.btn.btn-special:hover {
  background-color: hsl(var(--color-tertiary-hover-h),var(--color-tertiary-hover-s),calc(var(--color-tertiary-hover-l) - 3%));
  color: var(--colors-foregrounds-content-inverted);
}

.btn.btn-cart.disabled,.btn.btn-conversion.disabled,.btn.btn-default.disabled,.btn.btn-primary.disabled,.btn.btn-secondary.disabled,.btn.btn-special.disabled,a.btn.btn-cart.disabled,a.btn.btn-conversion.disabled,a.btn.btn-default.disabled,a.btn.btn-primary.disabled,a.btn.btn-secondary.disabled,a.btn.btn-special.disabled {
  background-color: var(--colors-surface-white);
  border-color: #cfcfcf;
  color: #cfcfcf;
  cursor: not-allowed;
}

.btn.btn-plain,a.btn.btn-plain {
  background-color: transparent;
  border-color: transparent;
  color: var(--color-primary);
}

.btn.btn-plain:focus-visible,.btn.btn-plain:hover,a.btn.btn-plain:focus-visible,a.btn.btn-plain:hover {
  background-color: transparent;
  border-color: transparent;
  color: var(--color-primary-hover);
}

/* ===== Generic overlay and legacy Colorbox foundation ===== */

/* Shared overlay/Colorbox mechanics. Feature-specific modals stay in their owning modules. */

#cboxOverlay,#cboxWrapper,#colorbox {
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 1002;
}

#cboxWrapper {
  max-width: none;
}

#cboxOverlay {
  height: 100%;
  position: fixed;
  width: 100%;
}

#cboxBottomLeft,#cboxMiddleLeft {
  clear: left;
}

#cboxContent {
  position: relative;
}

#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

#cboxTitle {
  margin: 0;
}

#cboxLoadingGraphic,#cboxLoadingOverlay {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

#cboxClose,#cboxNext,#cboxPrevious,#cboxSlideshow {
  cursor: pointer;
}

.cboxPhoto {
  border: 0;
  display: block;
  float: left;
  height: auto !important;
  margin: auto;
  -ms-interpolation-mode: bicubic;
}

.cboxIframe {
  border: 0;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 100%;
}

#cboxContent,#cboxLoadedContent,#colorbox {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}

#colorbox {
  outline: 0;
}

#cboxContent {
  margin-top: 32px;
  overflow: visible;
}

#cboxContent,.cboxIframe {
  background: #fff;
}

#cboxError {
  border: 1px solid #ccc;
  padding: 50px;
}

#cboxLoadedContent {
  padding: 1px;
}

#cboxLoadingGraphic:before {
  animation: loader .5s linear infinite;
  border-color: #fff #ccc #666 #000;
  border-radius: 50%;
  border-style: solid;
  border-width: 5px;
  content: "";
  height: 60px;
  left: 50%;
  margin: -30px 0 0 -30px;
  position: absolute;
  top: 50%;
  width: 60px;
  z-index: 1;
}

#cboxLoadingOverlay {
  background: #fff;
}

#cboxTitle {
  color: #000;
  left: 0;
}

#cboxCurrent,#cboxTitle {
  position: absolute;
  top: -22px;
}

#cboxCurrent {
  right: 205px;
  text-indent: -9999px;
}

#cboxClose,#cboxNext,#cboxPrevious,#cboxSlideshow {
  background: none;
  border: 0;
  margin: 0;
  overflow: visible;
  padding: 0;
  position: absolute;
  text-indent: -9999px;
}

#cboxClose:active,#cboxNext:active,#cboxPrevious:active,#cboxSlideshow:active {
  outline: 0;
}

#cboxCurrent,#cboxTitle {
  display: none !important;
}

#cboxNext,#cboxPrevious {
  height: 100%;
  outline: none;
  top: 0;
  width: 50%;
}

#cboxNext:before,#cboxPrevious:before {
  border-radius: 50%;
  border-style: none;
  border-width: 0;
  font-size: 36px;
  margin-top: -18px;
  position: absolute;
  text-indent: 0;
  top: 50%;
}

#cboxPrevious {
  left: 0;
}

#cboxPrevious:before {
  content: "\e90b";
  left: 10px;
}

#cboxNext {
  right: 0;
}

#cboxNext:before {
  content: "\e90c";
  right: 10px;
}

#cboxClose {
  background-color: #fff !important;
  height: 40px;
  right: 0;
  top: 0;
  width: 40px;
  z-index: 99;
}

#cboxClose:before {
  content: "\e912";
  font-size: 20px;
  left: 10px;
  line-height: 40px;
  position: absolute;
  text-indent: 0;
  top: 0;
}

.loader-overlay,.overlay.visible {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.overlay.visible {
  position: fixed;
  z-index: 1002;
}

.loader-overlay {
  position: absolute;
  z-index: 0;
}

body.msg-visible .overlay,body.spinner-visible .overlay,body.user-action-visible .overlay {
  display: block;
  height: 100%;
  left: 0;
  opacity: 1;
  position: fixed;
  top: 0;
  width: 100%;
  -webkit-overflow-scrolling: touch;
  transition: opacity .3s ease-out;
}

body.msg-visible .overlay.invisible,body.spinner-visible .overlay.invisible,body.user-action-visible .overlay.invisible {
  opacity: 0;
}

body.msg-visible .overlay,body.user-action-visible .overlay {
  z-index: 0;
}

body.spinner-visible .overlay {
  z-index: 1002;
}

@keyframes loader {
  0% {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(1turn);
  }
}

#cboxContent {
  border-style: solid;
  border-width: 1px;
}

.loader-overlay,.loader-wrapper:after,.overlay {
  background-color: var(--colors-surface-overlay);
}

#cboxContent,#cboxOverlay,#cboxTitle {
  background-color: var(--colors-surface-primary);
}

#colorbox:focus-visible {
  box-shadow: none;
}

#cboxContent {
  border-color: var(--colors-foregrounds-borders-secondary);
}

/* ===== Native dialog foundation ===== */

/* Shared HTML dialog mechanics used by newer Shoptet UI. */

html:has(.dialog--modal[open]) {
  overflow: hidden;
}

.dialog {
  padding: 0;
}

.dialog--fullscreen {
  background-color: transparent;
  border: none;
  height: 100dvh;
  margin: 0;
  max-height: none;
  max-width: none;
  overflow: clip;
  width: 100dvw;
}

.dialog--fullscreen::backdrop {
  background-color: transparent;
  transition: none;
}

.dialog__wrapper {
  background: var(--dialog-bg-color,#fff);
  overflow: auto;
  padding: var(--dialog-wrapper-padding);
  scroll-behavior: smooth;
}

:where(.dialog--fullscreen) .dialog__wrapper {
  height: 100%;
  transform: translateX(-100%);
  transition: var(--dialog-transition);
}

.dialog.is-visible .dialog__wrapper {
  transform: translateX(0);
}

.dialog__content {
  color: var(--colors-foregrounds-content-secondary);
  margin: 0 auto;
  padding: var(--dialog-content-padding);
  text-align: left;
}

.dialog__content--form {
  max-width: var(--dialog-content-form-max-width,440px);
}

:where(.dialog__header) .dialog__heading--login {
  text-align: center;
}

[data-dialog-close] *,[data-dialog-id] * {
  pointer-events: none;
}

.dialog__close--arrow {
  background-color: var(--dialog-bg-color);
  inset: 0 0 auto;
  padding-top: 8px;
  position: fixed;
  transform: translateX(-100%);
  transition: var(--dialog-transition);
  z-index: 1;
}

@media (min-width:768px) {
  .dialog__close--arrow {
    padding-left: 20px;
  }
}

.dialog__actionButtons {
  display: flex;
  justify-content: flex-end;
}

:where(.dialog__close--arrow) .toggle-window-arr {
  display: block;
}

:where(.dialog.is-visible) .dialog__close--arrow {
  transform: translateX(0);
}

@media (prefers-reduced-motion:reduce) {
  .dialog[open],.dialog[open] * {
    animation: none;
    scroll-behavior: auto;
    transition: none;
  }
}