.vg-showcase{padding:var(--vg-section-pad, 72px) 24px;transition:background .5s var(--vg-ease, ease)}.vg-showcase__inner{max-width:1200px;margin:0 auto}.vg-showcase__heading{font-family:var(--vg-font-display);font-size:clamp(32px,5vw,56px);font-weight:700;text-align:center;margin:0 0 32px;text-transform:uppercase;line-height:1.1;color:var(--vg-black, #0C0B0B)}.vg-showcase__tabs{display:flex;justify-content:center;gap:12px;margin-bottom:48px}.vg-showcase__tab{padding:12px 32px;font-family:var(--vg-font-body, "Pretendard", -apple-system, sans-serif);font-size:14px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;border:2px solid var(--vg-black, #0C0B0B);border-radius:999px;background:transparent;color:var(--vg-black, #0C0B0B);cursor:pointer;transition:all .3s var(--vg-ease, ease);position:relative;overflow:hidden}.vg-showcase__tab:hover{transform:translateY(-2px)}.vg-showcase__tab--active{background:var(--vg-black, #0C0B0B);color:#fff}.vg-showcase__tab--active:before{content:none}.vg-showcase__content{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.vg-showcase__media{position:relative;display:flex;justify-content:center;align-items:center}.vg-showcase__panel{display:none}.vg-showcase__panel--active{display:block;animation:vg-showcase-fadeIn .4s var(--vg-ease, ease)}@keyframes vg-showcase-fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.vg-showcase__image{width:100%;max-width:480px;height:auto;border-radius:var(--vg-radius-lg, 16px);filter:drop-shadow(0 16px 40px rgba(0,0,0,.12))}.vg-showcase__points{display:flex;flex-direction:column;gap:20px}.vg-showcase__point{display:flex;align-items:flex-start;gap:16px;background:#ffffffd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:20px 24px;border-radius:var(--vg-radius-md, 12px);box-shadow:0 2px 12px #0000000f;transition:transform .3s var(--vg-ease, ease),box-shadow .3s var(--vg-ease, ease)}.vg-showcase__point:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0000001a}.vg-showcase__point-icon{flex-shrink:0;width:44px;height:44px;border-radius:50%;background:var(--vg-sage, #E8F0EA);display:flex;align-items:center;justify-content:center}.vg-showcase__point-icon svg{width:22px;height:22px}.vg-showcase__point-text{flex:1}.vg-showcase__point-title{font-family:var(--vg-font-body, "Pretendard", -apple-system, sans-serif);font-size:16px;font-weight:700;margin:0 0 4px;color:var(--vg-black, #0C0B0B)}.vg-showcase__point-desc{font-family:var(--vg-font-body, "Pretendard", -apple-system, sans-serif);font-size:14px;color:var(--vg-text-secondary, #737373);margin:0;line-height:1.5}.vg-showcase__cta{margin-top:32px}.vg-showcase__btn{display:inline-block;padding:14px 32px;font-family:var(--vg-font-body, "Pretendard", -apple-system, sans-serif);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;text-decoration:none;border-radius:100px;background:var(--vg-black, #0C0B0B);color:#fff;transition:all .3s var(--vg-ease, ease)}.vg-showcase__btn:hover{transform:translateY(var(--vg-hover-lift, -3px));box-shadow:0 6px 20px #0c0b0b40}.vg-showcase[data-flavor=matcha]{background:#eef5e6}.vg-showcase[data-flavor=blackbean]{background:#eeedea}.vg-showcase[data-flavor=matcha] .vg-showcase__point-icon{background:#8db89633}.vg-showcase[data-flavor=blackbean] .vg-showcase__point-icon{background:#bc8a7e33}.vg-showcase[data-flavor=matcha] .vg-showcase__tab--active{background:var(--vg-green-dark, #8FB85A);border-color:var(--vg-green-dark, #8FB85A);color:#fff}.vg-showcase[data-flavor=blackbean] .vg-showcase__tab--active{background:var(--vg-brown, #BC8A7E);border-color:var(--vg-brown, #BC8A7E);color:#fff}.vg-showcase[data-flavor=matcha] .vg-showcase__btn{background:var(--vg-green-dark, #8FB85A)}.vg-showcase[data-flavor=blackbean] .vg-showcase__btn{background:var(--vg-brown, #BC8A7E)}@media(max-width:768px){.vg-showcase{padding:var(--vg-section-pad-mobile, 48px) 16px}.vg-showcase__tabs{margin-bottom:32px}.vg-showcase__tab{padding:10px 24px;font-size:13px}.vg-showcase__content{grid-template-columns:1fr;gap:32px}.vg-showcase__image{max-width:320px}.vg-showcase__point{padding:16px 20px}.vg-showcase__cta{text-align:center}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/veggiet-product-showcase.css.map */