.subcats{padding:72px 0 48px}.subcats__head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:40px}.subcats__head-left{max-width:560px}.subcats__eyebrow{display:block;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#e8a6b5;margin-bottom:10px}.subcats__heading{font-family:Cormorant Garamond,Georgia,serif;font-weight:500;font-size:44px;line-height:1.1;letter-spacing:-.01em;margin:0 0 14px;color:#2a2a33}.subcats__heading em{font-style:italic}.subcats__sub{font-size:15px;color:#565664;line-height:1.55;margin:0}.subcats__more{font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px;color:#2a2a33;text-transform:uppercase;letter-spacing:.08em;-webkit-text-decoration:none;text-decoration:none;border-bottom:1px solid #2a2a33;padding-bottom:2px;white-space:nowrap;transition:color .2s ease,border-color .2s ease}.subcats__grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}.subcats__card{position:relative;aspect-ratio:5/4;border-radius:14px;overflow:hidden;background:#f5efea;display:block;-webkit-text-decoration:none;text-decoration:none;cursor:pointer;transition:transform .35s ease,box-shadow .35s ease}.subcats__img,.subcats img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transition:transform .8s ease}.subcats__card:hover .subcats__img,.subcats__card:hover .subcats img{transform:scale(1.07)}.subcats__img-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#f5efea,#ece2e2)}.subcats__overlay{position:absolute;inset:0;background:linear-gradient(165deg,#2a2a330a 30%,#2a2a3366 70%,#2a2a33c7);pointer-events:none}.subcats__icon{position:absolute;top:14px;left:14px;width:38px;height:38px;border-radius:999px;background:#fbf7f2eb;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;color:#e8a6b5;border:1px solid rgba(251,247,242,.6);transition:background .25s ease,color .25s ease}.subcats__icon svg{width:22px;height:22px;display:block;flex-shrink:0}.subcats__card:hover .subcats__icon{background:#e8a6b5;color:#fbf7f2}.subcats__body{position:absolute;left:16px;right:16px;bottom:14px;color:#fbf7f2;pointer-events:none}.subcats__name{font-family:Cormorant Garamond,Georgia,serif;font-size:23px;font-weight:500;line-height:1.1}.subcats__count{font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;opacity:.85;margin-top:5px;display:flex;align-items:center;gap:6px}.subcats__arrow{opacity:0;transform:translate(-4px);transition:opacity .25s ease,transform .25s ease}.subcats__card:hover .subcats__arrow{opacity:1;transform:translate(0)}@media screen and (max-width:1024px){.subcats__grid{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:768px){.subcats__head{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:28px}.subcats__heading{font-size:36px}.subcats__grid{grid-template-columns:repeat(2,1fr);gap:12px}}@media screen and (max-width:640px){.subcats__heading{font-size:30px}.subcats__sub{font-size:14px}.subcats__grid{grid-template-columns:repeat(2,1fr);gap:10px}.subcats__card{aspect-ratio:4/3}.subcats__name{font-size:19px}}@media(any-hover:hover)and (any-pointer:fine){.subcats__more:hover{color:#e8a6b5;border-color:#e8a6b5}.subcats__card:hover{transform:translateY(-4px);box-shadow:0 2px 4px #2c26200a,0 12px 32px #2c262014}}
