:root {
    --header-top-height: 44px;
    --header-shell-height: 78px;
    --container-width: 1320px;
    --brand-primary: #1475ba;
    --brand-secondary: #26a9e1;
    --brand-tertiary: #f2f3fa;
    --text-dark: #162230;
    --text-light: #f4f7fb;
    --text-muted: rgba(244, 247, 251, 0.82);
    --line-light: rgba(255, 255, 255, 0.16);
    --line-dark: rgba(22, 34, 48, 0.08);
    --shadow: 0 20px 48px rgba(10, 23, 36, 0.18);
    --shadow-soft: 0 18px 40px rgba(8, 17, 28, 0.24);
    --surface-dark: rgba(13, 22, 33, 0.92);
    --surface-light: rgba(255, 255, 255, 0.96);
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

html,
body {
    margin: 0;
    padding: 0;
}

body {
    font-family: "Barlow", "Segoe UI", Tahoma, sans-serif;
    background: #ffffff;
    color: var(--text-dark);
}

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

a {
    color: inherit;
    transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

.header-area .container,
.slider-area .container {
    width: min(var(--container-width), calc(100% - 44px));
    max-width: none;
}

.theme-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0 22px;
    border: 1px solid transparent;
    border-radius: 999px;
    background: linear-gradient(135deg, #ffffff, #d8ebff);
    color: #10202f;
    font-size: 0.95rem;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    box-shadow: 0 12px 24px rgba(9, 22, 34, 0.12);
}

.theme-button .btn-icon {
    margin-left: 8px;
}

.theme-button:hover {
    transform: translateY(-1px);
    background: var(--brand-primary);
    color: #ffffff;
}

.header-area {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
}

.header-area .header-top {
    position: relative;
    z-index: 2;
    background: rgba(7, 12, 18, 0.58);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(10px);
}

.header-area .header-top .row {
    min-height: var(--header-top-height);
}

.header-area .header-top .info-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 14px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.header-area .header-top .header-top-info {
    height: 100%;
    display: flex;
    align-items: center;
}

.header-area .header-top .header-login-info {
    justify-content: flex-end;
}

.header-area .header-top .info-list li {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: rgba(255, 255, 255, 0.74);
    font-size: 0.86rem;
    line-height: 1;
    margin: 0;
}

.header-area .header-top .info-list li i {
    color: rgba(255, 255, 255, 0.62);
}

.header-area .header-top .info-list li a {
    color: rgba(255, 255, 255, 0.86);
    text-decoration: none;
}

.header-area .header-top .info-list li a:hover {
    color: #ffffff;
}

.header-area .header-top .info-list li a.theme-button {
    min-height: 38px;
    padding: 0 16px;
    font-size: 0.85rem;
}

.header-area .header-menu-wrapper {
    position: fixed;
    top: var(--header-top-height);
    left: 0;
    right: 0;
    z-index: 3;
    padding-top: 18px;
    transition: top 0.25s ease, padding 0.25s ease;
}

.header-area .header-menu-wrapper .row {
    min-height: var(--header-shell-height);
    align-items: center;
    margin: 0;
    padding: 0 24px;
    border-radius: 28px;
    border: 1px solid var(--line-light);
    background: rgba(255, 255, 255, 0.04);
    backdrop-filter: blur(14px);
    box-shadow: var(--shadow-soft);
}

.header-area .header-menu-wrapper .col-lg-3,
.header-area .header-menu-wrapper .col-lg-9 {
    padding-left: 0;
    padding-right: 0;
}

.header-area .header-menu-wrapper.header-fixed {
    top: 12px;
    padding-top: 0;
}

.header-area .header-menu-wrapper.header-fixed .row {
    background: var(--surface-light);
    border-color: var(--line-dark);
    box-shadow: var(--shadow);
}

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

.logo a {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}

.logo img {
    width: auto;
    max-height: 90px;
    object-fit: contain;
    filter: drop-shadow(0 2px 10px rgba(0, 0, 0, 0.18));
    transition: max-height 0.2s ease, transform 0.2s ease;
}

.header-area .header-menu-wrapper.header-fixed .logo img {
    max-height: 78px;
    transform: translateY(-1px);
}

.main-menu-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.main-menu-content {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.main-menu-content nav {
    flex: 1;
    display: flex;
    justify-content: center;
}

.main-menu-content nav ul {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.main-menu-content nav ul li {
    position: relative;
    margin: 0;
}

.main-menu-content nav ul li > a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 12px;
    border-radius: 999px;
    color: var(--text-light);
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.1;
    text-decoration: none;
}

.main-menu-content nav ul li:hover > a {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.08);
}

.main-menu-content nav ul li > a i {
    font-size: 0.72em;
}

.header-area .header-menu-wrapper.header-fixed .main-menu-content nav ul li > a {
    color: var(--text-dark);
}

.header-area .header-menu-wrapper.header-fixed .main-menu-content nav ul li:hover > a {
    background: rgba(21, 33, 46, 0.06);
}

.dropdown-menu-item {
    position: absolute;
    top: calc(100% + 14px);
    left: 50%;
    min-width: 250px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin: 0;
    padding: 12px;
    list-style: none;
    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    background: rgba(13, 22, 33, 0.96);
    backdrop-filter: blur(16px);
    box-shadow: var(--shadow-soft);
    opacity: 0;
    visibility: hidden;
    transform: translate(-50%, 10px);
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
}

.main-menu-content nav ul li:hover > .dropdown-menu-item {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, 0);
}

.dropdown-menu-item li {
    width: 100%;
}

.dropdown-menu-item li a {
    display: block;
    padding: 10px 12px;
    border-radius: 12px;
    color: #ffffff;
    font-size: 0.95rem;
    font-weight: 500;
    line-height: 1.45;
    text-decoration: none;
    white-space: normal;
}

.dropdown-menu-item li a:hover {
    background: rgba(255, 255, 255, 0.08);
}

.header-area .header-menu-wrapper.header-fixed .dropdown-menu-item {
    border-color: rgba(22, 34, 48, 0.08);
    background: rgba(255, 255, 255, 0.98);
}

.header-area .header-menu-wrapper.header-fixed .dropdown-menu-item li a {
    color: var(--text-dark);
}

.header-area .header-menu-wrapper.header-fixed .dropdown-menu-item li a:hover {
    background: rgba(21, 33, 46, 0.05);
}

.logo-right-button {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-left: 20px;
}

.logo-right-button ul {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.logo-right-button ul li {
    margin: 0;
}

.logo-right-button .cart__icon > a,
.logo-right-button .search-button .dropdown-toggle,
.logo-right-button .side-menu-open {
    width: 46px;
    height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.06);
    color: #ffffff;
    text-decoration: none;
    box-shadow: none;
}

.logo-right-button .cart__icon > a:hover,
.logo-right-button .search-button .dropdown-toggle:hover,
.logo-right-button .side-menu-open:hover {
    background: rgba(255, 255, 255, 0.14);
}

.header-area .header-menu-wrapper.header-fixed .cart__icon > a,
.header-area .header-menu-wrapper.header-fixed .search-button .dropdown-toggle,
.header-area .header-menu-wrapper.header-fixed .side-menu-open {
    border-color: rgba(22, 34, 48, 0.08);
    background: rgba(248, 251, 255, 0.94);
    color: var(--text-dark);
}

.cart__icon {
    position: relative;
}

.cart__item-count {
    position: absolute;
    top: -6px;
    right: -6px;
    min-width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 6px;
    border-radius: 999px;
    background: var(--brand-secondary);
    color: #0d1722;
    font-size: 0.72rem;
    font-weight: 700;
    line-height: 1;
}

.logo-right-button .search-button .dropdown-menu {
    margin-top: 14px;
    min-width: 320px;
    padding: 16px;
    border: 1px solid rgba(22, 34, 48, 0.08);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: var(--shadow);
}

.logo-right-button .search-button .form-control {
    min-height: 50px;
    border-radius: 14px;
    border: 1px solid rgba(22, 34, 48, 0.1);
    box-shadow: none;
}

.logo-right-button .search-button .form-control:focus {
    border-color: var(--brand-primary);
    box-shadow: 0 0 0 4px rgba(22, 48, 71, 0.08);
}

.side-menu-open {
    display: none;
    flex-direction: column;
    gap: 5px;
    padding: 0;
    cursor: pointer;
}

.side-menu-open .menu__bar {
    width: 20px;
    height: 2px;
    border-radius: 999px;
    background: currentColor;
}

.slider-area3 {
    position: relative;
    min-height: 100vh;
    overflow: hidden;
    background: #0b1521;
}

.slider-area3::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background:
        radial-gradient(circle at 22% 20%, rgba(79, 119, 154, 0.18), transparent 28%),
        linear-gradient(to bottom, rgba(10, 15, 21, 0.26) 0%, rgba(10, 15, 21, 0.36) 35%, rgba(10, 15, 21, 0.58) 100%),
        linear-gradient(to right, rgba(8, 14, 22, 0.72) 0%, rgba(8, 14, 22, 0.24) 54%, rgba(8, 14, 22, 0.08) 100%);
}

.slider-area3 .slider-fluid,
.slider-area3 #amazingslider-wrapper-1,
.slider-area3 #amazingslider-1 {
    position: relative !important;
    width: 100% !important;
    max-width: none !important;
}

.slider-area3 #amazingslider-wrapper-1 {
    margin: 0 !important;
}

.slider-area3 .amazingslider-box-1,
.slider-area3 .amazingslider-slides-container,
.slider-area3 .amazingslider-image {
    height: min(100vh, 860px) !important;
}

.slider-area3 .amazingslider-image img {
    object-fit: cover !important;
    object-position: center center !important;
}

.slider-area3 .amazingslider-text-box-1 {
    z-index: 4 !important;
    width: min(1320px, calc(100% - 44px)) !important;
    margin: 0 auto !important;
}

.slider-area3 .amazingslider-nav-1 {
    z-index: 4 !important;
}

.side-nav-container {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: min(360px, 100%);
    padding: 24px 22px 32px;
    background: rgba(9, 16, 25, 0.98);
    box-shadow: -20px 0 48px rgba(5, 10, 16, 0.32);
    transform: translateX(100%);
    transition: transform 0.3s ease;
    z-index: 1200;
    overflow-y: auto;
}

.side-nav-container.active {
    transform: translateX(0);
}

.humburger-menu {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 22px;
}

.humburger-menu-lines {
    position: relative;
    width: 42px;
    height: 42px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 14px;
    cursor: pointer;
}

.humburger-menu-lines::before,
.humburger-menu-lines::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 18px;
    height: 2px;
    border-radius: 999px;
    background: #ffffff;
}

.humburger-menu-lines::before {
    transform: translate(-50%, -50%) rotate(45deg);
}

.humburger-menu-lines::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.side-menu-ul,
.side-sub-menu {
    margin: 0;
    padding: 0;
    list-style: none;
}

.side-menu-ul .sidenav__item {
    position: relative;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.side-menu-ul .sidenav__item > a {
    display: block;
    padding: 15px 28px 15px 0;
    color: #ffffff;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.35;
    text-decoration: none;
}

.side-menu-ul .sidenav__item > a:hover {
    color: rgba(255, 255, 255, 0.76);
}

.side-menu-ul .menu-plus-icon {
    position: absolute;
    top: 18px;
    right: 0;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.side-menu-ul .menu-plus-icon::before,
.side-menu-ul .menu-plus-icon::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 2px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.78);
    transform: translate(-50%, -50%);
}

.side-menu-ul .menu-plus-icon::after {
    transform: translate(-50%, -50%) rotate(90deg);
}

.side-menu-ul .sidenav__item.active > .menu-plus-icon::after {
    opacity: 0;
}

.side-sub-menu {
    display: none;
    padding: 0 0 12px 14px;
}

.side-sub-menu li a {
    display: block;
    padding: 8px 0;
    color: rgba(255, 255, 255, 0.78);
    font-size: 0.92rem;
    text-decoration: none;
}

.side-sub-menu li a:hover {
    color: #ffffff;
}

@media (max-width: 1199px) {
    .header-area .header-top .info-list {
        gap: 10px;
    }

    .header-area .header-menu-wrapper .row {
        padding: 0 18px;
    }

    .logo img {
        max-height: 80px;
    }

    .main-menu-content {
        gap: 18px;
    }

    .main-menu-content nav ul li > a {
        padding: 9px 10px;
        font-size: 0.94rem;
    }
}

@media (max-width: 991px) {
    .header-area .header-top {
        display: none;
    }

    .header-area .header-menu-wrapper {
        top: 16px;
        padding-top: 0;
    }

    .header-area .header-menu-wrapper .container {
        width: calc(100% - 24px);
    }

    .header-area .header-menu-wrapper .row {
        min-height: 72px;
        padding: 0 16px;
        border-radius: 22px;
    }

    .logo img,
    .header-area .header-menu-wrapper.header-fixed .logo img {
        max-height: 68px;
    }

    .main-menu-content nav,
    .logo-right-button ul {
        display: none;
    }

    .main-menu-content {
        justify-content: flex-end;
    }

    .side-menu-open {
        display: inline-flex;
    }

    .slider-area3 .amazingslider-box-1,
    .slider-area3 .amazingslider-slides-container,
    .slider-area3 .amazingslider-image {
        height: min(88vh, 760px) !important;
    }
}

@media (max-width: 640px) {
    .header-area .header-menu-wrapper .container,
    .slider-area .container {
        width: calc(100% - 24px);
    }

    .header-area .header-menu-wrapper .row {
        min-height: 68px;
        padding: 0 14px;
    }

    .logo img,
    .header-area .header-menu-wrapper.header-fixed .logo img {
        max-height: 62px;
    }

    .logo-right-button .cart__icon > a,
    .logo-right-button .search-button .dropdown-toggle,
    .logo-right-button .side-menu-open {
        width: 42px;
        height: 42px;
        border-radius: 12px;
    }

    .logo-right-button .search-button .dropdown-menu {
        min-width: 280px;
        right: 0;
        left: auto;
    }

    .slider-area3 .amazingslider-box-1,
    .slider-area3 .amazingslider-slides-container,
    .slider-area3 .amazingslider-image {
        height: min(82vh, 680px) !important;
    }
}


/* Header Refinement */
.header-area .header-top {
    background: rgba(12, 18, 26, 0.42);
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

.header-area .header-top .row {
    min-height: 40px;
}

.header-area .header-top .info-list {
    gap: 12px;
}

.header-area .header-top .info-list li {
    font-size: 0.82rem;
    white-space: nowrap;
}

.header-area .header-top .info-list li a.theme-button {
    min-height: 34px;
    padding: 0 14px;
    font-size: 0.8rem;
}

.header-area .header-top .info-list li.hesapbtn {
    position: relative;
}

.header-area .header-top .info-list li .lang-drop-menu {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    min-width: 210px;
    margin: 0;
    padding: 10px;
    list-style: none;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(13, 22, 33, 0.96);
    backdrop-filter: blur(16px);
    box-shadow: var(--shadow-soft);
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px);
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
}

.header-area .header-top .info-list li:hover .lang-drop-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.header-area .header-top .info-list li .lang-drop-menu li {
    display: block;
}

.header-area .header-top .info-list li .lang-drop-menu li a {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    border-radius: 12px;
    color: #ffffff;
    font-size: 0.9rem;
}

.header-area .header-top .info-list li .lang-drop-menu li a:hover {
    background: rgba(255, 255, 255, 0.08);
}

.header-area .header-menu-wrapper {
    top: calc(var(--header-top-height) + 14px);
    padding-top: 0;
}

.header-area .header-menu-wrapper.header-fixed {
    top: 12px;
}

.header-area .header-menu-wrapper .container {
    position: relative;
}

.header-area .header-menu-wrapper .row {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 18px;
    min-height: 74px;
    padding: 0 18px;
    border-radius: 30px;
    border-color: rgba(255, 255, 255, 0.12);
    background: linear-gradient(135deg, rgba(10, 18, 28, 0.56), rgba(86, 97, 111, 0.2));
}

.header-area .header-menu-wrapper .col-lg-3 {
    flex: 0 0 120px !important;
    max-width: 120px !important;
    width: 120px !important;
}

.header-area .header-menu-wrapper .col-lg-9 {
    flex: 1 1 auto !important;
    max-width: calc(100% - 120px) !important;
    width: auto !important;
}

.header-area .header-menu-wrapper.header-fixed .row {
    background: rgba(255, 255, 255, 0.94);
}

.logo {
    min-width: 120px;
}

.logo img {
    max-height: 66px;
}

.header-area .header-menu-wrapper.header-fixed .logo img {
    max-height: 58px;
}

.main-menu-wrapper {
    min-width: 0;
}

.main-menu-content {
    gap: 12px;
    min-width: 0;
}

.main-menu-content nav {
    min-width: 0;
    justify-content: center;
}

.main-menu-content nav ul {
    width: 100%;
    min-width: 0;
    flex-wrap: nowrap !important;
    justify-content: center;
    gap: 2px;
}

.main-menu-content nav ul li {
    flex: 0 0 auto;
}

.main-menu-content nav ul li > a {
    padding: 11px 7px;
    font-size: 0.88rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    white-space: nowrap;
}

.dropdown-menu-item {
    top: calc(100% + 10px);
    min-width: 230px;
}

.logo-right-button {
    flex: 0 0 auto;
    gap: 8px;
    margin-left: 8px;
}

.logo-right-button ul {
    gap: 8px;
}

.logo-right-button ul li {
    position: relative;
}

.logo-right-button .cart__icon > a,
.logo-right-button .search-button .dropdown-toggle,
.logo-right-button .side-menu-open {
    width: 44px;
    height: 44px;
    border-radius: 14px;
}

.logo-right-button .search-button .dropdown-toggle::after {
    display: none;
}

.logo-right-button .search-button .dropdown-toggle {
    padding: 0;
}

.logo-right-button .cart__items {
    position: absolute;
    top: calc(100% + 12px);
    right: 0;
    width: 330px;
    padding: 14px;
    border-radius: 18px;
    border: 1px solid rgba(22, 34, 48, 0.08);
    background: rgba(255, 255, 255, 0.98);
    box-shadow: var(--shadow);
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
}

.logo-right-button ul li:hover .cart__items {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.logo-right-button .cart__items .items {
    display: grid;
    grid-template-columns: 64px 1fr 20px;
    gap: 12px;
    align-items: start;
    padding: 10px 0;
    border-bottom: 1px solid rgba(22, 34, 48, 0.08);
}

.logo-right-button .cart__items .items:last-of-type {
    border-bottom: 0;
}

.logo-right-button .cart__items .item__info a {
    display: block;
    color: var(--text-dark);
    font-size: 0.92rem;
    font-weight: 600;
    line-height: 1.45;
    text-decoration: none;
}

.logo-right-button .cart__items .item__info-price {
    display: inline-block;
    margin-top: 4px;
    color: #4d5d6d;
    font-size: 0.82rem;
}

.logo-right-button .cart__items .item__remove {
    color: #7c8b99;
}

.logo-right-button .cart__items .cart__info {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-top: 14px;
}

.logo-right-button .cart__items .cart__info p {
    margin: 0;
    color: var(--text-dark);
    font-size: 0.92rem;
    font-weight: 600;
}

.logo-right-button .cart__items .cart__info p span {
    color: var(--brand-primary);
}

.logo-right-button .cart__items .cart__info .theme-button {
    width: 100%;
    min-height: 42px;
}

@media (max-width: 1480px) {
    .header-area .header-menu-wrapper .col-lg-3 {
        flex-basis: 106px !important;
        max-width: 106px !important;
        width: 106px !important;
    }

    .header-area .header-menu-wrapper .col-lg-9 {
        max-width: calc(100% - 106px) !important;
    }

    .logo {
        min-width: 106px;
    }

    .logo img {
        max-height: 62px;
    }

    .main-menu-content {
        gap: 10px;
    }

    .main-menu-content nav ul li > a {
        padding: 10px 6px;
        font-size: 0.83rem;
    }

    .logo-right-button .cart__icon > a,
    .logo-right-button .search-button .dropdown-toggle,
    .logo-right-button .side-menu-open {
        width: 42px;
        height: 42px;
    }
}

@media (max-width: 1280px) {
    .header-area .header-top .info-list {
        gap: 8px;
    }

    .header-area .header-top .info-list li {
        font-size: 0.77rem;
    }

    .header-area .header-menu-wrapper .row {
        gap: 14px;
        padding: 0 16px;
    }

    .main-menu-content nav ul li > a {
        font-size: 0.78rem;
        letter-spacing: 0.01em;
    }

    .logo-right-button {
        gap: 6px;
    }
}

@media (max-width: 991px) {
    .header-area .header-menu-wrapper {
        top: 14px;
    }

    .header-area .header-menu-wrapper .row {
        min-height: 68px;
        padding: 0 14px;
        border-radius: 22px;
    }

    .header-area .header-menu-wrapper .col-lg-3,
    .header-area .header-menu-wrapper .col-lg-9 {
        width: auto !important;
        max-width: none !important;
        flex: 0 0 auto !important;
    }

    .logo,
    .main-menu-wrapper {
        min-width: 0;
    }

    .logo img,
    .header-area .header-menu-wrapper.header-fixed .logo img {
        max-height: 60px;
    }

    .logo-right-button .search-button .dropdown-menu,
    .logo-right-button .cart__items {
        display: none !important;
    }
}

.temar-v2-shell .theme-stage.is-home {
    min-height: 100vh;
    background:
        radial-gradient(circle at top left, rgba(121, 162, 197, 0.22), transparent 22%),
        linear-gradient(180deg, #0b1521 0%, #13273a 42%, #f4f7fb 42%, #f4f7fb 100%);
}

.temar-v2-shell .theme-stage.is-inner {
    padding-top: 168px;
}

@media (max-width: 991px) {
    .temar-v2-shell .theme-stage.is-inner {
        padding-top: 104px;
    }
}

/* Genel tema ile uyumlu header-top ve sabit iletisim widget'lari */
.header-area .header-top {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #1475ba;
    border-bottom: 0;
    backdrop-filter: none;
}

@media (max-width: 1199px) {
    .header-area .header-top {
        padding-bottom: 12px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .header-area .header-top .header-top-info {
        text-align: center;
    }
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
    .header-area .header-top .header-top-info {
        text-align: center;
    }
}

.header-area .header-top .header-top-info .info-list {
    gap: 0;
}

.header-area .header-top .header-top-info .info-list li {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    color: #fff;
    padding-top: 3px;
    padding-left: 15px;
    position: relative;
    font-weight: 500;
}

@media (max-width: 1199px) {
    .header-area .header-top .header-top-info .info-list li {
        padding-top: 0;
    }
}

.header-area .header-top .header-top-info .info-list li:first-child {
    padding-left: 0;
}

.header-area .header-top .header-top-info .info-list li i {
    padding-right: 5px;
    color: #fff;
}

.header-area .header-top .header-top-info .info-list li a {
    color: #fff;
    font-size: 16px;
    display: inline-block;
    text-decoration: none;
    transition: all 0.3s ease;
}

@media (max-width: 1199px) {
    .header-area .header-top .header-top-info .info-list li a {
        padding-bottom: 0;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .header-area .header-top .header-top-info .info-list li a {
        padding-bottom: 10px;
    }
}

.header-area .header-top .header-top-info .info-list li a img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-right: 2px;
}

.header-area .header-top .header-top-info .info-list li a i {
    padding-right: 3px;
}

.header-area .header-top .header-top-info .info-list li a.theme-button {
    min-height: 42px;
    padding: 0 18px;
    background-color: #26a9e1;
    padding-bottom: 0;
    box-shadow: none;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-area .header-top .header-top-info .info-list li a.theme-button {
        display: none;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .header-area .header-top .header-top-info .info-list li a.theme-button {
        display: none;
    }
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
    .header-area .header-top .header-top-info .info-list li a.theme-button {
        display: none;
    }
}

.header-area .header-top .header-top-info .info-list li a.theme-button .btn-icon {
    padding: 0;
}

.header-area .header-top .header-top-info .info-list li a.theme-button:hover {
    background-color: #fff;
}

.header-area .header-top .header-top-info .info-list li a:hover {
    color: #26a9e1;
}

.header-area .header-top .header-top-info .info-list li .lang-drop-menu {
    position: absolute;
    margin-top: 10px;
    top: 0;
    left: 0;
    width: 165px;
    background-color: #fff;
    border-radius: 4px;
    opacity: 0;
    visibility: hidden;
    z-index: 20;
    box-shadow: 0 0 40px rgba(82, 85, 90, 0.2);
    transition: all 0.3s ease;
}

.header-area .header-top .header-top-info .info-list li .lang-drop-menu li {
    display: block;
    text-align: left;
    padding-left: 0;
}

.header-area .header-top .header-top-info .info-list li .lang-drop-menu li a {
    display: block;
    padding: 0 15px 15px;
    color: #1475ba;
    text-transform: capitalize;
    transition: all 0.3s ease;
}

.header-area .header-top .header-top-info .info-list li .lang-drop-menu li a:hover {
    color: #26a9e1;
}

.header-area .header-top .header-top-info .info-list li .lang-drop-menu li a img {
    margin-right: 4px;
}

.header-area .header-top .header-top-info .info-list li .lang-drop-menu li a:first-child {
    padding-top: 15px;
}

.header-area .header-top .header-top-info .info-list li .lang-drop-menu::after {
    position: absolute;
    content: "";
    left: 50%;
    bottom: 100%;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
    transform: translateX(-50%);
}

.header-area .header-top .header-top-info .info-list li:hover .lang-drop-menu {
    top: 40px;
    opacity: 1;
    visibility: visible;
}

@media (max-width: 1024px) {
    .header-area .header-top .header-top-info .info-list li:last-child {
        padding-left: 0;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .header-area .header-top .header-top-info .info-list li:last-child {
        padding-left: 15px;
    }
}

.header-area .header-top .header-login-info {
    justify-content: flex-end;
    text-align: right;
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .header-area .header-top .header-login-info {
        justify-content: center;
        text-align: center;
        margin-top: 15px;
    }
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
    .header-area .header-top .header-login-info {
        justify-content: center;
        text-align: center;
        margin-top: 15px;
    }
}

@media (max-width: 480px) {
    .header-area .header-top .header-login-info {
        margin-top: 5px;
    }
}

.header-area .header-top .header-login-info .info-list li {
    padding-top: 0;
}

.whatsapp {
    position: fixed;
    left: 15px;
    bottom: 15px;
    transition: all 0.5s ease-in-out;
    z-index: 999;
}

.whatsapp a {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
    font-size: 28px;
    display: block;
    text-align: center;
    line-height: 50px;
    color: #fff;
    background: #4dc247;
}

.whatsapp .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #000;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    line-height: normal;
    font-size: 15px;
    top: 13px;
    left: 105%;
    height: auto;
}

.whatsapp:hover a {
    transform: rotate(45deg);
}

.whatsapp:hover .tooltiptext {
    visibility: visible;
}

.telefon {
    position: fixed;
    left: 15px;
    bottom: 75px;
    transition: all 0.5s ease-in-out;
    z-index: 999;
}

.telefon a {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
    font-size: 28px;
    display: block;
    text-align: center;
    line-height: 50px;
    color: #fff;
    background: #337ab7;
}

.telefon .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #000;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    line-height: normal;
    font-size: 15px;
    top: 13px;
    left: 105%;
    height: auto;
}

.telefon:hover a {
    transform: rotate(45deg);
}

.telefon:hover .tooltiptext {
    visibility: visible;
}

/* Theme shell polish: top contact band, roomy header and new footer */
:root {
    --header-top-height: 86px;
    --container-width: 1500px;
}

.temar-v2-shell {
    background:
        radial-gradient(circle at top left, rgba(63, 121, 169, 0.18), transparent 18%),
        linear-gradient(180deg, #0b1724 0%, #112234 100%);
}

.header-area .header-top {
    padding: 14px 0;
    background:
        linear-gradient(90deg, rgba(15, 77, 128, 0.98), rgba(37, 126, 189, 0.96));
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.header-area .header-top .row {
    min-height: auto;
}

.header-area .header-top .header-top-info .info-list.info-list-contact {
    gap: 14px;
}

.header-area .header-top .header-top-info .info-list.info-list-contact li {
    padding-left: 0;
    padding-top: 0;
}

.contact-chip {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 8px 14px 8px 8px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 18px;
    background: rgba(5, 22, 38, 0.16);
    color: #fff;
    text-decoration: none;
}

.contact-chip:hover {
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
}

.contact-chip-icon {
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.14);
    color: #fff;
    font-size: 0.95rem;
    flex: 0 0 38px;
}

.contact-chip-text {
    display: flex;
    flex-direction: column;
    gap: 2px;
    line-height: 1.1;
}

.contact-chip-text strong {
    color: rgba(255, 255, 255, 0.76);
    font-size: 0.74rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.contact-chip-text small {
    color: #fff;
    font-size: 0.92rem;
    font-weight: 600;
}

.header-top-actions {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 14px;
}

.header-socials,
.footer-socials {
    display: flex;
    align-items: center;
    gap: 8px;
}

.header-socials a,
.footer-socials a {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(5, 22, 38, 0.16);
    color: #fff;
    text-decoration: none;
    transition: transform 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}

.header-socials a:hover,
.footer-socials a:hover {
    background: rgba(255, 255, 255, 0.14);
    border-color: rgba(255, 255, 255, 0.22);
    color: #fff;
    transform: translateY(-1px);
}

.header-top-cta {
    min-height: 44px;
    padding: 0 20px;
    background: linear-gradient(135deg, #ffffff, #d7e9fb);
    color: #12304a;
    box-shadow: 0 12px 28px rgba(9, 25, 41, 0.18);
}

.header-top-cta:hover {
    color: #12304a;
    background: #ffffff;
}

.temar-v2-shell .header-area .header-top {
    z-index: 8;
}

.temar-v2-shell .header-area .header-top .header-login-info {
    position: relative;
    z-index: 9;
}

.temar-v2-shell .header-top-actions {
    flex-wrap: nowrap;
}

.temar-v2-shell .header-top-actions > .info-list {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
    flex-wrap: nowrap;
}

.temar-v2-shell .header-top-actions > .info-list > li {
    margin: 0;
}

.temar-v2-shell .header-top-actions .hesapbtn {
    position: relative;
    z-index: 12;
}

.temar-v2-shell .header-top-actions .hesap {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    padding: 0 16px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    background: rgba(255, 255, 255, 0.04);
    color: #d6ebff;
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
}

.temar-v2-shell .header-top-actions .hesap:hover {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.2);
}

.temar-v2-shell .header-top-actions .hesap .fa-caret-down {
    margin-left: 2px;
    font-size: 0.75rem;
}

.temar-v2-shell .header-top-actions .lang-drop-menu {
    top: calc(100% + 12px) !important;
    right: 0 !important;
    left: auto !important;
    width: 220px !important;
    margin: 0 !important;
    padding: 10px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    background: rgba(13, 22, 33, 0.98) !important;
    box-shadow: var(--shadow-soft) !important;
    z-index: 20;
}

.temar-v2-shell .header-top-actions .lang-drop-menu::after {
    content: "";
    position: absolute;
    right: 24px;
    left: auto;
    bottom: 100%;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid rgba(13, 22, 33, 0.98);
    transform: none;
}

.temar-v2-shell .header-top-actions .lang-drop-menu li {
    padding-left: 0 !important;
}

.temar-v2-shell .header-top-actions .lang-drop-menu li a {
    display: flex !important;
    align-items: center;
    gap: 8px;
    padding: 10px 12px !important;
    border-radius: 12px;
    color: #ffffff !important;
    font-size: 0.9rem !important;
    text-decoration: none;
}

.temar-v2-shell .header-top-actions .lang-drop-menu li a:first-child {
    padding-top: 10px !important;
}

.temar-v2-shell .header-top-actions .lang-drop-menu li a:hover {
    background: rgba(255, 255, 255, 0.08) !important;
    color: #ffffff !important;
}

.temar-v2-shell .header-top-actions .header-top-cta {
    min-height: 44px;
    padding: 0 18px;
    white-space: nowrap;
}

.temar-v2-shell .header-top-actions > .info-list > li > a.header-top-cta,
.temar-v2-shell .header-top-actions > .info-list > li > a.header-top-cta:hover,
.temar-v2-shell .header-top-actions > .info-list > li > a.header-top-cta:focus {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 18px;
    border-radius: 999px;
    background: linear-gradient(135deg, #ffffff, #d7e9fb) !important;
    color: #12304a !important;
    border: 1px solid transparent;
    text-decoration: none;
    box-shadow: 0 12px 28px rgba(9, 25, 41, 0.18);
}

.temar-v2-shell .header-top-actions > .info-list > li > a.header-top-cta .btn-icon,
.temar-v2-shell .header-top-actions > .info-list > li > a.header-top-cta:hover .btn-icon {
    color: #12304a !important;
}

.temar-v2-shell .header-top-actions > .info-list > li.hesapbtn > a.hesap,
.temar-v2-shell .header-top-actions > .info-list > li.hesapbtn > a.hesap:hover,
.temar-v2-shell .header-top-actions > .info-list > li.hesapbtn > a.hesap:focus {
    color: #d6ebff !important;
    text-decoration: none;
}

.temar-v2-shell .header-area .header-top .header-login-info .header-top-actions > .info-list > li.hesapbtn {
    position: relative;
    display: inline-flex;
    align-items: center;
    z-index: 20;
}

.temar-v2-shell .header-area .header-top .header-login-info .header-top-actions > .info-list > li.hesapbtn > a.hesap,
.temar-v2-shell .header-area .header-top .header-login-info .header-top-actions > .info-list > li.hesapbtn > a.hesap:hover,
.temar-v2-shell .header-area .header-top .header-login-info .header-top-actions > .info-list > li.hesapbtn > a.hesap:focus {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-height: 44px !important;
    padding: 0 16px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    background: rgba(255, 255, 255, 0.04) !important;
    color: #d6ebff !important;
    font-size: 0.9rem !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    text-decoration: none !important;
    box-shadow: none !important;
    transform: none !important;
}

.temar-v2-shell .header-area .header-top .header-login-info .header-top-actions > .info-list > li.hesapbtn > a.hesap i {
    color: inherit !important;
    line-height: 1;
}

.temar-v2-shell .header-area .header-top .header-login-info .header-top-actions > .info-list > li.hesapbtn > a.hesap .fa-caret-down {
    margin-left: 2px !important;
    font-size: 0.72rem !important;
}

.temar-v2-shell .header-area .header-top .header-login-info .header-top-actions > .info-list > li.hesapbtn > .lang-drop-menu {
    position: absolute !important;
    top: calc(100% + 12px) !important;
    right: 0 !important;
    left: auto !important;
    width: 220px !important;
    min-width: 220px !important;
    margin: 0 !important;
    padding: 10px !important;
    list-style: none !important;
    border-radius: 16px !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    background: rgba(13, 22, 33, 0.98) !important;
    backdrop-filter: blur(16px);
    box-shadow: var(--shadow-soft) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(8px) !important;
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease !important;
    z-index: 30 !important;
    pointer-events: none;
}

.temar-v2-shell .header-area .header-top .header-login-info .header-top-actions > .info-list > li.hesapbtn > .lang-drop-menu::after {
    content: "" !important;
    position: absolute !important;
    right: 24px !important;
    left: auto !important;
    bottom: 100% !important;
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-bottom: 8px solid rgba(13, 22, 33, 0.98) !important;
    transform: none !important;
}

.temar-v2-shell .header-area .header-top .header-login-info .header-top-actions > .info-list > li.hesapbtn:hover > .lang-drop-menu {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
    pointer-events: auto;
}

.temar-v2-shell .header-top-actions .header-account-item {
    position: relative;
    display: inline-flex;
    align-items: center;
    z-index: 24;
    padding-bottom: 14px;
    margin-bottom: -14px;
}

.temar-v2-shell .header-top-actions .header-account-trigger,
.temar-v2-shell .header-top-actions .header-account-trigger:hover,
.temar-v2-shell .header-top-actions .header-account-trigger:focus {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-height: 44px !important;
    padding: 0 18px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    background: rgba(255, 255, 255, 0.04) !important;
    color: #d6ebff !important;
    font-size: 0.9rem !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    text-decoration: none !important;
    box-shadow: none !important;
    transform: none !important;
}

.temar-v2-shell .header-top-actions .header-account-trigger:hover {
    background: rgba(255, 255, 255, 0.1) !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
}

.temar-v2-shell .header-top-actions .header-account-trigger i {
    color: inherit !important;
    line-height: 1;
}

.temar-v2-shell .header-top-actions .header-account-trigger .fa-caret-down {
    margin-left: 2px !important;
    font-size: 0.72rem !important;
}

.temar-v2-shell .header-top-actions .header-account-menu {
    position: absolute !important;
    top: calc(100% + 4px) !important;
    right: 0 !important;
    left: auto !important;
    width: 220px !important;
    min-width: 220px !important;
    margin: 0 !important;
    padding: 10px !important;
    list-style: none !important;
    border-radius: 16px !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    background: rgba(13, 22, 33, 0.98) !important;
    backdrop-filter: blur(16px);
    box-shadow: var(--shadow-soft) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(8px) !important;
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease !important;
    pointer-events: none;
    z-index: 30 !important;
}

.temar-v2-shell .header-top-actions .header-account-menu::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 100% !important;
    height: 18px !important;
    background: transparent !important;
}

.temar-v2-shell .header-top-actions .header-account-menu::after {
    content: "" !important;
    position: absolute !important;
    right: 24px !important;
    left: auto !important;
    bottom: 100% !important;
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-bottom: 8px solid rgba(13, 22, 33, 0.98) !important;
}

.temar-v2-shell .header-top-actions .header-account-item:hover > .header-account-menu {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
    pointer-events: auto;
}

.temar-v2-shell .header-top-actions .header-account-item:focus-within > .header-account-menu {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
    pointer-events: auto;
}

.temar-v2-shell .header-top-actions .header-account-menu li {
    display: block;
    padding-left: 0 !important;
}

.temar-v2-shell .header-top-actions .header-account-menu li a,
.temar-v2-shell .header-top-actions .header-account-menu li a:hover {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 10px 12px !important;
    border-radius: 12px !important;
    color: #ffffff !important;
    font-size: 0.9rem !important;
    text-decoration: none !important;
}

.temar-v2-shell .header-top-actions .header-account-menu li a:hover {
    background: rgba(255, 255, 255, 0.08) !important;
}

.header-area .header-menu-wrapper {
    top: calc(var(--header-top-height) - 10px);
}

.header-area .header-menu-wrapper .container,
.site-footer .container {
    width: min(var(--container-width), calc(100% - 48px));
}

.header-area .header-menu-wrapper .row {
    min-height: 74px;
    gap: 14px;
    padding: 0 16px;
    border-radius: 30px;
    border-color: rgba(255, 255, 255, 0.1);
    background: linear-gradient(135deg, rgba(12, 24, 37, 0.94), rgba(21, 38, 56, 0.9));
}

.header-area .header-menu-wrapper .col-lg-3 {
    flex: 0 0 86px !important;
    max-width: 86px !important;
    width: 86px !important;
}

.header-area .header-menu-wrapper .col-lg-9 {
    flex: 1 1 auto !important;
    max-width: calc(100% - 86px) !important;
    width: auto !important;
}

.logo {
    min-width: 86px;
}

.logo img,
.header-area .header-menu-wrapper.header-fixed .logo img {
    max-height: 54px;
}

.main-menu-content {
    gap: 10px;
}

.main-menu-content nav {
    flex: 1 1 auto;
    min-width: 0;
    justify-content: center;
}

.main-menu-content nav ul {
    width: 100%;
    justify-content: center;
    gap: 0;
}

.main-menu-content nav ul li > a {
    padding: 10px 7px;
    font-size: 0.81rem;
    font-weight: 600;
    letter-spacing: 0.01em;
    text-transform: none;
}

.dropdown-menu-item {
    left: 0;
    top: calc(100% + 12px);
    min-width: 280px;
    width: max-content;
    max-width: 360px;
    transform: translateY(8px);
}

.main-menu-content nav ul li:hover > .dropdown-menu-item {
    transform: translateY(0);
}

.dropdown-menu-item li a {
    white-space: nowrap;
}

.logo-right-button {
    gap: 10px;
    margin-left: 10px;
}

.logo-right-button ul .theme-button {
    min-height: 42px;
    padding: 0 18px;
    font-size: 0.86rem;
}

.site-footer {
    position: relative;
    padding: 42px 0 28px;
    background:
        radial-gradient(circle at top right, rgba(57, 118, 169, 0.18), transparent 20%),
        linear-gradient(180deg, #0d1b29 0%, #09131d 100%);
}

.footer-shell {
    padding: 32px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 32px;
    background: linear-gradient(160deg, rgba(13, 24, 37, 0.94), rgba(10, 19, 30, 0.98));
    box-shadow: 0 24px 56px rgba(4, 10, 17, 0.28);
}

.footer-grid {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr 0.95fr 1fr;
    gap: 28px;
}

.footer-logo {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 18px;
}

.footer-logo img {
    width: auto;
    max-height: 72px;
}

.footer-brand p,
.footer-cta p {
    margin: 0 0 18px;
    color: rgba(244, 247, 251, 0.74);
    font-size: 0.95rem;
    line-height: 1.7;
}

.footer-links h3,
.footer-contact h3,
.footer-cta h3 {
    margin: 0 0 16px;
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
}

.footer-links ul,
.footer-contact ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-links li + li,
.footer-contact li + li {
    margin-top: 12px;
}

.footer-links a,
.footer-contact a,
.footer-contact span {
    color: rgba(244, 247, 251, 0.76);
    text-decoration: none;
    line-height: 1.55;
}

.footer-links a:hover,
.footer-contact a:hover {
    color: #fff;
}

.footer-contact li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.footer-contact li i {
    width: 16px;
    margin-top: 4px;
    color: #26a9e1;
}

.footer-action-group {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.footer-phone {
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
    border-color: rgba(255, 255, 255, 0.08);
    box-shadow: none;
}

.footer-phone:hover {
    background: rgba(255, 255, 255, 0.16);
    color: #fff;
}

.footer-contact-button {
    background: linear-gradient(135deg, #ffffff, #d8ebff);
    color: #0f2234;
}

.footer-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-top: 28px;
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.footer-bottom span,
.footer-bottom a {
    color: rgba(244, 247, 251, 0.62);
    font-size: 0.9rem;
    text-decoration: none;
}

.footer-bottom a:hover {
    color: #fff;
}

@media (max-width: 1365px) {
    .header-area .header-menu-wrapper .container,
    .site-footer .container {
        width: calc(100% - 28px);
    }

    .main-menu-content nav ul li > a {
        padding: 10px 5px;
        font-size: 0.75rem;
    }

    .dropdown-menu-item {
        min-width: 250px;
    }
}

@media (max-width: 1199px) {
    :root {
        --header-top-height: 122px;
    }

    .header-area .header-top .header-top-info,
    .header-area .header-top .header-login-info {
        justify-content: flex-start;
        text-align: left;
    }

    .header-top-actions {
        justify-content: flex-start;
        margin-top: 12px;
    }

    .footer-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 1100px) {
    :root {
        --header-top-height: 0px;
    }

    .header-area .header-top {
        display: none;
    }

    .header-area .header-menu-wrapper {
        top: 14px;
    }

    .header-area .header-menu-wrapper .row {
        min-height: 70px;
        padding: 0 14px;
    }

    .header-area .header-menu-wrapper .col-lg-3,
    .header-area .header-menu-wrapper .col-lg-9 {
        width: auto !important;
        max-width: none !important;
        flex: 0 0 auto !important;
    }

    .main-menu-content nav,
    .logo-right-button ul {
        display: none;
    }

    .main-menu-content {
        justify-content: flex-end;
    }

    .side-menu-open {
        display: inline-flex;
    }
}

@media (max-width: 767px) {
    .footer-shell {
        padding: 24px 18px;
        border-radius: 24px;
    }

    .footer-grid {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .footer-bottom {
        flex-direction: column;
        align-items: flex-start;
    }
}

/* Final header fit adjustments */
:root {
    --header-top-height: 74px;
    --container-width: 1620px;
}

.header-area .header-top {
    padding: 10px 0;
}

.header-area .header-top .header-top-info .info-list.info-list-contact {
    gap: 10px;
}

.contact-chip {
    min-height: 50px;
    padding: 6px 14px 6px 8px;
    border-radius: 16px;
}

.contact-chip-icon {
    width: 34px;
    height: 34px;
    border-radius: 11px;
    flex-basis: 34px;
}

.contact-chip-text {
    flex-direction: row;
    align-items: center;
    gap: 8px;
}

.contact-chip-text strong {
    font-size: 0.66rem;
    margin: 0;
}

.contact-chip-text small {
    font-size: 0.86rem;
    white-space: nowrap;
}

.header-top-actions {
    gap: 10px;
}

.header-socials a {
    width: 36px;
    height: 36px;
    border-radius: 12px;
}

.header-top-cta {
    min-height: 40px;
    padding: 0 18px;
    font-size: 0.88rem;
}

.header-area .header-menu-wrapper {
    top: calc(var(--header-top-height) - 6px);
}

.header-area .header-menu-wrapper .row {
    min-height: 70px;
    gap: 12px;
    padding: 0 14px;
}

.header-area .header-menu-wrapper .col-lg-3 {
    flex: 0 0 74px !important;
    max-width: 74px !important;
    width: 74px !important;
}

.header-area .header-menu-wrapper .col-lg-9 {
    max-width: calc(100% - 74px) !important;
}

.logo,
.logo a {
    min-width: 74px;
}

.logo img,
.header-area .header-menu-wrapper.header-fixed .logo img {
    max-height: 46px;
}

.main-menu-content {
    gap: 8px;
}

.main-menu-content nav ul {
    gap: 0;
}

.main-menu-content nav ul li > a {
    padding: 10px 8px;
    font-size: 0.79rem;
    font-weight: 600;
    letter-spacing: 0;
}

.main-menu-content nav ul li > a i {
    font-size: 0.68em;
}

.logo-right-button {
    gap: 8px;
    margin-left: 6px;
}

.logo-right-button ul .theme-button {
    min-height: 40px;
    padding: 0 16px;
    font-size: 0.82rem;
}

.logo-right-button .side-menu-open {
    width: 40px;
    height: 40px;
    border-radius: 13px;
}

.dropdown-menu-item {
    top: calc(100% + 10px);
    left: 50%;
    min-width: 320px;
    width: 320px;
    max-width: 380px;
    padding: 12px;
    transform: translate(-50%, 8px);
}

.main-menu-content nav ul li:hover > .dropdown-menu-item {
    transform: translate(-50%, 0);
}

.dropdown-menu-item li a {
    padding: 11px 14px;
    font-size: 0.95rem;
    line-height: 1.4;
    white-space: normal;
    word-break: normal;
}

@media (max-width: 1440px) {
    .header-area .header-menu-wrapper .container,
    .site-footer .container {
        width: calc(100% - 24px);
    }

    .main-menu-content nav ul li > a {
        padding: 10px 6px;
        font-size: 0.75rem;
    }
}

@media (max-width: 1280px) {
    :root {
        --header-top-height: 0px;
    }

    .header-area .header-top {
        display: none;
    }

    .header-area .header-menu-wrapper {
        top: 14px;
    }

    .header-area .header-menu-wrapper .row {
        min-height: 70px;
        padding: 0 14px;
    }

    .header-area .header-menu-wrapper .col-lg-3,
    .header-area .header-menu-wrapper .col-lg-9 {
        width: auto !important;
        max-width: none !important;
        flex: 0 0 auto !important;
    }

    .main-menu-content nav,
    .logo-right-button ul {
        display: none;
    }

    .main-menu-content {
        justify-content: flex-end;
    }

    .side-menu-open {
        display: inline-flex;
    }
}

/* Contact row EOF final override */
.temar-v2-shell .info-list-contact-v2 {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px 18px !important;
    width: 100%;
}

.temar-v2-shell .info-list-contact-v2 > li {
    position: relative;
    flex: 0 0 auto;
    min-width: 0;
    padding: 0 !important;
}

.temar-v2-shell .info-list-contact-v2 > li + li {
    padding-left: 18px !important;
}

.temar-v2-shell .info-list-contact-v2 > li + li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 1px;
    height: 28px;
    background: rgba(255, 255, 255, 0.16);
    transform: translateY(-50%);
}

.temar-v2-shell .contact-chip-v2 {
    display: inline-flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    width: auto !important;
    min-height: 40px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    text-decoration: none;
    color: #fff !important;
    transform: none !important;
    overflow: visible !important;
}

.temar-v2-shell .contact-chip-v2::before,
.temar-v2-shell .contact-chip-v2::after {
    display: none !important;
}

.temar-v2-shell .contact-chip-v2:hover {
    opacity: 0.9;
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

.temar-v2-shell .contact-chip-icon-v2 {
    position: static !important;
    z-index: auto !important;
    width: 28px !important;
    height: 28px !important;
    flex: 0 0 28px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 3px;
    border: 0 !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.12) !important;
    color: #f7fbff !important;
    box-shadow: none !important;
}

.temar-v2-shell .contact-chip-icon-v2 i {
    font-size: 0.82rem !important;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
    transform: translateY(-0.5px);
}

.temar-v2-shell .contact-chip-text-v2 {
    position: static !important;
    z-index: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 2px !important;
    min-width: 0;
    padding: 0 !important;
}

.temar-v2-shell .contact-chip-text-v2 strong {
    margin: 0;
    color: rgba(233, 241, 248, 0.64) !important;
    font-size: 0.56rem !important;
    font-weight: 700;
    letter-spacing: 0.14em !important;
    line-height: 1;
    text-transform: uppercase;
}

.temar-v2-shell .contact-chip-text-v2 small {
    display: block;
    margin: 0;
    color: #ffffff !important;
    font-size: 0.9rem !important;
    font-weight: 600 !important;
    line-height: 1.22 !important;
    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: ellipsis;
}

.temar-v2-shell .contact-chip-v2--mail .contact-chip-text-v2 small {
    max-width: 240px;
}

/* Contact row true final override */
.temar-v2-shell .info-list-contact-v2 {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px 18px !important;
    width: 100%;
}

.temar-v2-shell .info-list-contact-v2 > li {
    position: relative;
    flex: 0 0 auto;
    min-width: 0;
    padding: 0 !important;
}

.temar-v2-shell .info-list-contact-v2 > li + li {
    padding-left: 18px !important;
}

.temar-v2-shell .info-list-contact-v2 > li + li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 1px;
    height: 28px;
    background: rgba(255, 255, 255, 0.16);
    transform: translateY(-50%);
}

.temar-v2-shell .contact-chip-v2 {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    width: auto !important;
    min-height: 40px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    text-decoration: none;
    color: #fff !important;
    transform: none !important;
    overflow: visible !important;
}

.temar-v2-shell .contact-chip-v2::before,
.temar-v2-shell .contact-chip-v2::after {
    display: none !important;
}

.temar-v2-shell .contact-chip-v2:hover {
    opacity: 0.9;
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

.temar-v2-shell .contact-chip-icon-v2 {
    position: static !important;
    z-index: auto !important;
    width: 28px !important;
    height: 28px !important;
    flex: 0 0 28px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0 !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.12) !important;
    color: #f7fbff !important;
    box-shadow: none !important;
}

.temar-v2-shell .contact-chip-icon-v2 i {
    font-size: 0.82rem !important;
    line-height: 1;
}

.temar-v2-shell .contact-chip-text-v2 {
    position: static !important;
    z-index: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 2px !important;
    min-width: 0;
    padding: 0 !important;
}

.temar-v2-shell .contact-chip-text-v2 strong {
    margin: 0;
    color: rgba(233, 241, 248, 0.64) !important;
    font-size: 0.56rem !important;
    font-weight: 700;
    letter-spacing: 0.14em !important;
    line-height: 1;
    text-transform: uppercase;
}

.temar-v2-shell .contact-chip-text-v2 small {
    display: block;
    margin: 0;
    color: #ffffff !important;
    font-size: 0.9rem !important;
    font-weight: 600 !important;
    line-height: 1.22 !important;
    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: ellipsis;
}

.temar-v2-shell .contact-chip-v2--mail .contact-chip-text-v2 small {
    max-width: 240px;
}

/* Contact row minimal clean */
.temar-v2-shell .info-list-contact-v2 {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px 18px !important;
    width: 100%;
}

.temar-v2-shell .info-list-contact-v2 > li {
    flex: 0 0 auto;
    min-width: 0;
    padding: 0 !important;
}

.temar-v2-shell .contact-chip-v2 {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 46px;
    padding: 6px 14px 6px 8px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.06);
    box-shadow: none;
    text-decoration: none;
    color: #fff;
    transition: background 0.2s ease, border-color 0.2s ease, opacity 0.2s ease;
}

.temar-v2-shell .contact-chip-v2::before,
.temar-v2-shell .contact-chip-v2::after {
    display: none;
}

.temar-v2-shell .contact-chip-v2:hover {
    background: rgba(255, 255, 255, 0.11);
    border-color: rgba(255, 255, 255, 0.2);
    opacity: 1;
    transform: none;
    color: #fff;
}

.temar-v2-shell .contact-chip-icon-v2 {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.13);
    color: #f5fbff;
}

.temar-v2-shell .contact-chip-icon-v2 i {
    font-size: 0.88rem;
    line-height: 1;
}

.temar-v2-shell .contact-chip-text-v2 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 1px;
    min-width: 0;
}

.temar-v2-shell .contact-chip-text-v2 strong {
    margin: 0;
    color: rgba(232, 241, 248, 0.66);
    font-size: 0.58rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    line-height: 1;
    text-transform: uppercase;
}

.temar-v2-shell .contact-chip-text-v2 small {
    display: block;
    margin: 0;
    color: #ffffff;
    font-size: 0.92rem;
    font-weight: 600;
    line-height: 1.25;
    white-space: nowrap;
}

.temar-v2-shell .contact-chip-v2--mail .contact-chip-text-v2 small {
    max-width: 230px;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Contact row minimal final */
.temar-v2-shell .info-list-contact-v2 {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 24px !important;
    width: 100%;
}

.temar-v2-shell .info-list-contact-v2 > li {
    position: relative;
    min-width: 0;
    padding: 0 !important;
}

.temar-v2-shell .info-list-contact-v2 > li + li {
    padding-left: 24px !important;
}

.temar-v2-shell .info-list-contact-v2 > li + li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 1px;
    height: 36px;
    background: rgba(255, 255, 255, 0.18);
    transform: translateY(-50%);
}

.temar-v2-shell .contact-chip-v2 {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    min-height: auto;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    text-decoration: none;
    color: #fff;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.temar-v2-shell .contact-chip-v2::before,
.temar-v2-shell .contact-chip-v2::after {
    display: none;
}

.temar-v2-shell .contact-chip-v2:hover {
    transform: translateY(-1px);
    opacity: 0.92;
    color: #fff;
}

.temar-v2-shell .contact-chip-icon-v2 {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.10);
    color: #f2fbff;
}

.temar-v2-shell .contact-chip-icon-v2 i {
    font-size: 0.92rem;
    line-height: 1;
}

.temar-v2-shell .contact-chip-text-v2 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 3px;
    min-width: 0;
}

.temar-v2-shell .contact-chip-text-v2 strong {
    margin: 0;
    color: rgba(228, 240, 248, 0.72);
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    line-height: 1;
    text-transform: uppercase;
}

.temar-v2-shell .contact-chip-text-v2 small {
    display: block;
    margin: 0;
    color: #ffffff;
    font-size: 0.98rem;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: 0;
    overflow-wrap: anywhere;
}

.temar-v2-shell .contact-chip-v2--mail .contact-chip-text-v2 small {
    font-size: 0.92rem;
}

/* Header contact chips final redesign */
.temar-v2-shell .header-area .header-top .header-top-info .info-list.info-list-contact {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    width: 100%;
}

.temar-v2-shell .header-area .header-top .header-top-info .info-list.info-list-contact li {
    min-width: 0;
    padding-left: 0;
    padding-top: 0;
}

.temar-v2-shell .contact-chip {
    position: relative;
    display: grid;
    grid-template-columns: 56px minmax(0, 1fr);
    align-items: center;
    gap: 14px;
    width: 100%;
    min-height: 84px;
    padding: 14px 18px 14px 14px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 20px 28px 20px 20px;
    background: linear-gradient(135deg, rgba(12, 57, 92, 0.76) 0%, rgba(8, 39, 65, 0.92) 62%, rgba(7, 28, 46, 0.98) 100%);
    box-shadow: 0 16px 30px rgba(4, 14, 24, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.08);
    overflow: hidden;
    transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease, background 0.22s ease;
}

.temar-v2-shell .contact-chip::before {
    content: "";
    position: absolute;
    top: -18px;
    right: -18px;
    width: 82px;
    height: 82px;
    border-radius: 28px;
    background: radial-gradient(circle at 30% 30%, rgba(110, 210, 255, 0.26), rgba(110, 210, 255, 0) 70%);
    pointer-events: none;
}

.temar-v2-shell .contact-chip::after {
    content: "";
    position: absolute;
    left: 86px;
    right: 18px;
    bottom: 12px;
    height: 1px;
    background: linear-gradient(90deg, rgba(110, 210, 255, 0.44), rgba(110, 210, 255, 0));
    pointer-events: none;
}

.temar-v2-shell .contact-chip:hover {
    transform: translateY(-3px);
    border-color: rgba(110, 210, 255, 0.28);
    background: linear-gradient(135deg, rgba(15, 69, 110, 0.84) 0%, rgba(9, 46, 75, 0.96) 62%, rgba(7, 30, 49, 1) 100%);
    box-shadow: 0 20px 36px rgba(4, 14, 24, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.12);
    color: #fff;
}

.temar-v2-shell .contact-chip-icon {
    position: relative;
    z-index: 1;
    width: 56px;
    height: 56px;
    flex: 0 0 56px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(110, 210, 255, 0.24);
    border-radius: 18px;
    background: linear-gradient(145deg, rgba(110, 210, 255, 0.16), rgba(255, 255, 255, 0.06));
    color: #eff9ff;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 0 6px rgba(255, 255, 255, 0.03);
}

.temar-v2-shell .contact-chip-icon i {
    font-size: 1.08rem;
    line-height: 1;
}

.temar-v2-shell .contact-chip-text {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 6px;
    min-width: 0;
}

.temar-v2-shell .contact-chip-text strong {
    margin: 0;
    color: rgba(211, 236, 252, 0.68);
    font-size: 0.66rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    line-height: 1;
    text-transform: uppercase;
}

.temar-v2-shell .contact-chip-text small {
    display: block;
    margin: 0;
    color: #ffffff;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: 0.01em;
    overflow-wrap: anywhere;
}

.temar-v2-shell .header-area .header-top .header-top-info .info-list.info-list-contact li:nth-child(2) .contact-chip-text small {
    font-size: 0.9rem;
}

/* Header contact chips final override */
.temar-v2-shell .header-area .header-top .header-top-info .info-list.info-list-contact {
    display: flex;
    align-items: stretch;
    gap: 16px;
}

.temar-v2-shell .header-area .header-top .header-top-info .info-list.info-list-contact li {
    flex: 1 1 0;
    min-width: 0;
    padding-left: 0;
    padding-top: 0;
}

.temar-v2-shell .contact-chip {
    position: relative;
    display: flex;
    align-items: center;
    gap: 16px;
    width: 100%;
    min-height: 76px;
    padding: 14px 18px 14px 16px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 24px;
    background:
        linear-gradient(180deg, rgba(13, 58, 95, 0.48) 0%, rgba(8, 34, 58, 0.68) 100%);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 14px 28px rgba(3, 13, 23, 0.18);
    overflow: hidden;
    transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease, background 0.22s ease;
}

.temar-v2-shell .contact-chip::before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    bottom: 10px;
    width: 4px;
    border-radius: 999px;
    background: linear-gradient(180deg, #6ed2ff 0%, #1475ba 100%);
    box-shadow: 0 0 14px rgba(66, 185, 255, 0.24);
}

.temar-v2-shell .contact-chip:hover {
    transform: translateY(-3px);
    border-color: rgba(110, 210, 255, 0.28);
    background: linear-gradient(180deg, rgba(16, 71, 115, 0.62) 0%, rgba(8, 39, 65, 0.76) 100%);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.1),
        0 18px 34px rgba(3, 13, 23, 0.22);
    color: #fff;
}

.temar-v2-shell .contact-chip-icon {
    position: relative;
    z-index: 1;
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    border: 1px solid rgba(110, 210, 255, 0.22);
    border-radius: 50%;
    background:
        radial-gradient(circle at 30% 30%, rgba(122, 219, 255, 0.28), rgba(16, 59, 95, 0.12) 55%),
        rgba(10, 29, 47, 0.92);
    color: #dff6ff;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 0 0 6px rgba(255, 255, 255, 0.04);
}

.temar-v2-shell .contact-chip-icon i {
    font-size: 1rem;
}

.temar-v2-shell .contact-chip-text {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 5px;
    min-width: 0;
}

.temar-v2-shell .contact-chip-text strong {
    margin: 0;
    color: rgba(214, 239, 255, 0.72);
    font-size: 0.66rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    line-height: 1;
    text-transform: uppercase;
}

.temar-v2-shell .contact-chip-text small {
    display: block;
    margin: 0;
    color: #ffffff;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.28;
    letter-spacing: 0.01em;
    word-break: break-word;
}

/* Header contact chip redesign */
.temar-v2-shell .header-area .header-top .header-top-info .info-list.info-list-contact {
    display: flex;
    align-items: stretch;
    gap: 14px;
}

.temar-v2-shell .header-area .header-top .header-top-info .info-list.info-list-contact li {
    flex: 1 1 0;
    padding-left: 0;
    padding-top: 0;
}

.temar-v2-shell .contact-chip {
    position: relative;
    display: flex;
    align-items: center;
    gap: 14px;
    width: 100%;
    min-height: 72px;
    padding: 12px 18px 12px 12px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 22px;
    background: linear-gradient(180deg, rgba(20, 90, 145, 0.34) 0%, rgba(15, 64, 104, 0.42) 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 10px 24px rgba(5, 18, 32, 0.14);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    overflow: hidden;
    transition: transform 0.22s ease, border-color 0.22s ease, background 0.22s ease, box-shadow 0.22s ease;
}

.temar-v2-shell .contact-chip::after {
    content: "";
    position: absolute;
    inset: 1px;
    border-radius: 21px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0));
    pointer-events: none;
}

.temar-v2-shell .contact-chip:hover {
    transform: translateY(-2px);
    border-color: rgba(255, 255, 255, 0.26);
    background: linear-gradient(180deg, rgba(23, 102, 164, 0.42) 0%, rgba(14, 68, 110, 0.52) 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 16px 30px rgba(4, 16, 28, 0.2);
    color: #fff;
}

.temar-v2-shell .contact-chip-icon {
    position: relative;
    z-index: 1;
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 14px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.20), rgba(255, 255, 255, 0.08));
    color: #ffffff;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.temar-v2-shell .contact-chip-icon i {
    font-size: 0.98rem;
}

.temar-v2-shell .contact-chip-text {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 4px;
    min-width: 0;
}

.temar-v2-shell .contact-chip-text strong {
    margin: 0;
    color: rgba(255, 255, 255, 0.68);
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.11em;
    text-transform: uppercase;
}

.temar-v2-shell .contact-chip-text small {
    display: block;
    margin: 0;
    color: #ffffff;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: 0.01em;
    word-break: break-word;
}

/* Merge header with blue top area */
:root {
    --header-top-height: 74px;
}

.temar-v2-shell .header-area {
    background: transparent;
    border-bottom: 0;
}

.temar-v2-shell .header-area .container {
    width: min(var(--container-width), calc(100% - 28px));
    max-width: none;
}

.temar-v2-shell .header-area .header-top {
    padding: 0;
    background: linear-gradient(90deg, #1590d4 0%, #26a9e1 52%, #1d78bb 100%);
    border-bottom: 1px solid rgba(255, 255, 255, 0.16);
    backdrop-filter: none;
}

.temar-v2-shell .header-area .header-top .row,
.temar-v2-shell .header-area .header-menu-wrapper .row {
    min-height: 74px;
}

.temar-v2-shell .header-area .header-top .header-top-info {
    min-height: 74px;
}

.temar-v2-shell .header-area .header-menu-wrapper,
.temar-v2-shell .header-area .header-menu-wrapper.header-fixed {
    position: relative;
    top: 0 !important;
    left: auto;
    right: auto;
    padding-top: 0;
    background: transparent;
}

.temar-v2-shell .header-area .header-menu-wrapper .container {
    width: min(var(--container-width), calc(100% - 28px));
}

.temar-v2-shell .header-area .header-menu-wrapper .row {
    gap: 18px;
    padding: 0;
    background: linear-gradient(180deg, rgba(12, 24, 37, 0.98) 0%, rgba(18, 37, 56, 0.98) 100%);
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    box-shadow: none;
}

.temar-v2-shell .contact-chip {
    min-height: 52px;
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.16);
    box-shadow: none;
}

.temar-v2-shell .contact-chip-icon {
    background: rgba(255, 255, 255, 0.12);
}

.temar-v2-shell .header-socials a {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.16);
}

.temar-v2-shell .header-top-cta {
    min-height: 44px;
    padding: 0 22px;
    box-shadow: none;
}

.temar-v2-shell .header-area .header-menu-wrapper .col-lg-3 {
    flex: 0 0 86px !important;
    max-width: 86px !important;
    width: 86px !important;
}

.temar-v2-shell .header-area .header-menu-wrapper .col-lg-9 {
    max-width: calc(100% - 86px) !important;
}

.temar-v2-shell .logo,
.temar-v2-shell .logo a {
    min-width: 86px;
}

.temar-v2-shell .logo img,
.temar-v2-shell .header-area .header-menu-wrapper.header-fixed .logo img {
    max-height: 50px;
}

.temar-v2-shell .main-menu-content {
    min-height: 74px;
    gap: 14px;
}

.temar-v2-shell .main-menu-content nav ul {
    justify-content: center;
}

.temar-v2-shell .main-menu-content nav ul li > a {
    padding: 10px 10px;
    border-radius: 0;
    font-size: 0.82rem;
    font-weight: 600;
}

.temar-v2-shell .main-menu-content nav ul li:hover > a {
    background: transparent;
    color: #ffffff;
}

.temar-v2-shell .logo-right-button {
    margin-left: 10px;
}

.temar-v2-shell .logo-right-button ul .theme-button {
    min-height: 42px;
    padding: 0 18px;
    box-shadow: none;
}

.temar-v2-shell .logo-right-button .side-menu-open {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.16);
}

@media (max-width: 1440px) {
    .temar-v2-shell .header-area .container,
    .temar-v2-shell .header-area .header-menu-wrapper .container {
        width: calc(100% - 20px);
    }

    .temar-v2-shell .main-menu-content nav ul li > a {
        padding: 10px 8px;
        font-size: 0.78rem;
    }
}

@media (max-width: 1280px) {
    :root {
        --header-top-height: 0px;
    }

    .temar-v2-shell .header-area .header-top {
        display: none;
    }

    .temar-v2-shell .header-area .header-menu-wrapper .row {
        min-height: 70px;
        padding: 0;
    }
}

/* Screenshot-aligned header */
:root {
    --container-width: 1400px;
    --header-top-height: 76px;
}

.temar-v2-shell .header-area {
    background: linear-gradient(180deg, #102131 0%, #13283b 100%);
    border-bottom: 0;
    padding-bottom: 18px;
}

.temar-v2-shell .header-area .container {
    width: min(var(--container-width), calc(100% - 42px));
    max-width: none;
}

.temar-v2-shell .header-area .header-top {
    padding: 0;
    background: linear-gradient(90deg, #1768a696 0%, #1768a688 52%, #1768a6a9 100%);
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.temar-v2-shell .header-area .header-top .row,
.temar-v2-shell .header-area .header-top .header-top-info {
    min-height: var(--header-top-height);
}

.temar-v2-shell .header-area .header-menu-wrapper,
.temar-v2-shell .header-area .header-menu-wrapper.header-fixed {
    position: relative;
    top: 0 !important;
    margin-top: 12px;
    left: auto;
    right: auto;
    padding-top: 0;
    background: transparent;
}

.temar-v2-shell .header-area .header-menu-wrapper .container {
    width: min(var(--container-width), calc(100% - 42px));
}

.temar-v2-shell .header-area .header-menu-wrapper .row {
    min-height: 72px;
    padding: 0 20px;
    gap: 18px;
    background: linear-gradient(180deg, rgba(12, 24, 37, 0.96) 0%, rgba(16, 31, 47, 0.96) 100%);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 28px;
    box-shadow: 0 10px 24px rgba(3, 10, 18, 0.16);
}

.temar-v2-shell .header-area .header-menu-wrapper .col-lg-3 {
    flex: 0 0 78px !important;
    max-width: 78px !important;
    width: 78px !important;
}

.temar-v2-shell .header-area .header-menu-wrapper .col-lg-9 {
    max-width: calc(100% - 78px) !important;
}

.temar-v2-shell .logo,
.temar-v2-shell .logo a {
    min-width: 78px;
}

.temar-v2-shell .logo img,
.temar-v2-shell .header-area .header-menu-wrapper.header-fixed .logo img {
    max-height: 48px;
}

.temar-v2-shell .contact-chip {
    min-height: 52px;
    padding: 8px 14px 8px 10px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.14);
}

.temar-v2-shell .contact-chip-icon {
    width: 36px;
    height: 36px;
    flex-basis: 36px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.12);
}

.temar-v2-shell .contact-chip-text {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 2px;
}

.temar-v2-shell .contact-chip-text strong {
    font-size: 0.65rem;
    line-height: 1;
}

.temar-v2-shell .contact-chip-text small {
    font-size: 0.92rem;
    line-height: 1.15;
}

.temar-v2-shell .header-top-actions {
    min-height: 52px;
    gap: 10px;
}

.temar-v2-shell .header-socials a {
    width: 40px;
    height: 40px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.14);
}

.temar-v2-shell .header-top-cta {
    min-height: 46px;
    padding: 0 22px;
    border-radius: 999px;
    box-shadow: 0 8px 18px rgba(3, 10, 18, 0.12);
}

.temar-v2-shell .main-menu-content {
    min-height: 72px;
    gap: 14px;
}

.temar-v2-shell .main-menu-content nav ul {
    justify-content: center;
}

.temar-v2-shell .main-menu-content nav ul li > a {
    padding: 10px 10px;
    border-radius: 999px;
    font-size: 0.81rem;
    font-weight: 600;
}

.temar-v2-shell .main-menu-content nav ul li:hover > a {
    background: rgba(255, 255, 255, 0.06);
}

.temar-v2-shell .logo-right-button {
    margin-left: 8px;
    gap: 10px;
}

.temar-v2-shell .logo-right-button ul .theme-button {
    min-height: 42px;
    padding: 0 18px;
    box-shadow: none;
}

.temar-v2-shell .logo-right-button .side-menu-open {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.14);
}

@media (max-width: 1440px) {
    .temar-v2-shell .header-area .container,
    .temar-v2-shell .header-area .header-menu-wrapper .container {
        width: calc(100% - 28px);
    }

    .temar-v2-shell .main-menu-content nav ul li > a {
        padding: 10px 8px;
        font-size: 0.78rem;
    }
}

@media (max-width: 1280px) {
    :root {
        --header-top-height: 0px;
    }

    .temar-v2-shell .header-area {
        padding-bottom: 12px;
    }

    .temar-v2-shell .header-area .header-top {
        display: none;
    }

    .temar-v2-shell .header-area .container,
    .temar-v2-shell .header-area .header-menu-wrapper .container {
        width: calc(100% - 20px);
    }

    .temar-v2-shell .header-area .header-menu-wrapper {
        margin-top: 12px;
    }

    .temar-v2-shell .header-area .header-menu-wrapper .row {
        min-height: 70px;
        padding: 0 16px;
        border-radius: 24px;
    }
}

/* Header ratio pass */
:root {
    --header-top-height: 78px;
}

.temar-v2-shell .header-area .header-top {
    padding: 0;
}

.temar-v2-shell .header-area .header-top .row,
.temar-v2-shell .header-area .header-top .header-top-info {
    min-height: var(--header-top-height);
}

.temar-v2-shell .header-area .header-top .header-top-info .info-list.info-list-contact {
    gap: 14px;
}

.temar-v2-shell .contact-chip {
    min-height: 54px;
    padding: 8px 16px 8px 10px;
    border-radius: 18px;
}

.temar-v2-shell .contact-chip-icon {
    width: 38px;
    height: 38px;
    flex-basis: 38px;
}

.temar-v2-shell .contact-chip-text {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 2px;
}

.temar-v2-shell .contact-chip-text strong {
    font-size: 0.66rem;
    line-height: 1;
}

.temar-v2-shell .contact-chip-text small {
    font-size: 0.92rem;
    line-height: 1.15;
}

.temar-v2-shell .header-top-actions {
    min-height: 54px;
    gap: 12px;
}

.temar-v2-shell .header-socials a {
    width: 40px;
    height: 40px;
}

.temar-v2-shell .header-top-cta {
    min-height: 46px;
    padding: 0 22px;
}

.temar-v2-shell .header-area .header-menu-wrapper {
    top: calc(var(--header-top-height) + 10px);
}

.temar-v2-shell .header-area .header-menu-wrapper .row {
    min-height: 78px;
    gap: 14px;
    padding: 0 16px;
}

.temar-v2-shell .header-area .header-menu-wrapper .col-lg-3 {
    flex: 0 0 82px !important;
    max-width: 82px !important;
    width: 82px !important;
}

.temar-v2-shell .header-area .header-menu-wrapper .col-lg-9 {
    max-width: calc(100% - 82px) !important;
}

.temar-v2-shell .logo,
.temar-v2-shell .logo a {
    min-width: 82px;
}

.temar-v2-shell .logo img,
.temar-v2-shell .header-area .header-menu-wrapper.header-fixed .logo img {
    max-height: 50px;
}

.temar-v2-shell .main-menu-content {
    gap: 10px;
}

.temar-v2-shell .main-menu-content nav ul li > a {
    padding: 10px 10px;
    font-size: 0.81rem;
}

.temar-v2-shell .logo-right-button {
    gap: 10px;
}

.temar-v2-shell .logo-right-button ul .theme-button {
    min-height: 42px;
    padding: 0 18px;
}

.temar-v2-shell .header-area .main-menu-content nav ul li > .dropdown-menu-item {
    top: calc(100% + 12px);
    min-width: 380px !important;
    max-width: 520px;
    padding: 14px;
}

.temar-v2-shell .header-area .main-menu-content nav ul li > .dropdown-menu-item li a {
    white-space: nowrap !important;
    font-size: 0.95rem;
}

@media (max-width: 1440px) {
    .temar-v2-shell .main-menu-content nav ul li > a {
        padding: 10px 8px;
        font-size: 0.77rem;
    }

    .temar-v2-shell .header-area .main-menu-content nav ul li > .dropdown-menu-item {
        min-width: 350px !important;
    }
}

@media (max-width: 1280px) {
    :root {
        --header-top-height: 0px;
    }

    .temar-v2-shell .header-area .header-top {
        display: none;
    }

    .temar-v2-shell .header-area .header-menu-wrapper {
        top: 14px;
    }
}

/* Slightly wider header shell */
:root {
    --container-width: 1720px;
}

.temar-v2-shell .header-area .container {
    width: min(var(--container-width), calc(100% - 24px));
    max-width: none;
}

.temar-v2-shell .header-area .header-menu-wrapper .container {
    width: min(var(--container-width), calc(100% - 18px));
}

.temar-v2-shell .header-area .header-menu-wrapper .row {
    padding: 0 18px;
}

@media (max-width: 1440px) {
    .temar-v2-shell .header-area .container {
        width: calc(100% - 18px);
    }

    .temar-v2-shell .header-area .header-menu-wrapper .container {
        width: calc(100% - 14px);
    }
}

/* Footer data-source alignment with genel theme */
.footer-grid {
    grid-template-columns: 1.15fr 1.1fr 0.9fr;
    align-items: start;
}

.footer-address-links,
.footer-menu-grid ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-address-links {
    margin: 0 0 18px;
}

.footer-address-links li + li,
.footer-menu-grid ul li + li {
    margin-top: 12px;
}

.footer-address-links a {
    display: inline-flex;
    align-items: flex-start;
    gap: 10px;
    color: rgba(244, 247, 251, 0.76);
    text-decoration: none;
    line-height: 1.6;
}

.footer-address-links a:hover {
    color: #fff;
}

.footer-address-links i {
    width: 16px;
    margin-top: 4px;
    color: #26a9e1;
}

.footer-meta {
    margin: 0 0 14px;
    color: #fff;
    font-size: 0.92rem;
    font-weight: 700;
}

.footer-menu-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}

.footer-menu-grid ul li a {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 2px 0 8px 22px;
    color: rgba(244, 247, 251, 0.76);
    text-decoration: none;
    line-height: 1.55;
    transition: color 0.2s ease;
}

.footer-menu-grid ul li a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 13px;
    height: 11px;
    background: linear-gradient(90deg, #1475ba 0%, #5db8ff 100%);
    clip-path: polygon(0 42%, 58% 42%, 58% 16%, 100% 50%, 58% 84%, 58% 58%, 0 58%);
    filter: drop-shadow(0 0 6px rgba(20, 117, 186, 0.18));
    transform: translateY(-50%);
    transition: transform 0.2s ease, filter 0.2s ease;
}

.footer-menu-grid ul li a::after {
    content: "";
    position: absolute;
    left: 24px;
    right: 0;
    bottom: 0;
    height: 2px;
    background: #1475ba;
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform 0.2s ease;
}

.footer-menu-grid ul li a:hover {
    color: #fff;
}

.footer-menu-grid ul li a i {
    display: none;
}

.footer-menu-grid ul li a:hover::before {
    transform: translateY(-50%) translateX(3px);
    filter: drop-shadow(0 0 10px rgba(93, 184, 255, 0.32));
}

.footer-menu-grid ul li a:hover::after {
    transform: scaleX(1);
}

.footer-hours h3 {
    margin: 0 0 16px;
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
}

.working-wrapper {
    display: grid;
    gap: 12px;
}

.working__time {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin: 0;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    color: rgba(244, 247, 251, 0.76);
    font-size: 0.94rem;
}

.working__time span {
    color: #fff;
    font-weight: 600;
}

.workingtime__off span {
    color: #26a9e1;
}

@media (max-width: 1199px) {
    .footer-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .footer-grid,
    .footer-menu-grid {
        grid-template-columns: 1fr;
    }
}

/* Non-fixed header and footer without working hours */
.temar-v2-shell .header-area {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
}

.temar-v2-shell .header-area .header-menu-wrapper,
.temar-v2-shell .header-area .header-menu-wrapper.header-fixed {
    position: relative;
    top: 0 !important;
    left: auto;
    right: auto;
    padding-top: 0;
}

.temar-v2-shell .header-area .header-menu-wrapper .container,
.temar-v2-shell .site-footer .container {
    width: min(var(--container-width), calc(100% - 32px));
}

.temar-v2-shell .theme-stage.is-inner {
    padding-top: 0;
}

.temar-v2-shell .footer-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 34px;
}

.temar-v2-shell .footer-hours,
.temar-v2-shell .working-wrapper,
.temar-v2-shell .working__time {
    display: none;
}

@media (max-width: 991px) {
    .temar-v2-shell .header-area .header-menu-wrapper,
    .temar-v2-shell .header-area .header-menu-wrapper.header-fixed {
        top: 0 !important;
    }
}

@media (max-width: 1199px) {
    .temar-v2-shell .footer-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .temar-v2-shell .footer-grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }
}

/* Header final polish */
:root {
    --header-top-height: 92px;
    --container-width: 1680px;
}

.header-area .header-top {
    padding: 14px 0 16px;
}

.header-area .header-top .header-top-info {
    min-height: 58px;
}

.header-area .header-top .header-top-info .info-list.info-list-contact {
    gap: 12px;
}

.contact-chip {
    min-height: 58px;
    padding: 10px 16px 10px 10px;
    border-radius: 18px;
}

.contact-chip-icon {
    width: 38px;
    height: 38px;
    border-radius: 12px;
    flex-basis: 38px;
}

.contact-chip-text {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 3px;
}

.contact-chip-text strong {
    font-size: 0.65rem;
    line-height: 1;
    letter-spacing: 0.08em;
}

.contact-chip-text small {
    font-size: 0.94rem;
    line-height: 1.15;
}

/* Contact cards isolated redesign */
.temar-v2-shell .info-list-contact-v2 {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px !important;
    width: 100%;
    align-items: stretch;
}

.temar-v2-shell .info-list-contact-v2 > li {
    min-width: 0;
    padding-left: 0 !important;
    padding-top: 0 !important;
}

.temar-v2-shell .contact-chip-v2 {
    position: relative;
    display: grid !important;
    grid-template-columns: 60px minmax(0, 1fr);
    align-items: center;
    gap: 16px !important;
    width: 100%;
    min-height: 88px !important;
    padding: 14px 18px 14px 14px !important;
    border: 1px solid rgba(255, 255, 255, 0.13) !important;
    border-radius: 26px 16px 26px 16px !important;
    background:
        radial-gradient(circle at top right, rgba(111, 211, 255, 0.20), transparent 34%),
        linear-gradient(135deg, rgba(11, 56, 90, 0.92) 0%, rgba(8, 39, 65, 0.98) 58%, rgba(5, 25, 42, 1) 100%) !important;
    box-shadow:
        0 16px 30px rgba(4, 14, 24, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
    overflow: hidden;
    transition: transform 0.24s ease, box-shadow 0.24s ease, border-color 0.24s ease, background 0.24s ease;
}

.temar-v2-shell .contact-chip-v2::before {
    content: "";
    position: absolute;
    left: 14px;
    top: 14px;
    bottom: 14px;
    width: 3px;
    border-radius: 999px;
    background: linear-gradient(180deg, #7fe0ff 0%, #1475ba 100%);
    box-shadow: 0 0 14px rgba(68, 193, 255, 0.32);
}

.temar-v2-shell .contact-chip-v2::after {
    content: "";
    position: absolute;
    right: 16px;
    top: 16px;
    width: 12px;
    height: 12px;
    border-radius: 4px;
    background: rgba(127, 224, 255, 0.88);
    box-shadow: 0 0 16px rgba(127, 224, 255, 0.28);
    transform: rotate(45deg);
    opacity: 0.82;
}

.temar-v2-shell .contact-chip-v2:hover {
    transform: translateY(-3px);
    border-color: rgba(127, 224, 255, 0.34) !important;
    background:
        radial-gradient(circle at top right, rgba(111, 211, 255, 0.28), transparent 34%),
        linear-gradient(135deg, rgba(14, 67, 107, 0.96) 0%, rgba(9, 45, 75, 1) 58%, rgba(6, 29, 48, 1) 100%) !important;
    box-shadow:
        0 20px 38px rgba(4, 14, 24, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
    color: #fff;
}

.temar-v2-shell .contact-chip-icon-v2 {
    position: relative;
    z-index: 1;
    width: 60px !important;
    height: 60px !important;
    flex-basis: 60px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(127, 224, 255, 0.2) !important;
    border-radius: 18px !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.04)),
        rgba(8, 28, 45, 0.88) !important;
    color: #f4fbff !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 0 0 8px rgba(255, 255, 255, 0.025);
}

.temar-v2-shell .contact-chip-icon-v2 i {
    font-size: 1.12rem !important;
    line-height: 1;
}

.temar-v2-shell .contact-chip-text-v2 {
    position: relative;
    z-index: 1;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 6px !important;
    min-width: 0;
    padding-left: 2px;
}

.temar-v2-shell .contact-chip-text-v2 strong {
    margin: 0;
    color: rgba(205, 232, 248, 0.7) !important;
    font-size: 0.68rem !important;
    font-weight: 700;
    letter-spacing: 0.16em !important;
    line-height: 1;
    text-transform: uppercase;
}

.temar-v2-shell .contact-chip-text-v2 small {
    display: block;
    margin: 0;
    color: #ffffff !important;
    font-size: 1rem !important;
    font-weight: 700;
    line-height: 1.28 !important;
    letter-spacing: 0.01em;
    overflow-wrap: anywhere;
}

.temar-v2-shell .contact-chip-v2--mail .contact-chip-text-v2 small {
    font-size: 0.9rem !important;
}

.header-top-actions {
    gap: 12px;
}

.header-socials a {
    width: 38px;
    height: 38px;
}

.header-top-cta {
    min-height: 42px;
    padding: 0 20px;
    font-size: 0.9rem;
}

.header-area .header-menu-wrapper {
    top: calc(var(--header-top-height) + 8px);
}

.header-area .header-menu-wrapper .container,
.site-footer .container {
    width: min(var(--container-width), calc(100% - 32px));
}

.header-area .header-menu-wrapper .row {
    min-height: 72px;
    gap: 14px;
    padding: 0 16px;
}

.header-area .header-menu-wrapper .col-lg-3 {
    flex: 0 0 92px !important;
    max-width: 92px !important;
    width: 92px !important;
}

.header-area .header-menu-wrapper .col-lg-9 {
    max-width: calc(100% - 92px) !important;
}

.logo,
.logo a {
    min-width: 92px;
}

.logo img,
.header-area .header-menu-wrapper.header-fixed .logo img {
    max-height: 58px;
}

.main-menu-content {
    gap: 10px;
}

.main-menu-content nav ul li > a {
    padding: 10px 9px;
    font-size: 0.8rem;
}

.logo-right-button {
    gap: 10px;
    margin-left: 8px;
}

.logo-right-button ul .theme-button {
    min-height: 42px;
    padding: 0 18px;
}

.temar-v2-shell .logo-right-button ul .header-call-button {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 50px;
    padding: 8px 16px 8px 10px;
    border-radius: 999px;
    white-space: nowrap;
}

.temar-v2-shell .logo-right-button ul .header-call-button:hover,
.temar-v2-shell .logo-right-button ul .header-call-button:focus,
.temar-v2-shell .logo-right-button ul .header-call-button:active {
    transform: none;
    background: #ffffff;
    color: inherit;
    box-shadow: 0 12px 24px rgba(9, 22, 34, 0.12);
}

.temar-v2-shell .header-call-button__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: linear-gradient(135deg, #0f6fae, #1d88cc);
    color: #ffffff;
    flex: 0 0 30px;
}

.temar-v2-shell .header-call-button__icon i {
    line-height: 1;
    font-size: 12px;
    margin: 0 !important;
    padding: 0 !important;
}

.temar-v2-shell .header-call-button__text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    line-height: 1.1;
}

.temar-v2-shell .header-call-button__text small {
    display: block;
    margin: 0 0 3px;
    font-size: 0.64rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #5b6b7d;
}

.temar-v2-shell .header-call-button__text strong {
    display: block;
    font-size: 0.88rem;
    font-weight: 800;
    letter-spacing: 0.01em;
    color: #102132;
}

.header-area .main-menu-content nav ul li > .dropdown-menu-item {
    left: 50%;
    top: calc(100% + 12px);
    min-width: 360px !important;
    width: max-content !important;
    max-width: 460px;
    padding: 14px;
    border-radius: 20px;
    transform: translate(-50%, 8px);
}

.header-area .main-menu-content nav ul li:hover > .dropdown-menu-item {
    transform: translate(-50%, 0);
}

.header-area .main-menu-content nav ul li > .dropdown-menu-item li a {
    padding: 12px 14px;
    font-size: 0.96rem;
    line-height: 1.45;
    white-space: nowrap !important;
}

.temar-v2-shell .side-menu-open {
    display: none;
}

@media (max-width: 1440px) {
    .header-area .header-menu-wrapper .container,
    .site-footer .container {
        width: calc(100% - 24px);
    }

    .main-menu-content nav ul li > a {
        padding: 10px 7px;
        font-size: 0.76rem;
    }

    .header-area .main-menu-content nav ul li > .dropdown-menu-item {
        min-width: 340px !important;
    }
}

@media (max-width: 1280px) {
    :root {
        --header-top-height: 0px;
    }

    .header-area .header-top {
        display: none;
    }

    .header-area .header-menu-wrapper {
        top: 14px;
    }

    .main-menu-content nav,
    .logo-right-button ul {
        display: none;
    }

    .main-menu-content {
        justify-content: flex-end;
    }

    .temar-v2-shell .side-menu-open {
        display: inline-flex;
    }
}

/* Contact row absolute EOF override */
.temar-v2-shell .info-list-contact-v2 {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px 18px !important;
    width: 100%;
}

.temar-v2-shell .info-list-contact-v2 > li {
    position: relative;
    flex: 0 0 auto;
    min-width: 0;
    padding: 0 !important;
}

.temar-v2-shell .info-list-contact-v2 > li + li {
    padding-left: 18px !important;
}

.temar-v2-shell .info-list-contact-v2 > li + li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 1px;
    height: 28px;
    background: rgba(255, 255, 255, 0.16);
    transform: translateY(-50%);
}

.temar-v2-shell .contact-chip-v2 {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    width: auto !important;
    min-height: 40px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    text-decoration: none;
    color: #fff !important;
    transform: none !important;
    overflow: visible !important;
}

.temar-v2-shell .contact-chip-v2::before,
.temar-v2-shell .contact-chip-v2::after {
    display: none !important;
}

.temar-v2-shell .contact-chip-v2:hover {
    opacity: 0.9;
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

.temar-v2-shell .contact-chip-icon-v2 {
    position: static !important;
    z-index: auto !important;
    width: 28px !important;
    height: 28px !important;
    flex: 0 0 28px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0 !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.12) !important;
    color: #f7fbff !important;
    box-shadow: none !important;
}

.temar-v2-shell .contact-chip-icon-v2 i {
    font-size: 0.82rem !important;
    line-height: 1;
}

.temar-v2-shell .contact-chip-text-v2 {
    position: static !important;
    z-index: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 2px !important;
    min-width: 0;
    padding: 0 !important;
}

/* Home slider Swiper block */
.temar-v2-shell .theme-stage.is-home {
    min-height: 0;
    background: #f4f7fb;
}

.temar-home-slider {
    position: relative;
    padding: 14px 0 44px;
    background:
        radial-gradient(circle at top right, rgba(45, 126, 182, 0.22), transparent 26%),
        linear-gradient(180deg, #102233 0%, #15293c 100%);
}

.temar-home-slider.is-boxed {
    background: transparent;
    padding-top: 16px;
}

.temar-home-slider__shell {
    position: relative;
    padding: 20px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.01)),
        linear-gradient(180deg, #0d1d2b 0%, #132638 100%);
    border: 1px solid rgba(132, 189, 230, 0.12);
    border-radius: 32px;
    box-shadow: 0 22px 48px rgba(3, 11, 18, 0.28);
    overflow: hidden;
}

.temar-home-slider:not(.is-boxed) .temar-home-slider__shell {
    padding: 24px 24px 30px;
    border-radius: 0;
    border-left: 0;
    border-right: 0;
}

.temar-home-slider__main {
    position: relative;
    height: clamp(420px, 62vh, 720px);
    border-radius: 28px;
    overflow: hidden;
}

.temar-home-slider__main.is-single .temar-home-slider__nav,
.temar-home-slider__main.is-single .temar-home-slider__pagination,
.temar-home-slider__thumbs.is-single {
    display: none;
}

.temar-home-slide {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    overflow: hidden;
}

.temar-home-slide__media,
.temar-home-slide__media img,
.temar-home-slide__shade {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.temar-home-slide__media img {
    object-fit: cover;
    transform: scale(1.01);
}

.temar-home-slide__shade {
    background:
        linear-gradient(90deg, rgba(5, 16, 24, 0.82) 0%, rgba(5, 16, 24, 0.56) 34%, rgba(5, 16, 24, 0.18) 68%, rgba(5, 16, 24, 0.06) 100%),
        linear-gradient(180deg, rgba(7, 17, 26, 0.06) 0%, rgba(7, 17, 26, 0.46) 100%);
    z-index: 1;
}

.temar-home-slide__content {
    position: absolute;
    z-index: 2;
    left: clamp(26px, 4vw, 56px);
    right: clamp(26px, 4vw, 56px);
    bottom: clamp(36px, 7vw, 84px);
    max-width: 600px;
    color: #ffffff;
}

.temar-home-slide__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
    padding: 9px 14px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.temar-home-slide__title {
    margin: 0;
    color: #ffffff;
    font-size: clamp(2rem, 4vw, 4.3rem);
    font-weight: 700;
    line-height: 0.98;
    letter-spacing: -0.03em;
}

.temar-home-slide__desc {
    max-width: 560px;
    margin: 18px 0 0;
    color: rgba(241, 247, 252, 0.88);
    font-size: 1rem;
    line-height: 1.7;
}

.temar-home-slide__button {
    margin-top: 26px;
}

.temar-home-slider__nav {
    width: 54px;
    height: 54px;
    margin-top: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.14);
    color: #ffffff;
    backdrop-filter: blur(12px);
    transition: background 0.25s ease, transform 0.25s ease, border-color 0.25s ease;
}

.temar-home-slider__nav::after {
    font-size: 15px;
    font-weight: 700;
}

.temar-home-slider__nav:hover {
    transform: translateY(-2px);
    background: rgba(255, 255, 255, 0.18);
    border-color: rgba(255, 255, 255, 0.22);
}

.temar-home-slider__nav--prev {
    left: 22px;
}

.temar-home-slider__nav--next {
    right: 22px;
}

.temar-home-slider__pagination {
    bottom: 24px !important;
}

.temar-home-slider__pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    opacity: 1;
    background: rgba(255, 255, 255, 0.28);
}

.temar-home-slider__pagination .swiper-pagination-bullet-active {
    background: #1475ba;
}

.temar-home-slider__thumbs {
    margin-top: 18px;
    overflow: visible;
}

.temar-home-thumb {
    display: grid;
    grid-template-columns: 96px minmax(0, 1fr);
    align-items: center;
    gap: 14px;
    min-height: 96px;
    padding: 10px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.06);
    transition: transform 0.25s ease, border-color 0.25s ease, background 0.25s ease;
}

.temar-home-thumb__media {
    width: 96px;
    height: 74px;
    border-radius: 16px;
    overflow: hidden;
}

.temar-home-thumb__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.temar-home-thumb__body {
    min-width: 0;
    color: #f0f6fb;
}

.temar-home-thumb__body strong {
    display: block;
    margin-bottom: 6px;
    color: #ffffff;
    font-size: 0.96rem;
    font-weight: 700;
    line-height: 1.2;
}

.temar-home-thumb__body span {
    display: block;
    color: rgba(218, 231, 240, 0.72);
    font-size: 0.84rem;
    line-height: 1.45;
}

.temar-home-slider__thumbs .swiper-slide-thumb-active .temar-home-thumb {
    border-color: rgba(20, 117, 186, 0.62);
    background: rgba(255, 255, 255, 0.11);
    transform: translateY(-2px);
}

.temar-home-slider__empty {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 520px;
    padding: 40px 24px;
    border-radius: 28px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.02)),
        linear-gradient(180deg, #102131 0%, #13273b 100%);
    color: rgba(238, 245, 250, 0.72);
    font-size: 1rem;
    text-align: center;
}

@media (max-width: 1280px) {
    .temar-home-slider__shell {
        padding: 18px;
    }

    .temar-home-slider__main {
        height: clamp(400px, 55vh, 640px);
    }
}

@media (max-width: 991px) {
    .temar-home-slider {
        padding: 12px 0 30px;
    }

    .temar-home-slider__shell,
    .temar-home-slider:not(.is-boxed) .temar-home-slider__shell {
        padding: 14px 14px 20px;
        border-radius: 26px;
    }

    .temar-home-slider__main {
        height: 520px;
        border-radius: 22px;
    }

    .temar-home-slide__content {
        right: 22px;
        left: 22px;
        bottom: 30px;
        max-width: 100%;
    }

    .temar-home-slide__desc {
        max-width: 100%;
        font-size: 0.94rem;
    }

    .temar-home-thumb {
        grid-template-columns: 82px minmax(0, 1fr);
        min-height: 88px;
    }

    .temar-home-thumb__media {
        width: 82px;
        height: 66px;
    }
}

@media (max-width: 767px) {
    .temar-home-slider__main {
        height: 460px;
    }

    .temar-home-slide__eyebrow {
        margin-bottom: 12px;
        padding: 8px 12px;
        font-size: 0.64rem;
    }

    .temar-home-slide__title {
        font-size: 1.85rem;
        line-height: 1.02;
    }

    .temar-home-slide__desc {
        font-size: 0.88rem;
        line-height: 1.6;
    }

    .temar-home-slider__nav {
        display: none;
    }
}

@media (max-width: 575px) {
    .temar-home-slider__main {
        height: 420px;
    }

    .temar-home-slider__pagination {
        bottom: 16px !important;
    }

    .temar-home-thumb {
        grid-template-columns: 72px minmax(0, 1fr);
        gap: 10px;
        min-height: 80px;
        padding: 8px;
        border-radius: 18px;
    }

    .temar-home-thumb__media {
        width: 72px;
        height: 58px;
        border-radius: 12px;
    }

    .temar-home-thumb__body strong {
        font-size: 0.86rem;
    }

    .temar-home-thumb__body span {
        font-size: 0.76rem;
    }
}

.temar-v2-shell .contact-chip-text-v2 strong {
    margin: 0;
    color: rgba(233, 241, 248, 0.64) !important;
    font-size: 0.56rem !important;
    font-weight: 700;
    letter-spacing: 0.14em !important;
    line-height: 1;
    text-transform: uppercase;
}

.temar-v2-shell .contact-chip-text-v2 small {
    display: block;
    margin: 0;
    color: #ffffff !important;
    font-size: 0.9rem !important;
    font-weight: 600 !important;
    line-height: 1.22 !important;
    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: ellipsis;
}

.temar-v2-shell .contact-chip-v2--mail .contact-chip-text-v2 small {
    max-width: 240px;
}

/* Mobile nav professional redesign */
body.side-nav-open {
    overflow: hidden;
}

.temar-v2-shell .side-nav-container {
    position: fixed !important;
    inset: 0 !important;
    width: 100% !important;
    padding: 0 !important;
    background: rgba(4, 10, 16, 0.22) !important;
    box-shadow: none !important;
    transform: none !important;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.28s ease, visibility 0.28s ease;
    overflow: hidden !important;
    z-index: 1400;
}

.temar-v2-shell .side-nav-container.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.temar-v2-shell .side-nav-overlay-v2 {
    position: absolute;
    inset: 0;
    border: 0;
    padding: 0;
    background: rgba(6, 12, 20, 0.48);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    cursor: pointer;
}

.temar-v2-shell .side-nav-panel-v2 {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    width: min(380px, 100%);
    height: 100%;
    padding: 18px 16px 16px;
    background:
        radial-gradient(circle at top right, rgba(31, 134, 200, 0.14), transparent 22%),
        linear-gradient(180deg, #0e1c2a 0%, #0a141f 100%);
    border-left: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: -22px 0 48px rgba(2, 7, 13, 0.34);
    transform: translateX(100%);
    transition: transform 0.34s ease;
}

.temar-v2-shell .side-nav-container.active .side-nav-panel-v2 {
    transform: translateX(0);
}

.temar-v2-shell .side-nav-head-v2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.temar-v2-shell .side-nav-head-v2 .humburger-menu {
    margin: 0;
}

.temar-v2-shell .side-nav-brand-v2 {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    color: #fff;
    text-decoration: none;
}

.temar-v2-shell .side-nav-brand-v2 img {
    width: 52px;
    height: 52px;
    object-fit: contain;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.temar-v2-shell .side-nav-brand-v2 span {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

.temar-v2-shell .side-nav-brand-v2 strong {
    font-size: 0.94rem;
    font-weight: 700;
    line-height: 1.2;
    color: #fff;
}

.temar-v2-shell .side-nav-brand-v2 small {
    font-size: 0.68rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(226, 237, 246, 0.58);
}

.temar-v2-shell .side-nav-close-v2 {
    position: relative;
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.04);
    cursor: pointer;
}

.temar-v2-shell .side-nav-close-v2 span {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 18px;
    height: 2px;
    border-radius: 999px;
    background: #fff;
}

.temar-v2-shell .side-nav-close-v2 span:first-child {
    transform: translate(-50%, -50%) rotate(45deg);
}

.temar-v2-shell .side-nav-close-v2 span:last-child {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.temar-v2-shell .side-nav-meta-v2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 14px;
    padding: 16px 0 18px;
}

.temar-v2-shell .side-nav-meta-v2 p {
    margin: 0;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(217, 232, 243, 0.62);
}

.temar-v2-shell .side-nav-cta-v2 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0 16px;
    border-radius: 999px;
    background: linear-gradient(135deg, #ffffff, #d8ebff);
    color: #0f2234;
    font-size: 0.9rem;
    font-weight: 700;
    text-decoration: none;
}

.temar-v2-shell .side-menu-wrap-v2 {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding-right: 4px;
}

.temar-v2-shell .side-menu-wrap-v2::-webkit-scrollbar {
    width: 6px;
}

.temar-v2-shell .side-menu-wrap-v2::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.12);
    border-radius: 999px;
}

.temar-v2-shell .side-menu-ul-v2,
.temar-v2-shell .side-menu-ul-v2 .side-sub-menu {
    margin: 0;
    padding: 0;
    list-style: none;
}

.temar-v2-shell .side-menu-ul-v2 .sidenav__item {
    position: relative;
    margin: 0 0 10px;
    border: 0;
}

.temar-v2-shell .side-menu-ul-v2 .sidenav__item > a {
    display: block;
    padding: 16px 52px 16px 18px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.035);
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.35;
    text-decoration: none;
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.temar-v2-shell .side-menu-ul-v2 .sidenav__item2 > a {
    text-align: left;
    font-weight: 700;
}

.temar-v2-shell .side-menu-ul-v2 .sidenav__item > a:hover,
.temar-v2-shell .side-menu-ul-v2 .sidenav__item.active > a {
    background: rgba(255, 255, 255, 0.075);
    border-color: rgba(110, 210, 255, 0.18);
    color: #fff;
}

.temar-v2-shell .side-menu-ul-v2 .menu-plus-icon {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 32px;
    height: 32px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.08);
    cursor: pointer;
}

.temar-v2-shell .side-menu-ul-v2 .menu-plus-icon::before,
.temar-v2-shell .side-menu-ul-v2 .menu-plus-icon::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 2px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.88);
    transform: translate(-50%, -50%);
}

.temar-v2-shell .side-menu-ul-v2 .menu-plus-icon::after {
    transform: translate(-50%, -50%) rotate(90deg);
    transition: opacity 0.2s ease;
}

.temar-v2-shell .side-menu-ul-v2 .sidenav__item.active > .menu-plus-icon::after {
    opacity: 0;
}

.temar-v2-shell .side-menu-ul-v2 .side-sub-menu {
    display: none;
    margin-top: 8px;
    padding: 4px 0 4px 14px;
}

.temar-v2-shell .side-menu-ul-v2 .side-sub-menu li + li {
    margin-top: 6px;
}

.temar-v2-shell .side-menu-ul-v2 .side-sub-menu li a {
    display: block;
    padding: 11px 12px 11px 16px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.03);
    color: rgba(229, 238, 246, 0.82);
    font-size: 0.92rem;
    text-decoration: none;
}

.temar-v2-shell .side-menu-ul-v2 .side-sub-menu li a:hover {
    background: rgba(255, 255, 255, 0.06);
    color: #fff;
}

.temar-v2-shell .side-menu-ul-v2 .sidenav__item.text-center,
.temar-v2-shell .side-menu-ul-v2 .sidenav__item.text-center > a {
    text-align: left !important;
}

.temar-v2-shell .side-nav-footer-v2 {
    display: grid;
    gap: 10px;
    padding-top: 18px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.temar-v2-shell .side-nav-contact-v2 {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    color: rgba(234, 242, 248, 0.82);
    text-decoration: none;
    font-size: 0.92rem;
}

.temar-v2-shell .side-nav-contact-v2 i {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
}

.temar-v2-shell .side-nav-contact-v2 span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 575px) {
    .temar-v2-shell .side-nav-panel-v2 {
        width: 100%;
        padding: 16px 14px 14px;
    }

    .temar-v2-shell .side-nav-brand-v2 img {
        width: 48px;
        height: 48px;
    }

    .temar-v2-shell .side-menu-ul-v2 .sidenav__item > a {
        padding: 15px 48px 15px 16px;
        font-size: 0.96rem;
    }

    .temar-v2-shell .side-menu-ul-v2 .menu-plus-icon {
        top: 11px;
        right: 11px;
    }
}

#foto_galeri {
    padding: 60px 0px 60px;
}

#foto_galeri .blog-img {
    position: relative;
}

#foto_galeri .card {
    padding: 0;
    overflow: hidden;
}

.iconset {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 42px;
    height: 42px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #000;
    border-radius: 100%;
    color: #fff;
    font-size: 18px;
    margin-bottom: 20px;
    position: absolute;
    left: 20px;
    top: 20px;
    z-index: 1;
}

#foto_galeri img {
    border-radius: 5px;
    object-fit: cover;
    height: 220px;
    background-color: #000000;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
}

#foto_galeri a:hover img {
    opacity: 0.5;
}

#foto_galeri .blog-body {
    padding: 15px 2px;
}

#foto_galeri .card {
    width: 100%;
    border-radius: 5px;
    margin-bottom: 2rem;
    border: 10px solid transparent;
    display: inline-block;
    box-shadow: 0px 0px 20px 0px rgba(62, 62, 101, 0.13);
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}

#foto_galeri .blog-content .blog-title {
    font-weight: 100;
    line-height: 26px;
    text-transform: unset;
}

#foto_galeri .blog-content .blog-title a {
    font-size: 100%;
    font-weight: 500;
    display: block;
    color: #26a9e1;
}

.foto-widget .post-thumb img {
    display: block;
    width: 100%;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    object-fit: cover;
    height: 190px;
}

#foto {
    padding: 60px 0px 60px;
}

#foto .card {
    padding: 0;
    overflow: hidden;
}

.foto-widget .blog__desc {
    font-size: 16px;
    color: #677286;
    margin-top: 5px;
    margin-bottom: 10px;
    line-height: 28px;
    font-weight: 400;
    height: auto;
    overflow: hidden;
}

.divider {
    text-align: center;
    margin: 0;
    padding: 0;
    line-height: 0;
    font-size: 0
}

.divider .divider__dot {
    display: inline-block;
    width: 10px;
    height: 2px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 0 15px;
    vertical-align: top;
    background-color: #1475ba}

.pagination-wrapper {
    margin-top: 20px
}

.pagination-list li {
    display: inline-block;
    text-transform: capitalize
}

@media(max-width:375px) {
    .pagination-list li {
        margin-bottom: 10px
    }
}

.pagination-list li:last-child {
    margin-bottom: 0
}

.pagination-list li.pag__active a {
    background-color: #26a9e1;
    color: #fff;
    border-color: #26a9e1}

.pagination-list li a {
    position: relative;
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #1475ba;
    background-color: rgba(35, 61, 99, 0.1);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    font-size: 16px;
    font-weight: 500
}

.pagination-list li a.pag__prev {
    margin-right: 4px
}

.pagination-list li a.pag__next {
    margin-left: 4px
}

.pagination-list li a:hover {
    background-color: #26a9e1;
    color: #fff;
    border-color: #26a9e1}

.breadcrumb__title {
    font-size: 35px;
    text-transform: capitalize;
    font-weight: 500;
    text-align: center
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .breadcrumb__title {
        font-size: 25px
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .breadcrumb__title {
        font-size: 25px
    }
}

.breadcrumb__list {
    position: absolute;
    bottom: 0;
    left: 50%;
    background-color: #fff;
    padding: 10px 32px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    margin-bottom: -22px;
    -webkit-box-shadow: 0 10px 40px rgba(82, 85, 90, 0.1);
    -moz-box-shadow: 0 10px 40px rgba(82, 85, 90, 0.1);
    box-shadow: 0 10px 40px rgba(82, 85, 90, 0.1)
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .breadcrumb__list {
        width: 70%;
        text-align: center
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .breadcrumb__list {
        width: 100%;
        text-align: center
    }
}

.breadcrumb__list li {
    display: inline-block;
    text-transform: capitalize;
    color: #677286;
    font-size: 16px;
    font-weight: 500;
    position: relative;
    padding-right: 22px
}

@media(max-width:480px) {
    .breadcrumb__list li {
        font-size: 15px
    }
}

.breadcrumb__list li:last-child {
    padding-right: 0
}

.breadcrumb__list li a {
    color: #1475ba;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.breadcrumb__list li a:hover {
    color: #26a9e1}

.breadcrumb__list li.active__list-item:after {
    position: absolute;
    content: '';
    top: 50%;
    right: 8px;
    width: 5px;
    height: 5px;
    padding: 0;
    border-radius: 50%;
    background-color: currentColor;
    transform: translateY(-50%)
}

.breadcrumb__list li:last-child.active__list-item:after {
    display: none;
}

.breadcrumb-area {
    background-color: #eee;
    padding-top: 185px;
    position: relative;
    z-index: 2;
    color: #1475ba;
}

@media(max-width:1199px) {
    .breadcrumb-area {
        padding-top: 300px
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .breadcrumb-area {
        padding-top: 195px
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .breadcrumb-area {
        padding-top: 195px
    }
}

.breadcrumb-area .breadcrumb-content {
    position: relative;
    padding-bottom: 50px
}

@media(max-width:1199px) {
    .breadcrumb-area .breadcrumb-content {
        padding-bottom: 135px
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .breadcrumb-area .breadcrumb-content {
        padding-bottom: 400px
    }
}

@media(max-width:480px) {
    .breadcrumb-area .breadcrumb-content {
        padding-bottom: 60px
    }
}

.case-area2 {
    padding-bottom: 43px
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .case-area2 .sec-heading {
        text-align: center
    }
}

.case-area2 .sec-heading .sec__title {
    margin-bottom: 32px
}

.single-case {
    padding-top: 118px;
    padding-bottom: 67px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .single-case .col-lg-4 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.post-thumb {
    position: relative;
    margin: 0;
    margin-bottom: 25px;
}

.post-thumb .overlay-box {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: block;
    color: #ffffff;
    font-size: 18px;
    opacity: 0;
    text-align: center;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    background-color: rgba(171, 116, 66, 0.70);
}

.post-thumb .overlay-box .fa,
.post-thumb .overlay-box .far,
.post-thumb .overlay-box .fab,
.post-thumb .overlay-box .fas {
    top: 50%;
    position: relative;
    margin-top: -20px;
    display: block;
    font-size: 40px;
}

.post-thumb:hover .overlay-box {
    opacity: 1;
}

.post-thumb img {
    display: block;
    width: 100%;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    object-fit: cover;
    height: 150px;
}

.video-detail__wrapper {
    background: #002249;
    min-height: 600px;
    padding-top: 50px;
    padding-bottom: 150px;
}

.video-detail__header {
    margin-top: 20px;
    margin-bottom: 20px;
}

.video-detail__header .title {
    color: #fff;
    font-size: 28px;
    font-weight: 400;
}

.video-detail-player iframe {
    width: 100%;
    height: 530px;
}

@media (max-width: 767px) {
    .video-detail-player iframe {
        height: auto;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .video-detail-player iframe {
        height: 400px;
    }
}

.video-detail-other-videos .heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: rgba(0, 0, 0, 0.2);
    height: 60px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 15px;
    padding-right: 15px;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
}

.video-detail-other-videos .heading .all-videos {
    text-transform: capitalize;
    font-size: 12px;
    color: #fff;
    opacity: .7;
    font-weight: 400;
}

.video-detail-other-videos .heading .all-videos:hover {
    text-decoration: underline;
}

.video-detail-list {
    overflow-y: auto;
    background: #0000009c;
    height: calc(530px - 60px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

@media (min-width: 768px) and (max-width: 991px) {
    .video-detail-list {
        height: 340px;
    }
}

.video-detail-list li {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
    -webkit-transition: .3s;
    transition: .3s;
}

.video-detail-list li:last-child {
    border-bottom: 0 none;
}

.video-detail-list li:hover {
    background: rgba(0, 0, 0, 0.2);
}

.video-detail-list li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.video-detail-list .video-left {
    width: 110px;
    height: 70px;
    position: relative;
    margin-left: 10px;
    margin-right: 10px;
}

.video-detail-list .video-left img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.video-detail-list .video-left .icon {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.55);
    color: #fff;
    font-size: 16px;
}

.video-detail-list .video-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 5px;
    padding-right: 15px;
}

.video-detail-list .video-right .title {
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    margin-bottom: 0px !important;
}

/* Genel temadaki breadcrumb yapisini koru, fakat Temar temasinin
   header ritmine ve renk diline gore ust alani normalize et. */
.temar-v2-shell .theme-stage.is-inner {
    background: #ffffff;
}

.temar-v2-shell .breadcrumb-area {
    background:
        radial-gradient(circle at 18% 12%, rgba(110, 210, 255, 0.16), transparent 24%),
        radial-gradient(circle at 82% 0%, rgba(255, 255, 255, 0.08), transparent 18%),
        linear-gradient(135deg, #11283b 0%, #173a58 48%, #0d2435 100%);
    padding-top: 86px;
    padding-bottom: 0;
    color: #f2f7fb;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.temar-v2-shell .breadcrumb-area .breadcrumb-content {
    padding-bottom: 50px;
}

.temar-v2-shell .breadcrumb__title {
    margin: 0;
    color: #f8fbff;
    font-size: clamp(2rem, 2.6vw, 3rem);
    font-weight: 600;
    line-height: 1.16;
    letter-spacing: -0.02em;
    text-transform: none;
}

.temar-v2-shell .breadcrumb__list {
    min-height: 46px;
    padding: 10px 24px;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 16px 34px rgba(6, 19, 32, 0.18);
    border: 1px solid rgba(14, 41, 66, 0.06);
    white-space: nowrap;
}

.temar-v2-shell .breadcrumb__list li {
    color: #6b7785;
    font-size: 15px;
    line-height: 1.3;
}

.temar-v2-shell .breadcrumb__list li:last-child {
    color: #4f6277;
}

.temar-v2-shell .breadcrumb__list li a {
    color: #1475ba;
}

.temar-v2-shell .breadcrumb__list li.active__list-item:after {
    content: '';
    top: 50%;
    right: 8px;
    width: 5px;
    height: 5px;
    padding: 0;
    border-radius: 50%;
    background-color: currentColor;
    color: inherit;
    transform: translateY(-50%);
}

@media (max-width: 1199px) {
    .temar-v2-shell .breadcrumb-area {
        padding-top: 72px;
    }

    .temar-v2-shell .breadcrumb-area .breadcrumb-content {
        padding-bottom: 46px;
    }
}

@media (max-width: 767px) {
    .temar-v2-shell .breadcrumb-area {
        padding-top: 58px;
    }

    .temar-v2-shell .breadcrumb__title {
        font-size: 2rem;
    }

    .temar-v2-shell .breadcrumb__list {
        width: auto;
        max-width: calc(100% - 20px);
        white-space: normal;
        padding: 12px 18px;
        margin-bottom: -18px;
    }

    .temar-v2-shell .breadcrumb__list li {
        font-size: 14px;
        padding-right: 18px;
    }
}

/* 404 page */
.temar-v2-shell .error-area {
    padding: 56px 0 92px;
    background:
        radial-gradient(circle at top center, rgba(110, 210, 255, 0.10), transparent 24%),
        linear-gradient(180deg, #f7fafc 0%, #eef4f8 100%);
}

.temar-v2-shell .error-content .go-back {
    margin-top: 6px;
}

.temar-v2-shell .error-back-button {
    min-height: 58px;
    padding: 8px 20px 8px 10px;
    gap: 12px;
    border: 1px solid rgba(14, 41, 66, 0.08);
    background: linear-gradient(135deg, #102638 0%, #183a58 100%);
    color: #ffffff;
    box-shadow: 0 18px 36px rgba(13, 29, 44, 0.16);
}

.temar-v2-shell .error-back-button:hover,
.temar-v2-shell .error-back-button:focus {
    background: linear-gradient(135deg, #102638 0%, #183a58 100%);
    color: #ffffff;
}

.temar-v2-shell .error-back-button__icon {
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: linear-gradient(135deg, #1475ba 0%, #25a4df 100%);
    color: #ffffff;
    flex: 0 0 auto;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.20);
}

.temar-v2-shell .error-back-button__icon i {
    margin: 0;
    padding: 0 !important;
    line-height: 1;
}

.temar-v2-shell .error-back-button__label {
    font-size: 0.95rem;
    font-weight: 600;
    letter-spacing: 0.02em;
}

@media (max-width: 575px) {
    .temar-v2-shell .error-back-button {
        min-height: 54px;
        padding-right: 16px;
        padding-left: 8px;
    }

    .temar-v2-shell .error-back-button__label {
        font-size: 0.9rem;
    }
}

/* Final header logo override */
.temar-v2-shell .header-area .header-menu-wrapper .col-lg-3 {
    flex: 0 0 104px !important;
    max-width: 104px !important;
    width: 104px !important;
}

.temar-v2-shell .header-area .header-menu-wrapper .col-lg-9 {
    max-width: calc(100% - 104px) !important;
}

.temar-v2-shell .logo,
.temar-v2-shell .logo a {
    min-width: 104px !important;
}

.temar-v2-shell .logo img,
.temar-v2-shell .header-area .header-menu-wrapper.header-fixed .logo img {
    width: auto !important;
    height: 64px !important;
    max-height: 64px !important;
}

/* Services / single-case styles from genel theme */
.blog-post-item {
    -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    -moz-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    margin-bottom: 30px;
}

.blog-post-item .blog-post-img {
    position: relative;
    -webkit-border-radius: 4px 4px 20px 20px;
    -moz-border-radius: 4px 4px 20px 20px;
    border-radius: 4px 4px 20px 20px;
}

.blog-post-item .blog-post-img .blog__img {
    width: 100%;
    display: block;
}

.blog-post-item .blog-post-img:before {
    position: absolute;
    content: '';
    bottom: 0;
    left: 50%;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #fff;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
}

.blog-post-item .blog-post-body {
    padding: 32px 25px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    background-color: #fff;
    min-height: 280px;
}

.blog-post-item .blog-post-body .blog__title {
    font-size: 22px;
    color: #1475ba;
    font-weight: 700;
    line-height: 28px;
    display: block;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    overflow: hidden;
}

.blog-post-item .blog-post-body .blog__title:hover {
    color: #26a9e1;
}

.blog-post-item .blog-post-body .blog__desc {
    font-size: 16px;
    color: #677286;
    margin-top: 5px;
    margin-bottom: 10px;
    line-height: 28px;
    font-weight: 400;
    height: auto;
    overflow: hidden;
}

.sidebar-widget {
    margin-bottom: 40px;
}

.sidebar-widget .widget__title {
    font-size: 28px;
    text-transform: capitalize;
    font-weight: 600;
    color: #1475ba;
    margin-bottom: 20px;
}

.sidebar-widget .widget__list li {
    display: block;
}

.sidebar-widget .widget__list li a {
    color: #1475ba;
    font-size: 16px;
    position: relative;
    padding: 10px 20px 10px 20px;
    display: block;
    border: 1px solid #f2f3fa;
    font-weight: 600;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    text-transform: capitalize;
    margin-bottom: 10px;
    -webkit-border-radius: 10px 0 10px 0;
    -moz-border-radius: 10px 0 10px 0;
    border-radius: 10px 0 10px 0;
}

.sidebar-widget .widget__list li a:hover,
.sidebar-widget.category-widget .widget__list li.active a {
    background-color: #26a9e1;
    color: #fff;
    border-color: #26a9e1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.sidebar-widget .widget__list li a:after {
    position: absolute;
    content: '\f105';
    right: 20px;
    top: 9px;
    color: #677286;
    font-size: 16px;
    font-family: 'FontAwesome';
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.sidebar-widget .widget__list li a:hover:after,
.sidebar-widget.category-widget .widget__list li.active a:after {
    color: #fff;
    right: 15px;
}

.sidebar-widget.contact-widget {
    background-color: #fff;
    -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    -moz-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 30px 23px 32px 23px;
}

.sidebar-widget.contact-widget .widget__title {
    margin-bottom: 30px;
}

.sidebar-widget.contact-widget .contact__links li {
    font-size: 16px;
    color: #1475ba;
    position: relative;
    font-weight: 500;
    margin-bottom: 15px;
}

.sidebar-widget.contact-widget .contact__links li:last-child {
    margin-bottom: 0;
}

.sidebar-widget.contact-widget .contact__links li i {
    width: 38px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: rgba(35, 61, 99, 0.1);
    color: #1475ba;
    margin-right: 10px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    position: relative;
}

.sidebar-widget.contact-widget .contact__links li i:after {
    position: absolute;
    content: '';
    left: 50%;
    top: -3px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 22px;
    height: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
}

.sidebar-widget.contact-widget .contact__links li a {
    color: #1475ba;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.sidebar-widget.contact-widget .contact__links li:hover i {
    background-color: #26a9e1;
    color: #fff;
}

.sidebar-widget.contact-widget .contact__links li:hover a {
    color: #26a9e1;
}

.help-desc-box {
    background-color: #1475ba;
    padding: 32px 33px 39px 33px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    color: #fff;
    margin-bottom: 40px;
}

.help-desc-box .help__title {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 26px;
}

.help-desc-box .help__desc {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 40px;
}

.help-desc-box .theme-button {
    background-color: #fff;
    color: #1475ba;
}

.help-desc-box .theme-button:hover {
    background-color: #26a9e1;
    color: #fff;
}

.social-profile li {
    display: inline-block;
    margin-right: 3px;
}

.social-profile li:last-child {
    margin-right: 0;
}

.social-profile li a {
    color: #677286;
    font-size: 16px;
    width: 38px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    display: block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    position: relative;
    background-color: rgba(35, 61, 99, 0.1);
}

.social-profile li a:before {
    position: absolute;
    content: '';
    left: 50%;
    top: -3px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 22px;
    height: 9px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
}

.social-profile li a:hover {
    background-color: #26a9e1;
    color: #fff;
}

.tag-items {
    margin-top: 33px;
    padding-top: 30px;
    padding-bottom: 30px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.tag-items .tag__list li {
    display: inline-block;
}

.tag-items .tag__list li span {
    font-size: 18px;
    color: #1475ba;
    font-weight: 600;
}

.tag-items .social-profile li a {
    padding: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    position: relative;
    border: 0;
}

.tag-items .social-profile li a:before {
    display: none;
}

.tag-items .social-profile li a:after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 10px;
    height: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
}

.tag-items .social-profile li a:hover {
    background-color: #26a9e1;
    color: #fff;
}

.case-area .blog-post-wrapper {
    margin-top: 53px;
}

.case-area .blog-post-wrapper .blog-post-item {
    -webkit-box-shadow: 0 0;
    -moz-box-shadow: 0 0;
    box-shadow: 0 0;
}

.case-area .blog-post-wrapper .blog-post-item .blog-post-img .blog__img {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.case-area .blog-post-wrapper .blog-post-item .blog-post-body .blog__title {
    margin-bottom: 15px;
}

.case-area .blog-post-wrapper .blog-post-item .blog-post-body .blog__desc {
    margin-bottom: 30px;
}

.single-case .blog-post-wrapper {
    margin-top: 4px;
}

.single-case .blog-post-wrapper .blog-post-item {
    -webkit-box-shadow: 0 0;
    -moz-box-shadow: 0 0;
    box-shadow: 0 0;
    width: auto;
}

.single-case .blog-post-wrapper .blog-post-item .blog-post-body {
    padding-left: 0;
    padding-bottom: 0;
    padding-right: 0;
    min-height: 0;
}

.single-case .blog-post-wrapper .blog-post-item .blog-post-body .blog__title {
    font-size: 30px;
    margin-top: 0;
}

.single-case .blog-post-wrapper .blog-post-item .blog-post-body .blog__desc {
    margin-bottom: 26px;
}

.single-case .blog-post-wrapper .blog-post-item .blog-post-body .single-case-img-box img,
.single-case .blog-post-wrapper .blog-post-item .blog-post-img .blog__img {
    width: 100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

@media only screen and (min-width:768px) and (max-width:991px),
only screen and (min-width:480px) and (max-width:767px),
only screen and (min-width:320px) and (max-width:479px) {
    .sidebar {
        margin-top: 50px;
    }

    .help-desc-box {
        text-align: center;
    }
}

/* Home services */
.temar-home-services {
    position: relative;
}

.temar-home-intro {
    padding: 52px 0 34px;
    background: #f6f9fc;
}

.temar-home-intro__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr);
    gap: 42px;
    align-items: center;
}

.temar-home-intro__content {
    max-width: 680px;
}

.temar-home-intro__eyebrow {
    display: inline-block;
    margin-bottom: 12px;
    color: #1475ba;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.temar-home-intro__content h2 {
    margin: 0 0 14px;
    color: #102130;
    font-size: clamp(2rem, 2.7vw, 3rem);
    font-weight: 700;
    line-height: 1.08;
}

.temar-home-intro__content p {
    margin: 0;
    color: #5f7184;
    font-size: 1rem;
    line-height: 1.9;
}

.temar-home-intro__button {
    margin-top: 24px;
}

.temar-home-intro__visual {
    position: relative;
    min-height: 380px;
    border-radius: 0;
    overflow: hidden;
    background: linear-gradient(135deg, #20384f 0%, #15293c 100%);
    box-shadow: 0 24px 48px rgba(12, 24, 36, 0.16);
}

.temar-home-intro__visual::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(6, 18, 28, 0.04), rgba(6, 18, 28, 0.20));
    z-index: 1;
}

.temar-home-intro__visual img,
.temar-home-intro__visual-fallback {
    width: 100%;
    height: 100%;
}

.temar-home-intro__visual img {
    display: block;
    position: absolute;
    inset: 0;
    object-fit: cover;
    object-position: center;
}

.temar-home-intro__visual-fallback {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 32px;
    color: rgba(255, 255, 255, 0.84);
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.temar-home-services__intro {
    padding: 54px 0 38px;
    background: #ffffff;
}

.temar-home-services__heading {
    max-width: 720px;
    margin: 0 auto;
    text-align: center;
}

.temar-home-services__eyebrow {
    display: inline-block;
    margin-bottom: 10px;
    color: #1475ba;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.temar-home-services__heading h2 {
    margin: 0;
    color: #112233;
    font-size: clamp(2rem, 2.8vw, 3rem);
    font-weight: 700;
    line-height: 1.12;
}

.temar-home-services__heading p {
    margin: 16px auto 0;
    color: #66768a;
    font-size: 1.05rem;
    line-height: 1.75;
}

.temar-home-services__stage {
    position: relative;
    padding: 52px 0 72px;
    background:
        linear-gradient(rgba(10, 20, 31, 0.74), rgba(10, 20, 31, 0.78)),
        linear-gradient(180deg, #122638 0%, #173147 100%);
}

.temar-home-services__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 28px;
}

.temar-service-card {
    position: relative;
    min-height: 430px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    overflow: hidden;
    border-radius: 0;
    background: rgba(255, 255, 255, 0.04);
    box-shadow: 0 20px 40px rgba(3, 10, 18, 0.18);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.temar-service-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 24px 46px rgba(3, 10, 18, 0.24);
}

.temar-service-card__media {
    position: absolute;
    inset: 0;
    display: block;
    background: linear-gradient(180deg, #2a4761 0%, #152839 100%);
}

.temar-service-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
}

.temar-service-card:hover .temar-service-card__media img {
    transform: scale(1.04);
}

.temar-service-card__shade {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(7, 13, 20, 0.12) 0%, rgba(7, 13, 20, 0.32) 34%, rgba(8, 15, 24, 0.88) 100%),
        linear-gradient(180deg, rgba(20, 112, 176, 0.00) 0%, rgba(20, 112, 176, 0.22) 100%);
}

.temar-service-card__body {
    position: relative;
    z-index: 1;
    padding: 26px 24px 24px;
    color: #ffffff;
}

.temar-service-card__body h3 {
    margin: 0 0 10px;
    font-size: 1.85rem;
    line-height: 1.12;
    font-weight: 700;
}

.temar-service-card__body h3 a {
    color: #ffffff;
    text-decoration: none;
}

.temar-service-card__body p {
    margin: 0 0 18px;
    color: rgba(235, 242, 248, 0.84);
    font-size: 0.98rem;
    line-height: 1.7;
}

.temar-service-card__link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #ffffff;
    text-decoration: none;
    font-size: 0.92rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.temar-service-card__link i {
    font-size: 0.95rem;
}

.temar-home-services__footer {
    display: flex;
    justify-content: center;
    margin-top: 34px;
}

.tm-reference-list-page .temar-home-services__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.tm-reference-list-page .tm-reference-card {
    min-height: 300px;
}

.tm-reference-list-page .tm-reference-card .temar-service-card__media {
    background: linear-gradient(180deg, #ffffff 0%, #eef5fa 100%);
}

.tm-reference-list-page .tm-reference-card .temar-service-card__media img {
    object-fit: contain;
    padding: 26px;
}

.tm-reference-list-page .tm-reference-card .temar-service-card__shade {
    background:
        linear-gradient(180deg, rgba(7, 13, 20, 0.00) 0%, rgba(7, 13, 20, 0.14) 54%, rgba(8, 15, 24, 0.86) 100%),
        linear-gradient(180deg, rgba(20, 112, 176, 0.00) 0%, rgba(20, 112, 176, 0.12) 100%);
}

.tm-reference-list-page .tm-reference-card .temar-service-card__body h3 {
    font-size: 1.25rem;
}

.tm-reference-list-page .tm-reference-card .temar-service-card__link {
    font-size: 0.86rem;
}

.tm-catalog-page .temar-home-services__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.tm-catalog-page .tm-catalog-card {
    min-height: 320px;
}

.tm-catalog-page .tm-catalog-card .temar-service-card__media {
    background: linear-gradient(180deg, #f5f9fc 0%, #dfeaf3 100%);
}

.tm-catalog-page .tm-catalog-card .temar-service-card__media img {
    object-fit: contain;
    padding: 20px;
}

.tm-catalog-page .tm-catalog-card .temar-service-card__shade {
    background:
        linear-gradient(180deg, rgba(7, 13, 20, 0.02) 0%, rgba(7, 13, 20, 0.16) 54%, rgba(8, 15, 24, 0.88) 100%),
        linear-gradient(180deg, rgba(20, 112, 176, 0.00) 0%, rgba(20, 112, 176, 0.10) 100%);
}

.tm-catalog-page .tm-catalog-card .temar-service-card__body h3 {
    font-size: 1.2rem;
}

.tm-catalog-page .tm-catalog-card .temar-service-card__link {
    font-size: 0.86rem;
}

.tm-documents-page .temar-home-services__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.tm-documents-page .tm-document-card {
    min-height: 320px;
}

.tm-documents-page .tm-document-card .temar-service-card__media {
    background: linear-gradient(180deg, #f5f9fc 0%, #dfeaf3 100%);
}

.tm-documents-page .tm-document-card .temar-service-card__media img {
    object-fit: contain;
    padding: 20px;
}

.tm-documents-page .tm-document-card .temar-service-card__shade {
    background:
        linear-gradient(180deg, rgba(7, 13, 20, 0.02) 0%, rgba(7, 13, 20, 0.16) 54%, rgba(8, 15, 24, 0.88) 100%),
        linear-gradient(180deg, rgba(20, 112, 176, 0.00) 0%, rgba(20, 112, 176, 0.10) 100%);
}

.tm-documents-page .tm-document-card .temar-service-card__body h3 {
    font-size: 1.2rem;
}

.tm-documents-page .tm-document-card .temar-service-card__link {
    font-size: 0.86rem;
}

.tm-product-list-page .temar-home-services__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.tm-product-list-page .tm-product-card {
    min-height: 340px;
}

.tm-product-list-page .tm-product-card .temar-service-card__media {
    background: linear-gradient(180deg, #20384b 0%, #122434 100%);
}

.tm-product-list-page .tm-product-card .temar-service-card__media img {
    object-fit: cover;
}

.tm-product-list-page .tm-product-card .temar-service-card__shade {
    background:
        linear-gradient(180deg, rgba(7, 13, 20, 0.10) 0%, rgba(7, 13, 20, 0.28) 32%, rgba(8, 15, 24, 0.88) 100%),
        linear-gradient(180deg, rgba(20, 112, 176, 0.00) 0%, rgba(20, 112, 176, 0.18) 100%);
}

.tm-product-list-page .tm-product-card .temar-service-card__body h3 {
    font-size: 1.25rem;
}

.tm-product-list-page .tm-product-card .temar-service-card__link {
    font-size: 0.86rem;
}

.tm-project-category-list-page .temar-home-services__grid,
.tm-project-list-page .temar-home-services__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.tm-project-category-list-page .tm-project-category-card,
.tm-project-list-page .tm-project-card {
    min-height: 370px;
}

.tm-project-category-list-page .tm-project-category-card .temar-service-card__media,
.tm-project-list-page .tm-project-card .temar-service-card__media {
    background: linear-gradient(180deg, #20384b 0%, #122434 100%);
}

.tm-project-category-list-page .tm-project-category-card .temar-service-card__media img,
.tm-project-list-page .tm-project-card .temar-service-card__media img {
    object-fit: cover;
}

.tm-project-category-list-page .tm-project-category-card .temar-service-card__shade,
.tm-project-list-page .tm-project-card .temar-service-card__shade {
    background:
        linear-gradient(180deg, rgba(7, 13, 20, 0.08) 0%, rgba(7, 13, 20, 0.24) 32%, rgba(8, 15, 24, 0.88) 100%),
        linear-gradient(180deg, rgba(20, 112, 176, 0.00) 0%, rgba(20, 112, 176, 0.16) 100%);
}

.tm-project-category-list-page .tm-project-category-card .temar-service-card__body h3,
.tm-project-list-page .tm-project-card .temar-service-card__body h3 {
    font-size: 1.25rem;
}

.tm-project-list-page .tm-project-card .temar-service-card__body p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.tm-project-category-list-page .tm-project-category-card .temar-service-card__link,
.tm-project-list-page .tm-project-card .temar-service-card__link {
    font-size: 0.86rem;
}

.tm-cart-page .cart-area {
    padding: 82px 0 52px;
    background: #ffffff;
}

.tm-cart-page .cart-body-wrapper {
    background: #ffffff;
    border: 1px solid rgba(19, 48, 74, 0.10);
    border-radius: 28px;
    box-shadow: 0 22px 50px rgba(10, 27, 46, 0.08);
    overflow: hidden;
}

.tm-cart-page .cart-body-wrapper .table {
    margin-bottom: 0;
}

.tm-cart-page .cart-body-wrapper .table thead > tr > td,
.tm-cart-page .cart-body-wrapper .table thead > tr > th {
    border-bottom-width: 1px;
    background: #12304a;
    color: #ffffff;
    font-weight: 700;
    padding: 18px 20px;
}

.tm-cart-page .cart-body-wrapper .table img {
    width: 100px;
    border-radius: 14px;
    background: #ffffff;
    border: 1px solid rgba(19, 48, 74, 0.08);
    display: block;
}

.tm-cart-page .cart-body-wrapper .table tr td {
    padding: 18px 20px;
    vertical-align: middle;
    line-height: inherit;
    position: relative;
    border-color: rgba(19, 48, 74, 0.08);
}

.tm-cart-page .cart-body-wrapper .table tr td .cartproduct__desc a {
    font-size: 16px;
    color: #1475ba;
    font-weight: 700;
    transition: all .25s ease;
    display: inline-block;
    margin-bottom: 7px;
}

.tm-cart-page .cart-body-wrapper .table tr td .cartproduct__desc a:hover {
    color: #26a9e1;
}

.tm-cart-page .cart-body-wrapper .table tr td .cartproduct__desc p {
    color: #677286;
    font-weight: 500;
    margin-bottom: 0;
}

.tm-cart-page .cart-body-wrapper .table tr td .pro-price {
    font-size: 16px;
    color: #1475ba;
    font-weight: 700;
}

.tm-cart-page .cart-body-wrapper .table tr td .input-number-group {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.tm-cart-page .cart-body-wrapper .table tr td .input-number-group .input-group-button {
    display: inline-flex;
}

.tm-cart-page .cart-body-wrapper .table tr td .input-number-group .input-number-decrement,
.tm-cart-page .cart-body-wrapper .table tr td .input-number-group .input-number-increment {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    border: 1px solid rgba(19, 48, 74, 0.10);
    background: #ffffff;
    color: #173147;
    font-weight: 800;
    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.tm-cart-page .cart-body-wrapper .table tr td .input-number-group .input-number-decrement:hover,
.tm-cart-page .cart-body-wrapper .table tr td .input-number-group .input-number-increment:hover {
    background: #1475ba;
    color: #ffffff;
    border-color: #1475ba;
}

.tm-cart-page .cart-body-wrapper .table tr td .input-number-group .input-number {
    width: 72px;
    height: 48px;
    border: 1px solid rgba(19, 48, 74, 0.12);
    border-radius: 14px;
    text-align: center;
    color: #1475ba;
    background: #fff;
}

.tm-cart-page .cart-body-wrapper .table tr td .button-remove {
    background-color: transparent;
    border: 1px solid rgba(19, 48, 74, 0.14);
    width: 38px;
    height: 38px;
    text-align: center;
    line-height: 0;
    border-radius: 50%;
    transition: all .25s ease;
    color: #677286;
    font-size: 16px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.tm-cart-page .cart-body-wrapper .table tr td .button-remove:hover {
    background-color: #26a9e1;
    color: #fff;
    border-color: #26a9e1;
}

.tm-cart-page .cart-body-wrapper .table tr td .theme-button {
    border: 0;
    outline: 0;
    padding-right: 30px;
}

.tm-cart-page .cart-foot th {
    background: #f6f9fc;
    border-top: 1px solid rgba(19, 48, 74, 0.08);
    padding: 18px 20px !important;
}

.tm-cart-page .cart-foot .theme-button {
    margin: 4px 6px 4px 0;
}

.tm-cart-page .cart-detail-wrap {
    margin-top: 28px;
}

.tm-cart-page .cart-detail-item {
    background: #ffffff;
    border: 1px solid rgba(19, 48, 74, 0.08);
    border-radius: 28px;
    padding: 30px 30px 33px;
    margin-bottom: 30px;
    box-shadow: 0 14px 34px rgba(10, 27, 46, 0.05);
}

.tm-cart-page .cart-detail-item .cartdetail__title {
    font-size: 22px;
    color: #1475ba;
    font-weight: 800;
    margin-bottom: 21px;
}

.tm-cart-page .cart-detail-item .cartdetail__content .cart__detail-desc {
    font-size: 16px;
    color: #677286;
    font-weight: 500;
    margin-bottom: 26px;
}

.tm-cart-page .cart-detail-item .cartdetail__content .theme-button {
    border: 0;
}

.tm-cart-page .cart-detail-item .contact-form-action .form-control {
    height: 52px;
    border: 1px solid rgba(19, 48, 74, 0.10);
    border-radius: 16px;
    background: #ffffff;
    box-shadow: none;
}

.tm-cart-page .cart-detail-item .contact-form-action .form-control:focus {
    border-color: rgba(20, 117, 186, 0.34);
    box-shadow: 0 0 0 4px rgba(20, 117, 186, 0.08);
}

.tm-cart-page .cart-detail-item .contact-form-action > p {
    margin: 16px 0 0;
    padding: 12px 14px;
    border-radius: 14px;
    background: #f7fbff;
    border: 1px solid rgba(19, 48, 74, 0.08);
    color: #42586d;
    font-weight: 600;
}

.tm-cart-page .cart-detail-item .contact-form-action > p strong {
    color: #1475ba;
}

.tm-cart-page .cart-detail-item .contact-form-action > p a {
    color: #26a9e1;
    font-weight: 700;
}

.tm-cart-page .cart-detail-item .cartdetail__content .cart-table {
    margin-top: -5px;
}

.tm-cart-page .cart-detail-item .cartdetail__content .cart-table tr {
    font-size: 16px;
}

.tm-cart-page .cart-detail-item .cartdetail__content .cart-table tr th {
    border-bottom: 0;
    color: #1475ba;
    line-height: inherit;
    padding: 12px 0;
}

.tm-cart-page .cart-detail-item .cartdetail__content .cart-table tr td {
    color: #677286;
    font-weight: 600;
    text-align: right;
}

.tm-cart-page .cart-detail-item .cartdetail__content .cart-table tfoot th,
.tm-cart-page .cart-detail-item .cartdetail__content .cart-table tfoot td {
    padding-top: 18px;
    border-top: 1px solid rgba(19, 48, 74, 0.08);
    color: #1475ba;
    font-weight: 800;
}

.tm-cart-page .cart-detail-item .checkout-btn-box {
    margin-top: 20px;
}

.tm-cart-page .cart-detail-item .checkout-btn-box .theme-button {
    min-width: 220px;
}

.tm-cart-page .sepet_bos {
    text-align: center;
    padding: 28px 24px;
    margin-bottom: 20px;
    border: 1px solid rgba(255, 193, 7, 0.28);
    border-radius: 24px;
    background: linear-gradient(180deg, #fff8dd 0%, #fff3c1 100%);
    color: #8a6d3b;
}

.tm-cart-page .sepet_bos span.uyari {
    display: block;
    font-weight: 800;
    font-size: 24px;
    margin-bottom: 8px;
    text-align: center;
}

.tm-cart-page .sepet_bos span.bilgi {
    display: block;
}

@media only screen and (max-width: 991px) {
    .tm-cart-page .cart-area {
        padding: 70px 0 36px;
    }

    .tm-cart-page .cart-detail-item {
        padding: 24px;
    }
}

.tm-cart-page .cart-area {
    background:
        radial-gradient(circle at top right, rgba(110, 210, 255, 0.08), transparent 18%),
        linear-gradient(180deg, #f8fbfe 0%, #ffffff 42%);
    padding: 84px 0 58px;
}

.tm-cart-page .cart-body-wrapper {
    padding: 14px;
    border-radius: 32px;
    border: 1px solid rgba(19, 48, 74, 0.08);
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 26px 60px rgba(10, 27, 46, 0.08);
    backdrop-filter: blur(10px);
}

.tm-cart-page .cart-body-wrapper .table {
    margin-bottom: 0;
    border-collapse: separate;
    border-spacing: 0 14px;
}

.tm-cart-page .cart-body-wrapper .table thead > tr > td,
.tm-cart-page .cart-body-wrapper .table thead > tr > th {
    background: linear-gradient(135deg, #10283c 0%, #173a58 52%, #12304a 100%);
    border: 0;
    padding: 16px 18px;
    color: #ffffff;
    font-size: 0.84rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.tm-cart-page .cart-body-wrapper .table thead > tr > td:first-child,
.tm-cart-page .cart-body-wrapper .table thead > tr > th:first-child {
    border-top-left-radius: 18px;
    border-bottom-left-radius: 18px;
}

.tm-cart-page .cart-body-wrapper .table thead > tr > td:last-child,
.tm-cart-page .cart-body-wrapper .table thead > tr > th:last-child {
    border-top-right-radius: 18px;
    border-bottom-right-radius: 18px;
}

.tm-cart-page .cart-body-wrapper .table tbody tr td {
    background: #ffffff;
    border-top: 1px solid rgba(19, 48, 74, 0.08);
    border-bottom: 1px solid rgba(19, 48, 74, 0.08);
    border-left: 0;
    border-right: 0;
    padding: 22px 18px;
}

.tm-cart-page .cart-body-wrapper .table tbody tr td:first-child {
    border-left: 1px solid rgba(19, 48, 74, 0.08);
    border-top-left-radius: 22px;
    border-bottom-left-radius: 22px;
}

.tm-cart-page .cart-body-wrapper .table tbody tr td:last-child {
    border-right: 1px solid rgba(19, 48, 74, 0.08);
    border-top-right-radius: 22px;
    border-bottom-right-radius: 22px;
}

.tm-cart-page .cart-body-wrapper .table tbody tr:hover td {
    background: #fbfdff;
    border-top-color: rgba(20, 117, 186, 0.18);
    border-bottom-color: rgba(20, 117, 186, 0.18);
}

.tm-cart-page .cart-body-wrapper .table tbody tr:hover td:first-child {
    border-left-color: rgba(20, 117, 186, 0.18);
}

.tm-cart-page .cart-body-wrapper .table tbody tr:hover td:last-child {
    border-right-color: rgba(20, 117, 186, 0.18);
}

.tm-cart-page .cart-body-wrapper .table img {
    width: 108px;
    height: 108px;
    object-fit: cover;
    border-radius: 18px;
    padding: 0;
    background: #edf4fa;
    border: 1px solid rgba(19, 48, 74, 0.08);
}

.tm-cart-page .cart-body-wrapper .table tr td .cartproduct__desc a {
    font-size: 1.02rem;
    line-height: 1.45;
    margin-bottom: 10px;
}

.tm-cart-page .cart-body-wrapper .table tr td .cartproduct__desc p {
    font-size: 0.93rem;
    line-height: 1.7;
    color: #5f7386;
}

.tm-cart-page .cart-body-wrapper .table tr td .pro-price {
    font-size: 1.02rem;
    white-space: nowrap;
}

.tm-cart-page .cart-body-wrapper .table tr td .input-number-group {
    gap: 10px;
    padding: 8px;
    border-radius: 999px;
    background: #f4f8fc;
    border: 1px solid rgba(19, 48, 74, 0.08);
}

.tm-cart-page .cart-body-wrapper .table tr td .input-number-group .input-number {
    width: 68px;
    height: 42px;
    border-radius: 999px;
    border: 1px solid rgba(19, 48, 74, 0.08);
}

.tm-cart-page .cart-body-wrapper .table tr td .input-number-group .input-number-decrement,
.tm-cart-page .cart-body-wrapper .table tr td .input-number-group .input-number-increment {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid rgba(19, 48, 74, 0.10);
    background: #ffffff;
}

.tm-cart-page .cart-body-wrapper .table tr td .button-remove {
    position: static;
    transform: none;
    margin: 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.tm-cart-page .cart-foot th {
    background: transparent;
    border: 0 !important;
    padding: 10px 4px 0 !important;
}

.tm-cart-page .cart-foot .theme-button {
    margin: 6px 8px 0 0;
}

.tm-cart-page .cart-detail-wrap {
    margin-top: 36px;
}

.tm-cart-page .cart-detail-item {
    height: 100%;
    padding: 32px;
    border-radius: 30px;
    background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
    border: 1px solid rgba(19, 48, 74, 0.08);
    box-shadow: 0 22px 52px rgba(10, 27, 46, 0.06);
}

.tm-cart-page .cart-detail-item .cartdetail__title {
    margin-bottom: 18px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(19, 48, 74, 0.08);
}

.tm-cart-page .cart-detail-item .cartdetail__content .cart__detail-desc {
    line-height: 1.8;
}

.tm-cart-page .cart-detail-item .contact-form-action .form-control {
    height: 54px;
    border-radius: 18px;
    border: 1px solid rgba(19, 48, 74, 0.10);
    background: #ffffff;
}

.tm-cart-page .cart-detail-item .contact-form-action > p {
    margin: 16px 0 0;
    padding: 14px 16px;
    border-radius: 16px;
    background: rgba(20, 117, 186, 0.06);
    border: 1px solid rgba(20, 117, 186, 0.10);
}

.tm-cart-page .cart-detail-item .cartdetail__content .cart-table {
    margin-top: 6px;
}

.tm-cart-page .cart-detail-item .cartdetail__content .cart-table tr th,
.tm-cart-page .cart-detail-item .cartdetail__content .cart-table tr td {
    padding: 14px 0;
}

.tm-cart-page .cart-detail-item .cartdetail__content .cart-table tbody tr th,
.tm-cart-page .cart-detail-item .cartdetail__content .cart-table tbody tr td {
    border-bottom: 1px dashed rgba(19, 48, 74, 0.10);
}

.tm-cart-page .cart-detail-item .cartdetail__content .cart-table tbody tr:last-child th,
.tm-cart-page .cart-detail-item .cartdetail__content .cart-table tbody tr:last-child td {
    border-bottom: 0;
}

.tm-cart-page .cart-detail-item .cartdetail__content .cart-table tfoot th,
.tm-cart-page .cart-detail-item .cartdetail__content .cart-table tfoot td {
    padding-top: 18px;
}

.tm-cart-page .cart-detail-item .checkout-btn-box {
    margin-top: 24px;
}

.tm-cart-page .cart-detail-item .checkout-btn-box .theme-button {
    min-width: 240px;
    justify-content: center;
}

.tm-cart-page .sepet_bos {
    padding: 34px 26px;
    border-radius: 28px;
    box-shadow: 0 18px 44px rgba(138, 109, 59, 0.08);
}

@media only screen and (max-width: 991px) {
    .tm-cart-page .cart-area {
        padding: 72px 0 40px;
    }

    .tm-cart-page .cart-body-wrapper {
        padding: 10px;
        border-radius: 24px;
    }

    .tm-cart-page .cart-body-wrapper .table {
        border-spacing: 0 10px;
    }

    .tm-cart-page .cart-detail-item {
        padding: 24px;
        border-radius: 24px;
    }

    .tm-cart-page .cart-detail-item .checkout-btn-box .theme-button {
        min-width: 100%;
    }
}

.tm-product-category-section {
    padding: 72px 0 84px;
    background:
        radial-gradient(circle at top right, rgba(110, 210, 255, 0.08), transparent 18%),
        linear-gradient(180deg, #f6f9fc 0%, #ffffff 100%);
}

.tm-product-category-page .product-grid-box {
    align-items: flex-start;
}

.tm-product-category-sidebar {
    display: grid;
    gap: 20px;
}

.tm-product-category-page .sidebar-widget,
.tm-product-category-page #accordion .card {
    margin: 0;
    border: 1px solid rgba(17, 47, 73, 0.09);
    border-radius: 24px;
    background: #ffffff;
    box-shadow: 0 18px 36px rgba(9, 25, 39, 0.08);
    overflow: hidden;
}

.tm-product-category-page .contact-form-action {
    padding: 24px;
}

.tm-product-category-page .contact-form-action .form-group {
    position: relative;
    margin: 0;
}

.tm-product-category-page .contact-form-action .form-control {
    width: 100%;
    height: 54px;
    border-radius: 16px;
    border: 1px solid rgba(17, 47, 73, 0.12);
    background: #f4f7fb;
    color: #173147;
    padding: 0 56px 0 18px;
}

.tm-product-category-page .contact-form-action .form-control:focus {
    border-color: rgba(20, 112, 176, 0.42);
    box-shadow: 0 0 0 4px rgba(20, 112, 176, 0.12);
    outline: none;
}

.tm-product-category-page .contact-form-action .submit-btn {
    position: absolute;
    top: 7px;
    right: 7px;
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: 12px;
    background: linear-gradient(135deg, #1f78c5 0%, #0e5fa2 100%);
    color: #ffffff;
}

.tm-product-category-page .categories-widget .sidebar-title {
    padding: 24px 24px 14px;
    color: #173147;
    font-size: 0.96rem;
    line-height: 1.6;
}

.tm-product-category-page .categories-widget .sidebar-title h2 {
    margin: 0 0 8px;
    color: #173147;
    font-size: 1.2rem;
    font-weight: 700;
}

.tm-product-category-page .categories-widget .widget-content {
    padding: 0 24px 24px;
}

.tm-product-category-page .blog-cat-two {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 10px;
}

.tm-product-category-page .blog-cat-two li {
    margin: 0;
    padding: 0;
}

.tm-product-category-page .blog-cat-two li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
    border-radius: 16px;
    background: #f4f7fb;
    color: #173147;
    text-decoration: none;
    font-weight: 600;
    transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.tm-product-category-page .blog-cat-two li.active a,
.tm-product-category-page .blog-cat-two li a:hover {
    background: linear-gradient(135deg, #16344a 0%, #0f2638 100%);
    color: #ffffff;
    transform: translateY(-1px);
}

.tm-product-category-page .blog-cat-two li span {
    color: inherit;
    opacity: 0.8;
}

.tm-product-category-page #accordion {
    display: grid;
    gap: 14px;
}

.tm-product-category-page #accordion .title {
    padding: 0 4px 2px;
    color: #173147;
    font-size: 1.08rem;
    font-weight: 700;
}

.tm-product-category-page #accordion .card-header {
    padding: 0;
    border: 0;
    background: transparent;
}

.tm-product-category-page #accordion .card-link {
    display: block;
    padding: 18px 22px;
    color: #173147;
    text-decoration: none;
}

.tm-product-category-page #accordion .card-link h6 {
    margin: 0;
    color: #173147;
    font-size: 0.98rem;
    font-weight: 700;
}

.tm-product-category-page #accordion .rotate-icon {
    color: #1f78c5;
    transition: transform 0.2s ease, color 0.2s ease;
    transform: rotate(180deg);
}

.tm-product-category-page #accordion .card-link:not(.collapsed) .rotate-icon {
    transform: rotate(0deg);
}

.tm-product-category-page #accordion .card-body {
    padding: 0 22px 18px;
}

.tm-product-category-page .checkbox-custom {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.tm-product-category-page .checkbox-custom-label {
    position: relative;
    display: block;
    margin: 0;
    padding: 10px 0 10px 32px;
    color: #4f667a;
    font-size: 0.95rem;
    cursor: pointer;
}

.tm-product-category-page .checkbox-custom-label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 18px;
    height: 18px;
    border-radius: 6px;
    border: 1px solid rgba(17, 47, 73, 0.18);
    background: #ffffff;
    transform: translateY(-50%);
    transition: all 0.2s ease;
}

.tm-product-category-page .checkbox-custom:checked + .checkbox-custom-label:before {
    border-color: #1f78c5;
    background: #1f78c5;
    box-shadow: inset 0 0 0 4px #ffffff;
}

.tm-product-category-main {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.tm-product-toolbar {
    position: relative;
    z-index: 20;
    padding: 20px 24px;
    border: 1px solid rgba(17, 47, 73, 0.08);
    border-radius: 24px;
    background: #ffffff;
    box-shadow: 0 18px 36px rgba(9, 25, 39, 0.06);
}

.tm-product-category-page .product-sort {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

.tm-product-category-page .product-sort .product-sort-ordering,
.tm-product-category-page .product-sort .product-result-count {
    float: none;
}

.tm-product-category-page .pro-choose-ordering {
    position: relative;
    z-index: 30;
}

.tm-product-category-page .pro-choose-ordering .select,
.tm-product-category-page .pro-choose-ordering .nice-select {
    min-width: 240px;
    height: 50px;
    border: 1px solid rgba(17, 47, 73, 0.12);
    border-radius: 14px;
    background: #f4f7fb;
    color: #173147;
    padding: 0 18px;
    line-height: 48px;
    font-weight: 600;
}

.tm-product-category-page .pro-choose-ordering .select {
    appearance: none;
    -webkit-appearance: none;
}

.tm-product-category-page .pro-choose-ordering .nice-select {
    float: none;
    position: relative;
    z-index: 40;
}

.tm-product-category-page .pro-choose-ordering .nice-select.open {
    z-index: 60;
}

.tm-product-category-page .pro-choose-ordering .nice-select .list {
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 10px;
    padding: 10px 0;
    padding-inline-start: 0;
    list-style: none;
    border: 1px solid rgba(17, 47, 73, 0.12);
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 18px 42px rgba(12, 28, 43, 0.14);
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    transform-origin: 50% 0;
    transform: scale(0.75) translateY(-21px);
    transition:
        transform 0.2s cubic-bezier(0.5, 0, 0, 1.25),
        opacity 0.15s ease-out;
    z-index: 70;
}

.tm-product-category-page .pro-choose-ordering .nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    transform: scale(1) translateY(0);
}

.tm-product-category-page .pro-choose-ordering .nice-select .option {
    display: block;
    min-height: 44px;
    line-height: 44px;
    padding: 0 18px;
    list-style: none;
    color: #173147;
    font-weight: 600;
}

.tm-product-category-page .pro-choose-ordering .nice-select .list::before,
.tm-product-category-page .pro-choose-ordering .nice-select .list::after,
.tm-product-category-page .pro-choose-ordering .nice-select .option::before,
.tm-product-category-page .pro-choose-ordering .nice-select .option::after {
    content: none !important;
    display: none !important;
}

.tm-product-category-page .pro-choose-ordering .nice-select .option:hover,
.tm-product-category-page .pro-choose-ordering .nice-select .option.focus,
.tm-product-category-page .pro-choose-ordering .nice-select .option.selected.focus {
    background: rgba(31, 120, 197, 0.10);
    color: #1f78c5;
}

.tm-product-category-page .pro-choose-ordering .nice-select .option.selected {
    color: #1f78c5;
    font-weight: 700;
}

.tm-product-category-page .pro-choose-ordering .nice-select .option.disabled {
    display: block;
    min-height: 36px;
    line-height: 36px;
    margin: 0 10px 8px;
    padding: 0 12px;
    list-style: none;
    border-radius: 10px;
    background: rgba(23, 49, 71, 0.06);
    color: #6c8193;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    cursor: default;
}

.tm-product-category-page .product-count-text {
    margin: 0;
    color: #516b80;
    font-weight: 600;
}

.tm-product-category-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 28px;
}

.tm-product-entry-card {
    min-height: 420px;
}

.tm-product-entry-card .temar-service-card__media {
    background: linear-gradient(180deg, #20384b 0%, #122434 100%);
}

.tm-product-entry-card .temar-service-card__shade {
    background:
        linear-gradient(180deg, rgba(7, 13, 20, 0.10) 0%, rgba(7, 13, 20, 0.28) 32%, rgba(8, 15, 24, 0.92) 100%),
        linear-gradient(180deg, rgba(20, 112, 176, 0.00) 0%, rgba(20, 112, 176, 0.22) 100%);
}

.tm-product-entry-badges {
    position: absolute;
    top: 18px;
    left: 18px;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.tm-product-entry-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 0 12px;
    border-radius: 999px;
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.tm-product-entry-badge--new {
    background: rgba(255, 255, 255, 0.92);
    color: #0f2638;
}

.tm-product-entry-badge--discount {
    background: #f4b740;
    color: #122434;
}

.tm-product-entry-price {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 10px;
    margin-bottom: 14px;
}

.tm-product-entry-price .discounted {
    color: #ffffff;
    font-size: 1.12rem;
    font-weight: 700;
}

.tm-product-entry-price .linetrough {
    color: rgba(255, 255, 255, 0.66);
    font-size: 0.92rem;
    font-weight: 500;
    text-decoration: line-through;
}

.tm-product-entry-card .temar-service-card__body h3 {
    font-size: 1.22rem;
}

.tm-product-entry-card .temar-service-card__link {
    font-size: 0.86rem;
}

.tm-product-category-pagination {
    margin-top: 8px;
}

.tm-product-detail-section {
    padding: 72px 0 34px;
    background:
        radial-gradient(circle at top right, rgba(110, 210, 255, 0.08), transparent 18%),
        linear-gradient(180deg, #f6f9fc 0%, #ffffff 100%);
}

.tm-product-detail-page .product-detail-tab-content,
.tm-product-detail-page .product-description-wrapper,
.tm-product-detail-page .product-tab-description {
    border: 1px solid rgba(17, 47, 73, 0.08);
    border-radius: 28px;
    background: #ffffff;
    box-shadow: 0 20px 40px rgba(9, 25, 39, 0.08);
}

.tm-product-detail-page .product-detail-tab-content {
    padding: 24px;
}

.tm-product-detail-page .pro-detail-big-img {
    margin-bottom: 16px;
    border-radius: 22px;
    overflow: hidden;
    background: linear-gradient(180deg, #f5f8fb 0%, #e8f0f6 100%);
}

.tm-product-detail-page .product-detail-tab-content .tab-content img {
    display: block;
    width: 100% !important;
    height: 520px;
    object-fit: contain;
    background: transparent;
}

.tm-product-detail-page .product-detail-tab-content .nav-tabs {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(84px, 1fr));
    gap: 12px;
    margin: 0;
    padding: 0;
    border: 0;
}

.tm-product-detail-page .product-detail-tab-content .nav-tabs li {
    margin: 0;
    list-style: none;
}

.tm-product-detail-page .product-detail-tab-content .nav-tabs li a {
    display: block;
    border: 1px solid rgba(17, 47, 73, 0.10);
    border-radius: 18px;
    overflow: hidden;
    background: #f4f7fb;
    transition: border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.tm-product-detail-page .product-detail-tab-content .nav-tabs li a img {
    width: 100%;
    height: 88px;
    object-fit: cover;
}

.tm-product-detail-page .product-detail-tab-content .nav-tabs li a.active,
.tm-product-detail-page .product-detail-tab-content .nav-tabs li a:hover {
    border-color: rgba(20, 112, 176, 0.34);
    box-shadow: 0 10px 20px rgba(20, 112, 176, 0.14);
    transform: translateY(-2px);
}

.tm-product-detail-page .product-description-wrapper {
    padding: 30px 30px 28px;
}

.tm-product-detail-page .pro-detail-cat-box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 14px;
    margin-bottom: 18px;
}

.tm-product-detail-page .pro-detail-cat {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.tm-product-detail-page .pro-detail-cat a {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 0 12px;
    border-radius: 999px;
    background: #eef4f8;
    color: #173147;
    text-decoration: none;
    font-size: 0.82rem;
    font-weight: 700;
}

.tm-product-detail-page .pro-detail-sku .prodetail__sku {
    margin: 0;
    color: #597086;
    font-size: 0.92rem;
    font-weight: 600;
}

.tm-product-detail-page .pro-detail-title-box {
    margin-bottom: 16px;
}

.tm-product-detail-page .description__title {
    margin: 0;
    color: #173147;
    font-size: 2rem;
    line-height: 1.15;
    font-weight: 800;
}

.tm-product-detail-page .pro-detail-prize {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 12px;
    margin-bottom: 18px;
}

.tm-product-detail-page .pro-detail-prize .prodetail__price {
    color: #173147;
    font-size: 1.55rem;
    font-weight: 800;
}

.tm-product-detail-page .pro-detail-prize .prodetail__price.old__price {
    color: #7c8f9f;
    font-size: 1rem;
    font-weight: 500;
    text-decoration: line-through;
}

.tm-product-detail-page .pro-detail-desc {
    margin-bottom: 22px;
}

.tm-product-detail-page .prodetail__desc {
    margin: 0;
    color: #556b7e;
    font-size: 1rem;
    line-height: 1.8;
}

.tm-product-detail-page .pro-detail-options {
    display: grid;
    gap: 18px;
}

.tm-product-detail-page .pro-detail-options .single__desc {
    padding-top: 18px;
    border-top: 1px solid rgba(17, 47, 73, 0.08);
}

.tm-product-detail-page .pro-detail-options .option__meta {
    display: block;
    margin: 0 0 12px;
    color: #173147;
    font-size: 0.94rem;
    font-weight: 700;
}

.tm-product-detail-page .pro-detail-options .option__meta span {
    color: #1f78c5;
}

.tm-product-detail-page .select-size-option .tm-native-select,
.tm-product-detail-page .select-size-option .nice-select {
    width: 100%;
    min-width: 100%;
    height: 50px;
    border: 1px solid rgba(17, 47, 73, 0.12);
    border-radius: 14px;
    background: #f4f7fb;
    color: #173147;
    padding: 0 16px;
    line-height: 48px;
    font-weight: 600;
}

.tm-product-detail-page .select-size-option .tm-native-select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 42px;
    background-image:
        linear-gradient(45deg, transparent 50%, #1f78c5 50%),
        linear-gradient(135deg, #1f78c5 50%, transparent 50%);
    background-position:
        calc(100% - 20px) 21px,
        calc(100% - 14px) 21px;
    background-size: 6px 6px, 6px 6px;
    background-repeat: no-repeat;
}

.tm-product-detail-page .select-size-option .nice-select .list,
.tm-product-detail-page .select-size-option .nice-select .list li,
.tm-product-detail-page .select-size-option .nice-select .option {
    list-style: none;
}

.tm-product-detail-page .select-size-option .nice-select .list {
    margin: 8px 0 0;
    padding: 8px 0;
    border: 1px solid rgba(17, 47, 73, 0.12);
    border-radius: 14px;
    overflow: hidden;
}

.tm-product-detail-page .select-size-option .nice-select .option {
    min-height: 40px;
    padding: 8px 16px;
    line-height: 24px;
}

.tm-product-detail-page .input-number-group {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    padding: 16px 18px;
    border: 1px solid rgba(17, 47, 73, 0.08);
    border-radius: 18px;
    background: #f4f7fb;
}

.tm-product-detail-page .input-number-group .option__meta {
    width: 100%;
    margin: 0 0 4px;
}

.tm-product-detail-page .input-number-group .input-group-button {
    display: inline-flex;
}

.tm-product-detail-page .input-number-group .input-number,
.tm-product-detail-page .input-number-group .input-number-decrement,
.tm-product-detail-page .input-number-group .input-number-increment {
    height: 48px;
    border: 1px solid rgba(17, 47, 73, 0.12);
    background: #ffffff;
    color: #173147;
}

.tm-product-detail-page .input-number-group .input-number {
    width: 74px;
    border-radius: 12px;
    text-align: center;
    padding: 0;
}

.tm-product-detail-page .input-number-group .input-number-decrement,
.tm-product-detail-page .input-number-group .input-number-increment {
    width: 44px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-weight: 700;
    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.tm-product-detail-page .input-number-group .input-number-decrement:hover,
.tm-product-detail-page .input-number-group .input-number-increment:hover {
    background: #173147;
    border-color: #173147;
    color: #ffffff;
}

.tm-product-detail-page .quantity .theme-button {
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    margin-left: auto;
    padding: 0 22px;
    border-radius: 14px;
    justify-content: center;
}

.tm-product-detail-page .message-control,
.tm-product-detail-page #gtarih,
.tm-product-detail-page #dosya,
.tm-product-detail-page .contact-form-action .form-control,
.tm-product-detail-page .contact-form-action textarea {
    width: 100%;
    min-height: 52px;
    border: 1px solid rgba(17, 47, 73, 0.12);
    border-radius: 14px;
    background: #f4f7fb;
    color: #173147;
    padding: 12px 16px;
}

.tm-product-detail-page .message-control,
.tm-product-detail-page .contact-form-action textarea {
    min-height: 140px;
}

.tm-product-detail-page .prodetailtags__list,
.tm-product-detail-page .social-profile.proshare__link {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.tm-product-detail-page .prodetailtags__list li,
.tm-product-detail-page .social-profile.proshare__link li {
    margin: 0;
}

.tm-product-detail-page .prodetailtags__list a {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 12px;
    border-radius: 999px;
    background: #eef4f8;
    color: #173147;
    text-decoration: none;
    font-size: 0.84rem;
    font-weight: 600;
}

.tm-product-detail-page .social-profile.proshare__link a {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #173147;
    color: #ffffff;
    text-decoration: none;
}

.tm-product-detail-page .product-tab-description {
    margin-top: 34px;
    padding: 28px 28px 26px;
}

.tm-product-detail-page .tab-content-shared .nav-tabs {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0 0 20px;
    padding: 0;
    border: 0;
}

.tm-product-detail-page .tab-content-shared .nav-tabs li {
    list-style: none;
    margin: 0;
}

.tm-product-detail-page .tab-content-shared .nav-tabs li a {
    display: inline-flex;
    align-items: center;
    min-height: 42px;
    padding: 0 18px;
    border-radius: 999px;
    background: #eef4f8;
    color: #173147;
    text-decoration: none;
    font-weight: 700;
}

.tm-product-detail-page .tab-content-shared .nav-tabs li a.active {
    background: linear-gradient(135deg, #16344a 0%, #0f2638 100%);
    color: #ffffff;
}

.tm-product-detail-page .tab-desc-box {
    padding: 8px 4px 0;
    color: #556b7e;
    line-height: 1.8;
}

.tm-product-detail-page .tab__title {
    margin: 0 0 16px;
    color: #173147;
    font-size: 1.1rem;
    font-weight: 700;
}

.tm-product-detail-page .addi-section {
    display: grid;
    gap: 14px;
}

.tm-product-detail-page .addi-sec-inner {
    border: 1px solid rgba(17, 47, 73, 0.08);
    border-radius: 18px;
    overflow: hidden;
    background: #ffffff;
}

.tm-product-detail-page .addi-row {
    display: grid;
    grid-template-columns: minmax(0, 180px) minmax(0, 1fr);
    gap: 12px;
    padding: 14px 16px;
    border-bottom: 1px solid rgba(17, 47, 73, 0.08);
}

.tm-product-detail-page .addi-row:last-child {
    border-bottom: 0;
}

.tm-product-detail-page .addi__name {
    color: #173147;
    font-weight: 700;
}

.tm-product-detail-page .addi__value a {
    color: #1f78c5;
    font-weight: 700;
    text-decoration: none;
}

.tm-product-detail-page .proreview__tab .contact-form-action {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.tm-product-detail-page .proreview__tab .label-text {
    color: #173147;
}

.tm-product-detail-page .proreview__tab .span-star-color {
    color: #1f78c5;
}

.tm-product-detail-page .proreview__tab .g-recaptcha {
    margin-top: 6px;
}

.tm-related-products {
    padding: 0 0 84px;
    background: linear-gradient(180deg, #ffffff 0%, #f6f9fc 100%);
}

.tm-related-products .sec-heading {
    margin: 0 auto;
    max-width: 560px;
}

.tm-related-products .sec__title {
    margin: 10px 0 0;
    color: #173147;
    font-size: clamp(1.9rem, 2.4vw, 2.6rem);
    line-height: 1.12;
}

.tm-related-products__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.tm-photo-gallery-page .temar-home-services__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.tm-photo-gallery-page .tm-photo-gallery-card {
    min-height: 320px;
}

.tm-photo-gallery-page .tm-photo-gallery-card .temar-service-card__media img {
    object-fit: cover;
}

.tm-photo-gallery-page .tm-photo-gallery-card .tm-photo-gallery-card__badge {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 2;
    width: 46px;
    height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: rgba(10, 20, 31, 0.72);
    color: #ffffff;
    backdrop-filter: blur(10px);
    box-shadow: 0 12px 24px rgba(5, 15, 24, 0.18);
}

.tm-photo-gallery-page .tm-photo-gallery-card .temar-service-card__body h3 {
    font-size: 1.2rem;
}

.tm-photo-gallery-page .tm-photo-gallery-card .temar-service-card__link {
    font-size: 0.86rem;
}

.tm-breadcrumb-surface {
    background:
        radial-gradient(circle at 18% 12%, rgba(110, 210, 255, 0.16), transparent 24%),
        radial-gradient(circle at 82% 0%, rgba(255, 255, 255, 0.08), transparent 18%),
        linear-gradient(135deg, #11283b 0%, #173a58 48%, #0d2435 100%);
    padding-top: 86px;
    padding-bottom: 0;
    color: #f2f7fb;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.tm-breadcrumb-surface .breadcrumb-content {
    padding-bottom: 50px;
}

.tm-breadcrumb-surface .breadcrumb__title {
    margin: 0;
    color: #f8fbff;
    font-size: clamp(2rem, 2.6vw, 3rem);
    font-weight: 600;
    line-height: 1.16;
    letter-spacing: -0.02em;
    text-transform: none;
}

.tm-breadcrumb-surface .breadcrumb__list {
    min-height: 46px;
    padding: 10px 24px;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 16px 34px rgba(6, 19, 32, 0.18);
    border: 1px solid rgba(14, 41, 66, 0.06);
    white-space: nowrap;
}

.tm-breadcrumb-surface .breadcrumb__list li {
    color: #6b7785;
    font-size: 15px;
    line-height: 1.3;
}

.tm-breadcrumb-surface .breadcrumb__list li:last-child {
    color: #4f6277;
}

.tm-breadcrumb-surface .breadcrumb__list li a {
    color: #1475ba;
}

.tm-breadcrumb-surface .breadcrumb__list li.active__list-item:after {
    position: absolute;
    content: '';
    top: 50%;
    right: 8px;
    width: 5px;
    height: 5px;
    padding: 0;
    border-radius: 50%;
    background-color: currentColor;
    transform: translateY(-50%);
    color: inherit;
}

.tm-photo-gallery-page .breadcrumb-area {
    background:
        radial-gradient(circle at 18% 12%, rgba(110, 210, 255, 0.16), transparent 24%),
        radial-gradient(circle at 82% 0%, rgba(255, 255, 255, 0.08), transparent 18%),
        linear-gradient(135deg, #11283b 0%, #173a58 48%, #0d2435 100%);
    padding-top: 86px;
    padding-bottom: 0;
    color: #f2f7fb;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.tm-photo-gallery-page .breadcrumb-area .breadcrumb-content {
    padding-bottom: 50px;
}

.tm-photo-gallery-page .breadcrumb__title {
    margin: 0;
    color: #f8fbff;
    font-size: clamp(2rem, 2.6vw, 3rem);
    font-weight: 600;
    line-height: 1.16;
    letter-spacing: -0.02em;
    text-transform: none;
}

.tm-photo-gallery-page .breadcrumb__list {
    min-height: 46px;
    padding: 10px 24px;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 16px 34px rgba(6, 19, 32, 0.18);
    border: 1px solid rgba(14, 41, 66, 0.06);
    white-space: nowrap;
}

.tm-photo-gallery-page .breadcrumb__list li {
    color: #6b7785;
    font-size: 15px;
    line-height: 1.3;
}

.tm-photo-gallery-page .breadcrumb__list li:last-child {
    color: #4f6277;
}

.tm-photo-gallery-page .breadcrumb__list li a {
    color: #1475ba;
}

.tm-photo-gallery-page .breadcrumb__list li.active__list-item:after {
    position: absolute;
    content: '';
    top: 50%;
    right: 8px;
    width: 5px;
    height: 5px;
    padding: 0;
    border-radius: 50%;
    background-color: currentColor;
    transform: translateY(-50%);
    color: inherit;
}

.tm-photo-detail-page #foto {
    padding: 66px 0 72px;
    background: linear-gradient(180deg, #ffffff 0%, #f5f9fc 100%);
}

.tm-photo-detail-page .foto-widget .blog__desc {
    margin-top: 0;
    margin-bottom: 18px;
    color: #44586b;
    font-size: 1rem;
    line-height: 1.9;
}

.tm-photo-detail-page #foto .card {
    padding: 0;
    overflow: hidden;
    border: 1px solid rgba(14, 41, 66, 0.08);
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 18px 42px rgba(12, 28, 42, 0.08);
}

.tm-photo-detail-page .post-thumb {
    margin-bottom: 0;
}

.tm-photo-detail-page .post-thumb img,
.tm-photo-detail-page .foto-widget .post-thumb img {
    height: 220px;
    border-radius: 18px;
}

.tm-photo-detail-page .post-thumb .overlay-box {
    border-radius: 18px;
    background-color: rgba(14, 37, 56, 0.56);
}

.tm-photo-detail-page .row.foto-widget > [class*='col-'] {
    margin-bottom: 24px;
}

.tm-video-gallery-page .temar-home-services__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.tm-video-gallery-page .tm-video-gallery-card {
    min-height: 320px;
}

.tm-video-gallery-page .tm-video-gallery-card .temar-service-card__media img {
    object-fit: cover;
}

.tm-video-gallery-page .tm-video-gallery-card .tm-video-gallery-card__badge {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 2;
    width: 46px;
    height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: rgba(198, 40, 40, 0.92);
    color: #ffffff;
    box-shadow: 0 12px 24px rgba(5, 15, 24, 0.24);
}

.tm-video-gallery-page .tm-video-gallery-card .temar-service-card__body h3 {
    font-size: 1.2rem;
}

.tm-video-gallery-page .tm-video-gallery-card .temar-service-card__link {
    font-size: 0.86rem;
}

.tm-team-list-page .temar-home-services__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.tm-team-list-page .tm-team-card {
    min-height: 460px;
}

.tm-team-list-page .tm-team-card .temar-service-card__media img {
    object-position: center top;
}

.tm-team-list-page .tm-team-card .temar-service-card__body h3 {
    font-size: 1.45rem;
}

.tm-team-list-page .tm-team-card .tm-team-card__meta {
    margin-bottom: 16px;
    color: rgba(235, 242, 248, 0.88);
    font-size: 0.92rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.tm-team-list-page .tm-team-card .tm-team-card__socials {
    position: absolute;
    left: 24px;
    top: 0;
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    width: max-content;
    margin: 0;
    padding: 10px 20px;
    list-style: none;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    background: rgba(10, 20, 31, 0.92);
    backdrop-filter: blur(12px);
    box-shadow: 0 18px 34px rgba(5, 15, 24, 0.26);
    transform: translateY(-22px);
    opacity: 0;
    visibility: hidden;
    transition: all 0.25s ease;
    z-index: 2;
}

.tm-team-list-page .tm-team-card .tm-team-card__socials li {
    margin: 0;
}

.tm-team-list-page .tm-team-card .tm-team-card__socials a {
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, 0.88);
    text-decoration: none;
    transition: color 0.2s ease, transform 0.2s ease;
}

.tm-team-list-page .tm-team-card:hover .tm-team-card__socials {
    transform: translateY(-42px);
    opacity: 1;
    visibility: visible;
    border-color: rgba(111, 205, 255, 0.24);
    background:
        linear-gradient(135deg, rgba(19, 48, 74, 0.98) 0%, rgba(13, 29, 44, 0.98) 100%);
    box-shadow: 0 22px 42px rgba(5, 15, 24, 0.34);
}

.tm-team-list-page .tm-team-card:hover .tm-team-card__socials a {
    color: rgba(255, 255, 255, 0.96);
}

.tm-team-list-page .tm-team-card .tm-team-card__socials a:hover {
    color: #67c8ff;
    transform: translateY(-2px);
}

@media (max-width: 1199px) {
    .temar-home-intro__grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 28px;
    }

    .temar-home-intro__visual {
        min-height: 320px;
    }

    .temar-home-services__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tm-reference-list-page .temar-home-services__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .tm-catalog-page .temar-home-services__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .tm-documents-page .temar-home-services__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .tm-product-list-page .temar-home-services__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .tm-product-category-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tm-product-detail-page .product-detail-tab-content .tab-content img {
        height: 440px;
    }

    .tm-related-products__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .tm-photo-gallery-page .temar-home-services__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .tm-video-gallery-page .temar-home-services__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .tm-team-list-page .temar-home-services__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .temar-home-intro {
        padding: 42px 0 26px;
    }

    .temar-home-intro__content h2 {
        font-size: 1.9rem;
    }

    .temar-home-intro__visual {
        min-height: 260px;
    }

    .temar-home-services__intro {
        padding: 42px 0 30px;
    }

    .temar-home-services__stage {
        padding: 34px 0 52px;
    }

    .temar-home-services__grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 18px;
    }

    .tm-reference-list-page .temar-home-services__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tm-catalog-page .temar-home-services__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tm-documents-page .temar-home-services__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tm-product-list-page .temar-home-services__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tm-product-category-sidebar {
        margin-bottom: 28px;
    }

    .tm-product-toolbar {
        padding: 18px 20px;
    }

    .tm-product-category-page .product-sort {
        align-items: stretch;
    }

    .tm-product-category-page .pro-choose-ordering .select,
    .tm-product-category-page .pro-choose-ordering .nice-select {
        min-width: 220px;
    }

    .tm-product-category-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
    }

    .tm-product-detail-page .product-detail-tab-content {
        margin-bottom: 28px;
    }

    .tm-product-detail-page .product-detail-tab-content .tab-content img {
        height: 380px;
    }

    .tm-product-detail-page .product-description-wrapper {
        padding: 24px 24px 22px;
    }

    .tm-product-detail-page .description__title {
        font-size: 1.75rem;
    }

    .tm-related-products__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tm-photo-gallery-page .temar-home-services__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tm-video-gallery-page .temar-home-services__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tm-team-list-page .temar-home-services__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .temar-service-card {
        min-height: 340px;
    }

    .temar-service-card__body {
        padding: 22px 20px 20px;
    }

    .temar-service-card__body h3 {
        font-size: 1.55rem;
    }

    .tm-reference-list-page .tm-reference-card {
        min-height: 240px;
    }

    .tm-reference-list-page .tm-reference-card .temar-service-card__media img {
        padding: 18px;
    }

    .tm-reference-list-page .tm-reference-card .temar-service-card__body h3 {
        font-size: 1.15rem;
    }

    .tm-catalog-page .tm-catalog-card {
        min-height: 260px;
    }

    .tm-catalog-page .tm-catalog-card .temar-service-card__media img {
        padding: 16px;
    }

    .tm-catalog-page .tm-catalog-card .temar-service-card__body h3 {
        font-size: 1.1rem;
    }

    .tm-documents-page .tm-document-card {
        min-height: 260px;
    }

    .tm-documents-page .tm-document-card .temar-service-card__media img {
        padding: 16px;
    }

    .tm-documents-page .tm-document-card .temar-service-card__body h3 {
        font-size: 1.1rem;
    }

    .tm-product-list-page .tm-product-card {
        min-height: 260px;
    }

    .tm-product-list-page .tm-product-card .temar-service-card__body h3 {
        font-size: 1.1rem;
    }

    .tm-product-category-section {
        padding: 56px 0 64px;
    }

    .tm-product-category-page .contact-form-action,
    .tm-product-category-page .categories-widget .sidebar-title,
    .tm-product-category-page .categories-widget .widget-content,
    .tm-product-category-page #accordion .card-link,
    .tm-product-category-page #accordion .card-body {
        padding-left: 18px;
        padding-right: 18px;
    }

    .tm-product-entry-card {
        min-height: 320px;
    }

    .tm-product-entry-card .temar-service-card__body h3 {
        font-size: 1.08rem;
    }

    .tm-product-detail-section {
        padding: 56px 0 28px;
    }

    .tm-product-detail-page .product-detail-tab-content,
    .tm-product-detail-page .product-description-wrapper,
    .tm-product-detail-page .product-tab-description {
        border-radius: 22px;
    }

    .tm-product-detail-page .product-detail-tab-content {
        padding: 18px;
    }

    .tm-product-detail-page .product-detail-tab-content .tab-content img {
        height: 320px;
    }

    .tm-product-detail-page .product-tab-description {
        padding: 22px 18px 20px;
    }

    .tm-product-detail-page .addi-row {
        grid-template-columns: minmax(0, 1fr);
    }

    .tm-photo-gallery-page .tm-photo-gallery-card {
        min-height: 260px;
    }

    .tm-photo-gallery-page .tm-photo-gallery-card .temar-service-card__body h3 {
        font-size: 1.1rem;
    }

    .tm-photo-detail-page .post-thumb img,
    .tm-photo-detail-page .foto-widget .post-thumb img {
        height: 200px;
    }

    .tm-video-gallery-page .tm-video-gallery-card {
        min-height: 260px;
    }

    .tm-video-gallery-page .tm-video-gallery-card .temar-service-card__body h3 {
        font-size: 1.1rem;
    }

    .tm-team-list-page .tm-team-card {
        min-height: 380px;
    }

    .tm-team-list-page .tm-team-card .temar-service-card__body h3 {
        font-size: 1.25rem;
    }
}

@media (max-width: 575px) {
    .tm-reference-list-page .temar-home-services__grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .tm-catalog-page .temar-home-services__grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .tm-documents-page .temar-home-services__grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .tm-product-list-page .temar-home-services__grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .tm-product-category-page .product-sort {
        flex-direction: column;
        align-items: stretch;
    }

    .tm-product-category-page .pro-choose-ordering .select,
    .tm-product-category-page .pro-choose-ordering .nice-select {
        min-width: 100%;
        width: 100%;
    }

    .tm-product-category-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .tm-product-detail-page .product-detail-tab-content .tab-content img {
        height: 260px;
    }

    .tm-product-detail-page .product-detail-tab-content .nav-tabs {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .tm-product-detail-page .description__title {
        font-size: 1.45rem;
    }

    .tm-product-detail-page .pro-detail-prize .prodetail__price {
        font-size: 1.28rem;
    }

    .tm-product-detail-page .input-number-group {
        align-items: flex-start;
    }

    .tm-product-detail-page .quantity .theme-button {
        width: 100%;
        justify-content: center;
        margin-left: 0;
    }

    .tm-related-products__grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .tm-photo-gallery-page .temar-home-services__grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .tm-photo-detail-page #foto {
        padding: 56px 0 62px;
    }

    .tm-photo-detail-page .post-thumb img,
    .tm-photo-detail-page .foto-widget .post-thumb img {
        height: 180px;
    }

    .tm-video-gallery-page .temar-home-services__grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .tm-team-list-page .temar-home-services__grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* Service detail theme overrides */
.temar-v2-shell .single-case {
    padding-top: 84px;
    padding-bottom: 82px;
    background:
        radial-gradient(circle at top right, rgba(110, 210, 255, 0.08), transparent 18%),
        linear-gradient(180deg, #f6f9fc 0%, #ffffff 100%);
}

.temar-v2-shell .single-case .blog-post-wrapper {
    align-items: flex-start;
}

.temar-v2-shell .single-case .sidebar {
    position: sticky;
    top: 28px;
}

.temar-v2-shell .single-case .sidebar-widget {
    margin-bottom: 26px;
    padding: 26px 24px;
    border-radius: 24px;
    background: #ffffff;
    border: 1px solid rgba(16, 33, 48, 0.06);
    box-shadow: 0 18px 42px rgba(10, 24, 38, 0.08);
}

.temar-v2-shell .single-case .sidebar-widget .widget__title {
    margin-bottom: 18px;
    color: #102130;
    font-size: 1.7rem;
}

.temar-v2-shell .single-case .sidebar-widget .widget__list li a {
    padding: 13px 42px 13px 16px;
    border-radius: 16px;
    border: 1px solid rgba(21, 72, 116, 0.14);
    background: linear-gradient(180deg, #ffffff 0%, #f5f9fc 100%);
    color: #143049;
    font-weight: 600;
}

.temar-v2-shell .single-case .sidebar-widget .widget__list li a:after {
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    color: #1475ba;
}

.temar-v2-shell .single-case .sidebar-widget .widget__list li a:hover,
.temar-v2-shell .single-case .sidebar-widget.category-widget .widget__list li.active a {
    background: linear-gradient(135deg, #14314a 0%, #1d4668 100%);
    border-color: transparent;
    color: #ffffff;
    box-shadow: 0 16px 28px rgba(15, 40, 64, 0.16);
}

.temar-v2-shell .single-case .sidebar-widget .widget__list li a:hover:after,
.temar-v2-shell .single-case .sidebar-widget.category-widget .widget__list li.active a:after {
    color: #ffffff;
    right: 16px;
}

.temar-v2-shell .single-case .help-desc-box {
    padding: 30px 28px 32px;
    border-radius: 24px;
    background:
        radial-gradient(circle at top left, rgba(110, 210, 255, 0.22), transparent 30%),
        linear-gradient(135deg, #102638 0%, #173957 100%);
    box-shadow: 0 24px 48px rgba(8, 22, 34, 0.18);
}

.temar-v2-shell .single-case .help-desc-box .help__title {
    margin-bottom: 18px;
    font-size: 1.85rem;
    line-height: 1.18;
}

.temar-v2-shell .single-case .help-desc-box .help__desc {
    margin-bottom: 26px;
    color: rgba(235, 242, 248, 0.88);
    line-height: 1.8;
}

.temar-v2-shell .single-case .help-desc-box .theme-button {
    min-height: 50px;
    padding: 0 22px;
    background: #ffffff;
    color: #12324c;
}

.temar-v2-shell .single-case .help-desc-box .theme-button:hover {
    background: #26a9e1;
    color: #ffffff;
}

.temar-v2-shell .single-case .sidebar-widget.contact-widget {
    background:
        linear-gradient(180deg, #ffffff 0%, #f8fbfd 100%);
}

.temar-v2-shell .single-case .sidebar-widget.contact-widget .contact__links li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    line-height: 1.7;
}

.temar-v2-shell .single-case .sidebar-widget.contact-widget .contact__links li i {
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin-right: 0;
    background: linear-gradient(135deg, rgba(20, 117, 186, 0.14), rgba(20, 117, 186, 0.22));
    color: #1475ba;
}

.temar-v2-shell .single-case .sidebar-widget.contact-widget .contact__links li i:after {
    display: none;
}

.temar-v2-shell .single-case .blog-post-item {
    margin-bottom: 0;
    border-radius: 28px;
    overflow: hidden;
    background: #ffffff;
    box-shadow: 0 24px 52px rgba(10, 24, 38, 0.10);
}

.temar-v2-shell .single-case .blog-post-item .blog-post-img {
    border-radius: 0;
}

.temar-v2-shell .single-case .blog-post-item .blog-post-img:before {
    display: none;
}

.temar-v2-shell .single-case .blog-post-item .blog-post-img .blog__img {
    min-height: 420px;
    object-fit: cover;
}

.temar-v2-shell .single-case .blog-post-item .blog-post-body {
    padding: 30px 30px 28px;
}

.temar-v2-shell .single-case .blog-post-item .blog-post-body .blog__title {
    color: #102130;
    font-size: clamp(2rem, 2.6vw, 2.75rem);
    line-height: 1.08;
    margin-bottom: 18px;
}

.temar-v2-shell .single-case .blog-post-item .blog-post-body .blog__desc {
    color: #536476;
    font-size: 1rem;
    line-height: 1.9;
}

.temar-v2-shell .single-case .tag-items {
    margin-top: 26px;
    padding: 22px 0 0;
    border-top: 1px solid rgba(16, 33, 48, 0.08);
    border-bottom: 0;
}

.temar-v2-shell .single-case .tag-items .tag__list li span {
    color: #102130;
    font-size: 1rem;
}

.temar-v2-shell .single-case .tag-items .social-profile li a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: rgba(20, 117, 186, 0.10);
    color: #14314a;
}

.temar-v2-shell .single-case .tag-items .social-profile li a:after {
    display: none;
}

.temar-v2-shell .single-case .tag-items .social-profile li a:hover {
    background: #1475ba;
    color: #ffffff;
}

@media (max-width: 991px) {
    .temar-v2-shell .single-case .sidebar {
        position: static;
        top: auto;
    }

    .temar-v2-shell .single-case .blog-post-item .blog-post-img .blog__img {
        min-height: 320px;
    }
}

@media (max-width: 767px) {
    .temar-v2-shell .single-case {
        padding-top: 58px;
        padding-bottom: 54px;
    }

    .temar-v2-shell .single-case .sidebar-widget,
    .temar-v2-shell .single-case .help-desc-box {
        padding: 22px 20px;
        border-radius: 20px;
    }

    .temar-v2-shell .single-case .blog-post-item {
        border-radius: 22px;
    }

    .temar-v2-shell .single-case .blog-post-item .blog-post-body {
        padding: 24px 22px 22px;
    }

    .temar-v2-shell .single-case .blog-post-item .blog-post-body .blog__title {
        font-size: 1.9rem;
    }

    .temar-v2-shell .single-case .tag-items.d-flex {
        display: block !important;
    }

    .temar-v2-shell .single-case .tag-items .social-profile {
        margin-top: 16px;
    }
}

/* Contact page */
.temar-v2-shell .contact-area {
    padding-top: 92px;
    padding-bottom: 78px;
    background:
        radial-gradient(circle at top right, rgba(110, 210, 255, 0.08), transparent 18%),
        linear-gradient(180deg, #f6f9fc 0%, #ffffff 100%);
}

.temar-v2-shell .contact-area .sec-heading {
    max-width: 460px;
}

.temar-v2-shell .contact-area .sec-heading .sec__meta {
    color: #1475ba;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.temar-v2-shell .contact-area .sec-heading .sec__title {
    margin-bottom: 20px;
    color: #102130;
    line-height: 1.12;
    font-size: clamp(2rem, 2.6vw, 3rem);
}

.temar-v2-shell .contact-area .sec-heading .sec__desc {
    margin-bottom: 28px;
    color: #607284;
    line-height: 1.9;
}

.temar-v2-shell .contact-area .social-profile {
    margin-top: 22px;
}

.temar-v2-shell .contact-area .social-profile li {
    margin-right: 8px;
}

.temar-v2-shell .contact-area .social-profile li a {
    width: 42px;
    height: 42px;
    line-height: 42px;
    background: rgba(20, 117, 186, 0.10);
    color: #14314a;
}

.temar-v2-shell .contact-area .social-profile li a:before {
    display: none;
}

.temar-v2-shell .contact-area .social-profile li a:hover {
    background: #1475ba;
    color: #ffffff;
}

.temar-v2-shell .contact-area .contact-form-action {
    padding: 34px 34px 30px;
    border-radius: 28px;
    background: #ffffff;
    border: 1px solid rgba(16, 33, 48, 0.06);
    box-shadow: 0 26px 54px rgba(10, 24, 38, 0.10);
}

.temar-v2-shell .contact-form-action .form-group {
    margin-bottom: 18px;
}

.temar-v2-shell .contact-form-action .label-text {
    display: inline-block;
    margin-bottom: 8px;
    font-size: 0.88rem;
    color: #14314a;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: none;
}

.temar-v2-shell .contact-form-action .label-text .span-star-color {
    color: #26a9e1;
}

.temar-v2-shell .contact-form-action .form-control {
    height: auto;
    min-height: 54px;
    padding: 14px 18px;
    border-radius: 16px;
    border: 1px solid rgba(19, 49, 74, 0.12);
    background: linear-gradient(180deg, #ffffff 0%, #f8fbfd 100%);
    color: #102130;
    font-size: 0.96rem;
    font-weight: 500;
    box-shadow: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.temar-v2-shell .contact-form-action .form-control:focus {
    border-color: rgba(20, 117, 186, 0.34);
    background: #ffffff;
    box-shadow: 0 0 0 4px rgba(20, 117, 186, 0.08);
    outline: none;
}

.temar-v2-shell .contact-form-action .message-control {
    min-height: 180px;
    resize: vertical;
}

.temar-v2-shell .contact-form-action .theme-button {
    min-height: 52px;
    padding: 0 24px;
}

.temar-v2-shell .gmaps {
    padding-bottom: 78px;
    background: #ffffff;
}

.temar-v2-shell .gmaps #map {
    width: 100%;
    min-height: 520px;
    border-radius: 28px;
    overflow: hidden;
    box-shadow: 0 24px 54px rgba(10, 24, 38, 0.10);
}

.temar-v2-shell .gmaps #map iframe {
    width: 100%;
    min-height: 520px;
    border: 0;
}

.temar-v2-shell .map-address-box {
    padding: 32px 30px;
    border-radius: 28px;
    background:
        radial-gradient(circle at top left, rgba(110, 210, 255, 0.16), transparent 30%),
        linear-gradient(135deg, #102638 0%, #183a58 100%);
    color: #ffffff;
    border-top: 0;
    box-shadow: 0 24px 54px rgba(10, 24, 38, 0.16);
}

.temar-v2-shell .map-address-box .map__title {
    color: #ffffff;
    margin-bottom: 24px;
    font-size: 1.9rem;
}

.temar-v2-shell .map-address {
    margin-top: 8px;
}

.temar-v2-shell .map-address li {
    padding-left: 58px;
    margin-bottom: 22px;
}

.temar-v2-shell .map-address li i {
    width: 42px;
    height: 42px;
    line-height: 42px;
    background: rgba(255, 255, 255, 0.14);
    color: #ffffff;
}

.temar-v2-shell .map-address li i:after {
    display: none;
}

.temar-v2-shell .map-address li .map__title {
    margin-bottom: 6px;
    font-size: 1rem;
    color: rgba(235, 242, 248, 0.76);
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.temar-v2-shell .map-address li .map__desc {
    color: #ffffff;
    font-size: 1rem;
    line-height: 1.75;
    font-weight: 500;
}

.temar-v2-shell .map-address li:hover i {
    background: #26a9e1;
    color: #ffffff;
}

@media (max-width: 991px) {
    .temar-v2-shell .contact-area {
        padding-top: 70px;
        padding-bottom: 58px;
    }

    .temar-v2-shell .contact-area .sec-heading {
        margin-bottom: 34px;
        max-width: none;
    }

    .temar-v2-shell .gmaps #map,
    .temar-v2-shell .gmaps #map iframe {
        min-height: 420px;
    }

    .temar-v2-shell .map-address-box {
        margin-top: 28px;
    }
}

@media (max-width: 767px) {
    .temar-v2-shell .contact-area .contact-form-action,
    .temar-v2-shell .map-address-box {
        padding: 24px 20px;
        border-radius: 22px;
    }

    .temar-v2-shell .gmaps {
        padding-bottom: 56px;
    }

    .temar-v2-shell .gmaps #map,
    .temar-v2-shell .gmaps #map iframe {
        min-height: 340px;
        border-radius: 22px;
    }
}

/* Contact info box final overrides */
.temar-v2-shell .map-address-box {
    overflow: hidden;
}

.temar-v2-shell .map-address-box > .map__title {
    margin: 0 0 26px;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.15;
    color: #ffffff;
}

.temar-v2-shell .map-address {
    margin: 0;
    padding: 0;
    list-style: none;
}

.temar-v2-shell .map-address li {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    column-gap: 16px;
    row-gap: 6px;
    align-items: start;
    margin: 0;
    padding: 0;
    list-style: none;
}

.temar-v2-shell .map-address li + li {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.temar-v2-shell .map-address li::marker,
.temar-v2-shell .map-address li::before {
    display: none;
    content: none;
}

.temar-v2-shell .map-address li i {
    grid-column: 1;
    grid-row: 1 / span 3;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    margin: 2px 0 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.09);
    color: #ffffff;
    font-size: 18px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.temar-v2-shell .map-address li .map__title {
    grid-column: 2;
    margin: 0;
    font-size: 0.95rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(221, 233, 244, 0.78);
}

.temar-v2-shell .map-address li .map__desc {
    grid-column: 2;
    margin: 0;
    color: #ffffff;
    font-size: 1rem;
    line-height: 1.7;
    font-weight: 500;
    word-break: break-word;
}

.temar-v2-shell .map-address li .map__desc + .map__desc {
    margin-top: 4px;
}

.temar-v2-shell .map-address li:hover i {
    transform: none;
}

@media (max-width: 767px) {
    .temar-v2-shell .map-address-box > .map__title {
        font-size: 1.7rem;
    }

    .temar-v2-shell .map-address li {
        grid-template-columns: 46px minmax(0, 1fr);
        column-gap: 14px;
    }

    .temar-v2-shell .map-address li i {
        width: 46px;
        height: 46px;
        border-radius: 14px;
        font-size: 16px;
    }
}

/* General theme sec__meta typography */
.temar-v2-shell .sec-heading .sec__meta {
    display: block;
    margin-bottom: 5px;
    color: #677286;
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    letter-spacing: 0;
    line-height: 1.4;
}

/* About / reference detail blocks under breadcrumb */
.temar-v2-shell .breadcrumb-area + .about-area.about-area2 {
    padding-top: 156px;
    padding-bottom: 118px;
    background: #ffffff;
}

.temar-v2-shell .breadcrumb-area + .about-area.about-area2 > .container {
    max-width: 1260px;
}

.temar-v2-shell .breadcrumb-area + .about-area.about-area2 .row {
    align-items: center;
}

.temar-v2-shell .breadcrumb-area + .about-area.about-area2 .col-lg-6 {
    -ms-flex: 0 0 55%;
    flex: 0 0 55%;
    max-width: 55%;
    padding-right: 38px;
}

.temar-v2-shell .breadcrumb-area + .about-area.about-area2 .col-lg-5 {
    -ms-flex: 0 0 45%;
    flex: 0 0 45%;
    max-width: 45%;
    padding-left: 22px;
}

.temar-v2-shell .breadcrumb-area + .about-area.about-area2 .about-item {
    max-width: 660px;
}

.temar-v2-shell .breadcrumb-area + .about-area.about-area2 .sec-heading .sec__title {
    margin-bottom: 18px;
    color: #0f2c42;
    font-size: clamp(2.35rem, 3vw, 3.35rem);
    font-weight: 700;
    line-height: 1.08;
    letter-spacing: -0.03em;
}

.temar-v2-shell .breadcrumb-area + .about-area.about-area2 .sec-heading .sec__desc {
    max-width: 100%;
    color: #2f4357;
    font-size: 1.04rem;
    line-height: 1.92;
}

.temar-v2-shell .breadcrumb-area + .about-area.about-area2 .image-boxes {
    position: relative;
    max-width: 100%;
    margin-left: auto;
}

.temar-v2-shell .breadcrumb-area + .about-area.about-area2 .image-boxes img {
    display: block;
    width: 100%;
    min-height: 420px;
    object-fit: cover;
    border-radius: 26px;
    box-shadow: 0 28px 60px rgba(13, 34, 52, 0.15);
}

.tm-reference-detail-page .about-area.about-area2 .image-boxes {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 420px;
    padding: 34px;
    border-radius: 26px;
    background:
        radial-gradient(circle at top right, rgba(110, 210, 255, 0.12), transparent 28%),
        linear-gradient(180deg, #ffffff 0%, #eef4f8 100%);
    border: 1px solid rgba(14, 41, 66, 0.08);
    box-shadow: 0 28px 60px rgba(13, 34, 52, 0.15);
}

.tm-reference-detail-page .about-area.about-area2 .image-boxes img {
    width: 100%;
    max-width: 100%;
    max-height: 300px;
    min-height: 0;
    object-fit: contain;
    border-radius: 0;
    box-shadow: none;
}

.tm-reference-detail-page .tm-reference-detail-media {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 420px;
    margin: 0;
    padding: 34px;
    border-radius: 26px;
    background:
        radial-gradient(circle at top right, rgba(110, 210, 255, 0.12), transparent 28%),
        linear-gradient(180deg, #ffffff 0%, #eef4f8 100%);
    border: 1px solid rgba(14, 41, 66, 0.08);
    box-shadow: 0 28px 60px rgba(13, 34, 52, 0.15);
}

.tm-reference-detail-page .tm-reference-detail-media img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 300px;
    object-fit: contain;
}

@media (max-width: 1199px) {
    .temar-v2-shell .breadcrumb-area + .about-area.about-area2 {
        padding-top: 138px;
    }

    .temar-v2-shell .breadcrumb-area + .about-area.about-area2 .col-lg-6 {
        padding-right: 28px;
    }

    .temar-v2-shell .breadcrumb-area + .about-area.about-area2 .col-lg-5 {
        padding-left: 12px;
    }
}

@media (max-width: 991px) {
    .temar-v2-shell .breadcrumb-area + .about-area.about-area2 {
        padding-top: 118px;
        padding-bottom: 84px;
    }

    .temar-v2-shell .breadcrumb-area + .about-area.about-area2 .col-lg-6,
    .temar-v2-shell .breadcrumb-area + .about-area.about-area2 .col-lg-5 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 15px;
        padding-left: 15px;
    }

    .temar-v2-shell .breadcrumb-area + .about-area.about-area2 .col-lg-5 {
        margin-top: 34px;
    }

    .temar-v2-shell .breadcrumb-area + .about-area.about-area2 .image-boxes img {
        min-height: 360px;
    }

    .tm-reference-detail-page .about-area.about-area2 .image-boxes {
        min-height: 360px;
        padding: 28px;
    }

    .tm-reference-detail-page .about-area.about-area2 .image-boxes img {
        max-height: 250px;
        min-height: 0;
    }

    .tm-reference-detail-page .tm-reference-detail-media {
        min-height: 360px;
        padding: 28px;
    }

    .tm-reference-detail-page .tm-reference-detail-media img {
        max-height: 250px;
    }
}

@media (max-width: 767px) {
    .temar-v2-shell .breadcrumb-area + .about-area.about-area2 {
        padding-top: 102px;
        padding-bottom: 72px;
    }

    .temar-v2-shell .breadcrumb-area + .about-area.about-area2 .sec-heading .sec__title {
        font-size: 2.35rem;
    }

    .temar-v2-shell .breadcrumb-area + .about-area.about-area2 .sec-heading .sec__desc {
        font-size: 1rem;
        line-height: 1.85;
    }

    .temar-v2-shell .breadcrumb-area + .about-area.about-area2 .image-boxes img {
        min-height: 300px;
        border-radius: 22px;
    }

    .tm-reference-detail-page .about-area.about-area2 .image-boxes {
        min-height: 300px;
        padding: 22px;
        border-radius: 22px;
    }

    .tm-reference-detail-page .about-area.about-area2 .image-boxes img {
        max-height: 210px;
        min-height: 0;
        border-radius: 0;
    }

    .tm-reference-detail-page .tm-reference-detail-media {
        min-height: 300px;
        padding: 22px;
        border-radius: 22px;
    }

    .tm-reference-detail-page .tm-reference-detail-media img {
        max-height: 210px;
    }
}

/* Haberler listesi eksik stilleri */
.temar-v2-shell .blog-grid-area {
    padding-top: 84px;
    padding-bottom: 84px;
}

.temar-v2-shell .blog-grid-area .blog-post-item .blog-post-img .item-overlay {
    position: absolute;
    content: '';
    inset: 0;
    background-color: #1475ba;
    transform: scale(0.7);
    opacity: 0;
    visibility: hidden;
    transition: all .3s;
}

.temar-v2-shell .blog-grid-area .blog-post-item .blog-post-img .item-overlay a {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #1475ba;
    font-size: 18px;
    width: 53px;
    height: 53px;
    line-height: 53px;
    text-align: center;
    background-color: #fff;
    border-radius: 50%;
    transition: all .3s;
}

.temar-v2-shell .blog-grid-area .blog-post-item .blog-post-img .item-overlay a:after {
    position: absolute;
    content: '';
    left: 50%;
    top: -1px;
    width: 35px;
    height: 13px;
    border-radius: 50%;
    background-color: #1475ba;
    transform: translateX(-50%);
}

.temar-v2-shell .blog-grid-area .blog-post-item .blog-post-img .item-overlay a:hover {
    background-color: #26a9e1;
    color: #fff;
}

.temar-v2-shell .blog-grid-area .blog-post-item:hover .blog-post-img .item-overlay {
    transform: scale(1);
    opacity: .9;
    visibility: visible;
}

.temar-v2-shell .blog-grid-area .blog-post-item .blog-post-body .post__meta {
    margin-bottom: 5px;
}

.temar-v2-shell .blog-grid-area .blog-post-item .blog-post-body .post__meta li {
    display: inline-block;
    color: #677286;
    font-size: 15px;
    opacity: .7;
    font-weight: 500;
    text-transform: capitalize;
}

.temar-v2-shell .blog-grid-area .blog-post-item .blog-post-body .post__meta li a {
    color: #1475ba;
    font-weight: 600;
    transition: all .3s;
}

.temar-v2-shell .blog-grid-area .blog-post-item .blog-post-body .post__meta li a:hover {
    color: #26a9e1;
}

.temar-v2-shell .blog-grid-area .blog-post-item .blog-post-body .post__bottom li {
    text-transform: capitalize;
    font-size: 16px;
    color: #1475ba;
}

.temar-v2-shell .blog-grid-area .blog-post-item .blog-post-body .post__bottom li a,
.temar-v2-shell .blog-grid-area .text-btn {
    font-weight: 500;
    color: #1475ba;
    transition: all .3s;
}

.temar-v2-shell .blog-grid-area .text-btn i {
    margin-left: 6px;
    font-size: 13px;
}

.temar-v2-shell .blog-grid-area .blog-post-item .blog-post-body .post__bottom li a:hover,
.temar-v2-shell .blog-grid-area .text-btn:hover {
    color: #26a9e1;
}

@media (max-width: 767px) {
    .temar-v2-shell .blog-grid-area {
        padding-top: 64px;
        padding-bottom: 64px;
    }
}

/* SSS / FAQ page */
.temar-v2-shell .faq-area.team-detail-area {
    padding-top: 88px;
    padding-bottom: 78px;
    background:
        radial-gradient(circle at top right, rgba(110, 210, 255, 0.08), transparent 18%),
        linear-gradient(180deg, #f6f9fc 0%, #ffffff 100%);
}

.temar-v2-shell .faq-area.team-detail-area > .container {
    max-width: 1260px;
}

.temar-v2-shell .faq-area.team-detail-area .faq-body {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.temar-v2-shell .faq-area.team-detail-area .faq-panel {
    overflow: hidden;
    border-radius: 24px;
    background: #ffffff;
    border: 1px solid rgba(16, 33, 48, 0.06);
    box-shadow: 0 18px 42px rgba(10, 24, 38, 0.08);
}

.temar-v2-shell .faq-area.team-detail-area .faq-panel .faq-heading {
    margin-top: 0;
}

.temar-v2-shell .faq-area.team-detail-area .faq-panel .faq-heading .faq__title {
    width: 100%;
    margin: 0;
    padding: 24px 72px 24px 28px;
    color: #102130;
    font-size: 1.18rem;
    font-weight: 700;
    line-height: 1.5;
    border: 0;
    border-radius: 0;
    background: linear-gradient(180deg, #ffffff 0%, #f9fbfd 100%);
}

.temar-v2-shell .faq-area.team-detail-area .faq-panel .faq-heading .faq__title:hover {
    color: #1475ba;
}

.temar-v2-shell .faq-area.team-detail-area .faq-panel .faq-heading .faq__title:before,
.temar-v2-shell .faq-area.team-detail-area .faq-panel .faq-heading .faq__title:after {
    top: 50%;
    right: 30px;
    width: 2px;
    height: 12px;
    margin-top: -6px;
    border-radius: 999px;
    background: #90a0af;
}

.temar-v2-shell .faq-area.team-detail-area .faq-panel .faq-heading .faq__title:after {
    transform: rotate(90deg);
}

.temar-v2-shell .faq-area.team-detail-area .faq-panel.active .faq-heading .faq__title {
    color: #1475ba;
    background: linear-gradient(180deg, #ffffff 0%, #f2f8fc 100%);
}

.temar-v2-shell .faq-area.team-detail-area .faq-panel.active .faq-heading .faq__title:before {
    transform: rotate(90deg);
    background: #1475ba;
}

.temar-v2-shell .faq-area.team-detail-area .faq-panel.active .faq-heading .faq__title:after {
    z-index: 0;
    background: #1475ba;
    opacity: 0;
}

.temar-v2-shell .faq-area.team-detail-area .faq-panel .faq-content {
    display: block;
    padding: 0 28px 26px;
    border: 0;
    border-top: 1px solid rgba(16, 33, 48, 0.08);
    border-radius: 0;
    background: #ffffff;
    box-shadow: none;
}

.temar-v2-shell .faq-area.team-detail-area .faq-panel .faq-content .faq__desc {
    padding-top: 20px;
    color: #536476;
    font-size: 1rem;
    line-height: 1.9;
    font-weight: 500;
}

.temar-v2-shell .faq-area.team-detail-area .contact-form-action {
    position: sticky;
    top: 28px;
    margin-top: 0;
}

.temar-v2-shell .faq-area.team-detail-area .contact-form-action .help-desc-box {
    padding: 30px 28px 32px;
    border-radius: 24px;
    background:
        radial-gradient(circle at top left, rgba(110, 210, 255, 0.22), transparent 30%),
        linear-gradient(135deg, #102638 0%, #173957 100%);
    box-shadow: 0 24px 48px rgba(8, 22, 34, 0.18);
}

.temar-v2-shell .faq-area.team-detail-area .contact-form-action .help-desc-box .help__title {
    margin-bottom: 18px;
    font-size: 1.85rem;
    line-height: 1.18;
}

.temar-v2-shell .faq-area.team-detail-area .contact-form-action .help-desc-box .help__desc {
    margin-bottom: 26px;
    color: rgba(235, 242, 248, 0.88);
    line-height: 1.8;
}

.temar-v2-shell .faq-area.team-detail-area .contact-form-action .help-desc-box .theme-button {
    min-height: 50px;
    padding: 0 22px;
    background: #ffffff;
    color: #12324c;
}

.temar-v2-shell .faq-area.team-detail-area .contact-form-action .help-desc-box .theme-button:hover {
    background: #26a9e1;
    color: #ffffff;
}

.temar-v2-shell .faq-area.team-detail-area .contact-form-action .sidebar-widget.contact-widget {
    margin-bottom: 0;
    padding: 26px 24px;
    border-radius: 24px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbfd 100%);
    border: 1px solid rgba(16, 33, 48, 0.06);
    box-shadow: 0 18px 42px rgba(10, 24, 38, 0.08);
}

.temar-v2-shell .faq-area.team-detail-area .contact-form-action .sidebar-widget.contact-widget .widget__title {
    margin-bottom: 18px;
    color: #102130;
    font-size: 1.7rem;
}

.temar-v2-shell .faq-area.team-detail-area .contact-form-action .sidebar-widget.contact-widget .contact__links li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    line-height: 1.7;
}

.temar-v2-shell .faq-area.team-detail-area .contact-form-action .sidebar-widget.contact-widget .contact__links li i {
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin-right: 0;
    background: linear-gradient(135deg, rgba(20, 117, 186, 0.14), rgba(20, 117, 186, 0.22));
    color: #1475ba;
}

.temar-v2-shell .faq-area.team-detail-area .contact-form-action .sidebar-widget.contact-widget .contact__links li i:after {
    display: none;
}

@media (max-width: 991px) {
    .temar-v2-shell .faq-area.team-detail-area {
        padding-top: 72px;
        padding-bottom: 64px;
    }

    .temar-v2-shell .faq-area.team-detail-area .contact-form-action {
        position: static;
        top: auto;
        margin-top: 28px;
    }
}

@media (max-width: 767px) {
    .temar-v2-shell .faq-area.team-detail-area .faq-panel .faq-heading .faq__title {
        padding: 20px 60px 20px 22px;
        font-size: 1.05rem;
    }

    .temar-v2-shell .faq-area.team-detail-area .faq-panel .faq-heading .faq__title:before,
    .temar-v2-shell .faq-area.team-detail-area .faq-panel .faq-heading .faq__title:after {
        right: 24px;
    }

    .temar-v2-shell .faq-area.team-detail-area .faq-panel .faq-content {
        padding: 0 22px 22px;
    }

    .temar-v2-shell .faq-area.team-detail-area .contact-form-action .help-desc-box,
    .temar-v2-shell .faq-area.team-detail-area .contact-form-action .sidebar-widget.contact-widget {
        padding: 24px 20px;
    }
}

/* Bayilerimiz page */
.temar-v2-shell .single-case .turkey-map-drawing {
    position: relative;
    padding: 28px;
    border-radius: 30px;
    background:
        radial-gradient(circle at top right, rgba(110, 210, 255, 0.12), transparent 22%),
        linear-gradient(180deg, #ffffff 0%, #f8fbfd 100%);
    border: 1px solid rgba(16, 33, 48, 0.06);
    box-shadow: 0 22px 48px rgba(10, 24, 38, 0.10);
    text-align: center;
}

.temar-v2-shell .single-case .turkey-map-drawing svg {
    width: 100%;
    height: auto;
    display: block;
}

.temar-v2-shell .single-case .turkey-map-drawing path {
    cursor: pointer;
    fill: #1475ba;
    transition: fill .2s ease, transform .2s ease;
}

.temar-v2-shell .single-case .turkey-map-drawing g.is-completed path {
    fill: #26a9e1;
}

.temar-v2-shell .single-case .turkey-map-drawing path:hover {
    fill: #d8ecfb !important;
}

.temar-v2-shell .turkey-map-name {
    position: absolute;
    z-index: 12;
    pointer-events: none;
}

.temar-v2-shell .turkey-map-name div {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0 16px;
    border-radius: 999px;
    background: rgba(15, 40, 64, 0.94);
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    box-shadow: 0 14px 28px rgba(11, 27, 41, 0.22);
}

.temar-v2-shell .single-case .turkey-map-list {
    margin-top: 28px !important;
}

.temar-v2-shell .single-case .workers-col {
    margin-bottom: 24px;
}

.temar-v2-shell .single-case .workers-col .card.bayiler {
    position: relative;
    height: 100%;
    min-height: 296px;
    padding: 28px 26px 28px;
    border: 1px solid rgba(16, 33, 48, 0.06);
    border-radius: 26px;
    background:
        radial-gradient(circle at top right, rgba(110, 210, 255, 0.10), transparent 22%),
        linear-gradient(180deg, #ffffff 0%, #f8fbfd 100%);
    box-shadow: 0 20px 46px rgba(10, 24, 38, 0.08);
    transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}

.temar-v2-shell .single-case .workers-col .card.bayiler:hover {
    transform: translateY(-4px);
    border-color: rgba(20, 117, 186, 0.18);
    box-shadow: 0 26px 52px rgba(10, 24, 38, 0.12);
}

.temar-v2-shell .single-case .bayiler > .icon {
    position: absolute;
    top: 22px;
    right: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(20, 117, 186, 0.10);
    color: #1475ba;
    border: 1px solid rgba(20, 117, 186, 0.12);
    opacity: 1;
}

.temar-v2-shell .single-case .box-header {
    margin-bottom: 22px;
    padding-right: 54px;
}

.temar-v2-shell .single-case .bayiler .title {
    margin-bottom: 2px;
    color: #102130;
    font-size: 1.35rem;
    font-weight: 700;
    line-height: 1.25;
}

.temar-v2-shell .single-case .bayiler .title.small {
    display: block;
    margin-bottom: 10px;
    color: #1475ba;
    font-size: 0.88rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.temar-v2-shell .single-case .box-header > .text {
    display: block;
    margin: 0;
    color: #5c7084;
    font-size: 0.98rem;
    line-height: 1.75;
}

.temar-v2-shell .single-case .box-footer {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-top: 18px;
    border-top: 1px solid rgba(16, 33, 48, 0.08);
}

.temar-v2-shell .single-case .box-footer .name {
    display: block;
    margin-bottom: 4px;
    color: #102130;
    font-size: 1.02rem;
    font-weight: 700;
}

.temar-v2-shell .single-case .box-footer .text {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    color: #526679;
    font-size: 0.96rem;
    line-height: 1.5;
    word-break: break-word;
}

.temar-v2-shell .single-case .box-footer .text .icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    margin-right: 0;
    border-radius: 50%;
    background: rgba(20, 117, 186, 0.10);
    color: #1475ba;
    font-size: 13px;
    flex: 0 0 32px;
}

.temar-v2-shell .single-case .box-footer .text:hover {
    color: #1475ba;
}

@media (max-width: 991px) {
    .temar-v2-shell .single-case .turkey-map-drawing {
        padding: 18px;
        border-radius: 24px;
    }

    .temar-v2-shell .single-case .workers-col .card.bayiler {
        min-height: 0;
    }
}

@media (max-width: 767px) {
    .temar-v2-shell .single-case .turkey-map-drawing {
        padding: 12px;
        border-radius: 20px;
    }

    .temar-v2-shell .single-case .workers-col .card.bayiler {
        padding: 22px 18px 18px;
    }

    .temar-v2-shell .single-case .box-header {
        padding-right: 48px;
    }
}

/* Musteri gorusleri page */
.temar-v2-shell .testimonial-area {
    position: relative;
    overflow: hidden;
    padding-top: 58px;
    padding-bottom: 82px;
    background:
        radial-gradient(circle at top right, rgba(110, 210, 255, 0.08), transparent 20%),
        linear-gradient(180deg, #f6f9fc 0%, #ffffff 100%);
}

.temar-v2-shell .testimonial-area > .container {
    position: relative;
    z-index: 2;
    max-width: 1260px;
}

.temar-v2-shell .testimonial-area .random-img {
    position: absolute;
    width: 96px;
    height: 96px;
    border-radius: 50%;
    opacity: 0.08;
    filter: grayscale(1);
    box-shadow: 0 14px 34px rgba(20, 117, 186, 0.12);
}

.temar-v2-shell .testimonial-area .random-img:nth-child(1) {
    top: -6px;
    left: -12px;
}

.temar-v2-shell .testimonial-area .random-img:nth-child(2) {
    top: 24%;
    left: 9%;
    width: 68px;
    height: 68px;
}

.temar-v2-shell .testimonial-area .random-img:nth-child(3) {
    top: 57%;
    left: 5%;
    width: 58px;
    height: 58px;
}

.temar-v2-shell .testimonial-area .random-img:nth-child(4) {
    bottom: 7%;
    left: 14%;
    width: 46px;
    height: 46px;
}

.temar-v2-shell .testimonial-area .random-img:nth-child(5) {
    top: 12px;
    right: 6px;
}

.temar-v2-shell .testimonial-area .random-img:nth-child(6) {
    top: 31%;
    right: 10%;
    width: 68px;
    height: 68px;
}

.temar-v2-shell .testimonial-area .random-img:nth-child(7) {
    bottom: 28%;
    right: 6%;
    width: 58px;
    height: 58px;
}

.temar-v2-shell .testimonial-area .random-img:nth-child(8) {
    bottom: 4%;
    right: 14%;
    width: 44px;
    height: 44px;
}

.temar-v2-shell .testimonial-area .sec-heading.text-right {
    margin-bottom: 18px !important;
}

.temar-v2-shell .testimonial-area .sec-heading .theme-button {
    min-height: 50px;
    padding: 0 22px;
}

.temar-v2-shell .testimonial-area .testimonial-item {
    height: calc(100% - 1rem);
    margin-bottom: 1rem !important;
}

.temar-v2-shell .testimonial-area .testimonial-item .testi-desc-box {
    position: relative;
    z-index: 1;
    min-height: 220px;
    margin-bottom: 20px;
    padding: 26px 24px 24px;
    border: 1px solid rgba(16, 33, 48, 0.06);
    border-radius: 24px;
    background: #ffffff;
    box-shadow: 0 18px 42px rgba(10, 24, 38, 0.08);
    transition: all .3s ease;
}

.temar-v2-shell .testimonial-area .testimonial-item .testi-desc-box:before {
    position: absolute;
    content: '';
    bottom: -13px;
    left: 42px;
    width: 24px;
    height: 24px;
    background: #ffffff;
    border-right: 1px solid rgba(16, 33, 48, 0.06);
    border-bottom: 1px solid rgba(16, 33, 48, 0.06);
    transform: rotate(45deg);
    box-shadow: 8px 8px 18px rgba(10, 24, 38, 0.04);
}

.temar-v2-shell .testimonial-area .testimonial-item .testi-desc-box:after {
    position: absolute;
    content: "\f10e";
    right: 20px;
    bottom: 14px;
    font-family: "FontAwesome";
    font-size: 54px;
    line-height: 1;
    color: #1475ba;
    opacity: 0.10;
}

.temar-v2-shell .testimonial-area .testimonial-item .testi-desc-box .testi__desc {
    color: #536476;
    font-size: 1rem;
    line-height: 1.9;
    font-weight: 500;
}

.temar-v2-shell .testimonial-area .testimonial-item:hover .testi-desc-box {
    transform: translateY(-4px);
    border-color: rgba(20, 117, 186, 0.18);
    box-shadow: 0 24px 48px rgba(10, 24, 38, 0.12);
}

.temar-v2-shell .testimonial-area .testimonial-item:hover .testi-desc-box:after {
    color: #26a9e1;
    opacity: 0.16;
}

.temar-v2-shell .testimonial-area .testimonial-item .testi-author-box {
    display: flex;
    align-items: center;
    gap: 18px;
}

.temar-v2-shell .testimonial-area .testimonial-item .author-avatar {
    flex: 0 0 82px;
    width: 82px;
    height: 82px;
    border-radius: 50%;
    overflow: hidden;
    background: #ffffff;
    box-shadow: 0 16px 32px rgba(10, 24, 38, 0.10);
}

.temar-v2-shell .testimonial-area .testimonial-item .author-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    border: 8px solid #ffffff;
}

.temar-v2-shell .testimonial-area .testimonial-item .author-details {
    margin-left: 0;
}

.temar-v2-shell .testimonial-area .testimonial-item .author-details .author__title {
    margin-bottom: 4px;
    color: #102130;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.3;
}

.temar-v2-shell .testimonial-area .testimonial-item .author-details .author__meta {
    display: block;
    color: #1475ba;
    font-size: 0.92rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    opacity: 0.82;
}

.temar-v2-shell .testimonial-area .alert {
    border: 0;
    border-radius: 20px;
    box-shadow: 0 18px 42px rgba(10, 24, 38, 0.08);
}

@media (max-width: 991px) {
    .temar-v2-shell .testimonial-area .random-img {
        display: none;
    }
}

@media (max-width: 767px) {
    .temar-v2-shell .testimonial-area {
        padding-top: 52px;
        padding-bottom: 68px;
    }

    .temar-v2-shell .testimonial-area .sec-heading.text-right {
        text-align: left !important;
    }

    .temar-v2-shell .testimonial-area .testimonial-item .testi-desc-box {
        min-height: 0;
        padding: 22px 20px 20px;
    }

    .temar-v2-shell .testimonial-area .testimonial-item .testi-desc-box:before {
        left: 28px;
    }

    .temar-v2-shell .testimonial-area .testimonial-item .testi-author-box {
        gap: 14px;
    }

    .temar-v2-shell .testimonial-area .testimonial-item .author-avatar {
        flex-basis: 72px;
        width: 72px;
        height: 72px;
    }
}

/* Haber / proje detay eksik stilleri */
.temar-v2-shell .blog-area.inner-blog-area.blog-single-area {
    padding-top: 88px;
    padding-bottom: 76px;
    background:
        radial-gradient(circle at top right, rgba(110, 210, 255, 0.08), transparent 18%),
        linear-gradient(180deg, #f6f9fc 0%, #ffffff 100%);
}

.temar-v2-shell .blog-area.inner-blog-area.blog-single-area > .container {
    max-width: 1260px;
}

.temar-v2-shell .blog-area.inner-blog-area.blog-single-area .row {
    align-items: flex-start;
}

.temar-v2-shell .blog-area.inner-blog-area.blog-single-area .sidebar {
    position: sticky;
    top: 28px;
}

.temar-v2-shell .blog-area.inner-blog-area.blog-single-area .sidebar-widget {
    margin-bottom: 26px;
    padding: 26px 24px;
    border-radius: 24px;
    background: #ffffff;
    border: 1px solid rgba(16, 33, 48, 0.06);
    box-shadow: 0 18px 42px rgba(10, 24, 38, 0.08);
}

.temar-v2-shell .blog-area.inner-blog-area.blog-single-area .sidebar-widget .widget__title {
    margin-bottom: 18px;
    color: #102130;
    font-size: 1.7rem;
    line-height: 1.18;
}

.temar-v2-shell .blog-area.inner-blog-area.blog-single-area .recent-item {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin: 0;
    padding: 14px 0;
    border-bottom: 1px solid rgba(16, 33, 48, 0.08);
}

.temar-v2-shell .blog-area.inner-blog-area.blog-single-area .recent-item:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.temar-v2-shell .blog-area.inner-blog-area.blog-single-area .recent-item .recent-img {
    flex: 0 0 92px;
    width: 92px;
    border-radius: 18px;
    overflow: hidden;
}

.temar-v2-shell .blog-area.inner-blog-area.blog-single-area .recent-item .recent-img img {
    width: 100%;
    height: 92px;
    object-fit: cover;
    border-radius: 18px;
    transition: transform .35s ease;
}

.temar-v2-shell .blog-area.inner-blog-area.blog-single-area .recent-item:hover .recent-img img {
    transform: scale(1.05);
}

.temar-v2-shell .blog-area.inner-blog-area.blog-single-area .recent-item .recentpost-body {
    min-width: 0;
    flex: 1 1 auto;
}

.temar-v2-shell .blog-area.inner-blog-area.blog-single-area .recent-item .recentpost-body .recent__meta {
    display: block;
    margin-bottom: 8px;
    color: #6d7f90;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.temar-v2-shell .blog-area.inner-blog-area.blog-single-area .recent-item .recentpost-body .recent__link {
    margin-bottom: 0;
}

.temar-v2-shell .blog-area.inner-blog-area.blog-single-area .recent-item .recentpost-body .recent__link a {
    display: -webkit-box;
    overflow: hidden;
    color: #143049;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.45;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.temar-v2-shell .blog-area.inner-blog-area.blog-single-area .recent-item .recentpost-body .recent__link a:hover {
    color: #1475ba;
}

.temar-v2-shell .blog-area.inner-blog-area.blog-single-area .sidebar-widget.contact-widget {
    background: linear-gradient(180deg, #ffffff 0%, #f8fbfd 100%);
}

.temar-v2-shell .blog-area.inner-blog-area.blog-single-area .sidebar-widget.contact-widget .contact__links li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    line-height: 1.7;
}

.temar-v2-shell .blog-area.inner-blog-area.blog-single-area .sidebar-widget.contact-widget .contact__links li i {
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin-right: 0;
    background: linear-gradient(135deg, rgba(20, 117, 186, 0.14), rgba(20, 117, 186, 0.22));
    color: #1475ba;
}

.temar-v2-shell .blog-area.inner-blog-area.blog-single-area .sidebar-widget.contact-widget .contact__links li i:after {
    display: none;
}

.temar-v2-shell .blog-area.inner-blog-area.blog-single-area .help-desc-box {
    padding: 30px 28px 32px;
    border-radius: 24px;
    background:
        radial-gradient(circle at top left, rgba(110, 210, 255, 0.22), transparent 30%),
        linear-gradient(135deg, #102638 0%, #173957 100%);
    box-shadow: 0 24px 48px rgba(8, 22, 34, 0.18);
}

.temar-v2-shell .blog-area.inner-blog-area.blog-single-area .help-desc-box .help__title {
    margin-bottom: 18px;
    font-size: 1.85rem;
    line-height: 1.18;
}

.temar-v2-shell .blog-area.inner-blog-area.blog-single-area .help-desc-box .help__desc {
    margin-bottom: 26px;
    color: rgba(235, 242, 248, 0.88);
    line-height: 1.8;
}

.temar-v2-shell .blog-area.inner-blog-area.blog-single-area .help-desc-box .theme-button {
    min-height: 50px;
    padding: 0 22px;
    background: #ffffff;
    color: #12324c;
}

.temar-v2-shell .blog-area.inner-blog-area.blog-single-area .help-desc-box .theme-button:hover {
    background: #26a9e1;
    color: #ffffff;
}

.temar-v2-shell .blog-area.inner-blog-area.blog-single-area .blog-single-wrapper .blog-post-item {
    margin-bottom: 0;
    border-radius: 28px;
    overflow: hidden;
    background: #ffffff;
    box-shadow: 0 24px 52px rgba(10, 24, 38, 0.10);
}

.temar-v2-shell .blog-area.inner-blog-area.blog-single-area .blog-single-wrapper .blog-post-item .blog-post-img {
    background: #eaf2f8;
}

.temar-v2-shell .blog-area.inner-blog-area.blog-single-area .blog-single-wrapper .blog-post-item .blog-post-img:before {
    display: none;
}

.temar-v2-shell .blog-area.inner-blog-area.blog-single-area .blog-single-wrapper .blog-post-item .blog-post-img .blog__img {
    width: 100%;
    min-height: 430px;
    object-fit: cover;
}

.temar-v2-shell .blog-area.inner-blog-area.blog-single-area .blog-single-wrapper .blog-post-item .blog-post-body {
    padding: 32px 32px 34px;
    border: 0;
}

.temar-v2-shell .blog-area.inner-blog-area.blog-single-area .blog-single-wrapper .blog-post-item .blog-post-body .post__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 18px;
}

.temar-v2-shell .blog-area.inner-blog-area.blog-single-area .blog-single-wrapper .blog-post-item .blog-post-body .post__meta li {
    margin-right: 0;
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(20, 117, 186, 0.08);
    color: #5c7084;
    font-size: 14px;
    font-weight: 600;
    text-transform: none;
    opacity: 1;
}

.temar-v2-shell .blog-area.inner-blog-area.blog-single-area .blog-single-wrapper .blog-post-item .blog-post-body .blog__title {
    margin-bottom: 18px;
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(16, 33, 48, 0.08);
    color: #102130;
    font-size: clamp(2rem, 2.6vw, 2.75rem);
    line-height: 1.08;
}

.temar-v2-shell .blog-area.inner-blog-area.blog-single-area .blog-single-wrapper .blog-post-item .blog-post-body .blog__desc {
    margin-top: 0;
    margin-bottom: 0;
    color: #536476;
    font-size: 1rem;
    line-height: 1.9;
}

.temar-v2-shell .blog-area.inner-blog-area.blog-single-area .blog-single-wrapper .blog-post-item .blog-post-body iframe {
    margin-top: 28px;
    border: 0;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 18px 42px rgba(10, 24, 38, 0.12);
}

.temar-v2-shell .blog-area.inner-blog-area.blog-single-area .widget-content {
    margin-top: 30px;
}

.temar-v2-shell .blog-area.inner-blog-area.blog-single-area .widget-content .row > div {
    margin-bottom: 24px;
}

.temar-v2-shell .blog-area.inner-blog-area.blog-single-area .tag-items {
    margin-top: 28px;
    padding-top: 22px;
    border-top: 1px solid rgba(16, 33, 48, 0.08);
    border-bottom: 0;
}

.temar-v2-shell .blog-area.inner-blog-area.blog-single-area .tag-items .tag__list li span {
    color: #102130;
    font-size: 1rem;
}

.temar-v2-shell .blog-area.inner-blog-area.blog-single-area .tag-items .tag__list li a {
    background: rgba(20, 117, 186, 0.08);
}

.temar-v2-shell .blog-area.inner-blog-area.blog-single-area .tag-items .social-profile li a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: rgba(20, 117, 186, 0.10);
    color: #14314a;
}

.temar-v2-shell .blog-area.inner-blog-area.blog-single-area .tag-items .social-profile li a:after {
    display: none;
}

.temar-v2-shell .blog-area.inner-blog-area.blog-single-area .tag-items .social-profile li a:hover {
    background: #1475ba;
    color: #ffffff;
}

.temar-v2-shell .blog-area.inner-blog-area.blog-single-area .post-pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 32px;
    margin-bottom: 0;
    padding-top: 24px;
    border-top: 1px solid rgba(16, 33, 48, 0.08);
}

.temar-v2-shell .blog-area.inner-blog-area.blog-single-area .post-pagination .next-post {
    margin-left: auto;
}

.temar-v2-shell .blog-area.inner-blog-area.blog-single-area .post-pagination .prev-post,
.temar-v2-shell .blog-area.inner-blog-area.blog-single-area .post-pagination .next-post {
    flex: 0 0 auto;
}

.temar-v2-shell .blog-area.inner-blog-area.blog-single-area .post-pagination .post__link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 18px;
    border-radius: 999px;
    background: #f5f9fc;
    color: #143049;
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
}

.temar-v2-shell .blog-area.inner-blog-area.blog-single-area .post-pagination .post__link i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: rgba(20, 117, 186, 0.12);
    color: #1475ba;
    font-size: 13px;
    transition: all .3s ease;
}

.temar-v2-shell .blog-area.inner-blog-area.blog-single-area .post-pagination .post__link:hover {
    background: #1475ba;
    color: #ffffff;
}

.temar-v2-shell .blog-area.inner-blog-area.blog-single-area .post-pagination .post__link:hover i {
    background: rgba(255, 255, 255, 0.16);
    color: #ffffff;
}

/* Referanslar page */
.tm-referanslar-page #workers {
    padding: 34px 0 70px;
}

.tm-referanslar-page #workers .workers-col {
    margin-bottom: 28px;
}

.tm-referanslar-page #workers .card {
    height: 100%;
    padding: 18px;
    border: 1px solid rgba(16, 33, 48, 0.06);
    border-radius: 26px;
    background:
        radial-gradient(circle at top right, rgba(110, 210, 255, 0.10), transparent 24%),
        linear-gradient(180deg, #ffffff 0%, #f8fbfd 100%);
    box-shadow: 0 18px 44px rgba(10, 24, 38, 0.08);
    overflow: hidden;
    transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}

.tm-referanslar-page #workers .card:hover {
    transform: translateY(-4px);
    border-color: rgba(20, 117, 186, 0.18);
    box-shadow: 0 26px 54px rgba(10, 24, 38, 0.12);
}

.tm-referanslar-page #workers .referanslar {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 180px;
    overflow: hidden;
    border-radius: 18px;
    background: linear-gradient(180deg, #ffffff 0%, #f7fbfe 100%);
}

.tm-referanslar-page #workers .referanslar a {
    width: 100%;
    min-height: 180px;
    padding: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-decoration: none;
}

.tm-referanslar-page #workers .referanslar img {
    width: auto !important;
    max-width: 100%;
    height: 130px;
    object-fit: contain;
    transition: transform .45s ease;
}

.tm-referanslar-page #workers .card:hover .referanslar img {
    transform: scale(1.06);
}

.tm-referanslar-page #workers .pagination-wrapper {
    margin-top: 10px;
}

@media (max-width: 991px) {
    .temar-v2-shell .blog-area.inner-blog-area.blog-single-area {
        padding-top: 68px;
        padding-bottom: 64px;
    }

    .temar-v2-shell .blog-area.inner-blog-area.blog-single-area .sidebar {
        position: static;
        top: auto;
        margin-top: 28px;
    }

    .temar-v2-shell .blog-area.inner-blog-area.blog-single-area .blog-single-wrapper .blog-post-item .blog-post-img .blog__img {
        min-height: 320px;
    }

    .tm-referanslar-page #workers {
        padding: 28px 0 56px;
    }

    .tm-referanslar-page #workers .workers-col {
        margin-bottom: 22px;
    }
}

@media (max-width: 767px) {
    .temar-v2-shell .blog-area.inner-blog-area.blog-single-area .blog-single-wrapper .blog-post-item .blog-post-body {
        padding: 24px 22px 26px;
    }

    .temar-v2-shell .blog-area.inner-blog-area.blog-single-area .blog-single-wrapper .blog-post-item .blog-post-body .blog__title {
        font-size: 2rem;
    }

    .temar-v2-shell .blog-area.inner-blog-area.blog-single-area .tag-items.d-flex,
    .temar-v2-shell .blog-area.inner-blog-area.blog-single-area .post-pagination {
        display: block !important;
    }

    .temar-v2-shell .blog-area.inner-blog-area.blog-single-area .tag-items .social-profile,
    .temar-v2-shell .blog-area.inner-blog-area.blog-single-area .post-pagination .next-post {
        margin-top: 16px;
    }

    .tm-referanslar-page #workers .card {
        padding: 14px;
        border-radius: 20px;
    }

    .tm-referanslar-page #workers .referanslar,
    .tm-referanslar-page #workers .referanslar a {
        min-height: 138px;
    }

    .tm-referanslar-page #workers .referanslar img {
        height: 92px;
    }
}

/* Musteri gorusleri popup form */
.remodal.popupform[data-remodal-id="musteri_gorusleri"] {
    max-width: 760px;
    padding: 0 !important;
    background: transparent;
    box-shadow: none;
    overflow: visible;
}

.remodal.popupform[data-remodal-id="musteri_gorusleri"] .form-column {
    position: relative;
}

.remodal.popupform[data-remodal-id="musteri_gorusleri"] .inner-column {
    position: relative;
    overflow: hidden;
    margin-top: 0;
    border-radius: 26px;
    padding: 46px 38px 34px;
    background: linear-gradient(180deg, #214968 0%, #173754 100%);
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 28px 65px rgba(8, 21, 34, 0.35);
}

.remodal.popupform[data-remodal-id="musteri_gorusleri"] .inner-column:before {
    position: absolute;
    content: '';
    z-index: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url(../images/dots3.png);
    background-position: center;
    opacity: .08;
}

.remodal.popupform[data-remodal-id="musteri_gorusleri"] .inner-column:after {
    position: absolute;
    content: '';
    inset: 0;
    background: radial-gradient(circle at top right, rgba(75, 177, 247, 0.18), transparent 36%);
    pointer-events: none;
}

.remodal.popupform[data-remodal-id="musteri_gorusleri"] h2 {
    position: relative;
    z-index: 1;
    margin-bottom: 24px;
    color: #ffffff;
    font-size: 34px;
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -0.02em;
    text-align: center;
}

.remodal.popupform[data-remodal-id="musteri_gorusleri"] .default-form {
    position: relative;
    z-index: 1;
}

.remodal.popupform[data-remodal-id="musteri_gorusleri"] .default-form .form-group {
    position: relative;
    margin-bottom: 16px;
}

.remodal.popupform[data-remodal-id="musteri_gorusleri"] .default-form .form-group:last-child {
    margin-bottom: 0;
}

.remodal.popupform[data-remodal-id="musteri_gorusleri"] .default-form .form-group input[type="text"],
.remodal.popupform[data-remodal-id="musteri_gorusleri"] .default-form .form-group input[type="email"],
.remodal.popupform[data-remodal-id="musteri_gorusleri"] .default-form .form-group input[type="password"],
.remodal.popupform[data-remodal-id="musteri_gorusleri"] .default-form .form-group select,
.remodal.popupform[data-remodal-id="musteri_gorusleri"] .default-form .form-group textarea {
    position: relative;
    display: block;
    width: 100%;
    line-height: 24px;
    color: #ffffff;
    font-size: 15px;
    font-weight: 500;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    background: rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
    backdrop-filter: blur(6px);
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
    z-index: 2;
}

.remodal.popupform[data-remodal-id="musteri_gorusleri"] .default-form .form-group input[type="text"],
.remodal.popupform[data-remodal-id="musteri_gorusleri"] .default-form .form-group input[type="email"],
.remodal.popupform[data-remodal-id="musteri_gorusleri"] .default-form .form-group input[type="password"],
.remodal.popupform[data-remodal-id="musteri_gorusleri"] .default-form .form-group select {
    height: 56px;
    padding: 16px 20px;
}

.remodal.popupform[data-remodal-id="musteri_gorusleri"] .default-form .form-group textarea {
    height: 170px;
    padding: 16px 20px;
    resize: none;
}

.remodal.popupform[data-remodal-id="musteri_gorusleri"] .default-form .form-group input::placeholder,
.remodal.popupform[data-remodal-id="musteri_gorusleri"] .default-form .form-group textarea::placeholder {
    color: rgba(255, 255, 255, 0.74);
}

.remodal.popupform[data-remodal-id="musteri_gorusleri"] .default-form .form-group input[type="text"]:focus,
.remodal.popupform[data-remodal-id="musteri_gorusleri"] .default-form .form-group input[type="email"]:focus,
.remodal.popupform[data-remodal-id="musteri_gorusleri"] .default-form .form-group input[type="password"]:focus,
.remodal.popupform[data-remodal-id="musteri_gorusleri"] .default-form .form-group select:focus,
.remodal.popupform[data-remodal-id="musteri_gorusleri"] .default-form .form-group textarea:focus {
    border-color: rgba(71, 183, 255, 0.92);
    background: rgba(255, 255, 255, 0.14);
    box-shadow: 0 0 0 4px rgba(71, 183, 255, 0.15);
    outline: none;
}

.remodal.popupform[data-remodal-id="musteri_gorusleri"] .yorum-form .g-recaptcha {
    display: inline-flex;
    justify-content: center;
    width: 100%;
    max-width: 100%;
    padding: 12px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.1);
    transform-origin: center top;
}

.remodal.popupform[data-remodal-id="musteri_gorusleri"] .btn-column {
    margin-top: 10px;
}

.remodal.popupform[data-remodal-id="musteri_gorusleri"] .btn-column .theme-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-width: 190px;
    min-height: 56px;
    padding: 14px 24px;
    border: 0;
    border-radius: 999px;
    background: #ffffff;
    color: #14314a;
    font-size: 15px;
    font-weight: 700;
    box-shadow: 0 14px 28px rgba(10, 24, 38, 0.18);
}

.remodal.popupform[data-remodal-id="musteri_gorusleri"] .btn-column .theme-button .btn-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: rgba(20, 117, 186, 0.12);
    color: #1475ba;
}

.remodal.popupform[data-remodal-id="musteri_gorusleri"] .btn-column .theme-button:hover {
    background: #ffffff;
    color: #14314a;
    transform: translateY(-1px);
}

.remodal.popupform[data-remodal-id="musteri_gorusleri"] .remodal-close {
    z-index: 2 !important;
    top: 16px;
    right: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.12) !important;
    color: #ffffff !important;
    transition: background-color .25s ease, transform .25s ease;
}

.remodal.popupform[data-remodal-id="musteri_gorusleri"] .remodal-close:before {
    font-size: 30px;
    line-height: 42px;
    top: 50%;
    left: 50%;
    width: 42px;
    height: 42px;
    transform: translate(-50%, -50%);
}

.remodal.popupform[data-remodal-id="musteri_gorusleri"] .remodal-close:hover {
    background: rgba(255, 255, 255, 0.2) !important;
    transform: rotate(90deg);
}

.remodal.popupform[data-remodal-id="musteri_gorusleri"] .default-form .form-group .theme-btn {
    cursor: pointer;
}

@media (max-width: 991px) {
    .remodal.popupform[data-remodal-id="musteri_gorusleri"] {
        max-width: calc(100vw - 24px);
    }

    .remodal.popupform[data-remodal-id="musteri_gorusleri"] .inner-column {
        padding: 36px 26px 30px;
    }

    .remodal.popupform[data-remodal-id="musteri_gorusleri"] h2 {
        font-size: 28px;
    }
}

@media (max-width: 575px) {
    .remodal.popupform[data-remodal-id="musteri_gorusleri"] .inner-column {
        padding: 32px 18px 24px;
        border-radius: 22px;
    }

    .remodal.popupform[data-remodal-id="musteri_gorusleri"] h2 {
        font-size: 24px;
        margin-bottom: 18px;
    }

    .remodal.popupform[data-remodal-id="musteri_gorusleri"] .default-form .form-group input[type="text"],
    .remodal.popupform[data-remodal-id="musteri_gorusleri"] .default-form .form-group input[type="email"],
    .remodal.popupform[data-remodal-id="musteri_gorusleri"] .default-form .form-group input[type="password"],
    .remodal.popupform[data-remodal-id="musteri_gorusleri"] .default-form .form-group select {
        height: 52px;
        padding-left: 18px;
        padding-right: 18px;
    }

    .remodal.popupform[data-remodal-id="musteri_gorusleri"] .default-form .form-group textarea {
        padding-left: 18px;
        padding-right: 18px;
    }

    .remodal.popupform[data-remodal-id="musteri_gorusleri"] .yorum-form .g-recaptcha {
        padding: 8px;
        overflow: auto hidden;
        justify-content: flex-start;
    }

    .remodal.popupform[data-remodal-id="musteri_gorusleri"] .btn-column .theme-button {
        width: 100%;
        min-width: 0;
    }
}

.remodal.popupform[data-remodal-id="talep"] {
    max-width: 760px;
    padding: 0 !important;
    background: transparent;
    box-shadow: none;
    overflow: visible;
}

.remodal.popupform[data-remodal-id="talep"] .form-column {
    position: relative;
}

.remodal.popupform[data-remodal-id="talep"] .inner-column {
    position: relative;
    overflow: hidden;
    margin-top: 0;
    border-radius: 26px;
    padding: 46px 38px 34px;
    background: linear-gradient(180deg, #214968 0%, #173754 100%);
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 28px 65px rgba(8, 21, 34, 0.35);
}

.remodal.popupform[data-remodal-id="talep"] .inner-column:before {
    position: absolute;
    content: '';
    z-index: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url(../images/dots3.png);
    background-position: center;
    opacity: .08;
    pointer-events: none;
}

.remodal.popupform[data-remodal-id="talep"] .inner-column:after {
    position: absolute;
    content: '';
    inset: 0;
    background: radial-gradient(circle at top right, rgba(75, 177, 247, 0.18), transparent 36%);
    pointer-events: none;
}

.remodal.popupform[data-remodal-id="talep"] h2 {
    position: relative;
    z-index: 1;
    margin-bottom: 24px;
    color: #ffffff;
    font-size: 34px;
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -0.02em;
    text-align: center;
}

.remodal.popupform[data-remodal-id="talep"] .default-form {
    position: relative;
    z-index: 1;
}

.remodal.popupform[data-remodal-id="talep"] .default-form .form-group {
    position: relative;
    margin-bottom: 16px;
}

.remodal.popupform[data-remodal-id="talep"] .default-form .form-group:last-child {
    margin-bottom: 0;
}

.remodal.popupform[data-remodal-id="talep"] .default-form .form-group input[type="text"],
.remodal.popupform[data-remodal-id="talep"] .default-form .form-group input[type="email"],
.remodal.popupform[data-remodal-id="talep"] .default-form .form-group input[type="password"],
.remodal.popupform[data-remodal-id="talep"] .default-form .form-group select,
.remodal.popupform[data-remodal-id="talep"] .default-form .form-group textarea {
    position: relative;
    display: block;
    width: 100%;
    line-height: 24px;
    color: #ffffff;
    font-size: 15px;
    font-weight: 500;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    background: rgba(255, 255, 255, 0.1);
    transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease;
}

.remodal.popupform[data-remodal-id="talep"] .default-form .form-group input[type="text"],
.remodal.popupform[data-remodal-id="talep"] .default-form .form-group input[type="email"],
.remodal.popupform[data-remodal-id="talep"] .default-form .form-group input[type="password"],
.remodal.popupform[data-remodal-id="talep"] .default-form .form-group select {
    height: 56px;
    padding: 16px 20px;
}

.remodal.popupform[data-remodal-id="talep"] .default-form .form-group textarea {
    height: 170px;
    padding: 16px 20px;
    resize: none;
}

.remodal.popupform[data-remodal-id="talep"] .default-form .form-group input::placeholder,
.remodal.popupform[data-remodal-id="talep"] .default-form .form-group textarea::placeholder {
    color: rgba(255, 255, 255, 0.74);
}

.remodal.popupform[data-remodal-id="talep"] .default-form .form-group input[type="text"]:focus,
.remodal.popupform[data-remodal-id="talep"] .default-form .form-group input[type="email"]:focus,
.remodal.popupform[data-remodal-id="talep"] .default-form .form-group input[type="password"]:focus,
.remodal.popupform[data-remodal-id="talep"] .default-form .form-group select:focus,
.remodal.popupform[data-remodal-id="talep"] .default-form .form-group textarea:focus {
    border-color: rgba(71, 183, 255, 0.92);
    background: rgba(255, 255, 255, 0.14);
    box-shadow: 0 0 0 4px rgba(71, 183, 255, 0.15);
    outline: none;
}

.remodal.popupform[data-remodal-id="talep"] .teklif-form .g-recaptcha {
    display: inline-flex;
    justify-content: center;
    width: 100%;
    max-width: 100%;
    padding: 12px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.1);
    transform-origin: center top;
}

.remodal.popupform[data-remodal-id="talep"] .btn-column {
    margin-top: 10px;
}

.remodal.popupform[data-remodal-id="talep"] .btn-column .theme-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-width: 190px;
    min-height: 56px;
    padding: 14px 24px;
    border: 0;
    border-radius: 999px;
    background: #ffffff;
    color: #14314a;
    font-size: 0.92rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    box-shadow: 0 14px 32px rgba(8, 20, 31, 0.16);
    transition: transform .2s ease, box-shadow .2s ease;
}

.remodal.popupform[data-remodal-id="talep"] .btn-column .theme-button .btn-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: rgba(20, 117, 186, 0.12);
    color: #1475ba;
}

.remodal.popupform[data-remodal-id="talep"] .btn-column .theme-button:hover {
    background: #ffffff;
    color: #14314a;
    transform: translateY(-1px);
}

.remodal.popupform[data-remodal-id="talep"] .remodal-close {
    z-index: 2 !important;
    top: 16px;
    right: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.12) !important;
    color: #ffffff !important;
    transition: transform .2s ease, background-color .2s ease;
}

.remodal.popupform[data-remodal-id="talep"] .remodal-close:before {
    font-size: 30px;
    line-height: 42px;
    top: 50%;
    left: 50%;
    width: 42px;
    height: 42px;
    transform: translate(-50%, -50%);
}

.remodal.popupform[data-remodal-id="talep"] .remodal-close:hover {
    background: rgba(255, 255, 255, 0.2) !important;
    transform: rotate(90deg);
}

@media (max-width: 991px) {
    .remodal.popupform[data-remodal-id="talep"] {
        max-width: calc(100vw - 24px);
    }

    .remodal.popupform[data-remodal-id="talep"] .inner-column {
        padding: 36px 26px 30px;
    }

    .remodal.popupform[data-remodal-id="talep"] h2 {
        font-size: 28px;
    }
}

@media (max-width: 575px) {
    .remodal.popupform[data-remodal-id="talep"] .inner-column {
        padding: 32px 18px 24px;
        border-radius: 22px;
    }

    .remodal.popupform[data-remodal-id="talep"] h2 {
        font-size: 24px;
        margin-bottom: 18px;
    }

    .remodal.popupform[data-remodal-id="talep"] .default-form .form-group input[type="text"],
    .remodal.popupform[data-remodal-id="talep"] .default-form .form-group input[type="email"],
    .remodal.popupform[data-remodal-id="talep"] .default-form .form-group input[type="password"],
    .remodal.popupform[data-remodal-id="talep"] .default-form .form-group select {
        height: 52px;
        padding-left: 18px;
        padding-right: 18px;
    }

    .remodal.popupform[data-remodal-id="talep"] .default-form .form-group textarea {
        padding-left: 18px;
        padding-right: 18px;
    }

    .remodal.popupform[data-remodal-id="talep"] .teklif-form .g-recaptcha {
        padding: 8px;
        overflow: auto hidden;
        justify-content: flex-start;
    }

    .remodal.popupform[data-remodal-id="talep"] .btn-column .theme-button {
        width: 100%;
        min-width: 0;
    }
}

/* Final home header merge override */
.temar-v2-shell .header-area {
    background: linear-gradient(180deg, rgba(12, 24, 37, 0.98) 0%, rgba(18, 37, 56, 0.98) 100%);
}

.temar-v2-shell .header-area .header-menu-wrapper,
.temar-v2-shell .header-area .header-menu-wrapper.header-fixed {
    margin-top: 0 !important;
}

.temar-v2-shell .header-area .header-menu-wrapper .row {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.temar-v2-shell .theme-stage.is-home {
    margin-top: 0 !important;
    background: linear-gradient(180deg, #122538 0%, #122538 42px, #f4f7fb 42px, #f4f7fb 100%) !important;
}

.temar-v2-shell .temar-home-slider {
    margin-top: -1px;
    padding-top: 0;
}

/* Back to top - same as genel/style */
#back-to-top {
    position: fixed;
    right: 20px;
    bottom: 40px;
    z-index: 9999;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
    background-color: #fff;
    color: #1475ba;
    -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
    font-size: 18px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    cursor: pointer;
    opacity: 1;
    visibility: hidden;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    border: 1px solid #ddd;
}

#back-to-top i {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#back-to-top:hover {
    background-color: #26a9e1;
    color: #fff;
    border-color: #26a9e1;
}

#back-to-top.back-btn-shown {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

/* Platform hover colors */
.header-socials a[href*="facebook.com"]:hover,
.footer-socials a[href*="facebook.com"]:hover,
.social-profile li a[href*="facebook.com"]:hover,
.tm-team-list-page .tm-team-card .tm-team-card__socials a[href*="facebook.com"]:hover {
    background: #1877f2 !important;
    border-color: #1877f2 !important;
    color: #ffffff !important;
}

.header-socials a[href*="twitter.com"]:hover,
.header-socials a[href*="x.com"]:hover,
.footer-socials a[href*="twitter.com"]:hover,
.footer-socials a[href*="x.com"]:hover,
.social-profile li a[href*="twitter.com"]:hover,
.social-profile li a[href*="x.com"]:hover,
.tm-team-list-page .tm-team-card .tm-team-card__socials a[href*="twitter.com"]:hover,
.tm-team-list-page .tm-team-card .tm-team-card__socials a[href*="x.com"]:hover {
    background: #111111 !important;
    border-color: #111111 !important;
    color: #ffffff !important;
}

.header-socials a[href*="instagram.com"]:hover,
.footer-socials a[href*="instagram.com"]:hover,
.social-profile li a[href*="instagram.com"]:hover,
.tm-team-list-page .tm-team-card .tm-team-card__socials a[href*="instagram.com"]:hover {
    background: linear-gradient(135deg, #f58529 0%, #dd2a7b 52%, #8134af 100%) !important;
    border-color: #dd2a7b !important;
    color: #ffffff !important;
}

.header-socials a[href*="linkedin.com"]:hover,
.footer-socials a[href*="linkedin.com"]:hover,
.social-profile li a[href*="linkedin.com"]:hover,
.tm-team-list-page .tm-team-card .tm-team-card__socials a[href*="linkedin.com"]:hover {
    background: #0a66c2 !important;
    border-color: #0a66c2 !important;
    color: #ffffff !important;
}

.header-socials a[href*="youtube.com"]:hover,
.footer-socials a[href*="youtube.com"]:hover,
.social-profile li a[href*="youtube.com"]:hover,
.tm-team-list-page .tm-team-card .tm-team-card__socials a[href*="youtube.com"]:hover {
    background: #ff0000 !important;
    border-color: #ff0000 !important;
    color: #ffffff !important;
}

.social-profile li a[href*="whatsapp.com"]:hover,
.social-profile li a[href*="api.whatsapp.com"]:hover {
    background: #25d366 !important;
    border-color: #25d366 !important;
    color: #ffffff !important;
}

.social-profile li a[href*="pinterest.com"]:hover {
    background: #e60023 !important;
    border-color: #e60023 !important;
    color: #ffffff !important;
}

/* Team detail */
.tm-team-detail-page .team-detail-area {
    padding: 90px 0 40px;
}

.tm-team-detail-page .team-detail-area .row {
    align-items: center;
}

.tm-team-detail-page .team-detail-area .team-single-img {
    position: relative;
    z-index: 1;
}

.tm-team-detail-page .team-detail-area .team-single-img:before {
    position: absolute;
    content: '';
    inset: 24px auto -24px -24px;
    width: calc(100% - 24px);
    height: calc(100% - 10px);
    border: 1px solid rgba(24, 119, 242, 0.18);
    border-radius: 32px;
    background: linear-gradient(180deg, rgba(24, 119, 242, 0.06) 0%, rgba(10, 27, 46, 0.02) 100%);
    z-index: -2;
}

.tm-team-detail-page .team-detail-area .team-single-img:after {
    position: absolute;
    content: '';
    width: 180px;
    height: 180px;
    left: -46px;
    bottom: -46px;
    background: radial-gradient(circle, rgba(24, 119, 242, 0.16) 0%, rgba(24, 119, 242, 0) 72%);
    z-index: -3;
}

.tm-team-detail-page .team-detail-area .team-single-img .team__img {
    width: 100%;
    display: block;
    border-radius: 30px;
    object-fit: cover;
    box-shadow: 0 30px 70px rgba(10, 27, 46, 0.18);
    background: #eef4fb;
}

.tm-team-detail-page .team-detail-area .team-single-content {
    padding-left: 32px;
}

.tm-team-detail-page .team-detail-area .team-single-content .ts__title {
    margin: 0 0 10px;
    font-size: clamp(2rem, 2.9vw, 3rem);
    line-height: 1.08;
    font-weight: 800;
    color: #1475ba;
}

.tm-team-detail-page .team-detail-area .team-single-content .ts__meta {
    display: block;
    color: #5f6f84;
    font-size: 1rem;
    font-weight: 600;
}

.tm-team-detail-page .team-detail-area .team-single-content .ts__meta2 {
    margin-top: 26px !important;
    font-size: 1rem;
    line-height: 1.9;
    color: #42556b;
}

.tm-team-detail-page .team-detail-area .team-single-content .ts__meta2 p:last-child {
    margin-bottom: 0;
}

.tm-team-detail-page .team-detail-area .team-single-content .ts__contact {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 28px 0 0;
    padding: 0;
    list-style: none;
}

.tm-team-detail-page .team-detail-area .team-single-content .ts__contact li {
    margin: 0;
}

.tm-team-detail-page .team-detail-area .team-single-content .ts__contact li a {
    width: 48px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: #eef4fb;
    border: 1px solid rgba(19, 48, 74, 0.12);
    color: #1475ba;
    transition: all .25s ease;
}

.tm-team-detail-page .team-detail-area .team-single-content .ts__contact li a i {
    margin: 0;
    font-size: 16px;
    line-height: 1;
}

.tm-team-detail-page .team-detail-area .team-single-content .ts__contact li a i:after {
    content: none;
}

.tm-team-detail-page .team-detail-area .team-single-content .ts__contact li a:hover {
    transform: translateY(-2px);
    box-shadow: 0 18px 36px rgba(10, 27, 46, 0.16);
}

.tm-team-detail-page .team-detail-area .team-single-content .ts__contact li a.tm-team-social--facebook:hover {
    background: #1877f2;
    border-color: #1877f2;
    color: #fff;
}

.tm-team-detail-page .team-detail-area .team-single-content .ts__contact li a.tm-team-social--twitter:hover {
    background: #111111;
    border-color: #111111;
    color: #fff;
}

.tm-team-detail-page .team-detail-area .team-single-content .ts__contact li a.tm-team-social--instagram:hover {
    background: linear-gradient(135deg, #f58529 0%, #dd2a7b 52%, #8134af 100%);
    border-color: #dd2a7b;
    color: #fff;
}

.tm-team-detail-page .team-detail-area .team-single-content .ts__contact li a.tm-team-social--linkedin:hover {
    background: #0a66c2;
    border-color: #0a66c2;
    color: #fff;
}

.tm-team-detail-page .team-detail-area .team-single-content .ts__contact li a.tm-team-social--youtube:hover {
    background: #ff0000;
    border-color: #ff0000;
    color: #fff;
}

.tm-team-detail-page .team-detail-area .team-single-content .present-btn {
    margin-top: 28px !important;
}

@media only screen and (max-width: 991px) {
    .tm-team-detail-page .team-detail-area {
        padding: 70px 0 30px;
    }

    .tm-team-detail-page .team-detail-area .team-single-content {
        margin-top: 44px;
        padding-left: 0;
    }
}

@media only screen and (max-width: 575px) {
    .tm-team-detail-page .team-detail-area .team-single-img:before,
    .tm-team-detail-page .team-detail-area .team-single-img:after {
        display: none;
    }

    .tm-team-detail-page .team-detail-area .team-single-img .team__img {
        border-radius: 22px;
    }

    .tm-team-detail-page .team-detail-area .team-single-content .ts__contact {
        gap: 10px;
    }

    .tm-team-detail-page .team-detail-area .team-single-content .ts__contact li a {
        width: 44px;
        height: 44px;
        border-radius: 14px;
    }
}

/* Final cart redesign */
.tm-cart-page .cart-area {
    padding: 84px 0 66px;
    background:
        radial-gradient(circle at top right, rgba(110, 210, 255, 0.08), transparent 18%),
        linear-gradient(180deg, #f7fbff 0%, #ffffff 48%);
}

.tm-cart-page .tm-cart-shell {
    display: grid;
    grid-template-columns: minmax(0, 1.75fr) minmax(320px, 0.95fr);
    gap: 28px;
    align-items: start;
}

.tm-cart-page .tm-cart-shell__main,
.tm-cart-page .tm-cart-shell__side {
    min-width: 0;
}

.tm-cart-page .tm-cart-shell__side {
    display: grid;
    gap: 22px;
    position: sticky;
    top: 116px;
}

.tm-cart-page .tm-cart-shell__hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 24px;
    padding: 28px 30px;
    border-radius: 30px;
    background:
        radial-gradient(circle at top right, rgba(110, 210, 255, 0.12), transparent 24%),
        linear-gradient(135deg, #10283c 0%, #173a58 54%, #10283c 100%);
    color: #f6fbff;
    box-shadow: 0 22px 56px rgba(10, 27, 46, 0.16);
}

.tm-cart-page .tm-cart-shell__eyebrow,
.tm-cart-page .tm-cart-panel__eyebrow,
.tm-cart-page .tm-cart-empty__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    color: rgba(255, 255, 255, 0.72);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.tm-cart-page .tm-cart-shell__title {
    margin: 0;
    color: #ffffff;
    font-size: clamp(1.85rem, 2.4vw, 2.55rem);
    line-height: 1.08;
}

.tm-cart-page .tm-cart-shell__desc {
    max-width: 560px;
    margin: 14px 0 0;
    color: rgba(255, 255, 255, 0.78);
    font-size: 1rem;
    line-height: 1.75;
}

.tm-cart-page .tm-cart-shell__count {
    min-width: 116px;
    padding: 16px 18px;
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.14);
    text-align: center;
    backdrop-filter: blur(8px);
}

.tm-cart-page .tm-cart-shell__count strong {
    display: block;
    color: #ffffff;
    font-size: 2rem;
    line-height: 1;
}

.tm-cart-page .tm-cart-shell__count span {
    display: block;
    margin-top: 8px;
    color: rgba(255, 255, 255, 0.72);
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.tm-cart-page .tm-cart-list {
    display: grid;
    gap: 18px;
}

.tm-cart-page .tm-cart-card {
    display: grid;
    grid-template-columns: 124px minmax(0, 1fr);
    gap: 20px;
    padding: 18px;
    border-radius: 28px;
    border: 1px solid rgba(19, 48, 74, 0.08);
    background: #ffffff;
    box-shadow: 0 18px 44px rgba(10, 27, 46, 0.06);
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.tm-cart-page .tm-cart-card:hover {
    transform: translateY(-2px);
    border-color: rgba(20, 117, 186, 0.18);
    box-shadow: 0 22px 52px rgba(10, 27, 46, 0.09);
}

.tm-cart-page .tm-cart-card__media {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 124px;
    aspect-ratio: 1 / 1;
    padding: 12px;
    border-radius: 22px;
    background: linear-gradient(180deg, #f8fbfe 0%, #eef4fb 100%);
    border: 1px solid rgba(19, 48, 74, 0.08);
    overflow: hidden;
}

.tm-cart-page .tm-cart-card__media img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.tm-cart-page .tm-cart-card__media-fallback {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: linear-gradient(180deg, #edf4fb 0%, #e4eef8 100%);
    color: #8aa0b4;
    font-size: 1.7rem;
}

.tm-cart-page .tm-cart-card__body {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 0;
}

.tm-cart-page .tm-cart-card__top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.tm-cart-page .tm-cart-card__copy {
    min-width: 0;
}

.tm-cart-page .tm-cart-card__title {
    display: inline-block;
    margin: 0 0 8px;
    color: #173147;
    font-size: 1.1rem;
    font-weight: 800;
    line-height: 1.35;
    text-decoration: none;
}

.tm-cart-page .tm-cart-card__title:hover {
    color: #26a9e1;
}

.tm-cart-page .tm-cart-card__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.tm-cart-page .tm-cart-card__tag,
.tm-cart-page .tm-cart-card__note {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 12px;
    border-radius: 999px;
    background: #f4f8fc;
    border: 1px solid rgba(19, 48, 74, 0.08);
    color: #5d7082;
    font-size: 0.82rem;
    line-height: 1.4;
}

.tm-cart-page .tm-cart-card__note a {
    color: #1475ba;
    font-weight: 700;
}

.tm-cart-page .tm-cart-card__remove {
    flex: 0 0 auto;
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(19, 48, 74, 0.10);
    border-radius: 14px;
    background: #ffffff;
    color: #617587;
    transition: transform 0.2s ease, background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.tm-cart-page .tm-cart-card__remove:hover {
    transform: translateY(-1px);
    background: #26a9e1;
    border-color: #26a9e1;
    color: #ffffff;
}

.tm-cart-page .tm-cart-card__bottom {
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(180px, 1.15fr) minmax(0, 0.95fr);
    gap: 12px;
    align-items: stretch;
}

.tm-cart-page .tm-cart-stat {
    padding: 14px 16px;
    min-height: 116px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 18px;
    background: #f8fbfe;
    border: 1px solid rgba(19, 48, 74, 0.08);
}

.tm-cart-page .tm-cart-stat > span {
    display: block;
    margin-bottom: 8px;
    color: #718496;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.tm-cart-page .tm-cart-stat strong {
    display: block;
    color: #173147;
    font-size: 0.98rem;
    line-height: 1.35;
}

.tm-cart-page .tm-cart-stat--total {
    background: linear-gradient(180deg, #f5faff 0%, #edf5fc 100%);
}

.tm-cart-page .tm-cart-stat--quantity .input-number-group {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 164px;
    gap: 6px;
    padding: 6px;
    border-radius: 999px;
    background: #ffffff;
    border: 1px solid rgba(19, 48, 74, 0.08);
}

.tm-cart-page .tm-cart-stat--quantity .input-group-button {
    display: inline-flex;
}

.tm-cart-page .tm-cart-stat--quantity .input-number {
    width: 56px;
    height: 40px;
    flex: 1 1 auto;
    border: 1px solid rgba(19, 48, 74, 0.10);
    border-radius: 999px;
    background: #f6f9fc;
    color: #173147;
    font-weight: 700;
    text-align: center;
}

.tm-cart-page .tm-cart-stat--quantity .input-number-decrement,
.tm-cart-page .tm-cart-stat--quantity .input-number-increment {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid rgba(19, 48, 74, 0.10);
    background: #ffffff;
    color: #173147;
    font-weight: 800;
    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.tm-cart-page .tm-cart-stat--quantity .input-number-decrement:hover,
.tm-cart-page .tm-cart-stat--quantity .input-number-increment:hover {
    background: #1475ba;
    color: #ffffff;
    border-color: #1475ba;
}

.tm-cart-page .tm-cart-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-top: 24px;
    padding: 20px 24px;
    border-radius: 28px;
    background: #ffffff;
    border: 1px solid rgba(19, 48, 74, 0.08);
    box-shadow: 0 16px 38px rgba(10, 27, 46, 0.05);
}

.tm-cart-page .tm-cart-actions__left,
.tm-cart-page .tm-cart-actions__right {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.tm-cart-page .tm-cart-actions__right .theme-button {
    min-width: 210px;
}

.tm-cart-page .tm-cart-actions .theme-button,
.tm-cart-page .tm-cart-coupon-form .theme-button,
.tm-cart-page .tm-cart-checkout .theme-button,
.tm-cart-page .tm-cart-empty .theme-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.tm-cart-page .tm-cart-ghost-button {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 18px;
    border-radius: 999px;
    border: 1px solid rgba(19, 48, 74, 0.10);
    background: #f7fbfe;
    color: #173147;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

.tm-cart-page .tm-cart-ghost-button:hover {
    transform: translateY(-1px);
    background: #eef5fb;
    color: #1475ba;
}

.tm-cart-page .tm-cart-ghost-button--danger:hover {
    background: rgba(220, 53, 69, 0.08);
    color: #c23343;
    border-color: rgba(220, 53, 69, 0.18);
}

.tm-cart-page .tm-cart-panel {
    padding: 28px;
    border-radius: 30px;
    background: #ffffff;
    border: 1px solid rgba(19, 48, 74, 0.08);
    box-shadow: 0 22px 52px rgba(10, 27, 46, 0.06);
}

.tm-cart-page .tm-cart-panel__eyebrow {
    color: #7a8b9b;
    margin-bottom: 10px;
}

.tm-cart-page .tm-cart-panel__title {
    margin: 0;
    color: #173147;
    font-size: 1.5rem;
    line-height: 1.2;
}

.tm-cart-page .tm-cart-panel__desc {
    margin: 14px 0 0;
    color: #607384;
    line-height: 1.8;
}

.tm-cart-page .tm-cart-coupon-form {
    margin-top: 20px;
}

.tm-cart-page .tm-cart-coupon-form .form-group {
    margin-bottom: 12px;
}

.tm-cart-page .tm-cart-coupon-form .form-control {
    height: 56px;
    border: 1px solid rgba(19, 48, 74, 0.10);
    border-radius: 18px;
    background: #f8fbfe;
}

.tm-cart-page .tm-cart-coupon-form .form-control:focus {
    border-color: rgba(20, 117, 186, 0.34);
    box-shadow: 0 0 0 4px rgba(20, 117, 186, 0.08);
}

.tm-cart-page .tm-cart-coupon-active {
    display: grid;
    gap: 6px;
    margin-top: 16px;
    padding: 16px 18px;
    border-radius: 18px;
    background: rgba(20, 117, 186, 0.06);
    border: 1px solid rgba(20, 117, 186, 0.10);
}

.tm-cart-page .tm-cart-coupon-active span {
    color: #6d8193;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.tm-cart-page .tm-cart-coupon-active strong {
    color: #173147;
    font-size: 1rem;
}

.tm-cart-page .tm-cart-coupon-active a {
    color: #26a9e1;
    font-weight: 700;
}

.tm-cart-page .tm-cart-summary {
    display: grid;
    gap: 14px;
    margin-top: 20px;
}

.tm-cart-page .tm-cart-summary__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 0;
    color: #617587;
    border-bottom: 1px dashed rgba(19, 48, 74, 0.10);
}

.tm-cart-page .tm-cart-summary__row:last-child {
    border-bottom: 0;
}

.tm-cart-page .tm-cart-summary__row strong {
    color: #173147;
    font-size: 1rem;
    text-align: right;
}

.tm-cart-page .tm-cart-summary__row--total {
    margin-top: 6px;
    padding: 18px 18px;
    border-radius: 20px;
    background: linear-gradient(180deg, #f4faff 0%, #edf5fc 100%);
    border: 1px solid rgba(19, 48, 74, 0.08);
}

.tm-cart-page .tm-cart-summary__row--total span,
.tm-cart-page .tm-cart-summary__row--total strong {
    color: #10283c;
    font-size: 1.06rem;
    font-weight: 800;
}

.tm-cart-page .tm-cart-checkout {
    margin-top: 22px;
}

.tm-cart-page .tm-cart-checkout .theme-button,
.tm-cart-page .tm-cart-coupon-form .theme-button {
    width: 100%;
}

.tm-cart-page .tm-cart-empty {
    padding: 56px 26px;
    border-radius: 34px;
    text-align: center;
    background:
        radial-gradient(circle at top right, rgba(110, 210, 255, 0.08), transparent 24%),
        linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
    border: 1px solid rgba(19, 48, 74, 0.08);
    box-shadow: 0 24px 58px rgba(10, 27, 46, 0.08);
}

.tm-cart-page .tm-cart-empty__icon {
    width: 86px;
    height: 86px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
    border-radius: 28px;
    background: linear-gradient(135deg, #10283c 0%, #173a58 100%);
    color: #ffffff;
    font-size: 2rem;
    box-shadow: 0 18px 40px rgba(10, 27, 46, 0.14);
}

.tm-cart-page .tm-cart-empty__eyebrow {
    color: #748698;
}

.tm-cart-page .tm-cart-empty__title {
    margin: 0;
    color: #173147;
    font-size: clamp(2rem, 2.8vw, 2.8rem);
    line-height: 1.08;
}

.tm-cart-page .tm-cart-empty__desc {
    max-width: 540px;
    margin: 14px auto 24px;
    color: #627586;
    line-height: 1.8;
}

@media only screen and (max-width: 1199px) {
    .tm-cart-page .tm-cart-shell {
        grid-template-columns: 1fr;
    }

    .tm-cart-page .tm-cart-shell__side {
        position: static;
    }
}

@media only screen and (max-width: 991px) {
    .tm-cart-page .cart-area {
        padding: 74px 0 48px;
    }

    .tm-cart-page .tm-cart-shell__hero {
        padding: 24px;
        border-radius: 24px;
    }

    .tm-cart-page .tm-cart-card {
        grid-template-columns: 112px minmax(0, 1fr);
        gap: 16px;
        padding: 16px;
        border-radius: 24px;
    }

    .tm-cart-page .tm-cart-card__media {
        min-height: 112px;
        border-radius: 18px;
    }

    .tm-cart-page .tm-cart-card__bottom {
        grid-template-columns: 1fr;
    }

    .tm-cart-page .tm-cart-stat {
        min-height: 0;
    }

    .tm-cart-page .tm-cart-actions {
        padding: 20px;
        border-radius: 24px;
        flex-direction: column;
        align-items: stretch;
    }

    .tm-cart-page .tm-cart-actions__left,
    .tm-cart-page .tm-cart-actions__right {
        width: 100%;
    }

    .tm-cart-page .tm-cart-actions__right .theme-button {
        width: 100%;
    }

    .tm-cart-page .tm-cart-panel {
        padding: 22px;
        border-radius: 24px;
    }
}

@media only screen and (max-width: 767px) {
    .tm-cart-page .tm-cart-shell__hero {
        flex-direction: column;
        align-items: stretch;
    }

    .tm-cart-page .tm-cart-shell__count {
        min-width: 0;
        align-self: flex-start;
    }

    .tm-cart-page .tm-cart-card {
        grid-template-columns: 1fr;
    }

    .tm-cart-page .tm-cart-card__media {
        min-height: 220px;
    }

    .tm-cart-page .tm-cart-card__top {
        flex-direction: column;
    }

    .tm-cart-page .tm-cart-card__remove {
        width: 42px;
        height: 42px;
    }

    .tm-cart-page .tm-cart-ghost-button {
        width: 100%;
        justify-content: center;
    }
}

/* Register page */
.tm-register-page .form-shared {
    padding: 78px 0 72px;
    background:
        radial-gradient(circle at top left, rgba(110, 210, 255, 0.08), transparent 20%),
        linear-gradient(180deg, #f7fbff 0%, #ffffff 48%);
}

.tm-register-page .form-shared .contact-form-action {
    padding: 36px 34px 28px;
}

.tm-register-page .form-shared .form-heading {
    margin-bottom: 28px;
}

.tm-register-page .form-shared .form-heading .form__title {
    margin: 0;
    color: #173147;
    font-size: clamp(1.9rem, 2.4vw, 2.45rem);
    line-height: 1.1;
}

.tm-register-page .form-shared .form-heading .form__desc {
    margin: 12px 0 0;
    color: #627586;
    line-height: 1.8;
}

.tm-register-page .payment-radio {
    position: relative;
    display: inline-flex !important;
    align-items: center;
    min-height: 22px;
    margin-bottom: 16px;
    padding-left: 34px !important;
    color: #173147;
    font-weight: 700;
    cursor: pointer;
}

.tm-register-page .payment-radio input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.tm-register-page .payment-radio .checkmark {
    position: absolute;
    left: 0;
    top: 50%;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    transform: translateY(-50%);
    border: 1px solid rgba(19, 49, 74, 0.18);
    background: #ffffff;
    box-shadow: inset 0 0 0 4px #ffffff;
    transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}

.tm-register-page .payment-radio input:checked ~ .checkmark {
    border-color: #1475ba;
    background: #1475ba;
    box-shadow: inset 0 0 0 4px #ffffff;
}

.tm-register-page .payment-radio:hover .checkmark {
    border-color: rgba(20, 117, 186, 0.44);
}

.tm-register-page .form-condition {
    display: grid;
    gap: 14px;
    margin: 6px 0 10px;
}

.tm-register-page .form-condition .custom-checkbox {
    margin: 0 !important;
}

.tm-register-page .custom-checkbox {
    position: relative;
}

.tm-register-page .custom-checkbox input[type=checkbox] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.tm-register-page .custom-checkbox label {
    position: relative;
    display: inline-block;
    margin: 0;
    padding-left: 34px;
    color: #5f7283;
    line-height: 1.75;
    cursor: pointer;
}

.tm-register-page .custom-checkbox label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    width: 22px;
    height: 22px;
    border-radius: 7px;
    border: 1px solid rgba(19, 49, 74, 0.18);
    background: #ffffff;
    transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}

.tm-register-page .custom-checkbox label:after {
    content: "";
    position: absolute;
    left: 8px;
    top: 8px;
    width: 6px;
    height: 10px;
    border-right: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    transform: rotate(45deg) scale(0);
    transition: transform 0.18s ease;
}

.tm-register-page .custom-checkbox input[type=checkbox]:checked + label:before {
    border-color: #1475ba;
    background: #1475ba;
}

.tm-register-page .custom-checkbox input[type=checkbox]:checked + label:after {
    transform: rotate(45deg) scale(1);
}

.tm-register-page .custom-checkbox a {
    color: #1475ba;
    font-weight: 700;
}

.tm-register-page .account-assist {
    padding-top: 10px;
    border-top: 1px solid rgba(19, 49, 74, 0.08);
}

.tm-register-page .account-assist .account__desc {
    margin: 0;
    color: #617587;
    text-align: center;
    line-height: 1.75;
}

.tm-register-page .account-assist .account__desc a {
    color: #1475ba;
    font-weight: 800;
}

.tm-register-page .g-recaptcha {
    transform-origin: left top;
}

@media (max-width: 767px) {
    .tm-register-page .form-shared {
        padding: 56px 0 48px;
    }

    .tm-register-page .form-shared .contact-form-action {
        padding: 26px 22px 20px;
        border-radius: 24px;
    }

    .tm-register-page .payment-radio {
        display: flex !important;
        width: 100%;
        margin-right: 0 !important;
    }

    .tm-register-page .g-recaptcha {
        transform: scale(0.92);
    }
}

/* Login page */
.tm-login-page .btn-facebook {
    width: 100%;
    min-height: 54px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.tm-login-page .custom-checkbox {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    flex-wrap: wrap;
}

.tm-login-page .custom-checkbox .pass__desc {
    margin-left: auto;
    color: #1475ba;
    font-weight: 700;
    line-height: 1.75;
}

.tm-login-page .account-assist.text-center {
    text-align: center;
}

.tm-login-page .account-assist .account__desc2 {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0 18px;
    color: #718496;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.tm-login-page .account-assist .account__desc2:before,
.tm-login-page .account-assist .account__desc2:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 42px;
    height: 1px;
    background: rgba(19, 49, 74, 0.14);
}

.tm-login-page .account-assist .account__desc2:before {
    right: 100%;
}

.tm-login-page .account-assist .account__desc2:after {
    left: 100%;
}

.remodal.popupform[data-remodal-id="sifremi_unuttum"] .inner-column {
    padding: 26px 26px 20px;
}

.remodal.popupform[data-remodal-id="sifremi_unuttum"] .default-form input[type="email"] {
    min-height: 54px;
    padding: 14px 18px;
    border-radius: 16px;
    border: 1px solid rgba(19, 49, 74, 0.12);
    background: linear-gradient(180deg, #ffffff 0%, #f8fbfd 100%);
}

.remodal.popupform[data-remodal-id="sifremi_unuttum"] .sifremi_unuttum_aciklama {
    border-radius: 16px;
    border: 1px solid rgba(20, 117, 186, 0.12);
    background: rgba(20, 117, 186, 0.06);
    color: #173147;
}

@media (max-width: 767px) {
    .tm-login-page .custom-checkbox {
        flex-direction: column;
        align-items: flex-start;
    }

    .tm-login-page .custom-checkbox .pass__desc {
        margin-left: 34px;
    }

    .tm-login-page .account-assist .account__desc2 {
        padding: 0;
    }

    .tm-login-page .account-assist .account__desc2:before,
    .tm-login-page .account-assist .account__desc2:after {
        display: none;
    }
}

/* Account dashboard page */
.tm-account-dashboard-page .checkout-area {
    padding: 56px 0 80px;
}

.tm-account-dashboard-page .billing-content {
    position: relative;
    overflow: hidden;
    padding: 28px;
    border-radius: 30px;
    border: 1px solid rgba(20, 117, 186, 0.08);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(245, 249, 252, 0.98) 100%),
        radial-gradient(circle at top right, rgba(20, 117, 186, 0.08), transparent 36%);
    box-shadow: 0 26px 55px rgba(18, 48, 74, 0.08);
}

.tm-account-dashboard-page .card-header-wrap {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 22px;
}

.tm-account-dashboard-page .billing-content .checkout__title {
    margin: 0;
    color: #12304a;
    font-size: 28px;
    font-weight: 800;
    line-height: 1.25;
}

.tm-account-dashboard-page .billing-content .checkout__title strong {
    color: #1475ba;
}

.tm-account-dashboard-page .tile {
    position: relative;
    min-height: 164px;
    padding: 26px 24px !important;
    border: 0 !important;
    border-radius: 26px;
    background: linear-gradient(180deg, #ffffff 0%, #f7fbfe 100%) !important;
    box-shadow: inset 0 0 0 1px rgba(20, 117, 186, 0.08);
}

.tm-account-dashboard-page .tile a {
    display: block;
    height: 100%;
    color: inherit;
    text-decoration: none;
}

.tm-account-dashboard-page .tile .icon {
    position: absolute;
    right: 22px;
    top: 22px;
    font-size: 34px;
    line-height: 1;
    color: rgba(18, 48, 74, 0.22);
}

.tm-account-dashboard-page .tile .stat {
    margin-top: 28px;
    color: #12304a;
    font-size: 40px;
    line-height: 1;
    font-weight: 800;
}

.tm-account-dashboard-page .tile .title {
    margin-top: 14px;
    color: #6c8296;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.tm-account-dashboard-page .tile .highlight {
    width: 56px;
    height: 4px;
    margin-top: 16px;
    border-radius: 999px;
}

.tm-account-dashboard-page .bg-color-blue {
    background: linear-gradient(90deg, #0c93e4 0%, #38bdf8 100%);
}

.tm-account-dashboard-page .bg-color-green {
    background: linear-gradient(90deg, #12b981 0%, #36d399 100%);
}

.tm-account-dashboard-page .bg-color-red {
    background: linear-gradient(90deg, #ef4444 0%, #fb7185 100%);
}

.tm-account-dashboard-page .bg-color-gold {
    background: linear-gradient(90deg, #f59e0b 0%, #fbbf24 100%);
}

.tm-account-dashboard-page .card-content .list-group {
    display: grid;
    gap: 12px;
    margin: 0;
}

.tm-account-dashboard-page .card-content .list-group a {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 58px;
    padding: 16px 18px;
    border: 1px solid rgba(20, 117, 186, 0.1);
    border-radius: 18px;
    background: linear-gradient(180deg, #ffffff 0%, #f6fafd 100%);
    color: #12304a;
    font-weight: 700;
    text-decoration: none;
    transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, color 0.25s ease;
}

.tm-account-dashboard-page .card-content .list-group a:hover {
    transform: translateY(-2px);
    border-color: rgba(20, 117, 186, 0.28);
    box-shadow: 0 18px 35px rgba(18, 48, 74, 0.08);
    color: #1475ba;
}

.tm-account-dashboard-page .card-content .list-group-item i:not(.fa-circle):not(.fa-dot-circle) {
    flex: 0 0 22px;
    margin: 0;
    float: none;
    line-height: 1;
    font-size: 18px;
    color: rgba(20, 117, 186, 0.75);
}

.tm-account-dashboard-page .btn-outline-site {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 16px;
    border-radius: 999px;
    border: 1px solid rgba(20, 117, 186, 0.18);
    background: rgba(20, 117, 186, 0.06);
    color: #1475ba;
    font-weight: 800;
    text-decoration: none;
    transition: background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease;
}

.tm-account-dashboard-page .btn-outline-site:hover {
    background: #1475ba;
    border-color: #1475ba;
    color: #fff;
}

.tm-account-dashboard-page .contact-form-action {
    overflow-x: auto;
}

.tm-account-dashboard-page .uyepanel {
    margin: 0;
    border-collapse: separate;
    border-spacing: 0;
}

.tm-account-dashboard-page .uyepanel thead th {
    padding: 16px 14px;
    border: 0;
    border-bottom: 1px solid rgba(18, 48, 74, 0.08);
    color: #6b7e90;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    background: transparent;
}

.tm-account-dashboard-page .uyepanel tbody td,
.tm-account-dashboard-page .uyepanel tbody th {
    padding: 18px 14px;
    border: 0;
    border-bottom: 1px solid rgba(18, 48, 74, 0.06);
    vertical-align: middle;
    background: transparent;
}

.tm-account-dashboard-page .uyepanel tbody tr:last-child td,
.tm-account-dashboard-page .uyepanel tbody tr:last-child th {
    border-bottom: 0;
}

.tm-account-dashboard-page .uyepanel a,
.tm-account-dashboard-page .uyepanel .link {
    color: #12304a;
    font-weight: 700;
    text-decoration: none;
}

.tm-account-dashboard-page .uyepanel a:hover,
.tm-account-dashboard-page .uyepanel .link:hover {
    color: #1475ba;
}

.tm-account-dashboard-page .t-detail {
    margin: 8px 0 0;
    color: #7d8fa0;
    font-size: 13px;
    line-height: 1.6;
}

.tm-account-dashboard-page .uyepanel .alert {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    margin: 0;
    padding: 8px 14px;
    border: 0;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.04em;
}

.tm-account-dashboard-page .uyepanel .btn-outline-site.btn-sm {
    min-width: 44px;
    min-height: 44px;
    padding: 0 14px;
}

.tm-order-detail-page .contact-form-action > .card {
    margin: 0 0 20px;
    border: 1px solid rgba(18, 48, 74, 0.08);
    border-radius: 24px;
    background: linear-gradient(180deg, #ffffff 0%, #f7fbfe 100%);
    box-shadow: 0 16px 34px rgba(18, 48, 74, 0.06);
    overflow: hidden;
}

.tm-order-detail-page .contact-form-action > .card:last-child {
    margin-bottom: 0;
}

.tm-order-detail-page .contact-form-action > .card > .card-header {
    padding: 18px 24px;
    border: 0;
    border-bottom: 1px solid rgba(18, 48, 74, 0.08);
    background: rgba(20, 117, 186, 0.06);
    color: #12304a;
    font-size: 16px;
    font-weight: 800;
}

.tm-order-detail-page .contact-form-action > .card > .card-body {
    padding: 24px;
}

.tm-order-detail-page .contact-form-action .row.mt-3 {
    margin-top: 0 !important;
    row-gap: 10px;
}

.tm-order-detail-page .contact-form-action strong {
    color: #12304a;
}

.tm-order-detail-page .badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 8px 14px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.04em;
}

.tm-order-detail-page .varyant {
    display: inline-block;
    margin: 6px 8px 0 0;
    color: #6b7e90;
    font-size: 13px;
    font-style: normal;
}

.tm-order-detail-page .content-page > .row {
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid rgba(18, 48, 74, 0.08);
}

.tm-order-detail-page .content-page > .row > div {
    margin-bottom: 10px;
}

.tm-support-detail-page .destek-ozet {
    margin: 0 0 20px;
    row-gap: 16px;
}

.tm-support-detail-page .d-box {
    height: 100%;
    padding: 18px 20px;
    border: 1px solid rgba(18, 48, 74, 0.08);
    border-radius: 22px;
    background: linear-gradient(180deg, #ffffff 0%, #f7fbfe 100%);
    box-shadow: 0 14px 32px rgba(18, 48, 74, 0.06);
}

.tm-support-detail-page .d-box strong {
    display: block;
    margin-bottom: 10px;
    color: #6b7e90;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.tm-support-detail-page .d-box p {
    margin: 0;
    color: #12304a;
    font-size: 16px;
    font-weight: 700;
}

.tm-support-detail-page .box-success,
.tm-support-detail-page .box-danger,
.tm-support-detail-page .box-info {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 8px 14px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.04em;
}

.tm-support-detail-page .box-success {
    background: rgba(16, 185, 129, 0.14);
    color: #059669;
}

.tm-support-detail-page .box-danger {
    background: rgba(239, 68, 68, 0.14);
    color: #dc2626;
}

.tm-support-detail-page .box-info {
    background: rgba(20, 117, 186, 0.14);
    color: #1475ba;
}

.tm-support-detail-page .contact-form-action .btn {
    min-height: 46px;
    border-radius: 999px;
    font-weight: 800;
}

.tm-support-detail-page .contact-form-action .collapse {
    margin-top: 18px;
}

.tm-support-detail-page .contact-form-action textarea.form-control {
    min-height: 180px;
    border: 1px solid rgba(18, 48, 74, 0.1);
    border-radius: 20px;
    background: #f7fbfe;
    box-shadow: none;
}

.tm-support-detail-page .contact-form-action textarea.form-control:focus {
    border-color: rgba(20, 117, 186, 0.34);
    background: #fff;
}

.tm-support-detail-page .contact-form-action input[type=\"file\"] {
    display: block;
    width: 100%;
    padding: 14px 16px;
    border: 1px dashed rgba(20, 117, 186, 0.22);
    border-radius: 18px;
    background: rgba(20, 117, 186, 0.04);
}

.tm-support-detail-page .message-box-m,
.tm-support-detail-page .message-box-y {
    margin-bottom: 18px;
    padding: 22px 24px;
    border-radius: 24px;
    border: 1px solid rgba(18, 48, 74, 0.08);
    box-shadow: 0 16px 34px rgba(18, 48, 74, 0.06);
}

.tm-support-detail-page .message-box-m {
    background: linear-gradient(180deg, #ffffff 0%, #f7fbfe 100%);
}

.tm-support-detail-page .message-box-y {
    background: linear-gradient(180deg, rgba(20, 117, 186, 0.1) 0%, rgba(255, 255, 255, 0.96) 100%);
}

.tm-support-detail-page .message-box-m h4,
.tm-support-detail-page .message-box-y h4 {
    margin: 0;
    color: #12304a;
    font-size: 18px;
    font-weight: 800;
}

.tm-support-detail-page .message-box-m h4 small,
.tm-support-detail-page .message-box-y h4 span {
    color: #6b7e90;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.tm-support-detail-page .message-box-m p,
.tm-support-detail-page .message-box-y p {
    margin-bottom: 10px;
    color: #4d6478;
    line-height: 1.7;
}

.tm-support-detail-page .message-box-m hr,
.tm-support-detail-page .message-box-y hr {
    margin: 14px 0 18px;
    border-color: rgba(18, 48, 74, 0.08);
}

.tm-support-detail-page .ticket-attachment-file {
    margin-bottom: 10px;
}

.tm-support-detail-page .ticket-attachment-file a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 40px;
    padding: 0 16px;
    border-radius: 999px;
    background: rgba(20, 117, 186, 0.08);
    color: #1475ba;
    font-weight: 800;
    text-decoration: none;
}

.tm-support-detail-page .ticket-attachment-file a:hover {
    background: #1475ba;
    color: #fff;
}

@media (max-width: 991px) {
    .tm-account-dashboard-page .checkout-area {
        padding: 44px 0 64px;
    }

    .tm-account-dashboard-page .billing-content {
        margin-bottom: 26px;
    }

    .tm-order-detail-page .contact-form-action > .card > .card-header,
    .tm-order-detail-page .contact-form-action > .card > .card-body {
        padding: 18px;
    }

    .tm-support-detail-page .message-box-m,
    .tm-support-detail-page .message-box-y {
        padding: 18px;
    }
}

@media (max-width: 767px) {
    .tm-account-dashboard-page .billing-content {
        padding: 22px 18px;
        border-radius: 24px;
    }

    .tm-account-dashboard-page .billing-content .checkout__title {
        font-size: 24px;
    }

    .tm-account-dashboard-page .card-header-wrap {
        flex-direction: column;
        align-items: flex-start;
    }

    .tm-account-dashboard-page .tile {
        min-height: 146px;
    }

    .tm-account-dashboard-page .tile .stat {
        font-size: 34px;
    }
}

/* Account details page */
.tm-account-details-page .card-content.contact-form-action {
    overflow: visible;
}

.tm-account-details-page .contact-form-action .row {
    row-gap: 4px;
}

.tm-account-details-page .contact-form-action .form-group {
    margin-bottom: 18px;
}

.tm-account-details-page .contact-form-action .label-text {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.tm-account-details-page .payment-radio {
    margin-top: 6px;
    margin-bottom: 20px;
}

.tm-account-details-page .form-condition {
    padding-top: 8px;
}

.tm-account-details-page .chosen-container {
    width: 100% !important;
}

.tm-account-details-page .chosen-container-single .chosen-single {
    height: 58px;
    display: flex;
    align-items: center;
    padding: 0 18px;
    border-radius: 18px;
    border: 1px solid rgba(18, 48, 74, 0.12);
    background: linear-gradient(180deg, #ffffff 0%, #f8fbfd 100%);
    box-shadow: none;
}

.tm-account-details-page .chosen-container-single .chosen-single span {
    color: #173147;
    font-weight: 600;
    line-height: 56px;
}

.tm-account-details-page .chosen-container-single .chosen-single div {
    right: 14px;
}

.tm-account-details-page .chosen-container-single .chosen-single div b {
    background-position: 0 18px;
}

.tm-account-details-page .chosen-container-active.chosen-with-drop .chosen-single {
    border-color: rgba(20, 117, 186, 0.35);
    box-shadow: 0 0 0 4px rgba(20, 117, 186, 0.08);
}

.tm-account-details-page .chosen-container .chosen-drop {
    margin-top: 10px;
    border: 1px solid rgba(18, 48, 74, 0.08);
    border-radius: 18px;
    box-shadow: 0 22px 40px rgba(18, 48, 74, 0.12);
    overflow: hidden;
}

.tm-account-details-page .chosen-container .chosen-results {
    margin: 0;
    padding: 8px;
}

.tm-account-details-page .chosen-container .chosen-results li {
    padding: 10px 12px;
    border-radius: 12px;
}

.tm-account-details-page .chosen-container .chosen-results li.highlighted {
    background: rgba(20, 117, 186, 0.1);
    color: #12304a;
}

@media (max-width: 767px) {
    .tm-account-details-page .payment-radio {
        margin-bottom: 12px;
    }

    .tm-account-details-page .form-condition {
        display: grid;
        gap: 10px;
    }
}

/* Support list page */
.tm-support-list-page .contact-form-action {
    overflow-x: auto;
}

.tm-support-list-page .dataTables_wrapper .row {
    align-items: center;
}

.tm-support-list-page .dataTables_wrapper .dataTables_length,
.tm-support-list-page .dataTables_wrapper .dataTables_filter,
.tm-support-list-page .dataTables_wrapper .dataTables_info,
.tm-support-list-page .dataTables_wrapper .dataTables_paginate {
    margin-bottom: 16px;
    color: #6f8293;
    font-weight: 600;
}

.tm-support-list-page .dataTables_wrapper .dataTables_length label,
.tm-support-list-page .dataTables_wrapper .dataTables_filter label {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    color: #6f8293;
    font-weight: 700;
}

.tm-support-list-page .dataTables_wrapper .dataTables_filter {
    text-align: right;
}

.tm-support-list-page .dataTables_wrapper .dataTables_filter input,
.tm-support-list-page .dataTables_wrapper .dataTables_length select {
    height: 46px;
    margin-left: 0;
    padding: 0 16px;
    border-radius: 14px;
    border: 1px solid rgba(18, 48, 74, 0.12);
    background: linear-gradient(180deg, #ffffff 0%, #f8fbfd 100%);
    color: #173147;
    box-shadow: none;
}

.tm-support-list-page .dataTables_wrapper .dataTables_filter input:focus,
.tm-support-list-page .dataTables_wrapper .dataTables_length select:focus {
    border-color: rgba(20, 117, 186, 0.35);
    box-shadow: 0 0 0 4px rgba(20, 117, 186, 0.08);
    outline: 0;
}

.tm-support-list-page .dataTables_wrapper .dataTables_paginate .paginate_button {
    min-width: 42px;
    min-height: 42px;
    margin-left: 8px;
    padding: 9px 14px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(18, 48, 74, 0.12) !important;
    background: linear-gradient(180deg, #ffffff 0%, #f7fbfe 100%) !important;
    color: #173147 !important;
    font-weight: 700;
    box-shadow: none !important;
}

.tm-support-list-page .dataTables_wrapper .dataTables_paginate .paginate_button.current,
.tm-support-list-page .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    border-color: #1475ba !important;
    background: #1475ba !important;
    color: #fff !important;
}

.tm-support-list-page .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
    opacity: 0.5;
    cursor: not-allowed !important;
}

@media (max-width: 767px) {
    .tm-support-list-page .dataTables_wrapper .dataTables_filter {
        text-align: left;
    }

    .tm-support-list-page .dataTables_wrapper .dataTables_length label,
    .tm-support-list-page .dataTables_wrapper .dataTables_filter label {
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }

    .tm-support-list-page .dataTables_wrapper .dataTables_filter input,
    .tm-support-list-page .dataTables_wrapper .dataTables_length select {
        width: 100%;
    }

    .tm-support-list-page .dataTables_wrapper .dataTables_paginate {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        justify-content: flex-start;
    }

    .tm-support-list-page .dataTables_wrapper .dataTables_paginate .paginate_button {
        margin-left: 0;
    }
}

/* Support create page */
.tm-support-create-page .card-content.contact-form-action {
    overflow: visible;
}

.tm-support-create-page .contact-form-action .row {
    row-gap: 4px;
}

.tm-support-create-page .contact-form-action .form-group {
    margin-bottom: 18px;
}

.tm-support-create-page .contact-form-action .label-text {
    display: inline-flex;
    align-items: center;
    margin-bottom: 10px;
}

.tm-support-create-page .contact-form-action .form-control {
    min-height: 56px;
}

.tm-support-create-page .contact-form-action .message-control {
    min-height: 200px;
    padding-top: 16px;
    resize: vertical;
}

.tm-support-create-page .tm-file-input {
    display: block;
    width: 100%;
    min-height: 56px;
    padding: 14px 16px;
    border: 1px dashed rgba(20, 117, 186, 0.2);
    border-radius: 18px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbfd 100%);
    color: #173147;
}

.tm-support-create-page .tm-file-hint {
    display: block;
    margin-top: 10px;
    color: #7b8ea0;
    font-size: 13px;
    line-height: 1.6;
}

.tm-support-create-page .tm-support-submit {
    margin-top: 18px;
    float: right;
}

@media (max-width: 767px) {
    .tm-support-create-page .tm-support-submit {
        float: none;
        width: 100%;
    }
}

/* Checkout page */
.tm-checkout-page .checkout-area {
    padding: 56px 0 80px;
}

.tm-checkout-page .billing-content {
    position: relative;
    overflow: hidden;
    padding: 28px;
    border-radius: 30px;
    border: 1px solid rgba(20, 117, 186, 0.08);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(245, 249, 252, 0.98) 100%),
        radial-gradient(circle at top right, rgba(20, 117, 186, 0.08), transparent 36%);
    box-shadow: 0 26px 55px rgba(18, 48, 74, 0.08);
}

.tm-checkout-page .card-header-wrap {
    margin-bottom: 22px;
}

.tm-checkout-page .billing-content .checkout__title {
    margin: 0;
    color: #12304a;
    font-size: 28px;
    font-weight: 800;
    line-height: 1.25;
}

.tm-checkout-page .card-content.contact-form-action {
    overflow: visible;
}

.tm-checkout-page .contact-form-action .row {
    row-gap: 4px;
}

.tm-checkout-page .contact-form-action .form-group {
    margin-bottom: 18px;
}

.tm-checkout-page .contact-form-action textarea.form-control {
    min-height: 148px;
    resize: vertical;
}

.tm-checkout-page .checkout-table {
    width: 100%;
    margin: 0;
    font-size: 15px;
}

.tm-checkout-page .checkout-table .checktable__head > tr > th {
    padding: 0 0 12px;
    border: 0;
    color: #6b7e90;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.tm-checkout-page .checkout-table .checktable__head > tr > th:last-child,
.tm-checkout-page .checkout-table .checktable__body > tr > td:last-child,
.tm-checkout-page .checkout-table .checktable__foot > tr > td:last-child {
    text-align: right;
}

.tm-checkout-page .checkout-table .checktable__body tr th,
.tm-checkout-page .checkout-table .checktable__body tr td,
.tm-checkout-page .checkout-table .checktable__foot tr th,
.tm-checkout-page .checkout-table .checktable__foot tr td {
    padding: 10px 0;
    border: 0;
    line-height: 1.75;
}

.tm-checkout-page .checkout-table .checktable__body tr th,
.tm-checkout-page .checkout-table .checktable__foot tr th {
    color: #12304a;
    font-weight: 700;
}

.tm-checkout-page .checkout-table .checktable__body tr td {
    color: #6c8296;
    font-weight: 600;
}

.tm-checkout-page .checkout-table tbody + tbody {
    border-top: 1px solid rgba(18, 48, 74, 0.1);
}

.tm-checkout-page .checkout-table .checktable__products tr:first-child > *,
.tm-checkout-page .checkout-table .checktable__subtotals tr:first-child > * {
    padding-top: 16px;
}

.tm-checkout-page .checkout-table .checktable__products tr:last-child > *,
.tm-checkout-page .checkout-table .checktable__subtotals tr:last-child > * {
    padding-bottom: 16px;
}

.tm-checkout-page .checkout-table .checktable__foot tr th,
.tm-checkout-page .checkout-table .checktable__foot tr td {
    padding-top: 18px;
    font-size: 22px;
    font-weight: 800;
    color: #12304a;
}

.tm-checkout-page .payment-method-area {
    margin-top: 10px;
    padding-top: 24px;
    border-top: 1px solid rgba(18, 48, 74, 0.1);
}

.tm-checkout-page .payment-method-wrap .payment-radio {
    display: block;
    margin-bottom: 14px;
}

.tm-checkout-page .payment-method-wrap .theme-button {
    margin-top: 24px;
}

.tm-checkout-page .sepet_bos {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 48px 28px;
    border-radius: 30px;
    border: 1px solid rgba(20, 117, 186, 0.08);
    background: linear-gradient(180deg, #ffffff 0%, #f6fbfe 100%);
    box-shadow: 0 26px 55px rgba(18, 48, 74, 0.08);
    text-align: center;
}

.tm-checkout-page .sepet_bos .uyari {
    color: #12304a;
    font-size: 30px;
    font-weight: 800;
}

.tm-checkout-page .sepet_bos .bilgi {
    max-width: 620px;
    color: #6f8293;
    font-size: 16px;
    line-height: 1.75;
}

.tm-checkout-page .modal-content {
    border: 0;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 28px 60px rgba(18, 48, 74, 0.18);
}

.tm-checkout-page .modal-header {
    border-bottom: 0;
}

.tm-checkout-page .modal-header .close {
    color: #fff;
    opacity: 1;
}

.tm-checkout-page .modal-title {
    font-size: 22px;
    font-weight: 800;
    letter-spacing: 0.02em;
}

.tm-checkout-page .modal-body {
    padding: 28px 28px 16px;
}

.tm-checkout-page .modal-footer {
    border-top: 0;
    padding: 12px 28px 28px;
}

.tm-checkout-page .hesapinfobloktitle {
    color: #12304a;
    font-size: 24px;
    font-weight: 800;
    margin-bottom: 12px;
}

.tm-checkout-page #havaleileode .modal-body p {
    margin-bottom: 0;
    color: #6f8293;
    font-size: 16px;
    line-height: 1.85;
}

.tm-checkout-page #havaleileode .form-group {
    margin-top: 24px !important;
    margin-bottom: 0;
    padding: 22px;
    border: 1px solid rgba(20, 117, 186, 0.1);
    border-radius: 22px;
    background: linear-gradient(180deg, #ffffff 0%, #f7fbfe 100%);
}

.tm-checkout-page #havaleileode .form-group label {
    display: block;
    margin-bottom: 10px;
    color: #12304a;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.tm-checkout-page #havaleileode .form-control {
    min-height: 56px;
    border-radius: 18px;
    border: 1px solid rgba(18, 48, 74, 0.12);
    background: linear-gradient(180deg, #ffffff 0%, #f8fbfd 100%);
    color: #173147;
    box-shadow: none;
}

.tm-checkout-page #havaleileode .form-control:focus {
    border-color: rgba(20, 117, 186, 0.35);
    box-shadow: 0 0 0 4px rgba(20, 117, 186, 0.08);
}

.tm-checkout-page #havaleileode .modal-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
}

.tm-checkout-page #havaleileode .btn-site,
.tm-checkout-page #havaleileode .btn-secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    padding: 0 22px;
    border: 0;
    border-radius: 999px;
    font-weight: 800;
    letter-spacing: 0.02em;
    box-shadow: none;
}

.tm-checkout-page #havaleileode .btn-site {
    background: linear-gradient(135deg, #1475ba 0%, #6fbef2 100%);
    color: #fff;
}

.tm-checkout-page #havaleileode .btn-secondary {
    background: #edf3f8;
    color: #173147;
}

@media (max-width: 767px) {
    .tm-checkout-page .modal-title {
        font-size: 18px;
    }

    .tm-checkout-page #havaleileode .modal-body {
        padding: 22px 18px 12px;
    }

    .tm-checkout-page #havaleileode .form-group {
        padding: 18px;
        border-radius: 18px;
    }

    .tm-checkout-page #havaleileode .modal-footer {
        flex-direction: column;
        align-items: stretch;
        padding: 10px 18px 22px;
    }

    .tm-checkout-page #havaleileode .btn-site,
    .tm-checkout-page #havaleileode .btn-secondary {
        width: 100%;
    }
}

@media (max-width: 991px) {
    .tm-checkout-page .checkout-area {
        padding: 44px 0 64px;
    }

    .tm-checkout-page .billing-content {
        margin-bottom: 26px;
    }
}

@media (max-width: 767px) {
    .tm-checkout-page .billing-content {
        padding: 22px 18px;
        border-radius: 24px;
    }

    .tm-checkout-page .billing-content .checkout__title {
        font-size: 24px;
    }

    .tm-checkout-page .checkout-table .checktable__head > tr > th,
    .tm-checkout-page .checkout-table .checktable__body > tr > td:last-child,
    .tm-checkout-page .checkout-table .checktable__foot > tr > td:last-child {
        text-align: left;
    }

    .tm-checkout-page .checkout-table .checktable__foot tr th,
    .tm-checkout-page .checkout-table .checktable__foot tr td {
        font-size: 20px;
    }

    .tm-checkout-page .sepet_bos .uyari {
        font-size: 24px;
    }
}

/* Result page */
.tm-result-page .billing-content {
    max-width: 980px;
    margin: 0 auto;
}

.tm-result-page .order-complete-box {
    width: 100%;
    padding: 18px 0 6px;
    text-align: center;
}

.tm-result-page__icon {
    display: inline-block;
    width: 120px;
    height: auto;
    margin-bottom: 24px;
}

.tm-result-page__copy {
    max-width: 720px;
    margin: 0 auto 32px;
    color: #6c8296;
    font-size: 22px;
    line-height: 1.75;
}

.tm-result-page__copy strong {
    color: #12304a;
    font-weight: 800;
}

.tm-result-page__bank-table {
    margin-top: 10px;
    border-radius: 26px;
    border: 1px solid rgba(20, 117, 186, 0.1);
    background: linear-gradient(180deg, #ffffff 0%, #f7fbfe 100%);
    box-shadow: 0 22px 40px rgba(18, 48, 74, 0.08);
    overflow: hidden;
}

.tm-result-page__bank-table table {
    margin: 0;
}

.tm-result-page__bank-table td {
    padding: 18px !important;
    border-bottom-color: rgba(18, 48, 74, 0.1) !important;
}

.tm-result-page__bank-table h3,
.tm-result-page__bank-table h4 {
    margin: 0;
    color: #12304a;
}

.tm-result-page .mobbankalogo img {
    display: inline-block;
    max-width: 200px;
    width: 100%;
    height: auto;
    object-fit: contain;
}

.tm-result-page__bank-meta {
    margin: 0;
    padding-left: 12px !important;
}

.tm-result-page__bank-meta li {
    margin-bottom: 10px;
    color: #173147;
    font-size: 15px;
    line-height: 1.7 !important;
}

.tm-result-page__bank-meta li:last-child {
    margin-bottom: 0;
}

.tm-result-page__note {
    margin-top: 10px;
    color: #617687;
    font-size: 18px;
    line-height: 1.7;
}

.tm-result-page__note--strong {
    margin-top: 24px;
    color: #12304a;
    font-weight: 800;
}

@media (max-width: 767px) {
    .tm-result-page .order-complete-box {
        padding-top: 6px;
    }

    .tm-result-page__icon {
        width: 96px;
        margin-bottom: 18px;
    }

    .tm-result-page__copy {
        font-size: 18px;
        line-height: 1.65;
        margin-bottom: 24px;
    }

    .tm-result-page__bank-table td {
        display: block;
        width: 100% !important;
        text-align: left !important;
    }

    .tm-result-page .mobbankalogo {
        text-align: center !important;
    }

    .tm-result-page__note {
        font-size: 16px;
    }
}

/* Bank accounts page */
.tm-bank-accounts-page .tm-bank-accounts-grid {
    padding: 56px 0 28px;
}

.tm-bank-accounts-page .workers-col {
    margin-bottom: 28px;
}

.tm-bank-accounts-page .tm-bank-card {
    height: 100%;
    padding: 0;
    border: 1px solid rgba(20, 117, 186, 0.1);
    border-radius: 30px;
    background: linear-gradient(180deg, #ffffff 0%, #f7fbfe 100%);
    box-shadow: 0 22px 45px rgba(18, 48, 74, 0.08);
    overflow: hidden;
    transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
}

.tm-bank-accounts-page .tm-bank-card:hover {
    transform: translateY(-4px);
    border-color: rgba(20, 117, 186, 0.22);
    box-shadow: 0 28px 54px rgba(18, 48, 74, 0.12);
}

.tm-bank-accounts-page .tm-bank-card .row {
    min-height: 188px;
}

.tm-bank-accounts-page .tm-bank-card__logo {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 188px;
    padding: 26px 18px;
    background:
        radial-gradient(circle at top left, rgba(20, 117, 186, 0.1), transparent 54%),
        linear-gradient(180deg, #f7fbfe 0%, #eef5fa 100%);
}

.tm-bank-accounts-page .tm-bank-card__logo img {
    max-width: 100%;
    max-height: 88px;
    width: auto;
    height: auto;
    object-fit: contain;
}

.tm-bank-accounts-page .tm-bank-card__info {
    display: flex;
    align-items: center;
    min-height: 188px;
    padding: 24px 28px 24px 12px;
}

.tm-bank-accounts-page .tm-bank-card__meta {
    margin: 0;
    color: #587184;
    font-size: 15px;
    line-height: 1.9;
}

.tm-bank-accounts-page .tm-bank-card__meta strong {
    color: #12304a;
    font-weight: 800;
}

.tm-bank-accounts-page__empty {
    padding: 24px 26px;
    border: 1px solid rgba(241, 180, 76, 0.24);
    border-radius: 22px;
    background: linear-gradient(180deg, #fffdf5 0%, #fff7de 100%);
    color: #7a5a12;
    box-shadow: 0 18px 32px rgba(18, 48, 74, 0.05);
}

.tm-bank-accounts-page__empty p {
    margin-bottom: 8px;
}

@media (max-width: 991px) {
    .tm-bank-accounts-page .tm-bank-card .row {
        min-height: 0;
    }

    .tm-bank-accounts-page .tm-bank-card__logo,
    .tm-bank-accounts-page .tm-bank-card__info {
        min-height: 164px;
    }
}

@media (max-width: 767px) {
    .tm-bank-accounts-page .tm-bank-accounts-grid {
        padding: 44px 0 20px;
    }

    .tm-bank-accounts-page .tm-bank-card {
        border-radius: 24px;
    }

    .tm-bank-accounts-page .tm-bank-card__logo,
    .tm-bank-accounts-page .tm-bank-card__info {
        min-height: 0;
        padding: 22px 20px;
    }

    .tm-bank-accounts-page .tm-bank-card__info {
        padding-top: 0;
    }

    .tm-bank-accounts-page .tm-bank-card__meta {
        font-size: 14px;
        line-height: 1.8;
    }
}