@charset "utf-8";
/* CSS Document */
/* ---------- Responsive ---------- */
@media (max-width:1024px){
	.article-head h1{font-size: 22px;}
	.crumbs-bar{padding:120px 0.35rem 0px 0.35rem;}
	.crumbs-inner .cur{max-width:100%;flex-basis:100%;padding-left:0}
	.mains{margin:30px 0.35rem 0px 0.35rem;}
  .detail{grid-template-columns:minmax(0,1fr) 290px;}
	.p-item{padding: 0 0 40px 0;}
	.p-item .p-info{line-height:26px;max-height:52px;margin-bottom:12px;}
	.p-item h4{font-size:16px;}
}
@media (max-width:960px){

  .burger{display:flex}
  .detail{grid-template-columns:1fr;}
  .side{position:static}
  .side-products{display:grid;grid-template-columns:1fr 1fr;}
}
@media (max-width:680px){

  .article-head h1{line-height:1.5;margin-bottom:16px}
  .article-meta{gap:8px 18px;padding-bottom:16px;margin-bottom:14px}
  .share-row{padding-bottom:0.35rem;margin-bottom:24px;gap:10px}
  .share-btn{width:35px;height:35px}
  .back-list a{padding:0.1rem 0.48rem;margin-top:1rem; text-align: center;}
  .side-products{grid-template-columns:1fr}
  .side-box{padding:0.35rem 18px;margin-bottom:0.35rem;}
 
}

@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
}