:root{--bg:#fbfbf8;--bg-2:#edf2ed;--ink:#152537;--ink-2:#344454;--muted:#738078;--line:#e0e5df;--accent:#142a40;--sale:#a58a50}.announce,.btn--dark,.site-footer{background:#101e31}.btn--dark:hover{background:#203c53}.site-header{background:#101e31}.site-header .mainnav__link,.header__actions .iconbtn,.header__burger{color:#e1cea1}.site-header .mainnav__link.is-active{color:#fff}.fashion-hero{background:#edf2ed}.fashion-hero h1 em{color:#a58a50}.fashion-sale{background:#edf2ed}.collection__image,.pcard__media{background:#edf2ed}.fashion-hero__caption{background:#101e31e6;color:#e1cea1}.site-footer h4,.site-footer .brand__text{color:#e1cea1}.site-footer a,.site-footer p{color:#ccd3d7}.wafloat{background:#284b3d}
/* Give the supplied SVG the same 38px height as Aurelle’s native logo. */
.brand__img{height:38px;width:auto}.brand{flex-shrink:0}

/* One category row, scrolled horizontally without changing Aurelle's card design. */
.page-home .collection-grid{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:thin;overscroll-behavior-inline:contain;padding-bottom:10px}
.page-home .collection-grid>.collection{flex:0 0 calc((100% - 66px)/4);min-width:0;scroll-snap-align:start}
@media(max-width:600px){.page-home .collection-grid{display:flex;gap:12px;scrollbar-width:none}.page-home .collection-grid::-webkit-scrollbar{display:none}.page-home .collection-grid>.collection{flex:0 0 calc((100% - 36px)/4)}}