:root{--mp-fix-navy: #123d4e;--mp-fix-navy-dark: #092532;--mp-fix-teal: #0aafa2;--mp-fix-teal-hover: #088d83;--mp-fix-teal-light: #e6f7f6;--mp-fix-text-dark: #0f172a;--mp-fix-text-muted: #64748b;--mp-fix-border: #e2e8f0;--mp-fix-card-bg: #ffffff;--mp-fix-bg-subtle: #f8fafc;--mp-fix-accent-red: #ef4444}.mp-fix-hero{width:100%;position:relative;overflow:hidden;background-color:#0d2834;line-height:0;margin:0;padding:0}.mp-fix-hero__picture{display:block;width:100%;margin:0;padding:0;line-height:0}.mp-fix-hero__img{width:100%;height:auto!important;max-width:100%;max-height:none;object-fit:contain;object-position:center;display:block;margin:0 auto;vertical-align:middle}.mp-fix-popular{width:100%;background:#fff;padding-top:4rem;padding-bottom:4rem;font-family:inherit;color:var(--mp-fix-text-dark)}.mp-fix-container{max-width:1360px;margin:0 auto;padding:0 1.5rem}.mp-fix-header{text-align:center;max-width:860px;margin:0 auto 3.5rem}.mp-fix-heading{color:var(--mp-fix-navy);font-size:clamp(2.4rem,4vw,3.6rem);font-weight:800;line-height:1.2;margin:0 0 1.2rem;letter-spacing:-.01em}.mp-fix-subheading{color:var(--mp-fix-text-muted);font-size:clamp(1.4rem,1.8vw,1.65rem);line-height:1.6;margin:0}.mp-fix-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:2.2rem}.mp-fix-card{position:relative;background:var(--mp-fix-card-bg);border:1px solid var(--mp-fix-border);border-radius:14px;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 18px #123d4e0d}.mp-fix-card:hover{transform:translateY(-6px);border-color:var(--mp-fix-teal);box-shadow:0 16px 36px #123d4e1f}.mp-fix-card__media{position:relative;width:100%;aspect-ratio:1 / 1;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:1.5rem;border-bottom:1px solid var(--mp-fix-border)}.mp-fix-card__media img{width:100%;height:100%;object-fit:contain;transition:transform .4s cubic-bezier(.16,1,.3,1)}.mp-fix-card:hover .mp-fix-card__media img{transform:scale(1.05)}.mp-fix-card__badge{position:absolute;top:1rem;right:1rem;background:var(--mp-fix-teal);color:#fff;font-size:1.1rem;font-weight:800;padding:.35rem .8rem;border-radius:4px;text-transform:uppercase;letter-spacing:.04em;z-index:2}.mp-fix-card__body{padding:1.8rem 1.6rem 2rem;display:flex;flex-direction:column;flex-grow:1;justify-content:space-between;gap:1.25rem;background:#fff}.mp-fix-card__title{font-size:1.7rem;font-weight:700;color:var(--mp-fix-navy);margin:0;line-height:1.3;transition:color .25s ease}.mp-fix-card:hover .mp-fix-card__title{color:var(--mp-fix-teal)}.mp-fix-card__price-row{display:flex;align-items:baseline;gap:.75rem;margin-top:.25rem}.mp-fix-card__price{font-size:1.7rem;font-weight:800;color:var(--mp-fix-teal)}.mp-fix-card__compare{font-size:1.4rem;font-weight:500;color:#94a3b8;text-decoration:line-through}.mp-fix-card__desc{font-size:1.35rem;line-height:1.55;color:var(--mp-fix-text-muted);margin:0}.mp-fix-card__btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;width:100%;padding:1rem 1.6rem;background:var(--mp-fix-navy);color:#fff;font-size:1.35rem;font-weight:700;border-radius:6px;border:1px solid var(--mp-fix-navy);text-decoration:none;transition:all .25s ease;letter-spacing:.02em;margin-top:.5rem}.mp-fix-card:hover .mp-fix-card__btn{background:var(--mp-fix-teal);border-color:var(--mp-fix-teal);color:#fff;transform:translateY(-2px);box-shadow:0 4px 14px #0aafa259}.mp-fix-card__btn svg{transition:transform .25s ease;flex-shrink:0}.mp-fix-card:hover .mp-fix-card__btn svg{transform:translate(4px)}.mp-faucets-section{width:100%;background:#f8fafc;padding-top:4.5rem;padding-bottom:4.5rem;border-top:1px solid var(--mp-fix-border);border-bottom:1px solid var(--mp-fix-border)}.mp-faucets-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:2.5rem}.mp-faucet-feature-card{position:relative;background:#fff;border:1px solid var(--mp-fix-border);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:all .35s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 20px #123d4e0f}.mp-faucet-feature-card:hover{transform:translateY(-6px);border-color:var(--mp-fix-teal);box-shadow:0 16px 36px #123d4e1f}.mp-faucet-feature-card__media{position:relative;width:100%;aspect-ratio:16 / 11;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:1.5rem;border-bottom:1px solid var(--mp-fix-border)}.mp-faucet-feature-card__media img{width:100%;height:100%;object-fit:contain;transition:transform .4s cubic-bezier(.16,1,.3,1)}.mp-faucet-feature-card:hover .mp-faucet-feature-card__media img{transform:scale(1.05)}.mp-faucet-feature-card__body{padding:2.2rem 2rem 2.4rem;display:flex;flex-direction:column;flex-grow:1;justify-content:space-between;gap:1.25rem}.mp-faucet-feature-card__title{font-size:1.95rem;font-weight:800;color:var(--mp-fix-navy);margin:0;line-height:1.3}.mp-faucet-feature-card__desc{font-size:1.45rem;line-height:1.6;color:var(--mp-fix-text-muted);margin:0}.mp-faucet-feature-card__btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;max-width:220px;padding:1.1rem 2rem;background:var(--mp-fix-navy);color:#fff;font-size:1.4rem;font-weight:700;border-radius:6px;border:1px solid var(--mp-fix-navy);text-decoration:none;transition:all .25s ease}.mp-faucet-feature-card:hover .mp-faucet-feature-card__btn{background:var(--mp-fix-teal);border-color:var(--mp-fix-teal);color:#fff;transform:translateY(-2px);box-shadow:0 4px 14px #0aafa259}.mp-faucet-feature-card__btn svg{transition:transform .25s ease}.mp-faucet-feature-card:hover .mp-faucet-feature-card__btn svg{transform:translate(4px)}@media screen and (max-width:990px){.mp-fix-grid-3{grid-template-columns:repeat(2,1fr);gap:1.8rem}.mp-faucets-grid-2{grid-template-columns:1fr;gap:2rem}}@media screen and (max-width:640px){.mp-fix-popular{padding-top:2.8rem;padding-bottom:2.8rem}.mp-fix-header{margin-bottom:2rem}.mp-fix-grid-3{grid-template-columns:1fr;gap:1.5rem}.mp-fix-card__body{padding:1.4rem 1.25rem 1.6rem}.mp-faucets-section{padding-top:3rem;padding-bottom:3rem}.mp-faucet-feature-card__body{padding:1.6rem 1.4rem 1.8rem}.mp-faucet-feature-card__btn{max-width:100%}}
/*# sourceMappingURL=/cdn/shop/t/132/assets/matching-fixtures-hub.css.map */