.make-it-inverted-atr-card {
    --r: 20px;
    --s: 22px;
    border-radius: var(--r);
    --_m: /calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 70%, #0000 72%) no-repeat;
}

.atr-card-bottom-left {
    mask:
        calc(var(--s) + var(--r)) bottom var(--_m),
        bottom calc(var(--s) + var(--r)) left 0 var(--_m),
        radial-gradient(var(--s) at 0 100%, #0000 99%, #000 calc(100% + 1px)) var(--r) calc(-1*var(--r)) no-repeat,
        conic-gradient(from 180deg at calc(var(--s) + 2*var(--r)) calc(100% - var(--s) - 2*var(--r)),
            #0000 25%, #000 0);
}

.atr-item-card-glass:hover .atr-card-title {
    color: #DD097C;
}

.atr-item-card-glass:hover .atr-card-btn {
    background-color: #DD097C;
}

.atr-item-card-glass:hover .atr-card-btn svg path {
    fill: #fff;
}

.atr-item-card-plastic:hover .atr-card-title {
    color: #388a16;
}

.atr-item-card-plastic:hover .atr-card-btn {
    background-color: #388a16;
}

.atr-item-card-plastic:hover .atr-card-btn svg path {
    fill: #fff;
}

.atr-item-card-spot:hover .atr-card-title {
    color: #3f8594;
}

.atr-item-card-spot:hover .atr-card-btn {
    background-color: #3f8594;
}

.atr-item-card-spot:hover .atr-card-btn svg path {
    fill: #fff;
}

.atr-item-card-walf:hover .atr-card-title {
    color: #aa66ed;
}

.atr-item-card-walf:hover .atr-card-btn {
    background-color: #aa66ed;
}

.atr-item-card-walf:hover .atr-card-btn svg path {
    fill: #fff;
}

.atr-item-card-tough:hover .atr-card-title {
    color: #ff9c34;
}

.atr-item-card-tough:hover .atr-card-btn {
    background-color: #ff9c34;
}

.atr-item-card-tough:hover .atr-card-btn svg path {
    fill: #fff;
}

.atr-item-card-tough-zan:hover .atr-card-title {
    color: #ffbe59;
}

.atr-item-card-tough-zan:hover .atr-card-btn {
    background-color: #ffbe59;
}

.atr-item-card-tough-zan:hover .atr-card-btn svg path {
    fill: #fff;
}

.atr-item-card-pressmachine:hover .atr-card-title {
    color: #92302A;
}

.atr-item-card-pressmachine:hover .atr-card-btn {
    background-color: #92302A;
}

.atr-item-card-pressmachine:hover .atr-card-btn svg path {
    fill: #fff;
}

.atr-item-card-porkon:hover .atr-card-title {
    color: #9E6325;
}

.atr-item-card-porkon:hover .atr-card-btn {
    background-color: #9E6325;
}

.atr-item-card-porkon:hover .atr-card-btn svg path {
    fill: #fff;
}

.atr-item-card-hallal:hover .atr-card-title {
    color: #108433;
}

.atr-item-card-hallal:hover .atr-card-btn {
    background-color: #108433;
}

.atr-item-card-hallal:hover .atr-card-btn svg path {
    fill: #fff;
}

.atr-item-card-water:hover .atr-card-title {
    color: #09736E;
}

.atr-item-card-water:hover .atr-card-btn {
    background-color: #09736E;
}

.atr-item-card-water:hover .atr-card-btn svg path {
    fill: #fff;
}

.atr-item-card-mandegar:hover .atr-card-title {
    color: #975300;
}

.atr-item-card-mandegar:hover .atr-card-btn {
    background-color: #975300;
}

.atr-item-card-mandegar:hover .atr-card-btn svg path {
    fill: #fff;
}

.atr-item-card-negahdarande:hover .atr-card-title {
    color: #9E6A0A;
}

.atr-item-card-negahdarande:hover .atr-card-btn {
    background-color: #9E6A0A;
}

.atr-item-card-negahdarande:hover .atr-card-btn svg path {
    fill: #fff;
}

.atr-item-card-plastic {
    filter: drop-shadow(0 0 6px rgba(213, 232, 210, 0.2));
}

.atr-item-card-glass {
    filter: drop-shadow(0 0 6px rgba(252, 220, 221, 0.2));
}

.atr-item-card-spot {
    filter: drop-shadow(0 0 6px rgba(175, 217, 220, 0.2));
}

.atr-item-card-walf {
    filter: drop-shadow(0 0 6px rgba(237, 219, 254, 0.2));
}

.atr-item-card-tough {
    filter: drop-shadow(0 0 6px rgba(255, 227, 190, 0.2));
}

.atr-item-card-tough-zan {
    filter: drop-shadow(0 0 6px rgba(254, 246, 225, 0.2));
}

.atr-item-card-pressmachine {
    filter: drop-shadow(0 0 6px rgba(252, 163, 157, 0.2));
}

.atr-item-card-porkon {
    filter: drop-shadow(0 0 6px rgba(253, 225, 196, 0.2));
}

.atr-item-card-hallal {
    filter: drop-shadow(0 0 6px rgba(182, 225, 195, 0.2));
}

.atr-item-card-water {
    filter: drop-shadow(0 0 6px rgba(181, 241, 238, 0.2));
}

.atr-item-card-mandegar {
    filter: drop-shadow(0 0 6px rgba(228, 202, 170, 0.2));
}

.atr-item-card-negahdarande {
    filter: drop-shadow(0 0 6px rgba(253, 247, 236, 0.2));
}

.perfume-tools .e-n-carousel.swiper {
    padding-top: 1rem;
}

.atr-card-hover {
    transform-origin: top left;
    transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
    will-change: transform;
}

.atr-card-hover:hover {
    transform: scale(1.05);
}

span.swiper-pagination-bullet{
    border-radius: 0.125rem;
}