/* Product page photo toggles */
.product-photo-toggle-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:16px 0 8px;
}

.product-photo-toggle{
  border:1px solid var(--subcard-border);
  background:var(--subcard-surface);
  color:var(--text);
  border-radius:999px;
  padding:9px 14px;
  font-weight:800;
  letter-spacing:.04em;
  cursor:pointer;
}

.product-photo-toggle.is-active{
  border-color:rgba(196, 137, 45, .65);
  box-shadow:0 0 0 3px rgba(196, 137, 45, .14);
}

.product-photo-toggle:focus-visible{
  outline:2px solid var(--accent);
  outline-offset:3px;
}


.product-photo-toggle:hover{
  transform: translateY(-1px);
}

.product-photo-toggle:active{
  transform: translateY(0);
}

/* Gallery-level photo-set toggle so customers do not have to scroll back to the top */
.product-gallery-heading-tools{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px 14px;
}

.product-photo-toggle-row.product-photo-toggle-row-inline{
  margin:0;
  gap:8px;
}

.product-photo-toggle-row-inline .product-photo-toggle{
  padding:7px 12px;
  font-size:0.78rem;
  line-height:1.1;
}

@media (max-width: 760px){
  .product-gallery-heading-tools{
    align-items:flex-start;
    flex-direction:column;
    gap:10px;
  }

  .product-photo-toggle-row.product-photo-toggle-row-inline{
    width:100%;
  }
}