/* ==========================================================================
   /birouri only — the office page on the shared light "shop" layout
   (/shop.css). Linked after it. There is no checkout here: the variant cards
   carry no price and every „Cere o ofertă” opens the B2B configurator.
   ========================================================================== */

/* five photos: five thumbnails */
.s-gal__thumbs--5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }

/* the price note sits where /cumpara prints its price */
.o-quote { margin-top: 24px; }

/* variant cards without a price column: the badge needs room above the name */
.shop [data-office-form] .s-pack__box { padding-top: 20px; }

.s-buy__alt { margin-top: 2px; text-align: center; }
.s-buy__alt .s-link { font-weight: 500; font-size: 15px; }

/* CTA under the comparison table */
.o-compare-cta { margin-top: 28px; text-align: center; }
.o-compare-cta .s-btn { min-width: min(320px, 100%); }

/* a cream button on the dark „Cum funcționează” band */
.o-band-cta { margin-top: clamp(32px, 4vw, 48px); text-align: center; }
.s-btn--light { background: var(--s-bg); color: var(--s-ink); box-shadow: none; min-width: min(320px, 100%); }
.s-btn--light:hover { background: #fff; }
.s-band .s-btn--light:focus-visible { outline-color: var(--s-bg); }

.s-sticky__text strong { font-weight: 600; }

/* the longer office H1: „Proaspăt prăjită.” on its own line at every width */
.s-h1 .s-accent { display: block; margin-top: 2px; }