.categories-section,body{flex-direction:column;display:flex}.categories-title,body{color:var(--text-main)}.categories-section,.category-block{transform:translateY(20px);opacity:0}.item,body{position:relative}.category-block,.category-content,.image-frame{overflow:hidden}:root{--glass-bg:rgba(255, 255, 255, 0.65);--glass-border:rgba(255, 255, 255, 0.6);--glass-shadow:0 12px 40px rgba(0, 0, 0, 0.05);--text-main:#1d1d1f;--text-secondary:#515154;--accent-blue:#007aff;--anim-spring:cubic-bezier(0.25, 0.8, 0.25, 1)}html{scroll-behavior:smooth}body{background-color:#f6f8fa;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif;margin:0;padding:0;min-height:100vh;-webkit-font-smoothing:antialiased;overflow-x:hidden}body::before{content:'';position:fixed;top:-50%;left:-50%;width:200%;height:200%;z-index:-1;background-image:radial-gradient(at 0 0,#e3e1e9 0,transparent 50%),radial-gradient(at 50% 0,#dbe0ef 0,transparent 50%),radial-gradient(at 100% 0,#f1d9e1 0,transparent 50%),radial-gradient(at 10% 30%,#e3b8f9 0,transparent 50%),radial-gradient(at 90% 30%,#b8eef9 0,transparent 50%),radial-gradient(at 30% 70%,#fbc4d7 0,transparent 50%),radial-gradient(at 80% 80%,#cfdefb 0,transparent 50%);filter:blur(80px);animation:20s ease-in-out infinite alternate liquidFlow;will-change:transform}@keyframes liquidFlow{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(-3%,2%) scale(1.02)}66%{transform:translate(2%,-3%) scale(.98)}}.container{max-width:1200px;margin:0 auto;padding:80px 20px 0;width:100%;box-sizing:border-box}.categories-section{text-align:center;padding:40px;margin:40px auto;width:90%;max-width:800px;box-sizing:border-box;justify-content:center;align-items:center;min-height:150px;background:var(--glass-bg);backdrop-filter:blur(25px) saturate(120%);-webkit-backdrop-filter:blur(25px) saturate(120%);border:1px solid rgba(255,255,255,.4);box-shadow:0 15px 35px rgba(0,0,0,.05);border-radius:24px;transition:.8s}.categories-section.visible,.category-block.visible{opacity:1;transform:translateY(0)}.categories-title{font-size:28px;font-weight:700;margin-bottom:10px}.categories-text,footer{color:var(--text-secondary)}.categories-text{font-size:16px;margin:5px 0}.category-header,.item-label{font-weight:600;color:var(--text-main)}.categories-list{max-width:1200px;margin:0 auto 60px;width:100%;display:flex;flex-direction:column;align-items:center}.category-block{width:90%;max-width:800px;margin:0 auto 15px;background:rgba(255,255,255,.45);backdrop-filter:blur(25px) saturate(120%);-webkit-backdrop-filter:blur(25px) saturate(120%);border:1px solid rgba(255,255,255,.4);border-radius:20px;box-shadow:0 8px 24px rgba(0,0,0,.04);transition:all .4s var(--anim-spring)}.category-header{padding:20px 30px;font-size:18px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background .3s;background:rgba(255,255,255,.2)}.category-header:hover{background:rgba(255,255,255,.5)}.category-block.active .brand-grid .item:hover,.item:hover{transform:translate3d(0,-8px,0) scale(1.02);background:rgba(255,255,255,.75);box-shadow:0 20px 40px rgba(0,0,0,.08);border-color:rgba(255,255,255,.8)}.category-icon{font-size:14px;transition:transform .4s var(--anim-spring)}.category-block.active .category-icon{transform:rotate(180deg)}.category-content-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s ease-out;will-change:grid-template-rows;transform:translateZ(0)}.category-block.active .category-content-wrapper{grid-template-rows:1fr}.brand-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:20px 30px 30px}.item{border-radius:24px;background:rgba(255,255,255,.45);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.4);box-shadow:0 8px 16px rgba(0,0,0,.03);padding:15px;transition:all .4s var(--anim-spring);cursor:pointer}.item a{text-decoration:none;display:block}.image-frame{border-radius:16px;aspect-ratio:1/1}.item img{width:100%;height:100%;object-fit:cover;transition:transform .6s;display:block;margin:0 auto;border-radius:16px}.item:hover img{transform:scale(1.1)}.item-label{display:block;margin-top:15px;text-align:center}.category-block .brand-grid .item{opacity:0;transform:translate3d(0,30px,0);transition:opacity .4s ease,transform .4s var(--anim-spring),box-shadow .4s ease,border-color .4s ease,background .4s ease}.category-block.active .brand-grid .item{opacity:1;transform:translate3d(0,0,0)}.category-block.active .brand-grid .item:hover{transition-delay:0s!important}.category-block.active .brand-grid .item:first-child{transition-delay:350ms}.category-block.active .brand-grid .item:nth-child(2){transition-delay:0.4s}.category-block.active .brand-grid .item:nth-child(3){transition-delay:450ms}.category-block.active .brand-grid .item:nth-child(4){transition-delay:0.5s}.category-block.active .brand-grid .item:nth-child(5){transition-delay:550ms}.category-block.active .brand-grid .item:nth-child(6){transition-delay:0.6s}.category-block.active .brand-grid .item:nth-child(7){transition-delay:650ms}.category-block.active .brand-grid .item:nth-child(8){transition-delay:0.7s}.category-block.active .brand-grid .item:nth-child(9){transition-delay:750ms}.category-block.active .brand-grid .item:nth-child(10){transition-delay:0.8s}.category-block.active .brand-grid .item:nth-child(n+11){transition-delay:850ms}footer{text-align:center;padding:30px;font-size:12px;background:rgba(255,255,255,.3);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.3);margin-top:auto}footer span{opacity:.6}@media (max-width:768px){.brand-grid{grid-template-columns:repeat(2,1fr);gap:15px;padding:15px 20px 20px}.category-header{padding:16px 20px;font-size:16px}body::before{animation:none;filter:blur(40px);will-change:auto}}