body.palette-brand-red.page-about {
  --about-brand-red: #d72a2a;
  --about-brand-red-hover: #b52020;
  --about-brand-white: #ffffff;
  --about-brand-black: #000000;
  --about-brand-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  --about-brand-border: rgba(215, 42, 42, 0.18);
  --tp-common-white: var(--about-brand-white);
  --tp-common-white-2: rgba(255, 255, 255, 0.78);
  --tp-common-black: var(--about-brand-black);
  --tp-common-yellow: var(--about-brand-red);
  --tp-common-sky: var(--about-brand-red);
  --tp-common-sky-2: var(--about-brand-white);
  --tp-common-pink: var(--about-brand-red);
  --tp-heading-primary: var(--about-brand-black);
  --tp-grey-1: rgba(0, 0, 0, 0.15);
  --tp-grey-2: var(--about-brand-white);
  --tp-text-body: var(--about-brand-black);
  --tp-theme-1: var(--about-brand-black);
  --tp-theme-2: var(--about-brand-red);
  --tp-theme-3: var(--about-brand-red);
  --tp-border-1: var(--about-brand-border);
  --tp-border-2: var(--about-brand-border);
  --tp-border-3: var(--about-brand-red);
  --tp-border-4: var(--about-brand-border);
  background-color: var(--about-brand-white);
  color: var(--about-brand-black);
}

body.palette-brand-red.page-about .grey-bg {
  background: var(--about-brand-white);
}

body.palette-brand-red.page-about .theme-bg,
body.palette-brand-red.page-about .theme-bg-3,
body.palette-brand-red.page-about .tp-header__top-area,
body.palette-brand-red.page-about .tp-footer__area {
  background: var(--about-brand-red);
}

body.palette-brand-red.page-about .scroll-top {
  background: var(--about-brand-red);
  box-shadow: var(--about-brand-shadow);
}

body.palette-brand-red.page-about .scroll-top:hover {
  background: var(--about-brand-red-hover);
}

body.palette-brand-red.page-about .tp-header__space-3.header-sticky {
  background-color: var(--about-brand-red);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.16);
}

body.palette-brand-red.page-about .tp-header__space-3.header-sticky .tp-header__main-menu nav ul li a {
  color: var(--about-brand-white);
}

body.palette-brand-red.page-about .tp-header__black-menu ul li:hover > a,
body.palette-brand-red.page-about .tp-header__main-menu nav ul li .submenu li:hover > a {
  color: var(--about-brand-red);
}

body.palette-brand-red.page-about .tp-header__main-menu nav ul li .submenu li:hover > a::after {
  background-color: var(--about-brand-red);
}

body.palette-brand-red.page-about .tp-header__space-3.header-sticky .tp-header__black-menu ul li:hover > a {
  color: var(--about-brand-white);
}

body.palette-brand-red.page-about .tp-header__bottom .tp-menu-bar,
body.palette-brand-red.page-about .tp-header__space-3.header-sticky .tp-header__bars {
  background-color: var(--about-brand-white);
  color: var(--about-brand-red);
}

body.palette-brand-red.page-about .tp-header__top-left a span,
body.palette-brand-red.page-about .tp-header__top-left a span b,
body.palette-brand-red.page-about .tp-header__top-right a,
body.palette-brand-red.page-about .tp-footer__content p,
body.palette-brand-red.page-about .tp-footer-bottom__menu ul li a {
  color: var(--about-brand-white);
}

body.palette-brand-red.page-about .tp-header__top-left a svg circle,
body.palette-brand-red.page-about .tp-header__top-left a svg path {
  fill: var(--about-brand-white);
}

body.palette-brand-red.page-about .tp-header__top-right a {
  opacity: 0.82;
}

body.palette-brand-red.page-about .tp-header__top-right a:hover,
body.palette-brand-red.page-about .tp-footer-bottom__menu ul li a:hover {
  color: var(--about-brand-white);
  opacity: 1;
}

body.palette-brand-red.page-about .tp-header__top-left a span:hover .frist-child {
  color: var(--about-brand-white);
}

body.palette-brand-red.page-about .tp-footer-bottom__border-top {
  border-top-color: rgba(255, 255, 255, 0.2);
}

body.palette-brand-red.page-about .language-switch {
  background-color: var(--about-brand-white);
  border: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: 8px;
  color: var(--about-brand-black);
  padding: 10px 14px;
}

body.palette-brand-red.page-about .tp-btn-blue-square,
body.palette-brand-red.page-about .tp-btn-pink,
body.palette-brand-red.page-about .tp-btn-sky-sm,
body.palette-brand-red.page-about .tp-btn-border {
  background-color: var(--about-brand-red);
  border: 1px solid var(--about-brand-red);
  border-radius: 8px;
  color: var(--about-brand-white);
  letter-spacing: 0;
  text-transform: none;
}

body.palette-brand-red.page-about .tp-btn-blue-square:before,
body.palette-brand-red.page-about .tp-btn-pink:before,
body.palette-brand-red.page-about .tp-btn-sky-sm:before,
body.palette-brand-red.page-about .tp-btn-border:before {
  background-color: var(--about-brand-red-hover);
}

body.palette-brand-red.page-about .tp-btn-blue-square:hover span,
body.palette-brand-red.page-about .tp-btn-pink:hover span,
body.palette-brand-red.page-about .tp-btn-sky-sm:hover span,
body.palette-brand-red.page-about .tp-btn-border:hover span {
  color: var(--about-brand-white);
}

body.palette-brand-red.page-about .tp-header__space-3.header-sticky .tp-btn-blue-square {
  background-color: var(--about-brand-white);
  border-color: var(--about-brand-white);
  color: var(--about-brand-black);
}

body.palette-brand-red.page-about .tp-header__space-3.header-sticky .tp-btn-blue-square:before {
  background-color: var(--about-brand-black);
}

body.palette-brand-red.page-about .tp-header__space-3.header-sticky .tp-btn-blue-square span {
  color: var(--about-brand-black);
}

body.palette-brand-red.page-about .breadcrumb__area::before {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(215, 42, 42, 0.82), rgba(0, 0, 0, 0.68));
  content: "";
}

body.palette-brand-red.page-about .breadcrumb__content {
  position: relative;
  z-index: 1;
}

body.palette-brand-red.page-about .breadcrumb__title,
body.palette-brand-red.page-about .breadcrumb__list span,
body.palette-brand-red.page-about .breadcrumb__list span a {
  color: var(--about-brand-white);
}

body.palette-brand-red.page-about .breadcrumb__scroll-bottom a {
  background-color: var(--about-brand-white);
  color: var(--about-brand-red);
}

body.palette-brand-red.page-about .breadcrumb__scroll-bottom a::before,
body.palette-brand-red.page-about .breadcrumb__scroll-bottom a::after {
  background-color: var(--about-brand-white);
}

body.palette-brand-red.page-about .about-inner__subtitle,
body.palette-brand-red.page-about .about-inner__list ul li i {
  color: var(--about-brand-red);
}

body.palette-brand-red.page-about .about-inner__content-item {
  box-shadow: var(--about-brand-shadow);
}

body.palette-brand-red.page-about .about-inner__play-btn {
  box-shadow: 0 10px 24px rgba(215, 42, 42, 0.24);
}

body.palette-brand-red.page-about .about-inner__list ul li,
body.palette-brand-red.page-about .about-inner__content p {
  color: var(--about-brand-black);
}

body.palette-brand-red.page-about .service-inner .tp-service__item {
  background-color: var(--about-brand-white);
  border: 1px solid rgba(215, 42, 42, 0.1);
  border-top: 4px solid var(--about-brand-red);
  border-radius: 8px;
  box-shadow: var(--about-brand-shadow);
  padding: 36px 30px;
}

body.palette-brand-red.page-about .service-inner .tp-service__icon {
  background-color: var(--about-brand-red);
  border-radius: 8px;
  display: inline-flex;
  margin-bottom: 24px;
  padding: 12px;
}

body.palette-brand-red.page-about .service-inner .tp-service__icon img {
  filter: brightness(0) invert(1);
}

body.palette-brand-red.page-about .service-inner .tp-service__title-sm,
body.palette-brand-red.page-about .service-inner .tp-service__title-sm a,
body.palette-brand-red.page-about .service-inner .tp-service__content p {
  color: var(--about-brand-black);
}

body.palette-brand-red.page-about .service-inner .tp-service__title-sm:hover,
body.palette-brand-red.page-about .service-inner .tp-service__title-sm a:hover,
body.palette-brand-red.page-about .service-inner .tp-service__item:hover .tp-service__link a svg {
  color: var(--about-brand-red-hover);
}

body.palette-brand-red.page-about .service-inner .tp-service__link a svg {
  color: var(--about-brand-red);
}

body.palette-brand-red.page-about .tp-service__slider-active button {
  background-color: var(--about-brand-white);
  border: 1px solid rgba(215, 42, 42, 0.2);
  color: var(--about-brand-red);
}

body.palette-brand-red.page-about .tp-service__slider-active button:hover {
  background-color: var(--about-brand-red);
  color: var(--about-brand-white);
}

body.palette-brand-red.page-about .counter-inner .tp-counter-2__wrapper {
  border-top-color: rgba(215, 42, 42, 0.35);
}

body.palette-brand-red.page-about .counter-inner .tp-counter-2__content h4,
body.palette-brand-red.page-about .counter-inner .tp-counter-2__content h4 span,
body.palette-brand-red.page-about .counter-inner .tp-counter-2__content span {
  color: var(--about-brand-black);
}

body.palette-brand-red.page-about .tp-price__section span,
body.palette-brand-red.page-about .tp-price__icon span,
body.palette-brand-red.page-about .tp-price__list ul li,
body.palette-brand-red.page-about .tp-price__small_title {
  color: var(--about-brand-black);
}

body.palette-brand-red.page-about .tp-price__item,
body.palette-brand-red.page-about .tp-price__border .tp-price__item {
  border: 1px solid rgba(215, 42, 42, 0.12);
  border-top: 4px solid var(--about-brand-red);
  border-radius: 8px;
  box-shadow: var(--about-brand-shadow);
}

body.palette-brand-red.page-about .tp-price__active,
body.palette-brand-red.page-about .tp-price__border .tp-price__active {
  border: 2px solid var(--about-brand-red);
  box-shadow: 0 16px 34px rgba(215, 42, 42, 0.16);
}

body.palette-brand-red.page-about .tp-price__icon span.icon {
  box-shadow: 0 10px 24px rgba(215, 42, 42, 0.2);
}

body.palette-brand-red.page-about .tp-team__grey-bg {
  background: var(--about-brand-white);
}

body.palette-brand-red.page-about .tp-team__ml-mr.theme-bg-3 {
  background: var(--about-brand-red);
}

body.palette-brand-red.page-about .tp-team__btn .tp-btn-pink,
body.palette-brand-red.page-about .tp-team__btn .tp-btn-sky-sm {
  border-color: rgba(255, 255, 255, 0.3);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.16);
}

body.palette-brand-red.page-about .tp-team__content span {
  color: rgba(255, 255, 255, 0.82);
}

body.palette-brand-red.page-about .tp-team__social a:hover,
body.palette-brand-red.page-about .tp-team__title a:hover {
  color: var(--about-brand-black);
}

body.palette-brand-red.page-about .tp-custom-accordio-3 .accordion-items {
  border-color: rgba(215, 42, 42, 0.18);
}

body.palette-brand-red.page-about .tp-custom-accordio-3 .accordion-buttons,
body.palette-brand-red.page-about .tp-custom-accordio-3 .accordion-body {
  color: var(--about-brand-black);
}

body.palette-brand-red.page-about .tp-custom-accordio-3 .accordion-buttons::after {
  color: var(--about-brand-red);
}

body.palette-brand-red.page-about .tp-faq__right-side {
  background-color: var(--about-brand-white);
  border-top: 4px solid var(--about-brand-red);
  box-shadow: var(--about-brand-shadow);
}

body.palette-brand-red.page-about .tp-faq__icon a {
  background-color: var(--about-brand-red);
  box-shadow: 0 10px 24px rgba(215, 42, 42, 0.24);
}

body.palette-brand-red.page-about .tp-faq__icon svg path {
  fill: var(--about-brand-white);
}

body.palette-brand-red.page-about .tp-faq__faq-sm-title,
body.palette-brand-red.page-about .tp-faq__content p {
  color: var(--about-brand-black);
}

body.palette-brand-red.page-about .tp-faq__content a {
  background-color: var(--about-brand-red);
  color: var(--about-brand-white);
}

body.palette-brand-red.page-about .tp-faq__content a:hover {
  background-color: var(--about-brand-red-hover);
}

/* =====================================================
   GLOBAL INNER-PAGE HEADER PALETTE
   Applies to all non-home pages (home uses homepage-header.blade.php)
   ===================================================== */

/* Top bar background (theme-bg class already sets red, reinforce) */
.tp-header__top-area {
  background-color: #d72a2a;
}

/* Top bar text & links → white */
.tp-header__top-left a span,
.tp-header__top-left a span b {
  color: #ffffff;
}

/* Top bar SVG icons → white */
.tp-header__top-left a svg circle,
.tp-header__top-left a svg path {
  fill: #ffffff;
}

/* Top bar social icons → white */
.tp-header__top-right a {
  color: #ffffff;
  opacity: 0.85;
}
.tp-header__top-right a:hover {
  color: #ffffff;
  opacity: 1;
}

/* Nav links → white (transparent header over red breadcrumb) */
.tp-header__black-menu ul li > a {
  color: #ffffff !important;
}
.tp-header__black-menu ul li > a:hover {
  color: rgba(255, 255, 255, 0.78) !important;
}

/* Header buttons → red */
.tp-header__area .tp-btn-blue-square {
  background-color: #d72a2a;
  border-color: #d72a2a;
  color: #ffffff;
}
.tp-header__area .tp-btn-blue-square:hover {
  background-color: #b52020;
  border-color: #b52020;
}
.tp-header__area .tp-btn-blue-square span {
  color: #ffffff;
}

/* Mobile menu bar icon → white */
.tp-header__area .tp-menu-bar,
.tp-header__area .tp-header__bars {
  color: #ffffff;
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.4);
}

/* Sticky header → red background */
.tp-header__space-3.header-sticky {
  background-color: #d72a2a !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.16);
}

/* Sticky nav links → white */
.tp-header__space-3.header-sticky .tp-header__black-menu ul li > a {
  color: #ffffff !important;
}
.tp-header__space-3.header-sticky .tp-header__black-menu ul li > a:hover {
  color: rgba(255, 255, 255, 0.78) !important;
}

/* Sticky buttons → white bg, red text */
.tp-header__space-3.header-sticky .tp-btn-blue-square {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #d72a2a;
}
.tp-header__space-3.header-sticky .tp-btn-blue-square span {
  color: #d72a2a;
}
.tp-header__space-3.header-sticky .tp-btn-blue-square:hover {
  background-color: rgba(255, 255, 255, 0.88);
  border-color: rgba(255, 255, 255, 0.88);
}
.tp-header__space-3.header-sticky .tp-btn-blue-square:before {
  background-color: rgba(255, 255, 255, 0.88);
}

/* Sticky mobile bar → white */
.tp-header__space-3.header-sticky .tp-menu-bar,
.tp-header__space-3.header-sticky .tp-header__bars {
  background-color: #ffffff;
  color: #d72a2a;
  border-color: #ffffff;
}

/* ── Header butonları — hover siyahlaşma engeli ── */
/* ::before pseudo-element clip-path animasyonunu dondur */
.tp-header__right .tp-btn::before,
.tp-header__right .tp-btn:hover::before,
.tp-header__right-two .tp-btn::before,
.tp-header__right-two .tp-btn:hover::before {
  background-color: transparent !important;
  clip-path: polygon(-1% 0, 0 0, -25% 100%, -1% 100%) !important;
  animation: none !important;
}
/* Hover rengi beyaz kal */
.tp-header__right .tp-btn:hover,
.tp-header__right-two .tp-btn:hover {
  background-color: #ffffff !important;
  color: #000000 !important;
  border-color: #ffffff !important;
  transform: none !important;
}
.tp-header__right .tp-btn:hover span,
.tp-header__right-two .tp-btn:hover span {
  color: #000000 !important;
}

/* ── Header top boşluk (topheader kaldırıldı) ── */
#header-sticky {
    padding-top: 14px;
    padding-bottom: 14px;
}