/* Product support controls and information cards. */
#product-product .product-left .product_blocks-image { display: block !important; padding: 0 !important; margin: 18px 0 0 !important; }
#product-product .product-left .product_extra-535 { width: 100%; }
#product-product .product-left .product_extra-535 .product-blocks-popup-btn {
  display: flex !important; align-items: center; justify-content: flex-start;
  width: 100%; min-height: 70px; gap: 14px; padding: 14px 20px !important;
  border: 1px solid #dce5ec !important; border-radius: 12px !important;
  background: #fff !important; color: #0a3e62 !important;
  box-shadow: 0 5px 18px rgba(10,62,98,.04);
  font-size: 14px !important; font-weight: 500; text-decoration: none !important;
}
#product-product .product-left .product_extra-535 .product-blocks-popup-btn::before {
  display: flex !important; align-items: center; justify-content: center;
  width: 38px; height: 38px; flex: 0 0 38px; margin: 0 !important;
  color: #0a3e62 !important; background: #eaf1f6; border-radius: 50%; font-size: 20px;
}
#product-product .product-left .product_extra-535 .product-blocks-popup-btn::after {
  content: '→' !important; display: block !important; position: static !important;
  margin-left: auto !important; color: #0a3e62; background: transparent !important;
  width: auto !important; height: auto !important; font: 22px/1 Arial,sans-serif !important;
  transform: none !important;
}
#product-product .product-left .product_extra-535 .product-blocks-popup-btn:hover { background: #f3f7fa !important; border-color: #9fb9cc !important; }
#product-product .product-left .product_extra-535 .product-blocks-popup-btn:focus-visible { outline: 2px solid #0a3e62; outline-offset: 3px; }
#product-product .cj-product-support { --support-navy: #0a3e62; --support-line: #dce5ec; margin-top: 26px; }
#product-product .cj-product-support > .product-blocks { margin: 0 !important; padding: 0 !important; }
#product-product .cj-product-support .product-blocks-bottom { margin: 16px 0 0 !important; padding: 0 !important; border: 0 !important; }
#product-product .cj-product-support .panel-group {
  display: grid; gap: 12px; border: 0 !important; border-radius: 0; overflow: visible;
  padding: 0 !important; background: transparent !important; margin: 0 !important;
}
#product-product .cj-product-support .panel-group::before { display: none !important; }
#product-product .cj-product-support .panel {
  border: 1px solid var(--support-line) !important;
  border-radius: 12px !important; background: #fff !important;
  padding: 0 !important; margin: 0 !important; overflow: hidden;
  box-shadow: 0 5px 16px rgba(10,62,98,.035) !important;
  transition: border-color .2s, box-shadow .2s;
}
#product-product .cj-product-support .panel:hover { border-color: #9fb9cc !important; box-shadow: 0 7px 20px rgba(10,62,98,.07) !important; }
#product-product .cj-product-support .panel::after { display: none !important; }
#product-product .cj-product-support .panel-heading { padding: 0 !important; border: 0 !important; background: transparent !important; }
#product-product .cj-product-support .panel-title { margin: 0 !important; border: 0 !important; }
#product-product .cj-product-support .panel-heading .accordion-toggle {
  position: relative; display: flex !important; flex-direction: row; align-items: center;
  gap: 16px; min-height: 84px; padding: 18px 60px 18px 18px !important;
  font-size: 14px !important; font-weight: 600 !important; line-height: 1.5;
  color: var(--support-navy) !important; text-decoration: none; background: transparent !important;
}
#product-product .cj-product-support .accordion-toggle::before { display: none !important; }
#product-product .cj-product-support .accordion-toggle > i {
  display: flex !important; order: -1; align-items: center; justify-content: center;
  width: 44px; height: 44px; flex: 0 0 44px; margin: 0 !important;
  background: var(--support-navy); border-radius: 10px; color: #fff;
}
#product-product .cj-product-support .accordion-toggle > i::before {
  content: '' !important;
  order: -1 !important; display: block; position: static !important;
  min-width: 24px !important; width: 24px !important; height: 24px !important; flex: 0 0 24px;
  margin: 0 !important; background: #fff; transform: none !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5h11v12h-3M3 5v12h2M14 9h4l3 4v4h-2M14 13h7'/%3E%3Ccircle cx='8' cy='17' r='3'/%3E%3Ccircle cx='17' cy='17' r='3'/%3E%3C/svg%3E") center / contain no-repeat;
}
#product-product .cj-product-support .panel:not(:first-child) .accordion-toggle > i::before { mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H5v18h14V8zM14 3v5h5M8 12h8M8 16h6'/%3E%3C/svg%3E"); }
#product-product .cj-product-support .accordion-toggle::after {
  content: '' !important; display: block !important;
  position: absolute !important; right: 24px; top: calc(50% - 5px); width: 8px !important; height: 8px !important;
  min-width: 0 !important; min-height: 0 !important; border: 0; border-right: 1.5px solid var(--support-navy); border-bottom: 1.5px solid var(--support-navy);
  border-radius: 0; background: transparent;
  transform: rotate(45deg) !important; transition: transform .2s;
}
#product-product .cj-product-support .accordion-toggle[aria-expanded='true']::after { transform: rotate(225deg) !important; top: calc(50% - 1px); }
#product-product .cj-product-support .panel:has(.accordion-toggle[aria-expanded='true']) { background: #f3f7fa !important; border-color: #9fb9cc !important; }
#product-product .cj-product-support .panel-body { padding: 20px 24px !important; border-top: 1px solid var(--support-line); background: #fff; font-size: 13px; line-height: 1.85; color: #627480; }
#product-product .cj-product-support .panel-body p:last-child { margin-bottom: 0; }
#product-product .cj-product-support .module-side_products {
  padding: 0 !important; margin: 24px 0 !important;
  background: #fff !important; border: 0; border-radius: 0;
}
#product-product .cj-product-support .module-side_products .tab-container { position: relative; }
#product-product .cj-product-support .module-side_products :is(.tab-content,.side-products) { position: static !important; padding-top: 0 !important; }
#product-product .cj-product-support .module-side_products .tab-content { margin: 0 !important; padding: 0 !important; }
#product-product .cj-product-support .side-products { width: 100% !important; margin: 0 !important; padding: 0 !important; }
#product-product .cj-product-support .side-products .auto-grid-items {
  grid-template-columns: none !important; grid-auto-flow: column !important;
  grid-auto-columns: calc((100% - 12px) / 2) !important; gap: 12px !important;
  width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important;
}
#product-product .cj-product-support .side-products .product-layout { width: 100% !important; min-width: 0; margin: 0 !important; padding: 0 !important; }
#product-product .cj-product-support .module-side_products .nav-tabs {
  margin: 0 0 14px !important; padding: 0 !important; background: transparent !important;
  justify-content: flex-start !important; border: 0 !important;
}
#product-product .cj-product-support .module-side_products .nav-tabs > li { padding: 0 !important; margin: 0 !important; border: 0 !important; }
#product-product .cj-product-support .module-side_products .nav-tabs > li > a {
  color: var(--support-navy) !important; font-size: 14px !important; font-weight: 600 !important;
  border: 0 !important; padding: 0 !important; background: transparent !important;
}
#product-product .cj-product-support .module-side_products .nav-tabs > li::after,
#product-product .cj-product-support .module-side_products .nav-tabs > li > a::after,
#product-product .cj-product-support .module-side_products .full-tabs-bg { display: none !important; }
#product-product .cj-product-support .side-product {
  display: flex !important; flex-direction: column !important; gap: 12px;
  align-items: stretch; padding: 16px !important; border: 1px solid var(--support-line) !important;
  border-radius: 10px !important; background: #fff !important; height: 100%;
}
#product-product .cj-product-support .side-product > .image { flex: 0 0 112px !important; width: 100% !important; min-width: 0 !important; height: 112px; padding: 8px !important; border-radius: 6px; background: #f7f9fb; overflow: hidden; }
#product-product .cj-product-support .side-product .image a { display: flex; align-items: center; justify-content: center; height: 100%; }
#product-product .cj-product-support .side-product .image img { width: 96px !important; height: 96px !important; object-fit: contain; }
#product-product .cj-product-support .side-product .caption { min-width: 0 !important; width: 100% !important; padding: 0 !important; }
#product-product .cj-product-support .side-product .name { margin-bottom: 6px !important; }
#product-product .cj-product-support .side-product .name a {
  display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important;
  height: 36px !important; overflow: hidden; white-space: normal !important;
  font-size: 12px !important; line-height: 18px !important; color: var(--support-navy) !important;
}
#product-product .cj-product-support .side-product .price { color: var(--support-navy) !important; font-size: 14px !important; font-weight: 600 !important; margin: 0 0 8px !important; }
#product-product .cj-product-support .side-product .button-group { display: flex !important; gap: 6px; margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--support-line); }
#product-product .cj-product-support .side-product .button-group .btn { min-width: 26px; min-height: 26px; padding: 5px !important; border: 1px solid var(--support-line) !important; border-radius: 5px !important; color: var(--support-navy) !important; background: #fff !important; }
#product-product .cj-product-support .auto-carousel-buttons { position: absolute !important; top: -4px; right: 0; left: auto; bottom: auto; width: auto !important; gap: 6px !important; margin: 0 !important; padding: 0 !important; height: 28px; transform: none !important; }
#product-product .cj-product-support .auto-carousel-buttons > div { position: static !important; width: 28px; height: 28px; margin: 0 !important; transform: none !important; }
#product-product .cj-product-support .side-products:not(.no-scroll) .auto-carousel-buttons,
#product-product .cj-product-support .side-products:not(.no-scroll) .auto-carousel-buttons > div { visibility: visible !important; }
#product-product .cj-product-support .no-scroll-prev .auto-carousel-prev,
#product-product .cj-product-support .no-scroll-next .auto-carousel-next { visibility: hidden !important; }
#product-product .cj-product-support .auto-carousel-buttons > div > span { width: 28px; height: 28px; border: 1px solid var(--support-line); border-radius: 6px; color: var(--support-navy); background: #fff; }
#product-product .cj-product-support .a2a_kit { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; width: 100%; box-sizing: border-box; border: 0; padding: 14px 16px; background: var(--support-navy); border-radius: 10px; }
#product-product .cj-product-support .a2a_kit::before { content: 'Share this product'; display: block; font-size: 11px; font-weight: 500; color: #fff; margin-inline-end: auto; }
#product-product .cj-product-support .a2a_kit .a2a_svg { background: transparent !important; border: 1px solid rgba(255,255,255,.35); border-radius: 50% !important; }
#product-product .cj-product-support .a2a_kit > a { filter: none !important; opacity: 1 !important; }
#product-product .product-right-wrapper > .tags { margin-top: 12px !important; gap: 10px; padding-top: 0; border-top: 0; font-size: 11px; }
#product-product .product-right-wrapper > .tags .tags-title { color: #0a3e62; font-weight: 600; }
#product-product .product-right-wrapper > .tags a { border: 0 !important; border-bottom: 1px solid #dce5ec !important; color: #0a3e62 !important; background: transparent !important; border-radius: 0 !important; padding: 4px 0 !important; }
#product-product .cj-product-support .accordion-toggle:focus-visible { outline: 2px solid var(--support-navy); outline-offset: -3px; }
@media (max-width: 540px) {
  #product-product .cj-product-support .panel-heading .accordion-toggle { min-height: 68px; gap: 10px; }
  #product-product .cj-product-support .module-side_products { padding: 0 !important; }
  #product-product .cj-product-support .side-products .auto-grid-items { grid-auto-columns: 100% !important; }
  #product-product .cj-product-support .a2a_kit::before { flex-basis: 100%; margin-bottom: 5px; }
}
