.elementor-10830 .elementor-element.elementor-element-7f7c23be{--display:flex;}/* Start custom CSS for text-editor, class: .elementor-element-1851f495 */.vape-product-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-top:30px; } /* Card */ .vape-card{ background:#fff; border-radius:14px; overflow:hidden; box-shadow:0 4px 14px rgba(0,0,0,0.08); transition:0.3s; display:flex; flex-direction:column; } .vape-card:hover{ transform:translateY(-6px); box-shadow:0 8px 22px rgba(0,0,0,0.12); } .vape-card img{ width:100%; height:200px; object-fit:cover; display:block; } /* Body */ .vape-card-body{ padding:15px; } .vape-card h3{ font-size:16px; margin:0 0 8px; } .vape-card p{ font-size:13px; color:#666; margin:0 0 10px; line-height:1.4; } .price{ font-size:16px; font-weight:bold; color:#2e7d32; margin-bottom:10px; } /* Button */ .buy-btn{ display:block; text-align:center; background:#2e7d32; color:#fff; padding:10px; border-radius:8px; text-decoration:none; font-weight:bold; transition:0.3s; } .buy-btn:hover{ background:#1b5e20; } /* Responsive */ @media(max-width:1000px){ .vape-product-grid{ grid-template-columns:repeat(2,1fr); } } @media(max-width:600px){ .vape-product-grid{ grid-template-columns:1fr; } }/* End custom CSS */