@charset "UTF-8";
/* line 7, vendor/assets/stylesheets/spree/frontend/theme.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 23, vendor/assets/stylesheets/spree/frontend/theme.scss */
.delete-btn:hover {
  color: #333;
}

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

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

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

/* line 41, vendor/assets/stylesheets/spree/frontend/theme.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 50, vendor/assets/stylesheets/spree/frontend/theme.scss */
.delete-btn svg path {
  fill: #4C4A47;
  transition: fill 0.2s ease;
}

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

/* line 67, vendor/assets/stylesheets/spree/frontend/theme.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 74, vendor/assets/stylesheets/spree/frontend/theme.scss */
.btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled]:active, .btn-success.active[disabled] {
  background-color: #FE8F1C;
  border-color: #ffffff;
}

/* line 85, vendor/assets/stylesheets/spree/frontend/theme.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 111, vendor/assets/stylesheets/spree/frontend/theme.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 116, vendor/assets/stylesheets/spree/frontend/theme.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 122, vendor/assets/stylesheets/spree/frontend/theme.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 128, vendor/assets/stylesheets/spree/frontend/theme.scss */
.btn-primary:not(.sku-add-btn):not(.address-entity-toggle):focus,
.btn-success.submit-btn:focus {
  outline: none;
  box-shadow: none;
}

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

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

/* line 147, vendor/assets/stylesheets/spree/frontend/theme.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 156, vendor/assets/stylesheets/spree/frontend/theme.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 163, vendor/assets/stylesheets/spree/frontend/theme.scss */
body > div[id^='section-'] {
  flex-shrink: 0;
}

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

/* Only scroll container — all page content lives inside this */
/* line 174, vendor/assets/stylesheets/spree/frontend/theme.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 184, vendor/assets/stylesheets/spree/frontend/theme.scss */
body > div[data-hook] > .container {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

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

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

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

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

/* line 221, vendor/assets/stylesheets/spree/frontend/theme.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 232, vendor/assets/stylesheets/spree/frontend/theme.scss */
.radio-container input[type="radio"] {
  width: 20px;
  height: 20px;
  margin: 0;
  cursor: pointer;
  accent-color: #5787C9;
}

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

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

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

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

/* line 266, vendor/assets/stylesheets/spree/frontend/theme.scss */
.cart-main-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  /* Unified layout: footer takes real space — no padding for footer */
}

/* line 272, vendor/assets/stylesheets/spree/frontend/theme.scss */
.cart-main-container .cart-titles-container {
  display: flex;
  height: 92px;
  /* Default height for title row only (empty cart) */
  padding-right: 24px;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
  position: sticky;
  top: 0;
  /* Stick to top of scroll area (header is in flow above) */
  background: #FFF;
  z-index: 10;
  flex-shrink: 0;
}

/* line 286, vendor/assets/stylesheets/spree/frontend/theme.scss */
.cart-main-container .cart-titles-container:has(.cart-table-headers) {
  height: 138px;
}

/* line 290, vendor/assets/stylesheets/spree/frontend/theme.scss */
.cart-main-container .cart-titles-container .cart-titles-left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1;
}

/* line 296, vendor/assets/stylesheets/spree/frontend/theme.scss */
.cart-main-container .cart-titles-container .cart-titles-left .cart-content-frame {
  width: 100%;
}

/* line 299, vendor/assets/stylesheets/spree/frontend/theme.scss */
.cart-main-container .cart-titles-container .cart-titles-left .cart-content-frame .cart-content-container {
  padding-left: 24px;
}

@media (max-width: 1200px) {
  /* line 299, vendor/assets/stylesheets/spree/frontend/theme.scss */
  .cart-main-container .cart-titles-container .cart-titles-left .cart-content-frame .cart-content-container {
    padding-left: 0 !important;
    /* Remove padding on mobile */
  }
}

/* line 306, vendor/assets/stylesheets/spree/frontend/theme.scss */
.cart-main-container .cart-titles-container .cart-titles-left .cart-content-frame .cart-content-container .cart-title-row {
  display: flex;
  align-items: flex-start;
  flex: 1 0 0;
  width: 100%;
  background: #F1F4F9;
  margin-top: 24px;
}

@media (max-width: 1200px) {
  /* line 306, vendor/assets/stylesheets/spree/frontend/theme.scss */
  .cart-main-container .cart-titles-container .cart-titles-left .cart-content-frame .cart-content-container .cart-title-row {
    margin-bottom: 16px;
    flex: 0 0 auto !important;
    /* Don't grow on mobile */
  }
}

/* line 319, vendor/assets/stylesheets/spree/frontend/theme.scss */
.cart-main-container .cart-titles-container .cart-titles-left .cart-content-frame .cart-content-container .cart-title-row .cart-title-content {
  display: flex;
  align-items: center;
  gap: 16px;
  width: 100%;
}

/* line 325, vendor/assets/stylesheets/spree/frontend/theme.scss */
.cart-main-container .cart-titles-container .cart-titles-left .cart-content-frame .cart-content-container .cart-title-row .cart-title-content .cart-title-icon {
  display: flex;
  width: 60px;
  height: 60px;
  padding: 10px;
  justify-content: center;
  align-items: center;
  background-color: #5787C9;
  flex-shrink: 0;
}

/* line 336, vendor/assets/stylesheets/spree/frontend/theme.scss */
.cart-main-container .cart-titles-container .cart-titles-left .cart-content-frame .cart-content-container .cart-title-row .cart-title-content .cart-title-text {
  font-family: "Exo 2";
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  /* 127.273% */
  color: #5787C9;
}

/* line 351, vendor/assets/stylesheets/spree/frontend/theme.scss */
.cart-main-container .cart-titles-container .checkout-right {
  margin-top: 24px;
  position: sticky;
  top: 0;
  /* Stick to top of scroll area (header is in flow above) */
  align-self: flex-start;
}

@media (max-width: 1200px) {
  /* line 266, vendor/assets/stylesheets/spree/frontend/theme.scss */
  .cart-main-container {
    flex-direction: column;
    min-height: 100%;
  }
  /* line 364, vendor/assets/stylesheets/spree/frontend/theme.scss */
  .cart-main-container .cart-titles-container {
    top: 0 !important;
    /* Sticky within scroll area */
    display: contents;
    /* Break out of container so children can be reordered */
  }
  /* line 368, vendor/assets/stylesheets/spree/frontend/theme.scss */
  .cart-main-container .cart-titles-container .cart-titles-left {
    order: 0 !important;
    /* Title first - appears at top */
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-left: 24px;
    padding-right: 24px;
    height: auto !important;
    /* Size based on content */
    flex: 0 0 auto !important;
    /* Don't grow or shrink */
    min-height: auto !important;
    overflow: hidden;
    /* Prevent content from pushing height */
  }
  /* line 381, vendor/assets/stylesheets/spree/frontend/theme.scss */
  .cart-main-container .cart-titles-container .cart-table-headers {
    display: none !important;
    /* Hide table headers on mobile */
  }
  /* line 385, vendor/assets/stylesheets/spree/frontend/theme.scss */
  .cart-main-container .cart-titles-container .checkout-right {
    position: static !important;
    /* Remove sticky */
    order: 999;
    /* Move to bottom after all content */
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    margin-top: auto;
    /* Push summary to bottom */
    padding-left: 0;
    padding-right: 0;
  }
  /* line 397, vendor/assets/stylesheets/spree/frontend/theme.scss */
  .cart-main-container .cart-lines-container {
    display: contents;
    /* Break out of container so cart-lines-left can be reordered */
  }
  /* line 400, vendor/assets/stylesheets/spree/frontend/theme.scss */
  .cart-main-container .cart-lines-container .cart-lines-left {
    order: 1 !important;
    /* Appears right after title row (order: 0) */
    padding-left: 0;
    width: 100%;
  }
  /* line 406, vendor/assets/stylesheets/spree/frontend/theme.scss */
  .cart-main-container .cart-lines-container .cart-lines-right {
    display: none;
    /* Hide spacer on mobile */
  }
}

@media (max-width: 1700px) and (min-width: 1200px) {
  /* line 266, vendor/assets/stylesheets/spree/frontend/theme.scss */
  .cart-main-container {
    min-height: 100%;
  }
  /* line 415, vendor/assets/stylesheets/spree/frontend/theme.scss */
  .cart-main-container .cart-titles-container {
    display: contents;
  }
  /* line 419, vendor/assets/stylesheets/spree/frontend/theme.scss */
  .cart-main-container .cart-titles-left {
    order: 0;
    width: 100%;
    flex: 0 0 auto !important;
    /* Override flex: 1 - don't grow */
    height: 92px !important;
    /* Keep fixed header height for alignment */
    min-height: 92px !important;
    overflow: hidden;
    /* Prevent header height from stretching */
  }
  /* line 427, vendor/assets/stylesheets/spree/frontend/theme.scss */
  .cart-main-container .cart-titles-left:has(.cart-table-headers) {
    height: 138px !important;
    /* Match populated cart header height */
    min-height: 138px !important;
  }
  /* line 433, vendor/assets/stylesheets/spree/frontend/theme.scss */
  .cart-main-container .cart-content-container {
    padding-right: 24px;
    /* Add right padding since right divs are hidden */
  }
}

@media (max-width: 1700px) and (min-width: 1200px) and (max-width: 767px) {
  /* line 433, vendor/assets/stylesheets/spree/frontend/theme.scss */
  .cart-main-container .cart-content-container {
    padding-right: 0;
  }
}

@media (max-width: 1700px) and (min-width: 1200px) {
  /* line 441, vendor/assets/stylesheets/spree/frontend/theme.scss */
  .cart-main-container .cart-lines-container {
    order: 1;
    flex: 1 0 auto;
    /* Allow empty space to sit between SKU input and summary */
  }
  /* line 446, vendor/assets/stylesheets/spree/frontend/theme.scss */
  .cart-main-container .checkout-right {
    order: 999;
    /* Move to bottom after all content (like mobile) */
    position: static;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    margin-top: auto;
    /* Push summary to bottom of viewport */
    padding-left: 0;
    padding-right: 0;
  }
  /* line 457, vendor/assets/stylesheets/spree/frontend/theme.scss */
  .cart-main-container .cart-lines-right {
    display: none;
  }
  /* line 462, vendor/assets/stylesheets/spree/frontend/theme.scss */
  .cart-main-container .checkout-content-summary {
    max-width: 100% !important;
    margin-bottom: 0;
    width: 100%;
  }
}

/* line 469, vendor/assets/stylesheets/spree/frontend/theme.scss */
.cart-main-container .cart-lines-container {
  display: flex;
  width: 100%;
  padding-right: 24px;
  gap: 24px;
  align-items: flex-start;
}

/* line 476, vendor/assets/stylesheets/spree/frontend/theme.scss */
.cart-main-container .cart-lines-container .cart-lines-left {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding-left: 24px;
}

/* line 483, vendor/assets/stylesheets/spree/frontend/theme.scss */
.cart-main-container .cart-lines-container .cart-lines-right {
  flex: 0 0 450px;
  flex-shrink: 0;
}

/* line 498, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-content-summary {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  width: 100%;
  max-width: 450px;
  background: #F1F4F9;
  padding: 16px 24px;
  margin-bottom: 0;
}

@media (max-width: 1200px) {
  /* line 498, vendor/assets/stylesheets/spree/frontend/theme.scss */
  .checkout-content-summary {
    max-width: 100% !important;
    border: none !important;
    border-radius: 0 !important;
    background: #EBEEF3 !important;
    margin-bottom: 0 !important;
  }
}

@media (max-width: 1700px) {
  /* line 518, vendor/assets/stylesheets/spree/frontend/theme.scss */
  .cart-main-container .checkout-content-summary {
    padding-bottom: 56px;
    background: #EBEEF3;
  }
}

@media (max-width: 1200px) {
  /* line 524, vendor/assets/stylesheets/spree/frontend/theme.scss */
  body#checkout-page:not(:has(.checkout-registration)):not(:has(.checkout-confirm-order-details)) .checkout-content-summary {
    padding-bottom: 56px;
  }
}

@media (max-width: 1700px) {
  /* line 529, vendor/assets/stylesheets/spree/frontend/theme.scss */
  body#checkout-page:has(.checkout-confirm-order-details) .checkout-content-summary {
    padding-bottom: 0 !important;
    background: #EBEEF3;
  }
}

@media (max-width: 1700px) {
  /* line 535, vendor/assets/stylesheets/spree/frontend/theme.scss */
  body#order-page .checkout-content-summary {
    padding-bottom: 0 !important;
  }
}

/* line 541, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-content-summary .checkout-content-summary-header {
  font-family: "Exo 2";
  font-size: 18px;
  font-weight: 700;
  color: #101113;
  text-align: left !important;
  margin-bottom: 8px;
  width: 100%;
}

/* line 551, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-content-summary .checkout-content-summary-table {
  width: 100%;
  /* Divider under shipping/total: remove short border from order-total wrapper (Spree/Bootstrap) so only table's full-width border shows */
  /* Total (incl) not uppercase */
}

/* line 554, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-content-summary .checkout-content-summary-table .d-table-cell {
  font-family: "Exo 2";
  font-size: 14px;
  color: #101113;
  padding: 4px 0;
}

/* line 560, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-content-summary .checkout-content-summary-table .d-table-cell.text-right {
  text-align: right;
  font-weight: 600;
}

/* line 567, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-content-summary .checkout-content-summary-table .checkout-content-summary-table-order-total {
  border-top: solid 1px;
  color: #DEDEDE;
}

/* line 573, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-content-summary .checkout-content-summary-table .summary-total-vat-included {
  text-transform: none;
}

/* line 578, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-content-summary .checkout-content-summary-section {
  display: flex;
  padding: 10px 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
  position: relative;
  z-index: 1;
  pointer-events: auto;
  margin-left: -24px;
  margin-right: -24px;
  padding-bottom: 16px;
  border-bottom: 1px solid #DEDEDE;
}

/* line 593, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-content-summary .checkout-content-summary-section:last-of-type {
  border-bottom: none;
}

/* line 597, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-content-summary .checkout-content-summary-section .checkout-content-summary-section-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}

/* line 603, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-content-summary .checkout-content-summary-section .checkout-content-summary-section-header .checkout-content-summary-section-title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  flex: 1;
  min-height: 32px;
  justify-content: center;
}

/* line 612, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-content-summary .checkout-content-summary-section .checkout-content-summary-section-header .checkout-content-summary-section-title .checkout-content-summary-section-title-text {
  color: #101113;
  font-family: "Exo 2";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
  letter-spacing: 0.15px;
  margin: 0;
}

/* line 624, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-content-summary .checkout-content-summary-section .checkout-content-summary-section-header .checkout-content-summary-modify-link {
  display: flex;
  height: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6.4px;
  border-radius: 80px;
  border: 0.8px solid #DEDEDE;
  font-family: "Exo 2";
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.4px;
  color: #5787C9;
  text-decoration: none;
  cursor: pointer;
  padding: 0 12px;
  background: transparent;
  transition: all 0.2s ease;
}

/* line 645, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-content-summary .checkout-content-summary-section .checkout-content-summary-section-header .checkout-content-summary-modify-link:hover {
  background-color: rgba(87, 135, 201, 0.08);
  border-color: #5787C9;
}

/* line 652, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-content-summary .checkout-content-summary-section .checkout-content-summary-section-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  gap: 8px;
  font-family: "Exo 2";
  font-size: 14px;
  line-height: 20px;
  color: #101113;
}

/* line 663, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-content-summary .checkout-content-summary-section .checkout-content-summary-section-content .checkout-content-summary-shipment-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

/* line 669, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-content-summary .checkout-content-summary-section .checkout-content-summary-section-content .checkout-content-summary-shipment-item .checkout-content-summary-shipment-name {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
}

/* line 675, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-content-summary .checkout-content-summary-section .checkout-content-summary-section-content .checkout-content-summary-shipment-item .checkout-content-summary-shipment-name .checkout-content-summary-truck-icon {
  width: 21px;
  height: 17px;
  flex-shrink: 0;
}

/* line 681, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-content-summary .checkout-content-summary-section .checkout-content-summary-section-content .checkout-content-summary-shipment-item .checkout-content-summary-shipment-name .checkout-content-summary-shipment-method {
  font-family: "Exo 2";
  font-size: 14px;
  line-height: 20px;
  color: #101113;
}

/* line 689, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-content-summary .checkout-content-summary-section .checkout-content-summary-section-content .checkout-content-summary-shipment-item .checkout-content-summary-shipment-amount {
  font-family: "Exo 2";
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #101113;
  flex-shrink: 0;
}

/* line 699, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-content-summary .checkout-content-summary-section .checkout-content-summary-section-content .checkout-content-summary-payment-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

/* line 705, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-content-summary .checkout-content-summary-section .checkout-content-summary-section-content .checkout-content-summary-payment-item .checkout-content-summary-payment-name {
  display: flex;
  align-items: center;
  flex: 1;
}

/* line 710, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-content-summary .checkout-content-summary-section .checkout-content-summary-section-content .checkout-content-summary-payment-item .checkout-content-summary-payment-name .checkout-content-summary-payment-method {
  font-family: "Exo 2";
  font-size: 14px;
  line-height: 20px;
  color: #101113;
}

/* line 718, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-content-summary .checkout-content-summary-section .checkout-content-summary-section-content .checkout-content-summary-payment-item .checkout-content-summary-payment-amount {
  font-family: "Exo 2";
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  color: #101113;
  flex-shrink: 0;
  text-align: right;
}

/* line 731, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-content-summary .checkout-content-summary-terms {
  width: 100%;
  position: relative;
  z-index: 1;
  pointer-events: auto;
  margin-bottom: 16px;
}

/* line 738, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-content-summary .checkout-content-summary-terms p {
  color: #101113;
  font-family: "Exo 2";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: 0.1px;
  margin: 0;
}

/* line 748, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-content-summary .checkout-content-summary-terms p a {
  color: #5787C9;
  text-decoration: underline;
}

/* line 752, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-content-summary .checkout-content-summary-terms p a:hover {
  color: #3a6db3;
}

/* line 759, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-content-summary .checkout-content-summary-checkout-button {
  width: 250px;
  margin-top: 16px;
  margin-bottom: 16px;
  position: relative;
  z-index: 10;
}

/* line 767, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-content-summary .checkout-content-summary-actions {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  /* Cart and confirm: fixed bar at ≤1700px — scoped blocks below */
}

@media (max-width: 1200px) {
  /* line 767, vendor/assets/stylesheets/spree/frontend/theme.scss */
  .checkout-content-summary .checkout-content-summary-actions {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 39px;
    background: #EBEEF3;
    z-index: 60;
  }
}

@media (max-width: 1400px) and (min-width: 767px) {
  /* line 767, vendor/assets/stylesheets/spree/frontend/theme.scss */
  .checkout-content-summary .checkout-content-summary-actions {
    bottom: 79px;
  }
}

/* line 788, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-content-summary .checkout-content-summary-actions .checkout-content-summary-checkout-button {
  width: 250px;
}

@media (max-width: 1700px) {
  /* line 794, vendor/assets/stylesheets/spree/frontend/theme.scss */
  .cart-main-container .checkout-content-summary .checkout-content-summary-actions {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 39px;
    background: #EBEEF3;
    z-index: 60;
  }
}

@media (max-width: 1400px) and (min-width: 767px) {
  /* line 794, vendor/assets/stylesheets/spree/frontend/theme.scss */
  .cart-main-container .checkout-content-summary .checkout-content-summary-actions {
    bottom: 79px;
  }
}

@media (max-width: 1700px) {
  /* line 807, vendor/assets/stylesheets/spree/frontend/theme.scss */
  body#checkout-page:has(.checkout-confirm-order-details) .checkout-content-summary .checkout-content-summary-actions {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 39px;
    background: #EBEEF3;
    z-index: 60;
  }
}

@media (max-width: 1400px) and (min-width: 767px) {
  /* line 807, vendor/assets/stylesheets/spree/frontend/theme.scss */
  body#checkout-page:has(.checkout-confirm-order-details) .checkout-content-summary .checkout-content-summary-actions {
    bottom: 79px;
  }
}

/* line 825, vendor/assets/stylesheets/spree/frontend/theme.scss */
.my-account-page .main-content-area {
  flex: 1;
  width: auto;
}

/* line 831, vendor/assets/stylesheets/spree/frontend/theme.scss */
#my-addresses.account-content-section {
  margin-top: 24px;
}

/* line 835, vendor/assets/stylesheets/spree/frontend/theme.scss */
#my-addresses.account-content-section .account-addresses-section .account-section-row {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  width: 100%;
  padding-left: 24px;
  padding-right: 24px;
}

/* line 845, vendor/assets/stylesheets/spree/frontend/theme.scss */
#my-addresses.account-content-section .account-addresses-section #user_addresses_form {
  width: 100%;
}

/* line 851, vendor/assets/stylesheets/spree/frontend/theme.scss */
#my-addresses.account-content-section .no-address-message {
  padding: 16px;
  background: #F1F4F9;
  border: 1px dashed #DEDEDE;
  color: #4C4A47;
  font-size: 14px;
  text-align: center;
}

/* line 860, vendor/assets/stylesheets/spree/frontend/theme.scss */
#my-addresses.account-content-section .add-address-btn {
  margin-top: 8px;
  background: transparent;
  border: 1px solid #5787C9;
  color: #5787C9;
  padding: 8px 16px;
  border-radius: 100px;
  cursor: pointer;
  font-weight: 500;
  transition: all 0.2s;
}

/* line 871, vendor/assets/stylesheets/spree/frontend/theme.scss */
#my-addresses.account-content-section .add-address-btn:hover {
  background: #5787C9;
  color: #fff;
}

/* line 878, vendor/assets/stylesheets/spree/frontend/theme.scss */
#my-addresses.account-content-section .addresses-display {
  width: 100%;
}

/* line 883, vendor/assets/stylesheets/spree/frontend/theme.scss */
#my-addresses.account-content-section .addresses-form-container {
  width: 100%;
}

/* line 888, vendor/assets/stylesheets/spree/frontend/theme.scss */
#my-addresses.account-content-section .use-billing-notice {
  padding: 16px;
  background: #F1F4F9;
  border: 1px solid #DEDEDE;
  border-radius: 4px;
  color: #101113;
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* line 899, vendor/assets/stylesheets/spree/frontend/theme.scss */
#my-addresses.account-content-section .use-billing-notice .checkmark {
  color: #5787C9;
  font-weight: bold;
}

/* line 906, vendor/assets/stylesheets/spree/frontend/theme.scss */
#my-addresses.account-content-section .btn-group-address-type {
  margin-bottom: 0 !important;
}

/* line 912, vendor/assets/stylesheets/spree/frontend/theme.scss */
#my-addresses .addresses-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  width: 100%;
}

@media (max-width: 1200px) {
  /* line 912, vendor/assets/stylesheets/spree/frontend/theme.scss */
  #my-addresses .addresses-grid {
    grid-template-columns: 1fr;
  }
}

/* line 923, vendor/assets/stylesheets/spree/frontend/theme.scss */
#my-addresses .address-card {
  border: 1px solid #DEDEDE;
  padding: 16px;
  background: #fff;
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative;
}

/* line 933, vendor/assets/stylesheets/spree/frontend/theme.scss */
#my-addresses .address-card .address-card-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 12px;
}

/* line 939, vendor/assets/stylesheets/spree/frontend/theme.scss */
#my-addresses .address-card .address-card-header .address-type-title {
  color: #101113;
  font-family: "Exo 2";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.15px;
}

/* line 949, vendor/assets/stylesheets/spree/frontend/theme.scss */
#my-addresses .address-card .address-card-header .address-card-header-right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
}

/* line 955, vendor/assets/stylesheets/spree/frontend/theme.scss */
#my-addresses .address-card .address-card-header .address-card-header-right .address-badges {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
}

/* line 961, vendor/assets/stylesheets/spree/frontend/theme.scss */
#my-addresses .address-card .address-card-header .address-card-header-right .address-badges .address-default-badge {
  display: inline-block;
  background: #5787C9;
  color: #fff;
  font-family: "Exo 2";
  font-size: 11px;
  font-weight: 600;
  padding: 4px 8px;
  border-radius: 4px;
  line-height: 1.2;
  white-space: nowrap;
}

/* line 975, vendor/assets/stylesheets/spree/frontend/theme.scss */
#my-addresses .address-card .address-card-header .address-card-header-right .address-card-actions {
  position: absolute;
  bottom: 6px;
  right: 6px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, visibility 0.2s ease;
}

/* line 987, vendor/assets/stylesheets/spree/frontend/theme.scss */
#my-addresses .address-card .address-card-header .address-card-header-right .address-card-actions .edit-address-btn,
#my-addresses .address-card .address-card-header .address-card-header-right .address-card-actions .delete-address-btn {
  background: transparent;
  border: none;
  padding: 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.2s;
  width: 32px;
  height: 32px;
}

/* line 1000, vendor/assets/stylesheets/spree/frontend/theme.scss */
#my-addresses .address-card .address-card-header .address-card-header-right .address-card-actions .edit-address-btn:hover,
#my-addresses .address-card .address-card-header .address-card-header-right .address-card-actions .delete-address-btn:hover {
  opacity: 0.7;
}

/* line 1004, vendor/assets/stylesheets/spree/frontend/theme.scss */
#my-addresses .address-card .address-card-header .address-card-header-right .address-card-actions .edit-address-btn svg,
#my-addresses .address-card .address-card-header .address-card-header-right .address-card-actions .delete-address-btn svg {
  width: 28px;
  height: 28px;
  border: 1px solid #DEDEDE;
  border-radius: 50%;
  padding: 5px;
  flex-shrink: 0;
  transition: all 0.2s ease;
}

/* line 1016, vendor/assets/stylesheets/spree/frontend/theme.scss */
#my-addresses .address-card .address-card-header .address-card-header-right .address-card-actions .edit-address-btn:hover svg {
  background-color: #5787C9;
  border-color: #5787C9;
}

/* line 1020, vendor/assets/stylesheets/spree/frontend/theme.scss */
#my-addresses .address-card .address-card-header .address-card-header-right .address-card-actions .edit-address-btn:hover svg path {
  stroke: #fff;
}

/* line 1025, vendor/assets/stylesheets/spree/frontend/theme.scss */
#my-addresses .address-card .address-card-header .address-card-header-right .address-card-actions .edit-address-btn svg path {
  stroke: #4C4A47;
  transition: stroke 0.2s ease;
}

/* line 1036, vendor/assets/stylesheets/spree/frontend/theme.scss */
#my-addresses .address-card:hover .address-card-header .address-card-header-right .address-card-actions {
  opacity: 1;
  visibility: visible;
}

/* line 1042, vendor/assets/stylesheets/spree/frontend/theme.scss */
#my-addresses .address-card .address-card-content {
  flex: 1;
  min-width: 0;
}

/* line 1046, vendor/assets/stylesheets/spree/frontend/theme.scss */
#my-addresses .address-card .address-card-content .address-info-frame {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  width: 100%;
}

/* line 1053, vendor/assets/stylesheets/spree/frontend/theme.scss */
#my-addresses .address-card .address-card-content .address-info-frame .address-name {
  color: #101113;
  font-family: "Exo 2";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.1px;
}

/* line 1063, vendor/assets/stylesheets/spree/frontend/theme.scss */
#my-addresses .address-card .address-card-content .address-info-frame .address-details {
  color: #101113;
  font-family: "Exo 2";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.25px;
}

/* line 1077, vendor/assets/stylesheets/spree/frontend/theme.scss */
.unified-addresses-row {
  display: flex;
  flex-direction: row;
  gap: 24px;
  align-items: flex-start;
  width: 100%;
}

@media (max-width: 1200px) {
  /* line 1077, vendor/assets/stylesheets/spree/frontend/theme.scss */
  .unified-addresses-row {
    flex-direction: column;
  }
}

/* line 1088, vendor/assets/stylesheets/spree/frontend/theme.scss */
.unified-addresses-row .address-column {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}

@media (max-width: 1200px) {
  /* line 1088, vendor/assets/stylesheets/spree/frontend/theme.scss */
  .unified-addresses-row .address-column {
    flex: none;
    width: 100%;
  }
}

/* line 1100, vendor/assets/stylesheets/spree/frontend/theme.scss */
.unified-addresses-row .address-column .column-title h3 {
  font-family: "Exo 2";
  font-size: 18px;
  font-weight: 600;
  color: #101113;
  margin-bottom: 8px;
}

/* line 1108, vendor/assets/stylesheets/spree/frontend/theme.scss */
.unified-addresses-row .address-column .use-billing-checkbox-container {
  padding: 12px;
  background: #F1F4F9;
  border: 1px solid #DEDEDE;
  border-radius: 4px;
}

/* line 1114, vendor/assets/stylesheets/spree/frontend/theme.scss */
.unified-addresses-row .address-column .use-billing-checkbox-container.shipping-header-with-checkbox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

/* line 1121, vendor/assets/stylesheets/spree/frontend/theme.scss */
.unified-addresses-row .address-column .use-billing-checkbox-container .shipping-header-title {
  font-family: "Exo 2";
  font-size: 14px;
  font-weight: 500;
  text-transform: none;
  letter-spacing: 0.25px;
  color: #101113;
}

/* line 1130, vendor/assets/stylesheets/spree/frontend/theme.scss */
.unified-addresses-row .address-column .use-billing-checkbox-container .custom-checkbox {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* line 1135, vendor/assets/stylesheets/spree/frontend/theme.scss */
.unified-addresses-row .address-column .use-billing-checkbox-container .custom-checkbox input[type="checkbox"] {
  width: 18px;
  height: 18px;
  cursor: pointer;
  accent-color: #5787C9;
}

/* line 1142, vendor/assets/stylesheets/spree/frontend/theme.scss */
.unified-addresses-row .address-column .use-billing-checkbox-container .custom-checkbox label {
  margin: 0;
  font-size: 14px;
  cursor: pointer;
  font-weight: 500;
}

/* line 1153, vendor/assets/stylesheets/spree/frontend/theme.scss */
.address-form-actions {
  margin-top: 32px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-top: 24px;
  border-top: 1px solid #DEDEDE;
}

/* line 1162, vendor/assets/stylesheets/spree/frontend/theme.scss */
.address-form-actions .save-as-default-container .custom-checkbox {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* line 1167, vendor/assets/stylesheets/spree/frontend/theme.scss */
.address-form-actions .save-as-default-container .custom-checkbox input[type="checkbox"] {
  width: 18px;
  height: 18px;
  cursor: pointer;
  accent-color: #5787C9;
}

/* line 1173, vendor/assets/stylesheets/spree/frontend/theme.scss */
.address-form-actions .save-as-default-container .custom-checkbox input[type="checkbox"]:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

/* line 1179, vendor/assets/stylesheets/spree/frontend/theme.scss */
.address-form-actions .save-as-default-container .custom-checkbox label {
  font-size: 14px;
  color: #101113;
  cursor: pointer;
  margin-bottom: 0;
}

/* line 1186, vendor/assets/stylesheets/spree/frontend/theme.scss */
.address-form-actions .save-as-default-container .custom-checkbox input[type="checkbox"]:disabled + label {
  cursor: not-allowed;
  opacity: 0.5;
}

/* line 1193, vendor/assets/stylesheets/spree/frontend/theme.scss */
.address-form-actions .form-buttons {
  display: flex;
  gap: 16px;
}

/* line 1198, vendor/assets/stylesheets/spree/frontend/theme.scss */
.address-form-actions .save-address-btn {
  background-color: #5787C9;
  color: #fff;
  border: none;
  padding: 10px 32px;
  border-radius: 100px;
  font-weight: 600;
  cursor: pointer;
}

/* line 1207, vendor/assets/stylesheets/spree/frontend/theme.scss */
.address-form-actions .save-address-btn:hover {
  background-color: #19335D;
}

/* line 1212, vendor/assets/stylesheets/spree/frontend/theme.scss */
.address-form-actions .cancel-address-btn {
  background-color: #fff;
  color: #101113;
  border: 1px solid #DEDEDE;
  padding: 10px 32px;
  border-radius: 100px;
  font-weight: 600;
  cursor: pointer;
}

/* line 1221, vendor/assets/stylesheets/spree/frontend/theme.scss */
.address-form-actions .cancel-address-btn:hover {
  background-color: #F1F4F9;
}

/* line 1230, vendor/assets/stylesheets/spree/frontend/theme.scss */
.row.checkout-content {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}

/* line 1239, vendor/assets/stylesheets/spree/frontend/theme.scss */
.row.checkout-content > form[id^='checkout_form_'] {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* line 1248, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-main-container {
  display: flex;
  padding-right: 24px;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
  box-sizing: border-box;
  width: 100%;
  /* Registration: no checkout steps, so no padding needed for steps/table header */
  /* Unified layout: footer takes real space — no padding for footer */
}

/* line 1257, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-main-container .is-hidden {
  display: none;
}

@media (min-width: 1201px) {
  /* line 1248, vendor/assets/stylesheets/spree/frontend/theme.scss */
  .checkout-main-container {
    /* When scrollbar is visible, offset fixed elements so gap stays 24px (JS sets --scrollbar-gutter-width only when overflow; no reserved empty space when no scrollbar) */
    /* When promotional banner is visible, header is 178px */
    /* When flash message is visible, sticky moves down by flash height (like banner: 138 → 138+flash, 178 → 178+flash) */
  }
  /* line 1263, vendor/assets/stylesheets/spree/frontend/theme.scss */
  .checkout-main-container::after {
    content: '';
    flex: 0 0 450px;
    flex-shrink: 0;
  }
  /* line 1269, vendor/assets/stylesheets/spree/frontend/theme.scss */
  .checkout-main-container .cart-checkout-steps {
    position: fixed;
    top: 138px;
    /* Below in-flow header */
    left: 24px;
    right: calc(450px + 24px + 24px);
    height: 102px;
    z-index: 50;
    background: #FFF;
    /* Align steps content with form: no extra left padding so first step is at 24px like "Billing details" */
  }
  /* line 1278, vendor/assets/stylesheets/spree/frontend/theme.scss */
  .checkout-main-container .cart-checkout-steps .checkout-steps-container {
    padding-left: 0;
  }
  /* line 1281, vendor/assets/stylesheets/spree/frontend/theme.scss */
  .checkout-main-container .cart-checkout-steps::after {
    left: 0;
  }
  /* line 1286, vendor/assets/stylesheets/spree/frontend/theme.scss */
  .checkout-main-container .checkout-right {
    position: fixed;
    top: 138px;
    /* Below in-flow header */
    right: 24px;
    width: 450px;
    max-height: calc(100vh - 138px);
    overflow-y: auto;
    z-index: 50;
    background: #F1F4F9;
  }
  /* line 1297, vendor/assets/stylesheets/spree/frontend/theme.scss */
  .checkout-main-container .cart-checkout-steps {
    right: calc(450px + 24px + 24px + var(--scrollbar-gutter-width, 0px));
  }
  /* line 1300, vendor/assets/stylesheets/spree/frontend/theme.scss */
  .checkout-main-container .checkout-right {
    right: calc(24px + var(--scrollbar-gutter-width, 0px));
  }
  /* line 1305, vendor/assets/stylesheets/spree/frontend/theme.scss */
  body:has(#spree-header.has-banner) .checkout-main-container .cart-checkout-steps, body:has(#spree-header.has-banner) .checkout-main-container .checkout-right {
    top: 178px;
  }
  /* line 1309, vendor/assets/stylesheets/spree/frontend/theme.scss */
  body:has(#spree-header.has-banner) .checkout-main-container .checkout-right {
    max-height: calc(100vh - 178px);
  }
  /* line 1314, vendor/assets/stylesheets/spree/frontend/theme.scss */
  body.has-flash .checkout-main-container .cart-checkout-steps, body.has-flash .checkout-main-container .checkout-right {
    top: calc(138px + var(--flash-height, 60px));
  }
  /* line 1318, vendor/assets/stylesheets/spree/frontend/theme.scss */
  body.has-flash .checkout-main-container .checkout-right {
    max-height: calc(100vh - 138px - var(--flash-height, 60px));
  }
  /* line 1321, vendor/assets/stylesheets/spree/frontend/theme.scss */
  body.has-flash:has(#spree-header.has-banner) .checkout-main-container .cart-checkout-steps, body.has-flash:has(#spree-header.has-banner) .checkout-main-container .checkout-right {
    top: calc(178px + var(--flash-height, 60px));
  }
  /* line 1325, vendor/assets/stylesheets/spree/frontend/theme.scss */
  body.has-flash:has(#spree-header.has-banner) .checkout-main-container .checkout-right {
    max-height: calc(100vh - 178px - var(--flash-height, 60px));
  }
  /* line 1329, vendor/assets/stylesheets/spree/frontend/theme.scss */
  .checkout-main-container .checkout-left {
    padding-top: 102px;
  }
}

/* line 1335, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-main-container.checkout-registration .checkout-left {
  padding-bottom: 0;
  padding-top: 0;
}

/* line 1340, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-main-container .checkout-left {
  display: flex;
  padding-bottom: 24px;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 0 0;
}

/* line 1347, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-main-container .checkout-left .checkout-content-frame {
  display: flex;
  align-items: flex-start;
  padding-left: 24px;
  gap: 24px;
  align-self: stretch;
}

/* line 1354, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  align-self: stretch;
}

/* line 1362, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container {
  display: flex;
  padding: 24px 0;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  align-self: stretch;
}

/* line 1371, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .panel {
  width: 100% !important;
  max-width: none !important;
}

/* line 1376, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .checkout-addresses-row {
  width: 100%;
}

/* line 1379, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .checkout-addresses-row .address-form-mode,
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .checkout-addresses-row .shipping-address-content {
  width: 100%;
}

/* line 1384, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .checkout-addresses-row .inner {
  margin-top: 0;
}

/* line 1389, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .checkout-addresses-row .checkout-shipping-column .use-billing-checkbox-container {
  margin-bottom: 8px;
}

/* line 1395, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .btn-group-address-type {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 0;
  align-self: stretch;
  width: 100%;
}

/* line 1403, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .btn-group-address-type .btn {
  display: flex;
  height: 48px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex: 1 0 0;
  border-radius: 0;
  border: none;
  text-align: center;
}

/* line 1415, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .btn-group-address-type .btn i {
  display: none;
}

/* line 1419, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .btn-group-address-type .btn.btn-primary {
  background-color: #5787C9;
  color: white;
}

/* line 1423, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .btn-group-address-type .btn.btn-primary:hover {
  background-color: #19335D;
}

/* line 1428, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .btn-group-address-type .btn.btn-default {
  background-color: #F7F9FF;
  color: #666;
}

/* line 1433, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .btn-group-address-type .btn.btn-default:hover {
  background-color: #F1F4F9;
}

/* line 1440, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .address-options-frame {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
}

/* line 1447, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .address-options-frame .instruction-text-frame {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
}

/* line 1454, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .address-options-frame .instruction-text-frame .instruction-text {
  color: #101113;
  font-family: "Exo 2";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.5px;
}

/* line 1465, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .address-options-frame .address-types-container {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
}

@media (max-width: 767px) {
  /* line 1465, vendor/assets/stylesheets/spree/frontend/theme.scss */
  .checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .address-options-frame .address-types-container {
    flex-direction: column;
  }
}

/* line 1475, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .address-options-frame .address-types-container .address-type-container.natural-person-container,
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .address-options-frame .address-types-container .address-type-container.legal-person-container {
  display: flex;
  min-height: 98px;
  padding: 0;
  align-items: flex-start;
  gap: 0;
  flex: 1 0 0;
  border: none;
  overflow: visible;
  flex-direction: column;
}

@media (max-width: 767px) {
  /* line 1475, vendor/assets/stylesheets/spree/frontend/theme.scss */
  .checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .address-options-frame .address-types-container .address-type-container.natural-person-container,
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .address-options-frame .address-types-container .address-type-container.legal-person-container {
    width: 100%;
    flex: none;
  }
}

/* line 1492, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .address-options-frame .address-types-container .address-type-container.natural-person-container .addresses-list,
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .address-options-frame .address-types-container .address-type-container.legal-person-container .addresses-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  align-items: stretch;
}

/* line 1499, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .address-options-frame .address-types-container .address-type-container.natural-person-container .addresses-list .address-card,
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .address-options-frame .address-types-container .address-type-container.legal-person-container .addresses-list .address-card {
  display: flex;
  height: 98px;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  position: relative;
  width: 100%;
  max-width: 100%;
  border: 1px solid #DEDEDE;
  padding: 12px 8px;
  background: white;
}

/* line 1513, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .address-options-frame .address-types-container .address-type-container.natural-person-container .addresses-list .address-card:hover .address-card-actions,
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .address-options-frame .address-types-container .address-type-container.legal-person-container .addresses-list .address-card:hover .address-card-actions {
  opacity: 1;
  visibility: visible;
}

/* line 1519, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .address-options-frame .address-types-container .address-type-container.natural-person-container .addresses-list .address-card .radio-container,
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .address-options-frame .address-types-container .address-type-container.legal-person-container .addresses-list .address-card .radio-container {
  display: flex;
  width: 48px;
  height: 48px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}

/* line 1527, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .address-options-frame .address-types-container .address-type-container.natural-person-container .addresses-list .address-card .radio-container input[type="radio"],
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .address-options-frame .address-types-container .address-type-container.legal-person-container .addresses-list .address-card .radio-container input[type="radio"] {
  margin: 0;
  width: 20px;
  height: 20px;
  border: 2px solid #5787C9;
  border-radius: 50%;
  background: white;
  appearance: none;
  cursor: pointer;
  position: relative;
  flex-shrink: 0;
}

/* line 1539, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .address-options-frame .address-types-container .address-type-container.natural-person-container .addresses-list .address-card .radio-container input[type="radio"]:checked,
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .address-options-frame .address-types-container .address-type-container.legal-person-container .addresses-list .address-card .radio-container input[type="radio"]:checked {
  background: white;
  border: 2px solid #5787C9;
}

/* line 1543, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .address-options-frame .address-types-container .address-type-container.natural-person-container .addresses-list .address-card .radio-container input[type="radio"]:checked::after,
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .address-options-frame .address-types-container .address-type-container.legal-person-container .addresses-list .address-card .radio-container input[type="radio"]:checked::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  background: #5787C9;
  border-radius: 50%;
}

/* line 1556, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .address-options-frame .address-types-container .address-type-container.natural-person-container .addresses-list .address-card .radio-container input[type="radio"]:hover,
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .address-options-frame .address-types-container .address-type-container.legal-person-container .addresses-list .address-card .radio-container input[type="radio"]:hover {
  border-color: #5787C9;
}

/* line 1560, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .address-options-frame .address-types-container .address-type-container.natural-person-container .addresses-list .address-card .radio-container input[type="radio"]:checked:hover,
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .address-options-frame .address-types-container .address-type-container.legal-person-container .addresses-list .address-card .radio-container input[type="radio"]:checked:hover {
  background: white;
  border-color: #5787C9;
}

/* line 1564, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .address-options-frame .address-types-container .address-type-container.natural-person-container .addresses-list .address-card .radio-container input[type="radio"]:checked:hover::after,
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .address-options-frame .address-types-container .address-type-container.legal-person-container .addresses-list .address-card .radio-container input[type="radio"]:checked:hover::after {
  background: #5787C9;
}

/* line 1571, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .address-options-frame .address-types-container .address-type-container.natural-person-container .addresses-list .address-card .address-card-label,
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .address-options-frame .address-types-container .address-type-container.legal-person-container .addresses-list .address-card .address-card-label {
  display: flex;
  flex: 1 0 0;
  cursor: pointer;
  min-width: 0;
}

/* line 1577, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .address-options-frame .address-types-container .address-type-container.natural-person-container .addresses-list .address-card .address-card-label .address-card-content,
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .address-options-frame .address-types-container .address-type-container.legal-person-container .addresses-list .address-card .address-card-label .address-card-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  flex: 1 0 0;
}

/* line 1584, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .address-options-frame .address-types-container .address-type-container.natural-person-container .addresses-list .address-card .address-card-label .address-card-content .address-type-container,
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .address-options-frame .address-types-container .address-type-container.legal-person-container .addresses-list .address-card .address-card-label .address-card-content .address-type-container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-self: stretch;
  width: 100%;
  border: none;
  padding: 0;
}

/* line 1593, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .address-options-frame .address-types-container .address-type-container.natural-person-container .addresses-list .address-card .address-card-label .address-card-content .address-type-container .address-type-title,
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .address-options-frame .address-types-container .address-type-container.legal-person-container .addresses-list .address-card .address-card-label .address-card-content .address-type-container .address-type-title {
  color: #101113;
  font-family: "Exo 2";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.15px;
  white-space: nowrap;
}

/* line 1605, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .address-options-frame .address-types-container .address-type-container.natural-person-container .addresses-list .address-card .address-card-label .address-card-content .address-info-frame,
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .address-options-frame .address-types-container .address-type-container.legal-person-container .addresses-list .address-card .address-card-label .address-card-content .address-info-frame {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex: 1;
  min-width: 0;
}

/* line 1613, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .address-options-frame .address-types-container .address-type-container.natural-person-container .addresses-list .address-card .address-card-label .address-card-content .address-info-frame .address-type-title,
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .address-options-frame .address-types-container .address-type-container.legal-person-container .addresses-list .address-card .address-card-label .address-card-content .address-info-frame .address-type-title {
  color: #101113;
  font-family: "Exo 2";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.15px;
  margin-bottom: 4px;
}

/* line 1624, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .address-options-frame .address-types-container .address-type-container.natural-person-container .addresses-list .address-card .address-card-label .address-card-content .address-info-frame .address-name,
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .address-options-frame .address-types-container .address-type-container.legal-person-container .addresses-list .address-card .address-card-label .address-card-content .address-info-frame .address-name {
  color: #101113;
  font-family: "Exo 2";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.1px;
}

/* line 1635, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .address-options-frame .address-types-container .address-type-container.natural-person-container .addresses-list .address-card .address-card-label .address-card-content .address-info-frame .address-details,
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .address-options-frame .address-types-container .address-type-container.legal-person-container .addresses-list .address-card .address-card-label .address-card-content .address-info-frame .address-details {
  color: #101113;
  font-family: "Exo 2";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.25px;
}

/* line 1648, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .address-options-frame .address-types-container .address-type-container.natural-person-container .addresses-list .address-card .address-card-actions,
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .address-options-frame .address-types-container .address-type-container.legal-person-container .addresses-list .address-card .address-card-actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex-shrink: 0;
  margin-left: auto;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, visibility 0.2s ease;
}

/* line 1660, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .address-options-frame .address-types-container .address-type-container.natural-person-container .addresses-list .address-card .address-card-actions .edit-address-btn,
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .address-options-frame .address-types-container .address-type-container.legal-person-container .addresses-list .address-card .address-card-actions .edit-address-btn {
  background: transparent;
  border: none;
  padding: 6px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.2s;
  order: 1;
  width: 36px;
  height: 36px;
}

/* line 1673, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .address-options-frame .address-types-container .address-type-container.natural-person-container .addresses-list .address-card .address-card-actions .edit-address-btn:hover,
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .address-options-frame .address-types-container .address-type-container.legal-person-container .addresses-list .address-card .address-card-actions .edit-address-btn:hover {
  opacity: 0.7;
}

/* line 1676, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .address-options-frame .address-types-container .address-type-container.natural-person-container .addresses-list .address-card .address-card-actions .edit-address-btn:hover svg,
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .address-options-frame .address-types-container .address-type-container.legal-person-container .addresses-list .address-card .address-card-actions .edit-address-btn:hover svg {
  background-color: #5787C9;
  border-color: #5787C9;
}

/* line 1680, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .address-options-frame .address-types-container .address-type-container.natural-person-container .addresses-list .address-card .address-card-actions .edit-address-btn:hover svg path,
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .address-options-frame .address-types-container .address-type-container.legal-person-container .addresses-list .address-card .address-card-actions .edit-address-btn:hover svg path {
  stroke: #fff;
}

/* line 1686, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .address-options-frame .address-types-container .address-type-container.natural-person-container .addresses-list .address-card .address-card-actions .edit-address-btn svg,
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .address-options-frame .address-types-container .address-type-container.legal-person-container .addresses-list .address-card .address-card-actions .edit-address-btn svg {
  width: 32px;
  height: 32px;
  border: 1px solid #DEDEDE;
  border-radius: 50%;
  padding: 6px;
  flex-shrink: 0;
  transition: all 0.2s ease;
}

/* line 1695, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .address-options-frame .address-types-container .address-type-container.natural-person-container .addresses-list .address-card .address-card-actions .edit-address-btn svg path,
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .address-options-frame .address-types-container .address-type-container.legal-person-container .addresses-list .address-card .address-card-actions .edit-address-btn svg path {
  stroke: #4C4A47;
  transition: stroke 0.2s ease;
}

/* line 1702, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .address-options-frame .address-types-container .address-type-container.natural-person-container .addresses-list .address-card .address-card-actions .delete-address-btn,
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .address-options-frame .address-types-container .address-type-container.legal-person-container .addresses-list .address-card .address-card-actions .delete-address-btn {
  background: transparent;
  border: none;
  padding: 6px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.2s;
  order: 2;
  width: 36px;
  height: 36px;
}

/* line 1715, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .address-options-frame .address-types-container .address-type-container.natural-person-container .addresses-list .address-card .address-card-actions .delete-address-btn:hover,
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .address-options-frame .address-types-container .address-type-container.legal-person-container .addresses-list .address-card .address-card-actions .delete-address-btn:hover {
  opacity: 0.7;
}

/* line 1720, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .address-options-frame .address-types-container .address-type-container.natural-person-container .addresses-list .address-card .address-card-actions .delete-address-btn svg,
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .address-options-frame .address-types-container .address-type-container.legal-person-container .addresses-list .address-card .address-card-actions .delete-address-btn svg {
  width: 32px;
  height: 32px;
  border: 1px solid #DEDEDE;
  border-radius: 50%;
  padding: 6px;
  flex-shrink: 0;
  transition: all 0.2s ease;
}

/* line 1736, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .address-options-frame .add-new-address-btn {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 191px;
  gap: 16px;
  align-self: stretch;
  border-radius: 100px;
  border: 1px solid #DEDEDE;
  background: #FFF;
  padding: 12px 24px;
  cursor: pointer;
}

/* line 1750, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .address-options-frame .add-new-address-btn span {
  color: #5787C9;
  font-weight: 500;
}

/* line 1757, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .billing-address-title {
  display: flex;
  align-items: center;
  gap: 12px;
  align-self: stretch;
  background: #F1F4F9;
}

/* line 1764, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .billing-address-title .billing-title-content {
  display: flex;
  align-items: center;
  gap: 24px;
  flex: 1 0 0;
}

/* line 1770, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .billing-address-title .billing-title-content .billing-title-icon {
  display: flex;
  align-items: center;
}

/* line 1774, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .billing-address-title .billing-title-content .billing-title-icon svg {
  width: 60px;
  height: 60px;
}

/* line 1778, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .billing-address-title .billing-title-content .billing-title-icon svg rect {
  fill: #5787C9;
}

/* line 1784, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .billing-address-title .billing-title-content .billing-title-text {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

/* line 1789, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-main-container .checkout-left .checkout-content-frame .checkout-content-container .billing-address-container .billing-address-title .billing-title-content .billing-title-text h3 {
  margin: 0;
  color: #5787C9;
  font-family: "Exo 2";
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  /* 127.273% */
}

/* line 1807, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-main-container .checkout-right {
  display: flex;
  width: 450px;
  min-width: 450px;
  max-width: 450px;
  margin-top: 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  flex-shrink: 0;
}

@media (max-width: 1200px) {
  /* line 1248, vendor/assets/stylesheets/spree/frontend/theme.scss */
  .checkout-main-container {
    flex-direction: column;
    padding-right: 0;
    /* Unified layout: footer takes real space — no padding for footer */
    min-height: 100vh;
    /* Allow summary to push to bottom on short steps */
  }
  /* line 1826, vendor/assets/stylesheets/spree/frontend/theme.scss */
  .checkout-main-container .checkout-left {
    order: 1;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  /* line 1832, vendor/assets/stylesheets/spree/frontend/theme.scss */
  .checkout-main-container .checkout-left .checkout-content-frame {
    padding-left: 16px;
    padding-right: 16px;
  }
  /* line 1838, vendor/assets/stylesheets/spree/frontend/theme.scss */
  .checkout-main-container .checkout-right {
    order: 999;
    position: static !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    margin-top: auto;
    padding-left: 0;
    padding-right: 0;
  }
}

/* line 1853, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-main-container .address-form-buttons {
  display: flex;
  align-items: flex-start;
  gap: 24px;
}

/* line 1858, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-main-container .address-form-buttons .save-address-btn {
  background-color: #5787C9;
  border: none;
  border-radius: 100px;
  color: white;
  font-weight: 500;
  padding: 10px 24px;
}

/* line 1867, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-main-container .address-form-buttons .cancel-address-btn {
  background-color: white;
  border: 1px solid #DEDEDE;
  border-radius: 100px;
  color: #5787C9;
  font-weight: 500;
  padding: 10px 24px;
  cursor: pointer;
  transition: all 0.2s ease;
}

/* line 1877, vendor/assets/stylesheets/spree/frontend/theme.scss */
.checkout-main-container .address-form-buttons .cancel-address-btn:hover {
  background-color: #19335D;
  color: white;
}

/* line 1894, vendor/assets/stylesheets/spree/frontend/theme.scss */
.inner .field_with_errors p.form-group,
.inner p.form-group:has(.field_with_errors) {
  border-color: rgba(234, 31, 0, 0.2) !important;
  box-shadow: 0 0 0 1px rgba(234, 31, 0, 0.2);
}

/* line 1899, vendor/assets/stylesheets/spree/frontend/theme.scss */
.inner .field_with_errors p.form-group label,
.inner .field_with_errors p.form-group input,
.inner .field_with_errors p.form-group select,
.inner .field_with_errors p.form-group textarea,
.inner p.form-group:has(.field_with_errors) label,
.inner p.form-group:has(.field_with_errors) input,
.inner p.form-group:has(.field_with_errors) select,
.inner p.form-group:has(.field_with_errors) textarea {
  color: #EA1F00 !important;
}

/* line 1906, vendor/assets/stylesheets/spree/frontend/theme.scss */
.inner .field_with_errors p.form-group input::placeholder,
.inner .field_with_errors p.form-group textarea::placeholder,
.inner p.form-group:has(.field_with_errors) input::placeholder,
.inner p.form-group:has(.field_with_errors) textarea::placeholder {
  color: rgba(234, 31, 0, 0.8) !important;
}

/* line 1913, vendor/assets/stylesheets/spree/frontend/theme.scss */
.inner p.form-group.field-with-errors {
  border-color: rgba(234, 31, 0, 0.2) !important;
  box-shadow: 0 0 0 1px rgba(234, 31, 0, 0.2);
}

/* line 1917, vendor/assets/stylesheets/spree/frontend/theme.scss */
.inner p.form-group.field-with-errors label,
.inner p.form-group.field-with-errors input,
.inner p.form-group.field-with-errors textarea,
.inner p.form-group.field-with-errors select {
  color: #EA1F00 !important;
}

/* line 1926, vendor/assets/stylesheets/spree/frontend/theme.scss */
.inner .address-form-row {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: flex-start;
  margin-bottom: 24px;
  width: 100%;
}

/* line 1934, vendor/assets/stylesheets/spree/frontend/theme.scss */
.inner .address-form-row > p.form-group {
  flex: 1 1 0;
  min-width: 0;
  margin-bottom: 0;
}

/* line 1940, vendor/assets/stylesheets/spree/frontend/theme.scss */
.inner .address-form-row .address-form-row-spacer {
  flex: 1 1 0;
  min-width: 0;
}

/* line 1947, vendor/assets/stylesheets/spree/frontend/theme.scss */
.inner p.form-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  flex: 1 0 0;
  align-self: stretch;
  border-radius: 4px;
  border: 1px solid #DEDEDE;
  position: relative;
  width: 100%;
  padding: 4px 0 4px 16px;
  margin-bottom: 24px;
}

/* line 1962, vendor/assets/stylesheets/spree/frontend/theme.scss */
.inner p.form-group .required {
  display: none;
}

/* line 1966, vendor/assets/stylesheets/spree/frontend/theme.scss */
.inner p.form-group br {
  display: none;
}

/* line 1970, vendor/assets/stylesheets/spree/frontend/theme.scss */
.inner p.form-group input[type="text"],
.inner p.form-group input[type="tel"],
.inner p.form-group input[type="email"],
.inner p.form-group input[type="password"],
.inner p.form-group textarea {
  display: flex;
  align-items: center;
  align-self: stretch;
  width: 100%;
  font-family: "Exo 2";
  font-size: 14px;
  background-color: #fff;
  border: none;
  box-sizing: border-box;
  padding-right: 40px;
  padding-left: 0 !important;
  margin: 0;
}

/* line 1989, vendor/assets/stylesheets/spree/frontend/theme.scss */
.inner p.form-group select.form-control {
  display: flex;
  align-items: center;
  align-self: stretch;
  width: 100%;
  font-family: "Exo 2";
  font-size: 14px;
  background-color: #fff;
  border: none;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

/* line 2002, vendor/assets/stylesheets/spree/frontend/theme.scss */
.inner p.form-group select.form-control:focus {
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
  background-color: transparent !important;
}

/* line 2009, vendor/assets/stylesheets/spree/frontend/theme.scss */
.inner p.form-group select.form-control::placeholder {
  color: #999;
}

/* line 2014, vendor/assets/stylesheets/spree/frontend/theme.scss */
.inner p.form-group select.form-control:-webkit-autofill, .inner p.form-group select.form-control:-webkit-autofill:hover, .inner p.form-group select.form-control:-webkit-autofill:focus, .inner p.form-group select.form-control:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
  box-shadow: 0 0 0 1000px transparent inset !important;
  -webkit-text-fill-color: inherit !important;
  background-color: transparent !important;
  transition: background-color 9999s ease-out 0s;
}

/* line 2036, vendor/assets/stylesheets/spree/frontend/theme.scss */
.inner p.form-group[id*="state"]::after, .inner p.form-group[id*="country"]::after, .inner p.form-group:has(select)::after, .inner p.form-group:has(input.state_name)::after, .inner p.form-group:has(input[type="checkbox"])::after, .inner p.form-group:has(input[type="radio"])::after, .inner p.form-group.field.checkbox::after, .checkout-content-summary .inner p.form-group::after, .checkout-content-summary .inner p.form-group *::after {
  display: none !important;
}

/* line 2041, vendor/assets/stylesheets/spree/frontend/theme.scss */
.inner p.form-group[id*="state"] input:not(select), .inner p.form-group[id*="country"] input:not(select), .inner p.form-group:has(select) input:not(select), .inner p.form-group:has(input.state_name) input:not(select), .inner p.form-group:has(input[type="checkbox"]) input:not(select), .inner p.form-group:has(input[type="radio"]) input:not(select), .inner p.form-group.field.checkbox input:not(select), .checkout-content-summary .inner p.form-group input:not(select), .checkout-content-summary .inner p.form-group * input:not(select) {
  padding-right: 0 !important;
}

/* line 2047, vendor/assets/stylesheets/spree/frontend/theme.scss */
.inner p.form-group input[id$="_zipcode"]::placeholder,
.inner p.form-group input[name$="[zipcode]"]::placeholder {
  color: transparent;
}

/* line 2053, vendor/assets/stylesheets/spree/frontend/theme.scss */
.inner p.form-group .hidden,
.inner p.form-group input.hidden,
.inner p.form-group select.hidden {
  display: none !important;
  visibility: hidden !important;
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
}

/* line 2067, vendor/assets/stylesheets/spree/frontend/theme.scss */
.inner p.form-group span#scountry-selection,
.inner p.form-group span#bcountry-selection,
.inner p.form-group span#sstate-selection,
.inner p.form-group span#bstate-selection {
  width: 100% !important;
  display: block !important;
}

/* line 2074, vendor/assets/stylesheets/spree/frontend/theme.scss */
.inner p.form-group span#scountry-selection select.form-control,
.inner p.form-group span#bcountry-selection select.form-control,
.inner p.form-group span#sstate-selection select.form-control,
.inner p.form-group span#bstate-selection select.form-control {
  width: 100% !important;
}

/* line 2081, vendor/assets/stylesheets/spree/frontend/theme.scss */
.inner p#sstate.form-group select.form-control, .inner p#bstate.form-group select.form-control {
  width: 100% !important;
  min-height: 38px;
}

/* line 2090, vendor/assets/stylesheets/spree/frontend/theme.scss */
.inner .btn-group-address-type {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 0;
  align-self: stretch;
  width: 100%;
  margin-bottom: 24px;
}

/* line 2099, vendor/assets/stylesheets/spree/frontend/theme.scss */
.inner .btn-group-address-type .btn {
  display: flex;
  height: 48px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex: 1 0 0;
  border-radius: 0;
  border: none;
  text-align: center;
}

/* line 2110, vendor/assets/stylesheets/spree/frontend/theme.scss */
.inner .btn-group-address-type .btn i {
  display: none;
}

/* line 2114, vendor/assets/stylesheets/spree/frontend/theme.scss */
.inner .btn-group-address-type .btn.btn-primary {
  background-color: #5787C9;
  color: white;
}

/* line 2118, vendor/assets/stylesheets/spree/frontend/theme.scss */
.inner .btn-group-address-type .btn.btn-primary:hover {
  background-color: #19335D;
}

/* line 2123, vendor/assets/stylesheets/spree/frontend/theme.scss */
.inner .btn-group-address-type .btn.btn-default {
  background-color: #F7F9FF;
  color: #666;
}

/* line 2127, vendor/assets/stylesheets/spree/frontend/theme.scss */
.inner .btn-group-address-type .btn.btn-default:hover {
  background-color: #F1F4F9;
}

/* line 2138, vendor/assets/stylesheets/spree/frontend/theme.scss */
.sku-input-section {
  display: flex;
  padding: 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
}

/* line 2146, vendor/assets/stylesheets/spree/frontend/theme.scss */
.sku-input-section .sku-input-inner-frame {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
}

/* line 2153, vendor/assets/stylesheets/spree/frontend/theme.scss */
.sku-input-section .sku-input-inner-frame .sku-input-instruction {
  color: #101113;
  font-family: "Exo 2";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
  letter-spacing: 0.5px;
}

/* line 2164, vendor/assets/stylesheets/spree/frontend/theme.scss */
.sku-input-section .sku-input-row {
  display: flex;
  height: 65px;
  align-items: flex-end;
  gap: 16px;
}

/* line 2170, vendor/assets/stylesheets/spree/frontend/theme.scss */
.sku-input-section .sku-input-row .sku-input-field-container {
  display: flex;
  width: 265px;
  flex-direction: column;
  align-items: flex-start;
  flex-shrink: 0;
  border-radius: 4px 4px 0 0;
}

/* line 2179, vendor/assets/stylesheets/spree/frontend/theme.scss */
.sku-input-section .sku-input-row .sku-input-field-container .sku-input-wrapper {
  display: flex;
  padding: 4px 0 4px 16px;
  align-items: flex-start;
  gap: 4px;
  flex: 1 0 0;
  align-self: stretch;
  border-radius: 4px;
  border: 1px solid #DEDEDE;
  position: relative;
  width: 100%;
}

/* line 2191, vendor/assets/stylesheets/spree/frontend/theme.scss */
.sku-input-section .sku-input-row .sku-input-field-container .sku-input-wrapper:hover {
  border: 1px solid #101113;
}

/* line 2195, vendor/assets/stylesheets/spree/frontend/theme.scss */
.sku-input-section .sku-input-row .sku-input-field-container .sku-input-wrapper .sku-input-label {
  display: flex;
  padding: 0 4px;
  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;
}

/* line 2211, vendor/assets/stylesheets/spree/frontend/theme.scss */
.sku-input-section .sku-input-row .sku-input-field-container .sku-input-wrapper .sku-input-field {
  display: flex;
  align-items: center;
  align-self: stretch;
  width: 100%;
  font-family: "Exo 2";
  font-size: 14px;
  background-color: #fff;
  border: none;
  box-sizing: border-box;
}

/* line 2222, vendor/assets/stylesheets/spree/frontend/theme.scss */
.sku-input-section .sku-input-row .sku-input-field-container .sku-input-wrapper .sku-input-field:focus {
  outline: none;
  border-color: #5787C9;
  box-shadow: 0 0 0 2px rgba(33, 150, 243, 0.1);
}

/* line 2228, vendor/assets/stylesheets/spree/frontend/theme.scss */
.sku-input-section .sku-input-row .sku-input-field-container .sku-input-wrapper .sku-input-field::placeholder {
  color: #999;
}

/* line 2233, vendor/assets/stylesheets/spree/frontend/theme.scss */
.sku-input-section .sku-input-row .sku-input-field-container .sku-input-wrapper .sku-clear-btn {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: 1px solid #101113;
  border-radius: 50% !important;
  color: #101113 !important;
  color: #999;
  cursor: pointer;
  padding: 4px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  transition: all 0.2s ease;
}

/* line 2251, vendor/assets/stylesheets/spree/frontend/theme.scss */
.sku-input-section .sku-input-row .sku-input-field-container .sku-input-wrapper .sku-clear-btn:hover {
  color: #4C4A47;
  background-color: #DEDEDE;
}

/* line 2256, vendor/assets/stylesheets/spree/frontend/theme.scss */
.sku-input-section .sku-input-row .sku-input-field-container .sku-input-wrapper .sku-clear-btn svg {
  width: 12px;
  height: 12px;
}

/* line 2264, vendor/assets/stylesheets/spree/frontend/theme.scss */
.sku-input-section .sku-input-row .sku-quantity-container {
  display: flex;
  height: 65px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  border-radius: 4px 4px 0 0;
}

/* line 2272, vendor/assets/stylesheets/spree/frontend/theme.scss */
.sku-input-section .sku-input-row .sku-quantity-container .sku-quantity-label-container {
  display: flex;
  padding: 0 4px;
  align-items: center;
}

/* line 2277, vendor/assets/stylesheets/spree/frontend/theme.scss */
.sku-input-section .sku-input-row .sku-quantity-container .sku-quantity-label-container .sku-quantity-label {
  color: #4C4A47;
  font-family: "Exo 2";
  font-size: 12px;
  font-style: normal;
  margin-bottom: 0;
  margin-top: 4px;
  font-weight: 400;
  line-height: 16px;
  /* 133.333% */
  letter-spacing: 0.4px;
}

/* line 2290, vendor/assets/stylesheets/spree/frontend/theme.scss */
.sku-input-section .sku-input-row .sku-quantity-container .sku-quantity-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 10px;
  flex: 1 0 0;
}

/* line 2298, vendor/assets/stylesheets/spree/frontend/theme.scss */
.sku-input-section .sku-input-row .sku-quantity-container .sku-quantity-wrapper .sku-quantity-controls-container {
  display: flex;
  padding: 2px;
  align-items: center;
  gap: 2px;
  border-radius: 24px;
  border: 1px solid #72787E;
}

/* line 2306, vendor/assets/stylesheets/spree/frontend/theme.scss */
.sku-input-section .sku-input-row .sku-quantity-container .sku-quantity-wrapper .sku-quantity-controls-container .sku-quantity-decrease,
.sku-input-section .sku-input-row .sku-quantity-container .sku-quantity-wrapper .sku-quantity-controls-container .sku-quantity-increase {
  display: flex;
  width: 28.533px;
  height: 28.533px;
  padding: 5.66px;
  align-items: center;
  justify-content: center;
  gap: 7.074px;
  background: none;
  border-radius: 70.744px;
  border: none;
  cursor: pointer;
  flex-shrink: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  color: #181C20;
}

/* line 2325, vendor/assets/stylesheets/spree/frontend/theme.scss */
.sku-input-section .sku-input-row .sku-quantity-container .sku-quantity-wrapper .sku-quantity-controls-container .sku-quantity-decrease:hover,
.sku-input-section .sku-input-row .sku-quantity-container .sku-quantity-wrapper .sku-quantity-controls-container .sku-quantity-increase:hover {
  background: none;
  color: #181C20;
}

/* line 2331, vendor/assets/stylesheets/spree/frontend/theme.scss */
.sku-input-section .sku-input-row .sku-quantity-container .sku-quantity-wrapper .sku-quantity-controls-container .sku-quantity-input {
  display: flex;
  width: 48px;
  height: 24px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 1px solid #DEDEDE;
  background: none;
  text-align: center;
  font-family: "Exo 2";
  font-size: 12px;
  padding: 0;
  /* Remove number input arrows */
  -moz-appearance: textfield;
  appearance: textfield;
}

/* line 2349, vendor/assets/stylesheets/spree/frontend/theme.scss */
.sku-input-section .sku-input-row .sku-quantity-container .sku-quantity-wrapper .sku-quantity-controls-container .sku-quantity-input::-webkit-outer-spin-button, .sku-input-section .sku-input-row .sku-quantity-container .sku-quantity-wrapper .sku-quantity-controls-container .sku-quantity-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* line 2355, vendor/assets/stylesheets/spree/frontend/theme.scss */
.sku-input-section .sku-input-row .sku-quantity-container .sku-quantity-wrapper .sku-quantity-controls-container .sku-quantity-input:hover {
  background: none;
}

/* line 2359, vendor/assets/stylesheets/spree/frontend/theme.scss */
.sku-input-section .sku-input-row .sku-quantity-container .sku-quantity-wrapper .sku-quantity-controls-container .sku-quantity-input:not(:placeholder-shown), .sku-input-section .sku-input-row .sku-quantity-container .sku-quantity-wrapper .sku-quantity-controls-container .sku-quantity-input[value]:not([value=""]):not([value="0"]) {
  color: #101113;
}

/* line 2368, vendor/assets/stylesheets/spree/frontend/theme.scss */
.sku-input-section .sku-input-row .sku-add-container {
  display: flex;
  width: 123px;
  height: 49px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 10px;
  flex-shrink: 0;
}

/* line 2378, vendor/assets/stylesheets/spree/frontend/theme.scss */
.sku-input-section .sku-input-row .sku-add-container .sku-add-btn {
  display: flex;
  height: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  align-self: stretch;
  border-radius: 100px;
  background: #5787C9;
  border: none;
  padding: 0;
}

/* line 2393, vendor/assets/stylesheets/spree/frontend/theme.scss */
.sku-input-section .sku-input-row .sku-add-container .sku-add-btn .btn-content {
  display: flex;
  padding: 10px 24px 10px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex: 1 0 0;
}

/* line 2402, vendor/assets/stylesheets/spree/frontend/theme.scss */
.sku-input-section .sku-input-row .sku-add-container .sku-add-btn .btn-content svg {
  width: 10.5px;
  height: 10.5px;
  flex-shrink: 0;
}

/* line 2409, vendor/assets/stylesheets/spree/frontend/theme.scss */
.sku-input-section .sku-input-row .sku-add-container .sku-add-btn .btn-content span {
  color: #FFF;
  text-align: center;
  /* M3/label/large - prominent */
  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 2424, vendor/assets/stylesheets/spree/frontend/theme.scss */
.sku-input-section .sku-input-row .sku-add-container .sku-add-btn:hover {
  background-color: #5787C9;
  filter: brightness(110%);
}

@media (max-width: 1200px) {
  /* line 2437, vendor/assets/stylesheets/spree/frontend/theme.scss */
  .desktop-sku-section {
    display: none !important;
  }
}

/* line 2444, vendor/assets/stylesheets/spree/frontend/theme.scss */
.mobile-sku-section {
  display: none;
}

@media (max-width: 1200px) {
  /* line 2444, vendor/assets/stylesheets/spree/frontend/theme.scss */
  .mobile-sku-section {
    display: block !important;
  }
}

@media (max-width: 1200px) {
  /* line 2453, vendor/assets/stylesheets/spree/frontend/theme.scss */
  .shopping-cart-empty {
    width: 100% !important;
    max-width: 100% !important;
  }
  /* line 2458, vendor/assets/stylesheets/spree/frontend/theme.scss */
  .shopping-cart-empty .sku-input-section {
    width: 100% !important;
    max-width: 100% !important;
  }
  /* line 2462, vendor/assets/stylesheets/spree/frontend/theme.scss */
  .shopping-cart-empty .sku-input-section .sku-input-row {
    flex-wrap: wrap !important;
    height: auto !important;
    min-height: 65px;
    max-width: 100% !important;
    /* Prevent overflow */
    box-sizing: border-box;
  }
}

@media (max-width: 1200px) {
  /* line 2474, vendor/assets/stylesheets/spree/frontend/theme.scss */
  .populated-cart-sku-wrapper {
    width: 100% !important;
    max-width: 100% !important;
  }
  /* line 2479, vendor/assets/stylesheets/spree/frontend/theme.scss */
  .populated-cart-sku-wrapper .sku-input-section {
    width: 100% !important;
    max-width: 100% !important;
  }
  /* line 2483, vendor/assets/stylesheets/spree/frontend/theme.scss */
  .populated-cart-sku-wrapper .sku-input-section .sku-input-row {
    flex-wrap: wrap !important;
    height: auto !important;
    min-height: 65px;
    max-width: 100% !important;
    /* Prevent overflow */
    box-sizing: border-box;
  }
}

/* line 2494, vendor/assets/stylesheets/spree/frontend/theme.scss */
.empty-cart-sku-section {
  margin-top: 16px;
  width: 100%;
  max-width: 600px;
}

@media (min-width: 1201px) {
  /* line 2494, vendor/assets/stylesheets/spree/frontend/theme.scss */
  .empty-cart-sku-section {
    display: none !important;
  }
}

@media (max-width: 1200px) {
  /* line 2494, vendor/assets/stylesheets/spree/frontend/theme.scss */
  .empty-cart-sku-section {
    max-width: 100% !important;
    /* Full width on mobile */
    width: 100% !important;
  }
  /* line 2508, vendor/assets/stylesheets/spree/frontend/theme.scss */
  .empty-cart-sku-section .sku-input-section {
    width: 100%;
    max-width: 100%;
  }
  /* line 2512, vendor/assets/stylesheets/spree/frontend/theme.scss */
  .empty-cart-sku-section .sku-input-section .sku-input-row {
    flex-wrap: wrap !important;
    height: auto !important;
    min-height: 65px;
    max-width: 100% !important;
    /* Prevent overflow */
    box-sizing: border-box;
  }
}

/* line 2522, vendor/assets/stylesheets/spree/frontend/theme.scss */
.empty-cart-sku-section .sku-input-section {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
}

@media (max-width: 1200px) {
  /* line 2530, vendor/assets/stylesheets/spree/frontend/theme.scss */
  .empty-cart-sku-cell {
    width: 100% !important;
    display: block !important;
  }
}

/* line 2540, vendor/assets/stylesheets/spree/frontend/theme.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 2560, vendor/assets/stylesheets/spree/frontend/theme.scss */
.alert.alert-danger {
  margin-bottom: 0 !important;
  background: rgba(234, 31, 0, 0.12);
}

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

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

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

/* line 2581, vendor/assets/stylesheets/spree/frontend/theme.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 2595, vendor/assets/stylesheets/spree/frontend/theme.scss */
.alert.bw-flash-row .bw-flash-close:hover {
  opacity: 1;
}

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

@media (max-width: 1200px) {
  /* line 2610, vendor/assets/stylesheets/spree/frontend/theme.scss */
  .checkout-confirm-order-details-line-items .cart-table-headers {
    display: none !important;
  }
}
/*
 * This is a manifest file that'll automatically include all the stylesheets available in this directory
 * and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
 * the top of the compiled file, but it's generally better to create a new file per style scope.
 *




 * disabled: spree/frontend/spree_social (spree_social gem removed)
*/
/* 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%);
}

/* line 18, vendor/assets/stylesheets/spree/frontend/curtain.scss */
.spinner {
  border-radius: 50%;
  height: 32px;
  width: 32px;
  border: 4px solid #2aa7ff;
  border-right-color: transparent;
  animation: fa-spin .6s linear infinite;
}
/* 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 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/_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;
}
/* line 3, vendor/assets/stylesheets/spree/frontend/layouts/_checkout_steps.scss */
.cart-checkout-steps {
  display: flex;
  padding-top: 16px;
  padding-bottom: 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  position: relative;
}

@media (max-width: 767px) {
  /* line 3, vendor/assets/stylesheets/spree/frontend/layouts/_checkout_steps.scss */
  .cart-checkout-steps {
    display: none;
  }
}

@media (max-width: 1200px) {
  /* line 3, vendor/assets/stylesheets/spree/frontend/layouts/_checkout_steps.scss */
  .cart-checkout-steps {
    padding-right: 24px;
  }
}

/* line 21, vendor/assets/stylesheets/spree/frontend/layouts/_checkout_steps.scss */
.cart-checkout-steps::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 24px;
  right: 0;
  height: 2px;
  background-color: #DEDEDE;
}

/* line 31, vendor/assets/stylesheets/spree/frontend/layouts/_checkout_steps.scss */
.cart-checkout-steps .checkout-steps-container {
  display: flex;
  align-items: center;
  gap: 0;
  min-height: 68px;
  padding-left: 20px;
  width: 100%;
}

/* line 40, vendor/assets/stylesheets/spree/frontend/layouts/_checkout_steps.scss */
.cart-checkout-steps .checkout-steps-container .checkout-step {
  display: flex;
  flex: 0 0 auto;
  position: relative;
}

/* line 45, vendor/assets/stylesheets/spree/frontend/layouts/_checkout_steps.scss */
.cart-checkout-steps .checkout-steps-container .checkout-step .step-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  min-height: 68px;
  position: relative;
}

/* line 56, vendor/assets/stylesheets/spree/frontend/layouts/_checkout_steps.scss */
.cart-checkout-steps .checkout-steps-container .step-divider {
  flex: 1;
  height: 2px;
  background-color: #F1F4F9;
  align-self: flex-start;
  margin-top: 20px;
  margin-left: -20px;
  margin-right: -20px;
  position: relative;
  z-index: 0;
}

/* line 69, vendor/assets/stylesheets/spree/frontend/layouts/_checkout_steps.scss */
.cart-checkout-steps .checkout-steps-container .checkout-step .step-circle {
  display: flex;
  width: 40px;
  height: 40px;
  padding: 10px;
  justify-content: center;
  align-items: center;
  gap: 12.5px;
  border-radius: 125px;
  border: 1.25px solid rgba(60, 95, 144, 0.12);
  background-color: #F1F4F9;
  color: #101113;
  text-align: center;
  font-family: "Exo 2";
  font-size: 17.5px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  /* 142.857% */
  letter-spacing: 0.313px;
  position: relative;
  z-index: 1;
}

/* line 92, vendor/assets/stylesheets/spree/frontend/layouts/_checkout_steps.scss */
.cart-checkout-steps .checkout-steps-container .checkout-step .step-label {
  white-space: normal;
  word-wrap: break-word;
  color: #101113;
  text-align: center;
  font-family: "Exo 2";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: 0.25px;
}

/* line 106, vendor/assets/stylesheets/spree/frontend/layouts/_checkout_steps.scss */
.cart-checkout-steps .checkout-steps-container .checkout-step.active .step-circle {
  background-color: #FE8F1C;
  color: white;
}

/* line 111, vendor/assets/stylesheets/spree/frontend/layouts/_checkout_steps.scss */
.cart-checkout-steps .checkout-steps-container .checkout-step.active .step-label {
  color: #FE8F1C;
  font-weight: bold;
}

/* line 118, vendor/assets/stylesheets/spree/frontend/layouts/_checkout_steps.scss */
.cart-checkout-steps .checkout-steps-container .checkout-step.completed .step-circle {
  background-color: #5787C9;
  color: white;
}

/* line 123, vendor/assets/stylesheets/spree/frontend/layouts/_checkout_steps.scss */
.cart-checkout-steps .checkout-steps-container .checkout-step.completed .step-label {
  color: #101113;
}

@media (max-width: 1700px) {
  /* line 135, vendor/assets/stylesheets/spree/frontend/layouts/_checkout_steps.scss */
  body#order-page .cart-checkout-steps::after {
    left: 0;
    /* remove left padding when summary goes bottom */
    right: 24px;
    /* stop divider before right edge on confirm */
  }
}

@media (max-width: 1200px) {
  /* line 143, vendor/assets/stylesheets/spree/frontend/layouts/_checkout_steps.scss */
  body#order-page .cart-checkout-steps {
    padding-right: 0;
  }
  /* line 146, vendor/assets/stylesheets/spree/frontend/layouts/_checkout_steps.scss */
  body#order-page .cart-checkout-steps::after {
    left: 0;
    right: 0;
  }
  /* line 151, vendor/assets/stylesheets/spree/frontend/layouts/_checkout_steps.scss */
  body#order-page .cart-checkout-steps .checkout-steps-container {
    padding-left: 0;
  }
}
/* line 8, vendor/assets/stylesheets/spree/frontend/layouts/_delivery.scss */
#payment-form {
  width: 100% !important;
}

/* line 12, vendor/assets/stylesheets/spree/frontend/layouts/_delivery.scss */
#payment-form #payment-method-fields {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* line 21, vendor/assets/stylesheets/spree/frontend/layouts/_delivery.scss */
#payment-form #payment-method-fields .list-group-item {
  display: flex;
  flex-direction: column;
  padding: 16px;
  align-items: stretch;
  gap: 12px;
  align-self: stretch;
  border: 1px solid #DEDEDE;
  width: 100%;
  background: white;
  transition: all 0.2s ease;
}

/* line 33, vendor/assets/stylesheets/spree/frontend/layouts/_delivery.scss */
#payment-form #payment-method-fields .list-group-item:hover {
  background-color: #f9fafb;
}

/* line 37, vendor/assets/stylesheets/spree/frontend/layouts/_delivery.scss */
#payment-form #payment-method-fields .list-group-item .payment-method-select-link {
  flex: 0 0 auto;
  width: 100%;
  margin: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  color: inherit;
}

/* line 48, vendor/assets/stylesheets/spree/frontend/layouts/_delivery.scss */
#payment-form #payment-method-fields .list-group-item .payment-method-select-link input[type="radio"] {
  margin: 0;
  cursor: pointer;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  accent-color: #5787C9;
}

/* line 58, vendor/assets/stylesheets/spree/frontend/layouts/_delivery.scss */
#payment-form #payment-method-fields .list-group-item label {
  flex: 1;
  width: 100%;
  margin: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 12px;
}

/* line 67, vendor/assets/stylesheets/spree/frontend/layouts/_delivery.scss */
#payment-form #payment-method-fields .list-group-item label input[type="radio"] {
  margin: 0;
  cursor: pointer;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  accent-color: #5787C9;
}

/* line 77, vendor/assets/stylesheets/spree/frontend/layouts/_delivery.scss */
#payment-form #payment-method-fields .list-group-item fieldset {
  border: none;
  padding: 0;
  margin: 0;
  width: 100%;
}

/* line 84, vendor/assets/stylesheets/spree/frontend/layouts/_delivery.scss */
#payment-form #payment-method-fields .list-group-item .card {
  width: 100%;
  max-width: 100%;
  margin: 0;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

/* line 92, vendor/assets/stylesheets/spree/frontend/layouts/_delivery.scss */
#payment-form #payment-method-fields .list-group-item .card .card-body {
  padding: 0;
  background: transparent !important;
  width: 100%;
}

/* line 97, vendor/assets/stylesheets/spree/frontend/layouts/_delivery.scss */
#payment-form #payment-method-fields .list-group-item .card .card-body .bt-drop-in-container,
#payment-form #payment-method-fields .list-group-item .card .card-body #drop-in {
  width: 100%;
  max-width: 100%;
}

/* line 103, vendor/assets/stylesheets/spree/frontend/layouts/_delivery.scss */
#payment-form #payment-method-fields .list-group-item .card .card-body #hosted-fields {
  width: 100%;
}

/* line 107, vendor/assets/stylesheets/spree/frontend/layouts/_delivery.scss */
#payment-form #payment-method-fields .list-group-item .card .card-body .row {
  width: 100%;
  margin: 0;
}

/* line 111, vendor/assets/stylesheets/spree/frontend/layouts/_delivery.scss */
#payment-form #payment-method-fields .list-group-item .card .card-body .row .col-xs-12 {
  padding: 0;
}

/* line 122, vendor/assets/stylesheets/spree/frontend/layouts/_delivery.scss */
.checkout-step-title-row {
  display: flex;
  align-items: center;
  gap: 24px;
  width: 100%;
  margin: 24px 0;
  position: relative;
}

/* line 130, vendor/assets/stylesheets/spree/frontend/layouts/_delivery.scss */
.checkout-step-title-row::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #F1F4F9;
  z-index: -1;
}

/* line 142, vendor/assets/stylesheets/spree/frontend/layouts/_delivery.scss */
.checkout-step-title-row .checkout-step-title-icon {
  display: flex;
  width: 60px;
  height: 60px;
  padding: 10px;
  justify-content: center;
  align-items: center;
  background: #5787C9;
  flex-shrink: 0;
}

/* line 152, vendor/assets/stylesheets/spree/frontend/layouts/_delivery.scss */
.checkout-step-title-row .checkout-step-title-icon svg {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

/* line 161, vendor/assets/stylesheets/spree/frontend/layouts/_delivery.scss */
.checkout-step-title-row .checkout-step-title-text {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  flex: 1;
}

/* line 168, vendor/assets/stylesheets/spree/frontend/layouts/_delivery.scss */
.checkout-step-title-row .checkout-step-title-text h3 {
  margin: 0;
  color: #5787C9;
  font-family: "Exo 2", Roboto;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  /* 127.273% */
}

/* line 181, vendor/assets/stylesheets/spree/frontend/layouts/_delivery.scss */
.checkout-step-options-container {
  width: 100% !important;
}

/* line 184, vendor/assets/stylesheets/spree/frontend/layouts/_delivery.scss */
.checkout-step-options-container [data-hook="checkout_payment_step"] {
  width: 100% !important;
}

/* line 188, vendor/assets/stylesheets/spree/frontend/layouts/_delivery.scss */
.checkout-step-options-container .checkout-step-options-list {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* line 197, vendor/assets/stylesheets/spree/frontend/layouts/_delivery.scss */
.checkout-step-options-container .checkout-step-options-list .checkout-step-option {
  display: flex;
  padding: 16px;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  border: 1px solid #DEDEDE;
  width: 100%;
}

/* line 206, vendor/assets/stylesheets/spree/frontend/layouts/_delivery.scss */
.checkout-step-options-container .checkout-step-options-list .checkout-step-option .radio-container {
  flex-shrink: 0;
}

/* line 210, vendor/assets/stylesheets/spree/frontend/layouts/_delivery.scss */
.checkout-step-options-container .checkout-step-options-list .checkout-step-option label {
  flex: 1;
  width: 100%;
  margin: 0;
  cursor: pointer;
}

/* line 216, vendor/assets/stylesheets/spree/frontend/layouts/_delivery.scss */
.checkout-step-options-container .checkout-step-options-list .checkout-step-option label .checkout-step-option-content {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  gap: 16px;
}

/* line 223, vendor/assets/stylesheets/spree/frontend/layouts/_delivery.scss */
.checkout-step-options-container .checkout-step-options-list .checkout-step-option label .checkout-step-option-content .option-name {
  color: #101113;
  font-family: "Exo 2";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 150% */
  letter-spacing: 0.15px;
}

/* line 233, vendor/assets/stylesheets/spree/frontend/layouts/_delivery.scss */
.checkout-step-options-container .checkout-step-options-list .checkout-step-option label .checkout-step-option-content .option-cost {
  color: #101113;
  font-family: "Exo 2";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: 0.25px;
  background: #fff;
  padding: 4px 8px;
  border-radius: 4px;
  flex-shrink: 0;
  white-space: nowrap;
}
@charset "UTF-8";
/* 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;
  }
}
@charset "UTF-8";
/* 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;
}

/* line 100, 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: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: auto;
  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 125, 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 130, 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 {
  display: none !important;
}

/* line 134, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .header-top .header-top-account button i.fa-user,
#spree-header .header-top .header-top-account a i.fa-user,
#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 152, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .header-top .header-top-account svg path {
  fill: #FFFFFF !important;
}

/* line 159, 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 166, 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 170, 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 177, 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 185, 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 196, 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 200, 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 207, 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 225, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .header-top .header-top-group > * {
  flex: none;
  height: 36px;
}

/* line 229, 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 248, 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 253, 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 265, 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 269, 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 274, 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 289, 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 301, 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 306, 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 315, 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 321, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .header-top .header-top-group .header-top-item .form-group {
  width: 100%;
}

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

/* line 330, 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 342, 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 350, 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 354, 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 364, 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 370, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .promotional-banner-toggle {
  display: none;
}

/* line 375, 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 375, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header .promotional-banner {
    display: none !important;
  }
}

/* line 391, 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 409, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .promotional-banner .promotional-banner-content a {
  color: #5787C9;
  text-decoration: underline;
}

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

/* line 420, 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 433, 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 444, 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 453, 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 461, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .header-main .header-logo {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
}

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

/* line 471, 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 477, 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 477, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header .header-main .header-search .search-form-group {
    min-width: 0;
    max-width: 100%;
  }
}

/* line 497, 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 500, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .header-main .header-search .search-form-group:has(.search-btn:hover) {
  background: #F1F4F9;
}

/* line 504, 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 514, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .header-main .header-search .search-input::placeholder {
  color: #4C4A47;
}

/* line 519, 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 525, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .header-main .header-search .search-input::-ms-clear {
  display: none;
}

/* line 529, 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 544, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .header-main .header-search .search-btn:hover {
  background-color: #DEDEDE;
}

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

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

/* line 558, 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 567, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .header-main .header-cart .cart-content-wrapper:hover {
  background-color: #19335D;
}

/* line 571, 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 588, 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 595, 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 604, 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 630, 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 634, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
#spree-header .header-main .header-cart .cart-empty .cart-content-wrapper:hover {
  background-color: #F1F4F9;
}

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

/* line 644, 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 657, 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 670, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
.select2-container--default .select2-dropdown .select2-search--dropdown {
  width: 100%;
  padding: 4px;
  margin-bottom: 4px;
}

/* line 675, 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 682, 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 690, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
.select2-container--default .select2-results {
  width: 100%;
  max-height: 250px;
  overflow-y: auto;
}

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

/* line 702, 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 710, 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 716, 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 722, 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 733, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header {
    display: none;
  }
}

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

@media (max-width: 767px) {
  /* line 739, 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 749, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .header-spree-mobile {
    background: #fff;
  }
  /* line 754, 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 765, 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 778, 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 791, 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 796, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-header-top .mobile-menu-toggle .burger-icon path {
    fill: white;
  }
  /* line 801, 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 806, 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 815, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-header-top .mobile-menu-toggle.active .burger-icon {
    display: none !important;
  }
  /* line 819, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-header-top .mobile-menu-toggle.active .close-icon {
    display: block !important;
  }
  /* line 822, 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 830, 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 836, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-header-top .mobile-header-logo a {
    display: flex;
    align-items: center;
  }
  /* line 841, 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 848, 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 855, 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 861, 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 867, 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 881, 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 891, 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 896, 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 901, 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 923, 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 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) 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 934, 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 942, 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 957, 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 968, 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 974, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-header-account-row .mobile-header-phone a:hover {
    color: #FE8F1C;
  }
  /* line 982, 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 994, 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 999, 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 1004, 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 1011, 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 1019, 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 1025, 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 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-in rect {
    fill: #5787C9 !important;
  }
  /* line 1033, 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 1039, 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 1045, 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 1055, 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 1062, 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 1069, 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 1080, 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 1089, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-header-search .mobile-search-container .search-form {
    width: 100%;
    height: 100%;
  }
  /* line 1094, 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 1104, 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 1113, 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 1118, 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 1133, 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 1141, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-header-search .mobile-header-cart .cart-icon {
    position: relative;
  }
  /* line 1144, 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 1157, 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 1161, 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 1171, 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 1179, 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 1186, 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 1217, 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 1223, 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 1234, 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 1245, 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 1251, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-header-account-row .mobile-header-phone a:hover {
    color: #FE8F1C;
  }
  /* line 1259, 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 1270, 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 1275, 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 1280, 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 1287, 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 1295, 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 1301, 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 1307, 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 1313, 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 1323, 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 1330, 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 1337, 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 1346, 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 1357, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-navigation-sidebar.open {
    left: 0;
  }
  /* line 1361, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile .mobile-navigation-sidebar .mobile-sidebar-content {
    padding: 0;
  }
  /* line 1364, 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 1369, 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 1372, 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 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 .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 1391, 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 1398, 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 1406, 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 1421, 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 1429, 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 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 path {
    fill: #101113;
  }
  /* line 1439, 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 739, vendor/assets/stylesheets/spree/frontend/layouts/_header.scss */
  #spree-header-mobile {
    display: none;
  }
}
@charset "UTF-8";
/* line 3, vendor/assets/stylesheets/spree/frontend/layouts/_home.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/_home.scss */
  .sidebar-section {
    display: none !important;
  }
}

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

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

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

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

/* line 46, vendor/assets/stylesheets/spree/frontend/layouts/_home.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/_home.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/_home.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/_home.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/_home.scss */
.sidebar-section .account-sidebar-header .bw-breadcrumbs-arrow:hover {
  background-color: #f5f5f5;
}

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

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

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

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

/* line 129, vendor/assets/stylesheets/spree/frontend/layouts/_home.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 143, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.account-sidebar-nav {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 0 0;
  align-self: stretch;
}

/* line 150, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.account-sidebar-nav .account-nav-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
}

/* line 160, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.account-sidebar-nav .account-nav-list .account-nav-item {
  display: flex;
  align-self: stretch;
  width: 100%;
}

/* line 165, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.account-sidebar-nav .account-nav-list .account-nav-item .account-nav-link {
  display: flex;
  height: 30px;
  padding: 8px 24px;
  align-items: center;
  gap: 12px;
  align-self: stretch;
  color: #101113;
  font-family: "Exo 2";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: 0.25px;
  text-decoration: none;
  transition: all 0.2s ease;
  width: 100%;
  box-sizing: border-box;
}

/* line 184, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.account-sidebar-nav .account-nav-list .account-nav-item .account-nav-link:hover {
  background-color: rgba(87, 135, 201, 0.08);
  color: #5787C9;
}

/* line 189, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.account-sidebar-nav .account-nav-list .account-nav-item .account-nav-link.active {
  color: #5787C9;
  font-weight: 600;
  background-color: rgba(87, 135, 201, 0.08);
}

/* line 200, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.account-title-frame {
  display: flex;
  width: 100%;
  height: 3.75rem;
  min-height: 3.75rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #DEDEDE;
  margin-bottom: 2px;
  box-sizing: border-box;
  position: sticky;
  top: 0;
  z-index: 5;
  background: #FFF;
}

@media (max-width: 767px) {
  /* line 200, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
  .account-title-frame {
    padding-left: 0;
    padding-right: 0;
  }
}

/* line 221, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.account-title-frame .account-page-title {
  color: #5787C9;
  font-family: "Exo 2";
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  /* 127.273% */
  margin: 0;
}

/* line 232, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.account-title-frame .account-mobile-logout {
  display: none;
}

@media (max-width: 767px) {
  /* line 232, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
  .account-title-frame .account-mobile-logout {
    display: flex;
    align-items: center;
  }
  /* line 239, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
  .account-title-frame .account-mobile-logout .mobile-logout-link {
    color: #5787C9;
    font-family: "Exo 2";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.25px;
    text-decoration: none;
    flex-shrink: 0;
    transition: opacity 0.2s ease, filter 0.2s ease;
  }
  /* line 251, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
  .account-title-frame .account-mobile-logout .mobile-logout-link:hover {
    opacity: 0.8;
    filter: brightness(1.2);
  }
}

/* line 260, vendor/assets/stylesheets/spree/frontend/layouts/_home.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 273, vendor/assets/stylesheets/spree/frontend/layouts/_home.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 287, vendor/assets/stylesheets/spree/frontend/layouts/_home.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 297, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.new-sidebar-categories * {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* line 305, vendor/assets/stylesheets/spree/frontend/layouts/_home.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 316, vendor/assets/stylesheets/spree/frontend/layouts/_home.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 334, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.new-sidebar-categories .category-list .category-item:hover {
  background-color: #D4E3FF;
  font-weight: 600;
}

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

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

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

/* line 360, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.services-wrapper {
  display: flex;
  width: 100%;
  max-width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin: 0 auto;
  margin-bottom: 0;
}

/* line 372, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.services-title-row {
  display: flex;
  align-items: flex-start;
  flex: 1 0 0;
  align-self: flex-start;
}

/* line 378, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.services-title-row h2 {
  color: #101113;
  font-family: "Exo 2";
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px;
}

/* line 388, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.services-content-row {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  width: 100%;
  max-width: 100%;
  align-self: stretch;
}

/* line 397, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.services-content-row .services-cards-row {
  display: flex;
  height: 372px;
  justify-content: center;
  align-items: stretch;
  gap: 10px;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  margin: 0 auto;
  box-sizing: border-box;
}

/* line 410, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.services-content-row .services-cards-container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  width: 100%;
  max-width: 100%;
  flex-shrink: 0;
  box-sizing: border-box;
}

/* line 422, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.services-content-row .services-badges-container {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 20px;
  width: 100%;
  max-width: 100%;
  flex-wrap: wrap;
  box-sizing: border-box;
  margin-top: 0;
}

/* line 435, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.service-card {
  display: block;
  width: calc((100% - 96px) / 5);
  height: 372px;
  border: 2px solid #DEDEDE;
  overflow: hidden;
  transition: border-color 0.2s ease;
  flex-shrink: 0;
  scroll-snap-align: start;
  text-decoration: none;
  color: inherit;
}

/* line 447, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.service-card:hover {
  border-color: #4C4A47;
  text-decoration: none;
  color: inherit;
}

/* Card with image: cover fills whole card */
/* line 455, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.service-card-cover {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

/* line 461, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.service-card-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Card with content: title on top (centered), body mirror below (no scroll, clipped if long) */
/* line 469, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.service-card-content-wrap {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 10px;
  box-sizing: border-box;
  background: #fff;
  overflow: hidden;
}

/* line 480, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.service-card-title {
  flex-shrink: 0;
  margin: 0 0 10px;
  padding: 0;
  text-align: center;
  color: #101113;
  font-family: "Exo 2";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: 0.15px;
  border-bottom: 1px solid #DEDEDE;
  padding-bottom: 10px;
}

/* line 496, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.service-card-body-wrap {
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
  padding: 0;
  box-sizing: border-box;
}

/* line 504, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.service-card-body {
  color: #101113;
  font-family: "Exo 2";
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}

/* line 511, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.service-card-body p {
  margin: 0 0 10px;
}

/* line 513, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.service-card-body p:last-child {
  margin-bottom: 0;
}

/* line 516, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.service-card-body ul, .service-card-body ol {
  margin: 0 0 10px;
  padding-left: 20px;
}

/* line 521, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.service-card-body a {
  color: #5787C9;
  text-decoration: none;
}

/* line 524, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.service-card-body a:hover {
  text-decoration: underline;
}

/* line 529, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.service-badge {
  display: inline-block;
  text-decoration: none;
  padding: 0;
  border: none;
}

/* line 535, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.service-badge:hover {
  text-decoration: none;
}

/* line 540, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.service-badge-icon {
  height: 32px;
  width: auto;
  display: block;
  object-fit: contain;
  border-radius: 0;
  border: none;
  transition: none;
  cursor: pointer;
}

/* line 551, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.service-badge-text {
  display: inline-flex;
  align-items: center;
  padding: 8px 16px;
  text-decoration: none;
}

/* line 557, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.service-badge-text .service-badge-text-label {
  font-size: 14px;
  font-weight: 500;
  color: #000619;
}

/* line 563, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.service-badge-text:hover {
  text-decoration: none;
}

/* line 568, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.services-container {
  display: flex;
  width: 100%;
  flex-direction: column;
  background: #EBEEF3;
  margin-bottom: 0;
}

@media (max-width: 1400px) {
  /* line 568, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
  .services-container {
    display: none !important;
  }
}

/* line 580, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.services-container .services-list {
  display: flex;
  width: 100%;
  padding: 40px 24px 24px 24px;
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;
}

/* line 594, vendor/assets/stylesheets/spree/frontend/layouts/_home.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 594, vendor/assets/stylesheets/spree/frontend/layouts/_home.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 613, vendor/assets/stylesheets/spree/frontend/layouts/_home.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 613, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
  .content-row {
    overflow: clip;
  }
}

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

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

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

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

@media (min-width: 1920px) {
  /* line 640, vendor/assets/stylesheets/spree/frontend/layouts/_home.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 656, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
body:has(#spree-header.has-banner) .content-row,
body:has(.alert) .content-row {
  height: 709px;
}

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

/* line 666, vendor/assets/stylesheets/spree/frontend/layouts/_home.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 666, vendor/assets/stylesheets/spree/frontend/layouts/_home.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 678, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
body:has(#spree-header.has-banner):has(.alert) .content-row {
  height: 669px;
}

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

/* line 687, vendor/assets/stylesheets/spree/frontend/layouts/_home.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 687, vendor/assets/stylesheets/spree/frontend/layouts/_home.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 699, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
  .main-content-container {
    height: 100%;
    min-height: 0;
  }
  /* line 704, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
  .content-row,
body.home .content-row,
.home-page .content-row {
    height: 100% !important;
    min-height: 0 !important;
  }
}

/* line 712, vendor/assets/stylesheets/spree/frontend/layouts/_home.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 712, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
  .main-content-area {
    width: 100% !important;
    padding: 16px !important;
    border-right: none !important;
  }
}

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

/* line 744, vendor/assets/stylesheets/spree/frontend/layouts/_home.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;
}

/* line 753, vendor/assets/stylesheets/spree/frontend/layouts/_home.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 758, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.content-wrapper .cms-page-content .row {
  margin-left: 0;
  margin-right: 0;
}

/* line 765, vendor/assets/stylesheets/spree/frontend/layouts/_home.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 776, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.content-wrapper .app-error-page__inner {
  width: 100%;
  max-width: 900px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
}

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

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

/* line 803, vendor/assets/stylesheets/spree/frontend/layouts/_home.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 813, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.content-wrapper .app-error-page__graphic {
  width: 100%;
  max-width: 100%;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
}

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

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

/* line 838, vendor/assets/stylesheets/spree/frontend/layouts/_home.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 848, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.content-wrapper #homepage_products::-webkit-scrollbar {
  display: none;
}

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

/* line 860, vendor/assets/stylesheets/spree/frontend/layouts/_home.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 874, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.content-wrapper [data-hook="taxon_products"] {
  width: 100%;
  display: block;
}

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

@media (max-width: 767px) {
  /* line 884, vendor/assets/stylesheets/spree/frontend/layouts/_home.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 896, vendor/assets/stylesheets/spree/frontend/layouts/_home.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 907, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.content-wrapper .category-items-frame.last-section {
  border-bottom: none;
  margin-bottom: 0;
}

@media (max-width: 767px) {
  /* line 896, vendor/assets/stylesheets/spree/frontend/layouts/_home.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 930, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.content-wrapper .category-children-wrapper .category-items-frame {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

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

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

@media (max-width: 767px) {
  /* line 944, vendor/assets/stylesheets/spree/frontend/layouts/_home.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 959, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.content-wrapper .category-item-mobile {
  display: none;
}

@media (max-width: 767px) {
  /* line 959, vendor/assets/stylesheets/spree/frontend/layouts/_home.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 972, vendor/assets/stylesheets/spree/frontend/layouts/_home.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 987, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
  .content-wrapper .category-item-mobile .category-item-image img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
  }
  /* line 994, vendor/assets/stylesheets/spree/frontend/layouts/_home.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 1001, vendor/assets/stylesheets/spree/frontend/layouts/_home.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 1018, vendor/assets/stylesheets/spree/frontend/layouts/_home.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 1045, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
  .content-wrapper .category-item-mobile a {
    text-decoration: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: visible;
  }
  /* line 1052, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
  .content-wrapper .category-item-mobile a:hover {
    text-decoration: none;
  }
  /* line 1058, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
  .content-wrapper .category-item-mobile:hover .category-item-image {
    background: #D4E3FF;
  }
  /* line 1062, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
  .content-wrapper .category-item-mobile:hover .category-item-title .category-title-visible {
    font-weight: 600;
  }
}

/* line 1069, vendor/assets/stylesheets/spree/frontend/layouts/_home.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 1078, vendor/assets/stylesheets/spree/frontend/layouts/_home.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 1092, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.content-wrapper .category-item .category-item-image img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

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

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

/* line 1109, vendor/assets/stylesheets/spree/frontend/layouts/_home.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 1116, vendor/assets/stylesheets/spree/frontend/layouts/_home.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 1133, vendor/assets/stylesheets/spree/frontend/layouts/_home.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 1160, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.content-wrapper .category-item a {
  text-decoration: none;
  overflow: visible;
}

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

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

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

/* line 1196, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
#content.col-12,
main#content.col-12 {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  margin-top: 0;
  height: auto !important;
  min-height: 0 !important;
  /* Was 100vh — that forced page height and caused scroll on empty pages */
  box-sizing: border-box;
}

/* line 1209, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.account-content-section {
  display: none;
  width: 100% !important;
  max-width: 100% !important;
  flex-direction: column;
  align-items: flex-start;
  box-sizing: border-box;
}

/* line 1218, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.account-content-section:target {
  display: flex;
}

@media (max-width: 767px) {
  /* line 1209, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
  .account-content-section {
    display: flex !important;
    margin-bottom: 32px;
  }
  /* line 1227, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
  .account-content-section:last-child {
    margin-bottom: 0;
  }
}

/* line 1234, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
#account-info {
  display: flex;
}

@media (min-width: 768px) {
  /* line 1240, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
  #my-addresses:target ~ #account-info,
#my-billing-addresses:target ~ #account-info,
#my-orders:target ~ #account-info {
    display: none;
  }
}

/* line 1248, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.account-section {
  display: flex;
  width: 100%;
  max-width: 100% !important;
  padding: 0 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  box-sizing: border-box;
}

/* line 1258, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.account-section.account-addresses-section, .account-section.account-email-section {
  padding-left: 0;
  padding-right: 0;
}

@media (max-width: 767px) {
  /* line 1265, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
  .account-section.account-billing-section, .account-section.account-orders-section {
    padding-left: 0;
    padding-right: 0;
  }
}

/* line 1273, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.account-section.account-orders-section {
  padding: 24px 0 24px 0;
}

@media (max-width: 767px) {
  /* line 1278, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
  .account-section[data-hook="account_summary"] {
    padding-left: 0;
    padding-right: 0;
  }
}

/* line 1285, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.account-section .account-section-row {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  width: 100%;
}

/* line 1292, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.account-section .account-section-row.account-section-title-row {
  padding-top: 24px;
}

/* line 1295, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.account-section .account-section-row.account-section-title-row h2 {
  margin: 0;
  color: #5787C9;
  font-family: "Exo 2";
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
}

/* line 1306, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.account-section .account-section-row.account-section-content-row {
  gap: 16px;
}

/* line 1310, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.account-section .account-section-row.account-section-content-row .account-email-content,
.account-section .account-section-row.account-section-content-row .account-password-content {
  display: flex;
  width: 100%;
  padding: 12px 0;
  padding-left: 0;
  align-items: center;
  gap: 12px;
  align-self: stretch;
  box-sizing: border-box;
}

/* line 1321, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.account-section .account-section-row.account-section-content-row .account-email-content .email-info,
.account-section .account-section-row.account-section-content-row .account-email-content .password-info,
.account-section .account-section-row.account-section-content-row .account-password-content .email-info,
.account-section .account-section-row.account-section-content-row .account-password-content .password-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  min-width: 200px;
  flex: 0 0 auto;
}

/* line 1330, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.account-section .account-section-row.account-section-content-row .account-email-content .email-info .email-label,
.account-section .account-section-row.account-section-content-row .account-email-content .email-info .password-label,
.account-section .account-section-row.account-section-content-row .account-email-content .password-info .email-label,
.account-section .account-section-row.account-section-content-row .account-email-content .password-info .password-label,
.account-section .account-section-row.account-section-content-row .account-password-content .email-info .email-label,
.account-section .account-section-row.account-section-content-row .account-password-content .email-info .password-label,
.account-section .account-section-row.account-section-content-row .account-password-content .password-info .email-label,
.account-section .account-section-row.account-section-content-row .account-password-content .password-info .password-label {
  color: #101113;
  font-family: "Exo 2";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 150% */
  letter-spacing: 0.15px;
}

/* line 1341, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.account-section .account-section-row.account-section-content-row .account-email-content .email-info .email-value,
.account-section .account-section-row.account-section-content-row .account-email-content .password-info .email-value,
.account-section .account-section-row.account-section-content-row .account-password-content .email-info .email-value,
.account-section .account-section-row.account-section-content-row .account-password-content .password-info .email-value {
  color: #101113;
  font-family: "Exo 2";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.25px;
}

/* line 1352, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.account-section .account-section-row.account-section-content-row .account-email-content .change-email-link,
.account-section .account-section-row.account-section-content-row .account-email-content .change-password-link,
.account-section .account-section-row.account-section-content-row .account-password-content .change-email-link,
.account-section .account-section-row.account-section-content-row .account-password-content .change-password-link {
  color: #5787C9;
  font-family: "Exo 2";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.25px;
  text-decoration: none;
  flex-shrink: 0;
  margin-left: auto;
  transition: opacity 0.2s ease, filter 0.2s ease;
}

/* line 1366, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.account-section .account-section-row.account-section-content-row .account-email-content .change-email-link:hover,
.account-section .account-section-row.account-section-content-row .account-email-content .change-password-link:hover,
.account-section .account-section-row.account-section-content-row .account-password-content .change-email-link:hover,
.account-section .account-section-row.account-section-content-row .account-password-content .change-password-link:hover {
  opacity: 0.8;
  filter: brightness(1.2);
}

@media (max-width: 767px) {
  /* line 1310, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
  .account-section .account-section-row.account-section-content-row .account-email-content,
.account-section .account-section-row.account-section-content-row .account-password-content {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  /* line 1378, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
  .account-section .account-section-row.account-section-content-row .account-email-content .email-info,
.account-section .account-section-row.account-section-content-row .account-email-content .password-info,
.account-section .account-section-row.account-section-content-row .account-password-content .email-info,
.account-section .account-section-row.account-section-content-row .account-password-content .password-info {
    min-width: auto;
    flex: 0 0 auto;
  }
  /* line 1384, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
  .account-section .account-section-row.account-section-content-row .account-email-content .change-email-link,
.account-section .account-section-row.account-section-content-row .account-email-content .change-password-link,
.account-section .account-section-row.account-section-content-row .account-password-content .change-email-link,
.account-section .account-section-row.account-section-content-row .account-password-content .change-password-link {
    margin-left: auto;
  }
}

/* line 1391, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.account-section .account-section-row.account-section-content-row .addresses-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 16px;
  width: 100%;
}

@media (max-width: 767px) {
  /* line 1391, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
  .account-section .account-section-row.account-section-content-row .addresses-container {
    flex-direction: column;
  }
}

/* line 1403, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.account-section .account-section-row.account-section-content-row .addresses-container .address-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 16px;
  border: 1px solid #DEDEDE;
  background: #FFF;
  min-width: 300px;
  flex: 1 1 calc(33.333% - 11px);
  max-width: calc(33.333% - 11px);
  position: relative;
}

@media (max-width: 767px) {
  /* line 1403, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
  .account-section .account-section-row.account-section-content-row .addresses-container .address-card {
    min-width: 0;
    flex: 1 1 100%;
    max-width: 100%;
    width: 100%;
  }
}

/* line 1423, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.account-section .account-section-row.account-section-content-row .addresses-container .address-card .address-card-content {
  flex: 1;
  width: 100%;
}

/* line 1427, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.account-section .account-section-row.account-section-content-row .addresses-container .address-card .address-card-content .address-name {
  font-family: "Exo 2";
  font-size: 16px;
  font-weight: 600;
  color: #101113;
  margin-bottom: 8px;
}

/* line 1435, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.account-section .account-section-row.account-section-content-row .addresses-container .address-card .address-card-content .address-phone {
  font-family: "Exo 2";
  font-size: 14px;
  color: #101113;
  margin-bottom: 8px;
}

/* line 1442, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.account-section .account-section-row.account-section-content-row .addresses-container .address-card .address-card-content .address-details {
  font-family: "Exo 2";
  font-size: 14px;
  color: #101113;
  line-height: 1.5;
}

/* line 1450, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.account-section .account-section-row.account-section-content-row .addresses-container .address-card .address-card-actions {
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

/* line 1460, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.account-section .account-section-row.account-section-content-row .addresses-container .address-card .address-card-actions .delete-address-btn {
  margin: 0;
}

/* line 1466, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.account-section .account-section-row.account-section-content-row .addresses-container .no-addresses-message {
  color: #4C4A47;
  font-family: "Exo 2";
  font-size: 14px;
  font-style: italic;
  width: 100%;
}

/* line 1475, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.account-section .account-section-row.account-section-content-row .billing-addresses-container {
  display: flex;
  flex-direction: column;
  gap: 32px;
  width: 100%;
}

/* line 1481, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.account-section .account-section-row.account-section-content-row .billing-addresses-container .billing-type-section {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}

/* line 1487, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.account-section .account-section-row.account-section-content-row .billing-addresses-container .billing-type-section h3 {
  margin: 0;
  color: #101113;
  font-family: "Exo 2";
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}

/* line 1496, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.account-section .account-section-row.account-section-content-row .billing-addresses-container .billing-type-section .addresses-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 16px;
  width: 100%;
}

@media (max-width: 767px) {
  /* line 1496, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
  .account-section .account-section-row.account-section-content-row .billing-addresses-container .billing-type-section .addresses-container {
    flex-direction: column;
  }
}

/* line 1511, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.account-section .account-section-row.account-section-content-row .add-address-btn {
  display: inline-flex;
  align-items: center;
  padding: 12px 24px;
  border: 1px solid #DEDEDE;
  border-radius: 100px;
  background: #FFF;
  color: #5787C9;
  font-family: "Exo 2";
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.2s ease;
}

/* line 1525, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.account-section .account-section-row.account-section-content-row .add-address-btn:hover {
  background: rgba(87, 135, 201, 0.08);
  border-color: #5787C9;
}

/* line 1535, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.account-address-form-panel {
  width: 100%;
  margin-top: 24px;
}

/* line 1539, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.account-address-form-panel form {
  width: 100% !important;
}

/* line 1543, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.account-address-form-panel .inner {
  width: 100%;
}

/* line 1550, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.account-address-form-panel .address-form-buttons {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  margin-top: 24px;
}

/* line 1556, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.account-address-form-panel .address-form-buttons .save-address-btn {
  background-color: #5787C9;
  border: none;
  border-radius: 100px;
  color: white;
  font-family: "Exo 2";
  font-weight: 500;
  padding: 10px 24px;
}

/* line 1565, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.account-address-form-panel .address-form-buttons .save-address-btn:hover {
  background-color: #19335D;
}

/* line 1570, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.account-address-form-panel .address-form-buttons .cancel-address-form-btn {
  background-color: white;
  border: 1px solid #DEDEDE;
  border-radius: 100px;
  color: #5787C9;
  font-family: "Exo 2";
  font-weight: 500;
  padding: 10px 24px;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.2s ease;
}

/* line 1582, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.account-address-form-panel .address-form-buttons .cancel-address-form-btn:hover {
  background-color: #19335D;
  color: white;
}

/* line 1593, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.orders-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  width: 100%;
}

/* line 1600, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.orders-list .order-row {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}

/* line 1606, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.orders-list .order-row .order-card {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  width: 100%;
  border: 1px solid #DEDEDE;
  padding: 16px 24px;
  text-decoration: none;
  color: inherit;
  transition: all 0.2s ease;
}

/* line 1619, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.orders-list .order-row .order-card .order-card-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  flex: 1 0 0;
}

/* line 1626, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.orders-list .order-row .order-card .order-card-content .order-number {
  color: #101113;
  font-family: "Exo 2";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 150% */
  letter-spacing: 0.15px;
}

/* line 1636, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.orders-list .order-row .order-card .order-card-content .order-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}

/* line 1643, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.orders-list .order-row .order-card .order-card-content .order-status {
  color: #5787C9;
  font-family: "Exo 2";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: 0.25px;
}

/* line 1654, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.orders-list .order-row .order-card .order-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 25.4px;
  height: 25.4px;
  padding: 8px;
  border-radius: 100px;
  border: 1px solid #DEDEDE;
  color: #DEDEDE;
  box-sizing: border-box;
}

/* line 1667, vendor/assets/stylesheets/spree/frontend/layouts/_home.scss */
.orders-list .order-row .order-card .order-arrow svg {
  width: 8px;
  height: 14px;
}
/* line 6, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
.cart-table-headers {
  display: flex;
  width: 100%;
  height: 40px;
  padding: 16px;
  align-items: center;
  margin: 16px 0 0 0;
  background: #D4E3FF;
  border-bottom: 1px solid #e0e0e0;
  box-sizing: border-box;
  gap: 16px;
  font-family: "Exo 2";
}

/* line 20, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
.cart-table-headers [class^="cart-table-header-"] {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  white-space: nowrap;
  color: #181C20;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.25px;
}

/* line 33, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
.cart-table-headers .cart-table-header-item {
  flex: 0 0 60px;
  justify-content: flex-start;
}

/* line 38, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
.cart-table-headers .cart-table-header-product {
  flex: 3;
  justify-content: flex-start;
}

/* line 43, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
.cart-table-headers .cart-table-header-sku {
  flex: 0 0 120px;
  justify-content: flex-start;
}

/* line 48, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
.cart-table-headers .cart-table-header-details {
  flex: 1.5;
  justify-content: flex-start;
}

/* line 53, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
.cart-table-headers .cart-table-header-stock {
  flex: 0 0 120px;
  justify-content: flex-start;
}

/* line 59, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
.cart-table-headers .cart-table-header-unit {
  flex: 0 0 80px;
  justify-content: center;
  text-align: center;
}

/* line 65, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
.cart-table-headers .cart-table-header-price {
  flex: 0 0 110px;
  justify-content: center;
  text-align: center;
}

/* line 71, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
.cart-table-headers .cart-table-header-total {
  flex: 0 0 125px;
  justify-content: center;
  text-align: center;
}

/* line 77, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
.cart-table-headers .cart-table-header-quantity {
  flex: 0 0 120px;
  justify-content: center;
  text-align: center;
}

/* line 83, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
.cart-table-headers .cart-table-header-delete {
  flex: 0 0 40px;
  justify-content: center;
}

/* line 92, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
.shopping-cart-table {
  width: 100%;
  margin-left: 0;
  margin-top: 0 !important;
  font-family: "Exo 2";
}

/* line 98, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
.shopping-cart-table #cart-detail {
  display: flex;
  flex-direction: column;
  width: 100%;
}

@media (max-width: 1200px) {
  /* line 104, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
  .shopping-cart-table #cart-detail .sku-input-section {
    display: none !important;
  }
}

/* line 110, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
.shopping-cart-table #cart-detail .shopping-cart-table-line-items {
  display: flex;
  flex-direction: column;
  width: 100%;
}

@media (max-width: 1200px) {
  /* line 110, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
  .shopping-cart-table #cart-detail .shopping-cart-table-line-items {
    gap: 12px;
  }
}

/* line 120, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
.shopping-cart-table #cart-detail .shopping-cart-table-line-items .shopping-cart-item {
  display: flex !important;
  width: 100%;
  gap: 16px;
  align-items: center;
  padding: 16px;
  box-sizing: border-box;
  border-bottom: 1px solid #e0e0e0;
  flex-wrap: nowrap;
  min-width: 0;
}

/* line 132, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
.shopping-cart-table #cart-detail .shopping-cart-table-line-items .shopping-cart-item .shopping-cart-item-delete {
  opacity: 0;
  transition: opacity 0.2s ease;
}

/* line 137, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
.shopping-cart-table #cart-detail .shopping-cart-table-line-items .shopping-cart-item:hover .shopping-cart-item-delete {
  opacity: 1;
}

/* line 142, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
.shopping-cart-table #cart-detail .shopping-cart-table-line-items .shopping-cart-item:hover .shopping-cart-item-stock .availability-text, .shopping-cart-table #cart-detail .shopping-cart-table-line-items .shopping-cart-item:hover .mobile-cart-item-availability .availability-text {
  max-width: 20em;
  opacity: 1;
}

@media (max-width: 1200px) {
  /* line 120, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
  .shopping-cart-table #cart-detail .shopping-cart-table-line-items .shopping-cart-item {
    flex-direction: column;
    padding: 12px;
    border: none;
    border-bottom: 1px solid #DEDEDE;
    gap: 0;
  }
  /* line 157, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
  .shopping-cart-table #cart-detail .shopping-cart-table-line-items .shopping-cart-item .d-table-cell:not(.d-lg-none) {
    display: none !important;
  }
  /* line 162, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
  .shopping-cart-table #cart-detail .shopping-cart-table-line-items .shopping-cart-item .d-lg-table-cell,
.shopping-cart-table #cart-detail .shopping-cart-table-line-items .shopping-cart-item .d-none.d-lg-table-cell {
    display: none !important;
  }
  /* line 169, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
  .shopping-cart-table #cart-detail .shopping-cart-table-line-items .shopping-cart-item .shopping-cart-item-number:not(.mobile-cart-item-number),
.shopping-cart-table #cart-detail .shopping-cart-table-line-items .shopping-cart-item .shopping-cart-item-product:not(.mobile-cart-item-image):not(.mobile-cart-item-content),
.shopping-cart-table #cart-detail .shopping-cart-table-line-items .shopping-cart-item .shopping-cart-item-description:not(.mobile-cart-item-availability),
.shopping-cart-table #cart-detail .shopping-cart-table-line-items .shopping-cart-item .shopping-cart-item-sku,
.shopping-cart-table #cart-detail .shopping-cart-table-line-items .shopping-cart-item .shopping-cart-item-stock,
.shopping-cart-table #cart-detail .shopping-cart-table-line-items .shopping-cart-item .shopping-cart-item-unit,
.shopping-cart-table #cart-detail .shopping-cart-table-line-items .shopping-cart-item .shopping-cart-item-price:not(.mobile-cart-item-price-wrapper),
.shopping-cart-table #cart-detail .shopping-cart-table-line-items .shopping-cart-item .shopping-cart-item-quantity:not(.mobile-cart-item-quantity-wrapper),
.shopping-cart-table #cart-detail .shopping-cart-table-line-items .shopping-cart-item .shopping-cart-item-total:not(.mobile-cart-item-total-wrapper),
.shopping-cart-table #cart-detail .shopping-cart-table-line-items .shopping-cart-item .shopping-cart-item-delete {
    display: none !important;
  }
  /* line 183, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
  .shopping-cart-table #cart-detail .shopping-cart-table-line-items .shopping-cart-item .mobile-cart-item-wrapper.d-lg-none {
    display: flex !important;
  }
  /* line 187, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
  .shopping-cart-table #cart-detail .shopping-cart-table-line-items .shopping-cart-item .mobile-cart-item-quantity-wrapper.d-lg-none,
.shopping-cart-table #cart-detail .shopping-cart-table-line-items .shopping-cart-item .mobile-cart-item-price-wrapper.d-lg-none,
.shopping-cart-table #cart-detail .shopping-cart-table-line-items .shopping-cart-item .mobile-cart-item-total-wrapper.d-lg-none {
    display: block !important;
  }
  /* line 194, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
  .shopping-cart-table #cart-detail .shopping-cart-table-line-items .shopping-cart-item .shopping-cart-item-description .d-lg-none {
    display: none !important;
  }
}

/* line 200, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
.shopping-cart-table #cart-detail .shopping-cart-table-line-items .shopping-cart-item .mobile-cart-item-wrapper {
  display: none;
}

@media (max-width: 1200px) {
  /* line 200, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
  .shopping-cart-table #cart-detail .shopping-cart-table-line-items .shopping-cart-item .mobile-cart-item-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-end;
    gap: 12px;
    width: 100%;
  }
}

/* line 214, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
.shopping-cart-table #cart-detail .shopping-cart-table-line-items .shopping-cart-item .mobile-cart-item-left {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 12px;
}

/* line 222, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
.shopping-cart-table #cart-detail .shopping-cart-table-line-items .shopping-cart-item .mobile-cart-item-top {
  display: flex;
}

/* line 226, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
.shopping-cart-table #cart-detail .shopping-cart-table-line-items .shopping-cart-item .mobile-cart-item-number {
  font-size: 14px;
  color: #181C20;
}

/* line 232, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
.shopping-cart-table #cart-detail .shopping-cart-table-line-items .shopping-cart-item .mobile-cart-item-bottom {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: flex-start;
}

/* line 240, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
.shopping-cart-table #cart-detail .shopping-cart-table-line-items .shopping-cart-item .mobile-cart-item-image {
  flex-shrink: 0;
}

/* line 243, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
.shopping-cart-table #cart-detail .shopping-cart-table-line-items .shopping-cart-item .mobile-cart-item-image .product-image-wrapper img {
  width: 40px;
  height: 40px;
  object-fit: cover;
  border-radius: 4px;
}

/* line 252, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
.shopping-cart-table #cart-detail .shopping-cart-table-line-items .shopping-cart-item .mobile-cart-item-content {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 4px;
}

/* line 260, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
.shopping-cart-table #cart-detail .shopping-cart-table-line-items .shopping-cart-item .mobile-cart-item-title .item-title {
  color: #101113;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: 0.25px;
  margin: 0;
  text-transform: uppercase;
}

/* line 271, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
.shopping-cart-table #cart-detail .shopping-cart-table-line-items .shopping-cart-item .mobile-cart-item-title .item-title a {
  color: inherit;
  text-decoration: none;
}

/* line 279, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
.shopping-cart-table #cart-detail .shopping-cart-table-line-items .shopping-cart-item .mobile-cart-item-availability .product-sku {
  color: #101113;
  font-family: "Exo 2";
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  /* 145.455% */
  letter-spacing: 0.5px;
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  /* 145.455% */
  letter-spacing: 0.5px;
}

/* line 294, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
.shopping-cart-table #cart-detail .shopping-cart-table-line-items .shopping-cart-item .mobile-cart-item-availability .item-details-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* line 299, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
.shopping-cart-table #cart-detail .shopping-cart-table-line-items .shopping-cart-item .mobile-cart-item-availability .item-details-list .item-details {
  color: #101113;
  font-family: "Exo 2";
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  /* 145.455% */
  letter-spacing: 0.5px;
}

/* line 311, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
.shopping-cart-table #cart-detail .shopping-cart-table-line-items .shopping-cart-item .mobile-cart-item-availability .availability-text {
  max-width: 20em;
  opacity: 1;
  white-space: nowrap;
  overflow: visible;
}

/* line 322, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
.shopping-cart-table #cart-detail .shopping-cart-table-line-items .shopping-cart-item .mobile-cart-item-right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
}

/* line 330, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
.shopping-cart-table #cart-detail .shopping-cart-table-line-items .shopping-cart-item .mobile-cart-item-quantity-wrapper .quantity-selector {
  width: fit-content;
}

/* line 337, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
.shopping-cart-table #cart-detail .shopping-cart-table-line-items .shopping-cart-item .mobile-cart-item-total-wrapper {
  color: #19335D;
  text-align: center;
  font-family: var(--Display-Large-Font, "Exo 2");
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.1px;
}

/* line 348, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
.shopping-cart-table #cart-detail .shopping-cart-table-line-items .shopping-cart-item .mobile-cart-item-price-wrapper {
  color: #4C4A47;
  text-align: right;
  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);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
}

/* line 364, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
.shopping-cart-table #cart-detail .shopping-cart-table-line-items .shopping-cart-item .mobile-cart-item-price-wrapper::after {
  content: attr(data-unit-label);
  font-size: 10px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.25px;
  color: #4C4A47;
}

/* line 375, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
.shopping-cart-table #cart-detail .shopping-cart-table-line-items .shopping-cart-item .d-table-cell {
  display: flex !important;
  padding: 0 !important;
  border: none !important;
  vertical-align: top !important;
  width: auto !important;
  flex-shrink: 0;
}

/* line 385, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
.shopping-cart-table #cart-detail .shopping-cart-table-line-items .shopping-cart-item .d-lg-table-cell {
  display: flex !important;
  padding: 0 !important;
  border: none !important;
  vertical-align: top !important;
  width: auto !important;
  flex-shrink: 0;
}

/* line 394, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
.shopping-cart-table #cart-detail .shopping-cart-table-line-items .shopping-cart-item .shopping-cart-item-number {
  flex: 0 0 60px !important;
  font-size: 14px;
  color: #181C20;
}

/* line 400, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
.shopping-cart-table #cart-detail .shopping-cart-table-line-items .shopping-cart-item .shopping-cart-item-product {
  flex: 3 !important;
  flex-shrink: 1;
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

/* line 408, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
.shopping-cart-table #cart-detail .shopping-cart-table-line-items .shopping-cart-item .shopping-cart-item-product .product-image-wrapper {
  flex-shrink: 0;
}

/* line 411, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
.shopping-cart-table #cart-detail .shopping-cart-table-line-items .shopping-cart-item .shopping-cart-item-product .product-image-wrapper img {
  width: 40px;
  height: 40px;
  object-fit: cover;
  border-radius: 4px;
}

/* line 419, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
.shopping-cart-table #cart-detail .shopping-cart-table-line-items .shopping-cart-item .shopping-cart-item-product .product-title-wrapper {
  flex: 1;
  min-width: 0;
}

/* line 423, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
.shopping-cart-table #cart-detail .shopping-cart-table-line-items .shopping-cart-item .shopping-cart-item-product .product-title-wrapper .item-title {
  color: #101113;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
  overflow-wrap: anywhere;
  word-break: break-word;
  white-space: normal;
  overflow: visible;
  text-overflow: unset;
  overflow-wrap: normal;
  word-break: normal;
  text-transform: uppercase;
}

/* line 439, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
.shopping-cart-table #cart-detail .shopping-cart-table-line-items .shopping-cart-item .shopping-cart-item-product .product-title-wrapper .item-title a {
  color: inherit;
  text-decoration: none;
}

/* line 443, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
.shopping-cart-table #cart-detail .shopping-cart-table-line-items .shopping-cart-item .shopping-cart-item-product .product-title-wrapper .item-title a:hover {
  text-decoration: underline;
}

/* line 451, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
.shopping-cart-table #cart-detail .shopping-cart-table-line-items .shopping-cart-item .shopping-cart-item-sku {
  flex: 0 0 120px !important;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  min-width: 0;
}

/* line 458, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
.shopping-cart-table #cart-detail .shopping-cart-table-line-items .shopping-cart-item .shopping-cart-item-sku .product-sku {
  color: #101113;
  font-family: "Exo 2";
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  /* 145.455% */
  letter-spacing: 0.5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 472, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
.shopping-cart-table #cart-detail .shopping-cart-table-line-items .shopping-cart-item .shopping-cart-item-description {
  flex: 1.5 !important;
  flex-shrink: 1;
  display: flex;
  flex-direction: column;
  min-width: 0;
  font-size: 12px;
}

/* line 480, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
.shopping-cart-table #cart-detail .shopping-cart-table-line-items .shopping-cart-item .shopping-cart-item-description .d-lg-none {
  display: none !important;
}

/* line 484, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
.shopping-cart-table #cart-detail .shopping-cart-table-line-items .shopping-cart-item .shopping-cart-item-description .product-sku {
  color: #101113;
  font-family: "Exo 2";
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  /* 145.455% */
  letter-spacing: 0.5px;
}

/* line 494, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
.shopping-cart-table #cart-detail .shopping-cart-table-line-items .shopping-cart-item .shopping-cart-item-description .item-details-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* line 499, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
.shopping-cart-table #cart-detail .shopping-cart-table-line-items .shopping-cart-item .shopping-cart-item-description .item-details-list .item-details {
  color: #666;
}

/* line 505, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
.shopping-cart-table #cart-detail .shopping-cart-table-line-items .shopping-cart-item .shopping-cart-item-stock {
  flex: 0 0 120px !important;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-width: 0;
}

/* line 514, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
.shopping-cart-table #cart-detail .shopping-cart-table-line-items .shopping-cart-item .shopping-cart-item-stock .availability-text {
  max-width: 0;
  overflow: hidden;
  opacity: 0;
  white-space: nowrap;
  transition: max-width 0.2s ease, opacity 0.2s ease;
}

@media (max-width: 1200px) {
  /* line 524, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
  .shopping-cart-table #cart-detail .shopping-cart-table-line-items .shopping-cart-item .shopping-cart-item-stock .availability-text {
    max-width: 20em;
    opacity: 1;
    overflow: visible;
  }
}

/* line 536, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
.shopping-cart-table #cart-detail .shopping-cart-table-line-items .shopping-cart-item-unit,
.shopping-cart-table #cart-detail .shopping-cart-table-line-items .shopping-cart-item-price,
.shopping-cart-table #cart-detail .shopping-cart-table-line-items .shopping-cart-item-total {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  color: #181C20;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 551, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
.shopping-cart-table #cart-detail .shopping-cart-table-line-items .shopping-cart-item-unit {
  flex: 0 0 80px !important;
  font-weight: 400;
}

/* line 556, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
.shopping-cart-table #cart-detail .shopping-cart-table-line-items .shopping-cart-item-price {
  flex: 0 0 110px !important;
  font-weight: 400;
}

/* line 561, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
.shopping-cart-table #cart-detail .shopping-cart-table-line-items .shopping-cart-item-total {
  flex: 0 0 125px !important;
  font-weight: 400;
}

/* line 566, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
.shopping-cart-table #cart-detail .shopping-cart-table-line-items .shopping-cart-item-price {
  margin-bottom: 0 !important;
  font-family: var(--Display-Large-Font, "Exo 2");
  font-size: 16px;
  font-weight: 400;
  line-height: var(--Label-Large-Line-Height, 20px);
  /* 125% */
  letter-spacing: var(--Label-Large-Tracking, 0.1px);
}

/* line 575, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
.shopping-cart-table #cart-detail .shopping-cart-table-line-items .shopping-cart-item-total {
  font-family: var(--Display-Large-Font, "Exo 2");
  font-size: 16px;
  font-weight: 400;
  line-height: var(--Label-Large-Line-Height, 20px);
  /* 125% */
  letter-spacing: var(--Label-Large-Tracking, 0.1px);
}

/* line 583, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
.shopping-cart-table #cart-detail .shopping-cart-table-line-items .shopping-cart-item-quantity {
  flex: 0 0 120px !important;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 590, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
.shopping-cart-table #cart-detail .shopping-cart-table-line-items .shopping-cart-item-quantity .quantity-selector {
  width: fit-content;
  margin: 0 auto;
  padding: 7px !important;
  gap: 6px !important;
}

/* line 600, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
.shopping-cart-table #cart-detail .shopping-cart-table-line-items .shopping-cart-item-quantity .quantity-selector .quantity-btn {
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  border: none !important;
}

/* line 608, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
.shopping-cart-table #cart-detail .shopping-cart-table-line-items .shopping-cart-item-quantity .quantity-selector .quantity-input {
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  font-size: 13px !important;
  background: #fff;
}

/* line 617, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
.shopping-cart-table #cart-detail .shopping-cart-table-line-items .shopping-cart-item-quantity .quantity-selector .quantity-input.has-value {
  background: #FE8F1C;
  color: #fff;
}

/* line 620, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
.shopping-cart-table #cart-detail .shopping-cart-table-line-items .shopping-cart-item-quantity .quantity-selector .quantity-input.has-value:focus {
  background-color: #FE8F1C !important;
  color: #fff !important;
}

/* line 629, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
.shopping-cart-table #cart-detail .shopping-cart-table-line-items .shopping-cart-item-delete {
  flex: 0 0 40px !important;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 637, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
.shopping-cart-table #cart-detail .shopping-cart-table-line-items .shopping-cart-item-delete a i.fa-trash {
  display: none;
}

/* line 650, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
body#order-page .shopping-cart-table {
  width: 100% !important;
  margin-left: 0 !important;
}

/* line 656, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
body#order-page .cart-titles-container {
  height: 360px;
}

@media (max-width: 1700px) and (min-width: 1200px) {
  /* line 662, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
  body#order-page .cart-titles-container {
    display: contents;
    /* allow summary to move below line items */
    height: auto;
    padding-right: 0;
    /* keep summary aligned to full width on confirm */
  }
  /* line 668, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
  body#order-page .checkout-steps-container {
    padding-right: 24px;
    /* keep alignment with table/header when summary is below */
  }
  /* line 672, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
  body#order-page .cart-titles-left {
    height: auto !important;
    min-height: auto !important;
    overflow: visible;
    /* avoid clipping success/thank-you text and headers */
  }
}

/* line 680, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
.order-success-message {
  width: 100%;
  padding: 12px 24px;
  background: rgba(20, 153, 10, 0.2);
  font-family: "Exo 2";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.1px;
}

/* line 692, vendor/assets/stylesheets/spree/frontend/layouts/_order_line_items.scss */
.order-thank-you-message {
  width: 100%;
  font-family: "Exo 2";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  color: #181C20;
}
@charset "UTF-8";
/* Product page: allow horizontal scroll so wide variants table isn’t clipped (no overflow on table wrappers = sticky works) */
/* line 4, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
body#product-details .main-content-area {
  overflow-x: auto;
}

/* Product Content - Ensure full width */
/* line 9, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
.product-content {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

/* Main Container */
/* line 16, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
.product-main-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 100%;
  gap: 20px;
  box-sizing: border-box;
}

/* Top Container: Image, Title/Description */
/* line 26, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
.product-top-container {
  display: flex;
  width: 100%;
  max-width: 100%;
  gap: 40px;
  align-items: flex-start;
  padding: 12px 24px;
  box-sizing: border-box;
}

/* Product image section (left side) */
/* line 37, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
.product-image-section {
  display: flex;
  width: 250px;
  padding-left: 1px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  align-self: flex-start;
}

/* line 49, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
.product-image-section .product-image-container {
  width: 250px;
  max-width: 250px;
}

/* line 54, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
.product-image-section .product-image-container img {
  width: 100%;
  max-width: 250px;
  height: auto;
  object-fit: contain;
  display: block;
}

/* Product Info Middle Section (Title + Description) */
/* line 63, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
.product-info-middle {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
}

/* Bottom Container: no overflow so sticky header’s scroll container stays .main-content-area (overflow-x there for product page) */
/* line 72, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
.product-bottom-container {
  width: 100%;
  padding: 0 24px;
  box-sizing: border-box;
  overflow: visible;
}

/* line 79, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
.product-details-container {
  display: flex;
  width: 100%;
  gap: 40px;
  padding: 12px 24px;
}

/* Product info section (right side) */
/* line 87, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
.product-info-section {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* Product header row - Top row with title only */
/* line 95, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
.product-header-row {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 20px;
}

/* Container 1: Product title - Full width on its own row */
/* line 103, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
.product-title-container {
  width: 100%;
}

/* Desktop: show full description in top container; hide mobile description block */
/* line 108, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
.product-description-desktop {
  display: block;
}

/* line 112, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
.product-description-section--mobile {
  display: none;
}

/* Toggle button: visible only on mobile (see media query) */
/* line 117, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
.product-description-toggle {
  display: none;
}

/* line 121, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
.product-title {
  color: #5787C9;
  font-family: "Exo 2";
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px;
  /* 128.571% */
  margin: 0;
}

/* Variants table section - no overflow so sticky works and table content isn’t clipped in initial state */
/* Product properties under title (shown on mobile only) */
/* line 133, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
.product-properties-inline {
  display: none;
}

/* Mobile variant cards (shown on mobile only) */
/* line 138, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
.product-mobile-variants {
  display: none;
}

/* line 142, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
.variants-table-section {
  width: 100%;
  margin-top: 20px;
  overflow: visible;
  box-sizing: border-box;
}

/* Variants table - CSS Grid: fixed column widths + flexible gap (remaining space distributed evenly between columns) */
/* line 150, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
.variants-table {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-rows: auto;
}

/* line 159, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
.variants-table thead,
.variants-table tbody {
  display: contents;
}

/* Each row is a grid: 7 fixed-width columns + flexible column-gap */
/* line 165, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
.variants-table tr {
  display: grid;
  grid-column: 1 / -1;
  box-sizing: border-box;
}

/* line 171, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
.variants-table--cols-7 tr {
  grid-template-columns: 120px 100px 90px 50px 110px 160px 160px;
  column-gap: calc((100% - 790px) / 6);
}

/* line 176, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
.variants-table--cols-6 tr {
  grid-template-columns: 120px 100px 50px 110px 160px 160px;
  column-gap: calc((100% - 700px) / 5);
}

/* Header row background */
/* line 182, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
.variants-table thead tr {
  background: #D4E3FF;
}

/* Product page: table header never goes under breadcrumbs – sticks at bottom of breadcrumb, variants scroll under it */
/* line 187, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
body#product-details .variants-table thead tr {
  position: sticky;
  top: 3.75rem;
  /* Breadcrumb height – same as .bw-breadcrumbs; header stops here, never under breadcrumbs */
  z-index: 5;
  background: #D4E3FF;
  box-shadow: 0 1px 0 0 #F1F4F9;
}

/* Variants table header cells - flex so content is vertically centered (grid ignores vertical-align) */
/* line 196, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
.variants-table th {
  display: flex;
  align-items: center;
  padding: 20px 12px;
  color: #101113;
  font-family: "Exo 2";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: 0.25px;
  white-space: nowrap;
  box-sizing: border-box;
}

/* Size column header - prevent from getting too wide */
/* line 212, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
.variants-table th:nth-child(1) {
  min-width: 100px;
}

/* Availability column header - fixed width so text doesn't shift when bullet label shows */
/* line 217, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
.variants-table th.availability-header {
  width: 160px;
  min-width: 160px;
  max-width: 160px;
  text-align: left;
}

/* Add to cart column header - ensure minimum width for buttons */
/* line 225, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
.variants-table th:nth-child(7),
.variants-table th:last-child {
  width: 160px;
  min-width: 160px;
  max-width: 160px;
  text-align: center;
}

/* Price header with title and subtitle */
/* line 234, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
.price-header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
}

/* line 242, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
.price-subtitle {
  color: #101113;
  font-family: "Exo 2", Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  /* 133.333% */
  letter-spacing: 0.4px;
}

/* Variants table body rows (tr remains display: grid from .variants-table tr) - no transition so row + add-to-cart cell change background together on hover */
/* line 254, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
.variants-table tbody tr {
  border-bottom: 1px solid #F1F4F9;
  background: #FFF;
}

/* line 259, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
.variants-table tbody tr:hover {
  background: #F1F4F9;
}

/* line 263, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
.variants-table tbody tr:hover td:nth-child(7),
.variants-table tbody tr:hover td.add-to-cart-cell {
  background: #F1F4F9;
}

/* line 268, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
.variants-table tbody tr:hover .quantity-selector {
  background: transparent;
}

/* Variants table body cells - flex so content is vertically centered (grid ignores vertical-align) */
/* line 273, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
.variants-table tbody td {
  display: flex;
  align-items: center;
  padding: 4px 12px;
  box-sizing: border-box;
  white-space: nowrap;
}

/* Column-specific styling for table body cells */
/* Size column (diameter) */
/* line 284, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
.variants-table tbody td:nth-child(1) {
  min-width: 100px;
  color: #101113;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: 0.25px;
  vertical-align: middle;
}

/* SKU column */
/* line 297, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
.variants-table tbody td:nth-child(2) {
  color: #101113;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.25px;
}

/* Pressure column */
/* Property column - old style removed, now using .property-cell class */
/* Property column */
/* line 311, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
.variants-table tbody td.property-cell {
  vertical-align: middle;
  padding: 8px 12px;
}

/* line 316, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
.variants-table tbody td .property-list {
  display: flex;
  flex-direction: column;
  gap: 0;
  width: 100%;
}

/* line 323, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
.variants-table tbody td .property-item {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  gap: 8px;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.25px;
  color: #101113;
}

/* line 337, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
.variants-table tbody td .property-name {
  font-weight: 400;
  flex-shrink: 0;
}

/* line 342, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
.variants-table tbody td .property-value {
  font-weight: 400;
}

/* U.M. column */
/* line 347, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
.variants-table tbody td:nth-child(4) {
  color: #101113;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: 0.25px;
}

/* Price column - left-aligned like other columns */
/* line 358, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
.variants-table tbody td:nth-child(5) {
  justify-content: flex-start;
  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);
}

/* Availability column - fixed width so bullet label doesn't push layout */
/* line 370, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
.variants-table tbody td:nth-child(6),
.variants-table tbody td.availability-cell {
  width: 160px;
  min-width: 160px;
  max-width: 160px;
  text-align: left;
  color: #101113;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: 0.25px;
}

/* Add to cart column */
/* line 386, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
.variants-table tbody td:nth-child(7),
.variants-table tbody td.add-to-cart-cell {
  justify-content: center;
  width: 160px;
  min-width: 160px;
  max-width: 160px;
  background-color: #FFF;
  text-align: center;
}

/* line 396, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
.variants-table tbody td:nth-child(7) .quantity-selector,
.variants-table tbody td.add-to-cart-cell .quantity-selector {
  width: 140px;
  min-width: 140px;
  max-width: 140px;
  margin: 0 auto;
  justify-content: center;
}

/* Availability indicator styling */
/* line 407, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
.availability-indicator {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

/* line 414, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
.availability-indicator {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
  justify-content: flex-start;
}

/* line 422, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
.availability-bullet {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
  box-sizing: border-box;
}

/* line 430, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
.availability-bullet.in-stock {
  background-color: #14990A;
}

/* line 434, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
.availability-bullet.exceeds-stock {
  background-color: #FE8F1C;
}

/* line 439, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
.availability-bullet.backorderable {
  background-color: #fff !important;
  border: 2px solid #FE8F1C;
  box-sizing: border-box;
}

/* line 445, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
.availability-bullet.out-of-stock {
  background-color: #EA1F00;
}

/* line 449, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
.availability-bullet.out-of-stock-not-backorderable {
  background-color: #4C4A47;
}

/* line 454, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
.availability-indicator.at-max-stock .availability-bullet {
  background-color: #EA1F00 !important;
  border: none !important;
}

/* line 459, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
.availability-text {
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  text-align: left;
  white-space: nowrap;
  display: none;
}

/* line 470, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
.availability-text.in-stock-text {
  color: #14990A;
}

/* line 474, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
.availability-text.exceeds-stock-text {
  color: #FE8F1C;
}

/* line 478, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
.availability-text.backorderable-text {
  color: #FE8F1C;
}

/* line 482, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
.availability-text.out-of-stock-text {
  color: #4C4A47;
}

/* line 486, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
.availability-text.max-stock-reached-text {
  color: #EA1F00;
}

/* line 491, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
.availability-indicator.at-max-stock .max-stock-reached-text {
  display: block;
}

/* line 495, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
.availability-indicator.at-max-stock .in-stock-text {
  display: none !important;
}

/* line 500, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
.availability-indicator.has-quantity .availability-bullet.backorderable ~ .backorderable-text {
  display: block;
}

/* line 504, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
.availability-indicator.has-quantity .availability-bullet.in-stock ~ .in-stock-text {
  display: block;
}

/* line 508, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
.availability-indicator.has-quantity .availability-bullet.exceeds-stock ~ .exceeds-stock-text {
  display: block;
}

/* line 513, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
.variants-table tbody tr:hover .availability-bullet.out-of-stock-not-backorderable ~ .out-of-stock-text {
  display: block;
}

/* Quantity selector styling */
/* line 518, vendor/assets/stylesheets/spree/frontend/layouts/_product.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 530, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
.quantity-selector::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  z-index: 0;
  transition: left 0.2s ease;
}

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

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

/* line 556, vendor/assets/stylesheets/spree/frontend/layouts/_product.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 562, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
.quantity-selector.selector-remove-active {
  border-color: rgba(234, 31, 0, 0.2) !important;
}

/* line 566, vendor/assets/stylesheets/spree/frontend/layouts/_product.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 572, vendor/assets/stylesheets/spree/frontend/layouts/_product.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 577, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
.quantity-selector.selector-backorderable-active {
  border-color: #FE8F1C !important;
}

/* line 581, vendor/assets/stylesheets/spree/frontend/layouts/_product.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 656, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
.quantity-selector .quantity-btn,
.quantity-selector .quantity-input {
  position: relative;
  z-index: 1;
}

/* line 662, vendor/assets/stylesheets/spree/frontend/layouts/_product.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 677, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
.quantity-btn:hover {
  background: transparent;
  color: inherit;
}

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

/* line 689, vendor/assets/stylesheets/spree/frontend/layouts/_product.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 701, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
.quantity-input.has-value {
  background: #FE8F1C;
  color: #fff;
}

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

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

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

/* Product description container */
/* line 731, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
.product-description-container {
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px solid #e0e0e0;
}

/* line 737, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
.product-description-container h3 {
  font-size: 20px;
  font-weight: 600;
  margin: 0 0 16px 0;
  color: #333;
}

/* line 744, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
.description-content {
  font-size: 16px;
  line-height: 1.6;
  color: #555;
}

/* line 750, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
.product-main-frame {
  display: flex;
  height: 849px;
  padding: 8px 24px 0 24px;
  align-items: flex-start;
  margin-top: 75px;
  /* Add margin to clear the header */
}

/* line 758, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
.product-content-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}

/* line 766, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
#product-description .product-title {
  font-size: 24px;
  font-weight: 600;
  color: #5787C9;
}

/* line 772, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
#product-description .options-available-info {
  display: inline-block;
  font-size: 16px;
  color: #14990A;
}

/* line 778, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
#product-description .product-section-title {
  margin-top: 10px;
  margin-bottom: 5px;
  font-size: 14px;
  color: #5787C9;
  text-transform: uppercase;
}

/* line 787, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
#product-description .product-property .product-property-value {
  margin-left: 15px;
  font-size: 18px;
  font-weight: 600;
}

/* line 794, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
#product-description .product-description-section {
  margin: 20px 0 30px 0;
}

/* line 798, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
#product-description .product-sold-by {
  text-align: right;
  font-size: 12px;
}

/* line 804, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
.variant-title {
  margin-top: 10px;
  font-weight: bold;
}

/* line 809, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
.variant-select {
  background: none;
  box-shadow: none;
  appearance: none;
  -moz-appearance: none;
  /* Firefox */
  -webkit-appearance: none;
  /* Safari and Chrome */
  padding: 0px 12px;
  background: url(/assets/icon-caret-down-orange-2-a6ea4b1df6532c75669bc2b41c1fa6c06fa01f269af1aa43ad2b24df17543ab1.png) no-repeat right #fff;
  line-height: 63px;
  height: 50px;
  top: 0;
  left: 12px;
  z-index: 10;
  font-size: 18px;
  font-weight: bold;
}

/* line 827, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
#taxon-crumbs .product-section-title {
  padding-bottom: 10px;
  color: #5787C9;
  font-size: 24px;
  border-bottom: 1px solid #5787C9;
}

/* line 835, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
.no-gutter > [class*='col-'] {
  padding-right: 0;
  padding-left: 0;
}

/* Mobile Styles - Stack layout vertically (table doesn't fit under 1200px so we keep this breakpoint) */
@media (max-width: 1200px) {
  /* Sticky: breadcrumbs + product-top must not move; allow sticky to work */
  /* line 843, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
  body#product-details .content-row {
    overflow: visible;
  }
  /* Keep scroll in content area; remove top padding that made sticky block shift */
  /* line 848, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
  body#product-details .main-content-area {
    overflow-y: auto;
    overflow-x: hidden;
    padding-top: 0 !important;
  }
  /* True mobile: sticky should follow page scroll, not a non-scrolling inner overflow ancestor */
}

@media (max-width: 1200px) and (max-width: 767px) {
  /* line 856, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
  body#product-details .main-content-area {
    overflow: visible;
  }
}

@media (max-width: 1200px) {
  /* line 862, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
  .variants-table tbody tr:hover {
    background: transparent !important;
  }
  /* line 866, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
  .variants-table tbody tr:hover td:nth-child(7) {
    background: transparent !important;
  }
  /* Main Container - no overflow on this parent so sticky works (description + variants scroll under top block) */
  /* line 870, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
  .product-main-container {
    width: 100%;
    max-width: 100vw;
    box-sizing: border-box;
    overflow: visible;
  }
  /* Top container: sticky so it never moves; 768–1200 sticks below breadcrumbs, under 767 at top (breadcrumbs hidden) */
  /* line 878, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
  .product-top-container {
    display: flex;
    flex-direction: row;
    gap: 16px;
    padding: 12px 0;
    align-items: flex-start;
    flex-shrink: 0;
    position: sticky;
    top: 3.75rem;
    /* below breadcrumbs (same height as .bw-breadcrumbs) */
    z-index: 12;
    background: #fff;
    border-bottom: 1px solid #F1F4F9;
  }
  /* Mobile: hide desktop description (it's in the top container); show mobile description section below */
  /* line 893, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
  .product-description-desktop {
    display: none !important;
  }
  /* line 897, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
  .product-description-section--mobile {
    display: block;
  }
  /* line 901, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
  .product-image-section {
    width: 120px;
    min-width: 120px;
    flex-shrink: 0;
  }
  /* line 907, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
  .product-image-section .product-image-container,
.product-image-section .product-image-container img {
    width: 120px;
    max-width: 120px;
  }
  /* line 913, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
  .product-info-middle {
    flex: 1;
    min-width: 0;
  }
  /* line 918, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
  .product-title {
    font-size: 18px;
    line-height: 24px;
  }
  /* All properties in one block, sibling of title: stack vertically (one per line) */
  /* line 924, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
  .product-properties-inline {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 8px;
    font-size: 13px;
    color: #101113;
  }
  /* line 933, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
  .product-property-inline {
    display: block;
  }
  /* line 937, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
  .product-property-inline .product-property-name {
    font-weight: 500;
  }
  /* line 941, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
  .product-property-inline .product-property-value {
    margin-left: 4px;
  }
  /* This section shows ONLY product description from admin (2 rows + Show more). No properties. */
  /* line 946, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
  .product-description-section--mobile {
    padding: 0;
  }
  /* line 950, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
  .product-description-section--mobile .product-properties-inline,
.product-description-section--mobile [data-hook="product_properties"] {
    display: none !important;
  }
  /* line 955, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
  .product-description-wrap {
    position: relative;
  }
  /* Exactly 2 rows of description text */
  /* line 960, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
  .product-description-wrap .product-description-text.description-content-collapsed {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 14px;
    line-height: 1.4;
    color: #101113;
    -webkit-box-orient: vertical;
  }
  /* line 970, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
  .product-description-wrap .product-description-text p {
    margin: 0 0 0.35em;
  }
  /* line 974, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
  .product-description-wrap .product-description-text p:last-child {
    margin-bottom: 0;
  }
  /* line 978, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
  .product-description-wrap .product-description-text.description-content-expanded {
    -webkit-line-clamp: unset;
    overflow: visible;
    display: block;
  }
  /* Row below 2nd line: Show more on the right */
  /* line 985, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
  .product-description-toggle-row {
    margin-top: 4px;
    text-align: right;
  }
  /* line 990, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
  .product-description-toggle {
    display: inline-block;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    font-size: 14px;
    font-weight: 500;
    color: #5787C9;
    cursor: pointer;
    text-decoration: none;
  }
  /* line 1003, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
  .product-description-toggle:hover {
    text-decoration: none;
  }
  /* Hide desktop table on mobile; show variant rows (border-bottom only, no cards) */
  /* line 1008, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
  .variants-table-section--desktop {
    display: none !important;
  }
  /* line 1012, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
  .product-mobile-variants {
    display: flex;
    flex-direction: column;
    gap: 0;
    width: 100%;
  }
  /* line 1019, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
  .product-mobile-variant-card {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    padding: 12px 0;
    border: none;
    border-bottom: 1px solid #F1F4F9;
    border-radius: 0;
    background: transparent;
    box-sizing: border-box;
  }
  /* line 1033, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
  .product-mobile-variant-card:last-child {
    border-bottom: none;
  }
  /* line 1037, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
  .product-mobile-variant-left {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  /* line 1045, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
  .product-mobile-variant-sku {
    font-size: 14px;
    font-weight: 600;
    color: #101113;
  }
  /* line 1051, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
  .product-mobile-variant-options {
    display: flex;
    flex-direction: column;
    gap: 2px;
    font-size: 13px;
    color: #101113;
  }
  /* line 1059, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
  .product-mobile-variant-option-row {
    display: block;
  }
  /* Availability value under last option (no "stock" label; text only in the right color) */
  /* line 1064, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
  .product-mobile-variant-availability {
    display: block;
    margin-top: 4px;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
  }
  /* line 1072, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
  .product-mobile-variant-availability.in-stock-text {
    color: #14990A;
  }
  /* line 1076, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
  .product-mobile-variant-availability.exceeds-stock-text {
    color: #FE8F1C;
  }
  /* line 1080, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
  .product-mobile-variant-availability.backorderable-text {
    color: #FE8F1C;
  }
  /* line 1084, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
  .product-mobile-variant-availability.out-of-stock-text {
    color: #4C4A47;
  }
  /* line 1088, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
  .product-mobile-variant-availability.max-stock-reached-text {
    color: #EA1F00;
  }
  /* line 1092, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
  .product-mobile-variant-right {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px;
  }
  /* line 1100, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
  .product-mobile-variant-quantity .quantity-selector {
    display: flex;
    align-items: center;
    gap: 4px;
  }
  /* line 1106, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
  .product-mobile-variant-price {
    font-size: 16px;
    font-weight: 600;
    color: #5787C9;
    white-space: nowrap;
  }
  /* line 1113, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
  .product-mobile-variant-price .product-mobile-variant-price-vat {
    color: #101113;
    font-weight: 400;
  }
  /* Bottom Container */
  /* line 1119, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
  .product-bottom-container {
    padding: 0;
    width: 100%;
    max-width: 100%;
    order: 3;
    box-sizing: border-box;
  }
  /* Hide table header on mobile */
  /* line 1128, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
  .variants-table thead {
    display: none;
  }
  /* Transform table rows into cards on mobile */
  /* line 1133, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
  .variants-table tbody {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
  }
  /* line 1140, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
  .variants-table tbody tr {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 100%;
    padding: 16px 0;
    gap: 12px;
    border: none;
    border-bottom: 1px solid #DEDEDE;
    border-radius: 0;
    align-items: flex-start;
    box-sizing: border-box;
    position: relative;
    padding-right: 130px;
    /* Make room for the button */
  }
  /* line 1156, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
  .variants-table tbody tr:last-child {
    border-bottom: none;
  }
  /* line 1160, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
  .variants-table tbody tr:last-child {
    border-bottom: none;
  }
  /* Hide all table cells by default */
  /* line 1165, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
  .variants-table tbody td {
    display: none;
    padding: 0;
    border: none;
    margin: 0;
  }
  /* Left section container - groups diameter, SKU, availability vertically */
  /* line 1173, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
  .variants-table tbody td:nth-child(1) {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    flex: 1 1 100%;
    min-width: 0;
    margin-bottom: 8px;
    width: 100%;
    order: 1;
    flex-wrap: wrap;
    word-break: break-word;
    overflow-wrap: break-word;
    box-sizing: border-box;
  }
  /* line 1189, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
  .variants-table tbody td:nth-child(2) {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    flex: 1 1 100%;
    min-width: 0;
    margin-bottom: 8px;
    width: 100%;
    order: 2;
    flex-wrap: wrap;
    word-break: break-word;
    overflow-wrap: break-word;
  }
  /* line 1204, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
  .variants-table tbody td:nth-child(6) {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    flex: 1 1 100%;
    min-width: 0;
    margin-bottom: 8px;
    width: 100%;
    order: 3;
    justify-content: flex-start;
    flex-wrap: wrap;
    word-break: break-word;
    overflow-wrap: break-word;
    box-sizing: border-box;
  }
  /* Add labels using ::before pseudo-element */
  /* line 1222, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
  .variants-table tbody td:nth-child(2)::before {
    content: attr(data-label);
    font-weight: 400;
    font-size: 14px;
    color: #101113;
    opacity: 0.7;
    flex-shrink: 0;
  }
  /* Value styles for diameter */
  /* line 1232, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
  .variants-table tbody td:nth-child(1) {
    font-weight: 600;
    font-size: 16px;
    color: #101113;
  }
  /* Value styles for SKU */
  /* line 1239, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
  .variants-table tbody td:nth-child(2) {
    font-size: 14px;
    color: #101113;
    opacity: 1;
  }
  /* Availability indicator - bullet on left */
  /* line 1246, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
  .variants-table tbody td:nth-child(6) .availability-indicator {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    justify-content: flex-start;
    flex-wrap: wrap;
    min-width: 0;
    flex: 1 1 auto;
  }
  /* line 1257, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
  .variants-table tbody td:nth-child(6) .availability-text {
    font-size: 11px;
    line-height: 14px;
    word-break: break-word;
    overflow-wrap: break-word;
    white-space: normal;
  }
  /* Right section: Add to cart button (top corner) */
  /* line 1266, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
  .variants-table tbody td:nth-child(7) {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px;
    width: auto;
    align-self: flex-start;
    order: 0;
    position: absolute;
    top: 16px;
    right: 0;
  }
  /* Price - below add to cart button */
  /* line 1280, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
  .variants-table tbody td:nth-child(5) {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    font-size: 16px;
    font-weight: 600;
    color: #5787C9;
    text-align: right;
    width: auto;
    order: 0;
    position: absolute;
    top: 72px;
    right: 0;
    gap: 4px;
  }
  /* Add label before price on mobile */
  /* line 1297, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
  .variants-table tbody td:nth-child(5)::before {
    content: attr(data-label);
    font-weight: 400;
    font-size: 14px;
    color: #101113;
    opacity: 0.7;
  }
  /* Hide Property and U.M. columns on mobile */
  /* line 1306, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
  .variants-table tbody td:nth-child(3),
.variants-table tbody td:nth-child(4) {
    display: none;
  }
  /* Adjust quantity selector for mobile cards */
  /* line 1312, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
  .variants-table tbody td .quantity-selector {
    width: auto;
    min-width: auto;
  }
  /* Remove padding from property-cell on mobile */
  /* line 1318, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
  .variants-table tbody td.property-cell {
    padding: 0;
  }
}

/* Under 767px: breadcrumbs are hidden (see _breadcrumbs.scss); product-top sticks to top */
@media (max-width: 767px) {
  /* line 1325, vendor/assets/stylesheets/spree/frontend/layouts/_product.scss */
  body#product-details .product-top-container {
    top: 0;
  }
}
/* line 7, vendor/assets/stylesheets/spree/frontend/layouts/_products.scss */
.products-grid-section {
  display: flex;
  width: 100%;
  max-width: 1700px;
  margin: 0 auto;
  padding: 24px 0;
  align-items: flex-start;
  flex-wrap: wrap;
}

@media (max-width: 767px) {
  /* line 7, vendor/assets/stylesheets/spree/frontend/layouts/_products.scss */
  .products-grid-section {
    padding-top: 0;
    padding-bottom: 60px !important;
  }
}

/* line 23, vendor/assets/stylesheets/spree/frontend/layouts/_products.scss */
.products-grid-section #products {
  flex: 1 1 100%;
  width: 100%;
  min-width: 0;
}

/* line 29, vendor/assets/stylesheets/spree/frontend/layouts/_products.scss */
.products-grid-section .products-grid {
  display: grid;
  width: 100%;
  gap: 24px;
  grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
  align-items: start;
  justify-items: stretch;
}

@media (max-width: 390px) {
  /* line 29, vendor/assets/stylesheets/spree/frontend/layouts/_products.scss */
  .products-grid-section .products-grid {
    grid-template-columns: 1fr;
  }
}

/* line 43, vendor/assets/stylesheets/spree/frontend/layouts/_products.scss */
.products-grid-section .product-list-item {
  display: flex;
  width: 100%;
  min-height: auto;
  /* Allow shrinking based on content */
  height: auto;
  /* Remove fixed height, let it shrink to content */
  padding: 12px;
  justify-content: flex-start;
  align-items: flex-start;
  /* Align to top instead of center */
  gap: 16px;
  overflow: visible;
  /* Allow content to be fully visible */
  box-sizing: border-box;
  border: 1px solid #F1F4F9;
  transition: border-color 0.2s ease;
}

/* line 57, vendor/assets/stylesheets/spree/frontend/layouts/_products.scss */
.products-grid-section .product-list-item:hover {
  border-color: #4C4A47;
}

@media (max-width: 767px) {
  /* line 43, vendor/assets/stylesheets/spree/frontend/layouts/_products.scss */
  .products-grid-section .product-list-item {
    width: 100%;
    padding: 0;
  }
}

@media (max-width: 390px) {
  /* line 43, vendor/assets/stylesheets/spree/frontend/layouts/_products.scss */
  .products-grid-section .product-list-item {
    min-width: 0;
    /* allow item to shrink below 360px with grid */
  }
}

/* line 72, vendor/assets/stylesheets/spree/frontend/layouts/_products.scss */
.products-grid-section .product-list-item .card {
  border: none !important;
}

@media (max-width: 390px) {
  /* line 72, vendor/assets/stylesheets/spree/frontend/layouts/_products.scss */
  .products-grid-section .product-list-item .card {
    min-width: 0;
    /* allow card to shrink with grid column */
  }
}

/* Entire card is the link; keep text and cursor consistent */
/* line 81, vendor/assets/stylesheets/spree/frontend/layouts/_products.scss */
.products-grid-section .product-list-item.product-card-link {
  color: inherit;
  cursor: pointer;
}

/* line 85, vendor/assets/stylesheets/spree/frontend/layouts/_products.scss */
.products-grid-section .product-list-item.product-card-link:hover {
  color: inherit;
}

/* Product body container */
/* line 91, vendor/assets/stylesheets/spree/frontend/layouts/_products.scss */
.products-grid-section .product-list-item .product-body {
  display: flex !important;
  gap: 16px;
  align-items: flex-start;
  /* Align to top instead of center */
  justify-content: flex-start;
  /* Align from left */
  text-align: left !important;
  /* Override text-center */
  height: auto;
  /* Allow height to adjust to content */
  width: 100%;
  /* Take full width of card */
}

/* Image container (left side) */
/* line 102, vendor/assets/stylesheets/spree/frontend/layouts/_products.scss */
.products-grid-section .product-list-item .product-item-image {
  display: flex;
  width: 100px;
  height: 100px;
  padding: 14.679px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 11.009px;
  flex-shrink: 0;
  background: #FFF;
  box-sizing: border-box;
}

/* Product image */
/* line 117, vendor/assets/stylesheets/spree/frontend/layouts/_products.scss */
.products-grid-section .product-list-item .product-item-image img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  display: block;
}

/* Data container (right side) */
/* line 125, vendor/assets/stylesheets/spree/frontend/layouts/_products.scss */
.products-grid-section .product-list-item .product-item-title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 0 0;
  min-width: 0;
  /* Allow shrinking */
  overflow: hidden;
  /* Prevent content overflow */
}

/* Product title */
/* line 135, vendor/assets/stylesheets/spree/frontend/layouts/_products.scss */
.products-grid-section .product-list-item .product-item-title h5 {
  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 0 8px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  max-width: 100%;
  text-transform: uppercase;
}

@media (max-width: 767px) {
  /* line 135, vendor/assets/stylesheets/spree/frontend/layouts/_products.scss */
  .products-grid-section .product-list-item .product-item-title h5 {
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 40px;
  }
}

/* Availability info */
/* line 164, vendor/assets/stylesheets/spree/frontend/layouts/_products.scss */
.products-grid-section .product-list-item .availability-info {
  width: 100%;
  word-wrap: break-word;
  margin-bottom: 8px;
  /* Hide the option type name (label) */
  /* Diameter/option type values styling */
}

/* line 170, vendor/assets/stylesheets/spree/frontend/layouts/_products.scss */
.products-grid-section .product-list-item .availability-info .option-type-name {
  display: none;
}

/* line 175, vendor/assets/stylesheets/spree/frontend/layouts/_products.scss */
.products-grid-section .product-list-item .availability-info .option-type-values {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #5787C9;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: 0.25px;
}

/* line 187, vendor/assets/stylesheets/spree/frontend/layouts/_products.scss */
.products-grid-section .product-list-item .availability-info .option-type-values .option-type-arrow {
  flex-shrink: 0;
  color: inherit;
  vertical-align: middle;
}

/* Product properties */
/* line 196, vendor/assets/stylesheets/spree/frontend/layouts/_products.scss */
.products-grid-section .product-list-item .product-property {
  color: #101113;
  font-family: "Exo 2";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: 0.25px;
  width: 100%;
  word-wrap: break-word;
}

/* line 212, vendor/assets/stylesheets/spree/frontend/layouts/_products.scss */
[data-hook="products_search_results_heading"] {
  width: 100%;
  display: flex;
  justify-content: center;
}

/* line 218, vendor/assets/stylesheets/spree/frontend/layouts/_products.scss */
.site-update-frame[data-hook="products_search_results_heading_no_results_found"] {
  display: flex;
  padding: 24px 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 40px;
  align-self: stretch;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  text-align: center;
}

/* line 233, vendor/assets/stylesheets/spree/frontend/layouts/_products.scss */
.site-update-title {
  color: #19335D;
  font-family: "Exo 2";
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px;
  /* 125% */
  margin: 0;
  text-align: center;
}

/* line 245, vendor/assets/stylesheets/spree/frontend/layouts/_products.scss */
.site-update-illustration {
  width: 321px;
  height: 322px;
  aspect-ratio: 321/322;
  object-fit: contain;
  display: block;
}

/* line 254, vendor/assets/stylesheets/spree/frontend/layouts/_products.scss */
.site-update-message {
  color: #5787C9;
  font-family: "Exo 2";
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px;
  /* 128.571% */
  margin: 0;
  text-align: center;
}

/* line 266, vendor/assets/stylesheets/spree/frontend/layouts/_products.scss */
.site-update-cta {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}

/* line 274, vendor/assets/stylesheets/spree/frontend/layouts/_products.scss */
.site-update-cta-text {
  color: #101113;
  font-family: "Exo 2";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  /* 150% */
  letter-spacing: 0.15px;
  margin: 0;
  text-align: center;
}

/* line 286, vendor/assets/stylesheets/spree/frontend/layouts/_products.scss */
.site-update-cta-text a {
  color: #5787C9;
  font-family: "Exo 2";
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.15px;
  text-decoration: none;
}

/* line 295, vendor/assets/stylesheets/spree/frontend/layouts/_products.scss */
.site-update-cta-text a:hover {
  text-decoration: underline;
}
/* line 66, vendor/assets/stylesheets/spree/frontend/layouts/_registration.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/_registration.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/_registration.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/_registration.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/_registration.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/_registration.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/_registration.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/_registration.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/_registration.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/_registration.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/_registration.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/_registration.scss */
.signup-title-back-to-shop svg {
  width: 25px;
  height: 25px;
  flex-shrink: 0;
}

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

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

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

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

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

/* line 235, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
#social-signin-links {
  margin-top: 0 !important;
}

/* line 238, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
#social-signin-links .text-center {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  width: 100%;
}

/* line 246, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
#social-signin-links .text-center p.social-title {
  color: #101113;
  text-align: center;
  font-family: "Exo 2";
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  /* 127.273% */
}

/* line 256, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
#social-signin-links .text-center a#google-oauth2 {
  display: flex !important;
  width: 345px;
  max-width: 100%;
  height: 54px;
  padding: 0 64px;
  justify-content: center;
  align-items: center;
  flex-shrink: 1;
  border-radius: 10px;
  background: #FFF;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.08), 0 2px 3px 0 rgba(0, 0, 0, 0.17) !important;
  gap: 8px;
  text-decoration: none;
  margin: 0;
  box-sizing: border-box;
  font-family: "Exo 2";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
  letter-spacing: 0.5px;
  color: rgba(0, 0, 0, 0.54) !important;
}

/* line 274, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
#social-signin-links .text-center a#google-oauth2 svg {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

/* line 280, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
#social-signin-links .text-center a#google-oauth2 span {
  flex-shrink: 0;
  color: rgba(0, 0, 0, 0.54) !important;
}

/* line 294, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
#social-signin-links .text-center a#google-oauth2:link, #social-signin-links .text-center a#google-oauth2:visited, #social-signin-links .text-center a#google-oauth2:hover, #social-signin-links .text-center a#google-oauth2:active {
  color: rgba(0, 0, 0, 0.54) !important;
  text-decoration: none;
}

@media (max-width: 767px) {
  /* line 256, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
  #social-signin-links .text-center a#google-oauth2 {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 16px !important;
    flex-shrink: 1 !important;
    min-width: 0 !important;
  }
  /* line 310, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
  #social-signin-links .text-center a#google-oauth2 span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

/* line 318, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
#social-signin-links .text-center p {
  margin: 0;
  padding: 0;
  text-align: center;
  color: #101113;
  font-family: "Exo 2";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
  letter-spacing: 0.5px;
}

/* line 335, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
#registration input:-webkit-autofill,
#registration input:-webkit-autofill:hover,
#registration input:-webkit-autofill:focus,
body#signup input:-webkit-autofill,
body#signup input:-webkit-autofill:hover,
body#signup input:-webkit-autofill:focus,
body#login input:-webkit-autofill,
body#login input:-webkit-autofill:hover,
body#login input:-webkit-autofill:focus,
body#forgot-password input:-webkit-autofill,
body#forgot-password input:-webkit-autofill:hover,
body#forgot-password input:-webkit-autofill:focus {
  -webkit-text-fill-color: inherit;
  -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
  box-shadow: 0 0 0 1000px transparent inset !important;
  background-color: transparent !important;
  transition: background-color 9999s ease-out 0s;
}

/* line 354, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
#registration {
  width: 100%;
  display: flex;
  gap: 24px;
}

/* line 360, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
#registration .social-title {
  display: none;
}

/* line 364, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
#registration .checkout-as-guest {
  order: 2;
  flex: 1;
}

/* line 369, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
#registration .checkout-registration {
  order: 1;
  flex: 1;
}

@media (max-width: 767px) {
  /* line 375, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
  #registration .checkout-as-guest {
    order: 1;
  }
  /* line 379, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
  #registration .checkout-registration {
    order: 2;
  }
}

/* line 386, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
input:focus,
textarea:focus,
select:focus {
  outline: none !important;
  box-shadow: none !important;
  background-color: transparent !important;
}

/* line 395, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:active {
  -webkit-text-fill-color: inherit !important;
  -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
  box-shadow: 0 0 0 1000px transparent inset !important;
  background-color: transparent !important;
  transition: background-color 9999s ease-out 0s;
}

/* line 421, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration .col-md-6.col-md-offset-3,
body#signup .col-md-6.col-md-offset-3,
body#login .col-md-6.col-md-offset-3,
body#forgot-password .col-md-6.col-md-offset-3 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding: 16px;
  gap: 0;
}

/* line 434, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration .signup-title-row,
body#signup .signup-title-row,
body#login .signup-title-row,
body#forgot-password .signup-title-row {
  display: flex;
  padding: 0;
  margin-bottom: 16px;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  width: 100%;
}

/* line 443, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration .signup-title-row .signup-title-content,
body#signup .signup-title-row .signup-title-content,
body#login .signup-title-row .signup-title-content,
body#forgot-password .signup-title-row .signup-title-content {
  display: flex;
  align-items: center;
  gap: 12px;
  align-self: stretch;
  width: 100%;
  background: #F1F4F9;
}

/* line 451, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration .signup-title-row .signup-title-content .signup-title-icon,
body#signup .signup-title-row .signup-title-content .signup-title-icon,
body#login .signup-title-row .signup-title-content .signup-title-icon,
body#forgot-password .signup-title-row .signup-title-content .signup-title-icon {
  display: flex;
  width: 60px;
  height: 60px;
  padding: 10px;
  justify-content: center;
  align-items: center;
  background: #5787C9;
  flex-shrink: 0;
}

/* line 461, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration .signup-title-row .signup-title-content .signup-title-icon svg,
body#signup .signup-title-row .signup-title-content .signup-title-icon svg,
body#login .signup-title-row .signup-title-content .signup-title-icon svg,
body#forgot-password .signup-title-row .signup-title-content .signup-title-icon svg {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

/* line 469, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration .signup-title-row .signup-title-content .signup-title-text,
body#signup .signup-title-row .signup-title-content .signup-title-text,
body#login .signup-title-row .signup-title-content .signup-title-text,
body#forgot-password .signup-title-row .signup-title-content .signup-title-text {
  color: #5787C9;
  font-family: "Exo 2";
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  /* 127.273% */
}

/* line 481, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration .panel,
body#signup .panel,
body#login .panel,
body#forgot-password .panel {
  display: flex;
  padding: 16px;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  height: fit-content;
  border-radius: 20px;
  border: 1px solid #DEDEDE !important;
  background: #fff !important;
  box-shadow: none !important;
  width: fit-content;
  margin: 0 auto;
}

@media (max-width: 767px) {
  /* line 481, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
  .checkout-registration .panel,
body#signup .panel,
body#login .panel,
body#forgot-password .panel {
    border-radius: 0;
  }
}

/* line 500, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration .panel.panel-default,
body#signup .panel.panel-default,
body#login .panel.panel-default,
body#forgot-password .panel.panel-default {
  border-color: #DEDEDE !important;
  background-color: #fff !important;
}

/* line 505, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration .panel .panel-heading,
body#signup .panel .panel-heading,
body#login .panel .panel-heading,
body#forgot-password .panel .panel-heading {
  width: 100%;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  background: transparent !important;
}

/* line 512, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration .panel .panel-heading .panel-title,
body#signup .panel .panel-heading .panel-title,
body#login .panel .panel-heading .panel-title,
body#forgot-password .panel .panel-heading .panel-title {
  color: #101113;
  font-family: "Exo 2";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  /* 150% */
  letter-spacing: 0.15px;
  margin: 0;
  text-align: center;
  width: 100%;
}

/* line 526, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration .panel .panel-body,
body#signup .panel .panel-body,
body#login .panel .panel-body,
body#forgot-password .panel .panel-body {
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
}

/* line 533, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration #new-customer,
.checkout-registration #existing-customer,
body#signup #new-customer,
body#signup #existing-customer,
body#login #new-customer,
body#login #existing-customer,
body#forgot-password #new-customer,
body#forgot-password #existing-customer {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 0;
  width: 100%;
  height: fit-content;
}

/* line 543, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration #new-customer form,
.checkout-registration #existing-customer form,
body#signup #new-customer form,
body#signup #existing-customer form,
body#login #new-customer form,
body#login #existing-customer form,
body#forgot-password #new-customer form,
body#forgot-password #existing-customer form {
  width: 100%;
  margin-bottom: 0;
}

/* line 547, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration #new-customer form .form-group,
.checkout-registration #existing-customer form .form-group,
body#signup #new-customer form .form-group,
body#signup #existing-customer form .form-group,
body#login #new-customer form .form-group,
body#login #existing-customer form .form-group,
body#forgot-password #new-customer form .form-group,
body#forgot-password #existing-customer form .form-group {
  margin-bottom: 0;
}

/* line 552, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration #new-customer form [data-hook="login_extras"],
.checkout-registration #existing-customer form [data-hook="login_extras"],
body#signup #new-customer form [data-hook="login_extras"],
body#signup #existing-customer form [data-hook="login_extras"],
body#login #new-customer form [data-hook="login_extras"],
body#login #existing-customer form [data-hook="login_extras"],
body#forgot-password #new-customer form [data-hook="login_extras"],
body#forgot-password #existing-customer form [data-hook="login_extras"] {
  display: flex;
  padding: 16px 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-self: stretch;
}

/* line 560, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration #new-customer form [data-hook="login_extras"] #social-signin-links,
.checkout-registration #existing-customer form [data-hook="login_extras"] #social-signin-links,
body#signup #new-customer form [data-hook="login_extras"] #social-signin-links,
body#signup #existing-customer form [data-hook="login_extras"] #social-signin-links,
body#login #new-customer form [data-hook="login_extras"] #social-signin-links,
body#login #existing-customer form [data-hook="login_extras"] #social-signin-links,
body#forgot-password #new-customer form [data-hook="login_extras"] #social-signin-links,
body#forgot-password #existing-customer form [data-hook="login_extras"] #social-signin-links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}

/* line 568, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration #new-customer form [data-hook="signup_inside_form"],
.checkout-registration #existing-customer form [data-hook="signup_inside_form"],
body#signup #new-customer form [data-hook="signup_inside_form"],
body#signup #existing-customer form [data-hook="signup_inside_form"],
body#login #new-customer form [data-hook="signup_inside_form"],
body#login #existing-customer form [data-hook="signup_inside_form"],
body#forgot-password #new-customer form [data-hook="signup_inside_form"],
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] {
  display: flex;
  margin-top: 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
  width: 100%;
  border: none !important;
  background: transparent !important;
}

/* line 580, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration #new-customer form [data-hook="signup_inside_form"] #password-credentials,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] #password-credentials,
body#signup #new-customer form [data-hook="signup_inside_form"] #password-credentials,
body#signup #existing-customer form [data-hook="signup_inside_form"] #password-credentials,
body#login #new-customer form [data-hook="signup_inside_form"] #password-credentials,
body#login #existing-customer form [data-hook="signup_inside_form"] #password-credentials,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] #password-credentials,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] #password-credentials {
  background: none !important;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

/* line 591, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group,
body#signup #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group,
body#signup #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group,
body#login #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group,
body#login #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  flex: 1 0 0;
  align-self: stretch;
  border-radius: 4px;
  border: 1px solid #DEDEDE;
  position: relative;
  width: 100%;
  padding: 4px 0 4px 16px;
}

/* line 604, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group p,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group p,
body#signup #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group p,
body#signup #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group p,
body#login #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group p,
body#login #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group p,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group p,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group p {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: none !important;
  width: 100%;
}

/* line 611, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group p input,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group p input,
body#signup #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group p input,
body#signup #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group p input,
body#login #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group p input,
body#login #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group p input,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group p input,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group p input {
  display: flex;
  align-items: center;
  align-self: stretch;
  width: 100%;
  font-family: "Exo 2";
  font-size: 14px;
  background-color: #fff;
  border: none;
  box-sizing: border-box;
}

/* line 622, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group p input:focus,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group p input:focus,
body#signup #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group p input:focus,
body#signup #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group p input:focus,
body#login #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group p input:focus,
body#login #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group p input:focus,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group p input:focus,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group p input:focus {
  outline: none;
}

/* line 626, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group p input::placeholder,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group p input::placeholder,
body#signup #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group p input::placeholder,
body#signup #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group p input::placeholder,
body#login #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group p input::placeholder,
body#login #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group p input::placeholder,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group p input::placeholder,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group p input::placeholder {
  color: #999;
}

/* line 633, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group,
.checkout-registration #new-customer form [data-hook="signup_inside_form"] #password-credentials p,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] #password-credentials p,
body#signup #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group,
body#signup #new-customer form [data-hook="signup_inside_form"] #password-credentials p,
body#signup #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group,
body#signup #existing-customer form [data-hook="signup_inside_form"] #password-credentials p,
body#login #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group,
body#login #new-customer form [data-hook="signup_inside_form"] #password-credentials p,
body#login #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group,
body#login #existing-customer form [data-hook="signup_inside_form"] #password-credentials p,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] #password-credentials p,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] #password-credentials p {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  flex: 1 0 0;
  align-self: stretch;
  border-radius: 4px;
  border: 1px solid #DEDEDE;
  position: relative;
  width: 100%;
  padding: 4px 0 4px 16px;
}

/* line 647, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="email"],
.checkout-registration #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="password"],
.checkout-registration #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="text"],
.checkout-registration #new-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="email"],
.checkout-registration #new-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="password"],
.checkout-registration #new-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="text"],
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="email"],
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="password"],
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="text"],
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="email"],
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="password"],
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="text"],
body#signup #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="email"],
body#signup #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="password"],
body#signup #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="text"],
body#signup #new-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="email"],
body#signup #new-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="password"],
body#signup #new-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="text"],
body#signup #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="email"],
body#signup #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="password"],
body#signup #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="text"],
body#signup #existing-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="email"],
body#signup #existing-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="password"],
body#signup #existing-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="text"],
body#login #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="email"],
body#login #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="password"],
body#login #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="text"],
body#login #new-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="email"],
body#login #new-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="password"],
body#login #new-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="text"],
body#login #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="email"],
body#login #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="password"],
body#login #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="text"],
body#login #existing-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="email"],
body#login #existing-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="password"],
body#login #existing-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="text"],
body#forgot-password #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="email"],
body#forgot-password #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="password"],
body#forgot-password #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="text"],
body#forgot-password #new-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="email"],
body#forgot-password #new-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="password"],
body#forgot-password #new-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="text"],
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="email"],
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="password"],
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="text"],
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="email"],
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="password"],
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="text"] {
  display: flex;
  align-items: center;
  align-self: stretch;
  width: 100%;
  font-family: "Exo 2";
  font-size: 14px;
  background-color: #fff;
  border: none;
  box-sizing: border-box;
}

/* line 660, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="email"]:focus,
.checkout-registration #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="password"]:focus,
.checkout-registration #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="text"]:focus,
.checkout-registration #new-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="email"]:focus,
.checkout-registration #new-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="password"]:focus,
.checkout-registration #new-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="text"]:focus,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="email"]:focus,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="password"]:focus,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="text"]:focus,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="email"]:focus,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="password"]:focus,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="text"]:focus,
body#signup #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="email"]:focus,
body#signup #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="password"]:focus,
body#signup #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="text"]:focus,
body#signup #new-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="email"]:focus,
body#signup #new-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="password"]:focus,
body#signup #new-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="text"]:focus,
body#signup #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="email"]:focus,
body#signup #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="password"]:focus,
body#signup #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="text"]:focus,
body#signup #existing-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="email"]:focus,
body#signup #existing-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="password"]:focus,
body#signup #existing-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="text"]:focus,
body#login #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="email"]:focus,
body#login #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="password"]:focus,
body#login #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="text"]:focus,
body#login #new-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="email"]:focus,
body#login #new-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="password"]:focus,
body#login #new-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="text"]:focus,
body#login #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="email"]:focus,
body#login #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="password"]:focus,
body#login #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="text"]:focus,
body#login #existing-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="email"]:focus,
body#login #existing-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="password"]:focus,
body#login #existing-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="text"]:focus,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="email"]:focus,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="password"]:focus,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="text"]:focus,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="email"]:focus,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="password"]:focus,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="text"]:focus,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="email"]:focus,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="password"]:focus,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="text"]:focus,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="email"]:focus,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="password"]:focus,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="text"]:focus {
  outline: none;
}

/* line 664, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="email"]::placeholder,
.checkout-registration #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="password"]::placeholder,
.checkout-registration #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="text"]::placeholder,
.checkout-registration #new-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="email"]::placeholder,
.checkout-registration #new-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="password"]::placeholder,
.checkout-registration #new-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="text"]::placeholder,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="email"]::placeholder,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="password"]::placeholder,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="text"]::placeholder,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="email"]::placeholder,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="password"]::placeholder,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="text"]::placeholder,
body#signup #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="email"]::placeholder,
body#signup #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="password"]::placeholder,
body#signup #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="text"]::placeholder,
body#signup #new-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="email"]::placeholder,
body#signup #new-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="password"]::placeholder,
body#signup #new-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="text"]::placeholder,
body#signup #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="email"]::placeholder,
body#signup #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="password"]::placeholder,
body#signup #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="text"]::placeholder,
body#signup #existing-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="email"]::placeholder,
body#signup #existing-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="password"]::placeholder,
body#signup #existing-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="text"]::placeholder,
body#login #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="email"]::placeholder,
body#login #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="password"]::placeholder,
body#login #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="text"]::placeholder,
body#login #new-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="email"]::placeholder,
body#login #new-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="password"]::placeholder,
body#login #new-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="text"]::placeholder,
body#login #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="email"]::placeholder,
body#login #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="password"]::placeholder,
body#login #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="text"]::placeholder,
body#login #existing-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="email"]::placeholder,
body#login #existing-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="password"]::placeholder,
body#login #existing-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="text"]::placeholder,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="email"]::placeholder,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="password"]::placeholder,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="text"]::placeholder,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="email"]::placeholder,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="password"]::placeholder,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="text"]::placeholder,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="email"]::placeholder,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="password"]::placeholder,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] #password-credentials .form-group input[type="text"]::placeholder,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="email"]::placeholder,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="password"]::placeholder,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] #password-credentials p input[type="text"]::placeholder {
  color: #999;
}

/* line 672, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration #new-customer form [data-hook="signup_inside_form"] [data-hook="signup_below_password_fields"],
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] [data-hook="signup_below_password_fields"],
body#signup #new-customer form [data-hook="signup_inside_form"] [data-hook="signup_below_password_fields"],
body#signup #existing-customer form [data-hook="signup_inside_form"] [data-hook="signup_below_password_fields"],
body#login #new-customer form [data-hook="signup_inside_form"] [data-hook="signup_below_password_fields"],
body#login #existing-customer form [data-hook="signup_inside_form"] [data-hook="signup_below_password_fields"],
body#forgot-password #new-customer form [data-hook="signup_inside_form"] [data-hook="signup_below_password_fields"],
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] [data-hook="signup_below_password_fields"] {
  border: none !important;
  background: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* line 678, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration #new-customer form [data-hook="signup_inside_form"] [data-hook="signup_below_password_fields"]:empty,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] [data-hook="signup_below_password_fields"]:empty,
body#signup #new-customer form [data-hook="signup_inside_form"] [data-hook="signup_below_password_fields"]:empty,
body#signup #existing-customer form [data-hook="signup_inside_form"] [data-hook="signup_below_password_fields"]:empty,
body#login #new-customer form [data-hook="signup_inside_form"] [data-hook="signup_below_password_fields"]:empty,
body#login #existing-customer form [data-hook="signup_inside_form"] [data-hook="signup_below_password_fields"]:empty,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] [data-hook="signup_below_password_fields"]:empty,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] [data-hook="signup_below_password_fields"]:empty {
  display: none !important;
}

/* line 684, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration #new-customer form [data-hook="signup_inside_form"] p.instruction-text,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] p.instruction-text,
body#signup #new-customer form [data-hook="signup_inside_form"] p.instruction-text,
body#signup #existing-customer form [data-hook="signup_inside_form"] p.instruction-text,
body#login #new-customer form [data-hook="signup_inside_form"] p.instruction-text,
body#login #existing-customer form [data-hook="signup_inside_form"] p.instruction-text,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] p.instruction-text,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] p.instruction-text {
  color: #19335D !important;
  text-align: center !important;
  font-family: "Exo 2" !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: 24px !important;
  /* 150% */
  letter-spacing: 0.15px !important;
  margin: 0 0 16px 0 !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  display: block !important;
  flex: none !important;
  align-items: unset !important;
  align-self: unset !important;
  border-radius: 0 !important;
  width: auto !important;
}

/* line 707, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration #new-customer form [data-hook="signup_inside_form"] .form-group,
.checkout-registration #new-customer form [data-hook="signup_inside_form"] p:not(.instruction-text),
.checkout-registration #new-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha),
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] .form-group,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] p:not(.instruction-text),
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha),
body#signup #new-customer form [data-hook="signup_inside_form"] .form-group,
body#signup #new-customer form [data-hook="signup_inside_form"] p:not(.instruction-text),
body#signup #new-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha),
body#signup #existing-customer form [data-hook="signup_inside_form"] .form-group,
body#signup #existing-customer form [data-hook="signup_inside_form"] p:not(.instruction-text),
body#signup #existing-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha),
body#login #new-customer form [data-hook="signup_inside_form"] .form-group,
body#login #new-customer form [data-hook="signup_inside_form"] p:not(.instruction-text),
body#login #new-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha),
body#login #existing-customer form [data-hook="signup_inside_form"] .form-group,
body#login #existing-customer form [data-hook="signup_inside_form"] p:not(.instruction-text),
body#login #existing-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha),
body#forgot-password #new-customer form [data-hook="signup_inside_form"] .form-group,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] p:not(.instruction-text),
body#forgot-password #new-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha),
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] .form-group,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] p:not(.instruction-text),
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  flex: 1 0 0;
  align-self: stretch;
  border-radius: 4px;
  border: 1px solid #DEDEDE;
  position: relative;
  width: 100%;
  padding: 4px 0 4px 16px;
}

/* line 722, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration #new-customer form [data-hook="signup_inside_form"] .form-group input[type="email"],
.checkout-registration #new-customer form [data-hook="signup_inside_form"] .form-group input[type="password"],
.checkout-registration #new-customer form [data-hook="signup_inside_form"] .form-group input[type="text"],
.checkout-registration #new-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="email"],
.checkout-registration #new-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="password"],
.checkout-registration #new-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="text"],
.checkout-registration #new-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="email"],
.checkout-registration #new-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="password"],
.checkout-registration #new-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="text"],
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] .form-group input[type="email"],
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] .form-group input[type="password"],
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] .form-group input[type="text"],
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="email"],
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="password"],
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="text"],
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="email"],
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="password"],
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="text"],
body#signup #new-customer form [data-hook="signup_inside_form"] .form-group input[type="email"],
body#signup #new-customer form [data-hook="signup_inside_form"] .form-group input[type="password"],
body#signup #new-customer form [data-hook="signup_inside_form"] .form-group input[type="text"],
body#signup #new-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="email"],
body#signup #new-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="password"],
body#signup #new-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="text"],
body#signup #new-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="email"],
body#signup #new-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="password"],
body#signup #new-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="text"],
body#signup #existing-customer form [data-hook="signup_inside_form"] .form-group input[type="email"],
body#signup #existing-customer form [data-hook="signup_inside_form"] .form-group input[type="password"],
body#signup #existing-customer form [data-hook="signup_inside_form"] .form-group input[type="text"],
body#signup #existing-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="email"],
body#signup #existing-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="password"],
body#signup #existing-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="text"],
body#signup #existing-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="email"],
body#signup #existing-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="password"],
body#signup #existing-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="text"],
body#login #new-customer form [data-hook="signup_inside_form"] .form-group input[type="email"],
body#login #new-customer form [data-hook="signup_inside_form"] .form-group input[type="password"],
body#login #new-customer form [data-hook="signup_inside_form"] .form-group input[type="text"],
body#login #new-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="email"],
body#login #new-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="password"],
body#login #new-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="text"],
body#login #new-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="email"],
body#login #new-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="password"],
body#login #new-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="text"],
body#login #existing-customer form [data-hook="signup_inside_form"] .form-group input[type="email"],
body#login #existing-customer form [data-hook="signup_inside_form"] .form-group input[type="password"],
body#login #existing-customer form [data-hook="signup_inside_form"] .form-group input[type="text"],
body#login #existing-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="email"],
body#login #existing-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="password"],
body#login #existing-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="text"],
body#login #existing-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="email"],
body#login #existing-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="password"],
body#login #existing-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="text"],
body#forgot-password #new-customer form [data-hook="signup_inside_form"] .form-group input[type="email"],
body#forgot-password #new-customer form [data-hook="signup_inside_form"] .form-group input[type="password"],
body#forgot-password #new-customer form [data-hook="signup_inside_form"] .form-group input[type="text"],
body#forgot-password #new-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="email"],
body#forgot-password #new-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="password"],
body#forgot-password #new-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="text"],
body#forgot-password #new-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="email"],
body#forgot-password #new-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="password"],
body#forgot-password #new-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="text"],
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] .form-group input[type="email"],
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] .form-group input[type="password"],
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] .form-group input[type="text"],
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="email"],
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="password"],
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="text"],
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="email"],
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="password"],
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="text"] {
  display: flex;
  align-items: center;
  align-self: stretch;
  width: 100%;
  font-family: "Exo 2";
  font-size: 14px;
  background-color: #fff;
  border: none;
  box-sizing: border-box;
}

/* line 735, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration #new-customer form [data-hook="signup_inside_form"] .form-group input[type="email"]:focus,
.checkout-registration #new-customer form [data-hook="signup_inside_form"] .form-group input[type="password"]:focus,
.checkout-registration #new-customer form [data-hook="signup_inside_form"] .form-group input[type="text"]:focus,
.checkout-registration #new-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="email"]:focus,
.checkout-registration #new-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="password"]:focus,
.checkout-registration #new-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="text"]:focus,
.checkout-registration #new-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="email"]:focus,
.checkout-registration #new-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="password"]:focus,
.checkout-registration #new-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="text"]:focus,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] .form-group input[type="email"]:focus,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] .form-group input[type="password"]:focus,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] .form-group input[type="text"]:focus,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="email"]:focus,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="password"]:focus,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="text"]:focus,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="email"]:focus,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="password"]:focus,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="text"]:focus,
body#signup #new-customer form [data-hook="signup_inside_form"] .form-group input[type="email"]:focus,
body#signup #new-customer form [data-hook="signup_inside_form"] .form-group input[type="password"]:focus,
body#signup #new-customer form [data-hook="signup_inside_form"] .form-group input[type="text"]:focus,
body#signup #new-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="email"]:focus,
body#signup #new-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="password"]:focus,
body#signup #new-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="text"]:focus,
body#signup #new-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="email"]:focus,
body#signup #new-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="password"]:focus,
body#signup #new-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="text"]:focus,
body#signup #existing-customer form [data-hook="signup_inside_form"] .form-group input[type="email"]:focus,
body#signup #existing-customer form [data-hook="signup_inside_form"] .form-group input[type="password"]:focus,
body#signup #existing-customer form [data-hook="signup_inside_form"] .form-group input[type="text"]:focus,
body#signup #existing-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="email"]:focus,
body#signup #existing-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="password"]:focus,
body#signup #existing-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="text"]:focus,
body#signup #existing-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="email"]:focus,
body#signup #existing-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="password"]:focus,
body#signup #existing-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="text"]:focus,
body#login #new-customer form [data-hook="signup_inside_form"] .form-group input[type="email"]:focus,
body#login #new-customer form [data-hook="signup_inside_form"] .form-group input[type="password"]:focus,
body#login #new-customer form [data-hook="signup_inside_form"] .form-group input[type="text"]:focus,
body#login #new-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="email"]:focus,
body#login #new-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="password"]:focus,
body#login #new-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="text"]:focus,
body#login #new-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="email"]:focus,
body#login #new-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="password"]:focus,
body#login #new-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="text"]:focus,
body#login #existing-customer form [data-hook="signup_inside_form"] .form-group input[type="email"]:focus,
body#login #existing-customer form [data-hook="signup_inside_form"] .form-group input[type="password"]:focus,
body#login #existing-customer form [data-hook="signup_inside_form"] .form-group input[type="text"]:focus,
body#login #existing-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="email"]:focus,
body#login #existing-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="password"]:focus,
body#login #existing-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="text"]:focus,
body#login #existing-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="email"]:focus,
body#login #existing-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="password"]:focus,
body#login #existing-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="text"]:focus,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] .form-group input[type="email"]:focus,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] .form-group input[type="password"]:focus,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] .form-group input[type="text"]:focus,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="email"]:focus,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="password"]:focus,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="text"]:focus,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="email"]:focus,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="password"]:focus,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="text"]:focus,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] .form-group input[type="email"]:focus,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] .form-group input[type="password"]:focus,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] .form-group input[type="text"]:focus,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="email"]:focus,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="password"]:focus,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="text"]:focus,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="email"]:focus,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="password"]:focus,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="text"]:focus {
  outline: none;
}

/* line 739, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration #new-customer form [data-hook="signup_inside_form"] .form-group input[type="email"]::placeholder,
.checkout-registration #new-customer form [data-hook="signup_inside_form"] .form-group input[type="password"]::placeholder,
.checkout-registration #new-customer form [data-hook="signup_inside_form"] .form-group input[type="text"]::placeholder,
.checkout-registration #new-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="email"]::placeholder,
.checkout-registration #new-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="password"]::placeholder,
.checkout-registration #new-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="text"]::placeholder,
.checkout-registration #new-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="email"]::placeholder,
.checkout-registration #new-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="password"]::placeholder,
.checkout-registration #new-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="text"]::placeholder,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] .form-group input[type="email"]::placeholder,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] .form-group input[type="password"]::placeholder,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] .form-group input[type="text"]::placeholder,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="email"]::placeholder,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="password"]::placeholder,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="text"]::placeholder,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="email"]::placeholder,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="password"]::placeholder,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="text"]::placeholder,
body#signup #new-customer form [data-hook="signup_inside_form"] .form-group input[type="email"]::placeholder,
body#signup #new-customer form [data-hook="signup_inside_form"] .form-group input[type="password"]::placeholder,
body#signup #new-customer form [data-hook="signup_inside_form"] .form-group input[type="text"]::placeholder,
body#signup #new-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="email"]::placeholder,
body#signup #new-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="password"]::placeholder,
body#signup #new-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="text"]::placeholder,
body#signup #new-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="email"]::placeholder,
body#signup #new-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="password"]::placeholder,
body#signup #new-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="text"]::placeholder,
body#signup #existing-customer form [data-hook="signup_inside_form"] .form-group input[type="email"]::placeholder,
body#signup #existing-customer form [data-hook="signup_inside_form"] .form-group input[type="password"]::placeholder,
body#signup #existing-customer form [data-hook="signup_inside_form"] .form-group input[type="text"]::placeholder,
body#signup #existing-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="email"]::placeholder,
body#signup #existing-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="password"]::placeholder,
body#signup #existing-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="text"]::placeholder,
body#signup #existing-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="email"]::placeholder,
body#signup #existing-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="password"]::placeholder,
body#signup #existing-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="text"]::placeholder,
body#login #new-customer form [data-hook="signup_inside_form"] .form-group input[type="email"]::placeholder,
body#login #new-customer form [data-hook="signup_inside_form"] .form-group input[type="password"]::placeholder,
body#login #new-customer form [data-hook="signup_inside_form"] .form-group input[type="text"]::placeholder,
body#login #new-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="email"]::placeholder,
body#login #new-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="password"]::placeholder,
body#login #new-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="text"]::placeholder,
body#login #new-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="email"]::placeholder,
body#login #new-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="password"]::placeholder,
body#login #new-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="text"]::placeholder,
body#login #existing-customer form [data-hook="signup_inside_form"] .form-group input[type="email"]::placeholder,
body#login #existing-customer form [data-hook="signup_inside_form"] .form-group input[type="password"]::placeholder,
body#login #existing-customer form [data-hook="signup_inside_form"] .form-group input[type="text"]::placeholder,
body#login #existing-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="email"]::placeholder,
body#login #existing-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="password"]::placeholder,
body#login #existing-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="text"]::placeholder,
body#login #existing-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="email"]::placeholder,
body#login #existing-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="password"]::placeholder,
body#login #existing-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="text"]::placeholder,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] .form-group input[type="email"]::placeholder,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] .form-group input[type="password"]::placeholder,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] .form-group input[type="text"]::placeholder,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="email"]::placeholder,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="password"]::placeholder,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="text"]::placeholder,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="email"]::placeholder,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="password"]::placeholder,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="text"]::placeholder,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] .form-group input[type="email"]::placeholder,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] .form-group input[type="password"]::placeholder,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] .form-group input[type="text"]::placeholder,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="email"]::placeholder,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="password"]::placeholder,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="text"]::placeholder,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="email"]::placeholder,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="password"]::placeholder,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] div:not(#password-credentials):not([data-hook="signup_below_password_fields"]):not(.text-center):not(.g-recaptcha) input[type="text"]::placeholder {
  color: #999;
}

/* line 747, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password),
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password),
body#signup #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password),
body#signup #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password),
body#login #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password),
body#login #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password),
body#forgot-password #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password),
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  gap: 16px;
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* line 760, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha,
body#signup #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha,
body#signup #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha,
body#login #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha,
body#login #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 0 auto !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}

/* line 773, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha > div,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha > div,
body#signup #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha > div,
body#signup #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha > div,
body#login #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha > div,
body#login #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha > div,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha > div,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha > div {
  margin: 0 auto !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  outline: none !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* line 785, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha > div iframe,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha > div iframe,
body#signup #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha > div iframe,
body#signup #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha > div iframe,
body#login #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha > div iframe,
body#login #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha > div iframe,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha > div iframe,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha > div iframe {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  margin: 0 auto !important;
  display: block !important;
}

/* line 794, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha > div > div,
.checkout-registration #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha > div > div > div,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha > div > div,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha > div > div > div,
body#signup #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha > div > div,
body#signup #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha > div > div > div,
body#signup #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha > div > div,
body#signup #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha > div > div > div,
body#login #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha > div > div,
body#login #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha > div > div > div,
body#login #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha > div > div,
body#login #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha > div > div > div,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha > div > div,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha > div > div > div,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha > div > div,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha > div > div > div {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
  outline: none !important;
}

/* line 804, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha .grecaptcha-badge,
.checkout-registration #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha .grecaptcha-logo,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha .grecaptcha-badge,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha .grecaptcha-logo,
body#signup #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha .grecaptcha-badge,
body#signup #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha .grecaptcha-logo,
body#signup #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha .grecaptcha-badge,
body#signup #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha .grecaptcha-logo,
body#login #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha .grecaptcha-badge,
body#login #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha .grecaptcha-logo,
body#login #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha .grecaptcha-badge,
body#login #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha .grecaptcha-logo,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha .grecaptcha-badge,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha .grecaptcha-logo,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha .grecaptcha-badge,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .g-recaptcha .grecaptcha-logo {
  border: none !important;
}

@media (max-width: 767px) {
  /* line 814, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
  .checkout-registration #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) body > div[style*="position: absolute"],
.checkout-registration #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) body > div[style*="position:fixed"],
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) body > div[style*="position: absolute"],
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) body > div[style*="position:fixed"],
body#signup #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) body > div[style*="position: absolute"],
body#signup #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) body > div[style*="position:fixed"],
body#signup #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) body > div[style*="position: absolute"],
body#signup #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) body > div[style*="position:fixed"],
body#login #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) body > div[style*="position: absolute"],
body#login #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) body > div[style*="position:fixed"],
body#login #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) body > div[style*="position: absolute"],
body#login #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) body > div[style*="position:fixed"],
body#forgot-password #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) body > div[style*="position: absolute"],
body#forgot-password #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) body > div[style*="position:fixed"],
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) body > div[style*="position: absolute"],
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) body > div[style*="position:fixed"] {
    left: 50% !important;
    transform: translateX(-50%) !important;
    max-width: calc(100vw - 20px) !important;
    right: auto !important;
    margin-left: 0 !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    max-height: calc(100vh - 20px) !important;
  }
  /* line 830, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
  .checkout-registration #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) div[class*="rc-anchor"],
.checkout-registration #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) div[id*="rc-anchor"],
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) div[class*="rc-anchor"],
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) div[id*="rc-anchor"],
body#signup #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) div[class*="rc-anchor"],
body#signup #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) div[id*="rc-anchor"],
body#signup #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) div[class*="rc-anchor"],
body#signup #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) div[id*="rc-anchor"],
body#login #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) div[class*="rc-anchor"],
body#login #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) div[id*="rc-anchor"],
body#login #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) div[class*="rc-anchor"],
body#login #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) div[id*="rc-anchor"],
body#forgot-password #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) div[class*="rc-anchor"],
body#forgot-password #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) div[id*="rc-anchor"],
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) div[class*="rc-anchor"],
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) div[id*="rc-anchor"] {
    max-width: 100vw !important;
    box-sizing: border-box !important;
  }
  /* line 837, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
  .checkout-registration #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) iframe[src*="recaptcha"],
.checkout-registration #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) iframe[title*="recaptcha"],
.checkout-registration #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) iframe[name*="recaptcha"],
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) iframe[src*="recaptcha"],
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) iframe[title*="recaptcha"],
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) iframe[name*="recaptcha"],
body#signup #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) iframe[src*="recaptcha"],
body#signup #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) iframe[title*="recaptcha"],
body#signup #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) iframe[name*="recaptcha"],
body#signup #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) iframe[src*="recaptcha"],
body#signup #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) iframe[title*="recaptcha"],
body#signup #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) iframe[name*="recaptcha"],
body#login #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) iframe[src*="recaptcha"],
body#login #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) iframe[title*="recaptcha"],
body#login #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) iframe[name*="recaptcha"],
body#login #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) iframe[src*="recaptcha"],
body#login #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) iframe[title*="recaptcha"],
body#login #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) iframe[name*="recaptcha"],
body#forgot-password #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) iframe[src*="recaptcha"],
body#forgot-password #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) iframe[title*="recaptcha"],
body#forgot-password #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) iframe[name*="recaptcha"],
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) iframe[src*="recaptcha"],
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) iframe[title*="recaptcha"],
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) iframe[name*="recaptcha"] {
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
}

/* line 846, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-success,
.checkout-registration #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-primary,
.checkout-registration #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) input[type="submit"],
.checkout-registration #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) button[type="submit"],
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-success,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-primary,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) input[type="submit"],
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) button[type="submit"],
body#signup #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-success,
body#signup #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-primary,
body#signup #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) input[type="submit"],
body#signup #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) button[type="submit"],
body#signup #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-success,
body#signup #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-primary,
body#signup #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) input[type="submit"],
body#signup #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) button[type="submit"],
body#login #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-success,
body#login #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-primary,
body#login #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) input[type="submit"],
body#login #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) button[type="submit"],
body#login #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-success,
body#login #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-primary,
body#login #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) input[type="submit"],
body#login #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) button[type="submit"],
body#forgot-password #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-success,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-primary,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) input[type="submit"],
body#forgot-password #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) button[type="submit"],
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-success,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-primary,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) input[type="submit"],
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) button[type="submit"] {
  display: inline-flex;
  height: 40px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 16px;
  padding: 0 24px;
  background-color: #FE8F1C;
  border: none !important;
  border-radius: 100px;
  font-family: "Exo 2";
  font-weight: 600;
  font-size: 14px;
  color: white;
  cursor: pointer;
  transition: background-color 0.2s ease;
  text-decoration: none;
  text-transform: uppercase;
}

/* line 869, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-success .btn-text,
.checkout-registration #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-primary .btn-text,
.checkout-registration #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) input[type="submit"] .btn-text,
.checkout-registration #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) button[type="submit"] .btn-text,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-success .btn-text,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-primary .btn-text,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) input[type="submit"] .btn-text,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) button[type="submit"] .btn-text,
body#signup #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-success .btn-text,
body#signup #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-primary .btn-text,
body#signup #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) input[type="submit"] .btn-text,
body#signup #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) button[type="submit"] .btn-text,
body#signup #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-success .btn-text,
body#signup #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-primary .btn-text,
body#signup #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) input[type="submit"] .btn-text,
body#signup #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) button[type="submit"] .btn-text,
body#login #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-success .btn-text,
body#login #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-primary .btn-text,
body#login #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) input[type="submit"] .btn-text,
body#login #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) button[type="submit"] .btn-text,
body#login #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-success .btn-text,
body#login #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-primary .btn-text,
body#login #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) input[type="submit"] .btn-text,
body#login #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) button[type="submit"] .btn-text,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-success .btn-text,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-primary .btn-text,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) input[type="submit"] .btn-text,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) button[type="submit"] .btn-text,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-success .btn-text,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-primary .btn-text,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) input[type="submit"] .btn-text,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) button[type="submit"] .btn-text {
  flex-shrink: 0;
}

/* line 873, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-success .btn-arrow,
.checkout-registration #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-primary .btn-arrow,
.checkout-registration #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) input[type="submit"] .btn-arrow,
.checkout-registration #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) button[type="submit"] .btn-arrow,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-success .btn-arrow,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-primary .btn-arrow,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) input[type="submit"] .btn-arrow,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) button[type="submit"] .btn-arrow,
body#signup #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-success .btn-arrow,
body#signup #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-primary .btn-arrow,
body#signup #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) input[type="submit"] .btn-arrow,
body#signup #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) button[type="submit"] .btn-arrow,
body#signup #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-success .btn-arrow,
body#signup #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-primary .btn-arrow,
body#signup #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) input[type="submit"] .btn-arrow,
body#signup #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) button[type="submit"] .btn-arrow,
body#login #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-success .btn-arrow,
body#login #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-primary .btn-arrow,
body#login #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) input[type="submit"] .btn-arrow,
body#login #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) button[type="submit"] .btn-arrow,
body#login #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-success .btn-arrow,
body#login #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-primary .btn-arrow,
body#login #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) input[type="submit"] .btn-arrow,
body#login #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) button[type="submit"] .btn-arrow,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-success .btn-arrow,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-primary .btn-arrow,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) input[type="submit"] .btn-arrow,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) button[type="submit"] .btn-arrow,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-success .btn-arrow,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-primary .btn-arrow,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) input[type="submit"] .btn-arrow,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) button[type="submit"] .btn-arrow {
  flex-shrink: 0;
  width: 7px;
  height: 12px;
}

/* line 879, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-success:hover,
.checkout-registration #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-primary:hover,
.checkout-registration #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) input[type="submit"]:hover,
.checkout-registration #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) button[type="submit"]:hover,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-success:hover,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-primary:hover,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) input[type="submit"]:hover,
.checkout-registration #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) button[type="submit"]:hover,
body#signup #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-success:hover,
body#signup #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-primary:hover,
body#signup #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) input[type="submit"]:hover,
body#signup #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) button[type="submit"]:hover,
body#signup #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-success:hover,
body#signup #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-primary:hover,
body#signup #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) input[type="submit"]:hover,
body#signup #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) button[type="submit"]:hover,
body#login #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-success:hover,
body#login #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-primary:hover,
body#login #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) input[type="submit"]:hover,
body#login #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) button[type="submit"]:hover,
body#login #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-success:hover,
body#login #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-primary:hover,
body#login #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) input[type="submit"]:hover,
body#login #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) button[type="submit"]:hover,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-success:hover,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-primary:hover,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) input[type="submit"]:hover,
body#forgot-password #new-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) button[type="submit"]:hover,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-success:hover,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) .btn-primary:hover,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) input[type="submit"]:hover,
body#forgot-password #existing-customer form [data-hook="signup_inside_form"] .text-center:not(.forgot-password) button[type="submit"]:hover {
  background-color: #e67601;
  text-decoration: none;
  color: white;
}

/* line 890, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration #new-customer .mt-20,
.checkout-registration #new-customer .clearfix,
.checkout-registration #existing-customer .mt-20,
.checkout-registration #existing-customer .clearfix,
body#signup #new-customer .mt-20,
body#signup #new-customer .clearfix,
body#signup #existing-customer .mt-20,
body#signup #existing-customer .clearfix,
body#login #new-customer .mt-20,
body#login #new-customer .clearfix,
body#login #existing-customer .mt-20,
body#login #existing-customer .clearfix,
body#forgot-password #new-customer .mt-20,
body#forgot-password #new-customer .clearfix,
body#forgot-password #existing-customer .mt-20,
body#forgot-password #existing-customer .clearfix {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  align-self: stretch;
}

/* line 898, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration #new-customer .mt-20 a[href*="login"],
.checkout-registration #new-customer .clearfix a[href*="login"],
.checkout-registration #existing-customer .mt-20 a[href*="login"],
.checkout-registration #existing-customer .clearfix a[href*="login"],
body#signup #new-customer .mt-20 a[href*="login"],
body#signup #new-customer .clearfix a[href*="login"],
body#signup #existing-customer .mt-20 a[href*="login"],
body#signup #existing-customer .clearfix a[href*="login"],
body#login #new-customer .mt-20 a[href*="login"],
body#login #new-customer .clearfix a[href*="login"],
body#login #existing-customer .mt-20 a[href*="login"],
body#login #existing-customer .clearfix a[href*="login"],
body#forgot-password #new-customer .mt-20 a[href*="login"],
body#forgot-password #new-customer .clearfix a[href*="login"],
body#forgot-password #existing-customer .mt-20 a[href*="login"],
body#forgot-password #existing-customer .clearfix a[href*="login"] {
  display: inline-flex;
  height: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  border: 1px solid #DEDEDE;
  padding: 0 24px;
  text-decoration: none;
  color: #5787C9;
  text-align: center;
  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 918, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration #new-customer .mt-20 a[href*="login"]:hover,
.checkout-registration #new-customer .clearfix a[href*="login"]:hover,
.checkout-registration #existing-customer .mt-20 a[href*="login"]:hover,
.checkout-registration #existing-customer .clearfix a[href*="login"]:hover,
body#signup #new-customer .mt-20 a[href*="login"]:hover,
body#signup #new-customer .clearfix a[href*="login"]:hover,
body#signup #existing-customer .mt-20 a[href*="login"]:hover,
body#signup #existing-customer .clearfix a[href*="login"]:hover,
body#login #new-customer .mt-20 a[href*="login"]:hover,
body#login #new-customer .clearfix a[href*="login"]:hover,
body#login #existing-customer .mt-20 a[href*="login"]:hover,
body#login #existing-customer .clearfix a[href*="login"]:hover,
body#forgot-password #new-customer .mt-20 a[href*="login"]:hover,
body#forgot-password #new-customer .clearfix a[href*="login"]:hover,
body#forgot-password #existing-customer .mt-20 a[href*="login"]:hover,
body#forgot-password #existing-customer .clearfix a[href*="login"]:hover {
  text-decoration: none;
  color: #5787C9;
}

/* line 926, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration #new-customer > .text-center,
.checkout-registration #existing-customer > .text-center,
body#signup #new-customer > .text-center,
body#signup #existing-customer > .text-center,
body#login #new-customer > .text-center,
body#login #existing-customer > .text-center,
body#forgot-password #new-customer > .text-center,
body#forgot-password #existing-customer > .text-center {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  width: 100%;
  margin-top: 0;
  padding-top: 0;
}

/* line 935, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration #new-customer > .text-center a[href*="login"],
.checkout-registration #existing-customer > .text-center a[href*="login"],
body#signup #new-customer > .text-center a[href*="login"],
body#signup #existing-customer > .text-center a[href*="login"],
body#login #new-customer > .text-center a[href*="login"],
body#login #existing-customer > .text-center a[href*="login"],
body#forgot-password #new-customer > .text-center a[href*="login"],
body#forgot-password #existing-customer > .text-center a[href*="login"] {
  display: inline-flex;
  height: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  border: 1px solid #DEDEDE;
  padding: 0 24px;
  text-decoration: none;
  color: #5787C9;
  text-align: center;
  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 955, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration #new-customer > .text-center a[href*="login"]:hover,
.checkout-registration #existing-customer > .text-center a[href*="login"]:hover,
body#signup #new-customer > .text-center a[href*="login"]:hover,
body#signup #existing-customer > .text-center a[href*="login"]:hover,
body#login #new-customer > .text-center a[href*="login"]:hover,
body#login #existing-customer > .text-center a[href*="login"]:hover,
body#forgot-password #new-customer > .text-center a[href*="login"]:hover,
body#forgot-password #existing-customer > .text-center a[href*="login"]:hover {
  text-decoration: none;
  color: #5787C9;
}

/* line 966, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-registration .panel {
  width: 100% !important;
  max-width: none;
}

/* line 973, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
#registration .billing-address-title {
  display: none !important;
}

/* line 979, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
body#signup,
body#login,
body#forgot-password {
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}

/* line 986, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
body#signup .col-md-6.col-md-offset-3,
body#login .col-md-6.col-md-offset-3,
body#forgot-password .col-md-6.col-md-offset-3 {
  padding-bottom: 40px !important;
}

@media (max-width: 767px) {
  /* line 986, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
  body#signup .col-md-6.col-md-offset-3,
body#login .col-md-6.col-md-offset-3,
body#forgot-password .col-md-6.col-md-offset-3 {
    padding-bottom: 60px !important;
  }
}

/* line 994, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
body#signup .panel,
body#login .panel,
body#forgot-password .panel {
  width: 100%;
  max-width: 540px;
  margin-bottom: 0;
  padding: 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
}

/* line 1007, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
body#signup .panel-heading,
body#login .panel-heading,
body#forgot-password .panel-heading {
  display: none;
}

/* line 1012, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
body#signup .panel-body,
body#login .panel-body,
body#forgot-password .panel-body {
  width: 100% !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  padding-bottom: 20px;
}

/* line 1025, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
body#forgot-password p.form-question {
  color: #101113 !important;
  font-family: "Exo 2" !important;
  font-size: 24px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 32px !important;
  /* 133.333% */
  text-align: center !important;
  margin: 0 0 16px 0 !important;
}

/* line 1037, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
body#forgot-password p.instruction-text {
  color: #19335D !important;
  text-align: center !important;
  font-family: "Exo 2" !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: 24px !important;
  /* 150% */
  letter-spacing: 0.15px !important;
  margin: 0 0 16px 0 !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  display: block !important;
  flex: none !important;
  align-items: unset !important;
  align-self: unset !important;
  border-radius: 0 !important;
  width: auto !important;
}

/* line 1059, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
body#forgot-password input.form-control {
  border: none !important;
  box-shadow: none !important;
}

/* line 1063, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
body#forgot-password input.form-control:focus {
  outline: none;
}

/* line 1072, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.col-md-6.col-md-offset-3 .signup-title-row {
  display: flex;
  padding: 0;
  margin-bottom: 16px;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  width: 100%;
}

/* line 1081, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.col-md-6.col-md-offset-3 .signup-title-row .signup-title-content {
  display: flex;
  align-items: center;
  gap: 12px;
  align-self: stretch;
  width: 100%;
  background: #F1F4F9;
}

/* line 1089, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.col-md-6.col-md-offset-3 .signup-title-row .signup-title-content .signup-title-icon {
  display: flex;
  width: 60px;
  height: 60px;
  padding: 10px;
  justify-content: center;
  align-items: center;
  background: #5787C9;
  flex-shrink: 0;
}

/* line 1099, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.col-md-6.col-md-offset-3 .signup-title-row .signup-title-content .signup-title-icon svg {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

/* line 1107, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.col-md-6.col-md-offset-3 .signup-title-row .signup-title-content .signup-title-text {
  color: #5787C9;
  font-family: "Exo 2";
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
}

/* line 1118, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.col-md-6.col-md-offset-3 .panel {
  width: 100%;
  max-width: 540px;
  display: flex;
  padding: 16px;
  flex-direction: column;
  align-items: center;
  border-radius: 8px;
  border: 1px solid #DEDEDE;
  background-color: #fff;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

/* line 1130, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.col-md-6.col-md-offset-3 .panel.panel-default {
  border-color: #DEDEDE !important;
  background-color: #fff !important;
}

/* line 1135, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.col-md-6.col-md-offset-3 .panel .panel-body {
  width: 100% !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  padding: 24px;
}

/* line 1148, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.col-md-6.col-md-offset-3:has(.signup-title-row) {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding: 16px;
  gap: 0;
}

/* line 1162, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.col-md-6.col-md-offset-3 .signup-title-row {
  display: flex;
  padding: 0;
  margin-bottom: 16px;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  width: 100%;
}

/* line 1171, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.col-md-6.col-md-offset-3 .signup-title-row .signup-title-content {
  display: flex;
  align-items: center;
  gap: 12px;
  align-self: stretch;
  width: 100%;
  background: #F1F4F9;
}

/* line 1179, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.col-md-6.col-md-offset-3 .signup-title-row .signup-title-content .signup-title-icon {
  display: flex;
  width: 60px;
  height: 60px;
  padding: 10px;
  justify-content: center;
  align-items: center;
  background: #5787C9;
  flex-shrink: 0;
}

/* line 1189, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.col-md-6.col-md-offset-3 .signup-title-row .signup-title-content .signup-title-icon svg {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

/* line 1197, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.col-md-6.col-md-offset-3 .signup-title-row .signup-title-content .signup-title-text {
  color: #5787C9;
  font-family: "Exo 2";
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
}

/* line 1208, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.col-md-6.col-md-offset-3 .panel {
  width: 100%;
  max-width: 540px;
}

/* line 1212, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.col-md-6.col-md-offset-3 .panel .panel-body {
  width: 100% !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}

/* line 1219, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.col-md-6.col-md-offset-3 .panel .panel-body form {
  width: 100% !important;
}

/* line 1223, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.col-md-6.col-md-offset-3 .panel .panel-body [data-hook="signup_inside_form"] {
  width: 100% !important;
  display: flex;
  flex-direction: column;
  align-items: center !important;
  gap: 24px;
}

/* line 1231, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.col-md-6.col-md-offset-3 .panel .panel-body [data-hook="signup_inside_form"] p:not(.instruction-text),
.col-md-6.col-md-offset-3 .panel .panel-body [data-hook="signup_inside_form"] .text-center:not(.forgot-password) {
  align-self: stretch;
}

/* line 1237, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.col-md-6.col-md-offset-3 .panel .panel-body [data-hook="signup_inside_form"] p:not(.instruction-text) {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  flex: 1 0 0;
  align-self: stretch;
  border-radius: 4px;
  border: 1px solid #DEDEDE;
  position: relative;
  width: 100%;
  padding: 4px 0 4px 16px;
}

/* line 1251, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.col-md-6.col-md-offset-3 .panel .panel-body [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="email"] {
  border: none !important;
}

/* line 1255, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.col-md-6.col-md-offset-3 .panel .panel-body [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="password"] {
  display: flex;
  align-items: center;
  align-self: stretch;
  width: 100%;
  font-family: "Exo 2";
  font-size: 14px;
  background-color: #fff;
  border: none;
  box-sizing: border-box;
}

/* line 1266, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.col-md-6.col-md-offset-3 .panel .panel-body [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="password"]:focus {
  outline: none;
}

/* line 1270, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.col-md-6.col-md-offset-3 .panel .panel-body [data-hook="signup_inside_form"] p:not(.instruction-text) input[type="password"]::placeholder {
  color: #999;
}

/* line 1277, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.col-md-6.col-md-offset-3 .panel .panel-body [data-hook="signup_inside_form"] .text-center:not(.forgot-password) {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 16px;
  margin: 0;
  padding: 0;
}

/* line 1293, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.col-md-6.col-md-offset-3 #new-customer > .text-center {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  width: 100%;
  margin-top: 0;
  padding-top: 0;
}

/* line 1302, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.col-md-6.col-md-offset-3 #new-customer > .text-center .auth-link-button,
.col-md-6.col-md-offset-3 #new-customer > .text-center a[href*="login"] {
  display: inline-flex;
  height: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  border: 1px solid #DEDEDE;
  padding: 0 24px;
  text-decoration: none;
  color: #5787C9;
  text-align: center;
  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 1323, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.col-md-6.col-md-offset-3 #new-customer > .text-center .auth-link-button:hover,
.col-md-6.col-md-offset-3 #new-customer > .text-center a[href*="login"]:hover {
  text-decoration: none;
  color: #5787C9;
}

/* line 1333, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.divider-with-text {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  margin: 8px 0 16px;
}

/* line 1340, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.divider-with-text__line {
  flex: 1;
  height: 1px;
  background: #DEDEDE;
  min-width: 0;
}

/* line 1347, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.divider-with-text__text {
  flex-shrink: 0;
  padding: 0 8px;
  color: #101113;
  font-family: "Exo 2", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  white-space: nowrap;
}

/* line 1365, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
body#login .panel-body .divider-with-text--full-width,
body#signup .panel-body .divider-with-text--full-width,
.checkout-registration #new-customer .divider-with-text--full-width {
  align-self: stretch;
  width: 100%;
  max-width: 100%;
  margin: 16px 0 0 0;
  margin-left: 0;
  margin-right: 0;
}

/* line 1375, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
body#login .panel-body > .divider-with-text:not(.divider-with-text--full-width),
body#signup .panel-body > .divider-with-text:not(.divider-with-text--full-width),
.checkout-registration #new-customer > .divider-with-text:not(.divider-with-text--full-width) {
  align-self: stretch;
  width: 100%;
  margin: 16px 0;
}

/* line 1387, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
body#login .panel-body .divider-with-text:not(.divider-with-text--full-width) {
  margin: 16px 0;
}

/* line 1391, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
body#login .panel-body > .text-center {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  width: 100%;
  margin-top: 16px;
}

/* line 1399, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
body#login .panel-body > .text-center a[href*="signup"] {
  display: inline-flex;
  height: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  border: 1px solid #DEDEDE;
  padding: 0 24px;
  text-decoration: none;
  color: #5787C9;
  text-align: center;
  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 1419, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
body#login .panel-body > .text-center a[href*="signup"]:hover {
  text-decoration: none;
  color: #5787C9;
}

/* line 1431, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.text-center.forgot-password {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  width: 100%;
  margin-top: 0;
}

/* line 1440, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.text-center.forgot-password a {
  color: #5787C9;
  font-family: "Exo 2";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.15px;
  text-decoration: none;
  text-transform: lowercase;
}

/* line 1451, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.text-center.forgot-password a:hover {
  text-decoration: underline;
}

/* line 1459, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-as-guest .panel {
  display: flex;
  padding: 16px;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  border-radius: 20px;
  border: 1px solid #DEDEDE;
}

@media (max-width: 767px) {
  /* line 1459, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
  .checkout-as-guest .panel {
    border-radius: 0px;
  }
}

/* line 1474, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-as-guest .panel .panel-heading .panel-title {
  color: #101113;
  font-family: "Exo 2";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  /* 150% */
  letter-spacing: 0.15px;
  margin: 0;
}

/* line 1486, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-as-guest .panel #guest_checkout {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}

/* line 1493, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-as-guest .panel #guest_checkout form {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}

/* line 1500, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-as-guest .panel #guest_checkout form .checkout-content-summary-checkout-button {
  width: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 1507, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-as-guest .panel #guest_checkout form p {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  flex: 1 0 0;
  align-self: stretch;
  border-radius: 4px;
  border: 1px solid #DEDEDE;
  position: relative;
  width: 100%;
  padding: 4px 0 4px 16px;
}

/* line 1520, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-as-guest .panel #guest_checkout form p input[type="email"],
.checkout-as-guest .panel #guest_checkout form p input[type="text"] {
  display: flex;
  align-items: center;
  align-self: stretch;
  width: 100%;
  font-family: "Exo 2";
  font-size: 14px;
  background-color: #fff;
  border: none;
  box-sizing: border-box;
}

/* line 1532, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-as-guest .panel #guest_checkout form p input[type="email"]:focus,
.checkout-as-guest .panel #guest_checkout form p input[type="text"]:focus {
  outline: none;
}

/* line 1536, vendor/assets/stylesheets/spree/frontend/layouts/_registration.scss */
.checkout-as-guest .panel #guest_checkout form p input[type="email"]::placeholder,
.checkout-as-guest .panel #guest_checkout form p input[type="text"]::placeholder {
  color: #999;
}
/* line 2, vendor/assets/stylesheets/spree/frontend/login.scss */
#password-credentials .btn-success {
  margin-top: 20px;
}

/* line 7, vendor/assets/stylesheets/spree/frontend/login.scss */
#social-signin-links {
  margin-top: 15px;
}

/* line 10, vendor/assets/stylesheets/spree/frontend/login.scss */
#social-signin-links .btn-google_oauth2 {
  background-color: #d34836;
}

/* line 12, vendor/assets/stylesheets/spree/frontend/login.scss */
#social-signin-links .btn-google_oauth2:hover, #social-signin-links .btn-google_oauth2:focus, #social-signin-links .btn-google_oauth2:active, #social-signin-links .btn-google_oauth2.active {
  background-color: #c43d2b;
}

/* line 17, vendor/assets/stylesheets/spree/frontend/login.scss */
#social-signin-links .btn-twitter {
  background-color: #55acce;
}

/* line 19, vendor/assets/stylesheets/spree/frontend/login.scss */
#social-signin-links .btn-twitter:hover, #social-signin-links .btn-twitter:focus, #social-signin-links .btn-twitter:active, #social-signin-links .btn-twitter.active {
  background-color: #41a2c8;
}

/* line 24, vendor/assets/stylesheets/spree/frontend/login.scss */
#social-signin-links .no-decoration:hover,
#social-signin-links .no-decoration {
  text-decoration: none;
}

/* line 29, vendor/assets/stylesheets/spree/frontend/login.scss */
#social-signin-links .btn-social {
  width: 150px;
  color: #ffffff;
}

/* line 33, vendor/assets/stylesheets/spree/frontend/login.scss */
#social-signin-links .btn-social:first-child {
  margin-right: 10px;
}

/* line 37, vendor/assets/stylesheets/spree/frontend/login.scss */
#social-signin-links .btn-social div {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}

/* line 43, vendor/assets/stylesheets/spree/frontend/login.scss */
#social-signin-links .btn-social div:first-child {
  width: 15%;
  border-right: 1px solid #ffffff;
  margin-right: 5px;
}

@media (min-width: 400px) {
  /* line 50, vendor/assets/stylesheets/spree/frontend/login.scss */
  #social-signin-links .btn-social div:first-child {
    padding-right: 25px;
  }
}

/* line 55, vendor/assets/stylesheets/spree/frontend/login.scss */
#social-signin-links .btn-social div:nth-child(2) {
  width: 60px;
}

/* line 59, vendor/assets/stylesheets/spree/frontend/login.scss */
#social-signin-links .btn-social:hover, #social-signin-links .btn-social:focus, #social-signin-links .btn-social:active, #social-signin-links .btn-social.active {
  color: #fff;
}

@media (max-width: 400px) {
  /* line 65, vendor/assets/stylesheets/spree/frontend/login.scss */
  #social-signin-links .btn-social {
    display: block;
    margin-bottom: 15px;
    width: 100%;
  }
}

/* line 73, vendor/assets/stylesheets/spree/frontend/login.scss */
.or-container {
  text-align: center;
  margin: 0;
  margin-bottom: 10px;
  clear: both;
  color: grey;
}

/* line 80, vendor/assets/stylesheets/spree/frontend/login.scss */
.or-container .or-hr {
  margin-bottom: 0;
  position: relative;
  top: 19px;
  height: 0;
  border: 0;
  border-top: 1px solid #e6e6e6;
}

/* line 89, vendor/assets/stylesheets/spree/frontend/login.scss */
.or-container .or {
  display: inline-block;
  position: relative;
  padding: 10px;
  background-color: #fff;
}
@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 6, vendor/assets/stylesheets/spree/frontend/mobile/_product.scss */
  #cart-form .add-cart input {
    width: 100% !important;
  }
  /* line 10, vendor/assets/stylesheets/spree/frontend/mobile/_product.scss */
  #cart-form .add-cart .input-group-btn {
    width: 70% !important;
  }
  /* line 13, vendor/assets/stylesheets/spree/frontend/mobile/_product.scss */
  #cart-form .add-cart .input-group-btn button {
    width: 100%;
  }
  /* line 20, vendor/assets/stylesheets/spree/frontend/mobile/_product.scss */
  .cart-details-container {
    width: 97%;
  }
}
@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 .fa {
    margin-right: 5px;
    font-weight: bold;
  }
  /* line 75, 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 82, vendor/assets/stylesheets/spree/frontend/mobile/_sidebar.scss */
  #vue-sidebar .vue-list-item > a .fa {
    margin-top: 4px;
    font-weight: bold;
  }
  /* line 90, 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 97, vendor/assets/stylesheets/spree/frontend/mobile/_sidebar.scss */
  #vue-sidebar .v-select .dropdown-menu a {
    padding: 15px;
  }
  /* line 101, vendor/assets/stylesheets/spree/frontend/mobile/_sidebar.scss */
  #vue-sidebar .v-select .dropdown-menu .highlight > a {
    color: #333;
    background: #fff;
  }
  /* line 105, vendor/assets/stylesheets/spree/frontend/mobile/_sidebar.scss */
  #vue-sidebar .v-select .dropdown-menu .highlight > a:hover {
    color: #262626;
    background: #f5f5f5;
  }
}