/* Shortcut strip under the Kampanyalar hero. The section is only as tall as the strip, so CSS
   sticky cannot work across the page: the script fixes the bar to the top while scrolling. */
.cc_QhHCYAhDO9_wNz2BX1yEe .deals-chips-section { font-family: var(--kt-font, "cc_QhHCYAhDO9_Google Sans", "Google Sans Fallback", "Google Sans Fallback Android", "Segoe UI", Arial, sans-serif); background: var(--chips-bg, #fff); }
.cc_QhHCYAhDO9_wNz2BX1yEe .deals-chips-bar { position: relative; z-index: 40; background: var(--chips-bg, #fff); border-bottom: 1px solid var(--kt-line, #ece9e6); transition: box-shadow .2s ease; }
.cc_QhHCYAhDO9_wNz2BX1yEe .deals-chips-bar.is-stuck { position: fixed; top: 0; right: 0; left: 0; box-shadow: 0 8px 20px #20272b14; }

.cc_QhHCYAhDO9_wNz2BX1yEe .deals-chips { position: relative; display: flex; align-items: center; gap: 8px; padding: 12px 0; overflow-x: auto; scrollbar-width: none; -ms-overflow-style: none; overscroll-behavior-x: contain; }
.cc_QhHCYAhDO9_wNz2BX1yEe .deals-chips::-webkit-scrollbar { display: none; }
/* The component renderer may wrap each chip; let the chips act as direct flex children */
.cc_QhHCYAhDO9_wNz2BX1yEe .deals-chips > :not(.deals-chip), .cc_QhHCYAhDO9_wNz2BX1yEe .deals-chips > :not(.deals-chip) > :not(.deals-chip) { display: contents; }

@media (max-width: 767px) {
  .cc_QhHCYAhDO9_wNz2BX1yEe .deals-chips { gap: 6px; padding: 10px 0; scroll-padding-inline: 16px; }
}