/* Homepage layout only. Card appearance comes from dirox-blog.css. */
.shop_index .dx-home-blog { margin:28px 0; padding:28px; border:1px solid #e0e7f0; border-radius:12px; background:#f5f7fa; }
.dx-home-blog .dxhb-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:20px; }
.dx-home-blog h2#dxhb-title { margin:0; padding:0; color:var(--ink); font:700 28px/1.2 Arial,sans-serif; text-transform:none; letter-spacing:-.025em; }
.dx-home-blog .dxhb-arrows { display:flex; gap:8px; }
.dx-home-blog .dxhb-arrows button { display:flex; align-items:center; justify-content:center; width:40px; height:40px; padding:0; border:1px solid #cbd8e9; border-radius:50%; background:#fff; color:#0758dc; font:22px/1 Arial,sans-serif; cursor:pointer; }
.dx-home-blog .dxhb-arrows button:disabled { color:#94a3b8; opacity:.5; cursor:default; }
.dx-home-blog .dxhb-filters { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:22px; }
.dx-home-blog .dxhb-filters button { flex-shrink:0; margin:0; padding:10px 15px; min-height:44px; border:1px solid #d4dfed; border-radius:7px; color:#42536c; background:#fff; font:14px/1.4 Arial,sans-serif; cursor:pointer; }
.dx-home-blog .dxhb-filters button:hover { border-color:#8eb6ed; color:var(--blue); }
.dx-home-blog .dxhb-filters button[aria-pressed="true"] { color:#0758dc; background:#eaf2ff; border-color:#abc7f0; font-weight:700; }
.dx-home-blog .dxhb-track { display:grid; grid-auto-flow:column; grid-auto-columns:calc((100% - 44px)/3); gap:22px; overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x mandatory; scrollbar-width:thin; scrollbar-color:#c2d2e6 transparent; padding:0 0 14px; }
.dx-home-blog .dxhb-track:focus-visible { outline:3px solid #168fce; outline-offset:4px; }
.dx-home-blog .dxhb-track > .dxj-card { scroll-snap-align:start; }
.dx-home-blog .dxhb-footer { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:14px; }
.dx-home-blog .dxhb-status { color:#65758c; font-size:12px; }
.dx-home-blog a.dxhb-all { display:inline-flex; align-items:center; justify-content:center; gap:22px; min-height:44px; margin-left:auto; padding:10px 16px; border:1px solid #c5d8f2; border-radius:7px; background:#fff; color:var(--blue); font-size:14px; font-weight:700; text-align:center; }
.dx-home-blog a.dxhb-all:hover { border-color:#8eb6ed; background:#eaf2ff; }
@media(min-width:1600px) { .dx-home-blog .dxhb-track { grid-auto-columns:calc((100% - 66px)/4); } }
@media(max-width:1199px) { .dx-home-blog .dxhb-track { grid-auto-columns:calc((100% - 22px)/2); } }
@media(max-width:767px) {
 .shop_index .dx-home-blog { padding:18px 14px; margin:22px 0; }
 .dx-home-blog h2#dxhb-title { font-size:25px; }
 .dx-home-blog .dxhb-heading { margin-bottom:16px; }
 .dx-home-blog .dxhb-filters { flex-wrap:nowrap; overflow-x:auto; margin-bottom:18px; padding:2px 2px 8px; }
 .dx-home-blog .dxhb-track { grid-auto-columns:92%; gap:14px; }
 .dx-home-blog .dxhb-footer { flex-wrap:wrap; }
 .dx-home-blog .dxhb-status { width:100%; }
}