/* Sark Kapisi: Tarantin2 ThemeTwenty tabanli, dinamik M2HousePanel uyarlamasi. */

html {
    min-width: 930px;
}

body.theme-home-sark-kapisi,
body.theme-structural-sark-kapisi {
    min-height: 100vh;
    min-width: 930px;
    margin: 0;
    color: #160400;
    background: #000 url("../../images/themes/sark-kapisi/ui/container-bg.jpg") repeat-y 50% 0;
    font: 11px/14px Arial, Helvetica, sans-serif;
}

body.theme-home-sark-kapisi a,
body.theme-structural-sark-kapisi a {
    color: inherit;
    letter-spacing: 0;
}

body.theme-home-sark-kapisi .theme-discord-banner,
body.theme-structural-sark-kapisi .theme-discord-banner {
    display: none;
}

.theme-template-nav-sark-kapisi {
    position: relative;
    z-index: 1;
    color: #d0b88c;
    background: #080402;
}

.theme-template-nav-sark-kapisi .template-sark-servicebar {
    height: 32px;
    border-bottom: 1px solid #190905;
    background: linear-gradient(180deg, rgba(255, 255, 255, .04), transparent 52%), #0d0806;
    box-shadow: 0 1px 0 #000;
}

.theme-template-nav-sark-kapisi .template-sark-servicebar > div {
    display: flex;
    align-items: center;
    gap: 18px;
    width: 930px;
    height: 32px;
    margin: 0 auto;
}

.theme-template-nav-sark-kapisi .template-sark-servicebar strong {
    color: #f1dba5;
    font-size: 11px;
}

.theme-template-nav-sark-kapisi .template-sark-servicebar span {
    margin-right: auto;
}

.theme-template-nav-sark-kapisi .template-sark-servicebar i {
    margin-right: 4px;
    color: #80a73d;
    font-size: 7px;
}

.theme-template-nav-sark-kapisi .template-sark-servicebar a {
    color: #ae9467;
    text-decoration: none;
}

.theme-template-nav-sark-kapisi .template-sark-servicebar a:hover {
    color: #f2e69f;
    text-decoration: underline;
}

.theme-template-nav-sark-kapisi .template-sark-header-art {
    height: 253px;
    background: url("../../images/themes/sark-kapisi/ui/header-bg.jpg") no-repeat 50% 0;
}

.theme-template-nav-sark-kapisi .template-sark-header-inner {
    position: relative;
    width: 930px;
    height: 230px;
    margin: 0 auto;
}

.theme-template-nav-sark-kapisi .template-nav-logo {
    position: absolute;
    top: 0;
    left: 50%;
    display: grid;
    place-items: center;
    width: 304px;
    height: 126px;
    padding: 0;
    overflow: hidden;
    transform: translateX(-50%);
}

.theme-template-nav-sark-kapisi .template-nav-logo img {
    position: absolute;
    top: -101px;
    left: 50%;
    display: block;
    width: 300px;
    max-width: none;
    height: 300px;
    max-height: none;
    object-fit: contain;
    object-position: 50% 50%;
    transform: translateX(-50%);
    filter: drop-shadow(0 3px 3px #000);
}

.theme-template-nav-sark-kapisi .template-sark-register-band {
    position: absolute;
    top: 132px;
    left: 199px;
    width: 533px;
    height: 92px;
    background: url("../../images/themes/sark-kapisi/ui/reg-btn.jpg") no-repeat 0 0;
}

.theme-template-nav-sark-kapisi .template-sark-play {
    display: block;
    width: 433px;
    height: 72px;
    padding-left: 100px;
    color: #f2e69f;
    font-size: 22px;
    font-weight: 700;
    line-height: 72px;
    text-align: left;
    text-decoration: none;
    text-shadow: 2px 2px 5px #000;
}

.theme-template-nav-sark-kapisi .template-sark-register-band > div {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    height: 20px;
    color: #f2e69f;
    font-size: 12px;
    font-weight: 700;
}

.theme-template-nav-sark-kapisi .template-sark-register-band > div a {
    color: #f2e69f;
    text-decoration: none;
}

.theme-template-nav-sark-kapisi .template-sark-play:hover,
.theme-template-nav-sark-kapisi .template-sark-register-band > div a:hover {
    color: #fff;
}

.theme-template-nav-sark-kapisi .theme-site-toggle,
.theme-template-nav-sark-kapisi .template-sark-mobile-nav {
    display: none;
}

.template-home-sark-kapisi {
    position: relative;
    z-index: 2;
    float: none;
    width: 100%;
    min-height: 680px;
    margin: 0;
    padding: 0 0 126px;
    background-image:
        url("../../images/themes/sark-kapisi/ui/container-bg-top.jpg"),
        url("../../images/themes/sark-kapisi/ui/container-bg.jpg");
    background-repeat: no-repeat, repeat-y;
    background-position: 50% 0, 50% 0;
}

.template-sark-container {
    display: flow-root;
    position: relative;
    width: 930px;
    min-height: 650px;
    margin: 0 auto;
}

.template-sark-column {
    position: relative;
    z-index: 2;
    display: inline;
    float: left;
    width: 157px;
    margin-top: -64px;
}

.template-sark-column-left {
    margin-left: 11px;
}

.template-sark-column-right {
    float: right;
    margin-right: 9px;
    overflow: hidden;
}

.template-sark-box-cap {
    width: 157px;
    height: 23px;
    background: url("../../images/themes/sark-kapisi/ui/box-top-1.jpg") no-repeat;
}

.template-sark-column-right .template-sark-box-cap {
    background-image: url("../../images/themes/sark-kapisi/ui/box-top-2.jpg");
}

.template-sark-box-joint {
    width: 134px;
    height: 32px;
    margin-left: 12px;
    background: url("../../images/themes/sark-kapisi/ui/box-middle.png") no-repeat;
}

.template-sark-box-foot {
    width: 150px;
    height: 48px;
    margin-left: 4px;
    background: url("../../images/themes/sark-kapisi/ui/box-bottom.png") no-repeat;
}

.template-sark-module {
    width: 157px;
    background: url("../../images/themes/sark-kapisi/ui/modul-box-top.jpg") no-repeat 0 0,
        url("../../images/themes/sark-kapisi/ui/modul-box-bottom.jpg") no-repeat 0 100%,
        url("../../images/themes/sark-kapisi/ui/modul-box-bg.jpg") repeat-y 0 0;
    overflow: hidden;
}

.template-sark-nav-module {
    min-height: 132px;
    padding-bottom: 5px;
}

.template-sark-main-nav {
    margin: 24px 0 0;
    padding: 0 0 16px;
}

.template-sark-main-nav a,
.template-sark-module > h2 {
    display: block;
    width: 157px;
    height: 34px;
    margin: 0;
    padding: 8px 3px 0;
    overflow: hidden;
    color: #fef6aa;
    background: url("../../images/themes/sark-kapisi/ui/main-mav-bg.gif") no-repeat 0 0;
    font-size: 12px;
    font-weight: 700;
    line-height: 15px;
    text-align: center;
    text-decoration: none;
}

.template-sark-main-nav a:hover,
.template-sark-main-nav a:focus,
.template-sark-main-nav a.active {
    color: #fffde8;
    background-position: 0 -34px;
}

body.theme-home-sark-kapisi .template-sark-main-nav a,
body.theme-structural-sark-kapisi .template-sark-main-nav a,
body.theme-home-sark-kapisi .template-sark-module > h2,
body.theme-structural-sark-kapisi .template-sark-module > h2 {
    color: #fef6aa;
}

body.theme-home-sark-kapisi .template-sark-main-nav a:hover,
body.theme-home-sark-kapisi .template-sark-main-nav a:focus,
body.theme-home-sark-kapisi .template-sark-main-nav a.active,
body.theme-structural-sark-kapisi .template-sark-main-nav a:hover,
body.theme-structural-sark-kapisi .template-sark-main-nav a:focus,
body.theme-structural-sark-kapisi .template-sark-main-nav a.active {
    color: #fff;
}

.template-sark-main-nav a + a {
    margin-top: 5px;
}

.template-sark-module > h2 {
    margin-top: 24px;
}

.template-sark-stat-module {
    min-height: 224px;
    padding: 24px 0 16px;
    box-sizing: border-box;
    background: url("../../images/themes/sark-kapisi/ui/modul-box-top-2.jpg") no-repeat 0 0,
        url("../../images/themes/sark-kapisi/ui/modul-box-bottom.jpg") no-repeat 0 100%,
        url("../../images/themes/sark-kapisi/ui/modul-box-bg.jpg") repeat-y 0 0;
}

.template-sark-stat-module > h2 {
    margin-top: 0;
}

.template-sark-stat-module > h2,
.template-sark-login-module > h2,
.template-sark-ranking-module > h2 {
    text-transform: none !important;
}

.template-sark-stat-row {
    width: 137px;
    min-height: 31px;
    margin: 2px 10px 0;
    padding: 3px;
    color: #4a1e00;
    text-align: center;
    box-sizing: border-box;
}

.template-sark-stat-row + .template-sark-stat-row {
    background: none;
}

.template-sark-stat-row span,
.template-sark-stat-row strong {
    display: block;
    line-height: 13px;
}

.template-sark-stat-row span {
    color: #943b00;
}

.template-sark-stat-row strong {
    color: #8d0404;
    font-size: 12px;
    min-height: 15px;
    margin: 0 -3px;
    padding-top: 1px;
    background: url("../../images/themes/sark-kapisi/ui/shadow.gif") no-repeat 50% 50%;
}

.template-sark-center {
    display: inline;
    float: left;
    width: 510px;
    margin: 33px 0 0 46px;
}

.template-sark-welcome {
    width: 506px;
    background: url("../../images/themes/sark-kapisi/ui/two-boxes-top.jpg") no-repeat 0 0,
        url("../../images/themes/sark-kapisi/ui/two-boxes-bottom.jpg") no-repeat 0 100%,
        url("../../images/themes/sark-kapisi/ui/two-boxes-bg.jpg") repeat-y 0 0;
}

.template-sark-welcome-inner {
    display: grid;
    grid-template-columns: 223px 223px;
    justify-content: space-between;
    min-height: 181px;
    padding: 0 14px 15px 11px;
}

.template-sark-welcome article {
    min-width: 0;
}

.template-sark-welcome h2,
.template-sark-content h2 {
    height: 30px;
    margin: 11px 0 0;
    padding: 7px 0 7px 33px;
    overflow: hidden;
    color: #7b1300;
    background: url("../../images/themes/sark-kapisi/ui/heading-1.jpg") no-repeat;
    font-size: 14px;
    font-weight: 700;
    line-height: 17px;
}

.template-sark-trailer h2 {
    background-image: url("../../images/themes/sark-kapisi/ui/heading-2.jpg");
}

.template-sark-copy {
    margin: 4px 6px 0 5px;
}

.template-sark-copy p {
    margin: 0;
    padding: 0 0 7px;
    color: #160400;
    font-size: 11px;
    line-height: 13px;
    text-align: justify;
}

.template-sark-video-frame {
    position: relative;
    display: block;
    width: 223px;
    height: 132px;
    margin-top: 7px;
    padding: 3px;
    overflow: hidden;
    background: url("../../images/themes/sark-kapisi/ui/video-border-bg.gif") no-repeat;
}

.template-sark-video-frame video {
    display: block;
    width: 217px;
    height: 125px;
    object-fit: cover;
    filter: sepia(.24) brightness(.82);
}

.template-sark-content {
    width: 507px;
    margin: 0;
    background: url("../../images/themes/sark-kapisi/ui/content-box-top.jpg") no-repeat 0 0,
        url("../../images/themes/sark-kapisi/ui/content-box-bg.jpg") repeat-y 0 0;
}

.template-sark-content-inner {
    width: 507px;
    min-height: 70px;
    padding: 1px 16px 15px 15px;
    overflow: hidden;
    background: url("../../images/themes/sark-kapisi/ui/content-box-bottom.jpg") no-repeat 0 100%;
}

.template-sark-content h2 {
    width: 481px;
    margin-left: -5px;
    background-image: url("../../images/themes/sark-kapisi/ui/heading-3.jpg");
}

.template-sark-shadow {
    width: 507px;
    height: 5px;
    overflow: hidden;
    background: url("../../images/themes/sark-kapisi/ui/shadow-2.png") no-repeat;
}

.template-sark-banner .template-sark-content-inner {
    padding: 10px 14px 15px 13px;
}

.template-sark-slider {
    position: relative;
    width: 480px;
    height: 150px;
    overflow: hidden;
    background: #1b0802;
}

.template-sark-slider img {
    position: absolute;
    inset: 0;
    width: 480px;
    height: 150px;
    object-fit: cover;
    opacity: 0;
    animation: sark-kapisi-slide 12s infinite;
}

.template-sark-slider img:nth-child(2) { animation-delay: 4s; }
.template-sark-slider img:nth-child(3) { animation-delay: 8s; }

@keyframes sark-kapisi-slide {
    0%, 29% { opacity: 1; }
    34%, 95% { opacity: 0; }
    100% { opacity: 1; }
}

.template-sark-screenshots {
    display: grid;
    grid-template-columns: repeat(4, 108px);
    gap: 11px;
    margin: 10px 0 2px;
}

.template-sark-screenshots a {
    display: block;
    width: 108px;
    height: 83px;
    padding: 4px;
    background: url("../../images/themes/sark-kapisi/ui/screenshot-li-bg.jpg") no-repeat;
}

.template-sark-screenshots img {
    width: 100px;
    height: 75px;
    object-fit: cover;
}

.template-sark-news article {
    position: relative;
    padding: 10px 7px 8px;
    border-bottom: 1px solid rgba(94, 47, 19, .2);
}

.template-sark-news-category {
    display: inline-block;
    margin: 0 0 3px;
    color: #943b00;
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
}

.template-sark-news article:last-of-type { border-bottom: 0; }

.template-sark-news h3 {
    max-width: 340px;
    margin: 0 0 4px;
    color: #7b1300;
    font-size: 12px;
    font-weight: 700;
}

.template-sark-news time {
    position: absolute;
    top: 10px;
    right: 8px;
    color: #8d6848;
    font-size: 10px;
}

.template-sark-news p {
    margin: 0;
    color: #321507;
    line-height: 15px;
}

.template-sark-events article {
    display: grid;
    grid-template-columns: 78px 1fr;
    gap: 2px 10px;
    padding: 8px 7px;
    border-bottom: 1px solid rgba(94, 47, 19, .18);
}

.template-sark-events time {
    grid-row: 1 / span 2;
    color: #8d0404;
    font-weight: 700;
}

.template-sark-events strong { color: #4a1e00; }
.template-sark-events span { color: #806046; }

.template-sark-login-module {
    min-height: 230px;
    padding-bottom: 8px;
}

.template-sark-login-module .theme-home-login {
    width: 143px;
    margin: 6px 0 0 14px;
    padding: 0 14px 12px 0;
    color: #4a1e00;
    background: none;
    border: 0;
    box-shadow: none;
}

.template-sark-login-module .theme-home-login > span,
.template-sark-login-module .theme-home-login > h2,
.template-sark-login-module .theme-home-login > p {
    display: none;
}

.template-sark-login-module .theme-home-login form {
    display: flex;
    flex-direction: column;
    gap: 5px;
    width: 129px;
    min-width: 0;
}

.template-sark-login-module .theme-home-login input {
    width: 129px;
    height: 22px;
    min-height: 22px !important;
    max-height: 22px;
    margin: 0;
    padding: 2px 6px;
    box-sizing: border-box;
    border: 0;
    border-radius: 0;
    color: #2a1004;
    background: url("../../images/themes/sark-kapisi/ui/input-bg-4.gif") no-repeat;
    background-size: 100% 100%;
    font: 10px/14px Arial, Helvetica, sans-serif;
    line-height: 14px;
    box-shadow: none;
}

.template-sark-login-module .theme-home-login input:-webkit-autofill,
.template-sark-login-module .theme-home-login input:-webkit-autofill:hover,
.template-sark-login-module .theme-home-login input:-webkit-autofill:focus {
    -webkit-text-fill-color: #2a1004;
    -webkit-box-shadow: 0 0 0 30px #e7d7b2 inset;
    transition: background-color 9999s ease-out;
}

.template-sark-login-module .theme-home-login input[name="username"] { order: 1; }
.template-sark-login-module .theme-home-login input[name="password"] { order: 2; }
.template-sark-login-module .theme-home-login input[name="pin"] { order: 3; }

.template-sark-login-module .theme-home-login button {
    order: 4;
    display: block;
    width: 129px;
    height: 22px;
    min-height: 22px !important;
    max-height: 22px;
    margin: 3px 0 0;
    padding: 0 0 2px;
    border: 0;
    border-radius: 0;
    color: #dfbf8b;
    background: url("../../images/themes/sark-kapisi/ui/top-nav-register-btn.gif") no-repeat;
    background-size: 100% 100%;
    font: 11px Arial, Helvetica, sans-serif;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    box-shadow: none;
}

.template-sark-login-module .theme-home-login > a {
    display: block;
    width: 128px;
    min-height: 0 !important;
    margin-top: 8px;
    padding: 0;
    color: #8d0404;
    background: none;
    border: 0;
    border-radius: 0;
    font-size: 9px;
    font-weight: 400;
    line-height: 12px;
    text-align: center;
    text-decoration: none;
    box-shadow: none;
}

.template-sark-login-module .theme-home-login > a:hover { text-decoration: underline; }

.template-sark-player-module {
    min-height: 0;
}

.template-sark-player-module .theme-home-login {
    display: grid;
    gap: 7px;
    margin-top: 10px;
    padding-bottom: 10px;
}

.template-sark-player-module .theme-home-login > a {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 129px;
    min-height: 30px !important;
    margin: 0;
    padding: 6px 4px;
    border: 1px solid #674016;
    border-radius: 3px;
    color: #ffe1a2;
    background: linear-gradient(180deg, #70291c, #3e100b);
    box-shadow: inset 0 0 0 1px #b1834266, inset 0 1px 0 #edc57755, 0 2px 3px #3b1b0933;
    font: 700 11px/16px Arial, Helvetica, sans-serif;
    text-shadow: 0 1px 1px #210805;
    text-decoration: none;
}

.template-sark-player-module .theme-home-login > a:last-child {
    color: #604022;
    background: linear-gradient(180deg, #eddbb6, #c6a777);
    text-shadow: 0 1px 0 #fff3d477;
}

.template-sark-player-module .theme-home-login > a:hover {
    border-color: #b38134;
    filter: brightness(1.12);
    text-decoration: none;
}

.template-sark-player-module .theme-home-login > a:focus-visible {
    outline: 2px solid #8d0404;
    outline-offset: 2px;
}

.template-sark-download-module {
    min-height: 144px;
    padding-bottom: 8px;
    background: url("../../images/themes/sark-kapisi/ui/modul-box-top-2.jpg") no-repeat 0 0,
        url("../../images/themes/sark-kapisi/ui/modul-box-bottom.jpg") no-repeat 0 100%,
        url("../../images/themes/sark-kapisi/ui/modul-box-bg.jpg") repeat-y 0 0;
}

.template-sark-download {
    display: block;
    width: 130px;
    height: 68px;
    margin: 9px auto 2px;
    overflow: hidden;
    background: url("../../images/themes/sark-kapisi/ui/nav-download-btn.jpg") no-repeat;
    text-indent: -999px;
}

.template-sark-ranking-module {
    min-height: 300px;
    padding-bottom: 14px;
    background: url("../../images/themes/sark-kapisi/ui/modul-box-top-2.jpg") no-repeat 0 0,
        url("../../images/themes/sark-kapisi/ui/modul-box-bottom.jpg") no-repeat 0 100%,
        url("../../images/themes/sark-kapisi/ui/modul-box-bg.jpg") repeat-y 0 0;
}

.template-sark-ranking-module > h2:not(:first-child) { margin-top: 8px; }

.template-sark-rank-list {
    width: 137px;
    margin: 5px 10px 0;
}

.template-sark-rank-list > div {
    display: grid;
    grid-template-columns: 18px 1fr auto;
    align-items: center;
    min-height: 20px;
    padding: 2px 2px 2px 7px;
    color: #4a1e00;
}

.template-sark-rank-list > div:nth-child(even) {
    background: url("../../images/themes/sark-kapisi/ui/shadow.gif") no-repeat 50% 50%;
}

.template-sark-rank-list strong { color: #8d0404; }

.template-sark-rank-list span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.template-sark-rank-list small {
    color: #943b00;
    font-size: 9px;
}

.template-sark-rank-list p {
    margin: 8px 0;
    text-align: center;
}

.template-sark-more {
    display: block;
    margin: 3px 12px 0;
    color: #8d0404 !important;
    font-size: 10px;
    text-decoration: none;
}

.template-sark-more:hover { text-decoration: underline; }

.theme-site-footer-sark-kapisi {
    position: relative;
    z-index: 8;
    display: block;
    width: 100%;
    min-height: 210px;
    margin: 0;
    padding: 0;
    color: #ae9467;
    background: url("../../images/themes/sark-kapisi/ui/footer-bg.png") no-repeat 50% 0;
    border: 0;
}

.theme-site-footer-sark-kapisi .template-sark-footer-inner {
    position: relative;
    z-index: 2;
    display: block;
    width: 930px;
    height: 190px;
    min-height: 190px;
    margin: 0 auto;
    padding: 0;
    background: none;
    pointer-events: auto;
}

.theme-site-footer-sark-kapisi .template-sark-footer-copy {
    position: absolute;
    top: 122px;
    left: 50%;
    width: 620px;
    transform: translateX(-50%);
    text-align: center;
}

.theme-site-footer-sark-kapisi .template-sark-footer-copy strong {
    color: #f2e69f;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 14px;
}

.theme-site-footer-sark-kapisi .template-sark-footer-copy p {
    margin: 2px 0 0;
    color: #ae9467;
}

.theme-site-footer-sark-kapisi .template-sark-footer-links {
    position: absolute;
    top: 164px;
    left: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    transform: translateX(-50%);
    white-space: nowrap;
}

.theme-site-footer-sark-kapisi .template-sark-footer-links a {
    display: block;
    padding: 0;
    color: #c9ad79;
    border: 0;
    border-radius: 0;
    background: transparent !important;
    font-size: 10px;
    line-height: 15px;
    text-decoration: none;
}

.theme-site-footer-sark-kapisi .template-sark-footer-links a:hover {
    color: #fff1bc;
    text-decoration: underline;
}

.theme-site-footer-sark-kapisi .template-sark-footer-social {
    position: absolute;
    top: 77px;
    left: 50%;
    display: flex;
    justify-content: center;
    gap: 7px;
    width: 132px;
    transform: translateX(-50%);
}

.theme-site-footer-sark-kapisi .template-sark-footer-social a {
    display: grid;
    place-items: center;
    width: 20px;
    height: 20px;
    color: #c9ad79;
    border: 1px solid #5a2a17;
    background: #1d0b05;
    text-decoration: none;
}

.theme-site-footer-sark-kapisi .template-sark-footer-social a:hover {
    color: #fff1bc;
    border-color: #8d5b2e;
}

/* Ic sayfalarda ana sayfadaki uzayan zemin ve sabit masaustu panel kabugu. */
.theme-structural-sark-kapisi .template-page-stage-sark-kapisi {
    position: relative;
    z-index: 2;
    width: 100%;
    min-height: 650px;
    background-image:
        url("../../images/themes/sark-kapisi/ui/container-bg-top.jpg"),
        url("../../images/themes/sark-kapisi/ui/container-bg.jpg");
    background-repeat: no-repeat, repeat-y;
    background-position: 50% 0, 50% 0;
}

.theme-structural-sark-kapisi .template-page-shell-sark-kapisi {
    display: flow-root;
    position: relative;
    width: 930px;
    min-height: 650px;
    margin: 0 auto;
    padding: 0 0 140px;
    background: transparent;
}

.theme-structural-sark-kapisi .template-sark-page-sidebar {
    position: relative;
    top: auto;
    z-index: 3;
    float: left;
    margin-top: -64px;
}

.theme-structural-sark-kapisi .template-sark-page-left {
    margin-left: 11px;
}

.theme-structural-sark-kapisi .template-sark-page-right {
    float: right;
    margin-right: 9px;
    overflow: hidden;
}

.theme-structural-sark-kapisi .template-page-rail {
    align-self: start;
    width: 157px;
    padding: 24px 0 36px;
    color: #4a1e00;
    background: url("../../images/themes/sark-kapisi/ui/box-top-1.jpg") no-repeat 0 0,
        url("../../images/themes/sark-kapisi/ui/box-bottom.png") no-repeat 4px 100%,
        url("../../images/themes/sark-kapisi/ui/modul-box-bg.jpg") repeat-y 0 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.theme-structural-sark-kapisi .template-page-rail-head {
    padding: 12px 10px 10px;
    text-align: center;
}

.theme-structural-sark-kapisi .template-page-rail-head span,
.theme-structural-sark-kapisi .template-page-rail-head strong,
.theme-structural-sark-kapisi .template-page-rail-head small { display: block; }

.theme-structural-sark-kapisi .template-page-rail-head strong {
    color: #8d0404;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 18px;
}

.theme-structural-sark-kapisi .template-page-rail-nav { display: block; }

.theme-structural-sark-kapisi .template-page-rail-nav a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 157px;
    min-height: 34px;
    margin-bottom: 5px;
    padding: 8px 4px;
    color: #fef6aa;
    background: url("../../images/themes/sark-kapisi/ui/main-mav-bg.gif") no-repeat;
    font-size: 11px;
    font-weight: 700;
    text-decoration: none;
}

.theme-structural-sark-kapisi .template-page-rail-nav a:hover,
.theme-structural-sark-kapisi .template-page-rail-nav a.active {
    color: #fffde8;
    background-position: 0 -34px;
}

.theme-structural-sark-kapisi .template-page-rail-stats {
    margin: 10px 12px 0;
    padding-top: 8px;
    color: #4a1e00;
    border-top: 1px solid #8f6d46;
}

.theme-structural-sark-kapisi .template-page-rail-stats > div {
    display: flex;
    justify-content: space-between;
    padding: 3px 0;
}

.theme-structural-sark-kapisi .template-page-rail-stats strong { color: #8d0404; }

.theme-structural-sark-kapisi .template-page-content {
    display: inline;
    float: left;
    min-width: 0;
    width: 510px;
    margin: 33px 0 0 46px;
    padding: 12px 15px 24px;
    color: #2d1206;
    background: url("../../images/themes/sark-kapisi/ui/content-box-top.jpg") no-repeat 0 0,
        url("../../images/themes/sark-kapisi/ui/content-box-bottom.jpg") no-repeat 0 100%,
        url("../../images/themes/sark-kapisi/ui/content-box-bg.jpg") repeat-y 0 0;
    border: 0;
    border-radius: 0;
    box-shadow: 0 8px 22px rgba(0, 0, 0, .44);
}

.theme-structural-sark-kapisi .template-page-content .card,
.theme-structural-sark-kapisi .template-page-content .royal-panel,
.theme-structural-sark-kapisi .template-page-content .royal-account-panel {
    color: #2d1206;
    background: rgba(240, 225, 186, .72);
    border-color: #9b7545;
    border-radius: 0;
}

.theme-structural-sark-kapisi .template-page-content h1,
.theme-structural-sark-kapisi .template-page-content h2,
.theme-structural-sark-kapisi .template-page-content h3 {
    color: #7b1300;
    text-shadow: none;
}

.theme-structural-sark-kapisi .template-page-content input,
.theme-structural-sark-kapisi .template-page-content select,
.theme-structural-sark-kapisi .template-page-content textarea {
    color: #2d1206;
    background: #e8d7ac;
    border-color: #987345;
    border-radius: 0;
}

/* Kayit, indirme, hesap, destek, EP ve siralama ekranlarinin ortak panel dili. */
.theme-structural-sark-kapisi .template-page-content > .auth-shell,
.theme-structural-sark-kapisi .template-page-content > .download-shell,
.theme-structural-sark-kapisi .template-page-content > .rankings-shell,
.theme-structural-sark-kapisi .template-page-content > .account-panel-shell {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0 !important;
    color: #2d1206;
    background: transparent;
}

.theme-structural-sark-kapisi .template-page-content .container {
    width: 100%;
    max-width: none;
    padding: 0;
}

.theme-structural-sark-kapisi .auth-hero-card {
    grid-template-columns: 1fr;
    min-height: 0;
    gap: 12px;
    align-items: stretch;
    border: 0;
    background: transparent !important;
    box-shadow: none;
}

.theme-structural-sark-kapisi .auth-copy {
    display: none;
}

.theme-structural-sark-kapisi .auth-panel {
    display: block;
    min-height: 0;
    padding: 0;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.theme-structural-sark-kapisi .auth-panel-head {
    margin: 0 0 14px;
    padding: 8px 12px;
    border: 1px solid #aa8551;
    background: rgba(239, 220, 177, .58);
}

.theme-structural-sark-kapisi .auth-copy,
.theme-structural-sark-kapisi .auth-panel,
.theme-structural-sark-kapisi .account-hero,
.theme-structural-sark-kapisi .account-card,
.theme-structural-sark-kapisi .download-hero,
.theme-structural-sark-kapisi .download-status-card,
.theme-structural-sark-kapisi .download-info-card,
.theme-structural-sark-kapisi .download-pack-card,
.theme-structural-sark-kapisi .ranking-table-card,
.theme-structural-sark-kapisi .rankings-hero-card,
.theme-structural-sark-kapisi .ep-package-card {
    color: #2d1206;
    border: 1px solid #aa8551 !important;
    border-radius: 0 !important;
    background: #d8c18e url("../../images/themes/sark-kapisi/ui/form-bg.jpg") repeat !important;
    box-shadow: inset 0 0 0 1px #eadbb8, 0 2px 4px rgba(49, 17, 4, .28) !important;
    backdrop-filter: none;
}

.theme-structural-sark-kapisi .auth-copy {
    order: 1;
    min-height: 210px;
    justify-content: flex-end;
    padding: 22px 18px;
    background:
        linear-gradient(0deg, rgba(30, 8, 2, .94), rgba(30, 8, 2, .08) 70%),
        url("../../images/themes/sark-kapisi/ui/register-box-bg.jpg") 50% 0 / cover no-repeat !important;
}

.theme-structural-sark-kapisi .auth-panel {
    order: 2;
    align-self: stretch;
    padding: 18px;
}

.theme-structural-sark-kapisi .auth-copy h1 {
    margin: 6px 0 10px;
    color: #fff4c4;
    font-size: 23px;
    line-height: 1.1;
}

.theme-structural-sark-kapisi .auth-copy p,
.theme-structural-sark-kapisi .auth-benefits div {
    color: #eadcba;
}

.theme-structural-sark-kapisi .auth-benefits i,
.theme-structural-sark-kapisi .download-pack-icon,
.theme-structural-sark-kapisi .account-card-head > span,
.theme-structural-sark-kapisi .account-quick-card > span,
.theme-structural-sark-kapisi .account-security-button > span {
    color: #fff2b3;
    border: 1px solid #6b2b0b;
    border-radius: 0;
    background: #7b1300;
}

.theme-structural-sark-kapisi .auth-panel-head span,
.theme-structural-sark-kapisi .royal-kicker,
.theme-structural-sark-kapisi .account-kicker,
.theme-structural-sark-kapisi .rankings-kicker,
.theme-structural-sark-kapisi .rankings-panel-label,
.theme-structural-sark-kapisi .download-status-card > span {
    color: #943b00;
    letter-spacing: 0;
}

.theme-structural-sark-kapisi .auth-panel-head h2,
.theme-structural-sark-kapisi .account-card h2,
.theme-structural-sark-kapisi .account-card h3,
.theme-structural-sark-kapisi .download-pack-card h3,
.theme-structural-sark-kapisi .download-info-card h3,
.theme-structural-sark-kapisi .ranking-card-head h2,
.theme-structural-sark-kapisi .support-ticket-list h3,
.theme-structural-sark-kapisi .support-thread-head h3 {
    color: #7b1300;
}

.theme-structural-sark-kapisi .auth-form label,
.theme-structural-sark-kapisi .auth-check,
.theme-structural-sark-kapisi .auth-switch,
.theme-structural-sark-kapisi .account-card-head p,
.theme-structural-sark-kapisi .account-action-box p,
.theme-structural-sark-kapisi .account-info-list span,
.theme-structural-sark-kapisi .account-form label span,
.theme-structural-sark-kapisi .ep-package-card span,
.theme-structural-sark-kapisi .account-orders small,
.theme-structural-sark-kapisi .download-pack-card p,
.theme-structural-sark-kapisi .download-pack-meta,
.theme-structural-sark-kapisi .download-info-card li,
.theme-structural-sark-kapisi .download-requirement span,
.theme-structural-sark-kapisi .support-ticket-list small,
.theme-structural-sark-kapisi .support-thread-head span,
.theme-structural-sark-kapisi .support-messages span,
.theme-structural-sark-kapisi .support-empty {
    color: #68462d;
}

.theme-structural-sark-kapisi .auth-form {
    gap: 10px;
}

.theme-structural-sark-kapisi .auth-form label {
    margin: 0 0 4px;
    color: #6f4a2b;
    font: 700 13px/18px Arial, Helvetica, sans-serif;
    text-transform: none;
}

.theme-structural-sark-kapisi .auth-form > label:not(:first-child) {
    margin-top: 2px;
}

.theme-structural-sark-kapisi .auth-input {
    display: block;
    width: 100%;
    min-height: 33px;
    border: 1px solid #8e6838;
    border-radius: 0;
    background: #eadab5 !important;
    box-shadow: inset 0 0 0 1px rgba(255, 239, 197, .58), inset 0 2px 5px rgba(76, 36, 10, .18);
    box-sizing: border-box;
    overflow: hidden;
}

.theme-structural-sark-kapisi .auth-input i {
    display: none !important;
}

.theme-structural-sark-kapisi .auth-input input,
.theme-structural-sark-kapisi .auth-input select {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    min-height: 31px;
    height: 31px;
    padding: 5px 10px;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0;
    box-sizing: border-box;
    color: #2d1206;
    background: transparent !important;
    box-shadow: none !important;
    font: 700 12px/19px Arial, Helvetica, sans-serif;
}

.theme-structural-sark-kapisi .auth-input input::placeholder,
.theme-structural-sark-kapisi .auth-input select:invalid {
    color: #9f845f;
    opacity: 1;
}

.theme-structural-sark-kapisi .auth-input:focus-within {
    border-color: #7b4d22;
    box-shadow: inset 0 0 0 1px rgba(255, 239, 197, .82), 0 0 0 2px rgba(123, 19, 0, .12);
}

.theme-structural-sark-kapisi .auth-input .pin-short-input {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    flex: 1 1 auto;
    text-align: left;
    letter-spacing: 0;
}

.theme-structural-sark-kapisi .auth-input input:-webkit-autofill,
.theme-structural-sark-kapisi .auth-input input:-webkit-autofill:hover,
.theme-structural-sark-kapisi .auth-input input:-webkit-autofill:focus {
    -webkit-text-fill-color: #2d1206;
    -webkit-box-shadow: 0 0 0 40px #eadab5 inset !important;
    transition: background-color 9999s ease-out;
}

.theme-structural-sark-kapisi .auth-input select {
    appearance: auto;
}

.theme-structural-sark-kapisi .auth-input select option {
    color: #2d1206;
    background: #eadab5;
}

.theme-structural-sark-kapisi .auth-form-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 9px;
}

.theme-structural-sark-kapisi .auth-shell-register .auth-panel,
.theme-structural-sark-kapisi .auth-recovery-form {
    width: 100%;
    min-width: 0;
}

.theme-structural-sark-kapisi .auth-shell-register .auth-input,
.theme-structural-sark-kapisi .auth-recovery-form .auth-input {
    height: 34px;
}

.theme-structural-sark-kapisi .auth-shell-register .auth-input input,
.theme-structural-sark-kapisi .auth-shell-register .auth-input select,
.theme-structural-sark-kapisi .auth-recovery-form .auth-input input {
    display: block;
    height: 32px;
    line-height: 20px;
}

.theme-structural-sark-kapisi .auth-form-grid > div > label {
    display: block;
    margin-bottom: 3px;
}

.theme-structural-sark-kapisi .auth-form > div,
.theme-structural-sark-kapisi .auth-form label,
.theme-structural-sark-kapisi .auth-check,
.theme-structural-sark-kapisi .auth-wide {
    min-width: 0;
    max-width: 100%;
}

.theme-structural-sark-kapisi .auth-check span {
    min-width: 0;
    overflow-wrap: anywhere;
}

.theme-structural-sark-kapisi .auth-check {
    min-height: 30px;
    margin-top: 2px;
    padding: 7px 8px;
    border: 1px solid #b58c55;
    background: rgba(234, 218, 181, .58);
}

.theme-structural-sark-kapisi .auth-check input {
    width: 14px;
    height: 14px;
    margin-top: 1px;
    accent-color: #7b1300;
}

.theme-structural-sark-kapisi .auth-submit,
.theme-structural-sark-kapisi .btn-primary,
.theme-structural-sark-kapisi .royal-download-button,
.theme-structural-sark-kapisi .royal-ghost-button,
.theme-structural-sark-kapisi .btn-outline-light,
.theme-structural-sark-kapisi .account-security-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 34px;
    padding: 7px 13px;
    color: #fff2b3 !important;
    border: 1px solid #531700 !important;
    border-radius: 0 !important;
    background: #611704 url("../../images/themes/sark-kapisi/ui/button-bg-2.gif") no-repeat 0 50% / 100% 100% !important;
    font-size: 11px;
    font-weight: 700;
    text-decoration: none;
    text-align: center;
    box-shadow: inset 0 0 0 1px rgba(255, 224, 151, .15) !important;
}

.theme-structural-sark-kapisi .auth-submit {
    justify-self: center;
    width: 129px;
    min-width: 129px;
    max-width: 129px;
    min-height: 20px;
    height: 20px;
    padding: 0 17px 1px 5px;
    border: 0 !important;
    background-color: transparent !important;
    background-position: center !important;
    background-size: 129px 20px !important;
    font-size: 10px;
    line-height: 20px;
}

.theme-structural-sark-kapisi .auth-submit:hover,
.theme-structural-sark-kapisi .btn-primary:hover,
.theme-structural-sark-kapisi .royal-download-button:hover,
.theme-structural-sark-kapisi .royal-ghost-button:hover,
.theme-structural-sark-kapisi .btn-outline-light:hover,
.theme-structural-sark-kapisi .account-security-button:hover {
    color: #fff !important;
    filter: brightness(1.16);
    transform: none;
}

.theme-structural-sark-kapisi .auth-switch,
.theme-structural-sark-kapisi .account-orders,
.theme-structural-sark-kapisi .download-requirement {
    border-color: #aa8551;
}

.theme-structural-sark-kapisi .auth-switch a,
.theme-structural-sark-kapisi .auth-check a { color: #8d0404; }

.theme-structural-sark-kapisi .download-hero {
    grid-template-columns: 1fr;
    min-height: 0;
    align-items: start;
    gap: 12px;
    padding: 16px;
    background: #d8c18e url("../../images/themes/sark-kapisi/ui/form-bg.jpg") repeat !important;
    box-shadow: inset 0 0 0 1px #eadbb8;
}

.theme-structural-sark-kapisi .download-hero {
    display: none;
}

.theme-structural-sark-kapisi .download-hero h1,
.theme-structural-sark-kapisi .rankings-hero h1,
.theme-structural-sark-kapisi .account-hero h1 {
    margin: 5px 0 9px;
    color: #fff2b3;
    font-size: 25px;
    line-height: 1.08;
}

.theme-structural-sark-kapisi .download-hero h1 { color: #7b1300; }
.theme-structural-sark-kapisi .download-hero p { color: #68462d; }

.theme-structural-sark-kapisi .download-status-card {
    padding: 15px;
    background: rgba(226, 205, 158, .9) !important;
}

.theme-structural-sark-kapisi .download-status-card strong { color: #7b1300; }
.theme-structural-sark-kapisi .download-status-card p { color: #68462d; }

.theme-structural-sark-kapisi .download-grid {
    grid-template-columns: 1fr;
    gap: 12px;
    margin-top: 0;
}

.theme-structural-sark-kapisi .download-pack-card {
    grid-template-columns: minmax(0, 1fr) 112px;
    align-items: center;
    gap: 8px;
    min-height: 48px;
    padding: 8px 10px;
}

.theme-structural-sark-kapisi .download-pack-icon,
.theme-structural-sark-kapisi .download-pack-card p,
.theme-structural-sark-kapisi .download-pack-meta {
    display: none;
}

.theme-structural-sark-kapisi .download-pack-card > a,
.theme-structural-sark-kapisi .download-pack-card > button {
    grid-column: 2;
    justify-self: end;
    width: 112px;
    text-align: center;
}

.theme-structural-sark-kapisi .download-pack-icon {
    width: 42px;
    height: 42px;
}

.theme-structural-sark-kapisi .download-packs { order: 1; }
.theme-structural-sark-kapisi .download-side {
    order: 2;
    gap: 10px;
}
.theme-structural-sark-kapisi .download-info-card { padding: 13px; }

.theme-structural-sark-kapisi .account-hero {
    display: none;
    grid-template-columns: 1fr;
    min-height: 0;
    align-items: center;
    padding: 17px 19px;
    background:
        linear-gradient(90deg, rgba(232, 215, 174, .96), rgba(197, 162, 101, .82)),
        url("../../images/themes/sark-kapisi/ui/input-data-box-bg.jpg") repeat !important;
}

.theme-structural-sark-kapisi .account-hero h1 { color: #7b1300; }
.theme-structural-sark-kapisi .account-hero p { color: #68462d; }

.theme-structural-sark-kapisi .auth-panel {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.theme-structural-sark-kapisi .account-status {
    min-height: 30px;
    padding: 5px 9px;
    color: #31540b;
    border-color: #799349;
    border-radius: 0;
    background: rgba(215, 224, 167, .68);
}

.theme-structural-sark-kapisi .account-wallet,
.theme-structural-sark-kapisi .account-wallet.is-mp {
    color: #7b1300;
    border-color: #aa8551;
    background: rgba(244, 224, 173, .72);
}

.theme-structural-sark-kapisi .account-control-panel {
    color: #3c1c0d;
    font-family: Arial, Helvetica, sans-serif;
}

.theme-structural-sark-kapisi .account-control-heading {
    display: block;
    position: relative;
    margin: 0 0 14px;
    padding: 11px 14px 12px 57px;
    min-height: 52px;
    border: 1px solid #a98550;
    background: rgba(235, 215, 171, .7);
    box-shadow: inset 0 0 0 1px rgba(255, 245, 211, .5);
}

.theme-structural-sark-kapisi .account-control-heading::before {
    content: "\F4E1";
    position: absolute;
    top: 11px;
    left: 13px;
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    color: #fff2b3;
    border: 1px solid #5e1906;
    background: #851900;
    font-family: "bootstrap-icons";
    font-size: 17px;
}

.theme-structural-sark-kapisi .account-control-heading span {
    display: block;
    margin: 0 0 2px;
    color: #9b3a08;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
}

.theme-structural-sark-kapisi .account-control-heading h1 {
    margin: 0;
    color: #7b1300;
    font: 700 19px/1.1 Georgia, "Times New Roman", serif;
}

.theme-structural-sark-kapisi .account-control-heading p {
    margin: 4px 0 0;
    color: #68462d;
    font-size: 11px;
    line-height: 1.35;
}

.theme-structural-sark-kapisi .account-quick-grid {
    display: none;
}

.theme-structural-sark-kapisi .account-quick-card {
    min-height: 112px;
    padding: 13px;
    color: #4a1e00;
    border: 1px solid #aa8551;
    border-radius: 0;
    background: #dcc797 url("../../images/themes/sark-kapisi/ui/form-bg.jpg") repeat;
    box-shadow: inset 0 0 0 1px #eadbb8;
}

.theme-structural-sark-kapisi .account-quick-card:hover {
    color: #7b1300;
    border-color: #7b4d22;
    background: #ead8af url("../../images/themes/sark-kapisi/ui/form-bg.jpg") repeat;
    transform: none;
}

.theme-structural-sark-kapisi .account-quick-card small { color: #68462d; }

.theme-structural-sark-kapisi .account-grid {
    grid-template-columns: 1fr;
    gap: 14px;
}

.theme-structural-sark-kapisi .account-card {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 14px 15px 16px;
    overflow: hidden;
    border: 1px solid #a98550 !important;
    background: rgba(232, 210, 162, .5) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 244, 207, .52) !important;
}

.theme-structural-sark-kapisi .account-card-head {
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 11px;
    margin-bottom: 12px;
}

.theme-structural-sark-kapisi .account-card-head > span {
    width: 38px;
    height: 38px;
    font-size: 16px;
}

.theme-structural-sark-kapisi .account-card-head h2 {
    margin: 0 0 3px;
    font: 700 18px/1.1 Georgia, "Times New Roman", serif;
}

.theme-structural-sark-kapisi .account-card-head p {
    margin: 0;
    font-size: 10px;
    line-height: 1.35;
}

.theme-structural-sark-kapisi .account-info-list {
    gap: 0;
    padding: 4px 12px;
    border: 1px solid rgba(142, 102, 52, .5);
    background: rgba(239, 221, 180, .38);
}

.theme-structural-sark-kapisi .account-info-list div {
    min-height: 40px;
    align-items: center;
    padding: 9px 2px;
    border-bottom: 1px solid rgba(125, 83, 37, .18);
}

.theme-structural-sark-kapisi .account-info-list div:last-child {
    border-bottom: 0;
}

.theme-structural-sark-kapisi .account-info-list span,
.theme-structural-sark-kapisi .account-info-list strong {
    font-size: 11px;
    line-height: 1.25;
}

.theme-structural-sark-kapisi .account-info-list strong {
    max-width: 58%;
    overflow-wrap: anywhere;
}

.theme-structural-sark-kapisi .account-info-list strong,
.theme-structural-sark-kapisi .account-orders span,
.theme-structural-sark-kapisi .account-orders strong,
.theme-structural-sark-kapisi .account-action-box strong,
.theme-structural-sark-kapisi .account-security-button strong,
.theme-structural-sark-kapisi .support-ticket-list span {
    color: #4a1e00;
}

.theme-structural-sark-kapisi .account-action-box,
.theme-structural-sark-kapisi .account-security-button,
.theme-structural-sark-kapisi .support-thread,
.theme-structural-sark-kapisi .support-ticket-list a {
    border-color: #aa8551;
    border-radius: 0;
    background: rgba(239, 220, 177, .62);
}

.theme-structural-sark-kapisi .account-security-actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
}

.theme-structural-sark-kapisi .account-security-actions form {
    min-width: 0;
    margin: 0;
}

.theme-structural-sark-kapisi .account-security-button {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr) 18px;
    align-items: center;
    column-gap: 10px;
    row-gap: 2px;
    width: 100%;
    min-height: 56px;
    padding: 7px 9px 7px 7px;
    color: #f2dca9 !important;
    border: 1px solid #551600 !important;
    background: #771800 url("../../images/themes/sark-kapisi/ui/nav-box-login-4-bg.gif") repeat-x 50% 50% !important;
    box-shadow: inset 0 0 0 1px rgba(255, 216, 129, .12) !important;
    text-align: left;
    overflow: hidden;
}

.theme-structural-sark-kapisi .account-security-button::after {
    content: "\F285";
    grid-column: 3;
    grid-row: 1 / span 2;
    color: #e7bb62;
    font-family: "bootstrap-icons";
    font-size: 14px;
    text-align: right;
}

.theme-structural-sark-kapisi .account-security-button > span {
    grid-row: 1 / span 2;
    width: 40px;
    height: 40px;
    color: #fff1b0;
    border-color: #431000;
    background: rgba(54, 10, 0, .62);
}

.theme-structural-sark-kapisi .account-security-button strong,
.theme-structural-sark-kapisi .account-security-button small {
    min-width: 0;
    overflow-wrap: anywhere;
}

.theme-structural-sark-kapisi .account-security-button small {
    color: #d9bd87;
    font-weight: 400;
    line-height: 1.25;
}

.theme-structural-sark-kapisi .account-security-button strong {
    color: #fff1bf;
    font-size: 11px;
}

.theme-structural-sark-kapisi .account-security-button:hover {
    color: #fff !important;
    background-color: #8c2107 !important;
    filter: brightness(1.08);
}

.theme-structural-sark-kapisi .account-action-box form,
.theme-structural-sark-kapisi .account-form {
    min-width: 0;
}

.theme-structural-sark-kapisi .account-action-box {
    min-height: 0;
    gap: 10px;
    padding: 14px 15px;
    border: 1px solid rgba(142, 102, 52, .5);
    background: rgba(239, 221, 180, .38);
}

.theme-structural-sark-kapisi .account-action-box strong,
.theme-structural-sark-kapisi .account-action-box p {
    font-size: 11px;
    line-height: 1.4;
}

.theme-structural-sark-kapisi .account-form {
    gap: 10px;
}

.theme-structural-sark-kapisi .account-form label {
    gap: 6px;
}

.theme-structural-sark-kapisi .account-form .form-control {
    min-height: 36px;
    padding: 7px 10px;
    color: #3b1b0d;
    border: 1px solid #a98550;
    border-radius: 0;
    background: #ead9b4 url("../../images/themes/sark-kapisi/ui/input-data-input-bg.jpg") repeat-x 0 0;
    box-shadow: inset 0 1px 4px rgba(63, 31, 10, .14);
}

.theme-structural-sark-kapisi .account-form .form-control::placeholder {
    color: #a28967;
}

.theme-structural-sark-kapisi .account-orders {
    gap: 0;
    padding-top: 13px;
    border-top-color: rgba(125, 83, 37, .28);
}

.theme-structural-sark-kapisi .account-orders div {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 5px 10px;
    padding: 9px 0;
    border-bottom-color: rgba(125, 83, 37, .18);
}

.theme-structural-sark-kapisi .account-orders small {
    grid-column: 1 / -1;
}

.theme-structural-sark-kapisi .account-action-box .btn,
.theme-structural-sark-kapisi .account-form > .btn,
.theme-structural-sark-kapisi .ep-package-card > .btn,
.theme-structural-sark-kapisi .account-orders .btn,
.theme-structural-sark-kapisi .account-logout-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    width: 100%;
    min-height: 36px;
    padding: 8px 14px;
    color: #fff2b3 !important;
    border: 1px solid #4f1600 !important;
    border-radius: 0 !important;
    background: #611704 url("../../images/themes/sark-kapisi/ui/button-bg-3.gif") no-repeat 0 50% / 100% 100% !important;
    box-shadow: inset 0 0 0 1px rgba(255, 227, 154, .16) !important;
    font: 700 12px/1.2 Arial, Helvetica, sans-serif;
    text-align: center;
    text-shadow: 0 1px 0 #260700;
}

.theme-structural-sark-kapisi .account-logout-button {
    width: auto;
    min-width: 118px;
}

.theme-structural-sark-kapisi .account-action-box .btn:hover,
.theme-structural-sark-kapisi .account-form > .btn:hover,
.theme-structural-sark-kapisi .ep-package-card > .btn:hover,
.theme-structural-sark-kapisi .account-orders .btn:hover,
.theme-structural-sark-kapisi .account-logout-button:hover {
    color: #fff !important;
    filter: brightness(1.12);
}

.theme-structural-sark-kapisi .account-action-box .btn::before,
.theme-structural-sark-kapisi .account-action-box .btn::after,
.theme-structural-sark-kapisi .account-form > .btn::before,
.theme-structural-sark-kapisi .account-form > .btn::after,
.theme-structural-sark-kapisi .ep-package-card > .btn::before,
.theme-structural-sark-kapisi .ep-package-card > .btn::after,
.theme-structural-sark-kapisi .account-orders .btn::before,
.theme-structural-sark-kapisi .account-orders .btn::after,
.theme-structural-sark-kapisi .account-logout-button::before,
.theme-structural-sark-kapisi .account-logout-button::after {
    content: none !important;
}

.theme-structural-sark-kapisi .support-layout {
    display: grid;
    grid-template-columns: 1fr;
    gap: 13px;
    width: 100%;
    min-width: 0;
}

.theme-structural-sark-kapisi .support-create-form {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
    width: 100%;
    min-width: 0;
    padding: 13px;
    border: 1px solid #aa8551;
    background: rgba(239, 220, 177, .46);
}

.theme-structural-sark-kapisi .support-create-form label,
.theme-structural-sark-kapisi .support-reply-form label,
.theme-structural-sark-kapisi .support-create-form .form-control,
.theme-structural-sark-kapisi .support-create-form .form-select,
.theme-structural-sark-kapisi .support-reply-form .form-control {
    display: block;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
}

.theme-structural-sark-kapisi .support-create-form textarea,
.theme-structural-sark-kapisi .support-reply-form textarea {
    resize: vertical;
}

.theme-structural-sark-kapisi .support-reply-form {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
}

.theme-structural-sark-kapisi .support-create-form > button,
.theme-structural-sark-kapisi .support-reply-form > button {
    width: 100%;
    background: #7b1300 !important;
}

.theme-structural-sark-kapisi .support-ticket-area,
.theme-structural-sark-kapisi .support-ticket-list,
.theme-structural-sark-kapisi .support-thread,
.theme-structural-sark-kapisi .support-messages {
    width: 100%;
    min-width: 0;
    max-width: 100%;
}

.theme-structural-sark-kapisi .support-ticket-list,
.theme-structural-sark-kapisi .support-thread {
    padding: 13px;
    color: #2d1206;
    border: 1px solid #aa8551;
    border-radius: 0;
    background: rgba(239, 220, 177, .62);
    box-shadow: inset 0 0 0 1px rgba(255, 246, 213, .5);
}

.theme-structural-sark-kapisi .support-ticket-list h3 {
    margin: 0 0 10px;
    padding: 0 0 8px;
    border-bottom-color: #aa8551;
}

.theme-structural-sark-kapisi .support-ticket-area {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
}

.theme-structural-sark-kapisi .support-ticket-list a {
    overflow: hidden;
    padding: 10px 11px;
}

.theme-structural-sark-kapisi .support-ticket-list span,
.theme-structural-sark-kapisi .support-ticket-list small,
.theme-structural-sark-kapisi .support-thread-head h3,
.theme-structural-sark-kapisi .support-messages p {
    overflow-wrap: anywhere;
}

.theme-structural-sark-kapisi .support-thread {
    overflow: hidden;
    padding: 13px;
}

.theme-structural-sark-kapisi .support-thread-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 9px;
}

.theme-structural-sark-kapisi .support-thread-head > div {
    min-width: 0;
}

.theme-structural-sark-kapisi .support-messages {
    overflow-x: hidden;
}

.theme-structural-sark-kapisi .support-ticket-list a.active,
.theme-structural-sark-kapisi .support-ticket-list a:hover {
    border-color: #7b4d22;
    background: rgba(190, 147, 83, .3);
}

.theme-structural-sark-kapisi .support-thread {
    background: #d8c18e url("../../images/themes/sark-kapisi/ui/form-bg.jpg") repeat;
}

.theme-structural-sark-kapisi .support-messages > div {
    color: #2d1206;
    border-color: #aa8551;
    border-radius: 0;
    background: rgba(240, 222, 180, .82);
}

.theme-structural-sark-kapisi .ep-package-grid {
    grid-template-columns: 1fr;
    gap: 10px;
}

.theme-structural-sark-kapisi .ep-package-card {
    padding: 14px;
}

.theme-structural-sark-kapisi .ep-package-card strong,
.theme-structural-sark-kapisi .ep-package-card em {
    color: #7b1300;
}

.theme-structural-sark-kapisi .ep-package-card small { color: #943b00; }

.theme-structural-sark-kapisi .rankings-hero {
    display: none;
    min-height: 0;
    padding: 15px 17px;
    color: #2d1206;
    border: 1px solid #aa8551;
    border-radius: 0;
    background: #d8c18e url("../../images/themes/sark-kapisi/ui/form-bg.jpg") repeat !important;
    box-shadow: inset 0 0 0 1px #eadbb8;
}

.theme-structural-sark-kapisi .rankings-hero h1 { color: #7b1300; }
.theme-structural-sark-kapisi .rankings-hero p { color: #68462d; }

.theme-structural-sark-kapisi .rankings-top-players,
.theme-structural-sark-kapisi .rankings-hero-card {
    display: none;
}

.theme-structural-sark-kapisi .rankings-top-players {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
}

.theme-structural-sark-kapisi .rankings-top-player {
    grid-template-columns: 38px minmax(0, 1fr);
    min-height: 72px;
    padding: 8px;
    border-color: #aa8551;
    border-radius: 0;
    background: rgba(239, 220, 177, .62);
}

.theme-structural-sark-kapisi .ranking-top-badge {
    width: 38px;
    height: 48px;
}

.theme-structural-sark-kapisi .ranking-top-icon { display: none; }

.theme-structural-sark-kapisi .rankings-hero-card {
    grid-template-columns: minmax(0, 1fr) 62px;
    gap: 10px;
    min-height: 150px;
    padding: 14px;
}

.theme-structural-sark-kapisi .rankings-leader-icon-frame {
    width: 62px;
}

.theme-structural-sark-kapisi .rankings-leader-icon-frame img {
    width: 52px;
    height: 52px;
}

.theme-structural-sark-kapisi .rankings-leader-copy > strong {
    font-size: 16px;
    overflow-wrap: normal;
}

.theme-structural-sark-kapisi .rankings-top-copy strong,
.theme-structural-sark-kapisi .rankings-leader-copy > strong,
.theme-structural-sark-kapisi .ranking-primary strong,
.theme-structural-sark-kapisi .ranking-level {
    color: #7b1300;
}

.theme-structural-sark-kapisi .rankings-top-copy span,
.theme-structural-sark-kapisi .rankings-leader-copy small,
.theme-structural-sark-kapisi .rankings-leader-meta { color: #68462d; }

.theme-structural-sark-kapisi .ranking-tabs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
    margin: 0 0 10px;
    padding: 3px;
    border: 1px solid #7f5429;
    border-radius: 0;
    background: #3a1307;
}

.theme-structural-sark-kapisi .ranking-tabs .nav-link {
    justify-content: center;
    width: 100%;
    min-height: 36px;
    color: #d9bd83;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.theme-structural-sark-kapisi .ranking-tabs .nav-link.active,
.theme-structural-sark-kapisi .ranking-tabs .nav-link:hover {
    color: #fff2b3;
    background: #7b1300;
}

.theme-structural-sark-kapisi .ranking-table-card {
    width: 100%;
    min-width: 0;
    margin-top: 0;
    padding: 0;
    overflow: hidden;
}

.theme-structural-sark-kapisi .ranking-card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 11px 13px;
    border-bottom: 1px solid #8f6337;
    background: rgba(239, 220, 177, .55);
}

.theme-structural-sark-kapisi .ranking-card-head span,
.theme-structural-sark-kapisi .ranking-card-head em {
    display: none;
}

.theme-structural-sark-kapisi .ranking-card-head h2 {
    margin: 0;
    font: 700 17px/1.2 Georgia, "Times New Roman", serif;
}

.theme-structural-sark-kapisi .ranking-table-card .table-responsive {
    width: 100%;
    overflow: hidden;
}

.theme-structural-sark-kapisi .ranking-table-card .table {
    width: 100%;
    min-width: 0;
    table-layout: fixed;
    margin: 0;
    --bs-table-bg: transparent;
    --bs-table-color: #2d1206;
    --bs-table-hover-bg: rgba(125, 71, 27, .12);
    --bs-table-hover-color: #2d1206;
    color: #2d1206;
    border-color: #aa8551;
}

.theme-structural-sark-kapisi .ranking-table-card .table th,
.theme-structural-sark-kapisi .ranking-table-card .table td {
    min-width: 0;
    padding: 8px 5px;
    font-size: 10px;
    line-height: 1.25;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.theme-structural-sark-kapisi #characterRanks .ranking-table-card .table th:nth-child(n + 5),
.theme-structural-sark-kapisi #characterRanks .ranking-table-card .table td:nth-child(n + 5),
.theme-structural-sark-kapisi #guildRanks .ranking-table-card .table th:nth-last-child(-n + 2),
.theme-structural-sark-kapisi #guildRanks .ranking-table-card .table td:nth-last-child(-n + 2) {
    display: none;
}

.theme-structural-sark-kapisi #characterRanks .ranking-table-card .table th:nth-child(1),
.theme-structural-sark-kapisi #characterRanks .ranking-table-card .table td:nth-child(1) { width: 12%; }
.theme-structural-sark-kapisi #characterRanks .ranking-table-card .table th:nth-child(2),
.theme-structural-sark-kapisi #characterRanks .ranking-table-card .table td:nth-child(2) { width: 34%; }
.theme-structural-sark-kapisi #characterRanks .ranking-table-card .table th:nth-child(3),
.theme-structural-sark-kapisi #characterRanks .ranking-table-card .table td:nth-child(3) { width: 34%; }
.theme-structural-sark-kapisi #characterRanks .ranking-table-card .table th:nth-child(4),
.theme-structural-sark-kapisi #characterRanks .ranking-table-card .table td:nth-child(4) { width: 20%; }

.theme-structural-sark-kapisi #guildRanks .ranking-table-card .table th:nth-child(1),
.theme-structural-sark-kapisi #guildRanks .ranking-table-card .table td:nth-child(1) { width: 11%; }
.theme-structural-sark-kapisi #guildRanks .ranking-table-card .table th:nth-child(2),
.theme-structural-sark-kapisi #guildRanks .ranking-table-card .table td:nth-child(2) { width: 25%; }
.theme-structural-sark-kapisi #guildRanks .ranking-table-card .table th:nth-child(3),
.theme-structural-sark-kapisi #guildRanks .ranking-table-card .table td:nth-child(3) { width: 25%; }
.theme-structural-sark-kapisi #guildRanks .ranking-table-card .table th:nth-child(4),
.theme-structural-sark-kapisi #guildRanks .ranking-table-card .table td:nth-child(4) { width: 19%; }
.theme-structural-sark-kapisi #guildRanks .ranking-table-card .table th:nth-child(5),
.theme-structural-sark-kapisi #guildRanks .ranking-table-card .table td:nth-child(5) { width: 20%; }

.theme-structural-sark-kapisi .ranking-table-card .rank-number,
.theme-structural-sark-kapisi .ranking-table-card .rank-number-image,
.theme-structural-sark-kapisi .ranking-table-card .rank-number-image img {
    max-width: 26px;
    max-height: 30px;
}

.theme-structural-sark-kapisi .ranking-table-card .rank-number {
    width: 26px;
    height: 26px;
    color: #fff2b3 !important;
    border: 1px solid #531700;
    border-radius: 2px;
    background: #7b1300 !important;
    box-shadow: inset 0 0 0 1px rgba(255, 224, 151, .18);
}

.theme-structural-sark-kapisi .ranking-table-card .rank-number-image img {
    display: none;
}

.theme-structural-sark-kapisi .ranking-table-card .rank-number-image::after {
    content: attr(data-rank);
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
}

.theme-structural-sark-kapisi .ranking-table-card .table thead th {
    color: #fff2b3;
    background: #5d1c07 url("../../images/themes/sark-kapisi/ui/rank-head-2-bg.jpg") repeat-x;
    border-color: #7b4d22;
}

.theme-structural-sark-kapisi .ranking-table-card .table tbody tr:nth-child(even) > * {
    background: url("../../images/themes/sark-kapisi/ui/table-zebra.jpg") repeat;
}

.theme-structural-sark-kapisi .ranking-pill {
    color: #7b1300;
    border-color: #aa8551;
    border-radius: 0;
    background: rgba(239, 220, 177, .7);
}

body.theme-structural-page.theme-structural-sark-kapisi .template-page-content > .rankings-shell-sark-twenty {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0 !important;
    color: #2d1206;
    background: transparent;
}

.theme-structural-sark-kapisi .sark-ranking-classic {
    border: 1px solid #a7814c !important;
    background: #d8c18e url("../../images/themes/sark-kapisi/ui/form-bg.jpg") repeat !important;
    box-shadow: inset 0 0 0 1px #eadbb8, 0 2px 4px rgba(49, 17, 4, .28) !important;
}

.theme-structural-sark-kapisi .sark-ranking-secondary {
    margin-top: 16px;
}

.theme-structural-sark-kapisi .sark-ranking-classic .ranking-card-head {
    display: block;
    padding: 7px 11px;
    border: 1px solid #b8955f;
    border-bottom-color: #8f6337;
    background: url("../../images/themes/sark-kapisi/ui/heading-2.jpg") repeat-x 0 0;
}

.theme-structural-sark-kapisi .sark-ranking-classic .ranking-card-head h2 {
    margin: 0;
    color: #7b1300;
    font: 700 15px/22px Georgia, "Times New Roman", serif;
}

.theme-structural-sark-kapisi .sark-ranking-classic .table-responsive {
    overflow: hidden;
    padding: 8px 10px 12px;
}

.theme-structural-sark-kapisi .sark-ranking-classic .table {
    width: 100%;
    min-width: 0;
    table-layout: fixed;
    border-collapse: collapse;
    --bs-table-bg: transparent;
    --bs-table-color: #2d1206;
    --bs-table-hover-bg: rgba(125, 71, 27, .12);
    --bs-table-hover-color: #2d1206;
    border: 1px solid #a87e45;
}

.theme-structural-sark-kapisi #characterRanks.sark-ranking-classic .table th,
.theme-structural-sark-kapisi #characterRanks.sark-ranking-classic .table td,
.theme-structural-sark-kapisi #guildRanks.sark-ranking-classic .table th,
.theme-structural-sark-kapisi #guildRanks.sark-ranking-classic .table td {
    display: table-cell;
}

.theme-structural-sark-kapisi .sark-ranking-classic .table th,
.theme-structural-sark-kapisi .sark-ranking-classic .table td {
    height: 29px;
    padding: 5px 7px;
    color: #2d1206;
    font: 700 11px/16px Arial, Helvetica, sans-serif;
    border-color: #b18b55;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

.theme-structural-sark-kapisi .sark-ranking-classic .table thead th {
    color: #fff2b3;
    text-shadow: 0 1px 1px #210600;
    background: #5d1c07 url("../../images/themes/sark-kapisi/ui/rank-head-2-bg.jpg") repeat-x;
}

.theme-structural-sark-kapisi .sark-ranking-classic .table tbody tr:nth-child(even) > * {
    background: url("../../images/themes/sark-kapisi/ui/table-zebra.jpg") repeat;
}

.theme-structural-sark-kapisi .sark-ranking-classic .table th:nth-child(1),
.theme-structural-sark-kapisi .sark-ranking-classic .table td:nth-child(1) { width: 38px; text-align: center; }

.theme-structural-sark-kapisi .sark-ranking-character .table th:nth-child(2),
.theme-structural-sark-kapisi .sark-ranking-character .table td:nth-child(2) { width: 39%; }
.theme-structural-sark-kapisi .sark-ranking-character .table th:nth-child(3),
.theme-structural-sark-kapisi .sark-ranking-character .table td:nth-child(3) { width: 72px; text-align: center; }
.theme-structural-sark-kapisi .sark-ranking-character .table th:nth-child(4),
.theme-structural-sark-kapisi .sark-ranking-character .table td:nth-child(4) { width: 68px; text-align: center; }
.theme-structural-sark-kapisi .sark-ranking-character .table th:nth-child(5),
.theme-structural-sark-kapisi .sark-ranking-character .table td:nth-child(5) { width: 104px; text-align: right; }

.theme-structural-sark-kapisi .sark-ranking-guild .table th:nth-child(2),
.theme-structural-sark-kapisi .sark-ranking-guild .table td:nth-child(2) { width: 34%; }
.theme-structural-sark-kapisi .sark-ranking-guild .table th:nth-child(3),
.theme-structural-sark-kapisi .sark-ranking-guild .table td:nth-child(3) { width: 30%; }
.theme-structural-sark-kapisi .sark-ranking-guild .table th:nth-child(4),
.theme-structural-sark-kapisi .sark-ranking-guild .table td:nth-child(4) { width: 68px; text-align: center; }
.theme-structural-sark-kapisi .sark-ranking-guild .table th:nth-child(5),
.theme-structural-sark-kapisi .sark-ranking-guild .table td:nth-child(5) { width: 90px; text-align: right; }

.theme-structural-sark-kapisi .sark-ranking-classic .rank-number {
    display: inline;
    width: auto;
    height: auto;
    color: #7b1300 !important;
    border: 0;
    background: transparent !important;
    box-shadow: none;
}

.theme-structural-sark-kapisi .sark-ranking-classic .ranking-name-link {
    color: #5e1600;
    font-weight: 700;
    text-decoration: none;
}

.theme-structural-sark-kapisi .sark-ranking-classic .ranking-name-link:hover {
    color: #9b2100;
    text-decoration: underline;
}

.theme-structural-sark-kapisi .sark-ranking-classic .ranking-empire-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 18px;
    padding: 1px;
    border: 1px solid #5d1c07;
    background: #261006;
    box-shadow: inset 0 0 0 1px rgba(255, 231, 166, .22), 0 1px 2px rgba(49, 17, 4, .28);
    vertical-align: middle;
}

.theme-structural-sark-kapisi .sark-ranking-classic .ranking-empire-badge img {
    display: block;
    width: 24px;
    height: 14px;
    object-fit: cover;
}

.theme-structural-sark-kapisi .sark-ranking-classic .ranking-empire-empty {
    color: #7a5d38;
    font-weight: 700;
}

@media (max-width: 929px) {
    body.theme-home-sark-kapisi,
    body.theme-structural-sark-kapisi {
        min-width: 0;
        background: #120804 url("../../images/themes/sark-kapisi/ui/standard-bg.jpg") repeat;
    }

    .theme-template-nav-sark-kapisi .template-sark-servicebar > div,
    .theme-template-nav-sark-kapisi .template-sark-header-inner {
        width: min(100% - 24px, 700px);
    }

    .theme-template-nav-sark-kapisi .template-sark-servicebar > div { gap: 10px; }
    .theme-template-nav-sark-kapisi .template-sark-servicebar strong { display: none; }

    .theme-template-nav-sark-kapisi .template-sark-header-art {
        height: 220px;
        background-position: 50% 0;
    }

    .theme-template-nav-sark-kapisi .template-sark-header-inner { height: 220px; }

    .theme-template-nav-sark-kapisi .template-nav-logo {
        top: 10px;
        left: 50%;
        transform: translateX(-50%);
    }

    .theme-template-nav-sark-kapisi .template-sark-register-band {
        top: 126px;
        left: 50%;
        transform: translateX(-50%) scale(.92);
        transform-origin: 50% 0;
    }

    .theme-template-nav-sark-kapisi .theme-site-toggle {
        position: absolute;
        top: 12px;
        right: 0;
        z-index: 4;
        display: grid;
        place-items: center;
        width: 38px;
        height: 34px;
        border: 1px solid #75451e;
        border-radius: 0;
        color: #f2e69f;
        background: #2b0e05;
        font-size: 20px;
    }

    .theme-template-nav-sark-kapisi .template-sark-mobile-nav.show {
        position: absolute;
        top: 52px;
        right: 0;
        z-index: 10;
        display: grid;
        grid-template-columns: repeat(2, minmax(120px, 1fr));
        width: min(360px, 100%);
        padding: 8px;
        border: 1px solid #75451e;
        background: rgba(29, 8, 3, .98);
        box-shadow: 0 10px 24px #000;
    }

    .theme-template-nav-sark-kapisi .template-sark-mobile-nav a {
        padding: 8px;
        color: #f2e69f;
        text-align: center;
        text-decoration: none;
    }

    .template-home-sark-kapisi {
        padding: 26px 12px 150px;
        background: rgba(24, 8, 3, .64);
    }

    .template-sark-container {
        display: grid;
        grid-template-columns: 510px 157px;
        gap: 22px;
        width: min(100%, 700px);
        justify-content: center;
    }

    .template-sark-center {
        float: none;
        grid-column: 1;
        grid-row: 1;
        width: 510px;
        margin: 0;
    }

    .template-sark-column {
        float: none;
        width: 157px;
        margin: 0;
    }

    .template-sark-column-left { display: none; }
    .template-sark-column-right { grid-column: 2; grid-row: 1; }

    .template-sark-welcome,
    .template-sark-content,
    .template-sark-content-inner,
    .template-sark-shadow {
        width: 100%;
        background-size: 100% auto;
    }

    .template-sark-welcome-inner { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .template-sark-video-frame,
    .template-sark-video-frame video { width: 100%; }

    .template-sark-content h2 {
        width: calc(100% + 5px);
        background-size: 100% 30px;
    }

    .template-sark-slider,
    .template-sark-slider img { width: 100%; }

    .theme-structural-sark-kapisi .template-page-shell-sark-kapisi {
        display: grid;
        grid-template-columns: 510px 157px;
        gap: 22px;
        justify-content: center;
        width: min(100%, 700px);
        padding: 26px 0 150px;
    }

    .theme-structural-sark-kapisi .template-sark-page-left { display: none; }

    .theme-structural-sark-kapisi .template-page-content {
        float: none;
        grid-column: 1;
        grid-row: 1;
        margin-top: 0;
        margin-left: 0;
    }

    .theme-structural-sark-kapisi .template-sark-page-sidebar {
        position: relative;
        top: auto;
        float: none;
        margin: 0;
    }

    .theme-structural-sark-kapisi .template-sark-page-right {
        grid-column: 2;
        grid-row: 1;
    }

    .theme-structural-sark-kapisi .auth-hero-card,
    .theme-structural-sark-kapisi .download-hero,
    .theme-structural-sark-kapisi .download-grid,
    .theme-structural-sark-kapisi .rankings-hero,
    .theme-structural-sark-kapisi .support-layout {
        grid-template-columns: 1fr;
    }

    .theme-structural-sark-kapisi .auth-copy {
        min-height: 240px;
    }

    .theme-structural-sark-kapisi .download-packs,
    .theme-structural-sark-kapisi .support-ticket-area { order: 1; }

    .theme-structural-sark-kapisi .download-side,
    .theme-structural-sark-kapisi .support-create-form { order: 2; }

    .theme-structural-sark-kapisi .account-quick-grid,
    .theme-structural-sark-kapisi .ep-package-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .theme-site-footer-sark-kapisi { padding-inline: 0; }
}

@media (max-width: 720px) {
    .theme-template-nav-sark-kapisi .template-sark-servicebar > div { justify-content: center; }
    .theme-template-nav-sark-kapisi .template-sark-servicebar span { margin-right: 0; }
    .theme-template-nav-sark-kapisi .template-sark-servicebar a:first-of-type { display: none; }

    .theme-template-nav-sark-kapisi .template-sark-header-art,
    .theme-template-nav-sark-kapisi .template-sark-header-inner { height: 203px; }

    .theme-template-nav-sark-kapisi .template-nav-logo {
        width: 220px;
        height: 92px;
    }

    .theme-template-nav-sark-kapisi .template-nav-logo img {
        width: 210px;
        height: 82px;
    }

    .theme-template-nav-sark-kapisi .template-sark-register-band {
        top: 107px;
        transform: translateX(-50%) scale(.62);
    }

    .template-sark-container {
        display: grid;
        grid-template-columns: repeat(2, 157px);
        justify-content: center;
        align-items: start;
        gap: 18px 12px;
        width: 100%;
    }

    .template-sark-center {
        grid-column: 1 / -1;
        grid-row: 1;
        justify-self: center;
        width: calc(100% + 25px);
        max-width: 510px;
    }

    .template-sark-column-left {
        display: block;
        grid-column: 1;
        grid-row: 2;
    }

    .template-sark-column-right {
        grid-column: 2;
        grid-row: 2;
    }

    .template-sark-welcome-inner {
        grid-template-columns: 1fr;
        gap: 12px;
        padding-right: 11px;
    }

    .template-sark-welcome {
        border: 1px solid #8a6137;
        background: #dfcfa6 url("../../images/themes/sark-kapisi/ui/standard-bg.jpg") repeat;
        box-shadow: inset 0 0 0 3px rgba(255, 245, 205, .42);
    }

    .template-sark-welcome article { width: 100%; }

    .template-sark-welcome h2 {
        width: 100%;
        background-size: 100% 30px;
    }

    .template-sark-video-frame { height: 150px; }
    .template-sark-video-frame video { height: 144px; }

    .template-sark-slider,
    .template-sark-slider img { height: 120px; }

    .template-sark-screenshots {
        grid-template-columns: repeat(2, 108px);
        justify-content: center;
    }

    .template-sark-news time {
        position: static;
        display: block;
        margin-bottom: 4px;
    }

    .theme-structural-sark-kapisi .template-page-shell-sark-kapisi {
        display: grid;
        grid-template-columns: repeat(2, 157px);
        justify-content: center;
        align-items: start;
        gap: 18px 12px;
        width: 100%;
        min-height: 0;
        padding: 16px 12px 140px;
    }

    .theme-structural-sark-kapisi .template-page-rail { display: none; }

    .theme-structural-sark-kapisi .template-page-content {
        grid-column: 1 / -1;
        grid-row: 1;
        justify-self: center;
        width: calc(100% + 25px);
        max-width: 510px;
        margin-top: 0;
        padding: 14px;
        background-size: 100% auto;
    }

    .theme-structural-sark-kapisi .template-sark-page-sidebar {
        display: block;
        width: 157px;
    }

    .theme-structural-sark-kapisi .template-sark-page-left {
        grid-column: 1;
        grid-row: 2;
    }

    .theme-structural-sark-kapisi .template-sark-page-right {
        grid-column: 2;
        grid-row: 2;
    }

    .theme-structural-sark-kapisi .auth-form-grid,
    .theme-structural-sark-kapisi .account-grid,
    .theme-structural-sark-kapisi .ep-package-grid,
    .theme-structural-sark-kapisi .rankings-top-players {
        grid-template-columns: 1fr;
    }

    .theme-structural-sark-kapisi .account-quick-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .theme-structural-sark-kapisi .download-pack-card {
        grid-template-columns: 42px minmax(0, 1fr);
    }

    .theme-structural-sark-kapisi .download-pack-card > a,
    .theme-structural-sark-kapisi .download-pack-card > button {
        grid-column: 1 / -1;
        justify-self: stretch;
        width: auto;
    }

    .theme-site-footer-sark-kapisi {
        padding: 74px 0 0;
    }

    .theme-site-footer-sark-kapisi .template-sark-footer-inner {
        grid-template-columns: 1fr;
        width: calc(100% - 24px);
        height: auto;
        min-height: 74px;
        background-size: 100% 100%;
    }

    .theme-site-footer-sark-kapisi .template-sark-footer-links,
    .theme-site-footer-sark-kapisi .template-sark-footer-social {
        flex-wrap: wrap;
        justify-content: center;
    }

    .theme-site-footer-sark-kapisi .template-sark-footer-links a:first-child {
        border-left: 0;
    }
}

@media (max-width: 380px) {
    .template-sark-container,
    .theme-structural-sark-kapisi .template-page-shell-sark-kapisi {
        grid-template-columns: minmax(0, 1fr);
    }

    .template-sark-center,
    .theme-structural-sark-kapisi .template-page-content {
        grid-column: 1;
        width: 100%;
    }

    .template-sark-column-left,
    .theme-structural-sark-kapisi .template-sark-page-left {
        grid-column: 1;
        grid-row: 2;
        justify-self: center;
    }

    .template-sark-column-right,
    .theme-structural-sark-kapisi .template-sark-page-right {
        grid-column: 1;
        grid-row: 3;
        justify-self: center;
    }
}

@media (prefers-reduced-motion: reduce) {
    .template-sark-slider img { animation: none; }
    .template-sark-slider img:first-child { opacity: 1; }
}

/* ==========================================
   ŞARK KAPISI - SOSYAL MEDYA BUTONLARI
========================================== */

.theme-home-sark-kapisi .rumeli-left-social-container,
.theme-structural-sark-kapisi .rumeli-left-social-container {
    position: static !important;

    display: flex;
    flex-direction: column;
    gap: 9px;

    width: 100%;
    max-width: 157px;

    margin: 18px 0 0;
    padding: 0;

    transform: none !important;
    box-sizing: border-box;
}

/* HER BUTON AYRI */

.theme-home-sark-kapisi .rumeli-social-btn,
.theme-structural-sark-kapisi .rumeli-social-btn {
    display: flex;
    align-items: center;
    gap: 8px;

    position: relative;

    width: 100%;
    min-height: 47px;
    padding: 6px 8px;

    color: #f2dfb9;

    background: linear-gradient(
        135deg,
        #27140b 0%,
        #100906 100%
    );

    border: 1px solid #6c4224;
    border-radius: 5px;

    box-sizing: border-box;
    text-decoration: none;

    box-shadow:
        0 4px 12px rgba(0,0,0,.35),
        inset 0 1px rgba(255,220,150,.08);

    transition:
        border-color .2s ease,
        box-shadow .2s ease,
        background .2s ease;
}

/* İKON */

.rumeli-social-btn .social-icon-box {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 27px;
    height: 27px;
    flex: 0 0 27px;

    color: #d7ab6a;
    background: rgba(184,129,63,.13);

    border: 1px solid rgba(205,155,91,.22);
    border-radius: 4px;

    font-size: 16px;
}

/* YAZILAR */

.rumeli-social-btn .social-text-box {
    display: flex;
    flex-direction: column;
    justify-content: center;

    min-width: 0;
    flex: 1;
    gap: 3px;
}

.rumeli-social-btn .social-title {
    color: #f4deb3;
    font-size: 10px;
    font-weight: 800;
    line-height: 12px;
    white-space: nowrap;
}

.rumeli-social-btn .social-subtitle {
    color: #ad9273;
    font-size: 9px;
    font-weight: 400;
    line-height: 11px;
    white-space: nowrap;
}

/* OK İKONU */

.rumeli-social-btn .social-arrow {
    flex-shrink: 0;
    color: #bd945e;
    font-size: 10px;
    transition: transform .2s ease;
}

/* DISCORD */

.rumeli-discord-btn {
    border-left: 3px solid #7289da !important;
}

.rumeli-discord-btn:hover {
    border-color: #7289da !important;
    background: linear-gradient(135deg,#30233b,#15101c);
}

/* INSTAGRAM */

.rumeli-instagram-btn {
    border-left: 3px solid #c45a91 !important;
}

.rumeli-instagram-btn:hover {
    border-color: #c45a91 !important;
    background: linear-gradient(135deg,#38202c,#190e15);
}

.rumeli-whatsapp-btn {
    border-left: 3px solid #25d366 !important;
}

.rumeli-whatsapp-btn:hover {
    border-color: #25d366 !important;
    background: linear-gradient(135deg, #183b27, #10180f);
}

.rumeli-whatsapp-btn.is-unconfigured {
    cursor: default;
    opacity: .78;
}

/* HOVER */

.theme-home-sark-kapisi .rumeli-social-btn:hover,
.theme-structural-sark-kapisi .rumeli-social-btn:hover {
    color: #fff4dc;
    box-shadow:
        0 0 14px rgba(191,143,75,.18),
        0 5px 15px rgba(0,0,0,.4);
}

.rumeli-social-btn:hover .social-arrow {
    transform: translateX(2px);
}

/* MOBİL */

@media (max-width: 720px) {

    .theme-home-sark-kapisi .rumeli-left-social-container,
    .theme-structural-sark-kapisi .rumeli-left-social-container {
        position: static !important;

        width: 100%;
        max-width: 157px;

        margin-top: 16px;
        gap: 9px;

        transform: none !important;
    }

    .rumeli-social-btn {
        min-height: 48px;
        touch-action: manipulation;
    }
}

@media (prefers-reduced-motion: reduce) {
    .rumeli-social-btn,
    .rumeli-social-btn .social-arrow {
        transition: none;
    }
}

@media (max-width: 929px) {
    html,
    body.theme-home-sark-kapisi,
    body.theme-structural-sark-kapisi {
        min-width: 0 !important;
        max-width: 100%;
    }

    .template-sark-container,
    .theme-structural-sark-kapisi
    .template-page-shell-sark-kapisi {
        max-width: 100%;
        box-sizing: border-box;
    }
}

@media (max-width: 720px) {
    .template-sark-center,
    .theme-structural-sark-kapisi
    .template-page-content {
        width: 100%;
        max-width: 510px;
        min-width: 0;
        box-sizing: border-box;
    }
}

/* Shared portal geometry keeps the home and interior pages aligned. */
body:is(.theme-home-sark-kapisi, .theme-structural-sark-kapisi) :is(.template-sark-container, .template-page-shell-sark-kapisi) {
    display: grid;
    grid-template-columns: 157px minmax(0, 510px) 157px;
    justify-content: space-between;
    align-items: start;
    gap: 0;
    width: 930px;
    max-width: 100%;
    padding: 0 9px 100px 11px;
    margin: 0 auto;
}

body:is(.theme-home-sark-kapisi, .theme-structural-sark-kapisi) .template-sark-page-sidebar {
    display: block;
    float: none;
    grid-row: 1;
    margin: -64px 0 0;
}

body:is(.theme-home-sark-kapisi, .theme-structural-sark-kapisi) .template-sark-page-left { grid-column: 1; }
body:is(.theme-home-sark-kapisi, .theme-structural-sark-kapisi) .template-sark-page-right { grid-column: 3; }

body:is(.theme-home-sark-kapisi, .theme-structural-sark-kapisi) :is(.template-sark-center, .template-page-content) {
    display: block;
    float: none;
    grid-column: 2;
    grid-row: 1;
    width: 100%;
    min-width: 0;
    margin: 33px 0 0;
}

.template-home-sark-kapisi { padding-bottom: 0; }

.theme-template-nav-sark-kapisi .sark-member-band {
    display: grid;
    align-content: center;
    gap: 10px;
    padding: 10px 22px;
    border: 0;
    background: transparent;
    box-shadow: none;
    color: #f2d9a1;
    text-align: center;
}

.sark-member-band > strong { font: 700 13px/18px Arial, sans-serif; overflow-wrap: anywhere; }
.sark-member-band nav { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.sark-member-band nav a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-height: 26px;
    padding: 3px;
    color: #fff0c4 !important;
    border: 1px solid #b88c54;
    background: #6f0b02;
    font: 11px/15px Arial, sans-serif;
    text-decoration: none;
}
.sark-member-band nav a:hover { background: #952012; }
.sark-member-band nav i { font-size: 16px; }
.template-sark-login-module .sark-logout-link { display: block; font-weight: 700; }

.sark-control-panel { font: 11px/1.5 Arial, sans-serif; color: #271608; }
.sark-control-panel .sark-panel-title {
    clear: both;
    margin: 0 0 12px;
    padding: 8px 9px 8px 62px;
    border-bottom: 1px solid #b39459;
    background: url("../../images/themes/sark-kapisi/ui/heading-2.jpg") left center / 100% 100% no-repeat;
    color: #4e210d;
    font: 700 13px/17px Arial, sans-serif;
}
.theme-structural-sark-kapisi .sark-control-panel .sark-panel-title {
    color: #4e210d;
}
.sark-account-summary { display: flow-root; padding: 0 8px 12px; }
.sark-account-summary h2 { margin: 0 190px 6px 0; padding: 0 0 5px; border-bottom: 1px solid #b39459; font: 700 11px/16px Arial, sans-serif; }
.sark-account-portrait { float: right; width: 180px; height: 139px; margin-left: 10px; object-fit: none; object-position: right top; }
.sark-account-facts { margin: 0; }
.sark-account-facts > div { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 4px; padding: 5px 0 5px 20px; background: url("../../images/themes/sark-kapisi/ui/bullet.gif") no-repeat 1px 9px; }
.sark-account-facts dt { font-weight: 400; }
.sark-account-facts dd { margin: 0; overflow-wrap: anywhere; max-width: 100%; }
.sark-account-operations { display: grid; gap: 8px; padding: 8px 30px 22px; }
.sark-security-operations { display: grid; gap: 8px; }
.sark-operation-row { display: grid; grid-template-columns: 150px minmax(0, 1fr); align-items: center; gap: 0 20px; margin: 0; }
.sark-operation-row > input[type="hidden"] { display: none; }
.sark-small-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 150px;
    min-height: 22px;
    padding: 3px 17px 3px 5px;
    border: 0;
    border-radius: 0;
    background: url("../../images/themes/sark-kapisi/ui/button-bg-2.gif") no-repeat center / 100% 100%;
    color: #f4ddb1 !important;
    font: 700 10px/14px Arial, sans-serif;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
}
.sark-small-button:hover { filter: brightness(1.2); color: #fff !important; }
.sark-small-button:focus-visible, .sark-member-band a:focus-visible { outline: 2px solid #7e1700; outline-offset: 3px; }
.sark-coupon-form { display: grid; grid-template-columns: 95px minmax(0, 1fr); align-items: center; gap: 10px; padding: 4px 10px 20px; }
.sark-coupon-form input:not([type="hidden"]) { width: 100%; min-width: 0; height: 32px; padding: 4px 7px; border: 1px solid #a2834b; }
.sark-coupon-form button { grid-column: 2; }
.theme-structural-sark-kapisi .template-page-content > .account-change-page {
    width: 100%;
    min-height: 0;
    margin: 0;
    padding: 0 !important;
    background: transparent;
}

body.theme-structural-page.theme-structural-sark-kapisi .template-page-content > .section.section-dark.account-change-page > .container {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.theme-structural-sark-kapisi .account-change-panel {
    max-width: 100%;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.theme-structural-sark-kapisi .account-change-page .account-card-head {
    display: block;
    padding: 8px 10px;
    background: url("../../images/themes/sark-kapisi/ui/heading-2.jpg") center / 100% 100% no-repeat;
}
.theme-structural-sark-kapisi .account-change-page .account-card-head > span { display: none; }
.theme-structural-sark-kapisi .account-change-page .account-card-head h1 {
    color: #7b1300;
    font: 700 13px/18px Arial, sans-serif;
}
.theme-structural-sark-kapisi .account-change-page .account-card-head p { color: #68462d; }
.theme-structural-sark-kapisi .account-direct-change,
.theme-structural-sark-kapisi .account-change-form {
    gap: 0;
    margin: 0;
    padding: 0 8px;
    border: 1px solid #b39459;
    background: url("../../images/themes/sark-kapisi/ui/form-bg.jpg") repeat;
}
.theme-structural-sark-kapisi .account-change-form label,
.theme-structural-sark-kapisi .account-direct-change label {
    display: grid;
    grid-template-columns: 130px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    padding: 12px 10px;
    border-bottom: 1px solid #aa8551;
}
.theme-structural-sark-kapisi .account-direct-change label span { font-size: 11px; }
.theme-structural-sark-kapisi .account-change-page .account-form .form-control {
    width: 100%;
    min-width: 0;
    min-height: 32px;
    height: 32px;
    padding: 5px 10px;
    border: 1px solid #866039;
    border-radius: 0;
    color: #422b16;
    background: #eadab5 !important;
    font: 12px/20px Arial, sans-serif;
    box-shadow: inset 0 1px 3px #79582c33;
}
.theme-structural-sark-kapisi .account-change-page .account-form .form-control::placeholder {
    color: #9a7b55;
    opacity: 1;
}
.theme-structural-sark-kapisi .account-change-page .account-form .form-control:focus {
    outline: 2px solid #97692f;
    outline-offset: 1px;
}
.theme-structural-sark-kapisi .account-change-page .auth-switch {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 12px;
    padding: 10px 4px 0;
    font: 11px/16px Arial, sans-serif;
}
.theme-structural-sark-kapisi .account-direct-actions { padding: 16px 10px; text-align: center; }
.theme-structural-sark-kapisi .account-change-page .account-form button[type="submit"] {
    display: inline-flex;
    justify-self: center;
    width: auto !important;
    min-width: 130px;
    max-width: 100%;
    min-height: 22px;
    margin: 12px auto;
    padding: 3px 17px 3px 5px;
    border: 0 !important;
    border-radius: 0;
    background: url("../../images/themes/sark-kapisi/ui/button-bg-2.gif") center / 100% 100% no-repeat !important;
    box-shadow: none !important;
    font: 700 10px/16px Arial, sans-serif;
    color: #f4ddb1 !important;
}
.sark-coupon-empty { padding: 0 10px; }
.sark-coupon-history { padding: 0 10px; list-style: none; }
.sark-coupon-history li { display: flex; flex-wrap: wrap; gap: 6px 15px; border-bottom: 1px solid #b39459; padding: 8px 0; }
.sark-coupon-history time { width: 100%; }

@media (max-width: 929px) {
    body:is(.theme-home-sark-kapisi, .theme-structural-sark-kapisi) :is(.template-sark-container, .template-page-shell-sark-kapisi) {
        grid-template-columns: minmax(0, 510px) 157px;
        justify-content: center;
        gap: 22px;
        width: 100%;
        padding: 24px 12px 70px;
    }
    .template-home-sark-kapisi { padding: 0; }
    body:is(.theme-home-sark-kapisi, .theme-structural-sark-kapisi) .template-sark-page-left { display: none; }
    body:is(.theme-home-sark-kapisi, .theme-structural-sark-kapisi) .template-sark-page-right { grid-column: 2; margin: 0; }
    body:is(.theme-home-sark-kapisi, .theme-structural-sark-kapisi) :is(.template-sark-center, .template-page-content) { grid-column: 1; margin: 0; }
}

@media (max-width: 720px) {
    .theme-template-nav-sark-kapisi .template-sark-register-band {
        width: min(533px, 100%);
        transform: translateX(-50%);
        background-size: 100% 100%;
    }
    .theme-template-nav-sark-kapisi .template-sark-play { width: 100%; padding-left: 22%; font-size: 19px; }
    .theme-template-nav-sark-kapisi .sark-member-band { padding: 9px; }
    .sark-member-band nav { gap: 5px; }
    .sark-member-band nav i { display: none; }
    body:is(.theme-home-sark-kapisi, .theme-structural-sark-kapisi) :is(.template-sark-container, .template-page-shell-sark-kapisi) { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 8px; }
    body:is(.theme-home-sark-kapisi, .theme-structural-sark-kapisi) :is(.template-sark-center, .template-page-content) { grid-column: 1 / -1; grid-row: 1; max-width: 510px; justify-self: center; }
    body:is(.theme-home-sark-kapisi, .theme-structural-sark-kapisi) .template-sark-page-sidebar { display: block; grid-row: 2; justify-self: center; margin: 0; }
    body:is(.theme-home-sark-kapisi, .theme-structural-sark-kapisi) .template-sark-page-left { grid-column: 1; }
    .sark-account-portrait { width: 140px; height: 108px; object-fit: cover; object-position: right; }
    .sark-account-summary h2 { margin-right: 150px; }
    .sark-account-operations { padding: 8px 0 18px; }
    .sark-operation-row { grid-template-columns: 150px minmax(0, 1fr); gap: 10px; }
}

@media (max-width: 380px) {
    body:is(.theme-home-sark-kapisi, .theme-structural-sark-kapisi) :is(.template-sark-container, .template-page-shell-sark-kapisi) { padding-inline: 4px; gap: 16px 2px; }
    .sark-account-portrait { display: none; }
    .sark-account-summary h2 { margin-right: 0; }
    .sark-operation-row { grid-template-columns: 140px minmax(0, 1fr); gap: 8px; }
    .sark-small-button { width: 140px; }
}

/* Nesne market: original in-game shop frame, tabs and item slots. */
.theme-page-market.theme-structural-sark-kapisi .template-page-stage-sark-kapisi {
    display: grid;
    justify-items: center;
    align-items: center;
    min-height: 100vh;
}

.theme-page-market.theme-structural-sark-kapisi .template-page-shell-sark-kapisi {
    display: block;
    width: min(1080px, calc(100% - 28px));
    min-height: 0;
    padding: clamp(16px, 2vh, 24px) 0;
}

.theme-page-market.theme-structural-sark-kapisi .template-sark-page-sidebar {
    display: none;
}

.theme-page-market.theme-structural-sark-kapisi .template-page-content {
    position: relative;
    display: block;
    float: none;
    width: min(1035px, 100%);
    max-width: 100%;
    height: min(700px, calc(100vh - 72px));
    min-height: 0;
    margin: 0 auto;
    padding: 36px 24px 15px;
    overflow: hidden;
    box-sizing: border-box;
    color: #f2e69f;
    background: url("../../images/market-reference/ishopbg.png") center / 100% 100% no-repeat;
    box-shadow: 0 18px 42px rgba(0, 0, 0, .55);
}

.theme-page-market.theme-structural-sark-kapisi .template-page-content::before {
    content: "";
    position: absolute;
    inset: 29px 7px 8px;
    z-index: 0;
    pointer-events: none;
    background: #1b0d06 url("../../images/market-reference/market-bg.jpg") center / cover no-repeat;
}

.theme-page-market.theme-structural-sark-kapisi .template-page-content > .market-shell {
    position: relative;
    isolation: isolate;
    display: grid;
    gap: 13px;
    width: 100%;
    max-width: none;
    min-height: 0;
    max-height: calc(100% - 2px);
    margin: 0;
    padding: 8px 12px 18px;
    overflow-y: auto;
    box-sizing: border-box;
    color: #f2e69f;
    background: transparent;
}

.theme-page-market.theme-structural-sark-kapisi .market-shell::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    border: 1px solid rgba(112, 54, 24, .8);
    background: #1b0d06 url("../../images/market-reference/market-bg.jpg") center / cover no-repeat;
    box-shadow: inset 0 0 0 1px rgba(238, 174, 63, .12);
}

.theme-page-market.theme-structural-sark-kapisi .market-shell > * {
    position: relative;
    z-index: 1;
}

.theme-page-market.theme-structural-sark-kapisi .market-window-framebar,
.theme-page-ep.theme-structural-sark-kapisi .market-window-framebar {
    position: absolute;
    z-index: 3;
    top: -32px;
    right: -17px;
    left: -17px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 25px;
    padding: 2px 4px 2px 8px;
    border: 1px solid #b58a37;
    background: linear-gradient(90deg, #160c08, #5c280e 45%, #160c08);
    box-shadow: inset 0 0 0 1px #24130c;
}

.theme-page-market.theme-structural-sark-kapisi .market-window-framebar > span,
.theme-page-ep.theme-structural-sark-kapisi .market-window-framebar > span {
    width: 100%;
    height: 12px;
    border: 1px solid #29140a;
    background: linear-gradient(#9a4a11, #391706);
    box-shadow: inset 0 1px #d88c29;
}

.theme-page-market.theme-structural-sark-kapisi .market-window-framebar > a,
.theme-page-ep.theme-structural-sark-kapisi .market-window-framebar > a {
    display: grid;
    flex: 0 0 20px;
    place-items: center;
    width: 20px;
    height: 20px;
    margin-left: 4px;
    border: 1px solid #d8c59c;
    border-radius: 3px;
    color: #1b100b;
    background: linear-gradient(#fff7df, #a99b7c);
    font: 12px/1 Arial, sans-serif;
    text-decoration: none;
}

.theme-page-market.theme-structural-sark-kapisi .market-window-framebar > a:hover,
.theme-page-ep.theme-structural-sark-kapisi .market-window-framebar > a:hover {
    color: #fff;
    background: linear-gradient(#e36a42, #842414);
}

.theme-page-market.theme-structural-sark-kapisi .market-hero {
    grid-template-columns: minmax(0, 1fr) 210px;
    gap: 16px;
    align-items: center;
    width: 100%;
    min-height: 0;
    margin: 0;
    padding: 12px 14px;
    border: 1px solid #6e381d;
    border-radius: 0;
    color: #f2e69f;
    background: rgba(19, 7, 3, .9);
    box-shadow: inset 0 1px rgba(243, 197, 95, .12), 0 2px 6px rgba(0, 0, 0, .35);
}

.theme-page-market.theme-structural-sark-kapisi .market-hero .royal-kicker {
    color: #d39a32;
    font: 700 10px/14px Arial, sans-serif;
    letter-spacing: .12em;
}

.theme-page-market.theme-structural-sark-kapisi .market-hero h1 {
    max-width: none;
    margin: 3px 0 4px;
    color: #f2e69f;
    font: 700 20px/25px Georgia, "Times New Roman", serif;
}

.theme-page-market.theme-structural-sark-kapisi .market-hero p {
    max-width: 680px;
    margin: 0;
    color: #c9b69c;
    font: 11px/16px Arial, sans-serif;
}

.theme-page-market.theme-structural-sark-kapisi .market-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 9px;
}

.theme-page-market.theme-structural-sark-kapisi .market-hero-actions a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 4px 10px;
    border: 1px solid #9a6b24;
    border-radius: 0;
    color: #fff0ac;
    background: linear-gradient(#8b280f, #4b1008);
    font: 700 11px/16px Georgia, serif;
    text-decoration: none;
}

.theme-page-market.theme-structural-sark-kapisi .market-balance-card {
    display: grid;
    gap: 5px;
    padding: 9px 11px;
    border: 1px solid rgba(206, 154, 65, .45);
    border-radius: 0;
    color: #f2e69f;
    background: rgba(31, 12, 5, .91);
    box-shadow: inset 0 1px rgba(255, 234, 175, .08);
}

.theme-page-market.theme-structural-sark-kapisi .market-balance-card > span,
.theme-page-market.theme-structural-sark-kapisi .market-wallet-grid > div > span {
    color: #cfaa70;
    font-size: 10px;
}

.theme-page-market.theme-structural-sark-kapisi .market-balance-card > strong,
.theme-page-market.theme-structural-sark-kapisi .market-wallet-grid strong {
    color: #ffe28d;
    font-size: 16px;
}

.theme-page-market.theme-structural-sark-kapisi .market-balance-card p {
    color: #cfb893;
}

.theme-page-market.theme-structural-sark-kapisi .market-wallet-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 5px 10px;
}

.theme-page-market.theme-structural-sark-kapisi .market-wallet-grid > div {
    display: grid;
    gap: 2px;
}

.theme-page-market.theme-structural-sark-kapisi .market-section {
    width: 100%;
    margin: 0;
    color: #f2e69f;
}

.theme-page-market.theme-structural-sark-kapisi .market-section > .royal-section-head {
    margin: 0 0 10px;
    padding: 0 0 6px;
    border-bottom: 1px solid #a27432;
}

.theme-page-market.theme-structural-sark-kapisi .market-section > .royal-section-head span {
    color: #d8b55d;
    font: 10px/14px Arial, sans-serif;
    text-transform: uppercase;
}

.theme-page-market.theme-structural-sark-kapisi .market-section > .royal-section-head h2 {
    margin: 0;
    color: #f2e69f;
    font: 20px/26px Georgia, "Times New Roman", serif;
}

.theme-page-market.theme-structural-sark-kapisi .market-catalog-toolbar {
    display: flex;
    gap: 3px;
    margin: 0 0 12px;
    padding: 0 0 5px;
    overflow-x: auto;
    border-bottom: 1px solid #c3a544;
}

.theme-page-market.theme-structural-sark-kapisi .market-catalog-toolbar button {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 34px;
    padding: 6px 10px;
    border: 1px solid #5a2614;
    border-top: 2px solid #b53415;
    border-radius: 0;
    color: #f2e69f;
    background: linear-gradient(#78220d, #421006);
    font: 11px/16px Georgia, "Times New Roman", serif;
    white-space: nowrap;
    box-shadow: none;
}

.theme-page-market.theme-structural-sark-kapisi .market-catalog-toolbar button.is-active,
.theme-page-market.theme-structural-sark-kapisi .market-catalog-toolbar button:hover {
    border-color: #d4ac4f;
    border-top-color: #f1d05e;
    color: #241007;
    background: linear-gradient(#f1df91, #c8a84a);
}

.theme-page-market.theme-structural-sark-kapisi .market-catalog-toolbar button span {
    display: inline-grid;
    place-items: center;
    min-width: 18px;
    height: 18px;
    padding: 0 3px;
    color: #f4e5a2;
    background: #431208;
    font: 10px/18px Arial, sans-serif;
}

.theme-page-market.theme-structural-sark-kapisi .market-catalog-toolbar button.is-active span {
    color: #fff0ac;
}

.theme-page-market.theme-structural-sark-kapisi .market-item-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.theme-page-market.theme-structural-sark-kapisi .market-item-card {
    grid-template-columns: 98px minmax(0, 1fr);
    grid-template-rows: minmax(118px, auto) auto;
    min-height: 0;
    overflow: hidden;
    border: 1px solid #512216;
    border-radius: 0;
    color: #f3e6b3;
    background: linear-gradient(145deg, rgba(71, 25, 11, .97), rgba(26, 11, 6, .97));
    box-shadow: inset 0 0 0 1px rgba(226, 177, 72, .11), 0 3px 9px rgba(0, 0, 0, .34);
}

.theme-page-market.theme-structural-sark-kapisi .market-item-card:hover {
    transform: translateY(-2px);
    border-color: #b58435;
    box-shadow: inset 0 0 0 1px rgba(255, 222, 126, .2), 0 6px 15px rgba(0, 0, 0, .4);
}

.theme-page-market.theme-structural-sark-kapisi .market-item-media {
    align-self: center;
    width: 90px;
    height: 90px;
    margin: 4px;
    background: url("../../images/market-reference/item-bg.png") center / 100% 100% no-repeat;
}

.theme-page-market.theme-structural-sark-kapisi .market-item-media img {
    width: 48px;
    height: 48px;
    filter: drop-shadow(0 2px 2px #000);
}

.theme-page-market.theme-structural-sark-kapisi .market-item-body {
    align-self: center;
    min-width: 0;
    padding: 10px 9px 8px 3px;
}

.theme-page-market.theme-structural-sark-kapisi .market-item-body > span {
    color: #d7b56b;
    font: 9px/13px Arial, sans-serif;
}

.theme-page-market.theme-structural-sark-kapisi .market-item-body h3 {
    margin: 5px 0;
    color: #f2e69f;
    font: 700 13px/17px Georgia, "Times New Roman", serif;
    overflow-wrap: anywhere;
}

.theme-page-market.theme-structural-sark-kapisi .market-item-body p {
    color: #c7b393;
    font: 10px/14px Arial, sans-serif;
}

.theme-page-market.theme-structural-sark-kapisi .market-item-footer {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(120px, 1.2fr);
    align-items: center;
    gap: 8px;
    padding: 8px 9px;
    border-top: 1px solid rgba(185, 128, 45, .34);
    background: rgba(10, 5, 3, .42);
}

.theme-page-market.theme-structural-sark-kapisi .market-price-list {
    gap: 3px;
}

.theme-page-market.theme-structural-sark-kapisi .market-price-list span {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 4px;
}

.theme-page-market.theme-structural-sark-kapisi .market-item-footer small {
    color: #c0a777;
    font: 9px/12px Arial, sans-serif;
}

.theme-page-market.theme-structural-sark-kapisi .market-item-footer strong {
    color: #ffdc77;
    font: 700 13px/17px Georgia, serif;
}

.theme-page-market.theme-structural-sark-kapisi .market-purchase-side {
    min-width: 0;
    gap: 6px;
}

.theme-page-market.theme-structural-sark-kapisi .market-quantity-control {
    grid-template-columns: 25px minmax(34px, 1fr) 25px;
    min-height: 26px;
    border: 1px solid #6e481d;
    border-radius: 0;
    background: rgba(11, 5, 2, .8);
}

.theme-page-market.theme-structural-sark-kapisi .market-quantity-control button,
.theme-page-market.theme-structural-sark-kapisi .market-quantity-control input {
    height: 24px;
    color: #f2e69f;
}

.theme-page-market.theme-structural-sark-kapisi .market-buy-actions {
    min-width: 0;
    gap: 4px;
}

.theme-page-market.theme-structural-sark-kapisi .market-buy-actions form,
.theme-page-market.theme-structural-sark-kapisi .market-purchase-side > .royal-primary-button {
    min-width: 0;
    width: 100%;
}

.theme-page-market.theme-structural-sark-kapisi .market-buy-actions .royal-primary-button,
.theme-page-market.theme-structural-sark-kapisi .market-purchase-side > .royal-primary-button {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 29px;
    padding: 5px 7px;
    border: 1px solid #c4a242;
    border-radius: 0;
    color: #f6e6a4;
    background: linear-gradient(#302719, #100d08);
    box-shadow: inset 0 0 0 2px #382b18, inset 0 0 0 3px #806326, 0 2px 3px #0008;
    font: 700 10px/15px Georgia, serif;
    text-decoration: none;
    text-shadow: 0 1px 1px #000;
}

.theme-page-market.theme-structural-sark-kapisi .market-buy-actions .royal-primary-button:hover,
.theme-page-market.theme-structural-sark-kapisi .market-purchase-side > .royal-primary-button:hover {
    border-color: #f0d36a;
    color: #fff4bd;
    background: linear-gradient(#51391b, #1a1008);
}

.theme-page-market.theme-structural-sark-kapisi .market-empty {
    width: min(640px, 100%);
    margin: 24px auto;
    padding: 24px 16px;
    border: 1px solid #7b5b1d;
    border-radius: 0;
    color: #32220b;
    background: #ebdd94;
    font: 14px/21px Georgia, serif;
    text-align: center;
}

@media (max-width: 760px) {
    .theme-page-market.theme-structural-sark-kapisi .template-page-shell-sark-kapisi {
        width: 100%;
        padding: 12px 8px 28px;
    }

    .theme-page-market.theme-structural-sark-kapisi .template-page-content {
        height: min(700px, calc(100vh - 72px));
        min-height: 0;
        padding: 36px 12px 10px;
        border: 2px solid #713816;
        outline: 1px solid #c39845;
        outline-offset: -5px;
        background: #1b0d06 url("../../images/market-reference/market-bg.jpg") center / cover no-repeat;
    }

    .theme-page-market.theme-structural-sark-kapisi .market-shell {
        min-height: 0;
        padding: 4px 2px 12px;
    }

    .theme-page-market.theme-structural-sark-kapisi .market-hero {
        grid-template-columns: minmax(0, 1fr);
    }

    .theme-page-market.theme-structural-sark-kapisi .market-item-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 520px) {
    .theme-page-market.theme-structural-sark-kapisi .market-item-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .theme-page-market.theme-structural-sark-kapisi .market-item-card {
        grid-template-columns: 82px minmax(0, 1fr);
        grid-template-rows: minmax(106px, auto) auto;
    }

    .theme-page-market.theme-structural-sark-kapisi .market-item-media {
        width: 76px;
        height: 76px;
    }

    .theme-page-market.theme-structural-sark-kapisi .market-item-footer {
        grid-template-columns: minmax(0, 1fr) minmax(110px, 1.2fr);
    }
}

/* Recreate the supplied in-game shop page layout. */
.theme-page-market.theme-structural-sark-kapisi .theme-template-nav-sark-kapisi,
.theme-page-market.theme-structural-sark-kapisi .theme-site-footer-sark-kapisi {
    display: none;
}

.theme-page-market.theme-structural-sark-kapisi .template-page-content::before {
    inset: 29px 7px 8px;
}

.theme-page-market.theme-structural-sark-kapisi .market-shell {
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
    min-height: 590px;
    padding: 5px 10px 14px;
}

.theme-page-market.theme-structural-sark-kapisi .market-window-topbar {
    display: grid;
    grid-template-columns: 180px minmax(150px, 1fr) auto minmax(150px, 1fr) 38px;
    align-items: center;
    gap: 12px;
    min-height: 62px;
    padding: 5px 12px;
    border: 1px solid #4d2112;
    border-bottom-color: #a47c29;
    color: #f2e69f;
    background: rgba(12, 7, 4, .94);
    box-shadow: inset 0 1px rgba(244, 206, 105, .11);
}

.theme-page-market.theme-structural-sark-kapisi .market-window-brand {
    display: flex;
    align-items: center;
    width: 72px;
    height: 46px;
    overflow: hidden;
}

.theme-page-market.theme-structural-sark-kapisi .market-window-brand img {
    display: block;
    max-width: 72px;
    max-height: 44px;
    object-fit: contain;
}

.theme-page-market.theme-structural-sark-kapisi .market-window-identity {
    display: grid;
    gap: 4px;
    min-width: 0;
    font: 11px/15px Arial, sans-serif;
}

.theme-page-market.theme-structural-sark-kapisi .market-window-identity strong,
.theme-page-market.theme-structural-sark-kapisi .market-window-identity span {
    overflow: hidden;
    color: #f7e8b1;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.theme-page-market.theme-structural-sark-kapisi .market-window-identity i,
.theme-page-market.theme-structural-sark-kapisi .market-window-balances i {
    margin-right: 5px;
    color: #e5c04b;
}

.theme-page-market.theme-structural-sark-kapisi .market-window-balances {
    display: grid;
    gap: 3px;
    justify-items: start;
    color: #fff2b8;
    font: 700 12px/16px Georgia, serif;
}

.theme-page-market.theme-structural-sark-kapisi .market-window-buy-ep {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 5px 12px;
    border: 1px solid #5f8f1b;
    color: #fff9d5;
    background: linear-gradient(#54bd12, #279000);
    box-shadow: inset 0 1px #a6ec61, 0 2px 3px #0009;
    font: 700 12px/18px Georgia, serif;
    text-decoration: none;
    text-shadow: 0 1px 1px #255a08;
    white-space: nowrap;
}

.theme-page-market.theme-structural-sark-kapisi .market-window-menu {
    position: relative;
    z-index: 5;
}

.theme-page-market.theme-structural-sark-kapisi .market-window-menu summary {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    color: #f8edcf;
    background: #572412;
    font-size: 24px;
    list-style: none;
    cursor: pointer;
}

.theme-page-market.theme-structural-sark-kapisi .market-window-menu summary::-webkit-details-marker { display: none; }

.theme-page-market.theme-structural-sark-kapisi .market-window-menu nav {
    position: absolute;
    top: calc(100% + 4px);
    right: 0;
    display: grid;
    min-width: 170px;
    padding: 5px;
    border: 1px solid #9c7027;
    background: #210e07;
    box-shadow: 0 8px 18px #000a;
}

.theme-page-market.theme-structural-sark-kapisi .market-window-menu nav a {
    padding: 8px 10px;
    color: #f2e69f;
    font: 11px/15px Arial, sans-serif;
    text-decoration: none;
}

.theme-page-market.theme-structural-sark-kapisi .market-window-menu nav a:hover {
    color: #261108;
    background: #dfc568;
}

.theme-page-market.theme-structural-sark-kapisi .market-window-nav {
    display: flex;
    align-items: center;
    gap: 3px;
    min-height: 42px;
    padding: 0 3px 5px;
    border-bottom: 1px solid #d2b83c;
}

.theme-page-market.theme-structural-sark-kapisi .market-window-nav > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 6px 10px;
    border-top: 2px solid #d64820;
    color: #f8e9ab;
    background: linear-gradient(#8d260f, #4b1108);
    font: 11px/16px Georgia, serif;
    text-decoration: none;
    white-space: nowrap;
}

.theme-page-market.theme-structural-sark-kapisi .market-window-nav > a:hover,
.theme-page-market.theme-structural-sark-kapisi .market-window-nav > a.is-active {
    border-top-color: #f4d25a;
    color: #251008;
    background: linear-gradient(#f6e7a0, #c6a33e);
}

.theme-page-market.theme-structural-sark-kapisi .market-window-nav > .market-window-home {
    width: 34px;
    padding-inline: 0;
    color: #fff0a7;
}

.theme-page-market.theme-structural-sark-kapisi .market-window-search {
    position: relative;
    display: flex;
    align-items: center;
    gap: 5px;
    width: min(300px, 32%);
    margin-left: auto;
}

.theme-page-market.theme-structural-sark-kapisi .market-window-search > i {
    position: absolute;
    left: 8px;
    color: #654126;
    pointer-events: none;
}

.theme-page-market.theme-structural-sark-kapisi .market-window-search input {
    width: 100%;
    height: 31px;
    padding: 4px 8px 4px 28px;
    border: 1px solid #86705a;
    border-radius: 0;
    color: #2f1a0b;
    background: #f4e7bd;
    font: 12px Arial, sans-serif;
}

.theme-page-market.theme-structural-sark-kapisi .market-window-search button {
    min-width: 54px;
    height: 31px;
    padding: 3px 9px;
    border: 1px solid #832312;
    border-radius: 0;
    color: #fff0a7;
    background: linear-gradient(#b43417, #68180c);
    font: 700 11px Georgia, serif;
}

.theme-page-market.theme-structural-sark-kapisi .market-action-result {
    grid-template-columns: 28px minmax(0, 1fr) 24px;
    gap: 8px;
    margin: 0;
    padding: 7px 10px;
    border: 1px solid #7b4c20;
    border-radius: 0;
    color: #f2e69f;
    background: rgba(63, 22, 9, .94);
    box-shadow: none;
}

.theme-page-market.theme-structural-sark-kapisi .market-promo-banner {
    position: relative;
    width: min(643px, 100%);
    margin: 1px 0 3px;
    overflow: hidden;
    border: 1px solid #642b15;
    background: #130905;
    box-shadow: 0 3px 9px #0009;
}

.theme-page-market.theme-structural-sark-kapisi .market-promo-banner img {
    display: block;
    width: 100%;
    height: auto;
}

.theme-page-market.theme-structural-sark-kapisi .market-promo-banner > div {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 6px 9px 8px;
    color: #f4e7b5;
    background: rgba(12, 7, 5, .78);
}

.theme-page-market.theme-structural-sark-kapisi .market-promo-banner span {
    color: #dfb94a;
    font: 700 9px/13px Arial, sans-serif;
    letter-spacing: .08em;
}

.theme-page-market.theme-structural-sark-kapisi .market-promo-banner h1 {
    margin: 1px 0 2px;
    color: #f8ebbd;
    font: 20px/24px Georgia, "Times New Roman", serif;
}

.theme-page-market.theme-structural-sark-kapisi .market-promo-banner p {
    margin: 0;
    color: #eee0b9;
    font: 11px/15px Arial, sans-serif;
}

.theme-page-market.theme-structural-sark-kapisi .market-section {
    width: 100%;
    margin: 0;
}

.theme-page-market.theme-structural-sark-kapisi .market-list-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 38px;
    margin: 0 0 10px;
    padding: 0 0 5px;
    border-bottom: 1px solid #cbb13b;
}

.theme-page-market.theme-structural-sark-kapisi .market-list-heading h2 {
    margin: 0;
    color: #f4e8bd;
    font: 20px/26px Georgia, "Times New Roman", serif;
}

.theme-page-market.theme-structural-sark-kapisi .market-list-heading h2 span {
    color: #c8ad52;
    font-size: 14px;
}

.theme-page-market.theme-structural-sark-kapisi .market-sort-control {
    display: flex;
    align-items: center;
    gap: 7px;
    color: #e7d9b4;
    font: 10px Arial, sans-serif;
}

.theme-page-market.theme-structural-sark-kapisi .market-sort-control select {
    min-width: 145px;
    min-height: 28px;
    padding: 3px 26px 3px 8px;
    border: 1px solid #806943;
    border-radius: 0;
    color: #211308;
    background-color: #f1e4b8;
    font: 11px Arial, sans-serif;
}

.theme-page-market.theme-structural-sark-kapisi .market-browser {
    display: grid;
    grid-template-columns: 105px minmax(0, 1fr);
    align-items: start;
    gap: 10px;
}

.theme-page-market.theme-structural-sark-kapisi .market-category-rail {
    display: grid;
    gap: 1px;
    align-content: start;
    background: #230e07;
}

.theme-page-market.theme-structural-sark-kapisi .market-category-entry {
    position: relative;
    min-width: 0;
}

.theme-page-market.theme-structural-sark-kapisi .market-category-rail button {
    position: relative;
    display: grid;
    grid-template-rows: 30px auto auto;
    justify-items: center;
    align-content: center;
    gap: 2px;
    min-height: 72px;
    padding: 7px 5px;
    border: 0;
    border-bottom: 1px solid #6c3519;
    border-radius: 0;
    color: #f3e8a8;
    background: #632d16;
    font: 10px/13px Georgia, serif;
    text-align: center;
    box-shadow: none;
}

.theme-page-market.theme-structural-sark-kapisi .market-category-rail button::after {
    content: "›";
    position: absolute;
    top: calc(50% - 8px);
    right: 6px;
    color: #edcf65;
    font: 700 15px/16px Arial, sans-serif;
}

.theme-page-market.theme-structural-sark-kapisi .market-category-rail .market-category-root::after {
    display: none;
}

.theme-page-market.theme-structural-sark-kapisi .market-category-rail .market-category-all::after,
.theme-page-market.theme-structural-sark-kapisi .market-category-rail .market-category-submenu button::after {
    display: none;
}

.theme-page-market.theme-structural-sark-kapisi .market-category-root .market-category-arrow {
    position: absolute;
    top: calc(50% - 6px);
    right: 7px;
    color: #edcf65;
    font-size: 10px;
}

.theme-page-market.theme-structural-sark-kapisi .market-category-submenu {
    position: absolute;
    top: 0;
    left: calc(100% - 1px);
    z-index: 20;
    display: none;
    width: 196px;
    max-height: min(360px, 60vh);
    overflow-y: auto;
    padding: 2px 0;
    border: 1px solid #5b170e;
    background: #850c08;
    box-shadow: 3px 5px 12px #0009;
}

.theme-page-market.theme-structural-sark-kapisi .market-category-entry:hover > .market-category-submenu,
.theme-page-market.theme-structural-sark-kapisi .market-category-entry:focus-within > .market-category-submenu {
    display: grid;
}

.theme-page-market.theme-structural-sark-kapisi .market-category-rail .market-category-submenu button {
    display: flex;
    grid-template: none;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-height: 29px;
    padding: 5px 10px;
    border: 0;
    color: #f5e8ba;
    background: transparent;
    font: 14px/19px Georgia, serif;
    text-align: left;
    box-shadow: none;
}

.theme-page-market.theme-structural-sark-kapisi .market-category-rail .market-category-submenu button:hover,
.theme-page-market.theme-structural-sark-kapisi .market-category-rail .market-category-submenu button.is-active {
    color: #fff5cf;
    background: #a62a17;
    box-shadow: inset 3px 0 #e6be3b;
}

.theme-page-market.theme-structural-sark-kapisi .market-category-submenu button small {
    color: #eac966;
}

.theme-page-market.theme-structural-sark-kapisi .market-category-rail button i {
    align-self: center;
    color: #e9db91;
    font-size: 23px;
}

.theme-page-market.theme-structural-sark-kapisi .market-category-rail button span {
    max-width: 100%;
    overflow-wrap: anywhere;
}

.theme-page-market.theme-structural-sark-kapisi .market-category-rail button small {
    color: #d4ad5b;
    font: 9px/11px Arial, sans-serif;
}

.theme-page-market.theme-structural-sark-kapisi .market-category-rail button:hover,
.theme-page-market.theme-structural-sark-kapisi .market-category-rail button.is-active {
    color: #fff4c6;
    background: #811d0d;
    box-shadow: inset 3px 0 #e6be3b;
}

.theme-page-market.theme-structural-sark-kapisi .market-results {
    min-width: 0;
}

.theme-page-market.theme-structural-sark-kapisi .market-browser-hint {
    margin: 0 0 12px;
    padding: 8px 10px;
    border: 1px solid #522414;
    color: #f7e9c7;
    background: rgba(65, 28, 15, .94);
    font: 11px/15px Arial, sans-serif;
    text-align: center;
}

.theme-page-market.theme-structural-sark-kapisi .market-category-panel[hidden] { display: none !important; }

.theme-page-market.theme-structural-sark-kapisi .market-item-card[hidden] { display: none !important; }

.theme-page-market.theme-structural-sark-kapisi .market-item-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.theme-page-market.theme-structural-sark-kapisi .market-pagination {
    display: flex;
    justify-content: center;
    gap: 4px;
    margin: 12px 0 4px;
}

.theme-page-market.theme-structural-sark-kapisi .market-pagination button {
    min-width: 30px;
    min-height: 28px;
    padding: 3px 8px;
    border: 1px solid #956c28;
    color: #f4e5ad;
    background: linear-gradient(#492313, #210d06);
    font: 12px/18px Georgia, serif;
}

.theme-page-market.theme-structural-sark-kapisi .market-pagination button.is-active,
.theme-page-market.theme-structural-sark-kapisi .market-pagination button:hover:not(:disabled) {
    color: #2e1608;
    background: linear-gradient(#f5df91, #c6a342);
}

.theme-page-market.theme-structural-sark-kapisi .market-pagination button:disabled {
    opacity: .5;
}

.theme-page-market.theme-structural-sark-kapisi .market-item-card {
    grid-template-columns: 100px minmax(0, 1fr);
    grid-template-rows: minmax(112px, auto) auto;
    border: 1px solid #6f2814;
    border-radius: 2px;
    background: linear-gradient(135deg, rgba(84, 30, 15, .98), rgba(26, 11, 6, .98));
    box-shadow: inset 0 0 0 1px rgba(238, 194, 96, .12), 0 2px 5px #0008;
}

.theme-page-market.theme-structural-sark-kapisi .market-item-media {
    width: 98px;
    height: 98px;
    margin: 4px 0 4px 4px;
    background: url("../../images/market-reference/item-bg.png") center / 98px 98px no-repeat;
}

.theme-page-market.theme-structural-sark-kapisi .market-item-media img {
    width: 48px;
    height: 48px;
}

.theme-page-market.theme-structural-sark-kapisi .market-item-body {
    align-self: center;
    padding: 8px 8px 8px 3px;
}

.theme-page-market.theme-structural-sark-kapisi .market-item-body > span {
    color: #d4ae67;
    font: 9px/12px Arial, sans-serif;
}

.theme-page-market.theme-structural-sark-kapisi .market-item-body h3 {
    margin: 4px 0 6px;
    color: #f6eab1;
    font: 700 13px/17px Georgia, "Times New Roman", serif;
}

.theme-page-market.theme-structural-sark-kapisi .market-item-body p {
    display: -webkit-box;
    overflow: hidden;
    color: #cfbea0;
    font: 10px/14px Arial, sans-serif;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.theme-page-market.theme-structural-sark-kapisi .market-item-footer {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(120px, 1.2fr);
    align-items: center;
    gap: 7px;
    padding: 7px 8px;
    border-top: 1px solid rgba(191, 144, 59, .42);
    background: rgba(10, 5, 3, .54);
}

.theme-page-market.theme-structural-sark-kapisi .market-price-list { gap: 3px; }

.theme-page-market.theme-structural-sark-kapisi .market-price-list span {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.theme-page-market.theme-structural-sark-kapisi .market-item-footer small {
    color: #b7a17b;
    font: 9px/12px Arial, sans-serif;
}

.theme-page-market.theme-structural-sark-kapisi .market-item-footer strong {
    color: #f5d266;
    font: 700 13px/17px Georgia, serif;
}

.theme-page-market.theme-structural-sark-kapisi .market-purchase-side { min-width: 0; gap: 5px; }
.theme-page-market.theme-structural-sark-kapisi .market-buy-actions { min-width: 0; gap: 4px; }
.theme-page-market.theme-structural-sark-kapisi .market-buy-actions form { width: 100%; }

.theme-page-market.theme-structural-sark-kapisi .market-buy-actions .royal-primary-button,
.theme-page-market.theme-structural-sark-kapisi .market-purchase-side > .royal-primary-button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 28px;
    padding: 4px 6px;
    border: 1px solid #a9882e;
    border-radius: 0;
    color: #f7e9ae;
    background: linear-gradient(#302719, #100d08);
    box-shadow: inset 0 0 0 2px #382b18, inset 0 0 0 3px #806326, 0 2px 3px #0008;
    font: 700 10px/14px Georgia, serif;
    text-decoration: none;
    text-shadow: 0 1px #000;
}

.theme-page-market.theme-structural-sark-kapisi .market-empty,
.theme-page-market.theme-structural-sark-kapisi .market-search-empty {
    display: block;
    width: min(640px, 100%);
    margin: 22px auto;
    padding: 25px 15px;
    border: 1px solid #896922;
    border-radius: 0;
    color: #36250d;
    background: #ebdd94;
    font: 14px/21px Georgia, serif;
    text-align: center;
}

.theme-page-market.theme-structural-sark-kapisi .market-empty[hidden],
.theme-page-market.theme-structural-sark-kapisi .market-search-empty[hidden],
.theme-page-market.theme-structural-sark-kapisi .market-item-card[hidden] { display: none !important; }

.theme-page-market.theme-structural-sark-kapisi .market-history {
    display: grid;
    gap: 5px;
    padding: 8px;
    border: 1px solid #572819;
    border-radius: 0;
    background: rgba(26, 11, 6, .9);
}

.theme-page-market.theme-structural-sark-kapisi .market-history > div {
    display: grid;
    grid-template-columns: 90px minmax(0, 1fr) auto;
    gap: 8px;
    padding: 7px;
    color: #f4e7bc;
    background: rgba(97, 43, 22, .65);
    font: 10px/14px Arial, sans-serif;
}

@media (max-width: 760px) {
    .theme-page-market.theme-structural-sark-kapisi .template-page-content {
        height: min(700px, calc(100vh - 72px));
        min-height: 0;
        padding: 36px 12px 10px;
    }

    .theme-page-market.theme-structural-sark-kapisi .market-shell {
        padding: 4px 2px 12px;
    }

    .theme-page-market.theme-structural-sark-kapisi .market-window-topbar {
        grid-template-columns: 58px minmax(0, 1fr) auto 38px;
        gap: 7px;
        padding-inline: 7px;
    }

    .theme-page-market.theme-structural-sark-kapisi .market-window-balances { display: none; }
    .theme-page-market.theme-structural-sark-kapisi .market-window-buy-ep { font-size: 10px; }
    .theme-page-market.theme-structural-sark-kapisi .market-window-nav { flex-wrap: wrap; }
    .theme-page-market.theme-structural-sark-kapisi .market-window-search { width: 100%; margin: 4px 0 0; }
    .theme-page-market.theme-structural-sark-kapisi .market-browser { grid-template-columns: 88px minmax(0, 1fr); gap: 7px; }
    .theme-page-market.theme-structural-sark-kapisi .market-category-rail button { min-height: 66px; font-size: 9px; }
    .theme-page-market.theme-structural-sark-kapisi .market-item-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 520px) {
    .theme-page-market.theme-structural-sark-kapisi .template-page-shell-sark-kapisi { width: 100%; padding-inline: 6px; }
    .theme-page-market.theme-structural-sark-kapisi .template-page-content { padding: 36px 7px 7px; }
    .theme-page-market.theme-structural-sark-kapisi .market-window-topbar { grid-template-columns: 45px minmax(0, 1fr) 34px; }
    .theme-page-market.theme-structural-sark-kapisi .market-window-brand { width: 42px; }
    .theme-page-market.theme-structural-sark-kapisi .market-window-brand img { max-width: 42px; }
    .theme-page-market.theme-structural-sark-kapisi .market-window-buy-ep { display: none; }
    .theme-page-market.theme-structural-sark-kapisi .market-window-nav > a { padding-inline: 7px; font-size: 10px; }
    .theme-page-market.theme-structural-sark-kapisi .market-browser { grid-template-columns: 70px minmax(0, 1fr); gap: 5px; }
    .theme-page-market.theme-structural-sark-kapisi .market-category-rail button { min-height: 60px; padding-inline: 3px; font-size: 8px; }
    .theme-page-market.theme-structural-sark-kapisi .market-category-rail button i { font-size: 19px; }
    .theme-page-market.theme-structural-sark-kapisi .market-item-grid { grid-template-columns: minmax(0, 1fr); }
    .theme-page-market.theme-structural-sark-kapisi .market-item-card { grid-template-columns: 84px minmax(0, 1fr); grid-template-rows: minmax(104px, auto) auto; }
    .theme-page-market.theme-structural-sark-kapisi .market-item-media { width: 78px; height: 78px; background-size: 78px 78px; }
    .theme-page-market.theme-structural-sark-kapisi .market-item-footer { grid-template-columns: minmax(0, 1fr) minmax(105px, 1.1fr); }
    .theme-page-market.theme-structural-sark-kapisi .market-list-heading h2 { font-size: 17px; }
}

.theme-page-ep.theme-structural-sark-kapisi .ep-market-shell {
    gap: 13px;
}

.theme-page-ep.theme-structural-sark-kapisi .ep-market-heading {
    padding: 2px 4px 7px;
    border-bottom: 1px solid #9a742d;
}

.theme-page-ep.theme-structural-sark-kapisi .ep-market-heading h1 {
    margin: 0 0 3px;
    color: #f4e7b8;
    font: 21px/27px Georgia, "Times New Roman", serif;
}

.theme-page-ep.theme-structural-sark-kapisi .ep-market-heading p {
    margin: 0;
    color: #d0bea0;
    font: 11px/15px Arial, sans-serif;
}

.theme-page-ep.theme-structural-sark-kapisi .ep-market-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 34%);
    align-items: start;
    gap: 28px;
}

.theme-page-ep.theme-structural-sark-kapisi .ep-payment-methods h2,
.theme-page-ep.theme-structural-sark-kapisi .ep-package-table-wrap h2,
.theme-page-ep.theme-structural-sark-kapisi .ep-market-orders h2 {
    margin: 0 0 9px;
    color: #e5cc84;
    font: 15px/20px Georgia, serif;
}

.theme-page-ep.theme-structural-sark-kapisi .ep-payment-provider-list {
    display: grid;
    justify-items: start;
    gap: 9px;
}

.theme-page-ep.theme-structural-sark-kapisi .ep-payment-provider {
    display: grid;
    place-items: center;
    gap: 2px;
    width: min(385px, 100%);
    min-height: 67px;
    padding: 7px 14px;
    border: 0;
    border-radius: 0;
    color: #f0ddb2;
    background: url("../../images/market-reference/payments/payment-box.png") center / 100% 100% no-repeat;
    box-shadow: none;
    cursor: pointer;
}

.theme-page-ep.theme-structural-sark-kapisi .ep-payment-provider img {
    display: block;
    max-width: 100%;
    max-height: 39px;
    object-fit: contain;
}

.theme-page-ep.theme-structural-sark-kapisi .ep-payment-provider span {
    color: #402314;
    font: 10px/12px Arial, sans-serif;
}

.theme-page-ep.theme-structural-sark-kapisi .ep-payment-provider:hover,
.theme-page-ep.theme-structural-sark-kapisi .ep-payment-provider.is-active {
    filter: brightness(1.12);
}

.theme-page-ep.theme-structural-sark-kapisi .ep-manual-payment {
    display: flex;
    align-items: center;
    gap: 10px;
    width: min(385px, 100%);
    min-height: 67px;
    padding: 14px;
    border: 1px solid #936d2c;
    color: #f2e6bd;
    background: rgba(79, 35, 17, .88);
}

.theme-page-ep.theme-structural-sark-kapisi .ep-manual-payment i { font-size: 22px; }

.theme-page-ep.theme-structural-sark-kapisi .ep-package-table {
    overflow: hidden;
    border: 1px solid #9b7e3e;
    color: #21170d;
    background: #e8dc9e;
}

.theme-page-ep.theme-structural-sark-kapisi .ep-package-table-head,
.theme-page-ep.theme-structural-sark-kapisi .ep-package-row {
    display: grid;
    grid-template-columns: minmax(80px, 1.1fr) minmax(92px, 1.15fr) minmax(58px, .7fr) minmax(92px, 1fr);
    align-items: stretch;
}

.theme-page-ep.theme-structural-sark-kapisi .ep-package-table-head {
    min-height: 38px;
    color: #22180d;
    background: #fff;
    font: 11px/15px Arial, sans-serif;
    text-align: center;
}

.theme-page-ep.theme-structural-sark-kapisi .ep-package-table-head > span,
.theme-page-ep.theme-structural-sark-kapisi .ep-package-row > span,
.theme-page-ep.theme-structural-sark-kapisi .ep-package-row > strong {
    display: grid;
    align-content: center;
    justify-items: center;
    min-width: 0;
    padding: 7px 5px;
    border-right: 1px solid rgba(135, 117, 58, .2);
    color: inherit;
    text-align: center;
}

.theme-page-ep.theme-structural-sark-kapisi .ep-package-row {
    min-height: 39px;
    margin: 0;
    border: 0;
    border-bottom: 1px solid rgba(125, 105, 46, .17);
    color: #25190e;
    background: #e8dc9e;
    font: 11px/15px Arial, sans-serif;
}

.theme-page-ep.theme-structural-sark-kapisi .ep-package-row:nth-of-type(even) { background: #f1e6a8; }

.theme-page-ep.theme-structural-sark-kapisi .ep-package-row > strong {
    font-weight: 400;
}

.theme-page-ep.theme-structural-sark-kapisi .ep-package-row > strong small {
    color: #76521d;
    font-size: 9px;
}

.theme-page-ep.theme-structural-sark-kapisi .ep-package-row > .ep-package-price {
    color: #681f0d;
    font-weight: 700;
}

.theme-page-ep.theme-structural-sark-kapisi .ep-package-submit {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 0;
    margin: 4px;
    padding: 4px 7px;
    border: 1px solid #70441b;
    border-radius: 0;
    color: #f2e6a6;
    background: linear-gradient(#392b18, #130d07);
    box-shadow: inset 0 0 0 2px #342817, inset 0 0 0 3px #896c2d;
    font: 700 9px/13px Georgia, serif;
    text-shadow: 0 1px #000;
    cursor: pointer;
}

.theme-page-ep.theme-structural-sark-kapisi .ep-package-submit i {
    color: #dfb942;
    font-size: 12px;
}

.theme-page-ep.theme-structural-sark-kapisi .ep-package-submit:hover {
    border-color: #d3ad46;
    color: #fff4c5;
}

.theme-page-ep.theme-structural-sark-kapisi .ep-package-note {
    margin: 0;
    padding: 8px 10px;
    color: #4e3b18;
    background: #fff;
    font: 10px/14px Arial, sans-serif;
    text-align: center;
}

.theme-page-ep.theme-structural-sark-kapisi .ep-market-orders {
    padding-top: 9px;
    border-top: 1px solid #8d6b2d;
}

.theme-page-ep.theme-structural-sark-kapisi .ep-market-order-row {
    display: grid;
    grid-template-columns: minmax(100px, 1fr) auto minmax(150px, 1.5fr) auto;
    align-items: center;
    gap: 8px;
    padding: 7px 9px;
    border-bottom: 1px solid rgba(195, 161, 87, .25);
    color: #efe1bc;
    background: rgba(37, 15, 7, .85);
    font: 10px/14px Arial, sans-serif;
}

.theme-page-ep.theme-structural-sark-kapisi .ep-market-order-row strong { color: #f4d26a; }
.theme-page-ep.theme-structural-sark-kapisi .ep-market-order-row small { color: #c4ae82; }
.theme-page-ep.theme-structural-sark-kapisi .ep-market-order-row a { color: #f1d678; }

@media (max-width: 760px) {
    .theme-page-ep.theme-structural-sark-kapisi .ep-market-layout { grid-template-columns: minmax(0, 1fr); gap: 16px; }
    .theme-page-ep.theme-structural-sark-kapisi .ep-payment-provider-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .theme-page-ep.theme-structural-sark-kapisi .ep-payment-provider { min-width: 0; }
}

@media (max-width: 520px) {
    .theme-page-ep.theme-structural-sark-kapisi .ep-package-table-head,
    .theme-page-ep.theme-structural-sark-kapisi .ep-package-row { grid-template-columns: minmax(72px, 1fr) minmax(82px, 1fr) minmax(52px, .7fr); }
    .theme-page-ep.theme-structural-sark-kapisi .ep-package-table-head > :last-child { display: none; }
    .theme-page-ep.theme-structural-sark-kapisi .ep-package-submit { grid-column: 1 / -1; min-height: 28px; }
    .theme-page-ep.theme-structural-sark-kapisi .ep-market-order-row { grid-template-columns: 1fr auto; }
}