/* Collection layout based on the supplied reference, with Trendy Delight branding. */
html{scroll-padding-top:25px}body{background:var(--ivory)}
.header{height:117px;padding:0 50px;position:sticky;top:0;grid-template-columns:1fr auto 1fr;transition:transform .3s ease;background:var(--ivory);z-index:20}
.header-hidden{transform:translateY(-100%)}.nav-left,.nav-right{gap:30px}.nav-left .icon-btn{gap:12px}.nav-link{padding:10px 0;white-space:nowrap;font-size:14px}.brand{grid-column:2;grid-row:1;align-items:center}.brand>span{font-size:25px;white-space:nowrap;font-weight:500}.nav-right{grid-column:3;grid-row:1;gap:26px}.icon-btn{padding:10px 0}.bag-button{position:relative;gap:0}.bag-button #bag-count{position:absolute;right:-7px;top:5px;background:var(--ink);color:var(--ivory);font-size:9px;line-height:13px;height:13px;min-width:13px;text-align:center;border-radius:50%}.header svg{width:20px;height:20px}
.collection-hero{position:relative;height:48.4115vw;max-height:930px;background:#e4d9cd;overflow:hidden;isolation:isolate}.collection-hero-image{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transform:scale(1.05)}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(33,26,24,.12) 65%,rgba(33,26,24,.55));pointer-events:none}.collection-hero h1{position:absolute;bottom:115px;left:20px;right:20px;text-align:center;color:#fff;font-size:32px;line-height:40px;font-weight:400;margin:0;letter-spacing:.4px}.scroll-discover{position:absolute;bottom:0;left:50%;transform:translateX(-50%);color:#fff;font-size:14px;display:flex;align-items:center;flex-direction:column;gap:16px;white-space:nowrap}.scroll-discover span{height:16px;width:1px;background:#fff;animation:scroll-line 1.8s ease-in-out infinite}@keyframes scroll-line{50%{opacity:.3;transform:scaleY(.65);transform-origin:top}}
.collection{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3.125fr);gap:20px;padding:48px 50px 50px;align-items:start;max-width:1920px;margin:auto}.collection-sidebar{align-self:stretch}.filters{position:sticky;top:48px;display:flex;flex-direction:column;gap:0;overflow:visible;align-items:flex-start}.filters button{padding:10px 0;margin-bottom:20px;font-size:16px;line-height:25px;color:#000}.filters button[aria-pressed=true]:after{bottom:10px;height:1px}.catalog-results{min-width:0;container-type:inline-size}.mobile-collection-toolbar{display:none}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;grid-auto-flow:row dense;grid-auto-rows:calc((100cqw - 40px)/3 * 1.25 + 114px)}.card{display:flex;flex-direction:column;min-width:0;min-height:0}.card-featured{grid-column:span 2;grid-row:span 2}.card-visual{position:relative;flex:1;min-height:0;background:var(--cream);overflow:hidden}.card-image{width:100%;height:100%;aspect-ratio:auto;background:transparent;position:relative}.card-image img{width:100%;height:100%;object-fit:contain;transition:opacity .6s ease,transform .8s ease}.card-image .card-alternate{position:absolute;inset:0;opacity:0}.card-image:hover img{transform:scale(1.025)}@media(hover:hover){.card-image:has(.card-alternate):hover>img:first-child{opacity:0}.card-image:hover .card-alternate{opacity:1}}
.quick-add{position:absolute;bottom:20px;right:20px;background:var(--ink);color:var(--ivory);width:34px;height:34px;border-radius:50%;display:grid;place-items:center;padding:8px;opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s}.quick-add svg{width:18px;height:18px}.card-visual:hover .quick-add,.card-visual:focus-within .quick-add{opacity:1;transform:none}.quick-add:focus-visible{outline-offset:3px}.card-body{padding:14px 16px 16px;height:114px;flex:none;display:flex;flex-direction:column}.card-top{margin:0 0 4px;height:19px}.card-top .divan-wordmark{width:32px;height:auto}.card h3{font-size:16px;line-height:22px;margin:0 0 8px}.card h3 button:hover{text-decoration:underline;text-underline-offset:3px}.card-meta{display:flex;justify-content:space-between;gap:12px;margin-top:auto;align-items:baseline;font-size:16px;line-height:24px}.card-price{white-space:normal}.card-size{font-size:14px;text-align:right;white-space:nowrap}.search-row{flex-wrap:wrap;margin:0 0 25px;padding:0 0 16px;border-bottom:1px solid var(--line)}.search-row label{font-size:14px}.search-row input{min-width:150px}.search-row .sort-label{margin-left:auto}.empty{padding:60px 10px}
.service-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:center;gap:140px;padding:35px 25px;background:var(--cream)}.service-strip>div{display:flex;align-items:center;gap:22px}.service-strip svg{width:30px;height:30px}.service-strip p{font-size:16px;margin:0}.service-strip span{display:block;font-size:13px;margin-top:5px}footer{padding:60px 50px 25px;background:var(--ivory)}.footer-main{grid-template-columns:2fr 1fr 1fr 1.25fr;gap:45px;margin-bottom:65px}.footer-main h3{font-size:14px;margin-bottom:24px}.footer-main p,.footer-main a,.footer-main .text-button{font-size:14px;line-height:1.65}.footer-main p{margin-bottom:16px}.footer-brand{text-align:center}.footer-brand>span{font-size:26px}.footer-bottom{border:0;padding-top:22px;justify-content:center;font-size:12px}
.menu-dialog{position:fixed;inset:0 auto 0 0;margin:0;width:470px;max-width:100vw;height:100dvh;max-height:100dvh;padding:35px 50px;animation:drawer-in .3s ease}.menu-heading{position:relative;margin-bottom:40px}.menu-heading h2{font-size:24px;margin:0}.menu-heading .close{top:-8px;right:-15px}.menu-dialog nav{display:flex;flex-direction:column;gap:15px;align-items:flex-start}.menu-dialog nav button{font-size:22px;padding:10px 0}.menu-dialog nav button[aria-pressed=true]{text-decoration:underline;text-underline-offset:5px}.menu-help{border-top:1px solid var(--line);margin-top:45px;padding-top:25px;display:flex;flex-direction:column;align-items:flex-start;gap:20px}.menu-help button{padding:0}.menu-help button,.menu-help a{font-size:14px}dialog::backdrop{backdrop-filter:none;background:#211a184d}.bag-dialog{animation:bag-in .3s ease}@keyframes drawer-in{from{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes bag-in{from{transform:translateX(100%)}to{transform:translateX(0)}}
@media(min-width:1700px){.collection{padding:48px 50px 50px}.product-grid{gap:20px}}
@media(max-width:1100px){.header{padding:0 25px}.nav-left,.nav-right{gap:20px}.nav-link{font-size:12px}.brand>span{font-size:22px}.collection{padding:35px 25px;grid-template-columns:1fr 3fr}.card-body{padding-left:10px;padding-right:10px}.card h3{font-size:14px}.card-meta{font-size:13px}.card-size{font-size:12px}}
@media(max-width:989px){.header{height:83px;padding:0 16px;grid-template-columns:1fr auto 1fr}.header .desktop-link,.menu-toggle span{display:none}.nav-left{display:flex;grid-column:1;grid-row:1;gap:20px}.brand{grid-column:2;align-items:center}.brand>span{font-size:20px}.nav-right{grid-column:3;gap:17px}.header svg{width:19px;height:19px}.collection-hero{height:270px;max-height:none}.collection-hero-image{transform:scale(1.15)}.collection-hero h1{font-size:24px;line-height:30px;bottom:28px}.scroll-discover{display:none}.collection{display:block;padding:0 15px 35px}.collection-sidebar{display:none}.mobile-collection-toolbar{display:grid;grid-template-columns:1fr auto;align-items:center;padding:22px 0 25px;gap:3px 15px}.mobile-collection-toolbar select{padding:0;max-width:220px;font-size:14px;min-height:28px;color:#000}.view-controls{display:flex;gap:3px}.view-controls button{padding:3px;color:#888}.view-controls button[aria-pressed=true]{color:#000}.view-controls svg{width:21px;height:21px}.result-count{grid-column:1/-1;font-size:12px;line-height:18px;margin:0;color:#777}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 4px;grid-auto-rows:auto}.card-featured{grid-column:span 2;grid-row:auto}.card-visual{flex:none;aspect-ratio:4/5}.card-body{height:auto;min-height:104px;padding:12px 15px 10px}.card h3{font-size:15px;line-height:21px;margin-bottom:8px}.card-meta{display:flex;font-size:12px;line-height:18px;gap:8px}.card-size{font-size:12px;line-height:18px;margin:0;white-space:normal}.card-top{height:17px}.card-top .divan-wordmark{width:28px}.quick-add{opacity:1;transform:none;bottom:20px;right:20px;width:32px;height:32px}.single-column{grid-template-columns:1fr}.single-column .card-featured{grid-column:auto}.service-strip{flex-direction:column;align-items:center;gap:30px;padding:35px 20px}.service-strip>div{width:280px}.service-strip p{font-size:14px}.service-strip span{font-size:12px}footer{padding:40px 25px 25px}.footer-main{grid-template-columns:1fr 1fr;gap:30px 25px;margin-bottom:40px}.footer-contact{grid-column:1/-1}.footer-main>div:last-child{grid-column:1/-1}.footer-main h3{font-size:13px;margin-bottom:16px}.footer-main p,.footer-main a,.footer-main .text-button{font-size:13px}.footer-brand>span{font-size:24px}.footer-bottom{font-size:11px}.menu-dialog{width:100%;padding:30px 25px}.menu-dialog nav button{font-size:20px}.search-row{margin-top:0}.search-row>label:first-child{width:100%}.sort-label{border:0}.detail-copy h2{font-size:24px}}
@media(max-width:440px){.header .delivery-shortcut{display:none}.nav-right{gap:17px}.brand>span{font-size:18px;letter-spacing:.2px}.nav-left{gap:0}.header{grid-template-columns:40px 1fr 66px}.card-body{padding-left:10px;padding-right:10px}}
@media(prefers-reduced-motion:reduce){.scroll-discover span{animation:none}.header{transition:none}}

.header:focus-within{transform:none;transition:none}
.card{transition:opacity .65s ease,translate .65s ease}.card.reveal-pending{opacity:0;translate:0 22px}
@media(prefers-reduced-motion:reduce){.card.reveal-pending{opacity:1;translate:none}}