/* ══════════════════════════════════════════════════════════════
   PRODUCTS.CSS – Seitenspezifisches CSS
   Seite:  /en/plastic-waste-containers-manufacturer-weber.html
   Ablage: /en/css/products.css

   Zusammengeführt aus 6 Inline-<style>-Blöcken des Originals.
   Einer davon stand im <body> – das ist ein W3C-Validierungsfehler
   und war zugleich ein render-blockierender Reflow-Auslöser.
   ══════════════════════════════════════════════════════════════ */

/* ---- Block 1 aus dem Inline-HTML ---- */
section.mwc {
  width:100vw !important;
  margin-left:calc(-50vw + 50%) !important;
  box-sizing:border-box !important;
}
section.mwc h1 {
  background:none !important; background-image:none !important;
  border:none !important; border-top:none !important; border-bottom:none !important;
  padding:0 !important; text-shadow:none !important; display:block !important;
  line-height:1.15 !important;
}
.container__headlineh1 { display:none !important; }
section.mwc {
  background:linear-gradient(135deg,#023D60 0%,#095A83 30%,#1482B4 55%,#0B608A 80%,#033F62 100%) !important;
  color:#fff; padding:0; overflow:hidden; position:relative;
  box-shadow:0 8px 32px rgba(2,61,96,.28);
}
section.mwc::before {
  content:''; position:absolute; inset:0;
  background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:26px 26px; pointer-events:none; z-index:0;
}
section.mwc::after {
  content:''; position:absolute; top:-60%; right:-5%; width:50%; height:220%;
  background:radial-gradient(ellipse,rgba(20,130,180,.18) 0%,transparent 68%);
  pointer-events:none; z-index:0;
}
.mwc-inner {
  max-width:1140px; margin:0 auto;
  display:flex !important; align-items:center;
  min-height:310px; padding:0 40px;
  position:relative; z-index:1;
}
.mwc-text { flex:0 0 55%; padding:48px 0 44px; z-index:2; }
.mwc-text > * { animation:mwct .65s cubic-bezier(.22,1,.36,1) both; }
.mwc-text > *:nth-child(1){animation-delay:.05s}
.mwc-text > *:nth-child(2){animation-delay:.12s}
.mwc-text > *:nth-child(3){animation-delay:.18s}
.mwc-text > *:nth-child(4){animation-delay:.24s}
@keyframes mwct { from{opacity:0;transform:translateY(9px)} to{opacity:1;transform:translateY(0)} }
.mwc-badge {
  display:inline-flex; align-items:center; gap:8px;
  background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.22);
  border-radius:20px; padding:4px 14px; font-size:11.5px; letter-spacing:.08em;
  text-transform:uppercase; font-weight:600; margin-bottom:20px; color:#fff;
}
.mwc-lead { font-size:15px; color:rgba(255,255,255,.8); max-width:520px; line-height:1.75; margin-bottom:28px; }
.mwc-actions { display:flex; gap:12px; flex-wrap:wrap; }
.mwc-btn-w {
  display:inline-flex !important; align-items:center;
  background:#fff !important; color:#023D60 !important;
  font-size:13.5px; font-weight:700; padding:10px 22px; border-radius:5px;
  text-decoration:none; transition:all .2s; border:none !important;
}
.mwc-btn-w:hover { background:#e5f2fa !important; transform:translateY(-1px); }
.mwc-btn-o {
  display:inline-flex !important; align-items:center;
  border:1px solid rgba(255,255,255,.38) !important; color:rgba(255,255,255,.9) !important;
  font-size:13.5px; font-weight:500; padding:10px 20px; border-radius:5px;
  text-decoration:none; transition:all .2s; background:transparent !important;
}
.mwc-btn-o:hover { border-color:rgba(255,255,255,.65) !important; background:rgba(255,255,255,.09) !important; }
.mwc-right {
  flex:1; display:flex !important; align-items:center; justify-content:flex-start;
  padding-left:40px; z-index:2;
  animation:mwcr .8s cubic-bezier(.22,1,.36,1) .15s both;
}
@keyframes mwcr { from{opacity:0;transform:translateX(20px)} to{opacity:1;transform:translateX(0)} }
.mwc-visual-img {
  height:220px; width:auto; opacity:0.88;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.2) 8%,rgba(0,0,0,.75) 22%,black 36%,black 75%,rgba(0,0,0,.3) 90%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.2) 8%,rgba(0,0,0,.75) 22%,black 36%,black 75%,rgba(0,0,0,.3) 90%,transparent 100%);
  animation:mwcimg .9s cubic-bezier(.22,1,.36,1) .1s both;
}
@keyframes mwcimg { from{opacity:0;transform:translateX(24px)} to{opacity:.88;transform:translateX(0)} }
.mwc-stats { display:flex; gap:24px; margin-top:22px; flex-wrap:wrap; }
.mwc-stat {
  display:flex; align-items:center; gap:16px;
  border-left:2px solid rgba(255,255,255,.2); padding-left:18px;
  transition:border-color .3s;
}
.mwc-stat:hover { border-color:rgba(255,255,255,.55); }
.mwc-num { font-size:34px; font-weight:700; line-height:1; color:#fff; letter-spacing:-.02em; white-space:nowrap; }
.mwc-num span { font-size:15px; font-weight:300; color:rgba(255,255,255,.5); }
.mwc-desc { font-size:11px; color:rgba(255,255,255,.52); line-height:1.5; text-transform:uppercase; letter-spacing:.06em; }
.mwc-wm {
  position:absolute; right:30px; top:50%; transform:translateY(-50%);
  font-size:300px; font-weight:900; line-height:1;
  color:rgba(255,255,255,.03); pointer-events:none; user-select:none;
  font-family:Arial,sans-serif; z-index:0;
}
@media(max-width:900px) {
  .mwc-inner { flex-direction:column !important; min-height:auto; padding:0 24px; }
  .mwc-text { flex:none; width:100%; padding:28px 0 8px; }
  .mwc-right { padding:0 0 24px; width:100%; justify-content:center; }
  .mwc-visual-img { height:200px;
    -webkit-mask-image:linear-gradient(180deg,black 0%,black 65%,rgba(0,0,0,.3) 85%,transparent 100%);
    mask-image:linear-gradient(180deg,black 0%,black 65%,rgba(0,0,0,.3) 85%,transparent 100%); }
  .mwc-wm { display:none; }
}
@media(max-width:480px) {
  .mwc-visual-img { height:160px; }
  .mwc-num { font-size:24px; }
  section.mwc h1 { font-size:22px !important; }
}


.qj-bar {
  background:#f0f6fb; border-top:1px solid #d0dde8; border-bottom:1px solid #d0dde8;
  padding:10px 0;
  width:100vw; margin-left:calc(-50vw + 50%); box-sizing:border-box;
}
.qj-inner {
  max-width:1140px; margin:0 auto; padding:0 20px;
  display:flex; flex-wrap:wrap; gap:8px; align-items:center;
  justify-content:center;
}
.qj-label { font-size:11px; color:#6b8499; text-transform:uppercase; letter-spacing:.09em; font-weight:600; margin-right:4px; white-space:nowrap; }
.qj-btn {
  display:inline-flex; align-items:center; gap:6px;
  background:#fff; border:1px solid #c0d3e2; border-radius:20px;
  padding:5px 13px; font-size:12px; color:#023D60; font-weight:500;
  text-decoration:none; transition:all .18s; white-space:nowrap;
}
.qj-btn:hover { background:#023D60; color:#fff; border-color:#023D60; }
.qj-btn-y { border-color:#e8c200; color:#7a6100; }
.qj-btn-y:hover { background:#f5c800; border-color:#f5c800; color:#3a2e00; }
.qj-btn-r { border-color:#c0392b; color:#8b1a12; }
.qj-btn-r:hover { background:#c0392b; border-color:#c0392b; color:#fff; }
.qj-dot { width:10px; height:10px; border-radius:50%; display:inline-block; flex-shrink:0; }

.product_inner img:not(.new_product) {
  width:100% !important;
  height:200px !important;
  object-fit:contain !important;
  background:#f6f9fc;
  display:block;
}


.sec-head {
  display:flex; align-items:center; justify-content:center; gap:12px;
  padding:16px 24px; border-radius:6px 6px 0 0;
  margin-bottom:0; text-align:center;
  width:100vw; margin-left:calc(-50vw + 50%); box-sizing:border-box;
}
.sec-head-grey  { background:#f0f6fb; border:1px solid #d0dde8; border-bottom:none; }
.sec-head-yel   { background:#fffbea; border:1px solid #f0d060; border-bottom:none; }
.sec-head-red   { background:#fff5f4; border:1px solid #e8c0bc; border-bottom:none; }
.sec-head-green { background:#f2fbf4; border:1px solid #a8d8b0; border-bottom:none; }
.sec-head-dark  { background:#023D60; border:1px solid #023D60; border-bottom:none; }
.sec-icon { font-size:24px; flex-shrink:0; }
.sec-head h2,.sec-head h3,.sec-head h4 {
  margin:0; padding:0; background:none !important; border:none !important;
  text-shadow:none !important; text-align:center;
}
.sec-head-grey h2,.sec-head-grey h3,.sec-head-grey h4  { color:#023D60; font-size:clamp(15px,2.2vw,19px); font-weight:700; }
.sec-head-yel h2,.sec-head-yel h3,.sec-head-yel h4    { color:#7a5f00; font-size:clamp(15px,2.2vw,19px); font-weight:700; }
.sec-head-red h2,.sec-head-red h3,.sec-head-red h4    { color:#8b1a12; font-size:clamp(15px,2.2vw,19px); font-weight:700; }
.sec-head-green h2,.sec-head-green h3,.sec-head-green h4 { color:#1e5c2e; font-size:clamp(15px,2.2vw,19px); font-weight:700; }
.sec-head-dark h2,.sec-head-dark h3,.sec-head-dark h4 { color:#fff; font-size:clamp(15px,2.2vw,19px); font-weight:700; }
.sec-sub { font-size:12px; color:inherit; opacity:.72; font-weight:400; margin-left:2px; }
@media(max-width:600px){
  .sec-head { padding:12px 16px; gap:8px; }
  .sec-sub { display:block; margin-left:0; margin-top:2px; }
}


.colour-grid {
  display:flex; flex-wrap:wrap; gap:12px 16px;
  padding:20px 0 8px;
}
.colour-chip {
  display:flex; align-items:center; gap:8px;
  font-size:13px; color:#3d4f5e;
}
.colour-chip .swatch {
  width:28px; height:28px; border-radius:50%;
  border:2px solid rgba(0,0,0,.12); flex-shrink:0;
  box-shadow:0 1px 4px rgba(0,0,0,.10);
}
.sw-grey   { background:#808080; }
.sw-green  { background:#3d7a3d; }
.sw-yellow { background:#f5c800; border-color:#d4a900 !important; }
.sw-brown  { background:#7B4B2B; }
.sw-blue   { background:#1565c0; }
.sw-red    { background:#c0392b; border-color:#9b2b21 !important; }
.sw-orange { background:#e65c00; }
.sw-black  { background:#1a1a1a; }
.sw-white  { background:#fff; border-color:#aaa !important; }


.feature-card {
  border-radius:6px; overflow:hidden;
  box-shadow:0 2px 10px rgba(0,0,0,.07);
  margin-bottom:24px;
}
.fc-yel { border:1px solid #f0d060; }
.fc-red { border:1px solid #e8c0bc; }
.fc-body { padding:22px 26px 20px; }
.fc-yel .fc-body { background:#fffdf0; }
.fc-red .fc-body { background:#fff8f7; }
.fc-icon-row {
  display:flex; align-items:center; gap:14px; margin-bottom:14px;
}
.fc-colour-block {
  width:52px; height:52px; border-radius:6px; flex-shrink:0;
  display:flex; align-items:center; justify-content:center;
  font-size:24px; font-weight:900; color:#fff;
  box-shadow:0 2px 8px rgba(0,0,0,.18);
}
.fcb-yel { background:linear-gradient(135deg,#f5c800,#e8a800); }
.fcb-red { background:linear-gradient(135deg,#d63031,#b71c1c); }
.fc-title { font-size:16px; font-weight:700; margin:0 0 2px; }
.fc-yel .fc-title { color:#7a5f00; }
.fc-red .fc-title { color:#8b1a12; }
.fc-subtitle { font-size:12px; color:#888; }
.fc-body p { font-size:14px; line-height:1.75; color:#444; margin:0 0 12px; }
.fc-features {
  display:flex; flex-wrap:wrap; gap:8px; margin:14px 0 16px;
}
.fc-tag {
  display:inline-flex; align-items:center; gap:5px;
  font-size:11.5px; border-radius:14px; padding:3px 10px; font-weight:500;
}
.fc-tag-yel { background:#fff8cc; border:1px solid #e8c800; color:#6a5000; }
.fc-tag-red { background:#fff0ee; border:1px solid #e8c0bc; color:#8b1a12; }
.fc-link {
  display:inline-flex; align-items:center; gap:6px;
  font-size:13px; font-weight:700; padding:9px 20px; border-radius:4px;
  text-decoration:none; transition:all .2s;
}
.fc-link-yel { background:#f5c800; color:#3a2e00; border:1px solid #d4a900; }
.fc-link-yel:hover { background:#f0bd00; transform:translateY(-1px); }
.fc-link-red { background:#c0392b; color:#fff; border:1px solid #a93226; }
.fc-link-red:hover { background:#a93226; transform:translateY(-1px); }
.fc-sizes {
  display:flex; flex-wrap:wrap; gap:6px; margin:14px 0 16px;
}
.fc-size-badge {
  display:inline-block; padding:3px 10px; border-radius:12px;
  font-size:11px; font-weight:600;
}
.fsb-yel { background:#fff0a0; border:1px solid #ddb800; color:#5a4600; }
.fsb-red { background:#ffe8e6; border:1px solid #d88880; color:#7a1a12; }


.sec-head + .content__shadow,
.sec-head + .container__headlineh2 + .content__shadow {
  width:100vw !important;
  margin-left:calc(-50vw + 50%) !important;
  box-sizing:border-box !important;
  border-radius:0 0 6px 6px;
}

.container__headlineh2 h2,
.container__headlineh2 h3,
.container__headlineh2 h4 {
  text-align:center !important;
}
.head1, .head2, .spitzenqualitaet, .txt-center { text-align:center !important; }

.uc-table-wrap { overflow-x:auto; margin:12px 0; }
table.uc-table {
  width:100%; border-collapse:collapse; font-size:13.5px; min-width:560px;
}
table.uc-table thead tr { background:#023D60; color:#fff; }
table.uc-table th { padding:10px 14px; text-align:left; font-weight:700; white-space:nowrap; }
table.uc-table td { padding:9px 14px; border-bottom:1px solid #dde8f0; color:#444; vertical-align:middle; }
table.uc-table tr:nth-child(even) td { background:#f3f8fc; }
table.uc-table tr:hover td { background:#e6f2fa; }
table.uc-table .td-check { color:#2e7d32; font-weight:700; font-size:15px; }
table.uc-table .td-cross { color:#bbb; font-size:15px; }


.link-hub {
  display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:14px; margin:16px 0 8px;
}
.lh-card {
  background:#fff; border:1px solid #d0dde8; border-radius:5px;
  padding:16px 18px; text-decoration:none; color:inherit;
  transition:all .2s; display:flex; flex-direction:column; gap:5px;
}
.lh-card:hover { border-color:#1482B4; box-shadow:0 3px 12px rgba(2,61,96,.10); transform:translateY(-2px); }
.lh-card-icon { font-size:26px; margin-bottom:4px; }
.lh-card-title { font-size:13.5px; font-weight:700; color:#023D60; }
.lh-card-desc { font-size:12px; color:#6b8499; line-height:1.5; }
.lh-card-arrow { font-size:12px; color:#1482B4; margin-top:4px; }
.lh-card-yel { border-color:#f0d060; }
.lh-card-yel:hover { border-color:#d4a900; }
.lh-card-yel .lh-card-title { color:#7a5f00; }
.lh-card-red { border-color:#e8c0bc; }
.lh-card-red:hover { border-color:#c0392b; }
.lh-card-red .lh-card-title { color:#8b1a12; }


.faq-section { margin:20px 0 8px; }
.faq-item {
  border:1px solid #d0dde8; border-radius:4px; margin-bottom:8px; overflow:hidden;
}
.faq-q {
  width:100%; background:#f5f9fc; border:none; padding:13px 16px;
  text-align:left; font-size:14px; font-weight:600; color:#023D60;
  cursor:pointer; display:flex; justify-content:space-between; align-items:center;
  transition:background .15s;
}
.faq-q:hover { background:#e8f3fb; }
.faq-q::after { content:'＋'; font-size:16px; color:#1482B4; flex-shrink:0; margin-left:10px; }
.faq-chk { display:none; }
.faq-chk:checked ~ .faq-q::after { content:'－'; }
.faq-body { max-height:0; overflow:hidden; transition:max-height .3s ease; }
.faq-chk:checked ~ .faq-body { max-height:300px; }
.faq-body-inner { padding:12px 16px 14px; font-size:13.5px; color:#444; line-height:1.75; background:#fff; }


.cta-strip {
  background:linear-gradient(135deg,#023D60,#1482B4);
  border-radius:6px; padding:26px 28px;
  display:flex; align-items:center; justify-content:space-between;
  flex-wrap:wrap; gap:16px; margin:28px 0;
}
.cta-strip-text h3 { margin:0 0 4px; color:#fff; font-size:17px; }
.cta-strip-text p { margin:0; color:rgba(255,255,255,.78); font-size:13.5px; }
.cta-strip-btns { display:flex; gap:10px; flex-wrap:wrap; }
.cta-btn-w {
  background:#fff; color:#023D60; font-weight:700; font-size:13.5px;
  padding:10px 22px; border-radius:4px; text-decoration:none; border:none;
  transition:all .2s;
}
.cta-btn-w:hover { background:#e5f2fa; transform:translateY(-1px); }
.cta-btn-o {
  background:transparent; color:#fff; font-weight:500; font-size:13.5px;
  padding:10px 20px; border-radius:4px; text-decoration:none;
  border:1px solid rgba(255,255,255,.42); transition:all .2s;
}
.cta-btn-o:hover { border-color:rgba(255,255,255,.75); background:rgba(255,255,255,.09); }


.cert-bar {
  display:flex; flex-wrap:wrap; gap:10px 20px;
  padding:14px 0 6px; align-items:center;
}
.cert-badge {
  display:inline-flex; align-items:center; gap:7px;
  background:#f0f6fb; border:1px solid #c0d3e2; border-radius:20px;
  padding:5px 13px; font-size:12px; color:#023D60; font-weight:500;
}
.cert-badge svg { flex-shrink:0; }

/* ---- Block 2 aus dem Inline-HTML ---- */
.silver-stripe {
  display: block; width: 100%;
  background: linear-gradient(to right, #c8c8c8 0%, #e8e8e8 12%, #f5f5f5 22%, #ffffff 35%, #ffffff 50%, #f5f5f5 65%, #e4e4e4 78%, #d0d0d0 88%, #c0c0c0 100%);
  border-top:    1px solid #b0b0b0;
  border-bottom: 1px solid #b8b8b8;
  box-shadow:
    0 2px 6px rgba(0,0,0,0.18),
    0 -1px 3px rgba(0,0,0,0.08),
    inset 0 1px 2px rgba(255,255,255,0.9),
    inset 0 -1px 2px rgba(0,0,0,0.06);
  padding: 14px 32px;
  margin: 0;
  text-align: center;
  color: #096492;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.01em;
}
.silver-stripe h2,
.silver-stripe h3 {
  margin: 0; padding: 0;
  font-size: inherit; font-weight: inherit;
  color: inherit; background: none; border: none;
  line-height: inherit; display: inline;
}


.breadcrumb-bar {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0.28) 0%, rgba(0,0,0,0.10) 25%, rgba(0,0,0,0.00) 50%, rgba(255,255,255,0.70) 75%, rgba(255,255,255,1.00) 100%) !important;
  background-color: #e8e8e8 !important;
  border-bottom: 1px solid #ffffff !important;
  display: flex !important;
  align-items: center !important;
}
.breadcrumb-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 6px 16px;
  font-size: 12px;
  display: flex !important;
  align-items: center !important;
  gap: 7px;
  color: #555;
  width: 100%;
}
.breadcrumb-inner a { color: #003354 !important; text-decoration: none !important; display: flex; align-items: center; gap: 4px; }
.breadcrumb-inner a:hover { text-decoration: underline !important; }
.breadcrumb-sep { margin: 0 5px; color: #666; }


.seo-body { max-width: 960px; margin: 0 auto; padding: 28px 32px 32px; text-align: center; }
.seo-body h3 { font-size: 16px; font-weight: 600; color: #023D60; margin: 0 0 10px; padding: 0; border: none; background: none; }
.seo-body p  { color: #444; font-size: 15px; line-height: 1.72; margin: 0; }


.nav-links li { margin: 0 !important; }


.page-content {
  min-height: 320px;      
  padding-bottom: 60px;  
  box-sizing: border-box;
}

/* ---- Block 4 aus dem Inline-HTML ---- */
.footer-alte-grid ul{display:flex;flex-wrap:wrap;gap:4px 22px;min-width:0}
.footer-alte-version details summary{font-weight:400}
.footer-alte-grid li{margin:0}
.footer-alte-grid a{display:inline-block;white-space:nowrap}
@media(max-width:600px){
  .footer-alte-grid ul{display:block}
  .footer-alte-grid a{display:block}
}

/* ---- Block 5 aus dem Inline-HTML ---- */
.nav-menu-btn{display:none!important}
.nav-ham{display:none}
footer{margin-top:0!important}
.footer-inner--2col{grid-template-columns:2fr 2fr}
@media(max-width:767px){
  .topbar{height:auto;padding:8px 0}
  .topbar-inner{flex-wrap:wrap;row-gap:8px}
  .topbar-langs{order:1;width:100%;justify-content:center}
  .topbar-menu{order:2;width:100%;justify-content:center;display:flex!important}
  .nav-ham{display:flex!important;min-width:48px;min-height:44px;align-items:center;justify-content:center}
}
@media(max-width:640px){
  .footer-inner--2col{grid-template-columns:1fr!important}
}
footer{clear:both!important;position:relative!important;z-index:2!important}
.content__shadow{overflow:hidden!important}

/* ---- Block 6 aus dem Inline-HTML ---- */
.footer-layer3{--footer-bg:#021f30}


/* ---- Ergänzung: H1 aus dem Inline-Style überführt ---- */
.mwc-h1 {
  font-size: clamp(22px, 3.2vw, 38px) !important;
  font-weight: 700 !important;
  color: #fff !important;
  background: none !important;
  background-image: none !important;
  border: none !important;
  padding: 0 !important;
  text-shadow: none !important;
  display: block !important;
}

/* ---- MENU-Button IN der Hauptnavigation ausblenden ----
   Das Markup ist entfernt; die Regel bleibt als Absicherung.
   Der MENU-Link in der Topbar bleibt erhalten. */
.nav-menu-btn { display: none !important; }

/* ---- Jump-to-Leiste zentrieren ----
   Ursache: styles.css setzt auf das nackte Element
   nav{max-width:var(--max);margin:0 auto;height:66px;display:flex;padding:0 20px}
   Das greift auch auf <nav class="qj-bar">. Dadurch wird die Leiste zum
   Flex-Container, .qj-inner zum Flex-Item ohne volle Breite - das
   justify-content:center in .qj-inner laeuft dann ins Leere und die Buttons
   kleben links. Hier werden die geerbten nav-Werte zurueckgesetzt. */
nav.qj-bar {
  display: block !important;
  height: auto !important;
  max-width: none !important;
  width: 100vw !important;
  margin-left: calc(-50vw + 50%) !important;
  margin-right: 0 !important;
  padding: 10px 0 !important;
  position: relative !important;
  gap: 0 !important;
  box-sizing: border-box !important;
}
nav.qj-bar .qj-inner {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 1140px !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
  gap: 8px !important;
  box-sizing: border-box !important;
}
nav.bins__content__wheelie-bins__container{height:auto;display:block;max-width:none}