.okazje{padding-top:30px}.occasion-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:16px}@media(max-width: 991px){.occasion-grid{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 650px){.occasion-grid{grid-template-columns:1fr}}.occ{position:relative;display:flex;flex-direction:column;overflow:hidden;border:1px solid #e0e2e3;background:var(--surface);color:#24282c;transition:box-shadow .2s}.occ.is-big{grid-column:span 2}@media(max-width: 650px){.occ.is-big{grid-column:auto}}.occ:is(a):hover{box-shadow:var(--shadow);color:#24282c}.occ:is(a):hover img{transform:scale(1.03)}.occ-media{height:300px;overflow:hidden;background:#f4f4f4}.occ-media img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}@media(max-width: 650px){.occ-media{height:240px}}.occ-copy{display:flex;flex:1;flex-direction:column;min-height:112px;padding:16px 17px 18px}.occ-copy h3{margin:4px 0 5px;font-family:var(--ff-head);font-size:27px;font-weight:600;line-height:1;letter-spacing:-0.01em}.occ-copy p{margin:0;color:#737a80;font-size:10px;line-height:1.5}.occ-label{font-family:var(--ff);font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#777d81}.occ-rating{padding-top:8px;color:#d39a18;font-size:10px;letter-spacing:.03em}
