:root{--red:#e4263f;--red-dark:#ba1830}
.categories{background:linear-gradient(100deg,#071d40,#0a4a9c);border:0;box-shadow:0 7px 20px rgba(7,35,76,.16)}
.categories .container{min-height:61px;align-items:center;gap:9px;padding:9px 0}
.categories-label{display:flex;align-items:center;gap:8px;color:#fff;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;padding-right:16px;margin-right:4px;border-right:1px solid rgba(255,255,255,.22);white-space:nowrap}
.categories-label i{font-size:16px;color:#72b5ff}
.categories a{padding:10px 15px;border:1px solid rgba(255,255,255,.16);border-radius:8px;color:#dbeaff;background:rgba(255,255,255,.06);transition:.2s}
.categories a:hover{color:#fff;border-color:rgba(255,255,255,.42);background:rgba(255,255,255,.13);transform:translateY(-1px)}
.categories a.active{color:#fff;border-color:var(--red);background:linear-gradient(135deg,#f02d47,var(--red-dark));box-shadow:0 7px 16px rgba(190,19,45,.3)}
.search button{background:linear-gradient(135deg,#1173e7,#0755bc)}
.hero a{background:linear-gradient(135deg,var(--red),var(--red-dark));box-shadow:0 10px 22px rgba(202,27,53,.23)}
.hero a:hover{transform:translateY(-2px)}
.add:hover,.add.added{background:linear-gradient(135deg,#1173e7,#0755bc)}
.cart-footer button{background:linear-gradient(135deg,var(--red),var(--red-dark))}
.offer{background:linear-gradient(135deg,#f02d47,var(--red-dark))}
@media(max-width:650px){.categories .container{padding:9px 0;gap:7px}.categories-label{position:sticky;left:0;z-index:2;background:#082a5d;padding:11px 12px;border:0;border-radius:7px}.categories a{padding:9px 13px}}
.pagination{display:flex;align-items:center;justify-content:center;gap:22px;padding:0 0 65px}.pagination>div{display:flex;align-items:center;gap:7px}.pagination a{min-width:36px;height:36px;padding:0 10px;border:1px solid #dce4ef;border-radius:8px;background:#fff;color:#52627a;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;transition:.2s}.pagination a:hover{border-color:var(--blue);color:var(--blue);transform:translateY(-1px)}.pagination a.active{background:linear-gradient(135deg,#1173e7,#0755bc);border-color:#0755bc;color:#fff;box-shadow:0 7px 15px rgba(7,85,188,.22)}.pagination .page-arrow{min-width:92px}.pagination .disabled{opacity:.35;pointer-events:none}.pagination span{color:#8290a4}@media(max-width:500px){.pagination{gap:8px}.pagination .page-arrow{min-width:38px;font-size:0}.pagination .page-arrow i{font-size:12px}.pagination>div a{display:none}.pagination>div a.active{display:inline-flex}}