.header{background:#fff;border-bottom:1px solid #eee;width:100%;position:relative}.header__container{justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;padding:12px 20px;display:flex}.header__logo{cursor:pointer;font-size:18px;font-weight:600}.header__nav a{color:#444;font-size:15px;text-decoration:none}.header__nav a:hover{text-decoration:underline}.header__actions{align-items:center;gap:16px;display:flex}.header__nav{gap:20px;display:none}.header__login{color:#444;font-size:15px;text-decoration:none;display:none}.header__login:hover{text-decoration:underline}.header__burger{cursor:pointer;font-size:22px}.header__lang{cursor:pointer;color:#444;-webkit-user-select:none;user-select:none;font-size:14px;position:relative}.header__lang-menu{z-index:30;background:#fff;border:1px solid #ddd;border-radius:6px;flex-direction:column;min-width:60px;padding:6px 0;display:flex;position:absolute;top:120%;right:0;box-shadow:0 4px 12px #00000014}.header__lang-menu div{cursor:pointer;padding:6px 12px}.header__lang-menu div:hover{background:#f5f5f5}@media (width>=768px){.header__nav{display:flex}.header__burger{display:none}}.header__dropdown{z-index:30;background:#fff;border:1px solid #ddd;border-radius:8px;flex-direction:column;min-width:180px;padding:8px 0;display:flex;position:absolute;top:120%;right:0;box-shadow:0 6px 20px #00000014}.header__dropdown a,.header__dropdown div{color:#444;cursor:pointer;padding:8px 14px;font-size:14px;text-decoration:none}.header__dropdown a:hover,.header__dropdown div:hover{background:#f5f5f5}.header__menu{position:relative}.header__burger{cursor:pointer;padding:4px;font-size:22px}.header__nav a:last-child{font-weight:500}.modal_overlay_login{z-index:999;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal_login{text-align:center;z-index:1000;background:#fff;border-radius:10px;flex-direction:column;gap:12px;min-width:320px;padding:24px;display:flex}.google-btn{color:#3c4043;cursor:pointer;background:#fff;border:1px solid #dadce0;border-radius:6px;justify-content:center;align-items:center;gap:10px;width:100%;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.google-btn:hover{background:#f7f8f8;box-shadow:0 1px 2px #0000001a}.google-icon{width:18px;height:18px}.cancel-btn{color:#5f6368;cursor:pointer;background:0 0;border:none;margin-top:10px;font-size:14px}.cancel-btn:hover{text-decoration:underline}.hero{text-align:center;max-width:600px;padding:6px}.pet-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;display:grid}.pet-card{cursor:pointer;appearance:none;color:#222;background:#fff;border:1px solid #ddd;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:16px;display:flex}.pet-card:hover{transform:translateY(-2px)}.emoji{font-size:28px}.label{text-transform:capitalize;margin-top:8px}.browse-all{color:#666;cursor:pointer;background:0 0;border:none;margin-top:12px}.page{text-align:center;background:linear-gradient(135deg,#e7e6f0,#fffbf9);justify-content:center;align-items:center;display:flex}.page--centered{justify-content:center;align-items:flex-start;min-height:100%;padding-top:40px;padding-bottom:40px;display:flex}.container{background-image:url(/assets/background-BrUhD6mX.png);padding:20px;animation:.6s ease-in-out fadeIn}.container--narrow{width:100%;max-width:500px;margin:0 auto}.container--wide{background-image:url(/assets/background-BrUhD6mX.png);width:100%;max-width:1100px;margin:0 auto}.logo{object-fit:contain;width:100%;max-width:320px;height:auto;max-height:30vh}h1{color:#6c8c4f;margin:5px 0;font-size:28px}h2{color:#6c8c4f;margin:10px 0;font-size:18px}p{margin-bottom:25px;font-size:16px;line-height:1.5}.footer{color:#888;margin-top:30px;font-size:13px}@media (width>=768px){h1{color:#6c8c4f;margin:10px 0;font-size:34px}p{font-size:18px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}body{color:#444;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif}.centered-page{justify-content:center;align-items:center;height:100%;display:flex}.footer{text-align:center;color:#888;padding:16px;font-size:13px}.layout{background:#fff;flex-direction:column;min-height:100dvh;display:flex}.text-centered{text-align:center}.main{flex:1}html,body,#root{height:100%}.filters{text-align:center;flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.helpers-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.helper-card{background:#fff;border:1px solid #ddd;border-radius:8px;flex-direction:column;padding:12px;display:flex}.helper-card .header{justify-content:space-between;margin-bottom:6px;display:flex}.helper-card button{width:100%;margin-top:auto}.helpers-page{width:100%;max-width:1100px;margin:0 auto}.filters{gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.filter-button{cursor:pointer;white-space:nowrap;color:#6c8c4f;background:#fff;border:1px solid #ddd;border-radius:20px;align-items:center;gap:6px;padding:8px 12px;font-size:14px;transition:all .2s;display:flex}.filter-button:hover{background:#f5f5f5}.filter-button .value{color:#666}.filter-button.active{background:#e8f5e9;border-color:#4caf50}.filter-modal{z-index:1000;background:#fff;border-radius:12px 12px 0 0;min-width:150px;max-height:70vh;padding:16px;position:absolute;overflow-y:auto}@keyframes slideUp{to{transform:translateY(0)}}.filter-modal h3{margin-bottom:12px}.filter-modal button{text-align:left;cursor:pointer;color:#666;background:#fff;border:1px solid #ddd;border-radius:8px;width:100%;margin-bottom:8px;padding:10px;display:block}.filter-modal button:hover{background:#f5f5f5}.filter-modal button.active{background:#e8f5e9;border-color:#4caf50}.filters .modal input[type=date]{border:1px solid #ddd;border-radius:8px;width:100%;margin-bottom:12px;padding:8px}.filter-actions{gap:8px;display:flex}.filter-actions button{cursor:pointer;border:none;border-radius:8px;flex:1;padding:10px}.filter-actions button:first-child{background:#eee}.filter-actions button:last-child{color:#fff;background:#4caf50}.filter-overlay{z-index:999;background:#0006;width:100%;height:100%;position:fixed;top:0;left:0}.how{width:100%}.how__container{max-width:800px;margin:0 auto;padding:40px 20px}.how__title{margin-bottom:16px;font-size:28px}.how__intro{color:#555;margin-bottom:32px;font-size:16px}.how__steps{flex-direction:column;gap:24px;display:flex}.how__step h2{margin-bottom:6px;font-size:18px}.how__step p{color:#555;line-height:1.5}.how__footer{color:#555;border-top:1px solid #eee;margin-top:40px;padding-top:20px}.shops-page{width:100%}.shops-page__title{text-align:center;margin-bottom:16px}.shops-filters{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:16px;display:flex}.shops-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.shop-card{border:1px solid #e5e5e5;border-radius:12px;flex-direction:column;justify-content:space-between;padding:12px;display:flex}.shop-card__title{margin-bottom:6px}.shop-card__address{color:#666;margin-bottom:8px;font-size:14px}.shop-card__tags{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.shop-card__footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.shop-card__hours{color:#444;margin-bottom:8px;font-size:10px}.vet-clinics-page{width:100%}.vet-clinics-page__title{text-align:center;margin-bottom:16px}.vet-clinics-filters{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:16px;display:flex}.filter{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:8px;padding:6px 12px}.vet-clinics-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.vet-clinic-card{border:1px solid #e5e5e5;border-radius:12px;flex-direction:column;justify-content:space-between;padding:12px;display:flex}.vet-clinic-card__title{margin-bottom:6px}.vet-clinic-card__address{color:#666;margin-bottom:8px;font-size:14px}.vet-clinic-card__tags{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.tag{background:#f0f0f0;border-radius:6px;padding:2px 6px;font-size:12px}.tag--secondary{background:#e0e7ff}.vet-clinic-card__footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.price{font-size:14px;font-weight:500}.btn{color:#fff;cursor:pointer;background:#333;border:none;border-radius:8px;padding:6px 10px}.vet-clinic-card__hours{color:#444;margin-bottom:8px;font-size:10px}