.blog-section{padding:80px 0;overflow:hidden}.blog-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:35px}.blog-heading span{display:block;color:#7c3aed;font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:10px;font-family:Poppins,sans-serif}.blog-heading h2{margin:0;color:#000;font-size:42px;line-height:1.2;font-weight:700;font-family:Fredoka,sans-serif}.blog-btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;background:#7c3aed;color:#fff;text-decoration:none;border-radius:12px;font-weight:600;font-size:15px;transition:.35s;font-family:Poppins,sans-serif}.blog-btn:hover{background:#e63946;color:#fff;transform:translateY(-2px);box-shadow:0 12px 24px #ff4b5540}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.blog-card{background:#fff;border:1px solid #ECECEC;border-radius:18px;overflow:hidden;transition:.35s;box-shadow:0 8px 22px #0000000d}.blog-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001f;border-color:#7c3aed}.blog-image{position:relative;display:block;overflow:hidden}.blog-image img{width:100%;height:230px;object-fit:cover;display:block;transition:.45s}.blog-card:hover .blog-image img{transform:scale(1.08)}.blog-tag{position:absolute;top:16px;left:16px;background:#7a3ef2;color:#fff;padding:7px 14px;border-radius:30px;font-size:12px;font-weight:600;font-family:Poppins,sans-serif}.blog-content{padding:24px}.blog-content h3{margin:0 0 18px;font-size:24px;line-height:1.35;font-weight:700;font-family:Fredoka,sans-serif}.blog-content h3 a{text-decoration:none;color:#000;transition:.3s}.blog-card:hover h3 a{color:#7c3aed}.read-more{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:#7c3aed;font-size:15px;font-weight:600;transition:.35s;font-family:Poppins,sans-serif}.read-more svg{transition:.35s}.read-more:hover{color:#7c3aed}.read-more:hover svg{transform:translate(5px)}.blog-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:18px;background:linear-gradient(180deg,transparent,rgba(255,75,85,.04));opacity:0;transition:.35s;pointer-events:none}.blog-card{position:relative}.blog-card:hover:before{opacity:1}@media(max-width:1100px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.blog-section{padding:60px 0}.blog-header{flex-direction:column;align-items:flex-start;gap:20px}.blog-heading h2{font-size:34px}.blog-btn{width:100%}.blog-grid{grid-template-columns:1fr}}@media(max-width:480px){.blog-heading h2{font-size:28px}.blog-image img{height:210px}.blog-content{padding:20px}.blog-content h3{font-size:21px}}.blog-section{position:relative}.blog-grid{align-items:stretch}.blog-card{display:flex;flex-direction:column;height:100%;will-change:transform}.blog-image:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(20,33,61,.25),transparent 55%);opacity:0;transition:.35s;z-index:1}.blog-card:hover .blog-image:before{opacity:1}.blog-card:after{content:"";position:absolute;top:-120%;left:-40%;width:60%;height:250%;background:#ffffff2e;transform:rotate(25deg);transition:.8s;pointer-events:none}.blog-card:hover:after{left:140%}.blog-tag{transition:.35s;z-index:2}.blog-card:hover .blog-tag{background:#7c3aed}.read-more{position:relative}.read-more:after{content:"";position:absolute;left:0;bottom:-3px;width:0;height:2px;background:#7c3aed;transition:.35s}.read-more:hover:after{width:100%}.blog-image{background:#f5f5f5}.blog-image img{display:block}.blog-btn{position:relative;overflow:hidden}.blog-btn:before{content:"";position:absolute;top:0;left:-120%;width:120%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.3),transparent);transition:.7s}.blog-btn:hover:before{left:120%}.blog-content h3{transition:.35s}.blog-card:hover h3{transform:translateY(-2px)}.blog-card a:focus-visible,.blog-btn:focus-visible,.read-more:focus-visible{outline:3px solid rgba(255,75,85,.35);outline-offset:4px;border-radius:8px}.blog-section:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:#ff4b5508;left:-120px;top:40px;z-index:-1}.blog-section:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:#7a3ef208;right:-100px;bottom:20px;z-index:-1}@media(max-width:768px){.blog-card:hover{transform:none}}.blog-date{margin:0 0 10px;color:#888;font-size:13px;font-family:Poppins,sans-serif}
/*# sourceMappingURL=/cdn/shop/t/1/assets/blog-section.css.map */