.categories-grid-sokohub{background:linear-gradient(to bottom,#fff,#f8f9fa);position:relative;overflow:hidden}.categories-grid-sokohub:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(102,126,234,.05) 0%,transparent 70%);animation:rotate 30s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.section-header{text-align:center;margin-bottom:3rem;position:relative;z-index:1}.section-heading{font-size:clamp(2.8rem,4vw,4.2rem);font-weight:800;color:#1a1a1a;margin:0 0 1rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInDown .8s ease-out}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.section-subheading{font-size:1.6rem;color:#666;margin:0;animation:fadeIn .8s ease-out .2s both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:2.5rem;position:relative;z-index:1}@media screen and (min-width: 750px){.categories-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:3rem}}@media screen and (min-width: 990px){.categories-grid{grid-template-columns:repeat(6,1fr);gap:3.5rem}}.category-card{display:flex;flex-direction:column;align-items:center;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275);animation:zoomIn .6s ease-out both;animation-delay:calc(var(--animation-order, 0) * .1s)}.category-card:nth-child(1){--animation-order: 1}.category-card:nth-child(2){--animation-order: 2}.category-card:nth-child(3){--animation-order: 3}.category-card:nth-child(4){--animation-order: 4}.category-card:nth-child(5){--animation-order: 5}.category-card:nth-child(6){--animation-order: 6}.category-card:nth-child(7){--animation-order: 7}.category-card:nth-child(8){--animation-order: 8}.category-card:nth-child(9){--animation-order: 9}.category-card:nth-child(10){--animation-order: 10}.category-card:nth-child(11){--animation-order: 11}.category-card:nth-child(12){--animation-order: 12}@keyframes zoomIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.category-card:hover{transform:translateY(-10px) scale(1.05)}.category-image-wrapper{position:relative;width:100%;aspect-ratio:1;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2);padding:4px;box-shadow:0 8px 24px #667eea4d;transition:all .4s ease}.category-card:hover .category-image-wrapper{box-shadow:0 12px 40px #667eea80;transform:rotate(5deg)}.category-card:hover .category-image-wrapper:before{opacity:1}.category-image-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffd7004d,#ffa5004d);border-radius:50%;opacity:0;transition:opacity .4s ease;z-index:1}.category-image-wrapper:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;background:#fff;z-index:0}.category-image{width:100%;height:100%;object-fit:cover;border-radius:50%;position:relative;z-index:2;transition:transform .4s ease}.category-card:hover .category-image{transform:scale(1.1)}.category-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:50%;position:relative;z-index:2}.category-placeholder svg{width:60%;height:60%;opacity:.6}.category-info{text-align:center;margin-top:1.5rem;width:100%}.category-title{font-size:1.4rem;font-weight:700;color:#1a1a1a;margin:0 0 .5rem;transition:color .3s ease}.category-card:hover .category-title{color:#667eea}.category-count{font-size:1.2rem;color:#999;margin:0;font-weight:500}.categories-grid-empty{text-align:center;padding:6rem 2rem;background:#fffc;border-radius:16px;border:2px dashed #ddd}.categories-grid-empty p{font-size:1.6rem;color:#666;margin:0}@media (prefers-reduced-motion: reduce){.category-card,.category-image-wrapper,.category-image,.section-heading,.section-subheading{animation:none;transition:none}.categories-grid-sokohub:before{animation:none}}@media (prefers-contrast: high){.category-image-wrapper{border:3px solid #000000}.section-heading{-webkit-text-fill-color:#000000}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/section-categories-grid-sokohub.css.map */