/* Розмірна таблиця на сторінці товару (розширення asp_product_sizechart).

   Селектор навмисно складений — .modal_regist.size-image-modal, а не просто
   .size-image-modal. Причина: modal-login.css підключається ПІЗНІШЕ за цей
   файл і наново задає .modal_regist { width: 560px; padding: 0 }. Специфічність
   у них була однакова, тому вигравав той, що нижче, і модалка виходила вужчою
   за картинку — вона стискалась із 763 до 560 пікселів. Два класи проти одного
   знімають залежність від порядку підключення. */

.modal_regist.size-image-modal {
    background: #fff;
    z-index: 10;
    width: 100%;
    max-width: 800px;
    transition: all 0.3s linear;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    margin: 0 auto;
    position: relative;
    text-align: center;
    padding: 20px 16px 20px 16px;
}

.modal_regist.size-image-modal .sizechart-image img {
    max-width: 100%;
    height: auto;
}

.sizechart-link {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: 13px;
    font-weight: 500;
    text-underline-offset: 2px;
    margin-bottom: 20px;
}

.sizechart-link:hover {
    text-decoration: underline;
    opacity: .8
}

@media screen and (min-width: 768px) {
    .modal_regist.size-image-modal {
        padding: 40px 50px 40px 50px;
    }
}