:root{--vg-cream:#FFFBF3;--vg-cream2:#FCF1DC;--vg-forest:#4C7A1F;--vg-leaf:#8DC63F;--vg-mango:#F0923A;--vg-mango2:#DD7B22;--vg-ink:#3A2C1E;--vg-soft:#8A7A65;--vg-line:#F0E4CC;--vg-white:#fff}
.vg-products{font-family:'Plus Jakarta Sans',sans-serif;padding:44px 0;color:var(--vg-ink)}
.vg-sec-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:26px;gap:20px}.vg-tag{font-size:12.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--vg-leaf);margin-bottom:6px;display:block}.vg-sec-head h2{font-family:'Fredoka',sans-serif;color:var(--vg-forest);font-size:30px;font-weight:600;margin:0}.vg-sec-head p{color:var(--vg-soft);font-size:14.5px;margin:6px 0 0;max-width:420px}.vg-see-all{font-weight:700;font-size:13.5px;color:var(--vg-mango2);white-space:nowrap;padding-bottom:4px;border-bottom:2px solid var(--vg-mango2);text-decoration:none}
.vg-scroll{display:flex;gap:20px;overflow-x:auto;padding:6px 4px 18px;scroll-snap-type:x mandatory}.vg-scroll::-webkit-scrollbar{height:6px}.vg-scroll::-webkit-scrollbar-thumb{background:var(--vg-line);border-radius:10px}
.vg-card{flex:0 0 250px;scroll-snap-align:start;background:var(--vg-white);border-radius:22px;border:1px solid var(--vg-line);overflow:hidden;transition:transform .18s ease,box-shadow .18s ease;display:flex;flex-direction:column}.vg-card:hover{transform:translateY(-6px);box-shadow:0 12px 30px -14px rgba(76,122,31,.25)}
.vg-media{position:relative;height:190px;background:var(--vg-cream2);overflow:hidden}.vg-image-link,.vg-image-link img{display:block;width:100%;height:100%}.vg-image-link img{object-fit:cover;transition:transform .35s ease}.vg-card:hover .vg-image-link img{transform:scale(1.06)}
.vg-sale{position:absolute;z-index:3;top:12px;left:-6px;background:var(--vg-mango);color:#fff;font-size:11px;font-weight:800;padding:5px 12px 5px 14px;letter-spacing:.03em}.vg-sale:after{content:'';position:absolute;left:0;top:100%;border-left:6px solid transparent;border-top:6px solid var(--vg-mango2)}
.vg-wish{position:absolute;z-index:4;top:10px;right:10px;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.9);display:flex;align-items:center;justify-content:center;text-decoration:none;color:var(--vg-ink);font-size:18px}.vg-quick{position:absolute;z-index:4;bottom:-48px;left:12px;right:12px;background:var(--vg-forest);color:var(--vg-cream)!important;text-align:center;text-decoration:none;padding:10px;border-radius:10px;font-weight:700;font-size:13px;transition:bottom .2s ease}.vg-card:hover .vg-quick{bottom:12px}.vg-quick.added:after{margin-left:7px}
.vg-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;flex:1}.vg-cat,.vg-cat a{font-size:11px;font-weight:700;color:var(--vg-leaf);text-transform:uppercase;letter-spacing:.05em;text-decoration:none}.vg-name{font-size:14.5px;font-weight:700;color:var(--vg-ink);line-height:1.35;min-height:38px;text-decoration:none}.vg-price{font-family:'Fredoka',sans-serif;font-weight:600;font-size:16px;color:var(--vg-forest)}.vg-price del{font-size:12.5px;color:#A79E8C;font-weight:400;margin-right:8px}.vg-price ins{text-decoration:none}.vg-notice{padding:15px;border:1px solid var(--vg-line);border-radius:10px}
@media(max-width:640px){.vg-sec-head{align-items:flex-start}.vg-sec-head h2{font-size:26px}.vg-card{flex-basis:225px}.vg-media{height:175px}.vg-see-all{display:none}}