/* @group @variables */

[class*="m-option-cheap-list"] {
--option-cheap-list-gap: 1.5rem;
}

@media all and (min-width: 48em) {

[class*="m-option-cheap-list"] {
--option-cheap-list-gap: 4.5rem;
}

}

/* @end @variables */

/* @group @m-option-cheap-list */

[class*="m-option-cheap-list"] {
display: grid;
grid-auto-flow: row;
gap: var(--option-cheap-list-gap);
}

/* @end @m-option-cheap-list */

/* -------------------------------------------------------- */

/* @group @variables */

[class*="m-seasonal-list"] {
--seasonal-list-grid-template-columns: repeat(3, 1fr);
--seasonal-list-gap: 1.5rem;
--seasonal-banner-border-radius: 1.125rem;
}

@media all and (min-width: 48em) {

[class*="m-seasonal-list"] {
--seasonal-list-grid-template-columns: repeat(4, 1fr);
/*--seasonal-list-gap: 1.5rem;*/
}

}

@media all and (min-width: 62em) {

[class*="m-seasonal-list"] {
--seasonal-list-grid-template-columns: repeat(6, 1fr);
}

}

/* @end @variables */

/* @group @m-seasonal-list */

[class*="m-seasonal-list"] {
display: grid;
grid-template-columns: var(--seasonal-list-grid-template-columns);
gap: var(--seasonal-list-gap);
margin: 0 auto;
padding-left: 0;
list-style: none;
}

[class*="m-seasonal-list"] img {
width: 100%;
height: auto;
border-radius: var(--seasonal-banner-border-radius);
transition: var(--filter-transition);
}

[class*="m-seasonal-list"] a img {
filter: drop-shadow(0px .25rem .25rem hsl(0deg 0% 0% / 30%));
}

[class*="m-seasonal-list"] a:hover img,
[class*="m-seasonal-list"] a:focus img {
/*filter: drop-shadow(0px .25rem .25rem hsl(0deg 0% 0% / 60%));*/
filter: drop-shadow(0px .25rem .25rem hsl(0deg 0% 0% / 45%));
}

/*[class*="a-seasonal-disabled"] img {
filter: grayscale(1) invert(.2);
}*/

[class*="m-seasonal-list"] :where(:not(a)) img {
filter: grayscale(1) invert(.2);
}


/* @end @m-seasonal-list */

/* @group @variables */

[class*="m-cheap-plan-list"] {
--cheap-plan-list-grid-template-columns: repeat(1, 1fr);
--cheap-plan-list-gap: .75rem;
--cheap-plan-list-gap: 1.5rem;
}

@media all and (min-width: 48em) {

[class*="m-cheap-plan-list"] {
--cheap-plan-list-grid-template-columns: repeat(2, 1fr);
--cheap-plan-list-gap: 1.5rem;
}

}

@media all and (min-width: 62em) {

[class*="m-cheap-plan-list"] {
--cheap-plan-list-grid-template-columns: repeat(3, 1fr);
}

}

/* @end @variables */

/* @group @m-cheap-plan-list */

[class*="m-cheap-plan-list"] {
display: grid;
grid-template-columns: var(--cheap-plan-list-grid-template-columns);
gap: var(--cheap-plan-list-gap);
padding-left: 0;
list-style: none;
}

[class*="m-cheap-plan-list"] img {
width: 100%;
height: auto;
border-radius: .25rem;
/*filter: drop-shadow(0px .25rem .25rem hsl(0deg 0% 0% / 30%));*/
}

[class*="m-cheap-plan-list"] :where(:not(a)) img {
filter: grayscale(1) invert(.2);
}

[class*="m-cheap-plan-list"] a img {
filter: drop-shadow(0px .25rem .25rem hsl(0deg 0% 0% / 20%));
transition: var(--filter-transition);
}

[class*="m-cheap-plan-list"] a:hover img,
[class*="m-cheap-plan-list"] a:focus img {
/*filter: drop-shadow(0px .25rem .25rem hsl(0deg 0% 0% / 60%));*/
filter: drop-shadow(0px .25rem .25rem hsl(0deg 0% 0% / 40%));
}

/* @end @m-cheap-plan-list */