/* «Bir təklif» beside the seller's boosts (App\Front\Parts\Promo::build): the ad under the home page's corner. */
.pc-boost-btn--corner i { color: var(--accent); }

/* Three buttons of their own on a phone (.mob-promo): narrower, so they fit side by side. */
.pc-boost:has(> .pc-boost-btn--corner) { gap: 6px; }
.pc-boost:has(> .pc-boost-btn--corner) > :not([hidden]) { flex: 1 1 0; min-width: 0; }
.pc-boost:has(> .pc-boost-btn--corner) .pc-boost-btn { gap: 4px; padding: 11px 4px; font-size: 12px; letter-spacing: -.01em; }
.pc-boost:has(> .pc-boost-btn--corner) .pc-boost-btn i { font-size: 14px; }
.pc-boost:has(> .pc-boost-btn--corner) .pc-boost-btn b { font-size: 11.5px; }

/* The segmented bar draws one divider in its middle, for two: three get one before each but the first. */
.price-card .pc-boost:has(> .pc-boost-btn--corner),
.daily-promo .pc-boost:has(> .pc-boost-btn--corner) { gap: 0; background-image: none; }
.price-card .pc-boost:has(> .pc-boost-btn--corner) > * + *,
.daily-promo .pc-boost:has(> .pc-boost-btn--corner) > * + * {
  position: relative;
}
.price-card .pc-boost:has(> .pc-boost-btn--corner) > * + *::before,
.daily-promo .pc-boost:has(> .pc-boost-btn--corner) > * + *::before {
  content: ""; position: absolute; left: 0; top: 22%; bottom: 22%; z-index: 1; width: 1px;
  background: var(--line); pointer-events: none;
}
.price-card .pc-boost:has(> .pc-boost-btn--corner) .pc-boost-btn,
.daily-promo .pc-boost:has(> .pc-boost-btn--corner) .pc-boost-btn { gap: 5px; padding: 0 6px; font-size: 12.5px; }
.price-card .pc-boost:has(> .pc-boost-btn--corner) .pc-boost-btn i,
.daily-promo .pc-boost:has(> .pc-boost-btn--corner) .pc-boost-btn i { font-size: 14px; }

/* On a phone the three are the price card's bar too: one frame, dividers, no tint. */
.mob-promo .pc-boost:has(> .pc-boost-btn--corner) {
  gap: 0; height: 44px; border: 1px solid var(--line); border-radius: 12px; overflow: hidden; background: none;
}
.mob-promo .pc-boost:has(> .pc-boost-btn--corner) > :not([hidden]) { display: flex; }
.mob-promo .pc-boost:has(> .pc-boost-btn--corner) > * + * { position: relative; }
.mob-promo .pc-boost:has(> .pc-boost-btn--corner) > * + *::before {
  content: ""; position: absolute; left: 0; top: 22%; bottom: 22%; z-index: 1; width: 1px;
  background: var(--line); pointer-events: none;
}
.mob-promo .pc-boost:has(> .pc-boost-btn--corner) .pc-boost-btn {
  width: 100%; height: 100%; padding: 0 4px; border: 0; border-radius: 0; background: none; box-shadow: none;
  color: var(--ink); font-weight: 600;
}
.mob-promo .pc-boost:has(> .pc-boost-btn--corner) .pc-boost-btn b { margin-left: 1px; color: var(--ink-3); }
.mob-promo .pc-boost:has(> .pc-boost-btn--corner) .pc-boost-btn:active { background: rgba(var(--ink-rgb), .04); }