/* Homepage. The tiles, chips and product cards come from catalogue.css and
   gf-saved.css, the quick stats cards from stat-cards.css - this file only
   spaces the sections out and adds the homepage-only bits. */

/* Every section below the hero: a thin line on top, like the product pages */
.homepage .hp-section { padding: 10px 0 34px; }
.homepage .hp-section:not(.hp-alt) + .hp-section:not(.hp-alt) > .main-sub-headings { border-top: 1px solid #e6e6e6; }
/* Recently viewed heading laid out like the others (gf-saved.css makes it a flex row) */
.homepage .gf-recent-section .main-sub-headings { display: block; }
.homepage .gf-recent-section .sub-heading-copy .gf-link-btn { font-size: inherit; color: inherit; }
.homepage .hp-section .main-sub-headings { margin-bottom: 20px; }
.homepage .hp-section .pdp-stats { margin-top: 0; }
.homepage .hp-section .pdp-stats .main-sub-headings { margin-bottom: 0; }
/* Light grey band (deals, inspiration) */
.homepage .hp-alt { background: #f4f5f7; padding-bottom: 40px; }

/* Room tiles: 4 across on desktop, 2 on phones */
.hp-tiles { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.hp-guides { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.hp-guides .cat-tile-meta { line-height: 1.45; }
.hp-read-more { color: #2f6fd0; font-weight: 600; white-space: nowrap; }
.cat-tile:hover .hp-read-more { text-decoration: underline; }

/* Customers are buying: 4 across on desktop */
.gf-cards.hp-bought { grid-template-columns: repeat(4, minmax(0, 1fr)); }

.hp-chips { gap: 10px; }

/* Dining table ranges: three link columns with the small blue bullets */
.hp-link-cols { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px 30px; }
.hp-link-group h3 { margin: 0 0 8px; font-size: 17px; color: #1a2a49; }
.hp-link-group ul { margin: 0; padding: 0; list-style: none; }
.hp-link-group li { position: relative; margin: 0; padding: 3px 0 3px 14px; }
.hp-link-group li:before { content: ""; position: absolute; left: 0; top: 13px; width: 5px; height: 5px; border-radius: 50%; background: #2f6fd0; }
.hp-link-group a { color: #444; font-size: 15px; line-height: 1.5; text-decoration: none; }
.hp-link-group a:hover { color: #1a2a49; text-decoration: underline; }

@media only screen and (max-width: 800px) {
	/* Phones: the page's 15px gutter */
	.homepage .hp-section { padding: 6px 15px 26px; box-sizing: border-box; }
	.homepage .hp-alt > .maxwidth { padding: 0; }
	.homepage .hp-section .staticdesc { padding: 0; }
	.hp-tiles, .hp-guides { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 12px; }
	.gf-cards.hp-bought { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.hp-link-cols { grid-template-columns: 1fr; }
	.hp-chips { gap: 8px; }
}