/* --- journal customCSS ayarindan tasindi --- */
:root {
  --urun-bosluk: 10px;
  --urun-bosluk-mobil: 10px;
  --urun-yan-mobil: 5px;
  --baslik-alt: 10px;
  --buton-ara: 5px;
  --buton-yuk: 48px;
  --urun-radius: 10px;
  --vh-primary: #1876d2;
  --vh-primary-hover: #0f5fae;
  --vh-border: #dce8f6;
  --vh-border-focus: #86c4ff;
  --vh-soft-bg: #f3f9ff;
  --vh-text: #111827;
  --vh-muted: #6b7280;
  --vh-danger: #ef4444;
  --vh-home-final-width: 1145px;
  --vh-home-final-gap: 15px;
}

/* ============================================================
   HEADER
   ============================================================ */

.header .top-bar.navbar-nav ul.j-menu > li > a {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

.header .mid-bar.navbar-nav ul.j-menu > li.top-menu-item-1 > a,
.header .mid-bar.navbar-nav ul.j-menu > li.top-menu-item-4 > a,
.header .mid-bar.navbar-nav ul.j-menu > li.top-menu-item-5 > a,
.header .mid-bar.navbar-nav ul.j-menu > li.top-menu-item-8 > a,
.header .mid-bar.navbar-nav ul.j-menu > li.top-menu-item-12 > a {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  border-radius: 10px;
  line-height: 1.15;
}

.header .mid-bar.navbar-nav ul.j-menu > li.top-menu-item-1 > a,
.header .mid-bar.navbar-nav ul.j-menu > li.top-menu-item-4 > a,
.header .mid-bar.navbar-nav ul.j-menu > li.top-menu-item-5 > a,
.header .mid-bar.navbar-nav ul.j-menu > li.top-menu-item-8 > a,
.header .mid-bar.navbar-nav ul.j-menu > li.top-menu-item-12 > a {
  border: 1px solid #f0f2f5 !important;
  background-color: #f0f2f5 !important;
}

.header .mid-bar.navbar-nav ul.j-menu > li.top-menu-item-1 > a small,
.header .mid-bar.navbar-nav ul.j-menu > li.top-menu-item-4 > a small,
.header .mid-bar.navbar-nav ul.j-menu > li.top-menu-item-5 > a small,
.header .mid-bar.navbar-nav ul.j-menu > li.top-menu-item-8 > a small,
.header .mid-bar.navbar-nav ul.j-menu > li.top-menu-item-12 > a small {
  display: block;
  margin-top: 3px;
  font-size: 11px;
  line-height: 1.1;
  opacity: 0.75;
}

.header .mid-bar.navbar-nav ul.j-menu > li.top-menu-item-4 ul a,
.header .mid-bar.navbar-nav ul.j-menu > li.top-menu-item-5 ul a,
.header .mid-bar.navbar-nav ul.j-menu > li.top-menu-item-8 ul a,
.header .mid-bar.navbar-nav ul.j-menu > li.top-menu-item-12 ul a {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

/* ============================================================
   YORUMLAR
   ============================================================ */

div.comment-form {
  margin-bottom: 30px;
  padding: 15px;
  border: 1px solid #dddddd;
  border-radius: 12px;
  background-color: #f0f2f5;
}

div.comment {
  margin-bottom: 15px;
  padding: 10px;
  border: 1px solid #dddddd;
  border-radius: 12px;
  background-color: #f0f2f5;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

/* ============================================================
   ÜRÜN SAYFASI
   ============================================================ */

.route-product-product:not(.popup) div#product > * {
  margin: 0 0 var(--urun-bosluk) 0 !important;
}

/* Son elemanin alt boslugu sifirlanir; ANCAK varyant karuseli
   (.vh-pp-prodvar) haric - onun altinda sekmelerle arasinda nefes
   payi kalmasi gerekiyor. */
.route-product-product:not(.popup)
  div#product
  > *:last-child:not(.vh-pp-prodvar) {
  margin-bottom: 0 !important;
}

.route-product-product:not(.popup) div#product > div:empty,
#error-custom-rug,
#vh-option-sheet {
  margin: 0 !important;
  padding: 0 !important;
}

@media (min-width: 769px) {
  .route-product-product:not(.popup) div#product > .title.page-title {
    margin-bottom: var(--baslik-alt) !important;
    padding-bottom: 0 !important;
  }
}

@media (max-width: 768px) {
  .route-product-product:not(.popup) div#product {
    padding-right: var(--urun-yan-mobil) !important;
    padding-left: var(--urun-yan-mobil) !important;
  }

  .route-product-product:not(.popup) div#product > * {
    margin-bottom: var(--urun-bosluk-mobil) !important;
  }

  .route-product-product:not(.popup)
    div#product
    > *:last-child:not(.vh-pp-prodvar) {
    margin-bottom: 0 !important;
  }
}

.route-product-product:not(.popup) div#product .product-options {
  box-sizing: border-box !important;
  padding: 5px !important;
}

.route-product-product:not(.popup)
  div#product
  .product-options
  .form-group {
  margin-bottom: 0 !important;
}

.route-product-product div#product .vh-fs.vh-fs-product {
  box-sizing: border-box !important;
  width: auto !important;
  max-width: 100% !important;
}

.route-product-product:not(.popup)
  div#product
  > .product-price-group.vh-spi-has-summary:not(.vh-spi-joined) {
  margin-bottom: var(--urun-bosluk) !important;
}

.route-product-product:not(.popup)
  div#product
  > .product-price-group.vh-spi-has-summary.vh-spi-joined {
  margin-bottom: 0 !important;
}

.route-product-product:not(.popup)
  div#product
  > #vh-spi.vh-spi-unified-layout:not(.is-open) {
  margin: 0 !important;
}

.route-product-product:not(.popup)
  div#product
  > #vh-spi.vh-spi-unified-layout.is-open {
  margin: 0 0 var(--urun-bosluk) 0 !important;
}

@media (max-width: 768px) {
  .route-product-product:not(.popup)
    div#product
    > .product-price-group.vh-spi-has-summary:not(.vh-spi-joined) {
    margin-bottom: var(--urun-bosluk-mobil) !important;
  }

  .route-product-product:not(.popup)
    div#product
    > #vh-spi.vh-spi-unified-layout.is-open {
    margin-bottom: var(--urun-bosluk-mobil) !important;
  }
}

.out-of-stock div.wishlist-compare,
.out-of-stock div.rating.rating-page,
.out-of-stock div.price-group,
.out-of-stock div.hpcm-coupon-container,
.out-of-stock div.grid-row.grid-row-248-1 {
  display: none !important;
}

div#spp_top {
  margin: 20px 0 var(--urun-bosluk) 0;
}

/* Özel ölçü */

#custom-rug {
  padding: 8px !important;
  border-radius: 8px !important;
  background: #effbf5;
}

#custom-rug p {
  margin: 0 !important;
  padding: 0 !important;
  font-weight: bold;
  line-height: 26px;
}

#custom-rug input {
  border-radius: 5px !important;
}

#custom-rug .form-group {
  margin-bottom: 0 !important;
}

#custom-rug .form-group .control-label {
  display: none !important;
}

/* ============================================================
   SEPETE EKLE VE FAVORİ
   ============================================================ */

.route-product-product:not(.popup) div#product .buttons-wrapper {
  display: flex !important;
  align-items: stretch !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: var(--buton-ara) !important;
}

.route-product-product:not(.popup)
  div#product
  .buttons-wrapper
  .stepper-group {
  flex: 1 1 auto !important;
  box-sizing: border-box !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  border: 0 !important;
}

.route-product-product:not(.popup)
  div#product
  .buttons-wrapper
  .wishlist-compare {
  flex: 0 0 auto !important;
  box-sizing: border-box !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

.route-product-product:not(.popup) div#product .buttons-wrapper .btn-cart,
.route-product-product:not(.popup)
  div#product
  .buttons-wrapper
  .wishlist-compare
  .btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  height: var(--buton-yuk) !important;
  min-height: var(--buton-yuk) !important;
  margin: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 1 !important;
}

.route-product-product:not(.popup)
  div#product
  .buttons-wrapper
  .btn-cart {
  width: 100% !important;
}

.route-product-product:not(.popup)
  div#product
  .buttons-wrapper
  .wishlist-compare
  .btn {
  width: auto !important;
  min-width: var(--buton-yuk) !important;
  padding-right: 12px !important;
  padding-left: 12px !important;
}

/* Normal akışta dış alt boşluk yok */
.route-product-product:not(.popup)
  div#product
  > div.button-group-page:last-child {
  margin-bottom: 0 !important;
}

/* ============================================================
   MOBİL STICKY ADD TO CART
   bottom: 0
   dış boşluk: 0
   iç padding: 7px
   ============================================================ */

@media (max-width: 768px) {
  .route-product-product:not(.popup)
    div#product
    > div.button-group-page,
  .route-product-product:not(.popup)
    div#product
    > div.button-group-page:last-child {
    box-sizing: border-box !important;
    margin: 0 !important;
    margin-bottom: 0 !important;
  }

  .route-product-product:not(.popup)
    .product-info
    .product-details
    .button-group-page {
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    box-sizing: border-box !important;
    width: 100% !important;
    margin: 0 !important;
    margin-bottom: 0 !important;
    padding: 7px !important;
  }

  .route-product-product:not(.popup)
    div#product
    > .button-group-page {
    margin-top: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
  }

  .route-product-product:not(.popup)
    div#product
    > .button-group-page
    .buttons-wrapper {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}

@media (min-width: 1025px) {
  .route-product-product:not(.popup)
    div#product
    > div.button-group-page {
    padding: 0 !important;
  }
}

/* ============================================================
   VARYANTLAR
   ============================================================ */

ul.prodvar {
  display: flex;
  align-content: flex-start;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: wrap;
  width: 100%;
  height: 105px;
  overflow-x: auto;
  overflow-y: hidden;
}

@media (max-width: 768px) {
  ul.prodvar {
    overflow-x: auto;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  ul.prodvar::-webkit-scrollbar {
    display: none;
  }
}

.varyantlar {
  margin: 0 !important;
  padding: 0 !important;
}

.block-wrapper .block-content {
  border-radius: var(--urun-radius);
}

.side-column > .grid-rows > .grid-row > .grid-cols > .grid-col {
  border-radius: var(--urun-radius);
}

#hprmp-carousel .card {
  width: unset;
}

.containerTestimonial {
  overflow: hidden;
}

.caption .rating {
  margin-left: 5px !important;
}

.caption .rating > span:first-child {
  font-weight: 600;
}

.product-label-411 b {
  background: #06616f !important;
}

#product-discussion .media-left {
  display: none;
}

/* ============================================================
   MOBİL KUPON ŞERİDİ
   ============================================================ */

@media (max-width: 768px) {
  .hpcm-coupon-container {
    display: flex !important;
    align-items: flex-start !important;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    gap: 8px !important;
  }

  .hpcm-label {
    flex: 0 0 auto !important;
    margin: 0 0 0 5px !important;
    padding-top: 3px !important;
    padding-bottom: 0 !important;
    white-space: nowrap !important;
  }

  .hpcm-minicoupons {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-wrap: nowrap !important;
    gap: 5px !important;
    margin-bottom: 0 !important;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-behavior: smooth;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  .hpcm-minicoupons::-webkit-scrollbar {
    display: none;
  }

  .hpcm-minicoupons .mini-coupon-item {
    flex: 0 0 auto !important;
    margin-bottom: 0 !important;
  }
}

/* ============================================================
   ANA SAYFA ÜRÜN MODÜLLERİ
   ============================================================ */

.module-products-422,
.module-products-345,
.module-products-375,
.module-products-257,
.module-products-421,
.module-products-420 {
  --vh-module-bg: linear-gradient(
    135deg,
    rgba(24, 118, 210, 0.08) 0%,
    #ffffff 50%,
    rgba(24, 118, 210, 0.04) 100%
  );

  position: relative;
  box-sizing: border-box;
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--vh-border) !important;
  border-radius: 12px !important;
  background: var(--vh-module-bg) !important;
  background-image: var(--vh-module-bg) !important;
  box-shadow: none !important;
}

.module-products-345 {
  --vh-module-bg: linear-gradient(
    135deg,
    rgba(24, 118, 210, 0.12) 0%,
    #ffffff 48%,
    rgba(15, 95, 174, 0.06) 100%
  );

  background-repeat: no-repeat !important;
  background-size: auto !important;
}

.module-products-422::before,
.module-products-345::before,
.module-products-375::before,
.module-products-257::before,
.module-products-421::before,
.module-products-420::before {
  content: "";
  position: absolute;
  z-index: 4;
  top: 0;
  right: 0;
  left: 0;
  height: 3px;
  pointer-events: none;
  background: linear-gradient(
    90deg,
    rgba(24, 118, 210, 0.25),
    rgba(24, 118, 210, 0.9),
    rgba(24, 118, 210, 0.25)
  );
}

.module-products-422 .module-title,
.module-products-422 .module-title a,
.module-products-422 .box-heading,
.module-products-422 .box-heading a,
.module-products-422 .box-title,
.module-products-345 .module-title,
.module-products-345 .module-title a,
.module-products-345 .box-heading,
.module-products-345 .box-heading a,
.module-products-345 .box-title,
.module-products-375 .module-title,
.module-products-375 .module-title a,
.module-products-375 .box-heading,
.module-products-375 .box-heading a,
.module-products-375 .box-title,
.module-products-257 .module-title,
.module-products-257 .module-title a,
.module-products-257 .box-heading,
.module-products-257 .box-heading a,
.module-products-257 .box-title,
.module-products-421 .module-title,
.module-products-421 .module-title a,
.module-products-421 .box-heading,
.module-products-421 .box-heading a,
.module-products-421 .box-title,
.module-products-420 .module-title,
.module-products-420 .module-title a,
.module-products-420 .box-heading,
.module-products-420 .box-heading a,
.module-products-420 .box-title {
  color: var(--vh-text) !important;
  text-shadow: none !important;
}

@media (min-width: 769px) and (hover: hover) {
  .module-products-422:hover,
  .module-products-345:hover,
  .module-products-375:hover,
  .module-products-257:hover,
  .module-products-421:hover,
  .module-products-420:hover {
    border-color: var(--vh-border-focus) !important;
  }
}

@media (max-width: 767px) {
  .module-products-422,
  .module-products-345,
  .module-products-375,
  .module-products-257,
  .module-products-421,
  .module-products-420 {
    box-sizing: border-box;
    margin-right: 5px !important;
    margin-left: 5px !important;
    border-radius: 12px !important;
  }
}

.module-products-422 .product-layout .product-thumb .btn-wishlist,
.module-products-345 .product-layout .product-thumb .btn-wishlist,
.module-products-375 .product-layout .product-thumb .btn-wishlist,
.module-products-257 .product-layout .product-thumb .btn-wishlist,
.module-products-421 .product-layout .product-thumb .btn-wishlist,
.module-products-420 .product-layout .product-thumb .btn-wishlist {
  position: absolute;
  z-index: 2;
  right: 7px;
  bottom: -25px;
}

/* ============================================================
   BLOG
   ============================================================ */

.grid-col.grid-col-content-bottom-1-1 {
  --vh-blog-bg: linear-gradient(
    135deg,
    rgba(24, 118, 210, 0.08) 0%,
    #ffffff 50%,
    rgba(24, 118, 210, 0.04) 100%
  );

  position: relative;
  box-sizing: border-box;
  margin: 10px 0;
  padding: 10px 15px;
  overflow: hidden;
  border: 1px solid var(--vh-border) !important;
  border-radius: 12px !important;
  background: var(--vh-blog-bg) !important;
  background-image: var(--vh-blog-bg) !important;
  box-shadow: none !important;
}

.grid-col.grid-col-content-bottom-1-1::before {
  content: "";
  position: absolute;
  z-index: 4;
  top: 0;
  right: 0;
  left: 0;
  height: 3px;
  pointer-events: none;
  background: linear-gradient(
    90deg,
    rgba(24, 118, 210, 0.25),
    rgba(24, 118, 210, 0.9),
    rgba(24, 118, 210, 0.25)
  );
}

.grid-col.grid-col-content-bottom-1-1 .box.oc-module,
.grid-col.grid-col-content-bottom-1-1 .module-body {
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.grid-col.grid-col-content-bottom-1-1 .module-title,
.grid-col.grid-col-content-bottom-1-1 .module-title a,
.grid-col.grid-col-content-bottom-1-1 .box-heading,
.grid-col.grid-col-content-bottom-1-1 .box-heading a,
.grid-col.grid-col-content-bottom-1-1 .box-title,
.grid-col.grid-col-content-bottom-1-1 .box-title a {
  border: 0 !important;
  background: transparent !important;
  color: var(--vh-text) !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}

.grid-col.grid-col-content-bottom-1-1 .module-item {
  box-sizing: border-box !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--vh-border) !important;
  border-radius: 10px !important;
  background: rgba(255, 255, 255, 0.88) !important;
  box-shadow: none !important;
  transition:
    border-color 0.18s ease,
    background-color 0.18s ease;
}

.grid-col.grid-col-content-bottom-1-1 .module-item:hover {
  border-color: var(--vh-border-focus) !important;
  background: #ffffff !important;
}

.grid-col.grid-col-content-bottom-1-1 .module-item .btn,
.grid-col.grid-col-content-bottom-1-1 .module-item button {
  border-color: var(--vh-primary) !important;
  background: var(--vh-primary) !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

.grid-col.grid-col-content-bottom-1-1 .module-item .btn:hover,
.grid-col.grid-col-content-bottom-1-1 .module-item button:hover {
  border-color: var(--vh-primary-hover) !important;
  background: var(--vh-primary-hover) !important;
  color: #ffffff !important;
}

@media (max-width: 767px) {
  .grid-col.grid-col-content-bottom-1-1 {
    box-sizing: border-box !important;
    width: calc(100% - 10px) !important;
    max-width: calc(100% - 10px) !important;
    margin: 10px 5px !important;
    padding: 10px !important;
    border-radius: 12px !important;
  }
}

/* ============================================================
   DİĞER
   ============================================================ */

.mobile-custom-menu {
  margin-right: 25px;
  margin-left: -20px;
}

.table-order .product-thumb img {
  display: block;
  max-width: 100%;
  height: auto;
}

.table-order .product-cell {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.table-order .product-name {
  line-height: 1.25;
}

@media (min-width: 992px) {
  div.container-hprmp.box.oc-module.container,
  div.container-hprmp.box.oc-module.comtainer {
    position: relative;
    left: -13px;
  }
}

/* Yanıp sönen popup butonu */

@keyframes vh-blink-binary {
  0%,
  49.99% {
    opacity: 1;
  }

  50%,
  100% {
    opacity: 0;
  }
}

a.btn[href^="javascript:open_popup"]::before,
a.btn[onclick*="open_popup(430)"]::before {
  animation: vh-blink-binary 1s steps(1, end) infinite !important;
  will-change: opacity;
  pointer-events: none;
}

a.btn[href^="javascript:open_popup"]:hover::before,
a.btn[onclick*="open_popup(430)"]:hover::before,
a.btn[href^="javascript:open_popup"]:focus-visible::before,
a.btn[onclick*="open_popup(430)"]:focus-visible::before {
  animation-play-state: paused !important;
  opacity: 1 !important;
}

/* Popup köşeleri */

div.title.popup-header {
  overflow: hidden;
  border-top-left-radius: 8px !important;
  border-top-right-radius: 8px !important;
}

div.popup-footer {
  overflow: hidden;
  border-bottom-right-radius: 8px !important;
  border-bottom-left-radius: 8px !important;
}

div.popup-body {
  overflow: hidden;
  border-radius: 8px !important;
}

/* Mobil ürün etiketleri */

@media (max-width: 768px) {
  .product-thumb .tags,
  .product-right .tags,
  .product-info .tags,
  div.tags {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 6px !important;
    margin: 8px 0 0 0 !important;
    padding: 4px 0 4px 5px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    white-space: nowrap !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    -webkit-overflow-scrolling: touch;
  }

  .product-thumb .tags::-webkit-scrollbar,
  .product-right .tags::-webkit-scrollbar,
  .product-info .tags::-webkit-scrollbar,
  div.tags::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    background: transparent !important;
  }

  .product-thumb .tags a,
  .product-right .tags a,
  .product-info .tags a,
  .product-info .tags span,
  div.tags a,
  div.tags span {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 6px 10px !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 8px !important;
    background: #f3f4f6 !important;
    white-space: nowrap !important;
    line-height: 1.2 !important;
  }
}

/* ============================================================
   MOBİL ÜST YATAY CHIP MENÜSÜ
   ============================================================ */

@media (max-width: 768px) {
  .route-common-home .grid-row-top-1 {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 10px 0 !important;
    border: 0 !important;
    background: #f8f8f8 !important;
    background-image: none !important;
    box-shadow: none !important;
  }

  .route-common-home .grid-row-top-1 > .grid-cols,
  .route-common-home .grid-col-top-1-1,
  .route-common-home .grid-col-top-1-1 > .grid-items,
  .route-common-home .grid-item-top-1-1-1,
  .route-common-home .grid-item-top-1-1-1 > .module,
  .route-common-home
    div.grid-item.grid-item-top-1-1-1
    ul.module-body {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: #f8f8f8 !important;
    background-image: none !important;
    box-shadow: none !important;
  }

  div.grid-item.grid-item-top-1-1-1 ul.module-body {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    box-sizing: border-box !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 10px !important;
    gap: 1px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    border-radius: 0 !important;
    list-style: none !important;
    white-space: nowrap !important;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
  }

  div.grid-item.grid-item-top-1-1-1
    ul.module-body::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
  }

  div.grid-item.grid-item-top-1-1-1 ul.module-body > li {
    display: block !important;
    flex: 0 0 auto !important;
    margin: 0 1px 0 0 !important;
    vertical-align: middle !important;
    scroll-snap-align: start;
  }

  div.grid-item.grid-item-top-1-1-1
    ul.module-body
    > li
    .links-text {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    max-width: 78vw !important;
    margin: 0 !important;
    padding: 9px 14px !important;
    gap: 6px !important;
    overflow: hidden !important;
    border: 1px solid var(--vh-border) !important;
    border-radius: 10px !important;
    background: linear-gradient(
      90deg,
      rgba(24, 118, 210, 0.1) 0%,
      #ffffff 45%,
      rgba(24, 118, 210, 0.04) 100%
    ) !important;
    color: var(--vh-primary) !important;
    font-size: 13px !important;
    font-weight: 520 !important;
    line-height: 1 !important;
    letter-spacing: 0.2px !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    box-shadow: none !important;
    transform: translateZ(0);
    transition:
      background 0.18s ease,
      border-color 0.18s ease,
      color 0.18s ease;
  }

  div.grid-item.grid-item-top-1-1-1
    ul.module-body
    > li
    .links-text,
  div.grid-item.grid-item-top-1-1-1
    ul.module-body
    > li
    .links-text
    a,
  div.grid-item.grid-item-top-1-1-1
    ul.module-body
    > li
    .links-text
    i,
  div.grid-item.grid-item-top-1-1-1
    ul.module-body
    > li
    .links-text
    svg {
    color: var(--vh-primary) !important;
    fill: currentColor !important;
  }

  div.grid-item.grid-item-top-1-1-1
    ul.module-body
    > li
    .links-text:hover,
  div.grid-item.grid-item-top-1-1-1
    ul.module-body
    > li
    .links-text:focus,
  div.grid-item.grid-item-top-1-1-1
    ul.module-body
    > li
    .links-text:active {
    border-color: var(--vh-border-focus) !important;
    background: #ffffff !important;
    color: var(--vh-primary-hover) !important;
    outline: none !important;
    box-shadow: none !important;
    transform: none !important;
  }

  div.grid-item.grid-item-top-1-1-1
    ul.module-body
    > li
    .links-text:hover
    a,
  div.grid-item.grid-item-top-1-1-1
    ul.module-body
    > li
    .links-text:focus
    a,
  div.grid-item.grid-item-top-1-1-1
    ul.module-body
    > li
    .links-text:active
    a,
  div.grid-item.grid-item-top-1-1-1
    ul.module-body
    > li
    .links-text:hover
    i,
  div.grid-item.grid-item-top-1-1-1
    ul.module-body
    > li
    .links-text:focus
    i,
  div.grid-item.grid-item-top-1-1-1
    ul.module-body
    > li
    .links-text:active
    i,
  div.grid-item.grid-item-top-1-1-1
    ul.module-body
    > li
    .links-text:hover
    svg,
  div.grid-item.grid-item-top-1-1-1
    ul.module-body
    > li
    .links-text:focus
    svg,
  div.grid-item.grid-item-top-1-1-1
    ul.module-body
    > li
    .links-text:active
    svg {
    color: var(--vh-primary-hover) !important;
    fill: currentColor !important;
  }

  div.grid-item.grid-item-top-1-1-1
    ul.module-body
    > li.active
    .links-text,
  div.grid-item.grid-item-top-1-1-1
    ul.module-body
    > li.is-active
    .links-text,
  div.grid-item.grid-item-top-1-1-1
    ul.module-body
    > li
    .links-text.active {
    border-color: transparent !important;
    background: linear-gradient(
      135deg,
      var(--vh-primary) 0%,
      var(--vh-primary-hover) 100%
    ) !important;
    color: #ffffff !important;
  }

  div.grid-item.grid-item-top-1-1-1
    ul.module-body
    > li.active
    .links-text,
  div.grid-item.grid-item-top-1-1-1
    ul.module-body
    > li.active
    .links-text
    a,
  div.grid-item.grid-item-top-1-1-1
    ul.module-body
    > li.active
    .links-text
    i,
  div.grid-item.grid-item-top-1-1-1
    ul.module-body
    > li.active
    .links-text
    svg,
  div.grid-item.grid-item-top-1-1-1
    ul.module-body
    > li.is-active
    .links-text,
  div.grid-item.grid-item-top-1-1-1
    ul.module-body
    > li.is-active
    .links-text
    a,
  div.grid-item.grid-item-top-1-1-1
    ul.module-body
    > li.is-active
    .links-text
    i,
  div.grid-item.grid-item-top-1-1-1
    ul.module-body
    > li.is-active
    .links-text
    svg {
    color: #ffffff !important;
    fill: #ffffff !important;
  }
}

/* ============================================================
   ÜRÜN SAYFASI SEKMELERİ
   ============================================================ */

.route-product-product:not(.popup) .product-tabs,
.route-product-product:not(.popup) .tabs-container,
.route-product-product:not(.popup) .product-tabs-container {
  position: relative;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.route-product-product:not(.popup) .product-tabs .nav-tabs,
.route-product-product:not(.popup) .tabs-container .nav-tabs,
.route-product-product:not(.popup)
  .product-tabs-container
  .nav-tabs {
  position: relative;
  z-index: 2;
  margin-bottom: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.route-product-product:not(.popup) .product-tabs .nav-tabs > li,
.route-product-product:not(.popup)
  .product-tabs
  .nav-tabs
  > li
  > a,
.route-product-product:not(.popup) .tabs-container .nav-tabs > li,
.route-product-product:not(.popup)
  .tabs-container
  .nav-tabs
  > li
  > a,
.route-product-product:not(.popup)
  .product-tabs-container
  .nav-tabs
  > li,
.route-product-product:not(.popup)
  .product-tabs-container
  .nav-tabs
  > li
  > a {
  border: 0 !important;
  border-radius: 8px 8px 0 0 !important;
  box-shadow: none !important;
}

.route-product-product:not(.popup) .product-tabs .tab-content,
.route-product-product:not(.popup) .tabs-container .tab-content,
.route-product-product:not(.popup)
  .product-tabs-container
  .tab-content {
  box-sizing: border-box;
  padding-top: 45px !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

.route-product-product:not(.popup) #tab-description {
  box-sizing: border-box;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.route-product-product:not(.popup)
  .product-tabs
  .tab-content
  > .tab-pane,
.route-product-product:not(.popup)
  .tabs-container
  .tab-content
  > .tab-pane,
.route-product-product:not(.popup)
  .product-tabs-container
  .tab-content
  > .tab-pane {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.route-product-product:not(.popup)
  #tab-description
  > *:first-child {
  margin-top: 0 !important;
}

@media (max-width: 768px) {
  .route-product-product:not(.popup) .product-tabs .tab-content,
  .route-product-product:not(.popup) .tabs-container .tab-content,
  .route-product-product:not(.popup)
    .product-tabs-container
    .tab-content {
    padding-top: 30px !important;
  }
}

/* ============================================================
   ODAK ÇERÇEVESİ
   ============================================================ */

a:focus,
a:active,
button:focus,
button:active,
.btn:focus,
.btn:active {
  outline: none !important;
  box-shadow: none !important;
  text-decoration: none !important;
  -webkit-tap-highlight-color: transparent;
}

.route-product-product:not(.popup)
  .product-info
  .product-details
  .title.page-title::after {
  content: none !important;
  display: none !important;
  height: 0 !important;
  border: 0 !important;
  background: none !important;
}

/* ============================================================
   VIVAHOME ANA SAYFA DOM DÜZENİ
   ============================================================ */

.route-common-home .grid-row-top-2,
.route-common-home .grid-row-top-3,
.route-common-home .grid-row-top-4,
.route-common-home .grid-row-top-5,
.route-common-home .grid-row-content-bottom-1 {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: var(--vh-home-final-width) !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

.route-common-home .grid-row-top-2 {
  margin-top: var(--vh-home-final-gap) !important;
}

.route-common-home .grid-row-top-2 > .grid-cols,
.route-common-home .grid-row-top-3 > .grid-cols,
.route-common-home .grid-row-top-4 > .grid-cols,
.route-common-home .grid-row-top-5 > .grid-cols,
.route-common-home .grid-row-content-bottom-1 > .grid-cols {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.route-common-home
  .grid-row-top-2
  > .grid-cols
  > .grid-col,
.route-common-home
  .grid-row-top-3
  > .grid-cols
  > .grid-col,
.route-common-home
  .grid-row-top-4
  > .grid-cols
  > .grid-col,
.route-common-home
  .grid-row-top-5
  > .grid-cols
  > .grid-col,
.route-common-home
  .grid-row-content-bottom-1
  > .grid-cols
  > .grid-col {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 var(--vh-home-final-gap) 0 !important;
  padding: 0 !important;
}

.route-common-home .grid-row-top-2 .grid-items,
.route-common-home .grid-row-top-3 .grid-items,
.route-common-home .grid-row-top-4 .grid-items,
.route-common-home .grid-row-top-5 .grid-items,
.route-common-home .grid-row-content-bottom-1 .grid-items,
.route-common-home .grid-row-top-2 .grid-item,
.route-common-home .grid-row-top-3 .grid-item,
.route-common-home .grid-row-top-4 .grid-item,
.route-common-home .grid-row-top-5 .grid-item,
.route-common-home .grid-row-content-bottom-1 .grid-item,
.route-common-home .grid-row-top-2 .grid-item > .module,
.route-common-home .grid-row-top-3 .grid-item > .module,
.route-common-home .grid-row-top-4 .grid-item > .module,
.route-common-home .grid-row-top-5 .grid-item > .module,
.route-common-home
  .grid-row-content-bottom-1
  .grid-item
  > .module {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}

.route-common-home .grid-col-top-3-2 {
  display: block !important;
  visibility: visible !important;
  height: auto !important;
  min-height: 0 !important;
  opacity: 1 !important;
}

/* Bannerlar */

.route-common-home .module-banners-336,
.route-common-home .module-banners-346,
.route-common-home .module-banners-347,
.route-common-home .module-banners-348 {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

@media (min-width: 769px) {
  .route-common-home .module-banners-336 > .module-body,
  .route-common-home .module-banners-346 > .module-body,
  .route-common-home .module-banners-347 > .module-body,
  .route-common-home .module-banners-348 > .module-body {
    display: flex !important;
    align-items: stretch !important;
    flex-wrap: nowrap !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 15px !important;
  }

  .route-common-home
    .module-banners-336
    > .module-body
    > .module-item:not(.swiper-slide),
  .route-common-home
    .module-banners-346
    > .module-body
    > .module-item:not(.swiper-slide),
  .route-common-home
    .module-banners-347
    > .module-body
    > .module-item:not(.swiper-slide),
  .route-common-home
    .module-banners-348
    > .module-body
    > .module-item:not(.swiper-slide) {
    flex: 0 0 calc((100% - 30px) / 3) !important;
    box-sizing: border-box !important;
    width: calc((100% - 30px) / 3) !important;
    max-width: calc((100% - 30px) / 3) !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .route-common-home .module-banners-336 .module-item > a,
  .route-common-home .module-banners-346 .module-item > a,
  .route-common-home .module-banners-347 .module-item > a,
  .route-common-home .module-banners-348 .module-item > a,
  .route-common-home .module-banners-336 .module-item img,
  .route-common-home .module-banners-346 .module-item img,
  .route-common-home .module-banners-347 .module-item img,
  .route-common-home .module-banners-348 .module-item img {
    display: block !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
  }
}

.route-common-home
  .grid-col.grid-col-content-bottom-1-1 {
  margin: 0 0 var(--vh-home-final-gap) 0 !important;
  padding: 10px 15px !important;
}

.route-common-home .grid-col-content-bottom-1-2 {
  padding-top: 0 !important;
}

/* Son incelenen ürünler */

.route-common-home .grid-col-content-bottom-1-3 .vhr,
.route-common-home .grid-row-content-bottom-1 .vhr {
  position: relative !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 10px 5px !important;
  overflow: hidden !important;
  border: 1px solid var(--vh-border) !important;
  border-radius: 12px !important;
  background: linear-gradient(
    135deg,
    rgba(24, 118, 210, 0.08) 0%,
    #ffffff 50%,
    rgba(24, 118, 210, 0.04) 100%
  ) !important;
  box-shadow: none !important;
}

.route-common-home
  .grid-col-content-bottom-1-3
  .vhr::before,
.route-common-home
  .grid-row-content-bottom-1
  .vhr::before {
  content: "";
  position: absolute;
  z-index: 5;
  top: 0;
  right: 0;
  left: 0;
  height: 3px;
  pointer-events: none;
  background: linear-gradient(
    90deg,
    rgba(24, 118, 210, 0.25),
    rgba(24, 118, 210, 0.9),
    rgba(24, 118, 210, 0.25)
  );
}

.route-common-home .grid-col-content-bottom-1-3 .vhr > *,
.route-common-home .grid-row-content-bottom-1 .vhr > * {
  max-width: 100% !important;
}

.route-common-home
  .grid-col-content-bottom-1-3
  .vhr
  .vhr-head,
.route-common-home
  .grid-row-content-bottom-1
  .vhr
  .vhr-head {
  background: transparent !important;
}

/* ============================================================
   BREADCRUMB
   ============================================================ */

.breadcrumb {
  box-sizing: border-box !important;
  margin-top: 10px !important;
  margin-bottom: 5px !important;
  padding: 8px 12px !important;
  border: 1px solid var(--vh-border) !important;
  border-radius: 10px !important;
  background: linear-gradient(
    90deg,
    rgba(24, 118, 210, 0.1) 0%,
    #ffffff 48%,
    rgba(24, 118, 210, 0.05) 100%
  ) !important;
  box-shadow: none !important;
}

.breadcrumb > li,
.breadcrumb > li > a {
  color: var(--vh-muted) !important;
}

.breadcrumb > li > a:hover,
.breadcrumb > li > a:focus {
  color: var(--vh-primary) !important;
}

.breadcrumb > li:last-child,
.breadcrumb > li:last-child > a {
  color: var(--vh-text) !important;
  font-weight: 500 !important;
}

.breadcrumb > li + li::before {
  color: #9cb6d1 !important;
}

/* ============================================================
   MOBİL ANA SAYFA SON DÜZENLEMELERİ
   ============================================================ */

@media (max-width: 768px) {
  :root {
    --vh-home-final-gap: 10px;
  }

  .route-common-home .grid-row-top-2,
  .route-common-home .grid-row-top-3,
  .route-common-home .grid-row-top-4,
  .route-common-home .grid-row-top-5,
  .route-common-home .grid-row-content-bottom-1 {
    box-sizing: border-box !important;
    width: calc(100% - 10px) !important;
    max-width: calc(100% - 10px) !important;
    margin-right: 5px !important;
    margin-left: 5px !important;
  }

  .route-common-home .grid-row-top-2 {
    margin-top: 0 !important;
  }

  .route-common-home
    .grid-row-top-2
    > .grid-cols
    > .grid-col,
  .route-common-home
    .grid-row-top-3
    > .grid-cols
    > .grid-col,
  .route-common-home
    .grid-row-top-4
    > .grid-cols
    > .grid-col,
  .route-common-home
    .grid-row-top-5
    > .grid-cols
    > .grid-col,
  .route-common-home
    .grid-row-content-bottom-1
    > .grid-cols
    > .grid-col {
    margin-bottom: var(--vh-home-final-gap) !important;
  }

  .breadcrumb {
    width: calc(100% - 10px) !important;
    max-width: calc(100% - 10px) !important;
    margin: 10px 5px 5px 5px !important;
    padding: 7px 10px !important;
    border-radius: 10px !important;
  }

  .route-common-home
    .grid-col-content-bottom-1-3
    .vhr,
  .route-common-home
    .grid-row-content-bottom-1
    .vhr {
    padding: 10px 5px !important;
  }
}