/* sunday-carat: the few rules the demo never needed — its catalogue was 8 pieces (no pager) and it had
   no search/blog/article/CMS page. Built from the demo's own tokens and classes; nothing restyled. */
.catalog-pager{grid-column:1/-1}
.gallery-thumbs{flex-wrap:wrap}
.search-page-form{max-width:560px;margin:0 auto 40px}
.search-page-form .search-input{width:100%}
.info-page .rte p,.info-page .rte li{margin-bottom:16px}
.info-page .rte img{max-width:100%;height:auto}
/* store photos are 4:3 on white (demo's were square on beige): keep the demo's single-tone frame —
   the photo multiplies onto the frame instead of painting its own paper band */
.product-hero-photo .product-main-image{background:transparent}
/* hero "ON HER HAND" piece: the demo slot holds a short name ("The … ring"); store titles run 60-90 chars and
   wrapped over the light widget at 375. One line, same box width as the demo's name, full title on hover. */
.hero-piece strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}
/* bag lines: the demo's square beige photo filled its paper box; a 4:3 white store packshot left paper bands
   above/below. Paper moves to the link and the photo multiplies onto it — one beige square, as on the demo. */
.bag-line > a:first-child{background:var(--paper);display:block;align-self:start;line-height:0}
.bag-line img{background:transparent}
/* mega menu feature: the demo slot holds a one-line short name; long store titles stay on one line too */
.mega>a:last-child span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}