*{box-sizing:border-box}
body{margin:0;background:#f4f4f6;color:#09090b;font-family:Inter,Arial,sans-serif}
.hidden{display:none!important}
.favorites-header{height:84px;background:#fff;border-bottom:1px solid #e8e8ed;padding:0 max(24px,7vw);display:flex;align-items:center;justify-content:space-between;gap:30px;position:sticky;top:0;z-index:50}
.favorites-logo{text-decoration:none;color:#111;display:grid;line-height:1}
.favorites-logo strong{font-size:22px;letter-spacing:.04em}
.favorites-logo span{font-size:7px;letter-spacing:.28em;margin-top:6px;color:#777}
.favorites-header nav{display:flex;align-items:center;gap:24px}
.favorites-header nav a{text-decoration:none;color:#111;font-size:11px;font-weight:900}
.favorites-header nav a.active{border-bottom:2px solid #111;padding-bottom:6px}
.favorites-header nav b{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:99px;background:#111;color:#fff;font-size:8px}
.favorites-main{max-width:1180px;margin:auto;padding:70px 22px 90px}
.favorites-hero>span{font-size:10px;font-weight:900;letter-spacing:.15em;color:#777}
.favorites-hero h1{font-size:clamp(56px,10vw,112px);line-height:.82;letter-spacing:-6px;margin:20px 0 22px}
.favorites-hero p{max-width:600px;color:#666;font-size:14px;line-height:1.6}
.favorites-summary{margin:38px 0 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #ddd;padding-top:20px}
.favorites-summary div{display:flex;align-items:baseline;gap:9px}
.favorites-summary b{font-size:28px}
.favorites-summary span{font-size:11px;color:#777}
.favorites-summary button{border:1px solid #d9d9df;background:#fff;border-radius:999px;padding:11px 16px;font:inherit;font-size:9px;font-weight:900;cursor:pointer}
.favorites-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.favorite-card{background:#fff;border:1px solid #e5e5ea;border-radius:22px;overflow:hidden;display:grid;min-width:0}
.favorite-media{height:330px;background:#ededf1;position:relative;display:grid;place-items:center;overflow:hidden}
.favorite-media img{width:94%;height:94%;object-fit:contain}
.favorite-media .favorite-remove{position:absolute;right:13px;top:13px;width:39px;height:39px;border:0;border-radius:50%;background:#111;color:#fff;font-size:19px;cursor:pointer}
.favorite-media .favorite-state{position:absolute;left:13px;top:13px;padding:7px 10px;border-radius:999px;background:#ff0018;color:#fff;font-size:8px;font-weight:900}
.favorite-media .favorite-state.sold{background:#777}
.favorite-info{padding:20px;display:grid;gap:12px}
.favorite-info>small{font-size:9px;font-weight:900;letter-spacing:.1em;color:#777}
.favorite-info h2{font-size:25px;line-height:.98;letter-spacing:-1px;margin:0;overflow-wrap:anywhere}
.favorite-price{display:flex;align-items:baseline;gap:9px}
.favorite-price del{color:#999;font-size:12px;font-weight:800}
.favorite-price strong{font-size:25px;color:#ff0018}
.favorite-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px}
.favorite-actions a{height:48px;border-radius:13px;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:10px;font-weight:900}
.favorite-actions a:first-child{background:#111;color:#fff}
.favorite-actions a:last-child{border:1px solid #111;color:#111}
.favorites-empty{background:#fff;border:1px solid #e3e3e8;border-radius:24px;padding:60px 25px;text-align:center;display:grid;justify-items:center;gap:12px}
.favorites-empty>span{width:62px;height:62px;border-radius:19px;background:#111;color:#fff;display:grid;place-items:center;font-size:30px}
.favorites-empty h2{font-size:27px;margin:5px 0 0}
.favorites-empty p{color:#777;font-size:12px;margin:0}
.favorites-empty a{margin-top:8px;background:#111;color:#fff;border-radius:999px;padding:14px 22px;text-decoration:none;font-size:10px;font-weight:900}
.favorites-loading{grid-column:1/-1;background:#fff;border-radius:20px;padding:40px;text-align:center;color:#777}
@media(max-width:900px){.favorites-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.favorites-header nav a:not(.active){display:none}}
@media(max-width:560px){
 .favorites-header{height:70px;padding:0 15px}
 .favorites-main{padding:48px 10px 80px}
 .favorites-hero h1{font-size:57px;letter-spacing:-4px}
 .favorites-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .favorite-media{height:210px}
 .favorite-info{padding:13px}
 .favorite-info h2{font-size:17px}
 .favorite-price strong{font-size:19px}
 .favorite-actions{grid-template-columns:1fr}
 .favorite-actions a{height:43px;font-size:9px}
}