.category-page{background:radial-gradient(ellipse 900px 660px at 88% 12%,rgba(255,222,201,.4),transparent 70%),var(--canvas)}
.category-content{display:flow-root;width:min(1200px,calc(100% - 48px));margin:0 auto 80px}
.category-content .crumbs{margin-top:41px;font-size:13px}
.category-content .crumbs span{margin:0 8px}.category-content .crumbs .crumb-current{margin:0}
.category-content>h1{margin:22px 0 0;font:200 68px/1.06 var(--font-heading)}
.category-content .vo-subcat-carousel{margin-top:39px}
.category-chips{display:flex;flex-wrap:wrap;gap:22px;margin-top:38px;padding-left:18px}
.category-chips .vo-chip--icon{flex:1}
.category-content .filters{margin-top:32px;padding-top:24px;padding-bottom:24px}
.category-content .desktop-filters button{font-size:16px}
.category-content .products{margin-top:22px;padding:4px;column-gap:24px;row-gap:28px;align-items:stretch}
.category-banner{margin-top:7px}
@media(min-width:851px){.category-content .products>.category-banner{justify-self:center;width:calc(100% + 8px)}}
.seo-faq{display:grid;grid-template-columns:48% 52%;gap:0;margin-top:42px;padding:0 20px}
.seo-faq h2{font:400 28px/33px var(--font-body);letter-spacing:0;margin:-4px 0 12px}
.seo-faq>div>p{font-size:15px;line-height:22px;max-width:470px;margin:0}
.seo-faq>.vo-faq{border-left:1px solid var(--border);padding-left:24px;margin-top:-4px}
.seo-faq .vo-faq summary{font-size:17px;line-height:22px;padding:14px 42px 14px 8px}
.seo-faq .vo-benefits{max-width:475px;margin-top:17px}.seo-faq .vo-benefits span{font-size:14px}
.category-page[data-layout="custom"] .seo-faq{display:grid}
.category-page[data-layout="custom"] .products{grid-template-columns:repeat(2,minmax(0,1fr))}
.category-page[data-layout="custom"] .seo-faq>div>p,.category-page[data-layout="custom"] .vo-benefits{display:none}
.category-content .pagination{display:none}
@media(max-width:850px){
 .category-content{width:auto;margin:0 16px 84px}
 .category-content .crumbs{display:block;margin-top:32px;font-size:10px}
 .category-content>h1{font-size:28px;font-weight:300;margin-top:24px}
 .category-content .vo-subcat-carousel{margin-top:33px}
 .category-chips{flex-wrap:nowrap;gap:10px;margin-top:38px;overflow-x:auto;scrollbar-width:none;padding-left:0}
 .category-chips .vo-chip--icon{flex:0 0 80px}
 .category-content .filters{margin-top:30px;padding:10px 0;display:flex;justify-content:flex-start;gap:24px}
 .category-content .filters .today{margin:0}.category-content .sort-mobile{display:none}
 .category-content .products{padding:0;margin-top:18px;gap:8px}
 .category-content .products>.vo-product-card{order:0}
 .category-content .products>.vo-product-card[data-mobile-extra]{display:none}
 .category-content .products[data-expanded]>.vo-product-card[data-mobile-extra]{display:flex}
 .category-content .pagination{display:flex;flex-wrap:wrap;margin:20px 0;gap:10px;font-size:12px}
 .category-banner{margin-top:24px}.seo-faq{display:none}
 .category-page[data-layout="custom"] .seo-faq{display:block}
 .category-page[data-layout="custom"] .seo-faq h2{font-size:20px}
}
@media(min-width:768px) and (max-width:850px){.category-content .products{grid-template-columns:repeat(3,minmax(0,1fr))}}
body[data-kalka="1"] .category-banner{--vo-banner-art:url("../../О2 покупка/CATEGORY/assets/kalka/banner-art.png")}
@media(min-width:851px){.category-page[data-layout="custom"] .products{grid-template-columns:repeat(2,minmax(0,280px));justify-content:center}}
@media(min-width:851px){.category-content .filters{padding-left:29px;padding-right:15px;padding-top:25px;padding-bottom:23px}.category-content .desktop-filters button{font-weight:500}.category-content .today:before{background:radial-gradient(circle at 10px,#fff 0 7px,transparent 8px),#d8d5d4;border-color:#d8d5d4}.seo-faq h2{font-size:26.5px}.seo-faq>div>p{font-weight:500}.seo-faq .vo-benefits .vo-icon{font-size:30px}}
@media(min-width:851px){.seo-faq h2{margin-bottom:6px}.seo-faq .vo-benefits{margin-top:23px}}
@media(min-width:851px){.category-content .filters{border-radius:18px}.category-content .desktop-filters{flex:0 1 880px}.category-content .today{margin-left:auto;font-size:15px;gap:14px}.category-content .today:before{width:44px;height:24px;background:radial-gradient(circle at 12px,#fff 0 9px,transparent 10px),#d8d5d4}}
@media(min-width:851px){.category-content .filters{padding-bottom:21px}}
@media(min-width:1200px){.category-content .crumbs{padding-left:20px}.category-content>h1{padding-left:18px;font-size:70px;letter-spacing:-1.5px;line-height:72.08px}.category-content .vo-subcat-panel--bento .vo-subcat--collage .vo-subcat-photos{margin-top:38px}}

/* Кадр категории: три сценария одновременно на телефоне; пять чипов в одной строке на планшете. */
@media(max-width:850px){.category-content .vo-subcat-panel--bento article{flex-basis:calc((100% - 16px)/3);padding:8px 4px}.category-content .vo-subcat-panel--bento h2{font-size:12px;line-height:18px}.category-content .vo-subcat-panel--bento p{font-size:11px;line-height:15px;margin-bottom:8px}.category-content .vo-subcat-panel--bento .vo-subcat-photos{height:96px}.category-content .vo-subcat-panel--bento a{font-size:11px;line-height:16px}.category-content .vo-subcat-panel--bento .vo-subcat-cta{min-height:24px}}
@media(min-width:851px) and (max-width:1250px){.category-chips{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding-left:0}.category-chips .vo-chip--icon{min-width:0;gap:8px;font-size:14px;padding:16px 8px;white-space:normal;min-height:72px}}

/* Значки «Детские» и весёлого повода — тёплый контур кадра раздела. */
.category-page .category-teddy{width:1em;height:1em;color:#e7a164;flex:none}.category-page .vo-chip .ph-smiley{color:#e7a164}

@media(max-width:850px){.category-content .vo-subcat-panel--bento{border-radius:0;overflow:visible}.category-content .vo-subcat-panel--bento article{padding:12px 4px}.category-content .vo-subcat-panel--bento h2{min-height:36px;font-weight:500;margin-bottom:8px}.category-content .vo-subcat-panel--bento p{min-height:45px}.category-content .vo-subcat-panel--bento .vo-subcat-photos{height:125px}.category-content .vo-subcat-panel--bento .vo-subcat-cta{display:none}}

@media(max-width:850px){.category-content .vo-subcat-panel--bento .vo-subcat-photos{height:145px}.category-content .vo-subcat-panel--bento .vo-subcat-photos img{object-fit:cover;width:100%;height:100%}}

@media(max-width:850px){.category-content .vo-subcat-panel--bento .vo-subcat--collage h2{max-width:90px}}