@media (max-width: 1200px) {
    .home-hero {
        padding: 180px 5% 150px;
    }
    
    .hero-title {
        font-size: 96px;
    }
    
    .memories-title,
    .products-title,
    .scanning-title {
        font-size: 56px;
    }
    
    .scanning-section .scanning-section__text-block {
        flex-direction: column;
        align-items: flex-start;
        align-self: flex-start;
    }
    
    .scanning-section .scanning-section__text {
        flex: 1;
        max-width: 600px;
    }
}

@media (max-width: 969px) {
    .home-hero {
        padding: 160px 5% 120px;
        text-align: center;
        align-items: center;
    }
    
    .hero-title {
        font-size: 72px;
        text-align: center;
    }
    
    .hero-subtitle {
        text-align: center;
        max-width: 100%;
    }
    
    .memories-container,
    .scanning-container {
        flex-direction: column;
        text-align: center;
        gap: 40px;
    }
    
    .memories-text,
    .scanning-text {
        text-align: center;
    }
    
    .memories-image,
    .scanning-images {
        text-align: center;
        margin-top: 40px;
    }
    
    .memories-image img,
    .scanning-images img {
        max-width: 100%;
    }
    
    .memories-title,
    .products-title,
    .scanning-title {
        font-size: 48px;
    }
    
    .products-grid {
        flex-direction: column;
        align-items: center;
    }
    
    .product-card {
        width: 100%;
        max-width: 320px;
    }
    
    .main-section {
        margin-block: 120px;
        max-width: 480px;
    }
    
    .footer > div {
        flex-direction: column;
        gap: 1rem;
    }
    
    .footer__nav {
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .introduction-section .cemetary-images {
        flex-basis: 100%;
        max-width: 100%;
    }
    
    .cemetary-images > .cemetary-images__thin,
    .cemetary-images > .cemetary-images__big {
        max-width: 50%;
        object-fit: cover;
    }
    
    .memorials-collection__flow .creating-flow__content {
        display: grid;
        gap: 1rem;
        grid-template-columns: repeat(2, 1fr);
    }
    
    .memorial-controlls > .memorial-controlls__buttons > :first-child {
        margin: 0;
    }
    
    .memorial-controlls > .memorial-controlls__buttons > button {
        padding: 12px;
        font-size: clamp(12px, 2vw, 14px);
    }
    
    .multimedia > .multimedia__bottom-menu {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .multimedia > .multimedia__bottom-menu > .multimedia__controls-bar {
        align-self: flex-end;
    }
    
    .memorials-collection__table .memorial-card {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .home-hero {
        padding: 150px 5% 120px;
        margin-top: 0;
    }
    
    .hero-title {
        font-size: 56px;
    }
    
    .hero-subtitle {
        font-size: 16px;
    }
    
    .memories-title,
    .products-title,
    .scanning-title {
        font-size: 36px;
    }
    
    .memories-description,
    .scanning-description,
    .products-subtitle {
        font-size: 16px;
    }
    
    .home-memories,
    .home-products,
    .home-scanning {
        padding: 80px 5%;
    }
    
    .btn {
        padding: 10px 24px;
        font-size: 15px;
        min-width: 140px;
    }
    
    .products-grid {
        gap: 30px;
    }
    
    .scanning-images {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    
    .multimedia__filedrop.uploaded-files {
        justify-content: center;
    }
    
    .uploaded-files .uploaded-files__file-card {
        width: auto;
        height: auto;
    }
    
    .description__text-settings > .dropdown {
        flex: 1 1 200px;
    }
    
    .music-modal .music-modal__container {
        padding: 20px;
    }
    
    .music-modal .track-list__track {
        flex-wrap: wrap;
    }
    
    .selected-music__info-block {
        max-width: 150px;
    }
}

@media (max-width: 486px) {
    .home-hero {
        padding: 120px 5% 100px;
    }
    
    .hero-title {
        font-size: 42px;
    }
    
    .memories-title,
    .products-title,
    .scanning-title {
        font-size: 32px;
    }
    
    .memories-container,
    .scanning-container {
        gap: 30px;
    }
    
    .memories-image,
    .scanning-images {
        margin-top: 30px;
    }
    
    .product-card {
        padding: 20px;
    }
    
    .product-name {
        font-size: 20px;
    }
    
    .product-description {
        font-size: 14px;
    }
    
    .container-grid {
        --padding-inline: 24px;
    }
    
    .footer > div {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 1.5rem;
    }
    
    .footer__nav {
        margin: 0;
        flex-direction: column;
        gap: 1rem;
    }
    
    .footer__credits {
        margin-top: 16px;
    }
    
    .footer {
        padding-top: 65px;
        padding-bottom: 24px;
    }
    
    .header__nav > :first-child {
        display: none;
    }
    
    .main-section {
        margin-block: 100px;
        max-width: 350px;
    }
    
    .introduction-section__title {
        max-width: 300px;
    }
    
    .introduction-section {
        margin-bottom: 72px;
    }
    
    .cemetary-images__thin {
        display: none;
    }
    
    .introduction-section .cemetary-images > img {
        width: 100%;
    }
    
    .cemetary-images > .cemetary-images__big {
        max-width: 100%;
        max-height: 358px;
        margin-top: 54px;
    }
    
    .qr-memorials__title,
    .qr-memorials__text {
        text-align: start;
        justify-self: start;
        max-width: 290px;
    }
    
    .modal {
        align-items: start;
    }
    
    .modal > .modal__container {
        border-radius: 0;
        flex-direction: column;
        margin: 0;
        height: auto;
    }
    
    .modal__container > img {
        width: 100%;
        border-radius: 0 0 var(--radius-md) var(--radius-md);
    }
    
    .modal__close-button {
        width: 50px;
        height: 60px;
    }
    
    .modal .modal__close-button::before,
    .modal .modal__close-button::after {
        background-color: var(--neutral-0);
    }
    
    .modal__text {
        margin-bottom: 30px;
    }
    
    .memorials-collection__flow .creating-flow__accordion-header {
        display: flex;
    }
    
    .memorials-collection__flow .creating-flow__content {
        display: none;
        overflow: hidden;
        flex-direction: column;
    }
    
    .collection .collection__card-new {
        height: fit-content;
        padding-bottom: 20px;
    }
    
    .collection .collection__card-new > :first-child {
        line-height: 90%;
    }
    
    .page-nav > .page-nav__link {
        font-size: 12px;
    }
    
    .customization__info.person-info {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    
    .person-info > .person-info__hr {
        width: 100%;
        height: 1px;
        opacity: .1;
    }
    
    .memorial-controlls > .memorial-controlls__buttons {
        width: 100%;
        flex-direction: column;
    }
    
    .memorial-controlls .memorial-controlls__status {
        font-size: 15px;
    }
    
    .memorial-controlls > .memorial-controlls__buttons > button {
        font-size: 14px;
    }
    
    .multimedia .multimedia__controls-bar > button {
        font-size: 14px;
        height: 100%;
    }
    
    .multimedia > .multimedia__bottom-menu > .multimedia__controls-bar {
        flex-wrap: wrap;
        width: 100%;
    }
    
    .multimedia > .multimedia__bottom-menu > .multimedia__controls-bar > :last-child {
        width: 100%;
    }
    
    .multimedia > .multimedia__bottom-menu > .multimedia__controls-bar > :nth-child(2) {
        flex: 1;
    }
    
    .memorial-card .memorial-card__title {
        width: 200px;
    }
    
    .music-modal .music-modal__info-block {
        flex: 1 1 150px;
    }
    
    .music-modal .track-list__track {
        justify-content: center;
    }
    
    .track-list__track > .music-modal__play-button {
        flex: 1;
    }
    
    .multimedia .selected-music {
        flex-wrap: wrap;
        gap: 1rem;
    }
    
    .selected-music__play-button {
        flex: 2 1 120px;
    }
    
    .selected-music__delete-button {
        flex: 1 1 100px;
    }
    
    .order-modal .order-modal__contact-info {
        flex-direction: column;
    }
    
    .order-modal .total-block {
        flex-direction: column;
        align-items: start;
    }
    
    .order-modal .total-block > button {
        width: 100%;
    }
    
    .order-modal > .order-modal__container {
        margin: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        align-self: flex-start;
        padding: 24px;
        padding-top: 40px;
    }
}

@media (max-width: 375px) {
    .hero-title {
        font-size: 36px;
    }
    
    .memories-title,
    .products-title,
    .scanning-title {
        font-size: 28px;
    }
    
    .hero-subtitle,
    .memories-description,
    .scanning-description,
    .products-subtitle {
        font-size: 15px;
    }
    
    .btn {
        padding: 8px 20px;
        font-size: 14px;
        min-width: 120px;
    }
    
    .product-card {
        padding: 15px;
    }
    
    .home-hero,
    .home-memories,
    .home-products,
    .home-scanning {
        padding-inline: 20px;
    }
}