/* Scoped to modern recommendation blocks; native cards retain catalog styling. */
.coop-modern .modern-recommendations[hidden] { display: none !important; }
.coop-modern .modern-recommendations { min-width: 0; margin: 28px 0 12px; padding: 22px 0 0; border-top: 1px solid #e7e4e0; }
.coop-modern .modern-recommendations-heading { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; }
.coop-modern .modern-recommendations-heading h2 { margin: 0; font-family: 'Manrope', sans-serif; font-size: 22px; font-weight: 750; line-height: 1.3; color: #272c24; }
.coop-modern .modern-recommendations-grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(min(100%,165px),1fr)); gap: 12px; min-width: 0; }
.coop-modern .modern-recommendation-card { width: 100%; max-width: 210px; min-width: 0; margin: 0; cursor: pointer; }
.coop-modern .modern-recommendation-date { display: block; line-height: 1.35; }
.coop-modern .modern-recommendation-add { width: 100%; min-height: 42px; }
.coop-modern .modern-recommendation-add:disabled { cursor: default; }
.coop-modern #cart-screen .modern-recommendations { padding: 22px 0 0; }
.coop-modern #pd-content .modern-recommendations { grid-column: 1 / -1; }
.coop-modern-admin .modern-recommendation-report-form { display: flex; gap: 12px; flex-wrap: wrap; align-items: end; margin: 24px 0; }
.coop-modern-admin .modern-recommendation-report-form label { display: flex; flex-direction: column; gap: 6px; font-size: 14px; }
.coop-modern-admin .modern-recommendation-report-form input { min-height: 44px; padding: 9px 12px; border: 1px solid #deded7; border-radius: 8px; font: inherit; }
.coop-modern-admin .modern-recommendation-report-form button { min-height: 44px; padding: 10px 20px; border: 0; border-radius: 8px; background: #af4136; color: #fff; font: inherit; font-weight: 650; }
.coop-modern-admin .modern-recommendation-model { padding: 18px 20px; margin: 20px 0; border: 1px solid #e5e5dc; border-radius: 12px; background: #fafaf7; }
.coop-modern-admin .modern-recommendation-model p { margin: 6px 0; }
@media (min-width: 1200px) {
  .coop-modern #cart-screen .modern-recommendations-grid { grid-template-columns: repeat(auto-fill,minmax(180px,1fr)); }
}
@media (max-width: 600px) {
  .coop-modern .modern-recommendations { margin-top: 22px; padding-top: 18px; }
  .coop-modern .modern-recommendations-heading { margin-bottom: 12px; }
  .coop-modern .modern-recommendations-heading h2 { font-size: 18px; }
  .coop-modern .modern-recommendations-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
  .coop-modern-admin .modern-recommendation-report-form label { flex: 1 1 140px; min-width: 0; }
  .coop-modern-admin .modern-recommendation-report-form input { width: 100%; box-sizing: border-box; }
}

/* Compact recommendations only; regular catalog/repeat photos stay unchanged. */
body#coop-modern .modern-recommendations .modern-recommendation-card > .product-overlay { padding: 12px 12px 0; }
body#coop-modern .modern-recommendations .modern-recommendation-card .product-overlay-text { gap: 4px; }
body#coop-modern .modern-recommendations .modern-recommendation-card .product-name { font-size: 14px; line-height: 1.4; }
body#coop-modern .modern-recommendations .modern-recommendation-card .product-actions { padding: 10px 0 12px !important; }
body#coop-modern .modern-recommendations .modern-recommendation-add { min-height: 44px; }
@media (max-width: 600px) {
  body#coop-modern .modern-recommendations .modern-recommendation-card { max-width: none; }
  body#coop-modern .modern-recommendations .modern-recommendation-card > .product-overlay { padding: 10px 10px 0; }
}

/* Small thematic collections; collapsed in the main catalog. */
.coop-modern .modern-recommendation-collection{margin-top:22px;padding-top:18px;border-top:1px solid #e7e4e0;min-width:0}
.coop-modern .modern-collection-title{font-family:Manrope,sans-serif;font-size:20px;font-weight:750;margin:0 0 12px;color:#272c24}
.coop-modern .modern-collection-description{font-size:14px;line-height:1.5;color:#7c756b;margin:0 0 14px}
.coop-modern .modern-collection-summary{padding:12px 16px;background:#faf4ec;border:1px solid #e8d8c5;border-radius:12px;font-weight:700;color:#673c2c;cursor:pointer}
.coop-modern details.modern-recommendation-collection{border:0;margin-top:10px;padding:0}
.coop-modern details.modern-recommendation-collection[open]>.modern-collection-summary{margin-bottom:16px}
@media(max-width:600px){.coop-modern .modern-collection-title{font-size:18px}.coop-modern .modern-collection-description{font-size:13px}}