Experience comfort and style with our Swing Rocking Chair in premium leather. Designed with a modern silhouette and crafted from high-quality materials, this chair offers the perfect balance between relaxation and elegance. :root { --heading-size-desktop: 2.4rem; --heading-size-tablet: 2rem; --heading-size-mobile: 1.6rem; --text-size-desktop: 1.4rem; --text-size-tablet: 1.3rem; --text-size-mobile: 1.1rem; } .details-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 30px; align-items: start; padding-top: 2rem; } /* Product Box */ .product-box { background: #f0ede0; text-align: center; display: flex; flex-direction: column; padding: 0; overflow: hidden; } .product-box img { max-width: 100%; height: auto; margin: 0; display: block; } .product-info { text-align: left; margin: 0; padding: 1.5rem; font-size: var(--text-size-desktop); display: flex; align-items: center; flex-direction: row; line-height: 1.4; } .product-info span { font-size: 2rem; font-weight: bold; margin-right: 10px; color: #111; } /* Text Content */ .text-content { background: transparent; font-size: var(--text-size-desktop); line-height: 1.6; color: #333; } .text-content p { margin: 10px 0; border-bottom: 1px solid #ccc; padding-bottom: 8px; } /* Large Images */ .image-row { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; margin-top: 30px; } .image-row img { width: 100%; height: auto; display: block; } .content-par { border-bottom: 0 !important; margin-top: 0 !important; } /* ----------- Responsive ----------- */ /* Laptop (max 1200px) */ @media (max-width: 1200px) { .details-grid { grid-template-columns: 1fr 1fr; } .text-content { font-size: var(--text-size-tablet); grid-column: span 2; } .image-row{ margin-top: 30px; } } /* Tablet (max 992px) */ @media (max-width: 992px) { .details-grid { grid-template-columns: 1fr; gap: 20px; } .text-content{ grid-column: unset; } .product-info { font-size: var(--text-size-tablet); padding: 1.2rem; } .product-info span { font-size: 1.6rem; } .image-row { grid-template-columns: 1fr; } } /* Mobile (max 576px) */ @media (max-width: 576px) { .details-grid { gap: 15px; } .product-info { font-size: var(--text-size-mobile); padding: 1rem; } .product-info span { font-size: 1.4rem; margin-right: 6px; } .text-content { font-size: var(--text-size-mobile); } .text-content p { margin: 6px 0; padding-bottom: 6px; } .image-row { gap: 12px; margin-top: 30px; } } /* Extra Small Devices (320px) */ @media (max-width: 360px) { .product-info { flex-direction: column; align-items: flex-start; } .product-info span { margin: 0 0 5px 0; } }