/* The tariff label and its arrow remain a single horizontal control. */
.coques-page .tariff-cta,
.hydrogel-page .tariff-cta {
 display: inline-flex;
 flex-flow: row nowrap;
 align-items: center;
 justify-content: center;
 gap: 12px;
 max-width: 100%;
 min-height: 48px;
 line-height: 1.3;
}
.tariff-cta > .tariff-cta__label { display: inline; white-space: nowrap; flex: 0 1 auto; }
.coques-page .tariff-cta > svg.icon,
.hydrogel-page .tariff-cta > svg.icon {
 display: block;
 position: static;
 width: 19px;
 height: 19px;
 flex: 0 0 19px;
 margin: 0;
 color: inherit;
 stroke: currentColor;
 opacity: 1;
}
.hydrogel-page .tariff-cta { color: #031723; }
.hydrogel-page .hydro-final > .tariff-cta { background: var(--hydro-cyan); color: #031723; }
@media(max-width:760px) {
 .coques-page .tariff-cta, .hydrogel-page .tariff-cta { padding: 14px 22px; min-height: 48px; }
 .coques-page .tariff-cta { background: var(--case-cream); color: var(--case-ink); border: 1px solid var(--case-ink); }
 .coques-page .tariff-cta:hover { background: #f5e8d0; color: var(--case-ink); }
 .hydrogel-page .tariff-cta:hover { color: #031723; }
}

/* Keep the existing compact mobile header; only the page CTAs stay visible. */
@media(max-width:700px) {
 .coques-page .nav-actions > .tariff-cta,
 .hydrogel-page .nav-actions > .tariff-cta { display: none; }
}