.visual-formats .format-preview { min-width: 0; border: 1px solid var(--line); border-radius: 8px; overflow: hidden; background: #101013; }
.visual-formats .format-preview:has(:checked) { border-color: #779aff; }
.format-preview video { display: block; width: 100%; height: 230px; object-fit: contain; background: #000; }
.visual-formats .format-preview label { display: block; border: 0; border-radius: 0; min-height: 154px; }
.visual-formats .format-preview label > span { padding: 16px 38px 16px 14px; }
.visual-formats .format-preview input { top: 22px; }
@media (max-width: 640px) {
  .format-preview video { height: 210px; }
  .visual-formats .format-preview label { min-height: 0; }
}
.service-grid { max-width: 900px; gap: 14px; }
.service-grid .service { display: flex; align-items: center; }
.service-grid .service img { flex: 0 0 104px; width: 104px; height: 144px; aspect-ratio: auto; object-fit: cover; }
.service-grid .service-content { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; flex: 1; min-width: 0; padding: 16px; gap: 8px; }
.service-grid .service-content b { font-size: 17px; text-align: right; }
.volume-saving { color: #adc1ff; font-size: 13px; padding-top: 12px; }
.video-order a { text-decoration: underline; text-underline-offset: 3px; }
.service-grid .service-content strong { font-size: 16px; }
.visual-formats { max-width: 900px; gap: 14px; }
.visual-formats strong { font-size: 15px; }
.visual-formats small { font-size: 12px; min-height: 0; }
.style-grid { max-width: 960px; }
.style-art span { font-size: 20px; }
@media (max-width: 640px) {
  .service-grid .service img { height: 126px; width: 92px; flex-basis: 92px; }
  .service-grid .service-content { padding: 12px; }
  .visual-formats .format-preview label { min-height: 130px; }
}