/* STRAFOR KUTUCU final visual override layer */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

.sk-nav {
  background: linear-gradient(180deg, rgba(255,255,255,0.96), rgba(248,252,255,0.92)) !important;
  border-top: 1px solid rgba(223,235,246,0.82) !important;
  border-bottom: 1px solid rgba(208,224,239,0.92) !important;
  box-shadow: 0 10px 34px rgba(15,57,94,0.045) !important;
}

.sk-nav .nav-container {
  min-height: 60px !important;
}

.sk-nav .nav-inner {
  gap: 0 !important;
  align-items: center !important;
  justify-content: center !important;
}

.sk-nav .nav-link {
  position: relative !important;
  min-height: 38px !important;
  margin: 0 5px !important;
  padding: 0 17px !important;
  border: 1px solid transparent !important;
  border-radius: 999px !important;
  color: #0f4e73 !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  letter-spacing: 0 !important;
  line-height: 38px !important;
  text-decoration: none !important;
}

.sk-nav .nav-link + .nav-link::before {
  content: "" !important;
  position: absolute !important;
  left: -6px !important;
  top: 50% !important;
  width: 1px !important;
  height: 18px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, transparent, rgba(115,174,214,0.74), transparent) !important;
  transform: translateY(-50%) !important;
}

.sk-nav .nav-link:hover,
.sk-nav .nav-link:focus-visible,
.sk-nav .nav-link.active {
  border-color: rgba(14,165,233,0.28) !important;
  background: linear-gradient(180deg, #f1fbff, #ddf3ff) !important;
  color: #075985 !important;
  box-shadow: 0 10px 26px rgba(14,165,233,0.11), inset 0 -2px 0 rgba(14,165,233,0.56) !important;
}

.sk-nav .nav-link:hover::before,
.sk-nav .nav-link:focus-visible::before,
.sk-nav .nav-link.active::before {
  opacity: 0 !important;
}

.home-feed {
  padding: 62px 0 68px !important;
}

.home-feed .sk-section-header,
.home-feed .section-header {
  width: min(100%, 1120px) !important;
  margin: 0 auto 26px !important;
  padding: 0 20px !important;
  text-align: center !important;
}

.home-feed .sk-section-title,
.home-feed .section-title {
  max-width: 760px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  line-height: 1.12 !important;
}

.home-feed .result-grid,
.listing-page > .result-grid,
.search-page > .result-grid,
.related-results-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(250px, 276px)) !important;
  gap: 22px !important;
  align-items: start !important;
}

.home-feed .result-grid,
.related-results-grid {
  grid-template-columns: repeat(auto-fit, minmax(250px, 276px)) !important;
  justify-content: center !important;
}

.listing-page > .result-grid,
.search-page > .result-grid {
  justify-content: start !important;
}

.result-grid > *,
.result-card,
.sk-card-image-wrapper,
.result-title,
.result-category,
.sk-card-actions,
.sk-card-btn-detail {
  min-width: 0 !important;
}

.result-card {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 11px !important;
  border: 1px solid rgba(199,220,238,0.9) !important;
  border-radius: 24px !important;
  background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,252,255,0.94)) !important;
  box-shadow: 0 16px 42px rgba(30,64,114,0.09) !important;
  cursor: pointer !important;
  overflow: hidden !important;
}

.result-card::before,
.result-card::after,
.sk-card-image-wrapper::before,
.sk-card-image-wrapper::after {
  display: none !important;
  content: none !important;
}

.result-card:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(14,165,233,0.48) !important;
  box-shadow: 0 24px 64px rgba(30,64,114,0.14) !important;
}

.result-card:focus-visible {
  outline: 3px solid rgba(14,165,233,0.3) !important;
  outline-offset: 4px !important;
}

.sk-card-image-wrapper {
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 4 / 3 !important;
  margin: 0 0 12px !important;
  border: 1px solid rgba(199,220,238,0.86) !important;
  border-radius: 20px !important;
  background: linear-gradient(135deg, #f8fcff, #eaf5fc) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.88) !important;
  overflow: hidden !important;
}

.sk-card-img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
  transition: transform 180ms ease !important;
}

.result-card:hover .sk-card-img {
  transform: scale(1.025) !important;
}

.sk-card-image-placeholder {
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 16px !important;
  color: #0e7490 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  text-align: center !important;
  background: linear-gradient(135deg, #f8fcff, #e7f4fb) !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.sk-card-image-wrapper.is-empty .sk-card-img {
  display: none !important;
}

.sk-card-image-wrapper.is-empty .sk-card-image-placeholder,
.sk-card-image-wrapper:not(.has-image) .sk-card-image-placeholder {
  opacity: 1 !important;
}

.sk-card-image-wrapper.has-image .sk-card-image-placeholder {
  display: none !important;
}

.result-category {
  align-self: flex-start !important;
  max-width: 100% !important;
  min-height: 24px !important;
  max-height: 24px !important;
  margin: 0 0 9px !important;
  padding: 5px 10px !important;
  border: 1px solid rgba(14,165,233,0.22) !important;
  border-radius: 999px !important;
  background: rgba(232,247,255,0.9) !important;
  color: #0369a1 !important;
  font-size: 9.5px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: none !important;
}

.result-title {
  display: -webkit-box !important;
  min-height: 42px !important;
  margin: 0 !important;
  color: #123f5a !important;
  font-size: 15.5px !important;
  font-weight: 850 !important;
  line-height: 1.28 !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.result-title:hover {
  color: #0284c7 !important;
}

.result-card .result-excerpt,
.result-card .result-meta {
  display: none !important;
}

.sk-card-actions {
  display: flex !important;
  margin-top: 14px !important;
  padding-top: 12px !important;
  border-top: 1px solid rgba(215,228,240,0.9) !important;
}

.result-card .sk-card-btn-ask,
.result-card .sk-whatsapp-link.sk-card-btn-ask {
  display: none !important;
}

.sk-card-btn-detail {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 40px !important;
  padding: 0 14px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #38bdf8, #2563eb) !important;
  color: #ffffff !important;
  box-shadow: 0 12px 30px rgba(37,99,235,0.22) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  text-decoration: none !important;
}

.sk-card-btn-detail:hover {
  background: linear-gradient(135deg, #0ea5e9, #1d4ed8) !important;
  color: #ffffff !important;
}

.result-stats {
  width: min(100%, 1120px) !important;
  margin: 18px auto 24px !important;
  padding: 13px 18px !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,0.92) !important;
  box-shadow: 0 12px 34px rgba(30,64,114,0.055) !important;
}

.listing-hero,
.search-hero,
.categories-header {
  min-height: 0 !important;
  padding: 52px 58px !important;
  border-radius: 24px !important;
}

.listing-hero h1,
.search-hero h1,
.categories-header h1 {
  color: #075985 !important;
  font-size: clamp(34px, 4.2vw, 54px) !important;
  line-height: 1.05 !important;
}

.main-details .article-title,
.article-shell .article-title,
h1.article-title {
  max-width: 860px !important;
  color: #075985 !important;
  font-size: clamp(28px, 3.25vw, 42px) !important;
  line-height: 1.1 !important;
  letter-spacing: 0 !important;
}

.article-header {
  padding: 28px 34px 30px !important;
  background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(245,251,255,0.96)) !important;
}

.article-shell .article-header {
  border-left-color: #38bdf8 !important;
}

.article-category-list {
  gap: 8px !important;
  margin-bottom: 16px !important;
}

.article-category-link {
  text-decoration: none !important;
}

.article-category {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 26px !important;
  max-width: 220px !important;
  padding: 6px 11px !important;
  border: 1px solid rgba(14,165,233,0.24) !important;
  border-radius: 999px !important;
  background: rgba(232,247,255,0.92) !important;
  color: #0369a1 !important;
  box-shadow: none !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.article-content h2,
.article-content h3,
.sk-product-guide h2,
.related-title {
  color: #075985 !important;
  letter-spacing: 0 !important;
}

.article-content h2 {
  font-size: clamp(24px, 2.8vw, 34px) !important;
}

.article-content h3 {
  font-size: clamp(20px, 2.2vw, 26px) !important;
}

.sk-category-info-card {
  width: min(100%, 1120px) !important;
  margin: 34px auto 0 !important;
  padding: 30px 34px !important;
  border: 1px solid rgba(199,220,238,0.86) !important;
  border-radius: 26px !important;
  background: linear-gradient(180deg, rgba(255,255,255,0.96), rgba(247,251,255,0.92)) !important;
  box-shadow: 0 20px 60px rgba(30,64,114,0.08) !important;
}

.sk-category-info-card h2 {
  margin: 10px 0 10px !important;
  color: #075985 !important;
  font-size: clamp(25px, 3vw, 36px) !important;
  line-height: 1.15 !important;
}

.sk-category-info-summary,
.sk-category-info-content {
  color: #496176 !important;
  font-size: 15px !important;
  line-height: 1.75 !important;
}

@media (max-width: 767px) {
  .home-feed,
  .listing-page,
  .search-page {
    overflow-x: hidden !important;
  }

  .home-feed {
    padding: 42px 0 48px !important;
  }

  .home-feed .sk-section-header,
  .home-feed .section-header {
    width: calc(100vw - 28px) !important;
    max-width: calc(100vw - 28px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    overflow: hidden !important;
  }

  .home-feed .sk-section-title,
  .home-feed .section-title {
    display: block !important;
    width: min(100%, 320px) !important;
    max-width: 320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    font-size: clamp(25px, 7.4vw, 31px) !important;
    line-height: 1.12 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
  }

  .home-feed .result-grid,
  .listing-page > .result-grid,
  .search-page > .result-grid,
  .related-results-grid {
    grid-template-columns: repeat(2, minmax(0, min(176px, calc((100vw - 92px) / 2)))) !important;
    gap: 12px !important;
    width: min(calc(100vw - 80px), 364px) !important;
    max-width: min(calc(100vw - 80px), 364px) !important;
    margin-left: max(0px, calc(((100vw - min(calc(100vw - 80px), 364px)) / 2) - 12px)) !important;
    margin-right: 0 !important;
    justify-content: center !important;
  }

  .result-card {
    padding: 8px !important;
    border-radius: 18px !important;
    box-shadow: 0 12px 26px rgba(30,64,114,0.08) !important;
  }

  .sk-card-image-wrapper {
    aspect-ratio: 1 / 0.82 !important;
    margin-bottom: 8px !important;
    border-radius: 14px !important;
  }

  .result-category {
    min-height: 20px !important;
    max-height: 20px !important;
    margin-bottom: 7px !important;
    padding: 4px 7px !important;
    font-size: 8px !important;
  }

  .result-title {
    min-height: 36px !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
  }

  .sk-card-actions {
    margin-top: 10px !important;
    padding-top: 9px !important;
  }

  .sk-card-btn-detail {
    min-height: 34px !important;
    padding: 0 8px !important;
    font-size: 10.5px !important;
  }

  .listing-hero,
  .search-hero,
  .categories-header {
    width: calc(100% - 28px) !important;
    padding: 30px 22px !important;
    border-radius: 22px !important;
  }

  .listing-hero h1,
  .search-hero h1,
  .categories-header h1 {
    font-size: clamp(28px, 9vw, 38px) !important;
  }

  .article-header {
    padding: 22px 18px 24px !important;
  }

  .main-details .article-title,
  .article-shell .article-title,
  h1.article-title {
    font-size: clamp(26px, 8vw, 34px) !important;
    line-height: 1.12 !important;
  }

  .article-category {
    max-width: 150px !important;
  }

  .sk-category-info-card {
    width: calc(100% - 28px) !important;
    padding: 22px !important;
    border-radius: 22px !important;
  }
}

/* Premium finish pass */
.sk-nav .nav-link + .nav-link::before {
  left: -7px !important;
  width: 1px !important;
  height: 24px !important;
  background: linear-gradient(180deg, transparent, rgba(14, 116, 144, 0.38), transparent) !important;
  opacity: 1 !important;
}

.sk-nav .nav-link:hover::before,
.sk-nav .nav-link:focus-visible::before,
.sk-nav .nav-link.active::before {
  opacity: 1 !important;
}

.sk-hero {
  background-color: #f8fbfe !important;
  background-image:
    linear-gradient(90deg, rgba(255,255,255,0.74) 0%, rgba(255,255,255,0.56) 30%, rgba(255,255,255,0.24) 58%, rgba(255,255,255,0.04) 100%),
    url("../images/straforkutucu-premium-hero.png") !important;
  background-size: cover !important;
  background-position: center center !important;
}

.sk-hero::after {
  opacity: 0.35 !important;
}

.home-feed .result-card {
  padding: 0 !important;
  border-radius: 24px !important;
  background: linear-gradient(180deg, #ffffff, #f9fcff) !important;
  box-shadow: 0 18px 52px rgba(30, 64, 114, 0.12) !important;
}

.home-feed .result-card:hover {
  box-shadow: 0 28px 78px rgba(30, 64, 114, 0.17) !important;
}

.home-feed .sk-card-image-wrapper {
  width: 100% !important;
  aspect-ratio: 1.16 / 1 !important;
  margin: 0 0 11px !important;
  border: 0 !important;
  border-radius: 24px 24px 16px 16px !important;
  background: #ffffff !important;
}

.home-feed .sk-card-image-wrapper.has-image .sk-card-img {
  object-fit: cover !important;
  object-position: center !important;
  transform: scale(1.14) !important;
}

.home-feed .result-card:hover .sk-card-image-wrapper.has-image .sk-card-img {
  transform: scale(1.18) !important;
}

.home-feed .result-category {
  margin: 0 12px 8px !important;
}

.home-feed .result-title {
  min-height: 32px !important;
  margin: 0 12px !important;
  color: #0f3f5c !important;
}

.home-feed .sk-card-actions {
  margin: 9px 12px 12px !important;
  padding-top: 10px !important;
}

.sk-footer {
  padding-top: 44px !important;
  background:
    linear-gradient(180deg, #ffffff 0%, #f6f9fc 42%, #eef5fb 100%) !important;
  border-top: 1px solid rgba(203, 220, 235, 0.9) !important;
}

.sk-footer-hero {
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid rgba(188, 215, 235, 0.92) !important;
  background-image:
    linear-gradient(90deg, rgba(255,255,255,0.94) 0%, rgba(255,255,255,0.76) 48%, rgba(255,255,255,0.2) 100%),
    url("../images/straforkutucu-premium-hero.png") !important;
  background-size: cover !important;
  background-position: center !important;
  box-shadow: 0 28px 90px rgba(30, 64, 114, 0.14) !important;
}

.sk-footer-hero h2 {
  color: #075985 !important;
}

.sk-footer-inner {
  gap: 24px !important;
}

.sk-footer-brand,
.sk-footer-links,
.sk-footer-contact {
  border: 1px solid rgba(202, 221, 238, 0.88) !important;
  border-radius: 28px !important;
  background: rgba(255,255,255,0.86) !important;
  box-shadow: 0 18px 52px rgba(30, 64, 114, 0.09) !important;
  -webkit-backdrop-filter: blur(14px) saturate(150%) !important;
  backdrop-filter: blur(14px) saturate(150%) !important;
}

.sk-footer-logo,
.sk-footer-links h3,
.sk-footer-contact h3 {
  color: #075985 !important;
}

.footer-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 30px !important;
  color: #36566f !important;
}

.footer-link::before {
  content: "" !important;
  width: 5px !important;
  height: 5px !important;
  border-radius: 999px !important;
  background: #38bdf8 !important;
  box-shadow: 0 0 0 4px rgba(56, 189, 248, 0.12) !important;
}

.footer-bottom {
  border-top: 1px solid rgba(190, 212, 230, 0.95) !important;
}

@media (max-width: 767px) {
  .sk-hero {
    background-image:
      linear-gradient(90deg, rgba(255,255,255,0.84) 0%, rgba(255,255,255,0.70) 48%, rgba(255,255,255,0.35) 100%),
      url("../images/straforkutucu-premium-hero.png") !important;
    background-position: 58% center !important;
  }

  .home-feed .result-card {
    padding: 0 !important;
  }

  .home-feed .sk-card-image-wrapper {
    aspect-ratio: 1.05 / 1 !important;
    border-radius: 18px 18px 13px 13px !important;
  }

  .home-feed .result-category {
    margin: 0 8px 6px !important;
  }

  .home-feed .result-title {
    min-height: 30px !important;
    margin: 0 8px !important;
  }

  .home-feed .sk-card-actions {
    margin: 8px 8px 8px !important;
  }

  .article-content > .sk-sidebar-cta.sk-mobile-inline-cta {
    position: static !important;
    top: auto !important;
    width: 100% !important;
    margin: 14px 0 22px !important;
    border-radius: 22px !important;
    box-shadow: 0 18px 48px rgba(30, 64, 114, 0.12) !important;
  }

  .article-content > img:first-child,
  .article-content > .sk-no-image-placeholder:first-child {
    margin-bottom: 0 !important;
  }
}

/* Precision finish pass */
.sk-nav .nav-inner {
  padding: 6px !important;
  border: 1px solid rgba(190, 220, 241, 0.72) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.76) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.94), 0 12px 34px rgba(30, 64, 114, 0.055) !important;
}

.sk-nav .nav-link {
  margin: 0 8px !important;
  padding: 0 18px !important;
  color: #075985 !important;
  background: transparent !important;
}

.sk-nav .nav-link + .nav-link::before {
  left: -9px !important;
  height: 28px !important;
  background: linear-gradient(180deg, transparent 0%, rgba(14, 116, 144, 0.54) 24%, rgba(37, 99, 235, 0.32) 76%, transparent 100%) !important;
  box-shadow: 1px 0 0 rgba(255, 255, 255, 0.92) !important;
}

.sk-nav .nav-link:hover,
.sk-nav .nav-link:focus-visible,
.sk-nav .nav-link.active {
  background: linear-gradient(180deg, #e9f8ff 0%, #d7f0ff 100%) !important;
  color: #0369a1 !important;
}

.sk-hero {
  min-height: 470px !important;
  background-image:
    linear-gradient(90deg, rgba(255,255,255,0.62) 0%, rgba(255,255,255,0.46) 32%, rgba(255,255,255,0.15) 62%, rgba(255,255,255,0.02) 100%),
    url("../images/straforkutucu-premium-hero.png") !important;
  background-position: center center !important;
}

.sk-hero::after {
  opacity: 0.18 !important;
}

.sk-hero-container {
  box-shadow: 0 28px 80px rgba(30, 64, 114, 0.11), inset 0 1px 0 rgba(255,255,255,0.94) !important;
}

.home-feed {
  padding: 56px 0 58px !important;
}

.home-feed .result-grid {
  width: min(100% - 40px, 1080px) !important;
  grid-template-columns: repeat(auto-fit, minmax(286px, 306px)) !important;
  gap: 26px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.home-feed .result-card,
.listing-page > .result-grid .result-card,
.search-page > .result-grid .result-card {
  display: grid !important;
  grid-template-rows: auto auto auto auto !important;
  row-gap: 0 !important;
  align-content: start !important;
  justify-content: stretch !important;
  border-radius: 26px !important;
  background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
  box-shadow: 0 22px 62px rgba(30, 64, 114, 0.12) !important;
}

.home-feed .result-card {
  max-width: 306px !important;
}

.listing-page > .result-grid .result-card,
.search-page > .result-grid .result-card {
  padding: 0 !important;
}

.result-card .sk-card-image-wrapper {
  order: 1 !important;
}

.result-card .result-category {
  order: 2 !important;
}

.result-card .result-title {
  order: 3 !important;
}

.result-card .sk-card-actions {
  order: 4 !important;
}

.home-feed .sk-card-image-wrapper {
  aspect-ratio: 1.24 / 1 !important;
  margin: 0 0 12px !important;
  border-radius: 26px 26px 0 0 !important;
  box-shadow: none !important;
}

.result-card .sk-card-image-wrapper.has-image .sk-card-img,
.home-feed .sk-card-image-wrapper.has-image .sk-card-img,
.listing-page > .result-grid .sk-card-image-wrapper.has-image .sk-card-img,
.search-page > .result-grid .sk-card-image-wrapper.has-image .sk-card-img {
  object-fit: cover !important;
  object-position: center 58% !important;
  filter: saturate(1.06) contrast(1.04) brightness(1.01) !important;
  transform: scale(1.12) !important;
}

.result-card:hover .sk-card-image-wrapper.has-image .sk-card-img,
.home-feed .result-card:hover .sk-card-image-wrapper.has-image .sk-card-img {
  transform: scale(1.16) !important;
}

.home-feed .result-category {
  margin: 0 14px 8px !important;
}

.listing-page > .result-grid .result-category,
.search-page > .result-grid .result-category {
  margin: 0 14px 8px !important;
}

.home-feed .result-title {
  min-height: 38px !important;
  margin: 0 14px !important;
  color: #0b5f86 !important;
}

.listing-page > .result-grid .result-title,
.search-page > .result-grid .result-title {
  min-height: 38px !important;
  margin: 0 14px !important;
  color: #0b5f86 !important;
}

.home-feed .sk-card-actions {
  align-self: start !important;
  margin: 11px 14px 14px !important;
  margin-top: 11px !important;
  padding-top: 10px !important;
}

.listing-page > .result-grid .sk-card-actions,
.search-page > .result-grid .sk-card-actions {
  align-self: start !important;
  margin: 11px 14px 14px !important;
  margin-top: 11px !important;
  padding-top: 10px !important;
}

.listing-page > .result-grid,
.search-page > .result-grid {
  width: min(100% - 40px, 1120px) !important;
  grid-template-columns: repeat(auto-fill, minmax(286px, 306px)) !important;
  gap: 26px !important;
}

.listing-page > .result-grid .sk-card-image-wrapper,
.search-page > .result-grid .sk-card-image-wrapper {
  aspect-ratio: 1.24 / 1 !important;
  margin: 0 0 12px !important;
  border-radius: 24px 24px 0 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-top: 0 !important;
}

.sk-footer {
  padding-bottom: 34px !important;
}

.sk-footer-hero {
  min-height: 260px !important;
  border-radius: 32px !important;
  background-image:
    linear-gradient(90deg, rgba(255,255,255,0.93) 0%, rgba(255,255,255,0.78) 43%, rgba(255,255,255,0.28) 76%, rgba(255,255,255,0.16) 100%),
    url("../images/straforkutucu-premium-hero.png") !important;
  background-position: center center !important;
}

.sk-footer-hero::after {
  content: "" !important;
  position: absolute !important;
  inset: auto 28px 22px 28px !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(14,165,233,0.38), transparent) !important;
}

.sk-footer-inner {
  width: min(100% - 40px, 1120px) !important;
  display: grid !important;
  grid-template-columns: minmax(300px, 1.24fr) minmax(170px, 0.72fr) minmax(190px, 0.82fr) minmax(230px, 0.94fr) !important;
  align-items: stretch !important;
  margin-top: 28px !important;
}

.sk-footer-brand,
.sk-footer-links,
.sk-footer-contact {
  position: relative !important;
  overflow: hidden !important;
  padding: 28px !important;
}

.sk-footer-brand::before,
.sk-footer-links::before,
.sk-footer-contact::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 0 auto 0 !important;
  height: 4px !important;
  background: linear-gradient(90deg, #38bdf8, #2563eb, #22c55e) !important;
  opacity: 0.78 !important;
}

.sk-footer-links {
  gap: 10px !important;
}

.footer-link {
  width: 100% !important;
  padding: 7px 0 !important;
  border-bottom: 1px solid rgba(213, 228, 241, 0.72) !important;
}

.footer-link:last-child {
  border-bottom: 0 !important;
}

.sk-footer-contact {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.92), rgba(240,249,255,0.86)) !important;
}

.sk-category-info-card {
  margin-top: 28px !important;
  margin-bottom: 54px !important;
  border-radius: 28px !important;
  background: linear-gradient(180deg, #ffffff, #f6fbff) !important;
  box-shadow: 0 24px 70px rgba(30, 64, 114, 0.1) !important;
}

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

@media (max-width: 767px) {
  .sk-nav .nav-inner {
    padding: 4px !important;
    border-radius: 22px !important;
  }

  .sk-nav .nav-link {
    margin: 0 6px !important;
    padding: 0 14px !important;
  }

  .sk-nav .nav-link + .nav-link::before {
    left: -7px !important;
    height: 24px !important;
  }

  .sk-hero {
    min-height: 610px !important;
    background-image:
      linear-gradient(180deg, rgba(255,255,255,0.80) 0%, rgba(255,255,255,0.66) 42%, rgba(255,255,255,0.34) 100%),
      url("../images/straforkutucu-premium-hero.png") !important;
    background-position: 64% center !important;
  }

  .home-feed .result-grid,
  .listing-page > .result-grid,
  .search-page > .result-grid {
    width: calc(100% - 24px) !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    justify-content: stretch !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .home-feed .result-card,
  .listing-page > .result-grid .result-card,
  .search-page > .result-grid .result-card {
    max-width: none !important;
    border-radius: 20px !important;
  }

  .home-feed .sk-card-image-wrapper,
  .listing-page > .result-grid .sk-card-image-wrapper,
  .search-page > .result-grid .sk-card-image-wrapper {
    aspect-ratio: 1 / 0.86 !important;
    border-radius: 20px 20px 0 0 !important;
  }

  .home-feed .result-title,
  .listing-page > .result-grid .result-title,
  .search-page > .result-grid .result-title {
    min-height: 34px !important;
    font-size: 12.5px !important;
  }

  .home-feed .sk-card-actions,
  .listing-page > .result-grid .sk-card-actions,
  .search-page > .result-grid .sk-card-actions {
    align-self: start !important;
    margin-top: 8px !important;
    padding-top: 8px !important;
  }

  .sk-footer-hero {
    min-height: 0 !important;
    border-radius: 26px !important;
  }

  .sk-footer-inner {
    grid-template-columns: 1fr !important;
    width: calc(100% - 24px) !important;
    gap: 14px !important;
  }

  .sk-footer-brand,
  .sk-footer-links,
  .sk-footer-contact {
    padding: 24px !important;
    border-radius: 24px !important;
  }
}

@media (max-width: 767px) {
  body main .home-feed > .result-grid,
  body .listing-page > .result-grid,
  body .search-page > .result-grid {
    display: flex !important;
    flex-wrap: wrap !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    gap: 14px 12px !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    transform: none !important;
  }

  body main .home-feed > .result-grid > .result-card,
  body .listing-page > .result-grid > .result-card,
  body .search-page > .result-grid > .result-card {
    flex: 0 1 calc(50% - 6px) !important;
    width: calc(50% - 6px) !important;
    min-width: 0 !important;
    max-width: 170px !important;
  }
}

/* Polish pass: remove hero guide lines and normalize product cards */
.sk-hero::before,
.sk-hero::after,
.sk-hero-container::before,
.sk-hero-container::after {
  display: none !important;
  content: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

.home-feed .result-card,
.listing-page > .result-grid .result-card,
.search-page > .result-grid .result-card {
  overflow: hidden !important;
}

.home-feed .sk-card-image-wrapper,
.listing-page > .result-grid .sk-card-image-wrapper,
.search-page > .result-grid .sk-card-image-wrapper {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1.22 / 1 !important;
  margin: 0 0 10px !important;
}

.home-feed .sk-card-image-wrapper.has-image .sk-card-img,
.listing-page > .result-grid .sk-card-image-wrapper.has-image .sk-card-img,
.search-page > .result-grid .sk-card-image-wrapper.has-image .sk-card-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center 56% !important;
  transform: scale(1.28) !important;
}

.home-feed .result-card:hover .sk-card-image-wrapper.has-image .sk-card-img,
.listing-page > .result-grid .result-card:hover .sk-card-image-wrapper.has-image .sk-card-img,
.search-page > .result-grid .result-card:hover .sk-card-image-wrapper.has-image .sk-card-img {
  transform: scale(1.31) !important;
}

.home-feed .result-title,
.listing-page > .result-grid .result-title,
.search-page > .result-grid .result-title {
  min-height: 34px !important;
  margin-bottom: 0 !important;
}

.home-feed .sk-card-actions,
.listing-page > .result-grid .sk-card-actions,
.search-page > .result-grid .sk-card-actions {
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 10px 14px 14px !important;
  padding-top: 10px !important;
  overflow: visible !important;
}

.home-feed .sk-card-btn-detail,
.listing-page > .result-grid .sk-card-btn-detail,
.search-page > .result-grid .sk-card-btn-detail {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 38px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  overflow: hidden !important;
}

@media (max-width: 767px) {
  .home-feed .sk-card-image-wrapper,
  .listing-page > .result-grid .sk-card-image-wrapper,
  .search-page > .result-grid .sk-card-image-wrapper {
    aspect-ratio: 1 / 0.88 !important;
  }

  .home-feed .sk-card-image-wrapper.has-image .sk-card-img,
  .listing-page > .result-grid .sk-card-image-wrapper.has-image .sk-card-img,
  .search-page > .result-grid .sk-card-image-wrapper.has-image .sk-card-img {
    transform: scale(1.22) !important;
  }

  .home-feed .result-card:hover .sk-card-image-wrapper.has-image .sk-card-img,
  .listing-page > .result-grid .result-card:hover .sk-card-image-wrapper.has-image .sk-card-img,
  .search-page > .result-grid .result-card:hover .sk-card-image-wrapper.has-image .sk-card-img {
    transform: scale(1.24) !important;
  }

  .home-feed .sk-card-actions,
  .listing-page > .result-grid .sk-card-actions,
  .search-page > .result-grid .sk-card-actions {
    width: auto !important;
    margin: 8px 10px 10px !important;
    padding-top: 8px !important;
  }

  .home-feed .sk-card-btn-detail,
  .listing-page > .result-grid .sk-card-btn-detail,
  .search-page > .result-grid .sk-card-btn-detail {
    min-height: 34px !important;
    padding: 0 8px !important;
    font-size: 10px !important;
  }
}

/* Hard lock: hero glass card and featured product card sizing */
.sk-hero,
.sk-hero * {
  box-decoration-break: clone;
}

.sk-hero::before,
.sk-hero::after,
.sk-hero-container::before,
.sk-hero-container::after,
.sk-hero-title::before,
.sk-hero-title::after,
.sk-hero-proof::before,
.sk-hero-proof::after {
  display: none !important;
  content: none !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.sk-hero-container {
  width: min(540px, calc(100% - 40px)) !important;
  max-width: 540px !important;
  margin-left: max(24px, calc((100vw - 1280px) / 2)) !important;
  margin-right: auto !important;
  padding: 30px 30px 28px !important;
  border: 1px solid rgba(190, 220, 241, 0.72) !important;
  border-radius: 28px !important;
  background: rgba(255, 255, 255, 0.78) !important;
  box-shadow: 0 24px 70px rgba(30, 64, 114, 0.12), inset 0 1px 0 rgba(255,255,255,0.92) !important;
  -webkit-backdrop-filter: blur(14px) saturate(145%) !important;
  backdrop-filter: blur(14px) saturate(145%) !important;
  overflow: hidden !important;
}

.home-feed .result-grid {
  grid-template-columns: repeat(auto-fit, 238px) !important;
  gap: 24px !important;
  align-items: stretch !important;
  justify-content: center !important;
}

.home-feed .result-card {
  display: grid !important;
  grid-template-rows: 158px 25px 44px 46px !important;
  width: 238px !important;
  max-width: 238px !important;
  min-height: 273px !important;
  padding: 0 !important;
  border-radius: 22px !important;
  overflow: hidden !important;
}

.home-feed .sk-card-image-wrapper {
  order: 1 !important;
  width: 100% !important;
  height: 158px !important;
  min-height: 158px !important;
  max-height: 158px !important;
  aspect-ratio: auto !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 22px 22px 0 0 !important;
  overflow: hidden !important;
}

.home-feed .sk-card-image-wrapper.has-image .sk-card-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  transform: scale(1.42) !important;
  transform-origin: center center !important;
}

.home-feed .result-card:hover .sk-card-image-wrapper.has-image .sk-card-img {
  transform: scale(1.45) !important;
}

.home-feed .result-category {
  order: 2 !important;
  height: 21px !important;
  min-height: 21px !important;
  max-height: 21px !important;
  margin: 7px 12px 0 !important;
  padding: 4px 8px !important;
  font-size: 8.5px !important;
}

.home-feed .result-title {
  order: 3 !important;
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  margin: 5px 12px 0 !important;
  font-size: 13.5px !important;
  line-height: 1.22 !important;
}

.home-feed .sk-card-actions {
  order: 4 !important;
  display: block !important;
  width: auto !important;
  height: 38px !important;
  min-height: 38px !important;
  margin: 4px 12px 12px !important;
  padding: 0 !important;
  border-top: 0 !important;
  overflow: visible !important;
}

.home-feed .sk-card-btn-detail {
  display: flex !important;
  width: 100% !important;
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  line-height: 1 !important;
  overflow: hidden !important;
}

@media (max-width: 767px) {
  .sk-hero-container {
    width: calc(100% - 28px) !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 22px !important;
    border-radius: 24px !important;
  }

  body main .home-feed > .result-grid {
    display: grid !important;
    width: calc(100% - 24px) !important;
    max-width: none !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    justify-content: stretch !important;
  }

  body main .home-feed > .result-grid > .result-card {
    width: 100% !important;
    max-width: none !important;
    grid-template-rows: 124px 22px 40px 42px !important;
    min-height: 228px !important;
  }

  .home-feed .sk-card-image-wrapper {
    height: 124px !important;
    min-height: 124px !important;
    max-height: 124px !important;
    border-radius: 20px 20px 0 0 !important;
  }

  .home-feed .sk-card-image-wrapper.has-image .sk-card-img {
    transform: scale(1.34) !important;
  }

  .home-feed .result-title {
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    font-size: 12px !important;
  }

  .home-feed .sk-card-actions {
    height: 34px !important;
    min-height: 34px !important;
    margin: 4px 9px 9px !important;
  }

  .home-feed .sk-card-btn-detail {
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    font-size: 9.5px !important;
  }
}