/* 링 옵션과 장바구니 전용. 기존 상품 카드와 리부트 상세 디자인은 건드리지 않는다. */
.dl-sale-disabled { opacity: .58; cursor: not-allowed !important; }
.dl-ring-field {
  display: grid;
  gap: 9px;
  margin: 18px 0;
  color: inherit;
  font-family: inherit;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
}
.dl-ring-field[hidden] { display: none; }
.dl-ring-field select,
.dl-ring-field input {
  box-sizing: border-box;
  width: 100%;
  min-height: 48px;
  padding: 11px 14px;
  border: 1px solid #a8b1be;
  border-radius: 8px;
  background: #fff;
  color: #0c1424;
  font-family: inherit;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}
.dl-ring-field select:focus-visible,
.dl-ring-field input:focus-visible,
.dl-cart-size-notice button:focus-visible,
.dl-kit-flow a:focus-visible {
  outline: 3px solid #336dc9;
  outline-offset: 3px;
}
.dl-ring-field small { font-weight: 400; font-size: 12px; line-height: 1.65; }
.dl-ring-app-note { margin-top: 18px; font-size: 13px; line-height: 1.8; }
.dl-ring-app-note a,
.dl-ring-return-link { text-decoration: underline; text-underline-offset: 3px; }
.dl-cart-size-notice button {
  min-height: 44px;
  border: 1px solid #a8b1be;
  border-radius: 8px;
  padding: 10px 16px;
  background: #fff;
  color: #0c1424;
  font: inherit;
  font-weight: 600;
  cursor: pointer;
}
.dl-cart-size-notice { padding: 16px; border: 1px solid #a6bfe3; border-radius: 8px; background: #f3f7fd; }
.dl-cart-size-notice p { margin: 0 0 10px; font-size: 14px; line-height: 1.6; }
.dl-cart-kit-migration p { margin: 0; }
.dl-kit-flow { margin: 0 0 24px; padding: 22px; border: 1px solid #cedbe6; border-radius: 12px; background: #f4f8fb; color: #1c3548; text-align: left; }
.dl-kit-flow[hidden] { display: none; }
.dl-kit-flow h2, .dl-kit-flow h4 { margin: 0; font-size: 16px; font-weight: 650; line-height: 1.6; }
.dl-kit-flow ol { display: flex; flex-wrap: wrap; gap: 8px 20px; margin: 14px 0; padding: 0; list-style: none; counter-reset: kit-step; }
.dl-kit-flow li { display: flex; align-items: center; gap: 7px; font-size: 14px; line-height: 1.6; counter-increment: kit-step; }
.dl-kit-flow li::before { content: counter(kit-step); display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; background: #dfeaf2; color: #25435a; font-size: 12px; font-weight: 700; flex: 0 0 auto; }
.dl-kit-flow p { margin: 0; font-size: 13px; line-height: 1.8; }
.dl-kit-flow a { color: inherit; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.dl-kit-flow--done { margin-top: 24px; }
.summary[data-payment-result="true"] .summary__lines,
.summary[data-payment-result="true"] .summary__rule,
.summary[data-payment-result="true"] .summary__point { display: none; }
@media (max-width: 480px) {
  .dl-kit-flow { padding: 18px; }
  .dl-kit-flow ol { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 8px; }
  .dl-kit-flow li { font-size: 13px; }
}