.elementor-3321 .elementor-element.elementor-element-e14e32b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3321 .elementor-element.elementor-element-02584b9.elementor-element{--align-self:stretch;}@media(max-width:767px){.elementor-3321 .elementor-element.elementor-element-e14e32b{--content-width:100vw;}}@media(min-width:768px){.elementor-3321 .elementor-element.elementor-element-e14e32b{--content-width:80vw;}}@media(max-width:1024px) and (min-width:768px){.elementor-3321 .elementor-element.elementor-element-e14e32b{--content-width:100vw;}}/* Start custom CSS for html, class: .elementor-element-02584b9 */:root{
    --glass:#2E7D32; --paper:#1565C0; --plastic:#E69500; --mixed:#5B6670;
    --hazard:#B23A2E; --hazard-tint:#FBEBE9;
    --ink:#1B1B1B; --muted:#5A5A5A;
    --ok:#2E7D32; --no:#C0392B;
  }
  *{box-sizing:border-box;}
  html,body{margin:0;padding:0;}
  body{
    font-family:"Helvetica Neue",Arial,"Segoe UI",sans-serif;
    color:var(--ink); background:#9a9a9a; line-height:1.35;
    -webkit-font-smoothing:antialiased;
  }
  .page1{
    width:210mm; min-height:297mm; margin:10mm auto; padding:9mm 10mm;
    background:#fff; box-shadow:0 2px 14px rgba(0,0,0,.25);
    display:flex; flex-direction:column;
  }

  .grid{ display:grid; grid-template-columns:1fr 1fr; gap:5mm; }

  .hero{ background:linear-gradient(135deg,#43A047,#2E7D32); border-radius:12px;
    padding:14px 26px; display:flex; align-items:center; gap:22px; color:#fff; margin-bottom:6mm; }
  .hero svg{ flex:none; width:84px; height:68px; }
  .hero .eyebrow{ font-size:10.5pt; font-weight:600; letter-spacing:1px;
    text-transform:uppercase; opacity:.9; }
  .hero h1{ font-size:23pt; font-weight:800; margin:3px 0 0; letter-spacing:-.5px; line-height:1.05; }

  .bin{ border:1.5px solid; border-radius:10px; overflow:hidden;
        page-break-inside:avoid; break-inside:avoid; display:flex; flex-direction:column; }
  .bin.glass{ border-color:var(--glass); }
  .bin.paper{ border-color:var(--paper); }
  .bin.plastic{ border-color:var(--plastic); }
  .bin.mixed{ border-color:var(--mixed); }

  .bin-head{ display:flex; align-items:center; gap:13px; padding:16px 19px; color:#fff; }
  .bin.glass   .bin-head{ background:var(--glass); }
  .bin.paper   .bin-head{ background:var(--paper); }
  .bin.plastic .bin-head{ background:var(--plastic); }
  .bin.mixed   .bin-head{ background:var(--mixed); }

  .bin-head svg{ flex:none; width:60px; height:68px; }
  .bin-head .titles{ flex:1; min-width:0; }
  .bin-head h2{ font-size:15.5pt; font-weight:800; margin:0; letter-spacing:-.2px; line-height:1.12; }
  .color-tag{ display:block; font-size:9pt; font-weight:700; text-transform:uppercase;
    letter-spacing:.5px; margin-top:5px; opacity:.95; }

  .bin-body{ padding:14px 18px 15px; flex:1; }
  .tip{ font-size:9.4pt; color:var(--muted); font-style:italic; margin:0 0 11px; }

  .cols{ display:flex; gap:16px; }
  .col{ flex:1; min-width:0; }
  .col h3{ font-size:12pt; font-weight:800; margin:0 0 7px; padding-bottom:5px;
    display:flex; align-items:center; gap:7px; border-bottom:2px solid; }
  .col.yes h3{ color:var(--ok); border-color:var(--ok); }
  .col.no  h3{ color:var(--no); border-color:var(--no); }
  .badge{ font-size:14pt; line-height:1; }

  .col ul{ margin:0; padding-left:0; list-style:none; }
  .col li{ font-size:10.2pt; padding:3.5px 0 3.5px 19px; position:relative; line-height:1.35; }
  .col.yes li::before{ content:"✓"; color:var(--ok); position:absolute; left:0; font-weight:700; }
  .col.no  li::before{ content:"✕"; color:var(--no); position:absolute; left:0; font-weight:700; }

  .hazard{ border:1.5px solid var(--hazard); border-radius:10px; background:var(--hazard-tint);
    padding:14px 20px; margin-top:5mm; page-break-inside:avoid; break-inside:avoid; }
  .hazard h2{ color:var(--hazard); font-size:15pt; margin:0 0 10px; font-weight:800;
    display:flex; align-items:center; gap:10px; }
  .hazard h2 svg{ width:28px; height:28px; flex:none; }
  .hazard p{ font-size:10.2pt; margin:0 0 12px; }
  .hazard .haz-list{ font-size:10.2pt; margin:0; padding-left:22px; columns:3; column-gap:24px; line-height:1.7; }

  @page{ size:A4; margin:0; }
  @media print{
    body{ background:#fff; }
    .page{ box-shadow:none; margin:0; width:auto; min-height:auto; padding:9mm 10mm 6mm; }
  }/* End custom CSS */