/* ---------- Włochy (strona kierunku według projektu) ---------- */
.itv{padding:16px 22px 40px;max-width:1280px;margin:0 auto;color:var(--ink)}
.ith{position:relative;min-height:330px;padding:70px 40px 60px;border-radius:20px;background-size:cover;background-position:center;color:#fff;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.itback{position:absolute;top:16px;left:20px;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:20px;background:rgba(255,255,255,.95);color:#16324a;font-size:13px;font-weight:600;box-shadow:0 2px 8px rgba(0,0,0,.15)}
.itback .i,.itplan .i,.itall .i{width:16px;height:16px}
.ith-c{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:800;letter-spacing:1.5px;text-shadow:0 1px 6px rgba(0,0,0,.35)}
.itflag{width:24px;height:24px}
.ith h1{margin:4px 0 8px;font-family:var(--f-logo);font-size:60px;font-weight:900;line-height:1;letter-spacing:-.5px;text-shadow:0 2px 14px rgba(0,0,0,.3)}
.ith p{margin:0 0 20px;font-size:17px;line-height:1.45;text-shadow:0 1px 8px rgba(0,0,0,.4)}
.itplan{display:inline-flex;align-items:center;gap:10px;padding:14px 26px;border-radius:28px;background:#1fae9f;color:#fff;font-size:15px;font-weight:700;box-shadow:0 8px 22px rgba(0,0,0,.22)}
.itplan:hover{background:#17968a}
.itfeat{position:relative;z-index:1;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin:-34px 18px 0;padding:14px 8px;list-style:none;background:var(--card);border-radius:16px;box-shadow:0 8px 26px rgba(16,40,58,.12)}
.itfeat li{display:flex;align-items:center;gap:12px;padding:4px 14px;font-size:12.5px;line-height:1.3;color:#1b2a6b;border-left:1px solid var(--line)}
.itfeat li:first-child{border-left:0}
:root[data-app-theme="dark"] .itfeat li{color:var(--ink)}
.iti{width:36px;height:36px;flex:none}
.ith2{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:28px 0 14px;flex-wrap:wrap;scroll-margin-top:16px}
.ith2 h2,h2.ith2{margin:0;font-size:26px;font-weight:800;color:#1b2a6b;letter-spacing:-.3px}
h2.ith2{margin:28px 0 14px}
:root[data-app-theme="dark"] .ith2 h2,:root[data-app-theme="dark"] h2.ith2{color:var(--ink)}
.ith2 small{font-size:13px;font-weight:500;color:var(--muted);letter-spacing:0}
.itall{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:#1b2a6b;text-decoration:underline;text-underline-offset:3px}
:root[data-app-theme="dark"] .itall{color:var(--ink)}
.itcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.itcard{position:relative;height:178px;border-radius:14px;background-size:cover;background-position:center;color:#fff;text-align:left;display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding:14px 16px;overflow:hidden;box-shadow:0 4px 14px rgba(16,40,58,.12);transition:transform .2s}
.itcard:hover{transform:translateY(-2px)}
.itcard b{display:block;font-size:17px;font-weight:800;text-shadow:0 1px 6px rgba(0,0,0,.4)}
.itcard small{display:block;font-size:12.5px;opacity:.95;margin-top:2px}
.itcard i{flex:none;width:30px;height:30px;border-radius:50%;border:2px solid #fff;display:grid;place-items:center;background:rgba(0,0,0,.25)}
.itcard i .i{width:15px;height:15px}
.itcats{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}
.itcat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:84px;padding:12px 6px;border-radius:12px;background:#edf3fb;border:2px solid transparent;font-size:12px;line-height:1.25;text-align:center;color:#1b2a6b}
:root[data-app-theme="dark"] .itcat{background:var(--soft);color:var(--ink)}
.itcat:hover{background:#e1ecf9}
.itcat.on{border-color:#1fae9f;background:#e6f6f5}
:root[data-app-theme="dark"] .itcat.on{background:var(--card)}
.itcat .iti{width:34px;height:34px}
.itgal{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.itg{position:relative;height:178px;border-radius:12px;background-size:cover;background-position:center;overflow:hidden;color:#fff;box-shadow:0 3px 10px rgba(16,40,58,.1)}
.itg-o{position:absolute;inset:0;width:100%;height:100%}
.itg-o:focus-visible{outline:3px solid #1fae9f;outline-offset:-3px;border-radius:12px}
.itg div{position:absolute;left:12px;right:12px;bottom:10px;pointer-events:none}
.itg b{display:flex;align-items:center;gap:5px;font-size:15px;font-weight:800;text-shadow:0 1px 5px rgba(0,0,0,.45)}
.itg b .i{width:16px;height:16px;fill:#fff;stroke:rgba(0,0,0,.35)}
.itg small{display:block;margin-top:2px;font-size:11.5px;opacity:.95;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.itg-h{position:absolute;top:8px;right:8px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#fff}
.itg-h:hover{background:rgba(0,0,0,.18)}
.itg-h .i{width:23px;height:23px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}
.itg-h.on .i{fill:#ef3d78;stroke:#fff}
#itDet .kdet-a button.on{background:#fde4ee;color:#d81b60}
#itDet .kdet-a button.on .i{fill:#d81b60}
@media (max-width:1100px){.itfeat{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:12px}.itfeat li:nth-child(4){border-left:0}.itcats{grid-template-columns:repeat(4,minmax(0,1fr))}.itgal{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:720px){
  .itv{padding:0 12px 100px}
  .ith{border-radius:0;margin:0 -12px;min-height:300px;padding:64px 18px 56px;background-position:62% center}
  .ith::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,30,55,.55),rgba(4,30,55,.2) 75%)}
  .ith>*{position:relative;z-index:1}.ith>.itback{position:absolute}
  .ith h1{font-size:44px}.ith p{font-size:15px}
  .itfeat{grid-template-columns:repeat(2,minmax(0,1fr));margin:-30px 0 0;padding:10px 4px}
  .itfeat li{border-left:0;padding:6px 8px;font-size:12px}.iti{width:30px;height:30px}
  .ith2 h2,h2.ith2{font-size:21px}
  .itcards{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -12px;padding:0 12px 4px;scrollbar-width:none}
  .itcards::-webkit-scrollbar{display:none}
  .itcard{flex:0 0 82%;scroll-snap-align:start;height:170px}
  .itcats{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
  .itcat{min-height:76px;padding:8px 4px;font-size:11px}.itcat .iti{width:28px;height:28px}
  .itgal{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .itg{height:140px}.itg b{font-size:14px}.itg small{font-size:10.5px}
}