.shop-sections{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:2px 3px 8px;display:grid}.shop-section{background-color:var(--section-color);background-blend-mode:soft-light;color:#344b3a;cursor:pointer;transform-origin:50% 85%;background-image:url(/assets/clay/surface.webp);background-size:420px;border:2px solid #0000;border-radius:22px 25px 21px 24px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:0;min-height:100px;padding:10px 4px 12px;transition:transform .85s cubic-bezier(.22,.72,.25,1),box-shadow .85s,border-color .6s,border-radius .85s;display:flex;box-shadow:inset 2px 3px 5px #fff9,inset -2px -4px 5px #71614025,0 5px #a497785c}.shop-section-icon{object-fit:contain;pointer-events:none;filter:drop-shadow(0 3px 2px #68513220);width:54px;height:54px;transition:transform 1s cubic-bezier(.22,.72,.25,1)}.shop-section>span{font-size:13px;font-weight:800;line-height:1.2}.shop-section[aria-selected=true]{border-color:#547448;border-radius:25px 21px 24px 22px;transform:translateY(3px);box-shadow:inset 2px 3px 6px #53654326,inset -2px -2px 4px #fff8,0 2px #75875d}.shop-section:focus-visible,.shop-panel:focus-visible{outline-offset:4px;outline:3px solid #357793}.shop-panel{border-radius:24px;min-width:0}@media (hover:hover){.shop-section:hover:not([aria-selected=true]){transform:translateY(-2px)}.shop-section:hover .shop-section-icon{transform:translateY(-2px)rotate(-4deg)}}.shop-section:active{transform:translateY(4px)scale(1.025,.96)}@media (min-width:640px) and (max-width:899px){.shop-section{flex-direction:row;gap:12px;min-height:76px;padding:8px 12px}.shop-section>span{font-size:15px}}@media (min-width:900px){.shop-sections{grid-template-columns:repeat(10,minmax(0,1fr));gap:10px}.shop-section{min-height:112px}.shop-section-icon{width:62px;height:62px}}@media (max-width:359px){.shop-sections{gap:9px}.shop-section{border-radius:18px 21px 18px 20px;min-height:92px}.shop-section-icon{width:46px;height:46px}.shop-section>span{font-size:12px}}@media (prefers-reduced-motion:reduce){.shop-section,.shop-section-icon{transition:none}.shop-section:hover .shop-section-icon{transform:none}}@media (max-width:899px){.shop-sections{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#a4b98b #e9dfc4;grid-template-rows:repeat(2,80px);grid-template-columns:none;grid-auto-columns:86px;grid-auto-flow:column;gap:8px;padding-bottom:12px;overflow-x:auto}.shop-section{scroll-snap-align:start;border-radius:18px 20px 17px 19px;flex-direction:column;gap:2px;min-height:0;padding:5px 3px}.shop-section-icon{width:42px;height:42px}.shop-section>span{font-size:12px}}@media (min-width:900px){.shop-sections{grid-template-columns:repeat(11,minmax(0,1fr))}.shop-sections{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.shop-section{min-height:85px}.shop-section-icon{width:46px;height:46px}}