.mb-cmp{padding:56px 0}.mb-cmp.mb-cream{background:#faf8f4}.mb-cmp-head{max-width:70rem;margin:0 auto 34px;text-align:center}.mb-cmp-eyebrow{text-transform:uppercase;letter-spacing:2.2px;font-size:1.1rem;font-weight:700;color:#e8664f;margin:0 0 12px}.mb-cmp-title{font-size:3.2rem;line-height:1.15;margin:0 0 14px}.mb-cmp-sub{font-size:1.6rem;line-height:1.7;opacity:.78;margin:0}.mb-cmp-grid{display:grid;grid-template-columns:repeat(var(--mb-cmp-cols),minmax(0,1fr));gap:24px;align-items:stretch}.mb-cmp-card{display:flex;flex-direction:column;background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.12);border-radius:16px;overflow:hidden}.mb-cmp-card.mb-cmp-soon{border-style:dashed;border-color:rgba(var(--color-foreground),.28)}.mb-cmp-media{position:relative;aspect-ratio:16/10;overflow:hidden;background:rgba(var(--color-foreground),.04)}.mb-cmp-media img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.mb-cmp-badge{position:absolute;top:12px;left:12px;z-index:3;font-size:1.05rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:6px 13px;border-radius:100px;background:#c9a15a;color:#132a20}.mb-cmp-ph{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(45deg,#132a200a 0 12px,#132a2012 12px 24px)}.mb-cmp-ph svg{width:58%;height:auto;opacity:.26}.mb-cmp-ph span{position:absolute;bottom:12px;left:50%;transform:translate(-50%);font-size:1.05rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:#132a20d1;color:#f4f1e8;padding:5px 12px;border-radius:100px;white-space:nowrap}.mb-cmp-body{padding:24px 24px 26px;display:flex;flex-direction:column;flex:1}.mb-cmp-tag{display:inline-block;align-self:flex-start;font-size:1.05rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:5px 12px;border-radius:100px;background:#132a20;color:#f4f1e8;margin-bottom:12px}.mb-cmp-soon .mb-cmp-tag{background:#c9a15a;color:#132a20}.mb-cmp-name{font-size:2.2rem;line-height:1.2;margin:0 0 6px}.mb-cmp-for{font-size:1.35rem;opacity:.7;margin:0 0 18px}.mb-cmp-list{list-style:none;padding:0;margin:0 0 22px;display:flex;flex-direction:column;gap:12px}.mb-cmp-list li{display:flex;gap:10px;align-items:flex-start;font-size:1.4rem;line-height:1.5}.mb-cmp-list li:before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:#e8664f;margin-top:8px}.mb-cmp-foot{margin-top:auto;display:flex;flex-direction:column;align-items:stretch;gap:14px}.mb-cmp-price{font-size:1.9rem;font-weight:700;line-height:1.15}.mb-cmp-price small{display:block;font-size:1.15rem;font-weight:400;opacity:.6;letter-spacing:.2px;margin-top:3px}.mb-cmp-foot .button{width:100%;margin:0}.mb-cmp-soon-pill{display:block;text-align:center;font-size:1.2rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:1.3rem 2rem;border-radius:100px;border:1.5px dashed rgba(var(--color-foreground),.45);opacity:.75}.mb-cmp-note{text-align:center;margin-top:28px;font-size:1.4rem;opacity:.72}.mb-cmp-swipe{display:none}@media screen and (max-width:1100px){.mb-cmp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:899px){.mb-cmp{padding:44px 0}.mb-cmp-title{font-size:2.4rem}.mb-cmp-sub{font-size:1.45rem}.mb-cmp .mb-cmp-grid{display:flex;grid-template-columns:none;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;padding:4px 0 14px;scrollbar-width:none}.mb-cmp .mb-cmp-grid::-webkit-scrollbar{display:none}.mb-cmp .mb-cmp-card{flex:0 0 72%;max-width:72%;scroll-snap-align:start}.mb-cmp .mb-cmp-swipe{display:flex;align-items:center;gap:6px;margin:2px 0 0;font-size:1.15rem;letter-spacing:.2px;color:#132a2080}.mb-cmp .mb-cmp-swipe svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}}@media screen and (max-width:749px){.mb-cmp{padding:40px 0}.mb-cmp .page-width{padding-left:2rem;padding-right:2rem}.mb-cmp-title{font-size:2.2rem}.mb-cmp-body{padding:20px 18px 22px}.mb-cmp-name{font-size:1.9rem}.mb-cmp-list li{font-size:1.3rem}.mb-cmp-price{font-size:1.7rem}.mb-cmp .mb-cmp-grid{padding:4px 2rem 14px;margin:0 -2rem;scroll-padding-left:2rem}.mb-cmp .mb-cmp-card{flex-basis:84%;max-width:84%}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/mockingbird-compare.css.map */