/* Product catalogue: ivory editorial photography with a distinct gold filter dock. */
html body.ys-page-products .ys-page-hero{--ys-page-hero-image:url('../images/products-banner-ivory.webp')!important;min-height:550px;padding:55px 0;background-image:var(--ys-page-hero-image)!important;background-position:center;background-size:cover;background-repeat:no-repeat;align-items:center}
html body.ys-page-products .ys-page-hero .ys-container{width:min(760px,calc(100% - 80px));max-width:760px;margin-left:max(40px,calc((100% - 1320px)/2));margin-right:auto;padding:35px 38px;border:1px solid #e3d4b5;border-radius:25px;background:#fffdf4dc;box-shadow:0 15px 35px #5f46180c}
html body.ys-page-products .ys-page-hero h1{font-size:clamp(36px,4.3vw,58px);line-height:1.12;letter-spacing:-.035em;color:#222923;max-width:680px;margin-bottom:22px;text-wrap:balance}
html body.ys-page-products .ys-page-hero p:not(.ys-eyebrow){font-size:16px;line-height:1.8;max-width:620px;color:#485046;margin-bottom:0}
html body.ys-page-products .ys-page-hero .ys-eyebrow{color:#806026;font-size:11px;letter-spacing:.15em;font-weight:800;margin:0 0 18px}
html body.ys-page-products .ys-page-hero::after{background:#d7b66e}
html body.ys-page-products .ysc-page .ys-section__head{border-left-color:#b59042}
html body.ys-page-products .ysc-page .ys-eyebrow{color:#806026!important}
html body.ys-page-products .ysc-page :is(.ysc-material,.ysc-material.is-active){background-image:linear-gradient(0deg,#43332124,transparent 65%),var(--ys-material-photo)!important;border-color:#ddd1b8!important}
html body.ys-page-products .ysc-page .ysc-material h3{background:#fffdf2ed!important;color:#293127!important;border-color:#dfcc9c!important;box-shadow:0 6px 14px #4733121a!important}
html body.ys-page-products .ysc-page .ysc-material>span:first-child{color:#715727!important;border-color:#e9dec5!important}
html body.ys-page-products .ysc-page .ysc-material>span:last-child{color:#3d4338!important;background:#fffdf5f2!important;border-color:#ddcdac!important}
html body.ys-page-products .ysc-page .ysc-material.is-active{outline:3px solid #b38a38!important;outline-offset:3px}
html body.ys-page-products .ysc-page .ysc-material.is-active h3{background:#efd28e!important;color:#392c12!important;border-color:#c5a052!important}
html body.ys-page-products .ysc-page .ysc-material:hover>span:last-child{background:#efcf85!important;color:#392c12!important}
/* Warm-gold surface, defined edge and dark labels distinguish the sticky controls. */
html body.ys-page-products .ysc-toolbar{background:#f5e6c5!important;border:2px solid #b58e40!important;border-top:6px solid #b58e40!important;box-shadow:0 4px 8px #76541e12,0 16px 30px -10px #60451c55!important}
html body.ys-page-products .ysc-toolbar label{color:#5e4419!important;font-weight:850!important}
html body.ys-page-products .ysc-toolbar :is(select,.ys-material-trigger){background:#fff!important;color:#30392d!important;border-color:#aa8231!important;box-shadow:0 3px 8px #6b4c1e12!important}
html body.ys-page-products .ys-material-trigger::after{border-color:#795b24}
html body.ys-page-products .ys-material-menu{border-color:#c4aa73;box-shadow:0 14px 28px #5e431c26;background:#fffdf7}
html body.ys-page-products .ys-material-menu button{color:#30392d;background:#fffdf7}
html body.ys-page-products .ys-material-menu button[aria-checked=true]{background:#ecd08e;color:#392c12}
html body.ys-page-products .ys-material-menu button:hover,html body.ys-page-products .ys-material-menu button:focus-visible{background:#f7e8c5;color:#392c12}
html body.ys-page-products .ysc-toolbar .ysc-categories a{background:#fffdf7!important;color:#3a4335!important;border:1px solid #c5ad79!important;box-shadow:none!important}
html body.ys-page-products .ysc-toolbar .ysc-categories a.is-active{background:#ddb454!important;color:#30250e!important;border:2px solid #a67b25!important;box-shadow:0 3px 8px #6b4c1e20!important}
html body.ys-page-products .ysc-toolbar .ysc-categories a:not(.is-active):hover{background:#f9efdb!important;color:#392c12!important;border-color:#a67b25!important}
html body.ys-page-products .ysc-toolbar :is(select,a,button):focus-visible{outline:3px solid #755215!important;outline-offset:3px!important}
html body.ys-page-products .ysc-list-head h2{background:#f5e8ca;color:#503d19;border-color:#c2a25d;box-shadow:0 4px 10px #6b4c1e12}
html body.ys-page-products .ysc-page :is(.ysc-empty,.ysc-guide){background:#fff;border-color:#e0d7c4}
html body.ys-page-products .ysc-page .ysc-card{border-color:#e0d7c4!important}
@media(max-width:760px){
 html body.ys-page-products .ys-page-hero{min-height:470px;padding:36px 18px;background-position:62% center}
 html body.ys-page-products .ys-page-hero .ys-container{width:100%;max-width:440px;margin-inline:auto;padding:25px 22px;background:#fffdf4e6;border-radius:23px}
 html body.ys-page-products .ys-page-hero h1{font-size:clamp(28px,8.2vw,34px);line-height:1.12;margin-bottom:18px}
 html body.ys-page-products .ys-page-hero p:not(.ys-eyebrow){font-size:14px;line-height:1.65;margin:0}
 html body.ys-page-products .ysc-toolbar .ysc-categories{scrollbar-color:#b58e40 #f5e6c5}
}

/* A compact charcoal filter dock creates a clear focal point on the light page. */
html body.ys-page-products .ysc-toolbar{background:#292d29!important;border:2px solid #b79449!important;border-top:6px solid #e8c368!important;box-shadow:0 0 0 3px #fff,0 6px 12px #30250d20,0 20px 35px -10px #15191366!important}
html body.ys-page-products .ysc-toolbar label{color:#f6d78e!important;letter-spacing:.1em;font-weight:850!important}
html body.ys-page-products .ysc-toolbar :is(select,.ys-material-trigger){background:#fff!important;color:#222923!important;border:2px solid #edcd81!important;box-shadow:0 0 0 2px #ffffff12,0 4px 10px #0003!important}
html body.ys-page-products .ysc-toolbar .ysc-categories a{background:#444a42!important;border:1px solid #939a87!important;color:#fff!important;font-weight:750!important}
html body.ys-page-products .ysc-toolbar .ysc-categories a.is-active{background:#f5ce69!important;border:2px solid #ffe5a1!important;color:#302307!important;box-shadow:0 4px 12px #0004!important;font-weight:850!important}
html body.ys-page-products .ysc-toolbar .ysc-categories a:not(.is-active):hover{background:#5b6153!important;color:#fff!important;border-color:#f5ce69!important}
html body.ys-page-products .ysc-toolbar :is(select,a,button):focus-visible{outline-color:#f5ce69!important}