.modal--accept .txt-check {
     color: white;
     transition: color .4s;
 }

.input__input-box {
    margin: 0;
}

/* Payment popup redesign v1 (setpaidway) - visual only, logic untouched */
.remodal-overlay {
    background: rgba(15, 23, 42, 0.55) !important;
}

.remodal-wrapper[data-remodal-id="setpaidway"] .modal--setpaidway,
#setpaidway.modal--setpaidway {
    max-width: 980px !important;
    width: min(980px, 94vw) !important;
    background: #ffffff !important;
    color: #111827 !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 24px !important;
    box-shadow: 0 24px 64px rgba(15, 23, 42, 0.24) !important;
    padding: 0 !important;
    overflow: hidden !important;
}

#setpaidway .c-border::after,
#setpaidway .c-border__lamp,
#setpaidway .c-border__angle,
#setpaidway .c-border__angle-side,
#setpaidway .c-border__line,
#setpaidway .c-border__line-side {
    display: none !important;
}

#setpaidway .c-border__content {
    min-height: 0 !important;
    padding: 24px 28px 20px !important;
    position: relative !important;
    z-index: 1 !important;
}

#setpaidway .modal-buy__content {
    padding: 0 !important;
}

#setpaidway .modal-buy__heads {
    margin: 0 0 14px 0 !important;
    align-items: flex-start !important;
}

#setpaidway .modal-buy__image {
    width: 96px !important;
    min-width: 96px !important;
    height: 96px !important;
    margin: 0 16px 0 0 !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
    border-radius: 50%;
    background: #eef4ff;
    border: 1px solid #dbe7ff;
}

#setpaidway .icon__basketcart {
    width: 48px !important;
    height: 48px !important;
    opacity: 0.85;
}

#setpaidway .account-width__title.fn_setproduct_title {
    color: #111827 !important;
    font-size: 38px !important;
    font-weight: 800 !important;
    line-height: 1.08 !important;
    text-transform: none !important;
    text-align: left !important;
    margin: 0 0 10px 0 !important;
    text-shadow: none !important;
}

#setpaidway .form-field {
    justify-content: flex-start !important;
    margin-bottom: 10px;
}

#setpaidway .form-field__label {
    color: #374151 !important;
    font-size: 15px !important;
    font-weight: 600 !important;
}

#setpaidway .input__text,
#setpaidway .form-field__input.email_input,
#setpaidway .form-field__input.coupon_input {
    width: 100% !important;
    height: 52px !important;
    border-radius: 12px !important;
    border: 1px solid #dbe3ef !important;
    background: #ffffff !important;
    color: #111827 !important;
    text-align: left !important;
    font-size: 18px !important;
    padding: 0 14px !important;
    box-shadow: none !important;
}

#setpaidway .input__text::placeholder {
    color: #9ca3af !important;
}

#setpaidway .account-price {
    color: #111827 !important;
    text-shadow: none !important;
}

#setpaidway .account-price .price--value {
    font-size: 56px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    color: #111827 !important;
}

#setpaidway .account-price .price--sc {
    font-size: 40px !important;
    color: #111827 !important;
}

#setpaidway .form-field__checkbox {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #e5e7eb;
}

#setpaidway .input__check-icon {
    border: 1px solid #cbd5e1;
    background: #ffffff;
}

#setpaidway .input__check input:checked + .input__check-icon {
    box-shadow: inset 0 0 0 1px #2563eb !important;
    background: #2563eb !important;
}

#setpaidway .input__input-box .txt-check,
#setpaidway .txt-check {
    color: #4b5563 !important;
    font-size: 15px;
}

#setpaidway .form-field__checkbox .txt-check a {
    color: #2563eb !important;
}

#setpaidway .modal-subtitle {
    color: #111827 !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    margin: 8px 0 14px 0 !important;
    text-align: left !important;
}

#setpaidway .payment__list {
    gap: 12px !important;
    justify-content: flex-start !important;
}

#setpaidway .payment__item {
    width: calc(50% - 6px) !important;
    padding: 0 !important;
}

#setpaidway .payment__btn {
    width: 100% !important;
    height: 132px !important;
    border-radius: 14px !important;
    border: 1px solid #dbe3ef !important;
    background: #ffffff !important;
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.06) !important;
    transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease !important;
}

#setpaidway .payment__btn:hover {
    border-color: #93c5fd !important;
    box-shadow: 0 6px 16px rgba(37, 99, 235, 0.18) !important;
    background: #f8fbff !important;
}

#setpaidway .payment__icons {
    flex: 1 1 auto !important;
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

#setpaidway .payment__item-subtitle {
    color: #6b7280 !important;
    font-size: 12px !important;
    text-shadow: none !important;
}

/* Active/selected state with blue accent based on existing internal checked input */
#setpaidway .payment__items input:checked + .btn-text,
#setpaidway .payment__btn:focus-visible {
    outline: none !important;
}

#setpaidway .payment__items input:checked + .btn-text {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    box-shadow: inset 0 0 0 2px #2563eb;
    background: #eff6ff;
}

#setpaidway .payment__btn .btn-loader {
    display: none;
}

#setpaidway .payment__btn.is-loading .btn-loader {
    display: inline-flex;
}

#setpaidway .payment__btn.is-loading .btn-text {
    display: none;
}

#setpaidway .remodal__close,
#setpaidway button.remodal__close {
    top: 16px !important;
    right: 18px !important;
    width: 32px !important;
    height: 32px !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: transparent !important;
    color: #111827 !important;
    font-size: 28px !important;
    transform: none !important;
}

#setpaidway .remodal__close::after {
    content: '✕';
    transform: none !important;
}

@media (max-width: 900px) {
    .remodal-wrapper[data-remodal-id="setpaidway"] .modal--setpaidway,
    #setpaidway.modal--setpaidway {
        width: min(720px, 95vw) !important;
        border-radius: 18px !important;
    }

    #setpaidway .c-border__content {
        padding: 16px 14px 14px !important;
    }

    #setpaidway .modal-buy__heads {
        flex-direction: column !important;
        align-items: center !important;
        text-align: center;
    }

    #setpaidway .modal-buy__image {
        margin: 0 0 10px 0 !important;
    }

    #setpaidway .account-width__title.fn_setproduct_title {
        font-size: 30px !important;
        text-align: center !important;
    }

    #setpaidway .modal-subtitle {
        text-align: center !important;
    }

    #setpaidway .payment__item {
        width: calc(50% - 6px) !important;
    }

    #setpaidway .payment__btn {
        height: 112px !important;
    }

    #setpaidway .account-price .price--value {
        font-size: 42px !important;
    }

    #setpaidway .account-price .price--sc {
        font-size: 30px !important;
    }
}

.input__check {
    overflow: unset;
}

.input__input-box .txt-check {
    margin: 0 0 0 6px;
}

#setpaidway .c-border__lamp, #setpaidway .c-border__angle, #setpaidway .c-border__angle-side, #setpaidway .c-border__line, #setpaidway .c-border__line-side, #setpaidway .modal-buy__image, .modal--setpaidway .c-border::after, .payment__icon::after, .payment__icon::before {
    display: none
}

#setpaidway {
    background: #1d1e29 !important;
    max-width: 750px !important
}

#setpaidway .c-border__content {
    min-height: unset;
    padding: unset;
    position: unset;
    z-index: 7
}

#setpaidway .account-width__title.fn_setproduct_title {
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    text-align: center
}

.modal-buy__content {
    padding: 40px
}

.form-field {
    justify-content: center
}

.modal-buy__prods {
    display: flex;
    flex-direction: column
}

#setpaidway > div > div > form > div > div.modal-buy__heads > div > div:nth-child(5) {
    margin: 20px auto 4px
}

#setpaidway .account-width__title, #setpaidway .account-price {
    text-shadow: 0 0 6px #000 !important
}

.form-field__label {
    font-size: 16px
}

.remodal__close, button.remodal__close {
    border: 2px solid #262a34;
    color: #fff
}

#setpaidway > div > div > form > div > div.modal-buy__heads > div > div:nth-child(5) > div.form-field__label {
    margin: 0 -10px 0 0
}

#setpaidway .account-price {
    text-shadow: 0 !important
}

.form-field__checkbox .txt-check a {
    color: #5597df
}

.input__check input:checked + .input__check-icon {
    box-shadow: inset 0 0 0 1px #459355
}

.remodal-overlay {
    background: rgba(17, 17, 23, 0.7) !important
}

.remodal__header {
    display: flex;
    align-items: center;
    width: 100%;
    height: 64px;
    background-color: #222330;
    background-image: -moz-linear-gradient(-81deg, #262a3400 0, #16181f9c 32%, #262a3408 100%);
    background-image: -webkit-linear-gradient(-81deg, #262a3400 0, #16181f9c 32%, #262a3408 100%);
    background-image: -ms-linear-gradient(-81deg, #262a3400 0, #16181f9c 32%, #262a3408 100%)
}

.remodal__title {
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    margin-left: 50px
}

.remodal__header:after {
    content: "";
    position: absolute;
    width: 33px;
    height: 34px;
    background: url(https://rust-shop.org/source/custom/css/csgosell/_img/icons/ic-basket.svg);
    left: 10px
}

.input__text {
    width: 100% !important;
    height: 50px !important;
    background: #2a2c3e !important;
    border: 1px solid #4a4d6a !important;
    text-align: center !important;
    border-radius: 10px !important;
    font-size: 18px !important;
    padding: 0 10px !important
}

.input__text::placeholder {
    color: #fff3
}

.filter__block-toggles_button1 {
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    border: 0;
    position: relative;
    color: #fff;
    text-align: left;
    display: none;
    align-items: center;
    justify-content: flex-start;
    background: #4b4d6ab3;
    border-radius: 6px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box
}

.filter__cols1 {
    display: flex;
    flex-wrap: wrap
}

.filter__cols1-group {
    display: flex;
    max-width: 1174px;
    width: 100%;
    margin: 0 auto;
    align-items: center;
    justify-content: center
}

.filter-pays-label {
    display: none
}

.filter-pays-drops {
    display: flex;
    background-color: #2a2c3e;
    border-radius: 10px 10px 0 0;
    margin: 5px
}

.filter-pays-drops li {
    display: flex
}

.filter-pays-drops .checkitem {
    position: relative;
    padding: 19px 15px;
    color: #8b8e9e;
    font-size: 18px;
    font-weight: 500;
    transition: background-color .3s ease, color .3s ease;
    margin-bottom: 0 !important;
    cursor: pointer
}

.filter-pays-drops .checkitem input[type="radio"] {
    display: none
}

.filter-pays-drops .checkitem em {
    font-style: unset
}

.filter-pays-drops .checkitem input[type="radio"]:checked ~ .filter-text {
    color: #fff
}

.modal__payments-content {
    height: auto;
    overflow: auto
}

.payment__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center
}

.payment__item {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 135px;
    padding: 5px !important
}

.payment__btn {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 81px;
    background-color: #2a2c3e !important;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color .4s ease
}

.payment__btn:hover {
    background-color: #35374e !important
}

.modal__payments-content::-webkit-scrollbar-track {
    background: #181a1e
}

.modal__payments-content::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px #000;
    background-color: #7680c3;
    border-radius: 2px
}

.modal__payments-content::-webkit-scrollbar {
    width: 3px
}

.refill-window__payment-label {
    position: absolute;
    top: 0;
    right: 0;
    padding: 3px 4px;
    font-size: 12px;
    color: #fff;
    background-color: #2875ca;
    text-shadow: 1px 1px 6px #000;
    border-radius: 6px;
    transition: background-color .3s ease
}

.filter__block-toggles_button1 {
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    border: 0;
    position: relative;
    color: #fff;
    text-align: left;
    display: none;
    align-items: center;
    justify-content: flex-start;
    background: #4b4d6ab3;
    border-radius: 6px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box
}

.filter__block-toggles_button1::after {
    width: 0;
    height: 0;
    content: ' ';
    display: block;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fff;
    transition: transform .3s ease
}

.filter__block-toggles_button1.filter--opens::after {
    transform: translateY(-50%) rotate(180deg)
}

.filter__col1 {
    width: 100%
}

@media (max-width: 1070px) {
    .modal--setpaidway {
        padding: 0;
        padding-top: 30px
    }
}

@media (max-width: 620px) {
    .input__text {
        height: 40px !important;
        font-size: 14px !important
    }

    .filter__block-wrapper1 .filter__block-toggles1 {
        position: relative;
        overflow: hidden;
        max-height: 0;
        pointer-events: none
    }

    .filter__block-wrapper1 .filter__block-toggles_button1.filter--opens + .filter__block-toggles1 {
        max-height: 100%;
        overflow: visible;
        pointer-events: auto;
        margin-top: 2px
    }

    .filter__block-wrapper1 .filter__block-toggles_button1 {
        display: flex
    }

    .filter__col1 {
        width: 100%
    }

    .filter-pays-drops li {
        justify-content: center
    }

    .filter-pays-drops .checkitem {
        padding: 3px 10px !important
    }

    .filter-pays-drops {
        flex-direction: column;
        justify-content: center
    }

    html.remodal-is-locked {
        overflow: hidden;
        touch-action: none
    }

    .remodal-wrapper {
        overflow: auto
    }

    .modal-buy__content {
        padding: 40px
    }
}

@media (max-width: 450px) {
    .payment__item {
        width: 33.33% !important
    }

    .payment__icons img {
        max-width: 80%
    }
}

/* === Livestrip header spacing final fix === */
.livestrip {
    margin: -12px 0 0;
    padding: 28px 10px 6px;
    background: #f8fafc;
    border-color: #e4ebf4;
}

.livestrip .livestrip__items {
    gap: 8px;
    padding: 0 2px 2px;
}

.livestrip .livestrip__item,
.livestrip a.livestrip__item {
    flex-basis: 146px;
    width: 146px;
    min-width: 146px;
}

.livestrip .livestrip__item-image {
    height: 82px;
    margin-bottom: 3px;
    padding: 0;
    overflow: hidden;
    border: 0;
    background: transparent;
}

.livestrip .livestrip__item-image img {
    width: 100%;
    height: 100%;
    max-height: none;
    object-fit: contain;
    object-position: center;
    transform: none;
}

.livestrip .livestrip__item-bottom {
    gap: 2px;
    padding-bottom: 2px;
}

.livestrip .livestrip__item-title {
    font-size: 12px;
    line-height: 1.15;
}

.livestrip .livestrip__item-lastsell {
    font-size: 10px;
    line-height: 1.1;
}

.livestrip .livestrip__items::-webkit-scrollbar {
    height: 3px;
}

.livestrip .livestrip__items::-webkit-scrollbar-thumb {
    background: #cad9ea;
}

@media (max-width: 772px) {
    .livestrip {
        margin: -8px 0 0;
        padding: 26px 8px 5px;
    }

    .livestrip .livestrip__item,
    .livestrip a.livestrip__item {
        flex-basis: 126px;
        width: 126px;
        min-width: 126px;
    }

    .livestrip .livestrip__item-image {
        height: 74px;
    }
}

/* === Header/livestrip visual connection fix === */
.header__wrap {
    margin-bottom: 0 !important;
    position: relative;
    z-index: 1200;
}

.header__wrap + .livestrip {
    margin-top: 0 !important;
}

.header__wrap + .livestrip .livestrip__title {
    z-index: 2;
}

.header__wrap::after {
    content: none;
    display: none;
}

@media (max-width: 772px) {
    .header__wrap::after {
        bottom: -6px;
        height: 6px;
    }

    .header__wrap + .livestrip {
        margin-top: 0 !important;
    }
}

/* Livestrip live-update entrance animation (motion only). */
.livestrip__item--live-enter {
    animation: livestripItemLiveEnter 420ms ease;
}

@keyframes livestripItemLiveEnter {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@media (prefers-reduced-motion: reduce) {
    .livestrip__item--live-enter {
        animation: none;
    }
}

/* === Livestrip visual redesign (reference: light ecommerce strip) === */
.livestrip {
    position: relative;
    margin: 14px 0 0;
    padding: 44px 14px 10px;
    border: 1px solid #e5ecf5;
    border-radius: 12px;
    background: #fdfefe;
    box-shadow: 0 1px 2px rgba(17, 24, 39, 0.04);
    overflow: hidden;
}

.livestrip__items {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 2px 2px 4px;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
}

.livestrip__items::-webkit-scrollbar {
    height: 4px;
}

.livestrip__items::-webkit-scrollbar-thumb {
    background: #cfdbeb;
    border-radius: 999px;
}

.livestrip__items::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 999px;
}

a.livestrip__item,
.livestrip__item {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex: 0 0 168px;
    width: 168px;
    min-width: 168px;
    text-decoration: none;
    background: transparent;
}

a.livestrip__item:hover {
    text-decoration: none;
}

.livestrip__item-bgs {
    display: none;
}

.livestrip__item-image {
    width: 100%;
    height: 86px;
    border: 1px solid #e7eef7;
    border-radius: 8px;
    background: #ffffff;
    overflow: visible;
    margin-bottom: 5px;
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.livestrip__item-image img {
    width: 100%;
    height: 100%;
    max-height: 78px;
    object-fit: contain;
    object-position: center;
    display: block;
}

.livestrip__item-bottom {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 0;
    gap: 1px;
    padding-bottom: 4px;
    border-bottom: 2px solid #66bdf5;
}

.livestrip__item-title {
    color: #2e3b4d;
    font-size: 13px;
    line-height: 1.18;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.livestrip__item-lastsell {
    color: #9aa8ba;
    font-size: 11px;
    line-height: 1.15;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 772px) {
    .livestrip {
        margin: 10px 0 0;
        padding: 40px 10px 8px;
        border-radius: 10px;
    }

    .livestrip__items {
        gap: 8px;
        padding-bottom: 3px;
    }

    a.livestrip__item,
    .livestrip__item {
        flex-basis: 142px;
        width: 142px;
        min-width: 142px;
    }

    .livestrip__item-image {
        height: 80px;
        padding: 3px;
    }

    .livestrip__item-image img {
        max-height: 72px;
    }

    .livestrip__item-title {
        font-size: 12px;
    }

    .livestrip__item-lastsell {
        font-size: 10px;
    }
}

/* === Livestrip layout repair === */
.livestrip .livestrip__items .livestrip__item,
.livestrip .livestrip__items a.livestrip__item {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    flex: 0 0 168px;
    width: 168px;
    min-width: 168px;
    min-height: 0;
    height: auto;
}

.livestrip .livestrip__item-image {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 84px;
    margin: 0 0 6px;
    padding: 2px;
    overflow: hidden;
    flex: 0 0 auto;
}

.livestrip .livestrip__item-image img {
    position: static;
    display: block;
    width: 100%;
    height: 100%;
    max-height: none;
    object-fit: contain;
    object-position: center;
    transform: scale(1.25);
    transform-origin: center center;
}

.livestrip .livestrip__item-bottom {
    position: static;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0 0 4px;
    gap: 2px;
    transform: none;
    z-index: auto;
    flex: 0 0 auto;
}

.livestrip .livestrip__item-title,
.livestrip .livestrip__item-category,
.livestrip .livestrip__item-lastsell {
    position: static;
    display: block;
    width: 100%;
    margin: 0;
    transform: none;
    text-align: left;
}

.livestrip .livestrip__item-title {
    line-height: 1.15;
}

.livestrip .livestrip__item-category {
    line-height: 1.2;
}

.livestrip .livestrip__item-lastsell {
    line-height: 1.15;
}

.livestrip .livestrip__items::-webkit-scrollbar {
    height: 4px;
}

@media (max-width: 772px) {
    .livestrip .livestrip__items .livestrip__item,
    .livestrip .livestrip__items a.livestrip__item {
        flex-basis: 142px;
        width: 142px;
        min-width: 142px;
    }

    .livestrip .livestrip__item-image {
        height: 78px;
        padding: 2px;
    }

    .livestrip .livestrip__item-image img {
        max-height: none;
        transform: scale(1.22);
    }
}

/* === Livestrip compact polish === */
.livestrip {
    margin: -2px 0 0;
    padding-top: 34px;
    padding-bottom: 7px;
    background: #f8fafc;
    border-color: #e6edf5;
    /* Flush with .main__content: no bottom margin, no drop shadow band */
    box-shadow: none;
}

.livestrip .livestrip__items {
    gap: 8px;
    padding-bottom: 3px;
}

.livestrip .livestrip__items::-webkit-scrollbar {
    height: 3px;
}

.livestrip .livestrip__items::-webkit-scrollbar-thumb {
    background: #c9d9ea;
}

.livestrip .livestrip__items .livestrip__item,
.livestrip .livestrip__items a.livestrip__item {
    flex-basis: 154px;
    width: 154px;
    min-width: 154px;
}

.livestrip .livestrip__item-image {
    height: 88px;
    margin-bottom: 4px;
    padding: 1px;
    border: 0;
    background: transparent;
}

.livestrip .livestrip__item-image img {
    transform: scale(1.3);
}

.livestrip .livestrip__item-bottom {
    gap: 2px;
    padding-bottom: 3px;
}

.livestrip .livestrip__item-title {
    font-size: 12px;
}

.livestrip .livestrip__item-lastsell {
    font-size: 10px;
}

@media (max-width: 772px) {
    .livestrip {
        margin-top: -1px;
        padding-top: 31px;
        padding-bottom: 6px;
    }

    .livestrip .livestrip__items .livestrip__item,
    .livestrip .livestrip__items a.livestrip__item {
        flex-basis: 132px;
        width: 132px;
        min-width: 132px;
    }

    .livestrip .livestrip__item-image {
        height: 80px;
    }

    .livestrip .livestrip__item-image img {
        transform: scale(1.22);
    }
}

/* === Livestrip polish: square product thumbnails, time contrast, orange underline ===
   Overrides: object-fit contain + scale() on imgs; #9aa8ba / opacity time; blue #66bdf5 border.
   Scoped to .livestrip only — no product cards / gallery / related sections. */
.livestrip .livestrip__items .livestrip__item,
.livestrip .livestrip__items a.livestrip__item {
    align-items: center;
}

.livestrip .livestrip__item-image {
    width: 88px;
    height: 88px;
    max-width: 88px;
    aspect-ratio: 1 / 1;
    flex: 0 0 auto;
    margin: 0 0 8px 0;
    padding: 0;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #ffffff;
    overflow: hidden;
    align-self: center;
}

.livestrip .livestrip__item-image img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    object-fit: cover;
    object-position: center;
    border-radius: 9px;
    transform: none !important;
}

.livestrip .livestrip__item-bottom {
    border-bottom: none;
    align-items: center;
    width: 100%;
    gap: 2px;
    padding-top: 0;
    padding-bottom: 8px;
    flex: 0 0 auto;
    min-height: 0;
    background-image: linear-gradient(
        to bottom,
        #ea580c 0,
        #ea580c 2px,
        rgba(249, 115, 22, 0.22) 2px,
        rgba(249, 115, 22, 0.22) 4px
    );
    background-size: min(118px, 76%) 4px;
    background-position: center bottom;
    background-repeat: no-repeat;
}

.livestrip .livestrip__item-title,
.livestrip .livestrip__item-category,
.livestrip .livestrip__item-lastsell {
    text-align: center;
    width: 100%;
    flex-shrink: 0;
}

.livestrip .livestrip__item-category {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    width: 100%;
    max-width: 100%;
    margin-top: 0;
    box-sizing: border-box;
    font-size: 11px;
    line-height: 1.2;
    font-weight: 600;
    color: rgba(234, 88, 12, 0.86);
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.livestrip .livestrip__item-category-icon {
    width: 13px;
    height: 13px;
    object-fit: contain;
    flex: 0 0 auto;
    opacity: 0.9;
}

.livestrip .livestrip__item-category-text {
    display: inline-block;
    min-width: 0;
    max-width: 100%;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.livestrip .livestrip__item-lastsell {
    display: block;
    color: #64748b;
    font-weight: 600;
    opacity: 1;
    margin-top: 0;
    font-size: 11px;
    line-height: 1.15;
}

@media (max-width: 772px) {
    .livestrip .livestrip__item-image {
        width: 78px;
        height: 78px;
        max-width: 78px;
        margin-bottom: 8px;
    }

    .livestrip .livestrip__item-bottom {
        gap: 2px;
        padding-bottom: 7px;
        background-size: min(104px, 78%) 4px;
    }

    .livestrip .livestrip__item-category {
        font-size: 11px;
        line-height: 1.2;
    }

    .livestrip .livestrip__item-category-icon {
        width: 12px;
        height: 12px;
    }

    .livestrip .livestrip__item-category-text {
        font-size: 10px;
        line-height: 1.2;
        white-space: nowrap;
    }

    .livestrip .livestrip__item-lastsell {
        font-size: 10px;
    }
}

/* Livestrip: hide horizontal scrollbar only; overflow-x scroll/touch unchanged */
.livestrip .livestrip__items {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.livestrip .livestrip__items::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
}

.livestrip .livestrip__items::-webkit-scrollbar-thumb,
.livestrip .livestrip__items::-webkit-scrollbar-track {
    display: none;
}

/* Livestrip: warmer off-white shell — background + border only */
.livestrip {
    background: linear-gradient(180deg, #fffaf3 0%, #ffedd5 100%);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    height: 190px;
    min-height: 190px;
    max-height: 190px;
    overflow: hidden;
    box-sizing: border-box;
}

/* Livestrip title: real DOM element (TranslatePress-translatable) */
.livestrip__title {
    position: absolute;
    left: 36px;
    top: 8px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    font-weight: 700;
    color: #1f2937;
    font-size: 16px;
    line-height: 1.2;
    z-index: 2;
}

.livestrip__title::before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #ef4444;
    box-shadow: 0 0 0 4px rgba(239, 68, 68, 0.12), 0 0 12px rgba(239, 68, 68, 0.45);
    animation: livestripLiveDotPulse 1.9s ease-in-out infinite;
    flex: 0 0 auto;
}

@keyframes livestripLiveDotPulse {
    0%, 100% {
        transform: scale(1);
        box-shadow: 0 0 0 4px rgba(239, 68, 68, 0.12), 0 0 12px rgba(239, 68, 68, 0.45);
    }
    50% {
        transform: scale(1.08);
        box-shadow: 0 0 0 6px rgba(239, 68, 68, 0.16), 0 0 16px rgba(239, 68, 68, 0.5);
    }
}

.livestrip .livestrip__items {
    height: 158px;
    min-height: 158px;
    max-height: 158px;
    overflow-x: auto;
    overflow-y: hidden;
}

.livestrip .livestrip__items .livestrip__item,
.livestrip .livestrip__items a.livestrip__item {
    height: 158px;
    min-height: 158px;
    max-height: 158px;
}

@media (max-width: 772px) {
    .livestrip {
        height: 174px;
        min-height: 174px;
        max-height: 174px;
    }

    .livestrip__title {
        left: 24px;
        top: 7px;
        font-size: 14px;
    }

    .livestrip__title::before {
        width: 9px;
        height: 9px;
    }

    .livestrip .livestrip__items {
        height: 146px;
        min-height: 146px;
        max-height: 146px;
    }

    .livestrip .livestrip__items .livestrip__item,
    .livestrip .livestrip__items a.livestrip__item {
        height: 146px;
        min-height: 146px;
        max-height: 146px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .livestrip__title::before {
        animation: none;
    }
}

/* === Header final redesign === */
.header__wrap {
    position: sticky;
    top: 0;
    z-index: 1200;
    display: grid;
    grid-template-columns: auto minmax(300px, 1fr) auto;
    align-items: center;
    gap: 14px;
    padding: 12px 16px;
    margin: 0;
    background: #ffffff;
    border: 1px solid #e3eaf3;
    border-radius: 0;
    box-shadow: 0 6px 20px rgba(21, 38, 64, 0.08);
}

.header-left__item {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 10px;
}

.header-left__item .header__nav {
    display: none;
}

.header-logo {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.header-logo .desktop-logo img {
    max-height: 46px;
    width: auto;
}

.header-logo .mob-logo {
    display: none;
}

.header-logo__subtitle {
    color: #7d8ea4;
    font-size: 11px;
    line-height: 1.1;
    font-weight: 500;
    white-space: nowrap;
}

.header__search-wrap {
    position: relative;
    min-width: 0;
}

.header__search-form {
    width: 100%;
}

.header__search-label {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.header__search-input {
    width: 100%;
    height: 48px;
    border: 1px solid rgba(17, 17, 17, 0.10);
    border-radius: 18px;
    background-color: #ffffff;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='7'/><path d='M21 21l-4.3-4.3'/></svg>");
    background-repeat: no-repeat;
    background-position: 16px center;
    background-size: 18px 18px;
    color: #111111;
    font-size: 15px;
    font-weight: 500;
    padding: 0 16px 0 44px;
    box-shadow: 0 8px 22px rgba(17, 17, 17, 0.06);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.header__search-input::placeholder {
    color: rgba(17, 17, 17, 0.45);
    font-weight: 500;
}

.header__search-input:focus {
    outline: none;
    border-color: #ff7a00;
    box-shadow: 0 8px 22px rgba(17, 17, 17, 0.06), 0 0 0 3px rgba(255, 122, 0, 0.18);
    background-color: #ffffff;
}

.header-right__item {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
    gap: 10px;
    min-width: 0;
}

.header-right__item > .header__bonuses-social.desktop-only,
.header__bonuses-social {
    display: none !important;
}

/* === Right-side header buttons: orange / black / white redesign (v2) — cart has its own block below === */
.header__mybuy-btn,
.header-lang__trigger {
    height: 56px;
    min-height: 56px;
    border: 1px solid rgba(17, 17, 17, 0.10);
    border-radius: 22px;
    background: #ffffff;
    color: #111111;
    box-shadow: 0 8px 22px rgba(17, 17, 17, 0.06);
    transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

/* Deals / promotions CTA */
.header__mybuy-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    line-height: 1;
    padding: 0 18px;
    border-color: rgba(17, 17, 17, 0.10);
    text-decoration: none;
}

.header-right__item .header__mybuy-btn,
.header-right__item .header__mybuy-btn:link,
.header-right__item .header__mybuy-btn:visited {
    color: #111111;
}

.header__mybuy-btn:hover,
.header-right__item .header__mybuy-btn:hover,
.header-right__item .header__mybuy-btn:visited:hover {
    background: #ffffff;
    border-color: #ff7a00;
    color: #111111;
    box-shadow: 0 12px 26px rgba(255, 122, 0, 0.14);
}

/* Deals CTA: never underline (override global link :hover rules) */
.header__mybuy-btn,
.header__mybuy-btn:hover,
.header__mybuy-btn:focus,
.header__mybuy-btn:focus-visible,
.header__mybuy-btn:active,
.header-right__item .header__mybuy-btn,
.header-right__item .header__mybuy-btn:link,
.header-right__item .header__mybuy-btn:visited,
.header-right__item .header__mybuy-btn:hover,
.header-right__item .header__mybuy-btn:visited:hover {
    text-decoration: none !important;
}

.header__mybuy-btn *,
.header__mybuy-btn:hover * {
    text-decoration: none !important;
}

.header__mybuy-icon {
    margin: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    flex-shrink: 0;
    color: #ff7a00;
    transition: color 0.2s ease;
}

.header__mybuy-icon .ic-btn-mybuy {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
}

.header__mybuy-icon svg {
    display: block;
    flex-shrink: 0;
    width: 26px;
    height: 26px;
}

.header__mybuy-btn:hover .header__mybuy-icon {
    color: #ff7a00;
}

.header__mybuy-label {
    color: inherit;
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
    letter-spacing: 0.02em;
    display: inline-flex;
    align-items: center;
    line-height: 1.15;
    align-self: center;
}

/* Language selector trigger */
.header-lang__trigger {
    padding: 0 14px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    line-height: 1;
    color: #111111;
    font-weight: 700;
}

.header-lang__trigger:hover {
    background: #ffffff;
    border-color: #ff7a00;
    color: #111111;
    box-shadow: 0 12px 26px rgba(255, 122, 0, 0.14);
}

.header-lang__flag {
    width: 32px !important;
    height: 22px !important;
    max-width: 32px !important;
    min-width: 32px !important;
    min-height: 22px !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 4px !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: none !important;
    display: block;
    flex: 0 0 auto;
}

.header-lang__trigger-code {
    display: inline-block;
    color: #111111;
    font-weight: 700;
    letter-spacing: 0.04em;
}

.header-lang__chevron {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #111111;
    margin-left: 2px;
    transition: border-top-color 0.2s ease, transform 0.2s ease;
    transform-origin: 50% 60%;
}

.header-lang__trigger:hover .header-lang__chevron {
    border-top-color: #ff7a00;
}

.header-lang--custom.is-open .header-lang__trigger {
    border-color: #ff7a00;
    color: #111111;
    box-shadow: 0 12px 26px rgba(255, 122, 0, 0.16);
}

.header-lang--custom.is-open .header-lang__chevron {
    border-top-color: #111111;
    transform: rotate(180deg);
}

/* Language dropdown panel */
.header-lang__menu {
    background: #ffffff;
    border: 1px solid rgba(17, 17, 17, 0.08);
    border-radius: 18px;
    padding: 8px;
    min-width: 220px;
    top: calc(100% + 12px);
    box-shadow: 0 24px 48px rgba(17, 17, 17, 0.14), 0 4px 10px rgba(17, 17, 17, 0.06);
}

.header-lang__option {
    position: relative;
    border-radius: 12px;
}

.header-lang__link {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 14px;
    border-radius: 12px;
    color: #111111;
    font-weight: 600;
    text-decoration: none;
    transition: background-color 0.15s ease, color 0.15s ease;
}

.header-lang__link:hover {
    background: rgba(255, 122, 0, 0.08);
    color: #111111;
    text-decoration: none;
}

.header-lang__name {
    flex: 1 1 auto;
    min-width: 0;
    color: inherit;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.header-lang__code {
    flex: 0 0 auto;
    color: rgba(17, 17, 17, 0.55);
    font-weight: 700;
    letter-spacing: 0.04em;
}

/* Dropdown list text: force readable dark neutrals (avoid inheriting global link blues) */
.header-lang__menu .header-lang__link,
.header-lang__menu .header-lang__link:link,
.header-lang__menu .header-lang__link:visited {
    color: #111111;
}

.header-lang__menu .header-lang__name {
    color: #111827 !important;
}

.header-lang__menu .header-lang__code {
    color: #6b7280 !important;
}

.header-lang__menu .header-lang__link:hover .header-lang__name {
    color: #111827 !important;
}

.header-lang__menu .header-lang__link:hover .header-lang__code {
    color: #4b5563 !important;
}

.header-lang__option[aria-selected="true"] .header-lang__link:hover .header-lang__name {
    color: #e85d04 !important;
}

.header-lang__option[aria-selected="true"] .header-lang__link:hover .header-lang__code {
    color: #9a3412 !important;
}

.header-lang__option[aria-selected="true"] .header-lang__link {
    background: rgba(232, 93, 4, 0.08);
    color: #111111;
    padding-left: 18px;
    box-shadow: inset 4px 0 0 0 #e85d04;
}

.header-lang__option[aria-selected="true"] .header-lang__name {
    color: #e85d04 !important;
}

.header-lang__option[aria-selected="true"] .header-lang__code {
    color: #9a3412 !important;
}

/* Cart — mockup 1: white pill, orange circle icon, two-line label/count */
.header__cart {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

a.header__cart-btn,
.header__cart-btn {
    position: relative;
    display: inline-grid;
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-rows: auto auto;
    column-gap: 12px;
    row-gap: 2px;
    align-items: center;
    min-height: 56px;
    min-width: 0;
    padding: 8px 18px 8px 10px !important;
    border-radius: 22px;
    background: #ffffff;
    border: 1px solid rgba(17, 17, 17, 0.08);
    box-shadow: 0 8px 22px rgba(17, 17, 17, 0.06);
    color: #111827;
    text-decoration: none;
    overflow: visible;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

a.header__cart-btn:hover,
.header__cart-btn:hover {
    border-color: rgba(232, 93, 4, 0.42);
    color: #111827;
    box-shadow: 0 12px 28px rgba(17, 17, 17, 0.09), 0 4px 14px rgba(232, 93, 4, 0.12);
}

.header__cart-btn:hover .header__cart-icon {
    background: #ff7a00;
}

.header__cart-icon {
    grid-column: 1;
    grid-row: 1 / span 2;
    position: static !important;
    left: auto !important;
    align-self: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #f97316;
    color: #ffffff;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.header__cart-icon .ic-btn-cart {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    width: 30px;
    height: 30px;
}

.header__cart-icon svg {
    width: 30px;
    height: 30px;
    display: block;
}

.header__cart-icon svg rect {
    display: none;
}

.header__cart-icon svg path {
    fill: #ffffff;
}

.header__cart-label {
    grid-column: 2;
    grid-row: 1;
    align-self: end;
    display: block;
    margin: 0;
    padding: 0;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.1;
    color: #111827;
    text-transform: none;
    letter-spacing: 0.01em;
    white-space: nowrap;
}

.header__cart-count {
    grid-column: 2;
    grid-row: 2;
    align-self: start;
    display: block;
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.15;
    color: rgba(17, 17, 17, 0.58);
    white-space: nowrap;
}

.header__cart-count .cart-count {
    color: #e85d04;
    font-weight: 700;
}

.header-search-dropdown {
    top: calc(100% + 8px);
    border: 1px solid #dfe7f1;
    border-radius: 12px;
}

/* === Header final clean responsive system === */
/* Desktop/tablet > 1024px: desktop logo + full actions */
@media (min-width: 1025px) {
    .header__wrap {
        display: grid;
        grid-template-columns: auto minmax(320px, 1fr) auto;
        align-items: center;
        gap: 12px;
        min-width: 0;
        overflow: visible;
    }

    .header-left__item,
    .header__search-wrap,
    .header-right__item {
        min-width: 0;
    }

    .header-logo .desktop-logo {
        display: inline-flex;
    }

    .header-logo .mob-logo {
        display: none;
    }

    .header__search-wrap,
    .header__search-form,
    .header-right__item,
    .header-left__item {
        align-self: center;
    }

    .header__search-form {
        display: flex;
        align-items: center;
    }

    .header__search-input {
        height: 44px;
        line-height: 44px;
        margin: 0;
    }

    .header-right__item {
        display: inline-flex;
        align-items: center;
        justify-content: flex-end;
        gap: 8px;
    }
}

/* Mobile <= 1024px: mobile logo + search only */
@media (max-width: 1024px) {
    .header__wrap {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        gap: 8px !important;
        padding: 9px 10px !important;
        margin: 8px 0 10px !important;
        min-width: 0 !important;
        overflow: visible !important;
    }

    .header-left__item {
        flex: 0 0 auto !important;
        min-width: 0 !important;
        max-width: 34%;
    }

    .header-left__item .header__nav {
        display: none !important;
    }

    .header-logo {
        display: flex;
        align-items: center;
    }

    .header-logo .desktop-logo {
        display: none !important;
    }

    .header-logo .mob-logo {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
    }

    .header-logo .mob-logo img {
        max-height: 34px;
        width: auto;
    }

    .header-logo__subtitle {
        display: none !important;
    }

    .header-right__item {
        display: none !important;
    }

    .header__search-wrap {
        position: relative;
        flex: 1 1 auto;
        min-width: 0;
        width: auto;
        margin-top: 0;
    }

    .header__search-form {
        width: 100%;
        display: flex;
        align-items: center;
    }

    .header__search-input {
        width: 100%;
        height: 48px;
        border-radius: 18px;
        font-size: 14px;
        padding-left: 44px;
        padding-right: 14px;
    }

    .header-search-dropdown {
        left: 0;
        right: 0;
        top: calc(100% + 8px);
        z-index: 2200;
    }
}

/* Very small mobile <= 360px: keep one row, tighten sizing */
@media (max-width: 360px) {
    .header__wrap {
        flex-wrap: nowrap !important;
        gap: 6px !important;
        padding: 8px !important;
    }

    .header-left__item {
        max-width: 32%;
    }

    .header-logo .mob-logo img {
        max-height: 28px;
    }

    .header__search-input {
        height: 44px;
        font-size: 13px;
        padding-left: 40px;
        padding-right: 12px;
        background-position: 14px center;
        background-size: 16px 16px;
    }
}

/* === Header live search dropdown final fix === */
.header__search-wrap {
    position: relative !important;
}

.header__search-form {
    position: relative !important;
    display: block !important;
    width: 100% !important;
}

.header__search-input {
    width: 100% !important;
    box-sizing: border-box !important;
    padding-right: 14px !important;
}

.header__search-wrap .header-search-dropdown {
    position: absolute !important;
    top: calc(100% + 10px) !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #ffffff !important;
    border: 1px solid rgba(17, 17, 17, 0.08) !important;
    border-radius: 18px !important;
    box-shadow: 0 24px 48px rgba(17, 17, 17, 0.14), 0 4px 10px rgba(17, 17, 17, 0.06) !important;
    z-index: 2500 !important;
    overflow: hidden !important;
}

.header-search-overlay {
    position: fixed;
    inset: 0;
    background: rgba(17, 17, 17, 0.45);
    z-index: 1150;
}

body.search-open {
    overflow: hidden;
}

.header__search-wrap .header-search-dropdown__state {
    display: none;
    padding: 18px 20px !important;
    margin: 0 !important;
    color: #6e8098 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
}

.header__search-wrap .header-search-dropdown__list {
    list-style: none !important;
    margin: 0 !important;
    padding: 10px !important;
    max-height: 460px !important;
    overflow-y: auto !important;
}

.header__search-wrap .header-search-dropdown__item {
    margin: 0 !important;
    padding: 0 !important;
}

.header__search-wrap .header-search-dropdown__item + .header-search-dropdown__item {
    margin-top: 8px !important;
}

.header__search-wrap .header-search-dropdown__item--category .header-search-dropdown__category-text {
    color: #e85d04 !important;
    font-weight: 700 !important;
}

.header__search-wrap .header-search-dropdown__item--category .header-search-dropdown__thumb img {
    object-fit: cover !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

.header__search-wrap .header-search-dropdown__link {
    display: grid !important;
    grid-template-columns: 88px minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 14px !important;
    width: 100% !important;
    padding: 12px !important;
    margin: 0 !important;
    border: 1px solid transparent !important;
    border-radius: 12px !important;
    background: transparent !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

.header__search-wrap .header-search-dropdown__link:hover {
    background: #f3f8ff !important;
    border-color: #cfe2f8 !important;
}

.header__search-wrap .header-search-dropdown__thumb {
    grid-column: 1 !important;
    align-self: center !important;
    flex: 0 0 88px !important;
    width: 88px !important;
    height: 88px !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    background: #f3f6fa !important;
    border: 1px solid #e1e8f0 !important;
}

.header__search-wrap .header-search-dropdown__thumb img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    object-fit: cover !important;
    border-radius: 0 !important;
}

.header__search-wrap .header-search-dropdown__meta {
    grid-column: 2 !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 3px !important;
    padding-top: 0 !important;
    align-self: center !important;
}

.header__search-wrap .header-search-dropdown__title {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    margin: 0 !important;
    color: #243852 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.18 !important;
    white-space: normal !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.header__search-wrap .header-search-dropdown__category {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    color: #64748b !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
}

.header__search-wrap .header-search-dropdown__category-icon {
    width: 16px !important;
    height: 16px !important;
    flex: 0 0 auto !important;
    object-fit: contain !important;
    border-radius: 4px !important;
}

.header__search-wrap .header-search-dropdown__category-text {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.header__search-wrap .header-search-dropdown__price {
    margin: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: baseline !important;
    gap: 8px !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    color: #111111 !important;
    white-space: nowrap !important;
}

.header__search-wrap .header-search-dropdown__price-current {
    color: #111111 !important;
}

.header__search-wrap .header-search-dropdown__price--sale .header-search-dropdown__price-current {
    color: #e85d04 !important;
}

.header__search-wrap .header-search-dropdown__price-old {
    color: rgba(17, 17, 17, 0.45) !important;
    text-decoration: line-through !important;
    font-weight: 600 !important;
}

.header__search-wrap .header-search-dropdown__badges {
    grid-column: 3 !important;
    margin-left: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
    flex: 0 0 auto !important;
    align-self: center !important;
    min-width: max-content !important;
    width: max-content !important;
}

.header__search-wrap .header-search-stock-badge.header-search-stock-badge--out {
    flex: 0 0 auto !important;
    flex-shrink: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    max-width: none !important;
    min-width: max-content !important;
    min-height: 30px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    background: rgba(192, 38, 44, 0.1) !important;
    border: 1px solid rgba(192, 38, 44, 0.38) !important;
    color: #9f1239 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    box-sizing: border-box !important;
    letter-spacing: 0.02em !important;
    white-space: nowrap !important;
}

.header__search-wrap .header-search-dropdown__badges .header-search-dropdown__sale-badge {
    flex: 0 0 auto !important;
    flex-shrink: 0 !important;
    min-width: 52px !important;
    margin-left: 0 !important;
}

.header__search-wrap .header-search-dropdown__sale-badge {
    flex: 0 0 auto !important;
    align-self: center !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 52px !important;
    height: 30px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    background: rgba(232, 93, 4, 0.1) !important;
    border: 1px solid rgba(232, 93, 4, 0.28) !important;
    color: #e85d04 !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
}

@media (max-width: 1024px) {
    .header__search-wrap .header-search-dropdown {
        top: calc(100% + 6px) !important;
    }

    .header__search-wrap .header-search-dropdown__link {
        grid-template-columns: 68px minmax(0, 1fr) auto !important;
    }

    .header__search-wrap .header-search-dropdown__thumb {
        flex-basis: 68px !important;
        width: 68px !important;
        height: 68px !important;
    }

    .header__search-wrap .header-search-dropdown__title {
        font-size: 15px !important;
        line-height: 1.18 !important;
    }

    .header__search-wrap .header-search-dropdown__price,
    .header__search-wrap .header-search-dropdown__price-current,
    .header__search-wrap .header-search-dropdown__price-old {
        font-size: 16px !important;
    }

    .header__search-wrap .header-search-stock-badge.header-search-stock-badge--out {
        min-height: 28px !important;
        padding: 0 8px !important;
        font-size: 10px !important;
    }

    .header__search-wrap .header-search-dropdown__sale-badge {
        min-width: 46px !important;
        height: 28px !important;
        padding: 0 10px !important;
        font-size: 13px !important;
    }
}

/* === Header desktop vertical alignment fix === */
@media (min-width: 1025px) {
    .header__wrap {
        align-items: center !important;
    }

    .header__search-wrap {
        display: flex !important;
        align-items: center !important;
    }

    .header__search-form {
        display: flex !important;
        align-items: center !important;
        height: 48px !important;
        margin: 0 !important;
    }

    .header__search-input {
        height: 48px !important;
        margin: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        line-height: normal !important;
    }

    .header-right__item {
        display: inline-flex !important;
        align-items: center !important;
    }

    .header__mybuy-btn,
    .header-lang__trigger,
    a.header__cart-btn,
    .header__cart-btn {
        margin: 0 !important;
        align-self: center !important;
    }
}

/* === Header mobile vertical alignment fix === */
@media (max-width: 1024px) {
    .header__wrap {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
    }

    .header-left__item {
        flex: 0 0 auto !important;
        min-width: 0 !important;
        display: flex !important;
        align-items: center !important;
    }

    .header-logo {
        display: flex !important;
        align-items: center !important;
        min-width: 0 !important;
    }

    .header-logo .mob-logo {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        line-height: 0 !important;
    }

    .header-logo .mob-logo img {
        max-height: 55px !important;
        width: auto !important;
        height: auto !important;
        display: block !important;
    }

    .header__search-wrap {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        align-self: center !important;
    }

    .header__search-form {
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        margin: 0 !important;
    }

    .header__search-input {
        width: 100% !important;
        margin: 0 !important;
        align-self: center !important;
    }
}

@media (max-width: 360px) {
    .header__wrap {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
    }

    .header-left__item {
        max-width: 38% !important;
    }

    .header-logo .mob-logo img {
        max-height: 48px !important;
    }

    .header__search-wrap {
        flex: 1 1 auto !important;
        min-width: 0 !important;
    }
}


.modal--accept .txt-check {
    color: white;
    transition: color .4s;
}

.input__input-box {
    margin: 0;
}

.input__check {
    overflow: unset;
}

.input__input-box .txt-check {
    margin: 0 0 0 6px;
}

#setpaidway .c-border__lamp, #setpaidway .c-border__angle, #setpaidway .c-border__angle-side, #setpaidway .c-border__line, #setpaidway .c-border__line-side, #setpaidway .modal-buy__image, .modal--setpaidway .c-border::after, .payment__icon::after, .payment__icon::before {
    display: none
}

#setpaidway {
    background: #1d1e29 !important;
    max-width: 750px !important
}

#setpaidway .c-border__content {
    min-height: unset;
    padding: unset;
    position: unset;
    z-index: 7
}

#setpaidway .account-width__title.fn_setproduct_title {
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    text-align: center
}

.modal-buy__content {
    padding: 40px
}

.form-field {
    justify-content: center
}

.modal-buy__prods {
    display: flex;
    flex-direction: column
}

#setpaidway > div > div > form > div > div.modal-buy__heads > div > div:nth-child(5) {
    margin: 20px auto 4px
}

#setpaidway .account-width__title, #setpaidway .account-price {
    text-shadow: 0 0 6px #000 !important
}

.form-field__label {
    font-size: 16px
}

.remodal__close, button.remodal__close {
    border: 2px solid #262a34;
    color: #fff
}

#setpaidway > div > div > form > div > div.modal-buy__heads > div > div:nth-child(5) > div.form-field__label {
    margin: 0 -10px 0 0
}

#setpaidway .account-price {
    text-shadow: 0 !important
}

.form-field__checkbox .txt-check a {
    color: #5597df
}

.input__check input:checked + .input__check-icon {
    box-shadow: inset 0 0 0 1px #459355
}

.remodal-overlay {
    background: rgba(17, 17, 23, 0.7) !important
}

.remodal__header {
    display: flex;
    align-items: center;
    width: 100%;
    height: 64px;
    background-color: #222330;
    background-image: -moz-linear-gradient(-81deg, #262a3400 0, #16181f9c 32%, #262a3408 100%);
    background-image: -webkit-linear-gradient(-81deg, #262a3400 0, #16181f9c 32%, #262a3408 100%);
    background-image: -ms-linear-gradient(-81deg, #262a3400 0, #16181f9c 32%, #262a3408 100%)
}

.remodal__title {
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    margin-left: 50px
}

.remodal__header:after {
    content: "";
    position: absolute;
    width: 33px;
    height: 34px;
    background: url(https://rust-shop.org/source/custom/css/csgosell/_img/icons/ic-basket.svg);
    left: 10px
}

.input__text {
    width: 100% !important;
    height: 50px !important;
    background: #2a2c3e !important;
    border: 1px solid #4a4d6a !important;
    text-align: center !important;
    border-radius: 10px !important;
    font-size: 18px !important;
    padding: 0 10px !important
}

.input__text::placeholder {
    color: #fff3
}

.filter__block-toggles_button1 {
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    border: 0;
    position: relative;
    color: #fff;
    text-align: left;
    display: none;
    align-items: center;
    justify-content: flex-start;
    background: #4b4d6ab3;
    border-radius: 6px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box
}

.filter__cols1 {
    display: flex;
    flex-wrap: wrap
}

.filter__cols1-group {
    display: flex;
    max-width: 1174px;
    width: 100%;
    margin: 0 auto;
    align-items: center;
    justify-content: center
}

.filter-pays-label {
    display: none
}

.filter-pays-drops {
    display: flex;
    background-color: #2a2c3e;
    border-radius: 10px 10px 0 0;
    margin: 5px
}

.filter-pays-drops li {
    display: flex
}

.filter-pays-drops .checkitem {
    position: relative;
    padding: 19px 15px;
    color: #8b8e9e;
    font-size: 18px;
    font-weight: 500;
    transition: background-color .3s ease, color .3s ease;
    margin-bottom: 0 !important;
    cursor: pointer
}

.filter-pays-drops .checkitem input[type="radio"] {
    display: none
}

.filter-pays-drops .checkitem em {
    font-style: unset
}

.filter-pays-drops .checkitem input[type="radio"]:checked ~ .filter-text {
    color: #fff
}

.modal__payments-content {
    height: auto;
    overflow: auto
}

.payment__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center
}

.payment__item {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 135px;
    padding: 5px !important
}

.payment__btn {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 81px;
    background-color: #2a2c3e !important;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color .4s ease
}

.payment__btn:hover {
    background-color: #35374e !important
}

.modal__payments-content::-webkit-scrollbar-track {
    background: #181a1e
}

.modal__payments-content::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px #000;
    background-color: #7680c3;
    border-radius: 2px
}

.modal__payments-content::-webkit-scrollbar {
    width: 3px
}

.refill-window__payment-label {
    position: absolute;
    top: 0;
    right: 0;
    padding: 3px 4px;
    font-size: 12px;
    color: #fff;
    background-color: #2875ca;
    text-shadow: 1px 1px 6px #000;
    border-radius: 6px;
    transition: background-color .3s ease
}

.filter__block-toggles_button1 {
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    border: 0;
    position: relative;
    color: #fff;
    text-align: left;
    display: none;
    align-items: center;
    justify-content: flex-start;
    background: #4b4d6ab3;
    border-radius: 6px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box
}

.filter__block-toggles_button1::after {
    width: 0;
    height: 0;
    content: ' ';
    display: block;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fff;
    transition: transform .3s ease
}

.filter__block-toggles_button1.filter--opens::after {
    transform: translateY(-50%) rotate(180deg)
}

.filter__col1 {
    width: 100%
}

@media (max-width: 1070px) {
    .modal--setpaidway {
        padding: 0;
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

@media (max-width: 620px) {
    .input__text {
        height: 40px !important;
        font-size: 14px !important
    }

    .filter__block-wrapper1 .filter__block-toggles1 {
        position: relative;
        overflow: hidden;
        max-height: 0;
        pointer-events: none
    }

    .filter__block-wrapper1 .filter__block-toggles_button1.filter--opens + .filter__block-toggles1 {
        max-height: 100%;
        overflow: visible;
        pointer-events: auto;
        margin-top: 2px
    }

    .filter__block-wrapper1 .filter__block-toggles_button1 {
        display: flex
    }

    .filter__col1 {
        width: 100%
    }

    .filter-pays-drops li {
        justify-content: center
    }

    .filter-pays-drops .checkitem {
        padding: 3px 10px !important
    }

    .filter-pays-drops {
        flex-direction: column;
        justify-content: center
    }

    html.remodal-is-locked {
        overflow: hidden;
        touch-action: none
    }

    .remodal-wrapper {
        overflow: auto
    }

    .modal-buy__content {
        padding: 40px
    }
}

@media (max-width: 450px) {
    .payment__item {
        width: 33.33% !important
    }

    .payment__icons img {
        max-width: 80%
    }
}

/*
 * Page canvas: remove navy bleed at rounded header/livestrip corners.
 * Root cause: style.css body { background: var(--change-color) } — :root --change-color is #1e2340.
 * Also reduced .header__wrap horizontal gutters (was margin 8px left/right).
 */
body {
    background-color: #f8fafc !important;
}

/* Cart popup redesign v1 (CSS-only, keeps existing markup/logic/classes). */
.cart-popup-wrapper {
    background: rgba(15, 23, 42, 0.55) !important;
    backdrop-filter: blur(2px);
}

.cart-container {
    width: min(980px, 94vw) !important;
    max-width: 94vw !important;
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 24px !important;
    box-shadow: 0 24px 70px rgba(15, 23, 42, 0.25) !important;
    overflow: hidden !important;
}

.cart-items {
    color: #111827 !important;
    border-right: 1px solid #e5e7eb !important;
    background: #ffffff !important;
}

.cart-items h2 {
    color: #111827 !important;
    font-size: 36px;
    font-weight: 800;
    line-height: 1.1;
    margin: 0 0 8px 0;
}

.cart-empty-message {
    color: #6b7280 !important;
}

.cart-item {
    background: #f8fafc !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 14px !important;
    color: #111827 !important;
    gap: 12px;
}

.item-title,
.item-title a {
    color: #111827 !important;
    font-weight: 700;
    text-decoration: none;
}

.item-stock {
    color: #6b7280 !important;
}

.item-controls {
    gap: 0;
    border: 1px solid #d1d5db;
    border-radius: 10px;
    overflow: hidden;
    background: #ffffff;
}

.quantity-btn {
    width: 36px !important;
    height: 36px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    color: #111827 !important;
    font-weight: 700;
}

.quantity-btn:hover {
    background: #f3f4f6 !important;
}

.quantity-input {
    width: 40px !important;
    height: 36px !important;
    border: 0 !important;
    border-left: 1px solid #e5e7eb !important;
    border-right: 1px solid #e5e7eb !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    color: #111827 !important;
    font-weight: 600;
}

/* Cart popup: +/- buttons fill full cell on hover (overrides popup-cart align-items: center). */
.cart-popup-wrapper .item-controls {
    display: flex;
    align-items: stretch;
    gap: 0;
    overflow: hidden;
}

.cart-popup-wrapper .quantity-btn {
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    -webkit-appearance: none;
    appearance: none;
}

.item-price {
    color: #111827 !important;
    font-size: 28px;
    font-weight: 800;
}

.remove-item {
    color: #9ca3af !important;
}

.remove-item:hover {
    color: #ef4444 !important;
}

.cart-summary {
    background: #ffffff !important;
    color: #111827 !important;
}

.summary-header {
    color: #111827 !important;
    font-weight: 800;
}

.summary-details p {
    color: #4b5563;
}

.summary-total {
    color: #111827 !important;
    border-top: 1px solid #e5e7eb !important;
}

.cart-popup-wrapper .checkout-btn {
    background: linear-gradient(135deg, #fb923c 0%, #f97316 100%) !important;
    border: 0 !important;
    border-radius: 12px !important;
    color: #ffffff !important;
    font-weight: 700;
    box-shadow: 0 8px 20px rgba(234, 88, 12, 0.35);
}

.cart-popup-wrapper .checkout-btn:hover {
    opacity: 1 !important;
    background: linear-gradient(135deg, #ea580c 0%, #c2410c 100%) !important;
    filter: brightness(1.02);
    box-shadow: 0 10px 24px rgba(234, 88, 12, 0.4);
}

.close-btn {
    color: #111827 !important;
}

@media (max-width: 768px) {
    .cart-container {
        border-radius: 20px !important;
    }

    .cart-items h2 {
        font-size: 28px;
    }

    .item-price {
        font-size: 22px;
    }
}

/* Cart popup redesign v2: single-column layout matching reference */
.cart-container {
    display: flex !important;
    flex-direction: column;
    width: min(860px, 92vw) !important;
    max-width: 860px !important;
    max-height: 86vh !important;
    padding: 14px 16px 12px !important;
}

.cart-modal-head {
    text-align: center;
    margin: 0 0 8px 0;
    padding: 0 28px;
}

.cart-head-icon {
    width: 58px;
    height: 58px;
    margin: 0 auto 6px;
    border-radius: 50%;
    background: #eef4ff;
    border: 1px solid #dbe7ff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.cart-popup-wrapper .cart-head-icon {
    color: #6b7280;
}

.cart-head-icon-glyph {
    font-size: 24px;
    line-height: 1;
}

.cart-popup-wrapper .cart-head-icon-glyph {
    font-size: 0;
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cart-popup-wrapper .fg-cart-head-svg {
    width: 32px;
    height: 32px;
    display: block;
    fill: currentColor;
    transform: translateY(2px);
}

.cart-popup-wrapper .cart-head-badge {
    position: absolute;
    top: -6px;
    right: -4px;
    min-width: 24px;
    height: 24px;
    padding: 0 7px;
    border-radius: 999px;
    background: #f97316;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #fff;
}

.cart-head-title {
    margin: 0 0 6px 0;
    color: #111827;
    font-size: 22px;
    line-height: 1.08;
    font-weight: 800;
}

.cart-head-subtitle {
    margin: 0;
    color: #6b7280;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 500;
}

.cart-items {
    border-right: 0 !important;
    border-top: 1px solid #e5e7eb;
    padding: 10px 0 4px !important;
    max-height: min(46vh, 460px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

/*
 * Popup cart list — shared min-height so empty state and “1 item” product state
 * share the same vertical baseline (max-height + overflow unchanged for many items).
 */
.cart-popup-wrapper .cart-items {
    min-height: 170px;
    box-sizing: border-box;
}

/*
 * Cart popup empty state — extra vertical rhythm + centered copy.
 * Scoped with :has(.cart-item) so carts with lines keep existing scroll/layout.
 */
.cart-popup-wrapper .cart-items:not(:has(.cart-item)) {
    max-height: none !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px 20px !important;
    box-sizing: border-box;
}

.cart-popup-wrapper .cart-items:not(:has(.cart-item)) .cart-empty-message {
    width: 100%;
    margin: 0;
    padding: 0 12px;
    text-align: center;
    align-self: center;
    box-sizing: border-box;
}

.cart-item {
    border-radius: 12px !important;
    padding: 8px 10px !important;
    margin-bottom: 7px !important;
    gap: 8px !important;
}

.item-thumb {
    width: 48px;
    height: 48px;
    border-radius: 9px;
    overflow: hidden;
    background: #f3f4f6;
    border: 1px solid #e5e7eb;
    flex: 0 0 auto;
}

.item-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

.item-info {
    min-width: 0;
}

.item-title {
    font-size: 15px;
    line-height: 1.2;
}

.item-price {
    min-width: 76px;
    font-size: 20px;
    text-align: right !important;
}

.cart-summary {
    border-top: 1px solid #e5e7eb;
    margin-top: 3px;
    padding: 8px 0 0 !important;
    display: block !important;
}

.summary-header {
    display: none;
}

.summary-details {
    margin: 0 0 8px 0;
}

.summary-total {
    margin: 0 !important;
    padding: 0 !important;
    border-top: 0 !important;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
}

.summary-total > span:first-child {
    color: #111827;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.1;
}

#totalAmount {
    color: #111827;
    font-size: 36px;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
}

.cart-popup-wrapper .checkout-btn {
    width: 100%;
    min-height: 52px;
    font-size: 21px !important;
    border-radius: 14px !important;
    margin-top: 16px;
}

.close-btn {
    top: 10px !important;
    right: 12px !important;
    font-size: 30px !important;
    line-height: 1;
}

@media (max-width: 900px) {
    .cart-container {
        width: min(700px, 94vw) !important;
        max-height: 88vh !important;
        padding: 10px 9px 9px !important;
    }

    .cart-modal-head {
        padding: 0 26px;
    }

    .cart-head-icon {
        width: 62px;
        height: 62px;
        margin-bottom: 8px;
    }

    .cart-head-icon-glyph {
        font-size: 26px;
    }

    .cart-popup-wrapper .cart-head-badge {
        min-width: 20px;
        height: 20px;
        font-size: 11px;
    }

    .cart-head-title {
        font-size: 20px;
    }

    .cart-head-subtitle {
        font-size: 14px;
    }

    .cart-items {
        max-height: min(44vh, 360px) !important;
    }

    .cart-popup-wrapper .cart-items {
        min-height: 158px;
    }

    .cart-popup-wrapper .cart-items:not(:has(.cart-item)) {
        max-height: none !important;
    }

    .cart-item {
        gap: 8px !important;
    }

    .item-title {
        font-size: 13px;
    }

    .item-price {
        font-size: 17px !important;
        width: auto !important;
        text-align: right !important;
    }

    .summary-total > span:first-child {
        font-size: 20px;
    }

    #totalAmount {
        font-size: 28px;
    }

    .cart-popup-wrapper .checkout-btn {
        min-height: 46px;
        font-size: 17px !important;
    }
}

/* Payment popup final correction: reference-matched compact shell */
.remodal-wrapper[data-remodal-id="setpaidway"] .modal--setpaidway,
#setpaidway.modal--setpaidway {
    width: min(800px, 95vw) !important;
    max-width: 820px !important;
    max-height: 88vh !important;
    background: #ffffff !important;
    border-radius: 20px !important;
    box-shadow: 0 22px 56px rgba(15, 23, 42, 0.20) !important;
}

#setpaidway .c-border__content {
    padding: 26px 30px 24px !important;
}

#setpaidway .modal-buy__content {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    column-gap: 32px;
    row-gap: 8px;
    align-items: start;
    max-height: calc(88vh - 56px);
    overflow-y: auto;
    overflow-x: hidden;
}

#setpaidway .modal-buy__heads {
    grid-column: 1;
    grid-row: 1 / span 2;
    margin: 0 !important;
    display: block !important;
    padding-right: 24px;
    border-right: 1px solid #e5e7eb;
}

#setpaidway .modal-buy__image {
    width: 52px !important;
    min-width: 52px !important;
    height: 52px !important;
    margin: 0 auto 10px !important;
    border-radius: 50%;
    background: #eef4ff;
    border: 1px solid #dbe7ff;
}

#setpaidway .icon__basketcart {
    width: 24px !important;
    height: 24px !important;
}

#setpaidway .account-width__title.fn_setproduct_title {
    margin: 0 0 14px 0 !important;
    color: #111827 !important;
    font-size: 28px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    text-align: center !important;
    text-shadow: none !important;
}

#setpaidway .modal-buy__prods .form-field {
    margin-bottom: 10px !important;
}

#setpaidway .form-field__label {
    color: #374151 !important;
}

#setpaidway .input__text,
#setpaidway .form-field__input.email_input,
#setpaidway .form-field__input.coupon_input {
    height: 44px !important;
    border: 1px solid #dbe3ef !important;
    border-radius: 11px !important;
    background: #ffffff !important;
    font-size: 16px !important;
    box-shadow: none !important;
}

#setpaidway .input__text::placeholder {
    color: #9ca3af !important;
}

#setpaidway .account-width__title,
#setpaidway .account-price,
#setpaidway .account-price * {
    text-shadow: none !important;
}

#setpaidway .account-price .price--value {
    font-size: 34px !important;
    line-height: 1 !important;
    color: #111827 !important;
}

#setpaidway .account-price .price--sc {
    font-size: 30px !important;
    color: #111827 !important;
}

#setpaidway .form-field__checkbox {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #e5e7eb;
}

#setpaidway .txt-check {
    font-size: 13px !important;
    color: #4b5563 !important;
}

#setpaidway .modal-subtitle {
    grid-column: 2;
    grid-row: 1;
    margin: 2px 0 8px 0 !important;
    color: #111827 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    text-align: left !important;
}

#setpaidway .modal-buy__payments {
    grid-column: 2;
    grid-row: 2;
    margin: 0 !important;
}

#setpaidway .payment__list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

#setpaidway .payment__item {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

#setpaidway .payment__btn {
    position: relative;
    width: 100% !important;
    height: 120px !important;
    border-radius: 12px !important;
    border: 1px solid #dbe3ef !important;
    background: #ffffff !important;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06) !important;
    padding: 10px 10px 8px !important;
}

#setpaidway .payment__btn::after {
    content: "";
    position: absolute;
    top: 10px;
    right: 10px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 2px solid #d1d5db;
    background: #ffffff;
}

#setpaidway .payment__btn:hover {
    border-color: #93c5fd !important;
    box-shadow: 0 6px 14px rgba(37, 99, 235, 0.14) !important;
}

#setpaidway .payment__btn.is-selected {
    border-color: #2563eb !important;
    box-shadow: 0 6px 14px rgba(37, 99, 235, 0.16) !important;
    background: #f8fbff !important;
}

#setpaidway .payment__btn.is-selected::after {
    border-color: #2563eb !important;
    background: #2563eb;
}

#setpaidway .payment__icons {
    flex: 1 1 auto !important;
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

#setpaidway .payment__icons img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
}

#setpaidway .payment__item-subtitle {
    position: static !important;
    transform: none !important;
    margin-top: 4px;
    display: block;
    text-align: center;
    color: #6b7280 !important;
    font-size: 11px !important;
    line-height: 1.25;
}

#setpaidway .payment__items input:checked + .btn-text {
    border-radius: 12px;
    box-shadow: inset 0 0 0 2px #2563eb !important;
    background: #eff6ff;
}

#setpaidway .payment-submit-btn {
    grid-column: 1 / -1;
    width: 100%;
    height: 54px;
    margin-top: 14px;
    border: 0;
    border-radius: 11px;
    background: linear-gradient(90deg, #2563eb, #1d4ed8);
    color: #ffffff;
    font-size: 23px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    box-shadow: 0 8px 18px rgba(37, 99, 235, 0.28);
    transition: filter .2s ease, transform .2s ease;
}

#setpaidway .payment-submit-btn:hover {
    filter: brightness(1.03);
}

#setpaidway .payment-submit-btn:active {
    transform: translateY(1px);
}

#setpaidway .payment-trust-note {
    grid-column: 1 / -1;
    margin-top: 8px;
    text-align: center;
    color: #9ca3af;
    font-size: 12px;
    line-height: 1.35;
}

#setpaidway .payment__items input:checked + .btn-text::after {
    content: "";
    position: absolute;
    top: 10px;
    right: 10px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #2563eb;
}

#setpaidway .remodal__close,
#setpaidway button.remodal__close {
    top: 12px !important;
    right: 14px !important;
    width: 28px !important;
    height: 28px !important;
    border: 0 !important;
    background: transparent !important;
    color: #111827 !important;
    font-size: 22px !important;
}

@media (max-width: 900px) {
    .remodal-wrapper[data-remodal-id="setpaidway"] .modal--setpaidway,
    #setpaidway.modal--setpaidway {
        width: min(760px, 95vw) !important;
        max-width: 760px !important;
    }

    #setpaidway .c-border__content {
        padding: 18px 16px 14px !important;
    }

    #setpaidway .modal-buy__content {
        grid-template-columns: 1fr;
        row-gap: 10px;
        max-height: calc(88vh - 40px);
    }

    #setpaidway .modal-buy__heads {
        grid-column: 1;
        grid-row: auto;
        border-right: 0;
        padding-right: 0;
        border-bottom: 1px solid #e5e7eb;
        padding-bottom: 10px;
    }

    #setpaidway .modal-subtitle,
    #setpaidway .modal-buy__payments {
        grid-column: 1;
        grid-row: auto;
    }

    #setpaidway .modal-subtitle {
        text-align: center !important;
    }

    #setpaidway .payment-submit-btn {
        height: 52px;
        font-size: 20px;
        margin-top: 10px;
    }
}

/* Payment popup fine tuning: equal cards + inline subtitles + compact left form rows */
#setpaidway .payment__list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    align-items: stretch;
}

#setpaidway .payment__item {
    width: 100% !important;
    height: 132px !important;
    min-height: 132px !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
}

#setpaidway .payment__btn {
    width: 100% !important;
    height: 100% !important;
    min-height: 132px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 10px !important;
    overflow: hidden;
}

#setpaidway .payment__btn .btn-text {
    width: 100%;
    height: 100%;
    flex: 1 1 auto;
    min-height: 0;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

#setpaidway .payment__icons {
    flex: 1 1 auto !important;
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    margin-top: 0;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

#setpaidway .payment__icons img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
}

#setpaidway .payment__item-subtitle {
    position: absolute !important;
    top: auto !important;
    left: 10px !important;
    right: 10px !important;
    bottom: 8px !important;
    transform: none !important;
    margin: 0 !important;
    display: block !important;
    text-align: center !important;
    white-space: normal !important;
    word-break: break-word;
    color: #6b7280 !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
    pointer-events: none;
}

/* Email/Promo rows: label above input */
#setpaidway .modal-buy__prods .form-field {
    display: block !important;
    margin-bottom: 12px !important;
}

#setpaidway .modal-buy__prods .form-field__label {
    margin: 0 !important;
    text-align: left;
    display: block;
    margin-bottom: 6px !important;
}

#setpaidway .modal-buy__prods .form-field__content {
    width: 100%;
    min-width: 0;
}

#setpaidway .input__text,
#setpaidway .form-field__input.email_input,
#setpaidway .form-field__input.coupon_input {
    height: 48px !important;
    border: 1px solid #dbe3ef !important;
    border-radius: 12px !important;
    background: #fff !important;
    font-size: 16px !important;
    padding: 0 14px !important;
}

#setpaidway .input__text::placeholder {
    color: #9ca3af !important;
}

#setpaidway .account-price.account-price__left {
    width: 100%;
    display: flex;
    align-items: baseline;
    justify-content: flex-end;
    gap: 4px;
    padding-bottom: 0;
    border-bottom: 0 !important;
}

#setpaidway .account-price .price--value {
    font-size: 32px !important;
    text-shadow: none !important;
}

#setpaidway .account-price .price--sc {
    font-size: 28px !important;
    text-shadow: none !important;
}

/* Keep only total row in horizontal label/value layout */
#setpaidway .modal-buy__prods .form-field:has(.account-price.account-price__left) {
    display: grid !important;
    grid-template-columns: max-content max-content !important;
    justify-content: start !important;
    align-items: center !important;
    column-gap: 36px !important;
    width: auto !important;
    max-width: 100% !important;
}

#setpaidway .modal-buy__prods .form-field:has(.account-price.account-price__left) .form-field__label {
    width: auto !important;
    margin: 0 !important;
    flex: initial !important;
    min-width: 0 !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
    font-size: 16px !important;
    line-height: 1.15 !important;
}

#setpaidway .modal-buy__prods .form-field:has(.account-price.account-price__left) .form-field__content {
    flex: initial !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    text-align: left !important;
    width: auto !important;
}

#setpaidway .modal-buy__prods .form-field:has(.account-price.account-price__left) .account-price.account-price__left {
    width: auto !important;
    justify-content: flex-start !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}

/* Terms row: full width with natural text wrapping */
#setpaidway .form-field__checkbox {
    width: 100%;
}

#setpaidway .form-field__checkbox .input__input-box {
    display: flex !important;
    align-items: flex-start;
    gap: 9px;
    width: 100%;
}

#setpaidway .form-field__checkbox .input__check {
    flex: 0 0 auto;
    margin-top: 2px;
}

#setpaidway .form-field__checkbox .txt-check {
    flex: 1 1 auto;
    min-width: 0;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word;
    line-height: 1.35;
}

@media (max-width: 900px) {
    #setpaidway .modal-buy__prods .form-field {
        display: block !important;
    }

    #setpaidway .payment__item,
    #setpaidway .payment__btn {
        height: 128px !important;
        min-height: 128px !important;
    }
}

/* Payment popup final proportion polish */
.remodal-wrapper[data-remodal-id="setpaidway"] .modal--setpaidway,
#setpaidway.modal--setpaidway {
    width: min(840px, 94vw) !important;
    max-width: 840px !important;
}

#setpaidway .c-border__content {
    padding: 24px 26px 20px !important;
}

#setpaidway .modal-buy__content {
    grid-template-columns: minmax(0, 0.98fr) minmax(0, 1.02fr);
    column-gap: 24px;
    row-gap: 10px;
}

#setpaidway .modal-buy__heads {
    padding-right: 18px;
}

#setpaidway .modal-buy__image {
    margin: 0 auto 8px !important;
}

#setpaidway .account-width__title.fn_setproduct_title {
    margin: 0 0 12px 0 !important;
    font-size: 29px !important;
}

#setpaidway .modal-subtitle {
    margin: 4px 0 10px 0 !important;
    font-size: 19px !important;
    line-height: 1.15;
}

#setpaidway .modal-buy__prods .form-field {
    margin-bottom: 11px !important;
}

#setpaidway .modal-buy__prods .form-field__label {
    margin-bottom: 5px !important;
    font-size: 15px !important;
    width: auto !important;
    max-width: 100%;
}

#setpaidway .input__text,
#setpaidway .form-field__input.email_input,
#setpaidway .form-field__input.coupon_input {
    height: 46px !important;
}

#setpaidway .modal-buy__prods .form-field:has(.account-price.account-price__left) {
    margin: 2px 0 0 !important;
    display: grid !important;
    grid-template-columns: max-content max-content !important;
    justify-content: start !important;
    align-items: center !important;
    column-gap: 36px !important;
    width: auto !important;
    max-width: 100% !important;
}

#setpaidway .account-price .price--value {
    font-size: 34px !important;
}

#setpaidway .account-price .price--sc {
    font-size: 30px !important;
}

#setpaidway .form-field__checkbox {
    margin-top: 8px;
    padding-top: 10px;
}

#setpaidway .payment__list {
    gap: 12px !important;
}

#setpaidway .payment__item,
#setpaidway .payment__btn {
    height: 126px !important;
    min-height: 126px !important;
}

#setpaidway .payment__icons {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: auto !important;
    margin-top: 0;
}

#setpaidway .payment__item-subtitle {
    bottom: 9px !important;
    font-size: 11px !important;
}

#setpaidway .payment-submit-btn {
    height: 54px;
    margin-top: 0px;
    font-size: 20px;
    border-radius: 12px;
}

#setpaidway .payment-trust-note {
    margin-top: 9px;
    font-size: 12px;
}

/*
 * Buy/payment popup (#setpaidway) — overrides: orange accents, form labels, terms alignment.
 * Placed last so these win over duplicate #setpaidway blocks above. Visual only.
 */
#setpaidway .modal-buy__prods > .account-width__title + .form-field .form-field__label {
    white-space: nowrap !important;
    max-width: 100% !important;
    text-overflow: clip !important;
    line-height: 1.2 !important;
}

#setpaidway .form-field__checkbox .input__input-box {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

#setpaidway .form-field__checkbox .input__check {
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    margin-top: 0 !important;
}

#setpaidway .form-field__checkbox .txt-check {
    line-height: 1.35 !important;
}

#setpaidway .form-field__checkbox .txt-check a {
    color: #e85d04 !important;
}

#setpaidway .input__check input:checked + .input__check-icon {
    box-shadow: inset 0 0 0 1px rgba(232, 93, 4, 0.45) !important;
    background: #e85d04 !important;
}

/* Checkmark tick: replace the global base64 PNG (which carries hue-rotate(45deg)
   in style.css and renders green) with a pure CSS white tick drawn via borders.
   Scoped to #setpaidway only — no other checkbox on the site is affected. */
#setpaidway .input__check input:checked + .input__check-icon:before {
    content: '' !important;
    background: none !important;
    filter: none !important;
    opacity: 1 !important;
    width: 10px !important;
    height: 6px !important;
    border-left: 3px solid #ffffff !important;
    border-bottom: 3px solid #ffffff !important;
    transform: rotate(-45deg) !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    margin-left: -5px !important;
    margin-top: -4px !important;
}

#setpaidway .fg-payment-email-notice {
    grid-column: 1 / -1;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 16px 0 12px;
    padding: 12px 14px;
    border-radius: 14px;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    color: #1d4ed8;
    font-size: 14px;
    line-height: 1.45;
    font-weight: 600;
}

#setpaidway .fg-payment-email-notice__icon {
    flex-shrink: 0;
    display: inline-flex;
    margin-top: 1px;
    color: #1d4ed8;
}

#setpaidway .fg-payment-email-notice__icon svg {
    display: block;
}

#setpaidway .payment-submit-btn {
    background: #e85d04 !important;
    background-image: none !important;
    border: 2px solid #e85d04 !important;
    color: #ffffff !important;
    box-shadow: 0 8px 18px rgba(232, 93, 4, 0.28) !important;
}

#setpaidway .payment-submit-btn:hover {
    background: #ff7a00 !important;
    border-color: #ff7a00 !important;
    color: #ffffff !important;
    filter: brightness(1.02) !important;
}

#setpaidway .payment-submit-btn:active {
    filter: brightness(0.96) !important;
}

#setpaidway .payment__btn:hover {
    border-color: rgba(232, 93, 4, 0.45) !important;
    box-shadow: 0 6px 16px rgba(232, 93, 4, 0.14) !important;
    background: #ffffff !important;
}

#setpaidway .payment__btn.is-selected {
    border-color: #e85d04 !important;
    box-shadow: 0 0 0 1px rgba(232, 93, 4, 0.2),
        0 6px 16px rgba(232, 93, 4, 0.14) !important;
    background: #fff8f4 !important;
}

#setpaidway .payment__btn.is-selected::after {
    border-color: #e85d04 !important;
    background: #e85d04 !important;
}

#setpaidway .payment__btn:focus-visible {
    outline: 2px solid rgba(232, 93, 4, 0.5) !important;
    outline-offset: 3px !important;
}

#setpaidway .payment__items input:checked + .btn-text {
    box-shadow: inset 0 0 0 2px #e85d04 !important;
    background: #fff7ed !important;
}

#setpaidway .payment__items input:checked + .btn-text::after {
    background: #e85d04 !important;
}

/* Payment method card — centered loader overlay (submit loading state) */
#setpaidway .payment__btn .btn-loader {
    display: none;
    position: absolute;
    inset: 0;
    align-items: center;
    justify-content: center;
    z-index: 2;
    pointer-events: none;
}

#setpaidway .payment__btn.is-loading .btn-loader {
    display: flex !important;
}

#setpaidway .payment__btn.is-loading .btn-text {
    display: none !important;
}

#setpaidway .payment__btn .btn-loader::before {
    content: '';
    display: block;
    box-sizing: border-box;
    flex-shrink: 0;
    width: 72px;
    height: 72px;
    margin: 0;
    border: 7px solid rgba(249, 115, 22, 0.22);
    border-top-color: #f97316;
    border-radius: 50%;
    animation: fg-promo-spin 0.75s linear infinite;
}

/*
 * Payment popup — logo area fills available card space (visual only).
 * Placed after duplicate #setpaidway payment blocks so these win in cascade.
 */
#setpaidway .payment__btn {
    justify-content: center !important;
    padding: 10px !important;
}

#setpaidway .payment__item:has(.payment__item-subtitle) .payment__btn {
    padding-bottom: 20px !important;
}

#setpaidway .payment__btn .btn-text {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    justify-content: center !important;
}

#setpaidway .payment__icons {
    flex: 1 1 auto !important;
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    margin-top: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

#setpaidway .payment__icons img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
}

/* Payment popup — promo/coupon input loading spinner */
#setpaidway .checkout-popup__promo-input-wrap {
    position: relative;
    width: 100%;
}

#setpaidway .checkout-popup__promo-input-wrap .coupon_input {
    width: 100%;
}

#setpaidway .checkout-popup__promo-input-wrap.is-promo-loading .coupon_input {
    padding-right: 40px;
}

#setpaidway .checkout-popup__promo-spinner {
    position: absolute;
    right: 16px;
    top: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    border: 3px solid rgba(249, 115, 22, 0.22);
    border-top-color: #f97316;
    border-radius: 50%;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    animation: fg-promo-spin 0.75s linear infinite;
}

#setpaidway .checkout-popup__promo-input-wrap.is-promo-loading .checkout-popup__promo-spinner {
    opacity: 1;
    visibility: visible;
}

@keyframes fg-promo-spin {
    to {
        transform: rotate(360deg);
    }
}

/* Buy/payment popup — inline field validation (scoped to #setpaidway) */
#setpaidway .checkout-popup__field-error:empty {
    margin-top: 0 !important;
    min-height: 0;
}

#setpaidway .checkout-popup__field-error {
    margin-top: 6px;
    padding-left: 8px;
    padding-right: 8px;
    color: #dc2626;
    font-size: 13px;
    line-height: 1.35;
    font-weight: 600;
}

#setpaidway .checkout-popup__field-error-text {
    display: inline-block;
    transform-origin: left center;
}

#setpaidway .checkout-popup__field.is-error > .form-field__content .form-field__input,
#setpaidway .checkout-popup__field .form-field__input.is-error {
    border-color: #dc2626 !important;
    box-shadow: 0 0 0 1px rgba(220, 38, 38, 0.12);
}

#setpaidway .checkout-popup__agreement.is-error .txt-check {
    color: #dc2626 !important;
}

/* .is-error stays on wrapper for JS; payment-method errors use inline text only */
#setpaidway .checkout-popup__payments-row.is-error {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

#setpaidway .checkout-popup__field-error[data-error-for="payment-method"]:not(:empty) {
    margin-top: 10px;
    margin-bottom: 6px;
}

@keyframes checkout-popup__field-error-shake {
    0%,
    100% {
        transform: translateX(0);
    }
    20% {
        transform: translateX(-5px);
    }
    40% {
        transform: translateX(5px);
    }
    60% {
        transform: translateX(-3px);
    }
    80% {
        transform: translateX(3px);
    }
}

#setpaidway .checkout-popup__field-error-text.checkout-popup__field-error-text--pulse {
    animation: checkout-popup__field-error-shake 0.42s ease;
}

@media (prefers-reduced-motion: reduce) {
    #setpaidway .checkout-popup__field-error-text.checkout-popup__field-error-text--pulse {
        animation-duration: 0.01ms;
        animation-iteration-count: 1;
    }
}

/* Payment popup — stack old price below final price when coupon applied */
#setpaidway .account-price.account-price__left {
    position: relative;
    display: inline-flex;
    align-items: baseline;
    justify-content: flex-end;
    gap: 6px;
    white-space: nowrap !important;
    padding-bottom: 0 !important;
}

#setpaidway .account-price.account-price__left .old-price {
    position: absolute;
    top: 100%;
    right: 0;
    margin-left: 0 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #9ca3af !important;
    text-decoration: line-through;
    line-height: 1;
    white-space: nowrap;
    transform: translateY(2px);
}

/* Cart popup — inline empty-cart error (matches payment popup #setpaidway field errors) */
.cart-popup-wrapper .checkout-popup__field-error[data-error-for="cart-empty"]:empty {
    margin-top: 0;
    margin-bottom: 0;
    min-height: 0;
}

.cart-popup-wrapper .checkout-popup__field-error[data-error-for="cart-empty"]:not(:empty) {
    margin-top: 0;
    margin-bottom: 8px;
}

/* Cart-only: center empty-cart message above checkout (payment #setpaidway errors unchanged). */
.cart-popup-wrapper .checkout-popup__field-error[data-error-for="cart-empty"] {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
}

.cart-popup-wrapper .checkout-popup__field-error[data-error-for="cart-empty"] .checkout-popup__field-error-text {
    text-align: center;
    transform-origin: center center;
}

.cart-popup-wrapper .checkout-popup__field-error {
    padding-left: 8px;
    padding-right: 8px;
    color: #dc2626;
    font-size: 13px;
    line-height: 1.35;
    font-weight: 600;
}

.cart-popup-wrapper .checkout-popup__field-error-text {
    display: inline-block;
    transform-origin: left center;
}

.cart-popup-wrapper .checkout-popup__field-error-text.checkout-popup__field-error-text--pulse {
    animation: checkout-popup__field-error-shake 0.42s ease;
}

@media (prefers-reduced-motion: reduce) {
    .cart-popup-wrapper .checkout-popup__field-error-text.checkout-popup__field-error-text--pulse {
        animation-duration: 0.01ms;
        animation-iteration-count: 1;
    }
}

/* Cart overlay must match payment overlay exactly */
.cart-popup-wrapper {
    background: rgba(17, 17, 23, 0.7) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    filter: none !important;
    box-shadow: none !important;
}

/* Product card cart icon: unavailable (accounts + Woo stock parity with PDP). */
.account-rand__item .product-card-footer-row .product-card-cart-btn:disabled,
.account-rand__item .product-card-footer-row .product-card-cart-btn.product-card-cart-btn--disabled,
.account-rand__item .product-card-footer-row .product-card-cart-btn.is-disabled {
    position: relative !important;
    opacity: 0.6 !important;
    cursor: not-allowed !important;
    background-color: #f3f4f6 !important;
    border-color: #e5e7eb !important;
    color: #9ca3af !important;
    box-shadow: none !important;
    pointer-events: none;
}

.account-rand__item .product-card-footer-row .product-card-cart-btn:disabled:hover,
.account-rand__item .product-card-footer-row .product-card-cart-btn.product-card-cart-btn--disabled:hover,
.account-rand__item .product-card-footer-row .product-card-cart-btn.is-disabled:hover {
    border-color: #e5e7eb !important;
    background-color: #f3f4f6 !important;
    box-shadow: none !important;
}

.account-rand__item > .product-card-cart-btn:disabled,
.account-rand__item > .product-card-cart-btn.product-card-cart-btn--disabled,
.account-rand__item > .product-card-cart-btn.is-disabled {
    position: relative !important;
    opacity: 0.6 !important;
    cursor: not-allowed !important;
    background-color: #f3f4f6 !important;
    border-color: #e5e7eb !important;
    color: #9ca3af !important;
    box-shadow: none !important;
    pointer-events: none;
}

.account-rand__item > .product-card-cart-btn:disabled:hover,
.account-rand__item > .product-card-cart-btn.product-card-cart-btn--disabled:hover,
.account-rand__item > .product-card-cart-btn.is-disabled:hover {
    border-color: #e5e7eb !important;
    background-color: #f3f4f6 !important;
    box-shadow: none !important;
}

/* Red diagonal slash over cart icon (disabled product cards only; ::before = mask icon in style.css). */
.account-rand__item .product-card-footer-row .product-card-cart-btn:disabled::after,
.account-rand__item .product-card-footer-row .product-card-cart-btn.product-card-cart-btn--disabled::after,
.account-rand__item .product-card-footer-row .product-card-cart-btn.is-disabled::after,
.account-rand__item > .product-card-cart-btn:disabled::after,
.account-rand__item > .product-card-cart-btn.product-card-cart-btn--disabled::after,
.account-rand__item > .product-card-cart-btn.is-disabled::after {
    content: "";
    position: absolute;
    width: 24px;
    height: 2px;
    background: #dc2626;
    border-radius: 999px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-35deg);
    pointer-events: none;
    z-index: 2;
}

/* Product grid cards: hide sale %-ribbon only (sale prices unchanged) — also covers markup still output in template-account-item.php */
.account-rand__item .account-rand__item-discount {
    display: none !important;
}

/* -------------------------------------------------------------------------
   Product category archive — horizontal filter bar (taxonomy-product_cat)
   ------------------------------------------------------------------------- */
.category-filterbar {
    max-width: 1180px;
    margin-top: 18px;
    margin-right: auto;
    margin-bottom: 22px;
    margin-left: auto;
    padding-top: 10px;
    padding-right: 14px;
    padding-bottom: 10px;
    padding-left: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    flex-wrap: wrap;
    background: #fff;
    border: 1px solid rgba(17, 17, 17, 0.08);
    border-radius: 22px;
    box-shadow: 0 8px 24px rgba(17, 17, 17, 0.05);
    box-sizing: border-box;
}

.category-filterbar__items {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    flex: 1 1 auto;
    min-width: 0;
}

.category-filterbar__item {
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
    cursor: pointer;
    font-family: inherit;
    text-align: center;
    height: 44px;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 18px;
    padding-right: 18px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    box-sizing: border-box;
    color: #111827 !important;
    background: #fff;
    border: 1px solid rgba(17, 17, 17, 0.08);
    text-decoration: none;
    font-weight: 700;
    font-size: 14px;
    line-height: 1;
    transition:
        background-color 0.18s ease,
        border-color 0.18s ease,
        color 0.18s ease,
        box-shadow 0.18s ease;
}

.category-filterbar__item .category-filterbar__icon,
.category-filterbar__item svg {
    color: #111827 !important;
    stroke: currentColor;
    fill: none;
}

.category-filterbar__item:hover {
    text-decoration: none;
    border-color: rgba(232, 93, 4, 0.35);
    box-shadow: 0 6px 18px rgba(232, 93, 4, 0.1);
    color: #111827 !important;
}

.category-filterbar__item:hover .category-filterbar__icon,
.category-filterbar__item:hover svg {
    color: #111827 !important;
    stroke: currentColor;
}

.category-filterbar__item:focus {
    text-decoration: none;
    border-color: rgba(232, 93, 4, 0.35);
    box-shadow: 0 6px 18px rgba(232, 93, 4, 0.1);
    color: #111827 !important;
}

.category-filterbar__item:focus .category-filterbar__icon,
.category-filterbar__item:focus svg {
    color: #111827 !important;
    stroke: currentColor;
}

.category-filterbar__item:focus-visible {
    outline: 2px solid rgba(249, 115, 22, 0.45);
    outline-offset: 2px;
}

.category-filterbar__item.is-active {
    color: #fff !important;
    background: #f97316;
    border-color: #f97316;
    box-shadow: 0 8px 20px rgba(249, 115, 22, 0.22);
}

.category-filterbar__item.is-active .category-filterbar__icon,
.category-filterbar__item.is-active svg {
    color: #fff !important;
    stroke: currentColor;
}

.category-filterbar__item.is-active:hover,
.category-filterbar__item.is-active:focus {
    color: #fff !important;
}

.category-filterbar__item.is-active:hover .category-filterbar__icon,
.category-filterbar__item.is-active:hover svg,
.category-filterbar__item.is-active:focus .category-filterbar__icon,
.category-filterbar__item.is-active:focus svg {
    color: #fff !important;
    stroke: currentColor;
}

.category-filterbar__icon {
    width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    color: currentColor;
}

.category-filterbar__icon svg {
    width: 18px;
    height: 18px;
    display: block;
}

/* Client-side category filter: hide non-matching product cards (JS toggles). */
.fg-category-card-hidden {
    display: none !important;
}

.fg-category-filter-empty {
    width: fit-content;
    max-width: 100%;
    margin: 8px 0 16px;
    padding: 8px 12px;
    border: 1px solid rgba(249, 115, 22, 0.18);
    border-radius: 999px;
    background: rgba(249, 115, 22, 0.06);
    color: #6b7280;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.35;
    text-align: left;
}

.section__account-rand > .fg-category-filter-empty {
    margin-left: 24px;
}

@media (max-width: 640px) {
    .fg-category-filter-empty {
        margin: 6px 0 14px;
        padding: 8px 11px;
        border-radius: 12px;
        font-size: 13px;
    }
}

.category-filterbar__count {
    color: #6b7280 !important;
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
}

.category-archive-pagination {
    margin-top: 20px;
    margin-bottom: 8px;
}

.category-archive-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 10px;
    margin-right: 6px;
    border-radius: 12px;
    font-weight: 600;
    font-size: 14px;
    text-decoration: none;
    border: 1px solid rgba(17, 17, 17, 0.08);
    background: #fff;
    color: #111827;
    transition:
        border-color 0.15s ease,
        box-shadow 0.15s ease,
        background 0.15s ease,
        color 0.15s ease;
}

.category-archive-pagination .page-numbers:hover {
    border-color: rgba(232, 93, 4, 0.35);
    box-shadow: 0 4px 12px rgba(17, 17, 17, 0.06);
    text-decoration: none;
}

.category-archive-pagination .page-numbers.current {
    border-color: #f97316;
    background: #f97316;
    color: #fff;
}

.category-archive-pagination ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
}

@media (max-width: 620px) {
    .category-filterbar {
        margin-top: 14px;
        margin-bottom: 16px;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 12px;
        padding-right: 12px;
    }

    .category-filterbar__items {
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 2px;
        gap: 10px;
    }

    .category-filterbar__items::-webkit-scrollbar {
        height: 4px;
    }

    .category-filterbar__count {
        flex: 1 1 100%;
        white-space: normal;
        text-align: center;
        font-size: 14px;
    }
}


/* =====================================================================
   Homepage giveaway / hot-draw — compact card grid (front-page.php, hot_draw_section)
   Scoped — does not affect category card_hot_draw widgets.
   =================================================================== */

body.home .fg-home-giveaway-svg-sprite,
body.front-page .fg-home-giveaway-svg-sprite {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

body.home .fg-home-giveaway-section,
body.front-page .fg-home-giveaway-section {
    box-sizing: border-box;
    max-width: 1400px;
    /* Bottom spacing inside the section so parent cream (#fffaf3 on body.home .main__content) does not show in the margin gap */
    margin: 24px auto 0;
    padding: 0 24px 36px;
    position: relative;
    isolation: isolate;
    /* Full-width white band: homepage canvas is cream (#fffaf3) from style.css body.home .main__content */
    background: #ffffff !important;
}

/* Laptop: match homepage section shell + carousel viewport rhythm (641px–1599px). */
@media (min-width: 641px) and (max-width: 1599px) {
    body.home .fg-home-giveaway-section.section__account-rand,
    body.front-page .fg-home-giveaway-section.section__account-rand {
        max-width: 1666px;
        margin-left: auto;
        margin-right: auto;
        padding: 12px 12px 36px;
    }
}

/* Preserve pre-fix Hot Draw spacing on small screens. */
@media (max-width: 640px) {
    body.home .fg-home-giveaway-section.section__account-rand,
    body.front-page .fg-home-giveaway-section.section__account-rand {
        max-width: 1400px;
        padding: 0 24px 36px;
    }
}

body.home .fg-home-giveaway-section::before,
body.front-page .fg-home-giveaway-section::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    background: #ffffff;
    z-index: 0;
}

body.home .fg-home-giveaway-section > *,
body.front-page .fg-home-giveaway-section > * {
    position: relative;
    z-index: 1;
}

body.home .fg-home-giveaway-grid,
body.front-page .fg-home-giveaway-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
    align-items: stretch;
    min-width: 0;
    overflow: visible;
}

body.home .fg-home-giveaway-grid > *,
body.front-page .fg-home-giveaway-grid > * {
    min-width: 0;
}

body.home .fg-home-giveaway-card,
body.front-page .fg-home-giveaway-card {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
    grid-template-areas:
        'content media';
    align-items: stretch;
    gap: 0;
    width: 100%;
    min-height: 360px;
    height: auto;
    max-height: none;
    padding: 0;
    border-radius: 24px;
    background: linear-gradient(135deg, #ffffff 0%, #fff7ed 100%);
    border: 1px solid rgba(249, 115, 22, 0.18);
    box-shadow:
        0 14px 38px rgba(17, 24, 39, 0.07),
        0 1px 0 rgba(255, 255, 255, 0.82) inset;
    color: #111827;
    text-decoration: none;
}

body.home a.fg-home-giveaway-card,
body.front-page a.fg-home-giveaway-card {
    color: inherit;
    border: 1px solid rgba(249, 115, 22, 0.18);
    cursor: pointer;
}

body.home a.fg-home-giveaway-card:focus-visible,
body.front-page a.fg-home-giveaway-card:focus-visible {
    outline: 3px solid rgba(249, 115, 22, 0.45);
    outline-offset: 3px;
}

body.home article.fg-home-giveaway-card,
body.front-page article.fg-home-giveaway-card {
    margin: 0;
}

body.home .fg-home-giveaway-card__content,
body.front-page .fg-home-giveaway-card__content {
    grid-area: content;
    min-width: 0;
    max-width: 100%;
    max-height: none;
    overflow: visible;
    align-self: center;
    padding: 34px 36px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
    box-sizing: border-box;
}

body.home .fg-home-giveaway-card__content,
body.front-page .fg-home-giveaway-card__content,
body.home .fg-home-giveaway-card__media,
body.front-page .fg-home-giveaway-card__media {
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
}

body.home .fg-home-giveaway-card__badge,
body.front-page .fg-home-giveaway-card__badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 40px;
    padding: 4px 14px 7px;
    border-radius: 999px;
    background: linear-gradient(135deg, #fb923c 0%, #f97316 100%);
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.02em;
    line-height: 1.5;
    white-space: nowrap;
    overflow: visible;
}

body.home .fg-home-giveaway-card__badge svg,
body.front-page .fg-home-giveaway-card__badge svg {
    flex: 0 0 auto;
}

body.home .fg-home-giveaway-card__badge-icon,
body.front-page .fg-home-giveaway-card__badge-icon {
    flex-shrink: 0;
    width: 17px;
    height: 17px;
    color: #ffffff;
}

body.home .fg-home-giveaway-card__title,
body.front-page .fg-home-giveaway-card__title {
    margin: 0 0 10px;
    font-weight: 800;
    font-size: clamp(26px, 2.2vw, 34px);
    line-height: 1.3;
    letter-spacing: -0.02em;
    color: #0f172a;
    overflow-wrap: anywhere;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

body.home .fg-home-giveaway-card__text,
body.front-page .fg-home-giveaway-card__text {
    margin: 0 0 14px;
    max-width: none;
    font-size: 15px;
    line-height: 1.45;
    color: #475569;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

body.home .fg-home-giveaway-card__pricing,
body.front-page .fg-home-giveaway-card__pricing {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 12px;
}

body.home .fg-home-giveaway-card__discount,
body.front-page .fg-home-giveaway-card__discount {
    padding: 3px 8px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 700;
    color: #c2410c;
    border: 1px solid rgba(249, 115, 22, 0.5);
    background: rgba(255, 255, 255, 0.75);
}

body.home .fg-home-giveaway-card__prices,
body.front-page .fg-home-giveaway-card__prices {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 8px;
}

body.home .fg-home-giveaway-card__price--now,
body.front-page .fg-home-giveaway-card__price--now {
    font-size: 1.125rem;
    font-weight: 800;
    color: #0f172a;
}

body.home .fg-home-giveaway-card__price--old,
body.front-page .fg-home-giveaway-card__price--old {
    font-size: 0.9375rem;
    font-weight: 600;
    color: #94a3b8;
    text-decoration: line-through;
}

/* Hot/deal card only: stronger pricing row (giveaway rows omit __pricing in PHP) */
body.home .fg-home-giveaway-card--hot .fg-home-giveaway-card__content,
body.front-page .fg-home-giveaway-card--hot .fg-home-giveaway-card__content {
    gap: 6px;
}

body.home .fg-home-giveaway-card--hot .fg-home-giveaway-card__text,
body.front-page .fg-home-giveaway-card--hot .fg-home-giveaway-card__text {
    margin-bottom: 8px;
}

body.home .fg-home-giveaway-card--hot .fg-home-giveaway-card__pricing,
body.front-page .fg-home-giveaway-card--hot .fg-home-giveaway-card__pricing {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px;
    width: 100%;
    box-sizing: border-box;
    min-width: 0;
    line-height: 1.1;
}

body.home .fg-home-giveaway-card--hot .fg-home-giveaway-card__prices,
body.front-page .fg-home-giveaway-card--hot .fg-home-giveaway-card__prices {
    order: 1;
    display: flex;
    flex-wrap: nowrap;
    align-items: baseline;
    gap: 8px;
    min-width: 0;
    flex: 0 1 auto;
}

body.home .fg-home-giveaway-card--hot .fg-home-giveaway-card__discount,
body.front-page .fg-home-giveaway-card--hot .fg-home-giveaway-card__discount {
    order: 2;
    margin-left: 0;
    flex-shrink: 0;
    padding: 5px 12px;
    border-radius: 10px;
    font-size: 17px;
    font-weight: 800;
    line-height: 1;
    color: #c2410c;
    border: 1px solid rgba(249, 115, 22, 0.55);
    background: rgba(255, 255, 255, 0.85);
}

body.home .fg-home-giveaway-card--hot .fg-home-giveaway-card__price--now,
body.front-page .fg-home-giveaway-card--hot .fg-home-giveaway-card__price--now {
    font-size: 26px;
    font-weight: 900;
    line-height: 1.1;
    color: #0f172a;
}

body.home .fg-home-giveaway-card--hot .fg-home-giveaway-card__price--old,
body.front-page .fg-home-giveaway-card--hot .fg-home-giveaway-card__price--old {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.1;
    color: #94a3b8;
    text-decoration: line-through;
}

@media (max-width: 520px) {
    body.home .fg-home-giveaway-card--hot .fg-home-giveaway-card__pricing,
    body.front-page .fg-home-giveaway-card--hot .fg-home-giveaway-card__pricing {
        flex-wrap: wrap;
        row-gap: 8px;
        column-gap: 8px;
    }

    body.home .fg-home-giveaway-card--hot .fg-home-giveaway-card__prices,
    body.front-page .fg-home-giveaway-card--hot .fg-home-giveaway-card__prices {
        flex: 0 1 auto;
        min-width: min(100%, 12rem);
    }

    body.home .fg-home-giveaway-card--hot .fg-home-giveaway-card__discount,
    body.front-page .fg-home-giveaway-card--hot .fg-home-giveaway-card__discount {
        margin-left: 0;
    }
}

body.home .fg-home-giveaway-card__timer,
body.front-page .fg-home-giveaway-card__timer {
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 100%;
    margin-top: 2px;
    flex-shrink: 0;
}

body.home .fg-home-giveaway-card__timer-intro,
body.front-page .fg-home-giveaway-card__timer-intro {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: #334155;
}

body.home .fg-home-giveaway-card__timer-clock,
body.front-page .fg-home-giveaway-card__timer-clock {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    color: #ea580c;
}

body.home .fg-home-giveaway-card__timer-units,
body.front-page .fg-home-giveaway-card__timer-units {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    align-items: center;
}

body.home .fg-home-giveaway-card__timer-unit,
body.front-page .fg-home-giveaway-card__timer-unit {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    min-width: 64px;
    height: 62px;
    padding: 8px 9px;
    border-radius: 14px;
    background: #ffffff;
    border: 1px solid rgba(226, 232, 240, 0.95);
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.05);
}

body.home .fg-home-giveaway-card__timer-value,
body.front-page .fg-home-giveaway-card__timer-value {
    font-size: 24px;
    font-weight: 800;
    line-height: 1.05;
    color: #ea580c;
    font-variant-numeric: tabular-nums;
}

body.home .fg-home-giveaway-card__timer-unit-label,
body.front-page .fg-home-giveaway-card__timer-unit-label {
    margin-top: 4px;
    font-size: 11px;
    font-weight: 600;
    text-transform: none;
    color: #1e293b;
    opacity: 0.88;
    text-align: center;
    max-width: 72px;
    line-height: 1.2;
}

body.home .fg-home-giveaway-card__participants,
body.front-page .fg-home-giveaway-card__participants {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 12px;
    font-size: 14px;
    font-weight: 600;
    color: #475569;
    flex-shrink: 0;
}

body.home .fg-home-giveaway-card__participants-icon,
body.front-page .fg-home-giveaway-card__participants-icon {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    color: #f97316;
}

body.home .fg-home-giveaway-card__participants-value,
body.front-page .fg-home-giveaway-card__participants-value {
    color: #ea580c;
    font-weight: 800;
}

body.home .fg-home-giveaway-card__button,
body.front-page .fg-home-giveaway-card__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 4px;
    box-sizing: border-box;
    height: 48px;
    max-width: 320px;
    width: auto;
    padding: 0 22px;
    border-radius: 999px;
    border: none;
    background: linear-gradient(135deg, #fb923c 0%, #ea580c 100%);
    color: #ffffff !important;
    font-size: 15px;
    font-weight: 800;
    text-decoration: none;
    cursor: pointer;
    box-shadow: 0 8px 20px rgba(234, 88, 12, 0.24);
    transition:
        transform 0.15s ease,
        box-shadow 0.15s ease,
        filter 0.15s ease;
}

body.home span.fg-home-giveaway-card__button.fg-home-giveaway-card__button--span,
body.front-page span.fg-home-giveaway-card__button.fg-home-giveaway-card__button--span {
    pointer-events: none;
}

/* Hot/deal card: no participants row — extra space between timer and CTA */
body.home .fg-home-giveaway-card--hot .fg-home-giveaway-card__button,
body.front-page .fg-home-giveaway-card--hot .fg-home-giveaway-card__button {
    margin-top: 14px;
}

body.home .fg-home-giveaway-card__button-icon,
body.front-page .fg-home-giveaway-card__button-icon {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    color: #ffffff;
}

body.home a.fg-home-giveaway-card__button:hover,
body.front-page a.fg-home-giveaway-card__button:hover {
    color: #ffffff !important;
    text-decoration: none;
    transform: translateY(-1px);
    filter: brightness(0.95);
    box-shadow: 0 10px 24px rgba(234, 88, 12, 0.3);
}

body.home .fg-home-giveaway-card__media,
body.front-page .fg-home-giveaway-card__media {
    grid-area: media;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    min-height: 360px;
    max-height: none;
    justify-self: stretch;
    align-self: stretch;
    display: flex;
    align-items: stretch;
    justify-content: stretch;
    overflow: hidden;
    transform: none;
    border-radius: 0 24px 24px 0;
}

body.home .fg-home-giveaway-card__media::before,
body.front-page .fg-home-giveaway-card__media::before {
    content: '';
    position: absolute;
    width: 240px;
    height: 240px;
    max-width: 100%;
    max-height: 100%;
    border-radius: 50%;
    right: 50%;
    top: 50%;
    transform: translate(50%, -50%);
    z-index: 0;
    background: radial-gradient(
        circle closest-side at 48% 45%,
        rgba(251, 146, 60, 0.28) 0%,
        rgba(255, 247, 237, 0) 70%
    );
    pointer-events: none;
}

body.home .fg-home-giveaway-card__image,
body.front-page .fg-home-giveaway-card__image {
    position: relative;
    z-index: 1;
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    min-width: 0;
    min-height: 0;
    flex: 1 1 auto;
    align-self: stretch;
    object-fit: cover;
    object-position: center center;
    transform: none;
}

/* Laptop (two-card grid, side-by-side card): prevent side crop in narrow media column */
@media (max-width: 1600px) and (min-width: 1281px) {
    body.home .fg-home-giveaway-card__media,
    body.front-page .fg-home-giveaway-card__media {
        align-items: center;
        justify-content: center;
    }

    body.home .fg-home-giveaway-card__image,
    body.front-page .fg-home-giveaway-card__image {
        object-fit: contain;
        object-position: center center;
        width: 100%;
        height: 100%;
        max-width: 100%;
        max-height: 100%;
        flex: 0 1 auto;
        align-self: center;
    }
}

/* Two giveaway cards fit only when viewport is wide; below this, stack cards and card internals */
@media (max-width: 1280px) {
    body.home .fg-home-giveaway-grid,
    body.front-page .fg-home-giveaway-grid {
        grid-template-columns: 1fr;
    }

    body.home .fg-home-giveaway-card,
    body.front-page .fg-home-giveaway-card {
        grid-template-columns: 1fr;
        grid-template-areas:
            'media'
            'content';
        min-height: 0;
        height: auto;
    }

    body.home .fg-home-giveaway-card__media,
    body.front-page .fg-home-giveaway-card__media {
        grid-area: media;
        width: 100%;
        height: auto;
        min-height: 0;
        max-height: none;
        align-items: center;
        justify-content: center;
        padding: clamp(16px, 2.5vw, 28px) clamp(16px, 2.5vw, 28px) 0;
        border-radius: 24px 24px 0 0;
        overflow: hidden;
    }

    body.home .fg-home-giveaway-card__image,
    body.front-page .fg-home-giveaway-card__image {
        object-fit: contain;
        object-position: center center;
        width: auto;
        height: auto;
        max-width: min(100%, 460px);
        max-height: min(46vw, 420px);
        flex: 0 0 auto;
        align-self: center;
    }
}

@media (max-width: 700px) {
    body.home .fg-home-giveaway-card,
    body.front-page .fg-home-giveaway-card {
        padding: 0;
        max-height: none;
        overflow: hidden;
    }

    body.home .fg-home-giveaway-card__content,
    body.front-page .fg-home-giveaway-card__content {
        max-height: none;
        align-self: stretch;
        overflow: visible;
        padding: 24px;
    }

    body.home .fg-home-giveaway-card__media,
    body.front-page .fg-home-giveaway-card__media {
        padding: 12px 12px 0;
    }

    body.home .fg-home-giveaway-card__image,
    body.front-page .fg-home-giveaway-card__image {
        max-width: min(100%, 360px);
        max-height: min(82vw, 360px);
    }

    body.home .fg-home-giveaway-card__timer-units,
    body.front-page .fg-home-giveaway-card__timer-units {
        flex-wrap: wrap;
    }

    body.home .fg-home-giveaway-card__button,
    body.front-page .fg-home-giveaway-card__button {
        max-width: none;
        width: 100%;
    }

    body.home .fg-home-giveaway-card__text,
    body.front-page .fg-home-giveaway-card__text {
        -webkit-line-clamp: 5;
    }
}

/* =========================================================================
   Order received / Thank-you page (woocommerce/checkout/thankyou.php)
   Scoped to .fg-thankyou — does not affect other pages, popups, or emails.
   ========================================================================= */
.fg-thankyou {
    box-sizing: border-box;
    width: 100%;
    max-width: 920px;
    margin: 32px auto 56px;
    padding: 0 16px;
    color: #1f2937;
    font-family: 'Montserrat', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.fg-thankyou *,
.fg-thankyou *::before,
.fg-thankyou *::after {
    box-sizing: border-box;
}

.fg-thankyou-card {
    position: relative;
    background: #ffffff;
    border: 1px solid #f3d6ab;
    border-radius: 18px;
    box-shadow: 0 10px 32px rgba(17, 24, 39, 0.08);
    padding: 32px;
}

.fg-thankyou-card__header {
    display: grid;
    grid-template-columns: max-content max-content;
    justify-content: center;
    align-items: center;
    column-gap: 10px;
    row-gap: 8px;
    text-align: center;
}

.fg-thankyou-card__order-icon {
    grid-column: 1;
    grid-row: 1;
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    justify-self: end;
    align-self: center;
    color: #EC9F49;
    background: #fff5e7;
    border-radius: 12px;
    flex-shrink: 0;
}

.fg-thankyou-card__title {
    grid-column: 2;
    grid-row: 1;
    margin: 0;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    color: #111827;
    text-transform: none;
    text-shadow: none;
    letter-spacing: 0;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: flex-start;
    justify-self: start;
    gap: 8px;
}

.fg-thankyou-card__title-label {
    color: #111827;
}

.fg-thankyou-card__order-number {
    color: #EC9F49;
    font-weight: 700;
}

.fg-thankyou-card__email {
    grid-column: 1 / -1;
    grid-row: 2;
    margin: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 15px;
    color: #4b5563;
    word-break: break-all;
}

.fg-thankyou-card__email-icon {
    color: #EC9F49;
    flex-shrink: 0;
}

.fg-thankyou-card__email-label {
    color: #6b7280;
}

.fg-thankyou-card__email-value {
    color: #111827;
    font-weight: 500;
}

.fg-thankyou-card__divider {
    position: relative;
    height: 1px;
    width: 75%;
    max-width: 540px;
    margin: 24px auto;
    border: none;
    background: linear-gradient(
        to right,
        rgba(243, 214, 171, 0) 0%,
        rgba(243, 214, 171, 0.55) 28%,
        rgba(236, 159, 73, 0.85) 50%,
        rgba(243, 214, 171, 0.55) 72%,
        rgba(243, 214, 171, 0) 100%
    );
    overflow: visible;
}

.fg-thankyou-card__divider::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    background: #EC9F49;
    border-radius: 2px;
    transform: translate(-50%, -50%) rotate(45deg);
    box-shadow: 0 0 0 3px #ffffff;
}

.fg-thankyou-card__item {
    margin: 0 0 24px;
    padding: 0;
}

.fg-thankyou-card__item:last-of-type {
    margin-bottom: 8px;
}

.fg-thankyou-card__product {
    display: flex;
    align-items: center;
    gap: 18px;
    margin: 0 0 18px;
}

.fg-thankyou-card__product-image {
    width: 96px;
    height: 96px;
    flex: 0 0 96px;
    border-radius: 14px;
    overflow: hidden;
    background: #f9fafb;
    border: 1px solid #f1f5f9;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fg-thankyou-card__product-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.fg-thankyou-card__product-meta {
    flex: 1 1 auto;
    min-width: 0;
}

.fg-thankyou-card__product-title {
    margin: 0 0 8px;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
    color: #111827;
    word-break: break-word;
}

.fg-thankyou-card__category-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

/* Keep category badge text black/dark inside the thank-you card. */
.fg-thankyou .fg-thankyou-card__category {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 12px;
    border: 1px solid #f3d6ab;
    border-radius: 999px;
    background: #fffaf2;
    color: #111827;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.4;
    text-transform: none;
}

.fg-thankyou .fg-thankyou-card__category .product-card-category__text {
    color: #111827;
}

.fg-thankyou .fg-thankyou-card__category .product-card-category__icon {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

.fg-thankyou-card__accounts {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.fg-thankyou-card__account {
    position: relative;
    background: #fffaf2;
    border: 1px solid #f3d6ab;
    border-radius: 14px;
    padding: 18px 64px 18px 20px;
    overflow: visible;
}

.fg-thankyou-card__account-text {
    margin: 0;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
    font-size: 15px;
    line-height: 1.6;
    color: #111827;
    background: transparent;
    border: none;
    white-space: pre-wrap;
    word-break: break-word;
    overflow-wrap: anywhere;
    text-shadow: none;
}

.fg-thankyou-card__copy {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    background: #ffffff;
    color: #EC9F49;
    border: 1px solid #f3d6ab;
    border-radius: 10px;
    cursor: pointer;
    z-index: 3;
    transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.fg-thankyou-card__copy:hover,
.fg-thankyou-card__copy:focus-visible {
    background: #EC9F49;
    color: #ffffff;
    border-color: #EC9F49;
    outline: none;
}

.fg-thankyou-card__copy-feedback {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    padding: 4px 10px;
    background: #111827;
    color: #ffffff;
    border: 1px solid #EC9F49;
    font-size: 12px;
    font-weight: 500;
    border-radius: 6px;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    z-index: 5;
    transform: translateY(-4px);
    transition: opacity 0.15s ease, transform 0.15s ease;
}

.fg-thankyou-card__copy.is-copied {
    background: #EC9F49;
    color: #ffffff;
    border-color: #EC9F49;
}

.fg-thankyou-card__copy.is-copied .fg-thankyou-card__copy-feedback {
    opacity: 1;
    transform: translateY(0);
}

.fg-thankyou-card__account-empty {
    margin: 0;
    padding: 16px 18px;
    background: #fffaf2;
    border: 1px dashed #f3d6ab;
    border-radius: 12px;
    font-size: 14px;
    color: #6b7280;
    text-align: center;
}

.fg-thankyou-card__footer {
    margin-top: 28px;
    padding-top: 22px;
    border-top: 1px solid #f3e7d4;
    text-align: center;
}

.fg-thankyou-card__support {
    display: block;
    max-width: 760px;
    margin: 0 auto 14px;
    text-align: center;
    font-size: 14px;
    line-height: 1.55;
    color: #4b5563;
}

.fg-thankyou-card__thanks {
    display: block;
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    color: #111827;
    letter-spacing: 0.2px;
}

/* Responsive */
@media (max-width: 720px) {
    .fg-thankyou {
        margin: 20px auto 40px;
        padding: 0 12px;
    }

    .fg-thankyou-card {
        padding: 22px;
        border-radius: 16px;
    }

    .fg-thankyou-card__title {
        font-size: 20px;
    }

    .fg-thankyou-card__product {
        gap: 14px;
    }

    .fg-thankyou-card__product-image {
        width: 80px;
        height: 80px;
        flex-basis: 80px;
        border-radius: 12px;
    }

    .fg-thankyou-card__product-title {
        font-size: 17px;
    }

    .fg-thankyou-card__account {
        padding: 16px 56px 16px 16px;
        border-radius: 12px;
    }

    .fg-thankyou-card__account-text {
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .fg-thankyou-card {
        padding: 18px;
    }

    .fg-thankyou-card__header {
        grid-template-columns: max-content max-content;
        column-gap: 8px;
        row-gap: 6px;
    }

    .fg-thankyou-card__order-icon {
        width: 38px;
        height: 38px;
    }

    .fg-thankyou-card__title {
        font-size: 18px;
        gap: 6px;
    }

    .fg-thankyou-card__email {
        font-size: 13px;
    }

    .fg-thankyou-card__divider {
        width: 86%;
        margin: 20px auto;
    }

    .fg-thankyou-card__product {
        flex-direction: column;
        align-items: flex-start;
        text-align: left;
    }

    .fg-thankyou-card__product-image {
        width: 96px;
        height: 96px;
        flex-basis: auto;
    }

    .fg-thankyou-card__account {
        padding: 16px 52px 16px 14px;
    }

    .fg-thankyou-card__copy {
        width: 36px;
        height: 36px;
        top: 10px;
        right: 10px;
    }

    .fg-thankyou-card__copy-feedback {
        top: calc(100% + 6px);
        right: -2px;
        font-size: 11px;
        padding: 3px 8px;
    }

    .fg-thankyou-card__support {
        font-size: 13px;
    }

    .fg-thankyou-card__thanks {
        font-size: 16px;
    }
}

/* === Mobile header: action row + search focus expand (max-width 1024px) === */
@media (max-width: 1024px) {

    /* Unlock flex-wrap so the buttons row appears on its own line */
    .header__wrap {
        flex-wrap: wrap !important;
        align-items: center !important;
        row-gap: 10px !important;
        column-gap: 8px !important;
        box-sizing: border-box;
    }

    /* Row 1 — logo */
    .header__wrap .header-left__item {
        order: 1;
        flex: 0 0 auto !important;
        min-width: 0 !important;
        max-width: 96px;
        overflow: hidden;
        transition:
            opacity 0.3s ease,
            transform 0.3s ease,
            max-width 0.3s ease,
            flex-basis 0.3s ease,
            margin 0.3s ease,
            padding 0.3s ease;
        will-change: opacity, transform, max-width;
    }

    /* Logo image: larger and visible in normal state */
    .header__wrap .header-logo .mob-logo img {
        max-height: 50px !important;
        width: auto !important;
        height: auto !important;
        opacity: 1;
        transform: translateX(0) scale(1);
        transition: opacity 0.3s ease, transform 0.3s ease;
    }

    /* Row 1 — search */
    .header__wrap .header__search-wrap {
        order: 2;
        flex: 1 1 0 !important;
        min-width: 0 !important;
        max-width: none;
        transition: flex-basis 0.3s ease, max-width 0.3s ease;
    }

    /* Row 2 — action buttons */
    .header__wrap .header-right__item {
        order: 3;
        display: flex !important;
        flex: 0 0 100%;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        margin: 0;
        padding: 0;
        overflow: visible;
    }

    /* Social stays hidden */
    .header__wrap .header-right__item > .header__bonuses-social,
    .header__wrap .header-right__item .header__bonuses-social {
        display: none !important;
    }

    /* Visual order: discount | cart | language */
    .header__wrap .header-right__item > .header__mybuy-btn { order: 1; }
    .header__wrap .header-right__item > .header__cart      { order: 2; }
    .header__wrap .header-right__item > .header-lang       { order: 3; }

    /* Each of the 3 top-level action containers takes equal width */
    .header__wrap .header-right__item > .header__mybuy-btn,
    .header__wrap .header-right__item > .header-lang,
    .header__wrap .header-right__item > .header__cart {
        flex: 1 1 0;
        min-width: 0;
        max-width: none;
    }

    /* All action buttons: uniform 44px height, flex row, centered */
    .header__wrap .header-right__item .header__mybuy-btn,
    .header__wrap .header-right__item .header-lang__trigger,
    .header__wrap .header-right__item a.header__cart-btn,
    .header__wrap .header-right__item .header__cart-btn {
        width: 100%;
        min-width: 0;
        height: 44px !important;
        min-height: 44px !important;
        margin: 0;
        padding: 0 6px !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 4px;
        overflow: hidden;
        box-sizing: border-box;
        line-height: 1;
    }

    /* Deals button: show icon + label text */
    .header__wrap .header-right__item .header__mybuy-label {
        display: inline-flex;
        align-items: center;
        font-size: 11px;
        font-weight: 700;
        white-space: nowrap;
        overflow: visible;
        line-height: 1;
        min-width: 0;
    }

    /* Deals icon size on mobile */
    .header__wrap .header-right__item .header__mybuy-icon {
        flex-shrink: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        line-height: 0;
    }

    .header__wrap .header-right__item .header__mybuy-icon svg {
        width: 24px;
        height: 24px;
    }

    /* Cart: flat flex row, override base grid completely */
    .header__wrap .header-right__item a.header__cart-btn,
    .header__wrap .header-right__item .header__cart-btn {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
        grid-template-columns: unset;
        grid-template-rows: unset;
        padding: 0 8px !important;
        overflow: visible;
    }

    .header__wrap .header-right__item .header__cart {
        display: flex;
        align-items: center;
        min-width: 0;
    }

    /* Cart icon: fixed size, flex-shrink 0, no grid positioning */
    .header__wrap .header-right__item .header__cart-icon {
        width: 26px;
        height: 26px;
        min-width: 26px;
        flex-shrink: 0;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        grid-column: unset !important;
        grid-row: unset !important;
        align-self: center !important;
    }

    .header__wrap .header-right__item .header__cart-icon .ic-btn-cart,
    .header__wrap .header-right__item .header__cart-icon svg {
        width: 24px;
        height: 24px;
        display: block;
    }

    /* Cart label: single line, vertically centered, no grid row offset */
    .header__wrap .header-right__item .header__cart-label {
        display: block;
        font-size: 12px;
        font-weight: 700;
        line-height: 1;
        margin: 0;
        padding: 0;
        white-space: nowrap;
        overflow: visible;
        text-overflow: unset;
        flex-shrink: 0;
        transform: none;
        align-self: center;
        grid-column: unset !important;
        grid-row: unset !important;
    }

    /* Cart count: hidden on mobile */
    .header__wrap .header-right__item .header__cart-count {
        display: none !important;
    }

    /* === Search active state === */
    .header__wrap.is-search-active {
        flex-wrap: wrap !important;
        align-items: center !important;
    }

    /* Logo container collapses with smooth transition */
    .header__wrap.is-search-active .header-left__item {
        opacity: 0;
        transform: translateX(-18px) scale(0.96);
        pointer-events: none;
        max-width: 0 !important;
        flex: 0 0 0 !important;
        flex-basis: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        overflow: hidden;
    }

    /* Logo image fades with container (opacity only — no max-height: 0) */
    .header__wrap.is-search-active .header-logo .mob-logo img {
        opacity: 0 !important;
        transform: translateX(-12px) scale(0.96);
    }

    /* Search expands to fill row 1 */
    .header__wrap.is-search-active .header__search-wrap {
        flex: 1 1 auto !important;
        max-width: 100% !important;
    }
}

@media (max-width: 360px) {
    .header__wrap .header-right__item {
        gap: 4px;
    }

    .header__wrap .header-right__item .header__mybuy-btn,
    .header__wrap .header-right__item .header-lang__trigger,
    .header__wrap .header-right__item a.header__cart-btn,
    .header__wrap .header-right__item .header__cart-btn {
        height: 40px !important;
        min-height: 40px !important;
        padding: 0 5px !important;
    }

    .header__wrap .header-right__item .header__mybuy-label {
        font-size: 11px;
    }

    .header__wrap .header-right__item .header__cart-label {
        font-size: 11px;
    }
}

/* === Mobile search dropdown polish (max-width 640px) === */
@media (max-width: 640px) {
    .header__search-wrap .header-search-dropdown__list {
        max-height: min(55vh, 380px) !important;
        overflow-y: auto !important;
        padding: 6px !important;
    }

    .header__search-wrap .header-search-dropdown__item + .header-search-dropdown__item {
        margin-top: 4px !important;
    }

    .header__search-wrap .header-search-dropdown__link {
        grid-template-columns: 72px minmax(0, 1fr) auto !important;
        grid-template-areas: 'thumb meta badges' !important;
        align-items: center !important;
        gap: 8px 10px !important;
        padding: 10px 12px !important;
    }

    .header__search-wrap .header-search-dropdown__thumb {
        grid-area: thumb !important;
        grid-column: auto !important;
        align-self: center !important;
        flex: 0 0 72px !important;
        width: 72px !important;
        height: 72px !important;
    }

    .header__search-wrap .header-search-dropdown__meta {
        grid-area: meta !important;
        grid-column: auto !important;
        justify-content: center !important;
        gap: 2px !important;
        padding-top: 0 !important;
        min-width: 0 !important;
        align-self: center !important;
    }

    .header__search-wrap .header-search-dropdown__title {
        font-size: 15px !important;
        line-height: 1.15 !important;
        margin-bottom: 1px !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: normal !important;
    }

    .header__search-wrap .header-search-dropdown__category {
        font-size: 12px !important;
        margin: 0 !important;
    }

    .header__search-wrap .header-search-dropdown__price,
    .header__search-wrap .header-search-dropdown__price-current,
    .header__search-wrap .header-search-dropdown__price-old {
        font-size: 13px !important;
        gap: 4px !important;
    }

    .header__search-wrap .header-search-dropdown__badges {
        grid-area: badges !important;
        grid-column: auto !important;
        flex: 0 0 auto !important;
        width: max-content !important;
        min-width: max-content !important;
        max-width: none !important;
        margin-left: 0 !important;
        padding-left: 0 !important;
        justify-content: flex-end !important;
        align-self: center !important;
        flex-wrap: nowrap !important;
    }

    .header__search-wrap .header-search-stock-badge.header-search-stock-badge--out {
        min-height: 0 !important;
        font-size: 9.5px !important;
        line-height: 1.1 !important;
        padding: 4px 7px !important;
        flex-shrink: 0 !important;
        max-width: none !important;
        min-width: max-content !important;
    }

    .header__search-wrap .header-search-dropdown__sale-badge {
        min-width: 40px !important;
        height: 24px !important;
        font-size: 12px !important;
        padding: 0 8px !important;
    }
}

/* === Payment popup mobile polish (max-width 640px) === */
@media (max-width: 640px) {
    .remodal-wrapper[data-remodal-id="setpaidway"] .modal--setpaidway,
    #setpaidway.modal--setpaidway {
        width: 96vw !important;
        max-width: 96vw !important;
        max-height: 92vh !important;
        overflow-y: auto !important;
        border-radius: 16px !important;
    }

    #setpaidway .c-border__content {
        padding: 16px 16px 14px !important;
    }

    #setpaidway .modal-buy__content {
        grid-template-columns: 1fr !important;
        column-gap: 0 !important;
        row-gap: 8px !important;
        max-height: none !important;
        overflow-y: visible !important;
    }

    #setpaidway .modal-buy__heads {
        grid-column: 1 !important;
        grid-row: auto !important;
        padding-right: 0 !important;
        border-right: none !important;
        border-bottom: 1px solid #e5e7eb !important;
        padding-bottom: 10px !important;
    }

    #setpaidway .account-width__title.fn_setproduct_title {
        font-size: 22px !important;
        margin-bottom: 10px !important;
    }

    #setpaidway .modal-subtitle,
    #setpaidway .modal-buy__payments {
        grid-column: 1 !important;
        grid-row: auto !important;
    }

    #setpaidway .modal-buy__prods .form-field:has(.account-price.account-price__left) {
        display: grid !important;
        grid-template-columns: max-content max-content !important;
        justify-content: start !important;
        align-items: center !important;
        column-gap: 16px !important;
        width: auto !important;
        max-width: 100% !important;
        margin: 0 0 8px 0 !important;
    }

    #setpaidway .modal-buy__prods .form-field:has(.account-price.account-price__left) .form-field__label {
        width: auto !important;
        margin: 0 !important;
        flex: initial !important;
        min-width: 0 !important;
        white-space: nowrap !important;
        overflow: visible !important;
        text-overflow: clip !important;
        font-size: 15px !important;
        line-height: 1.15 !important;
    }

    #setpaidway .modal-buy__prods .form-field:has(.account-price.account-price__left) .form-field__content {
        flex: initial !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        text-align: left !important;
        width: auto !important;
    }

    #setpaidway .modal-buy__prods .form-field:has(.account-price.account-price__left) .account-price.account-price__left {
        width: auto !important;
        justify-content: flex-start !important;
        white-space: nowrap !important;
        flex-shrink: 0 !important;
    }

    #setpaidway .modal-buy__prods > .account-width__title + .form-field .form-field__label {
        white-space: nowrap !important;
        text-overflow: clip !important;
        line-height: 1.2 !important;
    }

    #setpaidway .modal-buy__prods .form-field {
        margin-bottom: 8px !important;
    }

    #setpaidway .input__text,
    #setpaidway .form-field__input.email_input,
    #setpaidway .form-field__input.coupon_input {
        height: 42px !important;
        font-size: 15px !important;
    }

    #setpaidway .form-field__label {
        font-size: 14px !important;
        margin-bottom: 4px !important;
    }

    #setpaidway .account-price .price--value {
        font-size: 24px !important;
    }

    #setpaidway .account-price .price--sc {
        font-size: 22px !important;
    }

    #setpaidway .payment__list {
        gap: 8px !important;
    }

    #setpaidway .payment__item {
        height: 88px !important;
        min-height: 88px !important;
    }

    #setpaidway .payment__btn {
        height: 100% !important;
        min-height: 88px !important;
        padding: 6px 8px !important;
    }

    #setpaidway .payment__item:has(.payment__item-subtitle) .payment__btn {
        padding-bottom: 18px !important;
    }

    #setpaidway .payment__btn {
        justify-content: center !important;
    }

    #setpaidway .payment__btn .btn-text {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        justify-content: center !important;
    }

    #setpaidway .payment__icons {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        height: auto !important;
        max-height: none !important;
        margin-top: 0 !important;
    }

    #setpaidway .payment__icons img {
        width: 100% !important;
        height: 100% !important;
        max-width: 100% !important;
        max-height: 100% !important;
        object-fit: contain !important;
        object-position: center !important;
    }

    #setpaidway .form-field__checkbox {
        margin-top: 6px !important;
        padding-top: 8px !important;
    }

    #setpaidway .modal-subtitle {
        font-size: 16px !important;
        margin: 4px 0 6px 0 !important;
    }

    #setpaidway .fg-payment-email-notice {
        margin: 12px 0 10px;
        padding: 10px 12px;
        font-size: 13px;
    }

    #setpaidway .payment-trust-note {
        margin-top: 6px !important;
        font-size: 11px !important;
    }

    #setpaidway .payment-submit-btn {
        height: 50px !important;
        font-size: 18px !important;
        margin-top: 12px !important;
    }
}

/* === Cart + payment popup: mobile landscape / short-height (CSS-only) === */
@media (max-width: 1024px) and (orientation: landscape),
       (max-width: 1024px) and (max-height: 520px) {
    .cart-popup-wrapper {
        align-items: center !important;
        justify-content: center !important;
        padding: 12px !important;
        box-sizing: border-box !important;
    }

    .cart-popup-wrapper .cart-container {
        width: min(700px, calc(100vw - 24px)) !important;
        max-width: calc(100vw - 24px) !important;
        max-height: calc(100dvh - 24px) !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        overscroll-behavior: contain;
        padding: 8px 12px 10px !important;
        -webkit-overflow-scrolling: touch;
    }

    .cart-popup-wrapper .cart-modal-head {
        margin: 0 0 4px 0 !important;
        padding: 0 28px !important;
    }

    .cart-popup-wrapper .cart-head-icon {
        width: 44px !important;
        height: 44px !important;
        margin: 0 auto 4px !important;
    }

    .cart-popup-wrapper .cart-head-icon-glyph {
        font-size: 0 !important;
        line-height: 0 !important;
    }

    .cart-popup-wrapper .fg-cart-head-svg {
        width: 26px;
        height: 26px;
        transform: translateY(1px);
    }

    .cart-popup-wrapper .cart-head-badge {
        min-width: 18px !important;
        height: 18px !important;
        font-size: 10px !important;
        top: -4px !important;
        right: -3px !important;
    }

    .cart-popup-wrapper .cart-head-title {
        margin: 0 0 4px 0 !important;
        font-size: 18px !important;
    }

    .cart-popup-wrapper .cart-head-subtitle {
        font-size: 13px !important;
    }

    .cart-popup-wrapper .cart-items {
        min-height: 72px !important;
        max-height: none !important;
        padding: 6px 0 4px !important;
    }

    .cart-popup-wrapper .cart-items:not(:has(.cart-item)) {
        min-height: 72px !important;
        max-height: none !important;
        padding: 10px 12px !important;
    }

    .cart-popup-wrapper .cart-summary {
        margin-top: 2px !important;
        padding: 6px 0 0 !important;
    }

    .cart-popup-wrapper .summary-total > span:first-child {
        font-size: 18px !important;
    }

    .cart-popup-wrapper #totalAmount {
        font-size: 24px !important;
    }

    .cart-popup-wrapper .checkout-btn {
        min-height: 44px !important;
        margin-top: 10px !important;
        font-size: 16px !important;
    }

    .cart-popup-wrapper .close-btn {
        top: 8px !important;
        right: 10px !important;
        font-size: 26px !important;
        z-index: 2;
    }

    .remodal-wrapper[data-remodal-id="setpaidway"] .modal--setpaidway,
    #setpaidway.modal--setpaidway {
        width: min(760px, calc(100vw - 24px)) !important;
        max-width: calc(100vw - 24px) !important;
        max-height: calc(100dvh - 24px) !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
    }

    #setpaidway .c-border__content {
        padding: 14px 14px 12px !important;
    }

    #setpaidway .modal-buy__content {
        display: grid !important;
        grid-template-columns: 1fr !important;
        column-gap: 0 !important;
        row-gap: 8px !important;
        max-height: none !important;
        overflow: visible !important;
    }

    #setpaidway .modal-buy__heads {
        grid-column: 1 !important;
        grid-row: auto !important;
        margin: 0 !important;
        padding-right: 0 !important;
        padding-bottom: 8px !important;
        border-right: none !important;
        border-bottom: 1px solid #e5e7eb !important;
    }

    #setpaidway .modal-buy__image {
        width: 44px !important;
        min-width: 44px !important;
        height: 44px !important;
        margin: 0 auto 6px !important;
    }

    #setpaidway .icon__basketcart {
        width: 20px !important;
        height: 20px !important;
    }

    #setpaidway .account-width__title.fn_setproduct_title {
        font-size: 22px !important;
        margin: 0 0 8px 0 !important;
        text-align: center !important;
    }

    #setpaidway .modal-buy__prods .form-field {
        margin-bottom: 8px !important;
    }

    #setpaidway .modal-buy__prods .form-field__label {
        font-size: 14px !important;
        margin-bottom: 4px !important;
    }

    #setpaidway .input__text,
    #setpaidway .form-field__input.email_input,
    #setpaidway .form-field__input.coupon_input {
        height: 40px !important;
        font-size: 14px !important;
    }

    #setpaidway .account-price .price--value {
        font-size: 28px !important;
    }

    #setpaidway .account-price .price--sc {
        font-size: 24px !important;
    }

    #setpaidway .form-field__checkbox {
        margin-top: 4px !important;
        padding-top: 6px !important;
    }

    #setpaidway .modal-subtitle,
    #setpaidway .modal-buy__payments,
    #setpaidway .checkout-popup__field-error[data-error-for="payment-method"] {
        grid-column: 1 !important;
        grid-row: auto !important;
    }

    #setpaidway .modal-subtitle {
        margin: 2px 0 6px 0 !important;
        font-size: 16px !important;
        text-align: center !important;
    }

    #setpaidway .payment__list {
        gap: 8px !important;
    }

    #setpaidway .payment__item,
    #setpaidway .payment__btn {
        height: 72px !important;
        min-height: 72px !important;
    }

    #setpaidway .payment__btn {
        padding: 4px 8px !important;
    }

    #setpaidway .payment__item:has(.payment__item-subtitle) .payment__btn {
        padding-bottom: 14px !important;
    }

    #setpaidway .payment__btn {
        justify-content: center !important;
    }

    #setpaidway .payment__btn .btn-text {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        justify-content: center !important;
    }

    #setpaidway .payment__icons {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        height: auto !important;
        max-height: none !important;
        margin-top: 0 !important;
    }

    #setpaidway .payment__icons img {
        width: 100% !important;
        height: 100% !important;
        max-width: 100% !important;
        max-height: 100% !important;
        object-fit: contain !important;
        object-position: center !important;
    }

    #setpaidway .payment__item-subtitle {
        bottom: 6px !important;
        font-size: 10px !important;
    }

    #setpaidway .fg-payment-email-notice {
        grid-column: 1 !important;
        grid-row: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        margin: 8px 0 8px !important;
        padding: 10px 12px !important;
        font-size: 13px !important;
    }

    #setpaidway .payment-submit-btn {
        grid-column: 1 !important;
        grid-row: auto !important;
        position: static !important;
        width: 100% !important;
        height: 46px !important;
        margin-top: 8px !important;
        font-size: 17px !important;
    }

    #setpaidway .payment-trust-note {
        grid-column: 1 !important;
        grid-row: auto !important;
        margin-top: 6px !important;
        font-size: 11px !important;
    }

    #setpaidway .remodal__close,
    #setpaidway button.remodal__close {
        top: 10px !important;
        right: 12px !important;
        z-index: 3 !important;
    }
}

/* === Homepage product carousel mobile: 2 cards + peek + no arrows (max-width 640px) === */
@media (max-width: 640px) {
    .homepage-product-carousel:not(.homepage-product-carousel--static-grid) .homepage-product-carousel__arrow {
        display: none !important;
    }

    .homepage-product-carousel:not(.homepage-product-carousel--static-grid) .homepage-product-carousel__inner {
        flex-wrap: nowrap !important;
        gap: 0 !important;
        align-items: stretch !important;
    }

    .homepage-product-carousel:not(.homepage-product-carousel--static-grid) .homepage-product-carousel__viewport {
        flex: 1 1 100% !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        overflow-x: auto !important;
        scroll-snap-type: x proximity !important;
    }

    .homepage-product-carousel__track {
        gap: 0 !important;
        margin: -5px !important;
    }

    .homepage-product-carousel .homepage-product-carousel__track > .account-rand__item {
        flex: 0 0 calc(50vw - 30px) !important;
        width: calc(50vw - 30px) !important;
        min-width: 0 !important;
        max-width: none !important;
        padding: 5px !important;
        scroll-snap-align: start !important;
        box-sizing: border-box !important;
    }

    .homepage-product-carousel .account-rand__item-title {
        white-space: normal !important;
        overflow: hidden !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        font-size: 13px !important;
        line-height: 1.25 !important;
        padding: 0 !important;
    }
}

/* === Non-carousel product grid tablet: 5 cols (1200–1399px), 4 cols (900–1199px), 3 cols (641–899px) === */
@media (min-width: 1200px) and (max-width: 1399px) {
    .account-rand__items:not(.homepage-product-carousel__track):not(.category-product-carousel__track):not(.homepage-category-carousel__track):not(.single-product-related__grid) > .account-rand__item:not(.account-category__item) {
        width: 20%;
        min-width: 0;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

/* Homepage static-grid: 6 cols — beats generic 5-col rule above in 1200–1399 overlap. */
@media (min-width: 1200px) and (max-width: 1399px) {
    body.home .section__account-rand .homepage-product-carousel--static-grid .account-rand__items > .account-rand__item:not(.account-category__item),
    body.front-page .section__account-rand .homepage-product-carousel--static-grid .account-rand__items > .account-rand__item:not(.account-category__item) {
        width: 16.6666%;
        min-width: 0;
        flex: 0 0 16.6666%;
        max-width: 16.6666%;
    }
}

@media (min-width: 900px) and (max-width: 1199px) {
    .account-rand__items:not(.homepage-product-carousel__track):not(.category-product-carousel__track):not(.homepage-category-carousel__track):not(.single-product-related__grid) > .account-rand__item:not(.account-category__item) {
        width: 25%;
        min-width: 0;
        flex: 0 0 25%;
        max-width: 25%;
    }
}

@media (min-width: 641px) and (max-width: 899px) {
    .account-rand__items:not(.homepage-product-carousel__track):not(.category-product-carousel__track):not(.homepage-category-carousel__track):not(.single-product-related__grid) > .account-rand__item:not(.account-category__item) {
        width: 33.3333%;
        min-width: 0;
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
    }
}

/* Homepage product grid: 6 cards per row on laptop/desktop (1024px–1599px). */
@media (min-width: 1024px) and (max-width: 1599px) {
    body.home .homepage-product-carousel--static-grid .account-rand__items > .account-rand__item:not(.account-category__item),
    body.front-page .homepage-product-carousel--static-grid .account-rand__items > .account-rand__item:not(.account-category__item) {
        width: 16.6666%;
        min-width: 0;
        flex: 0 0 16.6666%;
        max-width: 16.6666%;
    }

    /* Real carousel laptop: viewport-derived card width (6 per viewport) so cards fill
       the row like the grid instead of fixed 220px (which left right-side empty space).
       Track width:auto (overrides max-content) makes the % card widths resolve against a
       definite container; the inherited margin:-9px keeps the same edge bleed as the grid. */
    body.home .homepage-product-carousel .homepage-product-carousel__track,
    body.front-page .homepage-product-carousel .homepage-product-carousel__track {
        width: auto;
    }

    body.home .homepage-product-carousel .homepage-product-carousel__track > .account-rand__item,
    body.front-page .homepage-product-carousel .homepage-product-carousel__track > .account-rand__item {
        width: 16.6666%;
        min-width: 16.6666%;
        max-width: 16.6666%;
        flex: 0 0 16.6666%;
    }
}

/* === Non-carousel product grid mobile: 2 per row, full width (max-width 640px) === */
@media (max-width: 640px) {
    .account-rand__items:not(.homepage-product-carousel__track):not(.category-product-carousel__track) > .account-rand__item:not(.account-category__item) {
        width: 50% !important;
        min-width: 0 !important;
        max-width: 50% !important;
        flex: 0 0 50% !important;
    }
}

/* === Homepage static-grid mobile: clean 2-col grid, no carousel scroll shell (max-width 640px) === */
@media (max-width: 640px) {
    body.home .homepage-product-carousel--static-grid .homepage-product-carousel__inner,
    body.front-page .homepage-product-carousel--static-grid .homepage-product-carousel__inner {
        display: block;
        width: 100%;
        gap: 0;
    }

    body.home .homepage-product-carousel--static-grid .homepage-product-carousel__viewport,
    body.front-page .homepage-product-carousel--static-grid .homepage-product-carousel__viewport {
        overflow: visible !important;
        overflow-x: visible !important;
        overflow-y: visible !important;
        scroll-snap-type: none !important;
        -webkit-overflow-scrolling: auto;
        flex: none;
        width: 100%;
        min-width: 0;
        max-width: 100%;
    }

    body.home .homepage-product-carousel--static-grid .account-rand__items,
    body.front-page .homepage-product-carousel--static-grid .account-rand__items {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
        margin: 0 !important;
        row-gap: 12px;
        width: 100%;
        min-width: 0;
        justify-content: stretch;
        align-items: stretch;
    }

    body.home .homepage-product-carousel--static-grid .account-rand__items > .account-rand__item:not(.account-category__item),
    body.front-page .homepage-product-carousel--static-grid .account-rand__items > .account-rand__item:not(.account-category__item) {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        flex: none !important;
        padding: 0 !important;
        box-sizing: border-box;
    }
}

/* === Homepage category carousel mobile: 1 card + peek + no arrows (max-width 640px) === */
@media (max-width: 640px) {
    .homepage-category-carousel__arrow {
        display: none !important;
    }

    .homepage-category-carousel__inner {
        flex-wrap: nowrap !important;
        gap: 0 !important;
        align-items: stretch !important;
    }

    .homepage-category-carousel:not(.homepage-category-carousel--static) .homepage-category-carousel__viewport {
        flex: 1 1 100% !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        overflow-x: auto !important;
        scroll-snap-type: x proximity !important;
    }

    .homepage-category-carousel:not(.homepage-category-carousel--static) .homepage-category-carousel__track > .account-rand__item {
        flex: 0 0 calc(100vw - 88px) !important;
        width: calc(100vw - 88px) !important;
        min-width: 0 !important;
        scroll-snap-align: start !important;
    }

    .homepage-category-carousel .account-category__item-image {
        aspect-ratio: 16 / 7 !important;
        min-height: 0 !important;
    }

    .homepage-category-carousel--static .homepage-category-carousel__track {
        gap: 10px !important;
    }

    .homepage-category-carousel__arrow--spacer,
    .homepage-product-carousel__arrow--spacer {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        overflow: hidden !important;
        flex: 0 0 0 !important;
    }
}

/* === Single product related grid mobile reset (max-width 640px + mobile landscape) === */
@media (max-width: 640px),
       (max-width: 932px) and (orientation: landscape) {
    body.single-product .single-product-related__grid.account-rand__items > .account-rand__item:not(.account-category__item) {
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        flex: none !important;
    }
}

/* === Category filterbar mobile: 2×2 wrap layout (max-width 640px) === */
@media (max-width: 640px) {
    .category-filterbar {
        gap: 8px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .main__content > .category-filterbar {
        margin-left: 12px;
        margin-right: 12px;
        width: auto;
    }

    .category-filterbar__items {
        flex-wrap: wrap !important;
        overflow-x: visible !important;
        padding-bottom: 0 !important;
        gap: 8px !important;
    }

    .category-filterbar__item {
        flex: 1 1 calc(50% - 4px) !important;
        min-width: 0 !important;
        height: 40px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        gap: 7px !important;
        font-size: 13px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .category-filterbar__icon,
    .category-filterbar__icon svg {
        width: 16px !important;
        height: 16px !important;
        flex-shrink: 0 !important;
    }

    .category-filterbar__count {
        flex: 1 1 100% !important;
        text-align: center !important;
        font-size: 13px !important;
    }
}

@media (max-width: 932px) and (orientation: landscape) {
    .main__content > .category-filterbar {
        margin-left: 12px;
        margin-right: 12px;
        width: auto;
        max-width: calc(100% - 24px);
        padding: 10px 14px;
        flex-wrap: nowrap;
    }

    .main__content > .category-filterbar .category-filterbar__items {
        gap: 8px;
        flex-wrap: nowrap;
    }

    .main__content > .category-filterbar .category-filterbar__item {
        min-height: 40px;
        padding: 0 14px;
        gap: 7px;
        font-size: 14px;
        white-space: nowrap;
    }

    .main__content > .category-filterbar .category-filterbar__icon {
        width: 16px;
        height: 16px;
        flex: 0 0 16px;
    }

    .main__content > .category-filterbar .category-filterbar__count {
        white-space: nowrap;
        flex: 0 0 auto;
        font-size: 14px;
        margin-left: 10px;
    }
}

/* === Payment popup: disabled payment card styling (Phase 2) ===
 * Disabled methods remain visible but appear gray/desaturated and cannot be hovered/selected.
 * Scoped strictly to #setpaidway and the .is-disabled hook on .payment__btn.
 */
#setpaidway .payment__btn.is-disabled {
    opacity: 0.55 !important;
    filter: grayscale(1) !important;
    cursor: not-allowed !important;
    border-color: #d1d5db !important;
    background: #f9fafb !important;
    box-shadow: none !important;
}

#setpaidway .payment__btn.is-disabled:hover,
#setpaidway .payment__btn.is-disabled:focus,
#setpaidway .payment__btn.is-disabled:focus-visible,
#setpaidway .payment__btn.is-disabled:active {
    border-color: #d1d5db !important;
    background: #f9fafb !important;
    box-shadow: none !important;
    outline: none !important;
}

#setpaidway .payment__btn.is-disabled::after {
    display: none !important;
}

#setpaidway .payment__item--disabled .payment__item-subtitle {
    color: #9ca3af !important;
}


/* =========================================================================
 * Manual Form Delivery — Phase 4: pre-payment popup styling.
 *
 * Visual shell (.remodal-wrapper, .remodal, .c-border, .button__buy) is
 * inherited from the existing payment popup so this section only styles
 * the bespoke form structure inside the manual form modal.
 * ========================================================================= */

.fg-manual-form__title {
    font-weight: 700;
    font-size: 22px;
    line-height: 1.25;
    margin: 0 0 6px;
    text-align: center;
}

.fg-manual-form__subtitle {
    font-size: 14px;
    color: #6b7280;
    margin: 0 0 16px;
    text-align: center;
    word-break: break-word;
}

.fg-manual-form__subtitle:empty {
    display: none;
}

.fg-manual-form__fields {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 0 0 8px;
}

.fg-manual-form__field {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin: 0;
}

.fg-manual-form__field .form-field__label,
.fg-manual-form__label {
    font-weight: 500;
    font-size: 14px;
    color: #111827;
    margin: 0;
}

.fg-manual-form__field .form-field__content {
    margin: 0;
}

.fg-manual-form__input,
.fg-manual-form__textarea,
.fg-manual-form__select {
    width: 100%;
    box-sizing: border-box;
}

.fg-manual-form__textarea {
    resize: vertical;
    min-height: 88px;
    font-family: inherit;
}

.fg-manual-form__field.is-error .fg-manual-form__input,
.fg-manual-form__field.is-error .fg-manual-form__textarea,
.fg-manual-form__field.is-error .fg-manual-form__select {
    border-color: #dc2626 !important;
    background: #fef2f2 !important;
}

.fg-manual-form__field-error {
    color: #dc2626;
    font-size: 12px;
    line-height: 1.3;
    margin-top: 2px;
}

.fg-manual-form__field-error:empty {
    display: none;
}

.fg-manual-form__top-error {
    color: #dc2626;
    font-size: 13px;
    line-height: 1.4;
    margin: 8px 0;
    display: none;
}

.fg-manual-form__top-error.is-active {
    display: block;
}

.fg-manual-form__actions {
    margin-top: 16px;
    display: flex;
    justify-content: center;
}

.fg-manual-form__continue {
    width: 100%;
    max-width: 100%;
}

@media (max-width: 640px) {
    .fg-manual-form__title {
        font-size: 18px;
    }
    .fg-manual-form__subtitle {
        font-size: 13px;
    }
}

/* =========================================================================
 * Phase 7 — Manual-form-delivery thank-you status card.
 *
 * Isolated .fg-manual-order namespace. No existing class names are touched.
 * Replaces the credentials block on the thank-you page for orders flagged
 * with _fungame_delivery_type = manual_form. Visual language mirrors the
 * payment popup: white surfaces, soft gray accents, rounded corners, subtle
 * borders, no legacy orange gradients, no dark theme.
 * ========================================================================= */

.fg-manual-order {
    position: relative;
    margin: 8px 0 0;
    padding: 22px 22px 22px 26px;
    background: #ffffff;
    border: 1px solid #eef0f4;
    border-radius: 16px;
    box-shadow: 0 1px 2px rgba(17, 24, 39, 0.03);
    overflow: hidden;
}

.fg-manual-order::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 4px;
    background: #cbd5e1;
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
}

.fg-manual-order[data-fg-manual-status="processing"]::before,
.fg-manual-order[data-fg-manual-status="on-hold"]::before {
    background: #3b82f6;
}

.fg-manual-order[data-fg-manual-status="completed"]::before {
    background: #10b981;
}

.fg-manual-order[data-fg-manual-status="failed"]::before,
.fg-manual-order[data-fg-manual-status="cancelled"]::before,
.fg-manual-order[data-fg-manual-status="refunded"]::before {
    background: #f43f5e;
}

.fg-manual-order__header {
    margin: 0 0 8px;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.35;
    color: #0f172a;
    letter-spacing: -0.005em;
}

.fg-manual-order[data-fg-manual-status="completed"] .fg-manual-order__header {
    color: #047857;
}

.fg-manual-order[data-fg-manual-status="failed"] .fg-manual-order__header,
.fg-manual-order[data-fg-manual-status="cancelled"] .fg-manual-order__header,
.fg-manual-order[data-fg-manual-status="refunded"] .fg-manual-order__header {
    color: #be123c;
}

.fg-manual-order__status {
    margin: 0;
    font-size: 14.5px;
    line-height: 1.6;
    color: #475569;
}

.fg-manual-order__fields {
    margin: 18px 0 0;
    padding: 16px;
    background: #f7f8fa;
    border: 1px solid #eef0f4;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.fg-manual-order__row {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 12px;
    padding: 8px 12px;
    background: #ffffff;
    border: 1px solid #eef0f4;
    border-radius: 10px;
}

.fg-manual-order__label {
    margin: 0;
    flex: 0 0 auto;
    min-width: 120px;
    font-size: 13px;
    font-weight: 600;
    color: #64748b;
    text-transform: none;
    letter-spacing: 0;
}

.fg-manual-order__value {
    margin: 0;
    flex: 1 1 0;
    min-width: 0;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
    font-size: 14.5px;
    line-height: 1.5;
    color: #0f172a;
    word-break: break-word;
    overflow-wrap: anywhere;
}

@media (max-width: 640px) {
    .fg-manual-order {
        padding: 18px 18px 18px 22px;
        border-radius: 14px;
    }
    .fg-manual-order::before {
        border-top-left-radius: 14px;
        border-bottom-left-radius: 14px;
    }
    .fg-manual-order__header {
        font-size: 16.5px;
    }
    .fg-manual-order__status {
        font-size: 14px;
    }
    .fg-manual-order__fields {
        padding: 12px;
        gap: 8px;
    }
    .fg-manual-order__row {
        padding: 8px 10px;
        gap: 4px;
    }
    .fg-manual-order__label {
        flex: 1 1 100%;
        min-width: 0;
        font-size: 12.5px;
    }
    .fg-manual-order__value {
        flex: 1 1 100%;
        font-size: 14px;
    }
}

/* Manual-form thank-you live status indicator (spinner only, scoped). */
.fg-manual-live-status {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 14px;
    padding: 10px 12px;
    background: #f8fafc;
    border: 1px solid #e8edf3;
    border-radius: 10px;
}

.fg-manual-live-status__text {
    font-size: 13px;
    line-height: 1.45;
    color: #64748b;
}

.fg-manual-live-status__spinner {
    flex: 0 0 auto;
    width: 16px;
    height: 16px;
    border: 2px solid #cbd5e1;
    border-top-color: #3b82f6;
    border-radius: 50%;
    animation: fg-manual-live-spin 0.75s linear infinite;
}

.fg-manual-live-status--stopped .fg-manual-live-status__spinner {
    animation: none;
    opacity: 0;
    width: 0;
    height: 0;
    border-width: 0;
    margin: 0;
}

.fg-manual-live-status--stopped .fg-manual-live-status__text {
    display: none;
}

.fg-manual-live-status.fg-manual-live-status--stopped {
    display: none;
}

@keyframes fg-manual-live-spin {
    to {
        transform: rotate(360deg);
    }
}

/* =========================================================================
 * Manual Form Popup — visual redesign (v3).
 * Reference: compact single-column white modal, gray-bg inputs, orange CTA.
 *
 * Root-cause fixes applied here:
 *   A) style.css L508: .form-field__label { width:140px } — causes word-by-word
 *      label wrapping when field is a column flex. Overridden below to auto.
 *   B) main.css L369: .modal-buy__content { padding:40px } global rule stacks
 *      on top of c-border__content padding → double-padding → narrows content.
 *      Overridden to 0 inside #fungame-manual-form.
 *   C) style.css L1668: .remodal { background:#1C2338 } dark navy → white.
 *   D) style.css L1820: .remodal__close skewed blue button → neutral gray X.
 *   E) style.css L5239: .button__buy neon pseudo-elements → stripped.
 *
 * All JS hooks preserved (class/attr only, no renames).
 * Payment popup (#setpaidway) and cart popup untouched.
 * ========================================================================= */

/* 1. Modal shell ---------------------------------------------------------- */
.remodal-wrapper[data-remodal-id="fungame-manual-form"] .modal--manual-form,
#fungame-manual-form.modal--manual-form {
    max-width: 560px !important;
    width: min(560px, 94vw) !important;
    background: #ffffff !important;
    color: #111827 !important;
    border: none !important;
    border-radius: 24px !important;
    box-shadow: 0 24px 64px rgba(15, 23, 42, 0.20) !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* 2. Hide legacy c-border decorative chrome -------------------------------- */
#fungame-manual-form .c-border::after,
#fungame-manual-form .c-border__lamp,
#fungame-manual-form .c-border__angle,
#fungame-manual-form .c-border__angle-side,
#fungame-manual-form .c-border__line,
#fungame-manual-form .c-border__line-side {
    display: none !important;
}

/* Inner content wrapper.
   Fix B: zero out .modal-buy__content global 40px padding that stacks here.
   Only apply real padding at this level. */
#fungame-manual-form .c-border__content {
    background: #ffffff !important;
    min-height: 0 !important;
    padding: 40px 40px 36px !important;
    position: relative !important;
    z-index: 1 !important;
}

/* Fix B: cancel the global .modal-buy__content { padding:40px } rule */
#fungame-manual-form .modal-buy__content {
    padding: 0 !important;
}

/* Fix: cancel .modal-buy__heads { margin:0 0 20px } legacy bottom gap */
#fungame-manual-form .modal-buy__heads {
    margin: 0 !important;
    display: block !important;
}

/* Fix: .modal-buy__prods column flex — ensure it fills full width */
#fungame-manual-form .modal-buy__prods {
    width: 100% !important;
    min-width: 0 !important;
}

/* 3. Close button — neutral gray X, no blue skew -------------------------- */
#fungame-manual-form .remodal__close,
#fungame-manual-form button.remodal__close {
    border: none !important;
    background: transparent !important;
    color: #6b7280 !important;
    transform: none !important;
    border-radius: 50% !important;
    width: 36px !important;
    height: 36px !important;
    right: 18px !important;
    top: 18px !important;
    font-size: 18px !important;
    transition: color 0.18s, background 0.18s !important;
}

#fungame-manual-form .remodal__close::after {
    transform: none !important;
    font-size: 20px !important;
}

#fungame-manual-form .remodal__close:hover,
#fungame-manual-form button.remodal__close:hover {
    color: #111827 !important;
    background: #f3f4f6 !important;
    border: none !important;
}

/* 4. Title and product subtitle ------------------------------------------- */
#fungame-manual-form .fg-manual-form__title {
    color: #111827 !important;
    text-shadow: none !important;
    text-transform: none !important;
    font-size: 24px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    margin: 0 0 8px !important;
    text-align: center !important;
}

#fungame-manual-form .fg-manual-form__subtitle {
    color: #6b7280 !important;
    text-shadow: none !important;
    text-align: center !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
    margin: 0 0 28px !important;
}

/* 5. Field column — gap between fields ------------------------------------ */
#fungame-manual-form .fg-manual-form__fields {
    gap: 16px !important;
    margin: 0 0 24px !important;
    width: 100% !important;
}

/* 6. Individual field — column flex, full width --------------------------- */
#fungame-manual-form .fg-manual-form__field {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    width: 100% !important;
}

/* Fix A: override .form-field__label { width:140px } — the primary cause
   of word-by-word label wrapping in a column-flex field container. */
#fungame-manual-form .fg-manual-form__field .form-field__label,
#fungame-manual-form .fg-manual-form__label {
    width: auto !important;
    max-width: 100% !important;
    margin: 0 !important;
    color: #374151 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-shadow: none !important;
    white-space: normal !important;
}

/* 7. Inputs — gray-bg, rounded, comfortable height ----------------------- */
#fungame-manual-form .fg-manual-form__input,
#fungame-manual-form .fg-manual-form__textarea,
#fungame-manual-form .fg-manual-form__select {
    background: #f3f4f6 !important;
    border: 1.5px solid transparent !important;
    border-radius: 14px !important;
    color: #111827 !important;
    font-size: 16px !important;
    padding: 0 18px !important;
    height: 56px !important;
    box-shadow: none !important;
    transition: border-color 0.18s, background 0.18s !important;
    width: 100% !important;
    box-sizing: border-box !important;
    display: block !important;
}

#fungame-manual-form .fg-manual-form__input:focus,
#fungame-manual-form .fg-manual-form__textarea:focus,
#fungame-manual-form .fg-manual-form__select:focus {
    background: #ffffff !important;
    border-color: #f97316 !important;
    outline: none !important;
}

#fungame-manual-form .fg-manual-form__textarea {
    height: auto !important;
    min-height: 100px !important;
    padding: 14px 18px !important;
}

#fungame-manual-form .fg-manual-form__input::placeholder,
#fungame-manual-form .fg-manual-form__textarea::placeholder {
    color: #9ca3af !important;
}

/* Error state */
#fungame-manual-form .fg-manual-form__field.is-error .fg-manual-form__input,
#fungame-manual-form .fg-manual-form__field.is-error .fg-manual-form__textarea,
#fungame-manual-form .fg-manual-form__field.is-error .fg-manual-form__select {
    border-color: #dc2626 !important;
    background: #fef2f2 !important;
}

/* Fix: .form-field__content wrapper inside each field must not add width
   constraints — it is styled globally with flex:1 but here we want block */
#fungame-manual-form .fg-manual-form__field .form-field__content {
    width: 100% !important;
    flex: none !important;
    margin: 0 !important;
}

/* 8. Actions area --------------------------------------------------------- */
#fungame-manual-form .fg-manual-form__actions {
    margin-top: 28px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
}

/* 9. Continue button — orange, full-width; strip neon pseudo-elements ----- */
#fungame-manual-form .fg-manual-form__continue {
    background: #f97316 !important;
    background-image: none !important;
    border: none !important;
    color: #ffffff !important;
    box-shadow: 0 6px 18px rgba(249, 115, 22, 0.32) !important;
    border-radius: 16px !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    height: 60px !important;
    width: 100% !important;
    max-width: 100% !important;
    cursor: pointer !important;
    transition: background 0.18s, box-shadow 0.18s !important;
    position: relative !important;
    z-index: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

#fungame-manual-form .fg-manual-form__continue::after,
#fungame-manual-form .fg-manual-form__continue::before {
    display: none !important;
    background: none !important;
    content: none !important;
}

#fungame-manual-form .fg-manual-form__continue:hover {
    background: #ea6d0a !important;
    box-shadow: 0 8px 22px rgba(249, 115, 22, 0.42) !important;
}

#fungame-manual-form .fg-manual-form__continue:active {
    filter: brightness(0.95) !important;
}

/* 10. Errors -------------------------------------------------------------- */
#fungame-manual-form .fg-manual-form__field-error {
    color: #dc2626 !important;
    font-size: 13px !important;
    margin-top: 4px !important;
}

#fungame-manual-form .fg-manual-form__top-error {
    font-size: 14px !important;
    margin: 12px 0 !important;
    text-align: center !important;
}

/* 11. Mobile -------------------------------------------------------------- */
@media (max-width: 600px) {
    .remodal-wrapper[data-remodal-id="fungame-manual-form"] .modal--manual-form,
    #fungame-manual-form.modal--manual-form {
        width: 96vw !important;
        max-width: 100% !important;
        border-radius: 18px !important;
    }

    #fungame-manual-form .c-border__content {
        padding: 28px 20px 24px !important;
    }

    #fungame-manual-form .fg-manual-form__title {
        font-size: 20px !important;
    }

    #fungame-manual-form .fg-manual-form__subtitle {
        font-size: 13px !important;
        margin-bottom: 20px !important;
    }

    #fungame-manual-form .fg-manual-form__continue {
        height: 54px !important;
        font-size: 16px !important;
    }
}

/* === Category/card ACF product carousel (card-display-functions.php; JS: .category-product-carousel) === */
.category-product-carousel {
    width: 100%;
    max-width: 100%;
}

.category-product-carousel__inner {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 10px;
    width: 100%;
}

.category-product-carousel__viewport {
    flex: 1;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.category-product-carousel__viewport::-webkit-scrollbar {
    display: none;
}

.category-product-carousel .category-product-carousel__track {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    width: max-content;
    margin: -9px;
    row-gap: 12px;
}

.category-product-carousel .category-product-carousel__track > .account-rand__item {
    flex: 0 0 auto;
    width: 220px;
    min-width: 220px;
    max-width: 280px;
    box-sizing: border-box;
}

.category-product-carousel__arrow {
    flex: 0 0 auto;
    align-self: center;
    width: 40px;
    height: 40px;
    padding: 0;
    margin: 0;
    border: 1px solid #d8e5f2;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
}

.category-product-carousel__arrow:hover:not(:disabled) {
    border-color: #b9d4ef;
    background: #f8fbff;
    box-shadow: 0 4px 10px rgba(37, 99, 235, 0.12);
}

.category-product-carousel__arrow:disabled {
    opacity: 0.35;
    cursor: default;
    box-shadow: none;
}

.category-product-carousel__arrow-icon {
    display: block;
    width: 10px;
    height: 10px;
    border-right: 2px solid #1f2937;
    border-bottom: 2px solid #1f2937;
    transform: rotate(-45deg);
    margin-left: -2px;
}

.category-product-carousel__arrow--prev .category-product-carousel__arrow-icon {
    transform: rotate(135deg);
    margin-left: 2px;
}

@media (max-width: 640px) {
    .category-product-carousel__arrow {
        display: none !important;
    }

    .category-product-carousel__inner {
        flex-wrap: nowrap !important;
        gap: 0 !important;
        align-items: stretch !important;
    }

    .category-product-carousel__viewport {
        flex: 1 1 100% !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        overflow-x: auto !important;
        scroll-snap-type: x proximity !important;
    }

    .category-product-carousel__track {
        gap: 0 !important;
        margin: -5px !important;
    }

    .category-product-carousel .category-product-carousel__track > .account-rand__item {
        flex: 0 0 calc(50vw - 30px) !important;
        width: calc(50vw - 30px) !important;
        min-width: 0 !important;
        max-width: none !important;
        padding: 5px !important;
        scroll-snap-align: start !important;
        box-sizing: border-box !important;
    }

    .category-product-carousel .account-rand__item-title {
        white-space: normal !important;
        overflow: hidden !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        font-size: 13px !important;
        line-height: 1.25 !important;
    }
}

.main__content .category-empty-state {
    color: #111827;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 360px;
    text-align: center;
    font-size: 30px;
    line-height: 1.35;
    font-weight: 700;
    margin: 0 auto;
    padding: 40px 16px;
}

/* Add-to-cart success toast (shop-popups.js — showAddToCartNotification) */
.cart-notification {
    position: fixed;
    top: 20px;
    right: 20px;
    left: auto;
    z-index: 10000;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    box-sizing: border-box;
    max-width: 360px;
    width: calc(100% - 32px);
    padding: 14px 16px 14px 18px;
    background: #ffffff;
    border: 1px solid #eef0f4;
    border-left: 3px solid #f97316;
    border-radius: 14px;
    box-shadow: 0 4px 20px rgba(17, 24, 39, 0.1), 0 1px 3px rgba(17, 24, 39, 0.06);
    color: #111827;
    opacity: 0;
    transform: translateY(-10px);
    transition: opacity 0.3s ease, transform 0.3s ease;
    pointer-events: none;
}

.cart-notification.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.cart-notification__icon {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    margin-top: 1px;
    border-radius: 50%;
    background: linear-gradient(135deg, #34d399 0%, #10b981 100%);
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.15);
    line-height: 1;
}

.cart-notification__icon::after {
    content: '';
    display: block;
    width: 6px;
    height: 11px;
    border: solid #ffffff;
    border-width: 0 2.5px 2.5px 0;
    transform: rotate(45deg);
    margin-top: -1px;
}

.cart-notification__content {
    min-width: 0;
    flex: 1 1 auto;
}

.cart-notification__title {
    margin: 0 0 4px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
    color: #111827;
}

.cart-notification__text {
    margin: 0;
    font-size: 13px;
    line-height: 1.45;
    color: #4b5563;
    word-break: break-word;
}

@media (max-width: 640px) {
    .cart-notification {
        top: 16px;
        right: 16px;
        left: 16px;
        width: auto;
        max-width: calc(100% - 32px);
    }
}

@media (prefers-reduced-motion: reduce) {
    .cart-notification {
        transition: opacity 0.15s ease;
        transform: none;
    }

    .cart-notification.is-visible {
        transform: none;
    }
}

/* Homepage global reviews block (front-page.php → global_reviews_block) */
.fg-homepage-reviews {
    width: 100%;
}

.fg-homepage-reviews__grid.homepage-category-carousel--static {
    width: 100%;
    max-width: 100%;
}

.fg-homepage-reviews .homepage-category-carousel--static .homepage-category-carousel__track.fg-homepage-reviews__track {
    align-items: start;
    gap: 20px;
}

/* Reset legacy product-card sizing from .account-rand__item inside reviews track */
.fg-homepage-reviews__track > .fg-homepage-review-card.account-rand__item {
    width: 100%;
    max-width: none;
    min-width: 0;
    flex: none;
    padding: 0;
    display: block;
    box-sizing: border-box;
}

.fg-homepage-review-card {
    min-width: 0;
}

.fg-homepage-review-card__inner {
    display: flex;
    flex-direction: column;
    padding: 4px 12px;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.fg-homepage-review-card__head {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 2px 6px;
    margin-bottom: 1px;
    min-width: 0;
}

.fg-homepage-review-card__body {
    display: flex;
    flex-direction: column;
    gap: 1px;
    min-width: 0;
}

html[lang^="ka"] .fg-homepage-review-card__author,
html[lang^="ru"] .fg-homepage-review-card__author,
html[lang^="en"] .fg-homepage-review-card__author {
    color: #111827;
    font-size: 15px;
    font-weight: 600 !important;
    flex-shrink: 0;
}

.fg-homepage-review-card__date {
    color: #9ca3af;
    font-size: 13px;
    line-height: 1;
    margin-left: auto;
    flex-shrink: 1;
    min-width: 0;
    white-space: nowrap;
}

.fg-homepage-review-card__head.is-head-tight .fg-homepage-review-card__date {
    font-size: 10px;
    letter-spacing: -0.03em;
}

.fg-homepage-reviews .fg-global-reviews__stars {
    display: inline-flex;
    gap: 2px;
    line-height: 1;
    flex-shrink: 0;
}

.fg-homepage-reviews .fg-global-reviews__star {
    color: #d1d5db;
    font-size: 15px;
}

.fg-homepage-reviews .fg-global-reviews__star.is-filled {
    color: #e85d04;
}

.fg-homepage-review-card__text {
    color: #1f2937;
    font-size: 15px;
    line-height: 1.25;
    min-width: 0;
    overflow-wrap: break-word;
    word-break: normal;
}

.fg-homepage-review-card:not(.is-expanded) .fg-homepage-review-card__text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    flex-shrink: 0;
}

/* Short comments: natural content height, no reserved toggle space */
.fg-homepage-review-card:not(.is-expanded):not(.is-truncatable) .fg-homepage-review-card__text {
    min-height: 0;
    max-height: none;
}

.fg-homepage-review-card:not(.is-expanded):not(.is-truncatable) .fg-homepage-review-card__toggle {
    height: 0;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

/* Short comments: subtle breathing room without restoring fixed equal height */
.fg-homepage-review-card:not(.is-expanded):not(.is-truncatable) .fg-homepage-review-card__inner {
    padding: 8px 12px;
}

.fg-homepage-review-card:not(.is-expanded):not(.is-truncatable) .fg-homepage-review-card__head {
    margin-bottom: 3px;
}

.fg-homepage-review-card:not(.is-expanded):not(.is-truncatable) .fg-homepage-review-card__body {
    gap: 2px;
}

/* Truncated comments: compact fixed body, tighter text, space before action */
.fg-homepage-review-card.is-truncatable:not(.is-expanded) .fg-homepage-review-card__body {
    gap: 3px;
    min-height: calc(1.3em * 3 + 3px + 1em);
}

.fg-homepage-review-card.is-truncatable:not(.is-expanded) .fg-homepage-review-card__text {
    font-size: 14px;
    line-height: 1.3;
    min-height: calc(1.3em * 3);
    max-height: calc(1.3em * 3);
}

.fg-homepage-review-card:not(.is-expanded) .fg-homepage-review-card__text p {
    display: inline;
    margin: 0;
}

.fg-homepage-review-card:not(.is-expanded) .fg-homepage-review-card__text p + p::before {
    content: ' ';
}

.fg-homepage-review-card.is-expanded .fg-homepage-review-card__text {
    display: block;
    min-height: 0;
    max-height: none;
    overflow: visible;
    -webkit-line-clamp: unset;
}

.fg-homepage-review-card.is-expanded .fg-homepage-review-card__text p {
    display: block;
    margin: 0 0 0.75em;
}

.fg-homepage-review-card.is-expanded .fg-homepage-review-card__text p:last-child {
    margin-bottom: 0;
}

.fg-homepage-review-card__toggle {
    align-self: flex-start;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    color: #e85d04;
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
    height: 1em;
    cursor: pointer;
    text-decoration: none;
    flex-shrink: 0;
}

.fg-homepage-review-card:not(.is-expanded) .fg-homepage-review-card__toggle {
    display: block;
    visibility: hidden;
}

.fg-homepage-review-card.is-truncatable:not(.is-expanded) .fg-homepage-review-card__toggle,
.fg-homepage-review-card.is-expanded.is-truncatable .fg-homepage-review-card__toggle {
    visibility: visible;
}

.fg-homepage-review-card.is-expanded.is-truncatable .fg-homepage-review-card__toggle {
    display: inline;
}

.fg-homepage-review-card__toggle:hover {
    color: #c2410c;
    text-decoration: none;
}

.fg-homepage-review-card__toggle:focus-visible {
    outline: 2px solid #e85d04;
    outline-offset: 2px;
}

.fg-homepage-review-card__toggle-label--less {
    display: none;
}

.fg-homepage-review-card.is-expanded .fg-homepage-review-card__toggle-label--more {
    display: none;
}

.fg-homepage-review-card.is-expanded .fg-homepage-review-card__toggle-label--less {
    display: inline;
}

.fg-homepage-review-card__text p {
    overflow-wrap: break-word;
    word-break: normal;
}

.fg-homepage-reviews__carousel .homepage-category-carousel__track > .fg-homepage-review-card.account-rand__item {
    flex: 0 0 calc((100% - 3 * var(--hp-cat-gap)) / 4) !important;
    width: calc((100% - 3 * var(--hp-cat-gap)) / 4) !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 0;
    display: block;
    box-sizing: border-box;
}

@media (max-width: 1100px) {
    .fg-homepage-reviews__carousel .homepage-category-carousel__track > .fg-homepage-review-card.account-rand__item {
        flex: 0 0 calc((100% - 2 * var(--hp-cat-gap)) / 3) !important;
        width: calc((100% - 2 * var(--hp-cat-gap)) / 3) !important;
        min-width: calc((100% - 2 * var(--hp-cat-gap)) / 3) !important;
    }
}

@media (max-width: 720px) {
    .fg-homepage-reviews__carousel .homepage-category-carousel__track > .fg-homepage-review-card.account-rand__item {
        flex: 0 0 calc((100% - var(--hp-cat-gap)) / 2) !important;
        width: calc((100% - var(--hp-cat-gap)) / 2) !important;
        min-width: calc((100% - var(--hp-cat-gap)) / 2) !important;
    }
}

@media (min-width: 1600px) {
    body.home .fg-homepage-reviews .homepage-category-carousel--static.fg-homepage-reviews__grid .homepage-category-carousel__viewport,
    body.front-page .fg-homepage-reviews .homepage-category-carousel--static.fg-homepage-reviews__grid .homepage-category-carousel__viewport {
        max-width: var(--site-wide-width);
        margin-left: auto;
        margin-right: auto;
    }

    body.home .fg-homepage-reviews__carousel .homepage-category-carousel__viewport,
    body.front-page .fg-homepage-reviews__carousel .homepage-category-carousel__viewport {
        max-width: var(--site-wide-width);
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 1024px) {
    .fg-homepage-reviews .homepage-category-carousel--static .homepage-category-carousel__track.fg-homepage-reviews__track {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .fg-homepage-reviews .homepage-category-carousel--static .homepage-category-carousel__track.fg-homepage-reviews__track {
        grid-template-columns: minmax(0, 1fr);
        gap: 16px;
    }

    .fg-homepage-reviews__carousel .homepage-category-carousel__track > .fg-homepage-review-card.account-rand__item {
        flex: 0 0 min(100%, calc(100vw - 96px)) !important;
        width: min(100%, calc(100vw - 96px)) !important;
        max-width: calc(100vw - 96px) !important;
    }

    .fg-homepage-review-card__date {
        margin-left: 0;
        width: 100%;
    }
}

/* Header action button text: beat global lang body * font-weight: 400 !important */
.header__mybuy-label,
.header-lang__trigger-code,
.header__cart-label,
.header__cart-count {
    font-weight: 500 !important;
}

/* Livestrip text: beat global lang body * font-weight: 400 !important */
.livestrip .livestrip__item-title,
.livestrip .livestrip__item-title *,
.livestrip .livestrip__item-category,
.livestrip .livestrip__item-category *,
.livestrip .livestrip__item-category-text,
.livestrip .livestrip__item-category-text *,
.livestrip .livestrip__item-lastsell,
.livestrip .livestrip__item-lastsell * {
    font-weight: 500 !important;
}