:root{--bg:#fdfaf6;--card:#fff;--primary:#e8a87c;--primary-soft:#f6e3d3;--accent:#7c9a92;--text:#2b2b2b;--muted:#6b6b6b;--border:#eee6dd;--green:#7fae9f;--green-soft:#e6f2ed;--red:#b04a4a;--red-soft:#f3dada;--container-max-width:1100px;--container-padding:20px;--radius-sm:10px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:999px;--shadow-sm:0 4px 12px #0000000a;--shadow-md:0 6px 20px #0000000f;--shadow-lg:0 12px 30px #00000014}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}h1,h2,h3,h4,h5,h6{margin-top:0;line-height:1.2}p{margin-top:0}button{font-family:inherit}.container{max-width:var(--container-max-width);padding:0 var(--container-padding);margin:0 auto}main{padding-top:30px}.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;width:100%;display:grid}.section{margin-bottom:60px}.header{-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border);z-index:10;background:#ffffffb3;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;height:70px;display:flex}.logo{color:var(--text);font-size:18px;font-weight:600}.nav{gap:20px;display:flex}.nav a{color:var(--muted);font-size:14px;text-decoration:none;transition:color .2s}.nav a:hover{color:var(--text)}.hero{margin-bottom:40px}.hero-content{width:100%;box-shadow:var(--shadow-md);border:1px solid var(--border);background:linear-gradient(35deg, var(--green-soft), var(--bg));border-radius:var(--radius-xl);grid-template-columns:1fr 1fr;align-items:center;gap:30px;padding:40px;display:grid}.hero-text{max-width:500px}.hero h1{color:var(--text);margin-bottom:16px;font-size:40px}.hero p{color:var(--muted);margin-bottom:20px;line-height:1.6}.hero-button{background:var(--primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;padding:12px 18px;font-size:14px;font-weight:500;transition:transform .15s}.hero-button:hover{transform:scale(1.05)}.hero-button:active{transform:scale(.98)}.hero-image{height:420px}.hero-image img{object-fit:cover;border-radius:var(--radius-xl);width:100%;height:100%}.card{background:var(--card);border-radius:var(--radius-lg);cursor:pointer;border:1px solid var(--border);box-shadow:var(--shadow-md);padding:12px;transition:all .2s}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)scale(1.02)}.card:active{transform:translateY(-2px)scale(1.01)}.card-image{object-fit:cover;border-radius:var(--radius-md);background:var(--border);width:100%;height:160px;margin-bottom:10px}.card-title{color:var(--text);margin:0 0 6px;font-size:18px;font-weight:600}.card-age{color:var(--muted);margin:0 0 8px;font-size:14px}.badge{border-radius:var(--radius-full);padding:4px 10px;font-size:12px;font-weight:500;display:inline-block}.badge.available{background:var(--green-soft);color:var(--green)}.badge.adopted{background:var(--red-soft);color:var(--red)}.badge{background:var(--border);color:var(--text)}.badge[data-type=spokojny]{background:var(--green-soft);color:var(--green)}.badge[data-type=aktywny]{color:#1976d2;background:#e3f2fd}.badge[data-type=potrzebuje\ czasu]{color:#7b1fa2;background:#f3e5f5}.badge[data-type="do adopcji razem"]{color:#ef6c00;background:#fff3e0}.btn{background:var(--primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;padding:12px 16px;font-size:14px;font-weight:500;transition:all .15s;display:inline-block}.btn:hover{opacity:.9;transform:scale(1.02)}.btn:active{transform:scale(.98)}.btn-secondary{background:var(--accent)}.btn-ghost{color:var(--muted);border:1px solid var(--border);background:0 0}.btn-ghost:hover{color:var(--text);border-color:var(--text)}.footer{color:var(--muted);border-top:1px solid var(--border);margin-top:60px;padding:30px 0;font-size:14px}@media (width<=768px){.hero-content{grid-template-columns:1fr}.hero h1{font-size:32px}.hero-image{height:300px}.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}.nav{gap:15px}.nav a{font-size:13px}}@media (width<=480px){.header-inner{height:60px}.logo{font-size:16px}.hero{padding:40px 0}.hero h1{font-size:28px}.grid{grid-template-columns:1fr}}.mt-20{margin-top:20px}.mb-20{margin-bottom:20px}.text-muted{color:var(--muted)}.text-center{text-align:center}.cat-details-back{cursor:pointer;color:var(--muted);background:0 0;border:none;margin-bottom:20px;padding:8px 0;font-size:14px;transition:color .2s}.cat-details-back:hover{color:var(--text);transform:none}.cat-details-grid{grid-template-columns:1fr 1fr;align-items:start;gap:40px;margin-bottom:40px;display:grid}.cat-details-image{border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-md)}.cat-details-info h1{margin:0 0 8px;font-size:32px}.cat-details-age{color:var(--muted);margin-bottom:16px;font-size:16px}.cat-details-description{color:var(--text);margin-bottom:24px;line-height:1.6}.cat-details-status{margin-bottom:24px;font-size:16px;font-weight:600}.cat-details-status.available{color:var(--green)}.cat-details-status.adopted{color:var(--muted)}.cat-details-adopt-btn{margin-top:8px}.cat-details-loading,.cat-details-error{text-align:center;color:var(--muted);padding:60px 20px}.cat-details-error h2{color:var(--text);margin-bottom:20px}@media (width<=768px){.cat-details-grid{grid-template-columns:1fr;gap:24px}.cat-details-info h1{font-size:28px}}