/* Hide language buttons (TR/EN flag buttons from engine elements) in all preview modals, lightboxes, and sliders */
.leo-lightbox img[src*="tr.png"],
.leo-lightbox img[src*="en.png"],
#leo-lightbox--gallery img[src*="tr.png"],
#leo-lightbox--gallery img[src*="en.png"],
.leo-phone-msg-box img[src*="tr.png"],
.leo-phone-msg-box img[src*="en.png"],
.lg--stage img[src*="tr.png"],
.lg--stage img[src*="en.png"],
.pictureList_win10 img[src*="tr.png"],
.pictureList_win10 img[src*="en.png"],
.thumbnail_win10 img[src*="tr.png"],
.thumbnail_win10 img[src*="en.png"] {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

p {
    padding: 0;
    margin: 0;
}

input {
    font-family: Calibri;
}

textarea {
    font-family: Calibri;
}

.win10_border {
    border: 1px solid rgba(252, 251, 249, 0.5);
}

.form_title {
    font-size: 18px;
    line-height: 25px;
}

.form_title .favicon {
    vertical-align: middle;
    margin-right: 10px;
    width: 22px;
    height: 22px;
}

.form_title span {
    vertical-align: middle;
}

.rightToLeft .form_title .favicon {
    margin-right: 0;
    margin-left: 10px;
}

.close {
    right: 20px;
    top: 24px;
    padding: 3px;
    position: absolute;
    cursor: pointer;
}

.drag {
    position: absolute;
    top: 5px;
    left: 0;
    right: 0;
    margin: auto;
    pointer-events: none;
}

.close:hover {
    opacity: 0.7;
}

.close:active {
    opacity: 0.5;
}

.close:focus {
    opacity: 0.5;
}

.rightToLeft .close {
    right: auto;
    left: 20px;
}

.company_info_panel {
    vertical-align: middle;
    line-height: 20px;
    text-align: center;
    width: 375px;
    height: auto;
    background: #000000;
    padding: 20px;
    color: #ffffff;
    font-size: 15px;
    font-family: Calibri;
    position: absolute;
}

.company_info_panel .form_title {
    text-align: left;
}

.company_info_panel .content_title {
    opacity: 0.8;
    border: 1px solid transparent;
    top: 51px;
    cursor: pointer;
    width: 105px;
    height: 34px;
    position: absolute;
    line-height: 34px;
    vertical-align: middle;
    text-align: center;
}

.company_info_panel .contact_title {
    left: 51%;
}

.company_info_panel .content_title:hover {
    opacity: 1;
}

.company_info_panel .description_title {
    right: 51%;
}

.company_info_panel .focus {
    background: rgba(255, 255, 255, 0.25);
    opacity: 1;
}

.company_info_panel .content {
    margin-top: 50px;
    width: 100%;
}

.company_info_panel .content1 {
    display: none;
    height: 220px;
    overflow: auto;
}

.company_info_panel .content2 {
    height: 220px;
    overflow: hidden;
    position: relative;
}

.company_info_panel .description {
    text-align: left;
}

.company_info_panel .item {
    width: 100%;
    position: relative;
    margin: 0;
    min-height: 18px;
    text-align: left;
    overflow: hidden;
    width: 100%;
}

.company_info_panel .item .title {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: right;
    width: 70px;
}

.company_info_panel .content2 .item .content {
    margin: 0;
    width: auto;
}

.company_info_panel .content1 .item .content {
    margin: 0 0 0 80px;
    width: auto;
}

.company_info_panel .content1 .item {
    height: 34px;
    line-height: 34px;
}

.company_info_panel a {
    text-decoration: underline;
}

.company_info_panel .content2 .aboutLogo {
    display: inline-block;
    width: 354px;
    height: 105px;
}

.company_info_panel .swiper {
    padding: 0 10px;
    position: absolute;
    left: 0;
    top: 0;
}

.company_info_panel .progress {
    width: 15px;
    height: 5px;
    position: absolute;
    bottom: 0;
    right: 0;
    cursor: pointer;
    z-index: 1;
}

.company_info_panel .progressBar {
    width: 5px;
    height: 5px;
    background: rgba(255, 255, 255, 0.25);
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    border-radius: 2px;
}

.company_info_panel.rightToLeft {
    text-align: right;
}

.company_info_panel.rightToLeft .form_title {
    text-align: right;
}

.company_info_panel.rightToLeft .item .title {
    left: auto;
    right: 0;
}

.company_info_panel.rightToLeft a {
    float: right;
}

.company_info_panel.rightToLeft .content2 .item .content {
    margin: 0;
    text-align: right;
}

.company_info_panel.rightToLeft .content1 .item .content {
    margin: 0 80px 0 0;
    text-align: right;
}

.company_info_panel.rightToLeft .item .title {
    text-align: left;
}



.color_panel {
    display: none;
    z-index: 9999;
    width: 202px;
    background-color: #ffffff;
    position: absolute;
}

.color_panel tr {
    position: relative;
}

.color_panel td {
    width: 14px;
    height: 14px;
    position: relative;
}


.colorSelection {
    width: 25px;
    height: 25px;
    cursor: pointer;
    border-width: 2px;
    padding: 0;
}

.bookmarks_panel {
    text-align: left;
    vertical-align: middle;
    line-height: 20px;
    position: absolute;
    display: block;
    z-index: 1000;
    left: -350px;
    top: 157px;
    width: 250px;
    height: 425px;
    background: #000000;
    padding: 20px;
    color: #ffffff;
    font-size: 15px;
    font-family: Calibri;
}

.bookmarks_panel .inputForm {
    width: 100%;
    margin-top: 10px;
    height: 30px;
    position: relative;
}

.bookmarks_panel .input_title {
    width: 192px;
    height: 30px;
    border: none;
    padding: 0 10px;
    position: absolute;
    left: 0;
}

.bookmarks_panel .colorSelection {
    width: 28px;
    height: 28px;
    border: 1px solid #ffffff;
    position: absolute;
    right: 0;
}

.bookmarks_panel .add_page {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    width: 120px;
    height: 30px;
    line-height: 30px;
    margin-top: 10px;
    background: rgba(255, 255, 255, 0.25);
}

.bookmarks_panel .add_page.left {
    margin-right: 10px;
}

.bookmarks_panel .list_title {
    cursor: default;
    font-size: 15px;
    height: 30px;
    width: 100%;
    margin-top: 10px;
    background: rgba(255, 255, 255, 0.1);
    line-height: 30px;
    vertical-align: middle;
    text-align: left;
}

.bookmarks_panel .list_title span {
    padding: 0 10px;
    display: inline-block;
}

.bookmarks_panel .list_title .page {
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    width: 30px;
}

.bookmarks_panel .list_title .description {
    width: 108px;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.bookmarks_panel .list_title .edit {}

.bookmarks_panel .stage {
    overflow: hidden;
    width: 100%;
    position: relative;
    padding: 0 20px;
    margin: 0 0 0 -20px;
}

.bookmarks_panel .swiper {
    width: 100%;
    left: 0;
    top: 0;
}

.bookmarks_panel .progress {
    width: 15px;
    height: 5px;
    position: absolute;
    bottom: 0;
    right: 0;
    cursor: pointer;
}

.bookmarks_panel .progressBar {
    width: 5px;
    height: 5px;
    background: rgba(255, 255, 255, 0.25);
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    border-radius: 2px;
}

.bookmarks_panel .removeAll {
    width: 100%;
    height: 30px;
    line-height: 30px;
    background: rgba(255, 255, 255, 0.25);
    margin-top: 5px;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    display: none;
}

.bookmarks_panel .item {
    width: 100%;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    text-align: left;
    position: relative;
    margin-top: 5px;
    padding-left: 20px;
}

.bookmarks_panel .item span {
    padding: 0 10px;
    display: inline-block;
}

.bookmarks_panel .item input {
    display: inline-block;
}

.bookmarks_panel .item .page {
    width: 30px;
}

.bookmarks_panel .item .title {
    width: 82px;
    height: 20px;
    border: none;
    padding: 0 10px;
    background: transparent;
}

.bookmarks_panel .item .colorSelection {
    margin: 0;
    width: 20px;
    height: 18px;
    position: absolute;
    left: 150px;
    top: 6px;
    display: none;
}

.bookmarks_panel .item img {
    position: absolute;
    cursor: pointer;
}

.bookmarks_panel .item .save {
    left: 180px;
    top: 7px;
    display: none;
}

.bookmarks_panel .item .cancel {
    left: 210px;
    top: 7px;
    display: none;
}

.bookmarks_panel .item .edit {
    left: 210px;
    top: 7px;
}

.bookmarks_panel .item .delete {
    left: 234px;
    top: 7px;
}

.bookmarks_panel.rightToLeft {
    text-align: right;
}

.bookmarks_panel.rightToLeft .input_title {
    left: auto;
    right: 0;
    direction: rtl;
}

.bookmarks_panel.rightToLeft .colorSelection {
    right: auto;
    left: 0;
}

.bookmarks_panel.rightToLeft .add_page.left {
    margin-left: 10px;
    margin-right: 0;
}

.bookmarks_panel.rightToLeft .list_title {
    text-align: right;
}

.bookmarks_panel.rightToLeft .list_title .page {
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    border-right: none;
    width: 30px;
}

.bookmarks_panel.rightToLeft .list_title .description {
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    border-right: none;
}

.bookmarks_panel.rightToLeft .list_title .edit {}

.bookmarks_panel.rightToLeft .progress {
    left: 0;
    right: auto;
}

.bookmarks_panel.rightToLeft .progressBar {
    left: 0;
    right: auto;
}

.bookmarks_panel.rightToLeft .item {
    text-align: right;
}

.bookmarks_panel.rightToLeft .item .title {
    direction: rtl;
}

.bookmarks_panel.rightToLeft .item .colorSelection {
    right: 130px;
    left: auto;
}

.bookmarks_panel.rightToLeft .item .save {
    right: 160px;
    left: auto;
}

.bookmarks_panel.rightToLeft .item .cancel {
    right: 190px;
    left: auto;
}

.bookmarks_panel.rightToLeft .item .edit {
    right: 190px;
    left: auto;
}

.bookmarks_panel.rightToLeft .item .delete {
    right: 214px;
    left: auto;
}



.download_form {
    text-align: left;
    vertical-align: middle;
    line-height: 20px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1000;
    background: #000000;
    width: 375px;
    padding: 20px;
    color: #ffffff;
    font-size: 15px;
    font-family: Calibri;
    position: absolute;
}

.download_form .content {
    padding: 20px 20px 0 20px;
    margin-left: -20px;
    position: relative;
    width: 100%;
    height: 198px;
}

.download_form .content1 {
    width: 212px;
    height: 196px;
    border-right: 1px solid rgba(252, 251, 249, 0.5);
    position: absolute;
    top: 20px;
    left: 20px;
}

.download_form .content2 {
    /* border: 1px solid rgba(252, 251, 249, 0.5); */
    display: inline-block;
    position: absolute;
    width: 150px;
    height: 196px;
    right: 20px;
    top: 20px;
}

.download_form .downloadButton {
    cursor: pointer;
    width: 181px;
    height: 30px;
    margin: 10px 10px 0 10px;
    background: rgba(255, 255, 255, 0.25);
    line-height: 30px;
    vertical-align: middle;
    text-align: center;
}

.download_form .item {
    cursor: pointer;
    line-height: 30px;
    vertical-align: middle;
    position: relative;
}

.download_form .item span {
    margin-left: 6px;
    vertical-align: middle;
}

.download_form .item img {
    vertical-align: middle;
    margin: 4px;
    margin-left: 10px;
}

.download_form .downloadAttachments input {
    padding: 0 5px;
    width: 102px;
    height: 30px;
    border: none;
    margin-left: 10px;
    font-size: 12px;
}

.download_form .content1 select {
    margin: 10px;
    margin-top: 5px;
    width: 181px;
    color: #989898;
    height: 30px;
    border: none;
    border-radius: 0;
    outline: none;
}

/* .download_form .downloadAll{margin-top:30px;} */

.download_form.rightToLeft {
    text-align: right;
}

.download_form.rightToLeft .item {
    padding: 0;
}

.download_form.rightToLeft .item img {
    left: auto;
    right: 4px;
}

.download_form.rightToLeft .item span {
    margin: 0 10px 0 0;
}

.download_form.rightToLeft .downloadAttachments input {
    margin: 0 10px 0 0;
}

/* .download_form .downloadButton{margin:20px 0 0 0;width:auto;} */


.help_form {
    text-align: left;
    vertical-align: middle;
    line-height: 20px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1000;
    width: 310px;
    background: #000000;
    padding: 20px;
    color: #ffffff;
    font-size: 15px;
    font-family: Calibri;
}

.help_form {
    text-align: center;
}

.help_form .logo {
    text-align: center;
    margin: 10px;
    max-width: 310px;
    max-height: 200px;
}

.help_form .title {
    margin: 10px;
}

.help_form .form_title {
    text-align: left;
}

.help_form.rightToLeft .form_title {
    text-align: right;
}

.phone_scroll_y {
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}



.print_form {
    text-align: left;
    vertical-align: middle;
    line-height: 20px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1000;
    background: #000000;
    width: 310px;
    padding: 20px;
    color: #ffffff;
    font-size: 15px;
    font-family: Calibri;
    position: absolute;
}

.print_form .printButton {
    cursor: pointer;
    width: 100%;
    height: 30px;
    margin-top: 20px;
    background: rgba(255, 255, 255, 0.25);
    line-height: 30px;
    vertical-align: middle;
    text-align: center;
}

.print_form .item {
    cursor: pointer;
    margin: 10px 0;
    line-height: 30px;
    vertical-align: middle;
    position: relative;
}

.print_form .item span {
    margin-left: 10px;
    vertical-align: middle;
}

.print_form .item img {
    vertical-align: middle;
    margin: 4px;
}

.print_form .printRange input {
    padding: 0 5px;
    width: 102px;
    height: 30px;
    border: none;
    margin-left: 10px;
    font-size: 12px;
}

.print_form.rightToLeft {
    text-align: right;
}

.print_form.rightToLeft .item {
    padding: 0;
}

.print_form.rightToLeft .item img {
    left: auto;
    right: 4px;
}

.print_form.rightToLeft .item span {
    margin: 0 10px 0 0;
}

.print_form.rightToLeft .printRange input {
    margin: 0 10px 0 0;
}

.print_form .printButton {
    margin: 20px 0 0 0;
    width: auto;
}



/*scrollbar*/
::-webkit-scrollbar {
    height: 0;
    width: 0;
}

::-webkit-scrollbar-button {
    height: 0;
    width: 0;
}



.search_form {
    text-align: left;
    vertical-align: middle;
    line-height: 20px;
    position: absolute;
    z-index: 1000;
    left: -300px;
    top: 0;
    width: 250px;
    height: 548px;
    background: #000000;
    padding: 20px;
    color: #ffffff;
    font-size: 15px;
    font-family: Calibri;
    position: absolute;
}

.search_form .input_search {
    width: 210px;
    height: 30px;
    border: none;
    padding: 0 30px 0 10px;
    margin-top: 10px;
}

.search_form .searchButton {
    position: absolute;
    top: 72px;
    right: 25px;
    cursor: pointer;
    z-index: 10;
    max-width: 22px;
    max-height: 22px;
    transform: translate(0, -50%);
}

.search_form .result {
    margin-top: 10px;
}

.search_form .close {
    right: 20px;
}

.search_form.rightToLeft .close {
    left: 20px;
    right: auto;
}

.search_form .stage {
    overflow: hidden;
    width: 250px;
    height: 460px;
    position: relative;
    margin: 10px 0 0 -20px;
    padding: 0 20px;
}

.search_form .swiper {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.search_form .progress {
    width: 15px;
    height: 5px;
    position: absolute;
    bottom: 0;
    right: 0;
    cursor: pointer;
}

.search_form .progressBar {
    width: 5px;
    height: 5px;
    opacity: 0.25;
    background: #ffffff;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    border-radius: 2px;
}

.search_form .item {
    padding: 5px 20px;
    cursor: pointer;
}

.search_form .item .description {
    font-size: 15px;
    margin-top: 3px;
    opacity: 0.6;
}

.search_form .item:hover {
    background: rgba(255, 255, 255, 0.25);
}

.search_form.rightToLeft {
    text-align: right;
}

.search_form.rightToLeft .input_search {
    direction: rtl;
    padding: 0 10px 0 30px;
}

.search_form.rightToLeft .searchButton {
    left: 25px;
    right: auto;
}

.search_form.rightToLeft .progress {
    left: 0;
    right: auto;
}

.search_form.rightToLeft .progressBar {
    left: 0;
    right: auto;
}


.settingpc_form {
    vertical-align: middle;
    line-height: 20px;
    text-align: center;
    width: 310px;
    height: 140px;
    color: #ffffff;
    font-size: 15px;
    font-family: Calibri;
    position: absolute;
}

.settingpc_form {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
}

.settingpc_form .item {
    width: 140px;
    height: 140px;
    margin: 0 7px;
    background: black;
    display: inline-block;
    float: left;
    position: relative;
    cursor: pointer;
}

.settingpc_form .item img {
    width: 60px;
    height: 60px;
    margin-top: 20px;
}

.settingpc_form .item .title {
    width: 100%;
    text-align: center;
}


.share_form {
    background: rgba(15, 23, 42, 0.93) !important;
    /* Premium Dark Navy Glass */
    backdrop-filter: blur(20px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 16px !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5) !important;
    font-family: 'Outfit', 'Inter', sans-serif !important;
    padding: 16px !important;
    width: 300px !important;
    /* Exactly 300px width */
    height: 300px !important;
    /* Exactly 300px height */
    color: #F8FAFC !important;
    overflow: visible !important;
    position: fixed !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
    z-index: 1000;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

.share_form .share_content {
    position: relative !important;
    height: 100% !important;
    width: 100% !important;
    margin-top: 8px !important;
    /* Adjusted since drag bar is gone */
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    box-sizing: border-box !important;
    justify-content: space-between !important;
}

/* Swiper Container for Social Icons */
.share_form .swiperContainer {
    position: static !important;
    width: 100% !important;
    height: auto !important;
    padding: 0 !important;
    overflow: visible !important;
    border-left: none !important;
    border-right: none !important;
    border: none !important;
}

/* Hide Share Panel Titles */
.share_form .form_title,
.share_form .sharePanelTitle,
.share_form .share_title {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* Hide Drag Handle Completely */
.share_form .drag {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* Position Close Button exactly in the top-right corner, very small and floating outside */
.share_form .close {
    position: absolute !important;
    top: -6px !important;
    right: -6px !important;
    width: 12px !important;
    /* Elegant small icon size */
    height: 12px !important;
    padding: 6px !important;
    /* Keep a comfortable hit area */
    cursor: pointer !important;
    z-index: 1010 !important;
    opacity: 0.85 !important;
    transition: all 0.2s ease !important;
    background: #0f172a !important;
    /* Matches the dark navy background */
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 50% !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

.share_form .close:hover {
    opacity: 1 !important;
    background: #AA1624 !important;
    /* Corporate red on hover */
    border-color: rgba(255, 255, 255, 0.4) !important;
    transform: scale(1.08) !important;
}

.share_form .shareStage {
    width: 100% !important;
    height: auto !important;
    position: static !important;
    overflow: visible !important;
}

.share_form .shareSwiper {
    width: 100% !important;
    position: static !important;
}

/* Individual Social Share Icons in Panel */
.share_form .sharePanel {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    margin: 4px 0 !important;
    width: 100% !important;
    justify-content: flex-start !important;
}

.share_form .sharePanel a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 8px !important;
    transition: all 0.2s ease !important;
}

.share_form .sharePanel a:hover {
    background: #AA1624 !important;
    border-color: rgba(255, 255, 255, 0.25) !important;
    transform: translateY(-2px) scale(1.08) !important;
}

.share_form .sharePanel i.button_hover {
    font-size: 14px !important;
    color: #FFFFFF !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* QR Code & WeChat Box */
.share_form .codeBox {
    position: static !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    height: auto !important;
    margin: 4px 0 !important;
    background: rgba(255, 255, 255, 0.04) !important;
    padding: 8px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-sizing: border-box !important;
}

.share_form .shareCode {
    position: static !important;
    width: 70px !important;
    height: 70px !important;
    background: #FFFFFF !important;
    padding: 4px !important;
    border-radius: 8px !important;
    border: none !important;
}

.share_form .shareCode canvas,
.share_form .shareCode img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    border-radius: 4px !important;
}

/* QR Code Tabs (WeChat/QR Button) */
.share_form .codeButton {
    position: static !important;
    display: flex !important;
    width: 100% !important;
    height: 28px !important;
    margin-top: 6px !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    padding: 2px !important;
    box-sizing: border-box !important;
}

.share_form .codeButton>span {
    flex: 1 !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    color: #94A3B8 !important;
    background: transparent !important;
    text-align: center !important;
    height: 24px !important;
    line-height: 24px !important;
    border-radius: 6px !important;
    transition: all 0.2s ease !important;
    opacity: 1 !important;
    display: block !important;
    box-sizing: border-box !important;
}

.share_form .codeButton>span.active {
    background: #AA1624 !important;
    color: #FFFFFF !important;
    height: 24px !important;
    line-height: 24px !important;
}

/* Link Box / Input area */
.share_form .linkBox {
    position: static !important;
    display: flex !important;
    flex-direction: row !important;
    /* Side-by-side layout to save height */
    width: 100% !important;
    height: 32px !important;
    margin-top: 6px !important;
    gap: 8px !important;
}

.share_form .link_input {
    flex: 1 !important;
    height: 32px !important;
    line-height: 32px !important;
    background: rgba(0, 0, 0, 0.25) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 8px !important;
    color: #E2E8F0 !important;
    padding: 0 10px !important;
    font-size: 11px !important;
    box-sizing: border-box !important;
}

.share_form .link_input:focus {
    border-color: #AA1624 !important;
    outline: none !important;
}

.share_form .copy {
    position: static !important;
    background: #AA1624 !important;
    color: #FFFFFF !important;
    width: 78px !important;
    height: 32px !important;
    line-height: 32px !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    font-size: 11px !important;
    transition: all 0.2s ease !important;
    box-shadow: none !important;
}

.share_form .copy:hover {
    background: #D32F2F !important;
}

/* Checkbox container for Current Page link */
.share_form .shareCurrentPageBox {
    position: static !important;
    display: flex !important;
    align-items: center !important;
    margin-top: 4px !important;
    gap: 6px !important;
}

.share_form .shareCurrentPage {
    position: static !important;
    cursor: pointer !important;
    width: 14px !important;
    height: 14px !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 4px !important;
    transition: all 0.2s ease !important;
}

.share_form .shareCurrentPageTitle {
    margin: 0 !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    color: #94A3B8 !important;
    display: inline-block !important;
}

.share_form.rightToLeft .shareCurrentPageBox,
.share_form.rightToLeft .shareCurrentPage,
.share_form.rightToLeft .copy {
    position: static !important;
    left: auto !important;
    right: auto !important;
    margin: 0 !important;
}

.share_form.rightToLeft {
    text-align: right !important;
}



.tableofcontent_form {
    text-align: left;
    vertical-align: middle;
    line-height: 20px;
    position: absolute;
    z-index: 1000;
    left: -300px;
    top: 150px;
    width: 250px;
    height: 548px;
    background: #000000;
    padding: 20px;
    color: #ffffff;
    font-size: 15px;
    font-family: Calibri;
}

.tableofcontent_form .input_search {
    width: 210px;
    height: 30px;
    border: none;
    padding: 0 30px 0 10px;
    margin-top: 10px;
    margin-left: 0;
}

.tableofcontent_form .searchButton {
    position: absolute;
    top: 60px;
    right: 25px;
    cursor: pointer;
    z-index: 10;
}

.tableofcontent_form .stage {
    overflow: hidden;
    width: 250px;
    height: 515px;
    position: relative;
    margin: 10px 0 0 -20px;
    padding: 0 20px;
}

.tableofcontent_form .swiper {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.tableofcontent_form .progress {
    width: 15px;
    height: 5px;
    position: absolute;
    bottom: 0;
    right: 0;
    cursor: pointer;
}

.tableofcontent_form .progressBar {
    width: 5px;
    height: 5px;
    background: rgba(255, 255, 255, 0.25);
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    border-radius: 2px;
}

.tableofcontent_form .item {
    padding: 5px 0 5px 10px;
    font-size: 15px;
    cursor: pointer;
    position: relative;
    margin-right: 0;
    margin-left: 0;
}

.tableofcontent_form .item .arrow {
    padding: 10px;
    position: absolute;
    top: 3px;
}

.tableofcontent_form .item .description {
    padding: 3px 0;
    display: inline-block;
}

.tableofcontent_form .item:hover {
    background: rgba(255, 255, 255, 0.1);
}

.tableofcontent_form.rightToLeft {
    text-align: right;
}

.tableofcontent_form.rightToLeft .item {
    margin-right: 0;
    margin-left: 0;
    padding: 5px 10px 5px 0;
}

.tableofcontent_form.rightToLeft .progress {
    left: 0;
    right: auto;
}

.tableofcontent_form.rightToLeft .progressBar {
    left: 0;
    right: auto;
}

.tableofcontent_form.rightToLeft .searchButton {
    left: 25px;
    right: 0;
}

.tableofcontent_form.rightToLeft .input_search {
    padding: 0 10px 0 30px;
}


.thumbBar {
    bottom: -130px;
    left: 0px;
    right: 0px;
    position: absolute;
    height: 120px;
    z-index: 100;
}

.thumbBG {
    position: absolute;
    bottom: 1px;
    left: 0px;
    right: 0px;
    height: 105px;
    overflow: hidden;
    /*background-color: #000000;*/
    opacity: 0.9;
}

.thumbBox {
    position: absolute;
    bottom: 1px;
    left: 0px;
    right: 0px;
    height: 95px;
}


.thumbItem {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 60px;
    height: 82px;
    border-width: 1px;
    border-style: inset;
    border-color: #aaaaaa;
}

.fbTopBar {
    position: absolute;
    overflow: hidden;
    z-index: 99;

    top: 0px;
    left: 0px;

    width: 100%;
    height: 46px;

}

.fbTopBar .button {
    position: static;
    display: inline;
    width: 42px;
    height: 46px;
}

.fbTopBar .button img {
    width: 22px;
    height: 22px;
    margin-left: 10px;
    margin-top: 12px;
}

.fbTopBar .button span {
    display: none;
}

.fbToolBar {
    position: absolute;
    overflow: hidden;
    z-index: 99;

    bottom: 0px;
    left: 0px;

    width: 100%;
    height: 46px;

}


.pageNumber {
    position: absolute;
}

.pageNumber input {
    /* position: absolute; */
    top: 0;
    border: transparent;
    text-align: center;
    vertical-align: top;
    height: 25px;
    line-height: 27px;
    font-family: Arial;
}

.pageNumber input:focus {
    outline: none;
}

.logoBar {
    position: absolute;
    left: 5px;
    top: 0px;
    height: 100%;
    z-index: 1;
}

.searchBar {
    position: absolute;
    right: 42px;
    background-color: gray;
    margin-top: 8px;
    padding-left: 10px;
    padding-right: 5px;
}

.preSearch {
    background-color: gray;
    display: inline;
    float: left;
}

.preSearch input {
    background-color: gray;
    color: #AAAAAA;
    font-family: Arial;
    display: inline;
    float: left;
    border: 0px solid transparent;
    height: 18px;
    margin-top: 5px;
}

.preSearch input:focus {
    outline: none;
}

.searchBar .button {
    position: static;
    display: inline;
    width: 30px;
    height: 30px;
}

.searchBar .button img {
    width: 22px;
    height: 22px;
    margin-left: 5px;
    margin-top: 5px;
}

.searchBar .button span {
    display: none;
}

.buttonBar {
    display: inline;
    height: 100%;
}

.buttonBar.left {
    float: left;
}

.buttonBar.right {
    float: right;
}

.pageBar {
    display: inline;
    float: left;
    height: 100%;
}

.buttonBar .button {
    position: static;
    display: inline;
    width: 42px;
    height: 46px;
}

.button.left {
    float: left;
}

.button.right {
    float: right;
}

.buttonBar .button img {
    width: 22px;
    height: 22px;
    margin-left: 10px;
    margin-top: 12px;
}

.button span {
    font-family: "Tahoma", "sans-serif", "Arial";
    font-size: 12px;
}

.buttonBar .button span {
    display: none;
}

.pageBar .button {
    position: absolute;
    width: 42px;
    height: 46px;
}

.pageBar .button img {
    width: 22px;
    height: 22px;
    margin-left: 10px;
    margin-top: 12px;
}

.pageBar .button span {
    display: none;
}

.extendedBar {
    overflow: hidden;
    position: absolute;
    z-index: 98;
}

.extendedBar .button {
    position: absolute;
    display: block;
    width: 160px;
    height: 46px;
}

.extendedBar .button img {
    width: 22px;
    height: 22px;
    margin-left: 5px;
    margin-top: 12px;
}


.extendedBar .button span {
    position: absolute;
    color: white;
    margin-left: 10px;
    margin-top: 18px;
}

.extendedBar.rtl .button img {
    width: 22px;
    height: 22px;
    float: right;
    margin-right: 5px;
    margin-top: 12px;
}


.extendedBar.rtl .button span {
    position: absolute;
    color: white;
    right: 0px;
    margin-right: 30px;
    margin-top: 18px;
}

.floatPageButton {
    position: absolute;
    z-index: 100;
    width: 63px;
    height: 160px;
    opacity: 0.95;
}

.floatPageButton img {
    width: 22px;
    height: 22px;
    margin-left: 19px;
    margin-top: 56px;
}

.floatPageButton span {
    display: none;
}


.thumbnail_win10 {
    text-align: left;
    vertical-align: middle;
    line-height: 20px;
    position: absolute;
    z-index: 1000;
    left: 50% !important;
    transform: translateX(-50%) !important;
    padding: 10px 0;
    width: 92% !important;
    max-width: 1000px !important;
    height: 200px !important;
    background: rgba(18, 18, 18, 0.96) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    color: #ffffff;
    font-size: 13px;
    font-family: 'Outfit', 'Inter', sans-serif !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 16px !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6) !important;
}

.thumbnail_win10 .close {
    right: 20px;
    top: -28px !important;
    /* Sticking out above the top edge as a tab */
    position: absolute;
    cursor: pointer;
    width: 40px !important;
    height: 28px !important;
    background-color: rgba(18, 18, 18, 0.96) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-bottom: none !important;
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.25s ease !important;
}

.thumbnail_win10 .close:hover {
    opacity: 1;
    color: #fff;

    background-color: rgb(0, 0, 0) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.thumbnail_win10 .close img {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 10px !important;
    height: 10px !important;
    filter: brightness(0) invert(1) !important;
    /* White icon */
    transition: transform 0.2s ease !important;
}

.thumbnail_win10 .close:hover img {
    transform: scale(1.1) !important;
}

.thumbnail_win10 .stage {
    overflow: hidden;
    height: 170px !important;
    margin: 15px 20px !important;
    position: relative;
}

.thumbnail_win10 .swiper {
    position: absolute;
    top: 0;
    height: 145px !important;
}

.thumbnail_win10 .progress {
    width: 8px;
    height: 8px;
    position: absolute;
    bottom: 7px;
    right: 15px !important;
    cursor: pointer;
}

.thumbnail_win10 .progressBar {
    width: 8px;
    height: 8px;
    background: rgba(255, 255, 255, 0.25) !important;
    position: absolute;
    top: 0;
    cursor: pointer;
    border-radius: 4px;
    transition: background-color 0.2s ease !important;
}

.thumbnail_win10 .progressBar:hover {
    background: #AA1624 !important;
}

.thumbnail_win10 p {
    height: 20px;
    line-height: 20px;
    bottom: 0;
    vertical-align: middle;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    text-align: center;
    color: rgba(255, 255, 255, 0.5) !important;
    font-weight: 500 !important;
    letter-spacing: 0.5px !important;
}

.thumbnail_win10 .item_focus {
    display: inline-block;
    height: 145px !important;
    margin-right: 10px;
    cursor: pointer;
    position: absolute;
    transition: transform 0.25s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

.thumbnail_win10 .item_focus:hover {
    transform: translateY(-4px) !important;
}

.thumbnail_win10 .item_focus .title {
    display: none;
}

.thumbnail_win10 .item {
    height: 145px !important;
    position: absolute;
    transition: transform 0.25s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

.thumbnail_win10 .item:hover {
    transform: translateY(-4px) !important;
}

.thumbnail_win10 .item .title {
    display: none;
}

.thumbnail_win10 .item img {
    max-width: 100% !important;
    max-height: 100% !important;
    box-sizing: border-box;
    pointer-events: none;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 6px !important;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.25s ease !important;
}

.thumbnail_win10 .item.highlight img {
    border: 2px solid #AA1624 !important;
    box-shadow: 0 0 15px rgba(170, 22, 36, 0.5) !important;
}

.thumbnail_win10 .item_focus.highlight .item.left img {
    border: 2px solid #AA1624 !important;
    border-width: 2px 0 2px 2px !important;
    box-shadow: -5px 0 15px rgba(170, 22, 36, 0.3) !important;
}

.thumbnail_win10 .item_focus.highlight .item.right img {
    border: 2px solid #AA1624 !important;
    border-width: 2px 2px 2px 0 !important;
    box-shadow: 5px 0 15px rgba(170, 22, 36, 0.3) !important;
}

.thumbnail_win10 .item:hover img {
    border: 2px solid rgba(170, 22, 36, 0.8) !important;
    box-shadow: 0 5px 15px rgba(170, 22, 36, 0.4) !important;
}

.thumbnail_win10 .item_focus:hover .item.left img {
    border: 2px solid rgba(170, 22, 36, 0.8) !important;
    border-width: 2px 0 2px 2px !important;
}

.thumbnail_win10 .item_focus:hover .item.right img {
    border: 2px solid rgba(170, 22, 36, 0.8) !important;
    border-width: 2px 2px 2px 0 !important;
}

.thumbnail_win10 .btn {}

.thumbnail_win10 .leftBtn {}

.thumbnail_win10 .rightBtn {}



.videogallery_form {
    text-align: left;
    vertical-align: middle;
    line-height: 20px;
    position: absolute;
    z-index: 1000;
    color: #ffffff;
    margin: auto;
    width: 700px;
    background: #000000;
    padding: 20px;
    font-size: 15px;
    font-family: Calibri;
    position: absolute;
    overflow: hidden;
}

.videogallery_form .form_title {
    font-size: 18px;
    line-height: 20px;
}

.videogallery_form .title {
    font-size: 18px;
    line-height: 20px;
}

.videogallery_form .video {
    width: 334px;
    height: 223px;
    background: rgba(255, 255, 255, 0.25);
    margin-top: 15px;
}

.videogallery_form .video_list {
    width: 330px;
    height: 223px;
    position: absolute;
    right: 15px;
    top: 50px;
}

.videogallery_form .info {
    margin-top: 15px;
}

.videogallery_form .info .description {
    width: 100%;
}

.videogallery_form .description {
    opacity: 0.6;
}

.videogallery_form .stage {
    overflow: hidden;
    width: 100%;
    height: 201px;
    position: relative;
}

.videogallery_form .swiper {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.videogallery_form .progress {
    width: 15px;
    height: 5px;
    position: absolute;
    bottom: 0;
    right: -5px;
    cursor: pointer;
}

.videogallery_form .progressBar {
    width: 5px;
    height: 5px;
    background: rgba(255, 255, 255, 0.25);
    position: absolute;
    right: 5px;
    top: 0;
    cursor: pointer;
    border-radius: 2px;
}

.videogallery_form .item {
    cursor: pointer;
    width: 274px;
    padding-left: 61px;
    min-height: 42px;
    margin-top: 5px;
    position: relative;
}

.videogallery_form .item .title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.videogallery_form .item .thumbnail {
    background-color: rgba(255, 255, 255, 0.25);
    width: 56px;
    height: 42px;
    position: absolute;
    top: 2px;
    ;
    left: 0;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}

.videogallery_form .item:hover {
    text-decoration: underline;
}

.videogallery_form.rightToLeft {
    text-align: right;
}

.videogallery_form.rightToLeft .video_list {
    left: 15px;
    right: auto;
}

.videogallery_form.rightToLeft .item {
    padding-right: 61px;
    padding-left: 0;
    margin-left: 5px;
}

.videogallery_form.rightToLeft .item .thumbnail {
    left: auto;
    right: 0;
}

.videogallery_form.rightToLeft .progress {
    left: -5px;
    right: auto;
}

.appear_win10 {
    position: absolute;
    opacity: 0;
    z-index: 1001;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    text-align: center;
    vertical-align: middle;
}

.appear_win10 .main_dom {
    position: relative;
    display: inline-block;
    left: 0;
    top: 0;
}

.appear_win10:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.button_hover:hover {
    opacity: 0.7;
    filter: alpha(opacity=40);
}

.button_hover:active {
    opacity: 0.2;
    filter: alpha(opacity=20);
}

.disable {
    opacity: 0.2;
    filter: alpha(opacity=20);
}

.usable {
    opacity: 1;
    filter: alpha(opacity=100);
}

/* Konya Kağıt Premium Toolbar Overrides */
/* Hide Top Bar Completely for modern custom clean look */
.fbTopBar {
    display: none !important;
}

/* Transform Bottom Bar into a Premium macOS Centered Dock */
.fbToolBar {
    position: fixed !important;
    bottom: 24px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: auto !important;
    max-width: 90% !important;
    height: 56px !important;
    border-radius: 28px !important;
    background: #0f172a !important;
    /* Solid Premium Dark Navy */
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.6) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 20px !important;
    overflow: visible !important;
    /* Allow hover scaling to pop out */
}

/* Force all sub-bars to align horizontally inside the dock */
.fbToolBar>div,
.fbToolBar .logoBar,
.fbToolBar .buttonBar,
.fbToolBar .pageBar,
.fbToolBar .extendedBar {
    position: static !important;
    display: inline-flex !important;
    align-items: center !important;
    height: 100% !important;
    float: none !important;
    margin: 0 5px !important;
    gap: 4px !important;
    width: auto !important;
}

/* Style the buttons in the dock */
.fbToolBar .button {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    height: 40px !important;
    width: 40px !important;
    border-radius: 50% !important;
    /* Perfectly round buttons */
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    transition: all 0.25s cubic-bezier(0.25, 1, 0.5, 1) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
}

.fbToolBar .button:hover {
    transform: translateY(-8px) scale(1.22) !important;
    /* macOS Magnification Effect! */
    box-shadow: none !important;
    text-decoration: none !important;
    border-bottom: none !important;
    z-index: 1000 !important;
}

.fbToolBar a,
.fbToolBar a:hover,
.fbToolBar .button,
.fbToolBar .button:hover {
    text-decoration: none !important;
    border-bottom: none !important;
}

.fbToolBar .button:active {
    transform: translateY(-2px) scale(0.95) !important;
}

/* Align and style icons in buttons */
.fbToolBar .button img {
    margin: 0 !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 20px !important;
    height: 20px !important;
    transition: transform 0.25s ease !important;
}

/* Page number styling inside the dock */
.pageNumber {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 20px !important;
    padding: 2px 8px 2px 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    height: 36px !important;
    margin: 0 10px !important;
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.1), 0 4px 10px rgba(0, 0, 0, 0.2) !important;
    transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* Subtle page icon inside the box */
.pageNumber::before {
    content: "" !important;
    width: 14px !important;
    height: 14px !important;
    opacity: 0.6 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='white' stroke-width='2.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M12 6.042A8.967 8.967 0 006 3.75c-1.052 0-2.062.18-3 .512v14.25A8.987 8.987 0 016 18c2.305 0 4.408.867 6 2.292m0-14.25a8.966 8.966 0 016-2.292c1.052 0 2.062.18 3 .512v14.25A8.987 8.987 0 0018 18a8.967 8.967 0 00-6 2.292m0-14.25v14.25'/%3E%3C/svg%3E") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    transition: opacity 0.2s ease !important;
}

.pageNumber:hover {
    border-color: rgba(255, 255, 255, 0.25) !important;
    background: rgba(255, 255, 255, 0.08) !important;
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.15), 0 6px 15px rgba(0, 0, 0, 0.3) !important;
}

.pageNumber:hover::before {
    opacity: 0.9 !important;
}

.pageNumber:focus-within {
    border-color: #AA1624 !important;
    background: rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 0 0 3px rgba(170, 22, 36, 0.25), 0 4px 15px rgba(0, 0, 0, 0.3) !important;
}

.pageNumber input {
    background: rgba(255, 255, 255, 0.08) !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    width: 70px !important;
    /* Widen to fit "6-7/46" or similar page numbers without clipping */
    height: 26px !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 6px !important;
    /* Clean rounded rectangle, not a circle */
    text-align: center !important;
    outline: none !important;
    font-family: 'Outfit', 'Inter', sans-serif !important;
    transition: all 0.2s ease !important;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2) !important;
}

.pageNumber input:focus {
    background: rgba(255, 255, 255, 0.18) !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3) !important;
}

.pageNumber span {
    color: rgba(255, 255, 255, 0.5) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
    margin-right: 4px !important;
    letter-spacing: 0.5px !important;
}

/* Outer Background Container */
body,
#book-container,
.main-body {
    background: #112031;
}

/* Konya Kağıt Premium Floating Page-Turning Arrows */
.flip_button_left {
    position: fixed !important;
    left: 24px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    right: auto !important;
    bottom: auto !important;
    z-index: 99999 !important;
    background: rgba(15, 23, 42, 0.75) !important;
    border: 1.5px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 50% !important;
    width: 48px !important;
    height: 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35) !important;
    transition: all 0.25s cubic-bezier(0.25, 1, 0.5, 1) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
}

.flip_button_right {
    position: fixed !important;
    right: 24px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: auto !important;
    bottom: auto !important;
    z-index: 99999 !important;
    background: rgba(15, 23, 42, 0.75) !important;
    border: 1.5px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 50% !important;
    width: 48px !important;
    height: 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35) !important;
    transition: all 0.25s cubic-bezier(0.25, 1, 0.5, 1) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
}

.flip_button_left:hover {
    background: #AA1624 !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
    transform: translateY(-50%) scale(1.12) !important;
    box-shadow: 0 8px 25px rgba(170, 22, 36, 0.45) !important;
}

.flip_button_right:hover {
    background: #AA1624 !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
    transform: translateY(-50%) scale(1.12) !important;
    box-shadow: 0 8px 25px rgba(170, 22, 36, 0.45) !important;
}

.flip_button_left:active,
.flip_button_right:active {
    transform: translateY(-50%) scale(0.95) !important;
}

.flip_button_left img,
.flip_button_right img {
    display: none !important;
}

.flip_button_left::after {
    content: "" !important;
    width: 20px !important;
    height: 20px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='2.5' stroke='white'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M15.75 19.5L8.25 12l7.5-7.5'/%3E%3C/svg%3E") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    display: block !important;
}

.flip_button_right::after {
    content: "" !important;
    width: 20px !important;
    height: 20px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='2.5' stroke='white'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M8.25 4.5l7.5 7.5-7.5 7.5'/%3E%3C/svg%3E") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    display: block !important;
}


/* Hide first/last page helper arrows to keep side edges extremely clean */
.flip_button_first,
.flip_button_last {
    display: none !important;
}

/* Modern Hover Page Number Tooltip/Hint Styling */
.hint {
    z-index: 100002 !important;
    background: rgba(15, 23, 42, 0.85) !important;
    /* Premium macOS style dark glass */
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1.5px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 8px !important;
    padding: 6px 14px !important;
    color: #ffffff !important;
    /* Clean modern white instead of yellow */
    font-family: 'Segoe UI', Roboto, -apple-system, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5) !important;
    transition: opacity 0.15s ease, transform 0.15s ease !important;
    text-align: center !important;
    line-height: normal !important;
}

.hint_active {
    cursor: pointer !important;
}

.hint_active:hover {
    background: #AA1624 !important;
    /* Corporate red on hover */
    border-color: rgba(255, 255, 255, 0.3) !important;
}


/* Active voice button state styling */
.page-voice-btn.active {
    background: #AA1624 !important;
    /* Corporate red background */
    border-color: rgba(255, 255, 255, 0.3) !important;
    animation: pulse-red-modern 1.5s infinite !important;
    border-radius: 20px !important;
}

.page-voice-btn.active .lang-text {
    color: #ffffff !important;
}

@keyframes pulse-red-modern {
    0% {
        box-shadow: 0 0 0 0 rgba(170, 22, 36, 0.5), 0 4px 12px rgba(0, 0, 0, 0.2);
    }

    70% {
        box-shadow: 0 0 0 8px rgba(170, 22, 36, 0), 0 4px 12px rgba(0, 0, 0, 0.2);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(170, 22, 36, 0), 0 4px 12px rgba(0, 0, 0, 0.2);
    }
}

@keyframes voice-btn-pulse-white {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.35), 0 2px 6px rgba(0, 0, 0, 0.15);
    }

    70% {
        box-shadow: 0 0 0 8px rgba(255, 255, 255, 0), 0 2px 6px rgba(0, 0, 0, 0.15);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0), 0 2px 6px rgba(0, 0, 0, 0.15);
    }
}

/* Modern Hover Animation for Interactive Catalog Links / Hotspots */
.leo-comp--link,
a.leo-comp--link,
.link,
a.link,
.fb-link,
a.fb-link,
[class*="comp--link"],
div[id*="link"],
.left-face a,
.right-face a,
.page-face a,
div:has(> img[data-page-num]) a {
    transition: all 0.25s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    border: 1px solid transparent !important;
    border-radius: 4px !important;
}

.leo-comp--link:hover,
a.leo-comp--link:hover,
.link:hover,
a.link:hover,
.fb-link:hover,
a.fb-link:hover,
[class*="comp--link"]:hover,
div[id*="link"]:hover,
.left-face a:hover,
.right-face a:hover,
.page-face a:hover,
div:has(> img[data-page-num]) a:hover {
    background-color: rgba(170, 22, 36, 0.15) !important;
    /* Premium corporate red glass tint */
    border: 1.5px solid rgba(170, 22, 36, 0.5) !important;
    /* Glowing corporate red border */
    box-shadow: 0 0 15px rgba(170, 22, 36, 0.4), inset 0 0 8px rgba(170, 22, 36, 0.2) !important;
    /* Inner & outer glow */
    transform: scale(1.01) !important;
    /* Soft physical press feedback */
    cursor: pointer !important;
}

/* Premium Page Loading Spinner Override */
.katalogLoading {
    background-image: none !important;
    position: absolute !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.katalogLoading::after {
    content: "" !important;
    width: 32px !important;
    height: 32px !important;
    border: 2.5px solid rgba(255, 255, 255, 0.15) !important;
    border-top: 2.5px solid #AA1624 !important;
    /* Corporate red spinner accent */
    border-radius: 50% !important;
    animation: katalog-spin 0.8s cubic-bezier(0.5, 0.15, 0.5, 0.85) infinite !important;
    display: block !important;
    box-shadow: 0 0 15px rgba(170, 22, 36, 0.2) !important;
}

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

/* Premium Search/Component Loading Spinner Override */
.leo-loading::before {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 24px !important;
    height: 24px !important;
    margin: -12px 0 0 -12px !important;
    border: 2px solid rgba(255, 255, 255, 0.15) !important;
    border-top: 2px solid #AA1624 !important;
    border-radius: 50% !important;
    animation: katalog-spin 0.8s linear infinite !important;
    z-index: 99999999 !important;
    background: none !important;
    padding: 0 !important;
    pointer-events: none !important;
    opacity: 0.75 !important;
}

.page-voice-btn.loading-voice .flag-wrapper {
    animation: pulse-loading-voice 1.2s infinite ease-in-out !important;
    -webkit-animation: pulse-loading-voice 1.2s infinite ease-in-out !important;
}

@keyframes pulse-loading-voice {

    0%,
    100% {
        transform: scale(0.95);
        opacity: 0.6;
    }

    50% {
        transform: scale(1.1);
        opacity: 1;
    }
}

.share_form .miniProgramCode,
.share_form .bigMiniProgram {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Premium Page Hyperlink Highlights on Hover */
.expose-square-solid,
.leo-action-trigger,
.hi-action,
.leo-comp--link {
    cursor: pointer !important;
    transition: background-color 0.35s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.35s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-sizing: border-box !important;
}

.expose-square-solid:hover,
.leo-action-trigger:hover,
.hi-action:hover,
.leo-comp--link:hover {}

.page-voice-btn:hover {
    transform: translateY(-2px) scale(1.12) !important;
    /* Grow slightly and float */
}

/* Bypass Flip HTML5 watermark anti-tamper and hide top-left demo bar */
body>div[style*="305px"][style*="70px"] {
    opacity: 0.001 !important;
    pointer-events: none !important;
    clip-path: circle(0) !important;
    -webkit-clip-path: circle(0) !important;
}

/* Konya Kağıt Premium Modern Voice Buttons (Sleek Glassmorphic Pill Style) */
.page-voice-btn {
    position: absolute !important;
    display: flex !important;
    align-items: center !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    height: 38px !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    z-index: 9999 !important;
    cursor: pointer !important;
    pointer-events: auto !important;
}

.page-voice-btn:hover {
    transform: translateY(-2px) !important;
}

.page-voice-btn .flag-wrapper {
    position: relative !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    z-index: 2 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18) !important;
    background: #ffffff !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    border: 2px solid #AA1624 !important;
    /* Elegant corporate red border */
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    box-sizing: border-box !important;
}

.page-voice-btn:hover .flag-wrapper {
    box-shadow: 0 6px 16px rgba(170, 22, 36, 0.3) !important;
    transform: scale(1.05) !important;
}

.page-voice-btn .flag-svg {
    position: absolute !important;
    top: -1px !important;
    left: -1px !important;
    width: calc(100% + 2px) !important;
    height: calc(100% + 2px) !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 50% !important;
    display: block !important;
}

.page-voice-btn .play-badge {
    position: absolute !important;
    bottom: -1px !important;
    right: -1px !important;
    width: 14px !important;
    height: 14px !important;
    background: #112031 !important;
    /* Corporate dark navy */
    border-radius: 50% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    border: 1.5px solid #ffffff !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) !important;
    transition: all 0.2s ease !important;
    z-index: 3 !important;
}

.page-voice-btn .play-badge svg {
    width: 8px !important;
    height: 8px !important;
    display: block !important;
}

.page-voice-btn .lang-text {
    background: rgba(255, 255, 255, 0.9) !important;
    /* Premium semi-transparent white */
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    color: #112031 !important;
    /* Corporate dark navy text */
    border: 1px solid rgba(17, 32, 49, 0.15) !important;
    padding: 0 12px 0 20px !important;
    border-radius: 20px !important;
    /* Fully rounded modern pill shape */
    font-size: 11px !important;
    font-weight: 700 !important;
    font-family: 'Segoe UI', Roboto, -apple-system, sans-serif !important;
    margin-left: -16px !important;
    z-index: 1 !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08) !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    letter-spacing: 0.8px !important;
    height: 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.page-voice-btn:hover .lang-text {
    background: #ffffff !important;
    border-color: rgba(170, 22, 36, 0.4) !important;
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.12) !important;
}

.page-voice-btn.active .lang-text {
    background: #AA1624 !important;
    /* Corporate red for active playing state */
    border-color: #AA1624 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 15px rgba(170, 22, 36, 0.35) !important;
}

.page-voice-btn.active .play-badge {
    background: #AA1624 !important;
    border-color: #ffffff !important;
}

/* Container for side-by-side voice buttons */
.voice-buttons-container {
    position: absolute !important;
    top: 8px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    z-index: 99999999 !important;
    pointer-events: none !important;
}

.voice-buttons-container .page-voice-btn {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    pointer-events: auto !important;
}

/* Left page (even numbers): centered horizontally at the top */
.left-face .voice-buttons-container,
.voice-buttons-container.left-page-container {
    top: 15px !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    -webkit-transform: translateX(-50%) !important;
    flex-direction: row !important;
}

/* Right page (odd numbers): centered horizontally at the top */
.right-face .voice-buttons-container,
.voice-buttons-container.right-page-container {
    top: 15px !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    -webkit-transform: translateX(-50%) !important;
    flex-direction: row !important;
}

/* Voice Loading Pulse Animation */
.page-voice-btn.loading-voice {
    pointer-events: none !important;
    opacity: 0.75 !important;
}

.page-voice-btn.loading-voice .flag-wrapper {
    animation: pulse-loading-voice 1.2s infinite ease-in-out !important;
    -webkit-animation: pulse-loading-voice 1.2s infinite ease-in-out !important;
}

@keyframes pulse-loading-voice {

    0%,
    100% {
        transform: scale(0.95);
        opacity: 0.6;
    }

    50% {
        transform: scale(1.1);
        opacity: 1;
    }
}

@-webkit-keyframes pulse-loading-voice {

    0%,
    100% {
        -webkit-transform: scale(0.95);
        opacity: 0.6;
    }

    50% {
        -webkit-transform: scale(1.1);
        opacity: 1;
    }
}

@keyframes voice-btn-pulse-white {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.35), 0 2px 6px rgba(0, 0, 0, 0.15);
    }

    70% {
        box-shadow: 0 0 0 8px rgba(255, 255, 255, 0), 0 2px 6px rgba(0, 0, 0, 0.15);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0), 0 2px 6px rgba(0, 0, 0, 0.15);
    }
}

@keyframes pulse-red-modern {
    0% {
        box-shadow: 0 0 0 0 rgba(170, 22, 36, 0.5), 0 4px 12px rgba(0, 0, 0, 0.2);
    }

    70% {
        box-shadow: 0 0 0 8px rgba(170, 22, 36, 0), 0 4px 12px rgba(0, 0, 0, 0.2);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(170, 22, 36, 0), 0 4px 12px rgba(0, 0, 0, 0.2);
    }
}

/* Completely hide all hover tooltips and text bubbles */
.text_bubble,
.text_bubble_content,
.text_bubble_arrow,
.text_bubble_text {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* Hide WeChat Mini Program / Small Program elements completely */
.share_form .codeButton,
.share_form .miniProgram,
.share_form .miniProgramCode,
.share_form .bigMiniProgram {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Premium Page Hyperlink Highlights on Hover */
.expose-square-solid,
.leo-action-trigger,
.hi-action,
.leo-comp--link {
    cursor: pointer !important;
    transition: background-color 0.35s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.35s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-sizing: border-box !important;
}

.expose-square-solid:hover,
.leo-action-trigger:hover,
.hi-action:hover,
.leo-comp--link:hover {
    background-color: rgba(170, 22, 36, 0.15) !important;
    /* Elegant corporate red wash */
    box-shadow: 0 0 0 1px rgba(170, 22, 36, 0.35) !important;
    /* Soft border outline */
    border-radius: 4px !important;
}

/* Prevent browser's default broken image icon from showing during page load */
img:not([src]),
img[src=""],
img[src="null"],
img[src="undefined"] {
    content: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

img {
    position: relative;
}

img::before {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff !important;
    /* Elegant white page placeholder */
    z-index: 99;
}

/* Show the copy tooltip even if standard hints are hidden */
.hint.hint_active {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

.page-face,
.page-face *,
.page-text,
.text-layer,
.leo-comp--txt,
.leo-comp--txt__content,
.leo-comp--txt__content p,
div[id*="select"],
div[id*="highlight"] {
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    user-select: text !important;
}

/* Floating Top-Center Konya Kağıt Logo Styling */
.top-center-logo {
    position: fixed !important;
    top: 15px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    -webkit-transform: translateX(-50%) !important;
    z-index: 9999999 !important;
    /* Enforce high z-index to stay above flipbook viewport */
    pointer-events: none !important;
    /* Clicks pass through to the flipbook/canvas underneath */
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.top-center-logo img {
    height: 42px !important;
    width: auto !important;
    filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.45)) !important;
}

/* Make it smaller on mobile screens so it does not crowd catalog content */
@media (max-width: 768px) {
    .top-center-logo {
        top: 10px !important;
    }

    .top-center-logo img {
        height: 24px !important;
    }
}

/* Outer Background Colors */
body,
html,
#book-container,
.book-container {
    background-color: #112031;
}

/* ============================================================
   PREMIUM ZOOM CONTROL BAR — Konya Kağıt Katalog 2026
   Floating island design, glassmorphism + brand red accents
   ============================================================ */

@keyframes zoomBarAppear {
    from {
        opacity: 0;
        transform: translateX(-50%) translateY(12px) scale(0.92);
    }

    to {
        opacity: 1;
        transform: translateX(-50%) translateY(0) scale(1);
    }
}

.zoomControlBar {
    position: fixed !important;
    bottom: 90px !important;
    top: auto !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    -webkit-transform: translateX(-50%) !important;
    width: auto !important;
    min-width: 0 !important;
    height: 52px !important;
    border-radius: 999px !important;

    /* Deep glass surface */
    background: linear-gradient(135deg,
            rgba(10, 18, 32, 0.92) 0%,
            rgba(17, 32, 49, 0.92) 100%) !important;
    backdrop-filter: blur(28px) saturate(200%) !important;
    -webkit-backdrop-filter: blur(28px) saturate(200%) !important;

    /* Subtle rim highlight + deep shadow */
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    box-shadow:
        0 0 0 1px rgba(0, 0, 0, 0.4),
        0 8px 32px rgba(0, 0, 0, 0.55),
        0 2px 8px rgba(0, 0, 0, 0.35),
        inset 0 1px 0 rgba(255, 255, 255, 0.10) !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 14px !important;
    gap: 4px !important;
    z-index: 9999999 !important;
    opacity: 1 !important;
    animation: zoomBarAppear 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) both !important;
    transition: box-shadow 0.25s ease, transform 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
    overflow: visible !important;
}

.zoomControlBar:hover {
    box-shadow:
        0 0 0 1px rgba(170, 22, 36, 0.35),
        0 16px 48px rgba(0, 0, 0, 0.65),
        0 4px 12px rgba(170, 22, 36, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
    transform: translateX(-50%) translateY(-2px) !important;
}

/* ── Individual Buttons ───────────────────────────────────── */
.zoomControlBar .button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.09) !important;
    transition:
        background 0.18s ease,
        border-color 0.18s ease,
        transform 0.18s cubic-bezier(0.34, 1.56, 0.64, 1),
        box-shadow 0.18s ease !important;
    opacity: 1 !important;
    position: relative !important;
    cursor: pointer !important;
    top: auto !important;
    left: auto !important;
    margin: 0 2px !important;
    color: rgba(255, 255, 255, 0.85) !important;
    font-family: 'Inter', system-ui, -apple-system, sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    flex-shrink: 0 !important;
}

.zoomControlBar .button:hover {

    transform: scale(1.14) !important;
    color: #ffffff !important;
}

.zoomControlBar .button:active {
    transform: scale(0.90) !important;

}

.zoomControlBar .button img {
    width: 16px !important;
    height: 16px !important;
    margin: 0 !important;
    display: block !important;
    filter: brightness(0) invert(1) !important;
    pointer-events: none !important;
    transition: transform 0.18s ease !important;
}

.zoomControlBar .button:hover img {
    transform: scale(1.05) !important;
}

/* ── Divider between button groups ───────────────────────── */
.zoomControlBar::before {
    content: '' !important;
    display: block !important;
    width: 1px !important;
    height: 22px !important;
    background: linear-gradient(to bottom,
            transparent,
            rgba(255, 255, 255, 0.18),
            transparent) !important;
    margin: 0 6px !important;
    flex-shrink: 0 !important;
    pointer-events: none !important;
    align-self: center !important;
}

/* ── Reset all unwanted decoration ───────────────────────── */
.zoomControlBar,
.zoomControlBar *,
.zoomControlBar *::before,
.zoomControlBar *::after {
    text-decoration: none !important;
    outline: none !important;
}

/* Only the main bar's box-shadow is defined above; strip child box-shadows */
.zoomControlBar .button,
.zoomControlBar .button:focus {
    border-bottom: none !important;
}

/* Completely remove any underline, border, outline, or line indicator under bottom menu items when hovered */
.fbToolBar *,
.fbToolBar *::before,
.fbToolBar *::after {
    border-bottom: none !important;
    text-decoration: none !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Interactive Contact Links on Last Page (Bottom Center) */
.last-page-contacts {
    position: absolute !important;
    bottom: 4% !important;
    top: auto !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 12px !important;
    z-index: 10002 !important;
    pointer-events: auto !important;
}

.contact-icon-link {
    width: 38px !important;
    height: 38px !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: none !important;
    box-shadow: none !important;
    cursor: pointer !important;
    pointer-events: auto !important;
}

div:has(> img[data-page-num]) a.contact-icon-link:hover,
div:has(> img[data-page-num]) a.contact-icon-link:active,
div:has(> img[data-page-num]) a.contact-icon-link:focus,
div:has(> img[data-page-num]) a.contact-icon-link:focus-visible,
.left-face a.contact-icon-link:hover,
.left-face a.contact-icon-link:active,
.left-face a.contact-icon-link:focus,
.left-face a.contact-icon-link:focus-visible,
.right-face a.contact-icon-link:hover,
.right-face a.contact-icon-link:active,
.right-face a.contact-icon-link:focus,
.right-face a.contact-icon-link:focus-visible,
.contact-icon-link:hover,
.contact-icon-link:active,
.contact-icon-link:focus,
.contact-icon-link:focus-visible {
    transform: none !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    transition: none !important;
}

.contact-icon-link.whatsapp:hover,
.contact-icon-link.email:hover,
.contact-icon-link.phone:hover,
.contact-icon-link.location:hover {
    background-color: #AA1624 !important;
    background: #AA1624 !important;
}

.contact-icon-link.whatsapp,
.contact-icon-link.email,
.contact-icon-link.phone,
.contact-icon-link.location {
    background-color: #AA1624 !important;
    background: #AA1624 !important;
}

.contact-icon-link svg {
    width: 20px !important;
    height: 20px !important;
    fill: #ffffff !important;
}

/* Text link overlays on contact page - no border on hover */
.text-link-overlay,
.text-link-overlay:hover,
.text-link-overlay:active,
.text-link-overlay:focus,
.text-link-overlay:focus-visible {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
    transform: none !important;
}

/* Premium Right-Click Context Menu Styling */
.customMunu {
    background: rgba(15, 23, 42, 0.9) !important;
    /* Dark Slate Glassmorphism */
    backdrop-filter: blur(20px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 14px !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.5) !important;
    padding: 6px 0 !important;
    width: 190px !important;
    /* Slightly more compact */
}

/* Individual context menu buttons */
.customMunu>div {
    background: transparent !important;
    /* Remove inline white background */
    width: 100% !important;
    height: 38px !important;
    line-height: 38px !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 16px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
}

/* Hover style for context menu items */
.customMunu>div:hover {
    background: #AA1624 !important;
    /* Konya Kağıt Corporate Red highlight */
}

/* Icons inside context menu */
.customMunu>div img {
    width: 16px !important;
    height: 16px !important;
    margin: 0 12px 0 0 !important;
    /* Correct spacing */
    float: none !important;
    filter: brightness(0) invert(1) !important;
    /* Force black icons to be white */
    transition: transform 0.2s ease !important;
}

.customMunu>div:hover img {
    transform: scale(1.1) !important;
}

/* Text inside context menu */
.customMunu>div span {
    color: #ffffff !important;
    /* Crisp white text */
    font-family: system-ui, -apple-system, sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    float: none !important;
    margin: 0 !important;
}