.offers{grid-template-columns:repeat(3,1fr);gap:40px;display:grid}.offers-two{grid-template-columns:repeat(2,minmax(0,1fr))}.offer{text-align:center;flex-direction:column;text-decoration:none;display:flex}.offer-photo{aspect-ratio:4/5}.offers-two .offer-photo{aspect-ratio:4/3}.offer img{transition:transform 1.2s}.offer:hover img{transform:scale(1.04)}.offer-body{flex:1;align-content:start;justify-items:center;gap:10px;padding:26px 8px 0;display:grid}.offer h3{font-size:30px;line-height:1.2}.offer p{color:var(--muted)}.more{border-bottom:1px solid var(--accent);font:500 11px/1 var(--font);letter-spacing:.24em;text-transform:uppercase;align-items:center;gap:8px;margin-top:6px;padding-bottom:6px;display:inline-flex}.more .ic{transition:transform .2s}.offer:hover .more .ic{transform:translate(4px)}.offer-dots{display:none}@media (max-width:900px){.offers,.offers-two{grid-template-columns:1fr}.offer{grid-template-columns:200px 1fr;display:grid}}@media (max-width:760px){.offers,.offers-two{margin-inline:calc(-1 * max(16px, env(safe-area-inset-left,0px)));padding-inline:max(16px, env(safe-area-inset-left,0px));scroll-snap-type:x mandatory;scroll-padding-inline:max(16px, env(safe-area-inset-left,0px));scrollbar-width:none;gap:14px;padding-bottom:6px;display:flex;overflow-x:auto}.offers::-webkit-scrollbar{display:none}.offer{scroll-snap-align:start;flex:0 0 84%;display:flex}.offer:hover img{transform:none}.offer-dots{justify-content:center;gap:8px;margin-top:18px;display:flex}.offer-dots span{background:var(--line);border-radius:50%;width:8px;height:8px;transition:width .25s,background .25s}.offer-dots span.on{background:var(--accent);border-radius:4px;width:24px}}
