/* Front styles */
.zsi-article-products .zsi-article-products__container,
.zsi-cat-products .zsi-cat-products__container,
.zsi-sidebar-products .zsi-sidebar-products__container { margin:24px 0; }
.zsi-section-title { font-size:1.25rem; margin:0 0 12px; }
.zsi-grid { display:grid; gap:16px; }
.zsi-grid-2 { grid-template-columns:1fr; }
@media(min-width:768px){ .zsi-grid-2 { grid-template-columns:1fr 1fr; } }
.zsi-card { display:block; text-decoration:none; color:inherit; border:1px solid #e5e7eb; border-radius:12px; overflow:hidden; transition:box-shadow .2s; }
.zsi-card:hover { box-shadow:0 6px 18px rgba(0,0,0,.12); }
.zsi-card-inner { padding:16px; text-align:center; }
.zsi-card img { width:100%; height:auto; border-radius:8px; }
.zsi-card h3 { font-size:1.05rem; margin:10px 0 6px; }
.zsi-desc {font-weight: normal !important;}
.zsi-desc p { margin:0 0 10px; }
.zsi-btn { display:inline-block; margin-top:8px; padding:9px 14px; border-radius:6px; background:#f0c14b; font-weight:600; }
.zsi-side-list { list-style:none; margin:0; padding:0; }
.zsi-side-item + .zsi-side-item { margin-top:12px; }
.zsi-side-link { display:flex; gap:10px; align-items:center; text-decoration:none; color:inherit; border:1px solid #e5e7eb; border-radius:10px; padding:10px; transition:box-shadow .2s; }
.zsi-side-link:hover { box-shadow:0 6px 18px rgba(0,0,0,.1); }
.zsi-side-thumb { width:64px; height:64px; object-fit:cover; border-radius:8px; }
.zsi-side-texts { display:flex; align-items:center; gap:8px; flex:1; }
.zsi-side-title { font-weight:600; line-height:1.2; }
.zsi-side-btn { margin-left:auto; font-size:.9rem; padding:6px 10px; background:#f0f0f0; border-radius:6px; }
.zsi-sidebar-box .zsi-side-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.zsi-sidebar-box .zsi-side-item{margin:0}
.zsi-sidebar-box .zsi-side-link{display:block;text-decoration:none;color:inherit;border:1px solid #eee;border-radius:10px;padding:12px;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}
.zsi-sidebar-box .zsi-side-link:hover,.zsi-sidebar-box .zsi-side-link:focus{border-color:#ddd;box-shadow:0 2px 10px rgba(0,0,0,.06);transform:translateY(-1px);outline:none}
.zsi-sidebar-box .zsi-row{display:block}
.zsi-sidebar-box .zsi-title{font-weight:600;font-size:14.5px;line-height:1.3;margin-bottom:10px}
.zsi-sidebar-box .zsi-side-title{display:inline}
.zsi-sidebar-box .zsi-image{margin-bottom:10px}
.zsi-sidebar-box .zsi-image .zsi-side-img{display:block;width:100%;height:auto;border-radius:8px}
.zsi-sidebar-box .zsi-button .zsi-side-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:10px 12px;border-radius:8px;border:1px solid #e68a00;background:#ff9900;color:#fff;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.2px}
.zsi-sidebar-box .zsi-button .zsi-side-btn:hover{filter:brightness(.95)}
@media (max-width:420px){.zsi-sidebar-box .zsi-side-link{padding:10px}.zsi-sidebar-box .zsi-title{font-size:14px;margin-bottom:8px}}
@media (prefers-color-scheme:dark){.zsi-sidebar-box .zsi-side-link:hover,.zsi-sidebar-box .zsi-side-link:focus{border-color:#feffff;box-shadow:0 2px 10px rgba(0,0,0,.35)}}