.grid-container{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px}.grid-item{color:black;text-align:center;display:flex;flex-direction:column;width:100%;height:auto;border-radius:18px;background:#ffffff;border:1px solid #f0f0f0;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.06);transition:transform .25s ease,box-shadow .25s ease}.grid-item:hover{transform:translateY(-6px);box-shadow:0 12px 32px rgba(0,0,0,.12)}.grid-item_image{width:100%;aspect-ratio:3/4;overflow:hidden;position:relative}.grid-item_image img{object-fit:cover;width:100%;height:100%;transition:transform .35s ease}.grid-item:hover .grid-item_image img{transform:scale(1.04)}.grid-item_price{display:flex;justify-content:space-between;align-items:center;padding:12px 14px 8px;font-weight:600;font-size:15px;color:#1b1b1b}.grid-item_price p:last-child{color:#af1184;font-weight:700}.grid-item_button{cursor:pointer;font-weight:600;font-size:14px;color:white;background:linear-gradient(135deg,var(--color_background_vk),#3d9cff);padding:11px 14px;margin:6px 12px;border-radius:12px;transition:background .25s ease,transform .2s ease,box-shadow .2s ease;box-shadow:0 2px 8px rgba(0,119,255,.25);letter-spacing:.1px}.grid-item_button:hover{background:linear-gradient(135deg,var(--color_background_vk_2),#0077ff);transform:translateY(-1px);box-shadow:0 4px 14px rgba(0,119,255,.35)}.grid-item_button_tg{background:linear-gradient(135deg,var(--color_background_tg),#49bef0);box-shadow:0 2px 8px rgba(39,167,231,.25);margin-bottom:12px;margin-top:0}.grid-item_button_tg:hover{background:linear-gradient(135deg,var(--color_background_tg_2),#27A7E7);box-shadow:0 4px 14px rgba(39,167,231,.35)}@media (max-width:1300px){.grid-item_button{padding:11px 10px;margin:6px 10px}}@media (max-width:1050px){.grid-container{grid-template-columns:repeat(3,1fr)}}@media (max-width:830px){.grid-container{grid-template-columns:repeat(2,1fr);gap:16px}}@media (max-width:550px){.grid-container{grid-template-columns:1fr;gap:14px}}