Futon Frames

About

.kd-futons-wrap { width: fit-content; margin: 0 0 18px; text-align: center; } .kd-futons-heading { text-align: center; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 30px; line-height: 1.2; letter-spacing: 0.14em; font-weight: 400; text-transform: uppercase; margin: 0 0 18px; color: #2b2b2b; } /* Hide Shopify built-in collection/page title */ #MainContent h1, main h1, .main-content h1, .template-collection h1, .collection-template h1, .collection-header h1, .collection-hero h1, .collection-hero__title, .section-header h1, .section-header__title { display: none !important; } .kd-futons-grid { display: grid; grid-template-columns: repeat(2, 240px); justify-content: center; gap: 26px; width: fit-content; margin: 0 auto 40px auto; } .kd-futons-item { display: flex; flex-direction: column; align-items: center; } .kd-futons-link { display: flex; flex-direction: column; align-items: center; width: 100%; text-decoration: none; color: #2b2b2b; } .kd-futons-image-wrap { height: 230px; width: 100%; overflow: hidden; display: flex; align-items: flex-end; justify-content: center; background: transparent; } .kd-futons-image-wrap img { width: 100%; height: 100%; object-fit: contain; object-position: center bottom; display: block; transition: transform 0.35s ease, opacity 0.35s ease; } .kd-futons-link:hover img { transform: scale(1.03); opacity: 0.94; } .kd-futons-title { font-size: 15px; line-height: 1.2; font-weight: 600; margin-top: 6px; text-align: center; color: #2b2b2b; } .kd-futons-link:hover .kd-futons-title { opacity: 0.82; } @media screen and (max-width: 850px) { .kd-futons-grid { grid-template-columns: repeat(2, 240px); } } @media screen and (max-width: 640px) { .kd-futons-wrap { width: 100%; } .kd-futons-grid { grid-template-columns: 1fr; max-width: 320px; width: 100%; gap: 24px; } .kd-futons-image-wrap { height: 240px; } .kd-futons-title { font-size: 14px; } } Futon Frames KD Lounger Futon Studio Bifo

On-page SEO