#cosmetics{padding-top:36px;padding-bottom:44px;scroll-margin-top:var(--header)}
#cosmetics h2{font-size:28px;line-height:1.2;letter-spacing:-.025em;margin:0 0 26px}
#cosmetics .cosmetics-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
#cosmetics .cosmetics-product{min-width:0;background:#1d1d20;border:1px solid #c4a46b}
#cosmetics .cosmetics-photo{overflow:hidden;background:#171719;aspect-ratio:4/5;border-bottom:1px solid #c4a46b}
#cosmetics .cosmetics-photo img{display:block;object-fit:cover;width:100%;height:100%;max-width:100%}
#cosmetics .cosmetics-product-copy{padding:20px 22px 24px}
#cosmetics .cosmetics-brand-name{font-size:14px;font-weight:600;letter-spacing:.04em;margin:0 0 8px}
#cosmetics h3{font-size:19px;line-height:1.3;letter-spacing:0;margin:0 0 10px}
#cosmetics .cosmetics-product-copy p:not(.cosmetics-brand-name){font-size:15px;line-height:1.6;margin:0}
@media(min-width:801px) and (max-width:1200px){.site-header{gap:16px}.site-header .brand>span{display:none}.site-header #main-nav{gap:0 14px;flex-wrap:wrap;justify-content:center;flex:1;min-width:0}.site-header #main-nav>a:not(.nav-book){font-size:14px;min-height:30px}.site-header .header-end{gap:12px}}
@media(max-width:1000px){#cosmetics .cosmetics-products{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){#cosmetics{padding-top:28px;padding-bottom:32px}#cosmetics h2{font-size:24px;margin-bottom:22px}#cosmetics .cosmetics-products{gap:14px}#cosmetics .cosmetics-product-copy{padding:16px 12px 20px}#cosmetics h3{font-size:17px}#cosmetics .cosmetics-product-copy p:not(.cosmetics-brand-name){font-size:14px}}