@charset "UTF-8";
/* line 6, vendor/assets/stylesheets/spree/frontend/_base.scss */
.delete-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  background: none;
  border: none;
  padding: 8px;
  cursor: pointer;
  color: #666;
  text-decoration: none;
  transition: all 0.2s ease;
  width: 24px;
  height: auto;
}

/* line 22, vendor/assets/stylesheets/spree/frontend/_base.scss */
.delete-btn:hover {
  color: #333;
}

/* line 25, vendor/assets/stylesheets/spree/frontend/_base.scss */
.delete-btn:hover svg {
  background-color: #5787C9;
  border-color: #5787C9;
}

/* line 29, vendor/assets/stylesheets/spree/frontend/_base.scss */
.delete-btn:hover svg path {
  fill: #fff;
}

/* line 35, vendor/assets/stylesheets/spree/frontend/_base.scss */
.delete-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* line 40, vendor/assets/stylesheets/spree/frontend/_base.scss */
.delete-btn svg {
  width: 32px;
  height: 32px;
  border: 1px solid #DEDEDE;
  border-radius: 50%;
  padding: 6px;
  flex-shrink: 0;
  transition: all 0.2s ease;
}

/* line 49, vendor/assets/stylesheets/spree/frontend/_base.scss */
.delete-btn svg path {
  fill: #4C4A47;
  transition: fill 0.2s ease;
}

/* line 61, vendor/assets/stylesheets/spree/frontend/_base.scss */
.btn-success {
  color: #fff;
  background-color: #FE8F1C;
  border-color: #ffffff;
}

/* line 66, vendor/assets/stylesheets/spree/frontend/_base.scss */
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active,
.btn-success .open .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #fe8203;
  border-color: #ffffff;
}

/* line 73, vendor/assets/stylesheets/spree/frontend/_base.scss */
.btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled]:active, .btn-success.active[disabled] {
  background-color: #FE8F1C;
  border-color: #ffffff;
}

/* line 84, vendor/assets/stylesheets/spree/frontend/_base.scss */
.btn-primary:not(.sku-add-btn):not(.address-entity-toggle),
.btn-success.submit-btn {
  display: flex !important;
  width: fit-content;
  min-width: 250px;
  height: 40px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 0 24px;
  background-color: #FE8F1C !important;
  border: none !important;
  border-radius: 100px;
  font-family: "Exo 2";
  font-weight: 600;
  font-size: 14px;
  color: white !important;
  cursor: pointer;
  transition: background-color 0.2s ease;
  text-decoration: none;
  text-transform: uppercase;
  position: relative;
  z-index: 11;
  pointer-events: auto;
}

/* line 110, vendor/assets/stylesheets/spree/frontend/_base.scss */
.btn-primary:not(.sku-add-btn):not(.address-entity-toggle) .btn-text,
.btn-success.submit-btn .btn-text {
  flex: 1;
  text-align: center;
}

/* line 115, vendor/assets/stylesheets/spree/frontend/_base.scss */
.btn-primary:not(.sku-add-btn):not(.address-entity-toggle) .btn-arrow,
.btn-success.submit-btn .btn-arrow {
  flex-shrink: 0;
  width: 7px;
  height: 12px;
}

/* line 121, vendor/assets/stylesheets/spree/frontend/_base.scss */
.btn-primary:not(.sku-add-btn):not(.address-entity-toggle):hover,
.btn-success.submit-btn:hover {
  background-color: #e67601 !important;
  text-decoration: none;
  color: white !important;
}

/* line 127, vendor/assets/stylesheets/spree/frontend/_base.scss */
.btn-primary:not(.sku-add-btn):not(.address-entity-toggle):focus,
.btn-success.submit-btn:focus {
  outline: none;
  box-shadow: none;
}

/* line 134, vendor/assets/stylesheets/spree/frontend/_base.scss */
.checkout-content-summary-checkout-button .btn-primary,
.checkout-content-summary-checkout-button a.btn-primary {
  width: 100% !important;
  min-width: 0;
}

/* line 140, vendor/assets/stylesheets/spree/frontend/_base.scss */
html,
body {
  height: 100%;
  margin: 0;
}

/* line 146, vendor/assets/stylesheets/spree/frontend/_base.scss */
body {
  font-family: 'Exo 2', Roboto;
  overflow: hidden;
  /* body never scrolls */
  display: flex;
  flex-direction: column;
  padding: 0;
  /* Overrides Spree gem default (e.g. body.one-col padding-top); header/footer take real space */
}

/* Header & footer: real space (flex-shrink: 0). Heights set in _header.scss / _footer.scss */
/* line 155, vendor/assets/stylesheets/spree/frontend/_base.scss */
body > #spree-header,
body > #spree-header-mobile,
body > footer {
  flex-shrink: 0;
}

/* Page builder wraps layout headers in #section-* (not direct #spree-header-mobile); keep shell stable so footer stays in view */
/* line 162, vendor/assets/stylesheets/spree/frontend/_base.scss */
body > div[id^='section-'] {
  flex-shrink: 0;
}

/* Custom elements default to inline; as flex items they can confuse column layout */
/* line 167, vendor/assets/stylesheets/spree/frontend/_base.scss */
body > turbo-frame {
  display: block;
  flex-shrink: 0;
}

/* Only scroll container — all page content lives inside this */
/* line 173, vendor/assets/stylesheets/spree/frontend/_base.scss */
body > div[data-hook] {
  flex: 1 1 0%;
  /* basis 0%: avoid flex item min-content height eating the column and clipping body > siblings (footer was outside before) */
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
}

/* When layout has sidebar (container > row > aside + main), fill height so sidebar/main can scroll internally */
/* line 183, vendor/assets/stylesheets/spree/frontend/_base.scss */
body > div[data-hook] > .container {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

/* line 190, vendor/assets/stylesheets/spree/frontend/_base.scss */
body > div[data-hook] > .container > .row {
  flex: 1;
  min-height: 0;
  display: flex;
}

/* line 196, vendor/assets/stylesheets/spree/frontend/_base.scss */
body > div[data-hook] > .container > .row > main {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

/* line 203, vendor/assets/stylesheets/spree/frontend/_base.scss */
body > div[data-hook] > main {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

/* line 210, vendor/assets/stylesheets/spree/frontend/_base.scss */
body > div[data-hook] > main > .container {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

/* line 220, vendor/assets/stylesheets/spree/frontend/_base.scss */
.radio-container {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: transparent;
  transition: background-color 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

/* line 231, vendor/assets/stylesheets/spree/frontend/_base.scss */
.radio-container input[type="radio"] {
  width: 20px;
  height: 20px;
  margin: 0;
  cursor: pointer;
  accent-color: #5787C9;
}

/* line 240, vendor/assets/stylesheets/spree/frontend/_base.scss */
.error-img {
  margin: 0 auto;
}

/* line 244, vendor/assets/stylesheets/spree/frontend/_base.scss */
.info-bar {
  margin-top: 10px;
}

/* Override Bootstrap container margins and padding */
/* line 249, vendor/assets/stylesheets/spree/frontend/_base.scss */
.container {
  margin: 0 !important;
  padding: 0 !important;
  max-width: none !important;
  width: 100% !important;
}

/* line 256, vendor/assets/stylesheets/spree/frontend/_base.scss */
.plp-section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

/* line 6, vendor/assets/stylesheets/spree/frontend/_flashes.scss */
.alert {
  margin-bottom: 0 !important;
  flex-shrink: 0;
  min-height: 40px;
  padding: 8px 30px !important;
  border: none !important;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.08);
  color: #101113;
  font-family: "Exo 2", sans-serif;
  font-size: 16px !important;
  font-style: normal;
  font-weight: 600;
  line-height: 24px !important;
  letter-spacing: 0.25px;
  text-align: center;
  /* themes/default/spree/shared/_flashes: same .alert look, dismiss control sits in padding */
}

/* line 26, vendor/assets/stylesheets/spree/frontend/_flashes.scss */
.alert.alert-danger {
  margin-bottom: 0 !important;
  background: rgba(234, 31, 0, 0.12);
}

/* line 31, vendor/assets/stylesheets/spree/frontend/_flashes.scss */
.alert.alert-success {
  margin-bottom: 0 !important;
  background: rgba(20, 153, 10, 0.12);
}

/* line 36, vendor/assets/stylesheets/spree/frontend/_flashes.scss */
.alert.alert-info, .alert.alert-warning {
  margin-bottom: 0 !important;
  background: #EBEEF3;
}

/* line 43, vendor/assets/stylesheets/spree/frontend/_flashes.scss */
.alert.bw-flash-row {
  position: relative;
  padding-right: 40px;
}

/* line 47, vendor/assets/stylesheets/spree/frontend/_flashes.scss */
.alert.bw-flash-row .bw-flash-close {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  background: transparent;
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
  color: inherit;
  opacity: 0.65;
  padding: 0 4px;
}

/* line 61, vendor/assets/stylesheets/spree/frontend/_flashes.scss */
.alert.bw-flash-row .bw-flash-close:hover {
  opacity: 1;
}

/* line 68, vendor/assets/stylesheets/spree/frontend/_flashes.scss */
#flashes.bw-flashes {
  flex-shrink: 0;
  width: 100%;
}

/* line 1, vendor/assets/stylesheets/spree/frontend/general.scss */
.mt-5 {
  margin-top: 5px;
}

/* line 5, vendor/assets/stylesheets/spree/frontend/general.scss */
.mb-20 {
  margin-bottom: 20px;
}

/* line 9, vendor/assets/stylesheets/spree/frontend/general.scss */
.mt-20 {
  margin-top: 20px;
}

/* line 13, vendor/assets/stylesheets/spree/frontend/general.scss */
.pt-10 {
  padding-top: 10px;
}

/* line 17, vendor/assets/stylesheets/spree/frontend/general.scss */
.pt-20 {
  padding-top: 20px;
}

/* line 21, vendor/assets/stylesheets/spree/frontend/general.scss */
.pb-20 {
  padding-bottom: 20px;
}

/* line 25, vendor/assets/stylesheets/spree/frontend/general.scss */
.pb-60 {
  padding-bottom: 60px;
}

/* line 29, vendor/assets/stylesheets/spree/frontend/general.scss */
.pr-6 {
  padding-right: 6px;
}

/* line 33, vendor/assets/stylesheets/spree/frontend/general.scss */
.ml-0-i {
  margin-left: 0 !important;
}

/* line 37, vendor/assets/stylesheets/spree/frontend/general.scss */
.color-bw-blue {
  color: #4b8dca;
}

/* line 1, vendor/assets/stylesheets/spree/frontend/curtain.scss */
.curtain {
  background: rgba(255, 255, 255, 0.7);
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 99;
  background-clip: padding-box;
}

/* line 12, vendor/assets/stylesheets/spree/frontend/curtain.scss */
.spinner-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%);
}

@keyframes bw-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* line 23, vendor/assets/stylesheets/spree/frontend/curtain.scss */
.spinner {
  border-radius: 50%;
  height: 32px;
  width: 32px;
  border: 4px solid #2aa7ff;
  border-right-color: transparent;
  animation: bw-spin .6s linear infinite;
}

/* line 7, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header {
  margin-bottom: 0;
  background: none;
  position: relative;
  /* In flow — takes real space (no fixed) */
  height: 138px;
  /* Real height for flex layout */
  z-index: 1000;
  flex-shrink: 0;
}

/* line 15, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header.has-banner {
  height: 178px;
  /* 138 + 40 banner */
}

/* line 19, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .header-top {
  height: 46px;
  background: #19335D;
  box-shadow: 0px 1px 0px 0px #00000014;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 24px;
  gap: 10px;
  font-family: 'Exo 2', Roboto;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
}

/* line 32, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .header-top .header-top-phone,
#spree-header .header-top .header-top-email {
  color: #fff;
  text-decoration: none;
}

/* line 36, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .header-top .header-top-phone i,
#spree-header .header-top .header-top-email i {
  margin-right: 8px;
}

/* line 39, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .header-top .header-top-phone .header-top-label,
#spree-header .header-top .header-top-email .header-top-label {
  color: #fff;
  transition: color 0.2s;
}

/* line 43, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .header-top .header-top-phone:hover,
#spree-header .header-top .header-top-email:hover {
  text-decoration: none;
}

/* line 45, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .header-top .header-top-phone:hover .header-top-label,
#spree-header .header-top .header-top-email:hover .header-top-label {
  color: #FE8F1C !important;
}

/* line 51, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .header-top .engineer-banner {
  background: #1a3157;
  color: #fff;
  font-family: 'Exo 2', Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.1px;
  width: 100%;
}

/* line 61, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .header-top .engineer-banner .engineer-strong {
  font-weight: 700;
}

/* line 64, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .header-top .engineer-banner .engineer-orange {
  color: #FE8F1C;
  font-weight: 700;
}

@media (max-width: 880px) {
  /* line 51, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header .header-top .engineer-banner {
    display: none !important;
  }
}

/* line 74, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .header-top .header-top-currency,
#spree-header .header-top .header-top-language,
#spree-header .header-top .header-top-account {
  color: #fff;
}

/* line 78, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .header-top .header-top-currency select, #spree-header .header-top .header-top-currency button, #spree-header .header-top .header-top-currency .dropdown,
#spree-header .header-top .header-top-language select,
#spree-header .header-top .header-top-language button,
#spree-header .header-top .header-top-language .dropdown,
#spree-header .header-top .header-top-account select,
#spree-header .header-top .header-top-account button,
#spree-header .header-top .header-top-account .dropdown {
  background: transparent !important;
  color: #fff !important;
  border: none !important;
  border-radius: 0 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  box-shadow: none !important;
  outline: none !important;
  height: 32px;
  transition: background 0.2s;
}

/* line 90, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .header-top .header-top-currency select:focus, #spree-header .header-top .header-top-currency button:focus, #spree-header .header-top .header-top-currency .dropdown:focus,
#spree-header .header-top .header-top-language select:focus,
#spree-header .header-top .header-top-language button:focus,
#spree-header .header-top .header-top-language .dropdown:focus,
#spree-header .header-top .header-top-account select:focus,
#spree-header .header-top .header-top-account button:focus,
#spree-header .header-top .header-top-account .dropdown:focus {
  background: rgba(255, 255, 255, 0.08) !important;
}

/* line 94, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .header-top .header-top-account {
  margin-right: 0;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

/* line 101, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .header-top .header-top-account button, #spree-header .header-top .header-top-account a {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  width: auto;
  max-width: none;
  height: 32px;
  white-space: nowrap;
  background: #19335D;
  border-radius: 30px;
  padding: 4px 12px;
  gap: 8px;
  border: 1px solid transparent;
  font-family: 'Exo 2', Roboto;
  font-weight: 500;
  font-size: 14px;
  color: #FFF;
  line-height: 20px;
  letter-spacing: 0.1px;
  box-shadow: none;
  position: relative;
  text-align: center;
  text-decoration: none !important;
  transition: background-color 0.2s ease;
}

/* line 128, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .header-top .header-top-account button:hover, #spree-header .header-top .header-top-account button:focus, #spree-header .header-top .header-top-account button:active,
#spree-header .header-top .header-top-account a:hover, #spree-header .header-top .header-top-account a:focus, #spree-header .header-top .header-top-account a:active {
  border: 1px solid #F1F4F9;
  text-decoration: none !important;
}

/* line 133, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .header-top .header-top-account button.dropdown-toggle::after,
#spree-header .header-top .header-top-account a.dropdown-toggle::after,
#spree-header .header-top .header-top-account a.account-link-logged-in::after,
#spree-header .header-top .header-top-account a.account-link-not-logged-in::after {
  display: none !important;
  content: none !important;
}

/* line 140, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .header-top .header-top-account button svg,
#spree-header .header-top .header-top-account a svg {
  width: 24px;
  height: 24px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  font-size: 16px;
  margin: 0;
  flex: none;
  flex-grow: 0;
}

/* line 156, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .header-top .header-top-account svg path {
  fill: #FFFFFF !important;
}

/* line 163, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .header-top .header-top-account .account-link-not-logged-in svg rect {
  fill: #FE8F1C !important;
}

/* line 170, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .header-top .header-top-account .account-link-logged-in svg rect {
  fill: #5787C9 !important;
}

/* line 174, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .header-top .header-top-account button span,
#spree-header .header-top .header-top-account a span,
#spree-header .header-top .header-top-account button .account-label,
#spree-header .header-top .header-top-account a .account-label {
  order: 1;
}

/* line 181, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .header-top .header-top-account .dropdown-menu {
  border-radius: 4px;
  border: 1px solid #DEDEDE;
  background: #FFF;
  box-shadow: 4px 5px 27.1px 0px rgba(23, 54, 90, 0.1);
  min-width: 100%;
  padding: 8px 0;
}

/* line 189, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .header-top .header-top-account .dropdown-menu .dropdown-item {
  width: 100%;
  border-radius: 0;
  border: none;
  margin: 0;
  padding: 8px 12px;
  color: #4C4A47;
  font-size: 16px;
  font-weight: 500;
  background: none;
  transition: background 0.2s, color 0.2s;
}

/* line 200, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .header-top .header-top-account .dropdown-menu .dropdown-item:hover, #spree-header .header-top .header-top-account .dropdown-menu .dropdown-item:focus {
  background: #F1F4F9;
  color: #5787C9;
}

/* line 204, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .header-top .header-top-account .dropdown-menu .dropdown-item.active, #spree-header .header-top .header-top-account .dropdown-menu .dropdown-item.selected, #spree-header .header-top .header-top-account .dropdown-menu .dropdown-item[aria-selected="true"] {
  background: #5787C9;
  color: #fff;
  font-weight: 600;
}

/* line 211, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .header-top .header-top-group {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  width: auto;
  max-width: 100%;
  flex-wrap: wrap;
  height: 36px;
  border-radius: 32px;
  padding: 0;
  margin: 0;
  background: none;
  flex: none;
  order: 0;
  flex-grow: 0;
}

/* line 229, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .header-top .header-top-group > * {
  flex: none;
  height: 36px;
}

/* line 233, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .header-top .header-top-group > .header-top-item {
  display: flex;
  align-items: center;
  padding: 8px 8px 8px 8px;
  gap: 10px;
  border-radius: 32px;
  border: 1px solid transparent;
  box-sizing: border-box;
  background: #19335D;
  color: #fff;
  font-family: 'Exo 2', Roboto;
  font-size: 14px;
  font-weight: 500;
  height: 36px;
  min-width: 0;
  width: auto;
  max-width: 100%;
  transition: color 0.2s, border 0.2s, background 0.2s;
}

/* line 252, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .header-top .header-top-group > .header-top-item:hover,
#spree-header .header-top .header-top-group > .header-top-item:focus,
#spree-header .header-top .header-top-group > .header-top-item:active {
  border: 1px solid #F1F4F9;
}

/* line 257, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .header-top .header-top-group > .header-top-item .header-top-arrow {
  display: flex;
  width: 8px;
  height: 8px;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
}

/* line 269, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .header-top .header-top-group > .header-top-item.header-top-phone .header-top-label {
  color: #fff;
  transition: color 0.2s;
}

/* line 273, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .header-top .header-top-group > .header-top-item.header-top-phone:hover .header-top-label {
  color: #FE8F1C !important;
}

/* line 278, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .header-top .header-top-group .header-top-item select.form-control:not(.select2-hidden-accessible) {
  background: transparent !important;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: none !important;
  color: #fff !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  height: 36px !important;
}

/* line 293, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .header-top .header-top-group .header-top-item select.form-control.caret-blue:not(.select2-hidden-accessible) {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 0 32px 0 12px !important;
  background-image: url(/assets/caret-down-white-86c471bd8acfae3071f5f27241be23c26e7c7121a5ede90de82665efb0a63b66.svg) !important;
  background-repeat: no-repeat !important;
  background-position: right 2px center !important;
  background-size: 16px 16px !important;
  line-height: 36px;
  outline: none !important;
}

/* line 305, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .header-top .header-top-group .header-top-item select.form-control.caret-blue:not(.select2-hidden-accessible):focus {
  background-color: transparent !important;
  box-shadow: none !important;
}

/* line 310, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .header-top .header-top-group .header-top-item select.form-control.caret-blue:not(.select2-hidden-accessible) option {
  background: #fff;
  color: #101113;
}

/* line 319, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .header-top .header-top-group .header-top-item:hover select.form-control.caret-blue:not(:focus):not(.select2-hidden-accessible) {
  color: #FE8F1C !important;
}

/* line 325, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .header-top .header-top-group .header-top-item .form-group {
  width: 100%;
}

/* line 329, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .header-top .header-top-group .header-top-item .select2-container {
  width: 100% !important;
}

/* line 334, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .header-top .header-top-group .header-top-item .select2-container--default .select2-selection--single {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  min-width: 100%;
  padding: 0 32px 0 12px;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* line 346, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .header-top .header-top-group .header-top-item .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #FFF;
  line-height: 36px;
  padding: 0;
  transition: color 0.2s;
  white-space: nowrap;
}

/* line 354, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .header-top .header-top-group .header-top-item .select2-container--default:hover .select2-selection--single .select2-selection__rendered {
  color: #FE8F1C !important;
}

/* line 358, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .header-top .header-top-group .header-top-item .select2-container--default .select2-selection--single .select2-selection__arrow {
  position: absolute;
  right: 2px;
  top: 50%;
  transform: translateY(-50%);
  height: 16px;
  width: 16px;
  pointer-events: none;
}

/* line 368, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .header-top .header-top-group .header-top-item .select2-container--default .select2-selection--single .select2-selection__arrow b {
  filter: brightness(0) invert(1);
}

/* line 374, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .promotional-banner-toggle {
  display: none;
}

/* line 379, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .promotional-banner {
  position: relative;
  display: flex;
  height: 40px;
  padding: 14px 30px;
  align-items: center;
  align-self: stretch;
  background: #EBF1FF;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.08);
}

@media (max-width: 767px) {
  /* line 379, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header .promotional-banner {
    display: none !important;
  }
}

/* line 395, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .promotional-banner .promotional-banner-content {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #101113;
  font-family: "Exo 2";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.25px;
  text-align: center;
}

/* line 413, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .promotional-banner .promotional-banner-content a {
  color: #5787C9;
  text-decoration: underline;
}

/* line 417, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .promotional-banner .promotional-banner-content a:hover {
  color: #5787C9;
  text-decoration: none;
}

/* line 424, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .promotional-banner .promotional-banner-close {
  position: relative;
  z-index: 1;
  color: #101113;
  cursor: pointer;
  font-size: 24px;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
}

/* line 437, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .promotional-banner .promotional-banner-close span {
  line-height: 1;
  display: block;
  width: 24px;
  height: 24px;
  text-align: center;
  font-size: 24px;
}

/* line 448, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .header-main {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-bottom: 3px solid #5787C9;
  background: #FFF;
}

/* line 457, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .header-main .header-main-frame {
  display: flex;
  padding-right: 24px;
  align-items: center;
  gap: 55px;
  flex: 1 1 0;
}

/* line 465, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .header-main .header-logo {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
}

/* line 469, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .header-main .header-logo img {
  width: 167px;
  height: 60px;
  aspect-ratio: 167/60;
}

/* line 475, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .header-main .header-search {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1 1 0;
  min-width: 0;
}

/* line 481, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .header-main .header-search .search-form-group {
  width: 100%;
  max-width: 720px;
  min-width: 0;
  margin: 0 auto;
  display: flex;
  height: 56px;
  align-items: center;
  gap: 4px;
  border-radius: 28px;
  background: #F1F4F9;
  padding: 0 8px 0 24px;
  transition: background 0.2s;
  border: 1px solid transparent;
}

@media (max-width: 767px) {
  /* line 481, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header .header-main .header-search .search-form-group {
    min-width: 0;
    max-width: 100%;
  }
}

/* line 501, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .header-main .header-search .search-form-group:hover:not(:has(.search-btn:hover)) {
  background: #F1F4F9;
}

/* line 504, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .header-main .header-search .search-form-group:has(.search-btn:hover) {
  background: #F1F4F9;
}

/* line 508, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .header-main .header-search .search-input {
  flex: 1 1 0;
  border: none;
  background: transparent;
  font-size: 18px;
  outline: none;
  height: 100%;
  padding: 0;
  color: #4C4A47;
}

/* line 518, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .header-main .header-search .search-input::placeholder {
  color: #4C4A47;
}

/* line 523, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .header-main .header-search .search-input::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
  display: none;
}

/* line 529, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .header-main .header-search .search-input::-ms-clear {
  display: none;
}

/* line 533, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .header-main .header-search .search-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background: none;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  color: #4C4A47;
  font-size: 22px;
  padding: 0;
  transition: background-color 0.2s ease;
}

/* line 548, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .header-main .header-search .search-btn:hover {
  background-color: #DEDEDE;
}

/* line 553, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .header-main .header-cart {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* line 558, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .header-main .header-cart a {
  text-decoration: none;
}

/* line 562, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .header-main .header-cart .cart-content-wrapper {
  display: flex;
  height: 48px;
  padding: 10px 16px 10px 24px;
  justify-content: center;
  align-items: center;
  border-radius: 24px;
  background: #5787C9;
}

/* line 571, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .header-main .header-cart .cart-content-wrapper:hover {
  background-color: #19335D;
}

/* line 575, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .header-main .header-cart .cart-content-wrapper .cart-label {
  color: #FFF;
  text-align: center;
  font-family: "Exo 2", Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.1px;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  height: 24px;
  white-space: nowrap;
}

/* line 592, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .header-main .header-cart .cart-content-wrapper .cart-icon-content {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  position: relative;
}

/* line 599, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .header-main .header-cart .cart-content-wrapper .cart-icon-content .cart-svg-wrapper {
  display: flex;
  width: 24px;
  height: 24px;
  padding: 2px 1.996px;
  justify-content: center;
  align-items: center;
}

/* line 608, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .header-main .header-cart .cart-content-wrapper .cart-icon-content .cart-icon-count {
  position: absolute;
  top: 3px;
  right: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75em;
  min-width: 1.5em;
  aspect-ratio: 1 / 1;
  height: 1.5em;
  padding: 0;
  color: #FFF;
  background: #FE8F1C;
  border-radius: 50%;
  border: none !important;
  font-family: "Exo 2", Roboto;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.5px;
  box-sizing: border-box;
  white-space: nowrap;
}

/* line 634, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .header-main .header-cart .cart-empty .cart-content-wrapper {
  background: #FFF;
  border: 1px solid #DEDEDE;
}

/* line 638, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .header-main .header-cart .cart-empty .cart-content-wrapper:hover {
  background-color: #F1F4F9;
}

/* line 642, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .header-main .header-cart .cart-empty .cart-content-wrapper .cart-label {
  color: #101113;
}

/* line 648, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .header-main .header-cart .cart-empty .cart-content-wrapper .cart-icon-content .cart-svg-wrapper svg path {
  fill: #101113;
}

/* line 661, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
.select2-container--default .select2-dropdown {
  display: flex;
  flex-direction: column;
  width: 100% !important;
  padding: 8px;
  align-items: flex-start;
  border-radius: 4px;
  border: 1px solid #DEDEDE;
  background: #FFF;
  box-shadow: 4px 5px 27.1px 0px rgba(23, 54, 90, 0.1);
  margin-top: 10px;
}

/* line 674, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
.select2-container--default .select2-dropdown .select2-search--dropdown {
  width: 100%;
  padding: 4px;
  margin-bottom: 4px;
}

/* line 679, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
.select2-container--default .select2-dropdown .select2-search--dropdown .select2-search__field {
  width: 100% !important;
  padding: 8px;
  border: 1px solid #ced4da;
  border-radius: 4px;
  outline: none;
}

/* line 686, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
.select2-container--default .select2-dropdown .select2-search--dropdown .select2-search__field:focus {
  border-color: #80bdff;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

/* line 694, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
.select2-container--default .select2-results {
  width: 100%;
  max-height: 250px;
  overflow-y: auto;
}

/* line 700, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
.select2-container--default .select2-results__options {
  width: 100%;
  padding: 0;
  margin: 0;
}

/* line 706, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
.select2-container--default .select2-results__option {
  padding: 8px;
  color: #4C4A47;
  background: #FFF;
  transition: background-color 0.2s;
}

/* line 714, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
.select2-container--default .select2-results__option[aria-selected="true"] {
  background-color: #5787C9 !important;
  color: #FFF !important;
}

/* line 720, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
.select2-container--default .select2-results__option--highlighted[aria-selected="false"] {
  background-color: #F1F4F9 !important;
  color: #4C4A47 !important;
}

/* line 726, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
.select2-container--default .select2-results__option--highlighted[aria-selected="true"] {
  background-color: #5787C9 !important;
  color: #FFF !important;
}

@media (max-width: 767px) {
  /* line 737, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header {
    display: none;
  }
}

/* line 743, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header-mobile {
  display: none;
}

@media (max-width: 767px) {
  /* line 743, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile {
    display: block;
    position: relative;
    /* In flow — part of content so header/footer visible */
    z-index: 1000;
    background: #fff;
    flex-shrink: 0;
  }
  /* line 753, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .header-spree-mobile {
    background: #fff;
  }
  /* line 758, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-header-top {
    width: 100%;
    height: 60px;
    background: #19335D;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px 0 0;
    gap: 8px;
    border-bottom: 0.5px solid #5787C9;
  }
  /* line 769, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-header-top .mobile-menu-toggle-wrapper {
    display: flex;
    width: 60px;
    height: 60px;
    padding: 0 16px;
    justify-content: center;
    align-items: center;
    gap: 24px;
    flex-shrink: 0;
    background: #5787C9;
    transition: background 0.2s;
  }
  /* line 782, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-header-top .mobile-menu-toggle {
    background: transparent;
    border: none;
    color: #fff;
    padding: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    position: relative;
  }
  /* line 795, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-header-top .mobile-menu-toggle .burger-icon {
    width: 24px;
    height: 24px;
    display: block;
  }
  /* line 800, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-header-top .mobile-menu-toggle .burger-icon path {
    fill: white;
  }
  /* line 805, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-header-top .mobile-menu-toggle .close-icon {
    width: 24px;
    height: 24px;
    display: none;
  }
  /* line 810, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-header-top .mobile-menu-toggle .close-icon line {
    stroke: white !important;
    stroke-width: 2;
    stroke-linecap: round;
  }
  /* line 819, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-header-top .mobile-menu-toggle.active .burger-icon {
    display: none !important;
  }
  /* line 823, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-header-top .mobile-menu-toggle.active .close-icon {
    display: block !important;
  }
  /* line 826, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-header-top .mobile-menu-toggle.active .close-icon line {
    stroke: white !important;
    stroke-width: 2;
  }
  /* line 834, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-header-top .mobile-header-logo {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  /* line 840, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-header-top .mobile-header-logo a {
    display: flex;
    align-items: center;
  }
  /* line 845, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-header-top .mobile-header-logo svg {
    width: 43px;
    height: 48px;
    display: block;
  }
  /* line 852, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-header-top .mobile-header-controls {
    display: flex;
    align-items: center;
    gap: 8px;
  }
  /* line 859, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-header-top .mobile-header-controls .mobile-header-locale .form-group,
#spree-header-mobile .mobile-header-top .mobile-header-controls .mobile-header-currency .form-group {
    width: auto;
    margin: 0;
    min-width: fit-content;
  }
  /* line 865, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-header-top .mobile-header-controls .mobile-header-locale .select2-container,
#spree-header-mobile .mobile-header-top .mobile-header-controls .mobile-header-currency .select2-container {
    width: auto !important;
    min-width: fit-content;
  }
  /* line 871, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-header-top .mobile-header-controls .mobile-header-locale .select2-container--default .select2-selection--single,
#spree-header-mobile .mobile-header-top .mobile-header-controls .mobile-header-currency .select2-container--default .select2-selection--single {
    position: relative;
    display: flex;
    align-items: center;
    width: auto;
    min-width: fit-content;
    padding: 0 8px;
    background: transparent !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    box-shadow: none !important;
    border-radius: 4px;
    height: 32px;
  }
  /* line 885, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-header-top .mobile-header-controls .mobile-header-locale .select2-container--default .select2-selection--single .select2-selection__rendered,
#spree-header-mobile .mobile-header-top .mobile-header-controls .mobile-header-currency .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #FFF;
    line-height: 32px;
    padding: 0;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 500;
  }
  /* line 895, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-header-top .mobile-header-controls .mobile-header-locale .select2-container--default .select2-selection--single .select2-selection__arrow,
#spree-header-mobile .mobile-header-top .mobile-header-controls .mobile-header-currency .select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none !important;
  }
  /* line 900, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-header-top .mobile-header-controls .mobile-header-locale .select2-container--default.select2-container--focus .select2-selection--single,
#spree-header-mobile .mobile-header-top .mobile-header-controls .mobile-header-currency .select2-container--default.select2-container--focus .select2-selection--single {
    background: rgba(255, 255, 255, 0.08) !important;
  }
  /* line 905, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-header-top .mobile-header-controls .mobile-header-locale select.form-control:not(.select2-hidden-accessible),
#spree-header-mobile .mobile-header-top .mobile-header-controls .mobile-header-currency select.form-control:not(.select2-hidden-accessible) {
    background: transparent !important;
    color: #fff !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    box-shadow: none !important;
    border-radius: 24px;
    padding: 0 32px 0 12px !important;
    height: 32px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    width: auto !important;
    min-width: fit-content;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(/assets/caret-down-white-86c471bd8acfae3071f5f27241be23c26e7c7121a5ede90de82665efb0a63b66.svg) !important;
    background-repeat: no-repeat !important;
    background-position: right 10px center !important;
    background-size: 16px 16px !important;
    outline: none !important;
  }
  /* line 927, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-header-top .mobile-header-controls .mobile-header-locale select.form-control:not(.select2-hidden-accessible):focus,
#spree-header-mobile .mobile-header-top .mobile-header-controls .mobile-header-currency select.form-control:not(.select2-hidden-accessible):focus {
    background-color: transparent !important;
  }
  /* line 931, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-header-top .mobile-header-controls .mobile-header-locale select.form-control:not(.select2-hidden-accessible) option,
#spree-header-mobile .mobile-header-top .mobile-header-controls .mobile-header-currency select.form-control:not(.select2-hidden-accessible) option {
    background: #fff;
    color: #101113;
  }
  /* line 938, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-header-top .mobile-header-controls .mobile-header-locale:hover select.form-control:not(:focus):not(.select2-hidden-accessible),
#spree-header-mobile .mobile-header-top .mobile-header-controls .mobile-header-currency:hover select.form-control:not(:focus):not(.select2-hidden-accessible) {
    color: #FE8F1C !important;
  }
  /* line 946, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-header-search {
    width: 100%;
    height: 60px;
    display: flex;
    padding: 8px 16px;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    background: #fff;
    border-bottom: 1px solid #D7DADF;
    transition: opacity 0.3s, visibility 0.3s;
    overflow: visible;
    /* cart count badge overlaps past the row edge */
  }
  /* line 961, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-header-account-row {
    width: 100%;
    height: 60px;
    display: none;
    padding: 8px 16px;
    align-items: center;
    justify-content: space-between;
    background: #19335D;
    border-top: 0.5px solid #5787C9;
  }
  /* line 972, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-header-account-row .mobile-header-phone a {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
  }
  /* line 978, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-header-account-row .mobile-header-phone a:hover {
    color: #FE8F1C;
  }
  /* line 986, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-header-account-row .mobile-header-account-link .dropdown,
#spree-header-mobile .mobile-header-account-row .mobile-header-account-link a,
#spree-header-mobile .mobile-header-account-row .mobile-header-account-link .mobile-header-logout-link {
    color: #fff !important;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 8px;
  }
  /* line 998, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-header-account-row .mobile-header-account-link .dropdown::after,
#spree-header-mobile .mobile-header-account-row .mobile-header-account-link a::after,
#spree-header-mobile .mobile-header-account-row .mobile-header-account-link .mobile-header-logout-link::after {
    display: none !important;
  }
  /* line 1003, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-header-account-row .mobile-header-account-link .dropdown svg,
#spree-header-mobile .mobile-header-account-row .mobile-header-account-link a svg,
#spree-header-mobile .mobile-header-account-row .mobile-header-account-link .mobile-header-logout-link svg {
    background: transparent;
    border-radius: 12px;
  }
  /* line 1008, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-header-account-row .mobile-header-account-link .dropdown svg path,
#spree-header-mobile .mobile-header-account-row .mobile-header-account-link a svg path,
#spree-header-mobile .mobile-header-account-row .mobile-header-account-link .mobile-header-logout-link svg path {
    fill: #FFFFFF !important;
  }
  /* line 1015, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-header-account-row .mobile-header-account-link .dropdown.account-link-not-logged-in svg rect,
#spree-header-mobile .mobile-header-account-row .mobile-header-account-link a.account-link-not-logged-in svg rect,
#spree-header-mobile .mobile-header-account-row .mobile-header-account-link .mobile-header-logout-link.account-link-not-logged-in svg rect {
    fill: #FE8F1C !important;
  }
  /* line 1023, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-header-account-row .mobile-header-account-link .dropdown .account-link-logged-in svg rect, #spree-header-mobile .mobile-header-account-row .mobile-header-account-link .dropdown.account-link-logged-in svg rect,
#spree-header-mobile .mobile-header-account-row .mobile-header-account-link a .account-link-logged-in svg rect,
#spree-header-mobile .mobile-header-account-row .mobile-header-account-link a.account-link-logged-in svg rect,
#spree-header-mobile .mobile-header-account-row .mobile-header-account-link .mobile-header-logout-link .account-link-logged-in svg rect,
#spree-header-mobile .mobile-header-account-row .mobile-header-account-link .mobile-header-logout-link.account-link-logged-in svg rect {
    fill: #5787C9 !important;
  }
  /* line 1029, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-header-account-row .mobile-header-account-link .mobile-header-logout-link.logged-out rect {
    fill: #FE8F1C !important;
  }
  /* line 1033, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-header-account-row .mobile-header-account-link .mobile-header-logout-link.logged-in rect {
    fill: #5787C9 !important;
  }
  /* line 1037, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-header-account-row .mobile-header-account-link .dropdown-toggle {
    border: none;
    padding: 8px 12px;
    border-radius: 4px;
  }
  /* line 1043, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-header-account-row .mobile-header-account-link .dropdown-toggle::after {
    display: none !important;
  }
  /* line 1049, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-header-account-row .mobile-header-account-link .dropdown-menu {
    background: #FFF !important;
    border: 1px solid #DEDEDE !important;
    border-radius: 4px;
    box-shadow: 4px 5px 27.1px 0px rgba(23, 54, 90, 0.1);
    min-width: 150px;
    padding: 8px 0;
    margin-top: 8px;
    z-index: 1001;
  }
  /* line 1059, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-header-account-row .mobile-header-account-link .dropdown-menu .dropdown-item {
    color: #4C4A47 !important;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 12px;
    background: transparent !important;
  }
  /* line 1066, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-header-account-row .mobile-header-account-link .dropdown-menu .dropdown-item:hover, #spree-header-mobile .mobile-header-account-row .mobile-header-account-link .dropdown-menu .dropdown-item:focus {
    background: #F1F4F9 !important;
    color: #5787C9 !important;
  }
  /* line 1073, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-header-account-row .mobile-header-account-link .dropdown-menu .dropdown-divider {
    margin: 4px 0;
    border-top: 1px solid #DEDEDE;
  }
  /* line 1084, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-header-search .mobile-search-container {
    display: flex;
    height: 40px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
    flex: 1 0 0;
  }
  /* line 1093, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-header-search .mobile-search-container .search-form {
    width: 100%;
    height: 100%;
  }
  /* line 1098, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-header-search .mobile-search-container .search-form-group {
    display: flex;
    align-items: center;
    background: #F9FAFB;
    border-radius: 24px;
    padding: 8px 16px;
    gap: 8px;
    height: 100%;
    width: 100%;
  }
  /* line 1108, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-header-search .mobile-search-container .search-form-group .search-input {
    flex: 1;
    border: none;
    background: transparent;
    font-size: 14px;
    outline: none;
    color: #4C4A47;
    height: 100%;
  }
  /* line 1117, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-header-search .mobile-search-container .search-form-group .search-input::placeholder {
    color: #4C4A47;
  }
  /* line 1122, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-header-search .mobile-search-container .search-form-group .search-btn {
    background: none;
    border: none;
    color: #4C4A47;
    font-size: 18px;
    padding: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
  }
  /* line 1137, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-header-search .mobile-header-cart {
    display: flex;
    height: 40px;
    align-items: center;
    gap: 8.333px;
    overflow: visible;
    flex-shrink: 0;
  }
  /* line 1145, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-header-search .mobile-header-cart .cart-icon {
    position: relative;
  }
  /* line 1148, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-header-search .mobile-header-cart .cart-icon .cart-content-wrapper {
    display: flex;
    width: 40px;
    height: 40px;
    padding: 0;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    border: 0.833px solid #DEDEDE;
    background: #FFF;
    overflow: visible;
    /* badge sits on the rim; do not clip */
    position: relative;
  }
  /* line 1161, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-header-search .mobile-header-cart .cart-icon .cart-content-wrapper .cart-label {
    display: none;
  }
  /* line 1165, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-header-search .mobile-header-cart .cart-icon .cart-content-wrapper .cart-icon-content {
    display: flex;
    width: 24px;
    height: 24px;
    padding: 0;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: visible;
    /* Match desktop pill-badge: orange circle, white digit, top-right of icon */
  }
  /* line 1175, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-header-search .mobile-header-cart .cart-icon .cart-content-wrapper .cart-icon-content .cart-svg-wrapper {
    display: flex;
    width: 24px;
    height: 24px;
    align-items: center;
    justify-content: center;
  }
  /* line 1183, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-header-search .mobile-header-cart .cart-icon .cart-content-wrapper .cart-icon-content .cart-svg-wrapper svg path {
    fill: #000;
  }
  /* line 1190, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-header-search .mobile-header-cart .cart-icon .cart-content-wrapper .cart-icon-content .cart-icon-count {
    position: absolute;
    top: -6px;
    right: -8px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 0 4px;
    box-sizing: border-box;
    font-family: "Exo 2", Roboto;
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0;
    color: #fff !important;
    background: #FE8F1C !important;
    border-radius: 999px;
    border: 2px solid #fff;
    white-space: nowrap;
  }
  /* line 1221, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-header-search .mobile-header-cart .cart-icon.cart-empty .cart-content-wrapper .cart-icon-content .cart-svg-wrapper svg path {
    fill: #000 !important;
  }
  /* line 1227, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-header-search .mobile-header-cart .cart-icon.cart-empty .cart-content-wrapper .cart-icon-content .cart-icon-count {
    display: none !important;
  }
  /* line 1238, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-header-account-row {
    width: 100%;
    height: 60px;
    display: none;
    padding: 8px 16px;
    align-items: center;
    justify-content: space-between;
    background: #19335D;
    border-top: 0.5px solid #5787C9;
  }
  /* line 1249, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-header-account-row .mobile-header-phone a {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
  }
  /* line 1255, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-header-account-row .mobile-header-phone a:hover {
    color: #FE8F1C;
  }
  /* line 1263, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-header-account-row .mobile-header-account-link .dropdown,
#spree-header-mobile .mobile-header-account-row .mobile-header-account-link a {
    color: #fff !important;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 8px;
  }
  /* line 1274, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-header-account-row .mobile-header-account-link .dropdown::after,
#spree-header-mobile .mobile-header-account-row .mobile-header-account-link a::after {
    display: none !important;
  }
  /* line 1279, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-header-account-row .mobile-header-account-link .dropdown svg,
#spree-header-mobile .mobile-header-account-row .mobile-header-account-link a svg {
    background: transparent;
    border-radius: 12px;
  }
  /* line 1284, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-header-account-row .mobile-header-account-link .dropdown svg path,
#spree-header-mobile .mobile-header-account-row .mobile-header-account-link a svg path {
    fill: #FFFFFF !important;
  }
  /* line 1291, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-header-account-row .mobile-header-account-link .dropdown.account-link-not-logged-in svg rect,
#spree-header-mobile .mobile-header-account-row .mobile-header-account-link a.account-link-not-logged-in svg rect {
    fill: #FE8F1C !important;
  }
  /* line 1299, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-header-account-row .mobile-header-account-link .dropdown .account-link-logged-in svg rect, #spree-header-mobile .mobile-header-account-row .mobile-header-account-link .dropdown.account-link-logged-in svg rect,
#spree-header-mobile .mobile-header-account-row .mobile-header-account-link a .account-link-logged-in svg rect,
#spree-header-mobile .mobile-header-account-row .mobile-header-account-link a.account-link-logged-in svg rect {
    fill: #5787C9 !important;
  }
  /* line 1305, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-header-account-row .mobile-header-account-link .dropdown-toggle {
    border: none;
    padding: 8px 12px;
    border-radius: 4px;
  }
  /* line 1311, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-header-account-row .mobile-header-account-link .dropdown-toggle::after {
    display: none !important;
  }
  /* line 1317, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-header-account-row .mobile-header-account-link .dropdown-menu {
    background: #FFF !important;
    border: 1px solid #DEDEDE !important;
    border-radius: 4px;
    box-shadow: 4px 5px 27.1px 0px rgba(23, 54, 90, 0.1);
    min-width: 150px;
    padding: 8px 0;
    margin-top: 8px;
    z-index: 1001;
  }
  /* line 1327, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-header-account-row .mobile-header-account-link .dropdown-menu .dropdown-item {
    color: #4C4A47 !important;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 12px;
    background: transparent !important;
  }
  /* line 1334, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-header-account-row .mobile-header-account-link .dropdown-menu .dropdown-item:hover, #spree-header-mobile .mobile-header-account-row .mobile-header-account-link .dropdown-menu .dropdown-item:focus {
    background: #F1F4F9 !important;
    color: #5787C9 !important;
  }
  /* line 1341, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-header-account-row .mobile-header-account-link .dropdown-menu .dropdown-divider {
    margin: 4px 0;
    border-top: 1px solid #DEDEDE;
  }
  /* line 1350, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-navigation-sidebar {
    position: fixed;
    top: 120px;
    left: -100%;
    width: 100%;
    height: calc(100vh - 120px);
    background: #fff;
    z-index: 999;
    transition: left 0.3s ease-in-out;
    overflow-y: auto;
  }
  /* line 1361, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-navigation-sidebar.open {
    left: 0;
  }
  /* line 1365, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-navigation-sidebar .mobile-sidebar-content {
    padding: 0;
  }
  /* line 1368, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-navigation-sidebar .mobile-sidebar-content .mobile-sidebar-pages-list {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  /* line 1373, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-navigation-sidebar .mobile-sidebar-content .mobile-sidebar-pages-list .mobile-sidebar-page-item {
    border-bottom: 1px solid #DEDEDE;
  }
  /* line 1376, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-navigation-sidebar .mobile-sidebar-content .mobile-sidebar-pages-list .mobile-sidebar-page-item:last-child {
    border-bottom: none;
  }
  /* line 1380, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-navigation-sidebar .mobile-sidebar-content .mobile-sidebar-pages-list .mobile-sidebar-page-item .mobile-sidebar-page-link {
    display: inline-flex;
    height: 52px;
    padding: 8px 16px;
    align-items: center;
    gap: 8px;
    color: #5787C9;
    text-decoration: none;
    font-family: 'Exo 2', Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0.1px;
  }
  /* line 1395, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-navigation-sidebar .mobile-sidebar-content .mobile-sidebar-pages-list .mobile-sidebar-page-item .mobile-sidebar-page-link:hover, #spree-header-mobile .mobile-navigation-sidebar .mobile-sidebar-content .mobile-sidebar-pages-list .mobile-sidebar-page-item .mobile-sidebar-page-link:active {
    color: #5787C9;
  }
  /* line 1402, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-navigation-sidebar .mobile-sidebar-content .mobile-sidebar-pages-list .mobile-sidebar-page-item.mobile-sidebar-account-item .mobile-sidebar-page-link {
    width: 100%;
    justify-content: flex-start;
  }
  /* line 1410, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-navigation-sidebar .mobile-sidebar-content .mobile-sidebar-pages-list .mobile-sidebar-page-item.mobile-sidebar-home-item .mobile-sidebar-home-link {
    display: inline-flex;
    height: 52px;
    padding: 8px 16px;
    align-items: center;
    gap: 8px;
    color: #101113;
    text-decoration: none;
    font-family: 'Exo 2', Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.1px;
  }
  /* line 1425, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-navigation-sidebar .mobile-sidebar-content .mobile-sidebar-pages-list .mobile-sidebar-page-item.mobile-sidebar-home-item .mobile-sidebar-home-link .mobile-sidebar-home-icon {
    display: flex;
    width: 25px;
    height: 25px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }
  /* line 1433, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-navigation-sidebar .mobile-sidebar-content .mobile-sidebar-pages-list .mobile-sidebar-page-item.mobile-sidebar-home-item .mobile-sidebar-home-link .mobile-sidebar-home-icon svg {
    width: 25px;
    height: 25px;
  }
  /* line 1437, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-navigation-sidebar .mobile-sidebar-content .mobile-sidebar-pages-list .mobile-sidebar-page-item.mobile-sidebar-home-item .mobile-sidebar-home-link .mobile-sidebar-home-icon svg path {
    fill: #101113;
  }
  /* line 1443, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-navigation-sidebar .mobile-sidebar-content .mobile-sidebar-pages-list .mobile-sidebar-page-item.mobile-sidebar-home-item .mobile-sidebar-home-link .mobile-sidebar-home-text {
    color: #101113;
  }
}

@media (min-width: 768px) {
  /* line 743, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile {
    display: none;
  }
}

/* line 7, vendor/assets/stylesheets/spree/frontend/layouts/_footer.scss */
.footer-main-container {
  position: relative;
  /* In flow — takes real space (no fixed) */
  z-index: 999;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px 24px;
  width: 100%;
  flex-shrink: 0;
  min-height: 40px;
  /* Real height for flex layout */
  background: #EBEEF3;
}

/* line 21, vendor/assets/stylesheets/spree/frontend/layouts/_footer.scss */
.footer-row-top {
  position: relative;
  height: auto;
  /* Allow second row when links wrap */
  min-height: 40px;
  /* Single row default */
  display: flex;
  align-items: center;
  gap: 40px;
  align-self: stretch;
  padding: 0;
  /* No padding needed since we have fixed height */
}

/* line 25, vendor/assets/stylesheets/spree/frontend/layouts/_footer.scss */
.footer-row-top::before, .footer-row-top::after {
  content: '';
  display: block;
  height: 1px;
  width: 100%;
  background: #C1C1C1;
  opacity: 0.3;
  align-self: stretch;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
}

/* line 38, vendor/assets/stylesheets/spree/frontend/layouts/_footer.scss */
.footer-row-top::before {
  top: 0;
}

/* line 41, vendor/assets/stylesheets/spree/frontend/layouts/_footer.scss */
.footer-row-top::after {
  bottom: 0;
}

/* line 50, vendor/assets/stylesheets/spree/frontend/layouts/_footer.scss */
.footer-row-top .footer-links {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  flex-wrap: nowrap;
  /* Keep copyright on same row; links wrap inside */
  column-gap: 16px;
  /* Horizontal gap between items */
  row-gap: 0;
  /* Keep rows at 40px */
}

/* line 59, vendor/assets/stylesheets/spree/frontend/layouts/_footer.scss */
.footer-row-top .footer-links .footer-link-items {
  display: flex;
  gap: 16px;
  align-items: center;
  flex-wrap: wrap;
  /* Allow footer links to wrap to multiple rows if needed */
  min-height: 40px;
  flex: 1 1 0;
  min-width: 0;
  /* Allow internal wrapping without forcing new flex row */
}

/* line 69, vendor/assets/stylesheets/spree/frontend/layouts/_footer.scss */
.footer-row-top .footer-links .footer-copyright {
  color: #5787C9;
  text-align: right;
  font-family: 'Exo 2', Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.4px;
  margin-left: auto;
  min-height: 40px;
  display: flex;
  align-items: center;
  flex: 0 0 auto;
}

@media (max-width: 1400px) and (min-width: 767px) {
  /* line 88, vendor/assets/stylesheets/spree/frontend/layouts/_footer.scss */
  .footer-row-top {
    height: 80px;
  }
}

/* line 94, vendor/assets/stylesheets/spree/frontend/layouts/_footer.scss */
.footer-link-text {
  display: inline-flex;
  align-items: center;
  padding: 6px 0;
  font-size: 12px;
  font-weight: 500;
  color: #000619;
  text-decoration: none;
  background: transparent;
  letter-spacing: 0.5px;
  line-height: 16px;
  position: relative;
  width: fit-content;
}

/* line 108, vendor/assets/stylesheets/spree/frontend/layouts/_footer.scss */
.footer-link-text::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 4px;
  width: 0;
  height: 2px;
  background-color: #FE8F1C;
  transition: width 0.2s ease;
}

/* line 119, vendor/assets/stylesheets/spree/frontend/layouts/_footer.scss */
.footer-link-text:hover {
  color: #000619;
  text-decoration: none;
}

/* line 123, vendor/assets/stylesheets/spree/frontend/layouts/_footer.scss */
.footer-link-text:hover::after {
  width: 100%;
}

@media (max-width: 767px) {
  /* line 131, vendor/assets/stylesheets/spree/frontend/layouts/_footer.scss */
  .footer-main-container {
    padding: 0px 16px;
  }
  /* line 135, vendor/assets/stylesheets/spree/frontend/layouts/_footer.scss */
  .footer-row-top {
    height: auto;
    min-height: 40px;
    padding: 0;
    gap: 12px;
  }
  /* line 141, vendor/assets/stylesheets/spree/frontend/layouts/_footer.scss */
  .footer-row-top .footer-links {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
  }
  /* line 147, vendor/assets/stylesheets/spree/frontend/layouts/_footer.scss */
  .footer-row-top .footer-links .footer-link-items {
    display: none !important;
  }
  /* line 152, vendor/assets/stylesheets/spree/frontend/layouts/_footer.scss */
  .footer-row-top .footer-links .footer-copyright {
    text-align: center;
    margin-left: 0;
    margin-right: 0;
    font-size: 11px;
    line-height: 16px;
    width: 100%;
    flex-shrink: 0;
    padding: 4px 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

/* line 3, vendor/assets/stylesheets/spree/frontend/layouts/_breadcrumbs.scss */
.bw-breadcrumbs {
  display: flex;
  width: 100%;
  height: 3.75rem;
  align-items: center;
  border-bottom: 1px solid #DEDEDE;
  margin-bottom: 2px;
  position: sticky;
  top: 0;
  background: #FFF;
  z-index: 10;
  flex-shrink: 0;
}

@media (max-width: 767px) {
  /* line 3, vendor/assets/stylesheets/spree/frontend/layouts/_breadcrumbs.scss */
  .bw-breadcrumbs {
    display: none !important;
  }
}

/* line 23, vendor/assets/stylesheets/spree/frontend/layouts/_breadcrumbs.scss */
.bw-breadcrumbs .bw-breadcrumbs-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  width: 100%;
  flex-wrap: nowrap;
}

/* line 33, vendor/assets/stylesheets/spree/frontend/layouts/_breadcrumbs.scss */
.bw-breadcrumbs .bw-breadcrumbs-arrow {
  display: flex;
  width: 30px;
  height: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8.333px;
  border-radius: 50%;
  border: 1px solid #101113;
  cursor: pointer;
  transition: all 0.2s ease;
  text-decoration: none;
}

/* line 47, vendor/assets/stylesheets/spree/frontend/layouts/_breadcrumbs.scss */
.bw-breadcrumbs .bw-breadcrumbs-arrow:hover {
  background-color: #f5f5f5;
}

/* line 49, vendor/assets/stylesheets/spree/frontend/layouts/_breadcrumbs.scss */
.bw-breadcrumbs .bw-breadcrumbs-arrow:hover svg path {
  fill: #4C4A47;
}

/* line 54, vendor/assets/stylesheets/spree/frontend/layouts/_breadcrumbs.scss */
.bw-breadcrumbs .bw-breadcrumbs-arrow:active {
  transform: scale(0.95);
}

/* line 56, vendor/assets/stylesheets/spree/frontend/layouts/_breadcrumbs.scss */
.bw-breadcrumbs .bw-breadcrumbs-arrow:active svg path {
  fill: #4C4A47;
}

/* line 61, vendor/assets/stylesheets/spree/frontend/layouts/_breadcrumbs.scss */
.bw-breadcrumbs .bw-breadcrumbs-arrow svg {
  width: 21px;
  height: 21px;
}

/* line 67, vendor/assets/stylesheets/spree/frontend/layouts/_breadcrumbs.scss */
.bw-breadcrumbs .bw-breadcrumbs-items {
  display: flex;
  align-items: center;
  gap: 24px;
  align-self: center;
}

/* line 73, vendor/assets/stylesheets/spree/frontend/layouts/_breadcrumbs.scss */
.bw-breadcrumbs .bw-breadcrumbs-items .bw-breadcrumb-item {
  display: flex;
  align-items: center;
  text-decoration: none;
  transition: color 0.2s ease;
  /* Target the actual items after home */
  /* Special hover effect for Type 2 (PVC-U) */
  /* Active/last item styles */
}

/* line 79, vendor/assets/stylesheets/spree/frontend/layouts/_breadcrumbs.scss */
.bw-breadcrumbs .bw-breadcrumbs-items .bw-breadcrumb-item .bw-breadcrumb-category {
  display: flex;
  width: 90.37px;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}

/* line 86, vendor/assets/stylesheets/spree/frontend/layouts/_breadcrumbs.scss */
.bw-breadcrumbs .bw-breadcrumbs-items .bw-breadcrumb-item .bw-breadcrumb-category .bw-breadcrumb-category-content {
  display: flex;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}

/* line 92, vendor/assets/stylesheets/spree/frontend/layouts/_breadcrumbs.scss */
.bw-breadcrumbs .bw-breadcrumbs-items .bw-breadcrumb-item .bw-breadcrumb-category .bw-breadcrumb-category-content .bw-breadcrumb-category-image {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2.963px;
  border-radius: 4px;
  width: 34.444px;
  height: 34.444px;
}

/* line 102, vendor/assets/stylesheets/spree/frontend/layouts/_breadcrumbs.scss */
.bw-breadcrumbs .bw-breadcrumbs-items .bw-breadcrumb-item .bw-breadcrumb-category .bw-breadcrumb-category-content .bw-breadcrumb-category-image img {
  width: 34.444px;
  height: 34.444px;
  flex-shrink: 0;
  aspect-ratio: 1/1;
  background: transparent;
}

/* line 111, vendor/assets/stylesheets/spree/frontend/layouts/_breadcrumbs.scss */
.bw-breadcrumbs .bw-breadcrumbs-items .bw-breadcrumb-item .bw-breadcrumb-category .bw-breadcrumb-category-content .bw-breadcrumb-category-name {
  color: #101113;
  font-family: "Exo 2";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.25px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 120px;
  /* Adjust this value to control when text truncates */
}

/* line 128, vendor/assets/stylesheets/spree/frontend/layouts/_breadcrumbs.scss */
.bw-breadcrumbs .bw-breadcrumbs-items .bw-breadcrumb-item:not(.home) {
  /* Reset all borders and backgrounds first */
  /* Reset all styles first */
  /* Type 2 (PVC-U) gets blue background */
  /* Type 3 (Nipple) gets 2px border */
  /* Type 4 (Product) gets 1px border */
}

/* line 130, vendor/assets/stylesheets/spree/frontend/layouts/_breadcrumbs.scss */
.bw-breadcrumbs .bw-breadcrumbs-items .bw-breadcrumb-item:not(.home) .bw-breadcrumb-category-image img {
  border: none;
  background: transparent;
}

/* line 136, vendor/assets/stylesheets/spree/frontend/layouts/_breadcrumbs.scss */
.bw-breadcrumbs .bw-breadcrumbs-items .bw-breadcrumb-item:not(.home) .bw-breadcrumb-category-image img {
  background: transparent;
  border: none;
}

/* line 142, vendor/assets/stylesheets/spree/frontend/layouts/_breadcrumbs.scss */
.bw-breadcrumbs .bw-breadcrumbs-items .bw-breadcrumb-item:not(.home):nth-of-type(2) .bw-breadcrumb-category-image img {
  background: #5787C9;
  border: none;
}

/* line 148, vendor/assets/stylesheets/spree/frontend/layouts/_breadcrumbs.scss */
.bw-breadcrumbs .bw-breadcrumbs-items .bw-breadcrumb-item:not(.home):nth-of-type(3) .bw-breadcrumb-category-image img {
  background: #D4E3FF;
}

/* line 153, vendor/assets/stylesheets/spree/frontend/layouts/_breadcrumbs.scss */
.bw-breadcrumbs .bw-breadcrumbs-items .bw-breadcrumb-item:not(.home):nth-of-type(4) .bw-breadcrumb-category-image img {
  background: transparent;
  border: 1px solid #5787C9;
}

/* line 159, vendor/assets/stylesheets/spree/frontend/layouts/_breadcrumbs.scss */
.bw-breadcrumbs .bw-breadcrumbs-items .bw-breadcrumb-item:hover {
  text-decoration: none;
}

/* line 163, vendor/assets/stylesheets/spree/frontend/layouts/_breadcrumbs.scss */
.bw-breadcrumbs .bw-breadcrumbs-items .bw-breadcrumb-item:hover .bw-breadcrumb-category .bw-breadcrumb-category-content {
  /* Home icon hover */
  /* Category name hover */
  /* Image hover effects based on type */
}

/* line 165, vendor/assets/stylesheets/spree/frontend/layouts/_breadcrumbs.scss */
.bw-breadcrumbs .bw-breadcrumbs-items .bw-breadcrumb-item:hover .bw-breadcrumb-category .bw-breadcrumb-category-content svg path {
  fill: #5787C9;
}

/* line 170, vendor/assets/stylesheets/spree/frontend/layouts/_breadcrumbs.scss */
.bw-breadcrumbs .bw-breadcrumbs-items .bw-breadcrumb-item:hover .bw-breadcrumb-category .bw-breadcrumb-category-content .bw-breadcrumb-category-name {
  color: #5787C9;
}

/* line 176, vendor/assets/stylesheets/spree/frontend/layouts/_breadcrumbs.scss */
.bw-breadcrumbs .bw-breadcrumbs-items .bw-breadcrumb-item:hover .bw-breadcrumb-category .bw-breadcrumb-category-content .bw-breadcrumb-category-image img {
  border-color: #5787C9;
}

/* line 188, vendor/assets/stylesheets/spree/frontend/layouts/_breadcrumbs.scss */
.bw-breadcrumbs .bw-breadcrumbs-items .bw-breadcrumb-item:nth-child(2):hover .bw-breadcrumb-category-content .bw-breadcrumb-category-image img {
  background: #D4E3FF;
}

/* line 197, vendor/assets/stylesheets/spree/frontend/layouts/_breadcrumbs.scss */
.bw-breadcrumbs .bw-breadcrumbs-items .bw-breadcrumb-item:last-child .bw-breadcrumb-category-name {
  color: #5787C9;
  font-weight: 600;
}

/* line 205, vendor/assets/stylesheets/spree/frontend/layouts/_breadcrumbs.scss */
.bw-breadcrumbs .bw-breadcrumb-divider {
  display: flex;
  padding: 0 8px;
  align-items: center;
  gap: 10px;
}

/* line 211, vendor/assets/stylesheets/spree/frontend/layouts/_breadcrumbs.scss */
.bw-breadcrumbs .bw-breadcrumb-divider::before {
  content: '';
  width: 3px;
  height: 24px;
  transform: rotate(-25deg);
  border-radius: 4px;
  background: #D4E3FF;
}

/* line 223, vendor/assets/stylesheets/spree/frontend/layouts/_breadcrumbs.scss */
.bw-breadcrumb-item i {
  font-size: 16px;
  color: #101113;
  transition: color 0.2s ease;
}

/* line 229, vendor/assets/stylesheets/spree/frontend/layouts/_breadcrumbs.scss */
.bw-breadcrumb-item:hover {
  color: #5787C9;
  text-decoration: none;
}

/* line 233, vendor/assets/stylesheets/spree/frontend/layouts/_breadcrumbs.scss */
.bw-breadcrumb-item:hover svg path {
  fill: #5787C9;
}

/* line 238, vendor/assets/stylesheets/spree/frontend/layouts/_breadcrumbs.scss */
.bw-breadcrumb-item:last-child {
  color: #5787C9;
  font-weight: 600;
}

/* line 244, vendor/assets/stylesheets/spree/frontend/layouts/_breadcrumbs.scss */
.bw-breadcrumb-divider {
  display: flex;
  padding: 0 8px;
  align-items: center;
  gap: 10px;
}

/* line 250, vendor/assets/stylesheets/spree/frontend/layouts/_breadcrumbs.scss */
.bw-breadcrumb-divider::before {
  content: '';
  width: 3px;
  height: 24px;
  transform: rotate(-25deg);
  border-radius: 4px;
  background: #D4E3FF;
}

/* line 3, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
.sidebar-section {
  display: flex;
  flex-direction: column;
  height: 100%;
  align-items: stretch;
  gap: 0;
  flex-shrink: 0;
  width: 15%;
  /* Responsive: 15% of content-row width */
  min-width: 15rem;
  /* Minimum width to prevent breaking */
  border-right: 1px solid #DEDEDE;
  border-left: 1px solid #DEDEDE;
  border-top: none;
  border-bottom: none;
  overflow-y: auto;
  /* Allow vertical scrolling when content exceeds height */
  overflow-x: hidden;
  /* Prevent horizontal overflow */
  /* Custom scrollbar styling */
}

@media (max-width: 767px) {
  /* line 3, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
  .sidebar-section {
    display: none !important;
  }
}

/* line 25, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
.sidebar-section::-webkit-scrollbar {
  width: 4px;
}

/* line 29, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
.sidebar-section::-webkit-scrollbar-track {
  background: #f5f5f5;
  border-radius: 2px;
  margin: 2px 0;
}

/* line 35, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
.sidebar-section::-webkit-scrollbar-thumb {
  background: #5787C9;
  border-radius: 2px;
  min-height: 40px;
}

/* line 40, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
.sidebar-section::-webkit-scrollbar-thumb:hover {
  background: #3a6db3;
}

/* line 46, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
.sidebar-section .sidebar-title-container {
  padding: 0;
  position: sticky;
  top: 0;
  background: #FFF;
  height: 3.75rem;
  flex-shrink: 0;
  width: 100%;
  align-self: stretch;
  min-width: 100%;
  max-width: 100%;
  z-index: 10;
}

/* line 60, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
.sidebar-section .sidebar-title {
  align-self: stretch;
  color: #101113;
  font-family: var(--Display-Large-Font, "Exo 2");
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: var(--Label-Large-Line-Height, 20px);
  /* 125% */
  letter-spacing: var(--Label-Large-Tracking, 0.1px);
  margin: 0;
  padding: 20px;
  border: none;
  text-decoration: none;
  outline: none;
  background: none;
  box-shadow: none;
  width: 100%;
  box-sizing: border-box;
}

/* line 81, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
.sidebar-section .account-sidebar-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  padding: 20px;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  text-decoration: none;
  color: inherit;
}

/* line 93, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
.sidebar-section .account-sidebar-header .bw-breadcrumbs-arrow {
  display: flex;
  width: 30px;
  height: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8.333px;
  border-radius: 50%;
  border: 1px solid #101113;
  cursor: pointer;
  transition: all 0.2s ease;
  text-decoration: none;
  flex-shrink: 0;
}

/* line 109, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
.sidebar-section .account-sidebar-header .bw-breadcrumbs-arrow:hover {
  background-color: #f5f5f5;
}

/* line 111, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
.sidebar-section .account-sidebar-header .bw-breadcrumbs-arrow:hover svg path {
  fill: #4C4A47;
}

/* line 116, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
.sidebar-section .account-sidebar-header .bw-breadcrumbs-arrow:active {
  transform: scale(0.95);
}

/* line 118, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
.sidebar-section .account-sidebar-header .bw-breadcrumbs-arrow:active svg path {
  fill: #4C4A47;
}

/* line 123, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
.sidebar-section .account-sidebar-header .bw-breadcrumbs-arrow svg {
  width: 21px;
  height: 21px;
}

/* line 129, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
.sidebar-section .account-sidebar-header .account-sidebar-back-text {
  color: #5787C9;
  font-family: var(--Display-Large-Font, "Exo 2");
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: var(--Label-Large-Line-Height, 20px);
  /* 125% */
  letter-spacing: var(--Label-Large-Tracking, 0.1px);
  white-space: nowrap;
}

/* line 141, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
.sidebar-inner {
  display: flex;
  width: 100%;
  /* Fill the sidebar-section width */
  padding: 0;
  align-items: flex-start;
  border-right: 1px solid #DEDEDE;
  position: relative;
  border-radius: 4px;
  background: #FFF;
  flex: 1;
  /* Fill remaining space after title to match main-content-area height */
  min-height: 0;
  /* Allow flex child to shrink */
}

/* line 154, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
.sidebar-menu-frame {
  display: flex;
  padding: 0 2px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  flex: 1 0 0;
  background: #FFF;
  width: 100%;
  overflow: hidden;
  min-width: 112px;
  max-width: 100%;
}

/* line 168, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
.new-sidebar-categories {
  padding: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  /* Don't scroll here, let child handle it */
  width: 100%;
  align-self: stretch;
  min-width: 100%;
  max-width: 100%;
}

/* line 178, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
.new-sidebar-categories * {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* line 186, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
.new-sidebar-categories .category-list {
  display: flex;
  flex-direction: column;
  padding: 0;
  overflow: visible;
  /* Don't scroll here, parent handles it */
  position: relative;
  min-height: 0;
  box-sizing: border-box;
  flex: 1;
}

/* line 197, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
.new-sidebar-categories .category-list .category-item {
  display: block;
  text-decoration: none;
  padding: 8px 20px;
  color: #101113;
  font-family: "Exo 2";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: 0.25px;
  border-radius: 4px;
  transition: all 0.2s ease;
  flex-shrink: 0;
  outline: none;
  border: none;
  width: 100%;
  /* Fill the full width of the sidebar */
}

/* line 215, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
.new-sidebar-categories .category-list .category-item:hover {
  background-color: #D4E3FF;
  font-weight: 600;
}

/* line 220, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
.new-sidebar-categories .category-list .category-item:focus {
  outline: none;
  border: none;
  box-shadow: none;
}

/* line 226, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
.new-sidebar-categories .category-list .category-item.active {
  background-color: #5787C9;
  color: white;
}

/* line 232, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
.new-sidebar-categories .category-list .category-item.in-view {
  background-color: #D4E3FF;
  font-weight: 600;
  color: #19335D;
}

/* line 240, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
.main-content-container {
  display: flex;
  flex-direction: column;
  /* Changed to column to stack sidebar+content and services */
  align-items: flex-start;
  align-self: stretch;
  width: 100%;
  margin-top: 0 !important;
  gap: 0;
  height: auto;
  /* Let content determine height */
  /* ≥1920px (e.g. 1920×1080): fill viewport height so content row is full height */
}

@media (min-width: 1920px) {
  /* line 240, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
  .main-content-container {
    flex: 1;
    min-height: 0;
  }
}

/* Real viewport here is 927px (browser uses rest of 1080). Content = 927 − header (138) − footer (40) = 749px */
/* line 259, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
.content-row {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 749px;
  gap: 0;
  padding-bottom: 10px;
  /* space above footer; included in height via box-sizing */
  box-sizing: border-box;
  overflow: hidden;
  /* ≥1920px: remove fixed height, become full height (fill main-content-container) */
}

@supports (overflow: clip) {
  /* line 259, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
  .content-row {
    overflow: clip;
  }
}

@media (max-width: 767px) {
  /* line 259, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
  .content-row {
    flex-direction: column;
    height: auto;
    min-height: auto;
  }
}

@media (min-width: 1920px) {
  /* line 259, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
  .content-row {
    height: auto;
    min-height: 749px;
    flex: 1;
  }
}

/* line 286, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
body.home .content-row,
.home-page .content-row {
  height: 749px;
}

@media (max-width: 767px) {
  /* line 286, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
  body.home .content-row,
.home-page .content-row {
    height: auto !important;
  }
}

@media (min-width: 1920px) {
  /* line 286, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
  body.home .content-row,
.home-page .content-row {
    height: auto;
    min-height: 749px;
  }
}

/* Banner (promo) and flash both sit above content; shrink content-row like when header has banner */
/* 749 − 40 = 709px when one of them is visible; 749 − 80 = 669px when both */
/* line 302, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
body:has(#spree-header.has-banner) .content-row,
body:has(.alert) .content-row {
  height: 709px;
}

@media (min-width: 1920px) {
  /* line 302, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
  body:has(#spree-header.has-banner) .content-row,
body:has(.alert) .content-row {
    height: auto;
    min-height: 709px;
  }
}

/* line 312, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
body.home:has(#spree-header.has-banner) .content-row,
body.home-page:has(#spree-header.has-banner) .content-row,
body.home:has(.alert) .content-row,
body.home-page:has(.alert) .content-row {
  height: 709px;
}

@media (min-width: 1920px) {
  /* line 312, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
  body.home:has(#spree-header.has-banner) .content-row,
body.home-page:has(#spree-header.has-banner) .content-row,
body.home:has(.alert) .content-row,
body.home-page:has(.alert) .content-row {
    height: auto;
    min-height: 709px;
  }
}

/* line 324, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
body:has(#spree-header.has-banner):has(.alert) .content-row {
  height: 669px;
}

@media (min-width: 1920px) {
  /* line 324, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
  body:has(#spree-header.has-banner):has(.alert) .content-row {
    height: auto;
    min-height: 669px;
  }
}

/* line 333, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
body.home:has(#spree-header.has-banner):has(.alert) .content-row,
body.home-page:has(#spree-header.has-banner):has(.alert) .content-row {
  height: 669px;
}

@media (min-width: 1920px) {
  /* line 333, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
  body.home:has(#spree-header.has-banner):has(.alert) .content-row,
body.home-page:has(#spree-header.has-banner):has(.alert) .content-row {
    height: auto;
    min-height: 669px;
  }
}

/* Above 1080 viewport height: lock content row to available shell height (header/footer remain visible) */
@media (min-height: 1081px) {
  /* line 345, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
  .main-content-container {
    height: 100%;
    min-height: 0;
  }
  /* line 350, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
  .content-row,
body.home .content-row,
.home-page .content-row {
    height: 100% !important;
    min-height: 0 !important;
  }
}

/* line 358, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
.main-content-area {
  display: flex;
  width: 85%;
  /* Responsive: 85% of content-row width */
  height: 100%;
  /* Fill the content-row height */
  padding: 0 1.5rem 0 1.5rem;
  /* 24px equivalent in rem */
  flex-direction: column;
  align-items: flex-start;
  background: #FFF;
  border-right: 1px solid #DEDEDE;
  flex: 1;
  overflow-y: auto;
  /* Allow scrolling - breadcrumbs will be sticky inside */
  overflow-x: hidden;
  /* Hide scrollbar */
  /* For Firefox */
  scrollbar-width: none;
  /* For IE and Edge */
  -ms-overflow-style: none;
}

@media (max-width: 767px) {
  /* line 358, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
  .main-content-area {
    width: 100% !important;
    padding: 16px !important;
    border-right: none !important;
    /* Taxon pages: category h1 sits under breadcrumbs — drop top padding to avoid double gap */
  }
  /* line 378, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
  .main-content-area:has(> .content-wrapper > h1.category-page-title) {
    padding-top: 0 !important;
  }
}

/* line 384, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
.main-content-area::-webkit-scrollbar {
  display: none;
}

/* line 395, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
.content-wrapper {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  flex: 1;
  min-width: 0;
  /* allow shrink so content doesn't bleed horizontally */
  /* CMS page content: contain layout without creating a scroll container (which would break sticky breadcrumbs) */
  /* In-app error pages (404, 500) – translated via locales */
  /* Responsive: image fills container on mobile, caps at 520px on desktop */
  /* Hide scrollbar for products grid */
  /* For Firefox */
  scrollbar-width: none;
  /* Taxon show: category / product-list page title — same typography as homepage .category-root-title h2 */
}

/* line 404, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
.content-wrapper .cms-page-content {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  /* Neutralize Bootstrap .row negative margins when CMS uses grid classes */
}

/* line 409, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
.content-wrapper .cms-page-content .row {
  margin-left: 0;
  margin-right: 0;
}

/* line 416, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
.content-wrapper .app-error-page {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
  padding: 24px 0;
  text-align: center;
  font-family: "Exo 2";
  width: 100%;
}

/* line 427, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
.content-wrapper .app-error-page__inner {
  width: 100%;
  max-width: 900px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
}

/* line 436, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
.content-wrapper .app-error-page__title {
  margin: 0;
  color: #19335D;
  font-size: 32px;
  font-style: normal;
  font-weight: bold;
  line-height: 40px;
}

/* line 445, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
.content-wrapper .app-error-page__subtitle {
  margin: 0;
  color: #5787C9;
  font-size: 28px;
  font-style: normal;
  font-weight: bold;
  line-height: 36px;
}

/* line 454, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
.content-wrapper .app-error-page__message {
  margin: 0;
  color: #101113;
  font-size: 22px;
  font-style: normal;
  font-weight: bold;
  line-height: 28px;
  max-width: 760px;
}

/* line 464, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
.content-wrapper .app-error-page__graphic {
  width: 100%;
  max-width: 100%;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
}

/* line 473, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
.content-wrapper .app-error-page__img {
  width: 100%;
  max-width: 520px;
  height: auto;
  display: block;
  box-sizing: border-box;
}

/* line 482, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
.content-wrapper::-webkit-scrollbar {
  display: none;
}

/* line 489, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
.content-wrapper #homepage_products {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

/* line 499, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
.content-wrapper #homepage_products::-webkit-scrollbar {
  display: none;
}

/* line 503, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
.content-wrapper #homepage_products .category-root-title {
  display: flex;
  height: 40px;
  padding: 8px 0;
  align-items: center;
  gap: 12px;
  align-self: stretch;
}

/* line 511, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
.content-wrapper #homepage_products .category-root-title h2 {
  color: #5787C9;
  font-family: "Exo 2";
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  /* 127.273% */
  margin: 0;
  padding: 0;
}

/* line 525, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
.content-wrapper > h1.category-page-title {
  display: flex;
  align-items: center;
  align-self: stretch;
  width: 100%;
  min-height: 40px;
  padding: 8px 0;
  margin: 0;
  box-sizing: border-box;
  color: #5787C9;
  font-family: "Exo 2";
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
}

/* line 543, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
.content-wrapper [data-hook="taxon_products"] {
  width: 100%;
  display: block;
}

@media (max-width: 767px) {
  /* line 543, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
  .content-wrapper [data-hook="taxon_products"] {
    width: 100% !important;
    display: block !important;
    max-width: 100% !important;
  }
}

@media (max-width: 767px) {
  /* line 553, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
  .content-wrapper [data-hook="taxon_products"] .category-items-frame {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(70px, 1fr)) !important;
    grid-auto-flow: row !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* line 565, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
.content-wrapper .category-items-frame {
  display: flex;
  width: 100%;
  padding: 12px 0;
  align-items: flex-start;
  gap: 12px;
  flex-wrap: wrap;
  border-bottom: 1px solid #DEDEDE;
  padding-bottom: 16px;
  margin-bottom: 16px;
}

/* line 576, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
.content-wrapper .category-items-frame.last-section {
  border-bottom: none;
  margin-bottom: 0;
}

@media (max-width: 767px) {
  /* line 565, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
  .content-wrapper .category-items-frame {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(70px, 1fr));
    grid-auto-flow: row;
    justify-content: start;
    align-content: start;
    padding-top: 0;
    flex-wrap: nowrap !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }
}

/* line 599, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
.content-wrapper .category-children-wrapper .category-items-frame {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

@media (max-width: 767px) {
  /* line 606, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
  .content-wrapper .category-desktop-only {
    display: none !important;
  }
}

/* line 613, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
.content-wrapper .category-items-frame-mobile {
  display: none;
}

@media (max-width: 767px) {
  /* line 613, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
  .content-wrapper .category-items-frame-mobile {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(70px, 1fr));
    grid-auto-flow: row;
    justify-content: start;
    align-content: start;
    gap: 12px;
    padding-bottom: 40px;
    width: 100%;
  }
}

/* line 628, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
.content-wrapper .category-item-mobile {
  display: none;
}

@media (max-width: 767px) {
  /* line 628, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
  .content-wrapper .category-item-mobile {
    display: flex;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4.55px;
    /* Visible fills the space the shadow reserved and uses same width so it wraps like bold */
  }
  /* line 641, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
  .content-wrapper .category-item-mobile .category-item-image {
    display: flex;
    width: 100%;
    height: auto;
    min-width: 0;
    max-width: 100%;
    padding: 12.037px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 9.028px;
    border: 0.752px solid #F1F4F9;
    background: white;
    aspect-ratio: 1/1;
  }
  /* line 656, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
  .content-wrapper .category-item-mobile .category-item-image img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
  }
  /* line 663, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
  .content-wrapper .category-item-mobile .category-item-title {
    position: relative;
    width: 100%;
    margin-top: 4.55px;
    min-height: 32px;
    /* reserve 2 lines so layout doesn’t shift on hover */
  }
  /* line 670, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
  .content-wrapper .category-item-mobile .category-item-title .category-title-bold-shadow {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-family: "Exo 2";
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0.142px;
    text-align: center;
    overflow: hidden;
    visibility: hidden;
    pointer-events: none;
  }
  /* line 687, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
  .content-wrapper .category-item-mobile .category-item-title .category-title-visible {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    color: #101113;
    text-align: center;
    font-family: "Exo 2";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.142px;
    transition: font-weight 0.2s ease;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    box-sizing: border-box;
    /* Slightly narrower so normal weight wraps to 2 lines like bold does at full width */
    padding: 0 4px;
  }
  /* line 714, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
  .content-wrapper .category-item-mobile a {
    text-decoration: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: visible;
  }
  /* line 721, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
  .content-wrapper .category-item-mobile a:hover {
    text-decoration: none;
  }
  /* line 727, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
  .content-wrapper .category-item-mobile:hover .category-item-image {
    background: #D4E3FF;
  }
  /* line 731, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
  .content-wrapper .category-item-mobile:hover .category-item-title .category-title-visible {
    font-weight: 600;
  }
}

/* line 738, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
.content-wrapper .category-item {
  display: flex;
  width: 82px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4.55px;
  flex-shrink: 0;
  /* Visible fills the space the shadow reserved so it wraps to 2 lines like bold */
}

/* line 747, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
.content-wrapper .category-item .category-item-image {
  display: flex;
  width: 82px;
  height: 82px;
  padding: 12.037px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 9.028px;
  border: 0.752px solid #F1F4F9;
  background: white;
  flex-shrink: 0;
  aspect-ratio: 1/1;
}

/* line 761, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
.content-wrapper .category-item .category-item-image img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

/* line 769, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
.content-wrapper .category-item:hover .category-item-image {
  background: #D4E3FF;
}

/* line 773, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
.content-wrapper .category-item:hover .category-item-title {
  font-weight: 600;
}

/* line 778, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
.content-wrapper .category-item .category-item-title {
  position: relative;
  width: 82px;
  margin-top: 4.55px;
  min-height: 32px;
  /* reserve 2 lines so layout doesn’t shift on hover */
}

/* line 785, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
.content-wrapper .category-item .category-item-title .category-title-bold-shadow {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-family: "Exo 2";
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.142px;
  text-align: center;
  overflow: hidden;
  visibility: hidden;
  pointer-events: none;
}

/* line 802, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
.content-wrapper .category-item .category-item-title .category-title-visible {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  color: #101113;
  text-align: center;
  font-family: "Exo 2";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.142px;
  transition: font-weight 0.2s ease;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  box-sizing: border-box;
  /* Slightly narrower so normal weight wraps to 2 lines like bold at 82px */
  padding: 0 4px;
}

/* line 829, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
.content-wrapper .category-item a {
  text-decoration: none;
  overflow: visible;
}

/* line 833, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
.content-wrapper .category-item a:hover {
  text-decoration: none;
}

/* line 839, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
.content-wrapper .category-item:hover .category-item-title .category-title-visible {
  font-weight: 600;
}

@media (max-width: 767px) {
  /* line 738, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
  .content-wrapper .category-item {
    width: 100% !important;
    min-width: 70px !important;
    max-width: 82px !important;
    margin: 0 auto;
  }
  /* line 851, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
  .content-wrapper .category-item .category-item-image {
    width: 100% !important;
    height: auto;
    aspect-ratio: 1/1;
  }
  /* line 857, vendor/assets/stylesheets/spree/frontend/layouts/_catalog_shell.scss */
  .content-wrapper .category-item .category-item-title {
    width: 100% !important;
  }
}

/* line 66, vendor/assets/stylesheets/spree/frontend/layouts/_form_chrome.scss */
.form-group:has(input):has(label) label,
.form-group:has(textarea):has(label) label,
.form-group:has(select):has(label) label,
p.form-group:has(input):has(label) label,
p.form-group:has(textarea):has(label) label,
p.form-group:has(select):has(label) label,
p:not(.instruction-text):has(input):has(label) label,
p:not(.instruction-text):has(textarea):has(label) label,
p:not(.instruction-text):has(select):has(label) label,
.inner p.form-group:has(input):has(label) label,
.inner p.form-group:has(textarea):has(label) label,
.inner p.form-group:has(select):has(label) label {
  display: flex;
  align-items: center;
  position: absolute;
  top: -12px;
  background: #fff;
  color: #4C4A47;
  font-family: "Exo 2";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  /* 133.333% */
  letter-spacing: 0.4px;
  z-index: 1;
  border: none;
  margin-bottom: 0;
}

/* line 92, vendor/assets/stylesheets/spree/frontend/layouts/_form_chrome.scss */
#spree-header::after,
#spree-header *::after,
.header-top::after,
.header-top *::after,
.header-main::after,
.header-main *::after,
.header::after,
.header *::after,
.header-top-account::after,
.header-top-account *::after,
.account-link-logged-in::after,
.account-link-logged-in *::after,
.account-link-not-logged-in::after,
.account-link-not-logged-in *::after,
.dropdown.account-link-logged-in::after,
.dropdown.account-link-logged-in *::after,
.dropdown-toggle.account-link-not-logged-in::after,
.dropdown-toggle.account-link-not-logged-in *::after,
.search-form-group::after,
.search-form-group *::after {
  display: none;
}

/* line 96, vendor/assets/stylesheets/spree/frontend/layouts/_form_chrome.scss */
#spree-header input,
#spree-header * input,
.header-top input,
.header-top * input,
.header-main input,
.header-main * input,
.header input,
.header * input,
.header-top-account input,
.header-top-account * input,
.account-link-logged-in input,
.account-link-logged-in * input,
.account-link-not-logged-in input,
.account-link-not-logged-in * input,
.dropdown.account-link-logged-in input,
.dropdown.account-link-logged-in * input,
.dropdown-toggle.account-link-not-logged-in input,
.dropdown-toggle.account-link-not-logged-in * input,
.search-form-group input,
.search-form-group * input {
  padding-right: 0;
}

/* line 113, vendor/assets/stylesheets/spree/frontend/layouts/_form_chrome.scss */
.form-group:has(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"])):not(:has(select)):not(:has(input[type="hidden"]:only-child)):not(.search-form-group):not(.checkout-content-summary):not(.checkout-content-summary *):not([id*="address_type"]):not([id*="state"]):not([id*="country"]):not(:has(input.state_name))::after,
p.form-group:has(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"])):not(:has(select)):not(:has(input[type="hidden"]:only-child)):not(.search-form-group):not(.checkout-content-summary):not(.checkout-content-summary *):not([id*="address_type"]):not([id*="state"]):not([id*="country"]):not(:has(input.state_name))::after,
p:not(.instruction-text):not(.field):has(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"])):not(:has(select)):not(:has(input[type="hidden"]:only-child)):not(.checkout-content-summary):not(.checkout-content-summary *):not([id*="address_type"]):not([id*="state"]):not([id*="country"]):not(:has(input.state_name))::after,
.inner p.form-group:has(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"])):not(:has(select)):not(:has(input[type="hidden"]:only-child)):not(.checkout-content-summary):not(.checkout-content-summary *):not([id*="address_type"]):not([id*="state"]):not([id*="country"]):not(:has(input.state_name))::after {
  content: '';
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8.4 17L12 13.4L15.6 17L17 15.6L13.4 12L17 8.4L15.6 7L12 10.6L8.4 7L7 8.4L10.6 12L7 15.6L8.4 17ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM12 20C14.2333 20 16.125 19.225 17.675 17.675C19.225 16.125 20 14.2333 20 12C20 9.76667 19.225 7.875 17.675 6.325C16.125 4.775 14.2333 4 12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 14.2333 4.775 16.125 6.325 17.675C7.875 19.225 9.76667 20 12 20Z' fill='%234C4A47'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  display: block;
  z-index: 2;
  pointer-events: auto;
}

/* line 118, vendor/assets/stylesheets/spree/frontend/layouts/_form_chrome.scss */
.form-group:has(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"])):not(:has(select)):not(:has(input[type="hidden"]:only-child)):not(.search-form-group):not(.checkout-content-summary):not(.checkout-content-summary *):not([id*="address_type"]):not([id*="state"]):not([id*="country"]):not(:has(input.state_name)) input,
p.form-group:has(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"])):not(:has(select)):not(:has(input[type="hidden"]:only-child)):not(.search-form-group):not(.checkout-content-summary):not(.checkout-content-summary *):not([id*="address_type"]):not([id*="state"]):not([id*="country"]):not(:has(input.state_name)) input,
p:not(.instruction-text):not(.field):has(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"])):not(:has(select)):not(:has(input[type="hidden"]:only-child)):not(.checkout-content-summary):not(.checkout-content-summary *):not([id*="address_type"]):not([id*="state"]):not([id*="country"]):not(:has(input.state_name)) input,
.inner p.form-group:has(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"])):not(:has(select)):not(:has(input[type="hidden"]:only-child)):not(.checkout-content-summary):not(.checkout-content-summary *):not([id*="address_type"]):not([id*="state"]):not([id*="country"]):not(:has(input.state_name)) input {
  padding-right: 40px;
  padding-left: 0;
}

/* line 161, vendor/assets/stylesheets/spree/frontend/layouts/_form_chrome.scss */
.form-group:has(select)::after,
.form-group:has(input[type="checkbox"])::after,
.form-group:has(input[type="radio"])::after,
.form-group:has(input[type="hidden"]:only-child)::after,
.form-group[id*="address_type"]::after,
.form-group[id*="state"]::after,
.form-group[id*="country"]::after,
.form-group:has(input.state_name)::after,
p.form-group:has(select)::after,
p.form-group:has(input[type="checkbox"])::after,
p.form-group:has(input[type="radio"])::after,
p.form-group:has(input[type="hidden"]:only-child)::after,
p.form-group[id*="address_type"]::after,
p.form-group[id*="state"]::after,
p.form-group[id*="country"]::after,
p.form-group:has(input.state_name)::after,
p.field.checkbox::after,
p:has(input[type="checkbox"])::after,
p:has(input[type="radio"])::after,
p:has(input[type="hidden"]:only-child)::after,
.inner p.form-group:has(select)::after,
.inner p.form-group:has(input[type="checkbox"])::after,
.inner p.form-group:has(input[type="radio"])::after,
.inner p.form-group:has(input[type="hidden"]:only-child)::after,
.inner p.form-group[id*="address_type"]::after,
.inner p.form-group[id*="state"]::after,
.inner p.form-group[id*="country"]::after,
.inner p.form-group:has(input.state_name)::after,
.checkout-content-summary::after,
.checkout-content-summary *::after {
  display: none;
}

/* line 166, vendor/assets/stylesheets/spree/frontend/layouts/_form_chrome.scss */
.form-group:has(select) input,
.form-group:has(input[type="checkbox"]) input,
.form-group:has(input[type="radio"]) input,
.form-group:has(input[type="hidden"]:only-child) input,
.form-group[id*="address_type"] input,
.form-group[id*="state"] input,
.form-group[id*="country"] input,
.form-group:has(input.state_name) input,
p.form-group:has(select) input,
p.form-group:has(input[type="checkbox"]) input,
p.form-group:has(input[type="radio"]) input,
p.form-group:has(input[type="hidden"]:only-child) input,
p.form-group[id*="address_type"] input,
p.form-group[id*="state"] input,
p.form-group[id*="country"] input,
p.form-group:has(input.state_name) input,
p.field.checkbox input,
p:has(input[type="checkbox"]) input,
p:has(input[type="radio"]) input,
p:has(input[type="hidden"]:only-child) input,
.inner p.form-group:has(select) input,
.inner p.form-group:has(input[type="checkbox"]) input,
.inner p.form-group:has(input[type="radio"]) input,
.inner p.form-group:has(input[type="hidden"]:only-child) input,
.inner p.form-group[id*="address_type"] input,
.inner p.form-group[id*="state"] input,
.inner p.form-group[id*="country"] input,
.inner p.form-group:has(input.state_name) input,
.checkout-content-summary input,
.checkout-content-summary * input {
  padding-right: 0;
}

/* line 172, vendor/assets/stylesheets/spree/frontend/layouts/_form_chrome.scss */
p.form-group.field-with-errors::after,
.inner p.form-group.field-with-errors::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8.4 17L12 13.4L15.6 17L17 15.6L13.4 12L17 8.4L15.6 7L12 10.6L8.4 7L7 8.4L10.6 12L7 15.6L8.4 17ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM12 20C14.2333 20 16.125 19.225 17.675 17.675C19.225 16.125 20 14.2333 20 12C20 9.76667 19.225 7.875 17.675 6.325C16.125 4.775 14.2333 4 12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 14.2333 4.775 16.125 6.325 17.675C7.875 19.225 9.76667 20 12 20Z' fill='%23D32F2F'/%3E%3C/svg%3E") !important;
}

/* line 178, vendor/assets/stylesheets/spree/frontend/layouts/_form_chrome.scss */
p.form-group.field-with-errors[id*="state"]::after,
p.form-group.field-with-errors[id*="country"]::after,
.inner p.form-group.field-with-errors[id*="state"]::after,
.inner p.form-group.field-with-errors[id*="country"]::after {
  display: block !important;
}

/* line 186, vendor/assets/stylesheets/spree/frontend/layouts/_form_chrome.scss */
.signup-title-back-to-shop {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
  padding-right: 16px;
  text-decoration: none;
}

/* line 194, vendor/assets/stylesheets/spree/frontend/layouts/_form_chrome.scss */
.signup-title-back-to-shop .signup-title-back-to-shop-text {
  color: #101113;
  font-family: var(--Display-Large-Font, "Exo 2");
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: var(--Label-Large-Line-Height, 20px);
  /* 125% */
  letter-spacing: var(--Label-Large-Tracking, 0.1px);
}

/* line 204, vendor/assets/stylesheets/spree/frontend/layouts/_form_chrome.scss */
.signup-title-back-to-shop svg {
  width: 25px;
  height: 25px;
  flex-shrink: 0;
}

/* line 209, vendor/assets/stylesheets/spree/frontend/layouts/_form_chrome.scss */
.signup-title-back-to-shop svg path {
  fill: #101113;
}

/* line 214, vendor/assets/stylesheets/spree/frontend/layouts/_form_chrome.scss */
.signup-title-back-to-shop:hover {
  text-decoration: none;
}

/* line 217, vendor/assets/stylesheets/spree/frontend/layouts/_form_chrome.scss */
.signup-title-back-to-shop:hover .signup-title-back-to-shop-text {
  color: #5787C9;
}

/* line 221, vendor/assets/stylesheets/spree/frontend/layouts/_form_chrome.scss */
.signup-title-back-to-shop:hover svg path {
  fill: #5787C9;
}

@media (max-width: 767px) {
  /* line 228, vendor/assets/stylesheets/spree/frontend/layouts/_form_chrome.scss */
  .signup-title-back-to-shop .signup-title-back-to-shop-text {
    display: none;
  }
}

/* Quantity selector styling */
/* line 4, vendor/assets/stylesheets/spree/frontend/layouts/_quantity_selector.scss */
.quantity-selector {
  display: flex;
  padding: 8px;
  align-items: center;
  gap: 7px;
  border-radius: 24px;
  border: 1px solid #DEDEDE;
  background: transparent;
  position: relative;
  overflow: hidden;
}

/* line 16, vendor/assets/stylesheets/spree/frontend/layouts/_quantity_selector.scss */
.quantity-selector::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  z-index: 0;
  transition: left 0.2s ease;
}

/* line 27, vendor/assets/stylesheets/spree/frontend/layouts/_quantity_selector.scss */
.quantity-selector::after {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  z-index: 0;
  opacity: 0;
}

/* line 38, vendor/assets/stylesheets/spree/frontend/layouts/_quantity_selector.scss */
.quantity-selector.selector-add-active {
  border-color: rgba(20, 153, 10, 0.2) !important;
}

/* line 42, vendor/assets/stylesheets/spree/frontend/layouts/_quantity_selector.scss */
.quantity-selector.selector-add-active::before {
  background: linear-gradient(to left, rgba(20, 153, 10, 0.2) 0%, rgba(20, 153, 10, 0.2) 50%, rgba(20, 153, 10, 0.2) 100%);
  left: -100%;
  animation: slideInFromLeftFill 0.3s ease forwards, slideOutToLeft 0.3s ease 0.3s forwards;
}

/* line 48, vendor/assets/stylesheets/spree/frontend/layouts/_quantity_selector.scss */
.quantity-selector.selector-remove-active {
  border-color: rgba(234, 31, 0, 0.2) !important;
}

/* line 52, vendor/assets/stylesheets/spree/frontend/layouts/_quantity_selector.scss */
.quantity-selector.selector-remove-active::before {
  background: linear-gradient(to right, rgba(234, 31, 0, 0.2) 0%, rgba(234, 31, 0, 0.2) 50%, rgba(234, 31, 0, 0.2) 100%);
  left: 100%;
  animation: slideInFromRightFill 0.3s ease forwards, slideOutFromRight 0.3s ease 0.3s forwards;
}

/* line 58, vendor/assets/stylesheets/spree/frontend/layouts/_quantity_selector.scss */
.quantity-selector.selector-remove-active::after {
  background: linear-gradient(to right, transparent 0%, rgba(255, 255, 255, 0.9) 50%, transparent 100%);
  animation: flashFromLeft 0.4s ease 0.3s forwards;
}

/* line 63, vendor/assets/stylesheets/spree/frontend/layouts/_quantity_selector.scss */
.quantity-selector.selector-backorderable-active {
  border-color: #FE8F1C !important;
}

/* line 67, vendor/assets/stylesheets/spree/frontend/layouts/_quantity_selector.scss */
.quantity-selector.selector-backorderable-active::before {
  background: linear-gradient(to left, rgba(254, 143, 28, 0.1) 0%, rgba(254, 143, 28, 0.5) 50%, #fe8f1c 100%);
  left: -100%;
  animation: slideInFromLeftFill 0.3s ease forwards, slideOutToLeft 0.3s ease 0.3s forwards;
}

@keyframes slideInFromLeft {
  0% {
    left: -100%;
  }
  100% {
    left: 0;
  }
}

@keyframes slideInFromRight {
  0% {
    left: 100%;
  }
  100% {
    left: 0;
  }
}

@keyframes slideInFromRightFill {
  0% {
    left: 100%;
  }
  100% {
    left: 0;
  }
}

@keyframes flashFromLeft {
  0% {
    left: -100%;
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    left: 100%;
    opacity: 0;
  }
}

@keyframes slideOutFromRight {
  0% {
    left: 0;
  }
  100% {
    left: -100%;
  }
}

@keyframes slideInFromLeftFill {
  0% {
    left: -100%;
  }
  100% {
    left: 0;
  }
}

@keyframes slideOutToLeft {
  0% {
    left: 0;
  }
  100% {
    left: 100%;
  }
}

/* Ensure buttons and input are above the animated background */
/* line 142, vendor/assets/stylesheets/spree/frontend/layouts/_quantity_selector.scss */
.quantity-selector .quantity-btn,
.quantity-selector .quantity-input {
  position: relative;
  z-index: 1;
}

/* line 148, vendor/assets/stylesheets/spree/frontend/layouts/_quantity_selector.scss */
.quantity-btn {
  display: flex;
  width: 32px;
  height: 32px;
  padding: 0;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  color: inherit;
}

/* line 163, vendor/assets/stylesheets/spree/frontend/layouts/_quantity_selector.scss */
.quantity-btn:hover {
  background: transparent;
  color: inherit;
}

/* line 168, vendor/assets/stylesheets/spree/frontend/layouts/_quantity_selector.scss */
.quantity-btn:focus {
  background: transparent;
  color: inherit;
  outline: none;
}

/* line 175, vendor/assets/stylesheets/spree/frontend/layouts/_quantity_selector.scss */
.quantity-input {
  display: flex;
  width: 32px;
  height: 32px;
  padding: 0;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: transparent;
  text-align: center;
  border: none;
  outline: none;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  margin: 0;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: textfield;
  appearance: none;
}

/* line 187, vendor/assets/stylesheets/spree/frontend/layouts/_quantity_selector.scss */
.quantity-input.has-value {
  background: #FE8F1C;
  color: #fff;
}

/* line 190, vendor/assets/stylesheets/spree/frontend/layouts/_quantity_selector.scss */
.quantity-input.has-value:focus {
  background-color: #FE8F1C !important;
  color: #fff !important;
}

/* line 206, vendor/assets/stylesheets/spree/frontend/layouts/_quantity_selector.scss */
.quantity-input::-webkit-outer-spin-button,
.quantity-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* line 212, vendor/assets/stylesheets/spree/frontend/layouts/_quantity_selector.scss */
.quantity-input[type=number] {
  -moz-appearance: textfield;
}

@media (max-width: 767px) {
  /* line 2, vendor/assets/stylesheets/spree/frontend/mobile/_general.scss */
  .slider-wrapper #slider {
    min-height: 125px !important;
  }
}

@media (max-width: 767px) {
  /* line 5, vendor/assets/stylesheets/spree/frontend/mobile/_sidebar.scss */
  #vue-sidebar .nav-tabs {
    border-bottom: none;
  }
  /* line 9, vendor/assets/stylesheets/spree/frontend/mobile/_sidebar.scss */
  #vue-sidebar .nav-item {
    width: 50%;
    background-color: #5787C9;
  }
  /* line 15, vendor/assets/stylesheets/spree/frontend/mobile/_sidebar.scss */
  #vue-sidebar .nav-item.active:first-child a {
    border-top-right-radius: 5px;
  }
  /* line 23, vendor/assets/stylesheets/spree/frontend/mobile/_sidebar.scss */
  #vue-sidebar .nav-item.active:last-child a {
    border-top-left-radius: 5px;
  }
  /* line 29, vendor/assets/stylesheets/spree/frontend/mobile/_sidebar.scss */
  #vue-sidebar .nav-item a {
    color: #fff;
    background-color: #5787C9;
    border: none;
    border-radius: 0;
    display: inline-block;
    text-align: center;
    width: 100%;
  }
  /* line 38, vendor/assets/stylesheets/spree/frontend/mobile/_sidebar.scss */
  #vue-sidebar .nav-item a:hover {
    background-color: #5787C9;
  }
  /* line 44, vendor/assets/stylesheets/spree/frontend/mobile/_sidebar.scss */
  #vue-sidebar .nav-item.active a {
    color: #5787C9;
    background-color: #fff;
  }
  /* line 52, vendor/assets/stylesheets/spree/frontend/mobile/_sidebar.scss */
  #vue-sidebar .vue-list-item.home-link {
    font-weight: 600;
  }
  /* line 57, vendor/assets/stylesheets/spree/frontend/mobile/_sidebar.scss */
  #vue-sidebar .vue-list-item .vue-list-back-button button {
    width: 100%;
    display: block;
    padding: 15px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-right: none;
    text-decoration: none;
    color: #444;
    font-weight: 600;
  }
  /* line 68, vendor/assets/stylesheets/spree/frontend/mobile/_sidebar.scss */
  #vue-sidebar .vue-list-item .vue-list-back-button button svg.icon-svg {
    margin-right: 5px;
  }
  /* line 74, vendor/assets/stylesheets/spree/frontend/mobile/_sidebar.scss */
  #vue-sidebar .vue-list-item > a {
    display: block;
    padding: 15px;
    border-bottom: 1px solid #ddd;
    text-decoration: none;
    color: #444;
  }
  /* line 81, vendor/assets/stylesheets/spree/frontend/mobile/_sidebar.scss */
  #vue-sidebar .vue-list-item > a svg.icon-svg {
    margin-top: 4px;
  }
  /* line 88, vendor/assets/stylesheets/spree/frontend/mobile/_sidebar.scss */
  #vue-sidebar .v-select .dropdown-toggle {
    border: none;
    border-bottom: 1px solid #ddd;
    padding: 5px 5px 10px 5px;
  }
  /* line 95, vendor/assets/stylesheets/spree/frontend/mobile/_sidebar.scss */
  #vue-sidebar .v-select .dropdown-menu a {
    padding: 15px;
  }
  /* line 99, vendor/assets/stylesheets/spree/frontend/mobile/_sidebar.scss */
  #vue-sidebar .v-select .dropdown-menu .highlight > a {
    color: #333;
    background: #fff;
  }
  /* line 103, vendor/assets/stylesheets/spree/frontend/mobile/_sidebar.scss */
  #vue-sidebar .v-select .dropdown-menu .highlight > a:hover {
    color: #262626;
    background: #f5f5f5;
  }
}

/* line 3, vendor/assets/stylesheets/spree/frontend/layouts/_cart_inventory_modal.scss */
#overlay.overlay {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 1040;
  background: rgba(0, 0, 0, 0.45);
}

/* line 10, vendor/assets/stylesheets/spree/frontend/layouts/_cart_inventory_modal.scss */
#overlay.overlay.shown {
  display: block;
}

/* line 15, vendor/assets/stylesheets/spree/frontend/layouts/_cart_inventory_modal.scss */
#no-product-available.no-product-available-dropdown {
  display: none;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1050;
  max-width: 90vw;
  width: 400px;
  background: #fff;
  padding: 24px;
  border-radius: 8px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
}

/* line 29, vendor/assets/stylesheets/spree/frontend/layouts/_cart_inventory_modal.scss */
#no-product-available.no-product-available-dropdown.shown {
  display: block;
}