/* Testimonial Grid — bktg- */ .bktg-wrap { padding: 40px 20px; border-radius: 12px; } .bktg-grid { display: grid; grid-template-columns: repeat( var(--bktg-cols, 3), 1fr ); gap: var(--bktg-gap, 24px); } @media (max-width: 900px) { .bktg-grid { grid-template-columns: repeat( 2, 1fr ); } } @media (max-width: 540px) { .bktg-grid { grid-template-columns: 1fr; } } .bktg-card { display: flex; flex-direction: column; height: 100%; transition: transform 0.2s, box-shadow 0.2s; } .bktg-card:hover { transform: translateY(-3px); box-shadow: 0 8px 32px rgba(0,0,0,0.13) !important; } .bktg-quote-mark { font-size: 56px; line-height: 0.8; font-family: Georgia, serif; opacity: 0.3; margin-bottom: 10px; display: block; } .bktg-quote { font-family: var(--bktg-qt-font-family, inherit); font-size: var(--bktg-qt-font-size-d, 15px); line-height: var(--bktg-qt-line-height-d, 1.65); letter-spacing: var(--bktg-qt-letter-spacing-d, normal); word-spacing: var(--bktg-qt-word-spacing-d, normal); font-weight: var(--bktg-qt-font-weight, 400); font-style: var(--bktg-qt-font-style, italic); text-decoration: var(--bktg-qt-text-decoration, none); text-transform: var(--bktg-qt-text-transform, none); margin: 0 0 14px; flex: 1; } .bktg-stars { display: flex; gap: 2px; margin-bottom: 12px; } .bktg-stars span { font-size: 16px; } .bktg-author-row { display: flex; align-items: center; gap: 10px; margin-top: auto; } .bktg-avatar { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; border: 2px solid; flex-shrink: 0; } .bktg-avatar-init { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 50%; color: #fff; font-weight: 700; font-size: 18px; flex-shrink: 0; } .bktg-name { display: block; font-family: var(--bktg-nm-font-family, inherit); font-size: var(--bktg-nm-font-size-d, 14px); line-height: var(--bktg-nm-line-height-d, 1.3); letter-spacing: var(--bktg-nm-letter-spacing-d, normal); word-spacing: var(--bktg-nm-word-spacing-d, normal); font-weight: var(--bktg-nm-font-weight, 700); font-style: var(--bktg-nm-font-style, normal); text-decoration: var(--bktg-nm-text-decoration, none); text-transform: var(--bktg-nm-text-transform, none); } .bktg-role { display: block; font-size: 12px; color: #888; margin-top: 2px; } /* ── Responsive typography ── */ @media (max-width: 1024px) { .bktg-quote { font-size: var(--bktg-qt-font-size-t, var(--bktg-qt-font-size-d, 15px)); line-height: var(--bktg-qt-line-height-t, var(--bktg-qt-line-height-d, 1.65)); letter-spacing: var(--bktg-qt-letter-spacing-t, var(--bktg-qt-letter-spacing-d, normal)); word-spacing: var(--bktg-qt-word-spacing-t, var(--bktg-qt-word-spacing-d, normal)); } .bktg-name { font-size: var(--bktg-nm-font-size-t, var(--bktg-nm-font-size-d, 14px)); line-height: var(--bktg-nm-line-height-t, var(--bktg-nm-line-height-d, 1.3)); letter-spacing: var(--bktg-nm-letter-spacing-t, var(--bktg-nm-letter-spacing-d, normal)); word-spacing: var(--bktg-nm-word-spacing-t, var(--bktg-nm-word-spacing-d, normal)); } } @media (max-width: 767px) { .bktg-quote { font-size: var(--bktg-qt-font-size-m, var(--bktg-qt-font-size-t, var(--bktg-qt-font-size-d, 15px))); line-height: var(--bktg-qt-line-height-m, var(--bktg-qt-line-height-t, var(--bktg-qt-line-height-d, 1.65))); letter-spacing: var(--bktg-qt-letter-spacing-m, var(--bktg-qt-letter-spacing-t, var(--bktg-qt-letter-spacing-d, normal))); word-spacing: var(--bktg-qt-word-spacing-m, var(--bktg-qt-word-spacing-t, var(--bktg-qt-word-spacing-d, normal))); } .bktg-name { font-size: var(--bktg-nm-font-size-m, var(--bktg-nm-font-size-t, var(--bktg-nm-font-size-d, 14px))); line-height: var(--bktg-nm-line-height-m, var(--bktg-nm-line-height-t, var(--bktg-nm-line-height-d, 1.3))); letter-spacing: var(--bktg-nm-letter-spacing-m, var(--bktg-nm-letter-spacing-t, var(--bktg-nm-letter-spacing-d, normal))); word-spacing: var(--bktg-nm-word-spacing-m, var(--bktg-nm-word-spacing-t, var(--bktg-nm-word-spacing-d, normal))); } }