:root{--card-radius: 16px;--btn-radius: 12px;--accent-color: #f97316;--accent-hover: #d4af37;--shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.08);--shadow-lg: 0 12px 28px rgba(0, 0, 0, 0.16)}.card{position:relative;border-radius:var(--card-radius);overflow:hidden;box-shadow:var(--shadow-sm);background-color:#fff;transform:translateZ(0);transition:transform .3s cubic-bezier(0.25, 1, 0.5, 1),box-shadow .3s cubic-bezier(0.25, 1, 0.5, 1)}.card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.card .media{position:relative;overflow:hidden;aspect-ratio:4/3}.card .media img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;will-change:transform;transition:transform .5s cubic-bezier(0.25, 1, 0.5, 1)}.card:hover .media img{transform:scale(1.04)}.card .media::after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.25), transparent);transform:skewX(-20deg);pointer-events:none;transition:left .75s ease-in-out}.card:hover .media::after{left:140%}.card .content{padding:16px 20px;text-align:center}.card .title{font-weight:500;transition:color .25s ease}.card:hover .title{color:var(--accent-hover)}.card .price{color:var(--accent-color);font-weight:600;font-size:1.1rem}.btn{display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border-radius:var(--btn-radius);border:none;cursor:pointer;box-shadow:0 4px 10px rgba(0,0,0,.08);transform:translateZ(0);transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.12)}.btn:active{transform:translateY(0);box-shadow:0 2px 6px rgba(0,0,0,.08)}.btn::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);transform:skewX(-20deg);pointer-events:none;transition:left .6s ease}.btn:hover::before{left:120%}.sidebar-menu,.categories-menu,.catalog-menu,.menu-catalog{max-height:80vh;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#b8b8b8 rgba(0,0,0,0)}.sidebar-menu::-webkit-scrollbar,.categories-menu::-webkit-scrollbar,.catalog-menu::-webkit-scrollbar,.menu-catalog::-webkit-scrollbar{width:5px}.sidebar-menu::-webkit-scrollbar-thumb,.categories-menu::-webkit-scrollbar-thumb,.catalog-menu::-webkit-scrollbar-thumb,.menu-catalog::-webkit-scrollbar-thumb{background:#b8b8b8;border-radius:10px}.sidebar-menu::-webkit-scrollbar-track,.categories-menu::-webkit-scrollbar-track{background:rgba(0,0,0,0)}html{scroll-behavior:smooth}@media(prefers-reduced-motion: reduce){html{scroll-behavior:auto}}