/* ND RoomNav r1 (rn-r1-com) - caruselul compact de subcategorii pe paginile de camera, nobili-design.com. Format +20% fata de nd.ro rn-r2. */
.ndrn{max-width:1280px;margin:22px auto 6px;padding:0 16px;font-size:16px}
.ndrn-in{position:relative}
.ndrn-track{display:flex;gap:17px;margin:0;padding:2px 2px 12px;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.ndrn-track::-webkit-scrollbar{display:none}
.ndrn-item{flex:0 0 134px;margin:0;padding:0;scroll-snap-align:start;min-width:0}
.ndrn .ndrn-card{display:block;margin:0;padding:0;border:0;background:none;box-shadow:none}
.ndrn-a{display:block;color:#0a0a0a;text-decoration:none}
.ndrn-img{display:block;aspect-ratio:1/1;overflow:hidden;border-radius:12px;background:#f4f1ec;box-shadow:0 0 0 1px rgba(168,135,74,.14)}
.ndrn .ndrn-img img{display:block;width:100%;height:100%;aspect-ratio:1/1;object-fit:cover;margin:0;background:#f4f1ec;transition:transform .35s ease}
.ndrn-name{display:-webkit-box;margin:9px 2px 0;font-family:"Arbutus Slab",Georgia,serif;font-size:14.5px;line-height:1.25;color:#0a0a0a;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.ndrn-n{display:block;margin:3px 2px 0;font-size:12.5px;letter-spacing:.3px;line-height:1.3;color:#8a7553}
.ndrn-a:hover .ndrn-img img{transform:scale(1.05)}
.ndrn-a:hover .ndrn-name{color:#7a5a2e}
.ndrn-a:focus-visible{outline:2px solid #bf9a66;outline-offset:3px;border-radius:12px}
.ndrn-btn{position:absolute;top:50px;z-index:3;width:38px;height:38px;margin:0;padding:0;border:1px solid rgba(191,154,102,.55);border-radius:50%;background:#141414;color:#d9b98a;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.18);transition:opacity .2s}
.ndrn-btn::before{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor}
.ndrn-prev{left:4px}.ndrn-prev::before{transform:translate(-30%,-50%) rotate(135deg)}
.ndrn-next{right:4px}.ndrn-next::before{transform:translate(-70%,-50%) rotate(-45deg)}
.ndrn-btn:disabled{opacity:0;pointer-events:none}
.ndrn-btn:focus-visible{outline:2px solid #bf9a66;outline-offset:2px}
.ndrn-bar{display:none}
@media (max-width:767px){
.ndrn{margin:16px auto 2px}
.ndrn-in{padding-bottom:44px}
.ndrn-track{display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,auto);grid-auto-columns:calc((100% - 30px) / 4 * 1.2);gap:14px 10px;padding:2px 2px 4px;scroll-padding-left:2px}
.ndrn-item{flex:none}
.ndrn-img,.ndrn-a:focus-visible{border-radius:10px}
.ndrn-name{font-size:13px;line-height:1.22;margin-top:6px}
.ndrn-n{font-size:11.5px;letter-spacing:.2px;margin-top:2px}
.ndrn-btn{display:block;top:auto;bottom:2px;width:32px;height:32px}
.ndrn-prev{left:12px}.ndrn-next{right:12px}
.ndrn-btn:disabled{opacity:.35;pointer-events:none}
.ndrn-bar{display:block;position:absolute;left:58px;right:58px;bottom:16px;height:4px;border-radius:4px;background:#e4ddd0;touch-action:none;cursor:pointer}
.ndrn-bar>span{position:absolute;top:0;left:0;height:100%;min-width:24px;border-radius:4px;background:#b08d57}
.ndrn.is-static .ndrn-in{padding-bottom:0}
.ndrn.is-static .ndrn-btn,.ndrn.is-static .ndrn-bar{display:none}
}
@media (hover:none) and (min-width:768px){.ndrn-btn{display:none}}
@media (prefers-reduced-motion:reduce){.ndrn-track{scroll-behavior:auto}.ndrn .ndrn-img img{transition:none}}