.asamo-beauty-categories{background:var(--category-background,#fff);padding:48px 32px 56px;color:#171717}
.asamo-beauty-categories__inner{max-width:1320px;margin:0 auto}
.asamo-beauty-categories h2{font-size:clamp(24px,2.2vw,32px);font-weight:700;line-height:1.2;letter-spacing:-.5px;margin:0 0 26px}
.asamo-beauty-categories__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.asamo-beauty-categories__tile{position:relative;display:block;aspect-ratio:3/4;overflow:hidden;border-radius:3px;background:#eee3de;color:white;text-decoration:none;isolation:isolate}
.asamo-beauty-categories__tile::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(25,16,15,.13) 65%,rgba(25,16,15,.72));z-index:1;pointer-events:none}
.asamo-beauty-categories__tile img,.asamo-beauty-categories__tile svg{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.asamo-beauty-categories__tile:hover img{transform:scale(1.045)}
.asamo-beauty-categories__caption{position:absolute;inset:auto 14px 16px;display:flex;align-items:center;justify-content:space-between;gap:6px;z-index:2;font-size:15px;font-weight:700;line-height:1.25;color:#fff;text-shadow:0 1px 5px #0004}
.asamo-beauty-categories__arrow{font-size:23px;font-weight:400;line-height:1;transition:transform .2s ease}
.asamo-beauty-categories__tile:hover .asamo-beauty-categories__arrow{transform:translateX(3px)}
.asamo-beauty-categories__tile:focus-visible{outline:3px solid #a75966;outline-offset:4px}
@media(min-width:990px) and (max-width:1150px){.asamo-beauty-categories__caption{font-size:13px;inset:auto 10px 14px}}
@media(max-width:989px){.asamo-beauty-categories{padding:34px 24px 40px}.asamo-beauty-categories__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}}
@media(max-width:599px){.asamo-beauty-categories{padding:30px 16px 36px}.asamo-beauty-categories__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.asamo-beauty-categories h2{margin-bottom:20px}.asamo-beauty-categories__caption{font-size:14px;inset:auto 12px 14px}}
@media(prefers-reduced-motion:reduce){.asamo-beauty-categories__tile img,.asamo-beauty-categories__arrow{transition:none}}