@layer salon-block{.b-aura-popular .pp{padding:120px var(--au-pad);color:var(--c-text);flex-direction:column;gap:68px;display:flex}.b-aura-popular .pp__heading{flex-direction:column;align-items:flex-start;gap:22px;display:flex}.b-aura-popular .pp__cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.b-aura-popular .pp__card{flex-direction:column;min-width:0;display:flex}.b-aura-popular .pp__photo{background:var(--c-surface);border-radius:24px;flex:none;height:380px;display:block;overflow:hidden}.b-aura-popular .pp__img{width:100%;height:100%}.b-aura-popular .pp__img img{object-fit:cover}.b-aura-popular .pp__body{flex-direction:column;gap:6px;padding:18px 4px 0;display:flex}.b-aura-popular .pp__name{overflow-wrap:anywhere}.b-aura-popular .pp__foot{justify-content:space-between;align-items:center;gap:10px;padding-top:12px;display:flex}.b-aura-popular .pp__meta{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.b-aura-popular .pp__action{flex:none}@container block (width<=1439px){.b-aura-popular .pp__cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@container block (width<=767px){.b-aura-popular .pp{gap:18px;padding:52px 20px}.b-aura-popular .pp__heading{gap:18px}.b-aura-popular .pp__cards{scroll-snap-type:x mandatory;scrollbar-width:none;gap:14px;margin:0 -20px;padding:0 20px;scroll-padding:0 20px;display:flex;overflow-x:auto}.b-aura-popular .pp__cards::-webkit-scrollbar{display:none}.b-aura-popular .pp__card{scroll-snap-align:start;flex:0 0 270px}}}