html * {
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

html {
    min-width: 320px;
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    /*background-image: url("../img/background.svg");*/
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    line-height: normal;
}

*, *:before, *:after {
    box-sizing: inherit;
}

body {
    background-color: #FAFAFA;
    height: 100%;
    margin: 0;
}

html.no-transition *,
html.no-transition body * {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
    -webkit-animation: none !important;
    animation: none !important;
}

button {
    cursor: pointer;
}

.d-button {
    background-color: #9363D0;
    color: #FFF;
    height: 44px;
    font-size: 16px;
    font-weight: normal;
    border: none;
    text-align: center;
    border-radius: 20px;
    padding-left: 16px;
    padding-right: 16px;
    cursor: pointer;
    transition: background-color .15s ease-in-out;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
}

.d-button:enabled:hover {
    background-color: #8932CC;
}

.d-button:enabled:active {
    background-color: #5b1e80;
}

.d-button:disabled {
    opacity: 0.3;
    cursor: auto;
}

.d-a {
    color: #606060;
    transition: color .15s ease-in-out;
    text-decoration: none;
}

.d-a:visited {
    color: #606060;
}

.d-a:hover {
    color: #1a1a1a;
    text-decoration: underline;
}

input:focus {
    box-shadow: none !important;
    outline: revert !important;
}

.d-input {
    width: 100%;
    height: 44px;
    font-size: 16px;
    background-color: #E7EDF1;
    border: none;
    border-radius: 20px;
    padding-left: 15px;
    padding-right: 15px;
    transition: background-color .15s ease-in-out;
}

.d-input:hover {
    background-color: #DEE4E8FF;
}

.d-checkbox {
    accent-color: #9363D0;
}

.d-textarea {
    width: 100%;
    font-size: 16px;
    background-color: #E7EDF1;
    border: none;
    border-radius: 20px;
    padding: 15px;
    transition: background-color .15s ease-in-out;
    resize: none;
    overflow: hidden;
}

.d-textarea:hover {
    background-color: #DEE4E8FF;
}

.root {
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin: 0;
    min-height: 100%;
    padding: 20px;
    padding-top: max(20px, env(safe-area-inset-top));
    padding-right: max(20px, env(safe-area-inset-right));
    padding-bottom: max(20px, env(safe-area-inset-bottom));
    padding-left: max(20px, env(safe-area-inset-left));
}

.container {
    flex-grow: 1;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

.b-header {
    display: flex;
    column-gap: 15px;
    row-gap: 10px;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
}

.b-header__logo {
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    color: #9363D0;
}

.b-header__logo:visited {
    color: #9363D0;
}

.b-header__logo:hover {
    color: #8932CC;
    text-decoration: none;
}

.b-header__publish-product {
    font-size: 12px;
    height: 30px;
    margin-left: -2px;
}

.b-header__sign-in {
    flex: 0 0 min-content;
    margin-left: auto;
    font-size: 12px;
}

.b-header__profile {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    width: 40px;
    height: 40px;
    font-size: 35px;
    text-decoration: none;
}

.b-search {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 15px;
    align-items: stretch;
}

.b-search__filters-wrap {
    background-color: white;
    box-shadow: 2px 2px 10px #cccccc;
    border-radius: 20px;
}

.b-search__results-wrap {
    flex-grow: 1;
}

.b-search-filters {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 15px;
    height: 100%;
    padding: 15px;
}

.b-search-filters__filter {
    display: flex;
    gap: 7px;
    font-size: 12px;
    align-items: center;
    min-width: 0;
}

.b-search-filters__filter-name {
    font-weight: bold;
}

.b-search-filters__filter-control {
}

.b-product-previews {
    height: 100%;
}

.b-searchbar {
    display: flex;
    gap: 15px;
}

.b-product-previews__sort {
    display: inline-block;
    margin-top: 15px;
    margin-bottom: 15px;
}

.b-product-previews__list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.b-product-previews__no-items-message {
    margin-top: 15px;
    font-size: 16px;
    font-weight: bold;
}

.b-product-preview-important-info {
    font-size: 15px;
}

.b-product-preview {
    display: flex;
    gap: 10px;
    flex-direction: column;
    background-color: white;
    box-shadow: 2px 2px 10px #cccccc;
    border-radius: 20px;
    padding: 15px;
    cursor: pointer;
    transition: background-color .15s ease-in-out;
    text-decoration: none;
    color: #000;
}

.b-product-preview:hover {
    background-color: #eeeeee;
}

.b-product-preview:active {
    background-color: #d3d3d3;
}

.b-product-preview__image {
    object-fit: cover;
    width: 100px;
    height: 100px;
    min-width: 100px;
    border-radius: 10px;
}

.b-product-preview__info-wrap {
    display:flex;
    flex-direction: column;
    gap: 10px;
    flex-grow: 1;
    /*flex: 1 0 min-content;*/
}

.b-product-preview__params {
    display: flex;
    gap: 7px;
}

.b-product-preview__title {
    font-size: 14px;
    font-weight: bold;
    overflow-wrap: break-word;
    overflow-wrap: anywhere;
}

.b-product-preview__price {
    font-size: 14px;
    white-space: nowrap;
    margin-left: auto;
}

.b-product-preview__description {
    font-size: 12px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 195px;
}

.b-promo-welcome-text {
    /*max-width: 500px;*/
    font-size: 18px;
}

.b-category-path {
    font-size: 12px;
}

.b-product {
    display: flex;
    gap: 25px;
    flex-direction: column;
    background-color: white;
    box-shadow: 2px 2px 10px #cccccc;
    border-radius: 20px;
    padding: 15px;
}

.b-product-gallery {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
}

.b-product-gallery__image {
    object-fit: cover;
    border-radius: 10px;
    height: 100px;
    max-width: 100%;
}

.b-product__params {
    display: flex;
    gap: 12px;
    justify-content: space-between;
}

.b-product__product-params {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.b-product__seller-params {
    display: flex;
    flex-direction: column;
    gap: 14px;
    text-align: right;
    align-items: flex-end;
}

.b-product__title {
    font-size: 16px;
    font-weight: bold;
    overflow-wrap: break-word;
    overflow-wrap: anywhere;
}

.b-product__price {
    font-size: 15px;
    white-space: nowrap;
}

.b-product__city {
    font-size: 14px;
    white-space: nowrap;
}

.b-product__minimum-order-quantity {
    font-size: 14px;
}

.b-product__updated-at {
    font-size: 12px;
}

.b-product__company-name {
    font-size: 14px;
    overflow-wrap: break-word;
    overflow-wrap: anywhere;
}

.b-product__is-maker-selling-status {
    font-size: 12px;
}

.b-product__user-name {
    font-size: 14px;
}

.b-product__phone {
    font-size: 13px;
    white-space: nowrap;
}

.b-product__error {
    font-size: 13px;
    color: #ff0000;
    margin-top: 5px;
}

.b-product__user-messenger-buttons {
    display: flex;
    font-size: 24px;
    gap: 25px;
    justify-content: flex-end;
}

.b-product__whatsapp {
    color: #58B563;
    transition: color .15s ease-in-out;
}

.b-product__whatsapp:visited {
    color: #58B563;
}

.b-product__whatsapp:hover {
    color: #3c7e44;
}

.b-product__telegram {
    color: #4E9BB4;
    transition: color .15s ease-in-out;
}

.b-product__telegram:visited {
    color: #4E9BB4;
}

.b-product__telegram:hover {
    color: #356b7e;
}

.b-product__description {
    font-size: 13px;
}

.b-product-update-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.b-product-important-info {
    font-size: 20px;
}

.b-product-update-buttons__hide {
    background-color: #8d8d8d;
}

.b-product-update-buttons__hide:enabled:hover {
    background-color: #6b6b6b;
}

.b-product-update-buttons__hide:enabled:active {
    background-color: #494949;
}

.b-main-blocks-separator {
    height: 40px;
}
.b-blocks-separator {
    height: 15px;
}

.b-accessory-separator {
    height: 6px;
}

.b-create-product {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.b-create-product .gs-select__trigger {
    font-size: 16px;
}

.b-create-product .gs-select__chevron {
    width: 16px;
    height: 16px;
}

.b-create-product .gs-select__option {
    font-size: 14px;
}

.b-main-title {
    font-size: 19px;
    font-weight: bold;
}

.b-main-subtitle {
    font-size: 14px;
}

.b-create-product__param {
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: stretch;
}

.b-create-product__label {
    font-size: 16px;
    font-weight: bold;
}

.b-create-product__sublabel {
    font-size: 12px;
    color: #777;
}

.b-create-product__input {
    display: flex;
}

.b-create-product__error {
    font-size: 16px;
    color: #ff0000;
}

.b-create-product__error_main {
    flex-basis: 100%;
}

.b-footer {
    width: 100%;
    text-align: center;
    font-size: 11px;
    color: #a4a4a4;
    width: 100%;
}

.b-create-product__buttons {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.b-create-product__save {
    background-color: #8d8d8d;
}

.b-create-product__save:enabled:hover {
    background-color: #6b6b6b;
}

.b-create-product__save:enabled:active {
    background-color: #494949;
}

.gf-form .gf-error {
    display: none
}

.gf-form .gf-error_has-error {
    display: block;
}

.gf-form .gf-content {
    display: none
}

.gf-form .gf-content_has-content {
    display: block;
}

ui-description {
    margin-bottom: 0px;
}

@media (min-width: 375px) {
    .b-header__sign-in {
        flex: 0 1 auto;
    }

    .b-product-preview {
        flex-direction: row;
    }

    .b-product-gallery__image {
        object-fit: cover;
        height: 130px;
        cursor: pointer;
    }
}

@media (min-width: 768px) {
    .b-search {
        flex-direction: row;
        gap: 30px;
        align-items: flex-start;
    }

    .b-search__filters-wrap {
        flex: 0 0 30%;
        min-width: 0;
    }

    .b-search-filters {
        flex-direction: column;
        flex-wrap: nowrap;
    }

    .b-product-gallery__image {
        object-fit: cover;
        height: 200px;
        cursor: pointer;
    }

    .b-product__title {
        font-size: 19px;
    }

    .b-product__price {
        font-size: 18px;
    }

    .b-product__city {
        font-size: 16px;
    }

    .b-product__minimum-order-quantity {
        font-size: 16px;
    }

    .b-product__updated-at {
        font-size: 14px;
    }

    .b-product__company-name {
        font-size: 16px;
    }

    .b-product__is-maker-selling-status {
        font-size: 14px;
    }

    .b-product__user-name {
        font-size: 16px;
    }

    .b-product__phone {
        font-size: 16px;
    }

    .b-product__description {
        font-size: 15px;
    }
}