.kategori-section{background:#fff;padding:34px 0 80px}.container-wide{max-width:1600px;margin:0 auto;padding:0 40px}.kategori-title{text-align:center;color:#2b3241;margin-bottom:10px;font-size:36px;font-weight:700}.kategori-subtitle{text-align:center;color:#666;margin-bottom:50px;font-size:18px}.kategori-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));justify-content:center;align-items:start;gap:32px;margin-top:40px;display:grid}.kategori-card{text-align:center;cursor:pointer;background:#fff;transition:all .3s;overflow:hidden}.kategori-card:hover{transform:translateY(-4px)}.kategori-image{background:#fff;width:100%;height:320px;position:relative;overflow:hidden}.kategori-image .main-img,.kategori-image .hover-img{object-fit:cover;width:100%;height:100%;transition:opacity .4s,transform .4s;position:absolute;top:0;left:0}.kategori-image .hover-img{opacity:0}.kategori-card:hover .main-img{opacity:0;transform:scale(1.05)}.kategori-card:hover .hover-img{opacity:1;transform:scale(1.02)}.kategori-card h3{color:#111;margin:20px 0;font-size:20px;font-weight:600;transition:color .3s}.kategori-card:hover h3{color:#4fb68d}@media (max-width:1200px){.kategori-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.kategori-image{height:260px}}@media (max-width:991px){.kategori-grid{grid-template-columns:repeat(2,1fr);gap:24px}.kategori-image{height:240px}}@media (max-width:576px){.kategori-grid{grid-template-columns:1fr}.kategori-image{height:220px}.kategori-card h3{font-size:18px}}.kategori-grid{grid-template-columns:repeat(3,1fr);gap:30px;margin-top:40px;display:grid}.kategori-card{text-align:center;background:#fff;border-radius:10px;margin:5px;padding:5px;transition:all .3s;display:block;position:relative}.kategori-card:hover{transform:translateY(-5px);box-shadow:0 8px 18px #0000001f}.kategori-image{border-radius:1px;width:100%;height:322px;position:relative;overflow:hidden}.kategori-image img{object-fit:cover;width:100%;height:100%;transition:opacity .35s}.kategori-image .hover-img{opacity:0;position:absolute;top:0;left:0}.kategori-card:hover .hover-img{opacity:1}.kategori-card:hover .main-img{opacity:0}.kategori-card h3{color:#222;text-transform:capitalize;margin-top:54px;font-size:18px;font-weight:600}@media (max-width:991px){.kategori-grid{grid-template-columns:repeat(2,1fr);gap:24px}}@media (max-width:600px){.kategori-grid{grid-template-columns:1fr;gap:20px}.kategori-image{height:200px}}.kategori-card{width:100%;height:100%;display:block}.kategori-image{aspect-ratio:4/3;background:#fff;width:100%;height:auto!important}.kategori-image .main-img,.kategori-image .hover-img,.kategori-image img{object-position:center;background:#fff;width:100%;height:100%;display:block;object-fit:contain!important}@media (max-width:991px){.kategori-image{aspect-ratio:16/11}}@media (max-width:600px){.kategori-image{aspect-ratio:16/10}}.breadcrumb+.kategori-section{margin-top:-12px;padding-top:4px}.kategori-title{margin-bottom:4px}.kategori-card h3{line-height:1.25;margin-top:10px!important;margin-bottom:0!important}.kategori-grid{margin-top:24px}.kategori-image{padding-top:0!important;padding-bottom:2px!important}.kategori-image .main-img,.kategori-image .hover-img,.kategori-image img{object-position:center bottom!important;background:0 0!important}