.product-grid.home-page-product-grid .item-grid, .vendor-grid.home-page-product-grid .item-grid, .manufacturer-grid.home-page-product-grid .item-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
.product-grid.home-page-product-grid .item-grid > *, .vendor-grid.home-page-product-grid .item-grid > *, .manufacturer-grid.home-page-product-grid .item-grid > * {
  min-width: 0;
}
@media (min-width: 768px) {
  .product-grid.home-page-product-grid .item-grid, .vendor-grid.home-page-product-grid .item-grid, .manufacturer-grid.home-page-product-grid .item-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
}
@media (min-width: 992px) {
  .product-grid.home-page-product-grid .item-grid, .vendor-grid.home-page-product-grid .item-grid, .manufacturer-grid.home-page-product-grid .item-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
  }
}
@media (min-width: 1200px) {
  .product-grid.home-page-product-grid .item-grid, .vendor-grid.home-page-product-grid .item-grid, .manufacturer-grid.home-page-product-grid .item-grid {
    gap: 30px;
  }
}
.product-grid .item-grid, .vendor-grid .item-grid, .manufacturer-grid .item-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}
.product-grid .item-grid > *, .vendor-grid .item-grid > *, .manufacturer-grid .item-grid > * {
  min-width: 0;
}
@media (min-width: 768px) {
  .product-grid .item-grid, .vendor-grid .item-grid, .manufacturer-grid .item-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
}
@media (min-width: 992px) {
  .product-grid .item-grid, .vendor-grid .item-grid, .manufacturer-grid .item-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
  }
}
@media (min-width: 1200px) {
  .product-grid .item-grid, .vendor-grid .item-grid, .manufacturer-grid .item-grid {
    gap: 30px;
  }
}

@media (min-width: 992px) {
  .vendor-grid .item-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}
@media (min-width: 1200px) {
  .vendor-grid .item-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
  }
}

.contact-page .topic-block,
.email-a-friend-page .title,
.apply-vendor-page .title {
  margin: 25px 0;
}

.contact-page, .email-a-friend-page,
.apply-vendor-page {
  max-width: 600px;
  margin: 0 auto;
}

.contact-page .topic-block, .email-a-friend-page .topic-block,
.apply-vendor-page .topic-block {
  margin: 24px 0;
}

.contact-page .page-title,
.email-a-friend-page .page-title,
.apply-vendor-page .page-title {
  margin: 0 0 -1px;
}

.contact-page .result,
.contact-page .message-error,
.email-a-friend-page .result,
.email-a-friend-page .message-error,
.apply-vendor-page .result,
.apply-vendor-page .message-error {
  margin: 20px 0;
}

.blog-page,
.blogpost-page,
.blog-aside {
  margin: 24px 0px;
}
@media (min-width: 992px) {
  .blog-page,
  .blogpost-page,
  .blog-aside {
    margin: 48px 0px;
  }
}

:root {
  --primary: #e43131;
  --secondary: #181818;
  --white: #ffffff;
  --black: #000000;
  --overlay: rgba(0, 0, 0, 0.5);
  --yellow: #ffb321;
  --green: #31a56d;
  --gray-g100: #e1e1e1;
  --gray-g200: #d4d4d4;
  --gray-g300: #b4b4b4;
  --gray-g400: #545454;
  --text-clr: #303030;
  --error: #f03e3e;
  --bg-g1: #f7f7f7;
}

html {
  margin-inline-end: 0 !important;
  scroll-behavior: smooth;
}

* {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  box-sizing: border-box;
  text-align: start;
}

body {
  font-family: "Kumbh Sans", sans-serif;
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  color: var(--text-clr);
  background-color: var(--white);
  margin-bottom: 73px;
}
@media (min-width: 992px) {
  body {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0;
  }
}
body.has-shopping-cart-page {
  margin-bottom: 140px;
}
@media (min-width: 768px) {
  body.has-shopping-cart-page {
    margin-bottom: 140px;
  }
}
@media (min-width: 992px) {
  body.has-shopping-cart-page {
    margin-bottom: 76px;
  }
}
@media (min-width: 1200px) {
  body.has-shopping-cart-page {
    margin-bottom: 0;
  }
}
body:has(.floating-add-to-cart.visible) {
  margin-bottom: 160px;
}
@media (min-width: 768px) {
  body:has(.floating-add-to-cart.visible) {
    margin-bottom: 170px;
  }
}
@media (min-width: 992px) {
  body:has(.floating-add-to-cart.visible) {
    margin-bottom: 100px;
  }
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  -ms-interpolation-mode: bicubic;
}

a {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  color: inherit;
  transition: color 0.3s ease;
}
a:focus, a:hover {
  color: var(--primary);
  text-decoration: none;
}

ul,
li {
  list-style: none;
  margin-bottom: 0;
  padding-inline-start: 0;
}

label {
  color: var(--secondary);
  font-weight: 500;
}

input + label {
  font-weight: 400;
  color: var(--text-clr);
}

.cursor-pointer {
  cursor: pointer;
}

::selection {
  background-color: var(--secondary);
  color: var(--white);
}

/* Firefox specific */
::-moz-selection {
  background-color: var(--secondary);
  color: var(--white);
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--secondary);
  margin: 0;
}

p {
  margin-bottom: 0px;
}

b,
strong {
  font-weight: 500;
}

.page-header {
  margin-bottom: 16px;
  padding: 32px 18px;
  display: flex;
  gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-image: linear-gradient(to right, #fff5e1, #fceded);
}
@media (min-width: 768px) {
  .page-header {
    padding: 42px 0;
    gap: 18px;
  }
}
@media (min-width: 992px) {
  .page-header {
    margin-bottom: 30px;
  }
}
@media (min-width: 1200px) {
  .page-header {
    margin-bottom: 40px;
  }
}
.page-header .title {
  text-align: center;
}
.page-header .title-description {
  max-width: 574px;
}
.page-header .title-description p {
  text-align: center;
  line-height: 24px;
}

.offcanvas,
.offcanvas-lg {
  max-width: 90%;
}
.offcanvas .btn-close,
.offcanvas-lg .btn-close {
  background-image: none;
  background-color: var(--gray-g100);
  width: 22px;
  height: 22px;
  transition: transform 0.3s ease;
  opacity: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.offcanvas .btn-close:focus,
.offcanvas-lg .btn-close:focus {
  box-shadow: none;
  opacity: 1;
}
.offcanvas .btn-close:hover, .offcanvas .btn-close:focus,
.offcanvas-lg .btn-close:hover,
.offcanvas-lg .btn-close:focus {
  color: var(--primary);
  transform: rotate(180deg);
}

.modal .modal-header {
  border-bottom: none;
}
.modal .btn-close {
  margin: 0;
  opacity: 1;
  color: var(--secondary);
}
.modal .btn-close:hover, .modal .btn-close:focus {
  color: var(--secondary);
  box-shadow: none;
}

.form-select, select {
  outline: none;
  box-shadow: none;
  font-size: inherit;
  border-color: var(--gray-g100);
  border-radius: 6px;
  border-width: 2px;
  border-style: solid;
  border-color: var(--gray-g100);
}
.form-select:hover, select:hover, .form-select:focus, select:focus {
  box-shadow: none;
  border-color: var(--secondary);
}

select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  display: inline-block;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--bs-body-bg);
  background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

input[type=checkbox],
input[type=radio] {
  height: 1.3em;
  width: 1.3em;
  accent-color: var(--secondary);
  flex-grow: 0;
  flex-shrink: 0;
}

*:has(> :is(input[type=checkbox], input[type=radio])):not(th):not(td) {
  display: flex;
  align-items: center;
  gap: 8px;
}

.text-12 {
  font-size: 12px;
}

.text-14 {
  font-size: 14px;
}

.text-16 {
  font-size: 16px;
}

.text-18em {
  font-size: 1.125em;
}

.link-effect:hover::after {
  transform: scaleX(1);
  transform-origin: left;
}
.link-effect::after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: -2px;
  inset-inline-start: 0;
  background-color: var(--primary);
  transform: scaleX(0);
  transition: transform 0.3s;
  transform-origin: right;
}

.icon-s16 {
  font-size: 16px;
}

.icon-s18 {
  font-size: 18px;
}

.icon-s20 {
  font-size: 20px;
}

.icon-s22 {
  font-size: 22px;
}

.icon-s24 {
  font-size: 24px;
}

.icon-s22 {
  font-size: 22px;
}

.icon-s28 {
  font-size: 28px;
}

.icon-s32 {
  font-size: 32px;
}

.icon-s36 {
  font-size: 36px;
}

.icon-s42 {
  font-size: 42px;
}

.icon-s48 {
  font-size: 48px;
}

.container {
  max-width: 1540px;
  margin: 0 auto;
  padding: 0 16px;
}
.container--full {
  max-width: 100%;
  width: 100%;
}
@media (min-width: 768px) {
  .container {
    padding: 0 28px;
  }
}
@media (min-width: 1200px) {
  .container {
    padding: 0 32px;
  }
}
@media (min-width: 1400px) {
  .container {
    padding: 0 42px;
  }
}

.bg_white {
  background-color: var(--white);
}

.bg_primary {
  background-color: var(--primary);
}

.bg_secondary {
  background-color: var(--secondary);
}

.gap_20 {
  gap: 20px;
}

.gap_32 {
  gap: 32px;
}

.gap_42 {
  gap: 42px;
}

.ui-helper-hidden-accessible {
  display: none !important;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: inherit;
}

.ui-autocomplete {
  width: 285px !important;
  border: 1px solid var(--gray-g100);
  border-top: none;
  overflow: hidden;
  background-color: var(--white);
  text-align: start;
  /*override jQuery UI styles, do not delete doubled properties*/
  border-radius: 0;
  padding: 0;
  font-family: "Kumbh Sans", sans-serif;
}
.ui-autocomplete li {
  border-top: 1px solid var(--gray-g100);
}
.ui-autocomplete li:first-child {
  border-top: none;
}
.ui-autocomplete a {
  display: block;
  padding: 15px;
  font-size: 14px;
  /*override jQuery UI styles, do not delete doubled properties*/
  margin: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: none !important;
  padding: 15px !important;
  line-height: normal !important;
  color: var(--text-clr) !important;
}
.ui-autocomplete a:hover, .ui-autocomplete a:focus, .ui-autocomplete a.ui-state-focus {
  color: var(--primary) !important;
}
.ui-autocomplete img {
  min-width: 20px;
  margin-inline-end: 10px;
  vertical-align: middle;
}

.ui-dialog {
  max-width: 90%;
  border: 1px solid var(--gray-g100);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
  overflow: hidden;
  background-color: var(--white);
  /*override jQuery UI styles, do not delete doubled properties*/
  border-radius: 6px;
  padding: 0;
  font-family: "Kumbh Sans", sans-serif;
}

.ui-dialog:before {
  content: "";
  position: fixed;
  top: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

.ui-dialog-titlebar {
  border-bottom: 1px solid var(--gray-g100);
  overflow: hidden;
  background-color: var(--bg-g1);
  padding: 10px 15px;
  /*override jQuery UI styles, do not delete doubled properties*/
  border-width: 0 0 1px;
  border-radius: 0;
  background-image: none;
  padding: 10px 15px !important;
  font-weight: normal;
  cursor: auto !important;
}

.ui-dialog-titlebar > span {
  float: unset !important;
  font-size: 1.125em;
  color: var(--text-clr);
  margin: 0 !important;
  padding-inline-start: 10px;
}

.ui-dialog .ui-dialog-titlebar-close {
  right: auto;
  inset-inline-end: 10px !important;
}

.ui-dialog-titlebar button {
  position: absolute;
  top: 0;
  inset-inline-end: 0;
  width: 42px;
  height: 42px;
  border: none;
  overflow: hidden;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M11.9997 10.5865L16.9495 5.63672L18.3637 7.05093L13.4139 12.0007L18.3637 16.9504L16.9495 18.3646L11.9997 13.4149L7.04996 18.3646L5.63574 16.9504L10.5855 12.0007L5.63574 7.05093L7.04996 5.63672L11.9997 10.5865Z'%3E%3C/path%3E%3C/svg%3E") center no-repeat;
  font-size: 0;
  /*override jQuery UI styles, do not delete doubled properties*/
  top: 12px !important;
  inset-inline-end: 10px !important;
  width: 32px !important;
  height: 22px !important;
  margin: 0 !important;
  border: none !important;
  border-radius: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M11.9997 10.5865L16.9495 5.63672L18.3637 7.05093L13.4139 12.0007L18.3637 16.9504L16.9495 18.3646L11.9997 13.4149L7.04996 18.3646L5.63574 16.9504L10.5855 12.0007L5.63574 7.05093L7.04996 5.63672L11.9997 10.5865Z'%3E%3C/path%3E%3C/svg%3E") center no-repeat !important;
  padding: 0 !important;
}

.ui-dialog-titlebar button span {
  display: none !important;
}

.ui-dialog-content {
  padding: 15px;
  line-height: 20px;
  /*override jQuery UI styles, do not delete doubled properties*/
  background-color: #fff !important;
  padding: 20px !important;
  color: var(--text-clr) !important;
}

.ui-dialog-content .page {
  min-height: 0;
}

.ui-dialog-content .page-title {
  min-height: 0;
  margin: 0 0 15px;
  padding: 0px 10px 10px 10px;
  text-align: center;
}

.ui-dialog-content .page-title h1 {
  font-size: 24px;
  line-height: 30px;
}

.ui-dialog-content .back-in-stock-subscription-page {
  text-align: center;
}

.ui-dialog-content .back-in-stock-subscription-page .tooltip {
  margin-bottom: 10px;
}

.ui-dialog-content .back-in-stock-subscription-page .button-1 {
  border: none;
  background-color: var(--secondary);
  padding: 10px 15px;
  font-size: 1em;
  color: var(--white);
  text-transform: uppercase;
}

.ui-dialog-content .back-in-stock-subscription-page .button-1:hover,
.ui-dialog-content .back-in-stock-subscription-page .button-1:focus {
  background-color: var(--primary);
  color: var(--white);
}

.ui-widget.ui-widget-content {
  border: 1px solid var(--gray-g100);
}

.keyword-lists .keyword {
  background-color: var(--gray-g100);
  border: 1px solid var(--gray-g200);
  border-radius: 8px;
  cursor: pointer;
  padding: 6px 14px;
}
.keyword-lists .keyword:hover {
  background-color: var(--secondary);
  color: var(--white);
  border: 1px solid var(--secondary);
}
@media (min-width: 992px) {
  .keyword-lists .keyword {
    padding: 8px 24px;
  }
}

.horizontal-border, .product-details-page .wholesale-inquiry-links-widget {
  width: 100%;
  border-bottom: 1px solid var(--gray-g100);
}

.border-bottom {
  --bs-border-color: var(--gray-g100);
}

.product-review-box {
  width: fit-content;
}
.product-review-box .rating {
  width: 90px;
  height: 19px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='currentColor'%3E%3Cpath d='M12.0006 18.26L4.94715 22.2082L6.52248 14.2799L0.587891 8.7918L8.61493 7.84006L12.0006 0.5L15.3862 7.84006L23.4132 8.7918L17.4787 14.2799L19.054 22.2082L12.0006 18.26ZM12.0006 15.968L16.2473 18.3451L15.2988 13.5717L18.8719 10.2674L14.039 9.69434L12.0006 5.27502L9.96214 9.69434L5.12921 10.2674L8.70231 13.5717L7.75383 18.3451L12.0006 15.968Z'%3E%3C/path%3E%3C/svg%3E") repeat-x;
}
.product-review-box .rating div {
  height: 19px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='currentColor'%3E%3Cpath d='M12.0006 18.26L4.94715 22.2082L6.52248 14.2799L0.587891 8.7918L8.61493 7.84006L12.0006 0.5L15.3862 7.84006L23.4132 8.7918L17.4787 14.2799L19.054 22.2082L12.0006 18.26Z'%3E%3C/path%3E%3C/svg%3E") repeat-x;
}

.product-review-helpfulness .vote-options {
  display: inline-flex;
  gap: 8px;
  margin-inline-start: 8px;
}
.product-review-helpfulness .vote:hover {
  cursor: pointer;
  color: var(--primary);
}

.form-fields .inputs {
  width: 100%;
}
.form-fields .inputs:not(:last-child) {
  margin-bottom: 12px;
}
@media (min-width: 768px) {
  .form-fields .inputs:not(:last-child) {
    margin-bottom: 20px;
  }
}
.form-fields .inputs select {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-inline-start: 12px;
}
@media (min-width: 992px) {
  .form-fields .inputs select {
    padding-top: 12px;
    padding-bottom: 12px;
    padding-inline-start: 16px;
  }
}
.form-fields .inputs input,
.form-fields .inputs textarea {
  padding: 8px 12px;
}
@media (min-width: 992px) {
  .form-fields .inputs input,
  .form-fields .inputs textarea {
    padding: 12px 16px;
  }
}

.filepond--root {
  cursor: pointer;
}

.filepond--drop-label {
  background-color: #fff;
  border-radius: 8px;
  border: 1px dashed var(--gray-g200);
}

.form-control {
  border-width: 2px;
}

.form-control:focus {
  box-shadow: none;
  color: var(--secondary);
  background-color: var(--white);
  border-color: var(--secondary);
  border-width: 2px;
  outline: 0;
}

textarea,
input[type=text],
input[type=email],
input[type=tel] {
  box-shadow: none;
  width: 100%;
  color: var(--secondary);
  outline: 0;
  border-radius: 6px;
  padding: 12px 20px;
  background: var(--white);
  transition: 0.3s border-color ease;
  border-width: 2px;
  border-style: solid;
  border-color: var(--gray-g100);
}
textarea:hover,
input[type=text]:hover,
input[type=email]:hover,
input[type=tel]:hover, textarea:focus,
input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus {
  border-color: var(--secondary);
}

.form-control::file-selector-button {
  padding: 22px 20px;
  margin: -110px -24px;
  -webkit-margin-end: 11px;
  margin-inline-end: 11px;
  color: var(--bs-body-color);
  background-color: var(--bs-tertiary-bg);
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 2px;
  border-radius: 0;
  transition: all 0.3s ease;
}

textarea {
  min-height: 100px;
}

input.input-validation-error,
textarea.input-validation-error {
  border-color: var(--secondary);
}

input[type=password] {
  position: relative;
  box-shadow: none;
  width: 100%;
  color: var(--secondary);
  border-width: 2px;
  border-style: solid;
  border-color: var(--gray-g100);
  outline: 0;
  border-radius: 6px;
  background: var(--white);
  transition: 0.3s border-color ease;
}
input[type=password]:hover, input[type=password]:focus {
  border-color: var(--secondary);
}
.password-toggle-wrapper input[type=password],
.password-toggle-wrapper input[type=text] {
  padding-inline-end: 56px !important;
}

.inputs {
  position: relative;
}
.inputs label {
  margin-bottom: 6px;
}
.inputs :is(input[type=checkbox], input[type=radio]) + label {
  margin-bottom: 0;
}
.inputs .required {
  position: absolute;
  font-size: 1.25em;
  color: var(--error);
  inset-inline-end: 0;
  top: 0;
}

.buttons {
  display: flex;
  flex-wrap: nowrap;
  gap: 12px;
}

.message-error,
.field-validation-error,
.username-not-available-status,
.poll-vote-error,
.password-error {
  display: block;
  text-align: start;
  font-size: 14px;
  font-weight: 500;
  color: var(--error);
  margin-top: 4px;
  white-space: normal;
}

.field-validation-valid,
.username-available-status {
  display: block;
  text-align: start;
  font-size: 14px;
  color: var(--green);
}

.btn {
  --bs-btn-border-width: 2px;
  --bs-btn-bg: var(--secondary);
  --bs-btn-color: var(--secondary);
  --bs-btn-active-bg: var(--white);
  --bs-btn-active-border-color: var(--secondary);
  --bs-btn-active-color: var(--secondary);
}

.btn-outline-secondary {
  --bs-btn-color: var(--white);
  --bs-btn-border-color: var(--secondary);
  --bs-btn-hover-color: var(--white);
  --bs-btn-hover-bg: var(--secondary);
  --bs-btn-hover-border-color: var(--secondary);
  --bs-btn-focus-shadow-rgb: 108, 117, 125;
  --bs-btn-active-color: var(--secondary);
  --bs-btn-active-shadow: none;
  --bs-btn-active-bg: var(--gray-g400);
  --bs-btn-active-border-color: var(--secondary);
  --bs-btn-disabled-color: var(--white);
  --bs-btn-disabled-bg: var(--secondary);
  --bs-btn-disabled-border-color: var(--secondary);
  --bs-gradient: none;
}

.button, .inquiry-submitted-page .button-1, .wholesale-inquiry-page .button-1, .addresssave, .home-page-polls .poll .buttons .button-2.vote-poll-button,
.home-page-polls .poll-total-votes .button-2.vote-poll-button, .eu-cookie-bar-notification button, .news-list-homepage .read-more, :is(.multi-factor-authentication-config-page, .multi-factor-authentication-page) .button-1.save-customer-info-button, :is(.multi-factor-authentication-config-page, .multi-factor-authentication-page) .button-1.save-customer-mfa-button, .forum-subscriptions-page .button-1.delete-selected-fs-button, .login-page .button-1.save-customer-info-button,
.registration-page .button-1.save-customer-info-button,
.registration-result-page .button-1.save-customer-info-button,
.password-recovery-page .button-1.save-customer-info-button, .opc.checkout-page .opc-select-address-container .button-1, .checkout-page .button-1, .apply-shipping-button, .ui-dialog-buttonset button {
  font-weight: 500;
  text-transform: capitalize;
  padding: 8px 24px;
  border: 1px solid transparent;
  border-radius: 99px;
  line-height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
}
@media (min-width: 768px) {
  .button, .inquiry-submitted-page .button-1, .wholesale-inquiry-page .button-1, .addresssave, .home-page-polls .poll .buttons .button-2.vote-poll-button,
  .home-page-polls .poll-total-votes .button-2.vote-poll-button, .eu-cookie-bar-notification button, .news-list-homepage .read-more, :is(.multi-factor-authentication-config-page, .multi-factor-authentication-page) .button-1.save-customer-info-button, :is(.multi-factor-authentication-config-page, .multi-factor-authentication-page) .button-1.save-customer-mfa-button, .forum-subscriptions-page .button-1.delete-selected-fs-button, .login-page .button-1.save-customer-info-button,
  .registration-page .button-1.save-customer-info-button,
  .registration-result-page .button-1.save-customer-info-button,
  .password-recovery-page .button-1.save-customer-info-button, .opc.checkout-page .opc-select-address-container .button-1, .checkout-page .button-1, .apply-shipping-button, .ui-dialog-buttonset button {
    padding: 12px 32px;
  }
}
.button--primary, .inquiry-submitted-page .button-1, .wholesale-inquiry-page .button-1, .addresssave, .home-page-polls .poll .buttons .button-2.vote-poll-button,
.home-page-polls .poll-total-votes .button-2.vote-poll-button, .news-list-homepage .read-more, :is(.multi-factor-authentication-config-page, .multi-factor-authentication-page) .button-1.save-customer-info-button, :is(.multi-factor-authentication-config-page, .multi-factor-authentication-page) .button-1.save-customer-mfa-button, .forum-subscriptions-page .button-1.delete-selected-fs-button, .login-page .button-1.save-customer-info-button,
.registration-page .button-1.save-customer-info-button,
.registration-result-page .button-1.save-customer-info-button,
.password-recovery-page .button-1.save-customer-info-button, .checkout-page .button-1, .apply-shipping-button, .ui-dialog-buttonset button {
  color: var(--white);
  background-color: var(--secondary);
  border-color: var(--secondary);
}
.button--primary:hover, .inquiry-submitted-page .button-1:hover, .wholesale-inquiry-page .button-1:hover, .addresssave:hover, .home-page-polls .poll .buttons .button-2.vote-poll-button:hover,
.home-page-polls .poll-total-votes .button-2.vote-poll-button:hover, .news-list-homepage .read-more:hover, :is(.multi-factor-authentication-config-page, .multi-factor-authentication-page) .button-1.save-customer-info-button:hover, :is(.multi-factor-authentication-config-page, .multi-factor-authentication-page) .button-1.save-customer-mfa-button:hover, .forum-subscriptions-page .button-1.delete-selected-fs-button:hover, .login-page .button-1.save-customer-info-button:hover,
.registration-page .button-1.save-customer-info-button:hover,
.registration-result-page .button-1.save-customer-info-button:hover,
.password-recovery-page .button-1.save-customer-info-button:hover, .checkout-page .button-1:hover, .apply-shipping-button:hover, .ui-dialog-buttonset button:hover, .button--primary:focus, .inquiry-submitted-page .button-1:focus, .wholesale-inquiry-page .button-1:focus, .addresssave:focus, .home-page-polls .poll .buttons .button-2.vote-poll-button:focus,
.home-page-polls .poll-total-votes .button-2.vote-poll-button:focus, .news-list-homepage .read-more:focus, :is(.multi-factor-authentication-config-page, .multi-factor-authentication-page) .button-1.save-customer-info-button:focus, :is(.multi-factor-authentication-config-page, .multi-factor-authentication-page) .button-1.save-customer-mfa-button:focus, .forum-subscriptions-page .button-1.delete-selected-fs-button:focus, .login-page .button-1.save-customer-info-button:focus,
.registration-page .button-1.save-customer-info-button:focus,
.registration-result-page .button-1.save-customer-info-button:focus,
.password-recovery-page .button-1.save-customer-info-button:focus, .checkout-page .button-1:focus, .apply-shipping-button:focus, .ui-dialog-buttonset button:focus {
  color: var(--white);
  border-color: var(--primary);
  background-color: var(--primary);
}
.button--secondary, .eu-cookie-bar-notification button, .opc.checkout-page .opc-select-address-container .button-1 {
  color: var(--secondary);
  background-color: transparent;
  border-color: var(--secondary);
}
.button--secondary:hover, .eu-cookie-bar-notification button:hover, .opc.checkout-page .opc-select-address-container .button-1:hover, .button--secondary:focus, .eu-cookie-bar-notification button:focus, .opc.checkout-page .opc-select-address-container .button-1:focus {
  color: var(--white);
  background-color: var(--secondary);
}
.button--sm, .eu-cookie-bar-notification button, .news-list-homepage .read-more, .ui-dialog-buttonset button {
  padding: 4px 12px;
  font-weight: 500;
}
@media (min-width: 992px) {
  .button--sm, .eu-cookie-bar-notification button, .news-list-homepage .read-more, .ui-dialog-buttonset button {
    padding: 8px 18px;
  }
}

.btn-check:checked + .btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check) + .btn:active {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  border-color: var(--bs-btn-active-border-color);
}

.page {
  margin-bottom: 64px;
  min-height: 430px;
}

.pager {
  margin: 0 0 20px;
}
.pager ul {
  text-align: center;
  font-size: 0;
}
.pager ul li {
  display: inline-block;
  margin: 0 5px;
  vertical-align: top;
}
.pager ul li.previous-page *, .pager ul li.next-page *, .pager ul li.first-page *, .pager ul li.last-page * {
  background-position: center;
  background-repeat: no-repeat;
  font-size: 0;
  color: #fff;
}
.pager ul li.previous-page * {
  background-image: url("../images/prev.png");
}
.pager ul li.next-page * {
  background-image: url("../images/next.png");
}
.pager ul li.first-page * {
  background-image: url("../images/first.png");
}
.pager ul li.last-page * {
  background-image: url("../images/last.png");
}
.pager ul li a,
.pager ul li span {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 35px;
  height: 35px;
  border-radius: 50px;
  border: 1px solid var(--gray-g200);
  background-color: var(--white);
  padding: 8px;
  text-align: center;
  font-size: 14px; /*reset zeroing*/
  cursor: pointer;
}
.pager ul li span {
  border-color: transparent;
  background-color: var(--primary);
  color: #fff;
}
.pager ul li a:hover, .pager ul li a:focus {
  border-color: var(--primary);
  background-color: transparent;
}

.table-wrapper {
  overflow-x: auto;
}

.cart th,
.data-table th,
.forum-table th {
  border-bottom: 1px solid var(--gray-g200);
  background-color: transparent;
  color: var(--secondary);
  padding: 10px;
  white-space: nowrap;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
}
.cart th:first-child,
.data-table th:first-child,
.forum-table th:first-child {
  text-align: start;
}
.cart th.name,
.data-table th.name,
.forum-table th.name {
  text-align: start;
}
@media (min-width: 992px) {
  .cart th,
  .data-table th,
  .forum-table th {
    font-size: 18px;
  }
}
.cart th.product,
.data-table th.product,
.forum-table th.product {
  text-align: start;
}
.cart td,
.data-table td,
.forum-table td {
  min-width: 50px;
  border-bottom: 1px solid var(--gray-g200);
  background-color: #fff;
  padding: 20px 10px;
  color: inherit;
  text-align: center;
}
.cart td:first-child,
.data-table td:first-child,
.forum-table td:first-child {
  text-align: start;
}
.cart td.name,
.data-table td.name,
.forum-table td.name {
  text-align: start;
}
@media (max-width: 767.98px) {
  .cart td,
  .data-table td,
  .forum-table td {
    text-align: start;
  }
}
.cart td.product .product-wrapper,
.data-table td.product .product-wrapper,
.forum-table td.product .product-wrapper {
  display: flex;
  gap: 20px;
  text-align: start;
}
.cart td.product .product-picture,
.data-table td.product .product-picture,
.forum-table td.product .product-picture {
  width: 80px;
  height: 115px;
  flex-shrink: 0;
  border-radius: 8px;
  overflow: hidden;
}
.cart td.product .product-picture a,
.data-table td.product .product-picture a,
.forum-table td.product .product-picture a {
  width: 100%;
  height: 100%;
  border-radius: 8px;
}
.cart td.product .product-picture a img,
.data-table td.product .product-picture a img,
.forum-table td.product .product-picture a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cart a,
.data-table a,
.forum-table a {
  font-weight: normal;
  color: var(--primary);
}

.cart,
.data-table {
  /* .product {
     min-width: max-content;
   }*/
}
.cart .product a,
.cart .info a,
.data-table .product a,
.data-table .info a {
  font-weight: 600;
  color: var(--secondary);
}
.cart .product a:hover, .cart .product a:focus,
.cart .info a:hover,
.cart .info a:focus,
.data-table .product a:hover,
.data-table .product a:focus,
.data-table .info a:hover,
.data-table .info a:focus {
  color: var(--primary);
  text-decoration: none;
}
.cart .date, .cart .endDate,
.data-table .date,
.data-table .endDate {
  text-wrap: nowrap;
}
.cart .product,
.cart .info,
.cart .name,
.cart .message,
.data-table .product,
.data-table .info,
.data-table .name,
.data-table .message {
  width: 100%;
  /*min-width: 350px;*/
  /*@include tablet {
    min-width: 220px;
  }*/
  /*@include tablet-max {
    min-width: 100%;
  }*/
}
.cart td.unit-price,
.data-table td.unit-price {
  color: var(--secondary);
  white-space: nowrap;
}
.cart td.subtotal,
.data-table td.subtotal {
  color: var(--secondary);
  font-weight: 600;
  white-space: nowrap;
}
.cart td.subtotal .td-data,
.data-table td.subtotal .td-data {
  display: flex;
  flex-direction: column;
  align-items: end;
}
@media (min-width: 768px) {
  .cart td.subtotal .td-data,
  .data-table td.subtotal .td-data {
    align-items: center;
  }
}

@media (max-width: 767.98px) {
  .cart,
  .data-table {
    display: block;
  }
}
@media (max-width: 767.98px) {
  .cart colgroup,
  .cart thead,
  .data-table colgroup,
  .data-table thead {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .cart tbody,
  .data-table tbody {
    display: block;
    overflow: hidden;
  }
}
@media (max-width: 767.98px) {
  .cart.no-img tr,
  .data-table.no-img tr {
    padding-inline-start: 0;
  }
}
@media (max-width: 767.98px) {
  .cart tr,
  .data-table tr {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    padding-inline-start: 100px;
    border-bottom: 1px solid var(--gray-g100);
  }
}
@media (max-width: 767.98px) {
  .cart tr .product-picture,
  .data-table tr .product-picture {
    position: absolute;
    inset-inline-start: 0;
  }
}
@media (max-width: 767.98px) {
  .cart tr td,
  .data-table tr td {
    display: block;
    border: none;
    padding: 10px 0;
    line-height: 26px;
  }
  .cart tr td:not(:last-child),
  .data-table tr td:not(:last-child) {
    border-bottom: 1px dashed var(--gray-g100);
  }
}
.cart tr td.unit-price, .cart tr td.quantity, .cart tr td.subtotal,
.data-table tr td.unit-price,
.data-table tr td.quantity,
.data-table tr td.subtotal {
  flex-wrap: wrap;
}
.cart tr td.unit-price .discount, .cart tr td.quantity .discount, .cart tr td.subtotal .discount,
.data-table tr td.unit-price .discount,
.data-table tr td.quantity .discount,
.data-table tr td.subtotal .discount {
  font-weight: 400;
  font-size: 0.875em;
}
@media (max-width: 767.98px) {
  .cart tr td.unit-price, .cart tr td.quantity, .cart tr td.subtotal,
  .data-table tr td.unit-price,
  .data-table tr td.quantity,
  .data-table tr td.subtotal {
    display: flex;
    gap: 14px;
    justify-content: space-between;
  }
}
@media (min-width: 768px) {
  .cart label,
  .data-table label {
    display: none;
  }
}
.cart .product .edit-item a,
.data-table .product .edit-item a {
  font-weight: 600;
  color: var(--secondary);
}
.cart .product .edit-item a:hover, .cart .product .edit-item a:focus,
.data-table .product .edit-item a:hover,
.data-table .product .edit-item a:focus {
  text-decoration: underline;
}
@media (min-width: 768px) {
  .cart .remove-from-cart,
  .data-table .remove-from-cart {
    display: table-cell;
  }
}
@media (max-width: 767.98px) {
  .cart .remove-from-cart,
  .data-table .remove-from-cart {
    display: block;
    text-align: end;
  }
}
.cart .remove-from-cart input[type=checkbox],
.data-table .remove-from-cart input[type=checkbox] {
  display: none;
}
.cart .remove-from-cart .remove-btn,
.data-table .remove-from-cart .remove-btn {
  color: var(--error);
  border: none;
  outline: none;
  background: transparent;
}
.cart .remove-from-cart .remove-btn:hover i::before,
.data-table .remove-from-cart .remove-btn:hover i::before {
  content: "\eb96";
}

.data-table .hidden-row {
  display: none;
}
.data-table tr {
  margin-bottom: 32px;
}
@media (min-width: 768px) {
  .data-table tr {
    margin-bottom: 0;
  }
}
.data-table em a {
  font-weight: 600;
  color: var(--secondary);
}
.data-table div.download {
  margin: 10px 0 0;
}
.data-table td > *,
.data-table th > * {
  vertical-align: middle;
}
.data-table td input[type=checkbox],
.data-table td input[type=radio],
.data-table th input[type=checkbox],
.data-table th input[type=radio] {
  width: 1em;
  height: 1em;
}

@media (max-width: 767.98px) {
  .product-specs-box .data-table tr {
    display: table-row;
    border-bottom: none;
    border-top: none;
  }
}
.product-specs-box .data-table tr.odd td {
  border-top: 1px solid var(--gray-g200);
}
@media (max-width: 767.98px) {
  .product-specs-box .data-table tr td {
    display: table-cell;
    border-bottom: 1px solid var(--gray-g200);
    padding: 10px;
  }
}
.product-specs-box .data-table tr td .attribute-squares .attribute-square {
  cursor: default;
}

.cart-collaterals .deals {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 768px) {
  .cart-collaterals .deals {
    flex-direction: row;
  }
}
.cart-collaterals .deals > * {
  flex: 1;
}
.cart-collaterals .deals .title {
  font-size: 18px;
  color: var(--secondary);
  font-weight: 500;
  margin-bottom: 6px;
}
.cart-collaterals .deals .coupon-code {
  position: relative;
}
.cart-collaterals .deals .coupon-code .discount-coupon-code,
.cart-collaterals .deals .coupon-code .gift-card-coupon-code {
  padding: 16px;
  padding-inline-end: 160px;
  outline: none;
  border: 2px solid var(--gray-g100);
  border-radius: 40px;
  transition: all 0.3s ease;
}
@media (min-width: 992px) {
  .cart-collaterals .deals .coupon-code .discount-coupon-code,
  .cart-collaterals .deals .coupon-code .gift-card-coupon-code {
    padding: 20px;
    padding-inline-end: 200px;
  }
}
.cart-collaterals .deals .coupon-code .discount-coupon-code:hover, .cart-collaterals .deals .coupon-code .discount-coupon-code:focus,
.cart-collaterals .deals .coupon-code .gift-card-coupon-code:hover,
.cart-collaterals .deals .coupon-code .gift-card-coupon-code:focus {
  border-color: var(--secondary);
}
.cart-collaterals .deals .coupon-code .apply-discount-coupon-code-button,
.cart-collaterals .deals .coupon-code .apply-gift-card-coupon-code-button {
  position: absolute;
  top: 50%;
  inset-inline-end: 8px;
  transform: translateY(-50%);
  outline: none;
  padding: 8px 18px;
  color: var(--white);
  background-color: var(--secondary);
  border: 2px solid var(--secondary);
  border-radius: 40px;
  transition: all 0.3s ease;
}
.cart-collaterals .deals .coupon-code .apply-discount-coupon-code-button:hover, .cart-collaterals .deals .coupon-code .apply-discount-coupon-code-button:focus,
.cart-collaterals .deals .coupon-code .apply-gift-card-coupon-code-button:hover,
.cart-collaterals .deals .coupon-code .apply-gift-card-coupon-code-button:focus {
  color: var(--secondary);
  background-color: var(--white);
}
@media (min-width: 992px) {
  .cart-collaterals .deals .coupon-code .apply-discount-coupon-code-button,
  .cart-collaterals .deals .coupon-code .apply-gift-card-coupon-code-button {
    padding: 10px 24px;
  }
}
.cart-collaterals .message-failure {
  margin: 5px 0 0;
  font-size: 12px;
  color: var(--error);
}
@media (min-width: 768px) {
  .cart-collaterals .message-failure {
    font-size: 14px;
  }
}
.cart-collaterals .message-success {
  margin: 5px 0 0;
  font-size: 12px;
  color: var(--green);
}
.cart-collaterals .current-code {
  margin: 8px 0 0;
  color: var(--green);
  display: flex;
  align-items: center;
  gap: 5px;
}

.account-page .description {
  margin: 0 0 25px;
}

.account-page .table-wrapper {
  margin: 0 0 30px;
}

.gdpr-tools-page .result {
  margin: 20px 0;
  font-size: 14px;
  color: var(--primary);
}

.gdpr-tools-page .buttons {
  margin-top: 20px;
}

.checkout-attributes dt {
  color: var(--secondary);
  margin: 0 0 6px;
  font-size: 18px;
  font-weight: 500;
  line-height: 36px;
}

.selected-checkout-attributes {
  margin: 0;
  background-color: var(--bg-g1);
  padding: 14px;
  border-radius: 12px;
}
@media (min-width: 768px) {
  .selected-checkout-attributes {
    padding: 24px;
  }
}
.selected-checkout-attributes br {
  content: "";
  display: block;
  margin: 3px;
}

.home-page-product-grid .title, .section__scarousel-grid .title, .trending-categories__title .title, .our-brands__title .title, .home-page-polls .title, .news-list-homepage .title, .product-grid.cross-sells .title {
  color: var(--secondary);
  font-size: 28px;
  line-height: 48px;
  text-align: center;
  font-weight: 500;
}
.home-page-product-grid .title strong, .section__scarousel-grid .title strong, .trending-categories__title .title strong, .our-brands__title .title strong, .home-page-polls .title strong, .news-list-homepage .title strong, .product-grid.cross-sells .title strong {
  font-weight: 500;
}
@media (min-width: 576px) {
  .home-page-product-grid .title, .section__scarousel-grid .title, .trending-categories__title .title, .our-brands__title .title, .home-page-polls .title, .news-list-homepage .title, .product-grid.cross-sells .title {
    font-size: 32px;
  }
}
@media (min-width: 768px) {
  .home-page-product-grid .title, .section__scarousel-grid .title, .trending-categories__title .title, .our-brands__title .title, .home-page-polls .title, .news-list-homepage .title, .product-grid.cross-sells .title {
    font-size: 36px;
  }
}
@media (min-width: 992px) {
  .home-page-product-grid .title, .section__scarousel-grid .title, .trending-categories__title .title, .our-brands__title .title, .home-page-polls .title, .news-list-homepage .title, .product-grid.cross-sells .title {
    font-size: 40px;
  }
}
.home-page-product-grid h2, .section__scarousel-grid h2, .trending-categories__title h2, .our-brands__title h2, .home-page-polls h2, .news-list-homepage h2, .product-grid.cross-sells h2 {
  text-align: center;
}

:is(.home-page-product-grid, .home-page-polls, .news-list-homepage, .product-grid.cross-sells) > .title {
  margin-bottom: 32px;
}
@media (min-width: 576px) {
  :is(.home-page-product-grid, .home-page-polls, .news-list-homepage, .product-grid.cross-sells) > .title {
    margin-bottom: 36px;
  }
}
@media (min-width: 768px) {
  :is(.home-page-product-grid, .home-page-polls, .news-list-homepage, .product-grid.cross-sells) > .title {
    margin-bottom: 40px;
  }
}
@media (min-width: 992px) {
  :is(.home-page-product-grid, .home-page-polls, .news-list-homepage, .product-grid.cross-sells) > .title {
    margin-bottom: 44px;
  }
}

.double-column > * {
  min-width: 0;
}

.home-page .section {
  margin-top: 40px;
}
@media (min-width: 576px) {
  .home-page .section {
    margin-top: 44px;
  }
}
@media (min-width: 768px) {
  .home-page .section {
    margin-top: 48px;
  }
}
@media (min-width: 992px) {
  .home-page .section {
    margin-top: 52px;
  }
}

.home-page .widgetzone__gap {
  gap: 40px;
}
@media (min-width: 576px) {
  .home-page .widgetzone__gap {
    gap: 44px;
  }
}
@media (min-width: 768px) {
  .home-page .widgetzone__gap {
    gap: 48px;
  }
}
@media (min-width: 992px) {
  .home-page .widgetzone__gap {
    gap: 52px;
  }
}

.swiper {
  z-index: 0;
}
.swiper img {
  color: transparent;
}

.product-item {
  transition: 0.3s all ease;
}
.product-item:hover .swiper-button-next, .product-item:hover .swiper-button-prev {
  opacity: 1;
}

.swiper-button-next, .swiper-button-prev {
  transition: 0.3s all ease;
  opacity: 0;
}

.swiper-button-prev::after, .swiper-rtl .swiper-button-next::after {
  content: "\ea64";
}

.swiper-button-next::after, .swiper-rtl .swiper-button-prev::after {
  content: "\ea6e";
}

.swiper-button-next::after, .swiper-button-prev::after {
  font-family: "remixicon" !important;
  font-style: normal;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
  color: var(--secondary);
}

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

.attribute-squares {
  display: inline-block;
}

.attribute-squares label {
  display: block;
  margin: 0;
  overflow: hidden;
}

.attribute-squares .attribute-square {
  display: block;
  width: 24px;
  height: 24px;
  cursor: pointer;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
  border-radius: 100%;
  transition: 0.3s all ease;
}
@media (min-width: 576px) {
  .attribute-squares .attribute-square {
    width: 24px;
    height: 24px;
  }
}

.attribute-squares .attribute-square-container {
  display: block;
  position: relative;
  z-index: 0;
  border-radius: 100%;
  transition: 0.3s all ease;
  box-shadow: rgba(99, 99, 99, 0) 0px 2px 8px 0px;
  padding: 4px;
  border: 2px solid transparent;
}

.attribute-squares .selected-value .attribute-square-container {
  transition: 0.3s all ease;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  border: 2px solid var(--black);
}

.attribute-squares li input {
  display: none;
}

.attribute-squares-padding {
  padding: 0 5px 0 0;
}

/**** Homepage Topic Block ****/
.home-page .topic-block-title {
  text-align: center;
  margin-bottom: 24px;
  margin-bottom: 32px;
}
@media (min-width: 576px) {
  .home-page .topic-block-title {
    margin-bottom: 36px;
  }
}
@media (min-width: 768px) {
  .home-page .topic-block-title {
    margin-bottom: 40px;
  }
}
@media (min-width: 992px) {
  .home-page .topic-block-title {
    margin-bottom: 44px;
  }
}
.home-page .topic-block-title h3 {
  color: var(--secondary);
  font-size: 28px;
  line-height: 48px;
  text-align: center;
  font-weight: 500;
}
.home-page .topic-block-title h3 strong {
  font-weight: 500;
}
@media (min-width: 576px) {
  .home-page .topic-block-title h3 {
    font-size: 32px;
  }
}
@media (min-width: 768px) {
  .home-page .topic-block-title h3 {
    font-size: 36px;
  }
}
@media (min-width: 992px) {
  .home-page .topic-block-title h3 {
    font-size: 40px;
  }
}

/**** Checkout & Cart Cross Sell Design *****/
.order-summary-content .section .section__scarousel-grid {
  margin-bottom: 32px;
}
@media (min-width: 576px) {
  .order-summary-content .section .section__scarousel-grid {
    margin-bottom: 36px;
  }
}
@media (min-width: 768px) {
  .order-summary-content .section .section__scarousel-grid {
    margin-bottom: 40px;
  }
}
@media (min-width: 992px) {
  .order-summary-content .section .section__scarousel-grid {
    margin-bottom: 44px;
  }
}

.noscript {
  border-bottom: 1px solid #333;
  background-color: #ff9;
  padding: 30px 15px;
  text-align: center;
  line-height: 22px;
}

.ajax-loading-block-window {
  position: fixed;
  top: 50%;
  inset-inline-start: 50%;
  z-index: 999;
  width: 32px;
  height: 32px;
  margin: -16px 0 0 -16px;
  background: url("../images/loading.gif") center no-repeat;
}

.please-wait {
  background: url("../images/ajax-loader-small.gif") no-repeat;
  padding-inline-start: 20px;
  font-size: 14px;
}

.link-rss {
  display: inline;
  width: 24px;
  height: 24px;
  background: url("../images/rss.png") center no-repeat;
  font-size: 0 !important;
}

.category-description ul,
.manufacturer-description ul,
.full-description ul,
.topic-block ul,
.topic-page ul,
.post-body ul {
  list-style: revert;
  padding-inline-start: 24px;
}

.category-description ol,
.manufacturer-description ol,
.full-description ol,
.topic-block ol,
.topic-page ol,
.post-body ol {
  list-style: revert;
  padding-inline-start: 24px;
}

.products-container .ajax-products-busy {
  display: none;
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.6705882353) url(../images/loading.gif) center no-repeat;
}

.not-found-page p {
  margin: 30px 0;
}

.min-amount-warning {
  margin: 0 0 20px;
  padding: 0 30px;
  color: var(--error);
}

.cart-collaterals .hint {
  margin: 0 0 10px;
}

/* BB codes */
.csharpcode {
  margin: 10px 0;
  border: 1px dashed #ccc;
  background-color: #fff;
  padding: 10px;
  font-family: "Courier New", Courier, monospace;
  color: #000;
  white-space: pre-wrap;
  word-wrap: break-word;
}

.csharpcode .rem {
  color: green;
}

.csharpcode .kwrd {
  color: #00f;
}

.csharpcode .str {
  color: #006080;
}

.csharpcode .op {
  color: #00c;
}

.csharpcode .preproc {
  color: #c63;
}

.csharpcode .asp {
  background-color: #ff0;
}

.csharpcode .html {
  color: maroon;
}

.csharpcode .attr {
  color: red;
}

.csharpcode .alt {
  width: 100%;
  margin: 0;
  background-color: #f6f6f6;
}

.csharpcode .lnum {
  color: #666;
}

.admin-header-links {
  background-color: #333;
  text-align: center;
  color: #eee;
}
.admin-header-links * {
  display: inline-block;
  margin: 0 10px;
  line-height: 35px;
  font-size: 12px;
  font-weight: bold;
}
.admin-header-links .impersonate {
  display: inline-block;
}
.admin-header-links .impersonate a {
  background-color: #555;
  padding: 0 15px;
}
.admin-header-links .impersonate a:hover, .admin-header-links .impersonate a:focus {
  background-color: #666;
}

.top-bar {
  border-bottom: 1px solid var(--gray-g100);
}
.top-bar .social-link {
  width: 24px;
  height: 24px;
  background-color: var(--gray-g100);
}
.top-bar .social-link:hover {
  color: var(--white);
  background-color: var(--primary);
}
.top-bar .language-selector {
  flex-shrink: 0;
}
.top-bar .language-selector .language-list {
  display: flex;
  gap: 8px;
  align-items: center;
}
.top-bar .language-selector .language-list li img {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  object-fit: cover;
  padding: 3px;
  border: 1.5px solid var(--gray-g100);
}
.top-bar .language-selector .language-list li img.selected {
  border: 1.5px solid var(--primary);
}
.top-bar .currency-selector select,
.top-bar .language-selector select,
.top-bar .tax-display-type-selector select {
  border: none;
  padding-inline-start: 12px;
  padding-inline-end: 36px;
  height: auto;
}

.header {
  color: var(--secondary);
  border-bottom: 1px solid var(--gray-g100);
  position: sticky;
  top: 0;
  inset-inline-start: 0;
  z-index: 50;
  background-color: #fff;
  transition: all 0.3s;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.header .menu {
  padding-top: 24px;
}
.header .menu .menu-item {
  padding-bottom: 24px;
}
.header .menu .menu-item .item-link {
  display: flex;
  align-items: center;
  gap: 4px;
  font-weight: 500;
  position: relative;
}
.header .menu .menu-item:hover .link-effect::after {
  transform: scaleX(1);
  transform-origin: left;
}
.header .menu .menu-item:hover .item-link {
  color: var(--primary);
}
.header .menu .menu-item .sub-menu {
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  visibility: hidden;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.3s ease-in-out;
}
.header .menu .menu-item:hover > .sub-menu {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}
.header .menu .menu-item .sub-menu {
  position: absolute;
  top: 100%;
  inset-inline-start: 0;
  min-width: 230px;
  background-color: var(--white);
  z-index: 10;
}
.header .menu .menu-item .sub-menu .menu-list {
  padding: 18px;
}
.header .menu .menu-item .sub-menu .menu-list li:not(:last-child) {
  margin-bottom: 12px;
}
.header .menu .menu-item .sub-menu .menu-list .child-menu {
  width: 100%;
  position: relative;
}
.header .menu .menu-item .sub-menu .menu-list .child-menu:hover > .sub-menu {
  display: block;
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}
.header .menu .menu-item .sub-menu .menu-list .child-menu .menu-link-text {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header .menu .menu-item .sub-menu .menu-list .child-menu .sub-menu {
  position: absolute;
  top: -18px;
  inset-inline-start: calc(100% + 22px);
  min-width: 230px;
}
.header .menu .menu-item .sub-menu .menu-list .child-menu .sub-menu::after {
  position: absolute;
  display: block;
  content: "";
  width: 62px;
  height: 68%;
  background-color: transparent;
  inset-inline-start: -18%;
  top: 50%;
  transform: translateY(-50%);
}

.menu-offcanvas {
  max-width: 80%;
}
@media (min-width: 768px) {
  .menu-offcanvas {
    max-width: 45%;
  }
}
.menu-offcanvas .offcanvas-body {
  padding: 0;
}
.menu-offcanvas .icon-close {
  display: inline-block;
  width: fit-content;
  padding: 22px 20px 0 20px;
  position: absolute;
  top: 0;
  inset-inline-start: 0;
}
.menu-offcanvas .icon-close .icon {
  transition: all 0.3s ease-in-out;
}
.menu-offcanvas .icon-close .icon:hover {
  color: var(--primary);
  transform: rotate(90deg);
  cursor: pointer;
}
.menu-offcanvas .menu-content {
  display: grid;
  grid-auto-rows: minmax(0, 1fr) auto;
  height: 100%;
}
.menu-offcanvas .menu-content .menu-body {
  overflow-y: auto;
  overscroll-behavior-y: contain;
  padding: 0 20px 14px 20px;
}
.menu-offcanvas .menu-content .nav-mobile .nav-item-mobile {
  color: var(--black);
  border-bottom: 1px solid var(--gray-g100);
}
.menu-offcanvas .menu-content .nav-mobile .nav-item-mobile .sub-menu-mobile {
  padding-inline-start: 12px;
  position: relative;
}
.menu-offcanvas .menu-content .nav-mobile .nav-item-mobile .sub-menu-mobile::before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  top: 0;
  width: 1px;
  height: calc(100% - 8px);
  background-color: var(--gray-g100);
}
.menu-offcanvas .menu-content .nav-mobile .nav-item-mobile .sub-menu-mobile .sub-nav-menu .nav-item-mobile {
  border-bottom: none;
}
.menu-offcanvas .menu-content .nav-mobile .nav-item-mobile .sub-menu-mobile .sub-nav-menu .nav-item-mobile .mb-menu-link {
  font-weight: 400;
  padding: 6px 0;
}
.menu-offcanvas .menu-content .nav-mobile .nav-item-mobile .mb-menu-link {
  font-weight: 500;
  padding: 10px 0;
}
.menu-offcanvas .menu-content .nav-mobile .nav-item-mobile .nav-item-button {
  background-color: transparent;
  outline: none;
  border: none;
}
.menu-offcanvas .menu-content .nav-mobile .nav-item-mobile .nav-item-button i {
  font-size: 22px;
}
.menu-offcanvas .menu-content .nav-mobile .nav-item-mobile .nav-item-button i::before {
  display: inline-block;
  transform: rotate(180deg);
  transition: transform 0.3s ease;
}
.menu-offcanvas .menu-content .nav-mobile .nav-item-mobile .nav-item-button.collapsed i::before {
  transform: rotate(0deg);
}
.menu-offcanvas .menu-content .extra-content .side-menu-icon {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 8px 16px;
  color: var(--black);
  font-weight: 500;
  background-color: var(--gray-g100);
  border-radius: 4px;
  transition: all 0.3s ease-in-out;
}
.menu-offcanvas .menu-content .extra-content .side-menu-icon:hover {
  background-color: var(--secondary);
  color: var(--white);
}
.menu-offcanvas .menu-content .extra-content .side-menu-icon i {
  font-size: 16px;
}
.menu-offcanvas .menu-content .extra-content .menu-info .title {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 8px;
}
.menu-offcanvas .menu-content .menu-footer {
  display: flex;
  width: 100%;
  border-top: 1px solid var(--gray-g100);
}
.menu-offcanvas .menu-content .menu-footer .currency-selector,
.menu-offcanvas .menu-content .menu-footer .tax-display-type-selector {
  width: 100%;
  border-right: 1px solid var(--gray-g100);
}
.menu-offcanvas .menu-content .menu-footer .currency-selector select,
.menu-offcanvas .menu-content .menu-footer .tax-display-type-selector select {
  width: 100%;
  border: none;
  outline: none;
}
.menu-offcanvas .menu-content .menu-footer .currency-selector select:hover, .menu-offcanvas .menu-content .menu-footer .currency-selector select:focus,
.menu-offcanvas .menu-content .menu-footer .tax-display-type-selector select:hover,
.menu-offcanvas .menu-content .menu-footer .tax-display-type-selector select:focus {
  border: none;
  outline: none;
}
.menu-offcanvas .menu-content .menu-footer .language-selector {
  width: 100%;
}
.menu-offcanvas .menu-content .menu-footer .language-selector select {
  width: 100%;
  border: none;
  outline: none;
}
.menu-offcanvas .menu-content .menu-footer .language-selector select:hover, .menu-offcanvas .menu-content .menu-footer .language-selector select:focus {
  border: none;
  outline: none;
}
.menu-offcanvas .menu-content .menu-footer .language-selector .language-list {
  padding: 6px 12px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.menu-offcanvas .menu-content .menu-footer .language-selector .language-list li img {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  object-fit: cover;
  padding: 3px;
  border: 1.5px solid var(--gray-g100);
}
.menu-offcanvas .menu-content .menu-footer .language-selector .language-list li img.selected {
  border: 1.5px solid var(--primary);
}

.header-links .link-item .link-wrapper:hover {
  color: var(--primary);
}
.header-links .user-link {
  position: relative;
  cursor: pointer;
}
.header-links .user-link:hover > .user-dropdown {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}
.header-links .user-link .user-link-wrapper {
  padding: 24px 0;
}
.header-links .user-link .user-link-wrapper:hover {
  color: var(--primary);
}
.header-links .user-link .user-dropdown {
  position: absolute;
  top: 100%;
  inset-inline-end: 0;
  min-width: 180px;
  background-color: var(--white);
  z-index: 10;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  visibility: hidden;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.3s ease-in-out;
  padding: 18px;
  display: flex;
  flex-direction: column;
  text-align: start;
}
.header-links .user-link .user-dropdown .user-item {
  display: inline;
  width: fit-content;
}
.header-links .user-link .user-dropdown .user-item:not(:last-child) {
  margin-bottom: 12px;
}

.search-link button {
  background-color: transparent;
  outline: none;
  border: none;
}
.search-link button:hover {
  color: var(--primary);
}

.compare-products-link .compare-products-qty {
  margin-inline-start: -8px;
  margin-top: -8px;
  width: 18px;
  height: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--primary);
  color: var(--white);
  font-size: 12px;
  font-weight: 500;
  border-radius: 50%;
}

.wishlist-link .wishlist-qty {
  margin-inline-start: -8px;
  margin-top: -8px;
  width: 18px;
  height: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--primary);
  color: var(--white);
  font-size: 12px;
  font-weight: 500;
  border-radius: 50%;
}

.cart-link {
  padding: 0;
}
@media (min-width: 1200px) {
  .cart-link {
    padding: 24px 0;
  }
}
.cart-link .cart-qty {
  margin-inline-start: -12px;
  margin-top: -8px;
  width: 18px;
  height: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--primary);
  color: var(--white);
  font-size: 12px;
  font-weight: 500;
  border-radius: 50%;
}

.search-modal .search-box {
  position: relative;
  width: 100%;
}
@media (min-width: 576px) {
  .search-modal .search-box {
    width: fit-content;
  }
}
.search-modal .search-box #small-search-box-form {
  margin-top: 24px;
  border-radius: 40px;
  overflow: hidden;
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  border: 2px solid var(--gray-g100);
  border-radius: 40px;
}
.search-modal .search-box #small-search-box-form:hover, .search-modal .search-box #small-search-box-form:focus {
  border-color: var(--secondary);
}
.search-modal .search-box #small-search-box-form:has(.search-box-text:focus) {
  border-color: var(--secondary);
}
@media (min-width: 768px) {
  .search-modal .search-box #small-search-box-form {
    width: fit-content;
    margin-inline-start: auto;
    margin-inline-end: auto;
  }
}
.search-modal .search-box #small-search-box-form .search-box-text {
  width: 100%;
  outline: none;
  border: none;
  padding-inline-end: 14px;
}
@media (min-width: 768px) {
  .search-modal .search-box #small-search-box-form .search-box-text {
    width: 450px;
  }
}
@media (min-width: 992px) {
  .search-modal .search-box #small-search-box-form .search-box-text {
    width: 710px;
  }
}
.search-modal .search-box #small-search-box-form .search-action {
  height: 100%;
}
.search-modal .search-box #small-search-box-form .search-action .search-box-category {
  height: 94%;
  position: relative;
}
.search-modal .search-box #small-search-box-form .search-action .search-box-category::after, .search-modal .search-box #small-search-box-form .search-action .search-box-category::before {
  position: absolute;
  display: block;
  content: "";
  width: 2px;
  height: 60%;
  background-color: var(--gray-g100);
  top: 50%;
  transform: translateY(-50%);
}
.search-modal .search-box #small-search-box-form .search-action .search-box-category::after {
  inset-inline-start: 0;
}
.search-modal .search-box #small-search-box-form .search-action .search-box-category::before {
  inset-inline-end: 0;
}
.search-modal .search-box #small-search-box-form .search-action .search-box-category select {
  border: none;
  outline: none;
  height: 100%;
}
.search-modal .search-box #small-search-box-form .search-action .search-box-button {
  border: none;
  outline: none;
  width: 75px;
  height: 100%;
  background: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
}
.search-modal .search-box #small-search-box-form .search-action .search-box-button i {
  font-size: 16px;
}
@media (min-width: 768px) {
  .search-modal .search-box #small-search-box-form .search-action .search-box-button i {
    font-size: 24px;
  }
}
.search-modal .search-box .ui-autocomplete {
  margin-top: 10px;
  width: 100% !important;
  position: absolute !important;
  top: 100% !important;
  inset-inline-start: auto !important;
  inset-inline-end: 0 !important;
  border-radius: 12px;
  border: 2px solid var(--gray-g100);
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.bottom-nav {
  display: block;
  position: fixed;
  width: 100%;
  bottom: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  color: var(--secondary);
  background-color: var(--white);
  border-top: 1px solid var(--gray-g100);
  z-index: 10;
  box-shadow: 0px 4px 20px 0px rgba(163, 163, 163, 0.2784313725);
}
.bottom-nav .bottom-nav-lists {
  display: flex;
  justify-content: space-evenly;
  gap: 18px;
}
.bottom-nav .bottom-nav-lists .bottom-nav-item {
  padding: 12px 0;
}
.bottom-nav .bottom-nav-lists .bottom-nav-item .wishlist-qty, .bottom-nav .bottom-nav-lists .bottom-nav-item .compare-products-qty {
  position: absolute;
  top: -8px;
  inset-inline-end: -8px;
  margin-inline-start: 0;
  margin-top: 0;
}
.bottom-nav .bottom-nav-lists .bottom-nav-item .text {
  font-size: 12px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

@keyframes scroll-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
.category-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
@media (min-width: 768px) {
  .category-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
.category-grid .category-item {
  position: relative;
  height: 210px;
  border-radius: 16px;
  overflow: hidden;
}
@media (min-width: 576px) {
  .category-grid .category-item {
    height: 330px;
  }
}
@media (min-width: 768px) {
  .category-grid .category-item {
    height: 330px;
  }
}
@media (min-width: 992px) {
  .category-grid .category-item {
    height: 520px;
  }
}
.category-grid .category-item:hover .picture img {
  transform: scale(1.1);
}
.category-grid .category-item:hover .category-title a {
  color: var(--white);
  background-color: var(--secondary);
}
.category-grid .category-item .picture {
  width: 100%;
  height: 100%;
}
.category-grid .category-item .picture a {
  width: 100%;
  height: 100%;
}
.category-grid .category-item .picture a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease-in-out;
}
.category-grid .category-item .category-title {
  position: absolute;
  bottom: 18px;
  inset-inline-start: 50%;
  transform: translateX(-50%);
  width: 100%;
}
@media (min-width: 768px) {
  .category-grid .category-item .category-title {
    bottom: 32px;
  }
}
.category-grid .category-item .category-title a {
  width: fit-content;
  margin: 0 auto;
  font-size: 14px;
  font-weight: 500;
  color: var(--secondary);
  background-color: var(--white);
  padding: 8px 18px;
  border-radius: 50px;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 576px) {
  .category-grid .category-item .category-title a {
    padding: 12px 32px;
  }
}
@media (min-width: 768px) {
  .category-grid .category-item .category-title a {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .category-grid .category-item .category-title a {
    font-size: 16px;
  }
}
.category-grid .category-item .category-title a:hover {
  color: var(--white);
  background-color: var(--secondary);
}

.mini-shopping-cart-offcanvas {
  height: 100%;
}
.mini-shopping-cart-offcanvas.offcanvas-end {
  width: 480px;
}
.mini-shopping-cart-offcanvas .btn-close {
  background-image: none;
  background-color: var(--gray-g100);
  width: 22px;
  height: 22px;
  transition: all 0.3s ease;
}
.mini-shopping-cart-offcanvas .btn-close:hover {
  color: var(--primary);
  transform: rotate(180deg);
}
.mini-shopping-cart-offcanvas .offcanvas-header {
  margin-bottom: 16px;
  border-bottom: 1px solid var(--gray-g100);
}
.mini-shopping-cart-offcanvas .offcanvas-body {
  text-align: start;
  height: calc(100% - 78px);
  padding: 0;
}
.mini-shopping-cart-offcanvas .offcanvas-body .flyout-cart {
  position: relative;
  height: 100%;
}
.mini-shopping-cart-offcanvas .offcanvas-body .flyout-cart .no-item {
  padding: 16px;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  color: var(--gray-g300);
}
.mini-shopping-cart-offcanvas .offcanvas-body .flyout-cart .no-item i {
  width: 82px;
  height: 82px;
  background-color: var(--gray-g100);
  padding: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
}
.mini-shopping-cart-offcanvas .offcanvas-body .flyout-cart .no-item p {
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}
.mini-shopping-cart-offcanvas .offcanvas-body .flyout-cart .count {
  padding: 8px 16px;
  background-color: var(--gray-g100);
  text-align: center;
  border-radius: 8px;
  font-size: 14px;
  margin: 0 16px 16px 16px;
  border-bottom: 1px solid var(--gray-g100);
}
.mini-shopping-cart-offcanvas .offcanvas-body .flyout-cart .items {
  height: calc(100vh - 284px);
  overflow: auto;
  padding-inline-start: 16px;
  padding-inline-end: 16px;
}
.mini-shopping-cart-offcanvas .offcanvas-body .flyout-cart .items .item {
  display: flex;
  gap: 12px;
  padding-top: 18px;
  padding-bottom: 18px;
}
.mini-shopping-cart-offcanvas .offcanvas-body .flyout-cart .items .item.first {
  padding-top: 0;
}
@media (min-width: 768px) {
  .mini-shopping-cart-offcanvas .offcanvas-body .flyout-cart .items .item {
    gap: 20px;
  }
}
.mini-shopping-cart-offcanvas .offcanvas-body .flyout-cart .items .item:not(:last-child) {
  border-bottom: 1px solid var(--gray-g100);
}
.mini-shopping-cart-offcanvas .offcanvas-body .flyout-cart .items .item .picture {
  width: 40px;
  height: 57px;
  border-radius: 8px;
  overflow: hidden;
  flex-shrink: 0;
}
@media (min-width: 768px) {
  .mini-shopping-cart-offcanvas .offcanvas-body .flyout-cart .items .item .picture {
    width: 80px;
    height: 115px;
  }
}
.mini-shopping-cart-offcanvas .offcanvas-body .flyout-cart .items .item .picture a {
  width: 100%;
  height: 100%;
  border-radius: 8px;
}
.mini-shopping-cart-offcanvas .offcanvas-body .flyout-cart .items .item .picture a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mini-shopping-cart-offcanvas .offcanvas-body .flyout-cart .items .item .product {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  width: 100%;
}
.mini-shopping-cart-offcanvas .offcanvas-body .flyout-cart .items .item .product .details {
  flex: 1;
  flex-shrink: 0;
}
.mini-shopping-cart-offcanvas .offcanvas-body .flyout-cart .items .item .product .details .name {
  font-weight: 500;
}
.mini-shopping-cart-offcanvas .offcanvas-body .flyout-cart .items .item .product .details .attributes {
  margin: 18px 0 0 0;
  font-size: 14px;
  color: var(--gray-g400);
}
.mini-shopping-cart-offcanvas .offcanvas-body .flyout-cart .items .item .product .extra {
  flex-shrink: 0;
  font-weight: 600;
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.mini-shopping-cart-offcanvas .offcanvas-body .flyout-cart .items .item .product .extra .remove {
  cursor: pointer;
}
.mini-shopping-cart-offcanvas .offcanvas-body .flyout-cart .items .item .product .extra .remove p {
  color: var(--error);
  text-align: end;
  text-decoration: underline;
}
.mini-shopping-cart-offcanvas .offcanvas-body .flyout-cart .footer {
  position: absolute;
  inset-inline-start: 0;
  bottom: 0;
  width: 100%;
  padding: 24px 16px 24px 16px;
  background-color: var(--white);
  border-top: 1px solid var(--gray-g100);
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1019607843);
}
.mini-shopping-cart-offcanvas .offcanvas-body .flyout-cart .footer .totals {
  display: flex;
  justify-content: space-between;
  font-size: 20px;
  color: var(--secondary);
  font-weight: 600;
  margin-bottom: 24px;
}
.mini-shopping-cart-offcanvas .offcanvas-body .flyout-cart .footer .buttons {
  display: flex;
  gap: 16px;
}
.mini-shopping-cart-offcanvas .offcanvas-body .flyout-cart .footer .buttons .cart-button,
.mini-shopping-cart-offcanvas .offcanvas-body .flyout-cart .footer .buttons .checkout-button {
  flex: 1;
}

.double-column {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 0;
}
@media (min-width: 992px) {
  .double-column {
    grid-template-columns: repeat(15, 1fr);
    gap: 38px;
  }
}
@media (min-width: 1200px) {
  .double-column {
    gap: 64px;
  }
}
@media (min-width: 992px) {
  .double-column .side-2 {
    grid-column: 1/6;
  }
}
@media (min-width: 1200px) {
  .double-column .side-2 {
    grid-column: 1/5;
  }
}
@media (min-width: 992px) {
  .double-column .center-2 {
    grid-column: 6/-1;
  }
}
@media (min-width: 1200px) {
  .double-column .center-2 {
    grid-column: 5/-1;
  }
}

@media (min-width: 992px) {
  .catalog-filter {
    max-width: 100% !important;
  }
}
.catalog-filter .offcanvas-header {
  border-bottom: 1px solid var(--gray-g100);
}
.catalog-filter .offcanvas-body {
  display: block;
}
.catalog-filter .filter-item {
  margin-bottom: 32px;
  border-bottom: 1px solid var(--gray-g100);
}
.catalog-filter .filter-item .title {
  padding-bottom: 24px;
  font-size: 16px;
  color: var(--secondary);
  font-weight: 500;
  cursor: pointer;
}
@media (min-width: 992px) {
  .catalog-filter .filter-item .title {
    font-size: 20px;
  }
}
.catalog-filter .filter-item .title i {
  display: inline-block;
  transition: transform 0.3s ease;
}
.catalog-filter .filter-item .title i.rotated {
  transform: rotate(180deg);
}
.catalog-filter .filter-item .list-box .list {
  padding-bottom: 24px;
}
.catalog-filter .filter-item .list-box .list li.active > a {
  font-weight: 500;
  color: var(--primary);
}
.catalog-filter .filter-item .list-box .list > li:not(:last-child) {
  margin-bottom: 12px;
}
.catalog-filter .filter-item .list-box .list .sublist {
  margin-top: 8px;
  padding-inline-start: 16px;
}
.catalog-filter .filter-item .list-box .list .sublist li:not(:last-child) {
  margin-bottom: 6px;
}
.catalog-filter .filter-item .list-box .list .item.color-item > :hover {
  cursor: pointer;
}
.catalog-filter .filter-item .list-box .list .item.color-item input[type=checkbox] {
  display: none;
}
.catalog-filter .filter-item .list-box .list .item.color-item .attribute-squares.color-squares {
  display: flex;
  align-items: center;
  gap: 8px;
}
.catalog-filter .filter-item .list-box .list .item.color-item .attribute-squares .attribute-square-container {
  border-radius: 100%;
  transition: 0.3s all ease;
  box-shadow: rgba(99, 99, 99, 0) 0px 2px 8px 0px;
  padding: 4px;
  border: 2px solid transparent;
}
.catalog-filter .filter-item .list-box .list .item.color-item .attribute-squares .color {
  height: 20px;
  width: 20px;
  border-radius: 40px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
}
@media (min-width: 768px) {
  .catalog-filter .filter-item .list-box .list .item.color-item .attribute-squares .color {
    width: 24px;
    height: 24px;
  }
}
.catalog-filter .filter-item .list-box .list .item.color-item:has(input[type=checkbox]:checked) .attribute-squares .attribute-square-container {
  box-shadow: rgba(99, 99, 99, 0.1) 0px 2px 8px 0px;
  border: 2px solid var(--secondary);
}
.catalog-filter .filter-item .list-box .list .item.color-item:has(input[type=checkbox]:checked) label.color-squares {
  font-weight: 500;
}
.catalog-filter .filter-item .list-box .list:has(li.color-item) {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  gap: 8px;
}
.catalog-filter .filter-item.product-spec-color .list-box .list > li {
  margin-bottom: 0;
}
.catalog-filter .filter-item.price-range-filter .ui-widget-header {
  background-color: var(--primary);
}
.catalog-filter .filter-item.price-range-filter .ui-slider .ui-slider-handle {
  width: 20px;
  height: 20px;
  background-color: #fff;
  border: 5px solid var(--primary);
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  outline: none;
}
.catalog-filter .filter-item.price-range-filter .ui-widget.ui-widget-content {
  border: none;
}
.catalog-filter .filter-item.price-range-filter .ui-slider-horizontal {
  height: 5px;
  margin-inline-start: 10px;
  margin-inline-end: 10px;
  background-color: var(--gray-g100);
}
.catalog-filter .filter-item.block-recently-viewed-products .product-picture {
  border-radius: 10px;
  overflow: hidden;
  width: 80px;
  height: 110px;
  flex-shrink: 0;
}
@media (min-width: 992px) {
  .catalog-filter .filter-item.block-recently-viewed-products .product-picture {
    width: 92px;
    height: 128px;
  }
}
.catalog-filter .filter-item.block-recently-viewed-products .product-picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.catalog-filter .filter-item.block-recently-viewed-products .product-price {
  font-weight: 600;
  color: var(--secondary);
}

.center-2 .page {
  scroll-margin: 500px;
}

.catalog-breadcrumb {
  margin-bottom: 28px;
  padding: 32px 18px;
  display: flex;
  gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-image: linear-gradient(to right, #fff5e1, #fceded);
}
@media (min-width: 768px) {
  .catalog-breadcrumb {
    padding: 42px 0;
    gap: 18px;
  }
}
@media (min-width: 992px) {
  .catalog-breadcrumb {
    margin-bottom: 30px;
  }
}
@media (min-width: 1200px) {
  .catalog-breadcrumb {
    margin-bottom: 40px;
  }
}
.catalog-breadcrumb .catalog-title {
  text-align: center;
}
.catalog-breadcrumb .category-description {
  max-width: 992px;
}
.catalog-breadcrumb .category-description p {
  text-align: center;
  line-height: 24px;
}
.catalog-breadcrumb .breadcrumb {
  margin: 0;
}
.catalog-breadcrumb .breadcrumb ul li .current-item {
  color: var(--gray-g400);
}

.tags ul {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.product-tags-all-page .product-tags-list .producttag, .tags ul li {
  display: inline-block;
  padding: 8px 14px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  border-radius: 5px;
  border: 1px solid var(--gray-g100);
  color: var(--text-clr);
}
.product-tags-all-page .product-tags-list .producttag:hover, .tags ul li:hover {
  background-color: var(--secondary);
  color: var(--white);
  border: 1px solid var(--secondary);
}
.product-tags-all-page .product-tags-list .producttag a:hover, .tags ul li a:hover {
  color: inherit;
  transition: none;
}

.product-tags-all-page .product-tags-list {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.category-page .product-grid.featured-product-grid {
  margin-bottom: 28px;
}
@media (min-width: 992px) {
  .category-page .product-grid.featured-product-grid {
    margin-bottom: 42px;
  }
}
.category-page .sub-category-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  margin-bottom: 28px;
}
@media (min-width: 576px) {
  .category-page .sub-category-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
  }
}
@media (min-width: 768px) {
  .category-page .sub-category-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
}
@media (min-width: 992px) {
  .category-page .sub-category-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-bottom: 42px;
  }
}
@media (min-width: 1200px) {
  .category-page .sub-category-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
  }
}
.category-page .sub-category-grid .sub-category-item {
  position: relative;
}
.category-page .sub-category-grid .sub-category-item:hover .subcategory-title {
  background-color: var(--secondary);
  color: var(--white);
}
.category-page .sub-category-grid .sub-category-item:hover .picture a img {
  transform: scale(1.05);
}
.category-page .sub-category-grid .sub-category-item .picture {
  width: 100%;
  height: 100%;
}
.category-page .sub-category-grid .sub-category-item .picture a {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  overflow: hidden;
  display: block;
}
.category-page .sub-category-grid .sub-category-item .picture a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease-in-out;
}
.category-page .sub-category-grid .sub-category-item .subcategory-title {
  font-size: 16px;
  font-weight: 500;
  color: var(--secondary);
  position: absolute;
  left: 50%;
  bottom: 14px;
  transform: translateX(-50%);
  z-index: 2;
  background-color: var(--white);
  display: flex;
  justify-content: center;
  gap: 4px;
  padding: 8px;
  width: 85%;
  border-radius: 20px;
}
.category-page .sub-category-grid .sub-category-item .subcategory-title .text {
  max-width: 80px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
.category-page .sub-category-grid .sub-category-item .subcategory-title:hover a {
  background-color: var(--secondary);
  color: var(--white);
}

.product-selectors {
  border-top: 1px solid var(--gray-g100);
  border-bottom: 1px solid var(--gray-g100);
  margin-bottom: 16px;
  padding: 18px 0;
}
@media (min-width: 768px) {
  .product-selectors {
    gap: 20px;
  }
}
@media (min-width: 992px) {
  .product-selectors {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
  }
}
.product-selectors .offcanvas-filter-btn button {
  padding: 8px 14px;
  background-color: var(--white);
  border: 1px solid var(--gray-g100);
}
.product-selectors .offcanvas-filter-btn button:hover {
  color: var(--white);
  background-color: var(--secondary);
  border-color: var(--secondary);
}
.product-selectors .product-viewmode .viewmode-icon.selected {
  color: var(--primary);
}
.product-selectors .product-page-size p,
.product-selectors .product-sorting p {
  white-space: nowrap;
}
.product-selectors .product-page-size select:focus,
.product-selectors .product-sorting select:focus {
  box-shadow: none;
  outline: none;
}

.item-grid .details .attributes-wrapper, .section__scarousel-grid .details .attributes-wrapper, .trending-categories .details .attributes-wrapper, .our-brands .details .attributes-wrapper {
  display: none;
}
.item-grid .details .list-view-action, .section__scarousel-grid .details .list-view-action, .trending-categories .details .list-view-action, .our-brands .details .list-view-action {
  display: none;
}

.product-list .item-top-wrapper .top-extra,
.product-list .item-top-wrapper .top-add-to-cart,
.product-list .item-top-wrapper .attributes-wrapper {
  display: none !important;
}
.product-list .list-view-action {
  display: block;
}

.products-container {
  position: relative;
}
.products-container .product-grid,
.products-container .product-list {
  margin: 0 0 50px;
}

.product-list .item-grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 16px;
}
.product-list .item-grid > * {
  min-width: 0;
}
@media (min-width: 576px) {
  .product-list .item-grid {
    gap: 20px;
  }
}
@media (min-width: 992px) {
  .product-list .item-grid {
    gap: 30px;
  }
}
.product-list .item-grid .product-item form {
  display: flex;
  gap: 16px;
}
@media (min-width: 576px) {
  .product-list .item-grid .product-item form {
    gap: 20px;
  }
}
.product-list .item-grid .product-item form .item-top-wrapper {
  width: 100px;
  flex-shrink: 0;
}
@media (min-width: 576px) {
  .product-list .item-grid .product-item form .item-top-wrapper {
    width: 180px;
  }
}
@media (min-width: 768px) {
  .product-list .item-grid .product-item form .item-top-wrapper {
    width: 210px;
  }
}
@media (min-width: 992px) {
  .product-list .item-grid .product-item form .item-top-wrapper {
    width: 245px;
  }
}
.product-list .item-grid .product-item form .details {
  flex: 1;
  min-width: 0;
  width: 100%;
}
.product-list .item-grid .product-item form .details .product-title {
  margin-top: 0;
}
.product-list .item-grid .product-item form .details .description {
  display: block;
}
.product-list .item-grid .product-item form .details .prices {
  margin-top: 14px;
}
.product-list .item-grid .product-item form .details .attributes .attributes-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 14px;
  margin-bottom: 8px;
  flex-wrap: wrap;
}
.product-list .item-grid .product-item form .details .attributes .attributes-wrapper .attributes-lists {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
.product-list .item-grid .product-item form .details .list-view-action {
  margin-top: 18px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}
.product-list .item-grid .product-item form .details .list-view-action .top-add-to-cart button {
  color: var(--white);
  font-weight: 500;
  background-color: var(--secondary);
  border: none;
  border-radius: 40px;
  line-height: 20px;
  padding: 8px 18px;
}
.product-list .item-grid .product-item form .details .list-view-action .top-add-to-cart button:hover {
  color: var(--white);
  background-color: var(--primary);
}
@media (min-width: 576px) {
  .product-list .item-grid .product-item form .details .list-view-action .top-add-to-cart button {
    padding: 12px 24px;
  }
}
@media (min-width: 768px) {
  .product-list .item-grid .product-item form .details .list-view-action .top-add-to-cart button {
    padding: 14px 32px;
  }
}
.product-list .item-grid .product-item form .details .list-view-action .top-extra {
  display: flex;
  gap: 12px;
}
.product-list .item-grid .product-item form .details .list-view-action .top-extra .quickview-button {
  border: 1px solid var(--gray-g100);
}
.product-list .item-grid .product-item form .details .list-view-action .top-extra .add-to-wishlist-button,
.product-list .item-grid .product-item form .details .list-view-action .top-extra .add-to-compare-list-button {
  color: var(--secondary);
  background-color: var(--white);
  width: 32px;
  height: 32px;
  border: 1px solid var(--gray-g100);
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 768px) {
  .product-list .item-grid .product-item form .details .list-view-action .top-extra .add-to-wishlist-button,
  .product-list .item-grid .product-item form .details .list-view-action .top-extra .add-to-compare-list-button {
    width: 38px;
    height: 38px;
  }
}
.product-list .item-grid .product-item form .details .list-view-action .top-extra .add-to-wishlist-button:hover,
.product-list .item-grid .product-item form .details .list-view-action .top-extra .add-to-compare-list-button:hover {
  color: var(--white);
  background-color: var(--secondary);
}

.item-box {
  width: 100%;
}
.item-box .product-item {
  position: relative;
  width: 100%;
  text-align: start;
}
.item-box .product-item:hover .item-top-wrapper .top-extra {
  transform: translateX(0);
  visibility: visible;
  opacity: 1;
}
.item-box .product-item:hover .item-top-wrapper .top-add-to-cart {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}
.item-box .product-item:hover .item-top-wrapper .attributes-wrapper {
  opacity: 1;
  visibility: visible;
  transform: translate(0);
}
@media (min-width: 992px) {
  .item-box .product-item.product-with-size .item-top-wrapper .top-add-to-cart {
    bottom: 48px;
  }
}
.item-box .product-item .item-top-wrapper {
  position: relative;
  overflow: hidden;
}
.item-box .product-item .item-top-wrapper .picture {
  position: relative;
  background-color: var(--white);
  border-radius: 8px;
  overflow: hidden;
}
.item-box .product-item .item-top-wrapper .picture a {
  display: block;
  position: relative;
}
.item-box .product-item .item-top-wrapper .picture a::before {
  content: "";
  display: block;
  padding-top: 142%;
}
.item-box .product-item .item-top-wrapper .picture a img {
  position: absolute;
  top: 0;
  inset-inline-end: 0;
  bottom: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-color: var(--gray-g300);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.item-box .product-item .item-top-wrapper .top-extra {
  position: absolute;
  top: 12px;
  inset-inline-end: 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  transform: translateX(0);
  visibility: visible;
  opacity: 1;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 992px) {
  .item-box .product-item .item-top-wrapper .top-extra {
    transform: translateX(12px);
    visibility: hidden;
    opacity: 0;
  }
}
.item-box .product-item .item-top-wrapper .top-extra .add-to-wishlist-button,
.item-box .product-item .item-top-wrapper .top-extra .add-to-compare-list-button {
  color: var(--secondary);
  background-color: var(--white);
  width: 38px;
  height: 38px;
  border: none;
  border-radius: 50px;
  text-align: center;
}
.item-box .product-item .item-top-wrapper .top-extra .add-to-wishlist-button:hover,
.item-box .product-item .item-top-wrapper .top-extra .add-to-compare-list-button:hover {
  color: var(--white);
  background-color: var(--secondary);
}
.item-box .product-item .item-top-wrapper .top-add-to-cart {
  position: absolute;
  bottom: 14px;
  inset-inline-start: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transform: translateY(0%);
  opacity: 1;
  visibility: visible;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 992px) {
  .item-box .product-item .item-top-wrapper .top-add-to-cart {
    transform: translateY(80%);
    opacity: 0;
    visibility: hidden;
  }
}
.item-box .product-item .item-top-wrapper .top-add-to-cart .bottom-wrapper {
  width: 100%;
  padding: 0 10px;
}
@media (min-width: 576px) {
  .item-box .product-item .item-top-wrapper .top-add-to-cart .bottom-wrapper {
    padding: 0 14px;
  }
}
.item-box .product-item .item-top-wrapper .top-add-to-cart .bottom-wrapper .product-box-add-to-cart-button {
  width: 100%;
  padding: 8px 24px;
  color: var(--secondary);
  font-weight: 500;
  background-color: var(--white);
  border: none;
  border-radius: 40px;
  line-height: 20px;
  text-align: center;
}
@media (min-width: 576px) {
  .item-box .product-item .item-top-wrapper .top-add-to-cart .bottom-wrapper .product-box-add-to-cart-button {
    padding: 12px 24px;
  }
}
.item-box .product-item .item-top-wrapper .top-add-to-cart .bottom-wrapper .product-box-add-to-cart-button:hover {
  color: var(--white);
  background-color: var(--secondary);
}
.item-box .product-item .item-top-wrapper .attributes-wrapper {
  display: none;
  position: absolute;
  inset-inline-start: 0;
  bottom: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transform: translateY(100%);
  transition: all 0.3s ease-out 0s;
}
@media (min-width: 992px) {
  .item-box .product-item .item-top-wrapper .attributes-wrapper {
    display: block;
  }
}
.item-box .product-item .item-top-wrapper .attributes-wrapper .attributes-lists {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 4px;
  color: var(--secondary);
  background-color: rgba(255, 255, 255, 0.8);
}
.item-box .product-item .item-top-wrapper .attributes-wrapper .attributes-lists .attribute-item {
  font-size: 14px;
  font-weight: 500;
}
.item-box .product-item .product-title {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  margin-top: 12px;
}
@media (min-width: 768px) {
  .item-box .product-item .product-title {
    font-size: 16px;
  }
}
.item-box .product-item .product-title a {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.item-box .product-item .description {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: 4px;
}
.item-box .product-item .description[data-short-description] {
  display: none;
}
.item-box .product-item .prices {
  margin-top: 4px;
}
.item-box .product-item .prices .actual-price {
  font-size: 18px;
  font-weight: 600;
  color: var(--secondary);
}
.item-box .product-item .prices .old-price {
  text-decoration: line-through;
}
.item-box .product-item .prices .tax-shipping-info {
  font-size: 14px;
}
.item-box .product-item .attributes .color-slider-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  margin-top: 8px;
}
.item-box .product-item .attributes .color-slider-wrapper .attribute-squares {
  height: 100%;
  width: 100%;
  display: flex;
  gap: 4px;
  align-items: center;
  counter-reset: item;
  flex: 1;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.item-box .product-item .attributes .color-slider-wrapper .attribute-squares::-webkit-scrollbar {
  display: none;
}
.item-box .product-item .attributes .color-slider-wrapper .attribute-squares .selected-value .attribute-square-container {
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  border: 1px solid var(--black);
}
.item-box .product-item .attributes .color-slider-wrapper .attribute-squares li .attribute-square-container {
  display: block;
  position: relative;
  z-index: 0;
  border-radius: 100%;
  transition: 0.3s all ease;
  box-shadow: rgba(99, 99, 99, 0) 0px 2px 8px 0px;
  padding: 4px;
  border: 1px solid transparent;
  cursor: pointer;
}
.item-box .product-item .attributes .color-slider-wrapper .attribute-squares li .attribute-square-container .attribute-square {
  display: block;
  width: 18px;
  height: 18px;
  border-radius: 40px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
}
.item-box .product-item .attributes .color-slider-wrapper .attribute-squares .tooltip-container {
  display: none;
}
.item-box .product-item .attributes .color-slider-wrapper .attribute-squares input[type=radio] {
  display: none;
}
.item-box .product-item .attributes .color-slider-wrapper .slider-arrow {
  background: white;
  border: 1px solid var(--gray-g100);
  color: var(--black);
  width: 28px;
  height: 28px;
  border-radius: 50%;
  cursor: pointer;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.item-box .product-item .attributes .color-slider-wrapper .slider-arrow.prev {
  margin-inline-end: 8px;
}
.item-box .product-item .attributes .color-slider-wrapper .slider-arrow.next {
  margin-inline-start: 8px;
}
.item-box .product-item .attributes .color-slider-wrapper .slider-arrow:hover {
  background-color: var(--gray-g50);
}

.breadcrumb {
  margin-top: 24px;
  margin-bottom: 24px;
  line-height: 28px;
}
@media (min-width: 768px) {
  .breadcrumb {
    margin-top: 32px;
    margin-bottom: 32px;
  }
}
@media (min-width: 992px) {
  .breadcrumb {
    margin-top: 32px;
    margin-bottom: 48px;
  }
}
.breadcrumb ul {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.breadcrumb ul li {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: var(--secondary);
  font-weight: 500;
  text-wrap: nowrap;
}
.breadcrumb ul li .delimiter {
  display: flex;
  align-items: center;
}
.breadcrumb ul li .current-item {
  font-weight: 400;
  color: var(--gray-g300);
}

.shopping-cart-page .page-title {
  margin-bottom: 42px;
  padding: 38px 18px;
  display: flex;
  gap: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-image: linear-gradient(to right, #fff5e1, #fceded);
}
@media (min-width: 768px) {
  .shopping-cart-page .page-title {
    padding: 42px 0;
    gap: 24px;
  }
}
.shopping-cart-page .page-title h3 {
  line-height: 32px;
}
.shopping-cart-page .cart-details-left table.cart {
  width: 100%;
}
.shopping-cart-page .cart-details-left table.cart td.quantity {
  position: relative;
}
.shopping-cart-page .cart-details-left table.cart td.quantity .product-quantity {
  position: relative;
}
.shopping-cart-page .cart-details-left table.cart td.quantity .product-quantity:has(input.qty-input:focus) > :is(.quantity) {
  scale: 0;
  overflow: hidden;
  transition: 0.3s all ease;
}
.shopping-cart-page .cart-details-left table.cart td.quantity .product-quantity input.qty-input {
  min-width: 100px;
  padding: 8px 24px;
  text-align: center;
  width: 100%;
  border-radius: 50px;
}
.shopping-cart-page .cart-details-left table.cart td.quantity .product-quantity input.qty-input:focus .quantity {
  transform: scale(0);
}
.shopping-cart-page .cart-details-left table.cart td.quantity .product-quantity .quantity {
  position: absolute;
  background: transparent;
  border: none;
  transform: scale(1);
  top: 10px;
  transition: 0.3s all ease;
  cursor: pointer;
}
.shopping-cart-page .cart-details-left table.cart td.quantity .product-quantity .quantity.down {
  inset-inline-start: 14px;
}
.shopping-cart-page .cart-details-left table.cart td.quantity .product-quantity .quantity.up {
  inset-inline-end: 14px;
}
.shopping-cart-page .cart-details-left table.cart .product-quantity {
  min-width: 140px;
}
.shopping-cart-page .cart-details-left .tax-shipping-info {
  margin: 20px 0;
  text-align: center;
}
.shopping-cart-page .cart-details-left .tax-shipping-info a {
  color: var(--primary);
}
.shopping-cart-page .cart-details-left .tax-shipping-info a:hover, .shopping-cart-page .cart-details-left .tax-shipping-info a:focus {
  text-decoration: underline;
}
.shopping-cart-page .cart-details-left .cart-footer {
  margin-top: 42px;
}
.shopping-cart-page .cart-details-left .cart-options {
  margin-top: 42px;
}
.shopping-cart-page .cart-details-left .cart-options .common-buttons {
  background-color: var(--bg-g1);
  padding: 24px;
  text-align: center;
  border-radius: 12px;
}
.shopping-cart-page .cart-details-right {
  position: sticky;
  inset-inline-start: 0;
  top: 24px;
}
.shopping-cart-page .cart-details-right .checkout-buttons {
  padding: 12px 16px;
}
.shopping-cart-page .cart-details-right .checkout-buttons .checkout-page-order-total-display {
  display: none;
  font-size: 1.125em;
}
@media (max-width: 1199.98px) {
  .shopping-cart-page .cart-details-right .checkout-buttons .checkout-page-order-total-display {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.25em;
    font-weight: 600;
  }
  .shopping-cart-page .cart-details-right .checkout-buttons .checkout-page-order-total-display > * {
    height: fit-content;
  }
}
@media (min-width: 576px) {
  .shopping-cart-page .cart-details-right .checkout-buttons .checkout-page-order-total-display {
    font-size: 1.5em;
  }
}
@media (min-width: 576px) {
  .shopping-cart-page .cart-details-right .checkout-buttons {
    padding: 12px 28px;
  }
}
@media (min-width: 1200px) {
  .shopping-cart-page .cart-details-right .checkout-buttons {
    padding: 0;
  }
}
@media (max-width: 1199.98px) {
  .shopping-cart-page .cart-details-right .checkout-buttons {
    position: fixed;
    z-index: 10;
    bottom: 0;
    inset-inline-start: 0;
    width: 100%;
    gap: 8px;
    background: rgba(245, 245, 245, 0.9);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(6.1px);
    -webkit-backdrop-filter: blur(6.1px);
    border-top: 1px solid var(--gray-g100);
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
@media (max-width: 991.98px) {
  .shopping-cart-page .cart-details-right .checkout-buttons {
    bottom: 71px;
  }
}
@media (min-width: 1200px) {
  .shopping-cart-page .cart-details-right .checkout-buttons {
    position: static;
  }
}
.shopping-cart-page .cart-details-right .checkout-buttons button {
  max-width: 140px;
  max-height: 110px;
}
@media (min-width: 576px) {
  .shopping-cart-page .cart-details-right .checkout-buttons button {
    max-height: initial;
  }
}
@media (min-width: 768px) {
  .shopping-cart-page .cart-details-right .checkout-buttons button {
    max-width: 220px;
  }
}
@media (min-width: 1200px) {
  .shopping-cart-page .cart-details-right .checkout-buttons button {
    max-width: 100%;
  }
}
.shopping-cart-page .cart-details-right .totals {
  padding: 14px;
  border-radius: 12px;
  background-color: var(--bg-g1);
  min-width: 100%;
}
@media (min-width: 768px) {
  .shopping-cart-page .cart-details-right .totals {
    padding: 24px;
  }
}
.shopping-cart-page .cart-details-right .totals .total-info .title {
  margin-bottom: 12px;
}
.shopping-cart-page .cart-details-right .totals .total-info .cart-total {
  margin-bottom: 24px;
  width: 100%;
}
.shopping-cart-page .cart-details-right .totals .total-info .cart-total tr {
  border-bottom: 1px solid var(--gray-g200);
}
.shopping-cart-page .cart-details-right .totals .total-info .cart-total tr td {
  vertical-align: middle;
  padding-bottom: 8px;
  padding-top: 8px;
  text-align: end;
}
.shopping-cart-page .cart-details-right .totals .total-info .cart-total tr .cart-total-left {
  text-align: start;
}
.shopping-cart-page .cart-details-right .totals .total-info .cart-total tr .cart-total-left label {
  font-weight: 500;
  color: var(--secondary);
}
.shopping-cart-page .cart-details-right .totals .total-info .cart-total tr.order-total {
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
}
@media (min-width: 768px) {
  .shopping-cart-page .cart-details-right .totals .total-info .cart-total tr.order-total {
    font-size: 24px;
    line-height: 38px;
  }
}
.shopping-cart-page .cart-details-right .totals .total-info .cart-total .earn-reward-points {
  font-style: italic;
}
.shopping-cart-page .cart-details-right .totals .terms-of-service {
  display: block;
  margin-bottom: 24px;
}
.shopping-cart-page .cart-details-right .totals .terms-of-service input[type=checkbox] {
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.shopping-cart-page .cart-details-right .totals .terms-of-service label {
  display: inline;
  margin-inline-start: 4px;
}
.shopping-cart-page .cart-details-right .totals .terms-of-service .read {
  font-weight: 500;
}
.shopping-cart-page .cart-details-right .totals .checkout-buttons .checkout-disabled {
  padding: 24px;
  color: var(--white);
  background-color: var(--yellow);
  border-radius: 8px;
}
.shopping-cart-page .no-data {
  text-align: center;
  margin: 25px 0 0;
}

.wishlist-page .page-title {
  margin-bottom: 42px;
  padding: 38px 18px;
  display: flex;
  gap: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-image: linear-gradient(to right, #fff5e1, #fceded);
}
@media (min-width: 768px) {
  .wishlist-page .page-title {
    padding: 42px 0;
    gap: 24px;
  }
}
.wishlist-page .page-title h3 {
  line-height: 32px;
}
.wishlist-page table.cart {
  width: 100%;
  max-width: 1050px;
  margin: 0 auto;
}
.wishlist-page table.cart td.quantity {
  position: relative;
}
.wishlist-page table.cart td.quantity .product-quantity {
  position: relative;
}
.wishlist-page table.cart td.quantity .product-quantity:has(input.qty-input:focus) > :is(.quantity) {
  scale: 0;
  overflow: hidden;
  transition: 0.3s all ease;
}
.wishlist-page table.cart td.quantity .product-quantity input.qty-input {
  min-width: 100px;
  padding: 8px 24px;
  text-align: center;
  width: 100%;
  border-radius: 50px;
}
.wishlist-page table.cart td.quantity .product-quantity input.qty-input:focus .quantity {
  transform: scale(0);
}
.wishlist-page table.cart td.quantity .product-quantity .quantity {
  position: absolute;
  background: transparent;
  border: none;
  transform: scale(1);
  top: 10px;
  transition: 0.3s all ease;
  cursor: pointer;
}
.wishlist-page table.cart td.quantity .product-quantity .quantity.down {
  inset-inline-start: 14px;
}
.wishlist-page table.cart td.quantity .product-quantity .quantity.up {
  inset-inline-end: 14px;
}
@media (max-width: 767.98px) {
  .wishlist-page table.cart td.add-to-cart {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.wishlist-page table.cart td.quantity .product-quantity input.qty-input {
  min-width: 150px;
}
.wishlist-page .tax-shipping-info {
  margin: 20px 0;
  text-align: center;
}
.wishlist-page .tax-shipping-info a {
  color: var(--primary);
}
.wishlist-page .tax-shipping-info a:hover, .wishlist-page .tax-shipping-info a:focus {
  text-decoration: underline;
}
.wishlist-page .share-info {
  text-align: center;
}
.wishlist-page .share-info span {
  display: block;
  margin: 0 0 5px;
}
.wishlist-page .share-info a {
  font-weight: 500;
  color: var(--secondary);
}
.wishlist-page .share-info a:hover {
  color: var(--primary);
}
.wishlist-page .no-data {
  margin: 25px 0 0;
  text-align: center;
}

.footer .footer-top {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-top: 40px;
  padding-bottom: 20px;
  border-top: 1px solid var(--gray-g200);
}
@media (min-width: 1400px) {
  .footer .footer-top {
    flex-direction: row;
    gap: 20px;
    padding: 40px 0px;
    margin-bottom: 0px;
  }
}
.footer .footer-top .contact-info {
  padding-bottom: 28px;
  border-bottom: 1px solid var(--gray-g200);
}
@media (min-width: 1400px) {
  .footer .footer-top .contact-info {
    border-bottom: none;
  }
}
.footer .footer-top .contact-info .logo {
  padding-top: 0;
  padding-bottom: 8px;
}
.footer .footer-top .contact-info .contact-details {
  margin-bottom: 20px;
}
.footer .footer-top .contact-info .social-icons {
  list-style: none;
  padding: 0;
  display: flex;
  justify-content: start;
  gap: 6px;
}
.footer .footer-top .contact-info .social-icons li {
  width: 34px;
  height: 34px;
  border: 1px solid var(--secondary);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background-color 0.3s ease, border-color 0.3s ease;
  cursor: pointer;
}
.footer .footer-top .contact-info .social-icons li i {
  font-size: 18px;
  color: var(--secondary);
  transition: color 0.3s ease;
}
.footer .footer-top .contact-info .social-icons li a {
  display: flex;
}
.footer .footer-top .contact-info .social-icons li:hover {
  background-color: var(--secondary);
  border-color: var(--secondary);
}
.footer .footer-top .contact-info .social-icons li:hover i {
  color: var(--white);
}
.footer .footer-top .footer-info {
  width: 100%;
  display: flex;
  flex-direction: column;
}
@media (min-width: 1400px) {
  .footer .footer-top .footer-info {
    flex-direction: row;
    gap: 20px;
    margin-bottom: 0px;
  }
}
.footer .footer-top .footer-info .service-info {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .footer .footer-top .footer-info .service-info {
    flex-direction: row;
    gap: 20px;
    margin-bottom: 20px;
  }
}
@media (min-width: 1400px) {
  .footer .footer-top .footer-info .service-info {
    width: 50%;
    flex-direction: row;
    gap: 20px;
    margin-bottom: 0px;
  }
}
.footer .footer-top .footer-info .account-newsletter {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .footer .footer-top .footer-info .account-newsletter {
    flex-direction: row;
    gap: 20px;
    /*margin-bottom: 20px;*/
  }
}
@media (min-width: 1400px) {
  .footer .footer-top .footer-info .account-newsletter {
    width: 50%;
    flex-direction: row;
    gap: 20px;
    margin-bottom: 0px;
  }
}
.footer .footer-top .footer-block {
  width: 100%;
  text-align: start;
  font-size: 14px;
}
.footer .footer-top .footer-block .title,
.footer .footer-top .footer-block .newsletter-title {
  margin-bottom: 0px;
  padding: 10px 0px 15px 0px;
  font-size: 18px;
  color: var(--secondary);
  cursor: pointer;
}
@media (min-width: 768px) {
  .footer .footer-top .footer-block .title,
  .footer .footer-top .footer-block .newsletter-title {
    padding: 0px;
    margin-bottom: 12px;
  }
}
.footer .footer-top .footer-block .title strong,
.footer .footer-top .footer-block .newsletter-title strong {
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
}
.footer .footer-top .footer-block .newsletter-title {
  margin-bottom: 0;
  padding-bottom: 10px;
}
@media (min-width: 768px) {
  .footer .footer-top .footer-block .newsletter-title {
    padding: 0px;
    margin-bottom: 12px;
  }
}
.footer .footer-top .footer-block .list {
  display: none;
  margin: 0;
  background-color: var(--white);
  padding-bottom: 20px;
}
@media (min-width: 768px) {
  .footer .footer-top .footer-block .list {
    display: inline;
    padding-bottom: 0px;
  }
}
.footer .footer-top .footer-block .list a {
  display: block;
  color: var(--secondary);
  line-height: 30px;
}
.footer .footer-top .footer-block .list a:hover {
  color: var(--primary);
}
.footer .footer-top .newsletter .title {
  font-size: 14px;
}
.footer .footer-top .newsletter-email {
  width: 100%;
  background-color: var(--white);
}
.footer .footer-top .newsletter-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid var(--gray-g300);
  border-radius: 4px;
}
.footer .footer-top .newsletter-subscribe-text {
  width: 80%;
  padding: 10px;
  border: none;
  font-size: 16px;
  outline: none;
  border-radius: 4px;
}
.footer .footer-top .newsletter-subscribe-button {
  padding: 8px;
  border: none;
  margin: 5px;
  background-color: var(--secondary);
  color: var(--white);
  font-size: 16px;
  cursor: pointer;
  border-radius: 4px;
}
.footer .footer-top .newsletter-subscribe .options {
  display: flex;
  justify-content: center;
  gap: 10px;
}
.footer .footer-top .newsletter-subscribe .options .subscribe, .footer .footer-top .newsletter-subscribe .options .unsubscribe {
  display: flex;
  gap: 5px;
}
.footer .footer-top .newsletter-validation {
  margin-top: 10px;
  font-size: 14px;
  color: var(--primary);
}
.footer .footer-top .newsletter-validation span {
  color: var(--primary);
  font-size: 14px;
}
.footer .footer-bottom {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px 0;
  border-top: 1px solid var(--gray-g200);
  color: var(--secondary);
  text-align: center;
}
@media (min-width: 992px) {
  .footer .footer-bottom {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}
.footer .footer-bottom .theme-selector {
  margin-top: 8px;
}
@media (min-width: 992px) {
  .footer .footer-bottom .theme-selector {
    margin-top: 0;
  }
}
.footer .footer-bottom .theme-selector select {
  width: 170px;
}
.footer .footer-bottom .footer-powered {
  display: flex;
  flex-direction: column;
  text-align: center;
}
@media (min-width: 992px) {
  .footer .footer-bottom .footer-powered {
    text-align: start;
  }
}
.footer .footer-bottom .footer-powered-by,
.footer .footer-bottom .footer-disclaimer,
.footer .footer-bottom .footer-tax-shipping {
  margin: 0;
  font-size: 14px;
}

.product-details-page, .quickviewdetails {
  /********** PRODUCT REVIEWS **********/
  /*.data-table td {
      vertical-align: middle;
  }*/
}
.product-details-page .xzoom-thumbs .img-preview-gallery, .quickviewdetails .xzoom-thumbs .img-preview-gallery {
  border: 2px solid transparent;
  border-radius: 6px;
}
.product-details-page .xactive, .quickviewdetails .xactive {
  transition: all 0.3s ease;
  box-shadow: none;
}
.product-details-page .xzoom-thumbs .img-preview-gallery.xactive, .quickviewdetails .xzoom-thumbs .img-preview-gallery.xactive {
  transition: all 0.3s ease;
  border: 2px solid var(--secondary);
}
.product-details-page .xzoom, .quickviewdetails .xzoom {
  box-shadow: none;
}
.product-details-page .product-essential, .quickviewdetails .product-essential {
  margin: 0 0 40px;
}
.product-details-page .product-essential:after, .quickviewdetails .product-essential:after {
  content: "";
  display: block;
  clear: both;
}
.product-details-page .gallery-overview-wrapper, .quickviewdetails .gallery-overview-wrapper {
  position: sticky;
  top: 0;
}
.product-details-page .gallery, .quickviewdetails .gallery {
  margin: 0 auto 28px;
  position: sticky;
  top: 0;
}
@media (min-width: 992px) {
  .product-details-page .gallery, .quickviewdetails .gallery {
    margin: 0 auto 50px;
  }
}
.product-details-page .gallery .picture-wrapper, .quickviewdetails .gallery .picture-wrapper {
  margin: 0 0 10px;
}
.product-details-page .gallery .picture::before, .quickviewdetails .gallery .picture::before {
  display: block;
  padding-top: 100%;
}
.product-details-page .gallery .picture, .quickviewdetails .gallery .picture {
  position: relative;
  max-width: 100%;
  margin: 0 auto 10px;
  overflow: hidden;
  border-radius: 6px;
  height: auto;
  width: 100%;
}
.product-details-page :has(.floating-add-to-cart.visible) .footer, .quickviewdetails :has(.floating-add-to-cart.visible) .footer {
  margin-bottom: 178px;
}
@media (min-width: 576px) {
  .product-details-page :has(.floating-add-to-cart.visible) .footer, .quickviewdetails :has(.floating-add-to-cart.visible) .footer {
    margin-bottom: 180px;
  }
}
@media (min-width: 992px) {
  .product-details-page :has(.floating-add-to-cart.visible) .footer, .quickviewdetails :has(.floating-add-to-cart.visible) .footer {
    margin-bottom: 110px;
  }
}
.product-details-page .write-review .required, .quickviewdetails .write-review .required {
  position: absolute;
  color: var(--primary);
  top: 0;
  inset-inline-end: 0;
  margin: 0;
}
.product-details-page .form-fields .inputs, .quickviewdetails .form-fields .inputs {
  position: relative;
}
.product-details-page .form-fields .inputs label, .quickviewdetails .form-fields .inputs label {
  margin-bottom: 4px;
}
.product-details-page span.label, .quickviewdetails span.label {
  color: var(--secondary);
  font-weight: 500;
}
.product-details-page #product-name, .quickviewdetails #product-name {
  scroll-margin-top: 120px;
}
.product-details-page .overview .product-details-custom-radio, .product-details-page .variant-overview .product-details-custom-radio, .quickviewdetails .overview .product-details-custom-radio, .quickviewdetails .variant-overview .product-details-custom-radio {
  padding: 4px 12px;
  border: 1px solid var(--gray-g100);
  background-color: var(--white);
  color: var(--text-clr);
  transition: 0.3s all ease;
  width: fit-content;
  border-radius: 4px;
}
.product-details-page .overview .product-details-custom-radio:hover, .product-details-page .variant-overview .product-details-custom-radio:hover, .quickviewdetails .overview .product-details-custom-radio:hover, .quickviewdetails .variant-overview .product-details-custom-radio:hover {
  transition: 0.3s all ease;
  border: 1px solid var(--secondary);
  cursor: pointer;
}
.product-details-page .overview .product-details-custom-radio input[type=radio], .product-details-page .variant-overview .product-details-custom-radio input[type=radio], .quickviewdetails .overview .product-details-custom-radio input[type=radio], .quickviewdetails .variant-overview .product-details-custom-radio input[type=radio] {
  display: none;
}
.product-details-page .overview .product-details-custom-radio:has(input[type=radio]:checked), .product-details-page .variant-overview .product-details-custom-radio:has(input[type=radio]:checked), .quickviewdetails .overview .product-details-custom-radio:has(input[type=radio]:checked), .quickviewdetails .variant-overview .product-details-custom-radio:has(input[type=radio]:checked) {
  background-color: var(--secondary);
  transition: 0.3s all ease;
  color: var(--white);
  border: 1px solid transparent;
}
.product-details-page .overview .product-details-custom-radio:has(input[type=radio]:checked):hover, .product-details-page .variant-overview .product-details-custom-radio:has(input[type=radio]:checked):hover, .quickviewdetails .overview .product-details-custom-radio:has(input[type=radio]:checked):hover, .quickviewdetails .variant-overview .product-details-custom-radio:has(input[type=radio]:checked):hover {
  border: 1px solid transparent;
}
.product-details-page .overview .custom-radio-button-list, .product-details-page .variant-overview .custom-radio-button-list, .quickviewdetails .overview .custom-radio-button-list, .quickviewdetails .variant-overview .custom-radio-button-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75em;
}
.product-details-page .overview .attribute-squares, .product-details-page .variant-overview .attribute-squares, .quickviewdetails .overview .attribute-squares, .quickviewdetails .variant-overview .attribute-squares {
  display: inline-block;
}
.product-details-page .overview .attribute-squares li, .product-details-page .variant-overview .attribute-squares li, .quickviewdetails .overview .attribute-squares li, .quickviewdetails .variant-overview .attribute-squares li {
  display: inline-block;
  margin: 0 5px 5px;
  text-align: center;
}
.product-details-page .overview .attribute-squares label, .product-details-page .variant-overview .attribute-squares label, .quickviewdetails .overview .attribute-squares label, .quickviewdetails .variant-overview .attribute-squares label {
  display: block;
  margin: 0;
  overflow: hidden;
}
.product-details-page .overview .attribute-squares .attribute-square, .product-details-page .variant-overview .attribute-squares .attribute-square, .quickviewdetails .overview .attribute-squares .attribute-square, .quickviewdetails .variant-overview .attribute-squares .attribute-square {
  display: inline-block;
  width: 24px;
  height: 24px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
  cursor: pointer;
  border-radius: 100%;
  transition: 0.3s all ease;
}
@media (min-width: 768px) {
  .product-details-page .overview .attribute-squares .attribute-square, .product-details-page .variant-overview .attribute-squares .attribute-square, .quickviewdetails .overview .attribute-squares .attribute-square, .quickviewdetails .variant-overview .attribute-squares .attribute-square {
    width: 24px;
    height: 24px;
  }
}
.product-details-page .overview .attribute-squares .attribute-square-container, .product-details-page .variant-overview .attribute-squares .attribute-square-container, .quickviewdetails .overview .attribute-squares .attribute-square-container, .quickviewdetails .variant-overview .attribute-squares .attribute-square-container {
  display: block;
  position: relative;
  z-index: 0;
  border-radius: 100%;
  transition: 0.3s all ease;
  box-shadow: rgba(99, 99, 99, 0) 0px 2px 8px 0px;
  padding: 4px;
  border: 2px solid transparent;
}
.product-details-page .overview .attribute-squares .selected-value .attribute-square-container, .product-details-page .variant-overview .attribute-squares .selected-value .attribute-square-container, .quickviewdetails .overview .attribute-squares .selected-value .attribute-square-container, .quickviewdetails .variant-overview .attribute-squares .selected-value .attribute-square-container {
  transition: 0.3s all ease;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  border: 2px solid var(--black);
}
.product-details-page .overview .attribute-squares li input, .product-details-page .variant-overview .attribute-squares li input, .quickviewdetails .overview .attribute-squares li input, .quickviewdetails .variant-overview .attribute-squares li input {
  display: none;
}
.product-details-page .overview .attribute-squares-padding, .product-details-page .variant-overview .attribute-squares-padding, .quickviewdetails .overview .attribute-squares-padding, .quickviewdetails .variant-overview .attribute-squares-padding {
  padding: 0 5px 0 0;
}
.product-details-page .splide__arrow:disabled, .quickviewdetails .splide__arrow:disabled {
  opacity: 0;
  transition: 0.3s all ease;
}
.product-details-page .product-info, .product-details-page .additional-details, .quickviewdetails .product-info, .quickviewdetails .additional-details {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.product-details-page .product-share-button, .quickviewdetails .product-share-button {
  display: inline-block;
  overflow: hidden;
}
.product-details-page .full-description, .quickviewdetails .full-description {
  clear: both;
  line-height: 24px;
}
.product-details-page .product-collateral, .quickviewdetails .product-collateral {
  margin: 0 0 75px;
}
.product-details-page .product-collateral .title, .quickviewdetails .product-collateral .title {
  margin: 0 0 10px;
  font-size: 18px;
  color: var(--text-clr);
}
.product-details-page .product-collateral .title strong, .quickviewdetails .product-collateral .title strong {
  font-weight: normal;
}
.product-details-page.grouped-product-details .product-collateral, .quickviewdetails.grouped-product-details .product-collateral {
  margin-top: 44px;
}
@media (min-width: 768px) {
  .product-details-page.grouped-product-details .product-collateral, .quickviewdetails.grouped-product-details .product-collateral {
    margin-top: 48px;
  }
}
@media (min-width: 1200px) {
  .product-details-page.grouped-product-details .product-collateral, .quickviewdetails.grouped-product-details .product-collateral {
    margin-top: 52px;
  }
}
.product-details-page.grouped-product-details .overview-buttons, .quickviewdetails.grouped-product-details .overview-buttons {
  margin-top: 12px;
}
.product-details-page .product-variant-list .product-estimate-shipping .shipping-title, .quickviewdetails .product-variant-list .product-estimate-shipping .shipping-title {
  justify-content: start;
}
.product-details-page .product-variant-list .add-to-cart-panel, .quickviewdetails .product-variant-list .add-to-cart-panel {
  flex-wrap: wrap;
}
.product-details-page .product-variant-list .variant-info, .product-details-page .product-variant-list .delivery, .quickviewdetails .product-variant-list .variant-info, .quickviewdetails .product-variant-list .delivery {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.product-details-page .product-variant-line, .quickviewdetails .product-variant-line {
  margin: 0 0 30px;
  border-bottom: 1px solid var(--gray-g100);
  padding: 0 0 20px;
}
.product-details-page .product-variant-line:after, .quickviewdetails .product-variant-line:after {
  content: "";
  display: block;
  clear: both;
}
.product-details-page .variant-picture, .quickviewdetails .variant-picture {
  position: relative;
  width: 100%;
  overflow: hidden;
  object-fit: cover;
  border-radius: 6px;
  margin-bottom: 12px;
}
.product-details-page .variant-picture img, .quickviewdetails .variant-picture img {
  width: 100%;
}
.product-details-page .variant-overview, .quickviewdetails .variant-overview {
  width: 100%;
}
.product-details-page .variant-overview .attributes, .quickviewdetails .variant-overview .attributes {
  margin-top: 20px;
}
.product-details-page .variant-overview .variant-name, .quickviewdetails .variant-overview .variant-name {
  margin: 0 0 10px;
  font-size: 1.25em;
  font-weight: 500;
  color: var(--primary);
}
.product-details-page .variant-overview .variant-description, .quickviewdetails .variant-overview .variant-description {
  margin: 0 0 12px;
  line-height: 22px;
}
.product-details-page .variant-overview .add-to-cart, .quickviewdetails .variant-overview .add-to-cart {
  margin: 0 0 10px;
}
.product-details-page .product-specs-box td.spec-group-name, .quickviewdetails .product-specs-box td.spec-group-name {
  border: 0;
  font-size: 1em;
  color: var(--text-clr);
  padding: 20px 0 20px;
}
.product-details-page .product-tags-list ul, .quickviewdetails .product-tags-list ul {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.product-details-page .product-tags-list li, .quickviewdetails .product-tags-list li {
  display: inline-block;
  padding: 8px 14px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  border-radius: 5px;
  border: 1px solid var(--gray-g100);
  color: var(--text-clr);
}
.product-details-page .product-tags-list li:hover, .quickviewdetails .product-tags-list li:hover {
  background-color: var(--secondary);
  color: var(--white);
  border: 1px solid var(--secondary);
}
.product-details-page .product-tags-list li a:hover, .quickviewdetails .product-tags-list li a:hover {
  color: inherit;
  transition: none;
}
.product-details-page .product-tags-list a, .quickviewdetails .product-tags-list a {
  display: inline-block;
  line-height: 24px;
}
.product-details-page .attributes dl, .quickviewdetails .attributes dl {
  overflow: hidden;
  padding: 0 2px; /* fix for Chrome in Mac, the checkboxes get cut off */
}
.product-details-page .attributes dt,
.product-details-page .attribute-label, .quickviewdetails .attributes dt,
.quickviewdetails .attribute-label {
  display: block;
  margin: 0 0 5px;
  white-space: nowrap;
  font-weight: bold;
  color: var(--text-clr);
}
.product-details-page .attributes dd,
.product-details-page .attribute-data, .quickviewdetails .attributes dd,
.quickviewdetails .attribute-data {
  margin: 0 0 12px;
}
.product-details-page .attributes li, .quickviewdetails .attributes li {
  margin: 0;
}
.product-details-page .attributes select, .quickviewdetails .attributes select {
  width: auto;
  min-width: 100px;
  max-width: 100%;
  margin-bottom: 16px;
}
.product-details-page .attributes .option-list label, .quickviewdetails .attributes .option-list label {
  overflow: visible;
}
.product-details-page .attributes .option-list, .quickviewdetails .attributes .option-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75em;
}
.product-details-page .attributes .option-list.attribute-squares, .quickviewdetails .attributes .option-list.attribute-squares {
  gap: 0;
}
.product-details-page .attributes .datepicker, .quickviewdetails .attributes .datepicker {
  width: 280px;
  text-align: center;
  color: var(--text-clr);
}
.product-details-page .attributes .qty-box input, .quickviewdetails .attributes .qty-box input {
  width: 48px;
  height: 32px;
  text-align: center;
}
.product-details-page .attributes .option-list:not(.attribute-squares) .disabled, .quickviewdetails .attributes .option-list:not(.attribute-squares) .disabled {
  opacity: 0.5;
}
.product-details-page .attributes .attribute-squares .disabled .attribute-square, .quickviewdetails .attributes .attribute-squares .disabled .attribute-square {
  cursor: default;
  opacity: 0.25;
}
.product-details-page .attributes .attribute-squares .disabled .attribute-square-container, .quickviewdetails .attributes .attribute-squares .disabled .attribute-square-container {
  background: linear-gradient(to bottom left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) calc(50% - 1.5px), var(--secondary) 50%, rgba(0, 0, 0, 0) calc(50% + 1.5px), rgba(0, 0, 0, 0) 100%);
}
.product-details-page .attributes .attribute-squares .tooltip-container .not-available-text, .quickviewdetails .attributes .attribute-squares .tooltip-container .not-available-text {
  font-size: 12px;
}
.product-details-page .attributes .attribute-squares.color-squares .tooltip-container .not-available-text, .quickviewdetails .attributes .attribute-squares.color-squares .tooltip-container .not-available-text {
  margin: 5px;
}
.product-details-page .attributes .attribute-squares.color-squares .tooltip-container, .quickviewdetails .attributes .attribute-squares.color-squares .tooltip-container {
  width: 120px;
  display: none;
}
.product-details-page .attributes .attribute-squares.color-squares li:hover .tooltip-container, .quickviewdetails .attributes .attribute-squares.color-squares li:hover .tooltip-container {
  margin-inline-start: -42px;
}
.product-details-page .attributes .attribute-squares.color-squares .disabled .tooltip-container, .quickviewdetails .attributes .attribute-squares.color-squares .disabled .tooltip-container {
  display: block;
}
.product-details-page .attributes .attribute-squares.image-squares .tooltip-container .not-available-text, .quickviewdetails .attributes .attribute-squares.image-squares .tooltip-container .not-available-text {
  margin-bottom: 5px;
  display: none;
}
.product-details-page .attributes .attribute-squares.image-squares .disabled .tooltip-container .not-available-text, .quickviewdetails .attributes .attribute-squares.image-squares .disabled .tooltip-container .not-available-text {
  display: block;
}
.product-details-page .attributes select option.disabled,
.product-details-page .attributes select option:disabled, .quickviewdetails .attributes select option.disabled,
.quickviewdetails .attributes select option:disabled {
  color: #cecece;
}
.product-details-page .ui-datepicker, .quickviewdetails .ui-datepicker {
  width: 280px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  background-color: #fff;
  text-align: center;
  /*override jQuery UI styles, do not delete doubled properties*/
  border: none;
  border-radius: 0;
  padding: 0;
  font: normal 14px Arial, Helvetica, sans-serif;
  color: #777;
}
.product-details-page .ui-datepicker-header, .quickviewdetails .ui-datepicker-header {
  position: relative;
  height: 32px;
  background-color: var(--primary);
  color: #fff;
  /*override jQuery UI styles, do not delete doubled properties*/
  border: none;
  border-radius: 0;
  background-image: none;
  padding: 0 !important;
  font-weight: normal;
}
.product-details-page .ui-datepicker-header a, .quickviewdetails .ui-datepicker-header a {
  position: absolute;
  top: 0;
  z-index: 1;
  width: 32px;
  height: 32px;
  line-height: 32px;
  font-size: 0;
  /*override jQuery UI styles, do not delete doubled properties*/
  top: 0 !important;
  width: 32px !important;
  height: 32px !important;
  border: none !important;
}
.product-details-page .ui-datepicker-header a.ui-datepicker-prev, .quickviewdetails .ui-datepicker-header a.ui-datepicker-prev {
  inset-inline-start: 0;
  background: url("../images/calendar-prev.png") center no-repeat;
}
.product-details-page .ui-datepicker-header a.ui-datepicker-next, .quickviewdetails .ui-datepicker-header a.ui-datepicker-next {
  inset-inline-end: 0;
  background: url("../images/calendar-next.png") center no-repeat;
}
.product-details-page .ui-datepicker-header a span, .quickviewdetails .ui-datepicker-header a span {
  /*override jQuery UI styles, do not delete doubled properties*/
  display: none !important;
}
.product-details-page .ui-datepicker-title, .quickviewdetails .ui-datepicker-title {
  position: relative;
  z-index: 0;
  line-height: 32px;
  font-weight: bold;
  text-transform: uppercase;
  /*override jQuery UI styles, do not delete doubled properties*/
  line-height: 32px !important;
}
.product-details-page .ui-datepicker-calendar, .quickviewdetails .ui-datepicker-calendar {
  /*override jQuery UI styles, do not delete doubled properties*/
  margin: 0 !important;
  font-size: 14px !important;
}
.product-details-page .ui-datepicker-calendar th, .quickviewdetails .ui-datepicker-calendar th {
  background-color: #eee;
}
.product-details-page .ui-datepicker-calendar th,
.product-details-page .ui-datepicker-calendar td, .quickviewdetails .ui-datepicker-calendar th,
.quickviewdetails .ui-datepicker-calendar td {
  width: 14.285%;
  border: 1px solid var(--gray-g100);
  /*override jQuery UI styles, do not delete doubled properties*/
  padding: 0;
}
.product-details-page .ui-datepicker-calendar th span,
.product-details-page .ui-datepicker-calendar td a, .quickviewdetails .ui-datepicker-calendar th span,
.quickviewdetails .ui-datepicker-calendar td a {
  display: block;
  min-height: 32px;
  line-height: 32px;
  color: var(--text-clr);
}
.product-details-page .ui-datepicker-calendar td a, .quickviewdetails .ui-datepicker-calendar td a {
  /*override jQuery UI styles, do not delete doubled properties*/
  border: none !important;
  background: none !important;
  padding: 0;
  text-align: center;
  color: var(--text-clr) !important;
}
.product-details-page .ui-datepicker-calendar .ui-state-active, .quickviewdetails .ui-datepicker-calendar .ui-state-active {
  outline: 2px solid var(--primary);
  font-weight: bold;
  color: var(--primary);
  /*override jQuery UI styles, do not delete doubled properties*/
  color: var(--primary) !important;
}
.product-details-page .tooltip-container, .quickviewdetails .tooltip-container {
  position: absolute;
  width: 200px;
  color: #000000;
  background: #ffffff;
  border: 1px solid #eeeeee;
  text-align: center;
  visibility: hidden;
  border-radius: 5px;
}
.product-details-page .tooltip-container:before, .quickviewdetails .tooltip-container:before {
  content: "";
  position: absolute;
  bottom: 100%;
  inset-inline-start: 50%;
  margin-inline-start: -7px;
  width: 0;
  height: 0;
  border-bottom: 7px solid #eeeeee;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
}
.product-details-page .tooltip-container:after, .quickviewdetails .tooltip-container:after {
  content: "";
  position: absolute;
  bottom: 100%;
  inset-inline-start: 50%;
  margin-inline-start: -6px;
  width: 0;
  height: 0;
  border-bottom: 6px solid #ffffff;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
}
.product-details-page .attribute-squares li:hover .tooltip-container,
.product-details-page .attribute-squares li:focus .tooltip-container, .quickviewdetails .attribute-squares li:hover .tooltip-container,
.quickviewdetails .attribute-squares li:focus .tooltip-container {
  visibility: visible;
  margin-inline-start: -83px;
  margin-top: 5px;
  z-index: 999;
}
.product-details-page .tooltip-container .tooltip-header, .quickviewdetails .tooltip-container .tooltip-header {
  background-color: var(--gray-g100);
  height: 25px;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  padding: 0 0 0 12px;
  text-align: start;
  width: 198px;
  border-bottom: 1px solid var(--gray-g100);
}
.product-details-page .tooltip-container .tooltip-body, .quickviewdetails .tooltip-container .tooltip-body {
  margin: 5px;
}
.product-details-page .tooltip-container .tooltip-body img, .quickviewdetails .tooltip-container .tooltip-body img {
  border: 0px #fff;
  width: 190px;
}
.product-details-page .giftcard, .quickviewdetails .giftcard {
  margin: 0 0 20px;
  overflow: hidden;
}
.product-details-page .giftcard div, .quickviewdetails .giftcard div {
  margin: 0 0 10px;
}
.product-details-page .giftcard label, .quickviewdetails .giftcard label {
  display: inline;
  margin: 0 auto 5px;
}
.product-details-page .giftcard input,
.product-details-page .giftcard textarea, .quickviewdetails .giftcard input,
.quickviewdetails .giftcard textarea {
  width: 350px;
  max-width: 100%;
}
.product-details-page .giftcard textarea, .quickviewdetails .giftcard textarea {
  height: 150px;
}
.product-details-page .info-box .delivery :is(.free-shipping, .delivery-date, .estimate-shipping), .quickviewdetails .info-box .delivery :is(.free-shipping, .delivery-date, .estimate-shipping) {
  display: flex;
  border: 1px solid var(--gray-g100);
  border-radius: 4px;
  padding: 1.5em;
  height: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.product-details-page .info-box .delivery-date .value, .quickviewdetails .info-box .delivery-date .value {
  font-weight: 600;
}
.product-details-page .info-box .delivery-date .label, .quickviewdetails .info-box .delivery-date .label {
  font-weight: 400;
}
.product-details-page .product-estimate-shipping .open-estimate-shipping-popup, .quickviewdetails .product-estimate-shipping .open-estimate-shipping-popup {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.product-details-page .product-estimate-shipping .open-estimate-shipping-popup .arrow-down, .quickviewdetails .product-estimate-shipping .open-estimate-shipping-popup .arrow-down {
  display: none;
}
.product-details-page .gallery .picture img,
.product-details-page .picture-gallery .picture-thumbs img,
.product-details-page .video-gallery .video-thumbs iframe, .quickviewdetails .gallery .picture img,
.quickviewdetails .picture-gallery .picture-thumbs img,
.quickviewdetails .video-gallery .video-thumbs iframe {
  top: 0;
  inset-inline-end: 0;
  bottom: 0;
  inset-inline-start: 0;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  border-radius: 6px;
}
.product-details-page .picture-gallery .picture-thumbs, .quickviewdetails .picture-gallery .picture-thumbs {
  overflow: hidden;
}
.product-details-page .picture-gallery .picture-thumbs .thumb-item, .quickviewdetails .picture-gallery .picture-thumbs .thumb-item {
  display: inline-block;
  position: relative;
  width: 100px;
  height: 100px;
  margin: 0 5px 10px;
  overflow: hidden;
  cursor: pointer;
}
.product-details-page .video-gallery .video-thumbs .thumb-item, .quickviewdetails .video-gallery .video-thumbs .thumb-item {
  display: inline-block;
  position: relative;
  margin: 0 5px 10px;
  overflow: hidden;
}
.product-details-page .overview, .quickviewdetails .overview {
  position: relative;
  margin: 0 0 28px;
}
@media (min-width: 768px) {
  .product-details-page .overview, .quickviewdetails .overview {
    margin: 0 0 50px;
  }
}
.product-details-page .overview .discontinued-product, .quickviewdetails .overview .discontinued-product {
  background: #f3f3f3;
  margin: 0 0 20px;
}
.product-details-page .overview .discontinued-product h4, .quickviewdetails .overview .discontinued-product h4 {
  display: inline-block;
  font-size: 14px;
  padding: 17px 17px 17px 40px;
  background: url("../images/discontinued-product-icon.png") no-repeat 13px center;
  color: var(--primary);
}
.product-details-page .overview .product-name, .quickviewdetails .overview .product-name {
  padding: 0 0 12px;
}
.product-details-page .overview .product-name h1, .quickviewdetails .overview .product-name h1 {
  font-size: 2.25em;
}
@media (min-width: 768px) {
  .product-details-page .overview .product-name h1, .quickviewdetails .overview .product-name h1 {
    font-size: 2em;
  }
}
.product-details-page .overview .short-description, .quickviewdetails .overview .short-description {
  font-size: 1em;
  line-height: 22px;
  color: var(--text-clr);
}
.product-details-page .overview .req-quote-btn, .quickviewdetails .overview .req-quote-btn {
  background-color: transparent;
  border: none;
  outline: none;
}
.product-details-page .overview .req-quote-btn:hover span, .quickviewdetails .overview .req-quote-btn:hover span {
  color: var(--primary);
}
.product-details-page .overview .req-quote-btn span, .quickviewdetails .overview .req-quote-btn span {
  color: var(--secondary);
  font-weight: 600;
  text-decoration: underline;
}
.product-details-page .overview .req-quote-modal .modal-header, .quickviewdetails .overview .req-quote-modal .modal-header {
  padding: 16px 0;
  border-bottom: 1px solid var(--gray-g100);
}
.product-details-page .overview .req-quote-modal .modal-body, .quickviewdetails .overview .req-quote-modal .modal-body {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 24px;
}
@media (min-width: 768px) {
  .product-details-page .overview .req-quote-modal .modal-body, .quickviewdetails .overview .req-quote-modal .modal-body {
    grid-template-columns: repeat(1, 1fr);
    gap: 28px;
  }
}
@media (min-width: 992px) {
  .product-details-page .overview .req-quote-modal .modal-body, .quickviewdetails .overview .req-quote-modal .modal-body {
    grid-template-columns: repeat(2, 1fr);
    gap: 64px;
  }
}
.product-details-page .overview .req-quote-modal .modal-body .contact-info, .quickviewdetails .overview .req-quote-modal .modal-body .contact-info {
  position: sticky;
  top: 0;
  inset-inline-start: 0;
}
.product-details-page .overview .req-quote-modal .modal-body .contact-info .details, .quickviewdetails .overview .req-quote-modal .modal-body .contact-info .details {
  font-size: 16px;
}
@media (min-width: 768px) {
  .product-details-page .overview .req-quote-modal .modal-body .contact-info .details, .quickviewdetails .overview .req-quote-modal .modal-body .contact-info .details {
    font-size: 18px;
  }
}
.product-details-page .overview .req-quote-modal .modal-body .contact-info .details i, .quickviewdetails .overview .req-quote-modal .modal-body .contact-info .details i {
  font-size: 22px;
}
.product-details-page .product-reviews-overview, .quickviewdetails .product-reviews-overview {
  margin: 0 0 20px;
  color: var(--text-clr);
}
.product-details-page .product-no-reviews a, .quickviewdetails .product-no-reviews a {
  text-decoration: underline;
}
.product-details-page .product-review-box, .quickviewdetails .product-review-box {
  margin: 0 0 8px;
  width: fit-content;
}
.product-details-page .product-review-box .rating, .quickviewdetails .product-review-box .rating {
  width: 90px;
  height: 19px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='currentColor'%3E%3Cpath d='M12.0006 18.26L4.94715 22.2082L6.52248 14.2799L0.587891 8.7918L8.61493 7.84006L12.0006 0.5L15.3862 7.84006L23.4132 8.7918L17.4787 14.2799L19.054 22.2082L12.0006 18.26ZM12.0006 15.968L16.2473 18.3451L15.2988 13.5717L18.8719 10.2674L14.039 9.69434L12.0006 5.27502L9.96214 9.69434L5.12921 10.2674L8.70231 13.5717L7.75383 18.3451L12.0006 15.968Z'%3E%3C/path%3E%3C/svg%3E") repeat-x;
}
.product-details-page .review-item-info, .quickviewdetails .review-item-info {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px !important;
}
.product-details-page .vendor-product-reviews .product-review-box, .quickviewdetails .vendor-product-reviews .product-review-box {
  width: auto;
}
.product-details-page .vendor-product-reviews-title, .quickviewdetails .vendor-product-reviews-title {
  margin-bottom: 20px;
  font-size: 16px;
}
.product-details-page .vendor-page .block, .quickviewdetails .vendor-page .block {
  max-width: 100%;
  text-align: end;
}
.product-details-page .review-item-info .review-product-name a,
.product-details-page .vendor-page .block a, .quickviewdetails .review-item-info .review-product-name a,
.quickviewdetails .vendor-page .block a {
  display: inline-block;
  color: var(--primary);
  cursor: pointer;
}
.product-details-page .product-review-box .rating div, .quickviewdetails .product-review-box .rating div {
  height: 19px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='currentColor'%3E%3Cpath d='M12.0006 18.26L4.94715 22.2082L6.52248 14.2799L0.587891 8.7918L8.61493 7.84006L12.0006 0.5L15.3862 7.84006L23.4132 8.7918L17.4787 14.2799L19.054 22.2082L12.0006 18.26Z'%3E%3C/path%3E%3C/svg%3E") repeat-x;
}
.product-details-page .product-review-links, .quickviewdetails .product-review-links {
  display: inline-block;
}
.product-details-page .add-review.product-no-reviews::before, .quickviewdetails .add-review.product-no-reviews::before {
  display: none;
}
.product-details-page .product-review-links a:hover,
.product-details-page .product-review-links a:focus, .quickviewdetails .product-review-links a:hover,
.quickviewdetails .product-review-links a:focus {
  color: var(--secondary);
}
.product-details-page .overview .value,
.product-details-page .variant-overview .value, .quickviewdetails .overview .value,
.quickviewdetails .variant-overview .value {
  color: var(--text-clr);
}
.product-details-page .overview .value a,
.product-details-page .variant-overview .value a, .quickviewdetails .overview .value a,
.quickviewdetails .variant-overview .value a {
  color: var(--primary);
}
.product-details-page .overview .value a:hover,
.product-details-page .overview .value a:focus,
.product-details-page .variant-overview .value a:hover,
.product-details-page .variant-overview .value a:focus, .quickviewdetails .overview .value a:hover,
.quickviewdetails .overview .value a:focus,
.quickviewdetails .variant-overview .value a:hover,
.quickviewdetails .variant-overview .value a:focus {
  text-decoration: underline;
}
.product-details-page .share-link-section input[type=text], .quickviewdetails .share-link-section input[type=text] {
  border: 2px solid var(--secondary);
}
.product-details-page .overview-buttons, .quickviewdetails .overview-buttons {
  margin: 0 0 20px;
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
}
.product-details-page .overview-buttons span, .quickviewdetails .overview-buttons span {
  text-wrap: nowrap;
}
.product-details-page .overview-buttons > div, .quickviewdetails .overview-buttons > div {
  width: fit-content;
}
.product-details-page :is(.overview-buttons, .variant-cart-buttons) :is(.email-a-friend-button, .add-to-compare-list-button, .add-to-wishlist-button, .product-share-button, .product-sizeGuide-button), .quickviewdetails :is(.overview-buttons, .variant-cart-buttons) :is(.email-a-friend-button, .add-to-compare-list-button, .add-to-wishlist-button, .product-share-button, .product-sizeGuide-button) {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  border: none;
  background: var(--white);
  width: fit-content;
  transition: all 0.3s ease;
}
.product-details-page :is(.overview-buttons, .variant-cart-buttons) :is(.email-a-friend-button, .add-to-compare-list-button, .add-to-wishlist-button, .product-share-button, .product-sizeGuide-button):hover, .quickviewdetails :is(.overview-buttons, .variant-cart-buttons) :is(.email-a-friend-button, .add-to-compare-list-button, .add-to-wishlist-button, .product-share-button, .product-sizeGuide-button):hover {
  color: var(--primary);
}
.product-details-page #copyLinkButton, .quickviewdetails #copyLinkButton {
  min-width: 120px;
}
.product-details-page .overview .availability .back-in-stock-subscription,
.product-details-page .variant-overview .availability .back-in-stock-subscription, .quickviewdetails .overview .availability .back-in-stock-subscription,
.quickviewdetails .variant-overview .availability .back-in-stock-subscription {
  display: inline-block;
}
.product-details-page .overview .delivery,
.product-details-page .variant-overview .delivery, .quickviewdetails .overview .delivery,
.quickviewdetails .variant-overview .delivery {
  overflow: hidden;
}
.product-details-page .overview .free-shipping.invisible,
.product-details-page .variant-overview .free-shipping.invisible, .quickviewdetails .overview .free-shipping.invisible,
.quickviewdetails .variant-overview .free-shipping.invisible {
  display: none;
}
.product-details-page .overview .min-qty-notification,
.product-details-page .variant-overview .min-qty-notification, .quickviewdetails .overview .min-qty-notification,
.quickviewdetails .variant-overview .min-qty-notification {
  margin: 10px 0;
  font-style: italic;
  color: var(--text-clr);
}
.product-details-page .overview .download-sample,
.product-details-page .variant-overview .download-sample, .quickviewdetails .overview .download-sample,
.quickviewdetails .variant-overview .download-sample {
  display: inline-block;
  margin: 0 0 25px;
}
.product-details-page .overview .prices, .quickviewdetails .overview .prices {
  margin: 0 0 20px;
  overflow: hidden;
}
.product-details-page .variant-overview .prices, .quickviewdetails .variant-overview .prices {
  margin: 20px 0;
  overflow: hidden;
}
.product-details-page .overview .old-product-price,
.product-details-page .variant-overview .old-product-price,
.product-details-page .overview .non-discounted-price,
.product-details-page .variant-overview .non-discounted-price, .quickviewdetails .overview .old-product-price,
.quickviewdetails .variant-overview .old-product-price,
.quickviewdetails .overview .non-discounted-price,
.quickviewdetails .variant-overview .non-discounted-price {
  font-size: 14px;
  color: #999;
  text-decoration: line-through;
}
.product-details-page .overview .product-price,
.product-details-page .variant-overview .product-price, .quickviewdetails .overview .product-price,
.quickviewdetails .variant-overview .product-price {
  font-size: 1.5em;
  color: var(--black);
}
.product-details-page .overview .discount-percentage, .quickviewdetails .overview .discount-percentage {
  padding: 0 8px;
  background-color: var(--primary);
  border-radius: 20px;
  color: var(--white);
  width: fit-content;
  font-size: 12px;
  font-weight: 500;
}
.product-details-page .overview .tax-shipping-info a,
.product-details-page .variant-overview .tax-shipping-info a, .quickviewdetails .overview .tax-shipping-info a,
.quickviewdetails .variant-overview .tax-shipping-info a {
  color: var(--primary);
}
.product-details-page .overview .tax-shipping-info a:hover,
.product-details-page .overview .tax-shipping-info a:focus,
.product-details-page .variant-overview .tax-shipping-info a:hover,
.product-details-page .variant-overview .tax-shipping-info a:focus, .quickviewdetails .overview .tax-shipping-info a:hover,
.quickviewdetails .overview .tax-shipping-info a:focus,
.quickviewdetails .variant-overview .tax-shipping-info a:hover,
.quickviewdetails .variant-overview .tax-shipping-info a:focus {
  text-decoration: underline;
}
.product-details-page .customer-entered-price, .quickviewdetails .customer-entered-price {
  margin: 0 0 20px;
  overflow: hidden;
}
.product-details-page .customer-entered-price .price-input label, .quickviewdetails .customer-entered-price .price-input label {
  display: block;
  margin: 0 0 5px;
  font-weight: bold;
  color: var(--text-clr);
}
.product-details-page .customer-entered-price .price-input input, .quickviewdetails .customer-entered-price .price-input input {
  width: 170px;
  text-align: center;
}
.product-details-page .customer-entered-price .price-range, .quickviewdetails .customer-entered-price .price-range {
  margin: 5px 0 0;
  color: #777;
}
.product-details-page .tier-prices, .quickviewdetails .tier-prices {
  margin: 0 0 20px;
}
.product-details-page .tier-prices .title, .quickviewdetails .tier-prices .title {
  display: none;
}
.product-details-page .tier-prices table td, .quickviewdetails .tier-prices table td {
  border: 1px solid var(--gray-g100);
  padding: 10px;
  color: var(--text-clr);
}
.product-details-page .tier-prices .field-header, .quickviewdetails .tier-prices .field-header {
  min-width: 80px;
}
.product-details-page .tier-prices .item-price, .quickviewdetails .tier-prices .item-price {
  background-color: #f9f9f9;
  font-size: 16px;
  color: var(--primary);
}
.product-details-page .overview .add-to-cart, .quickviewdetails .overview .add-to-cart {
  margin: 0 0 20px;
}
.product-details-page .floating-add-to-cart, .quickviewdetails .floating-add-to-cart {
  position: fixed;
  bottom: 0;
  z-index: 45;
  width: 100%;
  background-color: var(--white);
  inset-inline-start: 0;
  padding: 16px 0;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  transform: translateY(100%);
  transition: transform 0.2s;
  margin-bottom: 72px;
}
@media (min-width: 992px) {
  .product-details-page .floating-add-to-cart, .quickviewdetails .floating-add-to-cart {
    margin-bottom: 0;
  }
}
.product-details-page .floating-add-to-cart.visible, .quickviewdetails .floating-add-to-cart.visible {
  transform: translateY(0);
}
.product-details-page .floating-add-to-cart .container, .quickviewdetails .floating-add-to-cart .container {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 20px;
}
@media (min-width: 768px) {
  .product-details-page .floating-add-to-cart .container, .quickviewdetails .floating-add-to-cart .container {
    justify-content: space-between;
  }
}
.product-details-page .floating-add-to-cart .add-to-cart, .quickviewdetails .floating-add-to-cart .add-to-cart {
  margin: 0;
  min-width: auto;
}
.product-details-page .floating-add-to-cart .add-to-cart .add-to-cart-panel .qty-input-wrapper .qty-input, .quickviewdetails .floating-add-to-cart .add-to-cart .add-to-cart-panel .qty-input-wrapper .qty-input {
  font-size: 16px;
  padding: 8px 24px;
}
.product-details-page .floating-add-to-cart .add-to-cart .add-to-cart-panel .add-to-cart-button, .quickviewdetails .floating-add-to-cart .add-to-cart .add-to-cart-panel .add-to-cart-button {
  padding: 8px 24px;
}
.product-details-page .floating-add-to-cart .add-to-cart-panel, .quickviewdetails .floating-add-to-cart .add-to-cart-panel {
  justify-content: end;
}
.product-details-page .floating-add-to-cart .product-small-overview, .quickviewdetails .floating-add-to-cart .product-small-overview {
  display: flex;
  align-items: start;
  justify-content: center;
  width: fit-content;
  gap: 16px;
}
.product-details-page .floating-add-to-cart .product-small-overview .product-name, .quickviewdetails .floating-add-to-cart .product-small-overview .product-name {
  font-size: 14px;
  font-weight: 500;
  color: var(--secondary);
  padding: 0 0 8px;
}
@media (min-width: 768px) {
  .product-details-page .floating-add-to-cart .product-small-overview .product-name, .quickviewdetails .floating-add-to-cart .product-small-overview .product-name {
    font-size: 18px;
  }
}
.product-details-page .floating-add-to-cart .product-small-overview .prices .product-price, .quickviewdetails .floating-add-to-cart .product-small-overview .prices .product-price {
  margin-bottom: 0;
}
.product-details-page .floating-add-to-cart .image-wrapper, .quickviewdetails .floating-add-to-cart .image-wrapper {
  width: 52px;
  border-radius: 8px;
  overflow: clip;
}
.product-details-page .floating-add-to-cart .image-wrapper img, .quickviewdetails .floating-add-to-cart .image-wrapper img {
  width: 100%;
  object-fit: cover;
}
.product-details-page .floating-add-to-cart .product-price, .quickviewdetails .floating-add-to-cart .product-price {
  font-size: 1em;
  color: var(--text-clr);
}
.product-details-page .floating-add-to-cart .prices, .quickviewdetails .floating-add-to-cart .prices {
  margin: 0 !important;
}
.product-details-page .floating-add-to-cart .min-qty-notification, .quickviewdetails .floating-add-to-cart .min-qty-notification {
  text-align: end;
  margin-top: 0;
}
.product-details-page .floating-add-to-cart .old-product-price, .quickviewdetails .floating-add-to-cart .old-product-price {
  display: none;
}
.product-details-page .overview .add-to-cart-panel,
.product-details-page .variant-overview .add-to-cart-panel, .quickviewdetails .overview .add-to-cart-panel,
.quickviewdetails .variant-overview .add-to-cart-panel {
  display: flex;
  position: relative;
  gap: 16px;
  align-items: center;
}
.product-details-page .overview .add-to-cart-panel > *,
.product-details-page .variant-overview .add-to-cart-panel > *, .quickviewdetails .overview .add-to-cart-panel > *,
.quickviewdetails .variant-overview .add-to-cart-panel > * {
  width: 100%;
}
@media (min-width: 576px) {
  .product-details-page .overview .add-to-cart-panel > *,
  .product-details-page .variant-overview .add-to-cart-panel > *, .quickviewdetails .overview .add-to-cart-panel > *,
  .quickviewdetails .variant-overview .add-to-cart-panel > * {
    width: fit-content;
  }
}
.product-details-page .overview .qty-label,
.product-details-page .variant-overview .qty-label, .quickviewdetails .overview .qty-label,
.quickviewdetails .variant-overview .qty-label {
  display: none !important;
}
.product-details-page .qty-input-wrapper, .quickviewdetails .qty-input-wrapper {
  position: relative;
}
@media (min-width: 576px) {
  .product-details-page .qty-input-wrapper, .quickviewdetails .qty-input-wrapper {
    flex: 0 0 132px;
  }
}
.product-details-page .qty-input-wrapper .qty-input, .quickviewdetails .qty-input-wrapper .qty-input {
  font-size: 18px;
  font-weight: 500;
  padding: 14px 32px;
  text-align: center;
}
.product-details-page .qty-input-wrapper:has(.qty-input:focus) > :is(.qty-plus, .qty-minus), .quickviewdetails .qty-input-wrapper:has(.qty-input:focus) > :is(.qty-plus, .qty-minus) {
  scale: 0;
  overflow: hidden;
  transition: 0.3s all ease;
}
.product-details-page .qty-input-wrapper .qty-plus, .product-details-page .qty-input-wrapper .qty-minus, .quickviewdetails .qty-input-wrapper .qty-plus, .quickviewdetails .qty-input-wrapper .qty-minus {
  position: absolute;
  background: transparent;
  border: none;
  scale: 1;
  top: 30%;
  transition: 0.3s all ease;
}
.product-details-page .qty-input-wrapper .qty-plus, .quickviewdetails .qty-input-wrapper .qty-plus {
  inset-inline-end: 12px;
}
.product-details-page .qty-input-wrapper .qty-minus, .quickviewdetails .qty-input-wrapper .qty-minus {
  inset-inline-start: 12px;
}
.product-details-page .overview .qty-dropdown,
.product-details-page .variant-overview .qty-dropdown, .quickviewdetails .overview .qty-dropdown,
.quickviewdetails .variant-overview .qty-dropdown {
  padding: 14px 24px;
  color: var(--text-clr);
}
.product-details-page .overview .add-to-cart-button,
.product-details-page .variant-overview .add-to-cart-button, .quickviewdetails .overview .add-to-cart-button,
.quickviewdetails .variant-overview .add-to-cart-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  padding: 14px 24px;
  border-radius: 25px;
  background-color: var(--secondary);
  color: var(--white);
  border: 0;
  transition: 0.3s ease;
  flex-grow: 1;
  text-wrap: nowrap;
}
.product-details-page .overview .add-to-cart-button:hover,
.product-details-page .variant-overview .add-to-cart-button:hover, .quickviewdetails .overview .add-to-cart-button:hover,
.quickviewdetails .variant-overview .add-to-cart-button:hover {
  background-color: var(--primary);
}
@media (min-width: 576px) {
  .product-details-page .overview .add-to-cart-button,
  .product-details-page .variant-overview .add-to-cart-button, .quickviewdetails .overview .add-to-cart-button,
  .quickviewdetails .variant-overview .add-to-cart-button {
    flex-grow: 0;
  }
}
.product-details-page .product-reviews h1 a, .quickviewdetails .product-reviews h1 a {
  color: var(--primary);
}
.product-details-page .product-reviews h1 a:before,
.product-details-page .product-reviews h1 a:after, .quickviewdetails .product-reviews h1 a:before,
.quickviewdetails .product-reviews h1 a:after {
  content: "''";
}
.product-details-page .product-reviews .title, .quickviewdetails .product-reviews .title {
  margin: 0 0 20px;
  font-size: 1.75em;
  color: var(--secondary);
}
.product-details-page .product-reviews .title strong, .quickviewdetails .product-reviews .title strong {
  font-weight: normal;
}
.product-details-page .write-review .fieldset, .quickviewdetails .write-review .fieldset {
  margin: 0 0 30px;
}
.product-details-page .tooltip, .quickviewdetails .tooltip {
  position: initial;
  display: inline-block;
  border-bottom: 1px dotted black;
  color: var(--text-clr);
}
.product-details-page .tooltip .tooltiptext, .quickviewdetails .tooltip .tooltiptext {
  visibility: hidden;
  width: auto;
  background: #f0f0f0 no-repeat 100% 5%;
  border: #c0c0c0 1px dotted;
  text-align: start;
  padding: 10px 10px 5px 5px;
  position: absolute;
  z-index: 1;
  inset-inline-start: 10%;
  opacity: 0;
  transition: opacity 0.3s;
}
.product-details-page .tooltip .tooltiptext::after, .quickviewdetails .tooltip .tooltiptext::after {
  content: "";
  position: absolute;
}
.product-details-page .tooltip:hover .tooltiptext,
.product-details-page .tooltip:focus .tooltiptext, .quickviewdetails .tooltip:hover .tooltiptext,
.quickviewdetails .tooltip:focus .tooltiptext {
  visibility: visible;
  opacity: 1;
  cursor: help;
}
.product-details-page .write-review .review-rating, .quickviewdetails .write-review .review-rating {
  text-align: start;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  gap: 18px;
  align-items: center;
  flex-wrap: wrap;
}
.product-details-page .write-review .review-rating label, .quickviewdetails .write-review .review-rating label {
  display: block;
  color: var(--text-clr);
}
.product-details-page .write-review .review-rating div.first, .quickviewdetails .write-review .review-rating div.first {
  color: var(--primary);
}
.product-details-page .write-review .name-description, .quickviewdetails .write-review .name-description {
  font-size: 1.5em;
}
.product-details-page .write-review .review-rating div.rating-options, .quickviewdetails .write-review .review-rating div.rating-options {
  padding-top: 2px;
  gap: 22px;
  width: fit-content;
  flex-direction: row-reverse;
}
.product-details-page .write-review .review-rating div.rating-options input, .quickviewdetails .write-review .review-rating div.rating-options input {
  vertical-align: baseline;
}
.product-details-page .write-review .review-rating .rating-options > input:checked ~ label, .product-details-page .write-review .review-rating .rating-options:not(:checked) > label:hover, .product-details-page .write-review .review-rating .rating-options:not(:checked) > label:hover ~ label, .quickviewdetails .write-review .review-rating .rating-options > input:checked ~ label, .quickviewdetails .write-review .review-rating .rating-options:not(:checked) > label:hover, .quickviewdetails .write-review .review-rating .rating-options:not(:checked) > label:hover ~ label {
  color: var(--secondary);
}
.product-details-page .write-review .review-rating .rating-options:not(:checked) > label, .quickviewdetails .write-review .review-rating .rating-options:not(:checked) > label {
  font-size: 15px;
  cursor: pointer;
  white-space: nowrap;
  width: 15px;
  color: var(--gray-g200);
  transition: all 0.2s ease-in-out;
}
.product-details-page .write-review .review-rating .rating-options input, .quickviewdetails .write-review .review-rating .rating-options input {
  display: none;
}
.product-details-page .write-review .review-rating div.last, .quickviewdetails .write-review .review-rating div.last {
  color: #4cb17c;
}
.product-details-page .write-review .captcha-box, .quickviewdetails .write-review .captcha-box {
  margin: 15px 0 0;
}
.product-details-page .write-review .button-1, .quickviewdetails .write-review .button-1 {
  border: none;
  background-color: var(--primary);
  padding: 10px 25px;
  text-align: center;
  font-size: 15px;
  color: #fff;
  text-transform: uppercase;
}
.product-details-page .write-review .button-1:hover,
.product-details-page .write-review .button-1:focus, .quickviewdetails .write-review .button-1:hover,
.quickviewdetails .write-review .button-1:focus {
  background-color: #248ece;
}
.product-details-page .product-reviews .result,
.product-details-page .product-reviews .message-error, .quickviewdetails .product-reviews .result,
.quickviewdetails .product-reviews .message-error {
  margin: 0 0 20px;
}
.product-details-page .product-review-list, .quickviewdetails .product-review-list {
  overflow: hidden;
}
.product-details-page :is(.product-review-list, .write-review) > a, .quickviewdetails :is(.product-review-list, .write-review) > a {
  display: none;
}
.product-details-page .product-review-item, .quickviewdetails .product-review-item {
  margin: 0 0 20px;
  border-bottom: 1px solid var(--gray-g100);
}
.product-details-page .product-review-item:last-child, .quickviewdetails .product-review-item:last-child {
  margin: 0;
  border-bottom: none;
}
.product-details-page .product-review-item .review-item-head, .quickviewdetails .product-review-item .review-item-head {
  border-top: 1px solid var(--gray-g100);
  overflow: hidden;
  background-color: #f6f6f6;
  padding: 10px;
}
.product-details-page .product-review-item .review-title, .quickviewdetails .product-review-item .review-title {
  line-height: 20px;
  font-size: 15px;
  color: var(--text-clr);
}
.product-details-page .product-review-item .product-review-box, .quickviewdetails .product-review-item .product-review-box {
  margin: 3px 0 0;
}
.product-details-page .product-review-item .review-content, .quickviewdetails .product-review-item .review-content {
  padding: 20px 10px;
}
.product-details-page .product-review-item .review-text, .quickviewdetails .product-review-item .review-text {
  margin: 0 0 16px;
  line-height: 22px;
  color: var(--text-clr);
}
.product-details-page .write-review .review-text, .quickviewdetails .write-review .review-text {
  min-height: 200px;
}
.product-details-page .product-review-item .reply, .quickviewdetails .product-review-item .reply {
  margin: 16px 0;
}
.product-details-page .product-review-item .reply-header, .quickviewdetails .product-review-item .reply-header {
  font-weight: 500;
}
.product-details-page .product-review-item .reply-text, .quickviewdetails .product-review-item .reply-text {
  line-height: 22px;
}
.product-details-page .product-review-item .review-info, .quickviewdetails .product-review-item .review-info {
  margin: 0 0 5px;
}
.product-details-page .product-review-item .review-user, .quickviewdetails .product-review-item .review-user {
  font-weight: 600;
  font-size: 1.125em;
}
.product-details-page .product-review-item .reply, .quickviewdetails .product-review-item .reply {
  margin-inline-start: 16px;
  border-left: 2px solid var(--gray-g100);
}
.product-details-page .product-review-item .review-info label, .quickviewdetails .product-review-item .review-info label {
  font-weight: normal;
}
.product-details-page .product-review-item .review-info a,
.product-details-page .product-review-helpfulness .vote, .quickviewdetails .product-review-item .review-info a,
.quickviewdetails .product-review-helpfulness .vote {
  display: inline-block;
  padding: 0 5px;
  color: var(--primary);
  cursor: pointer;
}
.product-details-page .product-review-helpfulness .question, .quickviewdetails .product-review-helpfulness .question {
  margin: 0 5px 0 0;
  font-style: italic;
}
.product-details-page .product-review-helpfulness .result, .quickviewdetails .product-review-helpfulness .result {
  margin: 0 0 0 10px;
}
.product-details-page .product-review-item .review-type-rating-ext, .quickviewdetails .product-review-item .review-type-rating-ext {
  overflow: hidden;
  margin: 0 0 20px;
}
.product-details-page #product-details-tabs, .quickviewdetails #product-details-tabs {
  scroll-margin-top: 40px;
}
.product-details-page .tab-container, .quickviewdetails .tab-container {
  padding: 24px;
  border: 1px solid var(--gray-g100);
  border-radius: 4px;
  margin-bottom: 32px;
}
@media (min-width: 768px) {
  .product-details-page .tab-container, .quickviewdetails .tab-container {
    padding: 32px;
  }
}
.product-details-page .nav-tabs .nav-item.show .nav-link, .product-details-page .nav-tabs .nav-link.active, .quickviewdetails .nav-tabs .nav-item.show .nav-link, .quickviewdetails .nav-tabs .nav-link.active {
  color: var(--primary);
  background-color: transparent;
  border: none;
  outline: none;
}
.product-details-page .nav-tabs .nav-link:focus, .product-details-page .nav-tabs .nav-link:hover, .quickviewdetails .nav-tabs .nav-link:focus, .quickviewdetails .nav-tabs .nav-link:hover {
  border: none;
}
.product-details-page .nav-tabs .nav-link, .quickviewdetails .nav-tabs .nav-link {
  color: var(--text-clr);
  margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
  border: none;
  border-top-left-radius: var(--bs-nav-tabs-border-radius);
  border-top-right-radius: var(--bs-nav-tabs-border-radius);
  padding: 0 0 8px;
}
@media (min-width: 768px) {
  .product-details-page .nav-tabs .nav-link, .quickviewdetails .nav-tabs .nav-link {
    padding: 0 0 12px;
  }
}
.product-details-page .nav-tabs, .quickviewdetails .nav-tabs {
  border-bottom: 1px solid var(--gray-g100);
}
.product-details-page .nav-tabs .nav-item, .quickviewdetails .nav-tabs .nav-item {
  position: relative;
}
.product-details-page .nav-tabs .nav-item:has(.nav-link)::after, .quickviewdetails .nav-tabs .nav-item:has(.nav-link)::after {
  content: "";
  position: absolute;
  background-color: var(--primary);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  bottom: 0;
  inset-inline-start: 0;
  width: 0;
  height: 2px;
}
.product-details-page .nav-tabs .nav-item:has(.nav-link.active)::after, .quickviewdetails .nav-tabs .nav-item:has(.nav-link.active)::after {
  width: 100%;
}
.product-details-page .tab-content, .quickviewdetails .tab-content {
  padding: 24px 0 0;
}
.product-details-page .nav, .quickviewdetails .nav {
  gap: 24px;
  font-size: 14px;
  font-weight: 500;
  overflow-y: clip;
  text-wrap: nowrap;
  overflow-x: auto;
  flex-wrap: nowrap;
}
@media (min-width: 576px) {
  .product-details-page .nav, .quickviewdetails .nav {
    gap: 36px;
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .product-details-page .nav, .quickviewdetails .nav {
    gap: 50px;
    font-size: 18px;
  }
}
.product-details-page .product-specs-box .data-table tr, .quickviewdetails .product-specs-box .data-table tr {
  padding-inline-start: 0;
}
.product-details-page .data-table .hidden-row, .quickviewdetails .data-table .hidden-row {
  height: 0;
}
.product-details-page .data-table, .quickviewdetails .data-table {
  width: 100%;
}
.product-details-page .full-description li, .quickviewdetails .full-description li {
  list-style: revert;
}
.product-details-page .review-overview-box, .quickviewdetails .review-overview-box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
  padding: 0 0 20px;
  background-color: transparent;
  justify-content: center;
}
@media (min-width: 576px) {
  .product-details-page .review-overview-box, .quickviewdetails .review-overview-box {
    padding: 20px 0 20px;
    gap: 48px;
  }
}
.product-details-page .review-summary, .quickviewdetails .review-summary {
  flex: 0 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.product-details-page .average-rating-value, .quickviewdetails .average-rating-value {
  font-size: 62px;
  font-weight: 600;
  line-height: 1.2;
  color: var(--secondary);
}
@media (min-width: 576px) {
  .product-details-page .average-rating-value, .quickviewdetails .average-rating-value {
    font-size: 88px;
  }
}
.product-details-page .average-rating-stars, .quickviewdetails .average-rating-stars {
  font-size: 1.2em;
  color: var(--black);
  margin-bottom: 5px;
}
.product-details-page .average-rating-stars i, .quickviewdetails .average-rating-stars i {
  margin: 0 1px;
}
.product-details-page .total-ratings-text, .quickviewdetails .total-ratings-text {
  font-size: 0.9em;
  color: var(--text-clr);
}
.product-details-page .rating-breakdown, .quickviewdetails .rating-breakdown {
  flex: 1 1 auto;
  min-width: 200px;
}
.product-details-page .rating-row, .quickviewdetails .rating-row {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  font-size: 0.9em;
  color: var(--secondary);
}
.product-details-page .rating-label, .quickviewdetails .rating-label {
  flex: 0 0 40px;
  text-align: end;
  margin-inline-end: 8px;
  white-space: nowrap;
}
.product-details-page .rating-label i, .quickviewdetails .rating-label i {
  font-size: 1em;
  color: var(--secondary);
  vertical-align: middle;
  margin-inline-start: 2px;
}
.product-details-page .rating-bar-container, .quickviewdetails .rating-bar-container {
  flex: 1 1 auto;
  height: 8px;
  background-color: var(--gray-g100);
  border-radius: 4px;
  overflow: hidden;
  position: relative;
}
.product-details-page .rating-bar, .quickviewdetails .rating-bar {
  position: absolute;
  inset-inline-start: 0;
  top: 0;
  height: 100%;
  background-color: var(--secondary);
  border-radius: 4px;
  transition: width 0.3s ease-in-out;
}
.product-details-page .rating-count, .quickviewdetails .rating-count {
  flex: 0 0 40px;
  text-align: center;
  margin-inline-start: 8px;
  color: var(--text-clr);
  font-weight: 500;
}
.product-details-page .review-toggle-button .btn, .quickviewdetails .review-toggle-button .btn {
  padding: 18px 18px;
  min-width: 230px;
}
.product-details-page .product-specs-box .table-wrapper, .quickviewdetails .product-specs-box .table-wrapper {
  max-width: 500px;
}
.product-details-page .data-table td, .quickviewdetails .data-table td {
  text-align: start;
}
.product-details-page .spec-group-name, .quickviewdetails .spec-group-name {
  font-weight: 500;
}
.product-details-page .section:not(:first-child), .quickviewdetails .section:not(:first-child) {
  margin-top: 40px;
}
@media (min-width: 576px) {
  .product-details-page .section:not(:first-child), .quickviewdetails .section:not(:first-child) {
    margin-top: 44px;
  }
}
@media (min-width: 768px) {
  .product-details-page .section:not(:first-child), .quickviewdetails .section:not(:first-child) {
    margin-top: 48px;
  }
}
@media (min-width: 992px) {
  .product-details-page .section:not(:first-child), .quickviewdetails .section:not(:first-child) {
    margin-top: 52px;
  }
}

.blog-page .post-date {
  margin-bottom: 8px;
}
.blog-page .page-title {
  display: flex;
  justify-content: space-between;
  flex-flow: row-reverse;
  border-bottom: 1px solid var(--gray-g100);
  padding-bottom: 12px;
  margin-bottom: 20px;
}
.blog-page .blog-posts .post {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 14px;
  border-radius: 12px;
  border: 1px solid var(--gray-g100);
}
@media (min-width: 768px) {
  .blog-page .blog-posts .post {
    padding: 24px;
  }
}
.blog-page .blog-posts .post:not(:last-child) {
  margin-bottom: 42px;
}
.blog-page .blog-posts .post:hover .post-head .post-title::after {
  width: 100%;
}
.blog-page .blog-posts .post .post-head .post-title {
  display: inline-block;
  position: relative;
  text-decoration: none;
  color: var(--secondary);
  font-size: 24px;
  line-height: 1.25;
  font-weight: 500;
}
.blog-page .blog-posts .post .post-head .post-title:hover {
  color: var(--primary);
}
.blog-page .blog-posts .post .blog-details {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.blog-page .blog-posts .post .blog-details .tags {
  display: flex;
  flex-direction: row;
  align-items: start;
  gap: 11px;
}
@media (min-width: 992px) {
  .blog-page .blog-posts .post .blog-details .tags {
    align-items: center;
  }
}
.blog-page .blog-posts .post .blog-details .tags label {
  font-weight: normal;
}
.blog-page .blog-posts .post .blog-details .tags ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 11px;
}
.blog-page .blog-posts .post .blog-details .buttons {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-flow: row-reverse;
  text-transform: capitalize;
}
.blog-page .blog-posts .post .blog-details .buttons .read-more {
  text-decoration: underline;
  font-size: 16px;
  line-height: 26px;
  font-weight: 600;
}

.blogpost-page {
  border-radius: 12px;
}
.blogpost-page .page-title {
  min-height: 50px;
  text-align: center;
  margin-bottom: 24px;
}
@media (min-width: 992px) {
  .blogpost-page .page-title {
    margin-bottom: 42px;
  }
}
.blogpost-page .page-title .post-date {
  font-size: 14px;
  line-height: 28px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 8px;
  margin-top: 8px;
}
@media (min-width: 768px) {
  .blogpost-page .page-title .post-date {
    font-size: 18px;
    margin-top: 16px;
  }
}
.blogpost-page .page-body {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.blogpost-page .page-body .post-body h1, .blogpost-page .page-body .post-body h2, .blogpost-page .page-body .post-body h3, .blogpost-page .page-body .post-body h4 {
  margin-bottom: 5px;
  font-weight: 500;
  font-size: 20px !important;
  line-height: 24px;
}
.blogpost-page .page-body .post-body p {
  margin-bottom: 20px;
}
.blogpost-page .page-body .post-body p:last-child {
  margin-bottom: 0px;
}
.blogpost-page .page-body .post-body p strong {
  margin-bottom: 12px;
  font-weight: 500;
}
.blogpost-page .page-body .post-body ul {
  margin: 15px 0;
  padding-inline-start: 20px;
  list-style: disc;
}
.blogpost-page .page-body .post-body ul li {
  list-style: disc;
}
.blogpost-page .page-body .tags {
  display: flex;
  flex-direction: row;
  align-items: start;
  gap: 11px;
}
@media (min-width: 992px) {
  .blogpost-page .page-body .tags {
    align-items: center;
  }
}
.blogpost-page .page-body .tags label {
  font-weight: normal;
}
.blogpost-page .page-body .tags ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 11px;
  /*li a {
    border-radius: 40px;
    padding: 4px 16px 4px 16px;
    background-color: var(--gray-g100);
    border: 0;
  }*/
}
.blogpost-page .page-body .fieldset,
.blogpost-page .page-body .new-comment {
  margin: 0px;
}
.blogpost-page .page-body .fieldset .title,
.blogpost-page .page-body .new-comment .title {
  margin-bottom: 24px;
}
.blogpost-page .page-body .fieldset .title strong,
.blogpost-page .page-body .new-comment .title strong {
  font-size: 24px;
  line-height: 34px;
  font-weight: 500;
}
.blogpost-page .page-body .fieldset .form-fields .inputs,
.blogpost-page .page-body .new-comment .form-fields .inputs {
  margin: 0px;
}
.blogpost-page .page-body .fieldset .form-fields .inputs textarea,
.blogpost-page .page-body .new-comment .form-fields .inputs textarea {
  height: 160px;
  border: 2px solid var(--gray-g100);
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-radius: 8px;
  padding: 9px 16px;
  width: 100%;
  background: var(--white);
  color: var(--secondary);
  font-weight: 400;
  margin-bottom: 20px;
}
.blogpost-page .page-body .fieldset .form-fields .inputs textarea:focus,
.blogpost-page .page-body .new-comment .form-fields .inputs textarea:focus {
  border: 2px solid var(--secondary);
}
.blogpost-page .page-body .fieldset .form-fields .inputs .field-validation-error,
.blogpost-page .page-body .new-comment .form-fields .inputs .field-validation-error {
  text-align: start;
  font-size: 14px;
  margin-bottom: 10px;
}
.blogpost-page .page-body .fieldset .buttons,
.blogpost-page .page-body .new-comment .buttons {
  margin: 0px;
}
.blogpost-page .page-body .fieldset .result,
.blogpost-page .page-body .new-comment .result {
  margin-bottom: 10px;
  color: var(--green);
  text-align: start;
}
.blogpost-page .page-body .comment-list .title {
  font-size: 24px;
  margin-bottom: 24px;
}
.blogpost-page .page-body .comment-list .title strong {
  font-weight: 500;
}
.blogpost-page .page-body .comment-list .comments {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.blogpost-page .page-body .comment-list .comments .blog-comment {
  display: flex;
  flex-direction: row;
  gap: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--gray-g100);
}
.blogpost-page .page-body .comment-list .comments .blog-comment:last-child {
  border-bottom: none;
}
.blogpost-page .page-body .comment-list .comments .blog-comment .comment-info .user-info .avatar {
  flex-shrink: 0;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden;
}
.blogpost-page .page-body .comment-list .comments .blog-comment .comment-content {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.blogpost-page .page-body .comment-list .comments .blog-comment .comment-content .username {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}

.blog-aside {
  padding: 14px;
  border-radius: 12px;
  border: 1px solid var(--gray-g100);
}
@media (min-width: 768px) {
  .blog-aside {
    padding: 24px;
  }
}
.blog-aside .block {
  border-bottom: 1px solid var(--gray-g100);
}
.blog-aside .block:not(:last-child) {
  margin-bottom: 24px;
}
.blog-aside .block .title {
  padding-bottom: 24px;
  font-size: 16px;
  color: var(--secondary);
  font-weight: 500;
  cursor: pointer;
}
@media (min-width: 992px) {
  .blog-aside .block .title {
    font-size: 20px;
  }
}
.blog-aside .block .title i {
  transition: transform 0.3s ease-in-out;
}
.blog-aside .block .title i.rotated {
  transform: rotate(180deg);
}
.blog-aside .block .list-box {
  padding-bottom: 24px;
}
.blog-aside .block .list-box ul.sublist {
  margin-top: 6px;
}
.blog-aside .block .list-box ul.sublist li {
  padding-inline-start: 18px;
  position: relative;
}
.blog-aside .block .list-box ul.sublist li::before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--text-clr);
}

/*** PRODUCT ESTIMATE SHIPPING ***/
.product-estimate-shipping .shipping-date {
  margin-top: 3px;
}

.product-estimate-shipping .shipping-title {
  display: flex;
  gap: 4px;
  justify-content: center;
}

.product-estimate-shipping .shipping-title .shipping-price {
  font-weight: 600;
}

.product-estimate-shipping .shipping-title .shipping-loading {
  margin-inline-start: 5px;
  vertical-align: middle;
  background: url(../images/ajax-loader-small.gif) no-repeat;
  width: 16px;
  height: 16px;
  display: inline-block;
}

.product-estimate-shipping .open-estimate-shipping-popup .arrow-down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  margin: 0 0 3px 6px;
  border: solid black;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 3px;
}

.estimate-shipping-popup {
  position: relative;
  background: var(--white);
  padding: 24px;
  width: auto;
  max-width: 800px;
  margin: 0 auto;
  border-radius: 6px;
}
.estimate-shipping-popup .mfp-close {
  top: 10px;
  right: unset !important;
  inset-inline-end: 10px !important;
}

.estimate-shipping-popup-zoom-in .mfp-with-anim {
  opacity: 0;
  transition: all 0.2s ease-in-out;
  transform: scale(0.8);
}

.estimate-shipping-popup-zoom-in.mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out;
}

.estimate-shipping-popup-zoom-in.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: scale(1);
}

.estimate-shipping-popup-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.8;
}

.estimate-shipping-popup-zoom-in.mfp-removing .mfp-with-anim {
  transform: scale(0.8);
  opacity: 0;
}

.estimate-shipping-popup-zoom-in.mfp-removing.mfp-bg {
  opacity: 0;
}

.shipping-options-loading {
  background: url(../images/ajax-loader-small.gif) no-repeat;
  width: 16px;
  height: 16px;
  position: relative;
  inset-inline-end: 8px;
  margin: 4% 50%;
}

.shipping-address .required {
  padding-inline-start: 10px;
}

.estimate-shipping-row {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  align-items: center;
}

.estimate-shipping-row.shipping-option {
  cursor: pointer;
}

.estimate-shipping-row.shipping-option.active {
  font-weight: 700;
}

.estimate-shipping-row-item {
  flex: 0 1 100%;
}

@media (max-width: 767.98px) {
  .shipping-address {
    flex-flow: column;
  }
  .address-item {
    width: 100%;
  }
  .estimate-shipping-row-item.address-item + .estimate-shipping-row-item.address-item {
    padding-inline-start: 0px;
    padding-top: 8px;
  }
}
.estimate-shipping-row-item.shipping-item {
  padding: 8px 0;
  overflow: hidden;
  overflow-wrap: break-word;
}

.estimate-shipping-row-item.shipping-header-item {
  padding: 12px 0;
  border-bottom: 1px solid #f2f2f2;
  align-self: flex-end;
}

.estimate-shipping-row-item.address-item + .estimate-shipping-row-item.address-item {
  padding-inline-start: 15px;
}
@media (max-width: 767.98px) {
  .estimate-shipping-row-item.address-item + .estimate-shipping-row-item.address-item {
    padding-inline-start: 0px;
    padding-top: 8px;
  }
}

.estimate-shipping-row-item + .estimate-shipping-row-item {
  padding-inline-start: 10px;
}

.estimate-shipping-row-item-radio {
  flex: 0 0 35px;
}

.ship-to-title {
  margin-bottom: 10px;
}

.choose-shipping-title {
  margin-top: 20px;
}

.estimate-shipping-address-control {
  width: 100%;
  height: 36px;
}

.estimate-shipping-radio {
  display: none;
}

.estimate-shipping-radio + label {
  -webkit-appearance: none;
  background-color: var(--bg-g1);
  border: 1px solid var(--gray-g100);
  padding: 9px;
  border-radius: 50px;
  display: inline-block;
  position: relative;
}

.estimate-shipping-radio:checked + label:after {
  content: " ";
  width: 6px;
  height: 6px;
  border-radius: 50px;
  position: absolute;
  top: 6px;
  inset-inline-start: 6px;
  background: var(--white);
}

.estimate-shipping-radio:checked + label {
  background-color: var(--secondary);
  color: var(--white);
  border: 1px solid var(--gray-g100);
  border-color: var(--secondary);
}

.apply-shipping-button {
  border: none;
  background-color: var(--secondary);
  color: var(--white);
}

.apply-shipping-button-container {
  margin-top: 15px;
  text-align: center;
}

.shipping-options-header {
  top: 0;
  z-index: 1;
  position: sticky;
  background-color: var(--white);
}

.shipping-options {
  position: relative;
  z-index: 1;
  overflow: hidden;
  overflow-y: auto;
  max-height: 200px;
  background: #fff no-repeat;
  background-image: -webkit-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)), -webkit-radial-gradient(50% 100%, farthest-side, rgb(242, 242, 242), rgba(0, 0, 0, 0));
  background-image: -moz-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)), -moz-radial-gradient(50% 100%, farthest-side, rgb(242, 242, 242), rgba(0, 0, 0, 0));
  background-image: radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgb(242, 242, 242), rgba(0, 0, 0, 0));
  background-position: 0 0, 0 100%;
  background-size: 100% 7px;
}

.shipping-options:before,
.shipping-options:after {
  content: "";
  position: relative;
  z-index: -1;
  display: block;
  height: 30px;
  margin: 0 0 -30px;
  background: -webkit-linear-gradient(top, #fff, #fff 30%, rgba(255, 255, 255, 0));
  background: -moz-linear-gradient(top, #fff, #fff 30%, rgba(255, 255, 255, 0));
  background: linear-gradient(to bottom, #fff, #fff 30%, rgba(255, 255, 255, 0));
}

.shipping-options:after {
  margin: -30px 0 0;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #fff 70%, #fff);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #fff 70%, #fff);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 70%, #fff);
}

.no-shipping-options {
  text-align: center;
  margin: 4% 0;
}

.estimate-shipping-popup .message-failure {
  margin: 5px 0 -5px;
  font-size: 12px;
  color: var(--primary);
}

.topic-block li {
  list-style: disc;
}

.topic-page .page-title {
  text-align: center;
}
.topic-page ol li {
  list-style: inherit !important;
}

.topic-password {
  min-height: 250px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.enter-password-title {
  margin: 0 0 20px;
  color: var(--secondary);
}

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

.enter-password-form {
  display: inline-block;
  overflow: hidden;
}

.popup-window .topic-page {
  padding: 15px;
}

.order-progress {
  font-weight: 500;
  background-image: linear-gradient(to right, #fff5e1, #fceded);
}
.order-progress ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding-inline-start: 0;
  padding-inline-end: 0;
  gap: 16px;
}
@media (min-width: 768px) {
  .order-progress ul {
    padding-inline-start: 16px;
    padding-inline-end: 16px;
  }
}
.order-progress ul li.inactive-step a {
  color: var(--gray-g300);
  cursor: not-allowed;
}
.order-progress ul li.inactive-step a:hover {
  cursor: not-allowed;
}

.checkout-page {
  margin-bottom: 48px;
}
.checkout-page .page-title {
  margin-bottom: 42px;
  padding: 38px 18px;
  display: flex;
  gap: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-image: linear-gradient(to right, #fff5e1, #fceded);
}
@media (min-width: 768px) {
  .checkout-page .page-title {
    padding: 42px 0;
    gap: 24px;
  }
}
.checkout-page .page-title h3 {
  line-height: 32px;
}
.checkout-page .totals {
  padding: 14px;
  border-radius: 12px;
  background-color: var(--bg-g1);
  min-width: 100%;
}
@media (min-width: 768px) {
  .checkout-page .totals {
    padding: 24px;
  }
}
.checkout-page .totals .total-info .title {
  margin-bottom: 12px;
}
.checkout-page .totals .total-info .cart-total {
  margin-bottom: 24px;
  width: 100%;
}
.checkout-page .totals .total-info .cart-total tr {
  border-bottom: 1px solid var(--gray-g200);
}
.checkout-page .totals .total-info .cart-total tr td {
  vertical-align: middle;
  padding-bottom: 8px;
  padding-top: 8px;
  text-align: end;
}
.checkout-page .totals .total-info .cart-total tr .cart-total-left {
  text-align: start;
}
.checkout-page .totals .total-info .cart-total tr .cart-total-left label {
  font-weight: 500;
  color: var(--secondary);
}
.checkout-page .totals .total-info .cart-total tr.order-total {
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
}
@media (min-width: 768px) {
  .checkout-page .totals .total-info .cart-total tr.order-total {
    font-size: 24px;
    line-height: 38px;
  }
}
.checkout-page .totals .total-info .cart-total .earn-reward-points {
  font-style: italic;
}
.checkout-page .totals .terms-of-service {
  display: block;
  margin-bottom: 24px;
}
.checkout-page .totals .terms-of-service input[type=checkbox] {
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.checkout-page .totals .terms-of-service label {
  display: inline;
  margin-inline-start: 4px;
}
.checkout-page .totals .terms-of-service .read {
  font-weight: 500;
}
.checkout-page .totals .checkout-buttons .checkout-disabled {
  padding: 24px;
  color: var(--white);
  background-color: var(--yellow);
  border-radius: 8px;
}
.checkout-page .order-summary-card {
  margin-bottom: 16px;
}
.checkout-page .order-summary-card .unit-count-price {
  font-weight: 500;
  font-size: 1em;
}
.checkout-page .order-summary-card .product-name {
  font-size: 1em;
  font-weight: 500;
}
.checkout-page .order-summary-card .order-summary-card__image {
  width: 100%;
  aspect-ratio: 9/14;
  border-radius: 6px;
  overflow: clip;
}
.checkout-page .order-summary-card .order-summary-card__image a {
  height: 100%;
  width: 100%;
}
.checkout-page .order-summary-card .order-summary-card__image img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.checkout-page .totals .total-info .cart-total tr {
  border-bottom: 1px solid var(--gray-g100);
}
.checkout-page .totals .title {
  margin: 0;
  display: none;
}
.checkout-page .section.pickup-in-store {
  margin-top: 32px;
}
.checkout-page .section.pickup-in-store .selector {
  display: flex;
  justify-content: center;
  align-items: center;
}
.checkout-page .buttons {
  display: flex;
  justify-content: center;
}
.checkout-page .method-name {
  display: block;
  font-weight: 500;
  border: 1px solid var(--gray-g100);
  border-radius: 6px;
  padding: 12px 18px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.checkout-page .method-name input[type=radio] {
  display: none;
}
.checkout-page .method-name:has(input[type=radio]:checked) {
  background-color: var(--bg-g1);
  transition: 0.3s all ease;
  color: var(--text-clr);
  border: 1px solid var(--secondary);
}
.checkout-page .method-name:hover {
  border: 1px solid var(--secondary);
}
.checkout-page .method-name .method-description {
  color: var(--text-clr);
  font-weight: 400;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
}
.checkout-page .method-list {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 30px;
}
.checkout-page .method-list li {
  flex-grow: 1;
  width: 100%;
}
.checkout-page .shipping-method, .checkout-page .payment-method {
  margin: 32px 0;
}
.checkout-page .payment-method .method-name {
  display: flex;
  font-weight: 500;
  border: 1px solid var(--gray-g100);
  border-radius: 4px;
  padding: 16px 18px;
  cursor: pointer;
  gap: 16px;
  box-shadow: rgba(99, 99, 99, 0) 0 2px 8px 0;
}
.checkout-page .payment-method .method-name input[type=radio] {
  display: none;
}
.checkout-page .payment-method .method-name:hover {
  border: 1px solid var(--secondary);
}
.checkout-page .payment-method .method-name:has(input[type=radio]:checked) {
  background-color: var(--bg-g1);
  transition: 0.3s all ease;
  color: var(--text-clr);
  border: 1px solid var(--secondary);
}
.checkout-page .payment-method .method-name .payment-logo {
  cursor: pointer;
  flex-shrink: 0;
  height: fit-content;
  align-self: center;
}
.checkout-page .payment-method .method-name .payment-logo img {
  cursor: pointer;
}
.checkout-page .payment-method .method-name .payment-details {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 0;
}
.checkout-page .payment-method .method-name .payment-details label {
  font-weight: 600;
  cursor: pointer;
}
.checkout-page .payment-method .method-name .payment-description {
  font-weight: 400;
  font-size: 0.875em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  text-align: start;
}
.checkout-page .payment-info .info {
  padding: 24px;
  border-radius: 6px;
  border: 1px solid var(--gray-g100);
  margin-bottom: 30px;
}
.checkout-page .payment-info td {
  padding-bottom: 18px;
}
.checkout-page .payment-info input {
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
}
.checkout-page .payment-info input#CardholderName, .checkout-page .payment-info input#CardCode {
  padding-left: 5px;
  padding-right: 5px;
}
.checkout-page .table-wrapper table.cart {
  width: 100%;
}
.checkout-page .order-review-data .billing-info-wrap, .checkout-page .order-review-data .shipping-info-wrap {
  padding: 24px;
  border: 1px solid var(--gray-g100);
  border-radius: 6px;
}
.checkout-page .order-review-data .billing-info-wrap h5.title, .checkout-page .order-review-data .shipping-info-wrap h5.title {
  font-weight: 500;
  margin: 0 0 12px 0;
}
.checkout-page .order-review-data .billing-info-wrap li.name, .checkout-page .order-review-data .shipping-info-wrap li.name {
  font-size: 1.25em;
  margin-bottom: 0.5em;
}
.checkout-page .order-review-data .payment-method, .checkout-page .order-review-data .shipping-method {
  margin: 0;
}
.checkout-page .order-review-data .payment-method-info, .checkout-page .order-review-data .shipping-method-info {
  margin-top: 24px;
}
.checkout-page .order-completed .title {
  text-align: center;
}
.checkout-page .terms-of-service {
  margin-top: 16px;
  justify-content: center;
}
.checkout-page .section .title {
  font-size: 1.25em;
  font-weight: 600;
  margin-bottom: 1em;
}
.checkout-page .enter-address .edit-address {
  display: grid;
  border: 1px solid var(--gray-g100);
  border-radius: 6px;
  column-gap: 24px;
  row-gap: 0;
  padding: 16px;
  grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 576px) {
  .checkout-page .enter-address .edit-address {
    padding: 28px;
  }
}
@media (min-width: 768px) {
  .checkout-page .enter-address .edit-address {
    padding: 32px;
  }
}
@media (min-width: 992px) {
  .checkout-page .enter-address .edit-address {
    grid-template-columns: repeat(2, 1fr);
  }
}
.checkout-page .section.ship-to-same-address {
  margin: 0;
}
.checkout-page .use-reward-points {
  margin-top: 1em;
  margin-bottom: 1em;
}
.checkout-page .payment-method .payment-logo > label > img {
  height: 100%;
  width: 53px;
}

.checkout-page .section {
  margin: 0 0 30px;
}

.checkout-page .section.order-summary {
  margin: 0;
  width: 100%;
}

.checkout-page .cart-footer {
  border-top: none;
}

.checkout-page .button-1:hover,
.checkout-page .button-1:focus {
  background-color: var(--primary);
}

.checkout-page .address-item ul {
  border: 1px solid var(--gray-g100);
  border-radius: 6px;
  color: var(--text-clr);
  padding: 12px;
}
@media (min-width: 576px) {
  .checkout-page .address-item ul {
    padding: 16px;
  }
}
@media (min-width: 768px) {
  .checkout-page .address-item ul {
    padding: 24px;
  }
}

.checkout-page .address-item li {
  padding: 5px 0;
}

.checkout-page .address-item li.name span.name {
  font-size: 1.125em;
  font-weight: 500;
}
@media (min-width: 576px) {
  .checkout-page .address-item li.name span.name {
    font-size: 1.25em;
  }
}

.enter-address .message-error {
  margin: 20px 0;
}

.enter-address .edit-address {
  display: grid;
  border: 1px solid var(--gray-g100);
  border-radius: 6px;
  gap: 24px;
  padding: 16px;
}
@media (min-width: 576px) {
  .enter-address .edit-address {
    padding: 28px;
  }
}
@media (min-width: 768px) {
  .enter-address .edit-address {
    padding: 32px;
  }
}
@media (min-width: 992px) {
  .enter-address .edit-address {
    grid-template-columns: repeat(2, 1fr);
  }
}

.remove-discount-button,
.remove-gift-card-button {
  border: transparent;
  cursor: pointer;
  background: transparent;
}

.checkout-page .ship-to-same-address {
  padding: 0 0;
  text-align: center;
}

.checkout-page .ship-to-same-address .selector {
  margin: 0 0 5px;
  font-weight: bold;
  color: var(--text-clr);
}

.vat-number-warning {
  text-align: center;
  font-size: 13px;
  color: var(--primary);
  margin-top: 5px;
}

.vat-number-warning a {
  text-decoration: underline;
}

.checkout-page .pickup-in-store {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.checkout-page .pickup-in-store .selector {
  margin: 0 0 5px;
  font-weight: bold;
  color: var(--text-clr);
}

.select-pickup-point {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.checkout-page .pickup-points-map {
  min-width: 400px;
  min-height: 350px;
  vertical-align: middle;
  margin-top: 5px;
  margin-bottom: 5px;
}

.shipping-method .method-description {
  margin: 8px 0 0;
  font-size: 0.875em;
}

.confirm-order .buttons {
  padding: 10px 0;
}

.confirm-order .button-1 {
  font-size: 16px;
}

.order-completed .details {
  padding: 30px 15px;
  text-align: center;
  color: var(--text-clr);
}
.order-completed .details > * {
  text-align: center;
}

.order-completed .details div {
  margin: 5px 0;
}

.order-completed .details strong {
  font-weight: normal;
  text-transform: uppercase;
}

.order-completed .details a {
  color: var(--primary);
}

.checkout-attributes .option-list {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.checkout-attributes .date-picker-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.checkout-attributes .option-list > li {
  display: flex;
  border: 1px solid var(--gray-g100);
  background-color: var(--white);
  padding: 8px 10px;
  font-size: 1em;
  border-radius: 6px;
}
.checkout-attributes .option-list > li > * {
  flex-shrink: 0;
}

.checkout-attributes .attribute-square {
  display: block;
  height: 1.5em;
  width: 1.5em;
}

.checkout-attributes .attribute-squares li {
  border: none;
  padding: 0;
  line-height: 0;
}

.selected-checkout-attributes {
  margin-top: 32px;
  margin-bottom: 32px;
  color: var(--text-clr);
}

.selected-checkout-attributes:has(> *) {
  margin: 30px 0;
}

.selected-checkout-attributes br {
  content: "";
  display: block;
  margin: 3px;
}

.order-completed .details a:hover,
.order-completed .details a:focus {
  text-decoration: underline;
}

.opc.checkout-page .opc .step-title {
  display: flex;
  margin: 0 0 12px;
  overflow: hidden;
  border-radius: 6px;
  background-color: var(--bg-g1);
}
.opc.checkout-page .opc .step-title .number {
  background: var(--gray-g100);
}
.opc.checkout-page .opc .allow .step-title {
  background-color: var(--white);
  border: 2px solid var(--secondary);
  color: var(--text-clr);
  cursor: pointer;
  border-radius: 6px;
}
.opc.checkout-page .opc .step-title .number,
.opc.checkout-page .opc .step-title .title {
  min-height: 40px;
  padding: 12px 15px;
  line-height: 20px;
  font-size: 1.125em;
  font-weight: normal;
}
.opc.checkout-page .opc .allow .step-title .number {
  color: var(--white);
  background: var(--secondary);
}
.opc.checkout-page .opc .allow .step-title .title {
  color: var(--text-clr);
  cursor: pointer;
}
.opc.checkout-page .opc .step-title .number {
  width: 42px;
  text-align: center;
}
.opc.checkout-page .opc .step {
  margin: 10px 0;
  padding: 30px 15px;
  text-align: center;
}
.opc.checkout-page .opc .section {
  margin: 0 0 30px;
}
.opc.checkout-page select {
  width: fit-content;
}
.opc.checkout-page .opc .section > label {
  text-align: center;
  display: block;
  margin: 0 0 10px;
}
.opc.checkout-page :not(#shipping-buttons-container).buttons {
  gap: 12px;
}
.opc.checkout-page .opc input[type=text],
.opc.checkout-page .opc select {
  max-width: 100%;
}
.opc.checkout-page .opc .buttons {
  margin-bottom: 0;
}
.opc.checkout-page .opc .back-link {
  align-self: center;
  margin-inline-end: 1em;
}
.opc.checkout-page #checkout-step-shipping .back-link {
  margin-inline-end: 0;
}
.opc.checkout-page .opc .back-link small {
  display: none;
}
.opc.checkout-page .opc .back-link a {
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M10.8284 12.0007L15.7782 16.9504L14.364 18.3646L8 12.0007L14.364 5.63672L15.7782 7.05093L10.8284 12.0007Z'%3E%3C/path%3E%3C/svg%3E");
  color: var(--text-clr);
  background-repeat: no-repeat;
  padding: 0 0 0 24px;
  transition: 0.3s all ease;
}
.opc.checkout-page .opc .back-link a:hover,
.opc.checkout-page .opc .back-link a:focus {
  color: var(--text-clr);
  scale: 1.1;
}
.opc.checkout-page .opc .buttons .please-wait {
  display: block;
  margin: 10px 0 0;
  background: none;
}
.opc.checkout-page .opc .section.ship-to-same-address {
  margin: 0 0 24px;
  padding: 0;
}
.opc.checkout-page .opc .section.pickup-in-store {
  margin: 0 0 24px;
  padding: 0;
}
.opc.checkout-page .opc .payment-info .info tr {
  text-align: start;
}
.opc.checkout-page .opc .section.order-summary {
  margin: 0;
}
.opc.checkout-page .opc-select-address-container {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  gap: 12px 8px;
}
.opc.checkout-page .ship-to-same-address .selector {
  justify-content: center;
}
.opc.checkout-page .enter-address .form-fields {
  display: contents;
  text-align: start;
}
.opc.checkout-page .enter-address .form-fields select {
  width: 100%;
}
.opc.checkout-page ol {
  padding-inline-start: 0;
}
.opc.checkout-page .method-name .method-description {
  margin: 0;
}
.opc.checkout-page .method-list {
  align-items: center;
  justify-content: center;
}
.opc.checkout-page .method-list li {
  cursor: pointer;
  max-width: 100%;
}
@media (min-width: 768px) {
  .opc.checkout-page .method-list li {
    max-width: 50%;
  }
}
.opc.checkout-page .method-list li > *, .opc.checkout-page .method-list li > *:hover, .opc.checkout-page .method-list li label {
  cursor: pointer;
}
.opc.checkout-page .method-name label {
  display: flex;
  flex-wrap: wrap;
}
.opc.checkout-page .payment-info .info tr {
  font-size: 1em;
}
.opc.checkout-page .order-review-data {
  text-align: start;
}
.opc.checkout-page #checkout-step-confirm-order .section.order-summary .container {
  padding: 0 !important;
}
.opc.checkout-page .cart-collaterals {
  width: 100%;
  padding: 0;
  margin: 0;
}
.opc.checkout-page .cart-collaterals > div {
  max-width: 100%;
  margin: 0;
}
.opc.checkout-page .cart-collaterals .deals > div {
  margin: 0;
}
.opc.checkout-page .payment-method .use-reward-points {
  justify-content: center;
  margin: 0 0 16px;
}

.login-page .button-1.save-customer-info-button,
.registration-page .button-1.save-customer-info-button,
.registration-result-page .button-1.save-customer-info-button,
.password-recovery-page .button-1.save-customer-info-button {
  margin-top: 24px;
}
.login-page .registration-container,
.login-page .password-recovery-container,
.registration-page .registration-container,
.registration-page .password-recovery-container,
.registration-result-page .registration-container,
.registration-result-page .password-recovery-container,
.password-recovery-page .registration-container,
.password-recovery-page .password-recovery-container {
  width: 100%;
  margin: 60px 0px;
}
@media (min-width: 768px) {
  .login-page .registration-container,
  .login-page .password-recovery-container,
  .registration-page .registration-container,
  .registration-page .password-recovery-container,
  .registration-result-page .registration-container,
  .registration-result-page .password-recovery-container,
  .password-recovery-page .registration-container,
  .password-recovery-page .password-recovery-container {
    width: 600px;
    margin: 60px 0px;
    padding: 50px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
  }
}
.login-page .page-title h1,
.registration-page .page-title h1,
.registration-result-page .page-title h1,
.password-recovery-page .page-title h1 {
  font-size: 28px;
  line-height: 34px;
  color: var(--secondary);
  text-align: center;
  margin-bottom: 28px;
}
@media (min-width: 768px) {
  .login-page .page-title h1,
  .registration-page .page-title h1,
  .registration-result-page .page-title h1,
  .password-recovery-page .page-title h1 {
    font-size: 30px;
    line-height: 36px;
  }
}
@media (min-width: 992px) {
  .login-page .page-title h1,
  .registration-page .page-title h1,
  .registration-result-page .page-title h1,
  .password-recovery-page .page-title h1 {
    font-size: 34px;
    line-height: 42px;
  }
}
.login-page .title,
.registration-page .title,
.registration-result-page .title,
.password-recovery-page .title {
  font-size: 18px;
  line-height: 34px;
  color: var(--secondary);
  margin-bottom: 8px;
}
.login-page .title strong,
.registration-page .title strong,
.registration-result-page .title strong,
.password-recovery-page .title strong {
  font-weight: 500;
}
@media (min-width: 768px) {
  .login-page .title,
  .registration-page .title,
  .registration-result-page .title,
  .password-recovery-page .title {
    font-size: 20px;
    line-height: 36px;
  }
}
.login-page .fieldset,
.registration-page .fieldset,
.registration-result-page .fieldset,
.password-recovery-page .fieldset {
  margin-bottom: 28px;
}
.login-page .fieldset .form-fields .inputs label.label-block,
.registration-page .fieldset .form-fields .inputs label.label-block,
.registration-result-page .fieldset .form-fields .inputs label.label-block,
.password-recovery-page .fieldset .form-fields .inputs label.label-block {
  display: block;
  font-weight: 500;
}
.login-page .fieldset .form-fields .inputs .password-toggle-wrapper,
.registration-page .fieldset .form-fields .inputs .password-toggle-wrapper,
.registration-result-page .fieldset .form-fields .inputs .password-toggle-wrapper,
.password-recovery-page .fieldset .form-fields .inputs .password-toggle-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}
.login-page .fieldset .form-fields .inputs .password-toggle-wrapper .password-eye,
.login-page .fieldset .form-fields .inputs .password-toggle-wrapper .password-eye-confirm,
.registration-page .fieldset .form-fields .inputs .password-toggle-wrapper .password-eye,
.registration-page .fieldset .form-fields .inputs .password-toggle-wrapper .password-eye-confirm,
.registration-result-page .fieldset .form-fields .inputs .password-toggle-wrapper .password-eye,
.registration-result-page .fieldset .form-fields .inputs .password-toggle-wrapper .password-eye-confirm,
.password-recovery-page .fieldset .form-fields .inputs .password-toggle-wrapper .password-eye,
.password-recovery-page .fieldset .form-fields .inputs .password-toggle-wrapper .password-eye-confirm {
  position: absolute;
  inset-inline-end: 20px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  font-size: 20px;
  color: var(--secondary);
}
.login-page .fieldset .form-fields .inputs .password-toggle-wrapper .password-eye i,
.login-page .fieldset .form-fields .inputs .password-toggle-wrapper .password-eye-confirm i,
.registration-page .fieldset .form-fields .inputs .password-toggle-wrapper .password-eye i,
.registration-page .fieldset .form-fields .inputs .password-toggle-wrapper .password-eye-confirm i,
.registration-result-page .fieldset .form-fields .inputs .password-toggle-wrapper .password-eye i,
.registration-result-page .fieldset .form-fields .inputs .password-toggle-wrapper .password-eye-confirm i,
.password-recovery-page .fieldset .form-fields .inputs .password-toggle-wrapper .password-eye i,
.password-recovery-page .fieldset .form-fields .inputs .password-toggle-wrapper .password-eye-confirm i {
  display: block;
}
.login-page .fieldset .form-fields .inputs .password-toggle-wrapper .password-eye .ri-eye-line,
.login-page .fieldset .form-fields .inputs .password-toggle-wrapper .password-eye .ri-eye-off-line,
.login-page .fieldset .form-fields .inputs .password-toggle-wrapper .password-eye-confirm .ri-eye-line,
.login-page .fieldset .form-fields .inputs .password-toggle-wrapper .password-eye-confirm .ri-eye-off-line,
.registration-page .fieldset .form-fields .inputs .password-toggle-wrapper .password-eye .ri-eye-line,
.registration-page .fieldset .form-fields .inputs .password-toggle-wrapper .password-eye .ri-eye-off-line,
.registration-page .fieldset .form-fields .inputs .password-toggle-wrapper .password-eye-confirm .ri-eye-line,
.registration-page .fieldset .form-fields .inputs .password-toggle-wrapper .password-eye-confirm .ri-eye-off-line,
.registration-result-page .fieldset .form-fields .inputs .password-toggle-wrapper .password-eye .ri-eye-line,
.registration-result-page .fieldset .form-fields .inputs .password-toggle-wrapper .password-eye .ri-eye-off-line,
.registration-result-page .fieldset .form-fields .inputs .password-toggle-wrapper .password-eye-confirm .ri-eye-line,
.registration-result-page .fieldset .form-fields .inputs .password-toggle-wrapper .password-eye-confirm .ri-eye-off-line,
.password-recovery-page .fieldset .form-fields .inputs .password-toggle-wrapper .password-eye .ri-eye-line,
.password-recovery-page .fieldset .form-fields .inputs .password-toggle-wrapper .password-eye .ri-eye-off-line,
.password-recovery-page .fieldset .form-fields .inputs .password-toggle-wrapper .password-eye-confirm .ri-eye-line,
.password-recovery-page .fieldset .form-fields .inputs .password-toggle-wrapper .password-eye-confirm .ri-eye-off-line {
  line-height: 1;
}
.login-page .topic-block .topic-block-title,
.registration-page .topic-block .topic-block-title,
.registration-result-page .topic-block .topic-block-title,
.password-recovery-page .topic-block .topic-block-title {
  font-size: 24px;
  line-height: 34px;
  color: var(--secondary);
  padding-bottom: 2px;
  border-bottom: 1px solid var(--gray-g100);
}
.login-page .topic-block .topic-block-title strong,
.registration-page .topic-block .topic-block-title strong,
.registration-result-page .topic-block .topic-block-title strong,
.password-recovery-page .topic-block .topic-block-title strong {
  font-weight: 500;
}
@media (min-width: 768px) {
  .login-page .topic-block .topic-block-title,
  .registration-page .topic-block .topic-block-title,
  .registration-result-page .topic-block .topic-block-title,
  .password-recovery-page .topic-block .topic-block-title {
    font-size: 26px;
    line-height: 36px;
  }
}
@media (min-width: 992px) {
  .login-page .topic-block .topic-block-title,
  .registration-page .topic-block .topic-block-title,
  .registration-result-page .topic-block .topic-block-title,
  .password-recovery-page .topic-block .topic-block-title {
    font-size: 30px;
    line-height: 42px;
  }
}
.login-page .topic-block .topic-block-body,
.registration-page .topic-block .topic-block-body,
.registration-result-page .topic-block .topic-block-body,
.password-recovery-page .topic-block .topic-block-body {
  margin-top: 10px;
  margin-bottom: 40px;
}
.login-page .external-authentication .title,
.registration-page .external-authentication .title,
.registration-result-page .external-authentication .title,
.password-recovery-page .external-authentication .title {
  font-size: 18px;
  line-height: 34px;
  color: var(--secondary);
  margin-bottom: 10px;
}

.login-page {
  max-width: 1200px;
  margin: 0 auto;
  margin-top: 60px;
}
.login-page .page-body {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.login-page .page-body .customer-blocks {
  display: flex;
  flex-direction: column;
  gap: 0px;
}
@media (min-width: 768px) {
  .login-page .page-body .customer-blocks {
    flex-direction: row;
    gap: 32px;
  }
}
.login-page .page-body .customer-blocks .divider {
  display: none;
}
@media (min-width: 768px) {
  .login-page .page-body .customer-blocks .divider {
    display: inline;
    border-right: 1px solid var(--gray-g100);
    width: 1px;
  }
}
@media (min-width: 768px) {
  .login-page .page-body .customer-blocks .returning-wrapper,
  .login-page .page-body .customer-blocks .new-wrapper,
  .login-page .page-body .customer-blocks .register-block {
    flex: 1;
    width: calc(33.33% - 20px);
  }
}
.login-page .page-body .customer-blocks .returning-wrapper .form-fields,
.login-page .page-body .customer-blocks .new-wrapper .form-fields,
.login-page .page-body .customer-blocks .register-block .form-fields {
  margin-bottom: 28px;
  padding: 0px;
}
.login-page .page-body .customer-blocks .returning-wrapper .form-fields .reversed,
.login-page .page-body .customer-blocks .new-wrapper .form-fields .reversed,
.login-page .page-body .customer-blocks .register-block .form-fields .reversed {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.login-page .page-body .customer-blocks .returning-wrapper .form-fields .reversed .remember-me,
.login-page .page-body .customer-blocks .new-wrapper .form-fields .reversed .remember-me,
.login-page .page-body .customer-blocks .register-block .form-fields .reversed .remember-me {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 8px;
  color: var(--secondary);
}
.login-page .page-body .customer-blocks .returning-wrapper .form-fields .reversed .remember-me label,
.login-page .page-body .customer-blocks .new-wrapper .form-fields .reversed .remember-me label,
.login-page .page-body .customer-blocks .register-block .form-fields .reversed .remember-me label {
  margin-bottom: 0px;
}
.login-page .page-body .customer-blocks .returning-wrapper .form-fields .reversed .forgot-password a,
.login-page .page-body .customer-blocks .new-wrapper .form-fields .reversed .forgot-password a,
.login-page .page-body .customer-blocks .register-block .form-fields .reversed .forgot-password a {
  font-weight: 600;
  text-decoration: underline;
  color: var(--secondary);
}
.login-page .page-body .customer-blocks .returning-wrapper .form-fields .reversed .forgot-password a:hover,
.login-page .page-body .customer-blocks .new-wrapper .form-fields .reversed .forgot-password a:hover,
.login-page .page-body .customer-blocks .register-block .form-fields .reversed .forgot-password a:hover {
  color: var(--primary);
}
.login-page .page-body .customer-blocks .returning-wrapper .text,
.login-page .page-body .customer-blocks .new-wrapper .text,
.login-page .page-body .customer-blocks .register-block .text {
  margin-bottom: 28px;
}

.registration-page {
  display: flex;
  justify-content: center;
}
.registration-page .page-body form .fieldset .gender-content .gender {
  display: flex;
  flex-direction: row;
  gap: 20px;
  justify-content: start;
  align-items: center;
}
.registration-page .page-body form .fieldset .gender-content .gender span {
  display: flex;
  align-items: center;
  gap: 5px;
  margin: 0px;
}
.registration-page .page-body form .fieldset .gender-content .gender span > * {
  display: inline !important;
  margin: 0px;
  line-height: 32px;
}
.registration-page .page-body form .fieldset .date-picker-wrapper {
  display: flex;
  gap: 20px;
  margin-top: 5px;
}
.registration-page .page-body form .fieldset .register-text {
  display: flex;
  flex-direction: row;
  gap: 15px;
}
.registration-page .page-body form .fieldset .register-text .read {
  color: var(--primary);
  font-weight: 500;
}
.registration-page .page-body form .fieldset .consent-content {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.registration-result-page {
  display: flex;
  justify-content: center;
}
.registration-result-page .result {
  color: var(--green);
  margin-bottom: 28px;
}

.password-recovery-page {
  display: flex;
  justify-content: center;
}
.password-recovery-page .recovery-text {
  text-align: center;
  margin-bottom: 20px;
}
.password-recovery-page .recovery-result {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.password-recovery-page .recovery-result .result {
  color: var(--green);
}

.block-account-navigation {
  display: none;
}
@media (min-width: 992px) {
  .block-account-navigation {
    display: inline;
  }
}
.block-account-navigation .account-navigation-container {
  margin: 50px 0px;
  background-color: var(--bg-g1);
  border-radius: 20px;
  padding: 20px 20px;
  border: 1px solid var(--gray-g100);
}
@media (min-width: 1400px) {
  .block-account-navigation .account-navigation-container {
    padding: 40px 32px;
  }
}
.block-account-navigation .account-navigation-container .title {
  font-size: 24px;
  padding-bottom: 20px;
  text-align: center;
}
.block-account-navigation .account-navigation-container .listbox .list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.block-account-navigation .account-navigation-container .listbox .list li a {
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 5px 10px;
  font-weight: 500;
  line-height: 28px;
  border-radius: 8px;
  transition: background-color 0.3s, color 0.3s;
}
@media (min-width: 1400px) {
  .block-account-navigation .account-navigation-container .listbox .list li a {
    padding: 5px 20px;
  }
}
.block-account-navigation .account-navigation-container .listbox .list li.active a {
  color: var(--white);
  background-color: var(--primary);
}
.block-account-navigation .account-navigation-container .listbox .list li.active a:hover {
  color: var(--white);
  background-color: var(--primary);
}
.block-account-navigation .account-navigation-container .listbox .list li.inactive a {
  background-color: var(--bg-g1);
}
.block-account-navigation .account-navigation-container .listbox .list li:hover a {
  background-color: var(--gray-g100);
  color: var(--secondary);
}

.account-page {
  margin: 24px 0px;
}
@media (min-width: 992px) {
  .account-page {
    margin: 48px 0px;
  }
}
.account-page .page-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--gray-g100);
  margin-bottom: 20px;
}
.account-page .page-title h1 {
  font-size: 28px;
  line-height: 34px;
  color: var(--secondary);
  text-align: center;
  margin-bottom: 0px;
}
@media (min-width: 768px) {
  .account-page .page-title h1 {
    font-size: 30px;
    line-height: 36px;
  }
}
@media (min-width: 992px) {
  .account-page .page-title h1 {
    font-size: 34px;
    line-height: 42px;
  }
}
.account-page .form-fields {
  display: flex;
  flex-direction: column;
  gap: 0 20px;
  margin-bottom: 28px;
}
@media (min-width: 768px) {
  .account-page .form-fields {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.account-page .form-fields .inputs {
  width: 100%;
}
.account-page .form-fields .inputs .password-toggle-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}
.account-page .form-fields .inputs .password-toggle-wrapper .password-eye,
.account-page .form-fields .inputs .password-toggle-wrapper .password-eye-confirm {
  position: absolute;
  inset-inline-end: 20px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  font-size: 20px;
  color: var(--secondary);
}
.account-page .form-fields .inputs .password-toggle-wrapper .password-eye i,
.account-page .form-fields .inputs .password-toggle-wrapper .password-eye-confirm i {
  display: block;
}
.account-page .form-fields .inputs .password-toggle-wrapper .password-eye .ri-eye-line,
.account-page .form-fields .inputs .password-toggle-wrapper .password-eye .ri-eye-off-line,
.account-page .form-fields .inputs .password-toggle-wrapper .password-eye-confirm .ri-eye-line,
.account-page .form-fields .inputs .password-toggle-wrapper .password-eye-confirm .ri-eye-off-line {
  line-height: 1;
}
.account-page .btn-account-info {
  display: inline-flex;
  align-items: center;
  padding: 10px;
  color: var(--secondary);
  font-weight: 500;
  border-radius: 10px;
  text-decoration: none;
  border: 1px solid var(--secondary);
}
@media (min-width: 992px) {
  .account-page .btn-account-info {
    display: none;
  }
}
.account-page .btn-account-info i {
  margin-inline-end: 8px;
}
.account-page .btn-account-info:hover, .account-page .btn-account-info:focus {
  color: var(--secondary);
  border-color: var(--secondary);
}
.account-page .no-data {
  font-size: 18px;
}

.customer-info-page .page-body {
  max-width: 600px;
}
.customer-info-page .gender-content {
  margin-bottom: 10px;
  display: flex;
  flex-direction: column;
  justify-content: start;
}
.customer-info-page .gender-content .gender {
  display: flex;
  flex-direction: row;
  gap: 20px;
  justify-content: start;
  align-items: center;
}
.customer-info-page .gender-content .gender span {
  display: flex;
  align-items: center;
  gap: 5px;
  margin: 0px;
}
.customer-info-page .gender-content .gender span > * {
  display: inline !important;
  margin: 0px;
  line-height: 32px;
}
.customer-info-page .date-picker-wrapper {
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
}
.customer-info-page .fieldset .title {
  font-size: 20px;
  margin-bottom: 10px;
}
.customer-info-page .add-more-external-records {
  text-align: start;
}
.customer-info-page .add-more-external-records a {
  color: var(--primary);
}
.customer-info-page .add-more-external-records a:hover,
.customer-info-page .add-more-external-records a:focus {
  text-decoration: underline;
}

.change-password-page .form-fields {
  max-width: 100%;
}
@media (min-width: 992px) {
  .change-password-page .form-fields {
    max-width: 600px;
  }
}
.change-password-page .form-fields .change-password-recovery-link {
  text-align: end;
}
.change-password-page .form-fields .change-password-recovery-link a {
  font-weight: 500;
  text-decoration: underline;
  color: var(--secondary);
}

.order-list-page .title {
  font-size: 20px;
  line-height: 34px;
  color: var(--secondary);
  margin-bottom: 0px;
}
.order-list-page .title strong {
  font-weight: 500;
}
@media (min-width: 768px) {
  .order-list-page .title {
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 20px;
  }
}
.order-list-page .recurring-payments,
.order-list-page .order-list {
  margin-top: 20px;
}
.order-list-page .recurring-payments .title {
  font-size: 20px;
  font-weight: 600;
  color: var(--secondary);
  margin-bottom: 18px;
}
.order-list-page .recurring-payments .table-wrapper {
  overflow-x: auto;
}
.order-list-page .recurring-payments .table-wrapper .data-table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid var(--gray-g200);
}
.order-list-page .recurring-payments .table-wrapper .data-table th,
.order-list-page .recurring-payments .table-wrapper .data-table td {
  padding: 12px 15px;
  text-align: start;
  font-size: 16px;
  border-bottom: 1px solid var(--gray-g200);
}
.order-list-page .recurring-payments .table-wrapper .data-table th {
  background-color: var(--secondary-light);
  font-weight: 600;
  text-transform: uppercase;
}
.order-list-page .recurring-payments .table-wrapper .data-table td {
  background-color: var(--white);
}
.order-list-page .recurring-payments .table-wrapper .data-table .retry,
.order-list-page .recurring-payments .table-wrapper .data-table .cancel {
  text-align: center;
  padding: 10px;
}
.order-list-page .order-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (min-width: 768px) {
  .order-list-page .order-list {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.order-list-page .order-list .order-item {
  background-color: var(--white);
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease;
  width: 100%;
  border: 1px solid var(--gray-g100);
}
@media (min-width: 1400px) {
  .order-list-page .order-list .order-item {
    width: calc(50% - 10px);
  }
}
.order-list-page .order-list .order-item {
  transition: all 300ms ease;
}
.order-list-page .order-list .order-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.order-list-page .order-list .order-item .title {
  font-size: 20px;
  font-weight: bold;
  color: var(--primary);
  margin-bottom: 15px;
}
.order-list-page .order-list .order-item .info li {
  font-size: 14px;
  margin-bottom: 8px;
  color: var(--gray-g600);
}
.order-list-page .order-list .order-item .info li span {
  font-weight: 600;
}

.avatar-page .page-body {
  margin-top: 20px;
  background-color: var(--bg-g1);
  border-radius: 12px;
  padding: 32px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 20px;
  width: 100%;
  max-width: 600px;
  border: 1px solid var(--gray-g100);
}
@media (min-width: 1400px) {
  .avatar-page .page-body {
    width: 50%;
  }
}
.avatar-page .page-body .fieldset {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
.avatar-page .page-body .fieldset .image {
  overflow: hidden;
  margin-bottom: 20px;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  border: 4px solid white;
  background-color: var(--bg-g1);
}
.avatar-page .page-body .fieldset .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.avatar-page .page-body .fieldset input[type=file] {
  font-size: 16px;
  background-color: var(--white);
  padding: 10px;
  border-radius: 12px;
  border: 1px solid var(--gray-g200);
  transition: border-color 0.2s, box-shadow 0.2s;
  cursor: pointer;
  width: 100%;
}
.avatar-page .page-body .fieldset input[type=file]:hover {
  border-color: var(--primary);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}
.avatar-page .page-body .fieldset input[type=file]:focus {
  outline: none;
  border-color: var(--primary);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}
.avatar-page .page-body .message-error {
  margin-top: 10px;
  font-weight: 500;
  color: var(--error);
}
.avatar-page .page-body .buttons {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 20px;
}
@media (min-width: 768px) {
  .avatar-page .page-body .buttons {
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
}
.avatar-page .page-body .info {
  font-size: 14px;
  color: var(--gray-g600);
  text-align: center;
}

.address-list-page .address-item {
  border: 1px solid var(--gray-g100);
  border-radius: 6px;
  padding: 16px;
}
.address-list-page .address-item {
  transition: all 300ms ease;
}
.address-list-page .address-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.address-list-page .address-item:hover {
  border: 1px solid var(--secondary);
}
.address-list-page .address-item .name {
  font-size: 1.125em;
  font-weight: 500;
}

.my-product-reviews-list-page .page-body {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.my-product-reviews-list-page .page-body .product-review-item {
  background-color: var(--white);
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease;
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.my-product-reviews-list-page .page-body .product-review-item .review-item-head {
  display: flex;
  gap: 24px;
  justify-content: space-between;
  align-items: center;
}
.my-product-reviews-list-page .page-body .product-review-item .review-item-head .review-title {
  font-size: 20px;
  font-weight: 600;
  color: var(--primary);
}
.my-product-reviews-list-page .page-body .product-review-item .review-content .review-text {
  font-size: 14px;
  color: var(--gray-g600);
  line-height: 1.5;
  margin-top: 14px;
}
.my-product-reviews-list-page .page-body .product-review-item .review-content .review-type-rating-ext {
  /*.product-review-box {
    .rating {
      width: 100%;
      height: 8px;
      background-color: var(--gray-g200);
      border-radius: 4px;
      position: relative;

      div {
        height: 100%;
        background-color: var(--primary);
        border-radius: 4px;
      }
    }
  }*/
}
.my-product-reviews-list-page .page-body .product-review-item .review-content .review-type-rating-ext .review-title {
  font-size: 16px;
  color: var(--secondary);
  margin-bottom: 10px;
}
.my-product-reviews-list-page .page-body .product-review-item .review-content .review-type-rating-ext .product-review-box {
  width: fit-content;
}
.my-product-reviews-list-page .page-body .product-review-item .review-content .review-type-rating-ext .product-review-box .rating {
  width: 90px;
  height: 19px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='currentColor'%3E%3Cpath d='M12.0006 18.26L4.94715 22.2082L6.52248 14.2799L0.587891 8.7918L8.61493 7.84006L12.0006 0.5L15.3862 7.84006L23.4132 8.7918L17.4787 14.2799L19.054 22.2082L12.0006 18.26ZM12.0006 15.968L16.2473 18.3451L15.2988 13.5717L18.8719 10.2674L14.039 9.69434L12.0006 5.27502L9.96214 9.69434L5.12921 10.2674L8.70231 13.5717L7.75383 18.3451L12.0006 15.968Z'%3E%3C/path%3E%3C/svg%3E") repeat-x;
}
.my-product-reviews-list-page .page-body .product-review-item .review-content .reply {
  margin-top: 8px;
  background-color: var(--bg-g1);
  padding: 15px;
  border-radius: 8px;
}
.my-product-reviews-list-page .page-body .product-review-item .review-content .reply .reply-header {
  font-size: 16px;
  font-weight: 600;
  color: var(--primary);
}
.my-product-reviews-list-page .page-body .product-review-item .review-content .reply .reply-text {
  font-size: 14px;
  color: var(--gray-g600);
  line-height: 1.5;
  margin-top: 10px;
}
.my-product-reviews-list-page .page-body .product-review-item .review-info {
  display: flex;
  gap: 18px;
  justify-content: space-between;
  align-items: flex-end;
  font-size: 14px;
  color: var(--gray-g600);
  margin-top: 8px;
}
.my-product-reviews-list-page .page-body .product-review-item .review-info .user {
  font-weight: 600;
}
.my-product-reviews-list-page .page-body .product-review-item .review-info .separator {
  color: var(--gray-g400);
}
.my-product-reviews-list-page .page-body .product-review-item .review-info .date > span {
  font-weight: 500;
  text-wrap: nowrap;
}
.my-product-reviews-list-page .page-body .product-review-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
@media (min-width: 768px) {
  .my-product-reviews-list-page .page-body {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .my-product-reviews-list-page .page-body .product-review-item {
    flex: 1 1 calc(50% - 10px);
  }
}
.my-product-reviews-list-page .pager {
  margin-top: 20px;
  width: 100%;
}

.gdpr-tools-page .page-body {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.gdpr-tools-page .page-body .result {
  background-color: var(--gray-g100);
  padding: 15px;
  border-radius: 8px;
  color: var(--primary);
  font-size: 16px;
}
.gdpr-tools-page .page-body form {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.gdpr-tools-page .page-body form .fieldset {
  background-color: var(--white);
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease;
}
.gdpr-tools-page .page-body form .fieldset .title {
  font-size: 20px;
  font-weight: 600;
  color: var(--primary);
  margin-bottom: 15px;
}
.gdpr-tools-page .page-body form .fieldset .form-fields {
  font-size: 14px;
  color: var(--gray-g600);
  margin-bottom: 20px;
}
.gdpr-tools-page .page-body form .fieldset:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.return-request-page .data-table td.product {
  display: table-cell;
}

.return-request-list-page .section.request-item {
  margin-bottom: 20px;
}
.return-request-list-page .details {
  background-color: var(--bg-g1);
  padding: 20px;
  line-height: 22px;
  margin-top: 0.5em;
  color: var(--text-clr);
  border-radius: 6px;
}
.return-request-list-page .details li:not(:last-child) {
  margin-bottom: 4px;
}
.return-request-list-page .details li a {
  color: var(--primary);
}
.return-request-list-page .details li a:hover,
.return-request-list-page .details li a:focus {
  text-decoration: underline;
}
.return-request-list-page label {
  margin: 0 5px 0 0;
}
.return-request-list-page .comments div {
  margin: 10px 0 0;
  font-size: 1em;
  font-style: italic;
  color: var(--text-clr);
}

.forum-subscriptions-page .data-table {
  display: table;
}
.forum-subscriptions-page .data-table .info {
  min-width: 50px;
}
.forum-subscriptions-page .data-table thead {
  display: table-header-group;
  vertical-align: middle;
  width: 100%;
}
.forum-subscriptions-page .data-table tr {
  padding-inline-start: 0;
  display: table-row;
}
.forum-subscriptions-page .data-table tr th {
  text-align: start;
}
.forum-subscriptions-page .data-table tbody {
  display: table-row-group;
}
.forum-subscriptions-page .data-table tbody td {
  display: table-cell;
  border-bottom: 1px solid var(--gray-g200);
  background-color: #fff;
  padding: 20px 10px;
  color: inherit;
  text-align: start;
}
.forum-subscriptions-page .data-table tbody td.info {
  text-align: start;
}

:is(.multi-factor-authentication-config-page, .multi-factor-authentication-page) .fieldset .title {
  font-size: 20px;
  margin-bottom: 10px;
}
:is(.multi-factor-authentication-config-page, .multi-factor-authentication-page) .button-1.save-customer-info-button, :is(.multi-factor-authentication-config-page, .multi-factor-authentication-page) .button-1.save-customer-mfa-button {
  margin-top: 12px;
}
:is(.multi-factor-authentication-config-page, .multi-factor-authentication-page) .method-name {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
:is(.multi-factor-authentication-config-page, .multi-factor-authentication-page) .manual-code {
  vertical-align: top !important;
}

.vendorinfo-page .page-body {
  max-width: 600px;
}
.vendorinfo-page .vendor-picture {
  display: inline-block;
  position: relative;
}
.vendorinfo-page .vendor-picture .remove-picture-button {
  position: absolute;
  top: 0;
  inset-inline-end: 0;
  border: none;
  background-color: var(--bg-g1);
  padding: 4px 8px;
  font-size: 18px;
}
.vendorinfo-page .vendor-picture .remove-picture-button:hover {
  color: var(--primary);
}

.check-gift-card-balance-page .page-body {
  max-width: 600px;
}
.check-gift-card-balance-page .page-body .check-gift-card-balance-button {
  margin-top: 28px;
}

.downloadable-products-page {
  margin-bottom: 48px;
}
.downloadable-products-page .data-table td, .downloadable-products-page .data-table th {
  padding: 20px 18px;
}
@media (max-width: 767.98px) {
  .downloadable-products-page .data-table td, .downloadable-products-page .data-table th {
    padding: 10px 0;
  }
}

.address-edit-page .page-body {
  max-width: 600px;
}

.reward-points-page .reward-points-overview {
  margin: 0 0 24px;
}

.order-details-page,
.shipment-details-page {
  border-radius: 12px;
  border: 1px solid var(--gray-g100);
  padding: 18px;
  margin-top: 24px;
}
@media (min-width: 768px) {
  .order-details-page,
  .shipment-details-page {
    margin-top: 48px;
  }
}
.order-details-page .order-header,
.order-details-page .shipment-header,
.shipment-details-page .order-header,
.shipment-details-page .shipment-header {
  padding-bottom: 14px;
  border-bottom: 1px dashed var(--gray-g100);
}
.order-details-page .order-header .order-status,
.order-details-page .shipment-header .order-status,
.shipment-details-page .order-header .order-status,
.shipment-details-page .shipment-header .order-status {
  display: inline-block;
  color: white;
  background-color: var(--primary);
  padding: 2px 14px;
  text-transform: uppercase;
  border-radius: 40px;
  font-size: 12px;
}
.order-details-page .order-header .order-status.complete, .order-details-page .order-header .order-status.pending, .order-details-page .order-header .order-status.processing,
.order-details-page .shipment-header .order-status.complete,
.order-details-page .shipment-header .order-status.pending,
.order-details-page .shipment-header .order-status.processing,
.shipment-details-page .order-header .order-status.complete,
.shipment-details-page .order-header .order-status.pending,
.shipment-details-page .order-header .order-status.processing,
.shipment-details-page .shipment-header .order-status.complete,
.shipment-details-page .shipment-header .order-status.pending,
.shipment-details-page .shipment-header .order-status.processing {
  background-color: var(--green);
}
.order-details-page .order-header .order-status.cancelled,
.order-details-page .shipment-header .order-status.cancelled,
.shipment-details-page .order-header .order-status.cancelled,
.shipment-details-page .shipment-header .order-status.cancelled {
  background-color: var(--error);
}
.order-details-page .order-header .order-number,
.order-details-page .shipment-header .order-number,
.shipment-details-page .order-header .order-number,
.shipment-details-page .shipment-header .order-number {
  margin-top: 10px;
}
.order-details-page .order-overview,
.order-details-page .shipment-overview,
.shipment-details-page .order-overview,
.shipment-details-page .shipment-overview {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 14px;
  margin-top: 24px;
}
@media (min-width: 576px) {
  .order-details-page .order-overview,
  .order-details-page .shipment-overview,
  .shipment-details-page .order-overview,
  .shipment-details-page .shipment-overview {
    gap: 32px;
    grid-template-columns: repeat(2, 1fr);
  }
}
.order-details-page .order-overview .order-info-item .value, .order-details-page .order-overview .shipment-info-item .value,
.order-details-page .shipment-overview .order-info-item .value,
.order-details-page .shipment-overview .shipment-info-item .value,
.shipment-details-page .order-overview .order-info-item .value,
.shipment-details-page .order-overview .shipment-info-item .value,
.shipment-details-page .shipment-overview .order-info-item .value,
.shipment-details-page .shipment-overview .shipment-info-item .value {
  margin-top: 0;
  color: var(--secondary);
  font-weight: 600;
}
@media (min-width: 576px) {
  .order-details-page .order-overview .order-info-item .value, .order-details-page .order-overview .shipment-info-item .value,
  .order-details-page .shipment-overview .order-info-item .value,
  .order-details-page .shipment-overview .shipment-info-item .value,
  .shipment-details-page .order-overview .order-info-item .value,
  .shipment-details-page .order-overview .shipment-info-item .value,
  .shipment-details-page .shipment-overview .order-info-item .value,
  .shipment-details-page .shipment-overview .shipment-info-item .value {
    margin-top: 6px;
  }
}
.order-details-page .order-timeline .timeline,
.shipment-details-page .order-timeline .timeline {
  position: relative;
  padding-inline-start: 42px;
}
.order-details-page .order-timeline .timeline::before,
.shipment-details-page .order-timeline .timeline::before {
  content: "";
  width: 2px;
  height: 100%;
  position: absolute;
  top: 4px;
  inset-inline-start: 10px;
  display: block;
  border-right: 1px dashed var(--green);
}
.order-details-page .order-timeline .timeline:not(:last-child),
.shipment-details-page .order-timeline .timeline:not(:last-child) {
  padding-bottom: 18px;
}
.order-details-page .order-timeline .timeline:last-child::before,
.shipment-details-page .order-timeline .timeline:last-child::before {
  top: 0;
  height: calc(100% - 5px);
}
.order-details-page .order-timeline .timeline.cancelled::before,
.shipment-details-page .order-timeline .timeline.cancelled::before {
  border-color: var(--error);
}
.order-details-page .order-timeline .timeline.cancelled .shape,
.shipment-details-page .order-timeline .timeline.cancelled .shape {
  border-color: var(--error);
}
.order-details-page .order-timeline .timeline.cancelled .shape::after,
.shipment-details-page .order-timeline .timeline.cancelled .shape::after {
  background-color: var(--error);
}
.order-details-page .order-timeline .timeline .shape,
.shipment-details-page .order-timeline .timeline .shape {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  inset-inline-start: 0px;
  position: absolute;
  top: 0px;
  background-color: var(--white);
  border-radius: 50%;
  padding: 4px;
  border: 1.5px solid var(--green);
}
.order-details-page .order-timeline .timeline .shape::after,
.shipment-details-page .order-timeline .timeline .shape::after {
  content: "";
  width: 10px;
  height: 10px;
  display: block;
  border-radius: 100%;
  background-color: var(--green);
}
.order-details-page .order-timeline .timeline .details .status,
.shipment-details-page .order-timeline .timeline .details .status {
  color: var(--secondary);
  font-weight: 600;
  margin-bottom: 4px;
}
.order-details-page .order-details,
.shipment-details-page .order-details {
  margin-top: 24px;
}
@media (min-width: 576px) {
  .order-details-page .order-details,
  .shipment-details-page .order-details {
    margin-top: 32px;
  }
}
@media (min-width: 768px) {
  .order-details-page .order-details,
  .shipment-details-page .order-details {
    margin-top: 42px;
  }
}
.order-details-page .order-details .nav-tabs,
.shipment-details-page .order-details .nav-tabs {
  overflow-y: clip;
  text-wrap: nowrap;
  flex-wrap: nowrap;
  overflow-x: auto;
  border-bottom: 1px solid var(--gray-g100);
  width: 100%;
  gap: 32px;
}
.order-details-page .order-details .nav-tabs .nav-item,
.shipment-details-page .order-details .nav-tabs .nav-item {
  display: block;
}
.order-details-page .order-details .nav-tabs .nav-item .nav-link,
.shipment-details-page .order-details .nav-tabs .nav-item .nav-link {
  color: var(--secondary);
  font-weight: 600;
  border: none;
  padding: 0 0 8px 0;
  background-color: transparent;
  position: relative;
}
.order-details-page .order-details .nav-tabs .nav-item .nav-link::after,
.shipment-details-page .order-details .nav-tabs .nav-item .nav-link::after {
  content: "";
  width: 0;
  height: 2px;
  background-color: var(--primary);
  position: absolute;
  bottom: 0;
  inset-inline-start: 0;
  transition: all 0.3s ease;
}
.order-details-page .order-details .nav-tabs .nav-item .nav-link.active,
.shipment-details-page .order-details .nav-tabs .nav-item .nav-link.active {
  color: var(--primary);
  background-color: transparent;
}
.order-details-page .order-details .nav-tabs .nav-item .nav-link.active::after,
.shipment-details-page .order-details .nav-tabs .nav-item .nav-link.active::after {
  width: 100%;
}
.order-details-page .order-details .tab-content,
.shipment-details-page .order-details .tab-content {
  margin-top: 18px;
}
.order-details-page .order-details .tab-content .item-details-content .data-table .attributes,
.order-details-page .order-details .tab-content .item-details-content .data-table .sku,
.shipment-details-page .order-details .tab-content .item-details-content .data-table .attributes,
.shipment-details-page .order-details .tab-content .item-details-content .data-table .sku {
  font-size: 14px;
}
.order-details-page .order-details .tab-content .item-details-content .tax-shipping-info,
.shipment-details-page .order-details .tab-content .item-details-content .tax-shipping-info {
  margin: 20px 0;
  text-align: center;
}
.order-details-page .order-details .tab-content .item-details-content .tax-shipping-info a,
.shipment-details-page .order-details .tab-content .item-details-content .tax-shipping-info a {
  color: var(--primary);
}
.order-details-page .order-details .tab-content .item-details-content .tax-shipping-info a:hover,
.shipment-details-page .order-details .tab-content .item-details-content .tax-shipping-info a:hover {
  text-decoration: underline;
}
.order-details-page .order-details .tab-content .item-details-content .content-footer,
.shipment-details-page .order-details .tab-content .item-details-content .content-footer {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  justify-content: space-between;
}
@media (min-width: 768px) {
  .order-details-page .order-details .tab-content .item-details-content .content-footer,
  .shipment-details-page .order-details .tab-content .item-details-content .content-footer {
    flex-direction: row;
    gap: 24px;
  }
}
.order-details-page .order-details .tab-content .item-details-content .content-footer .totals,
.shipment-details-page .order-details .tab-content .item-details-content .content-footer .totals {
  padding: 14px;
  border-radius: 12px;
  background-color: var(--bg-g1);
  min-width: 100%;
}
@media (min-width: 768px) {
  .order-details-page .order-details .tab-content .item-details-content .content-footer .totals,
  .shipment-details-page .order-details .tab-content .item-details-content .content-footer .totals {
    padding: 24px;
  }
}
.order-details-page .order-details .tab-content .item-details-content .content-footer .totals .total-info .title,
.shipment-details-page .order-details .tab-content .item-details-content .content-footer .totals .total-info .title {
  margin-bottom: 12px;
}
.order-details-page .order-details .tab-content .item-details-content .content-footer .totals .total-info .cart-total,
.shipment-details-page .order-details .tab-content .item-details-content .content-footer .totals .total-info .cart-total {
  margin-bottom: 24px;
  width: 100%;
}
.order-details-page .order-details .tab-content .item-details-content .content-footer .totals .total-info .cart-total tr,
.shipment-details-page .order-details .tab-content .item-details-content .content-footer .totals .total-info .cart-total tr {
  border-bottom: 1px solid var(--gray-g200);
}
.order-details-page .order-details .tab-content .item-details-content .content-footer .totals .total-info .cart-total tr td,
.shipment-details-page .order-details .tab-content .item-details-content .content-footer .totals .total-info .cart-total tr td {
  vertical-align: middle;
  padding-bottom: 8px;
  padding-top: 8px;
  text-align: end;
}
.order-details-page .order-details .tab-content .item-details-content .content-footer .totals .total-info .cart-total tr .cart-total-left,
.shipment-details-page .order-details .tab-content .item-details-content .content-footer .totals .total-info .cart-total tr .cart-total-left {
  text-align: start;
}
.order-details-page .order-details .tab-content .item-details-content .content-footer .totals .total-info .cart-total tr .cart-total-left label,
.shipment-details-page .order-details .tab-content .item-details-content .content-footer .totals .total-info .cart-total tr .cart-total-left label {
  font-weight: 500;
  color: var(--secondary);
}
.order-details-page .order-details .tab-content .item-details-content .content-footer .totals .total-info .cart-total tr.order-total,
.shipment-details-page .order-details .tab-content .item-details-content .content-footer .totals .total-info .cart-total tr.order-total {
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
}
@media (min-width: 768px) {
  .order-details-page .order-details .tab-content .item-details-content .content-footer .totals .total-info .cart-total tr.order-total,
  .shipment-details-page .order-details .tab-content .item-details-content .content-footer .totals .total-info .cart-total tr.order-total {
    font-size: 24px;
    line-height: 38px;
  }
}
.order-details-page .order-details .tab-content .item-details-content .content-footer .totals .total-info .cart-total .earn-reward-points,
.shipment-details-page .order-details .tab-content .item-details-content .content-footer .totals .total-info .cart-total .earn-reward-points {
  font-style: italic;
}
.order-details-page .order-details .tab-content .item-details-content .content-footer .totals .terms-of-service,
.shipment-details-page .order-details .tab-content .item-details-content .content-footer .totals .terms-of-service {
  display: block;
  margin-bottom: 24px;
}
.order-details-page .order-details .tab-content .item-details-content .content-footer .totals .terms-of-service input[type=checkbox],
.shipment-details-page .order-details .tab-content .item-details-content .content-footer .totals .terms-of-service input[type=checkbox] {
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.order-details-page .order-details .tab-content .item-details-content .content-footer .totals .terms-of-service label,
.shipment-details-page .order-details .tab-content .item-details-content .content-footer .totals .terms-of-service label {
  display: inline;
  margin-inline-start: 4px;
}
.order-details-page .order-details .tab-content .item-details-content .content-footer .totals .terms-of-service .read,
.shipment-details-page .order-details .tab-content .item-details-content .content-footer .totals .terms-of-service .read {
  font-weight: 500;
}
.order-details-page .order-details .tab-content .item-details-content .content-footer .totals .checkout-buttons .checkout-disabled,
.shipment-details-page .order-details .tab-content .item-details-content .content-footer .totals .checkout-buttons .checkout-disabled {
  padding: 24px;
  color: var(--white);
  background-color: var(--yellow);
  border-radius: 8px;
}
.order-details-page .order-details .tab-content .item-details-content .content-footer .totals,
.shipment-details-page .order-details .tab-content .item-details-content .content-footer .totals {
  min-width: unset;
}
@media (min-width: 768px) {
  .order-details-page .order-details .tab-content .item-details-content .content-footer .totals,
  .shipment-details-page .order-details .tab-content .item-details-content .content-footer .totals {
    min-width: 410px;
  }
}
.order-details-page .order-details .tab-content .item-details-content .content-footer .options .title,
.shipment-details-page .order-details .tab-content .item-details-content .content-footer .options .title {
  font-weight: 600;
}
.order-details-page .order-details .tab-content .item-details-content .content-footer .options .selected-checkout-attributes,
.shipment-details-page .order-details .tab-content .item-details-content .content-footer .options .selected-checkout-attributes {
  margin-top: 6px;
}
.order-details-page .order-details .tab-content .item-details-content .content-footer .actions,
.shipment-details-page .order-details .tab-content .item-details-content .content-footer .actions {
  display: flex;
  gap: 12px;
  justify-content: center;
}
.order-details-page .order-details .tab-content .billing-info .billing-info-list li:not(:last-child),
.shipment-details-page .order-details .tab-content .billing-info .billing-info-list li:not(:last-child) {
  margin-bottom: 4px;
}
.order-details-page .order-details .tab-content .shipping-info-list li:not(:last-child),
.shipment-details-page .order-details .tab-content .shipping-info-list li:not(:last-child) {
  margin-bottom: 4px;
}

.shipment-details-page {
  margin-top: 64px;
}

.return-request-page .page-title {
  margin-bottom: 42px;
  padding: 38px 18px;
  display: flex;
  gap: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-image: linear-gradient(to right, #fff5e1, #fceded);
}
@media (min-width: 768px) {
  .return-request-page .page-title {
    padding: 42px 0;
    gap: 24px;
  }
}
.return-request-page .page-title h3 {
  line-height: 32px;
}
.return-request-page .title h5 {
  line-height: 28px;
}
.return-request-page .layout-wrapper {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  justify-content: center;
  gap: 48px;
}
.return-request-page .layout-wrapper > * {
  min-width: 0;
}
@media (min-width: 992px) {
  .return-request-page .layout-wrapper {
    grid-template-columns: repeat(10, 1fr);
  }
}
.return-request-page .layout-wrapper .section {
  grid-column: 1/-1;
}
@media (min-width: 992px) {
  .return-request-page .layout-wrapper .section {
    grid-column: 1/7;
  }
}
.return-request-page .layout-wrapper .form-wrapper {
  grid-column: 1/-1;
}
@media (min-width: 992px) {
  .return-request-page .layout-wrapper .form-wrapper {
    grid-column: 7/-1;
  }
}
.return-request-page .layout-wrapper .form-wrapper .fieldset {
  padding: 18px;
  background-color: var(--bg-g1);
  border-radius: 12px;
}
@media (min-width: 576px) {
  .return-request-page .layout-wrapper .form-wrapper .fieldset {
    padding: 24px;
  }
}
@media (max-width: 767.98px) {
  .return-request-page .layout-wrapper .data-table tr {
    padding-inline-start: 0;
  }
}
.return-request-page .layout-wrapper .return-request-file {
  font-size: 14px;
  width: 100%;
  margin: 0 auto;
}

.manufacturer-grid .item-box .picture {
  border: 1px solid var(--gray-g100);
  border-radius: 8px;
  overflow: hidden;
}
.manufacturer-grid .item-box .title {
  font-size: 18px;
  font-weight: 500;
  padding-top: 14px;
}
@media (min-width: 992px) {
  .manufacturer-grid .item-box .title {
    font-size: 20px;
  }
}

.compare-products-page .table-wrapper {
  margin: 0 0 30px;
  padding: 0 0 1px; /*IE mobile table border fix*/
}
.compare-products-page .table-wrapper .compare-products-table .remove-button {
  background-color: transparent;
  border: none;
  outline: none;
  margin: 0 auto;
}
.compare-products-page .table-wrapper .compare-products-table .remove-button:hover {
  color: var(--primary);
}
.compare-products-page .table-wrapper .compare-products-table tr.specification-group td {
  text-align: start;
  border: 0;
  text-wrap: nowrap;
}
.compare-products-page .table-wrapper .compare-products-table tr.specification-group td h6 {
  color: var(--primary);
}
.compare-products-page .table-wrapper .compare-products-table td {
  min-width: 150px;
  border: 1px solid var(--gray-g100);
  padding: 20px;
  text-align: start;
  vertical-align: top;
}
.compare-products-page .table-wrapper .compare-products-table td .attribute-squares {
  padding: 0;
}
.compare-products-page .table-wrapper .compare-products-table td .attribute-squares .attribute-square {
  cursor: auto;
  width: 18px;
  height: 18px;
}
.compare-products-page .table-wrapper .compare-products-table .picture {
  display: block;
  position: relative;
  overflow: hidden;
}
.compare-products-page .table-wrapper .compare-products-table .picture img {
  max-width: 100%;
  max-height: 550px;
  margin: auto;
}
.compare-products-page .table-wrapper .compare-products-table .product-name td {
  font-weight: 600;
}
.compare-products-page .table-wrapper .compare-products-table .product-name td a:hover, .compare-products-page .table-wrapper .compare-products-table .product-name td a:focus {
  color: var(--primary);
}
.compare-products-page .table-wrapper .compare-products-table .short-description td {
  line-height: 22px;
}
.compare-products-page .table-wrapper .compare-products-table .full-description td {
  display: none;
}
.compare-products-page .no-data {
  margin: 25px 0 0;
}

.back-in-stock-subscription-list-page .data-table {
  display: table;
}
.back-in-stock-subscription-list-page .data-table .product {
  min-width: 50px;
}
.back-in-stock-subscription-list-page .data-table thead {
  display: table-header-group;
  vertical-align: middle;
  width: 100%;
}
.back-in-stock-subscription-list-page .data-table tr {
  padding-inline-start: 0;
  display: table-row;
}
.back-in-stock-subscription-list-page .data-table tr th {
  text-align: start;
}
.back-in-stock-subscription-list-page .data-table tbody {
  display: table-row-group;
}
.back-in-stock-subscription-list-page .data-table tbody td {
  display: table-cell;
  border-bottom: 1px solid var(--gray-g200);
  background-color: #fff;
  padding: 20px 10px;
  color: inherit;
  text-align: start;
}

.bar-notification-container {
  position: fixed;
  top: 40px;
  inset-inline-end: 0;
  z-index: 1000;
  color: var(--white);
  opacity: 1;
  border-radius: 6px;
  padding: 14px;
}
@media (min-width: 576px) {
  .bar-notification-container {
    padding: 0;
    inset-inline-end: 40px;
  }
}

.bar-notification {
  position: relative;
  display: flex;
  align-items: center;
  border-radius: 6px;
  background-color: var(--secondary);
  box-shadow: 0px 0px 19px -7px rgba(0, 0, 0, 0.3);
  min-width: 250px;
  padding: 16px;
  padding-inline-end: 48px;
}
.bar-notification.error {
  color: var(--error);
}
.bar-notification.warning {
  color: var(--yellow);
}
.bar-notification .content {
  margin: 0 10px 0 0;
}
.bar-notification .content a {
  text-decoration: underline;
  color: var(--white);
}
.bar-notification .close {
  position: absolute;
  top: 17px;
  inset-inline-end: 16px;
  cursor: pointer;
}
.bar-notification .close::after {
  content: "\eb97";
  font-family: "remixicon", serif !important;
  font-style: normal;
  font-size: 1.5em;
}

.popup-notification {
  border-radius: 5px;
  padding: 3px;
  margin: 5px 0;
}
.popup-notification.success {
  border: 2px rgba(75, 176, 122, 0.5) solid;
}
.popup-notification.error {
  border: 2px rgba(228, 68, 76, 0.5) solid;
}
.popup-notification.warning {
  border: 2px rgba(243, 156, 18, 0.5) solid;
}

.search-page .page-title {
  margin: 0;
}

.search-input .fieldset {
  margin: 0 0 20px;
}

.search-input .form-fields {
  padding: 0;
}

.search-input input + label {
  display: inline;
  margin: 0 0 0 5px;
}

.advanced-search {
  margin: 30px 0 0;
}

.advanced-search .price-range {
  display: inline-block;
}

.advanced-search .price-range input {
  width: 80px;
  margin: 3px;
}

.search-input .buttons {
  text-align: center;
}

.search-results {
  margin: 30px 0 0;
}

.search-results .warning {
  margin: 10px 0;
  color: var(--secondary);
}

.news-list-page .news-items {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.news-list-page .news-items .news-item {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 14px;
  border-radius: 12px;
  border: 1px solid var(--gray-g100);
}
@media (min-width: 768px) {
  .news-list-page .news-items .news-item {
    padding: 24px;
  }
}
.news-list-page .news-items .news-item .news-head .news-date {
  margin-bottom: 8px;
}
.news-list-page .news-items .news-item .news-head .news-title {
  display: inline-block;
  position: relative;
  text-decoration: none;
  color: var(--secondary);
  font-size: 24px;
  line-height: 1.25;
  font-weight: 500;
}
.news-list-page .news-items .news-item .news-head .news-title:hover {
  color: var(--primary);
}
.news-list-page .news-items .news-item .news-body {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.news-list-page .news-items .news-item .news-body .buttons {
  text-transform: capitalize;
}
.news-list-page .news-items .news-item .news-body .buttons .read-more {
  text-decoration: underline;
  font-size: 16px;
  line-height: 26px;
  font-weight: 600;
}

.news-item-page {
  border-radius: 12px;
}
.news-item-page .page-title {
  min-height: 50px;
  text-align: center;
  margin-bottom: 25px;
}
.news-item-page .page-title h1 {
  margin-bottom: 10px;
  font-weight: 500;
  font-size: 28px;
  line-height: 36px;
}
.news-item-page .page-title .post-date {
  font-size: 18px;
  line-height: 28px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 8px;
}
.news-item-page .page-body {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.news-item-page .page-body .post-body h1,
.news-item-page .page-body .post-body h2,
.news-item-page .page-body .post-body h3,
.news-item-page .page-body .post-body h4 {
  margin-bottom: 5px;
  font-weight: 500;
  font-size: 20px !important;
  line-height: 24px;
}
.news-item-page .page-body .post-body p {
  margin-bottom: 20px;
}
.news-item-page .page-body .post-body p:last-child {
  margin-bottom: 0px;
}
.news-item-page .page-body .post-body p strong {
  margin-bottom: 12px;
  font-weight: 500;
}
.news-item-page .page-body .post-body ul {
  margin: 15px 0;
  padding-inline-start: 20px;
  list-style: disc;
}
.news-item-page .page-body .post-body ul li {
  list-style: disc;
}
.news-item-page .page-body .fieldset,
.news-item-page .page-body .new-comment {
  margin: 0px;
}
.news-item-page .page-body .fieldset .title,
.news-item-page .page-body .new-comment .title {
  margin-bottom: 24px;
}
.news-item-page .page-body .fieldset .title strong,
.news-item-page .page-body .new-comment .title strong {
  font-size: 24px;
  line-height: 34px;
  font-weight: 500;
}
.news-item-page .page-body .fieldset .form-fields .inputs textarea,
.news-item-page .page-body .new-comment .form-fields .inputs textarea {
  height: 160px;
  border: 2px solid var(--gray-g100);
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-radius: 8px;
  padding: 9px 16px;
  width: 100%;
  background: var(--white);
  color: var(--secondary);
  font-weight: 400;
  margin-bottom: 20px;
}
.news-item-page .page-body .fieldset .form-fields .inputs textarea:focus,
.news-item-page .page-body .new-comment .form-fields .inputs textarea:focus {
  border: 2px solid var(--secondary);
}
.news-item-page .page-body .fieldset .form-fields .inputs .field-validation-error,
.news-item-page .page-body .new-comment .form-fields .inputs .field-validation-error {
  text-align: start;
  font-size: 14px;
  margin-bottom: 10px;
}
.news-item-page .page-body .fieldset .buttons .button-1,
.news-item-page .page-body .new-comment .buttons .button-1 {
  background-color: var(--secondary);
  color: var(--white);
  padding: 12px 20px;
  border-radius: 99px;
  font-weight: 600;
}
.news-item-page .page-body .fieldset .result,
.news-item-page .page-body .new-comment .result {
  margin-bottom: 10px;
  color: var(--green);
  text-align: start;
}
.news-item-page .page-body .comment-list .title {
  font-size: 24px;
  margin-bottom: 24px;
}
.news-item-page .page-body .comment-list .title strong {
  font-weight: 500;
}
.news-item-page .page-body .comment-list .comments {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.news-item-page .page-body .comment-list .comments .news-comment {
  display: flex;
  flex-direction: row;
  gap: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--gray-g100);
}
.news-item-page .page-body .comment-list .comments .news-comment:last-child {
  border-bottom: none;
}
.news-item-page .page-body .comment-list .comments .news-comment .comment-info .user-info .avatar {
  flex-shrink: 0;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden;
}
.news-item-page .page-body .comment-list .comments .news-comment .comment-info .user-info .username {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}
.news-item-page .page-body .comment-list .comments .comment-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.news-item-page .page-body .comment-list .comments .comment-content .comment-header {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
}

.news-list-page .offcanvas-filter-btn button, .news-item-page .offcanvas-filter-btn button {
  background-color: var(--white);
  border: 1px solid var(--gray-g100);
  border-radius: 6px;
  padding: 8px 14px;
}
.news-list-page .offcanvas-filter-btn button:hover, .news-item-page .offcanvas-filter-btn button:hover {
  color: var(--white);
  border: 1px solid transparent;
  background-color: var(--secondary);
}

.news-list-homepage .news-items {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 10px;
}
@media (min-width: 576px) {
  .news-list-homepage .news-items {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}
@media (min-width: 768px) {
  .news-list-homepage .news-items {
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
  }
}
@media (min-width: 992px) {
  .news-list-homepage .news-items {
    grid-template-columns: repeat(3, 1fr);
  }
}
.news-list-homepage .news-items .news-item {
  border: 1px solid var(--gray-g100);
  border-radius: 6px;
  padding: 16px;
  transition: all 300ms ease;
}
.news-list-homepage .news-items .news-item {
  transition: all 300ms ease;
}
.news-list-homepage .news-items .news-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
@media (min-width: 768px) {
  .news-list-homepage .news-items .news-item {
    padding: 24px;
  }
}
.news-list-homepage .view-all {
  text-align: center;
  transition: all 0.3s ease;
}
.news-list-homepage .view-all:hover {
  color: var(--primary);
}
.news-list-homepage .view-all a {
  text-decoration: underline;
}
.eu-cookie-bar-notification {
  position: fixed;
  bottom: 20px;
  inset-inline-start: 20px;
  z-index: 1050;
  width: 320px;
  height: auto;
  border: 1px solid var(--gray-g100);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
  background-color: var(--bg-g1);
  border-radius: 6px;
  padding: 20px;
  text-align: center;
}

.eu-cookie-bar-notification .text {
  margin-bottom: 20px;
  line-height: 20px;
}

.eu-cookie-bar-notification button {
  width: 100%;
}

.eu-cookie-bar-notification a {
  display: block;
  color: var(--secondary);
  margin-top: 8px;
}

.eu-cookie-bar-notification a:hover,
.eu-cookie-bar-notification a:focus {
  text-decoration: underline;
}

.apply-vendor-page .terms-of-service {
  text-align: center;
}
.apply-vendor-page .terms-of-service > * {
  display: inline-block;
  line-height: 32px;
}
.apply-vendor-page .terms-of-service span, .apply-vendor-page .terms-of-service a {
  color: var(--primary);
  cursor: pointer;
}

.vendor-item {
  position: relative;
  height: 210px;
  border-radius: 16px;
  overflow: hidden;
}
@media (min-width: 576px) {
  .vendor-item {
    height: 330px;
  }
}
@media (min-width: 768px) {
  .vendor-item {
    height: 330px;
  }
}
@media (min-width: 992px) {
  .vendor-item {
    height: 350px;
  }
}
@media (min-width: 1200px) {
  .vendor-item {
    height: 410px;
  }
}
.vendor-item .picture {
  width: 100%;
  height: 100%;
}
.vendor-item .picture a {
  width: 100%;
  height: 100%;
}
.vendor-item .picture a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease-in-out;
}
.vendor-item .title {
  position: absolute;
  bottom: 18px;
  inset-inline-start: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
@media (min-width: 768px) {
  .vendor-item .title {
    bottom: 30px;
  }
}
.vendor-item .title a {
  display: block;
  width: fit-content;
  margin: 0 auto;
  font-size: 14px;
  font-weight: 500;
  color: var(--secondary);
  background-color: var(--white);
  padding: 12px 32px;
  border-radius: 50px;
  transition: all 0.3s ease-in-out;
  text-wrap: nowrap;
}
@media (min-width: 768px) {
  .vendor-item .title a {
    font-size: 18px;
  }
}
.vendor-item .title a:hover {
  color: var(--white);
  background-color: var(--secondary);
}

.vendor-product-reviews .vendor-product-reviews-title {
  border-bottom: 1px solid var(--gray-g100);
}
.vendor-product-reviews .product-review-item {
  border-radius: 8px;
  border: 1px solid var(--gray-g100);
  padding: 20px;
}
.vendor-product-reviews .product-review-item .review-item-head {
  border-bottom: 1px solid var(--gray-g100);
}
.vendor-product-reviews .product-review-item .review-content .avatar {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  flex-shrink: 0;
}
.vendor-product-reviews .product-review-item .review-content .avatar a {
  width: 100%;
  height: 100%;
}
.vendor-product-reviews .product-review-item .review-content .avatar a img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}

.vendor-page .block {
  display: flex;
  justify-content: center;
}
.vendor-page .block a {
  text-align: center;
}

.forum-breadcrumb ul {
  justify-content: start;
}

.forums-header {
  margin-bottom: 42px;
}
.forums-header .search-box {
  min-width: 100%;
}
@media (min-width: 768px) {
  .forums-header .search-box {
    min-width: 410px;
  }
}
.forums-header .search-box .advanced a {
  text-decoration: underline;
}
.forums-header .search-box .basic {
  position: relative;
  border-radius: 50px;
  border: 1px solid var(--gray-g100);
  overflow: hidden;
  padding: 14px 20px;
}
.forums-header .search-box .basic .search-box-text {
  border: none;
  padding: 0 48px 0 0;
}
.forums-header .search-box .basic .search-box-button {
  position: absolute;
  inset-inline-end: 5px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--white);
  background-color: var(--secondary);
  border: none;
  outline: none;
  height: 44px;
  width: 44px;
  border-radius: 44px;
  text-align: center;
}
.forums-header .search-box .basic .search-box-button:hover, .forums-header .search-box .basic .search-box-button:focus {
  background-color: var(--primary);
}

@media (min-width: 992px) {
  .forums-table-section td {
    min-width: 150px;
  }
}
.forums-table-section td:first-child {
  min-width: 90px;
}
.forums-table-section .forum-table td {
  text-align: center;
  vertical-align: middle;
}
.forums-table-section .forum-table td.latest-post .no-post, .forums-table-section .forum-table td.latest-post * {
  text-align: center;
}
.forums-table-section .forum-table td.forum-details, .forums-table-section .forum-table td.topic-details {
  text-align: start;
}
.forums-table-section .image div {
  width: 38px;
  height: 32px;
  margin: auto;
  background: url("../images/topic-type1.png") center no-repeat;
}
.forums-table-section .image div.sticky {
  background: url("../images/topic-type2.png") center no-repeat;
}
.forums-table-section .image div.announcement {
  background: url("../images/topic-type3.png") center no-repeat;
}
.forums-table-section .forum-title,
.forums-table-section .topic-title {
  margin: 5px 0;
  font-weight: 500;
}
.forums-table-section .forum-title a,
.forums-table-section .topic-title a {
  color: var(--secondary);
}
.forums-table-section .forum-title a:hover, .forums-table-section .forum-title a:focus,
.forums-table-section .topic-title a:hover,
.forums-table-section .topic-title a:focus {
  color: var(--primary);
  text-decoration: none;
}
.forums-table-section .topic-title span {
  display: block;
  color: var(--secondary);
}
.forums-table-section .forum-description,
.forums-table-section .topic-starter {
  margin: 5px 0;
}
.forums-table-section .latest-post {
  white-space: nowrap;
}
.forums-table-section .latest-post div {
  margin: 5px 0;
}
.forums-table-section .latest-post .view-all {
  margin: 30px 0 0;
  padding: 0 10px;
}
.forums-table-section .latest-post .view-all a {
  background-color: var(--secondary);
  padding: 10px 15px;
  color: #fff;
  text-transform: uppercase;
}
.forums-table-section .latest-post .view-all a:hover, .forums-table-section .latest-post .view-all a:focus {
  background-color: #248ece;
}
.forums-table-section .view-all {
  text-align: center;
}

.forum-page .forum-info {
  margin: 0 0 30px;
}

.forum-topic-page .topic-posts {
  margin-top: 24px;
  padding-top: 32px;
  border-top: 1px solid var(--gray-g100);
}
.forum-topic-page .topic-posts .topic-post {
  margin: 0 0 30px;
  padding: 14px;
  border: 1px solid var(--gray-g100);
  display: flex;
  flex-direction: column;
  gap: 0px;
  border-radius: 12px;
}
@media (min-width: 768px) {
  .forum-topic-page .topic-posts .topic-post {
    flex-direction: row;
    gap: 24px;
    padding: 24px;
  }
}
.forum-topic-page .topic-posts .topic-post .post-info .send-pm {
  text-align: center;
}
.forum-topic-page .topic-posts .topic-post .post-info .user-info .username {
  display: block;
  padding-bottom: 4px;
  text-align: center;
}
.forum-topic-page .topic-posts .topic-post .post-info .user-stats {
  padding: 8px 0;
}
.forum-topic-page .topic-posts .topic-post .post-info .user-stats * {
  text-align: center;
}
@media (min-width: 992px) {
  .forum-topic-page .topic-posts .topic-post .post-info .user-stats * {
    text-align: start;
  }
}
.forum-topic-page .topic-posts .topic-post .post-content {
  flex: 1;
}
.forum-topic-page .topic-posts .topic-post .post-content * {
  text-align: center;
}
@media (min-width: 992px) {
  .forum-topic-page .topic-posts .topic-post .post-content * {
    text-align: start;
  }
}
.forum-topic-page .topic-posts .topic-post .post-content .post-head {
  display: flex;
  gap: 12px;
  flex-direction: column;
  order: 2;
  padding-bottom: 4px;
  border-bottom: 1px solid var(--gray-g100);
  text-align: center;
}
@media (min-width: 768px) {
  .forum-topic-page .topic-posts .topic-post .post-content .post-head {
    flex-direction: row;
    justify-content: end;
  }
}
.forum-topic-page .topic-posts .topic-post .post-content .post-head .post-actions {
  display: flex;
  justify-content: center;
  gap: 12px;
}
.forum-topic-page .topic-posts .topic-post .post-content .post-head .post-actions .manage-post {
  display: flex;
  gap: 12px;
}
.forum-topic-page .topic-posts .topic-post .post-content .post-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  height: 100%;
  padding-top: 14px;
}
@media (min-width: 768px) {
  .forum-topic-page .topic-posts .topic-post .post-content .post-body {
    flex-direction: row;
    gap: 42px;
  }
}
.forum-topic-page .topic-posts .topic-post .post-content .post-body .post-text {
  flex: 1;
  width: 100%;
  height: 100%;
}
.forum-topic-page .topic-posts .topic-post .post-content .post-body .post-vote .vote-count-post {
  text-align: center;
}
.forum-topic-page .topic-posts .topic-post .post-vote span.vote {
  cursor: pointer;
  display: block;
  width: 40px;
  height: 24px;
}
.forum-topic-page .topic-posts .topic-post .post-vote span.up {
  background: url("../images/vote-up.png") no-repeat 50% 50%;
}
.forum-topic-page .topic-posts .topic-post .post-vote span.up.selected {
  background: url("../images/vote-up-selected.png") no-repeat 50% 50%;
}
.forum-topic-page .topic-posts .topic-post .post-vote span.down {
  background: url("../images/vote-down.png") no-repeat 50% 50%;
}
.forum-topic-page .topic-posts .topic-post .post-vote span.down.selected {
  background: url("../images/vote-down-selected.png") no-repeat 50% 50%;
}
.forum-topic-page .topic-posts .topic-post .vote-count-post {
  display: block;
  font-size: 160%;
}

.topic-post .avatar,
.profile-info-box .avatar {
  position: relative;
  width: 150px;
  height: 150px;
  border: 1px solid #ddd;
  overflow: hidden;
  margin: 0 auto;
}
.topic-post .avatar a,
.profile-info-box .avatar a {
  width: 100%;
  height: 100%;
}
.topic-post .avatar img,
.profile-info-box .avatar img {
  position: absolute;
  top: 0;
  inset-inline-end: 0;
  bottom: 0;
  inset-inline-start: 0;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}
.topic-post .user-stats span,
.topic-post .profile-stats span,
.profile-info-box .user-stats span,
.profile-info-box .profile-stats span {
  margin: 0 0 0 3px;
  font-weight: bold;
  color: #444;
}

.topic-post .user-posted-image,
.latest-posts .user-posted-image {
  max-width: 100%;
  height: auto;
}
.topic-post .quote,
.latest-posts .quote {
  margin: 10px 0;
  border: 1px dashed var(--gray-g100);
  background-color: var(--bg-g1);
  padding: 10px;
}

.forum-page .forum-name,
.forum-page .topic-name,
.forum-page .page-title,
.forum-topic-page .forum-name,
.forum-topic-page .topic-name,
.forum-topic-page .page-title,
.forum-search-page .forum-name,
.forum-search-page .topic-name,
.forum-search-page .page-title {
  margin: 0 0 24px;
  border-bottom: 1px solid var(--gray-g100);
  padding-bottom: 12px;
  font-weight: 500;
}

.forum-actions,
.topic-actions {
  margin-top: 24px;
}

.topic-actions .actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.topic-actions .actions a {
  color: var(--white);
  padding: 8px 18px;
  border-radius: 40px;
  background-color: var(--secondary);
}

.forum-edit-page .page-body {
  max-width: 600px;
  margin: 0 auto;
}

.forum-edit-page .bb-code-editor-wrapper,
.private-message-send-page .bb-code-editor-wrapper {
  padding: 12px;
  border-radius: 6px;
  border: 2px solid var(--gray-g100);
  background-color: var(--bg-g1);
}
.forum-edit-page .toolbar,
.private-message-send-page .toolbar {
  display: flex;
  gap: 8px;
  justify-content: center;
}
.forum-edit-page .toolbar .button, .forum-edit-page .toolbar .inquiry-submitted-page .button-1, .inquiry-submitted-page .forum-edit-page .toolbar .button-1, .forum-edit-page .toolbar .wholesale-inquiry-page .button-1, .wholesale-inquiry-page .forum-edit-page .toolbar .button-1, .forum-edit-page .toolbar .addresssave, .forum-edit-page .toolbar .home-page-polls .poll .buttons .button-2.vote-poll-button, .home-page-polls .poll .buttons .forum-edit-page .toolbar .button-2.vote-poll-button,
.forum-edit-page .toolbar .home-page-polls .poll-total-votes .button-2.vote-poll-button,
.home-page-polls .poll-total-votes .forum-edit-page .toolbar .button-2.vote-poll-button, .forum-edit-page .toolbar .ui-dialog-buttonset button, .ui-dialog-buttonset .forum-edit-page .toolbar button, .forum-edit-page .toolbar .apply-shipping-button, .forum-edit-page .toolbar .checkout-page .button-1, .checkout-page .forum-edit-page .toolbar .button-1, .forum-edit-page .toolbar .login-page .button-1.save-customer-info-button, .login-page .forum-edit-page .toolbar .button-1.save-customer-info-button,
.forum-edit-page .toolbar .registration-page .button-1.save-customer-info-button,
.registration-page .forum-edit-page .toolbar .button-1.save-customer-info-button,
.forum-edit-page .toolbar .registration-result-page .button-1.save-customer-info-button,
.registration-result-page .forum-edit-page .toolbar .button-1.save-customer-info-button,
.forum-edit-page .toolbar .password-recovery-page .button-1.save-customer-info-button,
.password-recovery-page .forum-edit-page .toolbar .button-1.save-customer-info-button, .forum-edit-page .toolbar .forum-subscriptions-page .button-1.delete-selected-fs-button, .forum-subscriptions-page .forum-edit-page .toolbar .button-1.delete-selected-fs-button, .forum-edit-page .toolbar :is(.multi-factor-authentication-config-page, .multi-factor-authentication-page) .button-1.save-customer-info-button, :is(.multi-factor-authentication-config-page, .multi-factor-authentication-page) .forum-edit-page .toolbar .button-1.save-customer-info-button, .forum-edit-page .toolbar :is(.multi-factor-authentication-config-page, .multi-factor-authentication-page) .button-1.save-customer-mfa-button, :is(.multi-factor-authentication-config-page, .multi-factor-authentication-page) .forum-edit-page .toolbar .button-1.save-customer-mfa-button, .forum-edit-page .toolbar .news-list-homepage .read-more, .news-list-homepage .forum-edit-page .toolbar .read-more, .forum-edit-page .toolbar .eu-cookie-bar-notification button, .eu-cookie-bar-notification .forum-edit-page .toolbar button,
.private-message-send-page .toolbar .button,
.private-message-send-page .toolbar .inquiry-submitted-page .button-1,
.inquiry-submitted-page .private-message-send-page .toolbar .button-1,
.private-message-send-page .toolbar .wholesale-inquiry-page .button-1,
.wholesale-inquiry-page .private-message-send-page .toolbar .button-1,
.private-message-send-page .toolbar .addresssave,
.private-message-send-page .toolbar .home-page-polls .poll .buttons .button-2.vote-poll-button,
.home-page-polls .poll .buttons .private-message-send-page .toolbar .button-2.vote-poll-button,
.private-message-send-page .toolbar .home-page-polls .poll-total-votes .button-2.vote-poll-button,
.home-page-polls .poll-total-votes .private-message-send-page .toolbar .button-2.vote-poll-button,
.private-message-send-page .toolbar .ui-dialog-buttonset button,
.ui-dialog-buttonset .private-message-send-page .toolbar button,
.private-message-send-page .toolbar .apply-shipping-button,
.private-message-send-page .toolbar .checkout-page .button-1,
.checkout-page .private-message-send-page .toolbar .button-1,
.private-message-send-page .toolbar .login-page .button-1.save-customer-info-button,
.login-page .private-message-send-page .toolbar .button-1.save-customer-info-button,
.private-message-send-page .toolbar .registration-page .button-1.save-customer-info-button,
.registration-page .private-message-send-page .toolbar .button-1.save-customer-info-button,
.private-message-send-page .toolbar .registration-result-page .button-1.save-customer-info-button,
.registration-result-page .private-message-send-page .toolbar .button-1.save-customer-info-button,
.private-message-send-page .toolbar .password-recovery-page .button-1.save-customer-info-button,
.password-recovery-page .private-message-send-page .toolbar .button-1.save-customer-info-button,
.private-message-send-page .toolbar .forum-subscriptions-page .button-1.delete-selected-fs-button,
.forum-subscriptions-page .private-message-send-page .toolbar .button-1.delete-selected-fs-button,
.private-message-send-page .toolbar :is(.multi-factor-authentication-config-page, .multi-factor-authentication-page) .button-1.save-customer-info-button,
:is(.multi-factor-authentication-config-page, .multi-factor-authentication-page) .private-message-send-page .toolbar .button-1.save-customer-info-button,
.private-message-send-page .toolbar :is(.multi-factor-authentication-config-page, .multi-factor-authentication-page) .button-1.save-customer-mfa-button,
:is(.multi-factor-authentication-config-page, .multi-factor-authentication-page) .private-message-send-page .toolbar .button-1.save-customer-mfa-button,
.private-message-send-page .toolbar .news-list-homepage .read-more,
.news-list-homepage .private-message-send-page .toolbar .read-more,
.private-message-send-page .toolbar .eu-cookie-bar-notification button,
.eu-cookie-bar-notification .private-message-send-page .toolbar button {
  margin: 0 2px 0 0;
  border: #cec6b5 1px solid;
  padding: 2px;
}
.forum-edit-page textarea,
.private-message-send-page textarea {
  display: block;
  margin: auto;
}

.forum-edit-page .page-title,
.move-topic-page .page-title {
  margin: 0 0 -1px;
}

.move-topic-page label {
  white-space: normal;
}

.forum-actions .pager.upper,
.topic-actions .pager.upper {
  display: none;
  margin: 0;
}
@media (min-width: 992px) {
  .forum-actions .pager.upper,
  .topic-actions .pager.upper {
    display: block;
  }
}

.forum-table th.replies,
.forum-table th.views,
.forum-table th.votes,
.forum-table th.latest-post,
.forum-table th.topics,
.forum-table th.posts,
.forum-table td.replies,
.forum-table td.views,
.forum-table td.votes,
.forum-table td.latest-post,
.forum-table td.topics,
.forum-table td.posts {
  display: none;
}

@media (min-width: 992px) {
  .forum-group .forum-table th.latest-post,
  .forum-group .forum-table th.topics,
  .forum-group .forum-table th.posts,
  .forum-group .forum-table td.latest-post,
  .forum-group .forum-table td.topics,
  .forum-group .forum-table td.posts {
    display: table-cell;
  }
}

@media (min-width: 992px) {
  .topic-group .forum-table th.latest-post,
  .topic-group .forum-table td.latest-post {
    display: table-cell;
  }
}

.move-topic-page select {
  max-width: 560px;
}

/* jQuery tabs */
.ui-tabs {
  font-family: "Kumbh Sans", sans-serif;
}
.ui-tabs.ui-widget-content {
  padding: 32px;
}
.ui-tabs .ui-tabs-nav {
  overflow: hidden;
  margin: 0 0 24px !important;
  border-width: 0 0 1px;
  border-radius: 0;
  background: none;
  padding: 0 !important;
  display: flex;
  gap: 24px;
}
.ui-tabs .ui-tabs-nav::before {
  display: none;
}
@media (min-width: 576px) {
  .ui-tabs .ui-tabs-nav {
    gap: 36px;
  }
}
@media (min-width: 768px) {
  .ui-tabs .ui-tabs-nav {
    gap: 50px;
  }
}
.ui-tabs .ui-tabs-nav li {
  float: none !important;
  margin: 0 0 -1px !important;
  border: none !important;
  border-radius: 0;
  background: none !important;
  padding: 0 !important;
  min-width: auto !important;
  margin-bottom: 12px;
}
.ui-tabs .ui-tabs-nav li.ui-state-active {
  background-color: transparent;
}
.ui-tabs .ui-tabs-nav li.ui-state-active a {
  color: var(--primary);
}
.ui-tabs .ui-tabs-nav li.ui-state-active a::after {
  width: 100%;
}
.ui-tabs .ui-tabs-nav li a {
  float: none !important;
  color: var(--secondary);
  line-height: normal;
  font-weight: 500;
  font-size: 16px;
  padding: 0 0 12px !important;
  position: relative;
}
@media (min-width: 768px) {
  .ui-tabs .ui-tabs-nav li a {
    font-size: 18px;
  }
}
.ui-tabs .ui-tabs-nav li a::after {
  content: "";
  position: absolute;
  background-color: var(--primary);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  bottom: 0;
  inset-inline-start: 0;
  width: 0;
  height: 2px;
}
.ui-tabs .ui-tabs-panel {
  padding: 0 !important;
}

.private-messages-page {
  margin: 48px 0;
}
.private-messages-page .page-title {
  margin-bottom: 24px;
}
.private-messages-page .no-items {
  color: var(--secondary);
  padding: 20px;
  text-align: center;
}
.private-messages-page .data-table tr {
  padding-inline-start: 0;
}
.private-messages-page th.select {
  text-align: center;
}
.private-messages-page td.subject a {
  color: var(--secondary) !important;
  font-weight: 400 !important;
}
.private-messages-page td.subject a.pm-unread {
  color: var(--secondary) !important;
  font-weight: 600 !important;
}
.private-messages-page td.date {
  white-space: nowrap;
}
.private-messages-page .pager {
  margin: 0 0 30px;
}

.private-message-view-page {
  margin: 48px auto;
}
.private-message-view-page .page-title {
  margin-bottom: 24px;
}
.private-message-view-page .view-message {
  margin: 0 0 30px;
}
.private-message-view-page .message-head {
  margin: 0 0 20px;
  line-height: 22px;
}
.private-message-view-page .message-head li {
  margin: 0 0 8px;
}
.private-message-view-page .message-head span {
  font-weight: bold;
  color: var(--secondary);
}
.private-message-view-page .message-body {
  padding: 18px;
  background-color: var(--bg-g1);
}

.private-message-send-page {
  margin: 48px 0;
}
.private-message-send-page .page-title {
  margin-bottom: 24px;
}
.private-message-send-page .page-body {
  max-width: 600px;
  margin: 0 auto;
}

.profile-page {
  margin: 48px auto;
}
.profile-page .page-title {
  margin-bottom: 24px;
}
.profile-page .profile-info-box {
  overflow: hidden;
  line-height: normal;
}
.profile-page .profile-info-box .user-details {
  margin: 0 0 30px;
}
.profile-page .profile-info-box .avatar {
  margin: 0 !important;
}
.profile-page .profile-info-box .title {
  margin: 0 0 10px;
  font-size: 18px;
}
.profile-page .profile-info-box .stats li {
  line-height: 24px;
}
.profile-page .profile-info-box .stats li:not(:last-child) {
  margin-bottom: 4px;
}

.latest-posts {
  line-height: normal;
}
.latest-posts .topic {
  margin: 0 0 35px;
}
.latest-posts .topic-title {
  margin: 0 0 20px;
  border-top: 1px solid #ddd;
  background: #f6f6f6;
  padding: 10px;
  font-size: 16px;
}
.latest-posts .topic-title a {
  font-weight: 500;
  color: var(--secondary);
}

.latest-posts .topic-title a:hover,
.latest-posts .topic-title a:focus {
  color: #4ab2f1;
}

.latest-posts .topic-body {
  margin: 0 0 15px;
  line-height: 22px;
}

.latest-posts .topic-data {
  color: #444;
}

.home-page-polls .poll strong {
  text-align: center;
  display: block;
  margin: 8px 0;
  background-color: var(--bg-g1);
  padding: 8px 12px;
  font-weight: normal;
  color: var(--text-clr);
  text-transform: uppercase;
  border-radius: 6px;
}
.home-page-polls .poll-options,
.home-page-polls .poll-results {
  margin: 8px 0 14px;
  overflow: hidden;
  color: var(--text-clr);
}
.home-page-polls ul:is(.poll-options, .poll-results) {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px;
}
.home-page-polls .poll-options li,
.home-page-polls .poll-results li {
  width: fit-content;
  margin: 8px 0;
}
.home-page-polls .poll-options li > input {
  margin: 0 4px 0 0;
  cursor: pointer;
}
.home-page-polls .poll-options li > label {
  display: inline-block;
  cursor: pointer;
}
.home-page-polls .poll .buttons,
.home-page-polls .poll-total-votes {
  display: flex;
  justify-content: center;
  text-align: center;
}
.home-page-polls .poll-total-votes {
  display: block;
  margin: 8px 0 0;
  font-weight: 600;
  font-style: italic;
  color: var(--text-clr);
}
.home-page-polls .home-page-polls {
  text-align: center;
}

.sitemap-page .description {
  margin: 0 0 30px;
  text-align: center;
}
.sitemap-page .entity {
  margin: 0 0 30px;
}
.sitemap-page .entity .entity-title {
  margin: 0 0 15px;
  padding: 0 10px;
  text-align: center;
}
.sitemap-page .entity .entity-title h2 {
  font-size: 20px;
  font-weight: normal;
  color: #444;
}
.sitemap-page .entity .entity-body {
  border-top: 1px solid var(--gray-g100);
  padding: 30px 15px;
  text-align: center;
}
.sitemap-page .entity li {
  display: inline-block;
  position: relative;
  margin: 0 8px;
  padding: 0 12px;
  line-height: 50px;
  font-size: 14px; /*reset zeroing*/
}
.sitemap-page .entity li::before {
  content: "";
  position: absolute;
  top: 23px;
  inset-inline-start: 0;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: var(--text-clr);
}
.sitemap-page .entity li a:hover, .sitemap-page .entity li a:focus {
  color: var(--primary);
}
.sitemap-page .entity a:empty {
  display: none;
}

.splide__pagination {
  bottom: 12px;
  display: flex;
  gap: 5px;
}
.splide__pagination li {
  height: 12px;
  width: 12px;
}
@media (min-width: 576px) {
  .splide__pagination li {
    height: 16px;
    width: 16px;
  }
}
.splide__pagination .splide__pagination__page {
  width: 12px;
  height: 12px;
  opacity: 1;
  position: relative;
  margin: 0;
}
@media (min-width: 576px) {
  .splide__pagination .splide__pagination__page {
    height: 16px;
    width: 16px;
  }
}
.splide__pagination .splide__pagination__page:before {
  content: "";
  width: 4px;
  height: 4px;
  background-color: var(--gray-g200);
  border-radius: 50%;
  position: absolute;
  inset-inline-end: 3px;
  top: 50%;
  transform: translateY(-50%);
  transition: background-color 0.3s ease-in-out;
}
@media (min-width: 576px) {
  .splide__pagination .splide__pagination__page:before {
    height: 6px;
    width: 6px;
    inset-inline-end: 4px;
  }
}
.splide__pagination .splide__pagination__page.is-active {
  background-color: transparent;
  border-radius: 50%;
  border: 1px solid var(--secondary);
}
.splide__pagination .splide__pagination__page.is-active:before {
  background-color: var(--secondary);
}
.splide__pagination .splide__pagination__page:not(.is-active) {
  background: transparent;
}

.onepage-checkout-plugin .payment-method, .onepage-checkout-plugin .shipping-method {
  margin: 0;
}
.onepage-checkout-plugin .payment-method .method-description, .onepage-checkout-plugin .shipping-method .method-description {
  margin: 0;
}
.onepage-checkout-plugin .payment-method ul.method-list, .onepage-checkout-plugin .shipping-method ul.method-list {
  gap: 0;
  border: 1px solid var(--gray-100);
}
.onepage-checkout-plugin .payment-method .method-name:has(input[type=radio]:checked), .onepage-checkout-plugin .shipping-method .method-name:has(input[type=radio]:checked) {
  background-color: var(--bg-g1);
  transition: none;
  color: var(--text-clr);
  border: 1px solid var(--secondary);
}
.onepage-checkout-plugin .payment-method .method-list li:first-child > *, .onepage-checkout-plugin .shipping-method .method-list li:first-child > * {
  border-top: 1px solid var(--gray-g100);
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.onepage-checkout-plugin .payment-method .method-list li:last-child > *, .onepage-checkout-plugin .shipping-method .method-list li:last-child > * {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.onepage-checkout-plugin .payment-method .method-name, .onepage-checkout-plugin .shipping-method .method-name {
  display: flex;
  height: 100%;
  align-items: center;
  font-weight: 500;
  border: 1px solid var(--gray-g100);
  border-top: 0;
  padding: 12px 20px;
  cursor: pointer;
  gap: 16px;
  transition: none;
  border-radius: 0;
  box-shadow: rgba(99, 99, 99, 0) 0 2px 8px 0;
}
.onepage-checkout-plugin .payment-method .method-name:hover, .onepage-checkout-plugin .shipping-method .method-name:hover {
  border: 1px solid var(--gray-g100);
  border-top: 0;
}
.onepage-checkout-plugin .address-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.onepage-checkout-plugin .titleopc {
  margin-bottom: 8px;
}
@media (min-width: 768px) {
  .onepage-checkout-plugin .titleopc {
    margin-bottom: 12px;
  }
}
.onepage-checkout-plugin table.cart {
  width: 100%;
}
.onepage-checkout-plugin table.cart td.quantity {
  position: relative;
}
.onepage-checkout-plugin table.cart td.quantity .product-quantity {
  position: relative;
}
.onepage-checkout-plugin table.cart td.quantity .product-quantity:has(input.qty-input:focus) > :is(.quantity) {
  scale: 0;
  overflow: hidden;
  transition: 0.3s all ease;
}
.onepage-checkout-plugin table.cart td.quantity .product-quantity input.qty-input {
  min-width: 100px;
  padding: 8px 24px;
  text-align: center;
  width: 100%;
  border-radius: 50px;
}
.onepage-checkout-plugin table.cart td.quantity .product-quantity input.qty-input:focus .quantity {
  transform: scale(0);
}
.onepage-checkout-plugin table.cart td.quantity .product-quantity .quantity {
  position: absolute;
  background: transparent;
  border: none;
  transform: scale(1);
  top: 10px;
  transition: 0.3s all ease;
  cursor: pointer;
}
.onepage-checkout-plugin table.cart td.quantity .product-quantity .quantity.down {
  inset-inline-start: 14px;
}
.onepage-checkout-plugin table.cart td.quantity .product-quantity .quantity.up {
  inset-inline-end: 14px;
}
.onepage-checkout-plugin .tax-shipping-info {
  margin: 20px 0;
  text-align: center;
}
.onepage-checkout-plugin .tax-shipping-info a {
  color: var(--primary);
}
.onepage-checkout-plugin .tax-shipping-info a:hover, .onepage-checkout-plugin .tax-shipping-info a:focus {
  text-decoration: underline;
}
.onepage-checkout-plugin .cart-footer {
  margin-top: 42px;
}
.onepage-checkout-plugin .cart-options {
  margin-top: 0;
}
.onepage-checkout-plugin .cart-options .common-buttons {
  background-color: var(--bg-g1);
  padding: 24px;
  text-align: center;
  border-radius: 12px;
}
.onepage-checkout-plugin .cart-collaterals .deals {
  flex-direction: column;
  gap: 12px;
}
.onepage-checkout-plugin .totals .title {
  display: block;
}
.onepage-checkout-plugin .product .quantity {
  font-weight: 500;
}
.onepage-checkout-plugin td.subtotal {
  text-align: end;
}
@media (min-width: 768px) {
  .onepage-checkout-plugin td.subtotal {
    text-align: center;
  }
}
.onepage-checkout-plugin .remove-btn {
  color: var(--error);
  border: none;
  outline: none;
  background: transparent;
}
.onepage-checkout-plugin .remove-btn:hover i::before {
  content: "\eb96";
}
.onepage-checkout-plugin .cart-collaterals .deals .coupon-code .discount-coupon-code, .onepage-checkout-plugin .cart-collaterals .deals .coupon-code .gift-card-coupon-code {
  padding: 12px 200px 20px 24px;
}
.onepage-checkout-plugin .payment-info .info td:first-child {
  text-align: start;
}
.onepage-checkout-plugin .checkout-attributes {
  margin-top: 10px;
}
.onepage-checkout-plugin .cart-options .checkout-attributes,
.onepage-checkout-plugin .cart-options .selected-checkout-attributes {
  padding: 0;
}
.onepage-checkout-plugin .checkout-attributes {
  margin: 0;
}
.onepage-checkout-plugin .checkout-page .selected-checkout-attributes {
  float: none;
  text-align: start;
  margin: 24px 0;
}
.onepage-checkout-plugin #confirm-order-buttons-container {
  text-align: end;
}
.onepage-checkout-plugin .payment-info .info tr {
  display: block;
  margin: 0 0 16px;
  font-size: 0;
}
.onepage-checkout-plugin .payment-info .info tr:last-child {
  margin: 0 0 0;
}
.onepage-checkout-plugin #payment-info-buttons-container {
  display: none;
}
.onepage-checkout-plugin .cart-collaterals {
  width: 100%;
  padding: 0;
  margin: 0;
}
.onepage-checkout-plugin .cart-collaterals > div {
  max-width: 100%;
  margin: 0;
}
.onepage-checkout-plugin .cart-collaterals .deals > div {
  margin: 0;
}
.onepage-checkout-plugin .payment-method .payment-logo > label > img {
  height: 100%;
  width: 53px;
}
.onepage-checkout-plugin .payment-method .use-reward-points {
  margin: 0 0 16px;
}
.onepage-checkout-plugin .pickup-in-store {
  flex-direction: column;
  align-items: start;
  text-align: start;
}
.onepage-checkout-plugin .select-pickup-point {
  display: flex;
  flex-direction: column;
  text-align: start;
  align-items: start;
}

.ui-dialog .inputs .option-list li {
  display: flex;
  align-items: center;
  margin: 5px;
  border: 1px solid #ddd;
  background-color: #fff;
  padding: 8px 10px;
  gap: 5px;
}
.ui-dialog .inputs .option-list li > input {
  flex-shrink: 0;
}
.ui-dialog .inputs input[type=text],
.ui-dialog .inputs input[type=email],
.ui-dialog .inputs input[type=tel],
.ui-dialog .inputs input[type=password],
.ui-dialog .inputs select,
.ui-dialog .inputs textarea {
  width: 100%;
}
.ui-dialog .enter-address .edit-address {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 16px;
}

.shipping-address .addressradio {
  min-height: 100px;
  justify-content: start;
  gap: 16px;
}

.opc-save-address-button {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 16px;
}

.addressbuttons {
  margin-top: 10px;
  display: inline-flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: end;
}

.ui-dialog-buttonpane {
  margin-top: 0;
  position: relative;
}

.ui-dialog .ui-dialog-buttonpane {
  margin-top: 0;
}

.address-text-danger {
  display: block;
  margin-top: 4px;
  color: var(--primary);
}

.opc-section {
  margin-bottom: 24px;
}

.onepage-checkout-plugin #shiptosameadrress,
.onepage-checkout-plugin #opcshippingpart,
.onepage-checkout-plugin #opcpickuppointspart {
  margin-top: 32px;
}

.onepage-checkout-plugin input[type=radio]:checked + .addressradio {
  border-color: var(--secondary);
  background-color: var(--bg-g1);
}

.onepage-checkout-plugin #shiptosameadrress .shipping-to-same {
  text-align: center;
}

.onepage-checkout-plugin .payment-method .payment-details {
  display: block;
  min-width: 0;
  margin: 0 0 0;
  text-align: start;
}

.onepage-checkout-plugin .payment-method .payment-details .payment-description {
  margin-top: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.onepage-checkout-plugin .payment-info .info {
  padding: 0;
  text-align: start;
}

.onepage-checkout-plugin .payment-info .info p {
  text-align: start;
}

.onepage-checkout-plugin .payment-info .info td select {
  margin-top: 4px;
}

.bssadd .inputs {
  text-align: start;
}

.bssadd .inputs label {
  width: 100%;
  display: block;
  text-align: start;
}

#billingaddressdialog .inputs .option-list,
#shipping-new-address-form .inputs .option-list {
  display: inline-flex;
}

.addressradio {
  padding: 16px;
  border: 1px solid var(--gray-g100);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 150px;
  height: 100%;
  cursor: pointer;
  font-size: 1em;
  transition: all 0.3s ease;
  width: 100%;
  border-radius: 6px;
}
.addressradio:hover {
  border: 1px solid var(--secondary);
}

.onepage-checkout-plugin #billingaddresslist,
.onepage-checkout-plugin #shippingaddresslist {
  max-height: 420px;
  overflow: auto;
  padding-bottom: 8px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 20px;
}

/*================ OPC Cart Details ================*/
.opc-plugin-cart .unit-price {
  text-align: center;
}

.opc-plugin-cart colgroup, .opc-plugin-cart thead {
  display: none;
}

.opc-plugin-cart tbody {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 16px;
}

.opc-plugin-cart tbody tr {
  border: 1px solid #ddd;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(4, auto);
}

.opc-plugin-cart tbody tr td.product-picture {
  grid-column: 1/-1;
  grid-row: 1/2;
  border-bottom: 1px solid #ddd;
  text-align: center;
}

.opc-plugin-cart tbody tr td.product {
  grid-column: 1/-1;
  grid-row: 2/3;
  border-bottom: 1px solid #ddd;
}

.opc-plugin-cart tbody tr td.unit-price {
  grid-column: 1/2;
  grid-row: 3/4;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.opc-plugin-cart tbody tr td.quantity {
  grid-column: 2/-1;
  grid-row: 3/4;
  border-left: 1px solid #ddd;
  display: flex;
  justify-content: center;
  align-items: center;
}

.opc-plugin-cart tbody tr td.quantity label {
  display: none;
}

.opc-plugin-cart tbody tr td.subtotal {
  grid-column: 1/-1;
  grid-row: 4/5;
  border-top: 1px solid #ddd;
  display: flex;
  flex-direction: column;
  gap: 2px;
  justify-content: center;
  align-items: center;
}

.opc-plugin-cart tbody tr td.subtotal .subtotal-extra {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.opc-plugin-cart td {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #ddd;
  padding: 12px;
  min-width: 100px;
  background-color: #fff;
  color: #444;
}

.onepage-checkout-plugin .tax-shipping-info {
  margin-top: 8px;
}

.opc-plugin-cart td label {
  display: unset;
}

.address-select {
  width: 100%;
}

.checkout-page .pickup-points-map {
  width: 100%;
}

.opc-plugin-cart a {
  color: #444;
  font-weight: bold;
}

.opc-plugin-cart .product-picture img {
  object-fit: cover;
}

.opc-plugin-cart .product {
  min-width: 100%;
  width: 100%;
  text-align: center;
}

.opc-plugin-cart .product label {
  display: unset;
}

.opc-plugin-cart .product .product-name {
  display: inline-block;
  margin-bottom: 4px;
  font-weight: bold;
}

.opc-plugin-cart .product .product-extra {
  font-size: 12px;
}

.opc-plugin-cart .product .product-extra > div {
  display: flex;
  justify-content: center;
  gap: 0.25rem;
}

.opc-plugin-cart .attributes {
  margin: 0;
}

.opc-plugin-cart .product-quantity {
  border: 1px solid #ddd;
  position: relative;
}

.opc-plugin-cart .product-quantity .qty-input {
  width: 100%;
  text-align: center;
  padding: 0 32px;
  border: 0;
}

.opc-plugin-cart .product-quantity .quantity {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 100%;
  border: none;
  color: black;
  background-color: #F6F6F6;
  position: absolute;
  top: 0;
}

.opc-plugin-cart .product-quantity .quantity.plus {
  inset-inline-end: 0;
}

.opc-plugin-cart .product-quantity .quantity.minus {
  inset-inline-start: 0;
}

.opc-plugin-cart .product .edit-item {
  margin: 0;
}

.opc-plugin-cart .remove-from-opc-cart {
  margin-top: 4px;
}

.opc-plugin-cart .remove-from-opc-cart .remove-item {
  color: #444;
  background: transparent;
  font-weight: bold;
  border: none;
}

.opc-plugin-cart td.subtotal {
  white-space: normal;
}

.opc-plugin-cart td.subtotal .discount,
.opc-plugin-cart td.subtotal .discount-additional-info {
  font-size: 12px;
  margin-top: 4px;
}

/*================ OPC Checkout attributes ================*/
.onepage-checkout-plugin .checkout-attributes .date-picker-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

/*================ OPC Cart Footer ================*/
.opc-footer .remove-discount-button, .opc-footer .remove-gift-card-button {
  cursor: pointer;
}

/*================ reset cart-collaterals ================*/
/*================ Loader Design ================*/
.opc-loader {
  position: fixed;
  top: 50%;
  inset-inline-start: 50%;
  transform: translate(-50%, -50%);
  border: 8px solid var(--gray-g100);
  border-top: 8px solid var(--secondary);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 1s linear infinite;
  display: none;
  z-index: 9999;
}

.opc-overlay {
  position: fixed;
  top: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  z-index: 1000;
  display: none;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*================ Small devices (landscape phones, 576px and up) ================*/
@media only screen and (min-width: 576px) {
  .onepage-checkout-plugin #billingaddresslist,
  .onepage-checkout-plugin #shippingaddresslist {
    grid-template-columns: repeat(2, 1fr);
    align-items: stretch;
  }
  .opc-plugin-cart tbody {
    grid-template-columns: repeat(1, 1fr);
  }
  .opc-plugin-cart tbody tr {
    border: 1px solid #ddd;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, auto);
  }
  .opc-plugin-cart tbody tr td.product-picture {
    grid-column: 1/2;
    grid-row: 1/3;
    border-bottom: 1px solid #ddd;
  }
  .opc-plugin-cart .product-picture img {
    width: 100%;
    height: 100%;
  }
  .opc-plugin-cart tbody tr td.product {
    grid-column: 2/-1;
    grid-row: 1/3;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
  }
  .opc-plugin-cart .product {
    text-align: start;
  }
  .opc-plugin-cart tbody tr td.unit-price {
    grid-column: 1/2;
    grid-row: 3/-1;
  }
  .opc-plugin-cart tbody tr td.quantity {
    grid-column: 2/3;
    grid-row: 3/-1;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
  }
  .opc-plugin-cart tbody tr td.subtotal {
    grid-column: 3/4;
    grid-row: 3/-1;
    border-top: none;
  }
  .opc-footer .cart-collaterals .deals {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
  .opc-plugin-cart .product .product-extra > div {
    justify-content: start;
  }
}
/*================ Medium devices (tablets, 768px and up) ================*/
@media only screen and (min-width: 768px) {
  .opc-plugin-cart colgroup, .opc-plugin-cart thead {
    display: table-header-group;
  }
  .opc-plugin-cart tbody {
    display: table-row-group;
  }
  .opc-plugin-cart td label {
    display: none;
  }
  .opc-plugin-cart tbody tr {
    display: table-row;
  }
  .opc-plugin-cart tr {
    width: 100%;
    display: table-row;
  }
  .opc-plugin-cart .product-quantity .qty-input {
    width: 110px;
  }
  .opc-plugin-cart tbody tr td.unit-price,
  .opc-plugin-cart tbody tr td.quantity,
  .opc-plugin-cart tbody tr td.subtotal {
    display: table-cell;
  }
  .opc-plugin-cart tbody tr td.subtotal .subtotal-extra {
    display: block;
  }
  .ui-dialog .enter-address .edit-address {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
  }
}
/*================ Large devices (desktops, 992px and up) ================*/
@media only screen and (min-width: 992px) {
  .opc-section {
    margin-bottom: 32px;
  }
  .onepage-checkout-plugin #billingaddresslist,
  .onepage-checkout-plugin #shippingaddresslist {
    grid-template-columns: repeat(1, 1fr);
    align-items: stretch;
  }
}
/*================ X-Large devices (large desktops, 1200px and up) ================*/
/*================ XX-Large devices (larger desktops, 1400px and up) ================*/
@media only screen and (min-width: 1400px) {
  .opc-plugin-cart .product {
    min-width: 282px;
  }
}
.home-banner {
  height: 270px;
}
.home-banner.section {
  margin-top: 0;
}
@media (min-width: 992px) {
  .home-banner {
    height: 370px;
  }
}
@media (min-width: 1200px) {
  .home-banner {
    height: 462px;
  }
}
.home-banner-slider {
  height: 100%;
}
.home-banner-slider .splide__arrow--next {
  inset-inline-end: 52px;
}
@media (min-width: 1200px) {
  .home-banner-slider .splide__arrow--next {
    inset-inline-end: 65px;
  }
}
.home-banner-slider .splide__arrow--prev {
  inset-inline-start: 52px;
}
@media (min-width: 1200px) {
  .home-banner-slider .splide__arrow--prev {
    inset-inline-start: 65px;
  }
}
.home-banner-slider-with-image .splide__arrow--next {
  inset-inline-end: 52px;
}
@media (min-width: 1200px) {
  .home-banner-slider-with-image .splide__arrow--next {
    inset-inline-end: 65px;
  }
}
.home-banner-slider-with-image .splide__arrow--prev {
  inset-inline-start: 52px;
}
@media (min-width: 1200px) {
  .home-banner-slider-with-image .splide__arrow--prev {
    inset-inline-start: 65px;
  }
}
.home-banner-slider-with-image .splide__track {
  height: 100%;
}
.home-banner-slider-with-image .home-banner-slider__slide {
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
  object-fit: cover;
  background-size: cover;
  background-position: center;
  pointer-events: auto;
}
.home-banner-slider__slide {
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
  object-fit: cover;
  background-size: cover;
  background-position: center;
  pointer-events: auto;
}
.home-banner-slider__slide .image-desktop {
  display: none;
}
@media (min-width: 768px) {
  .home-banner-slider__slide .image-desktop {
    display: block;
  }
}
.home-banner-slider__slide .image-mobile {
  display: block;
}
@media (min-width: 768px) {
  .home-banner-slider__slide .image-mobile {
    display: none;
  }
}
.home-banner-slider__slide__content__left {
  padding-left: 0;
  width: 50%;
  z-index: 1;
}
.home-banner-slider__slide__content__right {
  height: 100%;
  width: 50%;
}
.home-banner-slider .splide__track {
  height: 100%;
}
.home-banner-slider__slide__container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  pointer-events: auto;
}
.home-banner-slider__slide__container .slider-image-without-content {
  width: 100%;
  height: 100%;
}
.home-banner-slider__slide__container .slider-details__heading {
  font-size: 28px;
  font-weight: 400;
  line-height: 38px;
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .home-banner-slider__slide__container .slider-details__heading {
    font-size: 34px;
    line-height: 48px;
    margin-bottom: 18px;
  }
}
@media (min-width: 992px) {
  .home-banner-slider__slide__container .slider-details__heading {
    font-size: 40px;
    line-height: 52px;
  }
}
@media (min-width: 1200px) {
  .home-banner-slider__slide__container .slider-details__heading {
    font-size: 62px;
    line-height: 76px;
  }
}
.home-banner-slider__slide__container .slider-details__info {
  display: none;
}
@media (min-width: 576px) {
  .home-banner-slider__slide__container .slider-details__info {
    display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 16px;
  }
}
@media (min-width: 992px) {
  .home-banner-slider__slide__container .slider-details__info {
    font-size: 20px;
    margin-bottom: 32px;
    line-height: 28px;
  }
}
.home-banner-slider__slide__container .slider-details .button, .home-banner-slider__slide__container .slider-details .inquiry-submitted-page .button-1, .inquiry-submitted-page .home-banner-slider__slide__container .slider-details .button-1, .home-banner-slider__slide__container .slider-details .wholesale-inquiry-page .button-1, .wholesale-inquiry-page .home-banner-slider__slide__container .slider-details .button-1, .home-banner-slider__slide__container .slider-details .ui-dialog-buttonset button, .ui-dialog-buttonset .home-banner-slider__slide__container .slider-details button, .home-banner-slider__slide__container .slider-details .apply-shipping-button, .home-banner-slider__slide__container .slider-details .checkout-page .button-1, .checkout-page .home-banner-slider__slide__container .slider-details .button-1, .home-banner-slider__slide__container .slider-details .login-page .button-1.save-customer-info-button, .login-page .home-banner-slider__slide__container .slider-details .button-1.save-customer-info-button,
.home-banner-slider__slide__container .slider-details .registration-page .button-1.save-customer-info-button,
.registration-page .home-banner-slider__slide__container .slider-details .button-1.save-customer-info-button,
.home-banner-slider__slide__container .slider-details .registration-result-page .button-1.save-customer-info-button,
.registration-result-page .home-banner-slider__slide__container .slider-details .button-1.save-customer-info-button,
.home-banner-slider__slide__container .slider-details .password-recovery-page .button-1.save-customer-info-button,
.password-recovery-page .home-banner-slider__slide__container .slider-details .button-1.save-customer-info-button, .home-banner-slider__slide__container .slider-details .forum-subscriptions-page .button-1.delete-selected-fs-button, .forum-subscriptions-page .home-banner-slider__slide__container .slider-details .button-1.delete-selected-fs-button, .home-banner-slider__slide__container .slider-details :is(.multi-factor-authentication-config-page, .multi-factor-authentication-page) .button-1.save-customer-info-button, :is(.multi-factor-authentication-config-page, .multi-factor-authentication-page) .home-banner-slider__slide__container .slider-details .button-1.save-customer-info-button, .home-banner-slider__slide__container .slider-details :is(.multi-factor-authentication-config-page, .multi-factor-authentication-page) .button-1.save-customer-mfa-button, :is(.multi-factor-authentication-config-page, .multi-factor-authentication-page) .home-banner-slider__slide__container .slider-details .button-1.save-customer-mfa-button, .home-banner-slider__slide__container .slider-details .news-list-homepage .read-more, .news-list-homepage .home-banner-slider__slide__container .slider-details .read-more, .home-banner-slider__slide__container .slider-details .eu-cookie-bar-notification button, .eu-cookie-bar-notification .home-banner-slider__slide__container .slider-details button, .home-banner-slider__slide__container .slider-details .home-page-polls .poll .buttons .button-2.vote-poll-button, .home-page-polls .poll .buttons .home-banner-slider__slide__container .slider-details .button-2.vote-poll-button,
.home-banner-slider__slide__container .slider-details .home-page-polls .poll-total-votes .button-2.vote-poll-button,
.home-page-polls .poll-total-votes .home-banner-slider__slide__container .slider-details .button-2.vote-poll-button, .home-banner-slider__slide__container .slider-details .addresssave {
  font-weight: 400;
}
@media (min-width: 576px) {
  .home-banner-slider__slide__container .slider-details .button, .home-banner-slider__slide__container .slider-details .inquiry-submitted-page .button-1, .inquiry-submitted-page .home-banner-slider__slide__container .slider-details .button-1, .home-banner-slider__slide__container .slider-details .wholesale-inquiry-page .button-1, .wholesale-inquiry-page .home-banner-slider__slide__container .slider-details .button-1, .home-banner-slider__slide__container .slider-details .ui-dialog-buttonset button, .ui-dialog-buttonset .home-banner-slider__slide__container .slider-details button, .home-banner-slider__slide__container .slider-details .apply-shipping-button, .home-banner-slider__slide__container .slider-details .checkout-page .button-1, .checkout-page .home-banner-slider__slide__container .slider-details .button-1, .home-banner-slider__slide__container .slider-details .login-page .button-1.save-customer-info-button, .login-page .home-banner-slider__slide__container .slider-details .button-1.save-customer-info-button,
  .home-banner-slider__slide__container .slider-details .registration-page .button-1.save-customer-info-button,
  .registration-page .home-banner-slider__slide__container .slider-details .button-1.save-customer-info-button,
  .home-banner-slider__slide__container .slider-details .registration-result-page .button-1.save-customer-info-button,
  .registration-result-page .home-banner-slider__slide__container .slider-details .button-1.save-customer-info-button,
  .home-banner-slider__slide__container .slider-details .password-recovery-page .button-1.save-customer-info-button,
  .password-recovery-page .home-banner-slider__slide__container .slider-details .button-1.save-customer-info-button, .home-banner-slider__slide__container .slider-details .forum-subscriptions-page .button-1.delete-selected-fs-button, .forum-subscriptions-page .home-banner-slider__slide__container .slider-details .button-1.delete-selected-fs-button, .home-banner-slider__slide__container .slider-details :is(.multi-factor-authentication-config-page, .multi-factor-authentication-page) .button-1.save-customer-info-button, :is(.multi-factor-authentication-config-page, .multi-factor-authentication-page) .home-banner-slider__slide__container .slider-details .button-1.save-customer-info-button, .home-banner-slider__slide__container .slider-details :is(.multi-factor-authentication-config-page, .multi-factor-authentication-page) .button-1.save-customer-mfa-button, :is(.multi-factor-authentication-config-page, .multi-factor-authentication-page) .home-banner-slider__slide__container .slider-details .button-1.save-customer-mfa-button, .home-banner-slider__slide__container .slider-details .news-list-homepage .read-more, .news-list-homepage .home-banner-slider__slide__container .slider-details .read-more, .home-banner-slider__slide__container .slider-details .eu-cookie-bar-notification button, .eu-cookie-bar-notification .home-banner-slider__slide__container .slider-details button, .home-banner-slider__slide__container .slider-details .home-page-polls .poll .buttons .button-2.vote-poll-button, .home-page-polls .poll .buttons .home-banner-slider__slide__container .slider-details .button-2.vote-poll-button,
  .home-banner-slider__slide__container .slider-details .home-page-polls .poll-total-votes .button-2.vote-poll-button,
  .home-page-polls .poll-total-votes .home-banner-slider__slide__container .slider-details .button-2.vote-poll-button, .home-banner-slider__slide__container .slider-details .addresssave {
    font-weight: 500;
  }
}
.home-banner-slider .image-box {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  transform: scale(1.5);
}
@media (min-width: 576px) {
  .home-banner-slider .image-box {
    transform: scale(1.3);
  }
}
@media (min-width: 768px) {
  .home-banner-slider .image-box {
    transform: scale(1.1);
  }
}
.home-banner-slider .image-box img {
  width: 100%;
  object-fit: contain;
  vertical-align: middle;
  position: absolute;
  bottom: 44px;
  inset-inline-start: 0;
  z-index: 2;
}
@media (min-width: 576px) {
  .home-banner-slider .image-box img {
    height: 100%;
    bottom: 0;
  }
}
.home-banner .container {
  height: 100%;
}

.product-ribbon-box {
  position: absolute;
  top: 0;
  margin: 12px;
  display: flex;
  flex-direction: column;
  z-index: 1;
  gap: 8px;
}
@media (min-width: 576px) {
  .product-ribbon-box {
    gap: 12px;
  }
}
.product-ribbon-box .product-new-tag, .product-ribbon-box .product-discount-tag, .product-ribbon-box .product-best-sale-tag {
  padding: 4px 12px;
  border-radius: 144px;
  display: inline-block;
  width: fit-content;
}
.product-ribbon-box .product-new-tag p, .product-ribbon-box .product-discount-tag p, .product-ribbon-box .product-best-sale-tag p {
  text-align: center;
  font-size: 10px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 1px;
}
@media (min-width: 768px) {
  .product-ribbon-box .product-new-tag p, .product-ribbon-box .product-discount-tag p, .product-ribbon-box .product-best-sale-tag p {
    font-size: 12px;
    line-height: 20px;
    font-weight: 600;
  }
}

.product-list .product-ribbon-box {
  inset-inline-start: 0;
}

.section__scarousel-grid .product-container {
  animation: fadeIn 1s;
}
.section__scarousel-grid .section__scarousel-head-center {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 32px;
}
@media (min-width: 576px) {
  .section__scarousel-grid .section__scarousel-head-center {
    margin-bottom: 36px;
  }
}
@media (min-width: 768px) {
  .section__scarousel-grid .section__scarousel-head-center {
    margin-bottom: 40px;
  }
}
@media (min-width: 992px) {
  .section__scarousel-grid .section__scarousel-head-center {
    margin-bottom: 44px;
  }
}
.section__scarousel-grid .section__scarousel-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 32px;
}
@media (min-width: 576px) {
  .section__scarousel-grid .section__scarousel-head {
    margin-bottom: 36px;
  }
}
@media (min-width: 768px) {
  .section__scarousel-grid .section__scarousel-head {
    margin-bottom: 40px;
  }
}
@media (min-width: 992px) {
  .section__scarousel-grid .section__scarousel-head {
    margin-bottom: 44px;
  }
}
.section__scarousel-grid .section-link {
  font-weight: 600;
  position: relative;
}
.section__scarousel-grid .section-link:hover::after {
  background-color: var(--primary);
}
.section__scarousel-grid .section-link::after {
  position: absolute;
  content: "";
  inset-inline-start: 0;
  bottom: 0;
  inset-inline-end: 0;
  height: 2px;
  background-color: var(--secondary);
  transition: all 0.3s ease;
}

.section__scarousel-grid .category-container {
  animation: fadeIn 1s;
}
.section__scarousel-grid .category-grid {
  display: block;
  gap: 0;
}
.section__scarousel-grid .category-grid .category-item {
  margin-bottom: 38px;
}
@media (min-width: 576px) {
  .section__scarousel-grid .category-grid .category-item {
    margin-bottom: 48px;
  }
}
.section__scarousel-grid .category-grid .category-item .category-title {
  margin: 0;
}
.section__scarousel-grid .category-slider .splide__arrow--prev, .section__scarousel-grid .category-slider .splide__arrow--next {
  top: 43%;
}

.section__scarousel-grid .product-review-container {
  animation: fadeIn 1s;
}
.section__scarousel-grid .product-review-slider .splide__arrow--prev, .section__scarousel-grid .product-review-slider .splide__arrow--next {
  top: 40%;
}
.section__scarousel-grid .carousel-review-box {
  border: 1px solid var(--gray-g200);
  border-radius: 10px;
  background: #ffffff;
  text-align: start;
}
.section__scarousel-grid .carousel-review-box .review-box-upper {
  padding: 34px 20px 20px 20px;
}
@media (min-width: 768px) {
  .section__scarousel-grid .carousel-review-box .review-box-upper {
    padding: 38px 24px 24px 24px;
  }
}
@media (min-width: 1200px) {
  .section__scarousel-grid .carousel-review-box .review-box-upper {
    padding: 44px 36px 34px 36px;
  }
}
.section__scarousel-grid .carousel-review-box__rating {
  margin: 0 0 16px;
}
.section__scarousel-grid .carousel-review-box__rating .rating {
  width: 90px;
  height: 19px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='currentColor'%3E%3Cpath d='M12.0006 18.26L4.94715 22.2082L6.52248 14.2799L0.587891 8.7918L8.61493 7.84006L12.0006 0.5L15.3862 7.84006L23.4132 8.7918L17.4787 14.2799L19.054 22.2082L12.0006 18.26ZM12.0006 15.968L16.2473 18.3451L15.2988 13.5717L18.8719 10.2674L14.039 9.69434L12.0006 5.27502L9.96214 9.69434L5.12921 10.2674L8.70231 13.5717L7.75383 18.3451L12.0006 15.968Z'%3E%3C/path%3E%3C/svg%3E") repeat-x;
}
.section__scarousel-grid .carousel-review-box__rating .rating div {
  height: 19px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='currentColor'%3E%3Cpath d='M12.0006 18.26L4.94715 22.2082L6.52248 14.2799L0.587891 8.7918L8.61493 7.84006L12.0006 0.5L15.3862 7.84006L23.4132 8.7918L17.4787 14.2799L19.054 22.2082L12.0006 18.26Z'%3E%3C/path%3E%3C/svg%3E") repeat-x;
}
.section__scarousel-grid .carousel-review-box__title {
  font-weight: 600;
  font-size: 18px;
  color: var(--secondary);
  margin: 0 0 8px;
  line-height: 29px;
}
.section__scarousel-grid .carousel-review-box__review-text {
  color: var(--secondary);
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 4.5em;
  margin: 0 0 11px;
  height: 70px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
@media (min-width: 768px) {
  .section__scarousel-grid .carousel-review-box__review-text {
    margin: 0 0 20px;
  }
}
@media (min-width: 1200px) {
  .section__scarousel-grid .carousel-review-box__review-text {
    margin: 0 0 26px;
  }
}
.section__scarousel-grid .carousel-review-box__author {
  display: flex;
  align-items: center;
  gap: 12px;
}
.section__scarousel-grid .carousel-review-box__author-image {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
}
.section__scarousel-grid .carousel-review-box__author-image img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}
.section__scarousel-grid .carousel-review-box__author-info {
  width: calc(100% - 52px);
  flex-shrink: 0;
}
.section__scarousel-grid .carousel-review-box__author-info__name {
  font-weight: 600;
  color: var(--secondary);
  font-size: 14px;
  line-height: 22px;
}
.section__scarousel-grid .carousel-review-box__author-info__address {
  font-weight: 400;
  color: var(--secondary);
  font-size: 14px;
  line-height: 22px;
  width: 100%;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.section__scarousel-grid .carousel-review-box__author-info__reviewCreatedOn {
  font-weight: 400;
  color: var(--secondary);
  font-size: 14px;
  line-height: 22px;
}
.section__scarousel-grid .carousel-review-box__product {
  padding: 20px 20px 20px 20px;
  display: flex;
  gap: 12px;
  align-items: center;
  border-top: 1px solid var(--gray-g200);
}
@media (min-width: 768px) {
  .section__scarousel-grid .carousel-review-box__product {
    padding: 20px 24px 20px 24px;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .section__scarousel-grid .carousel-review-box__product {
    padding: 24px 36px 24px 36px;
    width: 100%;
  }
}
.section__scarousel-grid .carousel-review-box__product-image {
  width: 64px;
  height: 64px;
  flex-shrink: 0;
}
.section__scarousel-grid .carousel-review-box__product-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.section__scarousel-grid .carousel-review-box__product-info {
  font-size: 12px;
  width: calc(100% - 76px);
  flex-shrink: 0;
}
.section__scarousel-grid .carousel-review-box__product-info__name {
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  width: 100%;
  display: flex;
  align-items: center;
}
.section__scarousel-grid .carousel-review-box__product-info__name span {
  font-size: 12px;
  font-weight: 400;
  white-space: nowrap;
  margin-inline-end: 5px;
}
.section__scarousel-grid .carousel-review-box__product-info__name a {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.section__scarousel-grid .carousel-review-box__product-info__price .old-price {
  color: var(--gray-g300);
  text-decoration: line-through;
  font-weight: 600;
  font-size: 16px;
}
.section__scarousel-grid .carousel-review-box__product-info__price .actual-price {
  margin: 0 5px 0 0;
  font-size: 16px;
  color: var(--secondary);
  font-weight: 600;
}

.trending-categories .trending-categories__header, .trending-categories .our-brands-header, .our-brands .trending-categories__header, .our-brands .our-brands-header {
  display: flex;
  flex-direction: column;
  gap: 12px;
  justify-content: center;
  align-items: center;
  margin-bottom: 32px;
}
@media (min-width: 576px) {
  .trending-categories .trending-categories__header, .trending-categories .our-brands-header, .our-brands .trending-categories__header, .our-brands .our-brands-header {
    margin-bottom: 36px;
  }
}
@media (min-width: 768px) {
  .trending-categories .trending-categories__header, .trending-categories .our-brands-header, .our-brands .trending-categories__header, .our-brands .our-brands-header {
    margin-bottom: 40px;
  }
}
@media (min-width: 992px) {
  .trending-categories .trending-categories__header, .trending-categories .our-brands-header, .our-brands .trending-categories__header, .our-brands .our-brands-header {
    margin-bottom: 44px;
  }
}
@media (min-width: 768px) {
  .trending-categories .trending-categories__header, .trending-categories .our-brands-header, .our-brands .trending-categories__header, .our-brands .our-brands-header {
    gap: 18px;
  }
}
.trending-categories .trending-categories__header .trending-categories__lists, .trending-categories .trending-categories__header .our-brands__manufacturer-links, .trending-categories .our-brands-header .trending-categories__lists, .trending-categories .our-brands-header .our-brands__manufacturer-links, .our-brands .trending-categories__header .trending-categories__lists, .our-brands .trending-categories__header .our-brands__manufacturer-links, .our-brands .our-brands-header .trending-categories__lists, .our-brands .our-brands-header .our-brands__manufacturer-links {
  display: flex;
  gap: 18px;
  overflow: auto;
  min-width: 0;
  max-width: 100%;
  padding-bottom: 8px;
}
@media (min-width: 768px) {
  .trending-categories .trending-categories__header .trending-categories__lists, .trending-categories .trending-categories__header .our-brands__manufacturer-links, .trending-categories .our-brands-header .trending-categories__lists, .trending-categories .our-brands-header .our-brands__manufacturer-links, .our-brands .trending-categories__header .trending-categories__lists, .our-brands .trending-categories__header .our-brands__manufacturer-links, .our-brands .our-brands-header .trending-categories__lists, .our-brands .our-brands-header .our-brands__manufacturer-links {
    padding-bottom: 0;
  }
}
.trending-categories .category-link, .trending-categories .trending-link-item, .our-brands .category-link, .our-brands .trending-link-item {
  position: relative;
  font-size: 1.25em;
  line-height: 2em;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
}
.trending-categories .category-link:hover, .trending-categories .trending-link-item:hover, .our-brands .category-link:hover, .our-brands .trending-link-item:hover {
  cursor: pointer;
}
.trending-categories .category-link::after, .trending-categories .trending-link-item::after, .our-brands .category-link::after, .our-brands .trending-link-item::after {
  position: absolute;
  color: transparent;
  background-color: transparent;
  content: "";
  inset-inline-start: 0;
  bottom: 0;
  inset-inline-end: 0;
  height: 2px;
  transition: all 0.3s ease;
}
.trending-categories .category-link:hover::after, .trending-categories .trending-link-item:hover::after, .our-brands .category-link:hover::after, .our-brands .trending-link-item:hover::after {
  position: absolute;
  content: "";
  inset-inline-start: 0;
  bottom: 0;
  inset-inline-end: 2px;
  height: 2px;
  transition: all 0.3s ease;
}
.trending-categories .category-link.trending-active, .trending-categories .category-link.active, .trending-categories .trending-link-item.trending-active, .trending-categories .trending-link-item.active, .our-brands .category-link.trending-active, .our-brands .category-link.active, .our-brands .trending-link-item.trending-active, .our-brands .trending-link-item.active {
  position: relative;
  color: var(--primary);
}
.trending-categories .category-link.trending-active:hover::after, .trending-categories .category-link.active:hover::after, .trending-categories .trending-link-item.trending-active:hover::after, .trending-categories .trending-link-item.active:hover::after, .our-brands .category-link.trending-active:hover::after, .our-brands .category-link.active:hover::after, .our-brands .trending-link-item.trending-active:hover::after, .our-brands .trending-link-item.active:hover::after {
  background-color: var(--primary);
}
.trending-categories .category-link.trending-active::after, .trending-categories .category-link.active::after, .trending-categories .trending-link-item.trending-active::after, .trending-categories .trending-link-item.active::after, .our-brands .category-link.trending-active::after, .our-brands .category-link.active::after, .our-brands .trending-link-item.trending-active::after, .our-brands .trending-link-item.active::after {
  position: absolute;
  color: var(--primary);
  background-color: var(--primary);
  content: "";
  inset-inline-start: 0;
  bottom: 0;
  inset-inline-end: 0;
  height: 2px;
  transition: all 0.3s ease;
}

body:has(.product-details-page) :is(.xzoom-preview, .xzoom-source) {
  z-index: 45;
  border-radius: 6px;
}

body:has(.quickviewdetails .close-button) :is(.xzoom-preview, .xzoom-source) {
  z-index: 1002;
  border-radius: 6px;
}

.manufacturer-container:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow,
.trending-categories:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow,
.home-banner-slider-with-image:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow,
.home-banner-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow,
.section__scarousel-grid .category-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow,
.section__scarousel-grid .product-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow,
.section__scarousel-grid .product-review-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow,
.scarousel-catalogpagecategory .subcategory-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow {
  transition: all 0.3s ease;
  opacity: 1;
}
.manufacturer-container:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow--next,
.trending-categories:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow--next,
.home-banner-slider-with-image:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow--next,
.home-banner-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow--next,
.section__scarousel-grid .category-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow--next,
.section__scarousel-grid .product-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow--next,
.section__scarousel-grid .product-review-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow--next,
.scarousel-catalogpagecategory .subcategory-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow--next {
  inset-inline-end: 50px;
  transform: translateX(50%);
}
.manufacturer-container:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow--prev,
.trending-categories:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow--prev,
.home-banner-slider-with-image:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow--prev,
.home-banner-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow--prev,
.section__scarousel-grid .category-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow--prev,
.section__scarousel-grid .product-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow--prev,
.section__scarousel-grid .product-review-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow--prev,
.scarousel-catalogpagecategory .subcategory-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow--prev {
  inset-inline-start: 50px;
  transform: translateX(-50%);
}
.manufacturer-container:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow:disabled,
.trending-categories:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow:disabled,
.home-banner-slider-with-image:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow:disabled,
.home-banner-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow:disabled,
.section__scarousel-grid .category-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow:disabled,
.section__scarousel-grid .product-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow:disabled,
.section__scarousel-grid .product-review-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow:disabled,
.scarousel-catalogpagecategory .subcategory-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
.manufacturer-container:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow,
.trending-categories:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow,
.home-banner-slider-with-image:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow,
.home-banner-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow,
.section__scarousel-grid .category-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow,
.section__scarousel-grid .product-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow,
.section__scarousel-grid .product-review-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow,
.scarousel-catalogpagecategory .subcategory-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow {
  transition: all 0.3s ease;
  opacity: 1;
}
.manufacturer-container:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow--next,
.trending-categories:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow--next,
.home-banner-slider-with-image:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow--next,
.home-banner-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow--next,
.section__scarousel-grid .category-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow--next,
.section__scarousel-grid .product-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow--next,
.section__scarousel-grid .product-review-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow--next,
.scarousel-catalogpagecategory .subcategory-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow--next {
  inset-inline-end: 50px;
  transform: translateX(0%);
}
.manufacturer-container:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow--prev,
.trending-categories:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow--prev,
.home-banner-slider-with-image:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow--prev,
.home-banner-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow--prev,
.section__scarousel-grid .category-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow--prev,
.section__scarousel-grid .product-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow--prev,
.section__scarousel-grid .product-review-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow--prev,
.scarousel-catalogpagecategory .subcategory-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow--prev {
  inset-inline-start: 50px;
  transform: translateX(0%);
}
.manufacturer-container:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow:disabled,
.trending-categories:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow:disabled,
.home-banner-slider-with-image:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow:disabled,
.home-banner-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow:disabled,
.section__scarousel-grid .category-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow:disabled,
.section__scarousel-grid .product-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow:disabled,
.section__scarousel-grid .product-review-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow:disabled,
.scarousel-catalogpagecategory .subcategory-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
.manufacturer-container .splide__arrow,
.trending-categories .splide__arrow,
.home-banner-slider-with-image .splide__arrow,
.home-banner-slider .splide__arrow,
.section__scarousel-grid .category-slider .splide__arrow,
.section__scarousel-grid .product-slider .splide__arrow,
.section__scarousel-grid .product-review-slider .splide__arrow,
.scarousel-catalogpagecategory .subcategory-slider .splide__arrow {
  opacity: 0;
  color: var(--secondary);
  background: var(--white);
  border: 1px solid var(--gray-g100);
  height: 30px;
  width: 30px;
  display: none;
  transition: 0.3s all ease;
  top: 40%;
}
@media (min-width: 992px) {
  .manufacturer-container .splide__arrow,
  .trending-categories .splide__arrow,
  .home-banner-slider-with-image .splide__arrow,
  .home-banner-slider .splide__arrow,
  .section__scarousel-grid .category-slider .splide__arrow,
  .section__scarousel-grid .product-slider .splide__arrow,
  .section__scarousel-grid .product-review-slider .splide__arrow,
  .scarousel-catalogpagecategory .subcategory-slider .splide__arrow {
    display: flex;
    height: 46px;
    width: 46px;
  }
}
.manufacturer-container .splide__arrow:disabled,
.trending-categories .splide__arrow:disabled,
.home-banner-slider-with-image .splide__arrow:disabled,
.home-banner-slider .splide__arrow:disabled,
.section__scarousel-grid .category-slider .splide__arrow:disabled,
.section__scarousel-grid .product-slider .splide__arrow:disabled,
.section__scarousel-grid .product-review-slider .splide__arrow:disabled,
.scarousel-catalogpagecategory .subcategory-slider .splide__arrow:disabled {
  opacity: 0;
  cursor: not-allowed;
}
.manufacturer-container .splide__arrow:hover,
.trending-categories .splide__arrow:hover,
.home-banner-slider-with-image .splide__arrow:hover,
.home-banner-slider .splide__arrow:hover,
.section__scarousel-grid .category-slider .splide__arrow:hover,
.section__scarousel-grid .product-slider .splide__arrow:hover,
.section__scarousel-grid .product-review-slider .splide__arrow:hover,
.scarousel-catalogpagecategory .subcategory-slider .splide__arrow:hover {
  background: var(--secondary);
  border: transparent;
}
.manufacturer-container .splide__arrow:hover svg,
.trending-categories .splide__arrow:hover svg,
.home-banner-slider-with-image .splide__arrow:hover svg,
.home-banner-slider .splide__arrow:hover svg,
.section__scarousel-grid .category-slider .splide__arrow:hover svg,
.section__scarousel-grid .product-slider .splide__arrow:hover svg,
.section__scarousel-grid .product-review-slider .splide__arrow:hover svg,
.scarousel-catalogpagecategory .subcategory-slider .splide__arrow:hover svg {
  fill: var(--white);
}
.manufacturer-container .splide__arrow svg,
.trending-categories .splide__arrow svg,
.home-banner-slider-with-image .splide__arrow svg,
.home-banner-slider .splide__arrow svg,
.section__scarousel-grid .category-slider .splide__arrow svg,
.section__scarousel-grid .product-slider .splide__arrow svg,
.section__scarousel-grid .product-review-slider .splide__arrow svg,
.scarousel-catalogpagecategory .subcategory-slider .splide__arrow svg {
  fill: var(--secondary);
  font-size: 8px;
  font-weight: 400;
}
@media (min-width: 576px) {
  .manufacturer-container .splide__arrow svg,
  .trending-categories .splide__arrow svg,
  .home-banner-slider-with-image .splide__arrow svg,
  .home-banner-slider .splide__arrow svg,
  .section__scarousel-grid .category-slider .splide__arrow svg,
  .section__scarousel-grid .product-slider .splide__arrow svg,
  .section__scarousel-grid .product-review-slider .splide__arrow svg,
  .scarousel-catalogpagecategory .subcategory-slider .splide__arrow svg {
    font-size: 12px;
  }
}
.manufacturer-container .splide__arrow--next,
.trending-categories .splide__arrow--next,
.home-banner-slider-with-image .splide__arrow--next,
.home-banner-slider .splide__arrow--next,
.section__scarousel-grid .category-slider .splide__arrow--next,
.section__scarousel-grid .product-slider .splide__arrow--next,
.section__scarousel-grid .product-review-slider .splide__arrow--next,
.scarousel-catalogpagecategory .subcategory-slider .splide__arrow--next {
  inset-inline-end: 40px;
  transform: translateX(50%);
}
.manufacturer-container .splide__arrow--prev,
.trending-categories .splide__arrow--prev,
.home-banner-slider-with-image .splide__arrow--prev,
.home-banner-slider .splide__arrow--prev,
.section__scarousel-grid .category-slider .splide__arrow--prev,
.section__scarousel-grid .product-slider .splide__arrow--prev,
.section__scarousel-grid .product-review-slider .splide__arrow--prev,
.scarousel-catalogpagecategory .subcategory-slider .splide__arrow--prev {
  inset-inline-start: 40px;
  transform: translateX(-50%);
}
.manufacturer-container .splide__arrows--rtl--next,
.trending-categories .splide__arrows--rtl--next,
.home-banner-slider-with-image .splide__arrows--rtl--next,
.home-banner-slider .splide__arrows--rtl--next,
.section__scarousel-grid .category-slider .splide__arrows--rtl--next,
.section__scarousel-grid .product-slider .splide__arrows--rtl--next,
.section__scarousel-grid .product-review-slider .splide__arrows--rtl--next,
.scarousel-catalogpagecategory .subcategory-slider .splide__arrows--rtl--next {
  inset-inline-end: 40px;
  transform: translateX(0%);
}
.manufacturer-container .splide__arrows--rtl--prev,
.trending-categories .splide__arrows--rtl--prev,
.home-banner-slider-with-image .splide__arrows--rtl--prev,
.home-banner-slider .splide__arrows--rtl--prev,
.section__scarousel-grid .category-slider .splide__arrows--rtl--prev,
.section__scarousel-grid .product-slider .splide__arrows--rtl--prev,
.section__scarousel-grid .product-review-slider .splide__arrows--rtl--prev,
.scarousel-catalogpagecategory .subcategory-slider .splide__arrows--rtl--prev {
  inset-inline-start: 40px;
  transform: translateX(0%);
}

.splide__pagination {
  position: static !important;
  display: flex;
  gap: 5px;
  margin-top: 24px !important;
}
@media (min-width: 576px) {
  .splide__pagination {
    margin-top: 32px !important;
  }
}
.splide__pagination li {
  height: 12px;
  width: 12px;
}
@media (min-width: 576px) {
  .splide__pagination li {
    height: 16px;
    width: 16px;
  }
}
.splide__pagination .splide__pagination__page {
  width: 12px;
  height: 12px;
  opacity: 1;
  position: relative;
  margin: 0;
}
@media (min-width: 576px) {
  .splide__pagination .splide__pagination__page {
    height: 16px;
    width: 16px;
  }
}
.splide__pagination .splide__pagination__page:before {
  content: "";
  width: 4px;
  height: 4px;
  background-color: var(--gray-g200);
  border-radius: 50%;
  position: absolute;
  inset-inline-end: 3px;
  top: 50%;
  transform: translateY(-50%);
  transition: background-color 0.3s ease-in-out;
}
@media (min-width: 576px) {
  .splide__pagination .splide__pagination__page:before {
    height: 6px;
    width: 6px;
    inset-inline-end: 4px;
  }
}
.splide__pagination .splide__pagination__page.is-active {
  background-color: transparent;
  border-radius: 50%;
  border: 1px solid var(--secondary);
}
.splide__pagination .splide__pagination__page.is-active:before {
  background-color: var(--secondary);
}
.splide__pagination .splide__pagination__page:not(.is-active) {
  background: transparent;
}

.home-banner-slider .splide__pagination {
  position: absolute !important;
}

.homepageBanner-wrapper {
  margin-bottom: 0 !important;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.category-page .subcategory-slider {
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .category-page .subcategory-slider {
    margin-bottom: 20px;
  }
}
@media (min-width: 992px) {
  .category-page .subcategory-slider {
    margin-bottom: 30px;
  }
}
.category-page .subcategory-slider .sub-category-grid {
  margin-bottom: 0;
}
.category-page .subcategory-slider .splide__pagination {
  position: static;
  margin-top: 14px;
}

.master-wrapper-page > .wholesale-inquiry-links-widget {
  background: var(--secondary);
  color: var(--white);
  display: flex;
  justify-content: center;
  padding: 8px;
}
.master-wrapper-page > .wholesale-inquiry-links-widget .list {
  display: flex;
  flex-direction: row;
  gap: 16px;
}
.master-wrapper-page > .wholesale-inquiry-links-widget .list a:hover, .master-wrapper-page > .wholesale-inquiry-links-widget .list a:focus, .master-wrapper-page > .wholesale-inquiry-links-widget .list a:active {
  color: var(--gray-200);
}

.product-details-page .wholesale-inquiry-links-widget {
  padding-bottom: 1.5rem;
  margin-bottom: 1.5rem;
}
.product-details-page .wholesale-inquiry-links-widget .list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.product-details-page .wholesale-inquiry-links-widget .link-item .link {
  font-size: 1.125em;
  font-weight: 600;
  text-decoration: underline;
}

.wholesale-inquiry-page {
  text-align: center;
}
.wholesale-inquiry-page .dropdown-list {
  width: 100%;
}
.wholesale-inquiry-page .fieldset {
  width: 100%;
}
.wholesale-inquiry-page .inputs {
  text-align: start;
}
@media (max-width: 767.98px) {
  .wholesale-inquiry-page .data-table tr {
    padding-left: 0;
  }
}
.wholesale-inquiry-page .selected-products-list, .wholesale-inquiry-page .hint {
  text-align: center;
}
.wholesale-inquiry-page .selected-products-table td:has(img) {
  width: 120px;
}
.wholesale-inquiry-page .selected-products-table td:has(img) img {
  width: 100%;
}
.wholesale-inquiry-page button.remove-selected-product {
  background: transparent;
  border: none;
  transition: 0.3s all ease;
}
.wholesale-inquiry-page button.remove-selected-product:hover {
  color: var(--error);
}
.wholesale-inquiry-page .contact-info {
  text-align: start;
}
.wholesale-inquiry-page input[type=number] {
  width: 120px;
  border: 2px solid var(--gray-g100);
  border-radius: 6px;
  transition: 0.3s all ease;
}
.wholesale-inquiry-page input[type=number]:hover, .wholesale-inquiry-page input[type=number]:focus-within {
  border: 2px solid var(--secondary);
  outline: none;
  transition: 0.3s all ease;
}
.wholesale-inquiry-page .option-list {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
.wholesale-inquiry-page .no-products-selected {
  background: var(--bg-g1);
  padding: 16px;
  border-radius: 6px;
}

.bss-product-details-public-wrapper {
  margin-top: 24px;
}
.bss-product-details-public-wrapper .bss-product-detail-items {
  padding: 0 1.5em;
  border-radius: 6px;
  border: 1px solid var(--gray-g100);
}
.bss-product-details-public-wrapper .accordion {
  --bs-accordion-color: inherit;
  --bs-accordion-bg: transparent;
  --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
  --bs-accordion-border-color: var(--gray-g100);
  --bs-accordion-border-width: var(--bs-border-width);
  --bs-accordion-border-radius: var(--bs-border-radius);
  --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-accordion-btn-padding-x: 0;
  --bs-accordion-btn-padding-y: 1.5em;
  --bs-accordion-btn-color: inherit;
  --bs-accordion-btn-bg: transparent;
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0);
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: var(--black);
  --bs-accordion-active-bg: transparent;
}
.bss-product-details-public-wrapper .accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  font-size: 1em;
  color: var(--bs-accordion-btn-color);
  text-align: start;
  background-color: var(--bs-accordion-btn-bg);
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  font-weight: 400;
  transition: 0.3s all ease;
}
@media (min-width: 576px) {
  .bss-product-details-public-wrapper .accordion-button {
    font-size: 1.05em;
  }
}
@media (min-width: 768px) {
  .bss-product-details-public-wrapper .accordion-button {
    font-size: 1.125em;
  }
}
@media (prefers-reduced-motion: reduce) {
  .bss-product-details-public-wrapper .accordion-button {
    transition: none;
  }
}
.bss-product-details-public-wrapper .accordion-button:not(.collapsed) {
  font-weight: 500;
  color: var(--bs-accordion-active-color);
  background-color: var(--bs-accordion-active-bg);
  box-shadow: none;
  transition: 0.3s all ease;
}
.bss-product-details-public-wrapper .accordion-button:not(.collapsed)::after {
  background-image: var(--bs-accordion-btn-active-icon);
  transform: var(--bs-accordion-btn-icon-transform);
}
.bss-product-details-public-wrapper .accordion-button::after {
  flex-shrink: 0;
  width: var(--bs-accordion-btn-icon-width);
  height: var(--bs-accordion-btn-icon-width);
  margin-inline-start: auto;
  content: "";
  background-image: var(--bs-accordion-btn-icon);
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  transition: var(--bs-accordion-btn-icon-transition);
}
@media (prefers-reduced-motion: reduce) {
  .bss-product-details-public-wrapper .accordion-button::after {
    transition: none;
  }
}
.bss-product-details-public-wrapper .accordion-button:hover {
  z-index: 2;
}
.bss-product-details-public-wrapper .accordion-button:focus {
  z-index: 3;
  outline: 0;
  box-shadow: none;
}
.bss-product-details-public-wrapper .accordion-header {
  margin-bottom: 0;
}
.bss-product-details-public-wrapper .accordion-item {
  color: var(--bs-accordion-color);
  background-color: var(--bs-accordion-bg);
  border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}
.bss-product-details-public-wrapper .accordion-item:first-of-type {
  border-top-left-radius: var(--bs-accordion-border-radius);
  border-top-right-radius: var(--bs-accordion-border-radius);
}
.bss-product-details-public-wrapper .accordion-item:first-of-type > .accordion-header .accordion-button {
  border-top-left-radius: var(--bs-accordion-inner-border-radius);
  border-top-right-radius: var(--bs-accordion-inner-border-radius);
}
.bss-product-details-public-wrapper .accordion-item:not(:first-of-type) {
  border-top: 0;
}
.bss-product-details-public-wrapper .accordion-item:last-of-type {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.bss-product-details-public-wrapper .accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
  border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
  border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
}
.bss-product-details-public-wrapper .accordion-item:last-of-type > .accordion-collapse {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.bss-product-details-public-wrapper .accordion-body {
  padding: 0 0 2em;
}
.bss-product-details-public-wrapper .accordion-flush > .accordion-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}
.bss-product-details-public-wrapper .accordion-flush > .accordion-item:first-child {
  border-top: 0;
}
.bss-product-details-public-wrapper .accordion-flush > .accordion-item:last-child {
  border-bottom: 0;
}
.bss-product-details-public-wrapper .accordion-flush > .accordion-item > .accordion-header .accordion-button,
.bss-product-details-public-wrapper .accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed {
  border-radius: 0;
}
.bss-product-details-public-wrapper .accordion-flush > .accordion-item > .accordion-collapse {
  border-radius: 0;
}

.chat-button {
  position: fixed;
  inset-inline-end: 10px;
  color: white;
  padding: 15px;
  border-radius: 50px;
  cursor: pointer;
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  gap: 8px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  z-index: 40 !important;
  transition: 0.25s all ease;
  bottom: 85px !important;
}
@media (min-width: 992px) {
  .chat-button {
    bottom: 10px !important;
  }
}

.chat-input-container textarea {
  border-radius: 0;
}

body:has(.floating-add-to-cart.visible) .chat-button {
  bottom: 170px !important;
}
@media (min-width: 768px) {
  body:has(.floating-add-to-cart.visible) .chat-button {
    bottom: 190px !important;
  }
}
@media (min-width: 992px) {
  body:has(.floating-add-to-cart.visible) .chat-button {
    bottom: 120px !important;
  }
}

body:has(.checkout-buttons) .chat-button {
  bottom: 150px !important;
}
@media (min-width: 992px) {
  body:has(.checkout-buttons) .chat-button {
    bottom: 85px !important;
  }
}
@media (min-width: 1200px) {
  body:has(.checkout-buttons) .chat-button {
    bottom: 10px !important;
  }
}

@media (max-width: 992px) {
  .quickview-button {
    visibility: hidden;
  }
}
.quickview-button {
  opacity: 1;
  position: static;
  font-size: 14px;
  z-index: 2;
  color: var(--secondary);
  background-color: var(--white);
  width: 38px;
  height: 38px;
  border-radius: 50px;
  font-size: 20px;
  text-align: center;
  border: none;
}
.quickview-button:hover {
  color: var(--white);
  background-color: var(--secondary);
}

.product-item:hover .quickview-button {
  opacity: 1;
}

.quickviewmodal {
  display: none;
  position: fixed;
  z-index: 99;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 70%;
  overflow: auto;
  max-width: 900px;
  min-height: 380px;
  background-color: white;
  transform: translate(-50%, -50%);
  padding: 20px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
}

.backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 98;
  display: none;
}

.loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 8px solid var(--bg-g1);
  border-top: 8px solid var(--secondary);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.quickviewdetails .overview .product-name {
  width: 95%;
}

.quickviewmodal .quickviewdetails .overview {
  margin: 0 0 0;
}
.quickviewmodal .picture-gallery {
  position: relative;
}
.quickviewmodal .product-item .picture {
  position: relative;
}

/*# sourceMappingURL=app.css.map */