/* PRICEHACK_HEADER_GROUPS_V1
   Visual grouping only. Existing buttons remain 32px.
*/

.section-controls-row
.mechanic-section-nav.ph-nav-groups-v1 {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 9px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}

.ph-nav-groups-v1::-webkit-scrollbar {
    display: none;
}

.ph-nav-groups-v1 .ph-nav-group {
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    flex-wrap: nowrap !important;
    gap: 4px !important;
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 6px !important;
    box-sizing: border-box !important;
    border-radius: 12px !important;
    white-space: nowrap !important;
}

.ph-nav-groups-v1 .ph-nav-group
.mechanic-section-btn {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
}

/* Товарные предложения */
.ph-nav-groups-v1 .ph-nav-products {
    background: #29251b !important;
    box-shadow:
        inset 0 0 0 1px #76612b !important;
}

/* CPA-акции и тематические разделы */
.ph-nav-groups-v1 .ph-nav-cpa {
    background: #20262c !important;
    box-shadow:
        inset 0 0 0 1px #40515d !important;
}

/* Общий справочник брендов */
.ph-nav-groups-v1 .ph-nav-brands {
    background: #29251b !important;
    box-shadow:
        inset 0 0 0 1px #76612b !important;
}


/* PRICEHACK_NAV_GROUP_COLORS_V2
   Same geometry, harmonized button colors.
*/

/* PRODUCT GROUP */
.ph-nav-groups-v1 .ph-nav-products {
    background: #29251B !important;
    box-shadow: inset 0 0 0 1px #79652F !important;
}

.ph-nav-groups-v1 .ph-nav-products
.mechanic-section-btn:not(.active) {
    background: #3D3424 !important;
    border-color: #79652F !important;
    color: #FFCC00 !important;
}

/* CPA GROUP */
.ph-nav-groups-v1 .ph-nav-cpa {
    background: #20262C !important;
    box-shadow: inset 0 0 0 1px #4D6271 !important;
}

.ph-nav-groups-v1 .ph-nav-cpa
.mechanic-section-btn:not(.active) {
    background: #303B46 !important;
    border-color: #4D6271 !important;
    color: #FFCC00 !important;
}

/* BRANDS GROUP */
.ph-nav-groups-v1 .ph-nav-brands {
    background: #29251B !important;
    box-shadow: inset 0 0 0 1px #79652F !important;
}

.ph-nav-groups-v1 .ph-nav-brands
.mechanic-section-btn:not(.active) {
    background: #3D3424 !important;
    border-color: #79652F !important;
    color: #FFCC00 !important;
}

/* HOVER */
.ph-nav-groups-v1
.ph-nav-products .mechanic-section-btn:hover:not(.active),
.ph-nav-groups-v1
.ph-nav-brands .mechanic-section-btn:hover:not(.active) {
    background: #51452F !important;
}

.ph-nav-groups-v1
.ph-nav-cpa .mechanic-section-btn:hover:not(.active) {
    background: #3C4A57 !important;
}

/* ACTIVE — KEEP ORIGINAL YELLOW */
.ph-nav-groups-v1 .ph-nav-group
.mechanic-section-btn.active {
    background: #FFCC00 !important;
    border-color: #FFCC00 !important;
    color: #111111 !important;
}


/* PRICEHACK_NAV_BUTTONS_ONLY_V3
   Visually remove group containers.
   Keep individual buttons colored by group.
*/

/* External group boxes no longer take up visual space */
.mechanic-section-nav.ph-nav-groups-v1
.ph-nav-group {
    display: contents !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* One horizontal line with equal gaps */
.section-controls-row
.mechanic-section-nav.ph-nav-groups-v1 {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
}

/* Individual buttons */
.ph-nav-groups-v1
.mechanic-section-btn {
    flex: 0 0 auto !important;
    height: 32px !important;
    min-height: 32px !important;
    box-sizing: border-box !important;
    border-radius: 9px !important;
    white-space: nowrap !important;
    box-shadow: none !important;
}

/* Products and marketplaces */
.ph-nav-groups-v1 .ph-nav-products
.mechanic-section-btn:not(.active) {
    background: #3D3424 !important;
    border: 1px solid #79652F !important;
    color: #FFCC00 !important;
}

/* CPA offers and actions */
.ph-nav-groups-v1 .ph-nav-cpa
.mechanic-section-btn:not(.active) {
    background: #303B46 !important;
    border: 1px solid #4D6271 !important;
    color: #FFCC00 !important;
}

/* Shared brands directory */
.ph-nav-groups-v1 .ph-nav-brands
.mechanic-section-btn:not(.active) {
    background: #3D3424 !important;
    border: 1px solid #79652F !important;
    color: #FFCC00 !important;
}

/* Active button */
.ph-nav-groups-v1
.mechanic-section-btn.active {
    background: #FFCC00 !important;
    border-color: #FFCC00 !important;
    color: #111111 !important;
}

/* Hover */
.ph-nav-groups-v1 .ph-nav-products
.mechanic-section-btn:hover:not(.active),
.ph-nav-groups-v1 .ph-nav-brands
.mechanic-section-btn:hover:not(.active) {
    background: #51452F !important;
}

.ph-nav-groups-v1 .ph-nav-cpa
.mechanic-section-btn:hover:not(.active) {
    background: #3C4A57 !important;
}