メニュー | Zero-One Healing System
/* 注目メニュー（横幅いっぱい・2カラム内容） */
.menu-card.featured {
grid-column: 1 / -1;
background: linear-gradient(180deg, #ffffff 0%, #f6f9fc 100%);
border: 1px solid rgba(0, 28, 76, 0.12);
}
.menu-card.featured::before {
transform: scaleX(1);
height: 5px;
}
.featured-layout {
display: grid;
grid-template-columns: 1.35fr 1fr;
gap: 40px;
align-items: start;
}
.featured-badge {
background: linear-gradient(135deg, #b8860b 0%, #d4af37 100%);
}
.limited-tag {
position: absolute;
top: 24px;
right: 24px;
background: #001C4C;
color: #fff;
padding: 6px 14px;
border-radius: 20px;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.5px;
}
.price-was {
font-size: 15px;
font-weight: 400;
color: #718096;
text-decoration: line-through;
margin-bottom: 4px;
}
@media (max-width: 991px) {
.featured-layout {
grid-template-columns: 1fr;
gap: 25px;
}
.limited-tag {
top: 18px;
right: 18px;
font-size: 11px;
padding: 5px 12px;
}
}
