.container.products-cols {width:min(1920px, calc(100% - 40px));display:flex;flex-direction:row;justify-content:center;}
.products-list-wrapper {margin:75px 0px 20px 0px;display:flex;flex-direction:row;justify-content:center;padding:0px 20px;width:100%;}
.container.products-cols .sidepanel {width:0px;overflow:hidden;transition:width .5s ease-in-out;position:relative;}
.container.products-cols .sidepanel::after {content:'';display:block;width:40px;height:100%;position:absolute;top:0;bottom:0;right:0;background: linear-gradient(90deg, rgba(255, 255, 255, 0.0), rgba(255, 255, 255, 1.0));}
.container.products-cols .sidepanel.open {width:300px;}
.container.products-cols .sidepanel .wrapper {padding-right:40px;width:300px;}
.container.products-cols .sidepanel .wrapper form {background-color:#FFFDFD;box-shadow: 2px 4px 8px -1px #0000001C;display:block;border-radius:10px;padding:20px;opacity:0;transition:opacity 0.6s ease-in;overflow:hidden;}
.container.products-cols .sidepanel.open .wrapper form {opacity:1;}
.container.products-cols .mainpanel {width:100%;max-width:1250px;}
.container.products-cols .sidepanel .filter-row:not(.dropdown) {margin-bottom:15px;}

.products-list-wrapper .mainpanel {display:flex;flex-direction:column;gap:20px;}
.products-list-wrapper .products-list {display:grid;grid-template-columns:repeat(5, 1fr);gap:25px;}
.products-list-wrapper .products-list .product-card {border-bottom:1px solid var(--textColour);padding-bottom:20px;}
.products-list-wrapper .top-filter-panel {display:grid;grid-template-columns:1fr auto;gap:20px;}
.products-list-wrapper .top-filter-panel .quick-filters {display:grid;grid-template-columns:250px 400px;gap:20px;}
.products-list-wrapper .search-wrapper {border:1px solid #7F7F7F;border-radius:5px;overflow:hidden;display:flex;flex-direction:row;gap:10px;height:40px;padding:10px;transition:border .25s ease-in-out;}
.products-list-wrapper .search-wrapper::before {content:'';height:20px;width:20px;display:block;background-position:center;background-repeat:no-repeat;background-size:contain;background-image:url('../icons/search.svg');}
.products-list-wrapper .search-wrapper input {outline:none;border:0;padding:0;margin:0;display:block;width:100%;}
.products-list-wrapper .select-with-label-wrapper {border:1px solid #7F7F7F;border-radius:5px;display:flex;flex-direction:row;gap:10px;height:40px;padding:10px 0px 10px 0px;transition:border .25s ease-in-out;position:relative;}
.products-list-wrapper .select-with-label-wrapper .select-field-wrapper {width:100%;position:relative;}
.products-list-wrapper .select-with-label-wrapper label {background-color:var(--white);position:absolute;left:5px;top:-10px;font-weight:500;font-size:14px;padding:0px 10px 0px 10px;}
.products-list-wrapper .select-with-label-wrapper select {display:block;width:100%;border:0;appearance:none;padding-left:10px;padding-right:40px;border-radius:5px;font-weight:600;}
.products-list-wrapper .select-with-label-wrapper .select-field-wrapper::after {content:'';display:block;width:12px;height:12px;position:absolute;top:0;bottom:0;right:10px;background-size:contain;background-repeat:no-repeat;background-position:center;background-image:url('../icons/select-arrow.svg');margin:auto;pointer-events:none;}

.products-list-wrapper .search-wrapper:has(input:focus),
.products-list-wrapper .select-with-label-wrapper:has(select:focus){border:1px solid var(--black);}

.products-list-wrapper .list-heading {font-size:30px;font-weight:600;font-family:var(--secondaryFont);}

.container.products-cols .mainpanel:not(.pagination) {margin-bottom:40px;}

.products-list-wrapper .top-filter-panel .filter-button-wrapper {}
.products-list-wrapper .top-filter-panel .filter-button-wrapper .filter-button {appearance:none;display:block;width:100px;height:40px;border:0;margin:0;padding:0;display:flex;flex-direction:row;gap:10px;align-items:center;background-color:transparent;transform:scale(1);transition:transform .25s ease-in-out;}
.products-list-wrapper .top-filter-panel .filter-button-wrapper .filter-button:hover {cursor:pointer;transform:scale(1.1);}
.products-list-wrapper .top-filter-panel .filter-button-wrapper .filter-button::before {content:'';display:block;height:20px;width:20px;background-position:center;background-repeat:no-repeat;background-size:contain;background-image:url('../icons/filter.svg');}

.products-list-wrapper .filter-row.dropdown * {user-select:none;}
.products-list-wrapper .filter-row.dropdown {margin-bottom:5px;}
.products-list-wrapper .filter-row.dropdown .group-heading label {display:block;width:100%;position:relative;padding:5px 40px 5px 0px;border-bottom:1px solid var(--black);}
.products-list-wrapper .filter-row.dropdown .group-heading label:hover {cursor:pointer;}
.products-list-wrapper .filter-row.dropdown .group-heading label::after {content:'';display:block;height:20px;width:20px;background-position:center;background-repeat:no-repeat;background-size:contain;background-image:url('../icons/plus-circle.svg');position:absolute;top:0;bottom:0;right:0px;margin:auto;}
.products-list-wrapper .filter-row.dropdown .group-heading input {height:0;width:0px;opacity:0;position:absolute;top:-9999px;top:-9999px;}
.products-list-wrapper .filter-row.dropdown .options-list {padding:0px 10px 0px 10px;display:flex;flex-direction:column;gap:2px;max-height:0px;overflow:hidden;transition:max-height .4s ease-in-out, opacity .5s ease-in-out, padding .2s ease-in-out;opacity:0;}
.products-list-wrapper .filter-row.dropdown:has(.group-heading input:checked) .options-list {max-height:2500px;opacity:1;padding:8px 10px 10px 10px;}
.products-list-wrapper .filter-row.dropdown:has(.group-heading input:checked) .group-heading label::after {background-image:url('../icons/minus-circle.svg');}
.products-list-wrapper .filter-row.dropdown .options-list .option {display:grid;grid-template-columns:20px 1fr;align-items:center;padding:5px;border-radius:15px;background-color:transparent;transition:background-color .25s ease-in-out;}
.products-list-wrapper .filter-row.dropdown .options-list .option:hover {cursor:pointer;background-color:var(--cream);}
.products-list-wrapper .filter-row.dropdown .options-list .option .label {display:flex;width:100%;padding-left:10px;flex-direction:row;gap:8px;align-items:center;}
.products-list-wrapper .filter-row.dropdown .options-list .option .label[data-label="colour"]::before {content:'';display:block;height:15px;width:15px;border-radius:20px;background-color: var(--labelColour);border:1px solid var(--black);}
.products-list-wrapper .filter-row.dropdown .options-list .option > * {pointer-events:none;}

.products-list-wrapper .no-results {width:100%;padding:60px 20px;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;}
.products-list-wrapper .products-list:has(.no-results) {grid-template-columns:1fr;border-top:1px solid var(--black);}
.products-list-wrapper .no-results .icon {heig.container.products-cols .mainpanelht:40px;width:40px;display:block;background-position:center;background-repeat:no-repeat;background-size:contain;background-image:url('../icons/bag.svg');filter:invert(1);}
.products-list-wrapper .no-results .text {font-size:20px;font-weight:500;}

.products-list-wrapper .product-list-cta {padding:40px;line-height:160%;display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center;font-family:var(--secondaryFont);text-align:center;}
.products-list-wrapper .product-list-cta.cta-1 {grid-row:3 / span 2;grid-column: 1 / span 2;}
.products-list-wrapper .product-list-cta.cta-2 {grid-row:6 / span 2;grid-column: 4 / span 2;}
.products-list-wrapper .product-list-cta h2 {line-height:130%;font-weight:800;font-size:42px;margin:0;padding:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;}
.products-list-wrapper .product-list-cta .text-content {font-size:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;line-clamp:5;}
.products-list-wrapper .product-list-cta .button {margin-top:20px;display:block;width:100%;appearance:none;border:1px solid var(--black);padding:16px 20px;text-align:center;background-color:var(--black);color:var(--blackText);text-decoration:none;font-weight:var(--secondaryFont);font-size:18px;font-weight:700;transition:background-color .25s ease-in-out, color .25s ease-in-out, border .25s ease-in-out;border-radius:10px;}
.products-list-wrapper .product-list-cta.bg-black .button {background-color:var(--gold);color:var(--goldText);}
.products-list-wrapper .product-list-cta.bg-gold .button {background-color:var(--black);color:var(--blackText);}
.products-list-wrapper .product-list-cta .button:not(:disabled):hover, .products-list-wrapper .product-list-cta .button:not(:disabled):focus {background-color:var(--white);color:var(--whiteText);cursor:pointer;box-shadow: 0px 4px 4px 0px #00000040;}
.products-list-wrapper .product-list-cta .button:disabled {opacity:0.5;}

@media(max-width:1650px)
{
    /* Float Panel */
    .container.products-cols .sidepanel {overflow:visible;}
    .container.products-cols .sidepanel::after {display:none;}
    .container.products-cols .sidepanel.open {width:0px;}
    .container.products-cols .sidepanel .wrapper {padding-right:0px;width:260px;position:absolute;left:-600px;top:-20px;z-index:5;pointer-events:none;transition:left .4s ease-in-out;}
    .container.products-cols .sidepanel .wrapper form {opacity:1;border:1px solid #e3e3e3;}
    .container.products-cols .sidepanel.open .wrapper {pointer-events:all;left:-20px;}
}

@media(max-width:1100px)
{
    .products-list-wrapper .products-list {grid-template-columns:repeat(4, 1fr);}
    .products-list-wrapper .product-list-cta.cta-2 {grid-column:3 / span 2;}
}

@media(max-width:900px)
{
    .products-list-wrapper .products-list {grid-template-columns:repeat(2, 1fr);}
    .products-list-wrapper .product-list-cta.cta-1 {grid-row:4;}
    .products-list-wrapper .product-list-cta.cta-2 {grid-row:8;grid-column:1 / span 2;}
    
    .products-list-wrapper .product-list-cta h2 {font-size:35px;}
    .products-list-wrapper .product-list-cta .text-content {font-size:18px;}
    
    .products-list-wrapper .top-filter-panel .quick-filters {grid-template-columns:250px 250px;}
}

@media(max-width:750px)
{
    .products-list-wrapper .top-filter-panel .filter-button-wrapper {order:2;}
    .products-list-wrapper .top-filter-panel .quick-filters {grid-template-columns:1fr;order:1;}
    .products-list-wrapper .top-filter-panel .quick-filters .search-panel {display:none;}
    .products-list-wrapper .select-with-label-wrapper {border-radius:0;}
    .products-list-wrapper .top-filter-panel .filter-button-wrapper .filter-button {border:1px solid #7F7F7F;gap:0;}
    .products-list-wrapper .top-filter-panel .filter-button-wrapper .filter-button::after {content:'s';}
    .products-list-wrapper .top-filter-panel .filter-button-wrapper .filter-button::before {margin:0px 10px 0px 10px;}
    .products-list-wrapper .top-filter-panel {gap:15px;}
    
    .products-list-wrapper {margin:40px 0px 20px 0px;}
    
    
}

@media(max-width:600px)
{
    .products-list-wrapper {padding:0;}
}

@media(max-width:400px)
{
    .products-list-wrapper .products-list {grid-template-columns:1fr;}
    .products-list-wrapper .product-list-cta.cta-1, .products-list-wrapper .product-list-cta.cta-2 {grid-column:1;}
}