.shepherd-element { 
    width: min(420px, calc(100vw - 32px)) !important;
    max-width: min(420px, calc(100vw - 32px)) !important;
    overflow: hidden;
    border-radius: 12px !important; 
}
.shepherd-header { 
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 12px;
    min-width: 0;
    overflow: hidden;
    background: #2563eb !important; 
    border-radius: 12px 12px 0 0 !important; 
    padding: 10px 18px !important; 
}
.shepherd-title { 
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: break-word;
    line-height: 1.35;
    color: #fff !important; 
    font-weight: 600 !important; 
    font-size: 14px !important; 
}
.shepherd-cancel-icon { 
    flex: 0 0 auto;
    margin: 0 !important;
    color: #fff !important; 
}
.shepherd-text { 
    padding: 14px 18px !important; 
    font-size: 14px !important; 
    color: #374151 !important; 
    line-height: 1.6 !important; 
}
.shepherd-footer { 
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    padding: 10px 18px 14px !important; 
    gap: 8px !important; 
}
.shepherd-button { 
    border-radius: 8px !important; 
    font-size: 13px !important; 
    font-weight: 500 !important; 
    padding: 6px 14px !important; 
}
.shepherd-button-secondary { 
    background: transparent !important; 
    border: 1px solid #d1d5db !important; 
    color: #6b7280 !important; 
}
.shepherd-button:not(.shepherd-button-secondary) { 
    background: #2563eb !important; 
    color: #fff !important; 
    border: none !important; 
}

/* ✅ Fix arrow shape */
.shepherd-arrow,
.shepherd-arrow:before {
    width: 16px !important;
    height: 16px !important;
    position: absolute !important;
    z-index: -1 !important;
}

.shepherd-arrow:before {
    content: "" !important;
    background: #fff !important;
    width: 12px !important;
    height: 12px !important;
    transform: rotate(45deg) !important;
    border-radius: 2px !important;
}

/* Arrow pointing right (tooltip on right side) */
.shepherd-element[data-popper-placement^="right"] .shepherd-arrow {
    left: -8px !important;
}
.shepherd-element[data-popper-placement^="right"] .shepherd-arrow:before {
    border-left: 1px solid #e5e7eb !important;
    border-bottom: 1px solid #e5e7eb !important;
}

/* Arrow pointing left (tooltip on left side) */
.shepherd-element[data-popper-placement^="left"] .shepherd-arrow {
    right: -8px !important;
}
.shepherd-element[data-popper-placement^="left"] .shepherd-arrow:before {
    border-right: 1px solid #e5e7eb !important;
    border-top: 1px solid #e5e7eb !important;
}

/* Arrow pointing down (tooltip on top) */
.shepherd-element[data-popper-placement^="top"] .shepherd-arrow {
    bottom: -8px !important;
}
.shepherd-element[data-popper-placement^="top"] .shepherd-arrow:before {
    border-right: 1px solid #e5e7eb !important;
    border-bottom: 1px solid #e5e7eb !important;
}

/* Arrow pointing up (tooltip on bottom) */
.shepherd-element[data-popper-placement^="bottom"] .shepherd-arrow {
    top: -8px !important;
}
.shepherd-element[data-popper-placement^="bottom"] .shepherd-arrow:before {
    border-left: 1px solid #e5e7eb !important;
    border-top: 1px solid #e5e7eb !important;
}

.tour-progress-dots{
    display:flex;
    align-items:center;
    gap:6px;
    margin-bottom:15px;
}

.tour-progress-dot{
    width:8px;
    height:8px;
    border-radius:50%;
    background:#e5e7eb;
    opacity:1;
    transition:all .2s ease;
}

.tour-progress-dot.active{
    opacity:1;
    background:#3d5af1;
}

.shepherd-element.business-section-tooltip {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
    max-width: 400px !important;
    z-index: 99999 !important;
}

@media (max-width: 480px) {
    .shepherd-element {
        width: calc(100vw - 24px) !important;
        max-width: calc(100vw - 24px) !important;
    }

    .shepherd-header { padding: 10px 14px !important; }
    .shepherd-footer { padding: 10px 14px 14px !important; }
    .shepherd-button { flex: 1 1 auto; }
}