/* Product browser — clear hierarchy, calm controls and unobstructed imagery. */
html.corporate-2026 #urunler {
  --product-ui-blue: #1478df;
  --product-ui-navy: #10263d;
  --product-ui-text: #13263b;
  --product-ui-muted: #687b91;
  --product-ui-line: rgba(22, 58, 94, .13);
  --product-ui-surface: #fff;
  --product-ui-soft: #f3f7fb;
}

/* Product features remain visible, but never obscure the main photograph. */
html.corporate-2026 #urunler .quick-image-tags {
  position: static !important;
  display: grid !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 0 12px !important;
  padding: 13px 15px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5px 16px !important;
  background: var(--product-ui-soft) !important;
  border: 1px solid var(--product-ui-line) !important;
  border-radius: 15px !important;
  pointer-events: auto !important;
}

html.corporate-2026 #urunler .quick-image-tag {
  position: relative;
  display: flex !important;
  min-height: 29px;
  margin: 0 !important;
  padding: 5px 4px 5px 18px !important;
  align-items: center;
  color: #263d54 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-size: .69rem !important;
  font-weight: 690 !important;
  line-height: 1.28 !important;
}

html.corporate-2026[dir="rtl"] #urunler .quick-image-tag {
  padding: 5px 18px 5px 4px !important;
}

html.corporate-2026 #urunler .quick-image-tag::before {
  position: absolute;
  top: 50%;
  left: 2px;
  width: 7px;
  height: 7px;
  content: "";
  background: #1db4e2;
  border-radius: 50%;
  transform: translateY(-50%);
}

html.corporate-2026[dir="rtl"] #urunler .quick-image-tag::before {
  right: 2px;
  left: auto;
}

html.corporate-2026 #urunler .product-filter-wrapper {
  max-width: 1480px;
  margin-right: auto;
  margin-left: auto;
  overflow-x: auto;
  scrollbar-width: none;
}

html.corporate-2026 #urunler .product-filter-wrapper::-webkit-scrollbar {
  display: none;
}

html.corporate-2026 #urunler .catalog-series-filter.product-filter {
  display: flex !important;
  width: max-content !important;
  min-width: min(100%, 780px) !important;
  max-width: 100%;
  margin: 0 auto;
  padding: 5px !important;
  align-items: stretch;
  gap: 4px !important;
  background: rgba(255, 255, 255, .94) !important;
  border: 1px solid var(--product-ui-line) !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 24px rgba(18, 53, 88, .07) !important;
}

html.corporate-2026 #urunler .catalog-series-filter .filter-btn {
  position: relative;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  min-width: 0 !important;
  min-height: 44px !important;
  padding: 8px 18px !important;
  align-items: center;
  justify-content: center;
  color: #526a83 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  font-size: clamp(.72rem, .78vw, .82rem) !important;
  font-weight: 760 !important;
  line-height: 1.18 !important;
  letter-spacing: -.01em;
  text-align: center;
  text-wrap: balance;
  white-space: normal;
}

html.corporate-2026 #urunler .catalog-series-filter .filter-btn::before {
  display: none !important;
}

html.corporate-2026 #urunler .catalog-series-filter .filter-btn:not(.active):hover,
html.corporate-2026 #urunler .catalog-series-filter .filter-btn:not(.active):focus-visible {
  color: #174d83 !important;
  background: #edf5fd !important;
}

html.corporate-2026 #urunler .catalog-series-filter .filter-btn.active {
  color: #fff !important;
  background: var(--product-ui-blue) !important;
  box-shadow: 0 5px 14px rgba(20, 120, 223, .24) !important;
}

html.corporate-2026 #urunler .quick-product-selector,
html.corporate-2026 #urunler .quick-selected-card {
  background: var(--product-ui-surface) !important;
  border: 1px solid var(--product-ui-line) !important;
  box-shadow: 0 18px 52px rgba(15, 48, 82, .09) !important;
}

html.corporate-2026 #urunler .quick-product-selector {
  border-radius: 18px !important;
}

html.corporate-2026 #urunler .quick-product-selector::before {
  display: block;
  margin: 0 4px 12px;
  color: var(--product-ui-text);
  content: attr(aria-label);
  font-size: .72rem;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
}

html.corporate-2026 #urunler .quick-model-search {
  min-height: 44px;
  background: var(--product-ui-soft) !important;
  border: 1px solid transparent !important;
  border-radius: 11px !important;
  box-shadow: none !important;
}

html.corporate-2026 #urunler .quick-model-search:focus {
  background: #fff !important;
  border-color: rgba(20, 120, 223, .46) !important;
  outline: 3px solid rgba(20, 120, 223, .12) !important;
}

html.corporate-2026 #urunler .quick-model-button {
  min-height: 38px;
  padding: 8px 12px !important;
  border-radius: 9px !important;
  font-size: .76rem !important;
  font-weight: 670 !important;
}

html.corporate-2026 #urunler .quick-model-button.is-active {
  color: #fff !important;
  background: var(--product-ui-blue) !important;
  box-shadow: none !important;
}

html.corporate-2026 #urunler .quick-selected-card {
  border-radius: 22px !important;
}

html.corporate-2026 #urunler .quick-selected-media {
  min-width: 0;
  padding: 12px;
  background: var(--product-ui-soft);
  border: 1px solid var(--product-ui-line);
  border-radius: 18px;
}

html.corporate-2026 #urunler .quick-selected-media .p-card-img-wrap {
  min-height: 0 !important;
  padding: 22px !important;
  overflow: hidden !important;
  background: #fff !important;
  border: 1px solid rgba(18, 62, 104, .09) !important;
  border-radius: 14px !important;
}

html.corporate-2026 #urunler .quick-selected-media .product-png {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
}

html.corporate-2026 #urunler .quick-main-arrow {
  width: 42px !important;
  height: 42px !important;
  color: #28506f !important;
  background: rgba(255, 255, 255, .92) !important;
  border: 1px solid rgba(24, 66, 107, .14) !important;
  box-shadow: 0 7px 18px rgba(14, 46, 79, .12) !important;
}

html.corporate-2026 #urunler .quick-media-footer {
  display: grid !important;
  grid-template-columns: max-content minmax(0, 1fr);
  gap: 10px !important;
  align-items: center;
}

html.corporate-2026 #urunler .quick-media-stage {
  display: grid;
  width: 100%;
  min-width: 0;
  min-height: 0;
  grid-template-columns: minmax(0, 1.18fr) minmax(188px, .62fr);
  align-items: start;
  gap: 12px;
}

html.corporate-2026 #urunler .quick-media-stage > .p-card-img-wrap {
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
}

html.corporate-2026 #urunler .quick-model-options {
  display: flex;
  min-width: 0;
  min-height: 0;
  max-height: 100%;
  padding: 12px;
  flex-direction: column;
  align-self: start;
  gap: 10px;
  background: #fff;
  border: 1px solid var(--product-ui-line);
  border-radius: 14px;
}

html.corporate-2026 #urunler .quick-model-options-heading {
  margin: 0;
  padding: 0 2px 9px;
  color: var(--product-ui-text);
  border-bottom: 1px solid var(--product-ui-line);
  font-size: .69rem;
  font-weight: 850;
  letter-spacing: .055em;
  line-height: 1.25;
  text-transform: uppercase;
}

html.corporate-2026 #urunler .quick-model-options .quick-variant-scroller {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0;
  flex: 0 0 auto;
}

html.corporate-2026 #urunler .quick-model-options .quick-variant-nav {
  display: none !important;
}

html.corporate-2026 #urunler .quick-model-options .quick-variant-gallery {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
  max-height: calc(var(--quick-panel-height, 610px) - 150px);
  padding: 1px !important;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 7px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(72, 117, 160, .35) transparent;
}

html.corporate-2026 #urunler .quick-model-options .quick-variant-button,
html.corporate-2026 #urunler .quick-model-options .quick-variant-button:has(.product-code) {
  display: grid !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 48px !important;
  min-height: 48px !important;
  padding: 7px 10px !important;
  flex: 0 0 48px !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-rows: 1fr !important;
  align-items: center !important;
  gap: 8px !important;
  text-align: left !important;
  background: var(--product-ui-soft) !important;
  border: 1px solid transparent !important;
  border-radius: 10px !important;
}

html.corporate-2026[dir="rtl"] #urunler .quick-model-options .quick-variant-button,
html.corporate-2026[dir="rtl"] #urunler .quick-model-options .quick-variant-button:has(.product-code) {
  text-align: right !important;
}

html.corporate-2026 #urunler .quick-model-options .quick-variant-button img {
  display: none !important;
}

html.corporate-2026 #urunler .quick-model-options .quick-variant-button > span:not(.product-code) {
  overflow: hidden;
  color: #62758a !important;
  font-size: .66rem !important;
  font-weight: 720 !important;
  line-height: 1.18 !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html.corporate-2026 #urunler .quick-model-options .quick-variant-button .product-code {
  margin: 0 !important;
  padding: 0 !important;
  color: #122c47 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  font-size: .62rem !important;
  font-weight: 850 !important;
}

html.corporate-2026 #urunler .quick-model-options .quick-variant-button.is-active {
  background: #e8f3ff !important;
  border-color: rgba(20, 120, 223, .58) !important;
  box-shadow: 0 0 0 2px rgba(20, 120, 223, .09) !important;
}

html.corporate-2026 #urunler .quick-model-options .quick-variant-button.is-active > span:not(.product-code),
html.corporate-2026 #urunler .quick-model-options .quick-variant-button.is-active .product-code {
  color: #0f65ba !important;
}

html.corporate-2026 #urunler .quick-selected-media:has(.quick-media-stage) .quick-media-footer {
  display: flex !important;
  justify-content: flex-start;
}

html.corporate-2026 #urunler .quick-catalog-download {
  min-height: 42px !important;
  padding: 9px 13px !important;
  color: #176bc1 !important;
  background: #fff !important;
  border: 1px solid rgba(20, 120, 223, .24) !important;
  border-radius: 11px !important;
  box-shadow: none !important;
  font-size: .7rem !important;
}

html.corporate-2026 #urunler .quick-variant-scroller {
  width: 100% !important;
  grid-template-columns: 30px minmax(0, 1fr) 30px !important;
  gap: 5px !important;
}

html.corporate-2026 #urunler .quick-variant-nav {
  width: 30px !important;
  height: 30px !important;
  color: #397098;
  background: transparent;
  border-color: rgba(28, 83, 128, .17);
  box-shadow: none;
}

html.corporate-2026 #urunler .quick-variant-gallery {
  min-height: 88px !important;
  padding: 0 !important;
  gap: 6px !important;
}

html.corporate-2026 #urunler .quick-variant-button,
html.corporate-2026 #urunler .quick-variant-button:has(.product-code) {
  flex: 0 0 76px !important;
  width: 76px !important;
  min-width: 76px !important;
  height: 88px !important;
  min-height: 88px !important;
  padding: 5px !important;
  grid-template-rows: 38px minmax(16px, auto) 17px !important;
  gap: 2px !important;
  background: #fff !important;
  border: 1px solid rgba(22, 65, 105, .13) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

html.corporate-2026 #urunler .quick-variant-button img,
html.corporate-2026 #urunler .quick-variant-button:has(.product-code) img {
  width: 100% !important;
  height: 38px !important;
  margin: 0 !important;
  object-fit: contain !important;
}

html.corporate-2026 #urunler .quick-variant-button > span:not(.product-code) {
  font-size: .57rem !important;
  line-height: 1.08 !important;
}

html.corporate-2026 #urunler .quick-variant-button .product-code {
  margin: 0 !important;
  padding: 2px 4px !important;
  font-size: .52rem !important;
}

html.corporate-2026 #urunler .quick-variant-button.is-active {
  border-color: rgba(20, 120, 223, .72) !important;
  box-shadow: 0 0 0 2px rgba(20, 120, 223, .11) !important;
}

html.corporate-2026 #urunler .quick-selected-card .p-card-title {
  color: var(--product-ui-text) !important;
  letter-spacing: -.035em;
}

html.corporate-2026 #urunler .quick-selected-card .p-card-desc {
  color: var(--product-ui-muted) !important;
}

/* Product-specific technical imagery stays visible in a compact 2 × 2 grid. */
html.corporate-2026 #urunler .quick-technical-details {
  padding: 15px 17px !important;
  background: var(--product-ui-soft) !important;
  border: 1px solid var(--product-ui-line) !important;
  border-radius: 15px !important;
}

html.corporate-2026 #urunler .quick-technical-heading {
  margin: 0 0 10px !important;
  color: var(--product-ui-text) !important;
  font-size: .8rem !important;
  font-weight: 850 !important;
  letter-spacing: .055em;
  text-transform: uppercase;
}

html.corporate-2026 #urunler .quick-technical-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 7px !important;
}

html.corporate-2026 #urunler .quick-technical-item {
  display: grid !important;
  min-height: 128px !important;
  padding: 6px !important;
  grid-template-columns: 116px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 8px !important;
  color: #263d54 !important;
  background: #fff !important;
  border: 1px solid rgba(22, 65, 105, .12) !important;
  border-radius: 11px !important;
  box-shadow: none !important;
  cursor: pointer !important;
  outline: 0 !important;
}

/* Keep keyboard focus local to the detail tile. The browser's default outline
   followed the enlarged hover preview and could frame most of the product UI. */
html.corporate-2026 #urunler .quick-technical-item:focus-visible {
  border-color: rgba(20, 120, 223, .7) !important;
  box-shadow: inset 0 0 0 2px rgba(20, 120, 223, .24) !important;
}

html.corporate-2026 .image-preview-modal,
html.corporate-2026 .image-preview-modal img {
  border: 0 !important;
  outline: 0 !important;
}

html.corporate-2026 #urunler .quick-technical-item img {
  display: block !important;
  width: 116px !important;
  height: 116px !important;
  object-fit: cover !important;
  background: #fff;
  border-radius: 8px;
}

html.corporate-2026 #urunler .quick-technical-item span {
  color: inherit !important;
  font-size: .66rem !important;
  font-weight: 690 !important;
  line-height: 1.3 !important;
  text-align: left !important;
}

html.corporate-2026[dir="rtl"] #urunler .quick-technical-item span {
  text-align: right !important;
}

html.corporate-2026 #urunler .quick-selected-card .p-card-actions .btn-blue {
  min-width: 151px;
  min-height: 40px;
  padding: 9px 16px !important;
  font-size: .9em !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}

html.corporate-2026 #urunler .quick-selected-card .p-card-actions[hidden] {
  display: none !important;
}

/* Technical drawings replace the redundant full product modal on desktop. */
html.corporate-2026 #urunler .quick-dimensions-panel {
  position: absolute;
  top: 18px;
  right: 18px;
  bottom: 18px;
  z-index: 12;
  display: flex;
  width: calc((100% - 62px) * .46);
  min-width: 0;
  min-height: 0;
  height: auto;
  padding: 2px;
  flex-direction: column;
  gap: 12px;
  overflow: hidden;
  color: var(--product-ui-text);
  background: var(--product-ui-surface);
  border-radius: 16px;
}

html.corporate-2026[dir="rtl"] #urunler .quick-dimensions-panel {
  right: auto;
  left: 18px;
}

html.corporate-2026 #urunler .quick-dimensions-panel[hidden] {
  display: none !important;
}

html.corporate-2026 #urunler .quick-selected-card.is-showing-dimensions > .p-card-title,
html.corporate-2026 #urunler .quick-selected-card.is-showing-dimensions > .p-card-desc,
html.corporate-2026 #urunler .quick-selected-card.is-showing-dimensions > .quick-image-tags,
html.corporate-2026 #urunler .quick-selected-card.is-showing-dimensions > .quick-technical-details,
html.corporate-2026 #urunler .quick-selected-card.is-showing-dimensions > .p-card-actions {
  visibility: hidden;
  pointer-events: none;
}

html.corporate-2026 #urunler .quick-dimensions-header {
  display: flex;
  min-height: 54px;
  padding: 9px 11px 9px 15px;
  flex: none;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  background: var(--product-ui-soft);
  border: 1px solid var(--product-ui-line);
  border-radius: 13px;
}

html.corporate-2026 #urunler .quick-dimensions-header h4 {
  position: relative;
  margin: 0;
  padding-left: 16px;
  color: var(--product-ui-text);
  font-size: .88rem;
  font-weight: 850;
}

html.corporate-2026[dir="rtl"] #urunler .quick-dimensions-header h4 {
  padding-right: 16px;
  padding-left: 0;
}

html.corporate-2026 #urunler .quick-dimensions-header h4::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 8px;
  height: 8px;
  content: "";
  background: var(--product-ui-blue);
  border-radius: 50%;
  transform: translateY(-50%);
}

html.corporate-2026[dir="rtl"] #urunler .quick-dimensions-header h4::before {
  right: 0;
  left: auto;
}

html.corporate-2026 #urunler .quick-dimensions-close {
  display: inline-flex;
  min-height: 34px;
  padding: 6px 10px;
  flex: none;
  align-items: center;
  justify-content: center;
  gap: 6px;
  color: #176bc1;
  background: #fff;
  border: 1px solid rgba(20, 120, 223, .24);
  border-radius: 9px;
  cursor: pointer;
  font: 750 .66rem/1.2 Inter, system-ui, sans-serif;
}

html.corporate-2026[dir="rtl"] #urunler .quick-dimensions-close > span:first-child {
  transform: rotate(180deg);
}

html.corporate-2026 #urunler .quick-dimensions-close:hover,
html.corporate-2026 #urunler .quick-dimensions-close:focus-visible {
  color: #fff;
  background: var(--product-ui-blue);
  outline: 0;
}

html.corporate-2026 #urunler .quick-dimensions-grid {
  display: grid;
  min-height: 0;
  padding: 2px 5px 4px 2px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: rgba(74, 119, 162, .42) transparent;
}

html.corporate-2026[dir="rtl"] #urunler .quick-dimensions-grid {
  padding-right: 2px;
  padding-left: 5px;
}

html.corporate-2026 #urunler .quick-dimension-card {
  position: relative;
  z-index: 1;
  display: flex;
  width: 100%;
  min-width: 0;
  min-height: 152px;
  padding: 10px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--product-ui-line);
  border-radius: 13px;
  box-shadow: none;
  cursor: zoom-in;
  transform-origin: right center;
  transition: border-color 180ms ease, transform 180ms ease, box-shadow 180ms ease;
}

html.corporate-2026[dir="rtl"] #urunler .quick-dimension-card {
  transform-origin: left center;
}

html.corporate-2026 #urunler .quick-dimension-card:hover,
html.corporate-2026 #urunler .quick-dimension-card:focus-visible {
  border-color: rgba(20, 120, 223, .5);
  box-shadow: 0 8px 22px rgba(15, 59, 102, .09);
  outline: 0;
  transform: none;
}

html.corporate-2026 #urunler .quick-dimension-card img {
  display: block;
  width: 100%;
  height: 100%;
  max-height: 170px;
  object-fit: contain;
  transition: transform 220ms cubic-bezier(.22, 1, .36, 1);
}

html.corporate-2026 #urunler .quick-dimension-card:hover img,
html.corporate-2026 #urunler .quick-dimension-card:focus-visible img {
  transform: none;
}

html.corporate-2026 #urunler .quick-dimension-hover-preview {
  position: absolute;
  top: 18px;
  bottom: 18px;
  left: 18px;
  z-index: 24;
  display: flex;
  width: calc((100% - 62px) * .54);
  min-width: 0;
  padding: 24px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  pointer-events: none;
  background: #fff;
  border: 1px solid rgba(18, 62, 104, .13);
  border-radius: 16px;
  box-shadow: 0 24px 58px rgba(9, 35, 65, .24);
  animation: quickDimensionPreviewIn 220ms cubic-bezier(.22, 1, .36, 1) both;
}

html.corporate-2026[dir="rtl"] #urunler .quick-dimension-hover-preview {
  right: 18px;
  left: auto;
  animation-name: quickDimensionPreviewInRtl;
}

html.corporate-2026 #urunler .quick-dimension-hover-preview[hidden] {
  display: none !important;
}

html.corporate-2026 #urunler .quick-dimension-hover-preview img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

@keyframes quickDimensionPreviewIn {
  from { opacity: 0; transform: translateX(18px) scale(.94); }
  to { opacity: 1; transform: translateX(0) scale(1); }
}

@keyframes quickDimensionPreviewInRtl {
  from { opacity: 0; transform: translateX(-18px) scale(.94); }
  to { opacity: 1; transform: translateX(0) scale(1); }
}

/* Dark theme keeps the same hierarchy without the former heavy visual blocks. */
html.dark-theme.corporate-2026 #urunler {
  --product-ui-text: #eef6ff;
  --product-ui-muted: #aebed0;
  --product-ui-line: rgba(134, 180, 226, .17);
  --product-ui-surface: #0f2134;
  --product-ui-soft: #142a40;
}

html.dark-theme.corporate-2026 #urunler .catalog-series-filter.product-filter {
  background: #0f2134 !important;
  border-color: var(--product-ui-line) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .16) !important;
}

html.dark-theme.corporate-2026 #urunler .catalog-series-filter .filter-btn {
  color: #b7c8da !important;
}

html.dark-theme.corporate-2026 #urunler .catalog-series-filter .filter-btn:not(.active):hover,
html.dark-theme.corporate-2026 #urunler .catalog-series-filter .filter-btn:not(.active):focus-visible {
  color: #fff !important;
  background: #193550 !important;
}

html.dark-theme.corporate-2026 #urunler .quick-product-selector,
html.dark-theme.corporate-2026 #urunler .quick-selected-card {
  background: var(--product-ui-surface) !important;
  border-color: var(--product-ui-line) !important;
  box-shadow: 0 20px 58px rgba(0, 0, 0, .2) !important;
}

html.dark-theme.corporate-2026 #urunler .quick-model-search {
  color: #e8f3ff !important;
  background: #132a41 !important;
}

html.dark-theme.corporate-2026 #urunler .quick-model-search:focus {
  background: #172f48 !important;
}

html.dark-theme.corporate-2026 #urunler .quick-selected-media,
html.dark-theme.corporate-2026 #urunler .quick-image-tags,
html.dark-theme.corporate-2026 #urunler .quick-technical-details {
  background: #132940 !important;
  border-color: var(--product-ui-line) !important;
}

html.dark-theme.corporate-2026 #urunler .quick-catalog-download,
html.dark-theme.corporate-2026 #urunler .quick-variant-button,
html.dark-theme.corporate-2026 #urunler .quick-variant-button:has(.product-code) {
  color: #cfe7ff !important;
  background: #10243a !important;
  border-color: rgba(131, 181, 230, .2) !important;
}

html.dark-theme.corporate-2026 #urunler .quick-model-options {
  background: #10243a;
  border-color: rgba(131, 181, 230, .2);
}

html.dark-theme.corporate-2026 #urunler .quick-model-options .quick-variant-button,
html.dark-theme.corporate-2026 #urunler .quick-model-options .quick-variant-button:has(.product-code) {
  background: #162d45 !important;
}

html.dark-theme.corporate-2026 #urunler .quick-model-options .quick-variant-button > span:not(.product-code) {
  color: #bfd0e1 !important;
}

html.dark-theme.corporate-2026 #urunler .quick-model-options .quick-variant-button .product-code {
  color: #eef6ff !important;
}

html.dark-theme.corporate-2026 #urunler .quick-model-options .quick-variant-button.is-active {
  background: #193b5d !important;
  border-color: rgba(81, 164, 247, .72) !important;
}

html.dark-theme.corporate-2026 #urunler .quick-technical-item {
  color: #d4e2f0 !important;
  background: #10243a !important;
  border-color: rgba(131, 181, 230, .18) !important;
}

html.dark-theme.corporate-2026 #urunler .quick-image-tag {
  color: #d4e2f0 !important;
}

html.dark-theme.corporate-2026 #urunler .quick-variant-nav {
  color: #bcd9f5;
  background: transparent;
  border-color: rgba(131, 181, 230, .2);
  box-shadow: none;
}

html.dark-theme.corporate-2026 #urunler .quick-dimensions-panel {
  background: var(--product-ui-surface);
}

html.dark-theme.corporate-2026 #urunler .quick-dimensions-close {
  color: #cfe7ff;
  background: #10243a;
  border-color: rgba(131, 181, 230, .22);
}

html.dark-theme.corporate-2026 #urunler .quick-dimension-card {
  background: #fff;
  border-color: rgba(131, 181, 230, .2);
}

@media (min-width: 1200px) {
  html.corporate-2026 #urunler.grid-section {
    min-height: auto !important;
    padding-top: 52px !important;
    padding-bottom: 62px !important;
    justify-content: flex-start !important;
  }

  html.corporate-2026 #urunler .products-header {
    margin-bottom: 18px !important;
  }

  html.corporate-2026 #urunler .product-browser-layout {
    --quick-panel-height: 790px !important;
    --quick-panel-top-offset: 0px;
    width: min(1600px, calc(100% - 32px)) !important;
    grid-template-columns: 222px minmax(0, 1fr) !important;
    gap: 18px !important;
  }

  html.corporate-2026 #urunler .quick-product-selector {
    height: var(--quick-panel-height) !important;
    min-height: 0 !important;
    padding: 18px 14px !important;
  }

  html.corporate-2026 #urunler .quick-model-list {
    max-height: calc(var(--quick-panel-height) - 118px) !important;
  }

  html.corporate-2026 #urunler .quick-selected-card {
    height: var(--quick-panel-height) !important;
    min-height: 0 !important;
    padding: 18px !important;
    grid-template-columns: minmax(440px, 1.08fr) minmax(390px, .92fr) !important;
    grid-template-rows: max-content max-content max-content max-content max-content minmax(0, 1fr) !important;
    column-gap: 26px !important;
    overflow: hidden !important;
  }

  html.corporate-2026 #urunler .quick-selected-media {
    grid-row: 1 / 7 !important;
    grid-column: 1 !important;
    display: grid !important;
    grid-template-rows: minmax(0, 1fr) auto !important;
    gap: 10px !important;
  }

  html.corporate-2026 #urunler .quick-selected-card .p-card-title {
    display: flex !important;
    width: 100% !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: max-content !important;
    margin: 8px 0 10px !important;
    padding-bottom: 2px !important;
    align-self: start !important;
    align-items: center !important;
    align-content: flex-start !important;
    flex-wrap: wrap !important;
    row-gap: 7px !important;
    font-size: clamp(1.72rem, 2vw, 2.25rem) !important;
    line-height: 1.04 !important;
    overflow: visible !important;
    outline: 0 !important;
  }

  html.corporate-2026 #urunler .quick-selected-card .p-card-desc {
    display: -webkit-box !important;
    max-height: none !important;
    margin: 0 0 12px !important;
    overflow: hidden !important;
    font-size: clamp(.75rem, .84vw, .9rem) !important;
    line-height: 1.62 !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    position: relative;
    z-index: 1;
  }

  html.corporate-2026 #urunler .quick-technical-details {
    margin: 0 0 10px !important;
    align-self: start !important;
  }

  html.corporate-2026 #urunler .quick-selected-card .p-card-actions {
    margin: 0 !important;
    align-self: start !important;
    transform: none;
  }

  html.corporate-2026 #urunler .quick-product-pagination {
    margin-top: 10px !important;
  }
}

@media (min-width: 1200px) and (max-width: 1399px) {
  html.corporate-2026 #urunler .product-browser-layout {
    --quick-panel-height: 650px !important;
    grid-template-columns: 200px minmax(0, 1fr) !important;
  }

  html.corporate-2026 #urunler .quick-selected-card {
    grid-template-columns: minmax(370px, 1.04fr) minmax(330px, .96fr) !important;
    column-gap: 18px !important;
  }

  html.corporate-2026 #urunler .quick-dimensions-panel {
    width: calc((100% - 54px) * .48);
  }

  html.corporate-2026 #urunler .quick-selected-media {
    padding: 9px;
  }

  html.corporate-2026 #urunler .quick-selected-media .p-card-img-wrap {
    padding: 14px !important;
  }

  html.corporate-2026 #urunler .quick-media-footer {
    grid-template-columns: 132px minmax(0, 1fr);
  }

  html.corporate-2026 #urunler .quick-catalog-download {
    padding: 8px !important;
  }

  html.corporate-2026 #urunler .quick-technical-details {
    padding: 11px 13px !important;
  }

  html.corporate-2026 #urunler .quick-technical-grid {
    gap: 5px !important;
  }

  html.corporate-2026 #urunler .quick-technical-item {
    min-height: 106px !important;
    grid-template-columns: 96px minmax(0, 1fr) !important;
    gap: 6px !important;
  }

  html.corporate-2026 #urunler .quick-technical-item img {
    width: 96px !important;
    height: 96px !important;
  }

  html.corporate-2026 #urunler .quick-image-tags {
    margin-bottom: 8px !important;
    padding: 9px 11px !important;
    gap: 2px 10px !important;
  }

  html.corporate-2026 #urunler .quick-image-tag {
    min-height: 25px;
    font-size: .62rem !important;
  }
}

@media (max-width: 1199px) {
  html.corporate-2026 #urunler .catalog-series-filter.product-filter {
    min-width: max-content !important;
    margin: 0;
  }

  html.corporate-2026 #urunler .catalog-series-filter .filter-btn {
    flex: 0 0 164px !important;
    width: 164px !important;
    min-width: 164px !important;
    max-width: 164px !important;
  }

  html.corporate-2026 #urunler .quick-product-selector::before {
    display: none;
  }

  html.corporate-2026 #urunler .quick-selected-card {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  html.corporate-2026 #urunler .quick-product-preview.is-active {
    display: flex !important;
    width: 100%;
    min-width: 0;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    flex-direction: column;
    align-items: stretch;
  }

  html.corporate-2026 #urunler .quick-selected-back {
    position: relative !important;
    inset: auto !important;
    display: inline-flex !important;
    width: fit-content !important;
    max-width: calc(100% - 24px) !important;
    min-height: 42px !important;
    margin: 0 auto 14px !important;
    padding: 0 16px !important;
    order: -1 !important;
    flex: none !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    white-space: nowrap;
  }

  html.corporate-2026 #urunler .quick-selected-media {
    padding: 9px;
  }

  html.corporate-2026 #urunler .quick-media-footer {
    grid-template-columns: 1fr;
  }

  html.corporate-2026 #urunler .quick-catalog-download {
    width: 100%;
    justify-content: center;
  }
}

@media (max-width: 680px) {
  html.corporate-2026 #urunler .quick-product-display,
  html.corporate-2026 #urunler .quick-product-preview {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }

  html.corporate-2026 #urunler .quick-selected-card {
    display: flex !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 12px !important;
    flex-direction: column !important;
    align-items: stretch !important;
    overflow: visible !important;
  }

  html.corporate-2026 #urunler .quick-selected-media {
    display: grid !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    flex: none !important;
    grid-template-rows: auto auto !important;
    order: 0;
    overflow: visible !important;
  }

  html.corporate-2026 #urunler .quick-selected-media .p-card-img-wrap {
    width: 100% !important;
    height: min(94vw, 390px) !important;
    min-height: 0 !important;
    margin: 0 !important;
  }

  html.corporate-2026 #urunler .quick-media-footer {
    display: grid !important;
    width: 100%;
    grid-template-columns: 1fr !important;
    overflow: visible !important;
  }

  html.corporate-2026 #urunler .quick-selected-card .p-card-title,
  html.corporate-2026 #urunler .quick-selected-card .p-card-desc,
  html.corporate-2026 #urunler .quick-image-tags,
  html.corporate-2026 #urunler .quick-technical-details,
  html.corporate-2026 #urunler .quick-selected-card .p-card-actions {
    width: 100%;
    flex: none;
  }

  html.corporate-2026 #urunler .catalog-series-filter .filter-btn {
    flex-basis: 146px !important;
    width: 146px !important;
    min-width: 146px !important;
    max-width: 146px !important;
    min-height: 42px !important;
    padding: 7px 12px !important;
    font-size: .69rem !important;
  }

  html.corporate-2026 #urunler .quick-selected-media .p-card-img-wrap {
    padding: 12px !important;
  }

  html.corporate-2026 #urunler .quick-technical-details {
    padding: 13px 14px !important;
  }

  html.corporate-2026 #urunler .quick-technical-grid {
    grid-template-columns: 1fr !important;
    gap: 7px !important;
  }

  html.corporate-2026 #urunler .quick-technical-item {
    min-height: 66px !important;
  }

  html.corporate-2026 #urunler .quick-image-tags {
    grid-template-columns: 1fr;
    gap: 2px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.corporate-2026 #urunler *,
  html.corporate-2026 #urunler *::before,
  html.corporate-2026 #urunler *::after {
    scroll-behavior: auto !important;
  }
}

/* Desktop density: keep the complete product browser visible on shorter screens.
   Phone and tablet layouts intentionally remain unchanged. */
@media (min-width: 1200px) {
  html.corporate-2026 #urunler.grid-section {
    padding-top: clamp(28px, 4vh, 46px) !important;
    padding-bottom: clamp(34px, 5vh, 54px) !important;
  }

  html.corporate-2026 #urunler .products-header {
    margin-bottom: clamp(12px, 2vh, 18px) !important;
  }

  html.corporate-2026 #urunler .products-header > p {
    margin-bottom: clamp(14px, 2vh, 24px) !important;
    font-size: clamp(.88rem, 1vw, 1rem) !important;
  }

  html.corporate-2026 #urunler .product-browser-layout {
    --quick-panel-height: clamp(552px, calc(100vh - 270px), 720px) !important;
    width: min(1540px, calc(100% - 40px)) !important;
    grid-template-columns: clamp(184px, 12.5vw, 214px) minmax(0, 1fr) !important;
    gap: clamp(14px, 1.2vw, 18px) !important;
  }

  html.corporate-2026 #urunler .quick-product-selector {
    padding: clamp(13px, 1.3vh, 18px) 13px !important;
  }

  html.corporate-2026 #urunler .quick-product-selector::before {
    margin-bottom: 9px !important;
    font-size: .67rem !important;
  }

  html.corporate-2026 #urunler .quick-model-search {
    min-height: 40px !important;
    font-size: .76rem !important;
  }

  html.corporate-2026 #urunler .quick-model-button {
    min-height: 34px !important;
    padding: 6px 10px !important;
    font-size: .7rem !important;
  }

  html.corporate-2026 #urunler .quick-model-list {
    max-height: calc(var(--quick-panel-height) - 105px) !important;
  }

  html.corporate-2026 #urunler .quick-selected-card {
    height: var(--quick-panel-height) !important;
    padding: clamp(13px, 1.5vh, 18px) !important;
    grid-template-columns: minmax(390px, 1.06fr) minmax(360px, .94fr) !important;
    column-gap: clamp(16px, 1.5vw, 24px) !important;
  }

  html.corporate-2026 #urunler .quick-selected-media {
    padding: clamp(8px, 1vh, 12px) !important;
    gap: 8px !important;
  }

  html.corporate-2026 #urunler .quick-selected-media .p-card-img-wrap {
    padding: clamp(10px, 1.6vh, 18px) !important;
  }

  html.corporate-2026 #urunler .quick-media-stage {
    grid-template-columns: minmax(0, 1.2fr) minmax(170px, .56fr) !important;
    gap: 10px !important;
  }

  html.corporate-2026 #urunler .quick-model-options {
    padding: 10px !important;
    gap: 7px !important;
  }

  html.corporate-2026 #urunler .quick-model-options .quick-variant-gallery {
    max-height: calc(var(--quick-panel-height) - 128px) !important;
    gap: 5px !important;
  }

  html.corporate-2026 #urunler .quick-model-options .quick-variant-button,
  html.corporate-2026 #urunler .quick-model-options .quick-variant-button:has(.product-code) {
    height: clamp(40px, 5.5vh, 46px) !important;
    min-height: clamp(40px, 5.5vh, 46px) !important;
    flex-basis: clamp(40px, 5.5vh, 46px) !important;
    padding: 6px 9px !important;
  }

  html.corporate-2026 #urunler .quick-catalog-download {
    min-height: 38px !important;
    padding: 7px 11px !important;
    font-size: .65rem !important;
  }

  html.corporate-2026 #urunler .quick-selected-card .p-card-title {
    margin: 5px 0 10px !important;
    font-size: clamp(1.62rem, 1.9vw, 2.15rem) !important;
  }

  html.corporate-2026 #urunler .quick-selected-card .p-card-desc {
    margin-bottom: 12px !important;
    font-size: clamp(.77rem, .825vw, .9rem) !important;
    line-height: 1.58 !important;
  }

  html.corporate-2026 #urunler .quick-image-tags {
    margin-bottom: 10px !important;
    padding: 10px 13px !important;
    gap: 5px 16px !important;
  }

  html.corporate-2026 #urunler .quick-image-tag {
    min-height: 26px !important;
    padding-block: 4px !important;
    font-size: .66rem !important;
    line-height: 1.35 !important;
  }

  html.corporate-2026 #urunler .quick-technical-details {
    margin-bottom: 10px !important;
    padding: 12px 14px !important;
  }

  html.corporate-2026 #urunler .quick-technical-heading {
    margin-bottom: 10px !important;
    font-size: .77rem !important;
  }

  html.corporate-2026 #urunler .quick-technical-grid {
    gap: 8px !important;
  }

  html.corporate-2026 #urunler .quick-technical-item {
    min-height: clamp(88px, 12vh, 112px) !important;
    grid-template-columns: clamp(78px, 10.5vh, 102px) minmax(0, 1fr) !important;
    gap: 9px !important;
  }

  html.corporate-2026 #urunler .quick-technical-item img {
    width: clamp(78px, 10.5vh, 102px) !important;
    height: clamp(78px, 10.5vh, 102px) !important;
  }

  html.corporate-2026 #urunler .quick-technical-item span {
    font-size: .66rem !important;
    line-height: 1.35 !important;
  }

  html.corporate-2026 #urunler .quick-selected-card .p-card-actions .btn-blue {
    min-height: 36px !important;
    padding: 7px 14px !important;
    font-size: .76rem !important;
  }

  html.corporate-2026 #urunler .quick-product-pagination {
    margin-top: 7px !important;
  }
}