.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, "GT America Compressed", "Arial Narrow", sans-serif);font-size:clamp(28px,4vw,48px);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:"\25cf  ";font-size:10px}.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:16px 48px;font-family:var(--vg-font-body, "Pretendard", -apple-system, sans-serif);font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px;text-decoration:none;border-radius:999px;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:linear-gradient(135deg,#e8f0ea,#d4e8d8,#c5ddd0 60%,#f0f5ee)}.vg-showcase[data-flavor=blackbean]{background:linear-gradient(135deg,#ebd7cf,#dcc5bb,#c9b0a5 60%,#f2e8e3)}.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/4/assets/veggiet-product-showcase.css.map */