/* Public katalog — anasayfa / giriş / marka paneli ile aynı dil */

@font-face {
  font-family: "Cosmica";
  src: url("/fonts/cosmica/Cosmica-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Cosmica";
  src: url("/fonts/cosmica/Cosmica-Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Cosmica";
  src: url("/fonts/cosmica/Cosmica-SemiBold.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Cosmica";
  src: url("/fonts/cosmica/Cosmica-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

.products-page,
.product-detail-page {
  --ink: #09090b;
  --ink-2: #18181b;
  --muted: #71717a;
  --line: #e4e4e7;
  --soft: #f4f4f5;
  --white: #ffffff;
  --product-media-aspect: 972 / 700;
  --r-lg: 18px;
  --r-xl: 24px;
  --r-pill: 1000px;
  --catalog-active: var(--ink);
  --catalog-active-hover: var(--ink-2);
  --panel-shadow: 0 2px 12px rgba(9, 9, 11, 0.05), 0 1px 3px rgba(9, 9, 11, 0.04);

  --products-accent: var(--catalog-active);
  --products-accent-hover: var(--catalog-active-hover);

  --ag-canvas: var(--white);
  --ag-surface: var(--white);
  --ag-text: var(--ink);
  --ag-ink: var(--ink-2);
  --ag-muted: var(--muted);
  --ag-subtle: var(--muted);

  font-family: "Cosmica", "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;
  font-size: 15px;
  line-height: 1.5;
  color: var(--ink);
  background: var(--white);
  -webkit-font-smoothing: antialiased;
}

/* —— Katalog listeleme —— */

.products-page,
.projects-page {
  min-height: 100vh;
}

.projects-page .products-toolbar {
  border-bottom-color: var(--line);
}

.products-page .products-toolbar {
  border-bottom-color: var(--line);
}

.products-page .products-layout {
  padding-top: 28px;
}

#products-compare-modal {
  z-index: 5000;
}

#products-compare-bar {
  z-index: 4990;
}

.products-page .products-search__field input {
  border-color: rgba(9, 9, 11, 0.08);
  border-radius: var(--r-pill);
  background: rgba(244, 244, 245, 0.72);
  font-size: 14px;
}

.products-page .products-search__field input:focus {
  border-color: rgba(9, 9, 11, 0.18);
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 0 0 4px rgba(9, 9, 11, 0.05);
}

.products-page .products-toolbar-glass-btn.arch-liquid-btn,
.products-page .arch-liquid-btn {
  border-color: rgba(9, 9, 11, 0.1);
  background: #fff;
}

.products-page .products-toolbar-glass-btn.arch-liquid-btn:hover,
.products-page .arch-liquid-btn:hover {
  border-color: rgba(9, 9, 11, 0.16);
}

.products-page .products-active-chips {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--line);
}

.products-page .l3-category-card {
  border-color: var(--line);
  border-radius: var(--r-lg);
  max-width: min(340px, 88vw);
}

.products-page .l3-category-card__label {
  line-height: 1.38;
  overflow: visible;
}

.products-page .l3-category-card:hover {
  border-color: #d4d4d8;
}

.products-page .l3-category-card.is-active {
  border-color: var(--catalog-active);
  background: var(--catalog-active);
}

.products-page .l3-category-card__media {
  border-radius: 12px;
  background: var(--soft);
}

.products-page .category-heading__l3,
.products-page .l3-category-rail-wrap__title {
  letter-spacing: -0.03em;
}

.products-page .products-filter-toggle:hover {
  border-color: var(--line);
  color: var(--ink);
}

.products-page.is-filters-open .products-filter-toggle {
  border-color: var(--catalog-active);
  background: rgba(9, 9, 11, 0.92);
  color: var(--white);
  box-shadow: 0 6px 18px rgba(9, 9, 11, 0.16);
}

.products-page.is-filters-open .products-filter-toggle:hover {
  border-color: var(--catalog-active-hover);
  background: var(--catalog-active-hover);
}

.products-page .products-active-chips > span {
  color: var(--muted);
}

.products-page .products-active-chip {
  border-color: var(--line);
  background: var(--white);
  color: #3f3f46;
  font-weight: 500;
  box-shadow: 0 1px 2px rgba(9, 9, 11, 0.03);
}

.products-page .products-active-chip:hover {
  border-color: #d4d4d8;
  background: #fafafa;
  color: var(--ink-2);
}

.products-page .products-sort-toggle:hover,
.products-page .products-compare-toggle:hover {
  border-color: var(--line);
  color: var(--ink);
}

.products-page .products-sort-opt.is-active {
  background: var(--soft);
  color: var(--ink);
}

.products-page .products-active-chip.is-accent {
  border-color: #d4d4d8;
  background: var(--soft);
  color: var(--ink-2);
}

.products-page .products-active-chip.is-accent:hover {
  border-color: #a1a1aa;
  background: #fafafa;
  color: var(--ink);
}

.products-page .products-clear-all {
  color: var(--muted);
}

.products-page .products-clear-all:hover {
  color: var(--ink-2);
}

.products-page .category-landing__chip:hover {
  border-color: var(--line);
  background: var(--soft);
}

.products-page .category-landing__chip.is-active {
  border-color: var(--catalog-active);
  background: var(--catalog-active);
  color: var(--white);
}

.products-page .products-filter-sidebar {
  border: 1px solid rgba(9, 9, 11, 0.08);
  border-radius: var(--r-xl);
  background:
    linear-gradient(165deg, rgba(255, 255, 255, 0.94) 0%, rgba(244, 244, 245, 0.86) 52%, rgba(255, 255, 255, 0.92) 100%);
  backdrop-filter: blur(18px) saturate(1.15);
  -webkit-backdrop-filter: blur(18px) saturate(1.15);
  box-shadow:
    0 14px 40px rgba(9, 9, 11, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.82);
}

.products-page .products-filter-sidebar-head__title {
  color: var(--ink);
  font-weight: 650;
  letter-spacing: -0.03em;
}

.products-page .products-filter-search input {
  border-color: rgba(9, 9, 11, 0.08);
  border-radius: var(--r-pill);
  background: rgba(255, 255, 255, 0.62);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.products-page .products-filter-disclosure__summary {
  font-size: 15px;
  font-weight: 650;
  letter-spacing: -0.02em;
}

.products-page .products-filter-disclosure__icon {
  border-radius: var(--r-pill);
  border-color: rgba(9, 9, 11, 0.08);
  background: rgba(255, 255, 255, 0.55);
}

.products-page .products-filter-disclosure__row:hover,
.products-page .products-sidebar-l2__solo:hover,
.products-page .products-sidebar-l3__link:hover,
.products-page .products-sidebar-all-link:hover {
  background: rgba(255, 255, 255, 0.55);
}

.products-page .products-sidebar-l2__solo.is-active,
.products-page .products-sidebar-all-link.is-active,
.products-page .products-sidebar-l3__link.is-active {
  box-shadow: inset 3px 0 0 0 var(--catalog-active);
}

.products-page .products-filter-disclosure__summary {
  font-weight: 600;
  letter-spacing: -0.02em;
  color: var(--ink);
}

.products-page .products-filter-actions button {
  border-radius: var(--r-pill);
  background: var(--catalog-active);
  border: 1px solid var(--catalog-active);
  font-weight: 600;
}

.products-page .products-filter-actions button:hover {
  background: var(--catalog-active-hover);
  border-color: var(--catalog-active-hover);
}

.products-page .products-filter-actions a {
  border-radius: var(--r-pill);
  border-color: var(--line);
  color: var(--ink);
}

.products-page .pagination a {
  border-radius: var(--r-pill);
  border-color: var(--line);
}

.products-page .pagination a:last-child {
  border-color: var(--catalog-active);
  background: var(--catalog-active);
  color: var(--white);
}

.products-page :global(.product-card) {
  border-radius: var(--r-lg);
  border-color: var(--line);
  box-shadow: 0 1px 3px rgba(9, 9, 11, 0.04);
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease;
}

.products-page :global(.product-card:hover) {
  border-color: rgba(9, 9, 11, 0.14);
  box-shadow: 0 8px 20px rgba(9, 9, 11, 0.06);
}

.products-page :global(.product-card .meta) {
  color: var(--muted);
}

.products-page :global(.product-card h2) {
  color: var(--ink);
  letter-spacing: -0.02em;
}

.products-page :global(.product-card .detail) {
  border-radius: var(--r-pill);
  border: 1px solid var(--line);
  background: var(--white);
  color: var(--ink-2);
  font-weight: 500;
  box-shadow: 0 1px 2px rgba(9, 9, 11, 0.04);
  transition:
    box-shadow 0.2s ease,
    background 0.2s ease,
    border-color 0.2s ease,
    color 0.2s ease;
}

.products-page :global(.product-card .detail:hover) {
  border-color: #d4d4d8;
  background: #fafafa;
  color: var(--ink);
  box-shadow: 0 4px 14px rgba(9, 9, 11, 0.07);
}

.products-page :global(.product-card .badges span) {
  border-color: var(--line);
  color: var(--muted);
}

/* Katalog kontrolleri — hover’da kayma yok, hafif parıldama */
@keyframes catalog-control-shimmer {
  from {
    transform: translateX(-125%);
  }
  to {
    transform: translateX(125%);
  }
}

.products-page .arch-liquid-btn,
.products-page .products-toolbar-glass-btn,
.products-page .products-filter-toggle,
.products-page .products-sort-toggle,
.products-page .products-compare-toggle,
.products-page .products-filter-actions button,
.products-page .products-filter-actions a,
.products-page .products-filter-close,
.products-page .compare-tray__btn,
.products-page .compare-modal__close,
.products-page .favorite-login-modal__btn,
.products-page .pagination a,
.products-page :global(.product-card .detail),
.product-detail-page .arch-liquid-btn,
.product-detail-page .product-detail-btn-primary,
.product-detail-page .product-detail-btn-secondary,
.product-detail-page .product-detail-glass-card__save,
.product-detail-page .product-detail-glass-card__actions button,
.product-detail-page .product-detail-glass-card__actions a,
.product-detail-page .product-detail-files__tabs button,
.product-detail-page .product-detail-files__list a,
.product-detail-page .cb-modal .cb-submit {
  position: relative;
  overflow: hidden;
  transform: none;
}

.products-page .products-toolbar-glass-btn::after,
.products-page .products-filter-toggle::after,
.products-page .products-sort-toggle::after,
.products-page .products-compare-toggle::after,
.products-page .products-filter-actions button::after,
.products-page .products-filter-actions a::after,
.products-page .products-filter-close::after,
.products-page .compare-tray__btn::after,
.products-page .compare-modal__close::after,
.products-page .favorite-login-modal__btn::after,
.products-page .pagination a::after,
.products-page :global(.product-card .detail)::after,
.product-detail-page .product-detail-glass-card__save::after,
.product-detail-page .product-detail-glass-card__actions a::after,
.product-detail-page .product-detail-glass-card__actions button::after,
.product-detail-page .product-detail-btn-secondary.arch-liquid-btn::after,
.product-detail-page .product-detail-brand-preview-next.arch-liquid-btn::after,
.product-detail-page .pdr-gallery__arrow.arch-liquid-btn::after,
.product-detail-page .product-detail-btn-primary.arch-liquid-btn::after,
.product-detail-page .cb-modal .cb-submit::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(
    100deg,
    transparent 30%,
    rgba(255, 255, 255, 0.5) 50%,
    transparent 70%
  );
  transform: translateX(-125%);
  opacity: 0;
}

.products-page .products-filter-actions button::after,
.products-page .compare-tray__btn--primary::after,
.products-page .pagination a:last-child::after,
.products-page .favorite-login-modal__btn--primary::after,
.product-detail-page .product-detail-glass-card__actions button.primary::after,
.product-detail-page .product-detail-glass-card__actions a.primary::after,
.product-detail-page .product-detail-btn-primary.arch-liquid-btn::after,
.product-detail-page .cb-modal .cb-submit::after {
  background: linear-gradient(
    100deg,
    transparent 30%,
    rgba(255, 255, 255, 0.22) 50%,
    transparent 70%
  );
}

.products-page .products-toolbar-glass-btn:hover,
.products-page .products-filter-toggle:hover,
.products-page .products-sort-toggle:hover,
.products-page .products-compare-toggle:hover,
.products-page .products-filter-actions button:hover,
.products-page .products-filter-actions a:hover,
.products-page .products-filter-close:hover,
.products-page .compare-tray__btn:hover,
.products-page .compare-modal__close:hover,
.products-page .favorite-login-modal__btn:hover,
.products-page .pagination a:hover,
.products-page :global(.product-card .detail:hover),
.product-detail-page .product-detail-glass-card__save:hover,
.product-detail-page .product-detail-glass-card__actions a:hover,
.product-detail-page .product-detail-glass-card__actions button:hover,
.product-detail-page .product-detail-btn-secondary.arch-liquid-btn:hover,
.product-detail-page .product-detail-brand-preview-next.arch-liquid-btn:hover,
.product-detail-page .pdr-gallery__arrow.arch-liquid-btn:hover,
.product-detail-page .product-detail-btn-primary.arch-liquid-btn:hover,
.product-detail-page .cb-modal .cb-submit:hover:not(:disabled) {
  transform: none;
}

.products-page .products-toolbar-glass-btn:hover::after,
.products-page .products-filter-toggle:hover::after,
.products-page .products-sort-toggle:hover::after,
.products-page .products-compare-toggle:hover::after,
.products-page .products-filter-actions button:hover::after,
.products-page .products-filter-actions a:hover::after,
.products-page .products-filter-close:hover::after,
.products-page .compare-tray__btn:hover::after,
.products-page .compare-modal__close:hover::after,
.products-page .favorite-login-modal__btn:hover::after,
.products-page .pagination a:hover::after,
.products-page :global(.product-card .detail:hover)::after,
.product-detail-page .product-detail-glass-card__save:hover::after,
.product-detail-page .product-detail-glass-card__actions a:hover::after,
.product-detail-page .product-detail-glass-card__actions button:hover::after,
.product-detail-page .product-detail-btn-secondary.arch-liquid-btn:hover::after,
.product-detail-page .product-detail-brand-preview-next.arch-liquid-btn:hover::after,
.product-detail-page .pdr-gallery__arrow.arch-liquid-btn:hover::after,
.product-detail-page .product-detail-btn-primary.arch-liquid-btn:hover::after,
.product-detail-page .cb-modal .cb-submit:hover:not(:disabled)::after {
  opacity: 1;
  animation: catalog-control-shimmer 0.58s ease forwards;
}

/* —— Ürün detay —— */

.product-detail-page {
  background: var(--white);
  color: var(--ink);
}

.product-detail-page.product-detail-ref {
  background: #ffffff;
}

/* Layout: site.css (product-detail-layout-shell + sticky-aside) */

.product-detail-page .ag-panel-section {
  border: 1px solid var(--line);
  border-radius: var(--r-xl);
  background: var(--white);
  box-shadow: var(--panel-shadow);
}

.product-detail-page .ag-panel-title,
.product-detail-page .product-detail-section.ag-panel-section .ag-panel-title {
  color: var(--ink);
  font-weight: 600;
  letter-spacing: -0.03em;
}

.product-detail-page .ag-pill-body,
.product-detail-page .product-detail-description-block p {
  color: var(--muted);
}

.product-detail-page .product-detail-hero-kicker {
  color: var(--muted);
  letter-spacing: 0.08em;
}

.product-detail-page .product-chip-list span {
  border-color: var(--line);
  background: var(--soft);
  border-radius: var(--r-pill);
}

.product-detail-page .product-file-groups article {
  border-color: var(--line);
  border-radius: var(--r-lg);
  background: var(--soft);
}

.product-detail-page .product-description-details summary {
  color: var(--ink);
  font-weight: 600;
}

/* Detay — marka kartı + modallar: ince tipografi */
.product-detail-page .arch-liquid-btn,
.product-detail-page .arch-liquid-btn .arch-liquid-btn__text {
  font-weight: 400;
  letter-spacing: 0.01em;
}

.product-detail-page .product-detail-btn-primary.arch-liquid-btn,
.product-detail-page .cb-modal .cb-submit {
  border-radius: var(--r-pill);
  background: var(--catalog-active);
  border-color: var(--catalog-active);
  color: #fff;
  font-weight: 400;
}

.product-detail-page .product-detail-btn-primary.arch-liquid-btn:hover,
.product-detail-page .cb-modal .cb-submit:hover:not(:disabled) {
  background: var(--catalog-active-hover);
  border-color: var(--catalog-active-hover);
}

.product-detail-page .product-detail-btn-secondary.arch-liquid-btn,
.product-detail-page .product-detail-btn-secondary {
  border-radius: var(--r-pill);
  border-color: var(--line);
  color: #111;
  background: #fff;
}

.product-detail-page .product-detail-brand-actions .arch-liquid-btn {
  width: 100%;
  justify-content: center;
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  font-family: inherit;
  font-size: 15px;
  font-weight: 400;
  cursor: pointer;
}

/* Dolu buton: hafif parlama (yazı üstte) */
.product-detail-page .product-detail-btn-primary.arch-liquid-btn::after,
.product-detail-page .arch-liquid-btn--solid::after {
  background: linear-gradient(
    100deg,
    transparent 30%,
    rgba(255, 255, 255, 0.2) 50%,
    transparent 70%
  );
  mix-blend-mode: normal;
  opacity: 0;
  z-index: 0;
}

.products-page .compare-tray__btn--primary.arch-liquid-btn::after,
.products-page.is-filters-open .products-filter-toggle.arch-liquid-btn::after {
  display: none;
}

.product-detail-page .cb-dialog {
  border-radius: var(--r-xl);
  border: 1px solid var(--line);
  box-shadow: 0 24px 72px rgba(9, 9, 11, 0.14);
}

.product-detail-page .cb-form input,
.product-detail-page .cb-form textarea,
.product-detail-page .cb-form select {
  border-radius: 11px;
  border-color: var(--line);
}

.product-detail-page .cb-modal .cb-form input:focus,
.product-detail-page .cb-modal .cb-form textarea:focus,
.product-detail-page .cb-modal .cb-form select:focus,
.product-detail-page .cb-modal .cb-form input:focus-visible,
.product-detail-page .cb-modal .cb-form textarea:focus-visible,
.product-detail-page .cb-modal .cb-form select:focus-visible {
  border-color: rgba(9, 9, 11, 0.24);
  box-shadow: 0 0 0 2px rgba(9, 9, 11, 0.1);
  outline: none;
}

/* Galeri — tam genişlik hero */
.product-detail-page .product-detail-hero-band {
  background: #ececee;
}

.product-detail-page .product-detail-gallery-nav,
.product-detail-page .product-detail-related__btn {
  border-color: rgba(9, 9, 11, 0.1);
}