/** Shopify CDN: Minification failed

Line 1659:25 Expected ":"

**/
p.product-stock {
  font-family: 'Maven Pro';
  font-weight: 400;
  font-size: 14px;
  line-height: 144%;
  letter-spacing: 0;
  vertical-align: middle;  
  color: #76b845;
  display: flex;
  align-items: center;
  gap: 8px;
}
p.product-stock span {
  width: 8px;
  height: 8px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 10px;
  background: red;
}
.product-stock.in-stock span {
  background: #76b845;
}
.product-stock.out-of-stock span {
  background: red;
}

.labjack-t4 .product-title {
  font-family: 'Maven Pro';
  font-weight: 800;
  font-size: 50px;
  font-size: clamp(20px, 2.5vw, 32px);
  line-height: 135%;
  letter-spacing: 0;
  vertical-align: middle;
  color: #27303a;
}

 .custom-rating-star svg path {
    color: #F8B22E;
    fill: #F8B22E;
  }

.akta-upsell-wrapper {
  border: 1px solid rgba(240, 243, 245, 1);
  padding: 16px;
  background: #fff;
  max-height: 650px;
  overflow-y: auto;
  border-radius: 12px;
}

.akta-upsell-title {
  font-family: 'Maven Pro';
  font-weight: 700;
  font-size: 18px;
  line-height: 135%;
  color: #ba0066;
}

.akta-upsell-list {
  display: grid;
  gap: 10px;
}

.akta-upsell-item {
  background: rgba(242, 244, 246, 1);
  padding: 12px;
  border-radius: 10px;
}

.akta-upsell-card {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}

.akta-upsell-card__media {
  flex: 0 0 60px;
  width: 60px;
}

.akta-upsell-card__media img {
  width: 60px;
  height: 60px;
  object-fit: contain;
  display: block;
  background: #fff;
  border-radius: 6px;
}

.akta-upsell-card__body {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.akta-upsell-card__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}

.akta-upsell-card__title {
  font-family: 'Maven Pro', sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 1.3;
  color: #0E1B4D;
}

.akta-upsell-info-btn {
  flex: 0 0 auto;
  background: transparent;
  border: 0;
  padding: 0;
  cursor: pointer;
  line-height: 0;
  color: #ba0066;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.akta-upsell-info-btn:focus { outline: none; }
.akta-upsell-info-btn:hover svg circle:first-of-type { stroke-width: 2; }

/* Variant picker — kept tight */
.akta-upsell-variant {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 0;
  width: 100%;
}

.akta-upsell-variant__label {
  font-family: 'Maven Pro', sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: #5D5D5D;
  letter-spacing: 0.02em;
}

.akta-upsell-variant__select {
  width: 100%;
  padding: 8px 32px 8px 12px;
  border: 1.5px solid #E9ECEF;
  border-radius: 8px;
  font-family: 'Maven Pro', sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: #27303A;
  background: #fff
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'><path d='M1 1.5L6 6.5L11 1.5' stroke='%2327303A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>")
    no-repeat right 12px center;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.akta-upsell-variant__select:focus {
  outline: none;
  border-color: #D6006E;
  box-shadow: 0 0 0 3px rgba(214, 0, 110, 0.12);
}

/* Action row: qty + cart button + prices */
.akta-upsell-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.akta-upsell-qty {
  display: inline-flex;
  align-items: center;
  background: #fff;
  height: 38px;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #E9ECEF;
}

.akta-upsell-qty button {
  width: 30px;
  height: 100%;
  border: none;
  background: #fff;
  cursor: pointer;
  outline: none;
  line-height: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.akta-upsell-qty input {
  width: 36px;
  border: none;
  outline: none;
  font-family: 'Maven Pro', sans-serif;
  font-weight: 500;
  font-size: 15px;
  text-align: center;
  color: #272727;
  -webkit-appearance: none;
  -moz-appearance: textfield;
  appearance: none;
  background: #fff;
  height: 100%;
  padding: 0;
}

.akta-upsell-qty input.addon-qty::-webkit-inner-spin-button,
.akta-upsell-qty input.addon-qty::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Hide UpCart entirely while an upsell ATC is in flight. The custom_upsell
   handler toggles these attributes around the fetch — UpCart's internal
   state may briefly open, but the user never sees the drawer. */
#upCart[data-akta-suppressed],
:root[data-akta-suppressing-cart] #upCart {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transition: none !important;
}

/* Cart icon button — uses high specificity to defeat any inherited
   .product-form__submit styles that would stretch it full-width. */
.akta-upsell-item .akta-upsell-cart-btn {
  flex: 0 0 auto;
  height: 38px;
  min-height: 38px;
  max-height: 38px;
  width: 44px;
  min-width: 44px;
  max-width: 44px;
  padding: 0;
  margin: 0;
  background: #ba0066;
  border: 0;
  border-radius: 8px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  color: #fff;
  letter-spacing: 0;
  font-size: 0;
  line-height: 0;
  text-transform: none;
  transition: background 0.15s ease;
}

.akta-upsell-item .akta-upsell-cart-btn:hover { background: #a0005a; }
.akta-upsell-item .akta-upsell-cart-btn[disabled],
.akta-upsell-item .akta-upsell-cart-btn[aria-busy="true"] {
  background: #c8c8c8;
  cursor: not-allowed;
}

/* Persistent "added" state: green, widens to fit checkmark + Dutch label.
   The price column is right-anchored via margin-left:auto, so the wider
   button just pushes the qty box left without dropping the price. */
.akta-upsell-item .akta-upsell-cart-btn--added,
.akta-upsell-item .akta-upsell-cart-btn--added:hover {
  background: #76b845;
  width: auto;
  min-width: 44px;
  max-width: none;
  padding: 0 12px;
  font-size: 13px;
  line-height: 1;
  gap: 6px;
}
.akta-upsell-item .akta-upsell-cart-btn--error,
.akta-upsell-item .akta-upsell-cart-btn--error:hover { background: #c93636; }

.akta-upsell-cart-btn__label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
}
.akta-upsell-cart-btn--loading .akta-upsell-cart-btn__label,
.akta-upsell-cart-btn--loading .akta-upsell-cart-btn__success { visibility: hidden; }
.akta-upsell-cart-btn--added .akta-upsell-cart-btn__label { display: none; }

/* Success state — checkmark + "Toegevoegd". Hidden by default, shown
   when the parent button carries .akta-upsell-cart-btn--added. */
.akta-upsell-cart-btn__success {
  display: none;
  align-items: center;
  gap: 6px;
  line-height: 1;
}
.akta-upsell-cart-btn--added .akta-upsell-cart-btn__success {
  display: inline-flex;
}
.akta-upsell-cart-btn__success-text {
  font-family: 'Maven Pro', sans-serif;
  font-weight: 700;
  font-size: 13px;
  color: #fff;
  letter-spacing: 0;
  text-transform: none;
  white-space: nowrap;
}

.akta-upsell-cart-btn__spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  margin: -8px 0 0 -8px;
  border: 2px solid rgba(255, 255, 255, 0.4);
  border-top-color: #fff;
  border-radius: 50%;
  animation: akta-upsell-spin 0.7s linear infinite;
}
.akta-upsell-cart-btn--loading .akta-upsell-cart-btn__spinner { display: block; }

@keyframes akta-upsell-spin {
  to { transform: rotate(360deg); }
}

/* Prices — anchor to the right edge of the row so each card lines up the
   price column regardless of qty/cart widths. */
.akta-upsell-price-wrap {
  display: inline-flex;
  align-items: baseline;
  justify-content: flex-end;
  gap: 6px;
  margin-left: auto;
  white-space: nowrap;
  flex: 0 0 auto;
}

.akta-upsell-price {
  font-family: 'Maven Pro', sans-serif;
  font-weight: 700;
  font-size: 16px;
  color: #ba0066;
}

.akta-upsell-price-compare {
  font-family: 'Maven Pro', sans-serif;
  font-weight: 500;
  font-size: 13px;
  color: #888;
}

.akta-upsell-price-compare[hidden] { display: none; }

@media (max-width: 600px) {
  .akta-upsell-card { gap: 10px; }
  .akta-upsell-card__media,
  .akta-upsell-card__media img { width: 52px; height: 52px; flex-basis: 52px; }
  .akta-upsell-card__title { font-size: 14px; }
  .akta-upsell-actions { gap: 8px; }
  .akta-upsell-qty input { width: 30px; font-size: 14px; }
  .akta-upsell-qty button { width: 26px; }
  .akta-upsell-cart-btn { width: 40px; min-width: 40px; }
  .akta-upsell-price { font-size: 15px; }
  .akta-upsell-price-compare { font-size: 12px; }
}

.rating-text {
  font-family: 'Maven Pro';
  font-weight: 300;
  font-size: 15px;
  line-height: 140%;
  color: rgba(93, 93, 93, 1);
}
.rating-text strong {
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 3px;
}
.product-ratings {
    margin-bottom: 20px;
    display: flex;
    gap: 12px;
}
.single-product {
  background-color: unset;
}

/* ===== Product Description Accordion ===== */

.product-description {  
  color: #5d5d5d;
  width: 100%;
  margin-bottom: 16px;
  font-size: 16px;
}

/* ===== Header Toggle ===== */
.acc-toggle {
  width: 100%;
  background: transparent;
  border: 0;
  padding: 16px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  color: #111;
  font-family: 'Maven Pro';
  font-weight: 700;
  font-size: 18px;
  line-height: 135%;
}

.acc-toggle:focus {
  outline: none;
}

/* ===== Arrow Icon ===== */
.acc-icon {
  font-size: 14px;
  transition: transform 0.3s ease;
}

/* Rotate arrow when open */
.acc-item.active .acc-icon {
  transform: rotate(180deg);
}

/* ===== Accordion Body ===== */
.acc-body {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s ease;
  will-change: max-height;
}

/* ===== Content Area ===== */
.acc-content {
  padding: 0 16px 16px;
}
.acc-content,
.acc-content p {
  color: rgba(93, 93, 93, 1);
  font-family: 'Maven Pro';
  font-weight: 400;
  font-size: 16px;
}
.acc-content strong {
  font-weight: 600;
}

/* Reset margins for rich text */
.acc-content p {
  margin: 0 0 12px;
}

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

.acc-content ul,
.acc-content ol {
  padding-left: 18px;
  margin: 10px 0;
}

/* Images inside description */
.acc-content img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 12px 0;
  border-radius: 6px;
}

/* ===== Read More Button ===== */
.read-more-btn {
  padding: 0;
  background: none;
  border: 0;
  color: rgba(141, 2, 0, 1);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  font-family: 'Maven Pro';
  font-weight: 600;
  font-size: 16px;
  line-height: 140%;
  text-decoration: underline;
}

.read-more-btn:hover {
  text-decoration: underline;
}
.acc-content p {
  display: -webkit-box;
  -webkit-line-clamp: 3; /* show 3 lines only */
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0 0 0.5rem 0;
}

.product-description.acc-item.active .acc-body {
  max-height: 500px;
}

/* ===== Mobile adjustments ===== */
@media (max-width: 768px) {
  .acc-toggle {
    padding: 16px;
    font-size: 15px;
  }

  .acc-content {
    padding: 0 16px 16px;
    font-size: 14px;
  }
}

.labjack-t4 .product-title {
  margin: 0;
}

.description-wrapper .price-item.price-item--sale {
  color: rgba(141, 2, 0, 1);
  font-size: 28px;
  line-height: 135%;
  letter-spacing: 1.3px;
}

.akta-product .product-price-wrapper {  
  margin-bottom: 16px;
}

.akta-product .price__container {
  margin: 0;
}

span.price-label {
  color: #0E1B4D;
  font-family: 'Maven Pro';
  font-weight: 700;
  font-size: 18px;
  line-height: 135%;
  letter-spacing: 0px;
  width: 100%;
  display: none;
  margin-bottom: 8px;
}
.akta-product span.price-label {
  display: block;
}
.akta-product .product-preference-wrapper {
    background-color: unset;
    border-radius: 0;
    gap: 16px;
    margin: 0;
    padding-bottom: 0;
}
.akta-product .product-preference-item {
  background: rgba(240, 243, 245, 1);
  border: 0;
  padding: 10px !important;
  margin: 0;
}
.akta-product span.product-preference-title {
  font-family: 'Maven Pro';
  font-weight: 600;
  font-size: 15px;
  line-height: 140%;
  letter-spacing: -0.72px;
  text-align: center;
  color: #0E1B4D;
}
.akta-product .product-preference-description {
  font-family: 'Maven Pro';
  font-weight: 400;
  font-size: 13px;
  line-height: 140%;
  letter-spacing: 0px;
  text-align: center;
  color: rgba(93, 93, 93, 1) !important;
}

.product-preference-title {
  width: 100%;
  margin: 0;
  font-family: 'Maven Pro';
  font-weight: 700;
  font-size: 18px;
  line-height: 135%;
  letter-spacing: 0px;
  color: #0E1B4D;
  padding: 0;
}
.akta-product .discount-link-wrapper {
  display: none;
}
.akta-product .product-form__buttons-inner button {
  width: 100%;
  border-radius: 8px !important;
  background: rgba(141, 2, 0, 1);
  font-family: 'Maven Pro';
  font-weight: 700;
  font-size: 18px;
  line-height: 148%;
  text-transform: uppercase;
  padding: 1.6rem 2.8rem;
}

.tech_specs_group {
  
  margin-bottom: 16px;
}
.tech-specs__title {
  font-family: 'Maven Pro';
  font-weight: 700;
  font-size: 18px;
  line-height: 135%;
  letter-spacing: 0px;
  vertical-align: middle;
  color: #0E1B4D;
  margin: 0 0 10px;
  padding: 0;
}
.tech-specs__header .img-icon {
  width: 40px;
  height: 40px;
  background: rgba(240, 243, 245, 1);
  padding: 10px;
  border-radius: 50%;
}
.img-icon img {
  width: 100%;
  height: 100%;
}

.tech-specs__header {
  background: transparent;
  border: 0;
  outline: 0;
  display: flex;
  align-items: center;
  width: 100%;
  gap: 16px;
}

.tech-specs__arrow {
  margin-left: auto;
}
.tech-specs__heading {
  font-family: 'Maven Pro';
  font-weight: 800;
  font-size: 18px;
  line-height: 135%;
  color: #0E1B4D;
}
.tech-specs__item:not(:last-child) {
    margin-bottom: 16px;
}
.tech-specs__item .tech-specs__arrow {
  transition: transform 0.3s ease;
}

.tech-specs__item.is-open .tech-specs__arrow {
  transform: rotate(180deg);
}
.tech-specs__content {
  opacity: 0;
  visibility: hidden;
  max-height: 0;
  overflow: hidden;
  transition: 0.3s;
}
.tech-specs__item.is-open .tech-specs__content {
  opacity: 1;
  visibility: visible;
  max-height: 1000px;
  border-top: 1px solid #e0e0e0;
  margin-top: 16px;
}
.tech-specs__content-inner {
  padding: 10px;
}

.product-preference-area {
    border: 1px solid rgba(240, 243, 245, 1);
    padding: 16px;
    margin-bottom: 16px;
}

.full_spec_link {
    font-size: 14px;
    color: #ba0066;
    font-weight: 500;
    
}
.full_spec_link:hover {
    text-decoration: underline;
    text-underline-offset: 4px;
}


/* popup page modal */
/* ----------------- MODAL BASE ----------------- */
.popup-modal {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 9999999999;
  background-color: rgba(0, 0, 0, 0.5);
  overflow-y: auto;
  justify-content: center;
  align-items: center;
  background: #8c8f91ab;
  backdrop-filter: blur(4px);
}

/* Flex to center content */
.popup-modal[open],
.popup-modal.show {
  display: flex;
}

/* ----------------- MODAL CONTENT ----------------- */
.popup-modal__content-info {
  background-color: #fff;
  color: #000;
  border-radius: 8px;
  max-width: 600px;
  width: 100%;
  padding: 2rem;
  position: relative;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
  margin: auto;
  height: auto;
  margin-top: 100px;
}
/* ----------------- CLOSE BUTTON ----------------- */
.popup-modal__toggle {
  position: absolute;
  top: 1rem;
  right: 1rem;
  background: transparent;
  border: none;
  font-size: 1.5rem;
  cursor: pointer;
  line-height: 1;
}

/* Hover effect for close button */
.popup-modal__toggle:hover {
  color: #ff0000;
}

/* ----------------- RESPONSIVE ----------------- */
@media (max-width: 768px) {
  .product-popup-modal__content-info {
    padding: 1.5rem;
  }
}

@media (max-width: 480px) {
  .product-popup-modal__content-info {
    padding: 1rem;
  }
}


button.qty-minus {
    text-align: right;
}

button.qty-plus {text-align: left;}

.popup-overlay{
  z-index: 999999999999 !important;
}
/* quickview  */








.akta-thumbnail {
  width: 50px;
  height: 50px;
  object-fit: cover;
  margin-right: 5px;
  cursor: pointer;
}

.akta-modal-open {
  overflow: hidden;
}


.akta-qv-media-desktop {
  display: grid;
  gap: 24px;
}

.akta-qv-main-image img {
    width: 80%;
    margin: auto;
}

.akta-qv-thumb-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}

.akta-qv-thumb-grid img {
  width: 100%;  
  cursor: pointer;
}

/* Mobile only */
.akta-qv-media-mobile {
  display: none;
}

.akta-qv-main-image {
    border-radius: 78px 0 0 0;
    overflow: hidden;
}

@media (max-width: 767px) {
  .akta-qv-media-desktop {
    display: none;
  }

  .akta-qv-media-mobile {
    display: block;
  }

  .akta-qv-swiper-main img {
    max-height: 50vh;
    width: auto;
    margin: 0 auto;
    display: block;
    object-fit: contain;
  }

}

.akta-qv-instock {
    font-family: 'Maven Pro';
    font-weight: 400;
    font-size: 14px;
    line-height: 144%;
    letter-spacing: 0;
    vertical-align: middle;
    text-transform: uppercase;
    color: #76b845;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
}

.akta-qv-title a {
    color: #0E1B4D;
    font-family: 'Maven Pro';
    font-weight: 800;
    font-size: clamp(28px, 3vw, 50px);
    line-height: 135%;
    letter-spacing: 0px;
    text-decoration: none;
    vertical-align: middle;
}


.akta-qv-price {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 6px 0 14px;
}

.akta-qv-price-sale, .akta-qv-price-regular {
  font-size: 28px;
  font-weight: 800;
  color: #76b845;
  letter-spacing: 1.3px;
  line-height: 135%;


}

.akta-qv-price-compare {
  font-size: 24px;
  text-decoration: line-through;
  color: #6b7280;
  letter-spacing: 1.3px;
  line-height: 135%;
}

.akta-qv-description {
    color: #5d5d5d;
    font-family: 'Maven Pro';
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 16px;
}

.akta-qv-datasheet {
    color: #5d5d5d;
    font-family: 'Maven Pro';
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 16px;
}

.akta-qv-datasheet a {
    color: #ba0066;
    text-decoration: underline;
    text-underline-offset: 3px;
}

  .akta-quickview-info button.product-form__submit {
    width: 100%;
    border-radius: 8px !important;
    background: #ba0066;
    font-family: 'Maven Pro';
    font-weight: 700;
    font-size: 16px;
    line-height: 148%;
    display: flex;
    align-items: center;
    gap: 6px;
    text-transform: uppercase;
    padding: 1.6rem 2.8rem;
  }


  .akta-qv-quantity {
    display: inline-flex;
    align-items: center;
    border: 1px solid rgba(240, 243, 245, 1);
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 14px;
    width: 135px;
    height: 58px;
  }




.akta-qv-qty-input:focus {
  outline: none;
}
.akta-qv-qty-input {
    width: 30%;
    border: none;
    outline: none;
    font-family: 'Maven Pro';
    font-size: 18px;
    line-height: 136%;
    text-align: center;
    color: #272727;
    -webkit-appearance: none;
    -moz-appearance: textfield;
    appearance: none;
    font-weight: 500;
    height: 100%;
    text-align: center;
}


.akta-qv-qty-input::-webkit-inner-spin-button,
.akta-qv-qty-input::-webkit-outer-spin-button  {
  -webkit-appearance: none;
  margin: 0;
}


.akta-qv-qty-input {
  -moz-appearance: textfield;
}

.akta-qv-qty-btn {
    font-size: 18px;
    width: 35%;
    height: 100%;
    border: none;
    background: #fff;
    cursor: pointer;
    outline: none;
    line-height: 1;
}


.akta-qv-quantity-label {
    color: #5d5d5d;
    font-family: 'Maven Pro';
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 16px;
    display: block;
}

.akta-product-form-wrapper .product-form__quantity .quantity .quantity__button[name=minus] {   
    position: unset;    
    transform: unset;
}
.akta-product-form-wrapper  .product-form__quantity .quantity .quantity__button[name=plus] {    
    position: unset;    
    transform: unset;
}

.akta-product-form-wrapper .product-form__quantity .quantity {
    max-width: 100%;
    width: 100%;
    height: 58px;
    border-radius: 8px;
    border-color: rgba(240, 243, 245, 1);
}
.akta-product-form-wrapper .product-form__quantity .field {
    margin: 0;
    width: 100%;
    max-width: 100% !important;
}
.akta-product-form-wrapper .field .field__select {
    padding: 10px 16px;
    width: 100%;
    height: 58px;
    font-size: 16px;
    border-radius: 8px;
    border-color: rgba(240, 243, 245, 1);
}
.description-wrapper.labjack-t4 {
    max-width: 100%;
}

.akta-product-form-wrapper .field {
    display: block;    
}


.akta-product-form-wrapper variant-radios {
    margin-bottom: 0;
    flex: 1;
    order: 1;
}
.power-supply-wrapper {
    order: 2;
}

.akta-product-form-wrapper fieldset.js.product-form__input.field {
    width: 100%;
    display: flex;
    gap: 8px;
    max-width: 100%;
}
.akta-product-form-wrapper variant-radios .product-form__input {
    border: none;
    display: flex;
    flex-wrap: nowrap;
    gap: 2rem;
    margin: 0 0 3rem;
    padding: 0;
}
.akta-product-form-wrapper .field .select {
    position: relative;
    width: 100%;
    max-width: 100%;
}

.akta-product-form-wrapper .field .field__option label {
    height: 58px;
    display: flex;
    align-items: center;
    padding: 4px;
    font-size: 16px;
    justify-content: center;
}

.akta-product-form-wrapper .field .form__label, .field label {
    font-size: 1.6rem;
    margin-bottom: 0;
}

.akta-product-form-wrapper .field .form__label, .field label {
    font-size: 1.6rem;
    margin-bottom: 0;
    color: rgba(93, 93, 93, 1);
}

.akta-product-form-wrapper .akta-label {
    display: block;
    margin-bottom: 12px !important;
    font-weight: 400 !important;
}


.akta-product-form-wrapper .product-form__quantity {
    display: flex;
    gap: 1.5rem;
    margin-bottom: 20px;
    flex-wrap: wrap;
}
.akta-product-form-wrapper .field .field__option label {
    background-color: rgb(39 39 39 / 0%);
    border: 1px solid rgba(225, 231, 237, 1);
    color: rgb(0 0 0);
    margin: 0;
}
.akta-product-form-wrapper .field .field__option input:checked+label, 
.akta-product-form-wrapper .field .field__option input:hover+label, 
.akta-product-form-wrapper .field .field__option label:hover {
    background-color: #ba0066;
    color: #fff;
}

/* global popup  */
.akta-popup {
  position: fixed;
  inset: 0;
  z-index: 9999999999;  
  padding: 20px;
  display: none;
}

.is-active {
  display: block !important;
}

.akta-popup-overlay {
  position: absolute;
  inset: 0;
  background: rgba(140, 143, 145, 0.67);
  backdrop-filter: blur(4px);
  cursor: pointer;
  display: block !important;
}

.akta-popup-content {
  position: relative;
  background: #fff;
  max-width: 900px;
  margin: 10vh auto;
  padding: 32px;
  padding: clamp(16px, 4vw, 32px);
  border-radius: 10px;
  z-index: 1;
  text-align: center;
  max-height: 90dvh;
  height: 80%;
  overflow-y: auto;
}
.akta-popup-close {
    position: absolute;
    top: 12px;
    right: 12px;
    cursor: pointer;
    background: transparent;
    border: none;
    outline: none;
}
button.discount-link {
    color: #ba0066;
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: normal;
    transition: color .3s ease;
    border: 0;
    background: transparent;
    display: inline-flex;
    align-items: center;
    gap: 11px;
    line-height: 1;
    margin-top: 16px;
    cursor: pointer;
}
.akta-quickview-info .product-form__buttons {
    text-align: center;
    padding-bottom: 20px;
}

.is-active-popup {
    position: fixed;
    inset: 0;
    overflow: hidden;
    width: 100%;
}

.akta-popup-content.q-discount-tier-popup {
    height: auto;
}
.tech-popup-link {
    background: transparent;
    border: 0;
    outline: 0;
    text-decoration: underline;
    text-underline-offset: 3px;
    padding: 10px 0;
}

.akta-quickview-content {
  position: relative;
  max-width: 1300px;
  margin: 3% auto;
  background: #fff;
  padding:
  clamp(50px, 5vw, 80px)
  clamp(15px, 4vw, 50px)
  clamp(30px, 3vw, 50px);

  border-radius: 12px;
  z-index: 1;
  display: flex;  
  gap: 20px;
  max-height: 90%;
  overflow-y: auto;
  text-align: unset;
}
.akta-quickview-content > * {
    flex: 1;
}
.akta-popup.discount-popup {
    position: absolute;
}

.discount-popup {
    position: fixed;
    inset: 0;
    overflow-y: auto;
    padding: 20px;
    display: none;
}
.akta-quickview-media {
    width: 100%;
}
.swiper.akta-qv-swiper-main {
    margin-bottom: 24px;
}

.akta-qv-swiper-main img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.swiper-thumbs .akta-qv-thumb-slide img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.swiper-thumbs .akta-qv-thumb-slide {   
    height: auto;
    width: 20%;
}
.akta-product .share-block-wrapper svg path {
    fill: #0E1B4D;
}

.akta-product-form-wrapper .stock-nofication {
    display: none;
}

.akta-product .swiper-thumbs-wrapper .swiper-button-prev {
    left: 0;
    margin: 0;
}
.akta-product .swiper-thumbs-wrapper .swiper-button-next {
    right: 0;
    margin: 0 !important;
}
.akta-product .swiper-thumbs-wrapper .swiper-button-next, 
.akta-product .swiper-thumbs-wrapper .swiper-button-prev {
    height: 44px !important;
    width: 44px !important;
    min-width: 0;
}

.akta-product .share-block-wrapper a, 
.akta-product .share-block-wrapper span {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: center;
    opacity: 1;
    transition: opacity .3s ease;
    font-size: 18px;
    font-weight: 700;
}

.akta-product-form-wrapper .product-form .product-form__buttons .product-form__buttons-inner {   
    margin-bottom: 0;
}

.akta-product-form-wrapper {   
    border-bottom: 0;
}
.akta-product .share-block-wrapper {
    padding: 24px 16px 16px;
    border: 1px solid rgba(240, 243, 245, 1);
    border-top: 0;
}
.share-block-wrapper>div {    
    margin-bottom: 0;
}

.product-form__quantity > * {
    flex: 1;
    width: 100%;
}

.akta-popup-content.tech__content {
    text-align: left;
    max-width: 1350px;
    padding: 80px 50px 40px;
}
.field.akta-quantity-selector {
    order: 3;
}
figure.tech-images__item img {
  width: 100%;
  display: block;
  height: auto;
}

/* pack selector */

.akta-packs {
  display: flex;
  justify-content: space-between;
  gap: 16px;  
  padding: 0 16px;
  border: 1px solid rgba(240, 243, 245, 1);
  border-bottom: 0;
  border-top: 0;
  flex-wrap: wrap;
}




.akta-pack {
  border: 1px solid rgba(240, 243, 245, 1);
  background: transparent;
  padding: 8px;
  text-align: unset; 
  flex: 1 1 0; 
  transition: 0.3s;
  min-width: 150px;

}
.akta-pack strong {
  font-family: 'Maven Pro';
  font-weight: 500;
  font-size: 18px;
  line-height: 136%;
  vertical-align: middle;
  color: #0E1B4D;
  display: block;
  transition: 0.3s;

}
.pack-price {
  color: rgba(141, 2, 0, 1);
  font-family: 'Maven Pro';
  font-weight: 800;
  font-size: 16px;
  line-height: 135%;
  letter-spacing: 1.3px;
  transition: 0.3s;

}

.akta-pack small {
  color: rgba(93, 93, 93, 1);
  font-family: 'Maven Pro';
  font-weight: 500;
  font-size: 12px;
  line-height: 136%;
  display: inline-block;
  transition: 0.3s;

}

.akta-pack-add {
  background: rgba(141, 2, 0, 0.08);
  width: 22px;
  height: 22px;
  display: inline-block;
  border-radius: 50%;
  padding: 6px;
  cursor: pointer;
  transition: 0.3s;

}
.pack-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.akta-pack-badge {
  display: inline-block;
  color: #0E1B4D;
  background: rgba(242, 244, 246, 1);
  font-family: 'Maven Pro';
  font-weight: 500;
  font-size: 12px;
  line-height: 148%;
  padding: 2.5px 12px;
  transition: 0.3s;

}
.akta-pack-add svg.icon.icon-plus {
  color: rgba(141, 2, 0, 1);
}
.opacity-0{
  opacity: 0;
}

/* active */
.akta-pack.active {
    background: rgba(141, 2, 0, 1);
}
.akta-pack.active strong,
.akta-pack.active .pack-price,
.akta-pack.active  small{
  color: #fff;
}
.akta-pack.active .akta-pack-add {
    background: rgba(242, 244, 246, 1);
    transform: rotate(317deg);
}



.akta-product .product-gallery__inner .swiper.main-swiper,
.akta-product .product-gallery__inner .swiper-thumbs-wrapper {
    display: none;
}

.main-gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 24px; 
}

.main-gallery .gallery-item {
  width: calc(50% - 12px); 
  display: flex;
  align-items: center;
  background: #f0f2f5;
}

.main-gallery .gallery-item.full-width {
  width: 100%; 
  border-top-left-radius: 78px;
}

.main-gallery img {
    width: 80%;
    display: block;
    object-fit: cover;
    margin: auto;    
}

.tech__content_title {
    font-family: 'Maven Pro';
    font-weight: 800;
    font-size: 50px;
    font-size: clamp(20px, 3.5vw, 50px);

    line-height: 135%;
    letter-spacing: 0px;
    margin-bottom: 24px;
}
.tech__content_overview p {
    font-family: 'Maven Pro';
    font-weight: 400;
    font-size: 18px;
    font-size: clamp(16px, 2vw, 18px);
    line-height: 140%;
    letter-spacing: 0;
    color: rgba(93, 93, 93, 1);
}

.tech__content_overview p a {
    color: red;
}

.features-row-inner {
    padding-top: 16px;
}
.features-grid { 
  
  display:grid; 
  grid-template-columns:repeat(3,1fr); 
  gap: 5px;
  text-align:center;  
}

.feature-item:hover {
  box-shadow:0 6px 20px rgba(0,0,0,.08);
}
.feature-icon { 
  width: 48px;
  height: 48px;
  margin: 0 auto 12px;
  border-radius:50%;
  background:#e6e6e6;
  display:flex;
  align-items:center;
  justify-content:center;
}

.feature-item-title {
    color: #27303a;
    font-size: 16px;
    margin: 0 0 4px;
}

.feature-item-subtitle {
    font-size: 12px;
    color: #5d5d5d;
}



@media(max-width: 767px){
  .akta-quickview-content {
    flex-direction: column;
  }

  .main-gallery {
    display: none;
  }
  .akta-product .product-gallery__inner .swiper.main-swiper,
  .akta-product .product-gallery__inner .swiper-thumbs-wrapper {
      display: block;
  }

  .akta-popup-content.tech__content {    
    padding: 40px 30px 20px;
  }




}
@media(max-width: 575px){
  .swiper-thumbs .akta-qv-thumb-slide {   
    height: auto;
    width: 30%;
  }
  .akta-popup{
    padding: 15px;
  }

  .labjack-t4 .product-title {    
    font-size: clamp(24px, 2vw,32px);    
  } 
  .acc-content {
    padding: 0 12px 12px;    
  }
  .acc-toggle {
    padding: 12px;    
  }
  .akta-product .product-price-wrapper {    
     
  }
  .description-wrapper .price-item.price-item--sale {    
    font-size: 22px;    
  }
  span.price-label {    
    font-size: 15px;    
  }
  .tech_specs_group {    
    
  }
  .tech-specs__header .img-icon {
    width: 32px;
    height: 32px;   
    padding: 6px;    
  }
  .tech-specs__title {    
    font-size: 15px;    
  }
  .tech-specs__heading {    
    font-size: 16px;    
  }
  .tech-specs__header {    
    gap: 8px;
  }
  .product-preference-area {    
    padding: 12px;    
  }
  .product-preference-title {    
    font-size: 15px;    
  }
  .akta-product .product-preference-description {   
    text-align: left;    
  }
  .akta-product-form-wrapper .field .field__option label {
    height: 46px;    
  }
  .akta-product-form-wrapper .field .field__select {    
    height: 46px;    
  }
  .akta-product-form-wrapper .product-form__quantity .quantity {    
    height: 46px;    
  }
  .product-form .product-form__buttons .product-form__buttons-inner {   
    margin-bottom: 0;
  }
  .akta-upsell-title {
    font-size: 15px;
  }
  .akta-upsell-wrapper {
    padding: 12px;
    margin-top: 16px;
  }
  .akta-upsell-item {
    padding: 10px;
  }
  .akta-product .product-form__buttons-inner button {   
    font-size: 16px;    
  }
  .akta-qv-title {   
    font-size: clamp(20px,2vw,32px);    
  }
  .akta-qv-price-sale, .akta-qv-price-regular {
    font-size: 24px;   
  } 
  .rating-text {   
    font-size: 13px;    l
  }
  .product-ratings {
     gap: 8px;
    margin-bottom: 12px;   
  }
  .akta-qv-description, .akta-qv-datasheet {    
    font-size: 14px;    
  } 
  .akta-quickview-info button.product-form__submit {   
    font-size: 16px;   
  }
  .akta-product-form-wrapper {
     
  }
  .akta-packs {    
    padding: 0 12px;    
  }
  .akta-product .share-block-wrapper {
    padding: 24px 12px 12px;    
  }
   .akta-popup-content.tech__content {    
    padding: 30px 16px 20px;
  }
  .akta-product-form-wrapper .field .field__option label{
    font-size: 14px;
  }
  .akta-product-form-wrapper .field .field__select {   
    font-size: 14px;   
  }


}

@media(min-width: 768px) and (max-width: 850px){
  .product-form__quantity > * {
    flex: auto !important;    
  }
}
@media(max-width: 425px){
  .product-form__quantity > * {
    flex: auto !important;    
  }
}

.tech-specs__content-inner h4 {
    font-size: 20px;
}

/* spec tble css  */
/* Define the container */
.specs-wrapper {
  container-type: inline-size;
  container-name: specs;
  width: 100%;
  max-width: 680px;
  border: 1px solid #00000014;
  border-radius: 12px;
  margin-bottom: 20px;
}

.specs-wrapper table {
  width: 100%;
  /* border-collapse: collapse;
  border: 1px solid #00000014; */
  border-radius: 12px;
  overflow: hidden;
  border-spacing: 0;
}

.specs-wrapper tr:nth-child(odd) td {
  background: #f0f3f5;
}

.specs-wrapper tr:nth-child(even) td {
  background: #fff;
}

/* --- Small: td becomes block so they stack top/bottom --- */
.specs-wrapper td {
  display: block;
  width: 100%;
  padding: 6px 14px;
  font-size: 13px;
  color: #444;
  vertical-align: middle;
}

/* First td: label — add top padding */
.specs-wrapper td:first-child {
  font-weight: 700;
  color: #1a1a2e;
  padding-top: 12px;
  padding-bottom: 2px;
}

/* Last td: value — add bottom padding */
.specs-wrapper td:last-child {
  text-align: left;
  padding-bottom: 12px;
}

/* --- Medium (≥ 380px): back to left/right side by side --- */
@container specs (min-width: 380px) {
  .specs-wrapper td {
    display: table-cell;
    width: auto;
    padding: 14px 20px;
    font-size: 14px;
  }

  .specs-wrapper td:first-child {
    white-space: nowrap;
    width: 1%;
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .specs-wrapper td:last-child {
    text-align: right;
    padding-bottom: 14px;
  }
}

/* --- Large (≥ 560px) --- */
@container specs (min-width: 560px) {
  .specs-wrapper td {
    padding: 20px 24px;
    font-size: 15px;
  }

  .specs-wrapper td:first-child {
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .specs-wrapper td:last-child {
    padding-bottom: 18px;
  }
}

.akta-qv-option-value {
    background-color: rgb(39 39 39 / 0%);
    border: 1px solid rgba(225, 231, 237, 1);
    color: rgb(0 0 0);
    height: 50px;
    display: flex;
    align-items: center;
    padding: 4px 10px;
    font-size: 16px;
    justify-content: center;
    min-width: 80px;
    transition: 0.3s;
    border-radius: 6px;
}

.akta-qv-option-values {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.akta-qv-variant-wrapper {
    margin-bottom: 20px;
}
.akta-qv-option-value.is-active{
  background-color: #ba0066;
  color: #fff;
}
.akta-qv-option-value:hover {
    background-color: #ba0066;
    color: #fff;
}

.akta-qv-option-title {
    margin: 0 0 4px;
}

@media (max-width: 749px) {
  .akta-upsell-title.mf-heading {
    border-top: 1px solid #E9ECEF;
    padding-top: 24px;
    margin-top: 24px;
  }
}

.akta-qv-description.rte {
  font-family: 'Maven Pro', sans-serif;
  font-size: 14px;
  line-height: 1.55;
  color: #27303A;
  margin-bottom: 16px;
}
.akta-qv-description.rte p { margin: 0 0 8px; }
.akta-qv-description.rte p:last-child { margin-bottom: 0; }

.akta-qv-features {
  margin: 16px 0;
  padding: 16px 0;
  border-top: 1px solid #E9ECEF;
  border-bottom: 1px solid #E9ECEF;
}
.akta-qv-features-title {
  font-family: 'Maven Pro', sans-serif;
  font-weight: 700;
  font-size: 15px;
  color: #ba0066;
  margin: 0 0 8px;
}
.akta-qv-features-list {
  margin: 0;
  padding-left: 20px;
  list-style: disc;
}
.akta-qv-features-list li {
  font-family: 'Maven Pro', sans-serif;
  font-size: 14px;
  line-height: 1.6;
  color: #27303A;
  margin-bottom: 2px;
}