/* * PİYASA • KAŞİF * YAKALA CANONICAL FINAL VISUAL OWNER * * Tek görsel owner. * JS davranışlarına dokunmaz. */ /* ========================================================= FILTER GRID ========================================================= */ html body .kv3-window--catch .kv3-filters { display: grid !important; column-gap: 10px !important; row-gap: 0 !important; align-items: end !important; width: 100% !important; max-width: none !important; padding: 8px 12px 9px !important; overflow: visible !important; } /* ========================================================= FIELDS ========================================================= */ html body .kv3-window--catch .kv3-filters > .kv3-field { position: relative !important; display: block !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } /* ========================================================= LABELS ========================================================= */ html body .kv3-window--catch .kv3-field > label { display: block !important; height: 14px !important; margin: 0 0 4px !important; padding: 0 !important; color: #344054 !important; font-size: 10px !important; font-weight: 700 !important; line-height: 14px !important; } /* ========================================================= STANDARD CONTROL HEIGHT = 30PX ========================================================= */ html body .kv3-window--catch .kv3-marketplace-multi__trigger, html body .kv3-window--catch .kv3-multi-category__trigger, html body .kv3-window--catch .kv3-control, html body .kv3-window--catch [data-kv3-time-field="1"] select, html body .kv3-window--catch .kv3-clear-button, html body .kv3-window--catch .kv3-catch-button { box-sizing: border-box !important; width: 100% !important; height: 30px !important; min-height: 30px !important; max-height: 30px !important; margin: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; border-radius: 6px !important; font-size: 11px !important; line-height: 28px !important; } /* ========================================================= PRICE FIELD ========================================================= */ html body .kv3-window--catch .kv3-price--refined { box-sizing: border-box !important; display: grid !important; grid-template-columns: minmax(0, 1fr) 12px minmax(0, 1fr) !important; column-gap: 6px !important; align-items: stretch !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: 30px !important; min-height: 30px !important; max-height: 30px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } /* ========================================================= PRICE BOXES ========================================================= */ html body .kv3-window--catch .kv3-price--refined > .kv3-price-box { box-sizing: border-box !important; display: flex !important; align-items: center !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: 30px !important; min-height: 30px !important; max-height: 30px !important; margin: 0 !important; padding: 0 8px !important; border: 1px solid #dfe5ea !important; border-radius: 6px !important; background: #fff !important; overflow: hidden !important; } html body .kv3-window--catch .kv3-price--refined > .kv3-price-box:first-child { grid-column: 1 !important; } html body .kv3-window--catch .kv3-price--refined > .kv3-price-separator { grid-column: 2 !important; } html body .kv3-window--catch .kv3-price--refined > .kv3-price-box:last-child { grid-column: 3 !important; } /* ========================================================= PRICE INPUT ========================================================= */ html body .kv3-window--catch .kv3-price--refined input[data-kv3-price-min], html body .kv3-window--catch .kv3-price--refined input[data-kv3-price-max] { box-sizing: border-box !important; display: block !important; flex: 1 1 0 !important; width: 0 !important; min-width: 0 !important; max-width: 100% !important; height: 28px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; outline: 0 !important; box-shadow: none !important; background: transparent !important; font-size: 11px !important; line-height: 28px !important; } /* ========================================================= PRICE CURRENCY ========================================================= */ html body .kv3-window--catch .kv3-price-currency { display: flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 12px !important; width: 12px !important; min-width: 12px !important; height: 28px !important; margin: 0 5px 0 0 !important; font-size: 11px !important; line-height: 28px !important; } /* ========================================================= PRICE SEPARATOR ========================================================= */ html body .kv3-window--catch .kv3-price--refined > .kv3-price-separator { display: flex !important; align-items: center !important; justify-content: center !important; width: 12px !important; min-width: 12px !important; height: 30px !important; margin: 0 !important; color: #94a3b8 !important; font-size: 11px !important; line-height: 30px !important; } /* ========================================================= BUTTON ALIGNMENT ========================================================= */ html body .kv3-window--catch .kv3-clear-button, html body .kv3-window--catch .kv3-catch-button { align-self: end !important; margin: 18px 0 0 !important; white-space: nowrap !important; } /* ========================================================= DROPDOWN LAYER ========================================================= */ html body .kv3-window--catch, html body .kv3-window--catch .kv3-window__body, html body .kv3-window--catch .kv3-filterbar, html body .kv3-window--catch .kv3-filters, html body .kv3-window--catch .kv3-field, html body .kv3-window--catch .kv3-marketplace-multi, html body .kv3-window--catch .kv3-multi-category, html body .kv3-window--catch [data-kv3-time-field="1"] { overflow: visible !important; } html body .kv3-window--catch .kv3-marketplace-multi, html body .kv3-window--catch .kv3-multi-category, html body .kv3-window--catch [data-kv3-time-field="1"] { position: relative !important; z-index: 30000 !important; } html body .kv3-window--catch .kv3-marketplace-panel, html body .kv3-window--catch .kv3-multi-category__panel { z-index: 30001 !important; top: calc(100% + 5px) !important; bottom: auto !important; } /* ========================================================= NATIVE COMPATIBILITY SELECTS REMAIN HIDDEN ========================================================= */ html body .kv3-window--catch select[data-kv3-category], html body .kv3-window--catch select[data-kv3-subcategory], html body .kv3-window--catch select[data-kv3-marketplace] { display: none !important; } /* ========================================================= KAŞİF YAKALA TRUE FINAL SINGLE CANONICAL VISUAL OWNER ========================================================= */ /* * FILTER BAR * * 1 Pazaryeri * 2 Ana Kategori * 3 Alt Kategori * 4 Fiyat * 5 Zaman * 6 Temizle * 7 YAKALA */ html body .kv3-window--catch .kv3-filters, html body .kv3-window--catch .kv3-search { box-sizing: border-box !important; width: 100% !important; max-width: none !important; grid-template-columns: minmax(150px, 1.00fr) minmax(155px, 1.05fr) minmax(155px, 1.05fr) minmax(390px, 2.40fr) minmax(160px, 1.05fr) minmax(155px, .95fr) minmax(180px, 1.05fr) !important; column-gap: 10px !important; row-gap: 0 !important; padding-left: 16px !important; padding-right: 16px !important; } /* * Every grid child stays inside its own column. */ html body .kv3-window--catch .kv3-filters > *, html body .kv3-window--catch .kv3-search > * { min-width: 0 !important; } /* ========================================================= MARKETPLACE SINGLE VISUAL OWNER ========================================================= */ /* * Native select exists only as state/compatibility anchor. */ html body .kv3-window--catch select.kv3-marketplace-control[data-kv3-marketplace] { position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important; border: 0 !important; clip: rect(0 0 0 0) !important; clip-path: inset(50%) !important; overflow: hidden !important; white-space: nowrap !important; opacity: 0 !important; pointer-events: none !important; } /* * Custom root is the only visible marketplace control. */ html body .kv3-window--catch .kv3-field:has(> select[data-kv3-marketplace]) .kv3-marketplace-multi { position: relative !important; box-sizing: border-box !important; display: block !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: 30px !important; min-height: 30px !important; max-height: 30px !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; z-index: 60000 !important; } /* * Closed marketplace button. */ html body .kv3-window--catch .kv3-marketplace-multi > .kv3-marketplace-multi__trigger { appearance: none !important; -webkit-appearance: none !important; position: relative !important; box-sizing: border-box !important; display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: 30px !important; min-height: 30px !important; max-height: 30px !important; margin: 0 !important; padding: 0 10px !important; border: 1px solid #d8dee8 !important; border-radius: 6px !important; outline: 0 !important; background: #ffffff !important; box-shadow: none !important; color: #344054 !important; font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important; font-size: 11px !important; font-weight: 650 !important; line-height: 28px !important; text-align: left !important; white-space: nowrap !important; cursor: pointer !important; overflow: hidden !important; } html body .kv3-window--catch .kv3-marketplace-multi__text { display: block !important; flex: 1 1 auto !important; min-width: 0 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } html body .kv3-window--catch .kv3-marketplace-multi__arrow { display: block !important; flex: 0 0 auto !important; margin: 0 0 0 8px !important; color: #667085 !important; font-size: 12px !important; line-height: 1 !important; } /* * ABSOLUTE dropdown. * It must NEVER occupy normal document flow. */ html body .kv3-window--catch .kv3-marketplace-multi > .kv3-marketplace-panel { position: absolute !important; top: 35px !important; left: 0 !important; right: auto !important; bottom: auto !important; box-sizing: border-box !important; width: 280px !important; min-width: 280px !important; max-width: 320px !important; height: auto !important; min-height: 0 !important; max-height: 290px !important; margin: 0 !important; padding: 5px !important; border: 1px solid #d8dee8 !important; border-radius: 7px !important; background: #ffffff !important; box-shadow: 0 12px 28px rgba(15, 23, 42, .16) !important; overflow-x: hidden !important; overflow-y: auto !important; z-index: 60001 !important; } /* * HARD CLOSED STATE. * * This is deliberately more specific than any older generic * .kv3-marketplace-panel rule. */ html body .kv3-window--catch .kv3-marketplace-multi > .kv3-marketplace-panel[hidden] { display: none !important; visibility: hidden !important; pointer-events: none !important; } /* * HARD OPEN STATE. */ html body .kv3-window--catch .kv3-marketplace-multi.is-open > .kv3-marketplace-panel:not([hidden]) { display: block !important; visibility: visible !important; pointer-events: auto !important; } /* * Marketplace rows. */ html body .kv3-window--catch .kv3-marketplace-multi .kv3-marketplace-option { position: relative !important; box-sizing: border-box !important; display: flex !important; align-items: center !important; gap: 8px !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: 30px !important; min-height: 30px !important; max-height: 30px !important; margin: 0 !important; padding: 0 7px !important; border: 0 !important; border-radius: 5px !important; background: transparent !important; color: #344054 !important; font-size: 11px !important; font-weight: 650 !important; line-height: 30px !important; white-space: nowrap !important; cursor: pointer !important; } html body .kv3-window--catch .kv3-marketplace-multi .kv3-marketplace-option:hover { background: #f4f7fb !important; } html body .kv3-window--catch .kv3-marketplace-multi .kv3-marketplace-option input[type="checkbox"] { appearance: auto !important; -webkit-appearance: checkbox !important; position: static !important; display: inline-block !important; flex: 0 0 14px !important; box-sizing: border-box !important; width: 14px !important; min-width: 14px !important; max-width: 14px !important; height: 14px !important; min-height: 14px !important; max-height: 14px !important; margin: 0 !important; padding: 0 !important; vertical-align: middle !important; } /* * Marketplace field itself must remain normal height. * The absolute dropdown may escape downward. */ html body .kv3-window--catch .kv3-field:has(> select[data-kv3-marketplace]) { position: relative !important; min-width: 0 !important; overflow: visible !important; } /* ========================================================= PRICE ========================================================= */ html body .kv3-window--catch .kv3-field:has(.kv3-price--refined) { box-sizing: border-box !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; overflow: visible !important; } html body .kv3-window--catch .kv3-price--refined { box-sizing: border-box !important; display: grid !important; grid-template-columns: minmax(0, 1fr) 20px minmax(0, 1fr) !important; align-items: center !important; column-gap: 10px !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: 30px !important; min-height: 30px !important; max-height: 30px !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } html body .kv3-window--catch .kv3-price--refined > .kv3-price-box { box-sizing: border-box !important; display: flex !important; align-items: center !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: 30px !important; min-height: 30px !important; max-height: 30px !important; margin: 0 !important; padding: 0 9px !important; border: 1px solid #d8dee8 !important; border-radius: 6px !important; background: #ffffff !important; overflow: hidden !important; } html body .kv3-window--catch .kv3-price--refined > .kv3-price-box:first-child { grid-column: 1 !important; } html body .kv3-window--catch .kv3-price--refined > .kv3-price-separator { grid-column: 2 !important; box-sizing: border-box !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 20px !important; min-width: 20px !important; max-width: 20px !important; height: 30px !important; margin: 0 !important; padding: 0 !important; color: #98a2b3 !important; font-size: 12px !important; font-weight: 700 !important; line-height: 30px !important; } html body .kv3-window--catch .kv3-price--refined > .kv3-price-box:last-child { grid-column: 3 !important; } html body .kv3-window--catch .kv3-price-currency { display: flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 12px !important; width: 12px !important; min-width: 12px !important; max-width: 12px !important; margin: 0 6px 0 0 !important; color: #64748b !important; font-size: 11px !important; font-weight: 700 !important; } html body .kv3-window--catch .kv3-price--refined input[data-kv3-price-min], html body .kv3-window--catch .kv3-price--refined input[data-kv3-price-max] { box-sizing: border-box !important; display: block !important; flex: 1 1 auto !important; width: 100% !important; min-width: 65px !important; max-width: none !important; height: 28px !important; min-height: 28px !important; max-height: 28px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; outline: 0 !important; background: transparent !important; box-shadow: none !important; color: #344054 !important; font-size: 11px !important; font-weight: 600 !important; line-height: 28px !important; } /* ========================================================= ACTION BUTTONS ========================================================= */ html body .kv3-window--catch .kv3-clear-button, html body .kv3-window--catch .kv3-catch-button { box-sizing: border-box !important; width: 100% !important; min-width: 0 !important; max-width: none !important; height: 30px !important; min-height: 30px !important; max-height: 30px !important; align-self: end !important; justify-self: stretch !important; margin-left: 0 !important; margin-right: 0 !important; white-space: nowrap !important; } /* ========================================================= DROPDOWN CLIPPING GUARD ========================================================= */ html body .kv3, html body .kv3-shell, html body .kv3-window--catch, html body .kv3-window--catch > [data-kv3-body], html body .kv3-window--catch .kv3-search, html body .kv3-window--catch .kv3-filterbar, html body .kv3-window--catch .kv3-filters, html body .kv3-window--catch .kv3-field { overflow: visible !important; } /* ========================================================= KAŞİF • MARKETPLACE IMMUTABLE FINAL TRIGGER VISUAL ONLY ========================================================= */ html body .kv3-window--catch .kv3-marketplace-multi { box-sizing: border-box !important; position: relative !important; display: block !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: 30px !important; margin: 0 !important; padding: 0 !important; } html body .kv3-window--catch .kv3-marketplace-multi > .kv3-marketplace-multi__trigger { -webkit-appearance: none !important; appearance: none !important; box-sizing: border-box !important; display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: 30px !important; min-height: 30px !important; max-height: 30px !important; margin: 0 !important; padding: 0 10px 0 12px !important; border: 1px solid #d8dee8 !important; border-radius: 6px !important; background: #ffffff !important; background-image: none !important; box-shadow: none !important; outline: none !important; color: #344054 !important; font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important; font-size: 11px !important; font-weight: 650 !important; line-height: 28px !important; text-align: left !important; text-transform: none !important; letter-spacing: 0 !important; cursor: pointer !important; } html body .kv3-window--catch .kv3-marketplace-multi > .kv3-marketplace-multi__trigger:hover { background: #ffffff !important; border-color: #c8d1dc !important; } html body .kv3-window--catch .kv3-marketplace-multi > .kv3-marketplace-multi__trigger:focus { background: #ffffff !important; border-color: #98a2b3 !important; outline: none !important; box-shadow: none !important; } html body .kv3-window--catch .kv3-marketplace-multi__text { display: block !important; flex: 1 1 auto !important; min-width: 0 !important; color: #344054 !important; font-size: 11px !important; font-weight: 650 !important; line-height: 28px !important; text-align: left !important; text-transform: none !important; letter-spacing: 0 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } html body .kv3-window--catch .kv3-marketplace-multi__arrow { position: relative !important; display: block !important; flex: 0 0 12px !important; width: 12px !important; height: 12px !important; margin: 0 0 0 8px !important; font-size: 0 !important; color: transparent !important; } html body .kv3-window--catch .kv3-marketplace-multi__arrow::before { content: "" !important; position: absolute !important; top: 2px !important; left: 2px !important; box-sizing: border-box !important; width: 7px !important; height: 7px !important; border-right: 1.5px solid #667085 !important; border-bottom: 1.5px solid #667085 !important; transform: rotate(45deg) !important; } html body .kv3-window--catch .kv3-marketplace-multi.is-open .kv3-marketplace-multi__arrow::before { top: 5px !important; transform: rotate(225deg) !important; } html body .kv3-window--catch .kv3-marketplace-option, html body .kv3-window--catch .kv3-marketplace-option span { text-transform: none !important; letter-spacing: 0 !important; } /* ========================================================= KAŞİF • YAKALA FILTER GEOMETRY R4 FINAL DESKTOP BALANCE ========================================================= */ /* * Final seven-column desktop order: * * 1 Pazaryeri * 2 Ana Kategori * 3 Alt Kategori * 4 Fiyat Aralığı * 5 Zaman Aralığı * 6 Filtreleri Temizle * 7 YAKALA * * Price is intentionally reduced. * Remaining width is distributed to the surrounding fields. */ html body .kv3-window--catch .kv3-search { display: grid !important; grid-template-columns: minmax(170px, 1.08fr) minmax(180px, 1.12fr) minmax(180px, 1.12fr) minmax(330px, 1.82fr) minmax(180px, 1.08fr) minmax(170px, .95fr) minmax(190px, 1fr) !important; column-gap: 12px !important; row-gap: 8px !important; width: 100% !important; max-width: none !important; box-sizing: border-box !important; padding-left: 16px !important; padding-right: 16px !important; } /* * Price remains a three-part row: * MIN | separator | MAX * * Boxes are slightly narrower, * but the gap around the separator is larger. */ html body .kv3-window--catch .kv3-price--refined { display: grid !important; grid-template-columns: minmax(0, 1fr) 20px minmax(0, 1fr) !important; column-gap: 12px !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; box-sizing: border-box !important; overflow: visible !important; } html body .kv3-window--catch .kv3-price--refined > .kv3-price-box { box-sizing: border-box !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: 30px !important; margin: 0 !important; } html body .kv3-window--catch .kv3-price--refined > .kv3-price-separator { display: flex !important; align-items: center !important; justify-content: center !important; width: 20px !important; margin: 0 !important; padding: 0 !important; } html body .kv3-window--catch .kv3-price--refined input[data-kv3-price-min], html body .kv3-window--catch .kv3-price--refined input[data-kv3-price-max] { box-sizing: border-box !important; width: 100% !important; min-width: 50px !important; padding-left: 6px !important; padding-right: 6px !important; } /* * Keep both final actions aligned and * force YAKALA to occupy the final grid column. */ html body .kv3-window--catch [data-kv3-clear-filters], html body .kv3-window--catch [data-kv3-catch] { box-sizing: border-box !important; width: 100% !important; max-width: none !important; justify-self: stretch !important; } html body .kv3-window--catch [data-kv3-catch] { grid-column: 7 !important; } /* ========================================================= KAŞİF • YAKALA RIGHT EDGE R5 Final button clipping correction only ========================================================= */ html body .kv3-window--catch .kv3-search { grid-template-columns: minmax(170px, 1.08fr) minmax(180px, 1.12fr) minmax(180px, 1.12fr) minmax(330px, 1.82fr) minmax(180px, 1.08fr) minmax(170px, .95fr) minmax(165px, .88fr) !important; } html body .kv3-window--catch [data-kv3-catch] { box-sizing: border-box !important; grid-column: 7 !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin: 0 !important; justify-self: stretch !important; } /* ========================================================= KAŞİF V3 THREE WINDOWS • SEVEN VISIBLE PRODUCT ROWS DATA COUNT IS NOT ALTERED ========================================================= */ /* * Existing compact table geometry: * * table header ≈ 38px * product row ≈ 54px * * 7 rows: * 38 + (7 × 54) = 416px * * A few pixels are reserved for borders / scrollbar. */ html body .kv3-window--catch .kv3-table-wrap, html body .kv3-window--watch .kv3-table-wrap, html body .kv3-window--suggest .kv3-table-wrap { height: 424px !important; min-height: 424px !important; max-height: 424px !important; overflow-x: auto !important; overflow-y: auto !important; box-sizing: border-box !important; } /* * Keep table header visible while scrolling * beyond seven rows. */ html body .kv3-window--catch .kv3-table-wrap thead, html body .kv3-window--watch .kv3-table-wrap thead, html body .kv3-window--suggest .kv3-table-wrap thead { position: sticky !important; top: 0 !important; z-index: 5 !important; } /* * Preserve compact product row geometry. */ html body .kv3-window--catch .kv3-table-wrap tbody tr, html body .kv3-window--watch .kv3-table-wrap tbody tr, html body .kv3-window--suggest .kv3-table-wrap tbody tr { height: 54px !important; min-height: 54px !important; } /* * Prevent the outer KAŞİF windows from becoming * their own nested vertical scrollers. * Scrolling belongs to each table viewport. */ html body .kv3-window--catch [data-kv3-body], html body .kv3-window--watch [data-kv3-body], html body .kv3-window--suggest [data-kv3-body] { overflow: visible !important; } /* ========================================================= KAŞİF V3 • TABLE FIT R7 100% WIDTH • NO HORIZONTAL SCROLL SAME GEOMETRY FOR ALL THREE WINDOWS ========================================================= */ /* * Table viewport: * vertical scrolling remains available after 7 rows, * horizontal scrolling is removed. */ html body .kv3-window--catch .kv3-table-wrap, html body .kv3-window--watch .kv3-table-wrap, html body .kv3-window--suggest .kv3-table-wrap { width: 100% !important; max-width: 100% !important; overflow-x: hidden !important; overflow-y: auto !important; box-sizing: border-box !important; } /* * Fixed table geometry. * Every column must live inside the available window width. */ html body .kv3-window--catch .kv3-table-wrap table, html body .kv3-window--watch .kv3-table-wrap table, html body .kv3-window--suggest .kv3-table-wrap table { width: 100% !important; min-width: 0 !important; max-width: 100% !important; table-layout: fixed !important; border-collapse: collapse !important; } /* * General compact cell geometry. */ html body .kv3-window .kv3-table-wrap th, html body .kv3-window .kv3-table-wrap td { box-sizing: border-box !important; min-width: 0 !important; padding-left: 5px !important; padding-right: 5px !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; vertical-align: middle !important; } /* ========================================================= COLUMN WIDTH DISTRIBUTION 16 COLUMNS = 100% ========================================================= */ /* 1 — sıra */ html body .kv3-window .kv3-table-wrap th:nth-child(1), html body .kv3-window .kv3-table-wrap td:nth-child(1) { width: 2.2% !important; } /* 2 — ürün: en geniş sütun */ html body .kv3-window .kv3-table-wrap th:nth-child(2), html body .kv3-window .kv3-table-wrap td:nth-child(2) { width: 16.3% !important; } /* 3 — pazaryeri */ html body .kv3-window .kv3-table-wrap th:nth-child(3), html body .kv3-window .kv3-table-wrap td:nth-child(3) { width: 6.1% !important; } /* 4 — fiyat */ html body .kv3-window .kv3-table-wrap th:nth-child(4), html body .kv3-window .kv3-table-wrap td:nth-child(4) { width: 6.0% !important; } /* 5 — fiyat değişimi */ html body .kv3-window .kv3-table-wrap th:nth-child(5), html body .kv3-window .kv3-table-wrap td:nth-child(5) { width: 5.4% !important; } /* 6 — stok */ html body .kv3-window .kv3-table-wrap th:nth-child(6), html body .kv3-window .kv3-table-wrap td:nth-child(6) { width: 5.2% !important; } /* 7 — çok satan */ html body .kv3-window .kv3-table-wrap th:nth-child(7), html body .kv3-window .kv3-table-wrap td:nth-child(7) { width: 6.4% !important; } /* 8 — favori */ html body .kv3-window .kv3-table-wrap th:nth-child(8), html body .kv3-window .kv3-table-wrap td:nth-child(8) { width: 6.4% !important; } /* 9 — değerlendirme */ html body .kv3-window .kv3-table-wrap th:nth-child(9), html body .kv3-window .kv3-table-wrap td:nth-child(9) { width: 6.5% !important; } /* 10 — puan */ html body .kv3-window .kv3-table-wrap th:nth-child(10), html body .kv3-window .kv3-table-wrap td:nth-child(10) { width: 5.0% !important; } /* 11 — ziyaret */ html body .kv3-window .kv3-table-wrap th:nth-child(11), html body .kv3-window .kv3-table-wrap td:nth-child(11) { width: 6.5% !important; } /* 12 — sepet */ html body .kv3-window .kv3-table-wrap th:nth-child(12), html body .kv3-window .kv3-table-wrap td:nth-child(12) { width: 6.3% !important; } /* 13 — rank */ html body .kv3-window .kv3-table-wrap th:nth-child(13), html body .kv3-window .kv3-table-wrap td:nth-child(13) { width: 5.8% !important; } /* 14 — satıcı */ html body .kv3-window .kv3-table-wrap th:nth-child(14), html body .kv3-window .kv3-table-wrap td:nth-child(14) { width: 5.4% !important; } /* 15 — stok dönüş */ html body .kv3-window .kv3-table-wrap th:nth-child(15), html body .kv3-window .kv3-table-wrap td:nth-child(15) { width: 5.0% !important; } /* 16 — yeni */ html body .kv3-window .kv3-table-wrap th:nth-child(16), html body .kv3-window .kv3-table-wrap td:nth-child(16) { width: 4.9% !important; } /* * If the table contains the final signal column as column 17, * reserve compact space for it. * * Browser fixed-layout redistribution will keep everything * inside 100%. */ html body .kv3-window .kv3-table-wrap th:nth-child(17), html body .kv3-window .kv3-table-wrap td:nth-child(17) { width: 4.6% !important; } /* * Product cell: * preserve image + text layout without forcing table wider. */ html body .kv3-window .kv3-table-wrap td:nth-child(2) { overflow: hidden !important; } html body .kv3-window .kv3-table-wrap td:nth-child(2) > * { max-width: 100% !important; min-width: 0 !important; } /* * Header labels must never force a column wider. */ html body .kv3-window .kv3-table-wrap th { overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; font-size: 10px !important; } /* * Compact body values. */ html body .kv3-window .kv3-table-wrap td { font-size: 10.5px !important; } /* * Explicitly remove bottom horizontal scrollbar. */ html body .kv3-window .kv3-table-wrap::-webkit-scrollbar:horizontal { height: 0 !important; } /* ========================================================= KAŞİF V3 • TABLE COMPACT R8 TRUE 17-COLUMN FIT ========================================================= */ /* * IMPORTANT: * Do not merely hide horizontal overflow. * Make the table itself fit the available width. */ html body .kv3-window .kv3-table-wrap { box-sizing: border-box !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; overflow-x: hidden !important; overflow-y: auto !important; } /* * Kill legacy table minimum widths. */ html body .kv3-window .kv3-table-wrap table { box-sizing: border-box !important; width: 100% !important; min-width: 100% !important; max-width: 100% !important; table-layout: fixed !important; margin: 0 !important; } /* * Critical compression: * old cells must not retain minimum widths. */ html body .kv3-window .kv3-table-wrap th, html body .kv3-window .kv3-table-wrap td { box-sizing: border-box !important; min-width: 0 !important; max-width: none !important; padding-left: 2px !important; padding-right: 2px !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } /* * Header is deliberately compact. */ html body .kv3-window .kv3-table-wrap th { padding-left: 2px !important; padding-right: 2px !important; font-size: 9px !important; line-height: 1.1 !important; } /* * Body values. */ html body .kv3-window .kv3-table-wrap td { padding-left: 2px !important; padding-right: 2px !important; font-size: 9.5px !important; } /* ========================================================= EXACT 17 COLUMN CONTRACT TOTAL = 100% ========================================================= */ /* # */ html body .kv3-window .kv3-table-wrap th:nth-child(1), html body .kv3-window .kv3-table-wrap td:nth-child(1) { width: 2% !important; } /* Ürün */ html body .kv3-window .kv3-table-wrap th:nth-child(2), html body .kv3-window .kv3-table-wrap td:nth-child(2) { width: 16% !important; } /* Pazaryeri */ html body .kv3-window .kv3-table-wrap th:nth-child(3), html body .kv3-window .kv3-table-wrap td:nth-child(3) { width: 6% !important; } /* Fiyat */ html body .kv3-window .kv3-table-wrap th:nth-child(4), html body .kv3-window .kv3-table-wrap td:nth-child(4) { width: 5.5% !important; } /* F. Değ. */ html body .kv3-window .kv3-table-wrap th:nth-child(5), html body .kv3-window .kv3-table-wrap td:nth-child(5) { width: 5.5% !important; } /* Stok */ html body .kv3-window .kv3-table-wrap th:nth-child(6), html body .kv3-window .kv3-table-wrap td:nth-child(6) { width: 5% !important; } /* Ç.Satan */ html body .kv3-window .kv3-table-wrap th:nth-child(7), html body .kv3-window .kv3-table-wrap td:nth-child(7) { width: 6.5% !important; } /* Favori */ html body .kv3-window .kv3-table-wrap th:nth-child(8), html body .kv3-window .kv3-table-wrap td:nth-child(8) { width: 6.5% !important; } /* Değerl. */ html body .kv3-window .kv3-table-wrap th:nth-child(9), html body .kv3-window .kv3-table-wrap td:nth-child(9) { width: 6.5% !important; } /* Puan */ html body .kv3-window .kv3-table-wrap th:nth-child(10), html body .kv3-window .kv3-table-wrap td:nth-child(10) { width: 4.5% !important; } /* Ziyaret */ html body .kv3-window .kv3-table-wrap th:nth-child(11), html body .kv3-window .kv3-table-wrap td:nth-child(11) { width: 6.5% !important; } /* Sepet */ html body .kv3-window .kv3-table-wrap th:nth-child(12), html body .kv3-window .kv3-table-wrap td:nth-child(12) { width: 6% !important; } /* Rank */ html body .kv3-window .kv3-table-wrap th:nth-child(13), html body .kv3-window .kv3-table-wrap td:nth-child(13) { width: 5.5% !important; } /* Satıcı */ html body .kv3-window .kv3-table-wrap th:nth-child(14), html body .kv3-window .kv3-table-wrap td:nth-child(14) { width: 5% !important; } /* Stok D. */ html body .kv3-window .kv3-table-wrap th:nth-child(15), html body .kv3-window .kv3-table-wrap td:nth-child(15) { width: 4.5% !important; } /* Yeni */ html body .kv3-window .kv3-table-wrap th:nth-child(16), html body .kv3-window .kv3-table-wrap td:nth-child(16) { width: 4% !important; } /* Sinyal */ html body .kv3-window .kv3-table-wrap th:nth-child(17), html body .kv3-window .kv3-table-wrap td:nth-child(17) { width: 4.5% !important; } /* * Product cell internals must also be allowed to shrink. */ html body .kv3-window .kv3-table-wrap td:nth-child(2), html body .kv3-window .kv3-table-wrap td:nth-child(2) > *, html body .kv3-window .kv3-table-wrap td:nth-child(2) a, html body .kv3-window .kv3-table-wrap td:nth-child(2) div, html body .kv3-window .kv3-table-wrap td:nth-child(2) span { min-width: 0 !important; max-width: 100% !important; } /* * Images must not dictate the column width. */ html body .kv3-window .kv3-table-wrap td:nth-child(2) img { flex: 0 0 auto !important; max-width: 34px !important; max-height: 34px !important; object-fit: contain !important; } /* * Buttons/badges inside narrow columns must not * introduce their own minimum width. */ html body .kv3-window .kv3-table-wrap td button, html body .kv3-window .kv3-table-wrap td a, html body .kv3-window .kv3-table-wrap td span { min-width: 0 !important; } /* * No horizontal scrollbar. * Vertical 7-row viewport remains exactly as before. */ html body .kv3-window--catch .kv3-table-wrap, html body .kv3-window--watch .kv3-table-wrap, html body .kv3-window--suggest .kv3-table-wrap { height: 424px !important; min-height: 424px !important; max-height: 424px !important; overflow-x: hidden !important; overflow-y: auto !important; } /* ========================================================= PİYASA • KAŞİF R9 — TRUE 19 COLUMN VIEWPORT FIT --------------------------------------------------------- PURPOSE: - exactly 19 columns - total column allocation = 100% - no horizontal table scrolling - preserve seven-row viewport - preserve product readability ========================================================= */ /* --------------------------------------------------------- 1. TABLE WRAPPER --------------------------------------------------------- */ html body .kv3-window .kv3-table-wrap, html body .kv3-window--catch .kv3-table-wrap, html body .kv3-window--watch .kv3-table-wrap, html body .kv3-window--suggest .kv3-table-wrap { width: 100% !important; min-width: 0 !important; max-width: 100% !important; overflow-x: hidden !important; box-sizing: border-box !important; } /* --------------------------------------------------------- 2. TABLE ITSELF --------------------------------------------------------- */ html body .kv3-window .kv3-table-wrap table, html body .kv3-window .kv3-table, html body .kv3-window--catch .kv3-table-wrap table, html body .kv3-window--watch .kv3-table-wrap table, html body .kv3-window--suggest .kv3-table-wrap table { width: 100% !important; min-width: 0 !important; max-width: 100% !important; table-layout: fixed !important; border-collapse: collapse !important; box-sizing: border-box !important; } /* --------------------------------------------------------- 3. ALL CELLS MAY SHRINK --------------------------------------------------------- */ html body .kv3-window .kv3-table-wrap th, html body .kv3-window .kv3-table-wrap td { min-width: 0 !important; max-width: none !important; box-sizing: border-box !important; padding-left: 4px !important; padding-right: 4px !important; overflow: hidden !important; text-overflow: ellipsis !important; } /* Header is deliberately compact. */ html body .kv3-window .kv3-table-wrap th { font-size: 9px !important; line-height: 1.1 !important; white-space: nowrap !important; } /* Data remains readable but cannot enlarge a column. */ html body .kv3-window .kv3-table-wrap td { font-size: 10px !important; line-height: 1.15 !important; white-space: nowrap !important; } /* ========================================================= 4. EXACT 19-COLUMN WIDTH CONTRACT TOTAL = 100% ========================================================= */ /* 01 — # */ html body .kv3-window .kv3-table-wrap th:nth-child(1), html body .kv3-window .kv3-table-wrap td:nth-child(1) { width: 2% !important; } /* 02 — Ürün */ html body .kv3-window .kv3-table-wrap th:nth-child(2), html body .kv3-window .kv3-table-wrap td:nth-child(2) { width: 16% !important; } /* 03 — Pazaryeri */ html body .kv3-window .kv3-table-wrap th:nth-child(3), html body .kv3-window .kv3-table-wrap td:nth-child(3) { width: 5.5% !important; } /* 04 — Fiyat */ html body .kv3-window .kv3-table-wrap th:nth-child(4), html body .kv3-window .kv3-table-wrap td:nth-child(4) { width: 5.5% !important; } /* 05 — F. Değ. */ html body .kv3-window .kv3-table-wrap th:nth-child(5), html body .kv3-window .kv3-table-wrap td:nth-child(5) { width: 5% !important; } /* 06 — Stok */ html body .kv3-window .kv3-table-wrap th:nth-child(6), html body .kv3-window .kv3-table-wrap td:nth-child(6) { width: 4.5% !important; } /* 07 — Ç.Satan */ html body .kv3-window .kv3-table-wrap th:nth-child(7), html body .kv3-window .kv3-table-wrap td:nth-child(7) { width: 5.5% !important; } /* 08 — Favori */ html body .kv3-window .kv3-table-wrap th:nth-child(8), html body .kv3-window .kv3-table-wrap td:nth-child(8) { width: 5.5% !important; } /* 09 — Değerl. */ html body .kv3-window .kv3-table-wrap th:nth-child(9), html body .kv3-window .kv3-table-wrap td:nth-child(9) { width: 5.5% !important; } /* 10 — Puan */ html body .kv3-window .kv3-table-wrap th:nth-child(10), html body .kv3-window .kv3-table-wrap td:nth-child(10) { width: 4% !important; } /* 11 — Ziyaret */ html body .kv3-window .kv3-table-wrap th:nth-child(11), html body .kv3-window .kv3-table-wrap td:nth-child(11) { width: 5.5% !important; } /* 12 — Sepet */ html body .kv3-window .kv3-table-wrap th:nth-child(12), html body .kv3-window .kv3-table-wrap td:nth-child(12) { width: 5.5% !important; } /* 13 — Rank */ html body .kv3-window .kv3-table-wrap th:nth-child(13), html body .kv3-window .kv3-table-wrap td:nth-child(13) { width: 5% !important; } /* 14 — Satıcı */ html body .kv3-window .kv3-table-wrap th:nth-child(14), html body .kv3-window .kv3-table-wrap td:nth-child(14) { width: 4.5% !important; } /* 15 — Stok D. */ html body .kv3-window .kv3-table-wrap th:nth-child(15), html body .kv3-window .kv3-table-wrap td:nth-child(15) { width: 4.5% !important; } /* 16 — Yeni */ html body .kv3-window .kv3-table-wrap th:nth-child(16), html body .kv3-window .kv3-table-wrap td:nth-child(16) { width: 3.5% !important; } /* 17 — Sinyal */ html body .kv3-window .kv3-table-wrap th:nth-child(17), html body .kv3-window .kv3-table-wrap td:nth-child(17) { width: 4% !important; } /* 18 — Son Günc. */ html body .kv3-window .kv3-table-wrap th:nth-child(18), html body .kv3-window .kv3-table-wrap td:nth-child(18) { width: 5% !important; } /* 19 — İşlem */ html body .kv3-window .kv3-table-wrap th:nth-child(19), html body .kv3-window .kv3-table-wrap td:nth-child(19) { width: 4% !important; } /* --------------------------------------------------------- 5. PRODUCT CELL MUST ALSO SHRINK --------------------------------------------------------- */ html body .kv3-window .kv3-table-wrap td:nth-child(2), html body .kv3-window .kv3-table-wrap td:nth-child(2) > *, html body .kv3-window .kv3-table-wrap td:nth-child(2) a, html body .kv3-window .kv3-table-wrap td:nth-child(2) div, html body .kv3-window .kv3-table-wrap td:nth-child(2) span { min-width: 0 !important; max-width: 100% !important; box-sizing: border-box !important; } /* Keep product image compact. */ html body .kv3-window .kv3-table-wrap td:nth-child(2) img { width: 30px !important; height: 30px !important; max-width: 30px !important; flex: 0 0 30px !important; object-fit: contain !important; } /* --------------------------------------------------------- 6. CHILD CONTENT MAY NEVER FORCE COLUMN WIDTH --------------------------------------------------------- */ html body .kv3-window .kv3-table-wrap td > *, html body .kv3-window .kv3-table-wrap td a, html body .kv3-window .kv3-table-wrap td button, html body .kv3-window .kv3-table-wrap td span, html body .kv3-window .kv3-table-wrap td div { min-width: 0 !important; max-width: 100% !important; } /* --------------------------------------------------------- 7. REMOVE HORIZONTAL SCROLLBAR ITSELF --------------------------------------------------------- */ html body .kv3-window .kv3-table-wrap::-webkit-scrollbar:horizontal { height: 0 !important; display: none !important; } html body .kv3-window .kv3-table-wrap { scrollbar-width: none !important; } /* ========================================================= END R9 — TRUE 19 COLUMN VIEWPORT FIT ========================================================= */ /* ========================================================= PİYASA • KAŞİF R10 — FINAL HORIZONTAL SCROLL OWNERSHIP --------------------------------------------------------- IMPORTANT: - CURRENT 19-COLUMN WIDTHS ARE NOT CHANGED - CURRENT PRODUCT COLUMN IS NOT CHANGED - CURRENT 7-ROW HEIGHT IS NOT CHANGED - ONLY LEGACY HORIZONTAL SCROLL / MIN-WIDTH IS NEUTRALIZED ========================================================= */ /* * Legacy UI2E previously owns horizontal scrolling. * R10 is the final KAŞİF table geometry owner. */ html body #piyasa-app[data-piyasa-view="kasif"] .kv3-window .kv3-table-wrap, html body #piyasa-app[data-piyasa-view="kasif"] .kv3-window .kv3-table-scroll, html body #piyasa-app[data-piyasa-view="kasif"] .kv3-window--catch .kv3-table-wrap, html body #piyasa-app[data-piyasa-view="kasif"] .kv3-window--watch .kv3-table-wrap, html body #piyasa-app[data-piyasa-view="kasif"] .kv3-window--suggest .kv3-table-wrap { width: 100% !important; min-width: 0 !important; max-width: 100% !important; overflow-x: hidden !important; box-sizing: border-box !important; scrollbar-width: none !important; } /* * Kill legacy 1510px / 1600px table minimum widths. * Do NOT redefine nth-child widths: * R9's existing 19-column percentages remain authoritative. */ html body #piyasa-app[data-piyasa-view="kasif"] .kv3-window table, html body #piyasa-app[data-piyasa-view="kasif"] .kv3-window .kv3-table, html body #piyasa-app[data-piyasa-view="kasif"] .kv3-window .kv3-table-wrap table { width: 100% !important; min-width: 0 !important; max-width: 100% !important; table-layout: fixed !important; box-sizing: border-box !important; } /* * Chromium scrollbar suppression. */ html body #piyasa-app[data-piyasa-view="kasif"] .kv3-window .kv3-table-wrap::-webkit-scrollbar, html body #piyasa-app[data-piyasa-view="kasif"] .kv3-window .kv3-table-scroll::-webkit-scrollbar { width: 0 !important; height: 0 !important; display: none !important; } /* * Explicitly prevent horizontal scrollbar track. */ html body #piyasa-app[data-piyasa-view="kasif"] .kv3-window .kv3-table-wrap::-webkit-scrollbar:horizontal, html body #piyasa-app[data-piyasa-view="kasif"] .kv3-window .kv3-table-scroll::-webkit-scrollbar:horizontal { height: 0 !important; display: none !important; } /* ========================================================= END R10 ========================================================= */ /* ========================================================= PİYASA • KAŞİF R11 — THREE INDEPENDENT VERTICAL PRODUCT VIEWPORTS --------------------------------------------------------- CONTRACT: - YAKALA has its own vertical scroll - KAŞİF'İN TAKİBİ has its own vertical scroll - KAŞİF'İN ÖNERİLERİ has its own vertical scroll - visible area remains approximately 7 product rows - horizontal scrolling stays forbidden - R10 19-column geometry stays untouched ========================================================= */ /* --------------------------------------------------------- 1. ALL THREE PRODUCT TABLE VIEWPORTS --------------------------------------------------------- */ html body #piyasa-app[data-piyasa-view="kasif"] .kv3-window--catch .kv3-table-wrap, html body #piyasa-app[data-piyasa-view="kasif"] .kv3-window--watch .kv3-table-wrap, html body #piyasa-app[data-piyasa-view="kasif"] .kv3-window--suggest .kv3-table-wrap { /* * 7-row visual viewport. * Header + product rows remain inside this area. */ height: 424px !important; min-height: 424px !important; max-height: 424px !important; /* * Each window owns its vertical scrolling. */ overflow-y: auto !important; /* * R10 contract: * horizontal scrollbar must never return. */ overflow-x: hidden !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; box-sizing: border-box !important; /* * Keeps scrollbar from changing table geometry. */ scrollbar-gutter: stable; /* * Prevent scroll chaining into whole page * while user is moving through product rows. */ overscroll-behavior-y: contain; /* * Smooth native scrolling. */ scroll-behavior: smooth; } /* --------------------------------------------------------- 2. TABLE HEADER STAYS VISIBLE WHILE PRODUCTS SCROLL --------------------------------------------------------- */ html body #piyasa-app[data-piyasa-view="kasif"] .kv3-window--catch .kv3-table-wrap thead, html body #piyasa-app[data-piyasa-view="kasif"] .kv3-window--watch .kv3-table-wrap thead, html body #piyasa-app[data-piyasa-view="kasif"] .kv3-window--suggest .kv3-table-wrap thead { position: sticky !important; top: 0 !important; z-index: 20 !important; } /* Individual header cells get their own background so product rows never show through the sticky header. */ html body #piyasa-app[data-piyasa-view="kasif"] .kv3-window .kv3-table-wrap thead th { position: sticky !important; top: 0 !important; z-index: 21 !important; background: #f8fafc !important; } /* --------------------------------------------------------- 3. VERTICAL SCROLLBAR — COMPACT --------------------------------------------------------- */ html body #piyasa-app[data-piyasa-view="kasif"] .kv3-window .kv3-table-wrap { scrollbar-width: thin !important; } /* Chromium / Chrome / Edge */ html body #piyasa-app[data-piyasa-view="kasif"] .kv3-window .kv3-table-wrap::-webkit-scrollbar { width: 8px !important; /* * Horizontal scrollbar stays zero. */ height: 0 !important; } /* Track */ html body #piyasa-app[data-piyasa-view="kasif"] .kv3-window .kv3-table-wrap::-webkit-scrollbar-track { background: rgba(15, 23, 42, 0.04) !important; border-radius: 999px !important; } /* Thumb */ html body #piyasa-app[data-piyasa-view="kasif"] .kv3-window .kv3-table-wrap::-webkit-scrollbar-thumb { background: rgba(71, 85, 105, 0.38) !important; border-radius: 999px !important; } /* Hover */ html body #piyasa-app[data-piyasa-view="kasif"] .kv3-window .kv3-table-wrap::-webkit-scrollbar-thumb:hover { background: rgba(51, 65, 85, 0.58) !important; } /* --------------------------------------------------------- 4. ABSOLUTE HORIZONTAL-SCROLL PROTECTION --------------------------------------------------------- */ html body #piyasa-app[data-piyasa-view="kasif"] .kv3-window .kv3-table-wrap::-webkit-scrollbar:horizontal { height: 0 !important; display: none !important; } /* --------------------------------------------------------- 5. FUTURE INFINITE-LOAD HOOK --------------------------------------------------------- Backend wiring will later append:
to each product stream. IntersectionObserver will watch THAT SENTINEL relative to THAT WINDOW'S .kv3-table-wrap. Therefore: YAKALA pagination = independent TAKIP pagination = independent ONERILER pagination = independent R11 deliberately performs NO API request. --------------------------------------------------------- */ /* ========================================================= END R11 ========================================================= */ /* ========================================================= PİYASA • KAŞİF R12 — REAL APPLICATION SCROLL OWNER ========================================================= Discovery confirmed: .piyasa-app = page scroll viewport CONTRACT: - application remains vertically scrollable - mouse wheel remains native - right-side application scrollbar becomes invisible - KAŞİF internal window scrollbars remain independent - no JS wheel interception ========================================================= */ /* --------------------------------------------------------- PAGE / APPLICATION SCROLL OWNER --------------------------------------------------------- */ html body.piyasa-body #piyasa-app.piyasa-app[data-piyasa-view="kasif"] { /* * KEEP scrolling. * Do NOT use overflow:hidden. */ overflow-y: auto !important; /* * Page itself must never create horizontal scrolling. */ overflow-x: hidden !important; /* * Firefox: * scrolling remains functional, visual bar disappears. */ scrollbar-width: none !important; /* * IE/legacy Edge fallback. */ -ms-overflow-style: none !important; /* * Normal wheel propagation. */ overscroll-behavior-y: auto !important; } /* --------------------------------------------------------- CHROME / EDGE / SAFARI Hide ONLY .piyasa-app scrollbar. --------------------------------------------------------- */ html body.piyasa-body #piyasa-app.piyasa-app[data-piyasa-view="kasif"]::-webkit-scrollbar { width: 0 !important; height: 0 !important; display: none !important; } /* --------------------------------------------------------- IMPORTANT: KAŞİF INTERNAL SCROLL VIEWPORTS ARE EXPLICITLY PRESERVED. --------------------------------------------------------- */ html body.piyasa-body #piyasa-app.piyasa-app[data-piyasa-view="kasif"] .kv3-window .kv3-table-wrap { /* * These are product-list viewports. * Their own vertical scroll remains available. */ overflow-y: auto !important; /* * Horizontal table scroll stays disabled. */ overflow-x: hidden !important; /* * R11 seven-row contract. */ height: 424px !important; min-height: 424px !important; max-height: 424px !important; /* * Internal scrollbar remains visible. * This is intentionally different from .piyasa-app. */ scrollbar-width: thin !important; overscroll-behavior-y: contain !important; } /* Internal KAŞİF scrollbar remains narrow and visible. */ html body.piyasa-body #piyasa-app.piyasa-app[data-piyasa-view="kasif"] .kv3-window .kv3-table-wrap::-webkit-scrollbar { width: 8px !important; height: 0 !important; display: block !important; } /* ========================================================= END R12 ========================================================= */ /* ========================================================= PİYASA • KAŞİF R13 — BROWSER VERIFIED DOCUMENT SCROLL OWNER --------------------------------------------------------- Chrome runtime proof: document.scrollingElement === document.documentElement Therefore: REAL PAGE SCROLL OWNER = HTML CONTRACT: - HTML keeps native vertical scrolling - mouse wheel keeps working everywhere on page - document scrollbar is visually hidden - BODY is not turned into a new scroll container - KAŞİF internal table scroll areas are untouched ========================================================= */ /* --------------------------------------------------------- REAL DOCUMENT SCROLL OWNER --------------------------------------------------------- */ html.pgs-shell-ready { /* * Preserve native document scrolling. */ overflow-y: scroll !important; /* * Never create document horizontal scrolling. */ overflow-x: hidden !important; /* * Firefox: * hide visual scrollbar, retain scrolling. */ scrollbar-width: none !important; /* * Legacy compatibility. */ -ms-overflow-style: none !important; /* * Normal wheel behavior. */ overscroll-behavior-y: auto !important; } /* --------------------------------------------------------- CHROME / EDGE / SAFARI REAL DOCUMENT SCROLLBAR --------------------------------------------------------- */ html.pgs-shell-ready::-webkit-scrollbar { width: 0 !important; height: 0 !important; display: none !important; } /* --------------------------------------------------------- BODY MUST NOT BECOME A SECOND PAGE SCROLLER --------------------------------------------------------- */ html.pgs-shell-ready > body.piyasa-body { overflow-x: hidden !important; /* * Body participates in normal document flow. * HTML remains document.scrollingElement. */ overflow-y: visible !important; } /* --------------------------------------------------------- APPLICATION MUST NOT OWN PAGE SCROLL --------------------------------------------------------- */ html.pgs-shell-ready body.piyasa-body #piyasa-app.piyasa-app[data-piyasa-view="kasif"] { /* * Remove R12's application-level vertical viewport. * Document/HTML owns page movement. */ overflow-y: visible !important; overflow-x: hidden !important; /* * Do not interfere with native wheel propagation. */ overscroll-behavior-y: auto !important; } /* --------------------------------------------------------- PRESERVE THREE KAŞİF INTERNAL PRODUCT VIEWPORTS --------------------------------------------------------- */ html.pgs-shell-ready body.piyasa-body #piyasa-app.piyasa-app[data-piyasa-view="kasif"] .kv3-window .kv3-table-wrap { height: 424px !important; min-height: 424px !important; max-height: 424px !important; overflow-y: auto !important; overflow-x: hidden !important; /* * These scrollbars belong to YAKALA / TAKİP / * ÖNERİLER, so they remain available. */ scrollbar-width: thin !important; overscroll-behavior-y: contain !important; } html.pgs-shell-ready body.piyasa-body #piyasa-app.piyasa-app[data-piyasa-view="kasif"] .kv3-window .kv3-table-wrap::-webkit-scrollbar { width: 8px !important; height: 0 !important; } /* ========================================================= END R13 ========================================================= */ /* ========================================================= PİYASA • KAŞİF R14 — NATIVE WHEEL SCROLL CHAIN --------------------------------------------------------- R13: document.scrollingElement = HTML document scrollbar hidden successfully R14: remove scroll-chain trapping from KAŞİF windows. Desired behavior: - window has overflow: wheel scrolls that window - window reaches top/bottom: remaining wheel movement chains to document - window has no overflow: wheel naturally moves document - no JS wheel interception ========================================================= */ /* --------------------------------------------------------- DOCUMENT --------------------------------------------------------- */ html.pgs-shell-ready { overscroll-behavior-y: auto !important; } /* --------------------------------------------------------- APPLICATION --------------------------------------------------------- */ html.pgs-shell-ready body.piyasa-body #piyasa-app.piyasa-app[data-piyasa-view="kasif"] { overscroll-behavior-y: auto !important; } /* --------------------------------------------------------- THREE KAŞİF WINDOW VIEWPORTS IMPORTANT: Previous "contain" trapped the wheel over the table area. "auto" restores native scroll chaining to HTML. --------------------------------------------------------- */ html.pgs-shell-ready body.piyasa-body #piyasa-app.piyasa-app[data-piyasa-view="kasif"] .kv3-window--catch .kv3-table-wrap, html.pgs-shell-ready body.piyasa-body #piyasa-app.piyasa-app[data-piyasa-view="kasif"] .kv3-window--watch .kv3-table-wrap, html.pgs-shell-ready body.piyasa-body #piyasa-app.piyasa-app[data-piyasa-view="kasif"] .kv3-window--suggest .kv3-table-wrap { overscroll-behavior-y: auto !important; } /* --------------------------------------------------------- DO NOT CHANGE THE VIEWPORT CONTRACT --------------------------------------------------------- */ html.pgs-shell-ready body.piyasa-body #piyasa-app.piyasa-app[data-piyasa-view="kasif"] .kv3-window .kv3-table-wrap { height: 424px !important; min-height: 424px !important; max-height: 424px !important; overflow-y: auto !important; overflow-x: hidden !important; /* * Internal window scrollbar remains available. */ scrollbar-width: thin !important; } /* ========================================================= END R14 ========================================================= */