*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}html,body{height:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,svg,video,canvas{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{background:none;border:0;cursor:pointer}a{color:inherit;text-decoration:none}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}

:root{
    --font-heading:"Cinzel",serif;
    --font-body:"Cormorant Garamond",serif;
}

body {
    background: #201b16;
}
#app{
    font-family:var(--font-body);
}

h1,h2,h3,h4,h5,h6{
    font-family:var(--font-heading);
}

.button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    min-height: 48px;
    padding: 5px 24px;
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
}
.button.button--s {
    background-image: url("./images/button-secondary.webp");
    background-size: 113% 63px;
    background-position: top -4px center;
}
.button.button--s:hover {
    background-image: url("./images/button-secondary-hover.webp");
}
@media(max-width: 575px) {
    .button {
        font-size: 16px;
        min-height: 36px;
    }
    .button.button--s:hover {
        background-size: 113% 46px;
        background-position: top -2px center;
    }
}

.main-container {
    width: 1686px;
    max-width: 100%;
    padding: 0 16px;
    margin: auto;
}
.small-container {
    width: 1296px;
    max-width: 100%;
    padding: 0 16px;
    margin: auto;
}
.extra-small-container {
    width: 800px;
    max-width: 100%;
    padding: 0 16px;
    margin: auto;
}
@media(max-width: 575px) {
    .main-container, .small-container, .extra-small-container {
        padding: 0 12px;
    }
}

.title-common-main {
    font-size: 24px;
    line-height: 32px;
    color: #d5cdc1;
}
.title-common-secondary {
    font-size: 20px;
    line-height: 24px;
    color: #d5cdc1;
    padding-bottom: 16px;
}
@media(max-width: 575px) {
    .title-common-main {
        font-size: 20px;
        line-height: 24px;
    }
    .title-common-secondary {
        font-size: 16px;
        line-height: 20px;
    }
}

/*scrollbar*/
html{scroll-behavior:smooth}
body::-webkit-scrollbar{width:6px}
body::-webkit-scrollbar-track{background:#0f0f0f}
body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#5a4630,#3b2c1c);border-radius:10px}
body::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#6b5339,#453321)}
*{scrollbar-width:thin;scrollbar-color:#4a3724 #0f0f0f}
/*end scrollbar*/

/*header*/
header {
    padding: 8px 20px 7px 12px;
    min-height: 64px;
    background-image: linear-gradient(180deg, rgb(18 18 23 / 1) 0%, rgb(47 40 32 / 1) 100%);
    border-bottom: 1px solid rgb(62 53 42 / 1);
    border-top: 1px solid rgb(62 53 42 / 1);
    position: fixed;
    top: 0;
    z-index: 10;
    width: 100%;
}
body {
    padding-top: 64px;
}
header .header-decoration {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}
header .header__nav {
    display: flex;
    align-items: center;
    gap: 8px;
}
header .nav-control {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
    position: relative;
    flex-shrink: 0;
    box-shadow: 0 0 1px #fee683, 0 10px 16px #0000004d inset;
    background-color: #e7d2ab29;
    width: 48px;
    height: 48px;
    position: relative;
    padding: 4px;
}
header .nav-control__frame {
    background-image: url("./images/sidebar-btn-frame.webp");
    position: absolute;
    width: 44px;
    height: 44px;
    top: 50%;
    left: 50%;
    background-size: cover;
    translate: -50% -50%;
}
header .sidebar-closed {
    width: 28px;
    height: auto;
    max-width: 100%;
    position: relative;
    z-index: 1;
}
header svg {
    display: none;
}
header .header__logo img {
    width: auto;
    max-width: 100%;
    height: 42px;
}
header .header__actions {
    display: flex;
    align-items: center;
    gap: 8px;
}
header .search--desktop {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 300px;
    max-width: 100%;
    height: 48px;
}
header .search--desktop img {
    width: 100%;
    height: 48px;
}
@media(max-width: 991px) {
    header .search--desktop {
        display: none;
    }
}
@media(max-width: 575px) {
    header {
        padding: 6px 12px 5px;
    }
    body {
        padding-top: 97px;
    }
    header .header-decoration {
        flex-direction: column;
        gap: 12px;
    }
    header .header__nav {
        width: 100%;
        padding-right: 36px;
    }
    header .nav-control {
        width: 36px;
        height: 36px;
    }
    header .nav-control__frame {
        width: 32px;
        height: 32px;
    }
    header .sidebar-closed {
        display: none;
    }
    header svg {
        width: 20px;
        height: 20px;
        display: block;
        position: relative;
        z-index: 1;
        fill: #caa881;
    }
    header .header__logo {
        margin: auto;
    }
    header .header__logo img {
        height: 27px;
    }
    header .header__actions {
        width: 100%;
    }
    header .header__actions a {
        width: 100%;
    }
}
/*end header*/

/*siderbar*/
.sidebar {
    height: calc(100vh - 65px);
    position: fixed;
    top: 65px;
    left: 0;
    display: flex;
    flex-direction: column;
    z-index: 10;
}
.sidebar svg {
    width: 20px;
    height: 20px;
    fill: #ac9c85;
}
.sidebar .active svg {
    fill: #ac9c85;
}
.sidebar .sidebar__menu li {
    position: relative;
}
.sidebar .sidebar__menu li.active a span {
    color: #fce9b3;
}
.sidebar .sidebar__menu li.active, .sidebar .sidebar__menu li:hover {
    background-image:  url("./images/sidebar-item-left.webp"),url("./images/sidebar-item-mid.webp"),url("./images/sidebar-item-arrow.webp"), url("./images/sidebar-item-active-mid.webp");
    background-repeat: no-repeat;
    background-size: auto 100%, auto 100%, auto 100%, auto 100%;
    background-position: left, 12px center, right, right;
}
.sidebar .sidebar__menu {
    flex: 1;
    overflow: auto;
    padding: 12px;
    background: url(./images/sidebar-bg-top-left.0aa7c8c97ce4d538.webp) no-repeat 12px top / 11px, url(./images/sidebar-bg-top.bfe7952eecc77a7a.webp) no-repeat 12px top / calc(100% - 24px) 11px, url(./images/sidebar-bg-top-right.7b255255773e64e2.webp) no-repeat calc(100% - 10px) top / 11px, url(./images/sidebar-bg-right.a071e6d30e88240d.webp) repeat-y calc(100% - 10px) top / 11px, url(./images/sidebar-bg-left.3c1a1b6eb15b1214.webp) repeat-y 12px top / 11px, rgb(47 40 32 / 1);
}
.sidebar .sidebar__menu li a {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 44px;
}
.sidebar .sidebar__menu li a img {
    width: auto;
    height: 25px;
}
.sidebar .sidebar__menu li a span {
    font-size: 14px;
    line-height: 20px;
    color: #ac9c85;
    font-weight: 700;
    text-transform: uppercase;
}
.sidebar .sidebar__menu li a span:first-child {
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}
sidebar .sidebar__menu > img {
    width: 100%;
    height: auto;
}
.sidebar {
    width: 71px;
    font-size: 0;
}
.sidebar .sidebar__menu li a span:nth-child(2) {
    display: none;
}
.sidebar .sidebar__menu li a {
    padding: 2px;
}
.sidebar.open {
    width: 235px;
}
.sidebar .sidebar__menu li a {
    justify-content: center;
}
.sidebar.open .sidebar__menu li a span:nth-child(2) {
    display: block;
}
.sidebar.open .sidebar__menu li a {
    padding: 2px 16px;
}
.sidebar.open .sidebar__menu li a {
    justify-content: left;
}
.sidebar .sidebar__languages {
    background-image: linear-gradient(180deg, rgb(47 40 32 / 1) 0%, rgb(18 18 23 / 1) 100%);
    position: relative;
    display: flex;
    align-items: center;
}
.sidebar .sidebar__languages::before {
    position: absolute;
    inset: 0;
    z-index: 1;
    background-image: url(./images/sidebar-footer-corner-left.00ed136e3cb56f38.svg), url(./images/sidebar-footer-line.fc4ed7bc802e7440.webp), url(./images/sidebar-footer-corner-right.9847936d30722c3f.svg);
    background-position: left top, top, right top;
    background-size: 11px 10px;
    background-repeat: no-repeat, repeat-x, no-repeat;
    pointer-events: none;
    content: "";
}
.sidebar .sidebar__languages::after {
    position: absolute;
    top: 0;
    width: 100%;
    height: 29px;
    transform: translateY(calc(-100% + 1px));
    background-image: url(./images/sidebar-bottom-left.31f9260357e5fb6d.webp), url(./images/sidebar-bottom-line.5113b8bba7d669af.webp), url(./images/sidebar-bottom-mid.45a4900dd492e508.webp), url(./images/sidebar-bottom-line.5113b8bba7d669af.webp), url(./images/sidebar-bottom-right.42b7a4b9884eae00.webp);
    background-position: left center, calc(80px) center, center, calc(100% - 80px) center, right center;
    background-size: 80px 100%, var(--stb-bottom-background-line-size) 100%, calc((100% - (80px * 2 + 40px)) / 2) 100%, 40px 100%, calc((100% - (80px * 2 + 40px)) / 2) 100%;
    background-repeat: no-repeat;
    pointer-events: none;
    content: "";
}
.sidebar .sidebar__languages span {
    font-size: 12px;
    line-height: 18px;
    color: #fce9b3;
    text-transform: uppercase;
    font-weight: 700;
}
.sidebar .sidebar__languages li {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sidebar .sidebar__languages li button,
.sidebar .sidebar__languages li a {
    padding: 15px 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.sidebar .sidebar__languages li img {
    height: auto;
}
.sidebar .sidebar__languages .first {
    display: block;
}
.sidebar .sidebar__languages .second {
    display: none;
}
.sidebar:not(.open) .sidebar__languages .first {
    display: none;
}
.sidebar:not(.open) .sidebar__languages .second {
    display: block;
}
.sidebar:not(.open) .sidebar__languages {
    flex-direction: column;
}
.sidebar:not(.open) .sidebar__languages li button {
    padding: 12px 12px 7px;
}
.sidebar:not(.open) .sidebar__languages li a {
    padding: 7px 12px 12px;
}
.sidebar:not(.open) .sidebar__languages span {
    display: none;
}
@media(max-width: 991px) {
    .sidebar {
        left: -100%;
        transition: .3s ease-out;
        top: 97px;
        width: 100%;
    }
    .sidebar.open {
        left: 0;
        width: 100%;
    }
    .sidebar .sidebar__menu li.active, .sidebar .sidebar__menu li:hover {
        background-size: auto 100%, auto 100%, auto 100%, 100%;
    }
}
/*end sidebar*/

/*app && footer*/
#app {
    padding-left: 71px;
}
#app.sidebar-open {
    padding-left: 235px;
}
footer {
    margin-left: 71px;
}
footer.sidebar-open {
    margin-left: 235px;
}
@media(max-width: 991px) {
    #app, #app.sidebar-open {
        padding-left: 0;
    }
    footer, footer.sidebar-open {
        margin-left: 0;
    }
}
/*end app && footer*/

/*footer*/
footer {
    position: relative;
}
footer:after {
    content: "";
    position: absolute;
    top: -7px;
    left: 0;
    right: 0;
    height: 9px;
    background:
            linear-gradient(90deg, #d2b49200 10%, #d2b492 100%) no-repeat left bottom / calc(50% - 7px) 1px,
            linear-gradient(90deg, #d2b492 0%, #d2b49200 90%) no-repeat right bottom / calc(50% - 7px) 1px,
            url(/images/footer-line-decor.dff1bc06f1a4e1c8.svg) no-repeat center bottom / 16px 9px;
    z-index: 1;
}
footer .footer_background{position:absolute;inset:0;pointer-events:none}
footer .footer_bg{position:absolute;top:0;width:200px;height:100%}
footer .footer_bg--left{left:0}
footer .footer_bg--right{right:0;transform:scaleX(-1)}

footer .footer_bg::before,
footer .footer_bg::after{content:"";position:absolute;left:0;width:200px;height:50%;background:url("/images/footer-background-top.webp") no-repeat left center / 200px 100%}

footer .footer_bg::before{top:0}
footer .footer_bg::after{bottom:0;transform:scaleY(-1)}
footer .content {
    width: 100%;
    max-width: 1686px;
    margin: auto;
    padding: 0 16px;
    position: relative;
    z-index: 1;
}
footer .footer-actions {
    padding-top: 30px;
    display: flex;
    flex-direction: row-reverse;
    gap: 8px;
    justify-content: space-between;
    align-items: center;
}
footer .footer-actions .btns {
    display: flex;
    align-items: center;
}
footer .footer-actions img {
    width: auto;
    max-width: 100%;
    height: auto;
}
footer .navigation-list {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 7px 40px;
}
.navigation-list > li {
    width: calc((100% - 40px * 6) / 7);
}
.navigation-list li p {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color: #d5cdc1;
}
.navigation-list li p img {
    display: none;
}
.navigation-list li a {
    font-size: 12px;
    color: #ac9c85;
    line-height: 14px;
}
.navigation-list li a:hover {
    color: #d5cdc1;
}
footer .payments-list {
    margin-top: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}
footer .payments-list a {
    font-size: 16px;
    line-height: 22px;
    color: #caa881;
    font-weight: 700;
    display: flex;
    gap: 5px;
    align-items: center;
}
footer .payments-list img {
    width: auto;
    max-width: 100%;
    height: auto;
}
footer .legal-wrapper {
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding-bottom: 20px;
}
footer .legal-wrapper p {
    font-size: 12px;
    line-height: 18px;
    color: #ac9c85;
    text-align: center;
}
@media(max-width: 991px) {
    footer .content {
        padding: 0 12px;
    }
    .navigation-list > li {
        width: 100%;
    }
    .navigation-list li p {
        padding: 14px 12px;
        background-color: #4d4234;
        border: 1px solid #ac9c85;
        display: flex;
        align-items: center;
        justify-content: space-between;
        color: #fce9b3;
        text-transform: uppercase;
    }
    .navigation-list li p img {
        display: block;
    }
    .navigation-list li p.open img {
        rotate: 180deg;
    }
    .navigation-list li a {
        color: #fce9b3;
        font-size: 14px;
        font-weight: 700;
    }
    .chapter-links {
        padding: 16px 12px;
        flex-direction: column;
        gap: 16px;
        display: none;
    }
    .chapter-links.open {
        display: flex;
    }
}
@media(max-width: 575px) {
    footer .footer-actions {
        flex-direction: column;
    }
}
/*end footer*/

/*hero carousel*/
.hero-carousel .carousel{position:relative;overflow:hidden}
.hero-carousel .carousel::before {
    background: url(./images/stripes-left-desk.91a1412492975e22.webp), url(./images/stripes-right-desk.c6faf26af9fd767a.webp);
    background-repeat: no-repeat;
    background-position: 0 -5px, 100% -5px;
    background-size: 224px 100%;
    opacity: 1;
    content: '';
    position: absolute;
    z-index: 1;
    inset: 0;
    pointer-events: none;
}
.hero-carousel .carousel::after {
    border-image-source: url(./images/main-banner-frame.deb1fe054f4ba449.webp);
    border-image-slice: 260 fill;
    border-image-width: 100px;
    border-style: solid;
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    content: "";
    pointer-events: none;
}
.hero-carousel .carousel__viewport{overflow:hidden}
.hero-carousel .carousel__track{display:flex;transform:translateX(0);transition:transform .4s ease;will-change:transform}
.hero-carousel .carousel__slide{flex:0 0 100%}
.hero-carousel .carousel__slide img,.carousel__slide video{display:block;width:100%;height:100%;object-fit:cover}
.hero-carousel .carousel__dots{
    display:flex;gap:16px;justify-content:center;align-items:center;   position: absolute;
    bottom: 40px;
    left: 0;
    width: 100%;
}
.hero-carousel .carousel__dot{width:12px;height:12px;border-radius:999px;border: 1px solid #fff;}
.hero-carousel .carousel__dot.is-active{background: #d2b492;}
.hero-carousel .carousel__arrow{position:absolute;top:50%;}
.hero-carousel .carousel__arrow--prev{left:10px;transform: translateY(-50%);}
.hero-carousel .carousel__arrow--next{right:10px;transform: translateY(-50%) rotateY(180deg);}
.hero-carousel .carousel{position:relative;width:100%;height:500px;overflow:hidden}
.hero-carousel .carousel__viewport{width:100%;height:100%;overflow:hidden}
.hero-carousel .carousel__track{display:flex;height:100%;transition:transform .5s ease}
.hero-carousel .carousel__slide{flex:0 0 100%;height:100%;position: relative}
.hero-carousel .carousel__slide img,.carousel__slide video{width:100%;height:100%;object-fit:cover;display:block}
.hero-carousel .carousel__slide .info {
    z-index: 2;
    position: absolute;
    top: 50%;
    translate: 0 -50%;
    padding: 77px 0 77px 196px;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 620px;
    align-items: center;
    justify-content: center;
}
.hero-carousel .carousel__slide .info a {
    position: relative;
    display: flex;
    height: 76px;
    align-items: center;
    justify-content: center;
    margin-top: 32px;
}
.hero-carousel .carousel__slide .info a::before {
    position: absolute;
    inset: -22px -140px -22px -144px;
    z-index: 1;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(./images/cta-button-animation.962d7311d0ceeed1.webp);
    pointer-events: none;
    content: "";
}
.hero-carousel .carousel__slide .info a::after {
    position: absolute;
    inset: -22px -140px -22px -144px;
    z-index: 0;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(./images/cta-button-default.f6a8bd77215bd319.webp);
    pointer-events: none;
    content: "";
    width: 272px;
    margin: auto;
}
.hero-carousel .carousel__slide .info a span {
    font-size: 32px;
    color: #000;
    font-weight: 900;
    font-family: var(--font-heading);
    line-height: 32px;
    text-transform: uppercase;
    position: relative;
    z-index: 2;
}
.hero-carousel .carousel__slide .info h2 {
    text-wrap-style: pretty;
    text-align: center;
    margin-top: 8px;
}
.hero-carousel .carousel__slide .info h2 span {
    font-size: 48px;
    font-weight: 900;
    line-height: 52px;
    letter-spacing: -2px;
    color: #fef7e4;
    text-shadow: 0 1px 0 rgba(125, 77, 46, .72), 0 2px 10px #201b16;
    paint-order: stroke fill;
    -webkit-text-stroke: 2px #372817;
}
.hero-carousel .carousel__slide .info p {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: -.25px;
    padding: 2px 12px;
    border-image-source: url(./images/title-bg.6354babcf4af5eba.webp);
    border-image-slice: 26 fill;
    border-image-width: 13px;
    border-style: solid;
    position: relative;
    width: fit-content;
    margin: auto;
    text-align: center;
    color: #fff;
    position: relative;
}
.hero-carousel .carousel__slide .info p::after, .hero-carousel .carousel__slide .info p::before {
    position: absolute;
    z-index: -1;
    top: 50%;
    background: url(./images/title-decor.6f697760f18eaa40.svg) no-repeat center center / contain;
    width: 10px;
    height: 13.2px;
    scale: 1;
    content: "";
}
.hero-carousel .carousel__slide .info p::before {
    inset-inline-start: -8px;
    transform: scaleX(-1) translateY(-50%);
}
.hero-carousel .carousel__slide .info p::after {
    inset-inline-end: -8px;
    transform: scaleX(-1) translateY(-50%) rotate(180deg);
}
@media(max-width: 991px) {
    .hero-carousel .carousel {
        height: 340px;
    }
    .hero-carousel .main-container {
        padding: 0 !important;
    }
    .hero-carousel .carousel__arrow {
        display: none;
    }
    .hero-carousel .carousel__dots {
        gap: 8px;
        bottom: 20px;
    }
    .hero-carousel .carousel__dot {
        width: 8px;
        height: 8px;
    }
    .hero-carousel .carousel::after {
        display: none;
    }
    .hero-carousel .carousel__slide .info {
        padding: 28px 16px;
        width: 100%;
        top: initial;
        translate: initial;
        bottom: 30px;
        left: 0;
    }
    .hero-carousel .carousel__slide .info a {
        margin-top: 4px;
    }
    .hero-carousel .carousel__slide .info a span {
        font-size: 24px;
    }
    .hero-carousel .carousel__slide .info a::after {
        width: 208px;
    }
    .hero-carousel .carousel__slide .info a {
        height: 45px;
    }
    .hero-carousel .carousel__slide .info h2 {
        margin-top: 2px;
    }
    .hero-carousel .carousel__slide .info h2 span {
        font-size: 28px;
        line-height: 32px;
    }
    .hero-carousel .carousel__slide .info p {
        font-size: 14px;
        line-height: 20px;
    }
    .hero-carousel .carousel::before {
        background-position: 0 0px, 100% 0px;
        opacity: .5 !important;
    }
}
/*end hero carousel*/

/*realz categories*/
.realz-categories {
    padding: 6px 0;
    border-bottom: 1px solid #3e352a;
    background: #201b16;
    position: sticky;
    top: 65px;
    z-index: 8;
}
.realz-categories .realz-categories__inner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    overflow: auto;
    white-space: nowrap;
}
.realz-categories.f-start .realz-categories__inner {
    justify-content: flex-start;
}
.realz-categories a {
    background-image:url(./images/category-button-default-decor-left.5a9fc4a37d65e730.webp),url(./images/category-button-default-decor-center.9c08af938127716a.webp),url(./images/category-button-default-decor-right.b2292d34a86472c7.webp);
    background-position:left,center,right;
    background-repeat:no-repeat;
    background-size:contain,calc(100% - 23px) 100%,contain;
    position:relative;
    z-index:0;
    display:inline-flex;
    align-items:center;
    padding:6px 12px;
    min-height:36px;
    color:#d9c0a4;
    text-shadow:0 1px 0 rgba(0,0,0,.25);
    transition:color .2s,background-color .2s;
    cursor:pointer;
    font-size:14px;
    font-weight:700;
    line-height:20px;
    letter-spacing:-.25px;
    text-transform:uppercase;
    gap:6px;
    min-width:88px;
    white-space:nowrap;
    flex-shrink:0;
}
.realz-categories a:hover::after, .realz-categories a.active::after {
    position: absolute;
    inset: 0;
    z-index: -1;
    transition: opacity .2s;
    content: "";
    background-image: url(./images/category-button-active-decor-left.29720cd58c33d01b.webp), url(./images/category-button-active-decor-center.cb11e02debed71fb.webp), url(./images/category-button-active-decor-right.cf1d019e40bd29e7.webp);
    background-position: left, center, right;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-size: contain, calc(100% - 23px) 100%, contain;
}
@media(max-width: 1500px) {
    .realz-categories .realz-categories__inner {
        justify-content: flex-start;
        padding: 0 8px;
    }
}
@media(max-width: 575px) {
    .realz-categories {
        top: 97px;
    }
}
/*end realz categories*/

/*realz-special-banner*/
.realz-special-banner {
    padding: 16px 0 32px;
}
.realz-special-banner .promo-banner {
    position: relative;
}
.realz-special-banner .mobile {
    display: none;
}
.realz-special-banner .promo-banner__image-wrap img {
    width: 100%;
    height: auto;
}
.realz-special-banner .promo-banner__decor {
    position: relative;
}
.realz-special-banner .promo-banner__decor::before {
    z-index: -1;
    inset: 0;
    inset-inline-start: 0;
    background: radial-gradient(49.73% 105.75% at 49.59% 115.61%, #c75aee, #c75aee4d 60%, #471f7f00);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 312px 70px;
    content: "";
    position: absolute;
}
.realz-special-banner .promo-banner__decor::after {
    bottom: -1px;
    left: 120px;
    width: 312px;
    height: 1.2px;
    background: linear-gradient(to right, #a535e300, #fecefe, #a535e300);
    content: "";
    position: absolute;
}
.realz-special-banner .promo-banner__decor img {
    position: absolute;
    bottom: 0;
    left: 0;
    height: auto;
    max-width: 700px;
}
.realz-special-banner .promo-banner__description {
    width: 100%;
    max-width: 600px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    letter-spacing: 0;
    z-index: 2;
    height: 100%;
}
.realz-special-banner .promo-banner__decor {
    overflow: hidden;
    width: 100%;
}
.realz-special-banner .promo-banner__decor img {
    width: auto;
    max-width: 100%;
    height: auto;
    pointer-events: none;
}
.realz-special-banner .promo-banner::before {
    position: absolute;
    z-index: 2;
    pointer-events: none;
    content: "";
    border-image-source: url(./images/frame-desktop.5a0cd6034cce8ac9.webp);
    border-image-slice: 60 140;
    border-image-width: 30px 57px;
    border-style: solid;
    inset: 0 -5px 2px;
}
.realz-special-banner .promo-banner::after {
    position: absolute;
    z-index: 2;
    pointer-events: none;
    content: "";
    inset: 3px 0 0;
    background-image: url(./images/frame-desktop-left.add4dd0d247424c7.webp), url(./images/frame-desktop-right.1dac77ddc646396f.webp);
    background-repeat: no-repeat;
    background-position: left 1px center, right 1px center;
    background-size: 31px 39px;
}
.realz-special-banner .promo-banner button {
    margin-top: 16px;
}
.realz-special-banner .promo-banner .promo-banner__title {
    font-size: 36px;
    line-height: 40px;
    color: #fef7e4;
    text-align: center;
    width: 100%;
    max-width: 330px;
    margin: auto;
    font-family: var(--font-body);
    font-weight: 900;
}
.realz-special-banner .promo-banner .promo-banner__text {
    font-size: 16px;
    line-height: 18px;
    color: #fef7e4;
    text-align: center;
    font-weight: 900;
    text-transform: uppercase;
}
@media(max-width: 991px) {
    .realz-special-banner {
        padding: 16px 0 28px;
    }
    .realz-special-banner .desktop {
        display: none;
    }
    .realz-special-banner .mobile {
        display: block;
    }
    .realz-special-banner .promo-banner__decor {
        display: none;
    }
    .realz-special-banner .promo-banner button {
        margin-top: 4px;
    }
    .realz-special-banner .promo-banner__description {
        justify-content: flex-end;
        top: initial;
        bottom: -10px;
        max-width: initial;
    }
    .realz-special-banner .promo-banner .promo-banner__title {
        font-size: 20px;
        line-height: 24px;
        max-width: 175px;
    }
    .realz-special-banner .promo-banner .promo-banner__text {
        font-size: 10px;
        line-height: 14px;
    }
}
/*end realz-special-banner*/


/*products*/
.swiper-slide:has(> span) {
    position: relative;
    padding-left: 72px;
}
.swiper-slide > span {
    position: absolute;
    z-index: 1;
    bottom: -6px;
    left: 0px;
    inset-inline-start: 6px;
    text-align: center;
    width: 72px;
    font-size: 80px;
    font-weight: 700;
    line-height: .8;
    letter-spacing: -15px;
    background-image: linear-gradient(180deg, #fff 0%, #fad36a 100%);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(.5px 0 0 rgb(100, 73, 42)) drop-shadow(-.5px 0 0 rgb(100, 73, 42)) drop-shadow(0 .5px 0 rgb(100, 73, 42)) drop-shadow(0 -.5px 0 rgb(100, 73, 42)) drop-shadow(0 1.043px 0 rgb(100, 73, 42)) drop-shadow(.522px 1.043px 2.087px rgb(100, 73, 42));
    pointer-events: none;
    font-family: var(--font-heading);
}
.realz-games-slider, .realz-games-slider9, .realz-games-slider3, .realz-games-slider6 {
    padding: 8px 0;
}
.realz-games {
    margin-top: 16px;
}
.realz-games .swiper-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
.realz-games .swiper-wrapper .swiper-slide {
    width: 100%;
    max-width: calc((100% - 12px * 2) / 3);
}
@media(min-width: 768px) {
    .realz-games .swiper-wrapper .swiper-slide {
        max-width: calc((100% - 12px * 7) / 8);
    }
}
.games-slider__head {
    display: flex;
    gap: 12px;
    align-items: center;
    margin-bottom: 12px;
}
.games-slider__head .games-slider__title {
    font-size: 20px;
    line-height: 23px;
    color: #d5cdc1;
    font-weight: 700;
}
.games-slider__head .games-slider__seeall {
    margin-left: auto;
    font-size: 12px;
    color: #caa881;
    line-height: 20px;
    font-weight: 700;
    font-family: var(--font-heading);
    white-space: nowrap;
}
.games-slider__nav {
    display: flex;
    align-items: center;
    justify-content: center;
}
.games-slider__nav button {
    display: flex;
    width: 24px;
    height: 24px;
}
.games-slider__nav button img {
    width: 100%;
    height: auto;
}
.swiper-button-disabled {
    opacity: .3;
}
.game-card {
    position: relative;
}
.game-card img, .game-card svg {
    width: 100%;
    height: auto;
    max-height: max-content;
}
.game-card .game-card__label {
    border-image-source: url(./images/new-bg.ee7b2f32b5ef58c8.webp);
    border-image-slice: 54 fill;
    border-image-width: 20px;
    border-style: solid;
    border-width: 0;
    top: 0;
    right: -5px;
    width: max-content;
    height: 26px;
    padding: 3px 9px 8px 14px;
    font-size: 12px;
    line-height: 18px;
    text-transform: uppercase;
    color: #2e2213;
    text-shadow: .2px .2px 0px #ffffffcc;
    position: absolute;
    z-index: 2;
    font-weight: 900;
    font-family: var(--font-heading);
}
.game-card .thumbnail__frame {
    position: absolute;
    inset: 0 1px -5px;
    z-index: 0;
    display: var(--stb-thumbnail-frame-display, block);
    background-image: url(./images/bottom-line.919865e64a7d1815.webp), url(./images/bottom-decor.09fd7596c30afbc9.webp), url(./images/bottom-line.919865e64a7d1815.webp);
    background-position: bottom left, bottom center, bottom right;
    background-size: calc(50% - 9px) 10px, 32px 10px, calc(50% - 9px) 10px;
    background-repeat: no-repeat;
    pointer-events: none;
}
.game-card .thumbnail__frame::before {
    position: absolute;
    pointer-events: none;
    content: "";
    border-image-source: url(./images/frame.0c2a9e51c8f7bfd5.webp);
    border-image-slice: 30 fill;
    border-image-width: 15px;
    border-style: solid;
    inset: -1px -1px 4px;
    z-index: 0;
    border-width: 0;
}
.game-card .thumbnail__frame::after {
    position: absolute;
    pointer-events: none;
    content: "";
    inset: -4px 0 0;
    z-index: 1;
    background-image: url(./images/top-decor.6ad433f3fe1ea5b0.webp);
    background-position: top center;
    background-size: 24px 8px;
    background-repeat: no-repeat;
}
.game-card .thumbnail__actions {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    background-image: url(./images/game-card-hover-animation-2x3.f2c9b0f9c7c88d61.webp);
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 16px;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: -.25px;
    color: #fff;
    opacity: 0;
    transition: .3s ease-out;
}
.game-card:hover .thumbnail__actions {
    opacity: 1;
}
.game-card .thumbnail__actions span {
    display: block;
    width: 60px;
    height: 60px;
    background-image: url(./images/play-button-default.a5fee788f094e6ef.webp);
    background-size: contain;
    background-position: center;
}
.game-card .thumbnail__actions span:hover {
    background-image: url(./images/play-button-hover.9b35917fc6ab7be2.webp);
}
@media(max-width: 575px) {
    .swiper-slide:has(> span) {
        position: relative;
        padding-left: 35px;
    }
    .swiper-slide > span {
        width: 35px;
        font-size: 50px;
        line-height: .84;
    }
    .games-slider__head .games-slider__title {
        font-size: 16px;
        line-height: 19px;
    }
    .thumbnail__actions {
        display: none;
    }
}
/*end products*/

/*seo-container*/
.seo-text--closed{
    max-height:84px;
    overflow:hidden;
    transition:max-height .3s ease;
}
.seo-text.is-open{
    max-height:5000px;
}
.seo-container {
    width: 100%;
    max-width: 832px;
    margin: auto;
    padding: 32px 12px;
}
.seo-container *{color:#ac9c85;font-size:16px;line-height:21px;font-weight:700;}

.seo-container h1,
.seo-container h2,
.seo-container h3,
.seo-container h4,
.seo-container h5,
.seo-container h6{font-size:17px;line-height:16px;font-weight:700;margin-bottom:20px;}
.seo-container p{margin-bottom:20px;}
.seo-container b,
.seo-container strong{font-weight:700}
.seo-container a{
    color: #caa881;
    text-decoration: underline;
    transition: .2s ease;
}
.seo-container h2 {
    margin-top: 30px;
}
.seo-container a:hover,.seo-container a:focus{
    color: #f5d29c;
    text-decoration: underline;
}

.seo-container i,
.seo-container em{font-style:italic}

.seo-container ul, .seo-container ol{margin:20px 0;padding-left:18px;list-style-type:circle;}
.seo-container ol{list-style-type: number;}
.seo-container ul li, .seo-container ol li{margin-bottom:6px}

.seo-container table{width:100%;border-collapse:collapse;margin:10px 0}
.seo-container table th,
.seo-container table td{border:1px solid #ac9c85;padding:6px;font-size:12px;line-height:14px}
.seo-container table th{font-weight:700}

.seo-container .seo-toggle {
    font-weight: 900;
    margin-top: 20px;
    display: flex;
    align-items: center;
    gap: 7px;
}
.seo-container .seo-toggle img {
    width: 16px;
    height: auto;
    rotate: 90deg;
}
.seo-container .seo-toggle.is-open img {
    rotate: -90deg;
}
/*end seo-container*/

/*promotions-section*/
.promotions-section {
    padding: 16px 0 32px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.promotions-section .realz-categories .realz-categories__inner {
    justify-content: flex-start;
}
.promotions-section .realz-categories .realz-category {
    min-width: initial;
    text-transform: uppercase;
    font-weight: 900;
}
.promotions-section .promo-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: center;
}
.promotions-section .promo-grid:not(:last-child) {
    margin-bottom: 32px;
}
.promotions-section .promo-grid .promo-card {
    width: 100%;
    max-width: calc((100% - 16px * 2) / 3);
    position: relative;
}
.promotions-section .promo-grid .promo-card::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    border-image-source: url(./images/promo-card-borders.a4080746c98132a3.webp);
    border-image-slice: 50;
    border-image-width: 13px;
    border-style: solid;
    transition: opacity var(--stb-transition-time);
}
.promotions-section .promo-grid .promo-card::after {
    content: "";
    position: absolute;
    top: -4px;
    right: 0;
    left: 0;
    z-index: 2;
    height: 17px;
    background: url(./images/promo-card-decor.15f6aea260ad05fa.svg) no-repeat center center / 36px 36px;
}
.promotions-section .promo-grid .promo-card .promo-badge {
    padding: 1px 4px;
    font-size: 12px;
    line-height: 14px;
    color: #2e2213;
    text-transform: uppercase;
    position: absolute;
    top: 8px;
    z-index: 1;
    inset-inline-end: -1px;
    background: var(--stb-gradient-brand2-200);
    box-shadow: 0 1px 4px #000;
    font-weight: 900;
}
.promotions-section .promo-grid .promo-card .promo-badge::after {
    position: absolute;
    left: -9px;
    top: 4px;
    width: 15px;
    height: 15px;
    filter: drop-shadow(-2px 4px 4px rgb(0, 0, 0));
    content: url(./images/card-badge-arrow.112f39d868cafecd.svg);
}
.promotions-section .promo-grid .promo-card .promo-badge.promo-badge--casino{
    background-image: url(./images/card-badge-casino-bg.1ea3992224453c93.webp);
}
.promotions-section .promo-grid .promo-card .promo-badge.promo-badge--sport {
    background-image: url(./images/card-badge-sport-bg.04fdfa8aa9657c52.webp);
}
.promotions-section .promo-grid .promo-card .promo-badge.promo-badge--special {
    background-image: url(./images/card-badge-special-bg.5086943596aa3957.webp);
}
.promotions-section .promo-grid .promo-card img {
    width: 100%;
    height: auto;
}
.promotions-section .promo-grid .promo-text {
    padding: 16px 16px 4px;
    font-size: 20px;
    line-height: 24px;
    color: #fff;
    font-weight: 900;
    width: 100%;
    display: flex;
}
.promotions-section .promo-grid .promo-cta {
    padding: 5px 16px 18px;
    font-size: 16px;
    line-height: 18px;
    color: #caa881;
    text-transform: uppercase;
    font-weight: 900;
    display: flex;
    justify-content: flex-end;
}
@media(max-width: 991px) {
    .promotions-section .promo-grid .promo-card {
        max-width: calc((100% - 16px) / 2);
    }
}
@media(max-width: 575px) {
    .promotions-section {
        padding: 16px 0 28px;
    }
    .promotions-section .promo-grid .promo-card {
        max-width: initial;
    }
}
/*end promotions-section*/

/*page-indent*/
.page-indent {
    padding: 16px 16px 32px;
    width: 100%;
    max-width: 800px;
    margin: auto;
}
.page-indent * {
    font-weight: 900;
}
.page-indent h1 {
    font-size: 21px;
    line-height: 32px;
    margin-bottom: 8px;
    color: #d5cdc1;
}
.page-indent h2 {
    padding: 24px 0 16px;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -.625px;
    color: #d5cdc1;
}
.page-indent p {
    font-size: 16px;
    padding-bottom: 16px;
    line-height: 22px;
    letter-spacing: -.25px;
    color: #ac9c85;
}
.page-indent a {
    color: #caa881;
    text-decoration: underline;
    transition: .2s ease;
}
.page-indent a:hover {
    color: #f5d29c;
    text-decoration: underline;
}
.page-indent ul {
    padding-left: 20px;
    margin-bottom: 16px;
    color: #ac9c85;
    list-style-type: disc;
}
.page-indent li {
    padding-bottom: 6px;
    font-size: 15px;
    line-height: 22px;
}
.page-indent table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    font-size: 14px;
    color: #ac9c85;
}
.page-indent th {
    text-align: left;
    padding: 12px;
    background: #1c1a17;
    color: #d5cdc1;
    font-weight: 600;
}
.page-indent td {
    padding: 12px;
    border-bottom: 1px solid #2a2622;
}
.page-indent tr:last-child td {
    border-bottom: none;
}
.page-indent strong {
    color: #d5cdc1;
}
.page-indent img {
    max-width: 100%;
    height: auto;
    margin: 12px 0;
    border-radius: 6px;
}
.page-indent section {
    border-bottom: 1px solid #3e352a;
}
.page-indent .seo-accordion h2 {
    font-size: 18px;
    position: relative;
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: auto 1fr;
    grid-column-gap: 8px;
    align-items: center;
    padding: 13px 15px 11px;
    transition: color .2s;
    color: #d5cdc1;
    border-image: url(./images/accordion.d466e21d1c71a502.webp) 47 fill / 24px stretch;
    position: relative;
    cursor: pointer;
}
.page-indent .seo-accordion h2.active {
    margin-block: 0 16px;
    color: #fff;
    border-image: url(./images/accordion-active.466e1c998af90d38.webp) 47 fill / 24px stretch;
}
.page-indent .seo-accordion h2::after {
    width: 16px;
    height: 16px;
    margin-left: auto;
    flex-shrink: 0;
    background-image: url(./images/custom-arrow-down.88e57d4a53dec8d8.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    transform: rotate(0);
    transition: transform .2s;
}
.page-indent .seo-accordion h2.active::after {
    background-image: url(./images/custom-arrow-down-hover.28f73765d28750bf.svg);
    transform: rotate(180deg);
}
.page-indent .seo-accordion p {
    font-weight: 900;
}
.page-indent .seo-accordion img {
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 0 auto 16px;
}
.page-indent .seo-accordion section {
    margin-bottom: 16px;
    border-bottom: initial;
}
.page-indent .seo-accordion .accordion-content {
    display: none;
    padding: 0 16px;
}
.page-indent .seo-accordion .accordion-content.active {
    display: block;
}
.page-indent .sitemap-menu {
    display: flex;
    flex-wrap: wrap;
    gap: 28px;
    list-style-type: none;
    padding: 0;
}
.page-indent .sitemap-menu li {
    width: calc((100% - 28px * 2 ) / 3);
    padding: 0;
}
.page-indent .sitemap-menu a {
    font-size: 12px;
}
.page-indent .border-double {
    width: 100%;
    overflow: auto;
}
.page-indent .border-double table {
    min-width: 400px;
}
@media(max-width: 575px) {
    .page-indent {
        padding: 16px 12px 28px;
    }
    .page-indent h1 {
        font-size: 20px;
        line-height: 24px;
    }
    .page-indent h2 {
        font-size: 16px;
        line-height: 20px;
        letter-spacing: 0;
    }
    .page-indent .sitemap-menu li {
        width: 100%;
    }
}
/*end page-indent*/

/*help-center-page*/
.help-center-page {
    padding: 16px 0 32px;
}
.help-center-page h1 {
    margin-bottom: 16px;
    font-size: 24px;
    line-height: 32px;
    color: #d5cdc1;
}
.help-center-page .information {
    padding: 20px 16px;
    display: flex;
    gap: 16px;
    background-color: #2f2820;
    border: 1px solid #3e352a;
    align-items: center;
}
.help-center-page .information__content {
    display: flex;
    gap: 10px;
    align-items: center;
}
.help-center-page .information__content img {
    width: 40px;
    height: auto;
}
.help-center-page .information__title {
    font-size: 16px;
    line-height: 22px;
    color: #d5cdc1;
    font-weight: 900;
}
.help-center-page .information__description {
    font-size: 12px;
    line-height: 18px;
    color: #d5cdc1;
}
.help-center-page .actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-left: auto;
    gap: 5px;
}
.help-center-page .button {
    font-size: 16px;
}
.help-center-page .articles-categories-list {
    margin-top: 16px;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}
.help-center-page .articles-categories-list li {
    width: 100%;
    max-width: calc((100% - 16px * 3) / 4);
    position: relative;
}
.help-center-page .articles-categories-list li::before {
    position: absolute;
    z-index: 2;
    inset: 2.5px;
    background-image: linear-gradient(270deg, #b6a89480 19.68%, #b6a894 48.6%, #b6a89480 76.06%);
    content: "";
}
.help-center-page .articles-categories-list li::after {
    position: absolute;
    z-index: 6;
    top: -3px;
    left: 50%;
    transform: translate(-50%);
    width: 35px;
    height: 12px;
    background: url(./images/tile-decor.2b77391b0010cd7a.svg) no-repeat center center / contain;
    content: "";
}
.help-center-page .articles-categories-list li a {
    position: relative;
    padding: 24px 8px 8px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
    justify-content: center;
}
.help-center-page .articles-categories-list li a::before {
    position: absolute;
    z-index: 3;
    inset: 3.5px;
    background: radial-gradient(circle, rgb(63 47 2 / 1) 0%, rgb(37 27 16 / 1) 100%);
    content: "";
}
.help-center-page .articles-categories-list li a::after {
    position: absolute;
    z-index: 5;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: #eaae08;
    filter: blur(5px);
    content: "";
}
.help-center-page .articles-categories-list li .tile {
    position: relative;
    z-index: 3;
}
.help-center-page .articles-categories-list li .tile__image {
    display: flex;
    justify-content: center;
}
.help-center-page .articles-categories-list li .tile__image img {
    width: auto;
    height: auto;
    max-width: 32px;
}
.help-center-page .articles-categories-list li .tile__title {
    font-size: 14px;
    line-height: 16px;
    color: #d5cdc1;
    min-height: 40px;
    text-transform: uppercase;
    font-weight: 900;
    text-align: center;
    display: flex;
    margin-top: 16px;
}
@media(max-width: 991px) {
    .help-center-page .information {
        flex-direction: column;
    }
    .help-center-page .actions {
        margin: auto;
        flex-direction: column;
        width: 100%;
    }
    .help-center-page .actions .button {
        width: 100%;
    }
}
@media(max-width: 575px) {
    .help-center-page {
        padding-bottom: 28px;
    }
    .help-center-page h1 {
        font-size: 20px;
        line-height: 24px;
    }
    .help-center-page .articles-categories-list li {
        max-width: calc((100% - 16px) / 2);
    }
}
/*end help-center-page*/

/*blog*/
.realz-blog{padding:32px 0}
.realz-blog .blog-head{display:flex;align-items:center;gap:12px;margin-bottom:20px}
.realz-blog .blog-head h2{font-size:20px;line-height:24px;color:#d5cdc1;font-weight:700}
.realz-blog .blog-all{margin-left:auto;font-size:12px;color:#caa881;font-weight:700;font-family:var(--font-heading)}

.realz-blog .blog-grid{display:flex;flex-wrap:wrap;gap:16px}

.realz-blog .blog-card{width:100%;max-width:calc((100% - 16px * 2) / 3);position:relative}
.realz-blog .blog-card a{display:block;background:#2f2820;border:1px solid #3e352a;transition:.25s}

.realz-blog .blog-img{overflow:hidden}
.realz-blog .blog-img img{width:100%;height:auto;display:block;transition:.35s}

.realz-blog .blog-content{padding:16px}
.realz-blog .blog-content h3{font-size:16px;line-height:20px;color:#d5cdc1;margin-bottom:8px}
.realz-blog .blog-content p{font-size:14px;line-height:18px;color:#ac9c85;margin-bottom:12px}
.realz-blog .blog-read{font-size:12px;color:#caa881;font-weight:700;text-transform:uppercase}

.realz-blog .blog-card:hover{border-color:#caa881}
.realz-blog .blog-card:hover img{transform:scale(1.05)}
.realz-blog .blog-card:hover .blog-read{color:#f5d29c}

@media(max-width:991px){
    .realz-blog .blog-card{max-width:calc((100% - 16px) / 2)}
}

@media(max-width:575px){
    .realz-blog{padding:28px 0}
    .realz-blog .blog-head h2{font-size:16px}
    .realz-blog .blog-card{max-width:100%}
    .realz-blog .blog-content h3{font-size:15px}
}
/*end blog*/

/*article*/
.article-page{padding:16px 0 32px}
.article-breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:#ac9c85;font-size:12px;line-height:18px;font-weight:700}
.article-breadcrumbs a{color:#caa881;text-decoration:underline;transition:.2s ease}
.article-breadcrumbs a:hover{color:#f5d29c}
.article-breadcrumbs .sep{opacity:.8}
.article-breadcrumbs .current{color:#d5cdc1}

.article-head{margin-top:12px}
.article-head h1{font-size:28px;line-height:34px;color:#d5cdc1;margin-bottom:10px;letter-spacing:-.25px}
.article-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:#ac9c85;font-size:12px;line-height:18px;font-weight:700;margin-bottom:10px}
.article-meta .dot{opacity:.8}
.article-excerpt{color:#d5cdc1;font-size:16px;line-height:22px;font-weight:700;margin-bottom:16px}

.article-card{background:#2f2820;border:1px solid #3e352a;padding:18px 16px}
.article-content{color:#ac9c85;font-size:16px;line-height:22px;font-weight:700;overflow-wrap:anywhere}
.article-content > *:last-child{margin-bottom:0}

.article-content h2{font-size:20px;line-height:24px;color:#d5cdc1;margin:22px 0 12px}
.article-content h3{font-size:17px;line-height:22px;color:#d5cdc1;margin:18px 0 10px}
.article-content h4{font-size:15px;line-height:20px;color:#d5cdc1;margin:16px 0 10px}

.article-content p{margin:0 0 14px}
.article-content strong,
.article-content b{color:#d5cdc1;font-weight:900}
.article-content em,
.article-content i{font-style:italic}

.article-content a{color:#caa881;text-decoration:underline;transition:.2s ease}
.article-content a:hover{color:#f5d29c}

.article-content ul,
.article-content ol{margin:14px 0 14px 18px}
.article-content ul{list-style:disc}
.article-content ol{list-style:decimal}
.article-content li{margin:0 0 8px}

.article-content hr{border:0;border-top:1px solid #3e352a;margin:18px 0}

.article-content blockquote{margin:16px 0;padding:14px 14px;border:1px solid #3e352a;background:#201b16;color:#d5cdc1}
.article-content blockquote p{margin:0}

.article-content img{max-width:100%;height:auto;display:block;margin:12px auto;border-radius:6px}
.article-content figure{margin:16px 0}
.article-content figcaption{margin-top:8px;font-size:12px;line-height:18px;color:#ac9c85;text-align:center}

.article-content pre{max-width:100%;overflow:auto;background:#201b16;border:1px solid #3e352a;padding:12px;border-radius:6px;margin:16px 0}
.article-content code{font:inherit}
.article-content pre code{white-space:pre}

.article-content table{width:100%;max-width:100%;border-collapse:collapse;margin:14px 0;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
.article-content thead,
.article-content tbody,
.article-content tr{width:100%}
.article-content th,
.article-content td{border:1px solid #3e352a;padding:10px 12px;font-size:14px;line-height:18px;white-space:nowrap}
.article-content th{background:#201b16;color:#d5cdc1;font-weight:900;text-align:left}

.article-footer{margin-top:16px;padding-top:16px;border-top:1px solid #3e352a;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}
.article-tags{display:flex;flex-wrap:wrap;gap:8px}
.article-tags a{font-size:12px;line-height:18px;font-weight:900;text-transform:uppercase;color:#caa881;text-decoration:underline}
.article-tags a:hover{color:#f5d29c}
.article-actions{display:flex;gap:10px;align-items:center}

@media(max-width:575px){
    .article-page{padding:16px 0 28px}
    .article-head h1{font-size:22px;line-height:26px}
    .article-card{padding:16px 12px}
    .article-content{font-size:15px;line-height:21px}
    .article-content h2{font-size:18px;line-height:22px}
    .article-footer{justify-content:center}
}
/*end article*/