.roloof-nav-shop{position:relative;display:block}
.header .roloof-shop-panel{position:absolute;z-index:30;width:410px;max-width:calc(100vw - 40px);padding:14px 12px 0;border:1px solid #e0e8e3;border-radius:16px;background:#fff;color:#204d50;box-shadow:0 16px 40px rgba(25,61,58,.12);left:0;top:100%;max-height:calc(100vh - 140px);overflow-y:auto}
.roloof-shop-eyebrow{font-size:10px;line-height:1.4;font-weight:600;letter-spacing:1.5px;color:#738880;margin:5px 12px 10px}
.roloof-category-list{list-style:none;margin:0;padding:0;display:block}
.roloof-category-row{margin:0;padding:0;list-style:none}
.roloof-category-link{display:flex;align-items:center;gap:14px;padding:10px 12px;border-radius:11px;text-decoration:none;color:#204d50;transition:background-color .15s ease}
.roloof-category-link:hover,.roloof-category-link:focus-visible{background:#f1f6f2;color:#16484d;text-decoration:none}
.roloof-category-image{width:64px;height:64px;flex:0 0 64px;border-radius:10px;overflow:hidden;background:#f5f5ef}
.roloof-category-image img{display:block;width:100%;height:100%;object-fit:cover}
.roloof-category-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.roloof-category-name{font-size:15px;line-height:1.3;font-weight:600;letter-spacing:0}
.roloof-category-description{font-size:12px;line-height:1.45;letter-spacing:0;color:#74827b}
.roloof-category-arrow{width:16px;flex:0 0 16px;color:#709486}
.roloof-category-arrow svg{display:block;width:16px;height:16px}
.roloof-shop-all{display:flex;justify-content:space-between;align-items:center;margin:10px 12px 0;padding:17px 0;border-top:1px solid #e5ece7;color:#20585c;text-decoration:none;font-size:14px;line-height:1.4;font-weight:600}
.roloof-shop-all:hover{text-decoration:underline;text-underline-offset:4px}
.roloof-mobile-categories .roloof-category-list{padding:0 10px}
.roloof-mobile-categories .roloof-category-link{gap:12px;padding:12px 10px}
.roloof-mobile-categories .roloof-shop-all{margin:12px 20px;padding-bottom:24px}
@media(max-width:389px){.roloof-mobile-categories .roloof-category-image{width:54px;height:54px;flex-basis:54px}.roloof-mobile-categories .roloof-category-name{font-size:14px}.roloof-mobile-categories .roloof-category-description{font-size:11px}}
@media(prefers-reduced-motion:reduce){.roloof-category-link{transition:none}}