section h2{margin:0}@media (min-width:1200px){section h2{margin-bottom:1rem}}section.home{margin:1rem 0 0 1rem}@media (min-width:1664px){section.home{width:1644px;margin:1rem 0 0 1rem}}section.home-list:not(.search-container){margin:1rem 0 0 1rem}section.home-list:not(.search-container):first-of-type{margin-top:80px}@media (min-width:1200px){section.home-list:not(.search-container):first-of-type{margin-top:120px}}section.home-list ul{white-space:nowrap;flex-flow:row;justify-content:flex-start;gap:1rem;max-width:100%;margin:0;padding:0 0 1rem;display:flex;overflow-x:auto}@media (min-width:1200px){section.home-list ul{flex-flow:wrap;justify-content:center}}section.home-list ul li{align-content:end;min-width:90%;list-style:none;display:inline-block}@media (min-width:759px){section.home-list ul li{min-width:55%}}@media (min-width:1024px){section.home-list ul li{min-width:40%}}@media (min-width:1200px){section.home-list ul li{flex:33%;min-width:0;max-width:calc(33% - 1rem)}}@media (min-width:1400px){section.home-list ul li{flex:25%;max-width:calc(25% - 1rem)}}@media (min-width:1200px){section.home-list ul li:first-child:last-child{flex:100%;max-width:100%}section.home-list ul li:first-child:nth-last-child(2),section.home-list ul li:first-child:nth-last-child(2)~li{flex:50%;max-width:calc(50% - 1rem)}section.home-list ul li:first-child:nth-last-child(3),section.home-list ul li:first-child:nth-last-child(3)~li{flex:33%;max-width:calc(33% - 1rem)}}section.home-list ul li.heading{flex-direction:column;justify-content:space-between;max-width:400px;display:flex}section.home-list ul li.heading h3{text-transform:uppercase;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;font-family:Loved by the King,sans-serif}section.home-list ul li.heading .featured-image{position:relative;overflow:hidden}section.home-list ul li.heading .featured-image a{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;max-width:100%}section.home-list ul li.heading p{text-align:center}section.home-list ul a{color:#333;text-align:center;letter-spacing:2px;font-size:1.2rem;text-decoration:none;display:block}section.home-list ul a img{aspect-ratio:400/300;max-width:100%;height:auto;display:block}section.home-list ul p{color:#666;padding:0 1rem}.custom-select{display:inline-block;position:relative}.dropdown-btn{background-color:var(--roast-new-blue);color:#fff;cursor:pointer;text-align:left;border:none;justify-content:space-between;align-items:center;width:200px;padding:10px;display:flex}.dropdown-content{z-index:1;background-color:#fff;min-width:200px;max-height:200px;display:none;position:absolute;overflow-y:auto;box-shadow:0 8px 16px #0003}.dropdown-item{cursor:pointer;align-items:center;display:flex}.dropdown-item input{margin-right:8px}.hidden-checkbox{display:none}.dropdown-item span{margin-left:8px;padding:8px 16px}.dropdown-item input:checked+span{background-color:var(--roast-new-blue);color:var(--roast-white);width:100%;height:100%;font-weight:700}.dropdown-btn:focus{outline:none}.dropdown-content.open{display:block}.no-image-container{flex-direction:column;justify-content:center;align-items:center;margin:80px auto 0;display:flex}@media (min-width:768px){.no-image-container{margin-top:120px}}.no-image-container form{flex-direction:column;align-items:center;display:flex}@media (min-width:768px){.no-image-container form{flex-direction:row}}.no-image-container form input,.no-image-container form button{width:200px;margin:10px;margin-left:0!important}.no-image-container form select{width:260px;font:inherit;font-size:inherit;margin-top:10px}.no-image-container form option{font:inherit;font-size:inherit}.centre-with-padding{text-align:center;padding:0 1rem}.new-badge{border-top:64px solid var(--roast-new-blue);z-index:2;pointer-events:none;border-right:64px solid #0000;width:0;height:0;position:absolute;top:0;left:0}.new-badge:after{content:"NEW";color:var(--roast-white);text-transform:uppercase;letter-spacing:.5px;font-family:Loved by the King,sans-serif;font-size:16px;font-weight:900;line-height:1;position:absolute;top:-50px;left:8px;transform:rotate(-45deg)}
