/* Product row component (template-parts/product-row.php) — the homepage bestseller carousel as a
   self-contained block: same geometry, namespaced under .prow so it can sit on any page (also the
   standalone hub/accessory pages, which do not load yphos.css). Carousel mechanics are shared with
   assets/js/yphos.js (.gcar-track / .gcar-btn). */
.prow{background:rgb(250,250,250);padding:80px 0 130px;color:var(--body)}
.prow-in{max-width:1560px;margin:0 auto;padding:0 40px}
.prow-head{text-align:center;margin-bottom:64px}
.prow-head h2{font-size:28px;font-weight:400;letter-spacing:-.02em;color:var(--ink);line-height:1.08;margin:0}
.prow-head p{margin:16px auto 0;font-size:15.5px;line-height:1.75;color:var(--body);max-width:60ch}
.prow .gcar-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 72px)/4);gap:24px;
  overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}
.prow .gcar-track::-webkit-scrollbar{display:none}
.prow .pitem{scroll-snap-align:start;min-width:0;display:block;color:inherit;text-decoration:none}
.prow .shot{aspect-ratio:2/1.8;background-color:rgb(250,250,250);background-position:center;background-size:cover;background-repeat:no-repeat;transition:transform .6s var(--ease)}
.prow .pitem:hover .shot{transform:scale(1.03)}
.prow .pnm{margin-top:18px;font-size:17px;font-weight:500;color:var(--ink);text-align:center}
.prow .pline{display:block;height:2px;width:0;background:var(--ink);margin:3px auto 0;transition:width .55s var(--ease)}
.prow .pitem:hover .pline{width:48px}
.prow .pmt{margin-top:3px;font-size:13.5px;color:var(--muted);text-align:center}
.prow .gcar-nav{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:36px}
.prow .gcar-btn{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--ink);
  cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background .3s var(--ease),border-color .3s var(--ease)}
.prow .gcar-btn:hover:not(:disabled){background:var(--soft);border-color:var(--faint)}
.prow .gcar-btn:disabled{opacity:.32;cursor:default}
.prow .gcar-btn svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.prow-cta{text-align:center;margin-top:56px}
.prow .btn.line{background:transparent;border-color:var(--ink);color:var(--ink)}
.prow .btn.line:hover{background:var(--ink);border-color:var(--ink);color:#fff}
.prow .reveal.vis{opacity:1;transform:none}
@media(max-width:1100px){.prow .gcar-track{grid-auto-columns:calc((100% - 48px)/3)}}
@media(max-width:820px){.prow{padding:84px 0 92px}.prow-in{padding:0 16px}.prow .gcar-track{grid-auto-columns:calc((100% - 24px)/2)}.prow-head{margin-bottom:42px}}
@media(max-width:560px){.prow .gcar-track{grid-auto-columns:100%}}