/*!
Theme Name: abb
Theme URI: abbelektrifikasyonfiyatlistesi.com
Author: Tasarlab
Author URI: tasarlab.com
Description: Custom theme for ABB Elektrifikasyon Fiyat Listesi
*/
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
figure,
blockquote,
dl,
dd {
  margin: 0;
}

ul,
ol {
  padding: 0;
  list-style: none;
}

img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}

img {
  height: auto;
}

input,
button,
textarea,
select {
  font: inherit;
  color: inherit;
}

button {
  cursor: pointer;
  border: none;
  background: none;
  padding: 0;
}

a {
  color: inherit;
  text-decoration: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
span,
li,
ul,
ol,
label,
strong,
em,
small,
button,
input,
textarea,
select {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.container {
  max-width: 1365px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 1199px) {
  .container {
    max-width: 100%;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

@media (min-width: 1200px) and (max-width: 1366px) {
  .container {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
}

@media (min-width: 1200px) and (max-width: 1366px) {
  .home-kategori-showcase__layout {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
}

.site-header {
  position: relative;
  z-index: 200;
}

.header-desktop {
  position: relative;
  z-index: 200;
  background: #fff;
}

body::after {
  content: "";
  position: fixed;
  inset: 0;
  background: rgba(10, 10, 10, 0.7);
  z-index: 150;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.35s ease, visibility 0s linear 0.35s;
}

body.mega-menu-open {
  overflow: hidden;
}

body.mega-menu-open::after,
body:has(.header-nav__menu > .menu-item-has-children:hover)::after {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.35s ease, visibility 0s;
}

.header-top {
  background: #f6f7f9;
}

.header-top__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 0;
}

.header-top__contact {
  display: flex;
  align-items: center;
}

.header-top__link {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: #0a0a0a;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  transition: color 0.35s ease;
}

.header-top__link + .header-top__link {
  margin-left: 24px;
  padding-left: 24px;
  border-left: 1px solid #e6e6e6;
}

.header-top__link:hover {
  color: #ee0000;
}

.header-top__icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}

.header-top__social {
  display: flex;
  align-items: center;
  gap: 12px;
}

.header-top__social-link {
  display: inline-flex;
  line-height: 0;
  transition: opacity 0.35s ease, transform 0.35s ease;
}

.header-top__social-link img {
  display: block;
  width: 24px;
  height: 24px;
}

.header-top__social-link:hover {
  opacity: 0.75;
  transform: scale(1.05);
}

.header-main {
  padding: 20px 0;
}

.header-main__inner {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: center;
  column-gap: 24px;
  width: 100%;
}

.header-main__col {
  min-width: 0;
}

.header-main__col--logo {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.header-main__col--search {
  display: flex;
  align-items: center;
  justify-content: center;
}

.header-main__col--cart {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.header-logo {
  display: inline-flex;
  line-height: 0;
  transition: opacity 0.35s ease;
}

.header-logo:hover {
  opacity: 0.85;
}

.header-logo img {
  display: block;
  width: auto;
  height: 45px;
}

.header-search {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 475px;
  padding: 7px 7px 7px 17px;
  border: 0;
  border-radius: 800px;
  background: #f4f4f4;
  gap: 12px;
}

.header-search__icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}

.header-search__input {
  flex: 1;
  min-width: 0;
  border: 0;
  background: transparent;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #0a0a0a;
  outline: none;
}

.header-search__input::placeholder {
  color: #0a0a0a;
  font-weight: 400;
  font-style: normal;
}

.header-search__input::-webkit-search-cancel-button, .header-search__input::-webkit-search-decoration {
  -webkit-appearance: none;
  appearance: none;
}

.header-search__input::-ms-clear {
  display: none;
}

.header-search__submit {
  flex-shrink: 0;
  border: 0;
  border-radius: 800px;
  padding: 10px 24px;
  background: #ee0000;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  cursor: pointer;
  transition: background-color 0.35s ease;
}

.header-search__submit:hover {
  background: #d40000;
}

.header-cart {
  position: relative;
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #ee0000;
  text-decoration: none;
  transition: background-color 0.35s ease, transform 0.35s ease;
}

.header-cart:hover {
  background: #d40000;
  transform: scale(1.05);
}

.header-cart__icon {
  display: block;
  width: 21px;
  height: 21px;
}

.header-cart__count {
  position: absolute;
  top: -8px;
  right: -8px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #d0d0d0;
  color: #000;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
}

.header-nav {
  position: relative;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}

.header-nav__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding-top: 12px;
  padding-bottom: 12px;
}

.header-nav__menu {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 50px;
}

@media (min-width: 1200px) and (max-width: 1365px) {
  .header-nav__menu {
    gap: 30px !important;
  }
}

.header-nav__menu > li {
  position: relative;
}

.header-nav__menu > .menu-item-has-children {
  position: static;
}

.header-nav__menu > li > a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  transition: color 0.35s ease;
}

.header-nav__menu > li > a:hover {
  color: #ee0000;
}

.header-nav__menu > .menu-item-has-children > a {
  position: relative;
  gap: 12px;
}

.header-nav__menu > .menu-item-has-children > a::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 44px;
  z-index: 265;
  pointer-events: auto;
}

.menu-chevron {
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  transition: transform 0.3s ease;
}

.header-nav__menu > .menu-item-has-children:hover > a .menu-chevron {
  transform: rotate(180deg);
}

.mega-menu {
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  width: 100%;
  margin-top: -16px;
  padding-top: 16px;
  box-sizing: border-box;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 260;
}

.header-nav__menu > .menu-item-has-children:hover > .mega-menu {
  opacity: 1;
  visibility: visible;
  pointer-events: none;
}

.mega-menu__panel {
  margin-top: 12px;
  padding: 42px;
  background: #fff;
  pointer-events: auto;
}

.header-nav__menu > .menu-item-has-children:hover > .mega-menu .mega-menu__panel {
  animation: mega-menu-in 0.3s ease;
}

@keyframes mega-menu-in {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.mega-menu__title {
  display: inline-block;
  color: #0a0a0a;
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
  transition: color 0.35s ease;
}

.mega-menu__title:hover {
  color: #ee0000;
}

.mega-menu__divider {
  height: 1px;
  margin: 16px 0 24px;
  background: #e6e6e6;
  border: 0;
}

.mega-menu__body {
  display: flex;
  align-items: stretch;
  gap: 32px;
  min-height: 0;
  max-height: calc(8 * (20px + 16px * 1.4));
}

.mega-menu__column {
  flex: 1 1 0;
  min-width: 0;
  min-height: 0;
  max-height: calc(8 * (20px + 16px * 1.4));
}

.mega-menu__column--1 {
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
}

.mega-menu__column--2,
.mega-menu__column--3 {
  position: relative;
  overflow: hidden;
}

.mega-menu__flyout-panel {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow-x: hidden;
  overflow-y: auto;
  opacity: 0;
  visibility: hidden;
  transform: translateX(12px);
  pointer-events: none;
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0s linear 0.3s;
}

.mega-menu__flyout-panel:not(.is-active) {
  height: 0;
  overflow: hidden;
}

.mega-menu__flyout-panel.is-active {
  z-index: 1;
  height: auto;
  max-height: calc(8 * (20px + 16px * 1.4));
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
  pointer-events: auto;
  overflow-y: auto;
  scrollbar-width: thin;
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0s;
}

.mega-menu__level-1,
.mega-menu__level-2,
.mega-menu__level-3 {
  margin: 0;
  padding: 0;
  list-style: none;
}

.mega-menu__level-1 > li > a,
.mega-menu__level-2 > li > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 16px 10px 13px;
  border-left: 3px solid transparent;
  color: #838890;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  text-decoration: none;
  transition: color 0.35s ease, border-color 0.35s ease;
}

.mega-menu__level-3 a {
  display: block;
  padding: 10px 16px;
  color: #838890;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  text-decoration: none;
  transition: color 0.35s ease;
}

.mega-menu__parent-link {
  display: block;
  padding: 0 16px 10px;
  margin-bottom: 4px;
  border-bottom: 1px solid #e6e6e6;
  color: #0a0a0a;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  text-decoration: none;
  transition: color 0.35s ease;
}

.mega-menu__parent-link:hover {
  color: #ee0000;
}

.mega-menu__level-1 > li.menu-item-has-children > a::after,
.mega-menu__level-2 > li.menu-item-has-children > a::after {
  content: "";
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  background: url("/wp-content/uploads/chevron_right_gray.svg") no-repeat center/contain;
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.mega-menu__level-1 > li.is-active > a::after,
.mega-menu__level-2 > li.is-active > a::after,
.mega-menu__level-1 > li.menu-item-has-children > a:hover::after,
.mega-menu__level-2 > li.menu-item-has-children > a:hover::after {
  transform: translateX(3px);
}

.mega-menu__level-1 > li.is-active > a,
.mega-menu__level-2 > li.is-active > a {
  border-left-color: #ee0000;
  color: #ee0000;
}

.mega-menu__level-1 a:hover,
.mega-menu__level-2 a:hover,
.mega-menu__level-3 a:hover,
.mega-menu__parent-link:hover {
  color: #ee0000;
}

.header-nav__pdf {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  gap: 12px;
  padding: 16px 35px;
  border-radius: 800px;
  background: #2e2e2e;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  transition: background-color 0.35s ease;
}

.header-nav__pdf img {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}

.header-nav__pdf:hover {
  background: #1a1a1a;
  color: #fff;
}

.header-mobile {
  display: none;
  background: #fff;
  border-bottom: 1px solid #e6e6e6;
}

.header-mobile__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 0;
}

.header-mobile__search-bar {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.4s ease, padding 0.4s ease;
  overflow: hidden;
  background: #fff;
}

.header-mobile__search-bar.is-open {
  grid-template-rows: 1fr;
  padding: 0 0 10px;
}

.header-mobile__search-bar > div {
  min-height: 0;
}

.header-mobile__search-bar .header-search {
  max-width: none;
  padding: 4px 4px 4px 14px;
  gap: 8px;
}

.header-mobile__search-bar .header-search__icon {
  width: 14px;
  height: 14px;
}

.header-mobile__search-bar .header-search__input {
  font-size: 14px;
}

.header-mobile__search-bar .header-search__submit {
  padding: 8px 18px;
  font-size: 14px;
}

.header-mobile__logo .header-logo img {
  width: auto;
  height: auto;
  max-height: none;
}

.header-mobile__actions {
  display: flex;
  align-items: center;
  gap: 22px;
}

.header-mobile__search,
.header-mobile__toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  line-height: 0;
}

.header-mobile__search img,
.header-mobile__cart img,
.header-mobile__toggle img {
  display: block;
  width: 18px;
  height: 18px;
}

.header-mobile__cart {
  position: relative;
  display: inline-flex;
  line-height: 0;
}

.header-mobile__cart-count {
  position: absolute;
  top: -6px;
  right: -8px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 12px;
  height: 12px;
  padding: 0 4px;
  border-radius: 50%;
  background: #ee0000;
  color: #fff;
  font-size: 8px;
  font-weight: 400;
  line-height: 1;
}

.header-mobile-menu {
  position: fixed;
  inset: 0;
  z-index: 300;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.3s ease, visibility 0s linear 0.3s;
}

.header-mobile-menu.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: opacity 0.3s ease, visibility 0s;
}

.header-mobile-menu__panel {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background: #fff;
}

.header-mobile-menu__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 15px;
  padding-bottom: 15px;
}

.header-mobile-menu__logo .header-logo img {
  width: auto;
  height: auto;
}

.header-mobile-menu__close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  line-height: 0;
}

.header-mobile-menu__close img {
  display: block;
  width: 18px;
  height: 18px;
}

.header-mobile-menu__divider {
  height: 1px;
  background: #e6e6e6;
}

.header-mobile-menu__body {
  flex: 1;
  overflow: hidden;
}

.header-mobile-menu__track {
  display: flex;
  width: 200%;
  height: 100%;
  transition: transform 0.35s ease;
}

.header-mobile-menu__track.is-sub-open {
  transform: translateX(-50%);
}

.header-mobile-menu__screen {
  flex: 0 0 50%;
  width: 50%;
  height: 100%;
  overflow-y: auto;
}

.header-mobile-menu__nav {
  height: 100%;
}

.header-mobile-menu__list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 32px 15px;
}

.header-mobile-menu__list > li > a,
.header-mobile-menu__item-link {
  display: block;
  padding: 0;
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}

.header-mobile-menu__item-row {
  display: flex;
  align-items: stretch;
  width: 100%;
  min-height: 44px;
}

.header-mobile-menu__item-link {
  flex: 0 0 50%;
  max-width: 50%;
  min-width: 0;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding-right: 8px;
}

.header-mobile-menu__item-toggle {
  flex: 0 0 50%;
  max-width: 50%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-height: 44px;
  padding: 0;
  margin: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  box-sizing: border-box;
}

.header-mobile-menu__item-toggle::after {
  content: '';
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  background: url("/wp-content/uploads/chevron_down.svg") no-repeat center;
  background-size: 12px 12px;
  transform: rotate(-90deg);
}

.header-mobile-menu__list > .menu-item-has-children > .sub-menu,
.header-mobile-menu__list .sub-menu {
  display: none;
}

.header-mobile-menu__back {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 32px 15px 15px 15px;
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  text-align: left;
}

.header-mobile-menu__back-chevron {
  flex-shrink: 0;
  display: block;
  width: 12px;
  height: 12px;
  transform: rotate(90deg);
}

.header-mobile-menu__screen--sub {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.header-mobile-menu__sub-stack {
  flex: 1;
  overflow: hidden;
}

.header-mobile-menu__sub-track {
  display: flex;
  height: 100%;
  transition: transform 0.35s ease;
}

.header-mobile-menu__sub-panel {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

.header-mobile-menu__sublist {
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding: 24px 15px 32px;
}

.header-mobile-menu__sublist > li > a,
.header-mobile-menu__sublist .header-mobile-menu__item-link {
  display: block;
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}

.header-mobile-menu__sublist .header-mobile-menu__item-row {
  width: 100%;
}

.header-mobile-menu__social {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 20px;
}

.header-mobile-menu__social a {
  display: inline-flex;
  line-height: 0;
}

.header-mobile-menu__social img {
  display: block;
  width: 24px;
  height: 24px;
}

body.mobile-menu-open {
  overflow: hidden;
}

@media (max-width: 1199px) {
  .header-mobile {
    display: block;
  }
  .header-desktop {
    display: none;
  }
}

@media (min-width: 1200px) {
  .header-mobile {
    display: none;
  }
}

.site-footer {
  position: relative;
  z-index: 1;
  background: #f6f7f9;
}

.footer-menus {
  padding: 72px 0 0;
}

.footer-menus__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px 60px;
}

.footer-menus__grid > li {
  display: flex;
  flex-direction: column;
}

.footer-menus__grid > li > a {
  margin: 0 0 16px;
  color: #0a0a0a;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
}

@media (min-width: 1200px) {
  .footer-menus__grid > li.menu-item-has-children > a.footer-menus__parent-link {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
  }
}

.footer-menus__grid > li > .sub-menu {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.footer-menus__grid > li > .sub-menu a {
  color: #0a0a0a;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  transition: color 0.35s ease;
}

.footer-menus__grid > li > .sub-menu a:hover {
  color: #ee0000;
}

.footer-bar {
  padding: 0 0 42px;
  margin-top: 42px;
}

.footer-bar__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 42px 0;
  border-top: 1px solid #e6e6e6;
}

.footer-bar__logo-link {
  display: inline-flex;
  line-height: 0;
}

.footer-bar__logo-link img {
  width: auto;
  height: 45px;
}

.footer-bar__meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 80px;
}

.footer-bar__contact {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 80px;
}

.footer-bar__link {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: #0a0a0a;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  transition: color 0.35s ease;
}

.footer-bar__link:hover {
  color: #ee0000;
}

.footer-bar__icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}

.footer-bar__social {
  display: flex;
  align-items: center;
  gap: 12px;
}

.footer-bar__social-link {
  display: inline-flex;
  line-height: 0;
  transition: opacity 0.35s ease, transform 0.35s ease;
}

.footer-bar__social-link img {
  display: block;
  width: 30px;
  height: 30px;
}

@media (max-width: 1199px) {
  .footer-bar__social-link img {
    width: 24px;
    height: 24px;
  }
}

.footer-bar__social-link:hover {
  opacity: 0.75;
  transform: scale(1.05);
}

.footer-bar__text {
  width: 100%;
  padding-top: 42px;
  border-top: 1px solid #e6e6e6;
  color: #0a0a0a;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
}

.footer-bar__text p {
  margin: 0;
}

.footer-bar__text p + p {
  margin-top: 8px;
}

.footer-copyright {
  padding: 0 0 42px;
}

.footer-copyright__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding-top: 42px;
  border-top: 1px solid #e6e6e6;
}

.footer-copyright__text {
  margin: 0;
  color: #0a0a0a;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
}

.footer-copyright__credit {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  line-height: 0;
  opacity: 0.85;
  transition: opacity 0.35s ease;
}

.footer-copyright__credit img {
  display: block;
  width: 25px;
  height: 25px;
}

.footer-copyright__credit:hover {
  opacity: 1;
}

@media (max-width: 1199px) {
  .footer-menus__grid {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .footer-menus {
    padding: 42px 0 0;
  }
  .footer-menus__grid > li {
    border-bottom: 1px solid #e6e6e6;
  }
  .footer-menus__grid > li > a {
    margin: 0;
    padding: 16px 0;
    color: #0a0a0a;
    font-size: 16px;
    font-weight: 500;
  }
  .footer-menus__grid > li.menu-item-has-children > a.footer-menus__parent-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    pointer-events: auto;
    cursor: pointer;
  }
  .footer-menus__grid > li.menu-item-has-children > a.footer-menus__parent-link::after {
    content: "";
    flex-shrink: 0;
    width: 12px;
    height: 12px;
    background: url("/wp-content/uploads/chevron_down.svg") no-repeat center;
    background-size: 12px 12px;
    transition: transform 0.35s ease;
  }
  .footer-menus__grid > li.menu-item-has-children.is-open > a.footer-menus__parent-link::after {
    transform: rotate(180deg);
  }
  .footer-menus__grid > li > .sub-menu {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-height: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.4s ease, opacity 0.35s ease, padding 0.35s ease;
  }
  .footer-menus__grid > li.is-open > .sub-menu {
    max-height: 600px;
    padding: 0 0 20px;
    opacity: 1;
  }
  .footer-menus__grid > li > .sub-menu a {
    font-size: 14px;
  }
  .footer-bar__inner {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-areas: "logo social" "contact contact";
    align-items: center;
    gap: 24px 16px;
    border-top: 0;
  }
  .footer-bar__meta {
    display: contents;
  }
  .footer-bar__logo {
    grid-area: logo;
  }
  .footer-bar__social {
    grid-area: social;
    justify-self: end;
  }
  .footer-bar__contact {
    grid-area: contact;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
  }
  .footer-copyright__inner {
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
  }
  .footer-copyright__credit {
    align-self: center;
    flex-shrink: 0;
  }
  .footer-copyright__text {
    flex: 1;
    min-width: 0;
    margin: 0;
    text-align: left;
  }
}

.single-urun__inner {
  padding-top: 52px;
}

.single-urun__breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.single-urun__breadcrumb a {
  color: #838890;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  transition: color 0.35s ease;
}

.single-urun__breadcrumb a:hover {
  color: #0a0a0a;
}

.single-urun__breadcrumb-home {
  display: inline-flex;
  line-height: 0;
}

.single-urun__breadcrumb-home img {
  display: block;
  width: 14px;
  height: 14px;
}

.single-urun__breadcrumb-sep {
  display: inline-flex;
  flex-shrink: 0;
  line-height: 0;
}

.single-urun__breadcrumb-sep img {
  display: block;
  width: 12px;
  height: 12px;
}

.single-urun__breadcrumb-current {
  color: #0a0a0a;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
}

.single-urun__layout {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 42px;
  margin-top: 18px;
  align-items: start;
}

@media (min-width: 1200px) {
  .single-urun__col-6--gallery {
    position: sticky;
    top: 32px;
    align-self: start;
  }
}

.single-urun__gallery {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.single-urun__featured {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1 / 1;
  border-radius: 12px;
  background: #f6f7f9;
}

.single-urun__featured-img {
  display: block;
  width: 70%;
  height: auto;
  aspect-ratio: 1 / 1;
  max-height: 100%;
  object-fit: contain;
}

.single-urun__gallery-thumbs {
  display: flex;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.single-urun__gallery-thumbs li {
  flex: 1;
  min-width: 0;
}

.single-urun__gallery-thumb {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 100px;
  padding: 16px;
  border: none;
  border-radius: 12px;
  background: #f6f7f9;
  cursor: pointer;
}

.single-urun__gallery-thumb-img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 72px;
  object-fit: contain;
  pointer-events: none;
}

.single-urun__info {
  display: flex;
  flex-direction: column;
}

.single-urun__category {
  display: inline-flex;
  align-self: flex-start;
  margin-bottom: 22px;
  padding: 7px 12px;
  border-radius: 999px;
  background: #fef2f2;
  color: #c10007;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  transition: background 0.35s ease;
}

.single-urun__category:hover {
  background: #fee2e2;
}

.single-urun__head {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.single-urun__title {
  margin: 0;
  color: #0a0a0a;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.35;
}

.single-urun__code {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}

.single-urun__code-main {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.single-urun__code-label {
  color: #838890;
}

.single-urun__code-value {
  color: #0A0A0A;
  font-weight: 500;
}

.single-urun__stock-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translate3d(0, 15px, 0);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.single-urun__stock-badge.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translate3d(0, 0, 0);
}

.single-urun__stock-badge:hover .single-urun__stock-badge-text {
  text-decoration: underline;
  text-underline-offset: 2px;
}

.single-urun__stock-badge-dot {
  flex-shrink: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
}

.single-urun__stock-badge--in {
  color: #00a63e;
}

.single-urun__stock-badge--in .single-urun__stock-badge-dot {
  background: #00a63e;
}

.single-urun__stock-badge--out {
  color: #ee0000;
  cursor: default;
  pointer-events: none;
}

.single-urun__stock-badge--out .single-urun__stock-badge-dot {
  background: #ee0000;
}

.single-urun__stock-badge--out:hover .single-urun__stock-badge-text {
  text-decoration: none;
}

.single-urun__specs {
  margin-top: 32px;
  padding: 24px 22px;
  border: 1px solid #e6e6e6;
  border-radius: 12px;
  background: #ffffff;
}

.single-urun__specs-title {
  margin: 0 0 18px;
  color: #0a0a0a;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.35;
}

.single-urun__specs-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.single-urun__spec-item {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  min-width: 0;
}

.single-urun__spec-icon {
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  margin-top: 2px;
  border: 3.5px solid #ee0000;
  border-radius: 50%;
  background: #ffffff;
  box-sizing: border-box;
}

.single-urun__spec-content {
  display: flex;
  flex-direction: column;
  gap: 0px;
  min-width: 0;
}

.single-urun__spec-label {
  color: #838890;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
}

.single-urun__spec-value {
  color: #0a0a0a;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.35;
}

.single-urun__price {
  margin-top: 32px;
  padding: 28px 20px;
  border-radius: 8px;
  background: #f6f7f9;
}

.single-urun__price-value {
  color: #0a0a0a;
  font-size: 26px;
  font-weight: 600;
  line-height: 1.2;
}

.single-urun__actions {
  display: flex;
  flex-direction: column;
  gap: 18px;
  margin-top: 32px;
}

.single-urun__qty-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
}

.single-urun__qty-label {
  color: #0a0a0a;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}

.single-urun__qty {
  display: flex;
  align-items: stretch;
  overflow: hidden;
  border: 1px solid #e6e6e6;
  border-radius: 999px;
  background: #ffffff;
}

.single-urun__qty-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  min-height: 40px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #0a0a0a;
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
}

.single-urun__qty-value {
  display: block;
  width: 52px;
  min-width: 44px;
  padding: 0 8px;
  border: 0;
  border-right: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-radius: 0;
  background: transparent;
  color: #0a0a0a;
  font-size: 14px;
  font-weight: 500;
  line-height: 40px;
  text-align: center;
  appearance: textfield;
  -moz-appearance: textfield;
}

.single-urun__qty-value::-webkit-outer-spin-button, .single-urun__qty-value::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.single-urun__qty-value:focus {
  outline: none;
}

.single-urun__total {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0;
}

.single-urun__total-label {
  color: #838890;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}

.single-urun__total-value {
  color: #0a0a0a;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
}

.single-urun__cta {
  display: flex;
  align-items: center;
  gap: 12px;
}

.single-urun__stock-toggle {
  display: inline-flex;
  align-self: flex-start;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #0a0a0a;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translate3d(0, 40px, 0);
  transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.35s ease;
}

.single-urun__stock-toggle.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translate3d(0, 0, 0);
}

.single-urun__stock-toggle:hover {
  color: #ee0000;
}

.single-urun__add-cart {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-width: 0;
  min-height: 52px;
  padding: 14px 24px;
  border: 0;
  border-radius: 999px;
  background: #ee0000;
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
}

.single-urun__add-cart img {
  display: block;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}

.single-urun__share {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  padding: 0;
  border: 1px solid #e6e6e6;
  border-radius: 50%;
  background: #ffffff;
  cursor: pointer;
}

.single-urun__share img {
  display: block;
  width: 18px;
  height: 18px;
  pointer-events: none;
}

.single-urun__sheet {
  margin-top: 82px;
}

.single-urun__sheet--last {
  margin-bottom: 120px;
}

.single-urun__sheet-head {
  margin-bottom: 32px;
}

.single-urun__sheet-title {
  display: inline-block;
  position: relative;
  z-index: 1;
  margin: 0 0 -1px;
  padding-bottom: 10px;
  border-bottom: 2px solid #ee0000;
  color: #ee0000;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.35;
}

.single-urun__sheet-rule {
  display: block;
  width: 100%;
  height: 1px;
  background: #e6e6e6;
}

.single-urun__sheet-body {
  color: #757575;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
}

.single-urun__sheet-body p {
  margin: 0 0 16px;
}

.single-urun__sheet-body p:last-child {
  margin-bottom: 0;
}

.single-urun__sheet-body ul,
.single-urun__sheet-body ol {
  margin: 0 0 16px;
  padding-left: 24px;
  list-style-position: outside;
}

.single-urun__sheet-body ul {
  list-style-type: disc;
}

.single-urun__sheet-body ol {
  list-style-type: decimal;
}

.single-urun__sheet-body li {
  margin-bottom: 8px;
}

.single-urun__sheet-body li:last-child {
  margin-bottom: 0;
}

.single-urun__sheet-body ul ul,
.single-urun__sheet-body ol ol,
.single-urun__sheet-body ul ol,
.single-urun__sheet-body ol ul {
  margin-top: 8px;
  margin-bottom: 0;
}

.single-urun__sheet-body h2,
.single-urun__sheet-body h3,
.single-urun__sheet-body h4 {
  margin: 24px 0 12px;
  color: #0a0a0a;
  font-weight: 600;
  line-height: 1.35;
}

.single-urun__sheet-body h2 {
  font-size: 18px;
}

.single-urun__sheet-body h3 {
  font-size: 16px;
}

.single-urun__sheet-body h4 {
  font-size: 14px;
}

.single-urun__sheet-body strong,
.single-urun__sheet-body b {
  color: #0a0a0a;
  font-weight: 600;
}

.single-urun__sheet-body a {
  color: #ee0000;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.single-urun__sheet-body a:hover {
  opacity: 0.85;
}

.single-urun__sheet-body table {
  width: 100%;
  margin: 0 0 16px;
  border: 1px solid #e6e6e6;
}

.single-urun__sheet-body th,
.single-urun__sheet-body td {
  padding: 10px 12px;
  border: 1px solid #e6e6e6;
  text-align: left;
  vertical-align: top;
}

.single-urun__sheet-body th {
  color: #0a0a0a;
  font-weight: 600;
  background: #f7f7f7;
}

@media (max-width: 1199px) {
  .single-urun__inner {
    padding-top: 24px;
  }
  .single-urun__breadcrumb {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .single-urun__breadcrumb::-webkit-scrollbar {
    display: none;
  }
  .single-urun__breadcrumb a,
  .single-urun__breadcrumb-current,
  .single-urun__breadcrumb-sep,
  .single-urun__breadcrumb-home {
    flex-shrink: 0;
  }
  .single-urun__breadcrumb a,
  .single-urun__breadcrumb-current {
    white-space: nowrap;
  }
  .single-urun__category {
    margin-bottom: 12px;
  }
  .single-urun__title {
    font-size: 18px;
  }
  .single-urun__layout {
    grid-template-columns: 1fr;
    margin-top: 32px;
    gap: 32px;
  }
  .single-urun__featured {
    min-height: 280px;
    padding: 24px;
  }
  .single-urun__specs-grid {
    grid-template-columns: 1fr 1fr;
  }
  .single-urun__price {
    padding: 22px 15px;
    border-radius: 8px;
    margin-top: 20px;
  }
  .single-urun__price-value {
    font-size: 22px;
  }
  .single-urun__add-cart {
    min-height: 48px;
  }
  .single-urun__sheet {
    margin-top: 32px;
  }
  .single-urun__sheet--last {
    margin-bottom: 72px;
  }
}

.single-urun__stock-host {
  margin-top: 32px;
}

.single-urun__stock[hidden] {
  display: none !important;
}

.single-urun__stock .dvOrta {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.single-urun__stock .col {
  padding: 16px;
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  background: #ffffff;
}

.single-urun__stock .col-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 0px;
}

.single-urun__stock .col-name {
  min-width: 0;
  margin: 0;
  color: #0a0a0a;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}

.single-urun__stock .col-detail {
  margin: 0;
  color: #838890;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.45;
}

.single-urun__stock .lnkButton {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  border: 0;
  border-radius: 999px;
  background: #ee0000;
  color: #ffffff;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  text-decoration: none;
  white-space: nowrap;
  transition: background 0.35s ease;
}

.single-urun__stock .lnkButton:hover {
  background: #d90000;
  color: #ffffff;
}

.single-urun__stock .abb-img {
  display: block;
  max-width: 100%;
  height: auto;
}

.single-urun__stock dl {
  margin: 0;
}

.single-urun__stock dt {
  margin: 0 0 4px;
  color: #0a0a0a;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}

.single-urun__stock dd {
  margin: 0 0 12px;
  color: #838890;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.45;
}

.single-urun__stock dd:last-child {
  margin-bottom: 0;
}

.single-urun__stock ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 24px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.single-urun__stock li {
  margin: 0;
  color: #838890;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.45;
}

.single-urun__stock a {
  color: #0a0a0a;
  text-decoration: none;
  transition: color 0.35s ease;
}

.single-urun__stock a:hover {
  color: #ee0000;
}

@media (max-width: 767px) {
  .single-urun__stock ul {
    grid-template-columns: minmax(0, 1fr);
  }
}

.single-urun-similar {
  margin: 120px 0;
}

.single-urun-similar__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 42px;
}

.single-urun-similar__title {
  margin: 0;
  color: #0a0a0a;
  font-size: 30px;
  font-weight: 500;
  line-height: 1.25;
}

.single-urun-similar__nav {
  display: inline-flex;
  align-items: center;
  gap: 12px;
}

.single-urun-similar__arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  margin: 0;
  padding: 0;
  border: 1px solid #e6e6e6;
  border-radius: 50%;
  background: #ffffff;
  cursor: pointer;
  transition: border-color 0.35s ease;
}

.single-urun-similar__arrow img {
  display: block;
  width: 12px;
  height: 12px;
}

.single-urun-similar__arrow--prev img {
  transform: rotate(180deg);
}

.single-urun-similar__arrow:not(.swiper-button-disabled) {
  border-color: #ff000f;
}

.single-urun-similar__arrow:not(.swiper-button-disabled) img {
  filter: brightness(0) saturate(100%) invert(15%) sepia(95%) saturate(7455%) hue-rotate(358deg) brightness(102%) contrast(118%);
}

.single-urun-similar__arrow.swiper-button-disabled {
  border-color: #e6e6e6;
  cursor: default;
  pointer-events: none;
}

.single-urun-similar__arrow.swiper-button-disabled img {
  filter: none;
}

.single-urun-similar__swiper {
  overflow: hidden;
}

.single-urun-similar__swiper .swiper-slide {
  height: auto;
}

.single-urun-similar__pagination {
  position: relative !important;
  inset: auto !important;
  display: flex !important;
  align-items: center;
  width: 100% !important;
  height: 2px !important;
  margin-top: 52px;
  padding: 0;
  background: linear-gradient(#e6e6e6, #e6e6e6) center/100% 1px no-repeat;
  transform: none !important;
}

.single-urun-similar__bullet {
  flex: 1 1 0;
  width: auto !important;
  height: 1px !important;
  margin: 0 !important;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  opacity: 1 !important;
  cursor: pointer;
  transition: background 0.35s ease, height 0.35s ease;
}

.single-urun-similar__bullet.is-active {
  height: 2px !important;
  background: #ff000f;
}

@media (max-width: 767px) {
  .single-urun-similar {
    margin-top: 72px;
  }
  .single-urun-similar__head {
    margin-bottom: 24px;
  }
  .single-urun-similar__title {
    font-size: 22px;
  }
}

.cart-drawer {
  position: fixed;
  inset: 0;
  z-index: 300;
  pointer-events: none;
}

.cart-drawer.is-open, .cart-drawer.is-closing {
  pointer-events: auto;
}

body.cart-drawer-open {
  overflow: hidden;
}

.cart-drawer__overlay {
  position: absolute;
  inset: 0;
  background: rgba(10, 10, 10, 0.45);
  opacity: 0;
  transition: opacity 0.35s ease;
}

.cart-drawer.is-open .cart-drawer__overlay,
.cart-drawer.is-closing .cart-drawer__overlay {
  opacity: 1;
}

.cart-drawer__panel {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 420px;
  height: 100%;
  background: #ffffff;
  transform: translate3d(100%, 0, 0);
  transition: transform 0.35s ease;
  will-change: transform;
}

.cart-drawer.is-open .cart-drawer__panel {
  transform: translate3d(0, 0, 0);
}

.cart-drawer__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 24px 16px;
  border-bottom: 1px solid #f1f2f2;
}

.cart-drawer__title {
  margin: 0;
  color: #0a0a0a;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
}

.cart-drawer__close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #f6f7f9;
  cursor: pointer;
}

.cart-drawer__close img {
  display: block;
  width: 18px;
  height: 18px;
  transition: transform 0.35s ease;
}

.cart-drawer__close:hover img {
  transform: rotate(90deg);
}

.cart-drawer__body {
  flex: 1;
  overflow-y: auto;
  padding: 16px 24px;
}

.cart-drawer--empty .cart-drawer__body {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.cart-drawer__items {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.cart-drawer__item {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.cart-drawer__item-top {
  display: flex;
  gap: 14px;
  align-items: flex-start;
}

.cart-drawer__item-image {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 72px;
  height: 72px;
  border-radius: 8px;
  background: #f6f7f9;
}

.cart-drawer__item-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.cart-drawer__item-head {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.cart-drawer__item-title {
  margin: 0;
  color: #0a0a0a;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
}

.cart-drawer__item-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 16px;
}

.cart-drawer__item-qty-group {
  display: flex;
  align-items: center;
  gap: 12px;
}

.cart-drawer__qty-label {
  color: #0a0a0a;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}

.cart-drawer__qty {
  display: flex;
  align-items: stretch;
  overflow: hidden;
  border: 1px solid #e6e6e6;
  border-radius: 999px;
  background: #ffffff;
}

.cart-drawer__qty-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  min-height: 30px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #0a0a0a;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  cursor: pointer;
}

.cart-drawer__qty-value {
  display: block;
  width: 40px;
  min-width: 34px;
  min-height: 30px;
  padding: 0 8px;
  border: 0;
  border-right: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-radius: 0;
  background: transparent;
  color: #0a0a0a;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
  appearance: textfield;
  -moz-appearance: textfield;
}

.cart-drawer__qty-value::-webkit-outer-spin-button, .cart-drawer__qty-value::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.cart-drawer__qty-value:focus {
  outline: none;
}

.cart-drawer__remove {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 30px;
  min-height: 30px;
  padding: 0;
  border: 0;
  border-radius: 50px;
  background: #f6f7f9;
  color: #ee0000;
  cursor: pointer;
  transition: color 0.2s ease, background 0.2s ease;
}

.cart-drawer__remove:hover {
  color: #d90000;
}

.cart-drawer__remove svg {
  display: block;
  width: 15px;
  height: 15px;
}

.cart-drawer__item-total {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: 6px;
  margin: 0;
}

.cart-drawer__item-total-label {
  color: #838890;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}

.cart-drawer__item-total-value {
  color: #0a0a0a;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
}

.cart-drawer__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
  min-height: 100%;
  padding: 24px 0;
  text-align: center;
}

.cart-drawer__empty[hidden] {
  display: none !important;
}

.cart-drawer__items[hidden] {
  display: none !important;
}

.cart-drawer__footer[hidden] {
  display: none !important;
}

.cart-drawer__empty-text {
  margin: 0;
  color: #838890;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}

.cart-drawer__empty-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 12px 28px;
  border-radius: 999px;
  background: #ee0000;
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  text-decoration: none;
  transition: background 0.35s ease;
}

.cart-drawer__empty-cta:hover {
  background: #d90000;
}

.cart-drawer__footer {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 20px 24px 24px;
  border-top: 1px solid #f1f2f2;
}

.cart-drawer__total-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.cart-drawer__total-label {
  color: #838890;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}

.cart-drawer__total-value {
  color: #0a0a0a;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
}

.cart-drawer__checkout {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-width: 0;
  min-height: 52px;
  padding: 14px 24px;
  border: 0;
  border-radius: 999px;
  background: #ee0000;
  color: #ffffff;
  font-family: inherit;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  text-decoration: none;
  cursor: pointer;
}

.cart-drawer__checkout img {
  display: block;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}

@media (max-width: 1199px) {
  .cart-drawer__panel {
    max-width: 100%;
  }
}

.stock-drawer {
  position: fixed;
  inset: 0;
  z-index: 310;
  pointer-events: none;
}

.stock-drawer.is-open, .stock-drawer.is-closing {
  pointer-events: auto;
}

body.stock-drawer-open {
  overflow: hidden;
}

.stock-drawer__overlay {
  position: absolute;
  inset: 0;
  background: rgba(10, 10, 10, 0.45);
  opacity: 0;
  transition: opacity 0.35s ease;
}

.stock-drawer.is-open .stock-drawer__overlay,
.stock-drawer.is-closing .stock-drawer__overlay {
  opacity: 1;
}

.stock-drawer__panel {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 420px;
  height: 100%;
  background: #ffffff;
  transform: translate3d(100%, 0, 0);
  transition: transform 0.35s ease;
  will-change: transform;
}

.stock-drawer.is-open .stock-drawer__panel {
  transform: translate3d(0, 0, 0);
}

.stock-drawer__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 24px 24px 16px;
  border-bottom: 1px solid #f1f2f2;
}

.stock-drawer__head-text {
  min-width: 0;
}

.stock-drawer__title {
  margin: 0;
  color: #0a0a0a;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
}

.stock-drawer__subtitle {
  margin: 6px 0 0;
  color: #838890;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}

.stock-drawer__close {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #f6f7f9;
  cursor: pointer;
}

.stock-drawer__close img {
  display: block;
  width: 18px;
  height: 18px;
  transition: transform 0.35s ease;
}

.stock-drawer__close:hover img {
  transform: rotate(90deg);
}

.stock-drawer__body {
  flex: 1;
  overflow-y: auto;
  padding: 16px 24px 24px;
}

.stock-drawer__loading,
.stock-drawer__empty {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 180px;
  padding: 24px 0;
  text-align: center;
}

.stock-drawer__loading[hidden],
.stock-drawer__empty[hidden] {
  display: none !important;
}

.stock-drawer__content[hidden] {
  display: none !important;
}

.stock-drawer__spinner {
  display: block;
  width: 36px;
  height: 36px;
  border: 3px solid #f1f2f2;
  border-top-color: #ee0000;
  border-radius: 50%;
  animation: stock-drawer-spin 0.8s linear infinite;
}

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

.stock-drawer__empty-text {
  margin: 0;
  color: #838890;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}

.stock-drawer__content .dvOrta {
  gap: 16px;
}

.home-slider {
  position: relative;
  margin-bottom: 72px;
}

.home-slider__swiper {
  height: unset;
  aspect-ratio: 256 / 85;
}

@media (max-width: 767px) {
  .home-slider__swiper {
    height: 650px;
    aspect-ratio: unset;
  }
}

.home-slider__slide {
  position: relative;
  overflow: hidden;
  height: 100%;
  background-color: #ffffff;
}

.home-slider__media {
  position: absolute;
  inset: 0;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
}

.home-slider__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

@media (max-width: 767px) {
  .home-slider__img {
    object-position: center top;
  }
}

@keyframes home-slider-content-fade {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.home-slider__box {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  height: 100%;
  box-sizing: border-box;
  padding-bottom: 70px;
}

@media (max-width: 767px) {
  .home-slider__box {
    padding-bottom: 32px;
    justify-content: flex-end;
    align-items: flex-end;
  }
}

.home-slider__slide .home-slider__title,
.home-slider__slide .home-slider__desc,
.home-slider__slide .home-slider__btn {
  opacity: 0;
}

.swiper-slide-active .home-slider__title {
  animation: home-slider-content-fade 0.45s ease forwards;
  animation-delay: 0.4s;
}

.swiper-slide-active .home-slider__desc {
  animation: home-slider-content-fade 0.45s ease forwards;
  animation-delay: 0.5s;
}

.swiper-slide-active .home-slider__btn {
  animation: home-slider-content-fade 0.45s ease forwards;
  animation-delay: 0.6s;
}

.home-slider__title {
  margin: 0 0 18px;
  max-width: 550px;
  font-size: 38px;
  font-weight: 700;
  line-height: 1.12;
  color: #0a0a0a;
}

.home-slider__title strong,
.home-slider__title b {
  color: #ee0000;
  font-weight: 700;
}

@media (max-width: 767px) {
  .home-slider__title {
    font-size: 32px;
    width: 100%;
  }
}

.home-slider__desc {
  margin: 0 0 42px;
  max-width: 550px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #000000;
}

.home-slider__desc p {
  margin: 0 0 0.75em;
}

.home-slider__desc p:last-child {
  margin-bottom: 0;
}

.home-slider__desc strong,
.home-slider__desc b {
  font-weight: 700;
}

.home-slider__desc a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 0.15em;
}

.home-slider__desc a:hover {
  color: #ee0000;
}

.home-slider__desc ul,
.home-slider__desc ol {
  margin: 0 0 0.75em;
  padding-left: 0;
  list-style: none;
}

.home-slider__desc ul li {
  position: relative;
  padding-left: 1.1em;
}

.home-slider__desc ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.62em;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #000000;
}

.home-slider__desc ol {
  counter-reset: home-slider-desc;
}

.home-slider__desc ol li {
  position: relative;
  padding-left: 1.4em;
  counter-increment: home-slider-desc;
}

.home-slider__desc ol li::before {
  content: counter(home-slider-desc) ".";
  position: absolute;
  left: 0;
  top: 0;
  width: auto;
  height: auto;
  border-radius: 0;
  background: none;
  color: #000000;
  font-size: inherit;
  font-weight: 400;
}

.home-slider__desc li + li {
  margin-top: 0.35em;
}

@media (max-width: 767px) {
  .home-slider__desc {
    font-size: 16px;
    width: 100%;
  }
}

.home-slider__slide--white-chrome .home-slider__desc ul li::before {
  background-color: #ffffff;
}

.home-slider__slide--white-chrome .home-slider__desc ol li::before {
  color: #ffffff;
}

.home-slider__btn {
  display: inline-flex;
  align-self: flex-start;
  width: auto;
  align-items: center;
  gap: 12px;
  padding: 17px 37px;
  border-radius: 800px;
  background: #ff000f;
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
  transition: background 0.35s ease, color 0.35s ease, gap 0.35s ease;
}

.home-slider__btn img {
  display: block;
  width: 16px;
  height: 16px;
  filter: brightness(0) invert(1);
}

.home-slider__btn:hover {
  gap: 20px;
  background: #e6000e;
  color: #ffffff;
}

@media (max-width: 767px) {
  .home-slider__btn {
    padding: 17px 36px;
  }
}

.swiper-slide-active .home-slider__btn {
  transition: background 0.35s ease, color 0.35s ease, gap 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
  .home-slider__slide .home-slider__title,
  .home-slider__slide .home-slider__desc,
  .home-slider__slide .home-slider__btn {
    opacity: 1;
    transform: none;
    animation: none;
  }
}

.home-slider__nav {
  position: absolute;
  right: 0;
  bottom: 18px;
  left: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

@media (max-width: 767px) {
  .home-slider__nav {
    bottom: 50px;
    justify-content: flex-end;
    right: 15px;
  }
}

.home-slider__nav-inner {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  gap: 16px;
  pointer-events: auto;
}

.home-slider__nav-inner .swiper-button-prev,
.home-slider__nav-inner .swiper-button-next,
.home-slider__nav-inner .home-slider__arrow,
.home-slider__nav-inner .home-slider__pagination {
  flex: 0 0 auto;
  pointer-events: auto;
}

.home-slider__nav-inner .swiper-button-prev,
.home-slider__nav-inner .swiper-button-next,
.home-slider__nav-inner .home-slider__arrow {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  position: static !important;
  inset: auto !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  margin: 0 !important;
  transform: none !important;
  width: auto !important;
  height: auto !important;
  min-width: 0;
  min-height: 0;
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
  opacity: 0.7;
  transition: opacity 0.35s ease;
}

.home-slider__nav-inner .swiper-button-prev::after,
.home-slider__nav-inner .swiper-button-next::after,
.home-slider__nav-inner .home-slider__arrow::after {
  display: none !important;
  content: none !important;
}

.home-slider__nav-inner .swiper-button-prev:hover,
.home-slider__nav-inner .swiper-button-next:hover,
.home-slider__nav-inner .home-slider__arrow:hover {
  opacity: 1;
}

.home-slider__nav-inner .swiper-button-prev img,
.home-slider__nav-inner .swiper-button-next img,
.home-slider__nav-inner .home-slider__arrow img {
  display: block;
  width: 12px;
  height: 12px;
  filter: brightness(0);
}

.home-slider__nav-inner .home-slider__arrow--prev img {
  transform: rotate(180deg);
}

.home-slider__nav-inner .home-slider__pagination {
  position: static !important;
  inset: auto !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: auto !important;
  height: auto !important;
  transform: none !important;
}

.home-slider__nav-inner .home-slider__dot {
  display: inline-block;
  vertical-align: middle;
  width: 8px;
  height: 8px;
  margin: 0;
  padding: 0;
  border: 0.8px solid #0a0a0a;
  border-radius: 999px;
  background: transparent;
  box-sizing: border-box;
  opacity: 1;
  cursor: pointer;
  transition: width 0.35s ease, height 0.35s ease, background 0.35s ease, border-color 0.35s ease, opacity 0.35s ease;
}

.home-slider__nav-inner .home-slider__dot:hover {
  opacity: 0.7;
}

.home-slider__nav-inner .home-slider__dot.is-active {
  width: 32px;
  height: 8px;
  border-color: #0a0a0a;
  background: #0a0a0a;
}

.home-slider__swiper.is-white-chrome .home-slider__nav-inner .home-slider__arrow img {
  filter: brightness(0) invert(1);
}

.home-slider__swiper.is-white-chrome .home-slider__nav-inner .home-slider__dot {
  border-color: #ffffff;
}

.home-slider__swiper.is-white-chrome .home-slider__nav-inner .home-slider__dot.is-active {
  border-color: #ffffff;
  background: #ffffff;
}

.home-kategori {
  padding: 0px 0 120px;
}

@media (max-width: 1023px) {
  .home-kategori {
    padding-bottom: 72px;
  }
}

.home-kategori__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

@media (max-width: 1023px) {
  .home-kategori__head {
    align-items: flex-start;
    justify-content: flex-start;
    text-align: left;
  }
}

.home-kategori__tag {
  display: inline-block;
  margin: 0 0 24px;
  padding: 7px 12px;
  border-radius: 800px;
  background: #fef2f2;
  color: #c10007;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2;
}

@media (max-width: 1023px) {
  .home-kategori__tag {
    margin-bottom: 18px;
  }
}

.home-kategori__title {
  margin: 0 0 10px;
  max-width: 900px;
  color: #0a0a0a;
  font-size: 30px;
  font-weight: 500;
  line-height: 1.2;
}

@media (max-width: 1023px) {
  .home-kategori__title {
    font-size: 22px;
  }
}

.home-kategori__desc {
  margin: 0;
  max-width: 735px;
  color: #838890;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.55;
}

.home-kategori__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 15px;
  margin-top: 52px;
}

@media (max-width: 767px) {
  .home-kategori__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
    margin-top: 42px;
  }
}

.home-kategori__card {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid #e6e6e6;
  border-radius: 12px;
  background: #ffffff;
  color: inherit;
  padding: 18px;
  text-decoration: none;
  transition: border-color 0.35s ease;
}

.home-kategori__card:hover {
  border-color: #d0d0d0;
}

.home-kategori__card-media {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 10;
  border-radius: 8px;
  overflow: hidden;
}

.home-kategori__card-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  transition: transform 0.35s ease;
}

.home-kategori__card:hover .home-kategori__card-img {
  transform: scale(1.03);
}

.home-kategori__card-body {
  display: flex;
  flex-direction: column;
  gap: 7px;
  padding-top: 24px;
}

.home-kategori__card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.home-kategori__card-title {
  margin: 0;
  flex: 1;
  color: #0a0a0a;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.3;
  transition: color 0.35s ease;
}

.home-kategori__card:hover .home-kategori__card-title {
  color: #ee0000;
}

.home-kategori__card-icon {
  display: block;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  transition: transform 0.35s ease, filter 0.35s ease;
}

.home-kategori__card:hover .home-kategori__card-icon {
  transform: rotate(-45deg);
  filter: brightness(0) saturate(100%) invert(12%) sepia(99%) saturate(7492%) hue-rotate(353deg) brightness(95%) contrast(118%);
}

.home-kategori__card-desc {
  margin: 0;
  color: #838890;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.45;
}

.home-kategori-showcase {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 0;
}

.home-kategori-showcase__block {
  min-width: 0;
  overflow: visible;
  padding: 120px 0;
}

.home-kategori-showcase__block:nth-child(odd) {
  background: #f6f7f9;
}

.home-kategori-showcase__block:nth-child(even) {
  background: #ffffff;
}

@media (max-width: 1023px) {
  .home-kategori-showcase__block {
    padding: 42px 0;
  }
}

.home-kategori-showcase__layout {
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: stretch;
  width: 100%;
  overflow: visible;
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 1024px) {
  .home-kategori-showcase__layout {
    padding-left: 15px;
    padding-right: 0;
  }
}

@media (min-width: 1365px) {
  .home-kategori-showcase__layout {
    padding-left: calc((100vw - 1365px) / 2 + 15px);
  }
}

@media (min-width: 1024px) {
  .home-kategori-showcase__layout--slider {
    display: grid;
    grid-template-columns: 360px minmax(0, 1fr);
    grid-template-rows: auto auto;
    column-gap: 48px;
    row-gap: 28px;
    align-items: start;
  }
}

.home-kategori-showcase__content {
  position: relative;
  z-index: 3;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 360px;
  background: inherit;
}

@media (min-width: 1024px) {
  .home-kategori-showcase__layout--slider .home-kategori-showcase__content {
    grid-column: 1;
    grid-row: 1 / 3;
    flex: none;
    width: 360px;
    max-width: 360px;
  }
  .home-kategori-showcase__layout--slider .home-kategori-showcase__content::after {
    content: "";
    position: absolute;
    top: 0;
    right: -48px;
    bottom: 0;
    width: 48px;
    background: inherit;
    pointer-events: none;
  }
}

@media (max-width: 1023px) {
  .home-kategori-showcase__content {
    max-width: none;
  }
}

.home-kategori-showcase__title {
  margin: 0 0 12px;
  color: #0a0a0a;
  font-size: 30px;
  font-weight: 500;
  line-height: 1.2;
}

.home-kategori-showcase__title p {
  margin: 0;
}

.home-kategori-showcase__title p + p {
  margin-top: 0;
}

.home-kategori-showcase__title strong,
.home-kategori-showcase__title b {
  color: #ee0000;
  font-weight: 500;
}

@media (max-width: 1023px) {
  .home-kategori-showcase__title {
    font-size: 22px;
  }
  .home-kategori-showcase__title br {
    display: none;
  }
  .home-kategori-showcase__title p {
    display: inline;
    margin: 0;
  }
  .home-kategori-showcase__title p + p::before {
    content: " ";
  }
}

.home-kategori-showcase__desc {
  margin: 0 0 32px;
  color: #979797;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.55;
}

@media (max-width: 1023px) {
  .home-kategori-showcase__layout--slider .home-kategori-showcase__desc {
    margin-bottom: 0;
  }
}

.home-kategori-showcase__btn {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 12px;
  padding: 13.5px 36px;
  border-radius: 999px;
  background: #ee0000;
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
  transition: background 0.35s ease;
}

.home-kategori-showcase__btn img {
  display: block;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  filter: brightness(0) invert(1);
  transition: transform 0.35s ease;
}

.home-kategori-showcase__btn:hover {
  background: #d90000;
  color: #ffffff;
}

.home-kategori-showcase__btn:hover img {
  transform: translateX(4px);
}

@media (max-width: 1023px) {
  .home-kategori-showcase__btn--in-content {
    display: none;
  }
}

.home-kategori-showcase__btn--after-nav {
  display: none;
}

@media (max-width: 1023px) {
  .home-kategori-showcase__btn--after-nav {
    display: inline-flex;
    margin-top: 0px;
    padding: 13.5px 36px;
    font-size: 16px;
  }
}

.home-kategori-showcase__aside {
  display: flex;
  flex-direction: column;
  gap: 28px;
  min-width: 0;
}

@media (min-width: 1024px) {
  .home-kategori-showcase__layout--slider .home-kategori-showcase__aside {
    grid-column: 2;
    grid-row: 1 / 3;
  }
}

.home-kategori-showcase__slider-col {
  position: relative;
  z-index: 1;
  min-width: 0;
  overflow: hidden;
}

.home-kategori-showcase__slider-track {
  min-width: 0;
  overflow: hidden;
}

.home-kategori-showcase__swiper {
  width: 100%;
  overflow: hidden;
}

.home-kategori-showcase__slide {
  height: auto;
  box-sizing: border-box;
}

.home-kategori-showcase__card {
  display: flex;
  flex-direction: column;
  gap: 18px;
  color: inherit;
  text-decoration: none;
}

.home-kategori-showcase__card-media {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 12px;
  background: #f6f7f9;
  overflow: hidden;
}

.home-kategori-showcase__block:nth-child(odd) .home-kategori-showcase__card-media {
  background: #ffffff;
}

.home-kategori-showcase__card-img {
  display: block;
  width: 80%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
  transition: transform 0.35s ease;
}

.home-kategori-showcase__card:hover .home-kategori-showcase__card-img {
  transform: scale(1.04);
}

.home-kategori-showcase__card-label {
  margin: 0;
  color: #0a0a0a;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.35;
  text-align: center;
  transition: color 0.35s ease;
}

.home-kategori-showcase__card:hover .home-kategori-showcase__card-label {
  color: #ee0000;
}

.home-kategori-showcase__nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
}

.home-kategori-showcase__nav.is-hidden, .home-kategori-showcase__nav[hidden] {
  display: none !important;
}

@media (min-width: 1024px) {
  .home-kategori-showcase__layout--slider .home-kategori-showcase__nav {
    margin-top: 0;
    padding-right: 15px;
  }
}

@media (min-width: 1365px) {
  .home-kategori-showcase__layout--slider .home-kategori-showcase__nav {
    padding-right: calc((100vw - 1365px) / 2 + 15px);
  }
}

@media (max-width: 1023px) {
  .home-kategori-showcase__nav {
    margin-top: 0px;
    margin-bottom: 0;
  }
}

.home-kategori-showcase__pagination {
  position: relative !important;
  inset: auto !important;
  display: flex !important;
  align-items: center;
  flex: 1;
  width: auto !important;
  min-width: 0;
  height: 2px !important;
  margin: 0;
  padding: 0;
  background: linear-gradient(#e6e6e6, #e6e6e6) center/100% 1px no-repeat;
  transform: none !important;
}

.home-kategori-showcase__bullet {
  flex: 1 1 0;
  width: auto !important;
  height: 1px !important;
  margin: 0 !important;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  opacity: 1 !important;
  cursor: pointer;
  transition: background 0.35s ease, height 0.35s ease;
}

.home-kategori-showcase__bullet.is-active {
  height: 2px !important;
  background: #ff000f;
}

.home-kategori-showcase__arrows {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}

.home-kategori-showcase__arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  margin: 0;
  padding: 0;
  border: 1px solid #e6e6e6;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
  transition: border-color 0.35s ease, background 0.35s ease;
}

.home-kategori-showcase__arrow img {
  display: block;
  width: 12px;
  height: 12px;
}

.home-kategori-showcase__arrow--prev img {
  transform: rotate(180deg);
}

.home-kategori-showcase__arrow:not(.swiper-button-disabled) {
  border-color: #ff000f;
  background: transparent;
}

.home-kategori-showcase__arrow:not(.swiper-button-disabled) img {
  filter: brightness(0) saturate(100%) invert(15%) sepia(95%) saturate(7455%) hue-rotate(358deg) brightness(102%) contrast(118%);
}

.home-kategori-showcase__arrow.swiper-button-disabled {
  border-color: #e6e6e6;
  background: transparent;
  cursor: default;
  pointer-events: none;
}

.home-kategori-showcase__arrow.swiper-button-disabled img {
  filter: none;
}

.home-blog {
  padding: 120px 0;
  background: #ffffff;
}

@media (max-width: 1023px) {
  .home-blog {
    padding: 72px 0;
  }
}

.home-blog__inner {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

@media (max-width: 1023px) {
  .home-blog__inner {
    gap: 15px;
  }
}

.home-blog__desktop {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

@media (max-width: 1023px) {
  .home-blog__desktop {
    display: none;
  }
}

.home-blog__mobile {
  display: none;
}

@media (max-width: 1023px) {
  .home-blog__mobile {
    display: block;
  }
}

.home-blog__swiper {
  overflow: hidden;
}

.home-blog__swiper-slide {
  height: auto;
  box-sizing: border-box;
}

.home-blog__nav {
  display: none;
}

@media (max-width: 1023px) {
  .home-blog__nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-top: 28px;
  }
}

.home-blog__pagination {
  position: relative !important;
  inset: auto !important;
  display: flex !important;
  align-items: center;
  flex: 1;
  width: auto !important;
  min-width: 0;
  height: 2px !important;
  margin: 0;
  padding: 0;
  background: linear-gradient(#e6e6e6, #e6e6e6) center/100% 1px no-repeat;
  transform: none !important;
}

.home-blog__bullet {
  flex: 1 1 0;
  width: auto !important;
  height: 1px !important;
  margin: 0 !important;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  opacity: 1 !important;
  cursor: pointer;
  transition: background 0.35s ease, height 0.35s ease;
}

.home-blog__bullet.is-active {
  height: 2px !important;
  background: #ff000f;
}

.home-blog__arrows {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}

.home-blog__arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  margin: 0;
  padding: 0;
  border: 1px solid #e6e6e6;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
  transition: border-color 0.35s ease;
}

.home-blog__arrow img {
  display: block;
  width: 12px;
  height: 12px;
}

.home-blog__arrow--prev img {
  transform: rotate(180deg);
}

.home-blog__arrow:not(.swiper-button-disabled) {
  border-color: #ff000f;
}

.home-blog__arrow:not(.swiper-button-disabled) img {
  filter: brightness(0) saturate(100%) invert(15%) sepia(95%) saturate(7455%) hue-rotate(358deg) brightness(102%) contrast(118%);
}

.home-blog__arrow.swiper-button-disabled {
  border-color: #e6e6e6;
  cursor: default;
  pointer-events: none;
}

.home-blog__arrow.swiper-button-disabled img {
  filter: none;
}

.home-blog__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 37px;
}

.home-blog__head-text {
  flex: 1 1 auto;
  min-width: 0;
}

.home-blog__tag {
  display: inline-block;
  margin: 0 0 24px;
  padding: 7px 12px;
  border-radius: 800px;
  background: #fef2f2;
  color: #c10007;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2;
}

.home-blog__title {
  margin: 0;
  max-width: 900px;
  color: #0a0a0a;
  font-size: 30px;
  max-width: 735px;
  font-weight: 500;
  line-height: 1.2;
}

@media (max-width: 1023px) {
  .home-blog__title {
    font-size: 22px;
    max-width: 100%;
  }
}

.home-blog__btn {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  gap: 12px;
  padding: 13.5px 36px;
  border-radius: 999px;
  background: #ee0000;
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
  transition: background 0.35s ease;
}

.home-blog__btn img {
  display: block;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  filter: brightness(0) invert(1);
  transition: transform 0.35s ease;
}

.home-blog__btn:hover {
  background: #d90000;
  color: #ffffff;
}

.home-blog__btn:hover img {
  transform: translateX(4px);
}

@media (max-width: 1023px) {
  .home-blog__btn--in-head {
    display: none;
  }
}

.home-blog__btn--after-nav {
  display: none;
}

@media (max-width: 1023px) {
  .home-blog__btn--after-nav {
    display: inline-flex;
    align-self: flex-start;
    margin-top: 24px;
    padding: 13.5px 36px;
    font-size: 16px;
  }
}

.home-blog__featured {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 0;
  align-items: stretch;
  border-radius: 12px;
  background: #f6f7f9;
  overflow: hidden;
}

.home-blog__featured-media {
  display: block;
  overflow: hidden;
}

.home-blog__featured-media img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 280px;
  object-fit: cover;
  transition: transform 0.35s ease;
}

.home-blog__featured-media:hover img {
  transform: scale(1.03);
}

.home-blog__featured-body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  padding: 32px;
}

.home-blog__featured-tag {
  display: inline-flex;
  align-items: center;
  padding: 8px 14px;
  margin-bottom: 6px;
  border: 1px solid #ffdedf;
  border-radius: 800px;
  color: #ee0000;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2;
}

.home-blog__featured-title {
  margin: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.35;
}

.home-blog__featured-title a {
  color: #0a0a0a;
  text-decoration: none;
  transition: color 0.35s ease;
}

.home-blog__featured-title a:hover {
  color: #ee0000;
}

.home-blog__featured-excerpt {
  margin: 0;
  color: #0a0a0a;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.home-blog__featured-link {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-top: 0;
  padding-top: 32px;
  color: #0a0a0a;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  text-decoration: none;
  transition: color 0.35s ease;
}

.home-blog__featured-link:hover {
  color: #ee0000;
}

.home-blog__featured-link-icon {
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  transition: transform 0.35s ease;
}

.home-blog__featured-link:hover .home-blog__featured-link-icon {
  transform: rotate(45deg);
}

.home-blog__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 42px 15px;
}

.home-blog__card {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.home-blog__card-media {
  display: block;
  overflow: hidden;
  border-radius: 12px;
  background: #f6f7f9;
  aspect-ratio: 16 / 10;
}

.home-blog__card-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.35s ease;
}

.home-blog__card-media:hover img {
  transform: scale(1.03);
}

.home-blog__card-body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}

.home-blog__card-title {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.home-blog__card-title a {
  color: #0a0a0a;
  text-decoration: none;
  transition: color 0.35s ease;
}

.home-blog__card-title a:hover {
  color: #ee0000;
}

.home-blog__card-excerpt {
  margin: 0;
  color: #838890;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.home-blog__card-link {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-top: 14px;
  color: #0a0a0a;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  text-decoration: none;
  transition: color 0.35s ease;
}

.home-blog__card-link:hover {
  color: #ee0000;
}

.home-blog__card-link-icon {
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  transition: transform 0.35s ease;
}

.home-blog__card-link:hover .home-blog__card-link-icon {
  transform: rotate(45deg);
}

@media (max-width: 1023px) {
  .home-blog__head {
    flex-direction: column;
    align-items: stretch;
    margin-bottom: 0px;
  }
  .home-blog__title {
    font-size: 22px;
  }
  .home-blog__mobile .home-blog__featured {
    grid-template-columns: 1fr;
  }
  .home-blog__mobile .home-blog__featured-body {
    padding: 20px;
  }
  .home-blog__mobile .home-blog__featured-media img {
    min-height: 200px;
  }
  .home-blog__mobile .home-blog__featured-title {
    font-size: 18px;
  }
  .home-blog__mobile .home-blog__featured-link {
    padding-top: 24px;
  }
}

.home-seo {
  width: 100%;
  margin-bottom: 120px;
  padding: 42px 0;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  box-sizing: border-box;
}

@media (max-width: 1023px) {
  .home-seo {
    margin-bottom: 72px;
    padding: 32px 0;
  }
}

.home-seo__content {
  overflow: hidden;
  transition: max-height 0.35s ease;
  color: #0a0a0a;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}

.home-seo__content-inner {
  min-height: 0;
}

.home-seo__content-inner p {
  margin: 0 0 12px;
}

.home-seo__content-inner p:last-child {
  margin-bottom: 0;
}

.home-seo__content-inner strong,
.home-seo__content-inner b {
  font-weight: 700;
}

.home-seo__toggle {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-top: 24px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #0a0a0a;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  cursor: pointer;
}

.home-seo__toggle[hidden] {
  display: none;
}

.home-seo__toggle.is-expanded .home-seo__toggle-icon {
  transform: rotate(90deg);
}

.home-seo__toggle-label {
  transition: opacity 0.35s ease;
}

.home-seo__toggle-icon {
  display: block;
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  transition: transform 0.35s ease;
}

@keyframes abb-blob-red {
  0% {
    transform: translate(0, 0) scale(1);
  }
  25% {
    transform: translate(14%, 8%) scale(1.05);
  }
  50% {
    transform: translate(26%, -5%) scale(1.08);
  }
  75% {
    transform: translate(12%, 14%) scale(1.04);
  }
  100% {
    transform: translate(0, 0) scale(1);
  }
}

@keyframes abb-blob-glow {
  0% {
    transform: translate(0, 0) scale(1);
    opacity: 0.12;
  }
  50% {
    transform: translate(6%, 8%) scale(1.12);
    opacity: 0.22;
  }
  100% {
    transform: translate(0, 0) scale(1);
    opacity: 0.12;
  }
}

@keyframes abb-blob-pink {
  0% {
    transform: translate(0, 0) scale(1);
  }
  50% {
    transform: translate(-16%, 12%) scale(1.07);
  }
  100% {
    transform: translate(0, 0) scale(1);
  }
}

@keyframes abb-blob-white {
  0% {
    transform: translate(0, 0) scale(1);
  }
  50% {
    transform: translate(-14%, 10%) scale(1.05);
  }
  100% {
    transform: translate(0, 0) scale(1);
  }
}

.abb-page-banner {
  position: relative;
  background: linear-gradient(90deg, #c50010 0%, #b8003a 28%, #c4365a 45%, #d4809a 60%, #f0e8ec 100%);
  color: #ffffff;
  overflow: hidden;
}

.abb-page-banner__bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.abb-page-banner__blob {
  position: absolute;
  border-radius: 50%;
  filter: blur(90px);
}

.abb-page-banner__blob--red {
  width: 52vmax;
  height: 52vmax;
  top: -30%;
  left: -12%;
  background: #e30613;
  opacity: 0.65;
  animation: abb-blob-red 7s ease-in-out infinite;
}

.abb-page-banner__blob--pink {
  width: 50vmax;
  height: 50vmax;
  top: -22%;
  right: 12%;
  background: #d5b2d0;
  opacity: 0.6;
  animation: abb-blob-pink 4s ease-in-out infinite;
  animation-delay: -1.2s;
}

.abb-page-banner__blob--white {
  width: 42vmax;
  height: 42vmax;
  top: -12%;
  right: 8%;
  background: #b4b5f5;
  opacity: 0.22;
  animation: abb-blob-white 5.5s ease-in-out infinite;
  animation-delay: -2.4s;
}

.abb-page-banner__blob--glow {
  width: 32vmax;
  height: 32vmax;
  bottom: -40%;
  left: 6%;
  background: #ff6680;
  opacity: 0.14;
  animation: abb-blob-glow 5s ease-in-out infinite;
  animation-delay: -2s;
}

.abb-page-banner__inner {
  position: relative;
  z-index: 1;
  padding-top: 45px;
  padding-bottom: 45px;
}

.abb-page-banner__breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.abb-page-banner__breadcrumb a {
  color: #ffffff;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  text-decoration: none;
  opacity: 0.85;
  transition: opacity 0.35s ease;
}

.abb-page-banner__breadcrumb a:hover {
  opacity: 1;
}

.abb-page-banner__breadcrumb-home {
  display: inline-flex;
  line-height: 0;
  opacity: 0.85;
  transition: opacity 0.35s ease;
}

.abb-page-banner__breadcrumb-home:hover {
  opacity: 1;
}

.abb-page-banner__breadcrumb-home img {
  display: block;
  width: 14px;
  height: 14px;
  filter: brightness(0) invert(1);
}

.abb-page-banner__breadcrumb-sep {
  display: inline-flex;
  flex-shrink: 0;
  line-height: 0;
}

.abb-page-banner__breadcrumb-sep img {
  display: block;
  width: 12px;
  height: 12px;
  filter: brightness(0) invert(1);
  opacity: 0.85;
}

.abb-page-banner__breadcrumb-current {
  color: #ffffff;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  opacity: 0.85;
}

.abb-page-banner__title {
  margin: 8px 0 0;
  color: #ffffff;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.2;
}

@media (max-width: 1199px) {
  .abb-page-banner__inner {
    padding-top: 28px;
    padding-bottom: 28px;
  }
  .abb-page-banner__breadcrumb {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .abb-page-banner__breadcrumb::-webkit-scrollbar {
    display: none;
  }
  .abb-page-banner__breadcrumb-home,
  .abb-page-banner__breadcrumb-sep,
  .abb-page-banner__breadcrumb-link,
  .abb-page-banner__breadcrumb-current {
    flex-shrink: 0;
    white-space: nowrap;
  }
  .abb-page-banner__title {
    font-size: 22px;
  }
}

.page-default {
  padding: 62px 0 120px;
  background: #ffffff;
}

@media (max-width: 1199px) {
  .page-default {
    padding: 32px 0 72px;
  }
}

.page-default__content {
  color: #0a0a0a;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

.page-default__content p {
  margin: 0 0 16px;
}

.page-default__content p:last-child {
  margin-bottom: 0;
}

.page-default__content h2,
.page-default__content h3,
.page-default__content h4,
.page-default__content h5,
.page-default__content h6 {
  margin: 32px 0 16px;
  color: #0a0a0a;
  font-weight: 500;
  line-height: 1.3;
}

.page-default__content h2 {
  font-size: 24px;
}

.page-default__content h3 {
  font-size: 22px;
}

.page-default__content h4 {
  font-size: 20px;
}

.page-default__content h5 {
  font-size: 18px;
}

.page-default__content h6 {
  font-size: 16px;
}

.page-default__content ul,
.page-default__content ol {
  margin: 0 0 16px;
  padding-left: 24px;
  list-style-position: outside;
}

.page-default__content ul {
  list-style-type: disc;
}

.page-default__content ol {
  list-style-type: decimal;
}

.page-default__content li {
  margin-bottom: 8px;
}

.page-default__content li:last-child {
  margin-bottom: 0;
}

.page-default__content ul ul,
.page-default__content ol ol,
.page-default__content ul ol,
.page-default__content ol ul {
  margin-top: 8px;
  margin-bottom: 0;
}

.page-default__content a {
  color: #ee0000;
  text-decoration: none;
}

.page-default__content a:hover {
  opacity: 0.8;
}

.page-default__content img {
  max-width: 100%;
  height: auto;
  border-radius: 12px;
}

.page-default__content table {
  width: 100%;
  margin: 24px 0;
  border-collapse: collapse;
}

.page-default__content th,
.page-default__content td {
  padding: 10px 12px;
  text-align: left;
  vertical-align: top;
}

.page-default__content th {
  color: #0a0a0a;
  font-weight: 600;
}

@media (max-width: 1199px) {
  .page-default__content {
    font-size: 14px;
  }
  .page-default__content h2 {
    font-size: 22px;
  }
  .page-default__content h3 {
    font-size: 20px;
  }
  .page-default__content h4 {
    font-size: 18px;
  }
  .page-default__content h5 {
    font-size: 16px;
  }
  .page-default__content h6 {
    font-size: 14px;
  }
}

.page-partnerler__body {
  background: #ffffff;
}

.page-partnerler__map-section {
  position: relative;
  padding-top: 62px;
}

.page-partnerler__map-wrap {
  position: relative;
}

.page-partnerler__map {
  width: 100%;
  height: 450px;
  background: #e8eaed;
  border: 1px solid #e6e6e6;
  border-radius: 12px;
  overflow: hidden;
}

.page-partnerler__filter-wrap {
  position: relative;
  z-index: 2;
  max-width: 900px;
  margin-top: -105px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 24px;
}

.page-partnerler__filter {
  padding: 24px;
  border-radius: 12px;
  background: #f6f7f9;
}

.page-partnerler__filter-head {
  margin-bottom: 32px;
}

.page-partnerler__filter-title {
  margin: 0;
  color: #0a0a0a;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.3;
}

.page-partnerler__filter-desc {
  margin: 6px 0 0;
  color: #a6a8ad;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}

.page-partnerler__filter-form {
  display: grid;
  grid-template-columns: 1fr 1fr auto;
  gap: 20px;
  align-items: end;
}

.page-partnerler__filter-field {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.page-partnerler__filter-label {
  color: #0a0a0a;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
}

.page-partnerler__filter-select {
  box-sizing: border-box;
  width: 100%;
  min-height: 44px;
  padding: 11px 40px 11px 15px;
  border: 0;
  border-radius: 8px;
  background-color: #ffffff;
  background-image: url("/wp-content/uploads/chevron_down.svg");
  background-repeat: no-repeat;
  background-position: right 15px center;
  background-size: 12px 12px;
  color: #000000;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  appearance: none;
}

.page-partnerler__filter-select:has(option[value=""]:checked) {
  color: #000000;
  font-size: 14px;
}

.page-partnerler__filter-select option {
  color: #000000;
}

.page-partnerler__filter-select option[value=""] {
  color: #a6a8ad;
}

.page-partnerler__filter-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 12.5px 26px;
  border: 0;
  border-radius: 800px;
  background: #ee0000;
  color: #ffffff;
  font-size: 16px;
  height: 44px;
  font-weight: 400;
  line-height: 1;
  cursor: pointer;
  transition: background 0.35s ease;
}

.page-partnerler__filter-submit:hover {
  background: #d40000;
}

.page-partnerler__filter-submit .page-partnerler__filter-submit-icon {
  display: block;
  width: 16px;
  height: 16px;
  filter: brightness(0) invert(1);
}

.page-partnerler__list-section {
  padding-bottom: 64px;
}

.page-partnerler__list {
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: 900px;
  margin: 0 auto;
  padding: 0;
  list-style: none;
}

.page-partnerler__card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 20px;
  border: 1px solid #e6e6e6;
  border-radius: 12px;
  background: transparent;
}

.page-partnerler__card-title {
  margin: 0 0 32px;
  color: #0a0a0a;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.3;
}

.page-partnerler__card-meta {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin: 0;
}

.page-partnerler__card-row {
  display: grid;
  grid-template-columns: 76px 16px 1fr;
  column-gap: 8px;
  align-items: baseline;
  margin: 0;
}

.page-partnerler__card-label,
.page-partnerler__card-colon {
  margin: 0;
  color: #838890;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}

.page-partnerler__card-value {
  margin: 0;
  max-width: 450px;
  color: #0a0a0a;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}

.page-partnerler__card-value--links {
  display: inline;
}

.page-partnerler__card-link-sep {
  color: #0a0a0a;
}

.page-partnerler__card-link {
  color: #ee0000;
  font-size: inherit;
  font-weight: 400;
  text-decoration: none;
  transition: opacity 0.35s ease;
}

.page-partnerler__card-link:hover {
  opacity: 0.8;
}

.page-partnerler__card-action {
  flex-shrink: 0;
}

.page-partnerler__card-map-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 10.5px 26px;
  border: 1px solid #fbd2d3;
  border-radius: 8px;
  background: transparent;
  color: #ee0000;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  cursor: pointer;
  transition: background 0.35s ease, color 0.35s ease, border-color 0.35s ease;
}

.page-partnerler__card-map-btn:hover {
  background: #ee0000;
  border-color: #ee0000;
  color: #ffffff;
}

.page-partnerler__card-map-btn:hover .page-partnerler__card-map-btn-icon {
  filter: brightness(0) invert(1);
}

.page-partnerler__card-map-btn .page-partnerler__card-map-btn-icon {
  display: block;
  width: 14px;
  height: 14px;
  filter: brightness(0) saturate(100%) invert(19%) sepia(49%) saturate(7498%) hue-rotate(354deg) brightness(86%) contrast(120%);
  transition: filter 0.35s ease;
}

.page-partnerler__empty {
  max-width: 900px;
  margin: 0 auto;
  color: #838890;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}

@media (max-width: 1199px) {
  .page-partnerler__map-section {
    padding-top: 32px;
  }
  .page-partnerler__map-wrap {
    max-width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .page-partnerler__map {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    border-radius: 0;
    height: 390px;
  }
  .page-partnerler__filter-wrap {
    margin-top: -48px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .page-partnerler__filter {
    padding: 20px;
  }
  .page-partnerler__filter-form {
    grid-template-columns: 1fr;
  }
  .page-partnerler__filter-submit {
    width: 100%;
  }
  .page-partnerler__card-title {
    font-size: 16px;
    font-weight: 400;
    color: #0a0a0a;
  }
  .page-partnerler__card {
    flex-direction: column;
    align-items: stretch;
    gap: 32px;
  }
  .page-partnerler__card-label,
  .page-partnerler__card-colon {
    font-size: 14px;
  }
  .page-partnerler__card-value {
    max-width: none;
    font-size: 14px;
  }
  .page-partnerler__card-action {
    display: block;
    width: 100%;
  }
  .page-partnerler__card-map-btn {
    display: flex;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }
}

.page-partnerler__map-section .gm-style-iw {
  outline: none;
}

.page-partnerler__map-section .gm-style-iw-c {
  padding: 0 !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 28px rgba(10, 10, 10, 0.14) !important;
}

.page-partnerler__map-section .gm-style-iw-d {
  overflow: visible !important;
  max-height: none !important;
}

.page-partnerler__map-section .gm-style-iw-chr {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 28px !important;
  height: 28px !important;
}

.page-partnerler__map-section .gm-ui-hover-effect {
  width: 28px !important;
  height: 28px !important;
  opacity: 0.55;
  transition: opacity 0.35s ease;
}

.page-partnerler__map-section .gm-ui-hover-effect:hover {
  opacity: 1;
}

.page-partnerler__map-section .gm-ui-hover-effect span {
  margin: 0 !important;
}

.page-partnerler__map-section .gm-style-iw-tc::after {
  background: #ffffff;
}

.abb-partner-map-info {
  box-sizing: border-box;
  min-width: 220px;
  max-width: 300px;
  padding: 18px 40px 18px 18px;
}

.abb-partner-map-info__title {
  margin: 0 0 14px;
  padding-right: 4px;
  color: #0a0a0a;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.35;
}

.abb-partner-map-info__meta {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0;
}

.abb-partner-map-info__row {
  display: grid;
  grid-template-columns: 40px 10px 1fr;
  column-gap: 4px;
  align-items: start;
  margin: 0;
}

.abb-partner-map-info__label, .abb-partner-map-info__colon {
  margin: 0;
  color: #838890;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
}

.abb-partner-map-info__value {
  margin: 0;
  color: #0a0a0a;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.45;
}

.abb-partner-map-info__row--address .abb-partner-map-info__value {
  color: #4a4a4a;
}

.abb-partner-map-info__link {
  color: #0a0a0a;
  font-size: inherit;
  font-weight: 400;
  text-decoration: none;
  transition: color 0.35s ease;
}

.abb-partner-map-info__link:hover {
  color: #ee0000;
}

.page-sss__body {
  padding: 62px 0 120px;
  background: #ffffff;
}

.page-sss__tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 32px;
}

.page-sss__tab {
  display: inline-flex;
  align-items: center;
  padding: 16px 20px;
  border: 1px solid #f5f5f5;
  border-radius: 6px;
  background: transparent;
  color: #838890;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  text-decoration: none;
  transition: background 0.35s ease, border-color 0.35s ease, color 0.35s ease;
}

.page-sss__tab.is-active {
  border-color: #f5f5f5;
  background: #202020;
  color: #ffffff;
}

.page-sss__accordion {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.page-sss__item {
  padding: 24px 20px;
  border: 1px solid #e6e6e6;
  border-radius: 12px;
  background: #ffffff;
  cursor: pointer;
}

.page-sss__question {
  margin: 0;
  color: #0a0a0a;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
}

.page-sss__trigger {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.page-sss__trigger-text {
  flex: 1;
  min-width: 0;
}

.page-sss__icon {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #ee0000;
  transition: background 0.35s ease;
}

.page-sss__item.is-open .page-sss__icon {
  background: #e6e6e6;
}

.page-sss__icon-img {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 10px;
  height: 10px;
  transform: translate(-50%, -50%);
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.page-sss__icon-img--plus {
  opacity: 1;
}

.page-sss__icon-img--minus {
  opacity: 0;
}

.page-sss__item.is-open .page-sss__icon-img--plus {
  opacity: 0;
  transform: translate(-50%, -50%) scale(0.85);
}

.page-sss__item.is-open .page-sss__icon-img--minus {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}

.page-sss__panel {
  display: grid;
  grid-template-rows: 0fr;
  margin-top: 0;
  cursor: default;
  transition: grid-template-rows 0.4s ease, margin-top 0.4s ease;
}

.page-sss__item.is-open .page-sss__panel {
  grid-template-rows: 1fr;
  margin-top: 16px;
}

.page-sss__panel-inner {
  overflow: hidden;
  min-height: 0;
}

.page-sss__panel[aria-hidden='true'] {
  pointer-events: none;
}

.page-sss__answer {
  color: #838890;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  opacity: 0;
  transition: opacity 0.35s ease 0.05s;
}

.page-sss__answer p {
  margin: 0 0 12px;
}

.page-sss__answer p:last-child {
  margin-bottom: 0;
}

.page-sss__answer a {
  color: #ee0000;
  text-decoration: none;
}

.page-sss__answer a:hover {
  opacity: 0.8;
}

.page-sss__item.is-open .page-sss__answer {
  opacity: 1;
}

.page-sss__empty {
  color: #838890;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}

@media (max-width: 1199px) {
  .page-sss__body {
    padding: 32px 0 72px;
  }
  .page-sss__tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    margin-right: -15px;
    margin-bottom: 24px;
    margin-left: -15px;
    padding-right: 15px;
    padding-left: 15px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .page-sss__tabs::-webkit-scrollbar {
    display: none;
  }
  .page-sss__tab {
    flex-shrink: 0;
    padding: 16px 20px;
    font-size: 14px;
    white-space: nowrap;
  }
  .page-sss__item {
    padding: 20px 15px;
  }
  .page-sss__question {
    font-size: 16px;
    font-weight: 400;
  }
  .page-sss__trigger {
    gap: 16px;
  }
  .page-sss__answer {
    font-size: 14px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-sss__icon,
  .page-sss__icon-img,
  .page-sss__panel,
  .page-sss__answer {
    transition: none;
  }
}

.page-hakkimizda__hero {
  padding: 62px 0 120px;
  background: #ffffff;
}

@media (max-width: 1199px) {
  .page-hakkimizda__hero {
    padding: 32px 0 72px;
  }
}

.page-hakkimizda__hero-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: center;
}

@media (max-width: 1199px) {
  .page-hakkimizda__hero-grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}

.page-hakkimizda__hero-media {
  min-width: 0;
}

.page-hakkimizda__hero-img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 12px;
}

.page-hakkimizda__hero-content {
  min-width: 0;
}

.page-hakkimizda__hero-title {
  margin: 0 0 12px;
  color: #0a0a0a;
  font-size: 30px;
  font-weight: 500;
  line-height: 1.25;
}

@media (max-width: 1199px) {
  .page-hakkimizda__hero-title {
    margin-bottom: 12px;
    font-size: 22px;
    font-weight: 500;
  }
}

.page-hakkimizda__hero-desc {
  color: #838890;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

.page-hakkimizda__hero-desc p {
  margin: 0 0 12px;
}

.page-hakkimizda__hero-desc p:last-child {
  margin-bottom: 0;
}

.page-hakkimizda__hero-desc a {
  color: #ee0000;
  text-decoration: none;
}

.page-hakkimizda__hero-desc a:hover {
  opacity: 0.8;
}

.page-hakkimizda__mv {
  padding: 120px 0;
  margin-bottom: 120px;
  background: #f8f9fa;
}

@media (max-width: 1199px) {
  .page-hakkimizda__mv {
    padding: 42px 0;
    margin-bottom: 72px;
  }
}

.page-hakkimizda__mv-head {
  margin-bottom: 42px;
}

@media (max-width: 1199px) {
  .page-hakkimizda__mv-head {
    margin-bottom: 42px;
  }
}

.page-hakkimizda__mv-title {
  margin: 0 0 12px;
  color: #0a0a0a;
  font-size: 30px;
  font-weight: 500;
  line-height: 1.25;
}

@media (max-width: 1199px) {
  .page-hakkimizda__mv-title {
    font-size: 22px;
  }
}

.page-hakkimizda__mv-desc {
  margin: 0;
  color: #838890;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

.page-hakkimizda__mv-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px;
}

@media (max-width: 1199px) {
  .page-hakkimizda__mv-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

.page-hakkimizda__mv-card {
  padding: 42.5px 50px 42.5px 25px;
  border-left: 4px solid #ee0000;
  border-radius: 12px;
  background: #ffffff;
}

@media (max-width: 1199px) {
  .page-hakkimizda__mv-card {
    padding: 24px 20px 24px 15px;
  }
}

.page-hakkimizda__mv-card-title {
  margin: 0 0 12px;
  color: #0a0a0a;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.3;
}

@media (max-width: 1199px) {
  .page-hakkimizda__mv-card-title {
    margin-bottom: 12px;
    font-size: 16px;
  }
}

.page-hakkimizda__mv-card-desc {
  color: #555555;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}

@media (max-width: 1199px) {
  .page-hakkimizda__mv-card-desc {
    font-size: 14px;
  }
}

.page-hakkimizda__video {
  padding: 0 0 120px;
  background: #ffffff;
}

@media (max-width: 1199px) {
  .page-hakkimizda__video {
    padding-bottom: 72px;
  }
}

.page-hakkimizda__video-media {
  position: relative;
  width: 100%;
  margin-bottom: 42px;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 12px;
  background: #0a0a0a;
}

.page-hakkimizda__video-media iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

@media (max-width: 1199px) {
  .page-hakkimizda__video-media {
    margin-bottom: 24px;
  }
}

.page-hakkimizda__video-title {
  margin: 0 0 12px;
  color: #1a1a1a;
  font-size: 30px;
  font-weight: 500;
  line-height: 1.25;
}

@media (max-width: 1199px) {
  .page-hakkimizda__video-title {
    font-size: 22px;
  }
}

.page-hakkimizda__video-desc {
  color: #838890;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

@media (max-width: 1199px) {
  .page-hakkimizda__video-desc {
    font-size: 14px;
  }
}

.page-hakkimizda__degerler {
  padding: 0 0 120px;
  background: #ffffff;
}

@media (max-width: 1199px) {
  .page-hakkimizda__degerler {
    padding-bottom: 72px;
  }
}

.page-hakkimizda__degerler-head {
  margin-bottom: 42px;
}

@media (max-width: 1199px) {
  .page-hakkimizda__degerler-head {
    margin-bottom: 24px;
  }
}

.page-hakkimizda__degerler-title {
  margin: 0 0 12px;
  color: #0a0a0a;
  font-size: 30px;
  font-weight: 500;
  line-height: 1.25;
}

@media (max-width: 1199px) {
  .page-hakkimizda__degerler-title {
    font-size: 22px;
  }
}

.page-hakkimizda__degerler-desc {
  margin: 0;
  color: #838890;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

@media (max-width: 1199px) {
  .page-hakkimizda__degerler-desc {
    font-size: 14px;
  }
}

.page-hakkimizda__degerler-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
}

@media (max-width: 1199px) {
  .page-hakkimizda__degerler-grid {
    grid-template-columns: 1fr;
    gap: 15px;
  }
}

.page-hakkimizda__degerler-card {
  padding: 32px 24px;
  border-radius: 12px;
  background: #f8f9fa;
}

@media (max-width: 1199px) {
  .page-hakkimizda__degerler-card {
    padding: 20px 15px;
  }
}

.page-hakkimizda__degerler-num {
  display: block;
  margin-bottom: 16px;
  color: #ff000f;
  font-family: "Helvetica Neue Condensed Black", "HelveticaNeue-CondensedBlack", "HelveticaNeue-Condensed", "Arial Narrow", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 48px;
  font-weight: 900;
  font-stretch: condensed;
  line-height: 48px;
  letter-spacing: 0;
  font-synthesis: none;
}

@media (max-width: 1199px) {
  .page-hakkimizda__degerler-num {
    margin-bottom: 16px;
    font-size: 32px;
    line-height: 36px;
  }
}

.page-hakkimizda__degerler-card-title {
  margin: 0 0 12px;
  color: #1a1a1a;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.3;
}

@media (max-width: 1199px) {
  .page-hakkimizda__degerler-card-title {
    margin-bottom: 8px;
    font-size: 22px;
  }
}

.page-hakkimizda__degerler-card-desc {
  color: #555555;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}

.page-blog {
  padding: 62px 0 120px;
  background: #ffffff;
}

@media (max-width: 1199px) {
  .page-blog {
    padding: 32px 0 72px;
  }
}

.page-blog__inner {
  display: flex;
  flex-direction: column;
  gap: 42px;
  min-height: 1px;
}

@media (max-width: 1199px) {
  .page-blog__inner {
    gap: 32px;
  }
}

.page-blog__featured {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 0;
  align-items: stretch;
  border-radius: 12px;
  background: #f6f7f9;
  overflow: hidden;
}

.page-blog__featured-media {
  display: block;
  overflow: hidden;
}

.page-blog__featured-media img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 280px;
  object-fit: cover;
  transition: transform 0.35s ease;
}

.page-blog__featured-media:hover img {
  transform: scale(1.03);
}

.page-blog__featured-body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  padding: 32px;
}

.page-blog__featured-tag {
  display: inline-flex;
  align-items: center;
  padding: 8px 14px;
  margin-bottom: 6px;
  border: 1px solid #ffdedf;
  border-radius: 800px;
  color: #ee0000;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2;
}

.page-blog__featured-title {
  margin: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.35;
}

.page-blog__featured-title a {
  color: #0a0a0a;
  text-decoration: none;
  transition: color 0.35s ease;
}

.page-blog__featured-title a:hover {
  color: #ee0000;
}

.page-blog__featured-excerpt {
  margin: 0;
  color: #0a0a0a;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.page-blog__featured-link {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-top: 32px;
  color: #0a0a0a;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  text-decoration: none;
  transition: color 0.35s ease, opacity 0.35s ease;
}

.page-blog__featured-link:hover {
  color: #ee0000;
}

.page-blog__featured-link-icon {
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  transition: transform 0.35s ease;
}

.page-blog__featured-link:hover .page-blog__featured-link-icon {
  transform: rotate(45deg);
}

.page-blog__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 42px 15px;
}

.page-blog__card {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.page-blog__card-media {
  display: block;
  overflow: hidden;
  border-radius: 12px;
  background: #f6f7f9;
  aspect-ratio: 16 / 10;
}

.page-blog__card-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.35s ease;
}

.page-blog__card-media:hover img {
  transform: scale(1.03);
}

.page-blog__card-body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}

.page-blog__card-title {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.page-blog__card-title a {
  color: #0a0a0a;
  text-decoration: none;
  transition: color 0.35s ease;
}

.page-blog__card-title a:hover {
  color: #ee0000;
}

.page-blog__card-excerpt {
  margin: 0;
  color: #838890;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.page-blog__card-link {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: #0a0a0a;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  text-decoration: none;
  transition: color 0.35s ease;
  margin-top: 14px;
}

.page-blog__card-link:hover {
  color: #ee0000;
}

.page-blog__card-link-icon {
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  transition: transform 0.35s ease;
}

.page-blog__card-link:hover .page-blog__card-link-icon {
  transform: rotate(45deg);
}

.page-blog__empty {
  margin: 0;
  color: #757575;
  font-size: 16px;
  line-height: 1.5;
}

.page-blog__empty a {
  color: #ee0000;
}

.page-blog__pagination {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}

.page-blog__pagination ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.page-blog__pagination li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.page-blog__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  width: 36px;
  height: 36px;
  padding: 0;
  border: none;
  border-radius: 6px;
  background: transparent;
  color: #838890;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
  transition: color 0.35s ease, background-color 0.35s ease, opacity 0.35s ease;
}

.page-blog__pagination a.page-numbers:hover {
  color: #0a0a0a;
}

.page-blog__pagination .page-numbers.current {
  background: #ee0000;
  color: #ffffff;
  font-weight: 500;
}

.page-blog__pagination .prev,
.page-blog__pagination .next {
  min-width: 36px;
  width: 36px;
  height: 36px;
  padding: 0;
}

.page-blog__pagination .page-blog__pagination-icon {
  display: block;
  width: 12px;
  height: 12px;
  opacity: 0.65;
  transition: opacity 0.35s ease;
}

.page-blog__pagination .page-blog__pagination-icon--prev {
  transform: rotate(180deg);
}

.page-blog__pagination a.prev:hover .page-blog__pagination-icon,
.page-blog__pagination a.next:hover .page-blog__pagination-icon {
  opacity: 1;
}

.page-blog__pagination span.prev,
.page-blog__pagination span.next {
  opacity: 0.3;
  pointer-events: none;
}

.page-blog__pagination .dots {
  min-width: auto;
  padding: 0 4px;
  pointer-events: none;
}

@media (max-width: 1023px) {
  .page-blog {
    padding: 32px 0 72px;
  }
  .page-blog__inner {
    gap: 32px;
  }
  .page-blog__featured {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .page-blog__featured-body {
    padding: 20px;
  }
  .page-blog__featured-media img {
    min-height: 200px;
  }
  .page-blog__featured-title {
    font-size: 18px;
  }
  .page-blog__pagination {
    margin-top: 32px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .page-blog__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .page-blog__grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }
}

.blog-single {
  padding: 62px 0 0px;
  background: #ffffff;
}

@media (max-width: 1023px) {
  .blog-single {
    padding: 32px 0 0px;
  }
}

.blog-single__inner {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  min-height: 1px;
}

.blog-single__head {
  order: 1;
  margin-bottom: 0;
}

.blog-single__title {
  margin: 0;
  padding-bottom: 24px;
  border-bottom: 1px solid #e6e6e6;
  color: #000000;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.25;
}

@media (max-width: 1023px) {
  .blog-single__title {
    padding-bottom: 24px;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.3;
  }
}

.blog-single__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  order: 2;
  margin-bottom: 24px;
  margin-top: 42px;
}

@media (max-width: 1023px) {
  .blog-single__meta {
    order: 3;
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: auto auto;
    align-items: center;
    margin-bottom: 0;
    margin-top: 14px;
    gap: 24px 12px;
  }
}

.blog-single__author {
  display: flex;
  align-items: center;
  gap: 16px;
  min-width: 0;
}

@media (max-width: 1023px) {
  .blog-single__author {
    grid-column: 1;
    grid-row: 2;
    gap: 12px;
  }
}

.blog-single__author-avatar {
  display: block;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}

.blog-single__author-text {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

.blog-single__author-name {
  margin: 0;
  color: #000000;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
}

@media (max-width: 1023px) {
  .blog-single__author-name {
    font-size: 14px;
  }
}

.blog-single__date {
  display: flex;
  align-items: center;
  display: none;
  gap: 6px;
  margin: 0;
}

.blog-single__date-icon {
  display: block;
  width: 12px;
  height: 12px;
  flex-shrink: 0;
}

.blog-single__date-text {
  color: #000000;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2;
}

@media (max-width: 1023px) {
  .blog-single__date-text {
    font-size: 12px;
  }
}

.blog-single__category {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  color: #000000;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2;
  flex-shrink: 0;
}

@media (max-width: 1023px) {
  .blog-single__category {
    grid-column: 1 / -1;
    grid-row: 1;
  }
}

.blog-single__category-dot {
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #ee0000;
  flex-shrink: 0;
}

.blog-single__share-group {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}

@media (max-width: 1023px) {
  .blog-single__share-group {
    grid-column: 2;
    grid-row: 2;
    margin-left: 0;
    justify-self: end;
    align-self: center;
  }
}

.blog-single__share-label {
  color: #000000;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
}

.blog-single__share {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  padding: 0;
  border: 1px solid #e6e6e6;
  border-radius: 50%;
  background: #ffffff;
  cursor: pointer;
}

.blog-single__share img {
  display: block;
  width: 10px;
  height: 10px;
  pointer-events: none;
}

.blog-single__media {
  order: 3;
  margin: 0;
  border-radius: 12px;
  overflow: hidden;
  aspect-ratio: 16 / 9;
  background: #f6f7f9;
}

@media (max-width: 1023px) {
  .blog-single__media {
    order: 2;
    margin-top: 24px;
  }
}

.blog-single__media-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.blog-single__content {
  order: 4;
  margin-top: 72px;
  color: #7b7b7b;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}

@media (max-width: 1023px) {
  .blog-single__content {
    margin-top: 42px;
  }
}

.blog-single__content p {
  margin: 0 0 16px;
}

.blog-single__content p:last-child {
  margin-bottom: 0;
}

.blog-single__content h2,
.blog-single__content h3,
.blog-single__content h4 {
  margin: 24px 0 16px;
  color: #000000;
  font-weight: 500;
  line-height: 1.3;
}

.blog-single__content > :is(h2, h3, h4):first-child,
.blog-single__content h2:first-of-type,
.blog-single__content h3:first-of-type,
.blog-single__content h4:first-of-type {
  margin-top: 0;
}

.blog-single__content h2 {
  font-size: 16px;
}

.blog-single__content h3 {
  font-size: 15px;
}

.blog-single__content h4 {
  font-size: 14px;
}

.blog-single__content ul,
.blog-single__content ol {
  margin: 0 0 16px;
  padding-left: 24px;
  list-style-position: outside;
}

.blog-single__content ul {
  list-style-type: disc;
}

.blog-single__content ol {
  list-style-type: decimal;
}

.blog-single__content li {
  margin-bottom: 8px;
}

.blog-single__content li:last-child {
  margin-bottom: 0;
}

.blog-single__content ul ul,
.blog-single__content ol ol,
.blog-single__content ul ol,
.blog-single__content ol ul {
  margin-top: 8px;
  margin-bottom: 0;
}

.blog-single__content a {
  color: #ee0000;
  text-decoration: none;
}

.blog-single__content a:hover {
  opacity: 0.8;
}

.blog-single__content figure,
.blog-single__content .wp-block-image,
.blog-single__content .wp-block-gallery {
  margin: 0 0 16px;
}

.blog-single__content img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-bottom: 16px;
  border-radius: 12px;
}

.blog-single__content figure img,
.blog-single__content .wp-block-image img,
.blog-single__content .wp-block-gallery img {
  margin-bottom: 0;
}

.blog-single__content table {
  width: 100%;
  margin: 0 0 16px;
  border: 1px solid #e6e6e6;
}

.blog-single__content th,
.blog-single__content td {
  padding: 10px 12px;
  border: 1px solid #e6e6e6;
  text-align: left;
  vertical-align: top;
}

.blog-single__content th {
  color: #000000;
  font-weight: 600;
  background: #f7f7f7;
}

.blog-single__breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 120px;
  margin-bottom: 24px;
}

@media (max-width: 1023px) {
  .blog-single__breadcrumb {
    margin-top: 72px;
  }
}

.blog-single__breadcrumb-link,
.blog-single__breadcrumb a {
  color: #838890;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  text-decoration: none;
  transition: color 0.35s ease;
}

.blog-single__breadcrumb-link:hover,
.blog-single__breadcrumb a:hover {
  color: #0a0a0a;
}

.blog-single__breadcrumb-home {
  display: inline-flex;
  line-height: 0;
}

.blog-single__breadcrumb-home img {
  display: block;
  width: 14px;
  height: 14px;
}

.blog-single__breadcrumb-sep {
  display: inline-flex;
  flex-shrink: 0;
  line-height: 0;
}

.blog-single__breadcrumb-sep img {
  display: block;
  width: 12px;
  height: 12px;
}

.blog-single__breadcrumb-current {
  color: #0a0a0a;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
}

@media (max-width: 1023px) {
  .blog-single__breadcrumb {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .blog-single__breadcrumb::-webkit-scrollbar {
    display: none;
  }
  .blog-single__breadcrumb-link,
  .blog-single__breadcrumb a,
  .blog-single__breadcrumb-current,
  .blog-single__breadcrumb-sep,
  .blog-single__breadcrumb-home {
    flex-shrink: 0;
  }
  .blog-single__breadcrumb-link,
  .blog-single__breadcrumb a,
  .blog-single__breadcrumb-current {
    white-space: nowrap;
  }
}

.page-404 {
  padding: 80px 0 120px;
  background: #ffffff;
}

@media (max-width: 1023px) {
  .page-404 {
    padding: 48px 0 72px;
  }
}

.page-404__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  max-width: 520px;
  margin-left: auto;
  margin-right: auto;
}

.page-404__code {
  margin: 0 0 16px;
  color: #ee0000;
  font-size: 72px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.02em;
}

@media (max-width: 1023px) {
  .page-404__code {
    font-size: 56px;
  }
}

.page-404__title {
  margin: 0 0 12px;
  color: #000000;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.25;
}

@media (max-width: 1023px) {
  .page-404__title {
    font-size: 22px;
  }
}

.page-404__text {
  margin: 0 0 32px;
  color: #7b7b7b;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}

.page-404__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.page-404__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 12px 26px;
  border-radius: 800px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
  transition: background 0.35s ease, color 0.35s ease, border-color 0.35s ease;
}

.page-404__btn--primary {
  border: 0;
  background: #ee0000;
  color: #ffffff;
}

.page-404__btn--primary:hover {
  background: #d40000;
  color: #ffffff;
}

.page-search {
  padding: 62px 0 120px;
  background: #ffffff;
}

@media (max-width: 1023px) {
  .page-search {
    padding: 32px 0 72px;
  }
}

.page-search__inner {
  display: flex;
  flex-direction: column;
  gap: 42px;
  min-height: 1px;
}

@media (max-width: 1023px) {
  .page-search__inner {
    gap: 32px;
  }
}

.page-search__empty {
  margin: 0;
  color: #7b7b7b;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}

.page-search__tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 0px;
}

.page-search__tab {
  display: inline-flex;
  align-items: center;
  padding: 16px 20px;
  border: 1px solid #f5f5f5;
  border-radius: 6px;
  background: transparent;
  color: #838890;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  cursor: pointer;
  transition: background 0.35s ease, border-color 0.35s ease, color 0.35s ease;
}

.page-search__tab.is-active {
  border-color: #f5f5f5;
  background: #202020;
  color: #ffffff;
}

.page-search__panels {
  display: flex;
  flex-direction: column;
}

.page-search__panel {
  display: none;
}

.page-search__panel.is-active {
  display: block;
}

.page-search__section {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.page-search .product-card-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 42px 15px;
}

@media (max-width: 1199px) {
  .page-search .product-card-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 1023px) {
  .page-search .product-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }
}

@media (max-width: 767px) {
  .page-search .product-card-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

.page-search__section-title {
  margin: 0;
  color: #000000;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.3;
}

@media (max-width: 1023px) {
  .page-search__section-title {
    font-size: 18px;
  }
}

.page-search__pagination {
  display: flex;
  justify-content: center;
  margin-top: 82px;
}

.page-search__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  height: 36px;
  padding: 0 8px;
  border-radius: 4px;
  color: #000000;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
  transition: background 0.35s ease, color 0.35s ease;
}

.page-search__pagination .page-numbers.current {
  background: #ee0000;
  color: #ffffff;
}

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

.page-search__pagination li {
  margin: 0;
  padding: 0;
}

.page-search__pagination-icon {
  display: block;
  width: 12px;
  height: 12px;
}

.page-search__pagination-icon--prev {
  transform: rotate(180deg);
}

@media (max-width: 1023px) {
  .page-search__tabs {
    margin-bottom: 0px;
  }
  .page-search__tab {
    padding: 14px 16px;
    font-size: 13px;
  }
}

.page-urun-archive {
  padding: 62px 0 120px;
  background: #ffffff;
}

@media (max-width: 1023px) {
  .page-urun-archive {
    padding: 32px 0 72px;
  }
}

.page-urun-archive__layout {
  display: grid;
  grid-template-columns: minmax(0, 3fr) minmax(0, 9fr);
  gap: 40px;
  align-items: start;
}

.page-urun-archive__layout--full {
  grid-template-columns: minmax(0, 1fr);
}

.page-urun-archive__sidebar {
  min-width: 0;
}

@media (max-width: 1023px) {
  .page-urun-archive__sidebar {
    display: none;
  }
}

@media (min-width: 1024px) {
  .page-urun-archive__sidebar {
    position: sticky;
    top: 24px;
    align-self: start;
    max-height: calc(100vh - 48px);
    overflow-y: auto;
    scrollbar-width: thin;
  }
}

.page-urun-archive__filters {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.page-urun-archive__filter-acc {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.page-urun-archive__filter-acc--nested {
  gap: 12px;
  padding-bottom: 12px;
}

.page-urun-archive__filter-acc-group {
  border-bottom: 1px solid #f6f6f6;
}

.page-urun-archive__filter-acc-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 0;
  gap: 12px;
}

.page-urun-archive__filter-acc-group.is-open > .page-urun-archive__filter-acc-head {
  padding-top: 15px;
  padding-bottom: 15px;
}

.page-urun-archive__filter-acc-group.is-open {
  padding-bottom: 15px;
}

.page-urun-archive__filter-acc-link {
  flex: 0 1 auto;
  min-width: 0;
  padding: 0;
  color: #0a0a0a;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.35;
  transition: color 0.3s ease;
}

.page-urun-archive__filter-acc-link:hover {
  color: #ee0000;
}

.page-urun-archive__filter-acc-label {
  flex: 0 1 auto;
  min-width: 0;
  color: #0a0a0a;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.35;
}

.page-urun-archive__filter-check {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}

.page-urun-archive__filter-check-input {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin: 0;
  accent-color: #ee0000;
  cursor: pointer;
}

.page-urun-archive__filter-check-text {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1;
  min-width: 0;
  gap: 12px;
}

.page-urun-archive__filter-check-label {
  color: #0a0a0a;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.35;
}

.page-urun-archive__filter-check-count {
  flex-shrink: 0;
  color: #838890;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.35;
}

.page-urun-archive__filter-acc-toggle {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 1;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.page-urun-archive__filter-acc-chevron {
  display: block;
  width: 12px;
  height: 12px;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

@media (prefers-reduced-motion: reduce) {
  .page-urun-archive__filter-acc-chevron {
    transition: none;
  }
}

.page-urun-archive__filter-acc-group.is-open .page-urun-archive__filter-acc-chevron {
  transform: rotate(180deg);
}

.page-urun-archive__filter-acc-panel {
  display: grid;
  grid-template-rows: 0fr;
  margin: 0;
  transition: grid-template-rows 0.42s cubic-bezier(0.4, 0, 0.2, 1);
}

@media (prefers-reduced-motion: reduce) {
  .page-urun-archive__filter-acc-panel {
    transition: none;
  }
}

.page-urun-archive__filter-acc-group.is-open > .page-urun-archive__filter-acc-panel {
  grid-template-rows: 1fr;
}

.page-urun-archive__filter-acc-panel-inner {
  display: flex;
  flex-direction: column;
  gap: 12px;
  overflow: hidden;
  min-height: 0;
  opacity: 0;
  transform: translateY(-6px);
  transition: opacity 0.32s ease, transform 0.42s cubic-bezier(0.4, 0, 0.2, 1);
}

@media (prefers-reduced-motion: reduce) {
  .page-urun-archive__filter-acc-panel-inner {
    transform: none;
    transition: none;
  }
}

.page-urun-archive__filter-acc-group.is-open > .page-urun-archive__filter-acc-panel .page-urun-archive__filter-acc-panel-inner {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.06s;
}

.page-urun-archive__filter-item-link {
  display: block;
  padding: 0;
  color: #0a0a0a;
  padding-left: 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.35;
  transition: color 0.3s ease;
}

.page-urun-archive__filter-item-link:hover {
  color: #ee0000;
}

[data-urun-kategori-filter] .page-urun-archive__filter-flyout-viewport {
  position: relative;
  overflow: hidden;
}

[data-urun-kategori-filter] .page-urun-archive__filter-flyout-panel {
  position: absolute;
  top: 0;
  right: 0;
  bottom: auto;
  left: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  height: auto;
  background: #ffffff;
  transform: translateX(100%);
  visibility: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), visibility 0s linear 0.35s;
}

@media (prefers-reduced-motion: reduce) {
  [data-urun-kategori-filter] .page-urun-archive__filter-flyout-panel {
    transition: none;
  }
}

[data-urun-kategori-filter] .page-urun-archive__filter-flyout-panel.is-open {
  transform: translateX(0);
  visibility: visible;
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), visibility 0s;
}

[data-urun-kategori-filter] .page-urun-archive__filter-flyout-back {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: 12px;
  width: 100%;
  margin: 0;
  padding: 15px 0;
  border: 0;
  border-bottom: 1px solid #f6f6f6;
  background: transparent;
  color: #0a0a0a;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.35;
  text-align: left;
  cursor: pointer;
}

[data-urun-kategori-filter] .page-urun-archive__filter-flyout-back-chevron {
  flex-shrink: 0;
  display: block;
  width: 12px;
  height: 12px;
  transform: rotate(90deg);
}

[data-urun-kategori-filter] .page-urun-archive__filter-flyout-back-label {
  min-width: 0;
}

[data-urun-kategori-filter] .page-urun-archive__filter-flyout-viewport.is-panel-open {
  overflow: hidden;
}

[data-urun-kategori-filter] .page-urun-archive__filter-acc,
[data-urun-kategori-filter] .page-urun-archive__filter-acc--nested {
  gap: 0;
}

[data-urun-kategori-filter] .page-urun-archive__filter-acc--nested {
  padding-bottom: 0;
}

[data-urun-kategori-filter] .page-urun-archive__filter-acc-group.is-open {
  padding-bottom: 0;
}

[data-urun-kategori-filter] .page-urun-archive__filter-acc-chevron {
  transform: rotate(-90deg);
}

[data-urun-kategori-filter] .page-urun-archive__filter-acc-group.is-active .page-urun-archive__filter-acc-chevron {
  transform: rotate(90deg);
}

.page-urun-archive__filters-placeholder {
  margin: 0;
  padding: 24px 16px;
  border: 1px dashed #e6e6e6;
  border-radius: 8px;
  background: #f6f7f9;
  color: #838890;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  text-align: center;
}

.page-urun-archive__main {
  min-width: 0;
}

.page-urun-archive__banner {
  margin-bottom: 42px;
  border-radius: 12px;
  overflow: hidden;
}

.page-urun-archive__banner-img {
  display: block;
  width: 100%;
  height: auto;
  min-height: 120px;
  object-fit: cover;
  object-position: center center;
}

.page-urun-archive__toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 24px;
}

.page-urun-archive__count {
  margin: 0;
  color: #0a0a0a;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  white-space: nowrap;
}

.page-urun-archive__tools {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  flex: 1;
  min-width: 0;
}

.page-urun-archive__search {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 240px;
  padding: 0 16px;
  height: 40px;
  border-radius: 800px;
  background: #f6f7f9;
  box-sizing: border-box;
}

.page-urun-archive__search-icon {
  display: block;
  flex-shrink: 0;
  width: 14px;
  height: 14px;
}

.page-urun-archive__search-input {
  width: 100%;
  min-width: 140px;
  max-width: 220px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #0a0a0a;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  outline: none;
}

.page-urun-archive__search-input::placeholder {
  color: #0a0a0a;
  font-size: 14px;
  font-weight: 400;
  opacity: 1;
}

.page-urun-archive__search-input::-webkit-search-cancel-button, .page-urun-archive__search-input::-webkit-search-decoration {
  -webkit-appearance: none;
  appearance: none;
}

.page-urun-archive__search-input::-ms-clear {
  display: none;
}

.page-urun-archive__sort {
  position: relative;
  z-index: 1;
  list-style: none;
}

.page-urun-archive__sort[open] {
  z-index: 40;
}

.page-urun-archive__sort::-webkit-details-marker {
  display: none;
}

.page-urun-archive__sort-toggle {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  height: 40px;
  padding: 0 16px;
  border: 0;
  border-radius: 800px;
  background: #f6f7f9;
  color: #0a0a0a;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  white-space: nowrap;
  cursor: pointer;
  list-style: none;
  transition: background 0.25s ease;
}

.page-urun-archive__sort-toggle::-webkit-details-marker {
  display: none;
}

.page-urun-archive__sort[open] .page-urun-archive__sort-toggle {
  background: #eceef2;
}

.page-urun-archive__sort-icon {
  display: block;
  flex-shrink: 0;
  width: 14px;
  height: 14px;
}

.page-urun-archive__sort-open--mobile {
  display: none;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
  height: 40px;
  margin: 0;
  padding: 0 16px;
  border: 0;
  border-radius: 800px;
  background: #f6f7f9;
  color: #0a0a0a;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  white-space: nowrap;
  cursor: pointer;
}

.page-urun-archive__filters-toggle {
  display: none;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  height: 40px;
  margin: 0;
  padding: 0 16px;
  border: 0;
  border-radius: 800px;
  background: #f6f7f9;
  color: #0a0a0a;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  white-space: nowrap;
  cursor: pointer;
  transition: background 0.25s ease;
}

@media (max-width: 1023px) {
  .page-urun-archive__filters-toggle {
    display: inline-flex;
  }
}

.urun-filter-drawer {
  position: fixed;
  inset: 0;
  z-index: 280;
  pointer-events: none;
}

.urun-filter-drawer.is-open, .urun-filter-drawer.is-closing {
  pointer-events: auto;
}

body.urun-filter-drawer-open,
body.urun-sort-drawer-open {
  overflow: hidden;
}

.urun-filter-drawer__overlay {
  position: absolute;
  inset: 0;
  background: rgba(10, 10, 10, 0.45);
  opacity: 0;
  transition: opacity 0.35s ease;
}

@media (max-width: 1023px) {
  .urun-filter-drawer__overlay {
    display: none;
  }
}

.urun-filter-drawer.is-open .urun-filter-drawer__overlay,
.urun-filter-drawer.is-closing .urun-filter-drawer__overlay {
  opacity: 1;
}

.urun-filter-drawer__panel {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 100%;
  height: 100%;
  background: #ffffff;
  transform: translate3d(100%, 0, 0);
  transition: transform 0.35s ease;
  will-change: transform;
}

@media (max-width: 1023px) {
  .urun-filter-drawer__panel {
    left: 0;
    width: 100%;
    max-width: none;
  }
}

.urun-filter-drawer.is-open .urun-filter-drawer__panel {
  transform: translate3d(0, 0, 0);
}

.urun-filter-drawer__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  padding: 20px 20px 16px;
  border-bottom: 1px solid #e6e6e6;
}

@media (max-width: 1023px) {
  .urun-filter-drawer__head {
    padding-top: calc(20px + env(safe-area-inset-top, 0px));
  }
}

.urun-filter-drawer__title {
  margin: 0;
  color: #0a0a0a;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
}

.urun-filter-drawer__close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #f6f7f9;
  cursor: pointer;
}

.urun-filter-drawer__close img {
  display: block;
  width: 18px;
  height: 18px;
}

.urun-filter-drawer__body {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 0 20px 24px;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
}

@media (max-width: 1023px) {
  .urun-filter-drawer__body {
    padding-bottom: calc(24px + env(safe-area-inset-bottom, 0px));
  }
}

.page-urun-archive__sort-label {
  font-size: 14px;
  font-weight: 400;
  color: #0a0a0a;
}

.page-urun-archive__sort-menu {
  position: absolute;
  top: calc(100% + 8px);
  left: 50%;
  z-index: 30;
  min-width: 220px;
  margin: 0;
  padding: 8px 0;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 12px 32px rgba(10, 10, 10, 0.12);
  list-style: none;
  opacity: 0;
  transform: translate(-50%, -8px) scale(0.98);
  transform-origin: top center;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease;
}

.page-urun-archive__sort[open]:not(.is-closing) .page-urun-archive__sort-menu {
  opacity: 1;
  transform: translate(-50%, 0) scale(1);
  visibility: visible;
  pointer-events: auto;
}

.page-urun-archive__sort.is-closing .page-urun-archive__sort-menu {
  opacity: 0;
  transform: translate(-50%, -8px) scale(0.98);
  visibility: hidden;
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  .page-urun-archive__sort-menu {
    transition: none;
  }
}

.page-urun-archive__sort-item {
  margin: 0;
}

.page-urun-archive__sort-link {
  display: block;
  padding: 10px 16px;
  color: #0a0a0a;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  text-decoration: none;
  transition: background 0.2s ease;
}

.page-urun-archive__sort-link:hover {
  background: #f6f7f9;
}

.page-urun-archive__sort-link.is-active {
  font-weight: 500;
  color: #ff000f;
}

.page-urun-archive__sort-menu--drawer {
  position: static;
  min-width: 0;
  opacity: 1;
  transform: none;
  visibility: visible;
  pointer-events: auto;
  box-shadow: none;
  padding: 8px 0 0;
}

.page-urun-archive__sort-menu--drawer .page-urun-archive__sort-item {
  border-bottom: 1px solid #e6e6e6;
}

.page-urun-archive__sort-menu--drawer .page-urun-archive__sort-link {
  padding: 16px 0;
}

.page-urun-archive__view {
  display: inline-flex;
  align-items: stretch;
  overflow: hidden;
  border-radius: 800px;
  background: #f6f7f9;
}

.page-urun-archive__view-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 40px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #838890;
  cursor: pointer;
  transition: background 0.35s ease, color 0.35s ease;
}

.page-urun-archive__view-btn.is-active {
  background: #ff000f;
  color: #ffffff;
}

.page-urun-archive__view-icon {
  display: block;
  flex-shrink: 0;
  width: 15px;
  height: 15px;
}

.page-urun-archive__view-btn:not(.is-active) .page-urun-archive__view-icon--grid {
  filter: brightness(0) saturate(100%) invert(55%) sepia(5%) saturate(377%) hue-rotate(182deg) brightness(95%) contrast(86%);
}

.page-urun-archive__view-btn.is-active .page-urun-archive__view-icon--list {
  filter: brightness(0) invert(1);
}

.page-urun-archive__toolbar--static .page-urun-archive__view-btn {
  pointer-events: none;
}

@media (max-width: 1023px) {
  .page-urun-archive__toolbar {
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
  }
  .page-urun-archive__tools {
    justify-content: flex-start;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding-bottom: 2px;
  }
  .page-urun-archive__tools::-webkit-scrollbar {
    display: none;
  }
  .page-urun-archive__search,
  .page-urun-archive__filters-toggle,
  .page-urun-archive__sort-open--mobile {
    flex-shrink: 0;
  }
  .page-urun-archive__sort--desktop {
    display: none;
  }
  .page-urun-archive__sort-open--mobile {
    display: inline-flex;
  }
  .page-urun-archive__search-input {
    max-width: none;
  }
}

@media (max-width: 1023px) {
  .page-urun-archive__layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 32px;
  }
}

.page-urun-archive__title {
  margin: 0 0 32px;
  color: #000000;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.25;
}

@media (max-width: 1023px) {
  .page-urun-archive__title {
    margin-bottom: 24px;
    font-size: 22px;
  }
}

.page-urun-archive__empty {
  margin: 0;
  color: #7b7b7b;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}

.page-urun-archive .page-blog__pagination {
  margin-top: 82px;
}

@media (max-width: 1023px) {
  .page-urun-archive .page-blog__pagination {
    margin-top: 72px;
  }
}

.page-urun-archive__seo {
  width: 100%;
  margin-top: 120px;
  padding: 42px 0;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  box-sizing: border-box;
}

@media (max-width: 1023px) {
  .page-urun-archive__seo {
    margin-top: 72px;
    padding: 32px 0;
  }
}

.page-urun-archive__seo-content {
  overflow: hidden;
  transition: max-height 0.35s ease;
  color: #0a0a0a;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}

.page-urun-archive__seo-content-inner {
  min-height: 0;
}

.page-urun-archive__seo-content-inner p {
  margin: 0 0 12px;
}

.page-urun-archive__seo-content-inner p:last-child {
  margin-bottom: 0;
}

.page-urun-archive__seo-content-inner strong,
.page-urun-archive__seo-content-inner b {
  font-weight: 700;
}

.page-urun-archive__seo-toggle {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-top: 24px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #0a0a0a;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  cursor: pointer;
}

.page-urun-archive__seo-toggle[hidden] {
  display: none;
}

.page-urun-archive__seo-toggle.is-expanded .page-urun-archive__seo-toggle-icon {
  transform: rotate(90deg);
}

.page-urun-archive__seo-toggle-label {
  transition: opacity 0.35s ease;
}

.page-urun-archive__seo-toggle-icon {
  display: block;
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  transition: transform 0.35s ease;
}

.product-card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 42px 15px;
}

@media (max-width: 1023px) {
  .product-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }
}

@media (min-width: 1200px) and (max-width: 1365px) {
  .product-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .product-card-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

.product-card {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

.product-card--category .product-card__body {
  padding-top: 18px;
}

.product-card__media {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1 / 1;
  padding: 24px;
  border-radius: 16px;
  overflow: hidden;
  background: #f6f7f9;
  box-sizing: border-box;
}

.product-card__media img {
  display: block;
  width: auto;
  height: auto;
  max-width: 80%;
  max-height: 100%;
  object-fit: contain;
  object-position: center;
  transition: transform 0.35s ease;
}

.product-card__media:hover img {
  transform: scale(1.03);
}

.product-card__body {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 6px;
  padding-top: 18px;
}

.product-card__title {
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.35;
}

.product-card__title a {
  color: #0a0a0a;
  text-decoration: none;
  transition: color 0.35s ease;
}

.product-card__title a:hover {
  color: #ee0000;
}

.product-card__code {
  margin: 0;
  color: #838890;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
}

.product-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: auto;
  padding-top: 10px;
}

.product-card__price {
  margin: 0;
  color: #0a0a0a;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
}

.product-card__price--empty {
  min-width: 1px;
}

.product-card__actions {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}

.product-card__qty {
  display: flex;
  align-items: stretch;
  overflow: hidden;
  border: 1px solid #e6e6e6;
  border-radius: 999px;
  background: #ffffff;
}

.product-card__qty-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  min-height: 40px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  cursor: pointer;
}

.product-card__qty-value {
  display: block;
  width: 48px;
  min-width: 40px;
  min-height: 40px;
  padding: 0 8px;
  border: 0;
  border-right: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-radius: 0;
  background: transparent;
  color: #000000;
  font-size: 14px;
  text-align: center;
  appearance: textfield;
  -moz-appearance: textfield;
  font-weight: 500;
  line-height: 1.2;
}

.product-card__qty-value::-webkit-outer-spin-button, .product-card__qty-value::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.product-card__qty-value:focus {
  outline: none;
}

.product-card__cart {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 25px;
  border: 1px solid #fbd2d3;
  border-radius: 71px;
  background: #ffffff;
  cursor: pointer;
  transition: border-color 0.35s ease, background 0.35s ease;
}

.product-card__cart:hover {
  border-color: #ee0000;
  background: #ee0000;
}

.product-card__cart:hover img {
  filter: brightness(0) invert(1);
}

.product-card__cart img {
  display: block;
  width: 16px;
  height: 16px;
  filter: brightness(0) saturate(100%) invert(12%) sepia(99%) saturate(7492%) hue-rotate(353deg) brightness(95%) contrast(118%);
  pointer-events: none;
  transition: filter 0.35s ease;
}

/*# sourceMappingURL=style.css.map */