@layer salon-block{.b-derma-popular .pp{padding:120px var(--dm-pad);flex-direction:column;gap:111px;display:flex}.b-derma-popular .pp__cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.b-derma-popular .pp__card{border:1px solid var(--c-line);background:var(--c-card);border-radius:26px;flex-direction:column;min-width:0;padding:10px 10px 22px;display:flex}.b-derma-popular .pp__photo{background:var(--c-raised);border-radius:18px;height:300px;overflow:hidden}.b-derma-popular .pp__body{flex-direction:column;flex:1;gap:8px;padding:18px 10px 0;display:flex}.b-derma-popular .pp__name{color:var(--c-text);overflow-wrap:anywhere}.b-derma-popular .pp__meta{margin-right:0}.b-derma-popular .pp__foot{justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:10px;display:flex}.b-derma-popular .pp__price{color:var(--c-text)}.b-derma-popular .pp__action{flex:none}@container block (width<=1439px){.b-derma-popular .pp__cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@container block (width<=767px){.b-derma-popular .pp{gap:18px;padding:52px 0}.b-derma-popular .pp>.dm-head{padding:0 20px}.b-derma-popular .pp__cards{scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px;padding:0 20px;scroll-padding-inline:20px;display:flex;overflow-x:auto}.b-derma-popular .pp__cards::-webkit-scrollbar{display:none}.b-derma-popular .pp__card{scroll-snap-align:start;flex:none;width:290px}}}