.kowal-fullwidth-tabs-placeholder { margin: 24px 0; }
.kowal-fullwidth-tabs { --kowal-fullwidth-tabs-top: 0px; position: relative; z-index: 20; margin: 0; box-sizing: border-box; background: #fff; border-bottom: 1px solid #e5e7eb; }
.kowal-fullwidth-tabs[hidden] { display: none; }
.kowal-fullwidth-tabs.is-fixed { position: fixed; top: var(--kowal-fullwidth-tabs-top); }
.kowal-fullwidth-tabs__inner { overflow-x: auto; scrollbar-width: thin; }
.kowal-fullwidth-tabs__list { display: flex; flex-wrap: nowrap; gap: 8px; align-items: center; min-height: 56px; margin: 0; padding: 8px 0; list-style: none; }
.kowal-fullwidth-tabs__item { flex: 0 0 auto; margin: 0; }
.kowal-fullwidth-tabs__link { display: inline-flex; align-items: center; min-height: 40px; padding: 0 14px; color: #1f2937; text-decoration: none; background: #f3f4f6; border-radius: 6px; white-space: nowrap; }
.kowal-fullwidth-tabs__item:hover .kowal-fullwidth-tabs__link,
.kowal-fullwidth-tabs__item.is-active .kowal-fullwidth-tabs__link { color: #fff; background: #111827; }
@media (min-width: 768px) { .kowal-fullwidth-tabs__item:first-child { margin-left: auto; } .kowal-fullwidth-tabs__item:last-child { margin-right: auto; } }
@media (max-width: 767px) { .kowal-fullwidth-tabs-placeholder { margin: 16px 0; } .kowal-fullwidth-tabs__list { min-height: 48px; padding: 6px 0; } .kowal-fullwidth-tabs__link { min-height: 36px; padding: 0 12px; font-size: 13px; } }