.menu-grid{--menu-gap:0.4rem;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;margin-right:calc(-1 * var(--menu-gap));margin-left:calc(-1 * var(--menu-gap))}.menu-cell{box-sizing:border-box;flex:0 0 50%;max-width:50%;padding:var(--menu-gap)}@media (min-width:992px){.menu-grid{--menu-gap:0.6rem}.menu-cell{flex-basis:25%;max-width:25%}}.service-box{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;width:100%;aspect-ratio:1/1;background:#ffffff00;border-radius:12px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 4px 12px rgba(0,0,0,0.11);transition:transform 0.3s ease,box-shadow 0.3s ease,opacity 0.6s ease;padding:10% 6%;opacity:0;transform:translateY(20px)}.service-box::before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(135deg,rgba(255,255,255,0) 40%,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 60%);transform:rotate(45deg) translateX(-100%);transition:transform 0.6s ease;pointer-events:none}.service-box:hover::before{transform:rotate(45deg) translateX(100%)}.service-box:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 8px 24px rgba(0,0,0,0.1)}.service-box.show{opacity:1;transform:translateY(0)}.service-ribbon{position:absolute;top:14px;right:-34px;width:110px;text-align:center;background:linear-gradient(135deg,#ffc84d,#ff9700,#e86a00);color:#fff;font-size:0.62rem;font-weight:700;line-height:1.2;padding:5px 0;transform:rotate(45deg);box-shadow:0 2px 8px rgba(255,151,0,0.45);z-index:2;pointer-events:none}@media (min-width:992px){.service-ribbon{top:16px;right:-36px;width:120px;font-size:0.72rem;padding:6px 0}}.service-img{width:55%;max-width:120px;height:auto;margin-bottom:15px;transition:transform 0.3s ease}.service-title{font-size:1.1rem;font-weight:600;line-height:2;margin-bottom:0}.search-grid-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:calc(var(--menu-gap,0.4rem) * 2);width:100%;aspect-ratio:1/1;padding:0}.menu-cell.is-strip{flex-basis:100%;max-width:100%}@media (min-width:992px){.menu-cell.is-strip{flex-basis:50%;max-width:50%}}.search-grid-container.is-strip{grid-template-columns:repeat(4,1fr);grid-template-rows:auto;aspect-ratio:auto}.search-grid-container.is-strip .search-grid-item{height:auto;aspect-ratio:1/1}.search-grid-item{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;height:100%;min-width:0;background:#ffffff00;border-radius:8px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 2px 6px rgba(0,0,0,0.11);transition:transform 0.3s ease,box-shadow 0.3s ease,opacity 0.6s ease;padding:8% 5%;opacity:0;transform:translateY(20px)}.search-grid-item::before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(135deg,rgba(255,255,255,0) 40%,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 60%);transform:rotate(45deg) translateX(-100%);transition:transform 0.6s ease;pointer-events:none}.search-grid-item:hover::before{transform:rotate(45deg) translateX(100%)}.search-grid-item:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 4px 12px rgba(0,0,0,0.1)}.search-grid-item.show{opacity:1;transform:translateY(0)}.search-grid-item .service-img{width:45%;max-width:45px;margin-bottom:6px}.search-grid-item .service-title{font-size:0.7rem;line-height:1.4;font-weight:600;margin-bottom:0}@media (min-width:992px){.search-grid-item .service-img{max-width:55px;margin-bottom:8px}.search-grid-item .service-title{font-size:0.9rem}}@media (max-width:991.98px){.service-img{width:50%;max-width:90px;margin-bottom:10px}.service-title{font-size:1rem;line-height:1.6}}.dark-mode .service-box,.dark-mode .search-grid-item{background-color:#28282800!important;border-color:#ffffff08!important;box-shadow:0px 3px 6px 3px rgb(0 0 0 / 15%);color:#fff!important}.dark-mode .service-box:hover,.dark-mode .search-grid-item:hover{box-shadow:0 8px 24px rgba(0,0,0,0.3)!important}.dark-mode .service-title{color:#fff!important}.dark-mode .service-box::before,.dark-mode .search-grid-item::before{background:linear-gradient(135deg,rgba(255,255,255,0) 40%,rgba(255,255,255,0.1) 50%,rgba(255,255,255,0) 60%)!important}