/* views/css/front.css */
.djna-gr-wrapper{ --gap:16px; background:var(--djna-bg,#fff); color:var(--djna-text,#111); position:relative; padding:8px 40px; overflow:hidden; }
.djna-gr-track{ display:grid; grid-auto-flow:column; grid-auto-columns:33.333%; gap:var(--gap); scroll-snap-type:x mandatory; overflow-x:auto; overscroll-behavior-x:contain; scrollbar-width:none; }
.djna-gr-track::-webkit-scrollbar{ display:none; }
.djna-gr-card{ scroll-snap-align:start; background:var(--djna-bg,#fff); color:var(--djna-text,#111); border-radius:14px; box-shadow:0 6px 18px rgba(0,0,0,.08); padding:14px; min-height:140px; }
.djna-gr-author{ display:flex; align-items:center; gap:10px; margin-bottom:8px; }
.djna-gr-author img{ width:36px; height:36px; border-radius:50%; object-fit:cover; }
.djna-gr-stars{ display:flex; gap:4px; margin-bottom:8px; }
.djna-gr-stars .star{ width:18px; height:18px; fill:var(--djna-star-off,#e0e0e0); }
.djna-gr-stars .star.on{ fill:var(--djna-star-on,#fbbc05); }
.djna-gr-text{ font-size:14px; line-height:1.4; }
.djna-gr-time{ opacity:.7; font-size:12px; margin-top:6px; }
.djna-gr-empty{ padding:16px; opacity:.75; font-size:14px; }
.djna-gr-arrow{ position:absolute; top:50%; transform:translateY(-50%); width:32px; height:32px; border-radius:50%; border:1px solid rgba(0,0,0,.1); background:#fff; cursor:pointer; display:grid; place-items:center; box-shadow:0 4px 12px rgba(0,0,0,.08); }
.djna-gr-arrow.prev{ left:6px; } .djna-gr-arrow.next{ right:6px; }
@media (max-width:1023px){ .djna-gr-track{ grid-auto-columns:50%; } }
@media (max-width:639px){ .djna-gr-wrapper{ padding:8px 16px; } .djna-gr-track{ grid-auto-columns:100%; } .djna-gr-arrow{ display:none; } }