.panel-open{overflow:hidden}.ui-backdrop{position:fixed;inset:0;background:rgba(9,28,22,.46);opacity:0;visibility:hidden;transition:.25s;z-index:39}.ui-backdrop.show{opacity:1;visibility:visible}.cart-drawer{position:fixed;right:0;top:0;width:min(440px,100%);height:100dvh;background:var(--paper);z-index:40;transform:translateX(100%);transition:transform .35s cubic-bezier(.2,.8,.2,1);display:grid;grid-template-rows:auto 1fr auto;box-shadow:-20px 0 60px rgba(15,40,31,.18)}.cart-drawer.open{transform:none}.drawer-head{padding:26px 28px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.drawer-head span{font-size:10px;color:var(--orange);font-weight:700;letter-spacing:.16em}.drawer-head h2{font-size:38px;margin-top:5px}.drawer-head button,.search-box button{border:1px solid var(--line);background:none;border-radius:50%;width:42px;height:42px;font-size:25px;color:var(--ink);cursor:pointer}.drawer-items{overflow:auto;padding:8px 28px}.drawer-item{display:grid;grid-template-columns:96px 1fr;gap:16px;padding:20px 0;border-bottom:1px solid var(--line)}.drawer-item img{width:96px;height:110px;object-fit:cover}.drawer-item h3{font:700 19px var(--display);margin:3px 0}.drawer-item small{color:var(--muted)}.drawer-item-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.mini-qty{display:flex;border:1px solid var(--line);height:34px;align-items:center}.mini-qty button{width:30px;border:0;background:none;cursor:pointer}.mini-qty span{width:24px;text-align:center;font-size:12px}.remove-item{border:0;background:none;padding:8px 0;color:var(--muted);font:11px var(--body);text-decoration:underline;cursor:pointer}.drawer-footer{padding:22px 28px 28px;border-top:1px solid var(--line);background:#fff}.drawer-footer>div{display:flex;justify-content:space-between;font-size:18px}.drawer-footer small{display:block;color:var(--muted);margin:8px 0 18px}.drawer-footer .btn{width:100%}.empty-cart{text-align:center;padding:70px 10px}.empty-cart>span{font-size:70px;color:var(--yellow)}.empty-cart h3{font:700 28px var(--display);margin:16px 0 6px}.empty-cart p{color:var(--muted);margin-bottom:25px}.search-panel{position:fixed;left:50%;top:90px;width:min(720px,calc(100% - 32px));max-height:calc(100dvh - 130px);transform:translate(-50%,-25px);background:var(--paper);z-index:41;opacity:0;visibility:hidden;transition:.25s;box-shadow:var(--shadow);overflow:auto}.search-panel.open{opacity:1;visibility:visible;transform:translate(-50%,0)}.search-box{height:78px;display:flex;align-items:center;gap:14px;padding:12px 18px;border-bottom:1px solid var(--line)}.search-box>span{font-size:28px}.search-box input{flex:1;border:0;outline:0;background:none;font:500 19px var(--body);color:var(--ink)}.search-results{padding:12px 20px 22px}.search-results>p{color:var(--muted);text-align:center;padding:30px}.search-result{display:grid;grid-template-columns:62px 1fr auto;align-items:center;gap:14px;padding:10px;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line)}.search-result:hover{background:var(--cream)}.search-result img{width:62px;height:62px;object-fit:cover}.search-result span{display:grid;gap:4px}.search-result b{font:700 17px var(--display)}.search-result small{color:var(--muted)}.search-result strong{font-size:14px}@media(max-width:600px){.cart-drawer{width:100%}.search-panel{top:74px}.search-box{height:68px}.search-box input{font-size:16px}.drawer-head{padding:20px}.drawer-items{padding:6px 20px}.drawer-footer{padding:18px 20px}.search-result{grid-template-columns:52px 1fr auto}.search-result img{width:52px;height:52px}.search-result small{display:none}}