.offer-list>li{display:grid;margin:var(--spacing-x2) 0;padding:var(--spacing);grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;column-gap:var(--spacing);row-gap:var(--spacing);align-items:center;background-color:var(--primary-text-dark)}.offer-list>li>*{overflow:hidden}.offer-list>li .offer-header{grid-row:1 / 2;grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between}.offer-list>li h2{font-size:1em;font-weight:700;word-wrap:break-word}.offer-list>li .offer-image{grid-row:2 / 3;grid-column:1 / 2}.offer-list>li .image{min-width:calc(var(--min-screen-width) / 4);width:25vw;max-width:12em;aspect-ratio:1 / 1;overflow:hidden;object-fit:cover}.offer-list>li .offer-main{grid-row:2 / 3;grid-column:2 / -1}.offer-list>li .offer-pricing{display:flex;position:relative;overflow:hidden;align-items:center;word-break:keep-all;overflow-wrap:normal;gap:var(--spacing)}.offer-list>li .offer-footer{grid-row:3 / 4;grid-column:1 / -1;display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;grid-auto-flow:row;align-items:center;justify-content:space-between;gap:var(--spacing)}.offer-list>li .offer-author{grid-column:1 / 2;grid-row:1 / 2}.offer-list>li .offer-comments{grid-column:2 / 3;grid-row:1 / 2}.offer-list>li .offer-link{grid-column:1 / 3;grid-row:2 / span 2}.offer-list>li .offer-link .button{width:100%;font-weight:bolder;font-size:1em}@media (min-width: 768px){.offer-list>li{grid-template-columns:12em auto;grid-template-rows:auto auto auto}.offer-list>li .offer-image{grid-row:1 / -1;grid-column:1 / 2}.offer-list>li .offer-header{grid-row:1 / 2;grid-column:2 / -1}.offer-list>li .offer-main{grid-row:2 / 3;grid-column:2 / -1}.offer-list>li .offer-footer{grid-row:3 / 4;grid-column:2 / -1;grid-template-columns:max-content auto max-content max-content;grid-template-rows:auto;justify-content:stretch}.offer-list>li .offer-author{grid-column:1 / 2;grid-row:1 / 2}.offer-list>li .offer-comments{grid-column:3 / 4;grid-row:1 / 2}.offer-list>li .offer-link{grid-column:4 / 5;grid-row:1 / 2}}