/* VIPGRANIT: корзина, избранное, кабинет */
.vgsh-ctl{display:flex;gap:8px;align-items:center;margin-top:12px;position:relative;z-index:3}
.vgsh-ctl button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;cursor:pointer;font:700 13px Inter,sans-serif;border-radius:12px;transition:transform .2s,box-shadow .2s,background .2s}
.vgsh-add{flex:1;padding:12px 16px;background:linear-gradient(135deg,#b8892a,#f3d77a 50%,#c99a35);color:#16130f;box-shadow:0 8px 20px rgba(184,137,42,.28)}
.vgsh-add:hover{transform:translateY(-2px)}
.vgsh-add.on{background:#1f1c16;color:#f3d77a;box-shadow:inset 0 0 0 1px #d4af37}
.vgsh-fav{width:44px;height:44px;flex:none;background:rgba(212,175,55,.1);box-shadow:inset 0 0 0 1px rgba(212,175,55,.5)}
.vgsh-fav svg{fill:none;stroke:#c99a35}.vgsh-fav.on svg{fill:#e25555;stroke:#e25555}
.vgsh-fav:hover{transform:scale(1.06)}
.vgsh-ctl svg,.vgsh-icons svg,.vgsh-float svg,.vgsh-box svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.vgsh-ctl.sm .vgsh-add{padding:10px 12px;font-size:12px}.vgsh-ctl.sm .vgsh-fav{width:38px;height:38px}
.vgsh-icons{display:inline-flex;gap:6px;margin-right:6px}
.vgsh-icons button{position:relative;width:40px;height:40px;border-radius:12px;border:1px solid rgba(212,175,55,.45);background:transparent;color:#c99a35;cursor:pointer;display:grid;place-items:center;transition:background .2s}
.vgsh-icons button:hover{background:rgba(212,175,55,.12)}
.vgsh-n:empty{display:none}
.vgsh-n{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#d4af37;color:#111;font:800 11px/18px Inter,sans-serif;text-align:center}
.vgsh-float{position:fixed;left:18px;bottom:76px;z-index:9989;width:52px;height:52px;border-radius:50%;border:0;cursor:pointer;display:none;place-items:center;color:#16130f;background:linear-gradient(135deg,#b8892a,#f3d77a 50%,#c99a35);box-shadow:0 10px 26px rgba(0,0,0,.35)}
.vgsh-float.on{display:grid}.vgsh-float svg{width:22px;height:22px}
.vgsh-pan{position:fixed;inset:0;z-index:100001;visibility:hidden}
.vgsh-pan.on{visibility:visible}
.vgsh-bg{position:absolute;inset:0;background:rgba(8,8,10,.6);opacity:0;transition:opacity .3s;backdrop-filter:blur(3px)}
.vgsh-pan.on .vgsh-bg{opacity:1}
.vgsh-box{position:absolute;top:0;right:0;bottom:0;width:min(440px,100%);display:flex;flex-direction:column;background:#faf6ee;color:#1c1a17;box-shadow:-20px 0 60px rgba(0,0,0,.35);transform:translateX(100%);transition:transform .35s cubic-bezier(.2,.8,.2,1);border-left:1px solid rgba(212,175,55,.5)}
.vgsh-pan.on .vgsh-box{transform:none}
.vgsh-box header{display:flex;align-items:center;gap:8px;padding:16px;border-bottom:1px solid rgba(212,175,55,.3)}
.vgsh-tabs{display:flex;gap:6px;flex:1}
.vgsh-tabs button{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 6px;border-radius:10px;border:1px solid rgba(212,175,55,.35);background:transparent;color:inherit;font:600 13px Inter,sans-serif;cursor:pointer}
.vgsh-tabs button.on{background:linear-gradient(135deg,#b8892a,#f3d77a 50%,#c99a35);color:#16130f;border-color:transparent}
.vgsh-x{width:38px;height:38px;border-radius:10px;border:0;background:rgba(0,0,0,.06);color:inherit;cursor:pointer;display:grid;place-items:center}
.vgsh-body{flex:1;overflow:auto;padding:16px}
.vgsh-row{display:flex;align-items:center;gap:10px;padding:12px;border-radius:14px;border:1px solid rgba(212,175,55,.3);margin-bottom:10px;background:#fff}
.vgsh-ri{flex:1;min-width:0}.vgsh-ri b{display:block;font-size:14px;line-height:1.3}.vgsh-ri small{color:#8a6a1a;font-weight:600}
.vgsh-q{display:flex;align-items:center;gap:6px}.vgsh-q button{width:28px;height:28px;border-radius:8px;border:1px solid rgba(212,175,55,.5);background:transparent;cursor:pointer;font-size:16px;color:inherit}
.vgsh-q span{min-width:18px;text-align:center;font-weight:700}
.vgsh-del{width:30px;height:30px;border:0;border-radius:8px;background:transparent;color:#9a8f80;cursor:pointer;display:grid;place-items:center}.vgsh-del:hover{color:#c0392b}
.vgsh-mini{padding:8px 10px;border-radius:9px;border:0;background:#d4af37;color:#111;font:700 12px Inter,sans-serif;cursor:pointer}
.vgsh-total{display:flex;justify-content:space-between;align-items:center;margin:14px 0;padding:14px;border-radius:14px;background:#16130f;color:#f5f1e8;font-size:15px}.vgsh-total b{color:#f3d77a;font-size:20px}
.vgsh-form{display:grid;gap:10px}
.vgsh-form input,.vgsh-form textarea{width:100%;box-sizing:border-box;padding:13px 14px;border-radius:12px;border:1px solid rgba(212,175,55,.45);background:#fff;font:15px Inter,sans-serif;color:#1c1a17}
.vgsh-form textarea{min-height:70px;resize:vertical}
.vgsh-go{padding:15px;border:0;border-radius:12px;cursor:pointer;font:800 15px Inter,sans-serif;color:#16130f;background:linear-gradient(135deg,#b8892a,#f3d77a 50%,#c99a35);box-shadow:0 10px 24px rgba(184,137,42,.3)}
.vgsh-note{color:#7a7266;font-size:12px;line-height:1.5}.vgsh-note a{color:#a8801f}
.vgsh-empty{color:#7a7266;text-align:center;padding:30px 10px;line-height:1.6}
.vgsh-h{font:800 15px Inter,sans-serif;margin:18px 0 10px}
.vgsh-order{display:flex;justify-content:space-between;gap:10px;padding:12px;border-radius:12px;border:1px solid rgba(212,175,55,.3);margin-bottom:8px;background:#fff}
.vgsh-order small{display:block;color:#7a7266;margin-top:4px;line-height:1.4}
.vgsh-done{text-align:center;padding:40px 10px;font:800 20px Inter,sans-serif}.vgsh-done small{display:block;font:400 14px/1.6 Inter,sans-serif;color:#7a7266;margin-top:10px}
.vgsh-toast{position:fixed;left:50%;bottom:24px;z-index:100002;transform:translate(-50%,30px);opacity:0;pointer-events:none;max-width:calc(100% - 32px);padding:13px 18px;border-radius:14px;background:#16130f;color:#f5f1e8;font:14px Inter,sans-serif;box-shadow:0 14px 40px rgba(0,0,0,.4);border:1px solid rgba(212,175,55,.5);transition:all .3s}
.vgsh-toast.on{opacity:1;transform:translate(-50%,0);pointer-events:auto}.vgsh-toast a{color:#f3d77a;margin-left:6px;font-weight:700}
html.vgsh-lock{overflow:hidden}
html:not([data-theme="light"]) .vgsh-box{background:#121115;color:#f3eee4}
html:not([data-theme="light"]) .vgsh-row,html:not([data-theme="light"]) .vgsh-order,html:not([data-theme="light"]) .vgsh-form input,html:not([data-theme="light"]) .vgsh-form textarea{background:#1b1a1f;color:#f3eee4}
html:not([data-theme="light"]) .vgsh-x{background:rgba(255,255,255,.08)}
@media(max-width:700px){.vgsh-icons button{width:36px;height:36px}.vgsh-icons{gap:4px}.vgsh-tabs button{font-size:12px;padding:9px 4px}.vgsh-tabs svg{display:none}}

.vgsh-cur{display:inline-flex;border:1px solid rgba(212,175,55,.45);border-radius:12px;overflow:hidden;margin-right:6px;height:40px}
.vgsh-cur button{border:0;background:transparent;color:#c99a35;font:700 12px Inter,sans-serif;padding:0 10px;cursor:pointer}
.vgsh-cur button.on{background:linear-gradient(135deg,#b8892a,#f3d77a 50%,#c99a35);color:#16130f}
.vgsh-curnote:empty{display:none}
.vgsh-curnote{position:fixed;left:50%;transform:translateX(-50%);bottom:8px;z-index:9988;max-width:calc(100% - 180px);padding:6px 12px;border-radius:10px;background:rgba(22,19,15,.92)!important;color:#f0e4c6!important;font:11.5px Inter,sans-serif;text-align:center;pointer-events:none}
@media(max-width:700px){.vgsh-cur{height:36px}.vgsh-cur button{padding:0 7px}.vgsh-curnote{max-width:calc(100% - 24px);bottom:auto;top:auto;bottom:4px}}