.tile-view{display:flex;flex-wrap:wrap}.tile-view--stm .tile-view-item{background-color:var(--c-gray-4);background-position:calc(100% + 15px) 25px;background-size:auto 100%;border-radius:72px;flex:0 0 50%;font-size:14px;font-weight:500;height:144px;line-height:20px;padding:16px}.tile-view--stm .tile-view-item:first-child{border-radius:0;flex:0 0 100%;height:183px}.tile-view--stm .tile-view-item:nth-child(6){border-radius:0}.tile-view--popular{margin:-4px}.tile-view--popular .tile-view-item{background-color:var(--c-gray-4);border:4px solid var(--c-white);flex:0 0 100%;font-size:14px;font-weight:500;height:148px;line-height:20px;padding:16px}.tile-view--popular .tile-view-item:nth-child(9){background:var(--c-green);color:var(--c-white);font-size:16px;font-weight:500;height:141px;line-height:21px;position:relative;z-index:0}.tile-view--popular .tile-view-item:nth-child(9):before{background:var(--c-green) radial-gradient(circle at 50% 50%,var(--c-green-dekor) 70px,transparent 70px) 50% 50%/140px 140px repeat;content:"";inset:0;position:absolute;z-index:-2}.tile-view--popular .tile-view-item:nth-child(9):after{background:var(--c-green-dekor);bottom:0;content:"";left:calc(50% + 70px);position:absolute;right:0;top:0;z-index:-1}.tile-view--catalog{gap:8px}.tile-view--catalog .tile-view-item{background-color:var(--c-gray-4);flex:0 0 calc(50% - 4px);font-size:13px;font-weight:500;height:108px;line-height:18px;min-width:0;padding:10px 12px}.tile-view--catalog .tile-view-item:where(:first-child,:nth-child(2)){flex:1 1 100%}@media (min-width:320px){.tile-view--popular .tile-view-item:first-child{flex:0 1 148px}.tile-view--popular .tile-view-item:nth-child(2),.tile-view--popular .tile-view-item:nth-child(7){flex:1 1 148px}.tile-view--popular .tile-view-item:nth-child(8){flex:0 0 148px}}@media (min-width:768px){.tile-view--stm .tile-view-item{border-radius:114.5px;flex:0 0 229px;font-size:20px;font-weight:500;height:229px;line-height:24px;padding:19px 30px 18px 22px}.tile-view--stm .tile-view-item:first-child{border-radius:0;flex:0 0 100%;height:248px;padding:20px 24px}.tile-view--stm .tile-view-item:nth-child(3),.tile-view--stm .tile-view-item:nth-child(5){flex:1 1 33.333%}.tile-view--stm .tile-view-item:nth-child(6){border-radius:0}.tile-view--popular .tile-view-item{font-size:18px;font-weight:500;height:174px;line-height:21px;padding:20px;width:174px}.tile-view--popular .tile-view-item:first-child{flex:0 0 174px}.tile-view--popular .tile-view-item:nth-child(2){flex:1 1 174px}.tile-view--popular .tile-view-item:nth-child(3),.tile-view--popular .tile-view-item:nth-child(4),.tile-view--popular .tile-view-item:nth-child(5){flex:0 0 50%}.tile-view--popular .tile-view-item:nth-child(6){flex:0 0 174px}.tile-view--popular .tile-view-item:nth-child(7),.tile-view--popular .tile-view-item:nth-child(8){flex:1 1 174px}.tile-view--popular .tile-view-item:nth-child(9){flex:0 0 174px;font-size:18px;font-weight:500;height:174px;line-height:21px}.tile-view--popular .tile-view-item:nth-child(9):before{background:var(--c-green) radial-gradient(circle at 50% 50%,var(--c-green-dekor) 84px,transparent 84px) 50% 50%/166px 166px repeat}.tile-view--popular .tile-view-item:nth-child(9):after{display:none}.tile-view--catalog .tile-view-item{flex:0 0 calc(25% - 6px);font-size:14px;font-weight:500;height:166px;line-height:20px;min-width:0;padding:16px 20px}}@media (min-width:1024px){.tile-view--stm .tile-view-item{border-radius:114px;flex:0 0 228px;height:228px;padding:20px 22px}.tile-view--stm .tile-view-item:first-child{border-radius:0;flex:1 1 50%;height:228px;padding:20px 24px}.tile-view--stm .tile-view-item:nth-child(3){flex:0 0 228px}.tile-view--stm .tile-view-item:nth-child(5){flex:1 1 228px}.tile-view--stm .tile-view-item:nth-child(6){border-radius:0}.tile-view--popular{margin:-9px}.tile-view--popular .tile-view-item{border-width:9px;height:203px;padding:20px 24px}.tile-view--popular .tile-view-item:first-child{flex:0 0 203px}.tile-view--popular .tile-view-item:nth-child(2),.tile-view--popular .tile-view-item:nth-child(3),.tile-view--popular .tile-view-item:nth-child(4){flex:0 0 calc(50% - 101.5px)}.tile-view--popular .tile-view-item:nth-child(5){flex:0 0 203px}.tile-view--popular .tile-view-item:nth-child(6),.tile-view--popular .tile-view-item:nth-child(7),.tile-view--popular .tile-view-item:nth-child(8){flex:0 0 calc(50% - 101.5px)}.tile-view--popular .tile-view-item:nth-child(9){flex:0 0 203px;height:203px}.tile-view--popular .tile-view-item:nth-child(9):before{background:var(--c-green) radial-gradient(circle at 50% 50%,var(--c-green-dekor) 92.5px,transparent 92.5px) 50% 50%/185px 185px repeat}.tile-view--catalog{gap:18px}.tile-view--catalog .tile-view-item{flex:0 0 calc(20% - 14.4px);font-size:16px;font-weight:500;height:168px;line-height:21px;padding:16px 20px}.tile-view--catalog .tile-view-item:where(:first-child){flex:0 0 calc(20% - 12px)}.tile-view--catalog .tile-view-item:where(:nth-child(2),:nth-child(3)){flex:0 0 calc(40% - 12px)}.tile-view--catalog .tile-view-item:where(:nth-child(4)){flex:0 0 calc(40% - 13.5px)}.tile-view--catalog .tile-view-item:where(:nth-child(5),:nth-child(6),:nth-child(7)){flex:0 0 calc(20% - 13.5px)}}@media (min-width:1440px){.tile-view{margin-top:20px}.tile-view--stm .tile-view-item{background-position:0 0;background-size:100% 100%;border-radius:124px;flex:0 0 248px;font-size:24px;font-weight:500;height:248px;line-height:29px;padding:20px 24px}.tile-view--stm .tile-view-item:first-child{border-radius:0;flex:0 0 704px;height:248px}.tile-view--stm .tile-view-item:nth-child(3){flex:0 0 248px}.tile-view--stm .tile-view-item:nth-child(5){flex:0 0 456px}.tile-view--stm .tile-view-item:nth-child(6){border-radius:0}.tile-view--popular .tile-view-item,.tile-view--popular .tile-view-item:nth-child(9){font-size:24px;font-weight:500;line-height:29px}.tile-view--popular .tile-view-item div{width:70%}.tile-view--catalog{margin-top:0}.tile-view--catalog .tile-view-item{height:172px}}.tile-view-item{background-position:100% 100%;background-repeat:no-repeat;background-size:contain;background-size:auto 90%;color:var(--c-black);cursor:pointer}