.hero-wrapper{min-height:460px;overflow:hidden;isolation:isolate;contain:layout style}@media (min-width:1024px){.hero-wrapper{min-height:620px}}.hero-gallery .mcg-grid{grid-template-columns:repeat(3,1fr)}.hero-grid{display:grid;grid-template-columns:1fr;grid-template-rows:360px;gap:10px;width:97%;margin:0 auto}@media (min-width:1024px){.hero-grid{grid-template-columns:1.15fr .85fr;grid-template-rows:620px;height:620px;padding:8px 0;box-sizing:border-box}}.hero-carousel{padding:5px;position:relative;border-radius:20px;overflow:hidden;background:#111;box-shadow:0 20px 60px rgba(0,0,0,.18);height:100%}@media (min-width:1024px){.hero-carousel{height:calc(100% - 24px);margin:12px 28px}.hero-gallery{height:calc(100% - 24px);margin:12px 0}}.hero-gallery{display:none}@media (min-width:1024px){.hero-gallery{display:block;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:8px;height:100%;overflow:hidden}}.cat-card{position:relative;border-radius:14px;overflow:hidden;cursor:pointer;background:#1a1a1a;border:none;padding:0;text-align:left;height:100%;-webkit-tap-highlight-color:transparent;outline:none;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s ease;will-change:transform}.cat-card:hover{transform:scale(1.03) translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,.22);z-index:2}.cat-card:active{transform:scale(.97)}.cat-img{overflow:hidden}.cat-img,.cat-img-slide{position:absolute;inset:0}.cat-img-slide{opacity:0;transition:opacity .6s ease;will-change:opacity}.cat-img-slide.active{opacity:1}.cat-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.78) 0,rgba(0,0,0,.28) 50%,rgba(0,0,0,.05));pointer-events:none}.cat-accent{position:absolute;bottom:0;left:0;right:0;height:2.5px;transform:scaleX(0);transform-origin:left;transition:transform .3s ease;border-radius:0 0 14px 14px}.cat-card:hover .cat-accent{transform:scaleX(1)}.cat-body{position:absolute;bottom:0;left:0;right:0;padding:10px 10px 8px;pointer-events:none}.cat-name{display:block;font-size:12px;font-weight:650;color:#fff;letter-spacing:.03em;line-height:1.2;margin-bottom:2px;text-shadow:0 1px 4px rgba(0,0,0,.4)}.cat-count{gap:4px;font-size:10px;color:rgba(255,255,255,.65);font-weight:400}.cat-arrow,.cat-count{display:flex;align-items:center}.cat-arrow{position:absolute;top:8px;right:8px;width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.2);justify-content:center;opacity:0;transition:opacity .2s ease;pointer-events:none}.cat-card:hover .cat-arrow{opacity:1}.cat-slot-dots{position:absolute;top:8px;left:8px;display:flex;gap:3px;z-index:2;pointer-events:none}.cat-slot-dot{width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.35);transition:background .3s ease}.cat-slot-dot.active{background:rgba(255,255,255,.9)}.nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.2);border:.5px solid rgba(255,255,255,.25);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .2s ease,background .18s ease}.hero-carousel:hover .nav-btn{opacity:1}.nav-btn:hover{background:rgba(255,255,255,.35)}.nav-btn.left{left:14px}.nav-btn.right{right:14px}.dot-btn{height:2px;border-radius:999px;border:none;cursor:pointer;padding:0;transition:width .3s ease,background .3s ease;background:rgba(255,255,255,.35)}.dot-btn.active{background:rgba(255,255,255,.95);width:28px!important}