.mp-categories-section{padding:60px 16px 120px;background-color:#f9fafb}.mp-categories-container{max-width:1200px;margin:0 auto}.mp-categories-header{text-align:center;margin-bottom:48px}.mp-categories-title{font-size:30px;font-weight:700;color:#121312;margin-bottom:16px}@media (min-width: 768px){.mp-categories-title{font-size:36px}}.mp-categories-description{color:#4b5563;max-width:576px;margin:0 auto}.mp-categories-grid{display:grid;grid-template-columns:1fr;gap:32px}@media (min-width: 768px){.mp-categories-grid{grid-template-columns:repeat(3,1fr)}}.mp-category-card{position:relative;overflow:hidden;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;transition:all .3s}.mp-category-card:hover{box-shadow:0 10px 15px -3px #0000001a}.mp-category-image-container{width:100%;position:relative}.mp-category-image{width:100%;height:300px;object-fit:cover;transition:transform .5s}.mp-category-card:hover .mp-category-image{transform:scale(1.05)}.mp-category-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#121312,transparent);transition:opacity .3s ease}.mp-category-content{position:absolute;bottom:0;left:0;padding:24px}.mp-category-title{color:#fff;font-size:24px;font-weight:700;margin-bottom:8px}.mp-category-subtitle{color:#e5e7eb;margin-bottom:16px}.mp-category-button{display:inline-block;background-color:#fff;color:#000;font-weight:600;padding:8px 20px;border-radius:6px;transition:background-color .3s;pointer-events:none}.mp-category-card-link{text-decoration:none;display:block;color:inherit}.mp-hero{position:relative;width:100%;overflow:hidden;background:linear-gradient(125deg,#173d3bf2,#1d4745e6 30%,#3e5f96 70%,#3ca59de6);padding:48px 0}@media (min-width: 768px){.mp-hero{padding:64px 0}}.mp-hero-shapes{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.mp-shape-1{position:absolute;top:10%;right:5%;width:160px;height:160px;border-radius:50%;opacity:.2;display:block}.mp-shape-2{position:absolute;bottom:20%;left:10%;width:160px;height:160px;border-radius:50%;opacity:.2;display:block}.mp-shape-3{position:absolute;top:15%;right:20%;width:80px;height:80px;border:4px solid #5D32D4;opacity:.2;transform:rotate(12deg);display:block}.mp-shape-1,.mp-shape-2,.mp-shape-3{z-index:1;border:1px solid red}.mp-hero-container{position:relative;max-width:1200px;margin:0 auto;padding:0 24px}.mp-hero-content{max-width:512px;margin:0 auto;text-align:center}.mp-hero-badge{display:inline-block;margin-bottom:12px;padding:4px 16px;background-color:#ffffff1a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:9999px}.mp-hero-badge-text{color:#ffffffe6;font-size:14px;font-weight:500;display:flex;gap:10px;align-items:center}.mp-hero-title{font-size:30px;line-height:1.25;font-weight:700;color:#fff;margin-bottom:16px}@media (min-width: 768px){.mp-hero-title{font-size:36px}}@media (min-width: 1024px){.mp-hero-title{font-size:48px}}.mp-hero-title-gradient-1{color:transparent;background:linear-gradient(to right,#9b6dff,#5d32d4);-webkit-background-clip:text;background-clip:text}.mp-hero-title-gradient-2{color:transparent;background:linear-gradient(to right,#5d32d4,#9b6dff);-webkit-background-clip:text;background-clip:text}.mp-hero-description{color:#fffc;font-size:16px;line-height:1.625;margin-bottom:24px}@media (min-width: 768px){.mp-hero-description{font-size:18px}}.mp-hero-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.mp-primary-button{position:relative;overflow:hidden;background-color:#fff;color:#121312;font-weight:500;padding:12px 24px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;transition:all .3s;text-decoration:none}.mp-primary-button-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,#5d32d4,#7a4dff);opacity:0;transition:opacity .3s}.mp-primary-button-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#fff;transition:all .3s}.mp-primary-button-text{position:relative;z-index:10}.mp-primary-button-line{position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#5d32d4}.mp-secondary-button{position:relative;overflow:hidden;border:2px solid rgba(255,255,255,.3);color:#fff;font-weight:500;padding:12px 24px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;transition:border-color .3s;text-decoration:none}.mp-secondary-button:hover{border-color:#fffc}
/*# sourceMappingURL=/cdn/shop/t/2/compiled_assets/styles.css.map */