.promotionsList-bc {
    display: grid;
    grid-gap: 10px
}

.promotionsListEl-bc {
    border-radius: var(--border-radius);
    overflow: hidden;
    position: relative
}

.promotionsArticleThumbnail-bc {
    display: flex;
    width: 100%;
    height: auto;
    opacity: 0;
    border-radius: var(--border-radius) var(--border-radius) 0 0;
    animation: promo-img var(--default-transition-duration) var(--default-transition-delay) forwards
}

@keyframes promo-img {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.promotions-article-title {
    height: 34px;
    margin-top: 1px;
    padding: 0 10px;
    color: rgba(var(--b-sc),1);
    background: rgba(var(--b-sc),.1);
    font-size: 12px;
    line-height: 34px
}

.prevent-prevent-action {
    opacity: .85;
    pointer-events: none
}

.promotions-opt-button {
    position: absolute;
    top: 10px;
    box-shadow: 0 4px 4px #00000026;
    min-width: 85px;
    z-index: 9
}

[dir=ltr] .promotions-opt-button {
    right: 10px
}

[dir=rtl] .promotions-opt-button {
    left: 10px
}

.promotion-details-img {
    width: 100%;
    object-fit: cover
}

.promotionDetSocList-bc {
    display: flex;
    justify-content: flex-end
}

.promotionDetSoc-bc {
    display: flex;
    justify-content: center;
    align-items: center
}

.promotionDetSoc-bc i {
    color: rgba(var(--b-sc),.7);
    font-size: 25px
}

.promotionDetSoc-bc+.promotionDetSoc-bc {
    margin-inline-start:10px}

.promotion-details-info {
    font-size: 14px;
    line-height: 1.2;
    color: rgba(var(--b-sc),.6);
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.promotion-details-info h3 {
    text-align: start;
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: 400;
    padding-bottom: 15px
}

.promotion-details-info p {
    padding: 10px 0;
    color: rgba(var(--b-sc),.9);
    line-height: 1.3
}

[lang=ka] .promotion-details-info p {
    text-transform: lowercase
}

.promotion-details-info p img {
    max-width: 100%;
    object-fit: contain;
    border-radius: var(--border-radius)
}

.promotion-details-info a {
    color: rgba(var(--hero),1);
    text-decoration: underline
}

.promotion-details-info iframe {
    width: 100%
}

.promotion-details-info table {
    display: flex;
    width: 100%!important;
    border-spacing: 1px;
    border-collapse: separate!important
}

.promotion-details-info table tbody {
    display: table;
    white-space: nowrap
}

.promotion-details-info table tr {
    background: rgba(var(--b-sc),.1)
}

.promotion-details-info table tr:first-child td:first-child {
    border-start-start-radius: var(--border-radius)
}

.promotion-details-info table tr:first-child td:last-child {
    border-start-end-radius: var(--border-radius)
}

.promotion-details-info table tr:last-child td:first-child {
    border-end-start-radius: var(--border-radius)
}

.promotion-details-info table tr:last-child td:last-child {
    border-end-end-radius: var(--border-radius)
}

.promotion-details-info td {
    vertical-align: middle;
    height: 32px;
    padding: 0 5px
}

.promotion-details-info td p {
    word-break: break-all
}

.promotion-details-info ul,.promotion-details-info ol {
    list-style: revert;
    list-style-position: inside
}

.promotion-details-info ul>li+li,.promotion-details-info ol>li+li {
    margin: 10px 0
}

.promotionsList-bc {
    grid-template-columns: repeat(auto-fill,minmax(306px,1fr));
    padding: 0 var(--padding-page-aside)
}

.promotion-details-info {
    margin-top: 15px;
    padding: 0 var(--padding-page-aside)
}

.promotion-details-info table {
    will-change: scroll-position;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch
}

.promotion-details-info table::-webkit-scrollbar {
    display: none
}

.promotion-footer-title {
    padding: 10px 7px;
    color: rgba(var(--b-sc),.9);
    text-align: center;
    box-shadow: 0 0 2px 1px rgba(var(--b-sc),.2)
}