/** Shopify CDN: Minification failed

Line 1604:0 Unexpected "{"
Line 1604:1 Expected identifier but found "%"
Line 1621:0 Unexpected "{"
Line 1621:1 Expected identifier but found "%"

**/
/*
  © 2025 KondaSoft
  https://www.kondasoft.com
*/

/*
  Links
*/
a:hover {
  text-decoration-color: currentColor;
}

a:active {
  color: rgba(var(--color-text), 0.5);
}

a:focus-visible {
  outline-color: currentColor;
  text-decoration-color: transparent;
}

a:not([href]) {
  cursor: not-allowed;
}

a.link:hover {
  color: rgba(var(--color-accent));
  text-decoration-color: rgba(var(--color-accent));
}

a.link:focus-visible {
  padding: 0.25rem 0.5rem;
  text-decoration-color: transparent;
}

/*
  Forms
*/
.input:hover,
.select:hover,
.textarea:hover {
  border-color: rgba(var(--color-text));
}

.input:focus,
.select:focus,
.textarea:focus {
  outline-color: rgba(var(--color-text));
}

.check-label:hover input,
input[type="checkbox"]:hover,
input[type="radio"]:hover {
  outline-color: rgba(var(--color-text));
}

input[type="checkbox"]:disabled,
input[type="radio"]:disabled {
  cursor: not-allowed;
  opacity: 0.25;
}

input[type="checkbox"]:focus-visible,
input[type="radio"]:focus-visible {
  outline-color: rgba(var(--color-background));
  box-shadow: 0 0 0 3px rgba(var(--color-text), 0.75);
}

.check-label.disabled {
  opacity: 0.5;
}

input[type="range"] {
  appearance: none;
  width: 100%;
  background: rgba(var(--color-text), 0.1);
  height: 0.5rem;
  border-radius: 50rem;
}

input[type="range"]:focus-visible {
  background: rgba(var(--color-text), 0.25);
}

input[type="range"]::-webkit-slider-thumb {
  appearance: none;
  background: rgba(var(--color-text), 1);
  cursor: pointer;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
}

input[type="range"]::-moz-range-thumb {
  background: rgba(var(--color-text), 1);
  cursor: pointer;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
}

input[type="range"]::-ms-thumb {
  background: rgba(var(--color-text), 1);
  cursor: pointer;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
}

/*
  Buttons
*/
button:focus-visible,
.btn:focus-visible {
  outline-color: currentColor;
}

button:disabled,
.btn:disabled,
.btn.disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.btn-link:not(:disabled):hover {
  color: rgba(var(--color-accent));
}

.btn-link:active {
  background-color: rgba(var(--color-text), 0.05);
}

.btn-primary:not(:disabled):hover {
  color: rgba(var(--color-background));
  outline-color: rgba(var(--color-text));
}

.btn-primary:active {
  background-color: rgba(var(--color-text), 0.8);
  color: rgba(var(--color-background));
}

.btn-primary:focus-visible {
  outline-color: rgba(var(--color-text));
  outline-offset: 2px;
}

.btn-outline:not(:disabled):hover {
  color: rgba(var(--color-text));
  outline-color: rgba(var(--color-text));
}

.btn-outline:active {
  background-color: rgba(var(--color-text), 0.05);
  color: rgba(var(--color-text));
}

.btn-outline:focus-visible {
  outline-color: rgba(var(--color-text));
  outline-offset: 0;
}

.btn-accent:not(:disabled):hover {
  color: rgba(var(--color-background));
  outline-color: rgba(var(--color-accent));
}

.btn-accent:active {
  background-color: rgba(var(--color-accent), 0.8);
  color: rgba(var(--color-background));
}

.btn-accent:focus-visible {
  outline-color: rgba(var(--color-accent));
  outline-offset: 2px;
}

.btn-plain:not(:disabled):hover {
  background-color: rgba(var(--color-text), 0.05);
  color: rgba(var(--color-text));
  outline-color: transparent;
}

.btn-plain:active {
  background-color: rgba(var(--color-text), 0.1);
  color: rgba(var(--color-text));
}

.btn-plain:focus-visible {
  outline-color: rgba(var(--color-text));
}

.btn.loading {
  display: block;
  position: relative;
  text-indent: -9999rem;
}

.btn.loading svg {
  display: none;
}

.btn.loading::after {
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
  border-radius: 50%;
  border: 0.1em solid currentcolor;
  border-right-color: transparent;
  animation: loading-spinner 0.75s linear infinite;
}

.btn.animate {
  animation: animate-shakeX 1s ease-in-out both;
}

.btn-icon:hover,
.btn-icon:focus {
  background-color: rgba(var(--color-text), 0.05);
}

.btn-icon:active {
  background-color: rgba(var(--color-text), 0.1);
}

/*
  Shopify's related
*/
.shopify-challenge__container {
  padding: 2rem;
}

.shopify-policy__container {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
  max-width: 720px !important;
}

.errors ul {
  text-align: left;
  margin-bottom: 0;
}

.rte img {
  max-width: 100%;
  height: auto;
}

.rte p:last-child {
  margin-bottom: 0;
}

.rte a,
.description a {
  text-decoration-color: currentColor;
}

/*
  Main
*/
#main {
  background: rgba(var(--color-background));
  position: relative;
  z-index: 1;
  flex: 1;
}

#main::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(var(--color-text), 0.5);
  opacity: 0;
  transition: all 0.2s ease-out;
  cursor:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E") 24 24,
    pointer;
  visibility: hidden;
  z-index: 2;
}

[data-header-dropdown-open] #main::after {
  opacity: 1;
  visibility: visible;
}

/*
  Header
*/
#header-group.sticky {
  position: sticky;
  top: 0;
  z-index: 3;
  transition: transform 0.3s ease-out;
}

#header-group.sticky.hide {
  transform: translateY(-100%);
}

/* Header - mobile */
@media (max-width: 1199px) {
  a[aria-controls="header-mobile-menu"] svg line {
    opacity: 1;
    transform: rotate(0) translateY(0) translateX(0);
    transition:
      transform 0.3s ease-in-out,
      opacity 0.2s ease-in-out;
  }

  a[aria-controls="header-mobile-menu"][aria-expanded="true"] svg line:nth-child(1) {
    transform: rotate(45deg) translate(6px, -12px);
  }

  a[aria-controls="header-mobile-menu"][aria-expanded="true"] svg line:nth-child(2) {
    opacity: 0;
  }

  a[aria-controls="header-mobile-menu"][aria-expanded="true"] svg line:nth-child(3) {
    transform: rotate(-45deg) translate(-12px, 0px);
  }

  #header-mobile-menu {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 100%;
    left: 0;
    z-index: 3;
    overflow-y: auto;
    box-sizing: border-box;
    height: calc(100dvh - var(--top, 0));
    background-color: rgba(var(--color-background), 1);
    animation: header-mobile-menu 0.2s ease-in;
  }

  @keyframes header-mobile-menu {
    from {
      transform: translateY(100%);
    }
    to {
      transform: translateY(0);
    }
  }

  #header-mobile-menu.closing {
    animation: header-mobile-menu-closing 0.2s ease-out;
  }

  @keyframes header-mobile-menu-closing {
    from {
      transform: translateY(0);
    }
    to {
      transform: translateY(100%);
    }
  }

  #header-mobile-menu:not([hidden]) {
    display: flex;
    flex-direction: column;
  }

  #header-mobile-menu-backdrop {
    position: fixed;
    top: var(--top, 0);
    left: 0;
    width: 100%;
    height: calc(100% - var(--top, 0));
    background-color: rgba(var(--color-text), 0.5);
    z-index: 2;
    animation: header-mobile-menu-backdrop 0.2s ease-in-out;
  }

  @keyframes header-mobile-menu-backdrop {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }

  .closing + #header-mobile-menu-backdrop {
    animation: header-mobile-menu-backdrop-closing 0.2s ease-in-out;
  }

  @keyframes header-mobile-menu-backdrop-closing {
    from {
      opacity: 1;
    }
    to {
      opacity: 0;
    }
  }

  #header-mobile-menu-inner {
    flex: 1;
    padding: 1rem;
  }

  #header-mobile-nav {
    font-size: var(--font-size);
    text-transform: var(--text-transform);
    letter-spacing: var(--letter-spacing);
  }

  #header-mobile-nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
    transition: all 0.2s ease-out;
  }

  #header-mobile-nav ul li {
    display: block;
  }

  #header-mobile-nav ul li a {
    display: flex;
    align-items: center;
    padding: var(--vertical-spacing) 0;
    transition: all 0.2s ease-out;
    border-bottom: 1px dotted rgba(var(--color-text), var(--border-opacity));
  }

  #header-mobile-nav ul li a:focus-visible {
    padding-left: 1rem;
  }

  #header-mobile-nav ul li a.active {
  }

  #header-mobile-nav ul li a svg {
    width: 1em;
    height: 1em;
    flex-shrink: 0;
  }

  #header-mobile-nav ul li a.has-arrow-left {
    background-color: rgba(var(--color-text), 0.05);
    margin-left: -1rem;
    margin-right: -1rem;
    border-bottom-color: transparent;
    justify-content: center;
    padding-right: 1rem;
    outline-offset: -2px;
  }

  #header-mobile-nav ul li a.has-arrow-left svg {
    margin-right: 1rem;
  }

  #header-mobile-nav ul li a.has-arrow-right {
    justify-content: space-between;
  }

  #header-mobile-nav ul li a.has-arrow-right svg {
    margin-left: 1rem;
  }

  #header-mobile-nav .mobile-nav-dropdown {
    display: none;
    position: absolute;
    top: 0;
    background: rgba(var(--color-background), 1);
    border: none;
    border-radius: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 1rem;
    z-index: 1;
    box-sizing: border-box;
  }

  #header-mobile-nav [aria-expanded="true"] + .mobile-nav-dropdown {
    display: block;
    animation: header-mobile-nav-dropdown 0.2s ease-out;
  }

  @keyframes header-mobile-nav-dropdown {
    from {
      transform: translateX(100%);
    }
    to {
      transform: none;
    }
  }

  [data-scroll-animations="true"] #header-mobile-nav ul[data-level="1"] > li > a {
    animation: header-mobile-nav-dropdown-item 0.3s ease-in-out both;
    animation-delay: calc(0.05s * var(--index) + 0.15s);
  }

  @keyframes header-mobile-nav-dropdown-item {
    from {
      opacity: 0;
      transform: translateX(0.5rem);
    }
    to {
      opacity: 1;
      transform: none;
    }
  }

  ul#header-mobile-secondary-menu {
    list-style: none;
    padding: 1rem 0;
    margin: 0;
  }

  #header-mobile-secondary-menu a {
    display: flex;
    align-items: center;
    padding: 0.5rem 0;
  }

  #header-mobile-secondary-menu a .svg-wrapper,
  #header-mobile-secondary-menu a .img-wrapper {
    display: flex;
    margin-right: 0.75rem;
  }

  [data-scroll-animations="true"] #header-mobile-secondary-menu {
    animation: header-mobile-secondary-menu 0.4s ease-out both;
    animation-delay: 0.5s;
  }

  @keyframes header-mobile-secondary-menu {
    from {
      opacity: 0;
      transform: translateX(0.5rem);
    }
    to {
      opacity: 1;
      transform: none;
    }
  }

  #header-mobile-menu .footer {
    position: relative;
    overflow: hidden;
  }

  [data-scroll-animations="true"] #header-mobile-menu .footer-inner {
    background-color: rgba(var(--color-text), 0.05);
    padding: 0.25rem 0;
    animation: header-mobile-menu-footer 0.3s ease-out both;
    animation-delay: 0.4s;
  }

  @keyframes header-mobile-menu-footer {
    from {
      transform: translateY(100%);
    }
    to {
      transform: none;
    }
  }

  #header-mobile-menu ul.social-icons {
    display: flex;
  }
  #header-mobile-menu ul.social-icons a {
    padding: 0.75rem;
  }
}

/* Header - desktop */
@media (min-width: 1200px) {
  #header-desktop-menu dropdown-component.has-megamenu {
    position: static;
  }

  #header-desktop-menu .megamenu {
    top: 100%;
    width: 100%;
    border-top: none;
    border-left: none;
    border-right: none;
    padding: 0.75rem 0;
    border-radius: 0;
  }

  #header-desktop-menu .megamenu ul li a {
    padding: 0.375rem 0.75rem;
  }

  #header-desktop-menu .megamenu ul[data-level="2"] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
  }

  #header-desktop-menu .megamenu ul[data-level="2"] > li {
    max-width: calc(100% / 6);
    flex: 1;
  }

  #header-desktop-menu .megamenu ul[data-level="2"] > li > a {
    font-weight: 600;
    font-size: 1.05em;
  }

  #header-desktop-menu .megamenu ul[data-level="2"] > li > a img {
    display: flex;
    margin: 0 0 0.5rem;
    border-radius: var(--border-radius);
    transition: all 0.2s ease-out;
  }

  #header-desktop-menu .megamenu ul[data-level="2"] > li > a:hover img {
    opacity: 0.9;
  }

  #header-desktop-menu .megamenu ul[data-level="2"] > li > a img + span {
    font-size: 0.95em;
  }

  #header-desktop-menu .megamenu ul[data-level="3"] > li > a {
    font-size: 0.95em;
  }

  [data-scroll-animations="true"] #header-desktop-menu [aria-expanded="true"] + .dropdown-content ul[data-level="2"] > li {
    animation: header-desktop-dropdown-item 0.3s ease-in-out both;
    animation-delay: calc(0.05s * var(--index));
  }

  [data-scroll-animations="true"] #header-desktop-menu [aria-expanded="true"] + .megamenu ul[data-level="2"] > li {
    animation: header-megamenu-item 0.3s ease-in-out both;
    animation-delay: calc(0.05s * var(--index));
  }

  @keyframes header-desktop-dropdown-item {
    from {
      opacity: 0;
      transform: translateY(0.25rem);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  @keyframes header-megamenu-item {
    from {
      opacity: 0;
      transform: translateY(0.375rem);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
}

/*
  #Footer
*/
#footer {
  background-color: rgba(var(--color-background), 1);
  background-image: var(--color-background-gradient, none);
  color: rgba(var(--color-text), 1);
  border-top: 1px solid rgba(var(--color-text), var(--border-top-opacity));
  position: relative;
  opacity: 0;
  animation: footer_init 0.2s ease-out both;
}

@keyframes footer_init {
  to {
    opacity: 1;
  }
}

#footer[data-linear-gradient="true"] {
  background-image: linear-gradient(to bottom, rgba(var(--color-text), 0.1), transparent);
}

#footer-newsletter {
}

#footer-newsletter .description {
  opacity: 0.75;
}

#footer-newsletter input {
  background-color: rgba(var(--color-background), 0.5);
  border-color: rgba(var(--color-text), 0.25);
}

#footer-newsletter input:focus {
  background-color: rgba(var(--color-background), 1);
}

#footer-blocks {
}

.footer-block {
}

.footer-block .heading {
  margin: 0 0 0.75rem;
}

.footer-block-about {
  background-color: rgba(var(--color-text), var(--bg-opacity));
  border: 1px solid rgba(var(--color-text), var(--border-opacity));
  border-radius: var(--border-radius);
}

.footer-block-about .img-wrapper {
  display: inline-flex;
  margin-bottom: 1rem;
}

.footer-block-about img {
  transition: all 0.2s ease-out;
}

.footer-block-about a:hover img {
  opacity: 0.85;
}

.footer-block-about .description {
  margin: 0 0 1rem;
}

.footer-block-menu ul {
  list-style: none;
  padding: 0;
  margin: -0.25rem 0;
  font-size: 0.925em;
}

.footer-block-menu ul li a {
  display: flex;
  padding: 0.5rem 0;
  color: rgba(var(--color-text), 0.75);
  transition: all 0.2s ease-out;
}

.footer-block-menu ul li a:hover,
.footer-block-menu ul li a:focus {
  color: rgba(var(--color-text), 1);
}

.footer-block-menu ul li a:focus-visible {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.footer-block-richtext .btn-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 1.25rem;
}

.footer-block-richtext .btn {
  width: 100%;
}

#footer-blocks collapse-component {
  border-top-color: rgba(var(--color-text), 0.2);
  border-bottom-color: rgba(var(--color-text), 0.2);
}

.footer-separator {
  padding: 0;
  margin: 0;
  border: none;
  height: 1px;
  background-image: linear-gradient(to right, transparent, rgba(var(--color-text), 0.2), transparent);
}

#footer-bottom {
}

#footer-copyright {
  text-align: center;
}

#footer-copyright p {
  margin: 0;
}

#footer-copyright-powered a {
  opacity: 0.75;
}

#footer-copyright-powered a:hover,
#footer-copyright-powered a:focus {
  opacity: 1;
}

ul#footer-policy-links {
  list-style: none;
  padding: 0;
  margin: 0.25rem 0;
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
}

ul#footer-policy-links li a {
  padding: 0.25rem 0.6rem;
  display: flex;
  position: relative;
}

ul#footer-policy-links li:not(:last-child) a:after {
  content: "\b7";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(50%, -50%);
}

#footer-payment-icons .payment-icons-text {
  font-size: 0.8rem;
}

#footer-scroll-top button {
  display: inline-flex;
  align-items: center;
  padding-left: 1rem;
  padding-right: 1rem;
  border-color: rgba(var(--color-text), 0.25);
}

#footer-scroll-top button svg {
  margin-right: 0.5rem;
}

#footer-scroll-top button:hover svg {
  animation: footer_scroll_top 1s ease-out infinite;
}

@keyframes footer_scroll_top {
  from {
    transform: translateY(2px);
  }
  to {
    transform: translateY(-2px);
  }
}

@media (max-width: 599px) {
  #footer {
    padding-top: calc(var(--padding) * 0.75);
    padding-bottom: calc(var(--padding) * 0.75);
  }
  .footer-separator {
    margin-top: calc(var(--padding) * 0.75);
    margin-bottom: calc(var(--padding) * 0.75);
  }
}

@media (min-width: 600px) {
  #footer {
    padding-top: calc(var(--padding) * 1);
    padding-bottom: calc(var(--padding) * 1);
  }
  .footer-separator {
    margin-top: calc(var(--padding) * 1);
    margin-bottom: calc(var(--padding) * 1);
  }
}

@media (max-width: 1199px) {
  [data-collapsible-blocks-mobile="false"] #footer-blocks {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
  }

  [data-collapsible-blocks-mobile="true"] #footer-blocks {
    margin-bottom: calc(var(--padding) * 0.75);
  }

  [data-collapsible-blocks-mobile="true"] #footer-blocks + .footer-separator {
    display: none;
  }

  [data-collapsible-blocks-mobile="true"] .footer-block-inner {
    display: none;
  }

  [data-collapsible-blocks-mobile="true"] .footer-block:not([data-type="about"]) + .footer-block collapse-component {
    border-top: none;
  }

  [data-collapsible-blocks-mobile="true"] .footer-block[data-type="about"] {
    margin-bottom: calc(var(--padding) * 0.75);
  }

  #footer-newsletter {
    padding-bottom: 0.25rem;
    margin-bottom: calc(var(--padding) * 0.75);
  }

  #footer-newsletter + .footer-separator {
    display: none;
  }

  .footer-block-about {
    padding: calc(var(--padding) * 0.75);
  }

  #footer-bottom {
    text-align: center;
  }

  #footer-copyright {
    margin-bottom: 1rem;
  }

  #footer-payment-icons {
    margin-bottom: 1.25rem;
  }
}

@media (min-width: 1200px) {
  .has-fixed-footer #footer-group {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
  }

  #footer-blocks {
    display: flex;
    flex-wrap: nowrap;
    gap: 1rem;
  }

  .footer-block {
    flex: 1;
  }

  .footer-block[data-type="about"] {
    min-width: 25%;
    margin-right: 4rem;
  }

  .footer-block-about {
    padding: calc(var(--padding) * 1);
    height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .footer-block-about.text-center {
    align-items: center;
  }

  .footer-block collapse-component {
    display: none;
  }

  #footer-bottom {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    justify-content: space-between;
    align-items: center;
  }

  #footer-payment-icons {
    margin-bottom: 0;
  }

  #footer-copyright {
    order: 2;
  }

  #footer-scroll-top {
    order: 3;
    text-align: right;
  }

  ul#footer-policy-links {
    font-size: 0.9em;
  }
}

/*
  Product card
*/
.product-card:hover .img-wrapper img {
  transform: scale(1.05);
}

.product-card-wrapper:hover .img-wrapper img + img {
  opacity: 1;
}

.product-card .img-wrapper .wishlist-btn:hover svg,
.product-card .img-wrapper .wishlist-btn:focus svg {
  transform: scale(1.1);
}

.product-card .heading a:focus-visible {
  outline: none;
}

.product-card .heading a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border-radius: var(--border-radius);
  outline: 2px solid transparent;
  outline-offset: 0.25rem;
  transition: all 0.2s ease-out;
  z-index: 1;
}

.product-card .heading a:focus-visible::after {
  outline-color: currentColor;
}

.product-card ul.color-swatches input + label:hover {
  opacity: 0.85;
  border-color: rgba(var(--color-text), 0.5);
}

.product-card ul.color-swatches input:focus-visible + label {
  outline: 2px solid rgba(var(--color-text));
  outline-offset: 0;
}


/*
  Quick view modal
*/
#quick-view-dialog {
}

.quick-view-modal {
  display: block;
}

.quick-view-modal .dialog-close {
  position: absolute;
  z-index: 1;
  margin: 0;
}

.quick-view-content {
}

.quick-view-content .slideshow {
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: var(--border-radius);
}

.quick-view-content .slideshow-track {
  display: flex;
  transition: transform var(--speed) ease-in-out;
}

.quick-view-content .slideshow-slide {
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  flex-shrink: 0;
}

.quick-view-content .slideshow-slide img {
  width: 100%;
  height: auto;
  display: block;
}

.quick-view-content .slideshow-control {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(var(--color-background), .9);
  backdrop-filter: blur(5px);
  color: rgba(var(--color-text));
  border: 1px solid rgba(var(--color-text), var(--border-opacity));
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.2rem;
  height: 2.2rem;
  padding: 0;
  border-radius: 50%;
  transition: all .2s ease-in-out;
  z-index: 2;
  opacity: 1;
}

.quick-view-content .slideshow-control[name="previous"] {
  left: 1rem;
}

.quick-view-content .slideshow-control[name="next"] {
  right: 1rem;
}

.quick-view-content .slideshow-control:disabled {
  display: none;
}

.quick-view-content .slideshow-pagination {
  position: absolute;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
  background-color: rgba(var(--color-background), .9);
  backdrop-filter: blur(5px);
  color: rgba(var(--color-text));
  border-radius: var(--border-radius);
  padding: 0.125rem 0.5rem;
  z-index: 1;
}

.quick-view-content .heading {
  margin: 0 1rem .5rem 0;
}

.quick-view-content .price {
  display: flex;
  align-items: center;
  margin: 0 0 1rem;
}

.quick-view-content .price-compare {
  opacity: 0.5;
  margin-right: 0.5rem;
}

.quick-view-content .price-sale {
  color: rgba(var(--color-accent));
}

.quick-view-content [data-has-price-compare="true"] .price-regular,
.quick-view-content [data-has-price-compare="false"] .price-compare,
.quick-view-content [data-has-price-compare="false"] .price-sale {
  display: none;
}

.quick-view-content-product-options {
  margin-bottom: 1.25rem;
}

.quick-view-content .btn-link {
  margin-top: .5rem;
}

@media (max-width: 1199px) {
  #quick-view-dialog {
    width: 600px;
  }
  .quick-view-modal .dialog-close {
    background-color: rgba(var(--color-text), 1);
    color: rgba(var(--color-background), 1);
    top: .5rem;
    right: .5rem;
  }
  .quick-view-content {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
}

@media (min-width: 1200px) {
  #quick-view-dialog {
    width: 1000px;
  }
  .quick-view-modal .dialog-close {
    top: .25rem;
    right: .25rem;
  }
  .quick-view-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
    align-items: center;
  }
  .quick-view-content-right {
    max-width: 320px;
  }
}


/*
  Alerts
*/
[data-alert-type="error"] {
  --color: 185, 28, 28;
}
[data-alert-type="warning"] {
  --color: 161, 98, 7;
}
[data-alert-type="success"] {
  --color: 21, 128, 61;
}
[data-alert-type="info"] {
  --color: 3, 105, 161;
}

[data-prefers-dark-scheme="true"] [data-alert-type="error"] {
  --color: 255, 99, 99;
}
[data-prefers-dark-scheme="true"] [data-alert-type="warning"] {
  --color: 255, 191, 71;
}
[data-prefers-dark-scheme="true"] [data-alert-type="success"] {
  --color: 110, 231, 183;
}
[data-prefers-dark-scheme="true"] [data-alert-type="info"] {
  --color: 125, 211, 252;
}

.alert {
  background-color: rgba(var(--color, var(--color-accent)), 0.1);
  color: rgba(var(--color, var(--color-accent)));
  border: 1px solid rgba(var(--color, var(--color-accent)), 0.5);
  border-radius: var(--border-radius);
  padding: 0.5rem 1rem;
  margin: 1rem 0;
  line-height: normal;
  position: relative;
}

.alert p:last-child {
  margin-bottom: 0;
}

.alert ul {
  padding: 0 0 0 1rem;
  margin: 0;
}

.alert a {
  color: currentColor;
  text-decoration-color: currentColor;
}

.alert-text {
  color: rgba(var(--color, var(--color-accent)));
}

/*
  Loading indicators
*/
.loading-spinner {
  display: inline-block;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  border: 0.1em solid rgba(var(--color-text), 1);
  border-right-color: transparent;
  animation: loading-spinner 0.75s linear infinite;
}

@keyframes loading-spinner {
  to {
    transform: rotate(360deg);
  }
}

/* 
  Payment icons
*/
.payment-icons {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
}

.payment-icons ul {
  display: inline-flex;
  justify-content: center;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
  gap: 0.15rem;
}

.payment-icons svg {
  display: flex;
  height: 18px;
  width: 100%;
}

.payment-icons-text {
  opacity: 0.75;
  text-align: center;
  margin: 0.125rem 0 0;
}

/*
  Social icons
*/
ul.social-icons {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
}

ul.social-icons a {
  display: flex;
  padding: 0.5rem;
  border-radius: 50%;
  transition: all 0.2s ease-out;
}

ul.social-icons:hover a {
  opacity: 0.5;
}

ul.social-icons:hover a:hover {
  opacity: 1;
  transform: scale(1.1);
}

/*
  Share button Share button hidden using display none
*/ 
.share-component {
  display: none; 
}

.share-component .dropdown-content {
  padding: 1rem;
  display: flex;
  width: 360px;
  max-width: calc(100vw - 2rem);
  box-sizing: border-box;
}

.share-component .dropdown-content .btn {
  min-width: auto;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

/*
  Animated bin icon
*/
.animated-bin-icon {
  --icon-size: 1.5rem;
  --border-width: 1.5px;
  width: var(--icon-size);
  height: var(--icon-size);
  position: relative;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.animated-bin-icon span:first-child {
  position: relative;
  width: 90%;
  height: 20%;
  transform-origin: 10% 100%;
  transition: transform 0.3s ease;
}

.animated-bin-icon span:first-child::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: var(--border-width);
  background: currentColor;
}

.animated-bin-icon span:first-child::after {
  content: "";
  position: absolute;
  top: 0;
  left: 25%;
  width: 50%;
  height: calc(100% + var(--border-width));
  border: var(--border-width) solid currentColor;
  border-top-left-radius: 0.125rem;
  border-top-right-radius: 0.125rem;
  box-sizing: border-box;
}

.animated-bin-icon span:last-child {
  position: relative;
  width: 75%;
  height: 80%;
  border: var(--border-width) solid currentColor;
  border-bottom-left-radius: 0.125rem;
  border-bottom-right-radius: 0.125rem;
  box-sizing: border-box;
  transition: transform 0.3s ease-out;
}

.animated-bin-icon span:last-child::before,
.animated-bin-icon span:last-child::after {
  content: "";
  position: absolute;
  top: 20%;
  width: var(--border-width);
  height: 60%;
  background: currentColor;
}

.animated-bin-icon span:last-child::before {
  left: 26%;
}

.animated-bin-icon span:last-child::after {
  right: 26%;
}

button:hover .animated-bin-icon span:first-child,
button:focus .animated-bin-icon span:first-child,
a:hover .animated-bin-icon span:first-child,
a:focus .animated-bin-icon span:first-child {
  transform: rotate(-26deg);
}

button:hover .animated-bin-icon span:last-child,
button:focus .animated-bin-icon span:last-child,
a:hover .animated-bin-icon span:last-child,
a:focus .animated-bin-icon span:last-child {
  transform: translateY(2px);
}


/*
  JudgeMe app
*/
body .jdgm-rev-widg {
  padding-left: 0;
  padding-right: 0;
}

body .jdgm-star {
  font-weight: normal;
}

body .jdgm-write-rev-link {
  border-radius: var(--border-radius);
  font-weight: 500;
}

body .jdgm-write-rev-link:focus-visible {
  outline: 2px solid var(--jdgm-write-review-bg-color, var(--jdgm-primary-color));
  outline-offset: 2px;
}

body .jdgm-histogram__bar {
  background-color: rgba(var(--color-text), 0.05);
}

body .jdgm-form {
  padding: 1.5rem;
  background-color: rgba(var(--color-text), 0.05);
  border-radius: var(--border-radius);
  text-align: left;
}

body .jdgm-form__title {
  font-family: var(--headings-font-family);
  font-weight: var(--headings-font-weight);
}

body .jdgm-form input[type="text"], 
body .jdgm-form input[type="email"],
body .jdgm-form input[type="url"], 
body .jdgm-form textarea {
  border: 1px solid rgba(var(--color-text), var(--border-opacity));
  border-radius: var(--border-radius);
  padding: .5rem .75rem;
  font-size: 1rem;
  outline: 1px solid transparent;
  outline-offset: 0;
  transition: all .2s ease-out;
}

body .jdgm-form input[type="text"]:focus,
body .jdgm-form input[type="email"]:focus,
body .jdgm-form input[type="url"]:focus,
body .jdgm-form textarea:focus {
  outline: 1px solid transparent;
  outline-offset: 0;
  outline-color: rgba(var(--color-text));
}

body .jdgm-picture-fieldset__box-wrapper {
  border: 1px solid rgba(var(--color-text), var(--border-opacity));
  border-radius: var(--border-radius);
}

body .jdgm-btn {
  border-radius: var(--border-radius) !important;
  font-weight: 500;
}

body .jdgm-row-media, 
body .jdgm-row-search, 
body .jdgm-subtab, 
body .jdgm-row-actions, 
body .jdgm-quest, 
body .jdgm-rev, 
body .jdgm-paginate {
  border-top: 1px dotted rgba(var(--color-text), var(--border-opacity));
}

body .jdgm-rev__timestamp,
body .jdgm-rev__location {
  color: rgba(var(--color-text), 0.6);
}

@media only screen and (min-width: 992px) {
  body .jdgm-widget:not(.jdgm-review-widget--small,
  body .jdgm-review-widget--medium) .jdgm-rev-widg__summary+.jdgm-histogram, .jdgm-widget:not(.jdgm-review-widget--small,
  body .jdgm-review-widget--medium) .jdgm-rev-widg__summary+.jdgm-widget-actions-wrapper, 
  body .jdgm-widget:not(.jdgm-review-widget--small,
  body .jdgm-review-widget--medium) .jdgm-histogram+.jdgm-widget-actions-wrapper {
    border-left: 1px dotted rgba(var(--color-text), var(--border-opacity));
  }
}


/*
  Animations
*/
/* prettier-ignore */
@keyframes animate-shakeX {
  0%,to { transform: translateZ(0) }
  10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px,0,0) }
  20%, 40%, 60%, 80% { transform: translate3d(10px,0,0) }
}

/* prettier-ignore */
@keyframes animate-flash {
  0%, 50%, to { opacity: 1; }
  25%, 75% { opacity: 0; }
}

/* prettier-ignore */
@keyframes animate-tada {
  0% { transform: scaleX(1) }
  10%, 20% { transform: scale3d(.9,.9,.9) rotate(-3deg) }
  30%, 50%, 70%, 90% { transform: scale3d(1.1,1.1,1.1) rotate(3deg) }
  40%, 60%, 80% { transform: scale3d(1.1,1.1,1.1) rotate(-3deg) }
  to { transform: scaleX(1) }
}

/* prettier-ignore */
@keyframes animate-heart-beat {
  0% { transform: scale(1); }
  14% { transform: scale(1.3); }
  28% { transform: scale(1);}
  42% { transform: scale(1.3); }
  70% { transform: scale(1); }
}


/*========Custom Codes Added by Me=====================*/

{% if template.name contains 'product' %}
.btn-primary {
  font-weight: 992;
}
.btn-atc {
  border-radius: 15px;
}
.qty-switcher input {
  border-radius: 15px;
}

span.price-sale {
    font-size: 1.5rem;
    font-weight: 550;
    color: black;
}

{% endif %}