@media (min-width: 481px) {
.custom-favorite-item { display: flex; }
.custom-favorite-mobile { display: none; }
}
@media (max-width: 480px) {
.custom-favorite-item { display: none; }
.custom-favorite-mobile { display: flex !important; }
}
.custom-favorite-item,
.custom-favorite-mobile {
flex-wrap: wrap;
gap: 15px;
margin-bottom: 15px;
padding: 16px 20px;
border-radius: 12px;
background: #f5f5f7;
border: 1px solid #e6e6ea;
align-items: flex-start;
width: 100%;
box-sizing: border-box;
}
.custom-favorite-image { border-radius: 8px; overflow: hidden; flex-shrink: 0; }
.custom-favorite-image img { width: 100%; height: auto; display: block; border-radius: 8px; }
.custom-favorite-info {
flex: 1;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
gap: 6px;
}
.custom-favorite-info .title a { font-weight: bold; font-size: 15px; color: #000; text-decoration: none; }
.custom-favorite-info .date,
.custom-favorite-info .price { font-size: 14px; color: #555; }
.custom-favorite-buttons {
display: flex;
gap: 10px;
margin-top: 10px;
width: 100%;
justify-content: space-between;
}
.custom-favorite-buttons button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 5px;
font-weight: bold;
white-space: nowrap;
}
.custom-favorite-buttons button img { width: 24px; height: 24px; vertical-align: middle; }
@media (max-width: 480px) {
.custom-favorite-mobile { flex-direction: column; align-items: center; gap: 10px; max-width: 100%; }
.custom-favorite-mobile .custom-favorite-image { width: 60%; margin: 0 auto; }
.custom-favorite-mobile .custom-favorite-info { width: 100%; align-items: center; }
.custom-favorite-mobile .custom-favorite-info .title a,
.custom-favorite-mobile .custom-favorite-info .date,
.custom-favorite-mobile .custom-favorite-info .price { text-align: center !important; }
.custom-favorite-mobile .custom-favorite-buttons { width: 100%; justify-content: space-between; gap: 10px; }
.custom-favorite-mobile .custom-favorite-buttons button { flex: 1; }
}
.pswish-grid-container { visibility: hidden; height: 0; overflow: hidden; }