

/* Start:/local/templates/.default/components/bitrix/catalog/catalog.mm/bitrix/catalog.element/.default/style.css?167930565126791*/
body main
{
    padding-bottom: 0;
}

.mobile-coin-name
{
    display: none;
}
@media screen and (max-width: 700px)
{
    .mobile-coin-name
    {
        display: block;
    }
}

.catalog-detail__top-bar
{
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
}
@media screen and (max-width: 700px)
{
    .catalog-detail__top-bar
    {
        display: none;
    }
}

.catalog-detail__top-bar-left,
.catalog-detail__top-bar-right
{
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
}

.catalog-detail__coin-status
{
    margin-right: 5px;
    padding: 3px 6px;

    border: 1px solid #00345E;
    border-radius: 4px;

    font-family: "RF Dewi", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 12px;
    line-height: 14px;

    color: #00345E;
}
.catalog-detail__top-bar-left .catalog-detail__coin-status:last-child
{
    margin-right: 0;
}

.catalog-detail__is-in-stock
{
    font-family: "RF Dewi", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 17px;

    color: #777777;

    margin-right: 31px;
}

.catalog-detail__coin-id
{
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 16px;

    letter-spacing: 0.02em;

    color: #777777;
}

.likes-share-wrapper
{
    margin-left: 20px;

    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
}

#add-to-likes 
{
    margin-right: 16px;
}

#add-to-likes img
{
    width: 20px;
    height: 18px;
    object-fit: contain;
}


#share
{
    transition: transform .3s;
}

#share svg
{
    display: block;
}

#share svg path
{
    fill: #777;

    transition: fill .3s;
}
@media screen and (min-width: 769px) 
{
    #share:hover
    {
        transform: scale(1.2);
    }
    #share:hover svg path
    {
        fill: var(--gold-color);
    } 
}

.coin-detail-info
{
    margin-top: 10px;

    /* display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0 154px; */
}
@media screen and (max-width: 992px) 
{
    .coin-detail-info
    {
        margin-top: 30px;
    }
}

.coin-detail-info__up-mobile-wrapper
{
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: flex-start;
}
@media screen and (max-width: 700px) 
{
    .coin-detail-info__up-mobile-wrapper
    {
        flex-flow: column nowrap;
        justify-content: flex-start;
        align-items: flex-start;
    }
}

.mobile-top-bar
{
    display: none;

    width: 100%;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;

    margin-bottom: 46px;
}
@media screen and (max-width: 700px)
{
    .mobile-top-bar
    {
        display: flex;
    }
}
@media screen and (max-width: 568px)
{
    .mobile-top-bar
    {
        align-items: flex-start;
    }
}

.mobile-top-bar .catalog-detail__top-bar-left
{
    flex-grow: 1;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
}
@media screen and (max-width: 568px)
{
    .mobile-top-bar .catalog-detail__top-bar-left
    {
        flex-flow: column nowrap;
        justify-content: flex-start;
        align-items: flex-start;
    }
}

.mobile-statuses,
.mobile-status-properties
{
    display: flex;
}
@media screen and (max-width: 568px)
{
    .mobile-status-properties
    {
        margin-top: 11px;

        flex-flow: column nowrap;
    }

    .catalog-detail__is-in-stock
    {
        margin-right: 0;
        margin-bottom: 5px;
    }
}

.coin-gallery-wrapper
{
    margin-top: 32px;

    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
}
@media screen and (max-width: 1200px) 
{
    .coin-gallery-wrapper
    {
        margin-right: 26px;
    }
}
@media screen and (max-width: 992px) 
{
    .coin-gallery-wrapper
    {
        flex-flow: column-reverse nowrap;
        justify-content: flex-start;
        align-items: center;

        margin: 32px auto 0;
        width: 100%;
        max-width: 100%;
    }
}
@media screen and (max-width: 700px)
{
    .coin-gallery-wrapper
    {
        margin-top: 0;
    }
}

.coin-preview-pictures
{
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 20px 0;

    margin-right: 78px;
}
@media screen and (max-width: 1400px) 
{
    .coin-preview-pictures
    {
        margin-right: 48px;
    }  
}
@media screen and (max-width: 1200px) 
{
    .coin-preview-pictures
    {
        margin-right: 24px;
    }  
}
@media screen and (max-width: 992px) 
{
    .coin-preview-pictures
    {
        grid-template-columns: repeat(5, 1fr);
        grid-gap: 17px;
        align-items: center;

        margin-right: 0;
        margin-top: 45px;

        width: 100%;
        max-width: 100%;
        overflow-x: auto;

        -ms-overflow-style: none;  /* IE and Edge */
        scrollbar-width: none;  /* Firefox */
    }

    .coin-preview-pictures::-webkit-scrollbar {
        display: none;
    }
}
@media screen and (max-width: 568px) 
{
    .mobile-relative-mini-photos-wrapper
    {
        position: relative;

        margin-top: 45px;

        min-height: 60px;
        width: 100vw;
    }

    .coin-preview-pictures
    {
        margin-top: 0;

        position: absolute;
        width: 100%;
        top: 0;
        left: 0;

        /* grid-template-columns: auto;
        grid-template-rows: 1fr;
        grid-auto-flow: column; */
    
        grid-template-columns: auto;
        grid-template-rows: auto;
        grid-auto-flow: auto;

        display: flex;
        flex-flow: row nowrap;
        justify-content: flex-start;
        align-items: center;
    }
}

.coin__preview-picture
{
    width: 60px;
    max-height: 60px;

    cursor: pointer;

    border: 1px solid transparent;

    transition: border .2s;
}

.coin__preview-picture.active
{
    border: 1px solid var(--gold-color);
}

@media screen and (max-width: 992px) 
{
    .coin__preview-picture
    {
        width: 56px;
        max-height: 56px;
    }
}
@media screen and (max-width: 568px) 
{
    .coin__preview-picture
    {
        width: 60px;
        max-height: 60px;
    }

    .coin-preview-pictures .coin__preview-picture:first-child
    {
        margin-left: 20px;
    }
    .coin-preview-pictures .coin__preview-picture:last-child
    {
        margin-right: 20px;
    }
}

/* .big-coin-wrapper
{
    width: 100%;
} */

.coin-preview-big
{
    width: 383px;
    height: 383px;
    
    object-fit: contain;
}
@media screen and (max-width: 1400px) 
{
    .coin-preview-big
    {
        width: 338px;
        height: 338px;
    }
}
@media screen and (max-width: 1200px) 
{
    .coin-preview-big
    {
        width: 302px;
        height: 302px;
    }
}
@media screen and (max-width: 992px) 
{
    .coin-preview-big
    {
        width: 283px;
        height: 283px;
    }
}
@media screen and (max-width: 568px) 
{
    .coin-preview-big
    {
        width: 100%;
        height: 100%;

        max-width: 283px;
        max-height: 283px;
    }
}

.coin__title
{
    max-width: 645px;
    margin-bottom: 18px;
}
@media screen and (max-width: 992px) 
{
    .coin__title
    {
        margin-bottom: 3px;
    }
}
@media screen and (max-width: 700px)
{
    .coin__title
    {
        display: none;
    }
}

    .coin__description-table__row
{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 5px 15px;
}

.coin__description-table.prices
{
    margin-bottom: 30px;
}
@media screen and (max-width: 992px) 
{
    .coin__description-table.prices
    {
        margin-bottom: 0;
    }

    .coin__description-table.prices .coin__description-table__row
    {
        grid-template-columns: 1fr;
        grid-gap: 21px 0;
    }
}
@media screen and (max-width: 700px)
{
    .coin-description-text
    {
        width: 100%;
    }

    .coin__description-table.prices
    {
        margin-top: 30px;
        width: 100%;
    }

    .coin__description-table.prices .coin__description-table__row
    {
        width: 100%;

        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        align-items: center;
    }

    #add-to-cart
    {
        max-width: 260px;
    }
}
@media screen and (max-width: 568px)
{
    .coin__description-table.prices .coin__description-table__row
    {
        flex-flow: column nowrap;
        align-items: flex-start;
        justify-content: flex-start;
    }

    #add-to-cart
    {
        max-width: 400px;
        margin: 0 auto;
    }
}


.coin__price
{
    display: flex;
    flex-flow: row nowrap;
    justify-self: flex-start;
    align-items: center;
    position: relative;  /* 17.3.23 */
}

.coin__price-actual
{
    font-family: "RF Dewi", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 36px;

    letter-spacing: 0.2px;

    color: #00345E;

    margin-right: 33px;

    white-space: nowrap;
}
.coin__price-actual--info {  /* 17.3.23 */
    /*display: inline-block;*/
    position: absolute;
    right: 3px;
    top: 5px;
    width: 18px;
    height: 18px;
    border: 1px solid var(--gold-color);
    background-color: var(--gold-color);
    border-radius: 50%;
    font-size: 16px;
    font-weight: 600;
    font-family: serif;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}
.coin__price-actual--internal {  /* 17.3.23 */
    color: #fff;
}
.popup-infobox {  /* 17.3.23 */
    display: none;
    padding: 4px 7px;
    position: absolute;
    top: 4px;
    left: 128px;
    width: 334px;
    border-radius: 4px;
    background-color: #b4b2ae;
    opacity: .75;
}
.coin__price:hover .popup-infobox {  /* 17.3.23  работает js */
    /*display: flex;
    column-gap: 10px;*/
}
.popup-infobox-hover {  /* 17.3.23 */
    display: flex;
    column-gap: 10px;
}
.popup-infobox--info {  /* 17.3.23 */
    width: 20px;
    height: 20px;
    border: 1px solid var(--gold-color);
    background-color: var(--gold-color);
    border-radius: 50%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.popup-infobox--internal {  /* 17.3.23 */
    display: block;
    width: 20px;
    padding-left: 8px;
    color: #fff;
}

.coin__price-old
{
    font-family: "RF Dewi", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 24px;

    color: #777777;

    position: relative;

    white-space: nowrap;
}
.coin__price-old::before
{
    content: "";
    position: absolute;

    top: 14px;
    left: 0;
    width: 100%;
    height: 1px;

    background-color: #4e4e4e;
}

.mobile-description-table
{
    display: none;

    margin-top: 35px;
}
@media screen and (max-width: 992px) 
{
    .mobile-description-table
    {
        display: block;
    }

    .coin__description-table.desktop-properties
    {
        display: none;
    }
}

@media screen and (max-width: 568px) 
{
    .mobile-description-table .mobile-specs
    {
        overflow-y: hidden;

        transition: max-height .5s;
    }

    .mobile-description-table .mobile-specs .coin__description-table__row
    {
        grid-template-columns: 1fr;
        grid-gap: 0;

        margin-bottom: 20px;
    }
    .mobile-description-table .mobile-specs .coin__description-table__row:last-child
    {
        margin-bottom: 0;
    }
}

#show-more-specs
{
    display: none;

    margin-top: 20px;

    font-family: "RF Dewi", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;

    letter-spacing: 0.002em;

    color: var(--gold-color);
}
@media screen and (max-width: 568px) 
{
    #show-more-specs
    {
        display: block;
    }
}

.coin__description-property-name
{
    letter-spacing: 0.002em;

    color: #777777;
}

.coin__description-property-value
{   
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;

    letter-spacing: 0.002em;

    color: #000000;

    max-width: 308px;
}
.coin__description-property-value a
{
    color: var(--blue-color);
    transition: color .3s;
}

@media screen and (max-width: 992px) 
{
    .coin__description-property-value
    {
        max-width: 100%;
    }
}
@media screen and (min-width: 769px)
{
    .coin__description-property-value a:hover
    {
        color: var(--gold-color);
    }
}

.our-buy-price-wrapper
{
    margin-top: 20px;
    padding: 25px 22px 19px 32px;

    background-color:#ECF0F0;

    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
}

@media screen and (max-width: 992px) 
{
    .our-buy-price-wrapper.desktop
    {
        display: none;
    }
    .mobile-description-table .our-buy-price-wrapper
    {
        margin-top: 35px;
    }
}
@media screen and (max-width: 568px) 
{
    .mobile-description-table .our-buy-price-wrapper
    {
        position: relative;
        background-color: transparent;
        padding: 25px 0 19px;

        margin-top: 20px;
    }
    .mobile-description-table .our-buy-price-wrapper::before
    {
        content: "";
        position: absolute;

        left: 50%;
        transform: translateX(-50%);
        top: 0;
        width: 100vw;
        height: 100%;

        background-color:#ECF0F0;
        z-index: -1;
    }
}

.our-buy-price__text,
.our-buy-price__text .price-wrapper
{
    font-family: "RF Dewi", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;

    color: #000000;

    margin-right: 20px;
}

.our-buy-price__text .price-wrapper
{
    white-space: nowrap;
}

.sell-coin
{
    display: block;
}

.dark-wrapper
{
    margin-top: 80px;

    padding: 120px 0 150px;

    background-color: #15171A;
    background-image: url("/images/pixel-bg-about-company.png");
    background-size: 5%;
    background-position: center;
    background-repeat: repeat;
}
@media screen and (max-width: 1200px) 
{
    .dark-wrapper
    {
        padding-top: 60px;
    }
}
@media screen and (max-width: 992px) 
{
    .dark-wrapper
    {
        padding: 50px 0;
        margin-top: 30px;
    }
}
@media screen and (max-width: 568px) 
{
    .dark-wrapper
    {
        margin-top: 25px;
    }
}

.dark-coin-description
{
    margin-bottom: 126px;

    position: relative;
}
@media screen and (max-width: 992px) 
{
    .dark-coin-description
    {
        margin-bottom: 80px;
    }
}

.left-top-blur
{
    position: absolute;
    left: 0;
    top: 0;

    width: 628px;
    height: 589px;

    background: rgba(229, 171, 130, 0.07);
    filter: blur(156px);

    border-radius: 50%;
    z-index: 1;
    pointer-events: none;
}
@media screen and (max-width: 1400px) 
{
    .left-top-blur
    {
        top: -152px;
        left: -260px;
    }
}
@media screen and (max-width: 1200px) 
{
    .left-top-blur
    {
        top: -30px;
        left: -50%;
        transform: translateX(50%);
    }
}
@media screen and (max-width: 992px) 
{
    .left-top-blur
    {
        top: -30px;
        left: -20%;
        transform: translateX(16%);
    }
}

.dark-description__title
{
    color: var(--gold-color);
}
@media screen and (max-width: 992px) 
{
    .dark-description__title
    {
        font-size: 24px;
        line-height: 31px;
    }
}

.dark-description__text
{
    color: #fff;
    max-height: 356px;
    max-width: 490px;

    padding-right: 42px;

    overflow-y: auto;

    scrollbar-color: var(--gold-color) rgba(255, 255, 255, 0.1);     /* «цвет ползунка» «цвет полосы скроллбара» */
    scrollbar-width: thin  /* толщина */
}
.dark-coin-description .dark-description__text a {
    color: var(--gold-color);
}

@media screen and (max-width: 1200px) 
{
    .dark-description__text
    {
        padding-right: 22px;
        max-width: 491px;
    }

    .dark-description__text.above-video
    {
        max-width: 411px;
    }
}
@media screen and (max-width: 992px) 
{
    .dark-description__text
    {
        max-height: 500px;
        /*padding-right: 0;*/
        /*max-width: 473px;*/
        max-width: 550px;
        margin: 0 auto;
    }

    .dark-description__text.above-video
    {
        max-width: 100%;
    }
}

.dark-description__text img
{
    width: 100%;
    max-height: 200px;
    margin: 15px 0;
}
.dark-description__text img:first-child
{
    margin-top: 0;
}
.dark-description__text img:last-child
{
    margin-bottom: 0;
}
.dark-description__text table
{
    width: 100%;
}
.dark-description__text h1,
.dark-description__text h2,
.dark-description__text h3,
.dark-description__text h4,
.dark-description__text h5,
.dark-description__text h6
{
    margin: 15px 0;
    font-size: 18px;
    line-height: 26px;
}
.dark-description__text iframe
{
    max-width: 100%;
}

.dark-description__text p
{
    margin: 12px 0;
}

.dark-description__text a
{
    color: var(--blue-color);
    transition: color .3s;
}
@media screen and (min-width: 769px) 
{
    .dark-description__text a:hover
    {
        color: var(--gold-color);
    }    
}
@media screen and (max-width: 768px)
{
    .dark-description__text a
    {
        color: var(--gold-color);
    }   
}

/* полоса прокрутки (скроллбар) */
.dark-description__text::-webkit-scrollbar 
{
    width: 4px; /* ширина для вертикального скролла */
    height: 100%; /* высота для горизонтального скролла */
    background-color: rgba(255, 255, 255, 0.1);

    border-radius: 4px;
}

/* ползунок скроллбара */
.dark-description__text::-webkit-scrollbar-thumb 
{
    background-color: var(--gold-color);
    border-radius: 2px;
    width: 5px;
}

.dark-description__text-video-wrapper
{
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: flex-start;

    margin-top: 35px;
}
@media screen and (max-width: 992px) 
{
    .dark-description__text-video-wrapper
    {
        flex-flow: column nowrap;
        justify-content: flex-start;
        align-items: flex-start;
    }    
}

.dark-desctiption__image-video-wrappper
{
    width: 100%;
    max-width: 530px;

    display: flex;
    justify-content: center;
}
@media screen and (max-width: 1200px) 
{
    .dark-desctiption__image-video-wrappper
    {
        justify-content: flex-end;
    }    
}
@media screen and (max-width: 1200px) 
{
    .dark-desctiption__image-video-wrappper
    {
        margin-top: 30px;

        width: 100%;
        max-width: 100%;
        justify-content: center;
    }    
}

.dark-description__video-wrapper 
{
    position: relative;
    /* height: 100%; */
    height: 302px;
    width: 100%;

    border: 1px solid var(--gold-color);
}
.dark-desctiption__image-video-wrappper.full-width
{
    margin: 0 auto;
    max-width: 100%;
}

.dark-desctiption__image-video-wrappper.full-width .dark-description__video-wrapper 
{
    height: 536px;
    max-width: 80%;
}

@media screen and (max-width: 1400px) 
{
    .dark-description__video-wrapper 
    {
        max-width: 457px;
        height: 260px;
    }

    .dark-desctiption__image-video-wrappper.full-width .dark-description__video-wrapper 
    {
        height: 538px;
        max-width: 945px;
    }
}
@media screen and (max-width: 1200px) 
{
    .dark-description__video-wrapper 
    {
        max-width: 434px;
        height: 260px;
    }

    .dark-desctiption__image-video-wrappper.full-width .dark-description__video-wrapper 
    {
        height: 491px;
        max-width: 820px;
    }
}
@media screen and (max-width: 992px)
{
    .dark-description__video-wrapper 
    {
        max-width: 100%;
        height: 358px;
    }

    .dark-desctiption__image-video-wrappper.full-width .dark-description__video-wrapper 
    {
        height: 358px;
        max-width: 597px;
    }
}
@media screen and (max-width: 558px)
{
    .dark-description__video-wrapper
    {
        max-width: 100%;
        height: 202px;
    }

    .dark-desctiption__image-video-wrappper.full-width .dark-description__video-wrapper
    {
        height: 202px;
        max-width: 100%;
    }
}

.yt-video-blur
{
    position: absolute;

    left: 50%;
    transform: translate(-40%, -50%);
    top: 50%;

    width: 558px;
    height: 565px;

    background: rgba(233, 236, 238, 0.12);
    filter: blur(148px);
    border-radius: 50%;
    z-index: 1;
}

.yt-video-description
{
    display: block;
    position: relative;
    z-index: 2;
}

.description-image-wrapper
{
    position: relative;

    width: 100%;
    max-width: 354px;
}
@media screen and (max-width: 568px) 
{
    .description-image-wrapper
    {
        max-width: 260px;
    }  
}

.description-image-blur
{
    width: 558px;
    height: 565px;

    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);

    background: rgba(165, 138, 87, 0.15);
    filter: blur(148px);
    z-index: 1;
}

.dark-description__image
{
    width: 100%;
    position: relative;
    z-index: 2;
}

/* reviews */
.coin-reviews__title
{
    color: var(--gold-color);

    margin-bottom: 30px;
}

.reviews-form-wrapper
{
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: flex-start;

    position: relative;
}
@media screen and (max-width: 700px)
{
    .reviews-form-wrapper
    {
        flex-flow: column nowrap;
        justify-content: flex-start;
        align-items: flex-start;
    }
}

.reviews-list
{
    max-width: 523px;
    
    /* max-width: calc(523px + 24px); */
    /* padding-right: 20px; */
    /* max-height: 773px;
    overflow-y: auto; */

    scrollbar-color: var(--gold-color) rgba(255, 255, 255, 0.1);     /* «цвет ползунка» «цвет полосы скроллбара» */
    scrollbar-width: thin  /* толщина */
}
@media screen and (max-width: 1400px) 
{
    .reviews-list
    {
        max-width: 448px;
        /* max-width: calc(448px + 24px); */
    }
}
@media screen and (max-width: 992px) 
{
    .reviews-list
    {
        margin-right: 20px;
    }
}
@media screen and (max-width: 700px) 
{
    .reviews-list
    {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
    }
}

/* полоса прокрутки (скроллбар) */
.reviews-list::-webkit-scrollbar 
{
    width: 4px; /* ширина для вертикального скролла */
    height: 100%; /* высота для горизонтального скролла */
    background-color: rgba(255, 255, 255, 0.1);

    border-radius: 4px;
}

/* ползунок скроллбара */
.reviews-list::-webkit-scrollbar-thumb 
{
    background-color: var(--gold-color);
    border-radius: 2px;
    width: 5px;
}

.review-item
{
    margin-bottom: 26px;

    padding-bottom: 23px;

    border-bottom: 1px solid rgba(235, 235, 235, 0.2);
}
.reviews-list .review-item:last-child
{
    margin-bottom: 0;
}

.review-item__author
{
    font-family: "RF Dewi", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;

    color: #FFFFFF;

    margin-bottom: 7px;
}
.review-item.company .review-item__author
{
    color: var(--gold-color);
}

.review-item__date
{
    font-family: "RF Dewi", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 17px;

    color: #FFFFFF;

    margin-bottom: 7px;
}

.review-item__text
{
    color: #fff;
}

/* form */
.send-review-form-wrapper
{
    max-width: 421px;
    width: 100%;

    position: sticky;
    top: 25px;
}
@media screen and (max-width: 1400px) 
{
    .send-review-form-wrapper
    {
        max-width: 391px;
    }  
}
@media screen and (max-width: 1200px) 
{
    .send-review-form-wrapper
    {
        max-width: 386px;
    }  
}
@media screen and (max-width: 992px) 
{
    .send-review-form-wrapper
    {
        /* max-width: 334px; */
        max-width: 350px;
    }  
}
@media screen and (max-width: 700px) 
{
    .send-review-form-wrapper
    {
        max-width: 100%;
        margin-top: 55px;
    }  
}

.success-message
{
    opacity: 0;

    border: 1px solid var(--gold-color);
    border-radius: 5px;

    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;

    padding: 10px 18px 12px 18px;

    transition: opacity .4s;
}
.success-message.showed
{
    opacity: 1;
}
@media screen and (max-width: 992px) 
{
    .success-message
    {
        display: none;
    }
}

.success-message__text
{
    color: var(--gold-color);
    margin-left: 10px;
}

.send-review-form-wrapper form
{
    margin-top: 24px;

    background-color: #232323;

    border-radius: 15px;
    border: 1px solid #3A3A3A;

    padding: 15px 34px 24px 18px;
}
@media screen and (max-width: 1400px) 
{
    .send-review-form-wrapper form
    {
        padding: 15px 30px 24px 22px;
    }
}
@media screen and (max-width: 1200px) 
{
    .send-review-form-wrapper form
    {
        padding: 15px 25px 24px 22px;
    }
}
@media screen and (max-width: 992px) 
{
    .send-review-form-wrapper form
    {
        margin-top: 0;
    }
}

.send-review__title
{
    font-family: "RF Dewi", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;

    color: #C4C4C4;

    margin-bottom: 16px;
}

.send-review-form-wrapper form input,
.send-review-form-wrapper form textarea
{
    display: block;

    font-family: "RF Dewi Ligth", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0.02em;

    background: #121212;
    border: 1px solid #3A3A3A;
    border-radius: 5px;

    padding: 14px 16px;
    width: 100%;

    transition: border .3s;

    margin-bottom: 13px;

    color: #fff;
}

.send-review-form-wrapper form input:last-child,
.send-review-form-wrapper form textarea:last-child
{
    margin-bottom: 0;
}

.send-review-form-wrapper form input:focus,
.send-review-form-wrapper form textarea:focus
{
    border: 1px solid var(--gold-color);
}

.send-review-form-wrapper form input:placeholder-shown,
.send-review-form-wrapper form textarea:placeholder-shown
{
    color: #333333;
}

.send-review-form-wrapper form textarea
{
    resize: vertical;
    max-height: 250px;
    min-height: 187px;
}

.send-review-form-wrapper form textarea
{
    margin-bottom: 20px;
}

@media screen and (max-width: 992px) 
{
    #submit-question-form
    {
        /* max-width: 100%; */
        /* width: 100%; */

        max-width: 185px;
    }
}

.linked-coins
{
    margin-top: 80px;
}
@media screen and (max-width: 992px) 
{
    .linked-coins
    {
        margin-top: 50px;
    }
}
.reviews-list.reviews-list-empty {
	color: #fff;
}
/* End */


/* Start:/local/templates/.default/components/webtu/feedback.responsproduct/mm_review-form/style.css?17521624004990*/
/* form */
.ask-question-form-wrapper
{
    max-width: 421px;
    width: 100%;
}
@media screen and (max-width: 1400px) 
{
    .ask-question-form-wrapper
    {
        max-width: 391px;
    }  
}
@media screen and (max-width: 1200px) 
{
    .ask-question-form-wrapper
    {
        max-width: 386px;
    }  
}
@media screen and (max-width: 992px) 
{
    .ask-question-form-wrapper
    {
        max-width: 334px;
    }  
}
@media screen and (max-width: 680px) 
{
    .ask-question-form-wrapper
    {
        max-width: 100%;
        margin-top: 59px;
    }  
}

.success-message
{
    opacity: 0;
    transform: translateY(50px);

    border: 1px solid var(--gold-color);
    border-radius: 5px;

    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;

    padding: 10px 18px 12px 18px;

    position: relative;
    z-index: -1;

    transition: opacity .4s, transform .4s;
}
.success-message.showed
{
    opacity: 1;
    transform: translateY(0);
}
@media screen and (max-width: 992px) 
{
    .success-message
    {
        display: none;
    }
}

.success-message__text
{
    color: var(--gold-color);
    margin-left: 10px;
}

.ask-question-form-wrapper form
{
    margin-top: 24px;

    background-color: #232323;

    border-radius: 15px;
    border: 1px solid #3A3A3A;

    padding: 15px 34px 24px 18px;
}
@media screen and (max-width: 1400px) 
{
    .ask-question-form-wrapper form
    {
        padding: 15px 30px 24px 22px;
    }
}
@media screen and (max-width: 1200px) 
{
    .ask-question-form-wrapper form
    {
        padding: 15px 25px 24px 22px;
    }
}
@media screen and (max-width: 992px) 
{
    .ask-question-form-wrapper form
    {
        margin-top: 0;
    }
}

.ask-question__title
{
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;

    color: #C4C4C4;

    margin-bottom: 16px;
}

.ask-question-form-wrapper form input,
.ask-question-form-wrapper form textarea
{
    display: block;

    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0.02em;

    background: #121212;
    border: 1px solid #3A3A3A;
    border-radius: 5px;

    padding: 14px 16px;
    width: 100%;

    transition: border .3s;

    margin-bottom: 13px;

    color: #fff;
}

.ask-question-form-wrapper form input:last-child,
.ask-question-form-wrapper form textarea:last-child
{
    margin-bottom: 0;
}

.ask-question-form-wrapper form input:focus,
.ask-question-form-wrapper form textarea:focus
{
    border: 1px solid var(--gold-color);
}

/* .ask-question-form-wrapper form input:placeholder-shown,
.ask-question-form-wrapper form textarea:placeholder-shown
{
    color: #333333;
} */

.ask-question-form-wrapper form input.invalid
{
    border: 1px solid red;
}

.ask-question-form-wrapper form textarea
{
    resize: vertical;
    max-height: 250px;
    min-height: 187px;
}

.ask-question-form-wrapper form textarea
{
    margin-bottom: 20px;
}

.v21-checkbox__content {
    cursor: pointer;
    margin-bottom: 20px;
	display: block;
}

.v21-checkbox__input {
    height: 0;
    overflow: hidden;
    position: absolute;
    visibility: hidden;
    width: 0;
}

.v21-checkbox__text {
    display: block;
    font-size: 14px;
    line-height: 18px;
    padding-left: 32px;
    color: #C4C4C4;
    position: relative;
}

.v21-checkbox__text a {
    color: #C4C4C4;
	text-decoration: underline;
}

.v21-checkbox__text::before {
    display: block;
    content: '';
    height: 24px;
    width: 24px;
    position: absolute;
    left: 0;
    top: -3px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 8.3C3 6.61984 3 5.77976 3.32698 5.13803C3.6146 4.57354 4.07354 4.1146 4.63803 3.82698C5.27976 3.5 6.11984 3.5 7.8 3.5H16.2C17.8802 3.5 18.7202 3.5 19.362 3.82698C19.9265 4.1146 20.3854 4.57354 20.673 5.13803C21 5.77976 21 6.61984 21 8.3V16.7C21 18.3802 21 19.2202 20.673 19.862C20.3854 20.4265 19.9265 20.8854 19.362 21.173C18.7202 21.5 17.8802 21.5 16.2 21.5H7.8C6.11984 21.5 5.27976 21.5 4.63803 21.173C4.07354 20.8854 3.6146 20.4265 3.32698 19.862C3 19.2202 3 18.3802 3 16.7V8.3Z' stroke='%238FA0AC' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    transition: border-color 0.3s;
    z-index: 1;
}

.v21-checkbox__input:checked + .v21-checkbox__text::before  {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2' y='2.5' width='20' height='20' rx='4' fill='%23B29759'/%3E%3Cpath d='M7.5 12.5C8.67157 13.6716 10.5 15.5 10.5 15.5C10.5 15.5 14.1569 11.8431 16.5 9.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

@media screen and (max-width: 992px) 
{
    #submit-question-form
    {
        max-width: 100%;
        width: 100%;
    }
}
/* End */


/* Start:/local/templates/.default/components/bitrix/catalog.section/mm.products_series/style.css?164846632011211*/
.mobile-linked-coins-slider-navigation-wrapper
{
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;

    margin-bottom: 30px;
}

.mobile-linked-coins-slider-navigation
{
    display: none;

    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
}
@media screen and (max-width: 992px) 
{
    .mobile-linked-coins-slider-navigation
    {
        display: flex;
    }
}

.mobile-linked-coins-slider-navigation .swiper-button-prev,
.mobile-linked-coins-slider-navigation .swiper-button-next
{
    background-color: #ECF0F0;
    border-radius: 50px;

    padding: 13px 15px 14px 14px;

    transition: opacity .3s;
}
.mobile-linked-coins-slider-navigation .swiper-button-next
{
    margin-left: 8px;
    transform: rotate(180deg);
}

.mobile-linked-coins-slider-navigation .swiper-button-prev.dark-button,
.mobile-linked-coins-slider-navigation .swiper-button-next.dark-button
{
    background: rgba(255, 255, 255, 0.1);
}

.mobile-linked-coins-slider-navigation .swiper-button-prev.dark-button svg path,
.mobile-linked-coins-slider-navigation .swiper-button-next.dark-button svg path
{
    fill: rgba(196, 196, 196, 0.7);
}


.linked-coins__title
{
    color: var(--blue-color);
}
.linked-coins__title.gold
{
    color: var(--gold-color);
}
@media screen and (max-width: 992px) 
{
    .linked-coins__title
    {
        /* h2 mobile styles */
        font-size: 22px;
        line-height: 30px;
    }
}

.watch-all
{
    position: relative;

    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;

    color: #777777;

    display: block;
    padding-right: 24px;

    transition: color .3s;
}
/* .watch-all::after
{
    content: "";

    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);

    width: 16px;
    height: 13px;
    background-image: url("/upload/mm_upload/icons/linked-coins/watch-all-dark.svg");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;

    opacity: 0.5;
    transition: opacity .3s;
}
.watch-all.dark::after
{
    background-image: url("/upload/mm_upload/icons/linked-coins/watch-all-dark.svg");
} */

.watch-all svg path
{
    fill: #777;
    transition: fill .3s;
}
.watch-all.dark svg path
{
    fill: #e9e9e9;
}

@media screen and (min-width: 769px) 
{
    .watch-all:hover
    {
        color: var(--gold-color);
    }
    .watch-all:hover svg path
    {
        fill: var(--gold-color);
    }    
    .watch-all.dark:hover
    {
        color: #fff;
    }
    .watch-all.dark:hover svg path
    {
        fill: #fff;
    }
}
@media screen and (max-width: 992px) 
{
    .watch-all, .watch-all::after
    {
        display: none;
    }
}

.linked-coins__slider
{
    position: relative;
}

.linked-coins-slider__navigation
{
    pointer-events: none;
    position: absolute;
    z-index: 2;

    top: 50%;
    transform: translateY(-50%);
    width: 100%;

    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
} 
@media screen and (max-width: 992px) 
{
    .linked-coins-slider__navigation
    {
        display: none;
    }
}

.linked-coins-slider__navigation .swiper-button-prev,
.linked-coins-slider__navigation .swiper-button-next
{
    pointer-events: all;

    background-color: rgba(255, 255, 255, 0.66);

    display: flex;
    justify-content: center;
    align-items: center;

    padding: 14px 15px 13px 14px;

    transition: opacity .3s;
}

.linked-coins-slider__navigation .swiper-button-prev svg path,
.linked-coins-slider__navigation .swiper-button-next svg path
{
    fill: rgba(95, 95, 95);
    fill-opacity: 0.65;
}

.linked-coins-slider__navigation .swiper-button-prev.dark-button,
.linked-coins-slider__navigation .swiper-button-next.dark-button
{
    background-color: rgba(255, 255, 255, 0.1);
}

.linked-coins-slider__navigation .swiper-button-disabled
{
    opacity: 0;
    pointer-events: none;
}

.linked-coins-slider__navigation .swiper-button-prev svg
{
    transform: rotate(180deg);
    max-width: 14px;
}

.linked-coins-slider__navigation .swiper-button-prev.dark-button svg path,
.linked-coins-slider__navigation .swiper-button-next.dark-button svg path
{
    fill: #c4c4c4;
    fill-opacity: 0.7;
}

.linked-coins__coin-item
{
    background: #ECF0F0;
    border-radius: 10px;

    padding: 12px 20px 21px 20px;

    height: auto;

    display: flex;
    flex-flow: column nowrap;
}
@media screen and (max-width: 567px) 
{
    .linked-coins__coin-item
    {
        padding: 11px 10px 14px 20px;
    }
}

/* dark card */
.linked-coins__coin-item.dark
{
    background-color: #202020;
}

.top-bar
{
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
    align-items: center;

    margin-bottom: 17px;
}
.top-bar.has-status
{
    justify-content: space-between;
}

.coin-item__statuses
{
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
}

.coin-item__status
{
    margin-right: 5px;
    margin-bottom: 6px;

    font-family: "RF Dewi", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 12px;
    line-height: 14px;

    color: #00345E;

    padding: 2px 7px 4px 7px;

    border: 1px solid #00345E;
    border-radius: 4px;
}
.coin-item__statuses .coin-item__status:last-child
{
    margin-right: 0;
}

/* dark card */
.linked-coins__coin-item.dark .coin-item__status
{
    color: var(--gold-color);
    border-color: var(--gold-color);
}

@media screen and (max-width: 567px) 
{
    /* .mobile-needed-wrapper
    {
        display: flex;
        flex-flow: row nowrap;
        justify-content: flex-start;
        align-items: flex-start;
    } */

    .mobile-preview-wrapper
    {
        margin-right: 22px;
    }
}

.coin-item__images-preview
{
    /* max-width: max-content; */
    margin: 0 auto;

    margin-bottom: 13px;

    position: relative;

    width: 160px;
    height: 160px;
}
@media screen and (max-width: 567px) 
{
    .coin-item__images-preview
    {
        margin-bottom: 0;

        width: 100px;
        height: 100px;
    }
}

/* .coin-item__images-preview img
{
    width: 100%;
    height: 100%;

    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;

    opacity: 0;
}
.coin-item__images-preview img.active
{
    opacity: 1;
} */

.coin-item__images-preview img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.images-count
{
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;

    margin-bottom: 12px;
}

.images-count__position
{
    height: 2px;
    width: 15px;

    margin-right: 3px;

    background-color: #C4C4C4;

    transition: background-color .3s;
}

.images-count__position.active
{
    background-color: #000;
}

.linked-coins__coin-item.dark .images-count__position.active
{
    background-color: #fff;
}


.coin-item__is-in-stock
{
    display: none;

    margin-top: 19px;

    font-family: "RF Dewi", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    text-align: center;

    color: #777777;
}
/* dark card */
.linked-coins__coin-item.dark .coin-item__is-in-stock
{
    color: #ccc;
}
@media screen and (max-width: 567px) 
{
    .coin-item__is-in-stock
    {
        display: block;
    }   
}

.coin-item__created-in
{
    font-family: "RF Dewi";
    font-style: normal;
    font-weight: normal;
    font-size: 9px;
    line-height: 11px;

    color: #777777;

    margin-bottom: 5px;
}

.coin-item__name
{
    font-family: "RF Dewi", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;

    color: #202020;
    
    margin-bottom: 10px;
}
@media screen and (max-width: 567px) 
{
    .coin-item__name
    {
        margin-bottom: 13px;
    }
}

/* dark card */
.linked-coins__coin-item.dark .coin-item__name
{
    color: #fff;
}

.buy-price
{
    font-family: "RF Dewi", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;

    color: #777777;
}

.bottom-bar
{
    margin-top: 18px;

    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
}
@media screen and (max-width: 567px) 
{
    .bottom-bar
    {
        margin-top: 13px;
    }
}

.sell-price-wrapper
{
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
}
@media screen and (max-width: 567px) 
{
    .sell-price-wrapper
    {
        flex-flow: column-reverse nowrap;
        justify-content: flex-start;
        align-items: flex-start;
    }
}

.coin-item__sell-price
{
    font-family: "RF Dewi", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;

    color: #00345E;

    white-space: nowrap;
}

/* dark card */
.linked-coins__coin-item.dark .coin-item__sell-price
{
    color: #fff;
}

.bottom-bar.no-cost .coin-item__sell-price
{
    font-family: "RF Dewi", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 14px;

    color: #777777;

    white-space: nowrap;
}
/* dark card */
.linked-coins__coin-item.dark .bottom-bar.no-cost .coin-item__sell-price
{
    color: #ccc;
}

@media screen and (max-width: 567px) 
{
    .bottom-bar.no-cost .coin-item__sell-price
    {
        display: none;
    }
}

.coin-item__old-price
{
    margin-left: 10px;

    position: relative;

    font-family: "RF Dewi", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;

    color: #777777;

    white-space: nowrap;
}
.coin-item__old-price::before
{
    content: "";

    position: absolute;
    left: 0;
    top: 9px;

    width: 100%;
    height: 1px;
    background-color: #777777;
}

/* dark card */
.linked-coins__coin-item.dark .coin-item__old-price
{
    color: #ccc;
}
.linked-coins__coin-item.dark .coin-item__old-price::before
{
    background-color: #ccc;
}
@media screen and (max-width: 567px) 
{
    .coin-item__old-price
    {
        margin-left: 0;
    }
}

.add-to-cart
{
    background: linear-gradient(97.31deg, #E0C29B 0%, rgba(165, 138, 87, 0) 61.69%), 
                linear-gradient(85.12deg, #A58A57 0%, #BEA272 97.71%);

    box-shadow: 0px 7px 14px -4px rgba(92, 63, 7, 0.59);

    border-radius: 50%;

    padding: 11px 12px 9px 10px;
}
.add-to-cart.notify
{
    padding: 10px;
}

.add-to-cart img
{
    max-width: 20px;
}
/* End */


/* Start:/local/templates/mm_main/assets/css/components/catalog-section-list.css?167907595625805*/
/* /local/templates/mm_main/assets/css/components/catalog-section-list.css */

.section-tabs-sort-wrapper
{
    position: relative;

    width: 100%;

    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
}
.section-tabs-sort-wrapper::after
{
    content: "";
    position: absolute;
    left: 0;
    bottom: 2px;

    height: 1px;
    width: 100%;

    background-color: #E3E5E5;
}
@media screen and (max-width: 768px) 
{
    .section-tabs-sort-wrapper
    {
        display: flex;
        flex-flow: column-reverse nowrap;
        justify-content: flex-start;
        align-items: flex-start;

        width: 100%;
    }
}

.catalog-sections-tabs
{
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: flex-start;

    overflow-x: scroll;

    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */

    max-width: 100%;
}
.catalog-sections-tabs::-webkit-scrollbar 
{
  display: none;
}

.catalog-section-tab
{
    display: block;
    position: relative;

    margin-right: 24px;

    padding-bottom: 24px;

    font-family: "RF Dewi", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;

    color: #58666F;

    white-space: nowrap;

    transition: color .3s;
}
.catalog-section-tab::after
{
    content: "";
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 0;

    height: 3px;
    width: 100%;

    background-color: transparent;

    transition: background-color .3s;
}

.catalog-section-tab.active
{
    color: #202020;
}
.catalog-section-tab.active::after
{
    background-color: var(--gold-color);
}

.catalog-sort
{
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;

    margin-bottom: 9px;
}
@media screen and (max-width: 768px) 
{
    .catalog-sort
    {
        width: 100%;
        justify-content: space-between;

        margin-bottom: 25px;
    }
}

.sort-type-select
{
    position: relative;
    margin-right: 15px;

    background: #FFFFFF;
    border: 1px solid #E4E4E4;
    box-sizing: border-box;
    border-radius: 4px;

    padding: 9px 20px; 
    min-width: 204px;

    color: #000;

    outline: none;
    cursor: pointer;
    background-image: url("/upload/mm_upload/icons/catalog/select-arrow.svg");
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-size: 10px;

    appearance: none;
    -webkit-appearance: none;
}

.render-options
{
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
}

.render-options__button
{
    margin-right: 15px;
}
.render-options .render-options__button:last-child
{
    margin-right: 0;
}

.render-options__button svg path
{
    fill: #c4c4c4;

    transition: fill .3s;
}
.render-options__button.active svg path
{
    fill: #58666F;
}
@media screen and (max-width: 992px) 
{
    .render-options__button
    {
        display: none;
    }   
}

#open-mobile-filters
{
    display: none;
    position: relative;
    width: 30px;
    height: 30px;
}
@media screen and (max-width: 992px) 
{
    #open-mobile-filters
    {
        display: block;
    }
}

#open-mobile-filters svg
{
    display: block;

    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);

    opacity: 0;

    transition: opacity .3s;
}
#open-mobile-filters .open-filters
{
    opacity: 1;
}
#open-mobile-filters.filters-opened .close-filters
{
    opacity: 1;   
}
#open-mobile-filters.filters-opened .open-filters
{
    opacity: 0;
}

/* catalog */
.catalog-content-wrapper
{
    margin-top: 30px;

    display: grid;
    grid-template-columns: 307px auto;
}
@media screen and (max-width: 1400px) 
{
    .catalog-content-wrapper
    {
        grid-template-columns: 262px auto;
    } 
}
@media screen and (max-width: 1200px) 
{
    .catalog-content-wrapper
    {
        grid-template-columns: 304px auto;
    } 
}
@media screen and (max-width: 992px) 
{
    .catalog-content-wrapper
    {
        grid-template-columns: 1fr;
    }
}

/* filters */
.catalog-filter
{
    width: 100%;
    max-width: 307px;
}
@media screen and (max-width: 992px) 
{
    .catalog-filter
    {
        max-width: 100%;

        position: relative;

        margin-bottom: 0;
        transition: margin .3s;
    }

    .catalog-filter.opened
    {
        margin-bottom: 30px;
    }

    .catalog-filter::before
    {
        content: "";
        position: absolute;

        left: 50%;
        transform: translateX(-50%);
        top: 0;

        width: 100vw;
        height: 100%;

        z-index: -1;

        background-color: #E9ECEE;
    }

    .catalog-form-wrapper
    {
        overflow: hidden;
        max-height: 0;

        transition: max-height .5s;
    }

    .catalog-filter form 
    {
        display: grid;
        grid-template-columns: 213px auto;
        grid-gap: 0 34px;
        align-items: start;

        padding: 20px 0 30px;
    }

    .catalog-filter form .mobile-filter__right
    {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 20px;
    }
}

@media screen and (max-width: 568px) 
{
    .catalog-filter form 
    {
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width: 768px) 
{
    .catalog-filter form .mobile-filter__right
    {
        grid-gap: 15px 10px;
    }
}
@media screen and (max-width: 650px) 
{
    .catalog-filter form .mobile-filter__right
    {
        grid-template-columns: 1fr;
        grid-gap: 15px 0;
    }
}

@media screen and (max-width: 650px)
{
    .catalog-filter.opened
    {
        margin-bottom: 23px;
    }
} 

.filter-property-item
{
    margin-bottom: 20px;
}

.filter-property-item.select
{
    margin-bottom: 11px;
}
@media screen and (max-width: 992px) 
{
    .filter-property-item.select
    {
        margin-bottom: 0px;
    }
}

.filter-property__name
{
    font-family: "RF Dewi Seminold", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 19px;
    line-height: 23px;

    color: #58666F;

    margin-bottom: 8px;
}

.filter-property__value
{
    position: relative;

    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;

    margin-bottom: 9px;
}

.filter-property__values .filter-property__value:last-child
{
    margin-bottom: 0;
}

.filter-property__value-checkbox
{
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.checkbox-label
{
    font-family: "RF Dewi", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 17px;

    white-space: nowrap;

    color: #202020;

    transition: color .3s;
}
.filter-property__value-checkbox:checked + .checkbox-label
{
    color: var(--gold-color);
}

.filter-property__value-checkbox:focus-visible + .checkbox-label
{
    color: var(--gold-color);
}

.filter-property-item.select select
{
    width: 100%;

    background: #FFFFFF;
    border: 1px solid #E4E4E4;
    border-radius: 4px;

    padding: 18px 20px;

    font-family: "RF Dewi", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 19px;
    line-height: 23px;

    color: #58666F;

    background-image: url("/upload/mm_upload/icons/catalog/select-arrow.svg");
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-size: 10px;

    transition: border .3s;
}
.filter-property-item.select select
{
    outline: none;
    cursor: pointer;

    appearance: none;
    -webkit-appearance: none;
}


/* .filter-property-item.select select:focus
{
    border: 1px solid var(--gold-color);
} */

/* .filter-property-item.select select:focus-visible
{
    border: 1px solid var(--gold-color);
} */

.reset-filters
{
    cursor: pointer;
}
@media screen and (max-width: 992px) 
{
    .reset-filters
    {
        margin-top: 10px;
    } 
}
@media screen and (max-width: 568px) 
{
    .reset-filters
    {
        margin-top: 5px;
    }
}

/* coins */
.catalog-coins-wrapper
{
    margin-left: 30px;
    overflow: hidden;
}
@media screen and (max-width: 992px) 
{
    .catalog-coins-wrapper
    {
        margin-left: 0;
    }
}

.catalog-coins-items
{
    display: grid;
}
.catalog-coins-items.top-wrapper {
    margin-top: 30px;
}
.catalog-coins-items.grid
{
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 35px 30px;
}
.catalog-coins-items.grid.fullsize {
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 35px 30px;
}
@media screen and (max-width: 1400px) {
    .catalog-coins-items.top-wrapper {
        margin-top: 27px;
    } 
}
@media screen and (max-width: 1200px) 
{
    .catalog-coins-items.top-wrapper {
        margin-top: 21px;
    } 
    .catalog-coins-items.grid
    {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 30px 24px;
    }
    .catalog-coins-items.grid.fullsize {
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 30px 24px;
    }
}
@media screen and (max-width: 568px) 
{
    .catalog-coins-items.grid,
    .catalog-coins-items.list,
    .catalog-coins-items.grid.fullsize
    {
        grid-template-columns: 1fr;
        grid-gap: 25px 0;
    }
}



/* list coins */
.catalog-coins-items.list
{
    grid-template-columns: 1fr;
    grid-gap: 32px 0;
}
@media screen and (max-width: 1400px)
{
    .catalog-coins-items.list
    {
        grid-gap: 34px 0;
    }
} 

.catalog-coins__coin-item
{
    /* display: block; */
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start;

    background: #ECF0F0;
    border-radius: 10px;

    padding: 12px 20px 21px 20px;
    border: 1px solid transparent;

    /* transition: box-shadow .4s; */
    transition: border .3s;
}
@media screen and (max-width: 567px) 
{
    .catalog-coins__coin-item
    {
        padding: 11px 10px 14px 20px;
    }
}
@media screen and (min-width: 769px)
{
    .catalog-coins__coin-item:hover
    {
        border: 1px solid var(--gold-color);
        /* box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.2); */
    }
}

/* list coins */
.catalog-coins-items.list .catalog-coins__coin-item
{
    position: relative;
}

/* dark card */
.linked-coins__coin-item.dark
{
    background-color: #202020;
}

.top-bar
{
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
    align-items: center;

    margin-bottom: 23px;

    width: 100%;
}
.top-bar.has-status
{
    justify-content: space-between;
}

.coin-item__statuses
{
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
}

.coin-item__status
{
    margin-right: 5px;

    font-family: "RF Dewi", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 12px;
    line-height: 14px;

    color: #00345E;

    padding: 2px 7px 4px 7px;

    border: 1px solid #00345E;
    border-radius: 4px;
}
.coin-item__statuses .coin-item__status:last-child
{
    margin-right: 0;
}

/* dark card */
.linked-coins__coin-item.dark .coin-item__status
{
    color: var(--gold-color);
    border-color: var(--gold-color);
}

.add-to-liked
{
    transition: transform .4s;
}
.add-to-liked:not(.liked) img:last-child {
    display: none;
}
.add-to-liked.liked img:first-child {
    display: none;
}
@media screen and (min-width: 769px)
{
    .add-to-liked:hover
    {
        transform: scale(1.2);
    }
}

.add-to-liked img
{
    object-fit: contain;
}
    

/* list coins */
.mobile-needed-wrapper
{
    flex-grow: 1;

    display: flex;
    flex-flow: column nowrap;

    width: 100%;
}

.catalog-coins-items.list .mobile-needed-wrapper
{
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: stretch;

    flex-grow: 0;
}

/* list coins */
.catalog-coins-items.list .mobile-preview-wrapper
{
    margin-right: 104px;
}
@media screen and (max-width: 1400px)
{
    .catalog-coins-items.list .mobile-preview-wrapper
    {
        margin-right: 83px;
    }
}
@media screen and (max-width: 1200px)
{
    .catalog-coins-items.list .mobile-preview-wrapper
    {
        margin-right: 42px;
    }
}
@media screen and (max-width: 567px)
{
    .catalog-coins-items.list .mobile-preview-wrapper
    {
        margin-right: 22px;
    }
}

@media screen and (max-width: 567px) 
{
    .mobile-needed-wrapper
    {
        display: flex;
        flex-flow: row nowrap;
        justify-content: flex-start;
        align-items: stretch;
    }

    .mobile-preview-wrapper
    {
        margin-right: 22px;
        display: flex;
        flex-flow: column nowrap;
        justify-content: space-between;
        /* margin: 0 auto; */
    }
}

.coin-item__images-preview
{
    max-width: max-content;
    margin: 0 auto;

    margin-bottom: 13px;
}
@media screen and (max-width: 567px) 
{
    .coin-item__images-preview
    {
        margin-bottom: 0;
    }
}

.coin-item__images-preview img
{
    max-width: 160px;
}
@media screen and (max-width: 567px) 
{
    .coin-item__images-preview img
    {
        max-width: 100px;
    }
}

.coin-item__is-in-stock
{
    display: none;

    margin-top: 19px;

    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;

    color: #777777;

    white-space: nowrap;
}
/* dark card */
.linked-coins__coin-item.dark .coin-item__is-in-stock
{
    color: #ccc;
}
@media screen and (max-width: 567px) 
{
    .coin-item__is-in-stock
    {
        display: block;
        margin-top: 10px;
        margin-bottom: 13px;
    }   
}

/* list coins */
.mobile-preview-wrapper
{
    margin-bottom: 10px;
}
@media screen and (max-width: 567px) 
{
    .mobile-preview-wrapper
    {
        margin-bottom: 0px;
        height: 100%;
    }  
}

.coin-item__description-wrapper
{
    flex-grow: 1;

    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    position: relative;  /* 17.3.23 */
}

.catalog-coins-items.list .coin-item__description-wrapper
{
    width: 100%;
    max-width: 487px;

    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: flex-start;

    flex-grow: 0;
}
.coin-item__description-text--info {  /* 17.3.23 */
    position: absolute;
    left: 97px;
    bottom: 22px;
    width: 18px;
    height: 18px;
    border: 1px solid var(--gold-color);
    background-color: var(--gold-color);
    border-radius: 50%;
    font-size: 16px;
    font-weight: 600;
    font-family: serif;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}
.coin-item__description-text--internal {  /* 17.3.23 */
    color: #fff;
}
.coin-item__description-text--info .popup-box {  /* 17.3.23 */
    display: none;
    padding: 4px 7px;
    position: absolute;
    top: 4px;
    left: 23px;
    width: 334px;
    border-radius: 4px;
    background-color: #b4b2ae;
    opacity: .75;
}
.coin-item__description-text--info:hover .popup-box {  /* 17.3.23 */
    /*display: flex; работает js */
    column-gap: 10px;
}
.coin-item__description-text--info .popup-box--info {  /* 17.3.23 */
    width: 20px;
    height: 20px;
    border: 1px solid var(--gold-color);
    background-color: var(--gold-color);
    border-radius: 50%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.coin-item__description-text--info .popup-box--internal {  /* 17.3.23 */
    display: block;
    width: 20px;
    padding-left: 8px;
    color: #fff;
}

.popup-infobox {  /* 17.3.23 */
    display: none;
    padding: 4px 7px;
    width: 334px;
    border-radius: 4px;
    background-color: #b4b2ae;
    opacity: .75;
}
.popup-infobox-hover {  /* 17.3.23 */
    display: flex;
    column-gap: 10px;
}
.popup-infobox--info {  /* 17.3.23 */
    width: 20px;
    height: 20px;
    border: 1px solid var(--gold-color);
    background-color: var(--gold-color);
    border-radius: 50%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.popup-infobox--internal {  /* 17.3.23 */
    display: block;
    width: 20px;
    padding-left: 8px;
    color: #fff;
}

@media screen and (max-width: 1400px)
{
    .catalog-coins-items.list .coin-item__description-wrapper
    {
        max-width: 441px;
    }
}
@media screen and (max-width: 1200px)
{
    .catalog-coins-items.list .coin-item__description-wrapper
    {
        max-width: 364px;
    }
}
@media screen and (max-width: 567px)
{
    .catalog-coins-items.list .coin-item__description-wrapper
    {
        flex-flow: column nowrap;
        justify-content: space-between;
    }
}

.coin-item__created-in
{
    font-family: "RF Dewi";
    font-style: normal;
    font-weight: normal;
    font-size: 9px;
    line-height: 11px;

    color: #777777;

    margin-bottom: 5px;
}

.coin-item__name
{
    font-family: "RF Dewi", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;

    color: #202020;
    
    margin-bottom: 10px;
}
@media screen and (max-width: 567px) 
{
    .coin-item__name
    {
        margin-bottom: 13px;
    }
}

/* list coins */
.catalog-coins-items.list .coin-item__name
{
    max-width: 277px;
    margin-bottom: 0;

    display: block;
    width: 100%;
}
@media screen and (max-width: 1200px)
{
    .catalog-coins-items.list .coin-item__name
    {
        max-width: 188px;
    }
}
@media screen and (max-width: 567px)
{
    .catalog-coins-items.list .coin-item__name
    {
        max-width: 100%;
    }
}


/* dark card */
.linked-coins__coin-item.dark .coin-item__name
{
    color: #fff;
}

.buy-price, .list-coin-item__buy-price
{
    font-family: "RF Dewi", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;

    color: #777777;
}

.buy-price
{
    margin-top: 10px;
}

.buy-price span
{
    white-space: nowrap;
}

/* list coins */
.catalog-coins-items.list .coin-item__description-text .buy-price
{
    display: none;
}
@media screen and (max-width: 567px) 
{
    .catalog-coins-items.list .coin-item__description-text .buy-price
    {
        display: block;
    }
}

.bottom-bar
{
    margin-top: 18px;

    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
}
@media screen and (max-width: 567px) 
{
    .bottom-bar
    {
        margin-top: 13px;
    }
}

/* list coins */
.catalog-coins-items.list .bottom-bar
{
    margin-top: 0;

    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start;

    margin-left: 61px;
}
@media screen and (max-width: 1400px) 
{
    .catalog-coins-items.list .bottom-bar
    {
        margin-left: 15px;
    }
}
@media screen and (max-width: 1400px) 
{
    .catalog-coins-items.list .bottom-bar
    {
        margin-left: 27px;
    }
}
@media screen and (max-width: 567px)
{
    .catalog-coins-items.list .bottom-bar
    {
        margin-left: 0;

        width: 100%;

        flex-flow: row nowrap;
        justify-content: space-between;
        align-items: center;
    }
}

.sell-price-wrapper
{
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
}
@media screen and (max-width: 567px) 
{
    .sell-price-wrapper
    {
        flex-flow: column-reverse nowrap;
        justify-content: flex-start;
        align-items: flex-start;
    }
}

.coin-item__sell-price
{
    font-family: "RF Dewi", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;

    color: var(--blue-color);

    white-space: nowrap;
}
@media screen and (max-width: 568px) 
{
    .coin-item__sell-not-stock
    {
        display: none;
    }
}

/* dark card */
.linked-coins__coin-item.dark .coin-item__sell-price
{
    color: #fff;
}

.bottom-bar.no-cost .coin-item__sell-price
{
    font-family: "RF Dewi", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 14px;

    color: #777777;

    white-space: nowrap;
}
/* dark card */
.linked-coins__coin-item.dark .bottom-bar.no-cost .coin-item__sell-price
{
    color: #ccc;
}

@media screen and (max-width: 567px) 
{
    .bottom-bar.no-cost .coin-item__sell-price
    {
        display: none;
    }
}

.coin-item__old-price
{
    margin-left: 10px;

    position: relative;

    font-family: "RF Dewi", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;

    color: #777777;

    white-space: nowrap;
}
.coin-item__old-price::before
{
    content: "";

    position: absolute;
    left: 0;
    top: 9px;

    width: 100%;
    height: 1px;
    background-color: #777777;
} 

/* dark card */
.linked-coins__coin-item.dark .coin-item__old-price
{
    color: #ccc;
}
.linked-coins__coin-item.dark .coin-item__old-price::before
{
    background-color: #ccc;
}
@media screen and (max-width: 567px) 
{
    .coin-item__old-price
    {
        margin-left: 0;
    }
}

/* list coins */
.list-coin-item__buy-price
{
    display: none;

    margin-top: 20px;
}

/* list coins */
.catalog-coins-items.list .list-coin-item__buy-price
{
    display: block;
}
@media screen and (max-width: 568px) 
{
    .catalog-coins-items.list .list-coin-item__buy-price
    {
        display: none;
    }    
}

.add-to-cart
{
    background: linear-gradient(97.31deg, #E0C29B 0%, rgba(165, 138, 87, 0) 61.69%), 
                linear-gradient(85.12deg, #A58A57 0%, #BEA272 97.71%);

    box-shadow: 0px 7px 14px -4px rgba(92, 63, 7, 0.59);

    border-radius: 50%;

    padding: 11px 12px 9px 10px;

    transition: transform .4s;
}
.add-to-cart.notify
{
    padding: 10px;
}
@media screen and (min-width: 769px)
{
    .add-to-cart:hover
    {
        transform: scale(1.1);
    }
}

/* list coins */
.catalog-coins-items.list .add-to-cart
{
    position: absolute;
    bottom: 20px;
    right: 20px;
}
@media screen and (max-width: 567px) 
{
    .catalog-coins-items.list .add-to-cart
    {
        position: static;
    } 
}

.add-to-cart img
{
    max-width: 20px;
}

/* end coins */

.elements-loaded
{
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: center;

    margin: 30px auto 0;
}

.elements-count
{
    font-family: "RF Dewi", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 14px;

    color: #556871;

    margin-bottom: 13px;
}

#load-more-buttons
{
    padding: 12px 32px;
}

/* seo text */
.catalog-desctiption
{
    margin-top: 80px;
}
@media screen and (max-width: 992px) 
{
    .catalog-desctiption
    {
        margin-top: 50px;
    }
}

.catalog-description__title
{
    color: #00345E;
    margin-bottom: 22px;
}
@media screen and (max-width: 568px) 
{
    .catalog-description__title
    {
        margin-bottom: 15px;
    }
}

/* inline_gallery */
.images__line-galery-item {
    display: none;
    width: 100%;
    /* height: 161px; */
    height: 160px;
}
.images__line-galery-item img {
    width: 160px;
    margin: 0 auto;
    object-fit: contain;
}
.images__line-galery-item.active {
    display: flex;
}
.images__line-galery {
    position: relative;
}
.images__line-galery-bullets {
    display: flex;
    width: 100%;
    max-width: 90px;
    margin: 0 auto;
    gap: 2px;
    margin-top: 12px;
}
.images__line-galery-bullets span {
    display: block;
    height: 2px;
    width: 100%;
    background-color: #C4C4C4;
}
.images__line-galery-bullets span.active {
    background-color: #202020;
}

.dark .images__line-galery-bullets span.active
{
    background-color: #fff;
}

.coin-item__sell-not-stock {
    font-family: "RF Dewi", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    color: #777777;
}

/* @media screen and (max-width: 567px) {
    .images__line-galery-item img {
        max-width: 100px;
    }
    .images__line-galery-item {
        height: auto;
    }
    .images__line-galery-item {
        display: flex;
        margin-right: 5px;
        scroll-snap-align: start;
    }
    .images__line-galery-items-wrapper {
        overflow-x: auto;
        display: flex;
        max-width: 100px;
        align-items: center;

        -ms-overflow-style: none;
        scrollbar-width: none;

        scroll-snap-type: x mandatory;
        scroll-snap-stop: always;
    }
    .images__line-galery-items-wrapper::-webkit-scrollbar {
        display: none;
    }
} */


@media screen and (max-width: 568px) 
{
    .images__line-galery.touch .images__line-galery-item img {
        max-width: 100px;
    }
}

.images__line-galery.touch .images__line-galery-item {
    /* height: auto; */
    height: 160px;
}
@media screen and (max-width: 568px) 
{
    .images__line-galery.touch .images__line-galery-item
    {
        height: 100px;
    }
}

.images__line-galery.touch .images__line-galery-item {
    display: flex;
    margin-right: 5px;
    scroll-snap-align: start;
}
.images__line-galery.touch .images__line-galery-items-wrapper {
    overflow-x: auto;
    display: flex;
    /* max-width: 100px; */
    max-width: 160px;
    align-items: center;

    -ms-overflow-style: none;
    scrollbar-width: none;

    scroll-snap-type: x mandatory;
    scroll-snap-stop: always;
}
@media screen and (max-width: 568px) 
{
    .images__line-galery.touch .images__line-galery-items-wrapper {
        max-width: 100px;
        max-height: 100px;
    }
}

.images__line-galery.touch .images__line-galery-items-wrapper::-webkit-scrollbar {
    display: none;
}

@media screen and (min-width: 568px) 
{
    .images__line-galery.touch .images__line-galery-items-wrapper
    {
        margin: 0 auto;
    }
}
/* End */
/* /local/templates/.default/components/bitrix/catalog/catalog.mm/bitrix/catalog.element/.default/style.css?167930565126791 */
/* /local/templates/.default/components/webtu/feedback.responsproduct/mm_review-form/style.css?17521624004990 */
/* /local/templates/.default/components/bitrix/catalog.section/mm.products_series/style.css?164846632011211 */
/* /local/templates/mm_main/assets/css/components/catalog-section-list.css?167907595625805 */
