: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;display:block;padding:12px 0 14px;overflow:visible}
.categories-label{display:flex;align-items:center;gap:8px;width:100%;color:#fff;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;padding:0 0 9px;margin:0 0 9px;border:0;border-bottom:1px solid rgba(255,255,255,.18);white-space:nowrap}
.categories-label i{font-size:16px;color:#72b5ff}
.category-links{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;width:100%}
.categories a{display:flex;align-items:center;justify-content:center;min-height:38px;padding:8px 9px;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#e8f2ff;background:rgba(255,255,255,.07);font-size:9px;text-align:center;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:900px){.category-links{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:650px){.categories .container{width:100%;padding:10px 0 12px}.categories-label{width:calc(100% - 30px);margin:0 15px 8px;padding-bottom:8px}.categories-label::after{content:'Deslize →';margin-left:auto;color:#9fc8ff;font-size:8px;font-weight:700;letter-spacing:.04em;text-transform:none}.category-links{display:flex;width:100%;gap:8px;padding:0 15px 2px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}.category-links::-webkit-scrollbar{display:none}.categories a{flex:0 0 auto;min-width:108px;min-height:38px;padding:8px 13px;font-size:8px;scroll-snap-align:start}}
@media(max-width:390px){.category-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
.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}}