/* shopforeveryone.com.mx — custom storefront theme overrides.
   Logo palette: royal blue #1f3fb0, deep blue #16308a, accent orange #f57920. */

:root {
  --sfe-blue: #1f3fb0;
  --sfe-blue-deep: #16308a;
  --sfe-blue-soft: #eaf0ff;
  --sfe-orange: #f57920;
  --sfe-orange-deep: #d96512;
  --sfe-ink: #1a2240;
  --sfe-mute: #6a738f;
  --sfe-line: #e3e7f3;
}

/* ----------------------------- Menu container ----------------------------- */
#_desktop_top_menu.js-top-menu {
  background: linear-gradient(180deg, #1f3fb0 0%, #16308a 100%);
  border-radius: 14px;
  box-shadow: 0 10px 28px -18px rgba(31, 63, 176, 0.45), 0 2px 6px rgba(0,0,0,0.04);
  padding: 6px 10px;
  margin: 8px 0 10px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  position: relative;
}

#_desktop_top_menu .top-menu {
  flex: 1 1 auto;
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#_desktop_top_menu .top-menu > li {
  margin: 0;
  padding: 0;
}

#_desktop_top_menu .top-menu > li > a {
  display: inline-flex;
  align-items: center;
  padding: 10px 14px;
  color: #fff !important;
  font-weight: 700;
  font-size: 12.5px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 8px;
  transition: background-color .15s ease, color .15s ease, transform .15s ease;
  border: 0 !important;
  background: transparent !important;
  position: relative;
}

#_desktop_top_menu .top-menu > li > a::after {
  content: "";
  position: absolute;
  left: 14px; right: 14px; bottom: 4px;
  height: 2px;
  background: var(--sfe-orange);
  border-radius: 2px;
  transform: scaleX(0);
  transform-origin: center;
  transition: transform .18s ease;
}

#_desktop_top_menu .top-menu > li:hover > a,
#_desktop_top_menu .top-menu > li > a:focus,
#_desktop_top_menu .top-menu > li.sfHover > a {
  background: rgba(255,255,255,0.10) !important;
  color: #fff !important;
}
#_desktop_top_menu .top-menu > li:hover > a::after,
#_desktop_top_menu .top-menu > li > a:focus::after,
#_desktop_top_menu .top-menu > li.sfHover > a::after {
  transform: scaleX(1);
}

/* Dropdown panels */
#_desktop_top_menu .top-menu .sub-menu {
  background: #ffffff !important;
  border: 1px solid var(--sfe-line) !important;
  border-top: 3px solid var(--sfe-orange) !important;
  box-shadow: 0 18px 40px -16px rgba(15, 28, 80, 0.35), 0 4px 12px rgba(0,0,0,0.06) !important;
  border-radius: 0 0 10px 10px !important;
  padding: 10px 4px !important;
  min-width: 240px;
  margin-top: 0 !important;
}

#_desktop_top_menu .top-menu .sub-menu ul,
#_desktop_top_menu .top-menu .sub-menu li {
  background: transparent !important;
  list-style: none;
}

#_desktop_top_menu .top-menu .sub-menu a {
  display: block;
  padding: 8px 14px !important;
  color: var(--sfe-ink) !important;
  font-weight: 500;
  font-size: 13.5px;
  text-transform: none;
  letter-spacing: 0;
  border-radius: 6px;
  text-decoration: none;
  transition: background-color .12s ease, color .12s ease;
}

#_desktop_top_menu .top-menu .sub-menu a:hover {
  background: var(--sfe-blue-soft) !important;
  color: var(--sfe-blue) !important;
}

/* Nested level-3 dropdowns open to the right */
#_desktop_top_menu .top-menu .sub-menu .sub-menu {
  margin-left: 4px !important;
}

/* ----------------------------- Search inside menu ----------------------------- */
#_desktop_top_menu .sfe-search-host {
  flex: 0 0 auto;
  width: 320px;
  max-width: 100%;
  position: relative;
  margin: 4px 4px 4px auto;
}

#_desktop_top_menu .sfe-search-host #search_widget {
  width: 100%;
  margin: 0;
}

#_desktop_top_menu .sfe-search-host form {
  position: relative;
  display: flex;
  align-items: center;
  background: #ffffff;
  border-radius: 999px;
  padding: 4px 6px 4px 14px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.10), inset 0 0 0 1px rgba(255,255,255,0.6);
  transition: box-shadow .18s ease;
}

#_desktop_top_menu .sfe-search-host form:focus-within {
  box-shadow: 0 0 0 3px rgba(245, 121, 32, 0.35), 0 2px 6px rgba(0,0,0,0.10);
}

#_desktop_top_menu .sfe-search-host i.material-icons.search {
  color: var(--sfe-orange);
  font-size: 22px;
  margin-right: 6px;
}

#_desktop_top_menu .sfe-search-host input[type="text"] {
  flex: 1 1 auto;
  border: 0 !important;
  outline: none !important;
  background: transparent !important;
  color: var(--sfe-ink);
  font-size: 14px;
  padding: 8px 6px !important;
  box-shadow: none !important;
  min-width: 0;
}

#_desktop_top_menu .sfe-search-host input[type="text"]::placeholder {
  color: #7d86a3;
  font-style: normal;
}

#_desktop_top_menu .sfe-search-host i.material-icons.clear {
  color: var(--sfe-mute);
  cursor: pointer;
  font-size: 18px;
  padding: 0 4px;
  display: none;
}

#_desktop_top_menu .sfe-search-host form.sfe-has-text i.material-icons.clear {
  display: inline-block;
}

/* ----------------------------- Suggestion dropdown ----------------------------- */
.sfe-suggest {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  background: #ffffff;
  border: 1px solid var(--sfe-line);
  border-radius: 12px;
  box-shadow: 0 24px 48px -20px rgba(15, 28, 80, 0.40), 0 6px 16px rgba(0,0,0,0.06);
  z-index: 1000;
  overflow: hidden;
  display: none;
  max-height: 70vh;
  overflow-y: auto;
}

.sfe-suggest.sfe-open { display: block; }

.sfe-suggest__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 14px;
  font-size: 12px;
  color: var(--sfe-mute);
  background: var(--sfe-blue-soft);
  border-bottom: 1px solid var(--sfe-line);
}
.sfe-suggest__head strong { color: var(--sfe-blue); font-weight: 700; }

.sfe-suggest__list { list-style: none; margin: 0; padding: 4px 0; }

.sfe-suggest__item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 12px;
  text-decoration: none;
  color: var(--sfe-ink);
  border-left: 3px solid transparent;
  transition: background-color .12s ease, border-color .12s ease;
}
.sfe-suggest__item:hover,
.sfe-suggest__item.is-active {
  background: var(--sfe-blue-soft);
  border-left-color: var(--sfe-orange);
  color: var(--sfe-ink);
  text-decoration: none;
}

.sfe-suggest__img {
  width: 44px; height: 44px;
  border-radius: 8px;
  background: #f6f7fb center/cover no-repeat;
  flex: 0 0 44px;
  border: 1px solid var(--sfe-line);
}

.sfe-suggest__body { flex: 1 1 auto; min-width: 0; }
.sfe-suggest__name {
  font-size: 13.5px; line-height: 1.25; font-weight: 600;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  overflow: hidden;
}
.sfe-suggest__price { font-size: 13px; color: var(--sfe-orange-deep); font-weight: 700; margin-top: 2px; }

.sfe-suggest__footer {
  display: flex; justify-content: center;
  padding: 10px 14px;
  background: #fafbff;
  border-top: 1px solid var(--sfe-line);
}
.sfe-suggest__footer a {
  font-size: 13px;
  color: var(--sfe-blue);
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.sfe-suggest__footer a:hover { color: var(--sfe-orange); }

.sfe-suggest__empty {
  padding: 18px 16px;
  text-align: center;
  color: var(--sfe-mute);
  font-size: 13.5px;
}

.sfe-suggest__loading {
  padding: 16px;
  text-align: center;
  color: var(--sfe-mute);
  font-size: 13px;
}
.sfe-suggest__loading::after {
  content: ""; display: inline-block;
  width: 12px; height: 12px; margin-left: 8px;
  border: 2px solid var(--sfe-line); border-top-color: var(--sfe-blue);
  border-radius: 50%; vertical-align: middle;
  animation: sfeSpin .8s linear infinite;
}
@keyframes sfeSpin { to { transform: rotate(360deg); } }

/* Hide the original search row once relocated */
body.sfe-search-relocated .search-widgets:not(#_desktop_top_menu .search-widgets) { display: none !important; }

/* ----------------------------- Mobile tweaks ----------------------------- */
@media (max-width: 991px) {
  #_desktop_top_menu.js-top-menu {
    border-radius: 10px;
    padding: 4px 6px;
  }
  #_desktop_top_menu .top-menu > li > a {
    padding: 8px 10px;
    font-size: 11.5px;
  }
  #_desktop_top_menu .sfe-search-host {
    width: 100%;
    margin: 6px 2px;
  }
}

/* ------------------------------- Cart widget ------------------------------ */
#header #_desktop_cart { display: flex; justify-content: flex-end; padding: 0; }
#header .header-nav #_desktop_cart .blockcart,
#header #_desktop_cart .blockcart,
#_desktop_cart .blockcart.cart-preview,
#_desktop_cart .blockcart.cart-preview.inactive,
#_desktop_cart .blockcart {
  background: linear-gradient(180deg, #1f3fb0 0%, #16308a 100%) !important;
  background-color: #1f3fb0 !important;
  color: #fff !important;
  border-radius: 999px !important;
  padding: 8px 16px 8px 12px !important;
  box-shadow: 0 8px 22px -14px rgba(31, 63, 176, 0.55), 0 2px 4px rgba(0,0,0,0.05) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px;
  font-weight: 600;
  letter-spacing: 0.2px;
  opacity: 1 !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}
#_desktop_cart .blockcart.inactive { opacity: 1 !important; }
#_desktop_cart .blockcart:hover {
  background: linear-gradient(180deg, #2a4dc7 0%, #1f3fb0 100%) !important;
  transform: translateY(-1px);
  box-shadow: 0 12px 26px -14px rgba(31, 63, 176, 0.7), 0 2px 6px rgba(0,0,0,0.08) !important;
}
#_desktop_cart .blockcart > .header,
#_desktop_cart .blockcart a,
#_desktop_cart .blockcart .header a,
#_desktop_cart .blockcart span {
  color: #fff !important;
  text-decoration: none !important;
  background: transparent !important;
}
#_desktop_cart .blockcart > .header {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 0 !important;
}
#_desktop_cart .blockcart .material-icons.shopping-cart,
#_desktop_cart .blockcart i.material-icons {
  font-size: 22px !important;
  line-height: 1 !important;
  color: #fff !important;
  background: rgba(255,255,255,0.14) !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(255,255,255,0.22) !important;
  margin: 0 !important;
}
#_desktop_cart .blockcart .hidden-sm-down {
  text-transform: uppercase !important;
  font-size: 12px !important;
  letter-spacing: 0.6px !important;
  color: #fff !important;
  opacity: 0.95 !important;
}
#_desktop_cart .blockcart .cart-products-count {
  background: #f57920 !important;
  color: #fff !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  min-width: 22px !important;
  height: 22px !important;
  padding: 0 7px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 2px 6px rgba(245, 121, 32, 0.4) !important;
  border: 2px solid #fff !important;
  margin-left: 2px !important;
  line-height: 1 !important;
}
/* Hide raw "(0)" wrapper parentheses by replacing text via CSS not possible;
   keep span but normalize spacing. PrestaShop renders "(N)" literally — we
   accept the parens since they're inside the orange pill and read fine. */

/* ------------------------------- Top info bar ----------------------------- */
#sfe-topbar {
  background: linear-gradient(180deg, #16308a 0%, #1f3fb0 100%);
  color: #fff;
  font-size: 12.5px;
  letter-spacing: 0.2px;
  border-bottom: 2px solid #f57920;
  box-shadow: 0 1px 0 rgba(0,0,0,0.06);
}
#sfe-topbar .sfe-topbar__inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 8px 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}
#sfe-topbar .sfe-topbar__left,
#sfe-topbar .sfe-topbar__right {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
#sfe-topbar .sfe-topbar__brand {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  color: #fff;
  background: rgba(245, 121, 32, 0.18);
  border: 1px solid rgba(245, 121, 32, 0.55);
  padding: 3px 10px;
  border-radius: 4px;
}
#sfe-topbar .sfe-topbar__sep {
  opacity: 0.45;
  margin: 0 2px;
}
#sfe-topbar .sfe-topbar__phone,
#sfe-topbar .sfe-topbar__msg,
#sfe-topbar .sfe-topbar__right {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #fff;
  text-decoration: none;
}
#sfe-topbar .sfe-topbar__phone { font-weight: 600; }
#sfe-topbar .sfe-topbar__phone:hover { color: #f57920; }
#sfe-topbar .material-icons {
  font-size: 16px;
  line-height: 1;
  color: #f57920;
}
#sfe-topbar .sfe-topbar__phone .material-icons { color: #f57920; }

@media (max-width: 768px) {
  #sfe-topbar { font-size: 11.5px; }
  #sfe-topbar .sfe-topbar__inner { padding: 6px 12px; gap: 8px; justify-content: center; text-align: center; }
  #sfe-topbar .sfe-topbar__msg,
  #sfe-topbar .sfe-topbar__sep { display: none; }
}

/* =========================================================================
   Sitewide theme pass — logo palette
   ========================================================================= */

/* Global body subtle */
body { color: var(--sfe-ink); }
body#checkout, body { background: #fafbff; }

/* Links */
a { color: var(--sfe-blue); }
a:hover, a:focus { color: var(--sfe-orange); }

/* Headings */
h1, h2, h3, h4, h5,
.h1, .h2, .h3, .h4, .h5 {
  color: var(--sfe-ink);
  font-weight: 700;
}
.page-title, #main .page-header h1 { color: var(--sfe-blue); }

/* Section heading on home: "PRODUCTOS DESTACADOS" */
.featured-products .products-section-title,
section.featured-products h2,
.products-section-title {
  color: var(--sfe-blue) !important;
  font-weight: 800 !important;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 14px;
}
.featured-products .products-section-title::after,
section.featured-products h2::after,
.products-section-title::after {
  content: '';
  display: block;
  width: 72px;
  height: 3px;
  background: linear-gradient(90deg, var(--sfe-blue) 0%, var(--sfe-orange) 100%);
  border-radius: 2px;
  margin: 14px auto 0;
}

/* ------------------------------ Buttons ---------------------------------- */
.btn-primary,
.btn.btn-primary,
button.btn-primary,
.page-footer .btn-primary,
.btn-primary:not(:disabled):not(.disabled) {
  background: linear-gradient(180deg, var(--sfe-orange) 0%, var(--sfe-orange-deep) 100%) !important;
  border: 1px solid var(--sfe-orange-deep) !important;
  color: #fff !important;
  font-weight: 600;
  letter-spacing: 0.3px;
  border-radius: 8px;
  box-shadow: 0 6px 16px -10px rgba(245, 121, 32, 0.6);
  transition: transform 0.12s ease, box-shadow 0.15s ease, background 0.15s ease;
}
.btn-primary:hover, .btn-primary:focus {
  background: linear-gradient(180deg, #ff8a36 0%, var(--sfe-orange) 100%) !important;
  transform: translateY(-1px);
  box-shadow: 0 10px 22px -10px rgba(245, 121, 32, 0.75);
  color: #fff !important;
}
.btn-secondary,
.btn.btn-secondary {
  background: #fff !important;
  border: 1px solid var(--sfe-blue) !important;
  color: var(--sfe-blue) !important;
  font-weight: 600;
  border-radius: 8px;
}
.btn-secondary:hover, .btn-secondary:focus {
  background: var(--sfe-blue-soft) !important;
  color: var(--sfe-blue-deep) !important;
}
.btn-tertiary, .btn.btn-tertiary {
  background: transparent !important;
  border: 1px solid var(--sfe-line) !important;
  color: var(--sfe-ink) !important;
  border-radius: 8px;
}
.btn-tertiary:hover { background: var(--sfe-blue-soft) !important; border-color: var(--sfe-blue) !important; }

/* ------------------------- Product card miniature ------------------------ */
.product-miniature, .js-product-miniature {
  background: #fff;
  border: 1px solid var(--sfe-line);
  border-radius: 12px;
  overflow: hidden;
  transition: transform 0.15s ease, box-shadow 0.18s ease, border-color 0.15s ease;
}
.product-miniature:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 36px -22px rgba(31, 63, 176, 0.45), 0 2px 8px rgba(0,0,0,0.04);
  border-color: rgba(31, 63, 176, 0.35);
}
.product-miniature .product-title a,
.product-miniature h3 a {
  color: var(--sfe-ink) !important;
  font-weight: 600;
}
.product-miniature .product-title a:hover { color: var(--sfe-blue) !important; }
.product-miniature .product-price-and-shipping,
.product-miniature .price {
  color: var(--sfe-blue) !important;
  font-weight: 800 !important;
  font-size: 17px;
}
.product-miniature .regular-price { color: var(--sfe-mute) !important; }
.product-miniature .discount {
  background: var(--sfe-orange) !important;
  color: #fff !important;
  border-radius: 4px;
  padding: 2px 8px;
  font-weight: 700;
  font-size: 11px;
}

/* Wishlist heart */
.wishlist-button-add,
.product-add-to-wishlist .wishlist-button-add {
  background: #fff !important;
  border: 1px solid var(--sfe-line) !important;
  color: var(--sfe-mute) !important;
  transition: color 0.15s, border-color 0.15s, background 0.15s;
}
.wishlist-button-add:hover { color: var(--sfe-orange) !important; border-color: var(--sfe-orange) !important; }
.wishlist-button-add.active,
.wishlist-button-add[data-product-is-in-wishlist="true"] {
  color: var(--sfe-orange) !important;
  border-color: var(--sfe-orange) !important;
}

/* ------------------------------ Footer ----------------------------------- */
.page-footer { background: transparent; }
.footer-container {
  background: linear-gradient(180deg, #16308a 0%, #0f246b 100%);
  color: #cfd6ef;
  border-top: 3px solid var(--sfe-orange);
  margin-top: 24px;
  padding: 36px 0 12px;
}
.footer-container h3,
.footer-container .h3,
.footer-container .footer__title,
.footer-container .links .h3,
.footer-container .block-contact-title,
.footer-container .myaccount-title {
  color: #fff !important;
  text-transform: uppercase;
  letter-spacing: 0.7px;
  font-weight: 700;
  font-size: 14px;
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 12px;
}
.footer-container h3::after,
.footer-container .h3::after,
.footer-container .links .h3::after,
.footer-container .block-contact-title::after,
.footer-container .myaccount-title::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 32px;
  height: 2px;
  background: var(--sfe-orange);
  border-radius: 2px;
}
.footer-container a,
.footer-container li a,
.footer-container .links a,
.footer-container .block-contact a {
  color: #cfd6ef !important;
  text-decoration: none;
  transition: color 0.15s, padding 0.15s;
}
.footer-container a:hover {
  color: #fff !important;
  padding-left: 4px;
}
.footer-container .block-contact .data { color: #cfd6ef !important; }
.footer-container .block-contact .material-icons,
.footer-container .material-icons { color: var(--sfe-orange) !important; }

/* Copyright / bottom strip if present */
#footer .footer-copyright,
.footer-copyright,
.footer-container .copyright {
  color: rgba(255,255,255,0.65) !important;
  border-top: 1px solid rgba(255,255,255,0.08);
  margin-top: 20px;
  padding-top: 14px;
  font-size: 12px;
}

/* Newsletter block (if present) */
.block_newsletter {
  background: rgba(255,255,255,0.06) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  border-radius: 10px;
  padding: 14px !important;
}
.block_newsletter input[type="email"] {
  background: #fff !important;
  border: 1px solid transparent !important;
  border-radius: 6px;
  color: var(--sfe-ink) !important;
}
.block_newsletter button {
  background: var(--sfe-orange) !important;
  border: none !important;
  color: #fff !important;
  border-radius: 6px;
  font-weight: 700;
}

/* ------------------------------ Breadcrumb ------------------------------- */
#wrapper .breadcrumb,
nav.breadcrumb,
.breadcrumb {
  background: transparent !important;
  padding: 12px 0 !important;
  font-size: 12.5px;
  color: var(--sfe-mute);
}
.breadcrumb a { color: var(--sfe-blue); }
.breadcrumb a:hover { color: var(--sfe-orange); }
.breadcrumb li + li::before { color: var(--sfe-mute) !important; }
.breadcrumb .active { color: var(--sfe-ink); font-weight: 600; }

/* ------------------------------- Pagination ------------------------------ */
.pagination .page-list { background: #fff; border: 1px solid var(--sfe-line); border-radius: 8px; padding: 4px; }
.pagination a, .pagination li a {
  color: var(--sfe-ink);
  border-radius: 6px;
  transition: background 0.12s, color 0.12s;
}
.pagination .current a,
.pagination li.current a,
.pagination li.active a {
  background: var(--sfe-blue) !important;
  color: #fff !important;
}
.pagination a:hover { background: var(--sfe-blue-soft); color: var(--sfe-blue-deep); }

/* ------------------------------ Forms / inputs --------------------------- */
input[type="text"], input[type="email"], input[type="password"], input[type="search"],
input[type="number"], input[type="tel"], textarea, select {
  border: 1px solid var(--sfe-line) !important;
  border-radius: 8px !important;
  transition: border-color 0.15s, box-shadow 0.15s;
}
input:focus, textarea:focus, select:focus {
  border-color: var(--sfe-blue) !important;
  box-shadow: 0 0 0 3px rgba(31, 63, 176, 0.18) !important;
  outline: none !important;
}
.custom-checkbox input[type="checkbox"]:checked + span,
.custom-radio input[type="radio"]:checked + span {
  background: var(--sfe-blue) !important;
  border-color: var(--sfe-blue) !important;
}

/* Cookie banner (PrestaShop's gdpr) */
#gdpr_consent .gdpr_consent-text + .gdpr_consent-actions .btn,
.gdpr_consent-actions .btn-primary {
  background: var(--sfe-orange) !important;
  border-color: var(--sfe-orange-deep) !important;
  color: #fff !important;
}

/* Page bodies */
#main, #content-wrapper, .page-content, .page-wrapper {
  background: transparent;
}

/* "Atención a clientes WhatsApp" button: keep WhatsApp green semantic but
   refine shape so it harmonizes with the rest of the design. */
a[href*="wa.me"],
a.whatsapp-button,
.whatsapp-button {
  border-radius: 999px !important;
  box-shadow: 0 8px 22px -14px rgba(37, 211, 102, 0.6) !important;
  font-weight: 600;
}

/* Featured / category list page heading + section spacing */
#main .page-header { margin-top: 4px; }


/* SHOPOPS: Brand badge below price */
.product-prices-brand{margin:.6rem 0 .4rem;}
.product-prices-brand .brand-link{display:inline-flex;align-items:center;gap:.55rem;text-decoration:none;color:#1f3a8a;padding:.35rem .65rem;border:1px solid #e3e7f0;border-radius:8px;background:#fafbff;transition:background .15s,border-color .15s;}
.product-prices-brand .brand-link:hover{background:#f0f4ff;border-color:#c8d2e9;}
.product-prices-brand .brand-logo-img{width:38px;height:38px;object-fit:contain;border-radius:4px;background:#fff;}
.product-prices-brand .brand-name-text{font-size:.95rem;font-weight:600;letter-spacing:.01em;}


/* SHOPOPS: Product reviews & ratings */
.shopops-stars{display:inline-flex;align-items:center;gap:.4rem;font-size:.95rem;color:#444;line-height:1;}
.shopops-stars-svg{display:inline-flex;letter-spacing:1px;}
.shopops-stars-svg .ss-star{font-family:Arial,sans-serif;}
.shopops-stars-svg.shopops-stars-sm{font-size:.95rem;}
.shopops-stars-svg.shopops-stars-md{font-size:1.15rem;}
.shopops-stars-svg.shopops-stars-lg{font-size:1.5rem;}
.shopops-stars-svg .ss-full{color:#ff9800;}
.shopops-stars-svg .ss-empty{color:#d8d8d8;}
.shopops-stars-svg .ss-half{position:relative;display:inline-block;color:#d8d8d8;}
.shopops-stars-svg .ss-half::before{content:'★';color:#ff9800;position:absolute;left:0;top:0;width:50%;overflow:hidden;}
.shopops-rating-num{font-weight:700;color:#222;}
.shopops-rating-count{color:#666;font-size:.85em;}

/* On product page: below price */
.product-prices-stars{margin:.4rem 0;}

/* On miniature cards: more compact */
.product-miniature .shopops-stars{margin-top:.35rem;font-size:.85rem;}
.product-miniature .shopops-stars-svg.shopops-stars-md{font-size:.95rem;}
.product-miniature .shopops-rating-count{font-size:.78em;}

/* Reviews section (product page) */
.shopops-reviews-wrap{margin:2rem 0 1rem;padding:1.5rem;background:#fafbff;border:1px solid #e3e7f0;border-radius:12px;}
.shopops-reviews-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid #e3e7f0;}
.shopops-reviews-title{margin:0;font-size:1.35rem;color:#1f3a8a;font-weight:700;}
.shopops-reviews-summary{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;}
.shopops-rating-num-lg{font-weight:700;font-size:1.1rem;color:#222;}
.shopops-rating-count-lg{color:#666;font-size:.9rem;}
.shopops-reviews-list{display:flex;flex-direction:column;gap:1rem;}
.shopops-review-card{background:#fff;border:1px solid #e6eaf1;border-radius:10px;padding:1rem 1.1rem;}
.shopops-review-top{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem;}
.shopops-review-avatar{flex:none;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#1f3a8a,#3057d5);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.05rem;}
.shopops-review-meta{flex:1;min-width:0;}
.shopops-review-author{font-weight:600;color:#222;font-size:.95rem;}
.shopops-review-date{font-size:.8rem;color:#888;}
.shopops-review-rating{flex:none;}
.shopops-review-text{color:#333;line-height:1.45;font-size:.95rem;}
@media (max-width: 600px){
  .shopops-reviews-wrap{padding:1rem;}
  .shopops-reviews-header{flex-direction:column;align-items:flex-start;}
}


/* SHOPOPS: Fake discount visuals */
.shopops-fake-discount{margin-bottom:.25rem;}
.shopops-fake-discount .regular-price{text-decoration:line-through;color:#8a8a8a;font-size:1.05rem;font-weight:500;}
.shopops-discount-badge{display:inline-block;margin-left:.55rem;padding:.18rem .55rem;background:#e53935;color:#fff;font-weight:700;font-size:.85rem;border-radius:6px;vertical-align:middle;}
.product-miniature .shopops-mini-regular{display:inline-block;text-decoration:line-through;color:#8a8a8a;font-size:.9rem;margin-right:.4rem;font-weight:500;}
.product-miniature .shopops-mini-pct{display:inline-block;background:#e53935;color:#fff;font-weight:700;font-size:.75rem;padding:.1rem .4rem;border-radius:5px;margin-left:.35rem;vertical-align:middle;}


/* SHOPOPS: Hide empty Photo gallery block (ybc_blog) */
.ybc_block_gallery.page_home_gallery,
.ybc_block_gallery{display:none !important;}

/* shopops: brands strip */
.shopops-brands-strip{padding:26px 0 18px;background:#fff;border-top:1px solid #e7eaf0}
.shopops-brands-strip .container{max-width:1280px;margin:0 auto;padding:0 20px}
.shopops-brands-strip-title{text-align:center;font-size:18px;font-weight:800;color:#0e1a3a;letter-spacing:.08em;text-transform:uppercase;margin:0 0 18px}
.shopops-brands-strip-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(190px,1fr));gap:14px;align-items:stretch}
.shopops-brands-strip-grid a.shopops-brand-tile{display:flex;align-items:center;justify-content:center;height:140px;padding:14px;border:1px solid #e7eaf0;border-radius:8px;background:#fff;transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease}
.shopops-brands-strip-grid a.shopops-brand-tile:hover{border-color:#0a2872;box-shadow:0 4px 14px rgba(10,40,114,.08);transform:translateY(-2px)}
.shopops-brands-strip-grid a.shopops-brand-tile img{max-width:100%;max-height:108px;width:auto;height:auto;object-fit:contain;display:block}
@media (max-width:768px){
  .shopops-brands-strip-grid{grid-template-columns:repeat(auto-fit, minmax(140px,1fr));gap:10px}
  .shopops-brands-strip-grid a.shopops-brand-tile{height:100px;padding:10px}
  .shopops-brands-strip-grid a.shopops-brand-tile img{max-height:78px}
}
@media (max-width:480px){
  .shopops-brands-strip-grid{grid-template-columns:repeat(3,1fr)}
  .shopops-brands-strip-grid a.shopops-brand-tile{height:80px;padding:8px}
  .shopops-brands-strip-grid a.shopops-brand-tile img{max-height:64px}
}
/* /shopops brands strip */

/* shopops: hero carousel */
.shopops-hero{display:none;margin:18px 0 22px;width:100%}
body.category-id-119 .shopops-hero{display:block}
.shopops-hero-stage{position:relative;width:100%;aspect-ratio:16/5;overflow:hidden;border-radius:12px;background:#0e1a3a;box-shadow:0 6px 18px rgba(0,0,0,.10)}
.shopops-hero-slide{position:absolute;inset:0;display:block;opacity:0;visibility:hidden;transition:opacity .55s ease;color:#fff;text-decoration:none}
.shopops-hero-slide.is-active{opacity:1;visibility:visible;z-index:1}
.shopops-hero-slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.shopops-hero-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,.25) 45%,rgba(0,0,0,0) 70%);pointer-events:none}
.shopops-hero-caption{position:absolute;left:6%;top:50%;transform:translateY(-50%);max-width:48%;z-index:2;text-shadow:0 2px 8px rgba(0,0,0,.45)}
.shopops-hero-caption h2{margin:0 0 8px;font-size:34px;font-weight:800;line-height:1.1;letter-spacing:.01em;text-transform:uppercase;color:#fff}
.shopops-hero-caption p{margin:0 0 14px;font-size:16px;font-weight:500;color:#f4f7ff;opacity:.95}
.shopops-hero-cta{display:inline-block;background:#ff7a00;color:#fff;font-weight:700;padding:8px 18px;border-radius:24px;font-size:14px;letter-spacing:.02em;transition:background .15s ease,transform .15s ease}
.shopops-hero-slide:hover .shopops-hero-cta{background:#ff8f1f;transform:translateX(3px)}
.shopops-hero-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:42px;height:42px;border:none;border-radius:50%;background:rgba(255,255,255,.85);color:#0e1a3a;font-size:28px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease,transform .15s ease}
.shopops-hero-nav:hover{background:#fff;transform:translateY(-50%) scale(1.06)}
.shopops-hero-prev{left:14px}.shopops-hero-next{right:14px}
.shopops-hero-dots{position:absolute;left:0;right:0;bottom:14px;text-align:center;z-index:3;display:flex;justify-content:center;gap:8px}
.shopops-hero-dot{width:10px;height:10px;border-radius:50%;border:none;background:rgba(255,255,255,.55);cursor:pointer;padding:0;transition:background .15s ease,transform .15s ease}
.shopops-hero-dot.is-active{background:#ff7a00;transform:scale(1.2)}
.shopops-hero-dot:hover{background:rgba(255,255,255,.9)}
@media (max-width:768px){.shopops-hero-stage{aspect-ratio:4/3;border-radius:8px}.shopops-hero-caption{left:5%;right:5%;max-width:none;top:auto;bottom:48px;transform:none}.shopops-hero-caption h2{font-size:22px}.shopops-hero-caption p{font-size:13px;margin-bottom:10px}.shopops-hero-cta{padding:6px 14px;font-size:13px}.shopops-hero-nav{width:34px;height:34px;font-size:22px}.shopops-hero-prev{left:8px}.shopops-hero-next{right:8px}}
/* /shopops hero */

/* shopops: marcas page tiles */
#manufacturer #main .brand,
#manufacturer .brand{
  border:1px solid #e7eaf0;border-radius:10px;background:#fff;
  min-height:240px;padding:18px;
  display:flex !important;flex-direction:column;align-items:center;justify-content:center;gap:10px;
  text-align:center;
  transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
#manufacturer .brand:hover{border-color:#0a2872;box-shadow:0 6px 18px rgba(10,40,114,.10);transform:translateY(-2px)}
#manufacturer .brand .brand-img{display:flex !important;align-items:center;justify-content:center;width:100%;height:170px;float:none !important;margin:0 !important;padding:0 !important}
#manufacturer .brand .brand-img img{max-width:100%;max-height:170px;width:auto;height:auto;object-fit:contain;display:block;margin:0 !important}
#manufacturer .brand .brand-infos{margin:0 !important;padding:0 !important;font-weight:700;color:#0e1a3a;text-align:center;letter-spacing:.02em;width:100%;float:none !important}
#manufacturer .brand .brand-infos h3,
#manufacturer .brand .brand-infos a{font-size:15px;font-weight:700;color:#0e1a3a;text-decoration:none;margin:0;line-height:1.2}
#manufacturer .brand .brand-products{display:none}
@media (max-width:991px){
  #manufacturer .brand{min-height:200px}
  #manufacturer .brand .brand-img,
  #manufacturer .brand .brand-img img{height:140px;max-height:140px}
}
@media (max-width:575px){
  #manufacturer .brand{min-height:170px;padding:12px}
  #manufacturer .brand .brand-img,
  #manufacturer .brand .brand-img img{height:110px;max-height:110px}
}
/* /shopops marcas */

/* shopops: clientes */
.shopops-clients{padding:28px 0 32px;background:#fafbfc;border-top:1px solid #eef0f3}
.shopops-clients-title{font-size:15px;font-weight:700;color:#0b2545;letter-spacing:.12em;text-align:center;margin:0 0 18px;text-transform:uppercase;opacity:.7}
.shopops-clients-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;max-width:900px;margin:0 auto;padding:0 16px}
.shopops-client-item,.shopops-client-tile{display:flex;align-items:center;justify-content:center;height:90px;background:#fff;border:1px solid #eef0f3;border-radius:6px;padding:8px;transition:box-shadow .18s,border-color .18s;box-sizing:border-box}
.shopops-client-item:hover,.shopops-client-tile:hover{box-shadow:0 3px 10px rgba(13,38,76,.06);border-color:#cfd6e0}
.shopops-client-item img,.shopops-client-tile img{max-width:100%;max-height:72px;width:auto;height:auto;object-fit:contain;filter:grayscale(.55);opacity:.82;transition:filter .18s,opacity .18s}
.shopops-client-item:hover img,.shopops-client-tile:hover img{filter:none;opacity:1}
@media (max-width:992px){.shopops-clients-grid{grid-template-columns:repeat(3,1fr);max-width:560px}.shopops-client-item,.shopops-client-tile{height:80px}.shopops-client-item img,.shopops-client-tile img{max-height:62px}}
@media (max-width:576px){.shopops-clients-grid{grid-template-columns:repeat(2,1fr);gap:10px}.shopops-client-item,.shopops-client-tile{height:70px;padding:6px}.shopops-client-item img,.shopops-client-tile img{max-height:54px}}
/* /shopops clientes */

/* shopops: why buy */
.shopops-why{padding:48px 0 52px;background:#fff;border-top:1px solid #eef0f3}
.shopops-why-title{font-size:24px;font-weight:800;color:#0b2545;text-align:center;margin:0 0 36px;letter-spacing:-.01em}
.shopops-why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:1180px;margin:0 auto;padding:0 20px}
.shopops-why-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px 18px;background:#f8fafc;border:1px solid #eaeef3;border-radius:12px;transition:box-shadow .2s,transform .2s,border-color .2s}
.shopops-why-card:hover{box-shadow:0 8px 22px rgba(13,38,76,.08);transform:translateY(-2px);border-color:#cdd5df}
.shopops-why-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#0b2545;color:#fff;border-radius:50%;margin-bottom:16px}
.shopops-why-icon svg{width:34px;height:34px}
.shopops-why-card h4{font-size:16px;font-weight:700;color:#0b2545;margin:0 0 8px;line-height:1.3}
.shopops-why-card p{font-size:13.5px;line-height:1.55;color:#52606d;margin:0}
@media (max-width:992px){.shopops-why-grid{grid-template-columns:repeat(2,1fr);gap:20px}.shopops-why-title{font-size:21px;margin-bottom:28px}}
@media (max-width:576px){.shopops-why-grid{grid-template-columns:1fr;gap:14px}.shopops-why{padding:36px 0 40px}.shopops-why-card{padding:20px 16px}.shopops-why-icon{width:56px;height:56px;margin-bottom:12px}.shopops-why-icon svg{width:28px;height:28px}}
/* /shopops why buy */

/* shopops: reaseguros */
.shopops-reaseguros{background:#f5f7fa;border-top:1px solid #e4e9ef;border-bottom:1px solid #e4e9ef;padding:14px 0}
.shopops-reaseguros-grid{display:flex;align-items:center;justify-content:space-between;gap:18px;max-width:1280px;margin:0 auto;padding:0 20px;flex-wrap:wrap}
.shopops-reaseguro{display:flex;align-items:center;gap:10px;flex:1 1 0;min-width:180px;justify-content:center}
.shopops-reaseguro-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#0b2545;color:#fff;flex-shrink:0}
.shopops-reaseguro-icon svg{width:20px;height:20px}
.shopops-reaseguro-label{font-size:13px;font-weight:600;color:#0b2545;line-height:1.3}
@media (max-width:992px){.shopops-reaseguros-grid{gap:14px}.shopops-reaseguro{min-width:160px;flex:1 1 30%}.shopops-reaseguro-label{font-size:12px}}
@media (max-width:576px){.shopops-reaseguros{padding:10px 0}.shopops-reaseguros-grid{gap:10px}.shopops-reaseguro{flex:1 1 45%;min-width:0;justify-content:flex-start}.shopops-reaseguro-icon{width:30px;height:30px}.shopops-reaseguro-icon svg{width:16px;height:16px}.shopops-reaseguro-label{font-size:11.5px}}
/* /shopops reaseguros */

/* shopops: cta cotizacion */
.shopops-cta{padding:48px 0;background:linear-gradient(135deg,#0b2545 0%,#1a3a6c 55%,#0b2545 100%);position:relative;overflow:hidden}
.shopops-cta::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(255,152,0,.12) 0%,transparent 45%),repeating-linear-gradient(135deg,transparent 0 24px,rgba(255,255,255,.03) 24px 25px);pointer-events:none}
.shopops-cta .container{position:relative;z-index:1}
.shopops-cta-card{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;max-width:1180px;margin:0 auto;padding:0 20px;align-items:center}
.shopops-cta-left{color:#fff}
.shopops-cta-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,152,0,.18);border:1px solid rgba(255,152,0,.5);color:#ffd9a8;font-size:11px;font-weight:700;letter-spacing:.14em;padding:6px 14px;border-radius:999px;margin-bottom:20px;text-transform:uppercase}
.shopops-cta-dot{width:8px;height:8px;border-radius:50%;background:#ff9800;box-shadow:0 0 0 3px rgba(255,152,0,.3)}
.shopops-cta-left h3{font-size:30px;font-weight:800;line-height:1.18;margin:0 0 14px;letter-spacing:-.015em;color:#fff}
.shopops-cta-left p{font-size:15px;line-height:1.6;margin:0 0 20px;color:#dfe6f0}
.shopops-cta-perks{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px}
.shopops-cta-perks li{display:flex;align-items:center;gap:10px;font-size:14px;color:#eef2f8}
.shopops-cta-perks svg{width:18px;height:18px;color:#ff9800;flex-shrink:0}
.shopops-cta-box{background:#fff;border-radius:14px;padding:24px 22px;box-shadow:0 14px 36px rgba(0,0,0,.25);border-top:4px solid #ff9800}
.shopops-cta-box-title{font-size:12px;font-weight:800;color:#0b2545;letter-spacing:.18em;text-align:center;margin-bottom:16px;text-transform:uppercase}
.shopops-cta-btn{display:flex;align-items:center;justify-content:center;gap:11px;width:100%;padding:14px 18px;border-radius:10px;font-size:15px;font-weight:700;text-decoration:none;margin-bottom:11px;border:none;cursor:pointer;letter-spacing:.005em;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 2px 6px rgba(0,0,0,.08);transition:transform .15s,box-shadow .2s,background .2s,color .2s;-webkit-tap-highlight-color:transparent}
.shopops-cta-btn svg{width:20px;height:20px;flex-shrink:0}
.shopops-cta-btn:hover{transform:translateY(-1px);text-decoration:none}
.shopops-cta-btn:active{transform:translateY(0)}
.shopops-cta-btn-wa{background:linear-gradient(180deg,#2ee06d 0%,#1fb755 100%);color:#fff}
.shopops-cta-btn-wa:hover{background:linear-gradient(180deg,#26c862 0%,#199c48 100%);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 8px 20px rgba(31,183,85,.45)}
.shopops-cta-btn-quote{background:linear-gradient(180deg,#ffa726 0%,#f57c00 100%);color:#fff}
.shopops-cta-btn-quote:hover{background:linear-gradient(180deg,#f57c00 0%,#dc6800 100%);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 8px 20px rgba(245,124,0,.5)}
.shopops-cta-btn-tel{background:#fff;color:#0b2545;border:2px solid #0b2545;box-shadow:0 2px 4px rgba(0,0,0,.04)}
.shopops-cta-btn-tel:hover{background:#0b2545;color:#fff;border-color:#0b2545;box-shadow:0 8px 20px rgba(11,37,69,.35)}
.shopops-cta-box-foot{margin:10px 0 0;text-align:center;font-size:12px;color:#52606d}
@media (max-width:992px){.shopops-cta-card{grid-template-columns:1fr;gap:24px}.shopops-cta-left h3{font-size:24px}}
@media (max-width:576px){.shopops-cta{padding:32px 0}.shopops-cta-left h3{font-size:21px}.shopops-cta-left p{font-size:14px}.shopops-cta-box{padding:20px 18px}}

/* shopops: footer brand polish — only the original PS footer columns */
.page-footer,.l-footer .footer-container,#footer .footer-container,.footer-container{background:#0b2545;color:#fff}
.l-footer a,#footer a,.footer-container a{color:#cfd8e6}
.l-footer a:hover,#footer a:hover,.footer-container a:hover{color:#ff9800}
.l-footer h3,.l-footer h4,#footer h3,#footer h4,.footer-container h3,.footer-container h4{color:#fff;font-weight:800;letter-spacing:.04em;border-bottom:2px solid rgba(255,255,255,.12);padding-bottom:8px;margin-bottom:14px}
.footer-container li{padding:4px 0}
.copyright,.l-footer .copyright{background:#06182c;color:#9aa9bd;border-top:3px solid #ff9800}
/* /shopops cta cotizacion */

/* shopops: hide inline zoho quote form */
#cb-47, [id^="zf_div_"]{display:none !important}
/* /shopops hide inline zoho */

/* shopops: merge cta with footer */
.shopops-cta{padding-bottom:32px;margin-bottom:0;border-bottom:1px solid rgba(255,255,255,.08)}
.shopops-cta + .page-footer,
.shopops-cta + .l-footer,
.shopops-cta ~ .page-footer,
.shopops-cta ~ .l-footer,
.shopops-cta + #footer{margin-top:0 !important;padding-top:36px !important;border-top:none !important}
.page-footer,.l-footer,#footer{margin-top:0 !important;border-top:none !important}
.l-footer .footer-container,#footer .footer-container,.footer-container{padding-top:36px !important;margin-top:0 !important;border-top:none !important;box-shadow:none !important}
/* /shopops merge cta footer */


/* shopops: strip headings dark override */
.shopops-brands-strip-title,.shopops-clients-title,.shopops-why-title{color:#0b2545 !important;border-bottom:none !important;padding-bottom:0 !important}
/* /shopops strip headings */

/* shopops: cta buttons text only */
.shopops-cta-box .shopops-cta-btn-wa,.shopops-cta-box a.shopops-cta-btn-wa{color:#ffffff !important}
.shopops-cta-box .shopops-cta-btn-wa svg{fill:#ffffff !important;color:#ffffff !important}
.shopops-cta-box .shopops-cta-btn-quote,.shopops-cta-box a.shopops-cta-btn-quote{color:#ffffff !important}
.shopops-cta-box .shopops-cta-btn-quote svg{fill:#ffffff !important;color:#ffffff !important}
.shopops-cta-box .shopops-cta-btn-tel,.shopops-cta-box a.shopops-cta-btn-tel{color:#0b2545 !important}
.shopops-cta-box .shopops-cta-btn-tel svg{fill:#0b2545 !important;color:#0b2545 !important}
.shopops-cta-box .shopops-cta-btn-tel:hover,.shopops-cta-box a.shopops-cta-btn-tel:hover{color:#ffffff !important}
.shopops-cta-box .shopops-cta-btn-tel:hover svg{fill:#ffffff !important;color:#ffffff !important}
/* /shopops cta buttons text only */

/* shopops: product zoom lens */
.product-cover.shopops-zoom-host{position:relative;overflow:visible}
.product-cover.shopops-zoom-host img{cursor:crosshair}
.shopops-zoom-lens{position:absolute;display:none;pointer-events:none;border:3px solid #ff9800;border-radius:50%;background-repeat:no-repeat;background-color:#fff;box-shadow:0 8px 28px rgba(11,37,69,.35),inset 0 0 0 2px rgba(255,255,255,.95),inset 0 0 0 4px rgba(255,152,0,.2);z-index:50;transition:opacity .12s}
@media (max-width:992px){.shopops-zoom-lens{display:none !important}}
/* /shopops product zoom lens */