.page__types-of-goods{padding:2rem 0}@media (max-width:64em){.page__types-of-goods{padding:1.5rem 0}}@media (max-width:48em){.page__types-of-goods{padding:1.5rem 0 1rem}}.types-of-goods__title-with-bg{align-self:center;color:#fff;display:block;margin-top:-.75rem;padding:.5rem 1rem .5rem 0;position:relative;width:-moz-max-content;width:max-content;z-index:0}.types-of-goods__title-with-bg:after{background-color:#181818;border-radius:.25rem;content:"";display:block;height:100%;left:-12px;position:absolute;top:0;transform:rotate(-2deg);width:calc(100% + 12px);z-index:-1}.types-of-goods__title{font-family:VAGRoundedNext;font-weight:400;line-height:1.1;text-align:center}@supports (font-size:clamp(1.25rem,.875rem + 1.25vw,2rem)){.types-of-goods__title{font-size:clamp(1.25rem,.875rem + 1.25vw,2rem)}}@supports not (font-size:clamp(1.25rem,.875rem + 1.25vw,2rem)){.types-of-goods__title{font-size:calc(.875rem + 1.25vw)}}.types-of-goods__text{line-height:1.3;text-align:center}.types-of-goods-container{display:flex;flex-direction:column;gap:1rem}.types-of-goods-cards{display:grid;gap:24px;grid-auto-flow:dense;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));justify-content:center}.types-of-goods-card{background-color:#cecdcb;background-repeat:no-repeat;background-size:cover;border-radius:.5rem;box-shadow:0 5px 14px #0f1d421a;container:typesOfGoodsCard/size;height:20.625rem;position:relative;transition:box-shadow .2s ease;width:100%}.types-of-goods-card img{border-radius:.5rem .5rem 0 0;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;right:0;top:0;width:100%}.types-of-goods-card:hover{box-shadow:0 4px 16px #d2d4da}.types-of-goods-card:hover .types-of-goods-card__button{opacity:1}.types-of-goods-card:before{content:"";display:block;padding-top:100%}.types-of-goods-card__content{background-color:#fff;border-radius:0 0 .375rem .375rem;bottom:0;display:grid;grid-template-columns:1fr 80px;height:5rem;left:0;position:absolute;right:0;transition:height .2s ease}@media (max-width:48em){.types-of-goods-card__content{grid-template-columns:1fr}}.types-of-goods-card__title{display:-webkit-box;font-family:VAGRoundedNext;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:1rem;line-height:1.1;word-wrap:break-word;margin:1.375rem;text-wrap:balance}.types-of-goods-card__button{align-items:center;background-color:#f2efea;border-radius:0 0 .375rem;display:flex;justify-content:center;opacity:0;transition:opacity .2s ease}@media (max-width:48em){.types-of-goods-card__button{display:none}}.types-of-goods-card__button:before{color:#ad7f43;font-size:1.5rem}@container typesOfGoodsCard (max-height: 400px){.types-of-goods-card img{height:calc(100cqh - 80px)}}