.drp-mattress { --m-cream:#f7f4ef; --m-warm:#ede9e1; --m-ink:#1c1c1c; --m-gold:#c9a96e; --m-border:rgba(201,169,110,.22); background:var(--m-cream); color:var(--m-ink); overflow:clip; }
.drp-mattress *, .drp-mattress *::before, .drp-mattress *::after { box-sizing:border-box; }
.drp-mattress h1, .drp-mattress h2, .drp-mattress p { margin:0; }
.mattress-hero { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:flex-start; gap:60px; padding:80px 80px 60px; border-bottom:.5px solid var(--m-border); }
.mattress-breadcrumb { display:flex; gap:12px; margin-bottom:20px!important; color:rgba(201,169,110,.8); font:400 12px/1.3 'Jost',sans-serif; letter-spacing:.14em; text-transform:uppercase; }
.mattress-breadcrumb a { color:inherit; text-decoration:none; }.mattress-breadcrumb a:hover { color:var(--m-gold); }
.mattress-kicker { margin-bottom:14px!important; color:var(--m-gold); font:500 11px/1.2 'Jost',sans-serif; letter-spacing:.25em; text-transform:uppercase; }
.mattress-hero h1 { margin-bottom:18px; font:400 clamp(44px,4.6vw,68px)/1.1 'Cormorant Garamond',serif; letter-spacing:-.015em; }.mattress-hero h1 em { color:var(--m-gold); font-style:italic; }
.mattress-hero__body { max-width:620px; font:400 14px/1.75 'Jost',sans-serif; }.mattress-hero__image { aspect-ratio:4/3; overflow:hidden; }.mattress-hero__image img { width:100%; height:100%; display:block; object-fit:cover; }
.mattress-filter { position:sticky; top:82px; z-index:30; display:flex; align-items:center; padding:0 80px; border-bottom:.5px solid var(--m-border); background:var(--m-cream); }.admin-bar .mattress-filter { top:114px; }
.mattress-filter > p:first-child { flex:1; padding:16px 20px; color:var(--m-ink); font:500 10px/1.2 'Jost',sans-serif; letter-spacing:.14em; text-transform:uppercase; }
.mattress-filter select { min-width:140px; padding:16px 32px 16px 16px; border:0; border-left:.5px solid var(--m-border); border-radius:0; outline:0; background-color:transparent; color:var(--m-ink); cursor:pointer; font:500 10px/1.2 'Jost',sans-serif; letter-spacing:.12em; text-transform:uppercase; }.mattress-filter > p:last-child { min-width:100px; padding:16px 0 16px 16px; color:#8a7f74; font:400 10px/1.2 'Jost',sans-serif; letter-spacing:.12em; text-transform:uppercase; white-space:nowrap; }
.mattress-products { padding:0 80px 80px; background:var(--m-cream); }.mattress-products__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:5px; align-items:stretch; }
.mattress-product { display:flex; min-width:0; flex-direction:column; overflow:hidden; background:var(--m-cream); transition:background .2s ease; }.mattress-product[hidden] { display:none; }.mattress-product:hover { background:var(--m-warm); }
.mattress-product__image { display:flex; aspect-ratio:1; align-items:center; justify-content:center; padding:6%; overflow:hidden; text-decoration:none; }.mattress-product__image img { width:100%; height:100%; object-fit:contain; transition:transform .5s ease; }.mattress-product:hover .mattress-product__image img { transform:scale(1.04); }
.mattress-product__info { display:flex; flex:1; flex-direction:column; min-height:136px; padding:20px 20px 16px; }.mattress-product__info>p { margin-bottom:8px; color:var(--m-gold); font:500 8.5px/1.2 'Jost',sans-serif; letter-spacing:.18em; text-transform:uppercase; }.mattress-product h2 { margin-bottom:4px; font:400 17px/1.3 'Cormorant Garamond',serif; }.mattress-product h2 a { display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; color:var(--m-ink); text-decoration:none; }
.mattress-product__info>div { display:flex; gap:8px; margin-top:auto; padding-top:14px; border-top:.5px solid var(--m-border); }.mattress-product__info>div a { color:var(--m-ink); font:500 8px/1.2 'Jost',sans-serif; letter-spacing:.13em; text-decoration:none; text-transform:uppercase; transition:color .2s ease; }.mattress-product__info>div a+a { margin-left:auto; color:var(--m-gold); }.mattress-product__info>div a:hover,.mattress-product__info>div a:focus-visible { color:var(--m-gold); outline:0; }.mattress-empty { padding:50px 0; color:#8a7f74; text-align:center; font:400 13px/1.7 'Jost',sans-serif; }
@media(max-width:1024px){.mattress-hero{gap:40px;padding:60px 40px 48px}.mattress-filter{padding:0 40px}.mattress-products{padding:0 40px 60px}.mattress-products__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:768px){.mattress-hero{grid-template-columns:1fr;gap:24px;padding:40px 16px 32px}.mattress-hero h1{font-size:clamp(32px,8vw,48px)}.mattress-filter{padding:0 16px}.mattress-products{padding:0 16px 48px}.mattress-products__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:24px 0}.mattress-filter select{min-width:124px;padding:12px 26px 12px 12px}.mattress-filter>p:first-child,.mattress-filter>p:last-child{padding-top:12px;padding-bottom:12px}.mattress-filter>p:first-child{padding-left:14px}.mattress-filter>p:last-child{padding-left:12px}}
@media(max-width:600px){.mattress-filter{top:64px}.admin-bar .mattress-filter{top:110px}}
@media(max-width:480px){.mattress-hero{padding:32px 14px 24px}.mattress-hero__body{font-size:13px}.mattress-products__grid{grid-template-columns:1fr;gap:16px}.mattress-product__info{min-height:122px}}