.scripture-gallery[data-v-e21ddb86]{background-color:#f5f5f5;padding:60px 24px;width:100%}.gallery-header[data-v-e21ddb86]{text-align:center;margin-bottom:48px}.gallery-title[data-v-e21ddb86]{font-size:42px;font-weight:700;color:#2c3e50;margin:0 0 12px}.gallery-subtitle[data-v-e21ddb86]{font-size:18px;color:#7f8c8d;margin:0}.gallery-grid[data-v-e21ddb86]{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:32px;max-width:1200px;margin:0 auto}.gallery-item[data-v-e21ddb86]{background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.gallery-item[data-v-e21ddb86]:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.image-container[data-v-e21ddb86]{width:100%;height:300px;overflow:hidden}.gallery-image[data-v-e21ddb86]{width:100%;height:100%;object-fit:cover}.scripture-content[data-v-e21ddb86]{padding:24px;border-bottom:1px solid #e0e0e0}.scripture-text[data-v-e21ddb86]{font-size:16px;line-height:1.6;color:#34495e;font-style:italic;margin:0 0 12px}.scripture-reference[data-v-e21ddb86]{font-size:14px;font-weight:600;color:#3498db;margin:0}.interaction-bar[data-v-e21ddb86]{display:flex;justify-content:space-around;padding:16px 24px;border-bottom:1px solid #e0e0e0}.interaction-btn[data-v-e21ddb86]{background:none;border:none;display:flex;align-items:center;gap:8px;cursor:pointer;font-size:16px;color:#7f8c8d;transition:color .3s ease}.interaction-btn[data-v-e21ddb86]:hover{color:#3498db}.like-btn[data-v-e21ddb86]:hover{color:#e74c3c}.icon[data-v-e21ddb86]{font-size:20px}.count[data-v-e21ddb86]{font-size:14px;font-weight:600}.comments-section[data-v-e21ddb86]{padding:24px}.comment[data-v-e21ddb86]{display:flex;gap:12px;margin-bottom:16px}.comment-avatar[data-v-e21ddb86]{width:40px;height:40px;border-radius:50%;background-color:#3498db;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0}.comment-content[data-v-e21ddb86]{flex:1}.comment-author[data-v-e21ddb86]{font-size:14px;font-weight:600;color:#2c3e50;margin:0 0 4px}.comment-text[data-v-e21ddb86]{font-size:14px;color:#34495e;line-height:1.5;margin:0}.comment-input-container[data-v-e21ddb86]{display:flex;gap:12px;margin-top:20px}.comment-input[data-v-e21ddb86]{flex:1;padding:10px 16px;border:1px solid #dcdcdc;border-radius:24px;font-size:14px;outline:none;transition:border-color .3s ease}.comment-input[data-v-e21ddb86]:focus{border-color:#3498db}.comment-submit-btn[data-v-e21ddb86]{padding:10px 24px;background-color:#3498db;color:#fff;border:none;border-radius:24px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .3s ease}.comment-submit-btn[data-v-e21ddb86]:hover{background-color:#2980b9}@media (max-width: 768px){.scripture-gallery[data-v-e21ddb86]{padding:40px 16px}.gallery-title[data-v-e21ddb86]{font-size:32px}.gallery-subtitle[data-v-e21ddb86]{font-size:16px}.gallery-grid[data-v-e21ddb86]{grid-template-columns:1fr;gap:24px}.image-container[data-v-e21ddb86]{height:250px}.scripture-content[data-v-e21ddb86]{padding:16px}.interaction-bar[data-v-e21ddb86]{padding:12px 16px}.comments-section[data-v-e21ddb86]{padding:16px}}@media (max-width: 480px){.gallery-title[data-v-e21ddb86]{font-size:28px}.scripture-text[data-v-e21ddb86]{font-size:14px}.comment-input-container[data-v-e21ddb86]{flex-direction:column}.comment-submit-btn[data-v-e21ddb86]{width:100%}}.img-overlay-1[data-v-e21ddb86]{position:relative;display:inline-block;width:400px;height:300px}.img-overlay-1 img[data-v-e21ddb86]{display:block;height:100%;width:100%;object-fit:cover;z-index:-1}.img-overlay-1[data-v-e21ddb86]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--010ab7ac)}.img-overlay-2[data-v-e21ddb86]{position:relative;display:inline-block;width:400px;height:300px}.img-overlay-2 img[data-v-e21ddb86]{display:block;height:100%;width:100%;object-fit:cover;z-index:-1}.img-overlay-2[data-v-e21ddb86]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--010ab7aa)}.img-overlay-3[data-v-e21ddb86]{position:relative;display:inline-block;width:400px;height:300px}.img-overlay-3 img[data-v-e21ddb86]{display:block;height:100%;width:100%;object-fit:cover;z-index:-1}.img-overlay-3[data-v-e21ddb86]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--010ab7a8)}