@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Georgian:wght@400;500;700&display=swap');

/* ინგლისური ვერსიის ფონტი + წონა */
html[lang^="en"] body {
    font-family: "YourEnglishFont", Arial, sans-serif !important;
    font-weight: 600 !important;   /* ➤ აქ ვხსნით საერთო bold-ს მხოლოდ en-ზე */
}

html[lang^="en"] body * {
    font-family: "YourEnglishFont", Arial, sans-serif !important;
}

@media (max-width: 560px) { .account-rand__item-image img  { max-width: 110%; max-height: 110%; margin: 15px 0 0 0; } }



.page-desc-p-def{
    font-weight: 400!important;
}

.list-word-section{
    font-weight: 700!important;
}

.text-list-up{
    font-weight: 400!important;
}



.summary-details{
    font-weight: 400!important;
}


.summary-total{
    font-weight: 700!important;
}

.account-width__text p{
    font-weight: 400!important;
}

.txt-check{
    font-weight: 400!important;
}




/* ინგლისური ვერსიის ფონტი - test */
html[lang^="en"] body,
html[lang^="en"] body * {
    font-family: "Roboto", Arial, sans-serif !important;
    font-weight: 400 !important;
}




article, aside, details, figcaption, figure, footer, header, menu, nav, section {
    display: block;
}

html,
body {
    min-height: 100%;
}

html {
    height: 100%;
    scrollbar-gutter: stable;
}

@supports not (scrollbar-gutter: stable) {
    html {
        overflow-y: scroll;
    }
}


html[lang^="ka"] body,
html[lang^="ka"] body * {
    font-family: "Noto Sans Georgian", Arial, sans-serif !important;
    font-weight: 400 !important;
}





html[lang^="ru"] body,
html[lang^="ru"] body * {
    font-family: "Roboto", Arial, Helvetica, sans-serif !important;
    font-weight: 400 !important;
}

html[lang^="ru"] body .account-rand__item-price{
    font-family: "Roboto", Arial, Helvetica, sans-serif !important;
    font-weight: 400 !important;
    margin-bottom: 10px;
}


body {
    min-width: 320px;
    margin: 0;
    padding: 0;
    position: relative;
    color: #fff;
    background: var(--change-color);
    font-weight: 700; /* bold */
}

.load--preload * {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    transition: none !important;
}

a img {
    border: 0;
}

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

* {
    min-width: 0;
    min-height: 0;
    outline: none;
}

a:link,
a:active,
a:visited {
    color: #a0fbfd;
    text-decoration: none;
    text-decoration-skip-ink: none;
}

a:hover {
    text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
    display: block;
    margin: 10px 0;
    padding: 0;
    font: normal 34px/1.2 'Roboto', Arial, Helvetica, sans-serif;
    color: #333;
}

h1 {
    font-size: 26px;
}

h2 {
    font-size: 24px;
}

h3 {
    font-size: 22px;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}


ul,
ol,
li,
dl,
dt,
dd {
    display: block;
    padding: 0;
    margin: 0;
    list-style: none;
    background: 0;
}

form {
    display: block;
    padding: 0;
    margin: 0;
}

input[type="image"]:hover {
    opacity: 0.8;
}

input, textarea, select, button {
    font: normal 14px/1.2 'Roboto', Arial, Helvetica, sans-serif;
    color: #111;
    vertical-align: baseline;
}

label {
    vertical-align: baseline;
}

label, input[type=button], input[type=submit], button {
    cursor: pointer;
}

textarea {
    overflow: auto;
    resize: vertical;
}


/* Inputs */
.input__text {
    width: 100%;
    height: 31px;
    padding: 0 11px;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    border: 1px solid rgb(162, 254, 255);
    background: rgba(31, 34, 41, 0.5);
    font-weight: 500;
    font-size: 14px;
    color: #eee;
    outline: none;
    transition: border-color .1s linear, background-color .1s linear;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

textarea.input__text {
    min-height: 50px;
}

::-webkit-input-placeholder {
    color: #343c5a;
    -webkit-transition: color .1s linear;
}

:focus::-webkit-input-placeholder {
    color: transparent;
}

:-moz-placeholder {
    color: #343c5a;
    -moz-transition: color .1s linear;
}

:focus:-moz-placeholder {
    color: transparent;
}

::-moz-placeholder {
    color: #343c5a;
    -moz-transition: color .1s linear;
}

:focus::-moz-placeholder {
    color: transparent;
}

:-ms-input-placeholder {
    color: #343c5a;
}

:focus:-ms-input-placeholder {
    color: transparent;
}

.input__text:hover,
.input__text:focus {
    border: 1px solid rgb(114, 249, 250);
}

/* Checkbox */
.input__check {
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    position: relative;
    padding: 0;
    margin: 0;
    border: 0;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
}

.input__check input {
    width: 100%;
    height: 100%;
    padding: 0;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    border: 0;
    margin: 0;
    background: 0;
    opacity: 0;
    z-index: 10;
}

.input__check-icon {
    width: 18px;
    height: 18px;
    line-height: 18px;
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    color: #000;
    text-align: center;
    z-index: 3;
    background: transparent;
    box-shadow: inset 0 0 0 1px #d9dadf;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.input__check-icon:before {
    width: 18px;
    height: 18px;
    content: ' ';
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -9px 0 0 -9px;
    z-index: 1;
    opacity: 0;
    background: no-repeat center center url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACfSURBVEhLY/z//z8DLQATlKY6GDUYDkaIwV8OKAsCMQeUixWQbDDQQBUgdRmIDwDZzGBBLACvwSCNQOwC5cIMPQDE0kDMCMVYASEXdwPxbqCBHWiGngJiNx6Hu3+ANFZAyOB9QPwbiMuB+AIQIxv6EUjjBATLCqBL/YDUGiBmBWKiDAUBogohqOGJQJxAjKEgMFq6wcGowXAw1AxmYAAAQgU3DhC7vloAAAAASUVORK5CYII=');
    filter: hue-rotate(45deg);
}

.input__check input[disabled] + .input__check-icon {
    opacity: 0.34;
    -webkit-box-shadow: inset 0 0 0 2px #000;
    -moz-box-shadow: inset 0 0 0 2px #000;
    box-shadow: inset 0 0 0 2px #000;
}

.input__check:hover .input__check-icon {
    box-shadow: inset 0 0 0 1px #9ef8fa;
}

.input__check input[type="radio"] + .input__check-icon {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.input__check::after {
    width: auto;
    height: auto;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    text-align: center;
    z-index: 2;
}

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

.input__check input:checked + .input__check-icon:before {
    opacity: 1;
}

.input__input-box {
    display: inline-block;
    vertical-align: top;
    margin: 0 16px 0 0;
}

.input__input-box .input__check-icon {
    vertical-align: middle;
}

.input__input-box .txt-check {
    margin: 0 0 0 12px;
    font-weight: bold;
    font-size: 14px;
    color: #fff;
    vertical-align: middle;
}

/* Fields form */
.form-field {
    display: flex;
    align-items: center;
}

.form-field + .form-field {
    margin-top: 16px;
}

.form-field__label {
    width: 140px;
    margin: 0 20px 0 0;
}

.form-field__content {
    flex: 1;
}

.form-field__input {
    width: 100%;
}


.clearfix:before,
.clearfix::after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.clearfix::after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

.none,
.display-none {
    display: none;
}

p {
    display: block;
    margin: 16px 0;
}

blockquote,
.blockquote {
    padding: 11px 10px 15px;
    margin: 12px 0;
    border-left: 7px solid #ccc;
    font: 300 14px/1.3 Arial, Helvetica, sans-serif;
    color: #222;
    background: #eee;
}


.txt-center {
    text-align: center;
}

.txt-left {
    text-align: left;
}

.txt-right {
    text-align: right;
}

.txt-bold {
    font-weight: bold;
}

.txt-termins {
    color: #a2feff;
}

hr,
.hr-line {
    margin: 20px 0;
    padding: 0;
    height: 0;
    border: none;
    border-top: 1px solid #0465cd;
    box-shadow: 0 0 6px rgba(0, 126, 255, 0.66);
}

.bgs__src {
    width: auto;
    height: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: no-repeat center center;
    background-size: cover;
}

.bgs__src[data-background-image] {
    opacity: 0;
    transition: opacity 0.3s ease;
}

.bgs__src[data-background-image][data-loaded="true"] {
    opacity: 1;
}

img.lozad[data-src] {
    opacity: 0;
    transition: opacity 0.3s ease;
}

img.lozad[data-src][data-loaded="true"] {
    opacity: 1;
}


/* PLUGIN :: Remodal */
html.remodal-is-locked {
    overflow: hidden;
    touch-action: none
}

.remodal, [data-remodal-id] {
    display: none
}

.remodal-overlay {
    position: fixed;
    z-index: 9999;
    top: -5000px;
    right: -5000px;
    bottom: -5000px;
    left: -5000px;
    display: none
}

.remodal-wrapper {
    white-space: nowrap;
    position: fixed;
    z-index: 10000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    overflow: auto;
    text-align: center;
    -webkit-overflow-scrolling: touch;
}

.remodal-wrapper::after {
    display: inline-block;
    height: 100%;
    margin-left: -.05em;
    content: ""
}

.remodal-overlay, .remodal-wrapper {
    backface-visibility: hidden
}

.remodal {
    white-space: normal;
    position: relative;
    outline: 0;
    text-size-adjust: 100%;
}

.remodal-is-initialized {
    display: inline-block
}

.remodal-bg.remodal-is-opened, .remodal-bg.remodal-is-opening {
    filter: blur(3px)
}

.remodal-overlay {
    background: rgba(14, 16, 23, 0.3);
}

.remodal-overlay.remodal-is-closing, .remodal-overlay.remodal-is-opening {
    animation-duration: .3s;
    animation-fill-mode: forwards
}

.remodal-overlay.remodal-is-opening {
    animation-name: remodal-overlay-opening-keyframes
}

.remodal-overlay.remodal-is-closing {
    animation-name: remodal-overlay-closing-keyframes
}

.remodal-wrapper {
    padding: 10px 10px 0
}

.remodal {
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 10px;
    padding: 24px 32px 32px 32px;
    transform: translate3d(0, 0, 0);
    color: #fff;
    text-align: left;
    background: #1C2338;
    border-radius: 4px;
}

.remodal.remodal-is-closing, .remodal.remodal-is-opening {
    animation-duration: .3s;
    animation-fill-mode: forwards
}

.remodal.remodal-is-opening {
    animation-name: remodal-opening-keyframes
}

.remodal.remodal-is-closing {
    animation-name: remodal-closing-keyframes
}

.remodal, .remodal-wrapper::after {
    vertical-align: middle
}

.remodal-close {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    overflow: visible;
    width: 35px;
    height: 35px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    transition: color .2s;
    text-decoration: none;
    color: #95979c;
    border: 0;
    outline: 0;
    background: 0 0
}

.remodal-close:focus, .remodal-close:hover {
    color: #2b2e38
}

.remodal-close:before {
    font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
    font-size: 25px;
    line-height: 35px;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 35px;
    content: "\00d7";
    text-align: center
}

.remodal-cancel, .remodal-confirm {
    font: inherit;
    display: inline-block;
    overflow: visible;
    min-width: 110px;
    margin: 0;
    padding: 12px 0;
    cursor: pointer;
    transition: background .2s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    border: 0;
    outline: 0
}

.remodal-confirm {
    color: #fff;
    background: #81c784
}

.remodal-confirm:focus, .remodal-confirm:hover {
    background: #66bb6a
}

.remodal-cancel {
    color: #fff;
    background: #e57373
}

.remodal-cancel:focus, .remodal-cancel:hover {
    background: #ef5350
}

.remodal-cancel::-moz-focus-inner, .remodal-close::-moz-focus-inner, .remodal-confirm::-moz-focus-inner {
    padding: 0;
    border: 0
}

@keyframes remodal-opening-keyframes {
    from {
        transform: scale(1.05);
        opacity: 0
    }
    to {
        transform: none;
        opacity: 1;
        filter: blur(0)
    }
}

@keyframes remodal-closing-keyframes {
    from {
        transform: scale(1);
        opacity: 1
    }
    to {
        transform: scale(.95);
        opacity: 0;
        filter: blur(0)
    }
}

@keyframes remodal-overlay-opening-keyframes {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes remodal-overlay-closing-keyframes {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@media only screen and (min-width: 641px) {
    .remodal {
        max-width: 700px
    }
}

.remodal__close,
button.remodal__close {
    min-width: auto;
    min-height: auto;
    width: 28px;
    height: 28px;
    padding: 0;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 15px;
    top: 16px;
    font-weight: bold;
    font-size: 16px;
    color: #5599c4;
    cursor: pointer;
    z-index: 88;
    border: 2px solid #5599c4;
    background: 0;
    transition: all 0.3s ease;
    border-radius: 0 0 6px 0;
    transform: skewX(10deg);
}

.remodal__close::after {
    content: '✕';
    display: inline-block;
    position: relative;
    transform: skewX(-10deg);
}

.remodal__close:hover {
    border: 2px solid #af0812;
    color: #af0812;
}

.remodal__title {
    margin: 0 0 32px 0;
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
}

.remodal__title p {
    margin: 5px 0 0 0;
    font-weight: 400;
    font-size: 16px;
    text-transform: none;
}

.modal-subtitle {
    margin: 0 0 20px 0;
    font-size: 24px;
    color: #fff;
    text-align: center;
}

.modal--setpaidway {
    max-width: 980px;
    padding: 0;
    border: 0;
    background: 0;
}

.modal--setpaidway .c-border::after {
    width: auto;
    height: auto;
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    background: #111935;
    border-radius: 34px;
}

.modal--setpaidway .c-border__lamp::after,
.modal--setpaidway .c-border__lamp::before {
    top: -70px;
    margin: 0;
}


.modal-buy {
    display: flex;
}

.modal-buy__image {
    width: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 20px 0 0;
    -webkit-mask-image: linear-gradient(to bottom, black 0%, black 64%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 0%, black 64%, transparent 100%);
}

.modal-buy__image img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.modal-buy__image img:first-child {
    display: block;
}

.icon__basketcart {
    width: 180px;
    height: 180px;
    background: no-repeat center center url(_img/icons/shopping-cart.png);
    background-size: 100% 100%;
}

.modal-buy__content {
    flex: 1;
}

.modal-buy__heads {
    display: flex;
    align-items: flex-start;
    margin: 0 0 20px 0;
}

.modal-buy__prods {
    flex: 1;
}

.modal-buy__button {
    margin: 34px 0 0 0;
    text-align: center;
}

.modal-buy__button .button__buy {
    display: inline-flex;
    vertical-align: top;
}

.payment__items {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.payment__item {
    padding: 0 10px;
}

.payment__btn {
    display: block;
    position: relative;
}

button.payment__btn {
    padding: 0;
    margin: 0;
    border: 0;
    display: block;
    box-shadow: none;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.payment__btn input {
    width: 1px;
    height: 1px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
}

.payment__icon {
    width: 166px;
    height: 61px;
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
}

.payment__icon::after {
    width: auto;
    height: auto;
    content: ' ';
    display: block;
    position: absolute;
    left: -15px;
    right: -15px;
    top: -20px;
    bottom: -21px;
    z-index: -1;
    background: no-repeat center center url(_img/bgs__payment-btn.png);
    background-size: 100% 100%;
    pointer-events: none;
}

.payment__icon::before {
    width: 26px;
    height: 25px;
    content: ' ';
    display: block;
    position: absolute;
    right: 4px;
    top: 0;
    background: no-repeat center center url(_img/icons/ic-check.png);
    opacity: 0;
    transform: translateY(-10px);
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.payment__icon img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    filter: hue-rotate(0deg) contrast(1);
    transition: all 0.3s ease;
}

.payment__items input:checked + span img {
    filter: hue-rotate(-55deg) contrast(2);
}

.payment__items input:checked + span::before {
    opacity: 1;;
    transform: translateY(0);
}

.payment__items .payment__btn:hover span img {
    filter: hue-rotate(-55deg) contrast(2);
}

.payment__items .payment__btn:hover span::before {
    opacity: 1;;
    transform: translateY(0);
}

.payment__items-small {
    justify-content: center;
}

.payment__items-small .payment__icon {
    width: 136px;
    height: 34px;
}

.payment__items-small .payment__icon img {
    max-width: 80%;
    max-height: 80%;
}


@media all and (max-width: 1070px) {
    .modal--setpaidway {
        padding: 20px;
        overflow: hidden;
    }

    .remodal .c-border__content {
        padding: 24px;
    }

    .payment__items {
        margin: -16px -15px;
    }

    .payment__item {
        padding: 16px 10px;
    }
}

@media all and (max-width: 772px) {
    .modal-buy__heads {
        flex-direction: column;
        align-items: center;
    }
}

@media all and (max-width: 560px) {
    .modal-buy__image {
        max-width: 100%;
        margin: 0 0 16px 0;
    }

    .remodal .c-border__content {
        padding: 24px 14px;
    }

    .remodal .account-width__title {
        margin-bottom: 20px;
        font-size: 18px;
    }

    .modal-buy .form-field__label {
        width: 130px;
        margin-right: 14px;
        font-size: 0.96em;
    }

    .modal-buy .input__input-box .txt-check {
        font-size: inherit;
    }

    .modal-buy__prods {
        flex: none;
        max-width: 100%;
    }

    .modal-buy .account-price .price--value {
        font-size: 20px;
    }

    .modal-buy .account-price .price--sc {
        font-size: 16px;
    }

    .modal-buy .modal-subtitle {
        font-size: 20px;
    }
}

@media all and (max-width: 376px) {
    .modal--setpaidway {
        padding: 0;
    }
}


/* Icons */
.ics {
    display: inline-block;
    vertical-align: middle;
    background: no-repeat center center;
    background-size: 100% 100%;
}

.ics svg {
    width: 100%;
    height: 100%;
    display: block;
}

/* Pallete */
.pallete--white {
    filter: brightness(1) grayscale(1);
}


.pallete--salat {
    filter: hue-rotate(-64deg);
}

.pallete--red {
    filter: hue-rotate(-214deg);
}

.pallete--violet {
    filter: hue-rotate(46deg);
}

.pallete--pink {
    filter: hue-rotate(88deg);
}

.pallete--yellow {
    filter: hue-rotate(198deg);
}

.pallete--orange {
    filter: hue-rotate(176deg);
}

.pallete--green {
    filter: hue-rotate(-64deg);
}


/* Cart */
.b-popup .scrollbar-inner {
    max-height: 200px;
    overflow: hidden;
    overflow-y: auto;
}

.b-popup .scroll-content.scroll-scrolly_visible {
    padding-right: 0px;
}

.b-overlay {
    width: auto;
    height: auto;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(17, 17, 23, 0.7);
    z-index: 775;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.b-popup {
    width: 536px;
    max-width: 98%;
    padding: 34px 37px;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(1);
    background: #111935;
    border: 2px solid #035eda;
    z-index: 777;
    font-size: 12px;
    color: #747498;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
}

.b-popup.b-over-hide {
    transform: translate(-50%, -50%) scale(0.8);
}

.b-over-hide {
    opacity: 0;
    visibility: hidden;
}

.b-popup__head {
    position: relative;
    margin: 0 0 20px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.b-popup__head::after {
    width: 48px;
    height: 44px;
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: -54px;
    background: no-repeat center center url(_img/icons/ic-modal-cart.png);
}

a.b-popup__edit {
    width: 24px;
    height: 24px;
    line-height: 20px;
    display: block;
    position: absolute;
    right: -10px;
    top: -20px;
    font-weight: bold;
    font-size: 20px;
    text-decoration: none;
    text-align: center;
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.2);
    border-radius: 50%;
}

.b-popup__title {
    font-weight: bold;
    font-size: 24px;
    color: #a8a8ce;
    text-transform: uppercase;
    -webkit-mask-image: linear-gradient(to bottom, black 0%, black 34%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 0%, black 34%, transparent 100%);
}

.b-popup-headinfo {
    width: 100%;
    margin: 10px 0 0 0;
    font-size: 16px;
    color: #5c5c74;
}

.b-popup-headinfo > span {
    display: block;
}

.b-popup-headinfo > span:first-child {
    color: #a5a5cb;
}


.b-popup__body {
    padding: 15px 0;
}


.b-basket__item {
    padding: 8px 10px 10px 10px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 16px 0 0 0;
    border: 1px solid #525369;
    position: relative;
    transition: 0.3s;
    border-radius: 5px;
}

.b-basket__item:first-child {
    margin-top: 0;
}


.b-basket__content {
    flex: 1;
    overflow: hidden;
}


.b-basket__right {
    width: 182px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.b-basket__title {
    font-weight: bold;
}

.b-basket__title a {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    vertical-align: top;
    color: #747498;
    text-decoration: none;
}

.b-basket__title a:hover {
    color: #fff;
}

.b-basket__date {
    color: #525269;
    opacity: 0.5;
}

.b-group-number {
    width: 66px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.b-group-number__minus,
.b-group-number__plus {
    min-width: auto;
    width: 15px;
    height: 15px;
    display: block;
    padding: 0;
    margin: 0;
    border: 0;
    overflow: hidden;
    position: relative;
    background: 0;
    background-color: transparent !important;
    border-radius: 0;
}

.b-group-number__input {
    width: 30px;
    height: 20px;
    padding: 0;
    display: block;
    border: 2px solid #484a61;
    border-radius: 5px;
    background: #111935;
    margin: 0;
    color: #add0ff;
    text-align: center;
    -moz-appearance: textfield;
    appearance: textfield;
}

/* Header language select (TranslatePress) */
.header-lang {
    display: flex;
    align-items: center;
}

/* Custom header language dropdown (with flags) */
.header-lang--custom {
    position: relative;
}

.header-lang__trigger {
    height: 38px;
    padding: 0 12px;
    border-radius: 10px;
    background: transparent;
    color: #01D8FF;
    font-weight: bold;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    line-height: 1;
    border: 1px solid #01D8FF;
    transition: all .3s ease-in-out;
}

.header-lang__trigger:hover {
    color: #121936;
    background-color: #01D8FF;
}

.header-lang__flag {
    width: 24px;
    height: 16px;
    border-radius: 4px;
    object-fit: contain;
    flex: 0 0 auto;
    image-rendering: auto;
}

.header-lang__trigger-code {
    display: inline-block;
}

.header-lang__chevron {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #ffffff;
    margin-left: 2px;
}

.header-lang__menu {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    min-width: 180px;
    background: #111935;
    border: 1px solid #01D8FF;
    border-radius: 12px;
    padding: 6px;
    margin: 0;
    list-style: none;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.header-lang--custom.is-open .header-lang__menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.header-lang__link {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 10px;
    border-radius: 10px;
    text-decoration: none;
    color: #a0fbfd;
}

.header-lang__link:hover {
    background: #01D8FF;
    color: #111935;
    text-decoration: none;
}

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

.header-lang__code {
    flex: 0 0 auto;
    color: inherit;
}

.header-lang__select {
    height: 38px;
    padding: 0 12px;
    border: 0;
    border-radius: 10px;
    background: #01D8FF;
    color: #ffffff;
    font-weight: bold;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.header-lang__select:focus {
    outline: none;
}

.b-group-number__input::-webkit-inner-spin-button,
.b-group-number__input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


.b-basket__price {
    width: 69px;
    font-weight: bold;
    font-size: 11px;
    color: #add0ff;
    text-transform: uppercase;
}

.b-basket__price::after {
    content: 'RUB';
}

.b-basket__remove {
    width: 15px;
    height: 15px;
    padding: 15px 0 0 0;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    background: 0;
    background-color: transparent !important;
    border-radius: 0;
}

.b-group-number__minus::after,
.b-group-number__minus::before,
.b-group-number__plus::after,
.b-group-number__plus::before,
.b-basket__remove::after,
.b-basket__remove::before {
    width: 100%;
    height: 100%;
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    background: no-repeat 0 0 url(_img/bgs__modal-icons.png);
}

.b-group-number__minus::after {
    background-position: 0 0;
}

.b-group-number__plus::after {
    background-position: -15px 0;
}

.b-basket__remove::after {
    background-position: -30px 0;
}

.b-group-number__minus::before {
    background-position: 0 -15px;
}

.b-group-number__plus::before {
    background-position: -15px -15px;
}

.b-basket__remove::before {
    background-position: -30px -15px;
}

.b-group-number__minus::before,
.b-group-number__plus::before,
.b-basket__remove::before {
    opacity: 0;
    transition: all 0.3s ease;
    z-index: 5;
}

.b-group-number__minus:hover::before,
.b-group-number__plus:hover::before,
.b-basket__remove:hover::before {
    opacity: 1;
}


.b-basket-total {
    padding: 10px;
}

.b-basket-total__item {
    display: flex;
    align-items: center;
}

.b-basket-total__title {
    flex: 1;
    font-weight: bold;
}

.b-basket-total__item + .b-basket-total__item {
    margin-top: 8px;
}

.b-basket-total__text {
    font-weight: bold;
    color: #add0ff;
}

.b-basket-total__text + span {
    margin-left: 3px;
    color: #add0ff;
}

.info-b-basket {
    padding: 10px;
    display: flex;
    align-items: center;
    margin: 16px 0 0 0;
    border: 1px solid #525369;
    position: relative;
    transition: 0.3s;
    border-radius: 5px;
}


.b-btn.itemcartpay,
a.b-btn.itemcartpay {
    height: 46px;
    position: relative;
    margin: 8px 0 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    background-image: -moz-linear-gradient(90deg, rgb(2, 99, 232) 0%, rgb(0, 108, 255) 100%);
    background-image: -webkit-linear-gradient(90deg, rgb(2, 99, 232) 0%, rgb(0, 108, 255) 100%);
    background-image: -ms-linear-gradient(90deg, rgb(2, 99, 232) 0%, rgb(0, 108, 255) 100%);
    box-shadow: inset 0 0 13px 0 #add0ff, 0 0 16px #093c85;
    border-radius: 4px;
    cursor: pointer;
    font-weight: bold;
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
}

.b-btn.itemcartpay::after {
    width: 100%;
    height: 100%;
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(255, 255, 255, 0.19);
    opacity: 0;
    transition: all 0.3s ease;
    border-radius: 4px;
}

.b-btn.itemcartpay:hover::after {
    opacity: 1;
}


@media all and (max-width: 772px) {
    .b-popup {
        padding: 28px 17px;
    }
}

@media all and (max-width: 560px) {
    .b-popup {
        width: auto;
        max-width: none;
        height: auto;
        padding: 12px 8px;
        display: flex;
        flex-direction: column;
        position: fixed;
        left: 5px;
        right: 5px;
        top: 5px;
        bottom: 5px;
        transform: none;
        margin: 0;
    }

    .b-basket {
        max-height: none;
        overflow: visible;
    }

    .b-basket__content {
        flex: none;
        width: 100%;
        margin-bottom: 5px;
    }

    .b-basket__right {
        flex: 1;
        min-width: auto;
        width: auto;
    }

    .b-popup__head {
        flex: none;
    }

    .b-popup__head::after {
        width: 24px;
        height: 22px;
        top: 4px;
        background-size: 100% 100%;
    }

    .b-popup-headinfo {
        font-size: 12px;
    }

    .b-popup__title {
        padding-left: 36px;
    }

    a.b-popup__edit {
        right: 0;
        top: 0;
    }

    .b-popup__body {
        flex: 1;
        padding: 0;
        overflow: hidden;
        overflow-y: auto;
    }
}


/* Wrap */
.wraps {
    position: relative;
    overflow: hidden;
}

.wrapper {
    max-width: 100%;
    position: relative;
    margin: 0 auto;
}

/* ========================================================================
   Footer (.fg-footer) — full-width compact band.
   ======================================================================== */

.footer__wrap.fg-footer {
	margin: 0;
	border: 0;
	box-shadow: none;
	background: linear-gradient(180deg, #f8fafc 0%, #fffaf3 100%);
}

.fg-footer {
	padding: 0px 0 0px;
}

.fg-footer .wrapper {
	padding: 0;
	max-width: 100%;
	margin: 0;
	box-sizing: border-box;
}

.fg-footer__card {
	position: relative;
	overflow: hidden;
	background: linear-gradient(165deg, #ffffff 0%, #fffdfb 48%, #fff7ed 100%);
	border: 0;
	border-top: 1px solid #eef0f4;
	border-bottom: 1px solid #eef0f4;
	box-shadow: none;
	border-radius: 0;
	padding: 22px 36px;
	min-height: 0;
	display: grid;
	grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr) minmax(0, 1fr);
	align-items: center;
	gap: 0;
	max-width: 100%;
	width: 100%;
	box-sizing: border-box;
}

.fg-footer__card::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: linear-gradient(90deg, #fb923c 0%, #f97316 50%, #fb923c 100%);
	border-radius: 0;
	pointer-events: none;
}

.fg-footer__col {
	min-width: 0;
}

.fg-footer__col--brand {
	display: flex;
	align-items: center;
	gap: 20px;
	padding-right: 24px;
	border-right: 1px solid rgba(249, 115, 22, 0.1);
}

.fg-footer__col--social {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 0 24px;
	border-right: 1px solid rgba(249, 115, 22, 0.1);
}

.fg-footer__col--legal {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	gap: 10px;
	padding-left: 24px;
	text-align: left;
}

.fg-footer__logo {
	display: flex;
	align-items: flex-start;
	margin: 0;
	flex-shrink: 0;
}

.fg-footer__logo a {
	display: block;
	text-decoration: none;
	opacity: 1;
	transition: opacity 0.2s ease;
}

.fg-footer__logo a:hover {
	opacity: 0.88;
}

.fg-footer__logo a::before,
.fg-footer__logo a::after {
	display: none !important;
	content: none !important;
}

.fg-footer__logo img {
	display: block;
	max-height: 40px;
	width: auto;
	height: auto;
	vertical-align: top;
}

.fg-footer__contact-block {
	flex: 1;
	min-width: 0;
	padding-top: 0;
}

.fg-footer__contact {
	display: flex;
	align-items: flex-start;
	min-width: 0;
	width: fit-content;
	max-width: 100%;
}

.fg-footer__contact-note {
	margin: 8px 0 0;
	padding: 0;
	font-size: 12px;
	line-height: 1.45;
	color: #64748b;
	max-width: 320px;
}

/* Beat global a:link,a:visited { color: #a0fbfd } (style.css ~L175) */
.footer__wrap.fg-footer a.fg-footer__mailto:link,
.footer__wrap.fg-footer a.fg-footer__mailto:visited,
.footer__wrap.fg-footer a.fg-footer__mailto:active {
	color: #111827;
}

.fg-footer__mailto {
	display: inline-flex;
	align-items: center;
	gap: clamp(5px, 0.5vw, 8px);
	padding: clamp(5px, 0.4vw, 7px) clamp(8px, 0.8vw, 12px);
	border-radius: 10px;
	border: 1px solid #ffedd5;
	background: #ffffff;
	box-shadow: none;
	color: #111827 !important;
	text-decoration: none;
	font-size: clamp(11px, 0.35vw + 10px, 13px);
	font-weight: 600;
	line-height: 1.2;
	white-space: nowrap;
	flex-shrink: 0;
	width: fit-content;
	max-width: 100%;
	transition:
		color 0.2s ease,
		border-color 0.2s ease,
		background 0.2s ease;
}

.fg-footer__mailto:hover,
.fg-footer__mailto:focus-visible {
	color: #ea580c !important;
	border-color: rgba(249, 115, 22, 0.45);
	background: #fffaf3;
	box-shadow: none;
	text-decoration: none;
}

.fg-footer__mailto-icon {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	width: 1.85em;
	height: 1.85em;
	border-radius: 7px;
	background: linear-gradient(135deg, #fff7ed 0%, #ffedd5 100%);
	color: #f97316;
}

.fg-footer__mailto-icon svg {
	display: block;
	width: 1em;
	height: 1em;
}

.fg-footer__mailto-text {
	white-space: nowrap;
	overflow-wrap: normal;
	word-break: normal;
	color: inherit;
}

.fg-footer__social-heading {
	margin: 0 0 10px;
	padding: 0;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: 0.01em;
	color: #334155;
	text-align: center;
}

.fg-footer__socials {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 10px;
	min-width: 0;
	width: 100%;
}

.fg-footer__social {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border-radius: 12px;
	border: 1px solid rgba(255, 255, 255, 0.35);
	background: linear-gradient(145deg, #fb923c 0%, #f97316 100%);
	box-shadow: 0 2px 8px rgba(249, 115, 22, 0.22);
	transition:
		color 0.2s ease,
		background 0.2s ease,
		box-shadow 0.2s ease,
		transform 0.2s ease,
		border-color 0.2s ease;
}

/* Beat global a:link { color: #a0fbfd } — SVG uses currentColor on <a> */
.footer__wrap.fg-footer a.fg-footer__social,
.footer__wrap.fg-footer a.fg-footer__social:link,
.footer__wrap.fg-footer a.fg-footer__social:visited,
.footer__wrap.fg-footer a.fg-footer__social:active {
	color: #fff !important;
	text-decoration: none !important;
}

.footer__wrap.fg-footer a.fg-footer__social:hover,
.footer__wrap.fg-footer a.fg-footer__social:focus,
.footer__wrap.fg-footer a.fg-footer__social:focus-visible {
	color: #fff !important;
	text-decoration: none !important;
}

.fg-footer__social:hover,
.fg-footer__social:focus-visible {
	background: linear-gradient(145deg, #ea580c 0%, #c2410c 100%);
	border-color: rgba(255, 255, 255, 0.5);
	box-shadow: 0 4px 12px rgba(234, 88, 12, 0.28);
	transform: translateY(-1px);
}

.footer__wrap.fg-footer a.fg-footer__social svg {
	display: block;
	flex-shrink: 0;
	color: #fff !important;
}

/* Stroke icons (Telegram, Instagram): svg root is fill="none" */
.footer__wrap.fg-footer a.fg-footer__social svg[fill='none'] * {
	stroke: #fff !important;
}

/* Filled icon (Facebook): root fill="currentColor", path inherits */
.footer__wrap.fg-footer a.fg-footer__social svg[fill='currentColor'] path {
	fill: #fff !important;
}

.footer__wrap.fg-footer a.fg-footer__terms,
.footer__wrap.fg-footer a.fg-footer__terms:link,
.footer__wrap.fg-footer a.fg-footer__terms:visited,
.footer__wrap.fg-footer a.fg-footer__terms:active {
	color: #334155 !important;
	text-decoration: none;
}

.footer__wrap.fg-footer a.fg-footer__terms:hover,
.footer__wrap.fg-footer a.fg-footer__terms:focus-visible {
	color: #ea580c !important;
	border-color: rgba(249, 115, 22, 0.45);
	background: #fffaf3;
}

.fg-footer__terms {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 7px 14px;
	border-radius: 999px;
	border: 1px solid #eef0f4;
	background: #ffffff;
	box-shadow: none;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.3;
	transition:
		color 0.2s ease,
		border-color 0.2s ease,
		background 0.2s ease;
}

.fg-footer__terms-icon {
	display: inline-flex;
	flex-shrink: 0;
	color: #f97316;
}

.fg-footer__terms-icon svg {
	display: block;
}

.fg-footer__copyright {
	font-size: 13px;
	line-height: 1.45;
	color: #64748b;
	align-self: flex-end;
	text-align: right;
	width: 100%;
	min-width: 0;
}

.fg-footer__copyright p {
	margin: 0;
}

@media (max-width: 1100px) and (min-width: 641px) {
	.fg-footer__card {
		grid-template-columns: 1fr 1fr;
		grid-template-areas:
			'brand brand'
			'social legal';
		gap: 16px 24px;
		padding: 18px 24px;
		align-items: stretch;
		justify-items: stretch;
	}

	.fg-footer__col--brand {
		grid-area: brand;
		flex-direction: row;
		align-items: flex-start;
		justify-content: flex-start;
		text-align: left;
		gap: 20px;
		width: 100%;
		border-right: none;
		border-bottom: 1px solid rgba(249, 115, 22, 0.1);
		padding-right: 0;
		padding-bottom: 16px;
	}

	.fg-footer__logo {
		justify-content: flex-start;
		flex-shrink: 0;
	}

	.fg-footer__logo img {
		max-height: clamp(32px, 4vw, 40px);
	}

	.fg-footer__contact-block {
		flex: 1;
		min-width: 0;
		width: auto;
		max-width: none;
	}

	.fg-footer__contact {
		justify-content: flex-start;
	}

	.fg-footer__contact-note {
		max-width: none;
		margin-left: 0;
		margin-right: 0;
		text-align: left;
	}

	.fg-footer__col--social {
		grid-area: social;
		border-right: 1px solid rgba(249, 115, 22, 0.1);
		border-bottom: none;
		padding: 0 16px 0 0;
		align-items: center;
		text-align: center;
	}

	.fg-footer__col--legal {
		grid-area: legal;
		padding-left: 16px;
		padding-top: 0;
		align-items: center;
		text-align: center;
		justify-content: center;
	}

	.fg-footer__copyright {
		text-align: center;
		align-self: center;
		width: 100%;
	}
}

@media (max-width: 640px) {
	.fg-footer {
		margin-top: 0;
		padding: 0px 0 0px;
	}

	.fg-footer .wrapper {
		padding: 0;
	}

	.fg-footer__card {
		grid-template-columns: 1fr;
		grid-template-areas:
			'brand'
			'social'
			'legal';
		padding: 18px 16px;
		min-height: 0;
		gap: 18px;
		border-radius: 0;
		align-items: stretch;
		justify-items: center;
	}

	.fg-footer__card::before {
		border-radius: 0;
	}

	.fg-footer__col--brand {
		grid-area: brand;
		flex-direction: column;
		align-items: center;
		text-align: center;
		gap: 14px;
		width: 100%;
		border-right: none;
		border-bottom: 1px solid rgba(249, 115, 22, 0.1);
		padding-right: 0;
		padding-bottom: 14px;
	}

	.fg-footer__col--social {
		grid-area: social;
		border-right: none;
		border-bottom: 1px solid rgba(249, 115, 22, 0.1);
		padding: 0 0 14px;
		width: 100%;
	}

	.fg-footer__col--legal {
		grid-area: legal;
		padding-left: 0;
		padding-top: 0;
		align-items: center;
		text-align: center;
		width: 100%;
	}

	.fg-footer__contact-block {
		padding-top: 0;
		width: 100%;
		max-width: 520px;
	}

	.fg-footer__contact {
		justify-content: center;
		margin-left: auto;
		margin-right: auto;
	}

	.fg-footer__contact-note {
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		max-width: 520px;
	}

	.fg-footer__logo {
		justify-content: center;
	}

	.fg-footer__copyright {
		text-align: center;
		align-self: center;
		width: auto;
	}

	.fg-footer__mailto {
		max-width: 100%;
		box-sizing: border-box;
	}
}

/* LiveStrip — shadow removed (livestrip polish lives in assets/css/main.css which loads later) */
.livestrip {
    position: relative;
    z-index: 2;
    box-shadow: none;
    max-width: 1920px;
    margin: auto;
    margin-bottom: 0;
    background: var(--change-lenta-color);
}

.livestrip__items {
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(to left, transparent 0%, black 5%, black 95%, transparent 100%);
    mask-image: linear-gradient(to left, transparent 0%, black 5%, black 95%, transparent 100%);
}

a.livestrip__item {
    text-decoration: none;
    filter: drop-shadow(0 0 5px transparent);
    transition: filter 0.3s ease;
}

@media all and (min-width: 772px) {
    a.livestrip__item:hover {
        filter: drop-shadow(0 0 5px rgba(255, 255, 255, 0.3));
    }
}

.livestrip__item {
    flex: none;
    width: 138px;
    position: relative;
    margin: 0 8px 0 0;
    z-index: 2;
}

.livestrip__item-bgs {
    width: 160px;
    height: 130px;
    content: ' ';
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    z-index: -1;
    background: no-repeat 0 0 url(_img/bgs__livestrip.png?1=1);
    background-size: 100% 100%;
}

.livestrip__item-image {
    height: 130px;
    padding: 2px 0 40px 0;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    position: relative;
}

.livestrip__item-image img {
    width: auto;
    height: auto;
    max-width: 115%;
    max-height: 115%;
	margin: -5px;
}

.livestrip__item-bottom {
    width: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px;
    color: #fff;
    text-align: center;
}

.livestrip__item-title {
    padding: 0 5px;
    display: block;
    font-size: 10px;
}

.livestrip__item-lastsell {
    display: block;
    margin: -1px 0 0 0;
    font-size: 10px;
    opacity: 0.4;
}


@media all and (max-width: 772px) {
    .livestrip__item {
        width: 100px;
    }

    .livestrip__item-bgs {
        width: 120px;
        height: 98px;
    }

    .livestrip__item-image {
        height: 100px;
    }

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


/* Main content column: light canvas, no background image */
.main__content {
    padding-top: 0 !important;
    padding-right: 0;
    padding-bottom: 40px;
    padding-left: 0;
    position: relative;
    background: #f8fafc;
    z-index: 1;
    background-size: auto !important;
}

.section__item {
    margin: 0 auto;
}

.section__item + .section__item {
    margin-top: 0;
}

/* Homepage / front page: white canvas to footer boundary (no cream band above footer) */
body.home .main__content,
body.front-page .main__content {
    padding-top: 0 !important;
    padding-bottom: 20px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    background-color: #ffffff !important;
}

/* Homepage ACF blocks: tighter vertical rhythm (gap was mostly section padding, not .section__item margin). */
body.home .main__content .section__item + .section__item,
body.front-page .main__content .section__item + .section__item {
    margin-top: 0;
}

body.home .main__content .section__item.section__account-rand,
body.front-page .main__content .section__item.section__account-rand,
body.home .main__content .section__item.section__account-prod,
body.front-page .main__content .section__item.section__account-prod {
    padding-top: 12px;
    padding-bottom: 10px;
    padding-left: 12px;
    padding-right: 12px;
}

/* Homepage category ACF block only: clean white shell (product rows have no .account-category).
   margin-top:0 prevents the page-level .main__content canvas from showing through
   as a horizontal strip above the section. */
body.home .main__content .section__item.section__account-rand.account-category,
body.front-page .main__content .section__item.section__account-rand.account-category {
    margin-top: 0;
    background: #ffffff;
    border: 0;
    border-top: 0;
    border-radius: 16px;
    box-shadow: none;
}

/* Homepage product ACF rows only: pure white shell (category block keeps gradient above). */
body.home .main__content .section__item.section__account-rand:not(.account-category),
body.front-page .main__content .section__item.section__account-rand:not(.account-category),
body.home .main__content .section__item.section__account-prod,
body.front-page .main__content .section__item.section__account-prod {
    background: #ffffff;
}

body.home .hot-draw-section,
body.front-page .hot-draw-section {
    margin-bottom: 12px !important;
}

/* Homepage Hot Draw — prevent 100vw pseudo-element horizontal overflow */
body.home .fg-home-giveaway-section::before,
body.front-page .fg-home-giveaway-section::before {
    width: 100% !important;
    left: 0 !important;
    transform: none !important;
}

/* Section headings: left-aligned, dark text, no wings/dots/glow (pseudos off site-wide). */
.section__title {
    text-align: left !important;
    margin: 0 0 12px 0 !important;
    padding-left: 24px;
    box-sizing: border-box;
}

.section__title > span {
    display: inline-block;
    vertical-align: top;
    position: relative;
    color: #1f2937 !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    text-shadow: none !important;
    background: transparent !important;
    padding-left: 0;
}

.section__title > span::before,
.section__title > span::after {
    display: none !important;
    content: none !important;
    background: none !important;
    background-image: none !important;
    width: 0 !important;
    height: 0 !important;
}

/* Homepage product_block (account_sections): optional ACF icon + title row */
.section__title.account-section-title {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.section__title.account-section-title .account-section-title__icon {
    width: 28px;
    height: 28px;
    object-fit: contain;
    flex: 0 0 auto;
}

.section__title.account-section-title .account-section-title__text {
    min-width: 0;
}

@media (max-width: 640px) {
    .section__title.account-section-title {
        gap: 8px;
    }

    .section__title.account-section-title .account-section-title__icon {
        width: 24px;
        height: 24px;
    }
}

/* Homepage section titles: same horizontal inset as global (align with card grids). */
body.home .main__content .section__title,
body.front-page .main__content .section__title {
    margin: 0 0 12px 0 !important;
    padding-left: 24px;
}

/* Draw promo: vertical rhythm only (typography matches global .section__title). */
.draw__wrapper .section__title {
    margin: 15px 0 22px 0 !important;
}

.section__page {
    width: 1320px;
    max-width: 100%;
    padding: 0 10px;
    margin: 0 auto;
}


/* Page */
.page-desc {
    font-size: 16px;
    line-height: 1.7;
}

.page-desc p {
    margin: 30px 0;
}

.page-desc p:first-child {
    margin-top: 0;
}

.page-desc p:last-child {
    margin-bottom: 0;
}

.page-desc img {
    width: auto;
    height: auto;
    max-width: 100%;
}

.page-block {
    padding-bottom: 50px;
	padding-right: 70px;
	padding-left: 70px;
    border-radius: 10px;
    background-color: rgb(15, 22, 46);
    box-shadow: 0 0 6px 0 #007eff;
}

@media all and (max-width: 772px) {
    .page-block {
/*         padding: 12px; */
    }

    .page-desc {
        font-size: inherit;
    }
}


/* Content - Border */
.c-border {
    position: relative;
}

.c-border__lamp {
    width: auto;
    height: auto;
    position: absolute;
    left: -20px;
    right: -20px;
    top: 0;
    bottom: 0;
    overflow: hidden;
}

.c-border__lamp::after,
.c-border__lamp::before {
    width: 190px;
    height: 456px;
    content: ' ';
    display: block;
    position: absolute;
    top: 50%;
    margin: -228px 0 0 0;
    z-index: 3;
    background: no-repeat center center url(_img/bgs__brd-lamp.png);
    background-size: 100% 100%;
    opacity: 0.1;
    animation: lamp-on linear 3s 3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.c-border__lamp::after {
    left: 0;
}

.c-border__lamp::before {
    right: 0;
    transform: scale(-1, 1);
}


.c-border__line::after,
.c-border__line::before {
    width: auto;
    height: 2px;
    content: ' ';
    display: block;
    position: absolute;
    left: 16px;
    right: 16px;
    background: #062948;
    z-index: 1;
}

.c-border__line::after {
    top: 0;
}

.c-border__line::before {
    bottom: 0;
}

.c-border__line-side::after,
.c-border__line-side::before {
    width: 2px;
    height: auto;
    content: ' ';
    display: block;
    position: absolute;
    top: 16px;
    bottom: 16px;
    background: #062948;
    z-index: 1;
}

.c-border__line-side::after {
    left: 0;
}

.c-border__line-side::before {
    right: 0;
}

.c-border__angle::after,
.c-border__angle::before,
.c-border__angle-side::after,
.c-border__angle-side::before {
    width: 100px;
    height: 60px;
    content: ' ';
    display: block;
    position: absolute;
    background: no-repeat center center url(_img/bgs__brd-angle.png);
    z-index: 2;
    opacity: 0.1;
}

.c-border__angle::after {
    top: -13px;
    left: -51px;
    animation: lamp-on linear 2s 0s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.c-border__angle::before {
    top: -13px;
    right: -51px;
    transform: scale(-1, 1);
    animation: lamp-on linear 2s 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.c-border__angle-side::after {
    bottom: -13px;
    left: -51px;
    transform: scale(1, -1);
    animation: lamp-on linear 2s 2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.c-border__angle-side::before {
    bottom: -13px;
    right: -51px;
    transform: scale(-1, -1);
    animation: lamp-on linear 2s 3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.c-border__content {
    min-height: 260px;
    padding: 34px;
    position: relative;
    z-index: 7;
}

@keyframes lamp-on {
    0% {
        opacity: 0;
    }
    5% {
        opacity: 1;
    }
    10% {
        opacity: 0.3;
    }
    22% {
        opacity: 0.8;
    }
    23% {
        opacity: 0.2;
    }
    60% {
        opacity: 0.2;
    }
    100% {
        opacity: 1;
    }
}


.page__error .c-border__lamp::after,
.page__error .c-border__lamp::before {
    animation: lamp-onoff linear 1s 3s;
}

@keyframes lamp-onoff {
    0% {
        opacity: 0;
    }
    33% {
        opacity: 1;
    }
    66% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}


@media all and (max-width: 772px) {
    .c-border__content {
        padding: 26px;
    }
}

@media all and (max-width: 560px) {
    .c-border__content {
        padding: 20px;
    }
}


/* Accounts */
/* Accounts :: Random — section shell extended in “Product cards redesign v2” below */

.account-rand__items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: -9px;
    row-gap: 12px;
}

.account-rand__item {
    min-width: 220px;
    width: 16.6666%;
    padding: 9px;
}

.account-rand__item-box {
    height: 0;
    padding: 133.256% 0 0 0;
    display: block;
    position: relative;
    z-index: 2;
    overflow: hidden;
}

a.account-rand__item-box {
    text-decoration: none;
}

.account-rand__item-image {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 2px;
    bottom: 78px;
}

.account-rand__item-image img {
    width: auto;
    height: auto;
    max-width: 95%;
    max-height: 95%;
    vertical-align: middle;
}

.account-rand__item-bottom {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 14px;
    z-index: 2;
}

.account-rand__item-title {
    padding: 0 14px;
    margin-top: 6px;
    font-size: 16px;
    text-align: center;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
}

.account-rand__item-price .sc-rubl {
    margin-right: -4px;
}

@media (max-width: 560px) {
	.account-rand__item-price-old {
		font-size: 10px; 
	}
}

@media all and (max-width: 560px) {
    .account-rand__item {
        min-width: 168px;
    }
}

/* === Product cards redesign v2 - desktop ecommerce cards === */
.section__account-rand,
.section__account-prod {
    max-width: 1666px;
    margin-left: auto;
    margin-right: auto;
    padding: 24px 12px 32px;
    background: #f8fafc;
}

.account-rand__items {
    justify-content: flex-start;
    align-items: stretch;
}

.account-rand__item {
    box-sizing: border-box;
    position: relative;
}

/* Product cards only (not .account-category__item / homepage category blocks) */
.account-rand__item:not(.account-category__item) {
    display: flex;
    flex-direction: column;
    position: relative;
    background: transparent;
    border: 0;
    box-shadow: none;
    border-radius: 0;
    overflow: visible;
}

.account-rand__item:not(.account-category__item) > .product-card-inner {
    position: relative;
    margin: 0;
    height: auto;
    min-height: 0;
    padding: 0;
    width: 100%;
    min-width: 0;
    flex: 0 0 auto;
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.10);
    border: 1px solid #e3e8f0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-height: 0;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.account-rand__item:not(.account-category__item) > .product-card-inner:hover {
    border-color: rgba(232, 93, 4, 0.45);
    box-shadow: 0 14px 30px rgba(17, 17, 17, 0.08), 0 4px 10px rgba(232, 93, 4, 0.10);
}

.account-rand__item:not(.account-category__item) > .product-card-inner > .account-rand__item-box {
    position: static;
    margin: 0;
    height: auto;
    min-height: 0;
    padding: 0;
    width: 100%;
    min-width: 0;
    flex: 0 0 auto;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    border: 0;
    overflow: visible;
    display: flex;
    flex-direction: column;
    -webkit-tap-highlight-color: transparent;
}

.account-rand__item:not(.account-category__item) > .product-card-inner > .account-rand__item-box::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    transition: background-color 0.12s ease;
}

.account-rand__item:not(.account-category__item) > .product-card-inner > .account-rand__item-box:active::after,
.account-rand__item:not(.account-category__item) > .product-card-inner > .account-rand__item-box:focus-visible::after {
    background: rgba(249, 115, 22, 0.08);
}

a.account-rand__item-box {
    color: inherit;
}

/* Square media area (product cards only — not homepage category tiles) */
.account-rand__item:not(.account-category__item) .account-rand__item-image {
    position: relative;
    width: calc(100% - 24px);
    max-width: 100%;
    margin: 12px auto 0;
    aspect-ratio: 1 / 1;
    height: auto;
    padding-top: 0;
    overflow: hidden;
    border-radius: 14px;
    flex-shrink: 0;
    background: #f1f5f9;
    align-self: center;
}

/* Override legacy .account-rand__item-image img { max-width/max-height: 95% } so the image fills the square (no gray edges). */
.account-rand__item:not(.account-category__item) .account-rand__item-image img {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    object-fit: cover;
    object-position: center;
    border-radius: inherit;
}

@media (max-width: 560px) {
    .account-rand__item:not(.account-category__item) .account-rand__item-image img {
        max-width: none;
        max-height: none;
        margin: 0;
    }
}

.account-rand__item-bottom {
    position: relative;
    width: 100%;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    padding: 12px 48px 14px 14px;
    box-sizing: border-box;
}

.account-rand__item:not(.account-category__item) .account-rand__item-bottom {
    min-height: 0;
    flex: 0 0 auto;
    justify-content: flex-start;
    padding: 10px 14px 0 14px;
}

.account-rand__item-title {
    padding: 0;
    margin: 0 0 8px 0;
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    color: #1f2933;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    overflow-wrap: break-word;
    word-wrap: break-word;
    line-height: 1.35;
}

/* Product cards: single-line title */
.account-rand__item:not(.account-category__item) .account-rand__item-title {
    display: -webkit-box;
    flex: 0 0 auto;
    flex-shrink: 0;
    margin: 0 0 6px 0;
    min-height: 0;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: normal;
    text-wrap: wrap;
    overflow-wrap: break-word;
    line-height: 1.2;
    min-height: calc(1.2em * 2);
    max-height: calc(1.2em * 2);
}

.account-rand__item:not(.account-category__item) .account-rand__item-title--manual-break {
    display: block;
    -webkit-line-clamp: unset !important;
    -webkit-box-orient: unset !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal;
    min-height: 0;
    max-height: none;
    line-height: 1.2;
}

.homepage-product-carousel .account-rand__item:not(.account-category__item) .account-rand__item-title--manual-break,
.category-product-carousel .account-rand__item:not(.account-category__item) .account-rand__item-title--manual-break {
    display: block !important;
    -webkit-line-clamp: unset !important;
    -webkit-box-orient: unset !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
    min-height: 0;
    max-height: none;
}

.account-rand__item:not(.account-category__item) .account-rand__item-category {
    flex: 0 0 auto;
    margin: 0 0 0 0;
    font-size: 11.5px;
    font-weight: 500;
    line-height: 1.2;
    color: #64748b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.product-card-category {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #64748b;
}

.product-card-category__icon {
    width: 16px;
    height: 16px;
    object-fit: contain;
    flex: 0 0 auto;
    border-radius: 4px;
}

.product-card-category__text {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.account-rand__item-title > span {
    color: inherit;
}

.account-rand__item-price {
    display: block;
    height: auto;
    line-height: 1.25;
    margin: auto 0 0;
    margin-top: auto;
    font-size: 15px;
    font-weight: 700;
    color: #64748b;
    text-shadow: none;
    text-align: left;
}

.account-rand__item:not(.account-category__item) .account-rand__item-price {
    flex: 0 0 auto;
    align-self: stretch;
    margin-top: auto;
    margin-bottom: 0;
    padding-top: 4px;
    padding-right: 0;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    color: inherit;
}

.account-rand__item:not(.account-category__item) .account-rand__item-price-inner {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: baseline;
    gap: 6px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    white-space: nowrap;
}

.account-rand__item:not(.account-category__item) .account-rand__item-price-inner.is-price-tight {
    gap: 4px;
}

.account-rand__item:not(.account-category__item) .account-rand__item-price-inner.is-price-tight .account-rand__item-price-old,
.account-rand__item:not(.account-category__item) .account-rand__item-price-inner.is-price-tight .account-rand__item-price-old > span {
    font-size: 11px;
}

.account-rand__item:not(.account-category__item) .account-rand__item-price-inner.is-price-tighter .account-rand__item-price-old,
.account-rand__item:not(.account-category__item) .account-rand__item-price-inner.is-price-tighter .account-rand__item-price-old > span {
    font-size: 10px;
    letter-spacing: -0.02em;
}

.account-rand__item:not(.account-category__item) .account-rand__item-price-inner .account-rand__item-price-current {
    order: 1;
}

.account-rand__item:not(.account-category__item) .account-rand__item-price-inner .account-rand__item-price-old {
    order: 2;
}

.account-rand__item:not(.account-category__item) .account-rand__item-price-current {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.25;
    color: #1f2937;
    flex: 0 0 auto;
    min-width: 0;
}

/* RU host/path: product card prices use Roboto (not html[lang] Noto override on fungamer root). */
.fg-lang-ru .account-rand__item:not(.account-category__item) .account-rand__item-price,
.fg-lang-ru .account-rand__item:not(.account-category__item) .account-rand__item-price-current,
.fg-lang-ru .account-rand__item:not(.account-category__item) .account-rand__item-price-old,
.fg-lang-ru .account-rand__item:not(.account-category__item) .account-rand__item-price .sc-ru2bl,
.fg-lang-ru .account-rand__item:not(.account-category__item) .account-rand__item-price .sc-ru2bl span {
    font-family: "Roboto", Arial, Helvetica, sans-serif !important;
    letter-spacing: normal;
}

.fg-lang-ru .account-rand__item:not(.account-category__item) .account-rand__item-price-current,
.fg-lang-ru .account-rand__item:not(.account-category__item) .account-rand__item-price-current .sc-ru2bl span {
    font-weight: 600 !important;
}

html[lang^="en"] .account-rand__item:not(.account-category__item) .account-rand__item-price-current {
    color: #1f2937;
    text-shadow: none;
}

/* Sale-only current price: orange. The presence of .account-rand__item-price-old
   directly before .account-rand__item-price-current is the sale signal emitted by
   every product card renderer; the non-sale path emits only the current price,
   so this rule never affects regular-priced cards. */
.account-rand__item:not(.account-category__item) .account-rand__item-price-old + .account-rand__item-price-current {
    color: #e85d04;
}

html[lang^="en"] .account-rand__item:not(.account-category__item) .account-rand__item-price-old + .account-rand__item-price-current {
    color: #e85d04;
}

.account-rand__item:not(.account-category__item) .account-rand__item-price-old {
    margin: 0;
    flex: 0 1 auto;
    min-width: 0;
    overflow: visible;
    text-overflow: clip;
    white-space: nowrap;
    font-size: 13px;
}

.account-rand__item:not(.account-category__item) .account-rand__item-price-old > span {
    text-decoration-line: line-through;
    text-decoration-thickness: 1px;
    text-decoration-color: rgba(107, 114, 128, 0.65);
    text-underline-offset: 0;
    display: block;
    overflow: visible;
    text-overflow: clip;
    white-space: nowrap;
}

.account-rand__item-price-old {
    display: block;
    width: auto;
    margin: 0 0 4px 0;
    padding: 0;
    color: #9ca3af;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.2;
    text-align: left;
}

.account-rand__item-price-old > span {
    color: #9ca3af;
    text-decoration: line-through;
    text-decoration-thickness: 2px;
    text-decoration-color: #94a3b8;
    text-underline-offset: 2px;
}

.account-rand__item-price-old > span::after {
    display: none;
    content: none;
}

.account-rand__item-bgs {
    background: none;
}

.account-rand__item-bgs::after {
    opacity: 0;
    background: none;
}

.account-rand__item:not(.account-category__item) > .product-card-inner > .account-rand__item-box > .account-rand__item-bgs {
    display: none;
}

.account-rand__item-discount {
    min-width: 40px;
    height: 22px;
    line-height: 22px;
    right: 10px;
    top: 10px;
    font-size: 12px;
    text-shadow: none;
    background: #f97316;
    border-radius: 999px;
}

.product-card-footer-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-top: 0;
    width: 100%;
}

.account-rand__item:not(.account-category__item) > .product-card-inner > .product-card-footer-row {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    width: auto;
    margin: 0 14px 8px 14px;
    padding: 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    flex: 0 0 auto;
}

.account-rand__item:not(.account-category__item) > .product-card-inner > .product-card-footer-row .account-rand__item-price {
    margin: 0;
    padding: 0;
    width: auto;
    min-width: 0;
    max-width: 100%;
    overflow: visible;
    flex: 1 1 auto;
    align-self: auto;
}

.account-rand__item:not(.account-category__item) > .product-card-inner > .product-card-footer-row .product-card-cart-btn {
    position: relative;
    right: auto;
    bottom: auto;
    margin: 0;
    flex: 0 0 auto;
    z-index: 2;
    -webkit-tap-highlight-color: rgba(249, 115, 22, 0.12);
}

.account-rand__item > .product-card-cart-btn {
    width: 32px;
    height: 32px;
    position: absolute;
    right: 12px;
    bottom: 20px;
    z-index: 6;
    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;
    color: #94a3b8;
    transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}

.account-rand__item > .product-card-cart-btn::before {
    content: "";
    display: block;
    width: 19px;
    height: 19px;
    background: currentColor;
    -webkit-mask: url("assets/icons/ui/cart.svg") center / contain no-repeat;
    mask: url("assets/icons/ui/cart.svg") center / contain no-repeat;
}

.account-rand__item > .product-card-cart-btn:hover {
    border-color: #b9d4ef;
    background: #f8fbff;
    box-shadow: 0 4px 10px rgba(37, 99, 235, 0.14);
}

.product-card-footer-row .product-card-cart-btn {
    width: 32px;
    height: 32px;
    position: relative;
    right: auto;
    bottom: auto;
    z-index: 1;
    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;
    color: #94a3b8;
    margin: 0;
    transform: none;
    flex: 0 0 auto;
    transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}

.product-card-footer-row .product-card-cart-btn::before {
    content: "";
    display: block;
    width: 19px;
    height: 19px;
    background: currentColor;
    -webkit-mask: url("assets/icons/ui/cart.svg") center / contain no-repeat;
    mask: url("assets/icons/ui/cart.svg") center / contain no-repeat;
}

.account-rand__item > .product-card-cart-btn.product-card-cart-btn--manual::before,
.product-card-footer-row .product-card-cart-btn.product-card-cart-btn--manual::before {
    -webkit-mask: url("assets/icons/ui/form.svg") center / contain no-repeat;
    mask: url("assets/icons/ui/form.svg") center / contain no-repeat;
}

.product-card-footer-row .product-card-cart-btn:hover {
    border-color: #b9d4ef;
    background: #f8fbff;
    box-shadow: 0 4px 10px rgba(37, 99, 235, 0.14);
}

@media (max-width: 640px) {
    .account-rand__item:not(.account-category__item) .product-card-cart-btn {
        width: 28px;
        height: 28px;
        min-width: 28px;
        flex-basis: 28px;
    }

    .account-rand__item:not(.account-category__item) .product-card-footer-row {
        gap: 6px;
    }

    .account-rand__item:not(.account-category__item) .account-rand__item-price-inner {
        gap: 5px;
    }

    .account-rand__item:not(.account-category__item) .account-rand__item-price-old {
        font-size: 13px;
    }
}

/* Accounts :: Product */
.section__account-prod {
    max-width: 1603px;
}

/* Large desktop only: clean, centered homepage layout sized for exactly 6 product
   cards per carousel row (slightly larger cards). Category + product grid blocks
   share the same section width. Below 1600 (1440 laptop, tablet, mobile) unchanged. */
@media (min-width: 1600px) {
    body {
        --site-wide-width: 1500px;
        --site-visual-width: calc(var(--site-wide-width) - 18px);
        --site-section-width: calc(var(--site-wide-width) + 108px);
        --site-card-width: calc(var(--site-wide-width) / 6);
    }

    body.home,
    body.front-page {
        background-color: #ffffff !important;
    }

    .section__account-rand,
    .section__account-prod {
        max-width: var(--site-section-width);
    }

    body.home .homepage-product-carousel .homepage-product-carousel__viewport,
    body.front-page .homepage-product-carousel .homepage-product-carousel__viewport {
        max-width: var(--site-wide-width);
        overflow-x: auto;
        overflow-y: hidden;
    }

    body.home .homepage-product-carousel--static-grid .homepage-product-carousel__viewport,
    body.front-page .homepage-product-carousel--static-grid .homepage-product-carousel__viewport {
        max-width: var(--site-wide-width);
        margin-left: auto;
        margin-right: auto;
        overflow: visible;
    }

    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: var(--site-card-width);
        min-width: var(--site-card-width);
        max-width: var(--site-card-width);
        flex: 0 0 var(--site-card-width);
    }

    body.home .section__account-rand .account-rand__items:not(.homepage-product-carousel__track),
    body.front-page .section__account-rand .account-rand__items:not(.homepage-product-carousel__track) {
        max-width: var(--site-wide-width);
        margin-left: auto;
        margin-right: auto;
    }

    body.home .section__account-rand .account-rand__items:not(.homepage-product-carousel__track) > .account-rand__item,
    body.front-page .section__account-rand .account-rand__items:not(.homepage-product-carousel__track) > .account-rand__item {
        width: var(--site-card-width);
        min-width: var(--site-card-width);
        max-width: var(--site-card-width);
        flex: 0 0 var(--site-card-width);
    }

    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: calc(100% / 6);
        min-width: 0;
        max-width: calc(100% / 6);
        flex: 0 0 calc(100% / 6);
    }

    .wraps {
        overflow: visible;
    }

    body .header__wrap {
        position: sticky !important;
        top: 12px !important;
        z-index: 1200;
        margin-left: auto;
        margin-right: auto;
        margin-top: 16px;
        background: #ffffffe5;
        border: 1.5px solid rgba(226, 232, 240, 0.95);
        box-shadow: 0 8px 26px rgba(15, 23, 42, 0.07);
        grid-template-columns: auto minmax(300px, 1fr) auto;
        border-radius: 14px;
        max-width: var(--site-visual-width);
    }

    body .header__wrap.is-search-active {
        background: #ffffff;
    }

    body .header__search-wrap {
        width: 100%;
        max-width: none;
        justify-self: stretch;
    }

    body .header__wrap .header__search-input {
        border: 1px solid rgba(226, 232, 240, 0.95);
        box-shadow: 0 4px 14px rgba(15, 23, 42, 0.04);
        background-color: #ffffff;
    }

    body .header__wrap .header__search-input:focus {
        border-color: #ff7a00;
        box-shadow: 0 4px 14px rgba(15, 23, 42, 0.04), 0 0 0 3px rgba(255, 122, 0, 0.18);
        background-color: #ffffff;
    }

    body .header__wrap .header__mybuy-btn,
    body .header__wrap .header-lang__trigger,
    body .header__wrap a.header__cart-btn,
    body .header__wrap .header__cart-btn {
        border: 1px solid rgba(226, 232, 240, 0.95);
        box-shadow: 0 4px 14px rgba(15, 23, 42, 0.04);
        background: #ffffff;
    }

    body .header__wrap + .livestrip,
    body .livestrip {
        max-width: var(--site-visual-width);
        margin-left: auto;
        margin-right: auto;
        margin-top: 20px;
        border-radius: 14px;
    }

    /* Product carousel titles — align icon/title group to visible first card */
    body.home .section__account-rand:not(.account-category):has(.homepage-product-carousel) .section__title,
    body.front-page .section__account-rand:not(.account-category):has(.homepage-product-carousel) .section__title {
        max-width: none;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 50px;
        padding-right: 0;
    }

    /* Product grid titles — align to centered visible card row */
    body.home .section__account-rand:not(.account-category):not(:has(.homepage-product-carousel)) .section__title,
    body.front-page .section__account-rand:not(.account-category):not(:has(.homepage-product-carousel)) .section__title,
    body.home .section__account-prod .section__title,
    body.front-page .section__account-prod .section__title {
        max-width: none;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: max(0px, calc((100% - var(--site-wide-width)) / 2 + 9px));
        padding-right: 0;
    }

    /* Category carousel titles — align to first category card after arrow + gap */
    body.home .section__account-rand.account-category:has(.homepage-category-carousel) .section__title,
    body.front-page .section__account-rand.account-category:has(.homepage-category-carousel) .section__title {
        max-width: none;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 56px;
        padding-right: 0;
    }

    /* Static category titles — full-width category grid starts at section edge */
    body.home .section__account-rand.account-category:not(:has(.homepage-category-carousel)) .section__title,
    body.front-page .section__account-rand.account-category:not(:has(.homepage-category-carousel)) .section__title {
        max-width: none;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0;
        padding-right: 0;
    }

    body.tax-product_cat .category-filterbar,
    body.post-type-archive-product .category-filterbar {
        max-width: var(--site-visual-width);
        margin-left: auto;
        margin-right: auto;
    }

    body.tax-product_cat .account-rand__items[data-fg-category-grid="1"]:not(.category-product-carousel__track),
    body.post-type-archive-product .account-rand__items[data-fg-category-grid="1"]:not(.category-product-carousel__track) {
        max-width: calc(var(--site-visual-width) + 18px);
        margin-left: max(0px, calc((100% - var(--site-visual-width)) / 2 - 9px));
        margin-right: max(0px, calc((100% - var(--site-visual-width)) / 2 - 9px));
    }

    body.tax-product_cat .account-rand__items[data-fg-category-grid="1"]:not(.category-product-carousel__track) > .account-rand__item,
    body.post-type-archive-product .account-rand__items[data-fg-category-grid="1"]:not(.category-product-carousel__track) > .account-rand__item {
        width: calc(var(--site-wide-width) / 6);
        min-width: calc(var(--site-wide-width) / 6);
        max-width: calc(var(--site-wide-width) / 6);
        flex: 0 0 calc(var(--site-wide-width) / 6);
    }

    /* Category ACF carousels — match homepage 1600px row (6 cards, no peek, arrows outside) */
    body.tax-product_cat .category-product-carousel,
    body.post-type-archive-product .category-product-carousel {
        overflow: visible;
    }

    body.tax-product_cat .category-product-carousel .category-product-carousel__inner,
    body.post-type-archive-product .category-product-carousel .category-product-carousel__inner {
        position: relative;
        max-width: var(--site-visual-width);
        margin-left: auto;
        margin-right: auto;
        gap: 0;
    }

    body.tax-product_cat .category-product-carousel .category-product-carousel__viewport,
    body.post-type-archive-product .category-product-carousel .category-product-carousel__viewport {
        max-width: var(--site-visual-width);
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
    }

    body.tax-product_cat .category-product-carousel .category-product-carousel__track > .account-rand__item,
    body.post-type-archive-product .category-product-carousel .category-product-carousel__track > .account-rand__item {
        width: calc(var(--site-visual-width) / 6);
        min-width: calc(var(--site-visual-width) / 6);
        max-width: calc(var(--site-visual-width) / 6);
        flex: 0 0 calc(var(--site-visual-width) / 6);
    }

    body.tax-product_cat .category-product-carousel .category-product-carousel__arrow,
    body.post-type-archive-product .category-product-carousel .category-product-carousel__arrow {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 2;
    }

    body.tax-product_cat .category-product-carousel .category-product-carousel__arrow--prev,
    body.post-type-archive-product .category-product-carousel .category-product-carousel__arrow--prev {
        left: -50px;
    }

    body.tax-product_cat .category-product-carousel .category-product-carousel__arrow--next,
    body.post-type-archive-product .category-product-carousel .category-product-carousel__arrow--next {
        right: -50px;
    }

    body.tax-product_cat .section__account-rand .section__title,
    body.post-type-archive-product .section__account-rand .section__title {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: max(0px, calc((100% - var(--site-visual-width)) / 2));
        padding-right: 0;
    }

    body.tax-product_cat .section__account-rand > .fg-category-filter-empty,
    body.post-type-archive-product .section__account-rand > .fg-category-filter-empty {
        display: block;
        width: fit-content;
        max-width: calc(var(--site-wide-width) - 18px);
        margin-left: max(0px, calc((100% - var(--site-wide-width)) / 2 + 9px));
        margin-right: auto;
    }

    body.page-template-template-account-item-php .section__account-rand .account-rand__items[data-filter-accounts="rand"]:not([data-fg-category-grid]) {
        max-width: var(--site-wide-width);
        margin-left: auto;
        margin-right: auto;
    }

    body.page-template-template-account-item-php .section__account-rand .account-rand__items[data-filter-accounts="rand"]:not([data-fg-category-grid]) > .account-rand__item:not(.account-category__item) {
        width: var(--site-card-width);
        min-width: var(--site-card-width);
        max-width: var(--site-card-width);
        flex: 0 0 var(--site-card-width);
    }

    body.page-template-template-account-item-php .section__account-rand .section__title {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: max(0px, calc((100% - var(--site-wide-width)) / 2 + 9px));
        padding-right: 0;
    }

    body.page-template-page-agreement-php .section__page.fg-agreement-page {
        width: 100%;
        max-width: var(--site-visual-width);
        padding-left: 0;
        padding-right: 0;
        margin-left: auto;
        margin-right: auto;
    }

    body.tax-product_cat .main__content:has(.category-empty-state),
    body.post-type-archive-product .main__content:has(.category-empty-state) {
        min-height: 0 !important;
        padding-bottom: 0 !important;
    }

    body.tax-product_cat .main__content > .category-empty-state,
    body.post-type-archive-product .main__content > .category-empty-state {
        position: static !important;
        top: auto !important;
        left: auto !important;
        transform: none !important;
    }

    body.tax-product_cat .category-empty-state,
    body.post-type-archive-product .category-empty-state {
        width: 100%;
        max-width: var(--site-visual-width);
        min-height: 550px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 32px;
        margin-bottom: 32px;
        padding: 64px 32px;
        background: #ffffff;
        border: 1px solid rgba(226, 232, 240, 0.95);
        border-radius: 18px;
        box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06);
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        font-size: 28px;
        font-weight: 500;
        color: #1f2933;
    }

    body.home .main__content .fg-home-giveaway-section,
    body.front-page .main__content .fg-home-giveaway-section {
        max-width: var(--site-section-width);
        margin-left: auto;
        margin-right: auto;
        padding-left: 0;
        padding-right: 0;
    }

    body.home .fg-home-giveaway-grid,
    body.front-page .fg-home-giveaway-grid {
        gap: 22px;
    }

    body.home .fg-home-giveaway-card .fg-home-giveaway-card__content,
    body.front-page .fg-home-giveaway-card .fg-home-giveaway-card__content {
        width: 100%;
        max-width: none;
        align-self: stretch;
        align-items: stretch;
        padding: 34px 28px 34px 36px;
    }

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

    body.home .fg-home-giveaway-card .fg-home-giveaway-card__title--manual-break,
    body.front-page .fg-home-giveaway-card .fg-home-giveaway-card__title--manual-break {
        display: block;
        -webkit-line-clamp: unset !important;
        -webkit-box-orient: unset !important;
        overflow: visible !important;
        text-overflow: clip !important;
        white-space: normal;
        line-height: 1.12;
        font-size: clamp(24px, 1.55vw, 34px);
        max-width: 100%;
    }

    body.home .fg-home-giveaway-card .fg-home-giveaway-card__title-line,
    body.front-page .fg-home-giveaway-card .fg-home-giveaway-card__title-line {
        display: block;
        max-width: 100%;
        white-space: nowrap;
        overflow: visible;
        line-height: 1.12;
    }

    body.home .fg-home-giveaway-card .fg-home-giveaway-card__badge,
    body.front-page .fg-home-giveaway-card .fg-home-giveaway-card__badge {
        width: fit-content;
        max-width: none;
        align-self: flex-start;
        min-height: 0;
        padding: 8px 18px;
        font-size: 13px;
        line-height: 1.2;
        border-radius: 999px;
    }

    body.home .fg-home-giveaway-card .fg-home-giveaway-card__pricing,
    body.front-page .fg-home-giveaway-card .fg-home-giveaway-card__pricing {
        max-width: none;
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: 10px;
    }

    body.home .fg-home-giveaway-card .fg-home-giveaway-card__prices,
    body.front-page .fg-home-giveaway-card .fg-home-giveaway-card__prices {
        max-width: none;
        width: auto;
        flex: 0 1 auto;
    }

    body.home .fg-home-giveaway-card.fg-home-giveaway-card--hot .fg-home-giveaway-card__pricing,
    body.front-page .fg-home-giveaway-card.fg-home-giveaway-card--hot .fg-home-giveaway-card__pricing {
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: 10px;
    }

    body.home .fg-home-giveaway-card.fg-home-giveaway-card--hot .fg-home-giveaway-card__prices,
    body.front-page .fg-home-giveaway-card.fg-home-giveaway-card--hot .fg-home-giveaway-card__prices {
        width: auto;
        flex: 0 1 auto;
    }

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

    body.home .fg-home-giveaway-card .fg-home-giveaway-card__timer,
    body.front-page .fg-home-giveaway-card .fg-home-giveaway-card__timer {
        width: 100%;
    }

    body.home .fg-home-giveaway-card .fg-home-giveaway-card__timer-units,
    body.front-page .fg-home-giveaway-card .fg-home-giveaway-card__timer-units {
        width: 100%;
        justify-content: space-between;
        gap: 8px;
    }

    body.home .fg-home-giveaway-card .fg-home-giveaway-card__timer-unit,
    body.front-page .fg-home-giveaway-card .fg-home-giveaway-card__timer-unit {
        flex: 1 1 0;
        min-width: 0;
    }

    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,
    body.home .fg-home-giveaway-card span.fg-home-giveaway-card__button.fg-home-giveaway-card__button--span,
    body.front-page .fg-home-giveaway-card span.fg-home-giveaway-card__button.fg-home-giveaway-card__button--span,
    body.home .fg-home-giveaway-card a.fg-home-giveaway-card__button,
    body.front-page .fg-home-giveaway-card a.fg-home-giveaway-card__button {
        width: 100%;
        max-width: none;
    }

    body.tax-product_cat .hot-draw-section,
    body.post-type-archive-product .hot-draw-section {
        max-width: var(--site-visual-width);
        margin-left: auto;
        margin-right: auto;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 22px;
        justify-content: stretch;
    }

    body.tax-product_cat .hot-draw-section > .draw,
    body.tax-product_cat .hot-draw-section > a.draw,
    body.post-type-archive-product .hot-draw-section > .draw,
    body.post-type-archive-product .hot-draw-section > a.draw {
        width: 100%;
        max-width: none;
        min-width: 0;
        margin: 0;
    }

    body.single-product .section__page {
        width: 100% !important;
        max-width: var(--site-visual-width) !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    body.single-product .section__page > .c-border,
    body.single-product .section__page > .c-border > .c-border__content {
        width: 100%;
        max-width: none;
    }

    body.single-product .single-product-layout {
        width: 100% !important;
        max-width: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    body.single-product .single-product-hero,
    body.single-product .single-product-description-card,
    body.single-product .single-product-related {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }

    body.single-product .single-product-related__grid {
        max-width: 100%;
    }

    body.woocommerce-order-received .main__content.fg-thankyou,
    body.woocommerce-order-received .fg-thankyou {
        max-width: var(--site-visual-width);
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 28px;
        margin-bottom: 32px;
        padding-left: 0;
        padding-right: 0;
    }

    body.woocommerce-order-received .fg-thankyou-card {
        width: 100%;
        max-width: 100%;
        padding: 36px 40px;
        box-sizing: border-box;
    }

    body.woocommerce-order-received .fg-thankyou-card__product {
        gap: 22px;
    }

    body.woocommerce-order-received .fg-thankyou-card__product-image {
        width: 112px;
        height: 112px;
        flex: 0 0 112px;
    }

    body.woocommerce-order-received .fg-thankyou-card__support {
        max-width: 900px;
        margin-left: auto;
        margin-right: auto;
    }
}

/* Order received — remove Customizer viewport min-height canvas */
body.woocommerce-order-received .main__content.fg-thankyou {
    min-height: 0 !important;
}

body.woocommerce-order-received .main__content.fg-thankyou {
    padding-bottom: 24px;
    margin-bottom: 32px;
}

@media (min-width: 1600px) {
    body.woocommerce-order-received .main__content.fg-thankyou {
        margin-bottom: 32px;
    }
}

.account-prod__items {
    display: flex;
    flex-wrap: wrap;
    margin: -19px -26px;
}

.account-prod__item {
    width: 33.3333%;
    padding: 19px 26px;
}

.account-prod__item-box {
    min-height: 176px;
    padding: 0 26px;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 2;
}

.account-prod__item-bgs {
    width: auto;
    height: 215px;
    position: absolute;
    left: -16px;
    right: -16px;
    top: 50%;
    margin: -107px 0 0 0;
    z-index: -1;
}

.account-prod__item-bgs::after,
.account-prod__item-bgs::before {
    width: 50%;
    height: 100%;
    content: ' ';
    display: block;
    position: absolute;
    top: 0;
    background: no-repeat 0 0 url(_img/bgs__account-prod__item.png);
    background-size: auto 100%;
}

.account-prod__item-bgs::after {
    left: 0;
}

.account-prod__item-bgs::before {
    right: 0;
    background-position: right 0;
}

.account-prod__item-discount {
    min-width: 76px;
    height: 24px;
    line-height: 24px;
    position: absolute;
    right: 9px;
    top: 6px;
    z-index: 7;
    font-weight: bold;
    font-size: 13px;
    color: #fff;
    text-shadow: 0 0 5px rgba(26, 108, 44, 0.7);
    text-align: center;
    background: #2ae953;
    border-radius: 24px;
}

.account-prod__item-image {
    width: 126px;
    height: 126px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: 0 -6px 0 0;
    z-index: 2;
}

.account-prod__item-image img {
    position: relative;
    z-index: 3;
}

.account-prod__item-image::after {
    width: auto;
    height: auto;
    content: ' ';
    display: block;
    position: absolute;
    left: -11px;
    right: -11px;
    top: -11px;
    bottom: -11px;
    z-index: -1;
    background: no-repeat 0 0 url(_img/bgs__account-prod__item-image.png);
    background-size: 100% 100%;
    transition: transform 2s linear;
}

.account-prod__item-box:hover .account-prod__item-image::after {
    transform: rotate(9999deg);
    transition: transform 120s linear;
}

.account-prod__item-content {
    flex: 1;
}

.account-prod__item-props dl {
    font-size: 15px;
    letter-spacing: 1px;
}

.account-prod__item-props dl + dl {
    margin-top: 2px;
}

.account-prod__item-props dt {
    padding: 0 0 0 30px;
    margin: 0 3px 0 0;
    position: relative;
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
}

.account-prod__item-props .icon {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.account-prod__item-props dd {
    display: inline-block;
    vertical-align: middle;
    color: #a2feff;
}

.account-prod__item-right {
    width: 106px;
}

.account-prod__item-price {
    margin: 0 10px 6px 0;
    font-size: 14px;
    color: #a2feff;
    text-align: center;
}

.account-prod__item-price .price-value {
    font-weight: bold;
    font-size: 1.2em;
}

.account-prod__item-price-old {
    margin: 0 10px -2px 0;
    font-size: 11px;
    text-align: center;
}

.account-prod__item-price-old > span {
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.account-prod__item-price-old > span::after {
    width: auto;
    height: 1px;
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    background: #a2feff;
}

.account-prod__item-button {
    width: 104px;
    height: 32px;
    padding: 0 6px 2px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    transition: color 0.3s ease;
}

.account-prod__item-button::after,
.account-prod__item-button::before {
    width: auto;
    height: auto;
    content: ' ';
    display: block;
    position: absolute;
    left: -9px;
    right: -9px;
    top: -8px;
    bottom: -10px;
    background: no-repeat 0 0 url(_img/bgs__account-prod__item-button.png);
    pointer-events: none;
}

.account-prod__item-button::before {
    opacity: 0;
    background-position: 0 bottom;
    transition: opacity 0.3s ease;
}

.account-prod__item-button:hover::before {
    opacity: 1;
}

.account-prod__item-button:hover {
    color: #a2feff;
    text-shadow: 0 0 18px #007eff;
}

a.account-prod__item-button {
    color: #fff;
    text-decoration: none;
}

a.account-prod__item-button:hover {
    color: #a2feff;
}


@media all and (max-width: 1660px) {
    .account-prod__items {
        margin: -18px 0;
    }

    .account-prod__item {
        padding: 18px 15px;
    }

    .account-prod__item-box {
        padding: 0 16px 0 12px;
    }
}

@media all and (max-width: 1540px) {
    .account-prod__items {
        justify-content: center;
    }

    .account-prod__item {
        min-width: 500px;
    }
}


@media all and (max-width: 560px) {
    .account-prod__items {
        margin: -20px 0;
    }

    .account-prod__item {
        min-width: 310px;
        width: 310px;
        padding: 20px 0;
    }

    .account-prod__item-box {
        padding: 20px 0;
        flex-direction: column;
    }

    .account-prod__item-right {
        margin: 10px 0 0 0;
    }

    .account-prod__item-price {
        margin-bottom: 10px;
    }

    .account-prod__item-bgs {
        height: auto;
        margin: 0;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        transform: none;
        box-shadow: inset 0 0 3px #0a3b7c;
        border-radius: 20px;
    }

    .account-prod__item-bgs::after,
    .account-prod__item-bgs::before {
        width: auto;
        height: 74px;
        position: absolute;
        left: 0;
        right: 0;
        top: auto;
        bottom: auto;
        margin: 0;
        background: no-repeat center 0 url(_img/bgs__light.png);
    }

    .account-prod__item-bgs::after {
        top: -16px;
    }

    .account-prod__item-bgs::before {
        bottom: -16px;
        transform: scale(1, -1);
    }
}


a.button__buy {
    text-decoration: none;
}

.button__buy {
    width: 248px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2;
    background: 0;
    border: 0;
    font-weight: 400;
    font-size: 25px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.button__buy::after,
.button__buy::before {
    width: auto;
    height: auto;
    content: ' ';
    display: block;
    position: absolute;
    left: -22px;
    right: -22px;
    top: -22px;
    bottom: -26px;
    z-index: -1;
    background: no-repeat 0 0 url(_img/bgs__button-buy.png);
}

.button__buy::before {
    background-position: 0 bottom;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.button__buy:hover::before {
    opacity: 1;
}

.button__buy.btn--small {
    width: 124px;
    height: 35px;
    padding-bottom: 4px;
    font-size: 16px;
}

.button__buy.btn--small::after,
.button__buy.btn--small::before {
    left: -11px;
    right: -11px;
    top: -12px;
    bottom: -12px;
    background-size: 100% auto;
}


/* Account - Width */
.account-width {
    display: flex;
}

.account-width__image {
    width: 328px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin: 0 20px 0 0;
    -webkit-mask-image: linear-gradient(to bottom, black 0%, black 64%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 0%, black 64%, transparent 100%);
}

.account-width__image img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.account-width__content {
    flex: 1;
}

.account-width__title {
    margin: 0 0 28px 0;
    font-size: 28px;
    text-transform: uppercase;
    text-shadow: 0 0 6px rgba(0, 126, 255, 0.5);
}

.account-width__title span {
    color: #a2feff;
}

.account-width__block {
    display: flex;
    align-items: flex-start;
}

.account-width__side {
    flex: 1;
}

.account-width__desc {
    padding: 20px 0 0 0;
}

.account-width__desc-label {
    margin: 0 0 14px 0;
    font-weight: bold;
    text-align: center;
}

.account-width__text {
    padding: 20px 0 0 0;
    line-height: 1.72;
    color: #fff;
}

.account-width__desc p {
    margin: 0;
}

.account-width__shop {
    margin: 0 0 0 10px;
}

.account-width__shop .account-discount {
    margin: 0 0 8px 0;
}

.account-width__shop .account-price {
    text-align: left;
}

.account-discount {
    width: 76px;
    height: 24px;
    line-height: 24px;
    margin: 0 auto 8px;
    z-index: 7;
    font-weight: bold;
    font-size: 13px;
    color: #fff;
    text-shadow: 0 0 5px rgba(26, 108, 44, 0.7);
    text-align: center;
    background: #2ae953;
    border-radius: 24px;
}

.account-price {
    text-shadow: 0 0 6px rgba(0, 126, 255, 0.5);
    text-align: center;
}

.account-price__left {
    text-align: left;
}

.account-price .price--value {
    font-weight: 500;
    font-size: 30px;
}

.account-price .price--sc {
    margin-left: 3px;
    font-size: 22px;
}

.account-price.price--old {
    opacity: 0.7;
}

.account-price.price--old > span {
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.account-price.price--old > span::after {
    width: auto;
    height: 1px;
    content: ' ';
    display: block;
    position: absolute;
    left: -8px;
    right: -8px;
    top: 50%;
    background: #fff;
    transform: rotate(5deg);
}

.account-price.price--old .price--value {
    font-size: 24px;
}

.account-price.price--old .price--sc {
    font-size: 18px;
}

.account-width__buy {
    margin: 8px 0 0 0;
}

.account-width__buy .button__buy + .button__buy {
    margin-top: 22px;
}


.account-width__props {
    display: flex;
    align-items: flex-start;
}

.account-width__props .width-props {
    flex: 1;
}

.account-width__advg {
    margin: 28px 0 0 0;
}

.account-width__advg-label {
    margin: 0 0 14px 0;
    font-weight: bold;
    text-align: center;
}

.account-width__advg-list {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

.account-width__advg-list > li {
    width: 50%;
    display: flex;
    align-items: center;
    margin: 4px 0 0 0;
    font-size: 17px;
    text-align: left;
}

.account-width__advg-list > li img {
    flex: none;
    margin: 0 10px 0 0;
}

.account-width__gallery {
    width: 410px;
    margin: 0 20px 0 -10px;
}

.account-width__gallery-image {
    height: 270px;
    position: relative;
    overflow: hidden;
    border: 1px solid #79c5d5;
    border-radius: 12px;
    box-shadow: 0 0 6px rgba(0, 126, 255, 0.5);
}

.account-width__gallery-thumbs {
    height: 72px;
    position: relative;
    overflow: hidden;
    margin: 6px 0 0 0;
    border: 1px solid #79c5d5;
    border-radius: 12px;
    box-shadow: 0 0 6px rgba(0, 126, 255, 0.5);
}

.account-width__gallery-nav {
    display: flex;
    flex-wrap: nowrap;
}

.account-width__gallery-nav .gallery-images__item {
    width: 33.3333%;
    height: 72px;
    position: relative;
}

.account-width__gallery-nav .gallery-images__item::after {
    width: 100%;
    height: 100%;
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
}

.account-width__gallery-nav .slick-list {
    width: 100%;
}

.account-width__gallery-nav .gallery-images__item {
    cursor: pointer;
}

.account-width__gallery-nav .slick-arrow {
    width: 48px;
    height: 42px;
    display: block;
    position: absolute;
    top: 50%;
    margin: -21px 0 0 0;
    z-index: 7;
    background: no-repeat center center url(_img/icons/ic-sldr-arrw.png);
    background-size: 100% 100%;
    cursor: pointer;
    opacity: 0.7;
    transition: opacity 0.3s ease;
}

.account-width__gallery-nav .slick-arrow:hover {
    opacity: 1;
}

.account-width__gallery-nav .slick-arrow:active {
    opacity: 0.7;
}

.account-width__gallery-nav .slick-arrow.slick-prev {
    left: 10px;
}

.account-width__gallery-nav .slick-arrow.slick-next {
    right: 10px;
    transform: scale(-1, 1);
}


.gallery-images__item {
    width: 100%;
    height: 268px;
    position: relative;
}

.account-width__gallery-image > .gallery-images__item {
    display: none;
}

.account-width__gallery-image > .gallery-images__item:first-child {
    display: block;
}

.gallery-images__image {
    width: auto;
    height: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: no-repeat center center;
    background-size: cover;
}

.account-width__gallery-image .slick-dots {
    width: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px;
    text-align: center;
}

.account-width__gallery-image .slick-dots > li {
    display: inline-block;
    vertical-align: bottom;
    margin: 0 3px;
}

.account-width__gallery-image .slick-dots button {
    width: 14px;
    height: 14px;
    padding: 14px 0 0 0;
    overflow: hidden;
    border: 0;
    margin: 0;
    background: rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 1px 1px #2edbf7;
    border-radius: 50%;
}

.account-width__gallery-image .slick-dots > li.slick-active button {
    background: #2edbf7;
}


@media all and (max-width: 1270px) {
    .account-width__image {
        width: 280px;
    }

    .account-width__props {
        flex-direction: column;
    }

    .account-width__props .width-props {
        flex: none;
    }

    .width-props dl + dl {
        margin-top: 10px;
    }

    .account-width__props .width-props + .width-props {
        margin-top: 10px;
    }
}

@media all and (max-width: 1070px) {
    .account-width {
        flex-direction: column;
    }

    .account-width__image {
        width: 300px;
        margin: 0 auto 24px;
    }

    .account-width__gallery {
        max-width: 100%;
        margin: 0 auto 24px;
    }

    .account-width__content {
        flex: none;
    }
}

@media all and (max-width: 772px) {
    .account-width__block {
        flex-direction: column;
    }

    .account-width__side {
        flex: none;
        width: 100%;
    }

    .account-width__shop {
        order: -6;
        width: 100%;
        margin: 0 0 34px 0;
    }

    .account-width__buy {
        text-align: center;
    }

    .account-width__buy .button__buy {
        display: inline-flex;
        vertical-align: top;
    }

    .account-width__buy .button__buy,
    .account-width__buy .button__buy + .button__buy {
        margin: 12px 5px 0 5px;
    }

    .account-width__title {
        text-align: center;
    }

    .account-width__side {
        text-align: center;
    }

    .width-props {
        max-width: 100%;
        display: inline-block;
        vertical-align: top;
    }

    .account-width__props {
        text-align: center;
        align-items: center;
    }

    .account-width__props .width-props {
        width: 260px;
    }

    .account-width__text {
        text-align: left;
    }
}

@media all and (max-width: 560px) {
    .account-width {
        margin: 0 -10px;
    }

    .account-width__advg-list {
        display: block;
    }

    .account-width__advg-list > li {
        width: 100%;
    }

    .account-width__gallery-thumbs {
        display: none;
    }
}


.account-category__item-image {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    right: 0;
    transform: translateY(-55%);
    top: 50%;
    bottom: auto;
}

.account-category__item-image img {
    width: auto;
    height: auto;
    max-width: 105%;
    max-height: 105%;
    vertical-align: middle;
}

@media (max-width: 560px) {
    .account-category__item-image img {
        max-width: 110%;
        max-height: 110%;
        margin: 0 0 0 0;
    }
}

.account-category .account-rand__item-title {
    margin-bottom: 5%;
    overflow: visible;
    white-space: normal;
    text-overflow: clip;
}


.draw {
    position: relative;
    width: 800px;
    height: 345px;
    margin: auto;
    overflow: hidden;
}

.time--icon {
    position: absolute;
    top: 50px;
    z-index: -1;
}

.character--icon {
    width: 260px;
    position: absolute;
    top: 53px;
    right: 0px;
    z-index: -1;
}

.draw__wrapper {
    height: 100%;
    padding: 0 100px;
}

.draw__main {
    margin: auto 0px;
    width: 80%;
    height: 370px;
    display: flex;
    flex-direction: column;
    text-align: center;
    padding: 20px;
    align-items: center;
}

.take--part {
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    height: 50px;
    color: white !important;
    border-radius: 10px;
    font-family: 'Montserrat-Black';
    font-size: 15px;
    width: 388px;
    text-decoration: none;
    background-color: #01D8FF;
}

.take--part:hover {
    text-decoration: none;
}

.draw-main-text {
    font-family: 'Montserrat-Bold';
    font-size: 18px;
    color: white;
}

.draw-main-text.blue {
    font-size: 24px;
    color: #01D8FF;
}

@media (max-width: 920px) {
    .draw {
        width: 90%;
    }

    .character--icon {
        transform: scale(-1, 1);
        left: -71px;
        opacity: .6;
    }

    .time--icon {
        display: none;
    }

    .draw__main {
        width: 100%;
    }

    .draw__wrapper {
        padding: 0px 0px;
    }

    .draw__wrapper .section__title > span {
        font-size: 16px !important;
    }

    .take--part {
        width: 283px;
    }
}

#draw-link {
    cursor: pointer;
    border-radius: 15px;
}

.draw__main.hot-main {
    width: 50%;
}

.time-to-completion-timer-draw .d-draw,
.time-to-completion-timer-draw .m-draw,
.time-to-completion-timer-draw .h-draw,
.time-to-completion-timer-draw .s-draw,
.time-to-completion-timer-draw span[id^="days-draw-"],
.time-to-completion-timer-draw span[id^="hours-draw-"],
.time-to-completion-timer-draw span[id^="minute-draw-"],
.time-to-completion-timer-draw span[id^="sec-draw-"] {
    display: inline-block;
    color: #a0fbfd;
    font-size: 24px;
    position: relative;
    margin: 0px 10px 0px 10px;
    font-family: 'Montserrat-Bold';
}

.draw-text-time-isUp {
    font-size: 24px;
    color: #a0fbfd;
    font-family: 'Montserrat-Bold';
}

.time-to-completion-timer-draw .d-draw::after,
.time-to-completion-timer-draw .m-draw::after,
.time-to-completion-timer-draw .h-draw::after {
    position: absolute;
    content: '';
    height: 80%;
    top: 0;
    bottom: 0;
    border-right: 2px solid #34427B;
    margin: auto 15px auto 13px;
}

a.draw {
    text-decoration: none;
}

.draw__main.hot-main .time-to-completion {
    text-align: left
}

.time-to-completion-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
}

.hot__item-discount {
    padding: 5px 10px;
    border: 1px solid #EC9F49;
    border-radius: 10px;
    color: #fff;
}

.hot-draw-section {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    gap: 20px 100px;
    flex-wrap: wrap;
    max-width: 1766px;
    margin: 0 auto;
    margin-bottom: 35px;
}

.draw-main.hot-main {
    text-align: left;
}

.hot-main .draw-main-text {
    font-size: 18px;

}

.hot-cost {
    color: #fff;
    display: flex;
    justify-content: space-between;
    vertical-align: middle;
    margin: 38px 0px 15px;
    font-family: 'Montserrat-Bold';
}

.hot-now-cost {
    font-size: 26px;
}

.hot-old-cost {
    display: flex;
    align-items: center;
    font-size: 20px;
    color: #ffffff;
    text-decoration: line-through;
}

.hot-btn {
    background: #EC9F49;
}

.time-to-completion-timer span[id^="days-"],
.time-to-completion-timer span[id^="hours-"],
.time-to-completion-timer span[id^="minute-"],
.time-to-completion-timer span[id^="sec-"] {
    font-size: 24px;
    color: #EC9F49;
    font-family: 'Montserrat-Bold';
    width: auto;
    display: inline-block;
}

.time-to-completion .d,
.time-to-completion .m,
.time-to-completion .h,
.time-to-completion .s {
    display: inline-block;
    color: #EC9F49;
    font-size: 24px;
    position: relative;
    margin: 0px 20px 0px 10px;
    font-family: 'Montserrat-Bold';
}

.time-to-completion .d::after,
.time-to-completion .m::after,
.time-to-completion .h::after {
    position: absolute;
    content: '';
    height: 80%;
    top: 0;
    bottom: 0;
    border-right: 2px solid #34427B;
    margin: auto 11px;
}

.draw.hot-draw .character--icon {
    width: 100%;
    position: absolute;
    top: 0px;
    right: -262px;
    z-index: -1;
}

.draw__wrapper {
    width: 100%;
}


.hot-text-time-isUp {
    font-size: 24px;
    color: #EC9F49;
    font-family: 'Montserrat-Bold';
    text-align: center;
}

@media (max-width: 920px) {
    .draw.hot-draw .character--icon {
        left: -184px;
        width: 625px;
    }

    .hot__item-discount {
        position: absolute;
        top: 20px;
        right: 20px;
    }

    .draw__main.hot-main .take--part {
        width: auto;
    }

    .draw__main.hot-main {
        width: 100%;
    }
}

@media (max-width: 510px) {

    .hot__item-discount {
        display: none;
    }

}


.product-images-container {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    justify-content: start;
}

.product-images-item {
    width: 100%;
}

.product-images-item img {
    cursor: pointer;
    width: 100%;
    height: auto;
    max-width: 100%;
    display: block;
    object-fit: cover;
    padding: 0;
    border-radius: 12px;
}

@media all and (max-width: 772px) {
    .account-width__shop .account-price {
        text-align: center;
    }

    .product-images-container {
        grid-template-columns: 1fr;
    }
}


.notify {
    position: fixed;
    top: 150px;
    left: 0;
    z-index: 250;
    display: none;
    transition: .4s ease-in-out
}

.notify__wrapper {
    width: 90%;
    height: auto;
    border-radius: 15px;
    background-color: rgba(82, 165, 173, .1);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    -moz-backdrop-filter: blur(15px);
    -o-backdrop-filter: blur(15px);
    -ms-backdrop-filter: blur(15px);
    padding: 20px
}

.notify__body-top {
    display: flex;
    justify-content: space-between;
    text-align: center;
    margin: 10px 0
}

.notify__body-left {
    display: flex;
    justify-content: flex-start;
    text-align: center
}

.notify__body-left span {
    margin: auto 10px;
    font-family: Montserrat-Bold;
    color: #01d8ff;
    font-size: 20px
}

.notify__timer {
    width: 90px;
    height: 30px;
    border-radius: 5px;
    color: #fff;
    background: #01d8ff
}

.notify__timer span {
    font-family: Montserrat-Bold;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 30px;
    text-align: center
}

.notify__body-center {
    margin: 10px 0
}

.notify__body-center p {
    font-family: Montserrat-Bold;
    color: #fff
}

.notify__body-bottom {
    margin-top: 35px;
    display: flex;
    justify-content: space-between
}

.notify .remodaling__close {
    width: 158px;
    height: 40px;
    border-radius: 10px;
    background: 0 0;
    border: 1px solid #01d8ff;
    margin: 0 20px;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
    font-family: Montserrat-Bold;
    position: none !important
}

.exitblock-body button, .notify__body a {
    border-radius: 10px;
    background: #01d8ff;
    font-size: 18px;
    cursor: pointer;
    font-family: Montserrat-Bold
}

.notify .remodaling__close:hover {
    background: #01d8ff;
    transition: .4s ease-in-out
}

.notify__body a {
    text-decoration: none;
    color: #fff;
    display: flex;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 70%;
    height: 40px;
    bottom: 25px
}

.exitblock {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100000
}

.exitblock .exitblock__bg {
    background: #141518;
    opacity: .8;
    position: fixed;
    width: 100%;
    height: 100%
}

.exit__block-logo img {
    filter: drop-shadow(1px 1px 3px #01D8FF)
}

.exitblock .exitblock__wrapper {
    border-radius: 15px;
    background: rgba(27, 19, 36, .9);
    backdrop-filter: blur(10px);
    position: fixed;
    width: auto;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    box-shadow: 0 4px 10px 2px rgba(0, 0, 0, .5);
    text-align: center;
    padding: 30px 40px;
    background-image: url("source/custom/css/epicgames_v2/_img/promocode-background.png");
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat
}

.exitblock-body-list {
    margin-bottom: 73px;
    font-family: Montserrat-Bold;
    list-style: none;
    padding: 0;
    font-size: 30px
}

.exitblock-body-list li:first-child {
    color: #01d8ff;
    text-align: center;
    margin: 5px 0
}

.exitblock-body-list li:nth-child(2) {
    color: #fff;
    text-align: center
}

.exitblock-body button {
    width: 320px;
    height: 60px;
    color: #fff;
    outline: 0
}

.exitblock__header {
    position: relative;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px 10px 0 0
}

.exitblock__header img {
    width: 250px;
    height: auto
}

.exitblock__close.remodaling__close img {
    width: 20px;
    height: 20px
}

.exitblock__close {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer
}

#success-box {
    position: fixed;
    top: 100px;
    right: 30px;
    z-index: 250;
    color: #fff;
    font-family: Montserrat-Bold;
    background-color: rgba(70, 244, 128, .5);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    -moz-backdrop-filter: blur(15px);
    -o-backdrop-filter: blur(15px);
    -ms-backdrop-filter: blur(15px);
    padding: 10px;
    border-radius: 15px
}

@media (max-width: 1450px) {
    .notify {
        width: 40%
    }

    .notify__body a, .notify__body button, .notify__body span, .notify__body-bottom button, .notify__body-center p {
        width: 100% !important;
        font-size: 14px;
        text-align: center
    }

    .notify__body-bottom button {
        margin: 5px auto !important
    }

    .notify__body-bottom {
        display: block
    }

    .notify__body a, .notify__close {
        width: 100%
    }
}

@media screen and (max-width: 980px) {
    .notify {
        width: 80%
    }

    .exitblock-body {
        font-size: 12px
    }
}

@media screen and (max-width: 460px) {
    .notify__body-center p, .notify__body-left span {
        text-align: left
    }
}

.modal--accept .c-border {
    text-align: center;
}

.remodal.modal--accept {
    background: rgb(2, 0, 36);
    background: -moz-linear-gradient(180deg, rgba(2, 0, 36, 1) 0%, rgba(22, 30, 65, 1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(2, 0, 36, 1) 0%, rgba(22, 30, 65, 1) 100%);
    background: linear-gradient(180deg, rgba(2, 0, 36, 1) 0%, rgba(22, 30, 65, 1) 100%);
}

.modal--accept .c-border__content {
    text-align: center;
}

.modal--accept .c-border__content .button__buy {
    margin: 30px auto;
}

.download__bandicam {
    font-size: 25px;
    font-family: 'Roboto';
    margin-top: 25px;
    display: block;
}

.modal--accept .input__check input:checked + .input__check-icon {
    box-shadow: inset 0 0 0 1px #9ef8fa;
}

@media (min-width: 960px) {
    .modal--accept .account-width__buy:hover .input__check-icon:before {
        opacity: .5;
    }

    .modal--accept .input__check input:checked + .input__check-icon:before {
        opacity: 1 !important;
    }
}

.modal--accept .input__check-icon {
    box-shadow: inset 0 0 0 1px #9ef8fa;
}


/* === SALE / ფასდაკლების ვარსკვლავი (Desktop) === */
.account-rand__item-discount {
    position: absolute;

    right: 1px;   /* ➤ რამდენად მარჯვენა კუთხესთან იყოს.
                     ნაკლები რიცხვი = კიდესთან უფრო ახლოს.
                     მეტი = ცოტა მარცხნივ გადმოვა. */

    top: 1px;     /* ➤ რამდენად მაღლა იყოს ზედა კიდიდან.
                     რიცხვის გაზრდა = ბეჯი ჩამოვა ქვევით. */

    z-index: 10;

    /* === სიდიდე (ფორმა) === */
    width: 65px;  /* ➤ ბეჯის სიგანე. */
    min-width: 0;  /* ➤ ვანულებთ ძველ min-width: 76px-ს */
    height: 35px; /* ➤ ბეჯის სიმაღლე.
                     თუ უფრო „გრძელი“ ოვალი გინდა – გაზარდე width,
                     თუ უფრო მაღალი – გაზარდე height. */

    display: flex;
    align-items: center;
    justify-content: center;

    font-weight: 700;
    font-size: 18px; /* ➤ პროცენტის ზომა desktop-ზე */
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;

    background: transparent;
    border-radius: 14px; /* ➤ რამდენად „მომრგვალო“ არის კიდეები:
                             0px = მკვეთრი კუთხეები,
                             10–20px = ლამაზად მომრგვალო,
                             40–999px = უკვე ძალიან წრიული/ოვალური. */
    overflow: visible;
}

/* შავი კონტური – stroke */
.account-rand__item-discount::before {
    content: "";
    position: absolute;

    inset: -2px;          /* ➤ კონტურის სისქე.
                             -1px = ძალიან თხელი,
                             -3px = ნორმალური,
                             -4/-5px = ძალიან სქელი შავი. */

    background: #000000;  /* ➤ კონტურის ფერი – შეგიძლია სხვაც */
    z-index: -2;

    /* starburst ფორმა */
    clip-path: polygon(
            99.89% 53.3%,91.85% 59.87%,96.11% 69.32%,86.38% 72.92%,87.34% 83.25%,
            76.97% 83.49%,74.52% 93.57%,64.63% 90.43%,59.04% 99.18%,50.71% 92.99%,
            42.59% 99.45%,36.71% 90.9%,26.93% 94.36%,24.15% 84.37%,13.78% 84.47%,
            14.4% 74.11%,4.55% 70.84%,8.5% 61.24%,0.25% 54.95%,7.09% 47.16%,
            1.33% 38.53%,10.34% 33.38%,7.7% 23.35%,17.89% 21.4%,18.64% 11.06%,
            28.91% 12.53%,32.99% 2.98%,42.22% 7.71%,49.17% 0.01%,56.38% 7.48%,
            65.45% 2.45%,69.84% 11.85%,80.05% 10.04%,81.15% 20.36%,91.4% 21.96%,
            89.09% 32.08%,98.26% 36.93%,92.79% 45.74%
    );
}

/* შიგნით წითელი ვარსკვლავი */
.account-rand__item-discount::after {
    content: "";
    position: absolute;

    inset: 0;             /* ➤ თუ აქ 1px-ს დაწერ, შავი კონტური უფრო „ფართო“ გამოჩნდება */
    background: #e00000;  /* ➤ წითელი */
    z-index: -1;          /* რომ %-ი ზედ იყოს და არ დაიფაროს */

    clip-path: polygon(
            99.89% 53.3%,91.85% 59.87%,96.11% 69.32%,86.38% 72.92%,87.34% 83.25%,
            76.97% 83.49%,74.52% 93.57%,64.63% 90.43%,59.04% 99.18%,50.71% 92.99%,
            42.59% 99.45%,36.71% 90.9%,26.93% 94.36%,24.15% 84.37%,13.78% 84.47%,
            14.4% 74.11%,4.55% 70.84%,8.5% 61.24%,0.25% 54.95%,7.09% 47.16%,
            1.33% 38.53%,10.34% 33.38%,7.7% 23.35%,17.89% 21.4%,18.64% 11.06%,
            28.91% 12.53%,32.99% 2.98%,42.22% 7.71%,49.17% 0.01%,56.38% 7.48%,
            65.45% 2.45%,69.84% 11.85%,80.05% 10.04%,81.15% 20.36%,91.4% 21.96%,
            89.09% 32.08%,98.26% 36.93%,92.79% 45.74%
    );
}


/* ===== Responsive ზომები ფასდაკლების ბეჯისთვის ===== */

/* ლეპტოპები / პატარა მონიტორები (1070px-მდე) */
@media all and (max-width: 1070px) {
    .account-rand__item-discount {
        width: 64px;   /* ➤ აქ შეგიძლია იგივე პრინციპით შეცვლა */
        height: 38px;
        font-size: 16px;
    }

    .account-rand__item-discount::before {
        inset: -2px;  /* ნაკლები მინუსი = უფრო თხელი ჩარჩო */
    }
}

/* ტაბლეტები / პატარა ლეპტოპები (800px-მდე) */
@media all and (max-width: 800px) {
    .account-rand__item-discount {
        width: 58px;
        height: 36px;
        font-size: 15px;
        right: 1px;
        top: 1px;
    }

    .account-rand__item-discount::before {
        inset: -2px;  /* ნაკლები მინუსი = უფრო თხელი ჩარჩო */
    }
}

/* ჩვეულებრივი ტელეფონები (560px-მდე) */
@media all and (max-width: 774px) {
    .account-rand__item-discount {


        width: 40px;   /* ➤ თუ მაინც გეჩვენება დიდი/პატარა, აქ დაიწყე თამაში */
        height: 30px;
        font-size: 13px;

        right: 1px;   /* ➤ ცოტათი უფრო მარჯვენა-ზედა კუთხესთან */
        top: 1px;
    }
    .account-rand__item-discount::before {
        inset: -1.5px;  /* ნაკლები მინუსი = უფრო თხელი ჩარჩო */
    }




    .account-width .account-rand__item-discount {


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


        width: 64px;   /* ➤ თუ მაინც გეჩვენება დიდი/პატარა, აქ დაიწყე თამაში */
        height: 38px;
        font-size: 17px;

        right: 1px;   /* ➤ ცოტათი უფრო მარჯვენა-ზედა კუთხესთან */
        top: 1px;
    }
    .account-rand__item-discount::before {
        inset: -1.5px;  /* ნაკლები მინუსი = უფრო თხელი ჩარჩო */
    }



}

/* პატარა ტელეფონები (376px-მდე) */
@media all and (max-width: 376px) {
    .account-rand__item-discount {
        width: 40px;
        height: 30px;
        font-size: 12px;
        right: 1px;
        top: 1px;
    }
    .account-rand__item-discount::before {
        inset: -1.5px;  /* ნაკლები მინუსი = უფრო თხელი ჩარჩო */
    }
}



.ic-btn-cart{
    display: flex;
}


.header__bonuses-btn {
    display: flex;
}


@media (max-width: 1000px) {

    .header-lang__trigger-code {
        display: none;
    }

    .header__mybuy-label{
        display: none;
    }
    .header__mybuy-icon{
        margin: 0 10px 0 10px;
    }
    .header__mybuy-btn{
        width: auto;
    }

    .header-lang{
        margin: 0;
    }
}








.buy-now-button {
    position: relative;
}

.buy-now-button.is-loading {
    pointer-events: none;
    opacity: 0.7;
}

.buy-now-button .btn-text {
    display: inline-block;
}

.buy-now-button .btn-loader {
    display: none;
}

.buy-now-button.is-loading .btn-text {
    display: none;
}

.buy-now-button.is-loading .btn-loader {
    display: inline-block;
}


.buy-now-button.is-loading .btn-loader-text{
    display: none;
}







.payment__btn {
    position: relative;
}

.payment__btn.is-loading {
    pointer-events: none;
    opacity: 0.7;
}

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

.payment__btn.is-loading .btn-loader {
    display: inline-block;
}

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

/* === Homepage-only ACF carousel (front-page.php; JS: .homepage-product-carousel) === */
.homepage-product-carousel {
    width: 100%;
    max-width: 100%;
}

.homepage-product-carousel__inner {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 10px;
    width: 100%;
}

.homepage-product-carousel__viewport {
    flex: 1;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: rgba(37, 99, 235, 0.35) transparent;
}

.homepage-product-carousel__viewport::-webkit-scrollbar {
    height: 6px;
}

.homepage-product-carousel__viewport::-webkit-scrollbar-thumb {
    background: rgba(37, 99, 235, 0.35);
    border-radius: 999px;
}

.homepage-product-carousel__viewport::-webkit-scrollbar-track {
    background: transparent;
}

.homepage-product-carousel .homepage-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;
}

.homepage-product-carousel .homepage-product-carousel__track > .account-rand__item {
    flex: 0 0 auto;
    width: 220px;
    min-width: 220px;
    max-width: 280px;
    box-sizing: border-box;
}

.homepage-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;
}

.homepage-product-carousel__arrow:hover:not(:disabled) {
    border-color: #b9d4ef;
    background: #f8fbff;
    box-shadow: 0 4px 10px rgba(37, 99, 235, 0.12);
}

.homepage-product-carousel__arrow:disabled {
    opacity: 0.35;
    cursor: default;
    box-shadow: none;
}

.homepage-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;
}

.homepage-product-carousel__arrow--prev .homepage-product-carousel__arrow-icon {
    transform: rotate(135deg);
    margin-left: 2px;
}

/* === Homepage category carousel layout fix === */
/*
 * Cause of narrow "pill" cards:
 * 1) Global .account-rand__item { width: 16.6666%; } — static rows did not override width, so each
 *    grid cell stayed ~1/6 wide inside the column.
 * 2) Carousel track uses width: max-content; flex-basis with 100cqi/% referenced an indefinite flex
 *    container width — unreliable card widths.
 * Fix: --hp-cat-card-w on .homepage-category-carousel__viewport so 100% = visible strip width;
 *      force track children to width: 100% in static grid; flex: 0 0 var(--hp-cat-card-w) in carousel.
 */
.homepage-category-carousel {
    --hp-cat-gap: 24px;
    width: 100%;
    max-width: 100%;
}

.homepage-category-carousel .homepage-category-carousel__track > .account-rand__item {
    box-sizing: border-box;
    position: relative;
    padding: 0;
    max-width: none;
    min-width: 0;
}

/* Static: fill each grid column (overrides global 16.666% width) */
.homepage-category-carousel--static .homepage-category-carousel__track > .account-rand__item {
    width: 100%;
}

.homepage-category-carousel--static .homepage-category-carousel__track {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--hp-cat-gap);
    width: 100%;
    margin: 0;
}

.homepage-category-carousel--static .homepage-category-carousel__track:has(.account-rand__item:first-child:nth-last-child(2)) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.homepage-category-carousel--static .homepage-category-carousel__track:has(.account-rand__item:first-child:nth-last-child(3)) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.homepage-category-carousel--static .homepage-category-carousel__track > .account-rand__item:only-child {
    grid-column: 1 / -1;
    max-width: 420px;
    justify-self: start;
}

.homepage-category-carousel__inner {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 12px;
    width: 100%;
}

/* Static homepage grids reuse carousel inner/viewport bounds (invisible spacer arrows). */
.homepage-category-carousel--static .homepage-category-carousel__viewport,
.homepage-product-carousel--static-grid .homepage-product-carousel__viewport {
    flex: 1;
    min-width: 0;
    overflow: visible;
}

.homepage-category-carousel__arrow--spacer,
.homepage-product-carousel__arrow--spacer {
    visibility: hidden;
    pointer-events: none;
    user-select: none;
}

.homepage-product-carousel--static-grid .account-rand__items,
.homepage-product-carousel--static-grid .fg-home-giveaway-grid,
.homepage-category-carousel--static.fg-home-giveaway-row .fg-home-giveaway-grid {
    width: 100%;
    min-width: 0;
}

/* Desktop static-grid: restore the -9px horizontal bleed so cards reach the same visible
   left/right edges as the carousel track. Beats the centering rule (.account-rand__items
   :not(.homepage-product-carousel__track){margin-left/right:auto}) which neutralizes the
   inherited margin:-9px on the static-grid path. Scoped 641px+ to leave the mobile grid intact. */
@media (min-width: 641px) {
    body.home .section__account-rand .homepage-product-carousel--static-grid .account-rand__items,
    body.front-page .section__account-rand .homepage-product-carousel--static-grid .account-rand__items {
        width: auto;
        margin-left: -9px;
        margin-right: -9px;
        max-width: none;
    }
}

/* Homepage product static-grid mobile: non-scroll viewport + 2-col grid (beats carousel viewport defaults). */
@media (max-width: 640px) {
    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;
        overflow-x: visible;
        overflow-y: visible;
        scroll-snap-type: none;
        -webkit-overflow-scrolling: auto;
    }

    body.home .homepage-product-carousel--static-grid .account-rand__items,
    body.front-page .homepage-product-carousel--static-grid .account-rand__items {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
        margin: 0;
        width: 100%;
        min-width: 0;
    }

    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%;
        min-width: 0;
        max-width: none;
        flex: none;
        padding: 0;
    }
}

.homepage-category-carousel:not(.homepage-category-carousel--static) .homepage-category-carousel__viewport {
    flex: 1;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: rgba(100, 116, 139, 0.35) transparent;
}

.homepage-category-carousel__viewport::-webkit-scrollbar {
    height: 6px;
}

.homepage-category-carousel__viewport::-webkit-scrollbar-thumb {
    background: rgba(100, 116, 139, 0.35);
    border-radius: 999px;
}

.homepage-category-carousel__viewport::-webkit-scrollbar-track {
    background: transparent;
}

/* Homepage ACF carousels: hide horizontal scrollbar (keep overflow-x scroll / touch).
   Category: must beat .homepage-category-carousel:not(.--static) .__viewport { scrollbar-width: thin }. */
body.home .homepage-product-carousel__viewport,
body.front-page .homepage-product-carousel__viewport,
body.home .homepage-category-carousel__viewport,
body.front-page .homepage-category-carousel__viewport,
body.home .homepage-category-carousel:not(.homepage-category-carousel--static) .homepage-category-carousel__viewport,
body.front-page .homepage-category-carousel:not(.homepage-category-carousel--static) .homepage-category-carousel__viewport {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

body.home .homepage-product-carousel__viewport::-webkit-scrollbar,
body.front-page .homepage-product-carousel__viewport::-webkit-scrollbar,
body.home .homepage-category-carousel__viewport::-webkit-scrollbar,
body.front-page .homepage-category-carousel__viewport::-webkit-scrollbar,
body.home .homepage-category-carousel:not(.homepage-category-carousel--static) .homepage-category-carousel__viewport::-webkit-scrollbar,
body.front-page .homepage-category-carousel:not(.homepage-category-carousel--static) .homepage-category-carousel__viewport::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
}

body.home .homepage-product-carousel__viewport::-webkit-scrollbar-thumb,
body.front-page .homepage-product-carousel__viewport::-webkit-scrollbar-thumb,
body.home .homepage-product-carousel__viewport::-webkit-scrollbar-track,
body.front-page .homepage-product-carousel__viewport::-webkit-scrollbar-track,
body.home .homepage-category-carousel__viewport::-webkit-scrollbar-thumb,
body.front-page .homepage-category-carousel__viewport::-webkit-scrollbar-thumb,
body.home .homepage-category-carousel__viewport::-webkit-scrollbar-track,
body.front-page .homepage-category-carousel__viewport::-webkit-scrollbar-track,
body.home .homepage-category-carousel:not(.homepage-category-carousel--static) .homepage-category-carousel__viewport::-webkit-scrollbar-thumb,
body.front-page .homepage-category-carousel:not(.homepage-category-carousel--static) .homepage-category-carousel__viewport::-webkit-scrollbar-thumb,
body.home .homepage-category-carousel:not(.homepage-category-carousel--static) .homepage-category-carousel__viewport::-webkit-scrollbar-track,
body.front-page .homepage-category-carousel:not(.homepage-category-carousel--static) .homepage-category-carousel__viewport::-webkit-scrollbar-track {
    display: none;
}

.homepage-category-carousel:not(.homepage-category-carousel--static) .homepage-category-carousel__track {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    gap: var(--hp-cat-gap);
    width: 100%;
    margin: 0;
    padding: 4px 0;
}

.homepage-category-carousel:not(.homepage-category-carousel--static) .homepage-category-carousel__track > .account-rand__item {
    flex: 0 0 calc((100% - 3 * var(--hp-cat-gap)) / 4);
    width: calc((100% - 3 * var(--hp-cat-gap)) / 4);
    min-width: calc((100% - 3 * var(--hp-cat-gap)) / 4);
    flex-shrink: 0;
}

/* Homepage category cards v3 — modern horizontal image cards (CSS-only).
   Scope: .homepage-category-carousel + .account-category__item.
   Product cards (.account-rand__item:not(.account-category__item)) are untouched. */

.homepage-category-carousel .account-category__item {
    padding: 0;
}

.homepage-category-carousel a.account-rand__item-box.account-category__item-box {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    background: #ffffff;
    border: 1px solid rgba(17, 17, 17, 0.08);
    border-radius: 18px;
    box-shadow: 0 10px 24px rgba(17, 17, 17, 0.06);
    overflow: hidden;
    color: #111111;
    text-decoration: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.homepage-category-carousel a.account-rand__item-box.account-category__item-box:hover {
    border-color: rgba(232, 93, 4, 0.45);
    box-shadow: 0 14px 30px rgba(17, 17, 17, 0.08), 0 4px 10px rgba(232, 93, 4, 0.10);
}

.homepage-category-carousel .account-category__item-image {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 16 / 7;
    min-height: 130px;
    padding: 0;
    margin: 0;
    overflow: hidden;
    transform: none;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    background: rgba(17, 17, 17, 0.04);
    flex-shrink: 0;
}

@supports not (aspect-ratio: 16 / 7) {
    .homepage-category-carousel .account-category__item-image {
        height: 0;
        padding-top: 43.75%;
    }

    .homepage-category-carousel .account-category__item-image img {
        position: absolute;
        inset: 0;
    }
}

.homepage-category-carousel .account-category__item-image img {
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    object-fit: cover;
    object-position: center;
    display: block;
}

.homepage-category-carousel .account-rand__item-bottom {
    position: relative;
    display: flex;
    flex-direction: row;
    flex: 0 0 auto;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    left: auto;
    bottom: auto;
    margin: 0;
    padding: 14px 16px;
    box-sizing: border-box;
    background: #ffffff;
}

.homepage-category-carousel .account-rand__item-bottom::before {
    content: "";
    position: absolute;
    top: 0;
    left: 16px;
    right: 16px;
    height: 1px;
    background: rgba(17, 17, 17, 0.06);
    pointer-events: none;
}

.homepage-category-carousel .account-rand__item-title {
    flex: 1 1 auto;
    min-width: 0;
    padding: 0;
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.3;
    color: #111111;
    text-align: left;
    white-space: normal;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.homepage-category-carousel .account-rand__item-bottom::after {
    content: "";
    flex: 0 0 auto;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #e85d04;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12h14M13 6l6 6-6 6'/></svg>");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 16px;
    box-shadow: 0 6px 14px rgba(232, 93, 4, 0.30);
    transition: box-shadow 0.2s ease, background-color 0.2s ease;
}

.homepage-category-carousel a.account-rand__item-box.account-category__item-box:hover .account-rand__item-bottom::after {
    background-color: #ff7a00;
    box-shadow: 0 8px 18px rgba(255, 122, 0, 0.36);
}

.homepage-category-carousel .account-rand__item-bgs {
    display: none;
}

.homepage-category-carousel__arrow {
    flex: 0 0 auto;
    align-self: center;
    width: 44px;
    height: 44px;
    padding: 0;
    margin: 0;
    border: 1px solid #d1d5db;
    border-radius: 50%;
    background: #ffffff;
    box-shadow: 0 1px 4px rgba(15, 23, 42, 0.06);
    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;
}

.homepage-category-carousel__arrow:hover:not(:disabled) {
    border-color: #94a3b8;
    background: #f8fafc;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.1);
}

.homepage-category-carousel__arrow:disabled {
    opacity: 0.35;
    cursor: default;
    box-shadow: none;
}

.homepage-category-carousel__arrow-icon {
    display: block;
    width: 10px;
    height: 10px;
    border-right: 2px solid #475569;
    border-bottom: 2px solid #475569;
    transform: rotate(-45deg);
    margin-left: -2px;
}

.homepage-category-carousel__arrow--prev .homepage-category-carousel__arrow-icon {
    transform: rotate(135deg);
    margin-left: 2px;
}

/* Homepage category cards v3 — responsive (scoped to .homepage-category-carousel only). */
@media (max-width: 1100px) {
    .homepage-category-carousel--static .homepage-category-carousel__track {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .homepage-category-carousel:not(.homepage-category-carousel--static) .homepage-category-carousel__track > .account-rand__item {
        flex: 0 0 calc((100% - 2 * var(--hp-cat-gap)) / 3);
        width: calc((100% - 2 * var(--hp-cat-gap)) / 3);
        min-width: calc((100% - 2 * var(--hp-cat-gap)) / 3);
    }
}

@media (max-width: 720px) {
    .homepage-category-carousel--static .homepage-category-carousel__track {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
    }

    .homepage-category-carousel:not(.homepage-category-carousel--static) .homepage-category-carousel__track > .account-rand__item {
        flex: 0 0 calc((100% - var(--hp-cat-gap)) / 2);
        width: calc((100% - var(--hp-cat-gap)) / 2);
        min-width: calc((100% - var(--hp-cat-gap)) / 2);
    }

    .homepage-category-carousel .account-rand__item-bottom {
        padding: 12px 12px;
    }

    .homepage-category-carousel .account-rand__item-title {
        font-size: 14px;
    }

    .homepage-category-carousel .account-rand__item-bottom::after {
        width: 28px;
        height: 28px;
        background-size: 14px 14px;
    }
}

@media (max-width: 480px) {
    .homepage-category-carousel--static .homepage-category-carousel__track {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .homepage-category-carousel .account-category__item-image {
        aspect-ratio: 16 / 8;
    }
}


/* Single product page redesign — Phase 1 CSS-only (visual only, logic untouched) */
body.single-product .main__content {
    background: #fafafa !important;
}

body.single-product .section__page {
    width: min(1240px, 100%) !important;
    padding: 0 12px !important;
    margin: 0 auto !important;
}

body.single-product .section__page > .c-border {
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

body.single-product .section__page > .c-border > .c-border__content {
    padding: 0 !important;
    background: transparent !important;
}

body.single-product .section__page .c-border__lamp,
body.single-product .section__page .c-border__angle,
body.single-product .section__page .c-border__angle-side,
body.single-product .section__page .c-border__line,
body.single-product .section__page .c-border__line-side {
    display: none !important;
}

body.single-product .account-width {
    display: grid;
    grid-template-columns: minmax(260px, 320px) minmax(0, 1fr);
    gap: 18px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 20px;
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.08);
    padding: 20px;
}

body.single-product .account-width__image {
    width: 100%;
    margin: 0 !important;
    border-radius: 14px;
    border: 1px solid #e5e7eb;
    background: #f8fafc;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-mask-image: none !important;
    mask-image: none !important;
}

body.single-product .account-width__image img {
    width: 100%;
    max-width: 100%;
    max-height: 420px;
    object-fit: contain;
    border-radius: 10px;
}

body.single-product .account-width__content {
    width: 100%;
}

body.single-product .account-width__title {
    margin: 0 0 14px 0 !important;
    color: #111827 !important;
    font-size: 32px !important;
    line-height: 1.14 !important;
    text-transform: none !important;
    text-shadow: none !important;
}

body.single-product .account-width__title span {
    color: #111827 !important;
}

body.single-product .account-width__block {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 290px;
    gap: 18px;
    align-items: start;
}

body.single-product .account-width__side {
    min-width: 0;
}

body.single-product .width-props {
    display: grid;
    gap: 8px;
    margin-bottom: 14px;
}

body.single-product .width-props dl {
    margin: 0 !important;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    background: #f8fafc;
    padding: 10px 12px;
}

body.single-product .width-props dt {
    width: auto !important;
    margin: 0 !important;
    color: #4b5563;
    font-size: 14px;
    font-weight: 600;
}

body.single-product .width-props dd {
    margin-left: auto;
    color: #111827 !important;
    text-shadow: none !important;
    font-weight: 700;
}

body.single-product .account-width__text {
    margin-top: 10px;
    padding: 14px !important;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    background: #ffffff;
    color: #374151 !important;
    line-height: 1.65;
}

body.single-product .account-width__desc-label {
    margin: 0 0 10px 0 !important;
    color: #111827;
    font-weight: 700;
    text-align: left !important;
}

body.single-product .account-width__shop {
    margin: 0 !important;
    padding: 14px;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    background: #f8fafc;
}

body.single-product .account-discount {
    border-radius: 999px !important;
}

body.single-product .account-price,
body.single-product .account-price * {
    text-shadow: none !important;
}

body.single-product .account-price {
    color: #111827 !important;
    text-align: left !important;
}

/* Current product price: modestly larger than default 30px for balance with title / card */
body.single-product .single-product-purchase-card .account-width__shop > .account-price:not(.price--old) .price--value,
body.single-product .single-product-purchase-card .account-width__shop .single-product-price-row--sale .account-price:not(.price--old) .price--value {
    font-size: 36px;
    font-weight: 600;
    line-height: 1.1;
}

body.single-product .single-product-purchase-card .account-width__shop > .account-price:not(.price--old) .price--sc,
body.single-product .single-product-purchase-card .account-width__shop .single-product-price-row--sale .account-price:not(.price--old) .price--sc {
    font-size: 26px;
    line-height: 1.1;
    vertical-align: baseline;
}

body.single-product .single-product-purchase-card .account-width__shop .single-product-price-row--sale {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 14px;
    justify-content: flex-start;
    margin-bottom: 8px;
}

body.single-product .single-product-purchase-card .account-width__shop .single-product-price-row--sale .account-price.price--old {
    margin-bottom: 0 !important;
    color: rgba(17, 17, 17, 0.38) !important;
    opacity: 1 !important;
}

body.single-product .single-product-purchase-card .account-width__shop .single-product-price-row--sale .account-price.price--old > span::after {
    display: none !important;
}

body.single-product .single-product-purchase-card .account-width__shop .single-product-price-row--sale .account-price.price--old .price--value,
body.single-product .single-product-purchase-card .account-width__shop .single-product-price-row--sale .account-price.price--old .price--sc {
    font-size: 22px;
    font-weight: 500;
    line-height: 1.1;
    color: inherit !important;
    text-decoration: line-through;
}

body.single-product .single-product-purchase-card .account-width__shop .single-product-price-row--sale .account-price:not(.price--old) .price--value,
body.single-product .single-product-purchase-card .account-width__shop .single-product-price-row--sale .account-price:not(.price--old) .price--sc {
    color: #e85d04 !important;
}

body.single-product .single-product-col--right .single-product-price-row--sale .account-price {
    margin-bottom: 0 !important;
}

body.single-product .account-price.price--old {
    color: #9ca3af !important;
    margin-bottom: 4px;
}

body.single-product .account-price.price--old .price--value {
    text-decoration: line-through;
}

body.single-product .single-product-purchase-card .account-width__buy {
    margin-top: 4px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 8px;
    align-items: stretch;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 640px;
    width: 100%;
}

@media (max-width: 640px) {
    body.single-product .single-product-purchase-card .account-width__buy {
        flex-wrap: wrap;
    }
}

body.single-product .single-product-purchase-card .account-width__buy button.button__buy {
    width: auto !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center;
    white-space: normal;
    word-break: break-word;
}

body.single-product .single-product-purchase-card .account-width__buy .button__buy + .button__buy {
    margin-top: 0 !important;
    margin-left: 0 !important;
}

body.single-product .single-product-purchase-card .button__buy::before,
body.single-product .single-product-purchase-card .button__buy::after {
    display: none !important;
}

body.single-product .single-product-purchase-card .buy-now-button.button__buy {
    border: 2px solid #e85d04 !important;
    background: #e85d04 !important;
    color: #ffffff !important;
}

body.single-product .single-product-purchase-card .buy-now-button.button__buy:hover {
    filter: none;
    border-color: #ff7a00 !important;
    background: #ff7a00 !important;
}

body.single-product .single-product-purchase-card .add-to-cart-popup.button__buy-modal {
    border: 2px solid #e85d04 !important;
    background: #ffffff !important;
    color: #e85d04 !important;
}

body.single-product .single-product-purchase-card .add-to-cart-popup.button__buy-modal:hover {
    filter: none;
    border-color: #ff7a00 !important;
    color: #ff7a00 !important;
    background: #ffffff !important;
}

/* Out-of-stock: visible but disabled (no buy-now-button / add-to-cart-popup hooks for shop-popups.js) */
body.single-product .single-product-purchase-card .single-product-buy-now.is-disabled .btn-loader:empty {
    display: none !important;
}

body.single-product .single-product-purchase-card .account-width__buy button.button__buy:is(:disabled, .is-disabled),
body.single-product .single-product-purchase-card .account-width__buy button.button__buy-modal:is(:disabled, .is-disabled) {
    background: #e5e7eb !important;
    border-color: #d1d5db !important;
    color: #6b7280 !important;
    cursor: not-allowed !important;
    pointer-events: none;
    opacity: 0.72;
    box-shadow: none !important;
    filter: none !important;
}

body.single-product .single-product-purchase-card .account-width__buy button.button__buy:is(:disabled, .is-disabled):hover,
body.single-product .single-product-purchase-card .account-width__buy button.button__buy-modal:is(:disabled, .is-disabled):hover {
    background: #e5e7eb !important;
    border-color: #d1d5db !important;
    color: #6b7280 !important;
    filter: none !important;
}

body.single-product .product-images-container {
    margin-top: 12px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 10px;
    gap: 10px;
}

body.single-product .product-images-item img {
    border-radius: 10px !important;
    border: 1px solid #e5e7eb;
}

@media (max-width: 960px) {
    body.single-product .account-width {
        grid-template-columns: 1fr;
    }

    body.single-product .account-width__block {
        grid-template-columns: 1fr;
    }
}

/* Single product redesign — 2-column hero + full-width description */
body.single-product .section__page > .c-border,
body.single-product .section__page > .c-border > .c-border__content {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.single-product .single-product-layout {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 22px;
}

body.single-product .single-product-hero {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    align-items: start;
}

body.single-product .single-product-col--left,
body.single-product .single-product-col--right {
    min-width: 0;
}

body.single-product .single-product-col--left {
    display: flex;
    flex-direction: column;
    min-height: 0;
}

body.single-product .single-product-col--right {
    display: flex;
    flex-direction: column;
    min-height: 0;
}

/* Gallery: hugs main image + thumbnails (no stretched empty shell) */
body.single-product .single-product-gallery-card {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
    padding: 6px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-self: start;
    width: 100%;
    max-width: 100%;
}

body.single-product .single-product-gallery-card .account-width__image {
    margin: 0;
    padding: 0;
    border-radius: 12px;
    background: #f3f4f6;
    flex: none;
    display: flex;
    align-items: stretch;
    justify-content: stretch;
    min-height: 0;
    width: 100%;
    overflow: hidden;
}

body.single-product .single-product-gallery-card .account-width__image img {
    width: 100%;
    display: block;
    border-radius: 10px;
}

/* Purchase / info card — content height */
body.single-product .single-product-purchase-card {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
    padding: 20px;
    align-self: start;
    width: 100%;
    max-width: 100%;
}

body.single-product .single-product-purchase-card .account-width__title {
    margin: 0 0 12px !important;
    padding: 0;
    color: #111827;
    font-weight: 800;
    line-height: 1.25;
}

body.single-product .single-product-purchase-card .account-width__shop {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0;
    box-shadow: none !important;
    display: flex;
    flex-direction: column;
    height: auto;
    min-height: 0;
}

body.single-product .single-product-meta-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 14px;
}

body.single-product .single-product-meta-badge {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 6px 10px;
    border-radius: 999px;
    border: 1px solid #e5e7eb;
    background: #fafafa;
    color: #1f2937;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
}

body.single-product .single-product-meta-badge--stock {
    border-color: #bbf7d0;
    background: #f0fdf4;
    color: #166534;
}

body.single-product .single-product-meta-badge--stock::before {
    content: "";
    width: 8px;
    height: 8px;
    margin-right: 7px;
    border-radius: 50%;
    background: #22c55e;
    flex: 0 0 auto;
}

body.single-product .single-product-meta-badge--stock.single-product-meta-badge--out-of-stock {
    border-color: rgba(220, 38, 38, 0.22);
    background: rgba(220, 38, 38, 0.08);
    color: #b91c1c !important;
}

body.single-product .single-product-meta-badge--stock.single-product-meta-badge--out-of-stock::before {
    background: #dc2626;
}

body.single-product .single-product-meta-badge--category {
    border-color: #fed7aa;
    background: #fff7ed;
    color: #9a3412;
}

body.single-product .single-product-col--right .account-price {
    margin-bottom: 8px;
}

/* Compact horizontal trust row (icon + label per item); divider width matches centered button row */
body.single-product .single-product-trust-list {
    margin-top: 14px;
    margin-left: auto;
    margin-right: auto;
    max-width: 640px;
    width: 100%;
    box-sizing: border-box;
    padding-top: 14px;
    border-top: 1px solid rgba(17, 17, 17, 0.08);
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: space-between;
    gap: 8px 10px;
}

body.single-product .single-product-trust-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex: 1 1 0;
    justify-content: center;
    text-align: left;
    min-width: 0;
    padding: 0;
}

body.single-product .single-product-trust-icon-svg {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    line-height: 0;
}

body.single-product .single-product-trust-icon-svg svg {
    display: block;
}

body.single-product .single-product-trust-label {
    font-size: 13px;
    font-weight: 600;
    color: #111827;
    line-height: 1.25;
}

/* Full-width description below hero */
body.single-product .single-product-description-card {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
    padding: 20px;
}

body.single-product .single-product-description__heading {
    margin: 0 0 16px;
    padding: 0 0 8px;
    font-size: 1.35rem;
    font-weight: 800;
    color: #111827;
    border-bottom: 3px solid #e85d04;
    width: fit-content;
    max-width: 100%;
}

body.single-product .single-product-description__body {
    color: #1f2937;
    font-size: 15px;
    line-height: 1.65;
}

body.single-product .single-product-description__body .fg-tp-fragment {
    display: inline;
}

body.single-product .single-product-description__body > :first-child {
    margin-top: 0;
}

body.single-product .single-product-description__body > :last-child {
    margin-bottom: 0;
}

body.single-product .single-product-gallery-section {
    background: #fafafa;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 8px;
    flex: 0 0 auto;
}

body.single-product .single-product-gallery-carousel {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr) 28px;
    gap: 6px;
    align-items: center;
}

body.single-product .single-product-gallery-viewport {
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

body.single-product .single-product-gallery-viewport::-webkit-scrollbar {
    display: none;
}

body.single-product .single-product-gallery-section .product-images-container {
    margin-top: 0;
    border: 0;
    box-shadow: none;
    background: transparent;
    padding: 0;
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    overflow: visible;
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
    align-items: center;
    min-height: 0;
}

body.single-product .single-product-gallery-section .product-images-item img:hover,
body.single-product .single-product-gallery-section .product-images-item img:focus-visible {
    border-color: #e85d04;
}

body.single-product .single-product-gallery-section .product-images-item {
    cursor: pointer;
}

body.single-product .single-product-gallery-section .product-images-item:focus-visible {
    outline: 2px solid #e85d04;
    outline-offset: 2px;
}

body.single-product .single-product-gallery-section .product-images-item.is-active img {
    border-color: #e85d04 !important;
    box-shadow: 0 1px 4px rgba(232, 93, 4, 0.35);
}

body.single-product .single-product-gallery-arrow {
    width: 28px;
    height: 28px;
    border: 1px solid #e5e7eb;
    border-radius: 999px;
    background: #ffffff;
    color: #374151;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
    line-height: 1;
}

body.single-product .single-product-gallery-arrow span {
    font-size: 18px;
}

body.single-product .single-product-gallery-arrow:hover {
    border-color: #e85d04;
    color: #e85d04;
}

@media (max-width: 960px) {
    body.single-product .single-product-hero {
        grid-template-columns: 1fr;
        align-items: start;
    }

    body.single-product .single-product-col--left,
    body.single-product .single-product-col--right {
        display: block;
        min-height: 0;
    }

    body.single-product .single-product-gallery-card,
    body.single-product .single-product-purchase-card {
        height: auto;
        max-height: none;
        flex: none;
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }

    body.single-product .single-product-gallery-card {
        overflow: visible;
        max-width: none;
        margin-inline: 0;
        width: 100%;
    }

    body.single-product .single-product-purchase-card {
        position: static;
        display: block;
        overflow: visible;
    }

    body.single-product .single-product-gallery-card .account-width__image {
        width: 100%;
        max-width: 100%;
        margin-inline: 0;
        flex: 0 1 auto;
        height: auto;
        aspect-ratio: 1 / 1;
        max-height: min(440px, 92vw);
    }

    body.single-product .single-product-gallery-card .account-width__image img {
        height: auto;
        width: 100%;
        max-height: 100%;
        object-fit: contain;
        object-position: center;
    }

    body.single-product .single-product-purchase-card .account-width__shop {
        flex: none;
        justify-content: flex-start;
        overflow-y: visible;
        gap: 0;
    }

    body.single-product .single-product-gallery-section .product-images-container {
        min-height: 56px;
        max-height: none;
    }

    body.single-product .single-product-gallery-section {
        max-height: none;
        padding: 8px;
    }

    body.single-product .single-product-gallery-section .product-images-item {
        flex: 0 0 92px;
        width: 92px;
    }

    body.single-product .single-product-gallery-section .product-images-item img {
        width: 92px;
        height: 64px;
        object-fit: cover;
        border-radius: 8px !important;
        border: 1px solid #e5e7eb;
        scroll-snap-align: start;
        box-sizing: border-box;
    }

    body.single-product .single-product-trust-list {
        flex-wrap: wrap;
        row-gap: 10px;
        margin-left: auto;
        margin-right: auto;
        max-width: 640px;
        width: 100%;
        box-sizing: border-box;
        border-top-color: rgba(17, 17, 17, 0.08);
    }

    body.single-product .single-product-trust-item {
        flex: 1 1 30%;
        justify-content: flex-start;
    }
}

@media (max-width: 768px) {
    body.single-product .single-product-gallery-section .product-images-container {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        overflow: visible;
    }

    body.single-product .single-product-gallery-carousel {
        grid-template-columns: 1fr;
    }

    body.single-product .single-product-gallery-arrow {
        display: none;
    }

    body.single-product .single-product-gallery-section .product-images-item,
    body.single-product .single-product-gallery-section .product-images-item img {
        width: 100%;
        height: 74px;
        flex: 0 0 auto;
    }

    body.single-product .single-product-trust-label {
        font-size: 13px;
        white-space: normal;
        line-height: 1.25;
    }
}

@media (max-width: 520px) {
    body.single-product .single-product-trust-list {
        flex-direction: column;
        align-items: stretch;
        flex-wrap: nowrap;
        margin-left: auto;
        margin-right: auto;
        max-width: 640px;
        width: 100%;
    }

    body.single-product .single-product-trust-item {
        flex: 0 0 auto;
    }
}

/* Single product: related products (same category, 12 random) */
body.single-product .single-product-related {
    margin-top: 24px;
}

body.single-product .single-product-related__title {
    margin: 0 0 12px 0;
}

body.single-product .single-product-related__grid {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 12px;
}

body.single-product .single-product-related__grid > .account-rand__item {
    width: auto !important;
    margin: 0 !important;
}

@media (max-width: 1200px) {
    body.single-product .single-product-related__grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    body.single-product .single-product-related__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    body.single-product .single-product-related__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }
}

@media (max-width: 640px) and (orientation: portrait) {
    body.single-product .single-product-related__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        margin: 0;
    }

    body.single-product .single-product-related__grid > .account-rand__item:not(.account-category__item) {
        padding: 4px;
        min-width: 0;
    }
}

@media (max-width: 932px) and (orientation: landscape) {
    body.single-product .single-product-related__grid {
        grid-template-columns: repeat(3, minmax(160px, 1fr));
        gap: 10px;
    }
}

/* Single product final visual tuning — desktop layout + sizing; beats global .button__buy dimensions */

body.single-product .single-product-purchase-card .account-width__buy button.button__buy {
    width: auto !important;
    height: auto !important;
    max-height: none !important;
    min-height: 46px !important;
    padding: 9px 18px !important;
    margin: 0 !important;
    border-radius: 12px !important;
    font-size: 14px !important;
    font-weight: 700;
    line-height: 1.25 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Orange «ყიდვა» only — slightly larger label; box size unchanged (fixed height rule below) */
body.single-product .single-product-purchase-card .account-width__buy button.buy-now-button.button__buy,
body.single-product .single-product-purchase-card .account-width__buy button.single-product-buy-now.button__buy:not(.add-to-cart-popup) {
    font-size: 18px !important;
}

/* Stable button height: global .buy-now-button.is-loading shows a 60px GIF in-flow → layout jump */
body.single-product .single-product-purchase-card .account-width__buy button.buy-now-button.button__buy,
body.single-product .single-product-purchase-card .account-width__buy button.single-product-buy-now.button__buy,
body.single-product .single-product-purchase-card .account-width__buy button.add-to-cart-popup.button__buy-modal,
body.single-product .single-product-purchase-card .account-width__buy button.single-product-add-to-cart.button__buy-modal {
    position: relative !important;
    overflow: hidden !important;
    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;
    box-sizing: border-box !important;
}

body.single-product .single-product-purchase-card .account-width__buy button.buy-now-button.button__buy .btn-loader {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
    width: 24px !important;
    height: 24px !important;
    display: none !important;
}

body.single-product .single-product-purchase-card .account-width__buy button.buy-now-button.button__buy.is-loading .btn-loader {
    display: block !important;
}

body.single-product .single-product-purchase-card .account-width__buy button.buy-now-button.button__buy .btn-loader::before {
    content: '';
    display: block;
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    margin: 0;
    border: 3px solid rgba(249, 115, 22, 0.22);
    border-top-color: #f97316;
    border-radius: 50%;
    animation: fg-buy-spin 0.75s linear infinite;
}

body.single-product .single-product-purchase-card .account-width__buy button.buy-now-button.button__buy .btn-loader img {
    display: none !important;
}

body.single-product .single-product-purchase-card .account-width__buy button.buy-now-button.button__buy .btn-loader-text {
    display: block !important;
    line-height: 1.2 !important;
}

body.single-product .single-product-purchase-card .account-width__buy button.buy-now-button.button__buy.is-loading .btn-loader-text {
    display: block !important;
    visibility: hidden !important;
}

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

body.single-product .single-product-purchase-card .account-width__buy .button__buy + .button__buy {
    margin-top: 0 !important;
    margin-left: 0 !important;
}

@media (max-width: 932px) and (orientation: landscape) {
    body.single-product .single-product-purchase-card .account-width__buy {
        flex-wrap: nowrap;
        gap: 12px;
        max-width: 100%;
    }

    body.single-product .single-product-purchase-card .account-width__buy button.button__buy,
    body.single-product .single-product-purchase-card .account-width__buy button.button__buy-modal {
        min-height: 52px !important;
        height: 52px !important;
        max-height: 52px !important;
        padding: 12px 16px !important;
        font-size: 16px !important;
    }

    body.single-product .single-product-purchase-card .account-width__buy button.buy-now-button.button__buy,
    body.single-product .single-product-purchase-card .account-width__buy button.single-product-buy-now.button__buy:not(.add-to-cart-popup) {
        font-size: 18px !important;
    }

    body.single-product .single-product-purchase-card .account-width__buy .buy-now-button.single-product-buy-now.button__buy,
    body.single-product .single-product-purchase-card .account-width__buy .single-product-buy-now.button__buy:is(:disabled, .is-disabled):not(.buy-now-button) {
        flex: 0 1 48% !important;
    }

    body.single-product .single-product-purchase-card .account-width__buy .add-to-cart-popup.single-product-add-to-cart.button__buy-modal,
    body.single-product .single-product-purchase-card .account-width__buy .single-product-add-to-cart.button__buy-modal:is(:disabled, .is-disabled):not(.add-to-cart-popup) {
        flex: 0 1 52% !important;
    }
}

@media (min-width: 961px) {
    /* Left/track alignment: layout fills .c-border__content so its left edge (and the
       4-up related grid at 961-1200) line up with the content track. Related keeps its
       base margin:-9px + item padding:9px and 220px card min-width (unchanged). The
       right-edge match for the overflowing 6-up related grid is in the >1200 block. */
    body.single-product .single-product-layout {
        width: 100%;
        max-width: none;
        margin-left: 0;
        margin-right: 0;
        box-sizing: border-box;
    }

    body.single-product .single-product-hero {
        grid-template-columns: minmax(300px, 420px) minmax(0, 1fr);
        justify-content: stretch;
    }

    body.single-product .single-product-col--left,
    body.single-product .single-product-col--right {
        min-width: 0;
        align-self: start;
    }

    body.single-product .single-product-col--right {
        justify-content: stretch;
        display: flex;
        flex-direction: column;
        min-height: 0;
    }

    body.single-product .single-product-col--left .single-product-gallery-card,
    body.single-product .single-product-col--right .single-product-purchase-card {
        height: auto;
        max-height: none;
        flex: none;
    }

    body.single-product .single-product-gallery-card {
        overflow: hidden;
        width: 100%;
        max-width: 420px;
        margin-inline: auto;
        padding: 7px;
        gap: 6px;
    }

    body.single-product .single-product-gallery-card .account-width__image {
        width: 100%;
        max-width: 100%;
        aspect-ratio: 1 / 1;
        height: auto;
        max-height: none;
        margin: 0;
        display: grid;
        place-items: center;
        overflow: hidden;
        background: #f3f4f6;
    }

    body.single-product .single-product-gallery-card .account-width__image img {
        width: 100%;
        height: 100%;
        max-width: 100%;
        max-height: 100%;
        min-height: 0;
        object-fit: contain;
        object-position: center;
    }

    body.single-product .single-product-gallery-section {
        flex: none;
        padding: 5px 6px;
    }

    body.single-product .single-product-gallery-carousel {
        gap: 5px;
    }

    body.single-product .single-product-gallery-section .product-images-container {
        min-height: 0;
        max-height: 52px;
    }

    body.single-product .single-product-gallery-section .product-images-item {
        flex: 0 0 72px;
        width: 72px;
    }

    body.single-product .single-product-gallery-section .product-images-item img {
        width: 72px;
        height: 46px;
        object-fit: cover;
    }

    body.single-product .single-product-purchase-card {
        position: sticky;
        top: 12px;
        padding: 30px 30px;
        max-width: none;
        width: 100%;
        display: flex;
        flex-direction: column;
        overflow: visible;
        box-sizing: border-box;
    }

    body.single-product .single-product-purchase-card .single-product-meta-badges {
        flex-shrink: 0;
        margin-bottom: 16px;
    }

    body.single-product .single-product-purchase-card .account-width__title {
        flex-shrink: 0;
        margin-bottom: 18px !important;
    }

    body.single-product .single-product-purchase-card .account-width__shop {
        flex: none;
        justify-content: flex-start;
        gap: 20px;
        overflow: visible;
    }

    body.single-product .single-product-purchase-card .account-width__buy {
        gap: 10px;
        margin-top: 10px;
        max-width: 640px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        justify-content: center;
        align-items: stretch;
    }

    body.single-product .single-product-purchase-card .account-width__buy .buy-now-button.single-product-buy-now.button__buy,
    body.single-product .single-product-purchase-card .account-width__buy .single-product-buy-now.button__buy:is(:disabled, .is-disabled):not(.buy-now-button) {
        flex: 0 1 48% !important;
    }

    body.single-product .single-product-purchase-card .account-width__buy .add-to-cart-popup.single-product-add-to-cart.button__buy-modal,
    body.single-product .single-product-purchase-card .account-width__buy .single-product-add-to-cart.button__buy-modal:is(:disabled, .is-disabled):not(.add-to-cart-popup) {
        flex: 0 1 52% !important;
    }

    body.single-product .single-product-trust-list {
        flex-shrink: 0;
        margin-top: 12px;
        margin-left: auto;
        margin-right: auto;
        max-width: 640px;
        width: 100%;
        padding-top: 14px;
        box-sizing: border-box;
        border-top: 1px solid rgba(17, 17, 17, 0.08);
    }

    body.single-product .single-product-trust-label {
        font-size: 13px;
        line-height: 1.25;
    }
}

/* Desktop >=1201: related grid is 6-up; its 220px card min-width makes the row ~1380px
   (card span 1362px), wider than the 1216px content track. Extend ONLY the right side of
   the top layout + description by that overflow (146px) so their right edges meet the
   related row's right edge. Left stays on the track (margin-left:0); related untouched. */
@media (min-width: 1201px) {
    body.single-product .single-product-layout {
        width: calc(100% + 22px);
        max-width: none;
        margin-left: 0;
        margin-right: -22px;
    }
}

@media (min-width: 1600px) {
    body.single-product .section__page {
        width: 100% !important;
        max-width: var(--site-visual-width) !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    body.single-product .section__page > .c-border,
    body.single-product .section__page > .c-border > .c-border__content {
        width: 100%;
        max-width: none;
    }

    body.single-product .single-product-layout {
        width: 100% !important;
        max-width: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    body.single-product .single-product-hero,
    body.single-product .single-product-description-card,
    body.single-product .single-product-related {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }

    body.single-product .single-product-related__grid.account-rand__items {
        display: grid;
        grid-template-columns: repeat(6, minmax(0, 1fr));
        gap: 12px;
        margin-left: 0;
        margin-right: 0;
        max-width: 100%;
    }

    body.single-product .single-product-related__grid.account-rand__items > .account-rand__item {
        width: auto;
        min-width: 0;
        max-width: none;
        padding-left: 0;
        padding-right: 0;
    }

    body.single-product .single-product-related__grid.account-rand__items > .account-rand__item .product-card-inner,
    body.single-product .single-product-related__grid.account-rand__items > .account-rand__item > a {
        width: 100%;
    }

    body.single-product .single-product-related__title,
    body.single-product .single-product-related .section__title {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0;
    }

    body.single-product .single-product-hero {
        grid-template-columns: minmax(520px, 620px) minmax(420px, 1fr);
        gap: 20px;
        align-items: start;
    }

    body.single-product .single-product-gallery-card {
        max-width: 680px;
        width: 100%;
    }

    body.single-product .single-product-purchase-card {
        width: 100%;
        max-width: none;
    }
}

@media (max-width: 960px) {
    body.single-product .single-product-gallery-card .account-width__image img {
        object-fit: contain;
        object-position: center;
        height: auto;
        width: 100%;
    }
}

@media (max-width: 640px) {
    body.single-product .single-product-purchase-card .account-width__buy .buy-now-button.single-product-buy-now.button__buy,
    body.single-product .single-product-purchase-card .account-width__buy .add-to-cart-popup.single-product-add-to-cart.button__buy-modal,
    body.single-product .single-product-purchase-card .account-width__buy .single-product-buy-now.button__buy:is(:disabled, .is-disabled):not(.buy-now-button),
    body.single-product .single-product-purchase-card .account-width__buy .single-product-add-to-cart.button__buy-modal:is(:disabled, .is-disabled):not(.add-to-cart-popup) {
        flex: 1 1 100% !important;
        max-width: 100%;
    }
}

/* Product card bottom block: neutralize legacy absolute offsets (position:absolute; bottom:14px; left:0) that create the category→footer gap */
.account-rand__item:not(.account-category__item) > .product-card-inner > .account-rand__item-box > .account-rand__item-bottom {
    position: relative;
    left: auto;
    bottom: auto;
    margin-bottom: 0;
}

/* Product cards: bolder title + current price (KA/RU/EN/UK; beats global body * font-weight: 400 !important) */
.account-rand__item:not(.account-category__item) .account-rand__item-title,
.account-rand__item:not(.account-category__item) .account-rand__item-title > span {
    font-weight: 500 !important;
}

.account-rand__item:not(.account-category__item) .account-rand__item-price-current,
.account-rand__item:not(.account-category__item) .account-rand__item-price-current .sc-ru2bl,
.account-rand__item:not(.account-category__item) .account-rand__item-price-current .sc-ru2bl span,
.account-rand__item:not(.account-category__item) .account-rand__item-price-current > span {
    font-weight: 600 !important;
}

/* Single product: title + current price weight (KA/RU/EN/UK; beats global body * font-weight: 400 !important) */
body.single-product .single-product-purchase-card .account-width__title,
body.single-product .single-product-purchase-card .account-width__title span {
    font-weight: 500 !important;
}

body.single-product .single-product-purchase-card .account-width__shop > .account-price:not(.price--old) .price--value,
body.single-product .single-product-purchase-card .account-width__shop .single-product-price-row--sale .account-price:not(.price--old) .price--value,
body.single-product .single-product-purchase-card .account-width__shop > .account-price:not(.price--old) .price--sc,
body.single-product .single-product-purchase-card .account-width__shop .single-product-price-row--sale .account-price:not(.price--old) .price--sc,
body.single-product .single-product-purchase-card .account-width__shop .account-price:not(.price--old) .sc-ru2bl,
body.single-product .single-product-purchase-card .account-width__shop .account-price:not(.price--old) .sc-ru2bl span {
    font-weight: 500 !important;
}

/* Header action button text: beat global lang body * font-weight: 400 !important */
html[lang^="ka"] .header__mybuy-label,
html[lang^="ru"] .header__mybuy-label,
html[lang^="en"] .header__mybuy-label,
html[lang^="ka"] .header-lang__trigger-code,
html[lang^="ru"] .header-lang__trigger-code,
html[lang^="en"] .header-lang__trigger-code,
html[lang^="ka"] .header__cart-label,
html[lang^="ru"] .header__cart-label,
html[lang^="en"] .header__cart-label,
html[lang^="ka"] .header__cart-count,
html[lang^="ru"] .header__cart-count,
html[lang^="en"] .header__cart-count {
    font-weight: 500 !important;
}

/* Category card titles only (not product cards) */
.homepage-category-carousel .account-category__item .account-rand__item-title,
.account-category__item .account-rand__item-title {
    font-size: 16px !important;
    font-weight: 500 !important;
}

@media (max-width: 720px) {
    .homepage-category-carousel .account-category__item .account-rand__item-title,
    .account-category__item .account-rand__item-title {
        font-size: 15px !important;
    }
}

/* Homepage block section titles only (not cards, livestrip, header, PDP) */
body.home .main__content .section__title > span,
body.front-page .main__content .section__title > span,
body.home .main__content .account-section-title__text,
body.front-page .main__content .account-section-title__text {
    font-weight: 500 !important;
}

/* Language dropdown: option name + code only (not closed trigger) */
.header-lang__menu .header-lang__name,
.header-lang__menu .header-lang__code {
    font-weight: 500 !important;
}

/* Category filter bar: button labels + found count (not icons) */
.category-filterbar .category-filterbar__item,
.category-filterbar .category-filterbar__item span,
.category-filterbar .category-filterbar__count,
.category-filterbar .category-filterbar__count span {
    font-weight: 500 !important;
}

/* Category/archive block section titles (not homepage, not product cards) */
body.tax-product_cat .main__content .section__title > span,
body.tax-product_cat .main__content .section__title span {
    font-weight: 500 !important;
}