/* VPG Image Buttons — Advanced (v1.2.4) */.vpg-body {font-family: 'Poppins', sans-serif;background: transparent;--vpg-cols: 6;--vpg-gap: 20px;--vpg-img: 75px;--vpg-card-bg: #fff;--vpg-btn-radius: 8px;--vpg-card-radius: 12px;--vpg-transition: 300ms;--vpg-grad: linear-gradient(135deg, #ff4757, #ff6b81);--vpg-button-shadow: 0 2px 8px rgba(255, 71, 87, .2);--vpg-button-shadow-hover: 0 4px 12px rgba(255, 71, 87, .3);}.vpg-container {display: grid;grid-template-columns: repeat(var(--vpg-cols), minmax(0, 1fr));gap: var(--vpg-gap);align-items: start;width: 100%;}.vpg-card {position: relative;display: flex;flex-direction: column;align-items: center;background: var(--vpg-card-bg);border-radius: var(--vpg-card-radius);box-shadow: 0 4px 12px rgba(0, 0, 0, .08);padding: 15px;transition: transform var(--vpg-transition) ease, box-shadow var(--vpg-transition) ease;width: 100%;will-change: transform, box-shadow;opacity: 0;transform: translateY(8px);}.vpg-card.is-visible {opacity: 1;transform: translateY(0);}.vpg-image {width: var(--vpg-img);height: var(--vpg-img);object-fit: cover;border-radius: 8px;margin-bottom: 12px;display: block;}.vpg-image.shape-square {border-radius: 0;}.vpg-image.shape-rounded {border-radius: 8px;}.vpg-image.shape-soft {border-radius: 16px;}.vpg-image.shape-circle {border-radius: 9999px;}.vpg-skeleton {width: var(--vpg-img);height: var(--vpg-img);border-radius: 8px;background: linear-gradient(90deg, rgba(0, 0, 0, .06), rgba(0, 0, 0, .12), rgba(0, 0, 0, .06));background-size: 200% 100%;animation: vpg-shimmer 1.2s infinite linear;position: absolute;top: 15px;}@keyframes vpg-shimmer {0% {background-position: 200% 0;}100% {background-position: -200% 0;}}.vpg-card:not(.is-loading) .vpg-skeleton {display: none;}.vpg-button {display: inline-flex;justify-content: center;align-items: center;background: var(--vpg-grad);color: #fff;text-decoration: none;border-radius: var(--vpg-btn-radius);font-weight: 500;font-size: 13px;width: 100%;box-shadow: var(--vpg-button-shadow);transition: transform var(--vpg-transition) ease, box-shadow var(--vpg-transition) ease, filter var(--vpg-transition) ease;margin-top: auto;line-height: 1;padding: 8px 12px;cursor: pointer;}.vpg-ico {display: inline-flex;margin: 0 .4em;}.vpg-ico svg {width: 1em;height: 1em;}.vpg-button:focus-visible {outline: 2px solid rgba(59, 130, 246, .8);outline-offset: 2px;}/* Hover variants */.vpg-body[data-hover="lift"] .vpg-card:hover {transform: translateY(-3px);box-shadow: 0 6px 16px rgba(0, 0, 0, .12);}.vpg-body[data-hover="lift"] .vpg-button:hover {transform: translateY(-1px);box-shadow: var(--vpg-button-shadow-hover);}.vpg-body[data-hover="glow"] .vpg-button:hover {filter: brightness(1.05);box-shadow: 0 0 0 3px rgba(255, 71, 87, .15), var(--vpg-button-shadow-hover);}.vpg-body[data-hover="pulse"] .vpg-button:hover {animation: vpg-pulse .8s ease-out;}@keyframes vpg-pulse {0% {transform: scale(1);}50% {transform: scale(1.03);}100% {transform: scale(1);}}/* Elementor Editor Preview Styles - FIXED */.elementor-editor-active .vpg-container,.elementor-editor-inactive .vpg-container {display: grid !important;grid-template-columns: repeat(var(--vpg-cols, 6), minmax(0, 1fr)) !important;gap: var(--vpg-gap, 20px) !important;width: 100%;}.elementor-editor-active .vpg-card,.elementor-editor-inactive .vpg-card {display: flex !important;flex-direction: column;align-items: center;background: var(--vpg-card-bg, #fff);border-radius: var(--vpg-card-radius, 12px);overflow: hidden;box-shadow: 0 4px 12px rgba(0, 0, 0, .08);padding: 15px;width: 100%;min-height: 150px;justify-content: center;}.elementor-editor-active .vpg-image,.elementor-editor-inactive .vpg-image {width: var(--vpg-img, 75px);height: var(--vpg-img, 75px);object-fit: cover;border-radius: 8px;margin-bottom: 12px;background: #f0f0f0;display: flex;align-items: center;justify-content: center;}.elementor-editor-active .vpg-image::before,.elementor-editor-inactive .vpg-image::before {content: 'Image';color: #999;font-size: 12px;}.elementor-editor-active .vpg-button,.elementor-editor-inactive .vpg-button {display: inline-flex;justify-content: center;align-items: center;background: var(--vpg-grad, linear-gradient(135deg, #ff4757, #ff6b81));color: #fff;border: none;border-radius: var(--vpg-btn-radius, 8px);padding: 8px 12px;font-weight: 500;font-size: 13px;width: 100%;box-shadow: var(--vpg-button-shadow, 0 2px 8px rgba(255, 71, 87, .2));margin-top: auto;}/* Responsive adjustments for editor */@media (max-width: 1024px) {.elementor-editor-active .vpg-container,.elementor-editor-inactive .vpg-container {grid-template-columns: repeat(4, 1fr) !important;}}@media (max-width: 767px) {.elementor-editor-active .vpg-container,.elementor-editor-inactive .vpg-container {grid-template-columns: repeat(2, 1fr) !important;}}/* Placeholder for empty state */.vpg-placeholder {grid-column: 1 / -1;text-align: center;padding: 40px 20px;color: #666;font-style: italic;background: #f9f9f9;border-radius: 8px;}/* Force visibility in editor */.elementor-editor-active .vpg-card,.elementor-editor-inactive .vpg-card {opacity: 1 !important;transform: none !important;}.elementor-editor-active .vpg-card.is-loading .vpg-skeleton,.elementor-editor-inactive .vpg-card.is-loading .vpg-skeleton {display: none;}/* Responsive tooltip (frontend + editor) */.vpg-button[data-tooltip]{--vpg-tip-bg:rgba(0,0,0,.88);--vpg-tip-color:#fff;--vpg-tip-max:min(90vw,320px);--vpg-tip-pad-y:8px;--vpg-tip-pad-x:10px;--vpg-tip-radius:8px;--vpg-tip-offset:12px;--vpg-tip-arrow:7px}.vpg-button[data-tooltip]::after{content: attr(data-tooltip);position: absolute;left: 50%;bottom: calc(100% + var(--vpg-tip-offset));transform: translateX(-50%);background: var(--vpg-tip-bg);color: var(--vpg-tip-color);font-size: 12px;line-height: 1.35;padding: var(--vpg-tip-pad-y) var(--vpg-tip-pad-x);border-radius: var(--vpg-tip-radius);text-align: center;white-space: normal;max-width: var(--vpg-tip-max);width: 100%;min-width: auto;box-sizing: border-box;pointer-events: none;opacity: 0;z-index: 50;transition: opacity var(--vpg-transition,300ms) ease;word-break: break-word;overflow-wrap: anywhere;}.vpg-button[data-tooltip]::before{content: "";position: absolute;left: 50%;bottom: calc(100% + calc(var(--vpg-tip-offset) - var(--vpg-tip-arrow)));transform: translateX(-50%);border-left: var(--vpg-tip-arrow) solid transparent;border-right: var(--vpg-tip-arrow) solid transparent;border-bottom: none;border-top: var(--vpg-tip-arrow) solid var(--vpg-tip-bg);opacity: 0;z-index: 50;pointer-events: none;transition: opacity var(--vpg-transition,300ms) ease;}.vpg-button[data-tooltip]:hover::after,.vpg-button[data-tooltip]:focus-visible::after,.vpg-button[data-tooltip]:hover::before,.vpg-button[data-tooltip]:focus-visible::before{ opacity: 1; }@media (max-width: 768px){.vpg-button[data-tooltip]{ --vpg-tip-max: min(92vw, 280px); --vpg-tip-pad-y: 6px; --vpg-tip-pad-x: 8px; }}.elementor-editor-active .vpg-container{row-gap:calc(var(--vpg-gap) + 14px)}