/* Dedicated homepage collection: intentionally avoids legacy showcase selectors. */
#products.yp-category-collection { background:var(--yp-cool-mist, #f3f6fa); padding:64px 0; }
.yp-category-collection .yp-collection-inner { max-width:1200px; }
.yp-collection-head { display:flex; align-items:center; justify-content:space-between; gap:28px; margin-bottom:28px; }
.yp-collection-intro { min-width:0; }
.yp-collection-intro .yp-kicker { margin:0 0 10px; }
.yp-collection-intro h2 { margin:0 0 10px; color:var(--yp-navy, #12233f); font-size:clamp(26px, 2.65vw, 36px); font-weight:800; letter-spacing:-.035em; line-height:1.14; }
.yp-collection-intro > p:last-child { margin:0; color:var(--yp-muted, #667085); font-size:14px; line-height:1.65; }
.yp-collection-head > a { flex-shrink:0; }
.yp-collection-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px 20px; }
.yp-collection-card { display:flex; flex-direction:column; min-width:0; color:var(--yp-navy, #12233f); text-decoration:none; background:#fff; border:1px solid var(--yp-border, #dfe4ea); border-radius:14px; overflow:hidden; box-shadow:0 2px 5px rgba(18,35,63,.035); transition:border-color .18s ease,box-shadow .18s ease; }
.yp-collection-media { aspect-ratio:16/9; overflow:hidden; background:#e9e3dc; }
.yp-collection-media img { display:block; width:100%; height:100%; object-fit:contain; }
.yp-collection-caption { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:16px; flex:1; min-height:76px; }
.yp-collection-label { min-width:0; }
.yp-collection-caption h3 { margin:0; color:var(--yp-navy, #12233f); font-family:inherit; font-size:16px; font-weight:700; line-height:1.4; letter-spacing:-.015em; white-space:normal; overflow-wrap:break-word; }
.yp-collection-arrow { width:32px; height:32px; flex:0 0 32px; border-radius:50%; background:#f0f3f7; display:grid; place-items:center; color:var(--yp-navy, #12233f); transition:background .18s ease,color .18s ease; }
.yp-collection-card[href]:focus-visible { outline:3px solid var(--yp-orange, #f26822); outline-offset:4px; }
.yp-collection-card[href]:focus-visible .yp-collection-arrow { background:var(--yp-orange, #f26822); color:#fff; }
.yp-collection-status { display:block; margin-top:4px; font-size:12px; line-height:1.4; color:var(--yp-muted, #667085); }
@media (hover:hover) {
  .yp-collection-card[href]:hover { border-color:var(--yp-orange, #f26822); box-shadow:0 5px 16px rgba(18,35,63,.07); }
  .yp-collection-card[href]:hover .yp-collection-arrow { background:var(--yp-orange, #f26822); color:#fff; }
}
@media (max-width:1024px) {
  .yp-collection-grid { gap:20px 14px; }
  .yp-collection-head { align-items:flex-start; flex-wrap:wrap; }
  .yp-collection-caption { padding:12px; gap:8px; }
  .yp-collection-caption h3 { font-size:14px; }
  .yp-collection-arrow { width:26px; height:26px; flex-basis:26px; }
}
@media (max-width:720px) {
  #products.yp-category-collection { padding:42px 0; }
  .yp-collection-head { flex-direction:column; gap:18px; margin-bottom:24px; }
  .yp-collection-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px 12px; }
  .yp-collection-caption { padding:12px; gap:8px; min-height:88px; }
  .yp-collection-caption h3 { font-size:14px; line-height:1.45; }
  .yp-collection-arrow { width:26px; height:26px; flex-basis:26px; }
  .yp-collection-arrow svg { width:16px; height:16px; }
}
@media (max-width:359px) { .yp-collection-grid { grid-template-columns:1fr; } }
@media (prefers-reduced-motion:reduce) { .yp-collection-card,.yp-collection-arrow { transition:none; } }