/*other */

/*
@media (max-width: 700px) {
    .section {
      padding-top: var(--spacing-56);
      padding-bottom: var(--spacing-56);
    }
  }
*/


/* delivery cards */

.section_delivery h1 {
    font-size: 4rem;
    line-height: 4rem;
    margin-bottom: 6rem;
}
@media(min-width: 700.1px) {
    .grid_delivery-cards {
        margin-bottom: 5rem;
    }
    
}

@media(max-width: 1024px) {
    .grid_delivery-cards .grid__column {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1rem;
    }

}

@media(max-width: 700px) {
    .grid_delivery-cards .grid__column {
        display: grid;
        grid-template-columns: 1fr;
        gap: 1rem;
    }
    .section_delivery h1 {
        font-size: 2.4rem;
        line-height: 2.4rem;
        text-align: center;
        margin-bottom: 3rem;
    }
}


@media(min-width: 1024.1px) {
.grid_delivery-cards .grid__column {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 2rem;
}
}

@media(min-width: 700.1px) and (max-width: 1024px) {
    .grid_delivery-cards .grid__column {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 2rem;
    }

}



.delivery-cards__cards_item
{
    background: radial-gradient(circle at top right, #DC2A2A 14%, #272727 46%);
    color: #fff;
    position: relative;
    padding: 2.2rem;
    border-radius: .6rem;

    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 2.6rem;
}

.cards_item_title {
    text-transform: uppercase;
    font-size: 2.4rem;
    line-height: 3.4rem;
    font-weight: 600;
}

.cards_item_body {
    margin-left: var(--spacing-16);
    position: relative;
    margin-top: 2rem;
}


.cards_item_body::before {
    content: "";
    left: calc(var(--spacing-16)*-1);
    background-color: var(--color-accent);
    border-radius: 50%;
    width: .6rem;
    height: .6rem;
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }

.cards_item_icon {
    position: absolute;
    top: 2.8rem;
    right: 2.4rem;
}



@media(min-width: 1024.1px) and (max-width: 1366px) {


    .cards_item_icon {
        top: unset;
        bottom: 2.8rem;
    }

    .delivery-cards__cards_item
    {
        background: radial-gradient(circle at bottom right, #DC2A2A 14%, #272727 46%);

    }
}





/* delivery price */
@media(min-width: 700.1px) {
    .grid_delivery-price h2 {
        margin-top: 3rem
    }
}

@media(max-width: 700px) {
    .grid_delivery-price h2 {
        text-align: center;
    }
}

.section_delivery-price {
    background-color: #fff;
}

@media (min-width: 1024.1px) {
    .delivery-price__ymap_mobile {
        display: none;
    }
}

@media (max-width: 1024px) {
    .delivery-price__ymap {
        display: none;
    }
}

.delivery-price__prices {
    display: grid;
    gap: 2rem;
}

.delivery-price__prices_item {
    display: grid;
    grid-template-columns: 1fr 0.5fr 0.3fr 0.2fr;
    
    border-radius: .6rem;
    border: 2px solid var(--color-accent);

    padding: 2rem 2rem;

    cursor: pointer;
}

.delivery-price__prices_item.active {
    background-color: var(--color-accent);
    color: #fff;
}


.prices_item_title,
.prices_item_price {
    font-size: 2.4rem;
    line-height: 2.4rem;
    font-weight: 600;
    display: flex;
    align-items: center;
}

@media(min-width:700.1px) {
    .prices_item_title>.prices_item_free{
        display:none;
    }
}

@media(max-width: 1024px) {
    .prices_item_free {
        font-size: 1.4rem;
        line-height: 1.4rem;
        text-align: center;
        display: flex;
        align-items: center;
    }
    .prices_item_title{
        font-size: 2rem;
        line-height: 2rem;
    }

    .delivery-price__prices_item {
        grid-template-columns: 1fr 0.6fr 0.6fr 0.2fr;
    }
    .prices_item_pric {
        font-size: 2rem;
        line-height: 2rem;
    }
}

@media(max-width:700px) {
    .prices_item_title {
        font-size: 1.4rem;
        line-height: 1.4rem;
    }
    .prices_item_price {
        font-size: 2rem;
        line-height: 2rem;
    }

    .delivery-price__prices_item>.prices_item_free{
        display:none;
    }
    .prices_item_title{
        display: grid;
        gap:.6rem;
    }
    .prices_item_title>.prices_item_free{
        font-size: 1.4rem;
        line-height: 1.4rem;
        opacity: 0.7;
    }
    .delivery-price__prices_item {
        grid-template-columns: 1fr 0.3fr 0.1fr;
        padding: 1.4rem 1.6rem;
    }
}

@media(max-width: 1024px) {
    .delivery-price__prices {
        gap:0.5rem;
    }
}

.prices_item_free {
    font-size: 1.6rem;
    line-height: 1.6rem;
}




.prices_item_price {
    justify-content: center;
}

.prices_item_icon {
    display: flex;
    align-items: center;
    justify-content: end;
}



.delivery-price__prices_item:not(.active) .prices_item_icon>svg>path {
    fill: var(--color-accent);
}

.delivery-price__prices_notification {
    display: grid;
    grid-template-columns: 0.1fr 1.1fr;
    margin-top: 6rem
}

@media(max-width: 700px) {
    .delivery-price__prices_notification {
        display: none;
    }
}

.prices_notification__icon {
    padding-top: .8rem;
}

.prices_notification__text {
    font-size: 2rem;
    line-height: 3.2rem;
    padding-right: 10rem;
}

@media (min-width: 1024.1px) {
    .grid_delivery-price {
      gap: var(--spacing-40);
      grid-template-columns: 1fr 1.6fr;
    }

    .delivery-price__ymap {
       /* height: 650px; */
    }
}


@media(min-width: 1024.1px) and (max-width: 1366px) {

    .grid_delivery-price {
        gap: var(--spacing-40);
        grid-template-columns: 1fr 1fr;
      }

}




@media (max-width: 1024px) {

    .prices_notification__text {
        font-size: 1.4rem;
        line-height: 1.4rem;
        padding-right: 0px;
    }
    .delivery-price__prices_notification{
        margin-top: 4rem
    }
    .delivery-price__prices_notification br{
        display: contents;
    }

    .section_delivery-price {
        padding-bottom: var(--spacing-32);
    }
}

.section_delivery-price .delivery-price__ymap {
    position: relative;
    background: #fff; /* Запасной фон */
    overflow: hidden;
}

.section_delivery-price .delivery-price__ymap:not(.loaded)::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        90deg,
        rgba(200, 200, 200, 0.2) 25%,
        rgba(220, 220, 220, 0.6) 50%,
        rgba(200, 200, 200, 0.2) 75%
    );
    animation: shimmer 1.5s infinite;
    z-index: 2;
    pointer-events: none; /* Чтобы заглушка не мешала кликам */
}

@keyframes shimmer {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(100%);
    }
}


/* contact us */


@media(min-width:1024.1px){
    .section_findus {
        padding-top: var(--spacing-144);
        padding-bottom: var(--spacing-144);
    }
}




@media(min-width: 700.1px) {
    .grid_delivery-findus{
        display: grid;
        grid-template-columns: 1fr 1.2fr;

        gap: var(--spacing-20)var(--spacing-140);
    }
}

.findus__title {
    margin-top: 3.2rem;
}

.findus__callback_form h2 {
    margin-bottom: 1.6rem;
}

.callback_form__hint {
    opacity: .5;
    margin-bottom: 5rem;
}


.delivery-price__ymap_mobile>iframe {
    height: 400px
}

.findus__callback_form
{
    background-color:#272727;
    color: #fff;
    padding: 3.6rem 2.8rem;
    border-radius: .6rem;
}


.delivery__link {
    background-color: var(--color-black);
    text-align: center;
    border-radius: .6rem;
  }

  .delivery__link {
    text-align: center;
  }



.findus__body {
    margin-top: 4rem;
    margin-bottom: 5rem;
}


.delivery__footer {
    display: grid;
  }

  @media(max-width: 700px) {
    .delivery__footer {
        gap: 1rem;
    }
  }

@media (min-width: 1024.1px) {
    .delivery__footer {
      gap: var(--spacing-20);
    }
  }

@media (min-width: 700.1px) {
    .delivery__footer {
      grid-template-columns: 1fr 1fr;
    }
  }

  .findus__callback_form .checkbox__label {
    color: #7C7C7C;
  }

  div.findus__callback_form button {
    width: 100%;
    color: #fff !important;
  }

  @media (min-width: 1024.1px) {
    .findus__callback_form .checkbox__label {
      font-size: 1.6rem;
    }
  }
  


@media (max-width: 1024px) {

    .findus__callback_form .form__group{
        flex-direction: column;
    }

    .grid_delivery-findus {
        grid-template-columns: 1fr 1.2fr;
        gap: var(--spacing-20)var(--spacing-60);
    }

    .delivery__footer {
        grid-template-columns: 1fr;
        gap: 2rem
    }

    .delivery__link img {
        border-radius: .6rem;
    }

    .findus__callback_form h2 {
        text-align: center;
    }

    .callback_form__hint {
        margin-bottom: 3rem;
        text-align: center;
    }
}

@media(min-width: 1024.1px) and (max-width: 1366px) {

    .findus__callback_form h2 {
        text-align: center;
      }

      .callback_form__hint{
        text-align: center;
      }

      .findus__callback_form .form__group{

        flex-direction: column;
      }

      .findus__callback_form {
        padding: 3.6rem 8rem;
      }

      .grid_delivery-findus {
        grid-template-columns: 1fr 1.2fr;
    gap: var(--spacing-20)var(--spacing-80);
      }
}


@media(max-width: 700px) {
    .findus__callback_form h2
    {
        text-align: center
    }
    .callback_form__hint
    {
        margin-bottom: 2rem;
        text-align: center
    }
    .findus__title{
        margin-top: 0px;
        text-align: center;
    }
    .findus__body {
        text-align: center;
    }
    .grid_delivery-findus {
        gap: 3rem;
        grid-template-columns: 1fr;
    }
}

@media(min-width: 1024.1px) {
    .ymap__mobile {
        display: none !important;
    }
    .delivery-price__ymap_mobile {
        display: none !important;
    }
}

@media (max-width: 1024px) {
    .delivery-price__prices_item .prices_item_icon svg {
        transition: all .2s ease-out;
    }
    .delivery-price__prices_item .prices_item_icon svg {
        transform: rotate(90deg);
    }
    .delivery-price__prices_item.active .prices_item_icon svg {
        transform: rotate(-90deg);
    }
}

.ymap__mobile {
    transition: all .2s ease-out;
}