.cc--salon {
    #cc-main {

        --cc-btn-primary-bg: #001340;
        --cc-btn-primary-color: #fff;
        --cc-btn-primary-hover-bg: #001D62;
        --cc-btn-primary-hover-color: #fff;
        --cc-btn-secondary-bg: #f3f4f6;
        --cc-btn-secondary-color: #111111;
        --cc-btn-secondary-hover-bg: #CCD0D8;
        --cc-btn-secondary-hover-color: #000;
        --cc-btn-secondary-hover-border-color: var(--cc-btn-secondary-hover-bg);

        .cm, .pm {
            border: 1px solid var(--cc-separator-border-color);
        }

        .cm {
            --cc-bg: #EA5E20;
            --cc-primary-color: #fff;
            --cc-secondary-color: #fff;
            --cc-footer-bg: #EA5E20;
            --cc-footer-color: #fff;
            --cc-separator-border-color: rgba(255, 255, 255, 0.15);
            --cc-footer-border-color: var(--cc-separator-border-color);

            color: var(--cc-primary-color);

            a {
                background-image: none;
                transition: .1s linear opacity;

                &:hover {
                    opacity: .7;
                }
            }

        }

        .pm {
            --cc-btn-secondary-hover-bg: #D04C13;
            --cc-btn-secondary-hover-color: #fff;
        }
    }
}

/**/

#cc-main {
    .show-d {
        display: block;
    }
}

@media (min-width: 641px) {
    .show-m {
        display: none !important;
    }
}

@media (max-width: 640px) {
    #cc-main {
        .show-d {
            display: none;
        }

        .show-m {
            display: block;
        }

        .cm__title,
        .cm__footer {
            display: none;
        }
        
        .cm__texts {
            padding: 0;
        }

        .cm__desc {
            margin: 0 !important;
            padding: 1.5rem !important;
            text-align: center;
        }

        .cm__btns {
            flex-direction: row !important;
            gap: 0.5em;

            .cm__btn-group {
                flex: auto;
                border-radius: var(--cc-btn-border-radius) !important;
                overflow: hidden;
                
                &, .cm__btn {
                    flex-direction: row !important;
                    min-width: auto !important;
                    margin: 0 !important;
                    padding: 0 !important;
                    border-radius: 0;
                }
                
                + & > .cm__btn {
                    width: 0;
                }
            }
        }
    }
}