/* dolgk: общие стили каталога — плитка товара (листинг раздела, «Похожие размеры») */
.pcl{display:flex;flex-direction:column;background:var(--white,#fff);border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .3s,border-color .25s}
.pcl:hover{transform:translateY(-5px);box-shadow:0 18px 44px -16px rgba(20,24,33,.16);border-color:var(--blue-2)}
.pcl__pic{display:block;aspect-ratio:4/3;background:linear-gradient(160deg,#f7f9fd,#eef3fb);border-bottom:1px solid #eef1f6}
.pcl__pic svg{width:100%;height:100%;display:block}
.pcl__body{display:flex;flex-direction:column;gap:10px;flex:1;padding:18px}
.pcl__name{font-weight:700;font-size:16px;line-height:1.35;color:var(--ink)}
.pcl__name:hover{color:var(--blue)}
.pcl__chips{display:flex;flex-wrap:wrap;gap:6px}
.pcl__chip{font-size:12px;font-weight:700;color:var(--blue);background:var(--blue-soft);padding:5px 10px;border-radius:100px}
.pcl__btn{margin-top:auto;border:0;cursor:pointer;font:inherit;font-weight:700;font-size:14.5px;color:#fff;background:var(--amber);padding:13px 16px;border-radius:100px;box-shadow:0 10px 22px -10px rgba(255,122,26,.6);transition:background .2s}
.pcl__btn:hover{background:var(--amber-deep)}
.pcl-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media(max-width:1200px){.pcl-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1000px){.pcl-grid{grid-template-columns:repeat(2,1fr)}}

/* --- плитка на телефоне: компактная, 2 в ряд --- */
@media(max-width:640px){
  .pcl-grid{grid-template-columns:repeat(2,1fr);gap:10px}
  .pcl{border-radius:16px}
  .pcl:hover{transform:none;box-shadow:none}
  .pcl__body{padding:10px 10px 12px;gap:7px}
  .pcl__name{font-size:13px;line-height:1.3}
  .pcl__chips{gap:4px}
  .pcl__chip{font-size:10.5px;padding:3px 7px;line-height:1.35}
  .pcl__btn{font-size:12.5px;padding:9px 8px;white-space:nowrap;box-shadow:0 6px 14px -8px rgba(255,122,26,.6)}
}
@media(hover:none){.pcl:hover{transform:none}}