/* Ekologija.hr Focus module v2.2.0 — promoted from the approved sandbox candidate. */
        #fokus-teme[data-focus-v2] {
          min-width: 0;
          margin-block: 8px 26px;
          padding-block: 6px 0;
        }

        #fokus-teme[data-focus-v2] .focus-v2__heading {
          align-items: flex-end;
          margin-bottom: 14px;
        }

        #fokus-teme[data-focus-v2] .focus-v2__intro p {
          max-width: 590px;
          margin: 4px 0 0;
          color: #53665d;
          font-size: 13px;
          line-height: 1.45;
        }

        #fokus-teme[data-focus-v2] .focus-v2__heading-tools,
        #fokus-teme[data-focus-v2] .focus-v2__controls {
          display: flex;
          align-items: center;
        }

        #fokus-teme[data-focus-v2] .focus-v2__heading-tools { gap: 10px; }
        #fokus-teme[data-focus-v2] .focus-v2__controls { gap: 6px; }

        #fokus-teme[data-focus-v2] .focus-v2__all {
          color: #0a4a31;
          font-size: 12px;
          font-weight: 800;
          text-decoration: none;
          white-space: nowrap;
        }

        #fokus-teme[data-focus-v2] .focus-v2__control {
          display: grid;
          width: 34px;
          height: 34px;
          padding: 0;
          place-items: center;
          border: 1px solid #9eb9a8;
          border-radius: 50%;
          background: #fff;
          color: #073a25;
          cursor: pointer;
          font: inherit;
          transition: border-color .2s ease, background-color .2s ease, color .2s ease;
        }

        #fokus-teme[data-focus-v2] .focus-v2__control:hover,
        #fokus-teme[data-focus-v2] .focus-v2__control:focus-visible {
          border-color: #073a25;
          background: #073a25;
          color: #fff;
          outline: none;
        }

        #fokus-teme[data-focus-v2] .focus-v2__control:disabled {
          opacity: .36;
          cursor: default;
        }

        #fokus-teme[data-focus-v2] .focus-v2__position {
          min-width: 48px;
          color: #607168;
          font-size: 11px;
          font-variant-numeric: tabular-nums;
          text-align: center;
        }

        #fokus-teme[data-focus-v2] .focus-v2__viewport {
          min-width: 0;
          overflow-x: auto;
          overscroll-behavior-inline: contain;
          scrollbar-width: none;
          scroll-snap-type: x mandatory;
          scroll-padding-inline: 1px;
        }

        #fokus-teme[data-focus-v2] .focus-v2__viewport::-webkit-scrollbar { display: none; }

        #fokus-teme[data-focus-v2] .focus-v2__viewport:focus-visible {
          outline: 2px solid #77a82c;
          outline-offset: 5px;
          border-radius: 16px;
        }

        #fokus-teme[data-focus-v2] .focus-v2__track {
          display: grid;
          grid-auto-columns: calc((100% - 30px) / 3.16);
          grid-auto-flow: column;
          gap: 14px;
          padding: 1px 1px 5px;
        }

        #fokus-teme[data-focus-v2] .focus-v2-card {
          display: grid;
          min-width: 0;
          min-height: 342px;
          grid-template-rows: 142px minmax(126px, 1fr) 66px;
          overflow: hidden;
          border: 1px solid #cad9ce;
          border-radius: 15px;
          background: #fff;
          box-shadow: 0 5px 16px rgba(8, 51, 34, .06);
          scroll-snap-align: start;
          transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
        }

        #fokus-teme[data-focus-v2] .focus-v2-card:hover {
          transform: translateY(-2px);
          border-color: #96b3a0;
          box-shadow: 0 10px 24px rgba(8, 51, 34, .1);
        }

        #fokus-teme[data-focus-v2] .focus-v2-card__media {
          position: relative;
          display: block;
          min-height: 0;
          overflow: hidden;
          background: #dce7dd;
        }

        #fokus-teme[data-focus-v2] .focus-v2-card__media::after {
          position: absolute;
          inset: 0;
          background: linear-gradient(180deg, rgba(2, 28, 18, .02) 38%, rgba(2, 28, 18, .42));
          content: "";
          pointer-events: none;
        }

        #fokus-teme[data-focus-v2] .focus-v2-card__media img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          transition: transform .45s ease;
        }

        #fokus-teme[data-focus-v2] .focus-v2-card:hover .focus-v2-card__media img { transform: scale(1.025); }

        #fokus-teme[data-focus-v2] .focus-v2-card__badge,
        #fokus-teme[data-focus-v2] .focus-v2-card__number {
          position: absolute;
          z-index: 2;
          top: 10px;
          color: #fff;
          font-size: 9px;
          font-weight: 900;
          letter-spacing: .075em;
          text-transform: uppercase;
        }

        #fokus-teme[data-focus-v2] .focus-v2-card__badge {
          left: 10px;
          padding: 5px 8px;
          border-radius: 999px;
          background: rgba(7, 58, 37, .88);
          backdrop-filter: blur(7px);
        }

        #fokus-teme[data-focus-v2] .focus-v2-card__number { right: 11px; }

        #fokus-teme[data-focus-v2] .focus-v2-card__body {
          display: flex;
          min-width: 0;
          flex-direction: column;
          padding: 13px 14px 11px;
        }

        #fokus-teme[data-focus-v2] .focus-v2-card__eyebrow {
          color: #558029;
          font-size: 9px;
          font-weight: 900;
          letter-spacing: .085em;
          line-height: 1.2;
          text-transform: uppercase;
        }

        #fokus-teme[data-focus-v2] .focus-v2-card h3 {
          margin: 5px 0 5px;
          color: #073a25;
          font-family: Georgia, "Times New Roman", serif;
          font-size: clamp(18px, 1.45vw, 22px);
          font-weight: 700;
          line-height: 1.02;
          letter-spacing: -.025em;
        }

        #fokus-teme[data-focus-v2] .focus-v2-card h3 a {
          color: inherit;
          text-decoration: none;
        }

        #fokus-teme[data-focus-v2] .focus-v2-card__body > p {
          display: -webkit-box;
          margin: 0;
          overflow: hidden;
          color: #52645a;
          font-size: 11.5px;
          line-height: 1.4;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
        }

        #fokus-teme[data-focus-v2] .focus-v2-card__metrics {
          display: grid;
          grid-template-columns: repeat(3, minmax(0, 1fr));
          gap: 7px;
          margin: auto 0 0;
        }

        #fokus-teme[data-focus-v2] .focus-v2-card__metrics > div {
          display: flex;
          min-width: 0;
          align-items: baseline;
          gap: 4px;
          color: #214f39;
        }

        #fokus-teme[data-focus-v2] .focus-v2-card__metrics dt {
          order: 2;
          overflow: hidden;
          font-size: 8.5px;
          font-weight: 800;
          letter-spacing: .04em;
          text-overflow: ellipsis;
          text-transform: uppercase;
          white-space: nowrap;
        }

        #fokus-teme[data-focus-v2] .focus-v2-card__metrics dd {
          margin: 0;
          font-family: Georgia, "Times New Roman", serif;
          font-size: 17px;
          font-weight: 700;
        }

        #fokus-teme[data-focus-v2] .focus-v2-card__state {
          display: inline-flex;
          width: fit-content;
          min-height: 25px;
          align-items: center;
          margin-top: auto;
          padding: 5px 9px;
          border-radius: 999px;
          background: #edf3e9;
          color: #53665d;
          font-size: 10px;
          font-weight: 800;
        }

        #fokus-teme[data-focus-v2] .focus-v2-card__footer {
          display: flex;
          min-width: 0;
          align-items: center;
          justify-content: space-between;
          gap: 8px;
          padding: 9px 10px 9px 13px;
          border-top: 1px solid #dce6de;
          background: #f7f4e9;
        }

        #fokus-teme[data-focus-v2] .focus-v2-card__footer--development { background: #f5f7f3; }

        #fokus-teme[data-focus-v2] .focus-v2-card__patron-block {
          display: flex;
          min-width: 0;
          flex: 1;
          flex-direction: column;
          gap: 3px;
        }

        #fokus-teme[data-focus-v2] .focus-v2-card__patron-label {
          color: #4d5f55;
          font-size: 9px;
          font-weight: 850;
          letter-spacing: .075em;
          line-height: 1;
          text-transform: uppercase;
        }

        #fokus-teme[data-focus-v2] .focus-v2-card__patron {
          display: flex;
          min-width: 0;
          align-items: center;
          gap: 7px;
        }

        #fokus-teme[data-focus-v2] .focus-v2-card__patron img {
          width: 38px;
          height: 29px;
          object-fit: contain;
          background: transparent;
        }

        #fokus-teme[data-focus-v2] .focus-v2-card__patron-name {
          overflow: hidden;
          color: #153f2d;
          font-size: 10px;
          font-weight: 850;
          text-overflow: ellipsis;
          white-space: nowrap;
        }

        #fokus-teme[data-focus-v2] .focus-v2-card__footer > .focus-v2-card__state {
          margin: 0;
          padding: 0;
          background: none;
          color: #4d5f55;
          font-size: 10px;
          line-height: 1.25;
        }

        #fokus-teme[data-focus-v2] .focus-v2-card__open {
          display: inline-flex;
          min-width: 58px;
          min-height: 34px;
          align-items: center;
          justify-content: center;
          gap: 4px;
          padding: 0 9px;
          border-radius: 999px;
          background: #073a25;
          color: #fff;
          font-size: 10px;
          font-weight: 900;
          text-decoration: none;
          white-space: nowrap;
        }

        #fokus-teme[data-focus-v2] .focus-v2__progress {
          display: flex;
          width: 112px;
          gap: 5px;
          margin: 8px auto 0;
        }

        #fokus-teme[data-focus-v2] .focus-v2__progress span {
          height: 3px;
          flex: 1;
          border-radius: 999px;
          background: #d4ded6;
          transition: background-color .2s ease, transform .2s ease;
        }

        #fokus-teme[data-focus-v2] .focus-v2__progress span.is-active {
          transform: scaleY(1.35);
          background: #79ad2e;
        }

        #fokus-teme[data-focus-v2] .focus-v2__help {
          margin: 5px 0 0;
          color: #506158;
          font-size: 10px;
          text-align: center;
        }

        #fokus-teme[data-focus-v2] .focus-v2__editorial {
          display: flex;
          align-items: center;
          gap: 7px 10px;
          margin-top: 9px;
          padding-top: 8px;
          border-top: 1px solid #d7e1d9;
          color: #66736b;
          font-size: 10px;
          line-height: 1.35;
        }

        #fokus-teme[data-focus-v2] .focus-v2__editorial svg {
          width: 13px;
          height: 13px;
          flex: 0 0 auto;
          color: #73a52e;
        }

        #fokus-teme[data-focus-v2] .focus-v2__editorial p { margin: 0; }
        #fokus-teme[data-focus-v2] .focus-v2__editorial strong { color: #214f39; }

        #fokus-teme[data-focus-v2] .focus-v2__editorial a {
          margin-left: auto;
          color: #0b4c32;
          font-weight: 800;
          text-decoration: none;
          white-space: nowrap;
        }

        #fokus-teme[data-focus-v2] a:focus-visible {
          outline: 2px solid #6fa32c;
          outline-offset: 3px;
        }

        /* Existing page rail collapses at 1080px. Keep 3+ cards when the main
           column regains full width; use 2+ only while the rail is still tight
           and on true tablet widths. */
        @media (min-width: 1081px) and (max-width: 1160px), (max-width: 900px) {
          #fokus-teme[data-focus-v2] .focus-v2__track {
            grid-auto-columns: calc((100% - 18px) / 2.15);
          }
        }

        @media (max-width: 760px) {
          #fokus-teme[data-focus-v2] .focus-v2__heading {
            align-items: flex-start;
            gap: 10px;
          }
          #fokus-teme[data-focus-v2] .focus-v2__heading-tools {
            flex-direction: column;
            align-items: flex-end;
            gap: 7px;
          }
          #fokus-teme[data-focus-v2] .focus-v2__all { display: none; }
          #fokus-teme[data-focus-v2] .focus-v2__track {
            grid-auto-columns: min(84vw, 310px);
          }
          #fokus-teme[data-focus-v2] .focus-v2-card {
            min-height: 350px;
            grid-template-rows: 148px minmax(128px, 1fr) 68px;
          }
          #fokus-teme[data-focus-v2] .focus-v2__editorial {
            align-items: flex-start;
            flex-wrap: wrap;
          }
          #fokus-teme[data-focus-v2] .focus-v2__editorial a {
            width: 100%;
            margin-left: 23px;
          }
        }

        @media (prefers-reduced-motion: reduce) {
          #fokus-teme[data-focus-v2] .focus-v2-card,
          #fokus-teme[data-focus-v2] .focus-v2-card__media img,
          #fokus-teme[data-focus-v2] .focus-v2__control,
          #fokus-teme[data-focus-v2] .focus-v2__progress span { transition: none; }
        }