/* Original SOUQI reference applied only to the calm catalog home. */
html[data-store-template=sage] .sage-reference-catalog{--reference-cream:#f3efe6;--reference-sage:#e9eee5}
html[data-store-template=sage] .sage-reference-catalog .hero-copy{padding:50px}
html[data-store-template=sage] .sage-reference-catalog .hero-copy h1{font-size:clamp(34px,4.2vw,58px);line-height:1.4;letter-spacing:-1px}
html[data-store-template=sage] .sage-reference-catalog .hero-actions .button{padding:13px 26px;border-radius:8px}
html[data-store-template=sage] .sage-reference-catalog .category-section{padding-top:10px;margin-bottom:55px}
html[data-store-template=sage] .sage-reference-catalog .category-heading{font-size:22px;font-weight:600;margin-bottom:24px;align-items:center}
html[data-store-template=sage] .sage-reference-catalog .filters{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
html[data-store-template=sage] .sage-reference-catalog .filters button{background:#f0f2e9;border-color:transparent;gap:20px;padding:26px 20px;min-height:104px}
html[data-store-template=sage] .sage-reference-catalog .filters button:nth-child(4n+2){background:#f0ece5}
html[data-store-template=sage] .sage-reference-catalog .filters button:nth-child(4n+3){background:#edf0ef}
html[data-store-template=sage] .sage-reference-catalog .filters button:nth-child(4n+4){background:#f3ece8}
html[data-store-template=sage] .sage-reference-catalog .filters button:is(.active,:hover){border-color:var(--accent)}
.sage-category-copy{display:grid;gap:3px;text-align:start}.sage-category-copy small{display:none}
html[data-store-template=sage] .sage-reference-catalog .sage-category-copy small{display:block;font-size:10px;font-weight:400}
html[data-store-template=sage] .sage-reference-catalog .filters button strong{font-size:13px}
html[data-store-template=sage] .sage-reference-catalog #delivery{padding:34px 0;margin-bottom:38px}
html[data-store-template=sage] .sage-reference-catalog #delivery b{width:48px;height:48px;display:grid;place-items:center}
html[data-store-template=sage] .sage-reference-catalog #delivery b svg{width:24px;height:24px;stroke-width:1.6}
html[data-store-template=sage] .sage-reference-catalog #about{display:grid;grid-template-columns:1fr 1fr;column-gap:0;padding:0;overflow:hidden;border:0;border-radius:22px;background:var(--soft);margin-top:55px}
html[data-store-template=sage] .sage-reference-catalog #about>.sage-story-photo{grid-column:2;grid-row:1/span 3;width:100%;height:100%;min-height:320px;object-fit:cover}
html[data-store-template=sage] .sage-reference-catalog #about>:not(img){grid-column:1;margin-inline:40px;max-width:none}
html[data-store-template=sage] .sage-reference-catalog #about>.eyebrow{align-self:end;margin-top:35px}
html[data-store-template=sage] .sage-reference-catalog #about h2{font-size:30px;line-height:1.5;margin-block:8px}
html[data-store-template=sage] .sage-reference-catalog #about>p:last-child{align-self:start;font-size:13px;margin-bottom:35px}
html[data-store-template=sage] .sage-reference-catalog footer{display:grid;grid-template-columns:1fr 2fr;gap:12px 60px;background:var(--soft);border:0;border-radius:22px 22px 0 0;padding:40px;margin-top:60px;align-items:start}
html[data-store-template=sage] .sage-reference-catalog footer>.brand{grid-column:1;grid-row:1}
html[data-store-template=sage] .sage-reference-catalog footer>p{grid-column:1;grid-row:2;margin:0}
html[data-store-template=sage] .sage-reference-catalog footer>span{grid-column:1;grid-row:3}
html[data-store-template=sage] .sage-reference-catalog .sage-footer-navigation{grid-column:2;grid-row:1/span 3;display:grid;grid-template-columns:1fr 1fr;gap:30px}
.sage-footer-navigation section{padding:0;display:flex;flex-direction:column;gap:9px}.sage-footer-navigation h3{font-size:13px;margin:0 0 8px}.sage-footer-navigation a{font-size:12px;width:fit-content}.sage-footer-navigation a:hover{text-decoration:underline;text-underline-offset:4px}
html[data-store-template=sage][data-store-theme=dark] .sage-reference-catalog .filters button{background:var(--soft)}
@media(max-width:1000px){html[data-store-template=sage] .sage-reference-catalog .filters{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-store-template=sage] .sage-reference-catalog .hero-copy{padding:30px}html[data-store-template=sage] .sage-reference-catalog #about>:not(img){margin-inline:25px}}
@media(max-width:600px){html[data-store-template=sage] .sage-reference-catalog .hero-copy h1{font-size:36px}html[data-store-template=sage] .sage-reference-catalog .category-heading{font-size:20px}html[data-store-template=sage] .sage-reference-catalog .filters{gap:12px}html[data-store-template=sage] .sage-reference-catalog .filters button{padding:18px 12px;gap:12px;min-height:90px}html[data-store-template=sage] .sage-reference-catalog .filters button strong{font-size:12px}html[data-store-template=sage] .sage-reference-catalog #about{grid-template-columns:1fr;margin-top:35px}html[data-store-template=sage] .sage-reference-catalog #about>.sage-story-photo{grid-column:1;grid-row:4;min-height:0;height:230px}html[data-store-template=sage] .sage-reference-catalog #about h2{font-size:24px}html[data-store-template=sage] .sage-reference-catalog footer{grid-template-columns:1fr;padding:28px 22px;margin-top:40px;gap:14px}html[data-store-template=sage] .sage-reference-catalog .sage-footer-navigation{grid-column:1;grid-row:4;margin-top:20px;gap:20px}}

/* Match the reference product tile: full-bleed portrait image, no inset mat. */
html[data-store-template=sage] .sage-reference-catalog .product{border:0;border-radius:0;background:transparent;padding:0;box-shadow:none}
html[data-store-template=sage] .sage-reference-catalog .product:hover{transform:none}
html[data-store-template=sage] .sage-reference-catalog .product-visual{border:0;border-radius:14px;background:var(--sage-image);overflow:hidden}
html[data-store-template=sage] .sage-reference-catalog .product-visual>a{width:100%;height:auto;aspect-ratio:1/1.12;padding:0;overflow:hidden}
html[data-store-template=sage] .sage-reference-catalog .product-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:0;padding:0;transition:transform .5s ease}
html[data-store-template=sage][data-image-position=top] .sage-reference-catalog .product-visual img{object-position:center top}
html[data-store-template=sage][data-image-position=bottom] .sage-reference-catalog .product-visual img{object-position:center bottom}
@media(hover:hover){html[data-store-template=sage] .sage-reference-catalog .product:hover .product-visual img{transform:scale(1.045)}}
html[data-store-template=sage] .sage-reference-catalog .product-info{padding:12px 0 0}
html[data-store-template=sage] .sage-reference-catalog .product-info h3{font-size:13px;line-height:1.8;margin:4px 0 10px}
html[data-store-template=sage] .sage-reference-catalog .sage-category-copy small{color:var(--ink);font-size:11px}
html[data-store-template=sage] .sage-reference-catalog #about{align-items:stretch}
html[data-store-template=sage] .sage-reference-catalog #about>.sage-story-photo{grid-column:2;grid-row:1;min-height:320px}
html[data-store-template=sage] .sage-reference-catalog #about>.sage-story-copy{grid-column:1;grid-row:1;display:flex;flex-direction:column;justify-content:center;gap:8px;margin:0;padding:35px 45px;min-width:0}
html[data-store-template=sage] .sage-reference-catalog .sage-story-copy>.eyebrow{margin:0}
html[data-store-template=sage] .sage-reference-catalog .sage-story-copy h2{margin:0}
html[data-store-template=sage] .sage-reference-catalog .sage-story-copy>p:last-child{margin:0;font-size:13px;line-height:2}
@media(max-width:600px){html[data-store-template=sage] .sage-reference-catalog #about>.sage-story-copy{grid-column:1;grid-row:1;padding:28px}html[data-store-template=sage] .sage-reference-catalog #about>.sage-story-photo{grid-column:1;grid-row:2;min-height:0;height:230px}html[data-store-template=sage] .sage-reference-catalog .product-info h3{font-size:12px}}
@media(prefers-reduced-motion:reduce){html[data-store-template=sage] .sage-reference-catalog .product-visual img{transition:none;transform:none!important}}

/* Featured cards must use the same frame as the catalog and recent products. */
html[data-store-template=sage] .sage-reference-catalog #featuredCatalog .product-visual>a{height:auto;aspect-ratio:1/1.12;padding:0}
html[data-store-template=sage] .sage-reference-catalog #featuredCatalog .product-visual img{width:100%;height:100%;padding:0;object-fit:cover}
html[data-store-template=sage] .sage-reference-catalog .store-information:empty{display:none}

/* Keep every category icon in the same quiet line-icon family, including active All. */
html[data-store-template=sage] .sage-reference-catalog .category-section .filters button .category-icon,html[data-store-template=sage] .sage-reference-catalog .category-section .filters button:is(.active,:hover) .category-icon{width:36px;height:36px;flex:0 0 36px;background:transparent;border:0;box-shadow:none;border-radius:0;color:var(--accent)}
html[data-store-template=sage] .sage-reference-catalog .category-section .category-icon .store-category-symbol{width:34px;height:34px;stroke-width:1.5}

/* Compact header search: a stable control height instead of a font-sized icon button. */
html[data-store-template=sage] header #searchBox{height:40px;min-height:40px;max-height:40px;max-width:230px;flex:1 1 180px;align-items:center;gap:5px;padding:0 9px;border-radius:8px}
html[data-store-template=sage] header #searchBox label{display:flex;align-items:center;min-width:0;height:38px;flex:1}
html[data-store-template=sage] header #searchBox input{width:100%;height:38px;min-height:0;padding:0 5px;line-height:1.5;font-size:12px;border:0;box-shadow:none;outline-offset:0}
html[data-store-template=sage] header #searchBox button{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;min-height:0;max-height:28px;padding:0;line-height:1;font-size:20px;border:0}
html[data-store-template=sage] header #searchBox button svg{width:18px;height:18px;stroke-width:1.6}
@media(max-width:1000px){html[data-store-template=sage] header #searchBox{max-width:none;flex-basis:100%;height:42px;min-height:42px;max-height:42px}html[data-store-template=sage] header #searchBox input{font-size:16px}}