@layer global-ui {
#modal:has(.home-samples){width:min(1080px,97vw)!important;max-width:97vw!important;max-height:96dvh!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:hidden!important}
#modal:has(.home-samples) #closeModal{display:none!important}
#modalContent:has(>.home-samples){padding:0!important;margin:0!important;background:none!important;border:0!important;box-shadow:none!important}
#modalContent .home-samples{box-sizing:border-box!important;height:min(800px,95dvh)!important;border:24px solid transparent!important;border-left-width:42px!important;border-image:url('assets/home-center-ui-v1/frame.webp') 130 130 130 170 fill stretch!important;display:flex!important;flex-direction:column!important;gap:8px!important;padding:8px!important;overflow:hidden!important;color:#4e4940!important}
#modalContent .home-samples-head{display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px!important;flex:none!important;padding:0!important;margin:0!important;background:none!important;min-height:0!important;height:auto!important}
#modalContent .home-samples h2{font-size:clamp(18px,2vw,25px)!important;line-height:1.2!important;color:#4e4940!important;flex:1!important;min-width:0!important;padding:0!important;margin:0!important;background:none!important;border:0!important;box-shadow:none!important}
#modalContent .home-samples-head p{font-size:13px!important;white-space:nowrap!important;margin:0!important}
#modalContent .home-samples button{box-sizing:border-box!important;min-height:44px!important;background:none!important;border:8px solid transparent!important;border-left-width:15px!important;border-right-width:15px!important;border-image:url('assets/home-center-ui-v1/button-normal.webp') 110 200 fill stretch!important;padding:0 5px!important;border-radius:0!important;box-shadow:none!important;transform:none!important;font-family:inherit!important;font-size:14px!important;line-height:1.3!important;color:#4e4940!important;white-space:normal!important;overflow-wrap:anywhere!important;cursor:pointer!important}
#modalContent .home-samples button[aria-pressed=true]{border-image-source:url('assets/home-center-ui-v1/button-selected.webp')!important}
#modalContent .home-samples button:active:not(:disabled){border-image-source:url('assets/home-center-ui-v1/button-pressed.webp')!important}
#modalContent .home-samples button:disabled{border-image-source:url('assets/home-center-ui-v1/button-disabled.webp')!important;color:#706e67!important;opacity:1!important;cursor:default!important}
#modalContent .home-samples button:focus-visible{outline:3px solid #6a8472!important;outline-offset:1px!important}
#modalContent .home-samples nav{display:flex!important;gap:8px!important;margin:0!important;flex:none!important}
#modalContent .home-samples nav button{min-width:105px!important}
#modalContent .home-samples-body{min-height:0!important;flex:1!important;overflow:auto!important;overscroll-behavior:contain!important;padding:3px 6px 8px 0!important}
#modalContent .home-samples .room-inventory-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;padding:0!important;margin:0!important}
#modalContent .home-samples article{display:flex!important;flex-direction:column!important;align-items:stretch!important;min-width:0!important;border:0!important;border-bottom:1px solid #bbaa8c!important;border-radius:0!important;background:none!important;box-shadow:none!important;padding:5px!important;gap:5px!important}
#modalContent .home-samples article canvas{width:100%!important;height:115px!important;object-fit:contain!important;flex:none!important;margin:0!important}
#modalContent .home-samples article b{font-size:14px!important;line-height:1.3!important;min-height:36px!important}
#modalContent .home-samples article p{font-size:13px!important;margin:0!important;min-height:18px!important}
#modalContent .home-samples article button{width:100%!important;margin-top:auto!important}
#modalContent .home-samples-bundles{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:14px 0!important}
#modalContent .home-samples-bundles h3,#modalContent .home-samples-bundles p{grid-column:1/-1!important;margin:0!important;font-size:14px!important}
#modalContent .home-samples details{font-size:13px!important}
#modalContent .home-samples summary{cursor:pointer!important;padding:8px 0!important}
#modalContent .home-samples details p{margin:4px 0!important}
#modalContent #homeCenterNotice{flex:none!important;margin:0!important;min-height:0!important;font-size:13px!important;line-height:1.35!important;overflow-wrap:anywhere!important}
#modalContent #homeCenterNotice:empty{display:none!important}
@media(max-height:550px),(max-width:760px){
#modalContent .home-samples{height:95dvh!important;border-width:15px!important;border-left-width:24px!important;padding:3px 5px!important;gap:4px!important}
#modalContent .home-samples-head{gap:6px!important;flex-wrap:wrap!important}
#modalContent .home-samples h2{font-size:17px!important}
#modalContent .home-samples-head p{font-size:11px!important}
#modalContent .home-samples-head button{font-size:12px!important;min-height:40px!important}
#modalContent .home-samples .room-inventory-grid{gap:7px!important}
#modalContent .home-samples article canvas{height:65px!important}
#modalContent .home-samples article b{font-size:12px!important;min-height:31px!important}
#modalContent .home-samples article p{font-size:11px!important}
#modalContent .home-samples article{gap:2px!important;padding:3px!important}
}
}