@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap'); .mocca-product-content, .mocca-product-content * { box-sizing: border-box; } .mocca-product-content { max-width: 1100px; margin: 0 auto; padding: 32px 20px; font-family: 'Montserrat', Arial, Helvetica, sans-serif; color: #292724; line-height: 1.7; } .mocca-hero { position: relative; overflow: hidden; padding: 38px; margin-bottom: 28px; background: linear-gradient(135deg, #faf6f6 0%, #f3e4e4 100%); border: 1px solid #ead4d4; border-radius: 18px; } .mocca-hero::after { content: ""; position: absolute; top: -70px; right: -70px; width: 190px; height: 190px; background: rgba(135, 37, 37, 0.10); border-radius: 50%; } .mocca-label { position: relative; z-index: 1; display: inline-block; margin-bottom: 12px; padding: 7px 14px; background: #ffffff; border: 1px solid #dfc3c3; border-radius: 30px; color: #872525; font-size: 12px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; } .mocca-title { position: relative; z-index: 1; max-width: 920px; margin: 0 0 14px; color: #872525; font-size: 30px; font-weight: 700; line-height: 1.3; } .mocca-intro { position: relative; z-index: 1; max-width: 940px; margin: 0; color: #5f5555; font-size: 16px; font-weight: 400; } .mocca-section-title { margin: 0 0 18px; color: #872525; font-size: 23px; font-weight: 700; line-height: 1.3; } .mocca-features { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; } .mocca-feature-card { padding: 24px; background: #ffffff; border: 1px solid #eadfdf; border-radius: 14px; box-shadow: 0 8px 26px rgba(135, 37, 37, 0.07); transition: transform 0.25s ease, box-shadow 0.25s ease; } .mocca-feature-card:hover { transform: translateY(-3px); box-shadow: 0 12px 32px rgba(135, 37, 37, 0.13); } .mocca-feature-card:last-child { grid-column: 1 / -1; } .mocca-feature-number { display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; margin-bottom: 16px; background: #872525; border-radius: 50%; color: #ffffff; font-size: 14px; font-weight: 700; } .mocca-feature-title { margin: 0 0 8px; color: #872525; font-size: 18px; font-weight: 700; line-height: 1.4; } .mocca-feature-text { margin: 0; color: #6d6060; font-size: 15px; font-weight: 400; } .mocca-measurements { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 28px; } .mocca-measurement-card { padding: 22px; background: #f9f2f2; border: 1px solid #e7d3d3; border-radius: 14px; text-align: center; } .mocca-measurement-title { display: block; margin-bottom: 6px; color: #872525; font-size: 14px; font-weight: 700; } .mocca-measurement-value { display: block; color: #872525; font-size: 21px; font-weight: 700; } .mocca-highlight { margin-top: 18px; padding: 24px 28px; background: #872525; border-radius: 14px; color: #ffffff; } .mocca-highlight-title { margin: 0 0 8px; color: #ffffff; font-size: 19px; font-weight: 700; } .mocca-highlight-text { margin: 0; color: #f6eaea; font-size: 15px; font-weight: 400; } @media screen and (max-width: 768px) { .mocca-product-content { padding: 22px 12px; } .mocca-hero { padding: 26px 20px; border-radius: 14px; } .mocca-title { font-size: 24px; } .mocca-intro { font-size: 15px; } .mocca-section-title { font-size: 21px; } .mocca-features { grid-template-columns: 1fr; gap: 14px; } .mocca-feature-card, .mocca-feature-card:last-child { grid-column: auto; } .mocca-feature-card { padding: 20px; } .mocca-measurements { grid-template-columns: 1fr; gap: 12px; } .mocca-highlight { padding: 22px 20px; } }Smart Sponge bed for hosting unexpected guests. The Smart Sponge Bed Floor Mattress, Balcony Cushion, is a lifesaver mattress you can keep at home without covering the floor. Whether used on the floor, on a bed, on compatible benches, or as a cushion on your balconies, you will use the Smart sponge bed practically anywhere. Size 90 x 190 x 12 cm. The Smart Sponge bed is for hosting unexpected guests...
TR