:root {
  --lp-font-main:
    -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display",
    "Segoe UI Variable Text", "Segoe UI", "Aptos", "Bahnschrift", "Inter",
    "IBM Plex Sans", "Roboto", "Noto Sans", "Helvetica Neue", Arial, sans-serif;

  --lp-font-mono:
    ui-monospace, "SF Mono", "SFMono-Regular", Menlo, Monaco, Consolas,
    "Liberation Mono", monospace;
}

html,
body {
  font-family: var(--lp-font-main) !important;
  -webkit-text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html body,
html body div,
html body span,
html body p,
html body a,
html body strong,
html body em,
html body b,
html body u,
html body small,
html body li,
html body ul,
html body ol,
html body dl,
html body dt,
html body dd,
html body label,
html body legend,
html body button,
html body input,
html body textarea,
html body select,
html body option,
html body table,
html body thead,
html body tbody,
html body tfoot,
html body tr,
html body th,
html body td,
html body caption,
html body blockquote,
html body cite,
html body figcaption,
html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6 {
  font-family: var(--lp-font-main) !important;
}

html body .site-name,
html body .site-name a,
html body .site-name-wrapper,
html body .top-navigation-bar,
html body .top-navigation-bar a,
html body .top-navigation-bar strong,
html body .top-navigation-menu,
html body .top-navigation-menu a,
html body .top-navigation-tools,
html body .languagesMenu,
html body .languagesMenu *:not(svg):not(path):not(use),
html body #navigation,
html body #navigation a,
html body #navigation b,
html body .navigation-in,
html body .navigation-in a,
html body .menu-helper,
html body .menu-helper span,
html body .breadcrumbs,
html body .breadcrumbs a,
html body .breadcrumbs span,
html body .breadcrumbs [itemprop="name"],
html body .pageElement__heading,
html body .pageElement__heading span,
html body .box-categories,
html body .box-categories h3,
html body .box-search h3,
html body .box-search h4,
html body .box-search span,
html body #categories,
html body #categories a,
html body #categories span,
html body .categories,
html body .categories .topic,
html body .categories .topic a,
html body .categories li a,
html body .category-top,
html body .category-perex,
html body .category-perex p,
html body .category-perex a,
html body .subcategories,
html body .subcategories a,
html body .subcategories .text,
html body .category-header,
html body .listSorting,
html body .listSorting button,
html body .listItemsTotal,
html body .filters-wrapper,
html body .filters,
html body .filter-section,
html body .filter-section h4,
html body .filter-section h4 span,
html body .filter-label,
html body .filter-count,
html body .filter-total-count,
html body .products,
html body .product,
html body .p,
html body .p-in,
html body .p-in-in,
html body .name,
html body .name span,
html body .ratings-wrapper,
html body .availability,
html body .availability span,
html body .availability-amount,
html body .prices,
html body .price,
html body .price strong,
html body .price-final,
html body .price-additional,
html body .pr-list-unit,
html body .p-desc,
html body .btn,
html body .btn span,
html body .search-form,
html body .search-form input,
html body .search-form button,
html body .form-control,
html body .user-action,
html body .user-action a,
html body .user-action span,
html body .popup-widget,
html body .popup-widget a,
html body .popup-widget span,
html body .popup-widget strong,
html body #footer,
html body #footer *:not(svg):not(path):not(use) {
  font-family: var(--lp-font-main) !important;
}

html body h1.category-title,
html body .category-title,
html body [data-testid="titleCategory"],
html body .category-top > h1 {
  font-family: var(--lp-font-main) !important;
  letter-spacing: -0.02em;
}

html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6 {
  font-family: var(--lp-font-main) !important;
  letter-spacing: -0.01em;
}

html body .price,
html body .price strong,
html body .price-final,
html body .price-additional,
html body .availability-amount,
html body .p-code,
html body .product-code,
html body .variant-code,
html body .detail-parameters,
html body .detail-parameters th,
html body .detail-parameters td,
html body .cart-table,
html body .cart-table th,
html body .cart-table td {
  font-family: var(--lp-font-main) !important;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings:
    "tnum" 1,
    "lnum" 1;
}

html body input::placeholder,
html body textarea::placeholder {
  font-family: var(--lp-font-main) !important;
}

html body code,
html body pre,
html body kbd,
html body samp {
  font-family: var(--lp-font-mono) !important;
}

.top-navigation-bar-menu li a:hover b,
.podpis a,
#footer .custom-footer ul li a:hover,
.homepage-box p a,
.sidebar .box-bg-variant .categories .active > a,
.dropdown-menu li a:hover,
#topNavigationDropdown:hover,
.top-navigation-bar .dropdown button:hover,
.top-nav-button:hover span,
a:hover,
.top-navigation-bar-menu-helper a:hover b {
  color: #7c95c9 !important;
}

#footer .site-name {
  text-align: left;
  display: none;
}

@media (min-width: 1200px) {
  .content-inner {
    max-width: 100% !important;
  }
}

.footer-icon {
  border: 1px solid #d3d3d3;
  border-radius: 10px;
  background-color: #ffffff;
  padding: 10px;
  display: inline-block;
}

body,
h1,
h2,
h3,
p {
  animation: none !important;
  transition: none !important;
}

.podpis {
  display: none;
}

.user-action .btn-login,
.custom-footer .btn:hover,
.box-newsletter fieldset button,
.category-header input[type="radio"]:checked + label,
.sidebar .box-login form button,
.sidebar .box-login form button:hover,
.sidebar .box-search form button,
.sidebar .box-search form button:hover,
ol.top-products li::before,
#header fieldset button,
.box-categories h4,
.site-msg.cookies {
  background-color: #475878 !important;
  border: 1px solid #12104d !important;
}

.CookiesOK {
  background-color: #0055ff !important;
}

.online-indicator {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 10px;
  background-color: #00ff00;
  border-radius: 50%;
  animation: pulse 1.5s infinite ease-in-out;
}

@keyframes pulse {
  0%,
  100% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.5);
    opacity: 0.5;
  }
}

div a:hover {
  color: #000;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

.js-cookies-settings {
  color: dodgerblue;
}

.extended-banner-title {
  top: 10px;
  left: 10px;
  background-color: #475878;
  color: white;
}

.inquiry-link {
  display: inline-block;
  font-size: 16px;
  text-decoration: none;
  color: #0073e6;
  font-weight: bold;
  transition: color 0.2s ease;
}

.inquiry-link:hover {
  color: #005bb5;
  text-decoration: none;
}

.worldwide {
  display: block;
  font-size: 17px;
  font-weight: bold;
  color: #d9534f;
  text-transform: uppercase;
  margin-bottom: 0;
}

.subtext {
  display: block;
  font-size: 14px;
  color: #666;
  font-weight: normal;
  margin-top: 3px;
}

.benefitBanner.position--benefitCategory {
  max-width: 70%;
}

h1[data-testid="eshopHeader"] {
  text-align: center;
  font-weight: bold;
  color: #4a577a;
  padding: 20px;
  border-bottom: 2px solid #4a577a;
  background-color: #f0f0f0;
}

.eshop-motto {
  text-align: center;
  margin-top: 25px;
}

.eshop-logo {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  height: auto;
}

.eshop-intro-section {
  padding: 40px;
  margin: 20px auto;
  max-width: 1000px;
  background-color: #ffffff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
}

.eshop-intro-block {
  flex: 1 1 300px;
  margin: 10px;
  padding: 20px;
  background-color: #f0f8ff;
  border-radius: 10px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.eshop-section-title {
  color: #4a577a;
  text-align: center;
  font-size: 2em;
  margin-bottom: 20px;
}

.eshop-advantages {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
  gap: 32px;
  margin: 32px 0;
  padding: 0; /* nebo 32px, pokud chceš i vnější okraj */
}

.eshop-advantage-block {
  padding: 24px 20px;
  background: #e8f4fb;
  border-radius: 14px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
}

.eshop-advantage-block h3 {
  color: #003366;
  text-align: center;
}

@media (max-width: 900px) {
  .eshop-advantages {
    flex-direction: column;
    align-items: stretch;
  }
  .eshop-advantage-block {
    min-width: unset;
  }
  .eshop-intro-section {
    padding: 20px;
  }
}

.inquiry-link {
  text-decoration: none !important;
}
.inquiry-link:hover,
.inquiry-link:focus,
.inquiry-link:active {
  text-decoration: none !important;
}

.btn.btn-default.unveil-button {
  background-color: #475878;
  border-color: black;
}

.t9x4qpa {
  text-align: center;
  padding-bottom: 10px;
}

.y7pzkdn,
.m2qgfru {
  margin: 0;
  color: #404c6d;
  text-decoration: none !important;
}

.y7pzkdn {
  font-size: 25px;
  font-weight: 700;
}

.m2qgfru {
  font-size: 14px;
}

.t9x4qpa a {
  color: inherit;
  text-decoration: none !important;
}

.a489212 {
  display: inline-block;
  font-size: large;
  margin-top: 4px;
}

.formular-custom-form {
  max-width: 760px;
  margin: 0 auto;
  font:
    16px/1.5 system-ui,
    -apple-system,
    Segoe UI,
    Roboto,
    Arial,
    sans-serif;
}
.formular-custom-title {
  font-size: 26px;
  font-weight: 700;
  margin: 0 auto 14px;
  max-width: 760px;
}
.formular-custom-row {
  margin-bottom: 14px;
}
.formular-custom-label {
  display: block;
  font-weight: 600;
  margin-bottom: 6px;
}
.formular-custom-input,
.formular-custom-textarea,
.formular-custom-button {
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
  border: 1px solid #d8d8d8;
  border-radius: 8px;
}
.formular-custom-textarea {
  min-height: 140px;
  resize: vertical;
}
.formular-custom-button {
  cursor: pointer;
  border: 0;
  border-radius: 10px;
  padding: 12px 16px;
  font-weight: 700;
  background: #1e73be;
  color: #fff;
}
.formular-custom-button:hover {
  filter: brightness(0.95);
}

.formular-custom-attachments-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: 1fr 1fr;
}
.formular-custom-uploader {
  border: 2px dashed #b9c7d6;
  border-radius: 10px;
  padding: 12px;
  text-align: center;
  background: #f7f9fc;
  transition:
    background 0.15s,
    border-color 0.15s;
  min-height: 108px;
  position: relative;
}
.formular-custom-uploader.dragover {
  background: #eef5ff;
  border-color: #1e73be;
}
.formular-custom-uploader-btn {
  margin-top: 6px;
  display: inline-block;
  padding: 8px 12px;
  border: 1px solid #cfd6dd;
  border-radius: 8px;
  cursor: pointer;
}
.formular-custom-uploader-thumb {
  width: 54px;
  height: 54px;
  border-radius: 8px;
  object-fit: cover;
  background: #f0f2f5;
  display: inline-block;
}
.formular-custom-uploader-meta {
  font-size: 13px;
  line-height: 1.25;
  margin-top: 6px;
  word-break: break-word;
}
.formular-custom-uploader-remove {
  position: absolute;
  top: 6px;
  right: 6px;
  border: 0;
  background: #fff;
  border: 1px solid #e2e6ea;
  border-radius: 999px;
  width: 26px;
  height: 26px;
  cursor: pointer;
}
.formular-custom-uploader-remove:hover {
  background: #ffecec;
  border-color: #f3c2c2;
}

.formular-custom-success,
.formular-custom-error {
  max-width: 760px;
  margin: 12px auto 0;
  padding: 14px;
  border-radius: 10px;
  display: none;
}
.formular-custom-success {
  background: #e8f7ed;
  color: #215a36;
  border: 1px solid #bfe5cb;
}
.formular-custom-error {
  background: #fdecea;
  color: #8a1f17;
  border: 1px solid #f5c6c2;
}
.box-categories h3 span {
  color: #282d35;
}
#footer .custom-footer.elements-1 {
  padding-left: 0 !important;
  justify-content: center !important;
}

#footer .custom-footer.elements-1 > div {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  display: flex !important;
  justify-content: center !important;
}

#footer .custom-footer.elements-1 .banner,
#footer .custom-footer.elements-1 .banner-wrapper {
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
}

#footer .custom-footer.elements-1 .banner-wrapper > span {
  display: block !important;
  width: 100% !important;
}

#footer .custom-footer.elements-1 .banner-wrapper > span > div {
  max-width: 500px !important;
  margin: 0 auto !important;
  text-align: center !important;
}
.banners-row,
.footer-banners {
  padding-right: 0;
}
.homepage-group-title.homepage-products-heading-17.h4 {
  display: none;
}

.fade-up {
  opacity: 0;
  transform: translateY(20px);
  animation: fadeUp 0.9s ease forwards;
  will-change: opacity, transform;
}

@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Postupné zpoždění */
.delay-1 {
  animation-delay: 0.15s;
}
.delay-2 {
  animation-delay: 0.3s;
}
.delay-3 {
  animation-delay: 0.45s;
}
.delay-4 {
  animation-delay: 0.6s;
}
.delay-5 {
  animation-delay: 0.75s;
}
.delay-6 {
  animation-delay: 0.9s;
}

/* Scroll reveal */
@supports (animation-timeline: view()) {
  .reveal-on-view {
    animation-timeline: view();
    animation-range: entry 20% cover 40%;
  }
}

.benefitBanner .benefitBanner__item:has(.lp-adv-fix) {
  flex: 0 0 100% !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.benefitBanner .benefitBanner__item:has(.lp-adv-fix) .benefitBanner__content,
.benefitBanner .benefitBanner__item:has(.lp-adv-fix) .benefitBanner__data {
  width: 100% !important;
  max-width: 100% !important;
  padding-right: 0 !important;
}

.latest-contribution-wrapper {
  position: relative;
  padding-top: 60px;
}

.latest-contribution-wrapper .latest-contribution > h2 {
  visibility: hidden;
  height: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.latest-contribution-wrapper::before {
  content: "Hodnocení produktů";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  font-size: 32px;
  line-height: 1.2;
  font-weight: 400;
  color: #2f3f5b;
  font-size: 26px;
}
@media (max-width: 767px) {
  .latest-contribution-box,
  .latest-contribution-box .content-wrapper-in,
  .latest-contribution-box > .content-wrapper-in > .container,
  .latest-contribution-wrapper,
  .latest-contribution-wrapper > .container {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    overflow: visible !important;
    clear: both !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }

  .latest-contribution {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .latest-contribution-inner {
    display: flex !important;
    align-items: flex-start !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  .latest-contribution-image {
    flex: 0 0 60px !important;
    width: 60px !important;
    height: 60px !important;
    margin-right: 14px !important;
  }

  .latest-contribution-content {
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    overflow: visible !important;
  }

  .latest-contribution-product {
    height: auto !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
  }

  .latest-contribution-description {
    display: block !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    white-space: normal !important;
  }

  .latest-contribution-placeholder {
    display: none !important;
  }
}
.latest-contribution.latest-contribution-rating {
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 0 !important;
}
.latest-contribution-inner {
  margin: 7.5px !important;
}

.lp-adv-fix {
  max-width: 980px;
  margin: 0 auto;
}

.lp-adv-fix-heading {
  margin: 0 0 48px;
  text-align: center;
  font-size: 30px;
  line-height: 1.2;
  font-weight: 800;
  color: #2f3f5b;
}

.lp-adv-fix-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}

.lp-adv-fix-item {
  min-height: 152px;
  padding: 24px 18px;
  border: 1px solid #dde5ef;
  border-radius: 16px;
  background: #fff;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition:
    transform 0.18s ease,
    border-color 0.18s ease;
}

.lp-adv-fix-item:hover {
  transform: translateY(-3px);
  border-color: #cfd8e6;
}

.lp-adv-fix-title {
  margin: 0 0 8px;
  font-size: 22px;
  line-height: 1.28;
  font-weight: 800;
  color: #475878;
}

.lp-adv-fix-text {
  margin: 0;
  font-size: 15px;
  line-height: 1.55;
  color: #5b6b82;
}

@media (max-width: 640px) {
  .lp-adv-fix-heading {
    font-size: 24px;
    margin-bottom: 16px;
  }

  .lp-adv-fix-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .lp-adv-fix-item {
    min-height: auto;
    padding: 20px 16px;
  }

  .lp-adv-fix-title {
    font-size: 20px;
  }

  .lp-adv-fix-text {
    font-size: 14px;
  }
}
.box-categories > .pageElement__heading > span {
  color: #fff !important;
}
.welcome .h1 {
  text-align: center;
}
.category-perex.empty-content.empty-content-category {
  display: none;
}
.category-title[data-testid="titleCategory"] {
  margin: 0 0 20px;
  padding: 0;

  font-size: clamp(2.4rem, 4.8vw, 4rem);
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: -0.04em;

  color: #111111;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.banner-rating__title {
  color: #475878;
}

.stars-label {
  color: #475878;
}

.banner-rating__title,
.banner-rating__title a,
.stars-label {
  color: #586884 !important;
}

.sidebar .box-bg-variant #categories .topic.active > a,
.sidebar .box-bg-variant #categories .topic.active > a:hover,
.sidebar .box-bg-variant #categories .topic.active > a:focus,
.sidebar .box-bg-variant #categories .topic.active > a:active {
  color: #282d35 !important;
  background-color: transparent !important;
}

.sidebar .box-bg-variant #categories .topic.active > a > .cat-trigger,
.sidebar .box-bg-variant #categories .topic.active > a:hover > .cat-trigger,
.sidebar .box-bg-variant #categories .topic.active > a:focus > .cat-trigger,
.sidebar .box-bg-variant #categories .topic.active > a:active > .cat-trigger {
  color: #282d35 !important;
}

#header .navigation-buttons .cart-count,
#header .navigation-buttons a.cart-count {
  background-color: #475878 !important;
  border-color: #475878 !important;
  color: #ffffff !important;
}

#header .navigation-buttons .cart-count::before,
#header .navigation-buttons a.cart-count::before {
  background-color: #5d7398 !important;
  color: #ffffff !important;
}

#header .navigation-buttons .cart-count .cart-price,
#header .navigation-buttons a.cart-count .cart-price {
  color: #ffffff !important;
}

#header .navigation-buttons .cart-count:hover,
#header .navigation-buttons a.cart-count:hover {
  background-color: #445976 !important;
  border-color: #445976 !important;
  color: #ffffff !important;
}

#header .navigation-buttons .cart-count:hover::before,
#header .navigation-buttons a.cart-count:hover::before {
  background-color: #6980a6 !important;
}

html body .p-detail-inner-header,
html body .p-detail-inner-header h1,
html body .p-detail-inner-header h1 span,
html body .p-detail-inner-header *:not(svg):not(path):not(use),
html body .type-detail .p-detail-inner-header,
html body .type-detail .p-detail-inner-header h1,
html body .type-product .p-detail-inner-header,
html body .type-product .p-detail-inner-header h1,
html body .type-detail #content h1,
html body .type-product #content h1 {
  font-family: var(--lp-font-main) !important;
}

#header .navigation-buttons .cart-count,
#header .navigation-buttons a.cart-count {
  background-color: #475878 !important;
  border-color: #475878 !important;
  color: #ffffff !important;
}

#header .navigation-buttons .cart-count::before,
#header .navigation-buttons a.cart-count::before {
  background-color: #5d7398 !important;
  color: #ffffff !important;
}

#header .navigation-buttons .cart-count .cart-price,
#header .navigation-buttons a.cart-count .cart-price {
  color: #ffffff !important;
}

#header .navigation-buttons .cart-count:hover,
#header .navigation-buttons a.cart-count:hover {
  background-color: #445976 !important;
  border-color: #445976 !important;
  color: #ffffff !important;
}

#header .navigation-buttons .cart-count:hover::before,
#header .navigation-buttons a.cart-count:hover::before {
  background-color: #6980a6 !important;
}

:root {
  --lp-radius: 16px;
}

#products.products-block .product .p > a.image {
  display: block !important;
  overflow: hidden !important;
  border-radius: var(--lp-radius) !important;
  -webkit-border-radius: var(--lp-radius) !important;
  line-height: 0 !important;
  position: relative !important;
}

#products.products-block .product .p > a.image > img,
#products.products-block .product .p > a.image > img.swap-image {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  border-radius: var(--lp-radius) !important;
  -webkit-border-radius: var(--lp-radius) !important;
  clip-path: inset(0 round var(--lp-radius)) !important;
  -webkit-clip-path: inset(0 round var(--lp-radius)) !important;
}

.p-detail .p-image,
.p-detail .p-main-image,
.type-detail .p-image,
.type-detail .p-main-image {
  overflow: hidden !important;
  border-radius: var(--lp-radius) !important;
  -webkit-border-radius: var(--lp-radius) !important;
}

.p-detail .p-image img,
.p-detail .p-main-image img,
.type-detail .p-image img,
.type-detail .p-main-image img {
  display: block !important;
  border-radius: var(--lp-radius) !important;
  -webkit-border-radius: var(--lp-radius) !important;
  clip-path: inset(0 round var(--lp-radius)) !important;
  -webkit-clip-path: inset(0 round var(--lp-radius)) !important;
}

#products.products-block .product .p > a.image,
#products.products-block .product .p > a.image > img,
.p-detail .p-image,
.p-detail .p-main-image,
.p-detail .p-image img,
.p-detail .p-main-image img {
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

/* Zaoblení obrázků souvisejících / doplňkových produktů na detailu produktu */
:root {
  --lp-related-radius: 16px;
}

.products-block .product .p > a.image,
.products-related .product .p > a.image,
.products-additional .product .p > a.image,
.products.products-block .product .p > a.image {
  display: block !important;
  overflow: hidden !important;
  border-radius: var(--lp-related-radius) !important;
  -webkit-border-radius: var(--lp-related-radius) !important;
  position: relative !important;
  background: transparent !important;
}

.products-block .product .p > a.image img,
.products-related .product .p > a.image img,
.products-additional .product .p > a.image img,
.products.products-block .product .p > a.image img,
.products-block .product .p > a.image img.swap-image,
.products-related .product .p > a.image img.swap-image,
.products-additional .product .p > a.image img.swap-image,
.products.products-block .product .p > a.image img.swap-image {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  border-radius: var(--lp-related-radius) !important;
  -webkit-border-radius: var(--lp-related-radius) !important;
}

:root {
  --lp-related-radius: 16px;
}

.products-block .product .p > a.image,
.products-related .product .p > a.image,
.products-additional .product .p > a.image,
.products.products-block .product .p > a.image {
  display: block !important;
  overflow: hidden !important;
  border-radius: var(--lp-related-radius) !important;
  -webkit-border-radius: var(--lp-related-radius) !important;
  position: relative !important;
  background: transparent !important;
}

.products-block .product .p > a.image img,
.products-related .product .p > a.image img,
.products-additional .product .p > a.image img,
.products.products-block .product .p > a.image img,
.products-block .product .p > a.image img.swap-image,
.products-related .product .p > a.image img.swap-image,
.products-additional .product .p > a.image img.swap-image,
.products.products-block .product .p > a.image img.swap-image {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  border-radius: var(--lp-related-radius) !important;
  -webkit-border-radius: var(--lp-related-radius) !important;
}
#OPHWidgetWrapp {
  min-width: 286px;
}
html body .search {
  z-index: auto !important;
}
.homepage-video,
.homepage-video *,
.hero-video,
.hero-video *,
.video-background,
.video-background *,
.custom-video,
.custom-video *,
[class*="video"],
[class*="video"] * {
  pointer-events: none !important;
}

/* LP search conversion box */
.lp-search-conversion {
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 22px;
  align-items: center;
  margin: 18px 0 26px;
  padding: 22px;
  border: 1px solid rgba(15, 23, 42, 0.1);
  border-radius: 22px;
  background:
    radial-gradient(
      circle at top left,
      rgba(220, 38, 38, 0.1),
      transparent 34%
    ),
    linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.08);
  overflow: hidden;
}

.lp-search-conversion::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 5px;
  background: linear-gradient(180deg, #dc2626, #111827);
}

.lp-search-conversion__badge {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  margin-bottom: 8px;
  padding: 5px 10px;
  border-radius: 999px;
  background: rgba(220, 38, 38, 0.09);
  color: #991b1b;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.lp-search-conversion__title {
  margin: 0 0 8px;
  color: #0f172a;
  font-size: clamp(20px, 2vw, 27px);
  line-height: 1.15;
  font-weight: 800;
}

.lp-search-conversion__text {
  max-width: 760px;
  margin: 0;
  color: #475569;
  font-size: 15px;
  line-height: 1.55;
}

.lp-search-conversion__points {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 14px 0 0;
  padding: 0;
  list-style: none;
}

.lp-search-conversion__points li {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 10px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid rgba(15, 23, 42, 0.08);
  color: #334155;
  font-size: 13px;
  font-weight: 600;
}

.lp-search-conversion__points li::before {
  content: "✓";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 17px;
  height: 17px;
  border-radius: 999px;
  background: #16a34a;
  color: #ffffff;
  font-size: 11px;
  font-weight: 800;
}

.lp-search-conversion__actions {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 220px;
}

.lp-search-conversion__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 12px 18px;
  border-radius: 14px;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.2;
  text-align: center;
  text-decoration: none !important;
  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease,
    background 0.18s ease;
}

.lp-search-conversion__btn:hover {
  transform: translateY(-1px);
}

.lp-search-conversion__btn--primary {
  background: #111827;
  color: #ffffff !important;
  box-shadow: 0 10px 24px rgba(17, 24, 39, 0.2);
}

.lp-search-conversion__btn--primary:hover {
  background: #000000;
  color: #ffffff !important;
}

.lp-search-conversion__btn--secondary {
  background: #ffffff;
  color: #111827 !important;
  border: 1px solid rgba(15, 23, 42, 0.12);
}

.lp-search-conversion__btn--secondary:hover {
  background: #f1f5f9;
  color: #111827 !important;
}

@media (max-width: 767px) {
  .lp-search-conversion {
    grid-template-columns: 1fr;
    padding: 18px;
    border-radius: 18px;
  }

  .lp-search-conversion__actions {
    width: 100%;
    min-width: 0;
  }

  .lp-search-conversion__btn {
    width: 100%;
  }
}