/* Every declaration is scoped: cannot affect Etilika's product cards or banners. */
.etilika-na { --na-gap:16px; width:100%; max-width:100%; margin:28px 0 40px; font-family:inherit; color:#292929; clear:both; box-sizing:border-box; }
.etilika-na *, .etilika-na *::before, .etilika-na *::after { box-sizing:border-box; }
.etilika-na[hidden] { display:none !important; }
.etilika-na__header { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin:0 0 19px; }
.etilika-na__heading { min-width:0; }
.etilika-na__title { color:inherit; font-size:clamp(21px, 2.3vw, 28px); font-weight:700; line-height:1.2; margin:0 0 7px; letter-spacing:-0.02em; }
.etilika-na__subtitle { color:#737373; font-size:13px; line-height:1.4; margin:0; }
.etilika-na__controls { display:flex; gap:8px; flex-shrink:0; }
.etilika-na__arrow { display:flex; align-items:center; justify-content:center; width:34px; height:34px; border:1px solid #dcdcdc; border-radius:50%; padding:0; background:#fff; color:#333; font-family:inherit; font-size:26px; font-weight:400; line-height:1; cursor:pointer; }
.etilika-na__arrow:focus-visible { outline:2px solid #222; outline-offset:2px; }
.etilika-na__arrow:disabled { opacity:.28; cursor:default; }
.etilika-na__track { display:grid; grid-auto-flow:column; grid-auto-columns:calc((100% - (var(--na-gap) * 3)) / 4); gap:var(--na-gap); overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x mandatory; scroll-behavior:smooth; scrollbar-width:none; -ms-overflow-style:none; padding:2px 1px 12px; }
.etilika-na__track::-webkit-scrollbar { display:none; }
.etilika-na__track:focus-visible { outline:2px solid #555; outline-offset:2px; }
.etilika-na__loading { grid-column:1; font-size:14px; color:#888; min-height:210px; display:flex; align-items:center; }
.etilika-na__card { scroll-snap-align:start; min-width:0; width:100%; margin:0; padding:0; border:1px solid #eee; background:#fff; border-radius:10px; overflow:hidden; }
.etilika-na__product-link { display:flex; flex-direction:column; height:100%; text-decoration:none !important; color:inherit !important; padding:12px 12px 16px; }
.etilika-na__product-link:hover { text-decoration:none !important; }
.etilika-na__product-link:focus-visible { outline:2px solid #333; outline-offset:-2px; }
.etilika-na__image-box { display:flex; align-items:center; justify-content:center; width:100%; aspect-ratio:1 / 1.16; background:#fff; overflow:hidden; }
.etilika-na__image { display:block; width:100%; height:100%; object-fit:contain; transition:transform .2s ease; }
.etilika-na__product-link:hover .etilika-na__image { transform:scale(1.025); }
.etilika-na__image-missing { color:#aaa; font-weight:700; font-size:18px; }
.etilika-na__eyebrow { display:block; margin:12px 0 6px; color:#866334; font-size:10px; font-weight:700; line-height:1.2; letter-spacing:.09em; }
.etilika-na__name { display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin:0 0 11px; min-height:40px; color:#292929; font-size:14px; font-weight:600; line-height:1.4; }
.etilika-na__price { margin-top:auto; color:#252525; font-size:16px; font-weight:700; }
@media(max-width:991px) { .etilika-na__track { grid-auto-columns:calc((100% - (var(--na-gap) * 2)) / 3); } }
@media(max-width:767px) { .etilika-na { margin:22px 0 28px; --na-gap:12px; } .etilika-na__track { grid-auto-columns:calc((100% - var(--na-gap)) / 2.12); } .etilika-na__header { margin-bottom:14px; } .etilika-na__title { font-size:21px; } .etilika-na__subtitle { font-size:12px; } .etilika-na__arrow { width:30px; height:30px; } .etilika-na__product-link { padding:9px 9px 13px; } .etilika-na__name { font-size:13px; min-height:36px; } .etilika-na__price { font-size:15px; } }
@media(max-width:480px) { .etilika-na__track { grid-auto-columns:72%; } .etilika-na__image-box { aspect-ratio:1 / .96; } }
@media(prefers-reduced-motion:reduce) { .etilika-na__track { scroll-behavior:auto; } .etilika-na__image { transition:none; } }