.product-visual::before,
.product-visual::after {
  display: none;
}

.product-main {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
  transform: none;
  border-radius: 0;
  background: #1b211c;
}

.product-inset {
  position: absolute;
  z-index: 2;
  right: 12px;
  top: 12px;
  width: 34%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  object-position: center top;
  border: 3px solid #fff;
  border-radius: 10px;
  box-shadow: 0 8px 24px #0008;
  cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease;
}

.product-inset:hover {
  transform: scale(1.04);
  box-shadow: 0 10px 28px #000a;
}

.product-inset:focus-visible {
  outline: 3px solid #f26a21;
  outline-offset: 3px;
}

.color-picker {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 16px;
  font-weight: 800;
  color: #343a34;
}

.color-picker select {
  min-width: 132px;
  border: 1px solid #c9cdc7;
  border-radius: 8px;
  background: #f7f5ef;
  color: #171b17;
  font: inherit;
  padding: 9px 34px 9px 11px;
}


/* v11: lock identical visual placement system across product cards */
.product-visual { height: auto; aspect-ratio: 4 / 3; }
@media(max-width:800px){ .product-visual { height: auto; aspect-ratio: 4 / 3; } }


/* v50 – zooma huvudbild, separat länk för produktinfo */
.product-main.clickable-product{cursor:zoom-in}
.spec-link{appearance:none;border:0;background:transparent;color:#b94f16;padding:0;margin:4px 0 2px;font:inherit;font-weight:850;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.spec-link:hover,.spec-link:focus-visible{color:#f26a21}
.spec-link:focus-visible{outline:2px solid #f26a21;outline-offset:4px;border-radius:3px}