/* CoteX navigation around the locally imported TABCOTE catalogue. */
body.cotex-gardening .cotex-header {
  position:relative; z-index:40; background:#f5f2e9; border:0;
  box-shadow:none; color:#102b23;
}
body.cotex-gardening .cotex-header .header-inner {
  width:min(1240px,calc(100% - 112px)); margin-inline:auto; padding:0;
  display:flex; align-items:center; justify-content:space-between; gap:24px;
  min-height:106px;
}
.cotex-header .logo { display:block; }
.cotex-header .logo img { display:block; width:190px; height:auto; max-width:100%; }
body.cotex-gardening .cotex-header #navigation {
  display:flex; align-items:center; gap:25px; margin:0; padding:0;
  position:static; background:transparent; border:0; box-shadow:none;
}
body.cotex-gardening .cotex-header #navigation a {
  display:block; font:400 13px/1.5 Archivo,Arial,sans-serif;
  color:#102b23; text-decoration:none; padding:0;
}
body.cotex-gardening .cotex-header #navigation a:hover,
body.cotex-gardening .cotex-header #navigation a[aria-current] {
  text-decoration:underline; text-underline-offset:5px;
}
body.cotex-gardening .cotex-header #navigation .nav-contact {
  border:1px solid currentColor; border-radius:30px; padding:10px 20px;
}
body.cotex-gardening .cotex-header .menu-toggle { display:none; }
.cotex-gardening .cotex-header :focus-visible,
.cotex-gardening .cotex-footer :focus-visible { outline:2px solid #102b23; outline-offset:5px; }
body.cotex-gardening.gardening-page.brand-identity.type-system #benefits .gl-benefits { grid-template-columns:repeat(4,minmax(0,1fr)); }
.cotex-footer { background:#f5f2e9; color:#102b23; padding:48px 0 0; border-top:1px solid #c4baa7; }
.cotex-footer-inner,.cotex-footer-legal { width:min(1240px,calc(100% - 112px)); margin-inline:auto; }
.cotex-footer-inner { display:grid; grid-template-columns:1fr 1.3fr 1fr; gap:48px; align-items:start; padding-bottom:36px; }
.cotex-footer-inner img { width:166px; height:auto; }
.cotex-footer-inner p { margin:0; font:400 15px/1.65 Archivo,Arial,sans-serif; }
.cotex-footer-inner>div { display:grid; gap:12px; justify-items:start; }
.cotex-footer a { color:inherit; font:400 14px/1.5 Archivo,Arial,sans-serif; text-decoration:none; text-underline-offset:5px; }
.cotex-footer a:hover { text-decoration:underline; }
.cotex-footer-legal { padding:20px 0; border-top:1px solid #c4baa7; font-size:12px; }
@media(max-width:1100px) { body.cotex-gardening .cotex-header #navigation { gap:16px; } }
@media(max-width:900px) {
  body.cotex-gardening .cotex-header .header-inner { min-height:88px; width:calc(100% - 64px); }
  .cotex-header .logo img { width:172px; }
  body.cotex-gardening .cotex-header .menu-toggle { display:flex; align-items:center; gap:12px; border:1px solid #829388; background:transparent; color:#102b23; border-radius:30px; padding:10px 18px; min-height:44px; width:auto; font:400 13px/1.5 Archivo,Arial,sans-serif; cursor:pointer; }
  .cotex-header .menu-icon { width:14px; height:8px; border-block:1px solid; display:block; }
  body.cotex-gardening .cotex-header #navigation { display:none; position:absolute; top:88px; left:32px; right:32px; background:#f5f2e9; padding:18px 24px; max-height:calc(100dvh - 112px); overflow-y:auto; }
  body.cotex-gardening .cotex-header #navigation.is-open { display:flex; flex-direction:column; align-items:stretch; gap:0; }
  body.cotex-gardening .cotex-header #navigation a { min-height:48px; font-size:16px; border-bottom:1px solid #c4baa7; padding-block:10px; }
  body.cotex-gardening .cotex-header #navigation .nav-contact { border:0; border-radius:0; padding-inline:0; }
  .cotex-footer-inner,.cotex-footer-legal { width:calc(100% - 64px); }
  .cotex-footer-inner { gap:28px; }
}
@media(max-width:600px) {
  body.cotex-gardening .cotex-header .header-inner,.cotex-footer-inner,.cotex-footer-legal { width:calc(100% - 48px); }
  .cotex-footer-inner { grid-template-columns:1fr; gap:24px; }
}
@media(max-width:800px) {
  body.cotex-gardening.gardening-page.brand-identity.type-system #benefits .gl-benefits { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body.cotex-gardening.gardening-page.brand-identity.type-system #benefits .gl-benefits>li:last-child { grid-column:auto; justify-content:flex-start; }
}
@media(max-width:380px) {
  body.cotex-gardening.gardening-page.brand-identity.type-system #benefits .gl-benefits>li:last-child { flex-direction:column; gap:6px; }
}
@media(max-width:360px) {
  .cotex-header .logo img { width:145px; }
  body.cotex-gardening .cotex-header .header-inner { width:calc(100% - 40px); }
}