:root{
      --ink:#173b2a;         /* text */
      --muted:#5b6c62;       /* sekundárny text – jemnejší */
      --brand:#165c34;       /* brand zelená */
      --bg:#f6fbf7;          /* pozadie */
      --line:#e9f0ea;        /* deliaca čiara / rámiky */
      --line-soft:#edf4ef;   /* ešte jemnejšia čiara pre právnu lištu */
      --chip:#eef6ef;        /* štítok */
      --white:#fff;
    }

    /* rámec */
    #eph-footer{
      background:var(--bg);
      border-top:1px solid var(--line);
      color:var(--ink);
      font-synthesis-weight:none;
      box-shadow:0 -1px 0 rgba(0,0,0,.03) inset;
    }
    #eph-footer .wrap{
      max-width:1180px;
      margin:0 auto;
      padding:22px 18px;
    }

    /* horný grid – kompaktný */
    .ft-top{
      display:grid;
      grid-template-columns:1.05fr .8fr .8fr 1.05fr;
      gap:24px;
      align-items:start;
      font-size:13px;
      line-height:1.45;
    }

    /* značka */
    .brandRow{
      display:flex;
      gap:12px;
      align-items:flex-start;
      margin-bottom:6px;
    }
    .brandRow .logo{
      display:block;
      width:auto;
      height:auto;
      max-width:106px;
    }

    /* text pod logom – ešte jemnejší a menší */
    .claim{
      margin:10px 0 3px;
      font-size:11px;
      line-height:1.6;
      color:#7c8b84;
      font-weight:400;
      max-width:230px;
    }

    /* Xenyra blok – posunutý nižšie od textu */
    .sister-block{
      display:inline-flex;
      flex-direction:column;
      align-items:flex-start;
      gap:3px;
      margin-top:33px;
    }

    /* Xenyra – menšie a jemnejšie */
    .sister{
      display:inline-flex;
      gap:8px;
      align-items:center;
    }
    .sister img{
      height:18px;
      width:auto;
    }
    .sister a{
      font-size:11px;
      font-weight:560;
      color:var(--ink);
      text-decoration:none;
    }
    .sister a:hover{
      color:var(--brand);
    }

    /* jemný podpis JK pod Xenyra.com */
    .author{
      display:flex;
      flex-direction:column;
      align-items:flex-start;
      text-align:left;
      font-size:10px;
      line-height:1.25;
      color:var(--muted);
      opacity:.65;
      margin-left:26px;
      margin-top:1px;
    }
    .author span{
      margin-bottom:2px;
      font-size:10px;
      font-weight:400;
      letter-spacing:.015em;
    }
    .author img{
      height:18px;
      width:auto;
      display:block;
      opacity:.9;
    }

    /* sekcie */
    .ft-top h5{
      margin:0 0 4px;
      font-size:13px;
      font-weight:600;
      line-height:1.2;
      letter-spacing:.01em;
      color:var(--brand);
    }
    .ft-top ul{list-style:none;margin:0;padding:0}
    .ft-top li{margin:6px 0}
    .ft-top a{
      color:var(--ink);
      text-decoration:none;
    }
    .ft-top a:hover{color:var(--brand)}

    /* kontakt tlačidlá – menej agresívne */
    .btn{
      display:inline-flex;
      align-items:center;
      gap:6px;
      padding:3px 9px;
      min-height:26px;
      border:1px solid #e2ebe4;
      border-radius:7px;
      background:var(--white);
      text-decoration:none;
      color:var(--muted);
      font-weight:480;
      font-size:11px;
      transition:border-color .15s ease, box-shadow .15s ease;
    }
    .btn:hover{
      border-color:var(--brand);
      box-shadow:0 3px 10px rgba(0,0,0,.03);
      color:var(--ink);
    }
    .btn.wa{border-color:#d9efe2}
    .btn.wa .icon{stroke:#1faa52}

    .contact-row{
      display:flex;
      gap:6px;
      flex-wrap:wrap;
    }
    .icon{
      width:16px;
      height:16px;
      stroke:currentColor;
      fill:none;
    }

    .person{
      display:grid;
      gap:3px;
      margin:4px 0 8px;
    }
    .person .who{
      font-weight:490;
      font-size:13px;
      letter-spacing:.03px;
    }

    .chip{
      display:inline-block;
      padding:2px 7px;
      border-radius:999px;
      background:var(--chip);
      color:var(--muted);
      font-size:11px;
      margin-left:6px;
    }

    /* 1. riadok – sociálne siete */
    .ft-legal{
      margin-top:16px;
      padding-top:8px;
      border-top:1px solid var(--line-soft);
      text-align:center;
      color:var(--muted);
      font-size:13px;
      line-height:1.3;
    }

    .ft-right{
      margin:0 0 8px;
      display:flex;
      justify-content:center;
      align-items:center;
      gap:10px;
    }

    .soc{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      width:34px;
      height:34px;
      border-radius:8px;
      background:var(--white);
      border:1px solid var(--line);
    }
    .soc svg{
      width:18px;
      height:18px;
      stroke:var(--brand);
      fill:none;
    }
    .soc img{
      height:18px;
      width:auto;
      display:block;
    }

    /* 2. riadok – právne linky */
    .ft-links{
      display:flex;
      justify-content:center;
      gap:14px;
      flex-wrap:wrap;
      margin:0 0 4px;
    }
    .ft-legal a{
      text-decoration:none;
      transition:color .12s ease, text-decoration-color .12s ease;
    }
    .ft-links a{
      color:var(--muted);
      font-size:13px;
      font-weight:450;
    }
    .ft-legal a:hover{
      text-decoration:underline;
      color:var(--ink);
    }

    /* 3. riadok – copyright */
    .ft-copy{
      margin:8px 0 0;
      text-align:center;
      font-size:11.5px;
      color:var(--muted);
      font-weight:450;
    }
    .ft-copy .ft-sep{margin:0 6px;}
    .ft-copy .jk-copy{
      display:inline-flex;
      align-items:center;
      gap:4px;
      font-size:11px;
      color:var(--muted);
    }
    .ft-copy .jk-copy img{
      height:16px;
      width:auto;
      vertical-align:middle;
      opacity:.9;
    }

    /* responzívne */
    @media (max-width:980px){
      .ft-top{grid-template-columns:1fr 1fr}
    }
    @media (max-width:640px){
      .ft-top{grid-template-columns:1fr}
    }