@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 Sünger yotoq kutilmagan mehmonlaringizni qabul qilish uchun. Smart Sünger Yotoq, Balkon Minderi, polni buzmasdan uyingizda saqlashingiz mumkin bo'lgan qutqaruvchi yotoqdir. Istalgan joyda, yotoqda, o'lchamiga mos keladigan o'rindiqlarda yoki balkoningizda minder sifatida ishlatishingiz mumkin bo'lgan Smart sünger yotoqda har qanday joyda qulay foydalanasiz. O'lchami 90 x 190 x 12 sm. Smart Sünger yotoq kutilmagan mehmonlaringizni qabul qilish uchun...
TR