.shadow-sticker {
    box-shadow: 8px 8px 0px 0px #F0E6D0;
}

.shadow-offset {
    box-shadow: 8px 8px 0px 0px rgba(74, 55, 40, 0.1);
}

.wave-divider {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    z-index: 5;
}

.wave-divider svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 80px;
}

.wave-divider .shape-fill {
    fill: #1E0F05;
}

.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

.accordion-content {
    max-height: 0;
    overflow: hidden;
    padding-bottom: 0;
    transition: max-height 0.3s ease-out, padding-bottom 0.3s ease-out;
}

.accordion-item.open .accordion-content {
    max-height: 300px;
    padding-bottom: 1.5rem;
}

.accordion-item.open .chevron-icon {
    transform: rotate(180deg);
}

@keyframes modalCardIn {
    from {
        opacity: 0;
        transform: translateY(16px) scale(0.97);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.modal-card {
    animation: modalCardIn 0.22s ease-out both;
}

.plan-btn.selected {
    background-color: #99420d;
    border-color: #99420d;
}

.plan-btn.selected p {
    color: #ffffff;
}

.dog-slider {
    -webkit-appearance: none;
    appearance: none;
    height: 6px;
    border-radius: 9999px;
    background: linear-gradient(to right, #99420d 0%, #dcc1b5 0%);
    outline: none;
    cursor: pointer;
}

.dog-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 34px;
    height: 34px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='50' fill='%23ffffff'/%3E%3Ccircle cx='32' cy='20' r='11' fill='%2399420d'/%3E%3Ccircle cx='68' cy='20' r='11' fill='%2399420d'/%3E%3Ccircle cx='16' cy='44' r='10' fill='%2399420d'/%3E%3Ccircle cx='84' cy='44' r='10' fill='%2399420d'/%3E%3Cellipse cx='50' cy='72' rx='28' ry='24' fill='%2399420d'/%3E%3C/svg%3E") center/contain no-repeat;
    cursor: pointer;
    border: none;
    border-radius: 50%;
    box-shadow: 0 2px 6px rgba(153, 66, 13, 0.35);
}

.dog-slider::-moz-range-thumb {
    width: 34px;
    height: 34px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='50' fill='%23ffffff'/%3E%3Ccircle cx='32' cy='20' r='11' fill='%2399420d'/%3E%3Ccircle cx='68' cy='20' r='11' fill='%2399420d'/%3E%3Ccircle cx='16' cy='44' r='10' fill='%2399420d'/%3E%3Ccircle cx='84' cy='44' r='10' fill='%2399420d'/%3E%3Cellipse cx='50' cy='72' rx='28' ry='24' fill='%2399420d'/%3E%3C/svg%3E") center/contain no-repeat;
    cursor: pointer;
    border: none;
    border-radius: 50%;
    box-shadow: 0 2px 6px rgba(153, 66, 13, 0.35);
}

/* In-page nav targets: offset sticky header */
#process,
#pricing,
#reviews,
#faqs {
    scroll-margin-top: 7rem;
}