/* =========================================================
   AR TRADE SPHERE - V11 refinements
   Typography, title CTAs, products page, contact redesign,
   category catalogue grid, floating enquiry and home CTA.
   ========================================================= */

/* ---------- Global readability / navigation ---------- */
.nav-links {
  gap: 13px
}

.nav-links .nav-link {
  font-size: .9rem;
  font-weight: 750;
  letter-spacing: -.01em
}

.btn-header {
  min-width: 138px;
  font-size: .82rem
}

.products-nav-toggle i {
  font-size: .72rem
}

.products-dropdown {
  width: min(930px, calc(100vw - 40px));
  padding: 20px;
  border-radius: 20px
}

.products-dropdown-top {
  padding: 3px 4px 14px
}

.products-dropdown-top>span {
  font-size: .9rem
}

.products-dropdown-top>a {
  font-size: .76rem
}

.products-dropdown-grid {
  gap: 7px;
  padding-top: 13px
}

.products-dropdown-grid>a {
  min-height: 45px;
  padding: 9px 10px;
  font-size: .74rem;
  line-height: 1.3
}

.products-dropdown-grid>a span {
  width: 27px;
  height: 27px;
  flex-basis: 27px;
  font-size: .58rem
}

.mobile-links>a,
.mobile-products-toggle {
  font-size: 1rem !important
}

.mobile-products-menu>a {
  font-size: .78rem !important;
  padding: 9px 11px !important
}

body:not(.home-page) .eyebrow {
  font-size: .8rem
}

body:not(.home-page) .section-heading p {
  font-size: 1rem;
  line-height: 1.75
}

body:not(.home-page) .btn {
  font-size: .84rem
}

.footer-title {
  font-size: 1rem
}

.footer-main p,
.footer-links a,
.contact-list li {
  font-size: .79rem
}

.footer-bottom {
  font-size: .73rem
}

/* ---------- Inner page title with CTA ---------- */
.inner-title-section {
  padding-bottom: 58px
}

.inner-title-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px
}

.inner-title-row h1 {
  min-width: 0
}

.inner-title-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-width: 154px;
  min-height: 48px;
  padding: 12px 20px !important;
  border: 1px solid rgba(255, 255, 255, .3) !important;
  border-radius: 999px !important;
  color: #092d4e !important;
  background: linear-gradient(135deg, #ffd76e 0%, #e9aa24 100%) !important;
  box-shadow: 0 13px 30px rgba(229, 164, 29, .22);
  font-family: "Manrope", sans-serif;
  font-weight: 800 !important;
  white-space: nowrap;
  transition: transform .25s ease, box-shadow .25s ease !important
}

.inner-title-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 17px 36px rgba(229, 164, 29, .3)
}

/* ---------- Home: slightly larger small-copy and icon-card text ---------- */
.home-page .choose-card h3 {
  font-size: 1.22rem
}

.home-page .choose-card p {
  font-size: .83rem;
  line-height: 1.58
}

.home-page .choose-card small {
  font-size: .62rem
}

.home-page .global-stat strong {
  font-size: 1.18rem
}

.home-page .global-stat span {
  font-size: 0.94rem;
  line-height: 1.32
}

.home-page .about-points span {
  font-size: .73rem
}

.home-page .about-mini-stats span {
  font-size: .62rem
}

/* ---------- About page readability / Company Profile visual ---------- */
.about-story-media>img {
  object-position: center;
  border: 1px solid rgba(7, 52, 95, .08)
}

.about-stat-card small {
  font-size: .8rem
}

.about-strength-card h3 {
  font-size: 1.02rem
}

.about-strength-card p {
  font-size: .87rem;
  line-height: 1.64
}

.about-process-card h3 {
  font-size: 1rem
}

.about-process-card p {
  font-size: .86rem;
  line-height: 1.64
}

.purpose-card p {
  font-size: .98rem
}

.about-story-floating strong {
  font-size: .96rem
}

.about-story-floating p {
  font-size: .8rem
}

/* ---------- Contact page redesign ---------- */
.contact-main-section {
  position: relative;
  padding: 60px 0 30px;
  background: linear-gradient(180deg, #f9fcff 0%, #fff 55%)
}

.contact-main-section::before {
  content: "";
  position: absolute;
  right: -180px;
  top: -120px;
  width: 430px;
  height: 430px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(30, 143, 207, .09), transparent 68%);
  pointer-events: none
}

.contact-main-grid {
  position: relative;
  z-index: 1;
  grid-template-columns: minmax(330px, .73fr) minmax(0, 1.27fr);
  gap: 30px
}

.contact-info-panel-v11 {
  position: relative;
  overflow: hidden;
  padding: 34px;
  border: 0;
  background: linear-gradient(145deg, #062b4e 0%, #073e6a 60%, #0b6095 100%);
  box-shadow: 0 25px 58px rgba(6, 43, 78, .18)
}

.contact-info-panel-v11::before {
  content: "";
  position: absolute;
  right: -105px;
  bottom: -145px;
  width: 320px;
  height: 320px;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 50%;
  box-shadow: 0 0 0 48px rgba(255, 255, 255, .02), 0 0 0 96px rgba(255, 255, 255, .015)
}

.contact-info-panel-v11>div,
.contact-info-panel-v11 .contact-info-list,
.contact-info-panel-v11 .contact-info-note {
  position: relative;
  z-index: 1
}

.contact-info-panel-v11 .eyebrow {
  color: #f5c34d
}

.contact-info-panel-v11 h2 {
  color: #fff;
  font-size: 2.15rem
}

.contact-info-panel-v11>div>p {
  color: rgba(255, 255, 255, .72);
  font-size: .95rem;
  line-height: 1.75
}

.contact-info-panel-v11 .contact-info-item {
  min-height: 72px;
  padding: 14px 15px;
  border-color: rgba(255, 255, 255, .12);
  background: rgba(255, 255, 255, .085);
  backdrop-filter: blur(9px)
}

.contact-info-panel-v11 .contact-info-item>span {
  color: #0a365b;
  background: linear-gradient(135deg, #ffd872, #e9ad2d)
}

.contact-info-panel-v11 .contact-info-item small {
  color: rgba(255, 255, 255, .6);
  font-size: .72rem
}

.contact-info-panel-v11 .contact-info-item strong,
.contact-info-panel-v11 .contact-info-item a {
  color: #fff;
  font-size: .9rem
}

.contact-info-panel-v11 .contact-info-note {
  border-color: rgba(255, 218, 119, .22);
  color: #fff4cf;
  background: rgba(255, 205, 77, .10);
  font-size: .83rem
}

.contact-info-panel-v11 .contact-info-note i {
  color: #ffd45f
}

.contact-form-card-v11 {
  position: relative;
  overflow: hidden;
  padding: 38px 40px;
  border: 1px solid #dfe9f1;
  background: #fff;
  box-shadow: 0 25px 58px rgba(7, 52, 95, .1)
}

.contact-form-card-v11::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 5px;
  background: linear-gradient(90deg, #e5a522, #ffd86d, #0b6ca6)
}

.contact-form-card-v11 h2 {
  font-size: 2.2rem
}

.contact-form-card-v11>p {
  font-size: .96rem;
  line-height: 1.7
}

.contact-form-field label {
  font-size: .84rem
}

.contact-form-field input,
.contact-form-field textarea,
.contact-form-field select {
  min-height: 54px;
  border-radius: 13px;
  font-size: .94rem;
  background: #fbfdff
}

.contact-form-field textarea {
  min-height: 132px
}

.contact-form-actions .btn {
  min-height: 50px;
  font-size: .84rem;
  border-radius: 13px
}

.contact-form-note {
  font-size: .79rem
}

.contact-map-wrap {
  border-radius: 27px;
  box-shadow: 0 22px 55px rgba(7, 52, 95, .1)
}

.contact-map-head h2 {
  font-size: 2.05rem
}

.contact-map-head p {
  font-size: .9rem
}

.contact-map-head a {
  font-size: .82rem
}

/* ---------- Dedicated products.php ---------- */
.products-page-intro {
  padding: 76px 0 64px;
  background: #fff
}

.products-page-intro-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(380px, .65fr);
  gap: 60px;
  align-items: center
}

.products-page-intro h2 {
  margin: 0;
  color: var(--ink);
  font-family: "Manrope", sans-serif;
  font-size: clamp(2.2rem, 2.7vw, 3.55rem);
  font-weight: 800;
  letter-spacing: -.05em;
  line-height: 1.06
}

.products-page-intro p {
  max-width: 790px;
  margin: 18px 0 0;
  color: #657b8e;
  font-size: 1rem;
  line-height: 1.8
}

.products-page-summary {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px
}

.products-page-summary>div {
  min-height: 120px;
  padding: 21px 15px;
  border: 1px solid #dce7ef;
  border-radius: 19px;
  background: linear-gradient(180deg, #fff, #f6fafd);
  box-shadow: 0 14px 32px rgba(7, 52, 95, .07);
  text-align: center
}

.products-page-summary strong {
  display: block;
  color: #0b4c7e;
  font-family: "Manrope", sans-serif;
  font-size: 1.7rem;
  font-weight: 800
}

.products-page-summary span {
  display: block;
  margin-top: 5px;
  color: #6e8293;
  font-size: .78rem;
  font-weight: 700;
  line-height: 1.35
}

.products-page-catalogue {
    padding: 30px 0 70px;
  background: linear-gradient(180deg, #f7fbfe, #edf6fc)
}

.products-page-heading {
  text-align: center;
  margin: 0 auto
}

.products-page-heading p {
  max-width: 760px
}

.products-page-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  margin-top: 38px
}

.products-page-card {
  overflow: hidden;
  border: 1px solid rgba(7, 52, 95, .09);
  border-radius: 23px;
  background: #fff;
  box-shadow: 0 18px 42px rgba(7, 52, 95, .08);
  transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease
}

.products-page-card:hover {
  transform: translateY(-6px);
  border-color: #bdd6e6;
  box-shadow: 0 26px 55px rgba(7, 52, 95, .14)
}

.products-page-card-media {
  position: relative;
  display: block;
  height: 235px;
  overflow: hidden;
  background: #dce8ef
}

.products-page-card-media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 52%, rgba(4, 35, 61, .32))
}

.products-page-card-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .6s ease
}

.products-page-card:hover img {
  transform: scale(1.05)
}

.products-page-index {
  position: absolute;
  z-index: 2;
  left: 14px;
  top: 14px;
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border: 1px solid rgba(255, 255, 255, .32);
  border-radius: 12px;
  color: #fff;
  background: rgba(4, 48, 83, .77);
  backdrop-filter: blur(8px);
  font-size: .66rem;
  font-weight: 800
}

.products-page-arrow {
  position: absolute;
  z-index: 2;
  right: 14px;
  top: 14px;
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  color: #0a3e68;
  background: rgba(255, 255, 255, .93);
  box-shadow: 0 8px 20px rgba(0, 0, 0, .12)
}

.products-page-card-body {
  padding: 18px 18px 19px
}

.products-page-card-body h3 {
  min-height: 48px;
  margin: 0;
  color: #153a59;
  font-family: "Manrope", sans-serif;
  font-size: 1.23rem;
  font-weight: 800;
  line-height: 1.34
}

.products-page-card-body h3 a:hover {
  color: #0b6da7
}

.products-page-card-body p {
  min-height: 54px;
  margin: 9px 0 10px;
  color: #728697;
  font-size: .91rem;
  line-height: 1.55
}

.products-page-read {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #0a5e94;
  font-size: .78rem;
  font-weight: 800;
  transition: gap .2s ease, color .2s ease
}

.products-page-read:hover {
  gap: 10px;
  color: #07375e
}

.products-page-cta {
  padding-top: 0;
  background: #edf6fc
}

/* ---------- Product inner pages: exact 4-column Catalogue Coverage ---------- */
.product-image-grid-v11 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  margin-top: 40px
}

.product-image-card-v11 {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(7, 52, 95, .1);
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 17px 40px rgba(7, 52, 95, .08)
}

.product-image-card-v11::after {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 0;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg, #e3a323, #ffd971);
  opacity: .75;
  transition: left .3s ease, right .3s ease
}

.product-image-card-v11:hover::after {
  left: 0;
  right: 0
}

.product-image-card-v11 .product-image-card-media {
  height: 250px
}

.product-image-card-v11 .product-image-card-media img {
  object-position: center;
  filter: saturate(1.02)
}

.product-image-card-v11 .product-image-shade {
  background: linear-gradient(180deg, rgba(2, 25, 46, .02) 35%, rgba(2, 26, 48, .85) 100%)
}

.product-card-label {
  position: absolute;
  z-index: 2;
  left: 16px;
  right: 16px;
  bottom: 16px
}

.product-card-label>span {
  display: block;
  margin-bottom: 6px;
  color: #f5ca63;
  font-size: .66rem;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase
}

.product-card-label h3 {
  margin: 0;
  color: #fff;
  font-family: "Manrope", sans-serif;
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.3;
  text-shadow: 0 3px 14px rgba(0, 0, 0, .3)
}

.product-image-card-v11 .product-image-card-foot {
  min-height: 59px;
  padding: 11px 13px 12px
}

.product-image-card-v11 .product-image-card-foot>span {
  font-size: .61rem
}

.product-image-card-v11 .product-image-card-foot button {
  padding: 8px 11px;
  font-size: .65rem
}

.product-image-card-v11:hover {
  transform: translateY(-6px);
  box-shadow: 0 25px 52px rgba(7, 52, 95, .14)
}

/* Product inner page small-copy readability */
.category-intro-copy>p {
  font-size: .98rem;
  line-height: 1.8
}

.product-source-note strong {
  font-size: .88rem
}

.product-source-note p {
  font-size: .82rem
}

.overview-text-link {
  font-size: .88rem
}

.category-overview-image-copy>span {
  font-size: .73rem
}

.category-overview-stats strong {
  font-size: .84rem
}

.category-overview-stats small {
  font-size: .62rem
}

.product-benefits-copy p {
  font-size: 1rem
}

.benefits-assurance strong {
  font-size: .88rem
}

.benefits-assurance span {
  font-size: .77rem
}

.benefit-item p {
  font-size: .85rem
}

.product-support-card h3 {
  font-size: .86rem
}

.related-products-section .products-heading p {
  font-size: .98rem
}

.related-product-card>div>a {
  font-size: .8rem
}

/* ---------- Floating gold enquiry ---------- */
.floating-enquiry-gold {
  left: 16px;
  bottom: 16px;
  min-height: 52px;
  padding: 5px 18px 5px 6px;
  color: #082f54;
  background: linear-gradient(135deg, #ffd565 0%, #e4a11b 100%);
  box-shadow: 0 13px 32px rgba(200, 139, 13, .3)
}

.floating-enquiry-gold:hover {
  box-shadow: 0 17px 38px rgba(200, 139, 13, .38)
}

.floating-enquiry-gold span {
  width: 40px;
  height: 40px;
  color: #fff;
  background: #073b68
}

.floating-enquiry-gold strong {
  font-size: .78rem
}

/* ---------- Home CTA redesign ---------- */
.home-page .cta-section {
  padding-top: 14px
}

.home-cta-card {
  grid-template-columns: 112px minmax(0, 1fr) minmax(255px, .32fr);
  gap: 28px;
  min-height: 220px;
  padding: 34px 36px;
  background: linear-gradient(115deg, #031f39 0%, #063c68 54%, #0a689f 100%)
}

.home-cta-card::after {
  right: 22%;
  bottom: -110px;
  width: 330px;
  height: 220px
}

.home-cta-mark {
  position: relative;
  z-index: 2;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 8px;
  width: 104px;
  height: 132px;
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: 24px;
  background: rgba(255, 255, 255, .075);
  backdrop-filter: blur(8px)
}

.home-cta-mark>span {
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  border-radius: 17px;
  color: #0b3c64;
  background: linear-gradient(135deg, #ffd873, #e7a825);
  box-shadow: 0 10px 25px rgba(0, 0, 0, .16);
  font-size: 1.25rem
}

.home-cta-mark small {
  color: rgba(255, 255, 255, .8);
  font-size: .68rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .06em
}

.home-cta-card .cta-copy h2 {
  font-size: 2.25rem;
  line-height: 1.12
}

.home-cta-card .cta-copy p {
  font-size: .88rem;
  line-height: 1.66
}

.home-cta-card .cta-meta span {
  font-size: .72rem
}

.home-cta-action {
  min-width: 250px;
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 20px;
  background: rgba(255, 255, 255, .075);
  backdrop-filter: blur(8px)
}

.home-cta-action .btn {
  min-width: 0;
  width: 100%;
  min-height: 48px
}

.home-cta-contact {
  display: grid;
  gap: 5px;
  text-align: center
}

.home-cta-contact span,
.home-cta-contact a {
  color: rgba(255, 255, 255, .75);
  font-size: .69rem
}

.home-cta-contact i {
  margin-right: 5px;
  color: #f6c950
}

/* ---------- Responsive ---------- */
@media (max-width:1199.98px) {
  .nav-links {
    gap: 6px
  }

  .nav-links .nav-link {
    font-size: .84rem;
    padding-inline: 10px !important
  }

  .btn-header {
    min-width: 124px;
    margin-left: 12px
  }

  .products-dropdown {
    width: min(860px, calc(100vw - 30px))
  }

  .products-page-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }

  .product-image-grid-v11 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 13px
  }

  .product-image-card-v11 .product-image-card-media {
    height: 225px
  }

  .home-cta-card {
    grid-template-columns: 96px minmax(0, 1fr) 240px;
    gap: 20px;
    padding: 30px
  }

  .home-cta-mark {
    width: 92px
  }
}

@media (max-width:991.98px) {
  .inner-title-row {
    gap: 18px
  }

  .inner-title-btn {
    min-width: 142px;
    min-height: 45px;
    padding: 10px 17px !important
  }

  .contact-main-grid {
    grid-template-columns: 1fr;
    gap: 24px
  }

  .contact-info-panel-v11 {
    display: block
  }

  .contact-info-panel-v11 .contact-info-list {
    margin-top: 25px
  }

  .products-page-intro-grid {
    grid-template-columns: 1fr;
    gap: 32px
  }

  .products-page-summary {
    max-width: 680px
  }

  .products-page-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .product-image-grid-v11 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px
  }

  .product-image-card-v11 .product-image-card-media {
    height: 250px
  }

  .home-cta-card {
    grid-template-columns: 90px 1fr;
    gap: 22px
  }

  .home-cta-action {
    grid-column: 1/-1;
    display: grid;
    grid-template-columns: minmax(220px, .6fr) 1fr;
    align-items: center;
    gap: 18px
  }

  .home-cta-contact {
    text-align: left
  }
}

@media (max-width:767.98px) {
  .inner-title-section {
    padding-bottom: 42px
  }

  .inner-title-row {
    align-items: flex-start;
    flex-direction: column;
    gap: 18px
  }

  .inner-title-btn {
    min-width: 0;
    min-height: 43px;
    padding: 10px 17px !important
  }

  body:not(.home-page) .eyebrow {
    font-size: .74rem
  }

  .about-stat-card small {
    font-size: .75rem
  }

  .about-strength-card h3,
  .about-process-card h3 {
    font-size: .94rem
  }

  .about-strength-card p,
  .about-process-card p {
    font-size: .81rem
  }

  .contact-main-section {
    padding: 58px 0 66px
  }

  .contact-info-panel-v11,
  .contact-form-card-v11 {
    padding: 25px
  }

  .contact-info-panel-v11 h2,
  .contact-form-card-v11 h2 {
    font-size: 1.8rem
  }

  .contact-info-panel-v11>div>p,
  .contact-form-card-v11>p {
    font-size: .88rem
  }

  .contact-info-panel-v11 .contact-info-item strong,
  .contact-info-panel-v11 .contact-info-item a {
    font-size: .84rem
  }

  .contact-form-field label {
    font-size: .79rem
  }

  .contact-form-field input,
  .contact-form-field textarea,
  .contact-form-field select {
    font-size: .88rem
  }

  .products-page-intro {
    padding: 58px 0 50px
  }

  .products-page-intro h2 {
    font-size: 2.05rem
  }

  .products-page-intro p {
    font-size: .92rem
  }

  .products-page-summary {
    grid-template-columns: repeat(3, 1fr);
    gap: 8px
  }

  .products-page-summary>div {
    min-height: 105px;
    padding: 17px 9px
  }

  .products-page-summary strong {
    font-size: 1.4rem
  }

  .products-page-summary span {
    font-size: .7rem
  }

  .products-page-catalogue {
    padding: 60px 0 68px
  }

  .products-page-grid {
    gap: 12px
  }

  .products-page-card-media {
    height: 205px
  }

  .products-page-card-body {
    padding: 15px
  }

  .products-page-card-body h3 {
    font-size: .92rem
  }

  .products-page-card-body p {
    font-size: .76rem
  }

  .product-image-grid-v11 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 11px
  }

  .product-image-card-v11 .product-image-card-media {
    height: 210px
  }

  .product-card-label {
    left: 13px;
    right: 13px;
    bottom: 13px
  }

  .product-card-label h3 {
    font-size: .88rem
  }

  .product-card-label>span {
    font-size: .58rem
  }

  .product-image-card-v11 .product-image-card-foot {
    padding: 9px 10px
  }

  .product-image-card-v11 .product-image-card-foot>span {
    font-size: .54rem
  }

  .product-image-card-v11 .product-image-card-foot button {
    font-size: .6rem;
    padding: 7px 9px
  }

  .product-support-card h3 {
    font-size: .8rem
  }

  .home-cta-card {
    grid-template-columns: 1fr;
    padding: 26px 24px
  }

  .home-cta-mark {
    width: 100%;
    height: auto;
    min-height: 86px;
    display: flex;
    justify-content: flex-start;
    padding: 13px 15px
  }

  .home-cta-mark>span {
    width: 48px;
    height: 48px
  }

  .home-cta-card .cta-copy h2 {
    font-size: 1.8rem
  }

  .home-cta-card .cta-copy p {
    font-size: .82rem
  }

  .home-cta-action {
    grid-column: auto;
    grid-template-columns: 1fr;
    padding: 14px
  }

  .home-cta-contact {
    text-align: center
  }

  .floating-enquiry-gold {
    left: 10px;
    bottom: 10px;
    min-height: 48px;
    padding-right: 14px
  }

  .floating-enquiry-gold span {
    width: 37px;
    height: 37px
  }

  .floating-enquiry-gold strong {
    font-size: .72rem
  }

  .footer-main p,
  .footer-links a,
  .contact-list li {
    font-size: .76rem
  }
}

@media (max-width:575.98px) {
  .products-page-summary {
    grid-template-columns: 1fr
  }

  .products-page-summary>div {
    min-height: 88px
  }

  .products-page-grid {
    grid-template-columns: 1fr
  }

  .products-page-card-media {
    height: 235px
  }

  .products-page-card-body h3 {
    min-height: auto
  }

  .product-image-grid-v11 {
    grid-template-columns: 1fr
  }

  .product-image-card-v11 .product-image-card-media {
    height: 245px
  }

  .contact-info-panel-v11,
  .contact-form-card-v11 {
    padding: 21px
  }

  .contact-info-panel-v11 h2,
  .contact-form-card-v11 h2 {
    font-size: 1.62rem
  }

  .contact-info-panel-v11 .contact-info-item {
    min-height: 66px;
    padding: 12px
  }

  .home-cta-card {
    border-radius: 24px;
    padding: 23px 20px
  }

  .home-cta-card .cta-copy h2 {
    font-size: 1.65rem
  }

  .home-cta-mark small {
    font-size: .64rem
  }

  .products-dropdown {
    display: none !important
  }
}

@media (max-width:399.98px) {
  .inner-title-btn {
    width: 100%
  }

  .contact-info-panel-v11,
  .contact-form-card-v11 {
    padding: 18px
  }

  .product-image-card-v11 .product-image-card-media {
    height: 225px
  }

  .floating-enquiry-gold strong {
    display: none
  }

  .floating-enquiry-gold {
    width: 48px;
    padding: 5px;
    border-radius: 50%
  }

  .floating-enquiry-gold span {
    width: 38px;
    height: 38px
  }
}

/* Home top trust/icon strip readability */
.home-page .trust-item {
  min-height: 90px;
  padding: 16px 15px
}

.home-page .trust-icon {
  width: 45px;
  height: 45px;
  flex-basis: 45px;
  font-size: 1rem
}

.home-page .trust-item h2 {
  font-size: .82rem
}

.home-page .trust-item p {
  font-size: .66rem;
  line-height: 1.42
}

@media (max-width:767.98px) {
  .home-page .trust-item h2 {
    font-size: .78rem
  }

  .home-page .trust-item p {
    font-size: .64rem
  }

  .home-page .global-stat span {
    font-size: 0.84rem;
    line-height: 1.32;
}

    .products-page-intro h2 {
        font-size: 1.55rem;
    }

        .products-page-summary {
        grid-template-columns: 1fr 1fr 1fr;
    }
        .products-page-catalogue {
        padding: 30px 0 58px;
    }

    .products-page-card {
    margin-bottom: 10px;
    }
}