.why-choose-store { color: #061b37; font-family: var(--font-stack-body); }
.why-choose-store *, .why-choose-store *::before, .why-choose-store *::after { box-sizing: border-box; border-radius: 0; }
.why-choose-store__inner { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); gap: 32px; padding: 32px; background: #f5f7f8; align-items: stretch; }
.why-choose-store__visual { position: relative; min-width: 0; overflow: hidden; background: #e8edf0; }
.why-choose-store__image, .why-choose-store__placeholder { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; }
.why-choose-store__mobile-image { display: none; }
.why-choose-store__content { min-width: 0; align-self: start; }
.why-choose-store__header { margin: 0; text-align: left; }
.why-choose-store h2 { margin: 0; color: #061b37; font-family: var(--font-stack-header); font-weight: var(--font-weight-header); font-size: 35px; line-height: 1.25; letter-spacing: -.025em; overflow-wrap: anywhere; }
.why-choose-store__header p { margin: 16px 0 0; color: #536370; font-size: 15px; line-height: 1.8; overflow-wrap: anywhere; }
.why-choose-store__rating--summary { margin-top: 24px; }
.why-choose-store__rating-detail { display: flex; align-items: center; gap: 20px; min-width: 0; }
.why-choose-store__rating-value { display: flex; align-items: baseline; gap: 4px; flex-shrink: 0; color: #657187; font-size: 14px; }
.why-choose-store__rating-value strong { color: #061b37; font-family: var(--font-stack-header); font-weight: var(--font-weight-header); font-size: 34px; line-height: 1.2; letter-spacing: -.025em; }
.why-choose-store__rating-star { width: 28px; height: 28px; margin-left: 4px; align-self: center; flex-shrink: 0; color: #c99b3f; }
.why-choose-store__rating-total { display: flex; flex-direction: column; gap: 4px; min-width: 0; padding-left: 20px; border-left: 1px solid #bdc9d1; overflow-wrap: anywhere; }
.why-choose-store__rating-total strong { color: #061b37; font-size: 18px; font-weight: 600; line-height: 1.3; }
.why-choose-store__rating-total > span, .why-choose-store__rating-setup { color: #536370; font-size: 13px; line-height: 1.6; }
.why-choose-store__rating-setup { margin: 20px 0 0; }
.why-choose-store__action { margin-top: 24px; }
.why-choose-store__stats { display: grid; grid-column: 1 / -1; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; margin: 0; padding: 24px 0 0; border-top: 1px solid #d6dfeb; }
.why-choose-store__stat { display: flex; flex-direction: column; gap: 8px; min-width: 0; padding: 0 16px; text-align: center; }
.why-choose-store__stat + .why-choose-store__stat { border-left: 1px solid #d6dfeb; }
.why-choose-store__stat dt { font-size: 14px; font-weight: 600; line-height: 1.4; overflow-wrap: anywhere; }
.why-choose-store__stat dd { order: -1; margin: 0; color: #94702e; font-family: var(--font-stack-header); font-size: 26px; font-weight: var(--font-weight-header); line-height: 1.25; overflow-wrap: anywhere; }
.why-choose-store__stat .why-choose-store__note { order: 0; color: #536370; font-family: var(--font-stack-body); font-size: 12px; font-weight: 400; line-height: 1.6; }
@media (min-width: 768px) and (max-width: 1023px) {
  .why-choose-store__inner { grid-template-columns: minmax(0, 1fr) minmax(0, 1.8fr); gap: 24px; padding: 24px; }
  .why-choose-store h2 { font-size: 25px; }
  .why-choose-store__stat { padding-inline: 10px; }
  .why-choose-store__stat dd { font-size: 23px; }
}
@media (max-width: 767px) {
  .why-choose-store__inner { grid-template-columns: minmax(0, 1fr); gap: 24px; padding: 20px; }
  .why-choose-store__visual { aspect-ratio: 2 / 1; }
  .why-choose-store__desktop-image { display: none; }
  .why-choose-store__mobile-image { display: block; }
  .why-choose-store h2 { font-size: 22px; }
  .why-choose-store__header p { margin-top: 12px; font-size: 14px; }
  .why-choose-store__rating--summary, .why-choose-store__action { margin-top: 20px; }
  .why-choose-store__rating-detail { gap: 12px; }
  .why-choose-store__rating-value strong { font-size: 28px; }
  .why-choose-store__rating-total { padding-left: 12px; }
  .why-choose-store__rating-total strong { font-size: 17px; }
  .why-choose-store__action .m-button { width: 100%; }
  .why-choose-store__stats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 0; }
  .why-choose-store__stat { padding-inline: 10px; }
  .why-choose-store__stat:nth-child(3) { border-left: 0; }
  .why-choose-store__stat dd { font-size: 22px; }
}