.mp-diy-hub{--mp-navy: #123d4e;--mp-navy-dark: #092532;--mp-teal: #0aafa2;--mp-teal-hover: #088d83;--mp-teal-light: #e6f7f6;--mp-text-dark: #1e293b;--mp-text-muted: #64748b;--mp-card-border: #e2e8f0;--mp-card-bg: #ffffff;--mp-bg-soft: #f8fafc;font-family:inherit;color:var(--mp-text-dark);background-color:#fff;padding-top:3rem;padding-bottom:2.5rem}.mp-diy-container{max-width:1280px;margin:0 auto;padding:0 2rem}.mp-diy-header{text-align:center;max-width:840px;margin:0 auto 3.5rem}.mp-diy-subheading{display:block;color:var(--mp-teal);font-weight:600;font-size:clamp(1.8rem,3.2vw,2.6rem);letter-spacing:.05em;margin:0 0 .6rem;line-height:1.25}.mp-diy-heading{color:var(--mp-navy);font-size:clamp(2.4rem,4.2vw,3.6rem);font-weight:800;line-height:1.2;margin:0;text-transform:uppercase;letter-spacing:-.01em}.mp-diy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.4rem}.mp-diy-card{position:relative;background:var(--mp-card-bg);border:1px solid var(--mp-card-border);border-radius:1.25rem;overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:all .35s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 20px #123d4e0d}.mp-diy-card:hover{transform:translateY(-6px);border-color:var(--mp-teal);box-shadow:0 16px 36px #123d4e1f}.mp-diy-card__media{position:relative;width:100%;aspect-ratio:1 / 1;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:2rem;border-bottom:1px solid var(--mp-card-border)}.mp-diy-card__media img{width:100%;height:100%;object-fit:contain;transition:transform .4s cubic-bezier(.16,1,.3,1)}.mp-diy-card:hover .mp-diy-card__media img{transform:scale(1.05)}.mp-diy-card__body{padding:2.2rem 2rem 2.4rem;display:flex;flex-direction:column;align-items:center;text-align:center;flex-grow:1;justify-content:space-between;gap:1.6rem;background:#fff}.mp-diy-card__title{font-size:1.85rem;font-weight:700;color:var(--mp-navy);margin:0;line-height:1.35;transition:color .25s ease}.mp-diy-card:hover .mp-diy-card__title{color:var(--mp-teal)}.mp-diy-card__btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;width:100%;max-width:220px;padding:1.1rem 2rem;background:var(--mp-navy);color:#fff;font-size:1.4rem;font-weight:700;border-radius:.6rem;border:1px solid var(--mp-navy);text-decoration:none;transition:all .25s ease}.mp-diy-card:hover .mp-diy-card__btn{background:var(--mp-teal);border-color:var(--mp-teal);color:#fff;transform:translateY(-2px);box-shadow:0 4px 14px #0aafa24d}.mp-diy-card__btn svg{transition:transform .25s ease}.mp-diy-card:hover .mp-diy-card__btn svg{transform:translate(4px)}@media screen and (max-width:990px){.mp-diy-grid{gap:1.8rem}.mp-diy-card__media{padding:1.5rem}.mp-diy-card__title{font-size:1.65rem}}@media screen and (max-width:768px){.mp-diy-hub{padding-top:2rem;padding-bottom:1.5rem}.mp-diy-container{padding:0 1.5rem}.mp-diy-header{margin-bottom:2.2rem}.mp-diy-subheading{font-size:1.8rem}.mp-diy-heading{font-size:2.2rem}.mp-diy-grid{grid-template-columns:1fr;gap:1.6rem}.mp-diy-card__media{aspect-ratio:16 / 12;padding:1.5rem}.mp-diy-card__btn{max-width:100%}}
/*# sourceMappingURL=/cdn/shop/t/132/assets/diy-collection-hub.css.map */