/* Liquid glass Quick View — WPC Smart Quick View */
html body .mfp-bg.mfp-woosq,
html body .mfp-fade.mfp-bg.mfp-woosq,
html body .mfp-fade.mfp-bg.mfp-ready,
html body .mfp-zoom-in.mfp-ready.mfp-bg {
  background: rgba(20, 20, 22, .28) !important;
  opacity: 1 !important;
  backdrop-filter: blur(10px) saturate(140%) !important;
  -webkit-backdrop-filter: blur(10px) saturate(140%) !important;
}

html body .woosq-popup {
  background: linear-gradient(165deg, rgba(255,255,255,.58) 0%, rgba(255,255,255,.16) 48%, rgba(236,238,242,.36) 100%) !important;
  border: 1px solid rgba(255,255,255,.88) !important;
  border-radius: 22px !important;
  box-shadow:
    inset 0 1.5px 0 rgba(255,255,255,.98),
    inset 0 -14px 28px rgba(255,255,255,.18),
    0 18px 48px rgba(0,0,0,.18) !important;
  backdrop-filter: blur(32px) saturate(200%) !important;
  -webkit-backdrop-filter: blur(32px) saturate(200%) !important;
  overflow: hidden !important;
}

html body .woosq-product,
html body .woosq-product > .product,
html body .woosq-product .thumbnails,
html body .woosq-product > .product .summary,
html body .woosq-product > .product .summary .summary-content {
  background: transparent !important;
  background-color: transparent !important;
}

html body .woosq-popup .product_meta,
html body .woosq-popup .sku_wrapper,
html body .woosq-popup .tagged_as,
html body .woosq-popup .posted_in {
  display: none !important;
}

html body .mfp-woosq .mfp-close {
  width: 32px !important;
  height: 32px !important;
  line-height: 32px !important;
  top: 14px !important;
  right: 14px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.7), rgba(255,255,255,.22)) !important;
  border: 1px solid rgba(255,255,255,.8) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.95) !important;
  opacity: 1 !important;
}
html body .mfp-woosq .mfp-close:before {
  width: 32px !important;
  height: 32px !important;
  line-height: 32px !important;
  font-size: 18px !important;
  color: #111 !important;
}

html body .mfp-woosq .mfp-arrow {
  width: 40px !important;
  height: 40px !important;
  margin-top: -20px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.62), rgba(255,255,255,.18)) !important;
  border: 1px solid rgba(255,255,255,.75) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 4px 14px rgba(0,0,0,.12) !important;
  backdrop-filter: blur(18px) saturate(160%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(160%) !important;
  opacity: 1 !important;
}
html body .mfp-woosq .mfp-arrow:hover {
  background: linear-gradient(180deg, rgba(255,255,255,.8), rgba(255,255,255,.28)) !important;
}
html body .mfp-woosq .mfp-arrow:before {
  width: 40px !important;
  height: 40px !important;
  line-height: 40px !important;
  color: #111 !important;
  font-size: 20px !important;
}

html body .woosq-popup .view-details-btn {
  box-shadow: none !important;
  border-radius: 0 !important;
}


/* QV as product-page layout */
html body .woosq-popup {
  width: min(1040px, 92vw) !important;
  max-width: 1040px !important;
  max-height: calc(100vh - 48px) !important;
  height: auto !important;
}
html body .woosq-product > .product {
  display: grid !important;
  grid-template-columns: 1.1fr 0.9fr !important;
  gap: 20px 32px !important;
  align-items: start !important;
}
html body .woosq-product > .product > div {
  width: auto !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}
html body .woosq-product .thumbnails {
  width: 100% !important;
  max-width: none !important;
  max-height: none !important;
  background: transparent !important;
}
html body .woosq-product .thumbnails img {
  max-height: 420px !important;
}
html body .woosq-product .thumbnails .slick-arrow {
  width: 36px !important;
  height: 36px !important;
  background: #fff !important;
  color: #111 !important;
  border-radius: 0 !important;
}
html body .woosq-product .thumbnails .slick-arrow:hover {
  background: #fff !important;
  color: #111 !important;
}
html body .woosq-product > .product .summary .summary-content {
  padding: 8px 8px 16px 0 !important;
  overflow: visible !important;
  height: auto !important;
}
html body .woosq-popup .product_title,
html body .woosq-popup h1 {
  font-family: Outfit, Helvetica, Arial, sans-serif !important;
  font-size: 24px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  margin: 0 28px 10px 0 !important;
}
html body .woosq-popup .price {
  font-size: 24px !important;
  font-weight: 400 !important;
  margin: 0 0 10px !important;
}
html body .woosq-popup .quantity { display: none !important; }
html body .woosq-popup .single_add_to_cart_button,
html body .woosq-popup button.button.alt {
  width: 100% !important;
  min-width: 100% !important;
  height: 46px !important;
  background: #111 !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 0 !important;
  font: 500 14px Outfit, Helvetica, Arial, sans-serif !important;
  text-transform: none !important;
  margin: 0 0 10px !important;
  float: none !important;
}
html body .woosq-popup table.variations { display: none !important; }
html body .woosq-popup .woocommerce-variation-description { display: none !important; }
html body .bih-qv-crumb {
  font-size: 12px;
  color: #444;
  margin: 0 0 10px;
}
html body .bih-qv-sizes {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 16px;
}
html body .bih-qv-sizes button {
  min-width: 40px;
  height: 36px;
  padding: 0 8px;
  border: 1px solid #ddd;
  background: #fff;
  color: #111;
  font: 400 13px Outfit, Helvetica, Arial, sans-serif;
  cursor: pointer;
}
html body .bih-qv-sizes button.is-on,
html body .bih-qv-sizes button:hover {
  background: #111;
  color: #fff;
  border-color: #111;
}
html body .bih-qv-szlab {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .08em;
  margin: 0 0 10px;
}
html body .bih-qv-pay {
  font-size: 12px;
  margin: 0 0 8px;
}
html body .bih-qv-acc { border-top: 1px solid rgba(17,17,17,.1); margin-top: 8px; }
html body .bih-qv-acc details { border-bottom: 1px solid rgba(17,17,17,.1); }
html body .bih-qv-acc summary {
  list-style: none;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: .08em;
  padding: 14px 0;
  cursor: pointer;
}
html body .bih-qv-acc summary::-webkit-details-marker { display: none; }
html body .bih-qv-acc .panel {
  display: none;
  padding: 0 0 14px;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 300;
}
html body .bih-qv-acc details[open] .panel { display: block; }
html body .woosq-popup .woocommerce-product-details__short-description,
html body .woosq-popup .woocommerce-product-details__short-description p {
  display: none !important;
}
@media (max-width: 720px) {
  html body .mfp-woosq { overflow: auto !important; }
  html body .mfp-woosq .mfp-content {
    width: 94vw !important;
    margin: 4vh auto !important;
  }
  html body .woosq-popup {
    width: 94vw !important;
    max-width: 94vw !important;
    max-height: 88vh !important;
    overflow-y: auto !important;
    height: auto !important;
  }
  html body .woosq-product > .product {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: 1fr !important;
  }
  html body .woosq-product .thumbnails img {
    max-height: 240px !important;
  }
  html body .woosq-popup .product_title,
  html body .woosq-popup h1 { font-size: 20px !important; }
}


/* Light liquid-glass site background */
html body.bih-bg-glass,
html body {
  background-color: #f8f9fb !important;
  background-image:
    radial-gradient(1100px 640px at 10% -8%, #ffffff 0%, rgba(255,255,255,0) 56%),
    radial-gradient(880px 560px at 94% 20%, rgba(242,244,247,.55) 0%, rgba(248,249,251,0) 58%),
    linear-gradient(165deg, #ffffff 0%, #f8f9fb 52%, #f4f5f7 100%) !important;
  background-attachment: fixed !important;
}
html body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(900px 500px at 80% 70%, rgba(255,255,255,.35), rgba(255,255,255,0) 70%);
}
html body .site,
html body #page,
html body #wrapper,
html body .site-content,
html body #content,
html body #primary,
html body .content-area,
html body .site-main,
html body .klb-shop,
html body .container,
html body .woocommerce,
html body .elementor-location-single,
html body .elementor-kit-7 {
  background-color: transparent !important;
  background-image: none !important;
}
html body .elementor-section.elementor-top-section,
html body .elementor-section.elementor-inner-section {
  background-color: transparent !important;
}