:root{--black:#070707;--white:#fff;--royal-azure:#3454d1;--turquoise:#34d1bf;--magenta-bloom:#d1345b;--grey:#d3d3d3;--light-grey:#e8e8e8;--red:red;--black-transparent:#000000e6;--max-width:1000px;--default-padding:2rem;--font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--body-background-colour:black;--body-text-colour:var(--white);--body-font-family:var(--font-family);--primary-colour:var(--magenta-bloom);--error-text:var(--red);--main-container-background-colour:var(--white);--main-background-colour:var(--white);--main-text-colour:var(--black);--link-text-colour:var(--primary-colour);--footer-container-background-colour:var(--body-background-colour);--footer-background-colour:var(--body-background-colour);--footer-text-colour:var(--body-text-colour);--footer-link-colour:var(--body-text-colour);--footer-link-hover-colour:var(--primary-colour);--logo-container-background-colour:var(--main-container-background-colour);--logo-text-colour:var(--primary-colour);--search-input-and-button-border-colour:var(--grey);--search-input-and-button-border-radius:30px;--main-nav-container-background-colour:var(--main-container-background-colour);--main-nav-container-bottom-border:var(--grey);--main-nav-background-colour:var(--main-container-background-colour);--main-nav-link-text-colour:var(--main-text-colour);--breadcrumbs-background-colour:var(--main-container-background-colour);--breadcrumbs-text-colour:var(--main-text-colour);--breadcrumbs-link-text-colour:var(--main-text-colour);--breadcrumbs-link-text-hover-colour:var(--primary-colour);--homepage-generate-random-gift-buttons-background-colour:var(--black);--homepage-generate-random-gift-buttons-text-colour:var(--white);--gift-page-category-and-tag-links-colour:var(--primary-colour);--gift-page-image-gallery-thumbnail-border-colour:var(--light-grey);--gift-page-affiliate-link-button-background-colour:var(--black);--gift-page-affiliate-link-button-text-colour:var(--white);--gift-page-affiliate-link-button-hover-background-colour:var(--primary-colour);--pagination-background-colour:var(--main-container-background-colour);--pagination-link-colour:var(--main-text-colour);--gift-cards-container-background-colour:var(--main-container-background-colour);--gift-card-background-colour:var(--main-container-background-colour);--gift-card-text-link-colour:var(--main-text-colour);--gift-card-text-link-hover-colour:var(--primary-colour);--cookie-consent-banner-container-background-colour:var(--black-transparent);--cookie-consent-banner-background-colour:var(--main-container-background-colour);--cookie-consent-banner-text-colour:var(--main-text-colour);--cookie-consent-banner-button-background-colour:var(--black);--cookie-consent-banner-button-hover-background-colour:var(--primary-colour)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{background-color:var(--body-background-colour);color:var(--body-text-colour);font-family:var(--body-font-family)}.system-message{font-style:italic}.error-text{color:var(--error-text)}img{max-width:100%;display:block}li{margin-left:2rem}button{cursor:pointer}select{font-family:var(--font-family);padding:.5rem}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.logo-container{background-color:var(--logo-container-background-colour);text-align:center;padding:.5rem var(--default-padding)}.logo{color:var(--logo-text-colour);font-size:1.5rem;font-weight:700;text-decoration:none}.main-nav-container{background-color:var(--main-nav-container-background-colour);border-bottom:1px solid var(--main-nav-container-bottom-border)}.main-nav{background-color:var(--main-nav-background-colour);max-width:var(--max-width);padding:0rem var(--default-padding) .5rem var(--default-padding);flex-wrap:wrap;justify-content:center;align-items:center;gap:.7rem 2rem;margin:auto;display:flex}.main-nav a{color:var(--main-nav-link-text-colour);font-size:1.2rem;font-weight:700;text-decoration:none}.main-nav a:hover{text-decoration:underline}.main-nav .search-button{cursor:pointer}.search-input-container{display:flex}.search-input-container input{border-top-left-radius:var(--search-input-and-button-border-radius);border-bottom-left-radius:var(--search-input-and-button-border-radius);border:1px solid var(--search-input-and-button-border-colour);padding:.3rem 1rem;font-size:1rem}.search-input-container button{border-top-right-radius:var(--search-input-and-button-border-radius);border-bottom-right-radius:var(--search-input-and-button-border-radius);border-left:0;border-top:1px solid var(--search-input-and-button-border-colour);border-right:1px solid var(--search-input-and-button-border-colour);border-bottom:1px solid var(--search-input-and-button-border-colour);padding:0 .5rem 0 .3rem}.breadcrumbs{background-color:var(--breadcrumbs-background-colour);color:var(--breadcrumbs-text-colour);max-width:var(--max-width);padding:var(--default-padding) var(--default-padding) 0 var(--default-padding);flex-wrap:wrap;gap:0 .8rem;margin:auto;font-size:.9rem;line-height:1.5rem;display:flex}.breadcrumbs a{color:var(--breadcrumbs-link-text-colour)}.breadcrumbs a:hover{color:var(--breadcrumbs-link-text-hover-colour)}.main-container{background-color:var(--main-container-background-colour)}main{background-color:var(--main-background-colour);color:var(--main-text-colour);max-width:var(--max-width);padding:1rem var(--default-padding) var(--default-padding) var(--default-padding);margin:auto}h1{margin-bottom:1rem;font-size:2.5rem;line-height:3.2rem}.introductory-paragraphs{margin-bottom:1.5rem;line-height:1.5rem}.introductory-paragraphs p:not(:last-child){margin-bottom:1rem}.introductory-paragraphs a{color:var(--link-text-colour)}.copy h2,.copy h3,.copy h4,.copy h5,.copy h6{margin-bottom:.5rem}.copy p,.copy ul,.copy ol{margin-bottom:1rem;line-height:1.5rem}.copy a{color:var(--link-text-colour)}li{margin-bottom:.3rem}.affiliate-disclaimer{margin-bottom:1rem;line-height:1.5rem}.footer-container{background-color:var(--footer-container-background-colour)}footer{background-color:var(--footer-background-colour);color:var(--footer-text-colour);max-width:var(--max-width);padding:var(--default-padding) var(--default-padding) 3rem var(--default-padding);gap:2rem;margin:auto;display:grid}footer nav{justify-items:start;gap:1.5rem;font-size:1.1rem;display:grid}footer nav a{color:var(--footer-link-colour);text-decoration:none}footer nav a:hover,.cookie-consent-settings:hover{color:var(--footer-link-hover-colour)}.cookie-consent-settings{cursor:pointer}.copyright{line-height:1.5rem}.home h1,.home .introductory-paragraphs{text-align:center}.generate-random-gift{align-items:start;gap:1.5rem;margin-bottom:2rem;display:grid}.generate-random-gift .random-gift{flex-direction:column;align-items:center;display:flex}.generate-random-gift .random-gift a{color:var(--link-text-colour)}.generate-random-gift .random-gift a:hover{text-decoration:none}.generate-random-gift .random-gift img{margin-bottom:.5rem}.generate-random-gift .random-gift h2{text-align:center;margin-bottom:.5rem;font-size:1.7rem;line-height:2.4rem}.generate-random-gift .random-gift .description{text-align:center;margin-bottom:1rem;font-size:1.1rem;line-height:1.8rem}.generate-random-gift .random-gift .generate-random-gift-button{background-color:var(--black);color:var(--white);border:1px solid var(--black);border-radius:100px;padding:1.2rem 2rem;font-size:1rem;font-weight:700;line-height:1.5rem}.generate-random-gift .filters-container{text-align:left;justify-items:center;display:grid}.generate-random-gift .filters-container .filters{gap:.5rem;margin-bottom:1rem;display:grid}.generate-random-gift .filters-container .filters .filter{grid-template-columns:110px auto;align-items:center;display:grid}.generate-random-gift .filters-container .buttons-container button{background-color:var(--homepage-generate-random-gift-buttons-background-colour);color:var(--homepage-generate-random-gift-buttons-text-colour);border:0;border-radius:100px;padding:1.2rem 2rem;font-size:1rem;font-weight:700}.generate-random-gift .filters-container .buttons-container .generate-random-gift-button{display:none}.gift-cards-container{background:var(--gift-cards-container-background-colour);grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:2rem;margin-bottom:2rem;display:grid}.gift-card{background-color:var(--gift-card-background-colour)}.gift-card .title{text-align:center;font-size:1.1rem;line-height:1.5rem}.gift-card a{color:var(--gift-card-text-link-colour);text-decoration:none}.gift-card a:hover{color:var(--gift-card-text-link-hover-colour);text-decoration:underline}.gift-card img{margin-bottom:.5rem}.pagination{background-color:var(--pagination-background-colour);flex-wrap:wrap;justify-content:center;gap:.2rem 2rem;font-size:1.1rem;display:flex}.pagination a{color:var(--pagination-link-colour);text-decoration:none}.gift-page main .gift-details{margin-bottom:2rem}.gift-page main .category,.gift-page main .tags-container{margin-bottom:1rem}.gift-page main .category a,.gift-page main .tags-container a{color:var(--gift-page-category-and-tag-links-colour)}.gift-page main .main-tags-container{flex-wrap:nowrap;gap:.3rem;display:flex}.gift-page main .tags-container{gap:.5rem;display:flex}.gift-page main .tags-container .tags{flex-wrap:wrap;gap:.5rem 1rem;display:flex}.gift-page main .image-gallery-and-copy,.gift-page main .image-gallery-and-copy .image-gallery{gap:1rem;display:grid}.gift-page main .image-gallery-and-copy .image-gallery .thumbnails{flex-wrap:wrap;gap:1rem;display:flex}.gift-page main .image-gallery-and-copy .image-gallery .thumbnails img{border:1px solid var(--gift-page-image-gallery-thumbnail-border-colour)}.gift-page main .image-gallery-and-copy .affiliate-link-button{background-color:var(--gift-page-affiliate-link-button-background-colour);color:var(--gift-page-affiliate-link-button-text-colour);border-radius:50px;padding:1rem 1.5rem;font-weight:700;text-decoration:none;display:inline-block}.gift-page main .image-gallery-and-copy .affiliate-link-button:hover{background-color:var(--gift-page-affiliate-link-button-hover-background-colour)}.gift-page main .other-gifts h2{margin-bottom:1rem;font-size:2rem}.cookie-consent-banner-container{background-color:var(--cookie-consent-banner-container-background-colour);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.cookie-consent-banner{background-color:var(--cookie-consent-banner-background-colour);color:var(--cookie-consent-banner-text-colour);width:75%;max-width:800px;padding:50px}.cookie-consent-banner .buttons-container{flex-wrap:wrap;justify-content:center;gap:.5rem 1rem;display:flex}.cookie-consent-banner .buttons-container button{background-color:var(--cookie-consent-banner-button-background-colour);color:var(--white);border:0;border-radius:100px;padding:1.2rem 2rem;font-weight:700}.cookie-consent-banner .buttons-container button:hover{background-color:var(--cookie-consent-banner-button-hover-background-colour)}@media (min-width:768px){.generate-random-gift{height:520px}.generate-random-gift .random-gift{grid-area:random-gift}.generate-random-gift .filters-container .buttons-container{justify-content:start}.generate-random-gift .random-gift .generate-random-gift-button{display:none}.generate-random-gift .filters-container{grid-area:filters-container;justify-items:start}.generate-random-gift .filters-container .buttons-container .generate-random-gift-button{display:initial;margin-bottom:.5rem}.generate-random-gift{grid-template-columns:250px auto;grid-template-areas:"filters-container random-gift";gap:2rem}.gift-page main .image-gallery-and-copy{grid-template-columns:400px auto;gap:1.5rem}}
