.v5cl-nav{margin:4px 0 28px;padding:0}
.v5cl-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 18px}
	.v5cl-head h2{margin:0;color:#1f2933;font-size:24px;line-height:1.2;font-weight:700}
.v5cl-all-link{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border:1px solid #d9e4dc;border-radius:999px;color:#2f7d32;background:#fff;font-size:14px;font-weight:700;white-space:nowrap}
.v5cl-all-link:hover{color:#215d25;border-color:#a9c8ad;background:#f7fbf7}
.v5cl-grid{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x proximity;padding:0 0 12px;margin:0 -4px}
.v5cl-card{position:relative;display:flex;min-width:0;flex:0 0 132px;scroll-snap-align:start;flex-direction:column;align-items:center;text-align:center;color:#1f2933;text-decoration:none}
.v5cl-card:hover{color:#2f7d32}
.v5cl-circle{display:flex;align-items:center;justify-content:center;width:126px;height:126px;border-radius:50%;overflow:hidden;background:#fff;box-shadow:0 8px 24px rgba(27,64,43,.1);border:7px solid #fff;transition:transform .18s ease,box-shadow .18s ease}
.v5cl-card:hover .v5cl-circle{transform:translateY(-2px);box-shadow:0 12px 26px rgba(27,64,43,.14)}
.v5cl-circle img{display:block;width:100%;height:100%;padding:8px;object-fit:contain;border-radius:50%;background:#fff}
.v5cl-icon{color:#6a9d63;font-size:38px;line-height:1}
.v5cl-name{display:block;margin-top:10px;width:100%;max-width:150px;font-size:14px;font-weight:700;line-height:1.25;overflow-wrap:anywhere}
.v5cl-count{display:block;margin-top:4px;color:#7b8a84;font-size:12px;font-weight:500;line-height:1.2}
	.v5cl-products-anchor{display:block;position:relative;top:-90px;visibility:hidden}
.v5cl-seo{margin:34px 0 0;padding:28px 0 4px;border-top:1px solid #e3ece5;color:#33433d}
.v5cl-seo h2{margin:0 0 12px;color:#1f2933;font-size:24px;line-height:1.25;font-weight:700}
.v5cl-seo h3{margin:24px 0 12px;color:#1f2933;font-size:18px;line-height:1.3;font-weight:700}
.v5cl-seo p{margin:0 0 12px;color:#50605a;font-size:15px;line-height:1.65}
.v5cl-seo-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 18px;margin:18px 0 4px;padding:0;list-style:none}
.v5cl-seo-list li{position:relative;margin:0;padding-left:22px;color:#33433d;font-size:14px;line-height:1.5}
.v5cl-seo-list li:before{content:"";position:absolute;left:0;top:.62em;width:8px;height:8px;border-radius:50%;background:#2f7d32}
.v5cl-more{margin:18px 0 4px}
.v5cl-more-only{margin-top:0}
.v5cl-more h3{margin:0 0 10px;color:#1f2933;font-size:15px;font-weight:700;line-height:1.3}
.v5cl-more ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 18px;margin:0;padding:0;list-style:none}
.v5cl-more li{margin:0;min-width:0}
.v5cl-more a{display:inline-block;color:#2f7d32;font-size:14px;font-weight:700;line-height:1.45;text-decoration:none;overflow-wrap:anywhere}
.v5cl-more a:hover{text-decoration:underline}
.v5cl-more-count{color:#7b8a84;font-size:12px;font-weight:500}
.v5cl-related-links{margin:22px 0 4px}
.v5cl-related-links ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 18px;margin:0;padding:0;list-style:none}
.v5cl-related-links li{margin:0}
.v5cl-related-links a{color:#2f7d32;font-size:14px;font-weight:700;line-height:1.45;text-decoration:none}
.v5cl-related-links a:hover{text-decoration:underline}
.v5cl-faq{margin:28px 0 0}
.v5cl-faq details{border-top:1px solid #e5eee7}
.v5cl-faq details:last-child{border-bottom:1px solid #e5eee7}
.v5cl-faq summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 0;cursor:pointer;color:#1f2933;font-size:16px;font-weight:700;line-height:1.35;list-style:none}
.v5cl-faq summary::-webkit-details-marker{display:none}
.v5cl-faq summary:after{content:"+";flex:0 0 auto;color:#2f7d32;font-size:24px;line-height:1}
.v5cl-faq details[open] summary:after{content:"-"}
.v5cl-faq div{padding:0 0 16px;color:#50605a;font-size:15px;line-height:1.65}
@media (max-width:768px){
	.v5cl-head{align-items:flex-start;flex-direction:column;margin-bottom:10px}
		.v5cl-head h2{font-size:21px}
		/* ⛔ 03.09.2026. Здесь стояло display:none — ссылку «Смотреть товары»
		   прятали ровно там, где она нужнее всего. На телефоне подразделы
		   идут столбиком по ~110 px: у /catalog/pischevye-dobavki/ их 23,
		   это ~2500 px, которые покупатель обязан промотать до первого
		   товара. Показываем и увеличиваем до пальца. */
		.v5cl-head .v5cl-all-link{display:inline-flex;min-height:44px;margin:2px 0 10px}
	.v5cl-nav{margin:2px 0 22px}
	.v5cl-grid{display:block;overflow:visible;scroll-snap-type:none;gap:0;padding:0;margin:0}
	.v5cl-card{display:grid;grid-template-columns:88px minmax(0,1fr) 12px;grid-template-rows:auto auto;align-items:center;column-gap:14px;row-gap:3px;flex:none;min-width:0;text-align:left;background:#fff;border:1px solid #e8efe9;border-radius:14px;padding:9px 12px 9px 9px;margin:0 0 4px}
	.v5cl-card:active{background:#f7fbf7}
	.v5cl-card:after{content:"\203a";grid-column:3;grid-row:1/3;color:#a9b8b1;font-size:26px;line-height:1}
	.v5cl-circle{grid-column:1;grid-row:1/3;width:88px;height:88px;border-radius:14px;border-width:3px;box-shadow:none;background:#f6f9f6}
	.v5cl-card:hover .v5cl-circle{transform:none;box-shadow:none}
	.v5cl-circle img{padding:3px;border-radius:12px}
	.v5cl-icon{font-size:36px}
	.v5cl-name{grid-column:2;grid-row:1;align-self:end;margin-top:0;max-width:none;font-size:17px;line-height:1.28}
	.v5cl-count{grid-column:2;grid-row:2;align-self:start;margin-top:0;font-size:13px}
		.v5cl-seo{margin-top:26px;padding-top:24px}
	.v5cl-seo h2{font-size:21px}
	.v5cl-seo-list,.v5cl-related-links ul{grid-template-columns:1fr}
	.v5cl-more ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}
}
@media (min-width:769px) and (max-width:1024px){
		.v5cl-seo-list,.v5cl-related-links ul{grid-template-columns:repeat(2,minmax(0,1fr))}
}