.enterprise-home,
.yop-enterprise-page {
  width: min(var(--yop-container), calc(100% - 32px));
  margin-inline: auto;
  padding: clamp(38px, 7vw, 86px) 0;
}

.enterprise-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr);
  gap: clamp(24px, 5vw, 56px);
  align-items: center;
  min-height: 560px;
}

.enterprise-hero-copy {
  display: grid;
  gap: 1.25rem;
}

.enterprise-hero h1 {
  font-size: clamp(3.4rem, 7vw, 6.8rem);
  margin: 0;
}

.enterprise-hero-copy > p:not(.enterprise-kicker) {
  max-width: 680px;
  font-size: 1.08rem;
}

.enterprise-pills {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
}

.enterprise-pills a,
.enterprise-pills span {
  display: inline-flex;
  align-items: center;
  border-radius: var(--yop-radius-pill);
  padding: .55rem .85rem;
  background: #fff;
  border: 1px solid var(--yop-border);
  color: var(--yop-primary);
  font-weight: 650;
}

.enterprise-mockup {
  padding: 1rem;
  min-height: 360px;
}

.mockup-window {
  background: #fff;
  border: 1px solid var(--yop-border);
  border-radius: 22px;
  overflow: hidden;
  box-shadow: var(--yop-shadow-soft);
}

.mockup-top {
  display: flex;
  align-items: center;
  gap: .5rem;
  padding: .9rem 1rem;
  border-bottom: 1px solid var(--yop-border);
}

.mockup-top strong { color: var(--yop-primary); margin-right: auto; }
.mockup-top span { width: 10px; height: 10px; border-radius: 999px; background: #dbeafe; }
.mockup-body { display: grid; grid-template-columns: 130px 1fr; gap: 1rem; padding: 1rem; }
.mockup-body nav { display: grid; gap: .5rem; align-content: start; }
.mockup-body nav span { border-radius: 12px; padding: .55rem .7rem; background: #f1f5f9; color: var(--yop-muted); font-weight: 650; }
.mockup-body nav span.active { background: rgba(37, 99, 255, .1); color: var(--yop-primary); }
.mockup-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: .75rem; }
.mockup-cards article { border: 1px solid var(--yop-border); border-radius: 16px; padding: .65rem; display: grid; gap: .4rem; }
.mockup-cards img { aspect-ratio: 4 / 3; object-fit: cover; border-radius: 12px; background: #eef2ff; }

.enterprise-section-head {
  display: flex;
  justify-content: space-between;
  gap: 1.5rem;
  align-items: end;
  margin: clamp(32px, 6vw, 72px) 0 1.25rem;
}

.enterprise-section-head h2 { font-size: clamp(2rem, 4vw, 3.6rem); margin: 0; }

.enterprise-why-grid,
.enterprise-stats,
.enterprise-popular-grid,
.enterprise-timeline {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1rem;
  margin-top: 1.25rem;
}

.enterprise-why-grid article,
.enterprise-stats article,
.enterprise-popular-grid a,
.enterprise-timeline article,
.enterprise-reviews article,
.enterprise-newsletter {
  background: rgba(255,255,255,.92);
  border: 1px solid var(--yop-border);
  border-radius: var(--yop-radius-lg);
  padding: 1.35rem;
  box-shadow: var(--yop-shadow-soft);
}

.enterprise-newsletter {
  margin-top: 2rem;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 1rem;
  background: var(--yop-gradient-primary);
  color: #fff;
}

.enterprise-newsletter p, .enterprise-newsletter strong { color: #fff; }
.enterprise-newsletter form { display: flex; gap: .5rem; }
.enterprise-newsletter button { background: #fff !important; color: var(--yop-primary) !important; }

/* Enterprise light-mode normalization for legacy category pages.
   Backend logic stays untouched; this layer aligns the visual system. */
body:has(.auto-page),
body:has(.ads-page),
body:has(.profis-page),
body:has(.jobs-shell),
body:has(.travel-page),
body:has(.education-page),
body:has(.estate-page),
body:has(.compare-hub-page),
body:has(.yop-compare-page),
body:has(.insurance-page),
body:has(.kfz-page) {
  background:
    radial-gradient(circle at 12% 10%, rgba(37, 99, 255, .12), transparent 34%),
    radial-gradient(circle at 86% 12%, rgba(138, 21, 56, .10), transparent 30%),
    var(--yop-bg) !important;
  color: var(--yop-text) !important;
}

.auto-page,
.ads-page,
.profis-page,
.jobs-shell,
.travel-page,
.education-page,
.estate-page,
.compare-hub-page,
.yop-compare-page,
.insurance-page,
.kfz-page {
  color: var(--yop-text) !important;
}

.auto-page h1, .auto-page h2, .auto-page h3,
.ads-page h1, .ads-page h2, .ads-page h3,
.profis-page h1, .profis-page h2, .profis-page h3,
.jobs-shell h1, .jobs-shell h2, .jobs-shell h3,
.travel-page h1, .travel-page h2, .travel-page h3,
.education-page h1, .education-page h2, .education-page h3,
.estate-page h1, .estate-page h2, .estate-page h3,
.compare-hub-page h1, .compare-hub-page h2, .compare-hub-page h3,
.yop-compare-page h1, .yop-compare-page h2, .yop-compare-page h3,
.insurance-page h1, .insurance-page h2, .insurance-page h3,
.kfz-page h1, .kfz-page h2, .kfz-page h3 {
  color: var(--yop-text) !important;
  font-weight: 700 !important;
  letter-spacing: -.04em;
}

.auto-page p, .auto-page span, .auto-page li,
.ads-page p, .ads-page span, .ads-page li,
.profis-page p, .profis-page span, .profis-page li,
.jobs-shell p, .jobs-shell span, .jobs-shell li,
.travel-page p, .travel-page span, .travel-page li,
.education-page p, .education-page span, .education-page li,
.estate-page p, .estate-page span, .estate-page li,
.compare-hub-page p, .compare-hub-page span, .compare-hub-page li,
.yop-compare-page p, .yop-compare-page span, .yop-compare-page li,
.insurance-page p, .insurance-page span, .insurance-page li,
.kfz-page p, .kfz-page span, .kfz-page li {
  color: var(--yop-muted) !important;
}

.auto-hero-copy, .auto-sell-card, .auto-search-panel, .auto-side-box, .auto-card, .auto-empty, .auto-services article,
.ads-hero-copy, .ads-search-card, .ads-category-card, .ads-filter-card, .ads-listing-card, .ads-empty,
.profis-hero, .profis-card, .profis-panel, .professional-card,
.jobs-hero, .job-card, .job-detail-panel,
.travel-card, .travel-result-card, .travel-panel,
.education-card, .education-panel, .education-offer-card,
.estate-card, .estate-panel, .property-card {
  background: rgba(255, 255, 255, .90) !important;
  border: 1px solid rgba(226, 232, 240, .95) !important;
  box-shadow: var(--yop-shadow-soft) !important;
}

.auto-sell-card a,
.auto-price-box a,
.auto-search-form button,
.ads-search-card button,
.ads-listing-card a,
.profis-page a[class*="button"],
.profis-page button,
.professional-card a,
.jobs-search button,
.job-card button,
.job-detail-panel a,
.travel-page button,
.travel-page a[class*="button"],
.education-page button,
.education-page a[class*="button"],
.estate-page button {
  background: linear-gradient(135deg, var(--yop-primary), #7C3AED) !important;
  color: #fff !important;
  border: 0 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  box-shadow: 0 14px 34px rgba(37, 99, 255, .20) !important;
}

.auto-sell-actions a:last-child,
.auto-active-filters a,
.auto-brand-list a,
.auto-side-box a,
.portal-topbar nav a,
.jobs-topbar nav a {
  color: var(--yop-primary) !important;
  background: rgba(255, 255, 255, .82) !important;
  border: 1px solid var(--yop-border) !important;
}

.auto-search-form input,
.auto-search-form select,
.ads-search-card input,
.ads-search-card select,
.jobs-search input,
.portal-search input,
.portal-search select,
.education-page input,
.education-page select,
.travel-page input,
.travel-page select {
  background: #fff !important;
  color: var(--yop-text) !important;
  border: 1px solid var(--yop-border) !important;
}

/* Yop-Bildung marketplace and account flows */
.education-page,
.enterprise-form-page,
.enterprise-detail-page {
  width: min(var(--yop-container), calc(100% - 32px)) !important;
  margin-inline: auto !important;
  padding: clamp(36px, 6vw, 72px) 0 !important;
  color: var(--yop-text) !important;
}

.education-page .enterprise-hero,
.edu-advisor-card,
.edu-offer-card,
.enterprise-form-card,
.enterprise-upload-box,
.enterprise-detail-card,
.enterprise-side-card,
.enterprise-dashboard-grid .enterprise-panel,
.enterprise-inquiry-card {
  background: rgba(255, 255, 255, .94) !important;
  border: 1px solid var(--yop-border) !important;
  border-radius: var(--yop-radius-lg) !important;
  color: var(--yop-text) !important;
  box-shadow: var(--yop-shadow-soft) !important;
}

.education-page .enterprise-hero,
.enterprise-form-card,
.enterprise-detail-card,
.enterprise-side-card {
  padding: clamp(1.4rem, 4vw, 3rem) !important;
}

.education-page .enterprise-hero {
  grid-template-columns: minmax(0, 1.2fr) minmax(300px, .8fr) !important;
  min-height: auto !important;
}

.education-page h1,
.enterprise-form-page h1,
.enterprise-detail-page h1 {
  color: var(--yop-text) !important;
  font-weight: 760 !important;
  line-height: .98 !important;
}

.education-page p,
.education-page dd,
.enterprise-form-page p,
.enterprise-detail-page p,
.enterprise-inquiry-card small {
  color: var(--yop-muted) !important;
}

.enterprise-search-wide,
.enterprise-form-grid,
.edu-offer-grid,
.enterprise-dashboard-grid {
  display: grid !important;
  gap: 1rem !important;
}

.enterprise-search-wide {
  grid-template-columns: minmax(220px, 1fr) 220px minmax(180px, 1fr) auto !important;
  align-items: end !important;
  background: rgba(37, 99, 255, .06) !important;
  border: 1px solid rgba(37, 99, 255, .14) !important;
  border-radius: var(--yop-radius-lg) !important;
  padding: .85rem !important;
}

.enterprise-form-grid {
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
}

.edu-offer-grid {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
}

.enterprise-dashboard-grid {
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)) !important;
}

.education-page input,
.education-page select,
.education-page textarea,
.enterprise-form-page input,
.enterprise-form-page select,
.enterprise-form-page textarea {
  width: 100% !important;
  min-height: 52px !important;
  border-radius: 16px !important;
  background: #fff !important;
  color: var(--yop-text) !important;
  border: 1px solid var(--yop-border) !important;
}

.education-page textarea,
.enterprise-form-page textarea {
  min-height: 140px !important;
}

.edu-offer-card {
  padding: 1.35rem !important;
  display: grid !important;
  gap: .9rem !important;
}

.edu-offer-card > span,
.edu-offer-card.demo > span {
  justify-self: start !important;
  border-radius: var(--yop-radius-pill) !important;
  background: rgba(37, 99, 255, .08) !important;
  border: 1px solid rgba(37, 99, 255, .14) !important;
  color: var(--yop-primary) !important;
  padding: .35rem .7rem !important;
  font-weight: 700 !important;
}

.edu-offer-card h3,
.enterprise-detail-card h2,
.enterprise-side-card h3,
.enterprise-panel h2 {
  color: var(--yop-text) !important;
}

.edu-offer-card dl,
.enterprise-data-list,
.enterprise-stats-row {
  display: grid !important;
  gap: .75rem !important;
}

.edu-offer-card dl {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.edu-offer-card dt,
.enterprise-data-list dt {
  color: var(--yop-text) !important;
  font-size: .78rem !important;
  font-weight: 750 !important;
  text-transform: uppercase !important;
}

.edu-offer-card dd,
.enterprise-data-list dd {
  margin: 0 !important;
}

.enterprise-card-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .7rem !important;
}

.enterprise-card-actions a,
.edu-offer-card > a,
.enterprise-side-card a,
.enterprise-section-head a,
.education-page button,
.enterprise-form-page button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 46px !important;
  border-radius: 14px !important;
  padding: .8rem 1.1rem !important;
  background: var(--yop-gradient-primary) !important;
  color: #fff !important;
  border: 0 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  box-shadow: 0 14px 30px rgba(37, 99, 255, .20) !important;
}

.enterprise-media-strip,
.enterprise-gallery {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)) !important;
  gap: .75rem !important;
}

.enterprise-media-strip img,
.enterprise-media-strip video,
.enterprise-gallery img,
.enterprise-gallery video {
  width: 100% !important;
  aspect-ratio: 16 / 10 !important;
  object-fit: cover !important;
  border-radius: 16px !important;
  background: #eff6ff !important;
}

.enterprise-detail-page {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 320px !important;
  gap: 1.25rem !important;
  align-items: start !important;
}

.enterprise-stats-row {
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)) !important;
  margin: 1.4rem 0 !important;
}

.enterprise-stats-row span {
  background: rgba(37, 99, 255, .06) !important;
  border: 1px solid rgba(37, 99, 255, .12) !important;
  border-radius: 16px !important;
  padding: .9rem !important;
  color: var(--yop-text) !important;
  font-weight: 750 !important;
}

.enterprise-stats-row small {
  display: block !important;
  color: var(--yop-muted) !important;
  font-weight: 500 !important;
}

.account-row,
.enterprise-inquiry-card {
  display: grid !important;
  gap: .45rem !important;
  padding: .95rem !important;
  border-radius: 16px !important;
  border: 1px solid var(--yop-border) !important;
  background: rgba(248, 250, 252, .82) !important;
  margin-bottom: .75rem !important;
}

.account-row b,
.enterprise-inquiry-card h3 {
  color: var(--yop-text) !important;
}

.yop-honeypot {
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
}

.auto-account-card,
.auto-account-intro,
.auto-dashboard-hero,
.auto-dashboard-grid article,
.auto-dashboard-list,
.auto-editor-hero,
.auto-editor-card,
.auto-contact-summary,
.auto-contact-card,
.auto-success-card,
.auto-detail-gallery,
.auto-detail-title aside,
.auto-detail-layout article,
.auto-detail-layout aside,
.auto-inquiry-card {
  background: rgba(255,255,255,.92) !important;
  border: 1px solid var(--yop-border) !important;
  border-radius: var(--yop-radius-lg) !important;
  color: var(--yop-text) !important;
  box-shadow: var(--yop-shadow-soft) !important;
}

.auto-account-shell,
.auto-dashboard-grid,
.auto-contact-shell,
.auto-detail-layout,
.auto-editor-form {
  gap: 1.25rem !important;
}

.auto-pro-form input,
.auto-pro-form select,
.auto-pro-form textarea,
.auto-editor-form input,
.auto-editor-form select,
.auto-editor-form textarea {
  width: 100%;
  background: #fff !important;
  color: var(--yop-text) !important;
  border: 1px solid var(--yop-border) !important;
  border-radius: var(--yop-radius-md) !important;
  min-height: 48px;
  padding: .85rem 1rem;
}

.auto-pro-form label span,
.auto-editor-form label span,
.auto-upload-box span {
  color: var(--yop-text) !important;
  font-weight: 600 !important;
}

.auto-pro-form small,
.auto-editor-form small,
.auto-editor-hint {
  color: var(--yop-muted) !important;
}

.auto-pro-form button,
.auto-editor-actions button,
.auto-editor-hero a,
.auto-dashboard-actions a,
.auto-dashboard-list > a,
.auto-inline-action,
.auto-success-actions a,
.auto-contact-card > a,
.auto-contact-card button,
.auto-detail-hero > a,
.auto-owner-edit,
.auto-detail-title aside a,
.auto-detail-layout aside a {
  background: linear-gradient(135deg, var(--yop-primary), #7C3AED) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: var(--yop-radius-md) !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.auto-editor-actions a,
.auto-success-actions a + a,
.auto-secondary-action {
  background: #fff !important;
  color: var(--yop-primary) !important;
  border: 1px solid var(--yop-border) !important;
}

.auto-dashboard-row,
.auto-inquiry-card {
  background: rgba(248,250,252,.88) !important;
  border: 1px solid var(--yop-border) !important;
}

.auto-form-error,
.auto-pro-form small {
  color: #B91C1C !important;
}

/* Yop-Immo enterprise pass */
.estate-topbar,
.estate-results-hero,
.estate-detail-main,
.estate-contact-card,
.estate-dashboard-hero,
.estate-dashboard-card,
.estate-contact-flow-card,
.estate-contact-success-card,
.estate-inbox-card,
.estate-editor-hero,
.estate-editor-card,
.estate-account-card,
.searchers-hero,
.searchers-search-card,
.searchers-services article,
.searchers-property-card,
.searchers-owner-strip {
  background: rgba(255,255,255,.92) !important;
  border: 1px solid var(--yop-border) !important;
  color: var(--yop-text) !important;
  box-shadow: var(--yop-shadow-soft) !important;
}

.estate-topbar {
  border-radius: 0 !important;
  box-shadow: 0 10px 30px rgba(15,23,42,.05) !important;
}

.estate-nav a,
.estate-chip,
.estate-back,
.estate-brand,
.estate-inline-action,
.estate-secondary-link,
.searchers-actions a,
.searchers-owner-strip a {
  color: var(--yop-primary) !important;
  background: rgba(255,255,255,.86) !important;
  border: 1px solid var(--yop-border) !important;
  text-decoration: none !important;
  font-weight: 700 !important;
}

.estate-nav a:hover,
.estate-nav a.active,
.estate-primary-link,
.estate-message-button,
.estate-contact-submit,
.estate-form button,
.estate-editor-actions button,
.searchers-search-card button,
.primary-action {
  background: linear-gradient(135deg, var(--yop-primary), #7C3AED) !important;
  color: #fff !important;
  border: 0 !important;
  text-decoration: none !important;
}

.estate-filter-form input,
.estate-filter-form select,
.estate-field input,
.estate-field select,
.estate-field textarea,
.estate-form input,
.estate-form select,
.estate-form textarea,
.estate-form-grid input,
.estate-form-grid select,
.estate-form-grid textarea,
.searchers-search-card input,
.searchers-search-card select {
  background: #fff !important;
  color: var(--yop-text) !important;
  border: 1px solid var(--yop-border) !important;
}

.estate-result-card,
.estate-table-row,
.estate-inbox-details div {
  background: rgba(255,255,255,.90) !important;
  border: 1px solid var(--yop-border) !important;
  color: var(--yop-text) !important;
}

.estate-map-panel {
  background: rgba(255,255,255,.72) !important;
  border-left: 1px solid var(--yop-border) !important;
}

.estate-section,
.estate-keyfacts,
.estate-spec-grid,
.estate-location-row,
.estate-internet-box,
.estate-plus-box {
  background: transparent !important;
  border-color: var(--yop-border) !important;
}

/* Yop-Jobs and shared listing editor */
.yop-jobs-page,
.account-form-page {
  background:
    radial-gradient(circle at 14% 12%, rgba(37,99,255,.11), transparent 32%),
    radial-gradient(circle at 86% 10%, rgba(138,21,56,.08), transparent 28%),
    var(--yop-bg) !important;
  color: var(--yop-text) !important;
}

.portal-topbar.jobs-topbar,
.jobs-hero,
.job-card,
.job-detail-panel,
.account-hero,
.account-edit-form,
.yop-upload-panel {
  background: rgba(255,255,255,.92) !important;
  border: 1px solid var(--yop-border) !important;
  color: var(--yop-text) !important;
  box-shadow: var(--yop-shadow-soft) !important;
}

.jobs-hero h1,
.job-card h2,
.job-detail-panel h2,
.account-hero h1 {
  color: var(--yop-text) !important;
  font-weight: 700 !important;
}

.jobs-search input,
.account-edit-form input,
.account-edit-form select,
.account-edit-form textarea,
.yop-upload-panel input {
  background: #fff !important;
  color: var(--yop-text) !important;
  border: 1px solid var(--yop-border) !important;
}

.jobs-search button,
.jobs-owner-action a,
.job-apply-link,
.job-detail-panel a,
.account-form-actions button {
  background: linear-gradient(135deg, var(--yop-primary), #7C3AED) !important;
  color: #fff !important;
  border: 0 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.account-form-actions a,
.portal-topbar.jobs-topbar nav a {
  background: #fff !important;
  color: var(--yop-primary) !important;
  border: 1px solid var(--yop-border) !important;
  text-decoration: none !important;
}

.jobs-shell {
  width: min(var(--yop-container), calc(100% - 32px)) !important;
  margin-inline: auto !important;
  padding: clamp(36px, 6vw, 72px) 0 !important;
}

.jobs-hero {
  border-radius: var(--yop-radius-xl) !important;
  padding: clamp(32px, 6vw, 68px) !important;
  display: grid !important;
  gap: 1.25rem !important;
}

.jobs-search {
  background: rgba(37, 99, 255, .06) !important;
  border: 1px solid rgba(37, 99, 255, .14) !important;
  border-radius: var(--yop-radius-lg) !important;
  padding: .8rem !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto !important;
  gap: .75rem !important;
}

.jobs-search input,
.jobs-search button,
.jobs-owner-action a,
.job-apply-link {
  min-height: 54px !important;
  border-radius: 16px !important;
  padding-inline: 1.2rem !important;
}

.jobs-owner-action {
  margin: 1.25rem 0 1.75rem !important;
  display: flex !important;
  justify-content: flex-end !important;
}

.jobs-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 340px !important;
  gap: 1.25rem !important;
  align-items: start !important;
}

.jobs-list {
  display: grid !important;
  gap: 1rem !important;
}

.job-card {
  border-radius: var(--yop-radius-lg) !important;
  padding: 1.35rem !important;
  display: grid !important;
  gap: .5rem !important;
}

.job-apply-link {
  width: fit-content !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-top: .5rem !important;
}

.job-detail-panel {
  border-radius: var(--yop-radius-lg) !important;
  padding: 1.35rem !important;
  position: sticky !important;
  top: 98px !important;
}

.account-form-page {
  width: min(920px, calc(100% - 32px)) !important;
  margin-inline: auto !important;
  padding: clamp(36px, 6vw, 72px) 0 !important;
}

.account-edit-form,
.account-hero,
.yop-upload-panel {
  border-radius: var(--yop-radius-lg) !important;
  padding: clamp(1.25rem, 3vw, 2rem) !important;
}

.account-edit-form {
  display: grid !important;
  gap: 1rem !important;
}

.account-edit-form label {
  display: grid !important;
  gap: .4rem !important;
  color: var(--yop-text) !important;
  font-weight: 650 !important;
}

.account-form-actions {
  display: flex !important;
  gap: .75rem !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
}

.account-form-actions a,
.account-form-actions button {
  min-height: 50px !important;
  border-radius: 16px !important;
  padding: .85rem 1.25rem !important;
}

/* Yop-Profis marketplace, orders and request workflow */
.profis-page {
  width: min(var(--yop-container), calc(100% - 32px)) !important;
  margin-inline: auto !important;
  padding: clamp(36px, 6vw, 72px) 0 !important;
  background: transparent !important;
}

.profis-hero,
.profis-request-panel,
.profis-business-panel,
.profis-orders-head,
.profis-idea-box,
.profis-order-card,
.profis-empty-order,
.profis-detail-hero,
.profis-detail-card,
.profis-request-form-card,
.profis-request-aside,
.profis-result-card,
.profis-category-card,
.profis-flow > div,
.profis-stats > div,
.profis-hero-card {
  background: rgba(255,255,255,.92) !important;
  border: 1px solid var(--yop-border) !important;
  color: var(--yop-text) !important;
  box-shadow: var(--yop-shadow-soft) !important;
}

.profis-hero,
.profis-request-shell,
.profis-detail-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.3fr) minmax(300px, .7fr) !important;
  gap: 1.5rem !important;
  align-items: stretch !important;
}

.profis-hero,
.profis-request-panel,
.profis-business-panel,
.profis-orders-head,
.profis-detail-hero {
  border-radius: var(--yop-radius-xl) !important;
  padding: clamp(1.5rem, 4vw, 3rem) !important;
}

.profis-hero-card,
.profis-request-aside,
.profis-request-form-card,
.profis-detail-card,
.profis-result-card,
.profis-category-card,
.profis-order-card,
.profis-empty-order,
.profis-flow > div,
.profis-stats > div,
.profis-idea-box {
  border-radius: var(--yop-radius-lg) !important;
  padding: 1.35rem !important;
}

.profis-search,
.profis-form-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: .75rem !important;
  align-items: end !important;
  background: rgba(37, 99, 255, .06) !important;
  border: 1px solid rgba(37, 99, 255, .14) !important;
  border-radius: var(--yop-radius-lg) !important;
  padding: .85rem !important;
}

.profis-form-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
}

.profis-search label,
.profis-form-grid label {
  display: grid !important;
  gap: .4rem !important;
  color: var(--yop-text) !important;
  font-weight: 650 !important;
}

.profis-search input,
.profis-search select,
.profis-form-grid input,
.profis-form-grid select,
.profis-form-grid textarea,
.yop-pro-form input,
.yop-pro-form select,
.yop-pro-form textarea {
  background: #fff !important;
  color: var(--yop-text) !important;
  border: 1px solid var(--yop-border) !important;
  border-radius: 16px !important;
  min-height: 52px !important;
  padding: .85rem 1rem !important;
}

.profis-search button,
.profis-owner-action a,
.profis-primary-action,
.profis-request-actions a,
.profis-result-card a,
.profis-business-panel a,
.profis-orders-head a,
.profis-idea-box a,
.profis-empty-order a,
.profis-order-card footer a,
.profis-detail-hero nav a,
.account-submit {
  background: linear-gradient(135deg, var(--yop-primary), #7C3AED) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 16px !important;
  min-height: 50px !important;
  padding: .85rem 1.15rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  font-weight: 650 !important;
  box-shadow: 0 14px 34px rgba(37, 99, 255, .20) !important;
}

.profis-secondary-action,
.profis-ghost-link,
.profis-order-card footer a + a,
.profis-detail-hero nav a + a {
  background: #fff !important;
  color: var(--yop-primary) !important;
  border: 1px solid var(--yop-border) !important;
  box-shadow: none !important;
}

.profis-owner-action,
.profis-request-actions,
.profis-order-card footer,
.profis-detail-hero nav {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .75rem !important;
  align-items: center !important;
}

.profis-owner-action {
  justify-content: flex-end !important;
  margin: 1.25rem 0 !important;
}

.profis-stats,
.profis-category-grid,
.profis-card-grid,
.profis-flow,
.profis-order-list {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
  gap: 1rem !important;
  margin-top: 1.25rem !important;
}

.profis-order-list {
  grid-template-columns: 1fr !important;
}

.profis-result-top,
.profis-order-main,
.profis-detail-hero {
  display: flex !important;
  gap: 1rem !important;
  align-items: center !important;
  justify-content: space-between !important;
}

.profis-tags,
.profis-order-metrics,
.profis-step-list {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .55rem !important;
}

.profis-tags span,
.profis-order-metrics span,
.profis-step-list span,
.profis-rating {
  background: #f8fafc !important;
  border: 1px solid var(--yop-border) !important;
  border-radius: var(--yop-radius-pill) !important;
  color: var(--yop-muted) !important;
  padding: .45rem .7rem !important;
}

/* Yop-Anzeige marketplace and shared classified editor */
.ads-page {
  width: min(var(--yop-container), calc(100% - 32px)) !important;
  margin-inline: auto !important;
  padding: clamp(36px, 6vw, 72px) 0 !important;
  background: transparent !important;
  color: var(--yop-text) !important;
}

.ads-hero {
  display: grid !important;
  grid-template-columns: minmax(0, 1.1fr) minmax(320px, .9fr) !important;
  gap: 1.5rem !important;
  align-items: stretch !important;
}

.ads-hero-copy,
.ads-search-card,
.ads-quick-actions,
.ads-category-card,
.ads-filter-card,
.ads-listing-card,
.ads-empty {
  background: rgba(255,255,255,.92) !important;
  border: 1px solid var(--yop-border) !important;
  border-radius: var(--yop-radius-lg) !important;
  color: var(--yop-text) !important;
  box-shadow: var(--yop-shadow-soft) !important;
}

.ads-hero-copy,
.ads-search-card {
  border-radius: var(--yop-radius-xl) !important;
  padding: clamp(1.5rem, 4vw, 3rem) !important;
}

.ads-search-card {
  display: grid !important;
  gap: .9rem !important;
}

.ads-search-card label {
  display: grid !important;
  gap: .4rem !important;
  color: var(--yop-text) !important;
  font-weight: 650 !important;
}

.ads-search-card input,
.ads-search-card select {
  min-height: 52px !important;
  border-radius: 16px !important;
  padding: .85rem 1rem !important;
}

.ads-search-card button,
.ads-create-button,
.ads-listing-card a {
  background: linear-gradient(135deg, var(--yop-primary), #7C3AED) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 16px !important;
  min-height: 50px !important;
  padding: .85rem 1.15rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  font-weight: 650 !important;
  box-shadow: 0 14px 34px rgba(37, 99, 255, .20) !important;
}

.ads-create-row {
  display: flex !important;
  justify-content: flex-end !important;
  margin: 1.25rem 0 !important;
}

.ads-quick-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .75rem !important;
  padding: .85rem !important;
  margin-bottom: 1.5rem !important;
}

.ads-quick-actions a {
  color: var(--yop-primary) !important;
  background: #fff !important;
  border: 1px solid var(--yop-border) !important;
  border-radius: var(--yop-radius-pill) !important;
  padding: .65rem .9rem !important;
  text-decoration: none !important;
  font-weight: 650 !important;
}

.ads-category-grid,
.ads-results-section {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
  gap: 1rem !important;
}

.ads-results-section {
  grid-template-columns: 280px minmax(0, 1fr) !important;
  align-items: start !important;
  margin-top: 1.5rem !important;
}

.ads-results {
  display: grid !important;
  gap: 1rem !important;
}

.ads-listing-card {
  display: grid !important;
  grid-template-columns: 120px minmax(0, 1fr) auto auto !important;
  gap: 1rem !important;
  align-items: center !important;
  padding: 1rem !important;
}

.ads-listing-thumb {
  min-height: 92px !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg, rgba(37,99,255,.16), rgba(138,21,56,.10)) !important;
  color: var(--yop-primary) !important;
  display: grid !important;
  place-items: center !important;
  font-size: 2rem !important;
  font-weight: 700 !important;
}

.ads-filter-card {
  padding: 1.2rem !important;
  position: sticky !important;
  top: 98px !important;
}

.ads-filter-card label {
  display: flex !important;
  gap: .5rem !important;
  align-items: center !important;
  color: var(--yop-muted) !important;
  margin-top: .75rem !important;
}

/* Yop-Reise */
.reise-page {
  width: min(var(--yop-container), calc(100% - 32px)) !important;
  margin-inline: auto !important;
  padding: clamp(36px, 6vw, 72px) 0 !important;
  background: transparent !important;
  color: var(--yop-text) !important;
}

.reise-hero,
.reise-tabs,
.reise-destination-card,
.reise-offer-card,
.reise-affiliate-card,
.reise-trust-panel,
.reise-deal-card {
  background: rgba(255,255,255,.92) !important;
  border: 1px solid var(--yop-border) !important;
  color: var(--yop-text) !important;
  box-shadow: var(--yop-shadow-soft) !important;
}

.reise-hero {
  display: grid !important;
  grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr) !important;
  gap: 1.5rem !important;
  border-radius: var(--yop-radius-xl) !important;
  padding: clamp(1.5rem, 4vw, 3rem) !important;
}

.reise-deal-card,
.reise-destination-card,
.reise-offer-card,
.reise-affiliate-card,
.reise-trust-panel {
  border-radius: var(--yop-radius-lg) !important;
  padding: 1.25rem !important;
}

.reise-search {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: .75rem !important;
  align-items: end !important;
  background: rgba(37, 99, 255, .06) !important;
  border: 1px solid rgba(37, 99, 255, .14) !important;
  border-radius: var(--yop-radius-lg) !important;
  padding: .85rem !important;
}

.reise-search .wide {
  grid-column: span 2 !important;
}

.reise-search label {
  display: grid !important;
  gap: .4rem !important;
  color: var(--yop-text) !important;
  font-weight: 650 !important;
}

.reise-search input,
.reise-search select {
  min-height: 52px !important;
  border-radius: 16px !important;
  padding: .85rem 1rem !important;
  background: #fff !important;
  color: var(--yop-text) !important;
  border: 1px solid var(--yop-border) !important;
}

.reise-search button,
.reise-price-box a,
.reise-affiliate-card a {
  background: linear-gradient(135deg, var(--yop-primary), #7C3AED) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 16px !important;
  min-height: 50px !important;
  padding: .85rem 1.15rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  font-weight: 650 !important;
  box-shadow: 0 14px 34px rgba(37, 99, 255, .20) !important;
}

.reise-tabs {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .75rem !important;
  padding: .85rem !important;
  margin: 1.25rem 0 !important;
  border-radius: var(--yop-radius-lg) !important;
}

.reise-tabs a {
  color: var(--yop-primary) !important;
  background: #fff !important;
  border: 1px solid var(--yop-border) !important;
  border-radius: var(--yop-radius-pill) !important;
  padding: .65rem .9rem !important;
  text-decoration: none !important;
  font-weight: 650 !important;
}

.reise-destination-grid,
.reise-affiliate-grid,
.reise-trust-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
  gap: 1rem !important;
}

.reise-offer-list {
  display: grid !important;
  gap: 1rem !important;
}

.reise-offer-card {
  display: grid !important;
  grid-template-columns: 110px minmax(0, 1fr) auto !important;
  gap: 1rem !important;
  align-items: center !important;
}

.reise-offer-media {
  min-height: 96px !important;
  border-radius: 20px !important;
  background: linear-gradient(135deg, rgba(37,99,255,.16), rgba(138,21,56,.10)) !important;
  color: var(--yop-primary) !important;
  display: grid !important;
  place-items: center !important;
  font-size: 2rem !important;
}

.reise-tags,
.reise-ai-list {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .55rem !important;
}

.reise-tags span,
.reise-ai-list small,
.reise-rating,
.reise-trust-grid span {
  background: #f8fafc !important;
  border: 1px solid var(--yop-border) !important;
  border-radius: var(--yop-radius-pill) !important;
  color: var(--yop-muted) !important;
  padding: .45rem .7rem !important;
}

/* Yop-Vergleich, Versicherung and Kfz flows */
.compare-hub-page,
.yop-compare-page,
.insurance-page,
.kfz-page {
  width: min(var(--yop-container), calc(100% - 32px)) !important;
  margin-inline: auto !important;
  padding: clamp(36px, 6vw, 72px) 0 !important;
  background: transparent !important;
  color: var(--yop-text) !important;
}

.compare-button-dock,
.compare-hub-hero,
.compare-hub-card,
.compare-hub-quick,
.portal-topbar,
.portal-hero-card,
.portal-filter-card,
.portal-offer-row,
.portal-empty,
.insurance-topbar,
.insurance-hero,
.insurance-compare-card,
.insurance-need-box,
.insurance-step-grid article,
.insurance-product-card,
.insurance-stage-grid article,
.insurance-overview,
.insurance-guide,
.insurance-result-hero,
.insurance-result-form,
.insurance-result-benefits,
.insurance-summary-card,
.insurance-offers article,
.kfz-topbar,
.kfz-note,
.kfz-form-frame,
.kfz-choice-card,
.kfz-info-box,
.kfz-model-db,
.kfz-trust-strip > div {
  background: rgba(255,255,255,.92) !important;
  border: 1px solid var(--yop-border) !important;
  color: var(--yop-text) !important;
  box-shadow: var(--yop-shadow-soft) !important;
}

.compare-hub-hero,
.portal-hero-card,
.insurance-hero,
.insurance-result-hero,
.kfz-form-frame {
  border-radius: var(--yop-radius-xl) !important;
  padding: clamp(1.5rem, 4vw, 3rem) !important;
}

.compare-button-dock,
.compare-hub-card,
.compare-hub-quick,
.portal-topbar,
.portal-filter-card,
.portal-offer-row,
.portal-empty,
.insurance-topbar,
.insurance-compare-card,
.insurance-need-box,
.insurance-step-grid article,
.insurance-product-card,
.insurance-stage-grid article,
.insurance-overview,
.insurance-guide,
.insurance-result-form,
.insurance-result-benefits,
.insurance-summary-card,
.insurance-offers article,
.kfz-topbar,
.kfz-note,
.kfz-choice-card,
.kfz-info-box,
.kfz-model-db,
.kfz-trust-strip > div {
  border-radius: var(--yop-radius-lg) !important;
  padding: 1.2rem !important;
}

.compare-hub-hero,
.portal-compare-grid,
.insurance-hero,
.insurance-result-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.25fr) minmax(300px, .75fr) !important;
  gap: 1.25rem !important;
  align-items: stretch !important;
}

.compare-button-dock,
.compare-hub-grid,
.insurance-step-grid,
.insurance-product-grid,
.insurance-stage-grid,
.insurance-offer-grid,
.kfz-choice-row,
.kfz-trust-strip {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
  gap: 1rem !important;
}

.compare-hub-search,
.portal-search,
.insurance-compare-card,
.insurance-result-form form,
.kfz-form {
  display: grid !important;
  gap: .85rem !important;
}

.compare-hub-search {
  grid-template-columns: minmax(0, 1fr) 240px auto !important;
  background: rgba(37, 99, 255, .06) !important;
  border: 1px solid rgba(37, 99, 255, .14) !important;
  border-radius: var(--yop-radius-lg) !important;
  padding: .85rem !important;
}

.portal-search {
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)) !important;
  background: rgba(37, 99, 255, .06) !important;
  border: 1px solid rgba(37, 99, 255, .14) !important;
  border-radius: var(--yop-radius-lg) !important;
  padding: .85rem !important;
}

.compare-hub-search input,
.compare-hub-search select,
.portal-search input,
.portal-search select,
.insurance-page input,
.insurance-page select,
.kfz-page input,
.kfz-page select {
  min-height: 52px !important;
  border-radius: 16px !important;
  padding: .85rem 1rem !important;
  background: #fff !important;
  color: var(--yop-text) !important;
  border: 1px solid var(--yop-border) !important;
}

.compare-hub-search button,
.compare-hub-card,
.compare-hub-quick a,
.portal-search button,
.portal-offer-row a,
.portal-mini-filter button,
.insurance-page button,
.insurance-page a:not(.insurance-brand):not(.insurance-home),
.kfz-page button,
.kfz-login {
  background: linear-gradient(135deg, var(--yop-primary), #7C3AED) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 16px !important;
  min-height: 50px !important;
  padding: .85rem 1.15rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  font-weight: 650 !important;
  box-shadow: 0 14px 34px rgba(37, 99, 255, .20) !important;
}

.compare-button-dock a,
.portal-topbar nav a,
.insurance-topbar nav a,
.kfz-menu {
  background: #fff !important;
  color: var(--yop-primary) !important;
  border: 1px solid var(--yop-border) !important;
  border-radius: var(--yop-radius-pill) !important;
  padding: .65rem .9rem !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

.portal-offer-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto minmax(180px, .6fr) auto auto !important;
  gap: 1rem !important;
  align-items: center !important;
}

.portal-feature-list,
.insurance-trust-row,
.kfz-radio-group {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .55rem !important;
}

.portal-feature-list small,
.insurance-trust-row span,
.kfz-radio-group label,
.portal-rating {
  background: #f8fafc !important;
  border: 1px solid var(--yop-border) !important;
  border-radius: var(--yop-radius-pill) !important;
  color: var(--yop-muted) !important;
  padding: .45rem .7rem !important;
}

/* Yop-Agri enterprise light migration */
.agri-page {
  width: min(var(--yop-container), calc(100% - 32px)) !important;
  margin-inline: auto !important;
  padding: clamp(36px, 6vw, 72px) 0 !important;
  background: transparent !important;
  color: var(--yop-text) !important;
  font-family: var(--yop-font) !important;
}

.agri-estate-topbar,
.agri-estate-hero,
.agri-hero-panel,
.agri-estate-filter-form,
.agri-start-box,
.agri-top-products,
.agri-price-compare,
.agri-category-card,
.agri-empty-state {
  background: rgba(255, 255, 255, .94) !important;
  border: 1px solid var(--yop-border) !important;
  color: var(--yop-text) !important;
  box-shadow: var(--yop-shadow-soft) !important;
}

.agri-estate-topbar,
.agri-estate-hero,
.agri-start-box,
.agri-top-products,
.agri-price-compare,
.agri-empty-state {
  border-radius: var(--yop-radius-xl) !important;
  padding: clamp(1.2rem, 3vw, 2.4rem) !important;
}

.agri-estate-topbar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 1rem !important;
  margin-bottom: 1rem !important;
}

.agri-estate-nav,
.agri-chip-row,
.agri-offer-tabs,
.agri-compare-header,
.agri-payment-tags {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .65rem !important;
  align-items: center !important;
}

.agri-estate-nav a,
.agri-chip,
.agri-offer-tabs a,
.agri-compare-header a,
.agri-payment-tags span {
  background: #fff !important;
  border: 1px solid var(--yop-border) !important;
  color: var(--yop-primary) !important;
  border-radius: var(--yop-radius-pill) !important;
  padding: .55rem .8rem !important;
  text-decoration: none !important;
  font-weight: 650 !important;
}

.agri-chip.active,
.agri-offer-tabs a.active {
  background: var(--yop-gradient-primary) !important;
  color: #fff !important;
  border-color: transparent !important;
}

.agri-logo-image {
  width: 120px !important;
  max-height: 58px !important;
  object-fit: contain !important;
}

.agri-estate-hero {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(320px, .9fr) !important;
  gap: 1.25rem !important;
}

.agri-hero-panel {
  border-radius: var(--yop-radius-lg) !important;
  padding: clamp(1.4rem, 4vw, 3rem) !important;
}

.agri-page h1,
.agri-page h2,
.agri-page h3 {
  color: var(--yop-text) !important;
  font-weight: 760 !important;
  letter-spacing: -.04em !important;
}

.agri-page p,
.agri-page small,
.agri-page span {
  color: var(--yop-muted) !important;
}

.agri-page .eyebrow {
  display: inline-flex !important;
  width: max-content !important;
  color: var(--yop-primary) !important;
  background: rgba(37, 99, 255, .08) !important;
  border: 1px solid rgba(37, 99, 255, .14) !important;
  border-radius: var(--yop-radius-pill) !important;
  padding: .45rem .75rem !important;
  font-weight: 750 !important;
  text-transform: uppercase !important;
}

.agri-estate-filter-form {
  display: grid !important;
  gap: .85rem !important;
  border-radius: var(--yop-radius-lg) !important;
  padding: 1rem !important;
}

.agri-estate-filter-form input,
.agri-estate-filter-form select {
  min-height: 52px !important;
  border-radius: 16px !important;
  border: 1px solid var(--yop-border) !important;
  background: #fff !important;
  color: var(--yop-text) !important;
  padding: .85rem 1rem !important;
}

.agri-estate-filter-form button,
.agri-shop-button {
  min-height: 48px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: var(--yop-gradient-primary) !important;
  color: #fff !important;
  padding: .8rem 1.1rem !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  box-shadow: 0 14px 30px rgba(37, 99, 255, .20) !important;
}

.agri-compare-layout {
  display: grid !important;
  grid-template-columns: 300px minmax(0, 1fr) !important;
  gap: 1.25rem !important;
  margin-top: 1.25rem !important;
}

.agri-top-products article,
.agri-compare-row {
  background: rgba(248, 250, 252, .88) !important;
  border: 1px solid var(--yop-border) !important;
  border-radius: 18px !important;
  color: var(--yop-text) !important;
  box-shadow: none !important;
}

.agri-top-products article {
  display: grid !important;
  grid-template-columns: auto auto 1fr !important;
  gap: .75rem !important;
  align-items: center !important;
  padding: .8rem !important;
  margin-bottom: .65rem !important;
}

.agri-top-thumb {
  width: 44px !important;
  height: 44px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 14px !important;
  background: rgba(37, 99, 255, .10) !important;
  color: var(--yop-primary) !important;
  font-weight: 800 !important;
}

.agri-compare-table-head,
.agri-compare-row {
  display: grid !important;
  grid-template-columns: minmax(220px, 1.25fr) minmax(150px, .8fr) minmax(140px, .75fr) minmax(150px, .8fr) minmax(150px, .8fr) auto !important;
  gap: 1rem !important;
  align-items: center !important;
}

.agri-compare-table-head {
  padding: .8rem 1rem !important;
  color: var(--yop-muted) !important;
  font-weight: 750 !important;
}

.agri-compare-row {
  padding: 1rem !important;
  margin-bottom: .8rem !important;
}

.agri-offer-name a,
.agri-offer-price strong,
.agri-shop-rating strong,
.agri-top-products strong,
.agri-top-products b {
  color: var(--yop-text) !important;
}

.agri-offer-price em {
  display: inline-flex !important;
  margin-top: .35rem !important;
  border-radius: var(--yop-radius-pill) !important;
  background: rgba(34, 197, 94, .12) !important;
  color: #15803d !important;
  padding: .3rem .55rem !important;
  font-style: normal !important;
  font-weight: 700 !important;
}

.agri-category-section {
  margin-top: clamp(32px, 6vw, 72px) !important;
}

.agri-category-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)) !important;
  gap: 1rem !important;
}

.agri-category-card {
  border-radius: var(--yop-radius-lg) !important;
  padding: 1.2rem !important;
}

.agri-category-card span {
  display: inline-grid !important;
  place-items: center !important;
  width: 46px !important;
  height: 46px !important;
  border-radius: 15px !important;
  background: rgba(37, 99, 255, .10) !important;
  color: var(--yop-primary) !important;
  font-size: .9rem !important;
  font-weight: 800 !important;
}

@media (max-width: 900px) {
  .enterprise-hero { grid-template-columns: 1fr; min-height: auto; }
  .mockup-body { grid-template-columns: 1fr; }
  .mockup-cards { grid-template-columns: 1fr; }
  .enterprise-section-head { display: grid; }
  .enterprise-newsletter { grid-template-columns: 1fr; }
  .enterprise-newsletter form { flex-direction: column; }
  .jobs-search,
  .jobs-layout,
  .profis-hero,
  .profis-request-shell,
  .profis-detail-grid,
  .profis-search,
  .profis-form-grid,
  .ads-hero,
  .ads-results-section,
  .ads-listing-card,
  .reise-hero,
  .reise-search,
  .reise-offer-card,
  .compare-hub-hero,
  .compare-hub-search,
  .portal-compare-grid,
  .portal-offer-row,
  .insurance-hero,
  .insurance-result-grid,
  .education-page .enterprise-hero,
  .enterprise-search-wide,
  .enterprise-detail-page,
  .agri-estate-hero,
  .agri-compare-layout,
  .agri-compare-table-head,
  .agri-compare-row {
    grid-template-columns: 1fr !important;
  }
  .reise-search .wide {
    grid-column: auto !important;
  }
  .job-detail-panel {
    position: static !important;
  }
  .ads-filter-card {
    position: static !important;
  }
}