/* Kupiti.rs: small self-contained homepage new-arrivals carousel. */
.home-new-arrivals{margin-top:34px;padding:24px 24px 19px;border:1px solid #edf0eb;border-radius:19px;background:#fff}
.home-new-arrivals-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:18px}
.home-new-arrivals-heading h2{margin:9px 0 0}
.home-new-arrivals-controls{display:flex;gap:8px;flex:none}
.home-new-arrivals-arrow{border:1px solid var(--line);border-radius:50%;height:36px;width:36px;padding:0;display:grid;place-items:center;line-height:1;background:#fff;color:var(--ink);font-size:21px;cursor:pointer;transition:border-color .18s,background .18s}
.home-new-arrivals-arrow .icon{display:block;width:17px;height:17px;flex:none}
.home-new-arrivals-arrow[data-arrivals-prev] .icon{transform:rotate(180deg)}
.home-new-arrivals-arrow:hover{background:#f0f5e5;border-color:#8ca47c}
.home-new-arrivals-arrow:focus-visible{outline:3px solid #648517;outline-offset:2px}
.home-new-arrivals-arrow:disabled{opacity:.35;cursor:default;background:#fff;border-color:var(--line)}
.home-new-arrivals-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 5*12px)/6);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#d0dcc9 transparent;overscroll-behavior-inline:contain;padding:2px 2px 10px;scroll-padding-inline:2px}
.home-new-arrival-card{min-width:0;min-height:250px;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:white;scroll-snap-align:start;transition:border-color .18s,transform .18s}
.home-new-arrival-card:hover{border-color:#a4b89b;transform:translateY(-2px)}
.home-new-arrival-card:focus-visible{outline:3px solid #648517;outline-offset:2px}
.home-new-arrival-image{height:145px;display:grid;place-items:center;background:#fafbf8;overflow:hidden}
.home-new-arrival-image img{display:block;max-height:135px;max-width:100%;width:100%;height:100%;padding:10px;object-fit:contain}
.home-new-arrival-body{display:flex;flex:1;flex-direction:column;gap:6px;padding:12px}
.home-new-arrival-brand{text-transform:uppercase;font-size:9px;font-weight:700;letter-spacing:.7px;color:#788775;overflow-wrap:anywhere}
.home-new-arrival-name{font-size:12px;line-height:1.35;font-weight:700;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;min-height:48px}
.home-new-arrival-price{margin-top:auto;font-size:16px;font-weight:800;letter-spacing:-.25px;white-space:nowrap}
.home-new-arrival-price small{font-size:10px;font-weight:400;letter-spacing:0}
@media(max-width:1100px){.home-new-arrivals-track{grid-auto-columns:calc((100% - 3*12px)/4)}}
@media(max-width:780px){.home-new-arrivals-track{grid-auto-columns:calc((100% - 2*12px)/3)}}
@media(max-width:680px){
 .home-new-arrivals{margin-top:29px;padding:0;border:0;border-radius:0;background:transparent}
 .home-new-arrivals-heading{margin-bottom:14px;align-items:center}
 .home-new-arrivals-controls{display:none}
 .home-new-arrivals-track{grid-auto-columns:calc((100% - 20px)/2.12);gap:10px;padding:2px 1px 11px;scrollbar-width:none}
 .home-new-arrivals-track::-webkit-scrollbar{display:none}
 .home-new-arrival-image{height:140px}
 .home-new-arrival-card{min-height:239px}
 .home-new-arrival-body{padding:10px}
 .home-new-arrival-name{font-size:11px;min-height:44px}
 .home-new-arrival-price{font-size:15px}
}
@media(max-width:375px){.home-new-arrivals-track{grid-auto-columns:calc((100% - 12px)/1.65)}}
@media(prefers-reduced-motion:reduce){.home-new-arrival-card,.home-new-arrivals-arrow{transition:none}}
