.mondi-sp{padding:72px 24px;background:#fafaf8}.mondi-sp__header{text-align:center;max-width:640px;margin:0 auto 48px}.mondi-sp__title{font-size:clamp(24px,3vw,36px);font-weight:600;color:#1a1a1a;line-height:1.25;margin:0 0 12px;letter-spacing:-.01em}.mondi-sp__subtitle{font-size:15px;color:#666;line-height:1.6;margin:0}.mondi-sp__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1280px;margin:0 auto}.mondi-sp__card{position:relative;display:block;text-decoration:none;border-radius:4px;overflow:hidden;aspect-ratio:3 / 4;background:#1a1a1a}.mondi-sp__card-image-wrap{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.mondi-sp__card-image{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.25,.46,.45,.94);display:block}.mondi-sp__card-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#2d6a4f22,#1a1a1a)}.mondi-sp__card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000000bf,#00000040,#0000000d);transition:background .4s ease}.mondi-sp__card:hover .mondi-sp__card-image{transform:scale(1.05)}.mondi-sp__card:hover .mondi-sp__card-overlay{background:linear-gradient(to top,#000000d9,#00000059,#0000001a)}.mondi-sp__card-content{position:absolute;bottom:0;left:0;right:0;padding:28px 24px;color:#fff;z-index:2}.mondi-sp__card-tag{display:block;font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#a8d5b5;margin-bottom:8px}.mondi-sp__card-title{font-size:18px;font-weight:600;color:#fff;margin:0 0 10px;line-height:1.2;letter-spacing:-.01em}.mondi-sp__card-desc{font-size:13px;color:#ffffffbf;line-height:1.5;margin:0 0 16px}.mondi-sp__card-cta{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#fff;border-bottom:1px solid rgba(255,255,255,.4);padding-bottom:2px;transition:border-color .3s ease,gap .3s ease}.mondi-sp__card:hover .mondi-sp__card-cta{border-color:#fff;gap:10px}@media(max-width:768px){.mondi-sp{padding:48px 16px}.mondi-sp__grid{grid-template-columns:1fr 1fr;gap:12px}.mondi-sp__card{aspect-ratio:2 / 3}.mondi-sp__card-content{padding:20px 16px}.mondi-sp__card-title{font-size:15px}.mondi-sp__card-desc{font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/27/compiled_assets/styles.css.map?subset=AAAAAAAAAQ */