diff --git a/frontend/pet.html b/frontend/pet.html index 656da54..bb288b4 100644 --- a/frontend/pet.html +++ b/frontend/pet.html @@ -383,7 +383,7 @@ /* Гардероб по зонам */ #pet-accessories { display:block; } .wr-bar { display:flex; align-items:center; justify-content:space-between; gap:8px; flex-wrap:wrap; - padding-bottom:11px; border-bottom:1px solid rgba(255,255,255,.08); } + padding-bottom:12px; margin-bottom:13px; border-bottom:1px solid rgba(255,255,255,.08); } .wr-count { font-size:.76rem; color:var(--text-2); font-weight:700; } .wr-count b { color:#c9a6ff; } .wr-actions { display:flex; gap:7px; flex-wrap:wrap; } @@ -391,10 +391,11 @@ background:rgba(255,255,255,.03); color:var(--text-2); font:700 .72rem 'Manrope',sans-serif; cursor:pointer; transition:all .15s; } .wr-btn svg { width:12px; height:12px; } .wr-btn:hover { border-color:var(--violet); color:var(--text); } - .wr-zone { display:flex; align-items:center; gap:14px; padding:11px 2px; border-bottom:1px solid rgba(255,255,255,.06); } - .wr-zone:last-child { border-bottom:none; padding-bottom:2px; } - .wr-zone-lbl { width:62px; flex-shrink:0; text-align:right; font-size:.6rem; font-weight:800; color:var(--text-3); - text-transform:uppercase; letter-spacing:.06em; } + .wr-zone { display:flex; align-items:center; gap:13px; padding:10px 14px; margin-bottom:8px; + background:rgba(255,255,255,.035); border:1px solid rgba(255,255,255,.07); border-radius:13px; } + .wr-zone:last-child { margin-bottom:0; } + .wr-zone-lbl { width:56px; flex-shrink:0; font-size:.58rem; font-weight:800; color:var(--text-3); + text-transform:uppercase; letter-spacing:.07em; } .wr-chips { display:flex; flex-wrap:wrap; gap:7px; flex:1; } .wr-tile { display:inline-flex; align-items:center; gap:6px; padding:8px 14px; border-radius:12px; border:1.5px solid var(--border-h); background:rgba(255,255,255,.04); color:var(--text-2); font:600 .77rem 'Manrope',sans-serif; cursor:pointer; transition:all .16s; }