/* Approved Corporate typography pass.
   Hero and FAQ are intentionally excluded from this first implementation batch. */
body#angroos-site .site-shell main.corporate-page > section:not(.corporate-hero):not(.corporate-faq) .corporate-section-heading > h2,
body#angroos-site .site-shell main.corporate-page > .corporate-client-wall > h2,
body#angroos-site .site-shell main.corporate-page .corporate-product-browser-title,
body#angroos-site .site-shell main.corporate-page > .corporate-brand-studio > header > h2,
body#angroos-site .site-shell main.corporate-page .corporate-studio-heading > div > h2,
body#angroos-site .site-shell main.corporate-page .corporate-location-introduction > h2,
body#angroos-site .site-shell main.corporate-page > .corporate-enquiry-section .corporate-enquiry-intro > h2 {
  font-family: var(--ds-font-display, var(--font-geist), Arial, sans-serif) !important;
  font-size: 26px !important;
  font-weight: 500 !important;
  line-height: 1.02 !important;
  letter-spacing: -.045em !important;
}

/* Approved v2 client wall, promoted unchanged to the main Corporate route. */
body#angroos-site .site-shell main.corporate-page > .corporate-client-wall {
  margin: 0 auto !important;
  padding: 24px 28px !important;
  border: 1px solid #d8d3c7 !important;
  border-radius: 22px !important;
  background: #fffdf9 !important;
}

body#angroos-site .site-shell main.corporate-page > .corporate-client-wall > h2 {
  margin: 0 0 14px !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  line-height: 1.02 !important;
}

/* Approved Corporate finishing pass: text tabs, Home-style rail actions and
   the shared section-heading scale. Hero and section structures stay intact. */
body#angroos-site .site-shell main.corporate-page :is(
  .corporate-product-browser-tabs,
  .corporate-planning-tabs
) {
  display: flex !important;
  align-items: flex-end !important;
  gap: 28px !important;
  width: 100% !important;
  padding: 0 !important;
  overflow-x: auto !important;
  border: 0 !important;
  border-bottom: 1px solid #e3d8c7 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  scrollbar-width: none;
}

body#angroos-site .site-shell main.corporate-page :is(
  .corporate-product-browser-tabs,
  .corporate-planning-tabs
)::-webkit-scrollbar {
  display: none;
}

body#angroos-site .site-shell main.corporate-page :is(
  .corporate-product-browser-tabs,
  .corporate-planning-tabs
) > button {
  box-sizing: border-box !important;
  flex: 0 0 auto !important;
  min-width: 0 !important;
  min-height: 40px !important;
  margin: 0 0 -1px !important;
  padding: 8px 0 10px !important;
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #756c60 !important;
  font-size: 13px !important;
  font-weight: 580 !important;
  line-height: 1.4 !important;
  white-space: nowrap !important;
}

body#angroos-site .site-shell main.corporate-page .corporate-planning-tabs > button > span {
  font: inherit !important;
}

body#angroos-site .site-shell main.corporate-page #corporate-gift-sets [role="tablist"] > button[role="tab"] {
  font-family: var(--font-geist), Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

/* Keep all Corporate form values and dropdown choices on one compact UI scale. */
body#angroos-site .site-shell main.corporate-page > :not(.corporate-hero) :is(
  input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
  textarea,
  select,
  .angroos-select-trigger,
  .angroos-select-menu > button,
  .angroos-date-trigger
) {
  font-family: var(--font-geist), Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;
}

body#angroos-site .site-shell main.corporate-page > :not(.corporate-hero) :is(
  input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
  textarea
)::placeholder {
  font: inherit !important;
}

body#angroos-site .site-shell main.corporate-page #corporate-studio#corporate-studio input:not([type="checkbox"]):not([type="radio"]):not([type="file"]) {
  font-family: var(--font-geist), Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;
}

body#angroos-site .site-shell main.corporate-page #corporate-studio#corporate-studio input:not([type="checkbox"]):not([type="radio"]):not([type="file"])::placeholder {
  font: inherit !important;
}

/* Let Corporate dropdown options use their full labels without a horizontal rail. */
body#angroos-site .site-shell main.corporate-page .angroos-select-menu {
  width: max-content !important;
  min-width: 100% !important;
  max-width: calc(100vw - 32px) !important;
  overflow-x: hidden !important;
}

body#angroos-site .site-shell main.corporate-page .angroos-select-menu .angroos-select-option-label {
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

body#angroos-site .site-shell main.corporate-page :is(
  .field-row > label:last-child,
  #corporate-catalogue-filters > label:nth-child(n + 4)
) .angroos-select-menu {
  right: 0 !important;
  left: auto !important;
}

@media (min-width: 721px) {
  body#angroos-site .site-shell main.corporate-page .angroos-select-menu {
    max-height: 216px !important;
    overflow-y: auto !important;
  }

  body#angroos-site .site-shell main.corporate-page #corporate-studio .angroos-calendar-popover {
    width: min(260px, calc(100vw - 32px)) !important;
    padding: 10px !important;
    border-radius: 18px !important;
  }

  body#angroos-site .site-shell main.corporate-page #corporate-studio .angroos-calendar-popover > header {
    min-height: 32px !important;
    grid-template-columns: 32px 1fr 32px !important;
    gap: 4px !important;
  }

  body#angroos-site .site-shell main.corporate-page #corporate-studio .angroos-calendar-popover > header strong {
    font-size: 12px !important;
    font-weight: 600 !important;
  }

  body#angroos-site .site-shell main.corporate-page #corporate-studio .angroos-calendar-popover > header button {
    width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    font-size: 13px !important;
  }

  body#angroos-site .site-shell main.corporate-page #corporate-studio :is(
    .angroos-calendar-weekdays,
    .angroos-calendar-days
  ) {
    gap: 2px !important;
  }

  body#angroos-site .site-shell main.corporate-page #corporate-studio .angroos-calendar-weekdays {
    margin: 7px 0 4px !important;
  }

  body#angroos-site .site-shell main.corporate-page #corporate-studio .angroos-calendar-days > button {
    font-size: 11px !important;
    font-weight: 500 !important;
  }

  body#angroos-site .site-shell main.corporate-page #corporate-studio .angroos-calendar-popover > footer {
    margin-top: 8px !important;
    padding-top: 7px !important;
  }
}

/* Keep the Corporate programme title and rail arrows on one centred header line. */
body#angroos-site .site-shell main.corporate-page #corporate-solutions#corporate-solutions .corporate-solution-heading-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

body#angroos-site .site-shell main.corporate-page #corporate-solutions#corporate-solutions .corporate-solution-heading-row h2 {
  margin: 0 !important;
}

body#angroos-site .site-shell main.corporate-page #corporate-solutions#corporate-solutions .corporate-solution-heading-row > .corporate-section-heading {
  margin: 0 !important;
}

body#angroos-site .site-shell main.corporate-page #corporate-solutions#corporate-solutions .corporate-solution-toolbar {
  width: auto !important;
  min-height: 40px !important;
  padding: 0 !important;
}

@media (min-width: 721px) {
  body#angroos-site .site-shell main.corporate-page #corporate-solutions#corporate-solutions .corporate-solution-toolbar {
    gap: 8px !important;
    margin-right: 8px !important;
  }

  body#angroos-site .site-shell main.corporate-page #corporate-solutions#corporate-solutions .corporate-solution-grid > article {
    flex: 0 0 calc((100% - 48px) / 4.5) !important;
    min-width: calc((100% - 48px) / 4.5) !important;
  }
}

body#angroos-site .site-shell main.corporate-page :is(
  .corporate-product-browser-tabs,
  .corporate-planning-tabs
) > button.active {
  border-bottom-color: #9b6a25 !important;
  color: #211d18 !important;
}

body#angroos-site .site-shell main.corporate-page .corporate-product-browser .category-section-actions {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 16px !important;
  width: auto !important;
  white-space: nowrap !important;
}

body#angroos-site .site-shell main.corporate-page .corporate-product-browser .category-section-actions > .section-header-action {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

body#angroos-site .site-shell main.corporate-page .corporate-product-browser .category-section-actions > .section-header-action .icon-arrow {
  box-sizing: border-box !important;
  display: inline-grid !important;
  place-items: center !important;
  flex: 0 0 40px !important;
  width: 40px !important;
  min-width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 12px !important;
  border: 1px solid rgba(94, 79, 55, .22) !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, .48) !important;
}

body#angroos-site .site-shell main.corporate-page .corporate-product-browser .category-section-actions > .carousel-buttons {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding-left: 16px !important;
  border-left: 1px solid #ded7cb !important;
}

body#angroos-site .site-shell main.corporate-page > .corporate-faq .corporate-section-heading > h2 {
  font-size: 26px !important;
  font-weight: 500 !important;
  line-height: 1.04 !important;
  letter-spacing: -.045em !important;
}

@media (max-width: 720px) {
  body#angroos-site .site-shell main.corporate-page :is(
    .corporate-product-browser-tabs,
    .corporate-planning-tabs
  ) {
    gap: 24px !important;
  }

  body#angroos-site .site-shell main.corporate-page .corporate-product-browser .category-section-actions {
    gap: 8px !important;
  }

  body#angroos-site .site-shell main.corporate-page .corporate-product-browser .category-section-actions > .section-header-action {
    min-height: 30px !important;
  }

  body#angroos-site .site-shell main.corporate-page .corporate-product-browser .category-section-actions > .section-header-action .icon-arrow {
    flex-basis: 30px !important;
    width: 30px !important;
    min-width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    padding: 8px !important;
  }

  body#angroos-site .site-shell main.corporate-page > .corporate-faq .corporate-section-heading > h2 {
    font-size: 25px !important;
    line-height: 1.04 !important;
  }
}

/* Keep the planning showcase on the page canvas; only its occasion cards
   should carry filled surfaces. */
body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page > .corporate-planning-window-showcase.corporate-planning-window-showcase {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

/* The lower occasion-card shadows overlap into a continuous grey band.
   Keep the cards defined by their own fill and border instead. */
body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page > .corporate-planning-window-showcase.corporate-planning-window-showcase > article + div,
body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page > .corporate-planning-window-showcase.corporate-planning-window-showcase > article + div > [role="list"] {
  background: transparent !important;
  background-image: none !important;
}

body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page > .corporate-planning-window-showcase.corporate-planning-window-showcase [class*="showcaseRail"] > article {
  box-shadow: none !important;
}

body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page > .corporate-planning-window-showcase.corporate-planning-window-showcase > article {
  box-shadow: none !important;
}

/* A quiet warm-ivory surface distinguishes the enquiry and portfolio panels
   from the page canvas without bringing back the previous grey treatment. */
body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page > #corporate-enquiry#corporate-enquiry .enquiry-card,
body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page > .corporate-portfolio.corporate-portfolio .corporate-brochure {
  background: linear-gradient(145deg, rgba(255, 255, 253, .9), rgba(250, 247, 240, .82)) !important;
  background-color: #fbf8f1 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

/* Carry the approved Project Brief surface into the catalogue delivery dialog. */
body#angroos-site#angroos-site .corporate-catalogue-request-dialog.corporate-catalogue-request-dialog > .corporate-dialog-shell.catalogue-request {
  background: linear-gradient(145deg, rgba(255, 255, 253, .9), rgba(250, 247, 240, .82)) !important;
  background-color: #fbf8f1 !important;
}

body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page > .corporate-portfolio.corporate-portfolio .corporate-brochure {
  background: linear-gradient(100deg, rgba(235, 222, 197, .5), rgba(255, 253, 248, .2)) !important;
  background-color: transparent !important;
}

body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page > #corporate-enquiry#corporate-enquiry .enquiry-card::before,
body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page > .corporate-portfolio.corporate-portfolio .corporate-brochure::before,
body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page > .corporate-portfolio.corporate-portfolio .corporate-brochure::after {
  content: none !important;
}

body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page > #corporate-enquiry#corporate-enquiry .enquiry-card :is(
  input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
  .angroos-select-trigger
) {
  border-radius: 999px !important;
}

/* Portfolio viewer toolbar: readable hierarchy with the same compact control
   scale used across the approved corporate interface. */
body#angroos-site#angroos-site .portfolio-modal .portfolio-modal-head {
  box-sizing: border-box !important;
  min-height: 60px !important;
  padding: 11px 16px 11px 20px !important;
  gap: 16px !important;
  border-bottom: 1px solid rgba(151, 111, 51, .22) !important;
}

body#angroos-site#angroos-site .portfolio-modal .portfolio-modal-head strong {
  font-family: var(--font-geist), Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  letter-spacing: -.02em !important;
}

body#angroos-site#angroos-site .portfolio-modal .portfolio-modal-head > div:first-child > span {
  margin-top: 3px !important;
  font-family: var(--font-geist), Arial, sans-serif !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
}

body#angroos-site#angroos-site .portfolio-modal .portfolio-modal-head > div:last-child {
  gap: 8px !important;
}

body#angroos-site#angroos-site .portfolio-modal .portfolio-modal-head a {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  font-family: var(--font-geist), Arial, sans-serif !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

body#angroos-site#angroos-site .portfolio-modal .portfolio-modal-head button {
  box-sizing: border-box !important;
  display: grid !important;
  place-items: center !important;
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  font-family: var(--font-geist), Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
}

body#angroos-site#angroos-site .portfolio-modal iframe {
  height: calc(100% - 60px) !important;
}

@media (max-width: 600px) {
  body#angroos-site#angroos-site .portfolio-modal .portfolio-modal-head {
    min-height: 56px !important;
    padding: 9px 10px 9px 12px !important;
    gap: 8px !important;
  }

  body#angroos-site#angroos-site .portfolio-modal .portfolio-modal-head > div:first-child {
    min-width: 0 !important;
  }

  body#angroos-site#angroos-site .portfolio-modal .portfolio-modal-head strong {
    max-width: none !important;
    overflow: hidden !important;
    font-size: 14px !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body#angroos-site#angroos-site .portfolio-modal .portfolio-modal-head > div:first-child > span {
    display: block !important;
    overflow: hidden !important;
    font-size: 9px !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body#angroos-site#angroos-site .portfolio-modal .portfolio-modal-head a {
    padding-inline: 0 !important;
  }

  body#angroos-site#angroos-site .portfolio-modal iframe {
    height: calc(100% - 56px) !important;
  }
}

/* Keep the trust proof content and circular check, without a surrounding pill.
   The repeated ids intentionally outrank the shared mobile-hero pill rule. */
body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page .corporate-hero-v2.standard-page-hero .corporate-hero-proof {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  padding: 0 !important;
  backdrop-filter: none !important;
}

@media (max-width: 720px) {
  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page .corporate-hero-v2.standard-page-hero .corporate-hero-copy > p {
    display: none !important;
  }

  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page .corporate-hero-v2.standard-page-hero .corporate-hero-actions {
    margin-top: 6px !important;
  }

  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page .corporate-hero-v2.standard-page-hero .corporate-hero-proof {
    margin-top: 8px !important;
  }

  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page h2 {
    font-size: 20px !important;
  }
}


/* Final Corporate form type contract: values, placeholders and dropdown choices. */
body#angroos-site .site-shell main.corporate-page > :not(.corporate-hero) :is(
  input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
  textarea,
  select,
  .angroos-select-trigger,
  .angroos-select-menu > button,
  .angroos-date-trigger
) {
  font-family: var(--font-geist), Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;
}

body#angroos-site .site-shell main.corporate-page > :not(.corporate-hero) :is(
  input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
  textarea
)::placeholder {
  font: inherit !important;
}

/* Keep grouped composer choices compact rather than pill-shaped. */
body#angroos-site .site-shell main.corporate-page > #corporate-studio :is(
  .corporate-format-choice > button,
  .corporate-link-upload
) {
  border-radius: 12px !important;
}

/* The later-occasion rail no longer needs a redundant left-side heading. */
body#angroos-site .site-shell main.corporate-page .corporate-planning-window-showcase [class*="showcaseLaterHeading"] {
  justify-content: flex-end !important;
}

/* Use the exact Home hero headline palette without altering Corporate hero geometry. */
body#angroos-site .site-shell main.corporate-page > .corporate-hero-v2:first-of-type .corporate-hero-copy > h1 {
  color: #15140f !important;
}

body#angroos-site .site-shell main.corporate-page > .corporate-hero-v2:first-of-type .corporate-hero-copy > h1 > em {
  color: #a47a2d !important;
}

/* Remove the two outer section dividers called out around planning and FAQ. */
body#angroos-site .site-shell main.corporate-page > .corporate-location-links {
  border-top: 0 !important;
}

body#angroos-site .site-shell main.corporate-page > #corporate-enquiry {
  border-bottom: 0 !important;
}

/* Standardise the three Corporate tab groups on one readable label scale. */
body#angroos-site .site-shell main.corporate-page :is(
  .corporate-product-browser-tabs > button,
  .corporate-planning-tabs > button,
  #corporate-gift-sets [role="tablist"] > button
) {
  font-family: var(--font-geist), Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

body#angroos-site .site-shell main.corporate-page .corporate-planning-tabs > button > span {
  font: inherit !important;
}

body#angroos-site .site-shell main.corporate-page > section:not(.corporate-hero):not(.corporate-faq) .corporate-section-heading > p,
body#angroos-site .site-shell main.corporate-page > .corporate-brand-studio > header > p,
body#angroos-site .site-shell main.corporate-page .corporate-studio-heading > div > p,
body#angroos-site .site-shell main.corporate-page .corporate-location-introduction > p,
body#angroos-site .site-shell main.corporate-page > .corporate-enquiry-section .corporate-enquiry-intro > p {
  font-family: var(--ds-font-ui, var(--font-geist), Arial, sans-serif) !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
}

@media (max-width: 720px) {
  body#angroos-site .site-shell main.corporate-page > section:not(.corporate-hero):not(.corporate-faq) .corporate-section-heading > h2,
  body#angroos-site .site-shell main.corporate-page > .corporate-client-wall > h2,
  body#angroos-site .site-shell main.corporate-page .corporate-product-browser-title,
  body#angroos-site .site-shell main.corporate-page > .corporate-brand-studio > header > h2,
  body#angroos-site .site-shell main.corporate-page .corporate-studio-heading > div > h2,
  body#angroos-site .site-shell main.corporate-page .corporate-location-introduction > h2,
  body#angroos-site .site-shell main.corporate-page > .corporate-enquiry-section .corporate-enquiry-intro > h2 {
    font-size: 25px !important;
    font-weight: 500 !important;
    line-height: 1.04 !important;
  }

  body#angroos-site .site-shell main.corporate-page > section:not(.corporate-hero):not(.corporate-faq) .corporate-section-heading > p,
  body#angroos-site .site-shell main.corporate-page > .corporate-brand-studio > header > p,
  body#angroos-site .site-shell main.corporate-page .corporate-studio-heading > div > p,
  body#angroos-site .site-shell main.corporate-page .corporate-location-introduction > p,
  body#angroos-site .site-shell main.corporate-page > .corporate-enquiry-section .corporate-enquiry-intro > p {
    font-size: 11px !important;
    line-height: 1.55 !important;
  }
}

/* Complete approved Corporate control and content pass.
   This file never targets .corporate-hero or its descendants. */
body#angroos-site .site-shell main.corporate-page {
  --corporate-refine-heading: 26px;
  --corporate-refine-copy: 12px;
  --corporate-refine-control: 40px;
  --corporate-refine-arrow: 40px;
  --corporate-refine-panel-radius: 26px;
  --corporate-refine-card-radius: 24px;
  --corporate-refine-gap: 12px;
}

body#angroos-site .site-shell main.corporate-page > :not(.corporate-hero),
body#angroos-site .site-shell main.corporate-page > :not(.corporate-hero) :is(button, input, select, textarea) {
  font-family: var(--ds-font-ui, var(--font-geist), Arial, sans-serif);
}

/* Supporting typography inside existing columns and cards. */
body#angroos-site .site-shell main.corporate-page > :not(.corporate-hero) :is(
  .corporate-category-copy h3,
  .corporate-proof-grid strong,
  .corporate-process-card h3,
  .corporate-enquiry-benefits strong,
  .corporate-location-featured a,
  .brochure-proof strong
) {
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  letter-spacing: -.02em !important;
}

body#angroos-site .site-shell main.corporate-page > :not(.corporate-hero) :is(
  .corporate-category-copy p,
  .corporate-proof-status p,
  .corporate-process-card p,
  .corporate-enquiry-benefits small,
  .corporate-location-worldwide p,
  .brochure-copy > p
) {
  font-size: var(--corporate-refine-copy) !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
}

/* Tabs: product collections, planning modes and the approved gift-set browser. */
body#angroos-site .site-shell main.corporate-page .corporate-product-browser-tabs button {
  min-height: var(--corporate-refine-control) !important;
  padding-inline: 18px !important;
  border-radius: 999px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
}

body#angroos-site .site-shell main.corporate-page .corporate-planning-tabs button {
  min-height: var(--corporate-refine-control) !important;
  padding: 0 17px !important;
  border-radius: 999px !important;
}

body#angroos-site .site-shell main.corporate-page .corporate-planning-tabs button span {
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
}

body#angroos-site .site-shell main.corporate-page > #corporate-gift-sets [role="tablist"] button {
  min-height: var(--corporate-refine-control) !important;
  padding: 7px 0 11px !important;
  border-radius: 0 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
}

/* Shared Home/My Account control proportions. */
body#angroos-site .site-shell main.corporate-page > :not(.corporate-hero) :is(
  a.button,
  button.button,
  .corporate-proof-status > button,
  .corporate-studio-outline,
  .brochure-actions > a,
  .brochure-actions > button
) {
  box-sizing: border-box !important;
  min-height: var(--corporate-refine-control) !important;
  height: var(--corporate-refine-control) !important;
  padding: 0 18px !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
}

body#angroos-site .site-shell main.corporate-page > :not(.corporate-hero) :is(
  .corporate-solution-toolbar,
  .carousel-buttons,
  .category-section-actions
) button {
  box-sizing: border-box !important;
  display: inline-grid !important;
  place-items: center !important;
  flex: 0 0 var(--corporate-refine-arrow) !important;
  width: var(--corporate-refine-arrow) !important;
  min-width: var(--corporate-refine-arrow) !important;
  height: var(--corporate-refine-arrow) !important;
  min-height: var(--corporate-refine-arrow) !important;
  padding: 0 !important;
  border-radius: 50% !important;
}

body#angroos-site .site-shell main.corporate-page > :not(.corporate-hero) :is(
  .corporate-solution-toolbar,
  .carousel-buttons,
  .category-section-actions
) button :is(svg, .direction-arrow) {
  width: 14px !important;
  height: 14px !important;
}

body#angroos-site .site-shell main.corporate-page .section-header-action {
  gap: 8px !important;
  min-height: var(--corporate-refine-control) !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
}

body#angroos-site .site-shell main.corporate-page .section-header-action .icon-arrow {
  width: 14px !important;
  height: 14px !important;
}

body#angroos-site .site-shell main.corporate-page > #corporate-enquiry.corporate-enquiry-section .enquiry-card form > button.button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  justify-self: start !important;
  align-self: start !important;
  width: 185px !important;
  min-width: 185px !important;
  max-width: 100% !important;
}

/* Maximum edges belong to standalone cards/columns, not outer sections. */
body#angroos-site .site-shell main.corporate-page > :not(.corporate-hero) :is(
  .corporate-solution-grid > article,
  .corporate-proof-grid > article,
  .corporate-process-card,
  .corporate-enquiry-benefits > article,
  .product-card,
  .brochure-proof > span
) {
  border-radius: var(--corporate-refine-card-radius) !important;
}

/* Keep all current column counts; only correct rhythm and edge alignment. */
body#angroos-site .site-shell main.corporate-page :is(
  .corporate-solution-heading-row,
  .corporate-product-browser > header,
  .corporate-studio-heading,
  .corporate-location-introduction
) {
  column-gap: 24px !important;
  align-items: flex-end !important;
}

body#angroos-site .site-shell main.corporate-page :is(
  .corporate-solution-grid,
  .corporate-proof-grid,
  .corporate-process-row,
  .corporate-enquiry-benefits
) {
  gap: var(--corporate-refine-gap) !important;
}

body#angroos-site .site-shell main.corporate-page :is(
  .corporate-solution-grid,
  .corporate-proof-grid,
  .corporate-process-row,
  .product-grid
) > * {
  min-width: 0 !important;
}

/* FAQ follows the Home accordion scale without changing its structure. */
body#angroos-site .site-shell main.corporate-page > .corporate-faq .corporate-section-heading > h2 {
  font-size: 38.5px !important;
  font-weight: 500 !important;
  line-height: 1.04 !important;
  letter-spacing: -.045em !important;
}

body#angroos-site .site-shell main.corporate-page .corporate-faq-list details {
  border-radius: 18px !important;
}

body#angroos-site .site-shell main.corporate-page .corporate-faq-list summary {
  box-sizing: border-box !important;
  min-height: 64px !important;
  padding: 14px 4px !important;
  gap: 18px !important;
}

body#angroos-site .site-shell main.corporate-page .corporate-faq-list summary > span {
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
}

body#angroos-site .site-shell main.corporate-page .corporate-faq-list summary > b {
  box-sizing: border-box !important;
  display: grid !important;
  place-items: center !important;
  flex: 0 0 24px !important;
  width: 24px !important;
  min-width: 24px !important;
  height: 24px !important;
  min-height: 24px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  font-size: 14px !important;
  line-height: 1 !important;
}

body#angroos-site .site-shell main.corporate-page .corporate-faq-list details > p {
  margin-right: 42px !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;
}

/* Final consistency audit: legacy controls and repeated columns that retain
   older dimensions after the main Corporate pass. */
body#angroos-site .site-shell main.corporate-page > .corporate-hero-quick-links > a {
  box-sizing: border-box !important;
  height: 100% !important;
  border-radius: var(--corporate-refine-card-radius) !important;
}

body#angroos-site .site-shell main.corporate-page :is(
  .corporate-format-choice,
  .corporate-proof-grid,
  .corporate-process-row,
  .corporate-enquiry-benefits,
  .brochure-proof
) {
  align-items: stretch !important;
}

body#angroos-site .site-shell main.corporate-page .corporate-format-choice > button {
  box-sizing: border-box !important;
  align-self: stretch !important;
  min-height: 64px !important;
  height: 100% !important;
  border-radius: var(--corporate-refine-card-radius) !important;
}

body#angroos-site .site-shell main.corporate-page :is(
  .corporate-upload-row,
  .corporate-link-upload,
  .catalogue-builder-types > button,
  .catalogue-builder-product,
  .catalogue-builder-summary
) {
  box-sizing: border-box !important;
  border-radius: var(--corporate-refine-card-radius) !important;
}

body#angroos-site .site-shell main.corporate-page > :not(.corporate-hero) :is(
  input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
  select,
  .angroos-select-trigger,
  .angroos-date-trigger
) {
  box-sizing: border-box !important;
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  border-radius: 14px !important;
}

body#angroos-site .site-shell main.corporate-page > :not(.corporate-hero) textarea {
  box-sizing: border-box !important;
  border-radius: 14px !important;
}

body#angroos-site .site-shell main.corporate-page :is(
  .corporate-proof-grid > article,
  .corporate-process-row > article,
  .corporate-process-card,
  .corporate-enquiry-benefits > article,
  .brochure-proof > span
) {
  box-sizing: border-box !important;
  align-self: stretch !important;
  height: 100% !important;
}

body#angroos-site .site-shell main.corporate-page .corporate-proof-status > button {
  margin-top: auto !important;
}

body#angroos-site .site-shell main.corporate-page a[href="/account?workspace=corporate"] {
  box-sizing: border-box !important;
  min-height: 40px !important;
  height: 40px !important;
  padding: 0 18px !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
}

body#angroos-site .site-shell main.corporate-page :is(
  .catalogue-builder-type-controls,
  .catalogue-builder-preview-controls
) button {
  box-sizing: border-box !important;
  display: inline-grid !important;
  place-items: center !important;
  width: var(--corporate-refine-arrow) !important;
  min-width: var(--corporate-refine-arrow) !important;
  height: var(--corporate-refine-arrow) !important;
  min-height: var(--corporate-refine-arrow) !important;
  padding: 0 !important;
  border-radius: 50% !important;
}

@media (max-width: 720px) {
  body#angroos-site .site-shell main.corporate-page {
    --corporate-refine-heading: 25px;
    --corporate-refine-copy: 11px;
    --corporate-refine-control: 30px;
    --corporate-refine-arrow: 32px;
    --corporate-refine-panel-radius: 24px;
    --corporate-refine-card-radius: 20px;
    --corporate-refine-gap: 10px;
  }

  body#angroos-site .site-shell main.corporate-page > :not(.corporate-hero) :is(
    h2,
    .corporate-product-browser-title,
    .corporate-client-wall > h2
  ) {
    box-sizing: border-box !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    text-wrap: balance;
  }

  body#angroos-site .site-shell main.corporate-page > :not(.corporate-hero) {
    min-width: 0 !important;
  }

  body#angroos-site .site-shell main.corporate-page > .corporate-client-wall > h2 {
    width: calc(100vw - 32px) !important;
    max-width: calc(100vw - 32px) !important;
    margin-inline: auto !important;
    padding-inline: 4px !important;
  }

  body#angroos-site .site-shell main.corporate-page > :not(.corporate-hero) :is(
    .corporate-category-copy h3,
    .corporate-proof-grid strong,
    .corporate-process-card h3,
    .corporate-enquiry-benefits strong,
    .corporate-location-featured a,
    .brochure-proof strong
  ) {
    font-size: 12px !important;
  }

  body#angroos-site .site-shell main.corporate-page .corporate-product-browser-tabs button {
    min-height: 30px !important;
    padding-inline: 10px !important;
    font-size: 11px !important;
  }

  body#angroos-site .site-shell main.corporate-page .corporate-planning-tabs button {
    min-height: 30px !important;
    padding-inline: 12px !important;
  }

  body#angroos-site .site-shell main.corporate-page .corporate-planning-tabs button span {
    font-size: 11px !important;
  }

  body#angroos-site .site-shell main.corporate-page > #corporate-gift-sets [role="tablist"] button {
    min-height: 30px !important;
    padding: 6px 0 8px !important;
    font-size: 10px !important;
  }

  body#angroos-site .site-shell main.corporate-page > #corporate-enquiry.corporate-enquiry-section .enquiry-card form > button.button {
    width: 160px !important;
    min-width: 160px !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    padding-block: 0 !important;
    font-size: 10px !important;
  }

  body#angroos-site .site-shell main.corporate-page > :not(.corporate-hero) :is(
    a.button,
    button.button,
    .corporate-proof-status > button,
    .corporate-studio-outline,
    .brochure-actions > a,
    .brochure-actions > button
  ) {
    min-height: 30px !important;
    height: 30px !important;
    padding-inline: 14px !important;
    font-size: 10px !important;
  }

  body#angroos-site .site-shell main.corporate-page :is(
    .corporate-solution-heading-row,
    .corporate-studio-heading,
    .corporate-location-introduction
  ) {
    align-items: flex-start !important;
    column-gap: 12px !important;
  }

  body#angroos-site .site-shell main.corporate-page > .corporate-faq .corporate-section-heading > h2 {
    font-size: 26px !important;
    line-height: 1.06 !important;
  }

  body#angroos-site .site-shell main.corporate-page .corporate-faq-list summary {
    min-height: 58px !important;
    padding: 12px 2px !important;
    gap: 12px !important;
  }

  body#angroos-site .site-shell main.corporate-page .corporate-faq-list summary > span {
    font-size: 12px !important;
  }

  body#angroos-site .site-shell main.corporate-page .corporate-faq-list details > p {
    margin-right: 30px !important;
    font-size: 12px !important;
  }

  body#angroos-site .site-shell main.corporate-page .corporate-format-choice > button {
    min-height: 58px !important;
  }

  body#angroos-site .site-shell main.corporate-page > :not(.corporate-hero) :is(
    input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
    select,
    .angroos-select-trigger,
    .angroos-date-trigger
  ) {
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    border-radius: 15px !important;
  }

  body#angroos-site .site-shell main.corporate-page > :not(.corporate-hero) textarea {
    border-radius: 15px !important;
  }

  body#angroos-site .site-shell main.corporate-page .corporate-faq-list details {
    border-radius: 16px !important;
  }

  body#angroos-site .site-shell main.corporate-page a[href="/account?workspace=corporate"] {
    min-height: 30px !important;
    height: 30px !important;
    padding-inline: 14px !important;
    font-size: 10px !important;
  }
}

/* Keep the promoted client wall identical to the approved v2 at every breakpoint. */
body#angroos-site .site-shell main.corporate-page > .corporate-client-wall > h2 {
  margin: 0 0 14px !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  line-height: 1.02 !important;
}

/* Final cascade guard for the approved text tabs and Home-style rail controls. */
body#angroos-site .site-shell main.corporate-page :is(.corporate-product-browser-tabs,.corporate-planning-tabs) {
  display:flex!important;align-items:flex-end!important;gap:28px!important;width:100%!important;padding:0!important;
  overflow-x:auto!important;border:0!important;border-bottom:1px solid #e3d8c7!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;scrollbar-width:none;
}
body#angroos-site .site-shell main.corporate-page :is(.corporate-product-browser-tabs,.corporate-planning-tabs)::-webkit-scrollbar{display:none}
body#angroos-site .site-shell main.corporate-page :is(.corporate-product-browser-tabs,.corporate-planning-tabs)>button {
  box-sizing:border-box!important;flex:0 0 auto!important;min-width:0!important;min-height:40px!important;
  margin:0 0 -1px!important;padding:8px 0 10px!important;border:0!important;border-bottom:2px solid transparent!important;
  border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#756c60!important;
  font-size:13px!important;font-weight:580!important;line-height:1.4!important;white-space:nowrap!important;
}
body#angroos-site .site-shell main.corporate-page .corporate-planning-tabs>button>span{font:inherit!important}
body#angroos-site .site-shell main.corporate-page :is(.corporate-product-browser-tabs,.corporate-planning-tabs)>button.active {
  border-bottom-color:#9b6a25!important;color:#211d18!important;
}
body#angroos-site .site-shell main.corporate-page .corporate-product-browser .category-section-actions {
  display:flex!important;flex-direction:row!important;align-items:center!important;gap:16px!important;width:auto!important;white-space:nowrap!important;
}
body#angroos-site .site-shell main.corporate-page .corporate-product-browser .category-section-actions>.section-header-action {
  display:inline-flex!important;align-items:center!important;gap:8px!important;min-height:40px!important;padding:0!important;
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transform:none!important;
}
body#angroos-site .site-shell main.corporate-page .corporate-product-browser .category-section-actions>.section-header-action .icon-arrow {
  box-sizing:border-box!important;display:inline-grid!important;place-items:center!important;flex:0 0 40px!important;
  width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;padding:12px!important;
  border:1px solid rgba(94,79,55,.22)!important;border-radius:50%!important;background:rgba(255,255,255,.48)!important;
}
body#angroos-site .site-shell main.corporate-page .corporate-product-browser .category-section-actions>.carousel-buttons {
  display:none!important;
}
body#angroos-site .site-shell main.corporate-page>.corporate-faq .corporate-section-heading>h2 {
  font-size:26px!important;font-weight:500!important;line-height:1.04!important;letter-spacing:-.045em!important;
}
@media (max-width:720px) {
  body#angroos-site .site-shell main.corporate-page :is(.corporate-product-browser-tabs,.corporate-planning-tabs){gap:24px!important}
  body#angroos-site .site-shell main.corporate-page .corporate-product-browser .category-section-actions{gap:8px!important}
  body#angroos-site .site-shell main.corporate-page .corporate-product-browser .category-section-actions>.section-header-action{min-height:30px!important}
  body#angroos-site .site-shell main.corporate-page .corporate-product-browser .category-section-actions>.section-header-action .icon-arrow {
    flex-basis:30px!important;width:30px!important;min-width:30px!important;height:30px!important;min-height:30px!important;padding:8px!important;
  }
  body#angroos-site .site-shell main.corporate-page>.corporate-faq .corporate-section-heading>h2{font-size:25px!important;line-height:1.04!important}
}

/* Exact Home View-all treatment for every Corporate section action. */
body#angroos-site .site-shell main.corporate-page .section-header-action {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 40px !important;
  height: 40px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #15140f !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  transform: none !important;
}

body#angroos-site .site-shell main.corporate-page .section-header-action .icon-arrow {
  box-sizing: border-box !important;
  display: inline-grid !important;
  place-items: center !important;
  flex: 0 0 36px !important;
  width: 36px !important;
  min-width: 36px !important;
  height: 36px !important;
  min-height: 36px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid rgba(94, 79, 55, .22) !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, .48) !important;
  color: #15140f !important;
}

body#angroos-site .site-shell main.corporate-page .corporate-product-browser .category-section-actions > .section-header-action {
  gap: 10px !important;
  min-height: 40px !important;
  height: 40px !important;
}

body#angroos-site .site-shell main.corporate-page .corporate-product-browser .category-section-actions > .section-header-action .icon-arrow {
  flex-basis: 36px !important;
  width: 36px !important;
  min-width: 36px !important;
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 !important;
}

/* Product headers use only the Home-style View-all action. */
body#angroos-site .site-shell main.corporate-page .category-section-actions > .carousel-buttons {
  display: none !important;
}

@media (min-width: 721px) {
  body#angroos-site .site-shell main.corporate-page > #corporate-gift-sets > [role="tabpanel"] > section > header {
    top: 36px !important;
    right: 40px !important;
  }
}

body#angroos-site .site-shell main.corporate-page .corporate-portfolio .brochure-proof > span {
  border-radius: 12px !important;
}

/* Match the Build-a-catalogue canvas to the adjacent OO AI planning panel. */
body#angroos-site .site-shell main.corporate-page > #corporate-catalogue {
  background: transparent !important;
  box-shadow: none !important;
}

/* Keep catalogue navigation and its primary action on the light control palette. */
body#angroos-site .site-shell main.corporate-page > #corporate-catalogue :is(
  .catalogue-builder-type-controls,
  .catalogue-builder-preview-controls
) > button.next,
body#angroos-site .site-shell main.corporate-page > #corporate-catalogue .catalogue-builder-summary .button {
  border-color: rgba(151, 111, 51, .34) !important;
  background: #fffdf8 !important;
  color: #493b2b !important;
  box-shadow: none !important;
}

body#angroos-site .site-shell main.corporate-page > #corporate-catalogue :is(
  .catalogue-builder-type-controls,
  .catalogue-builder-preview-controls
) > button.next:hover,
body#angroos-site .site-shell main.corporate-page > #corporate-catalogue .catalogue-builder-summary .button:hover {
  background: #f7f1e7 !important;
}

/* Catalogue filters are standalone controls; product-type choices stay compact. */
body#angroos-site .site-shell main.corporate-page > #corporate-catalogue #corporate-catalogue-filters :is(
  select,
  .angroos-select-trigger
) {
  border-radius: 999px !important;
}

body#angroos-site .site-shell main.corporate-page > #corporate-catalogue #corporate-catalogue-type-rail > button {
  border-radius: 12px !important;
}

body#angroos-site .site-shell main.corporate-page > #corporate-catalogue .catalogue-builder-types-shell {
  grid-template-columns: minmax(0, 1fr) !important;
}

body#angroos-site .site-shell main.corporate-page > #corporate-catalogue .corporate-catalogue-heading {
  padding-right: 104px !important;
}

body#angroos-site .site-shell main.corporate-page > #corporate-catalogue .catalogue-builder-type-controls {
  position: absolute !important;
  top: 27px !important;
  right: 24px !important;
  transform: none !important;
}

@media (max-width: 720px) {
  body#angroos-site .site-shell main.corporate-page > #corporate-catalogue .corporate-catalogue-heading {
    padding-right: 76px !important;
  }

  body#angroos-site .site-shell main.corporate-page > #corporate-catalogue .catalogue-builder-type-controls {
    top: 22px !important;
    right: 14px !important;
    padding-right: 0 !important;
  }
}

/* Keep the product-collection title and View all action on one balanced mobile row. */
@media (max-width: 720px) {
  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page .corporate-product-browser-title {
    padding-right: 46px !important;
  }

  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page .corporate-product-browser > [role="tabpanel"]:not([hidden]) > .corporate-products > section > header {
    top: -5px !important;
    align-items: center !important;
  }

  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page .corporate-product-browser .category-section-actions {
    padding-block: 0 !important;
  }

  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page .corporate-product-browser .category-section-actions > .section-header-action {
    gap: 0 !important;
    min-height: 32px !important;
    height: 32px !important;
  }

  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page .category-section-actions > .section-header-action > span:first-child {
    display: none !important;
  }

  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page .corporate-product-browser .category-section-actions > .section-header-action .icon-arrow {
    flex-basis: 32px !important;
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
  }

  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page #corporate-solutions#corporate-solutions .corporate-solution-toolbar {
    min-height: 32px !important;
  }

  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page #corporate-solutions#corporate-solutions .corporate-solution-toolbar > button {
    flex-basis: 32px !important;
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
  }

  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page .category-section-actions > .section-header-action,
  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page .category-section-actions > .section-header-action .icon-arrow {
    flex: 0 0 32px !important;
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 !important;
  }
}

/* Approved compact mobile control system for the Corporate route. */
@media (max-width: 720px) {
  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page {
    --corporate-refine-arrow: 30px;
  }

  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page :is(
    .corporate-brief-fields,
    #corporate-enquiry .enquiry-card form > .field-row
  ) {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
  }

  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page :is(
    .corporate-brief-fields > label,
    #corporate-enquiry .enquiry-card form > .field-row > label,
    #corporate-enquiry .enquiry-card form > label
  ) {
    width: 100% !important;
    font-family: var(--font-geist), Arial, sans-serif !important;
    font-size: 10px !important;
    font-weight: 500 !important;
  }

  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page :is(
    .corporate-brief-fields,
    #corporate-enquiry .enquiry-card form
  ) :is(
    input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
    select,
    .angroos-select-trigger,
    .angroos-date-trigger
  ) {
    box-sizing: border-box !important;
    width: 100% !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    border-radius: 999px !important;
    font-family: var(--font-geist), Arial, sans-serif !important;
    font-size: 11px !important;
    font-weight: 500 !important;
  }

  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page :is(
    .corporate-brief-fields,
    #corporate-enquiry .enquiry-card form
  ) textarea {
    width: 100% !important;
    font-family: var(--font-geist), Arial, sans-serif !important;
    font-size: 11px !important;
    font-weight: 500 !important;
  }

  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page > :not(.corporate-hero) :is(
    a.button,
    button.button,
    .corporate-proof-status > button,
    .corporate-studio-outline,
    .brochure-actions > a,
    .brochure-actions > button
  ) {
    box-sizing: border-box !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    padding-inline: 14px !important;
    font-family: var(--font-geist), Arial, sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
  }

  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page :is(
    .corporate-product-browser-tabs,
    .corporate-planning-tabs,
    #corporate-gift-sets [role="tablist"]
  ) > button {
    box-sizing: border-box !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    padding-block: 4px !important;
    font-family: var(--font-geist), Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
  }

  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page .corporate-planning-tabs > button > span {
    font: inherit !important;
  }

  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page #corporate-solutions#corporate-solutions .corporate-solution-toolbar {
    display: flex !important;
    gap: 8px !important;
    width: 68px !important;
  }

  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page :is(
    .corporate-solution-toolbar,
    .catalogue-builder-type-controls,
    .catalogue-builder-preview-controls,
    .category-section-actions
  ) :is(button, .section-header-action) {
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
  }

  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page :is(
    .corporate-solution-toolbar,
    .category-section-actions
  ) :is(svg, .direction-arrow) {
    width: 12px !important;
    height: 12px !important;
    stroke-width: 1.8 !important;
  }

  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page :is(
    .corporate-composer-actions,
    #corporate-enquiry .enquiry-card form
  ) :is(small, .helper-text) {
    font-size: 11px !important;
    font-weight: 400 !important;
  }

  /* The four compact OO brief fields read as two paired rows on mobile. */
  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page #corporate-studio#corporate-studio .corporate-brief-fields {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px 8px !important;
  }

  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page > :not(.corporate-hero) p,
  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page :is(
    .corporate-composer-top,
    .corporate-format-choice,
    .corporate-upload-row,
    .corporate-composer-actions,
    .corporate-ai-disclosure,
    .corporate-proposal-type,
    .corporate-enquiry-benefits,
    .corporate-enquiry-next,
    #corporate-enquiry .enquiry-card form
  ) small {
    font-family: var(--font-geist), Arial, sans-serif !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
  }

  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page #corporate-studio#corporate-studio .corporate-composer-actions > small,
  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page #corporate-enquiry#corporate-enquiry .enquiry-card form > small {
    font-size: 11px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
  }

  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page .corporate-product-browser.corporate-product-browser .category-section-actions.category-section-actions > .section-header-action.section-header-action {
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
  }

  /* Cap existing heavy mobile button labels at 500; lighter controls are untouched.
     The hero retains its dedicated compact CTA typography. */
  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page > :not(.corporate-hero) :is(
    .button,
    .corporate-product-browser-tabs > button,
    #corporate-gift-sets [role="tablist"] > button,
    #corporate-gift-sets .carousel-buttons > button,
    .corporate-proof-status > button,
    .corporate-planning-tabs > button,
    .corporate-format-choice > button,
    .catalogue-builder-product-footer > button
  ) {
    font-weight: 500 !important;
  }

  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page #corporate-catalogue#corporate-catalogue #corporate-catalogue-filters {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px 8px !important;
  }

  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page #corporate-catalogue#corporate-catalogue #corporate-catalogue-filters > label,
  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page #corporate-catalogue#corporate-catalogue #corporate-catalogue-filters .angroos-select,
  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page #corporate-catalogue#corporate-catalogue #corporate-catalogue-filters .angroos-select-trigger {
    width: 100% !important;
    min-width: 0 !important;
  }

  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page #corporate-catalogue#corporate-catalogue #corporate-catalogue-filters > label {
    font-size: 10px !important;
    font-weight: 500 !important;
  }

  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page #corporate-catalogue#corporate-catalogue #corporate-catalogue-filters .angroos-select-trigger {
    box-sizing: border-box !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    font-weight: 500 !important;
  }

  /* Repeat the class so approved 34px actions outrank the legacy 30px control rule. */
  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page > :not(.corporate-hero) .button.button.button {
    box-sizing: border-box !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    font-size: 11px !important;
    font-weight: 500 !important;
  }

  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page #corporate-studio#corporate-studio a[href="/account?workspace=corporate"] {
    box-sizing: border-box !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
  }

  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page .corporate-planning-window-showcase.corporate-planning-window-showcase > article > div > a {
    box-sizing: border-box !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    font-size: 10px !important;
    font-weight: 500 !important;
  }

  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page .corporate-planning-window-showcase.corporate-planning-window-showcase > article > div > p {
    font-size: 9px !important;
  }

  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page #corporate-catalogue#corporate-catalogue .corporate-catalogue-selection.catalogue-builder-summary > .button {
    align-self: flex-start !important;
    width: 50% !important;
    min-width: 0 !important;
    max-width: 50% !important;
    background: #1c1b17 !important;
    border-color: #1c1b17 !important;
    color: #fff !important;
  }

  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page #corporate-catalogue-type-rail {
    gap: 7px !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
  }

  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page #corporate-catalogue-type-rail > button {
    flex: 0 0 calc((100% - 14px) / 2.5) !important;
    min-width: calc((100% - 14px) / 2.5) !important;
    scroll-snap-align: start !important;
  }

  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page #corporate-catalogue#corporate-catalogue .catalogue-builder-type-controls > button {
    width: 30px !important;
    min-width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
  }

  /* Keep a clear continuation cue in the mobile catalogue: two full cards
     plus the leading edge of the next card. */
  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page #corporate-catalogue-product-rail {
    gap: 8px !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
  }

  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page #corporate-catalogue-product-rail > .catalogue-builder-product {
    flex: 0 0 calc((100% - 6px) / 2.2) !important;
    min-width: calc((100% - 6px) / 2.2) !important;
    scroll-snap-align: start !important;
  }

  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page #corporate-enquiry#corporate-enquiry .enquiry-card form > .field-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page #corporate-enquiry#corporate-enquiry .enquiry-card form > .field-row > label,
  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page #corporate-enquiry#corporate-enquiry .enquiry-card form > .field-row :is(input, .angroos-select, .angroos-select-trigger) {
    width: 100% !important;
    min-width: 0 !important;
  }

  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page #corporate-enquiry#corporate-enquiry .corporate-enquiry-next > p {
    box-sizing: border-box !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    padding-block: 0 !important;
    font-size: 10px !important;
  }

  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page :is(
    .corporate-location-featured a,
    .corporate-location-more summary > span
  ) {
    font-size: 11px !important;
  }

  /* Give the portfolio artwork enough visual authority on mobile while keeping
     its badge and caption on their existing compact type scale. */
  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page .corporate-portfolio .brochure-visual {
    min-height: 290px !important;
  }

  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page .corporate-portfolio .brochure-visual :is(
    .brochure-sheet,
    .brochure-cover
  ) {
    width: min(180px, 60%) !important;
  }
}

/* Desktop page rhythm: independent top-level sections share one consistent
   12px gutter. The planning switcher and its active panel remain a single
   visual unit with their intentional 6px relationship. Hero rules are
   deliberately excluded. */
@media (min-width: 901px) {
  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page > .corporate-client-wall,
  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page > .corporate-product-browser,
  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page > #corporate-gift-sets,
  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page > .corporate-planning-window-showcase,
  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page > .corporate-location-links,
  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page > #corporate-enquiry {
    margin-top: 0 !important;
    margin-bottom: 12px !important;
  }

  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page > .corporate-product-browser > .corporate-product-browser-title {
    margin-bottom: 8px !important;
  }

  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page > .corporate-product-browser > .corporate-product-browser-tabs {
    margin-bottom: 8px !important;
  }

  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page .corporate-planning-window-showcase.corporate-planning-window-showcase > article > div > a {
    box-sizing: border-box !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
  }

  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page > #corporate-gift-sets > header {
    gap: 16px !important;
    margin-bottom: 16px !important;
  }
}

/* Final control geometry: every single-line field and standard Corporate CTA
   uses maximum edge roundness on desktop and mobile. Textareas, cards and
   section panels retain their approved radii. */
body#angroos-site .site-shell main.corporate-page :is(
  input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
  select,
  .angroos-select-trigger,
  .angroos-date-trigger,
  a.button,
  button.button
) {
  border-radius: 999px !important;
}

/* Mobile gift-set rhythm: preserve the balanced 20px outer padding while
   tightening the title, tabs and product rail into one compact unit. */
@media (max-width: 640px) {
  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page > #corporate-gift-sets > header {
    gap: 12px !important;
    margin-bottom: 12px !important;
  }

  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page > #corporate-gift-sets > header > div:first-child {
    min-height: 0 !important;
  }

  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page > #corporate-solutions > .corporate-solution-heading-row,
  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page > .corporate-product-browser > .corporate-product-browser-title,
  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page > .corporate-product-browser > .corporate-product-browser-tabs,
  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page > .corporate-planning-window-showcase > header {
    margin-bottom: 12px !important;
  }

  /* Mobile rhythm hierarchy: keep 12px inside a section, then give each
     independent content section a clear 24px break. The hero and its quick
     links remain untouched, and the planning switcher stays attached to its
     active panel with the existing 6px gap. */
  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page > :is(
    .corporate-client-wall,
    #corporate-solutions,
    .corporate-product-browser,
    #corporate-gift-sets,
    .corporate-brand-studio,
    #corporate-studio,
    #corporate-catalogue,
    .corporate-portfolio,
    .corporate-process,
    .corporate-planning-window-showcase,
    .corporate-location-links,
    #corporate-enquiry,
    .corporate-faq
  ) {
    margin-top: 0 !important;
    margin-bottom: 24px !important;
  }

  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page > .corporate-brand-studio {
    padding-bottom: 0 !important;
  }

  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page > .corporate-brand-studio .corporate-proof-grid {
    align-items: stretch !important;
  }

  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page > .corporate-brand-studio .corporate-proof-grid > article {
    height: auto !important;
    align-self: stretch !important;
  }

  /* Keep the programme rail two-up on phones, but account for its 10px gap.
     The legacy 50%-minus-4px width overran the visible rail by two pixels. */
  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page > #corporate-solutions #corporate-category-rail > article {
    min-width: calc((100% - 10px) / 2) !important;
    flex: 0 0 calc((100% - 10px) / 2) !important;
  }

  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page > #corporate-planning-workspace {
    margin-top: 0 !important;
  }

  /* Remove legacy trailing space that stacked underneath the product rails.
     Keep the rail's own 10px shadow clearance, then use one compact 8px inset
     before the shared 24px section break. */
  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page > .corporate-product-browser #corporate-products {
    padding-bottom: 8px !important;
  }

  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page > #corporate-gift-sets {
    padding-bottom: 8px !important;
  }

  /* The FAQ grid already supplies the approved 12px title-to-list gap. */
  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page > .corporate-faq > .corporate-section-heading {
    margin-bottom: 0 !important;
  }

  /* The shared 24px rhythm must be the visible section-to-section distance,
     not 24px plus invisible padding on transparent wrappers. Keep padding on
     true bordered cards while removing only the outer block padding from
     transparent page sections. */
  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page > :is(
    #corporate-solutions,
    .corporate-brand-studio,
    .corporate-portfolio,
    .corporate-process,
    .corporate-planning-window-showcase,
    .corporate-location-links,
    #corporate-enquiry,
    .corporate-faq
  ) {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  /* From the portfolio onward the top-level section already owns the approved
     8px page margin. Remove the inherited 6px inner gutter so headings, rails
     and bordered surfaces share the same x=8..385 mobile edges as the active
     planning workspace instead of being inset again to x=14..379. */
  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page > :is(
    .corporate-portfolio,
    .corporate-process,
    .corporate-planning-window-showcase,
    .corporate-location-links,
    #corporate-enquiry,
    .corporate-faq
  ) {
    padding-inline: 0 !important;
  }

  /* The enquiry wrapper no longer has decorative content that needs clipping.
     Let the tightly tracked initial C render its small optical overhang while
     retaining the heading box on the shared x=8 section edge. */
  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page > #corporate-enquiry > .corporate-enquiry-intro {
    overflow: visible !important;
  }

  /* The horizontal product rails already reserve 10px for card shadows and
     scrolling. Do not stack another invisible inset beneath that clearance. */
  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page > .corporate-product-browser #corporate-products,
  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page > #corporate-gift-sets {
    padding-bottom: 0 !important;
  }

  /* Top margins on the first heading used to collapse through transparent
     wrappers and silently add another 8-10px to the section break. */
  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page > .corporate-brand-studio > header > h2,
  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page > .corporate-process > .corporate-section-heading > h2,
  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page > .corporate-location-links > .corporate-location-introduction h2,
  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page > #corporate-enquiry > .corporate-enquiry-intro > h2,
  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page > .corporate-faq > .corporate-section-heading > h2 {
    margin-top: 0 !important;
  }

  /* Keep the mobile journey rail visually open; only the individual process
     cards should provide surfaces. This also blocks legacy rail treatments
     from reappearing later in the cascade. */
  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page > .corporate-process .corporate-process-row {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding-bottom: 0 !important;
  }

  /* Adjacent downward shadows merged into a continuous grey strip beneath
     the horizontal rail. The card borders provide sufficient separation on
     mobile, so keep the surfaces and remove only their projected shadows. */
  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page > .corporate-process .corporate-process-card {
    box-shadow: none !important;
  }

  /* Geist descenders need slightly more than the legacy 1.02 line box when
     this planning title wraps to two lines on mobile. */
  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page #corporate-planning-showcase {
    line-height: 1.1 !important;
  }

  /* The mobile occasion rail still needs horizontal clipping, but `hidden`
     on both axes cuts the Geist title's two-pixel glyph overhang. */
  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page > .corporate-planning-window-showcase {
    overflow-x: clip !important;
    overflow-y: visible !important;
  }
}

/* Mobile control hierarchy: preserve compact navigation while keeping form
   entry controls comfortable and actions visually distinct. This final layer
   intentionally outranks older route-specific 30px field declarations. */
@media (max-width: 640px) {
  /* Keep a crisp but visible separation between the mobile navigation shell
     and the opening hero. This changes only the hero's top relationship. */
  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page > .corporate-hero.corporate-hero-v2 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }

  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page > .corporate-hero-quick-links {
    margin-bottom: 10px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page > .corporate-planning-window-showcase > article + div {
    margin-top: 10px !important;
  }

  /* Product-result navigation belongs to the count heading, not the status
     caption below it. `display: contents` lets the existing accessible markup
     participate in one compact mobile grid without duplicating controls. */
  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page #corporate-catalogue#corporate-catalogue .catalogue-builder-results-heading {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 32px 32px !important;
    grid-template-rows: auto auto !important;
    align-items: start !important;
    gap: 4px 7px !important;
  }

  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page #corporate-catalogue#corporate-catalogue .catalogue-builder-results-heading > span {
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: center !important;
  }

  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page #corporate-catalogue#corporate-catalogue .catalogue-builder-preview-controls {
    display: contents !important;
  }

  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page #corporate-catalogue#corporate-catalogue .catalogue-builder-preview-controls > small {
    grid-column: 1 !important;
    grid-row: 2 !important;
    align-self: center !important;
  }

  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page #corporate-catalogue#corporate-catalogue .catalogue-builder-preview-controls > button:first-of-type {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }

  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page #corporate-catalogue#corporate-catalogue .catalogue-builder-preview-controls > button.next {
    grid-column: 3 !important;
    grid-row: 1 !important;
  }

  /* Both catalogue navigation pairs use the same quiet circular treatment as
     the approved corporate-programme arrows. */
  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page #corporate-catalogue#corporate-catalogue :is(
    .catalogue-builder-type-controls,
    .catalogue-builder-preview-controls
  ) > button {
    box-sizing: border-box !important;
    display: grid !important;
    place-items: center !important;
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    padding: 0 !important;
    border: 1px solid #d8cdbb !important;
    border-radius: 50% !important;
    background: #fffdf9 !important;
    color: #28231d !important;
    box-shadow: none !important;
  }

  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page #corporate-catalogue#corporate-catalogue :is(
    .catalogue-builder-type-controls,
    .catalogue-builder-preview-controls
  ) > button > .icon-arrow {
    box-sizing: border-box !important;
    display: grid !important;
    place-items: center !important;
    width: 12px !important;
    height: 12px !important;
    min-width: 12px !important;
    min-height: 12px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page #corporate-catalogue#corporate-catalogue :is(
    .catalogue-builder-type-controls,
    .catalogue-builder-preview-controls
  ) > button > .icon-arrow > svg {
    width: 12px !important;
    height: 12px !important;
    stroke-width: 1.8 !important;
  }

  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page #corporate-catalogue#corporate-catalogue :is(
    .catalogue-builder-type-controls,
    .catalogue-builder-preview-controls
  ) > button.previous > .icon-arrow {
    transform: rotate(180deg) !important;
  }

  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page > :not(.corporate-hero) :is(
    input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
    select,
    .angroos-select-trigger,
    .angroos-date-trigger
  ) {
    box-sizing: border-box !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    border-radius: 999px !important;
  }

  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page > :not(.corporate-hero) :is(
    .corporate-solution-toolbar,
    .carousel-buttons,
    .category-section-actions
  ) > button {
    box-sizing: border-box !important;
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
  }

  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page .corporate-planning-window-showcase.corporate-planning-window-showcase > article > div > a {
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
  }
}

/* Desktop vertical rhythm. Measure from the visible edge of each section,
   rather than inherited wrapper padding, so bordered and transparent sections
   read with the same cadence. Mobile keeps its separately approved rhythm. */
@media (min-width: 901px) {
  /* Keep one outer rhythm source. These transparent wrappers previously added
     their own top/bottom padding around the shared section margin, creating
     visually inflated 60–80px transitions. Their child cards retain all
     intentional internal padding. */
  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page > :is(
    #corporate-solutions,
    .corporate-brand-studio,
    .corporate-portfolio,
    .corporate-process,
    .corporate-planning-window-showcase,
    .corporate-location-links,
    #corporate-enquiry,
    .corporate-faq
  ) {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page > :is(
    .corporate-client-wall,
    #corporate-solutions,
    .corporate-product-browser,
    #corporate-gift-sets,
    #corporate-studio,
    #corporate-catalogue,
    .corporate-portfolio,
    .corporate-process,
    .corporate-planning-window-showcase,
    .corporate-location-links,
    #corporate-enquiry,
    .corporate-faq
  ) {
    margin-top: 0 !important;
    margin-bottom: 36px !important;
  }

  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page > .corporate-brand-studio {
    margin-top: 0 !important;
    margin-bottom: 24px !important;
  }

  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page > #corporate-planning-workspace {
    margin-top: 0 !important;
    margin-bottom: 16px !important;
  }

  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page > #corporate-solutions > .corporate-solution-heading-row,
  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page > #corporate-gift-sets > header,
  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page > .corporate-brand-studio > header,
  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page > .corporate-process > .corporate-section-heading,
  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page > .corporate-planning-window-showcase > header,
  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page > .corporate-location-links > .corporate-location-introduction,
  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page > .corporate-faq > .corporate-section-heading {
    margin-bottom: 18px !important;
  }

  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page > .corporate-product-browser > .corporate-product-browser-title,
  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page > .corporate-product-browser > .corporate-product-browser-tabs {
    margin-bottom: 16px !important;
  }

  /* Match the hero-to-quick-links cadence between the featured occasion and
     the later-occasion rail. Mobile keeps its separately approved spacing. */
  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page > .corporate-planning-window-showcase > [class*="showcaseLater"] {
    margin-top: 12px !important;
  }

  /* Keep desktop client marks optically contained: 91px is 60% of the
     152px card, leaving at least 20% breathing room on both sides. */
  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page > .corporate-client-wall .client-logo img {
    max-width: 91px !important;
  }

  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page :is(
    .corporate-solution-heading-row,
    .corporate-product-browser-title,
    .corporate-planning-window-showcase > header,
    .corporate-location-introduction
  ) {
    align-items: center !important;
  }

  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page :is(
    .corporate-section-heading,
    .corporate-product-browser-title,
    .corporate-location-introduction
  ) :is(h2, h3) {
    margin-top: 0 !important;
  }

  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page :is(
    .corporate-section-heading,
    .corporate-product-browser-title,
    .corporate-location-introduction,
    .corporate-enquiry-intro
  ) :is(h2, h3) + p {
    margin-top: 10px !important;
  }
}

/* Shared editorial tab typography: match the approved Kerala collection tabs
   without changing each Corporate tab group's existing geometry or states. */
body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page :is(
  .corporate-product-browser-tabs > button,
  .corporate-planning-tabs > button,
  #corporate-gift-sets [role="tablist"] > button
) {
  font-size: 14px !important;
  font-weight: 500 !important;
}

body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page .corporate-planning-tabs > button > span {
  font: inherit !important;
}

@media (max-width: 720px) {
  body#angroos-site#angroos-site > .site-shell.site-shell main.corporate-page.corporate-page :is(
    .corporate-product-browser-tabs > button,
    .corporate-planning-tabs > button,
    #corporate-gift-sets [role="tablist"] > button
  ) {
    font-size: 12px !important;
    font-weight: 500 !important;
  }
}